70520 lines
1.9 MiB
70520 lines
1.9 MiB
.defaultColor__4bd52 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.lineClamp1__4bd52 {
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.lineClamp2Plus__4bd52 {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden
|
|
}
|
|
|
|
.selectable__4bd52 {
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.tabularNumbers__4bd52 {
|
|
font-variant-numeric: tabular-nums
|
|
}
|
|
|
|
.heading-sm\/normal_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/normal_cf4812.fontScaling_cf4812 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/medium_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/medium_cf4812.fontScaling_cf4812 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/semibold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/semibold_cf4812.fontScaling_cf4812 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/bold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/bold_cf4812.fontScaling_cf4812 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/extrabold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 800;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/extrabold_cf4812.fontScaling_cf4812 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-md\/normal_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/normal_cf4812.fontScaling_cf4812 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/medium_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/medium_cf4812.fontScaling_cf4812 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/semibold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/semibold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/bold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/bold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/extrabold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/extrabold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-lg\/normal_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/normal_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/medium_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/medium_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/semibold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/semibold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/bold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/bold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/extrabold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/extrabold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-xl\/normal_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/normal_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/medium_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/medium_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/semibold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/semibold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/bold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/bold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/extrabold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/extrabold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xxl\/normal_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/normal_cf4812.fontScaling_cf4812 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/medium_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/medium_cf4812.fontScaling_cf4812 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/semibold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/semibold_cf4812.fontScaling_cf4812 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/bold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/bold_cf4812.fontScaling_cf4812 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/extrabold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/extrabold_cf4812.fontScaling_cf4812 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.eyebrow_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: .02em;
|
|
line-height: 1.3333333333333333;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.eyebrow_cf4812.fontScaling_cf4812 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/normal_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/normal_cf4812.fontScaling_cf4812 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/medium_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/medium_cf4812.fontScaling_cf4812 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold_cf4812.fontScaling_cf4812 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/bold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/bold_cf4812.fontScaling_cf4812 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold_cf4812.fontScaling_cf4812 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.redesign\/heading-18\/bold_cf4812 {
|
|
font-family: var(--font-display);
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/heading-18\/bold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.125rem
|
|
}
|
|
|
|
.text-xxs\/normal_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/normal_cf4812.fontScaling_cf4812 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/medium_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/medium_cf4812.fontScaling_cf4812 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/semibold_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/semibold_cf4812.fontScaling_cf4812 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/bold_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/bold_cf4812.fontScaling_cf4812 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xs\/normal_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/normal_cf4812.fontScaling_cf4812 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/medium_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/medium_cf4812.fontScaling_cf4812 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/semibold_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/semibold_cf4812.fontScaling_cf4812 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/bold_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/bold_cf4812.fontScaling_cf4812 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-sm\/normal_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/normal_cf4812.fontScaling_cf4812 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/medium_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/medium_cf4812.fontScaling_cf4812 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/semibold_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/semibold_cf4812.fontScaling_cf4812 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/bold_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/bold_cf4812.fontScaling_cf4812 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-md\/normal_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/normal_cf4812.fontScaling_cf4812 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/medium_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/medium_cf4812.fontScaling_cf4812 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/semibold_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/semibold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/bold_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/bold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-lg\/normal_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/normal_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/medium_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/medium_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/semibold_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/semibold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/bold_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/bold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.redesign\/message-preview\/normal_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/normal_cf4812.fontScaling_cf4812 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/medium_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/medium_cf4812.fontScaling_cf4812 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold_cf4812.fontScaling_cf4812 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/bold_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/bold_cf4812.fontScaling_cf4812 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/channel-title\/normal_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/normal_cf4812.fontScaling_cf4812 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/medium_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/medium_cf4812.fontScaling_cf4812 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/bold_cf4812 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/bold_cf4812.fontScaling_cf4812 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.display-sm_cf4812 {
|
|
font-family: var(--font-headline);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1
|
|
}
|
|
|
|
.display-sm_cf4812.fontScaling_cf4812 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.display-md_cf4812 {
|
|
font-family: var(--font-headline);
|
|
font-size: 34px;
|
|
font-weight: 800;
|
|
line-height: 1.0588235294117647
|
|
}
|
|
|
|
.display-md_cf4812.fontScaling_cf4812 {
|
|
font-size: 2.125rem
|
|
}
|
|
|
|
.display-lg_cf4812 {
|
|
font-family: var(--font-headline);
|
|
font-size: 44px;
|
|
font-weight: 800;
|
|
line-height: .9545454545454546
|
|
}
|
|
|
|
.display-lg_cf4812.fontScaling_cf4812 {
|
|
font-size: 2.75rem
|
|
}
|
|
|
|
.code_cf4812 {
|
|
font-family: var(--font-code);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.code_cf4812.fontScaling_cf4812 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.defaultColor__5345c {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
:root {
|
|
--expand-structural-duration: 100ms;
|
|
--expand-fade-duration: 200ms;
|
|
--expand-easing-function: ease-out;
|
|
--collapse-structural-duration: 150ms;
|
|
--collapse-fade-duration: 150ms;
|
|
--collapse-easing-function: ease-in
|
|
}
|
|
|
|
.container__35859 {
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
display: grid;
|
|
font-weight: 500;
|
|
grid-template-rows: 1fr;
|
|
padding: 8px;
|
|
transition-duration: var(--expand-structural-duration);
|
|
transition-property: grid-template-rows,padding-bottom,padding-top,border-width;
|
|
transition-timing-function: var(--expand-easing-function);
|
|
width: 100%
|
|
}
|
|
|
|
.container__35859.hidden__35859 {
|
|
border-width: 0;
|
|
grid-template-rows: 0fr;
|
|
padding-bottom: 0;
|
|
padding-top: 0;
|
|
transition-delay: var(--collapse-fade-duration);
|
|
transition-duration: var(--collapse-structural-duration);
|
|
transition-property: grid-template-rows,padding-bottom,padding-top,border-width;
|
|
transition-timing-function: var(--collapse-easing-function)
|
|
}
|
|
|
|
.innerContainer__35859 {
|
|
display: flex;
|
|
min-height: 0;
|
|
opacity: 1;
|
|
overflow: hidden;
|
|
transition-delay: var(--expand-structural-duration);
|
|
transition-duration: var(--expand-fade-duration);
|
|
transition-property: opacity;
|
|
transition-timing-function: var(--expand-easing-function)
|
|
}
|
|
|
|
.container__35859.hidden__35859 .innerContainer__35859 {
|
|
opacity: 0;
|
|
transition-delay: 0s;
|
|
transition-duration: var(--collapse-fade-duration);
|
|
transition-property: opacity;
|
|
transition-timing-function: var(--collapse-easing-function)
|
|
}
|
|
|
|
.icon__35859 {
|
|
flex-shrink: 0;
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.iconDiv__35859 {
|
|
display: flex
|
|
}
|
|
|
|
.text__35859 {
|
|
align-self: center;
|
|
flex: 1;
|
|
margin-left: var(--space-8)
|
|
}
|
|
|
|
.text__35859 p {
|
|
margin: 0
|
|
}
|
|
|
|
.text__35859 p~p {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.positive__35859 {
|
|
background: var(--background-feedback-positive);
|
|
border: 1px solid var(--icon-feedback-positive);
|
|
color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.positive__35859 .icon__35859 {
|
|
color: var(--icon-feedback-positive)
|
|
}
|
|
|
|
.warning__35859 {
|
|
background: var(--background-feedback-warning);
|
|
border: 1px solid var(--icon-feedback-warning);
|
|
color: var(--text-feedback-warning)
|
|
}
|
|
|
|
.warning__35859 .icon__35859 {
|
|
color: var(--icon-feedback-warning)
|
|
}
|
|
|
|
.info__35859 {
|
|
background: var(--background-feedback-info);
|
|
border: 1px solid var(--icon-feedback-info);
|
|
color: var(--text-feedback-info)
|
|
}
|
|
|
|
.info__35859 .icon__35859 {
|
|
color: var(--icon-feedback-info)
|
|
}
|
|
|
|
.error__35859 {
|
|
background: var(--background-feedback-critical);
|
|
border: 1px solid var(--icon-feedback-critical);
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.error__35859 .icon__35859 {
|
|
color: var(--icon-feedback-critical)
|
|
}
|
|
|
|
.actionContainer__35859 {
|
|
margin-bottom: auto;
|
|
margin-left: 16px;
|
|
margin-top: auto
|
|
}
|
|
|
|
.hiddenVisually_b18fe2,.showOnFocus_b18fe2:not(:focus-within) {
|
|
clip: rect(0 0 0 0);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
white-space: nowrap;
|
|
width: 1px
|
|
}
|
|
|
|
.badge_c2b88c {
|
|
align-items: center;
|
|
align-self: center;
|
|
border-radius: var(--radius-round);
|
|
box-sizing: border-box;
|
|
display: inline-flex;
|
|
gap: var(--space-4);
|
|
padding: 0 var(--space-8);
|
|
text-align: center;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.default_c2b88c {
|
|
background-color: var(--badge-background-default);
|
|
color: var(--badge-text-default)
|
|
}
|
|
|
|
.brand_c2b88c {
|
|
background-color: var(--badge-background-brand);
|
|
color: var(--badge-text-brand)
|
|
}
|
|
|
|
.expressive_c2b88c {
|
|
background-color: var(--badge-expressive-background-default);
|
|
color: var(--badge-expressive-text-default)
|
|
}
|
|
|
|
.chip__3854f {
|
|
align-self: center;
|
|
border-radius: var(--radius-round);
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
padding: 0 var(--space-8);
|
|
text-align: center;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.blurple-light__3854f {
|
|
background-color: var(--chip-blurple-light-background);
|
|
color: var(--chip-blurple-light-text)
|
|
}
|
|
|
|
.blurple-medium__3854f {
|
|
background-color: var(--chip-blurple-medium-background);
|
|
color: var(--chip-blurple-medium-text)
|
|
}
|
|
|
|
.blurple-dark__3854f {
|
|
background-color: var(--chip-blurple-dark-background);
|
|
color: var(--chip-blurple-dark-text)
|
|
}
|
|
|
|
.purple-light__3854f {
|
|
background-color: var(--chip-purple-light-background);
|
|
color: var(--chip-purple-light-text)
|
|
}
|
|
|
|
.purple-medium__3854f {
|
|
background-color: var(--chip-purple-medium-background);
|
|
color: var(--chip-purple-medium-text)
|
|
}
|
|
|
|
.purple-dark__3854f {
|
|
background-color: var(--chip-purple-dark-background);
|
|
color: var(--chip-purple-dark-text)
|
|
}
|
|
|
|
.green-light__3854f {
|
|
background-color: var(--chip-green-light-background);
|
|
color: var(--chip-green-light-text)
|
|
}
|
|
|
|
.green-medium__3854f {
|
|
background-color: var(--chip-green-medium-background);
|
|
color: var(--chip-green-medium-text)
|
|
}
|
|
|
|
.green-dark__3854f {
|
|
background-color: var(--chip-green-dark-background);
|
|
color: var(--chip-green-dark-text)
|
|
}
|
|
|
|
.orange-light__3854f {
|
|
background-color: var(--chip-orange-light-background);
|
|
color: var(--chip-orange-light-text)
|
|
}
|
|
|
|
.orange-medium__3854f {
|
|
background-color: var(--chip-orange-medium-background);
|
|
color: var(--chip-orange-medium-text)
|
|
}
|
|
|
|
.orange-dark__3854f {
|
|
background-color: var(--chip-orange-dark-background);
|
|
color: var(--chip-orange-dark-text)
|
|
}
|
|
|
|
.yellow-light__3854f {
|
|
background-color: var(--chip-yellow-light-background);
|
|
color: var(--chip-yellow-light-text)
|
|
}
|
|
|
|
.yellow-medium__3854f {
|
|
background-color: var(--chip-yellow-medium-background);
|
|
color: var(--chip-yellow-medium-text)
|
|
}
|
|
|
|
.yellow-dark__3854f {
|
|
background-color: var(--chip-yellow-dark-background);
|
|
color: var(--chip-yellow-dark-text)
|
|
}
|
|
|
|
.pink-light__3854f {
|
|
background-color: var(--chip-pink-light-background);
|
|
color: var(--chip-pink-light-text)
|
|
}
|
|
|
|
.pink-medium__3854f {
|
|
background-color: var(--chip-pink-medium-background);
|
|
color: var(--chip-pink-medium-text)
|
|
}
|
|
|
|
.pink-dark__3854f {
|
|
background-color: var(--chip-pink-dark-background);
|
|
color: var(--chip-pink-dark-text)
|
|
}
|
|
|
|
.red-light__3854f {
|
|
background-color: var(--chip-red-light-background);
|
|
color: var(--chip-red-light-text)
|
|
}
|
|
|
|
.red-medium__3854f {
|
|
background-color: var(--chip-red-medium-background);
|
|
color: var(--chip-red-medium-text)
|
|
}
|
|
|
|
.red-dark__3854f {
|
|
background-color: var(--chip-red-dark-background);
|
|
color: var(--chip-red-dark-text)
|
|
}
|
|
|
|
.gray-light__3854f {
|
|
background-color: var(--chip-gray-light-background);
|
|
color: var(--chip-gray-light-text)
|
|
}
|
|
|
|
.gray-medium__3854f {
|
|
background-color: var(--chip-gray-medium-background);
|
|
color: var(--chip-gray-medium-text)
|
|
}
|
|
|
|
.gray-dark__3854f {
|
|
background-color: var(--chip-gray-dark-background);
|
|
color: var(--chip-gray-dark-text)
|
|
}
|
|
|
|
.progress__45530 {
|
|
overflow: hidden;
|
|
position: relative;
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
.progress__45530,.progressBar__45530 {
|
|
width: 100%
|
|
}
|
|
|
|
.animating__45530 {
|
|
transition: transform .2s ease-out
|
|
}
|
|
|
|
.xxsmall__45530 {
|
|
border-radius: 2px;
|
|
height: 2px
|
|
}
|
|
|
|
.xsmall__45530 {
|
|
height: 4px
|
|
}
|
|
|
|
.small__45530,.xsmall__45530 {
|
|
border-radius: 3px
|
|
}
|
|
|
|
.small__45530 {
|
|
height: 6px
|
|
}
|
|
|
|
.large__45530 {
|
|
border-radius: 4px;
|
|
height: 8px
|
|
}
|
|
|
|
.indeterminate__45530 {
|
|
position: absolute;
|
|
top: 0;
|
|
width: auto
|
|
}
|
|
|
|
.indeterminateBar1__45530 {
|
|
animation: indeterminate1__45530 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
|
|
animation-play-state: paused
|
|
}
|
|
|
|
.indeterminateBar1__45530.animating__45530 {
|
|
animation-play-state: running
|
|
}
|
|
|
|
.indeterminateBar2__45530 {
|
|
animation: indeterminate2__45530 2.1s cubic-bezier(.165,.84,.44,1) infinite;
|
|
animation-delay: 1.15s;
|
|
animation-play-state: paused
|
|
}
|
|
|
|
.indeterminateBar2__45530.animating__45530 {
|
|
animation-play-state: running
|
|
}
|
|
|
|
@keyframes indeterminate1__45530 {
|
|
0% {
|
|
left: -35%;
|
|
right: 100%
|
|
}
|
|
|
|
60% {
|
|
left: 100%;
|
|
right: -90%
|
|
}
|
|
|
|
to {
|
|
left: 100%;
|
|
right: -90%
|
|
}
|
|
}
|
|
|
|
@keyframes indeterminate2__45530 {
|
|
0% {
|
|
left: -200%;
|
|
right: 100%
|
|
}
|
|
|
|
60% {
|
|
left: 107%;
|
|
right: -8%
|
|
}
|
|
|
|
to {
|
|
left: 107%;
|
|
right: -8%
|
|
}
|
|
}
|
|
|
|
.progressCircle__28edc {
|
|
align-items: center;
|
|
color: var(--blue-345);
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.circle__28edc {
|
|
bottom: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0
|
|
}
|
|
|
|
.circleBackgroundAlt__28edc {
|
|
fill: var(--opacity-black-20)
|
|
}
|
|
|
|
.circleBackground__28edc {
|
|
fill: var(--background-mod-muted)
|
|
}
|
|
|
|
.circleProgress__28edc {
|
|
fill: none
|
|
}
|
|
|
|
.circleOverlay__28edc {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative
|
|
}
|
|
|
|
.progress__67225 {
|
|
overflow: hidden;
|
|
position: relative;
|
|
transform: translateZ(0);
|
|
width: 100%
|
|
}
|
|
|
|
.progressBar__67225 {
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .animating__67225 {
|
|
transition: transform .2s ease-out
|
|
}
|
|
|
|
.xsmall__67225 {
|
|
height: 4px
|
|
}
|
|
|
|
.small__67225,.xsmall__67225 {
|
|
border-radius: 3px
|
|
}
|
|
|
|
.small__67225 {
|
|
height: 6px
|
|
}
|
|
|
|
.large__67225 {
|
|
border-radius: 4px;
|
|
height: 8px
|
|
}
|
|
|
|
.stack_dbd263 {
|
|
display: flex
|
|
}
|
|
|
|
.stack_dbd263[data-full-width=true] {
|
|
width: 100%
|
|
}
|
|
|
|
.stack_dbd263[data-direction=vertical] {
|
|
flex-direction: column
|
|
}
|
|
|
|
.stack_dbd263[data-direction=vertical-reverse] {
|
|
flex-direction: column-reverse
|
|
}
|
|
|
|
.stack_dbd263[data-direction=horizontal] {
|
|
flex-direction: row
|
|
}
|
|
|
|
.stack_dbd263[data-direction=horizontal-reverse] {
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
.stack_dbd263[data-align=start] {
|
|
align-items: flex-start
|
|
}
|
|
|
|
.stack_dbd263[data-align=end] {
|
|
align-items: flex-end
|
|
}
|
|
|
|
.stack_dbd263[data-align=center] {
|
|
align-items: center
|
|
}
|
|
|
|
.stack_dbd263[data-align=stretch] {
|
|
align-items: stretch
|
|
}
|
|
|
|
.stack_dbd263[data-align=baseline] {
|
|
align-items: baseline
|
|
}
|
|
|
|
.stack_dbd263[data-wrap=true] {
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.stack_dbd263[data-justify=start] {
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.stack_dbd263[data-justify=end] {
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.stack_dbd263[data-justify=center] {
|
|
justify-content: center
|
|
}
|
|
|
|
.stack_dbd263[data-justify=space-around] {
|
|
justify-content: space-around
|
|
}
|
|
|
|
.stack_dbd263[data-justify=space-between] {
|
|
justify-content: space-between
|
|
}
|
|
|
|
.scrollerBase_d125d2 {
|
|
box-sizing: border-box;
|
|
flex: 1 1 auto;
|
|
min-height: 0;
|
|
position: relative
|
|
}
|
|
|
|
.auto_d125d2,.none_d125d2,.thin_d125d2 {
|
|
}
|
|
|
|
.thin_d125d2::-webkit-scrollbar {
|
|
height: 8px;
|
|
width: 8px
|
|
}
|
|
|
|
.thin_d125d2::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-thin-track);
|
|
border: 2px solid var(--scrollbar-thin-track);
|
|
border-color: var(--scrollbar-thin-track)
|
|
}
|
|
|
|
.thin_d125d2::-webkit-scrollbar-thumb {
|
|
background-clip: padding-box;
|
|
background-color: var(--scrollbar-thin-thumb);
|
|
border: 2px solid transparent;
|
|
border-radius: 4px;
|
|
min-height: 40px
|
|
}
|
|
|
|
.thin_d125d2::-webkit-scrollbar-corner {
|
|
background-color: transparent
|
|
}
|
|
|
|
.auto_d125d2::-webkit-scrollbar {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.auto_d125d2::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-auto-track)
|
|
}
|
|
|
|
.auto_d125d2::-webkit-scrollbar-thumb,.auto_d125d2::-webkit-scrollbar-track {
|
|
background-clip: padding-box;
|
|
border: 4px solid transparent;
|
|
border-radius: 8px
|
|
}
|
|
|
|
.auto_d125d2::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-auto-thumb);
|
|
min-height: 40px
|
|
}
|
|
|
|
.auto_d125d2::-webkit-scrollbar-corner {
|
|
background-color: transparent
|
|
}
|
|
|
|
.custom-theme-background .customTheme_d125d2.auto_d125d2::-webkit-scrollbar-track {
|
|
background-color: var(--background-mod-muted)
|
|
}
|
|
|
|
.none_d125d2::-webkit-scrollbar {
|
|
height: 0;
|
|
width: 0
|
|
}
|
|
|
|
.fade_d125d2::-webkit-scrollbar-thumb,.fade_d125d2::-webkit-scrollbar-track {
|
|
visibility: hidden
|
|
}
|
|
|
|
.fade_d125d2:hover::-webkit-scrollbar-thumb,.fade_d125d2:hover::-webkit-scrollbar-track {
|
|
visibility: visible
|
|
}
|
|
|
|
.scrolling_d125d2.fade_d125d2:focus-within::-webkit-scrollbar-thumb,.scrolling_d125d2.fade_d125d2:focus-within::-webkit-scrollbar-track {
|
|
visibility: visible
|
|
}
|
|
|
|
.no-webkit-scrollbar .thin_d125d2 {
|
|
scrollbar-color: var(--scrollbar-thin-thumb) var(--scrollbar-thin-track);
|
|
scrollbar-width: thin
|
|
}
|
|
|
|
.no-webkit-scrollbar .thin_d125d2.fade_d125d2.scrolling_d125d2,.no-webkit-scrollbar .thin_d125d2.fade_d125d2:hover {
|
|
scrollbar-color: var(--scrollbar-thin-thumb) var(--scrollbar-thin-track)
|
|
}
|
|
|
|
.no-webkit-scrollbar .auto_d125d2 {
|
|
scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb) var(--scrollbar-auto-scrollbar-color-track);
|
|
scrollbar-width: auto
|
|
}
|
|
|
|
.no-webkit-scrollbar .auto_d125d2.fade_d125d2.scrolling_d125d2,.no-webkit-scrollbar .auto_d125d2.fade_d125d2:hover {
|
|
scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb) var(--scrollbar-auto-scrollbar-color-track)
|
|
}
|
|
|
|
.no-webkit-scrollbar .none_d125d2 {
|
|
scrollbar-width: none
|
|
}
|
|
|
|
.no-webkit-scrollbar .fade_d125d2 {
|
|
scrollbar-color: transparent transparent
|
|
}
|
|
|
|
.content_d125d2 {
|
|
position: relative
|
|
}
|
|
|
|
.disableScrollAnchor_d125d2 {
|
|
overflow-anchor: none
|
|
}
|
|
|
|
.managedReactiveScroller_d125d2 {
|
|
overflow-x: hidden;
|
|
overflow-y: scroll
|
|
}
|
|
|
|
.pointerCover_d125d2 {
|
|
inset: 0;
|
|
position: absolute;
|
|
z-index: 9999
|
|
}
|
|
|
|
.enable-forced-colors ::-webkit-scrollbar-track {
|
|
border-radius: 0;
|
|
border-width: 1px
|
|
}
|
|
|
|
.enable-forced-colors ::-webkit-scrollbar-thumb {
|
|
background-color: CanvasText;
|
|
border-width: 1px
|
|
}
|
|
|
|
.enable-forced-colors ::-webkit-scrollbar-thumb:horizontal:active,.enable-forced-colors ::-webkit-scrollbar-thumb:horizontal:hover,.enable-forced-colors ::-webkit-scrollbar-thumb:vertical:active,.enable-forced-colors ::-webkit-scrollbar-thumb:vertical:hover {
|
|
background-color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .auto_d125d2::-webkit-scrollbar {
|
|
height: 8px;
|
|
width: 8px
|
|
}
|
|
|
|
.enable-forced-colors .auto_d125d2::-webkit-scrollbar-track {
|
|
border-radius: 0;
|
|
border-width: 1px
|
|
}
|
|
|
|
@keyframes spinner-wandering-cubes__46696 {
|
|
25% {
|
|
transform: translateX(22px) rotate(-90deg) scale(.5)
|
|
}
|
|
|
|
50% {
|
|
transform: translateX(22px) translateY(22px) rotate(-180deg)
|
|
}
|
|
|
|
75% {
|
|
transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5)
|
|
}
|
|
|
|
to {
|
|
transform: rotate(-1turn)
|
|
}
|
|
}
|
|
|
|
@keyframes spinner-chasing-dots-rotate__46696 {
|
|
to {
|
|
transform: rotate(1turn)
|
|
}
|
|
}
|
|
|
|
@keyframes spinner-chasing-dots-bounce__46696 {
|
|
0%,to {
|
|
transform: scale(0)
|
|
}
|
|
|
|
50% {
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes spinner-pulsing-ellipsis__46696 {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(1)
|
|
}
|
|
|
|
50% {
|
|
opacity: .3;
|
|
transform: scale(.8)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes spinner-low-motion__46696 {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
|
|
50% {
|
|
opacity: .6
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes spinner-spinning-circle-rotate__46696 {
|
|
to {
|
|
transform: rotate(1turn)
|
|
}
|
|
}
|
|
|
|
@keyframes spinner-spinning-circle-dash__46696 {
|
|
0% {
|
|
stroke-dasharray: 1,200;
|
|
stroke-dashoffset: 0
|
|
}
|
|
|
|
50% {
|
|
stroke-dasharray: 130,200
|
|
}
|
|
|
|
to {
|
|
stroke-dasharray: 130,200;
|
|
stroke-dashoffset: -124
|
|
}
|
|
}
|
|
|
|
.spinner__46696 {
|
|
display: flex
|
|
}
|
|
|
|
.inner__46696,.spinner__46696 {
|
|
align-items: center;
|
|
justify-content: center
|
|
}
|
|
|
|
.inner__46696 {
|
|
contain: paint;
|
|
display: inline-flex;
|
|
height: 32px;
|
|
position: relative;
|
|
width: 32px
|
|
}
|
|
|
|
.wanderingCubes__46696 .item__46696 {
|
|
animation: spinner-wandering-cubes__46696 1.8s ease-in-out infinite;
|
|
background-color: var(--brand-400);
|
|
height: 10px;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 10px
|
|
}
|
|
|
|
.wanderingCubes__46696 .item__46696:last-child {
|
|
animation-delay: -.9s
|
|
}
|
|
|
|
.chasingDots__46696 {
|
|
animation: spinner-chasing-dots-rotate__46696 2s linear infinite
|
|
}
|
|
|
|
.chasingDots__46696 .item__46696 {
|
|
animation: spinner-chasing-dots-bounce__46696 2s ease-in-out infinite;
|
|
background-color: var(--brand-500);
|
|
border-radius: 100%;
|
|
display: inline-block;
|
|
height: 60%;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 60%
|
|
}
|
|
|
|
.chasingDots__46696 .item__46696:last-child {
|
|
animation-delay: -1s;
|
|
bottom: 0;
|
|
top: auto
|
|
}
|
|
|
|
.pulsingEllipsis__46696 {
|
|
display: flex;
|
|
height: auto;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 28px
|
|
}
|
|
|
|
.pulsingEllipsis__46696 .item__46696 {
|
|
animation: spinner-pulsing-ellipsis__46696 1.4s ease-in-out infinite;
|
|
background-color: var(--primary-100);
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
height: 6px;
|
|
margin-right: 2px;
|
|
opacity: .3;
|
|
width: 6px
|
|
}
|
|
|
|
.pulsingEllipsis__46696 .item__46696:nth-of-type(2) {
|
|
animation-delay: .2s
|
|
}
|
|
|
|
.pulsingEllipsis__46696 .item__46696:nth-of-type(3) {
|
|
animation-delay: .4s
|
|
}
|
|
|
|
.lowMotion__46696 .item__46696 {
|
|
animation: spinner-low-motion__46696 1.4s ease-in-out infinite;
|
|
background-color: var(--interactive-text-default);
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
height: 6px;
|
|
margin-right: 2px;
|
|
opacity: .3;
|
|
width: 6px
|
|
}
|
|
|
|
.lowMotion__46696 .item__46696:nth-of-type(2) {
|
|
animation-delay: .2s
|
|
}
|
|
|
|
.lowMotion__46696 .item__46696:nth-of-type(3) {
|
|
animation-delay: .4s
|
|
}
|
|
|
|
.stop-animation .pulsingEllipsis__46696 .item__46696 {
|
|
animation: none
|
|
}
|
|
|
|
.stopAnimation__46696 .chasingDots__46696,.stopAnimation__46696 .circular__46696,.stopAnimation__46696 .item__46696,.stopAnimation__46696 .path__46696 {
|
|
animation: none
|
|
}
|
|
|
|
.spinningCircle__46696 {
|
|
width: 100%
|
|
}
|
|
|
|
.spinningCircleInner__46696 {
|
|
transform: rotate(280deg)
|
|
}
|
|
|
|
.circular__46696 {
|
|
animation: spinner-spinning-circle-rotate__46696 2s linear infinite;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.path__46696 {
|
|
animation: spinner-spinning-circle-dash__46696 2s ease-in-out infinite;
|
|
stroke-dasharray: 1,200;
|
|
stroke-dashoffset: 0;
|
|
fill: none;
|
|
stroke-width: 6;
|
|
stroke-miterlimit: 10;
|
|
stroke-linecap: round;
|
|
stroke: var(--brand-500)
|
|
}
|
|
|
|
.path2__46696 {
|
|
animation-delay: .15s;
|
|
opacity: .6
|
|
}
|
|
|
|
.path2__46696,.path3__46696 {
|
|
stroke: var(--text-brand)
|
|
}
|
|
|
|
.path3__46696 {
|
|
animation-delay: .23s
|
|
}
|
|
|
|
.theme-light .path3__46696 {
|
|
opacity: .3
|
|
}
|
|
|
|
.combo__61c93 {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-semibold);
|
|
height: 23px;
|
|
line-height: 12px;
|
|
position: relative;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.systemFont__61c93 {
|
|
font-family: "system-ui",sans-serif
|
|
}
|
|
|
|
.key__61c93 {
|
|
background-color: var(--background-mod-muted);
|
|
border: 1px solid var(--border-strong);
|
|
border-radius: 4px;
|
|
box-sizing: border-box;
|
|
cursor: default;
|
|
display: block;
|
|
height: 23px;
|
|
min-height: 14px;
|
|
min-width: 14px;
|
|
padding: 3px 6px 4px;
|
|
position: relative;
|
|
text-align: center
|
|
}
|
|
|
|
.key__61c93:not(:last-child) {
|
|
margin-inline-end:3px}
|
|
|
|
.key__61c93 .bindArrow__61c93 {
|
|
height: 10px;
|
|
width: 10px
|
|
}
|
|
|
|
.key__61c93 .bindArrow__61c93.up__61c93 {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.key__61c93 .bindArrow__61c93.left__61c93 {
|
|
transform: rotate(90deg)
|
|
}
|
|
|
|
.key__61c93 .bindArrow__61c93.right__61c93 {
|
|
transform: rotate(-90deg)
|
|
}
|
|
|
|
.key__61c93:active {
|
|
height: 21px;
|
|
padding-bottom: 2px;
|
|
transform: translateY(2px)
|
|
}
|
|
|
|
.combo__61c93 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.key__61c93 {
|
|
border: 1px solid var(--border-subtle);
|
|
box-shadow: inset 0 -4px 0 var(--background-mod-muted);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.key__61c93 g {
|
|
fill: var(--interactive-text-active)
|
|
}
|
|
|
|
.key__61c93:active {
|
|
border: 1px solid var(--border-strong);
|
|
box-shadow: inset 0 -2px 0 var(--background-mod-subtle);
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.key__61c93:active g {
|
|
fill: var(--interactive-text-default)
|
|
}
|
|
|
|
.dim__61c93 span {
|
|
background-color: var(--background-mod-subtle);
|
|
color: var(--text-subtle)
|
|
}
|
|
|
|
.dim__61c93 span .bindArrow__61c93 g {
|
|
fill: var(--text-subtle)
|
|
}
|
|
|
|
.dim__61c93 span:active {
|
|
color: var(--text-subtle)
|
|
}
|
|
|
|
.dim__61c93 span:active .bindArrow__61c93 g {
|
|
fill: var(--text-subtle)
|
|
}
|
|
|
|
.keybindShortcutSearchPopout__61c93 {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
margin: 0
|
|
}
|
|
|
|
.keyboardShortcuts__61c93 {
|
|
margin: 0
|
|
}
|
|
|
|
.button_a22cb0 {
|
|
align-items: center;
|
|
background: initial;
|
|
border: 1px solid transparent;
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
color: inherit;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
font-size: medium;
|
|
font-weight: 400;
|
|
justify-content: center;
|
|
margin: 0;
|
|
max-height: -moz-min-content;
|
|
max-height: min-content;
|
|
max-width: 100%;
|
|
padding: 0;
|
|
position: relative;
|
|
text-align: start;
|
|
transition: background-color 50ms ease-in,color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in;
|
|
width: -moz-min-content;
|
|
width: min-content
|
|
}
|
|
|
|
.button_a22cb0:hover {
|
|
transition: background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out
|
|
}
|
|
|
|
.button_a22cb0:disabled {
|
|
opacity: .5;
|
|
pointer-events: none
|
|
}
|
|
|
|
.highlight-mana-buttons .button_a22cb0 {
|
|
box-shadow: 0 0 4px 4px var(--opacity-white-60)
|
|
}
|
|
|
|
.highlight-mana-buttons [data-button-hoisted-classname-wrapper] .button_a22cb0 {
|
|
box-shadow: 0 0 4px 4px var(--opacity-green-60)
|
|
}
|
|
|
|
[data-button-hoisted-classname-wrapper] {
|
|
display: flex;
|
|
width: auto
|
|
}
|
|
|
|
.buttonChildrenWrapper_a22cb0 {
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.buttonChildren_a22cb0,.buttonChildrenWrapper_a22cb0 {
|
|
align-items: center;
|
|
display: flex;
|
|
overflow: hidden
|
|
}
|
|
|
|
.buttonChildren_a22cb0 {
|
|
gap: var(--space-4);
|
|
text-overflow: ellipsis;
|
|
transition: opacity .2s ease-out,transform .2s ease-out;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.icon_a22cb0 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.buttonChildren_a22cb0 {
|
|
opacity: 1
|
|
}
|
|
|
|
.buttonChildren_a22cb0.loading_a22cb0 {
|
|
opacity: 0
|
|
}
|
|
|
|
.spinnerWrapper_a22cb0 {
|
|
animation-duration: .2s;
|
|
animation-fill-mode: forwards;
|
|
animation-timing-function: ease;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.spinnerWrapper_a22cb0.fadeIn_a22cb0 {
|
|
animation-name: spinner-opacity-in_a22cb0
|
|
}
|
|
|
|
.spinnerWrapper_a22cb0.fadeOut_a22cb0 {
|
|
animation-name: spinner-opacity-out_a22cb0
|
|
}
|
|
|
|
.full-motion .spinnerWrapper_a22cb0.fadeIn_a22cb0 {
|
|
animation-name: spinner-transform-in_a22cb0,spinner-opacity-in_a22cb0
|
|
}
|
|
|
|
.full-motion .spinnerWrapper_a22cb0.fadeOut_a22cb0 {
|
|
animation-name: spinner-transform-out_a22cb0,spinner-opacity-out_a22cb0
|
|
}
|
|
|
|
.full-motion .buttonChildren_a22cb0 {
|
|
transform: translateY(0)
|
|
}
|
|
|
|
.full-motion .buttonChildren_a22cb0.loading_a22cb0 {
|
|
transform: translateY(-100%)
|
|
}
|
|
|
|
@keyframes spinner-opacity-in_a22cb0 {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes spinner-opacity-out_a22cb0 {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes spinner-transform-in_a22cb0 {
|
|
0% {
|
|
transform: translateY(100%)
|
|
}
|
|
|
|
to {
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
@keyframes spinner-transform-out_a22cb0 {
|
|
0% {
|
|
transform: translateY(0)
|
|
}
|
|
|
|
to {
|
|
transform: translateY(100%)
|
|
}
|
|
}
|
|
|
|
.xs_a22cb0 {
|
|
border-radius: var(--radius-xs)
|
|
}
|
|
|
|
.xs_a22cb0 .buttonChildrenWrapper_a22cb0 {
|
|
min-height: 22px;
|
|
min-width: 22px
|
|
}
|
|
|
|
.xs_a22cb0.hasText_a22cb0 {
|
|
min-width: var(--__button-min-width,60px)
|
|
}
|
|
|
|
.xs_a22cb0.hasText_a22cb0 .buttonChildrenWrapper_a22cb0 {
|
|
padding: calc(var(--space-4) - 1px) calc(var(--space-8) - 1px)
|
|
}
|
|
|
|
.sm_a22cb0 .buttonChildrenWrapper_a22cb0 {
|
|
min-height: 30px;
|
|
min-width: 30px
|
|
}
|
|
|
|
.sm_a22cb0.hasText_a22cb0 {
|
|
min-width: var(--__button-min-width,60px)
|
|
}
|
|
|
|
.sm_a22cb0.hasText_a22cb0 .buttonChildrenWrapper_a22cb0 {
|
|
padding: calc(var(--space-4) - 1px) calc(var(--space-12) - 1px)
|
|
}
|
|
|
|
.md_a22cb0 .buttonChildrenWrapper_a22cb0 {
|
|
min-height: 38px;
|
|
min-width: 38px
|
|
}
|
|
|
|
.md_a22cb0.hasText_a22cb0 {
|
|
min-width: var(--__button-min-width,100px)
|
|
}
|
|
|
|
.md_a22cb0.hasText_a22cb0 .buttonChildrenWrapper_a22cb0 {
|
|
padding: calc(var(--space-8) - 1px) calc(var(--space-16) - 1px)
|
|
}
|
|
|
|
.spinnerItem_a22cb0 {
|
|
background-color: currentColor!important
|
|
}
|
|
|
|
.spinner_a22cb0 {
|
|
height: 100%
|
|
}
|
|
|
|
.spinner-sm_a22cb0,.spinner-xs_a22cb0 {
|
|
min-height: 16px;
|
|
min-width: 16px;
|
|
transform: scale(.75)
|
|
}
|
|
|
|
.spinner-md_a22cb0 {
|
|
transform: scale(.9)
|
|
}
|
|
|
|
.spinner-lg_a22cb0,.spinner-md_a22cb0 {
|
|
min-height: 20px;
|
|
min-width: 20px
|
|
}
|
|
|
|
.primary_a22cb0 {
|
|
background-color: var(--control-primary-background-default);
|
|
border-color: var(--control-primary-border-default);
|
|
color: var(--control-primary-text-default)
|
|
}
|
|
|
|
.primary_a22cb0:hover {
|
|
background-color: var(--control-primary-background-hover);
|
|
border-color: var(--control-primary-border-hover);
|
|
color: var(--control-primary-text-hover)
|
|
}
|
|
|
|
.primary_a22cb0:active {
|
|
background-color: var(--control-primary-background-active);
|
|
border-color: var(--control-primary-border-active);
|
|
color: var(--control-primary-text-active)
|
|
}
|
|
|
|
.secondary_a22cb0 {
|
|
background-color: var(--control-secondary-background-default);
|
|
border-color: var(--control-secondary-border-default);
|
|
color: var(--control-secondary-text-default)
|
|
}
|
|
|
|
.secondary_a22cb0:hover {
|
|
background-color: var(--control-secondary-background-hover);
|
|
border-color: var(--control-secondary-border-hover);
|
|
color: var(--control-secondary-text-hover)
|
|
}
|
|
|
|
.secondary_a22cb0:active {
|
|
background-color: var(--control-secondary-background-active);
|
|
border-color: var(--control-secondary-border-active);
|
|
color: var(--control-secondary-text-active)
|
|
}
|
|
|
|
.icon-only_a22cb0 {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
color: var(--control-icon-only-icon-default)
|
|
}
|
|
|
|
.icon-only_a22cb0:hover {
|
|
background-color: var(--control-icon-only-background-hover);
|
|
border-color: var(--control-icon-only-border-hover);
|
|
color: var(--control-icon-only-icon-hover)
|
|
}
|
|
|
|
.icon-only_a22cb0:active {
|
|
background-color: var(--control-icon-only-background-active);
|
|
border-color: var(--control-icon-only-border-active);
|
|
color: var(--control-icon-only-icon-active)
|
|
}
|
|
|
|
.color-mix_a22cb0 {
|
|
background-color: transparent;
|
|
border: transparent;
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.color-mix_a22cb0:hover {
|
|
color: var(--control-icon-only-icon-hover)
|
|
}
|
|
|
|
.color-mix_a22cb0:active {
|
|
color: var(--control-icon-only-icon-active)
|
|
}
|
|
|
|
.color-mix_a22cb0:before {
|
|
border: 1px solid transparent;
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
content: "";
|
|
height: 100%;
|
|
left: 0;
|
|
mix-blend-mode: plus-lighter;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: background-color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in;
|
|
width: 100%
|
|
}
|
|
|
|
.color-mix_a22cb0:hover:before {
|
|
background-color: var(--control-icon-only-background-hover);
|
|
border-color: var(--border-subtle);
|
|
transition: background-color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out
|
|
}
|
|
|
|
.color-mix_a22cb0:active:before {
|
|
background-color: var(--control-icon-only-background-active);
|
|
border-color: var(--border-subtle)
|
|
}
|
|
|
|
.input-accessory_a22cb0 {
|
|
border-radius: var(--radius-xs);
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.theme-light .color-mix_a22cb0:before {
|
|
mix-blend-mode: difference
|
|
}
|
|
|
|
.critical-primary_a22cb0 {
|
|
background-color: var(--control-critical-primary-background-default);
|
|
border-color: var(--control-critical-primary-border-default);
|
|
color: var(--control-critical-primary-text-default)
|
|
}
|
|
|
|
.critical-primary_a22cb0:hover {
|
|
background-color: var(--control-critical-primary-background-hover);
|
|
border-color: var(--control-critical-primary-border-hover);
|
|
color: var(--control-critical-primary-text-hover)
|
|
}
|
|
|
|
.critical-primary_a22cb0:active {
|
|
background-color: var(--control-critical-primary-background-active);
|
|
border-color: var(--control-critical-primary-border-active);
|
|
color: var(--control-critical-primary-text-active)
|
|
}
|
|
|
|
.critical-secondary_a22cb0 {
|
|
background-color: var(--control-critical-secondary-background-default);
|
|
border-color: var(--control-critical-secondary-border-default);
|
|
color: var(--control-critical-secondary-text-default)
|
|
}
|
|
|
|
.critical-secondary_a22cb0:hover {
|
|
background-color: var(--control-critical-secondary-background-hover);
|
|
border-color: var(--control-critical-secondary-border-hover);
|
|
color: var(--control-critical-secondary-text-hover)
|
|
}
|
|
|
|
.critical-secondary_a22cb0:active {
|
|
background-color: var(--control-critical-secondary-background-active);
|
|
border-color: var(--control-critical-secondary-border-active);
|
|
color: var(--control-critical-secondary-text-active)
|
|
}
|
|
|
|
.active_a22cb0 {
|
|
background-color: var(--control-connected-background-default);
|
|
border-color: var(--control-connected-border-default);
|
|
color: var(--control-connected-text-default)
|
|
}
|
|
|
|
.active_a22cb0:hover {
|
|
background-color: var(--control-connected-background-hover);
|
|
border-color: var(--control-connected-border-hover);
|
|
color: var(--control-connected-text-hover)
|
|
}
|
|
|
|
.active_a22cb0:active {
|
|
background-color: var(--control-connected-background-active);
|
|
border-color: var(--control-connected-border-active);
|
|
color: var(--control-connected-text-active)
|
|
}
|
|
|
|
.overlay-primary_a22cb0 {
|
|
background-color: var(--control-overlay-primary-background-default);
|
|
border-color: var(--control-overlay-primary-border-default);
|
|
color: var(--control-overlay-primary-text-default)
|
|
}
|
|
|
|
.overlay-primary_a22cb0:hover {
|
|
background-color: var(--control-overlay-primary-background-hover);
|
|
border-color: var(--control-overlay-primary-border-hover);
|
|
color: var(--control-overlay-primary-text-hover)
|
|
}
|
|
|
|
.overlay-primary_a22cb0:active {
|
|
background-color: var(--control-overlay-primary-background-active);
|
|
border-color: var(--control-overlay-primary-border-active);
|
|
color: var(--control-overlay-primary-text-active)
|
|
}
|
|
|
|
.overlay-secondary_a22cb0 {
|
|
background-color: var(--control-overlay-secondary-background-default);
|
|
border-color: var(--control-overlay-secondary-border-default);
|
|
color: var(--control-overlay-secondary-text-default)
|
|
}
|
|
|
|
.overlay-secondary_a22cb0:hover {
|
|
background-color: var(--control-overlay-secondary-background-hover);
|
|
border-color: var(--control-overlay-secondary-border-hover);
|
|
color: var(--control-overlay-secondary-text-hover)
|
|
}
|
|
|
|
.overlay-secondary_a22cb0:active {
|
|
background-color: var(--control-overlay-secondary-background-active);
|
|
border-color: var(--control-overlay-secondary-border-active);
|
|
color: var(--control-overlay-secondary-text-active)
|
|
}
|
|
|
|
.expressive_a22cb0>* {
|
|
pointer-events: none;
|
|
z-index: 1
|
|
}
|
|
|
|
.expressiveRive_a22cb0 {
|
|
height: calc(100% + var(--__glow-amount)*2 + 2px);
|
|
left: calc(var(--__glow-amount)*-1 - 1px);
|
|
position: absolute;
|
|
top: calc(var(--__glow-amount)*-1 - 1px);
|
|
width: calc(100% + var(--__glow-amount)*2 + 2px)
|
|
}
|
|
|
|
.expressive_a22cb0 .expressiveBackground_a22cb0 {
|
|
filter: blur(10px) saturate(var(--saturation-factor,1))
|
|
}
|
|
|
|
.reduce-motion .expressive_a22cb0 .expressiveBackground_a22cb0 {
|
|
filter: blur(7px) saturate(var(--saturation-factor,1))
|
|
}
|
|
|
|
.expressive_a22cb0 {
|
|
color: var(--control-expressive-text-default)
|
|
}
|
|
|
|
.expressive_a22cb0 .expressiveFill_a22cb0 {
|
|
--__glow-amount: 0px;
|
|
background-color: var(--control-expressive-background-default);
|
|
border-radius: 8px;
|
|
transition: background-color .15s ease,width .15s ease,height .15s ease,top .15s ease,left .15s ease
|
|
}
|
|
|
|
.expressive_a22cb0:hover {
|
|
color: var(--control-expressive-text-hover)
|
|
}
|
|
|
|
.expressive_a22cb0:hover .expressiveFill_a22cb0 {
|
|
background-color: var(--control-expressive-background-hover)
|
|
}
|
|
|
|
.expressive_a22cb0:active {
|
|
color: var(--control-expressive-text-active)
|
|
}
|
|
|
|
.expressive_a22cb0:active .expressiveFill_a22cb0 {
|
|
--__glow-amount: -1px;
|
|
background-color: var(--control-expressive-background-active)
|
|
}
|
|
|
|
.expressive_a22cb0 .expressiveHoverContainer_a22cb0 {
|
|
filter: blur(8px);
|
|
mix-blend-mode: plus-lighter;
|
|
pointer-events: all
|
|
}
|
|
|
|
.expressiveWrapper_a22cb0 {
|
|
--__glow-amount: 8px;
|
|
display: flex;
|
|
max-width: 100%;
|
|
position: relative;
|
|
width: -moz-min-content;
|
|
width: min-content
|
|
}
|
|
|
|
.fullWidth_a22cb0.hasText_a22cb0 {
|
|
flex: 1;
|
|
width: 100%
|
|
}
|
|
|
|
.rounded_a22cb0 {
|
|
border-radius: var(--radius-round)
|
|
}
|
|
|
|
.enable-forced-colors .button_a22cb0 {
|
|
background-color: ButtonFace;
|
|
border-color: ButtonText;
|
|
color: ButtonText;
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.enable-forced-colors .button_a22cb0:disabled {
|
|
background-color: Canvas;
|
|
border-color: GrayText;
|
|
color: GrayText;
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .button_a22cb0 .expressiveFill_a22cb0 {
|
|
display: none
|
|
}
|
|
|
|
.textButton__7a01b {
|
|
background: initial;
|
|
box-sizing: border-box;
|
|
color: inherit;
|
|
display: inline-flex;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
font-size: medium;
|
|
font-weight: 400;
|
|
gap: var(--space-4);
|
|
margin: 0;
|
|
max-width: 100%;
|
|
padding: 0;
|
|
text-align: start;
|
|
text-decoration: none;
|
|
width: -moz-min-content;
|
|
width: min-content
|
|
}
|
|
|
|
.textButton__7a01b:disabled {
|
|
opacity: .5
|
|
}
|
|
|
|
.textButton__7a01b:hover .text__7a01b,:where(.decorate-links) .text__7a01b {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.primary__7a01b {
|
|
color: var(--text-brand)
|
|
}
|
|
|
|
.secondary__7a01b {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.always-white__7a01b {
|
|
color: var(--white)
|
|
}
|
|
|
|
.critical__7a01b {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.highlight-mana-buttons .button__7a01b {
|
|
box-shadow: 0 0 2px 2px var(--opacity-white-60)
|
|
}
|
|
|
|
.button__039e0 {
|
|
align-items: center;
|
|
background-color: transparent;
|
|
border-radius: var(--radius-sm);
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: center;
|
|
transition: background-color .3s ease,color .3s ease
|
|
}
|
|
|
|
.secondary__039e0 {
|
|
background-color: var(--control-secondary-background-default);
|
|
border: 1px solid var(--control-secondary-border-default);
|
|
color: var(--icon-subtle)
|
|
}
|
|
|
|
.secondary__039e0.pressed__039e0 {
|
|
background-color: var(--control-secondary-background-active);
|
|
border-color: var(--control-secondary-border-active);
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.secondary__039e0:hover {
|
|
background-color: var(--control-secondary-background-hover);
|
|
border-color: var(--control-secondary-border-hover)
|
|
}
|
|
|
|
.secondary__039e0:active {
|
|
background-color: var(--control-secondary-background-active);
|
|
border-color: var(--control-secondary-border-active)
|
|
}
|
|
|
|
.tertiary__039e0 {
|
|
background-color: transparent;
|
|
border: 1px solid transparent;
|
|
color: var(--icon-subtle)
|
|
}
|
|
|
|
.tertiary__039e0.pressed__039e0 {
|
|
background-color: var(--control-icon-only-background-active);
|
|
border-color: var(--control-icon-only-border-active);
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.tertiary__039e0:hover {
|
|
background-color: var(--control-icon-only-background-hover);
|
|
border-color: var(--control-icon-only-border-hover)
|
|
}
|
|
|
|
.tertiary__039e0:active {
|
|
background-color: var(--control-icon-only-background-active);
|
|
border-color: var(--control-icon-only-border-active)
|
|
}
|
|
|
|
.overlay-secondary__039e0 {
|
|
background-color: var(--control-secondary-background-default);
|
|
border: 1px solid var(--control-secondary-border-default);
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.overlay-secondary__039e0.pressed__039e0 {
|
|
background-color: var(--control-secondary-background-active);
|
|
border-color: var(--control-secondary-border-active)
|
|
}
|
|
|
|
.overlay-secondary__039e0:hover {
|
|
background-color: var(--control-secondary-background-hover);
|
|
border-color: var(--control-secondary-border-hover)
|
|
}
|
|
|
|
.overlay-secondary__039e0:active {
|
|
background-color: var(--control-secondary-background-active);
|
|
border-color: var(--control-secondary-border-active)
|
|
}
|
|
|
|
.overlay-tertiary__039e0 {
|
|
background-color: transparent;
|
|
border: 1px solid transparent;
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.overlay-tertiary__039e0.pressed__039e0 {
|
|
background-color: var(--control-icon-only-background-active);
|
|
border-color: var(--control-icon-only-border-active)
|
|
}
|
|
|
|
.overlay-tertiary__039e0:hover {
|
|
background-color: var(--control-icon-only-background-hover);
|
|
border-color: var(--control-icon-only-border-hover)
|
|
}
|
|
|
|
.overlay-tertiary__039e0:active {
|
|
background-color: var(--control-icon-only-background-active);
|
|
border-color: var(--control-icon-only-border-active)
|
|
}
|
|
|
|
.outerContainer__8a031 {
|
|
align-items: center;
|
|
container: modal-container/inline-size;
|
|
height: 100vh;
|
|
justify-content: center;
|
|
padding: calc(var(--custom-app-top-bar-height) + var(--space-24)) var(--space-24);
|
|
pointer-events: none;
|
|
position: relative;
|
|
width: calc(100vw - var(--devtools-sidebar-width, 0px))
|
|
}
|
|
|
|
.container__8a031,.outerContainer__8a031 {
|
|
box-sizing: border-box;
|
|
display: flex
|
|
}
|
|
|
|
.container__8a031 {
|
|
--custom-border-radius: var(--radius-md);
|
|
background: var(--background-surface-high);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--custom-border-radius);
|
|
box-shadow: var(--shadow-high);
|
|
color: var(--text-default);
|
|
flex-direction: column;
|
|
max-height: 100%;
|
|
pointer-events: auto;
|
|
width: 100%
|
|
}
|
|
|
|
.padding-size-sm__8a031 {
|
|
--custom-modal-padding: var(--space-24);
|
|
--custom-modal-padding-sm: var(--space-8);
|
|
--custom-modal-padding-md: var(--space-16);
|
|
--custom-modal-padding-top: var(--custom-modal-padding-sm);
|
|
--custom-modal-padding-bottom: var(--custom-modal-padding-md)
|
|
}
|
|
|
|
.padding-size-lg__8a031,.padding-size-sm__8a031 {
|
|
padding-bottom: var(--custom-modal-padding-bottom);
|
|
padding-top: var(--custom-modal-padding-top)
|
|
}
|
|
|
|
.padding-size-lg__8a031 {
|
|
--custom-modal-padding: var(--space-32);
|
|
--custom-modal-padding-sm: var(--space-16);
|
|
--custom-modal-padding-md: var(--space-16);
|
|
--custom-modal-padding-top: calc(var(--space-24) - var(--custom-modal-padding-md));
|
|
--custom-modal-padding-bottom: var(--custom-modal-padding-md)
|
|
}
|
|
|
|
.size-sm__8a031 {
|
|
max-height: min(720px,100%);
|
|
max-width: 400px
|
|
}
|
|
|
|
.size-md__8a031 {
|
|
max-height: min(800px,100%);
|
|
max-width: 480px
|
|
}
|
|
|
|
.size-lg__8a031 {
|
|
max-width: 680px
|
|
}
|
|
|
|
.size-xl__8a031 {
|
|
max-width: 960px
|
|
}
|
|
|
|
.size-xxl__8a031 {
|
|
max-width: 1280px
|
|
}
|
|
|
|
@container (min-width: 1080px) {
|
|
.size-xxl__8a031 {
|
|
width: calc(80vw - var(--devtools-sidebar-width, 0))
|
|
}
|
|
}
|
|
|
|
@media (max-height: 550px),(max-width:485px) {
|
|
.fullScreenOnMobile__8a031 {
|
|
padding:0
|
|
}
|
|
|
|
.fullScreenOnMobile__8a031 .container__8a031 {
|
|
--custom-border-radius: 0;
|
|
--custom-modal-padding-top: calc(var(--custom-app-top-bar-height) + var(--custom-modal-padding-sm));
|
|
border: none;
|
|
height: 100%;
|
|
overflow-y: auto
|
|
}
|
|
}
|
|
|
|
.section__8a031 {
|
|
box-sizing: border-box;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
padding: var(--custom-modal-padding-md) var(--custom-modal-padding) var(--custom-modal-padding-sm);
|
|
transition-duration: var(--expand-structural-duration);
|
|
transition-property: padding;
|
|
transition-timing-function: var(--expand-easing-function)
|
|
}
|
|
|
|
.sectionHidden__8a031 {
|
|
overflow: hidden;
|
|
padding: 0 var(--custom-modal-padding) 0;
|
|
transition-delay: var(--collapse-fade-duration);
|
|
transition-duration: var(--collapse-structural-duration);
|
|
transition-timing-function: var(--collapse-easing-function)
|
|
}
|
|
|
|
.header__8a031 {
|
|
position: relative
|
|
}
|
|
|
|
.headerCentered__8a031 {
|
|
text-align: center
|
|
}
|
|
|
|
.headerLayout__8a031 {
|
|
align-items: stretch;
|
|
display: flex
|
|
}
|
|
|
|
.headerStepIndicator__8a031 {
|
|
margin-bottom: var(--space-24);
|
|
width: 120px
|
|
}
|
|
|
|
.headerGradient__8a031:before {
|
|
border-radius: var(--custom-border-radius) var(--custom-border-radius) 0 0;
|
|
left: -1.5px;
|
|
right: -1.5px;
|
|
top: calc((var(--custom-modal-padding-top) + 1.5px)*-1)
|
|
}
|
|
|
|
.headerGraphic__8a031 {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding-bottom: calc(var(--space-24) - var(--space-8));
|
|
padding-top: calc(var(--space-24) - var(--space-4));
|
|
width: 100%
|
|
}
|
|
|
|
.headerGraphicContainer__8a031 {
|
|
box-sizing: border-box;
|
|
max-width: 288px;
|
|
width: 100%
|
|
}
|
|
|
|
.headerGraphicAnimated__8a031 {
|
|
margin: 0 calc(var(--space-12)*-1);
|
|
padding-bottom: calc(var(--space-12) - var(--space-8));
|
|
padding-top: 0;
|
|
width: calc(100% + var(--space-24))
|
|
}
|
|
|
|
.headerGraphicAnimated__8a031 .headerGraphicContainer__8a031 {
|
|
max-width: 352px
|
|
}
|
|
|
|
@media (max-height: 550px) {
|
|
.headerGraphicContainer__8a031>* {
|
|
max-height:15vh
|
|
}
|
|
}
|
|
|
|
.headerLeading__8a031,.headerLeadingSpacer__8a031 {
|
|
margin-left: calc((var(--custom-modal-padding) - var(--space-8))*-1);
|
|
margin-top: calc(var(--custom-modal-padding-md)*-1);
|
|
padding-right: var(--space-12)
|
|
}
|
|
|
|
.headerTrailing__8a031,.headerTrailingSpacer__8a031 {
|
|
margin-right: calc((var(--custom-modal-padding) - var(--space-8))*-1);
|
|
margin-top: calc(var(--custom-modal-padding-md)*-1);
|
|
padding-left: var(--space-12)
|
|
}
|
|
|
|
.headerLeading__8a031,.headerLeadingSpacer__8a031,.headerTrailing__8a031,.headerTrailingSpacer__8a031 {
|
|
align-items: flex-start;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
gap: var(--space-8);
|
|
min-width: var(--space-4)
|
|
}
|
|
|
|
.headerLeadingAbsolute__8a031 {
|
|
left: var(--custom-modal-padding)
|
|
}
|
|
|
|
.headerLeadingAbsolute__8a031,.headerTrailingAbsolute__8a031 {
|
|
position: absolute;
|
|
top: var(--custom-modal-padding-md)
|
|
}
|
|
|
|
.headerTrailingAbsolute__8a031 {
|
|
right: var(--custom-modal-padding)
|
|
}
|
|
|
|
.headerMain__8a031 {
|
|
box-sizing: border-box;
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
min-width: 0
|
|
}
|
|
|
|
.headerSubtitleWrapper__8a031 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.headerSubtitleIcon__8a031 {
|
|
flex-grow: 0;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.headerCentered__8a031 .headerSubtitleWrapper__8a031 {
|
|
justify-content: center
|
|
}
|
|
|
|
.headerSubtitle__8a031,.headerTitle__8a031 {
|
|
overflow-wrap: break-word;
|
|
word-break: break-word
|
|
}
|
|
|
|
.headerBadge__8a031[data-position=top] {
|
|
padding-bottom: calc(var(--space-16) - var(--space-8))
|
|
}
|
|
|
|
.body__8a031 {
|
|
box-sizing: border-box;
|
|
min-height: 1px;
|
|
padding-left: 0;
|
|
padding-right: 0
|
|
}
|
|
|
|
.body__8a031,.bodyList__8a031 {
|
|
flex-grow: 0;
|
|
flex-shrink: 1
|
|
}
|
|
|
|
.bodyList__8a031 {
|
|
--custom-list-scrollbar-top-padding: 12px;
|
|
height: 100vh;
|
|
padding-left: var(--custom-modal-padding);
|
|
padding-right: var(--custom-modal-padding);
|
|
padding-top: var(--custom-list-scrollbar-top-padding)
|
|
}
|
|
|
|
.bodyList__8a031::-webkit-scrollbar-thumb,.bodyList__8a031::-webkit-scrollbar-track {
|
|
margin-top: var(--custom-list-scrollbar-top-padding)
|
|
}
|
|
|
|
.bodySpacerTop__8a031 {
|
|
flex-grow: 0;
|
|
padding-top: var(--custom-modal-padding-md)
|
|
}
|
|
|
|
.bodySpacerTopBorder__8a031 {
|
|
border-bottom: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.bodySpacerBottom__8a031 {
|
|
flex-grow: 0;
|
|
padding-bottom: var(--custom-modal-padding-sm)
|
|
}
|
|
|
|
.bodySpacerBottomBorder__8a031 {
|
|
border-top: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.bodyControls__8a031 {
|
|
padding: 0 var(--custom-modal-padding);
|
|
position: relative
|
|
}
|
|
|
|
.bodyControls__8a031:after {
|
|
background: linear-gradient(to bottom,var(--background-surface-high) 0,transparent 100%);
|
|
content: "";
|
|
display: block;
|
|
height: 40px;
|
|
left: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: var(--space-16);
|
|
top: 100%;
|
|
transition: opacity .2s ease-out 0s,visibility 0s ease-out .2s;
|
|
visibility: hidden;
|
|
z-index: 1
|
|
}
|
|
|
|
.bodyControlsWithFade__8a031:after {
|
|
opacity: 1;
|
|
transition: opacity .2s ease-out 0s,visibility 0s ease-out 0s;
|
|
visibility: visible
|
|
}
|
|
|
|
.bodyInner__8a031 {
|
|
box-sizing: border-box;
|
|
overflow-wrap: break-word;
|
|
overflow-y: hidden;
|
|
padding-left: var(--custom-modal-padding);
|
|
padding-right: var(--custom-modal-padding);
|
|
word-break: break-word
|
|
}
|
|
|
|
.has-webkit-scrollbar .bodyInner__8a031 {
|
|
padding-right: calc(var(--custom-modal-padding) - var(--space-16))
|
|
}
|
|
|
|
.bodyControls__8a031+.body__8a031 .bodyInner__8a031,.bodyInnerShouldScroll__8a031 {
|
|
padding-top: var(--space-12)
|
|
}
|
|
|
|
.bodyInnerShouldScroll__8a031 {
|
|
padding-bottom: var(--space-12)
|
|
}
|
|
|
|
.footer__8a031 {
|
|
overflow-wrap: break-word;
|
|
padding-bottom: 0;
|
|
word-break: break-word
|
|
}
|
|
|
|
.actionBar__8a031 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--custom-modal-padding) var(--space-8)
|
|
}
|
|
|
|
.actionBarLeading__8a031 {
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
overflow-wrap: break-word;
|
|
word-break: break-word
|
|
}
|
|
|
|
.actionBarTrailing__8a031 {
|
|
display: flex;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
flex-wrap: wrap;
|
|
gap: var(--space-8);
|
|
margin-left: auto;
|
|
max-width: 100%
|
|
}
|
|
|
|
.actionButtonWrapper__8a031 {
|
|
display: flex
|
|
}
|
|
|
|
.actionBarTrailingFullWidth__8a031 {
|
|
width: 100%
|
|
}
|
|
|
|
.actionBarTrailingFullWidth__8a031 .actionButtonWrapper__8a031 {
|
|
flex: 1
|
|
}
|
|
|
|
.actionBarCheckbox__8a031 {
|
|
padding-inline-end:var(--space-8)}
|
|
|
|
.actionBarLayoutChatInput__8a031 {
|
|
align-items: flex-start
|
|
}
|
|
|
|
.actionBarLayoutChatInput__8a031 .actionBarLeading__8a031 {
|
|
flex-basis: 60%
|
|
}
|
|
|
|
@keyframes dotGrow__714a9 {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(1)
|
|
}
|
|
|
|
25% {
|
|
opacity: 1;
|
|
transform: scale(3)
|
|
}
|
|
|
|
26% {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes dotShrink__714a9 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(2)
|
|
}
|
|
|
|
25% {
|
|
opacity: 0;
|
|
transform: scale(2)
|
|
}
|
|
|
|
26% {
|
|
opacity: 1;
|
|
transform: scale(2)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes checkDraw__714a9 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(.7)
|
|
}
|
|
|
|
25% {
|
|
opacity: 0;
|
|
transform: scale(.7)
|
|
}
|
|
|
|
26% {
|
|
opacity: 1;
|
|
transform: scale(.7)
|
|
}
|
|
|
|
75% {
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes checkUndraw__714a9 {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(1)
|
|
}
|
|
|
|
25% {
|
|
opacity: 1;
|
|
transform: scale(.7)
|
|
}
|
|
|
|
26% {
|
|
opacity: 0;
|
|
transform: scale(.7)
|
|
}
|
|
|
|
to {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.checkboxOption__714a9 {
|
|
align-items: start;
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
gap: var(--space-12);
|
|
max-width: 100%
|
|
}
|
|
|
|
.spacing__714a9 {
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.checkboxIndicator__714a9 {
|
|
align-items: center;
|
|
background-color: var(--checkbox-background-default);
|
|
border: 1px solid;
|
|
border-color: var(--checkbox-border-default);
|
|
border-radius: var(--radius-xs);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
height: 20px;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 20px
|
|
}
|
|
|
|
.checkStroke__714a9 {
|
|
opacity: 0
|
|
}
|
|
|
|
.checkStroke__714a9,.checkmark__714a9 {
|
|
color: var(--checkbox-icon-active);
|
|
display: block;
|
|
height: 100%;
|
|
inset: 0;
|
|
position: absolute;
|
|
transform-box: fill-box;
|
|
transform-origin: 50% 50%;
|
|
width: 100%
|
|
}
|
|
|
|
.dot__714a9 {
|
|
opacity: 0;
|
|
transform-origin: 10px 10px
|
|
}
|
|
|
|
.checkboxOption__714a9[data-selected] .checkboxIndicator__714a9 {
|
|
background-color: var(--checkbox-background-selected-default);
|
|
border-color: var(--checkbox-border-selected-default)
|
|
}
|
|
|
|
.checkboxOption__714a9[data-selected] .checkStroke__714a9,.checkboxOption__714a9[data-selected] .checkmark__714a9 {
|
|
color: var(--checkbox-icon-active);
|
|
opacity: 1
|
|
}
|
|
|
|
.animateIn__714a9 .dot__714a9 {
|
|
animation: dotGrow__714a9 .3s cubic-bezier(.65,0,.83,.83) forwards
|
|
}
|
|
|
|
.animateIn__714a9 .checkStroke__714a9 {
|
|
animation: checkDraw__714a9 .3s cubic-bezier(.65,0,.83,.83) both
|
|
}
|
|
|
|
.animateOut__714a9 .dot__714a9 {
|
|
animation: dotShrink__714a9 .12s cubic-bezier(.65,0,.83,.84) backwards
|
|
}
|
|
|
|
.animateOut__714a9 .checkStroke__714a9 {
|
|
animation: checkUndraw__714a9 .12s cubic-bezier(.65,0,.83,.84) backwards
|
|
}
|
|
|
|
.checkboxOption__714a9:not([data-selected]):hover:not([data-disabled]) {
|
|
cursor: pointer
|
|
}
|
|
|
|
.checkboxOption__714a9:not([data-selected]):hover:not([data-disabled]) .checkboxIndicator__714a9 {
|
|
background-color: var(--checkbox-background-hover);
|
|
border-color: var(--checkbox-border-hover)
|
|
}
|
|
|
|
.checkboxOption__714a9[data-selected]:hover:not([data-disabled]) {
|
|
cursor: pointer
|
|
}
|
|
|
|
.checkboxOption__714a9[data-selected]:hover:not([data-disabled]) .checkboxIndicator__714a9 {
|
|
background-color: var(--checkbox-background-selected-hover);
|
|
border-color: var(--checkbox-border-selected-hover)
|
|
}
|
|
|
|
.checkboxOption__714a9[data-disabled] {
|
|
cursor: not-allowed;
|
|
opacity: .5
|
|
}
|
|
|
|
.leadingIcon__714a9 {
|
|
color: var(--icon-strong);
|
|
flex-shrink: 0;
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.label__714a9 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
gap: var(--space-4);
|
|
width: 100%
|
|
}
|
|
|
|
.enable-forced-colors .checkboxIndicator__714a9 {
|
|
background-color: ButtonFace!important;
|
|
border-color: ButtonText!important
|
|
}
|
|
|
|
.enable-forced-colors .checkboxOption__714a9[data-selected] .checkboxIndicator__714a9 {
|
|
background-color: Highlight!important;
|
|
border-color: HighlightText!important
|
|
}
|
|
|
|
.enable-forced-colors .checkboxOption__714a9[data-selected] .checkboxIndicator__714a9 svg * {
|
|
fill: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors .checkboxOption__714a9[data-disabled] {
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .checkboxOption__714a9[data-disabled] .checkboxIndicator__714a9 {
|
|
background-color: transparent!important;
|
|
border-color: GrayText!important
|
|
}
|
|
|
|
.enable-forced-colors .checkboxOption__714a9[data-disabled] .checkboxIndicator__714a9 svg * {
|
|
fill: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .checkboxOption__714a9[data-disabled][data-selected] .checkboxIndicator__714a9 svg * {
|
|
fill: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .checkboxOption__714a9[data-disabled] .label__714a9,.enable-forced-colors .checkboxOption__714a9[data-disabled] .label__714a9>div {
|
|
color: GrayText
|
|
}
|
|
|
|
.checkboxWrapper__09aca {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
font-size: 16px;
|
|
max-width: 100%;
|
|
position: relative;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.checkboxWrapper__09aca.row__09aca {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 3px;
|
|
padding: 10px
|
|
}
|
|
|
|
.checkboxWrapper__09aca.row__09aca.checked__09aca {
|
|
background-color: var(--background-base-lowest);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.checkboxWrapper__09aca.row__09aca:hover:not(.checked__09aca) {
|
|
background-color: var(--interactive-background-hover);
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.checkboxWrapper__09aca.row__09aca:active:not(.checked__09aca) {
|
|
background-color: var(--interactive-background-active);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.checkboxWrapper__09aca.row__09aca .inputDefault__09aca {
|
|
left: 10px;
|
|
top: 10px
|
|
}
|
|
|
|
.checkboxWrapperDisabled__09aca {
|
|
opacity: .6
|
|
}
|
|
|
|
.checkboxWrapperDisabled__09aca.row__09aca {
|
|
opacity: .3
|
|
}
|
|
|
|
.checkboxWrapperDisabled__09aca .checkbox__09aca {
|
|
opacity: 1
|
|
}
|
|
|
|
.alignTop__09aca {
|
|
align-items: top
|
|
}
|
|
|
|
.alignCenter__09aca {
|
|
align-items: center
|
|
}
|
|
|
|
.input__09aca {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
left: 0;
|
|
margin: 0;
|
|
opacity: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.inputDefault__09aca,.inputDisabled__09aca {
|
|
height: 100%;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.inputDefault__09aca,.inputDisabled__09aca {
|
|
}
|
|
|
|
.inputDefault__09aca {
|
|
cursor: pointer
|
|
}
|
|
|
|
.inputDisabled__09aca {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.inputReadonly__09aca {
|
|
cursor: default;
|
|
height: 0;
|
|
width: 0;
|
|
z-index: -1
|
|
}
|
|
|
|
.box__09aca {
|
|
border-radius: 6px
|
|
}
|
|
|
|
.smallBox__09aca {
|
|
border-radius: 4px
|
|
}
|
|
|
|
.round__09aca {
|
|
border-radius: 50%
|
|
}
|
|
|
|
.checkbox__09aca {
|
|
align-items: center;
|
|
background-color: var(--checkbox-background-default);
|
|
border-color: var(--checkbox-border-default);
|
|
border-radius: 6px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
justify-content: center
|
|
}
|
|
|
|
.checkbox__09aca.checkboxDisabled__09aca {
|
|
opacity: .6
|
|
}
|
|
|
|
.checkbox__09aca.checked__09aca {
|
|
background-color: var(--checkbox-background-selected-default);
|
|
border-color: var(--checkbox-border-default)
|
|
}
|
|
|
|
.label__09aca {
|
|
color: var(--text-default);
|
|
flex: 1 1 auto;
|
|
min-width: 0
|
|
}
|
|
|
|
.labelClickable__09aca {
|
|
cursor: pointer
|
|
}
|
|
|
|
.labelDisabled__09aca {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.labelForward__09aca {
|
|
padding-left: 8px
|
|
}
|
|
|
|
.labelReversed__09aca {
|
|
padding-right: 8px
|
|
}
|
|
|
|
.enable-forced-colors .checkbox__09aca {
|
|
background-color: ButtonFace!important;
|
|
border-color: ButtonText!important
|
|
}
|
|
|
|
.enable-forced-colors .checkbox__09aca.checked__09aca {
|
|
background-color: Highlight!important;
|
|
border-color: HighlightText!important
|
|
}
|
|
|
|
.enable-forced-colors .checkbox__09aca.checked__09aca svg * {
|
|
fill: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors .checkboxWrapperDisabled__09aca {
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .checkboxWrapperDisabled__09aca.row__09aca {
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .checkboxWrapperDisabled__09aca .checkbox__09aca {
|
|
background-color: transparent!important;
|
|
border-color: GrayText!important
|
|
}
|
|
|
|
.enable-forced-colors .checkboxWrapperDisabled__09aca .checkbox__09aca.checked__09aca svg * {
|
|
fill: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .labelDisabled__09aca,.enable-forced-colors .labelDisabled__09aca>div {
|
|
color: GrayText
|
|
}
|
|
|
|
.highlight-void-toggleables [data-toggleable-component=checkbox] {
|
|
box-shadow: 0 0 6px 2px var(--green-360),0 0 8px 4px var(--opacity-green-60)
|
|
}
|
|
|
|
:where(.container_a62383) {
|
|
--custom-gradient-color-start: var(--blurple-50);
|
|
--custom-gradient-color-end: var(--blurple-50);
|
|
--custom-gradient-offset-bottom: 0%;
|
|
isolation: isolate;
|
|
position: relative
|
|
}
|
|
|
|
:where(.container_a62383):before {
|
|
background: linear-gradient(270deg in oklab,var(--custom-gradient-color-end) 0,var(--custom-gradient-color-start) 100%);
|
|
border-radius: inherit;
|
|
bottom: var(--custom-gradient-offset-bottom);
|
|
content: "";
|
|
display: block;
|
|
left: 0;
|
|
-webkit-mask-image: radial-gradient(100% 100% at 50% 100%,var(--transparent) 60%,#000 100%);
|
|
mask-image: radial-gradient(100% 100% at 50% 100%,var(--transparent) 60%,#000 100%);
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: -1
|
|
}
|
|
|
|
.purple_a62383 {
|
|
--custom-gradient-color-start: var(--expressive-gradient-purple-start);
|
|
--custom-gradient-color-end: var(--expressive-gradient-purple-end)
|
|
}
|
|
|
|
.blue_a62383 {
|
|
--custom-gradient-color-start: var(--expressive-gradient-blue-start);
|
|
--custom-gradient-color-end: var(--expressive-gradient-blue-end)
|
|
}
|
|
|
|
.green_a62383 {
|
|
--custom-gradient-color-start: var(--expressive-gradient-green-start);
|
|
--custom-gradient-color-end: var(--expressive-gradient-green-end)
|
|
}
|
|
|
|
.pink_a62383 {
|
|
--custom-gradient-color-start: var(--expressive-gradient-pink-start);
|
|
--custom-gradient-color-end: var(--expressive-gradient-pink-end)
|
|
}
|
|
|
|
.nitro-pink_a62383 {
|
|
--custom-gradient-color-start: var(--expressive-gradient-nitro-pink-start);
|
|
--custom-gradient-color-end: var(--expressive-gradient-nitro-pink-end)
|
|
}
|
|
|
|
.nitro-green_a62383 {
|
|
--custom-gradient-color-start: var(--expressive-gradient-nitro-green-start);
|
|
--custom-gradient-color-end: var(--expressive-gradient-nitro-green-end)
|
|
}
|
|
|
|
.container__8ef77 {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.aspect-ratio-21\/9__8ef77 {
|
|
aspect-ratio: 21/9
|
|
}
|
|
|
|
.aspect-ratio-16\/9__8ef77 {
|
|
aspect-ratio: 16/9
|
|
}
|
|
|
|
.aspect-ratio-6\/4__8ef77 {
|
|
aspect-ratio: 6/4
|
|
}
|
|
|
|
.aspect-ratio-2\/1__8ef77 {
|
|
aspect-ratio: 2/1
|
|
}
|
|
|
|
.aspect-ratio-1\/1__8ef77 {
|
|
aspect-ratio: 1/1
|
|
}
|
|
|
|
.image__8ef77,.video__8ef77 {
|
|
max-height: 100%;
|
|
max-width: 100%
|
|
}
|
|
|
|
.lottie__8ef77,.rive__8ef77 {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.scrim__40128 {
|
|
background-color: var(--background-scrim);
|
|
bottom: 0;
|
|
left: 0;
|
|
pointer-events: auto;
|
|
position: fixed;
|
|
right: var(--devtools-sidebar-width,0);
|
|
top: 0;
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
.lightbox__40128 {
|
|
background-color: var(--background-scrim-lightbox)
|
|
}
|
|
|
|
.pointerEventsNone__40128 {
|
|
pointer-events: none
|
|
}
|
|
|
|
.layer__529b0 {
|
|
position: fixed;
|
|
z-index: 9999
|
|
}
|
|
|
|
.layerContainer__59d0d {
|
|
background: none!important;
|
|
right: var(--devtools-sidebar-width,0);
|
|
z-index: 1002
|
|
}
|
|
|
|
.clickTrapContainer__59d0d,.layerContainer__59d0d {
|
|
bottom: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.clickTrapContainer__59d0d {
|
|
overflow: hidden;
|
|
right: 0
|
|
}
|
|
|
|
.clickTrapContainer__59d0d.trapClicks__59d0d,.layer__59d0d {
|
|
pointer-events: auto
|
|
}
|
|
|
|
.layer__59d0d {
|
|
position: absolute
|
|
}
|
|
|
|
.emptyError__59d0d:empty:before {
|
|
background-color: red;
|
|
border: 10px dashed var(--green-230);
|
|
color: var(--white);
|
|
content: "RENDERING NULL FOR A POPOUT/MODAL/LAYER WILL BREAK THE APP";
|
|
display: block;
|
|
font-size: 32px;
|
|
font-weight: var(--font-weight-bold);
|
|
max-width: 500px;
|
|
padding: 8px;
|
|
word-break: break-word
|
|
}
|
|
|
|
.layerHidden__59d0d {
|
|
visibility: hidden
|
|
}
|
|
|
|
.disabledPointerEvents__59d0d {
|
|
pointer-events: none
|
|
}
|
|
|
|
.focusTarget__54e4b {
|
|
height: 0;
|
|
pointer-events: none;
|
|
width: 0
|
|
}
|
|
|
|
.container__5a838 {
|
|
--custom-description-max-width: 70ch;
|
|
flex-grow: 1;
|
|
interpolate-size: allow-keywords;
|
|
display: grid;
|
|
grid-template-areas: "labels" "control" "helper-text"
|
|
}
|
|
|
|
.container__5a838 .labelContainer__5a838 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4);
|
|
grid-area: labels;
|
|
min-width: 0
|
|
}
|
|
|
|
.container__5a838[data-layout=vertical] .labelContainer__5a838 {
|
|
margin-bottom: var(--space-8)
|
|
}
|
|
|
|
.container__5a838[data-layout=horizontal-responsive],.container__5a838[data-layout=horizontal] {
|
|
-moz-column-gap: var(--space-24);
|
|
column-gap: var(--space-24);
|
|
display: grid;
|
|
grid-template-areas: "labels control" "empty helper-text";
|
|
grid-template-columns: auto var(--custom-field-horizontal-control-width,auto);
|
|
grid-template-rows: auto auto
|
|
}
|
|
|
|
.container__5a838[data-layout=horizontal-responsive] .control__5a838,.container__5a838[data-layout=horizontal] .control__5a838 {
|
|
align-items: end;
|
|
align-self: flex-start
|
|
}
|
|
|
|
.container__5a838[data-layout=horizontal-responsive] .helperTextContainer__5a838,.container__5a838[data-layout=horizontal] .helperTextContainer__5a838 {
|
|
align-self: flex-end;
|
|
contain: inline-size;
|
|
gap: 0;
|
|
padding-top: var(--space-4);
|
|
width: 100%
|
|
}
|
|
|
|
.container__5a838[data-layout=horizontal-responsive] .description__5a838,.container__5a838[data-layout=horizontal] .description__5a838 {
|
|
max-width: var(--custom-description-max-width)
|
|
}
|
|
|
|
.container__5a838[data-disabled=true] {
|
|
opacity: .5
|
|
}
|
|
|
|
.control__5a838 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4);
|
|
grid-area: control;
|
|
min-width: 0
|
|
}
|
|
|
|
.icon__5a838 {
|
|
margin-bottom: -1px;
|
|
padding-right: var(--space-4)
|
|
}
|
|
|
|
.description__5a838 {
|
|
grid-area: description
|
|
}
|
|
|
|
.label__5a838[data-interactive=true] {
|
|
cursor: pointer
|
|
}
|
|
|
|
.container__5a838[data-disabled=true] .label__5a838[data-interactive=true] {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.required__5a838 {
|
|
display: inline-block;
|
|
margin-left: var(--space-4)
|
|
}
|
|
|
|
@keyframes slideDown__5a838 {
|
|
0% {
|
|
height: 0;
|
|
opacity: 0;
|
|
transform: translateY(-4px)
|
|
}
|
|
|
|
to {
|
|
height: auto;
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
.helperTextContainer__5a838 {
|
|
align-items: start;
|
|
display: grid;
|
|
gap: var(--space-12);
|
|
grid-area: helper-text;
|
|
grid-template-columns: 1fr auto;
|
|
min-width: 0
|
|
}
|
|
|
|
.statusMessageContainer__5a838 {
|
|
align-items: start;
|
|
display: grid;
|
|
gap: var(--space-4);
|
|
grid-template-columns: auto 1fr
|
|
}
|
|
|
|
.full-motion .statusMessageContainer__5a838 {
|
|
animation: slideDown__5a838 .3s ease-in-out
|
|
}
|
|
|
|
.badgeContainer__5a838 {
|
|
margin-left: var(--space-4)
|
|
}
|
|
|
|
@container (max-width: 480px) {
|
|
.container__5a838[data-layout=horizontal-responsive] {
|
|
grid-template-areas: "labels" "control" "helper-text";
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: auto
|
|
}
|
|
|
|
.container__5a838[data-layout=horizontal-responsive] .labelContainer__5a838 {
|
|
margin-bottom: var(--space-8)
|
|
}
|
|
|
|
.container__5a838[data-layout=horizontal-responsive] .control__5a838 {
|
|
align-items: unset
|
|
}
|
|
|
|
.container__5a838[data-layout=horizontal-responsive] .helperTextContainer__5a838 {
|
|
align-self: unset;
|
|
contain: unset;
|
|
gap: var(--space-12);
|
|
padding-top: 0;
|
|
width: unset
|
|
}
|
|
|
|
.container__5a838[data-layout=horizontal-responsive] .description__5a838 {
|
|
max-width: none
|
|
}
|
|
}
|
|
|
|
.group__0a16d {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-16);
|
|
padding: var(--space-8) 0 var(--space-4)
|
|
}
|
|
|
|
.backwardsCompatibleCheckbox__0a16d {
|
|
align-items: start;
|
|
display: flex;
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
@keyframes dotIn__64e61 {
|
|
0% {
|
|
transform: scale(0)
|
|
}
|
|
|
|
40% {
|
|
transform: scale(1.2)
|
|
}
|
|
|
|
75% {
|
|
transform: scale(1)
|
|
}
|
|
|
|
to {
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes fillIn__64e61 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0)
|
|
}
|
|
|
|
1% {
|
|
opacity: 1
|
|
}
|
|
|
|
35% {
|
|
transform: scale(.33)
|
|
}
|
|
|
|
40% {
|
|
transform: scale(1.15)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes dotOut__64e61 {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(1)
|
|
}
|
|
|
|
40% {
|
|
transform: scale(1)
|
|
}
|
|
|
|
99% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(0)
|
|
}
|
|
}
|
|
|
|
@keyframes fillOut__64e61 {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(1)
|
|
}
|
|
|
|
99% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(0)
|
|
}
|
|
}
|
|
|
|
.radioIndicator__64e61 {
|
|
display: "block";
|
|
image-rendering: crisp-edges;
|
|
overflow: "visible"
|
|
}
|
|
|
|
.innerDotRadio__64e61,.outerRadioBase__64e61,.outerRadioFill__64e61,.radioIndicator__64e61 {
|
|
transform-box: fill-box;
|
|
transform-origin: center;
|
|
will-change: transform,opacity;
|
|
fill: none;
|
|
overflow: visible
|
|
}
|
|
|
|
.radioGroupOption__64e61 {
|
|
align-items: top;
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
gap: var(--space-12)
|
|
}
|
|
|
|
.radioIndicator__64e61,.standaloneRadioIndicator__64e61 {
|
|
background: transparent;
|
|
border-radius: var(--radius-lg);
|
|
box-sizing: border-box;
|
|
display: block
|
|
}
|
|
|
|
.outerRadioBase__64e61 {
|
|
fill: var(--radio-background-default);
|
|
stroke: var(--radio-border-default);
|
|
stroke-width: 2
|
|
}
|
|
|
|
.outerRadioFill__64e61 {
|
|
fill: none
|
|
}
|
|
|
|
.radioGroupOption__64e61[data-selected] .outerRadioBase__64e61,.standaloneRadioIndicator__64e61[data-selected=true] .outerRadioBase__64e61 {
|
|
fill: var(--radio-background-selected-default);
|
|
stroke: var(--radio-border-selected-default)
|
|
}
|
|
|
|
.radioGroupOption__64e61[data-selected] .outerRadioFill__64e61,.standaloneRadioIndicator__64e61[data-selected=true] .outerRadioFill__64e61 {
|
|
fill: var(--radio-background-selected-default);
|
|
stroke: var(--radio-border-selected-default);
|
|
stroke-width: 2
|
|
}
|
|
|
|
.radioGroupOption__64e61[data-selected] .innerDotRadio__64e61,.standaloneRadioIndicator__64e61[data-selected=true] .innerDotRadio__64e61 {
|
|
fill: var(--radio-thumb-background-active);
|
|
opacity: 1
|
|
}
|
|
|
|
.animateIn__64e61 .outerRadioFill__64e61 {
|
|
animation: fillIn__64e61 225ms cubic-bezier(.33,0,.67,1) forwards
|
|
}
|
|
|
|
.animateIn__64e61 .innerDotRadio__64e61 {
|
|
animation: dotIn__64e61 333ms cubic-bezier(.26,.21,.67,1) forwards
|
|
}
|
|
|
|
.animateOut__64e61 .outerRadioFill__64e61 {
|
|
animation: fillOut__64e61 .16s cubic-bezier(.33,0,.67,1) both
|
|
}
|
|
|
|
.animateOut__64e61 .innerDotRadio__64e61 {
|
|
fill: var(--radio-thumb-background-active);
|
|
animation: dotOut__64e61 .25s cubic-bezier(.33,0,.25,1) both
|
|
}
|
|
|
|
.radioGroupOption__64e61:not([data-selected]):not([data-disabled]):hover {
|
|
cursor: pointer
|
|
}
|
|
|
|
.radioGroupOption__64e61:not([data-selected]):not([data-disabled]):hover .outerRadioBase__64e61 {
|
|
fill: var(--radio-background-hover);
|
|
stroke: var(--radio-border-hover)
|
|
}
|
|
|
|
.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover {
|
|
cursor: pointer
|
|
}
|
|
|
|
.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover .outerRadioBase__64e61,.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover .outerRadioFill__64e61 {
|
|
fill: var(--radio-background-selected-hover);
|
|
stroke: var(--radio-border-selected-hover)
|
|
}
|
|
|
|
.radioGroupOption__64e61[data-disabled],.standaloneRadioIndicator__64e61[data-disabled=true] {
|
|
cursor: not-allowed;
|
|
opacity: .5
|
|
}
|
|
|
|
.group__64e61 {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-16);
|
|
padding: var(--space-8) 0 var(--space-4)
|
|
}
|
|
|
|
.radioItemIcon__64e61 {
|
|
color: var(--icon-strong);
|
|
flex-shrink: 0;
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.label__64e61 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
gap: var(--space-4);
|
|
width: 100%
|
|
}
|
|
|
|
.enable-forced-colors .outerRadioBorderStroke__64e61 {
|
|
stroke: ButtonText;
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .outerRadioBase__64e61 {
|
|
fill: Canvas
|
|
}
|
|
|
|
.enable-forced-colors .innerDotRadio__64e61 {
|
|
fill: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors .radioGroupOption__64e61[data-disabled] {
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .radioGroupOption__64e61[data-disabled],.enable-forced-colors .radioGroupOption__64e61[data-disabled]:hover {
|
|
color: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .radioGroupOption__64e61[data-selected] .outerRadioBase__64e61 {
|
|
fill: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .radioGroupOption__64e61[data-selected] .outerRadioBorderStroke__64e61 {
|
|
stroke: HighlightText;
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .radioGroupOption__64e61[data-disabled] .outerRadioBase__64e61 {
|
|
fill: Canvas
|
|
}
|
|
|
|
.enable-forced-colors .radioGroupOption__64e61[data-disabled] .outerRadioBorderStroke__64e61 {
|
|
stroke: GrayText;
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .radioGroupOption__64e61[data-disabled] .innerDotRadio__64e61,.enable-forced-colors .standaloneRadioIndicator__64e61[data-disabled=true] .innerDotRadio__64e61 {
|
|
fill: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .standaloneRadioIndicator__64e61[data-disabled=true] {
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .standaloneRadioIndicator__64e61[data-disabled=true] .outerRadioBase__64e61 {
|
|
fill: Canvas
|
|
}
|
|
|
|
.enable-forced-colors .standaloneRadioIndicator__64e61[data-disabled=true] .outerRadioBorderStroke__64e61 {
|
|
stroke: GrayText;
|
|
opacity: 1
|
|
}
|
|
|
|
.radioBar__88a69 {
|
|
border-inline-start:3px solid var(--radio-bar-accent-color);border-radius: 4px;
|
|
display: grid;
|
|
grid-gap: 8px;
|
|
align-items: center;
|
|
padding: var(--space-12) var(--space-16)!important
|
|
}
|
|
|
|
.radioBar__88a69.radioPositionLeft__88a69 {
|
|
grid-template-columns: auto 1fr
|
|
}
|
|
|
|
.radioBar__88a69.radioPositionRight__88a69 {
|
|
grid-template-columns: 1fr auto
|
|
}
|
|
|
|
.item__88a69[aria-checked=true] {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.itemFilled__88a69[aria-checked=true] {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.radioIconForeground__88a69 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.item__88a69 {
|
|
border-radius: 3px;
|
|
color: var(--text-strong);
|
|
cursor: pointer;
|
|
display: block;
|
|
flex-direction: row;
|
|
margin-bottom: var(--space-4)
|
|
}
|
|
|
|
.item__88a69:hover:not([aria-checked=true]):not(.disabled__88a69) {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.item__88a69:active:not([aria-checked=true]):not(.disabled__88a69) {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.collapsibleItem__88a69 {
|
|
border-radius: 3px;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: block;
|
|
flex: 1;
|
|
flex-direction: row
|
|
}
|
|
|
|
.collapsibleItem__88a69:hover:not([aria-checked=true]):not(.disabled__88a69) {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.collapsibleItem__88a69:active:not([aria-checked=true]):not(.disabled__88a69) {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.itemFilled__88a69 {
|
|
background: none
|
|
}
|
|
|
|
.itemFilled__88a69:hover:not([aria-checked=true]):not(.disabled__88a69) {
|
|
background-color: var(--background-mod-subtle);
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.itemFilled__88a69:active:not([aria-checked=true]):not(.disabled__88a69) {
|
|
background-color: var(--background-mod-normal);
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.tooltipWrapper__88a69 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.tooltipWrapper__88a69:last-child {
|
|
margin: 0
|
|
}
|
|
|
|
.high-contrast-mode .container__88a69 {
|
|
border: 1px solid var(--border-normal);
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.disabled__88a69 {
|
|
cursor: not-allowed;
|
|
opacity: .3
|
|
}
|
|
|
|
.info__88a69 {
|
|
display: grid;
|
|
margin-inline-end:8px;width: 100%;
|
|
grid-gap: 4px;
|
|
align-items: center
|
|
}
|
|
|
|
.icon__88a69 {
|
|
margin-inline-start:8px}
|
|
|
|
.item__88a69,.itemFilled__88a69[aria-checked=true],.item__88a69[aria-checked=true],.radioBar__88a69 {
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.radioIndicator__88a69 {
|
|
background: transparent;
|
|
border-radius: 50%;
|
|
box-sizing: border-box;
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.radioIndicatorGroup__88a69 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.refreshIcon__88a69 {
|
|
fill: #fff
|
|
}
|
|
|
|
.refreshIconStroke__88a69 {
|
|
stroke: var(--checkbox-border-default)
|
|
}
|
|
|
|
.refreshIconFill__88a69 {
|
|
fill: transparent
|
|
}
|
|
|
|
.radioIndicatorChecked__88a69 .refreshIconStroke__88a69 {
|
|
stroke: var(--checkbox-border-default)
|
|
}
|
|
|
|
.radioIndicatorChecked__88a69 .refreshIconFill__88a69 {
|
|
fill: var(--background-brand)
|
|
}
|
|
|
|
.full-motion .item__88a69 {
|
|
transition: background-color .1s ease,color .1s ease
|
|
}
|
|
|
|
.high-contrast-mode .item__88a69 {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
border-radius: 0;
|
|
box-sizing: border-box;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.high-contrast-mode .item__88a69:last-child {
|
|
border-bottom: none
|
|
}
|
|
|
|
.high-contrast-mode .item__88a69:last-child .radioBar__88a69 {
|
|
border-end-start-radius: var(--radius-sm)
|
|
}
|
|
|
|
.high-contrast-mode .item__88a69:first-child .radioBar__88a69 {
|
|
border-start-start-radius: var(--radius-xs)
|
|
}
|
|
|
|
.high-contrast-mode .radioBar__88a69 {
|
|
border-radius: 0
|
|
}
|
|
|
|
.enable-forced-colors .radioBar__88a69 {
|
|
background-color: ButtonFace;
|
|
border: 1px solid ButtonText;
|
|
color: ButtonText;
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.enable-forced-colors .radioIconForeground__88a69 {
|
|
color: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors .refreshIcon__88a69 {
|
|
fill: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors .refreshIconStroke__88a69 {
|
|
stroke: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .refreshIconFill__88a69 {
|
|
fill: transparent
|
|
}
|
|
|
|
.enable-forced-colors .item__88a69[aria-checked=true] .radioBar__88a69 {
|
|
background-color: Highlight;
|
|
border-color: Highlight;
|
|
color: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors .radioIndicatorChecked__88a69 .refreshIconStroke__88a69 {
|
|
stroke: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors .radioIndicatorChecked__88a69 .refreshIconFill__88a69 {
|
|
fill: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .item__88a69.disabled__88a69 {
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .item__88a69.disabled__88a69,.enable-forced-colors .item__88a69.disabled__88a69:hover {
|
|
color: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .item__88a69.disabled__88a69 .radioBar__88a69 {
|
|
background-color: Canvas;
|
|
border-color: GrayText;
|
|
color: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .radioIndicatorDisabled__88a69 .radioIconForeground__88a69 {
|
|
color: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .radioIndicatorDisabled__88a69 .refreshIcon__88a69 {
|
|
fill: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .radioIndicatorDisabled__88a69 .refreshIconStroke__88a69 {
|
|
stroke: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .radioIndicatorDisabled__88a69 .refreshIconFill__88a69 {
|
|
fill: Canvas
|
|
}
|
|
|
|
.highlight-void-toggleables [data-toggleable-component=radiogroup] {
|
|
box-shadow: 0 0 6px 2px var(--yellow-360),0 0 8px 4px var(--opacity-yellow-60)
|
|
}
|
|
|
|
.avatar_f0960a,.image_f0960a {
|
|
height: 16px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 16px
|
|
}
|
|
|
|
.avatar_f0960a {
|
|
background-color: #000;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
overflow: hidden
|
|
}
|
|
|
|
.avatar_f0960a,.roleDot_f0960a {
|
|
border-radius: var(--radius-round)
|
|
}
|
|
|
|
.roleDot_f0960a {
|
|
border: 1px solid var(--text-strong);
|
|
box-sizing: border-box;
|
|
display: block;
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.tagGroup_cfee8f {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.tagList_cfee8f {
|
|
display: contents
|
|
}
|
|
|
|
.tag_cfee8f {
|
|
align-items: center;
|
|
background-color: var(--background-mod-subtle);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
cursor: default;
|
|
display: inline-flex;
|
|
gap: var(--space-8);
|
|
min-height: 40px;
|
|
outline: none;
|
|
padding: var(--space-4) var(--space-12);
|
|
transition: background-color 50ms ease-in,color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.tag_cfee8f:has([slot=remove]) {
|
|
padding-right: var(--space-8)
|
|
}
|
|
|
|
.tag_cfee8f[data-selection-mode=multiple],.tag_cfee8f[data-selection-mode=single] {
|
|
cursor: pointer
|
|
}
|
|
|
|
.tag_cfee8f[data-selection-mode=multiple][data-hovered],.tag_cfee8f[data-selection-mode=single][data-hovered] {
|
|
background: var(--background-mod-normal);
|
|
border-color: var(--border-normal)
|
|
}
|
|
|
|
.tag_cfee8f[data-selection-mode=multiple][data-hovered][data-selected],.tag_cfee8f[data-selection-mode=single][data-hovered][data-selected] {
|
|
background: var(--opacity-blurple-16);
|
|
border-color: var(--input-border-active)
|
|
}
|
|
|
|
.tag_cfee8f[data-focus-visible] {
|
|
outline: 1px solid var(--border-focus);
|
|
outline-offset: 1px
|
|
}
|
|
|
|
.tag_cfee8f[data-selected] {
|
|
background: var(--opacity-blurple-12);
|
|
border-color: var(--input-border-active)
|
|
}
|
|
|
|
.tag_cfee8f[data-disabled] {
|
|
cursor: not-allowed;
|
|
opacity: .5
|
|
}
|
|
|
|
.tag_cfee8f [slot=remove] {
|
|
align-items: center;
|
|
aspect-ratio: 1/1;
|
|
background: none;
|
|
border: 1px solid transparent;
|
|
border-radius: var(--radius-xs);
|
|
display: flex;
|
|
height: calc(100% - var(--space-8));
|
|
justify-content: center;
|
|
outline: none;
|
|
padding: 0;
|
|
transition: background-color 50ms ease-in,color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in
|
|
}
|
|
|
|
.tag_cfee8f [slot=remove][data-hovered] {
|
|
background-color: var(--control-icon-only-background-hover);
|
|
border-color: var(--control-icon-only-border-hover);
|
|
transition: background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out
|
|
}
|
|
|
|
.tag_cfee8f [slot=remove][data-focus-visible] {
|
|
outline: 2px solid var(--border-focus);
|
|
outline-offset: -1px
|
|
}
|
|
|
|
.tagGroup_cfee8f[data-layout=inline] {
|
|
display: contents
|
|
}
|
|
|
|
.tagGroup_cfee8f[data-layout=inline] .tag_cfee8f {
|
|
border-radius: var(--radius-xs);
|
|
gap: var(--space-4);
|
|
min-height: 30px;
|
|
padding: var(--space-4) var(--space-8)
|
|
}
|
|
|
|
.tagGroup_cfee8f[data-layout=inline] .tag_cfee8f:has([slot=remove]) {
|
|
padding-right: var(--space-4)
|
|
}
|
|
|
|
.tagGroup_cfee8f[data-layout=inline] [slot=remove] {
|
|
height: 100%
|
|
}
|
|
|
|
.container_a28278 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.container_a28278[data-disabled] {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.switchIndicator_a28278 {
|
|
border: 1px solid transparent;
|
|
border-radius: var(--radius-lg);
|
|
box-sizing: border-box;
|
|
height: 24px;
|
|
position: relative;
|
|
width: 48px
|
|
}
|
|
|
|
.switchIndicator_a28278 .thumb_a28278 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: center;
|
|
margin-left: -1px;
|
|
margin-top: -1px;
|
|
position: absolute;
|
|
width: 24px
|
|
}
|
|
|
|
.container__3f21e {
|
|
border: 1px solid transparent;
|
|
border-radius: 16px;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
height: 28px;
|
|
position: relative;
|
|
width: 44px
|
|
}
|
|
|
|
.high-contrast-mode .container__3f21e {
|
|
border-color: var(--border-strong)
|
|
}
|
|
|
|
.container__3f21e.disabled__3f21e {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.container__3f21e.checked__3f21e {
|
|
border-color: var(--control-primary-border-default)
|
|
}
|
|
|
|
.input__3f21e {
|
|
border-radius: 14px;
|
|
cursor: pointer;
|
|
height: 100%;
|
|
left: 0;
|
|
margin: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.input__3f21e[disabled] {
|
|
pointer-events: none
|
|
}
|
|
|
|
.slider__3f21e {
|
|
display: block;
|
|
height: 20px;
|
|
left: 0;
|
|
margin: 3px;
|
|
position: absolute;
|
|
width: 28px
|
|
}
|
|
|
|
.enable-forced-colors .container__3f21e {
|
|
background-color: ButtonFace!important;
|
|
border: 2px solid ButtonText;
|
|
height: 28px;
|
|
width: 44px
|
|
}
|
|
|
|
.enable-forced-colors .container__3f21e.checked__3f21e {
|
|
background-color: Highlight!important;
|
|
border-color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .container__3f21e.disabled__3f21e {
|
|
background-color: Canvas!important;
|
|
border-color: GrayText;
|
|
opacity: 1!important
|
|
}
|
|
|
|
.enable-forced-colors .container__3f21e.disabled__3f21e.checked__3f21e {
|
|
background-color: GrayText!important;
|
|
border-color: GrayText
|
|
}
|
|
|
|
.highlight-void-toggleables [data-toggleable-component=switch] {
|
|
box-shadow: 0 0 6px 2px var(--blue-360),0 0 8px 4px var(--opacity-blue-60)
|
|
}
|
|
|
|
.fieldset__7fb92 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-16)
|
|
}
|
|
|
|
.description__7fb92,.legend__7fb92 {
|
|
margin-bottom: var(--space-12)
|
|
}
|
|
|
|
.legend__7fb92+.description__7fb92 {
|
|
margin-bottom: 0;
|
|
margin-top: -8px
|
|
}
|
|
|
|
.container__72c38 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1
|
|
}
|
|
|
|
.container__72c38[data-full-width=true] {
|
|
flex: 1 1 auto;
|
|
width: 100%
|
|
}
|
|
|
|
.container__72c38[data-full-width=true] .input__72c38,.container__72c38[data-full-width=true] .wrapper__72c38 {
|
|
width: 100%
|
|
}
|
|
|
|
.wrapper__72c38 {
|
|
position: relative;
|
|
--custom-input-background-color: var(--input-background-default);
|
|
--custom-input-border-color: var(--input-border-default);
|
|
--custom-input-text-color: var(--input-text-default);
|
|
--custom-input-hover-border-color: var(--input-border-hover);
|
|
--custom-input-focus-border-color: var(--input-border-active);
|
|
align-items: center;
|
|
background-color: var(--custom-input-background-color);
|
|
border: 1px solid var(--custom-input-border-color);
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
color: var(--custom-input-text-color);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--space-4);
|
|
transition: border-color .1s ease
|
|
}
|
|
|
|
.wrapper__72c38[data-read-only=true] {
|
|
--custom-input-border-color: var(--input-border-readonly)
|
|
}
|
|
|
|
.wrapper__72c38:not([data-read-only=true]):not([data-disabled=true]):not(:focus-within):hover {
|
|
--custom-input-border-color: var(--custom-input-hover-border-color)
|
|
}
|
|
|
|
.wrapper__72c38:not([data-read-only=true]):has(input:focus,textarea:focus) {
|
|
--custom-input-border-color: var(--custom-input-focus-border-color);
|
|
outline: 2px solid var(--custom-input-focus-border-color);
|
|
outline-offset: -2px
|
|
}
|
|
|
|
.wrapper__72c38[data-error=true] {
|
|
--custom-input-border-color: var(--input-border-error-default);
|
|
--custom-input-text-color: var(--input-text-error-default);
|
|
--custom-input-background-color: var(--input-background-error-default);
|
|
--custom-input-hover-border-color: var(--input-border-error-default);
|
|
--custom-input-focus-border-color: var(--input-border-error-default)
|
|
}
|
|
|
|
.wrapper__72c38[data-error=true]:not([data-read-only=true],[data-disabled=true],:focus-within):hover {
|
|
outline: 2px solid var(--input-border-error-default);
|
|
outline-offset: -2px
|
|
}
|
|
|
|
.wrapper__72c38[data-disabled=true] {
|
|
cursor: not-allowed;
|
|
opacity: .5;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.enable-forced-colors .wrapper__72c38 {
|
|
border: 1px solid ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .wrapper__72c38:not([data-read-only=true]):focus-within {
|
|
border-color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .wrapper__72c38[data-disabled=true] {
|
|
background-color: Canvas;
|
|
border-color: GrayText;
|
|
opacity: 1
|
|
}
|
|
|
|
.wrapper_a35ace svg {
|
|
display: block
|
|
}
|
|
|
|
.divider__1de9c {
|
|
border-top: thin solid var(--border-subtle);
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
.header_aa8da2,.item_aa8da2 {
|
|
flex-shrink: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.header_aa8da2,.headerText_aa8da2,.item_aa8da2 {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.headerText_aa8da2 {
|
|
overflow-x: hidden
|
|
}
|
|
|
|
.header_aa8da2 {
|
|
color: var(--channels-default)
|
|
}
|
|
|
|
.item_aa8da2 {
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 20px;
|
|
position: relative
|
|
}
|
|
|
|
.brand_aa8da2.item_aa8da2,.themed_aa8da2.item_aa8da2 {
|
|
color: var(--text-subtle)
|
|
}
|
|
|
|
.brand_aa8da2.item_aa8da2:active,.brand_aa8da2.item_aa8da2:hover,.themed_aa8da2.item_aa8da2:active,.themed_aa8da2.item_aa8da2:hover {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.separator_aa8da2 {
|
|
background-color: var(--border-subtle)
|
|
}
|
|
|
|
.selected_aa8da2.item_aa8da2,.selected_aa8da2.item_aa8da2:hover {
|
|
color: var(--text-strong);
|
|
cursor: default
|
|
}
|
|
|
|
.selected_aa8da2 {
|
|
cursor: default
|
|
}
|
|
|
|
.disabled_aa8da2.item_aa8da2,.disabled_aa8da2.item_aa8da2:hover {
|
|
color: var(--text-muted);
|
|
cursor: default
|
|
}
|
|
|
|
.density-compact .side_aa8da2 .item_aa8da2 {
|
|
line-height: 16px
|
|
}
|
|
|
|
.density-cozy .side_aa8da2 .item_aa8da2 {
|
|
line-height: 24px
|
|
}
|
|
|
|
.side_aa8da2 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column
|
|
}
|
|
|
|
.side_aa8da2 .header_aa8da2,.side_aa8da2 .item_aa8da2 {
|
|
padding: 6px 10px
|
|
}
|
|
|
|
.side_aa8da2 .header_aa8da2:first-child {
|
|
padding-top: 0
|
|
}
|
|
|
|
.side_aa8da2 .item_aa8da2 {
|
|
border-radius: 4px;
|
|
margin-bottom: 2px;
|
|
padding-bottom: 6px;
|
|
padding-top: 6px
|
|
}
|
|
|
|
.side_aa8da2 .separator_aa8da2 {
|
|
height: 1px;
|
|
margin: 8px 10px
|
|
}
|
|
|
|
.top_aa8da2 {
|
|
border-bottom-color: var(--border-subtle);
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.top_aa8da2 .item_aa8da2 {
|
|
--selected-tab-item-color: var(--interactive-text-active);
|
|
border-bottom: none!important;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 14px;
|
|
margin-bottom: -1px;
|
|
padding-bottom: 16px;
|
|
position: relative;
|
|
--tab-item-color: var(--text-strong)
|
|
}
|
|
|
|
.top_aa8da2 .item_aa8da2.selected_aa8da2:after,.top_aa8da2 .item_aa8da2:hover:after {
|
|
background: var(--selected-tab-item-color);
|
|
border-top-left-radius: 2px;
|
|
border-top-right-radius: 2px;
|
|
content: "";
|
|
height: 2px;
|
|
left: 0;
|
|
margin-top: -2px;
|
|
position: absolute;
|
|
top: 100%;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.top_aa8da2 .item_aa8da2.selected_aa8da2 {
|
|
color: var(--selected-tab-item-color)
|
|
}
|
|
|
|
.top_aa8da2 .item_aa8da2.brand_aa8da2 {
|
|
--selected-tab-item-color: var(--text-brand)
|
|
}
|
|
|
|
.top_aa8da2 .item_aa8da2.brand_aa8da2:hover {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.top_aa8da2 .item_aa8da2+.item_aa8da2 {
|
|
margin-left: var(--space-xl)
|
|
}
|
|
|
|
.top_aa8da2 .disabled_aa8da2.item_aa8da2 {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.top_aa8da2 .themed_aa8da2.item_aa8da2:hover {
|
|
border-bottom-color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.top_aa8da2 .selected_aa8da2.themed_aa8da2.item_aa8da2,.top_aa8da2 .themed_aa8da2.item_aa8da2:active {
|
|
border-bottom-color: var(--interactive-text-active)
|
|
}
|
|
|
|
.top_aa8da2 .brand_aa8da2.item_aa8da2:hover {
|
|
border-bottom-color: var(--brand-500)
|
|
}
|
|
|
|
.top_aa8da2 .brand_aa8da2.item_aa8da2:active,.top_aa8da2 .brand_aa8da2.selected_aa8da2.item_aa8da2 {
|
|
border-bottom-color: var(--control-brand-foreground)
|
|
}
|
|
|
|
.top_aa8da2 .disabled_aa8da2.brand_aa8da2.item_aa8da2:hover,.top_aa8da2 .disabled_aa8da2.themed_aa8da2.item_aa8da2:hover {
|
|
border-bottom-color: transparent
|
|
}
|
|
|
|
.topPill_aa8da2 {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.topPill_aa8da2 .item_aa8da2 {
|
|
border-radius: var(--radius-sm);
|
|
cursor: pointer;
|
|
margin: 0 8px;
|
|
min-height: 32px;
|
|
padding: 4px 12px
|
|
}
|
|
|
|
.topPill_aa8da2 .separator_aa8da2 {
|
|
width: 1px
|
|
}
|
|
|
|
.topPill_aa8da2 .item_aa8da2.disabled_aa8da2 {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.side_aa8da2 .themed_aa8da2.item_aa8da2:hover:not(.disabled_aa8da2),.topPill_aa8da2 .themed_aa8da2.item_aa8da2:hover:not(.disabled_aa8da2) {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.side_aa8da2 .themed_aa8da2.item_aa8da2:active:not(.disabled_aa8da2),.side_aa8da2 .themed_aa8da2.selected_aa8da2.item_aa8da2,.side_aa8da2 .themed_aa8da2.selected_aa8da2:hover:not(.disabled_aa8da2),.topPill_aa8da2 .themed_aa8da2.item_aa8da2:active:not(.disabled_aa8da2),.topPill_aa8da2 .themed_aa8da2.selected_aa8da2.item_aa8da2,.topPill_aa8da2 .themed_aa8da2.selected_aa8da2:hover:not(.disabled_aa8da2) {
|
|
background-color: var(--background-mod-strong)
|
|
}
|
|
|
|
.side_aa8da2 .destructive_aa8da2.item_aa8da2:not(.disabled_aa8da2),.topPill_aa8da2 .destructive_aa8da2.item_aa8da2:not(.disabled_aa8da2) {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.side_aa8da2 .destructive_aa8da2.item_aa8da2:hover:not(.disabled_aa8da2),.topPill_aa8da2 .destructive_aa8da2.item_aa8da2:hover:not(.disabled_aa8da2) {
|
|
background-color: var(--background-feedback-critical);
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.side_aa8da2 .destructive_aa8da2.item_aa8da2:active:not(.disabled_aa8da2),.side_aa8da2 .destructive_aa8da2.selected_aa8da2.item_aa8da2:not(.disabled_aa8da2),.topPill_aa8da2 .destructive_aa8da2.item_aa8da2:active:not(.disabled_aa8da2),.topPill_aa8da2 .destructive_aa8da2.selected_aa8da2.item_aa8da2:not(.disabled_aa8da2) {
|
|
background-color: var(--background-feedback-critical);
|
|
color: var(--white)
|
|
}
|
|
|
|
.full-motion .item_aa8da2 {
|
|
transition: background-color .3s ease
|
|
}
|
|
|
|
.enable-forced-colors .item_aa8da2 {
|
|
background-color: ButtonFace!important;
|
|
border: 1px solid ButtonFace;
|
|
color: ButtonText!important;
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.enable-forced-colors .item_aa8da2:hover {
|
|
background-color: ButtonFace!important;
|
|
border-color: ButtonText;
|
|
color: ButtonText!important
|
|
}
|
|
|
|
.enable-forced-colors .item_aa8da2[aria-selected=true],.enable-forced-colors .item_aa8da2[aria-selected=true]:hover,.enable-forced-colors .selected_aa8da2.item_aa8da2,.enable-forced-colors .selected_aa8da2.item_aa8da2:hover {
|
|
background-color: HighlightText!important;
|
|
border-color: Highlight;
|
|
color: Highlight!important
|
|
}
|
|
|
|
.enable-forced-colors .disabled_aa8da2.item_aa8da2,.enable-forced-colors .disabled_aa8da2.item_aa8da2:hover {
|
|
background-color: Canvas!important;
|
|
border-color: Canvas!important;
|
|
color: GrayText!important
|
|
}
|
|
|
|
.enable-forced-colors .top_aa8da2 .item_aa8da2 {
|
|
border-radius: 4px 4px 0 0;
|
|
padding-left: 4px;
|
|
padding-right: 4px
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .top_aa8da2 {
|
|
border-color: var(--app-frame-border)
|
|
}
|
|
|
|
.container__2fba1 {
|
|
background-color: var(--background-mod-muted);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
width: 100%
|
|
}
|
|
|
|
.footer__2fba1,.toolbar__2fba1 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 16px
|
|
}
|
|
|
|
.table__2fba1 {
|
|
border-collapse: collapse;
|
|
color: var(--text-default);
|
|
overflow: scroll;
|
|
table-layout: fixed;
|
|
width: 100%
|
|
}
|
|
|
|
.header__2fba1 {
|
|
border-bottom: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.body__2fba1 {
|
|
padding: 8px
|
|
}
|
|
|
|
.row__2fba1 {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
outline: none;
|
|
transition: background-color .1s ease;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.row__2fba1[data-focus-visible] {
|
|
box-shadow: 0 0 0 4px var(--blue-345)
|
|
}
|
|
|
|
.row__2fba1[data-pressed] {
|
|
background-color: var(--interactive-background-active)
|
|
}
|
|
|
|
.row__2fba1[data-hovered] {
|
|
background-color: var(--interactive-background-hover)
|
|
}
|
|
|
|
.row__2fba1[aria-selected=true] {
|
|
background-color: var(--interactive-background-selected)
|
|
}
|
|
|
|
.row__2fba1:last-child {
|
|
border-bottom: none
|
|
}
|
|
|
|
.column__2fba1 {
|
|
outline: none;
|
|
padding: 16px
|
|
}
|
|
|
|
.column__2fba1[data-focus-visible] {
|
|
box-shadow: 0 0 0 4px var(--blue-345)
|
|
}
|
|
|
|
.columnText__2fba1 {
|
|
text-align: start
|
|
}
|
|
|
|
.cell__2fba1 {
|
|
outline: none;
|
|
padding: 16px
|
|
}
|
|
|
|
.cell__2fba1[data-focus-visible] {
|
|
box-shadow: 0 0 0 4px var(--blue-345)
|
|
}
|
|
|
|
.emptyStateText_deaec9 {
|
|
color: var(--text-muted);
|
|
font-style: italic
|
|
}
|
|
|
|
.emptyState_deaec9 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
min-height: 40px
|
|
}
|
|
|
|
.listBox__2e223 {
|
|
box-sizing: border-box;
|
|
padding: var(--space-4)
|
|
}
|
|
|
|
.listBox__2e223:not(.scrollable__2e223) ::-webkit-scrollbar {
|
|
height: 0;
|
|
width: 0
|
|
}
|
|
|
|
.listBoxInner__2e223,.listBoxItem__2e223 {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.listBoxItem__2e223 {
|
|
align-items: stretch;
|
|
background-color: transparent;
|
|
border-radius: var(--radius-xs);
|
|
color: var(--text-strong);
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
transition: background-color 50ms ease-in
|
|
}
|
|
|
|
.listBoxItem__2e223:hover {
|
|
transition: background-color .15s ease-out
|
|
}
|
|
|
|
.listBoxItem__2e223:focus:not([aria-disabled]),.mouse-mode .listBoxItem__2e223:hover:not([aria-disabled]) {
|
|
background-color: var(--background-mod-normal)
|
|
}
|
|
|
|
.listBoxItem__2e223[aria-disabled=true] {
|
|
background-color: transparent;
|
|
opacity: .5
|
|
}
|
|
|
|
.listBox__2e223:not(:focus-within) .listBoxItem__2e223[data-focus-visible=true],.keyboard-mode .listBoxItem__2e223:focus {
|
|
background-color: var(--background-mod-normal);
|
|
outline: 2px solid var(--border-focus);
|
|
outline-offset: -2px
|
|
}
|
|
|
|
.listBoxItemContent__2e223 {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
color: var(--text-strong);
|
|
display: flex;
|
|
flex-grow: 1;
|
|
justify-content: flex-start;
|
|
min-height: var(--select-option-height);
|
|
padding: calc(var(--space-xxs) - 1px) var(--space-4) calc(var(--space-xxs) - 1px) var(--space-8)
|
|
}
|
|
|
|
.listBoxItemContent__2e223.inInput__2e223 {
|
|
min-height: calc(var(--select-option-height) - 2px)
|
|
}
|
|
|
|
.listBoxItemLabel__2e223 {
|
|
flex-grow: 1;
|
|
flex-shrink: 1
|
|
}
|
|
|
|
.selectedIcon__2e223 {
|
|
padding: var(--space-xxs) var(--space-4) var(--space-xxs) 0
|
|
}
|
|
|
|
.loadingSpinnerWrapper__2e223,.selectedIcon__2e223 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.loadingSpinnerWrapper__2e223 {
|
|
height: var(--select-option-height)
|
|
}
|
|
|
|
.loadingSpinner__2e223 {
|
|
width: 32px
|
|
}
|
|
|
|
.loadingSpinnerInner__2e223 {
|
|
border-radius: 50%;
|
|
height: 8px;
|
|
width: 8px
|
|
}
|
|
|
|
.option__56a50 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: grid;
|
|
flex-shrink: 1;
|
|
gap: var(--space-4);
|
|
grid-template-columns: auto 1fr auto;
|
|
grid-template-rows: 1fr
|
|
}
|
|
|
|
.leading__56a50 {
|
|
box-sizing: border-box;
|
|
height: 32px;
|
|
margin-inline-start:calc(var(--space-8)*-1);padding: var(--space-4);
|
|
width: 32px
|
|
}
|
|
|
|
.leading__56a50,.trailing__56a50 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.avatarAccessory__56a50,.imageAccessory__56a50 {
|
|
height: 24px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 24px
|
|
}
|
|
|
|
.avatarAccessory__56a50 {
|
|
background-color: #000;
|
|
border-radius: var(--radius-round);
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
overflow: hidden
|
|
}
|
|
|
|
.iconAccessory__56a50 {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
color: var(--icon-subtle);
|
|
display: flex;
|
|
height: 32px;
|
|
justify-content: center;
|
|
padding: var(--space-4);
|
|
width: 32px
|
|
}
|
|
|
|
.selectFieldContainer__0edde {
|
|
align-self: flex-start;
|
|
max-width: 100%
|
|
}
|
|
|
|
.selectFieldContainer__0edde.fullWidth__0edde {
|
|
align-self: unset
|
|
}
|
|
|
|
.selectField__0edde {
|
|
align-items: stretch;
|
|
display: grid;
|
|
gap: 0;
|
|
grid-template-columns: 1fr auto auto;
|
|
grid-template-rows: 1fr;
|
|
width: 100%
|
|
}
|
|
|
|
.selectField__0edde:not(.isInert__0edde).isFocused__0edde,.selectField__0edde:not(.isInert__0edde):focus-within {
|
|
outline: 2px solid var(--custom-input-focus-border-color);
|
|
outline-offset: -2px
|
|
}
|
|
|
|
.selectField__0edde[data-read-only=true] {
|
|
cursor: default!important
|
|
}
|
|
|
|
.selectField__0edde[data-disabled=true] {
|
|
cursor: not-allowed!important
|
|
}
|
|
|
|
.selectButton__0edde,.selectFieldContent__0edde {
|
|
overflow: hidden
|
|
}
|
|
|
|
.selectButton__0edde {
|
|
align-items: center;
|
|
background-color: transparent;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
gap: 4px;
|
|
max-width: 100%;
|
|
min-height: calc(var(--select-option-height) - 2px);
|
|
padding-inline-start:var(--space-4);text-align: start;
|
|
width: 100%
|
|
}
|
|
|
|
.selectButton__0edde.wrapTags__0edde {
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.selectButton__0edde.multiSelect__0edde {
|
|
padding: 4px
|
|
}
|
|
|
|
.multipleValues__0edde,.placeholder__0edde {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
display: inline-flex;
|
|
justify-content: flex-start;
|
|
max-width: 100%;
|
|
padding-block:var(--space-xxs) var(--space-xxs);padding-inline: var(--space-8) var(--space-4)
|
|
}
|
|
|
|
.placeholder__0edde {
|
|
color: var(--input-placeholder-text-default)
|
|
}
|
|
|
|
.multipleValues__0edde {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.singleSelectOption__0edde {
|
|
flex-grow: 1;
|
|
padding-inline-start:var(--space-4)}
|
|
|
|
.comboBoxInputScroller__0edde: not(.wrapTags__0edde) {
|
|
overflow:auto hidden;
|
|
scrollbar-width: none
|
|
}
|
|
|
|
.comboBoxInputScroller__0edde:not(.wrapTags__0edde)::-webkit-scrollbar {
|
|
display: none
|
|
}
|
|
|
|
.comboBoxInputContainer__0edde {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-4);
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.hasTags__0edde .comboBoxInputContainer__0edde {
|
|
padding: var(--space-4)
|
|
}
|
|
|
|
.wrapTags__0edde .comboBoxInputContainer__0edde {
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.comboBoxInput__0edde {
|
|
max-height: 1lh;
|
|
min-height: calc(var(--select-option-height) - 2px);
|
|
min-width: min(12ch,80%);
|
|
padding-inline:var(--space-12) var(--space-8)}
|
|
|
|
.comboBoxInputScroller__0edde.hasTags__0edde .comboBoxInput__0edde {
|
|
margin: calc(var(--space-4)*-1) 0;
|
|
padding-inline-start:var(--space-8)}
|
|
|
|
.chevronButton__0edde {
|
|
background-color: transparent;
|
|
line-height: 0
|
|
}
|
|
|
|
.chevronButton__0edde,.loadingSpinner__0edde {
|
|
align-items: center;
|
|
color: var(--icon-strong);
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
padding-block:0;padding-inline:0 var(--space-4);width: 36px
|
|
}
|
|
|
|
.isInert__0edde .chevronButton__0edde,.isInert__0edde .loadingSpinner__0edde {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.chevronIcon__0edde {
|
|
display: block;
|
|
height: 20px;
|
|
transform: rotateX(0deg);
|
|
width: 20px
|
|
}
|
|
|
|
.chevronIcon__0edde.isOpen__0edde {
|
|
transform: rotateX(180deg)
|
|
}
|
|
|
|
.full-motion .chevronIcon__0edde {
|
|
transition: transform .2s ease-out
|
|
}
|
|
|
|
.clearButton__0edde {
|
|
background-color: transparent;
|
|
color: var(--icon-subtle);
|
|
line-height: 0;
|
|
padding: 0 var(--space-4);
|
|
transition: color .2s ease-out
|
|
}
|
|
|
|
.clearButton__0edde:focus,.clearButton__0edde:hover {
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.isInert__0edde .clearButton__0edde {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.clearButton__0edde:last-child {
|
|
padding-block:0;padding-inline:0 var(--space-4);width: 36px
|
|
}
|
|
|
|
.hiddenVisually__0edde {
|
|
clip: rect(0 0 0 0);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
white-space: nowrap;
|
|
width: 1px
|
|
}
|
|
|
|
.selectDropdown__0edde {
|
|
background-color: var(--background-surface-higher);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: 0 2px 8px 0 var(--opacity-black-16);
|
|
box-sizing: border-box;
|
|
z-index: 10
|
|
}
|
|
|
|
.anchor_edefb8 {
|
|
color: var(--text-link);
|
|
-webkit-text-decoration: var(--link-decoration);
|
|
text-decoration: var(--link-decoration)
|
|
}
|
|
|
|
.anchorUnderlineOnHover_edefb8:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.enable-forced-colors .anchor_edefb8,.enable-forced-colors .anchorUnderlineOnHover_edefb8 {
|
|
background-color: Canvas;
|
|
color: LinkText!important;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.enable-forced-colors .anchor_edefb8 svg,.enable-forced-colors .anchorUnderlineOnHover_edefb8 svg {
|
|
color: currentColor
|
|
}
|
|
|
|
.enable-forced-colors .anchor_edefb8:not([href]),.enable-forced-colors .anchorUnderlineOnHover_edefb8:not([href]) {
|
|
background-color: ButtonFace;
|
|
color: ButtonText!important
|
|
}
|
|
|
|
html.decorate-links .lowSaturationUnderline__41f68 {
|
|
text-decoration: underline!important
|
|
}
|
|
|
|
[data-accessibility=desaturate] {
|
|
filter: saturate(var(--saturation-factor,1))
|
|
}
|
|
|
|
.desaturate__41f68 {
|
|
filter: saturate(var(--saturation-factor,1))
|
|
}
|
|
|
|
.theme-dark {
|
|
--brightness: calc(1.5 - var(--saturation-factor, 1)*0.5);
|
|
--contrast: var(--saturation-factor,1)
|
|
}
|
|
|
|
.theme-light {
|
|
--brightness: calc(0.5 + var(--saturation-factor, 1)*0.5);
|
|
--contrast: var(--saturation-factor,1)
|
|
}
|
|
|
|
.desaturate-user-colors .desaturateUserColors__41f68 {
|
|
filter: saturate(var(--saturation-factor,1)) contrast(var(--contrast,1)) brightness(var(--brightness,1))
|
|
}
|
|
|
|
.button__201d5 {
|
|
align-items: center;
|
|
background: none;
|
|
border: 1px solid var(--opacity-white-8);
|
|
border-radius: 8px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
justify-content: center;
|
|
line-height: 16px;
|
|
padding: 2px 16px;
|
|
position: relative;
|
|
transition-duration: .2s;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.button__201d5:disabled,.button__201d5[aria-disabled=true] {
|
|
cursor: not-allowed;
|
|
opacity: .5
|
|
}
|
|
|
|
.button__201d5 .contents__201d5 {
|
|
--button--underline-color: transparent;
|
|
background-image: linear-gradient(to top,transparent,transparent var(--custom-button-link-underline-offset),var(--button--underline-color) var(--custom-button-link-underline-offset),var(--button--underline-color) var(--custom-button-link-underline-stop),transparent var(--custom-button-link-underline-stop))
|
|
}
|
|
|
|
.highlight-void-buttons .button__201d5 {
|
|
box-shadow: 0 0 4px 4px var(--yellow-new-30)
|
|
}
|
|
|
|
.lookFilled__201d5.colorBrand__201d5 {
|
|
background-color: var(--control-primary-background-default);
|
|
border: 1px solid var(--control-primary-border-default);
|
|
color: var(--control-primary-text-default)
|
|
}
|
|
|
|
.lookFilled__201d5.colorBrand__201d5:hover {
|
|
background-color: var(--control-primary-background-hover)
|
|
}
|
|
|
|
.lookFilled__201d5.colorBrand__201d5:active {
|
|
background-color: var(--control-primary-background-active)
|
|
}
|
|
|
|
.lookFilled__201d5.colorBrand__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--control-primary-text-default)
|
|
}
|
|
|
|
.lookFilled__201d5.colorBrand__201d5:disabled,.lookFilled__201d5.colorBrand__201d5[aria-disabled=true] {
|
|
background-color: var(--control-primary-background-default)
|
|
}
|
|
|
|
.lookFilled__201d5.colorBrandInverted__201d5 {
|
|
background-color: var(--control-overlay-primary-background-default);
|
|
color: var(--control-primary-text-default)
|
|
}
|
|
|
|
.lookFilled__201d5.colorBrandInverted__201d5:hover {
|
|
background-color: var(--control-overlay-primary-background-hover)
|
|
}
|
|
|
|
.lookFilled__201d5.colorBrandInverted__201d5:active {
|
|
background-color: var(--control-overlay-primary-background-active)
|
|
}
|
|
|
|
.lookFilled__201d5.colorBrandInverted__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--control-primary-text-default)
|
|
}
|
|
|
|
.lookFilled__201d5.colorBrandInverted__201d5:disabled,.lookFilled__201d5.colorBrandInverted__201d5[aria-disabled=true] {
|
|
background-color: var(--control-overlay-primary-background-default)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorBrand__201d5 {
|
|
border-color: var(--control-secondary-border-default);
|
|
color: var(--control-secondary-text-default)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorBrand__201d5:hover {
|
|
background-color: var(--button-outline-brand-background-hover);
|
|
border-color: var(--control-secondary-border-hover);
|
|
color: var(--control-secondary-text-hover)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorBrand__201d5:active {
|
|
background-color: var(--control-secondary-background-active);
|
|
border-color: var(--button-outline-brand-border-active);
|
|
color: var(--control-secondary-text-active)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorBrand__201d5:disabled,.lookOutlined__201d5.colorBrand__201d5[aria-disabled=true] {
|
|
background-color: transparent
|
|
}
|
|
|
|
.lookOutlined__201d5.colorBrand__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--brand-500)
|
|
}
|
|
|
|
.lookLink__201d5.colorBrand__201d5 {
|
|
color: var(--brand-500)
|
|
}
|
|
|
|
.lookLink__201d5.colorBrand__201d5:hover .contents__201d5 {
|
|
--button--underline-color: var(--brand-500)
|
|
}
|
|
|
|
.lookLink__201d5.colorBrand__201d5:disabled .contents__201d5,.lookLink__201d5.colorBrand__201d5[aria-disabled=true] .contents__201d5 {
|
|
background-image: none
|
|
}
|
|
|
|
.lookLink__201d5.colorBrand__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--brand-500)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorPrimary__201d5 {
|
|
border-color: var(--control-secondary-border-default);
|
|
color: var(--button-outline-primary-text)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorPrimary__201d5:hover {
|
|
background-color: var(--control-secondary-background-hover);
|
|
border-color: var(--control-secondary-border-hover);
|
|
color: var(--control-secondary-text-hover)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorPrimary__201d5:active {
|
|
background-color: var(--control-secondary-background-active);
|
|
border-color: var(--control-secondary-border-active);
|
|
color: var(--control-secondary-text-active)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorPrimary__201d5:disabled,.lookOutlined__201d5.colorPrimary__201d5[aria-disabled=true] {
|
|
background-color: transparent;
|
|
color: var(--button-outline-primary-text)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorPrimary__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--white)
|
|
}
|
|
|
|
.lookFilled__201d5.colorLink__201d5 {
|
|
background-color: var(--text-link);
|
|
color: var(--white)
|
|
}
|
|
|
|
.lookFilled__201d5.colorLink__201d5:hover {
|
|
background-color: var(--blue-500)
|
|
}
|
|
|
|
.lookFilled__201d5.colorLink__201d5:active {
|
|
background-color: var(--blue-530)
|
|
}
|
|
|
|
.lookFilled__201d5.colorLink__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--white)
|
|
}
|
|
|
|
.lookFilled__201d5.colorLink__201d5:disabled,.lookFilled__201d5.colorLink__201d5[aria-disabled=true] {
|
|
background-color: var(--text-link)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorLink__201d5 {
|
|
border-color: var(--text-link);
|
|
color: var(--text-link)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorLink__201d5:active {
|
|
background-color: hsl(var(--text-link-hsl)/.1)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorLink__201d5:disabled,.lookOutlined__201d5.colorLink__201d5[aria-disabled=true] {
|
|
background-color: transparent
|
|
}
|
|
|
|
.lookOutlined__201d5.colorLink__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--text-link)
|
|
}
|
|
|
|
.lookLink__201d5.colorLink__201d5 {
|
|
color: var(--text-link)
|
|
}
|
|
|
|
.lookLink__201d5.colorLink__201d5:hover .contents__201d5 {
|
|
--button--underline-color: var(--text-link)
|
|
}
|
|
|
|
.lookLink__201d5.colorLink__201d5:disabled .contents__201d5,.lookLink__201d5.colorLink__201d5[aria-disabled=true] .contents__201d5 {
|
|
background-image: none
|
|
}
|
|
|
|
.lookLink__201d5.colorLink__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--text-link)
|
|
}
|
|
|
|
.lookFilled__201d5.colorWhite__201d5 {
|
|
background-color: var(--control-overlay-primary-background-default);
|
|
border-color: var(--opacity-8);
|
|
color: var(--control-primary-text-default)
|
|
}
|
|
|
|
.lookFilled__201d5.colorWhite__201d5:hover {
|
|
background-color: var(--control-overlay-primary-background-hover)
|
|
}
|
|
|
|
.lookFilled__201d5.colorWhite__201d5:active {
|
|
background-color: var(--control-overlay-primary-background-active)
|
|
}
|
|
|
|
.lookFilled__201d5.colorWhite__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--control-primary-text-default)
|
|
}
|
|
|
|
.lookFilled__201d5.colorWhite__201d5:disabled,.lookFilled__201d5.colorWhite__201d5[aria-disabled=true] {
|
|
background-color: var(--control-overlay-primary-background-default)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorWhite__201d5 {
|
|
border-color: var(--white);
|
|
color: var(--white)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorWhite__201d5:active {
|
|
background-color: hsl(var(--white-hsl)/.1)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorWhite__201d5:disabled,.lookOutlined__201d5.colorWhite__201d5[aria-disabled=true] {
|
|
background-color: transparent
|
|
}
|
|
|
|
.lookOutlined__201d5.colorWhite__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--white)
|
|
}
|
|
|
|
.lookLink__201d5.colorWhite__201d5 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.lookLink__201d5.colorWhite__201d5:hover .contents__201d5 {
|
|
--button--underline-color: var(--white)
|
|
}
|
|
|
|
.lookLink__201d5.colorWhite__201d5:disabled .contents__201d5,.lookLink__201d5.colorWhite__201d5[aria-disabled=true] .contents__201d5 {
|
|
background-image: none
|
|
}
|
|
|
|
.lookLink__201d5.colorWhite__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--white)
|
|
}
|
|
|
|
.lookFilled__201d5.colorRed__201d5 {
|
|
background-color: var(--control-critical-primary-background-default);
|
|
border: 1px solid var(--control-critical-primary-border-default);
|
|
color: var(--white)
|
|
}
|
|
|
|
.lookFilled__201d5.colorRed__201d5:hover {
|
|
background-color: var(--control-critical-primary-background-hover)
|
|
}
|
|
|
|
.lookFilled__201d5.colorRed__201d5:active {
|
|
background-color: var(--control-critical-primary-background-active)
|
|
}
|
|
|
|
.lookFilled__201d5.colorRed__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--white)
|
|
}
|
|
|
|
.lookFilled__201d5.colorRed__201d5:disabled,.lookFilled__201d5.colorRed__201d5[aria-disabled=true] {
|
|
background-color: var(--control-critical-primary-background-default)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorRed__201d5 {
|
|
background-color: var(--control-critical-secondary-background-default);
|
|
border-color: var(--control-critical-secondary-border-default);
|
|
color: var(--control-critical-primary-text-default)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorRed__201d5:hover {
|
|
background-color: var(--control-critical-secondary-background-hover);
|
|
border-color: var(--control-critical-secondary-border-hover);
|
|
color: var(--control-critical-primary-text-hover)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorRed__201d5:active {
|
|
background-color: var(--control-critical-secondary-background-active);
|
|
border-color: var(--control-critical-secondary-border-active);
|
|
color: var(--control-critical-primary-text-active)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorRed__201d5:disabled,.lookOutlined__201d5.colorRed__201d5[aria-disabled=true] {
|
|
background-color: transparent
|
|
}
|
|
|
|
.lookOutlined__201d5.colorRed__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--red-400)
|
|
}
|
|
|
|
.lookLink__201d5.colorRed__201d5 {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.lookLink__201d5.colorRed__201d5:hover .contents__201d5 {
|
|
--button--underline-color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.lookLink__201d5.colorRed__201d5:disabled .contents__201d5,.lookLink__201d5.colorRed__201d5[aria-disabled=true] .contents__201d5 {
|
|
background-image: none
|
|
}
|
|
|
|
.lookLink__201d5.colorRed__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.lookFilled__201d5.colorGreen__201d5 {
|
|
background-color: var(--control-connected-background-default);
|
|
border: 1px solid var(--control-connected-border-default);
|
|
color: var(--white)
|
|
}
|
|
|
|
.lookFilled__201d5.colorGreen__201d5:hover {
|
|
background-color: var(--control-connected-background-hover)
|
|
}
|
|
|
|
.lookFilled__201d5.colorGreen__201d5:active {
|
|
background-color: var(--control-connected-background-active)
|
|
}
|
|
|
|
.lookFilled__201d5.colorGreen__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--white)
|
|
}
|
|
|
|
.lookFilled__201d5.colorGreen__201d5:disabled,.lookFilled__201d5.colorGreen__201d5[aria-disabled=true] {
|
|
background-color: var(--control-connected-background-default)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorGreen__201d5 {
|
|
border-color: var(--control-connected-border-default);
|
|
color: var(--control-primary-text-default)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorGreen__201d5:hover {
|
|
background-color: var(--control-connected-background-hover);
|
|
border-color: var(--control-connected-border-hover);
|
|
color: var(--control-primary-text-hover)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorGreen__201d5:active {
|
|
background-color: var(--control-connected-background-active);
|
|
border-color: var(--control-connected-border-active);
|
|
color: var(--control-primary-text-active)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorGreen__201d5:disabled,.lookOutlined__201d5.colorGreen__201d5[aria-disabled=true] {
|
|
background-color: transparent
|
|
}
|
|
|
|
.lookOutlined__201d5.colorGreen__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--green-230)
|
|
}
|
|
|
|
.lookLink__201d5.colorGreen__201d5 {
|
|
color: var(--green-360)
|
|
}
|
|
|
|
.lookLink__201d5.colorGreen__201d5:hover .contents__201d5 {
|
|
--button--underline-color: var(--green-360)
|
|
}
|
|
|
|
.lookLink__201d5.colorGreen__201d5:disabled .contents__201d5,.lookLink__201d5.colorGreen__201d5[aria-disabled=true] .contents__201d5 {
|
|
background-image: none
|
|
}
|
|
|
|
.lookLink__201d5.colorGreen__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--green-360)
|
|
}
|
|
|
|
.lookFilled__201d5.colorPrimary__201d5 {
|
|
background-color: var(--control-secondary-background-default);
|
|
border-color: var(--border-muted);
|
|
color: var(--control-secondary-text-default)
|
|
}
|
|
|
|
.lookFilled__201d5.colorPrimary__201d5:hover {
|
|
background-color: var(--control-secondary-background-hover)
|
|
}
|
|
|
|
.lookFilled__201d5.colorPrimary__201d5:active {
|
|
background-color: var(--control-secondary-background-active)
|
|
}
|
|
|
|
.lookFilled__201d5.colorPrimary__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--control-secondary-text-default)
|
|
}
|
|
|
|
.lookFilled__201d5.colorPrimary__201d5:disabled,.lookFilled__201d5.colorPrimary__201d5[aria-disabled=true],.lookFilled__201d5.colorTransparent__201d5 {
|
|
background-color: var(--control-secondary-background-default)
|
|
}
|
|
|
|
.lookFilled__201d5.colorTransparent__201d5 {
|
|
border-color: var(--border-muted);
|
|
color: var(--control-secondary-text-default)
|
|
}
|
|
|
|
.lookFilled__201d5.colorTransparent__201d5:hover {
|
|
background-color: var(--control-secondary-background-hover)
|
|
}
|
|
|
|
.lookFilled__201d5.colorTransparent__201d5:active {
|
|
background-color: var(--control-secondary-background-active)
|
|
}
|
|
|
|
.lookFilled__201d5.colorTransparent__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--control-secondary-text-default)
|
|
}
|
|
|
|
.lookFilled__201d5.colorTransparent__201d5:disabled,.lookFilled__201d5.colorTransparent__201d5[aria-disabled=true] {
|
|
background-color: var(--control-secondary-background-default)
|
|
}
|
|
|
|
.theme-dark .lookLink__201d5.colorPrimary__201d5:hover .contents__201d5 {
|
|
--button--underline-color: var(--white)
|
|
}
|
|
|
|
.theme-dark .lookLink__201d5.colorPrimary__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--white)
|
|
}
|
|
|
|
.theme-dark .lookOutlined__201d5.colorTransparent__201d5 {
|
|
border-color: var(--primary-200)
|
|
}
|
|
|
|
.theme-dark .lookOutlined__201d5.colorTransparent__201d5:active {
|
|
background-color: hsl(var(--primary-200-hsl)/.1)
|
|
}
|
|
|
|
.theme-dark .lookOutlined__201d5.colorTransparent__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--primary-200)
|
|
}
|
|
|
|
.theme-dark .lookLink__201d5.colorTransparent__201d5:hover .contents__201d5 {
|
|
--button--underline-color: var(--primary-200)
|
|
}
|
|
|
|
.theme-dark .lookLink__201d5.colorTransparent__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--primary-200)
|
|
}
|
|
|
|
.theme-light .lookLink__201d5.colorPrimary__201d5:hover .contents__201d5 {
|
|
--button--underline-color: var(--primary-400)
|
|
}
|
|
|
|
.theme-light .lookLink__201d5.colorPrimary__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--primary-400)
|
|
}
|
|
|
|
.theme-light .lookOutlined__201d5.colorTransparent__201d5 {
|
|
border-color: var(--primary-400)
|
|
}
|
|
|
|
.theme-light .lookOutlined__201d5.colorTransparent__201d5:active {
|
|
background-color: hsl(var(--primary-400-hsl)/.1)
|
|
}
|
|
|
|
.theme-light .lookOutlined__201d5.colorTransparent__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--primary-400)
|
|
}
|
|
|
|
.theme-light .lookLink__201d5.colorTransparent__201d5:hover .contents__201d5 {
|
|
--button--underline-color: var(--primary-400)
|
|
}
|
|
|
|
.theme-light .lookLink__201d5.colorTransparent__201d5 .spinnerItem__201d5 {
|
|
background-color: var(--primary-400)
|
|
}
|
|
|
|
.lookFilled__201d5 {
|
|
transition: background-color var(--custom-button-transition-duration) ease,color var(--custom-button-transition-duration) ease
|
|
}
|
|
|
|
.lookOutlined__201d5 {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
transition: color var(--custom-button-transition-duration) ease,background-color var(--custom-button-transition-duration) ease,border-color var(--custom-button-transition-duration) ease
|
|
}
|
|
|
|
.lookBlank__201d5 {
|
|
background: transparent;
|
|
border: 0;
|
|
color: currentColor;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.sizeTiny__201d5 {
|
|
height: var(--custom-button-button-tn-height);
|
|
min-height: var(--custom-button-button-tn-height);
|
|
min-width: var(--custom-button-button-tn-width);
|
|
width: var(--custom-button-button-tn-width)
|
|
}
|
|
|
|
.sizeSmall__201d5 {
|
|
height: 32px;
|
|
line-height: 18px;
|
|
min-height: 32px;
|
|
min-width: 60px;
|
|
padding: calc(var(--space-4) - 1px) calc(var(--space-12) - 1px);
|
|
width: 60px
|
|
}
|
|
|
|
.sizeMedium__201d5 {
|
|
font-size: 16px;
|
|
height: 40px;
|
|
line-height: 18px;
|
|
min-height: 40px;
|
|
min-width: 100px;
|
|
padding: calc(var(--space-8) - 1px) calc(var(--space-16) - 1px);
|
|
width: 100px
|
|
}
|
|
|
|
.sizeLarge__201d5 {
|
|
height: var(--custom-button-button-lg-height);
|
|
min-height: var(--custom-button-button-lg-height);
|
|
min-width: var(--custom-button-button-lg-width);
|
|
width: var(--custom-button-button-lg-width)
|
|
}
|
|
|
|
.sizeMin__201d5 {
|
|
display: inline;
|
|
height: auto;
|
|
padding: 0 4px;
|
|
width: auto
|
|
}
|
|
|
|
.sizeMax__201d5 {
|
|
font-size: 16px;
|
|
height: 100%;
|
|
min-height: 100%;
|
|
min-width: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.sizeIcon__201d5 {
|
|
height: auto;
|
|
padding: 4px
|
|
}
|
|
|
|
.grow__201d5,.sizeIcon__201d5 {
|
|
width: auto
|
|
}
|
|
|
|
.fullWidth__201d5 {
|
|
width: 100%
|
|
}
|
|
|
|
.submitting__201d5 {
|
|
pointer-events: none
|
|
}
|
|
|
|
.lookFilled__201d5 .contents__201d5,.lookLink__201d5 .contents__201d5,.lookOutlined__201d5 .contents__201d5 {
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.lookLink__201d5 {
|
|
}
|
|
|
|
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
|
|
.lookFilled__201d5 .contents__201d5,.lookLink__201d5 .contents__201d5,.lookOutlined__201d5 .contents__201d5 {
|
|
margin: 0
|
|
}
|
|
}
|
|
|
|
.submitting__201d5 .contents__201d5 {
|
|
visibility: hidden
|
|
}
|
|
|
|
.spinner__201d5 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
justify-content: center;
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.disabledButtonWrapper__201d5 {
|
|
display: inline-block;
|
|
padding: 0;
|
|
position: relative
|
|
}
|
|
|
|
.disabledButtonWrapper__201d5 .button__201d5.grow__201d5 {
|
|
width: 100%
|
|
}
|
|
|
|
.disabledButtonOverlay__201d5 {
|
|
cursor: not-allowed;
|
|
inset: 0;
|
|
position: absolute;
|
|
z-index: 9
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5,.enable-forced-colors.theme-light .button__201d5 {
|
|
background-color: ButtonFace;
|
|
transition: none
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5 .contents__201d5,.enable-forced-colors.theme-light .button__201d5 .contents__201d5 {
|
|
color: ButtonText;
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5 .contents__201d5 svg,.enable-forced-colors.theme-light .button__201d5 .contents__201d5 svg {
|
|
color: currentColor
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5:hover,.enable-forced-colors.theme-light .button__201d5:hover {
|
|
background-color: ButtonFace
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5:hover .contents__201d5,.enable-forced-colors.theme-light .button__201d5:hover .contents__201d5 {
|
|
color: ButtonText;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5:disabled,.enable-forced-colors.theme-dark .button__201d5[aria-disabled=true],.enable-forced-colors.theme-light .button__201d5:disabled,.enable-forced-colors.theme-light .button__201d5[aria-disabled=true] {
|
|
background-color: Canvas;
|
|
border-color: GrayText!important;
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5:disabled .contents__201d5,.enable-forced-colors.theme-dark .button__201d5[aria-disabled=true] .contents__201d5,.enable-forced-colors.theme-light .button__201d5:disabled .contents__201d5,.enable-forced-colors.theme-light .button__201d5[aria-disabled=true] .contents__201d5 {
|
|
color: GrayText
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5.lookLink__201d5 .contents__201d5,.enable-forced-colors.theme-light .button__201d5.lookLink__201d5 .contents__201d5 {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not(:disabled),.enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not([aria-disabled=true]),.enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not(:disabled),.enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not([aria-disabled=true]) {
|
|
background-color: Canvas
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not(:disabled) .contents__201d5,.enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not([aria-disabled=true]) .contents__201d5,.enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not(:disabled) .contents__201d5,.enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not([aria-disabled=true]) .contents__201d5 {
|
|
color: LinkText
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not(:disabled):hover,.enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not([aria-disabled=true]):hover,.enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not(:disabled):hover,.enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not([aria-disabled=true]):hover {
|
|
background-color: Canvas
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not(:disabled):hover .contents__201d5,.enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not([aria-disabled=true]):hover .contents__201d5,.enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not(:disabled):hover .contents__201d5,.enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not([aria-disabled=true]):hover .contents__201d5 {
|
|
color: LinkText
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5,.enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5,.enable-forced-colors.theme-light .button__201d5.lookFilled__201d5,.enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5 {
|
|
border-style: solid;
|
|
border-width: 1px
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5:not(:disabled),.enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5:not([aria-disabled=true]),.enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5:not(:disabled),.enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5:not([aria-disabled=true]),.enable-forced-colors.theme-light .button__201d5.lookFilled__201d5:not(:disabled),.enable-forced-colors.theme-light .button__201d5.lookFilled__201d5:not([aria-disabled=true]),.enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5:not(:disabled),.enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5:not([aria-disabled=true]) {
|
|
border-color: CanvasText!important
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5:not(:disabled):hover,.enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5:not([aria-disabled=true]):hover,.enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5:not(:disabled):hover,.enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5:not([aria-disabled=true]):hover,.enable-forced-colors.theme-light .button__201d5.lookFilled__201d5:not(:disabled):hover,.enable-forced-colors.theme-light .button__201d5.lookFilled__201d5:not([aria-disabled=true]):hover,.enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5:not(:disabled):hover,.enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5:not([aria-disabled=true]):hover {
|
|
border-color: ButtonText!important
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5:active,.enable-forced-colors.theme-dark .button__201d5[aria-expanded=true],.enable-forced-colors.theme-dark .button__201d5[aria-selected=true],.enable-forced-colors.theme-light .button__201d5:active,.enable-forced-colors.theme-light .button__201d5[aria-expanded=true],.enable-forced-colors.theme-light .button__201d5[aria-selected=true] {
|
|
background-color: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5:active .contents__201d5,.enable-forced-colors.theme-dark .button__201d5[aria-expanded=true] .contents__201d5,.enable-forced-colors.theme-dark .button__201d5[aria-selected=true] .contents__201d5,.enable-forced-colors.theme-light .button__201d5:active .contents__201d5,.enable-forced-colors.theme-light .button__201d5[aria-expanded=true] .contents__201d5,.enable-forced-colors.theme-light .button__201d5[aria-selected=true] .contents__201d5 {
|
|
color: Highlight;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5:active:hover,.enable-forced-colors.theme-dark .button__201d5[aria-expanded=true]:hover,.enable-forced-colors.theme-dark .button__201d5[aria-selected=true]:hover,.enable-forced-colors.theme-light .button__201d5:active:hover,.enable-forced-colors.theme-light .button__201d5[aria-expanded=true]:hover,.enable-forced-colors.theme-light .button__201d5[aria-selected=true]:hover {
|
|
background-color: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5:active:hover .contents__201d5,.enable-forced-colors.theme-dark .button__201d5[aria-expanded=true]:hover .contents__201d5,.enable-forced-colors.theme-dark .button__201d5[aria-selected=true]:hover .contents__201d5,.enable-forced-colors.theme-light .button__201d5:active:hover .contents__201d5,.enable-forced-colors.theme-light .button__201d5[aria-expanded=true]:hover .contents__201d5,.enable-forced-colors.theme-light .button__201d5[aria-selected=true]:hover .contents__201d5 {
|
|
color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5:active,.enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5[aria-expanded=true],.enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5[aria-selected=true],.enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5:active,.enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5[aria-expanded=true],.enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5[aria-selected=true],.enable-forced-colors.theme-light .button__201d5.lookFilled__201d5:active,.enable-forced-colors.theme-light .button__201d5.lookFilled__201d5[aria-expanded=true],.enable-forced-colors.theme-light .button__201d5.lookFilled__201d5[aria-selected=true],.enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5:active,.enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5[aria-expanded=true],.enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5[aria-selected=true] {
|
|
border-color: Highlight!important
|
|
}
|
|
|
|
.lookLink__201d5.colorPrimary__201d5 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.images-light .lookLink__201d5.colorPrimary__201d5:disabled .contents__201d5,.images-light .lookLink__201d5.colorPrimary__201d5[aria-disabled=true] .contents__201d5 {
|
|
background-image: none
|
|
}
|
|
|
|
.images-dark .lookLink__201d5.colorPrimary__201d5:disabled .contents__201d5,.images-dark .lookLink__201d5.colorPrimary__201d5[aria-disabled=true] .contents__201d5 {
|
|
background-image: none
|
|
}
|
|
|
|
.lookOutlined__201d5.colorTransparent__201d5 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.lookOutlined__201d5.colorTransparent__201d5:disabled,.lookOutlined__201d5.colorTransparent__201d5[aria-disabled=true] {
|
|
background-color: transparent
|
|
}
|
|
|
|
.lookLink__201d5.colorTransparent__201d5 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.lookLink__201d5.sizeMin__201d5 .contents__201d5 {
|
|
display: inline
|
|
}
|
|
|
|
&.theme-dark .lookLink__201d5.colorLink__201d5,&.theme-dark .lookLink__201d5.colorPrimary__201d5 {
|
|
color: var(--brand-360)
|
|
}
|
|
|
|
&.theme-dark .lookLink__201d5.colorLink__201d5:hover .contents__201d5,&.theme-dark .lookLink__201d5.colorPrimary__201d5:hover .contents__201d5 {
|
|
--button--underline-color: var(--brand-360)
|
|
}
|
|
|
|
.lookBlank__201d5,.lookLink__201d5 {
|
|
border: none
|
|
}
|
|
|
|
.inputWrapper__0ed4f {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.input__0ed4f {
|
|
background-color: var(--input-background-default);
|
|
border: 1px solid var(--input-border-default);
|
|
border-radius: 8px;
|
|
box-sizing: border-box;
|
|
color: var(--text-default);
|
|
font-size: 16px;
|
|
height: 44px;
|
|
padding: 12px 10px;
|
|
transition: border-color .2s ease-in-out;
|
|
width: 100%
|
|
}
|
|
|
|
.input__0ed4f::-moz-placeholder {
|
|
color: var(--input-placeholder-text-default);
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.input__0ed4f::placeholder {
|
|
color: var(--input-placeholder-text-default);
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.input__0ed4f:hover {
|
|
border-color: var(--input-border-hover)
|
|
}
|
|
|
|
.input__0ed4f.focused__0ed4f,.input__0ed4f:focus {
|
|
border-color: var(--text-link)
|
|
}
|
|
|
|
.input__0ed4f.error__0ed4f {
|
|
border-color: var(--text-feedback-critical);
|
|
border-width: 2px;
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.input__0ed4f.success__0ed4f {
|
|
border-color: var(--green-360)
|
|
}
|
|
|
|
.input__0ed4f.disabled__0ed4f {
|
|
border-color: var(--input-border-default);
|
|
cursor: not-allowed;
|
|
opacity: 1
|
|
}
|
|
|
|
.input__0ed4f.editable__0ed4f {
|
|
background-color: transparent;
|
|
border-color: transparent
|
|
}
|
|
|
|
.input__0ed4f:hover,.input__0ed4f[readonly] {
|
|
border: 1px solid var(--input-border-default)
|
|
}
|
|
|
|
.input__0ed4f:not([readOnly]).focused__0ed4f,.input__0ed4f:not([readOnly]).focused__0ed4f:hover,.input__0ed4f:not([readOnly]):focus,.input__0ed4f:not([readOnly]):focus:hover {
|
|
border-color: var(--text-link)
|
|
}
|
|
|
|
.disabled__0ed4f {
|
|
cursor: not-allowed;
|
|
opacity: .5;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.focused__0ed4f {
|
|
border-color: var(--brand-500);
|
|
opacity: 1
|
|
}
|
|
|
|
.inputPrefix__0ed4f {
|
|
color: var(--text-muted);
|
|
font-size: 16px;
|
|
height: 40px;
|
|
line-height: normal;
|
|
padding-top: 10px;
|
|
padding-inline-start:20px;position: absolute;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.theme-dark .inputPrefix__0ed4f {
|
|
opacity: .5
|
|
}
|
|
|
|
.enable-forced-colors .input__0ed4f {
|
|
border: 1px solid ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .input__0ed4f:focus {
|
|
border-color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .input__0ed4f.disabled__0ed4f {
|
|
background-color: Canvas;
|
|
border-color: GrayText;
|
|
opacity: 1
|
|
}
|
|
|
|
.inputError__0ed4f {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.heading-sm\/normal__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/normal__5a092.fontScaling__5a092 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/medium__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/medium__5a092.fontScaling__5a092 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/semibold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/semibold__5a092.fontScaling__5a092 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/bold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/bold__5a092.fontScaling__5a092 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/extrabold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 800;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/extrabold__5a092.fontScaling__5a092 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-md\/normal__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/normal__5a092.fontScaling__5a092 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/medium__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/medium__5a092.fontScaling__5a092 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/semibold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/semibold__5a092.fontScaling__5a092 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/bold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/bold__5a092.fontScaling__5a092 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/extrabold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/extrabold__5a092.fontScaling__5a092 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-lg\/normal__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/normal__5a092.fontScaling__5a092 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/medium__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/medium__5a092.fontScaling__5a092 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/semibold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/semibold__5a092.fontScaling__5a092 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/bold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/bold__5a092.fontScaling__5a092 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/extrabold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/extrabold__5a092.fontScaling__5a092 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-xl\/normal__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/normal__5a092.fontScaling__5a092 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/medium__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/medium__5a092.fontScaling__5a092 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/semibold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/semibold__5a092.fontScaling__5a092 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/bold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/bold__5a092.fontScaling__5a092 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/extrabold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/extrabold__5a092.fontScaling__5a092 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xxl\/normal__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/normal__5a092.fontScaling__5a092 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/medium__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/medium__5a092.fontScaling__5a092 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/semibold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/semibold__5a092.fontScaling__5a092 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/bold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/bold__5a092.fontScaling__5a092 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/extrabold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/extrabold__5a092.fontScaling__5a092 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.eyebrow__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: .02em;
|
|
line-height: 1.3333333333333333;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.eyebrow__5a092.fontScaling__5a092 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/normal__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/normal__5a092.fontScaling__5a092 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/medium__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/medium__5a092.fontScaling__5a092 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold__5a092.fontScaling__5a092 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/bold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/bold__5a092.fontScaling__5a092 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold__5a092.fontScaling__5a092 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.redesign\/heading-18\/bold__5a092 {
|
|
font-family: var(--font-display);
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/heading-18\/bold__5a092.fontScaling__5a092 {
|
|
font-size: 1.125rem
|
|
}
|
|
|
|
.text-xxs\/normal__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/normal__5a092.fontScaling__5a092 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/medium__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/medium__5a092.fontScaling__5a092 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/semibold__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/semibold__5a092.fontScaling__5a092 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/bold__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/bold__5a092.fontScaling__5a092 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xs\/normal__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/normal__5a092.fontScaling__5a092 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/medium__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/medium__5a092.fontScaling__5a092 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/semibold__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/semibold__5a092.fontScaling__5a092 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/bold__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/bold__5a092.fontScaling__5a092 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-sm\/normal__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/normal__5a092.fontScaling__5a092 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/medium__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/medium__5a092.fontScaling__5a092 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/semibold__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/semibold__5a092.fontScaling__5a092 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/bold__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/bold__5a092.fontScaling__5a092 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-md\/normal__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/normal__5a092.fontScaling__5a092 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/medium__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/medium__5a092.fontScaling__5a092 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/semibold__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/semibold__5a092.fontScaling__5a092 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/bold__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/bold__5a092.fontScaling__5a092 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-lg\/normal__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/normal__5a092.fontScaling__5a092 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/medium__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/medium__5a092.fontScaling__5a092 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/semibold__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/semibold__5a092.fontScaling__5a092 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/bold__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/bold__5a092.fontScaling__5a092 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.redesign\/message-preview\/normal__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/normal__5a092.fontScaling__5a092 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/medium__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/medium__5a092.fontScaling__5a092 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold__5a092.fontScaling__5a092 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/bold__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/bold__5a092.fontScaling__5a092 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/channel-title\/normal__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/normal__5a092.fontScaling__5a092 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/medium__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/medium__5a092.fontScaling__5a092 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold__5a092.fontScaling__5a092 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/bold__5a092 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/bold__5a092.fontScaling__5a092 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.display-sm__5a092 {
|
|
font-family: var(--font-headline);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1
|
|
}
|
|
|
|
.display-sm__5a092.fontScaling__5a092 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.display-md__5a092 {
|
|
font-family: var(--font-headline);
|
|
font-size: 34px;
|
|
font-weight: 800;
|
|
line-height: 1.0588235294117647
|
|
}
|
|
|
|
.display-md__5a092.fontScaling__5a092 {
|
|
font-size: 2.125rem
|
|
}
|
|
|
|
.display-lg__5a092 {
|
|
font-family: var(--font-headline);
|
|
font-size: 44px;
|
|
font-weight: 800;
|
|
line-height: .9545454545454546
|
|
}
|
|
|
|
.display-lg__5a092.fontScaling__5a092 {
|
|
font-size: 2.75rem
|
|
}
|
|
|
|
.code__5a092 {
|
|
font-family: var(--font-code);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.code__5a092.fontScaling__5a092 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.wrapper__5a092 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.textArea__5a092 {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background-color: transparent;
|
|
border: none;
|
|
color: inherit;
|
|
font-size: inherit;
|
|
height: auto;
|
|
padding: var(--space-12) 10px;
|
|
resize: none;
|
|
width: 100%
|
|
}
|
|
|
|
.textArea__5a092:disabled {
|
|
cursor: not-allowed;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.textArea__5a092::-moz-placeholder {
|
|
color: var(--input-placeholder-text-default);
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.textArea__5a092::placeholder {
|
|
color: var(--input-placeholder-text-default);
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.resizeable__5a092 {
|
|
resize: auto
|
|
}
|
|
|
|
.inputMaxLength__5a092 {
|
|
position: relative
|
|
}
|
|
|
|
.flex__5a092 {
|
|
display: flex;
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.characterCount__5a092,.maxLength__5a092 {
|
|
bottom: 12px;
|
|
color: var(--text-muted);
|
|
font-family: var(--font-code);
|
|
font-size: 12px;
|
|
inset-inline-end: 14px;
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.errorOverflow__5a092 {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.errorMessage__5a092 {
|
|
margin-top: 1px
|
|
}
|
|
|
|
.scrollbar__506b3::-webkit-scrollbar-corner {
|
|
background: none;
|
|
border: none
|
|
}
|
|
|
|
.scrollbarDefault__506b3 {
|
|
}
|
|
|
|
.scrollbarDefault__506b3::-webkit-scrollbar {
|
|
height: var(--custom-scrollbar-scrollbar-width);
|
|
width: var(--custom-scrollbar-scrollbar-width)
|
|
}
|
|
|
|
.scrollbarDefault__506b3::-webkit-scrollbar-thumb,.scrollbarDefault__506b3::-webkit-scrollbar-track {
|
|
background-clip: padding-box;
|
|
border-color: transparent;
|
|
border-radius: var(--custom-scrollbar-border-radius);
|
|
border-style: solid;
|
|
border-width: var(--custom-scrollbar-scrollbar-margin)
|
|
}
|
|
|
|
.scrollbarDefault__506b3::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-auto-thumb)
|
|
}
|
|
|
|
.scrollbarDefault__506b3::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-auto-track);
|
|
border-width: initial
|
|
}
|
|
|
|
.scrollbarGhost__506b3 {
|
|
}
|
|
|
|
.scrollbarGhost__506b3::-webkit-scrollbar {
|
|
height: var(--custom-scrollbar-scrollbar-width);
|
|
width: var(--custom-scrollbar-scrollbar-width)
|
|
}
|
|
|
|
.scrollbarGhost__506b3::-webkit-scrollbar-thumb,.scrollbarGhost__506b3::-webkit-scrollbar-track {
|
|
background-clip: padding-box;
|
|
border-radius: var(--custom-scrollbar-border-radius);
|
|
border-style: solid;
|
|
border-width: var(--custom-scrollbar-scrollbar-margin)
|
|
}
|
|
|
|
.scrollbarGhost__506b3::-webkit-scrollbar-thumb {
|
|
background-color: var(--opacity-black-40);
|
|
border-color: transparent
|
|
}
|
|
|
|
.scrollbarGhost__506b3::-webkit-scrollbar-track {
|
|
background-color: var(--opacity-black-8);
|
|
border-color: transparent;
|
|
border-width: initial
|
|
}
|
|
|
|
.scrollbarGhostHairline__506b3 {
|
|
}
|
|
|
|
.scrollbarGhostHairline__506b3::-webkit-scrollbar {
|
|
height: 4px;
|
|
width: 4px
|
|
}
|
|
|
|
.scrollbarGhostHairline__506b3::-webkit-scrollbar-thumb {
|
|
background-color: hsl(var(--primary-800-hsl)/.6);
|
|
border-radius: 2px;
|
|
cursor: move
|
|
}
|
|
|
|
.scrollbarGhostHairline__506b3::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
border: none
|
|
}
|
|
|
|
.enable-forced-colors .scrollbar__506b3::-webkit-scrollbar-track {
|
|
background-color: Canvas;
|
|
border-radius: 0;
|
|
border-width: 1px
|
|
}
|
|
|
|
.enable-forced-colors .scrollbar__506b3::-webkit-scrollbar-thumb {
|
|
background-color: CanvasText;
|
|
border-width: 1px
|
|
}
|
|
|
|
@keyframes spin3d {
|
|
0% {
|
|
transform: rotateY(0deg) rotateX(0deg)
|
|
}
|
|
|
|
25% {
|
|
transform: rotateY(90deg) rotateX(15deg)
|
|
}
|
|
|
|
50% {
|
|
transform: rotateY(180deg) rotateX(0deg)
|
|
}
|
|
|
|
75% {
|
|
transform: rotateY(270deg) rotateX(-15deg)
|
|
}
|
|
|
|
to {
|
|
transform: rotateY(1turn) rotateX(0deg)
|
|
}
|
|
}
|
|
|
|
@keyframes rainbowSlide {
|
|
0% {
|
|
background-position: 0 50%
|
|
}
|
|
|
|
to {
|
|
background-position: 200% 50%
|
|
}
|
|
}
|
|
|
|
.dynamicGraphicDemoContainer {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
perspective: 1000px;
|
|
width: 100%
|
|
}
|
|
|
|
.dynamicGraphicDemoText {
|
|
background: linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red);
|
|
-webkit-background-clip: text;
|
|
background-size: 200% 100%;
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,.3),4px 4px 8px rgba(0,0,0,.2);
|
|
-webkit-text-fill-color: transparent;
|
|
animation: spin3d 5s linear infinite,rainbowSlide 1.5s linear infinite;
|
|
background-clip: text
|
|
}
|
|
|
|
.group__3d4a0,.item__3d4a0 {
|
|
box-sizing: border-box;
|
|
display: flex
|
|
}
|
|
|
|
.item__3d4a0 {
|
|
align-items: center;
|
|
background: transparent;
|
|
border-style: solid;
|
|
border-width: 1px 1px 1px 0;
|
|
cursor: pointer;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.item__3d4a0:first-child {
|
|
border-left-width: 1px;
|
|
border-radius: 3px 0 0 3px
|
|
}
|
|
|
|
.item__3d4a0:last-child {
|
|
border-radius: 0 3px 3px 0
|
|
}
|
|
|
|
.item__3d4a0:disabled {
|
|
cursor: not-allowed;
|
|
opacity: .3
|
|
}
|
|
|
|
.theme-light .item__3d4a0 {
|
|
border-color: var(--primary-200)
|
|
}
|
|
|
|
.theme-dark .item__3d4a0 {
|
|
border-color: var(--primary-800)
|
|
}
|
|
|
|
.textArea__89a34 {
|
|
height: auto;
|
|
resize: none
|
|
}
|
|
|
|
.resizeable__89a34 {
|
|
resize: auto
|
|
}
|
|
|
|
.inputMaxLength__89a34 {
|
|
position: relative
|
|
}
|
|
|
|
.flex__89a34 {
|
|
display: flex;
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.characterCount__89a34,.maxLength__89a34 {
|
|
bottom: 12px;
|
|
color: var(--text-muted);
|
|
font-family: var(--font-code);
|
|
font-size: 12px;
|
|
inset-inline-end: 14px;
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.errorOverflow__89a34 {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.errorMessage__89a34 {
|
|
margin-top: 1px
|
|
}
|
|
|
|
.allChips_ff7bda {
|
|
gap: var(--space-32);
|
|
padding: var(--space-24)
|
|
}
|
|
|
|
.allChips_ff7bda,.section_ff7bda {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.section_ff7bda {
|
|
gap: var(--space-16)
|
|
}
|
|
|
|
.sectionTitle_ff7bda {
|
|
color: var(--text-strong);
|
|
font-weight: var(--font-weight-semibold);
|
|
margin: 0
|
|
}
|
|
|
|
.chipGrid_ff7bda {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--space-12)
|
|
}
|
|
|
|
.card__73069 {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
position: relative;
|
|
--__card-accent-color: transparent;
|
|
border-color: var(--__card-accent-color);
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.card__73069:not(.outline__73069) {
|
|
background-color: var(--__card-accent-color)
|
|
}
|
|
|
|
.card__73069 a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.cardBrand__73069 a,.cardDanger__73069 a,.cardSuccess__73069 a,.cardWarning__73069 a {
|
|
font-weight: var(--font-weight-bold)
|
|
}
|
|
|
|
.cardDanger__73069 {
|
|
--__card-accent-color: var(--background-feedback-critical);
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.cardWarning__73069 {
|
|
--__card-accent-color: var(--background-feedback-warning);
|
|
color: var(--text-feedback-warning)
|
|
}
|
|
|
|
.cardSuccess__73069 {
|
|
--__card-accent-color: var(--background-feedback-positive);
|
|
color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.cardBrand__73069 {
|
|
--__card-accent-color: var(--brand-500)
|
|
}
|
|
|
|
.cardBrand__73069,.cardPrimary__73069,.cardPrimaryEditable__73069,.cardPrimaryOutline__73069,.cardPrimaryOutlineEditable__73069 {
|
|
}
|
|
|
|
.card__73069 a {
|
|
color: var(--text-link)
|
|
}
|
|
|
|
.cardBrand__73069 a,.cardDanger__73069 a,.cardSuccess__73069 a,.cardWarning__73069 a {
|
|
color: var(--white)
|
|
}
|
|
|
|
.cardPrimary__73069,.cardPrimary__73069.editable__73069 {
|
|
--__card-accent-color: var(--card-background-default);
|
|
background-color: var(--card-background-default);
|
|
border: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.flex__7c0ba,.horizontal__7c0ba {
|
|
display: flex
|
|
}
|
|
|
|
.horizontal__7c0ba {
|
|
flex-direction: row
|
|
}
|
|
|
|
.horizontalReverse__7c0ba {
|
|
display: flex;
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
.horizontal__7c0ba>.flex__7c0ba,.horizontal__7c0ba>.flexChild__7c0ba {
|
|
margin-inline:10px}
|
|
|
|
.horizontal__7c0ba>.flex__7c0ba:first-child,.horizontal__7c0ba>.flexChild__7c0ba:first-child {
|
|
margin-inline-start:0}
|
|
|
|
.horizontal__7c0ba>.flex__7c0ba:last-child,.horizontal__7c0ba>.flexChild__7c0ba:last-child {
|
|
margin-inline-end:0}
|
|
|
|
.horizontalReverse__7c0ba>.flex__7c0ba,.horizontalReverse__7c0ba>.flexChild__7c0ba {
|
|
margin-inline:10px}
|
|
|
|
.horizontalReverse__7c0ba>.flex__7c0ba:first-child,.horizontalReverse__7c0ba>.flexChild__7c0ba:first-child {
|
|
margin-inline-end:0}
|
|
|
|
.horizontalReverse__7c0ba>.flex__7c0ba:last-child,.horizontalReverse__7c0ba>.flexChild__7c0ba:last-child {
|
|
margin-inline-start:0}
|
|
|
|
.horizontal__7c0ba>.flexMarginReset__7c0ba {
|
|
margin: 0
|
|
}
|
|
|
|
.flex_abf706 {
|
|
display: flex
|
|
}
|
|
|
|
.alignStart_abf706 {
|
|
align-items: flex-start
|
|
}
|
|
|
|
.alignEnd_abf706 {
|
|
align-items: flex-end
|
|
}
|
|
|
|
.alignCenter_abf706 {
|
|
align-items: center
|
|
}
|
|
|
|
.alignStretch_abf706 {
|
|
align-items: stretch
|
|
}
|
|
|
|
.alignBaseline_abf706 {
|
|
align-items: baseline
|
|
}
|
|
|
|
.justifyStart_abf706 {
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.justifyEnd_abf706 {
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.justifyCenter_abf706 {
|
|
justify-content: center
|
|
}
|
|
|
|
.justifyAround_abf706 {
|
|
justify-content: space-around
|
|
}
|
|
|
|
.justifyBetween_abf706 {
|
|
justify-content: space-between
|
|
}
|
|
|
|
.noWrap_abf706 {
|
|
flex-wrap: nowrap
|
|
}
|
|
|
|
.wrap_abf706 {
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.wrapReverse_abf706 {
|
|
flex-wrap: wrap-reverse
|
|
}
|
|
|
|
.directionRow_abf706 {
|
|
flex-direction: row
|
|
}
|
|
|
|
.directionRowReverse_abf706 {
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
.directionColumn_abf706 {
|
|
flex-direction: column
|
|
}
|
|
|
|
.spacer_abf706 {
|
|
flex: 1;
|
|
overflow: hidden
|
|
}
|
|
|
|
.vertical_abf706 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.horizontal_abf706 {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.horizontalReverse_abf706 {
|
|
display: flex;
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
.horizontal_abf706>.spacer_abf706,.horizontalReverse_abf706>.spacer_abf706,.vertical_abf706>.spacer_abf706 {
|
|
min-height: 1px
|
|
}
|
|
|
|
.flexCenter_abf706 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.formText_ddd181 a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.formText_ddd181 strong {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.default_ddd181,.labelDescriptor_ddd181,.labelSelected_ddd181,.placeholder_ddd181 {
|
|
}
|
|
|
|
.labelSelected_ddd181 {
|
|
font-weight: var(--font-weight-normal)
|
|
}
|
|
|
|
@media (-webkit-max-device-pixel-ratio: 1) {
|
|
.theme-light .labelSelected_ddd181 {
|
|
font-weight:var(--font-weight-medium)
|
|
}
|
|
}
|
|
|
|
.labelBold_ddd181 {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.description_ddd181 {
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-normal);
|
|
line-height: 20px
|
|
}
|
|
|
|
@media (-webkit-max-device-pixel-ratio: 1) {
|
|
.theme-light .description_ddd181 {
|
|
font-weight:var(--font-weight-medium)
|
|
}
|
|
}
|
|
|
|
.modeDefault_ddd181 {
|
|
cursor: default
|
|
}
|
|
|
|
.modeSelectable_ddd181 {
|
|
cursor: text;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.modeDisabled_ddd181 {
|
|
cursor: not-allowed;
|
|
opacity: .3
|
|
}
|
|
|
|
.description_ddd181,.labelDescriptor_ddd181 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.placeholder_ddd181 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.error_ddd181 {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.error_ddd181,.success_ddd181 {
|
|
}
|
|
|
|
.success_ddd181 {
|
|
color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.enable-forced-colors .modeDisabled_ddd181 {
|
|
color: GrayText;
|
|
opacity: 1
|
|
}
|
|
|
|
.heading-sm\/normal_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/normal_b717a1.fontScaling_b717a1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/medium_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/medium_b717a1.fontScaling_b717a1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/semibold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/semibold_b717a1.fontScaling_b717a1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/bold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/bold_b717a1.fontScaling_b717a1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/extrabold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 800;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/extrabold_b717a1.fontScaling_b717a1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-md\/normal_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/normal_b717a1.fontScaling_b717a1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/medium_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/medium_b717a1.fontScaling_b717a1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/semibold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/semibold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/bold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/bold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/extrabold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/extrabold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-lg\/normal_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/normal_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/medium_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/medium_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/semibold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/semibold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/bold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/bold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/extrabold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/extrabold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-xl\/normal_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/normal_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/medium_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/medium_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/semibold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/semibold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/bold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/bold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/extrabold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/extrabold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xxl\/normal_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/normal_b717a1.fontScaling_b717a1 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/medium_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/medium_b717a1.fontScaling_b717a1 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/semibold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/semibold_b717a1.fontScaling_b717a1 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/bold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/bold_b717a1.fontScaling_b717a1 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/extrabold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/extrabold_b717a1.fontScaling_b717a1 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.eyebrow_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: .02em;
|
|
line-height: 1.3333333333333333;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.eyebrow_b717a1.fontScaling_b717a1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/normal_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/normal_b717a1.fontScaling_b717a1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/medium_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/medium_b717a1.fontScaling_b717a1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold_b717a1.fontScaling_b717a1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/bold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/bold_b717a1.fontScaling_b717a1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold_b717a1.fontScaling_b717a1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.redesign\/heading-18\/bold_b717a1 {
|
|
font-family: var(--font-display);
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/heading-18\/bold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.125rem
|
|
}
|
|
|
|
.text-xxs\/normal_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/normal_b717a1.fontScaling_b717a1 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/medium_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/medium_b717a1.fontScaling_b717a1 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/semibold_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/semibold_b717a1.fontScaling_b717a1 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/bold_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/bold_b717a1.fontScaling_b717a1 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xs\/normal_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/normal_b717a1.fontScaling_b717a1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/medium_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/medium_b717a1.fontScaling_b717a1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/semibold_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/semibold_b717a1.fontScaling_b717a1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/bold_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/bold_b717a1.fontScaling_b717a1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-sm\/normal_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/normal_b717a1.fontScaling_b717a1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/medium_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/medium_b717a1.fontScaling_b717a1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/semibold_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/semibold_b717a1.fontScaling_b717a1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/bold_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/bold_b717a1.fontScaling_b717a1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-md\/normal_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/normal_b717a1.fontScaling_b717a1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/medium_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/medium_b717a1.fontScaling_b717a1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/semibold_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/semibold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/bold_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/bold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-lg\/normal_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/normal_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/medium_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/medium_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/semibold_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/semibold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/bold_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/bold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.redesign\/message-preview\/normal_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/normal_b717a1.fontScaling_b717a1 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/medium_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/medium_b717a1.fontScaling_b717a1 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold_b717a1.fontScaling_b717a1 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/bold_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/bold_b717a1.fontScaling_b717a1 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/channel-title\/normal_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/normal_b717a1.fontScaling_b717a1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/medium_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/medium_b717a1.fontScaling_b717a1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/bold_b717a1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/bold_b717a1.fontScaling_b717a1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.display-sm_b717a1 {
|
|
font-family: var(--font-headline);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1
|
|
}
|
|
|
|
.display-sm_b717a1.fontScaling_b717a1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.display-md_b717a1 {
|
|
font-family: var(--font-headline);
|
|
font-size: 34px;
|
|
font-weight: 800;
|
|
line-height: 1.0588235294117647
|
|
}
|
|
|
|
.display-md_b717a1.fontScaling_b717a1 {
|
|
font-size: 2.125rem
|
|
}
|
|
|
|
.display-lg_b717a1 {
|
|
font-family: var(--font-headline);
|
|
font-size: 44px;
|
|
font-weight: 800;
|
|
line-height: .9545454545454546
|
|
}
|
|
|
|
.display-lg_b717a1.fontScaling_b717a1 {
|
|
font-size: 2.75rem
|
|
}
|
|
|
|
.code_b717a1 {
|
|
font-family: var(--font-code);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.code_b717a1.fontScaling_b717a1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.title_b717a1 {
|
|
cursor: default;
|
|
flex: 1;
|
|
font-family: var(--font-display)
|
|
}
|
|
|
|
.h1_b717a1 {
|
|
font-size: 20px;
|
|
line-height: 24px
|
|
}
|
|
|
|
.h1_b717a1,.h2_b717a1 {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.h2_b717a1 {
|
|
font-size: 16px;
|
|
line-height: 20px
|
|
}
|
|
|
|
.h3_b717a1 {
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 24px
|
|
}
|
|
|
|
.h3_b717a1,.h4_b717a1 {
|
|
font-size: 16px
|
|
}
|
|
|
|
.h4_b717a1 {
|
|
font-weight: var(--font-weight-semibold);
|
|
letter-spacing: .3px
|
|
}
|
|
|
|
.h4_b717a1,.h5_b717a1,.legend_b717a1 {
|
|
line-height: 20px
|
|
}
|
|
|
|
.h5_b717a1,.legend_b717a1 {
|
|
color: var(--text-strong);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
margin-bottom: 8px;
|
|
text-transform: unset
|
|
}
|
|
|
|
.defaultMarginh4_b717a1 {
|
|
margin-bottom: 0;
|
|
margin-top: 0
|
|
}
|
|
|
|
.defaultMarginh1_b717a1,.defaultMarginh2_b717a1 {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.defaultMarginh3_b717a1,.defaultMarginh5_b717a1,.defaultMarginlabel_b717a1,.defaultMarginlegend_b717a1 {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.disabled_b717a1 {
|
|
cursor: not-allowed;
|
|
opacity: .5
|
|
}
|
|
|
|
.required_b717a1 {
|
|
color: var(--text-feedback-critical);
|
|
padding-inline-start:4px}
|
|
|
|
.errorMessage_b717a1 {
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.errorSeparator_b717a1 {
|
|
padding-inline:4px}
|
|
|
|
.defaultColor_b717a1 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.label_b717a1,.legend_b717a1 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.label_b717a1 {
|
|
display: block
|
|
}
|
|
|
|
.faded_b717a1 {
|
|
opacity: .8
|
|
}
|
|
|
|
.error_b717a1 {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.enable-forced-colors .disabled_b717a1 {
|
|
color: GrayText;
|
|
opacity: 1
|
|
}
|
|
|
|
.formNotice_f43ba5 {
|
|
cursor: default;
|
|
padding: 20px
|
|
}
|
|
|
|
.formNoticeTitle_f43ba5 {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.formNoticeBody_f43ba5 p {
|
|
letter-spacing: -.39px;
|
|
margin: 0 0 12px
|
|
}
|
|
|
|
.formNoticeBody_f43ba5 p:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.formNoticeBody_f43ba5 u {
|
|
font-style: italic;
|
|
text-decoration: none
|
|
}
|
|
|
|
.icon_f43ba5 {
|
|
-webkit-user-drag: none
|
|
}
|
|
|
|
.whiteText_f43ba5,.whiteText_f43ba5 a {
|
|
color: unset
|
|
}
|
|
|
|
.layerRoot__7b917 {
|
|
min-height: 600px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.container__7b917 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
justify-content: center;
|
|
min-height: 400px;
|
|
padding: 32px
|
|
}
|
|
|
|
.notice__6e2b9 {
|
|
background: var(--custom-notice-background);
|
|
border-inline-start:1px solid var(--app-frame-border);border-radius: 8px 0 0;
|
|
border-top: 1px solid var(--app-frame-border);
|
|
box-shadow: none;
|
|
color: var(--custom-notice-text);
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 36px;
|
|
padding-inline:4px 28px;position: relative;
|
|
text-align: center;
|
|
z-index: 101
|
|
}
|
|
|
|
.notice__6e2b9 strong {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.notice__6e2b9.isMobile__6e2b9 {
|
|
line-height: 30px;
|
|
padding: 10px 20px
|
|
}
|
|
|
|
.notice__6e2b9 .button__6e2b9 {
|
|
border-color: var(--custom-notice-text)!important;
|
|
color: var(--custom-notice-text)!important
|
|
}
|
|
|
|
.notice__6e2b9 .button__6e2b9:hover {
|
|
background-color: var(--background-mod-subtle);
|
|
color: var(--custom-notice-button-hover)
|
|
}
|
|
|
|
.notice__6e2b9 .closeIcon__6e2b9 path {
|
|
fill: var(--custom-notice-text)
|
|
}
|
|
|
|
@supports not ((grid-template-columns: subgrid) and (white-space-collapse:collapse)) {
|
|
.notice__6e2b9 {
|
|
border-start-start-radius:0
|
|
}
|
|
}
|
|
|
|
@supports (grid-template-columns: subgrid) and (white-space-collapse:collapse) {
|
|
.notice__6e2b9 {
|
|
grid-area:notice
|
|
}
|
|
}
|
|
|
|
.colorDefault__6e2b9 {
|
|
--custom-notice-background: var(--status-positive-background);
|
|
--custom-notice-text: var(--status-positive-text);
|
|
--custom-notice-button-hover: var(--status-positive-background)
|
|
}
|
|
|
|
.colorNeutral__6e2b9 {
|
|
--custom-notice-background: var(--background-surface-high);
|
|
--custom-notice-text: var(--text-strong);
|
|
--custom-notice-button-hover: var(--control-secondary-background-hover)
|
|
}
|
|
|
|
.colorPremium__6e2b9 {
|
|
--custom-notice-text: var(--white)
|
|
}
|
|
|
|
.colorPremiumTier0__6e2b9 {
|
|
--custom-notice-background: linear-gradient(to left,var(--premium-tier-0-purple),var(--premium-tier-0-blue));
|
|
--custom-notice-button-hover: var(--brand-500)
|
|
}
|
|
|
|
.colorPremiumTier1__6e2b9 {
|
|
--custom-notice-background: linear-gradient(270deg,var(--premium-tier-1-blue-for-gradients) 0%,var(--premium-tier-1-dark-blue-for-gradients) 100%);
|
|
--custom-notice-button-hover: var(--brand-500)
|
|
}
|
|
|
|
.colorPremiumTier2__6e2b9 {
|
|
--custom-notice-background: linear-gradient(90deg,var(--premium-tier-2-purple-for-gradients) 0%,var(--premium-tier-2-purple-for-gradients-2) 50.24%,var(--premium-tier-2-pink-for-gradients) 100%);
|
|
--custom-notice-button-hover: var(--premium-tier-2-pink)
|
|
}
|
|
|
|
.colorInfo__6e2b9 {
|
|
--custom-notice-background: var(--notice-background-info);
|
|
--custom-notice-text: var(--notice-text-info);
|
|
--custom-notice-button-hover: var(--notice-text-info)
|
|
}
|
|
|
|
.colorSuccess__6e2b9 {
|
|
--custom-notice-background: var(--status-positive-background);
|
|
--custom-notice-text: var(--status-positive-text);
|
|
--custom-notice-button-hover: var(--text-feedback-positive)
|
|
}
|
|
|
|
.colorWarning__6e2b9 {
|
|
--custom-notice-background: var(--notice-background-warning);
|
|
--custom-notice-text: var(--notice-text-warning);
|
|
--custom-notice-button-hover: var(--notice-text-warning)
|
|
}
|
|
|
|
.colorWarning__6e2b9 .button__6e2b9 {
|
|
border-color: var(--status-warning-text)!important;
|
|
color: var(--status-warning-text)
|
|
}
|
|
|
|
.colorDanger__6e2b9 {
|
|
--custom-notice-background: var(--notice-background-critical);
|
|
--custom-notice-text: var(--notice-text-critical);
|
|
--custom-notice-button-hover: var(--notice-text-critical)
|
|
}
|
|
|
|
.colorDefault__6e2b9,.colorSuccess__6e2b9 {
|
|
--custom-notice-background: var(--notice-background-positive);
|
|
--custom-notice-text: var(--notice-text-positive);
|
|
--custom-notice-button-hover: var(--notice-text-positive)
|
|
}
|
|
|
|
.colorStreamerMode__6e2b9 {
|
|
--custom-notice-background: var(--twitch);
|
|
--custom-notice-text: var(--white);
|
|
--custom-notice-button-hover: var(--twitch)
|
|
}
|
|
|
|
.colorSpotify__6e2b9 {
|
|
--custom-notice-background: var(--spotify);
|
|
--custom-notice-text: var(--white);
|
|
--custom-notice-button-hover: var(--spotify);
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.colorSpotify__6e2b9 .platformIcon__6e2b9 {
|
|
height: 24px;
|
|
margin-top: 0;
|
|
width: 24px
|
|
}
|
|
|
|
.colorSpotify__6e2b9 .button__6e2b9 {
|
|
margin-inline-start:20px;top: 0
|
|
}
|
|
|
|
.colorPlayStation__6e2b9 {
|
|
--custom-notice-background: var(--playstation);
|
|
--custom-notice-text: var(--white);
|
|
--custom-notice-button-hover: var(--playstation);
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.colorPlayStation__6e2b9 .platformIcon__6e2b9 {
|
|
height: 24px;
|
|
margin-top: 0;
|
|
width: 24px
|
|
}
|
|
|
|
.colorPlayStation__6e2b9 .button__6e2b9 {
|
|
margin-inline-start:20px;top: 0
|
|
}
|
|
|
|
.colorBrand__6e2b9 {
|
|
--custom-notice-background: var(--brand-500);
|
|
--custom-notice-text: var(--white);
|
|
--custom-notice-button-hover: var(--brand-500)
|
|
}
|
|
|
|
.colorCustom__6e2b9 {
|
|
--custom-notice-button-hover: #222
|
|
}
|
|
|
|
.closeButton__6e2b9 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 36px;
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 36px;
|
|
-webkit-app-region: no-drag
|
|
}
|
|
|
|
.closeIcon__6e2b9 path {
|
|
fill: var(--white)
|
|
}
|
|
|
|
.button__6e2b9 {
|
|
border: 1px solid;
|
|
border-radius: 3px;
|
|
box-sizing: border-box;
|
|
color: var(--white);
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
height: 24px;
|
|
line-height: 22px;
|
|
margin-inline-start:10px;padding: 0 10px;
|
|
position: relative;
|
|
top: 6px;
|
|
transition: background-color .2s ease,color .2s ease,border-color .2s ease;
|
|
vertical-align: top;
|
|
-webkit-app-region: no-drag;
|
|
background-color: transparent;
|
|
border-color: var(--white)
|
|
}
|
|
|
|
.button__6e2b9.buttonMinor__6e2b9 {
|
|
border: none;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.button__6e2b9:hover {
|
|
background-color: var(--white);
|
|
border-color: var(--white)
|
|
}
|
|
|
|
.enable-forced-colors .notice__6e2b9 {
|
|
border-bottom: 2px solid CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .closeButton__6e2b9 {
|
|
background-color: ButtonFace;
|
|
color: ButtonText;
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .closeButton__6e2b9:focus,.enable-forced-colors .closeButton__6e2b9:hover {
|
|
outline: 1px solid ButtonText
|
|
}
|
|
|
|
.tooltip__4e35b {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: inset 0 0 0 1px var(--border-subtle),var(--shadow-high);
|
|
box-sizing: border-box;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
gap: var(--space-8);
|
|
max-width: 200px;
|
|
padding: var(--space-8) var(--space-12);
|
|
position: relative;
|
|
width: auto;
|
|
will-change: opacity,transform
|
|
}
|
|
|
|
.tooltipLayer__4e35b {
|
|
pointer-events: none
|
|
}
|
|
|
|
.richTooltip__4e35b {
|
|
max-width: none;
|
|
padding: 0;
|
|
width: auto
|
|
}
|
|
|
|
.tooltipContent__4e35b {
|
|
overflow: hidden
|
|
}
|
|
|
|
.tooltipContentAllowOverflow__4e35b {
|
|
overflow: visible
|
|
}
|
|
|
|
.tooltip__4e35b[data-position=top] {
|
|
transform-origin: 50% 100%
|
|
}
|
|
|
|
.tooltip__4e35b[data-position=bottom] {
|
|
transform-origin: 50% 0
|
|
}
|
|
|
|
.tooltip__4e35b[data-position=left] {
|
|
transform-origin: 100% 50%
|
|
}
|
|
|
|
.tooltip__4e35b[data-position=right] {
|
|
transform-origin: 0 50%
|
|
}
|
|
|
|
.caretIcon__4e35b .caretFill__4e35b {
|
|
fill: var(--background-surface-high)
|
|
}
|
|
|
|
.caretIcon__4e35b .caretStroke__4e35b {
|
|
stroke: var(--border-subtle);
|
|
stroke-opacity: 1
|
|
}
|
|
|
|
.tooltipWithShortcut__4e35b {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4);
|
|
justify-content: center;
|
|
text-align: center
|
|
}
|
|
|
|
.caret__5bc6a {
|
|
--custom-caret-half-width: 8px;
|
|
--custom-caret-half-height: 7px;
|
|
--custom-caret-edge-offset-horizontal: 16px;
|
|
--custom-caret-edge-offset-vertical: 10px;
|
|
--custom-caret-horizontal-distance: 11px;
|
|
--custom-caret-border-overlap: 5px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
transform-origin: center
|
|
}
|
|
|
|
.caret--bottom__5bc6a {
|
|
top: calc(100% - var(--custom-caret-border-overlap));
|
|
transform: rotate(0deg)
|
|
}
|
|
|
|
.caret--top__5bc6a {
|
|
bottom: calc(100% - var(--custom-caret-border-overlap));
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.caret--left__5bc6a {
|
|
inset-inline-start: calc(var(--custom-caret-horizontal-distance)*-1);
|
|
transform: rotate(90deg)
|
|
}
|
|
|
|
.caret--right__5bc6a {
|
|
inset-inline-end: calc(var(--custom-caret-horizontal-distance)*-1);
|
|
transform: rotate(-90deg)
|
|
}
|
|
|
|
:is(.caret--top__5bc6a,.caret--bottom__5bc6a).caret--center__5bc6a {
|
|
inset-inline-start: 50%;
|
|
margin-inline-start:calc(var(--custom-caret-half-width)*-1)}
|
|
|
|
: is(.caret--top__5bc6a,.caret--bottom__5bc6a).caret--start__5bc6a {
|
|
inset-inline-start:var(--custom-caret-edge-offset-horizontal);
|
|
margin-inline-start:calc(var(--custom-caret-half-width)*-1)}
|
|
|
|
: is(.caret--top__5bc6a,.caret--bottom__5bc6a).caret--end__5bc6a {
|
|
inset-inline-end:var(--custom-caret-edge-offset-horizontal);
|
|
margin-inline-end:calc(var(--custom-caret-half-width)*-1)}
|
|
|
|
: is(.caret--left__5bc6a,.caret--right__5bc6a).caret--center__5bc6a {
|
|
margin-top:calc(var(--custom-caret-half-height)*-1);
|
|
top: 50%
|
|
}
|
|
|
|
:is(.caret--left__5bc6a,.caret--right__5bc6a).caret--start__5bc6a {
|
|
margin-top: calc(var(--custom-caret-half-height)*-1);
|
|
top: var(--custom-caret-edge-offset-vertical)
|
|
}
|
|
|
|
:is(.caret--left__5bc6a,.caret--right__5bc6a).caret--end__5bc6a {
|
|
bottom: var(--custom-caret-edge-offset-vertical);
|
|
margin-bottom: calc(var(--custom-caret-half-height)*-1)
|
|
}
|
|
|
|
.caret--custom__5bc6a {
|
|
--custom-caret-offset-x: 0;
|
|
--custom-caret-offset-y: 0
|
|
}
|
|
|
|
.caret--bottom__5bc6a.caret--custom__5bc6a,.caret--top__5bc6a.caret--custom__5bc6a {
|
|
inset-inline-start: 50%;
|
|
margin-inline-start:calc(var(--custom-caret-offset-x) - var(--custom-caret-half-width))}
|
|
|
|
.caret--left__5bc6a.caret--custom__5bc6a,.caret--right__5bc6a.caret--custom__5bc6a {
|
|
margin-top: calc(var(--custom-caret-offset-y) - var(--custom-caret-half-height));
|
|
top: 50%
|
|
}
|
|
|
|
.slider_a562c8 {
|
|
height: 40px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.mini_a562c8 {
|
|
height: 20px
|
|
}
|
|
|
|
.mini_a562c8 .bar_a562c8 {
|
|
height: 6px;
|
|
top: 17px
|
|
}
|
|
|
|
.mini_a562c8 .grabber_a562c8 {
|
|
border-radius: 50%;
|
|
height: 12px;
|
|
margin-inline-start:-7px;margin-top: 3px;
|
|
width: 12px
|
|
}
|
|
|
|
.disabled_a562c8 {
|
|
opacity: .6
|
|
}
|
|
|
|
.disabled_a562c8 .grabber_a562c8 {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.bar_a562c8 {
|
|
background-color: var(--slider-track-background);
|
|
border-radius: 4px;
|
|
display: block;
|
|
height: 8px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
top: 16px
|
|
}
|
|
|
|
.barFill_a562c8 {
|
|
background: var(--control-brand-foreground-new);
|
|
height: 100%
|
|
}
|
|
|
|
.track_a562c8 {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 5px;
|
|
bottom: 0
|
|
}
|
|
|
|
.grabber_a562c8 {
|
|
background-color: var(--white);
|
|
border: 1px solid var(--border-strong);
|
|
border-radius: 3px;
|
|
box-shadow: var(--shadow-border),var(--shadow-ledge),var(--shadow-low);
|
|
cursor: ew-resize;
|
|
height: 24px;
|
|
margin-inline-start:-5px;margin-top: -13px;
|
|
top: 50%;
|
|
width: 10px
|
|
}
|
|
|
|
.grabber_a562c8,.mark_a562c8 {
|
|
inset-inline-start: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.mark_a562c8 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-inline-start:-12px;-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
width: 24px
|
|
}
|
|
|
|
.markAbove_a562c8 {
|
|
top: -6px
|
|
}
|
|
|
|
.markBelow_a562c8 {
|
|
bottom: -12px
|
|
}
|
|
|
|
.markValue_a562c8 {
|
|
font-size: 10px;
|
|
font-weight: var(--font-weight-bold);
|
|
margin-bottom: 4px;
|
|
min-height: 10px;
|
|
padding-inline-start:1px}
|
|
|
|
.markDash_a562c8 {
|
|
background-color: var(--slider-track-background);
|
|
height: 24px;
|
|
width: 2px
|
|
}
|
|
|
|
.markDashSimple_a562c8 {
|
|
margin-top: 10px
|
|
}
|
|
|
|
.markValue_a562c8 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.defaultValue_a562c8 .markValue_a562c8 {
|
|
color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.mini_a562c8,.slider_a562c8 {
|
|
height: calc(24px + var(--bar-offset));
|
|
--grabber-size: 16px;
|
|
--bar-size: 4px;
|
|
--bar-offset: 0px
|
|
}
|
|
|
|
.mini_a562c8.hasMarks_a562c8,.slider_a562c8.hasMarks_a562c8 {
|
|
--bar-offset: 24px
|
|
}
|
|
|
|
.mini_a562c8 .mark_a562c8,.slider_a562c8 .mark_a562c8 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 48px;
|
|
justify-content: space-between;
|
|
top: 0
|
|
}
|
|
|
|
.mini_a562c8 .markValue_a562c8,.slider_a562c8 .markValue_a562c8 {
|
|
color: var(--text-subtle);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 16px
|
|
}
|
|
|
|
.mini_a562c8 .defaultValue_a562c8 .markValue_a562c8,.slider_a562c8 .defaultValue_a562c8 .markValue_a562c8 {
|
|
color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.mini_a562c8 .markDash_a562c8,.slider_a562c8 .markDash_a562c8 {
|
|
border-radius: 12px
|
|
}
|
|
|
|
.mini_a562c8 .grabber_a562c8,.slider_a562c8 .grabber_a562c8 {
|
|
border: 1px solid var(--border-normal);
|
|
border-radius: 50%;
|
|
box-shadow: var(--shadow-low);
|
|
box-sizing: border-box;
|
|
height: var(--grabber-size);
|
|
margin-inline-start:calc(var(--grabber-size)/-2);margin-top: calc(var(--grabber-size)/-2 + var(--bar-offset)/2);
|
|
width: var(--grabber-size)
|
|
}
|
|
|
|
.high-contrast-mode .mini_a562c8 .grabber_a562c8,.high-contrast-mode .slider_a562c8 .grabber_a562c8 {
|
|
border-color: var(--border-strong)
|
|
}
|
|
|
|
.mini_a562c8 .hasMarks_a562c8 .grabber_a562c8,.slider_a562c8 .hasMarks_a562c8 .grabber_a562c8 {
|
|
margin-top: calc(var(--grabber-size)/-2 + 12px)
|
|
}
|
|
|
|
.mini_a562c8 .bar_a562c8,.slider_a562c8 .bar_a562c8 {
|
|
background-color: var(--slider-track-background);
|
|
height: var(--bar-size);
|
|
top: calc((24px - var(--bar-size))/2 + var(--bar-offset))
|
|
}
|
|
|
|
.mini_a562c8 .hasMarks_a562c8 .bar_a562c8,.slider_a562c8 .hasMarks_a562c8 .bar_a562c8 {
|
|
top: 34px
|
|
}
|
|
|
|
.mini_a562c8 .barFill_a562c8,.slider_a562c8 .barFill_a562c8 {
|
|
background-color: var(--background-brand);
|
|
border: 1px solid hsla(0,0%,100%,.1)
|
|
}
|
|
|
|
.enable-forced-colors .barFill_a562c8 {
|
|
background: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .grabber_a562c8 {
|
|
background-color: Highlight;
|
|
border-color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .bar_a562c8 {
|
|
background: Canvas;
|
|
border: 1px solid ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .markDash_a562c8 {
|
|
background: CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .disabled_a562c8 {
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .disabled_a562c8 .barFill_a562c8 {
|
|
background: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .disabled_a562c8 .grabber_a562c8 {
|
|
background-color: GrayText;
|
|
border-color: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .disabled_a562c8 .bar_a562c8 {
|
|
background: Canvas;
|
|
border-color: GrayText
|
|
}
|
|
|
|
.loadingPopout__58f1c {
|
|
background-color: var(--background-base-lower);
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 8px
|
|
}
|
|
|
|
.full-motion .translate_faf9c0.animatorTop_faf9c0 {
|
|
transform: translate3d(0,-10px,0)
|
|
}
|
|
|
|
.full-motion .translate_faf9c0.animatorBottom_faf9c0 {
|
|
transform: translate3d(0,10px,0)
|
|
}
|
|
|
|
.full-motion .translate_faf9c0.animatorLeft_faf9c0 {
|
|
transform: translate3d(-10px,0,0)
|
|
}
|
|
|
|
.full-motion .translate_faf9c0.animatorRight_faf9c0 {
|
|
transform: translate3d(10px,0,0)
|
|
}
|
|
|
|
.full-motion .translate_faf9c0.animatorCenter_faf9c0 {
|
|
transform: translate3d(0,-10px,0)
|
|
}
|
|
|
|
.full-motion .translate_faf9c0.didRender_faf9c0 {
|
|
transform: translateZ(0);
|
|
transition: transform .2s ease-out
|
|
}
|
|
|
|
.full-motion .translate_faf9c0[data-popout-animating=false] {
|
|
position: relative;
|
|
transform: none;
|
|
transition: none;
|
|
z-index: 0
|
|
}
|
|
|
|
.full-motion .scale_faf9c0 {
|
|
opacity: 0;
|
|
transform: scale(.01)
|
|
}
|
|
|
|
.full-motion .scale_faf9c0.animatorTop_faf9c0 {
|
|
transform-origin: bottom center
|
|
}
|
|
|
|
.full-motion .scale_faf9c0.animatorBottom_faf9c0 {
|
|
transform-origin: top center
|
|
}
|
|
|
|
.full-motion .scale_faf9c0.animatorLeft_faf9c0 {
|
|
transform-origin: top right
|
|
}
|
|
|
|
.full-motion .scale_faf9c0.animatorRight_faf9c0 {
|
|
transform-origin: top left
|
|
}
|
|
|
|
.full-motion .scale_faf9c0.animatorRight_faf9c0 {
|
|
transform-origin: top center
|
|
}
|
|
|
|
.full-motion .scale_faf9c0.didRender_faf9c0 {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
transition: transform .12s ease-out,opacity .12s ease-out
|
|
}
|
|
|
|
.full-motion .scale_faf9c0[data-popout-animating=false] {
|
|
position: relative;
|
|
transform: none;
|
|
transition: none;
|
|
z-index: 0
|
|
}
|
|
|
|
.fade_faf9c0 {
|
|
opacity: 0
|
|
}
|
|
|
|
.fade_faf9c0.didRender_faf9c0 {
|
|
opacity: 1;
|
|
position: relative;
|
|
transition: opacity .08s ease-out;
|
|
z-index: 0
|
|
}
|
|
|
|
.loader__82471 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: 8px;
|
|
display: flex;
|
|
height: 80px;
|
|
justify-content: center
|
|
}
|
|
|
|
.select_a16aea {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: grid;
|
|
gap: 8px;
|
|
grid-template-columns: 1fr auto;
|
|
padding-block:8px;padding-inline:12px 8px}
|
|
|
|
.select_a16aea,.wrapper_a16aea {
|
|
color: var(--text-default);
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.searchable_a16aea {
|
|
padding-bottom: 8px;
|
|
padding-top: 8px
|
|
}
|
|
|
|
.searchInput_a16aea {
|
|
background: inherit;
|
|
border: none;
|
|
color: inherit;
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
padding: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.searchInput_a16aea::-moz-placeholder {
|
|
color: var(--input-placeholder-text-default)
|
|
}
|
|
|
|
.searchInput_a16aea::placeholder {
|
|
color: var(--input-placeholder-text-default)
|
|
}
|
|
|
|
.searchInput_a16aea.multi_a16aea {
|
|
height: 32px;
|
|
margin-inline-start:4px;width: auto
|
|
}
|
|
|
|
.editing_a16aea {
|
|
font-weight: var(--font-weight-normal)
|
|
}
|
|
|
|
.label_a16aea {
|
|
bottom: 0;
|
|
height: 16px;
|
|
inset-inline-start: 12px;
|
|
margin: auto;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.optionDisabled_a16aea {
|
|
opacity: .5
|
|
}
|
|
|
|
.searchInput_a16aea.multi_a16aea.hidden_a16aea {
|
|
opacity: 0;
|
|
width: 0
|
|
}
|
|
|
|
.iconsCenter_a16aea {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%
|
|
}
|
|
|
|
.placeholder_a16aea,.value_a16aea {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.placeholder_a16aea {
|
|
color: var(--text-subtle)
|
|
}
|
|
|
|
.measurement_a16aea {
|
|
border: 1px solid transparent;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
visibility: hidden
|
|
}
|
|
|
|
.measurement_a16aea,.popout_a16aea {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.popout_a16aea {
|
|
background: var(--background-base-lower);
|
|
background-color: var(--background-surface-higher);
|
|
border: 1px solid var(--background-base-lowest);
|
|
border-color: var(--border-subtle);
|
|
border-radius: 0 0 4px 4px;
|
|
margin: 0
|
|
}
|
|
|
|
.popout_a16aea:not(.popoutPositionTop_a16aea) {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.popout_a16aea.popoutPositionTop_a16aea {
|
|
border-radius: 4px 4px 0 0;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.lookFilled_a16aea.popout_a16aea {
|
|
border-radius: 0 0 3px 3px
|
|
}
|
|
|
|
.lookFilled_a16aea.popout_a16aea.popoutPositionTop_a16aea {
|
|
border-radius: 3px 3px 0 0
|
|
}
|
|
|
|
.lookFilled_a16aea.option_a16aea,.lookFilled_a16aea.select_a16aea:hover.option_a16aea {
|
|
border-color: var(--brand-500);
|
|
border-bottom-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.option_a16aea {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
color: var(--text-subtle);
|
|
cursor: pointer;
|
|
display: grid;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
grid-template-columns: 1fr auto;
|
|
line-height: 20px;
|
|
padding: 12px
|
|
}
|
|
|
|
.option_a16aea[aria-selected=true] {
|
|
color: var(--text-default);
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.option_a16aea:hover,.option_a16aea[aria-selected=true]:hover {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.option_a16aea:hover {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.option_a16aea.focused_a16aea,.option_a16aea:focus-visible,.option_a16aea:hover {
|
|
background-color: var(--interactive-background-hover);
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.option_a16aea[aria-selected=true]:not(.option_a16aea.multi_a16aea) {
|
|
background-color: var(--interactive-background-selected);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.selectedIcon_a16aea {
|
|
color: var(--brand-500)
|
|
}
|
|
|
|
.icons_a16aea {
|
|
gap: 4px
|
|
}
|
|
|
|
.icons_a16aea,.value_a16aea {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.value_a16aea {
|
|
gap: 8px
|
|
}
|
|
|
|
.clear_a16aea {
|
|
display: block
|
|
}
|
|
|
|
.clear_a16aea,.dropdownIcon_a16aea {
|
|
cursor: pointer;
|
|
pointer-events: all
|
|
}
|
|
|
|
.noResults_a16aea {
|
|
align-items: center;
|
|
background: var(--background-base-lower);
|
|
padding: 12px;
|
|
width: 100%
|
|
}
|
|
|
|
.loading_a16aea,.noResults_a16aea {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.loading_a16aea {
|
|
height: 40px
|
|
}
|
|
|
|
.loadingSpinner_a16aea {
|
|
background-color: var(--interactive-text-active)
|
|
}
|
|
|
|
.wrapper_a16aea {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto
|
|
}
|
|
|
|
.wrapper_a16aea .select_a16aea {
|
|
grid-column: 1/span 2;
|
|
grid-row: 1;
|
|
padding-inline-end:calc(24px + var(--icons-width))}
|
|
|
|
.wrapper_a16aea .select_a16aea.multi_a16aea {
|
|
padding-bottom: 6px;
|
|
padding-top: 0;
|
|
padding-inline-start:6px}
|
|
|
|
.wrapper_a16aea .icons_a16aea {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
margin-inline-end:8px;pointer-events: none
|
|
}
|
|
|
|
.wrapper_a16aea .value_a16aea {
|
|
display: flex
|
|
}
|
|
|
|
.wrapper_a16aea .value_a16aea.multi_a16aea {
|
|
display: block;
|
|
white-space: normal
|
|
}
|
|
|
|
.wrapper_a16aea .searchInput_a16aea {
|
|
flex: 1 0 0
|
|
}
|
|
|
|
.searchableSelect_a16aea .option_a16aea {
|
|
align-content: center;
|
|
display: grid;
|
|
grid-template-areas: "prefix content suffix selectedIcon";
|
|
grid-template-columns: auto 1fr auto auto
|
|
}
|
|
|
|
.searchableSelect_a16aea .prefix_a16aea {
|
|
grid-area: prefix;
|
|
margin-inline-end:8px}
|
|
|
|
.searchableSelect_a16aea .suffix_a16aea {
|
|
grid-area: suffix;
|
|
margin-inline-end:8px;margin-inline-start:8px}
|
|
|
|
.searchableSelect_a16aea .content_a16aea {
|
|
display: flex;
|
|
grid-area: content;
|
|
min-width: 0
|
|
}
|
|
|
|
.searchableSelect_a16aea .selectedIcon_a16aea {
|
|
grid-area: selectedIcon
|
|
}
|
|
|
|
.optionPillWrapper_a16aea {
|
|
min-width: auto;
|
|
padding: 0;
|
|
width: auto
|
|
}
|
|
|
|
.optionPillContainer_a16aea {
|
|
display: inline
|
|
}
|
|
|
|
.optionPillItem_a16aea {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
margin-inline-end:6px}
|
|
|
|
.optionPillItem_a16aea button {
|
|
background-color: var(--background-surface-higher)
|
|
}
|
|
|
|
.optionPillItem_a16aea button .optionPill_a16aea {
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-xs)
|
|
}
|
|
|
|
.optionPill_a16aea {
|
|
align-items: center;
|
|
background: var(--background-base-low);
|
|
border-radius: 2px;
|
|
color: var(--interactive-text-active);
|
|
display: inline-flex;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
padding: var(--space-4) var(--space-8)
|
|
}
|
|
|
|
.optionPill_a16aea .deleteOptionIcon_a16aea {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.optionPillBtn_a16aea {
|
|
height: auto;
|
|
min-height: auto;
|
|
min-width: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.deleteOptionIcon_a16aea {
|
|
color: var(--interactive-text-default);
|
|
margin-inline-start:8px}
|
|
|
|
.optionPillItem_a16aea,.searchInput_a16aea.multi_a16aea {
|
|
margin-top: var(--space-4)
|
|
}
|
|
|
|
.no-webkit-scrollbar .noScrollbar_a16aea {
|
|
scrollbar-width: none
|
|
}
|
|
|
|
.noScrollbar_a16aea::-webkit-scrollbar {
|
|
height: 0;
|
|
width: 0
|
|
}
|
|
|
|
.multiSelectCheckbox_a16aea {
|
|
align-items: center;
|
|
border-radius: 6px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
grid-area: selectedIcon;
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.multiSelectCheckbox_a16aea.unchecked_a16aea {
|
|
border: 1px solid var(--border-strong)
|
|
}
|
|
|
|
.multiSelectCheckbox_a16aea.checked_a16aea {
|
|
background: var(--brand-500);
|
|
border: 1px solid var(--brand-500)
|
|
}
|
|
|
|
.multiSelectCheck_a16aea {
|
|
color: var(--white)
|
|
}
|
|
|
|
.optionPill_a16aea {
|
|
align-content: center;
|
|
display: grid;
|
|
grid-template-areas: "prefix content suffix clearIcon";
|
|
grid-template-columns: auto 1fr auto auto
|
|
}
|
|
|
|
.optionPill_a16aea .prefix_a16aea {
|
|
grid-area: prefix;
|
|
margin-inline-end:8px}
|
|
|
|
.optionPill_a16aea .suffix_a16aea {
|
|
grid-area: suffix;
|
|
margin-inline-end:8px;margin-inline-start:8px}
|
|
|
|
.optionPill_a16aea .content_a16aea {
|
|
grid-area: content
|
|
}
|
|
|
|
.optionPill_a16aea .deleteOptionIcon_a16aea {
|
|
grid-area: clearIcon
|
|
}
|
|
|
|
.enable-forced-colors .select_a16aea {
|
|
background-color: Canvas;
|
|
border-color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .disabled_a16aea,.enable-forced-colors .disabled_a16aea * {
|
|
border-color: GrayText;
|
|
color: GrayText;
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .placeholder_a16aea {
|
|
color: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .option_a16aea {
|
|
background-color: Canvas;
|
|
border: 1px solid Canvas;
|
|
color: CanvasText;
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.enable-forced-colors .option_a16aea.focused_a16aea,.enable-forced-colors .option_a16aea:focus,.enable-forced-colors .option_a16aea:hover {
|
|
background-color: ButtonFace;
|
|
border-color: ButtonText;
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .option_a16aea[aria-selected=true] {
|
|
background-color: HighlightText!important;
|
|
color: Highlight!important
|
|
}
|
|
|
|
.enable-forced-colors .option_a16aea[aria-selected=true].focused_a16aea,.enable-forced-colors .option_a16aea[aria-selected=true]:focus,.enable-forced-colors .option_a16aea[aria-selected=true]:hover {
|
|
border-color: Highlight!important
|
|
}
|
|
|
|
.enable-forced-colors .selectedIcon_a16aea {
|
|
color: Highlight
|
|
}
|
|
|
|
.select_a16aea,.wrapper_a16aea {
|
|
min-height: var(--control-input-height-md)
|
|
}
|
|
|
|
.iconsContainer_a16aea {
|
|
height: calc(var(--control-input-height-sm) - 2px)
|
|
}
|
|
|
|
.container_a16aea[data-size=sm] .select_a16aea,.container_a16aea[data-size=sm] .wrapper_a16aea {
|
|
min-height: var(--control-input-height-sm)
|
|
}
|
|
|
|
.container_a16aea[data-size=sm] .iconsContainer_a16aea {
|
|
height: calc(var(--control-input-height-sm) - 2px)
|
|
}
|
|
|
|
.container_a16aea[data-variant=text-only] .select_a16aea {
|
|
background: none;
|
|
border: none
|
|
}
|
|
|
|
.searchable_a16aea {
|
|
min-height: auto
|
|
}
|
|
|
|
.lookFilled_a16aea.popout_a16aea,.lookFilled_a16aea.popout_a16aea.popoutPositionTop_a16aea,.popout_a16aea,.popout_a16aea.popoutPositionTop_a16aea {
|
|
background-color: var(--background-surface-higher);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 8px
|
|
}
|
|
|
|
.newOptionLabel_a16aea {
|
|
align-items: center;
|
|
display: grid;
|
|
gap: 4px;
|
|
grid-template-columns: auto 1fr auto
|
|
}
|
|
|
|
.newOptionLeading_a16aea {
|
|
height: 24px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 24px
|
|
}
|
|
|
|
.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow {
|
|
border-color: #ccc;
|
|
border-style: solid;
|
|
border-width: 3px 3px 0 0;
|
|
content: "";
|
|
display: block;
|
|
height: 9px;
|
|
position: absolute;
|
|
top: 6px;
|
|
width: 9px
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
|
|
margin-left: -4px;
|
|
position: absolute;
|
|
width: 0
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
|
|
border: 8px solid transparent;
|
|
box-sizing: content-box;
|
|
content: "";
|
|
height: 0;
|
|
left: -8px;
|
|
position: absolute;
|
|
width: 1px;
|
|
z-index: -1
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
|
|
border-bottom-color: #aeaeae
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
|
|
margin-top: -8px;
|
|
top: 0
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
|
|
border-bottom-color: #f0f0f0;
|
|
border-top: none
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
|
|
top: 0
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
|
|
border-bottom-color: #aeaeae;
|
|
top: -1px
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
|
|
bottom: 0;
|
|
margin-bottom: -8px
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
|
|
border-bottom: none;
|
|
border-top-color: #fff
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
|
|
bottom: 0
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
|
|
border-top-color: #aeaeae;
|
|
bottom: -1px
|
|
}
|
|
|
|
.react-datepicker-wrapper {
|
|
border: 0;
|
|
display: inline-block;
|
|
padding: 0
|
|
}
|
|
|
|
.react-datepicker {
|
|
background-color: #fff;
|
|
border: 1px solid #aeaeae;
|
|
border-radius: .3rem;
|
|
color: #000;
|
|
display: inline-block;
|
|
font-family: Helvetica Neue,helvetica,arial,sans-serif;
|
|
font-size: .8rem;
|
|
position: relative
|
|
}
|
|
|
|
.react-datepicker--time-only .react-datepicker__triangle {
|
|
left: 35px
|
|
}
|
|
|
|
.react-datepicker--time-only .react-datepicker__time-container {
|
|
border-left: 0
|
|
}
|
|
|
|
.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box {
|
|
border-bottom-left-radius: .3rem;
|
|
border-bottom-right-radius: .3rem
|
|
}
|
|
|
|
.react-datepicker__triangle {
|
|
left: 50px;
|
|
position: absolute
|
|
}
|
|
|
|
.react-datepicker-popper {
|
|
z-index: 1
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=bottom] {
|
|
padding-top: 10px
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
|
|
left: auto;
|
|
right: 50px
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=top] {
|
|
padding-bottom: 10px
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=right] {
|
|
padding-left: 8px
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
|
|
left: auto;
|
|
right: 42px
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=left] {
|
|
padding-right: 8px
|
|
}
|
|
|
|
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
|
|
left: 42px;
|
|
right: auto
|
|
}
|
|
|
|
.react-datepicker__header {
|
|
background-color: #f0f0f0;
|
|
border-bottom: 1px solid #aeaeae;
|
|
border-top-left-radius: .3rem;
|
|
padding: 8px 0;
|
|
position: relative;
|
|
text-align: center
|
|
}
|
|
|
|
.react-datepicker__header--time {
|
|
padding-bottom: 8px;
|
|
padding-left: 5px;
|
|
padding-right: 5px
|
|
}
|
|
|
|
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
|
|
border-top-left-radius: 0
|
|
}
|
|
|
|
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
|
|
border-top-right-radius: .3rem
|
|
}
|
|
|
|
.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select {
|
|
display: inline-block;
|
|
margin: 0 2px
|
|
}
|
|
|
|
.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month {
|
|
color: #000;
|
|
font-size: .944rem;
|
|
font-weight: 700;
|
|
margin-top: 0
|
|
}
|
|
|
|
.react-datepicker-time__header {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.react-datepicker__navigation {
|
|
align-items: center;
|
|
background: none;
|
|
border: none;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 32px;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
text-align: center;
|
|
text-indent: -999em;
|
|
top: 2px;
|
|
width: 32px;
|
|
z-index: 1
|
|
}
|
|
|
|
.react-datepicker__navigation--previous {
|
|
left: 2px
|
|
}
|
|
|
|
.react-datepicker__navigation--next {
|
|
right: 2px
|
|
}
|
|
|
|
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
|
|
right: 85px
|
|
}
|
|
|
|
.react-datepicker__navigation--years {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
position: relative;
|
|
top: 0
|
|
}
|
|
|
|
.react-datepicker__navigation--years-previous {
|
|
top: 4px
|
|
}
|
|
|
|
.react-datepicker__navigation--years-upcoming {
|
|
top: -4px
|
|
}
|
|
|
|
.react-datepicker__navigation:hover :before {
|
|
border-color: #a6a6a6
|
|
}
|
|
|
|
.react-datepicker__navigation-icon {
|
|
font-size: 20px;
|
|
position: relative;
|
|
top: -1px
|
|
}
|
|
|
|
.react-datepicker__navigation-icon--next {
|
|
left: -2px
|
|
}
|
|
|
|
.react-datepicker__navigation-icon--next:before {
|
|
left: -7px;
|
|
transform: rotate(45deg)
|
|
}
|
|
|
|
.react-datepicker__navigation-icon--previous {
|
|
right: -2px
|
|
}
|
|
|
|
.react-datepicker__navigation-icon--previous:before {
|
|
right: -7px;
|
|
transform: rotate(225deg)
|
|
}
|
|
|
|
.react-datepicker__month-container {
|
|
float: left
|
|
}
|
|
|
|
.react-datepicker__year {
|
|
margin: .4rem;
|
|
text-align: center
|
|
}
|
|
|
|
.react-datepicker__year-wrapper {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
max-width: 180px
|
|
}
|
|
|
|
.react-datepicker__year .react-datepicker__year-text {
|
|
display: inline-block;
|
|
margin: 2px;
|
|
width: 4rem
|
|
}
|
|
|
|
.react-datepicker__month {
|
|
margin: .4rem;
|
|
text-align: center
|
|
}
|
|
|
|
.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text {
|
|
display: inline-block;
|
|
margin: 2px;
|
|
width: 4rem
|
|
}
|
|
|
|
.react-datepicker__input-time-container {
|
|
clear: both;
|
|
float: left;
|
|
margin: 5px 0 10px 15px;
|
|
text-align: left;
|
|
width: 100%
|
|
}
|
|
|
|
.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container {
|
|
display: inline-block
|
|
}
|
|
|
|
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
|
|
display: inline-block;
|
|
margin-left: 10px
|
|
}
|
|
|
|
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
|
|
width: auto
|
|
}
|
|
|
|
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0
|
|
}
|
|
|
|
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
|
|
-moz-appearance: textfield
|
|
}
|
|
|
|
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
|
|
display: inline-block;
|
|
margin-left: 5px
|
|
}
|
|
|
|
.react-datepicker__time-container {
|
|
border-left: 1px solid #aeaeae;
|
|
float: right;
|
|
width: 85px
|
|
}
|
|
|
|
.react-datepicker__time-container--with-today-button {
|
|
border: 1px solid #aeaeae;
|
|
border-radius: .3rem;
|
|
display: inline;
|
|
position: absolute;
|
|
right: -72px;
|
|
top: 0
|
|
}
|
|
|
|
.react-datepicker__time-container .react-datepicker__time {
|
|
background: #fff;
|
|
border-bottom-right-radius: .3rem;
|
|
position: relative
|
|
}
|
|
|
|
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
|
|
border-bottom-right-radius: .3rem;
|
|
margin: 0 auto;
|
|
overflow-x: hidden;
|
|
text-align: center;
|
|
width: 85px
|
|
}
|
|
|
|
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
|
|
box-sizing: content-box;
|
|
height: calc(195px + .85rem);
|
|
list-style: none;
|
|
margin: 0;
|
|
overflow-y: scroll;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
|
|
height: 30px;
|
|
padding: 5px 10px;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
|
|
background-color: #f0f0f0;
|
|
cursor: pointer
|
|
}
|
|
|
|
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
|
|
background-color: #216ba5;
|
|
color: #fff;
|
|
font-weight: 700
|
|
}
|
|
|
|
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
|
|
background-color: #216ba5
|
|
}
|
|
|
|
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
|
|
color: #ccc
|
|
}
|
|
|
|
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
|
|
background-color: transparent;
|
|
cursor: default
|
|
}
|
|
|
|
.react-datepicker__week-number {
|
|
color: #ccc;
|
|
display: inline-block;
|
|
line-height: 1.7rem;
|
|
margin: .166rem;
|
|
text-align: center;
|
|
width: 1.7rem
|
|
}
|
|
|
|
.react-datepicker__week-number.react-datepicker__week-number--clickable {
|
|
cursor: pointer
|
|
}
|
|
|
|
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
|
|
background-color: #f0f0f0;
|
|
border-radius: .3rem
|
|
}
|
|
|
|
.react-datepicker__day-names,.react-datepicker__week {
|
|
white-space: nowrap
|
|
}
|
|
|
|
.react-datepicker__day-names {
|
|
margin-bottom: -8px
|
|
}
|
|
|
|
.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name {
|
|
color: #000;
|
|
display: inline-block;
|
|
line-height: 1.7rem;
|
|
margin: .166rem;
|
|
text-align: center;
|
|
width: 1.7rem
|
|
}
|
|
|
|
.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected {
|
|
background-color: #216ba5;
|
|
border-radius: .3rem;
|
|
color: #fff
|
|
}
|
|
|
|
.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover {
|
|
background-color: #1d5d90
|
|
}
|
|
|
|
.react-datepicker__month--disabled,.react-datepicker__quarter--disabled {
|
|
color: #ccc;
|
|
pointer-events: none
|
|
}
|
|
|
|
.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover {
|
|
background-color: transparent;
|
|
cursor: default
|
|
}
|
|
|
|
.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text {
|
|
cursor: pointer
|
|
}
|
|
|
|
.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover {
|
|
background-color: #f0f0f0;
|
|
border-radius: .3rem
|
|
}
|
|
|
|
.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today {
|
|
font-weight: 700
|
|
}
|
|
|
|
.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted {
|
|
background-color: #3dcc4a;
|
|
border-radius: .3rem;
|
|
color: #fff
|
|
}
|
|
|
|
.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover {
|
|
background-color: #32be3f
|
|
}
|
|
|
|
.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1 {
|
|
color: #f0f
|
|
}
|
|
|
|
.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2 {
|
|
color: green
|
|
}
|
|
|
|
.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected {
|
|
background-color: #216ba5;
|
|
border-radius: .3rem;
|
|
color: #fff
|
|
}
|
|
|
|
.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover {
|
|
background-color: #1d5d90
|
|
}
|
|
|
|
.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected {
|
|
background-color: #2a87d0;
|
|
border-radius: .3rem;
|
|
color: #fff
|
|
}
|
|
|
|
.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover {
|
|
background-color: #1d5d90
|
|
}
|
|
|
|
.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range {
|
|
background-color: rgba(33,107,165,.5)
|
|
}
|
|
|
|
.react-datepicker__month--selecting-range .react-datepicker__day--in-range,.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range,.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range {
|
|
background-color: #f0f0f0;
|
|
color: #000
|
|
}
|
|
|
|
.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled {
|
|
color: #ccc;
|
|
cursor: default
|
|
}
|
|
|
|
.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover {
|
|
background-color: transparent
|
|
}
|
|
|
|
.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
|
|
background-color: #216ba5
|
|
}
|
|
|
|
.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover {
|
|
background-color: #f0f0f0
|
|
}
|
|
|
|
.react-datepicker__input-container {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view {
|
|
border: 1px solid transparent;
|
|
border-radius: .3rem;
|
|
position: relative
|
|
}
|
|
|
|
.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover {
|
|
cursor: pointer
|
|
}
|
|
|
|
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
|
|
border-top-color: #b3b3b3
|
|
}
|
|
|
|
.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow {
|
|
right: -16px;
|
|
top: 0;
|
|
transform: rotate(135deg)
|
|
}
|
|
|
|
.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown {
|
|
background-color: #f0f0f0;
|
|
border: 1px solid #aeaeae;
|
|
border-radius: .3rem;
|
|
left: 25%;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 30px;
|
|
width: 50%;
|
|
z-index: 1
|
|
}
|
|
|
|
.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover {
|
|
cursor: pointer
|
|
}
|
|
|
|
.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable {
|
|
height: 150px;
|
|
overflow-y: scroll
|
|
}
|
|
|
|
.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option {
|
|
display: block;
|
|
line-height: 20px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 100%
|
|
}
|
|
|
|
.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type {
|
|
border-top-left-radius: .3rem;
|
|
border-top-right-radius: .3rem
|
|
}
|
|
|
|
.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type {
|
|
border-bottom-left-radius: .3rem;
|
|
border-bottom-right-radius: .3rem;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover {
|
|
background-color: #ccc
|
|
}
|
|
|
|
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
|
|
border-bottom-color: #b3b3b3
|
|
}
|
|
|
|
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
|
|
border-top-color: #b3b3b3
|
|
}
|
|
|
|
.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected {
|
|
left: 15px;
|
|
position: absolute
|
|
}
|
|
|
|
.react-datepicker__close-icon {
|
|
background-color: transparent;
|
|
border: 0;
|
|
cursor: pointer;
|
|
display: table-cell;
|
|
height: 100%;
|
|
outline: 0;
|
|
padding: 0 6px 0 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.react-datepicker__close-icon:after {
|
|
background-color: #216ba5;
|
|
border-radius: 50%;
|
|
color: #fff;
|
|
content: "\00d7";
|
|
cursor: pointer;
|
|
display: table-cell;
|
|
font-size: 12px;
|
|
height: 16px;
|
|
line-height: 1;
|
|
padding: 2px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
width: 16px
|
|
}
|
|
|
|
.react-datepicker__today-button {
|
|
background: #f0f0f0;
|
|
border-top: 1px solid #aeaeae;
|
|
clear: left;
|
|
cursor: pointer;
|
|
font-weight: 700;
|
|
padding: 5px 0;
|
|
text-align: center
|
|
}
|
|
|
|
.react-datepicker__portal {
|
|
align-items: center;
|
|
background-color: rgba(0,0,0,.8);
|
|
display: flex;
|
|
height: 100vh;
|
|
justify-content: center;
|
|
left: 0;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100vw;
|
|
z-index: 2147483647
|
|
}
|
|
|
|
.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name {
|
|
line-height: 3rem;
|
|
width: 3rem
|
|
}
|
|
|
|
@media (max-height: 550px),(max-width:400px) {
|
|
.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name {
|
|
line-height:2rem;
|
|
width: 2rem
|
|
}
|
|
}
|
|
|
|
.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month {
|
|
font-size: 1.44rem
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker {
|
|
background-color: var(--background-surface-higher);
|
|
border: 1px solid var(--border-subtle);
|
|
font-family: var(--font-primary);
|
|
padding: 20px
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__header {
|
|
background-color: var(--background-surface-higher);
|
|
border-bottom: 0;
|
|
padding-top: 0
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__current-month {
|
|
border-bottom: 1px solid;
|
|
color: var(--text-strong);
|
|
font-size: 13px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 20px;
|
|
margin: 0 0 10px;
|
|
padding: 0 0 20px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next,.calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: 6px 12px;
|
|
border: 1px solid;
|
|
border-radius: 2px;
|
|
height: 18px;
|
|
inset-inline-start: 20px;
|
|
top: 20px;
|
|
transform: rotate(180deg);
|
|
width: 18px
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next.react-datepicker__navigation--next,.calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous.react-datepicker__navigation--next {
|
|
inset-inline-end: 20px;
|
|
inset-inline-start: auto;
|
|
transform: rotate(0deg)
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next:focus-visible,.calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous:focus-visible {
|
|
box-shadow: 0 0 0 4px var(--blue-345)
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__navigation-icon:before {
|
|
border-width: 0
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__month {
|
|
margin: 0
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__week:first-of-type>.react-datepicker__day:first-of-type {
|
|
border-radius: 3px 0 0
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__week:first-of-type>.react-datepicker__day:last-of-type {
|
|
border-radius: 0 3px 0 0
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__week:last-of-type>.react-datepicker__day {
|
|
border-bottom: 1px solid var(--primary-200)
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__week:last-of-type>.react-datepicker__day:first-of-type {
|
|
border-radius: 0 0 0 3px
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__week:last-of-type>.react-datepicker__day:last-of-type {
|
|
border-radius: 0 0 3px
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__week>.react-datepicker__day:last-of-type {
|
|
border-inline-end:1px solid}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__day-names {
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__day-name {
|
|
font-size: 13px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 1em;
|
|
margin: 0;
|
|
text-transform: uppercase;
|
|
width: 40px
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__day {
|
|
border-inline-start:1px solid var(--border-subtle);border-top: 1px solid var(--border-subtle);
|
|
box-sizing: border-box;
|
|
color: var(--text-strong);
|
|
height: 40px;
|
|
line-height: 40px;
|
|
margin: 0;
|
|
position: relative;
|
|
width: 40px
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--keyboard-selected,.calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected:hover,.calendarPicker_d27f17 .react-datepicker__day:hover {
|
|
background-color: var(--brand-500);
|
|
border-radius: 0;
|
|
color: var(--white)
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected {
|
|
background: none;
|
|
border-radius: 0
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected:after {
|
|
background-color: var(--brand-500);
|
|
bottom: 0;
|
|
content: "";
|
|
height: 3px;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__day:focus-visible {
|
|
border-top-color: var(--blue-345);
|
|
border: 1px solid var(--blue-345);
|
|
border-inline-start-color:var(--blue-345)}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__day--disabled,.calendarPicker_d27f17 .react-datepicker__day--outside-month {
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.calendarPicker_d27f17 .react-datepicker__day--disabled_d27f17,.calendarPicker_d27f17 .react-datepicker__day--outside-month_d27f17 {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.theme-light .calendarPicker_d27f17 .react-datepicker__header {
|
|
border-color: hsl(var(--primary-200-hsl)/.2)
|
|
}
|
|
|
|
.theme-light .calendarPicker_d27f17 .react-datepicker__current-month {
|
|
border-bottom-color: hsl(var(--primary-200-hsl)/.2)
|
|
}
|
|
|
|
.theme-light .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next,.theme-light .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous {
|
|
border-color: var(--primary-200)
|
|
}
|
|
|
|
.theme-light .calendarPicker_d27f17 .react-datepicker__week:last-of-type .react-datepicker__day {
|
|
border-bottom-color: var(--primary-200)
|
|
}
|
|
|
|
.theme-light .calendarPicker_d27f17 .react-datepicker__week .react-datepicker__day:last-of-type {
|
|
border-inline-end-color:var(--primary-200)}
|
|
|
|
.theme-light .calendarPicker_d27f17 .react-datepicker__day-name {
|
|
color: hsl(var(--primary-500-hsl)/.6)
|
|
}
|
|
|
|
.theme-light .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled,.theme-light .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled:hover {
|
|
background-color: var(--opacity-black-4);
|
|
color: var(--opacity-black-20)
|
|
}
|
|
|
|
.theme-light .calendarPicker_d27f17 .react-datepicker__day--disabled,.theme-light .calendarPicker_d27f17 .react-datepicker__day--outside-month {
|
|
color: hsl(var(--primary-500-hsl)/.3)
|
|
}
|
|
|
|
.theme-dark .calendarPicker_d27f17 .react-datepicker__header {
|
|
border-color: hsl(var(--primary-800-hsl)/.2)
|
|
}
|
|
|
|
.theme-dark .calendarPicker_d27f17 .react-datepicker__current-month {
|
|
border-bottom-color: hsl(var(--primary-800-hsl)/.3)
|
|
}
|
|
|
|
.theme-dark .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next,.theme-dark .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous {
|
|
border-color: var(--primary-800)
|
|
}
|
|
|
|
.theme-dark .calendarPicker_d27f17 .react-datepicker__week:last-of-type .react-datepicker__day {
|
|
border-bottom-color: var(--primary-800)
|
|
}
|
|
|
|
.theme-dark .calendarPicker_d27f17 .react-datepicker__week .react-datepicker__day:last-of-type {
|
|
border-inline-end-color:var(--primary-800)}
|
|
|
|
.theme-dark .calendarPicker_d27f17 .react-datepicker__day-name {
|
|
color: hsl(var(--primary-100-hsl)/.6)
|
|
}
|
|
|
|
.theme-dark .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled,.theme-dark .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled:hover {
|
|
background-color: var(--primary-630);
|
|
color: hsl(var(--primary-100-hsl)/.3)
|
|
}
|
|
|
|
.theme-dark .calendarPicker_d27f17 .react-datepicker__day--disabled,.theme-dark .calendarPicker_d27f17 .react-datepicker__day--outside-month {
|
|
color: hsl(var(--primary-100-hsl)/.3)
|
|
}
|
|
|
|
.enable-forced-colors .calendarPicker_d27f17 .react-datepicker {
|
|
border: 2px solid CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--keyboard-selected,.enable-forced-colors .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected:hover,.enable-forced-colors .calendarPicker_d27f17 .react-datepicker__day:hover {
|
|
background-color: HighlightText;
|
|
color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected:after {
|
|
background-color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .calendarPicker_d27f17 .react-datepicker__day:focus-visible {
|
|
background-color: HighlightText;
|
|
border-color: Highlight;
|
|
color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled,.enable-forced-colors .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled:hover {
|
|
color: GrayText
|
|
}
|
|
|
|
.images-light .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next,.images-light .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous {
|
|
background-image: url(/assets/f7d0845b63d81c46.svg)
|
|
}
|
|
|
|
.images-dark .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next,.images-dark .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous {
|
|
background-image: url(/assets/a46a54146b77fab4.svg)
|
|
}
|
|
|
|
.calendarContainer__9bb02 {
|
|
box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-high)
|
|
}
|
|
|
|
.container__9bb02 {
|
|
cursor: pointer;
|
|
display: grid;
|
|
gap: var(--space-8);
|
|
grid-template-columns: 1fr auto;
|
|
min-height: var(--control-input-height-md);
|
|
padding: var(--space-8) var(--space-12)
|
|
}
|
|
|
|
.richTooltipContent_a89985 {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
gap: var(--space-8);
|
|
max-width: 272px;
|
|
padding: var(--space-8) var(--space-12)
|
|
}
|
|
|
|
.assetContainer_a89985 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
justify-content: center
|
|
}
|
|
|
|
.assetContainer_a89985>* {
|
|
height: auto;
|
|
max-width: 100%
|
|
}
|
|
|
|
.textContent_a89985 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
min-width: 0
|
|
}
|
|
|
|
.noAsset_a89985 .textContent_a89985 {
|
|
text-align: center
|
|
}
|
|
|
|
.heading-sm\/normal__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/normal__0f084.fontScaling__0f084 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/medium__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/medium__0f084.fontScaling__0f084 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/semibold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/semibold__0f084.fontScaling__0f084 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/bold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/bold__0f084.fontScaling__0f084 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/extrabold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 800;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/extrabold__0f084.fontScaling__0f084 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-md\/normal__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/normal__0f084.fontScaling__0f084 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/medium__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/medium__0f084.fontScaling__0f084 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/semibold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/semibold__0f084.fontScaling__0f084 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/bold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/bold__0f084.fontScaling__0f084 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/extrabold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/extrabold__0f084.fontScaling__0f084 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-lg\/normal__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/normal__0f084.fontScaling__0f084 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/medium__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/medium__0f084.fontScaling__0f084 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/semibold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/semibold__0f084.fontScaling__0f084 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/bold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/bold__0f084.fontScaling__0f084 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/extrabold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/extrabold__0f084.fontScaling__0f084 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-xl\/normal__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/normal__0f084.fontScaling__0f084 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/medium__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/medium__0f084.fontScaling__0f084 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/semibold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/semibold__0f084.fontScaling__0f084 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/bold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/bold__0f084.fontScaling__0f084 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/extrabold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/extrabold__0f084.fontScaling__0f084 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xxl\/normal__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/normal__0f084.fontScaling__0f084 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/medium__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/medium__0f084.fontScaling__0f084 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/semibold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/semibold__0f084.fontScaling__0f084 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/bold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/bold__0f084.fontScaling__0f084 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/extrabold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/extrabold__0f084.fontScaling__0f084 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.eyebrow__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: .02em;
|
|
line-height: 1.3333333333333333;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.eyebrow__0f084.fontScaling__0f084 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/normal__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/normal__0f084.fontScaling__0f084 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/medium__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/medium__0f084.fontScaling__0f084 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold__0f084.fontScaling__0f084 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/bold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/bold__0f084.fontScaling__0f084 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold__0f084.fontScaling__0f084 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.redesign\/heading-18\/bold__0f084 {
|
|
font-family: var(--font-display);
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/heading-18\/bold__0f084.fontScaling__0f084 {
|
|
font-size: 1.125rem
|
|
}
|
|
|
|
.text-xxs\/normal__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/normal__0f084.fontScaling__0f084 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/medium__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/medium__0f084.fontScaling__0f084 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/semibold__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/semibold__0f084.fontScaling__0f084 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/bold__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/bold__0f084.fontScaling__0f084 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xs\/normal__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/normal__0f084.fontScaling__0f084 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/medium__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/medium__0f084.fontScaling__0f084 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/semibold__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/semibold__0f084.fontScaling__0f084 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/bold__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/bold__0f084.fontScaling__0f084 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-sm\/normal__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/normal__0f084.fontScaling__0f084 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/medium__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/medium__0f084.fontScaling__0f084 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/semibold__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/semibold__0f084.fontScaling__0f084 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/bold__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/bold__0f084.fontScaling__0f084 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-md\/normal__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/normal__0f084.fontScaling__0f084 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/medium__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/medium__0f084.fontScaling__0f084 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/semibold__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/semibold__0f084.fontScaling__0f084 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/bold__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/bold__0f084.fontScaling__0f084 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-lg\/normal__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/normal__0f084.fontScaling__0f084 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/medium__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/medium__0f084.fontScaling__0f084 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/semibold__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/semibold__0f084.fontScaling__0f084 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/bold__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/bold__0f084.fontScaling__0f084 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.redesign\/message-preview\/normal__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/normal__0f084.fontScaling__0f084 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/medium__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/medium__0f084.fontScaling__0f084 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold__0f084.fontScaling__0f084 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/bold__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/bold__0f084.fontScaling__0f084 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/channel-title\/normal__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/normal__0f084.fontScaling__0f084 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/medium__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/medium__0f084.fontScaling__0f084 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold__0f084.fontScaling__0f084 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/bold__0f084 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/bold__0f084.fontScaling__0f084 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.display-sm__0f084 {
|
|
font-family: var(--font-headline);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1
|
|
}
|
|
|
|
.display-sm__0f084.fontScaling__0f084 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.display-md__0f084 {
|
|
font-family: var(--font-headline);
|
|
font-size: 34px;
|
|
font-weight: 800;
|
|
line-height: 1.0588235294117647
|
|
}
|
|
|
|
.display-md__0f084.fontScaling__0f084 {
|
|
font-size: 2.125rem
|
|
}
|
|
|
|
.display-lg__0f084 {
|
|
font-family: var(--font-headline);
|
|
font-size: 44px;
|
|
font-weight: 800;
|
|
line-height: .9545454545454546
|
|
}
|
|
|
|
.display-lg__0f084.fontScaling__0f084 {
|
|
font-size: 2.75rem
|
|
}
|
|
|
|
.code__0f084 {
|
|
font-family: var(--font-code);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.code__0f084.fontScaling__0f084 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.button__0f084 {
|
|
align-items: center;
|
|
background: initial;
|
|
border: 1px solid transparent;
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
color: inherit;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
font-size: medium;
|
|
font-weight: 400;
|
|
justify-content: center;
|
|
margin: 0;
|
|
max-height: -moz-min-content;
|
|
max-height: min-content;
|
|
max-width: 100%;
|
|
padding: 0;
|
|
position: relative;
|
|
text-align: start;
|
|
transition: background-color 50ms ease-in,color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in;
|
|
width: -moz-min-content;
|
|
width: min-content
|
|
}
|
|
|
|
.button__0f084:hover {
|
|
transition: background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out
|
|
}
|
|
|
|
.button__0f084:disabled {
|
|
opacity: .5;
|
|
pointer-events: none
|
|
}
|
|
|
|
.highlight-mana-buttons .button__0f084 {
|
|
box-shadow: 0 0 4px 4px var(--opacity-white-60)
|
|
}
|
|
|
|
.highlight-mana-buttons [data-button-hoisted-classname-wrapper] .button__0f084 {
|
|
box-shadow: 0 0 4px 4px var(--opacity-green-60)
|
|
}
|
|
|
|
[data-button-hoisted-classname-wrapper] {
|
|
display: flex;
|
|
width: auto
|
|
}
|
|
|
|
.buttonChildrenWrapper__0f084 {
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.buttonChildren__0f084,.buttonChildrenWrapper__0f084 {
|
|
align-items: center;
|
|
display: flex;
|
|
overflow: hidden
|
|
}
|
|
|
|
.buttonChildren__0f084 {
|
|
gap: var(--space-4);
|
|
text-overflow: ellipsis;
|
|
transition: opacity .2s ease-out,transform .2s ease-out;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.icon__0f084 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.buttonChildren__0f084 {
|
|
opacity: 1
|
|
}
|
|
|
|
.buttonChildren__0f084.loading__0f084 {
|
|
opacity: 0
|
|
}
|
|
|
|
.spinnerWrapper__0f084 {
|
|
animation-duration: .2s;
|
|
animation-fill-mode: forwards;
|
|
animation-timing-function: ease;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.spinnerWrapper__0f084.fadeIn__0f084 {
|
|
animation-name: spinner-opacity-in__0f084
|
|
}
|
|
|
|
.spinnerWrapper__0f084.fadeOut__0f084 {
|
|
animation-name: spinner-opacity-out__0f084
|
|
}
|
|
|
|
.full-motion .spinnerWrapper__0f084.fadeIn__0f084 {
|
|
animation-name: spinner-transform-in__0f084,spinner-opacity-in__0f084
|
|
}
|
|
|
|
.full-motion .spinnerWrapper__0f084.fadeOut__0f084 {
|
|
animation-name: spinner-transform-out__0f084,spinner-opacity-out__0f084
|
|
}
|
|
|
|
.full-motion .buttonChildren__0f084 {
|
|
transform: translateY(0)
|
|
}
|
|
|
|
.full-motion .buttonChildren__0f084.loading__0f084 {
|
|
transform: translateY(-100%)
|
|
}
|
|
|
|
@keyframes spinner-opacity-in__0f084 {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes spinner-opacity-out__0f084 {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes spinner-transform-in__0f084 {
|
|
0% {
|
|
transform: translateY(100%)
|
|
}
|
|
|
|
to {
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
@keyframes spinner-transform-out__0f084 {
|
|
0% {
|
|
transform: translateY(0)
|
|
}
|
|
|
|
to {
|
|
transform: translateY(100%)
|
|
}
|
|
}
|
|
|
|
.xs__0f084 {
|
|
border-radius: var(--radius-xs)
|
|
}
|
|
|
|
.xs__0f084 .buttonChildrenWrapper__0f084 {
|
|
min-height: 22px;
|
|
min-width: 22px
|
|
}
|
|
|
|
.xs__0f084.hasText__0f084 {
|
|
min-width: var(--__button-min-width,60px)
|
|
}
|
|
|
|
.xs__0f084.hasText__0f084 .buttonChildrenWrapper__0f084 {
|
|
padding: calc(var(--space-4) - 1px) calc(var(--space-8) - 1px)
|
|
}
|
|
|
|
.sm__0f084 .buttonChildrenWrapper__0f084 {
|
|
min-height: 30px;
|
|
min-width: 30px
|
|
}
|
|
|
|
.sm__0f084.hasText__0f084 {
|
|
min-width: var(--__button-min-width,60px)
|
|
}
|
|
|
|
.sm__0f084.hasText__0f084 .buttonChildrenWrapper__0f084 {
|
|
padding: calc(var(--space-4) - 1px) calc(var(--space-12) - 1px)
|
|
}
|
|
|
|
.md__0f084 .buttonChildrenWrapper__0f084 {
|
|
min-height: 38px;
|
|
min-width: 38px
|
|
}
|
|
|
|
.md__0f084.hasText__0f084 {
|
|
min-width: var(--__button-min-width,100px)
|
|
}
|
|
|
|
.md__0f084.hasText__0f084 .buttonChildrenWrapper__0f084 {
|
|
padding: calc(var(--space-8) - 1px) calc(var(--space-16) - 1px)
|
|
}
|
|
|
|
.spinnerItem__0f084 {
|
|
background-color: currentColor!important
|
|
}
|
|
|
|
.spinner__0f084 {
|
|
height: 100%
|
|
}
|
|
|
|
.spinner-sm__0f084,.spinner-xs__0f084 {
|
|
min-height: 16px;
|
|
min-width: 16px;
|
|
transform: scale(.75)
|
|
}
|
|
|
|
.spinner-md__0f084 {
|
|
transform: scale(.9)
|
|
}
|
|
|
|
.spinner-lg__0f084,.spinner-md__0f084 {
|
|
min-height: 20px;
|
|
min-width: 20px
|
|
}
|
|
|
|
.primary__0f084 {
|
|
background-color: var(--control-primary-background-default);
|
|
border-color: var(--control-primary-border-default);
|
|
color: var(--control-primary-text-default)
|
|
}
|
|
|
|
.primary__0f084:hover {
|
|
background-color: var(--control-primary-background-hover);
|
|
border-color: var(--control-primary-border-hover);
|
|
color: var(--control-primary-text-hover)
|
|
}
|
|
|
|
.primary__0f084:active {
|
|
background-color: var(--control-primary-background-active);
|
|
border-color: var(--control-primary-border-active);
|
|
color: var(--control-primary-text-active)
|
|
}
|
|
|
|
.secondary__0f084 {
|
|
background-color: var(--control-secondary-background-default);
|
|
border-color: var(--control-secondary-border-default);
|
|
color: var(--control-secondary-text-default)
|
|
}
|
|
|
|
.secondary__0f084:hover {
|
|
background-color: var(--control-secondary-background-hover);
|
|
border-color: var(--control-secondary-border-hover);
|
|
color: var(--control-secondary-text-hover)
|
|
}
|
|
|
|
.secondary__0f084:active {
|
|
background-color: var(--control-secondary-background-active);
|
|
border-color: var(--control-secondary-border-active);
|
|
color: var(--control-secondary-text-active)
|
|
}
|
|
|
|
.icon-only__0f084 {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
color: var(--control-icon-only-icon-default)
|
|
}
|
|
|
|
.icon-only__0f084:hover {
|
|
background-color: var(--control-icon-only-background-hover);
|
|
border-color: var(--control-icon-only-border-hover);
|
|
color: var(--control-icon-only-icon-hover)
|
|
}
|
|
|
|
.icon-only__0f084:active {
|
|
background-color: var(--control-icon-only-background-active);
|
|
border-color: var(--control-icon-only-border-active);
|
|
color: var(--control-icon-only-icon-active)
|
|
}
|
|
|
|
.color-mix__0f084 {
|
|
background-color: transparent;
|
|
border: transparent;
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.color-mix__0f084:hover {
|
|
color: var(--control-icon-only-icon-hover)
|
|
}
|
|
|
|
.color-mix__0f084:active {
|
|
color: var(--control-icon-only-icon-active)
|
|
}
|
|
|
|
.color-mix__0f084:before {
|
|
border: 1px solid transparent;
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
content: "";
|
|
height: 100%;
|
|
left: 0;
|
|
mix-blend-mode: plus-lighter;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: background-color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in;
|
|
width: 100%
|
|
}
|
|
|
|
.color-mix__0f084:hover:before {
|
|
background-color: var(--control-icon-only-background-hover);
|
|
border-color: var(--border-subtle);
|
|
transition: background-color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out
|
|
}
|
|
|
|
.color-mix__0f084:active:before {
|
|
background-color: var(--control-icon-only-background-active);
|
|
border-color: var(--border-subtle)
|
|
}
|
|
|
|
.input-accessory__0f084 {
|
|
border-radius: var(--radius-xs);
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.theme-light .color-mix__0f084:before {
|
|
mix-blend-mode: difference
|
|
}
|
|
|
|
.critical-primary__0f084 {
|
|
background-color: var(--control-critical-primary-background-default);
|
|
border-color: var(--control-critical-primary-border-default);
|
|
color: var(--control-critical-primary-text-default)
|
|
}
|
|
|
|
.critical-primary__0f084:hover {
|
|
background-color: var(--control-critical-primary-background-hover);
|
|
border-color: var(--control-critical-primary-border-hover);
|
|
color: var(--control-critical-primary-text-hover)
|
|
}
|
|
|
|
.critical-primary__0f084:active {
|
|
background-color: var(--control-critical-primary-background-active);
|
|
border-color: var(--control-critical-primary-border-active);
|
|
color: var(--control-critical-primary-text-active)
|
|
}
|
|
|
|
.critical-secondary__0f084 {
|
|
background-color: var(--control-critical-secondary-background-default);
|
|
border-color: var(--control-critical-secondary-border-default);
|
|
color: var(--control-critical-secondary-text-default)
|
|
}
|
|
|
|
.critical-secondary__0f084:hover {
|
|
background-color: var(--control-critical-secondary-background-hover);
|
|
border-color: var(--control-critical-secondary-border-hover);
|
|
color: var(--control-critical-secondary-text-hover)
|
|
}
|
|
|
|
.critical-secondary__0f084:active {
|
|
background-color: var(--control-critical-secondary-background-active);
|
|
border-color: var(--control-critical-secondary-border-active);
|
|
color: var(--control-critical-secondary-text-active)
|
|
}
|
|
|
|
.active__0f084 {
|
|
background-color: var(--control-connected-background-default);
|
|
border-color: var(--control-connected-border-default);
|
|
color: var(--control-connected-text-default)
|
|
}
|
|
|
|
.active__0f084:hover {
|
|
background-color: var(--control-connected-background-hover);
|
|
border-color: var(--control-connected-border-hover);
|
|
color: var(--control-connected-text-hover)
|
|
}
|
|
|
|
.active__0f084:active {
|
|
background-color: var(--control-connected-background-active);
|
|
border-color: var(--control-connected-border-active);
|
|
color: var(--control-connected-text-active)
|
|
}
|
|
|
|
.overlay-primary__0f084 {
|
|
background-color: var(--control-overlay-primary-background-default);
|
|
border-color: var(--control-overlay-primary-border-default);
|
|
color: var(--control-overlay-primary-text-default)
|
|
}
|
|
|
|
.overlay-primary__0f084:hover {
|
|
background-color: var(--control-overlay-primary-background-hover);
|
|
border-color: var(--control-overlay-primary-border-hover);
|
|
color: var(--control-overlay-primary-text-hover)
|
|
}
|
|
|
|
.overlay-primary__0f084:active {
|
|
background-color: var(--control-overlay-primary-background-active);
|
|
border-color: var(--control-overlay-primary-border-active);
|
|
color: var(--control-overlay-primary-text-active)
|
|
}
|
|
|
|
.overlay-secondary__0f084 {
|
|
background-color: var(--control-overlay-secondary-background-default);
|
|
border-color: var(--control-overlay-secondary-border-default);
|
|
color: var(--control-overlay-secondary-text-default)
|
|
}
|
|
|
|
.overlay-secondary__0f084:hover {
|
|
background-color: var(--control-overlay-secondary-background-hover);
|
|
border-color: var(--control-overlay-secondary-border-hover);
|
|
color: var(--control-overlay-secondary-text-hover)
|
|
}
|
|
|
|
.overlay-secondary__0f084:active {
|
|
background-color: var(--control-overlay-secondary-background-active);
|
|
border-color: var(--control-overlay-secondary-border-active);
|
|
color: var(--control-overlay-secondary-text-active)
|
|
}
|
|
|
|
.expressive__0f084>* {
|
|
pointer-events: none;
|
|
z-index: 1
|
|
}
|
|
|
|
.expressiveRive__0f084 {
|
|
height: calc(100% + var(--__glow-amount)*2 + 2px);
|
|
left: calc(var(--__glow-amount)*-1 - 1px);
|
|
position: absolute;
|
|
top: calc(var(--__glow-amount)*-1 - 1px);
|
|
width: calc(100% + var(--__glow-amount)*2 + 2px)
|
|
}
|
|
|
|
.expressive__0f084 .expressiveBackground__0f084 {
|
|
filter: blur(10px) saturate(var(--saturation-factor,1))
|
|
}
|
|
|
|
.reduce-motion .expressive__0f084 .expressiveBackground__0f084 {
|
|
filter: blur(7px) saturate(var(--saturation-factor,1))
|
|
}
|
|
|
|
.expressive__0f084 {
|
|
color: var(--control-expressive-text-default)
|
|
}
|
|
|
|
.expressive__0f084 .expressiveFill__0f084 {
|
|
--__glow-amount: 0px;
|
|
background-color: var(--control-expressive-background-default);
|
|
border-radius: 8px;
|
|
transition: background-color .15s ease,width .15s ease,height .15s ease,top .15s ease,left .15s ease
|
|
}
|
|
|
|
.expressive__0f084:hover {
|
|
color: var(--control-expressive-text-hover)
|
|
}
|
|
|
|
.expressive__0f084:hover .expressiveFill__0f084 {
|
|
background-color: var(--control-expressive-background-hover)
|
|
}
|
|
|
|
.expressive__0f084:active {
|
|
color: var(--control-expressive-text-active)
|
|
}
|
|
|
|
.expressive__0f084:active .expressiveFill__0f084 {
|
|
--__glow-amount: -1px;
|
|
background-color: var(--control-expressive-background-active)
|
|
}
|
|
|
|
.expressive__0f084 .expressiveHoverContainer__0f084 {
|
|
filter: blur(8px);
|
|
mix-blend-mode: plus-lighter;
|
|
pointer-events: all
|
|
}
|
|
|
|
.expressiveWrapper__0f084 {
|
|
--__glow-amount: 8px;
|
|
display: flex;
|
|
max-width: 100%;
|
|
position: relative;
|
|
width: -moz-min-content;
|
|
width: min-content
|
|
}
|
|
|
|
.fullWidth__0f084.hasText__0f084 {
|
|
flex: 1;
|
|
width: 100%
|
|
}
|
|
|
|
.rounded__0f084 {
|
|
border-radius: var(--radius-round)
|
|
}
|
|
|
|
.enable-forced-colors .button__0f084 {
|
|
background-color: ButtonFace;
|
|
border-color: ButtonText;
|
|
color: ButtonText;
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.enable-forced-colors .button__0f084:disabled {
|
|
background-color: Canvas;
|
|
border-color: GrayText;
|
|
color: GrayText;
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .button__0f084 .expressiveFill__0f084 {
|
|
display: none
|
|
}
|
|
|
|
.container__0f084 {
|
|
--custom-input-padding: 10px;
|
|
--custom-text-input-icon-spacing: var(--space-4);
|
|
min-height: var(--custom-text-input-height)
|
|
}
|
|
|
|
.container__0f084 .icon__0f084 {
|
|
height: calc(var(--custom-text-input-height) - var(--custom-text-input-icon-spacing)*2 - 2px)
|
|
}
|
|
|
|
.icon__0f084 {
|
|
align-items: center;
|
|
aspect-ratio: 1/1;
|
|
border: 1px solid transparent;
|
|
border-radius: var(--radius-xs);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.image__0f084 {
|
|
height: 100%;
|
|
padding: 0 var(--space-4)
|
|
}
|
|
|
|
.iconButton__0f084 {
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.clearButton__0f084 {
|
|
color: var(--icon-subtle);
|
|
cursor: pointer
|
|
}
|
|
|
|
.clearButton__0f084:hover {
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.leadingText__0f084 {
|
|
padding-inline-start:var(--space-4)}
|
|
|
|
.sm__0f084 {
|
|
--custom-text-input-height: var(--control-item-height-sm)
|
|
}
|
|
|
|
.md__0f084 {
|
|
--custom-text-input-height: var(--control-input-height-md)
|
|
}
|
|
|
|
.hasLeading__0f084 {
|
|
padding-inline-start:var(--custom-text-input-icon-spacing)}
|
|
|
|
.hasLeading__0f084 .input__0f084 {
|
|
padding-inline-start: 0
|
|
}
|
|
|
|
.hasTrailing__0f084 {
|
|
padding-inline-end:var(--custom-text-input-icon-spacing)}
|
|
|
|
.hasTrailing__0f084 .input__0f084 {
|
|
padding-inline-end: 0
|
|
}
|
|
|
|
.input__0f084 {
|
|
background-color: transparent;
|
|
border: none;
|
|
box-sizing: border-box;
|
|
color: inherit;
|
|
flex: 1;
|
|
font-size: inherit;
|
|
height: 100%;
|
|
min-width: 30%;
|
|
padding-inline:var(--space-12)}
|
|
|
|
.input__0f084: disabled {
|
|
cursor:not-allowed;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.input__0f084::-moz-placeholder {
|
|
color: var(--input-placeholder-text-default);
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.input__0f084::placeholder {
|
|
color: var(--input-placeholder-text-default);
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.hasTags__0f084 {
|
|
padding: var(--space-4)
|
|
}
|
|
|
|
.hasTags__0f084 .input__0f084 {
|
|
height: calc(var(--custom-text-input-height) - 8px);
|
|
padding-inline-start:var(--space-8)}
|
|
|
|
.calendar__2ffbd {
|
|
box-sizing: border-box;
|
|
color: var(--text-default);
|
|
max-width: 248px;
|
|
padding: var(--space-16);
|
|
width: 100%
|
|
}
|
|
|
|
.calendarHeader__2ffbd {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-8);
|
|
justify-content: space-between;
|
|
margin-bottom: var(--space-12)
|
|
}
|
|
|
|
.selectField__2ffbd {
|
|
height: 24px
|
|
}
|
|
|
|
.select__2ffbd {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background-color: transparent;
|
|
border: none
|
|
}
|
|
|
|
.monthSelect__2ffbd:hover:not(:disabled),.yearSelect__2ffbd:hover:not(:disabled) {
|
|
border-color: var(--input-border-hover)
|
|
}
|
|
|
|
.monthSelect__2ffbd:focus,.yearSelect__2ffbd:focus {
|
|
border-color: var(--input-border-focus);
|
|
box-shadow: 0 0 0 1px var(--input-border-focus);
|
|
outline: none
|
|
}
|
|
|
|
.monthSelect__2ffbd:disabled,.yearSelect__2ffbd:disabled {
|
|
cursor: not-allowed;
|
|
opacity: .5
|
|
}
|
|
|
|
.calendarGrid__2ffbd {
|
|
border-collapse: collapse;
|
|
width: 100%
|
|
}
|
|
|
|
.cell__2ffbd,.headerCell__2ffbd {
|
|
aspect-ratio: 1/1;
|
|
height: 32px
|
|
}
|
|
|
|
.cell__2ffbd {
|
|
align-items: center;
|
|
background: transparent;
|
|
border-radius: var(--radius-sm);
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: center;
|
|
text-align: center;
|
|
transition: all .15s ease
|
|
}
|
|
|
|
.cell__2ffbd[data-selected] {
|
|
background-color: var(--control-primary-background-default);
|
|
color: var(--control-primary-text-default);
|
|
outline: 1px solid var(--control-primary-border-default);
|
|
outline-offset: -1px
|
|
}
|
|
|
|
.cell__2ffbd[data-disabled] {
|
|
color: var(--text-disabled);
|
|
cursor: not-allowed;
|
|
opacity: .4
|
|
}
|
|
|
|
.cell__2ffbd[data-focus-visible] {
|
|
box-shadow: inset 0 0 0 2px var(--border-focus);
|
|
outline: none
|
|
}
|
|
|
|
.cell__2ffbd[data-outside-month] {
|
|
color: var(--text-subtle);
|
|
opacity: .4
|
|
}
|
|
|
|
.cell__2ffbd:hover:not([data-disabled]):not([data-selected]) {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.enable-forced-colors .calendar__2ffbd {
|
|
background-color: Canvas;
|
|
border-color: ButtonBorder
|
|
}
|
|
|
|
.enable-forced-colors .cell__2ffbd {
|
|
color: CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .cell__2ffbd[data-selected] {
|
|
background-color: Highlight;
|
|
color: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors .cell__2ffbd[data-disabled] {
|
|
color: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .cell__2ffbd[data-focus-visible] {
|
|
box-shadow: inset 0 0 0 2px Highlight;
|
|
outline: none
|
|
}
|
|
|
|
.enable-forced-colors .cell__2ffbd[data-outside-month] {
|
|
color: GrayText;
|
|
opacity: .4
|
|
}
|
|
|
|
.enable-forced-colors .cell__2ffbd:hover:not(.cellDisabled__2ffbd):not(.selected__2ffbd) {
|
|
background-color: ButtonFace
|
|
}
|
|
|
|
.inputField_a14f87 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: var(--control-input-height-md);
|
|
justify-content: space-between;
|
|
max-width: 180px;
|
|
padding-left: var(--space-8);
|
|
padding-right: var(--space-4)
|
|
}
|
|
|
|
.datePicker_a14f87 {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.placeholder_a14f87 {
|
|
color: var(--text-subtle)
|
|
}
|
|
|
|
.inputGroup_a14f87 {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: space-between;
|
|
padding-bottom: var(--space-4);
|
|
padding-top: var(--space-4);
|
|
width: 100%
|
|
}
|
|
|
|
.segment_a14f87 {
|
|
border-radius: var(--radius-xs);
|
|
padding: 0 2px
|
|
}
|
|
|
|
.segment_a14f87:focus {
|
|
background-color: var(--opacity-blurple-8);
|
|
color: var(--text-strong);
|
|
outline: 1px solid var(--border-focus)
|
|
}
|
|
|
|
.calendarButton_a14f87 {
|
|
align-items: center;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
aspect-ratio: 1/1;
|
|
background: transparent;
|
|
border-radius: var(--radius-xs);
|
|
color: var(--control-icon-only-icon-default);
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
transition: all .15s ease
|
|
}
|
|
|
|
.calendarButton_a14f87[data-hovered] {
|
|
background-color: var(--control-icon-only-background-hover);
|
|
border-color: var(--control-icon-only-border-hover);
|
|
color: var(--control-icon-only-icon-hover)
|
|
}
|
|
|
|
.calendarButton_a14f87[data-pressed] {
|
|
background-color: var(--control-icon-only-background-active);
|
|
border-color: var(--control-icon-only-border-active);
|
|
color: var(--control-icon-only-icon-active)
|
|
}
|
|
|
|
.calendarButton_a14f87[data-focus-visible] {
|
|
outline: 2px solid var(--border-focus);
|
|
outline-offset: -1px
|
|
}
|
|
|
|
.dialog_a14f87,.popover_a14f87 {
|
|
z-index: 10
|
|
}
|
|
|
|
.dialog_a14f87 {
|
|
background-color: var(--background-surface-higher);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: 0 2px 8px 0 var(--opacity-black-16);
|
|
box-sizing: border-box;
|
|
max-height: 100%;
|
|
overflow: auto!important
|
|
}
|
|
|
|
.enable-forced-colors .inputGroup_a14f87 {
|
|
background-color: Field;
|
|
border-color: ButtonBorder
|
|
}
|
|
|
|
.enable-forced-colors .inputGroup_a14f87.error_a14f87 {
|
|
border-color: Mark
|
|
}
|
|
|
|
.enable-forced-colors .segment_a14f87 {
|
|
color: FieldText
|
|
}
|
|
|
|
.enable-forced-colors .segment_a14f87:focus {
|
|
background-color: Highlight;
|
|
color: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors .calendarButton_a14f87 {
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .calendarButton_a14f87:hover {
|
|
background-color: ButtonFace
|
|
}
|
|
|
|
.placeholder__84ae7 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-subtle);
|
|
border: 1px dashed var(--border-subtle);
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: var(--space-8) var(--space-12)
|
|
}
|
|
|
|
.outerContainer_e44912 {
|
|
align-items: center;
|
|
container: outer-container/inline-size;
|
|
display: flex;
|
|
height: 100dvh;
|
|
justify-content: center;
|
|
width: calc(100vw - var(--devtools-sidebar-width, 0px))
|
|
}
|
|
|
|
.modal_e44912 {
|
|
--custom-viewport-padding: calc(var(--space-40) + var(--custom-app-top-bar-height));
|
|
background: var(--background-base-lower);
|
|
box-sizing: border-box;
|
|
container: modal-container/inline-size;
|
|
height: calc(100% - (var(--custom-viewport-padding))*2);
|
|
max-width: 1400px;
|
|
overflow: hidden;
|
|
width: calc(100% - (var(--custom-viewport-padding))*2)
|
|
}
|
|
|
|
@media (max-width: 1600px) {
|
|
.modal_e44912 {
|
|
--custom-viewport-padding:var(--space-40)
|
|
}
|
|
}
|
|
|
|
@container outer-container (max-width: 1600px) {
|
|
.modal_e44912 {
|
|
--custom-viewport-padding: var(--space-40)
|
|
}
|
|
}
|
|
|
|
@container outer-container (max-width: 1080px) {
|
|
.modal_e44912 {
|
|
border: none;
|
|
border-radius: 0;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
padding-top: var(--custom-app-top-bar-height);
|
|
width: 100%
|
|
}
|
|
|
|
.is-mobile .modal_e44912 {
|
|
padding-top: 0
|
|
}
|
|
|
|
.modalContent_e44912 {
|
|
border-top: 1px solid var(--border-muted)
|
|
}
|
|
}
|
|
|
|
.modalContent_e44912 {
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.modalContentInner_e44912 {
|
|
box-sizing: inherit;
|
|
height: inherit;
|
|
width: inherit
|
|
}
|
|
|
|
.popover_d6f39b {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-16);
|
|
max-width: var(--custom-popover-width);
|
|
padding: var(--space-16);
|
|
position: relative;
|
|
text-align: center;
|
|
width: var(--custom-popover-width);
|
|
--custom-popover-caret-gradient-color-start: transparent;
|
|
--custom-popover-caret-gradient-color-end: transparent
|
|
}
|
|
|
|
.popover_d6f39b,.popoverGradientWrapper_d6f39b {
|
|
background: var(--background-surface-high);
|
|
border-radius: var(--radius-md);
|
|
box-shadow: inset 0 0 0 1px var(--border-subtle),var(--shadow-high)
|
|
}
|
|
|
|
.popoverGradientWrapper_d6f39b {
|
|
--custom-popover-caret-gradient-color-start: var(--custom-gradient-color-start);
|
|
--custom-popover-caret-gradient-color-end: var(--custom-gradient-color-end)
|
|
}
|
|
|
|
.popoverContentWithGradient_d6f39b {
|
|
background: transparent;
|
|
border-radius: var(--radius-md);
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-16);
|
|
max-width: var(--custom-popover-width);
|
|
padding: var(--space-16);
|
|
position: relative;
|
|
text-align: center;
|
|
width: var(--custom-popover-width)
|
|
}
|
|
|
|
.popover--video_d6f39b,.popoverContentWithGradient_d6f39b.popover--video_d6f39b {
|
|
padding: var(--space-4)
|
|
}
|
|
|
|
.popover--video_d6f39b .footer_d6f39b,.popover--video_d6f39b .header_d6f39b {
|
|
padding: 0 var(--space-16)
|
|
}
|
|
|
|
.popover--video_d6f39b .actionBar_d6f39b {
|
|
padding: 0 var(--space-16) var(--space-16)
|
|
}
|
|
|
|
.closeButton_d6f39b {
|
|
inset-inline-end: var(--space-4);
|
|
position: absolute;
|
|
top: var(--space-4);
|
|
z-index: 2
|
|
}
|
|
|
|
.header_d6f39b {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4);
|
|
margin: var(--space-20) 0;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.headerWithBadge_d6f39b {
|
|
}
|
|
|
|
.title_d6f39b {
|
|
margin: 0;
|
|
text-align: center
|
|
}
|
|
|
|
.headerBody_d6f39b {
|
|
color: var(--text-subtle);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
margin: 0
|
|
}
|
|
|
|
.badgeContainer_d6f39b {
|
|
margin-bottom: var(--space-12)
|
|
}
|
|
|
|
.content_d6f39b {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.graphic_d6f39b {
|
|
margin: var(--space-16) auto var(--space-20);
|
|
width: 100%
|
|
}
|
|
|
|
.graphic--md_d6f39b,.graphic--sm_d6f39b {
|
|
max-width: 144px
|
|
}
|
|
|
|
.graphic--lg_d6f39b {
|
|
max-width: 160px
|
|
}
|
|
|
|
.graphic--video_d6f39b {
|
|
max-width: 232px
|
|
}
|
|
|
|
.footer_d6f39b {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4);
|
|
text-align: center
|
|
}
|
|
|
|
.footerText_d6f39b {
|
|
color: var(--text-muted);
|
|
margin: 0
|
|
}
|
|
|
|
.footerLink_d6f39b {
|
|
color: var(--text-link);
|
|
margin: 0
|
|
}
|
|
|
|
.actionBar_d6f39b {
|
|
align-items: stretch;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8);
|
|
justify-content: center
|
|
}
|
|
|
|
.actionBar_d6f39b .actions_d6f39b {
|
|
flex: 1;
|
|
min-width: unset
|
|
}
|
|
|
|
.actions_d6f39b {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.multistepIndicator_d6f39b {
|
|
color: var(--text-muted);
|
|
margin-inline-start:var(--space-4);margin-top: var(--space-4);
|
|
opacity: .7
|
|
}
|
|
|
|
.multistepActionLayout_d6f39b {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
.caretIcon_d6f39b .caretFill_d6f39b {
|
|
fill: var(--background-surface-high)
|
|
}
|
|
|
|
.caretIcon_d6f39b .caretGradient_d6f39b {
|
|
fill: var(--custom-popover-caret-gradient-color,transparent)
|
|
}
|
|
|
|
.caretIcon_d6f39b .caretStroke_d6f39b {
|
|
stroke: var(--border-subtle);
|
|
stroke-opacity: 1
|
|
}
|
|
|
|
.caret__6ec79 {
|
|
--custom-caret-half-width: 11px;
|
|
--custom-caret-half-height: 7px;
|
|
--custom-caret-horizontal-distance: 18px;
|
|
--custom-caret-border-overlap: 1px;
|
|
color: transparent;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
transform-origin: center
|
|
}
|
|
|
|
.caret--bottom__6ec79 {
|
|
top: calc(100% - var(--custom-caret-border-overlap));
|
|
transform: rotate(0deg)
|
|
}
|
|
|
|
.caret--top__6ec79 {
|
|
bottom: calc(100% - var(--custom-caret-border-overlap));
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.caret--left__6ec79 {
|
|
--custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-start) 25%,transparent);
|
|
inset-inline-start: calc(var(--custom-caret-horizontal-distance)*-1);
|
|
transform: rotate(90deg)
|
|
}
|
|
|
|
.caret--right__6ec79 {
|
|
inset-inline-end: calc(var(--custom-caret-horizontal-distance)*-1);
|
|
transform: rotate(-90deg)
|
|
}
|
|
|
|
.caret--bottom__6ec79.caret--center__6ec79,.caret--top__6ec79.caret--center__6ec79 {
|
|
inset-inline-start: calc(50% + var(--custom-caret-edge-offset-horizontal-nudge, 0));
|
|
margin-inline-start:calc(var(--custom-caret-half-width)*-1)}
|
|
|
|
.caret--bottom__6ec79.caret--start__6ec79,.caret--top__6ec79.caret--start__6ec79 {
|
|
inset-inline-start: calc(var(--custom-caret-edge-offset-horizontal) + var(--custom-caret-edge-offset-horizontal-nudge, 0));
|
|
margin-inline-start:calc(var(--custom-caret-half-width)*-1)}
|
|
|
|
.caret--bottom__6ec79.caret--end__6ec79,.caret--top__6ec79.caret--end__6ec79 {
|
|
inset-inline-end: calc(var(--custom-caret-edge-offset-horizontal) - var(--custom-caret-edge-offset-horizontal-nudge, 0));
|
|
margin-inline-end:calc(var(--custom-caret-half-width)*-1)}
|
|
|
|
.caret--left__6ec79.caret--center__6ec79,.caret--right__6ec79.caret--center__6ec79 {
|
|
margin-top: calc(var(--custom-caret-half-height)*-1);
|
|
top: 50%
|
|
}
|
|
|
|
.caret--left__6ec79.caret--center__6ec79 {
|
|
inset-inline-start: calc(var(--custom-caret-horizontal-distance)*-1)
|
|
}
|
|
|
|
.caret--left__6ec79.caret--start__6ec79,.caret--right__6ec79.caret--start__6ec79 {
|
|
margin-top: calc(var(--custom-caret-half-height)*-1);
|
|
top: var(--custom-caret-edge-offset-vertical)
|
|
}
|
|
|
|
.caret--left__6ec79.caret--end__6ec79,.caret--right__6ec79.caret--end__6ec79 {
|
|
bottom: var(--custom-caret-edge-offset-vertical);
|
|
margin-bottom: calc(var(--custom-caret-half-height)*-1)
|
|
}
|
|
|
|
.caret--custom__6ec79 {
|
|
--custom-caret-offset-x: 0;
|
|
--custom-caret-offset-y: 0
|
|
}
|
|
|
|
.caret--bottom__6ec79.caret--custom__6ec79,.caret--top__6ec79.caret--custom__6ec79 {
|
|
inset-inline-start: 50%;
|
|
margin-inline-start:calc(var(--custom-caret-offset-x) - var(--custom-caret-half-width))}
|
|
|
|
.caret--left__6ec79.caret--custom__6ec79,.caret--right__6ec79.caret--custom__6ec79 {
|
|
margin-top: calc(var(--custom-caret-offset-y) - var(--custom-caret-half-height));
|
|
top: 50%
|
|
}
|
|
|
|
.caret--top__6ec79.caret--start__6ec79 {
|
|
--custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-end) 7%,var(--custom-popover-caret-gradient-color-start))
|
|
}
|
|
|
|
.caret--top__6ec79.caret--center__6ec79 {
|
|
--custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-end) 50%,var(--custom-popover-caret-gradient-color-start))
|
|
}
|
|
|
|
.caret--top__6ec79.caret--end__6ec79 {
|
|
--custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-end) 98%,var(--custom-popover-caret-gradient-color-start))
|
|
}
|
|
|
|
.caret--right__6ec79.caret--start__6ec79 {
|
|
--custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-end) 98%,transparent)
|
|
}
|
|
|
|
.caret--right__6ec79.caret--center__6ec79 {
|
|
--custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-end) 25%,transparent)
|
|
}
|
|
|
|
.caret--left__6ec79.caret--start__6ec79 {
|
|
--custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-start) 98%,transparent)
|
|
}
|
|
|
|
.caret--left__6ec79.caret--center__6ec79 {
|
|
--custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-start) 25%,transparent)
|
|
}
|
|
|
|
.media__9c640 {
|
|
border-radius: var(--radius-md)
|
|
}
|
|
|
|
.assetContainer__9c640 {
|
|
border-radius: var(--radius-sm);
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.playButton__9c640 {
|
|
inset-inline-start: 50%;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
transition: opacity .2s ease-in-out;
|
|
z-index: 2
|
|
}
|
|
|
|
.assetContainer__9c640:focus-within .playButton__9c640,.assetContainer__9c640:hover .playButton__9c640 {
|
|
opacity: 1;
|
|
pointer-events: auto
|
|
}
|
|
|
|
.closeButton__9c640 {
|
|
inset-inline-end: calc(var(--space-8) - 1px);
|
|
position: absolute;
|
|
top: calc(var(--space-8) - 1px);
|
|
z-index: 2
|
|
}
|
|
|
|
.variants_f72374 {
|
|
display: grid;
|
|
gap: var(--space-8);
|
|
grid-template-columns: repeat(auto-fill,minmax(200px,1fr))
|
|
}
|
|
|
|
.card_f72374 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
overflow: hidden;
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.layer__95d7b {
|
|
background-color: var(--background-surface-high);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-md);
|
|
box-shadow: var(--shadow-high);
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
.container__28842 {
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%;
|
|
--custom-edge-fade-width: 0
|
|
}
|
|
|
|
.children__28842 {
|
|
align-items: stretch;
|
|
flex-shrink: auto;
|
|
-webkit-mask-image: none;
|
|
mask-image: none;
|
|
overflow-x: scroll;
|
|
scrollbar-width: none;
|
|
transition: -webkit-mask-image .3s linear;
|
|
transition: mask-image .3s linear;
|
|
transition: mask-image .3s linear,-webkit-mask-image .3s linear
|
|
}
|
|
|
|
.children__28842.scrollRight__28842 {
|
|
-webkit-mask-image: linear-gradient(90deg,#000,#000 calc(100% - var(--custom-edge-fade-width)),transparent);
|
|
mask-image: linear-gradient(90deg,#000,#000 calc(100% - var(--custom-edge-fade-width)),transparent)
|
|
}
|
|
|
|
.children__28842.scrollLeft__28842 {
|
|
-webkit-mask-image: linear-gradient(90deg,transparent,#000 var(--custom-edge-fade-width));
|
|
mask-image: linear-gradient(90deg,transparent,#000 var(--custom-edge-fade-width))
|
|
}
|
|
|
|
.children__28842.scrollBoth__28842 {
|
|
-webkit-mask-image: linear-gradient(90deg,transparent,#000 var(--custom-edge-fade-width),#000 calc(100% - var(--custom-edge-fade-width)),transparent);
|
|
mask-image: linear-gradient(90deg,transparent,#000 var(--custom-edge-fade-width),#000 calc(100% - var(--custom-edge-fade-width)),transparent)
|
|
}
|
|
|
|
.children__28842.noScroll__28842 {
|
|
-webkit-mask-image: none;
|
|
mask-image: none
|
|
}
|
|
|
|
.children__28842>* {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.actions__28842 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
inset: 0;
|
|
justify-content: space-between;
|
|
padding: var(--space-8);
|
|
pointer-events: none;
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
.actions__28842>* {
|
|
pointer-events: auto
|
|
}
|
|
|
|
.button__28842 {
|
|
opacity: 1;
|
|
transition: opacity .1s linear
|
|
}
|
|
|
|
.disabled__28842 {
|
|
opacity: 0;
|
|
pointer-events: none
|
|
}
|
|
|
|
.hero__50e07 {
|
|
--custom-hero-min-height: 150px;
|
|
background-position: top;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% auto;
|
|
border-radius: var(--radius-md);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
min-height: var(--custom-hero-min-height);
|
|
padding: var(--space-8);
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.logo__50e07 {
|
|
align-self: flex-start;
|
|
display: block;
|
|
height: auto;
|
|
justify-self: center;
|
|
max-height: calc(var(--custom-hero-min-height) - var(--space-8)*2);
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: auto
|
|
}
|
|
|
|
.children__50e07 {
|
|
padding-top: var(--space-24)
|
|
}
|
|
|
|
.card__896d4 {
|
|
border-radius: var(--radius-lg);
|
|
flex-grow: 1;
|
|
overflow: hidden;
|
|
transition: filter .15s ease-in-out
|
|
}
|
|
|
|
.card__896d4:hover {
|
|
filter: drop-shadow(0 8px 10px rgba(0,0,0,.14))
|
|
}
|
|
|
|
.overflowable__896d4 {
|
|
overflow: visible
|
|
}
|
|
|
|
.grid__1b670 {
|
|
container-type: inline-size;
|
|
display: grid;
|
|
gap: 8px;
|
|
grid-auto-flow: dense;
|
|
width: 100%
|
|
}
|
|
|
|
.columns1__1b670 {
|
|
grid-template-columns: repeat(1,1fr)
|
|
}
|
|
|
|
.columns2__1b670 {
|
|
grid-template-columns: repeat(2,1fr)
|
|
}
|
|
|
|
.columns3__1b670 {
|
|
grid-template-columns: repeat(3,1fr)
|
|
}
|
|
|
|
.columns4__1b670 {
|
|
grid-template-columns: repeat(4,1fr)
|
|
}
|
|
|
|
.columns5__1b670 {
|
|
grid-template-columns: repeat(5,1fr)
|
|
}
|
|
|
|
.columns6__1b670 {
|
|
grid-template-columns: repeat(6,1fr)
|
|
}
|
|
|
|
@container (max-width: 768px) {
|
|
.columns3__1b670,.columns4__1b670,.columns5__1b670,.columns6__1b670 {
|
|
grid-template-columns: repeat(2,1fr)
|
|
}
|
|
}
|
|
|
|
@container (max-width: 480px) {
|
|
.columns2__1b670,.columns3__1b670,.columns4__1b670,.columns5__1b670,.columns6__1b670 {
|
|
grid-template-columns: repeat(1,1fr)
|
|
}
|
|
}
|
|
|
|
.gridItem__1b670 {
|
|
display: block
|
|
}
|
|
|
|
.gridItemColumns1__1b670 {
|
|
grid-column: span 1
|
|
}
|
|
|
|
.gridItemColumns2__1b670 {
|
|
grid-column: span 2
|
|
}
|
|
|
|
.gridItemColumns3__1b670 {
|
|
grid-column: span 3
|
|
}
|
|
|
|
.gridItemColumns4__1b670 {
|
|
grid-column: span 4
|
|
}
|
|
|
|
.gridItemColumns5__1b670 {
|
|
grid-column: span 5
|
|
}
|
|
|
|
.gridItemColumns6__1b670 {
|
|
grid-column: span 6
|
|
}
|
|
|
|
.gridItemRows1__1b670 {
|
|
grid-row: span 1
|
|
}
|
|
|
|
.gridItemRows2__1b670 {
|
|
grid-row: span 2
|
|
}
|
|
|
|
.gridItemRows3__1b670 {
|
|
grid-row: span 3
|
|
}
|
|
|
|
.gridItemRows4__1b670 {
|
|
grid-row: span 4
|
|
}
|
|
|
|
.gridItemRows5__1b670 {
|
|
grid-row: span 5
|
|
}
|
|
|
|
.gridItemRows6__1b670 {
|
|
grid-row: span 6
|
|
}
|
|
|
|
@container (max-width: 768px) {
|
|
.gridItemColumns3__1b670,.gridItemColumns4__1b670,.gridItemColumns5__1b670,.gridItemColumns6__1b670 {
|
|
grid-column: span 2
|
|
}
|
|
|
|
.gridItemRows3__1b670,.gridItemRows4__1b670,.gridItemRows5__1b670,.gridItemRows6__1b670 {
|
|
grid-row: span 2
|
|
}
|
|
}
|
|
|
|
@container (max-width: 480px) {
|
|
.gridItemColumns2__1b670,.gridItemColumns3__1b670,.gridItemColumns4__1b670,.gridItemColumns5__1b670,.gridItemColumns6__1b670 {
|
|
grid-column: span 1
|
|
}
|
|
|
|
.gridItemRows2__1b670,.gridItemRows3__1b670,.gridItemRows4__1b670,.gridItemRows5__1b670,.gridItemRows6__1b670 {
|
|
grid-row: span 1
|
|
}
|
|
}
|
|
|
|
.container_fec5bf {
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.verticalContainer_fec5bf {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.horizontalContainer_fec5bf {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.section_fec5bf {
|
|
background-color: var(--background-base-low);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 4px;
|
|
display: grid;
|
|
gap: 8px;
|
|
grid-template-columns: 1fr;
|
|
margin: 16px 0;
|
|
padding: 16px
|
|
}
|
|
|
|
.sectionDivider_fec5bf {
|
|
background-color: var(--border-subtle);
|
|
border: 0;
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
.labelSpacing_fec5bf {
|
|
margin-bottom: 8px;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.inputGroup_fec5bf {
|
|
gap: 8px
|
|
}
|
|
|
|
.fieldset_fec5bf,.inputGroup_fec5bf {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.fieldset_fec5bf {
|
|
border: none;
|
|
gap: 16px;
|
|
padding: 0
|
|
}
|
|
|
|
.labelSpacing__5f877 {
|
|
margin-bottom: 8px;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.applyChangesButton__5f877 {
|
|
margin-bottom: 32px;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.markdown__5f877 {
|
|
display: block;
|
|
line-height: 20px;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.textarea__5f877 {
|
|
height: 180px;
|
|
width: 100%
|
|
}
|
|
|
|
@media (max-width: 485px) and (max-height:450px) {
|
|
.form__5f877 {
|
|
display:block
|
|
}
|
|
}
|
|
|
|
.modal__5f877 {
|
|
box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-high);
|
|
margin: 0;
|
|
min-height: 180px;
|
|
overflow-x: hidden;
|
|
width: 440px
|
|
}
|
|
|
|
.scrollerContent__5f877 {
|
|
padding: 0 16px 16px
|
|
}
|
|
|
|
.choosePaymentTypeModal__5f877 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 442px
|
|
}
|
|
|
|
.choosePaymentTypeContainer__5f877 {
|
|
padding-bottom: 16px;
|
|
padding-top: 16px;
|
|
width: 408px
|
|
}
|
|
|
|
.focusLock__49fc1 {
|
|
max-width: 100%;
|
|
min-height: 0
|
|
}
|
|
|
|
.focusLock__49fc1,.root__49fc1 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.root__49fc1 {
|
|
background-color: var(--modal-background);
|
|
border: 1px solid var(--border-normal);
|
|
border-radius: var(--radius-md);
|
|
margin: 0 auto;
|
|
max-height: 100%;
|
|
pointer-events: all;
|
|
position: relative
|
|
}
|
|
|
|
.root__49fc1.root__49fc1 {
|
|
border-radius: var(--radius-md)
|
|
}
|
|
|
|
.small__49fc1 {
|
|
max-height: 720px;
|
|
min-height: 220px;
|
|
width: var(--modal-width-small)
|
|
}
|
|
|
|
.medium__49fc1 {
|
|
max-height: 800px;
|
|
width: var(--modal-width-medium)
|
|
}
|
|
|
|
.large__49fc1,.medium__49fc1 {
|
|
min-height: 400px
|
|
}
|
|
|
|
.large__49fc1 {
|
|
max-width: 962px;
|
|
min-width: var(--modal-width-large)
|
|
}
|
|
|
|
@media screen and (max-height: 550px),screen and (max-width:485px) {
|
|
.root__49fc1 {
|
|
max-width:100%;
|
|
min-width: auto;
|
|
width: 100%
|
|
}
|
|
|
|
.fullscreenOnMobile__49fc1 {
|
|
border: none!important;
|
|
border-radius: 0!important;
|
|
inset: 0;
|
|
max-height: none;
|
|
overflow-y: auto;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.fullscreenOnMobile__49fc1 .footer__49fc1,.fullscreenOnMobile__49fc1 .header__49fc1 {
|
|
border-radius: 0
|
|
}
|
|
}
|
|
|
|
.footer__49fc1,.header__49fc1 {
|
|
flex: 0 0 auto;
|
|
overflow-x: hidden;
|
|
padding: var(--modal-vertical-padding) var(--modal-horizontal-padding);
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.header__49fc1 {
|
|
border-radius: var(--radius-md) var(--radius-md) 0 0;
|
|
transition: box-shadow .1s ease-out;
|
|
word-wrap: break-word;
|
|
overflow: hidden;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.footer__49fc1 {
|
|
background-color: var(--modal-footer-background);
|
|
border-radius: 0 0 var(--radius-md) var(--radius-md);
|
|
padding-top: var(--space-16)
|
|
}
|
|
|
|
.content__49fc1 {
|
|
overflow-x: hidden;
|
|
padding-inline:var(--modal-horizontal-padding);padding-top: var(--space-8);
|
|
position: relative
|
|
}
|
|
|
|
.close__49fc1 {
|
|
border-radius: 3px;
|
|
box-sizing: content-box;
|
|
color: var(--icon-strong);
|
|
cursor: pointer;
|
|
height: 24px;
|
|
opacity: .5;
|
|
padding: 4px;
|
|
transition: opacity .2s ease-in-out
|
|
}
|
|
|
|
.close__49fc1:hover {
|
|
color: var(--interactive-text-hover);
|
|
opacity: 1
|
|
}
|
|
|
|
.closeWithCircleBackground__49fc1 {
|
|
align-items: center;
|
|
background-color: var(--opacity-black-84);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: center;
|
|
padding: 0;
|
|
width: 24px
|
|
}
|
|
|
|
.closeWithCircleBackground__49fc1 .closeIcon__49fc1 {
|
|
color: var(--primary-330);
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.closeWithCircleBackground__49fc1 .closeIcon__49fc1:hover {
|
|
color: var(--primary-230)
|
|
}
|
|
|
|
.closeWithCircleBackground__49fc1:hover {
|
|
background-color: var(--black)
|
|
}
|
|
|
|
@media screen and (max-height: 550px),screen and (max-width:485px) {
|
|
.hideOnFullscreen__49fc1 {
|
|
display:none
|
|
}
|
|
|
|
.footer__49fc1 {
|
|
bottom: 0;
|
|
box-sizing: border-box;
|
|
position: static;
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
.spinnerContainer__49fc1 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.footerSeparator__49fc1,.separator__49fc1 {
|
|
box-shadow: none
|
|
}
|
|
|
|
.enable-forced-colors .root__49fc1 {
|
|
border: 2px solid CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .close__49fc1 {
|
|
opacity: 1
|
|
}
|
|
|
|
.rootWithShadow__49fc1 {
|
|
box-shadow: var(--shadow-medium)
|
|
}
|
|
|
|
.child__8fdf6 {
|
|
align-items: center;
|
|
background: pink;
|
|
border-radius: 8px;
|
|
color: #000;
|
|
cursor: pointer;
|
|
display: flex;
|
|
font-size: 24px;
|
|
height: 100px;
|
|
justify-content: center;
|
|
padding: 12px;
|
|
width: 100px
|
|
}
|
|
|
|
.chip__3bb21 {
|
|
align-items: flex-start;
|
|
background-position: 0;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 48px;
|
|
justify-content: center;
|
|
padding: 16px
|
|
}
|
|
|
|
.collection__38b7f {
|
|
container-type: inline-size;
|
|
flex-grow: 1;
|
|
padding-top: 12px;
|
|
position: relative
|
|
}
|
|
|
|
.body__38b7f {
|
|
background-position: 0;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
border-radius: inherit;
|
|
cursor: pointer;
|
|
height: 224px;
|
|
padding: 24px
|
|
}
|
|
|
|
.logo__38b7f {
|
|
height: auto;
|
|
max-width: 120px
|
|
}
|
|
|
|
.supplemental__38b7f {
|
|
bottom: 0;
|
|
height: 100%;
|
|
inset-inline-end: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.left__38b7f {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
height: 100%;
|
|
justify-content: space-between;
|
|
z-index: 5
|
|
}
|
|
|
|
@container (min-width: 460px) {
|
|
.supplemental__38b7f {
|
|
opacity: 1
|
|
}
|
|
|
|
.left__38b7f {
|
|
align-items: flex-start;
|
|
justify-content: flex-end
|
|
}
|
|
}
|
|
|
|
.product__7c3bf {
|
|
align-items: flex-start;
|
|
background-position: 0;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
border-radius: var(--radius-lg);
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
height: 48px;
|
|
justify-content: center;
|
|
padding: 16px
|
|
}
|
|
|
|
.layoutEditorContainer__71ca2 {
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 4px;
|
|
font-family: Consolas,Monaco,Courier New,monospace;
|
|
font-size: 14px;
|
|
height: 400px;
|
|
line-height: 1.5;
|
|
overflow: hidden;
|
|
position: relative;
|
|
-moz-tab-size: 2;
|
|
-o-tab-size: 2;
|
|
tab-size: 2;
|
|
width: 100%
|
|
}
|
|
|
|
.highlightLayer__71ca2 {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
overflow: auto;
|
|
padding: 12px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
white-space: pre-wrap;
|
|
width: 100%;
|
|
word-wrap: break-word;
|
|
background-color: transparent;
|
|
border: 1px solid transparent;
|
|
box-sizing: border-box;
|
|
color: transparent;
|
|
letter-spacing: normal;
|
|
overflow-wrap: break-word
|
|
}
|
|
|
|
.highlightLayer__71ca2,.highlightLayer__71ca2 code {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
margin: 0;
|
|
-moz-tab-size: inherit;
|
|
-o-tab-size: inherit;
|
|
tab-size: inherit
|
|
}
|
|
|
|
.highlightLayer__71ca2 code {
|
|
display: block;
|
|
white-space: inherit;
|
|
word-wrap: inherit;
|
|
background: transparent;
|
|
letter-spacing: inherit;
|
|
overflow-wrap: inherit;
|
|
padding: 0
|
|
}
|
|
|
|
.textareaLayer__71ca2 {
|
|
background-color: transparent;
|
|
border: 1px solid transparent;
|
|
caret-color: var(--text-link);
|
|
color: transparent;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
letter-spacing: normal;
|
|
line-height: inherit;
|
|
margin: 0;
|
|
outline: none;
|
|
overflow: auto;
|
|
padding: 12px;
|
|
position: absolute;
|
|
resize: none;
|
|
-moz-tab-size: inherit;
|
|
-o-tab-size: inherit;
|
|
tab-size: inherit;
|
|
top: 0;
|
|
white-space: pre-wrap;
|
|
width: 100%;
|
|
word-wrap: break-word;
|
|
box-sizing: border-box;
|
|
overflow-wrap: break-word
|
|
}
|
|
|
|
.textareaLayer__71ca2::-moz-placeholder {
|
|
color: var(--text-muted);
|
|
opacity: .5
|
|
}
|
|
|
|
.textareaLayer__71ca2::placeholder {
|
|
color: var(--text-muted);
|
|
opacity: .5
|
|
}
|
|
|
|
.productCardBadge_b8a6bd {
|
|
flex: 1;
|
|
max-width: -moz-fit-content;
|
|
max-width: fit-content;
|
|
min-width: 0
|
|
}
|
|
|
|
.theme-dark .productCardBadge_b8a6bd {
|
|
background-color: #fff;
|
|
color: #000
|
|
}
|
|
|
|
.theme-light .productCardBadge_b8a6bd {
|
|
background-color: #000;
|
|
color: #fff
|
|
}
|
|
|
|
.profileEffects__01370 {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: opacity .6s ease-in-out;
|
|
width: 100%;
|
|
z-index: var(--custom-user-profile-middle-layer-z-index,2)
|
|
}
|
|
|
|
.hovered__01370 {
|
|
opacity: .35
|
|
}
|
|
|
|
.inner__01370 {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.user-profile-modal-v2 .inner__01370 {
|
|
border-radius: var(--radius-lg) var(--radius-lg) 0 0
|
|
}
|
|
|
|
.innerNoRadius__01370 {
|
|
border-radius: 0
|
|
}
|
|
|
|
.effect__01370 {
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.previewContainer__1e458 {
|
|
display: flex;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 0
|
|
}
|
|
|
|
.previewContainerSetHeight__1e458 {
|
|
height: 390px
|
|
}
|
|
|
|
.full-motion .previewContainerAnimation__1e458 {
|
|
animation: scaleIn__1e458 .5s
|
|
}
|
|
|
|
.preview__1e458 {
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
-o-object-position: top;
|
|
object-position: top;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
@keyframes scaleIn__1e458 {
|
|
0% {
|
|
transform: scale(.7)
|
|
}
|
|
|
|
to {
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
.externalProductWrapper__320c6 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 252px;
|
|
justify-content: center;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 100%
|
|
}
|
|
|
|
.orbProfileBadgeAsset__320c6 {
|
|
height: 120px
|
|
}
|
|
|
|
.fadeInAvatarImg_d71c71 {
|
|
animation: fadeIn_d71c71 1.5s
|
|
}
|
|
|
|
.avatar_d71c71 {
|
|
margin: 0 auto
|
|
}
|
|
|
|
@keyframes fadeIn_d71c71 {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.muted__20a53 .avatar__20a53 {
|
|
opacity: .3
|
|
}
|
|
|
|
.muted__20a53 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.highlighted__20a53 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.layout__20a53 {
|
|
border-radius: 4px;
|
|
height: 42px;
|
|
min-width: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.avatar__20a53,.layout__20a53 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.avatar__20a53 {
|
|
flex: 0 0 auto;
|
|
height: unset;
|
|
justify-content: center;
|
|
margin-inline-end:12px;width: unset
|
|
}
|
|
|
|
.content__20a53 {
|
|
flex: 1 1 auto;
|
|
min-width: 0
|
|
}
|
|
|
|
.content__20a53,.name__20a53 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.name__20a53 {
|
|
flex: 0 1 auto;
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 20px
|
|
}
|
|
|
|
.highlighted__20a53 .name__20a53 {
|
|
font-weight: var(--font-weight-semibold-1x-light-theme,500)
|
|
}
|
|
|
|
.nameAndDecorators__20a53 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.subText__20a53 {
|
|
margin-top: -2px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.subText__20a53:empty {
|
|
display: none
|
|
}
|
|
|
|
.enable-forced-colors .muted__20a53 {
|
|
color: inherit
|
|
}
|
|
|
|
.enable-forced-colors .highlighted__20a53 {
|
|
color: inherit
|
|
}
|
|
|
|
.density-cozy .layout__20a53 {
|
|
height: 48px
|
|
}
|
|
|
|
.density-default .layout__20a53 {
|
|
height: 42px
|
|
}
|
|
|
|
.density-compact .layout__20a53 {
|
|
height: 38px
|
|
}
|
|
|
|
.withDisplayNameStyles__20a53 {
|
|
overflow: visible
|
|
}
|
|
|
|
.withDisplayNameStyles__20a53 .name__20a53 {
|
|
flex: 1 1 0;
|
|
min-width: 0;
|
|
overflow: visible;
|
|
text-overflow: clip;
|
|
white-space: normal
|
|
}
|
|
|
|
.tooltip_c36707 {
|
|
box-sizing: border-box;
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 16px;
|
|
max-width: 190px;
|
|
position: relative;
|
|
word-wrap: break-word;
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 8px;
|
|
will-change: opacity,transform;
|
|
z-index: 1002
|
|
}
|
|
|
|
.tooltipDisablePointerEvents_c36707,.tooltipPointer_c36707 {
|
|
pointer-events: none
|
|
}
|
|
|
|
.tooltipPointer_c36707 {
|
|
border: 5px solid transparent;
|
|
border-top: 5px solid var(--tooltip-pointer-bg);
|
|
height: 0;
|
|
width: 0
|
|
}
|
|
|
|
.tooltipContent_c36707 {
|
|
overflow: hidden;
|
|
padding: 8px 12px
|
|
}
|
|
|
|
.tooltipContentAllowOverflow_c36707 {
|
|
overflow: visible
|
|
}
|
|
|
|
.tooltipTop_c36707 {
|
|
transform-origin: 50% 100%
|
|
}
|
|
|
|
.tooltipTop_c36707 .tooltipPointer_c36707 {
|
|
inset-inline-start: 50%;
|
|
margin-inline-start:-5px;position: absolute;
|
|
top: 100%
|
|
}
|
|
|
|
.tooltipBottom_c36707,.tooltipCenter_c36707 {
|
|
transform-origin: 50% 0
|
|
}
|
|
|
|
.tooltipBottom_c36707 .tooltipPointer_c36707,.tooltipCenter_c36707 .tooltipPointer_c36707 {
|
|
border-top-width: 5px;
|
|
bottom: 100%;
|
|
inset-inline-start: 50%;
|
|
margin-inline-start:-5px;position: absolute;
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.tooltipLeft_c36707 {
|
|
transform-origin: 100% 50%
|
|
}
|
|
|
|
.tooltipLeft_c36707 .tooltipPointer_c36707 {
|
|
border-right-width: 5px;
|
|
inset-inline-start: 100%;
|
|
margin-top: -5px;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: rotate(-90deg)
|
|
}
|
|
|
|
.tooltipRight_c36707 {
|
|
transform-origin: 0 50%
|
|
}
|
|
|
|
.tooltipRight_c36707 .tooltipPointer_c36707 {
|
|
border-left-width: 5px;
|
|
inset-inline-end: 100%;
|
|
margin-top: -5px;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: rotate(90deg)
|
|
}
|
|
|
|
.enable-forced-colors .tooltip_c36707 {
|
|
border: 1px solid CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .tooltipPointer_c36707 {
|
|
background-color: CanvasText;
|
|
border: none;
|
|
border-radius: 100%;
|
|
height: 10px;
|
|
width: 10px
|
|
}
|
|
|
|
.tooltip_c36707 {
|
|
box-shadow: var(--shadow-high);
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.tooltipPrimary_c36707 {
|
|
--tooltip-pointer-bg: var(--background-surface-high);
|
|
background-color: var(--background-surface-high)
|
|
}
|
|
|
|
.tooltipPrimary_c36707 .tooltipPointer_c36707 {
|
|
border-top-color: var(--background-surface-high)
|
|
}
|
|
|
|
.tooltipGrey_c36707 {
|
|
background-color: var(--primary-700);
|
|
color: var(--white);
|
|
--tooltip-pointer-bg: var(--primary-700)
|
|
}
|
|
|
|
.tooltipGrey_c36707 .tooltipPointer_c36707 {
|
|
border-top-color: var(--primary-700)
|
|
}
|
|
|
|
.tooltipBrand_c36707 {
|
|
background-color: var(--brand-500);
|
|
color: var(--white);
|
|
--tooltip-pointer-bg: var(--brand-500)
|
|
}
|
|
|
|
.tooltipBrand_c36707 .tooltipPointer_c36707 {
|
|
border-top-color: var(--brand-500)
|
|
}
|
|
|
|
.tooltipRed_c36707 {
|
|
background-color: var(--background-feedback-critical);
|
|
color: var(--white);
|
|
--tooltip-pointer-bg: var(--border-feedback-critical)
|
|
}
|
|
|
|
.tooltipRed_c36707 .tooltipPointer_c36707 {
|
|
border-top-color: var(--border-feedback-critical)
|
|
}
|
|
|
|
.tooltipGreen_c36707 {
|
|
background-color: var(--green-360);
|
|
color: var(--white);
|
|
--tooltip-pointer-bg: var(--green-360)
|
|
}
|
|
|
|
.tooltipGreen_c36707 .tooltipPointer_c36707 {
|
|
border-top-color: var(--green-360)
|
|
}
|
|
|
|
.tooltipPointerBg_c36707 {
|
|
display: none
|
|
}
|
|
|
|
.tooltipPointer_c36707:not(.tooltipPointerBg_c36707) {
|
|
z-index: 1
|
|
}
|
|
|
|
.tooltipTop_c36707 .tooltipPointer_c36707:not(.tooltipPointerBg_c36707) {
|
|
margin-top: -1.5px
|
|
}
|
|
|
|
.tooltipLeft_c36707 .tooltipPointer_c36707:not(.tooltipPointerBg_c36707) {
|
|
margin-inline-start:-1.5px}
|
|
|
|
.tooltipRight_c36707 .tooltipPointer_c36707:not(.tooltipPointerBg_c36707) {
|
|
margin-inline-end:-1.5px}
|
|
|
|
.tooltipBottom_c36707 .tooltipPointer_c36707:not(.tooltipPointerBg_c36707),.tooltipCenter_c36707 .tooltipPointer_c36707:not(.tooltipPointerBg_c36707) {
|
|
margin-bottom: -1.5px
|
|
}
|
|
|
|
.tooltipPointer_c36707.tooltipPointerBg_c36707 {
|
|
display: block;
|
|
--border-width: 5px
|
|
}
|
|
|
|
.tooltipPointer_c36707.tooltipPointerBg_c36707:after,.tooltipPointer_c36707.tooltipPointerBg_c36707:before {
|
|
border-inline-end:var(--border-width) solid transparent;border-inline-start: var(--border-width) solid transparent;
|
|
content: "";
|
|
inset-inline-start: 50%;
|
|
margin-inline-start:calc(var(--border-width)*-1);position: absolute;
|
|
top: 100%
|
|
}
|
|
|
|
.tooltipPointer_c36707.tooltipPointerBg_c36707:before {
|
|
border-top: var(--border-width) solid var(--tooltip-pointer-bg);
|
|
margin-top: -5px
|
|
}
|
|
|
|
.tooltipPointer_c36707.tooltipPointerBg_c36707:after {
|
|
border-top: var(--border-width) solid var(--border-subtle);
|
|
margin-top: -5px;
|
|
z-index: 1
|
|
}
|
|
|
|
.custom-theme-background .tooltipPointer_c36707 {
|
|
display: none
|
|
}
|
|
|
|
.custom-theme-background .tooltip_c36707 {
|
|
border: 1px solid var(--border-strong)
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .tooltip_c36707 {
|
|
border-color: var(--app-frame-border)
|
|
}
|
|
|
|
.buttonHighlighted__5d39a {
|
|
background: linear-gradient(95.07deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-purple-for-gradients-2) 49.96%,var(--premium-tier-2-pink-for-gradients) 95.93%)
|
|
}
|
|
|
|
.button__5d39a {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.buttonIcon__5d39a {
|
|
margin-inline-end:4px}
|
|
|
|
.staticGlow__1bd8a,.videoContainer__1bd8a {
|
|
transform: translate(calc(-50% + 4px),calc(-50% + 4px));
|
|
width: 1500px;
|
|
z-index: 0
|
|
}
|
|
|
|
.staticGlow__1bd8a,.video__1bd8a,.videoContainer__1bd8a {
|
|
inset-inline-start: 50%;
|
|
position: absolute;
|
|
top: 50%
|
|
}
|
|
|
|
.video__1bd8a {
|
|
transform: translate(-50%,-50%);
|
|
width: 100%
|
|
}
|
|
|
|
.video__1bd8a.hidden__1bd8a {
|
|
visibility: hidden
|
|
}
|
|
|
|
.video__1bd8a.visible__1bd8a {
|
|
visibility: visible
|
|
}
|
|
|
|
.entryAnimationContainer__1bd8a {
|
|
animation: wowMomentScaleIn__1bd8a .4s ease,wowMomentScaleSettle__1bd8a .4s ease .4s;
|
|
will-change: transform
|
|
}
|
|
|
|
@keyframes wowMomentScaleIn__1bd8a {
|
|
0% {
|
|
transform: scale(.5)
|
|
}
|
|
|
|
to {
|
|
transform: scale(1.05)
|
|
}
|
|
}
|
|
|
|
@keyframes wowMomentScaleSettle__1bd8a {
|
|
0% {
|
|
transform: scale(1.05)
|
|
}
|
|
|
|
to {
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
.exitAnimationContainer__1bd8a {
|
|
animation: wowMomentExit__1bd8a 175ms ease forwards;
|
|
pointer-events: none;
|
|
transform: scale(1);
|
|
will-change: transform
|
|
}
|
|
|
|
@keyframes wowMomentExit__1bd8a {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
visibility: visible
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(.5);
|
|
visibility: hidden
|
|
}
|
|
}
|
|
|
|
.staticWumpusWithTrinkets__1bd8a,.wowAnimation__1bd8a {
|
|
height: 1028px;
|
|
inset-inline-start: 50%;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,calc(-50% - 24px));
|
|
width: 1512px;
|
|
z-index: 1
|
|
}
|
|
|
|
.premiumSubscribeButton_e00877 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.premiumIcon_e00877 {
|
|
height: 20px;
|
|
margin-inline-end:4px}
|
|
|
|
.buttonText_e00877 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.giftButton_e00877 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.giftIcon_e00877 {
|
|
height: 16px;
|
|
margin-inline-end:4px;min-height: 16px;
|
|
min-width: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.tier1Gradient_e00877 {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-1);
|
|
color: var(--white)
|
|
}
|
|
|
|
.tier2Gradient_e00877 {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
|
|
color: var(--white)
|
|
}
|
|
|
|
.tier1Gradient_e00877,.tier2Gradient_e00877 {
|
|
background-clip: padding-box;
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.brandShine_e00877 {
|
|
color: hsl(var(--brand-500-hsl)/.1)!important
|
|
}
|
|
|
|
.rightSparkle_fc1723 {
|
|
margin-top: 15px;
|
|
margin-inline-start:1px}
|
|
|
|
.leftSparkle_fc1723 {
|
|
margin-inline-start:-36px;margin-bottom: -18px;
|
|
padding-inline-end:10px}
|
|
|
|
.sparklesAndButton_fc1723 {
|
|
display: flex;
|
|
position: relative;
|
|
width: 103%
|
|
}
|
|
|
|
.ctaFullWidth_fc1723 {
|
|
width: 100%
|
|
}
|
|
|
|
.buttonSparkleStar1_fc1723 {
|
|
bottom: 35px;
|
|
height: 13px;
|
|
inset-inline-start: -8px;
|
|
position: absolute;
|
|
width: 14px
|
|
}
|
|
|
|
.buttonSparkleStar2_fc1723 {
|
|
bottom: 12px;
|
|
height: 7px;
|
|
inset-inline-start: 7px;
|
|
position: absolute;
|
|
width: 8px
|
|
}
|
|
|
|
.buttonSparkleStar3_fc1723 {
|
|
bottom: 37px;
|
|
height: 28px;
|
|
inset-inline-start: 8px;
|
|
position: absolute;
|
|
width: 14px
|
|
}
|
|
|
|
.buttonSparkleStar4_fc1723 {
|
|
bottom: 26px;
|
|
height: 11px;
|
|
inset-inline-end: 11px;
|
|
position: absolute;
|
|
width: 12px
|
|
}
|
|
|
|
.buttonSparkleStar5_fc1723 {
|
|
bottom: 41px;
|
|
height: 7px;
|
|
inset-inline-end: 4px;
|
|
position: absolute;
|
|
width: 8px
|
|
}
|
|
|
|
.rimGlowVertical_fc1723 {
|
|
bottom: 22px;
|
|
height: 45px;
|
|
inset-inline-start: -1px;
|
|
position: absolute;
|
|
width: 1px
|
|
}
|
|
|
|
.rimGlowVertical_fc1723.rimGlowVerticalTier0_fc1723 {
|
|
background: linear-gradient(180deg,var(--premium-tier-0-purple-for-gradients) 0,#fff 50.52%,var(--premium-tier-0-purple-for-gradients) 100%)
|
|
}
|
|
|
|
.rimGlowVertical_fc1723.rimGlowVerticalTier2_fc1723 {
|
|
background: linear-gradient(180deg,var(--premium-tier-2-purple-for-gradients) 0,#fff 50.52%,var(--premium-tier-2-purple-for-gradients) 100%)
|
|
}
|
|
|
|
.premiumCards_ac86f6 {
|
|
display: flex;
|
|
gap: 24px;
|
|
width: 100%
|
|
}
|
|
|
|
.card_ac86f6 {
|
|
border-radius: 16px;
|
|
color: var(--white);
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
padding: 24px;
|
|
position: relative;
|
|
width: 50%
|
|
}
|
|
|
|
.card_ac86f6.withCardHover_ac86f6:hover {
|
|
box-shadow: var(--legacy-elevation-high)
|
|
}
|
|
|
|
.subscriptionPlanInfo_ac86f6 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: start
|
|
}
|
|
|
|
.listItems_ac86f6,.listItemsBasic_ac86f6 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.tierCardFocused_ac86f6 {
|
|
top: 0;
|
|
z-index: 2
|
|
}
|
|
|
|
.tierCardHidden_ac86f6 {
|
|
box-shadow: var(--shadow-low);
|
|
opacity: 60%;
|
|
transform: scale(93%) translateY(9%);
|
|
z-index: 1
|
|
}
|
|
|
|
.wumpusImageContainer_ac86f6 {
|
|
border-start-end-radius: 16px;
|
|
filter: saturate(var(--saturation-factor,1));
|
|
inset-inline-end: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 40%
|
|
}
|
|
|
|
.wumpusImage_ac86f6 {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.tier0_ac86f6.withTier0Rim_ac86f6:before {
|
|
border-radius: var(--radius-lg);
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
margin: -1px;
|
|
z-index: -1
|
|
}
|
|
|
|
.tier0_ac86f6 {
|
|
background-image: var(--custom-premium-colors-premium-gradient-tier-0)
|
|
}
|
|
|
|
.tier2_ac86f6 {
|
|
background-image: var(--custom-premium-colors-premium-gradient-tier-2)
|
|
}
|
|
|
|
.tier0ApplicationHomeBackground_ac86f6 {
|
|
background: linear-gradient(180deg,#000,#031a3b)
|
|
}
|
|
|
|
.tier2ApplicationHomeBackground_ac86f6 {
|
|
background: linear-gradient(180deg,#000,#36266d)
|
|
}
|
|
|
|
.theme-light .tier0ApplicationHomeBackground_ac86f6 {
|
|
background: linear-gradient(180deg,#f7f7fe 22.95%,#b6ddfc 153.33%)
|
|
}
|
|
|
|
.theme-light .tier2ApplicationHomeBackground_ac86f6 {
|
|
background: linear-gradient(180deg,#f7f7fe,#b6b9fc 153.33%)
|
|
}
|
|
|
|
.tier2_ac86f6.withTier2Rim_ac86f6:before {
|
|
border-radius: var(--radius-lg);
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
margin: -1px;
|
|
z-index: -1
|
|
}
|
|
|
|
.applicationHomeTextLightMode_ac86f6 {
|
|
pointer-events: inherit
|
|
}
|
|
|
|
.tier0Title_ac86f6 {
|
|
height: 40px;
|
|
width: 106px
|
|
}
|
|
|
|
.tier0ApplicationHomeTitle_ac86f6 {
|
|
color: var(--white);
|
|
height: 16px;
|
|
width: 132px
|
|
}
|
|
|
|
.tierCardHeaderDisplay_ac86f6 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.tier2Title_ac86f6 {
|
|
display: block;
|
|
height: 24px;
|
|
width: 96px
|
|
}
|
|
|
|
.tier2ApplicationHomeTitle_ac86f6 {
|
|
color: var(--white);
|
|
height: 16px;
|
|
width: 64px
|
|
}
|
|
|
|
.item_ac86f6,.title_ac86f6 {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.item_ac86f6 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.item_ac86f6:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.tier2ApplicationHomeSubheader_ac86f6 {
|
|
color: var(--white);
|
|
margin-bottom: 6px
|
|
}
|
|
|
|
.itemApplicationHome_ac86f6 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.applicationHomeTierCardSectionHeader_ac86f6 {
|
|
display: flex;
|
|
font-style: italic;
|
|
justify-content: center;
|
|
margin-bottom: 56px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.theme-light .applicationHomeTextLightMode_ac86f6 {
|
|
color: var(--black)
|
|
}
|
|
|
|
.applicationHomeStarBackground_ac86f6 {
|
|
height: 100%;
|
|
inset-inline-end: 50px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 20px;
|
|
width: 50%
|
|
}
|
|
|
|
.itemWithWumpus_ac86f6 {
|
|
}
|
|
|
|
.itemWithWumpus_ac86f6:first-of-type {
|
|
max-width: 100%
|
|
}
|
|
|
|
.icon_ac86f6 {
|
|
height: 24px;
|
|
margin-inline-end:8px;width: 24px
|
|
}
|
|
|
|
.smallIcon_ac86f6 {
|
|
height: 18px;
|
|
margin-inline-end:10px;width: 18px
|
|
}
|
|
|
|
.newCircleIcon_ac86f6 {
|
|
filter: saturate(var(--saturation-factor,1));
|
|
inset-inline-start: 250px;
|
|
position: absolute;
|
|
top: -24px
|
|
}
|
|
|
|
.trialOfferPill_ac86f6 {
|
|
margin-bottom: 18px
|
|
}
|
|
|
|
.listItemsBasic_ac86f6 {
|
|
min-height: 92%
|
|
}
|
|
|
|
.freeTrialPillInlineBlock_ac86f6 {
|
|
background: var(--white);
|
|
border-radius: var(--radius-md);
|
|
color: var(--black);
|
|
display: inline-block;
|
|
font-weight: var(--font-weight-extra-bold);
|
|
line-height: 12px;
|
|
mix-blend-mode: screen;
|
|
padding-bottom: 4px;
|
|
padding-top: 4px;
|
|
padding-inline:8px;text-transform: uppercase
|
|
}
|
|
|
|
.freeTrialPillInline_ac86f6 {
|
|
margin-top: 4px
|
|
}
|
|
|
|
.freeTrialActivatedPillInline_ac86f6,.freeTrialPillInline_ac86f6 {
|
|
margin-bottom: 8px;
|
|
max-width: 60%
|
|
}
|
|
|
|
.freeTrialActivatedPillInline_ac86f6 {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.taglineXPPrice_ac86f6 {
|
|
margin: 20px 0 10px
|
|
}
|
|
|
|
.taglineXPPrices_ac86f6:first-of-type {
|
|
margin: 16px 0 8px
|
|
}
|
|
|
|
.taglineXPPrices_ac86f6:last-of-type {
|
|
margin: 8px 0 16px
|
|
}
|
|
|
|
.theme-dark .newCircleIcon_ac86f6 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.theme-light .newCircleIcon_ac86f6 {
|
|
color: var(--premium-perk-yellow)
|
|
}
|
|
|
|
.newTagItem_ac86f6 {
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
color: var(--premium-tier-2-purple-for-gradients);
|
|
margin-inline-start:8px}
|
|
|
|
.mostPopularText_ac86f6 {
|
|
color: var(--white);
|
|
text-align: center;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.mostPopularPill_ac86f6 {
|
|
background: linear-gradient(95.07deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-purple-for-gradients-2) 49.96%,var(--premium-tier-2-pink-for-gradients) 95.93%);
|
|
border-radius: 8px;
|
|
inset-inline-start: 16px;
|
|
margin: auto;
|
|
padding: 4px 8px;
|
|
position: absolute;
|
|
top: -12px;
|
|
z-index: 10
|
|
}
|
|
|
|
.freeTrialPillWithSparkles_ac86f6 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.sparkleStar1_ac86f6 {
|
|
height: 12px;
|
|
width: 14px
|
|
}
|
|
|
|
.sparkleStar2_ac86f6 {
|
|
height: 7px;
|
|
margin-inline-start:-3px;margin-bottom: 15px;
|
|
width: 8px
|
|
}
|
|
|
|
.sparkleStar3_ac86f6 {
|
|
height: 28px;
|
|
margin-inline:2px 10px;width: 14px
|
|
}
|
|
|
|
.freeTrialPill_ac86f6 {
|
|
align-items: center;
|
|
background: var(--white);
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 20px;
|
|
justify-content: center
|
|
}
|
|
|
|
.freeTrialPill_ac86f6.freeTrialPillTier0GradientFill_ac86f6 {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-0)
|
|
}
|
|
|
|
.freeTrialPill_ac86f6.freeTrialPillTier2GradientFill_ac86f6 {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2)
|
|
}
|
|
|
|
.freeTrialPill_ac86f6.greyBackgroundPill_ac86f6 {
|
|
background: var(--primary-500)
|
|
}
|
|
|
|
.freeTrialPill_ac86f6.modBackgroundPill_ac86f6 {
|
|
background: hsla(240,4%,61%,.2)
|
|
}
|
|
|
|
.freeTrialPill_ac86f6.freeTrialPillTier2OldGradientFill_ac86f6 {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-old)
|
|
}
|
|
|
|
.freeTrialPill_ac86f6.lightBackgroundPill_ac86f6 {
|
|
background: linear-gradient(101deg,var(--premium-tier-2-purple-for-gradients) 25.21%,var(--premium-tier-2-purple-for-gradients-2) 62.43%,var(--premium-tier-2-pink-for-gradients) 95.57%);
|
|
border: 1px solid #b473f5
|
|
}
|
|
|
|
.freeTrialPill_ac86f6.freeTrialPillGap_ac86f6 {
|
|
gap: 10px
|
|
}
|
|
|
|
.freeTrialPillText_ac86f6 {
|
|
cursor: default;
|
|
display: inline-block;
|
|
font-weight: var(--font-weight-extra-bold);
|
|
line-height: 12px;
|
|
padding-bottom: 4px;
|
|
padding-top: 4px;
|
|
padding-inline:8px;text-align: center;
|
|
text-transform: uppercase;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.freeTrialPillText_ac86f6.freeTrialPillTextTier0_ac86f6 {
|
|
color: var(--premium-tier-0-purple-for-gradients)
|
|
}
|
|
|
|
.freeTrialPillText_ac86f6.freeTrialPillTextTier2_ac86f6 {
|
|
color: var(--premium-tier-2-purple-for-gradients)
|
|
}
|
|
|
|
.freeTrialPillText_ac86f6.freeTrialPillTextInverted_ac86f6 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.freeTrialPillText_ac86f6.freeTrialPillTextDefault_ac86f6 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.sparkleStar4_ac86f6 {
|
|
height: 11px;
|
|
margin-inline-start:10px;width: 13px
|
|
}
|
|
|
|
.sparkleStar5_ac86f6 {
|
|
height: 7px;
|
|
margin-inline-start:6px;margin-top: 1px;
|
|
width: 8px
|
|
}
|
|
|
|
.topRimPill_ac86f6 {
|
|
inset-inline-start: 50%;
|
|
position: absolute;
|
|
top: -15px;
|
|
transform: translateX(-50%);
|
|
z-index: 2
|
|
}
|
|
|
|
.rimGlowTier0_ac86f6 {
|
|
background: linear-gradient(-90deg,var(--premium-tier-0-purple-for-gradients) 0,#fff 4.98%,#fff 50.52%,var(--premium-tier-0-blue-for-gradients) 100%);
|
|
inset-inline-end: 5%;
|
|
top: -1px;
|
|
width: 88%
|
|
}
|
|
|
|
.rimGlowTier0_ac86f6,.rimGlowTier2_ac86f6 {
|
|
height: 1px;
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
.rimGlowTier2_ac86f6 {
|
|
background: linear-gradient(-90deg,var(--premium-tier-2-purple-for-gradients) 0,#fff 4.98%,#fff 50.52%,var(--premium-tier-2-pink-for-gradients) 100%);
|
|
inset-inline-end: 5%;
|
|
top: -1px;
|
|
width: 88%
|
|
}
|
|
|
|
.withPromotionalGradientBanner_ac86f6 {
|
|
background: linear-gradient(100.98deg,#8547c6,#b845c1,#ab5d8a);
|
|
border-end-end-radius: 17px;
|
|
border-end-start-radius: 17px;
|
|
box-sizing: border-box;
|
|
overflow: hidden
|
|
}
|
|
|
|
.withPromotionalGradientBanner_ac86f6.withPromotionalCardImage_ac86f6 {
|
|
background: linear-gradient(100.98deg,rgba(133,71,198,.82),rgba(184,69,193,.82),rgba(171,93,138,.82))
|
|
}
|
|
|
|
.promotionalCardImage_ac86f6 {
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: scale(50%);
|
|
transform-origin: top right;
|
|
z-index: -1
|
|
}
|
|
|
|
.promotionalBackgroundImage_ac86f6 {
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: scale(65%);
|
|
transform-origin: top right
|
|
}
|
|
|
|
.tier2SideGradient_ac86f6 {
|
|
background: radial-gradient(80% 70% at 100% 50%,#2d01dc 0,transparent 100%),radial-gradient(80% 70% at 100% 50%,#b182ff 0,transparent 100%);
|
|
height: 1000px;
|
|
opacity: .4;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
width: 100vw
|
|
}
|
|
|
|
.subButton_ac86f6 {
|
|
margin-top: 60px
|
|
}
|
|
|
|
.v2SubButtonText_ac86f6 {
|
|
color: var(--brand-500)
|
|
}
|
|
|
|
.theme-light .v2SubButtonText_ac86f6 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.buttonShine_ac86f6 {
|
|
color: hsl(var(--brand-500-hsl)/.1)
|
|
}
|
|
|
|
.subButtonText_ac86f6 {
|
|
color: var(--brand-500)
|
|
}
|
|
|
|
.heading_e62f9d {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.context_e62f9d {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.gradientUpsellWrapper_e62f9d {
|
|
align-items: center;
|
|
border-radius: 8px;
|
|
box-sizing: border-box;
|
|
color: var(--white);
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: 16px;
|
|
padding: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.gradientUpsellWrapper_e62f9d a,.gradientUpsellWrapper_e62f9d a:hover {
|
|
color: var(--white);
|
|
text-decoration: underline
|
|
}
|
|
|
|
.gradientUpsellWrapperTier0_e62f9d {
|
|
background-image: linear-gradient(90deg,var(--premium-tier-0-purple-for-gradients) 0,var(--premium-tier-0-blue-for-gradients-2) 50%,var(--premium-tier-0-blue-for-gradients) 100%)
|
|
}
|
|
|
|
.gradientUpsellWrapperTier2_e62f9d {
|
|
background-image: linear-gradient(90deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-pink-for-gradients) 100%)
|
|
}
|
|
|
|
.gradientUpsellWrapperWithBottomMargin_e62f9d {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.logo_e62f9d {
|
|
align-items: center;
|
|
color: var(--white);
|
|
display: flex;
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.logoIcon_e62f9d {
|
|
flex: 0 0 auto;
|
|
height: 24px;
|
|
margin-inline-end:2px;width: 24px
|
|
}
|
|
|
|
.logoWordmark_e62f9d {
|
|
flex: 0 0 auto;
|
|
height: 16px;
|
|
width: auto
|
|
}
|
|
|
|
.copy_e62f9d span {
|
|
cursor: pointer;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.copy_e62f9d,.copy_e62f9d span {
|
|
color: var(--white)
|
|
}
|
|
|
|
.copy_e62f9d {
|
|
margin-bottom: 12px;
|
|
text-align: center
|
|
}
|
|
|
|
.trialBadge_e62f9d {
|
|
background-color: var(--white);
|
|
border-radius: 30px;
|
|
padding: 2px 8px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.trialBadgeInner_e62f9d {
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
color: transparent
|
|
}
|
|
|
|
.gradientUpsellWrapperTier0_e62f9d .trialBadgeInner_e62f9d {
|
|
background-image: linear-gradient(90deg,var(--premium-tier-0-purple-for-gradients) 0,var(--premium-tier-0-blue-for-gradients-2) 50%,var(--premium-tier-0-blue-for-gradients) 100%)
|
|
}
|
|
|
|
.gradientUpsellWrapperTier2_e62f9d .trialBadgeInner_e62f9d {
|
|
background-image: linear-gradient(90deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-pink-for-gradients) 100%)
|
|
}
|
|
|
|
.trialBadgeGradientTier0_e62f9d {
|
|
background-image: linear-gradient(90deg,var(--premium-tier-0-purple-for-gradients) 0,var(--premium-tier-0-blue-for-gradients-2) 50%,var(--premium-tier-0-blue-for-gradients) 100%);
|
|
color: var(--white)
|
|
}
|
|
|
|
.trialBadgeGradientTier2_e62f9d {
|
|
background-image: linear-gradient(90deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-pink-for-gradients) 100%);
|
|
color: var(--white)
|
|
}
|
|
|
|
.contentContainer_e62f9d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
justify-content: center;
|
|
padding-inline-end:24px;padding-inline-start:24px}
|
|
|
|
.countdownText_e62f9d {
|
|
color: #fff;
|
|
padding-top: 8px
|
|
}
|
|
|
|
.footer_e62f9d {
|
|
background-color: var(--background-base-lowest);
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
margin-top: 12px;
|
|
padding-bottom: 16px;
|
|
padding-top: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.theme-dark .cancelButton_e62f9d {
|
|
color: #fff
|
|
}
|
|
|
|
.cancelButton_e62f9d {
|
|
margin-inline-start:24px}
|
|
|
|
.subscribeButton_e62f9d {
|
|
margin-inline-end:24px}
|
|
|
|
.upsellButton_e62f9d {
|
|
margin-top: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.divider_e62f9d {
|
|
background-color: var(--border-subtle);
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
@keyframes zoomInFromBottomRight_e62f9d {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateX(80%) translateY(80%) scaleX(20%) scaleY(20%)
|
|
}
|
|
|
|
to {
|
|
opacity: 100%;
|
|
transform: translateX(0) translateY(0) scaleX(100%) scaleY(100%)
|
|
}
|
|
}
|
|
|
|
.messageLengthUpsellContainer_e62f9d {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
padding: 12px
|
|
}
|
|
|
|
.full-motion .messageLengthUpsellContainer_e62f9d.messageLengthUpsellAppearAnimation_e62f9d {
|
|
animation-delay: 0s;
|
|
animation-duration: .4s;
|
|
animation-iteration-count: 1;
|
|
animation-name: zoomInFromBottomRight_e62f9d;
|
|
animation-timing-function: ease-in
|
|
}
|
|
|
|
.messageLengthBrandedContainer_e62f9d {
|
|
margin-bottom: 16px;
|
|
max-width: 290px
|
|
}
|
|
|
|
.messageLengthUpsellHeader_e62f9d {
|
|
margin-bottom: 16px;
|
|
margin-top: 4px
|
|
}
|
|
|
|
.tryOutUpsellContainer_e62f9d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.topRimPill_e62f9d {
|
|
margin-top: -15px;
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.subscribeButtonWide_e62f9d {
|
|
height: 40px;
|
|
margin-top: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.countdownTextInSetting_e62f9d {
|
|
color: var(--premium-tier-2-pink);
|
|
padding-top: 8px
|
|
}
|
|
|
|
.theme-light .countdownTextInSetting_e62f9d {
|
|
color: var(--premium-tier-2-purple-for-gradients)
|
|
}
|
|
|
|
.premiumTrialUpsellForModal_e62f9d {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
width: 100%
|
|
}
|
|
|
|
.upsellClose_e62f9d {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
inset-inline-end: 20px;
|
|
position: absolute;
|
|
top: 20px
|
|
}
|
|
|
|
.upsellImage_e62f9d {
|
|
height: 60px;
|
|
margin-bottom: 16px;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.container__61733 {
|
|
align-items: center;
|
|
background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,0));
|
|
display: flex;
|
|
height: 50px;
|
|
justify-content: center
|
|
}
|
|
|
|
.premiumBrandRefreshContainer__61733 {
|
|
align-items: center;
|
|
background: var(--background-mod-normal);
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
padding: var(--space-12) var(--space-16)
|
|
}
|
|
|
|
.v2Container__61733 {
|
|
background: none;
|
|
justify-content: start
|
|
}
|
|
|
|
.iconContainer__61733 {
|
|
display: flex
|
|
}
|
|
|
|
.icon__61733+.icon__61733 {
|
|
margin-inline-start:-8px}
|
|
|
|
.mask__61733 {
|
|
-webkit-mask-image: url(/assets/1f9b76e0279b91a4.svg);
|
|
mask-image: url(/assets/1f9b76e0279b91a4.svg);
|
|
-webkit-mask-position: 0 0;
|
|
mask-position: 0 0;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-size: 100% 100%;
|
|
mask-size: 100% 100%
|
|
}
|
|
|
|
.textContainer__61733 {
|
|
margin-inline-start:9px;text-align: start
|
|
}
|
|
|
|
.container__790b6 {
|
|
align-items: center;
|
|
background: var(--background-base-lowest);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: 8px;
|
|
height: 44px;
|
|
justify-content: center;
|
|
margin: 24px auto 16px;
|
|
max-width: 80%;
|
|
min-width: 40%;
|
|
padding: 0 20px;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.container__790b6,.iconContainer__790b6 {
|
|
display: flex
|
|
}
|
|
|
|
.icon__790b6+.icon__790b6 {
|
|
margin-inline-start:-8px}
|
|
|
|
.textContainer__790b6 {
|
|
margin-inline-start:8px;text-align: start
|
|
}
|
|
|
|
.root__3ec70 {
|
|
text-align: center
|
|
}
|
|
|
|
.root__3ec70 p {
|
|
margin: 0 0 16px
|
|
}
|
|
|
|
.contentContainer__3ec70 {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.bodyContent__3ec70 {
|
|
align-content: center
|
|
}
|
|
|
|
.header__3ec70 {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.enhancedHeader__3ec70,.subHeader__3ec70 {
|
|
padding: 0 32px
|
|
}
|
|
|
|
.content__3ec70,.enhancedContent__3ec70 {
|
|
margin-bottom: 32px
|
|
}
|
|
|
|
.enhancedContent__3ec70 {
|
|
padding: 0
|
|
}
|
|
|
|
.footer__3ec70 {
|
|
align-items: center;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.enhancedFooter__3ec70 {
|
|
background: var(--background-base-lowest)
|
|
}
|
|
|
|
.primaryActions__3ec70 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.enhancedPrimaryActions__3ec70 {
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
.secondaryAction__3ec70 {
|
|
margin-inline-end:8px}
|
|
|
|
.enhancedSecondaryAction__3ec70 {
|
|
color: var(--premium-nitro-pink-text)
|
|
}
|
|
|
|
.enhancedSecondaryAction__3ec70:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.closeButton__3ec70 {
|
|
align-self: flex-end;
|
|
color: var(--interactive-text-active);
|
|
margin: 12px;
|
|
position: absolute
|
|
}
|
|
|
|
.artContainer__3ec70 {
|
|
border-radius: 8px;
|
|
margin: -48px auto 24px;
|
|
position: relative;
|
|
width: 225px
|
|
}
|
|
|
|
.artContainerBoxShadow__3ec70 {
|
|
box-shadow: var(--elevation-medium)
|
|
}
|
|
|
|
.art__3ec70 {
|
|
width: 225px
|
|
}
|
|
|
|
.sparkleBadge__3ec70 {
|
|
display: block;
|
|
filter: drop-shadow(0 1px 3px var(--opacity-black-28));
|
|
height: 34px;
|
|
inset-inline-start: 0;
|
|
margin-top: -18px;
|
|
margin-inline-start:-12px;position: absolute;
|
|
top: 0;
|
|
width: 47px
|
|
}
|
|
|
|
.newBadge__3ec70 {
|
|
display: inline-block;
|
|
margin-top: -2px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.learnMoreLink__3ec70 {
|
|
color: var(--text-link);
|
|
cursor: pointer
|
|
}
|
|
|
|
.context__3ec70 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.betaTag__3ec70 {
|
|
display: inline-block;
|
|
margin-inline-start:.5em;vertical-align: baseline
|
|
}
|
|
|
|
.artContainer__8162d {
|
|
align-items: flex-end;
|
|
display: flex;
|
|
height: 108px;
|
|
justify-content: center;
|
|
margin: -54px auto 32px;
|
|
width: 180px
|
|
}
|
|
|
|
.art__8162d {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.body__8162d {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
white-space: pre-line
|
|
}
|
|
|
|
.twoColorGradient_e5de78 {
|
|
background: linear-gradient(to right,var(--custom-gradient-color-1),var(--custom-gradient-color-2),var(--custom-gradient-color-1))
|
|
}
|
|
|
|
.threeColorGradient_e5de78 {
|
|
background: linear-gradient(to right,var(--custom-gradient-color-1),var(--custom-gradient-color-2),var(--custom-gradient-color-3),var(--custom-gradient-color-1))
|
|
}
|
|
|
|
.usernameGradient_e5de78 {
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
background-size: 100px auto;
|
|
-webkit-text-fill-color: transparent
|
|
}
|
|
|
|
.usernameGlow_e5de78 {
|
|
filter: blur(4px);
|
|
opacity: 0;
|
|
z-index: -1
|
|
}
|
|
|
|
.usernameGlow_e5de78,.usernameGlowActive_e5de78 {
|
|
transition: opacity .1s ease-in-out
|
|
}
|
|
|
|
.usernameGlowActive_e5de78 {
|
|
opacity: .7
|
|
}
|
|
|
|
.emoji_e5de78 {
|
|
-webkit-text-fill-color: initial
|
|
}
|
|
|
|
.convenienceGlowGradient_e5de78 {
|
|
position: relative;
|
|
z-index: 0
|
|
}
|
|
|
|
.theme-light .usernameGradient_e5de78 {
|
|
filter: brightness(.85)
|
|
}
|
|
|
|
.convenienceGlowGradient_e5de78:after {
|
|
background: inherit;
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
content: attr(data-text) /"";
|
|
inset: 0;
|
|
position: absolute;
|
|
-webkit-text-fill-color: transparent;
|
|
filter: blur(4px);
|
|
opacity: 0;
|
|
text-indent: 0;
|
|
transition: opacity .1s ease-in-out;
|
|
z-index: -1
|
|
}
|
|
|
|
.convenienceGlowGradientActive_e5de78:after {
|
|
opacity: .7;
|
|
transition: opacity .1s ease-in-out
|
|
}
|
|
|
|
.full-motion.app-focused:not(.hardware-acceleration-disabled) .animateGradient_e5de78 {
|
|
animation: gradientUsernameAnimation_e5de78 1.5s linear infinite
|
|
}
|
|
|
|
.full-motion.app-focused:not(.hardware-acceleration-disabled) .gradientDotAnimation_e5de78:hover {
|
|
animation: gradientDotAnimation_e5de78 2.5s linear infinite
|
|
}
|
|
|
|
@keyframes gradientUsernameAnimation_e5de78 {
|
|
0% {
|
|
background-position: 0
|
|
}
|
|
|
|
to {
|
|
background-position: 100px
|
|
}
|
|
}
|
|
|
|
@keyframes gradientDotAnimation_e5de78 {
|
|
0% {
|
|
background-position: 0
|
|
}
|
|
|
|
to {
|
|
background-position: 12px
|
|
}
|
|
}
|
|
|
|
@keyframes gradientGlowFadeInAnimation_e5de78 {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: .7
|
|
}
|
|
}
|
|
|
|
.dnsFont__89a31 {
|
|
font-synthesis: none
|
|
}
|
|
|
|
.cherryBomb__89a31 {
|
|
font-family: Cherry Bomb One,gg sans,Arial,sans-serif;
|
|
letter-spacing: .04em
|
|
}
|
|
|
|
.cherryBomb__89a31.safari__89a31 {
|
|
transform: translateY(-1px)
|
|
}
|
|
|
|
.chicle__89a31 {
|
|
font-family: Chicle,gg sans,Arial,sans-serif
|
|
}
|
|
|
|
.museoModerno__89a31 {
|
|
font-family: Museo Moderno,gg sans,Arial,sans-serif;
|
|
letter-spacing: .01em
|
|
}
|
|
|
|
.neoCastel__89a31 {
|
|
font-family: Neo Castel,gg sans,Arial,sans-serif;
|
|
letter-spacing: .02em
|
|
}
|
|
|
|
.neoCastel__89a31.safari__89a31 {
|
|
transform: translateY(-1px)
|
|
}
|
|
|
|
.pixelify__89a31 {
|
|
font-family: Pixelify Sans,gg sans,Arial,sans-serif;
|
|
letter-spacing: .02em
|
|
}
|
|
|
|
.sinistre__89a31 {
|
|
font-family: Sinistre,gg sans,Arial,sans-serif;
|
|
letter-spacing: .01em
|
|
}
|
|
|
|
.zillaSlab__89a31 {
|
|
font-family: Zilla Slab,gg sans,Arial,sans-serif;
|
|
letter-spacing: .03em
|
|
}
|
|
|
|
.container_dfb989 {
|
|
display: inline-flex;
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
opacity: var(--custom-display-name-styles-font-opacity,1);
|
|
perspective: 1px;
|
|
position: relative;
|
|
text-indent: 0;
|
|
z-index: 0
|
|
}
|
|
|
|
.container_dfb989.inProfile_dfb989 {
|
|
display: flex
|
|
}
|
|
|
|
.innerContainer_dfb989 {
|
|
flex: 1 1 0%;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: var(--custom-display-name-styles-wrap)
|
|
}
|
|
|
|
.underlineOnHover_dfb989:not(.pop_dfb989):hover {
|
|
text-decoration: underline;
|
|
text-decoration-color: var(--custom-display-name-styles-main-color)
|
|
}
|
|
|
|
.glowContainer_dfb989 {
|
|
color: transparent;
|
|
height: 100%;
|
|
inset: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
text-overflow: ellipsis;
|
|
width: 100%
|
|
}
|
|
|
|
.emoji_dfb989 {
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.showEffect_dfb989.container_dfb989 {
|
|
opacity: 1
|
|
}
|
|
|
|
.showEffect_dfb989.container_dfb989 .solid_dfb989 {
|
|
color: var(--custom-display-name-styles-main-color)
|
|
}
|
|
|
|
.showEffect_dfb989.container_dfb989 .gradient_dfb989 {
|
|
background: linear-gradient(to bottom right,var(--custom-display-name-styles-gradient-start-color) 10%,var(--custom-display-name-styles-gradient-end-color) 90%);
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
background-size: 100% auto;
|
|
-webkit-text-fill-color: transparent;
|
|
position: relative;
|
|
z-index: 0
|
|
}
|
|
|
|
.showEffect_dfb989.container_dfb989 .neon_dfb989 {
|
|
paint-order: stroke fill;
|
|
-webkit-text-stroke-width: calc(1px + .04em);
|
|
-webkit-text-stroke-color: var(--custom-display-name-styles-neon-stroke-color);
|
|
color: var(--white);
|
|
margin-inline-start:calc(-1px - .04em);margin-bottom: calc(-1px - .04em);
|
|
padding-bottom: calc(1px + .04em);
|
|
padding-inline-start:calc(1px + .04em);position: relative;
|
|
z-index: 0
|
|
}
|
|
|
|
.showEffect_dfb989.container_dfb989 .neonGlow_dfb989 {
|
|
background: linear-gradient(to bottom left,var(--custom-display-name-styles-light-2-color) 0,var(--custom-display-name-styles-light-2-color) 6%,var(--custom-display-name-styles-main-color) 20%,var(--custom-display-name-styles-light-1-color) 50%,var(--custom-display-name-styles-light-2-color) 56%,var(--custom-display-name-styles-main-color) 70%,var(--custom-display-name-styles-light-1-color) 100%);
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
background-position: 100% 0;
|
|
background-size: 200% 200%;
|
|
-webkit-text-fill-color: transparent;
|
|
color: var(--custom-display-name-styles-main-color);
|
|
filter: blur(calc(1px + .12em));
|
|
opacity: .8;
|
|
-webkit-text-stroke-width: calc(1px + .04em);
|
|
-webkit-text-stroke-color: transparent;
|
|
perspective: 1px;
|
|
z-index: -1
|
|
}
|
|
|
|
.showEffect_dfb989.container_dfb989 .toon_dfb989 {
|
|
--custom-toon-stroke-width: calc(1.6px + 0.04em);
|
|
--custom-toon-margin: calc(var(--custom-toon-stroke-width)*-1);
|
|
paint-order: stroke fill;
|
|
position: relative;
|
|
-webkit-text-stroke-width: var(--custom-toon-stroke-width);
|
|
-webkit-text-stroke-color: var(--custom-display-name-styles-toon-stroke-color);
|
|
color: var(--custom-display-name-styles-toon-stroke-color);
|
|
margin-inline-start:var(--custom-toon-margin);margin-bottom: var(--custom-toon-margin);
|
|
margin-inline-end:var(--custom-toon-margin);padding-bottom: var(--custom-toon-stroke-width);
|
|
padding-inline-end:var(--custom-toon-stroke-width);padding-inline-start: var(--custom-toon-stroke-width);
|
|
transition: color 266ms cubic-bezier(.43,.21,.27,.78)
|
|
}
|
|
|
|
.showEffect_dfb989.container_dfb989 .toon_dfb989:before {
|
|
background: linear-gradient(180deg,var(--white) 0,var(--custom-display-name-styles-light-2-color) 8%,var(--custom-display-name-styles-light-1-color) 15%,var(--custom-display-name-styles-main-color) 25%,var(--custom-display-name-styles-light-2-color) 45%,var(--custom-display-name-styles-main-color) 55%,var(--white) 75%,var(--custom-display-name-styles-light-2-color) 83%,var(--custom-display-name-styles-light-1-color) 90%,var(--custom-display-name-styles-main-color) 100%);
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
background-size: 100% 400%;
|
|
content: attr(data-username-with-effects);
|
|
inset: 0;
|
|
padding-inline:var(--custom-toon-stroke-width);padding-bottom: var(--custom-toon-margin);
|
|
position: absolute;
|
|
-webkit-text-fill-color: transparent;
|
|
-webkit-text-stroke-width: 0;
|
|
-webkit-text-stroke-color: transparent;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
transition: opacity 266ms cubic-bezier(.43,.21,.27,.78);
|
|
white-space: var(--custom-display-name-styles-wrap)
|
|
}
|
|
|
|
.showEffect_dfb989.container_dfb989 .pop_dfb989 {
|
|
--custom-pop-stroke-width: calc(1.2px + 0.04em);
|
|
--custom-pop-bottom-translate_3d: 0.08em;
|
|
color: var(--white);
|
|
paint-order: stroke fill;
|
|
position: relative;
|
|
-webkit-text-stroke-color: var(--custom-display-name-styles-dark-2-color);
|
|
margin-bottom: calc(var(--custom-pop-stroke-width)*-1 - var(--custom-pop-bottom-translate_3d));
|
|
padding-bottom: calc(var(--custom-pop-stroke-width) + var(--custom-pop-bottom-translate_3d));
|
|
padding-inline-start:var(--custom-pop-stroke-width)}
|
|
|
|
.showEffect_dfb989.container_dfb989 .pop_dfb989,.showEffect_dfb989.container_dfb989 .pop_dfb989: before {
|
|
-webkit-text-stroke-width:var(--custom-pop-stroke-width);
|
|
margin-inline-start:calc(var(--custom-pop-stroke-width)*-1)}
|
|
|
|
.showEffect_dfb989.container_dfb989 .pop_dfb989: before {
|
|
bottom:calc(var(--custom-pop-bottom-translate_3d)*-1 - var(--custom-pop-stroke-width));
|
|
color: var(--custom-display-name-styles-main-color);
|
|
content: attr(data-username-with-effects);
|
|
padding-inline-start:var(--custom-pop-stroke-width);position: absolute;
|
|
top: 0;
|
|
width: calc(100% - var(--custom-pop-stroke-width));
|
|
z-index: -1;
|
|
-webkit-text-stroke-color: transparent;
|
|
background: linear-gradient(to bottom left,var(--custom-display-name-styles-light-1-color) 0,var(--custom-display-name-styles-light-1-color) 6%,var(--custom-display-name-styles-main-color) 20%,var(--custom-display-name-styles-main-color) 50%,var(--custom-display-name-styles-light-1-color) 56%,var(--custom-display-name-styles-main-color) 70%,var(--custom-display-name-styles-main-color) 100%);
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
background-position: 100% 0;
|
|
background-size: 200% 200%;
|
|
transform: translate3d(0,var(--custom-pop-bottom-translate_3d),0);
|
|
-webkit-text-fill-color: transparent;
|
|
overflow: hidden;
|
|
text-decoration: none;
|
|
text-overflow: ellipsis;
|
|
white-space: var(--custom-display-name-styles-wrap)
|
|
}
|
|
|
|
.showEffect_dfb989.container_dfb989 .pop_dfb989.underlineOnHover_dfb989:hover:before {
|
|
text-decoration: underline;
|
|
text-decoration-color: var(--custom-display-name-styles-main-color);
|
|
text-underline-offset: calc(var(--custom-pop-bottom-translate_3d))
|
|
}
|
|
|
|
.animated_dfb989.loop_dfb989.loop_dfb989>*,.animated_dfb989.loop_dfb989.loop_dfb989>:before {
|
|
animation-iteration-count: infinite
|
|
}
|
|
|
|
.animated_dfb989 .neon_dfb989 {
|
|
animation: neon-flicker-animation_dfb989 4s cubic-bezier(.24,.31,.36,.93);
|
|
animation-direction: normal;
|
|
animation-fill-mode: forwards
|
|
}
|
|
|
|
.animated_dfb989 .neonGlow_dfb989 {
|
|
animation: neon-glow-flicker-animation_dfb989 1666ms linear;
|
|
animation-direction: normal;
|
|
animation-fill-mode: forwards
|
|
}
|
|
|
|
.animated_dfb989 .toon_dfb989:before {
|
|
animation: toon-animation_dfb989 4s cubic-bezier(.44,.29,.48,1);
|
|
animation-direction: normal;
|
|
animation-fill-mode: forwards
|
|
}
|
|
|
|
.animated_dfb989 .pop_dfb989 {
|
|
animation: pop-animation-main_dfb989 4s cubic-bezier(.44,.29,.48,1);
|
|
animation-direction: normal;
|
|
animation-fill-mode: forwards
|
|
}
|
|
|
|
.animated_dfb989 .pop_dfb989:before {
|
|
animation: pop-animation-shadow_dfb989 4s cubic-bezier(.44,.29,.48,1);
|
|
animation-direction: normal;
|
|
animation-fill-mode: forwards
|
|
}
|
|
|
|
.container_dfb989:not(.animated_dfb989),.container_dfb989:not(.animated_dfb989):before {
|
|
animation-play-state: paused!important;
|
|
transition: none!important
|
|
}
|
|
|
|
@keyframes pop-animation-main_dfb989 {
|
|
0% {
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
18% {
|
|
perspective: 1px;
|
|
transform: translate3d(0,-.05em,0)
|
|
}
|
|
|
|
35% {
|
|
perspective: 1px;
|
|
transform: translate3d(0,.08em,0)
|
|
}
|
|
|
|
50%,to {
|
|
perspective: 1px;
|
|
transform: translateZ(0)
|
|
}
|
|
}
|
|
|
|
@keyframes pop-animation-shadow_dfb989 {
|
|
0% {
|
|
background-position: 100% 0;
|
|
perspective: 1px;
|
|
transform: translate3d(0,.08em,0)
|
|
}
|
|
|
|
18% {
|
|
perspective: 1px;
|
|
transform: translate3d(0,.13em,0)
|
|
}
|
|
|
|
35% {
|
|
perspective: 1px;
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
50%,to {
|
|
background-position: 0 100%;
|
|
perspective: 1px;
|
|
transform: translate3d(0,.08em,0)
|
|
}
|
|
}
|
|
|
|
@keyframes toon-animation_dfb989 {
|
|
0%,5% {
|
|
background-position: 50% 0
|
|
}
|
|
|
|
55%,to {
|
|
background-position: 50% 100%
|
|
}
|
|
}
|
|
|
|
@keyframes neon-flicker-animation_dfb989 {
|
|
0%,15%,18%,20%,23%,25%,50% {
|
|
color: var(--white)
|
|
}
|
|
|
|
16%,22%,28% {
|
|
color: hsl(from var(--custom-display-name-styles-main-color) h calc(min(1, s) * ((s * 1.1) + 10)) 85)
|
|
}
|
|
|
|
51%,to {
|
|
color: var(--white)
|
|
}
|
|
}
|
|
|
|
@keyframes neon-glow-flicker-animation_dfb989 {
|
|
0% {
|
|
background-position: 100% 0
|
|
}
|
|
|
|
to {
|
|
background-position: 0 100%
|
|
}
|
|
}
|
|
|
|
.svg__2338f {
|
|
contain: paint
|
|
}
|
|
|
|
.guildIconImage_d28ae0 {
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%
|
|
}
|
|
|
|
.guildIconImage_d28ae0.acronym_d28ae0 {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.acronym_d28ae0 {
|
|
align-items: center;
|
|
color: var(--text-strong);
|
|
display: flex;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
width: 100%
|
|
}
|
|
|
|
.container_dca174 {
|
|
align-items: flex-start;
|
|
background: var(--background-surface-highest);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 16px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden
|
|
}
|
|
|
|
.banner_dca174 {
|
|
height: 120px;
|
|
width: 100%
|
|
}
|
|
|
|
.avatarContainer_dca174 {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
margin-top: -34px;
|
|
padding: 0 16px
|
|
}
|
|
|
|
.overlay_dca174 {
|
|
background-color: var(--opacity-black-40);
|
|
height: 100%;
|
|
inset-inline-end: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 0
|
|
}
|
|
|
|
.overlay_dca174,.overlayIcon_dca174 {
|
|
opacity: 0;
|
|
position: absolute;
|
|
transition: opacity .2s ease
|
|
}
|
|
|
|
.clickable_dca174 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.clickable_dca174:hover .overlay_dca174,.clickable_dca174:hover .overlayIcon_dca174 {
|
|
opacity: 1
|
|
}
|
|
|
|
.avatarWrapper_dca174 {
|
|
align-items: center;
|
|
background: var(--background-surface-highest);
|
|
display: flex;
|
|
height: 70px;
|
|
justify-content: center;
|
|
width: 70px
|
|
}
|
|
|
|
.avatarWrapper_dca174 .acronymText_dca174 {
|
|
font-size: 22px
|
|
}
|
|
|
|
.emptyBody_dca174 {
|
|
height: 8px
|
|
}
|
|
|
|
.body_dca174 {
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
overflow-wrap: anywhere;
|
|
padding: 0 16px;
|
|
text-align: flex-start
|
|
}
|
|
|
|
.body_dca174,.error_dca174 {
|
|
display: flex;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.error_dca174 {
|
|
color: var(--text-feedback-warning);
|
|
cursor: pointer;
|
|
gap: 4px
|
|
}
|
|
|
|
.header_dca174 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 8px;
|
|
margin-top: 8px;
|
|
padding: 0 16px
|
|
}
|
|
|
|
.buttonContainer_dca174 {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
padding: 0 16px 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.container__4e338 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 4px;
|
|
width: 100%
|
|
}
|
|
|
|
.gameIconWrapper__4e338 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.gameIcon__4e338 {
|
|
flex-shrink: 0;
|
|
height: 26px;
|
|
position: relative;
|
|
width: 26px
|
|
}
|
|
|
|
.gameIconImage__4e338 {
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: 4px;
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
-o-object-fit: contain;
|
|
object-fit: contain
|
|
}
|
|
|
|
.extraGamesContainer__4e338 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
padding: 8px 0
|
|
}
|
|
|
|
.extraGameRow__4e338 {
|
|
gap: 8px
|
|
}
|
|
|
|
.extraGameItem__4e338,.extraGameRow__4e338 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.extraGameItem__4e338 {
|
|
justify-content: center;
|
|
position: relative
|
|
}
|
|
|
|
.extraGameIconImage__4e338 {
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
.extraGameOverlay__4e338 {
|
|
background: var(--background-scrim);
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
z-index: 10
|
|
}
|
|
|
|
.extraGameText__4e338 {
|
|
z-index: 20
|
|
}
|
|
|
|
.gameActivityLevel__4e338 {
|
|
background-color: var(--background-surface-highest);
|
|
border-radius: 50%;
|
|
inset-inline-end: -4px;
|
|
position: absolute;
|
|
top: -4px
|
|
}
|
|
|
|
.gameActivityLevel__4e338,.gameActivityLevelInner__4e338 {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.gameActivityLevelInner__4e338 {
|
|
height: 14px;
|
|
padding: 2px;
|
|
width: 14px
|
|
}
|
|
|
|
.favoriteGameContainer__4e338 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.animationWrapper__41e0f {
|
|
height: 100%;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.lottieAnimation__41e0f {
|
|
bottom: 0;
|
|
height: 196px;
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
width: 196px
|
|
}
|
|
|
|
.emoji {
|
|
height: var(--custom-emoji-size-emoji);
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
vertical-align: bottom;
|
|
width: var(--custom-emoji-size-emoji)
|
|
}
|
|
|
|
.emoji.jumboable {
|
|
height: var(--custom-emoji-size-jumbo-emoji);
|
|
min-height: var(--custom-emoji-size-jumbo-emoji);
|
|
width: var(--custom-emoji-size-jumbo-emoji)
|
|
}
|
|
|
|
@value traitMaxWidth: 268px;.container_a2b4d3 {
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.container_a2b4d3,.trait_a2b4d3 {
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.trait_a2b4d3 {
|
|
align-items: center;
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 16px;
|
|
max-width: 268px;
|
|
padding: 4px 8px;
|
|
transition: border-color .2s ease
|
|
}
|
|
|
|
.trait_a2b4d3:hover {
|
|
border-color: var(--border-strong)
|
|
}
|
|
|
|
.traitEmoji_a2b4d3 {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.ellipsize_a2b4d3 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.flowerStarContainer__3e3b0 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative
|
|
}
|
|
|
|
.flowerStar__3e3b0 {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.childContainer__3e3b0 {
|
|
align-items: center;
|
|
display: flex;
|
|
inset-inline-start: 50%;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%)
|
|
}
|
|
|
|
.redesignIconChildContainer__3e3b0 {
|
|
height: 10px;
|
|
width: 10px
|
|
}
|
|
|
|
.background__09691 {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.hubContainer__09691 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative
|
|
}
|
|
|
|
.verified__09691 {
|
|
color: var(--green-360)
|
|
}
|
|
|
|
.staff__09691,.verified__09691 {
|
|
}
|
|
|
|
.staff__09691 {
|
|
color: var(--icon-muted)
|
|
}
|
|
|
|
.partnered__09691 {
|
|
color: var(--brand-500)
|
|
}
|
|
|
|
.hub__09691 {
|
|
}
|
|
|
|
.hub__09691>.icon__09691>circle {
|
|
fill: var(--background-mod-strong)
|
|
}
|
|
|
|
.verifiedHub__09691 {
|
|
}
|
|
|
|
.verifiedHub__09691>.icon__09691>circle {
|
|
fill: var(--green-360)
|
|
}
|
|
|
|
.icon__09691 {
|
|
color: var(--white);
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.drag__5c9fc {
|
|
display: none
|
|
}
|
|
|
|
.root__5c9fc {
|
|
bottom: 0;
|
|
contain: strict;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
pointer-events: all
|
|
}
|
|
|
|
.enter__5c9fc,.enterReducedMotion__5c9fc,.exit__5c9fc,.exitReducedMotion__5c9fc {
|
|
transition-duration: var(--custom-full-screen-layer-animation-duration);
|
|
transition-property: transform,opacity;
|
|
transition-timing-function: ease-in-out
|
|
}
|
|
|
|
.enter__5c9fc {
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
.enter__5c9fc,.enterReducedMotion__5c9fc {
|
|
opacity: 0
|
|
}
|
|
|
|
.exit__5c9fc {
|
|
transform: scale(1)
|
|
}
|
|
|
|
.exit__5c9fc,.exitReducedMotion__5c9fc {
|
|
opacity: 1
|
|
}
|
|
|
|
.enterActive__5c9fc,.enterDone__5c9fc {
|
|
opacity: 1;
|
|
transform: scale(1)
|
|
}
|
|
|
|
.enterActiveReducedMotion__5c9fc,.enterDoneReducedMotion__5c9fc {
|
|
opacity: 1
|
|
}
|
|
|
|
.exitActive__5c9fc,.exitDone__5c9fc {
|
|
opacity: 0;
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
.exitActiveReducedMotion__5c9fc,.exitDoneReducedMotion__5c9fc {
|
|
opacity: 0
|
|
}
|
|
|
|
.container_c2b141 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.keybind_c2b141 {
|
|
font-size: 13px;
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-top: 8px;
|
|
text-align: center
|
|
}
|
|
|
|
.closeButton_c2b141 {
|
|
align-items: center;
|
|
border-radius: 50%;
|
|
border-style: solid;
|
|
border-width: 2px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex: 0 0 36px;
|
|
height: 36px;
|
|
justify-content: center;
|
|
width: 36px
|
|
}
|
|
|
|
.closeButton_c2b141:active {
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.closeButton_c2b141,.keybind_c2b141 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.closeButton_c2b141:hover {
|
|
background-color: var(--interactive-background-hover)
|
|
}
|
|
|
|
.closeButton_c2b141:hover,.closeButton_c2b141:hover+.keybind_c2b141 {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.closeButton_c2b141:active {
|
|
background-color: var(--interactive-background-active)
|
|
}
|
|
|
|
.closeButton_c2b141:active,.closeButton_c2b141:active+.keybind_c2b141 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.closeButtonSolid_c2b141 {
|
|
border: none;
|
|
flex: 0 0 24px;
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.closeButtonSolid_c2b141:hover {
|
|
background-color: transparent
|
|
}
|
|
|
|
.theme-dark .closeButtonBold_c2b141:hover {
|
|
background-color: hsl(var(--primary-300-hsl)/.3)
|
|
}
|
|
|
|
.enable-forced-colors .closeButton_c2b141 {
|
|
background-color: ButtonFace;
|
|
border-color: ButtonText;
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .closeButton_c2b141:active {
|
|
background-color: HighlightText;
|
|
border-color: Highlight;
|
|
color: Highlight
|
|
}
|
|
|
|
.container__83f66 {
|
|
align-items: center;
|
|
background-color: #fff;
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
flex: 1;
|
|
gap: var(--space-12);
|
|
justify-content: space-between;
|
|
margin: 0 auto;
|
|
margin-bottom: var(--space-48);
|
|
padding: var(--space-8) var(--space-24);
|
|
padding-inline-end:var(--space-12);width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.themeResponsiveContainer__83f66 {
|
|
background-color: var(--background-mod-subtle);
|
|
width: 100%
|
|
}
|
|
|
|
.text__83f66 {
|
|
color: var(--primary-600)
|
|
}
|
|
|
|
.button__83f66 {
|
|
display: inline-block
|
|
}
|
|
|
|
.highlight__83f66 {
|
|
color: var(--brand-500)
|
|
}
|
|
|
|
.description__83f66 {
|
|
align-items: center;
|
|
display: inline-block;
|
|
flex-direction: row
|
|
}
|
|
|
|
.responsiveText__83f66 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.wrapper__3add8 {
|
|
text-align: center
|
|
}
|
|
|
|
.heading__3add8 {
|
|
margin-bottom: var(--space-32)
|
|
}
|
|
|
|
.topPerksCards__3add8 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--space-16);
|
|
justify-content: center
|
|
}
|
|
|
|
.topPerksCard__3add8 {
|
|
background-color: var(--card-background-default);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-lg);
|
|
box-sizing: border-box;
|
|
flex: 1 1 auto;
|
|
max-width: 362px;
|
|
min-width: 340px;
|
|
overflow: hidden;
|
|
padding: var(--space-32) var(--space-20);
|
|
position: relative;
|
|
width: 25%
|
|
}
|
|
|
|
.full-motion .animatedTopPerksCard__3add8.animate__3add8 {
|
|
animation: fadeEffects__3add8 1.8s ease-in-out forwards
|
|
}
|
|
|
|
.topPerksCardImageWrapper__3add8 {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.animatedTopPerksCard__3add8 {
|
|
border-radius: var(--radius-md);
|
|
height: 315px;
|
|
max-width: 480px
|
|
}
|
|
|
|
.imageGradientOverlay__3add8 {
|
|
background: linear-gradient(to bottom,transparent 0,var(--card-background-default) 60%,var(--card-background-default) 100%);
|
|
border-radius: var(--radius-lg);
|
|
bottom: 0;
|
|
height: 300px;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.contentContainer__3add8 {
|
|
margin-top: var(--space-16);
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.buttonsContainer__3add8 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 10px;
|
|
justify-content: center;
|
|
margin-top: var(--space-24);
|
|
overflow: hidden
|
|
}
|
|
|
|
.button__3add8 {
|
|
flex: 1 1 0
|
|
}
|
|
|
|
.topPerksCardImage__3add8 {
|
|
height: 128px
|
|
}
|
|
|
|
.topPerksCardHeading__3add8 {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.topPerksCardDescription__3add8 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.topPerksCardNew__3add8 {
|
|
inset-inline-end: var(--space-16);
|
|
position: absolute;
|
|
top: var(--space-16);
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.topPerksCardLabelContainer__3add8 {
|
|
background-color: var(--background-base-low);
|
|
border-color: var(--border-muted);
|
|
border-radius: var(--radius-round);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
gap: 2px;
|
|
margin-top: var(--space-12);
|
|
padding: var(--space-4) 10px;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.labelsContainer__3add8,.topPerksCardLabelContainer__3add8 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-self: center
|
|
}
|
|
|
|
.labelsContainer__3add8 {
|
|
color: var(--text-feedback-positive);
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.intObserver__3add8 {
|
|
bottom: 0;
|
|
height: 1px;
|
|
inset-inline-start: 0;
|
|
opacity: 0;
|
|
width: 1px
|
|
}
|
|
|
|
.intObserver__3add8,.shineLine__3add8 {
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.shineLine__3add8 {
|
|
background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,0));
|
|
height: 300%;
|
|
inset-inline-start: -400%;
|
|
top: -100%;
|
|
transform: rotate(30deg);
|
|
width: 400px;
|
|
z-index: 1
|
|
}
|
|
|
|
.full-motion .shineLine__3add8 {
|
|
animation: shineEffect__3add8 1.5s ease-in-out
|
|
}
|
|
|
|
@keyframes shineEffect__3add8 {
|
|
0% {
|
|
inset-inline-start: -100%
|
|
}
|
|
|
|
to {
|
|
inset-inline-start: 100%
|
|
}
|
|
}
|
|
|
|
.container_ef0711 {
|
|
flex: 1;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
text-align: center
|
|
}
|
|
|
|
.container_ef0711,.powerupsContainer_ef0711 {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.powerupsContainer_ef0711 {
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
gap: var(--space-16);
|
|
margin-top: var(--space-32);
|
|
position: relative
|
|
}
|
|
|
|
.powerupCard_ef0711 {
|
|
min-width: 500px
|
|
}
|
|
|
|
.image_ef0711 {
|
|
position: absolute
|
|
}
|
|
|
|
.gameServerImage_ef0711 {
|
|
width: 100%
|
|
}
|
|
|
|
.contentContainer_ef0711 {
|
|
margin-top: 160px;
|
|
z-index: 1
|
|
}
|
|
|
|
.wrapper__4d7bb {
|
|
background: linear-gradient(45deg,var(--guild-boosting-blue),var(--guild-boosting-purple));
|
|
border-radius: 8px;
|
|
isolation: isolate;
|
|
margin-bottom: 85px;
|
|
overflow: hidden;
|
|
padding: 50px 24px;
|
|
position: relative;
|
|
text-align: center
|
|
}
|
|
|
|
.content__4d7bb {
|
|
position: relative;
|
|
z-index: 2
|
|
}
|
|
|
|
.heading__4d7bb {
|
|
margin-bottom: 32px
|
|
}
|
|
|
|
.cards__4d7bb {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 16px;
|
|
justify-content: center;
|
|
margin: 0 auto;
|
|
max-width: 768px
|
|
}
|
|
|
|
.card__4d7bb {
|
|
align-items: center;
|
|
background-color: hsl(var(--primary-600-hsl)/.9);
|
|
border-radius: 8px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
max-width: 180px;
|
|
min-width: 165px;
|
|
padding: 24px 12px
|
|
}
|
|
|
|
.theme-light .card__4d7bb {
|
|
background-color: hsl(var(--primary-100-hsl)/.9)
|
|
}
|
|
|
|
.icon__4d7bb {
|
|
color: var(--guild-boosting-pink);
|
|
display: block;
|
|
height: 30px;
|
|
margin-bottom: 10px;
|
|
width: 30px
|
|
}
|
|
|
|
.backgroundImages__4d7bb {
|
|
background: 0 100% url(/assets/5f5e47f0133f9ee5.svg) no-repeat,100% 100% url(/assets/383e4e1569554a59.svg) no-repeat;
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.backgroundImages__4d7bb,.iconImage__4d7bb {
|
|
filter: saturate(var(--saturation-factor,1))
|
|
}
|
|
|
|
.icon_f34534 {
|
|
background-clip: padding-box;
|
|
background-color: none;
|
|
background-position: 50%;
|
|
background-size: 100% 100%;
|
|
position: relative
|
|
}
|
|
|
|
.icon_f34534 .guildIconBadge_f34534 {
|
|
bottom: -2px;
|
|
height: 14px;
|
|
inset-inline-end: -2px;
|
|
position: absolute;
|
|
width: 14px
|
|
}
|
|
|
|
.iconInactive_f34534 {
|
|
border-radius: 50%
|
|
}
|
|
|
|
.iconActiveMini_f34534 {
|
|
border-radius: 6px
|
|
}
|
|
|
|
.iconActiveSmaller_f34534 {
|
|
border-radius: 7px
|
|
}
|
|
|
|
.iconActiveSmall_f34534 {
|
|
border-radius: 9px
|
|
}
|
|
|
|
.iconActiveMedium_f34534 {
|
|
border-radius: 12px
|
|
}
|
|
|
|
.iconActiveLarge_f34534 {
|
|
border-radius: 15px
|
|
}
|
|
|
|
.iconActiveLarger_f34534 {
|
|
border-radius: 16px
|
|
}
|
|
|
|
.iconActiveXLarge_f34534 {
|
|
border-radius: 30px
|
|
}
|
|
|
|
.iconSizeSmol_f34534 {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.iconSizeMini_f34534 {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.iconSizeSmaller_f34534 {
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.iconSizeSmall_f34534 {
|
|
height: 30px;
|
|
width: 30px
|
|
}
|
|
|
|
.iconSizeMedium_f34534 {
|
|
height: 40px;
|
|
width: 40px
|
|
}
|
|
|
|
.iconSizeLarge_f34534 {
|
|
height: 50px;
|
|
width: 50px
|
|
}
|
|
|
|
.iconSizeLarger_f34534 {
|
|
height: 64px;
|
|
width: 64px
|
|
}
|
|
|
|
.iconSizeXLarge_f34534 {
|
|
height: 100px;
|
|
width: 100px
|
|
}
|
|
|
|
.acronym_f34534 {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
width: 100%
|
|
}
|
|
|
|
.noIcon_f34534 {
|
|
background-color: var(--background-base-lower);
|
|
color: var(--text-default);
|
|
text-align: center
|
|
}
|
|
|
|
.noIcon_f34534.iconSizeSmol_f34534 {
|
|
line-height: 16px
|
|
}
|
|
|
|
.noIcon_f34534.iconSizeMini_f34534 {
|
|
line-height: 20px
|
|
}
|
|
|
|
.noIcon_f34534.iconSizeSmaller_f34534 {
|
|
line-height: 24px
|
|
}
|
|
|
|
.noIcon_f34534.iconSizeSmall_f34534 {
|
|
line-height: 30px
|
|
}
|
|
|
|
.noIcon_f34534.iconSizeMedium_f34534 {
|
|
line-height: 40px
|
|
}
|
|
|
|
.noIcon_f34534.iconSizeLarge_f34534 {
|
|
line-height: 50px
|
|
}
|
|
|
|
.noIcon_f34534.iconSizeLarger_f34534 {
|
|
line-height: 64px
|
|
}
|
|
|
|
.noIcon_f34534.iconSizeXLarge_f34534 {
|
|
line-height: 100px
|
|
}
|
|
|
|
.noAcronym_f34534 {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.guildBoostUnavailableNotice__0c507 {
|
|
align-self: center;
|
|
background-color: hsl(var(--white-hsl)/.1);
|
|
border: 2px solid var(--white);
|
|
border-radius: 9999px;
|
|
justify-self: center;
|
|
margin-bottom: 32px;
|
|
padding: 8px 16px;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.guildBoostUnavailableNotice__0c507.lightTheme__0c507 {
|
|
border: 2px solid var(--black-500)
|
|
}
|
|
|
|
.guildBoostUnavailableNoticeText__0c507 {
|
|
font-size: 16px
|
|
}
|
|
|
|
.guildStatus_f9f04c {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
margin-bottom: 50px;
|
|
text-align: center
|
|
}
|
|
|
|
.guildIcon_f9f04c {
|
|
margin: 0 auto 10px
|
|
}
|
|
|
|
.guildName_f9f04c {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.guildBoostCountWrapper_f9f04c {
|
|
color: var(--white);
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.guildBoostCount_f9f04c {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.guildBoostBadge_f9f04c {
|
|
color: inherit;
|
|
flex: 0 0 auto;
|
|
height: 16px;
|
|
margin-inline-end:4px;opacity: .6;
|
|
width: 16px
|
|
}
|
|
|
|
.guildBoostBadgeWithBoosts_f9f04c {
|
|
color: var(--guild-boosting-pink);
|
|
opacity: 1
|
|
}
|
|
|
|
.guildStatusCopy_f9f04c {
|
|
color: inherit;
|
|
flex: 0 0 auto;
|
|
opacity: .6
|
|
}
|
|
|
|
.guildBoostCountCurrentUser_f9f04c {
|
|
color: inherit;
|
|
margin-top: 4px;
|
|
opacity: .6
|
|
}
|
|
|
|
.guildBoostCtas_f9f04c {
|
|
display: flex;
|
|
margin: 0 auto;
|
|
max-width: 470px;
|
|
width: 100%
|
|
}
|
|
|
|
.guildBoostCta_f9f04c {
|
|
border-radius: 4px;
|
|
flex: 1 1 50%
|
|
}
|
|
|
|
.guildBoostCtaBoostContent_f9f04c {
|
|
color: var(--brand-500)
|
|
}
|
|
|
|
.guildBoostCta_f9f04c+.guildBoostCta_f9f04c {
|
|
margin-inline-start:10px}
|
|
|
|
.guildBoostCtaBoostWrapper_f9f04c,.guildBoostCtaSecondary_f9f04c {
|
|
position: relative
|
|
}
|
|
|
|
.full-motion .guildBoostCtaBoostWrapper_f9f04c,.full-motion .guildBoostCtaSecondary_f9f04c {
|
|
transition: transform .08s
|
|
}
|
|
|
|
.full-motion .guildBoostCtaSecondary_f9f04c {
|
|
transition: background .08s,box-shadow .08s,transform .08s
|
|
}
|
|
|
|
.guildBoostCtaBoost_f9f04c {
|
|
border-radius: 4px;
|
|
box-shadow: 0 1px 2px hsl(var(--primary-500-hsl)/.2),0 8px 16px hsl(var(--primary-500-hsl)/.3);
|
|
transition: box-shadow .08s;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .guildBoostCtaBoostWrapper_f9f04c:focus-within,.full-motion .guildBoostCtaBoostWrapper_f9f04c:hover,.full-motion .guildBoostCtaSecondary_f9f04c:focus,.full-motion .guildBoostCtaSecondary_f9f04c:hover {
|
|
transform: translateY(-3px)
|
|
}
|
|
|
|
.full-motion .guildBoostCtaBoostWrapper_f9f04c:focus-within:after,.full-motion .guildBoostCtaBoostWrapper_f9f04c:hover:after,.full-motion .guildBoostCtaSecondary_f9f04c:focus:after,.full-motion .guildBoostCtaSecondary_f9f04c:hover:after {
|
|
content: "";
|
|
height: 4px;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.guildBoostCtaBoostWrapper_f9f04c:focus-within .guildBoostCtaBoost_f9f04c,.guildBoostCtaBoostWrapper_f9f04c:hover .guildBoostCtaBoost_f9f04c,.guildBoostCtaSecondary_f9f04c:focus,.guildBoostCtaSecondary_f9f04c:hover {
|
|
box-shadow: 0 1px 2px hsl(var(--primary-500-hsl)/.2),0 12px 24px hsl(var(--primary-500-hsl)/.4)
|
|
}
|
|
|
|
.guildBoostCtaSecondary_f9f04c:focus,.guildBoostCtaSecondary_f9f04c:hover {
|
|
background-color: var(--opacity-white-4)
|
|
}
|
|
|
|
.guildBoostCtaBoostShine_f9f04c {
|
|
color: hsl(var(--brand-500-hsl)/.1)
|
|
}
|
|
|
|
.guildBoostCtaGiftContent_f9f04c {
|
|
display: inline-flex
|
|
}
|
|
|
|
.guildBoostCtaGiftIcon_f9f04c {
|
|
height: 16px;
|
|
margin-inline-end:8px;width: 16px
|
|
}
|
|
|
|
.FPContainer_f9f04c {
|
|
margin-bottom: 23px
|
|
}
|
|
|
|
.wrapper__5b98e {
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: 8px;
|
|
padding: 60px 50px
|
|
}
|
|
|
|
.heading__5b98e {
|
|
margin-bottom: 30px;
|
|
text-align: center
|
|
}
|
|
|
|
.list__5b98e {
|
|
border-top: 1px solid var(--border-muted)
|
|
}
|
|
|
|
.listItem__5b98e {
|
|
border-bottom: 1px solid var(--border-muted)
|
|
}
|
|
|
|
.questionWrapper__5b98e {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
padding: 12px 0;
|
|
transition: color .1s
|
|
}
|
|
|
|
.questionWrapper__5b98e:active,.questionWrapper__5b98e:hover,.questionWrapperExpanded__5b98e {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.questionWrapperExpanded__5b98e {
|
|
padding-bottom: 8px
|
|
}
|
|
|
|
.question__5b98e {
|
|
color: inherit;
|
|
flex: 1 1 auto;
|
|
padding-inline-end:12px;transition: color .1s
|
|
}
|
|
|
|
.questionIcon__5b98e {
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.answer__5b98e {
|
|
margin-bottom: 12px;
|
|
width: 80%
|
|
}
|
|
|
|
@media (max-width: 700px) {
|
|
.answer__5b98e {
|
|
width:100%
|
|
}
|
|
}
|
|
|
|
.wrapper_b4589b {
|
|
display: flex;
|
|
inset-inline-start: 0;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 100%;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.innerWrapper_b4589b {
|
|
align-items: center;
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: 50px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
margin-bottom: 36px;
|
|
padding-block:12px;padding-inline:12px 22px;pointer-events: all;
|
|
position: relative;
|
|
width: 438px
|
|
}
|
|
|
|
.innerWrapper_b4589b:after,.innerWrapper_b4589b:before {
|
|
border: 2px solid transparent;
|
|
border-radius: inherit;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.innerWrapper_b4589b:after {
|
|
border-color: var(--guild-boosting-blue);
|
|
-webkit-mask: linear-gradient(45deg,#000,transparent);
|
|
mask: linear-gradient(45deg,#000,transparent)
|
|
}
|
|
|
|
.innerWrapper_b4589b:before {
|
|
border-color: var(--guild-boosting-purple)
|
|
}
|
|
|
|
.theme-light .innerWrapper_b4589b {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.guildInfo_b4589b {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
overflow: hidden;
|
|
padding-inline-end:8px;text-overflow: ellipsis
|
|
}
|
|
|
|
.guildIcon_b4589b {
|
|
background-color: var(--background-base-low);
|
|
flex: 0 0 auto;
|
|
margin-inline-end:14px}
|
|
|
|
.ctaButton_b4589b {
|
|
border-radius: var(--custom-button-button-lg-height);
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.guildName_b4589b {
|
|
flex: 1 1 auto;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.cannonWrapper_d00019 {
|
|
z-index: 1
|
|
}
|
|
|
|
.cannon_d00019,.cannonWrapper_d00019 {
|
|
height: 100%;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.confettiTriggerWrapper_d00019 {
|
|
cursor: pointer;
|
|
height: 100%;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 2
|
|
}
|
|
|
|
.confettiTrigger_d00019 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.progressBarMarker__1f1cb {
|
|
align-items: center;
|
|
background-color: var(--opacity-white-40);
|
|
border-radius: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: var(--custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions);
|
|
isolation: isolate;
|
|
justify-content: center;
|
|
position: absolute;
|
|
transform: translateX(-50%);
|
|
width: var(--custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions);
|
|
z-index: 2
|
|
}
|
|
|
|
.progressBarMarker__1f1cb:after {
|
|
content: "";
|
|
height: 50px;
|
|
inset-inline-start: 50%;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 50px;
|
|
z-index: 1
|
|
}
|
|
|
|
.progressBarMarker__1f1cb.progressBarMarkerCurrent__1f1cb {
|
|
background-color: transparent
|
|
}
|
|
|
|
.progressBarMarkerCurrent__1f1cb .progressBarMarkerIndicator__1f1cb {
|
|
box-shadow: 0 5px 11px rgba(0,0,0,.25)
|
|
}
|
|
|
|
.progressBarMarkerUnlocked__1f1cb .progressBarMarkerIndicator__1f1cb {
|
|
background: var(--guild-boosting-pink);
|
|
border-radius: 100%;
|
|
content: "";
|
|
height: var(--custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions);
|
|
inset-inline-start: 50%;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: var(--custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions);
|
|
z-index: 0
|
|
}
|
|
|
|
.progressBarMarkerUnlocked__1f1cb.progressBarMarkerLower__1f1cb .progressBarMarkerIndicator__1f1cb {
|
|
height: 20px;
|
|
inset-inline-start: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 20px;
|
|
z-index: 3
|
|
}
|
|
|
|
.progressBarMarkerLocked__1f1cb {
|
|
cursor: pointer
|
|
}
|
|
|
|
.progressBarMarkerLabel__1f1cb {
|
|
color: var(--white);
|
|
inset-inline-start: 50%;
|
|
opacity: .4;
|
|
padding-top: 4px;
|
|
position: absolute;
|
|
top: 100%;
|
|
transform: translateX(-50%);
|
|
transition: opacity .125s;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.progressBarMarkerLabel__1f1cb:after {
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 50%;
|
|
padding: 3px;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.progressBarMarkerUnlocked__1f1cb .progressBarMarkerLabel__1f1cb {
|
|
opacity: .8
|
|
}
|
|
|
|
.progressBarMarkerCurrent__1f1cb .progressBarMarkerLabel__1f1cb,.progressBarMarkerLocked__1f1cb:hover .progressBarMarkerLabel__1f1cb {
|
|
opacity: 1
|
|
}
|
|
|
|
.progressBarMarkerUnlockedIcon__1f1cb {
|
|
height: 16px;
|
|
inset-inline-end: 100%;
|
|
padding-inline-end:3px;position: absolute;
|
|
top: 50%;
|
|
transform: translateY(calc(-50% + 1px));
|
|
width: 16px
|
|
}
|
|
|
|
.boostedTierIconBackground__1f1cb {
|
|
background-color: var(--white);
|
|
border-radius: 20px;
|
|
height: 20px;
|
|
inset-inline-start: 50%;
|
|
opacity: .5;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
transition: opacity .125s;
|
|
width: 20px;
|
|
z-index: 2
|
|
}
|
|
|
|
.progressBarMarkerLocked__1f1cb:hover .boostedTierIconBackground__1f1cb {
|
|
opacity: 1
|
|
}
|
|
|
|
.boostedTierIcon__1f1cb {
|
|
color: var(--guild-boosting-pink);
|
|
height: 12px;
|
|
inset-inline-start: 50%;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 12px;
|
|
z-index: 4
|
|
}
|
|
|
|
.progressBarMarkerUnlocked__1f1cb .boostedTierIcon__1f1cb {
|
|
color: var(--white)
|
|
}
|
|
|
|
.progressBarMarkerCurrent__1f1cb .boostedTierIcon__1f1cb {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.tooltip__1f1cb {
|
|
text-align: center
|
|
}
|
|
|
|
.disabledIndicator__1f1cb {
|
|
color: currentColor
|
|
}
|
|
|
|
.progressBar_b28bb7 {
|
|
height: 54px;
|
|
isolation: isolate;
|
|
margin: 0 auto 48px;
|
|
max-width: 660px;
|
|
position: relative
|
|
}
|
|
|
|
.progressBarScrubber_b28bb7 {
|
|
height: 8px;
|
|
inset-inline: calc(var(--custom-guild-boosting-marketing-progress-bar-marker-dimensions)/2 + var(--custom-guild-boosting-marketing-progress-bar-end-markers-margin));
|
|
position: absolute;
|
|
top: 13px
|
|
}
|
|
|
|
.progressBarTrack_b28bb7 {
|
|
background-color: var(--opacity-white-28);
|
|
width: 100%;
|
|
z-index: 0
|
|
}
|
|
|
|
.progressBarFill_b28bb7,.progressBarTrack_b28bb7 {
|
|
border-radius: 8px;
|
|
height: 100%;
|
|
position: absolute
|
|
}
|
|
|
|
.progressBarFill_b28bb7 {
|
|
background-image: linear-gradient(90deg,var(--guild-boosting-purple) 0,var(--white) 100%);
|
|
inset-inline-start: 0;
|
|
z-index: 2
|
|
}
|
|
|
|
.progressBarCurrentProgressTooltip_b28bb7 {
|
|
margin-top: 100px
|
|
}
|
|
|
|
.progressBarCurrentProgressTooltipMarker_b28bb7 {
|
|
border-radius: 100%;
|
|
height: 50px;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 50px;
|
|
z-index: 3
|
|
}
|
|
|
|
.progressBarCurrentProgressTooltipHeading_b28bb7 {
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-bottom: 2px
|
|
}
|
|
|
|
.progressBarCurrentProgressTooltipSubheading_b28bb7 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.progressBarCurrentProgressTooltipSubheadingIcon_b28bb7 {
|
|
color: var(--guild-boosting-pink);
|
|
flex: 0 0 auto;
|
|
height: 16px;
|
|
margin-inline:-2px 4px;width: 16px
|
|
}
|
|
|
|
.progressBarCurrentProgressTooltipSubheadingCopy_b28bb7 {
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.container_bb1234 {
|
|
display: inline-block;
|
|
position: relative
|
|
}
|
|
|
|
.sparkle_bb1234 {
|
|
position: absolute
|
|
}
|
|
|
|
.sparkleStarTopRight_bb1234 {
|
|
bottom: calc(100% - 4px);
|
|
height: 12.75px;
|
|
inset-inline-start: calc(100% - 5px);
|
|
width: 12.75px
|
|
}
|
|
|
|
.sparkleStarRight_bb1234 {
|
|
bottom: 3px;
|
|
inset-inline-start: calc(100% + 1.31px)
|
|
}
|
|
|
|
.sparkleStarBottomLeft_bb1234,.sparkleStarRight_bb1234 {
|
|
height: 7.44px;
|
|
width: 7.44px
|
|
}
|
|
|
|
.sparkleStarBottomLeft_bb1234 {
|
|
inset-inline-start: -1px;
|
|
top: calc(100% + .56px)
|
|
}
|
|
|
|
.theme-dark .sparkle_bb1234 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.containerColored_bb1234 .sparkle_bb1234.sparkleStarTopRight_bb1234,.theme-light .sparkle_bb1234.sparkleStarTopRight_bb1234 {
|
|
color: #83ddc5
|
|
}
|
|
|
|
.containerColored_bb1234 .sparkle_bb1234.sparkleStarRight_bb1234,.theme-light .sparkle_bb1234.sparkleStarRight_bb1234 {
|
|
color: #e15be1
|
|
}
|
|
|
|
.containerColored_bb1234 .sparkle_bb1234.sparkleStarBottomLeft_bb1234,.theme-light .sparkle_bb1234.sparkleStarBottomLeft_bb1234 {
|
|
color: var(--yellow-260)
|
|
}
|
|
|
|
.tag_fe5e5d {
|
|
background-color: var(--brand-500);
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
padding: 0 6px
|
|
}
|
|
|
|
.tag_fe5e5d.inheritBackgroundColor_fe5e5d {
|
|
background: inherit
|
|
}
|
|
|
|
.tag_fe5e5d.inheritTextColor_fe5e5d {
|
|
color: inherit
|
|
}
|
|
|
|
.tierCards_be48d0 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 22px;
|
|
justify-content: center
|
|
}
|
|
|
|
.tierCard_be48d0 {
|
|
border-radius: var(--custom-guild-boosting-marketing-tier-cards-tier-card-border-radius);
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
box-sizing: border-box;
|
|
flex: 0 0 auto;
|
|
padding: 24px 36px 30px;
|
|
position: relative;
|
|
width: 338px
|
|
}
|
|
|
|
.tierCard_be48d0,.tierCardCurrentTier_be48d0 {
|
|
background-image: linear-gradient(45deg,var(--guild-boosting-blue) 0,var(--guild-boosting-purple) 100%)
|
|
}
|
|
|
|
.tierCardCurrentTier_be48d0 {
|
|
border-radius: 8px;
|
|
inset-inline-start: 28px;
|
|
padding: 4px 8px;
|
|
position: absolute;
|
|
text-transform: uppercase;
|
|
top: 0;
|
|
transform: translateY(-50%)
|
|
}
|
|
|
|
.tierCardHeader_be48d0 {
|
|
align-items: baseline;
|
|
display: flex;
|
|
gap: 8px;
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.tierCardHeading_be48d0 {
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.tierCardBoostRequirement_be48d0 {
|
|
flex: 0 0 auto;
|
|
opacity: .7
|
|
}
|
|
|
|
.tierCardList_be48d0 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px
|
|
}
|
|
|
|
.tierCardListItem_be48d0 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.tierCardListIcon_be48d0 {
|
|
flex: 0 0 auto;
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.tierCardSparkleHighlight_be48d0 {
|
|
background-image: radial-gradient(100% 100% at center,#fff 0,hsla(0,0%,100%,0) 50%);
|
|
color: var(--white);
|
|
height: 80px;
|
|
position: absolute;
|
|
width: 1px
|
|
}
|
|
|
|
.theme-light .tierCardSparkleHighlight_be48d0 {
|
|
background-image: radial-gradient(100% 100% at center,hsl(var(--guild-boosting-pink-hsl)/1) 0,hsl(var(--guild-boosting-pink-hsl)/0) 50%);
|
|
color: var(--guild-boosting-pink)
|
|
}
|
|
|
|
.tierCardSparkleHighlightTopRight_be48d0 {
|
|
inset-inline-end: 0;
|
|
top: 30px
|
|
}
|
|
|
|
.tierCardSparkleHighlightBottomLeft_be48d0 {
|
|
bottom: 30px;
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.tierCardBorderHighlight_be48d0 {
|
|
border-radius: var(--custom-guild-boosting-marketing-tier-cards-tier-card-border-radius);
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.tierCardBorderHighlightTopRight_be48d0 {
|
|
border: 1px solid var(--guild-boosting-blue);
|
|
-webkit-mask: radial-gradient(100% 100% at top right,#fff 0,hsla(0,0%,100%,0) 100%);
|
|
mask: radial-gradient(100% 100% at top right,#fff 0,hsla(0,0%,100%,0) 100%)
|
|
}
|
|
|
|
.tierCardBorderHighlightBottomLeft_be48d0 {
|
|
border: 1px solid var(--guild-boosting-purple);
|
|
-webkit-mask: radial-gradient(100% 100% at bottom left,#fff 0,hsla(0,0%,100%,0) 100%);
|
|
mask: radial-gradient(100% 100% at bottom left,#fff 0,hsla(0,0%,100%,0) 100%)
|
|
}
|
|
|
|
.tierCardSparkle1_be48d0 {
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%)
|
|
}
|
|
|
|
.tierCardSparkle2_be48d0 {
|
|
inset-inline-start: 11px;
|
|
position: absolute;
|
|
top: 10%
|
|
}
|
|
|
|
.tierCardSparkle3_be48d0 {
|
|
inset-inline-end: 21px;
|
|
position: absolute;
|
|
top: -20px
|
|
}
|
|
|
|
.tierCardPerkRow_be48d0 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.tierCardNewFeatureBadge_be48d0 {
|
|
align-self: center;
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
color: var(--premium-tier-2-purple-for-gradients);
|
|
margin-inline-start:8px}
|
|
|
|
.heading__686cf {
|
|
margin-bottom: 82px;
|
|
text-align: center
|
|
}
|
|
|
|
.tableWrapper__686cf {
|
|
position: relative
|
|
}
|
|
|
|
.table__686cf {
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.columnHeading__686cf,.tableCell__686cf {
|
|
border-bottom: 1px solid var(--opacity-white-16)
|
|
}
|
|
|
|
.theme-light .columnHeading__686cf,.theme-light .tableCell__686cf {
|
|
border-bottom-color: var(--opacity-black-16)
|
|
}
|
|
|
|
.columnHeading__686cf {
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.tableCell__686cf {
|
|
box-sizing: border-box;
|
|
padding: 22px 0;
|
|
vertical-align: middle;
|
|
width: 20%
|
|
}
|
|
|
|
.tableCellWrapper__686cf {
|
|
padding: 0
|
|
}
|
|
|
|
.tableCellInner__686cf {
|
|
border-bottom: none;
|
|
width: 100%
|
|
}
|
|
|
|
.tableRowHeading__686cf {
|
|
text-align: start
|
|
}
|
|
|
|
.booleanValueIcon__686cf {
|
|
color: var(--icon-muted);
|
|
display: block;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.booleanValueTrue__686cf {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.recommendedTierHighlight__686cf {
|
|
bottom: -16px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: -38px;
|
|
width: 20%
|
|
}
|
|
|
|
.recommendedTierHighlight__686cf:after,.recommendedTierHighlight__686cf:before {
|
|
border: 2px solid transparent;
|
|
border-radius: 16px;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.recommendedTierHighlight__686cf:after {
|
|
border-color: var(--guild-boosting-blue);
|
|
-webkit-mask: linear-gradient(70deg,#000,transparent);
|
|
mask: linear-gradient(70deg,#000,transparent)
|
|
}
|
|
|
|
.recommendedTierHighlight__686cf:before {
|
|
border-color: var(--guild-boosting-purple)
|
|
}
|
|
|
|
.recommendedTierHighlightTier2__686cf {
|
|
inset-inline-end: 20%
|
|
}
|
|
|
|
.recommendedTierHighlightTier3__686cf {
|
|
inset-inline-end: 0
|
|
}
|
|
|
|
.recommendedTierHighlightTag__686cf {
|
|
background-image: linear-gradient(30deg,var(--guild-boosting-blue),var(--guild-boosting-purple));
|
|
border-radius: 8px;
|
|
inset-inline-start: 50%;
|
|
padding: 4px 8px;
|
|
position: absolute;
|
|
text-transform: uppercase;
|
|
top: 1px;
|
|
transform: translate(-50%,-50%);
|
|
z-index: 2
|
|
}
|
|
|
|
.perkPreviewImage__686cf {
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: 8px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
display: block;
|
|
height: 168px;
|
|
width: 280px
|
|
}
|
|
|
|
.headerWave__1dfae {
|
|
bottom: -1px;
|
|
color: var(--background-base-low);
|
|
max-height: 400px
|
|
}
|
|
|
|
.bodyWave__1dfae,.headerWave__1dfae {
|
|
display: block;
|
|
inset-inline-start: 50%;
|
|
min-width: 1000px;
|
|
position: absolute;
|
|
transform: translateX(-50%);
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.bodyWave__1dfae {
|
|
max-height: 1200px;
|
|
top: 10%
|
|
}
|
|
|
|
.bodyWaveGradientStop1__1dfae {
|
|
stop-color: var(--background-base-low)
|
|
}
|
|
|
|
.bodyWaveGradientStop2__1dfae {
|
|
stop-color: var(--background-mod-normal)
|
|
}
|
|
|
|
.bodyWaveGradientStop3__1dfae {
|
|
stop-color: var(--background-base-low)
|
|
}
|
|
|
|
.closeIconWrapper__6fd0e {
|
|
margin: 0 auto;
|
|
max-width: 1060px;
|
|
mix-blend-mode: screen;
|
|
position: relative;
|
|
z-index: 2
|
|
}
|
|
|
|
.theme-light .closeIconWrapper__6fd0e {
|
|
mix-blend-mode: multiply
|
|
}
|
|
|
|
.closeIcon__6fd0e {
|
|
inset-inline-end: 24px;
|
|
position: absolute;
|
|
top: 48px;
|
|
z-index: 2
|
|
}
|
|
|
|
.scroller__6fd0e {
|
|
background: var(--background-base-low);
|
|
height: 100%;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.content__6fd0e {
|
|
margin: 0 auto;
|
|
max-width: 1060px
|
|
}
|
|
|
|
.headerContentWrapper__6fd0e {
|
|
padding: 100px 32px 32px;
|
|
position: relative;
|
|
z-index: 2
|
|
}
|
|
|
|
.header__6fd0e {
|
|
background: center 15%/90% auto url(/assets/ea2ad3ad1bfd2975.svg) no-repeat,linear-gradient(359.37deg,rgba(0,0,0,.5) 12.68%,hsla(0,0%,100%,0) 50.4%),linear-gradient(159.15deg,var(--premium-tier-0-header-gradient-1) 8.49%,var(--premium-tier-0-header-gradient-2) 32.21%,var(--premium-tier-0-header-gradient-3) 42.9%,var(--premium-tier-0-header-gradient-4) 66.06%,var(--premium-tier-0-header-gradient-5) 71.4%);
|
|
position: relative
|
|
}
|
|
|
|
.theme-light .header__6fd0e {
|
|
background: center 15%/90% auto url(/assets/ea2ad3ad1bfd2975.svg) no-repeat,linear-gradient(359.37deg,hsla(0,0%,100%,.5) 12.68%,hsla(0,0%,100%,0) 50.4%),linear-gradient(159.15deg,var(--premium-tier-0-header-gradient-1) 8.49%,var(--premium-tier-0-header-gradient-2) 32.21%,var(--premium-tier-0-header-gradient-3) 42.9%,var(--premium-tier-0-header-gradient-4) 66.06%,var(--premium-tier-0-header-gradient-5) 71.4%)
|
|
}
|
|
|
|
.heading__6fd0e {
|
|
margin: 0 auto 48px;
|
|
max-width: 960px;
|
|
text-align: center
|
|
}
|
|
|
|
.middleBodyContentWrapper__6fd0e {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-64);
|
|
padding: 32px
|
|
}
|
|
|
|
.lowerBody__6fd0e {
|
|
position: relative
|
|
}
|
|
|
|
.lowerBodyBackgroundImage__6fd0e {
|
|
background: right 285px no-repeat url(/assets/32b48278e7e6c908.svg);
|
|
filter: saturate(var(--saturation-factor,1));
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 2
|
|
}
|
|
|
|
@media (max-width: 1430px) {
|
|
.lowerBodyBackgroundImage__6fd0e {
|
|
display:none
|
|
}
|
|
}
|
|
|
|
.lowerBodyContentWrapper__6fd0e {
|
|
padding: 32px;
|
|
position: relative;
|
|
z-index: 2
|
|
}
|
|
|
|
.persistentCtaSpacer__6fd0e {
|
|
height: 120px
|
|
}
|
|
|
|
.tierComparisonTable__6fd0e {
|
|
margin-bottom: 64px
|
|
}
|
|
|
|
.wrapper__3b770 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-32);
|
|
margin: var(--space-80) 0;
|
|
width: 100%
|
|
}
|
|
|
|
.heading__3b770 {
|
|
text-align: center
|
|
}
|
|
|
|
.cards__3b770 {
|
|
display: flex;
|
|
gap: var(--space-24);
|
|
width: 100%
|
|
}
|
|
|
|
.card__3b770 {
|
|
align-items: center;
|
|
background: var(--background-base-low);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 16px;
|
|
box-shadow: var(--shadow-low);
|
|
display: flex;
|
|
flex: 1 1 0;
|
|
flex-direction: column;
|
|
gap: var(--space-12);
|
|
justify-content: center;
|
|
min-width: 0;
|
|
padding: var(--space-24)
|
|
}
|
|
|
|
.icon__3b770 {
|
|
color: var(--icon-muted);
|
|
display: block;
|
|
height: 48px;
|
|
width: 48px
|
|
}
|
|
|
|
.iconImage__3b770 {
|
|
filter: saturate(var(--saturation-factor,1))
|
|
}
|
|
|
|
.description__3b770 {
|
|
text-align: center
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.cards__3b770 {
|
|
flex-wrap:wrap
|
|
}
|
|
|
|
.card__3b770 {
|
|
flex: 1 1 calc(50% - var(--space-12));
|
|
min-width: 200px
|
|
}
|
|
}
|
|
|
|
@media (max-width: 500px) {
|
|
.cards__3b770 {
|
|
flex-direction:column
|
|
}
|
|
|
|
.card__3b770 {
|
|
flex: 1 1 auto
|
|
}
|
|
}
|
|
|
|
.container__9dbc9 {
|
|
gap: var(--space-24);
|
|
margin-bottom: var(--space-80);
|
|
text-align: center
|
|
}
|
|
|
|
.container__9dbc9,.serverSection__9dbc9 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.serverSection__9dbc9 {
|
|
gap: var(--space-12)
|
|
}
|
|
|
|
.guildIcon__9dbc9 {
|
|
border: 1px solid hsla(0,0%,100%,.16);
|
|
border-radius: 19px;
|
|
box-shadow: 0 1.6px 6.4px 0 rgba(0,0,0,.14);
|
|
height: 70px;
|
|
width: 70px
|
|
}
|
|
|
|
.theme-light .guildIcon__9dbc9 {
|
|
border-color: rgba(0,0,0,.1)
|
|
}
|
|
|
|
.guildName__9dbc9 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.theme-light .guildName__9dbc9 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.serverInfo__9dbc9 {
|
|
flex-direction: column;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.guildBoostCount__9dbc9,.serverInfo__9dbc9 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.guildBoostCount__9dbc9 {
|
|
gap: 2px
|
|
}
|
|
|
|
.guildBoostBadge__9dbc9 {
|
|
color: var(--white);
|
|
flex: 0 0 auto;
|
|
height: 18px;
|
|
opacity: .6;
|
|
width: 18px
|
|
}
|
|
|
|
.guildBoostBadgeWithBoosts__9dbc9 {
|
|
color: var(--guild-boosting-pink);
|
|
opacity: 1
|
|
}
|
|
|
|
.guildStatusCopy__9dbc9 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.theme-light .guildStatusCopy__9dbc9 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.guildBoostCountCurrentUser__9dbc9 {
|
|
color: var(--white);
|
|
margin-top: var(--space-4);
|
|
opacity: .6
|
|
}
|
|
|
|
.theme-light .guildBoostCountCurrentUser__9dbc9 {
|
|
color: var(--text-muted);
|
|
opacity: 1
|
|
}
|
|
|
|
.heroSection__9dbc9 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-40)
|
|
}
|
|
|
|
.heading__9dbc9 {
|
|
color: var(--text-strong);
|
|
font-family: var(--font-display-marketing-header);
|
|
font-size: 42px;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
letter-spacing: -1.26px;
|
|
line-height: 110%;
|
|
margin: 0;
|
|
max-width: 770px;
|
|
text-align: center;
|
|
text-shadow: 0 3px 0 rgba(0,0,0,.1);
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.theme-light .heading__9dbc9 {
|
|
text-shadow: none
|
|
}
|
|
|
|
.guildBoostCtas__9dbc9 {
|
|
display: flex;
|
|
gap: var(--space-12);
|
|
justify-content: center
|
|
}
|
|
|
|
.guildBoostCtaPrimary__9dbc9 {
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.wrapper_bb27fe {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center
|
|
}
|
|
|
|
.heading_bb27fe {
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.list_bb27fe {
|
|
width: 100%
|
|
}
|
|
|
|
.list_bb27fe,.listItem_bb27fe {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.listItem_bb27fe {
|
|
align-items: flex-start;
|
|
align-self: stretch;
|
|
background: var(--background-base-low);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 8px;
|
|
box-shadow: var(--shadow-low);
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.listItemExpanded_bb27fe {
|
|
background: var(--background-surface-highest);
|
|
border: 1px solid var(--border-strong)
|
|
}
|
|
|
|
.questionWrapper_bb27fe {
|
|
align-items: center;
|
|
align-self: stretch;
|
|
display: flex;
|
|
gap: var(--space-12)
|
|
}
|
|
|
|
.question_bb27fe {
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.questionIcon_bb27fe {
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.full-motion .questionIcon_bb27fe {
|
|
transition: transform .2s ease-in-out
|
|
}
|
|
|
|
.answer_bb27fe {
|
|
align-self: stretch;
|
|
padding-top: var(--space-8)
|
|
}
|
|
|
|
.closeButtonWrapper__00843 {
|
|
position: relative;
|
|
z-index: 2
|
|
}
|
|
|
|
.closeButton__00843 {
|
|
align-items: center;
|
|
background-color: rgba(16,16,18,.5);
|
|
border-radius: 12px;
|
|
color: var(--primary-330);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 40px;
|
|
inset-inline-end: var(--space-24);
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: var(--space-24);
|
|
width: 40px;
|
|
z-index: 2
|
|
}
|
|
|
|
.closeButton__00843:hover {
|
|
background-color: rgba(16,16,18,.7);
|
|
color: var(--primary-230)
|
|
}
|
|
|
|
.theme-light .closeButton__00843 {
|
|
background-color: rgba(0,0,0,.08);
|
|
color: var(--primary-500)
|
|
}
|
|
|
|
.theme-light .closeButton__00843:hover {
|
|
background-color: rgba(0,0,0,.12);
|
|
color: var(--primary-600)
|
|
}
|
|
|
|
.scroller__00843 {
|
|
background: var(--background-base-lowest);
|
|
height: 100%;
|
|
position: relative;
|
|
transform: translateZ(0);
|
|
will-change: scroll-position;
|
|
z-index: 1
|
|
}
|
|
|
|
.content__00843 {
|
|
margin: 0 auto;
|
|
max-width: 1224px
|
|
}
|
|
|
|
.headerContentWrapper__00843 {
|
|
isolation: isolate;
|
|
padding: var(--space-64) var(--space-32) var(--space-32);
|
|
position: relative;
|
|
z-index: 2
|
|
}
|
|
|
|
.header__00843 {
|
|
position: relative
|
|
}
|
|
|
|
.headerBackground__00843 {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
min-height: 1280px;
|
|
overflow: hidden;
|
|
pointer-events: none
|
|
}
|
|
|
|
.headerGradient__00843 {
|
|
background: radial-gradient(ellipse 100% 70% at 50% 0,rgba(156,89,209,.6) 0,rgba(88,47,140,.3) 50%,transparent 80%),var(--background-base-lowest);
|
|
inset: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.theme-light .headerGradient__00843 {
|
|
background: radial-gradient(ellipse 100% 70% at 50% 0,rgba(209,153,237,.5) 0,rgba(176,126,209,.25) 50%,transparent 80%),var(--background-base-lowest)
|
|
}
|
|
|
|
.headerBackground__00843 img,.headerBackground__00843 video {
|
|
height: auto;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.middleBodyContentWrapper__00843 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-64);
|
|
isolation: isolate;
|
|
padding: var(--space-32);
|
|
position: relative;
|
|
z-index: 2
|
|
}
|
|
|
|
.lowerBody__00843 {
|
|
position: relative
|
|
}
|
|
|
|
.lowerBodyContentWrapper__00843 {
|
|
padding: var(--space-32);
|
|
position: relative;
|
|
z-index: 2
|
|
}
|
|
|
|
.persistentCtaSpacer__00843 {
|
|
height: 120px
|
|
}
|
|
|
|
.perksTable__00843 {
|
|
margin-bottom: var(--space-80)
|
|
}
|
|
|
|
.wrapper_c50892 {
|
|
display: flex;
|
|
gap: var(--space-24);
|
|
width: 100%
|
|
}
|
|
|
|
.card_c50892 {
|
|
background: var(--background-base-lowest);
|
|
border: 1px solid;
|
|
border-radius: 16px;
|
|
box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
|
|
display: flex;
|
|
flex: 1 1 0;
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
.cardActive_c50892 {
|
|
border-color: hsla(240,4%,61%,.04)
|
|
}
|
|
|
|
.cardInactive_c50892 {
|
|
border-color: var(--border-subtle)
|
|
}
|
|
|
|
.cardHeader_c50892 {
|
|
height: 64px;
|
|
position: relative
|
|
}
|
|
|
|
.progressBar_c50892 {
|
|
height: 8px;
|
|
position: absolute;
|
|
top: 40px;
|
|
inset-inline: 0
|
|
}
|
|
|
|
.progressBarStart_c50892 {
|
|
border-end-start-radius: 100px;
|
|
border-start-start-radius: 100px;
|
|
inset-inline-start: 40px
|
|
}
|
|
|
|
.progressBarEnd_c50892 {
|
|
border-end-end-radius: 100px;
|
|
border-start-end-radius: 100px;
|
|
inset-inline-end: 24px
|
|
}
|
|
|
|
.progressBarInactive_c50892 {
|
|
background: #474464
|
|
}
|
|
|
|
.progressBarActive_c50892 {
|
|
background: linear-gradient(90deg,#ff4ebb,rgba(255,78,187,.4));
|
|
box-shadow: inset 0 0 4px 0 rgba(255,128,206,.3)
|
|
}
|
|
|
|
.progressBarActive_c50892.progressBarStart_c50892 {
|
|
inset-inline-start: 64px
|
|
}
|
|
|
|
.gemContainer_c50892 {
|
|
align-items: center;
|
|
border: 5px solid;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
height: 40px;
|
|
inset-inline-start: 24px;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 24px;
|
|
width: 40px
|
|
}
|
|
|
|
.gemContainerActive_c50892.gemContainerLevel1_c50892 {
|
|
background: var(--guild-boosting-pink-refresh);
|
|
border-color: #202024
|
|
}
|
|
|
|
.gemContainerLevel1_c50892:not(.gemContainerActive_c50892) {
|
|
background: #474464;
|
|
border-color: #202024
|
|
}
|
|
|
|
.gemContainerLevel2_c50892 {
|
|
background: #474464;
|
|
border-color: #211e40
|
|
}
|
|
|
|
.gemContainerActive_c50892.gemContainerLevel2_c50892 {
|
|
background: var(--guild-boosting-pink-refresh);
|
|
border-color: #202024
|
|
}
|
|
|
|
.gemContainerLevel3_c50892 {
|
|
background: #474464;
|
|
border-color: #201d3d
|
|
}
|
|
|
|
.gemContainerActive_c50892.gemContainerLevel3_c50892 {
|
|
background: var(--guild-boosting-pink-refresh);
|
|
border-color: #202024
|
|
}
|
|
|
|
.theme-light .progressBarInactive_c50892 {
|
|
background: #fff
|
|
}
|
|
|
|
.theme-light .gemContainerActive_c50892.gemContainerLevel1_c50892 {
|
|
border-color: #d8d6de
|
|
}
|
|
|
|
.theme-light .gemContainerLevel1_c50892:not(.gemContainerActive_c50892) {
|
|
background: #fff;
|
|
border-color: #d8d6de
|
|
}
|
|
|
|
.theme-light .gemContainerLevel2_c50892 {
|
|
background: #fff;
|
|
border-color: #d4d1dc
|
|
}
|
|
|
|
.theme-light .gemContainerActive_c50892.gemContainerLevel2_c50892 {
|
|
background: var(--guild-boosting-pink-refresh);
|
|
border-color: #d8d6de
|
|
}
|
|
|
|
.theme-light .gemContainerLevel3_c50892 {
|
|
background: #fff;
|
|
border-color: #d5d2dc
|
|
}
|
|
|
|
.theme-light .gemContainerActive_c50892.gemContainerLevel3_c50892 {
|
|
background: var(--guild-boosting-pink-refresh);
|
|
border-color: #d8d6de
|
|
}
|
|
|
|
.cardBody_c50892 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-12);
|
|
padding: var(--space-24)
|
|
}
|
|
|
|
.cardTitleRow_c50892 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.cardTitle_c50892 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.boostsBadge_c50892 {
|
|
align-items: center;
|
|
background: var(--background-mod-subtle);
|
|
border-radius: var(--radius-sm);
|
|
color: #aaaab1;
|
|
display: flex;
|
|
gap: var(--space-4);
|
|
height: 30px;
|
|
padding: 0 var(--space-8)
|
|
}
|
|
|
|
.theme-light .boostsBadge_c50892 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.cardTitleInactive_c50892 {
|
|
color: #94959c
|
|
}
|
|
|
|
.theme-light .cardTitleInactive_c50892 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.perkRowInactive_c50892 {
|
|
color: #94959c
|
|
}
|
|
|
|
.theme-light .perkRowInactive_c50892 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.andMoreText_c50892 {
|
|
color: #94959c
|
|
}
|
|
|
|
.theme-light .andMoreText_c50892 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.theme-light .card_c50892 {
|
|
background: var(--background-base-lowest)
|
|
}
|
|
|
|
.perksContainer_c50892 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-12)
|
|
}
|
|
|
|
.perkRow_c50892 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.perkIcon_c50892 {
|
|
flex-shrink: 0;
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
@media (max-width: 900px) {
|
|
.wrapper_c50892 {
|
|
flex-direction:column
|
|
}
|
|
|
|
.card_c50892 {
|
|
flex: 1 1 auto
|
|
}
|
|
}
|
|
|
|
.container__52d93 {
|
|
align-items: center;
|
|
background-color: rgba(26,26,30,.5);
|
|
border-radius: 16px;
|
|
display: flex;
|
|
gap: var(--space-24);
|
|
justify-content: center;
|
|
margin-block-end:var(--space-48);margin-block-start: 0;
|
|
margin-inline:auto;padding-block-end:var(--space-12);padding-block-start: var(--space-12);
|
|
padding-inline-end:var(--space-12);padding-inline-start: var(--space-24);
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.theme-light .container__52d93 {
|
|
background-color: hsla(0,0%,100%,.5)
|
|
}
|
|
|
|
.description__52d93 {
|
|
color: hsla(0,0%,100%,.6)
|
|
}
|
|
|
|
.theme-light .description__52d93 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.highlight__52d93 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.theme-light .highlight__52d93 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.wrapper__65e57 {
|
|
gap: 32px;
|
|
z-index: 2
|
|
}
|
|
|
|
.headerSection__65e57,.wrapper__65e57 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.headerSection__65e57 {
|
|
gap: 4px;
|
|
text-align: center;
|
|
z-index: 1
|
|
}
|
|
|
|
.heading__65e57 {
|
|
color: var(--text-default);
|
|
font-size: 32px;
|
|
line-height: 40px
|
|
}
|
|
|
|
.subheading__65e57 {
|
|
color: #aaaab1;
|
|
font-size: 16px;
|
|
line-height: 20px
|
|
}
|
|
|
|
.theme-light .subheading__65e57 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.subheading__65e57 a {
|
|
color: #5197ed;
|
|
text-decoration: none
|
|
}
|
|
|
|
.subheading__65e57 a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.cardsContainer__65e57 {
|
|
display: flex;
|
|
gap: 24px;
|
|
width: 100%
|
|
}
|
|
|
|
.card__65e57 {
|
|
align-items: center;
|
|
-webkit-backdrop-filter: blur(40px);
|
|
backdrop-filter: blur(40px);
|
|
background: radial-gradient(ellipse 355px 208px at 50% -31.5px,rgba(86,22,138,.5) 0,rgba(86,22,138,0) 100%),hsla(240,4%,61%,.08);
|
|
border: 1px solid hsla(240,4%,61%,.12);
|
|
border-radius: 16px;
|
|
box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
|
|
display: flex;
|
|
flex: 1 1 0;
|
|
flex-direction: column;
|
|
gap: 24px;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
padding: 24px;
|
|
position: relative;
|
|
transform: translateZ(0);
|
|
transition: box-shadow .2s ease-out;
|
|
will-change: transform
|
|
}
|
|
|
|
.card__65e57:hover {
|
|
box-shadow: 0 8px 24px 0 rgba(0,0,0,.24)
|
|
}
|
|
|
|
.full-motion .card__65e57 {
|
|
transition: box-shadow .2s ease-out,transform .2s ease-out
|
|
}
|
|
|
|
.full-motion .card__65e57:hover {
|
|
transform: translate3d(0,-4px,0)
|
|
}
|
|
|
|
.cardVisible__65e57 {
|
|
opacity: 1
|
|
}
|
|
|
|
.intObserver__65e57 {
|
|
bottom: 0;
|
|
height: 1px;
|
|
inset-inline-start: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
width: 1px
|
|
}
|
|
|
|
.illustrationWrapper__65e57 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 140px;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
width: 250px
|
|
}
|
|
|
|
.illustration__65e57 {
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
transform-origin: center center
|
|
}
|
|
|
|
.animatedAsset__65e57,.illustration__65e57 {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.content__65e57 {
|
|
gap: 24px;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.content__65e57,.textContent__65e57 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%
|
|
}
|
|
|
|
.textContent__65e57 {
|
|
gap: 4px;
|
|
text-align: center
|
|
}
|
|
|
|
.title__65e57 {
|
|
color: #efeff0;
|
|
font-size: 20px;
|
|
line-height: 24px
|
|
}
|
|
|
|
.theme-light .title__65e57 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.description__65e57 {
|
|
color: #aaaab1;
|
|
font-size: 16px;
|
|
line-height: 20px
|
|
}
|
|
|
|
.theme-light .description__65e57 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.badges__65e57 {
|
|
gap: 12px
|
|
}
|
|
|
|
.badge__65e57,.badges__65e57 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.badge__65e57 {
|
|
background: hsla(240,4%,61%,.08);
|
|
border: 1px solid hsla(240,4%,61%,.04);
|
|
border-radius: 8px;
|
|
gap: 4px;
|
|
justify-content: center;
|
|
padding: 6px 12px
|
|
}
|
|
|
|
.badgeText__65e57 {
|
|
color: #94959c;
|
|
font-size: 14px;
|
|
line-height: 18px
|
|
}
|
|
|
|
.theme-light .badgeText__65e57 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.enabledBadge__65e57 {
|
|
color: #53ac66;
|
|
font-size: 14px;
|
|
line-height: 18px
|
|
}
|
|
|
|
.buttonsContainer__65e57 {
|
|
bottom: 24px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
inset-inline-end: 24px;
|
|
inset-inline-start: 24px;
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.card__65e57:hover .buttonsContainer__65e57 {
|
|
pointer-events: auto
|
|
}
|
|
|
|
.button__65e57 {
|
|
flex: 1 1 0
|
|
}
|
|
|
|
.newBadge__65e57 {
|
|
inset-inline-end: 16px;
|
|
position: absolute;
|
|
top: 16px
|
|
}
|
|
|
|
@media (max-width: 900px) {
|
|
.cardsContainer__65e57 {
|
|
flex-direction:column
|
|
}
|
|
|
|
.card__65e57 {
|
|
flex: 1 1 auto
|
|
}
|
|
}
|
|
|
|
.wrapper__0a9d0 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-48);
|
|
width: 100%
|
|
}
|
|
|
|
.heading__0a9d0 {
|
|
text-align: center
|
|
}
|
|
|
|
.tableWrapper__0a9d0 {
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.table__0a9d0 {
|
|
flex-direction: column;
|
|
width: 100%
|
|
}
|
|
|
|
.row__0a9d0,.table__0a9d0 {
|
|
display: flex
|
|
}
|
|
|
|
.row__0a9d0 {
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--border-normal);
|
|
padding: var(--space-16) 0
|
|
}
|
|
|
|
.lastRow__0a9d0 {
|
|
border-bottom: none
|
|
}
|
|
|
|
.headerRow__0a9d0 {
|
|
align-items: flex-start
|
|
}
|
|
|
|
.cell__0a9d0 {
|
|
flex: 1 1 0;
|
|
min-width: 0;
|
|
padding: 0 var(--space-16)
|
|
}
|
|
|
|
.perkCell__0a9d0 {
|
|
text-align: start
|
|
}
|
|
|
|
.tierCell__0a9d0 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
text-align: center
|
|
}
|
|
|
|
.checkIcon__0a9d0 {
|
|
color: var(--text-strong);
|
|
display: block
|
|
}
|
|
|
|
.xIcon__0a9d0 {
|
|
color: var(--interactive-muted);
|
|
display: block
|
|
}
|
|
|
|
.recommendedTierHighlight__0a9d0 {
|
|
border: 2px solid var(--guild-boosting-pink-refresh);
|
|
border-radius: var(--radius-lg);
|
|
bottom: -20px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: -20px;
|
|
width: 20%
|
|
}
|
|
|
|
.recommendedTierHighlightTier2__0a9d0 {
|
|
inset-inline-end: 20%
|
|
}
|
|
|
|
.recommendedTierHighlightTier3__0a9d0 {
|
|
inset-inline-end: 0
|
|
}
|
|
|
|
.recommendedTierHighlightTag__0a9d0 {
|
|
background: var(--guild-boosting-pink-refresh);
|
|
border-radius: var(--radius-sm);
|
|
inset-inline-start: 50%;
|
|
padding: var(--space-4) var(--space-8);
|
|
position: absolute;
|
|
text-transform: uppercase;
|
|
top: 0;
|
|
transform: translate(-50%,-50%);
|
|
white-space: nowrap
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.cell__0a9d0 {
|
|
padding:0 var(--space-8)
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.wrapper__0a9d0 {
|
|
gap:var(--space-24)
|
|
}
|
|
|
|
.row__0a9d0 {
|
|
padding: var(--space-12) 0
|
|
}
|
|
|
|
.cell__0a9d0 {
|
|
padding: 0 var(--space-4)
|
|
}
|
|
|
|
.headerRow__0a9d0 .tierCell__0a9d0>:last-child {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.wrapper__9ed0b {
|
|
inset-inline-start: 0;
|
|
isolation: isolate;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 100%;
|
|
width: 100%;
|
|
will-change: transform;
|
|
z-index: 10
|
|
}
|
|
|
|
.innerWrapper__9ed0b,.wrapper__9ed0b {
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.innerWrapper__9ed0b {
|
|
align-items: center;
|
|
-webkit-backdrop-filter: blur(16px);
|
|
backdrop-filter: blur(16px);
|
|
background-color: hsla(0,0%,100%,.17);
|
|
border: 1px solid hsla(0,0%,100%,.16);
|
|
border-radius: 16px;
|
|
box-sizing: border-box;
|
|
gap: 40px;
|
|
margin-bottom: 36px;
|
|
padding: 12px;
|
|
pointer-events: all;
|
|
position: relative;
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
.theme-light .innerWrapper__9ed0b {
|
|
background-color: rgba(0,0,0,.08);
|
|
border-color: rgba(0,0,0,.1)
|
|
}
|
|
|
|
.guildInfo__9ed0b {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.guildIcon__9ed0b {
|
|
border: 1px solid hsla(0,0%,100%,.16);
|
|
border-radius: var(--radius-md);
|
|
box-shadow: var(--shadow-low);
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.theme-light .guildIcon__9ed0b {
|
|
border-color: rgba(0,0,0,.1)
|
|
}
|
|
|
|
.ctaButton__9ed0b {
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.guildName__9ed0b {
|
|
color: var(--white);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.theme-light .guildName__9ed0b {
|
|
color: var(--primary-800)
|
|
}
|
|
|
|
.premiumTooltipFooterBackground__7d7fe {
|
|
background: linear-gradient(90deg,#b473f5,#e292aa);
|
|
width: "100%"
|
|
}
|
|
|
|
.tooltipBodyContainer__7d7fe {
|
|
padding: 8px 12px;
|
|
text-align: center
|
|
}
|
|
|
|
.tooltipPremiumFooterContainer__7d7fe {
|
|
align-items: center;
|
|
background: linear-gradient(90deg,#b473f5,#e292aa);
|
|
border-radius: 0 0 5px 5px;
|
|
color: #fff;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.tooltipRemovePadding__7d7fe {
|
|
padding: 0
|
|
}
|
|
|
|
.gemIcon__7d7fe {
|
|
margin-top: 2px;
|
|
margin-inline-start:-4px}
|
|
|
|
.tooltipPremiumFooterSegment__7d7fe {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-basis: 0;
|
|
flex-grow: 1;
|
|
justify-content: center;
|
|
padding: 4px;
|
|
text-align: center
|
|
}
|
|
|
|
.tooltipPremiumFooterTierSegment__7d7fe {
|
|
border-inline-end:1px solid;border-color: var(--background-surface-high)
|
|
}
|
|
|
|
.clanBadgeContainer__7d7fe img {
|
|
margin: 0
|
|
}
|
|
|
|
.boostedGuildIconGem__97677 {
|
|
height: 12px;
|
|
transition: color .1s linear;
|
|
width: 12px
|
|
}
|
|
|
|
:where(.boostedGuildIconGem__97677) {
|
|
height: 10px
|
|
}
|
|
|
|
.iconBackgroundTierNone__97677,.iconBackgroundTierOne__97677,.iconBackgroundTierThree__97677,.iconBackgroundTierTwo__97677 {
|
|
color: var(--icon-muted)
|
|
}
|
|
|
|
.iconTierNone__97677 {
|
|
color: var(--opacity-white-20)
|
|
}
|
|
|
|
.iconTierOne__97677,.iconTierTwo__97677 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.iconTierThree__97677 {
|
|
color: var(--guild-boosting-pink)
|
|
}
|
|
|
|
.guildIconContainer__85d16,.guildIconV2Container__85d16 {
|
|
display: flex;
|
|
justify-content: center;
|
|
min-width: 20px
|
|
}
|
|
|
|
.guildBadge__85d16 .boostedGuildIconGem__85d16 {
|
|
transition: color .1s linear
|
|
}
|
|
|
|
:where(.disableColor__85d16) {
|
|
color: var(--background-mod-muted)
|
|
}
|
|
|
|
.tierTooltipTitle__85d16 {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.boostedGuildIconGem__85d16 {
|
|
height: 10px
|
|
}
|
|
|
|
.boostedGuildTierMutedIconWithVisibleBanner__85d16 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.iconTierNone__85d16 {
|
|
color: var(--opacity-white-20)
|
|
}
|
|
|
|
.boostedGuildTierIconBackgroundWithVisibleBanner__85d16 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.header__6e500 {
|
|
align-items: flex-start;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 8px;
|
|
margin-top: 8px;
|
|
padding: 0 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.members__6e500 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0 8px
|
|
}
|
|
|
|
.memberCount__6e500 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.dot__6e500 {
|
|
background: var(--text-status-offline)
|
|
}
|
|
|
|
.dot__6e500,.dotOnline__6e500 {
|
|
border-radius: 50%;
|
|
height: 8px;
|
|
width: 8px
|
|
}
|
|
|
|
.dotOnline__6e500 {
|
|
background: var(--text-status-online)
|
|
}
|
|
|
|
.established__6e500 {
|
|
display: flex
|
|
}
|
|
|
|
.nameContainer__6e500 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 4px;
|
|
width: 100%
|
|
}
|
|
|
|
.guildNameContainer__6e500 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.guildNameContainer__6e500:hover {
|
|
cursor: pointer
|
|
}
|
|
|
|
.guildNameContainer__6e500:hover .guildName__6e500 {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.guildName__6e500 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.guildBadge__6e500 {
|
|
cursor: pointer;
|
|
flex-shrink: 0;
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.container_d3846c {
|
|
border-radius: 16px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
width: 300px
|
|
}
|
|
|
|
.spinnerContainer_d3846c {
|
|
background: var(--background-surface-highest);
|
|
padding: 16px
|
|
}
|
|
|
|
.chipletContainerInner__10651 {
|
|
align-items: center;
|
|
background: var(--background-mod-strong);
|
|
border-radius: 4px;
|
|
display: inline-flex;
|
|
line-height: 16px!important;
|
|
padding: 0 4px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.chipletContainerInline__10651 {
|
|
margin-top: -2px
|
|
}
|
|
|
|
.clickable__10651 {
|
|
cursor: pointer;
|
|
transition: background .1s ease-in-out
|
|
}
|
|
|
|
.clickable__10651:hover {
|
|
background: var(--background-mod-muted)
|
|
}
|
|
|
|
.text__10651 {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
line-height: 16px!important;
|
|
max-width: 70px
|
|
}
|
|
|
|
.badge__10651 {
|
|
margin-inline-end:2px;margin-top: 0
|
|
}
|
|
|
|
.tooltip__10651 {
|
|
background: var(--background-surface-highest);
|
|
border-radius: 8px
|
|
}
|
|
|
|
.tooltip__10651,.tooltipContainer__10651 {
|
|
max-width: 360px;
|
|
padding: 0
|
|
}
|
|
|
|
.chipletContainerInner__10651.noTooltip__10651:hover {
|
|
background: var(--background-mod-strong)
|
|
}
|
|
|
|
.tagText__10651 {
|
|
text-indent: 0;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.container__4bbc6 {
|
|
border-radius: inherit;
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.fitInAccount__4bbc6 {
|
|
height: calc(100% + 2px);
|
|
inset-inline-start: 0;
|
|
top: -1px;
|
|
width: calc(100% + 1px)
|
|
}
|
|
|
|
.fadeIn__4bbc6 {
|
|
animation: fadeIn__4bbc6 .12s ease-in forwards;
|
|
opacity: 0
|
|
}
|
|
|
|
@keyframes fadeIn__4bbc6 {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.img__4bbc6 {
|
|
height: 100%;
|
|
inset-inline-end: 0;
|
|
-o-object-position: right;
|
|
object-position: right;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
transition: opacity .3s ease,transform .3s ease;
|
|
width: auto
|
|
}
|
|
|
|
.img__4bbc6,.img__4bbc6.hover__4bbc6 {
|
|
opacity: .6
|
|
}
|
|
|
|
.img__4bbc6.selected__4bbc6 {
|
|
opacity: .9
|
|
}
|
|
|
|
.img__4bbc6.channel__4bbc6.hover__4bbc6 {
|
|
opacity: .4
|
|
}
|
|
|
|
.img__4bbc6.channel__4bbc6.selected__4bbc6 {
|
|
opacity: .9
|
|
}
|
|
|
|
.img__4bbc6.account__4bbc6,.img__4bbc6.account__4bbc6.hover__4bbc6 {
|
|
opacity: .4
|
|
}
|
|
|
|
.img__4bbc6.preview__4bbc6 {
|
|
opacity: .8
|
|
}
|
|
|
|
.img__4bbc6.mini_preview__4bbc6,.img__4bbc6.mini_preview__4bbc6.hover__4bbc6,.img__4bbc6.preview__4bbc6.hover__4bbc6 {
|
|
opacity: 1
|
|
}
|
|
|
|
.videoContainer__4bbc6 {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.nameplatePreview_e144e0 {
|
|
align-items: center;
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
height: 42px;
|
|
position: relative
|
|
}
|
|
|
|
.nameplatePreview_e144e0.large_e144e0 {
|
|
height: 52px
|
|
}
|
|
|
|
.nameplatePreview_e144e0.xlarge_e144e0 {
|
|
height: 62px
|
|
}
|
|
|
|
.density-cozy .nameplatePreview_e144e0 {
|
|
height: 48px
|
|
}
|
|
|
|
.density-cozy .nameplatePreview_e144e0.xsmall_e144e0 {
|
|
height: 26px
|
|
}
|
|
|
|
.density-cozy .nameplatePreview_e144e0.small_e144e0 {
|
|
height: 30px
|
|
}
|
|
|
|
.density-cozy .nameplatePreview_e144e0.large_e144e0 {
|
|
height: 58px
|
|
}
|
|
|
|
.density-cozy .nameplatePreview_e144e0.xlarge_e144e0 {
|
|
height: 68px
|
|
}
|
|
|
|
.density-default .nameplatePreview_e144e0 {
|
|
height: 42px
|
|
}
|
|
|
|
.density-default .nameplatePreview_e144e0.xsmall_e144e0 {
|
|
height: 26px
|
|
}
|
|
|
|
.density-default .nameplatePreview_e144e0.small_e144e0 {
|
|
height: 30px
|
|
}
|
|
|
|
.density-default .nameplatePreview_e144e0.large_e144e0 {
|
|
height: 52px
|
|
}
|
|
|
|
.density-default .nameplatePreview_e144e0.xlarge_e144e0 {
|
|
height: 62px
|
|
}
|
|
|
|
.density-compact .nameplatePreview_e144e0 {
|
|
height: 38px
|
|
}
|
|
|
|
.density-compact .nameplatePreview_e144e0.xsmall_e144e0 {
|
|
height: 26px
|
|
}
|
|
|
|
.density-compact .nameplatePreview_e144e0.small_e144e0 {
|
|
height: 34px
|
|
}
|
|
|
|
.density-compact .nameplatePreview_e144e0.large_e144e0 {
|
|
height: 48px
|
|
}
|
|
|
|
.density-compact .nameplatePreview_e144e0.xlarge_e144e0 {
|
|
height: 58px
|
|
}
|
|
|
|
.overlayContainer_e144e0 {
|
|
flex: 1;
|
|
height: 100%;
|
|
margin-block:0;margin-inline:8px 32px;position: relative
|
|
}
|
|
|
|
.nameplatePreview_e144e0.large_e144e0 .overlayContainer_e144e0 {
|
|
margin-block:0;margin-inline:10px 38px}
|
|
|
|
.nameplatePreview_e144e0.xlarge_e144e0 .overlayContainer_e144e0 {
|
|
margin-block:0;margin-inline:14px 44px}
|
|
|
|
.avatarContainer_e144e0 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
max-width: 100%;
|
|
opacity: 0;
|
|
position: absolute;
|
|
transition: opacity .4s ease;
|
|
width: 100%
|
|
}
|
|
|
|
.avatar_e144e0 {
|
|
margin-inline-end:12px}
|
|
|
|
.avatarVisible_e144e0 {
|
|
opacity: 1
|
|
}
|
|
|
|
.placeholderUsername_e144e0 {
|
|
border-radius: 8px;
|
|
height: 14px;
|
|
opacity: .5;
|
|
width: 66%
|
|
}
|
|
|
|
.nameplatePreview_e144e0.xsmall_e144e0 .placeholderUsername_e144e0 {
|
|
height: 8px
|
|
}
|
|
|
|
.nameplatePreview_e144e0.small_e144e0 .placeholderUsername_e144e0 {
|
|
height: 10px
|
|
}
|
|
|
|
.nameplatePreview_e144e0.large_e144e0 .placeholderUsername_e144e0 {
|
|
height: 16px
|
|
}
|
|
|
|
.nameplatePreview_e144e0.xlarge_e144e0 .placeholderUsername_e144e0 {
|
|
height: 18px
|
|
}
|
|
|
|
.theme-light .placeholderUsername_e144e0 {
|
|
background-color: #aaaab2
|
|
}
|
|
|
|
.theme-dark .placeholderUsername_e144e0 {
|
|
background-color: #706f74
|
|
}
|
|
|
|
.tagChiplet_e144e0 {
|
|
margin-inline-start:var(--space-4)}
|
|
|
|
.inheritWidth_e144e0 {
|
|
width: inherit
|
|
}
|
|
|
|
.container__6d099 {
|
|
align-items: center;
|
|
aspect-ratio: 1.1;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
position: relative
|
|
}
|
|
|
|
.profileEffectShopPreview__6d099 {
|
|
border-radius: var(--radius-sm);
|
|
height: 80%;
|
|
inset-inline-start: 6%;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 10%;
|
|
transform-origin: top center;
|
|
width: auto
|
|
}
|
|
|
|
.avatarDecorationPreview__6d099 {
|
|
filter: drop-shadow(0 2px 8px rgba(0,0,0,.15));
|
|
inset-inline-end: 6%;
|
|
position: absolute;
|
|
transform: rotate(6deg)
|
|
}
|
|
|
|
.twoItemBundle__6d099 .profileEffectShopPreview__6d099 {
|
|
aspect-ratio: .86;
|
|
transform: rotate(-6deg)
|
|
}
|
|
|
|
.twoItemBundle__6d099 .avatarDecorationPreview__6d099 {
|
|
top: 22%
|
|
}
|
|
|
|
.threeItemBundle__6d099 .profileEffectShopPreview__6d099 {
|
|
aspect-ratio: .8;
|
|
transform: rotate(-8deg)
|
|
}
|
|
|
|
.threeItemBundle__6d099 .avatarDecorationPreview__6d099 {
|
|
top: 12%
|
|
}
|
|
|
|
.threeItemBundle__6d099 .nameplatePreview__6d099 {
|
|
background-color: var(--background-base-low);
|
|
border-radius: var(--radius-sm);
|
|
bottom: 14%;
|
|
box-shadow: 0 2px 8px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1);
|
|
position: absolute;
|
|
width: 96%
|
|
}
|
|
|
|
.theme-dark .avatar__6d099 {
|
|
background: #0c0e0e
|
|
}
|
|
|
|
.theme-light .avatar__6d099 {
|
|
background: #a8a9aa
|
|
}
|
|
|
|
.nameplatePlaceholderUserRow_e75aa6 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 42px;
|
|
padding: 0 8px;
|
|
width: 100%
|
|
}
|
|
|
|
.nameplatePlaceholderAvatar_e75aa6,.nameplatePlaceholderBar_e75aa6 {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.nameplatePlaceholderBar_e75aa6 {
|
|
border-radius: 8px;
|
|
flex-grow: 1;
|
|
height: 14px;
|
|
margin-inline-start:12px}
|
|
|
|
.smallRow_e75aa6 {
|
|
height: 28px
|
|
}
|
|
|
|
.smallBar_e75aa6 {
|
|
height: 10px
|
|
}
|
|
|
|
.nameplatePreviewContainer_f7b5db {
|
|
align-items: center;
|
|
-webkit-mask-image: linear-gradient(180deg,rgba(0,0,0,.2) 0,#000 30%,#000 70%,rgba(0,0,0,.2));
|
|
mask-image: linear-gradient(180deg,rgba(0,0,0,.2) 0,#000 30%,#000 70%,rgba(0,0,0,.2));
|
|
max-height: 100%;
|
|
max-width: 252px
|
|
}
|
|
|
|
.nameplatePreviewContainer_f7b5db,.nameplatePreviewList_f7b5db {
|
|
display: flex;
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
width: 100%
|
|
}
|
|
|
|
.nameplatePreviewList_f7b5db {
|
|
flex-direction: column;
|
|
gap: var(--space-4);
|
|
justify-content: center
|
|
}
|
|
|
|
.nameplatePreviewSampleItem_f7b5db {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 42px;
|
|
width: 100%
|
|
}
|
|
|
|
.productPreview__00f8b {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .productPreview__00f8b {
|
|
transition: opacity .15s ease-out
|
|
}
|
|
|
|
.productPreview__00f8b.faded__00f8b {
|
|
opacity: .5
|
|
}
|
|
|
|
.productPreview__00f8b.fullPreview__00f8b {
|
|
align-items: flex-start;
|
|
inset: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.productPreviewIconOverlay__00f8b {
|
|
justify-self: center;
|
|
margin: auto;
|
|
opacity: 1;
|
|
position: absolute
|
|
}
|
|
|
|
.full-motion .productPreviewIconOverlay__00f8b {
|
|
transition: opacity .15s ease-out
|
|
}
|
|
|
|
.productPreviewIconOverlay__00f8b.hidden__00f8b {
|
|
opacity: 0
|
|
}
|
|
|
|
.avatarDecorationPreview__00f8b {
|
|
padding: var(--space-24)
|
|
}
|
|
|
|
.container__8a8e7 {
|
|
align-items: center;
|
|
color: var(--text-strong);
|
|
display: inline-flex;
|
|
gap: var(--space-4);
|
|
position: relative;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.discount__8a8e7 {
|
|
color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.icon__8a8e7 {
|
|
min-width: -moz-fit-content;
|
|
min-width: fit-content
|
|
}
|
|
|
|
.priceStrikethrough__8a8e7 {
|
|
text-decoration: line-through
|
|
}
|
|
|
|
.discountPill__8a8e7 {
|
|
background: var(--green-new-34);
|
|
border-radius: 20px;
|
|
padding: 1px 8px 2px;
|
|
text-decoration-line: none
|
|
}
|
|
|
|
.theme-light .discountPill__8a8e7 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.theme-light .discountBackgroundColor__8a8e7 {
|
|
color: #9a9a9d
|
|
}
|
|
|
|
.theme-dark .discountPill__8a8e7 {
|
|
color: var(--neutral-71)
|
|
}
|
|
|
|
.theme-dark .discountBackgroundColor__8a8e7 {
|
|
color: #8d8e91
|
|
}
|
|
|
|
.insufficientOrbs__3b1b0 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.container_b7b2cf {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: auto;
|
|
text-align: center;
|
|
width: 400px
|
|
}
|
|
|
|
.header_b7b2cf {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.description_b7b2cf {
|
|
margin-bottom: 40px
|
|
}
|
|
|
|
.splashImage_b7b2cf {
|
|
width: 223px
|
|
}
|
|
|
|
.settings_b7b2cf {
|
|
margin-top: 96px
|
|
}
|
|
|
|
.modal_b7b2cf {
|
|
margin-bottom: 48px;
|
|
margin-top: 40px
|
|
}
|
|
|
|
.blockedPaymentsModalContent_b7b2cf,.blockedPaymentsModalHeader_b7b2cf {
|
|
background-color: var(--modal-background)
|
|
}
|
|
|
|
.blockedPaymentsModalHeader_b7b2cf {
|
|
border-radius: 4px 4px 0 0
|
|
}
|
|
|
|
.blockedPaymentsModalContent_b7b2cf {
|
|
border-radius: 0 0 4px 4px
|
|
}
|
|
|
|
.blockedPaymentsWarningIcon_b7b2cf {
|
|
margin-inline-end:10px}
|
|
|
|
.blockedPaymentsWarning_b7b2cf {
|
|
background-color: var(--background-base-lower);
|
|
color: var(--text-default);
|
|
display: flex;
|
|
justify-items: center;
|
|
margin-bottom: 16px;
|
|
margin-top: 16px;
|
|
padding: 16px 22px
|
|
}
|
|
|
|
.theme-dark .blockedPaymentsWarning_b7b2cf {
|
|
border-color: var(--primary-700)
|
|
}
|
|
|
|
.theme-light .blockedPaymentsWarning_b7b2cf {
|
|
border-color: var(--primary-200)
|
|
}
|
|
|
|
.link__6a22b {
|
|
color: var(--interactive-text-active);
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 18px
|
|
}
|
|
|
|
.checkoutFooter_ebbc17 {
|
|
padding: var(--space-16) var(--space-24) var(--space-24)
|
|
}
|
|
|
|
.headerSubtitle_ebbc17,.headerTitle_ebbc17 {
|
|
overflow-wrap: break-word;
|
|
word-break: break-word
|
|
}
|
|
|
|
.headerSubtitle_ebbc17 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 4px;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.countryFlagEmoji_ebbc17 {
|
|
height: 18px
|
|
}
|
|
|
|
.checkoutPill_ebbc17 {
|
|
align-items: center;
|
|
align-self: center;
|
|
background-color: var(--badge-expressive-background-default);
|
|
border-radius: var(--radius-round);
|
|
box-sizing: border-box;
|
|
color: var(--badge-expressive-text-default);
|
|
display: inline-flex;
|
|
gap: var(--space-4);
|
|
padding: 0 var(--space-8);
|
|
text-align: center;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.checkoutHeaderContainer_ebbc17 {
|
|
align-items: center;
|
|
-moz-column-gap: var(--space-8);
|
|
column-gap: var(--space-8);
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.checkoutModalBody_ebbc17 {
|
|
max-height: min(800px,100%);
|
|
max-width: 480px
|
|
}
|
|
|
|
.checkoutModalBodyPadding_ebbc17 {
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.shaker_e5f3a9 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
height: 100%;
|
|
justify-content: center;
|
|
max-height: inherit
|
|
}
|
|
|
|
.root_e5f3a9>:last-child {
|
|
border-end-end-radius: var(--radius-sm);
|
|
border-end-start-radius: var(--radius-sm)
|
|
}
|
|
|
|
.root_e5f3a9.withHeader_e5f3a9>:first-child {
|
|
background-color: transparent
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.shaker_e5f3a9 {
|
|
position:absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
max-height: none
|
|
}
|
|
|
|
.root_e5f3a9,.shaker_e5f3a9 {
|
|
justify-content: center
|
|
}
|
|
|
|
.root_e5f3a9 {
|
|
border-radius: 0;
|
|
width: 100vw
|
|
}
|
|
}
|
|
|
|
.halloweenModalHeight_e5f3a9 {
|
|
max-height: 800px
|
|
}
|
|
|
|
.premiumBrandRefreshBackground_e5f3a9 {
|
|
background-color: var(--background-base-low)!important
|
|
}
|
|
|
|
.full-motion .transition__5fbe9 {
|
|
transition: transform .2s ease
|
|
}
|
|
|
|
.directionDown__5fbe9 {
|
|
transform: rotate3d(0,0,-1,0deg)
|
|
}
|
|
|
|
.directionRight__5fbe9 {
|
|
transform: rotate3d(0,0,-1,90deg)
|
|
}
|
|
|
|
.directionLeft__5fbe9 {
|
|
transform: rotate3d(0,0,-1,-90deg)
|
|
}
|
|
|
|
.directionUp__5fbe9 {
|
|
transform: rotate3d(0,0,-1,180deg)
|
|
}
|
|
|
|
.breadcrumbs__0f692 {
|
|
display: flex;
|
|
justify-content: center;
|
|
overflow: hidden
|
|
}
|
|
|
|
.breadcrumbWrapper__0f692 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-grow: 0;
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.breadcrumbFinalWrapper__0f692 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.breadcrumbArrow__0f692 {
|
|
color: var(--text-muted);
|
|
height: 18px;
|
|
margin: 0 11px;
|
|
width: 18px
|
|
}
|
|
|
|
.pill_e7b36e {
|
|
align-items: center;
|
|
border: 1px solid var(--border-normal);
|
|
border-radius: var(--radius-lg);
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: var(--space-8) var(--space-12);
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.pillGradient_e7b36e {
|
|
background: linear-gradient(90deg,rgba(155,29,165,.35) 0,rgba(30,35,83,.35) 120%),var(--background-base-lower)
|
|
}
|
|
|
|
.theme-light .pillGradient_e7b36e {
|
|
background: linear-gradient(90deg,rgba(155,29,165,.1) 0,rgba(30,35,83,.1) 120%),var(--background-base-lower)
|
|
}
|
|
|
|
.pillText_e7b36e {
|
|
line-height: 1;
|
|
padding-top: .75px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.badgeContainer_fc0249 {
|
|
margin-inline-start:var(--space-16);margin-top: var(--space-8)
|
|
}
|
|
|
|
.container_d5200e {
|
|
position: relative;
|
|
z-index: 10
|
|
}
|
|
|
|
.headerContainer_d5200e {
|
|
align-items: flex-end;
|
|
border-start-end-radius: calc(var(--radius-md) - 1px);
|
|
border-start-start-radius: calc(var(--radius-md) - 1px);
|
|
display: flex;
|
|
height: 120px;
|
|
min-height: 120px;
|
|
padding: 0 var(--space-16) 0;
|
|
position: relative
|
|
}
|
|
|
|
.headerContainer_d5200e.containerBottomPadding_d5200e {
|
|
padding-bottom: var(--space-12)
|
|
}
|
|
|
|
.bigWumpus_d5200e {
|
|
height: 159px;
|
|
inset-inline-end: 41px;
|
|
position: absolute;
|
|
top: 28px;
|
|
z-index: 1000
|
|
}
|
|
|
|
.wumpus_d5200e {
|
|
height: 117px;
|
|
inset-inline-end: 35px;
|
|
position: absolute;
|
|
top: 12px
|
|
}
|
|
|
|
.bigCloud_d5200e {
|
|
inset-inline-start: calc(50% - 60px);
|
|
opacity: .25;
|
|
position: absolute;
|
|
top: 39px;
|
|
transform: translateX(-50%);
|
|
width: 120px
|
|
}
|
|
|
|
.mediumCloud_d5200e {
|
|
inset-inline-start: 28px;
|
|
opacity: .35;
|
|
position: absolute;
|
|
top: 22px;
|
|
width: 74px
|
|
}
|
|
|
|
.smallCloud_d5200e {
|
|
inset-inline-end: 39px;
|
|
opacity: .25;
|
|
position: absolute;
|
|
top: 58px;
|
|
width: 59px
|
|
}
|
|
|
|
.closeButtonPosition_d5200e {
|
|
inset-inline-end: 12px;
|
|
position: absolute;
|
|
top: 12px
|
|
}
|
|
|
|
.textContainer_d5200e {
|
|
gap: var(--space-16);
|
|
max-width: 55%;
|
|
position: relative
|
|
}
|
|
|
|
.headerTextWrapper_d5200e,.textContainer_d5200e {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.headerTextWrapper_d5200e {
|
|
background-color: var(--background-base-low);
|
|
gap: var(--space-12);
|
|
justify-content: center;
|
|
padding-bottom: var(--space-12);
|
|
padding-top: var(--space-24);
|
|
text-align: center
|
|
}
|
|
|
|
.oneStepCheckoutTextWrapper_d5200e {
|
|
background-color: var(--background-base-low);
|
|
padding: var(--space-16) var(--space-16) var(--space-12)
|
|
}
|
|
|
|
.wordmark_d5200e {
|
|
height: 22px;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.bodyGradientPadding_d5200e {
|
|
height: 24px
|
|
}
|
|
|
|
.bodyGradientContainer_d5200e {
|
|
bottom: -24px;
|
|
height: 30px;
|
|
margin: 0 var(--space-8);
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: calc(100% - 16px)
|
|
}
|
|
|
|
.bodyGradient_d5200e {
|
|
background: linear-gradient(0deg,transparent 0,var(--background-base-low) 46.63%);
|
|
bottom: 0;
|
|
height: 48px;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: -1
|
|
}
|
|
|
|
@media screen and (max-height: 550px),screen and (max-width:485px) {
|
|
.headerContainer_d5200e {
|
|
border-radius:0
|
|
}
|
|
}
|
|
|
|
.nitroText_d5200e {
|
|
font-size: 24px;
|
|
font-style: italic;
|
|
font-weight: 900;
|
|
line-height: 27px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.betaBadgeContainer_d5200e {
|
|
bottom: calc(100% + 8px);
|
|
inset-inline-start: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.headerBackground_b66356 {
|
|
border-start-end-radius: var(--radius-md);
|
|
border-start-start-radius: var(--radius-md);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-inline-start:-1px;margin-top: -2px;
|
|
min-height: 114px;
|
|
padding: var(--space-20);
|
|
position: relative;
|
|
width: calc(100% + 2px)
|
|
}
|
|
|
|
@media screen and (max-height: 550px),screen and (max-width:485px) {
|
|
.headerBackground_b66356 {
|
|
border-radius:0
|
|
}
|
|
}
|
|
|
|
.tier2HeaderBackground_b66356 {
|
|
background-image: linear-gradient(41.27deg,var(--premium-tier-2-purple-for-gradients) 20.01%,var(--premium-tier-2-purple-for-gradients-2) 56.27%,var(--premium-tier-2-pink-for-gradients) 92.19%)
|
|
}
|
|
|
|
.snow_b66356 {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.closeIcon_b66356 {
|
|
color: var(--text-strong);
|
|
opacity: 1
|
|
}
|
|
|
|
.headerTop_b66356 {
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.headerIcon_b66356 {
|
|
color: var(--white);
|
|
height: 22px;
|
|
width: auto
|
|
}
|
|
|
|
.headerIcon_b66356.nonTier2_b66356 {
|
|
height: 35px
|
|
}
|
|
|
|
.price_b66356 {
|
|
align-self: flex-end;
|
|
background-color: var(--white);
|
|
border-radius: 3px;
|
|
color: var(--brand-500);
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 1.71;
|
|
margin-top: 20px;
|
|
padding: 2px 12px;
|
|
position: relative
|
|
}
|
|
|
|
.closeButton_b66356 {
|
|
color: var(--white)!important
|
|
}
|
|
|
|
.closeButton_b66356:hover {
|
|
background-color: hsla(0,0%,100%,.04)!important
|
|
}
|
|
|
|
.trialBadge_b66356 {
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 43px
|
|
}
|
|
|
|
.trialBadgeContainer_b66356 {
|
|
align-items: center;
|
|
background: var(--white);
|
|
border-radius: 10px;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 8px;
|
|
max-height: 32px;
|
|
max-width: 150px;
|
|
text-align: start;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.trialOfferText_b66356 {
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
background-image: linear-gradient(93.74deg,#8847c6 .65%,#ac46c3 50.46%,#ad5b91 91.96%);
|
|
color: transparent;
|
|
line-height: 12px;
|
|
padding: 4px 8px
|
|
}
|
|
|
|
.trialOfferText_b66356.tier0TrialOffer_b66356 {
|
|
background-image: var(--custom-premium-colors-premium-gradient-tier-0)
|
|
}
|
|
|
|
.trialBadgeSparkles_b66356 {
|
|
inset-inline-start: 4px;
|
|
position: absolute;
|
|
top: 43px
|
|
}
|
|
|
|
.tier2Animation__387d4 {
|
|
position: relative
|
|
}
|
|
|
|
.panningAnimation__387d4 {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 22px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.panningAnimationInner__387d4 {
|
|
background-size: 100% 100%;
|
|
filter: saturate(var(--saturation-factor,1));
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.tier2Background__387d4 {
|
|
background-image: url(/assets/083b1bde1c6b39a3.svg);
|
|
opacity: .2
|
|
}
|
|
|
|
.tier2Foreground__387d4 {
|
|
background-image: url(/assets/ae4a4071a85dcaa6.svg)
|
|
}
|
|
|
|
.guildWrapper__387d4 {
|
|
position: relative
|
|
}
|
|
|
|
.guildBackground__387d4 {
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.guildBackground__387d4,.guildStar__387d4 {
|
|
position: absolute
|
|
}
|
|
|
|
.sequencedAnimation__387d4 {
|
|
filter: saturate(var(--saturation-factor,1))
|
|
}
|
|
|
|
.modalHeader_b54a5b {
|
|
background-image: linear-gradient(var(--modal-background),var(--modal-background));
|
|
background-position: 0 10px;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% calc(100% - 20px);
|
|
margin-bottom: -20px;
|
|
overflow: clip;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.modalHeaderCustomGift_b54a5b {
|
|
align-items: center;
|
|
background-image: unset;
|
|
background-size: unset;
|
|
border-bottom: none;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 0;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.closeButton_b54a5b {
|
|
margin-inline-start:auto;padding: 0
|
|
}
|
|
|
|
.closeButtonInner_b54a5b {
|
|
height: 24px
|
|
}
|
|
|
|
.header_b54a5b {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
body .headerAnimation_b54a5b {
|
|
border-start-end-radius: 4px;
|
|
border-start-start-radius: 4px;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 50% 0;
|
|
bottom: -22px;
|
|
min-width: 440px;
|
|
overflow: hidden;
|
|
transform: translateX(-50%);
|
|
width: 100%
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.headerAnimation_b54a5b {
|
|
min-width:auto!important
|
|
}
|
|
}
|
|
|
|
.headerAnimation_b54a5b {
|
|
border-start-end-radius: calc(var(--radius-md) - 1px);
|
|
border-start-start-radius: calc(var(--radius-md) - 1px)
|
|
}
|
|
|
|
.paymentModalLockIcon__9a648 {
|
|
color: var(--primary-500);
|
|
padding: 0 var(--space-16)
|
|
}
|
|
|
|
.theme-dark .paymentModalLockIcon__9a648 {
|
|
color: var(--primary-300)
|
|
}
|
|
|
|
.lockIcon__9a648 {
|
|
margin-inline-end:2px}
|
|
|
|
.lockIconText__9a648 {
|
|
white-space: nowrap
|
|
}
|
|
|
|
.primaryIcon__962c6 {
|
|
height: 16px;
|
|
margin-inline-end:4px;width: 16px
|
|
}
|
|
|
|
.button__962c6 {
|
|
display: flex
|
|
}
|
|
|
|
.body_c6f1a4 {
|
|
background-color: var(--modal-background);
|
|
border-radius: var(--radius-md);
|
|
height: 100%;
|
|
padding: 0 var(--space-16)
|
|
}
|
|
|
|
.sliderBody_c6f1a4 {
|
|
box-sizing: border-box;
|
|
flex-direction: row;
|
|
flex-grow: 0;
|
|
padding-bottom: var(--space-8);
|
|
width: 100%
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.sliderBody_c6f1a4 {
|
|
flex-direction:column;
|
|
flex-grow: 1
|
|
}
|
|
}
|
|
|
|
.body_c6f1a4.reviewStep_c6f1a4 {
|
|
padding: 0 var(--modal-horizontal-padding)
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.body_c6f1a4.reviewStep_c6f1a4 {
|
|
width:100%
|
|
}
|
|
}
|
|
|
|
.body_c6f1a4.addPaymentStepForPremium_c6f1a4 {
|
|
max-width: 440px;
|
|
padding-inline:var(--space-16)}
|
|
|
|
@media screen and (max-height: 550px),screen and (max-width:485px) {
|
|
.body_c6f1a4.addPaymentStepForPremium_c6f1a4 {
|
|
max-width:100%
|
|
}
|
|
}
|
|
|
|
.sliderBodyLarge_c6f1a4 {
|
|
width: 804px
|
|
}
|
|
|
|
.icon__9f2f4 {
|
|
align-self: center;
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 50%
|
|
}
|
|
|
|
.icon__9f2f4.small__9f2f4 {
|
|
height: 40px;
|
|
width: 40px
|
|
}
|
|
|
|
.icon__9f2f4.medium__9f2f4 {
|
|
height: 66px;
|
|
width: 66px
|
|
}
|
|
|
|
.icon__9f2f4.large__9f2f4 {
|
|
height: 128px;
|
|
width: 128px
|
|
}
|
|
|
|
.container__9e80c {
|
|
display: flex
|
|
}
|
|
|
|
.emojiContainer__9e80c {
|
|
margin-inline-end:16px}
|
|
|
|
.name__9e80c {
|
|
margin-bottom: 2px
|
|
}
|
|
|
|
.infoContainer__9e80c {
|
|
flex: 1
|
|
}
|
|
|
|
.emojiIcon__9e80c {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.container__4328f {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.header__4328f {
|
|
color: var(--text-default);
|
|
margin-top: 16px;
|
|
text-align: center
|
|
}
|
|
|
|
.header__4328f strong {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.divider__4328f {
|
|
background-color: var(--border-subtle);
|
|
border: none;
|
|
height: 1px;
|
|
margin: 28px 0;
|
|
width: 100%
|
|
}
|
|
|
|
.benefitsContainer__4328f {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.benefit__4328f {
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: 8px;
|
|
padding: 16px
|
|
}
|
|
|
|
.headerContainer__2dea3 {
|
|
background-color: var(--background-base-low);
|
|
height: 112px;
|
|
margin-inline-start:-1px;margin-top: -2px;
|
|
position: relative;
|
|
width: calc(100% + 2px)
|
|
}
|
|
|
|
.closeContainer__2dea3 {
|
|
align-items: center;
|
|
background-color: var(--opacity-black-84);
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 24px;
|
|
inset-inline-end: 16px;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 16px;
|
|
width: 24px
|
|
}
|
|
|
|
.closeIcon__2dea3 {
|
|
color: var(--interactive-text-default);
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.headerImage__2dea3,.headerImageContainer__2dea3 {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.headerImage__2dea3 {
|
|
border-start-end-radius: 12px;
|
|
border-start-start-radius: 12px;
|
|
-o-object-fit: cover;
|
|
object-fit: cover
|
|
}
|
|
|
|
.confirmationContainer__2dea3 {
|
|
margin-top: 32px
|
|
}
|
|
|
|
.purchaseConfirmation__2dea3 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center
|
|
}
|
|
|
|
.confirmationTitle__2dea3 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.confirmationSubtitle__2dea3 {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.seasonalGiftBoxHeaderIcon_ae16b8 {
|
|
align-self: center;
|
|
bottom: -11px;
|
|
position: absolute;
|
|
width: 260px;
|
|
z-index: 1
|
|
}
|
|
|
|
.container_ae16b8 {
|
|
align-items: center;
|
|
background-image: unset;
|
|
background-size: unset;
|
|
border-radius: 4px 4px 0 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative
|
|
}
|
|
|
|
.closeButton_ae16b8 {
|
|
margin: var(--modal-vertical-padding) var(--modal-horizontal-padding);
|
|
margin-inline-start:auto}
|
|
|
|
.spinner_ca0af2 {
|
|
border-radius: 4px;
|
|
max-height: 720px;
|
|
min-height: 200px
|
|
}
|
|
|
|
.cardIcon__29abc {
|
|
box-shadow: 0 1px 3px var(--opacity-black-8);
|
|
flex: 0 0 auto;
|
|
position: relative;
|
|
text-indent: -9999em;
|
|
transform-origin: 50% 50%;
|
|
transform-style: preserve-3d
|
|
}
|
|
|
|
.full-motion .cardIcon__29abc {
|
|
transition: transform .3s ease-in-out
|
|
}
|
|
|
|
.cardIcon__29abc:after,.cardIcon__29abc:before {
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden
|
|
}
|
|
|
|
.cardIcon__29abc:before {
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
background-image: url(/assets/22f7eeb9ea9904c1.svg);
|
|
background-size: 100% 100%;
|
|
border-radius: 2px;
|
|
transform: rotateY(0deg)
|
|
}
|
|
|
|
.cardIcon__29abc:after,.cardIcon__29abc:before {
|
|
content: "";
|
|
display: block;
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.cardIcon__29abc:after {
|
|
background: url(/assets/fea1d83d02c90c67.svg);
|
|
background-size: 100% 100%;
|
|
transform: rotateY(180deg)
|
|
}
|
|
|
|
.cardIcon__29abc.visa__29abc:before {
|
|
background-image: url(/assets/4c049942fdde71f8.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.american-express__29abc:before,.cardIcon__29abc.amex__29abc:before {
|
|
background-image: url(/assets/e415725e0e3a87fb.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.discover__29abc:before {
|
|
background-image: url(/assets/9a5413553cab204a.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.master-card__29abc:before,.cardIcon__29abc.mastercard__29abc:before {
|
|
background-image: url(/assets/ba865ff6773d1876.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.paypal__29abc:before {
|
|
background-image: url(/assets/0b87743361cfb797.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.paymentRequest__29abc:before {
|
|
background-image: url(/assets/a500e0b04a325513.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.gPay__29abc:before {
|
|
background-image: url(/assets/04e197da860c981f.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.sofort__29abc:before {
|
|
background-image: url(/assets/eb22e43f6f710d3b.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.przelewy24__29abc:before {
|
|
background-image: url(/assets/3d961164938e62d7.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.giropay__29abc:before {
|
|
background-image: url(/assets/fcb798c4bf712284.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.paysafecard__29abc:before {
|
|
background-image: url(/assets/0b47f9360f12b1fa.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.gcash__29abc:before {
|
|
background-image: url(/assets/7e5579c4c73ca390.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.grabpay__29abc:before {
|
|
background-image: url(/assets/224f56365db6763e.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.momo_wallet__29abc:before {
|
|
background-image: url(/assets/0dbebb1dde8de002.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.venmo__29abc:before {
|
|
background-image: url(/assets/9bb2cc8906a18ba2.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.kakaopay__29abc:before {
|
|
background-image: url(/assets/2a5fa2783cb39764.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.gopay_wallet__29abc:before {
|
|
background-image: url(/assets/637bf6beddb5589b.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.bancontact__29abc:before {
|
|
background-image: url(/assets/ce90dd2b5978b623.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.eps__29abc:before {
|
|
background-image: url(/assets/3f80791089be55d4.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.ideal__29abc:before {
|
|
background-image: url(/assets/160f818e8dc66a17.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.cash_app__29abc:before {
|
|
background-image: url(/assets/3de97fb87787f20b.svg)
|
|
}
|
|
|
|
.cardIcon__29abc.apple__29abc:before,.cardIcon__29abc.apple_light__29abc:before {
|
|
background-image: url(/assets/824341c879ac6d59.svg)
|
|
}
|
|
|
|
.theme-light .cardIcon__29abc.apple__29abc:before {
|
|
background-image: url(/assets/24de41d4bd8ef584.svg)
|
|
}
|
|
|
|
.theme-light .cardIcon__29abc.apple_light__29abc:before {
|
|
background-image: url(/assets/824341c879ac6d59.svg)
|
|
}
|
|
|
|
.theme-light .cardIcon__29abc.venmo__29abc:before {
|
|
background-image: url(/assets/1566a4fd747aba18.svg)
|
|
}
|
|
|
|
.reduce-motion .cardIcon__29abc {
|
|
transition: unset
|
|
}
|
|
|
|
.cardIconSmall__29abc {
|
|
height: 22px;
|
|
width: 32px
|
|
}
|
|
|
|
.cardIconMedium__29abc {
|
|
height: 44px;
|
|
width: 64px
|
|
}
|
|
|
|
.cardIconLarge__29abc {
|
|
height: 66px;
|
|
width: 96px
|
|
}
|
|
|
|
.cardIconXLarge__29abc {
|
|
height: 88px;
|
|
width: 128px
|
|
}
|
|
|
|
.flipped__29abc {
|
|
transform: rotateY(180deg)
|
|
}
|
|
|
|
.buttonIcon__4151b {
|
|
margin-inline-end:8px}
|
|
|
|
.button__4151b {
|
|
margin-bottom: 8px;
|
|
width: 200px!important
|
|
}
|
|
|
|
.button__4151b:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.connectionInstructions__4151b {
|
|
margin-top: 8px;
|
|
text-align: center
|
|
}
|
|
|
|
.paymentRequestIcon__4151b {
|
|
inset-inline-start: 8px;
|
|
margin: auto auto 25px;
|
|
top: 9px;
|
|
z-index: 1
|
|
}
|
|
|
|
.theme-light .appleConnectorIcon__4151b {
|
|
box-shadow: none
|
|
}
|
|
|
|
.buttonIcon__92b20 {
|
|
margin-inline-end:8px}
|
|
|
|
.allPaymentsToggleButton__92b20 {
|
|
color: var(--text-strong);
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 18px;
|
|
margin: 20px auto 0;
|
|
padding: 4px 4px 0
|
|
}
|
|
|
|
.allPaymentsToggleButton__92b20:hover {
|
|
cursor: pointer
|
|
}
|
|
|
|
.allPaymentsSection__92b20 {
|
|
padding-top: 24px
|
|
}
|
|
|
|
.hidden__92b20 {
|
|
display: none
|
|
}
|
|
|
|
.SeparatorLower__92b20,.SeparatorUpper__92b20 {
|
|
background: var(--border-subtle);
|
|
border: 0;
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
.SeparatorUpper__92b20 {
|
|
margin: 0 0 16px
|
|
}
|
|
|
|
.SeparatorLower__92b20 {
|
|
margin: 16px 0 0
|
|
}
|
|
|
|
.container__92b20 {
|
|
display: grid;
|
|
gap: var(--space-8);
|
|
grid-template-columns: 1fr 1fr
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.container__92b20 {
|
|
grid-template-columns:1fr
|
|
}
|
|
}
|
|
|
|
.venmoIcon__44362 {
|
|
inset-inline-start: 8px;
|
|
margin: auto auto 25px;
|
|
top: 9px;
|
|
z-index: 1
|
|
}
|
|
|
|
.connectionInstructions__44362 {
|
|
margin-top: 8px;
|
|
text-align: center
|
|
}
|
|
|
|
.row__06c2b {
|
|
padding-top: 20px
|
|
}
|
|
|
|
.row__06c2b:first-child {
|
|
padding-top: 0
|
|
}
|
|
|
|
.section__06c2b {
|
|
box-sizing: border-box;
|
|
flex: 0 1 auto;
|
|
padding-inline-start:20px}
|
|
|
|
.section__06c2b:first-child {
|
|
padding-inline-start:0}
|
|
|
|
.width100__06c2b {
|
|
width: 100%
|
|
}
|
|
|
|
.width75__06c2b {
|
|
width: 75%
|
|
}
|
|
|
|
.width60__06c2b {
|
|
width: 60%
|
|
}
|
|
|
|
.width40__06c2b {
|
|
width: 40%
|
|
}
|
|
|
|
.width30__06c2b {
|
|
width: 30%
|
|
}
|
|
|
|
.width50__06c2b {
|
|
width: 50%
|
|
}
|
|
|
|
.width25__06c2b {
|
|
width: 25%
|
|
}
|
|
|
|
.modal__6181b {
|
|
overflow-x: hidden;
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
.planSelector__6181b {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.form__6181b {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
max-height: 660px
|
|
}
|
|
|
|
.divider__6181b {
|
|
border-top: 1px solid;
|
|
margin: 0 20px;
|
|
position: relative
|
|
}
|
|
|
|
.content__6181b {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.giftToggle__6181b {
|
|
margin-top: var(--space-8)
|
|
}
|
|
|
|
.formTitle__6181b {
|
|
margin: 20px 0 10px
|
|
}
|
|
|
|
.errorBlock__6181b,.purchaseTerms__6181b {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.invalidIcon__6181b {
|
|
height: 18px;
|
|
padding: 0 1px;
|
|
width: 18px
|
|
}
|
|
|
|
.choosePaymentSourceType__6181b {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.buyButtonTooltipWrapper__6181b {
|
|
position: relative
|
|
}
|
|
|
|
.buyButtonTooltipTarget__6181b {
|
|
cursor: not-allowed;
|
|
inset: 0;
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
.backButtonSize__6181b {
|
|
height: 38px;
|
|
width: auto
|
|
}
|
|
|
|
.backButton__6181b {
|
|
padding: 0
|
|
}
|
|
|
|
.backButton__6181b:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.modalContent__6181b {
|
|
-webkit-overflow-scrolling: touch
|
|
}
|
|
|
|
@media (max-width: 485px) and (max-height:550px) {
|
|
.form__6181b {
|
|
display:block
|
|
}
|
|
|
|
.modalContent__6181b {
|
|
height: auto
|
|
}
|
|
}
|
|
|
|
.theme-dark .divider__6181b {
|
|
border-color: var(--primary-630)
|
|
}
|
|
|
|
.theme-light .divider__6181b {
|
|
border-color: hsl(var(--primary-200-hsl)/.6)
|
|
}
|
|
|
|
.backButtonColor__6181b {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.note__2ef07 {
|
|
font-size: 12px;
|
|
margin-top: 20px;
|
|
position: relative
|
|
}
|
|
|
|
.note__2ef07~.note__2ef07 {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.icon__2ef07 {
|
|
flex-shrink: 0;
|
|
margin-inline-end:8px}
|
|
|
|
.large__2ef07 {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.small__2ef07 {
|
|
height: 14px;
|
|
width: 14px
|
|
}
|
|
|
|
.colorWarning__2ef07 {
|
|
color: var(--yellow-300)
|
|
}
|
|
|
|
.colorError__2ef07 {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.colorPrimary__2ef07 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.colorSecondary__2ef07 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.wrapper__4106a {
|
|
background-color: var(--modal-background);
|
|
flex: 0 0 auto;
|
|
padding: var(--space-16) var(--space-16) var(--space-8);
|
|
padding-inline-start:var(--space-24)}
|
|
|
|
.content_a8c622 {
|
|
background-color: var(--modal-background);
|
|
border-radius: inherit;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
min-height: 0
|
|
}
|
|
|
|
.breadcrumbsWrapper_a8c622 {
|
|
flex: 0 0 auto;
|
|
margin: 0 16px;
|
|
padding: 16px 0
|
|
}
|
|
|
|
.bodyWrapper_a8c622 {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
min-height: 0;
|
|
position: relative
|
|
}
|
|
|
|
.scroller_a8c622 {
|
|
height: 100%;
|
|
padding: 0 16px 16px
|
|
}
|
|
|
|
.errorBlockWrapper_a8c622 {
|
|
padding: 16px 16px 0
|
|
}
|
|
|
|
.paymentNote_a8c622 {
|
|
padding: 0 16px
|
|
}
|
|
|
|
.loadingBlock_a8c622 {
|
|
height: 192px
|
|
}
|
|
|
|
.sequencer_a8c622,.sequencerStatic_a8c622 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.sequencerStatic_a8c622 {
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.sequencerAnimatedNode_a8c622 {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
min-height: 0
|
|
}
|
|
|
|
.cardNumberWrapper__8b579 {
|
|
position: relative
|
|
}
|
|
|
|
.cardIcon__8b579 {
|
|
inset-inline-start: 10px;
|
|
position: absolute;
|
|
top: 10px
|
|
}
|
|
|
|
.cardInput__8b579 {
|
|
background-color: var(--input-background-default);
|
|
border: 1px solid var(--input-border-default);
|
|
border-radius: var(--radius-sm);
|
|
padding: 10px 9px
|
|
}
|
|
|
|
.hiddenDiv__8b579 {
|
|
height: 0;
|
|
padding: 0;
|
|
visibility: hidden
|
|
}
|
|
|
|
.cardNumberInput__8b579 {
|
|
padding-inline-start:55px}
|
|
|
|
.cardInputFocused__8b579 {
|
|
border-color: var(--text-link)
|
|
}
|
|
|
|
.cardInputError__8b579 {
|
|
border-color: var(--border-feedback-critical)
|
|
}
|
|
|
|
.theme-dark .inputPrefix__8b579 {
|
|
opacity: .5
|
|
}
|
|
|
|
.enable-forced-colors .cardInput__8b579 {
|
|
border: 1px solid ButtonText;
|
|
display: block
|
|
}
|
|
|
|
.enable-forced-colors .cardInput__8b579:focus,.enable-forced-colors .cardInput__8b579:hover {
|
|
border-color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .cardInputFocused__8b579 {
|
|
border-color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .inputPrefix__8b579 {
|
|
opacity: 1
|
|
}
|
|
|
|
.cardBrands__3e8d5 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: end;
|
|
margin-bottom: -15px
|
|
}
|
|
|
|
.cardFormHeader__3e8d5 {
|
|
margin-inline-start:5px}
|
|
|
|
.cardFormHeader__3e8d5.jcb__3e8d5:before {
|
|
background-image: url(/assets/e8bf9bea0d018670.svg)
|
|
}
|
|
|
|
.theme-light .cardFormHeader__3e8d5.jcb__3e8d5:before {
|
|
background-image: url(/assets/e8efae14b14ee8dd.svg)
|
|
}
|
|
|
|
.cardFormHeader__3e8d5.jcb_monochrome__3e8d5:before {
|
|
background-image: url(/assets/dcebba6e03f7a1f8.svg)
|
|
}
|
|
|
|
.theme-light .cardFormHeader__3e8d5.jcb_monochrome__3e8d5:before {
|
|
background-image: url(/assets/3ec57733d5de83bd.svg)
|
|
}
|
|
|
|
.cardFormHeader__3e8d5.amex__3e8d5:before {
|
|
background-image: url(/assets/49f0d07c4a5edf19.svg)
|
|
}
|
|
|
|
.theme-light .cardFormHeader__3e8d5.amex__3e8d5:before {
|
|
background-image: url(/assets/886d17f4a179ce9a.svg)
|
|
}
|
|
|
|
.cardFormHeader__3e8d5.amex_monochrome__3e8d5:before {
|
|
background-image: url(/assets/9e62f4a1513dbf78.svg)
|
|
}
|
|
|
|
.theme-light .cardFormHeader__3e8d5.amex_monochrome__3e8d5:before {
|
|
background-image: url(/assets/2a2717437ecb9409.svg)
|
|
}
|
|
|
|
.cardFormHeader__3e8d5.mastercard__3e8d5:before {
|
|
background-image: url(/assets/61a8baaebf339a2c.svg)
|
|
}
|
|
|
|
.theme-light .cardFormHeader__3e8d5.mastercard__3e8d5:before {
|
|
background-image: url(/assets/983c3fd5283d32f6.svg)
|
|
}
|
|
|
|
.cardFormHeader__3e8d5.mastercard_monochrome__3e8d5:before {
|
|
background-image: url(/assets/929007941f982dc3.svg)
|
|
}
|
|
|
|
.theme-light .cardFormHeader__3e8d5.mastercard_monochrome__3e8d5:before {
|
|
background-image: url(/assets/2d35b5c00b617a15.svg)
|
|
}
|
|
|
|
.cardFormHeader__3e8d5.visa__3e8d5:before {
|
|
background-image: url(/assets/7149accdcaae7d2f.svg)
|
|
}
|
|
|
|
.theme-light .cardFormHeader__3e8d5.visa__3e8d5:before {
|
|
background-image: url(/assets/4ae102bdf144a582.svg)
|
|
}
|
|
|
|
.cardFormHeader__3e8d5.visa_monochrome__3e8d5:before {
|
|
background-image: url(/assets/c58095d35f0201e3.svg)
|
|
}
|
|
|
|
.theme-light .cardFormHeader__3e8d5.visa_monochrome__3e8d5:before {
|
|
background-image: url(/assets/bb1e18bcf1497322.svg)
|
|
}
|
|
|
|
.cardFormHeader__3e8d5.discover__3e8d5:before {
|
|
background-image: url(/assets/e449e7cba36f144c.svg)
|
|
}
|
|
|
|
.theme-light .cardFormHeader__3e8d5.discover__3e8d5:before {
|
|
background-image: url(/assets/75b4bad7b0654bd8.svg)
|
|
}
|
|
|
|
.cardFormHeader__3e8d5.discover_monochrome__3e8d5:before {
|
|
background-image: url(/assets/9f626707af59b089.svg)
|
|
}
|
|
|
|
.theme-light .cardFormHeader__3e8d5.discover_monochrome__3e8d5:before {
|
|
background-image: url(/assets/3be3e11e2b0d8996.svg)
|
|
}
|
|
|
|
.cardFormHeader__3e8d5.dinersclub__3e8d5:before {
|
|
background-image: url(/assets/b596cb9f6ccc2408.svg)
|
|
}
|
|
|
|
.theme-light .cardFormHeader__3e8d5.dinersclub__3e8d5:before {
|
|
background-image: url(/assets/fc8d44ec7c50ab0e.svg)
|
|
}
|
|
|
|
.cardFormHeader__3e8d5.dinersclub_monochrome__3e8d5:before {
|
|
background-image: url(/assets/2ce5f42c5062092f.svg)
|
|
}
|
|
|
|
.theme-light .cardFormHeader__3e8d5.dinersclub_monochrome__3e8d5:before {
|
|
background-image: url(/assets/3b5c40ec70355fde.svg)
|
|
}
|
|
|
|
.cardFormHeader__3e8d5.unionpay__3e8d5:before {
|
|
background-image: url(/assets/3472374445e1b6b0.svg)
|
|
}
|
|
|
|
.theme-light .cardFormHeader__3e8d5.unionpay__3e8d5:before {
|
|
background-image: url(/assets/3472374445e1b6b0.svg)
|
|
}
|
|
|
|
.cardFormHeader__3e8d5.unionpay_monochrome__3e8d5:before {
|
|
background-image: url(/assets/f4a4e394e0c0b9f2.svg)
|
|
}
|
|
|
|
.theme-light .cardFormHeader__3e8d5.unionpay_monochrome__3e8d5:before {
|
|
background-image: url(/assets/d1fe91ba5e5f4702.svg)
|
|
}
|
|
|
|
.body_af4c15 {
|
|
padding-bottom: 16px;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.body_d31d57 {
|
|
padding-bottom: 16px;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.nonTopInputWrapper_d31d57 {
|
|
padding-top: 20px
|
|
}
|
|
|
|
.bankSelectionStub_d31d57 {
|
|
display: flex;
|
|
height: 243px;
|
|
justify-content: center
|
|
}
|
|
|
|
.body_ceece4 {
|
|
margin: var(--space-16) 0;
|
|
padding: 0 4px
|
|
}
|
|
|
|
.addressElementContainer_ceece4,.loadingContainer_ceece4 {
|
|
flex-direction: column
|
|
}
|
|
|
|
.loadingContainer_ceece4 {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin: var(--space-16) 0;
|
|
min-height: 240px
|
|
}
|
|
|
|
.visible_ceece4 {
|
|
transform: translateX(0)
|
|
}
|
|
|
|
.full-motion .visible_ceece4 {
|
|
transition: transform .2s ease-out
|
|
}
|
|
|
|
.rightToLeftEntry_ceece4 {
|
|
transform: translateX(100%)
|
|
}
|
|
|
|
.leftToRightEntry_ceece4 {
|
|
transform: translateX(-100%)
|
|
}
|
|
|
|
.hidden_ceece4 {
|
|
height: 0;
|
|
visibility: hidden
|
|
}
|
|
|
|
.full-motion .hidden_ceece4 {
|
|
transition: transform .2s ease-out
|
|
}
|
|
|
|
.cardElementContainer_ceece4.visible_ceece4,.defaultPaymentElementContainer_ceece4.visible_ceece4 {
|
|
min-height: 240px
|
|
}
|
|
|
|
.customPaymentElementContainer_ceece4.visible_ceece4 {
|
|
min-height: 160px
|
|
}
|
|
|
|
.addressElementContainer_ceece4.visible_ceece4 {
|
|
min-height: 500px
|
|
}
|
|
|
|
.addressElementContainer_ceece4.hidden_ceece4 {
|
|
height: 0;
|
|
min-height: 0
|
|
}
|
|
|
|
.body__949a0 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.description__949a0 {
|
|
margin-top: 8px;
|
|
text-align: center
|
|
}
|
|
|
|
.body__9e82b {
|
|
padding-bottom: 16px;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.paymentRestrictionBannerContainer__52623 {
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 16px;
|
|
margin-top: 16px;
|
|
min-height: 48px;
|
|
padding-inline:20px;padding-bottom: 10px;
|
|
padding-top: 10px;
|
|
position: relative
|
|
}
|
|
|
|
.theme-light .paymentRestrictionBannerContainer__52623 {
|
|
background: linear-gradient(90deg,#475cc6 0,#6045c1)
|
|
}
|
|
|
|
.theme-dark .paymentRestrictionBannerContainer__52623 {
|
|
background: linear-gradient(90deg,#475cc6 0,#6045c1)
|
|
}
|
|
|
|
.paymentRestrictionBannerBackgroundImage__52623 {
|
|
background-image: url(/assets/bb502dc7cfcbbacc.svg);
|
|
background-repeat: no-repeat;
|
|
bottom: 0;
|
|
position: absolute;
|
|
top: 40%;
|
|
inset-inline: 78% 0
|
|
}
|
|
|
|
.appsIconContainer__52623 {
|
|
height: 28px;
|
|
padding-inline-end:12px;width: 28px
|
|
}
|
|
|
|
.theme-light .icon__52623 {
|
|
display: none
|
|
}
|
|
|
|
.theme-light .iconDark__52623 {
|
|
filter: drop-shadow(0 1px 2px rgb(0 0 0/.4));
|
|
height: 28px;
|
|
width: 28px
|
|
}
|
|
|
|
.theme-dark .icon__52623 {
|
|
filter: drop-shadow(0 1px 2px rgb(0 0 0/.4));
|
|
height: 28px;
|
|
width: 28px
|
|
}
|
|
|
|
.theme-dark .iconDark__52623 {
|
|
display: none
|
|
}
|
|
|
|
.adyen-checkout__spinner__wrapper {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center
|
|
}
|
|
|
|
.adyen-checkout__spinner__wrapper--inline {
|
|
display: inline-block;
|
|
height: auto;
|
|
margin-right: 8px
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout__spinner__wrapper--inline {
|
|
margin-left: 8px;
|
|
margin-right: 0
|
|
}
|
|
|
|
.adyen-checkout__spinner {
|
|
animation: rotate-spinner 1.5s linear infinite;
|
|
border: 3px solid #0075ff;
|
|
border-radius: 50%;
|
|
border-top-color: transparent;
|
|
height: 43px;
|
|
width: 43px
|
|
}
|
|
|
|
.adyen-checkout__spinner--large {
|
|
height: 43px;
|
|
width: 43px
|
|
}
|
|
|
|
.adyen-checkout__spinner--small {
|
|
border-width: 2px;
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.adyen-checkout__spinner--medium {
|
|
height: 28px;
|
|
width: 28px
|
|
}
|
|
|
|
@keyframes rotate-spinner {
|
|
0% {
|
|
transform: rotate(0deg)
|
|
}
|
|
|
|
to {
|
|
transform: rotate(1turn)
|
|
}
|
|
}
|
|
|
|
.adyen-checkout__button {
|
|
background: #00112c;
|
|
border: 0;
|
|
border-radius: 6px;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
font-size: 1em;
|
|
font-weight: 500;
|
|
height: 48px;
|
|
margin: 0;
|
|
padding: 15px;
|
|
text-decoration: none;
|
|
transition: background .3s ease-out,box-shadow .3s ease-out;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__button:focus {
|
|
box-shadow: 0 0 0 2px #3070ed;
|
|
outline: 0
|
|
}
|
|
|
|
.adyen-checkout__button:hover {
|
|
background: #1c3045;
|
|
box-shadow: 0 0,0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14)
|
|
}
|
|
|
|
.adyen-checkout__button:active {
|
|
background: #3a4a5c
|
|
}
|
|
|
|
.adyen-checkout__button:hover:focus {
|
|
box-shadow: 0 0 0 2px #3070ed,0 3px 4px rgba(0,15,45,.2)
|
|
}
|
|
|
|
.adyen-checkout__button:disabled,.adyen-checkout__button:disabled:hover {
|
|
box-shadow: none;
|
|
cursor: not-allowed;
|
|
opacity: .4;
|
|
-webkit-user-select: all;
|
|
-moz-user-select: all;
|
|
user-select: all
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--loading {
|
|
background: #687282;
|
|
box-shadow: none;
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--pay {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 24px
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--pay:disabled {
|
|
opacity: .4
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--standalone {
|
|
margin-top: 0
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--inline {
|
|
display: block;
|
|
font-size: .81em;
|
|
height: auto;
|
|
padding: 10px 8px;
|
|
width: auto
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--ghost {
|
|
background: none;
|
|
border: 0;
|
|
color: #00112c
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--ghost:hover {
|
|
background: #f7f8f9;
|
|
box-shadow: none
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--ghost:active {
|
|
background: #e6e9eb;
|
|
box-shadow: none
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--secondary {
|
|
background: #fff;
|
|
border: 1px solid #00112c;
|
|
color: #00112c;
|
|
padding: 10px 12px
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--secondary:hover {
|
|
background: #f7f8f9;
|
|
box-shadow: 0 2px 4px rgba(27,42,60,.2),0 4px 5px rgba(27,42,60,.14)
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--secondary:active,.adyen-checkout__button.adyen-checkout__button--secondary:active:hover {
|
|
background: #f7f8f9;
|
|
box-shadow: none
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--secondary:disabled,.adyen-checkout__button.adyen-checkout__button--secondary:disabled:hover {
|
|
background-color: #f7f8f9;
|
|
border-color: #99a3ad;
|
|
box-shadow: none;
|
|
cursor: not-allowed;
|
|
opacity: .5;
|
|
-webkit-user-select: all;
|
|
-moz-user-select: all;
|
|
user-select: all
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner {
|
|
border-color: transparent #00112c #00112c
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--action {
|
|
background: rgba(0,102,255,.1);
|
|
border: 1px solid transparent;
|
|
color: #0075ff;
|
|
padding: 10px 12px
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--action:hover {
|
|
background: rgba(0,102,255,.2);
|
|
box-shadow: none
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--action:active,.adyen-checkout__button.adyen-checkout__button--action:active:hover {
|
|
background: rgba(0,102,255,.3);
|
|
box-shadow: none
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--link {
|
|
background: transparent;
|
|
border: 1px solid transparent;
|
|
border-radius: 3px;
|
|
color: #0075ff;
|
|
font-weight: 400;
|
|
padding: 2px
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--link:hover {
|
|
background: transparent;
|
|
box-shadow: none;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--completed,.adyen-checkout__button.adyen-checkout__button--completed:active,.adyen-checkout__button.adyen-checkout__button--completed:active:hover,.adyen-checkout__button.adyen-checkout__button--completed:hover {
|
|
background: #089a43;
|
|
color: #fff
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--completed .adyen-checkout__button__icon {
|
|
filter: brightness(0) invert(1)
|
|
}
|
|
|
|
.adyen-checkout__button__content {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center
|
|
}
|
|
|
|
.adyen-checkout__button__icon {
|
|
margin-right: 12px
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout__button__icon {
|
|
margin-left: 12px;
|
|
margin-right: 0
|
|
}
|
|
|
|
.adyen-checkout__button__text {
|
|
display: block;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.adyen-checkout__button .adyen-checkout__spinner {
|
|
border-color: transparent #fff #fff
|
|
}
|
|
|
|
.checkout-secondary-button__text {
|
|
font-size: .85em;
|
|
margin-left: 5px;
|
|
margin-top: 1px
|
|
}
|
|
|
|
.adyen-checkout__fieldset {
|
|
-webkit-margin-start: 0;
|
|
-webkit-margin-end: 0;
|
|
-webkit-padding-before: 0;
|
|
-webkit-padding-after: 0;
|
|
-webkit-padding-start: 0;
|
|
-webkit-padding-end: 0;
|
|
border: none;
|
|
display: block;
|
|
margin-inline-end:0;margin-inline-start:0;margin: 0;
|
|
padding-block-start:0;padding-bottom: 8px;
|
|
padding-block-end:0;padding-inline-end:0;padding-inline-start:0;width: 100%
|
|
}
|
|
|
|
.adyen-checkout__fieldset:last-of-type {
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.adyen-checkout__fieldset+.adyen-checkout__fieldset {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.adyen-checkout__fieldset__title {
|
|
color: #687282;
|
|
display: block;
|
|
font-size: .68em;
|
|
font-weight: 700;
|
|
letter-spacing: 1px;
|
|
margin: 0;
|
|
padding: 0 0 12px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.adyen-checkout__field-group,.adyen-checkout__fieldset__fields {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
@media (min-width: 480px) {
|
|
.adyen-checkout__field-group:last-of-type .adyen-checkout__field {
|
|
margin-bottom:0
|
|
}
|
|
}
|
|
|
|
.adyen-checkout__field-group:last-of-type .adyen-checkout__field:last-of-type,:not(.adyen-checkout__field-group)>.adyen-checkout__field:last-of-type {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields {
|
|
color: #00112c;
|
|
font-size: .81em;
|
|
line-height: 19px;
|
|
margin: 0
|
|
}
|
|
|
|
.adyen-checkout__field {
|
|
display: block;
|
|
margin-bottom: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__label {
|
|
display: block;
|
|
position: relative
|
|
}
|
|
|
|
.adyen-checkout__helper-text,.adyen-checkout__label__text {
|
|
color: #00112c;
|
|
display: block;
|
|
font-size: .81em;
|
|
font-weight: 400;
|
|
line-height: 13px;
|
|
padding-bottom: 5px
|
|
}
|
|
|
|
.adyen-checkout__label-adornment--end {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0
|
|
}
|
|
|
|
.adyen-checkout__helper-text {
|
|
color: #687282
|
|
}
|
|
|
|
.adyen-checkout__label__text {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
transition: color .1s ease-out;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.adyen-checkout__label__text--error {
|
|
color: #c12424
|
|
}
|
|
|
|
.adyen-checkout__label--focused .adyen-checkout__label__text {
|
|
color: #0075ff
|
|
}
|
|
|
|
.adyen-checkout__error-text {
|
|
align-items: center;
|
|
color: #c12424;
|
|
display: flex;
|
|
font-size: .75em;
|
|
font-weight: 400;
|
|
margin-top: 4px
|
|
}
|
|
|
|
.adyen-checkout__field-wrapper {
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
|
|
@media (min-width: 480px) {
|
|
.adyen-checkout__field--20 {
|
|
width:20%
|
|
}
|
|
|
|
.adyen-checkout__field--30 {
|
|
width: 30%
|
|
}
|
|
|
|
.adyen-checkout__field--40 {
|
|
width: 40%
|
|
}
|
|
|
|
.adyen-checkout__field--50 {
|
|
width: 50%
|
|
}
|
|
|
|
.adyen-checkout__field--60 {
|
|
width: 60%
|
|
}
|
|
|
|
.adyen-checkout__field--70 {
|
|
width: 70%
|
|
}
|
|
|
|
.adyen-checkout__field--80 {
|
|
width: 80%
|
|
}
|
|
|
|
.adyen-checkout__field--col-70 {
|
|
width: calc(70% - 8px)
|
|
}
|
|
|
|
.adyen-checkout__field--col-30 {
|
|
width: calc(30% - 8px)
|
|
}
|
|
|
|
.adyen-checkout__field--col-50 {
|
|
width: calc(50% - 8px)
|
|
}
|
|
}
|
|
|
|
.adyen-checkout__field-wrapper>.adyen-checkout__field:first-child {
|
|
margin-right: 8px
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:first-child {
|
|
margin-left: 8px;
|
|
margin-right: 0
|
|
}
|
|
|
|
.adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2) {
|
|
margin-left: 8px
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2) {
|
|
margin-left: 0;
|
|
margin-right: 8px
|
|
}
|
|
|
|
.adyen-checkout__field-wrapper:last-of-type>.adyen-checkout__field {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.adyen-checkout__input {
|
|
background: #fff;
|
|
border: 1px solid #b9c4c9;
|
|
border-radius: 6px;
|
|
box-sizing: border-box;
|
|
caret-color: #0075ff;
|
|
color: #00112c;
|
|
display: block;
|
|
font-family: inherit;
|
|
font-size: 1em;
|
|
height: 40px;
|
|
outline: none;
|
|
padding: 5px 8px;
|
|
position: relative;
|
|
transition: border .2s ease-out,box-shadow .2s ease-out;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__input:hover {
|
|
border-color: #99a3ad
|
|
}
|
|
|
|
.adyen-checkout__input:required {
|
|
box-shadow: none
|
|
}
|
|
|
|
.adyen-checkout__input--disabled,.adyen-checkout__input[readonly] {
|
|
background: #e6e9eb;
|
|
border-color: #e6e9eb
|
|
}
|
|
|
|
.adyen-checkout__input--disabled:hover {
|
|
border-color: #e6e9eb
|
|
}
|
|
|
|
.adyen-checkout__input-wrapper {
|
|
display: block;
|
|
position: relative
|
|
}
|
|
|
|
.adyen-checkout__input-wrapper--block {
|
|
display: block
|
|
}
|
|
|
|
.adyen-checkout-input__inline-validation {
|
|
height: 16px;
|
|
position: absolute;
|
|
right: 14px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
width: 16px
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout-input__inline-validation {
|
|
left: 14px;
|
|
right: auto
|
|
}
|
|
|
|
[dir=ltr] .adyen-checkout-input__inline-validation {
|
|
left: auto;
|
|
right: 14px
|
|
}
|
|
|
|
.adyen-checkout-input__inline-validation--valid {
|
|
color: #089a43
|
|
}
|
|
|
|
.adyen-checkout-input__inline-validation--invalid {
|
|
color: #c12424
|
|
}
|
|
|
|
.adyen-checkout__input--valid {
|
|
border-bottom-color: #089a43
|
|
}
|
|
|
|
.adyen-checkout__input--error,.adyen-checkout__input--error:hover,.adyen-checkout__input--invalid,.adyen-checkout__input--invalid:hover {
|
|
border-color: #c12424
|
|
}
|
|
|
|
.adyen-checkout__input::-moz-placeholder {
|
|
color: #707070;
|
|
font-weight: 200
|
|
}
|
|
|
|
.adyen-checkout__input::placeholder {
|
|
color: #707070;
|
|
font-weight: 200
|
|
}
|
|
|
|
.adyen-checkout__input--date {
|
|
padding-right: 30px
|
|
}
|
|
|
|
.adyen-checkout__input--focus,.adyen-checkout__input--focus:hover,.adyen-checkout__input:active,.adyen-checkout__input:active:hover,.adyen-checkout__input:focus,.adyen-checkout__input:focus:hover {
|
|
border: 1px solid #0075ff;
|
|
box-shadow: 0 0 0 2px #3070ed
|
|
}
|
|
|
|
.adyen-checkout__input[readonly],.adyen-checkout__input[readonly]:hover {
|
|
background-color: #e6e9eb;
|
|
border-color: transparent;
|
|
color: #687282;
|
|
cursor: default
|
|
}
|
|
|
|
.adyen-checkout__fieldset--personalDetails .adyen-checkout__field--gender .adyen-checkout__radio_group {
|
|
display: flex
|
|
}
|
|
|
|
.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group {
|
|
display: flex;
|
|
margin: 8px 0
|
|
}
|
|
|
|
.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper {
|
|
margin-right: 20px
|
|
}
|
|
|
|
.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper:last-child {
|
|
margin: 0
|
|
}
|
|
|
|
.adyen-checkout__radio_group+.adyen-checkout-input__inline-validation {
|
|
display: none
|
|
}
|
|
|
|
.adyen-checkout__radio_group__input {
|
|
opacity: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.adyen-checkout__radio_group__label {
|
|
color: inherit;
|
|
display: block;
|
|
font-size: .81em;
|
|
font-weight: 400;
|
|
line-height: 16px;
|
|
overflow: visible;
|
|
padding-bottom: 0;
|
|
padding-left: 24px;
|
|
position: relative
|
|
}
|
|
|
|
.adyen-checkout__label--focused .adyen-checkout__radio_group__label {
|
|
color: inherit
|
|
}
|
|
|
|
.adyen-checkout__radio_group__label:before {
|
|
background-color: #fff;
|
|
border: 1px solid #b9c4c9;
|
|
border-radius: 50%;
|
|
content: "";
|
|
height: 16px;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: border-color .2s ease-out,box-shadow .2s ease-out;
|
|
width: 16px
|
|
}
|
|
|
|
.adyen-checkout__radio_group__label:hover:before {
|
|
border-color: #99a3ad;
|
|
box-shadow: 0 0 0 2px #d4d9db;
|
|
cursor: pointer
|
|
}
|
|
|
|
.adyen-checkout__radio_group__label:after {
|
|
background-color: #fff;
|
|
border-radius: 50%;
|
|
box-shadow: 0 1px 1px rgba(0,15,45,.25);
|
|
content: "";
|
|
display: block;
|
|
height: 6px;
|
|
left: 5px;
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
top: 5px;
|
|
transform: scale(0);
|
|
transition: transform .2s ease-out;
|
|
width: 6px
|
|
}
|
|
|
|
.adyen-checkout__radio_group__label:hover {
|
|
border-color: #0075ff;
|
|
cursor: pointer
|
|
}
|
|
|
|
.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__label--selected {
|
|
background-color: #0075ff;
|
|
border: 0;
|
|
transition: all .2s ease-out
|
|
}
|
|
|
|
.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:after {
|
|
transform: scale(1)
|
|
}
|
|
|
|
.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before {
|
|
border-color: #0075ff;
|
|
box-shadow: 0 0 0 2px rgba(0,102,255,.4)
|
|
}
|
|
|
|
.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:hover:before,.adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label:before {
|
|
box-shadow: 0 0 0 2px rgba(0,102,255,.4)
|
|
}
|
|
|
|
.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before {
|
|
border: 1px solid #c12424
|
|
}
|
|
|
|
.Select-module_adyen-checkout__dropdown__0Mj-n {
|
|
position: relative
|
|
}
|
|
|
|
.Select-module_adyen-checkout__dropdown__button__yTyqq {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex
|
|
}
|
|
|
|
.Select-module_adyen-checkout__dropdown__button__yTyqq:after {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none'%3E%3Cpath fill='%23687282' d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6z'/%3E%3C/svg%3E");
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
content: "";
|
|
height: 6px;
|
|
position: absolute;
|
|
right: 16px;
|
|
width: 8px
|
|
}
|
|
|
|
[dir=rtl] .Select-module_adyen-checkout__dropdown__button__yTyqq:after {
|
|
left: 16px;
|
|
right: auto
|
|
}
|
|
|
|
.Select-module_adyen-checkout__dropdown__button--active__Ej-JR:after {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.Select-module_adyen-checkout__filter-input__CwPBS {
|
|
background: #fff;
|
|
border: 0;
|
|
caret-color: #0075ff;
|
|
color: #00112c;
|
|
font-family: inherit;
|
|
font-size: 1em;
|
|
height: 100%;
|
|
padding: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.Select-module_adyen-checkout__filter-input__CwPBS::-moz-placeholder {
|
|
color: #b9c4c9;
|
|
font-weight: 200
|
|
}
|
|
|
|
.Select-module_adyen-checkout__filter-input__CwPBS::placeholder {
|
|
color: #b9c4c9;
|
|
font-weight: 200
|
|
}
|
|
|
|
.Select-module_adyen-checkout__filter-input__CwPBS:active,.Select-module_adyen-checkout__filter-input__CwPBS:focus {
|
|
outline: 0
|
|
}
|
|
|
|
.Select-module_adyen-checkout__filter-input__CwPBS[readonly] {
|
|
background: #e6e9eb;
|
|
border-color: transparent;
|
|
color: #00112c;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.Select-module_adyen-checkout__dropdown__list__YtEzj {
|
|
background: #fff;
|
|
display: none;
|
|
list-style: none;
|
|
margin: 0 0 50px;
|
|
overflow-y: auto;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.Select-module_adyen-checkout__dropdown__list__YtEzj.Select-module_adyen-checkout__dropdown__list--active__Gegw2 {
|
|
display: block
|
|
}
|
|
|
|
.Select-module_adyen-checkout__dropdown__element__ORU4- {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.adyen-checkout__image {
|
|
opacity: 0;
|
|
transition: opacity .6s ease-out
|
|
}
|
|
|
|
.adyen-checkout__image--loaded {
|
|
opacity: 1
|
|
}
|
|
|
|
.adyen-checkout__dropdown__button-icon--left {
|
|
flex-direction: row-reverse;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.adyen-checkout__dropdown__button-icon--left>img {
|
|
margin-left: 0;
|
|
margin-right: 12px
|
|
}
|
|
|
|
.adyen-checkout__dropdown {
|
|
font-size: 1em;
|
|
max-width: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__dropdown__button {
|
|
background: #fff;
|
|
border: 1px solid #b9c4c9;
|
|
border-radius: 6px;
|
|
color: #00112c;
|
|
font-size: 1em;
|
|
height: 40px;
|
|
line-height: 20px;
|
|
outline: 0;
|
|
padding: 7px 24px 7px 12px;
|
|
text-decoration: none;
|
|
transition: border .2s ease-out,box-shadow .2s ease-out;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
width: 100%
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout__dropdown__button {
|
|
padding: 7px 12px 7px 24px
|
|
}
|
|
|
|
.adyen-checkout__dropdown__button:hover {
|
|
border-color: #99a3ad
|
|
}
|
|
|
|
.adyen-checkout__dropdown__button__icon {
|
|
border-radius: 3px;
|
|
height: 26px;
|
|
margin-right: 12px;
|
|
max-width: 40px
|
|
}
|
|
|
|
.adyen-checkout__dropdown__button--disabled {
|
|
opacity: .4
|
|
}
|
|
|
|
.adyen-checkout__dropdown__button--active,.adyen-checkout__dropdown__button--active:hover,.adyen-checkout__dropdown__button:active,.adyen-checkout__dropdown__button:focus {
|
|
border-color: #0075ff;
|
|
box-shadow: 0 0 0 2px #3070ed
|
|
}
|
|
|
|
.adyen-checkout__dropdown__button--readonly,.adyen-checkout__dropdown__button--readonly--active,.adyen-checkout__dropdown__button--readonly:focus,.adyen-checkout__dropdown__button--readonly:hover {
|
|
background: #e6e9eb;
|
|
border-color: transparent;
|
|
color: #00112c;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.adyen-checkout__dropdown__button--readonly:after {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none'%3E%3Cpath fill='%23B9C4C9' d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6z'/%3E%3C/svg%3E")
|
|
}
|
|
|
|
.adyen-checkout__dropdown__button--invalid {
|
|
border-color: #c12424
|
|
}
|
|
|
|
.adyen-checkout__dropdown__button--valid {
|
|
border-bottom-color: #089a43
|
|
}
|
|
|
|
.adyen-checkout__dropdown__button__text {
|
|
flex-grow: 1;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
text-align: left;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.adyen-checkout__dropdown__button__secondary-text {
|
|
margin-right: 16px
|
|
}
|
|
|
|
.adyen-checkout__dropdown__list {
|
|
border-radius: 6px;
|
|
box-shadow: 0 2px 7px rgba(0,15,45,.3);
|
|
max-height: 375px;
|
|
z-index: 2
|
|
}
|
|
|
|
.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active {
|
|
margin-top: 2px
|
|
}
|
|
|
|
.adyen-checkout__dropdown__element {
|
|
border: 1px solid transparent;
|
|
cursor: pointer;
|
|
font-size: .81em;
|
|
-webkit-hyphens: auto;
|
|
hyphens: auto;
|
|
line-height: 20px;
|
|
outline: 0;
|
|
padding: 8px;
|
|
transition: background .2s ease-out,border-color .2s ease-out;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
word-break: break-word
|
|
}
|
|
|
|
.adyen-checkout__dropdown__element .adyen-checkout__icon {
|
|
position: absolute;
|
|
right: 8px
|
|
}
|
|
|
|
.adyen-checkout__dropdown__element:last-child {
|
|
border-bottom: 0
|
|
}
|
|
|
|
.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active {
|
|
background: rgba(230,233,235,.6)
|
|
}
|
|
|
|
.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected {
|
|
background: rgba(0,102,255,.1)
|
|
}
|
|
|
|
.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:active,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:focus,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:hover {
|
|
background: rgba(0,102,255,.15)
|
|
}
|
|
|
|
.adyen-checkout__dropdown__element--disabled {
|
|
cursor: not-allowed;
|
|
opacity: .4
|
|
}
|
|
|
|
.adyen-checkout__dropdown__element__icon {
|
|
border-radius: 3px;
|
|
margin-right: 12px;
|
|
max-height: 26px;
|
|
max-width: 40px
|
|
}
|
|
|
|
.adyen-checkout__dropdown__element__text {
|
|
flex-grow: 1
|
|
}
|
|
|
|
.adyen-checkout__dropdown__element__secondary-text:not(:last-child) {
|
|
margin-right: 8px
|
|
}
|
|
|
|
.adyen-checkout__dropdown__element__flag {
|
|
margin-left: 8px;
|
|
margin-right: 10px;
|
|
max-height: 18px;
|
|
max-width: 27px
|
|
}
|
|
|
|
.adyen-checkout__dropdown+.adyen-checkout-input__inline-validation {
|
|
right: 32px
|
|
}
|
|
|
|
.adyen-checkout__address-search {
|
|
position: relative
|
|
}
|
|
|
|
.adyen-checkout__address-search .adyen-checkout__dropdown__button:after {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23687282' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45m0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
content: "";
|
|
height: 16px;
|
|
left: 12px;
|
|
position: absolute;
|
|
width: 16px
|
|
}
|
|
|
|
.adyen-checkout__address-search .adyen-checkout__dropdown__button--active:after {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%2300112C' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45m0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");
|
|
transform: none
|
|
}
|
|
|
|
.adyen-checkout__address-search .adyen-checkout__filter-input {
|
|
padding-left: 24px
|
|
}
|
|
|
|
.adyen-checkout__address-search__manual-add {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0
|
|
}
|
|
|
|
.adyen-checkout__address-search__manual-add .adyen-checkout__address-search__manual-add__button {
|
|
border: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.adyen-checkout__checkbox {
|
|
display: block
|
|
}
|
|
|
|
.adyen-checkout__checkbox__label {
|
|
color: #00112c;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-size: .81em;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
padding-left: 24px;
|
|
position: relative;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout__checkbox__label {
|
|
padding-left: 0;
|
|
padding-right: 24px
|
|
}
|
|
|
|
.adyen-checkout__checkbox__input {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:before {
|
|
opacity: 1
|
|
}
|
|
|
|
.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:after {
|
|
background-color: #0075ff;
|
|
border: 1px solid #0075ff
|
|
}
|
|
|
|
.adyen-checkout__checkbox__input:checked:hover+.adyen-checkout__checkbox__label:after {
|
|
border-color: #0075ff;
|
|
box-shadow: 0 0 0 2px rgba(0,102,255,.4)
|
|
}
|
|
|
|
.adyen-checkout__checkbox__input:focus+.adyen-checkout__checkbox__label:after {
|
|
border: 1px solid #0075ff;
|
|
box-shadow: 0 0 0 2px #3070ed
|
|
}
|
|
|
|
.adyen-checkout__checkbox__input:hover:not(:focus)+.adyen-checkout__checkbox__label:after {
|
|
border-color: #99a3ad;
|
|
box-shadow: 0 0 0 2px #d4d9db
|
|
}
|
|
|
|
.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before {
|
|
border-color: transparent #fff #fff transparent;
|
|
border-radius: 0 2px 1px;
|
|
border-style: solid;
|
|
border-width: 1px 2px 2px 1px;
|
|
content: "";
|
|
height: 11px;
|
|
left: 1px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 2px;
|
|
transform: rotate(37deg);
|
|
transform-origin: 100% 100%;
|
|
transition: opacity .2s ease-out;
|
|
width: 6px;
|
|
z-index: 1
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before {
|
|
left: auto;
|
|
right: 8px
|
|
}
|
|
|
|
.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after {
|
|
background-color: #fff;
|
|
border: 1px solid #b9c4c9;
|
|
border-radius: 3px;
|
|
content: "";
|
|
height: 16px;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: background .15s ease-out,border .05s ease-out,box-shadow .1s ease-out;
|
|
width: 16px;
|
|
z-index: 0
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after {
|
|
left: auto;
|
|
right: 0
|
|
}
|
|
|
|
.adyen-checkout__field--consentCheckbox {
|
|
background: #e6e9eb;
|
|
border: 1px solid #e6e9eb;
|
|
border-radius: 6px;
|
|
padding: 14px 14px 13px
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout__field--consentCheckbox {
|
|
padding: 14px 14px 13px
|
|
}
|
|
|
|
.adyen-checkout__field--consentCheckbox.adyen-checkout__field--error {
|
|
border-color: #c12424
|
|
}
|
|
|
|
.adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation {
|
|
right: -5px;
|
|
top: 10px
|
|
}
|
|
|
|
.adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress {
|
|
padding-bottom: 8px
|
|
}
|
|
|
|
.adyen-checkout__open-invoice .adyen-checkout__fieldset--deliveryAddress {
|
|
margin-top: 24px;
|
|
padding-bottom: 8px
|
|
}
|
|
|
|
.adyen-checkout__open-invoice .adyen-checkout__input--separateDeliveryAddress {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox {
|
|
margin-top: 22px
|
|
}
|
|
|
|
.adyen-checkout__input--separateDeliveryAddress+.adyen-checkout__checkbox__label {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.adyen-checkout-form-instruction {
|
|
color: #687282;
|
|
font-size: .81em;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
margin-top: 0
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout-form-instruction {
|
|
padding-right: 0
|
|
}
|
|
|
|
.adyen-checkout__amazonpay__button {
|
|
margin: auto
|
|
}
|
|
|
|
.adyen-checkout__amazonpay .adyen-checkout__button--ghost {
|
|
display: block;
|
|
margin: 8px auto 0;
|
|
width: auto
|
|
}
|
|
|
|
@supports (-webkit-appearance: -apple-pay-button) {
|
|
.ApplePayButton-module_apple-pay-button__l5g-d,.ApplePayButton-module_apple-pay__gYjuP {
|
|
-webkit-appearance:-apple-pay-button
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button__l5g-d {
|
|
cursor: pointer;
|
|
display: inline-block
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button-black__istwW {
|
|
-apple-pay-button-style: #000
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button-white__-wLaE {
|
|
-apple-pay-button-style: #fff
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 {
|
|
-apple-pay-button-style: white-outline
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button--type-plain__ycfNl {
|
|
-apple-pay-button-type: plain
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button--type-buy__9m8AB {
|
|
-apple-pay-button-type: buy
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button--type-donate__HmRdK {
|
|
-apple-pay-button-type: donate
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button--type-check-out__XdGWd {
|
|
-apple-pay-button-type: check-out
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button--type-book__-v-VY {
|
|
-apple-pay-button-type: book
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button--type-subscribe__WxWIF {
|
|
-apple-pay-button-type: subscribe
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button--type-add-money__zeBA8 {
|
|
-apple-pay-button-type: add-money
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button--type-contribute__G3E8e {
|
|
-apple-pay-button-type: contribute
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button--type-order__ggI6j {
|
|
-apple-pay-button-type: order
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button--type-reload__QbgLd {
|
|
-apple-pay-button-type: reload
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button--type-rent__VzC-E {
|
|
-apple-pay-button-type: rent
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button--type-support__6EjmY {
|
|
-apple-pay-button-type: support
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button--type-tip__bdzGK {
|
|
-apple-pay-button-type: tip
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button--type-top-up__Eb3qR {
|
|
-apple-pay-button-type: top-up
|
|
}
|
|
}
|
|
|
|
@supports not (-webkit-appearance: -apple-pay-button) {
|
|
.ApplePayButton-module_apple-pay-button__l5g-d {
|
|
background-position:50% 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 60%;
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
max-height: 64px;
|
|
min-height: 32px;
|
|
min-width: 200px;
|
|
padding: 0
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button-black__istwW {
|
|
background-color: #000;
|
|
background-image: -webkit-named-image(apple-pay-logo-white)
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button-white-with-line__MlRq7,.ApplePayButton-module_apple-pay-button-white__-wLaE {
|
|
background-color: #fff;
|
|
background-image: -webkit-named-image(apple-pay-logo-black)
|
|
}
|
|
|
|
.ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 {
|
|
border: .5px solid #000
|
|
}
|
|
}
|
|
|
|
.adyen-checkout__applepay__button {
|
|
height: 48px;
|
|
width: 240px
|
|
}
|
|
|
|
.adyen-checkout__dropin .adyen-checkout__applepay__button {
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__issuer-button {
|
|
align-items: center;
|
|
background-color: #fff;
|
|
border: none;
|
|
border-radius: 6px;
|
|
box-shadow: inset 0 0 0 1px #b9c4c9;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-basis: 47%;
|
|
flex-grow: 2;
|
|
font-size: .81em;
|
|
height: 40px;
|
|
padding: 0 12px;
|
|
transition: background .3s ease-out,box-shadow .3s ease-out
|
|
}
|
|
|
|
.adyen-checkout__issuer-button:active {
|
|
color: #000
|
|
}
|
|
|
|
.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus {
|
|
box-shadow: inset 0 0 0 2px #99a3ad;
|
|
outline: none
|
|
}
|
|
|
|
.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus-visible {
|
|
box-shadow: inset 0 0 0 2px #99a3ad;
|
|
outline: none
|
|
}
|
|
|
|
.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):hover {
|
|
box-shadow: inset 0 0 0 2px #99a3ad;
|
|
outline: none
|
|
}
|
|
|
|
.adyen-checkout__issuer-button--selected {
|
|
background: #fff;
|
|
box-shadow: inset 0 0 0 2px #0075ff;
|
|
color: #0075ff;
|
|
font-weight: 500;
|
|
height: 40px;
|
|
transition: none
|
|
}
|
|
|
|
.adyen-checkout__issuer-button-img {
|
|
margin-right: 8px;
|
|
max-height: 26px
|
|
}
|
|
|
|
.adyen-checkout__issuer-button-group {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 16px 16px
|
|
}
|
|
|
|
.adyen-checkout__content-separator {
|
|
align-items: center;
|
|
color: #687282;
|
|
display: flex;
|
|
font-size: 13px;
|
|
justify-content: center;
|
|
line-height: 19px;
|
|
margin-bottom: 16px;
|
|
margin-top: 16px;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.adyen-checkout__content-separator:after,.adyen-checkout__content-separator:before {
|
|
background: #e6e9eb;
|
|
content: "";
|
|
display: block;
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__content-separator:after {
|
|
margin-left: 20px
|
|
}
|
|
|
|
.adyen-checkout__content-separator:before {
|
|
margin-right: 20px
|
|
}
|
|
|
|
.adyen-checkout__field--issuer-list {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.adyen-checkout__issuer-list__termsAndConditions {
|
|
text-align: center
|
|
}
|
|
|
|
.adyen-checkout-disclaimer__label {
|
|
color: #687282;
|
|
display: inline-block;
|
|
font-size: .81em;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
margin-top: 16px;
|
|
padding-left: 0
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout-disclaimer__label {
|
|
padding-right: 0
|
|
}
|
|
|
|
.adyen-checkout__card-input__form {
|
|
transition: opacity .25s ease-out
|
|
}
|
|
|
|
.adyen-checkout__card__cardNumber {
|
|
max-width: 400px
|
|
}
|
|
|
|
.adyen-checkout__card__cardNumber__input {
|
|
padding: 5px 8px
|
|
}
|
|
|
|
.adyen-checkout__card__exp-date__input--oneclick {
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
overflow: hidden;
|
|
text-align: left;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.adyen-checkout__field--storedCard .adyen-checkout__input[readonly],.adyen-checkout__field--storedCard .adyen-checkout__input[readonly]:hover {
|
|
color: #00112c
|
|
}
|
|
|
|
.adyen-checkout__card__holderName,.adyen-checkout__field--expiryDate,.adyen-checkout__field--storedCard {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress,.adyen-checkout__card__holderName,.adyen-checkout__card__kcp-authentication,.adyen-checkout__card__socialSecurityNumber,.adyen-checkout__installments,.adyen-checkout__store-details {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.adyen-checkout__card-input.adyen-checkout__card-input--loading {
|
|
pointer-events: none
|
|
}
|
|
|
|
.adyen-checkout__card__holderName:first-child {
|
|
margin: 0 0 16px
|
|
}
|
|
|
|
.adyen-checkout__field--cardNumber .adyen-checkout__input--error .adyen-checkout__card__cardNumber__brandIcon,.adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand)+.adyen-checkout-input__inline-validation--valid {
|
|
display: none
|
|
}
|
|
|
|
.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint,.adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint {
|
|
opacity: 0
|
|
}
|
|
|
|
@keyframes cvc-indicate-location {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: .3
|
|
}
|
|
}
|
|
|
|
.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location,.adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location {
|
|
animation-direction: alternate;
|
|
animation-duration: 1s;
|
|
animation-iteration-count: infinite;
|
|
animation-name: cvc-indicate-location
|
|
}
|
|
|
|
.adyen-checkout__card__cvc__hint__wrapper {
|
|
align-items: center;
|
|
-webkit-backface-visibility: visible;
|
|
backface-visibility: visible;
|
|
display: flex;
|
|
height: 100%;
|
|
margin: 0 10px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transform: translateZ(0);
|
|
transform-origin: center;
|
|
transform-style: preserve-3d;
|
|
transition: transform .3s cubic-bezier(.455,.03,.515,.955);
|
|
width: 27px;
|
|
will-change: transform
|
|
}
|
|
|
|
.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper {
|
|
transform: rotateY(180deg)
|
|
}
|
|
|
|
.adyen-checkout__card__cvc__hint {
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
position: absolute;
|
|
transition: opacity .1s linear
|
|
}
|
|
|
|
.adyen-checkout__field__exp-date_hint_wrapper {
|
|
align-items: center;
|
|
bottom: 0;
|
|
display: flex;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transition: opacity .1s linear
|
|
}
|
|
|
|
.adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden {
|
|
opacity: 0
|
|
}
|
|
|
|
.adyen-checkout__field__exp-date_hint {
|
|
height: 18px;
|
|
margin: 0 10px 0 0;
|
|
width: 27px
|
|
}
|
|
|
|
.adyen-checkout__card__cvc__hint--front {
|
|
transform: rotateY(180deg)
|
|
}
|
|
|
|
@media (prefers-reduced-motion:reduce) {
|
|
.adyen-checkout__card__cvc__hint__wrapper {
|
|
transition: none
|
|
}
|
|
}
|
|
|
|
.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields {
|
|
justify-content: left
|
|
}
|
|
|
|
.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments {
|
|
margin-left: 15px;
|
|
position: relative;
|
|
top: 42px;
|
|
width: 30%
|
|
}
|
|
|
|
.LoadingWrapper-module_loading-input__form__ffCKa {
|
|
opacity: 1
|
|
}
|
|
|
|
.LoadingWrapper-module_loading-input__form--loading__7GmVo {
|
|
opacity: 0
|
|
}
|
|
|
|
.LoadingWrapper-module_loading-input__spinner__GxA51 {
|
|
display: none;
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.LoadingWrapper-module_loading-input__spinner--active__ENNBS {
|
|
display: block
|
|
}
|
|
|
|
.CardInput-module_card-input__wrapper__wXSCw {
|
|
position: relative
|
|
}
|
|
|
|
.CardInput-module_card-input__wrapper__wXSCw *,.CardInput-module_card-input__wrapper__wXSCw :after,.CardInput-module_card-input__wrapper__wXSCw :before {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.CardInput-module_card-input__icon__3Cz5M {
|
|
border-radius: 3px;
|
|
height: 18px;
|
|
margin-left: 7px;
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
width: 27px
|
|
}
|
|
|
|
.CardInput-module_card-input__form__fRo1r {
|
|
opacity: 1
|
|
}
|
|
|
|
.CardInput-module_card-input__spinner__-j2Qi {
|
|
display: none;
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.CardInput-module_card-input__spinner--active__slD7w {
|
|
display: block
|
|
}
|
|
|
|
.CardInput-module_card-input__form--loading__rrmdj {
|
|
opacity: 0
|
|
}
|
|
|
|
.CardInput-module_adyen-checkout__input__11tlB {
|
|
display: block;
|
|
max-height: 100px
|
|
}
|
|
|
|
.CardInput-module_adyen-checkout__card__cvc__input--hidden__VIlHV,.CardInput-module_adyen-checkout__card__exp-date__input--hidden__evi6- {
|
|
display: none
|
|
}
|
|
|
|
.CardInput-module_adyen-checkout__card__exp-cvc__exp-date__input--hidden__YC3VT {
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.CardInput-module_revolving-plan-installments__disabled__VhNj2 {
|
|
opacity: .4;
|
|
pointer-events: none
|
|
}
|
|
|
|
.adyen-checkout__card__dual-branding__buttons {
|
|
display: flex;
|
|
opacity: .4;
|
|
pointer-events: none
|
|
}
|
|
|
|
.adyen-checkout__card__dual-branding__buttons--active {
|
|
opacity: 1;
|
|
pointer-events: auto
|
|
}
|
|
|
|
.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon {
|
|
cursor: pointer;
|
|
opacity: 1
|
|
}
|
|
|
|
.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon:first-child {
|
|
right: 40px
|
|
}
|
|
|
|
.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon--not-selected {
|
|
opacity: .5
|
|
}
|
|
|
|
.adyen-checkout__card__brands {
|
|
display: flex;
|
|
flex-basis: auto;
|
|
flex-shrink: 1;
|
|
flex-wrap: wrap;
|
|
gap: 4px;
|
|
height: 16px;
|
|
margin-bottom: 16px;
|
|
margin-top: -8px;
|
|
overflow: hidden;
|
|
transition: all .2s ease-out
|
|
}
|
|
|
|
.adyen-checkout__card__brands--hidden {
|
|
height: 0;
|
|
margin: -8px 0 8px;
|
|
opacity: 0
|
|
}
|
|
|
|
.adyen-checkout__card__brands img {
|
|
border-radius: 3px;
|
|
height: 16px;
|
|
width: 24px
|
|
}
|
|
|
|
.adyen-checkout__card__brands__brand-wrapper {
|
|
display: inline-block;
|
|
height: 16px;
|
|
position: relative;
|
|
width: 24px
|
|
}
|
|
|
|
.adyen-checkout__card__brands__brand-wrapper:after {
|
|
border: 1px solid rgba(0,27,43,.17);
|
|
border-radius: 3px;
|
|
content: "";
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout-ctp__otp-resend-code {
|
|
color: #0075ff;
|
|
cursor: pointer;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
margin-left: auto
|
|
}
|
|
|
|
.adyen-checkout-ctp__otp-resend-code--confirmation,.adyen-checkout-ctp__otp-resend-code--disabled {
|
|
color: #687282;
|
|
cursor: default;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
margin-left: auto;
|
|
pointer-events: none
|
|
}
|
|
|
|
.adyen-checkout-ctp__otp-resend-code--confirmation {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.adyen-checkout-ctp__otp-resend-code--confirmation>img {
|
|
margin-left: 4px
|
|
}
|
|
|
|
.adyen-checkout-ctp__otp-resend-code-counter {
|
|
color: #000;
|
|
cursor: default;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
margin-left: auto;
|
|
text-align: right
|
|
}
|
|
|
|
.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--otp {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.adyen_checkout-ctp__brand-wrapper {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 18px
|
|
}
|
|
|
|
.adyen_checkout-ctp__brand-logo {
|
|
margin-right: 6px;
|
|
width: 24px
|
|
}
|
|
|
|
.adyen_checkout-ctp__brand-pipe {
|
|
height: 15px;
|
|
margin-right: 6px
|
|
}
|
|
|
|
.adyen_checkout-ctp__brand-scheme {
|
|
margin-right: 6px;
|
|
-o-object-fit: none;
|
|
object-fit: none
|
|
}
|
|
|
|
.adyen_checkout-ctp__brand-scheme-mc {
|
|
width: 27px
|
|
}
|
|
|
|
.adyen_checkout-ctp__brand-scheme-visa {
|
|
width: 35px
|
|
}
|
|
|
|
.adyen-checkout__modal-wrapper {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
left: 0;
|
|
overflow-y: auto;
|
|
overscroll-behavior-y: contain;
|
|
padding: 24px;
|
|
position: fixed;
|
|
top: 0;
|
|
visibility: hidden;
|
|
width: 100%;
|
|
z-index: 10
|
|
}
|
|
|
|
.adyen-checkout__modal-wrapper:before {
|
|
background: rgba(0,17,44,.5);
|
|
content: "";
|
|
height: 100%;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: fixed;
|
|
top: 0;
|
|
transition: opacity .3s linear;
|
|
width: 100%;
|
|
z-index: 10
|
|
}
|
|
|
|
.adyen-checkout__modal-wrapper--open {
|
|
visibility: visible
|
|
}
|
|
|
|
.adyen-checkout__modal-wrapper--open .adyen-checkout__modal,.adyen-checkout__modal-wrapper--open:before {
|
|
opacity: 1
|
|
}
|
|
|
|
.adyen-checkout__modal {
|
|
background-color: #fff;
|
|
border-radius: 12px;
|
|
box-shadow: 0 8px 24px rgba(0,17,44,.15);
|
|
margin: auto;
|
|
opacity: 0;
|
|
padding: 16px;
|
|
position: relative;
|
|
transition: opacity .2s ease,visibility .2s ease;
|
|
z-index: 11
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.adyen-checkout__modal-wrapper {
|
|
padding:0
|
|
}
|
|
|
|
.adyen-checkout__modal {
|
|
border-radius: 0;
|
|
height: 100%
|
|
}
|
|
}
|
|
|
|
.adyen-checkout__ctp-modal-header-image {
|
|
display: block;
|
|
margin: auto
|
|
}
|
|
|
|
.adyen-checkout__ctp-modal-title {
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 24px;
|
|
margin: 0 0 12px;
|
|
padding: 0
|
|
}
|
|
|
|
.adyen-checkout__ctp-modal-text {
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.adyen-checkout__ctp-modal-benefits {
|
|
margin-left: 0;
|
|
padding-left: 20px
|
|
}
|
|
|
|
.adyen-checkout__ctp-modal-benefits li {
|
|
list-style: disc;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.adyen-checkout__modal-wrapper--ctp .adyen-checkout__modal {
|
|
max-width: 464px
|
|
}
|
|
|
|
.adyen_checkout-ctp__brand-wrapper--popup {
|
|
justify-content: center;
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.adyen-web__ctp-info-button {
|
|
background-color: transparent;
|
|
border: 0;
|
|
cursor: pointer;
|
|
padding: 0
|
|
}
|
|
|
|
.adyen-checkout-ctp__section-logout-button {
|
|
color: #0075ff;
|
|
cursor: pointer;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
margin-left: auto
|
|
}
|
|
|
|
.adyen-checkout-ctp__section-logout-button--disabled {
|
|
color: #687282;
|
|
pointer-events: none
|
|
}
|
|
|
|
.adyen-checkout-ctp__section {
|
|
background-color: #fff;
|
|
border-radius: 12px;
|
|
box-shadow: 0 8px 24px rgba(0,0,0,.15);
|
|
padding: 16px;
|
|
position: relative
|
|
}
|
|
|
|
.adyen-checkout-ctp__section-brand {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 18px;
|
|
margin-bottom: 14px
|
|
}
|
|
|
|
.adyen-checkout-ctp__section--standalone {
|
|
all: unset
|
|
}
|
|
|
|
.adyen-checkout-ctp__section .adyen-checkout__fieldset {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.adyen-checkout-ctp__section-header {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.adyen-checkout-ctp__section-header-title {
|
|
font-size: 17px;
|
|
font-weight: 600;
|
|
line-height: 22px;
|
|
margin: 0 0 4px;
|
|
padding: 0;
|
|
width: auto
|
|
}
|
|
|
|
@media screen and (max-width: 400px) {
|
|
.adyen-checkout-ctp__section-header-title {
|
|
font-size:15px
|
|
}
|
|
}
|
|
|
|
.adyen-checkout-ctp__section-header-adornment {
|
|
margin-left: 5px
|
|
}
|
|
|
|
.adyen-checkout-ctp__section-text {
|
|
color: #687282;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
margin: 0 0 16px
|
|
}
|
|
|
|
.adyen-checkout-ctp__separator {
|
|
color: #00112c;
|
|
font-size: 13px;
|
|
font-weight: 400
|
|
}
|
|
|
|
.adyen-checkout-ctp__otp-subtitle--highlighted {
|
|
color: #00112c;
|
|
font-weight: 500
|
|
}
|
|
|
|
.adyen-checkout-ctp__card-list-single-card {
|
|
align-items: center;
|
|
background-color: #f7f8f9;
|
|
border-radius: 6px;
|
|
display: flex;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
height: 40px;
|
|
line-height: 19px;
|
|
padding: 12px
|
|
}
|
|
|
|
.adyen-checkout-ctp__card-list-single-card-expired {
|
|
color: #687282;
|
|
text-decoration: line-through
|
|
}
|
|
|
|
.adyen-checkout-ctp__expired-label {
|
|
color: #687282;
|
|
font-weight: 500;
|
|
line-height: 17px;
|
|
margin-left: auto
|
|
}
|
|
|
|
.adyen-checkout-ctp__card-image {
|
|
border-radius: 3px;
|
|
margin-right: 8px
|
|
}
|
|
|
|
.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled {
|
|
opacity: 1
|
|
}
|
|
|
|
.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__text {
|
|
margin: 0;
|
|
opacity: .4;
|
|
text-decoration: line-through
|
|
}
|
|
|
|
.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__secondary-text {
|
|
color: #687282;
|
|
font-weight: 500;
|
|
line-height: 17px
|
|
}
|
|
|
|
.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled {
|
|
opacity: 1
|
|
}
|
|
|
|
.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__text {
|
|
opacity: .4;
|
|
text-decoration: line-through
|
|
}
|
|
|
|
.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__secondary-text {
|
|
color: #687282;
|
|
font-weight: 500;
|
|
opacity: 1
|
|
}
|
|
|
|
.adyen-checkout-ctp__card {
|
|
background-color: #fff;
|
|
border: none;
|
|
border-radius: 4px;
|
|
box-shadow: 0 0 0 2px #999595;
|
|
cursor: pointer;
|
|
height: 40px;
|
|
margin: 0 0 20px;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout-ctp__empty-cards {
|
|
align-items: center;
|
|
background-color: #f7f8f9;
|
|
border-radius: 6px;
|
|
color: #687282;
|
|
display: flex;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
height: 40px;
|
|
line-height: 19px;
|
|
margin-bottom: 24px;
|
|
padding: 12px 16px
|
|
}
|
|
|
|
.adyen-checkout__iframe--ctpIframe {
|
|
pointer-events: auto
|
|
}
|
|
|
|
.adyen-checkout__iframe--ctpIframe-hidden {
|
|
display: none
|
|
}
|
|
|
|
.adyen-checkout-ctp__loading-image {
|
|
display: block;
|
|
margin: 30px auto auto
|
|
}
|
|
|
|
.adyen-checkout-ctp__loading-subtitle {
|
|
font-size: 16px;
|
|
line-height: 19px;
|
|
margin: 0 auto 58px;
|
|
max-width: 280px;
|
|
text-align: center
|
|
}
|
|
|
|
.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--shopperLogin {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.adyen-checkout__cashapp>.adyen-checkout__store-details {
|
|
margin-bottom: 16px;
|
|
margin-top: 0
|
|
}
|
|
|
|
.adyen-checkout__button-group {
|
|
background: transparent;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.adyen-checkout__button-group .adyen-checkout__button {
|
|
background: transparent;
|
|
border: 0;
|
|
box-shadow: inset 0 0 0 1px #99a3ad;
|
|
color: #00112c;
|
|
font-size: .81em;
|
|
font-weight: 400;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
margin-right: 8px;
|
|
padding: 0;
|
|
text-align: center
|
|
}
|
|
|
|
.adyen-checkout__button-group .adyen-checkout__button:last-child {
|
|
margin-right: 0
|
|
}
|
|
|
|
.adyen-checkout__button-group .adyen-checkout__button:hover {
|
|
background: transparent;
|
|
box-shadow: inset 0 0 0 2px #99a3ad
|
|
}
|
|
|
|
.adyen-checkout__button-group .adyen-checkout__button:active {
|
|
background: #f7f8f9;
|
|
box-shadow: inset 0 0 0 2px #99a3ad
|
|
}
|
|
|
|
.adyen-checkout__button-group .adyen-checkout__button--disabled,.adyen-checkout__button-group .adyen-checkout__button--disabled:hover {
|
|
cursor: not-allowed;
|
|
opacity: .4;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.adyen-checkout__button-group .adyen-checkout__button--selected,.adyen-checkout__button-group .adyen-checkout__button--selected:active,.adyen-checkout__button-group .adyen-checkout__button--selected:active:hover,.adyen-checkout__button-group .adyen-checkout__button--selected:hover {
|
|
background: #e5efff;
|
|
box-shadow: inset 0 0 0 2px #0075ff;
|
|
color: #0075ff;
|
|
font-weight: 500;
|
|
height: 40px;
|
|
transition: none
|
|
}
|
|
|
|
.adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.adyen-checkout__adyen-giving .adyen-checkout__status__icon {
|
|
display: block;
|
|
margin: 56px auto 32px
|
|
}
|
|
|
|
.adyen-checkout__adyen-giving .adyen-checkout__status__text {
|
|
color: #00112c;
|
|
margin-bottom: 56px;
|
|
text-align: center
|
|
}
|
|
|
|
.adyen-checkout__campaign {
|
|
background: #00112c;
|
|
border-radius: 6px;
|
|
height: 227px;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.adyen-checkout__campaign-container {
|
|
height: 100%
|
|
}
|
|
|
|
.adyen-checkout__campaign-logo {
|
|
border: 2px solid hsla(0,0%,100%,.4);
|
|
border-radius: 3px;
|
|
display: block;
|
|
height: 48px;
|
|
margin-bottom: 16px;
|
|
overflow: hidden;
|
|
width: 48px
|
|
}
|
|
|
|
.adyen-checkout__campaign-background-image {
|
|
background-color: #00112c;
|
|
background-position: 50%;
|
|
background-size: cover;
|
|
height: 100%
|
|
}
|
|
|
|
.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:before {
|
|
background: inherit;
|
|
content: "";
|
|
height: 100%;
|
|
position: absolute;
|
|
transition: transform .6s ease-out;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:hover:before {
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
.adyen-checkout__campaign-link .adyen-checkout__campaign-content {
|
|
pointer-events: none
|
|
}
|
|
|
|
.adyen-checkout__campaign-content {
|
|
bottom: 0;
|
|
padding: 16px;
|
|
position: absolute;
|
|
z-index: 2
|
|
}
|
|
|
|
.adyen-checkout__campaign-description,.adyen-checkout__campaign-title {
|
|
color: #fff;
|
|
font-weight: 400;
|
|
margin: 0
|
|
}
|
|
|
|
.adyen-checkout__campaign-title {
|
|
font-size: 1em;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.adyen-checkout__campaign-description {
|
|
font-size: .81em;
|
|
line-height: 19px
|
|
}
|
|
|
|
.adyen-checkout__adyen-giving-actions {
|
|
margin-top: 16px;
|
|
text-align: center
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--donate {
|
|
margin: 16px auto 8px
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--decline {
|
|
display: block;
|
|
margin: auto;
|
|
width: auto
|
|
}
|
|
|
|
.adyen-checkout__paywithgoogle {
|
|
height: 48px
|
|
}
|
|
|
|
.adyen-checkout__paywithgoogle>div>button,.adyen-checkout__paywithgoogle>div>button.long,.adyen-checkout__paywithgoogle>div>button.short {
|
|
height: 48px;
|
|
transition: background-color .3s ease-out,box-shadow .3s ease-out
|
|
}
|
|
|
|
.adyen-checkout__paywithgoogle>div>button.long:focus,.adyen-checkout__paywithgoogle>div>button.short:focus,.adyen-checkout__paywithgoogle>div>button:focus {
|
|
box-shadow: 0 0 0 2px #99c2ff;
|
|
outline: 0
|
|
}
|
|
|
|
.adyen-checkout__paywithgoogle>div>button.gpay-button {
|
|
padding: 15px 24px 13px
|
|
}
|
|
|
|
.adyen-checkout__econtext-input__field>.adyen-checkout__button--pay:only-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.adyen-checkout__voucher-result {
|
|
border-radius: 12px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
text-align: center
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__bottom,.adyen-checkout__voucher-result__top {
|
|
background: #fff;
|
|
border: 1px solid #d4d9db
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__top {
|
|
border-bottom: 0;
|
|
border-radius: 12px 12px 0 0;
|
|
padding: 40px 0 24px
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__bottom {
|
|
border-radius: 0 0 12px 12px;
|
|
border-top: 0
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__separator {
|
|
align-items: center;
|
|
background: #fff;
|
|
display: flex;
|
|
height: 13px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
width: calc(100% - 14px)
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__separator:after,.adyen-checkout__voucher-result__separator:before {
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEzIiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTAgMCA1IDIgMS41IDRIN1Ywem0wIDEzIDUtMiAxLjUtNEg3djZ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiNENEQ5REIiIGQ9Ik02LjQyMyA2LjVDNi40MjMgMy4zMTIgMy43ODMuNzU2LjUuNTE4YzMuMzg2LjIzNiA2IDIuODU1IDYgNS45ODJzLTIuNjE0IDUuNzQ2LTYgNS45ODN2LS4wMDFjMy4yODQtLjIzNyA1LjkyMy0yLjc5NCA1LjkyMy01Ljk4MloiLz48cGF0aCBmaWxsPSIjRDREOURCIiBkPSJNMCAwaDF2MUgwem0wIDEyaDF2MUgweiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoN3YxM0gweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==)
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__separator:before {
|
|
left: -7px
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__separator:after,.adyen-checkout__voucher-result__separator:before {
|
|
background-position: 100%;
|
|
background-repeat: no-repeat;
|
|
content: "";
|
|
height: 13px;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 7px
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__separator:after {
|
|
right: -7px;
|
|
transform: rotate(-180deg)
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__separator__inner {
|
|
border-top: 1px solid #e6e9eb;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__image {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-bottom: 40px;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__link--voucher-result-instructions {
|
|
display: inline-block
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__image__wrapper {
|
|
display: block;
|
|
height: 48px;
|
|
margin: 0 24px;
|
|
position: relative
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__image__wrapper:after {
|
|
border: 1px solid rgba(0,27,43,.17);
|
|
border-radius: 3px;
|
|
content: "";
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__image__wrapper:nth-child(2):before {
|
|
border-left: 1px solid #d4d9db;
|
|
content: "";
|
|
height: 64px;
|
|
left: -24.5px;
|
|
position: absolute;
|
|
top: -8px;
|
|
width: 1px
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__image__brand,.adyen-checkout__voucher-result__image__issuer {
|
|
border-radius: 3px;
|
|
height: 48px
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__introduction {
|
|
color: #00112c;
|
|
font-size: .81em;
|
|
line-height: 19px;
|
|
margin: 0 auto;
|
|
max-width: 400px;
|
|
text-align: center
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__amount {
|
|
color: #00112c;
|
|
font-size: 1em;
|
|
font-weight: 700;
|
|
margin: 24px auto 0;
|
|
text-align: center
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__surcharge {
|
|
color: #687282;
|
|
display: block;
|
|
font-size: .81em;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
text-align: center
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__code__label {
|
|
display: block;
|
|
font-weight: 400;
|
|
left: 0;
|
|
line-height: 19px;
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
right: 0;
|
|
top: -2px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
width: auto
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__code__label:before {
|
|
content: "";
|
|
position: absolute
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__code__label__text {
|
|
background: #fff;
|
|
color: #00112c;
|
|
font-size: 13px;
|
|
letter-spacing: normal;
|
|
line-height: 1;
|
|
padding: 0 8px
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__code__barcode {
|
|
display: block;
|
|
height: 56px;
|
|
margin: 0 auto 8px;
|
|
max-width: 100%;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__code {
|
|
border-width: 1px 0;
|
|
color: #00112c;
|
|
display: inline-block;
|
|
font-size: 1.5em;
|
|
font-weight: 700;
|
|
letter-spacing: 1px;
|
|
line-height: 1.2;
|
|
margin: 0 auto;
|
|
padding: 16px 48px;
|
|
position: relative;
|
|
text-align: center;
|
|
-webkit-user-select: all;
|
|
-moz-user-select: all;
|
|
user-select: all;
|
|
width: 100%;
|
|
word-break: break-word
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__details {
|
|
list-style: none;
|
|
margin: -1px auto 0;
|
|
padding: 0
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__details__item {
|
|
border-top: 1px solid #e6e9eb;
|
|
color: #00112c;
|
|
display: flex;
|
|
font-size: .81em;
|
|
justify-content: space-between;
|
|
padding: 16px 24px;
|
|
word-break: break-word
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__details__item:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__details__label {
|
|
max-width: 50%;
|
|
text-align: left
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__details__value {
|
|
font-weight: 700;
|
|
max-width: 50%;
|
|
text-align: right
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__actions {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
list-style: none;
|
|
margin: 0 auto 32px;
|
|
max-width: 100%;
|
|
min-width: 200px;
|
|
padding: 0;
|
|
width: 300px
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__actions__item {
|
|
margin: 0 4px
|
|
}
|
|
|
|
.adyen-checkout__paypal__buttons {
|
|
position: relative;
|
|
z-index: 0
|
|
}
|
|
|
|
.adyen-checkout__paypal__button {
|
|
display: flex;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.adyen-checkout__paypal__button:empty {
|
|
display: none
|
|
}
|
|
|
|
.adyen-checkout__paypal__status--pending {
|
|
margin: 16px 0
|
|
}
|
|
|
|
.adyen-checkout__paypal__status--processing {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: 13px;
|
|
justify-content: center;
|
|
padding: 24px 0
|
|
}
|
|
|
|
.adyen-checkout__paypal-processing .adyen-checkout__paypal__button {
|
|
display: none
|
|
}
|
|
|
|
.adyen-checkout__payment-method .adyen-checkout__paypal__status--pending {
|
|
margin: -16px 0 38px
|
|
}
|
|
|
|
.adyen-checkout__payment-method .adyen-checkout__paypal__status--processing {
|
|
padding: 20px 0 65px
|
|
}
|
|
|
|
.adyen-checkout__phone-input {
|
|
direction: ltr
|
|
}
|
|
|
|
.adyen-checkout__phone-input .adyen-checkout__input-wrapper {
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input {
|
|
height: auto;
|
|
padding: 0
|
|
}
|
|
|
|
.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input:focus {
|
|
border: 1px solid #0075ff;
|
|
box-shadow: 0 0 0 2px #99c2ff
|
|
}
|
|
|
|
.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button {
|
|
border: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
height: 35px;
|
|
width: auto
|
|
}
|
|
|
|
.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after {
|
|
box-sizing: revert;
|
|
height: 10px;
|
|
left: 40px
|
|
}
|
|
|
|
.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input--phoneNumber {
|
|
border: 1px solid transparent;
|
|
height: 35px;
|
|
margin-left: 8px;
|
|
padding-left: 15px
|
|
}
|
|
|
|
.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput:focus {
|
|
border: 1px solid #0075ff;
|
|
box-shadow: 0 0 0 2px #99c2ff
|
|
}
|
|
|
|
.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__phoneNumber {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-left: 65px;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__countryFlag {
|
|
position: absolute
|
|
}
|
|
|
|
.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active,.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover {
|
|
box-shadow: none
|
|
}
|
|
|
|
.adyen-checkout__threeds2__challenge,.adyen-checkout__threeds2__challenge-container {
|
|
background-color: transparent;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
height: inherit;
|
|
min-height: 400px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__threeds2__challenge--01,.adyen-checkout__threeds2__challenge--01 .adyen-checkout__iframe--threeDSIframe {
|
|
height: 400px;
|
|
width: 250px
|
|
}
|
|
|
|
.adyen-checkout__threeds2__challenge--02,.adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe {
|
|
height: 400px;
|
|
width: 390px
|
|
}
|
|
|
|
.adyen-checkout__threeds2__challenge--03,.adyen-checkout__threeds2__challenge--03 .adyen-checkout__iframe--threeDSIframe {
|
|
height: 600px;
|
|
width: 500px
|
|
}
|
|
|
|
.adyen-checkout__threeds2__challenge--04,.adyen-checkout__threeds2__challenge--04 .adyen-checkout__iframe--threeDSIframe {
|
|
height: 400px;
|
|
width: 600px
|
|
}
|
|
|
|
.adyen-checkout__threeds2__challenge--05,.adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__iframe--threeDSIframe {
|
|
border: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__icon {
|
|
display: block;
|
|
margin: 56px auto 32px
|
|
}
|
|
|
|
.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__text {
|
|
color: #c12424;
|
|
margin-bottom: 56px;
|
|
text-align: center
|
|
}
|
|
|
|
.adyen-checkout__qr-loader {
|
|
background: #fff;
|
|
border: 1px solid #d4d9db;
|
|
border-radius: 12px;
|
|
padding: 40px;
|
|
text-align: center
|
|
}
|
|
|
|
.adyen-checkout__qr-loader--result {
|
|
padding: 100px
|
|
}
|
|
|
|
.adyen-checkout__qr-loader__brand-logo {
|
|
border-radius: 3px;
|
|
width: 74px
|
|
}
|
|
|
|
.adyen-checkout__qr-loader__subtitle {
|
|
margin: 32px auto 0;
|
|
max-width: 400px
|
|
}
|
|
|
|
.adyen-checkout__qr-loader__subtitle--result {
|
|
margin-bottom: 32px
|
|
}
|
|
|
|
.adyen-checkout__qr-loader__payment_amount,.adyen-checkout__qr-loader__subtitle {
|
|
color: #00112c;
|
|
font-size: 1em;
|
|
line-height: 19px
|
|
}
|
|
|
|
.adyen-checkout__qr-loader__icon {
|
|
height: 88px;
|
|
width: 88px
|
|
}
|
|
|
|
.adyen-checkout__qr-loader__payment_amount {
|
|
font-weight: 700
|
|
}
|
|
|
|
.adyen-checkout__qr-loader__progress {
|
|
background: #d4d9db;
|
|
border-radius: 24px;
|
|
height: 4px;
|
|
margin: 32px auto 12px;
|
|
padding-right: 3%;
|
|
width: 152px
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout__qr-loader__progress {
|
|
padding-left: 3%;
|
|
padding-right: 0
|
|
}
|
|
|
|
.adyen-checkout__qr-loader__percentage {
|
|
background: #0075ff;
|
|
border-radius: 24px;
|
|
display: block;
|
|
height: 100%
|
|
}
|
|
|
|
.adyen-checkout__qr-loader__countdown {
|
|
color: #687282;
|
|
font-size: .81em
|
|
}
|
|
|
|
.adyen-checkout__qr-loader>.adyen-checkout__spinner__wrapper {
|
|
margin: 60px 0
|
|
}
|
|
|
|
.adyen-checkout__qr-loader__app-link {
|
|
display: none;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.adyen-checkout__button.adyen-checkout__button--qr-loader {
|
|
margin-top: 24px;
|
|
text-decoration: none
|
|
}
|
|
|
|
.adyen-checkout__qr-loader__instructions {
|
|
color: #687282;
|
|
font-size: 1em;
|
|
line-height: 1.5;
|
|
margin-top: 32px
|
|
}
|
|
|
|
.adyen-checkout__qr-loader__actions {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 32px
|
|
}
|
|
|
|
@media only screen and (max-device-width: 1200px) {
|
|
.adyen-checkout__qr-loader__app-link {
|
|
display:block
|
|
}
|
|
}
|
|
|
|
.adyen-checkout__voucher-result--boletobancario .adyen-checkout__voucher-result__code,.adyen-checkout__voucher-result--oxxo .adyen-checkout__voucher-result__code {
|
|
font-size: .81em;
|
|
line-height: 19px;
|
|
padding: 24px;
|
|
word-break: break-all
|
|
}
|
|
|
|
.adyen-checkout__alert-message {
|
|
border-radius: 6px;
|
|
display: flex;
|
|
font-size: .81em;
|
|
margin: 0 0 16px;
|
|
padding: 12px;
|
|
text-align: left
|
|
}
|
|
|
|
.adyen-checkout__alert-message--error {
|
|
background: #fbe6ed
|
|
}
|
|
|
|
.adyen-checkout__alert-message--warning {
|
|
background: #ffeacc
|
|
}
|
|
|
|
.adyen-checkout__alert-message--info {
|
|
background: #e5efff
|
|
}
|
|
|
|
.adyen-checkout__alert-message__icon {
|
|
height: 14px;
|
|
margin-right: 8px;
|
|
width: 14px
|
|
}
|
|
|
|
.adyen-checkout__giftcard-result__header {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
font-size: 1em;
|
|
font-weight: 400;
|
|
justify-content: space-between;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__giftcard-result__header__title {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.adyen-checkout__giftcard-result__name {
|
|
margin-left: 8px
|
|
}
|
|
|
|
.adyen-checkout__giftcard-result__balance {
|
|
list-style: none;
|
|
margin: 16px 0 0;
|
|
padding: 0
|
|
}
|
|
|
|
.adyen-checkout__giftcard-result__balance__item {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit {
|
|
color: #687282
|
|
}
|
|
|
|
.adyen-checkout__giftcard-result__balance__item:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.adyen-checkout__giftcard-result__balance__value--amount {
|
|
font-weight: 700
|
|
}
|
|
|
|
.adyen-checkout__giftcard-result__remaining-balance {
|
|
color: #687282;
|
|
font-size: 13px;
|
|
line-height: 19px;
|
|
margin: 8px auto 0;
|
|
text-align: center
|
|
}
|
|
|
|
.DropinComponent-module_adyen-checkout__payment-methods-list__mAjAm {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.DropinComponent-module_adyen-checkout__payment-method__nWdwg {
|
|
display: block;
|
|
max-height: 60px
|
|
}
|
|
|
|
.DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
|
|
display: none
|
|
}
|
|
|
|
.DropinComponent-module_adyen-checkout__payment-method__image__nB80V {
|
|
height: 26px;
|
|
width: 40px
|
|
}
|
|
|
|
.DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA {
|
|
margin-right: 8px
|
|
}
|
|
|
|
[dir=rtl] .DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA {
|
|
margin-left: 8px;
|
|
margin-right: 0
|
|
}
|
|
|
|
.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF {
|
|
max-height: 100%
|
|
}
|
|
|
|
.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF .DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
|
|
display: block
|
|
}
|
|
|
|
.adyen-checkout__payment-method__disable-confirmation {
|
|
background: #c12424;
|
|
border-left: 1px solid #b82222;
|
|
border-right: 1px solid #b82222;
|
|
color: #fff;
|
|
font-size: .81em;
|
|
margin: 0 -17px;
|
|
max-height: 0;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
transition: opacity .15s ease-out,max-height .15s linear,margin-bottom .1s linear
|
|
}
|
|
|
|
.adyen-checkout__payment-method__disable-confirmation.adyen-checkout__payment-method__disable-confirmation--open {
|
|
margin-bottom: 16px;
|
|
max-height: 62px;
|
|
opacity: 1
|
|
}
|
|
|
|
.adyen-checkout__payment-method__disable-confirmation__content {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 8px 16px
|
|
}
|
|
|
|
.adyen-checkout__payment-method__disable-confirmation__buttons {
|
|
display: flex
|
|
}
|
|
|
|
.adyen-checkout__payment-method__disable-confirmation__button {
|
|
background: #c12424;
|
|
border: 1px solid transparent;
|
|
border-radius: 6px;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: block;
|
|
height: auto;
|
|
line-height: 14px;
|
|
margin: 0 0 0 8px;
|
|
padding: 8px;
|
|
width: auto
|
|
}
|
|
|
|
.adyen-checkout__payment-method__disable-confirmation__button:hover,.adyen-checkout__payment-method__disable-confirmation__button:hover:focus {
|
|
background: #ac2020;
|
|
box-shadow: none
|
|
}
|
|
|
|
.adyen-checkout__payment-method__disable-confirmation__button:active,.adyen-checkout__payment-method__disable-confirmation__button:hover:active {
|
|
background: #961c1c;
|
|
box-shadow: none
|
|
}
|
|
|
|
.adyen-checkout__payment-method__disable-confirmation__button--remove,.adyen-checkout__payment-method__disable-confirmation__button--remove:disabled {
|
|
border-color: #fff
|
|
}
|
|
|
|
.adyen-checkout__payment-method__disable-confirmation__button--cancel,.adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled {
|
|
border-color: transparent
|
|
}
|
|
|
|
.adyen-checkout__payment-method {
|
|
background: #fff;
|
|
border: 1px solid #e6e9eb;
|
|
cursor: pointer;
|
|
margin-top: -1px;
|
|
position: relative;
|
|
transition: opacity .3s ease-out;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__payment-method:focus {
|
|
outline: 0
|
|
}
|
|
|
|
.adyen-checkout__payment-method--selected+.adyen-checkout__payment-method,.adyen-checkout__payment-method:first-child {
|
|
border-top-left-radius: 12px;
|
|
border-top-right-radius: 12px;
|
|
margin-top: 0
|
|
}
|
|
|
|
.adyen-checkout__payment-method--next-selected,.adyen-checkout__payment-method:last-child {
|
|
border-bottom-left-radius: 12px;
|
|
border-bottom-right-radius: 12px;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.adyen-checkout__payment-method--loading {
|
|
opacity: .2
|
|
}
|
|
|
|
.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading {
|
|
opacity: .9
|
|
}
|
|
|
|
.adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content,.adyen-checkout__payment-method--disabling {
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.adyen-checkout__payment-method--disabling {
|
|
opacity: .3
|
|
}
|
|
|
|
.adyen-checkout__payment-method__header {
|
|
align-items: center;
|
|
color: #00112c;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
font-size: 1em;
|
|
font-weight: 400;
|
|
justify-content: space-between;
|
|
padding: 12px 16px 12px 44px;
|
|
position: relative;
|
|
transition: background .1s ease-out;
|
|
width: 100%
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout__payment-method__header {
|
|
padding: 12px 44px 12px 12px
|
|
}
|
|
|
|
.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header {
|
|
padding: 16px
|
|
}
|
|
|
|
.adyen-checkout__payment-method__header__title {
|
|
align-items: center;
|
|
background: none;
|
|
border: none;
|
|
color: #00112c;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
font-size: 1em;
|
|
font-weight: 400;
|
|
margin-right: 16px;
|
|
max-width: 100%;
|
|
padding: 4px
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout__payment-method__header__title {
|
|
margin-left: 16px;
|
|
margin-right: 0
|
|
}
|
|
|
|
.adyen-checkout__payment-method__surcharge {
|
|
color: #687282;
|
|
margin-left: 5px
|
|
}
|
|
|
|
.adyen-checkout__payment-method--selected {
|
|
background: #f7f8f9;
|
|
border: 1px solid #e6e9eb;
|
|
border-radius: 12px;
|
|
cursor: default;
|
|
margin: 8px 0;
|
|
transition: margin .15s cubic-bezier(.4,0,.2,1) 0s,opacity .3s ease-out
|
|
}
|
|
|
|
.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header {
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.adyen-checkout__payment-method__details {
|
|
padding: 0 16px;
|
|
position: relative
|
|
}
|
|
|
|
.adyen-checkout__payment-method__details__content {
|
|
margin: 0 0 16px
|
|
}
|
|
|
|
.adyen-checkout__payment-method__image__wrapper {
|
|
height: 26px;
|
|
position: relative;
|
|
width: 40px
|
|
}
|
|
|
|
.adyen-checkout__payment-method__image__wrapper--outline:after {
|
|
border: 1px solid rgba(0,27,43,.17);
|
|
border-radius: 3px;
|
|
content: "";
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__payment-method__image {
|
|
border-radius: 3px;
|
|
display: block
|
|
}
|
|
|
|
.adyen-checkout__payment-method__brands {
|
|
display: flex;
|
|
flex-basis: auto;
|
|
flex-shrink: 1;
|
|
flex-wrap: wrap;
|
|
height: 16px;
|
|
margin: 4px 0;
|
|
overflow: hidden;
|
|
text-align: right
|
|
}
|
|
|
|
.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__brand-number {
|
|
color: #687282;
|
|
font-size: 13px
|
|
}
|
|
|
|
.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands {
|
|
height: auto;
|
|
overflow: visible;
|
|
text-align: left
|
|
}
|
|
|
|
.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
|
|
display: inline-block;
|
|
height: 16px;
|
|
margin-right: 4px;
|
|
transition: opacity .2s ease-out;
|
|
width: 24px
|
|
}
|
|
|
|
.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child {
|
|
margin: 0
|
|
}
|
|
|
|
.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.adyen-checkout__payment-method__brands img {
|
|
height: 16px;
|
|
width: 24px
|
|
}
|
|
|
|
.adyen-checkout__payment-method__image__wrapper--disabled {
|
|
opacity: .25
|
|
}
|
|
|
|
.adyen-checkout__payment-method__radio {
|
|
background-color: #fff;
|
|
border: 1px solid #b9c4c9;
|
|
border-radius: 50%;
|
|
height: 16px;
|
|
left: 16px;
|
|
position: absolute;
|
|
transition: border-color .2s ease-out,box-shadow .2s ease-out;
|
|
width: 16px
|
|
}
|
|
|
|
[dir=rtl] .adyen-checkout__payment-method__radio {
|
|
left: auto;
|
|
right: 16px
|
|
}
|
|
|
|
.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio {
|
|
display: none
|
|
}
|
|
|
|
.adyen-checkout__payment-method__radio:after {
|
|
background-color: #fff;
|
|
border-radius: 50%;
|
|
content: "";
|
|
display: block;
|
|
height: 6px;
|
|
left: 0;
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%) scale(0);
|
|
transition: transform .3s ease-out;
|
|
width: 6px
|
|
}
|
|
|
|
.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) .adyen-checkout__payment-method__radio {
|
|
border-color: #99a3ad;
|
|
box-shadow: 0 0 0 2px #d4d9db;
|
|
cursor: pointer
|
|
}
|
|
|
|
.adyen-checkout__payment-method__radio--selected {
|
|
background-color: #0075ff;
|
|
border: 0;
|
|
transition: all .3s ease-out
|
|
}
|
|
|
|
.adyen-checkout__payment-method__radio--selected:hover {
|
|
box-shadow: 0 0 0 2px rgba(0,102,255,.4)
|
|
}
|
|
|
|
.adyen-checkout__payment-method__radio--selected:after {
|
|
transform: translateY(-50%) scale(1)
|
|
}
|
|
|
|
.adyen-checkout__payment-method__name {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.adyen-checkout__payment-method__name--selected {
|
|
font-weight: 500
|
|
}
|
|
|
|
.adyen-checkout__payment-method__additional-info {
|
|
color: #687282;
|
|
font-size: .81em
|
|
}
|
|
|
|
.adyen-checkout__payment-method__name_wrapper {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.adyen-checkout__order-payment-methods-list {
|
|
list-style: none;
|
|
margin: 0 auto 16px;
|
|
padding: 0
|
|
}
|
|
|
|
.adyen-checkout__order-payment-method {
|
|
background: #fff;
|
|
border: 1px solid #e6e9eb;
|
|
margin-top: -1px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__order-payment-method:first-child {
|
|
border-top-left-radius: 12px;
|
|
border-top-right-radius: 12px
|
|
}
|
|
|
|
.adyen-checkout__order-payment-method:last-child {
|
|
border-bottom-left-radius: 12px;
|
|
border-bottom-right-radius: 12px
|
|
}
|
|
|
|
.adyen-checkout__order-payment-method__header {
|
|
align-items: center;
|
|
color: #00112c;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
font-size: 1em;
|
|
font-weight: 500;
|
|
justify-content: space-between;
|
|
padding: 16px;
|
|
position: relative;
|
|
transition: background .1s ease-out;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__order-payment-method__header .adyen-checkout__payment-method__header__title {
|
|
padding: 0
|
|
}
|
|
|
|
.adyen-checkout__order-payment-method__details {
|
|
padding: 0 16px 16px
|
|
}
|
|
|
|
.adyen-checkout__order-payment-method__deducted-amount {
|
|
display: flex;
|
|
font-size: 1em;
|
|
justify-content: space-between;
|
|
line-height: 1em
|
|
}
|
|
|
|
.adyen-checkout__order-payment-method__deducted-amount__label {
|
|
font-size: .81em
|
|
}
|
|
|
|
.adyen-checkout__order-payment-method__deducted-amount__value {
|
|
font-weight: 500
|
|
}
|
|
|
|
.adyen-checkout__order-remaining-amount {
|
|
background: #ffeacc;
|
|
border-radius: 6px;
|
|
color: #7f4a00;
|
|
display: block;
|
|
font-size: .81em;
|
|
margin-bottom: 16px;
|
|
padding: 8px 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__order-remaining-amount strong {
|
|
font-weight: 700
|
|
}
|
|
|
|
.adyen-checkout__status {
|
|
align-items: center;
|
|
background-color: #fff;
|
|
border: 1px solid #d4d9db;
|
|
border-radius: 6px;
|
|
color: #00112c;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: 1em;
|
|
height: 350px;
|
|
justify-content: center;
|
|
margin: 0;
|
|
padding: 32px;
|
|
text-align: center
|
|
}
|
|
|
|
.adyen-checkout__status__icon {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.adyen-checkout__status .adyen-checkout__spinner__wrapper {
|
|
max-height: 88px
|
|
}
|
|
|
|
.adyen-checkout__dropin,.adyen-checkout__dropin *,.adyen-checkout__dropin :after,.adyen-checkout__dropin :before {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.adyen-checkout__payment-methods-list--loading {
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.adyen-checkout__instant-payment-methods-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.adyen-checkout__instant-payment-methods-list li:not(:last-child) {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.adyen-checkout__link {
|
|
color: #0075ff;
|
|
text-decoration: none
|
|
}
|
|
|
|
.adyen-checkout__link:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.AchInput-module_sf-input__wrapper__lfdiv {
|
|
position: relative
|
|
}
|
|
|
|
.AchInput-module_sf-input__wrapper__lfdiv *,.AchInput-module_sf-input__wrapper__lfdiv :after,.AchInput-module_sf-input__wrapper__lfdiv :before {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.AchInput-module_adyen-checkout__input__8WwCR {
|
|
display: block;
|
|
max-height: 100px
|
|
}
|
|
|
|
.adyen-checkout__pm__holderName {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.adyen-checkout__fieldset__title+.adyen-checkout__ach-sf__form {
|
|
margin-top: 0
|
|
}
|
|
|
|
.adyen-checkout__ach-input .adyen-checkout__fieldset--address,.adyen-checkout__ach-sf__form {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.adyen-checkout__loading-input__form {
|
|
transition: opacity .25s ease-out
|
|
}
|
|
|
|
.adyen-checkout-phone-input--new {
|
|
direction: ltr
|
|
}
|
|
|
|
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper {
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input {
|
|
height: auto;
|
|
padding: 0
|
|
}
|
|
|
|
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within {
|
|
border: 1px solid #0075ff
|
|
}
|
|
|
|
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within .adyen-checkout-dropdown--countrycode-selector {
|
|
border-right: 1px solid #0075ff
|
|
}
|
|
|
|
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button {
|
|
border: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
height: 35px;
|
|
width: auto
|
|
}
|
|
|
|
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after {
|
|
box-sizing: revert;
|
|
height: 10px
|
|
}
|
|
|
|
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active,.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover {
|
|
box-shadow: none
|
|
}
|
|
|
|
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number {
|
|
border: 1px solid transparent;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
min-height: 35px;
|
|
padding-bottom: 0;
|
|
padding-left: 15px;
|
|
padding-top: 0
|
|
}
|
|
|
|
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number:focus-within {
|
|
border: 1px solid #0075ff;
|
|
box-shadow: 0 0 0 2px #99c2ff
|
|
}
|
|
|
|
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-dropdown--countrycode-selector {
|
|
border-right: 1px solid #dce0e5;
|
|
min-width: 144px;
|
|
width: 144px
|
|
}
|
|
|
|
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input-holder--phone-input {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-phone-number {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 3
|
|
}
|
|
|
|
.adyen-checkout-phone-input--new .adyen-checkout-phone-input__error-holder {
|
|
margin-top: -10px
|
|
}
|
|
|
|
.adyen-checkout__await {
|
|
background: #fff;
|
|
border: 1px solid #d4d9db;
|
|
border-radius: 12px;
|
|
padding: 40px;
|
|
text-align: center
|
|
}
|
|
|
|
.adyen-checkout__await--result {
|
|
padding: 100px
|
|
}
|
|
|
|
.adyen-checkout__qr-loader--app {
|
|
border: 0;
|
|
border-radius: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.adyen-checkout__await__brand-logo {
|
|
border-radius: 3px;
|
|
width: 74px
|
|
}
|
|
|
|
.adyen-checkout__await__indicator-text,.adyen-checkout__await__subtitle {
|
|
color: #00112c;
|
|
font-size: 1em;
|
|
line-height: 19px;
|
|
margin-top: 32px
|
|
}
|
|
|
|
.adyen-checkout__await__indicator-holder .adyen-checkout__await__indicator-text {
|
|
margin-left: 10px;
|
|
margin-top: 6px
|
|
}
|
|
|
|
.adyen-checkout__await__indicator-holder {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-bottom: 20px;
|
|
margin-top: 32px
|
|
}
|
|
|
|
.adyen-checkout__await__subtitle--result {
|
|
margin-bottom: 32px
|
|
}
|
|
|
|
.adyen-checkout__await__icon {
|
|
height: 88px;
|
|
width: 88px
|
|
}
|
|
|
|
.adyen-checkout__await__progress {
|
|
background: #d4d9db;
|
|
border-radius: 24px;
|
|
height: 4px;
|
|
margin: 32px auto 12px;
|
|
width: 152px
|
|
}
|
|
|
|
.adyen-checkout__await__percentage {
|
|
background: #0075ff;
|
|
border-radius: 24px;
|
|
display: block;
|
|
height: 100%
|
|
}
|
|
|
|
.adyen-checkout__await__countdown {
|
|
color: #687282;
|
|
font-size: .81em
|
|
}
|
|
|
|
.adyen-checkout__await>.adyen-checkout__spinner__wrapper {
|
|
margin: 60px 0
|
|
}
|
|
|
|
.adyen-checkout__await__app-link {
|
|
display: none;
|
|
margin-top: 16px
|
|
}
|
|
|
|
@media only screen and (max-device-width: 1200px) {
|
|
.adyen-checkout__await__app-link {
|
|
display:block
|
|
}
|
|
}
|
|
|
|
.adyen-checkout__blik__helper {
|
|
color: #00112c;
|
|
font-size: 1em;
|
|
font-weight: 400;
|
|
margin: 0 0 16px;
|
|
padding: 0
|
|
}
|
|
|
|
.adyen-checkout__bankTransfer__introduction {
|
|
color: #00112c;
|
|
font-size: .81em;
|
|
font-weight: 400;
|
|
margin: 0 0 16px;
|
|
padding: 0
|
|
}
|
|
|
|
.adyen-checkout__bankTransfer__emailField {
|
|
margin: 0 0 16px
|
|
}
|
|
|
|
.adyen-checkout__bacs--confirm {
|
|
position: relative
|
|
}
|
|
|
|
.adyen-checkout__bacs--confirm .adyen-checkout-input__inline-validation--valid {
|
|
display: none
|
|
}
|
|
|
|
.adyen-checkout__bacs .adyen-checkout__field--inactive {
|
|
pointer-events: none
|
|
}
|
|
|
|
.adyen-checkout__bacs .adyen-checkout__bacs--edit {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 0;
|
|
top: -25px;
|
|
width: 20%
|
|
}
|
|
|
|
.adyen-checkout__bacs .adyen-checkout__bacs--edit-dropin {
|
|
top: -50px
|
|
}
|
|
|
|
.adyen-checkout__bacs .adyen-checkout__bacs--edit .adyen-checkout__bacs--edit-button {
|
|
background: none;
|
|
border: none;
|
|
color: #0075ff;
|
|
cursor: pointer;
|
|
text-align: end;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.adyen-checkout__voucher-result__introduction {
|
|
font-size: 1em;
|
|
max-width: 420px
|
|
}
|
|
|
|
.adyen-checkout__klarna-widget {
|
|
pointer-events: all
|
|
}
|
|
|
|
.adyen-checkout__field--vpa {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.adyen-checkout__segmented-control {
|
|
background: #fff;
|
|
border: 1px solid #b9c4c9;
|
|
border-radius: 6px;
|
|
display: flex;
|
|
gap: 4px;
|
|
justify-content: space-between;
|
|
padding: 4px 5px
|
|
}
|
|
|
|
.adyen-checkout__segmented-control--disabled {
|
|
pointer-events: none
|
|
}
|
|
|
|
.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment {
|
|
color: #8390a3
|
|
}
|
|
|
|
.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment--selected {
|
|
background: #f3f6f9;
|
|
border: 1.5px solid #8390a3
|
|
}
|
|
|
|
.adyen-checkout__segmented-control-segment {
|
|
background: #fff;
|
|
border: 0;
|
|
border-radius: 6px;
|
|
color: #0075ff;
|
|
cursor: pointer;
|
|
flex-grow: 1;
|
|
font-weight: 500;
|
|
height: 40px;
|
|
text-align: center;
|
|
transition: background .3s ease-out;
|
|
width: 100%
|
|
}
|
|
|
|
.adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover {
|
|
background-color: #f7f8f9
|
|
}
|
|
|
|
.adyen-checkout__segmented-control-segment:active {
|
|
background-color: #f7f8f9;
|
|
border: 1.5px solid #687282
|
|
}
|
|
|
|
.adyen-checkout__segmented-control-segment--selected {
|
|
background: #e5f1ff;
|
|
border: 1.5px solid #0075ff;
|
|
color: #0075ff;
|
|
font-weight: 700
|
|
}
|
|
|
|
.adyen-checkout_upi-mode-selection-text {
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
margin-bottom: 7px;
|
|
margin-top: 0
|
|
}
|
|
|
|
.adyen-checkout-trustly,.adyen-checkout__segmented-control--upi-margin-bottom {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.adyen-checkout-trustly__descriptor {
|
|
font-size: 1em;
|
|
font-weight: 500;
|
|
margin: 0 0 4px
|
|
}
|
|
|
|
.adyen-checkout-trustly__description-list {
|
|
font-size: .81em;
|
|
line-height: 1.5;
|
|
list-style-type: disc;
|
|
margin: 0;
|
|
padding-left: 20px
|
|
}
|
|
|
|
.adyen-checkout-sr-panel {
|
|
font-size: .75em;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.adyen-checkout-sr-panel--sr-only {
|
|
clip: rect(0 0 0 0);
|
|
border: 0;
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px
|
|
}
|
|
|
|
.icon_d2b05e {
|
|
inset-inline-start: 8px;
|
|
margin: auto auto 25px;
|
|
top: 9px;
|
|
z-index: 1
|
|
}
|
|
|
|
.connectionInstructions_d2b05e {
|
|
margin-top: 8px;
|
|
text-align: center
|
|
}
|
|
|
|
.body_b25217 {
|
|
margin: var(--space-16) 0
|
|
}
|
|
|
|
.flexColumn_b25217 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.infoNotice_b25217 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.paymentRequestButton_b25217 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: row
|
|
}
|
|
|
|
.paymentModalBreadcrumbs_b25217:after {
|
|
padding: 0
|
|
}
|
|
|
|
.paymentModalError_b25217 {
|
|
background-color: var(--modal-background);
|
|
padding-top: 12px
|
|
}
|
|
|
|
.awaitingAuthenticationStep__4ede8 {
|
|
padding-bottom: 16px;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.awaitingWrapper__8a7af {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center
|
|
}
|
|
|
|
.body__96722 {
|
|
padding-bottom: 16px;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.notification_e1e832 {
|
|
align-items: center;
|
|
background-color: var(--status-positive-background);
|
|
border-radius: 8px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 1.3;
|
|
padding: 8px;
|
|
width: 100%
|
|
}
|
|
|
|
.notification_e1e832 a {
|
|
color: var(--white);
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.notification_e1e832 a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.icon_e1e832 {
|
|
flex-shrink: 0;
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.icon_e1e832,.text_e1e832 {
|
|
color: var(--status-positive-text)
|
|
}
|
|
|
|
.text_e1e832 {
|
|
flex: 1;
|
|
margin-inline-start:8px}
|
|
|
|
.confirmation__6220d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 30px 24px 10px
|
|
}
|
|
|
|
.confirmationHeader__6220d {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.divider__6220d {
|
|
background-color: var(--border-subtle);
|
|
height: 1px;
|
|
margin: 24px 0;
|
|
width: 100%
|
|
}
|
|
|
|
.legalFinePrint__1048e {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
.paymentIcon__84bdf {
|
|
height: 24px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 24px
|
|
}
|
|
|
|
.clickableContainer__84bdf {
|
|
cursor: pointer
|
|
}
|
|
|
|
.paymentSourceLabel_f38e43 {
|
|
line-height: 22px;
|
|
margin-inline-start:8px;overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.paymentSourceLabel_f38e43:first-child {
|
|
margin-inline-start:0}
|
|
|
|
.paymentSourceSelectedOption_f38e43 {
|
|
align-items: center;
|
|
display: flex;
|
|
overflow: hidden
|
|
}
|
|
|
|
.paymentSourceWarning_f38e43 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
gap: 8px;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.paymentSourceWarningIcon_f38e43 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.error_f38e43 {
|
|
color: var(--red-400)
|
|
}
|
|
|
|
.dropdownLoadingContainer_f38e43 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 8px
|
|
}
|
|
|
|
.formTitle__553e7 {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.checkbox__553e7 {
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.checkbox__553e7:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.checkboxLabel__553e7 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.finePrint__553e7 {
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
line-height: 14px;
|
|
margin-bottom: 16px;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.container__65536 {
|
|
background: var(--background-surface-highest);
|
|
border: 1px solid var(--border-normal,hsla(240,4%,61%,.32));
|
|
border-radius: 12px;
|
|
gap: 12px;
|
|
margin-bottom: var(--space-12);
|
|
padding-block:8px;padding-inline:8px 16px}
|
|
|
|
.container__65536,.content__65536 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.content__65536 {
|
|
gap: var(--space-12);
|
|
justify-content: center
|
|
}
|
|
|
|
.attributionBannerContainer__7b5f3 {
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: 16px;
|
|
min-height: 48px;
|
|
padding-bottom: 8px;
|
|
padding-inline-start:28px;padding-top: 8px;
|
|
position: relative
|
|
}
|
|
|
|
.avatarContainer__7b5f3 {
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.bannerHeader__7b5f3 {
|
|
padding-inline:8px}
|
|
|
|
.bannerIcon__7b5f3 {
|
|
border-radius: 4px;
|
|
bottom: 0;
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
z-index: -1
|
|
}
|
|
|
|
.bannerCopy__7b5f3 {
|
|
border-bottom: 1px solid rgba(78,80,88,.48);
|
|
padding-bottom: 16px;
|
|
padding-top: 8px
|
|
}
|
|
|
|
.theme-light .attributionBannerContainer__7b5f3 {
|
|
background: linear-gradient(90deg,rgba(133,71,198,.4),rgba(184,69,193,.4) 50.24%,rgba(171,93,138,.4))
|
|
}
|
|
|
|
.theme-dark .attributionBannerContainer__7b5f3 {
|
|
background: linear-gradient(90deg,rgba(133,71,198,.5),rgba(184,69,193,.5) 50.24%,rgba(171,93,138,.5))
|
|
}
|
|
|
|
.table_fda3e4 {
|
|
background-color: var(--background-mod-subtle);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.table_fda3e4.premiumRebrand_fda3e4 {
|
|
border: 1px solid var(--border-muted)
|
|
}
|
|
|
|
.table_fda3e4.hasError_fda3e4 {
|
|
margin-bottom: var(--space-16)
|
|
}
|
|
|
|
.flex_fda3e4 {
|
|
display: flex
|
|
}
|
|
|
|
.header_fda3e4 {
|
|
color: var(--interactive-text-active);
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.header_fda3e4,.rowBase_fda3e4 {
|
|
font-size: 16px;
|
|
line-height: 20px
|
|
}
|
|
|
|
.rowBase_fda3e4 {
|
|
display: flex;
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.rowBase_fda3e4:not(:last-child) {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.row_fda3e4 {
|
|
align-items: flex-start;
|
|
color: var(--interactive-text-default);
|
|
justify-content: space-between
|
|
}
|
|
|
|
.row_fda3e4.canceled_fda3e4 {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.rowAmount_fda3e4 {
|
|
align-items: center;
|
|
display: flex;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.rowLabel_fda3e4 {
|
|
margin-inline-end:10px}
|
|
|
|
.rowPercentDiscount_fda3e4 {
|
|
background-color: var(--green-360);
|
|
border-radius: 2px;
|
|
color: var(--white);
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
margin-inline-start:8px;padding: 2px 4px
|
|
}
|
|
|
|
.rowDiscountOriginalPrice_fda3e4 {
|
|
color: var(--text-muted);
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 16px;
|
|
margin: -4px 0 4px;
|
|
text-align: end;
|
|
text-decoration: line-through
|
|
}
|
|
|
|
.entitlementDiscountRow_fda3e4 {
|
|
color: var(--text-feedback-positive);
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.divider_fda3e4 {
|
|
background-color: var(--border-muted);
|
|
height: 1px;
|
|
margin: 16px 0
|
|
}
|
|
|
|
.divider_fda3e4.negativeMarginTop_fda3e4 {
|
|
margin-top: -16px
|
|
}
|
|
|
|
.divider_fda3e4.negativeMarginBottom_fda3e4 {
|
|
margin-bottom: -4px
|
|
}
|
|
|
|
.dividerExtended_fda3e4 {
|
|
height: 4px;
|
|
margin-inline:-16px}
|
|
|
|
.totalRow_fda3e4 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.totalLabel_fda3e4 {
|
|
color: var(--interactive-text-default);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 20px
|
|
}
|
|
|
|
.totalAmount_fda3e4,.totalLabel_fda3e4 strong {
|
|
color: var(--interactive-text-active);
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.finePrint_fda3e4 {
|
|
color: var(--text-default);
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 16px;
|
|
margin: 16px 0
|
|
}
|
|
|
|
.annualPlanDiscountPriceSection_fda3e4 {
|
|
align-self: flex-end;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.annualPlanOptionDiscount_fda3e4 {
|
|
background-color: var(--green-360);
|
|
border-radius: 8px;
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-top: 2px;
|
|
margin-inline-end:8px;max-height: 16px;
|
|
padding: 0 6px;
|
|
position: relative
|
|
}
|
|
|
|
.annualDiscountValues_fda3e4 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.trialEndPrice_fda3e4 {
|
|
text-align: end
|
|
}
|
|
|
|
.wrapper_c0e5ec {
|
|
border-radius: 4px;
|
|
transition: background-color .2s ease
|
|
}
|
|
|
|
.wrapperActive_c0e5ec {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.container_d0a022 {
|
|
display: flex;
|
|
gap: 8px;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.icon_d0a022 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.trigger_e6ce07 {
|
|
all: unset
|
|
}
|
|
|
|
.triggerContent_e6ce07 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.full-motion .chevron_e6ce07 {
|
|
transition: transform .1s ease-in-out
|
|
}
|
|
|
|
[data-expanded] .chevron_e6ce07 {
|
|
transform: rotate(-180deg)
|
|
}
|
|
|
|
.panel_e6ce07 {
|
|
height: var(--disclosure-panel-height);
|
|
overflow: clip;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .panel_e6ce07 {
|
|
transition: height .1s ease-in-out
|
|
}
|
|
|
|
.header_b963df {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-24);
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
.lineItemsContainer_b963df {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8);
|
|
margin-top: var(--space-12);
|
|
width: 100%
|
|
}
|
|
|
|
.lineItem_b963df {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
gap: var(--space-24);
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
.lineItemLabel_b963df {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
gap: var(--space-4);
|
|
min-width: 0
|
|
}
|
|
|
|
.divider_ad82d8 {
|
|
background-color: var(--border-muted);
|
|
height: 1px;
|
|
margin-bottom: var(--space-16);
|
|
width: 100%
|
|
}
|
|
|
|
.totalDue_ad82d8 {
|
|
display: flex;
|
|
gap: var(--space-12);
|
|
justify-content: space-between;
|
|
margin-top: var(--space-12)
|
|
}
|
|
|
|
.cardGroup__02e50 {
|
|
align-items: stretch;
|
|
display: flex;
|
|
gap: var(--space-8);
|
|
width: 100%
|
|
}
|
|
|
|
.cardGroupWithHeadingSpacing__02e50 {
|
|
margin-top: var(--space-12)
|
|
}
|
|
|
|
.card__02e50 {
|
|
all: unset;
|
|
background-color: var(--background-mod-muted);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-md);
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex: 1 0 0;
|
|
flex-direction: column;
|
|
gap: var(--space-16);
|
|
justify-content: space-between;
|
|
padding: var(--space-12);
|
|
position: relative;
|
|
transition: background-color .1s
|
|
}
|
|
|
|
.card__02e50[data-disabled] {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.card__02e50[data-selected] {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.selectionIndicator__02e50 {
|
|
border: 2px solid var(--input-border-hover);
|
|
border-radius: var(--radius-md);
|
|
inset: -1px;
|
|
position: absolute;
|
|
z-index: -1
|
|
}
|
|
|
|
.title__02e50 {
|
|
margin-inline-end:var(--space-24)}
|
|
|
|
.text__02e50 {
|
|
align-items: baseline;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0 var(--space-8)
|
|
}
|
|
|
|
.strikethrough__02e50 {
|
|
text-decoration: line-through
|
|
}
|
|
|
|
.selectionIcon__02e50 {
|
|
display: block;
|
|
inset-inline-end: var(--space-8);
|
|
position: absolute;
|
|
top: var(--space-8)
|
|
}
|
|
|
|
.text_eaab0b {
|
|
font-style: italic;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.container_b776a7 {
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-lg,16px);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-12,12px);
|
|
padding: var(--space-16,16px)
|
|
}
|
|
|
|
.separator_b776a7 {
|
|
background-color: var(--border-subtle);
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
.container_da8ac7 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-12);
|
|
width: 100%
|
|
}
|
|
|
|
.content_da8ac7 {
|
|
width: 100%
|
|
}
|
|
|
|
.header_da8ac7 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-4);
|
|
margin-bottom: var(--space-4)
|
|
}
|
|
|
|
.headerIcon_da8ac7 {
|
|
border-radius: var(--radius-xs);
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.details_da8ac7 {
|
|
align-self: center;
|
|
display: flex;
|
|
flex: 1;
|
|
gap: var(--space-24);
|
|
min-width: 0
|
|
}
|
|
|
|
.text_da8ac7 {
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
.giftMessage_da8ac7,.text_da8ac7 {
|
|
display: flex;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.giftMessage_da8ac7 {
|
|
align-items: center
|
|
}
|
|
|
|
.giftAvatar_da8ac7 {
|
|
border-radius: var(--radius-round);
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.priceContainer_da8ac7 {
|
|
align-items: flex-end;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.currentPrice_da8ac7 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-4);
|
|
white-space: nowrap
|
|
}
|
|
|
|
.originalPrice_da8ac7 {
|
|
text-decoration: line-through;
|
|
-webkit-text-decoration-skip-ink: none;
|
|
text-decoration-skip-ink: none;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.icon_da8ac7 {
|
|
align-items: center;
|
|
align-self: flex-start;
|
|
aspect-ratio: 1/1;
|
|
background: var(--background-mod-subtle);
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
height: 64px;
|
|
justify-content: center;
|
|
overflow: clip;
|
|
position: relative;
|
|
width: 64px
|
|
}
|
|
|
|
.icon_da8ac7 .expressiveGradient_da8ac7,.icon_da8ac7 .nitroCredit_da8ac7 {
|
|
align-items: center;
|
|
display: flex;
|
|
inset: 0;
|
|
justify-content: center;
|
|
position: absolute
|
|
}
|
|
|
|
.icon_da8ac7 .nitroCredit_da8ac7 {
|
|
background: linear-gradient(322deg,#e978e6 6.26%,#2f3ebb 79.77%)
|
|
}
|
|
|
|
.icon_da8ac7 .nitroCredit_da8ac7 svg {
|
|
filter: drop-shadow(0 4px 10px var(--shadow-low-hover))
|
|
}
|
|
|
|
.container_e7911b {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-16)
|
|
}
|
|
|
|
.container__33980 {
|
|
display: flex;
|
|
gap: 8px;
|
|
margin-top: 20px
|
|
}
|
|
|
|
.iconBackground__33980 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: var(--radius-round);
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 8px
|
|
}
|
|
|
|
.link__33980 {
|
|
cursor: pointer;
|
|
display: inline;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.pricePerInterval_b39acb {
|
|
color: var(--interactive-text-default);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-normal);
|
|
line-height: 20px
|
|
}
|
|
|
|
.pricePerInterval_b39acb strong {
|
|
color: var(--interactive-text-active);
|
|
font-size: 24px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 30px
|
|
}
|
|
|
|
.activeFractionalPremiumBannerContainer__0687d {
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 16px;
|
|
margin-top: 5px;
|
|
min-height: 48px;
|
|
padding-inline:20px;padding-bottom: 10px;
|
|
padding-top: 10px;
|
|
position: relative
|
|
}
|
|
|
|
.theme-light .activeFractionalPremiumBannerContainer__0687d {
|
|
background: linear-gradient(90deg,rgba(133,71,198,.4),rgba(184,69,193,.4) 50.24%,rgba(171,93,138,.4))
|
|
}
|
|
|
|
.theme-dark .activeFractionalPremiumBannerContainer__0687d {
|
|
background: linear-gradient(90deg,rgba(133,71,198,.5),rgba(184,69,193,.5) 50.24%,rgba(171,93,138,.5))
|
|
}
|
|
|
|
.activeFractionalPremiumBannerBackgroundImage__0687d {
|
|
background-image: url(/assets/bb502dc7cfcbbacc.svg);
|
|
background-repeat: no-repeat;
|
|
bottom: 0;
|
|
position: absolute;
|
|
top: 40%;
|
|
inset-inline: 78% 0
|
|
}
|
|
|
|
.nitroIconContainer__0687d {
|
|
height: 28px;
|
|
padding-inline-end:12px;width: 28px
|
|
}
|
|
|
|
.theme-light .iconFractional__0687d {
|
|
display: none
|
|
}
|
|
|
|
.theme-light .iconFractionalDark__0687d {
|
|
filter: drop-shadow(0 1px 2px rgb(0 0 0/.4));
|
|
height: 28px;
|
|
width: 28px
|
|
}
|
|
|
|
.theme-dark .iconFractional__0687d {
|
|
filter: drop-shadow(0 1px 2px rgb(0 0 0/.4));
|
|
height: 28px;
|
|
width: 28px
|
|
}
|
|
|
|
.theme-dark .iconFractionalDark__0687d {
|
|
display: none
|
|
}
|
|
|
|
.premiumBrandRefreshContainer__0687d {
|
|
align-items: center;
|
|
background-color: var(--background-surface-highest);
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 16px;
|
|
margin-top: 5px;
|
|
padding: var(--space-8);
|
|
position: relative
|
|
}
|
|
|
|
.premiumBrandRefreshIcon__0687d {
|
|
margin-inline-end:var(--space-12)}
|
|
|
|
.trialForAllHeader__0687d {
|
|
padding-bottom: 12px
|
|
}
|
|
|
|
.trialForAllSeparator__0687d {
|
|
background: var(--border-subtle);
|
|
border: 0;
|
|
height: 1px;
|
|
margin: 0 0 4px;
|
|
width: 100%
|
|
}
|
|
|
|
:where(.contentImage__42bf5) {
|
|
border-radius: var(--radius-xs);
|
|
-o-object-fit: contain;
|
|
object-fit: contain
|
|
}
|
|
|
|
.imageWrapper_af017a {
|
|
border-radius: 3px;
|
|
display: block;
|
|
overflow: hidden;
|
|
position: relative;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.clickableWrapper_af017a,.loadingOverlay_af017a {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.imageWrapperBackground_af017a {
|
|
background: var(--opacity-black-4)
|
|
}
|
|
|
|
.imagePlaceholder_af017a {
|
|
background: var(--background-gradient-chat,var(--background-base-low));
|
|
display: block;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.imageErrorWrapper_af017a {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.imageError_af017a {
|
|
flex-basis: content;
|
|
max-height: 100%;
|
|
max-width: 200px;
|
|
width: 100%
|
|
}
|
|
|
|
.imageLoadingOverlay_af017a {
|
|
background-color: var(--opacity-black-48);
|
|
border-radius: 100%;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
height: 24px;
|
|
inset-inline-end: 0;
|
|
margin: 4px;
|
|
overflow: hidden;
|
|
padding: 3px;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 24px
|
|
}
|
|
|
|
.cornerLoadingSpinner_af017a {
|
|
height: 100%;
|
|
opacity: .75;
|
|
width: 100%
|
|
}
|
|
|
|
.theme-dark .cornerLoadingSpinner_af017a circle,.theme-light .cornerLoadingSpinner_af017a circle {
|
|
stroke: var(--white)
|
|
}
|
|
|
|
.imageAccessory_af017a {
|
|
inset-inline-start: 6px;
|
|
position: absolute;
|
|
top: 6px;
|
|
z-index: 3
|
|
}
|
|
|
|
.imageZoom_af017a {
|
|
cursor: nesw-resize;
|
|
cursor: zoom-in
|
|
}
|
|
|
|
.clickable_af017a {
|
|
cursor: pointer
|
|
}
|
|
|
|
.originalLink_af017a {
|
|
inset: 0;
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
.imageClickable_af017a {
|
|
border-radius: inherit
|
|
}
|
|
|
|
.background-opacity-low .imageWrapper_af017a,.background-opacity-medium .imageWrapper_af017a {
|
|
opacity: .6
|
|
}
|
|
|
|
.overlay-unlocked .imageWrapper_af017a {
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .originalLink_af017a {
|
|
border: 2px solid ButtonText
|
|
}
|
|
|
|
.gifTag_f60819 {
|
|
background-image: url(/assets/9811b405dc8e999f.svg);
|
|
height: 22px;
|
|
width: 29px
|
|
}
|
|
|
|
.fontCode__230d2 {
|
|
font-family: var(--font-code)
|
|
}
|
|
|
|
.bold__230d2 {
|
|
font-weight: 700
|
|
}
|
|
|
|
.inlineTimestamp__230d2 {
|
|
display: inline
|
|
}
|
|
|
|
.badgeContainer__635ed {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
gap: 4px;
|
|
max-width: 100%;
|
|
overflow: hidden
|
|
}
|
|
|
|
.badgeContainer__635ed svg {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.badgeLabel__635ed {
|
|
overflow-x: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
:where(.badgesContainer__635ed) {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0 8px
|
|
}
|
|
|
|
:where(.badgesContainer__635ed):empty {
|
|
display: none
|
|
}
|
|
|
|
.badgesContainerCard__635ed>:nth-child(n+3) {
|
|
display: none
|
|
}
|
|
|
|
.badgesContainerCard__635ed>:nth-child(2) {
|
|
flex-shrink: 1
|
|
}
|
|
|
|
.badgesContainerGameProfile__635ed,.badgesContainerPopout__635ed {
|
|
flex-wrap: wrap;
|
|
row-gap: 4px
|
|
}
|
|
|
|
.appWidgetPreviewIcon__635ed {
|
|
display: inline-block;
|
|
height: 1lh;
|
|
vertical-align: bottom;
|
|
width: 1lh
|
|
}
|
|
|
|
.container__0f2e8 {
|
|
--custom-content-card-padding: 8px;
|
|
align-items: center;
|
|
background: var(--background-gradient-high,var(--background-surface-high));
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-md);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: flex;
|
|
gap: 8px;
|
|
justify-content: space-between;
|
|
margin-inline-start:8px;margin-top: 8px;
|
|
max-height: 120px;
|
|
max-width: calc(var(--custom-member-list-width) - 16px);
|
|
padding: var(--custom-content-card-padding);
|
|
position: relative
|
|
}
|
|
|
|
.container__0f2e8:hover {
|
|
background: var(--background-gradient-higher,var(--interactive-background-hover))
|
|
}
|
|
|
|
.container__0f2e8:hover .contentTitle__0f2e8 {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.container__0f2e8:hover .reply__0f2e8 {
|
|
opacity: 1
|
|
}
|
|
|
|
.container__0f2e8:hover .additionalParticipantBadge__0f2e8 {
|
|
background: var(--background-gradient-high,var(--background-mod-muted))
|
|
}
|
|
|
|
.usesCardRows__0f2e8 {
|
|
flex-direction: column
|
|
}
|
|
|
|
.cardRow__0f2e8 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
.openOnHover__0f2e8 {
|
|
cursor: auto
|
|
}
|
|
|
|
.reply__0f2e8 {
|
|
align-items: center;
|
|
background: var(--background-base-low);
|
|
border: 1px solid var(--background-base-lower);
|
|
border-radius: var(--radius-xs);
|
|
display: flex;
|
|
height: 24px;
|
|
inset-inline-end: 8px;
|
|
justify-content: center;
|
|
margin: auto;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 4px;
|
|
width: 24px
|
|
}
|
|
|
|
.reply__0f2e8:hover .icon__0f2e8 {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.icon__0f2e8 {
|
|
color: var(--interactive-text-default);
|
|
display: block;
|
|
height: 16px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain
|
|
}
|
|
|
|
.selected__0f2e8,.selected__0f2e8:hover {
|
|
background-color: var(--interactive-background-selected)
|
|
}
|
|
|
|
.selected__0f2e8 .contentDescription__0f2e8 {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.infoSection__0f2e8 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin-bottom: -2px;
|
|
min-width: 0
|
|
}
|
|
|
|
.userSection__0f2e8 {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-bottom: 2px
|
|
}
|
|
|
|
.userName__0f2e8 {
|
|
color: var(--channels-default);
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858;
|
|
max-width: 85%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.userName__0f2e8.fontScaling__0f2e8 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.facePile__0f2e8 {
|
|
display: flex;
|
|
margin-inline-end:6px}
|
|
|
|
.facePileItem__0f2e8:not(:first-child) {
|
|
margin-inline-start:-3px}
|
|
|
|
.additionalParticipantBadge__0f2e8 {
|
|
background: var(--background-mod-subtle);
|
|
border-radius: 8px;
|
|
margin-inline-start:4px;padding-block:2.25px 2.5px;padding-inline:4.2px 4.4px}
|
|
|
|
.additionalParticipantBadgeText__0f2e8 {
|
|
line-height: 10px
|
|
}
|
|
|
|
img.thumbnail__0f2e8 {
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 48px
|
|
}
|
|
|
|
.divider__0f2e8 {
|
|
background-color: var(--background-mod-subtle);
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
.nowrap__5db79 {
|
|
white-space: nowrap
|
|
}
|
|
|
|
.icon_b75563 {
|
|
height: 1em;
|
|
margin-bottom: .2rem;
|
|
margin-inline-end:var(--space-4);vertical-align: middle;
|
|
width: 1em
|
|
}
|
|
|
|
.name_b75563 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.channelWithIcon_b75563 .iconMentionText_b75563 {
|
|
gap: 0!important
|
|
}
|
|
|
|
.icon_d2d51d {
|
|
display: inline-block;
|
|
margin-inline-end:3px;margin-bottom: .2rem;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.textIcon_d2d51d {
|
|
font-size: .5rem!important;
|
|
height: 1.05rem;
|
|
line-height: 1.05rem!important;
|
|
width: 1.05rem
|
|
}
|
|
|
|
.imageIcon_d2d51d {
|
|
height: 1em;
|
|
width: 1em
|
|
}
|
|
|
|
.name_d2d51d {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.wrapper_f61d60 {
|
|
background: var(--mention-background);
|
|
border-radius: 3px;
|
|
color: var(--mention-foreground);
|
|
font-weight: var(--font-weight-medium);
|
|
padding: 0 2px;
|
|
unicode-bidi: plaintext
|
|
}
|
|
|
|
.theme-dark.low-contrast .wrapper_f61d60 {
|
|
background: var(--brand-05a);
|
|
color: var(--brand-300)
|
|
}
|
|
|
|
.interactive {
|
|
cursor: pointer;
|
|
transition: background-color 50ms ease-out,color 50ms ease-out
|
|
}
|
|
|
|
.interactive:hover {
|
|
background-color: var(--brand-500);
|
|
color: var(--white)
|
|
}
|
|
|
|
.icon_c76ab6 {
|
|
height: .5em;
|
|
margin-inline:4px 2px;margin-bottom: 1px;
|
|
width: .5em
|
|
}
|
|
|
|
.icon__3173f {
|
|
height: .95rem;
|
|
padding-inline-start:4px;position: relative;
|
|
top: 2px;
|
|
width: .95rem
|
|
}
|
|
|
|
.overflow_b0dfc2 {
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.root,[data-popout-root],:root {
|
|
--__spoiler-background-color--hidden: var(--spoiler-hidden-background);
|
|
--__spoiler-background-color--hidden--hover: var(--spoiler-hidden-background-hover);
|
|
--__spoiler-background-color--revealed: var(--background-mod-subtle);
|
|
--__spoiler-text-color--hidden: transparent;
|
|
--__spoiler-warning-text-color: var(--primary-200);
|
|
--__spoiler-warning-text-color--hover: var(--white);
|
|
--__spoiler-warning-background-color: var(--opacity-black-60);
|
|
--__spoiler-warning-background-color--hover: var(--opacity-black-88);
|
|
--__spoiler-container-box-shadow-color: var(--opacity-black-8);
|
|
--__obscured-background-blur-radius: 40px;
|
|
--__obscured-background-brightness: 0.55
|
|
}
|
|
|
|
.enable-forced-colors.enable-forced-colors.enable-forced-colors {
|
|
--__spoiler-background-color--hidden: ButtonFace;
|
|
--__spoiler-background-color--hidden--hover: ButtonFace;
|
|
--__spoiler-background-color--revealed: transparent;
|
|
--__spoiler-text-color--hidden: ButtonFace;
|
|
--__spoiler-border-color--hidden: CanvasText;
|
|
--__spoiler-border-color--hidden--hover: ButtonText;
|
|
--__spoiler-border-color--revealed: CanvasText;
|
|
--__spoiler-warning-text-color: CanvasText;
|
|
--__spoiler-warning-text-color--hover: CanvasText;
|
|
--__spoiler-warning-background-color: Canvas;
|
|
--__spoiler-warning-background-color--hover: Canvas;
|
|
--__spoiler-container-box-shadow-color: transparent
|
|
}
|
|
|
|
.spoilerContent__299eb {
|
|
--__current--spoiler-content-opacity: 1;
|
|
--__current--spoiler-background-color: var(--__spoiler-background-color--revealed);
|
|
--__current--spoiler-border-color: var(--__spoiler-border-color--revealed);
|
|
--__current--spoiler-pointer-events: all
|
|
}
|
|
|
|
.spoilerContent__299eb.hidden__299eb {
|
|
--__current--spoiler-content-opacity: 0;
|
|
--__current--spoiler-text-color: var(--__spoiler-text-color--hidden);
|
|
--__current--spoiler-background-color: var(--__spoiler-background-color--hidden);
|
|
--__current--spoiler-border-color: var(--__spoiler-border-color--hidden);
|
|
--__current--spoiler-pointer-events: none;
|
|
--__current--spoiler-warning-text-color: var(--__spoiler-warning-text-color);
|
|
--__current--spoiler-warning-background-color: var(--__spoiler-warning-background-color)
|
|
}
|
|
|
|
.spoilerContent__299eb.hidden__299eb:hover {
|
|
--__current--spoiler-background-color: var(--__spoiler-background-color--hidden--hover);
|
|
--__current--spoiler-border-color: var(--__spoiler-border-color--hidden--hover);
|
|
--__current--spoiler-warning-text-color: var(--__spoiler-warning-text-color--hover);
|
|
--__current--spoiler-warning-background-color: var(--__spoiler-warning-background-color--hover)
|
|
}
|
|
|
|
.spoilerContent__299eb.hidden__299eb.opaque__299eb {
|
|
--__obscured-background-brightness: 0;
|
|
--__obscured-background-blur-radius: 500px
|
|
}
|
|
|
|
.spoilerContent__299eb.hidden__299eb.opaque__299eb:hover {
|
|
--__current--spoiler-background-color: var(--__spoiler-background-color--hidden);
|
|
--__current--spoiler-border-color: var(--__spoiler-border-color--hidden);
|
|
--__current--spoiler-warning-text-color: var(--__spoiler-warning-text-color);
|
|
--__current--spoiler-warning-background-color: var(--__spoiler-warning-background-color)
|
|
}
|
|
|
|
.spoilerContainer__299eb {
|
|
background-color: var(--__current--spoiler-background-color);
|
|
filter: blur(0);
|
|
position: relative
|
|
}
|
|
|
|
.spoilerContainer__299eb.embedContainer__299eb {
|
|
border-radius: var(--radius-xs)
|
|
}
|
|
|
|
.spoilerContainer__299eb.attachmentContainer__299eb {
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.spoilerContainer__299eb.hiddenSpoiler__299eb {
|
|
cursor: pointer
|
|
}
|
|
|
|
.spoilerContainer__299eb.hidden__299eb {
|
|
overflow: hidden
|
|
}
|
|
|
|
.spoilerContainer__299eb.hidden__299eb article {
|
|
background-color: var(--__current--spoiler-background-color);
|
|
border-color: var(--__current--spoiler-background-color)
|
|
}
|
|
|
|
.spoilerContainer__299eb.hidden__299eb:not(:focus) {
|
|
box-shadow: .5px .5px 1px 1px var(--__spoiler-container-box-shadow-color)
|
|
}
|
|
|
|
.enable-forced-colors .spoilerContainer__299eb {
|
|
border: 1px solid var(--__current--spoiler-border-color)
|
|
}
|
|
|
|
.enable-forced-colors .spoilerContainer__299eb article {
|
|
border-color: var(--__current--spoiler-border-color)
|
|
}
|
|
|
|
.spoilerInnerContainer__299eb {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.obscureWarning__299eb {
|
|
align-items: center;
|
|
color: var(--__current--spoiler-warning-text-color);
|
|
display: flex;
|
|
flex-direction: column;
|
|
inset-inline-start: 50%;
|
|
padding: 8px 12px;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
z-index: 1
|
|
}
|
|
|
|
.constrainedObscureContent__299eb {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
min-height: 212px;
|
|
min-width: 146px
|
|
}
|
|
|
|
.explicitContentWarning__299eb {
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.explicitContentWarningText__299eb {
|
|
margin-top: var(--space-4)
|
|
}
|
|
|
|
.spoilerWarning__299eb {
|
|
background-color: var(--__current--spoiler-warning-background-color);
|
|
border-radius: 20px;
|
|
cursor: pointer;
|
|
font-size: 15px;
|
|
font-weight: var(--font-weight-semibold);
|
|
letter-spacing: .5px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.spoilerWarning__299eb.embed__299eb {
|
|
margin-inline-start:4px}
|
|
|
|
.spoilerMarkdownContent__299eb {
|
|
background-color: var(--__current--spoiler-background-color);
|
|
border-radius: var(--radius-xs);
|
|
-webkit-box-decoration-break: clone;
|
|
box-decoration-break: clone;
|
|
transition: background-color .2s ease
|
|
}
|
|
|
|
.spoilerMarkdownContent__299eb.hidden__299eb {
|
|
cursor: pointer
|
|
}
|
|
|
|
.spoilerMarkdownContent__299eb.hidden__299eb .obscuredBlockContent__299eb,.spoilerMarkdownContent__299eb.hidden__299eb .obscuredTextContent__299eb {
|
|
cursor: pointer;
|
|
pointer-events: none
|
|
}
|
|
|
|
.enable-forced-colors .obscuredTextContent__299eb {
|
|
border: 1px solid var(--__current--spoiler-border-color);
|
|
border-radius: var(--radius-xs);
|
|
-webkit-box-decoration-break: clone;
|
|
box-decoration-break: clone;
|
|
padding: 0 2px
|
|
}
|
|
|
|
.obscuredTextContentInner__299eb {
|
|
color: var(--__current--spoiler-text-color)
|
|
}
|
|
|
|
.obscuredTextContentInner__299eb code,.obscuredTextContentInner__299eb span {
|
|
opacity: var(--__current--spoiler-content-opacity);
|
|
transition: opacity .1s ease
|
|
}
|
|
|
|
.enable-forced-colors .spoilerMarkdownContent__299eb a {
|
|
background-color: var(--__current--spoiler-background-color)
|
|
}
|
|
|
|
.spoilerMarkdownContent__299eb blockquote {
|
|
color: var(--__current--spoiler-text-color);
|
|
pointer-events: all;
|
|
position: relative
|
|
}
|
|
|
|
.spoilerMarkdownContent__299eb blockquote:before {
|
|
background-color: var(--__current--spoiler-background-color);
|
|
border-radius: var(--radius-xs);
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.enable-forced-colors .spoilerMarkdownContent__299eb blockquote:before {
|
|
border: 1px solid var(--__current--spoiler-border-color)
|
|
}
|
|
|
|
.spoilerMarkdownContent__299eb pre {
|
|
pointer-events: all;
|
|
position: relative
|
|
}
|
|
|
|
.spoilerMarkdownContent__299eb pre:before {
|
|
background-color: var(--__current--spoiler-background-color);
|
|
border-radius: var(--radius-xs);
|
|
color: var(--__current--spoiler-text-color);
|
|
content: "";
|
|
height: 100%;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.enable-forced-colors .spoilerMarkdownContent__299eb pre:before {
|
|
border: 1px solid var(--__current--spoiler-border-color)
|
|
}
|
|
|
|
.spoilerMarkdownContent__299eb pre code {
|
|
opacity: var(--__current--spoiler-content-opacity)
|
|
}
|
|
|
|
.spoilerMarkdownContent__299eb ol li::marker,.spoilerMarkdownContent__299eb ul li::marker {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.spoilerMarkdownContent__299eb h1>span,.spoilerMarkdownContent__299eb h2>span,.spoilerMarkdownContent__299eb h3>span,.spoilerMarkdownContent__299eb h4>span,.spoilerMarkdownContent__299eb h5>span,.spoilerMarkdownContent__299eb ol li>span,.spoilerMarkdownContent__299eb small>span,.spoilerMarkdownContent__299eb ul li>span {
|
|
background: var(--__current--spoiler-background-color);
|
|
border-radius: var(--radius-xs);
|
|
-webkit-box-decoration-break: clone;
|
|
box-decoration-break: clone;
|
|
color: var(--__current--spoiler-text-color)!important;
|
|
opacity: 1!important;
|
|
pointer-events: all
|
|
}
|
|
|
|
.enable-forced-colors .spoilerMarkdownContent__299eb h1>span,.enable-forced-colors .spoilerMarkdownContent__299eb h2>span,.enable-forced-colors .spoilerMarkdownContent__299eb h3>span,.enable-forced-colors .spoilerMarkdownContent__299eb h4>span,.enable-forced-colors .spoilerMarkdownContent__299eb h5>span,.enable-forced-colors .spoilerMarkdownContent__299eb ol li>span,.enable-forced-colors .spoilerMarkdownContent__299eb small>span,.enable-forced-colors .spoilerMarkdownContent__299eb ul li>span {
|
|
border: 1px solid var(--__current--spoiler-border-color)
|
|
}
|
|
|
|
.spoilerMarkdownContent__299eb h1>span>span,.spoilerMarkdownContent__299eb h2>span>span,.spoilerMarkdownContent__299eb h3>span>span,.spoilerMarkdownContent__299eb h4>span>span,.spoilerMarkdownContent__299eb h5>span>span,.spoilerMarkdownContent__299eb ol li>span>span,.spoilerMarkdownContent__299eb small>span>span,.spoilerMarkdownContent__299eb ul li>span>span {
|
|
pointer-events: var(--__current--spoiler-pointer-events)
|
|
}
|
|
|
|
.obscureButtonContainer__299eb {
|
|
bottom: var(--space-4);
|
|
inset-inline-end: var(--space-4);
|
|
position: absolute;
|
|
transition: bottom .2s ease-in-out;
|
|
z-index: 1
|
|
}
|
|
|
|
.obscureHoverButton__299eb {
|
|
background-color: rgba(0,0,0,.6);
|
|
border-radius: var(--radius-sm);
|
|
color: var(--white);
|
|
cursor: pointer;
|
|
display: flex;
|
|
padding: var(--space-4);
|
|
transition: background-color .2s ease-in-out
|
|
}
|
|
|
|
.obscureHoverButton__299eb:hover {
|
|
background-color: rgba(0,0,0,.8);
|
|
transition: background-color .2s ease-in-out
|
|
}
|
|
|
|
.obscureHoverButton__299eb:focus {
|
|
background-color: #000;
|
|
transition: background-color .2s ease-in-out
|
|
}
|
|
|
|
.obscureHoverButton__299eb:active {
|
|
background-color: var(--background-mod-normal);
|
|
transition: background-color .2s ease-in-out
|
|
}
|
|
|
|
.singleItemWrapper_ed6d69 {
|
|
width: 100%
|
|
}
|
|
|
|
.carousel_ed6d69,.singleItemWrapper_ed6d69 {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.carousel_ed6d69 {
|
|
display: flex;
|
|
position: relative
|
|
}
|
|
|
|
.item_ed6d69 {
|
|
flex: 1 0 100%
|
|
}
|
|
|
|
.singleItem_ed6d69 {
|
|
margin: 0 auto
|
|
}
|
|
|
|
.viewport_ed6d69 {
|
|
overflow: hidden
|
|
}
|
|
|
|
@keyframes fadeIn__5cd44 {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOut__5cd44 {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.base__5cd44 {
|
|
animation: fadeIn__5cd44 .15s ease-out 50ms forwards;
|
|
opacity: 0
|
|
}
|
|
|
|
.base__5cd44.hidden__5cd44:not(.focusSensitive__5cd44:focus-within) {
|
|
animation: fadeOut__5cd44 .15s ease-out forwards;
|
|
pointer-events: none
|
|
}
|
|
|
|
.horizontal_e03578 {
|
|
grid-column: 1/span 5;
|
|
grid-row: 2;
|
|
margin: 24px
|
|
}
|
|
|
|
.vertical_e03578 {
|
|
grid-column: 3;
|
|
grid-row: 1/span 3;
|
|
margin: 24px
|
|
}
|
|
|
|
.mediaArea_e03578 {
|
|
grid-column: 1/span 5;
|
|
grid-row: 1/span 3;
|
|
place-self: center
|
|
}
|
|
|
|
.controlIcon_f1ceac {
|
|
color: var(--interactive-text-default);
|
|
display: flex;
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.controlIcon_f1ceac.active_f1ceac,.controlIcon_f1ceac:hover {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.controlIcon_f1ceac.themeable_f1ceac {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.controlIcon_f1ceac.themeable_f1ceac.active_f1ceac,.controlIcon_f1ceac.themeable_f1ceac:hover {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.centerIcon_f1ceac {
|
|
color: var(--interactive-text-default);
|
|
display: flex;
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.centerIcon_f1ceac.active_f1ceac,.centerIcon_f1ceac:hover {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.centerIcon_f1ceac.themeable_f1ceac {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.centerIcon_f1ceac.themeable_f1ceac.active_f1ceac,.centerIcon_f1ceac.themeable_f1ceac:hover {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.colorable_f1ceac {
|
|
transition: background-color 50ms ease-in,color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in
|
|
}
|
|
|
|
.colorable_f1ceac:hover {
|
|
transition: background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out
|
|
}
|
|
|
|
.colorable_f1ceac.red_f1ceac,.colorable_f1ceac.red_f1ceac .centerIcon_f1ceac {
|
|
color: var(--red-400)
|
|
}
|
|
|
|
.colorable_f1ceac.red_f1ceac.active_f1ceac,.colorable_f1ceac.red_f1ceac:hover {
|
|
background: hsla(0,0%,100%,.1)
|
|
}
|
|
|
|
.colorable_f1ceac.disconnect_f1ceac {
|
|
background: var(--control-critical-primary-background-default);
|
|
transition: background .15s ease-in-out
|
|
}
|
|
|
|
.colorable_f1ceac.disconnect_f1ceac,.colorable_f1ceac.disconnect_f1ceac .centerIcon_f1ceac {
|
|
color: var(--control-critical-primary-text-default)
|
|
}
|
|
|
|
.colorable_f1ceac.disconnect_f1ceac:hover {
|
|
background: var(--control-critical-primary-background-hover)
|
|
}
|
|
|
|
.colorable_f1ceac.disconnect_f1ceac:active {
|
|
background: var(--control-critical-primary-background-active)
|
|
}
|
|
|
|
.colorable_f1ceac.redGlow_f1ceac {
|
|
background: var(--opacity-red-12)
|
|
}
|
|
|
|
.colorable_f1ceac.redGlow_f1ceac,.colorable_f1ceac.redGlow_f1ceac .centerIcon_f1ceac {
|
|
color: var(--red-400)
|
|
}
|
|
|
|
.colorable_f1ceac.redGlow_f1ceac:active {
|
|
background: var(--opacity-red-24)
|
|
}
|
|
|
|
.colorable_f1ceac.redGlow_f1ceac.popoutOpen_f1ceac,.colorable_f1ceac.redGlow_f1ceac:hover {
|
|
background: var(--opacity-red-16)
|
|
}
|
|
|
|
.colorable_f1ceac.primaryLight_f1ceac {
|
|
background: var(--primary-130)
|
|
}
|
|
|
|
.colorable_f1ceac.primaryLight_f1ceac,.colorable_f1ceac.primaryLight_f1ceac .centerIcon_f1ceac {
|
|
color: var(--primary-860)
|
|
}
|
|
|
|
.colorable_f1ceac.primaryLight_f1ceac.active_f1ceac,.colorable_f1ceac.primaryLight_f1ceac:hover {
|
|
background: var(--primary-230)
|
|
}
|
|
|
|
.colorable_f1ceac.white_f1ceac {
|
|
background: var(--white)
|
|
}
|
|
|
|
.colorable_f1ceac.white_f1ceac,.colorable_f1ceac.white_f1ceac .centerIcon_f1ceac {
|
|
color: var(--primary-860)
|
|
}
|
|
|
|
.colorable_f1ceac.white_f1ceac.active_f1ceac,.colorable_f1ceac.white_f1ceac:hover {
|
|
background: var(--primary-130)
|
|
}
|
|
|
|
.colorable_f1ceac.green_f1ceac {
|
|
background: var(--green-360)
|
|
}
|
|
|
|
.colorable_f1ceac.green_f1ceac,.colorable_f1ceac.green_f1ceac .centerIcon_f1ceac {
|
|
color: var(--white)
|
|
}
|
|
|
|
.colorable_f1ceac.green_f1ceac.active_f1ceac,.colorable_f1ceac.green_f1ceac:hover,.colorable_f1ceac.join_f1ceac {
|
|
background: var(--green-360)
|
|
}
|
|
|
|
.colorable_f1ceac.join_f1ceac,.colorable_f1ceac.join_f1ceac .centerIcon_f1ceac {
|
|
color: var(--white)
|
|
}
|
|
|
|
.colorable_f1ceac.join_f1ceac.active_f1ceac,.colorable_f1ceac.join_f1ceac:hover {
|
|
background: var(--green-360)
|
|
}
|
|
|
|
.colorable_f1ceac.greenGlow_f1ceac {
|
|
background: var(--opacity-green-12)
|
|
}
|
|
|
|
.colorable_f1ceac.greenGlow_f1ceac,.colorable_f1ceac.greenGlow_f1ceac .centerIcon_f1ceac {
|
|
color: var(--green-300)
|
|
}
|
|
|
|
.colorable_f1ceac.greenGlow_f1ceac:active {
|
|
background: var(--opacity-green-36)
|
|
}
|
|
|
|
.colorable_f1ceac.greenGlow_f1ceac.popoutOpen_f1ceac,.colorable_f1ceac.greenGlow_f1ceac:hover {
|
|
background: var(--opacity-green-24)
|
|
}
|
|
|
|
.colorable_f1ceac.premiumGradient_f1ceac {
|
|
background: linear-gradient(to right,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-purple-for-gradients-2),var(--premium-tier-2-pink-for-gradients))
|
|
}
|
|
|
|
.colorable_f1ceac.premiumGradient_f1ceac,.colorable_f1ceac.premiumGradient_f1ceac .centerIcon_f1ceac {
|
|
color: var(--white)
|
|
}
|
|
|
|
.colorable_f1ceac.yellow_f1ceac {
|
|
background: var(--yellow-400)
|
|
}
|
|
|
|
.colorable_f1ceac.yellow_f1ceac,.colorable_f1ceac.yellow_f1ceac .centerIcon_f1ceac {
|
|
color: var(--white)
|
|
}
|
|
|
|
.colorable_f1ceac.yellow_f1ceac.active_f1ceac,.colorable_f1ceac.yellow_f1ceac:hover {
|
|
background: var(--yellow-530)
|
|
}
|
|
|
|
.colorable_f1ceac.primaryDark_f1ceac,.colorable_f1ceac.primaryDark_f1ceac .centerIcon_f1ceac {
|
|
color: var(--white)
|
|
}
|
|
|
|
.colorable_f1ceac.primaryDark_f1ceac.active_f1ceac:not(.disabled_f1ceac),.colorable_f1ceac.primaryDark_f1ceac:hover:not(.disabled_f1ceac) {
|
|
background: hsla(0,0%,100%,.1)
|
|
}
|
|
|
|
.colorable_f1ceac.activeLight_f1ceac {
|
|
background: var(--white)
|
|
}
|
|
|
|
.colorable_f1ceac.activeLight_f1ceac,.colorable_f1ceac.activeLight_f1ceac .centerIcon_f1ceac {
|
|
color: var(--primary-860)
|
|
}
|
|
|
|
.colorable_f1ceac.activeLight_f1ceac.active_f1ceac:not(.disabled_f1ceac),.colorable_f1ceac.activeLight_f1ceac:hover:not(.disabled_f1ceac) {
|
|
background: var(--primary-230)
|
|
}
|
|
|
|
.buttonInnerWithText_f1ceac {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.centerButton_f1ceac {
|
|
border-radius: 8px;
|
|
padding: 10px;
|
|
position: static;
|
|
transition: background .15s ease-in-out,color .15s ease-in-out
|
|
}
|
|
|
|
.centerButton_f1ceac .centerIcon_f1ceac {
|
|
transition: color .15s ease-in-out
|
|
}
|
|
|
|
.attachedButton_f1ceac {
|
|
border-radius: 8px 0 0 8px
|
|
}
|
|
|
|
.fullRegionButton_f1ceac,.fullRegionDropdownButton_f1ceac {
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: 12px
|
|
}
|
|
|
|
.fullRegionDropdownButton_f1ceac {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 4px
|
|
}
|
|
|
|
.fullRegionDropdownButton_f1ceac.green_f1ceac,.fullRegionDropdownButton_f1ceac.join_f1ceac {
|
|
background-color: var(--green-360)
|
|
}
|
|
|
|
.fullRegionDropdownButton_f1ceac.disconnect_f1ceac {
|
|
background-color: var(--control-critical-primary-background-default)
|
|
}
|
|
|
|
.fullRegionIcon_f1ceac {
|
|
padding: 4px 12px
|
|
}
|
|
|
|
.buttonPremiumGlow_f1ceac {
|
|
filter: drop-shadow(0 0 12px #a944b0) drop-shadow(0 0 12px #a944b0)
|
|
}
|
|
|
|
@media (max-width: 456px) {
|
|
.centerButton_f1ceac {
|
|
padding:8px
|
|
}
|
|
|
|
.contextMenuContainer_f1ceac {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
@media (min-width: 457px) {
|
|
.unmasked_f1ceac {
|
|
display:none
|
|
}
|
|
}
|
|
|
|
.lineHeightReset_f1ceac {
|
|
line-height: 0
|
|
}
|
|
|
|
.contextMenuContainer_f1ceac {
|
|
position: relative
|
|
}
|
|
|
|
.attachedCaretButtonContainer_f1ceac {
|
|
align-items: center;
|
|
direction: row;
|
|
display: flex
|
|
}
|
|
|
|
.attachedCaretButtonContainer_f1ceac.popoutOpen_f1ceac .primaryDark_f1ceac,.attachedCaretButtonContainer_f1ceac:hover .primaryDark_f1ceac {
|
|
background-color: var(--background-mod-muted)
|
|
}
|
|
|
|
.attachedCaretButtonContainer_f1ceac.disabled_f1ceac {
|
|
background-color: transparent!important;
|
|
color: var(--text-muted)!important;
|
|
cursor: not-allowed!important;
|
|
pointer-events: none
|
|
}
|
|
|
|
.attachedCaretButtonContainer_f1ceac.disabled_f1ceac:hover {
|
|
background-color: transparent!important
|
|
}
|
|
|
|
.contextMenuNub_f1ceac {
|
|
align-items: center;
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 20px;
|
|
justify-content: center;
|
|
padding: 10px 2px;
|
|
transition: background .15s ease-in-out,color .15s ease-in-out;
|
|
width: 20px
|
|
}
|
|
|
|
.contextMenuNub_f1ceac.disabled_f1ceac {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.contextMenuNub_f1ceac.attachedCaret_f1ceac {
|
|
border-radius: 0 8px 8px 0;
|
|
margin-inline-start:1px;padding: 10px 0
|
|
}
|
|
|
|
.contextMenuCaret_f1ceac {
|
|
cursor: pointer;
|
|
height: 16px;
|
|
transition: none;
|
|
width: 16px
|
|
}
|
|
|
|
.contextMenuCaret_f1ceac.disabled_f1ceac {
|
|
color: var(--interactive-text-default)!important;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.contextMenuCaret_f1ceac.open_f1ceac {
|
|
transform: rotateX(180deg)
|
|
}
|
|
|
|
.enable-forced-colors .contextMenuNub_f1ceac,.enable-forced-colors .contextMenuNub_f1ceac:hover {
|
|
background-color: ButtonFace;
|
|
border: 1px solid Canvas;
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .contextMenuNub_f1ceac.active_f1ceac {
|
|
background-color: HighlightText;
|
|
border-color: Highlight;
|
|
color: Highlight
|
|
}
|
|
|
|
.buttonMask_f1ceac {
|
|
height: inherit;
|
|
width: inherit
|
|
}
|
|
|
|
.glow_f1ceac {
|
|
height: 190%;
|
|
inset-inline-start: 50%;
|
|
opacity: 1;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 190%
|
|
}
|
|
|
|
.glow_f1ceac,.glowVideo_f1ceac {
|
|
pointer-events: none
|
|
}
|
|
|
|
.glowVideo_f1ceac {
|
|
height: 100%;
|
|
-o-object-fit: fill;
|
|
object-fit: fill;
|
|
width: 100%
|
|
}
|
|
|
|
.mediaBarInteraction_b26b79,.mediaBarInteractionDragging_b26b79 {
|
|
align-items: center;
|
|
align-self: stretch;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
margin: 0 7px;
|
|
position: relative
|
|
}
|
|
|
|
.mediaBarInteraction_b26b79:hover .mediaBarWrapper_b26b79,.mediaBarInteractionDragging_b26b79:hover .mediaBarWrapper_b26b79 {
|
|
box-shadow: 0 1px 1px var(--opacity-black-28)
|
|
}
|
|
|
|
.mediaBarInteraction_b26b79:hover .bubble_b26b79,.mediaBarInteractionDragging_b26b79:hover .bubble_b26b79 {
|
|
opacity: 1
|
|
}
|
|
|
|
.mediaBarInteraction_b26b79:hover .mediaBarGrabber_b26b79 {
|
|
background-color: var(--brand-560);
|
|
transform: scale(1)
|
|
}
|
|
|
|
.mediaBarInteraction_b26b79:hover .mediaBarPreview_b26b79 {
|
|
opacity: .3
|
|
}
|
|
|
|
.mediaBarInteraction_b26b79:hover .bubble_b26b79,.mediaBarInteractionDragging_b26b79 .bubble_b26b79 {
|
|
opacity: 1
|
|
}
|
|
|
|
.mediaBarInteractionDragging_b26b79 .mediaBarGrabber_b26b79 {
|
|
background-color: var(--brand-560);
|
|
transform: scale(1)
|
|
}
|
|
|
|
.mediaBarInteractionVolume_b26b79 {
|
|
align-self: center;
|
|
background-color: var(--opacity-black-68);
|
|
border-radius: 8px;
|
|
flex: none;
|
|
margin-block:0;margin-inline:0 4px;padding: 4px 8px;
|
|
width: 72px
|
|
}
|
|
|
|
.vertical_b26b79 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 54px;
|
|
transform: rotate(-90deg);
|
|
transform-origin: top;
|
|
width: 140px
|
|
}
|
|
|
|
.horizontal_b26b79 {
|
|
align-self: stretch;
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
|
|
.fakeEdges_b26b79 {
|
|
position: relative
|
|
}
|
|
|
|
.fakeEdges_b26b79:after,.fakeEdges_b26b79:before {
|
|
content: "";
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 3px;
|
|
z-index: 1
|
|
}
|
|
|
|
.fakeEdges_b26b79:before {
|
|
border-radius: 3px 0 0 3px;
|
|
inset-inline-start: -3px
|
|
}
|
|
|
|
.fakeEdges_b26b79:after {
|
|
border-radius: 0 3px 3px 0;
|
|
inset-inline-end: -3px
|
|
}
|
|
|
|
.buffer_b26b79 {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
opacity: .3;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.buffer_b26b79,.buffer_b26b79:after,.buffer_b26b79:before {
|
|
background-color: var(--white)
|
|
}
|
|
|
|
.mediaBarWrapper_b26b79 {
|
|
flex: 1 1 auto;
|
|
height: 6px;
|
|
position: relative
|
|
}
|
|
|
|
.mediaBarWrapper_b26b79,.mediaBarWrapper_b26b79:after,.mediaBarWrapper_b26b79:before {
|
|
background-color: hsl(var(--primary-300-hsl)/.3)
|
|
}
|
|
|
|
.mediaBarWrapperVolume_b26b79 {
|
|
display: flex;
|
|
flex: none;
|
|
justify-content: center;
|
|
width: 72px
|
|
}
|
|
|
|
.mediaBarPreview_b26b79,.mediaBarProgress_b26b79 {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.mediaBarPreview_b26b79,.mediaBarProgress_b26b79 {
|
|
}
|
|
|
|
.mediaBarPreview_b26b79 {
|
|
opacity: 0;
|
|
z-index: 0
|
|
}
|
|
|
|
.mediaBarPreview_b26b79,.mediaBarPreview_b26b79:after,.mediaBarPreview_b26b79:before {
|
|
background-color: var(--white)
|
|
}
|
|
|
|
.mediaBarProgress_b26b79 {
|
|
z-index: 3
|
|
}
|
|
|
|
.mediaBarGrabber_b26b79,.mediaBarProgress_b26b79,.mediaBarProgress_b26b79:after,.mediaBarProgress_b26b79:before {
|
|
background-color: var(--brand-500)
|
|
}
|
|
|
|
.mediaBarGrabber_b26b79 {
|
|
border-radius: 5px;
|
|
cursor: grab;
|
|
height: 10px;
|
|
inset-inline-end: 0;
|
|
margin-top: -5px;
|
|
margin-inline-end:-5px;position: absolute;
|
|
top: 50%;
|
|
transform: scale(0);
|
|
transform-origin: 50% 50%;
|
|
width: 10px;
|
|
z-index: 2
|
|
}
|
|
|
|
.full-motion .mediaBarGrabber_b26b79 {
|
|
transition: transform .25s ease-in-out,background-color .25s linear
|
|
}
|
|
|
|
.bubble_b26b79 {
|
|
background-color: var(--black);
|
|
border-radius: 3px;
|
|
color: var(--primary-100);
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-semibold);
|
|
height: 18px;
|
|
line-height: 18px;
|
|
opacity: 0;
|
|
padding: 0 8px;
|
|
text-align: center;
|
|
top: -28px;
|
|
transform: translateX(-50%);
|
|
transition: opacity .2s ease-out;
|
|
width: auto
|
|
}
|
|
|
|
.bubble_b26b79,.bubble_b26b79:before {
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.bubble_b26b79:before {
|
|
border: 5px solid transparent;
|
|
border-top: 5px solid var(--black);
|
|
content: " ";
|
|
height: 0;
|
|
inset-inline-start: 50%;
|
|
margin-inline-start:-5px;top: 100%;
|
|
width: 0
|
|
}
|
|
|
|
.enable-forced-colors .mediaBarGrabber_b26b79,.enable-forced-colors .mediaBarProgress_b26b79 {
|
|
background-color: ButtonText!important
|
|
}
|
|
|
|
.enable-forced-colors .mediaBarInteractionVolume_b26b79 {
|
|
background-color: ButtonFace
|
|
}
|
|
|
|
.cover__6eb54 {
|
|
align-items: center;
|
|
display: flex;
|
|
inset: 0;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.cover__6eb54.active__6eb54 {
|
|
cursor: pointer;
|
|
pointer-events: auto
|
|
}
|
|
|
|
.cover__6eb54.active__6eb54:hover .iconWrapper__6eb54 {
|
|
opacity: .8
|
|
}
|
|
|
|
.cover__6eb54.active__6eb54:active .iconWrapper__6eb54 {
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.iconWrapper__6eb54 {
|
|
background-color: var(--black);
|
|
border-radius: 24px;
|
|
color: var(--white);
|
|
opacity: .6;
|
|
padding: 12px;
|
|
transition: opacity .25s,color .25s
|
|
}
|
|
|
|
.icon__6eb54 {
|
|
display: block;
|
|
height: 24px;
|
|
margin-inline:1px -1px;width: 24px
|
|
}
|
|
|
|
.enable-forced-colors .iconWrapper__6eb54 {
|
|
background-color: ButtonFace;
|
|
color: ButtonText;
|
|
opacity: 1
|
|
}
|
|
|
|
.wrapper__926d7 {
|
|
background-color: var(--opacity-black-60);
|
|
border-radius: 24px;
|
|
box-sizing: border-box;
|
|
color: var(--white);
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
height: 48px;
|
|
padding: 12px;
|
|
pointer-events: none
|
|
}
|
|
|
|
.wrapper__926d7 a:link,.wrapper__926d7 a:visited {
|
|
color: var(--white)!important;
|
|
cursor: pointer;
|
|
display: block;
|
|
pointer-events: auto
|
|
}
|
|
|
|
.iconWrapper__926d7 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
opacity: .6;
|
|
pointer-events: auto;
|
|
transition: opacity .25s,color .25s
|
|
}
|
|
|
|
.disableInteractions__926d7 .iconWrapper__926d7,.disableInteractions__926d7 a:link,.disableInteractions__926d7 a:visited {
|
|
pointer-events: none
|
|
}
|
|
|
|
.iconWrapperActive__926d7 {
|
|
}
|
|
|
|
.iconWrapperActive__926d7:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.iconWrapperActive__926d7:active {
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.text__926d7 {
|
|
font-size: 16px;
|
|
padding-inline-start:4px}
|
|
|
|
.icon__926d7 {
|
|
display: block;
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.iconPlay__926d7 {
|
|
margin-inline:1px -1px}
|
|
|
|
.iconExternal__926d7,.iconExternalMargins__926d7,.iconPlay__926d7 {
|
|
}
|
|
|
|
.iconExternalMargins__926d7 {
|
|
margin-inline:2px 4px}
|
|
|
|
.enable-forced-colors .iconWrapper__926d7 {
|
|
background-color: ButtonFace;
|
|
color: ButtonText;
|
|
opacity: 1
|
|
}
|
|
|
|
.statsOverlay__1219f {
|
|
background-color: var(--opacity-black-72);
|
|
border-radius: 8px;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: 14px;
|
|
inset-inline-start: 8px;
|
|
line-height: 18px;
|
|
padding: 8px;
|
|
pointer-events: auto;
|
|
position: absolute;
|
|
top: 8px;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text;
|
|
z-index: 100
|
|
}
|
|
|
|
.header__1219f {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.title__1219f {
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-bold)
|
|
}
|
|
|
|
.headerButtons__1219f {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.closeButton__1219f,.copyButton__1219f {
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: center;
|
|
width: 24px
|
|
}
|
|
|
|
.full-motion .closeButton__1219f,.full-motion .copyButton__1219f {
|
|
transition: all .1s ease
|
|
}
|
|
|
|
.closeButton__1219f:hover,.copyButton__1219f:hover {
|
|
background-color: var(--custom-opacity-white-10);
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.full-motion .closeButton__1219f:active,.full-motion .copyButton__1219f:active {
|
|
background-color: var(--custom-opacity-white-15);
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.closeButton__1219f:active,.copyButton__1219f:active {
|
|
background-color: var(--custom-opacity-white-15)
|
|
}
|
|
|
|
.content__1219f {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.statRow__1219f {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.statRow__1219f span {
|
|
margin-inline-end:8px}
|
|
|
|
.statLabel__1219f {
|
|
font-size: 14px;
|
|
line-height: 18px
|
|
}
|
|
|
|
.statValue__1219f {
|
|
font-weight: var(--font-weight-bold);
|
|
text-align: end;
|
|
word-break: break-all
|
|
}
|
|
|
|
.errorSection__1219f {
|
|
background-color: var(--custom-opacity-red-8);
|
|
border-inline-start:3px solid var(--border-feedback-critical);border-radius: 3px;
|
|
margin-top: 4px;
|
|
padding: 6px 8px
|
|
}
|
|
|
|
.errorSection__1219f .statLabel__1219f,.errorSection__1219f .statValue__1219f {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.container__2d263 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
position: relative
|
|
}
|
|
|
|
.volumeButton__2d263 {
|
|
cursor: pointer;
|
|
line-height: 0
|
|
}
|
|
|
|
.volumeButtonSlider__2d263 {
|
|
bottom: calc(100% + 16px);
|
|
display: none;
|
|
inset-inline: -78px 0;
|
|
position: absolute;
|
|
-webkit-app-region: no-drag;
|
|
pointer-events: none
|
|
}
|
|
|
|
.volumeButtonSlider__2d263.sliderVisible__2d263 {
|
|
display: initial
|
|
}
|
|
|
|
.mediaBar__2d263 {
|
|
overflow: hidden;
|
|
pointer-events: auto
|
|
}
|
|
|
|
.wrapper_cf09d8 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 3px;
|
|
color: var(--white);
|
|
overflow: hidden;
|
|
position: relative;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.wrapperAudio_cf09d8,.wrapperControlsHidden_cf09d8,.wrapperPaused_cf09d8,.wrapperPlaying_cf09d8 {
|
|
}
|
|
|
|
.wrapperAudio_cf09d8 {
|
|
background-color: var(--background-surface-high)
|
|
}
|
|
|
|
.wrapperMediaMosaic_cf09d8 {
|
|
height: 100%;
|
|
max-height: inherit;
|
|
width: 100%
|
|
}
|
|
|
|
.wrapperControlsHidden_cf09d8 {
|
|
cursor: default
|
|
}
|
|
|
|
.wrapperAudio_cf09d8 {
|
|
background-color: var(--background-base-lower);
|
|
border-color: var(--border-subtle);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
max-width: 100%;
|
|
overflow: visible;
|
|
padding: 10px
|
|
}
|
|
|
|
.wrapperAudio_cf09d8.newMosaicStyle_cf09d8 {
|
|
border-radius: 8px;
|
|
padding: 16px;
|
|
width: 432px
|
|
}
|
|
|
|
.videoControls_cf09d8 {
|
|
background-color: var(--opacity-black-60);
|
|
inset-inline: 0;
|
|
bottom: -10px;
|
|
height: 32px;
|
|
padding-bottom: 10px;
|
|
position: absolute
|
|
}
|
|
|
|
.audioControls_cf09d8,.videoControls_cf09d8 {
|
|
align-items: center;
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
|
|
.audioControls_cf09d8 {
|
|
background-color: var(--opacity-black-40);
|
|
border-radius: var(--radius-sm);
|
|
margin-top: 4px
|
|
}
|
|
|
|
.controlIcon_cf09d8 {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: block;
|
|
flex: 0 0 auto;
|
|
height: 24px;
|
|
padding: 4px;
|
|
width: 24px
|
|
}
|
|
|
|
.controlIcon_cf09d8:hover {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.controlIcon_cf09d8:active {
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.volumeSliderWrapper_cf09d8 {
|
|
margin-bottom: 4px;
|
|
margin-inline-start:-4px}
|
|
|
|
.durationTimeWrapper_cf09d8 {
|
|
flex: 0 0 auto;
|
|
height: 12px;
|
|
margin: 4px
|
|
}
|
|
|
|
.durationTimeDisplay_cf09d8,.durationTimeSeparator_cf09d8 {
|
|
display: inline-block;
|
|
font-family: var(--font-code);
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 12px;
|
|
vertical-align: text-top
|
|
}
|
|
|
|
.durationTimeSeparator_cf09d8 {
|
|
margin: 0 2px
|
|
}
|
|
|
|
.video_cf09d8 {
|
|
border-radius: 3px;
|
|
display: block;
|
|
height: 100%;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.video_cf09d8:-webkit-full-screen {
|
|
z-index: 99999
|
|
}
|
|
|
|
.video_cf09d8::-webkit-media-controls-enclosure {
|
|
display: none!important
|
|
}
|
|
|
|
.audio_cf09d8 {
|
|
display: block;
|
|
height: 0;
|
|
position: absolute;
|
|
width: 0
|
|
}
|
|
|
|
.audioMetadata_cf09d8 {
|
|
display: flex
|
|
}
|
|
|
|
.audioMetadata_cf09d8:before {
|
|
background-image: url(/assets/a6db1d05d35f13d0.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% auto;
|
|
content: "";
|
|
height: 40px;
|
|
width: 24px
|
|
}
|
|
|
|
.audioMetadata_cf09d8 .metadataContent_cf09d8 {
|
|
padding: 0 8px
|
|
}
|
|
|
|
.audioMetadata_cf09d8 .metadataDownload_cf09d8 {
|
|
height: 24px;
|
|
opacity: 1
|
|
}
|
|
|
|
.audioMetadata_cf09d8 .metadataIcon_cf09d8 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.audioMetadata_cf09d8 .metadataIcon_cf09d8:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.audioMetadata_cf09d8 .metadataSize_cf09d8 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.metadata_cf09d8 {
|
|
align-items: flex-start;
|
|
background-image: linear-gradient(0deg,transparent,rgba(0,0,0,.9));
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
height: 80px;
|
|
position: absolute;
|
|
top: -10px;
|
|
inset-inline: 0;
|
|
padding: 22px 12px 12px;
|
|
z-index: 1
|
|
}
|
|
|
|
.metadataContent_cf09d8 {
|
|
flex: 1 1 auto;
|
|
overflow: hidden;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.metadataName_cf09d8 {
|
|
font-size: 16px;
|
|
line-height: 20px
|
|
}
|
|
|
|
.metadataName_cf09d8,.metadataSize_cf09d8 {
|
|
font-weight: var(--font-weight-medium);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.metadataSize_cf09d8 {
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
opacity: .7
|
|
}
|
|
|
|
.metadataDownload_cf09d8 {
|
|
flex: 0 0 auto;
|
|
opacity: .6
|
|
}
|
|
|
|
.metadataDownload_cf09d8:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.metadataIcon_cf09d8 {
|
|
color: var(--white);
|
|
height: 25px;
|
|
width: 24px
|
|
}
|
|
|
|
.playCenter_cf09d8 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
z-index: 1
|
|
}
|
|
|
|
.playCenter_cf09d8,.playPausePop_cf09d8 {
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.playPausePop_cf09d8 {
|
|
background-color: var(--opacity-black-60);
|
|
border-radius: 50%;
|
|
color: var(--white);
|
|
height: 24px;
|
|
inset-inline-start: 50%;
|
|
margin-inline-start:-23px;margin-top: -23px;
|
|
padding: 12px;
|
|
top: 50%;
|
|
width: 24px
|
|
}
|
|
|
|
.playPausePop_cf09d8 .playPausePopIcon_cf09d8 {
|
|
display: block;
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.videoButton_cf09d8 {
|
|
margin-inline-end:8px}
|
|
|
|
@keyframes overlayContentHidden_cf09d8 {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.overlayContentHidden_cf09d8 {
|
|
animation: overlayContentHidden_cf09d8 .2s ease-in-out forwards
|
|
}
|
|
|
|
.background-opacity-high .audioControls_cf09d8,.background-opacity-low .audioControls_cf09d8,.background-opacity-medium .audioControls_cf09d8 {
|
|
background-color: var(--opacity-black-28)
|
|
}
|
|
|
|
.background-opacity-high .audioMetadata_cf09d8:before,.background-opacity-low .audioMetadata_cf09d8:before,.background-opacity-medium .audioMetadata_cf09d8:before {
|
|
opacity: .6
|
|
}
|
|
|
|
.enable-forced-colors .wrapper_cf09d8 {
|
|
outline: 2px solid CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .videoButton_cf09d8 {
|
|
background-color: ButtonFace;
|
|
border-radius: 4px;
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .metadataDownload_cf09d8 {
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .videoControls_cf09d8 {
|
|
background-color: ButtonFace
|
|
}
|
|
|
|
.dimensionlessImage_a22bfd {
|
|
height: 100%;
|
|
-o-object-fit: scale-down;
|
|
object-fit: scale-down;
|
|
width: 100%
|
|
}
|
|
|
|
.wrapper_a22bfd {
|
|
cursor: zoom-in
|
|
}
|
|
|
|
.zoomed_a22bfd {
|
|
cursor: zoom-out
|
|
}
|
|
|
|
.media_a22bfd {
|
|
border-radius: 0
|
|
}
|
|
|
|
.galleryContainer_d75751 {
|
|
align-self: flex-start;
|
|
display: flex;
|
|
grid-column: 2/span 3;
|
|
grid-row: 3;
|
|
justify-content: center;
|
|
justify-self: center;
|
|
translate: 0 -4px;
|
|
width: 100%
|
|
}
|
|
|
|
.gallery_d75751 {
|
|
display: flex;
|
|
flex-shrink: 1;
|
|
gap: 2px;
|
|
max-width: -moz-fit-content;
|
|
max-width: fit-content
|
|
}
|
|
|
|
.galleryItemOverlay_d75751 {
|
|
background-color: var(--black);
|
|
height: 40px;
|
|
opacity: .5;
|
|
position: absolute;
|
|
transition: opacity .2s ease-in-out;
|
|
width: 40px;
|
|
z-index: 1
|
|
}
|
|
|
|
.galleryItemOverlay_d75751:hover {
|
|
opacity: .15
|
|
}
|
|
|
|
.galleryItemOverlay_d75751.selected_d75751 {
|
|
opacity: 0
|
|
}
|
|
|
|
.galleryItem_d75751 {
|
|
background-color: var(--background-base-low);
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
height: 40px;
|
|
margin: 4px 0;
|
|
position: relative;
|
|
width: 40px
|
|
}
|
|
|
|
.galleryItem_d75751.first_d75751 {
|
|
border-radius: 8px 2px 2px 8px;
|
|
margin-inline-start:8px}
|
|
|
|
.galleryItem_d75751.last_d75751 {
|
|
border-radius: 2px 8px 8px 2px;
|
|
margin-inline-end:8px}
|
|
|
|
.galleryItem_d75751 * {
|
|
border-radius: inherit
|
|
}
|
|
|
|
.galleryItem_d75751.inactive_d75751:after {
|
|
background-color: var(--black);
|
|
border-radius: inherit;
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
opacity: .5;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: opacity .2s ease-in-out;
|
|
width: 100%
|
|
}
|
|
|
|
.galleryItem_d75751.inactive_d75751:after:hover {
|
|
opacity: .15
|
|
}
|
|
|
|
.obscured_d75751 {
|
|
background-color: var(--spoiler-hidden-background);
|
|
border-color: var(--spoiler-hidden-background)
|
|
}
|
|
|
|
.button_aec7ab {
|
|
background-color: var(--background-surface-highest);
|
|
border-radius: var(--radius-md);
|
|
cursor: pointer;
|
|
display: grid;
|
|
height: 40px;
|
|
place-items: center;
|
|
width: 40px
|
|
}
|
|
|
|
.buttonInner_aec7ab {
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: inherit;
|
|
color: var(--interactive-text-default);
|
|
display: grid;
|
|
height: 38px;
|
|
place-items: center;
|
|
transition: color .2s ease-in-out,background-color .2s ease-in-out;
|
|
width: 38px
|
|
}
|
|
|
|
.buttonInner_aec7ab:hover {
|
|
background-color: var(--background-mod-muted);
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.buttonInner_aec7ab:active {
|
|
background-color: var(--background-mod-subtle);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.mediaContainer_b2eddf {
|
|
flex-grow: 1;
|
|
grid-column: 1/span 5;
|
|
grid-row: 1/span 3;
|
|
position: relative
|
|
}
|
|
|
|
.mediaContainer_b2eddf,.mediaWrapper_b2eddf {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.mediaWrapper_b2eddf {
|
|
height: 100%;
|
|
margin: auto;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 100%
|
|
}
|
|
|
|
.nav_b2eddf {
|
|
grid-row: 1/span 3;
|
|
place-self: center;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.navPrev_b2eddf {
|
|
grid-column: 1
|
|
}
|
|
|
|
.navNext_b2eddf {
|
|
grid-column: 5
|
|
}
|
|
|
|
.obscureWrapper_b2eddf {
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
overflow: hidden
|
|
}
|
|
|
|
.obscureWrapper_b2eddf.obscure_b2eddf {
|
|
filter: blur(var(--__obscured-background-blur-radius)) brightness(var(--__obscured-background-brightness));
|
|
pointer-events: none
|
|
}
|
|
|
|
.fadeInWrapper_b2eddf {
|
|
margin: auto
|
|
}
|
|
|
|
.fileWrapper__0ccae {
|
|
max-width: 100%;
|
|
position: relative;
|
|
width: 432px
|
|
}
|
|
|
|
.file__0ccae {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
border: 1px solid transparent;
|
|
border-color: var(--border-subtle);
|
|
border-radius: 8px;
|
|
box-shadow: var(--shadow-low);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: row;
|
|
letter-spacing: 0;
|
|
padding: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.fileInner__0ccae {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.icon__0ccae {
|
|
flex-shrink: 0;
|
|
height: 40px;
|
|
margin-inline-end:8px;width: 30px
|
|
}
|
|
|
|
.filenameWrapper__0ccae {
|
|
align-items: flex-end;
|
|
display: flex
|
|
}
|
|
|
|
.filename__0ccae {
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-normal);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
@media (-webkit-max-device-pixel-ratio: 1) {
|
|
.theme-light .filename__0ccae {
|
|
font-weight:var(--font-weight-medium)
|
|
}
|
|
}
|
|
|
|
.metadata__0ccae {
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-normal);
|
|
line-height: 16px;
|
|
margin-inline-end:8px}
|
|
|
|
.rate__0ccae {
|
|
flex-shrink: 0;
|
|
margin-inline-start:8px;min-width: 60px;
|
|
text-align: end
|
|
}
|
|
|
|
.progressContainer__0ccae {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 16px
|
|
}
|
|
|
|
.cancelButton__0ccae,.size__0ccae {
|
|
margin-inline-start:4px}
|
|
|
|
.cancelButton__0ccae {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer
|
|
}
|
|
|
|
.cancelButton__0ccae:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.filenameLinkWrapper__0ccae {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.fileNameLink__0ccae:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.filename__0ccae {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.filenameLinkWrapper__0ccae {
|
|
color: var(--text-link)
|
|
}
|
|
|
|
.size__0ccae {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.custom-theme-background .file__0ccae {
|
|
background-color: var(--background-mod-subtle);
|
|
border-color: var(--border-subtle)
|
|
}
|
|
|
|
@use postcss-pxtorem;.spinner__4d95d {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.container__4d95d {
|
|
display: grid;
|
|
max-width: 50vw;
|
|
width: 100%
|
|
}
|
|
|
|
.textContainer__4d95d {
|
|
background-color: var(--background-base-lower);
|
|
border: 1px solid var(--border-subtle);
|
|
border-color: var(--border-subtle);
|
|
border-radius: 4px 4px 0 0;
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
max-height: 500px;
|
|
min-height: 118px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.textContainer__4d95d pre {
|
|
border-radius: 4px 4px 0 0;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.newMosaicStyle__4d95d .textContainer__4d95d {
|
|
border-radius: 8px 8px 0 0
|
|
}
|
|
|
|
.codeView__4d95d {
|
|
background-color: transparent;
|
|
font-size: .875rem;
|
|
line-height: 1rem;
|
|
min-height: 100px;
|
|
-moz-tab-size: 4;
|
|
-o-tab-size: 4;
|
|
tab-size: 4
|
|
}
|
|
|
|
.codeView__4d95d::-webkit-scrollbar-track {
|
|
margin: 0 .5em
|
|
}
|
|
|
|
.wordWrap__4d95d {
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
overflow-wrap: break-word
|
|
}
|
|
|
|
.newMosaicStyle__4d95d .codeView__4d95d {
|
|
margin: 8px 8px 0;
|
|
padding: 8px
|
|
}
|
|
|
|
.expanded__4d95d {
|
|
overflow: auto
|
|
}
|
|
|
|
.footer__4d95d {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 0 0 8px 8px;
|
|
border-top: 0;
|
|
border-color: var(--border-subtle);
|
|
box-sizing: border-box;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
font-size: .875rem;
|
|
justify-content: flex-end;
|
|
min-width: 0;
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.openFullPreviewSection__4d95d {
|
|
cursor: pointer;
|
|
margin-inline-start:var(--space-16)}
|
|
|
|
.footerGap__4d95d {
|
|
flex: 200 0 auto;
|
|
min-width: var(--space-16)
|
|
}
|
|
|
|
.nameSection__4d95d {
|
|
min-width: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.nameContainer__4d95d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 2px;
|
|
min-width: 0
|
|
}
|
|
|
|
.fileName__4d95d {
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.expandCollapseSection__4d95d {
|
|
margin-inline-end:var(--space-8)}
|
|
|
|
.languageSelector__4d95d {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 4px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
margin-top: 4px;
|
|
max-width: 176px;
|
|
overflow: hidden;
|
|
padding: 8px 8px 4px
|
|
}
|
|
|
|
.languageIcon__4d95d {
|
|
cursor: pointer;
|
|
display: flex
|
|
}
|
|
|
|
.downloadAnchor__4d95d {
|
|
display: none
|
|
}
|
|
|
|
.overflowIcon__4d95d {
|
|
cursor: pointer;
|
|
display: flex;
|
|
margin-inline-end:var(--space-4);margin-inline-start: var(--space-16)
|
|
}
|
|
|
|
.modalContent__4d95d {
|
|
display: grid;
|
|
height: 100%;
|
|
min-height: 0;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text;
|
|
width: 100%
|
|
}
|
|
|
|
.modalContent__4d95d .codeView__4d95d {
|
|
background-color: var(--background-surface-high)
|
|
}
|
|
|
|
.modalFooter__4d95d {
|
|
align-items: center;
|
|
border-top: 1px solid var(--border-subtle);
|
|
border-color: var(--border-subtle);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
font-size: .875rem;
|
|
justify-content: flex-end;
|
|
min-width: 0;
|
|
padding: var(--custom-modal-padding-md) var(--custom-modal-padding-md) 0
|
|
}
|
|
|
|
.modalTextContainer__4d95d {
|
|
background-color: var(--background-base-lower);
|
|
overflow: scroll
|
|
}
|
|
|
|
.wrapper__58105 {
|
|
align-items: center;
|
|
contain: layout size;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: flex-start;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 8px
|
|
}
|
|
|
|
.item__58105 {
|
|
background-color: var(--text-strong);
|
|
border-radius: 0 4px 4px 0;
|
|
display: block;
|
|
margin-inline-start:-4px;position: absolute;
|
|
width: 8px
|
|
}
|
|
|
|
.enable-forced-colors .item__58105 {
|
|
background-color: Highlight
|
|
}
|
|
|
|
.wrapper_b1fb0b {
|
|
align-items: center;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.partyMembers_b1fb0b,.wrapper_b1fb0b {
|
|
display: flex
|
|
}
|
|
|
|
.partyMember_b1fb0b,.partyMembers_b1fb0b,.wrapper_b1fb0b {
|
|
height: var(--custom-summary-avatars-avatar-diameter)
|
|
}
|
|
|
|
.partyMember_b1fb0b {
|
|
display: inline-block;
|
|
margin-inline-start:-2px;-webkit-mask: url(/assets/eae6388e2d5a721a.svg);
|
|
mask: url(/assets/eae6388e2d5a721a.svg);
|
|
-webkit-mask-size: 100%;
|
|
mask-size: 100%;
|
|
mask-type: luminance;
|
|
width: var(--custom-summary-avatars-avatar-diameter)
|
|
}
|
|
|
|
.partyMember_b1fb0b:first-child {
|
|
margin-inline-start:0}
|
|
|
|
.partyMember_b1fb0b:last-child {
|
|
-webkit-mask: none;
|
|
mask: none
|
|
}
|
|
|
|
.partyMemberOverflow_b1fb0b {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 12px;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-semibold);
|
|
height: var(--custom-summary-avatars-avatar-diameter);
|
|
justify-content: center;
|
|
line-height: 16px;
|
|
margin-inline-start:-2px;min-width: var(--custom-summary-avatars-avatar-diameter);
|
|
padding: 0 4px
|
|
}
|
|
|
|
.theme-dark .partyMemberBackground_b1fb0b {
|
|
background-color: var(--primary-500)
|
|
}
|
|
|
|
.theme-dark .partyMemberUnknown_b1fb0b {
|
|
background-color: var(--primary-500)
|
|
}
|
|
|
|
.theme-light .partyMemberBackground_b1fb0b {
|
|
background-color: var(--primary-160)
|
|
}
|
|
|
|
.theme-light .partyMemberUnknown_b1fb0b {
|
|
background-color: var(--primary-160)
|
|
}
|
|
|
|
.partyMemberUnknownIcon_b1fb0b {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.container__0a12b {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
min-height: 300px;
|
|
padding: 32px;
|
|
text-align: center
|
|
}
|
|
|
|
.iconContainer__0a12b {
|
|
margin-bottom: 16px;
|
|
position: relative
|
|
}
|
|
|
|
.icon__0a12b {
|
|
background-color: var(--background-base-low);
|
|
border-radius: 80px;
|
|
color: var(--interactive-text-default);
|
|
display: inline-block;
|
|
padding: 22px
|
|
}
|
|
|
|
.iconOffset__0a12b {
|
|
margin-inline-start:8px;margin-top: 4px
|
|
}
|
|
|
|
.stars__0a12b {
|
|
inset-inline-start: -10px;
|
|
position: absolute
|
|
}
|
|
|
|
.header__0a12b {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.header__0a12b,.text__0a12b {
|
|
text-transform: none
|
|
}
|
|
|
|
.container_e97453 {
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
margin-top: 4px;
|
|
margin-inline-start:8px;padding-inline:12px 8px;padding-bottom: 4px;
|
|
position: relative
|
|
}
|
|
|
|
.container_e97453:hover {
|
|
background: var(--background-gradient-low,var(--background-base-lowest))
|
|
}
|
|
|
|
.rowHeader_e97453 {
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
padding-bottom: 8px;
|
|
padding-top: 12px
|
|
}
|
|
|
|
.rowHeader_e97453,.rowHeaderLeft_e97453 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.dot_e97453,.timestamp_e97453 {
|
|
padding-inline-end:8px}
|
|
|
|
.dot_e97453 {
|
|
color: var(--border-subtle);
|
|
justify-content: center
|
|
}
|
|
|
|
.icon_e97453 {
|
|
color: var(--text-default);
|
|
display: flex
|
|
}
|
|
|
|
.count_e97453 {
|
|
min-width: -moz-fit-content;
|
|
min-width: fit-content;
|
|
padding-inline:5px 8px}
|
|
|
|
.title_e97453 {
|
|
padding-bottom: 4px
|
|
}
|
|
|
|
.subtitle_e97453 {
|
|
padding-bottom: 12px;
|
|
text-transform: none
|
|
}
|
|
|
|
.unreadPill_e97453 {
|
|
inset-inline-start: -8px;
|
|
position: absolute;
|
|
top: 24px
|
|
}
|
|
|
|
.feedbackContainer_e97453 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 6px;
|
|
height: 100%;
|
|
inset-inline-end: 8px;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.thumbIcon_e97453 {
|
|
background: var(--background-mod-normal);
|
|
border-radius: 16px;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
padding: 8px
|
|
}
|
|
|
|
.thumbIcon_e97453:active,.thumbIcon_e97453:hover {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.backupContainer__0efdf {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.canvas__0efdf {
|
|
cursor: pointer;
|
|
flex: 1;
|
|
height: 32px;
|
|
margin-bottom: -4px;
|
|
margin-top: -4px;
|
|
min-width: 0
|
|
}
|
|
|
|
.container_a8e786 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: 24px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-12);
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
padding: 12px;
|
|
position: relative;
|
|
transition: background-color .2s ease-in-out
|
|
}
|
|
|
|
.playIcon_a8e786 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.playing_a8e786 .playIcon_a8e786 {
|
|
color: var(--brand-500)
|
|
}
|
|
|
|
.playButtonContainer_a8e786 {
|
|
align-items: center;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
height: 32px;
|
|
justify-content: center;
|
|
margin-inline-start:-4px;margin-bottom: -4px;
|
|
margin-top: -4px;
|
|
position: relative;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
width: 32px
|
|
}
|
|
|
|
.playButtonContainer_a8e786:active {
|
|
transform: scale(.875)
|
|
}
|
|
|
|
.playButtonContainer_a8e786:active .playIcon_a8e786 {
|
|
color: var(--brand-360)
|
|
}
|
|
|
|
.playing_a8e786 .playButtonContainer_a8e786 {
|
|
background: var(--white)
|
|
}
|
|
|
|
.playing_a8e786 .playButtonContainer_a8e786:active {
|
|
background-color: var(--brand-360)
|
|
}
|
|
|
|
.playing_a8e786 .playButtonContainer_a8e786:active .playIcon_a8e786 {
|
|
color: var(--brand-500)
|
|
}
|
|
|
|
.theme-light .container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786 {
|
|
background: linear-gradient(151.11deg,var(--brand-400) 0,var(--brand-500) 100%)
|
|
}
|
|
|
|
.theme-light .container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786:hover {
|
|
background: linear-gradient(135deg,var(--brand-360) 0,var(--brand-400) 100%)
|
|
}
|
|
|
|
.theme-light .container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786:active {
|
|
background: linear-gradient(0deg,rgba(0,0,0,.2),a949CF7,rgba(0,0,0,.2)),linear-gradient(135deg,var(--brand-400) 0,var(--brand-500) 100%)
|
|
}
|
|
|
|
.theme-dark .container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786 {
|
|
background: linear-gradient(151.11deg,var(--brand-460) 16.55%,var(--brand-560) 104.36%)
|
|
}
|
|
|
|
.theme-dark .container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786:hover {
|
|
background: linear-gradient(151.11deg,var(--brand-400) 17.78%,var(--brand-460) 82.22%)
|
|
}
|
|
|
|
.theme-dark .container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786:active {
|
|
background: linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(151.11deg,var(--brand-460) 16.55%,var(--brand-560) 104.36%)
|
|
}
|
|
|
|
.playing_a8e786 {
|
|
border-color: var(--opacity-blurple-60)
|
|
}
|
|
|
|
.oldPlayIconSpacing_a8e786 {
|
|
margin-inline:1px -1px}
|
|
|
|
.audioElement_a8e786 {
|
|
display: none
|
|
}
|
|
|
|
.playbackRate_a8e786 {
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: 4px;
|
|
color: var(--interactive-text-default);
|
|
text-align: center;
|
|
transition: background-color .2s ease-in,color .2s ease-in;
|
|
width: 32px
|
|
}
|
|
|
|
.playbackRateContainer_a8e786 {
|
|
cursor: pointer;
|
|
padding: 4px 0;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
z-index: 1
|
|
}
|
|
|
|
.playbackRateContainer_a8e786:hover .playbackRate_a8e786 {
|
|
background-color: var(--interactive-background-hover);
|
|
color: var(--interactive-text-active);
|
|
transition: none
|
|
}
|
|
|
|
.playing_a8e786 .playbackRateContainer_a8e786 .playbackRate_a8e786 {
|
|
background-color: var(--interactive-background-active);
|
|
color: var(--brand-200)
|
|
}
|
|
|
|
.playing_a8e786 .playbackRateContainer_a8e786:hover .playbackRate_a8e786 {
|
|
background-color: var(--interactive-background-hover);
|
|
color: var(--white)
|
|
}
|
|
|
|
.volumeButton_a8e786 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.volumeButtonIcon_a8e786 {
|
|
color: var(--interactive-text-default);
|
|
transition: color .2s ease-in-out
|
|
}
|
|
|
|
.volumeButtonIcon_a8e786:hover {
|
|
color: var(--interactive-text-hover);
|
|
transition: none
|
|
}
|
|
|
|
.volumeButtonIcon_a8e786:active {
|
|
color: var(--interactive-text-active);
|
|
transition: none
|
|
}
|
|
|
|
.playing_a8e786 .volumeButtonIcon_a8e786 {
|
|
color: var(--brand-200)
|
|
}
|
|
|
|
.playing_a8e786 .volumeButtonIcon_a8e786:hover {
|
|
color: var(--white)
|
|
}
|
|
|
|
.playing_a8e786 .volumeButtonIcon_a8e786:active {
|
|
color: var(--brand-200)
|
|
}
|
|
|
|
.volumeSlider_a8e786 {
|
|
margin-bottom: 4px;
|
|
margin-inline-start:-8px;z-index: 2
|
|
}
|
|
|
|
.duration_a8e786 {
|
|
color: var(--interactive-text-default);
|
|
flex-shrink: 0;
|
|
transition: color .2s ease-in-out;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
z-index: 1
|
|
}
|
|
|
|
.playing_a8e786 .duration_a8e786 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.waveform_a8e786 {
|
|
z-index: 1
|
|
}
|
|
|
|
.rippleContainer_a8e786 {
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 24px;
|
|
bottom: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
overflow: hidden;
|
|
transition: border-color .2s ease-in-out
|
|
}
|
|
|
|
.ripple_a8e786 {
|
|
aspect-ratio: 1/1;
|
|
background-color: var(--brand-530);
|
|
border-radius: 50%;
|
|
inset-inline-start: 24px;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%)
|
|
}
|
|
|
|
.ripple_a8e786.reducedMotion_a8e786 {
|
|
opacity: 0;
|
|
transition: opacity .2s ease-in-out;
|
|
width: 200%
|
|
}
|
|
|
|
.playing_a8e786 .ripple_a8e786.reducedMotion_a8e786 {
|
|
opacity: 1
|
|
}
|
|
|
|
.ripple_a8e786:not(.reducedMotion_a8e786) {
|
|
transition: width .2s ease-in-out;
|
|
width: 0
|
|
}
|
|
|
|
.playing_a8e786 .ripple_a8e786:not(.reducedMotion_a8e786) {
|
|
width: 200%
|
|
}
|
|
|
|
.barBase__0f481 {
|
|
align-items: center;
|
|
border: 1px solid var(--border-subtle);
|
|
cursor: pointer;
|
|
display: flex;
|
|
inset-inline: var(--space-8) var(--space-16);
|
|
min-height: 24px;
|
|
position: absolute;
|
|
text-transform: capitalize;
|
|
transition: opacity .15s;
|
|
z-index: 2
|
|
}
|
|
|
|
.barBase__0f481,.barBase__0f481:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.barButtonBase__0f481 {
|
|
align-items: center;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: none;
|
|
color: inherit;
|
|
display: flex;
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
justify-content: flex-start;
|
|
line-height: 18px;
|
|
padding: 0 12px;
|
|
padding-inline-start:var(--space-4);text-align: start
|
|
}
|
|
|
|
.barButtonIcon__0f481 {
|
|
display: block;
|
|
height: 16px;
|
|
margin-inline-start:8px;position: relative;
|
|
top: -1px;
|
|
width: 16px
|
|
}
|
|
|
|
.bottomBar__0f481 {
|
|
background-color: var(--background-surface-highest);
|
|
border: 1px solid var(--border-normal);
|
|
border-radius: var(--radius-lg);
|
|
bottom: calc(var(--custom-channel-textarea-text-area-height) + 28px);
|
|
box-shadow: var(--shadow-medium);
|
|
box-sizing: border-box;
|
|
inset-inline: 0;
|
|
margin-block:0 var(--space-8);margin-inline: auto;
|
|
min-height: 44px;
|
|
min-width: 284px;
|
|
padding-block:var(--space-8) var(--space-8);padding-inline: var(--space-16) var(--space-8);
|
|
width: -moz-max-content;
|
|
width: max-content
|
|
}
|
|
|
|
.bottomBar__0f481:before {
|
|
content: "";
|
|
inset-inline: -16px;
|
|
bottom: -9px;
|
|
box-sizing: var(--shadow-high);
|
|
height: 8px;
|
|
-webkit-mask-image: linear-gradient(to left,transparent,var(--background-surface-highest) 10%,var(--background-surface-highest) 90%,transparent);
|
|
mask-image: linear-gradient(to left,transparent,var(--background-surface-highest) 10%,var(--background-surface-highest) 90%,transparent);
|
|
position: absolute
|
|
}
|
|
|
|
.jumpToPresentBar__0f481 {
|
|
bottom: 28px;
|
|
color: var(--text-default);
|
|
padding-bottom: var(--space-8)
|
|
}
|
|
|
|
.jumpToPresentBar__0f481:active {
|
|
margin-bottom: calc(var(--space-8) - 1px)
|
|
}
|
|
|
|
.jumpToPresentBar__0f481 .spinner__0f481 {
|
|
padding-inline-end:12px}
|
|
|
|
.jumpToPresentBar__0f481 .spinnerItem__0f481 {
|
|
background-color: var(--white)
|
|
}
|
|
|
|
.messagesErrorBar__0f481 {
|
|
background-color: var(--notice-background-critical);
|
|
border-color: var(--border-feedback-critical);
|
|
color: var(--notice-text-critical);
|
|
padding: var(--space-4) var(--space-8)
|
|
}
|
|
|
|
.messagesErrorBar__0f481:active {
|
|
margin-bottom: -1px
|
|
}
|
|
|
|
.messagesErrorBar__0f481 .spinner__0f481 {
|
|
padding-inline-end:12px}
|
|
|
|
.messagesErrorBar__0f481 .spinnerItem__0f481 {
|
|
background-color: var(--notice-text-critical)
|
|
}
|
|
|
|
.newMessagesBar__0f481 {
|
|
background-color: var(--brand-500);
|
|
border-radius: 0 0 8px 8px;
|
|
box-shadow: var(--elevation-low);
|
|
color: var(--white);
|
|
height: 32px;
|
|
padding-inline:var(--space-16);top: 0;
|
|
z-index: 3
|
|
}
|
|
|
|
.newMessagesBar__0f481:active {
|
|
box-shadow: 0 0 0 hsl(var(--black-hsl)/0);
|
|
padding-top: 1px
|
|
}
|
|
|
|
.newMessagesPillContainer__0f481 {
|
|
align-items: center;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 16px;
|
|
inset-inline: 0;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
z-index: 2
|
|
}
|
|
|
|
.containerMarginTop__0f481 {
|
|
top: 48px
|
|
}
|
|
|
|
.newMessagesPill__0f481 {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 18px 0 0 18px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
padding-block:9px;padding-inline:16px 12px;pointer-events: auto
|
|
}
|
|
|
|
.newMessagesPill__0f481:hover {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.theme-light .newMessagesPill__0f481 {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.theme-light .newMessagesPill__0f481:hover {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.newMessagesClear__0f481 {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
border-inline-start:solid 1px var(--border-subtle);border-radius: 0 18px 18px 0;
|
|
cursor: pointer;
|
|
display: flex;
|
|
padding-block:10px;padding-inline:8px 10px;pointer-events: auto
|
|
}
|
|
|
|
.newMessagesClear__0f481:hover {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.theme-light .newMessagesClear__0f481 {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.theme-light .newMessagesClear__0f481:hover {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.newMessagesClearIcon__0f481 {
|
|
color: var(--text-default);
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.jumpToPresentButtonContainer__0f481 {
|
|
align-items: center;
|
|
bottom: 16px;
|
|
display: flex;
|
|
inset-inline: 0 16px;
|
|
justify-content: flex-end;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
z-index: 2
|
|
}
|
|
|
|
.jumpToPresentButton__0f481 {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 18px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
padding: 6px;
|
|
pointer-events: auto
|
|
}
|
|
|
|
.jumpToPresentButton__0f481:hover {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.theme-light .jumpToPresentButton__0f481 {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.theme-light .jumpToPresentButton__0f481:hover {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.jumpToPresentButtonIcon__0f481 {
|
|
color: var(--text-default);
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.jumpToPresentSpinner__0f481 {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 18px;
|
|
height: 24px;
|
|
padding: 6px;
|
|
width: 24px
|
|
}
|
|
|
|
.jumpToPresentSpinnerItem__0f481 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.barButtonMain__0f481 {
|
|
display: block;
|
|
flex: 1 1 auto;
|
|
position: relative
|
|
}
|
|
|
|
.barButtonMain__0f481,.span__0f481 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.barButtonAlt__0f481 {
|
|
background-color: var(--control-secondary-background-default);
|
|
border-radius: var(--radius-sm);
|
|
flex: 0 0 auto;
|
|
font-weight: var(--font-weight-semibold);
|
|
padding: var(--space-4) var(--space-8);
|
|
position: relative
|
|
}
|
|
|
|
.barButtonAlt__0f481:hover {
|
|
background-color: var(--control-secondary-background-hover)
|
|
}
|
|
|
|
.loadingMore__0f481 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
justify-content: center
|
|
}
|
|
|
|
.loadingMore__0f481 .spinner__0f481 {
|
|
display: inline-block;
|
|
margin: 0
|
|
}
|
|
|
|
.hasMore__0f481,.loadingMore__0f481 {
|
|
height: 32px;
|
|
margin-block:16px;margin-inline:16px 6px}
|
|
|
|
.hasMore__0f481 {
|
|
border-radius: 3px;
|
|
box-shadow: inset 0 0 0 1px var(--border-subtle);
|
|
color: var(--brand-500);
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 32px;
|
|
text-align: center;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.hasMore__0f481:hover {
|
|
background-color: var(--interactive-background-hover)
|
|
}
|
|
|
|
.messageGroupBlocked__0f481 {
|
|
background-color: var(--opacity-black-4);
|
|
color: var(--text-muted);
|
|
flex: 0 0 auto;
|
|
justify-content: center;
|
|
margin: 6px 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.messageGroupBlocked__0f481:last-child {
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.messageGroupBlockedBtn__0f481 {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-medium);
|
|
margin: 0;
|
|
padding: 9px 0;
|
|
text-align: center;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.messageGroupBlockedBtn__0f481:hover {
|
|
background-color: var(--opacity-black-4)
|
|
}
|
|
|
|
.revealed__0f481 .messageGroupBlockedBtn__0f481 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.tooltip__0f481 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center
|
|
}
|
|
|
|
.tooltipEmojiName__0f481 {
|
|
width: 100%
|
|
}
|
|
|
|
.imageContent__0f481 {
|
|
display: flex;
|
|
flex: auto;
|
|
flex-flow: column nowrap
|
|
}
|
|
|
|
.imageContainer__0f481 {
|
|
display: flex;
|
|
flex: auto;
|
|
flex-flow: row nowrap;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.altText__0f481 {
|
|
color: var(--text-muted);
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 16px;
|
|
margin: .25rem 0 .75rem
|
|
}
|
|
|
|
.mediaMosaicAltTextContainer__0f481 {
|
|
position: relative
|
|
}
|
|
|
|
.mediaMosaicVideoAltTextContainer__0f481 {
|
|
inset-inline-start: 4.5px;
|
|
position: absolute;
|
|
top: 4px
|
|
}
|
|
|
|
.mediaMosaicAltText__0f481 {
|
|
background-color: rgba(0,0,0,.6);
|
|
border-radius: 4px;
|
|
bottom: 4px;
|
|
color: var(--white);
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-semibold);
|
|
inset-inline-start: 4.5px;
|
|
line-height: 18px;
|
|
padding: 7px 8px;
|
|
position: absolute;
|
|
transition: background-color .2s ease-in-out;
|
|
z-index: 1
|
|
}
|
|
|
|
.mediaMosaicAltText__0f481.reducedSize__0f481 {
|
|
font-size: 12px;
|
|
padding: 0 4px
|
|
}
|
|
|
|
.mediaMosaicVideoAltText__0f481 {
|
|
bottom: inherit;
|
|
inset-inline-start: inherit;
|
|
position: inherit
|
|
}
|
|
|
|
.mediaMosaicAltText__0f481:hover {
|
|
background-color: rgba(0,0,0,.8);
|
|
transition: background-color .2s ease-in-out
|
|
}
|
|
|
|
.mediaMosaicAltText__0f481:focus {
|
|
background-color: #000;
|
|
transition: background-color .2s ease-in-out
|
|
}
|
|
|
|
.mediaMosaicAltText__0f481:active {
|
|
background-color: var(--background-mod-normal);
|
|
transition: background-color .2s ease-in-out
|
|
}
|
|
|
|
.mediaMosaicAltTextPopout__0f481 {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 8px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
color: var(--text-default);
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 360px;
|
|
padding: 13.5px 12px
|
|
}
|
|
|
|
.mediaMosaicAltTextPopoutTitle__0f481 {
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-bold);
|
|
line-height: 16px;
|
|
margin-bottom: 9.5px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.mediaMosaicAltTextPopoutDescription__0f481 {
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-normal);
|
|
line-height: 20px;
|
|
word-break: break-word
|
|
}
|
|
|
|
.clickCTA__0f481 {
|
|
color: var(--primary-300)
|
|
}
|
|
|
|
.popoutContainer__0f481 {
|
|
-webkit-backdrop-filter: blur(8px);
|
|
backdrop-filter: blur(8px);
|
|
background-color: color-mix(in oklab,var(--background-surface-highest),transparent 10%);
|
|
border-radius: 8px;
|
|
box-shadow: var(--shadow-border),var(--shadow-low);
|
|
overflow: hidden;
|
|
width: var(--custom-message-helpers-popout-container-width)
|
|
}
|
|
|
|
@keyframes popout-loading__0f481 {
|
|
0% {
|
|
transform: translate3d(calc(var(--custom-message-helpers-popout-content-width)*-1),0,0)
|
|
}
|
|
|
|
50% {
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
to {
|
|
transform: translate3d(calc(var(--custom-message-helpers-popout-content-width)*-1),0,0)
|
|
}
|
|
}
|
|
|
|
.popoutLoadingBackground__0f481 {
|
|
height: 78px;
|
|
margin: var(--custom-message-helpers-popout-padding-width);
|
|
-webkit-mask: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%22256%22%20height%3D%2278%22%20viewBox%3D%2232%2024%20256%2078%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M36%2024C33.7909%2024%2032%2025.7909%2032%2028V78C32%2080.2091%2033.7909%2082%2036%2082H86C88.2091%2082%2090%2080.2091%2090%2078V28C90%2025.7909%2088.2091%2024%2086%2024H36ZM110%2024C107.791%2024%20106%2025.7909%20106%2028V38C106%2040.2091%20107.791%2042%20110%2042H179C181.209%2042%20183%2040.2091%20183%2038V28C183%2025.7909%20181.209%2024%20179%2024H110ZM106%2058C106%2055.7909%20107.791%2054%20110%2054H284C286.209%2054%20288%2055.7909%20288%2058V68C288%2070.2091%20286.209%2072%20284%2072H110C107.791%2072%20106%2070.2091%20106%2068V58ZM110%2084C107.791%2084%20106%2085.7909%20106%2088V98C106%20100.209%20107.791%20102%20110%20102H223C225.209%20102%20227%20100.209%20227%2098V88C227%2085.7909%20225.209%2084%20223%2084H110Z%22%20fill%3D%22%23000000%22%20%2F%3E%3C%2Fsvg%3E);
|
|
mask: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%22256%22%20height%3D%2278%22%20viewBox%3D%2232%2024%20256%2078%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M36%2024C33.7909%2024%2032%2025.7909%2032%2028V78C32%2080.2091%2033.7909%2082%2036%2082H86C88.2091%2082%2090%2080.2091%2090%2078V28C90%2025.7909%2088.2091%2024%2086%2024H36ZM110%2024C107.791%2024%20106%2025.7909%20106%2028V38C106%2040.2091%20107.791%2042%20110%2042H179C181.209%2042%20183%2040.2091%20183%2038V28C183%2025.7909%20181.209%2024%20179%2024H110ZM106%2058C106%2055.7909%20107.791%2054%20110%2054H284C286.209%2054%20288%2055.7909%20288%2058V68C288%2070.2091%20286.209%2072%20284%2072H110C107.791%2072%20106%2070.2091%20106%2068V58ZM110%2084C107.791%2084%20106%2085.7909%20106%2088V98C106%20100.209%20107.791%20102%20110%20102H223C225.209%20102%20227%20100.209%20227%2098V88C227%2085.7909%20225.209%2084%20223%2084H110Z%22%20fill%3D%22%23000000%22%20%2F%3E%3C%2Fsvg%3E);
|
|
-webkit-mask-size: 100%;
|
|
mask-size: 100%;
|
|
mask-type: luminance;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: var(--custom-message-helpers-popout-content-width)
|
|
}
|
|
|
|
.popoutLoadingForeground__0f481 {
|
|
animation: popout-loading__0f481 4s ease-in-out infinite;
|
|
background-image: linear-gradient(to right,var(--primary-600),var(--primary-500),var(--primary-600));
|
|
bottom: 0;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: calc(var(--custom-message-helpers-popout-content-width)*2)
|
|
}
|
|
|
|
.theme-light .popoutLoadingForeground__0f481 {
|
|
background-image: linear-gradient(to right,var(--primary-100),var(--primary-200),var(--primary-100))
|
|
}
|
|
|
|
.theme-light .topicsPillMiddle__0f481:hover {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
&.background-opacity-high .messageGroupBlocked__0f481,&.background-opacity-low .messageGroupBlocked__0f481,&.background-opacity-medium .messageGroupBlocked__0f481 {
|
|
background-color: hsl(var(--primary-600-hsl)/.3);
|
|
border-color: hsl(var(--primary-630-hsl)/.2)
|
|
}
|
|
|
|
&.background-opacity-high .messageGroupBlocked__0f481 .messageGroupBlockedBtn__0f481,&.background-opacity-low .messageGroupBlocked__0f481 .messageGroupBlockedBtn__0f481,&.background-opacity-medium .messageGroupBlocked__0f481 .messageGroupBlockedBtn__0f481 {
|
|
background-color: transparent;
|
|
color: var(--primary-100)
|
|
}
|
|
|
|
&.background-opacity-high .messageGroupBlocked__0f481 .messageGroupBlockedBtn__0f481:hover,&.background-opacity-low .messageGroupBlocked__0f481 .messageGroupBlockedBtn__0f481:hover,&.background-opacity-medium .messageGroupBlocked__0f481 .messageGroupBlockedBtn__0f481:hover {
|
|
background: hsl(var(--primary-600-hsl)/.4)
|
|
}
|
|
|
|
.background-opacity-low .divider__0f481:not(.dividerRed__0f481) {
|
|
opacity: .8
|
|
}
|
|
|
|
.background-opacity-low .divider__0f481:not(.dividerRed__0f481) .dividerContent__0f481 {
|
|
color: var(--white);
|
|
opacity: .8
|
|
}
|
|
|
|
.background-opacity-low .divider__0f481:not(.dividerRed__0f481) .dividerContent__0f481:before {
|
|
border-color: currentColor
|
|
}
|
|
|
|
.background-opacity-medium .divider__0f481 {
|
|
opacity: .8
|
|
}
|
|
|
|
.background-opacity-medium .divider__0f481:not(.dividerRed__0f481) .dividerContent__0f481 {
|
|
color: var(--primary-200)
|
|
}
|
|
|
|
.background-opacity-medium .divider__0f481:not(.dividerRed__0f481) .dividerContent__0f481:before {
|
|
background-color: currentColor;
|
|
opacity: .8
|
|
}
|
|
|
|
.background-opacity-high .divider__0f481 {
|
|
opacity: .5
|
|
}
|
|
|
|
.background-opacity-high .divider__0f481:not(.dividerRed__0f481) .dividerContent__0f481 {
|
|
color: var(--primary-200)
|
|
}
|
|
|
|
.background-opacity-high .divider__0f481:not(.dividerRed__0f481) .dividerContent__0f481:before {
|
|
background-color: currentColor;
|
|
opacity: .8
|
|
}
|
|
|
|
.disableInteractions__0f481.hasMore__0f481 {
|
|
visibility: hidden
|
|
}
|
|
|
|
.newTopicsBarContainer__0f481 {
|
|
height: 32px;
|
|
background-color: var(--brand-500);
|
|
border-radius: 0 0 8px 8px;
|
|
box-shadow: var(--elevation-low);
|
|
color: var(--white);
|
|
justify-content: space-between;
|
|
top: 0
|
|
}
|
|
|
|
.newTopicsBarContainer__0f481:active {
|
|
box-shadow: 0 0 0 hsl(var(--black-hsl)/0)
|
|
}
|
|
|
|
@media (max-width: 914px) {
|
|
.newTopicsBarCompact__0f481 {
|
|
display:none
|
|
}
|
|
|
|
.newTopicsBarText__0f481 .topicsPillDropdownCaret__0f481 {
|
|
padding-inline-start:0}
|
|
}
|
|
|
|
.newTopicsBarTopicSection__0f481 {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-inline-start:8px;max-width: 33%;
|
|
z-index: 2
|
|
}
|
|
|
|
.newTopicsBarTextClickable__0f481 {
|
|
overflow: hidden;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.newTopicsBarTextClickable__0f481:hover .newTopicsBarCaret__0f481 {
|
|
opacity: 1
|
|
}
|
|
|
|
.newTopicsBarCaret__0f481 {
|
|
margin-inline-end:4px;opacity: .7;
|
|
padding-inline-start:8px}
|
|
|
|
.newTopicsBarText__0f481 {
|
|
color: var(--white);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.newTopicsBarIcon__0f481 {
|
|
margin-inline:4px;min-height: 16px;
|
|
min-width: 16px
|
|
}
|
|
|
|
.newTopicsBarInitial__0f481 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
text-transform: none;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.newTopicsBarInitial__0f481,.newTopicsBarTextSelected__0f481,.newTopicsBarTextUnselected__0f481 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.newTopicsBarTextSelected__0f481 {
|
|
background-color: rgba(0,0,0,.1);
|
|
border-radius: 16px;
|
|
height: 20px
|
|
}
|
|
|
|
.newTopicsBarTextSelected__0f481 .topicsPillDropdownCaret__0f481 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.flexEnd__0f481 {
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.flexStart__0f481 {
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.topicsPillContainer__0f481 {
|
|
background: var(--background-gradient-lower,var(--background-surface-high));
|
|
border-radius: 0 0 8px 8px;
|
|
border-top: 0;
|
|
box-shadow: var(--shadow-low);
|
|
height: 32px;
|
|
min-height: 32px;
|
|
opacity: 1;
|
|
top: 0
|
|
}
|
|
|
|
.topicsPill__0f481 {
|
|
align-items: center;
|
|
display: flex;
|
|
width: 100%;
|
|
z-index: 2
|
|
}
|
|
|
|
.topicsPillText__0f481 {
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex: 1;
|
|
overflow: hidden;
|
|
padding-block:8px;padding-inline:10px 8px;text-align: center
|
|
}
|
|
|
|
.topicsPillText__0f481,.topicsPillText__0f481:hover .topicsPillDropdownCaret__0f481 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.topicsPillTextUnselected__0f481 {
|
|
align-items: center;
|
|
display: flex;
|
|
overflow: hidden;
|
|
padding-inline-start:4px;text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.topicsPillTextSelected__0f481 {
|
|
background: var(--background-gradient-low,rgba(0,0,0,.1));
|
|
border-radius: 16px;
|
|
display: flex;
|
|
height: 26px
|
|
}
|
|
|
|
.topicsPillTextSelected__0f481 .topicsPillDropdownCaret__0f481 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.topicsPillSummaryIcon__0f481 {
|
|
margin-inline-end:4px;min-height: 16px;
|
|
min-width: 16px
|
|
}
|
|
|
|
.topicsPillTextTitle__0f481 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.topicsPillDropdownCaret__0f481 {
|
|
color: var(--interactive-text-default);
|
|
margin-inline-end:4px;padding-inline-start:8px}
|
|
|
|
.topicsPillCarets__0f481 {
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: space-between;
|
|
padding-inline-end:16px;top: 4px
|
|
}
|
|
|
|
.topicsPillCaret__0f481 {
|
|
align-items: center;
|
|
background: var(--control-secondary-background-default);
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 32px
|
|
}
|
|
|
|
.topicsPillCaret__0f481:hover {
|
|
background: var(--control-secondary-background-hover);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.topicsPillCaret__0f481:active {
|
|
background: var(--control-secondary-background-active)
|
|
}
|
|
|
|
.topicsCaretRight__0f481 {
|
|
border-radius: 0 20px 20px 0
|
|
}
|
|
|
|
.topicsCaretLeft__0f481 {
|
|
border-inline-end:1px solid var(--border-subtle);border-radius: 20px 0 0 20px
|
|
}
|
|
|
|
.topicsPillCaretDisabled__0f481 {
|
|
opacity: .5;
|
|
pointer-events: none
|
|
}
|
|
|
|
.topicsDropdownBase__0f481 {
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 8px;
|
|
cursor: default;
|
|
opacity: 1;
|
|
position: absolute;
|
|
width: 412px
|
|
}
|
|
|
|
.topicsDropdown__0f481 {
|
|
top: 40px
|
|
}
|
|
|
|
.topicsDropdownHeading__0f481 {
|
|
background: var(--background-gradient-low,var(--background-base-lowest));
|
|
border-start-end-radius: 8px;
|
|
border-start-start-radius: 8px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding-block:14px;padding-inline:20px 14px}
|
|
|
|
.topicsDropdownHeadingText__0f481 {
|
|
align-items: center;
|
|
display: flex;
|
|
padding-inline-end:16px;padding-top: 6px;
|
|
pointer-events: none
|
|
}
|
|
|
|
.topicsPillHeadingIcon__0f481 {
|
|
color: var(--interactive-text-default);
|
|
padding-inline-end:8px}
|
|
|
|
.summariesBetaTag__0f481 {
|
|
margin-inline-start:4px}
|
|
|
|
.topicsDropdownClose__0f481 {
|
|
cursor: pointer;
|
|
opacity: .5;
|
|
transition: opacity .2s;
|
|
-webkit-app-region: no-drag;
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.topicsDropdownClose__0f481:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.topicsScroller__0f481 {
|
|
background: var(--background-gradient-lower,var(--background-base-lower));
|
|
border-end-end-radius: 8px;
|
|
border-end-start-radius: 8px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-height: 412px;
|
|
padding-bottom: 4px;
|
|
padding-top: 4px
|
|
}
|
|
|
|
.topicsDotSpacer__0f481,.topicsTimeAgo__0f481 {
|
|
padding-inline-end:8px}
|
|
|
|
.topicsDotSpacer__0f481 {
|
|
color: var(--border-subtle);
|
|
justify-content: center
|
|
}
|
|
|
|
.topicsMessageCount__0f481 {
|
|
min-width: -moz-fit-content;
|
|
min-width: fit-content;
|
|
padding-inline:5px 8px}
|
|
|
|
.topicsChatBubbleIcon__0f481 {
|
|
color: var(--text-default);
|
|
display: flex;
|
|
padding-inline-start:8px}
|
|
|
|
.topicsTopicTitle__0f481 {
|
|
padding-bottom: 4px
|
|
}
|
|
|
|
.topicsSubtitle__0f481 {
|
|
padding-bottom: 12px
|
|
}
|
|
|
|
.emojiSection_d5cd2d {
|
|
padding: var(--custom-message-helpers-popout-padding-width);
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.customEmojiLabel_d5cd2d {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden
|
|
}
|
|
|
|
.theme-dark .betaTag_d5cd2d {
|
|
background-color: #fff;
|
|
color: var(--premium-tier-2-pink-for-gradients-2)
|
|
}
|
|
|
|
.theme-light .betaTag_d5cd2d {
|
|
background: linear-gradient(to right,var(--premium-tier-2-pink-for-gradients),var(--premium-tier-2-pink-for-gradients-2),var(--premium-tier-2-purple-for-gradients));
|
|
color: var(--white)
|
|
}
|
|
|
|
.primaryEmoji_d5cd2d {
|
|
margin-top: 4px;
|
|
min-height: var(--custom-emoji-size-jumbo-emoji);
|
|
min-width: var(--custom-emoji-size-jumbo-emoji)
|
|
}
|
|
|
|
.ctaButton_d5cd2d {
|
|
margin: 16px auto 0
|
|
}
|
|
|
|
.guildSection_d5cd2d {
|
|
background-color: var(--background-base-lower);
|
|
padding: var(--custom-message-helpers-popout-padding-width)
|
|
}
|
|
|
|
.guildTitle_d5cd2d {
|
|
color: var(--text-default);
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.guildIcon_d5cd2d {
|
|
cursor: pointer
|
|
}
|
|
|
|
.guildIcon_d5cd2d,.guildIconNotClickable_d5cd2d {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.guildBadge_d5cd2d {
|
|
margin-inline-end:4px;min-width: 16px
|
|
}
|
|
|
|
.guildName_d5cd2d {
|
|
cursor: pointer
|
|
}
|
|
|
|
.showMoreEmojis_d5cd2d {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-top: 8px;
|
|
transition: color .125s
|
|
}
|
|
|
|
.showMoreEmojis_d5cd2d:hover {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.showMoreEmojisArrow_d5cd2d {
|
|
height: 16px;
|
|
inset-inline-start: 4px;
|
|
position: relative;
|
|
width: 16px
|
|
}
|
|
|
|
.full-motion .showMoreEmojisArrow_d5cd2d {
|
|
transition: transform .1s
|
|
}
|
|
|
|
.showMoreEmojisArrow_d5cd2d.showMoreEmojisArrowCollapsed_d5cd2d {
|
|
transform: rotate(-90deg)
|
|
}
|
|
|
|
.otherEmojisContainer_d5cd2d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-top: 4px
|
|
}
|
|
|
|
.otherEmoji_d5cd2d {
|
|
flex-basis: calc(16.66667% - 4px);
|
|
height: 32px;
|
|
margin: 4px 2px;
|
|
min-width: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.truncatingText_d5cd2d {
|
|
min-width: 0
|
|
}
|
|
|
|
.dotSeparator_d5cd2d {
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
height: 4px;
|
|
margin: 0 8px;
|
|
width: 4px
|
|
}
|
|
|
|
.theme-light .popoutContent_d5cd2d,.theme-light .popoutLoader_d5cd2d {
|
|
background-color: var(--background-surface-high);
|
|
box-shadow: var(--shadow-border),var(--shadow-high)
|
|
}
|
|
|
|
.joinGuildLink_d5cd2d {
|
|
color: var(--text-link);
|
|
cursor: pointer
|
|
}
|
|
|
|
.joinGuildLink_d5cd2d:focus,.joinGuildLink_d5cd2d:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.reactionEmojiDetailsUnfurlGuildDetails_d5cd2d {
|
|
margin: 16px 0 8px
|
|
}
|
|
|
|
.reactionEmojiDetailsClickable_d5cd2d {
|
|
border-radius: var(--radius-xs);
|
|
color: var(--interactive-text-hover);
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: row;
|
|
font-weight: var(--font-weight-semibold);
|
|
justify-content: center;
|
|
margin-top: 8px;
|
|
padding: 6px 0;
|
|
transition: color .125s
|
|
}
|
|
|
|
.reactionEmojiDetailsClickable_d5cd2d:hover {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.theme-dark .reactionEmojiDetailsClickable_d5cd2d {
|
|
background-color: hsl(var(--primary-300-hsl)/.1)
|
|
}
|
|
|
|
.theme-light .reactionEmojiDetailsClickable_d5cd2d {
|
|
background-color: hsl(var(--primary-700-hsl)/.1)
|
|
}
|
|
|
|
.emojiDetailsLoader_d5cd2d {
|
|
box-shadow: none
|
|
}
|
|
|
|
.reactionEmojiDetailsArrow_d5cd2d {
|
|
margin-top: 2px
|
|
}
|
|
|
|
.full-motion .reactionEmojiDetailsArrow_d5cd2d {
|
|
transition: transform .1s
|
|
}
|
|
|
|
.reactionEmojiDetailsArrow_d5cd2d.reactionEmojiDetailsArrowCollapsed_d5cd2d {
|
|
transform: rotate(-90deg)
|
|
}
|
|
|
|
.reactionEmojiDetailsDivider_d5cd2d {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
margin: 16px 0
|
|
}
|
|
|
|
.inventoryCtaButton_d5cd2d {
|
|
margin: 8px auto 0
|
|
}
|
|
|
|
.ctaDescription_d5cd2d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.nitroWheel_d5cd2d {
|
|
margin-inline-end:8px}
|
|
|
|
.betaTag_d5cd2d {
|
|
inset-inline-end: -8px;
|
|
position: absolute;
|
|
top: -4px
|
|
}
|
|
|
|
.effect__68185 {
|
|
bottom: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
width: var(--custom-voice-channel-effect-voice-channel-effect-animation-size);
|
|
z-index: 1001
|
|
}
|
|
|
|
.effects__58042 {
|
|
border-radius: var(--radius-sm);
|
|
bottom: 0;
|
|
inset-inline: 0;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.soundButtonWrapper__9be63 {
|
|
background: var(--background-base-lower);
|
|
list-style: none
|
|
}
|
|
|
|
.soundButton__9be63,.soundButtonWrapper__9be63 {
|
|
border-radius: var(--radius-sm);
|
|
position: relative
|
|
}
|
|
|
|
.soundButton__9be63 {
|
|
align-items: center;
|
|
background: var(--background-mod-subtle);
|
|
border: 1px solid transparent;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: row;
|
|
font-weight: var(--font-weight-semibold);
|
|
height: 40px;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
width: 148px
|
|
}
|
|
|
|
.soundButton__9be63.focused__9be63,.soundButton__9be63:active:not(:focus-within),.soundButton__9be63:hover {
|
|
border-color: var(--border-subtle)
|
|
}
|
|
|
|
.high-contrast-mode .soundButton__9be63 {
|
|
border-color: var(--border-muted)
|
|
}
|
|
|
|
.animated__9be63:active:not(:focus-within) {
|
|
box-shadow: none;
|
|
outline-width: 1px
|
|
}
|
|
|
|
.full-motion .animated__9be63:active:not(:focus-within) {
|
|
transform: translateY(2px)
|
|
}
|
|
|
|
.addButton__9be63 {
|
|
align-items: center;
|
|
display: flex;
|
|
margin: 3px
|
|
}
|
|
|
|
.plusSign__9be63 {
|
|
color: var(--text-muted);
|
|
height: 18px;
|
|
width: 18px
|
|
}
|
|
|
|
.addButton__9be63>* {
|
|
margin-inline-end:4px}
|
|
|
|
.hoverActiveBackground__9be63.focused__9be63,.hoverActiveBackground__9be63:focus-within {
|
|
background: var(--background-mod-normal)
|
|
}
|
|
|
|
.hoverActiveBackground__9be63:hover {
|
|
background: var(--background-mod-strong)
|
|
}
|
|
|
|
.soundButton__9be63.focused__9be63 .buttonOverlay__9be63,.soundButton__9be63:focus-within .buttonOverlay__9be63,.soundButton__9be63:hover .buttonOverlay__9be63 {
|
|
opacity: 1;
|
|
visibility: visible
|
|
}
|
|
|
|
.soundButton__9be63.focused__9be63 .addButtonOverlay__9be63,.soundButton__9be63:focus-within .addButtonOverlay__9be63,.soundButton__9be63:hover .addButtonOverlay__9be63 {
|
|
opacity: 1;
|
|
visibility: visible
|
|
}
|
|
|
|
.soundInfo__9be63 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
padding: 8px
|
|
}
|
|
|
|
.soundName__9be63 {
|
|
color: var(--text-strong);
|
|
display: -webkit-box;
|
|
flex-grow: 0;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
word-break: break-word
|
|
}
|
|
|
|
.soundName__9be63.hasEmoji__9be63 {
|
|
text-align: start
|
|
}
|
|
|
|
.emoji__9be63 {
|
|
flex-shrink: 0;
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.soundButtonInteractive__9be63 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.soundButtonInteractive__9be63.playing__9be63 {
|
|
border-color: var(--status-positive-background)
|
|
}
|
|
|
|
.buttonDisabledSecondaryActionsEnabled__9be63 {
|
|
cursor: default
|
|
}
|
|
|
|
.buttonDisabled__9be63 {
|
|
pointer-events: none
|
|
}
|
|
|
|
.premiumDisabled__9be63 {
|
|
opacity: .5
|
|
}
|
|
|
|
.absoluteFill__9be63 {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.addButtonOverlay__9be63,.buttonOverlay__9be63 {
|
|
opacity: 0;
|
|
transition: opacity .2s ease;
|
|
visibility: hidden
|
|
}
|
|
|
|
.buttonOverlayBackground__9be63 {
|
|
background: var(--background-surface-highest);
|
|
opacity: .8
|
|
}
|
|
|
|
.buttonOverlayActions__9be63 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 0 8px
|
|
}
|
|
|
|
.secondaryButton__9be63 {
|
|
color: var(--interactive-text-default);
|
|
display: flex
|
|
}
|
|
|
|
.secondaryButton__9be63:focus,.secondaryButton__9be63:hover {
|
|
color: var(--interactive-text-hover);
|
|
cursor: pointer
|
|
}
|
|
|
|
.secondaryIcon__9be63 {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.favoriteIconFavorite__9be63 {
|
|
color: var(--text-feedback-warning)
|
|
}
|
|
|
|
.primaryIcon__9be63 {
|
|
color: var(--interactive-text-active);
|
|
flex: 1;
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.lockIcon__9be63,.primaryIcon__9be63 {
|
|
pointer-events: none
|
|
}
|
|
|
|
.primaryIconTopLevel__9be63 {
|
|
position: absolute;
|
|
z-index: 9999
|
|
}
|
|
|
|
.unavailableTooltip__9be63 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 40px;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
inset-inline-end: 0;
|
|
justify-content: space-between;
|
|
padding: 0 8px
|
|
}
|
|
|
|
.unavailableTooltip__9be63:hover .unavailableTooltipActions__9be63 {
|
|
opacity: 1;
|
|
visibility: visible
|
|
}
|
|
|
|
.unavailableTooltipActions__9be63 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
opacity: 0;
|
|
pointer-events: auto;
|
|
transition: opacity .2s ease;
|
|
visibility: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.icon__14ad3 {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.sliderContainer__14ad3 {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 188px;
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.slider__14ad3 {
|
|
margin-bottom: calc(var(--space-8)*-1)
|
|
}
|
|
|
|
.betaBadge__14ad3 {
|
|
inset-inline-start: var(--space-8);
|
|
position: absolute;
|
|
top: -8px
|
|
}
|
|
|
|
.infoContainer__14ad3 {
|
|
border-radius: var(--radius-sm);
|
|
max-width: 300px
|
|
}
|
|
|
|
.infoTooltip__14ad3 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.infoNitroContainer__14ad3 {
|
|
background-color: var(--background-surface-high);
|
|
position: relative
|
|
}
|
|
|
|
.infoNitroBackground__14ad3 {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
|
|
inset: 0;
|
|
opacity: .64;
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
.infoNitroTextContainer__14ad3 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: var(--space-8);
|
|
position: relative;
|
|
z-index: 2
|
|
}
|
|
|
|
.infoNitroIcon__14ad3 {
|
|
margin-inline-end:var(--space-4)}
|
|
|
|
.infoNitroText__14ad3 {
|
|
flex: 1;
|
|
margin-inline-end:var(--space-16)}
|
|
|
|
.infoNitroBadge__14ad3 {
|
|
margin-inline-start: 0 auto
|
|
}
|
|
|
|
.infoSoundContainer__14ad3 {
|
|
background-color: var(--background-surface-high);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4);
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.infoSoundInnerContainer__14ad3 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.infoSoundIcon__14ad3 {
|
|
margin-inline-end:var(--space-4)}
|
|
|
|
.infoExpandedSoundContainer__14ad3 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-16);
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
.infoExpandedGuildContainer__14ad3 {
|
|
align-items: start;
|
|
background-color: var(--background-mod-normal);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8);
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
.infoExpandedGuildInfo__14ad3 {
|
|
width: 100%
|
|
}
|
|
|
|
.infoExpandedGuildTitle__14ad3 {
|
|
align-self: flex-start
|
|
}
|
|
|
|
.infoExpandedGuildInfoContainer__14ad3 {
|
|
align-items: center;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.jumboContainer__5cc6a {
|
|
margin: 2px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.jumboButton__5cc6a,.jumboContainer__5cc6a {
|
|
display: inline-flex
|
|
}
|
|
|
|
.inlineButton__5cc6a {
|
|
background: var(--card-background-default);
|
|
border: 1px solid var(--border-strong);
|
|
box-shadow: inset 0 -4px 0 0 rgba(0,0,0,.12),0 2px 0 0 rgba(0,0,0,.2);
|
|
display: inline-block
|
|
}
|
|
|
|
.full-motion .inlineButton__5cc6a {
|
|
transition: box-shadow .1s ease-in-out,transform .2s ease
|
|
}
|
|
|
|
.inlineButton__5cc6a:active,.inlineButton__5cc6a:hover {
|
|
border: 1px solid hsla(0,0%,100%,.5)
|
|
}
|
|
|
|
.inlineButton__5cc6a:active {
|
|
background: var(--card-primary-pressed-bg);
|
|
box-shadow: none
|
|
}
|
|
|
|
.full-motion .inlineButton__5cc6a:active {
|
|
transform: translateY(2px)
|
|
}
|
|
|
|
.inlineButton__5cc6a.playing__5cc6a {
|
|
border: 1px solid var(--control-connected-border-default)
|
|
}
|
|
|
|
.inlineContainer__5cc6a {
|
|
align-items: center;
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
line-height: 1.5em;
|
|
margin: 2px 0;
|
|
padding: 0 var(--space-4);
|
|
position: relative;
|
|
text-align: center;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.inlineTextArea__5cc6a {
|
|
margin: 2px var(--space-4)
|
|
}
|
|
|
|
.soundmojiEmoji__5cc6a {
|
|
line-height: 1.5em;
|
|
margin-bottom: 1.5px;
|
|
width: 1em!important
|
|
}
|
|
|
|
.unknownSound__5cc6a {
|
|
height: 1em;
|
|
position: relative;
|
|
top: 2px;
|
|
width: 1em
|
|
}
|
|
|
|
.tooltip__5cc6a {
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.tooltipContainer__5cc6a {
|
|
padding: 0
|
|
}
|
|
|
|
.emojiContainer__75abc {
|
|
display: inline-block
|
|
}
|
|
|
|
.emojiContainerClickable__75abc {
|
|
cursor: pointer
|
|
}
|
|
|
|
.emojiJumbo__75abc {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.hljs-ansi-control-sequence {
|
|
display: none
|
|
}
|
|
|
|
.hljs-ansi-style-bold {
|
|
font-weight: var(--font-weight-bold)
|
|
}
|
|
|
|
.hljs-ansi-style-underline {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.hljs-ansi-foreground-black {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.hljs-ansi-foreground-black .hljs-ansi-background-black,.hljs-ansi-foreground-black .hljs-ansi-background-blue,.hljs-ansi-foreground-black .hljs-ansi-background-cyan,.hljs-ansi-foreground-black .hljs-ansi-background-green,.hljs-ansi-foreground-black .hljs-ansi-background-magenta,.hljs-ansi-foreground-black .hljs-ansi-background-red,.hljs-ansi-foreground-black .hljs-ansi-background-white,.hljs-ansi-foreground-black .hljs-ansi-background-yellow {
|
|
color: #073642
|
|
}
|
|
|
|
.hljs-ansi-foreground-red {
|
|
color: #dc322f
|
|
}
|
|
|
|
.hljs-ansi-foreground-green {
|
|
color: #859900
|
|
}
|
|
|
|
.hljs-ansi-foreground-yellow {
|
|
color: #b58900
|
|
}
|
|
|
|
.hljs-ansi-foreground-blue {
|
|
color: #268bd2
|
|
}
|
|
|
|
.hljs-ansi-foreground-magenta {
|
|
color: #d33682
|
|
}
|
|
|
|
.hljs-ansi-foreground-cyan {
|
|
color: #2aa198
|
|
}
|
|
|
|
.hljs-ansi-foreground-white {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.hljs-ansi-foreground-white .hljs-ansi-background-black,.hljs-ansi-foreground-white .hljs-ansi-background-blue,.hljs-ansi-foreground-white .hljs-ansi-background-cyan,.hljs-ansi-foreground-white .hljs-ansi-background-green,.hljs-ansi-foreground-white .hljs-ansi-background-magenta,.hljs-ansi-foreground-white .hljs-ansi-background-red,.hljs-ansi-foreground-white .hljs-ansi-background-white,.hljs-ansi-foreground-white .hljs-ansi-background-yellow {
|
|
color: #eee8d5
|
|
}
|
|
|
|
.hljs-ansi-background-black {
|
|
background-color: #002b36
|
|
}
|
|
|
|
.hljs-ansi-background-red {
|
|
background-color: #cb4b16
|
|
}
|
|
|
|
.hljs-ansi-background-green {
|
|
background-color: #586e75
|
|
}
|
|
|
|
.hljs-ansi-background-yellow {
|
|
background-color: #657b83
|
|
}
|
|
|
|
.hljs-ansi-background-blue {
|
|
background-color: #839496
|
|
}
|
|
|
|
.hljs-ansi-background-magenta {
|
|
background-color: #6c71c4
|
|
}
|
|
|
|
.hljs-ansi-background-cyan {
|
|
background-color: #93a1a1
|
|
}
|
|
|
|
.hljs-ansi-background-white {
|
|
background-color: #fdf6e3
|
|
}
|
|
|
|
@use postcss-pxtorem;.markup__75297 {
|
|
font-size: 1rem;
|
|
line-height: var(--chat-markup-line-height);
|
|
white-space: break-spaces;
|
|
word-wrap: break-word;
|
|
color: var(--text-default);
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.markup__75297 a {
|
|
color: var(--text-link);
|
|
cursor: pointer;
|
|
-webkit-text-decoration: var(--link-decoration);
|
|
text-decoration: var(--link-decoration);
|
|
word-break: break-word
|
|
}
|
|
|
|
.markup__75297 a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.markup__75297 strong {
|
|
font-weight: var(--font-weight-bold)
|
|
}
|
|
|
|
.markup__75297 em {
|
|
font-style: italic
|
|
}
|
|
|
|
.markup__75297 pre {
|
|
background-clip: border-box;
|
|
border-radius: 4px;
|
|
font-family: var(--font-code);
|
|
font-size: .75rem;
|
|
line-height: 1rem;
|
|
margin-top: 6px;
|
|
padding: 0;
|
|
white-space: pre-wrap
|
|
}
|
|
|
|
.markup__75297 blockquote,.markup__75297 pre {
|
|
box-sizing: border-box;
|
|
max-width: 90%
|
|
}
|
|
|
|
.markup__75297 blockquote {
|
|
color: var(--text-subtle);
|
|
text-indent: 0
|
|
}
|
|
|
|
.markup__75297 blockquote pre {
|
|
max-width: 100%
|
|
}
|
|
|
|
.markup__75297 small:not(.inlineFormat__75297) {
|
|
color: var(--text-subtle);
|
|
display: block;
|
|
font-size: .875rem;
|
|
line-height: 1.20313rem
|
|
}
|
|
|
|
.markup__75297 small.inlineFormat__75297:after {
|
|
content: " "
|
|
}
|
|
|
|
.markup__75297 code {
|
|
background: var(--background-code);
|
|
border: 1px solid var(--border-normal);
|
|
font-size: .875rem;
|
|
line-height: 1.125rem;
|
|
text-indent: 0;
|
|
white-space: pre-wrap
|
|
}
|
|
|
|
.markup__75297 .no-webkit-scrollbar code {
|
|
scrollbar-color: var(--background-base-lowest) var(--background-base-lower);
|
|
scrollbar-width: thin
|
|
}
|
|
|
|
.markup__75297 code.inline {
|
|
border-radius: 4px;
|
|
font-family: var(--font-code);
|
|
font-size: 85%;
|
|
height: auto;
|
|
margin: -.2em 0;
|
|
padding: 0 .2em;
|
|
text-indent: 0;
|
|
white-space: pre-wrap;
|
|
width: auto
|
|
}
|
|
|
|
.markup__75297 .codeContainer__75297 {
|
|
max-width: 50vw;
|
|
position: relative
|
|
}
|
|
|
|
.markup__75297 .codeActions__75297 {
|
|
display: none;
|
|
inset-inline-end: 4px;
|
|
position: absolute;
|
|
top: 8px
|
|
}
|
|
|
|
.markup__75297 .codeContainer__75297:hover .codeActions__75297 {
|
|
display: block
|
|
}
|
|
|
|
.markup__75297 .inlineFormat__75297 li,.markup__75297.inlineFormat__75297 li {
|
|
display: inline;
|
|
margin: 0;
|
|
padding-inline-end:8px}
|
|
|
|
.markup__75297 .inlineFormat__75297 li:before,.markup__75297.inlineFormat__75297 li:before {
|
|
content: "•";
|
|
padding-inline-end:4px}
|
|
|
|
.markup__75297 .inlineFormat__75297 li li:before,.markup__75297.inlineFormat__75297 li li:before {
|
|
content: "â—‹";
|
|
font-size: .625rem;
|
|
line-height: 1rem;
|
|
padding: 0 4px 4px
|
|
}
|
|
|
|
.markup__75297 li {
|
|
margin-bottom: 4px;
|
|
white-space: break-spaces
|
|
}
|
|
|
|
.markup__75297 ol,.markup__75297 ul {
|
|
list-style-position: outside;
|
|
margin-block:4px 0;margin-inline:16px 0}
|
|
|
|
.markup__75297 ol.inlineFormat__75297,.markup__75297 ul.inlineFormat__75297 {
|
|
display: inline;
|
|
margin: 0;
|
|
padding-block:0;padding-inline:0 8px}
|
|
|
|
.markup__75297 ul {
|
|
list-style-type: disc
|
|
}
|
|
|
|
.markup__75297 ol {
|
|
list-style-type: decimal;
|
|
margin-inline-start:calc(.4em + var(--totalCharacters)*.6em)}
|
|
|
|
.markup__75297 ol ul,.markup__75297 ul ul {
|
|
list-style-type: circle;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.markup__75297 ol ol,.markup__75297 ul ol {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.markup__75297 h1,.markup__75297 h2,.markup__75297 h3,.markup__75297 h4,.markup__75297 h5,.markup__75297 h6 {
|
|
color: var(--text-strong);
|
|
font-family: var(--font-display);
|
|
font-weight: var(--font-weight-bold);
|
|
line-height: 1.375em;
|
|
margin: 16px 0 4px
|
|
}
|
|
|
|
.markup__75297 h1.inlineFormat__75297,.markup__75297 h2.inlineFormat__75297,.markup__75297 h3.inlineFormat__75297,.markup__75297 h4.inlineFormat__75297,.markup__75297 h5.inlineFormat__75297,.markup__75297 h6.inlineFormat__75297 {
|
|
color: inherit;
|
|
display: inline;
|
|
font-size: inherit;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 1.25em;
|
|
margin: 0!important;
|
|
padding-inline-end:16px;white-space: normal
|
|
}
|
|
|
|
.markup__75297 h1 {
|
|
font-size: 1.5rem;
|
|
margin: 16px 0 8px
|
|
}
|
|
|
|
.markup__75297 h2 {
|
|
font-size: 1.25rem;
|
|
margin: 16px 0 8px
|
|
}
|
|
|
|
.markup__75297 h3 {
|
|
font-size: 1rem;
|
|
margin: 16px 0 8px
|
|
}
|
|
|
|
.markup__75297 h1:first-child,.markup__75297 h2:first-child {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.markup__75297 h3:first-child,.markup__75297 h4:first-child,.markup__75297 h5:first-child,.markup__75297 h6:first-child {
|
|
margin-top: 4px
|
|
}
|
|
|
|
.custom-theme-background .markup__75297 code {
|
|
background: color-mix(in oklab,var(--background-code) 95%,var(--white))
|
|
}
|
|
|
|
@media (-webkit-max-device-pixel-ratio: 1) {
|
|
.theme-light .markup__75297 {
|
|
font-weight:var(--font-weight-medium)
|
|
}
|
|
}
|
|
|
|
.blockquoteContainer__75297 {
|
|
display: flex;
|
|
margin-bottom: var(--space-4);
|
|
margin-top: var(--space-4)
|
|
}
|
|
|
|
.blockquoteContainer__75297 .blockquoteDivider__75297 {
|
|
border-radius: 4px;
|
|
min-width: 4px;
|
|
width: 4px
|
|
}
|
|
|
|
.blockquoteContainer__75297 blockquote {
|
|
box-sizing: border-box;
|
|
padding-block:0;padding-inline:12px 8px;text-indent: 0
|
|
}
|
|
|
|
.blockquoteDivider__75297 {
|
|
background-color: var(--spine-default)
|
|
}
|
|
|
|
.slateBlockquoteContainer__75297 {
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.slateBlockquoteContainer__75297 .blockquoteDivider__75297,.slateBlockquoteContainer__75297 blockquote {
|
|
border-radius: 0;
|
|
margin: 0
|
|
}
|
|
|
|
.slateBlockquoteContainer__75297 blockquote {
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.background-opacity-low .markup__75297,.background-opacity-medium .markup__75297 {
|
|
font-weight: var(--font-weight-normal)
|
|
}
|
|
|
|
.background-opacity-low .markup__75297 {
|
|
color: var(--white);
|
|
text-shadow: 0 0 1px var(--primary-700),1px 1px 0 var(--primary-700)
|
|
}
|
|
|
|
.background-opacity-low .markup__75297 a {
|
|
color: var(--text-link);
|
|
text-shadow: 0 0 1px hsl(var(--primary-700-hsl)/.7),1px 1px 0 hsl(var(--primary-700-hsl)/.7)
|
|
}
|
|
|
|
.background-opacity-medium .markup__75297 {
|
|
color: var(--primary-100);
|
|
text-shadow: 0 0 1px var(--primary-600),1px 1px 0 var(--primary-600)
|
|
}
|
|
|
|
.background-opacity-medium .markup__75297 a {
|
|
color: var(--text-link);
|
|
text-shadow: 0 0 1px hsl(var(--primary-700-hsl)/.8),1px 1px 0 hsl(var(--primary-700-hsl)/.8)
|
|
}
|
|
|
|
.background-opacity-high .markup__75297 {
|
|
color: var(--primary-100);
|
|
text-shadow: 0 0 1px var(--primary-600),1px 1px 0 var(--primary-600)
|
|
}
|
|
|
|
.background-opacity-low pre,.background-opacity-medium pre {
|
|
border-color: hsl(var(--primary-500-hsl)/.2)
|
|
}
|
|
|
|
.background-opacity-high pre,.background-opacity-low pre,.background-opacity-medium pre {
|
|
background: hsl(var(--primary-630-hsl)/.3);
|
|
border-color: hsl(var(--primary-700-hsl)/.1)
|
|
}
|
|
|
|
.background-opacity-high code,.background-opacity-low code,.background-opacity-medium code {
|
|
background-color: transparent
|
|
}
|
|
|
|
.background-opacity-high code.inline,.background-opacity-low code.inline,.background-opacity-medium code.inline {
|
|
background-color: hsl(var(--primary-630-hsl)/.3)
|
|
}
|
|
|
|
.background-opacity-high .mention,.background-opacity-low .mention,.background-opacity-medium .mention {
|
|
text-shadow: 0 1px 1px var(--brand-600),0 1px 0 var(--brand-600)
|
|
}
|
|
|
|
.overlay-unlocked code,.overlay-unlocked code.inline {
|
|
background: var(--background-base-lower);
|
|
border-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.roleMention__75297 {
|
|
filter: saturate(var(--saturation-factor,1));
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.rolePopout__75297 {
|
|
background-color: var(--background-surface-higher);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 8px;
|
|
box-shadow: var(--shadow-high);
|
|
display: flex;
|
|
max-height: calc(100vh - 20px);
|
|
width: 240px
|
|
}
|
|
|
|
.roleHeader__75297 {
|
|
height: 40px;
|
|
padding-block:12px 0;padding-inline:16px 8px}
|
|
|
|
.roleScroller__75297 {
|
|
margin-bottom: 8px;
|
|
margin-top: 4px
|
|
}
|
|
|
|
.timestamp__75297 {
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: 3px;
|
|
padding: 0 2px
|
|
}
|
|
|
|
.timestampTooltip__75297 {
|
|
max-width: unset
|
|
}
|
|
|
|
.enable-forced-colors .blockquoteDivider__75297 {
|
|
background-color: CanvasText
|
|
}
|
|
|
|
.enable-forced-colors code.inline {
|
|
position: relative
|
|
}
|
|
|
|
.enable-forced-colors code.inline:after,.enable-forced-colors code.inline:before {
|
|
border: 1px solid CanvasText;
|
|
content: "";
|
|
display: inline-block;
|
|
height: 1em;
|
|
margin-bottom: -3px;
|
|
width: 2px
|
|
}
|
|
|
|
.enable-forced-colors code.inline:before {
|
|
border-right-width: 0
|
|
}
|
|
|
|
.enable-forced-colors code.inline:after {
|
|
border-left-width: 0
|
|
}
|
|
|
|
.enable-forced-colors .roleMention__75297,.enable-forced-colors .mention {
|
|
background-color: ButtonFace;
|
|
color: ButtonText;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.icon_a9c2d1 {
|
|
margin-inline-end:.1rem}
|
|
|
|
.svgContentRight__7b484 {
|
|
fill: var(--background-base-low)
|
|
}
|
|
|
|
.svgContentLeft__7b484 {
|
|
fill: var(--background-base-lowest)
|
|
}
|
|
|
|
.svgContentLines__7b484,.svgDots__7b484 {
|
|
fill: var(--background-mod-strong)
|
|
}
|
|
|
|
.svgTag__7b484 {
|
|
fill: var(--text-subtle)
|
|
}
|
|
|
|
.wrapper__124c8 {
|
|
background-color: var(--background-surface-high);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
max-width: 432px;
|
|
min-width: 160px;
|
|
padding: 16px;
|
|
text-indent: 0
|
|
}
|
|
|
|
.titleRegion__124c8 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.infoIcon__124c8,.title__124c8 {
|
|
display: block;
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.infoIcon__124c8 {
|
|
height: 16px;
|
|
margin-inline-start:4px;width: 16px
|
|
}
|
|
|
|
.copyLink__124c8 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
font-weight: var(--font-weight-semibold);
|
|
justify-content: flex-start;
|
|
margin-inline-start:16px;padding-inline-end:8px;position: relative
|
|
}
|
|
|
|
.copyLink__124c8:before {
|
|
content: "";
|
|
display: block;
|
|
height: 12px;
|
|
inset-inline-start: -8px;
|
|
margin-inline-end:8px;pointer-events: none;
|
|
position: absolute;
|
|
top: 2px;
|
|
width: 1px
|
|
}
|
|
|
|
.copyLink__124c8.copied__124c8 {
|
|
cursor: default
|
|
}
|
|
|
|
.copyLinkIcon__124c8 {
|
|
display: block;
|
|
height: 16px;
|
|
margin-inline-end:4px;width: 16px
|
|
}
|
|
|
|
.content__124c8 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
flex-flow: row wrap;
|
|
gap: 16px
|
|
}
|
|
|
|
.infoLink__124c8.infoLink__124c8 {
|
|
color: var(--text-default);
|
|
cursor: pointer
|
|
}
|
|
|
|
.buildInfo__124c8 {
|
|
flex: 1000 0 auto;
|
|
height: 40px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.button__124c8 {
|
|
flex: 1 0 auto
|
|
}
|
|
|
|
.buttonSize__124c8 {
|
|
height: 40px;
|
|
width: 80px
|
|
}
|
|
|
|
.subHead__124c8 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.icon__124c8 {
|
|
display: block;
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.buildDetails__124c8 {
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 20px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.barLoader__124c8 {
|
|
border-radius: 8px;
|
|
flex: 0 0 auto;
|
|
height: 16px;
|
|
width: 84%
|
|
}
|
|
|
|
.barTitle__124c8 {
|
|
margin-bottom: 4px;
|
|
margin-top: 2px;
|
|
width: 45%
|
|
}
|
|
|
|
.buttonLoader__124c8 {
|
|
border-radius: 4px;
|
|
height: 40px;
|
|
width: 80px
|
|
}
|
|
|
|
.theme-light .disabledButtonOverride__124c8 {
|
|
background-color: var(--primary-300)!important
|
|
}
|
|
|
|
.copyLink__124c8:before {
|
|
background-color: var(--background-base-low)
|
|
}
|
|
|
|
.buildDetails__124c8,.copyLink__124c8:hover,.infoLink__124c8:hover {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.copyLink__124c8.copied__124c8,.copyLink__124c8.copied__124c8:hover {
|
|
color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.barLoader__124c8,.buttonLoader__124c8 {
|
|
background-color: var(--background-base-low)
|
|
}
|
|
|
|
.root__5c1cf {
|
|
background-color: var(--background-surface-high);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8);
|
|
margin-top: var(--space-8);
|
|
max-width: 360px;
|
|
min-width: 160px;
|
|
padding: var(--space-12);
|
|
width: auto
|
|
}
|
|
|
|
.root__5c1cf div[role=button] {
|
|
margin-inline-start:0}
|
|
|
|
.header__5c1cf {
|
|
align-items: center;
|
|
display: grid
|
|
}
|
|
|
|
.experimentOverride__5c1cf {
|
|
flex: 1
|
|
}
|
|
|
|
.copyLinkButton__5c1cf {
|
|
color: var(--icon-subtle);
|
|
cursor: pointer
|
|
}
|
|
|
|
.copyLinkButton__5c1cf:hover {
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.gameArtHero__15328 {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
height: 106px;
|
|
-webkit-mask-image: linear-gradient(183deg,#000,#000 50px,transparent 325px);
|
|
mask-image: linear-gradient(183deg,#000,#000 50px,transparent 325px);
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
pointer-events: none;
|
|
width: 100%
|
|
}
|
|
|
|
.iconContainer__15328 {
|
|
background: var(--background-surface-high);
|
|
border-radius: 14px;
|
|
height: 80px;
|
|
margin-inline-start:16px;margin-top: 64px;
|
|
padding: 6px;
|
|
width: 80px;
|
|
z-index: 10
|
|
}
|
|
|
|
.headingContainer__15328 {
|
|
padding: 8px 16px 0
|
|
}
|
|
|
|
.bodyContainer__15328 {
|
|
gap: 12px;
|
|
padding: 12px 16px 16px
|
|
}
|
|
|
|
.bodyContainer__15328,.summaryContainer__15328 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.summaryContainer__15328 {
|
|
gap: 8px
|
|
}
|
|
|
|
.clickable__15328 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.gameIcon__15328 {
|
|
background: var(--background-surface-high);
|
|
border-radius: 8px
|
|
}
|
|
|
|
.gameIconFallback__15328 {
|
|
border-radius: 8px;
|
|
padding: 24px
|
|
}
|
|
|
|
.container__15328 {
|
|
align-items: flex-start;
|
|
background: var(--background-surface-high);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 16px;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.container__15328,.error__15328 {
|
|
display: flex
|
|
}
|
|
|
|
.actionButtonsContainer__15328 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
inset-inline-end: 16px;
|
|
position: absolute;
|
|
top: 16px;
|
|
z-index: 10
|
|
}
|
|
|
|
.actionButton__15328 {
|
|
align-items: center;
|
|
background: rgba(0,0,0,.5);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 60px;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 32px;
|
|
justify-content: center;
|
|
padding: 6px;
|
|
width: 32px
|
|
}
|
|
|
|
.container_be1af1 {
|
|
border-radius: 16px;
|
|
box-shadow: var(--elevation-high);
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
width: 300px
|
|
}
|
|
|
|
.spinnerContainer_be1af1 {
|
|
background: var(--background-surface-highest);
|
|
padding: 16px
|
|
}
|
|
|
|
.icon__1bb46 {
|
|
display: inline-block;
|
|
filter: saturate(var(--saturation-factor,1));
|
|
margin-inline-end:3px;margin-bottom: .2rem;
|
|
vertical-align: middle;
|
|
-webkit-user-drag: none;
|
|
background-size: 100%
|
|
}
|
|
|
|
.imageIcon__1bb46 {
|
|
height: 1em;
|
|
width: 1em
|
|
}
|
|
|
|
.name__1bb46 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.hljs {
|
|
border-radius: 4px;
|
|
display: block;
|
|
overflow-x: auto;
|
|
padding: .5em;
|
|
-webkit-text-size-adjust: none;
|
|
-moz-text-size-adjust: none;
|
|
text-size-adjust: none;
|
|
background: var(--background-base-lower);
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.theme-dark .hljs-doctag,.theme-dark .hljs-keyword,.theme-dark .hljs-meta .hljs-keyword,.theme-dark .hljs-template-tag,.theme-dark .hljs-template-variable,.theme-dark .hljs-type,.theme-dark .hljs-variable.language_ {
|
|
color: #ff7b72
|
|
}
|
|
|
|
.theme-dark .hljs-title,.theme-dark .hljs-title.class_,.theme-dark .hljs-title.class_.inherited__,.theme-dark .hljs-title.function_ {
|
|
color: #d2a8ff
|
|
}
|
|
|
|
.theme-dark .hljs-attr,.theme-dark .hljs-attribute,.theme-dark .hljs-literal,.theme-dark .hljs-meta,.theme-dark .hljs-number,.theme-dark .hljs-operator,.theme-dark .hljs-selector-attr,.theme-dark .hljs-selector-class,.theme-dark .hljs-selector-id,.theme-dark .hljs-variable {
|
|
color: #79c0ff
|
|
}
|
|
|
|
.theme-dark .hljs-meta .hljs-string,.theme-dark .hljs-regexp,.theme-dark .hljs-string {
|
|
color: #a5d6ff
|
|
}
|
|
|
|
.theme-dark .hljs-built_in,.theme-dark .hljs-symbol {
|
|
color: #ffa657
|
|
}
|
|
|
|
.theme-dark .hljs-code,.theme-dark .hljs-comment,.theme-dark .hljs-formula {
|
|
color: #8b949e
|
|
}
|
|
|
|
.theme-dark .hljs-name,.theme-dark .hljs-quote,.theme-dark .hljs-selector-pseudo,.theme-dark .hljs-selector-tag {
|
|
color: #7ee787
|
|
}
|
|
|
|
.theme-dark .hljs-subst {
|
|
color: #c9d1d9
|
|
}
|
|
|
|
.theme-dark .hljs-section {
|
|
color: #1f6feb;
|
|
font-weight: 700
|
|
}
|
|
|
|
.theme-dark .hljs-bullet {
|
|
color: #f2cc60
|
|
}
|
|
|
|
.theme-dark .hljs-emphasis {
|
|
color: #c9d1d9;
|
|
font-style: italic
|
|
}
|
|
|
|
.theme-dark .hljs-strong {
|
|
color: #c9d1d9;
|
|
font-weight: 700
|
|
}
|
|
|
|
.theme-dark .hljs-addition {
|
|
background-color: #033a16;
|
|
color: #aff5b4
|
|
}
|
|
|
|
.theme-dark .hljs-deletion {
|
|
background-color: #67060c;
|
|
color: #ffdcd7
|
|
}
|
|
|
|
.theme-light .hljs-doctag,.theme-light .hljs-keyword,.theme-light .hljs-meta .hljs-keyword,.theme-light .hljs-template-tag,.theme-light .hljs-template-variable,.theme-light .hljs-type,.theme-light .hljs-variable.language_ {
|
|
color: #d73a49
|
|
}
|
|
|
|
.theme-light .hljs-title,.theme-light .hljs-title.class_,.theme-light .hljs-title.class_.inherited__,.theme-light .hljs-title.function_ {
|
|
color: #6f42c1
|
|
}
|
|
|
|
.theme-light .hljs-attr,.theme-light .hljs-attribute,.theme-light .hljs-literal,.theme-light .hljs-meta,.theme-light .hljs-number,.theme-light .hljs-operator,.theme-light .hljs-selector-attr,.theme-light .hljs-selector-class,.theme-light .hljs-selector-id,.theme-light .hljs-variable {
|
|
color: #005cc5
|
|
}
|
|
|
|
.theme-light .hljs-meta .hljs-string,.theme-light .hljs-regexp,.theme-light .hljs-string {
|
|
color: #032f62
|
|
}
|
|
|
|
.theme-light .hljs-built_in,.theme-light .hljs-symbol {
|
|
color: #e36209
|
|
}
|
|
|
|
.theme-light .hljs-code,.theme-light .hljs-comment,.theme-light .hljs-formula {
|
|
color: #6a737d
|
|
}
|
|
|
|
.theme-light .hljs-name,.theme-light .hljs-quote,.theme-light .hljs-selector-pseudo,.theme-light .hljs-selector-tag {
|
|
color: #22863a
|
|
}
|
|
|
|
.theme-light .hljs-subst {
|
|
color: #24292e
|
|
}
|
|
|
|
.theme-light .hljs-section {
|
|
color: #005cc5;
|
|
font-weight: 700
|
|
}
|
|
|
|
.theme-light .hljs-bullet {
|
|
color: #735c0f
|
|
}
|
|
|
|
.theme-light .hljs-emphasis {
|
|
color: #24292e;
|
|
font-style: italic
|
|
}
|
|
|
|
.theme-light .hljs-strong {
|
|
color: #24292e;
|
|
font-weight: 700
|
|
}
|
|
|
|
.theme-light .hljs-addition {
|
|
background-color: #f0fff4;
|
|
color: #22863a
|
|
}
|
|
|
|
.theme-light .hljs-deletion {
|
|
background-color: #ffeef0;
|
|
color: #b31d28
|
|
}
|
|
|
|
.hljs_cc310a {
|
|
border-radius: 4px;
|
|
display: block;
|
|
overflow-x: auto;
|
|
padding: .5em;
|
|
-webkit-text-size-adjust: none;
|
|
-moz-text-size-adjust: none;
|
|
text-size-adjust: none;
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.hljs-doctag_cc310a,.hljs-keyword_cc310a,.hljs-meta_cc310a .hljs-keyword_cc310a,.hljs-template-tag_cc310a,.hljs-template-variable_cc310a,.hljs-type_cc310a,.hljs-variable_cc310a.language__cc310a {
|
|
color: var(--text-code-keyword)
|
|
}
|
|
|
|
.hljs-title_cc310a,.hljs-title_cc310a.class__cc310a,.hljs-title_cc310a.class__cc310a.inherited___cc310a,.hljs-title_cc310a.function__cc310a {
|
|
color: var(--text-code-title)
|
|
}
|
|
|
|
.hljs-attr_cc310a,.hljs-attribute_cc310a,.hljs-literal_cc310a,.hljs-meta_cc310a,.hljs-number_cc310a,.hljs-operator_cc310a,.hljs-selector-attr_cc310a,.hljs-selector-class_cc310a,.hljs-selector-id_cc310a,.hljs-variable_cc310a {
|
|
color: var(--text-code-variable)
|
|
}
|
|
|
|
.hljs-meta_cc310a .hljs-string_cc310a,.hljs-regexp_cc310a,.hljs-string_cc310a {
|
|
color: var(--text-code-string)
|
|
}
|
|
|
|
.hljs-built_in_cc310a,.hljs-symbol_cc310a {
|
|
color: var(--text-code-builtin)
|
|
}
|
|
|
|
.hljs-code_cc310a,.hljs-comment_cc310a,.hljs-formula_cc310a {
|
|
color: var(--text-code-comment)
|
|
}
|
|
|
|
.hljs-name_cc310a,.hljs-quote_cc310a,.hljs-selector-pseudo_cc310a,.hljs-selector-tag_cc310a {
|
|
color: var(--text-code-tag)
|
|
}
|
|
|
|
.hljs-subst_cc310a {
|
|
color: var(--text-code)
|
|
}
|
|
|
|
.hljs-section_cc310a {
|
|
color: var(--text-code-section);
|
|
font-weight: 700
|
|
}
|
|
|
|
.hljs-bullet_cc310a {
|
|
color: var(--text-code-bullet)
|
|
}
|
|
|
|
.hljs-emphasis_cc310a {
|
|
color: var(--text-code);
|
|
font-style: italic
|
|
}
|
|
|
|
.hljs-strong_cc310a {
|
|
color: var(--text-code);
|
|
font-weight: 700
|
|
}
|
|
|
|
.hljs-addition_cc310a {
|
|
background-color: var(--background-code-addition);
|
|
color: var(--text-code-addition)
|
|
}
|
|
|
|
.hljs-deletion_cc310a {
|
|
background-color: var(--background-code-deletion);
|
|
color: var(--text-code-deletion)
|
|
}
|
|
|
|
.botTag__82f07 {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
flex-shrink: 0;
|
|
font-size: .625rem;
|
|
text-indent: 0;
|
|
text-transform: uppercase;
|
|
vertical-align: top
|
|
}
|
|
|
|
.px__82f07.botTag__82f07 {
|
|
border-radius: 4px;
|
|
height: 16px;
|
|
padding: 0 4px
|
|
}
|
|
|
|
.rem__82f07.botTag__82f07 {
|
|
border-radius: 4px;
|
|
height: .9375rem;
|
|
margin-top: .2em;
|
|
padding: 0 .275rem
|
|
}
|
|
|
|
.rem__82f07.botTag__82f07.botTagOP__82f07 {
|
|
margin-top: .25em
|
|
}
|
|
|
|
.botTagRegular__82f07 {
|
|
background: var(--background-brand);
|
|
color: var(--white)
|
|
}
|
|
|
|
.botTagInvert__82f07 {
|
|
background: var(--white);
|
|
color: var(--brand-500)
|
|
}
|
|
|
|
.botTagAI__82f07 {
|
|
background: var(--text-feedback-positive);
|
|
color: var(--white)
|
|
}
|
|
|
|
.botTagNotStaffWarning__82f07 {
|
|
background: var(--notice-background-warning);
|
|
color: var(--notice-text-warning)
|
|
}
|
|
|
|
.botTagVerified__82f07 {
|
|
display: inline-block
|
|
}
|
|
|
|
.px__82f07 .botTagVerified__82f07 {
|
|
height: 16px;
|
|
margin-inline-start:-2px;width: 16px
|
|
}
|
|
|
|
.rem__82f07 .botTagVerified__82f07 {
|
|
height: 1rem;
|
|
margin-inline-start:-.2rem;margin-top: -.02rem;
|
|
width: 1rem
|
|
}
|
|
|
|
.botText__82f07 {
|
|
font-weight: var(--font-weight-semibold);
|
|
position: relative;
|
|
vertical-align: top
|
|
}
|
|
|
|
.px__82f07 .botText__82f07 {
|
|
font-size: 12px;
|
|
line-height: 16px
|
|
}
|
|
|
|
.rem__82f07 .botText__82f07 {
|
|
font-size: .8rem;
|
|
line-height: .9375rem
|
|
}
|
|
|
|
.botTagOP__82f07 {
|
|
background-color: var(--brand-260);
|
|
border-radius: 8px;
|
|
color: var(--brand-560)
|
|
}
|
|
|
|
.nameTag__05e81 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
line-height: 1.1;
|
|
overflow: hidden
|
|
}
|
|
|
|
.username__05e81 {
|
|
display: block;
|
|
flex: 0 1 auto;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.bot__05e81 {
|
|
display: block;
|
|
flex: 0 0 auto;
|
|
margin-inline-start:1ch}
|
|
|
|
.info_f4bc97 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
overflow: hidden;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.info_f4bc97.withDisplayNameStyles_f4bc97 {
|
|
overflow: visible
|
|
}
|
|
|
|
.infoSpacing_f4bc97 {
|
|
margin-inline-start:5px}
|
|
|
|
:where(.avatar__75742) {
|
|
border-radius: var(--radius-round);
|
|
position: absolute;
|
|
z-index: var(--custom-user-profile-base-layer-z-index)
|
|
}
|
|
|
|
.user-profile-popout :where(.avatar__75742) {
|
|
inset-inline-start: 16px;
|
|
top: 61px
|
|
}
|
|
|
|
.custom-user-profile-theme.user-profile-popout :where(.avatar__75742) {
|
|
inset-inline-start: 12px;
|
|
top: 57px
|
|
}
|
|
|
|
.user-profile-modal :where(.avatar__75742) {
|
|
inset-inline-start: 24px;
|
|
top: -68px
|
|
}
|
|
|
|
.user-profile-modal-v2 :where(.avatar__75742) {
|
|
inset-inline-start: 32px;
|
|
top: 80px
|
|
}
|
|
|
|
.user-profile-sidebar :where(.avatar__75742) {
|
|
inset-inline-start: 16px;
|
|
top: 72px
|
|
}
|
|
|
|
:where(.avatar__75742).withReactReply__75742 {
|
|
position: static
|
|
}
|
|
|
|
:where(.avatar__75742).hoisted__75742 {
|
|
pointer-events: none;
|
|
z-index: var(--custom-user-profile-hoist-z-index)
|
|
}
|
|
|
|
.clickable__75742 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.overlay__75742:after {
|
|
background-color: var(--black);
|
|
border-radius: var(--radius-round);
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-end: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .overlay__75742:after {
|
|
transition: opacity var(--custom-button-transition-duration) ease
|
|
}
|
|
|
|
.clickable__75742:hover .overlay__75742:after {
|
|
opacity: .4
|
|
}
|
|
|
|
.focusRing__75742 {
|
|
border-radius: var(--radius-round)
|
|
}
|
|
|
|
:where(.banner__68edb) {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
border-radius: var(--radius-xs) var(--radius-xs) 0 0;
|
|
transition: background-color .1s;
|
|
width: 100%
|
|
}
|
|
|
|
.user-profile-modal-v2 :where(.banner__68edb) {
|
|
border-radius: var(--radius-lg) var(--radius-lg) 0 0
|
|
}
|
|
|
|
:where(.banner__68edb):before {
|
|
border-bottom: 1px solid var(--border-muted);
|
|
bottom: 0;
|
|
content: "";
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
:where(.banner__68edb):hover .gifTag__68edb {
|
|
opacity: 0
|
|
}
|
|
|
|
.gifTag__68edb {
|
|
inset-inline-start: 8px;
|
|
opacity: 1;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 8px;
|
|
z-index: 1
|
|
}
|
|
|
|
.gifTag__68edb .custom-user-profile-theme {
|
|
inset-inline-start: 16px;
|
|
top: 16px
|
|
}
|
|
|
|
.mask__68edb {
|
|
contain: paint;
|
|
z-index: 0
|
|
}
|
|
|
|
.enable-forced-colors .banner__68edb {
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
:root {
|
|
--custom-user-profile-banner-height: 0;
|
|
--custom-user-profile-theme-padding: 0;
|
|
--custom-user-profile-base-layer-z-index: 0;
|
|
--custom-user-profile-bottom-layer-z-index: 1;
|
|
--custom-user-profile-middle-layer-z-index: 2;
|
|
--custom-user-profile-top-layer-z-index: 3;
|
|
--custom-user-profile-hoist-z-index: 4;
|
|
--custom-user-profile-toast-z-index: 5
|
|
}
|
|
|
|
:root .user-profile-popout {
|
|
--custom-user-profile-banner-height: 105px
|
|
}
|
|
|
|
:root .user-profile-modal {
|
|
--custom-user-profile-banner-height: 210px
|
|
}
|
|
|
|
:root .user-profile-modal-v2 {
|
|
--custom-user-profile-banner-height: 140px
|
|
}
|
|
|
|
:root .user-profile-sidebar {
|
|
--custom-user-profile-banner-height: 120px
|
|
}
|
|
|
|
:root .custom-user-profile-theme.user-profile-modal,:root .custom-user-profile-theme.user-profile-popout {
|
|
--custom-user-profile-theme-padding: 4px
|
|
}
|
|
|
|
:root .custom-user-profile-theme.theme-dark {
|
|
--control-primary-background-default: var(--profile-gradient-button-color);
|
|
--control-primary-background-hover: color-mix(in srgb,var(--profile-gradient-button-color) 90%,var(--black));
|
|
--control-primary-background-active: color-mix(in srgb,var(--profile-gradient-button-color) 80%,var(--black));
|
|
--control-secondary-background-default: var(--opacity-white-8);
|
|
--control-secondary-background-hover: var(--opacity-white-16);
|
|
--control-secondary-background-active: var(--opacity-white-12)
|
|
}
|
|
|
|
:root .custom-user-profile-theme.theme-light {
|
|
--control-primary-background-default: var(--profile-gradient-button-color);
|
|
--control-primary-background-hover: color-mix(in srgb,var(--profile-gradient-button-color) 90%,var(--white));
|
|
--control-primary-background-active: color-mix(in srgb,var(--profile-gradient-button-color) 80%,var(--white));
|
|
--control-secondary-background-default: var(--opacity-white-72);
|
|
--control-secondary-background-hover: var(--opacity-white-92);
|
|
--control-secondary-background-active: var(--opacity-white-84)
|
|
}
|
|
|
|
:where(.outer_c0bea0) {
|
|
background: var(--background-surface-high);
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
:where(.outer_c0bea0).user-profile-popout {
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
max-height: calc(100vh - 20px);
|
|
width: 300px
|
|
}
|
|
|
|
:where(.outer_c0bea0).user-profile-modal {
|
|
border-radius: var(--radius-sm);
|
|
height: 780px;
|
|
width: 600px
|
|
}
|
|
|
|
:where(.outer_c0bea0).user-profile-modal-v2 {
|
|
background: var(--background-base-lower);
|
|
border-radius: var(--radius-lg);
|
|
box-sizing: border-box;
|
|
height: 800px;
|
|
max-width: 100%;
|
|
min-height: 500px;
|
|
outline: 1px solid var(--border-normal);
|
|
outline-offset: -1px;
|
|
width: 960px
|
|
}
|
|
|
|
@media (max-height: 900px) {
|
|
:where(.outer_c0bea0).user-profile-modal-v2 {
|
|
height:calc(100vh - var(--space-24)*2)
|
|
}
|
|
}
|
|
|
|
:where(.outer_c0bea0).user-profile-sidebar {
|
|
height: 100%;
|
|
overflow: initial;
|
|
width: 340px
|
|
}
|
|
|
|
:where(.outer_c0bea0).custom-user-profile-theme {
|
|
background: linear-gradient(var(--profile-gradient-primary-color),var(--profile-gradient-secondary-color));
|
|
padding: var(--custom-user-profile-theme-padding)
|
|
}
|
|
|
|
:where(.outer_c0bea0).custom-user-profile-theme.user-profile-modal-v2 {
|
|
background: linear-gradient(var(--profile-gradient-modal-background-color),var(--profile-gradient-modal-background-color))
|
|
}
|
|
|
|
.inner_c0bea0 {
|
|
border-radius: var(--radius-xs);
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
overflow: hidden
|
|
}
|
|
|
|
.user-profile-popout .inner_c0bea0 {
|
|
gap: 8px;
|
|
padding-bottom: 4px
|
|
}
|
|
|
|
.user-profile-modal .inner_c0bea0 {
|
|
height: 100%
|
|
}
|
|
|
|
.user-profile-modal .inner_c0bea0:before {
|
|
border-radius: var(--radius-xs);
|
|
height: calc(100% - 8px);
|
|
width: calc(100% - 8px)
|
|
}
|
|
|
|
.user-profile-modal-v2 .inner_c0bea0 {
|
|
border-radius: 0;
|
|
flex-direction: row;
|
|
gap: 0;
|
|
height: 100%;
|
|
padding-block:48px 0;padding-inline:48px 32px}
|
|
|
|
@media (max-width: 960px) {
|
|
.user-profile-modal-v2 .inner_c0bea0 {
|
|
padding-block:48px 0;
|
|
padding-inline:16px 4px}
|
|
}
|
|
|
|
.user-profile-sidebar .inner_c0bea0 {
|
|
border-radius: 0;
|
|
height: 100%
|
|
}
|
|
|
|
.user-profile-sidebar .inner_c0bea0:before {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.custom-user-profile-theme .inner_c0bea0 {
|
|
--profile-gradient-start: color-mix(in oklab,var(--profile-gradient-overlay-color) 100%,var(--profile-gradient-primary-color));
|
|
--profile-gradient-end: color-mix(in oklab,var(--profile-gradient-overlay-color) 100%,var(--profile-gradient-secondary-color));
|
|
background: linear-gradient(var(--profile-gradient-start),var(--profile-gradient-start) var(--custom-user-profile-banner-height),var(--profile-gradient-end))
|
|
}
|
|
|
|
.custom-user-profile-theme.user-profile-modal-v2 .inner_c0bea0 {
|
|
background: linear-gradient(color-mix(in oklab,var(--profile-gradient-overlay-color) 80%,var(--profile-gradient-modal-background-color)),color-mix(in oklab,var(--profile-gradient-overlay-color) 20%,var(--profile-gradient-modal-background-color)) 300px)
|
|
}
|
|
|
|
:where(.overlay_c0bea0) {
|
|
background: var(--user-profile-overlay-background);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.theme-light :where(.overlay_c0bea0),:where(.overlay_c0bea0) .theme-dark {
|
|
border: 1px solid var(--border-muted)
|
|
}
|
|
|
|
:where(.overlay_c0bea0) ::-webkit-scrollbar-thumb {
|
|
background-color: var(--user-profile-border)
|
|
}
|
|
|
|
.no-webkit-scrollbar :where(.overlay_c0bea0) * {
|
|
scrollbar-color: var(--user-profile-border) var(--scrollbar-thin-track)
|
|
}
|
|
|
|
.enable-forced-colors .user-profile-modal .inner_c0bea0,.enable-forced-colors .user-profile-modal.outer_c0bea0,.enable-forced-colors .user-profile-popout .inner_c0bea0,.enable-forced-colors .user-profile-popout.outer_c0bea0 {
|
|
border: 2px solid CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .outer_c0bea0,.enable-forced-colors .outer_c0bea0:before,.enable-forced-colors .overlay_c0bea0 {
|
|
background-color: Canvas
|
|
}
|
|
|
|
.row__19fd1 {
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
border-color: var(--border-muted);
|
|
display: flex;
|
|
gap: var(--space-16);
|
|
justify-content: space-between;
|
|
margin: 0 var(--space-16);
|
|
padding: var(--space-16) 0;
|
|
position: relative
|
|
}
|
|
|
|
.user-profile-modal-v2 .row__19fd1 {
|
|
border: none
|
|
}
|
|
|
|
.user-profile-modal-v2 .row__19fd1:not(:last-child) {
|
|
margin-bottom: 1px
|
|
}
|
|
|
|
.user-profile-modal-v2 .row__19fd1:not(:last-child):after {
|
|
background-color: var(--border-subtle);
|
|
bottom: 0;
|
|
content: "";
|
|
height: 1px;
|
|
inset-inline: calc(var(--space-16) + var(--space-24)) calc(var(--space-16)*-1);
|
|
position: absolute
|
|
}
|
|
|
|
.clickable__19fd1,.row__19fd1:last-child {
|
|
border-bottom: none
|
|
}
|
|
|
|
.clickable__19fd1 {
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: var(--radius-sm);
|
|
cursor: pointer;
|
|
margin: 0;
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
.clickable__19fd1.disabled__19fd1 {
|
|
opacity: .5;
|
|
pointer-events: none
|
|
}
|
|
|
|
.clickable__19fd1:hover {
|
|
background-color: var(--background-mod-strong)
|
|
}
|
|
|
|
.noInset__19fd1 {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.iconContainer__19fd1 {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.icon__19fd1,.iconContainer__19fd1 {
|
|
height: var(--space-24);
|
|
width: var(--space-24)
|
|
}
|
|
|
|
.icon__19fd1 {
|
|
color: var(--icon-subtle)
|
|
}
|
|
|
|
.textContainer__19fd1 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px
|
|
}
|
|
|
|
.button__19fd1 {
|
|
flex-shrink: 0;
|
|
margin-inline-start:auto;min-width: 75px;
|
|
padding: var(--space-8) var(--space-12)
|
|
}
|
|
|
|
.number__19fd1 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: var(--radius-round);
|
|
height: 32px;
|
|
justify-content: center;
|
|
min-width: 32px
|
|
}
|
|
|
|
.number__19fd1,.tableRowGroup__19fd1 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.tableRowGroup__19fd1 {
|
|
flex-shrink: 0;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.tableRowGroup__19fd1 .content__19fd1 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-sm);
|
|
flex-grow: 1;
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
padding: 0
|
|
}
|
|
|
|
.content__19fd1 {
|
|
border: 1px solid var(--border-muted)
|
|
}
|
|
|
|
.buttonContainer__19fd1 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.buttonIcon__19fd1 {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.bannerButton_fb7f94 {
|
|
align-items: center;
|
|
background: var(--control-overlay-secondary-background-default);
|
|
border: 1px solid var(--opacity-white-8);
|
|
border-radius: 50%;
|
|
box-sizing: border-box;
|
|
color: var(--white);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: var(--custom-button-button-sm-height);
|
|
justify-content: center;
|
|
transition: background 50ms ease-in;
|
|
width: var(--custom-button-button-sm-height)
|
|
}
|
|
|
|
.bannerButton_fb7f94:active,.bannerButton_fb7f94:hover {
|
|
background: var(--control-overlay-secondary-background-active);
|
|
transition: background .15s ease-out
|
|
}
|
|
|
|
.bannerButton_fb7f94.disabled_fb7f94 {
|
|
cursor: normal;
|
|
opacity: .5
|
|
}
|
|
|
|
.wrapper_da5890 {
|
|
display: flex;
|
|
gap: 8px;
|
|
position: absolute;
|
|
transition: opacity .6s ease;
|
|
z-index: var(--custom-user-profile-top-layer-z-index)
|
|
}
|
|
|
|
.wrapper_da5890:empty {
|
|
display: none
|
|
}
|
|
|
|
.user-profile-popout .wrapper_da5890 {
|
|
inset-inline-end: 12px;
|
|
top: 12px
|
|
}
|
|
|
|
.user-profile-modal .wrapper_da5890 {
|
|
inset-inline-end: 16px;
|
|
top: 12px
|
|
}
|
|
|
|
.user-profile-sidebar .wrapper_da5890 {
|
|
inset-inline-end: 8px;
|
|
top: 8px
|
|
}
|
|
|
|
.container_c9d15c {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.container_c9d15c.textXs_c9d15c {
|
|
--custom-activity-status-icon-size: 12px;
|
|
--custom-activity-status-emoji-size: 14px
|
|
}
|
|
|
|
.container_c9d15c.textSm_c9d15c {
|
|
--custom-activity-status-icon-size: 14px;
|
|
--custom-activity-status-emoji-size: 16px
|
|
}
|
|
|
|
.container_c9d15c:empty {
|
|
display: none
|
|
}
|
|
|
|
.activityContainer_c9d15c {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
gap: 4px;
|
|
max-width: 100%;
|
|
overflow: hidden
|
|
}
|
|
|
|
.activityContainer_c9d15c.iconOnly_c9d15c {
|
|
gap: 1px
|
|
}
|
|
|
|
.activitiesTooltip_c9d15c,.tooltipText_c9d15c {
|
|
word-break: break-word
|
|
}
|
|
|
|
.activitiesTooltip_c9d15c {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
gap: 4px;
|
|
padding: 8px
|
|
}
|
|
|
|
.activitiesTooltip_c9d15c .icon_c9d15c {
|
|
height: 14px;
|
|
position: relative;
|
|
top: 2px;
|
|
width: 14px
|
|
}
|
|
|
|
.activitiesTooltip_c9d15c.hasMultipleActivities_c9d15c {
|
|
align-items: start;
|
|
display: grid;
|
|
grid-template-columns: 14px 1fr
|
|
}
|
|
|
|
.icon_c9d15c {
|
|
flex-shrink: 0;
|
|
height: var(--custom-activity-status-icon-size);
|
|
width: var(--custom-activity-status-icon-size)
|
|
}
|
|
|
|
.truncated_c9d15c {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.textWithIconContainer_c9d15c {
|
|
max-width: 100%;
|
|
min-width: var(--custom-activity-status-icon-size)
|
|
}
|
|
|
|
.activityCounter_c9d15c {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.emoji_c9d15c {
|
|
flex: 0 0 auto;
|
|
height: var(--custom-activity-status-emoji-size);
|
|
margin-inline-end:0;width: var(--custom-activity-status-emoji-size)
|
|
}
|
|
|
|
.dot_c9d15c {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.dot_c9d15c:first-child,.dot_c9d15c:last-child {
|
|
display: none
|
|
}
|
|
|
|
.questsIcon_c9d15c {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.hangStatusIcon_c9d15c {
|
|
height: 14px;
|
|
width: 14px
|
|
}
|
|
|
|
.customStatusLabel_c9d15c {
|
|
white-space: nowrap
|
|
}
|
|
|
|
.wrapper_f7ecac {
|
|
align-items: center;
|
|
background-color: var(--background-surface-highest);
|
|
border-radius: 4px;
|
|
box-shadow: var(--shadow-border),var(--shadow-low);
|
|
box-sizing: border-box;
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
height: 32px;
|
|
justify-content: flex-start;
|
|
overflow: hidden;
|
|
position: relative;
|
|
transition: box-shadow .1s ease-out;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.full-motion .wrapper_f7ecac:hover {
|
|
box-shadow: var(--shadow-border),var(--shadow-medium)
|
|
}
|
|
|
|
.button_f7ecac {
|
|
align-items: center;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
height: 24px;
|
|
justify-content: center;
|
|
min-width: 24px;
|
|
padding: 4px;
|
|
position: relative
|
|
}
|
|
|
|
.button_f7ecac:hover {
|
|
background-color: var(--interactive-background-hover);
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.button_f7ecac:active {
|
|
background-color: var(--interactive-background-active);
|
|
padding-bottom: 3px;
|
|
padding-top: 5px
|
|
}
|
|
|
|
.button_f7ecac.selected_f7ecac,.button_f7ecac:active {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.button_f7ecac.selected_f7ecac {
|
|
background-color: var(--interactive-background-selected)
|
|
}
|
|
|
|
.separator_f7ecac {
|
|
background-color: var(--border-subtle);
|
|
flex: 0 0 auto;
|
|
height: 100%;
|
|
margin: 0 4px;
|
|
width: 1px
|
|
}
|
|
|
|
.button_f7ecac.disabled_f7ecac,.button_f7ecac.disabled_f7ecac:active,.button_f7ecac.disabled_f7ecac:hover {
|
|
background-color: transparent;
|
|
color: var(--interactive-text-default);
|
|
cursor: default;
|
|
opacity: .5;
|
|
padding: 4px
|
|
}
|
|
|
|
.button_f7ecac.dangerous_f7ecac {
|
|
color: var(--control-critical-secondary-text-default)
|
|
}
|
|
|
|
.button_f7ecac.dangerous_f7ecac:hover {
|
|
color: var(--control-critical-secondary-text-hover)
|
|
}
|
|
|
|
.button_f7ecac.dangerous_f7ecac:active {
|
|
color: var(--control-critical-secondary-text-active)
|
|
}
|
|
|
|
.enable-forced-colors .wrapper_f7ecac {
|
|
border: 1px solid CanvasText;
|
|
height: 36px
|
|
}
|
|
|
|
.enable-forced-colors .button_f7ecac {
|
|
background-color: ButtonFace;
|
|
border: 1px solid ButtonFace;
|
|
color: ButtonText;
|
|
height: 26px;
|
|
min-width: 26px
|
|
}
|
|
|
|
.enable-forced-colors .button_f7ecac.selected_f7ecac,.enable-forced-colors .button_f7ecac:active,.enable-forced-colors .button_f7ecac:hover {
|
|
background-color: HighlightText;
|
|
border-color: Highlight;
|
|
color: Highlight
|
|
}
|
|
|
|
.popover__2d0ab {
|
|
background-color: var(--user-profile-toolbar-background);
|
|
border: 1px solid var(--user-profile-toolbar-border);
|
|
border-radius: 100px;
|
|
box-shadow: var(--shadow-low);
|
|
display: inline-flex;
|
|
gap: 2px;
|
|
height: unset;
|
|
opacity: 0;
|
|
padding: 2px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: -16px;
|
|
z-index: var(--custom-user-profile-hoist-z-index)
|
|
}
|
|
|
|
.custom-user-profile-theme.theme-dark .popover__2d0ab {
|
|
-webkit-backdrop-filter: blur(36px);
|
|
backdrop-filter: blur(36px)
|
|
}
|
|
|
|
.custom-user-profile-theme.theme-light .popover__2d0ab {
|
|
-webkit-backdrop-filter: blur(24px);
|
|
backdrop-filter: blur(24px)
|
|
}
|
|
|
|
.popover__2d0ab.visible__2d0ab,.popover__2d0ab:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.keyboard-mode .popover__2d0ab:focus-within {
|
|
opacity: 1
|
|
}
|
|
|
|
.reduce-motion .popover__2d0ab {
|
|
pointer-events: all
|
|
}
|
|
|
|
.popover__2d0ab>.tooltipContainer__2d0ab:first-of-type>.button__2d0ab {
|
|
border-radius: 100px 6px 6px 100px;
|
|
margin-inline-start:0;padding-inline-start:6px}
|
|
|
|
.popover__2d0ab>.tooltipContainer__2d0ab:last-of-type>.button__2d0ab {
|
|
border-radius: 6px 100px 100px 6px;
|
|
margin-inline-end:0;padding-inline-end:6px}
|
|
|
|
.tooltipContainer__2d0ab:empty {
|
|
display: none
|
|
}
|
|
|
|
.activityPopover__2d0ab {
|
|
background-color: var(--user-profile-activity-toolbar-background);
|
|
inset-inline-end: 8px
|
|
}
|
|
|
|
.custom-user-profile-theme .activityPopover__2d0ab {
|
|
-webkit-backdrop-filter: blur(16px);
|
|
backdrop-filter: blur(16px)
|
|
}
|
|
|
|
.statusPopover__2d0ab {
|
|
inset-inline-end: min(8px,calc(50% - 29px))
|
|
}
|
|
|
|
.avatarPopover__2d0ab {
|
|
inset-inline: 0;
|
|
margin: auto;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
:not(.keyboard-mode).full-motion .popover__2d0ab.visible__2d0ab,:not(.keyboard-mode).full-motion .popover__2d0ab:hover {
|
|
animation: fadeIn__2d0ab .15s ease forwards;
|
|
opacity: 0
|
|
}
|
|
|
|
:not(.keyboard-mode).full-motion .popover__2d0ab.visible__2d0ab.expandable__2d0ab,:not(.keyboard-mode).full-motion .popover__2d0ab:hover.expandable__2d0ab {
|
|
animation-delay: .45s
|
|
}
|
|
|
|
@keyframes fadeIn__2d0ab {
|
|
0% {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
top: -14px
|
|
}
|
|
|
|
99% {
|
|
pointer-events: none
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
pointer-events: all;
|
|
top: -16px
|
|
}
|
|
}
|
|
|
|
.button__2d0ab {
|
|
height: unset;
|
|
min-width: unset;
|
|
padding: 4px
|
|
}
|
|
|
|
.full-motion .button__2d0ab .icon__2d0ab {
|
|
transition: transform .4s cubic-bezier(.16,1,.3,1)
|
|
}
|
|
|
|
.custom-user-profile-theme .button__2d0ab .icon__2d0ab {
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.button__2d0ab:hover {
|
|
background: var(--background-mod-normal)
|
|
}
|
|
|
|
.button__2d0ab:hover .icon__2d0ab {
|
|
fill: var(--interactive-text-hover);
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
.button__2d0ab:active {
|
|
background: var(--background-mod-strong)
|
|
}
|
|
|
|
.button__2d0ab:active .icon__2d0ab {
|
|
fill: var(--interactive-text-active);
|
|
transform: scale(1)
|
|
}
|
|
|
|
.container__52c9d {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
z-index: 101
|
|
}
|
|
|
|
.background__52c9d {
|
|
background-color: var(--background-base-lower);
|
|
opacity: .98;
|
|
position: absolute
|
|
}
|
|
|
|
.background__52c9d,.content__52c9d {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.content__52c9d {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
padding: 16px;
|
|
position: relative
|
|
}
|
|
|
|
.closeButton__52c9d {
|
|
cursor: pointer;
|
|
inset-inline-end: 20px;
|
|
position: absolute;
|
|
top: 20px
|
|
}
|
|
|
|
.closeButtonIcon__52c9d {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.description__52c9d,.header__52c9d {
|
|
text-align: center
|
|
}
|
|
|
|
.upsellImage__52c9d {
|
|
width: 124px
|
|
}
|
|
|
|
.container__3782a {
|
|
align-items: center;
|
|
background-color: var(--background-base-low);
|
|
border-radius: var(--radius-sm);
|
|
bottom: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: absolute;
|
|
z-index: 1001
|
|
}
|
|
|
|
.container__3782a,.content__3782a {
|
|
box-sizing: border-box;
|
|
width: 100%
|
|
}
|
|
|
|
.content__3782a {
|
|
padding: var(--space-32) var(--space-32) var(--space-12)
|
|
}
|
|
|
|
.closeButton__3782a {
|
|
color: var(--interactive-text-active);
|
|
inset-inline-end: 0;
|
|
margin: var(--space-16);
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.contentContainer__3782a {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 2;
|
|
text-align: center
|
|
}
|
|
|
|
.image__3782a {
|
|
width: 250px
|
|
}
|
|
|
|
.title__3782a {
|
|
margin-bottom: var(--space-16);
|
|
margin-top: var(--space-32);
|
|
max-width: 250px
|
|
}
|
|
|
|
.title__3782a.withBadge__3782a {
|
|
margin-top: var(--space-16)
|
|
}
|
|
|
|
.body__3782a {
|
|
max-width: 380px
|
|
}
|
|
|
|
.footer__3782a {
|
|
background-color: var(--background-base-low);
|
|
border-end-end-radius: inherit;
|
|
border-end-start-radius: inherit;
|
|
box-sizing: border-box;
|
|
margin-top: auto;
|
|
padding-bottom: var(--space-32);
|
|
padding-top: var(--space-8);
|
|
width: 100%
|
|
}
|
|
|
|
.buttonContainer__3782a {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--space-8);
|
|
justify-content: space-between;
|
|
margin: 0 auto;
|
|
padding: 0 var(--space-32)
|
|
}
|
|
|
|
.noParentContainer_d829e7 {
|
|
bottom: 0;
|
|
inset-inline-start: 0;
|
|
top: 0
|
|
}
|
|
|
|
.hasParentContainer_d829e7 {
|
|
bottom: 0;
|
|
inset-inline-start: 0;
|
|
top: -16px
|
|
}
|
|
|
|
.hasTabParentContainer_d829e7 {
|
|
bottom: 0;
|
|
inset-inline-start: 0;
|
|
top: -62px
|
|
}
|
|
|
|
.container_d829e7 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
position: absolute;
|
|
z-index: 1001
|
|
}
|
|
|
|
.closeButton_d829e7 {
|
|
color: var(--interactive-text-active);
|
|
inset-inline-end: 0;
|
|
margin: 16px;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.contentContainer_d829e7 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 2;
|
|
justify-content: center
|
|
}
|
|
|
|
.image_d829e7 {
|
|
margin: 0 0 32px
|
|
}
|
|
|
|
.title_d829e7 {
|
|
padding: 0 32px
|
|
}
|
|
|
|
.titleNoSocialProof_d829e7 {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.body_d829e7 {
|
|
padding: 0 32px;
|
|
text-align: center
|
|
}
|
|
|
|
.ctaContainer_d829e7 {
|
|
align-items: center;
|
|
background: var(--background-base-lowest);
|
|
border-radius: 0 0 var(--radius-sm) var(--radius-sm);
|
|
bottom: 0;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
inset-inline-start: 0;
|
|
justify-content: space-between;
|
|
padding: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.secondaryCTA_d829e7 {
|
|
color: var(--premium-nitro-pink-text);
|
|
margin-inline-end:8px}
|
|
|
|
.secondaryCTA_d829e7:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.container_d829e7,.ctaContainer_d829e7 {
|
|
background-color: var(--modal-background)
|
|
}
|
|
|
|
.banner__97f37 {
|
|
border-radius: 8px;
|
|
max-width: 304px;
|
|
width: 100%
|
|
}
|
|
|
|
.banner__97f37.hasTrialOffer__97f37 {
|
|
margin-bottom: 16px;
|
|
margin-top: 16px;
|
|
max-height: 172px
|
|
}
|
|
|
|
.wrapper__97f37 {
|
|
align-items: center;
|
|
background-color: var(--modal-background);
|
|
border-radius: 8px;
|
|
display: flex;
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 101
|
|
}
|
|
|
|
.closeButton__97f37 {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
inset-inline-end: 16px;
|
|
position: absolute;
|
|
top: 16px
|
|
}
|
|
|
|
.contentFill__97f37 {
|
|
background: var( --gradients-nitro-classic-diagonal,linear-gradient(45deg,var(--premium-tier-1-blue) 0,var(--premium-tier-1-purple) 75.25%) );
|
|
border-radius: 8px;
|
|
margin-top: 24px;
|
|
padding: 36px 84px
|
|
}
|
|
|
|
.nitroWheel__97f37 {
|
|
color: var(--premium-tier-1-purple);
|
|
padding-inline-end:4px}
|
|
|
|
.content__97f37 {
|
|
box-sizing: border-box;
|
|
color: var(--text-default);
|
|
flex-direction: column;
|
|
text-align: center
|
|
}
|
|
|
|
.content__97f37,.header__97f37 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.header__97f37 {
|
|
justify-content: center;
|
|
margin: 16px 0 8px
|
|
}
|
|
|
|
.headerText__97f37 {
|
|
margin-inline-start:4px}
|
|
|
|
.subheaderText__97f37 {
|
|
color: var(--text-default);
|
|
max-width: 350px;
|
|
padding: 0 32px;
|
|
white-space: pre-line
|
|
}
|
|
|
|
.subheaderText__97f37 a {
|
|
color: var(--text-default);
|
|
text-decoration: underline
|
|
}
|
|
|
|
.ctaActionWrapper__97f37 {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 24px;
|
|
padding: 0 48px;
|
|
width: 100%
|
|
}
|
|
|
|
.listWrapper_affa7e {
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.listHeight_affa7e {
|
|
visibility: hidden
|
|
}
|
|
|
|
.listItems_affa7e {
|
|
contain: layout;
|
|
position: absolute
|
|
}
|
|
|
|
.scroller_affa7e {
|
|
height: 100%
|
|
}
|
|
|
|
.wrapper__4e6ce {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 0 0 0 8px;
|
|
display: grid;
|
|
grid-template-rows: 1fr auto;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 48px
|
|
}
|
|
|
|
.high-contrast-mode .wrapper__4e6ce {
|
|
border-inline-end:1px solid var(--border-subtle);box-sizing: border-box
|
|
}
|
|
|
|
.enable-forced-colors .wrapper__4e6ce {
|
|
border-inline-end:1px solid CanvasText}
|
|
|
|
.guildIcon__0fa6d {
|
|
align-items: center;
|
|
background-color: var(--background-base-low);
|
|
color: var(--text-default);
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.mask__0fa6d {
|
|
display: block
|
|
}
|
|
|
|
.guildAcronym__0fa6d {
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.categoryItemLockIconContainer__0fa6d,.guildIconWithoutImage__0fa6d {
|
|
background-color: var(--background-base-low)
|
|
}
|
|
|
|
.categoryItemLockIconContainer__0fa6d {
|
|
border: 1px solid var(--background-base-lowest);
|
|
border-radius: 50%;
|
|
height: 16px;
|
|
inset-block: auto -1px;
|
|
inset-inline: auto -1px;
|
|
position: absolute;
|
|
width: 16px
|
|
}
|
|
|
|
.categoryItemLockIcon__0fa6d {
|
|
color: var(--icon-strong);
|
|
inset: 0;
|
|
margin: auto;
|
|
position: absolute
|
|
}
|
|
|
|
.categoryItem_b9ee0c {
|
|
cursor: pointer
|
|
}
|
|
|
|
.categoryItemGuildCategory_b9ee0c,.categoryItemPackCategory_b9ee0c {
|
|
height: var(--custom-emoji-picker-constants-guild-category-icon-size);
|
|
margin-bottom: var(--custom-emoji-picker-constants-guild-category-icon-margin-verical);
|
|
position: relative;
|
|
width: var(--custom-emoji-picker-constants-guild-category-icon-size)
|
|
}
|
|
|
|
.categoryItemGuildCategory_b9ee0c,.categoryItemPackCategory_b9ee0c {
|
|
}
|
|
|
|
.categoryItemDefaultCategory_b9ee0c {
|
|
border-radius: 4px;
|
|
height: var(--custom-emoji-picker-constants-unicode-category-icon-size);
|
|
margin-bottom: var(--custom-emoji-picker-constants-unicode-category-icon-margin-vertical);
|
|
padding: var(--custom-emoji-picker-constants-unicode-category-icon-padding);
|
|
transition: background-color .1s ease-in-out;
|
|
width: var(--custom-emoji-picker-constants-unicode-category-icon-size)
|
|
}
|
|
|
|
.categoryItemDefaultCategory_b9ee0c:hover {
|
|
background-color: var(--interactive-background-hover)
|
|
}
|
|
|
|
.categoryItemDefaultCategory_b9ee0c:hover .categoryIcon_b9ee0c {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.categoryItemRecentEmoji_b9ee0c {
|
|
margin-bottom: var(--custom-emoji-picker-constants-guild-category-icon-margin-verical)
|
|
}
|
|
|
|
.categoryItemDefaultCategorySelected_b9ee0c,.categoryItemDefaultCategorySelected_b9ee0c:hover {
|
|
background-color: var(--background-base-low)
|
|
}
|
|
|
|
.categoryItemDefaultCategorySelected_b9ee0c .categoryIcon_b9ee0c,.categoryItemDefaultCategorySelected_b9ee0c:hover .categoryIcon_b9ee0c {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.categoryIcon_b9ee0c {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.guildCategorySeparator_b9ee0c {
|
|
border: none;
|
|
border-bottom: var(--custom-emoji-picker-constants-category-separator-size) solid var(--border-subtle);
|
|
margin: var(--custom-emoji-picker-constants-category-separator-margin-vertical) 0
|
|
}
|
|
|
|
.theme-light .categoryItemDefaultCategorySelected_b9ee0c .categoryIcon_b9ee0c,.theme-light .categoryItemDefaultCategorySelected_b9ee0c:hover .categoryIcon_b9ee0c {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.unicodeShortcut_b9ee0c {
|
|
align-items: center;
|
|
background: inherit;
|
|
border-top: 1px solid var(--border-normal);
|
|
bottom: 0;
|
|
box-sizing: border-box;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: var(--custom-emoji-picker-constants-unicode-category-shortcut-height);
|
|
inset-inline-start: 0;
|
|
justify-content: center;
|
|
opacity: 1;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .unicodeShortcut_b9ee0c {
|
|
transition: opacity .1s,transform .1s
|
|
}
|
|
|
|
.unicodeShortcut_b9ee0c:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.unicodeShortcutInvisible_b9ee0c {
|
|
opacity: 0;
|
|
transform: translateY(var(--custom-emoji-picker-constants-unicode-category-shortcut-height))
|
|
}
|
|
|
|
.hideUnicodeShortcut_b9ee0c {
|
|
display: none
|
|
}
|
|
|
|
.enable-forced-colors .unicodeShortcut_b9ee0c {
|
|
background-color: ButtonFace;
|
|
border-top: 1px solid CanvasText;
|
|
color: ButtonText;
|
|
height: calc(var(--custom-emoji-picker-constants-unicode-category-shortcut-height) - 1px)
|
|
}
|
|
|
|
.enable-forced-colors .categoryItemDefaultCategory_b9ee0c,.enable-forced-colors .categoryItemGuildCategory_b9ee0c {
|
|
border: 1px solid Canvas;
|
|
border-radius: 4px;
|
|
transition: none
|
|
}
|
|
|
|
.enable-forced-colors .categoryItemDefaultCategory_b9ee0c .categoryIcon_b9ee0c,.enable-forced-colors .categoryItemGuildCategory_b9ee0c .categoryIcon_b9ee0c {
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .categoryItemDefaultCategory_b9ee0c:hover,.enable-forced-colors .categoryItemGuildCategory_b9ee0c:hover {
|
|
background: ButtonFace;
|
|
border-color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .categoryItemDefaultCategorySelected_b9ee0c,.enable-forced-colors .categoryItemDefaultCategorySelected_b9ee0c:hover {
|
|
background-color: HighlightText;
|
|
border-color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .categoryItemDefaultCategorySelected_b9ee0c .categoryIcon_b9ee0c,.enable-forced-colors .categoryItemDefaultCategorySelected_b9ee0c:hover .categoryIcon_b9ee0c {
|
|
color: Highlight
|
|
}
|
|
|
|
.guildEmojiSectionItems_b9ee0c {
|
|
position: relative
|
|
}
|
|
|
|
.guildEmojiSectionHighlighted_b9ee0c:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: -4px;
|
|
inset-inline: -8px;
|
|
bottom: 0
|
|
}
|
|
|
|
.theme-dark .guildEmojiSectionHighlighted_b9ee0c:before {
|
|
background: linear-gradient(90deg,#503572,#673471 50%,#623e55)
|
|
}
|
|
|
|
.theme-light .guildEmojiSectionHighlighted_b9ee0c:before {
|
|
background: linear-gradient(90deg,#d7c6ec,#e7c5ea 50%,#e3ccd9)
|
|
}
|
|
|
|
.wrapper_ac2cfb {
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: 4px;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-medium);
|
|
margin: 8px 8px 0;
|
|
padding: 10px 8px 8px
|
|
}
|
|
|
|
.icon_ac2cfb {
|
|
color: var(--icon-feedback-critical);
|
|
height: 16px;
|
|
min-width: var(--custom-emoji-picker-constants-emoji-size)
|
|
}
|
|
|
|
.close_ac2cfb {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
height: 14px;
|
|
width: 14px
|
|
}
|
|
|
|
.close_ac2cfb:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.content_ac2cfb {
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
@value iconSize 20px;.visuallyHidden__0d242 {
|
|
border: 0;
|
|
clip: rect(1px,1px,1px,1px);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px
|
|
}
|
|
|
|
.tooltip__0d242 {
|
|
max-width: 275px
|
|
}
|
|
|
|
.tooltipContainer__0d242 {
|
|
justify-content: center
|
|
}
|
|
|
|
.tooltipContainer__0d242,.tooltipHeadingContainer__0d242 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.nitroWheel__0d242 {
|
|
padding-inline-end:4px}
|
|
|
|
input[type=checkbox]:focus-visible+.label__0d242 {
|
|
box-shadow: 0 0 8px var(--brand-500)
|
|
}
|
|
|
|
.label__0d242 {
|
|
background: var(--background-base-lowest);
|
|
border-radius: var(--radius-lg);
|
|
color: var(--text-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 20px;
|
|
overflow: hidden;
|
|
padding: 6px;
|
|
position: relative;
|
|
transition: background .25s ease-out;
|
|
width: 20px
|
|
}
|
|
|
|
.labelChecked__0d242 {
|
|
background: var(--brand-500);
|
|
box-shadow: unset
|
|
}
|
|
|
|
.icon__0d242 {
|
|
opacity: 1;
|
|
position: absolute;
|
|
transition: opacity .3s
|
|
}
|
|
|
|
.emojiErrorItem__67954 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-xs);
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 16px
|
|
}
|
|
|
|
.fileIcon__67954 {
|
|
margin-inline-end:18px}
|
|
|
|
.fileName__67954 {
|
|
color: var(--text-default);
|
|
font-size: 16px;
|
|
margin-bottom: 4px;
|
|
max-width: 256px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
text-transform: lowercase;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.fileInfo__67954 {
|
|
flex: 1
|
|
}
|
|
|
|
.fileInput__46231 {
|
|
display: none
|
|
}
|
|
|
|
.diversitySelector_a45a2a {
|
|
position: relative
|
|
}
|
|
|
|
.diversitySelectorButton_a45a2a {
|
|
cursor: pointer;
|
|
height: var(--custom-emoji-picker-constants-diversity-emoji-size);
|
|
width: var(--custom-emoji-picker-constants-diversity-emoji-size)
|
|
}
|
|
|
|
.diversitySelectorOptions_a45a2a {
|
|
background-color: var(--background-mod-normal);
|
|
border: 1px solid var(--background-base-lowest);
|
|
border-radius: 4px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
inset-inline-end: -5px;
|
|
position: absolute;
|
|
top: -5px
|
|
}
|
|
|
|
.diversityEmojiItem_a45a2a {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
cursor: pointer;
|
|
height: var(--custom-emoji-picker-constants-diversity-emoji-size);
|
|
padding: var(--custom-emoji-picker-constants-emoji-container-padding-vertical) var(--custom-emoji-picker-constants-emoji-container-padding-horizontal);
|
|
transition: background-color .1s ease-in-out;
|
|
width: var(--custom-emoji-picker-constants-diversity-emoji-size)
|
|
}
|
|
|
|
.diversityEmojiItem_a45a2a:hover {
|
|
background-color: var(--interactive-background-hover)
|
|
}
|
|
|
|
.diversityEmojiItemImage_a45a2a {
|
|
height: var(--custom-emoji-picker-constants-diversity-emoji-size);
|
|
width: var(--custom-emoji-picker-constants-diversity-emoji-size)
|
|
}
|
|
|
|
.enable-forced-colors .diversitySelectorButton_a45a2a {
|
|
background-color: HighlightText;
|
|
border: 1px solid Highlight;
|
|
border-radius: 4px;
|
|
padding: 2px
|
|
}
|
|
|
|
.enable-forced-colors .diversityEmojiItem_a45a2a {
|
|
background-color: ButtonFace;
|
|
border: 1px solid ButtonFace;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.enable-forced-colors .diversityEmojiItem_a45a2a:hover {
|
|
border-color: ButtonText
|
|
}
|
|
|
|
.wrapper_c0e32c {
|
|
position: relative;
|
|
transition: box-shadow .2s ease-out
|
|
}
|
|
|
|
.wrapper_c0e32c,.wrapper_c0e32c.isBurstReactionPicker_c0e32c {
|
|
border-radius: var(--custom-emoji-picker-border-radius)
|
|
}
|
|
|
|
.wrapper_c0e32c.isBurstReactionPicker_c0e32c {
|
|
box-shadow: 0 0 0 2px var(--background-brand)
|
|
}
|
|
|
|
.wrapper_c0e32c.isBurstReactionPicker_c0e32c:before {
|
|
box-shadow: 0 0 100px var(--background-brand);
|
|
content: "";
|
|
height: 100%;
|
|
opacity: .5;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.high-contrast-mode .wrapper_c0e32c:not(.emojiPickerHasTabWrapper_c0e32c) {
|
|
border: 1px solid var(--border-normal);
|
|
contain: content
|
|
}
|
|
|
|
.emojiPicker_c0e32c {
|
|
background-color: var(--background-surface-high);
|
|
border-end-end-radius: var(--custom-emoji-picker-border-radius);
|
|
border-end-start-radius: var(--custom-emoji-picker-border-radius);
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
display: grid;
|
|
grid-template-columns: 48px auto;
|
|
grid-template-rows: auto 1fr auto;
|
|
height: var(--custom-emoji-picker-constants-emoji-picker-height);
|
|
overflow: hidden;
|
|
width: var(--custom-emoji-picker-constants-min-emoji-picker-width)
|
|
}
|
|
|
|
.emojiPickerHasTabWrapper_c0e32c .emojiPicker_c0e32c {
|
|
background-color: transparent;
|
|
border-end-end-radius: 0;
|
|
border-end-start-radius: 0;
|
|
box-shadow: none;
|
|
flex: 1 1 auto;
|
|
grid-template-rows: auto 1fr auto;
|
|
height: 100%;
|
|
width: auto
|
|
}
|
|
|
|
.header_c0e32c {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
border-start-end-radius: var(--custom-emoji-picker-border-radius);
|
|
border-start-start-radius: var(--custom-emoji-picker-border-radius);
|
|
box-shadow: none;
|
|
display: flex;
|
|
gap: var(--space-12);
|
|
grid-column: 1/3;
|
|
margin: 0 -1px;
|
|
padding: var(--custom-gif-picker-gutter-size);
|
|
padding-top: var(--space-16);
|
|
position: relative;
|
|
z-index: 100
|
|
}
|
|
|
|
.emojiPickerHasTabWrapper_c0e32c .header_c0e32c {
|
|
background-color: transparent;
|
|
border-end-end-radius: 0;
|
|
border-end-start-radius: 0;
|
|
margin: 0;
|
|
padding: 0 16px 16px
|
|
}
|
|
|
|
.isBurstReactionPicker_c0e32c .header_c0e32c {
|
|
margin: 0
|
|
}
|
|
|
|
.emojiPickerHasTabWrapper_c0e32c .header_c0e32c {
|
|
padding: var(--custom-gif-picker-gutter-size)
|
|
}
|
|
|
|
.diversitySelector_c0e32c {
|
|
grid-column: 2/3
|
|
}
|
|
|
|
.categoryList_c0e32c {
|
|
border-end-start-radius: var(--custom-emoji-picker-border-radius);
|
|
bottom: 0;
|
|
inset-inline-start: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 69px;
|
|
width: 48px
|
|
}
|
|
|
|
.emojiPickerHasTabWrapper_c0e32c .categoryList_c0e32c {
|
|
top: 53px
|
|
}
|
|
|
|
.bodyWrapper_c0e32c {
|
|
display: grid;
|
|
grid-column: 2/3;
|
|
grid-row: 2/3;
|
|
grid-template-rows: auto 1fr;
|
|
position: relative
|
|
}
|
|
|
|
.emojiPickerListWrapper_c0e32c {
|
|
grid-row: 2/2;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.inspector_c0e32c {
|
|
grid-column: 2/3;
|
|
grid-row: 3/4
|
|
}
|
|
|
|
.enable-forced-colors .header_c0e32c {
|
|
border-bottom: 1px solid CanvasText
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.emojiPicker_c0e32c {
|
|
width:350px
|
|
}
|
|
}
|
|
|
|
.inspector_aeaaeb {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-top: 1px solid var(--border-normal);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
flex-direction: row;
|
|
height: var(--custom-expression-picker-constants-expression-picker-inspector-bar-height);
|
|
overflow: hidden;
|
|
padding: 0 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.graphicPrimary_aeaaeb {
|
|
height: var(--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-primary-dimensions);
|
|
width: var(--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-primary-dimensions)
|
|
}
|
|
|
|
.graphicSecondary_aeaaeb {
|
|
height: var(--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-secondary-dimensions);
|
|
margin-inline-start:8px;width: var(--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-secondary-dimensions)
|
|
}
|
|
|
|
.textWrapper_aeaaeb {
|
|
flex: 1;
|
|
margin-inline-start:8px;overflow: hidden
|
|
}
|
|
|
|
.titlePrimary_aeaaeb,.titleSecondary_aeaaeb {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.titleSecondary_aeaaeb {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.favorite_aeaaeb {
|
|
margin-inline-end:3px;margin-bottom: -1px
|
|
}
|
|
|
|
.badgeLabel_aeaaeb {
|
|
border-radius: 4px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 4px;
|
|
padding: 4px 8px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.topGuildEmojiBadge_aeaaeb {
|
|
background: linear-gradient(268.26deg,#bf5151,#db803f 102.45%)
|
|
}
|
|
|
|
.newlyAddedBadge_aeaaeb {
|
|
background: linear-gradient(268.26deg,#097d8d,#60a654 102.45%)
|
|
}
|
|
|
|
.newlyAddedBadgeIcon_aeaaeb {
|
|
color: #fff;
|
|
height: 14px;
|
|
margin-block:2px 0;margin-inline:0 2px;width: 14px
|
|
}
|
|
|
|
.enable-forced-colors .inspector_aeaaeb {
|
|
border-top: 1px solid CanvasText
|
|
}
|
|
|
|
.emoji__045fa {
|
|
height: 100%;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 100%
|
|
}
|
|
|
|
.glyphEmoji__045fa {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.icon__045fa {
|
|
height: 100%;
|
|
transform-origin: 50% 50%;
|
|
width: 100%;
|
|
fill: var(--interactive-text-default)
|
|
}
|
|
|
|
.wrapper__29ebd {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
height: 100%;
|
|
justify-content: center;
|
|
text-align: center
|
|
}
|
|
|
|
.sadImage__29ebd {
|
|
background-repeat: no-repeat;
|
|
background-size: 90px;
|
|
height: 90px;
|
|
margin-bottom: 20px;
|
|
width: 90px
|
|
}
|
|
|
|
.theme-dark .wrapper__29ebd {
|
|
color: var(--primary-400)
|
|
}
|
|
|
|
.theme-dark .sadImage__29ebd {
|
|
background-image: url(/assets/2a563d3b06091b16.svg)
|
|
}
|
|
|
|
.theme-dark .forceLightTheme__29ebd .wrapper__29ebd,.theme-light .wrapper__29ebd {
|
|
color: #99aab5
|
|
}
|
|
|
|
.theme-dark .forceLightTheme__29ebd .sadImage__29ebd,.theme-light .sadImage__29ebd {
|
|
background-image: url(/assets/ed7b8a00de132314.svg)
|
|
}
|
|
|
|
.wrapper__14245 {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
height: var(--custom-expression-picker-constants-expression-picker-list-section-heading-height);
|
|
padding-block:0;padding-inline:8px 4px;z-index: 1
|
|
}
|
|
|
|
.wrapper__14245:after {
|
|
background-color: inherit;
|
|
content: "";
|
|
height: 3px;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: -2px;
|
|
width: 100%
|
|
}
|
|
|
|
.header__14245 {
|
|
align-items: center;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-semibold);
|
|
justify-content: flex-start;
|
|
min-width: 0;
|
|
transition: color .125s
|
|
}
|
|
|
|
.interactive__14245:hover {
|
|
cursor: pointer
|
|
}
|
|
|
|
.interactive__14245:hover:hover {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.headerIcon__14245 {
|
|
display: contents;
|
|
height: 100%;
|
|
margin-inline-end:8px}
|
|
|
|
.headerLabel__14245 {
|
|
margin-inline-end:4px;overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.headerIcon__14245+.headerLabel__14245 {
|
|
margin-inline-start:4px}
|
|
|
|
.headerCollapseIcon__14245 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.full-motion .headerCollapseIcon__14245 {
|
|
transition: transform .1s
|
|
}
|
|
|
|
.headerCollapseIconCollapsed__14245 {
|
|
transform: rotate(-90deg)
|
|
}
|
|
|
|
.enable-forced-colors .wrapper__14245 {
|
|
border-bottom: 1px solid CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .interactive__14245 {
|
|
background-color: ButtonFace;
|
|
color: ButtonText;
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.enable-forced-colors .interactive__14245:hover {
|
|
color: ButtonText
|
|
}
|
|
|
|
.upsellContainer__0b69f {
|
|
align-items: center;
|
|
background: linear-gradient(var(--background-base-lower),var(--background-base-lower)) padding-box,var(--custom-premium-colors-premium-gradient-tier-2-tri-color) border-box;
|
|
border-radius: 12px;
|
|
display: flex;
|
|
padding: 12px
|
|
}
|
|
|
|
.upsellContainer__0b69f.withGradientBg__0b69f {
|
|
background: var(--background-surface-high);
|
|
border: 1px solid var(--border-subtle);
|
|
overflow: hidden;
|
|
padding: 0
|
|
}
|
|
|
|
.upsellContainer__0b69f.updatedStyling__0b69f {
|
|
background: var(--background-surface-highest);
|
|
border: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.expressiveGradient__0b69f {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1;
|
|
min-height: var(--space-32);
|
|
padding: 12px
|
|
}
|
|
|
|
.expressiveGradient__0b69f.radialMask__0b69f {
|
|
background: radial-gradient(100% 100% at 50% 100%,#000 60%)
|
|
}
|
|
|
|
.expressiveGradient__0b69f.hasPreviewSound__0b69f {
|
|
padding: 8px 12px
|
|
}
|
|
|
|
.upsellContainerFloating__0b69f {
|
|
inset-block: auto var(--space-8);
|
|
inset-inline: var(--space-8) var(--space-16);
|
|
position: absolute
|
|
}
|
|
|
|
.upsellContainerInline__0b69f {
|
|
flex: 1;
|
|
margin: var(--space-8) var(--space-16)
|
|
}
|
|
|
|
.upsellContainerBottom__0b69f {
|
|
border-radius: 0;
|
|
padding-bottom: var(--space-12);
|
|
width: 100%
|
|
}
|
|
|
|
.soundPreview__0b69f {
|
|
flex-grow: 1
|
|
}
|
|
|
|
.soundPreviewName__0b69f {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 6px;
|
|
height: var(--space-24)
|
|
}
|
|
|
|
.soundPreviewText__0b69f {
|
|
flex: 1;
|
|
margin-inline-end:16px}
|
|
|
|
.upsellText__0b69f {
|
|
flex: 1;
|
|
margin-block:auto;margin-inline:8px 16px}
|
|
|
|
.lockIcon__0b69f {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.nitroTopDividerContainer_b3fb5f {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-top: var(--custom-emoji-picker-constants-emoji-premium-upsell-margin-top)
|
|
}
|
|
|
|
.nitroTopDividerUpper_b3fb5f {
|
|
height: 12px
|
|
}
|
|
|
|
.nitroTopDividerShadow_b3fb5f {
|
|
box-shadow: 0 -5px 30px 4px var(--premium-tier-2-purple)
|
|
}
|
|
|
|
.glow_b3fb5f.reducedMotion_b3fb5f {
|
|
opacity: 0
|
|
}
|
|
|
|
.glow_b3fb5f:not(.reducedMotion_b3fb5f) {
|
|
animation: glowAnimation_b3fb5f 5s forwards
|
|
}
|
|
|
|
@keyframes glowAnimation_b3fb5f {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
60% {
|
|
opacity: 0
|
|
}
|
|
|
|
80% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.nitroTopDividerLockContainer_b3fb5f {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.nitroTopDividerLockBorder_b3fb5f {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
.nitroTopDividerLockBorder_b3fb5f.brandRefresh_b3fb5f {
|
|
background: var(--border-normal)
|
|
}
|
|
|
|
.nitroTopDividerLockCircle_b3fb5f {
|
|
align-items: center;
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
height: 28px;
|
|
inset-inline-start: 50%;
|
|
justify-content: center;
|
|
position: absolute;
|
|
transform: translateX(-50%);
|
|
width: 28px;
|
|
z-index: 9999
|
|
}
|
|
|
|
.nitroTopDividerLockCircle_b3fb5f.brandRefresh_b3fb5f {
|
|
background: var(--background-surface-highest);
|
|
border: 1px solid var(--border-normal)
|
|
}
|
|
|
|
.nitroTopDividerLockBorderReversed_b3fb5f {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color-reverse);
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
.nitroTopDividerLockBorderReversed_b3fb5f.brandRefresh_b3fb5f {
|
|
background: var(--border-normal)
|
|
}
|
|
|
|
.nitroTopDividerLower_b3fb5f {
|
|
background-color: var(--premium-tier-2-purple);
|
|
height: 12px
|
|
}
|
|
|
|
.nitroTopDividerLower_b3fb5f.brandRefresh_b3fb5f {
|
|
background: linear-gradient(90deg,var(--expressive-gradient-nitro-pink-start) 0,var(--expressive-gradient-nitro-pink-end) 100%)
|
|
}
|
|
|
|
.theme-light .nitroTopDividerLower_b3fb5f.brandRefresh_b3fb5f {
|
|
background: linear-gradient(90deg,color-mix(in srgb,var(--expressive-gradient-nitro-pink-start) 40%,transparent),color-mix(in srgb,var(--expressive-gradient-nitro-pink-end) 40%,transparent))
|
|
}
|
|
|
|
.reverseTrialTopDividerLower_b3fb5f {
|
|
background-color: var(--premium-tier-2-purple);
|
|
height: 25px;
|
|
opacity: .2
|
|
}
|
|
|
|
.premiumUnlockAnimation_b3fb5f {
|
|
animation: shrink_b3fb5f 2s forwards;
|
|
inset-inline-start: 50%;
|
|
position: absolute;
|
|
transform: translateX(-50%);
|
|
z-index: 9999
|
|
}
|
|
|
|
@keyframes shrink_b3fb5f {
|
|
0% {
|
|
height: 67px;
|
|
width: 67px
|
|
}
|
|
|
|
75% {
|
|
height: 66px;
|
|
width: 66px
|
|
}
|
|
|
|
90% {
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
to {
|
|
display: none;
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
}
|
|
|
|
.premiumUnlockedWithNitroPillContainer_b3fb5f {
|
|
align-items: center;
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
|
|
border-radius: 14px;
|
|
box-shadow: inset 0 0 4px 0 rgba(194,105,195,.6);
|
|
display: flex;
|
|
gap: 4px;
|
|
height: 24px;
|
|
inset-inline-start: 50%;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
padding: 4px 16px;
|
|
position: absolute;
|
|
transform: translateX(-50%);
|
|
z-index: 9999
|
|
}
|
|
|
|
.premiumUnlockedWithNitroPillContainer_b3fb5f.reducedMotion_b3fb5f {
|
|
opacity: 1
|
|
}
|
|
|
|
.premiumUnlockedWithNitroPillContainer_b3fb5f:not(.reducedMotion_b3fb5f) {
|
|
animation: expand_b3fb5f 2s 2s forwards
|
|
}
|
|
|
|
@keyframes expand_b3fb5f {
|
|
0% {
|
|
max-width: 0;
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
max-width: 200px;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.rowContainer__1e702 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
padding-top: 8px
|
|
}
|
|
|
|
.image__1859b,.imageLoading__1859b {
|
|
color: transparent;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
pointer-events: none
|
|
}
|
|
|
|
.imageLoading__1859b {
|
|
background-repeat: no-repeat;
|
|
-o-object-position: 100px;
|
|
object-position: 100px
|
|
}
|
|
|
|
.images-light .imageLoading__1859b {
|
|
background-image: url(/assets/4b212c35992a1e02.png)
|
|
}
|
|
|
|
.images-dark .imageLoading__1859b {
|
|
background-image: url(/assets/2dfc4736f9e305f0.png)
|
|
}
|
|
|
|
.emojiSpriteImage_d982c2 {
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
pointer-events: none
|
|
}
|
|
|
|
.emojiLockIconContainer_d982c2 {
|
|
background: var(--opacity-black-60);
|
|
border-radius: 2px;
|
|
height: 40px;
|
|
inset: 0;
|
|
margin: auto;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
width: 40px
|
|
}
|
|
|
|
.emojiLockIcon_d982c2 {
|
|
color: var(--icon-strong);
|
|
inset: 0;
|
|
margin: auto;
|
|
position: absolute
|
|
}
|
|
|
|
.lockedEmoji_d982c2 {
|
|
border-radius: 2px
|
|
}
|
|
|
|
.theme-light .emojiLockIconContainer_d982c2 {
|
|
background: hsl(var(--primary-200-hsl)/.6)
|
|
}
|
|
|
|
@keyframes ripple_fc7141 {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(.8)
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(1.6)
|
|
}
|
|
}
|
|
|
|
.emojiListRow_fc7141 {
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
padding-inline-start:8px}
|
|
|
|
.newlyAddedHighlightContainer_fc7141 .emojiListRow_fc7141 {
|
|
padding-inline-start:0}
|
|
|
|
.emojiListRow_fc7141 li {
|
|
overflow: hidden
|
|
}
|
|
|
|
.topEmojiSectionContainer_fc7141 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.topEmojiContainer_fc7141 {
|
|
display: grid;
|
|
grid-auto-flow: column
|
|
}
|
|
|
|
.topEmojiContainer_fc7141.noEmojis_fc7141 {
|
|
display: none
|
|
}
|
|
|
|
.newlyAddedHighlightContainer_fc7141 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative
|
|
}
|
|
|
|
.newlyAddedBadge_fc7141 {
|
|
align-items: center;
|
|
background-color: #2d7d46;
|
|
border-radius: 0 0 4px 4px;
|
|
bottom: calc(var(--custom-emoji-picker-constants-newly-added-emoji-badge-height)*-1);
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
margin-inline-start:auto;position: absolute;
|
|
text-transform: uppercase;
|
|
z-index: 1
|
|
}
|
|
|
|
.newlyAddedBadge_fc7141.alignRight_fc7141 {
|
|
inset-inline-end: 0
|
|
}
|
|
|
|
.newlyAddedBadgeMedium_fc7141 {
|
|
width: calc(var(--custom-emoji-picker-constants-emoji-size-medium) + var(--custom-emoji-picker-constants-emoji-container-padding-horizontal)*2 + 2px)
|
|
}
|
|
|
|
.newlyAddedBadgeLarge_fc7141 {
|
|
width: calc(var(--custom-emoji-picker-constants-emoji-size-large) + var(--custom-emoji-picker-constants-emoji-container-padding-horizontal)*2 + 2px)
|
|
}
|
|
|
|
.newlyAddedBadgeStar_fc7141 {
|
|
color: #fff;
|
|
height: 12px;
|
|
margin-inline-end:2px;width: 12px
|
|
}
|
|
|
|
.newlyAddedHighlight_fc7141 {
|
|
border: 1px solid #2d7d46;
|
|
border-radius: 4px 4px 4px 0;
|
|
z-index: 1
|
|
}
|
|
|
|
.newlyAddedHighlight_fc7141.alignRight_fc7141 {
|
|
border-radius: 4px 4px 0
|
|
}
|
|
|
|
.newlyAddedHighlight_fc7141.oneItem_fc7141 {
|
|
border-radius: 4px 4px 0 0
|
|
}
|
|
|
|
.newlyAddedHighlightContainer_fc7141:hover .newlyAddedHighlight_fc7141 {
|
|
border: 1px solid rgba(45,125,70,.5)
|
|
}
|
|
|
|
.newlyAddedHighlightContainer_fc7141:hover .newlyAddedBadge_fc7141 {
|
|
background-color: rgba(45,125,70,.5)
|
|
}
|
|
|
|
.emojiListRowLargeSize_fc7141 {
|
|
grid-template-columns: repeat(auto-fill,calc(var(--custom-emoji-picker-constants-emoji-size-large) + var(--custom-emoji-picker-constants-emoji-container-padding-vertical)*2));
|
|
height: calc(var(--custom-emoji-picker-constants-emoji-size-large) + var(--custom-emoji-picker-constants-emoji-container-padding-vertical)*2)
|
|
}
|
|
|
|
.emojiListRowMediumSize_fc7141 {
|
|
grid-template-columns: repeat(auto-fill,calc(var(--custom-emoji-picker-constants-emoji-size-medium) + var(--custom-emoji-picker-constants-emoji-container-padding-vertical)*2));
|
|
height: calc(var(--custom-emoji-picker-constants-emoji-size-medium) + var(--custom-emoji-picker-constants-emoji-container-padding-vertical)*2)
|
|
}
|
|
|
|
.emojiItem_fc7141 {
|
|
background: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
display: block;
|
|
padding: var(--custom-emoji-picker-constants-emoji-container-padding-vertical) var(--custom-emoji-picker-constants-emoji-container-padding-horizontal);
|
|
position: relative
|
|
}
|
|
|
|
.emojiItem_fc7141,.emojiItem_fc7141:focus {
|
|
outline: none
|
|
}
|
|
|
|
.emojiItem_fc7141.emojiItemSelected_fc7141,.emojiItem_fc7141.expandCollapseButtonSelected_fc7141 {
|
|
background-color: var(--interactive-background-selected)
|
|
}
|
|
|
|
.emojiItem_fc7141.expandCollapseButtonSelected_fc7141 {
|
|
border-radius: var(--radius-round)
|
|
}
|
|
|
|
.emojiItem_fc7141:after {
|
|
border: 3px solid var(--yellow-300);
|
|
border-radius: 100%;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
transform-origin: center;
|
|
width: 100%;
|
|
z-index: 5
|
|
}
|
|
|
|
.full-motion .emojiItem_fc7141:after {
|
|
transition: all .15s ease-in-out
|
|
}
|
|
|
|
.emojiItem_fc7141.showPulse_fc7141:after {
|
|
animation: ripple_fc7141 .25s ease-out 1
|
|
}
|
|
|
|
.emojiItemLarge_fc7141 {
|
|
height: calc(var(--custom-emoji-picker-constants-emoji-size-large) + var(--custom-emoji-picker-constants-emoji-container-padding-vertical)*2);
|
|
width: calc(var(--custom-emoji-picker-constants-emoji-size-large) + var(--custom-emoji-picker-constants-emoji-container-padding-horizontal)*2)
|
|
}
|
|
|
|
.emojiItemMedium_fc7141 {
|
|
height: calc(var(--custom-emoji-picker-constants-emoji-size-medium) + var(--custom-emoji-picker-constants-emoji-container-padding-vertical)*2);
|
|
width: calc(var(--custom-emoji-picker-constants-emoji-size-medium) + var(--custom-emoji-picker-constants-emoji-container-padding-horizontal)*2)
|
|
}
|
|
|
|
.icon_fc7141 {
|
|
height: 100%;
|
|
transform-origin: 50% 50%;
|
|
width: 100%;
|
|
fill: var(--interactive-text-default)
|
|
}
|
|
|
|
.icon_fc7141:hover .icon_fc7141 {
|
|
fill: var(--interactive-text-hover)
|
|
}
|
|
|
|
.keyboard-mode .emojiItem_fc7141.emojiItemSelected_fc7141 {
|
|
position: relative
|
|
}
|
|
|
|
.keyboard-mode .emojiItem_fc7141.emojiItemSelected_fc7141:before {
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
inset-inline: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
--__adaptive-radius: 4px;
|
|
border-radius: var(--__adaptive-radius);
|
|
--__adaptive-focus-color: var(--interactive-text-hover);
|
|
border: 2px solid var(--__adaptive-focus-color);
|
|
z-index: 1
|
|
}
|
|
|
|
.enable-forced-colors .emojiItem_fc7141.emojiItemSelected_fc7141 {
|
|
background-color: HighlightText;
|
|
outline: 1px solid Highlight;
|
|
outline-offset: -1px
|
|
}
|
|
|
|
.enable-forced-colors .emojiItem_fc7141.emojiItemSelected_fc7141:before {
|
|
border-color: Highlight
|
|
}
|
|
|
|
.theme-light .emojiItem_fc7141.emojiItemSelected_fc7141,.theme-light .emojiItem_fc7141.expandCollapseButtonSelected_fc7141 {
|
|
background-color: var(--background-base-low);
|
|
box-shadow: inset 0 0 0 1px var(--border-subtle)
|
|
}
|
|
|
|
.listWrapper_c656ac {
|
|
inset: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.list_c656ac {
|
|
height: 100%
|
|
}
|
|
|
|
.noSearchResultsContainer_c656ac {
|
|
inset: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.categorySection_c656ac {
|
|
padding-bottom: var(--custom-emoji-picker-constants-emoji-section-margin-bottom)
|
|
}
|
|
|
|
.categorySectionCollapsed_c656ac,.categorySectionLast_c656ac,.categorySectionNitroDivider_c656ac {
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.categorySectionNitroLocked_c656ac {
|
|
background-color: hsl(var(--premium-tier-2-purple-hsl)/.2)
|
|
}
|
|
|
|
.categorySectionNitroLocked_c656ac.brandRefresh_c656ac {
|
|
background: linear-gradient(90deg,var(--expressive-gradient-nitro-pink-start) 0,var(--expressive-gradient-nitro-pink-end) 100%)
|
|
}
|
|
|
|
.theme-light .categorySectionNitroLocked_c656ac.brandRefresh_c656ac {
|
|
background: linear-gradient(90deg,color-mix(in srgb,var(--expressive-gradient-nitro-pink-start) 40%,transparent),color-mix(in srgb,var(--expressive-gradient-nitro-pink-end) 40%,transparent))
|
|
}
|
|
|
|
.header_c656ac {
|
|
position: sticky;
|
|
top: 0
|
|
}
|
|
|
|
.inactiveNitroHeader_c656ac {
|
|
background-color: transparent!important
|
|
}
|
|
|
|
.activeNitroHeader_c656ac {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.premiumUpsell_c656ac {
|
|
box-sizing: border-box;
|
|
height: var(--custom-emoji-picker-constants-emoji-premium-upsell-height);
|
|
margin-top: var(--custom-emoji-picker-constants-emoji-premium-upsell-margin-top);
|
|
margin-inline-end:4px;overflow: hidden
|
|
}
|
|
|
|
.sectionPremiumUpsellTopOfList_c656ac {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.premiumUpsellTopOfList_c656ac {
|
|
height: 50px;
|
|
margin-top: 0
|
|
}
|
|
|
|
.nitroBottomDivider_c656ac {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
|
|
height: 1px;
|
|
margin: var(--custom-emoji-picker-constants-emoji-premium-upsell-margin-top) 0;
|
|
width: 100%
|
|
}
|
|
|
|
.nitroBottomDivider_c656ac.brandRefresh_c656ac {
|
|
background: var(--border-normal)
|
|
}
|
|
|
|
.upsellContainer_c656ac {
|
|
align-items: center;
|
|
background: linear-gradient(var(--background-base-lower),var(--background-base-lower)) padding-box,var(--custom-premium-colors-premium-gradient-tier-2-tri-color) border-box;
|
|
border-radius: 12px;
|
|
display: flex;
|
|
filter: drop-shadow(0 0 10px #b845c180);
|
|
height: 52px;
|
|
inset-block: auto 8px;
|
|
inset-inline: 8px 16px;
|
|
padding: 0 12px;
|
|
position: absolute
|
|
}
|
|
|
|
.upsellText_c656ac {
|
|
margin-block:auto;margin-inline:4px 16px}
|
|
|
|
.upsellLock_c656ac {
|
|
color: var(--icon-strong);
|
|
padding-bottom: 2px
|
|
}
|
|
|
|
.upsellButton_c656ac {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
|
|
border-radius: 3px;
|
|
flex-shrink: 0;
|
|
margin-inline-start:auto}
|
|
|
|
.soundmojiViewMore_c656ac {
|
|
align-self: center;
|
|
color: var(--text-default);
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-inline-start:auto;transition: color .125s
|
|
}
|
|
|
|
.soundmojiViewMore_c656ac:hover {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.premiumRetentionNotice_a606ef {
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: 4px;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 16px;
|
|
margin: 8px 8px 0;
|
|
padding: 8px
|
|
}
|
|
|
|
.premiumRetentionNoticeIcon_a606ef {
|
|
height: 24px;
|
|
margin-inline-end:8px;margin-top: 2px;
|
|
min-width: var(--custom-emoji-picker-constants-emoji-size)
|
|
}
|
|
|
|
.premiumRetentionNoticeClose_a606ef {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.premiumRetentionNoticeClose_a606ef:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.premiumRetentionNoticeContent_a606ef {
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.noBoxShadowMargin_d0aeea {
|
|
margin: 0
|
|
}
|
|
|
|
html:not(.chat-input) .inputInner_b1f01d {
|
|
background: var(--input-background-default);
|
|
border-radius: var(--radius-sm);
|
|
--custom-slate-textarea-padding: calc((var(--custom-channel-textarea-text-area-height) - var(--chat-markup-line-height))/2);
|
|
--custom-slate-textarea-right-offset: 10px;
|
|
padding: 0 calc(var(--custom-slate-textarea-padding) - var(--custom-slate-textarea-right-offset)) 0 var(--custom-slate-textarea-padding)
|
|
}
|
|
|
|
.chat-input .input_b1f01d,.custom-theme-background .input_b1f01d {
|
|
background: var(--input-background-default)
|
|
}
|
|
|
|
.input_b1f01d {
|
|
border: none!important
|
|
}
|
|
|
|
.editor_b1f01d.editor_b1f01d {
|
|
--channel-text-area-placeholder: var(--text-muted);
|
|
font-size: 14px;
|
|
min-height: 88px
|
|
}
|
|
|
|
.container_b1f01d {
|
|
background: var(--background-base-low);
|
|
border-radius: 8px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
padding: 16px;
|
|
width: 300px
|
|
}
|
|
|
|
.user-profile-modal .container_b1f01d.activity_b1f01d {
|
|
width: 400px
|
|
}
|
|
|
|
.user-profile-sidebar .container_b1f01d {
|
|
width: 276px
|
|
}
|
|
|
|
.user-profile-sidebar .container_b1f01d.status_b1f01d {
|
|
margin-inline-start:-90px}
|
|
|
|
.user-profile-popout .container_b1f01d.status_b1f01d {
|
|
margin-inline-start:-122px}
|
|
|
|
.user-profile-popout .container_b1f01d.avatar_b1f01d {
|
|
margin-inline-start:-32px}
|
|
|
|
.user-profile-popout .container_b1f01d.activity_b1f01d {
|
|
margin-inline-start:-32px}
|
|
|
|
.user-profile-popout .container_b1f01d.customProfileTheme_b1f01d.status_b1f01d {
|
|
margin-inline-start:-118px}
|
|
|
|
.user-profile-popout .container_b1f01d.customProfileTheme_b1f01d.avatar_b1f01d {
|
|
margin-inline-start:-28px}
|
|
|
|
.popover_c97e55 {
|
|
background-color: var(--user-profile-toolbar-background);
|
|
border: 1px solid var(--user-profile-toolbar-border);
|
|
border-radius: 100px;
|
|
box-shadow: var(--shadow-low);
|
|
display: inline-flex;
|
|
gap: 2px;
|
|
height: unset;
|
|
inset-inline-end: min(8px,calc(50% - 29px));
|
|
opacity: 0;
|
|
padding: 2px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: -16px
|
|
}
|
|
|
|
.custom-user-profile-theme.theme-dark .popover_c97e55 {
|
|
-webkit-backdrop-filter: blur(36px);
|
|
backdrop-filter: blur(36px)
|
|
}
|
|
|
|
.custom-user-profile-theme.theme-light .popover_c97e55 {
|
|
-webkit-backdrop-filter: blur(24px);
|
|
backdrop-filter: blur(24px)
|
|
}
|
|
|
|
.popover_c97e55.visible_c97e55,.popover_c97e55:focus-within {
|
|
opacity: 1;
|
|
pointer-events: all
|
|
}
|
|
|
|
:not(.keyboard-mode).full-motion .popover_c97e55.visible_c97e55,:not(.keyboard-mode).full-motion .popover_c97e55:focus-within {
|
|
animation: hoverIn_c97e55 .15s ease forwards;
|
|
opacity: 0
|
|
}
|
|
|
|
:not(.keyboard-mode).full-motion .popover_c97e55.visible_c97e55.expandable_c97e55,:not(.keyboard-mode).full-motion .popover_c97e55:focus-within.expandable_c97e55 {
|
|
animation-delay: .3s
|
|
}
|
|
|
|
@keyframes hoverIn_c97e55 {
|
|
0% {
|
|
opacity: 0;
|
|
top: -14px
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
top: -16px
|
|
}
|
|
}
|
|
|
|
.button_c97e55 {
|
|
height: unset;
|
|
min-width: unset;
|
|
padding: 4px
|
|
}
|
|
|
|
.button_c97e55.left_c97e55 {
|
|
border-radius: 100px 6px 6px 100px;
|
|
padding-inline-start:6px}
|
|
|
|
.button_c97e55.right_c97e55 {
|
|
border-radius: 6px 100px 100px 6px;
|
|
padding-inline-end:6px}
|
|
|
|
.button_c97e55:hover {
|
|
background: var(--background-mod-normal)
|
|
}
|
|
|
|
.button_c97e55:hover .icon_c97e55 {
|
|
fill: var(--interactive-text-hover)
|
|
}
|
|
|
|
.button_c97e55:active {
|
|
background: var(--background-mod-strong)
|
|
}
|
|
|
|
.button_c97e55:active .icon_c97e55 {
|
|
fill: var(--interactive-text-active)
|
|
}
|
|
|
|
.container_ab8609 {
|
|
--custom-status-bubble-background-color: var(--background-surface-highest);
|
|
--custom-status-bubble-background: var(--custom-status-bubble-background-color);
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
position: absolute;
|
|
width: -moz-fit-content;
|
|
width: fit-content;
|
|
z-index: var(--custom-user-profile-middle-layer-z-index)
|
|
}
|
|
|
|
.theme-dark .container_ab8609 {
|
|
--custom-status-bubble-overlay-color: 255 255 255
|
|
}
|
|
|
|
.theme-light .container_ab8609 {
|
|
--custom-status-bubble-overlay-color: 0 0 0
|
|
}
|
|
|
|
.container_ab8609.editable_ab8609:hover {
|
|
--custom-status-bubble-background: linear-gradient(rgb(var(--custom-status-bubble-overlay-color)/0.04),rgb(var(--custom-status-bubble-overlay-color)/0.04)),var(--custom-status-bubble-background-color)
|
|
}
|
|
|
|
.container_ab8609.hoisted_ab8609 {
|
|
z-index: var(--custom-user-profile-hoist-z-index)
|
|
}
|
|
|
|
.user-profile-popout .container_ab8609 {
|
|
inset-inline-start: 105px;
|
|
top: calc(var(--custom-user-profile-banner-height) - 7px)
|
|
}
|
|
|
|
.user-profile-modal .container_ab8609 {
|
|
inset-inline-start: 161px;
|
|
top: -10px
|
|
}
|
|
|
|
.user-profile-modal-v2 .container_ab8609 {
|
|
inset-inline-start: 172px;
|
|
top: calc(var(--custom-user-profile-banner-height) - 8px)
|
|
}
|
|
|
|
.user-profile-sidebar .container_ab8609 {
|
|
inset-inline-start: 109px;
|
|
top: calc(var(--custom-user-profile-banner-height) - 7px)
|
|
}
|
|
|
|
.referenceContainer_ab8609 {
|
|
pointer-events: none;
|
|
position: relative;
|
|
visibility: hidden
|
|
}
|
|
|
|
.referenceContainer_ab8609.withLabel_ab8609 {
|
|
margin-top: -24px
|
|
}
|
|
|
|
.user-profile-popout .referenceContainer_ab8609 {
|
|
margin-top: -10px;
|
|
margin-inline:109px 12px}
|
|
|
|
.user-profile-popout .referenceContainer_ab8609.withLabel_ab8609 {
|
|
margin-top: -24px
|
|
}
|
|
|
|
.custom-user-profile-theme .user-profile-popout .referenceContainer_ab8609 {
|
|
margin-inline:105px 8px}
|
|
|
|
.user-profile-modal .referenceContainer_ab8609 {
|
|
margin-top: -10px;
|
|
margin-inline:161px 16px}
|
|
|
|
.user-profile-modal .referenceContainer_ab8609.withLabel_ab8609 {
|
|
margin-top: -24px
|
|
}
|
|
|
|
.user-profile-modal-v2 .referenceContainer_ab8609 {
|
|
margin-top: -10px;
|
|
margin-inline:144px 12px}
|
|
|
|
.user-profile-modal-v2 .referenceContainer_ab8609.withLabel_ab8609 {
|
|
margin-top: -24px
|
|
}
|
|
|
|
.user-profile-sidebar .referenceContainer_ab8609 {
|
|
margin-top: -10px;
|
|
margin-inline:109px 8px}
|
|
|
|
.user-profile-sidebar .referenceContainer_ab8609.withLabel_ab8609 {
|
|
margin-top: -24px
|
|
}
|
|
|
|
.referenceContainer_ab8609>.outer_ab8609>.inner_ab8609>.content_ab8609 {
|
|
max-width: 155px
|
|
}
|
|
|
|
.referenceContainer_ab8609>.outer_ab8609>.inner_ab8609>.content_ab8609.unclamped_ab8609 {
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.referenceContainer_ab8609>.outer_ab8609 {
|
|
max-width: none;
|
|
width: -moz-max-content;
|
|
width: max-content
|
|
}
|
|
|
|
.outer_ab8609 {
|
|
background: var(--custom-status-bubble-background);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-lg);
|
|
box-shadow: var(--shadow-low);
|
|
box-sizing: border-box;
|
|
max-width: 181px;
|
|
min-width: 42px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.outer_ab8609:before {
|
|
height: 20px;
|
|
inset-inline-start: 10px;
|
|
top: -8px;
|
|
width: 20px
|
|
}
|
|
|
|
.outer_ab8609:after,.outer_ab8609:before {
|
|
background: inherit;
|
|
border: inherit;
|
|
border-radius: 50%;
|
|
box-shadow: inherit;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
position: absolute
|
|
}
|
|
|
|
.outer_ab8609:after {
|
|
height: 10px;
|
|
inset-inline-start: -3px;
|
|
top: -15px;
|
|
width: 10px
|
|
}
|
|
|
|
.theme-dark .outer_ab8609 {
|
|
border: 1px solid var(--border-muted)
|
|
}
|
|
|
|
.custom-user-profile-theme.theme-dark .outer_ab8609 {
|
|
border: 1px solid var(--border-strong)
|
|
}
|
|
|
|
.inner_ab8609 {
|
|
background: var(--custom-status-bubble-background);
|
|
cursor: text;
|
|
display: block;
|
|
font-size: medium;
|
|
margin: 0 auto;
|
|
padding: 8px 12px;
|
|
position: relative;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text;
|
|
width: -moz-fit-content;
|
|
width: fit-content;
|
|
word-break: break-word
|
|
}
|
|
|
|
.inner_ab8609.clickable_ab8609 {
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.content_ab8609 {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
color: var(--text-default);
|
|
overflow: hidden
|
|
}
|
|
|
|
.content_ab8609.unclamped_ab8609 {
|
|
-webkit-line-clamp: 9
|
|
}
|
|
|
|
.singleLineTextClamp_ab8609 {
|
|
-webkit-line-clamp: 1
|
|
}
|
|
|
|
.ring_ab8609 {
|
|
border-radius: var(--radius-lg)
|
|
}
|
|
|
|
.statusText_ab8609 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.statusEmoji_ab8609:not(:has(~.statusText_ab8609)) {
|
|
max-height: 32px;
|
|
max-width: 32px;
|
|
min-height: 32px;
|
|
min-width: 32px
|
|
}
|
|
|
|
.statusEmoji_ab8609:has(~.statusText_ab8609) {
|
|
height: 16px;
|
|
margin-inline-end:4px;width: 16px
|
|
}
|
|
|
|
.statusEmoji_ab8609~.statusText_ab8609 {
|
|
display: inline
|
|
}
|
|
|
|
.labelRow_ab8609~.statusEmoji_ab8609:not(:has(~.statusText_ab8609)) {
|
|
display: block;
|
|
margin-inline:auto}
|
|
|
|
.addStatusPrompt_ab8609 {
|
|
color: var(--text-muted);
|
|
display: inline;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.italicPrompt_ab8609 {
|
|
font-style: italic;
|
|
padding-inline-end:1px;padding-bottom: 1px
|
|
}
|
|
|
|
.addStatusIcon_ab8609 {
|
|
display: inline;
|
|
margin-inline-end:4px;fill: var(--text-muted);
|
|
vertical-align: middle
|
|
}
|
|
|
|
.outer_ab8609:hover .addStatusPrompt_ab8609 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.outer_ab8609:hover .addStatusIconColor_ab8609 {
|
|
fill: var(--text-default)
|
|
}
|
|
|
|
.labelRow_ab8609 {
|
|
margin-bottom: 2px
|
|
}
|
|
|
|
:where(.section_bf424d) {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
:where(.section_bf424d):empty,:where(.section_bf424d):has(>.headings_bf424d:only-child) {
|
|
display: none
|
|
}
|
|
|
|
.header_bf424d {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.list__20827 {
|
|
display: inline-flex;
|
|
flex-wrap: wrap;
|
|
gap: 6px
|
|
}
|
|
|
|
.popover__2ee1b {
|
|
}
|
|
|
|
.popoverGradientWrapper__2ee1b {
|
|
}
|
|
|
|
.popoverContentWithGradient__2ee1b {
|
|
}
|
|
|
|
.closeButton__2ee1b {
|
|
}
|
|
|
|
.header__2ee1b {
|
|
gap: 2px;
|
|
margin-bottom: 0;
|
|
margin-top: var(--space-20)
|
|
}
|
|
|
|
.headerWithBadge__2ee1b {
|
|
}
|
|
|
|
.badgeContainer__2ee1b {
|
|
}
|
|
|
|
.content__2ee1b {
|
|
}
|
|
|
|
.footer__2ee1b {
|
|
}
|
|
|
|
.footerText__2ee1b {
|
|
}
|
|
|
|
.footerLink__2ee1b {
|
|
}
|
|
|
|
.actionBar__2ee1b {
|
|
margin-top: var(--space-16)
|
|
}
|
|
|
|
.actions__2ee1b {
|
|
}
|
|
|
|
.multistepIndicator__2ee1b {
|
|
}
|
|
|
|
.multistepActionLayout__2ee1b {
|
|
}
|
|
|
|
.caretIcon__2ee1b {
|
|
}
|
|
|
|
.graphic__2ee1b {
|
|
margin-bottom: calc(var(--space-6)*-1);
|
|
margin-top: 0
|
|
}
|
|
|
|
.graphic--sm__2ee1b {
|
|
}
|
|
|
|
.graphic--md__2ee1b {
|
|
}
|
|
|
|
.graphic--lg__2ee1b {
|
|
}
|
|
|
|
.graphic--video__2ee1b {
|
|
}
|
|
|
|
.title__2ee1b {
|
|
color: var(--text-strong);
|
|
font-family: var(--font-display-marketing-header);
|
|
font-size: 21px;
|
|
font-style: italic;
|
|
font-weight: 900;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
word-wrap: break-word;
|
|
width: 100%
|
|
}
|
|
|
|
.headerBody__2ee1b {
|
|
width: 90%
|
|
}
|
|
|
|
.caretHoverable__2ee1b {
|
|
pointer-events: auto
|
|
}
|
|
|
|
.tooltipContainer__7bebc {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
padding: 16px 8px 4px
|
|
}
|
|
|
|
.tooltipWordmarkContainer__7bebc {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.tooltipDescription_cd30d9 {
|
|
margin-top: var(--space-4)
|
|
}
|
|
|
|
.tooltipWordmark_cd30d9 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.tooltipWordmark_d4ff11 {
|
|
color: var(--text-muted);
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.orbBadgeAsset_d4ff11 {
|
|
width: 64px
|
|
}
|
|
|
|
.orbHeaderWithSpacing_d4ff11 {
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.orbSubtext_d4ff11 {
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 16px;
|
|
margin-bottom: 4px;
|
|
margin-top: 10px
|
|
}
|
|
|
|
.container__8061a {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 2px;
|
|
margin: 1px 0;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.container__8061a:empty {
|
|
visibility: hidden
|
|
}
|
|
|
|
.badge__8061a {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
display: block;
|
|
filter: saturate(var(--saturation-factor,1));
|
|
height: 20px;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
width: 20px
|
|
}
|
|
|
|
.badge__8061a:active {
|
|
opacity: .8
|
|
}
|
|
|
|
.badge__8061a:before {
|
|
background-color: var(--user-profile-border);
|
|
border-radius: 50%;
|
|
content: "";
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.container__9d597 {
|
|
--custom-lift-hover: 2px;
|
|
--custom-peek-base: 8px;
|
|
--custom-peek-hover: 2px;
|
|
--custom-expanded-total: calc(var(--custom-lift-hover) + var(--custom-peek-base) + var(--custom-peek-hover));
|
|
--custom-transition-duration: 200ms
|
|
}
|
|
|
|
.container__9d597:has(.hasMultipleCards__9d597) {
|
|
padding-bottom: var(--custom-peek-base)
|
|
}
|
|
|
|
.cardsList__9d597,.firstCardContainer__9d597 {
|
|
position: relative
|
|
}
|
|
|
|
.hasMultipleCards__9d597 .firstCardContainer__9d597 .card__9d597 {
|
|
box-shadow: var(--shadow-low);
|
|
z-index: var(--custom-user-profile-middle-layer-z-index)
|
|
}
|
|
|
|
.full-motion .hasMultipleCards__9d597 .firstCardContainer__9d597 .card__9d597 {
|
|
transition: transform var(--custom-transition-duration) ease-in-out
|
|
}
|
|
|
|
.hasMultipleCards__9d597:focus-within .firstCardContainer__9d597 .card__9d597,.hasMultipleCards__9d597:hover .firstCardContainer__9d597 .card__9d597 {
|
|
transform: translateY(calc(var(--custom-lift-hover)*-1))
|
|
}
|
|
|
|
.backgroundCardContainer__9d597 {
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
height: var(--custom-peek-base);
|
|
overflow: hidden;
|
|
padding-inline:8px;position: absolute;
|
|
top: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .backgroundCardContainer__9d597 {
|
|
--custom-transition-height-delay: var(--custom-transition-duration);
|
|
transition: transform var(--custom-transition-duration) ease-in-out,height 0s var(--custom-transition-height-delay) linear
|
|
}
|
|
|
|
.cardsList__9d597:focus-within .backgroundCardContainer__9d597,.cardsList__9d597:hover .backgroundCardContainer__9d597 {
|
|
--custom-transition-height-delay: 0ms;
|
|
height: var(--custom-expanded-total);
|
|
transform: translateY(calc(var(--custom-lift-hover)*-1))
|
|
}
|
|
|
|
.backgroundCardContainer__9d597 .backgroundCard__9d597 {
|
|
height: calc(var(--custom-expanded-total)*2);
|
|
transform: translateY(calc(-100% + var(--custom-peek-base)));
|
|
z-index: var(--custom-user-profile-bottom-layer-z-index)
|
|
}
|
|
|
|
.full-motion .backgroundCardContainer__9d597 .backgroundCard__9d597 {
|
|
transition: transform var(--custom-transition-duration) ease-in-out
|
|
}
|
|
|
|
.backgroundCardContainer__9d597 .backgroundCard__9d597:focus-within,.backgroundCardContainer__9d597 .backgroundCard__9d597:hover {
|
|
background: var(--user-profile-overlay-background-hover)
|
|
}
|
|
|
|
.cardsList__9d597:focus-within .backgroundCardContainer__9d597 .backgroundCard__9d597,.cardsList__9d597:hover .backgroundCardContainer__9d597 .backgroundCard__9d597 {
|
|
transform: translateY(calc(-100% + var(--custom-expanded-total)))
|
|
}
|
|
|
|
.link_d9ba3e {
|
|
border-radius: inherit
|
|
}
|
|
|
|
.link_d9ba3e:hover {
|
|
text-decoration-color: var(--text-default)
|
|
}
|
|
|
|
.clickable_ef9ae7 {
|
|
border-radius: inherit;
|
|
cursor: pointer;
|
|
max-width: 100%;
|
|
width: -moz-max-content;
|
|
width: max-content
|
|
}
|
|
|
|
.clickable_ef9ae7:hover {
|
|
text-decoration: underline;
|
|
text-decoration-color: var(--text-default)
|
|
}
|
|
|
|
.imagePosition_ef9ae7 {
|
|
align-items: center;
|
|
border-radius: var(--radius-xs);
|
|
display: flex;
|
|
height: -moz-max-content;
|
|
height: max-content;
|
|
overflow: visible;
|
|
position: relative
|
|
}
|
|
|
|
.aspectRatio_ef9ae7 {
|
|
aspect-ratio: 1/1
|
|
}
|
|
|
|
.aspectRatio_ef9ae7.crunchyroll_ef9ae7 {
|
|
aspect-ratio: 2/3
|
|
}
|
|
|
|
.imageContainer_ef9ae7 {
|
|
border-radius: inherit;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.imageContainer_ef9ae7 .contentImage_ef9ae7 {
|
|
min-width: 60px
|
|
}
|
|
|
|
.smallImageContainer_ef9ae7 {
|
|
align-items: center;
|
|
border-radius: var(--radius-round);
|
|
bottom: -4px;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
inset-inline-end: -4px;
|
|
justify-content: center;
|
|
position: absolute
|
|
}
|
|
|
|
.contentImage_ef9ae7 {
|
|
border-radius: inherit;
|
|
-o-object-fit: cover;
|
|
object-fit: cover
|
|
}
|
|
|
|
.container__39f84 {
|
|
background: var(--background-mod-subtle);
|
|
border-end-end-radius: inherit;
|
|
border-end-start-radius: inherit;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.custom-user-profile-theme .container__39f84 {
|
|
background: var(--user-profile-overlay-background)
|
|
}
|
|
|
|
.content__39f84 {
|
|
min-width: 0;
|
|
padding: 8px
|
|
}
|
|
|
|
.icon__39f84 {
|
|
display: inline-block;
|
|
height: 1lh;
|
|
vertical-align: bottom;
|
|
width: 1lh
|
|
}
|
|
|
|
.viewMoreButton__39f84 {
|
|
border-end-end-radius: inherit;
|
|
padding: 8px
|
|
}
|
|
|
|
.viewMoreButton__39f84:focus-visible,.viewMoreButton__39f84:hover {
|
|
background-color: var(--background-mod-subtle);
|
|
cursor: pointer
|
|
}
|
|
|
|
.card__39ec2 {
|
|
--custom-activity-card-padding: 8px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
overflow: visible;
|
|
padding: var(--custom-activity-card-padding);
|
|
position: relative
|
|
}
|
|
|
|
.user-profile-sidebar .card__39ec2 {
|
|
--custom-activity-card-padding: 12px
|
|
}
|
|
|
|
.user-profile-modal-v2 .card__39ec2 {
|
|
--custom-activity-card-padding: 12px;
|
|
border-radius: var(--radius-md)
|
|
}
|
|
|
|
.card__39ec2.hoisted__39ec2 {
|
|
background: linear-gradient(rgb(var(--background-gradient-color)/.4),rgb(var(--background-gradient-color)/.4)),linear-gradient(var(--profile-gradient-end),var(--profile-gradient-end))!important;
|
|
pointer-events: none;
|
|
z-index: var(--custom-user-profile-hoist-z-index)
|
|
}
|
|
|
|
.header__39ec2 {
|
|
justify-content: space-between
|
|
}
|
|
|
|
.header__39ec2,.headerText__39ec2 {
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.headerText__39ec2 {
|
|
align-items: center;
|
|
overflow: hidden
|
|
}
|
|
|
|
.headerContextMenu__39ec2:empty {
|
|
display: none
|
|
}
|
|
|
|
.headerContextMenu__39ec2.absolute__39ec2 {
|
|
align-self: flex-end;
|
|
display: inline-flex;
|
|
position: absolute
|
|
}
|
|
|
|
.headerContextMenu__39ec2.absolute__39ec2~.body__39ec2>.content__39ec2>.details__39ec2 {
|
|
margin-inline-end:24px}
|
|
|
|
.platformIcon__39ec2 {
|
|
background-color: var(--icon-muted);
|
|
height: 12px;
|
|
-webkit-mask-size: cover;
|
|
mask-size: cover;
|
|
width: 12px
|
|
}
|
|
|
|
.body__39ec2 {
|
|
gap: 8px
|
|
}
|
|
|
|
.body__39ec2,.toolbarContainer__39ec2 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.toolbarContainer__39ec2 {
|
|
border: none;
|
|
overflow: visible;
|
|
position: relative
|
|
}
|
|
|
|
.content__39ec2 {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: row;
|
|
gap: 8px
|
|
}
|
|
|
|
.user-profile-modal .content__39ec2,.user-profile-modal-v2 .content__39ec2 {
|
|
gap: 12px
|
|
}
|
|
|
|
.details__39ec2 {
|
|
align-self: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
overflow: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.actions__39ec2 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 8px;
|
|
margin: 4px 0 0
|
|
}
|
|
|
|
.user-profile-modal .actions__39ec2 {
|
|
flex-wrap: nowrap;
|
|
margin-block:0;margin-inline:20px 0}
|
|
|
|
.user-profile-modal-v2 .actions__39ec2 {
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.actions__39ec2 .primaryButton__39ec2 {
|
|
flex: 1
|
|
}
|
|
|
|
.actions__39ec2 .customButtons__39ec2 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-wrap: wrap;
|
|
gap: 8px
|
|
}
|
|
|
|
.actions__39ec2 .customButtons__39ec2>button {
|
|
flex: 1 1 auto;
|
|
min-width: calc(50% - 8px)
|
|
}
|
|
|
|
.actions__39ec2:empty {
|
|
display: none
|
|
}
|
|
|
|
.badges__39ec2 {
|
|
-moz-column-gap: 8px;
|
|
column-gap: 8px;
|
|
flex-wrap: wrap;
|
|
row-gap: 0
|
|
}
|
|
|
|
.clickableContainer__39ec2 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.clickableContainer__39ec2:hover>.card__39ec2 {
|
|
background: var(--user-profile-overlay-background-hover)
|
|
}
|
|
|
|
.image__39ec2 {
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.hangStatusIcon__39ec2 {
|
|
height: 100px;
|
|
width: 100px
|
|
}
|
|
|
|
.hangStatusIcon__39ec2.small__39ec2 {
|
|
height: 60px;
|
|
width: 60px
|
|
}
|
|
|
|
.clickableImage__39ec2,.clickableImage__39ec2:after {
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.clickableImage__39ec2:after {
|
|
background-color: var(--black);
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-end: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .clickableImage__39ec2:after {
|
|
transition: opacity var(--custom-button-transition-duration) ease
|
|
}
|
|
|
|
.clickableImage__39ec2:hover:after {
|
|
opacity: .2
|
|
}
|
|
|
|
.clickableText__39ec2 {
|
|
cursor: pointer;
|
|
max-width: 100%;
|
|
width: -moz-max-content;
|
|
width: max-content
|
|
}
|
|
|
|
.clickableText__39ec2:hover {
|
|
text-decoration: underline;
|
|
text-decoration-color: var(--text-default)
|
|
}
|
|
|
|
.inline__39ec2 {
|
|
display: inline
|
|
}
|
|
|
|
.gameState__39ec2 {
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.guildIcon__39ec2 {
|
|
border-radius: var(--radius-xs)
|
|
}
|
|
|
|
.voiceChannel__39ec2 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.voiceChannelText__39ec2 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
gap: 2px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.voiceChannelText__39ec2 .clickableText__39ec2 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.voiceChannelText__39ec2 .voiceIcon__39ec2 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.voiceChannelHeading__39ec2 {
|
|
overflow: hidden;
|
|
word-break: break-all
|
|
}
|
|
|
|
.voiceChannelHeading__39ec2 .voiceIcon__39ec2 {
|
|
margin-inline-end:2px;position: relative;
|
|
top: 1px
|
|
}
|
|
|
|
.voiceChannelDivider__39ec2 {
|
|
width: 100%
|
|
}
|
|
|
|
.voiceChannelOverflowCount__39ec2 {
|
|
background: var(--background-mod-strong)
|
|
}
|
|
|
|
.contextMenu__39ec2 {
|
|
cursor: pointer;
|
|
display: flex;
|
|
margin-inline-end:4px}
|
|
|
|
.appWidgetPreview__39ec2 {
|
|
margin-block-end:calc(var(--custom-activity-card-padding)*-1);margin-inline: calc(var(--custom-activity-card-padding)*-1)
|
|
}
|
|
|
|
.divider__23eb0 {
|
|
background-color: var(--user-profile-border);
|
|
height: 1px
|
|
}
|
|
|
|
.cloudPlaySection__33ecd {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 16px;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.cloudPlaySectionTextContainer__33ecd {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.cloudPlayDivider__33ecd {
|
|
margin: 4px 0;
|
|
width: 100%
|
|
}
|
|
|
|
.container__8e51c {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.text__8e51c {
|
|
font-family: var(--font-code)
|
|
}
|
|
|
|
.bar__8e51c {
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: 2px;
|
|
flex: 1;
|
|
height: 2px
|
|
}
|
|
|
|
.progress__8e51c {
|
|
background-color: var(--interactive-text-active);
|
|
border-radius: inherit;
|
|
height: inherit;
|
|
min-width: 4px
|
|
}
|
|
|
|
.heading-sm\/normal_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/normal_a7acae.fontScaling_a7acae {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/medium_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/medium_a7acae.fontScaling_a7acae {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/semibold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/semibold_a7acae.fontScaling_a7acae {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/bold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/bold_a7acae.fontScaling_a7acae {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/extrabold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 800;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/extrabold_a7acae.fontScaling_a7acae {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-md\/normal_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/normal_a7acae.fontScaling_a7acae {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/medium_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/medium_a7acae.fontScaling_a7acae {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/semibold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/semibold_a7acae.fontScaling_a7acae {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/bold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/bold_a7acae.fontScaling_a7acae {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/extrabold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/extrabold_a7acae.fontScaling_a7acae {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-lg\/normal_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/normal_a7acae.fontScaling_a7acae {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/medium_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/medium_a7acae.fontScaling_a7acae {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/semibold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/semibold_a7acae.fontScaling_a7acae {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/bold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/bold_a7acae.fontScaling_a7acae {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/extrabold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/extrabold_a7acae.fontScaling_a7acae {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-xl\/normal_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/normal_a7acae.fontScaling_a7acae {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/medium_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/medium_a7acae.fontScaling_a7acae {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/semibold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/semibold_a7acae.fontScaling_a7acae {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/bold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/bold_a7acae.fontScaling_a7acae {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/extrabold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/extrabold_a7acae.fontScaling_a7acae {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xxl\/normal_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/normal_a7acae.fontScaling_a7acae {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/medium_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/medium_a7acae.fontScaling_a7acae {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/semibold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/semibold_a7acae.fontScaling_a7acae {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/bold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/bold_a7acae.fontScaling_a7acae {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/extrabold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/extrabold_a7acae.fontScaling_a7acae {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.eyebrow_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: .02em;
|
|
line-height: 1.3333333333333333;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.eyebrow_a7acae.fontScaling_a7acae {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/normal_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/normal_a7acae.fontScaling_a7acae {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/medium_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/medium_a7acae.fontScaling_a7acae {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold_a7acae.fontScaling_a7acae {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/bold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/bold_a7acae.fontScaling_a7acae {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold_a7acae.fontScaling_a7acae {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.redesign\/heading-18\/bold_a7acae {
|
|
font-family: var(--font-display);
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/heading-18\/bold_a7acae.fontScaling_a7acae {
|
|
font-size: 1.125rem
|
|
}
|
|
|
|
.text-xxs\/normal_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/normal_a7acae.fontScaling_a7acae {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/medium_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/medium_a7acae.fontScaling_a7acae {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/semibold_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/semibold_a7acae.fontScaling_a7acae {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/bold_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/bold_a7acae.fontScaling_a7acae {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xs\/normal_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/normal_a7acae.fontScaling_a7acae {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/medium_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/medium_a7acae.fontScaling_a7acae {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/semibold_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/semibold_a7acae.fontScaling_a7acae {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/bold_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/bold_a7acae.fontScaling_a7acae {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-sm\/normal_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/normal_a7acae.fontScaling_a7acae {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/medium_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/medium_a7acae.fontScaling_a7acae {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/semibold_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/semibold_a7acae.fontScaling_a7acae {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/bold_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/bold_a7acae.fontScaling_a7acae {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-md\/normal_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/normal_a7acae.fontScaling_a7acae {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/medium_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/medium_a7acae.fontScaling_a7acae {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/semibold_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/semibold_a7acae.fontScaling_a7acae {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/bold_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/bold_a7acae.fontScaling_a7acae {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-lg\/normal_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/normal_a7acae.fontScaling_a7acae {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/medium_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/medium_a7acae.fontScaling_a7acae {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/semibold_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/semibold_a7acae.fontScaling_a7acae {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/bold_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/bold_a7acae.fontScaling_a7acae {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.redesign\/message-preview\/normal_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/normal_a7acae.fontScaling_a7acae {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/medium_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/medium_a7acae.fontScaling_a7acae {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold_a7acae.fontScaling_a7acae {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/bold_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/bold_a7acae.fontScaling_a7acae {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/channel-title\/normal_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/normal_a7acae.fontScaling_a7acae {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/medium_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/medium_a7acae.fontScaling_a7acae {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold_a7acae.fontScaling_a7acae {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/bold_a7acae {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/bold_a7acae.fontScaling_a7acae {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.display-sm_a7acae {
|
|
font-family: var(--font-headline);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1
|
|
}
|
|
|
|
.display-sm_a7acae.fontScaling_a7acae {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.display-md_a7acae {
|
|
font-family: var(--font-headline);
|
|
font-size: 34px;
|
|
font-weight: 800;
|
|
line-height: 1.0588235294117647
|
|
}
|
|
|
|
.display-md_a7acae.fontScaling_a7acae {
|
|
font-size: 2.125rem
|
|
}
|
|
|
|
.display-lg_a7acae {
|
|
font-family: var(--font-headline);
|
|
font-size: 44px;
|
|
font-weight: 800;
|
|
line-height: .9545454545454546
|
|
}
|
|
|
|
.display-lg_a7acae.fontScaling_a7acae {
|
|
font-size: 2.75rem
|
|
}
|
|
|
|
.code_a7acae {
|
|
font-family: var(--font-code);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.code_a7acae.fontScaling_a7acae {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.live_a7acae {
|
|
padding: 0 6px
|
|
}
|
|
|
|
.liveShapeRound_a7acae {
|
|
border-radius: var(--custom-live-indicator-border-radius)
|
|
}
|
|
|
|
.liveShapeRoundLeft_a7acae {
|
|
border-radius: var(--custom-live-indicator-border-radius) 0 0 var(--custom-live-indicator-border-radius)
|
|
}
|
|
|
|
.liveShapeRoundRight_a7acae {
|
|
border-radius: 0 var(--custom-live-indicator-border-radius) var(--custom-live-indicator-border-radius) 0
|
|
}
|
|
|
|
.grey_a7acae {
|
|
background-color: var(--background-mod-muted);
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.liveLarge_a7acae {
|
|
font-size: 14px;
|
|
line-height: 15px
|
|
}
|
|
|
|
.liveSmall_a7acae {
|
|
}
|
|
|
|
.heading__3299f {
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.preview__3299f {
|
|
align-items: center;
|
|
aspect-ratio: 16/9;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.user-profile-modal .preview__3299f {
|
|
max-height: 60px;
|
|
max-width: 60px;
|
|
min-height: 60px;
|
|
min-width: 60px
|
|
}
|
|
|
|
.user-profile-modal-v2 .preview__3299f {
|
|
max-height: 100px;
|
|
max-width: 100px;
|
|
min-height: 100px;
|
|
min-width: 100px
|
|
}
|
|
|
|
.image__3299f {
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: var(--radius-sm);
|
|
height: 100%;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 100%
|
|
}
|
|
|
|
.clickable__3299f {
|
|
cursor: pointer
|
|
}
|
|
|
|
.disabled__3299f {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.overlay__3299f {
|
|
position: relative
|
|
}
|
|
|
|
.overlay__3299f:after {
|
|
border-radius: var(--radius-sm);
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 0
|
|
}
|
|
|
|
.overlay__3299f:hover .overlayText__3299f {
|
|
opacity: 1
|
|
}
|
|
|
|
.full-motion .overlay__3299f:hover .clyde__3299f {
|
|
display: initial
|
|
}
|
|
|
|
.overlayText__3299f {
|
|
background: var(--opacity-black-60);
|
|
border-radius: var(--radius-sm);
|
|
cursor: inherit;
|
|
opacity: 0;
|
|
padding: 7px 16px;
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
.full-motion .overlayText__3299f {
|
|
transition: opacity var(--custom-button-transition-duration) ease
|
|
}
|
|
|
|
.clyde__3299f {
|
|
animation: fadeIn__3299f 7.6s linear 19s forwards,x__3299f 3.8s linear 19s infinite alternate,y__3299f 2.3s linear 19s infinite alternate,colorX__3299f 19s step-start 19s infinite,colorY__3299f 11.5s step-start 19s infinite;
|
|
color: hsl(calc((var(--custom-color-y)*5 + var(--custom-color-x))*14.4) 100% 50%);
|
|
display: none;
|
|
inset-inline-start: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
@keyframes fadeIn__3299f {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes x__3299f {
|
|
0% {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
to {
|
|
inset-inline-start: calc(100% - 16px)
|
|
}
|
|
}
|
|
|
|
@keyframes y__3299f {
|
|
0% {
|
|
top: 0
|
|
}
|
|
|
|
to {
|
|
top: calc(100% - 16px)
|
|
}
|
|
}
|
|
|
|
@keyframes colorX__3299f {
|
|
0% {
|
|
--custom-color-x: 0
|
|
}
|
|
|
|
20% {
|
|
--custom-color-x: 2
|
|
}
|
|
|
|
40% {
|
|
--custom-color-x: 4
|
|
}
|
|
|
|
60% {
|
|
--custom-color-x: 1
|
|
}
|
|
|
|
80% {
|
|
--custom-color-x: 3
|
|
}
|
|
|
|
to {
|
|
--custom-color-x: 0
|
|
}
|
|
}
|
|
|
|
@keyframes colorY__3299f {
|
|
0% {
|
|
--custom-color-y: 0
|
|
}
|
|
|
|
20% {
|
|
--custom-color-y: 2
|
|
}
|
|
|
|
40% {
|
|
--custom-color-y: 4
|
|
}
|
|
|
|
60% {
|
|
--custom-color-y: 1
|
|
}
|
|
|
|
80% {
|
|
--custom-color-y: 3
|
|
}
|
|
|
|
to {
|
|
--custom-color-y: 0
|
|
}
|
|
}
|
|
|
|
.container_e928f4 {
|
|
background: var(--card-background-default);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
flex-shrink: 0;
|
|
height: 60px;
|
|
position: relative;
|
|
width: 60px
|
|
}
|
|
|
|
.user-profile-modal-v2 .container_e928f4 {
|
|
height: 100px;
|
|
width: 100px
|
|
}
|
|
|
|
.container_e928f4:before {
|
|
background: var(--background-mod-subtle);
|
|
border-radius: inherit;
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.theme-dark.custom-user-profile-theme .container_e928f4 {
|
|
background: var(--background-mod-strong)
|
|
}
|
|
|
|
.theme-dark.custom-user-profile-theme .container_e928f4:before {
|
|
content: none
|
|
}
|
|
|
|
.theme-light.custom-user-profile-theme .container_e928f4 {
|
|
background: var(--opacity-white-52)
|
|
}
|
|
|
|
.theme-light.custom-user-profile-theme .container_e928f4:before {
|
|
content: none
|
|
}
|
|
|
|
.circle_e928f4 {
|
|
border-radius: var(--radius-round);
|
|
box-shadow: var(--shadow-high);
|
|
position: absolute
|
|
}
|
|
|
|
.avatar_e928f4 {
|
|
border-radius: inherit;
|
|
height: 100%;
|
|
outline: 2px solid var(--background-surface-highest);
|
|
width: 100%
|
|
}
|
|
|
|
.theme-dark.custom-user-profile-theme .avatar_e928f4 {
|
|
outline-color: var(--opacity-white-24)
|
|
}
|
|
|
|
.theme-light.custom-user-profile-theme .avatar_e928f4 {
|
|
outline-color: var(--opacity-white-72)
|
|
}
|
|
|
|
.user-profile-modal-v2 .avatar_e928f4 {
|
|
outline-width: 3px
|
|
}
|
|
|
|
.overflowCount_e928f4 {
|
|
align-items: center;
|
|
background: var(--background-surface-highest);
|
|
border-radius: inherit;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
padding: 1px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.theme-dark.custom-user-profile-theme .overflowCount_e928f4 {
|
|
background: var(--opacity-white-24)
|
|
}
|
|
|
|
.theme-light.custom-user-profile-theme .overflowCount_e928f4 {
|
|
background: var(--opacity-white-72)
|
|
}
|
|
|
|
.form__08bd2 {
|
|
display: contents
|
|
}
|
|
|
|
.modalHeader__08bd2 {
|
|
gap: 4px;
|
|
overflow: visible;
|
|
padding: 16px 0 0;
|
|
text-align: center
|
|
}
|
|
|
|
.closeButton__08bd2 {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
inset-inline-end: -4px;
|
|
position: absolute;
|
|
top: 8px
|
|
}
|
|
|
|
.headerImage__08bd2 {
|
|
background-image: url(/assets/4ed48b8404cc8dd4.svg);
|
|
background-repeat: no-repeat;
|
|
height: 150px;
|
|
margin: 12px auto;
|
|
width: 250px
|
|
}
|
|
|
|
.titleRow__08bd2 {
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.title__08bd2,.titleRow__08bd2 {
|
|
display: inline-flex
|
|
}
|
|
|
|
.title__08bd2 {
|
|
margin-inline-end:4px}
|
|
|
|
.textArea__08bd2 {
|
|
background: var(--input-background-default);
|
|
max-height: 80px
|
|
}
|
|
|
|
.error__08bd2 {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.button__08bd2 {
|
|
text-transform: capitalize
|
|
}
|
|
|
|
.modal__08bd2.gradientBorder__08bd2 {
|
|
border: none;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.container__08bd2 {
|
|
background: radial-gradient(100% 100% at 50% 100%,var(--background-base-low) 60%,var(--transparent) 100%),linear-gradient(270deg,var(--expressive-gradient-purple-end) 0,var(--expressive-gradient-purple-start) 100%);
|
|
border-radius: inherit;
|
|
border-end-end-radius: 0;
|
|
border-end-start-radius: 0;
|
|
box-shadow: inset 0 1px 0 1px var(--border-subtle)
|
|
}
|
|
|
|
.cancelButton__08bd2 {
|
|
margin-inline-end:8px}
|
|
|
|
.modalFooter__08bd2 {
|
|
background-color: var(--background-base-low);
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
border-inline-end:1px solid var(--border-subtle);border-inline-start: 1px solid var(--border-subtle);
|
|
padding-bottom: var(--space-24);
|
|
padding-top: var(--space-8)
|
|
}
|
|
|
|
.popoutCard__411a9 {
|
|
padding: 12px;
|
|
width: 260px
|
|
}
|
|
|
|
.tooltipContainer__411a9 {
|
|
max-width: 260px;
|
|
padding: 8px
|
|
}
|
|
|
|
.content__411a9 {
|
|
flex-direction: column
|
|
}
|
|
|
|
.content__411a9,.headerRow__411a9 {
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.headerRow__411a9 {
|
|
align-items: center
|
|
}
|
|
|
|
.titleRow__411a9 {
|
|
flex: 1;
|
|
gap: 6px;
|
|
min-width: 0
|
|
}
|
|
|
|
.spicinessRow__411a9,.titleRow__411a9 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.spicinessRow__411a9 {
|
|
gap: 4px
|
|
}
|
|
|
|
.kindIcon__411a9 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.channelIcon__411a9,.spicinessIconMild__411a9 {
|
|
color: var(--status-positive)
|
|
}
|
|
|
|
.spicinessIconSpicy__411a9 {
|
|
color: var(--status-warning)
|
|
}
|
|
|
|
.spicinessIconUnhinged__411a9 {
|
|
color: var(--status-danger)
|
|
}
|
|
|
|
.guildPart__411a9,.locationRow__411a9 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 6px;
|
|
min-width: 0
|
|
}
|
|
|
|
.guildPart__411a9 {
|
|
flex: 0 1 auto;
|
|
max-width: 45%
|
|
}
|
|
|
|
.guildIcon__411a9 {
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.guildNameTruncated__411a9 {
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.separatorIcon__411a9 {
|
|
color: var(--text-muted);
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.channelPart__411a9 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
gap: 6px;
|
|
min-width: 0
|
|
}
|
|
|
|
.channelNameTruncated__411a9 {
|
|
flex: 1;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.footer__411a9 {
|
|
padding-top: 4px
|
|
}
|
|
|
|
@keyframes completedShine__411a9 {
|
|
0% {
|
|
background-position: 0 50%
|
|
}
|
|
|
|
to {
|
|
background-position: 200% 50%
|
|
}
|
|
}
|
|
|
|
.completedShinyText__411a9 {
|
|
background: linear-gradient(90deg,var(--status-positive) 0,var(--white) 25%,var(--status-positive) 50%,var(--white) 75%,var(--status-positive) 100%);
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
background-position: 0 50%;
|
|
background-size: 200% 100%;
|
|
color: transparent;
|
|
display: inline-block;
|
|
-webkit-text-fill-color: transparent;
|
|
animation: completedShine__411a9 1.8s linear infinite
|
|
}
|
|
|
|
@media (prefers-reduced-motion:reduce) {
|
|
.completedShinyText__411a9 {
|
|
animation: none;
|
|
background-position: 100% 50%
|
|
}
|
|
}
|
|
|
|
@keyframes placeholderPulse__27cc6 {
|
|
0% {
|
|
opacity: .5
|
|
}
|
|
|
|
50% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: .5
|
|
}
|
|
}
|
|
|
|
.multiplePlaceholder__27cc6,.placeholder__27cc6 {
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
overflow: hidden
|
|
}
|
|
|
|
.multiplePlaceholderAnimated__27cc6,.placeholderAnimated__27cc6 {
|
|
animation: placeholderPulse__27cc6 3s ease-in-out infinite
|
|
}
|
|
|
|
.placeholder__27cc6 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 44px
|
|
}
|
|
|
|
.mulitplePlaceholderUsername__27cc6,.placeholderUsername__27cc6 {
|
|
border-radius: 8px;
|
|
height: 14px
|
|
}
|
|
|
|
.mulitplePlaceholderUsername__27cc6 {
|
|
margin-top: 12px
|
|
}
|
|
|
|
.avatarSmall__27cc6 {
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.avatarLarge__27cc6 {
|
|
height: 40px;
|
|
width: 40px
|
|
}
|
|
|
|
.placeholderAvatar__27cc6 {
|
|
border-radius: 50%
|
|
}
|
|
|
|
.mulitplePlaceholderUsername__27cc6,.placeholderAvatar__27cc6,.placeholderUsername__27cc6 {
|
|
background-color: var(--background-base-low)
|
|
}
|
|
|
|
.avatarMasked__27cc6 {
|
|
margin-inline-end:-6px;-webkit-mask-image: url(/assets/1f9b76e0279b91a4.svg);
|
|
mask-image: url(/assets/1f9b76e0279b91a4.svg);
|
|
-webkit-mask-position: 0 0;
|
|
mask-position: 0 0;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-size: 100% 100%;
|
|
mask-size: 100% 100%
|
|
}
|
|
|
|
.container__91a9d {
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
color: var(--channels-default);
|
|
display: block;
|
|
padding: 1px 0;
|
|
transition: none
|
|
}
|
|
|
|
.container__91a9d .muted__91a9d {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.childContainer__91a9d {
|
|
border-radius: inherit;
|
|
padding-block:0;padding-inline:var(--space-xs) 8px}
|
|
|
|
.childContainer__91a9d.nameplated__91a9d {
|
|
padding-inline-end: 32px;
|
|
position: relative
|
|
}
|
|
|
|
.muted__91a9d .avatar__91a9d {
|
|
opacity: .3
|
|
}
|
|
|
|
.clickable__91a9d.container__91a9d:hover,.clickable__91a9d.container__91a9d:hover .muted__91a9d {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.clickable__91a9d.container__91a9d:hover .avatar__91a9d {
|
|
opacity: 1
|
|
}
|
|
|
|
.clickable__91a9d.container__91a9d:active,.highlighted__91a9d.container__91a9d,.selected__91a9d.container__91a9d {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.layout__91a9d {
|
|
align-items: center;
|
|
border-radius: inherit;
|
|
display: flex;
|
|
flex: 0 1 auto;
|
|
height: 42px;
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
position: relative;
|
|
width: -moz-fit-content;
|
|
width: fit-content;
|
|
z-index: 1
|
|
}
|
|
|
|
.wrappedLayout__91a9d {
|
|
height: auto;
|
|
padding: 5px 8px
|
|
}
|
|
|
|
.clickable__91a9d:hover .childContainer__91a9d {
|
|
background-color: var(--interactive-background-hover);
|
|
cursor: pointer
|
|
}
|
|
|
|
.clickable__91a9d:active .childContainer__91a9d {
|
|
background-color: var(--interactive-background-active)
|
|
}
|
|
|
|
.selected__91a9d .childContainer__91a9d {
|
|
background-color: var(--interactive-background-selected)
|
|
}
|
|
|
|
.avatar__91a9d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
height: 32px;
|
|
justify-content: center;
|
|
margin-inline-end:12px;width: 32px
|
|
}
|
|
|
|
.content__91a9d {
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.name__91a9d {
|
|
display: flex;
|
|
flex: 0 1 auto;
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 20px;
|
|
min-width: 0
|
|
}
|
|
|
|
.wrappedName__91a9d {
|
|
overflow: none;
|
|
white-space: normal
|
|
}
|
|
|
|
.nameAndDecorators__91a9d {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.subText__91a9d {
|
|
margin-top: -2px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.subText__91a9d:empty {
|
|
display: none
|
|
}
|
|
|
|
.children__91a9d {
|
|
flex: 0 0 auto;
|
|
margin-inline-start:8px}
|
|
|
|
.fallback_b789ab {
|
|
align-items: center;
|
|
background-color: #423d80;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
padding: 12px;
|
|
text-align: center
|
|
}
|
|
|
|
.spacer_b789ab {
|
|
flex: 1
|
|
}
|
|
|
|
.container_e0f8ae {
|
|
background-color: var(--background-base-low);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 12px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
padding: 16px
|
|
}
|
|
|
|
.headerContainer_e0f8ae {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding-bottom: 12px
|
|
}
|
|
|
|
.headerContent_e0f8ae {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px
|
|
}
|
|
|
|
.headerTextContainer_e0f8ae {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px
|
|
}
|
|
|
|
.gameGrid_e0f8ae {
|
|
display: grid;
|
|
gap: 16px;
|
|
grid-template-columns: repeat(4,1fr)
|
|
}
|
|
|
|
.gameGrid_e0f8ae:has(.gameClickable_e0f8ae:nth-of-type(5):last-of-type),.gameGrid_e0f8ae:has(.placeholderArt_e0f8ae:nth-of-type(5):last-of-type) {
|
|
grid-template-columns: repeat(5,1fr)
|
|
}
|
|
|
|
.gameGrid_e0f8ae:has(.gameClickable_e0f8ae:nth-of-type(9)),.gameGrid_e0f8ae:has(.placeholderArt_e0f8ae:nth-of-type(9)) {
|
|
grid-template-columns: repeat(5,1fr)
|
|
}
|
|
|
|
.gameClickable_e0f8ae {
|
|
cursor: pointer;
|
|
opacity: 1;
|
|
perspective: 600px;
|
|
transition: opacity .2s ease
|
|
}
|
|
|
|
.gameGrid_e0f8ae:hover .gameClickable_e0f8ae {
|
|
opacity: .5
|
|
}
|
|
|
|
.gameGrid_e0f8ae:hover .gameClickable_e0f8ae:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.coverArtContainer_e0f8ae {
|
|
border-radius: 8px;
|
|
position: relative;
|
|
transition: box-shadow .2s ease
|
|
}
|
|
|
|
.full-motion .coverArtContainer_e0f8ae {
|
|
transition: box-shadow .2s ease,transform .1s ease-out
|
|
}
|
|
|
|
.gameGrid_e0f8ae:hover .gameClickable_e0f8ae:hover .coverArtContainer_e0f8ae {
|
|
box-shadow: 0 0 25px 0 rgba(145,101,255,.25)
|
|
}
|
|
|
|
.coverArtContainer_e0f8ae:after {
|
|
border-radius: 8px;
|
|
content: "";
|
|
inset: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
transition: box-shadow .2s ease
|
|
}
|
|
|
|
.gameGrid_e0f8ae:hover .gameClickable_e0f8ae:hover .coverArtContainer_e0f8ae:after {
|
|
box-shadow: inset 0 0 67px 0 rgba(145,101,255,.25)
|
|
}
|
|
|
|
.coverArt_e0f8ae {
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 8px;
|
|
display: block;
|
|
height: 94px;
|
|
width: 73px
|
|
}
|
|
|
|
.closeButton_e0f8ae {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer
|
|
}
|
|
|
|
.placeholderArt_e0f8ae {
|
|
background-color: var(--background-surface-high)
|
|
}
|
|
|
|
.closeButtonContainer_e0f8ae {
|
|
display: flex;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.errorContainer_e0f8ae {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
min-width: 364px
|
|
}
|
|
|
|
.errorImage_e0f8ae {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.instructionsLink_e0f8ae {
|
|
display: inline-block;
|
|
font-size: inherit
|
|
}
|
|
|
|
.instructionsLink_e0f8ae:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.gameTile_e0f8ae {
|
|
height: 36px;
|
|
width: 36px
|
|
}
|
|
|
|
.helper_fd2e49 {
|
|
align-items: center;
|
|
background: var(--background-base-lowest);
|
|
border: 1px solid hsla(0,0%,100%,.04);
|
|
border-radius: 8px;
|
|
box-shadow: var(--shadow-low);
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 12px
|
|
}
|
|
|
|
.infoFilledIcon_fd2e49 {
|
|
color: var(--text-default);
|
|
margin-inline-end:8px}
|
|
|
|
@value transitionDuration 200ms;div.modalRoot {
|
|
border-radius: 12px;
|
|
position: relative
|
|
}
|
|
|
|
div.modalHeader_c28af8 {
|
|
overflow-x: visible
|
|
}
|
|
|
|
.closeBtn_c28af8 {
|
|
inset-inline-end: 12px;
|
|
position: absolute;
|
|
top: 12px
|
|
}
|
|
|
|
.asset_c28af8 {
|
|
height: auto;
|
|
margin-bottom: 24px;
|
|
width: 205px
|
|
}
|
|
|
|
.modalContent_c28af8 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 6px;
|
|
padding: 0 16px 24px
|
|
}
|
|
|
|
.completedModalContent_c28af8 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
padding: 16px 24px
|
|
}
|
|
|
|
.choiceContainer_c28af8 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: 8px;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 12px
|
|
}
|
|
|
|
.full-motion .choiceContainer_c28af8 {
|
|
transition: background-color .2s ease-in-out
|
|
}
|
|
|
|
.choiceContainer_c28af8:hover {
|
|
background-color: var(--message-background-hover)
|
|
}
|
|
|
|
.closeButtonContainer_c28af8 {
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.progressOverlay_c28af8 {
|
|
background-color: var(--background-base-lower);
|
|
inset: 0;
|
|
opacity: .2;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
z-index: 10
|
|
}
|
|
|
|
.modalHeader_c28af8 {
|
|
padding-bottom: 12px
|
|
}
|
|
|
|
.image__7d7b6 {
|
|
border-radius: inherit;
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.nitroRewardTileAssetContainer_a92e89 {
|
|
background-image: linear-gradient(135deg,var(--premium-tier-1-dark-blue-for-gradients) 20%,var(--premium-perk-pink));
|
|
display: flex;
|
|
place-content: center;
|
|
text-align: center
|
|
}
|
|
|
|
.nitroRewardTileAsset_a92e89 {
|
|
filter: drop-shadow(0 1px 2px rgb(0 0 0/.4));
|
|
height: auto;
|
|
margin-top: 2px;
|
|
margin-inline-end:10%;width: 70%
|
|
}
|
|
|
|
.questRewardTile__28141 {
|
|
border-radius: 4px;
|
|
box-shadow: 6px 12px 32px rgba(0,0,0,.24);
|
|
height: 64px;
|
|
position: relative;
|
|
width: 64px
|
|
}
|
|
|
|
.rewardHighlight__28141 {
|
|
border-radius: 8px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.rewardHighlight__28141:after {
|
|
border: 1px solid var(--opacity-white-16);
|
|
border-radius: inherit
|
|
}
|
|
|
|
.borderOverlay__28141:before,.rewardHighlight__28141:after {
|
|
box-sizing: border-box;
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.borderOverlay__28141:before {
|
|
border: 2px solid var(--white);
|
|
border-radius: inherit;
|
|
-webkit-mask-image: linear-gradient(-45deg,transparent 50%,#000);
|
|
mask-image: linear-gradient(-45deg,transparent 50%,#000);
|
|
z-index: 1
|
|
}
|
|
|
|
.questRewardTileInteractive__28141 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.questRewardTileAsset__28141 {
|
|
border-radius: inherit;
|
|
display: block;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%
|
|
}
|
|
|
|
.questRewardTileAssetLazyVideo__28141 {
|
|
position: absolute
|
|
}
|
|
|
|
.questRewardTileAssetStatic__28141 {
|
|
pointer-events: none
|
|
}
|
|
|
|
.questRewardTileDetailsLearnMore__28141 {
|
|
align-items: center;
|
|
background: rgba(0,0,0,.5);
|
|
border-radius: inherit;
|
|
bottom: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
inset-inline: 0;
|
|
justify-content: center;
|
|
opacity: 0;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 0;
|
|
transition: opacity .125s;
|
|
z-index: 0
|
|
}
|
|
|
|
.questRewardTileDetailsLearnMore__28141 p {
|
|
flex: 0 0 auto;
|
|
margin: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.questRewardTile__28141:focus .questRewardTileDetailsLearnMore__28141,.questRewardTile__28141:hover .questRewardTileDetailsLearnMore__28141 {
|
|
opacity: 1
|
|
}
|
|
|
|
.hideLearnMore__28141 {
|
|
cursor: default
|
|
}
|
|
|
|
@keyframes Shine__28141 {
|
|
0% {
|
|
transform: translate3d(-100%,0,0)
|
|
}
|
|
|
|
to {
|
|
transform: translate3d(210%,0,0)
|
|
}
|
|
}
|
|
|
|
.shine__28141 {
|
|
border-radius: inherit;
|
|
color: var(--opacity-white-8);
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.reduce-motion .shine__28141 {
|
|
opacity: 0
|
|
}
|
|
|
|
.full-motion .shine__28141 {
|
|
animation-duration: 2s;
|
|
animation-iteration-count: infinite;
|
|
animation-name: Shine__28141;
|
|
animation-timing-function: ease-in-out
|
|
}
|
|
|
|
.imageVideoOverlay__28141 {
|
|
border-radius: inherit;
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.wrapper__0bd12 {
|
|
background: var(--background-gradient-chat,var(--background-base-lower))
|
|
}
|
|
|
|
.container__0bd12 {
|
|
background-color: var(--interactive-background-selected);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
padding: 10px
|
|
}
|
|
|
|
.container__0bd12 .top__0bd12 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.container__0bd12 .left__0bd12 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px
|
|
}
|
|
|
|
.container__0bd12 .left__0bd12 .help__0bd12 {
|
|
margin-inline-end:8px}
|
|
|
|
.container__0bd12 .left__0bd12 .help__0bd12:hover {
|
|
cursor: pointer
|
|
}
|
|
|
|
.container__0bd12 .left__0bd12 .help__0bd12 .helpText__0bd12 {
|
|
display: inline;
|
|
margin-inline-end:3px}
|
|
|
|
.container__0bd12 .left__0bd12 .help__0bd12 .helpIcon__0bd12 {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.container__0bd12 .right__0bd12 .imgWrapper__0bd12 {
|
|
height: 38px;
|
|
position: relative;
|
|
width: 38px
|
|
}
|
|
|
|
.container__0bd12 .right__0bd12 .imgWrapper__0bd12 .imgUnderlay__0bd12 {
|
|
background: linear-gradient(155deg,var(--teal-230) 11.08%,var(--yellow-260) 88.92%);
|
|
border-radius: 50%;
|
|
filter: blur(20px);
|
|
inset: 2.5px;
|
|
position: absolute
|
|
}
|
|
|
|
.assetTile__0bd12 {
|
|
border-radius: 8px;
|
|
height: 100%;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 2
|
|
}
|
|
|
|
.member__5d473 {
|
|
margin-inline-start:8px;max-width: calc(var(--custom-member-list-width) - 16px);
|
|
position: relative
|
|
}
|
|
|
|
.memberInner__5d473 {
|
|
box-sizing: border-box;
|
|
height: auto;
|
|
padding: var(--space-xxs) 0 var(--space-xxs)
|
|
}
|
|
|
|
.offline__5d473 {
|
|
opacity: .3
|
|
}
|
|
|
|
.offline__5d473:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.icon__5d473 {
|
|
flex: 0 0 auto;
|
|
flex-shrink: 0;
|
|
height: 14px;
|
|
position: relative;
|
|
width: 14px
|
|
}
|
|
|
|
.ownerIcon__5d473 {
|
|
color: var(--text-feedback-warning);
|
|
margin-inline-start:4px}
|
|
|
|
.lostPermission__5d473 {
|
|
text-decoration: line-through
|
|
}
|
|
|
|
.premiumIcon__5d473 {
|
|
margin-inline-start:3px;top: 1px
|
|
}
|
|
|
|
.placeholder__5d473 {
|
|
padding: 4px 8px
|
|
}
|
|
|
|
.botTag__5d473 {
|
|
flex: 0 0 auto;
|
|
margin-inline-start:4px}
|
|
|
|
.username__5d473 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 1 auto;
|
|
margin-inline-end:auto;max-width: 100%;
|
|
min-width: 0
|
|
}
|
|
|
|
.name__5d473 {
|
|
flex: 1 1 auto;
|
|
white-space: nowrap
|
|
}
|
|
|
|
span.clanTag__5d473 {
|
|
margin-top: 1px;
|
|
margin-inline-start:4px;margin-bottom: 1px
|
|
}
|
|
|
|
.flatBottom__5d473 {
|
|
border-end-end-radius: 0;
|
|
border-end-start-radius: 0
|
|
}
|
|
|
|
.heading-sm\/normal__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/normal__13cf1.fontScaling__13cf1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/medium__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/medium__13cf1.fontScaling__13cf1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/semibold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/semibold__13cf1.fontScaling__13cf1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/bold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/bold__13cf1.fontScaling__13cf1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/extrabold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 800;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/extrabold__13cf1.fontScaling__13cf1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-md\/normal__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/normal__13cf1.fontScaling__13cf1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/medium__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/medium__13cf1.fontScaling__13cf1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/semibold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/semibold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/bold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/bold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/extrabold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/extrabold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-lg\/normal__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/normal__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/medium__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/medium__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/semibold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/semibold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/bold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/bold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/extrabold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/extrabold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-xl\/normal__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/normal__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/medium__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/medium__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/semibold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/semibold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/bold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/bold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/extrabold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/extrabold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xxl\/normal__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/normal__13cf1.fontScaling__13cf1 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/medium__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/medium__13cf1.fontScaling__13cf1 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/semibold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/semibold__13cf1.fontScaling__13cf1 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/bold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/bold__13cf1.fontScaling__13cf1 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/extrabold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/extrabold__13cf1.fontScaling__13cf1 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.eyebrow__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: .02em;
|
|
line-height: 1.3333333333333333;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.eyebrow__13cf1.fontScaling__13cf1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/normal__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/normal__13cf1.fontScaling__13cf1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/medium__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/medium__13cf1.fontScaling__13cf1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold__13cf1.fontScaling__13cf1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/bold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/bold__13cf1.fontScaling__13cf1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold__13cf1.fontScaling__13cf1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.redesign\/heading-18\/bold__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/heading-18\/bold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.125rem
|
|
}
|
|
|
|
.text-xxs\/normal__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/normal__13cf1.fontScaling__13cf1 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/medium__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/medium__13cf1.fontScaling__13cf1 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/semibold__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/semibold__13cf1.fontScaling__13cf1 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/bold__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/bold__13cf1.fontScaling__13cf1 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xs\/normal__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/normal__13cf1.fontScaling__13cf1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/medium__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/medium__13cf1.fontScaling__13cf1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/semibold__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/semibold__13cf1.fontScaling__13cf1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/bold__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/bold__13cf1.fontScaling__13cf1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-sm\/normal__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/normal__13cf1.fontScaling__13cf1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/medium__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/medium__13cf1.fontScaling__13cf1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/semibold__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/semibold__13cf1.fontScaling__13cf1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/bold__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/bold__13cf1.fontScaling__13cf1 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-md\/normal__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/normal__13cf1.fontScaling__13cf1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/medium__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/medium__13cf1.fontScaling__13cf1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/semibold__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/semibold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/bold__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/bold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-lg\/normal__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/normal__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/medium__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/medium__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/semibold__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/semibold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/bold__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/bold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.redesign\/message-preview\/normal__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/normal__13cf1.fontScaling__13cf1 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/medium__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/medium__13cf1.fontScaling__13cf1 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold__13cf1.fontScaling__13cf1 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/bold__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/bold__13cf1.fontScaling__13cf1 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/channel-title\/normal__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/normal__13cf1.fontScaling__13cf1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/medium__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/medium__13cf1.fontScaling__13cf1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/bold__13cf1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/bold__13cf1.fontScaling__13cf1 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.display-sm__13cf1 {
|
|
font-family: var(--font-headline);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1
|
|
}
|
|
|
|
.display-sm__13cf1.fontScaling__13cf1 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.display-md__13cf1 {
|
|
font-family: var(--font-headline);
|
|
font-size: 34px;
|
|
font-weight: 800;
|
|
line-height: 1.0588235294117647
|
|
}
|
|
|
|
.display-md__13cf1.fontScaling__13cf1 {
|
|
font-size: 2.125rem
|
|
}
|
|
|
|
.display-lg__13cf1 {
|
|
font-family: var(--font-headline);
|
|
font-size: 44px;
|
|
font-weight: 800;
|
|
line-height: .9545454545454546
|
|
}
|
|
|
|
.display-lg__13cf1.fontScaling__13cf1 {
|
|
font-size: 2.75rem
|
|
}
|
|
|
|
.code__13cf1 {
|
|
font-family: var(--font-code);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.code__13cf1.fontScaling__13cf1 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.container__13cf1 {
|
|
box-sizing: border-box;
|
|
color: var(--channels-default);
|
|
flex: 1 1 auto;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.header__13cf1 {
|
|
}
|
|
|
|
.text__13cf1 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-semibold);
|
|
letter-spacing: .02em;
|
|
line-height: 16px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.headerContainer__095fe {
|
|
cursor: pointer;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.header__095fe,.headerContainer__095fe {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.header__095fe {
|
|
gap: 4px
|
|
}
|
|
|
|
.toggleExpandIcon__095fe {
|
|
height: 1lh
|
|
}
|
|
|
|
@keyframes placeholderPulse_c8ffbb {
|
|
0% {
|
|
opacity: .5
|
|
}
|
|
|
|
50% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: .5
|
|
}
|
|
}
|
|
|
|
:root {
|
|
--custom-channel-members-bg: var(--background-base-lower)
|
|
}
|
|
|
|
.container_c8ffbb {
|
|
background: var(--background-gradient-chat,var(--custom-channel-members-bg));
|
|
border-inline-start:1px solid var(--border-subtle);display: flex;
|
|
flex-direction: column;
|
|
height: 100%
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .container_c8ffbb {
|
|
border-inline-start-color:var(--app-frame-border)}
|
|
|
|
.membersWrap_c8ffbb {
|
|
display: flex;
|
|
height: 100%;
|
|
max-height: 100%;
|
|
min-width: var(--custom-member-list-width);
|
|
position: relative
|
|
}
|
|
|
|
.members_c8ffbb {
|
|
background: var(--background-gradient-chat,var(--custom-channel-members-bg));
|
|
flex: 0 0 auto;
|
|
height: auto;
|
|
padding: 0 0 10px
|
|
}
|
|
|
|
.members_c8ffbb,.membersListNotices_c8ffbb {
|
|
width: var(--custom-member-list-width)
|
|
}
|
|
|
|
.member_c8ffbb {
|
|
background: var(--background-gradient-chat,var(--custom-channel-members-bg))
|
|
}
|
|
|
|
.membersGroup_c8ffbb {
|
|
height: auto;
|
|
padding-block:var(--space-lg) var(--space-xxs);padding-inline: var(--space-md) var(--space-xxs)
|
|
}
|
|
|
|
.membersGroupHeader_c8ffbb {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.membersGroupName_c8ffbb {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.hiddenMembers_c8ffbb {
|
|
justify-content: center
|
|
}
|
|
|
|
.hiddenText_c8ffbb {
|
|
align-self: center
|
|
}
|
|
|
|
.memberGroupsPlaceholder_c8ffbb {
|
|
animation: placeholderPulse_c8ffbb 3s ease-in-out infinite;
|
|
background-color: var(--background-base-low);
|
|
border-radius: 8px;
|
|
height: 12px;
|
|
width: 40%
|
|
}
|
|
|
|
.addMembersButton_c8ffbb {
|
|
padding-top: 8px;
|
|
padding-inline-start:8px}
|
|
|
|
.addMembersIcon_c8ffbb {
|
|
align-items: center;
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
height: 32px;
|
|
justify-content: center;
|
|
width: 32px
|
|
}
|
|
|
|
.roleIcon_c8ffbb {
|
|
margin-inline-end:4px;vertical-align: top
|
|
}
|
|
|
|
.fullWidth_c8ffbb {
|
|
width: 100vw
|
|
}
|
|
|
|
.appIconWrapper_c8ffbb {
|
|
align-items: center;
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: 16px;
|
|
display: flex;
|
|
height: 32px;
|
|
justify-content: center;
|
|
width: 32px
|
|
}
|
|
|
|
.enable-forced-colors .container_c8ffbb,.enable-forced-colors .membersWrap_c8ffbb {
|
|
border-inline-start:2px solid CanvasText}
|
|
|
|
.enable-forced-colors .container_c8ffbb .membersWrap_c8ffbb {
|
|
border-inline-start:none}
|
|
|
|
@media (max-width: 485px) {
|
|
.membersWrap_c8ffbb {
|
|
display:flex;
|
|
height: 100%;
|
|
position: relative
|
|
}
|
|
|
|
.members_c8ffbb,.membersListNotices_c8ffbb,.membersWrap_c8ffbb {
|
|
min-width: 100%
|
|
}
|
|
}
|
|
|
|
.roleIcon_ee71ee {
|
|
display: inline-block;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
overflow: hidden
|
|
}
|
|
|
|
.roleIcon_ee71ee:before {
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: 50%;
|
|
content: "";
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.clickable_ee71ee {
|
|
cursor: pointer
|
|
}
|
|
|
|
.content__22234 {
|
|
border-radius: 8px;
|
|
box-sizing: border-box;
|
|
padding: var(--custom-tutorial-popout-padding-content)
|
|
}
|
|
|
|
.contentNoMedia__22234,.contentWithMedia__22234 {
|
|
}
|
|
|
|
.contentNarrowWithMedia__22234 {
|
|
width: 280px
|
|
}
|
|
|
|
.contentNarrowNoMedia__22234 {
|
|
width: 280px
|
|
}
|
|
|
|
.contentWideWithMedia__22234 {
|
|
width: 300px
|
|
}
|
|
|
|
.contentWideNoMedia__22234 {
|
|
width: 300px
|
|
}
|
|
|
|
&.content__22234,.content__22234 {
|
|
background-color: var(--background-surface-highest);
|
|
box-shadow: var(--shadow-high)
|
|
}
|
|
|
|
&.contentWithMedia__22234,.contentWithMedia__22234 {
|
|
border: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
&.leftArrow__22234:before,.leftArrow__22234:before {
|
|
border-inline-end-color:var(--background-surface-highest)}
|
|
|
|
&.rightArrow__22234: before,.rightArrow__22234:before {
|
|
border-inline-start-color:var(--background-surface-highest)
|
|
}
|
|
|
|
&.contentNarrowMedia__22234.topArrow__22234:before,&.contentWideNoMedia__22234.topArrow__22234:before,&.topArrow__22234:before,.contentNarrowNoMedia__22234.topArrow__22234:before,.contentWideNoMedia__22234.topArrow__22234:before,.topArrow__22234:before {
|
|
border-bottom-color: var(--background-surface-highest)
|
|
}
|
|
|
|
.mediaContainer__22234 {
|
|
position: absolute;
|
|
top: calc(var(--custom-tutorial-popout-height-media-approx)/2*-1);
|
|
width: calc(100% - var(--custom-tutorial-popout-padding-content)*2)
|
|
}
|
|
|
|
.background__22234 {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0
|
|
}
|
|
|
|
.title__22234 {
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 20px;
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
&.title__22234,.title__22234 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.titleCenter__22234 {
|
|
text-align: center
|
|
}
|
|
|
|
.titleLeft__22234 {
|
|
text-align: start
|
|
}
|
|
|
|
.body__22234 p,div.body__22234,p.body__22234 {
|
|
color: var(--text-default);
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 18px;
|
|
margin-bottom: 16px;
|
|
margin-top: 0
|
|
}
|
|
|
|
strong {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.bodyCenter__22234 {
|
|
text-align: center
|
|
}
|
|
|
|
.bodyLeft__22234 {
|
|
text-align: start
|
|
}
|
|
|
|
.popoutRoot__22234 {
|
|
position: relative
|
|
}
|
|
|
|
.popoutRoot__22234.arrowAlignmentMiddle__22234:before,.popoutRoot__22234.arrowAlignmentTop__22234:before {
|
|
border: 8px solid transparent;
|
|
content: " ";
|
|
height: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
width: 0
|
|
}
|
|
|
|
.popoutRoot__22234.top__22234.arrowAlignmentMiddle__22234:before,.popoutRoot__22234.top__22234.arrowAlignmentTop__22234:before {
|
|
border-top-color: var(--background-surface-highest);
|
|
inset-inline-start: 50%;
|
|
top: 100%;
|
|
transform: translateX(-50%)
|
|
}
|
|
|
|
.popoutRoot__22234.right__22234.arrowAlignmentTop__22234:before {
|
|
border-inline-end-color:var(--background-surface-highest);inset-inline-end: 100%;
|
|
top: 10px
|
|
}
|
|
|
|
.popoutRoot__22234.right__22234.arrowAlignmentMiddle__22234:before {
|
|
border-inline-end-color:var(--background-surface-highest);inset-inline-end: 100%;
|
|
margin-top: -16px;
|
|
top: 50%
|
|
}
|
|
|
|
.popoutRoot__22234.left__22234.arrowAlignmentTop__22234:before {
|
|
border-inline-start-color:var(--background-surface-highest);inset-inline-start: 100%;
|
|
top: 10px
|
|
}
|
|
|
|
.popoutRoot__22234.left__22234.arrowAlignmentMiddle__22234:before {
|
|
border-inline-start-color:var(--background-surface-highest);inset-inline-start: 100%;
|
|
margin-top: -16px;
|
|
top: 50%
|
|
}
|
|
|
|
.popoutRoot__22234.bottom__22234.arrowAlignmentMiddle__22234:before,.popoutRoot__22234.bottom__22234.arrowAlignmentTop__22234:before {
|
|
border-bottom-color: var(--background-surface-highest);
|
|
bottom: 100%;
|
|
inset-inline-start: 50%;
|
|
transform: translateX(-50%)
|
|
}
|
|
|
|
.container__5662e {
|
|
position: relative;
|
|
top: -10px
|
|
}
|
|
|
|
.container__3f123 {
|
|
position: relative;
|
|
top: 10px
|
|
}
|
|
|
|
.container_ee658d {
|
|
position: relative
|
|
}
|
|
|
|
.personAvatar_ee658d {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.guildAvatar_ee658d {
|
|
margin-top: -38px;
|
|
margin-inline-start:193px}
|
|
|
|
.illustration_ee658d {
|
|
inset-inline-start: 50px;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.avatarSizeOverride_ee658d {
|
|
height: 60px!important;
|
|
width: 60px!important
|
|
}
|
|
|
|
.icon_dbd216 {
|
|
margin: 0 2px 4px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.voiceConversationsTitle_dbd216 {
|
|
margin-top: 32px
|
|
}
|
|
|
|
.writingMessagesTitle_dbd216 {
|
|
margin-top: 44px
|
|
}
|
|
|
|
.organizeByTopicTitle_dbd216 {
|
|
margin-top: 40px
|
|
}
|
|
|
|
.voiceChannelsTitle_dbd216 {
|
|
margin-top: 24px
|
|
}
|
|
|
|
.channelsTitle_dbd216 {
|
|
margin-top: 90px
|
|
}
|
|
|
|
.indicator_ffc7aa {
|
|
display: flex;
|
|
pointer-events: auto;
|
|
position: absolute;
|
|
z-index: 999
|
|
}
|
|
|
|
.animationContainer_ffc7aa {
|
|
height: 36px;
|
|
position: relative;
|
|
transition: opacity .2s ease-out;
|
|
width: 36px
|
|
}
|
|
|
|
.animationContainer_ffc7aa.animating_ffc7aa {
|
|
opacity: 1
|
|
}
|
|
|
|
.animationContainer_ffc7aa.notAnimating_ffc7aa {
|
|
opacity: 0
|
|
}
|
|
|
|
.top_ffc7aa {
|
|
background: url(/assets/c200a7504d42173d.svg) 50% no-repeat;
|
|
background-size: contain;
|
|
height: 22px;
|
|
inset-inline-start: 18.5px;
|
|
position: absolute;
|
|
top: -10px;
|
|
width: 9px
|
|
}
|
|
|
|
.top_ffc7aa.animating_ffc7aa {
|
|
animation: exclaim-loop_ffc7aa 1.5s ease-in-out infinite forwards
|
|
}
|
|
|
|
.top_ffc7aa.notAnimating_ffc7aa {
|
|
animation: quick-fade-out_ffc7aa .2s forwards
|
|
}
|
|
|
|
.bottom_ffc7aa {
|
|
background: url(/assets/5c37dde2c8764c10.svg) 50% no-repeat;
|
|
background-size: contain;
|
|
height: 8px;
|
|
inset-inline-start: 14px;
|
|
position: absolute;
|
|
top: 14px;
|
|
width: 8px
|
|
}
|
|
|
|
.bottom_ffc7aa.animating_ffc7aa {
|
|
animation: dot-loop_ffc7aa 1.5s ease-in-out infinite forwards
|
|
}
|
|
|
|
.bottom_ffc7aa.notAnimating_ffc7aa {
|
|
animation: quick-fade-out_ffc7aa .2s forwards
|
|
}
|
|
|
|
.innerCircle_ffc7aa {
|
|
background: url(/assets/dabf5fea0bb87bf8.svg) 50% no-repeat;
|
|
background-size: contain;
|
|
height: 30px;
|
|
inset-inline-start: 3px;
|
|
opacity: .1;
|
|
position: absolute;
|
|
top: 3px;
|
|
width: 30px
|
|
}
|
|
|
|
.full-motion .innerCircle_ffc7aa.animating_ffc7aa {
|
|
animation: inner-circle-loop_ffc7aa 1.5s infinite;
|
|
opacity: .1
|
|
}
|
|
|
|
.full-motion .innerCircle_ffc7aa.animating_ffc7aa.highPriority_ffc7aa {
|
|
animation: inner-circle-loop-high-priority_ffc7aa 1.5s infinite
|
|
}
|
|
|
|
.innerCircle_ffc7aa.notAnimating_ffc7aa {
|
|
animation: quick-fade-out_ffc7aa .2s forwards
|
|
}
|
|
|
|
.outerCircle_ffc7aa {
|
|
background: url(/assets/fd5f7ebed980d3e1.svg) 50% no-repeat;
|
|
background-size: contain;
|
|
height: 36px;
|
|
opacity: .1;
|
|
position: absolute;
|
|
width: 36px
|
|
}
|
|
|
|
.full-motion .outerCircle_ffc7aa.animating_ffc7aa {
|
|
animation: outer-circle-loop_ffc7aa 1.5s infinite;
|
|
opacity: 0
|
|
}
|
|
|
|
.full-motion .outerCircle_ffc7aa.animating_ffc7aa.highPriority_ffc7aa {
|
|
animation: outer-circle-loop-high-priority_ffc7aa 1.5s infinite
|
|
}
|
|
|
|
.outerCircle_ffc7aa.notAnimating_ffc7aa {
|
|
animation: quick-fade-out_ffc7aa .2s forwards
|
|
}
|
|
|
|
@keyframes exclaim-loop_ffc7aa {
|
|
0% {
|
|
top: -10px
|
|
}
|
|
|
|
21% {
|
|
top: -14px
|
|
}
|
|
|
|
46%,51% {
|
|
top: -10px
|
|
}
|
|
|
|
72% {
|
|
top: -14px
|
|
}
|
|
|
|
to {
|
|
top: -10px
|
|
}
|
|
}
|
|
|
|
@keyframes dot-loop_ffc7aa {
|
|
0% {
|
|
top: 14px
|
|
}
|
|
|
|
19% {
|
|
top: 9px
|
|
}
|
|
|
|
44%,49% {
|
|
top: 14px
|
|
}
|
|
|
|
70% {
|
|
top: 9px
|
|
}
|
|
|
|
95%,to {
|
|
top: 14px
|
|
}
|
|
}
|
|
|
|
@keyframes inner-circle-loop_ffc7aa {
|
|
0% {
|
|
opacity: .1;
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
42% {
|
|
opacity: .25;
|
|
transform: scale(.9)
|
|
}
|
|
|
|
to {
|
|
opacity: .1;
|
|
transform: scale(1.1)
|
|
}
|
|
}
|
|
|
|
@keyframes outer-circle-loop_ffc7aa {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
51% {
|
|
opacity: .2;
|
|
transform: scale(.9)
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(1.1)
|
|
}
|
|
}
|
|
|
|
@keyframes inner-circle-loop-high-priority_ffc7aa {
|
|
0% {
|
|
opacity: .1;
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
42% {
|
|
opacity: .5;
|
|
transform: scale(.9)
|
|
}
|
|
|
|
to {
|
|
opacity: .1;
|
|
transform: scale(1.1)
|
|
}
|
|
}
|
|
|
|
@keyframes outer-circle-loop-high-priority_ffc7aa {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
51% {
|
|
opacity: .4;
|
|
transform: scale(.9)
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(1.1)
|
|
}
|
|
}
|
|
|
|
@keyframes quick-fade-out_ffc7aa {
|
|
to {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.roleDot__57082 {
|
|
margin-inline:-2px 2px}
|
|
|
|
.clickable_b66158 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 4px;
|
|
max-width: 100%;
|
|
width: -moz-max-content;
|
|
width: max-content
|
|
}
|
|
|
|
.clickable_b66158:hover {
|
|
text-decoration: underline;
|
|
text-decoration-color: var(--text-default)
|
|
}
|
|
|
|
.clickable_b66158:focus-within .text_b66158,.clickable_b66158:hover .text_b66158 {
|
|
max-width: calc(100% - 16px)
|
|
}
|
|
|
|
.clickable_b66158:focus-within .pencilIcon_b66158,.clickable_b66158:hover .pencilIcon_b66158 {
|
|
visibility: visible
|
|
}
|
|
|
|
.text_b66158 {
|
|
max-width: 100%;
|
|
width: -moz-max-content;
|
|
width: max-content
|
|
}
|
|
|
|
.pencilIcon_b66158 {
|
|
color: var(--text-subtle);
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.pencilIcon_b66158.hidden_b66158 {
|
|
visibility: hidden
|
|
}
|
|
|
|
.container__63ed3 {
|
|
--custom-nickname-line-height: 24px;
|
|
--custom-nickname-icon-size: 16px;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.user-profile-modal .container__63ed3,.user-profile-modal-v2 .container__63ed3 {
|
|
--custom-nickname-line-height: 30px;
|
|
--custom-nickname-icon-size: 18px
|
|
}
|
|
|
|
.container__63ed3.bot__63ed3 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
.clickableUsername__63ed3 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.clickableUsername__63ed3:focus-visible .nickname__63ed3,.clickableUsername__63ed3:focus-visible .userTagUsername__63ed3,.clickableUsername__63ed3:hover .nickname__63ed3,.clickableUsername__63ed3:hover .userTagUsername__63ed3 {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.nickname__63ed3 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.nickname__63ed3,.nicknameWithDisplayNameStyles__63ed3 {
|
|
max-height: calc(var(--custom-nickname-line-height)*3);
|
|
word-break: break-word
|
|
}
|
|
|
|
.nicknameIcons__63ed3 {
|
|
align-self: flex-start;
|
|
display: flex;
|
|
gap: 2px;
|
|
padding-top: calc((var(--custom-nickname-line-height) - var(--custom-nickname-icon-size))/2)
|
|
}
|
|
|
|
.usernameRow__63ed3 {
|
|
gap: 8px
|
|
}
|
|
|
|
.tags__63ed3,.usernameRow__63ed3 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.tags__63ed3 {
|
|
-moz-column-gap: 9.33px;
|
|
column-gap: 9.33px;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.user-profile-popout .tags__63ed3,.user-profile-sidebar .tags__63ed3 {
|
|
row-gap: 2px
|
|
}
|
|
|
|
.user-profile-modal-v2 .tags__63ed3 {
|
|
row-gap: 4px
|
|
}
|
|
|
|
.user-profile-modal .tags__63ed3 {
|
|
row-gap: 8px
|
|
}
|
|
|
|
.tags__63ed3.bot__63ed3,.tags__63ed3.pronouns__63ed3 {
|
|
-moz-column-gap: 6px;
|
|
column-gap: 6px
|
|
}
|
|
|
|
.userTag__63ed3 {
|
|
font-family: var(--text-strong);
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-normal);
|
|
line-height: 18px
|
|
}
|
|
|
|
.pronounsTooltip__63ed3 {
|
|
max-width: 100%
|
|
}
|
|
|
|
.pronounsText__63ed3 {
|
|
margin-inline-end:2px;overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.userTagUsername__63ed3 {
|
|
display: inline;
|
|
text-overflow: unset;
|
|
white-space: normal;
|
|
word-break: break-all
|
|
}
|
|
|
|
.userTagDiscriminator__63ed3,.userTagUsername__63ed3 {
|
|
color: var(--text-strong);
|
|
vertical-align: top
|
|
}
|
|
|
|
.dotSpacer__63ed3 {
|
|
background-color: var(--text-default);
|
|
border-radius: 50%;
|
|
height: 4px;
|
|
width: 4px
|
|
}
|
|
|
|
.guildTagContainer__63ed3 {
|
|
border: 1px solid var(--user-profile-border);
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
height: 20px
|
|
}
|
|
|
|
.guildTagContainer__63ed3:hover {
|
|
background-color: var(--user-profile-background-hover)
|
|
}
|
|
|
|
.guildTag__63ed3 {
|
|
background: unset;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.discordLogo__921c5 {
|
|
background: url(/assets/bbbc3d376d38e7bc.svg) no-repeat;
|
|
display: none;
|
|
flex-shrink: 0;
|
|
height: 36px;
|
|
margin-bottom: 16px;
|
|
width: 112px
|
|
}
|
|
|
|
.authBox__921c5 {
|
|
background-color: var(--modal-background);
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: var(--legacy-elevation-high);
|
|
box-sizing: border-box;
|
|
color: var(--text-muted);
|
|
font-size: 18px;
|
|
padding: var(--custom-auth-box-auth-box-padding);
|
|
width: 480px
|
|
}
|
|
|
|
.authBox__921c5 a {
|
|
color: var(--text-link)
|
|
}
|
|
|
|
.authBox__921c5 a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.authBoxExpanded__921c5 {
|
|
width: 784px
|
|
}
|
|
|
|
.centeringWrapper__921c5 {
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.avatar__921c5 {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.authBox__921c5 {
|
|
align-items:center;
|
|
background: linear-gradient(to left bottom,#3d4046,#1e1e23);
|
|
border-radius: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
inset: 0;
|
|
overflow: scroll;
|
|
padding: 20px 16px;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.authBox__921c5 .discordLogo__921c5 {
|
|
display: block
|
|
}
|
|
|
|
@media (max-width: 830px) {
|
|
.authBox__921c5.authBoxExpanded__921c5 {
|
|
max-width:unset
|
|
}
|
|
}
|
|
|
|
.authBox__921c5 .centeringWrapper__921c5 {
|
|
min-height: 540px;
|
|
position: relative
|
|
}
|
|
}
|
|
|
|
@media (max-width: 830px) {
|
|
.authBoxExpanded__921c5 {
|
|
max-width:480px
|
|
}
|
|
}
|
|
|
|
.is-mobile .authBox__921c5 {
|
|
align-items: center;
|
|
background: linear-gradient(to left bottom,#3d4046,#1e1e23);
|
|
border-radius: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
inset: 0;
|
|
overflow: scroll;
|
|
padding: 20px 16px;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.is-mobile .authBox__921c5 .discordLogo__921c5 {
|
|
display: block;
|
|
top: 16px
|
|
}
|
|
|
|
@media (max-width: 830px) {
|
|
.is-mobile .authBox__921c5.authBoxExpanded__921c5 {
|
|
max-width:unset
|
|
}
|
|
}
|
|
|
|
.is-mobile .authBox__921c5 .centeringWrapper__921c5 {
|
|
min-height: 540px;
|
|
position: relative
|
|
}
|
|
|
|
.authBox__921c5[data-theme=light] .discordLogo__921c5 {
|
|
background: url(/assets/34120ace1e4e4d29.svg) no-repeat;
|
|
width: 130px
|
|
}
|
|
|
|
.authBox__921c5[data-theme=dark] .discordLogo__921c5 {
|
|
background: url(/assets/bbbc3d376d38e7bc.svg) no-repeat;
|
|
width: 130px
|
|
}
|
|
|
|
.title__921c5 {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.subText__921c5 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.subText__921c5 strong {
|
|
color: hsl(var(--primary-300-hsl)/.9);
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.pill__921c5 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.pillOnline__921c5 {
|
|
margin-inline-end:16px}
|
|
|
|
.pillMessage__921c5 {
|
|
color: var(--text-default);
|
|
font-size: 14px;
|
|
white-space: nowrap
|
|
}
|
|
|
|
@media (min-height: 640px) {
|
|
.pillMessage__921c5 {
|
|
font-size:16px
|
|
}
|
|
}
|
|
|
|
.pillIcon__921c5 {
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
height: 10px;
|
|
margin-inline-end:4px;width: 10px
|
|
}
|
|
|
|
.pillIconTotal__921c5 {
|
|
background-color: var(--text-default)
|
|
}
|
|
|
|
.pillIconOnline__921c5 {
|
|
background-color: var(--icon-feedback-positive)
|
|
}
|
|
|
|
.pillFlat__921c5 {
|
|
background: transparent
|
|
}
|
|
|
|
.pillFlat__921c5 .pillIconTotal__921c5 {
|
|
background-color: var(--text-muted)
|
|
}
|
|
|
|
.joiningAs__921c5 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
margin-top: 20px
|
|
}
|
|
|
|
.joiningAsAvatar__921c5 {
|
|
margin-inline-start:14px}
|
|
|
|
.joiningAsUsername__921c5 {
|
|
margin-inline-start:5px}
|
|
|
|
.spinnerVideo__921c5 {
|
|
height: 200px;
|
|
width: 200px
|
|
}
|
|
|
|
.image__921c5 {
|
|
height: auto;
|
|
max-height: 120px;
|
|
max-width: 186px;
|
|
pointer-events: none;
|
|
width: 100%
|
|
}
|
|
|
|
.block__921c5 {
|
|
text-align: start;
|
|
width: 100%
|
|
}
|
|
|
|
.button__921c5 {
|
|
font-size: 16px;
|
|
line-height: 24px
|
|
}
|
|
|
|
.linkButton__921c5 {
|
|
display: block;
|
|
padding-inline:0}
|
|
|
|
.inviteIcon__921c5 {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.inviteLargeIcon__921c5 {
|
|
margin-inline-end:0}
|
|
|
|
.inviteSmallIcon__921c5 {
|
|
flex-shrink: 0;
|
|
margin-inline-end:8px;margin-top: 0
|
|
}
|
|
|
|
.downloadButtonSubtext__921c5 {
|
|
margin-top: 8px;
|
|
text-align: center
|
|
}
|
|
|
|
.inputError__921c5,.inputError__921c5:focus,.inputError__921c5:hover {
|
|
border-color: var(--border-feedback-critical)
|
|
}
|
|
|
|
.description__921c5 {
|
|
font-size: 12px;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.applicationDetails__94ab2 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
padding-top: 24px
|
|
}
|
|
|
|
.applicationDetails__94ab2.noPadding__94ab2 {
|
|
padding: 0
|
|
}
|
|
|
|
.entry__94ab2 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px
|
|
}
|
|
|
|
.entryIcon__94ab2 {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: 16px 16px;
|
|
box-sizing: border-box;
|
|
flex-shrink: 0;
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.entryIcon__94ab2,.entryInner__94ab2 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.applicationEducation__526cc {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px
|
|
}
|
|
|
|
.applicationEducation__526cc:not(:first-child) {
|
|
padding-top: 24px
|
|
}
|
|
|
|
.applicationEducation__526cc:not(:last-child) {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
padding-bottom: 24px
|
|
}
|
|
|
|
.sectionLabel__526cc {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.entry__526cc {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 12px
|
|
}
|
|
|
|
.entryIcon__526cc {
|
|
color: var(--text-muted);
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.entryText__526cc {
|
|
flex: 1
|
|
}
|
|
|
|
.scopes__29337:not(:first-child) {
|
|
padding-top: 24px
|
|
}
|
|
|
|
.scopes__29337:not(:last-child) {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
padding-bottom: 24px
|
|
}
|
|
|
|
.scopes__29337.noDivider__29337:not(:last-child) {
|
|
border-bottom: none;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.scope__29337 {
|
|
display: flex;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.scopeInner__29337 {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
justify-content: center
|
|
}
|
|
|
|
.sectionLabel__29337 {
|
|
color: var(--text-default);
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.fakeScopeIcon__29337,.scopeIcon__29337 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.fakeScopeIcon__29337 {
|
|
opacity: .6
|
|
}
|
|
|
|
.icon__29337 {
|
|
height: 20px;
|
|
margin-inline-end:12px;width: 20px
|
|
}
|
|
|
|
.botPermissions__41924 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 24px
|
|
}
|
|
|
|
.botPermissions__41924:not(:first-child) {
|
|
padding-top: 24px
|
|
}
|
|
|
|
.botPermissions__41924:not(:last-child) {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
padding-bottom: 24px
|
|
}
|
|
|
|
.permissionsList__41924 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.permission__41924 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 2;
|
|
font-weight: var(--font-weight-medium);
|
|
margin: 16px 0 0
|
|
}
|
|
|
|
.disabledPermissionIcon__41924 {
|
|
background-color: var(--background-feedback-critical);
|
|
border-radius: 10%;
|
|
box-sizing: border-box;
|
|
height: 18px;
|
|
margin-inline-end:8px;width: 18px
|
|
}
|
|
|
|
.icon__41924 {
|
|
color: var(--white);
|
|
height: 18px;
|
|
width: 18px
|
|
}
|
|
|
|
.selector_c248b6 {
|
|
margin-top: var(--space-16)
|
|
}
|
|
|
|
.header__03630 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
justify-content: center
|
|
}
|
|
|
|
.currentUser__03630 {
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.currentUserTag__03630 {
|
|
display: inline
|
|
}
|
|
|
|
.currentUserDiscriminator__03630 {
|
|
color: var(--interactive-text-default);
|
|
display: inline
|
|
}
|
|
|
|
.logoutLink__03630 {
|
|
color: var(--brand-500);
|
|
margin-inline-start:8px}
|
|
|
|
.headerIcons__03630 {
|
|
align-items: center;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.ellipseGroup__03630,.headerIcons__03630 {
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.ellipseGroup__03630 {
|
|
margin: 0 24px
|
|
}
|
|
|
|
.ellipse__03630 {
|
|
background-color: var(--channel-icon);
|
|
border-radius: 50%;
|
|
height: 4px;
|
|
margin: 0 2px;
|
|
opacity: .1;
|
|
width: 4px
|
|
}
|
|
|
|
.botTag__03630 {
|
|
margin-top: 4px!important;
|
|
margin-inline-start:8px}
|
|
|
|
.avatar__03630 {
|
|
border: 1px solid var(--border-subtle);
|
|
height: 64px;
|
|
width: 64px
|
|
}
|
|
|
|
.icon_bd6d20 {
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-md);
|
|
box-sizing: border-box;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.placeholder_bd6d20 {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.header_b1c9f2 {
|
|
align-items: center;
|
|
gap: 16px;
|
|
justify-content: center
|
|
}
|
|
|
|
.container_b1c9f2,.header_b1c9f2 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.container_b1c9f2 {
|
|
gap: var(--space-24);
|
|
max-width: 400px
|
|
}
|
|
|
|
.rows_b1c9f2 {
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
display: grid;
|
|
grid-auto-rows: 1fr
|
|
}
|
|
|
|
.appIcon_b1c9f2 {
|
|
border-radius: var(--radius-xl);
|
|
height: 80px;
|
|
width: 80px
|
|
}
|
|
|
|
.row_b1c9f2 {
|
|
align-items: center;
|
|
background: var(--background-base-lower);
|
|
background-color: var(--background-surface-higher);
|
|
cursor: pointer;
|
|
display: flex;
|
|
gap: 12px;
|
|
padding-inline-start:16px}
|
|
|
|
.row_b1c9f2:hover {
|
|
background: var(--interactive-background-hover);
|
|
background-color: var(--background-surface-high)
|
|
}
|
|
|
|
.row_b1c9f2:first-child {
|
|
border-start-end-radius: 8px;
|
|
border-start-start-radius: 8px
|
|
}
|
|
|
|
.row_b1c9f2:last-child {
|
|
border-end-end-radius: 8px;
|
|
border-end-start-radius: 8px
|
|
}
|
|
|
|
.row_b1c9f2:not(:last-child) .rowInner_b1c9f2 {
|
|
border-bottom: 1px solid var(--interactive-background-hover);
|
|
border-color: var(--border-subtle)
|
|
}
|
|
|
|
.rowInner_b1c9f2 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
gap: 8px;
|
|
padding-block:8px;padding-inline:0 16px}
|
|
|
|
.rowDetails_b1c9f2 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: 2px
|
|
}
|
|
|
|
.leftIcon_b1c9f2 {
|
|
padding: 4px
|
|
}
|
|
|
|
.leftIcon_b1c9f2,.rightIcon_b1c9f2 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.learnMore_b1c9f2 {
|
|
margin: 16px 0;
|
|
text-align: center
|
|
}
|
|
|
|
.detailsContainer_b1c9f2 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--custom-disclosure-spacing)
|
|
}
|
|
|
|
.overviewContainerNoVideo_b1c9f2 {
|
|
background-color: unset;
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8);
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.titleContainer_b1c9f2 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.partnerLabelContainer_b1c9f2 {
|
|
background-color: var(--interactive-background-active);
|
|
border-radius: var(--radius-lg);
|
|
justify-content: center;
|
|
padding: 2px var(--space-8)
|
|
}
|
|
|
|
.descriptionContainer_b1c9f2 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.expandableDescriptionClickable_b1c9f2 {
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.overflowHidden_b1c9f2 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.oauth2PageWrapper__647f0 {
|
|
align-items: center;
|
|
bottom: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
justify-content: center;
|
|
min-height: 0;
|
|
padding-bottom: 40px;
|
|
padding-top: 40px
|
|
}
|
|
|
|
.oauth2PageContent__647f0 {
|
|
align-items: center;
|
|
background: var(--background-base-low);
|
|
border-radius: 12px;
|
|
box-shadow: var(--legacy-elevation-high);
|
|
display: flex;
|
|
height: auto;
|
|
max-height: calc(100% - 80px);
|
|
max-width: 480px;
|
|
min-width: 280px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.oauth2PageWrapper__647f0 {
|
|
align-items:flex-start;
|
|
padding-bottom: 0;
|
|
padding-top: 0
|
|
}
|
|
|
|
.oauth2PageContent__647f0 {
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
height: 100%;
|
|
max-height: 100%;
|
|
overflow: auto
|
|
}
|
|
}
|
|
|
|
.wrapper_b76614 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
justify-content: center
|
|
}
|
|
|
|
.header_b76614 {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
display: inline-block
|
|
}
|
|
|
|
.text_b76614 {
|
|
margin-top: 24px;
|
|
text-align: center
|
|
}
|
|
|
|
.authorizedSuccessSubtext_b76614 {
|
|
margin-top: 16px;
|
|
max-width: 274px;
|
|
text-align: center
|
|
}
|
|
|
|
.cta_b76614 {
|
|
margin-top: 12px
|
|
}
|
|
|
|
.headerSuccess_b76614 {
|
|
background: url(/assets/6410595f71273140.svg) no-repeat;
|
|
height: 130px;
|
|
width: 158px
|
|
}
|
|
|
|
.headerFailure_b76614 {
|
|
height: 92px;
|
|
width: 92px
|
|
}
|
|
|
|
.closeButton_b76614 {
|
|
inset-inline-end: 12px;
|
|
opacity: .8;
|
|
position: absolute;
|
|
top: 12px
|
|
}
|
|
|
|
.buttonsContainer_b76614 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
padding: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.theme-dark .headerFailure_b76614 {
|
|
background: url(/assets/8fb262894795f907.svg) no-repeat
|
|
}
|
|
|
|
.theme-light .headerFailure_b76614 {
|
|
background: url(/assets/b02f7cfc8ed3b51a.svg) no-repeat
|
|
}
|
|
|
|
.authorizedSuccessExternal_b76614 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 24px;
|
|
text-align: center
|
|
}
|
|
|
|
.authorizedSuccessExternalCopy_b76614 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
.authorizedSuccessExternalIcon_b76614 {
|
|
height: 86px;
|
|
width: 86px
|
|
}
|
|
|
|
.authorizedSuccessExternalIcon_b76614 img {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.authorizedExternalCta_b76614 {
|
|
width: 100%
|
|
}
|
|
|
|
.authorize__3d3b0 {
|
|
align-items: center;
|
|
background: unset;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: var(--space-24);
|
|
height: auto;
|
|
justify-content: center;
|
|
margin: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.loadingContainer__3d3b0 {
|
|
min-height: 270px
|
|
}
|
|
|
|
.spinner__3d3b0 {
|
|
height: 240px;
|
|
inset-inline-start: 50%;
|
|
position: fixed;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 240px
|
|
}
|
|
|
|
.contentWrapper__3d3b0 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px
|
|
}
|
|
|
|
.content__3d3b0 {
|
|
border-radius: 8px;
|
|
margin: 0;
|
|
padding: var(--space-32);
|
|
position: relative
|
|
}
|
|
|
|
.content__3d3b0.noPadding__3d3b0 {
|
|
padding: 0
|
|
}
|
|
|
|
.contentBackground__3d3b0 {
|
|
background: var(--background-mod-subtle);
|
|
border: 1px solid var(--border-muted)
|
|
}
|
|
|
|
@media (max-width: 568px) {
|
|
.content__3d3b0 {
|
|
padding:16px
|
|
}
|
|
|
|
.content__3d3b0.noPadding__3d3b0 {
|
|
padding: 0
|
|
}
|
|
}
|
|
|
|
.intObserver__3d3b0 {
|
|
bottom: 24px;
|
|
height: 1px;
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.deepLinkContainer__3d3b0 {
|
|
align-items: center;
|
|
background: var(--background-base-low);
|
|
border-radius: 12px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
padding: 32px;
|
|
text-align: center;
|
|
width: 480px
|
|
}
|
|
|
|
div.mobilePushContainer__3d3b0 {
|
|
margin: 0;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.button__0f074 {
|
|
color: var(--icon-subtle);
|
|
cursor: pointer;
|
|
height: 16px;
|
|
opacity: 0;
|
|
transition: color 50ms ease-in;
|
|
width: 16px
|
|
}
|
|
|
|
.button__0f074:focus-visible,.button__0f074:hover {
|
|
color: var(--icon-strong);
|
|
transition: color .15s ease-out
|
|
}
|
|
|
|
.button__0f074.visible__0f074,.button__0f074:focus-visible {
|
|
opacity: 1
|
|
}
|
|
|
|
.viewFullBio_f5f93a {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.descriptionClamp_f5f93a {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
|
overflow: hidden
|
|
}
|
|
|
|
.maxBioHeight_f5f93a {
|
|
max-height: 55px
|
|
}
|
|
|
|
.container__50e22 {
|
|
background-color: var(--modal-background);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
padding: 8px;
|
|
width: 250px
|
|
}
|
|
|
|
.popoutRoleDot__50e22 {
|
|
margin-inline-end:4px}
|
|
|
|
.popoutRoleCircle__50e22 {
|
|
margin-inline-end:8px}
|
|
|
|
.role_af3987 {
|
|
align-items: center;
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-round);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
min-height: 24px;
|
|
padding-block:0;padding-inline-end:8px;padding-inline-start:2px}
|
|
|
|
.custom-user-profile-theme .role_af3987 {
|
|
border-color: var(--user-profile-border)
|
|
}
|
|
|
|
.roleDot_af3987 {
|
|
font-size: 1.34em
|
|
}
|
|
|
|
.connectionRoleIcon_af3987 {
|
|
color: var(--icon-default);
|
|
margin-inline-end:4px}
|
|
|
|
.roleIcon_af3987 {
|
|
margin-inline-start:4px;vertical-align: middle
|
|
}
|
|
|
|
.roleTag_af3987 {
|
|
border-radius: var(--radius-round);
|
|
max-width: 100%;
|
|
outline: none
|
|
}
|
|
|
|
.hasRemoveButton_af3987 {
|
|
padding-inline-end:0}
|
|
|
|
.removeButton_af3987 {
|
|
align-items: center;
|
|
background: transparent;
|
|
border-radius: var(--radius-xs);
|
|
box-sizing: border-box;
|
|
color: var(--icon-subtle);
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
height: 24px;
|
|
justify-content: center;
|
|
margin-block:-1px;margin-inline-end:-1px;padding: 0;
|
|
transition: color 50ms ease-in;
|
|
width: 24px
|
|
}
|
|
|
|
.removeButton_af3987:hover {
|
|
color: var(--icon-strong);
|
|
transition: color .15s ease-out
|
|
}
|
|
|
|
.roleListContainer_af3987 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 4px;
|
|
margin-block-start:2px;position: relative
|
|
}
|
|
|
|
.listContentsInteractive_af3987 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 4px;
|
|
max-width: 100%
|
|
}
|
|
|
|
.listContentsStatic_af3987 {
|
|
display: contents
|
|
}
|
|
|
|
.roleName_af3987,.roleNameOverflow_af3987 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.pillButton_af3987 {
|
|
background: transparent;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
min-width: 24px;
|
|
padding-inline:4px;transition: background 50ms ease-in,color 50ms ease-in
|
|
}
|
|
|
|
.pillButton_af3987:hover {
|
|
background: var(--background-mod-subtle);
|
|
color: var(--interactive-text-hover);
|
|
transition: background .15s ease-out,color .15s ease-out
|
|
}
|
|
|
|
.expandButton_af3987 {
|
|
padding-inline-end:8px;padding-inline-start:6px}
|
|
|
|
.addButton_af3987 {
|
|
align-items: center;
|
|
border-radius: var(--radius-round);
|
|
box-sizing: border-box;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
gap: 2px;
|
|
height: 24px;
|
|
justify-content: center;
|
|
min-width: 24px;
|
|
transition: color 50ms ease-in
|
|
}
|
|
|
|
.addButton_af3987:hover {
|
|
color: var(--interactive-text-hover);
|
|
transition: color .15s ease-out
|
|
}
|
|
|
|
.addButton_af3987.showLabel_af3987 {
|
|
padding-inline-end:4px}
|
|
|
|
.enable-forced-colors .role_af3987 {
|
|
border: 1px solid CanvasText!important
|
|
}
|
|
|
|
.enable-forced-colors .removeButton_af3987 {
|
|
background-color: ButtonFace;
|
|
border: 1px solid CanvasText;
|
|
border-inline-start:none;border-radius: 0 var(--radius-round) var(--radius-round) 0;
|
|
color: ButtonText;
|
|
margin-inline-start:4px}
|
|
|
|
.enable-forced-colors .removeButton_af3987:hover {
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .addButton_af3987,.enable-forced-colors .addButton_af3987:hover,.enable-forced-colors .pillButton_af3987,.enable-forced-colors .pillButton_af3987:hover {
|
|
background-color: ButtonFace;
|
|
border: 1px solid CanvasText;
|
|
color: ButtonText
|
|
}
|
|
|
|
.popoutWrapper__9ac28 {
|
|
display: flex;
|
|
inset-inline-start: -30px;
|
|
max-height: 40vh;
|
|
position: relative;
|
|
width: 200px
|
|
}
|
|
|
|
.scroller__9ac28 {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 4px;
|
|
padding: 8px 16px
|
|
}
|
|
|
|
.avatars__9ac28 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-grow: 0;
|
|
position: relative
|
|
}
|
|
|
|
.avatar__9ac28 {
|
|
-webkit-mask: url(/assets/38fe464a6fea7d0e.svg);
|
|
mask: url(/assets/38fe464a6fea7d0e.svg);
|
|
-webkit-mask-size: 100%;
|
|
mask-size: 100%;
|
|
mask-type: alpha
|
|
}
|
|
|
|
.avatar__9ac28.size16__9ac28 {
|
|
margin-inline-end:-3px}
|
|
|
|
.avatar__9ac28.size20__9ac28 {
|
|
margin-inline-end:-5px}
|
|
|
|
.avatar__9ac28.size24__9ac28 {
|
|
margin-inline-end:-6px}
|
|
|
|
.avatar__9ac28.isLast__9ac28 {
|
|
margin-inline-end:0;-webkit-mask: none;
|
|
mask: none
|
|
}
|
|
|
|
.overflow__9ac28 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: 16px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: center;
|
|
width: auto
|
|
}
|
|
|
|
.overflow__9ac28.size16__9ac28 {
|
|
height: 16px;
|
|
min-width: 16px;
|
|
padding: 0 4px
|
|
}
|
|
|
|
.overflow__9ac28.size20__9ac28 {
|
|
height: 20px;
|
|
min-width: 20px;
|
|
padding: 0 6px
|
|
}
|
|
|
|
.overflow__9ac28.size24__9ac28 {
|
|
height: 24px;
|
|
min-width: 24px;
|
|
padding: 0 8px
|
|
}
|
|
|
|
.button__9ac28 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.container__530ce {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.mutuals__530ce {
|
|
-moz-column-gap: 6px;
|
|
column-gap: 6px;
|
|
flex-wrap: wrap;
|
|
row-gap: 2px
|
|
}
|
|
|
|
.mutuals__530ce,.section__530ce {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.section__530ce {
|
|
cursor: pointer;
|
|
gap: 4px
|
|
}
|
|
|
|
.section__530ce:focus-visible .text__530ce,.section__530ce:hover .text__530ce {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.spacer__530ce {
|
|
background-color: var(--interactive-text-default);
|
|
border-radius: var(--radius-round);
|
|
height: 4px;
|
|
width: 4px
|
|
}
|
|
|
|
.buttons_bc38cd {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px
|
|
}
|
|
|
|
.buttons_bc38cd:empty {
|
|
display: none
|
|
}
|
|
|
|
.header__5be3e {
|
|
flex-shrink: 0;
|
|
min-height: calc(var(--custom-user-profile-banner-height) + 35px);
|
|
position: relative
|
|
}
|
|
|
|
.custom-user-profile-theme .header__5be3e {
|
|
min-height: calc(var(--custom-user-profile-banner-height) + 31px)
|
|
}
|
|
|
|
.headerTag__5be3e {
|
|
border-radius: var(--radius-xs);
|
|
bottom: 8px;
|
|
inset-inline-end: 16px;
|
|
position: absolute
|
|
}
|
|
|
|
.body__5be3e {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
padding: 4px 16px 8px
|
|
}
|
|
|
|
.card__5be3e {
|
|
padding: 12px
|
|
}
|
|
|
|
.footer__5be3e {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0 16px 12px
|
|
}
|
|
|
|
.footer__5be3e:empty {
|
|
padding: 0;
|
|
visibility: hidden
|
|
}
|
|
|
|
.backdrop__5be3e {
|
|
background: var(--background-scrim);
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
z-index: var(--custom-user-profile-hoist-z-index)
|
|
}
|
|
|
|
.toast__5be3e {
|
|
top: calc((var(--custom-user-profile-banner-height) - 56px)/2);
|
|
z-index: var(--custom-user-profile-toast-z-index)
|
|
}
|
|
|
|
.container__10737 {
|
|
background-color: var(--background-mod-normal);
|
|
border-start-end-radius: var(--radius-sm);
|
|
border-start-start-radius: var(--radius-sm);
|
|
box-shadow: var(--shadow-low);
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 60px;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
padding-block-end:6px;padding-block-start:6px;padding-inline-end:0;padding-inline-start:16px;position: relative;
|
|
width: 252px
|
|
}
|
|
|
|
.container__10737:before {
|
|
background: #c6cdf4;
|
|
content: "";
|
|
filter: blur(40px);
|
|
height: 170px;
|
|
inset-block-start: -190px;
|
|
inset-inline-start: 50%;
|
|
opacity: .5;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
transform: translateX(-50%);
|
|
width: 221px
|
|
}
|
|
|
|
.closeButton__10737 {
|
|
inset-inline-end: 6px;
|
|
position: absolute;
|
|
top: 6px
|
|
}
|
|
|
|
.subtitleContainer__10737 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding-top: 4px
|
|
}
|
|
|
|
.currentUserAvatar__10737 {
|
|
border: 2px solid var(--background-mod-normal);
|
|
margin-inline:-4px;margin-inline-end:4px}
|
|
|
|
.lottieIconColors__5eb9b :not(defs *)[fill][fill-opacity] {
|
|
fill: var(--__lottieIconColor,var(--interactive-text-default))
|
|
}
|
|
|
|
.lottieIconColors__5eb9b :not(defs *)[stroke][stroke-opacity] {
|
|
stroke: var(--__lottieIconColor,var(--interactive-text-default))
|
|
}
|
|
|
|
.lottieIcon__5eb9b svg {
|
|
transform: none!important
|
|
}
|
|
|
|
.enable-forced-colors .lottieIcon__5eb9b :not(defs *)[fill][fill-opacity] {
|
|
fill: currentColor
|
|
}
|
|
|
|
.enable-forced-colors .lottieIcon__5eb9b :not(defs *)[stroke][stroke-opacity] {
|
|
stroke: currentColor
|
|
}
|
|
|
|
.custom-user-profile-theme .container_a99829 {
|
|
border: none
|
|
}
|
|
|
|
.theme-light.custom-user-profile-theme .container_a99829 {
|
|
background: var(--opacity-black-8)
|
|
}
|
|
|
|
.theme-dark.custom-user-profile-theme .container_a99829 {
|
|
background: var(--opacity-white-12)
|
|
}
|
|
|
|
.editor_a99829.editor_a99829 {
|
|
--channel-text-area-placeholder: var(--text-muted);
|
|
font-size: 14px
|
|
}
|
|
|
|
.ctaRow_a99829 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 10px
|
|
}
|
|
|
|
.menuItemLabel_a99829 {
|
|
display: flex;
|
|
gap: 6px
|
|
}
|
|
|
|
.container_a99829 {
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.upsell_a99829 {
|
|
border-radius: 0 0 var(--radius-sm) var(--radius-sm)
|
|
}
|
|
|
|
.buttons_a99829 {
|
|
align-items: flex-start;
|
|
align-self: flex-start;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding-block-start:var(--space-6)}
|
|
|
|
.container__7970d {
|
|
position: relative
|
|
}
|
|
|
|
.avatar__7970d,.avatarIconContainer__7970d {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.avatarIconContainer__7970d {
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: var(--radius-round);
|
|
bottom: -8px;
|
|
inset-inline-end: -8px;
|
|
overflow: hidden;
|
|
padding: var(--space-4);
|
|
position: absolute
|
|
}
|
|
|
|
.preview__207b4 {
|
|
height: 100%;
|
|
width: 100%;
|
|
filter: blur(5px);
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
-o-object-position: top;
|
|
object-position: top;
|
|
opacity: .3
|
|
}
|
|
|
|
.container__207b4,.preview__207b4 {
|
|
position: relative
|
|
}
|
|
|
|
.headerContainer__207b4 {
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.body__207b4,.headerContainer__207b4 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center
|
|
}
|
|
|
|
.body__207b4 {
|
|
gap: var(--space-16);
|
|
inset-inline-start: 50%;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 80%
|
|
}
|
|
|
|
.toastContainer_a35754 {
|
|
border-radius: 32px;
|
|
box-shadow: var(--shadow-high);
|
|
height: 40px;
|
|
inset-inline: 0;
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.toastPadding_a35754 {
|
|
padding: 10px 16px
|
|
}
|
|
|
|
.toastIcon_a35754 {
|
|
height: 20px;
|
|
margin-inline-end:8px;width: 20px
|
|
}
|
|
|
|
.successToast_a35754 {
|
|
display: flex;
|
|
gap: 40px
|
|
}
|
|
|
|
.toast__3fde7 {
|
|
align-items: center;
|
|
background-color: var(--background-surface-highest);
|
|
border: 1px solid var(--border-normal);
|
|
border-radius: var(--radius-xl);
|
|
box-shadow: var(--shadow-high);
|
|
color: var(--text-strong);
|
|
display: flex;
|
|
line-height: 24px;
|
|
margin-bottom: 12px;
|
|
padding: var(--space-8) var(--space-12)
|
|
}
|
|
|
|
.toast__3fde7[data-type=success] {
|
|
background-color: var(--notice-background-positive);
|
|
color: var(--notice-text-positive)
|
|
}
|
|
|
|
.toast__3fde7[data-type=failure] {
|
|
background-color: var(--notice-background-critical);
|
|
color: var(--notice-text-critical)
|
|
}
|
|
|
|
.content__3fde7 {
|
|
color: currentColor
|
|
}
|
|
|
|
.icon__3fde7 {
|
|
height: 16px;
|
|
margin-inline-end:8px;margin-top: -2px;
|
|
width: 16px
|
|
}
|
|
|
|
.clipIcon__3fde7 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.gameIcon_b52e4f {
|
|
filter: saturate(var(--saturation-factor,1));
|
|
-webkit-user-drag: none;
|
|
background-size: 100%;
|
|
border-radius: var(--radius-sm);
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.intersectionContainer_b52e4f,.intersectionRef_b52e4f {
|
|
position: absolute
|
|
}
|
|
|
|
.intersectionRef_b52e4f {
|
|
background: transparent;
|
|
height: 1px;
|
|
inset-inline-start: 0;
|
|
top: 0;
|
|
width: 1px
|
|
}
|
|
|
|
.large_b52e4f,.medium_b52e4f,.small_b52e4f {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.xxsmall_b52e4f {
|
|
border-radius: var(--radius-xs);
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.xsmall_b52e4f {
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.small_b52e4f,.xsmall_b52e4f {
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.small_b52e4f {
|
|
height: 30px;
|
|
width: 30px
|
|
}
|
|
|
|
.medium_b52e4f {
|
|
height: 40px;
|
|
width: 40px
|
|
}
|
|
|
|
.medium_b52e4f,.mediumLarge_b52e4f {
|
|
border-radius: var(--radius-md)
|
|
}
|
|
|
|
.mediumLarge_b52e4f {
|
|
height: 48px;
|
|
width: 48px
|
|
}
|
|
|
|
.large_b52e4f {
|
|
height: 60px;
|
|
width: 60px
|
|
}
|
|
|
|
.large_b52e4f,.xlarge_b52e4f {
|
|
border-radius: var(--radius-lg)
|
|
}
|
|
|
|
.xlarge_b52e4f {
|
|
height: 80px;
|
|
width: 80px
|
|
}
|
|
|
|
@keyframes placeholderPulse_b52e4f {
|
|
0% {
|
|
opacity: .8
|
|
}
|
|
|
|
50% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: .8
|
|
}
|
|
}
|
|
|
|
.gameIconLoading_b52e4f {
|
|
animation: placeholderPulse_b52e4f 1.3s ease-in-out infinite;
|
|
background-color: var(--background-mod-normal)
|
|
}
|
|
|
|
.subtext_beaa93 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.header_bfd183 {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.list_bfd183 {
|
|
gap: 2px
|
|
}
|
|
|
|
.list_bfd183,.row_bfd183 {
|
|
display: flex
|
|
}
|
|
|
|
.row_bfd183 {
|
|
align-items: center;
|
|
gap: 4px
|
|
}
|
|
|
|
.applicationIcon__2c2b3 {
|
|
height: 1.33em;
|
|
margin-inline:2px 4px;vertical-align: text-bottom;
|
|
width: auto
|
|
}
|
|
|
|
.applicationNameWrapper__2c2b3 {
|
|
display: inline-block
|
|
}
|
|
|
|
.channelHeader__9f71b {
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: var(--radius-md);
|
|
gap: var(--space-12);
|
|
margin-top: 12px;
|
|
padding: 12px 16px
|
|
}
|
|
|
|
.header__9f71b {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 4px
|
|
}
|
|
|
|
.profile__9f71b {
|
|
gap: var(--space-8);
|
|
padding: 12px
|
|
}
|
|
|
|
.icon__9f71b {
|
|
color: var(--text-default);
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.upsellContainer__5997d {
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.upsellContent__5997d {
|
|
background: var(--user-profile-overlay-background);
|
|
border-radius: inherit;
|
|
position: relative
|
|
}
|
|
|
|
.upsellContent__5997d:after,.upsellContent__5997d:before {
|
|
border: 2px solid transparent;
|
|
border-radius: inherit;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.upsellContent__5997d:before {
|
|
border-color: var(--guild-boosting-purple)
|
|
}
|
|
|
|
.upsellCloseIconWrapper__5997d {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.upsellDefaultContent__5997d {
|
|
padding: 12px
|
|
}
|
|
|
|
.upsellHeader__5997d {
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.upsellButtons__5997d,.upsellHeader__5997d {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.upsellButtons__5997d {
|
|
flex-wrap: wrap;
|
|
gap: 8px
|
|
}
|
|
|
|
.upsellButtonWrapper__5997d {
|
|
flex: 1
|
|
}
|
|
|
|
.user-profile-modal-v2 .upsellButtonWrapper__5997d {
|
|
flex: unset
|
|
}
|
|
|
|
.upsellButtons__5997d .matchManaColors__5997d {
|
|
background: var(--control-secondary-background-default)
|
|
}
|
|
|
|
.upsellButtons__5997d .matchManaColors__5997d:hover {
|
|
background: var(--control-secondary-background-hover)
|
|
}
|
|
|
|
.upsellButtons__5997d .matchManaColors__5997d:active {
|
|
background: var(--control-secondary-background-active)
|
|
}
|
|
|
|
.upsellRowContent__5997d {
|
|
align-items: center;
|
|
border-radius: inherit;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
padding-block:12px;padding-inline:16px 11px;position: relative
|
|
}
|
|
|
|
.upsellRowContent__5997d:after,.upsellRowContent__5997d:before {
|
|
border: 2px solid transparent;
|
|
border-radius: inherit;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.upsellRowContent__5997d:before {
|
|
border-color: var(--guild-boosting-purple)
|
|
}
|
|
|
|
.upsellContent__5997d:after,.upsellRowContent__5997d:after {
|
|
border-color: var(--guild-boosting-blue);
|
|
-webkit-mask: linear-gradient(0deg,#000,transparent);
|
|
mask: linear-gradient(0deg,#000,transparent)
|
|
}
|
|
|
|
.upsellRowRight__5997d {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.upsellCloseIcon__5997d {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer
|
|
}
|
|
|
|
.upsellCloseIcon__5997d:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.upsellCloseIcon__5997d:active {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.container__43a4b {
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
overflow: hidden;
|
|
padding: 10px 12px
|
|
}
|
|
|
|
.buttonContainer__43a4b {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.gameIcon__43a4b {
|
|
vertical-align: bottom
|
|
}
|
|
|
|
.container__581dd {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-8);
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
.container__82fb2 {
|
|
cursor: pointer;
|
|
display: grid;
|
|
gap: var(--space-4);
|
|
grid-template-columns: 7fr 3fr
|
|
}
|
|
|
|
.container__82fb2:hover {
|
|
background: var(--user-profile-overlay-background-hover)
|
|
}
|
|
|
|
.content__82fb2 {
|
|
box-sizing: border-box;
|
|
min-width: 0
|
|
}
|
|
|
|
.applicationIcon__82fb2 {
|
|
border-radius: 2px
|
|
}
|
|
|
|
.previewIcon__82fb2 {
|
|
display: inline-block;
|
|
height: 1lh;
|
|
vertical-align: bottom;
|
|
width: 1lh
|
|
}
|
|
|
|
.textContent__82fb2 {
|
|
padding-block:2px}
|
|
|
|
.previewImageContainer__82fb2 {
|
|
-webkit-mask: linear-gradient(90deg,transparent 0,rgba(0,0,0,.013) 4.7%,rgba(0,0,0,.049) 9.2%,rgba(0,0,0,.104) 13.6%,rgba(0,0,0,.175) 18%,rgba(0,0,0,.259) 22.6%,rgba(0,0,0,.352) 27.4%,rgba(0,0,0,.45) 32.6%,rgba(0,0,0,.55) 38.3%,rgba(0,0,0,.648) 44.5%,rgba(0,0,0,.741) 51.4%,rgba(0,0,0,.825) 59.1%,rgba(0,0,0,.896) 67.7%,rgba(0,0,0,.951) 77.3%,rgba(0,0,0,.987) 88%,#000);
|
|
mask: linear-gradient(90deg,transparent 0,rgba(0,0,0,.013) 4.7%,rgba(0,0,0,.049) 9.2%,rgba(0,0,0,.104) 13.6%,rgba(0,0,0,.175) 18%,rgba(0,0,0,.259) 22.6%,rgba(0,0,0,.352) 27.4%,rgba(0,0,0,.45) 32.6%,rgba(0,0,0,.55) 38.3%,rgba(0,0,0,.648) 44.5%,rgba(0,0,0,.741) 51.4%,rgba(0,0,0,.825) 59.1%,rgba(0,0,0,.896) 67.7%,rgba(0,0,0,.951) 77.3%,rgba(0,0,0,.987) 88%,#000);
|
|
position: relative
|
|
}
|
|
|
|
.previewImage__82fb2 {
|
|
position: absolute
|
|
}
|
|
|
|
.breadcrumb_c2a763 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.breadcrumb_c2a763:hover .innerContainer_c2a763 {
|
|
background: var(--user-profile-overlay-background-hover)
|
|
}
|
|
|
|
.innerContainer_c2a763 {
|
|
align-items: center;
|
|
-webkit-backdrop-filter: blur(16px);
|
|
backdrop-filter: blur(16px);
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 24px;
|
|
justify-content: space-between;
|
|
padding: 8px
|
|
}
|
|
|
|
.user-profile-sidebar .innerContainer_c2a763 {
|
|
padding: 12px
|
|
}
|
|
|
|
.icons_c2a763 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 4px
|
|
}
|
|
|
|
.icon_c2a763 {
|
|
height: 24px;
|
|
position: relative;
|
|
width: 24px
|
|
}
|
|
|
|
.icon_c2a763,.icon_c2a763 img {
|
|
border-radius: var(--radius-xs)
|
|
}
|
|
|
|
.icon_c2a763 img {
|
|
display: block;
|
|
height: auto;
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
width: auto
|
|
}
|
|
|
|
.displayCount_c2a763 {
|
|
opacity: .5
|
|
}
|
|
|
|
.displayCountText_c2a763 {
|
|
align-items: center;
|
|
background: rgba(0,0,0,.6);
|
|
border-radius: var(--radius-xs);
|
|
display: flex;
|
|
height: 24px;
|
|
inset-inline-start: 50%;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%);
|
|
width: 24px
|
|
}
|
|
|
|
.displayCountTextColor_c2a763 {
|
|
color: var(--neutral-9)
|
|
}
|
|
|
|
.baseAvatar__6738d {
|
|
display: inline-block;
|
|
vertical-align: top
|
|
}
|
|
|
|
.largeAvatar__6738d {
|
|
line-height: 24px;
|
|
margin-inline-end:8px}
|
|
|
|
.miniAvatar__6738d {
|
|
line-height: 18px;
|
|
margin-inline-end:4px;margin-top: 1px
|
|
}
|
|
|
|
.userListItem_ec58fe {
|
|
align-items: center;
|
|
border-radius: var(--radius-xs);
|
|
display: flex;
|
|
margin: 8px -8px;
|
|
padding: 4px 8px
|
|
}
|
|
|
|
.userListItem_ec58fe:last-child {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.userListItem_ec58fe:not(.popoutDisabled_ec58fe):hover {
|
|
background-color: var(--background-base-lowest);
|
|
cursor: pointer
|
|
}
|
|
|
|
.userListItemTag_ec58fe {
|
|
margin-inline-start:8px;overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.avatar_ec58fe {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.username_ec58fe {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.emojiButton__04eed {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
font-size: 14px;
|
|
justify-content: center;
|
|
max-height: 50px
|
|
}
|
|
|
|
.emojiButtonHovered__04eed,.emojiButtonNormal__04eed {
|
|
}
|
|
|
|
.spriteContainer__04eed {
|
|
position: relative;
|
|
--custom-emoji-sprite-bg-position: calc(var(--custom-emoji-sprite-col)*-1*var(--custom-emoji-sprite-size)) calc(var(--custom-emoji-sprite-row)*-1*var(--custom-emoji-sprite-size));
|
|
--custom-emoji-sprite-bg-size: calc(var(--custom-emoji-sprite-size)*20) calc(var(--custom-emoji-sprite-size)*4)
|
|
}
|
|
|
|
.sprite__04eed,.spriteContainer__04eed {
|
|
display: block;
|
|
height: var(--custom-emoji-sprite-size);
|
|
width: var(--custom-emoji-sprite-size)
|
|
}
|
|
|
|
.sprite__04eed {
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.spriteColored__04eed {
|
|
background-image: url(/assets/1b05b930a77fbff9.png);
|
|
background-position: var(--custom-emoji-sprite-bg-position);
|
|
background-size: var(--custom-emoji-sprite-bg-size)
|
|
}
|
|
|
|
.spriteGreyscale__04eed {
|
|
background-color: var(--interactive-text-default)
|
|
}
|
|
|
|
.spriteGreyscale__04eed,.spritePremiumColored__04eed {
|
|
-webkit-mask-image: url(/assets/decf85f79e02d276.png);
|
|
mask-image: url(/assets/decf85f79e02d276.png);
|
|
-webkit-mask-position: var(--custom-emoji-sprite-bg-position);
|
|
mask-position: var(--custom-emoji-sprite-bg-position);
|
|
-webkit-mask-size: var(--custom-emoji-sprite-bg-size);
|
|
mask-size: var(--custom-emoji-sprite-bg-size)
|
|
}
|
|
|
|
.spritePremiumColored__04eed.reducedMotion__04eed {
|
|
background-color: var(--premium-tier-2-purple-for-gradients-2)
|
|
}
|
|
|
|
.spritePremiumColored__04eed:not(.reducedMotion__04eed) {
|
|
animation: spritePremiumPulsing__04eed 2s infinite
|
|
}
|
|
|
|
@keyframes spritePremiumPulsing__04eed {
|
|
0% {
|
|
background-color: var(--premium-tier-2-purple)
|
|
}
|
|
|
|
50% {
|
|
background-color: var(--premium-tier-2-purple-for-gradients-2)
|
|
}
|
|
|
|
to {
|
|
background-color: var(--premium-tier-2-purple)
|
|
}
|
|
}
|
|
|
|
.inactive__04eed {
|
|
opacity: 0
|
|
}
|
|
|
|
.active__04eed {
|
|
opacity: 1
|
|
}
|
|
|
|
.premiumUnlockAnimation__04eed {
|
|
position: absolute;
|
|
z-index: 100
|
|
}
|
|
|
|
.premiumUnlockAnimation__04eed.reducedMotion__04eed {
|
|
height: 48px;
|
|
width: 48px
|
|
}
|
|
|
|
.premiumUnlockAnimation__04eed:not(.reducedMotion__04eed) {
|
|
animation: shrink__04eed 2s forwards
|
|
}
|
|
|
|
@keyframes shrink__04eed {
|
|
0% {
|
|
height: 60px;
|
|
width: 60px
|
|
}
|
|
|
|
75% {
|
|
height: 60px;
|
|
width: 60px
|
|
}
|
|
|
|
to {
|
|
height: 48px;
|
|
width: 48px
|
|
}
|
|
}
|
|
|
|
.enable-forced-colors .spriteGreyscale__04eed {
|
|
background-color: ButtonText
|
|
}
|
|
|
|
.reactions__5ba62 {
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
height: 32px;
|
|
justify-content: flex-end;
|
|
width: 100px
|
|
}
|
|
|
|
.reactions__5ba62,.reply__5ba62 {
|
|
border-radius: 8px;
|
|
display: flex
|
|
}
|
|
|
|
.reply__5ba62 {
|
|
background: var(--background-base-low);
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
flex-direction: column;
|
|
font-size: 16px;
|
|
padding: 16px;
|
|
text-indent: 0;
|
|
width: 300px
|
|
}
|
|
|
|
.replyHeader__5ba62 {
|
|
margin-bottom: 8px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.replyInput__5ba62 {
|
|
background: var(--input-background-default)
|
|
}
|
|
|
|
.emojiButton__5ba62 {
|
|
background-color: transparent;
|
|
margin-inline-start:8px}
|
|
|
|
.reaction__5ba62 {
|
|
align-self: center;
|
|
display: flex;
|
|
opacity: .8;
|
|
transition: opacity .2s linear
|
|
}
|
|
|
|
.reaction__5ba62:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.closeIcon__5ba62 {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer
|
|
}
|
|
|
|
.image__04666 {
|
|
height: 100%;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 100%
|
|
}
|
|
|
|
.emptyPreviewContainer__04666 {
|
|
align-items: center;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
justify-content: center
|
|
}
|
|
|
|
.emptyPreviewImage__04666 {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
height: 60%;
|
|
margin-bottom: 10px;
|
|
width: 80%
|
|
}
|
|
|
|
.emptyPreviewText__04666 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.noImage__04666 {
|
|
background-image: none
|
|
}
|
|
|
|
.images-light .emptyPreviewImage__04666 {
|
|
background-image: url(/assets/bc689a4cf705a445.svg)
|
|
}
|
|
|
|
.images-light .emptyPreviewImage__04666.noImage__04666 {
|
|
background-image: none
|
|
}
|
|
|
|
.images-dark .emptyPreviewImage__04666 {
|
|
background-image: url(/assets/6b1a461f35c05c7a.svg)
|
|
}
|
|
|
|
.images-dark .emptyPreviewImage__04666.noImage__04666 {
|
|
background-image: none
|
|
}
|
|
|
|
.clickable_c906e8 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.full-motion .clickable_c906e8 .icon_c906e8 {
|
|
transition: transform .15s ease-in-out
|
|
}
|
|
|
|
.full-motion .clickable_c906e8:hover .icon_c906e8 {
|
|
transform: scale(1.125)
|
|
}
|
|
|
|
.full-motion .clickable_c906e8:active .icon_c906e8 {
|
|
transform: scale(.875)
|
|
}
|
|
|
|
.card__39b32,.container__39b32 {
|
|
position: relative
|
|
}
|
|
|
|
.card__39b32 {
|
|
background-color: var(--background-surface-highest);
|
|
border-radius: var(--radius-md);
|
|
box-shadow: inset 0 0 0 1px var(--border-muted),0 1px 4px 0 hsl(none 0% 0%/.04);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 173px;
|
|
overflow: hidden;
|
|
top: 0;
|
|
width: 133px
|
|
}
|
|
|
|
.custom-user-profile-theme .card__39b32 {
|
|
background-color: var(--user-profile-overlay-background)
|
|
}
|
|
|
|
.full-motion .card__39b32 {
|
|
transition: transform .2s ease,box-shadow .2s ease
|
|
}
|
|
|
|
.smallCard__39b32 {
|
|
height: 136px;
|
|
width: 106px
|
|
}
|
|
|
|
.smallSquareCard__39b32 {
|
|
height: 136px;
|
|
width: 136px
|
|
}
|
|
|
|
.largeCard__39b32 {
|
|
height: 173px;
|
|
width: 133px
|
|
}
|
|
|
|
.flexCard__39b32 {
|
|
display: flex;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.card__39b32:focus-within,.card__39b32:hover {
|
|
transform: scale(1.025)
|
|
}
|
|
|
|
.card__39b32.isOwned__39b32 {
|
|
cursor: default;
|
|
opacity: .8
|
|
}
|
|
|
|
.card__39b32.isOwned__39b32:focus-within,.card__39b32.isOwned__39b32:hover {
|
|
cursor: pointer;
|
|
opacity: 1
|
|
}
|
|
|
|
.cardPreview__39b32 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.card__39b32.isOwned__39b32 .cardPreview__39b32 {
|
|
opacity: .5
|
|
}
|
|
|
|
.card__39b32.isOwned__39b32:focus-within .cardPreview__39b32,.card__39b32.isOwned__39b32:hover .cardPreview__39b32 {
|
|
opacity: 1
|
|
}
|
|
|
|
.cardStateIconWrapper__39b32 {
|
|
align-items: center;
|
|
display: flex;
|
|
inset-inline: 0;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
z-index: 2
|
|
}
|
|
|
|
.cardStateIcon__39b32 {
|
|
color: var(--status-positive);
|
|
filter: drop-shadow(0 0 4px rgba(0,0,0,.3));
|
|
height: 38px;
|
|
transition: opacity .3s ease;
|
|
width: 38px
|
|
}
|
|
|
|
.card__39b32:focus-within .checkmark__39b32,.card__39b32:hover .checkmark__39b32 {
|
|
opacity: 0
|
|
}
|
|
|
|
.profileEffectPreview__39b32 {
|
|
align-items: flex-start
|
|
}
|
|
|
|
.bundlePreview__39b32,.profileEffectPreview__39b32 {
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.bundlePreview__39b32 {
|
|
align-items: center;
|
|
transform: scale(.65);
|
|
transform-origin: center
|
|
}
|
|
|
|
.full-motion .bundlePreview__39b32 {
|
|
transition: transform .2s ease
|
|
}
|
|
|
|
.card__39b32:focus-within .bundlePreview__39b32,.card__39b32:hover .bundlePreview__39b32 {
|
|
transform: scale(.65) translateY(-18px)
|
|
}
|
|
|
|
.smallCard__39b32 .bundlePreview__39b32,.smallSquareCard__39b32 .bundlePreview__39b32 {
|
|
height: 175px;
|
|
transform: scale(.5);
|
|
width: 300px
|
|
}
|
|
|
|
.card__39b32.smallCard__39b32:focus-within .bundlePreview__39b32,.card__39b32.smallCard__39b32:hover .bundlePreview__39b32 {
|
|
transform: scale(.5)
|
|
}
|
|
|
|
.card__39b32.smallSquareCard__39b32:focus-within .bundlePreview__39b32,.card__39b32.smallSquareCard__39b32:hover .bundlePreview__39b32 {
|
|
transform: scale(.5)
|
|
}
|
|
|
|
.avatarDecorationPreview__39b32 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.full-motion .avatarDecorationPreview__39b32 {
|
|
transition: transform .2s ease
|
|
}
|
|
|
|
.card__39b32:focus-within .avatarDecorationPreview__39b32,.card__39b32:hover .avatarDecorationPreview__39b32 {
|
|
transform: translateY(-18px)
|
|
}
|
|
|
|
.card__39b32.smallCard__39b32:focus-within .avatarDecorationPreview__39b32,.card__39b32.smallCard__39b32:hover .avatarDecorationPreview__39b32 {
|
|
transform: none
|
|
}
|
|
|
|
.card__39b32.smallSquareCard__39b32:focus-within .avatarDecorationPreview__39b32,.card__39b32.smallSquareCard__39b32:hover .avatarDecorationPreview__39b32 {
|
|
transform: none
|
|
}
|
|
|
|
.nameplatePreview__39b32 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .nameplatePreview__39b32 {
|
|
transition: transform .2s ease
|
|
}
|
|
|
|
.card__39b32:focus-within .nameplatePreview__39b32,.card__39b32:hover .nameplatePreview__39b32 {
|
|
transform: translateY(-18px)
|
|
}
|
|
|
|
.card__39b32.smallCard__39b32:focus-within .nameplatePreview__39b32,.card__39b32.smallCard__39b32:hover .nameplatePreview__39b32 {
|
|
transform: none
|
|
}
|
|
|
|
.card__39b32.smallSquareCard__39b32:focus-within .nameplatePreview__39b32,.card__39b32.smallSquareCard__39b32:hover .nameplatePreview__39b32 {
|
|
transform: none
|
|
}
|
|
|
|
.nameplateTopLeft__39b32 {
|
|
inset-inline-start: 33px;
|
|
position: absolute;
|
|
top: 37px
|
|
}
|
|
|
|
.nameplateBottomRight__39b32 {
|
|
bottom: 33px;
|
|
inset-inline-end: 33px;
|
|
position: absolute
|
|
}
|
|
|
|
.smallCard__39b32 .nameplateTopLeft__39b32 {
|
|
inset-inline-start: 22px;
|
|
top: 22px
|
|
}
|
|
|
|
.smallCard__39b32 .nameplateBottomRight__39b32 {
|
|
bottom: 22px;
|
|
inset-inline-end: 22px
|
|
}
|
|
|
|
.smallSquareCard__39b32 .nameplateTopLeft__39b32 {
|
|
inset-inline-start: 22px;
|
|
top: 22px
|
|
}
|
|
|
|
.smallSquareCard__39b32 .nameplateBottomRight__39b32 {
|
|
bottom: 22px;
|
|
inset-inline-end: 22px
|
|
}
|
|
|
|
.removeItemButton__39b32 {
|
|
align-items: center;
|
|
background: var(--background-surface-high);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: 100px;
|
|
box-shadow: var(--shadow-low);
|
|
display: flex;
|
|
inset-inline-end: -6px;
|
|
justify-content: center;
|
|
opacity: 0;
|
|
padding: 4px;
|
|
position: absolute;
|
|
top: -6px;
|
|
transition: opacity 50ms ease-in;
|
|
z-index: 10
|
|
}
|
|
|
|
.removeItemButton__39b32:after {
|
|
background-color: transparent;
|
|
border-radius: var(--radius-round);
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: background-color 50ms ease-in;
|
|
width: 100%
|
|
}
|
|
|
|
.removeItemButton__39b32:hover:after {
|
|
background-color: var(--opacity-red-8);
|
|
transition: background-color .15s ease-out
|
|
}
|
|
|
|
.removeItemButton__39b32:focus {
|
|
transition: none
|
|
}
|
|
|
|
.container__39b32:hover .removeItemButton__39b32,.removeItemButton__39b32:focus-visible,.keyboard-mode .container__39b32:focus-within .removeItemButton__39b32 {
|
|
opacity: 1;
|
|
transition: opacity .15s ease-out
|
|
}
|
|
|
|
.overlay__39b32 {
|
|
align-items: flex-end;
|
|
bottom: 0;
|
|
display: flex;
|
|
inset-inline: 0;
|
|
justify-content: center;
|
|
opacity: 0;
|
|
padding: 12px;
|
|
position: absolute;
|
|
transition: opacity 50ms ease-in;
|
|
z-index: 5
|
|
}
|
|
|
|
.card__39b32:focus-within .overlay__39b32,.card__39b32:hover .overlay__39b32 {
|
|
opacity: 1;
|
|
transition: opacity .15s ease-out
|
|
}
|
|
|
|
.itemIcon__39b32 {
|
|
align-items: center;
|
|
display: flex;
|
|
inset-inline-end: 8px;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 8px
|
|
}
|
|
|
|
.itemIconHeart__39b32 {
|
|
fill: var(--control-critical-primary-background-default)
|
|
}
|
|
|
|
.itemIconShop__39b32 {
|
|
fill: var(--icon-strong)
|
|
}
|
|
|
|
@keyframes placeholderPulse__39b32 {
|
|
0% {
|
|
opacity: .5
|
|
}
|
|
|
|
50% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: .5
|
|
}
|
|
}
|
|
|
|
.placeholderCard__39b32 {
|
|
animation: placeholderPulse__39b32 1.3s ease-in-out infinite
|
|
}
|
|
|
|
.placeholderAvatar__39b32 {
|
|
opacity: .5
|
|
}
|
|
|
|
.seeMoreCard__39b32 {
|
|
height: 173px;
|
|
width: 133px
|
|
}
|
|
|
|
.seeMoreCard__39b32.smallCard__39b32 {
|
|
height: 136px;
|
|
width: 105px
|
|
}
|
|
|
|
.seeMoreCard__39b32.smallSquareCard__39b32 {
|
|
height: 136px;
|
|
width: 136px
|
|
}
|
|
|
|
.seeMoreCard__39b32:focus-within,.seeMoreCard__39b32:hover {
|
|
transform: scale(1.025)
|
|
}
|
|
|
|
.seeMoreCardPreview__39b32 {
|
|
opacity: .5
|
|
}
|
|
|
|
.seeMoreOverlay__39b32 {
|
|
align-items: center;
|
|
background-color: var(--background-scrim);
|
|
border-radius: inherit;
|
|
display: flex;
|
|
inset: 0;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
z-index: 2
|
|
}
|
|
|
|
.cardContainer__47729 {
|
|
align-items: center;
|
|
background-position: 50%;
|
|
background-size: cover;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.cardContainer__47729.square__47729 {
|
|
aspect-ratio: 1;
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.cardBackgroundImage__47729 {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.skuImage__47729 {
|
|
border-radius: var(--radius-xs);
|
|
max-width: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.skuImage__47729.square__47729 {
|
|
aspect-ratio: 1
|
|
}
|
|
|
|
.socialLayerCardHover__517e1 .socialLayerCardBackgroundImage__517e1 {
|
|
transform: scale(100%)
|
|
}
|
|
|
|
.socialLayerCardHover__517e1 .socialLayerCardImage__517e1 {
|
|
transform: scale(105%)
|
|
}
|
|
|
|
.socialLayerCard__517e1 {
|
|
border-radius: none;
|
|
display: flex;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.socialLayerCardBackgroundImage__517e1 {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: scale(105%);
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .socialLayerCardBackgroundImage__517e1 {
|
|
transition: transform .5s
|
|
}
|
|
|
|
.socialLayerCardImage__517e1 {
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
-o-object-position: center;
|
|
object-position: center;
|
|
position: absolute;
|
|
top: 4px;
|
|
transform: scale(100%);
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .socialLayerCardImage__517e1 {
|
|
transition: transform .5s
|
|
}
|
|
|
|
.profileEffectPreview__517e1 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
height: 100%
|
|
}
|
|
|
|
.nameplatePreview__517e1 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .nameplatePreview__517e1 {
|
|
transition: transform .2s ease
|
|
}
|
|
|
|
.nameplateTopLeft__517e1 {
|
|
inset-inline-start: 33px;
|
|
position: absolute;
|
|
top: 37px
|
|
}
|
|
|
|
.nameplateBottomRight__517e1 {
|
|
bottom: 33px;
|
|
inset-inline-end: 33px;
|
|
position: absolute
|
|
}
|
|
|
|
.bundlePreview__517e1 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
transform: scale(.65);
|
|
transform-origin: center;
|
|
width: 100%
|
|
}
|
|
|
|
.card__9ed47 {
|
|
background-color: var(--background-surface-highest);
|
|
border-radius: var(--radius-md);
|
|
box-shadow: inset 0 0 0 1px var(--border-muted),0 1px 4px 0 hsl(none 0% 0%/.04);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
position: relative;
|
|
top: 0
|
|
}
|
|
|
|
.custom-user-profile-theme .card__9ed47 {
|
|
background-color: var(--user-profile-overlay-background)
|
|
}
|
|
|
|
.full-motion .card__9ed47 {
|
|
transition: transform .2s ease,box-shadow .2s ease
|
|
}
|
|
|
|
.skuPreview__9ed47 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.overlay_f5504d {
|
|
align-items: flex-end;
|
|
bottom: 0;
|
|
display: flex;
|
|
inset-inline: 0;
|
|
justify-content: center;
|
|
opacity: 0;
|
|
padding: 12px;
|
|
position: absolute;
|
|
transition: opacity 50ms ease-in;
|
|
z-index: 5
|
|
}
|
|
|
|
.overlayHoverOrFocus_f5504d {
|
|
opacity: 1;
|
|
transition: opacity .15s ease-out
|
|
}
|
|
|
|
.container__96168 {
|
|
height: 136px;
|
|
margin-top: 8px;
|
|
position: relative;
|
|
width: 106px
|
|
}
|
|
|
|
.full-motion .container__96168 {
|
|
transition: transform .2s ease
|
|
}
|
|
|
|
.container__96168:focus-within,.container__96168:hover {
|
|
transform: scale(1.025)
|
|
}
|
|
|
|
.cardContainer__96168 {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.contextContainer__96168 {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 12px;
|
|
color: var(--interactive-text-active);
|
|
inset-inline-end: -4px;
|
|
padding: 2px;
|
|
position: absolute;
|
|
top: -8px;
|
|
z-index: 2
|
|
}
|
|
|
|
.contextContainer__96168,.contextIcon__96168 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.contextIcon__96168 {
|
|
height: 20px;
|
|
margin-inline-start:-1px;width: 20px
|
|
}
|
|
|
|
.contextIcon__96168,.fireIcon__96168 {
|
|
margin-top: -1px
|
|
}
|
|
|
|
.card__20585:focus-within .cardBackgroundImage__20585,.card__20585:hover .cardBackgroundImage__20585 {
|
|
transform: scale(100%)
|
|
}
|
|
|
|
.card__20585:focus-within .cardImage__20585,.card__20585:hover .cardImage__20585 {
|
|
transform: scale(105%)
|
|
}
|
|
|
|
.card__20585 {
|
|
border-radius: none;
|
|
display: flex;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.cardBackgroundImage__20585 {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: scale(105%);
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .cardBackgroundImage__20585 {
|
|
transition: transform .5s
|
|
}
|
|
|
|
.cardImage__20585 {
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
-o-object-position: center;
|
|
object-position: center;
|
|
position: absolute;
|
|
top: 4px;
|
|
transform: scale(100%);
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .cardImage__20585 {
|
|
transition: transform .5s
|
|
}
|
|
|
|
.itemIcon__20585 {
|
|
align-items: center;
|
|
display: flex;
|
|
inset-inline-end: 8px;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 8px;
|
|
z-index: 1
|
|
}
|
|
|
|
.itemIconHeart__20585 {
|
|
fill: var(--control-critical-primary-background-default)
|
|
}
|
|
|
|
.itemIconShop__20585 {
|
|
fill: var(--icon-strong)
|
|
}
|
|
|
|
.container__5291b {
|
|
margin-top: 8px;
|
|
position: relative
|
|
}
|
|
|
|
.contextContainer__5291b {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 12px;
|
|
color: var(--interactive-text-active);
|
|
inset-inline-end: -4px;
|
|
padding: 2px;
|
|
position: absolute;
|
|
top: -8px;
|
|
z-index: 2
|
|
}
|
|
|
|
.contextContainer__5291b,.contextIcon__5291b {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.contextIcon__5291b {
|
|
height: 20px;
|
|
margin-inline-start:-1px;width: 20px
|
|
}
|
|
|
|
.contextIcon__5291b,.fireIcon__5291b {
|
|
margin-top: -1px
|
|
}
|
|
|
|
.container__3a590 {
|
|
background: var(--background-surface-highest);
|
|
border-radius: 12px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
padding: 12px
|
|
}
|
|
|
|
.header__3a590 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.applicationIcon__3a590 {
|
|
border-radius: 4px;
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.items__3a590 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.spinner__3a590 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 144px;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.contextContainer__3a590 {
|
|
background-color: var(--background-surface-highest)
|
|
}
|
|
|
|
.smallSquareCard__3a590 {
|
|
height: 136px;
|
|
width: 136px
|
|
}
|
|
|
|
@value maxWidth: 498px;.container__0800c {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
isolation: isolate;
|
|
overflow: hidden
|
|
}
|
|
|
|
.slotsContainer__0800c {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: var(--custom-voice-channel-effects-bar-effect-bar-padding-y) var(--custom-voice-channel-effects-bar-effect-bar-padding-x);
|
|
width: calc(var(--custom-voice-channel-effects-bar-max-width) - var(--custom-voice-channel-effects-bar-effect-bar-padding-x)*2)
|
|
}
|
|
|
|
.slots__0800c {
|
|
display: flex;
|
|
gap: 24px;
|
|
min-width: 272px
|
|
}
|
|
|
|
.slotsWide__0800c {
|
|
gap: 30px
|
|
}
|
|
|
|
.slot__0800c {
|
|
cursor: pointer
|
|
}
|
|
|
|
.emoji__0800c {
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.emojiItemDisabled__0800c {
|
|
filter: grayscale(100%)
|
|
}
|
|
|
|
.animatedPicker__0800c {
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
height: 0;
|
|
overflow: hidden;
|
|
top: 0;
|
|
transition: height .4s cubic-bezier(.16,1,.3,1)
|
|
}
|
|
|
|
.animatedPickerTall__0800c {
|
|
height: 440px;
|
|
top: 498px
|
|
}
|
|
|
|
.emojiPickerHeader__0800c {
|
|
background: var(--background-surface-high);
|
|
box-shadow: none;
|
|
padding-bottom: 4px;
|
|
padding-top: var(--space-16)
|
|
}
|
|
|
|
.emojiPickerHeaderExpanded__0800c {
|
|
padding-bottom: 12px
|
|
}
|
|
|
|
.dropDownContainer__0800c {
|
|
margin-inline-start:8px}
|
|
|
|
.dropDown__0800c {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer
|
|
}
|
|
|
|
.full-motion .dropDown__0800c {
|
|
transition: transform .4s cubic-bezier(.16,1,.3,1)
|
|
}
|
|
|
|
.dropDown__0800c:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.dropDownOpen__0800c {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.container_b2d72f {
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative
|
|
}
|
|
|
|
.iconContainer_b2d72f {
|
|
flex: 0 0 auto;
|
|
height: 16px;
|
|
margin-inline-end:4px;position: relative;
|
|
width: 16px
|
|
}
|
|
|
|
.icon_b2d72f {
|
|
color: var(--primary-300);
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.foreground_b2d72f,.icon_b2d72f {
|
|
opacity: .6
|
|
}
|
|
|
|
.avatar_b2d72f {
|
|
margin-inline-end:-4px}
|
|
|
|
.emptyUser_b2d72f {
|
|
background: var(--primary-500);
|
|
border-radius: 50%
|
|
}
|
|
|
|
.avatarMasked_b2d72f {
|
|
-webkit-mask-image: url(/assets/1f9b76e0279b91a4.svg);
|
|
mask-image: url(/assets/1f9b76e0279b91a4.svg);
|
|
-webkit-mask-position: 0 0;
|
|
mask-position: 0 0;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-size: 100% 100%;
|
|
mask-size: 100% 100%
|
|
}
|
|
|
|
.moreUsers_b2d72f {
|
|
background-color: var(--primary-500);
|
|
border-radius: 10px;
|
|
color: var(--primary-300);
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-bold);
|
|
height: 20px;
|
|
line-height: 20px;
|
|
padding-block:0;padding-inline:6px 8px;position: relative
|
|
}
|
|
|
|
.noUserDrag_c8743f {
|
|
-webkit-user-drag: none
|
|
}
|
|
|
|
.userSelectText_c8743f {
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.userSelectNone_c8743f {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.cursorDefault_c8743f {
|
|
cursor: default
|
|
}
|
|
|
|
.cursorPointer_c8743f {
|
|
cursor: pointer
|
|
}
|
|
|
|
.clickable__39b46 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.clickable__39b46:hover>* {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.popout__91e7a {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 8px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
padding: 0 16px
|
|
}
|
|
|
|
.loadingSpinner__5b1b2 {
|
|
height: 24px;
|
|
margin-inline-end:8px;width: 24px
|
|
}
|
|
|
|
.popout_af3b89 {
|
|
filter: drop-shadow(0 8px 8px var(--opacity-black-32));
|
|
width: 348px
|
|
}
|
|
|
|
.hero_af3b89,.popout_af3b89 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.hero_af3b89 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-sm);
|
|
gap: 8px;
|
|
padding: 8px
|
|
}
|
|
|
|
.interactionsContainer_af3b89:before {
|
|
background-color: var(--border-subtle);
|
|
content: "";
|
|
height: 1px;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 16px
|
|
}
|
|
|
|
.interactionsContainer_af3b89 {
|
|
background-color: var(--background-surface-high);
|
|
border-end-end-radius: var(--radius-md);
|
|
border-end-start-radius: var(--radius-md);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
padding: 16px;
|
|
position: relative
|
|
}
|
|
|
|
.replyInput_af3b89 {
|
|
--form-input-height: 36px
|
|
}
|
|
|
|
.joinPromptContainer_af3b89 {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.emojiHotrail_af3b89 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 12px;
|
|
padding: 0 12px
|
|
}
|
|
|
|
.emojiSuggestionButton_af3b89:hover {
|
|
cursor: pointer
|
|
}
|
|
|
|
.emoji_af3b89 {
|
|
width: 24px
|
|
}
|
|
|
|
.contentImage_af3b89 {
|
|
border-radius: var(--radius-xs);
|
|
display: block
|
|
}
|
|
|
|
.heroDetails_af3b89 {
|
|
display: flex;
|
|
gap: 8px;
|
|
justify-content: space-between;
|
|
min-width: 0
|
|
}
|
|
|
|
.toastContainer_af3b89 {
|
|
align-items: center;
|
|
inset-inline: 0;
|
|
bottom: -80px;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: absolute
|
|
}
|
|
|
|
.emojiHotrailShareToChannel_af3b89 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 0 12px 16px
|
|
}
|
|
|
|
.inputContainerShareToChannel_af3b89 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 16px
|
|
}
|
|
|
|
.primaryActionPopoutMessageCloseIcon_af3b89 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.primaryActionPopoutMessageCloseIcon_af3b89:hover {
|
|
cursor: pointer
|
|
}
|
|
|
|
.shareToChannelButton_af3b89 {
|
|
align-items: center;
|
|
border-inline-end:none;cursor: pointer;
|
|
display: flex;
|
|
margin-inline-end:var(--space-xs)}
|
|
|
|
.attachment_af3b89 {
|
|
width: 100%
|
|
}
|
|
|
|
.attachmentContainer_af3b89 {
|
|
border-start-end-radius: var(--radius-md);
|
|
border-start-start-radius: var(--radius-md);
|
|
box-sizing: border-box;
|
|
margin-bottom: 1px;
|
|
padding: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.attachmentContainer_af3b89,.shareToChannelInput_af3b89 {
|
|
background: var(--input-background-default)
|
|
}
|
|
|
|
.shareToChannelInput_af3b89 {
|
|
border-radius: var(--radius-md);
|
|
display: flex
|
|
}
|
|
|
|
.shareToChannelInputHasAttachments_af3b89 {
|
|
border-start-end-radius: 0;
|
|
border-start-start-radius: 0
|
|
}
|
|
|
|
.popoutContentHeader_af3b89 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 16px;
|
|
justify-content: space-between;
|
|
margin-bottom: 16px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.popoutContentWrapper_af3b89 {
|
|
background: var(--background-surface-high);
|
|
border-start-end-radius: var(--radius-md);
|
|
border-start-start-radius: var(--radius-md);
|
|
padding: 16px
|
|
}
|
|
|
|
.popoutHeroInner_af3b89 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 16px;
|
|
position: relative
|
|
}
|
|
|
|
.popoutThumbnailContainer_af3b89 {
|
|
min-height: 72px;
|
|
text-align: center;
|
|
width: 72px
|
|
}
|
|
|
|
.popoutHeroBody_af3b89 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden
|
|
}
|
|
|
|
.popoutHeroTextPrimary_af3b89 {
|
|
color: var(--content-inventory-overlay-text-primary)
|
|
}
|
|
|
|
.popoutHeroTextPrimary_af3b89.popoutHeroTextPrimaryShort_af3b89 {
|
|
max-width: 156px
|
|
}
|
|
|
|
.popoutHeroTextSecondary_af3b89 {
|
|
color: var(--content-inventory-overlay-text-secondary)
|
|
}
|
|
|
|
.popoutHeaderIcons_af3b89 {
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.popoutUserContainer_af3b89 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-grow: 1;
|
|
overflow: hidden
|
|
}
|
|
|
|
.popoutUsernames_af3b89 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.popoutUsername_af3b89 {
|
|
display: inline
|
|
}
|
|
|
|
.streamingPopoutHeader_af3b89 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 16px;
|
|
padding: 8px
|
|
}
|
|
|
|
.streamingPopoutHeaderText_af3b89 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.streamingPopoutPreviewContainer_af3b89 {
|
|
min-height: 170px;
|
|
position: relative
|
|
}
|
|
|
|
.streamingPopoutImg_af3b89 img {
|
|
border-start-end-radius: var(--radius-sm);
|
|
border-start-start-radius: var(--radius-sm);
|
|
display: block
|
|
}
|
|
|
|
.voiceChannelPopoutReactorHeader_af3b89 {
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.voiceChannelPopoutReactorChannel_af3b89 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
gap: 4px;
|
|
justify-content: center
|
|
}
|
|
|
|
.voiceChannelPopoutReactorChannel_af3b89:hover .voiceChannelName_af3b89 {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.voiceChannelGuildIcon_af3b89 {
|
|
border-radius: 6px
|
|
}
|
|
|
|
.voiceChannelAdditionalParticipants_af3b89 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-strong);
|
|
border-radius: 8px;
|
|
display: flex;
|
|
height: 16px;
|
|
justify-content: center;
|
|
padding: 0 4px
|
|
}
|
|
|
|
.primaryActionPopoutDivider_af3b89 {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
margin: 16px 0;
|
|
width: 100%
|
|
}
|
|
|
|
.primaryActionPopoutActionButtons_af3b89 {
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.hiddenButRenderedInputField_af3b89 {
|
|
display: none
|
|
}
|
|
|
|
.popoutBlockedWarningIcon_af3b89 {
|
|
margin-inline-end:3px;margin-bottom: -2px
|
|
}
|
|
|
|
.popoutTextPrimary_af3b89 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.popoutTextSecondary_af3b89 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.streamingPopoutHero_af3b89 {
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0
|
|
}
|
|
|
|
.streamCTA_af3b89 {
|
|
align-items: center;
|
|
background: var(--background-scrim);
|
|
border-radius: 8px;
|
|
bottom: 0;
|
|
cursor: pointer;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
justify-content: center;
|
|
opacity: 0;
|
|
transition: opacity .1s linear
|
|
}
|
|
|
|
.streamCTA_af3b89:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.maybeClickable_af3b89[role=button] {
|
|
cursor: pointer
|
|
}
|
|
|
|
.maybeClickable_af3b89[role=button]:focus-visible .popoutHeroTextPrimary_af3b89,.maybeClickable_af3b89[role=button]:focus-visible .popoutHeroTextSecondary_af3b89,.maybeClickable_af3b89[role=button]:focus-visible .popoutTextPrimary_af3b89,.maybeClickable_af3b89[role=button]:focus-visible .popoutTextSecondary_af3b89,.maybeClickable_af3b89[role=button]:hover .popoutHeroTextPrimary_af3b89,.maybeClickable_af3b89[role=button]:hover .popoutHeroTextSecondary_af3b89,.maybeClickable_af3b89[role=button]:hover .popoutTextPrimary_af3b89,.maybeClickable_af3b89[role=button]:hover .popoutTextSecondary_af3b89 {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.popoutHeaderIcons_af3b89 {
|
|
align-items: center;
|
|
align-self: flex-start;
|
|
display: flex
|
|
}
|
|
|
|
.popoutGiftingBreadcrumb_af3b89 {
|
|
margin-top: 16px;
|
|
padding: 16px
|
|
}
|
|
|
|
.cloudPlaySection__1692d {
|
|
justify-content: space-between
|
|
}
|
|
|
|
.cloudPlaySectionTextContainer__1692d {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.appWidgetPreview__1692d {
|
|
margin-block-end:calc(var(--custom-content-card-padding)*-1);margin-inline: calc(var(--custom-content-card-padding)*-1);
|
|
width: calc(100% + var(--custom-content-card-padding)*2)
|
|
}
|
|
|
|
.container__264ae {
|
|
align-items: center;
|
|
border-radius: 32px;
|
|
display: flex;
|
|
filter: brightness(.7);
|
|
flex-direction: column
|
|
}
|
|
|
|
.container__264ae[role=button] {
|
|
cursor: pointer
|
|
}
|
|
|
|
.container__264ae[role=button]:hover {
|
|
filter: brightness(1)
|
|
}
|
|
|
|
.listeningTimeline__66799 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 9px;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.seekBarContainer__66799 {
|
|
background-color: var(--content-inventory-media-seekbar-container);
|
|
border-radius: 2px;
|
|
height: 2px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.seekBarFill__66799 {
|
|
background-color: var(--text-default);
|
|
border-radius: 2px;
|
|
height: 2px
|
|
}
|
|
|
|
.timestamp__66799 {
|
|
font-family: var(--font-code)
|
|
}
|
|
|
|
.menuIcon__62974 {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer
|
|
}
|
|
|
|
.menuIcon__62974:hover {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.container__5f4c1 {
|
|
background-color: var(--background-base-low);
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: var(--elevation-medium);
|
|
width: 180px
|
|
}
|
|
|
|
.clearText__5f4c1 {
|
|
color: var(--text-link)
|
|
}
|
|
|
|
.rowDivider_ccbbbb,.rowIconPlaceholder_ccbbbb {
|
|
--custom-row-icon-size: 40px
|
|
}
|
|
|
|
.appDetailsRowContainer_ccbbbb,.rowDivider_ccbbbb {
|
|
--custom-row-padding: var(--space-12)
|
|
}
|
|
|
|
.loadingAnimation_ccbbbb {
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.loadingAnimation_ccbbbb:after {
|
|
background: linear-gradient(-45deg,transparent,#fff,transparent);
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
opacity: .05;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: skewX(-20deg) translateX(-100%);
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .loadingAnimation_ccbbbb:after {
|
|
animation: shimmer_ccbbbb 1s ease-in-out infinite
|
|
}
|
|
|
|
.loadingAnimation_ccbbbb.noAnimation_ccbbbb:after {
|
|
display: none
|
|
}
|
|
|
|
.loadingAnimation_ccbbbb:nth-child(2):after {
|
|
animation-delay: 50ms
|
|
}
|
|
|
|
.loadingAnimation_ccbbbb:nth-child(3):after {
|
|
animation-delay: .1s
|
|
}
|
|
|
|
.loadingAnimation_ccbbbb:nth-child(4):after {
|
|
animation-delay: .15s
|
|
}
|
|
|
|
.loadingAnimation_ccbbbb:nth-child(5):after {
|
|
animation-delay: .2s
|
|
}
|
|
|
|
.loadingAnimation_ccbbbb:nth-child(6):after {
|
|
animation-delay: .25s
|
|
}
|
|
|
|
.loadingAnimation_ccbbbb:nth-child(7):after {
|
|
animation-delay: .3s
|
|
}
|
|
|
|
.loadingAnimation_ccbbbb:nth-child(8):after {
|
|
animation-delay: .35s
|
|
}
|
|
|
|
.container_ccbbbb {
|
|
background-color: var(--background-surface-high)
|
|
}
|
|
|
|
.containerBorderRadius_ccbbbb {
|
|
border-radius: var(--radius-md)
|
|
}
|
|
|
|
.rowContainer_ccbbbb:first-child {
|
|
border-start-end-radius: var(--radius-md);
|
|
border-start-start-radius: var(--radius-md)
|
|
}
|
|
|
|
.rowContainer_ccbbbb:last-child {
|
|
border-end-end-radius: var(--radius-md);
|
|
border-end-start-radius: var(--radius-md)
|
|
}
|
|
|
|
.rowContainer_ccbbbb:last-child .rowDivider_ccbbbb {
|
|
display: none
|
|
}
|
|
|
|
.rowDivider_ccbbbb {
|
|
background-color: var(--background-mod-subtle);
|
|
bottom: 0;
|
|
height: 1px;
|
|
inset-inline: calc(var(--custom-row-padding) + var(--custom-row-icon-size) + var(--space-12)) 0;
|
|
position: absolute
|
|
}
|
|
|
|
.theme-light .loadingAnimation_ccbbbb:after {
|
|
opacity: .5
|
|
}
|
|
|
|
@keyframes shimmer_ccbbbb {
|
|
to {
|
|
transform: skewX(-20deg) translateX(100%)
|
|
}
|
|
}
|
|
|
|
.bannerImage_ccbbbb {
|
|
background-color: var(--background-mod-subtle);
|
|
display: none;
|
|
overflow: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.bannerImage_ccbbbb.mediumBanner_ccbbbb {
|
|
aspect-ratio: 3/1;
|
|
display: block
|
|
}
|
|
|
|
.bannerImage_ccbbbb.largeBanner_ccbbbb {
|
|
aspect-ratio: 2/1;
|
|
display: block
|
|
}
|
|
|
|
.iconPlaceholder_ccbbbb {
|
|
--custom-app-icon-size: 38px;
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: 25%;
|
|
height: var(--custom-app-icon-size);
|
|
width: var(--custom-app-icon-size)
|
|
}
|
|
|
|
.rowIconPlaceholder_ccbbbb {
|
|
height: var(--custom-row-icon-size);
|
|
width: var(--custom-row-icon-size)
|
|
}
|
|
|
|
.appDetailsContainer_ccbbbb {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
.appDetailsRowContainer_ccbbbb {
|
|
padding: var(--custom-row-padding)
|
|
}
|
|
|
|
.textContainer_ccbbbb {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin-inline-start:var(--space-12)}
|
|
|
|
.textPlaceholder_ccbbbb {
|
|
align-self: flex-start;
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: var(--radius-round)
|
|
}
|
|
|
|
.textPlaceholder_ccbbbb:not(:last-child) {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.hidden_ccbbbb {
|
|
line-height: 1;
|
|
opacity: 0;
|
|
touch-action: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.contentContainer_c94584 {
|
|
padding: 0 var(--space-16) var(--space-16)
|
|
}
|
|
|
|
.commandListHeader_c94584 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 32px;
|
|
justify-content: space-between;
|
|
margin-bottom: var(--space-8);
|
|
margin-top: var(--space-16)
|
|
}
|
|
|
|
.commandContainer_c94584 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.commandContainer_c94584 .command_c94584:first-child {
|
|
border-start-end-radius: var(--radius-sm);
|
|
border-start-start-radius: var(--radius-sm)
|
|
}
|
|
|
|
.commandContainer_c94584 .command_c94584:not(:last-child) {
|
|
border-bottom: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.commandContainer_c94584 .command_c94584:last-child {
|
|
border-end-end-radius: var(--radius-sm);
|
|
border-end-start-radius: var(--radius-sm)
|
|
}
|
|
|
|
.commandFocusBlock_c94584 {
|
|
width: 100%
|
|
}
|
|
|
|
.command_c94584,.commandFocusBlock_c94584 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.command_c94584 {
|
|
background-color: var(--background-base-low);
|
|
padding: var(--space-8) var(--space-12)
|
|
}
|
|
|
|
.command_c94584:hover,.keyboard-mode .command_c94584:focus {
|
|
background-color: var(--interactive-background-hover);
|
|
cursor: pointer
|
|
}
|
|
|
|
.command_c94584:active {
|
|
background-color: var(--interactive-background-active)
|
|
}
|
|
|
|
.commandTextContainer_c94584 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
gap: var(--space-4);
|
|
margin-inline-end:var(--space-8);width: 1px
|
|
}
|
|
|
|
.commandTextContainerPlaceholder_c94584 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4);
|
|
padding: 2px 0;
|
|
width: 350px
|
|
}
|
|
|
|
.clickable__8c853 {
|
|
border-radius: var(--radius-round);
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
.root_e3f97f {
|
|
align-items: center;
|
|
border-radius: var(--radius-xs);
|
|
display: flex;
|
|
padding: 8px
|
|
}
|
|
|
|
.icon_e3f97f {
|
|
flex-shrink: 0;
|
|
height: 24px;
|
|
margin-inline-end:10px;width: 24px
|
|
}
|
|
|
|
.text_e3f97f {
|
|
flex: 1;
|
|
text-align: start
|
|
}
|
|
|
|
.info_e3f97f {
|
|
background-color: var(--background-feedback-info);
|
|
border: 1px solid var(--icon-feedback-info)
|
|
}
|
|
|
|
.info_e3f97f .icon_e3f97f {
|
|
color: var(--icon-feedback-info)
|
|
}
|
|
|
|
.warning_e3f97f {
|
|
background-color: var(--background-feedback-warning);
|
|
border: 1px solid var(--icon-feedback-warning)
|
|
}
|
|
|
|
.warning_e3f97f .icon_e3f97f {
|
|
box-sizing: border-box;
|
|
color: var(--icon-feedback-warning);
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.actionMenuButton_d84e0f {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-xs);
|
|
cursor: pointer;
|
|
display: flex;
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
.actionMenuButton_d84e0f:hover {
|
|
background-color: var(--interactive-background-hover)
|
|
}
|
|
|
|
.authedApp__50a54 {
|
|
padding: 20px
|
|
}
|
|
|
|
.authedAppV2__50a54 {
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: var(--radius-sm);
|
|
margin-bottom: 16px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.header__50a54,.headerV2__50a54 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto minmax(0,1fr) auto auto
|
|
}
|
|
|
|
.headerV2__50a54 {
|
|
background-color: var(--background-mod-subtle);
|
|
padding: 16px
|
|
}
|
|
|
|
.headerText__50a54 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.headerTextContainer__50a54 {
|
|
margin: 0 8px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.headerTextContainerV2__50a54 {
|
|
margin: 0 12px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.appDetailsContainer__50a54 {
|
|
padding: 4px 16px
|
|
}
|
|
|
|
.appDetailsContainer__50a54 .appDetailsSection__50a54 {
|
|
background-color: inherit;
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
border-radius: 0;
|
|
margin-bottom: 0;
|
|
padding: 16px 0
|
|
}
|
|
|
|
.appDetailsContainer__50a54 .appDetailsSection__50a54:active {
|
|
background-color: inherit
|
|
}
|
|
|
|
.appDetailsContainer__50a54 .appDetailsSection__50a54:before {
|
|
border-radius: 0;
|
|
box-shadow: none
|
|
}
|
|
|
|
.appDetailsContainer__50a54 .directMessagesSection__50a54 {
|
|
background-color: inherit;
|
|
border-radius: 0;
|
|
margin-bottom: 0;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.appDetailsContainer__50a54 .directMessagesSection__50a54:active {
|
|
background-color: inherit
|
|
}
|
|
|
|
.appDetailsContainer__50a54 .directMessagesSection__50a54:before {
|
|
border-radius: 0;
|
|
box-shadow: none
|
|
}
|
|
|
|
.appDetailsSectionHeader__50a54 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.appDetailsContent__50a54 {
|
|
padding-top: 4px
|
|
}
|
|
|
|
.appAvatar__50a54 {
|
|
border-radius: 50%;
|
|
height: 32px;
|
|
width: 32px;
|
|
-webkit-user-drag: none
|
|
}
|
|
|
|
.appAvatarV2__50a54 {
|
|
border-radius: var(--radius-sm);
|
|
height: 40px;
|
|
width: 40px;
|
|
-webkit-user-drag: none;
|
|
border: 1px solid var(--border-subtle);
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.reportButton__50a54 {
|
|
margin-inline-end:8px}
|
|
|
|
.botTag__50a54 {
|
|
margin-inline-start:4px}
|
|
|
|
.permissionsDescription__50a54 {
|
|
cursor: default
|
|
}
|
|
|
|
.permission__50a54 {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.permission__50a54:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.permissionCheckmark__50a54 {
|
|
background: url(/assets/72e4439bf318b5c5.svg) no-repeat;
|
|
filter: saturate(var(--saturation-factor,1));
|
|
width: 23px
|
|
}
|
|
|
|
.disclosureIcon__50a54,.permissionCheckmark__50a54 {
|
|
background-size: 18px 18px;
|
|
display: inline-block;
|
|
height: 18px
|
|
}
|
|
|
|
.disclosureIcon__50a54 {
|
|
color: var(--text-muted);
|
|
margin-inline-end:5px;width: 18px
|
|
}
|
|
|
|
.deleteModalBody__50a54 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px
|
|
}
|
|
|
|
.warningContainer__50a54 {
|
|
flex-grow: 1;
|
|
margin-inline-end:4px}
|
|
|
|
.warningOuterContainer__50a54 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.warningIcon__50a54 {
|
|
color: var(--text-muted);
|
|
height: 24px;
|
|
margin-inline-end:8px;width: 24px
|
|
}
|
|
|
|
.searchContainer__50a54 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.tosPrivacy__50a54 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.tos__50a54 {
|
|
margin-inline-end:12px}
|
|
|
|
.privacy__50a54,.tos__50a54 {
|
|
display: flex
|
|
}
|
|
|
|
.externalLinkIcon__50a54 {
|
|
height: 18px
|
|
}
|
|
|
|
.dmSettingsHeader__50a54,.dmSettingsSwitch__50a54 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.dmSettingsSwitch__50a54 {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.dmSettingsMute__50a54 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.divider__50a54 {
|
|
background-color: var(--border-subtle);
|
|
display: flex;
|
|
height: 100%;
|
|
margin-inline-end:12px;width: 1px
|
|
}
|
|
|
|
.link__50a54 {
|
|
color: var(--text-link)
|
|
}
|
|
|
|
.footer__50a54 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin: 16px 0
|
|
}
|
|
|
|
.deauthorizeButton__50a54 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.headingCard__50a54 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4);
|
|
margin-bottom: var(--space-40);
|
|
padding: var(--space-20)
|
|
}
|
|
|
|
.marginReset_fd297e {
|
|
margin-bottom: 0;
|
|
margin-top: 0
|
|
}
|
|
|
|
.marginTop4_fd297e {
|
|
margin-top: var(--custom-margin-margin-x-small)
|
|
}
|
|
|
|
.marginBottom4_fd297e {
|
|
margin-bottom: var(--custom-margin-margin-x-small)
|
|
}
|
|
|
|
.marginTop8_fd297e {
|
|
margin-top: var(--custom-margin-margin-small)
|
|
}
|
|
|
|
.marginBottom8_fd297e {
|
|
margin-bottom: var(--custom-margin-margin-small)
|
|
}
|
|
|
|
.marginTop20_fd297e {
|
|
margin-top: var(--custom-margin-margin-medium)
|
|
}
|
|
|
|
.marginBottom20_fd297e {
|
|
margin-bottom: var(--custom-margin-margin-medium)
|
|
}
|
|
|
|
.marginBottom24_fd297e {
|
|
margin-bottom: var(--space-24)
|
|
}
|
|
|
|
.marginTop40_fd297e {
|
|
margin-top: var(--custom-margin-margin-large)
|
|
}
|
|
|
|
.marginBottom40_fd297e {
|
|
margin-bottom: var(--custom-margin-margin-large)
|
|
}
|
|
|
|
.marginTop60_fd297e {
|
|
margin-top: var(--custom-margin-margin-x-large)
|
|
}
|
|
|
|
.marginBottom60_fd297e {
|
|
margin-bottom: var(--custom-margin-margin-x-large)
|
|
}
|
|
|
|
.marginCenterHorz_fd297e {
|
|
margin-inline:auto}
|
|
|
|
.marginLeft8_fd297e {
|
|
margin-inline-start:var(--custom-margin-margin-small)}
|
|
|
|
.clickable__997f6 {
|
|
border-radius: var(--radius-round);
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
.container__997f6 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
:root {
|
|
--custom-app-launcher-sticky-header-height: 66px;
|
|
--custom-app-launcher-container-border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.stickyContainer__57d3f {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1
|
|
}
|
|
|
|
.stickyBannerContainer__57d3f {
|
|
height: 0
|
|
}
|
|
|
|
.stickyBanner__57d3f {
|
|
flex-shrink: 0;
|
|
height: var(--custom-app-launcher-sticky-header-height)
|
|
}
|
|
|
|
.bannerBackground__57d3f {
|
|
flex-shrink: 0;
|
|
height: 106px
|
|
}
|
|
|
|
.backButtonContainer__57d3f {
|
|
inset-inline-start: var(--space-16)
|
|
}
|
|
|
|
.backButtonContainer__57d3f,.moreMenuButtonContainer__57d3f {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: var(--space-16);
|
|
z-index: 1
|
|
}
|
|
|
|
.moreMenuButtonContainer__57d3f {
|
|
inset-inline-end: var(--space-16)
|
|
}
|
|
|
|
.headerButton__57d3f {
|
|
align-items: center;
|
|
background-color: color-mix(in oklab,var(--background-surface-highest) 50%,transparent);
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.headerButton__57d3f:hover,.keyboard-mode .headerButton__57d3f:focus {
|
|
background-color: color-mix(in oklab,var(--background-mod-muted) 40%,color-mix(in oklab,var(--background-surface-highest) 50%,transparent))
|
|
}
|
|
|
|
.headerButton__57d3f:active {
|
|
background-color: color-mix(in oklab,var(--background-mod-muted) 60%,color-mix(in oklab,var(--background-surface-highest) 50%,transparent))
|
|
}
|
|
|
|
.nameContainer__57d3f {
|
|
align-content: center;
|
|
height: var(--custom-app-launcher-sticky-header-height);
|
|
inset-inline-start: 0;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.textApplicationName__57d3f {
|
|
opacity: 0;
|
|
text-align: center
|
|
}
|
|
|
|
.container_d806b9 {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
padding: 0 16px 16px;
|
|
grid-gap: 16px
|
|
}
|
|
|
|
.activityUrlOverride_d806b9 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.searchBar_d806b9 {
|
|
padding: 8px
|
|
}
|
|
|
|
.container__95856,.monetizationDisclosureContainerStyle__95856 {
|
|
--custom-disclosure-spacing: var(--space-12)
|
|
}
|
|
|
|
.container__95856 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--custom-disclosure-spacing);
|
|
padding-inline:var(--space-16)}
|
|
|
|
.videoContainer__95856 {
|
|
position: relative
|
|
}
|
|
|
|
.videoCover__95856 {
|
|
aspect-ratio: 16/9;
|
|
border-start-end-radius: var(--radius-sm);
|
|
border-start-start-radius: var(--radius-sm);
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%
|
|
}
|
|
|
|
.video__95856 {
|
|
animation: fadeIn__95856 .5s;
|
|
position: absolute
|
|
}
|
|
|
|
@keyframes fadeIn__95856 {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.overviewContainerWithVideo__95856 {
|
|
background-color: var(--background-base-low);
|
|
border-end-end-radius: var(--radius-sm);
|
|
border-end-start-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8);
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.tabBar__95856 {
|
|
height: 29px
|
|
}
|
|
|
|
.tabBar__95856 .tabItem__95856 {
|
|
font-weight: 500;
|
|
line-height: 18px
|
|
}
|
|
|
|
.overviewContainerNoVideo__95856 {
|
|
background-color: var(--background-base-low);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8);
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.titleContainer__95856 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.partnerLabelContainer__95856 {
|
|
background-color: var(--interactive-background-active);
|
|
border-radius: var(--radius-lg);
|
|
justify-content: center;
|
|
padding: 2px var(--space-8)
|
|
}
|
|
|
|
.tagsContainer__95856 {
|
|
flex-wrap: wrap;
|
|
max-height: 24px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.tagContainer__95856,.tagsContainer__95856 {
|
|
display: flex;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.tagContainer__95856 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: var(--space-4);
|
|
flex-direction: row;
|
|
padding: 2px var(--space-4)
|
|
}
|
|
|
|
.descriptionContainer__95856 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.primaryEntryPointWarningMessage__95856 {
|
|
margin-top: 4px
|
|
}
|
|
|
|
.entrypointContainer__95856 {
|
|
display: flex;
|
|
gap: 8px;
|
|
height: 48px;
|
|
margin-top: var(--space-12)
|
|
}
|
|
|
|
.developerShelfControlsContainer__95856+.entrypointContainer__95856 {
|
|
margin-top: var(--space-4)
|
|
}
|
|
|
|
.experimentTitleContainer__95856 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px
|
|
}
|
|
|
|
.expandableDescriptionClickable__95856 {
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.overflowHidden__95856 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.developerShelfControlsContainer__95856 {
|
|
border-top: 1px solid var(--border-subtle);
|
|
padding-top: 12px
|
|
}
|
|
|
|
.developerShelfControlsContainer__95856:not(:last-child) {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
padding-bottom: 12px
|
|
}
|
|
|
|
.developerShelfControls__95856 {
|
|
padding: 0
|
|
}
|
|
|
|
.monetizationDisclosureContainerStyle__95856 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--custom-disclosure-spacing);
|
|
margin-bottom: 16.75px
|
|
}
|
|
|
|
.monetizationDisclosureStyle__95856 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.container__95856.fixedHeight__95856 {
|
|
height: 100%
|
|
}
|
|
|
|
:root {
|
|
--custom-app-launcher-sticky-header-height: 66px;
|
|
--custom-app-launcher-container-border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.container__7bdb0 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow-y: auto
|
|
}
|
|
|
|
.appIcon__7bdb0,.container__7bdb0 {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.appIcon__7bdb0 {
|
|
border: var(--space-4) solid var(--background-base-lower);
|
|
border-radius: var(--radius-xl);
|
|
height: 80px;
|
|
inset-inline-start: var(--space-12);
|
|
position: absolute;
|
|
top: 0;
|
|
transform: translateY(var(--custom-app-launcher-sticky-header-height));
|
|
width: 80px
|
|
}
|
|
|
|
.brokenImageIcon_f68fcb {
|
|
color: var(--background-mod-muted);
|
|
height: auto;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 48px
|
|
}
|
|
|
|
.activityBadge__44107 {
|
|
background-color: var(--status-positive-background)
|
|
}
|
|
|
|
.activityBadge__44107,.activityNewBadge__44107 {
|
|
align-items: center;
|
|
box-shadow: var(--elevation-low);
|
|
display: flex
|
|
}
|
|
|
|
.activityNewBadge__44107 {
|
|
background-color: var(--background-feedback-notification)
|
|
}
|
|
|
|
.activityUpdatedBadge__44107 {
|
|
align-items: center;
|
|
background-color: var(--badge-background-brand);
|
|
box-shadow: var(--elevation-low);
|
|
display: flex
|
|
}
|
|
|
|
.activityBadgeIcon__44107 {
|
|
margin-inline:-2px 2px}
|
|
|
|
.tooltip__44107 {
|
|
text-align: center
|
|
}
|
|
|
|
.rowIcon_cb32c7 {
|
|
--custom-row-icon-size: 40px
|
|
}
|
|
|
|
.appDetailsRowContainer_cb32c7,.rowDivider_cb32c7 {
|
|
--custom-row-padding: var(--space-12)
|
|
}
|
|
|
|
.container_cb32c7 {
|
|
background-color: var(--background-surface-high);
|
|
cursor: pointer;
|
|
overflow: hidden
|
|
}
|
|
|
|
.container_cb32c7:hover,.keyboard-mode .container_cb32c7:focus {
|
|
background-color: var(--interactive-background-hover)
|
|
}
|
|
|
|
.container_cb32c7:active {
|
|
background-color: var(--interactive-background-active)
|
|
}
|
|
|
|
.containerBorderRadius_cb32c7 {
|
|
border-radius: var(--radius-md)
|
|
}
|
|
|
|
.rowContainer_cb32c7:first-child {
|
|
border-start-end-radius: var(--radius-md);
|
|
border-start-start-radius: var(--radius-md)
|
|
}
|
|
|
|
.rowContainer_cb32c7:last-child {
|
|
border-end-end-radius: var(--radius-md);
|
|
border-end-start-radius: var(--radius-md)
|
|
}
|
|
|
|
.rowContainer_cb32c7:last-child .rowDivider_cb32c7 {
|
|
display: none
|
|
}
|
|
|
|
.rowDivider_cb32c7 {
|
|
background-color: var(--background-mod-subtle);
|
|
bottom: 0;
|
|
height: 1px;
|
|
inset-inline: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.containerDisabled_cb32c7 {
|
|
background-color: var(--background-surface-high);
|
|
cursor: not-allowed;
|
|
overflow: hidden
|
|
}
|
|
|
|
.icon_cb32c7 {
|
|
--custom-icon-size: 38px;
|
|
height: var(--custom-icon-size);
|
|
width: var(--custom-icon-size)
|
|
}
|
|
|
|
.rowIcon_cb32c7 {
|
|
height: var(--custom-row-icon-size);
|
|
width: var(--custom-row-icon-size)
|
|
}
|
|
|
|
.iconContainer_cb32c7 {
|
|
position: relative
|
|
}
|
|
|
|
.iconCard_cb32c7 {
|
|
--custom-icon-card-size: 48px;
|
|
height: var(--custom-icon-card-size);
|
|
width: var(--custom-icon-card-size)
|
|
}
|
|
|
|
.darkenImage_cb32c7 {
|
|
filter: brightness(.4)
|
|
}
|
|
|
|
.bannerImageContainer_cb32c7 {
|
|
display: none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.bannerImageContainer_cb32c7.mediumBanner_cb32c7 {
|
|
aspect-ratio: 3/1;
|
|
display: block
|
|
}
|
|
|
|
.bannerImageContainer_cb32c7.largeBanner_cb32c7 {
|
|
aspect-ratio: 16/9;
|
|
display: block
|
|
}
|
|
|
|
.bannerImage_cb32c7 {
|
|
align-items: center;
|
|
animation: fadeIn_cb32c7 .7s;
|
|
background-color: var(--background-surface-highest);
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%
|
|
}
|
|
|
|
.bannerImage_cb32c7.disableFadeIn_cb32c7 {
|
|
animation: none
|
|
}
|
|
|
|
.bannerUpperRightContainer_cb32c7 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-4);
|
|
inset-inline-end: var(--space-8);
|
|
position: absolute;
|
|
top: var(--space-8)
|
|
}
|
|
|
|
.promotedLabelWrapperBanner_cb32c7 {
|
|
background-color: color-mix(in oklab,var(--control-secondary-background-default) 80%,transparent 20%);
|
|
border-radius: var(--radius-lg);
|
|
justify-content: center;
|
|
padding: var(--space-4) var(--space-8)
|
|
}
|
|
|
|
.promotedLabelWrapperNonBanner_cb32c7 {
|
|
align-items: center;
|
|
background-color: var(--interactive-background-active);
|
|
border-radius: var(--radius-lg);
|
|
height: 100%;
|
|
justify-content: center;
|
|
padding: 2px var(--space-4)
|
|
}
|
|
|
|
.appDetailsContainer_cb32c7 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: var(--space-8);
|
|
position: relative
|
|
}
|
|
|
|
.appDetailsRowContainer_cb32c7 {
|
|
padding: var(--custom-row-padding)
|
|
}
|
|
|
|
.appDetails_cb32c7 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-shrink: 1;
|
|
margin-inline-start:var(--space-12);overflow: hidden
|
|
}
|
|
|
|
.appDetailsHeaderContainer_cb32c7 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.bannerImageChildContainer_cb32c7 {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.activityVideoContainer_cb32c7,.voiceLauncherAppCardContainer_cb32c7 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.activityVideoContainer_cb32c7 {
|
|
position: absolute
|
|
}
|
|
|
|
.activityVideo_cb32c7 {
|
|
animation: fadeIn_cb32c7 .5s;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.activityVideo_cb32c7.videoFadeOut_cb32c7 {
|
|
animation: fadeOut_cb32c7 .5s;
|
|
animation-fill-mode: forwards
|
|
}
|
|
|
|
.activityVideo_cb32c7>video {
|
|
-o-object-fit: cover!important;
|
|
object-fit: cover!important
|
|
}
|
|
|
|
@keyframes fadeIn_cb32c7 {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOut_cb32c7 {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.tooltipContent_cb32c7 {
|
|
text-align: center
|
|
}
|
|
|
|
.spinner_cb32c7 {
|
|
background-color: var(--background-scrim);
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.devShelfBadge_cb32c7,.spinner_cb32c7 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.devShelfBadge_cb32c7 {
|
|
background-color: var(--background-mod-strong);
|
|
border-radius: 50%;
|
|
color: var(--white);
|
|
height: 22px;
|
|
width: 22px;
|
|
z-index: 1
|
|
}
|
|
|
|
.devShelfIcon_cb32c7 {
|
|
height: 18px;
|
|
width: 18px
|
|
}
|
|
|
|
.staffBadge_cb32c7 {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.emptyStateContainer_cce1d3 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
margin-top: var(--space-8);
|
|
text-align: center
|
|
}
|
|
|
|
.emptyStateImage_cce1d3 {
|
|
height: 180;
|
|
width: 180
|
|
}
|
|
|
|
.header__32c75 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.viewMore__32c75 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.loadingHeader__32c75 {
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: var(--radius-round);
|
|
display: flex
|
|
}
|
|
|
|
.hidden__32c75 {
|
|
opacity: 0;
|
|
touch-action: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.container__19cf2 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: var(--radius-lg);
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
.containerPadding__19cf2 {
|
|
padding: 0 32px 32px
|
|
}
|
|
|
|
.image__19cf2 {
|
|
height: 80px;
|
|
margin-inline-end:var(--space-8);width: 80px
|
|
}
|
|
|
|
.body__19cf2 {
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin-inline-end:var(--space-32)}
|
|
|
|
.icon__761e5 {
|
|
--custom-app-icon-size: 40px
|
|
}
|
|
|
|
.focusBlock__761e5 {
|
|
--custom-container-padding: var(--space-12)
|
|
}
|
|
|
|
.clickable__761e5 {
|
|
background-color: var(--background-surface-high);
|
|
cursor: pointer;
|
|
position: relative
|
|
}
|
|
|
|
.clickable__761e5:hover,.keyboard-mode .clickable__761e5:focus {
|
|
background-color: var(--interactive-background-hover)
|
|
}
|
|
|
|
.clickable__761e5:active {
|
|
background-color: var(--interactive-background-active)
|
|
}
|
|
|
|
.clickable__761e5:first-child {
|
|
border-start-end-radius: var(--radius-md);
|
|
border-start-start-radius: var(--radius-md)
|
|
}
|
|
|
|
.clickable__761e5:last-child {
|
|
border-end-end-radius: var(--radius-md);
|
|
border-end-start-radius: var(--radius-md)
|
|
}
|
|
|
|
.clickable__761e5:last-child .underline__761e5 {
|
|
display: none
|
|
}
|
|
|
|
.focusBlock__761e5 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
overflow: hidden;
|
|
padding: var(--custom-container-padding)
|
|
}
|
|
|
|
.icon__761e5 {
|
|
height: var(--custom-app-icon-size);
|
|
width: var(--custom-app-icon-size)
|
|
}
|
|
|
|
.cmdDetails__761e5 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-shrink: 1;
|
|
margin-inline:var(--space-12) auto;overflow: hidden
|
|
}
|
|
|
|
.cmdAppName__761e5 {
|
|
margin-inline-start:var(--space-8);white-space: nowrap
|
|
}
|
|
|
|
.underline__761e5 {
|
|
background-color: var(--background-mod-subtle);
|
|
bottom: 0;
|
|
height: 1px;
|
|
inset-inline: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.iconPlaceholder__1729d,.underline__1729d {
|
|
--custom-app-icon-size: 40px
|
|
}
|
|
|
|
.container__1729d,.underline__1729d {
|
|
--custom-container-padding: var(--space-12)
|
|
}
|
|
|
|
.container__1729d {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
display: flex;
|
|
flex-direction: row;
|
|
overflow: hidden;
|
|
padding: var(--custom-container-padding);
|
|
position: relative
|
|
}
|
|
|
|
.container__1729d:after {
|
|
background: linear-gradient(-45deg,transparent,#fff,transparent);
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
opacity: .05;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: skewX(-20deg) translateX(-100%);
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .container__1729d:after {
|
|
animation: shimmer__1729d 1s ease-in-out infinite
|
|
}
|
|
|
|
.container__1729d.noAnimation__1729d:after {
|
|
display: none
|
|
}
|
|
|
|
.container__1729d:nth-child(2):after {
|
|
animation-delay: 50ms
|
|
}
|
|
|
|
.container__1729d:nth-child(3):after {
|
|
animation-delay: .1s
|
|
}
|
|
|
|
.container__1729d:nth-child(4):after {
|
|
animation-delay: .15s
|
|
}
|
|
|
|
.container__1729d:nth-child(5):after {
|
|
animation-delay: .2s
|
|
}
|
|
|
|
.container__1729d:nth-child(6):after {
|
|
animation-delay: .25s
|
|
}
|
|
|
|
.container__1729d:first-child {
|
|
border-start-end-radius: var(--radius-md);
|
|
border-start-start-radius: var(--radius-md)
|
|
}
|
|
|
|
.container__1729d:last-child {
|
|
border-end-end-radius: var(--radius-md);
|
|
border-end-start-radius: var(--radius-md)
|
|
}
|
|
|
|
.container__1729d:last-child .underline__1729d {
|
|
display: none
|
|
}
|
|
|
|
.theme-light .container__1729d:after {
|
|
opacity: .5
|
|
}
|
|
|
|
@keyframes shimmer__1729d {
|
|
to {
|
|
transform: skewX(-20deg) translateX(100%)
|
|
}
|
|
}
|
|
|
|
.iconPlaceholder__1729d {
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: 25%;
|
|
height: var(--custom-app-icon-size);
|
|
width: var(--custom-app-icon-size)
|
|
}
|
|
|
|
.textContainer__1729d {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin-inline-start:var(--space-12)}
|
|
|
|
.textPlaceholder__1729d {
|
|
align-self: flex-start;
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: var(--radius-round)
|
|
}
|
|
|
|
.textPlaceholder__1729d:not(:last-child) {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.hidden__1729d {
|
|
line-height: 1;
|
|
opacity: 0;
|
|
touch-action: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.underline__1729d {
|
|
background-color: var(--background-mod-subtle);
|
|
bottom: 0;
|
|
height: 1px;
|
|
inset-inline: calc(var(--custom-container-padding) + var(--custom-app-icon-size) + var(--space-12)) 0;
|
|
position: absolute
|
|
}
|
|
|
|
.sectionContentContainer_b18295 {
|
|
margin-bottom: var(--space-24);
|
|
margin-top: var(--space-12);
|
|
overflow: hidden
|
|
}
|
|
|
|
.sectionActivitiesContentContainer_b18295 {
|
|
display: grid;
|
|
gap: var(--space-12);
|
|
grid-template-columns: repeat(2,1fr);
|
|
margin-bottom: var(--space-24);
|
|
margin-top: var(--space-12)
|
|
}
|
|
|
|
.searchOpenAppDetailAppCard_b18295 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.container__927fc {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.developerShelfControlsContainer__927fc>:last-child {
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.developerShelfControlsLabel__927fc,.searchBarContainer__927fc {
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
.searchBarContainer__927fc {
|
|
flex-grow: 0
|
|
}
|
|
|
|
.scrollableContent__927fc {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
overflow-y: auto;
|
|
padding: 0 var(--space-16) var(--space-16);
|
|
row-gap: var(--space-16)
|
|
}
|
|
|
|
.sectionContentContainer__927fc {
|
|
margin-bottom: var(--space-32);
|
|
margin-top: var(--space-12)
|
|
}
|
|
|
|
.sectionTwoColumnContentContainer__927fc {
|
|
display: grid;
|
|
gap: var(--space-12);
|
|
grid-template-columns: repeat(2,1fr)
|
|
}
|
|
|
|
.sectionRowsContentContainer__927fc {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.frecentList__927fc {
|
|
-moz-column-gap: var(--space-12);
|
|
column-gap: var(--space-12);
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.container_c3787a {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.header_c3787a {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: 1fr auto 1fr;
|
|
justify-content: center;
|
|
margin: var(--space-16);
|
|
margin-bottom: var(--space-8);
|
|
position: relative
|
|
}
|
|
|
|
.backButton_c3787a {
|
|
background-color: var(--background-base-low);
|
|
margin-inline-end:auto}
|
|
|
|
.backButton_c3787a:hover,.keyboard-mode .backButton_c3787a:focus {
|
|
background-color: var(--interactive-background-hover);
|
|
cursor: pointer
|
|
}
|
|
|
|
.backButton_c3787a:active {
|
|
background-color: var(--interactive-background-active)
|
|
}
|
|
|
|
.appGrid_c3787a {
|
|
gap: var(--space-12);
|
|
grid-template-columns: repeat(2,1fr)
|
|
}
|
|
|
|
.appGrid_c3787a,.rows_c3787a {
|
|
display: grid;
|
|
margin: var(--space-8) var(--space-16)
|
|
}
|
|
|
|
.rows_c3787a {
|
|
grid-template-columns: repeat(1,1fr)
|
|
}
|
|
|
|
.drawerSizingWrapper__9c62c {
|
|
flex-grow: 1;
|
|
height: 100%;
|
|
max-width: 100%;
|
|
pointer-events: all;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.contentWrapper__9c62c {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--custom-app-launcher-container-border-radius);
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
z-index: 1
|
|
}
|
|
|
|
.slideContent__9c62c {
|
|
display: flex;
|
|
overflow: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.enable-forced-colors .resizeHandle__9c62c {
|
|
background-color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .contentWrapper__9c62c {
|
|
border: 3px solid CanvasText
|
|
}
|
|
|
|
.positionContainer__31a96 {
|
|
display: flex;
|
|
height: var(--custom-app-launcher-height);
|
|
pointer-events: none;
|
|
width: var(--custom-app-launcher-width)
|
|
}
|
|
|
|
.positionLayer__31a96 {
|
|
pointer-events: none;
|
|
z-index: 0
|
|
}
|
|
|
|
.heading-sm\/normal__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/normal__13533.fontScaling__13533 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/medium__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/medium__13533.fontScaling__13533 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/semibold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/semibold__13533.fontScaling__13533 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/bold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/bold__13533.fontScaling__13533 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/extrabold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 800;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/extrabold__13533.fontScaling__13533 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-md\/normal__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/normal__13533.fontScaling__13533 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/medium__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/medium__13533.fontScaling__13533 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/semibold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/semibold__13533.fontScaling__13533 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/bold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/bold__13533.fontScaling__13533 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/extrabold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/extrabold__13533.fontScaling__13533 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-lg\/normal__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/normal__13533.fontScaling__13533 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/medium__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/medium__13533.fontScaling__13533 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/semibold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/semibold__13533.fontScaling__13533 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/bold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/bold__13533.fontScaling__13533 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/extrabold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/extrabold__13533.fontScaling__13533 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-xl\/normal__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/normal__13533.fontScaling__13533 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/medium__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/medium__13533.fontScaling__13533 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/semibold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/semibold__13533.fontScaling__13533 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/bold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/bold__13533.fontScaling__13533 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/extrabold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/extrabold__13533.fontScaling__13533 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xxl\/normal__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/normal__13533.fontScaling__13533 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/medium__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/medium__13533.fontScaling__13533 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/semibold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/semibold__13533.fontScaling__13533 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/bold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/bold__13533.fontScaling__13533 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/extrabold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/extrabold__13533.fontScaling__13533 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.eyebrow__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: .02em;
|
|
line-height: 1.3333333333333333;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.eyebrow__13533.fontScaling__13533 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/normal__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/normal__13533.fontScaling__13533 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/medium__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/medium__13533.fontScaling__13533 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold__13533.fontScaling__13533 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/bold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/bold__13533.fontScaling__13533 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold__13533.fontScaling__13533 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.redesign\/heading-18\/bold__13533 {
|
|
font-family: var(--font-display);
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/heading-18\/bold__13533.fontScaling__13533 {
|
|
font-size: 1.125rem
|
|
}
|
|
|
|
.text-xxs\/normal__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/normal__13533.fontScaling__13533 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/medium__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/medium__13533.fontScaling__13533 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/semibold__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/semibold__13533.fontScaling__13533 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/bold__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/bold__13533.fontScaling__13533 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xs\/normal__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/normal__13533.fontScaling__13533 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/medium__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/medium__13533.fontScaling__13533 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/semibold__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/semibold__13533.fontScaling__13533 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/bold__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/bold__13533.fontScaling__13533 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-sm\/normal__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/normal__13533.fontScaling__13533 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/medium__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/medium__13533.fontScaling__13533 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/semibold__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/semibold__13533.fontScaling__13533 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/bold__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/bold__13533.fontScaling__13533 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-md\/normal__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/normal__13533.fontScaling__13533 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/medium__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/medium__13533.fontScaling__13533 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/semibold__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/semibold__13533.fontScaling__13533 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/bold__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/bold__13533.fontScaling__13533 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-lg\/normal__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/normal__13533.fontScaling__13533 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/medium__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/medium__13533.fontScaling__13533 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/semibold__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/semibold__13533.fontScaling__13533 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/bold__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/bold__13533.fontScaling__13533 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.redesign\/message-preview\/normal__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/normal__13533.fontScaling__13533 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/medium__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/medium__13533.fontScaling__13533 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold__13533.fontScaling__13533 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/bold__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/bold__13533.fontScaling__13533 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/channel-title\/normal__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/normal__13533.fontScaling__13533 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/medium__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/medium__13533.fontScaling__13533 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold__13533.fontScaling__13533 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/bold__13533 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/bold__13533.fontScaling__13533 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.display-sm__13533 {
|
|
font-family: var(--font-headline);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1
|
|
}
|
|
|
|
.display-sm__13533.fontScaling__13533 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.display-md__13533 {
|
|
font-family: var(--font-headline);
|
|
font-size: 34px;
|
|
font-weight: 800;
|
|
line-height: 1.0588235294117647
|
|
}
|
|
|
|
.display-md__13533.fontScaling__13533 {
|
|
font-size: 2.125rem
|
|
}
|
|
|
|
.display-lg__13533 {
|
|
font-family: var(--font-headline);
|
|
font-size: 44px;
|
|
font-weight: 800;
|
|
line-height: .9545454545454546
|
|
}
|
|
|
|
.display-lg__13533.fontScaling__13533 {
|
|
font-size: 2.75rem
|
|
}
|
|
|
|
.code__13533 {
|
|
font-family: var(--font-code);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.code__13533.fontScaling__13533 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.autocomplete__13533 {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 5px 5px 0 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
z-index: 3
|
|
}
|
|
|
|
.autocompleteInner__13533 {
|
|
padding-bottom: 8px
|
|
}
|
|
|
|
.autocompleteRow__13533 {
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 16px;
|
|
padding: 0 8px
|
|
}
|
|
|
|
.autocompleteRowVertical__13533 {
|
|
}
|
|
|
|
.autocompleteRowHorizontal__13533 {
|
|
padding: 0
|
|
}
|
|
|
|
.autocompleteRowContent__13533 {
|
|
align-items: center;
|
|
color: var(--interactive-text-default);
|
|
display: flex;
|
|
min-height: 16px
|
|
}
|
|
|
|
.autocompleteRowContentPrimary__13533 {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
min-width: 10ch;
|
|
overflow: hidden
|
|
}
|
|
|
|
.autocompleteRowIcon__13533 {
|
|
flex: 0 0 auto;
|
|
margin-inline-end:8px}
|
|
|
|
.autocompleteRowHeading__13533 {
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.autocompleteRowSubheading__13533 {
|
|
margin-top: 2px
|
|
}
|
|
|
|
.autocompleteRowContentSecondary__13533 {
|
|
flex-basis: 10ch;
|
|
flex-grow: 1;
|
|
flex-shrink: 0;
|
|
margin-inline-start:var(--space-16);min-width: 10ch;
|
|
overflow: hidden;
|
|
text-align: end;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.base__13533 {
|
|
border-radius: 3px;
|
|
padding: 8px
|
|
}
|
|
|
|
.clickable__13533[aria-disabled=false]>.base__13533 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.clickable__13533[aria-disabled=false]>.base__13533:hover,.clickable__13533[aria-selected=true]>.base__13533 {
|
|
background-color: var(--interactive-background-hover)
|
|
}
|
|
|
|
.dividerContainer__13533 .base__13533 {
|
|
padding-bottom: 0;
|
|
padding-top: 0
|
|
}
|
|
|
|
.divider__13533 {
|
|
padding: 8px
|
|
}
|
|
|
|
.divider__13533:after {
|
|
background-color: var(--border-subtle);
|
|
content: "";
|
|
display: block;
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
.contentTitle__13533 {
|
|
color: var(--interactive-text-default);
|
|
padding: 4px 0;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.contentTitle__13533 strong {
|
|
color: var(--text-subtle);
|
|
text-transform: none
|
|
}
|
|
|
|
.icon__13533 {
|
|
color: var(--interactive-text-default);
|
|
height: 16px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 16px
|
|
}
|
|
|
|
.iconForeground__13533 {
|
|
fill: var(--interactive-text-default)
|
|
}
|
|
|
|
.emojiImage__13533 {
|
|
height: 20px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 20px
|
|
}
|
|
|
|
.emojiRaw__13533 {
|
|
display: block;
|
|
font-size: 20px
|
|
}
|
|
|
|
.descriptionDiscriminator__13533 {
|
|
opacity: .6
|
|
}
|
|
|
|
.autocompleteRowVerticalSmall__13533 .base__13533 {
|
|
padding: 4px 8px
|
|
}
|
|
|
|
.roleDot__13533 {
|
|
margin-inline-end:4px}
|
|
|
|
.autocompletePlaceholder__13533 {
|
|
background: var(--background-base-low);
|
|
border-radius: 16px;
|
|
height: 16px;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.autocompleteContentWrapper__13533 {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
gap: var(--space-16)
|
|
}
|
|
|
|
.autoCompleteRowSuggestion__13533 {
|
|
}
|
|
|
|
.autoCompleteRowSuggestion__13533 .base__13533 {
|
|
border-radius: 0;
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.autoCompleteRowSuggestion__13533 .autocompleteRowContentPrimary__13533 {
|
|
min-width: 12ch
|
|
}
|
|
|
|
.autoCompleteRowSuggestion__13533 .autocompleteContentWrapper__13533 {
|
|
align-items: baseline;
|
|
gap: var(--space-8);
|
|
margin-inline-end:var(--space-16)}
|
|
|
|
.autoCompleteRowSuggestion__13533 .autocompleteRowContentSecondary__13533 {
|
|
flex-basis: auto;
|
|
margin-inline-start:0;min-width: 0;
|
|
text-align: start
|
|
}
|
|
|
|
.autoCompleteRowSuggestion__13533 .keyComboContainer__13533 {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
min-width: 3em
|
|
}
|
|
|
|
.autoCompleteRowSuggestion__13533 .verticalLayout__13533 .autocompleteContentWrapper__13533 {
|
|
flex-direction: column;
|
|
gap: 0
|
|
}
|
|
|
|
.autoCompleteRowSuggestion__13533 .verticalLayout__13533 .autocompleteRowContentPrimary__13533 {
|
|
composes: text-xs\/medium
|
|
}
|
|
|
|
.autoCompleteRowSuggestion__13533 .verticalLayout__13533 .autocompleteRowContentSecondary__13533 {
|
|
composes: text-xxs\/medium;
|
|
flex-basis: auto
|
|
}
|
|
|
|
.enable-forced-colors .autocomplete__13533 {
|
|
border: 2px solid CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .clickable__13533[aria-selected=true]>.base__13533 {
|
|
outline: 2px solid Highlight;
|
|
outline-offset: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .descriptionDiscriminator__13533 {
|
|
opacity: 1
|
|
}
|
|
|
|
.option_a19535 {
|
|
border-radius: 4px;
|
|
display: block;
|
|
font-weight: var(--font-weight-normal);
|
|
padding: 0 4px
|
|
}
|
|
|
|
.theme-light .option_a19535 {
|
|
background-color: var(--primary-300)
|
|
}
|
|
|
|
.theme-dark .option_a19535 {
|
|
background-color: var(--primary-800)
|
|
}
|
|
|
|
.inline_a19535 {
|
|
margin-inline-end:4px;padding-bottom: 1px
|
|
}
|
|
|
|
.set_a19535 {
|
|
opacity: .5
|
|
}
|
|
|
|
.error_a19535 {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.active_a19535 {
|
|
background-color: var(--brand-500)!important;
|
|
color: var(--white)
|
|
}
|
|
|
|
.clickable_a19535 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.mask_ca5f52 {
|
|
display: block
|
|
}
|
|
|
|
.icon_ca5f52 {
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.wrapper_ca5f52 {
|
|
border-radius: 8px;
|
|
transition: background-color .1s ease-in-out
|
|
}
|
|
|
|
.selectable_ca5f52:hover {
|
|
background-color: var(--interactive-background-hover)
|
|
}
|
|
|
|
.selectable_ca5f52:hover .icon_ca5f52 {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.selected_ca5f52,.selected_ca5f52:hover {
|
|
background-color: var(--background-base-low)
|
|
}
|
|
|
|
.selected_ca5f52 .icon_ca5f52,.selected_ca5f52:hover .icon_ca5f52 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.theme-light .selected_ca5f52 .icon_ca5f52,.theme-light .selected_ca5f52:hover .icon_ca5f52 {
|
|
color: var(--primary-500)
|
|
}
|
|
|
|
.icon__1a58a {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.wrapper__1a58a {
|
|
border-radius: 8px;
|
|
transition: background-color .1s ease-in-out
|
|
}
|
|
|
|
.selectable__1a58a:hover {
|
|
background-color: var(--interactive-background-hover)
|
|
}
|
|
|
|
.selectable__1a58a:hover .icon__1a58a {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.selected__1a58a,.selected__1a58a:hover {
|
|
background-color: var(--background-base-low)
|
|
}
|
|
|
|
.selected__1a58a .icon__1a58a,.selected__1a58a:hover .icon__1a58a {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.theme-light .selected__1a58a .icon__1a58a,.theme-light .selected__1a58a:hover .icon__1a58a {
|
|
color: var(--primary-500)
|
|
}
|
|
|
|
.wrapper__920ab {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 40px
|
|
}
|
|
|
|
.image__920ab {
|
|
align-self: flex-start;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
justify-self: flex-start;
|
|
margin-top: 4px;
|
|
margin-inline-end:16px}
|
|
|
|
.infoWrapper__920ab {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
overflow: hidden
|
|
}
|
|
|
|
.source__920ab {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
margin-inline-start:16px;max-width: 33%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.usageWrapper__920ab {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.description__920ab {
|
|
margin-top: 4px;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.description__920ab,.title__920ab {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.title__920ab {
|
|
flex-shrink: 0;
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.option__920ab {
|
|
margin-inline-start:8px}
|
|
|
|
.error__920ab {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.optionalHeader__920ab {
|
|
color: var(--text-muted);
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.optionalCount__920ab,.optionalHeader__920ab {
|
|
padding-inline-start:8px}
|
|
|
|
.disabled__920ab {
|
|
opacity: .3
|
|
}
|
|
|
|
.optionals__920ab {
|
|
align-items: center;
|
|
border-inline-start:1px solid var(--border-subtle);display: flex;
|
|
flex-direction: row;
|
|
margin-inline-start:8px}
|
|
|
|
.optionalNames__920ab {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.wrapper__78aa3 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 40px;
|
|
justify-content: space-between;
|
|
padding: 8px
|
|
}
|
|
|
|
.infoWrapper__78aa3 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
overflow: hidden
|
|
}
|
|
|
|
.usageWrapper__78aa3 {
|
|
align-items: center;
|
|
background: var(--background-mod-strong);
|
|
border-radius: 16px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-grow: 1;
|
|
height: 16px
|
|
}
|
|
|
|
.image__78aa3 {
|
|
align-self: flex-start;
|
|
background: var(--background-base-low);
|
|
border-radius: 50%;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
height: 32px;
|
|
justify-self: flex-start;
|
|
margin-top: 4px;
|
|
margin-inline-end:16px;width: 32px
|
|
}
|
|
|
|
.description__78aa3 {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.description__78aa3,.source__78aa3 {
|
|
background: var(--background-base-low);
|
|
border-radius: 16px;
|
|
height: 16px
|
|
}
|
|
|
|
.source__78aa3 {
|
|
flex-shrink: 0;
|
|
margin-inline-start:16px}
|
|
|
|
.upsell__98044 {
|
|
margin-bottom: -4px;
|
|
margin-top: -4px
|
|
}
|
|
|
|
.emojis__98044 {
|
|
display: flex
|
|
}
|
|
|
|
.emojiMask__98044 {
|
|
position: relative
|
|
}
|
|
|
|
.emojiBackground__98044 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: center;
|
|
width: 24px
|
|
}
|
|
|
|
.emoji__98044 {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.wrapper_b1e4f3 {
|
|
background-color: var(--background-base-lowest);
|
|
margin-bottom: -16px;
|
|
padding-bottom: 8px;
|
|
width: 48px
|
|
}
|
|
|
|
.list_b1e4f3 {
|
|
background: none;
|
|
height: 100%
|
|
}
|
|
|
|
.section_b1e4f3 {
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.section_b1e4f3:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.builtInSeparator_b1e4f3 {
|
|
border: none;
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
border-color: var(--border-subtle);
|
|
margin: 8px 0
|
|
}
|
|
|
|
.outerWrapper_d1405b {
|
|
border-radius: 5px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
inset-inline: 0 var(--space-8);
|
|
bottom: calc(100% + 8px);
|
|
overflow: hidden;
|
|
position: absolute
|
|
}
|
|
|
|
.wrapper_d1405b {
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 420px;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.noSearchResults_d1405b {
|
|
height: 340px
|
|
}
|
|
|
|
.list_d1405b {
|
|
height: 100%
|
|
}
|
|
|
|
.rail_d1405b {
|
|
align-self: stretch;
|
|
flex-grow: 0;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.content_d1405b {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1
|
|
}
|
|
|
|
.categoryHeader_d1405b {
|
|
background-color: var(--background-surface-high);
|
|
padding: 0 8px;
|
|
position: sticky;
|
|
top: 0
|
|
}
|
|
|
|
.categorySection_d1405b {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.categorySectionLast_d1405b {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.itemWrapper_d1405b {
|
|
padding: 0
|
|
}
|
|
|
|
.inlineElement__1464f {
|
|
display: inline-block
|
|
}
|
|
|
|
.inlineVoid__1464f {
|
|
cursor: default
|
|
}
|
|
|
|
.inlineVoid__1464f .mention {
|
|
padding-bottom: 1px
|
|
}
|
|
|
|
.applicationCommand__1464f {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-inline-start:-4px;margin-bottom: -4px;
|
|
margin-top: -8px
|
|
}
|
|
|
|
.applicationCommand__1464f>[data-slate-node=text]>* {
|
|
display: inline-block;
|
|
padding-top: 8px
|
|
}
|
|
|
|
.applicationCommand__1464f>[data-slate-node=text]:not(:first-child)>:first-child {
|
|
margin-inline-start:4px}
|
|
|
|
.applicationCommand__1464f>[data-slate-node=text]:not(:first-child)>:first-child.emptyText__1464f {
|
|
margin-inline-start:2px}
|
|
|
|
.applicationCommand__1464f>[data-slate-node=text]:not(:last-child)>:last-child {
|
|
margin-inline-end:4px}
|
|
|
|
.applicationCommand__1464f>[data-slate-node=text]:not(:last-child)>:last-child.emptyText__1464f {
|
|
margin-inline-end:2px}
|
|
|
|
.applicationCommand__1464f:after {
|
|
color: var(--text-muted);
|
|
content: attr(data-trailing-placeholder);
|
|
flex: 1;
|
|
padding-inline-start:4px;padding-top: 8px;
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.applicationCommand__1464f>[data-slate-node=text]>*,.optionPillValue__1464f>[data-slate-node=text]>* {
|
|
min-width: 4px
|
|
}
|
|
|
|
.commandName__1464f {
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-inline-start:4px}
|
|
|
|
.optionPill__1464f {
|
|
align-self: flex-start;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
margin-top: 6px;
|
|
max-width: calc(100% - 30px);
|
|
vertical-align: top
|
|
}
|
|
|
|
.optionPill__1464f .optionPill__1464f {
|
|
margin-block:0;max-width: none
|
|
}
|
|
|
|
.optionPillKey__1464f {
|
|
border-end-start-radius: 4px;
|
|
border-start-start-radius: 4px;
|
|
display: inline-block;
|
|
flex-shrink: 0;
|
|
padding: 1px 8px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.optionPillValue__1464f {
|
|
display: block;
|
|
flex: 1;
|
|
padding: 1px 8px;
|
|
vertical-align: top;
|
|
white-space: pre-wrap
|
|
}
|
|
|
|
.readonlyPillValue__1464f {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.readonlyPillValue__1464f ::-moz-selection {
|
|
background: transparent
|
|
}
|
|
|
|
.readonlyPillValue__1464f ::selection {
|
|
background: transparent
|
|
}
|
|
|
|
.attachmentFilename__1464f {
|
|
color: var(--brand-500)
|
|
}
|
|
|
|
.theme-dark .optionPill__1464f {
|
|
background-color: var(--background-mod-normal);
|
|
border-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.theme-dark .optionPillKey__1464f {
|
|
background-color: var(--background-surface-high)
|
|
}
|
|
|
|
.theme-light .optionPill__1464f {
|
|
background-color: var(--background-base-lower);
|
|
border-color: var(--interactive-background-selected)
|
|
}
|
|
|
|
.theme-light .optionPillKey__1464f {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.selectedPill__1464f {
|
|
border-color: Highlight!important
|
|
}
|
|
|
|
.erroredPill__1464f {
|
|
border-color: var(--red-400)!important
|
|
}
|
|
|
|
.newLine__1464f {
|
|
display: inline-block
|
|
}
|
|
|
|
.gameMention__1464f,.timestampMention__1464f {
|
|
display: inline-flex;
|
|
margin: -4px 2px -8px
|
|
}
|
|
|
|
.inlineFlex__1464f {
|
|
display: inline-flex;
|
|
margin: 0
|
|
}
|
|
|
|
.mentionSuggestion__1464f {
|
|
background-color: var(--mention-background);
|
|
border-radius: var(--radius-xs);
|
|
color: var(--mention-foreground);
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.mentionSuggestion__1464f.mentionSuggestionSimpleColorVariant__1464f {
|
|
background-color: transparent;
|
|
color: var(--text-brand)
|
|
}
|
|
|
|
.assetWrapper__31fc2 {
|
|
position: relative;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.assetWrapperMasked__31fc2 {
|
|
-webkit-mask: url(/assets/34378a8df8efb149.svg) 0 0/100% 100%;
|
|
mask: url(/assets/34378a8df8efb149.svg) 0 0/100% 100%
|
|
}
|
|
|
|
.stickerAsset__31fc2 {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.lottieCanvas__31fc2,.pngImage__31fc2 {
|
|
}
|
|
|
|
.pngImage__31fc2 {
|
|
display: block;
|
|
-o-object-fit: contain;
|
|
object-fit: contain
|
|
}
|
|
|
|
.roundedMask__31fc2 {
|
|
display: block;
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.errorContent__31fc2 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.loadingIndicator__31fc2 {
|
|
box-sizing: border-box;
|
|
cursor: default;
|
|
display: block;
|
|
-webkit-mask: url(/assets/34378a8df8efb149.svg) 0 0/100% 100%;
|
|
mask: url(/assets/34378a8df8efb149.svg) 0 0/100% 100%
|
|
}
|
|
|
|
.error__31fc2,.loadingIndicator__31fc2 {
|
|
background-color: var(--interactive-background-active);
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.error__31fc2 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-weight: var(--font-weight-semibold);
|
|
justify-content: center
|
|
}
|
|
|
|
.errorIcon__31fc2 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.errorText__31fc2 {
|
|
margin-top: 4px
|
|
}
|
|
|
|
.overlayWrapper__31fc2 {
|
|
pointer-events: none;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.overlayStickerWrapper__31fc2 {
|
|
position: relative;
|
|
z-index: 2
|
|
}
|
|
|
|
.overlayLabelWrapper__31fc2 {
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.overlayLabel__31fc2 {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 20px;
|
|
inset-inline-start: 50%;
|
|
margin-top: 2px;
|
|
padding: 2px 8px;
|
|
position: absolute;
|
|
top: 100%;
|
|
transform: translateX(-50%);
|
|
white-space: nowrap
|
|
}
|
|
|
|
.positionedLayer__31fc2 {
|
|
pointer-events: none
|
|
}
|
|
|
|
.legacyInputCommandHeader__38272 {
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.noAutocompleteResults__3b122 {
|
|
height: 200px
|
|
}
|
|
|
|
.secondarySection_ed47e5 {
|
|
padding-top: 0
|
|
}
|
|
|
|
.divider_ed47e5 {
|
|
padding-bottom: 0!important
|
|
}
|
|
|
|
.spinner__13d18 {
|
|
padding-top: 8px
|
|
}
|
|
|
|
.horizontalAutocompletes__13d18 {
|
|
margin-bottom: -4px;
|
|
overflow-x: auto;
|
|
padding: 0 8px
|
|
}
|
|
|
|
.no-webkit-scrollbar .horizontalAutocompletes__13d18 {
|
|
scrollbar-width: thin
|
|
}
|
|
|
|
.horizontalAutocomplete__13d18 {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
@use postcss-pxtorem;.autocomplete__6b0e0 {
|
|
border-radius: 5px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
overflow: hidden
|
|
}
|
|
|
|
.autocompleteAttached__6b0e0 {
|
|
bottom: calc(100% + 8px);
|
|
inset-inline: var(--space-8) var(--space-16);
|
|
position: absolute
|
|
}
|
|
|
|
.autocompleteAttached__6b0e0.bottom__6b0e0 {
|
|
inset-inline: 0;
|
|
bottom: inherit;
|
|
top: 100%
|
|
}
|
|
|
|
.autocompletePopout__6b0e0 {
|
|
max-width: 800px;
|
|
min-width: 430px;
|
|
pointer-events: all
|
|
}
|
|
|
|
.autocompleteInner__6b0e0 {
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.autocompleteTop__6b0e0 {
|
|
z-index: 1001
|
|
}
|
|
|
|
.scroller__6b0e0 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-bottom: 8px
|
|
}
|
|
|
|
.stickerAutoComplete__6b0e0 {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill,116px);
|
|
grid-template-rows: repeat(auto-fill,116px);
|
|
grid-gap: 8px;
|
|
padding: 8px 16px
|
|
}
|
|
|
|
.sticker__6b0e0 {
|
|
margin-top: 2px;
|
|
margin-inline-start:2px}
|
|
|
|
.minimal__6b0e0 {
|
|
border-radius: 8px;
|
|
min-width: 200px
|
|
}
|
|
|
|
.minimal__6b0e0 .scroller__6b0e0 {
|
|
margin-inline:-8px;padding-bottom: 0
|
|
}
|
|
|
|
.container__871cd {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 100%;
|
|
margin-inline-end:12px;overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.column__871cd {
|
|
height: auto;
|
|
opacity: .1;
|
|
padding-top: 12px;
|
|
transform-origin: 0 0
|
|
}
|
|
|
|
.gif__871cd {
|
|
background-color: var(--text-link)
|
|
}
|
|
|
|
.categoryLoader__871cd,.gif__871cd {
|
|
border-radius: 5px;
|
|
margin-inline-start:12px;margin-bottom: 12px
|
|
}
|
|
|
|
.categoryLoader__871cd {
|
|
background-color: var(--black);
|
|
height: 110px
|
|
}
|
|
|
|
@keyframes ripple__43deb {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(.4)
|
|
}
|
|
|
|
90% {
|
|
opacity: 0;
|
|
transform: scale(1.4)
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(1.6)
|
|
}
|
|
}
|
|
|
|
@keyframes bounce__43deb {
|
|
25% {
|
|
transform: scale(.6)
|
|
}
|
|
|
|
50% {
|
|
transform: scale(1.2)
|
|
}
|
|
|
|
to {
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
.gifFavoriteButton__43deb {
|
|
background-color: var(--background-base-low);
|
|
border-radius: 5px;
|
|
color: var(--icon-strong);
|
|
opacity: 1;
|
|
padding: 6px
|
|
}
|
|
|
|
.gifFavoriteButton__43deb:after {
|
|
border: 2px solid var(--yellow-300);
|
|
border-radius: 50%;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
transform-origin: center;
|
|
width: 100%;
|
|
z-index: 5
|
|
}
|
|
|
|
.full-motion .gifFavoriteButton__43deb:after {
|
|
transition: all .15s ease-in-out
|
|
}
|
|
|
|
.gifFavoriteButton__43deb:focus,.gifFavoriteButton__43deb:hover {
|
|
color: var(--yellow-300);
|
|
transform: none
|
|
}
|
|
|
|
.gifFavoriteButton__43deb.selected__43deb {
|
|
color: var(--yellow-300)
|
|
}
|
|
|
|
.gifFavoriteButton__43deb.selected__43deb.showPulse__43deb:after {
|
|
animation: ripple__43deb .45s ease
|
|
}
|
|
|
|
.gifFavoriteButton__43deb.selected__43deb.showPulse__43deb .icon__43deb {
|
|
animation: bounce__43deb .4s linear
|
|
}
|
|
|
|
.icon__43deb {
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.enable-forced-colors .gifFavoriteButton__43deb {
|
|
background-color: ButtonFace;
|
|
border: 1px solid ButtonFace;
|
|
border-radius: 4px;
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .gifFavoriteButton__43deb:focus,.enable-forced-colors .gifFavoriteButton__43deb:hover {
|
|
border-color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .gifFavoriteButton__43deb.selected__43deb {
|
|
background-color: HighlightText;
|
|
border-color: Highlight;
|
|
color: Highlight
|
|
}
|
|
|
|
.results__2dc39 {
|
|
height: 100%
|
|
}
|
|
|
|
.result__2dc39 {
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
transition: box-shadow .15s ease-out
|
|
}
|
|
|
|
.result__2dc39:after {
|
|
border-radius: 7px;
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: -1px;
|
|
inset-inline: -1px;
|
|
bottom: -1px;
|
|
pointer-events: none;
|
|
transition: background .15s ease-out;
|
|
transition-property: box-shadow,background
|
|
}
|
|
|
|
.result__2dc39:hover .favButton__2dc39 {
|
|
opacity: 1;
|
|
transform: none
|
|
}
|
|
|
|
.result__2dc39:hover,.result__2dc39[data-focused=true] {
|
|
box-shadow: var(--shadow-border),var(--shadow-low)
|
|
}
|
|
|
|
.result__2dc39:hover:after,.result__2dc39[data-focused=true]:after {
|
|
background: linear-gradient(to bottom,var(--background-mod-strong),var(--background-mod-subtle))
|
|
}
|
|
|
|
.result__2dc39[data-focused=true] {
|
|
box-shadow: 0 0 0 2px var(--border-focus)
|
|
}
|
|
|
|
.result__2dc39[data-selected=true] {
|
|
box-shadow: 0 0 0 3px var(--border-focus)
|
|
}
|
|
|
|
.high-contrast-mode .result__2dc39 {
|
|
border: 1px solid var(--border-strong)
|
|
}
|
|
|
|
.gif__2dc39 {
|
|
background-color: transparent;
|
|
border-radius: 5px;
|
|
display: block;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.endContainer__2dc39 {
|
|
padding-bottom: 32px;
|
|
padding-top: 32px;
|
|
text-align: center
|
|
}
|
|
|
|
.endContainer__2dc39:after {
|
|
background-position: bottom;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
content: "";
|
|
display: block;
|
|
height: 220px;
|
|
margin: 0 auto;
|
|
width: 100%
|
|
}
|
|
|
|
.endText__2dc39 {
|
|
color: var(--text-feedback-warning);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.searchSuggestions__2dc39 {
|
|
margin-bottom: 32px
|
|
}
|
|
|
|
.noResults__2dc39 {
|
|
height: 100%
|
|
}
|
|
|
|
.spinnerContainer__2dc39 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center
|
|
}
|
|
|
|
.favButton__2dc39 {
|
|
box-sizing: border-box;
|
|
inset-inline-end: 4px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 4px;
|
|
transform: translateY(-10px);
|
|
z-index: 4
|
|
}
|
|
|
|
.full-motion .favButton__2dc39 {
|
|
transition: transform .2s ease,opacity .1s ease
|
|
}
|
|
|
|
.emptyHints__2dc39 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
margin-block:6px;margin-inline:6px 0}
|
|
|
|
.emptyHint__2dc39 {
|
|
flex: 1 1 33.33%
|
|
}
|
|
|
|
.emptyHintCard__2dc39 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
height: 160px;
|
|
justify-content: center;
|
|
margin: 6px;
|
|
padding: 20px;
|
|
position: relative
|
|
}
|
|
|
|
.emptyHintSpacer__2dc39 {
|
|
height: 160px
|
|
}
|
|
|
|
.emptyHintText__2dc39 {
|
|
font-size: 15px;
|
|
line-height: 1.6;
|
|
max-width: 180px;
|
|
text-align: center
|
|
}
|
|
|
|
.emptyHintFavorite__2dc39 {
|
|
color: var(--text-feedback-warning);
|
|
height: 29px;
|
|
inset-inline-end: 6px;
|
|
position: absolute;
|
|
top: 6px;
|
|
width: 29px
|
|
}
|
|
|
|
@keyframes loadIN__2dc39 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(0,24px,0)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateZ(0)
|
|
}
|
|
}
|
|
|
|
.placeholder__2dc39 {
|
|
background: var(--background-mod-muted);
|
|
border-radius: 5px;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .placeholder__2dc39 {
|
|
animation: loadIN__2dc39 .6s cubic-bezier(.17,.67,.16,.99);
|
|
animation-fill-mode: forwards;
|
|
opacity: 0;
|
|
transform: translate3d(0,48px,0);
|
|
will-change: transform3d,opacity
|
|
}
|
|
|
|
.enable-forced-colors .result__2dc39[data-focused=true] {
|
|
border: 1px solid Canvas;
|
|
outline: 2px solid Highlight
|
|
}
|
|
|
|
.images-light .endContainer__2dc39:after {
|
|
background-image: url(/assets/9423b541a1c3dfef.svg)
|
|
}
|
|
|
|
.images-dark .endContainer__2dc39:after {
|
|
background-image: url(/assets/00f1d64f0e8c77b3.svg)
|
|
}
|
|
|
|
.container_d02962 {
|
|
height: 100%
|
|
}
|
|
|
|
.categoryFade_d02962,.categoryFadeBlurple_d02962 {
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
transition: -webkit-backdrop-filter .15s ease-out;
|
|
transition: backdrop-filter .15s ease-out;
|
|
transition: backdrop-filter .15s ease-out,-webkit-backdrop-filter .15s ease-out;
|
|
z-index: 1
|
|
}
|
|
|
|
.categoryText_d02962 {
|
|
align-items: center;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
display: flex;
|
|
font-weight: var(--font-weight-semibold);
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
z-index: 3
|
|
}
|
|
|
|
.categoryIcon_d02962 {
|
|
height: 20px;
|
|
margin-inline-end:4px;width: 20px
|
|
}
|
|
|
|
.categoryName_d02962 {
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 16px
|
|
}
|
|
|
|
.spinnerContainer_d02962 {
|
|
height: 100%
|
|
}
|
|
|
|
.formatSelectors_d02962,.spinnerContainer_d02962 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.formatSelectors_d02962 {
|
|
flex-direction: row
|
|
}
|
|
|
|
.formatSelectors_d02962 select {
|
|
display: block;
|
|
margin: 0 4px
|
|
}
|
|
|
|
.categoryFade_d02962 {
|
|
background-color: var(--background-scrim)
|
|
}
|
|
|
|
.categoryFadeBlurple_d02962 {
|
|
background-color: color-mix(in srgb,var(--background-brand),transparent 20%)
|
|
}
|
|
|
|
.categoryFade_d02962:hover,.categoryFadeBlurple_d02962:hover,[data-focused=true] .categoryFade_d02962,[data-focused=true] .categoryFadeBlurple_d02962 {
|
|
-webkit-backdrop-filter: brightness(60%) blur(4px);
|
|
backdrop-filter: brightness(60%) blur(4px);
|
|
border: 1px solid var(--border-strong);
|
|
border-radius: 5px
|
|
}
|
|
|
|
.categoryText_d02962 {
|
|
color: var(--white);
|
|
text-shadow: 0 1px 1px rgba(0,0,0,.6)
|
|
}
|
|
|
|
.container_fed6d3 {
|
|
background-color: var(--background-base-lower);
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
position: relative;
|
|
white-space: normal;
|
|
width: 100%
|
|
}
|
|
|
|
.container_fed6d3:after {
|
|
bottom: 0;
|
|
content: "";
|
|
height: 8px;
|
|
inset-inline: 0;
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.content_fed6d3 {
|
|
z-index: 0
|
|
}
|
|
|
|
.content_fed6d3,.header_fed6d3 {
|
|
position: relative
|
|
}
|
|
|
|
.header_fed6d3 {
|
|
background-color: var(--background-surface-high);
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
box-shadow: none;
|
|
flex: 0 0 auto;
|
|
padding: var(--custom-gif-picker-gutter-size);
|
|
z-index: 1
|
|
}
|
|
|
|
.searchHeader_fed6d3 {
|
|
margin-bottom: 0;
|
|
margin-inline-start:8px}
|
|
|
|
.backButton_fed6d3 {
|
|
align-items: center;
|
|
color: var(--text-muted);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 28px;
|
|
margin-inline-end:8px}
|
|
|
|
.backButton_fed6d3:hover {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.content_fed6d3 {
|
|
flex: 1 1 auto;
|
|
overflow: hidden
|
|
}
|
|
|
|
.wrapper__0c74f {
|
|
display: grid;
|
|
grid-template-rows: 1fr auto;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.wrapper__0d1ef {
|
|
flex: 1
|
|
}
|
|
|
|
.wrapper__0856d {
|
|
display: grid;
|
|
grid-template-columns: 48px auto;
|
|
grid-template-rows: auto 1fr auto;
|
|
position: relative
|
|
}
|
|
|
|
.header__0856d {
|
|
align-items: center;
|
|
box-shadow: var(--elevation-low);
|
|
display: flex;
|
|
grid-column: 1/3;
|
|
grid-row: 1/2;
|
|
padding: 12px;
|
|
z-index: 1
|
|
}
|
|
|
|
.loadingIndicator__0856d {
|
|
grid-column: 1/-1;
|
|
grid-row: 1/-1
|
|
}
|
|
|
|
.gridNoticeWrapper__0856d,.listWrapper__0856d {
|
|
flex: 1;
|
|
inset-inline-start: 48px;
|
|
position: relative;
|
|
width: calc(100% - 48px)
|
|
}
|
|
|
|
.gridNoticeWrapper__0856d {
|
|
flex: none
|
|
}
|
|
|
|
.emptyState__0856d {
|
|
grid-column: 1/3;
|
|
grid-row: 2/2;
|
|
margin: 0 20px;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.enable-forced-colors .header__0856d {
|
|
border-bottom: 1px solid CanvasText
|
|
}
|
|
|
|
.categoryList_a1e0e0 {
|
|
top: 65px
|
|
}
|
|
|
|
.expressionPickerCategoryList_a1e0e0 {
|
|
top: 53px
|
|
}
|
|
|
|
.hasBottomBarUpsell_a1e0e0 {
|
|
bottom: 50px
|
|
}
|
|
|
|
.category_a1e0e0 {
|
|
cursor: pointer;
|
|
margin-bottom: 8px;
|
|
position: relative
|
|
}
|
|
|
|
.categoryIcon_a1e0e0 {
|
|
align-items: center;
|
|
border-radius: var(--radius-xs);
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 4px;
|
|
transition: background-color .2s ease
|
|
}
|
|
|
|
.categoryIcon_a1e0e0.selected_a1e0e0 {
|
|
background-color: var(--background-base-low)
|
|
}
|
|
|
|
.categoryIcon_a1e0e0:hover {
|
|
background-color: var(--interactive-background-hover)
|
|
}
|
|
|
|
.categoryIconIcon_a1e0e0 {
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.categoryIconIcon_a1e0e0,.defaultsShortcut_a1e0e0 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.defaultsShortcut_a1e0e0 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-top: 1px solid var(--border-normal);
|
|
bottom: 0;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: var(--custom-expression-picker-constants-expression-picker-inspector-bar-height);
|
|
inset-inline-start: 0;
|
|
justify-content: center;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.defaultsShortcut_a1e0e0:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.keybindHint__46002 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
margin: 16px;
|
|
padding: 8px;
|
|
position: relative
|
|
}
|
|
|
|
.keybindHintText__46002 {
|
|
display: inline
|
|
}
|
|
|
|
.warningIcon__46002 {
|
|
color: var(--yellow-300);
|
|
margin-inline-end:8px;min-width: 20px
|
|
}
|
|
|
|
.emoji__46002 {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.closeButton__46002,.emoji__46002 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.closeButton__46002 {
|
|
cursor: pointer;
|
|
margin-top: -16px
|
|
}
|
|
|
|
.soundAddButton_da9eb2 {
|
|
background: initial;
|
|
border: 1px dashed var(--border-subtle);
|
|
color: var(--text-muted);
|
|
cursor: pointer
|
|
}
|
|
|
|
.soundAddButton_da9eb2:hover {
|
|
border-color: var(--border-normal);
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.soundAddButton_da9eb2.focused_da9eb2 {
|
|
border-color: var(--border-strong);
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.soundAddButton_da9eb2 svg {
|
|
margin-inline-end:3px}
|
|
|
|
.disabled_da9eb2 {
|
|
pointer-events: none
|
|
}
|
|
|
|
.sectionContainer__61424 {
|
|
align-items: center;
|
|
background-color: var(--background-base-low);
|
|
display: flex;
|
|
height: var(--custom-expression-picker-constants-expression-picker-list-section-heading-height);
|
|
padding-block:0;padding-inline:8px 4px;position: sticky;
|
|
top: 0;
|
|
z-index: 10000
|
|
}
|
|
|
|
.sectionContainerNitroLocked__61424 {
|
|
position: relative
|
|
}
|
|
|
|
.sectionContainerNitroLockedBackground__61424 {
|
|
background-color: hsl(var(--premium-tier-2-purple-hsl)/.35)
|
|
}
|
|
|
|
.sectionContainerNitroLockedBackground__61424.brandRefresh__61424 {
|
|
background: linear-gradient(90deg,var(--expressive-gradient-nitro-pink-start) 0,var(--expressive-gradient-nitro-pink-end) 100%)
|
|
}
|
|
|
|
.theme-light .sectionContainerNitroLockedBackground__61424.brandRefresh__61424 {
|
|
background: linear-gradient(90deg,color-mix(in srgb,var(--expressive-gradient-nitro-pink-start) 40%,transparent),color-mix(in srgb,var(--expressive-gradient-nitro-pink-end) 40%,transparent))
|
|
}
|
|
|
|
.sectionHeader__61424 {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: inline-block
|
|
}
|
|
|
|
.sectionHeader__61424:hover,.sectionHeader__61424:hover .sectionTitle__61424 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.sectionHeader__61424 .sectionTitle__61424 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.sectionHeaderContent__61424 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.smallPaddingFooter__61424 {
|
|
height: 20px
|
|
}
|
|
|
|
.lastSectionFooter__61424 {
|
|
height: 70px
|
|
}
|
|
|
|
.nitroLocked__61424.lastSectionFooter__61424,.nitroLocked__61424.smallPaddingFooter__61424 {
|
|
background-color: hsl(var(--premium-tier-2-purple-hsl)/.35)
|
|
}
|
|
|
|
.nitroLocked__61424.lastSectionFooter__61424.brandRefresh__61424,.nitroLocked__61424.smallPaddingFooter__61424.brandRefresh__61424 {
|
|
background: linear-gradient(90deg,var(--expressive-gradient-nitro-pink-start) 0,var(--expressive-gradient-nitro-pink-end) 100%)
|
|
}
|
|
|
|
.theme-light .nitroLocked__61424.lastSectionFooter__61424.brandRefresh__61424,.theme-light .nitroLocked__61424.smallPaddingFooter__61424.brandRefresh__61424 {
|
|
background: linear-gradient(90deg,color-mix(in srgb,var(--expressive-gradient-nitro-pink-start) 40%,transparent),color-mix(in srgb,var(--expressive-gradient-nitro-pink-end) 40%,transparent))
|
|
}
|
|
|
|
.nitroLocked__61424:not(.lastSectionFooter__61424) {
|
|
margin-bottom: var(--space-4)
|
|
}
|
|
|
|
.sectionTitle__61424 {
|
|
margin: 0 4px
|
|
}
|
|
|
|
.headerIcon__61424 {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.soundRow__61424 {
|
|
display: flex;
|
|
gap: 8px;
|
|
padding-bottom: 8px;
|
|
padding-inline-start:8px}
|
|
|
|
.soundRowNitroLocked__61424 {
|
|
background-color: hsl(var(--premium-tier-2-purple-hsl)/.35)
|
|
}
|
|
|
|
.soundRowNitroLocked__61424.brandRefresh__61424 {
|
|
background: linear-gradient(90deg,var(--expressive-gradient-nitro-pink-start) 0,var(--expressive-gradient-nitro-pink-end) 100%)
|
|
}
|
|
|
|
.theme-light .soundRowNitroLocked__61424.brandRefresh__61424 {
|
|
background: linear-gradient(90deg,color-mix(in srgb,var(--expressive-gradient-nitro-pink-start) 40%,transparent),color-mix(in srgb,var(--expressive-gradient-nitro-pink-end) 40%,transparent))
|
|
}
|
|
|
|
.settingsClickArea__61424 {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
margin-inline-start:var(--space-12);transition: color .2s ease
|
|
}
|
|
|
|
.settingsClickArea__61424:focus,.settingsClickArea__61424:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.settingsSoundmojiClickArea__61424 {
|
|
padding: 0
|
|
}
|
|
|
|
.settingsSoundmojiClickArea__61424:last-child {
|
|
padding-inline-end:0}
|
|
|
|
.premiumSectionDivider__61424 {
|
|
padding-top: 8px
|
|
}
|
|
|
|
.settingsIcon__61424 {
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.picker__09f65 {
|
|
background-color: var(--background-base-low);
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 420px;
|
|
overflow: hidden;
|
|
width: 531px
|
|
}
|
|
|
|
.picker__09f65.inExpressionPicker__09f65 {
|
|
box-shadow: none;
|
|
height: 100%;
|
|
width: auto
|
|
}
|
|
|
|
.fetching__09f65 {
|
|
justify-content: center
|
|
}
|
|
|
|
.categoryList__3ad28 {
|
|
top: 53px
|
|
}
|
|
|
|
.stickerCategory__3ad28 {
|
|
border-radius: 4px;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
height: var(--custom-stickers-constants-sticker-category-icon-size);
|
|
margin-bottom: var(--custom-stickers-constants-sticker-category-icon-margin);
|
|
width: var(--custom-stickers-constants-sticker-category-icon-size)
|
|
}
|
|
|
|
.firstPartyCategory__3ad28:hover {
|
|
background-color: var(--interactive-background-hover);
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.firstPartyCategorySelected__3ad28,.firstPartyCategorySelected__3ad28:hover,.stickerCategoryGenericSelected__3ad28,.stickerCategoryGenericSelected__3ad28:hover {
|
|
background-color: var(--background-base-low)
|
|
}
|
|
|
|
.stickerCategoryGenericSelected__3ad28 .stickerCategoryGenericIcon__3ad28 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.stickerCategoryGeneric__3ad28 {
|
|
box-sizing: border-box;
|
|
margin-bottom: 2px;
|
|
padding: 4px
|
|
}
|
|
|
|
.stickerCategoryGeneric__3ad28.stickerCategoryGenericLast__3ad28 {
|
|
margin-bottom: var(--custom-stickers-constants-sticker-category-icon-margin)
|
|
}
|
|
|
|
.stickerCategoryGeneric__3ad28:hover {
|
|
background-color: var(--background-base-low)
|
|
}
|
|
|
|
.stickerCategoryGenericDisabled__3ad28 {
|
|
color: var(--text-muted);
|
|
cursor: default
|
|
}
|
|
|
|
.stickerCategoryGenericDisabled__3ad28 .stickerCategoryGenericIcon__3ad28 {
|
|
opacity: .6
|
|
}
|
|
|
|
.stickerCategoryGenericDisabled__3ad28.stickerCategory__3ad28:hover {
|
|
background-color: transparent;
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.stickerPackThumbnail__3ad28 {
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.guildCategorySeparator__3ad28 {
|
|
border: none;
|
|
border-bottom: var(--custom-stickers-constants-category-separator-size) solid var(--border-subtle);
|
|
margin: var(--custom-stickers-constants-category-separator-margin-vertical) 0
|
|
}
|
|
|
|
.standardStickerShortcut__3ad28 {
|
|
align-items: center;
|
|
background: inherit;
|
|
border-top: 1px solid var(--border-normal);
|
|
bottom: 0;
|
|
box-sizing: border-box;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 48px;
|
|
inset-inline-start: 0;
|
|
justify-content: center;
|
|
opacity: 1;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .standardStickerShortcut__3ad28 {
|
|
transition: opacity .1s,transform .1s
|
|
}
|
|
|
|
.standardStickerShortcut__3ad28:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.invisibleShortcut__3ad28 {
|
|
display: none;
|
|
opacity: 0
|
|
}
|
|
|
|
.enable-forced-colors .standardStickerShortcut__3ad28 {
|
|
background-color: ButtonFace;
|
|
border-top: 1px solid CanvasText;
|
|
color: ButtonText;
|
|
height: 47px
|
|
}
|
|
|
|
.enable-forced-colors .stickerCategory__3ad28 {
|
|
border: 1px solid Canvas;
|
|
border-radius: 4px;
|
|
transition: none
|
|
}
|
|
|
|
.enable-forced-colors .stickerCategory__3ad28 .stickerCategoryGenericIcon__3ad28 {
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .stickerCategory__3ad28:hover {
|
|
background: ButtonFace;
|
|
border-color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .stickerCategoryGenericDisabled__3ad28 {
|
|
color: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .stickerCategoryGenericDisabled__3ad28.stickerCategory__3ad28:hover {
|
|
color: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .firstPartyCategorySelected__3ad28,.enable-forced-colors .firstPartyCategorySelected__3ad28:hover,.enable-forced-colors .stickerCategoryGenericSelected__3ad28,.enable-forced-colors .stickerCategoryGenericSelected__3ad28:hover {
|
|
background-color: HighlightText;
|
|
border-color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .firstPartyCategorySelected__3ad28 .stickerCategoryGenericIcon__3ad28,.enable-forced-colors .firstPartyCategorySelected__3ad28:hover .stickerCategoryGenericIcon__3ad28,.enable-forced-colors .stickerCategoryGenericSelected__3ad28 .stickerCategoryGenericIcon__3ad28,.enable-forced-colors .stickerCategoryGenericSelected__3ad28:hover .stickerCategoryGenericIcon__3ad28 {
|
|
color: Highlight
|
|
}
|
|
|
|
.emptyState__70126 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
justify-content: center;
|
|
text-align: center
|
|
}
|
|
|
|
.emptyState__70126.unifyTrialUpsell__70126 {
|
|
margin: 0
|
|
}
|
|
|
|
.header__70126 {
|
|
margin-bottom: 8px;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.subtitle__70126 {
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.stickersRow__70126 {
|
|
display: flex;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.stickersRow__70126 .sticker__70126 {
|
|
margin: auto 2px
|
|
}
|
|
|
|
.upsell_ac65bb {
|
|
align-items: center;
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: 4px;
|
|
display: flex;
|
|
padding-block:8px;padding-inline:8px 12px}
|
|
|
|
.icon_ac65bb {
|
|
color: var(--interactive-text-default);
|
|
margin-inline-end:8px;width: 24px
|
|
}
|
|
|
|
.body_ac65bb {
|
|
flex: 1
|
|
}
|
|
|
|
.iconWrapper_d13236 {
|
|
align-items: center;
|
|
background-image: linear-gradient(90deg,var(--guild-boosting-blue),var(--guild-boosting-purple));
|
|
border-radius: 24px;
|
|
color: var(--white);
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: center;
|
|
width: 24px
|
|
}
|
|
|
|
.icon_d13236 {
|
|
height: 12px;
|
|
width: 12px
|
|
}
|
|
|
|
.unownedStickerLockContainer_ced283 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-muted);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 100%;
|
|
bottom: 0;
|
|
display: flex;
|
|
inset-inline-end: 0;
|
|
justify-content: center;
|
|
position: absolute
|
|
}
|
|
|
|
.unownedStickerLockIcon_ced283 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
@keyframes ripple_c6367b {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(.8)
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: scale(1.6)
|
|
}
|
|
}
|
|
|
|
.row_c6367b {
|
|
display: grid;
|
|
margin-bottom: var(--custom-stickers-constants-sticker-picker-preview-margin);
|
|
overflow: hidden
|
|
}
|
|
|
|
.row_c6367b,.sticker_c6367b {
|
|
position: relative
|
|
}
|
|
|
|
.sticker_c6367b {
|
|
border-radius: var(--custom-stickers-constants-sticker-picker-preview-border-radius);
|
|
padding: var(--custom-stickers-constants-sticker-picker-preview-padding)
|
|
}
|
|
|
|
.sticker_c6367b:after {
|
|
border: 3px solid var(--yellow-300);
|
|
border-radius: 100%;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
transform-origin: center;
|
|
width: 100%;
|
|
z-index: 5
|
|
}
|
|
|
|
.full-motion .sticker_c6367b:after {
|
|
transition: all .15s ease-in-out
|
|
}
|
|
|
|
.sticker_c6367b.showPulse_c6367b:after {
|
|
animation: ripple_c6367b .25s ease-out 1
|
|
}
|
|
|
|
.createSticker_c6367b {
|
|
align-items: center;
|
|
background-color: var(--background-base-low);
|
|
border-radius: 8px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-weight: var(--font-weight-medium);
|
|
justify-content: space-evenly;
|
|
position: relative
|
|
}
|
|
|
|
.createInspected_c6367b {
|
|
background-color: var(--background-mod-normal)
|
|
}
|
|
|
|
.uploadCard_c6367b {
|
|
cursor: pointer
|
|
}
|
|
|
|
.iconWrapper_c6367b {
|
|
align-items: center;
|
|
background-image: linear-gradient(90deg,var(--guild-boosting-blue),var(--guild-boosting-purple));
|
|
border-radius: 36px;
|
|
color: var(--white);
|
|
display: flex;
|
|
height: 36px;
|
|
justify-content: center;
|
|
width: 36px
|
|
}
|
|
|
|
.icon_c6367b {
|
|
height: 18px;
|
|
width: 18px
|
|
}
|
|
|
|
.inspectedIndicator_c6367b {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
-webkit-mask: url(/assets/34378a8df8efb149.svg) 0 0/100% 100%;
|
|
mask: url(/assets/34378a8df8efb149.svg) 0 0/100% 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: background-color .08s ease-out,color .08s ease-out;
|
|
width: 100%;
|
|
z-index: -1
|
|
}
|
|
|
|
.stickerInspected_c6367b .inspectedIndicator_c6367b {
|
|
background-color: var(--interactive-background-selected)
|
|
}
|
|
|
|
.stickerPlaceholder_c6367b {
|
|
cursor: default
|
|
}
|
|
|
|
.viewAll_c6367b {
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.viewAll_c6367b:hover .viewAllButton_c6367b,.viewAllInspected_c6367b .viewAllButton_c6367b {
|
|
background-color: var(--background-base-lowest);
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.viewAllButton_c6367b {
|
|
align-items: center;
|
|
background-color: var(--background-mod-normal);
|
|
box-sizing: border-box;
|
|
color: var(--interactive-text-default);
|
|
display: grid;
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-semibold);
|
|
height: 100%;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
white-space: pre-line;
|
|
width: 100%
|
|
}
|
|
|
|
.stickerNode_c6367b {
|
|
transition: opacity .25s
|
|
}
|
|
|
|
.stickerNodeDimmed_c6367b {
|
|
opacity: .3
|
|
}
|
|
|
|
.stickerNodeHidden_c6367b {
|
|
visibility: hidden
|
|
}
|
|
|
|
.stickerUnsendable_c6367b {
|
|
filter: grayscale(100%)
|
|
}
|
|
|
|
.keyboard-mode .stickerInspected_c6367b {
|
|
position: relative
|
|
}
|
|
|
|
.keyboard-mode .stickerInspected_c6367b:before {
|
|
border-radius: 12px;
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
inset-inline: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
--__adaptive-focus-color: var(--interactive-text-hover);
|
|
border: 2px solid var(--__adaptive-focus-color);
|
|
z-index: 1
|
|
}
|
|
|
|
.enable-forced-colors .stickerInspected_c6367b {
|
|
background-color: HighlightText;
|
|
outline: 1px solid Highlight;
|
|
outline-offset: -1px
|
|
}
|
|
|
|
.enable-forced-colors .stickerInspected_c6367b:before {
|
|
border-color: Highlight
|
|
}
|
|
|
|
.wrapper_e94b8c {
|
|
display: grid;
|
|
grid-template-rows: 1fr auto;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.footerActions_e94b8c {
|
|
margin-bottom: var(--custom-stickers-constants-sticker-picker-preview-margin)
|
|
}
|
|
|
|
.packHeader_e94b8c {
|
|
padding-inline-start:0;position: sticky;
|
|
top: 0
|
|
}
|
|
|
|
.packHeaderShopWrapper_e94b8c {
|
|
-moz-column-gap: 12px;
|
|
column-gap: 12px;
|
|
display: flex
|
|
}
|
|
|
|
.packHeaderShop_e94b8c {
|
|
flex: 1 1 auto;
|
|
overflow: hidden
|
|
}
|
|
|
|
.packHeaderShopActions_e94b8c {
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.sticker_e94b8c {
|
|
cursor: pointer
|
|
}
|
|
|
|
.divider_e94b8c {
|
|
align-items: center;
|
|
display: flex;
|
|
height: var(--custom-stickers-constants-stickers-list-divider-height)
|
|
}
|
|
|
|
.shopDivider_e94b8c {
|
|
border-top-width: var(--custom-stickers-constants-stickers-shop-divider-border-top-width);
|
|
height: var(--custom-stickers-constants-stickers-shop-divider-height)
|
|
}
|
|
|
|
.tipWithSearch_e94b8c {
|
|
margin-top: var(--custom-stickers-constants-sticker-picker-tip-margin-search-results)
|
|
}
|
|
|
|
.searchSuggestions_e94b8c {
|
|
max-width: 250px;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.searchSuggestion_e94b8c {
|
|
background: var(--background-surface-high);
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: var(--font-weight-normal);
|
|
margin: 0 4px 8px;
|
|
padding: 4px 8px
|
|
}
|
|
|
|
.emptyGuildUpsell_e94b8c {
|
|
box-sizing: border-box;
|
|
height: var(--custom-stickers-constants-stickers-list-empty-guild-upsell-height);
|
|
margin-inline:4px;overflow: hidden
|
|
}
|
|
|
|
.wrapper_cdf8a9 {
|
|
flex: 1
|
|
}
|
|
|
|
.upsellWrapper__8fe94 {
|
|
align-items: center;
|
|
background: var(--background-base-lower);
|
|
bottom: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
justify-content: center;
|
|
opacity: .98;
|
|
padding: 0 20px;
|
|
text-align: center;
|
|
z-index: 2
|
|
}
|
|
|
|
.upsellWrapper__8fe94.unifyTrialUpsell__8fe94 {
|
|
justify-content: flex-end;
|
|
opacity: 1;
|
|
padding: 0
|
|
}
|
|
|
|
.upsellImage__8fe94 {
|
|
height: 80px;
|
|
margin-bottom: 16px;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.upsellTitle__8fe94 {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.upsellDescription__8fe94 {
|
|
margin-bottom: 44px;
|
|
max-width: 400px
|
|
}
|
|
|
|
.upsellClose__8fe94 {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
inset-inline-end: 20px;
|
|
position: absolute;
|
|
top: 20px
|
|
}
|
|
|
|
.wrapper__8ef02 {
|
|
display: grid;
|
|
grid-template-columns: 48px auto;
|
|
grid-template-rows: auto 1fr auto;
|
|
position: relative
|
|
}
|
|
|
|
.header__8ef02 {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
box-shadow: none;
|
|
display: flex;
|
|
grid-column: 1/3;
|
|
grid-row: 1/2;
|
|
min-height: 1px;
|
|
padding: var(--custom-gif-picker-gutter-size);
|
|
z-index: 1
|
|
}
|
|
|
|
.loadingIndicator__8ef02 {
|
|
grid-column: 1/-1;
|
|
grid-row: 1/-1
|
|
}
|
|
|
|
.listWrapper__8ef02 {
|
|
grid-column: 2/2
|
|
}
|
|
|
|
.emptyState__8ef02,.listWrapper__8ef02 {
|
|
grid-row: 2/2;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.emptyState__8ef02 {
|
|
grid-column: 1/3;
|
|
margin: 0 20px
|
|
}
|
|
|
|
.enable-forced-colors .header__8ef02 {
|
|
border-bottom: 1px solid CanvasText
|
|
}
|
|
|
|
.positionLayer__08434 {
|
|
pointer-events: none;
|
|
z-index: 0
|
|
}
|
|
|
|
.positionLayerDefaultAlignLeft__08434 {
|
|
inset-inline-end: var(--space-16)
|
|
}
|
|
|
|
.positionLayerDefaultAlignRight__08434 {
|
|
inset-inline-start: var(--space-16)
|
|
}
|
|
|
|
.positionContainer__08434 {
|
|
height: 486px;
|
|
pointer-events: none;
|
|
width: 100%
|
|
}
|
|
|
|
.positionContainerOnlyEmoji__08434 {
|
|
height: 396px
|
|
}
|
|
|
|
.drawerSizingWrapper__08434 {
|
|
height: 100%;
|
|
inset-inline-end: var(--space-24)!important;
|
|
max-width: 100%;
|
|
pointer-events: all;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.contentWrapper__08434 {
|
|
box-sizing: border-box;
|
|
display: grid;
|
|
flex: 1 1 auto;
|
|
grid-template-rows: 30px auto;
|
|
grid-row-gap: 12px;
|
|
background-color: var(--background-surface-high);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: var(--shadow-high);
|
|
height: 100%;
|
|
padding-top: 16px;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.positionContainerOnlyEmoji__08434 .contentWrapper__08434 {
|
|
grid-template-rows: auto
|
|
}
|
|
|
|
.nav__08434 {
|
|
padding: 0 16px
|
|
}
|
|
|
|
.navList__08434 {
|
|
display: flex
|
|
}
|
|
|
|
.navItem__08434 {
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.navItem__08434+.navItem__08434 {
|
|
margin-inline-start:8px}
|
|
|
|
.navButton__08434 {
|
|
border-radius: var(--radius-sm);
|
|
color: var(--text-default);
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 14px;
|
|
padding: 8px 12px;
|
|
transition: background-color .1s ease-in-out,color .1s ease-in-out
|
|
}
|
|
|
|
.high-contrast-mode .navButton__08434 {
|
|
border: 1px solid var(--border-subtle);
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.navButton__08434:hover {
|
|
background-color: var(--control-secondary-background-hover);
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.navButton__08434:active {
|
|
background-color: var(--control-secondary-background-active);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.navButtonActive__08434 {
|
|
background-color: var(--background-mod-normal);
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.navButtonActive__08434:active,.navButtonActive__08434:hover {
|
|
background-color: var(--background-mod-strong);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.high-contrast-mode .navButtonActive__08434 {
|
|
border: 1px solid var(--border-normal);
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.resizeHandle__08434 {
|
|
cursor: ew-resize;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 4px;
|
|
z-index: 2
|
|
}
|
|
|
|
.introductionWrapper__08434 {
|
|
text-align: center
|
|
}
|
|
|
|
.introductionHeader__08434 {
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.introductionSubheader__08434 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.introductionAction__08434 {
|
|
color: var(--brand-500);
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.introductionTooltip__08434 {
|
|
max-width: none;
|
|
width: 280px
|
|
}
|
|
|
|
.introductionTooltipContent__08434 {
|
|
padding: 16px
|
|
}
|
|
|
|
.stickersNavItem__08434 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.stickersUnseenBadge__08434 {
|
|
align-items: center;
|
|
border-radius: 8px;
|
|
box-shadow: none;
|
|
display: inline-flex;
|
|
height: 16px;
|
|
justify-content: center;
|
|
margin-inline-start:4px;min-width: 16px;
|
|
padding: 0;
|
|
text-shadow: none
|
|
}
|
|
|
|
.soundboardContainer__08434 {
|
|
position: relative
|
|
}
|
|
|
|
.soundboardHeader__08434 {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
box-shadow: none;
|
|
display: flex;
|
|
padding: var(--custom-gif-picker-gutter-size)
|
|
}
|
|
|
|
.enable-forced-colors .resizeHandle__08434 {
|
|
background-color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .contentWrapper__08434 {
|
|
border: 3px solid CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .navButton__08434 {
|
|
border: 1px solid ButtonFace
|
|
}
|
|
|
|
.enable-forced-colors .navButton__08434:hover {
|
|
border-color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .navButtonActive__08434 {
|
|
border-color: Highlight
|
|
}
|
|
|
|
.soundmojiLabelContainer__08434 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.userTooltip__6b453 {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: 16px
|
|
}
|
|
|
|
.avatar__6b453 {
|
|
margin-inline-end:8px}
|
|
|
|
.discriminator__6b453 {
|
|
opacity: .5
|
|
}
|
|
|
|
.icon__6b453 {
|
|
height: 1em;
|
|
margin-bottom: .2rem;
|
|
margin-inline-end:3px;vertical-align: middle;
|
|
width: 1em
|
|
}
|
|
|
|
.tabular__6b453 {
|
|
font-variant-numeric: tabular-nums
|
|
}
|
|
|
|
.syntaxAfter_ada32f,.syntaxBefore_ada32f {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.codeBlockSyntax_ada32f,.syntaxAfter_ada32f,.syntaxBefore_ada32f {
|
|
color: var(--textbox-markdown-syntax)
|
|
}
|
|
|
|
.codeBlockLang_ada32f {
|
|
color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.after_s_ada32f,.after_spoiler_ada32f,.after_u_ada32f,.before_s_ada32f,.before_spoiler_ada32f,.before_u_ada32f,.syntaxOverride_ada32f {
|
|
font-weight: var(--font-weight-normal)
|
|
}
|
|
|
|
.before_em_ada32f {
|
|
margin-inline-end:-1px}
|
|
|
|
.after_em_ada32f {
|
|
margin-inline-start:1px}
|
|
|
|
.before_s_ada32f,.before_u_ada32f {
|
|
margin-inline-end:1px}
|
|
|
|
.after_s_ada32f,.after_u_ada32f {
|
|
margin-inline-start:1px}
|
|
|
|
.after_u_ada32f,.before_u_ada32f {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.before_inlineCode_ada32f {
|
|
border-inline-end:none;border-radius: 3px 0 0 3px;
|
|
border-end-start-radius: var(--radius-xs);
|
|
border-start-start-radius: var(--radius-xs)
|
|
}
|
|
|
|
.after_inlineCode_ada32f {
|
|
border-inline-start:none;border-radius: 0 3px 3px 0;
|
|
border-end-end-radius: var(--radius-xs);
|
|
border-start-end-radius: var(--radius-xs)
|
|
}
|
|
|
|
.bold_ada32f {
|
|
font-weight: var(--font-weight-bold)
|
|
}
|
|
|
|
.italics_ada32f {
|
|
font-style: italic
|
|
}
|
|
|
|
.underline_ada32f {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.strikethrough_ada32f {
|
|
text-decoration: line-through
|
|
}
|
|
|
|
.fakeLink_ada32f {
|
|
color: var(--text-link);
|
|
-webkit-text-decoration: var(--link-decoration);
|
|
text-decoration: var(--link-decoration)
|
|
}
|
|
|
|
.after_inlineCode_ada32f,.before_inlineCode_ada32f,.inlineCode_ada32f {
|
|
background: var(--background-code);
|
|
border: 1px solid var(--border-muted);
|
|
box-sizing: border-box;
|
|
font-family: var(--font-code);
|
|
font-size: 85%;
|
|
height: auto;
|
|
line-height: 18px;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-indent: 0;
|
|
white-space: pre-wrap;
|
|
width: auto
|
|
}
|
|
|
|
.inlineCode_ada32f {
|
|
border-inline-end:none;border-inline-start:none}
|
|
|
|
.spoiler_ada32f {
|
|
padding: 0 .2em
|
|
}
|
|
|
|
.codeBlockText_ada32f,.codeLine_ada32f {
|
|
color: var(--text-default);
|
|
font-family: var(--font-code);
|
|
font-size: 85%;
|
|
-webkit-text-size-adjust: none;
|
|
-moz-text-size-adjust: none;
|
|
text-size-adjust: none
|
|
}
|
|
|
|
.codeLine_ada32f .hljs-comment,.codeLine_ada32f .hljs-quote {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.codeLine_ada32f .hljs-ansi-control-sequence {
|
|
background-color: inherit;
|
|
color: var(--textbox-markdown-syntax);
|
|
display: inherit;
|
|
font-size: 70%;
|
|
font-style: inherit;
|
|
font-weight: inherit;
|
|
padding-inline-end:.1em;text-decoration: none;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.before_subtext_ada32f {
|
|
font-weight: 700
|
|
}
|
|
|
|
.before_subtext_ada32f,.subtext_ada32f {
|
|
color: var(--text-muted);
|
|
font-size: 13px;
|
|
line-height: 17.875px
|
|
}
|
|
|
|
.editor__1b31f {
|
|
caret-color: var(--text-default);
|
|
text-align: start;
|
|
white-space: break-spaces!important;
|
|
word-break: break-word
|
|
}
|
|
|
|
.editor__1b31f pre {
|
|
max-width: none
|
|
}
|
|
|
|
.placeholder__1b31f {
|
|
color: var(--channel-text-area-placeholder);
|
|
inset-inline: 0;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
text-overflow: ellipsis;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.enable-forced-colors .placeholder__1b31f {
|
|
color: GrayText
|
|
}
|
|
|
|
.theme-dark.custom-theme-background.custom-client-theme .placeholder__1b31f {
|
|
color: color-mix(in oklab,var(--text-default) 40%,transparent)
|
|
}
|
|
|
|
.slateContainer_ec4baf {
|
|
position: relative
|
|
}
|
|
|
|
.slateTextArea_ec4baf {
|
|
box-sizing: border-box;
|
|
inset-inline: 0 10px;
|
|
min-height: var(--custom-channel-textarea-text-area-height);
|
|
padding: calc((var(--custom-channel-textarea-text-area-height) - var(--chat-markup-line-height))/2) 0;
|
|
position: absolute
|
|
}
|
|
|
|
.enable-forced-colors .placeholder_ec4baf {
|
|
color: GrayText
|
|
}
|
|
|
|
@use postcss-pxtorem;.channelTextArea__74017 {
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-sm);
|
|
position: relative;
|
|
text-indent: 0;
|
|
transition: border-color .2s ease;
|
|
width: 100%
|
|
}
|
|
|
|
.channelTextArea__74017:not(.highlighted__74017) {
|
|
transition: box-shadow .2s ease
|
|
}
|
|
|
|
.channelTextArea__74017.error__74017:not(:hover):not(:focus-within) {
|
|
box-shadow: 0 0 0 2px var(--text-feedback-critical)
|
|
}
|
|
|
|
.channelTextArea__74017.highlighted__74017 {
|
|
border: 1px solid var(--border-muted);
|
|
box-shadow: 0 0 0 4px var(--blue-345)
|
|
}
|
|
|
|
.channelTextArea__74017:focus-within {
|
|
border-color: var(--border-subtle);
|
|
box-shadow: none
|
|
}
|
|
|
|
.focusRing__74017 {
|
|
border-radius: 8px
|
|
}
|
|
|
|
.scrollableContainer__74017 {
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
border-radius: 8px;
|
|
max-height: var(--custom-channel-textarea-text-area-max-height);
|
|
overflow-x: hidden;
|
|
overflow-y: scroll
|
|
}
|
|
|
|
.themedBackground__74017 {
|
|
background: var(--background-gradient-highest,var(--chat-background-default))
|
|
}
|
|
|
|
.no-webkit-scrollbar .scrollableContainer__74017 {
|
|
scrollbar-width: none
|
|
}
|
|
|
|
:where(.custom-theme-background) .channelTextArea__74017 {
|
|
background: var(--background-gradient-highest,var(--input-background-default));
|
|
border-color: var(--app-frame-border)
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .channelTextArea__74017 {
|
|
border: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .channelTextArea__74017:focus-within {
|
|
border-color: var(--app-frame-border)
|
|
}
|
|
|
|
.sticker__74017 {
|
|
display: block
|
|
}
|
|
|
|
.disabledButtonWrapper__74017 {
|
|
display: inline-flex
|
|
}
|
|
|
|
.background-opacity-low .scrollableContainer__74017 {
|
|
background-color: hsl(var(--primary-500-hsl)/.5)
|
|
}
|
|
|
|
.background-opacity-low .scrollableContainer__74017 .textArea__74017 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.background-opacity-medium .scrollableContainer__74017 {
|
|
background-color: hsl(var(--primary-500-hsl)/.7)
|
|
}
|
|
|
|
.background-opacity-medium .scrollableContainer__74017 .textArea__74017 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.background-opacity-high .scrollableContainer__74017 {
|
|
background-color: hsl(var(--primary-500-hsl)/.9)
|
|
}
|
|
|
|
.scrollableContainer__74017::-webkit-scrollbar {
|
|
height: 12px;
|
|
width: 12px
|
|
}
|
|
|
|
.scrollableContainer__74017::-webkit-scrollbar-thumb,.scrollableContainer__74017::-webkit-scrollbar-track {
|
|
background-clip: padding-box;
|
|
border: 4px solid transparent
|
|
}
|
|
|
|
.scrollableContainer__74017::-webkit-scrollbar-track {
|
|
border-width: initial
|
|
}
|
|
|
|
.scrollableContainer__74017::-webkit-scrollbar-thumb {
|
|
background-color: hsl(var(--primary-800-hsl)/.6);
|
|
border-radius: 8px
|
|
}
|
|
|
|
.channelTextAreaDisabled__74017 .scrollableContainer__74017 {
|
|
opacity: 1
|
|
}
|
|
|
|
.hasStackedBar__74017 {
|
|
border-start-end-radius: 0;
|
|
border-start-start-radius: 0
|
|
}
|
|
|
|
.inlineContainer__74017 {
|
|
box-shadow: none;
|
|
--custom-channel-textarea-text-area-height: var(--form-input-height);
|
|
background: var(--input-background-default);
|
|
border-color: var(--input-border-default);
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.inlineContainer__74017 .themedBackground__74017 {
|
|
background: none;
|
|
border: none;
|
|
height: auto
|
|
}
|
|
|
|
.inlineContainer__74017 .accessoryBar__74017 {
|
|
align-items: center;
|
|
border-top: none;
|
|
box-sizing: border-box;
|
|
height: var(--custom-channel-textarea-text-area-height)
|
|
}
|
|
|
|
.flushContainer__74017 {
|
|
background: unset;
|
|
border: none
|
|
}
|
|
|
|
.flushContainer__74017 .inner__74017 {
|
|
padding-inline-start:0}
|
|
|
|
.flushContainer__74017 .accessoryBar__74017 {
|
|
align-items: flex-start;
|
|
border-top: none
|
|
}
|
|
|
|
.inner__74017 {
|
|
display: flex;
|
|
padding-inline-start:calc(var(--space-16) - 1px);position: relative
|
|
}
|
|
|
|
.innerDisabled__74017 {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.sansAttachButton__74017 {
|
|
padding-inline-start:calc(var(--space-16) - 1px)}
|
|
|
|
.sansAttachButtonCreateThread__74017 {
|
|
padding-inline-start: 10px
|
|
}
|
|
|
|
.sansAttachButtonCreatePost__74017,.sansAttachButtonUserProfileReply__74017 {
|
|
padding-inline-start:0}
|
|
|
|
.attachButton__74017 {
|
|
margin-inline:calc((var(--space-xs) + var(--space-6))*-1) 10px}
|
|
|
|
.textArea__74017 {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-sizing: border-box;
|
|
color: var(--text-default);
|
|
font-size: 1rem;
|
|
font-weight: var(--font-weight-normal);
|
|
height: var(--custom-channel-textarea-text-area-height);
|
|
line-height: 1.375rem;
|
|
min-height: var(--custom-channel-textarea-text-area-height);
|
|
padding-inline:0 10px;resize: none;
|
|
-moz-tab-size: 4;
|
|
-o-tab-size: 4;
|
|
tab-size: 4;
|
|
width: 100%
|
|
}
|
|
|
|
.textArea__74017::-moz-placeholder {
|
|
color: var(--text-muted);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.textArea__74017::placeholder {
|
|
color: var(--text-muted);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.textAreaSlate__74017 {
|
|
box-sizing: border-box;
|
|
padding: 0
|
|
}
|
|
|
|
.textAreaThreadCreation__74017 {
|
|
min-height: 66px
|
|
}
|
|
|
|
.profileBioInput__74017 {
|
|
min-height: 100%
|
|
}
|
|
|
|
.profileBioInput__74017>div {
|
|
height: 100%
|
|
}
|
|
|
|
.hiddenAppLauncherAnchor__74017 {
|
|
align-self: center;
|
|
height: 0;
|
|
visibility: hidden;
|
|
width: 0
|
|
}
|
|
|
|
.overlayInlineReply__74017 {
|
|
height: 100%;
|
|
min-height: 100%;
|
|
padding-inline-end:0!important}
|
|
|
|
.textAreaForPostCreation__74017 {
|
|
margin-inline-start:0!important;padding: 0!important
|
|
}
|
|
|
|
.textAreaForOverlayInlineReply__74017,.textAreaForUserProfile__74017 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.textAreaCustomGift__74017[role=textbox] {
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
position: absolute!important
|
|
}
|
|
|
|
@media (-webkit-max-device-pixel-ratio: 1) {
|
|
.theme-light .textArea__74017 {
|
|
font-weight:var(--font-weight-medium)
|
|
}
|
|
}
|
|
|
|
.textAreaDisabled__74017 {
|
|
pointer-events: none
|
|
}
|
|
|
|
.buttons__74017 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-8);
|
|
height: var(--custom-channel-textarea-text-area-height);
|
|
margin-inline-end:6px;position: sticky;
|
|
top: 0
|
|
}
|
|
|
|
.has-webkit-scrollbar .buttons__74017 {
|
|
margin-inline-end:0}
|
|
|
|
.buttonContainer__74017 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.button__74017 {
|
|
box-sizing: border-box;
|
|
margin-inline:0;min-height: var(--space-32);
|
|
min-width: var(--space-32);
|
|
padding: 0
|
|
}
|
|
|
|
.emojiButton__74017 {
|
|
border-radius: 8px;
|
|
transition-duration: .2s
|
|
}
|
|
|
|
.emojiButton__74017:hover {
|
|
background-color: var(--interactive-background-selected)
|
|
}
|
|
|
|
.stickerIcon__74017 {
|
|
height: 20px!important;
|
|
width: 20px!important
|
|
}
|
|
|
|
.stickerButton__74017 {
|
|
transition: background-color .2s,transform .2s
|
|
}
|
|
|
|
.stickerButtonWithNotification__74017 {
|
|
margin-top: 1px;
|
|
padding-inline:2px}
|
|
|
|
@keyframes wiggle__74017 {
|
|
0% {
|
|
transform: rotate(0)
|
|
}
|
|
|
|
30% {
|
|
transform: rotate(8deg)
|
|
}
|
|
|
|
40% {
|
|
transform: rotate(8deg)
|
|
}
|
|
|
|
80% {
|
|
transform: rotate(-6deg)
|
|
}
|
|
|
|
to {
|
|
transform: rotate(0deg)
|
|
}
|
|
}
|
|
|
|
.floatingBars__74017 {
|
|
margin-bottom: 0;
|
|
min-height: 0
|
|
}
|
|
|
|
.floatingBars__74017 .newMemberActionBar__74017 {
|
|
margin-inline:0}
|
|
|
|
.stackedBars__74017 {
|
|
background: var(--background-surface-higher)
|
|
}
|
|
|
|
.stackedBars__74017>:not(:last-child) {
|
|
border-bottom: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.floatingBars__74017:empty+.stackedBars__74017:nth-child(2),.stackedBars__74017:first-child {
|
|
border-start-end-radius: var(--radius-sm);
|
|
border-start-start-radius: var(--radius-sm)
|
|
}
|
|
|
|
.stackedBars__74017:not(:last-child) {
|
|
border-bottom: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.sparkles__74017 {
|
|
height: 150%;
|
|
inset-inline-start: -10px;
|
|
position: absolute;
|
|
top: -10px;
|
|
width: 150%
|
|
}
|
|
|
|
.expressionPickerPositionLayer__74017 {
|
|
inset-inline-start: 86px
|
|
}
|
|
|
|
.theme-dark.custom-theme-background .stackedBars__74017 {
|
|
background: var(--background-gradient-lowest,var(--background-base-lower))
|
|
}
|
|
|
|
.theme-dark.custom-theme-background .textAreaMobileThemed__74017 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.theme-light.custom-theme-background .stackedBars__74017 {
|
|
background: var(--background-gradient-lower,var(--background-base-lower))
|
|
}
|
|
|
|
.theme-light.custom-theme-background .textAreaMobileThemed__74017 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.theme-brand .inner__74017 {
|
|
background-color: var(--brand-400)
|
|
}
|
|
|
|
.theme-brand .textArea__74017 {
|
|
color: var(--opacity-white-68)
|
|
}
|
|
|
|
.theme-brand .textArea__74017::-moz-placeholder {
|
|
color: var(--opacity-white-28)
|
|
}
|
|
|
|
.theme-brand .textArea__74017::placeholder {
|
|
color: var(--opacity-white-28)
|
|
}
|
|
|
|
.textArea__74017:not(.textAreaSlate__74017) {
|
|
box-sizing: border-box;
|
|
min-height: var(--custom-channel-textarea-text-area-height);
|
|
padding: calc((var(--custom-channel-textarea-text-area-height) - var(--chat-markup-line-height))/2) 0
|
|
}
|
|
|
|
.enable-forced-colors .scrollableContainer__74017 {
|
|
overflow-y: auto;
|
|
padding-inline-end:12px}
|
|
|
|
.enable-forced-colors .scrollableContainer__74017::-webkit-scrollbar {
|
|
width: 8px
|
|
}
|
|
|
|
.enable-forced-colors .scrollableContainer__74017::-webkit-scrollbar-track {
|
|
border-radius: 0 8px 8px 0
|
|
}
|
|
|
|
.enable-forced-colors .scrollableContainer__74017::-webkit-scrollbar-thumb,.enable-forced-colors .scrollableContainer__74017::-webkit-scrollbar-track {
|
|
border-width: 1px
|
|
}
|
|
|
|
.enable-forced-colors .scrollableContainer__74017::-webkit-scrollbar-thumb {
|
|
background-color: CanvasText
|
|
}
|
|
|
|
.announcementScrollableContainer__74017 {
|
|
max-height: calc(var(--custom-channel-textarea-text-area-max-height) + 80px)
|
|
}
|
|
|
|
.divider__908e2 {
|
|
align-items: center;
|
|
border-top: thin solid var(--border-subtle);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
height: 0;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
position: relative;
|
|
z-index: 1;
|
|
--divider-color: var(--background-feedback-notification)
|
|
}
|
|
|
|
.custom-theme-background .divider__908e2 {
|
|
border-top-color: var(--border-strong)
|
|
}
|
|
|
|
.low-saturation .divider__908e2 {
|
|
--divider-color: var(--red-430)
|
|
}
|
|
|
|
.background-opacity-low .divider__908e2,.background-opacity-medium .divider__908e2 {
|
|
opacity: .5
|
|
}
|
|
|
|
.background-opacity-high .divider__908e2 {
|
|
opacity: .8
|
|
}
|
|
|
|
.isUnread__908e2,.custom-theme-background .isUnread__908e2 {
|
|
border-color: var(--divider-color)
|
|
}
|
|
|
|
.hasContent__908e2 {
|
|
inset-inline: auto;
|
|
position: relative
|
|
}
|
|
|
|
.endCap__908e2 {
|
|
align-items: center;
|
|
border-inline-start:none;border-radius: 0 4px 4px 0;
|
|
box-sizing: border-box;
|
|
color: var(--white);
|
|
display: flex;
|
|
font-size: 10px;
|
|
font-weight: var(--font-weight-bold);
|
|
height: 13px;
|
|
inset-inline-end: 0;
|
|
justify-content: center;
|
|
line-height: 9px;
|
|
padding-block:0;padding-inline:1px 4px;position: absolute;
|
|
text-transform: uppercase;
|
|
top: -7px
|
|
}
|
|
|
|
.unreadPill__908e2 {
|
|
background-color: var(--divider-color)
|
|
}
|
|
|
|
.unreadPillCap__908e2 {
|
|
display: block;
|
|
height: 13px;
|
|
inset-inline-start: -8px;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.unreadPillCapStroke__908e2 {
|
|
color: var(--divider-color);
|
|
fill: var(--divider-color)
|
|
}
|
|
|
|
.content__908e2 {
|
|
background: var(--background-gradient-chat,var(--background-base-lower));
|
|
border-radius: 8px;
|
|
color: var(--text-muted);
|
|
display: block;
|
|
flex: 0 0 auto;
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 13px;
|
|
margin-top: -1px;
|
|
padding: 2px 4px;
|
|
padding-inline-start:var(--space-4)}
|
|
|
|
.isUnread__908e2 .content__908e2 {
|
|
color: var(--divider-color)
|
|
}
|
|
|
|
.stickerPreviews_a4cf0b {
|
|
padding-block:10px;padding-inline:16px 0}
|
|
|
|
.stickerPreviewContainer_a4cf0b {
|
|
display: inline-block;
|
|
position: relative
|
|
}
|
|
|
|
.stickerPreview_a4cf0b {
|
|
margin-inline-end:4px}
|
|
|
|
.stickerPreviewDivider_a4cf0b {
|
|
margin-inline-start:16px}
|
|
|
|
.closeButton_a4cf0b {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
inset-inline-end: 0;
|
|
line-height: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 1
|
|
}
|
|
|
|
.closeButton_a4cf0b:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.closeIconContainer_a4cf0b {
|
|
background: var(--channeltextarea-background);
|
|
border-radius: 100%
|
|
}
|
|
|
|
.closeIcon_a4cf0b {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.closeButton_e876a8 {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
flex: 0 0 auto;
|
|
line-height: 0;
|
|
padding-block:8px;padding-inline:var(--space-12)}
|
|
|
|
.closeButton_e876a8: hover {
|
|
color:var(--interactive-text-hover)
|
|
}
|
|
|
|
.closeIcon_e876a8 {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.heading-sm\/normal__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/normal__84522.fontScaling__84522 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/medium__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/medium__84522.fontScaling__84522 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/semibold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/semibold__84522.fontScaling__84522 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/bold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/bold__84522.fontScaling__84522 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/extrabold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 800;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/extrabold__84522.fontScaling__84522 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-md\/normal__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/normal__84522.fontScaling__84522 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/medium__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/medium__84522.fontScaling__84522 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/semibold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/semibold__84522.fontScaling__84522 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/bold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/bold__84522.fontScaling__84522 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/extrabold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/extrabold__84522.fontScaling__84522 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-lg\/normal__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/normal__84522.fontScaling__84522 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/medium__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/medium__84522.fontScaling__84522 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/semibold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/semibold__84522.fontScaling__84522 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/bold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/bold__84522.fontScaling__84522 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/extrabold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/extrabold__84522.fontScaling__84522 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-xl\/normal__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/normal__84522.fontScaling__84522 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/medium__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/medium__84522.fontScaling__84522 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/semibold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/semibold__84522.fontScaling__84522 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/bold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/bold__84522.fontScaling__84522 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/extrabold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/extrabold__84522.fontScaling__84522 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xxl\/normal__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/normal__84522.fontScaling__84522 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/medium__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/medium__84522.fontScaling__84522 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/semibold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/semibold__84522.fontScaling__84522 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/bold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/bold__84522.fontScaling__84522 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/extrabold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/extrabold__84522.fontScaling__84522 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.eyebrow__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: .02em;
|
|
line-height: 1.3333333333333333;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.eyebrow__84522.fontScaling__84522 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/normal__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/normal__84522.fontScaling__84522 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/medium__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/medium__84522.fontScaling__84522 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold__84522.fontScaling__84522 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/bold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/bold__84522.fontScaling__84522 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold__84522.fontScaling__84522 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.redesign\/heading-18\/bold__84522 {
|
|
font-family: var(--font-display);
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/heading-18\/bold__84522.fontScaling__84522 {
|
|
font-size: 1.125rem
|
|
}
|
|
|
|
.text-xxs\/normal__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/normal__84522.fontScaling__84522 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/medium__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/medium__84522.fontScaling__84522 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/semibold__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/semibold__84522.fontScaling__84522 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/bold__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/bold__84522.fontScaling__84522 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xs\/normal__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/normal__84522.fontScaling__84522 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/medium__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/medium__84522.fontScaling__84522 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/semibold__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/semibold__84522.fontScaling__84522 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/bold__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/bold__84522.fontScaling__84522 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-sm\/normal__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/normal__84522.fontScaling__84522 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/medium__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/medium__84522.fontScaling__84522 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/semibold__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/semibold__84522.fontScaling__84522 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/bold__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/bold__84522.fontScaling__84522 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-md\/normal__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/normal__84522.fontScaling__84522 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/medium__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/medium__84522.fontScaling__84522 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/semibold__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/semibold__84522.fontScaling__84522 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/bold__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/bold__84522.fontScaling__84522 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-lg\/normal__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/normal__84522.fontScaling__84522 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/medium__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/medium__84522.fontScaling__84522 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/semibold__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/semibold__84522.fontScaling__84522 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/bold__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/bold__84522.fontScaling__84522 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.redesign\/message-preview\/normal__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/normal__84522.fontScaling__84522 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/medium__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/medium__84522.fontScaling__84522 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold__84522.fontScaling__84522 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/bold__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/bold__84522.fontScaling__84522 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/channel-title\/normal__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/normal__84522.fontScaling__84522 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/medium__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/medium__84522.fontScaling__84522 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold__84522.fontScaling__84522 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/bold__84522 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/bold__84522.fontScaling__84522 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.display-sm__84522 {
|
|
font-family: var(--font-headline);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1
|
|
}
|
|
|
|
.display-sm__84522.fontScaling__84522 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.display-md__84522 {
|
|
font-family: var(--font-headline);
|
|
font-size: 34px;
|
|
font-weight: 800;
|
|
line-height: 1.0588235294117647
|
|
}
|
|
|
|
.display-md__84522.fontScaling__84522 {
|
|
font-size: 2.125rem
|
|
}
|
|
|
|
.display-lg__84522 {
|
|
font-family: var(--font-headline);
|
|
font-size: 44px;
|
|
font-weight: 800;
|
|
line-height: .9545454545454546
|
|
}
|
|
|
|
.display-lg__84522.fontScaling__84522 {
|
|
font-size: 2.75rem
|
|
}
|
|
|
|
.code__84522 {
|
|
font-family: var(--font-code);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.code__84522.fontScaling__84522 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.bar__84522 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding-bottom: 2px;
|
|
padding-inline-start:16px;padding-top: 2px
|
|
}
|
|
|
|
.commandInfo__84522 {
|
|
align-items: baseline;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
gap: 8px;
|
|
line-height: 16px
|
|
}
|
|
|
|
.name__84522 {
|
|
color: var(--interactive-text-active);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 20px
|
|
}
|
|
|
|
.description__84522 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.description__84522,.error__84522 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.error__84522 {
|
|
color: var(--red-400)
|
|
}
|
|
|
|
.actions__84522 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.bar__4930d {
|
|
align-items: center;
|
|
background: var(--background-surface-higher);
|
|
border-radius: 8px 8px 0 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
justify-content: start;
|
|
padding: var(--space-8) var(--space-16)
|
|
}
|
|
|
|
.clipContainer__841c8 {
|
|
margin-top: 0;
|
|
overflow: hidden;
|
|
padding-top: 3px
|
|
}
|
|
|
|
.container__841c8 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.replyBar__841c8,.threadSuggestionBar__841c8 {
|
|
background: var(--background-base-lower);
|
|
background-color: unset;
|
|
border-bottom: none;
|
|
cursor: pointer
|
|
}
|
|
|
|
.theme-dark.custom-theme-background .replyBar__841c8,.theme-dark.custom-theme-background .threadSuggestionBar__841c8 {
|
|
background: var(--background-gradient-lowest,var(--background-base-lower))
|
|
}
|
|
|
|
.theme-light.custom-theme-background .replyBar__841c8,.theme-light.custom-theme-background .threadSuggestionBar__841c8 {
|
|
background: var(--background-gradient-lower,var(--background-base-lower))
|
|
}
|
|
|
|
.replyBar__841c8 {
|
|
align-items: center;
|
|
border-start-end-radius: 8px;
|
|
border-start-start-radius: 8px;
|
|
display: grid;
|
|
grid-template-columns: 1fr auto
|
|
}
|
|
|
|
.threadSuggestionBar__841c8 {
|
|
border-top: 1px solid var(--border-subtle);
|
|
box-shadow: 0 3px 0 var(--background-base-lower);
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding-bottom: 7px;
|
|
padding-top: 7px
|
|
}
|
|
|
|
.text__841c8 {
|
|
margin-inline-start:var(--space-16);overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.replyLabel__841c8 {
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.name__841c8 {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.actions__841c8 {
|
|
flex: 0 0 auto;
|
|
margin-inline-end:var(--space-4)}
|
|
|
|
.actions__841c8,.mentionButton__841c8 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.mentionButton__841c8 {
|
|
cursor: pointer;
|
|
padding: 8px 12px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.mentionIcon__841c8 {
|
|
height: 16px;
|
|
margin-inline-end:4px;width: 16px
|
|
}
|
|
|
|
.separator__841c8 {
|
|
background-color: var(--border-subtle);
|
|
height: 20px;
|
|
width: 1px
|
|
}
|
|
|
|
.createThreadButton__841c8 {
|
|
margin-inline:8px;white-space: nowrap
|
|
}
|
|
|
|
.bar_d90114 {
|
|
align-items: center;
|
|
background: var(--background-surface-higher);
|
|
border-radius: 8px 8px 0 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
justify-content: start;
|
|
padding: var(--space-8) var(--space-16)
|
|
}
|
|
|
|
.error_d90114 {
|
|
color: var(--red-400);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.small__258ba {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.medium__258ba {
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.large__258ba {
|
|
height: 40px;
|
|
width: 40px
|
|
}
|
|
|
|
.container__183e8 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden
|
|
}
|
|
|
|
.banner__183e8 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lowest);
|
|
border-start-end-radius: var(--radius-sm);
|
|
border-start-start-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-grow: 1;
|
|
padding: var(--space-md) var(--space-md);
|
|
padding-bottom: var(--space-md)
|
|
}
|
|
|
|
.bannerForumChannel__183e8 {
|
|
border-end-end-radius: var(--radius-sm);
|
|
border-end-start-radius: var(--radius-sm)
|
|
}
|
|
|
|
.text__183e8 {
|
|
flex-grow: 1;
|
|
margin-inline-start:8px}
|
|
|
|
.clickable__183e8 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.channelIcon__183e8 {
|
|
color: var(--channel-icon);
|
|
height: 20px;
|
|
padding: 4px;
|
|
width: 20px
|
|
}
|
|
|
|
.iconCircle__183e8 {
|
|
align-items: center;
|
|
background-color: var(--brand-500);
|
|
border-radius: 10px;
|
|
display: flex;
|
|
height: 20px;
|
|
justify-content: center;
|
|
width: 20px
|
|
}
|
|
|
|
.nextIcon__183e8 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.completed__183e8 {
|
|
color: var(--status-positive)
|
|
}
|
|
|
|
.clipContainer_ba21b4 {
|
|
margin-top: 0;
|
|
overflow: hidden;
|
|
padding-top: 3px
|
|
}
|
|
|
|
.container_ba21b4 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.scheduledMessageBar_ba21b4 {
|
|
align-items: center;
|
|
background: var(--background-base-lower);
|
|
background-color: unset;
|
|
border-bottom: none;
|
|
cursor: pointer
|
|
}
|
|
|
|
.theme-dark.custom-theme-background .scheduledMessageBar_ba21b4 {
|
|
background: var(--background-gradient-lowest,var(--background-base-lower))
|
|
}
|
|
|
|
.theme-light.custom-theme-background .scheduledMessageBar_ba21b4 {
|
|
background: var(--background-gradient-lower,var(--background-base-lower))
|
|
}
|
|
|
|
.scheduledMessageBar_ba21b4 {
|
|
box-shadow: 0 3px 0 var(--background-base-lower);
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.text_ba21b4 {
|
|
margin-inline-start:var(--space-16);overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.scheduledMessageBarLabel_ba21b4 {
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.actions_ba21b4 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
margin-inline-end:var(--space-4)}
|
|
|
|
.buttonContainer_e6e74f {
|
|
border-radius: 8px;
|
|
margin-top: unset;
|
|
transition-duration: .2s
|
|
}
|
|
|
|
.buttonContainer_e6e74f:hover {
|
|
background-color: var(--interactive-background-selected)
|
|
}
|
|
|
|
.button_e6e74f {
|
|
align-items: center;
|
|
background: unset;
|
|
border: unset;
|
|
border-radius: 8px;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: auto;
|
|
justify-content: center;
|
|
min-height: var(--space-32);
|
|
min-width: var(--space-32);
|
|
width: unset
|
|
}
|
|
|
|
.button_e6e74f:active,.button_e6e74f:hover,.buttonActive_e6e74f {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.channelAppLauncher_e6e74f {
|
|
align-content: flex-end;
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative
|
|
}
|
|
|
|
.hiddenAppLauncherAnchor_e6e74f {
|
|
height: 0;
|
|
width: 0
|
|
}
|
|
|
|
.entrypointAnimation_e6e74f {
|
|
height: 44px;
|
|
width: 44px
|
|
}
|
|
|
|
.entrypointAnimation_e6e74f .buttonContainer_e6e74f:hover {
|
|
background-color: transparent
|
|
}
|
|
|
|
.animationGlow_e6e74f {
|
|
bottom: -44px;
|
|
height: 132px;
|
|
inset-inline-start: -32px;
|
|
width: 108px
|
|
}
|
|
|
|
.animationTrinkets_e6e74f {
|
|
bottom: -24px;
|
|
height: 100px;
|
|
inset-inline-start: -24px;
|
|
width: 100px
|
|
}
|
|
|
|
.channelAppLauncherButtonPopoutIconContainer_e6e74f {
|
|
border-radius: 8px;
|
|
outline: 2px solid var(--brand-500);
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
.full-motion .channelAppLauncherButtonPopoutIcon_e6e74f {
|
|
animation: channelAppLauncherButtonPopoutIconAnimation_e6e74f 3s;
|
|
animation-delay: 10ms;
|
|
transform: translateY(-100%)
|
|
}
|
|
|
|
@keyframes channelAppLauncherButtonPopoutIconAnimation_e6e74f {
|
|
0% {
|
|
transform: translateY(-100%)
|
|
}
|
|
|
|
6% {
|
|
transform: translateY(0)
|
|
}
|
|
|
|
94% {
|
|
transform: translateY(0)
|
|
}
|
|
|
|
to {
|
|
transform: translateY(100%)
|
|
}
|
|
}
|
|
|
|
.channelAppLauncherButtonPopoutIconShimmerContainer_e6e74f {
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.channelAppLauncherButtonPopoutIconShimmer_e6e74f {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: auto;
|
|
transform: translateX(-100%)
|
|
}
|
|
|
|
.full-motion .channelAppLauncherButtonPopoutIconShimmer_e6e74f {
|
|
animation: channelAppLauncherButtonPopoutIconShimmerAnimation_e6e74f 3s
|
|
}
|
|
|
|
@keyframes channelAppLauncherButtonPopoutIconShimmerAnimation_e6e74f {
|
|
0% {
|
|
transform: translateX(-100%)
|
|
}
|
|
|
|
10% {
|
|
transform: translateX(-100%)
|
|
}
|
|
|
|
22% {
|
|
transform: translateX(100%)
|
|
}
|
|
|
|
to {
|
|
transform: translateX(100%)
|
|
}
|
|
}
|
|
|
|
@keyframes pulseIcon__24af7 {
|
|
0%,to {
|
|
transform: scale(var(--custom-channel-text-area-button-hover-scale))
|
|
}
|
|
|
|
50% {
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes pulseButton__24af7 {
|
|
0%,to {
|
|
opacity: .3
|
|
}
|
|
|
|
50% {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes sparkle__24af7 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: rotate(-50deg) scale(0)
|
|
}
|
|
|
|
20% {
|
|
opacity: 1;
|
|
transform: rotate(0deg) scale(1)
|
|
}
|
|
|
|
40% {
|
|
opacity: 0;
|
|
transform: rotate(50deg) scale(0)
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: rotate(-50deg) scale(0)
|
|
}
|
|
}
|
|
|
|
.button__24af7 {
|
|
align-items: center;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.button__24af7:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.button__24af7:active {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.button__24af7.disabled__24af7 {
|
|
cursor: not-allowed;
|
|
opacity: .5
|
|
}
|
|
|
|
.button__24af7:not(.noHover__24af7) {
|
|
border-radius: 8px;
|
|
transition-duration: .2s
|
|
}
|
|
|
|
.button__24af7:not(.noHover__24af7):hover {
|
|
background-color: var(--interactive-background-selected)
|
|
}
|
|
|
|
.iconMask__24af7 {
|
|
display: block;
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.buttonContent__24af7 {
|
|
position: relative
|
|
}
|
|
|
|
.icon__24af7 {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.pulseIcon__24af7 {
|
|
animation: pulseIcon__24af7 .6s ease
|
|
}
|
|
|
|
.pulseButton__24af7 .buttonWrapper__24af7 {
|
|
animation: pulseButton__24af7 .6s ease
|
|
}
|
|
|
|
.buttonWrapper__24af7 svg {
|
|
display: block
|
|
}
|
|
|
|
.notificationDot__24af7 {
|
|
background-color: var(--background-feedback-notification);
|
|
border-radius: 100%;
|
|
bottom: 0;
|
|
height: 7px;
|
|
inset-inline-end: 0;
|
|
transform: translateY(-5%);
|
|
width: 7px
|
|
}
|
|
|
|
.notificationDot__24af7,.sparkleContainer__24af7 {
|
|
position: absolute
|
|
}
|
|
|
|
.sparkleStar__24af7 {
|
|
color: var(--gold);
|
|
inset-inline-start: 20px;
|
|
top: -12px
|
|
}
|
|
|
|
.sparklePlus__24af7,.sparkleStar__24af7 {
|
|
animation: sparkle__24af7 2.5s ease-in-out infinite;
|
|
position: relative
|
|
}
|
|
|
|
.sparklePlus__24af7 {
|
|
animation-delay: .5s;
|
|
color: var(--brand-500);
|
|
inset-inline-start: -20px;
|
|
opacity: 0;
|
|
top: 16px
|
|
}
|
|
|
|
.active__24af7 .buttonWrapper__24af7,.buttonWrapper__24af7:hover {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.container_c0c49a {
|
|
display: flex;
|
|
position: relative
|
|
}
|
|
|
|
.container_c0c49a:before {
|
|
background: var(--custom-promotion-gradient);
|
|
border-radius: 8px;
|
|
content: "";
|
|
inset: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
transition: opacity .2s ease;
|
|
z-index: -1
|
|
}
|
|
|
|
.containerHovered_c0c49a:before {
|
|
opacity: 1
|
|
}
|
|
|
|
.iconContainer_c0c49a {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 20px;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
position: relative;
|
|
width: 20px
|
|
}
|
|
|
|
.giftBoxIcon_c0c49a {
|
|
bottom: -6px;
|
|
height: auto;
|
|
inset-inline-start: -6px;
|
|
position: absolute;
|
|
width: 32px
|
|
}
|
|
|
|
.trinketsIcon_c0c49a {
|
|
position: relative;
|
|
z-index: 3
|
|
}
|
|
|
|
.trinketsDecoration_c0c49a {
|
|
height: 140%;
|
|
inset-inline-start: -20%;
|
|
position: absolute;
|
|
top: -20%;
|
|
transform: scale(1.4);
|
|
width: 140%;
|
|
z-index: 4
|
|
}
|
|
|
|
.trinketsGlow_c0c49a {
|
|
border-radius: 8px;
|
|
height: 150%;
|
|
inset-inline-start: -25%;
|
|
-webkit-mask: radial-gradient(circle at center,transparent 0,transparent 1%,#000 0);
|
|
mask: radial-gradient(circle at center,transparent 0,transparent 1%,#000 0);
|
|
position: absolute;
|
|
top: -25%;
|
|
transform: scale(1.1);
|
|
width: 150%;
|
|
z-index: 1
|
|
}
|
|
|
|
.button_aa63ab>.disabled_aa63ab {
|
|
color: var(--icon-muted);
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.container_aa63ab {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-inline-start:0}
|
|
|
|
.separator_aa63ab {
|
|
align-self: center;
|
|
background-color: var(--border-muted);
|
|
height: var(--chat-markup-line-height);
|
|
margin-inline-start:0;width: 1px
|
|
}
|
|
|
|
.buttonContainer_aa63ab {
|
|
display: flex
|
|
}
|
|
|
|
.sendIcon_aa63ab {
|
|
height: 20px!important;
|
|
width: 20px!important
|
|
}
|
|
|
|
.button_aa63ab {
|
|
box-sizing: border-box;
|
|
margin-inline:0;min-height: var(--space-32);
|
|
min-width: var(--space-32);
|
|
padding: 4px
|
|
}
|
|
|
|
.buttonChild_aa63ab {
|
|
transition: color .25s ease-in-out
|
|
}
|
|
|
|
.activeButtonChild_aa63ab {
|
|
color: var(--text-brand)
|
|
}
|
|
|
|
.theme-dark .button_aa63ab:focus .activeButtonChild_aa63ab,.theme-dark .button_aa63ab:focus-within .activeButtonChild_aa63ab,.theme-dark .button_aa63ab:hover .activeButtonChild_aa63ab {
|
|
color: var(--brand-430)
|
|
}
|
|
|
|
.theme-dark .button_aa63ab:active .activeButtonChild_aa63ab {
|
|
color: var(--brand-500)
|
|
}
|
|
|
|
.theme-light .activeInnerButton_aa63ab:focus,.theme-light .activeInnerButton_aa63ab:hover,.theme-light .buttonContainer_aa63ab:focus,.theme-light .buttonContainer_aa63ab:hover {
|
|
color: var(--brand-560)
|
|
}
|
|
|
|
.theme-light .activeInnerButton_aa63ab:active,.theme-light .buttonContainer_aa63ab:active {
|
|
color: var(--brand-600)
|
|
}
|
|
|
|
.reduce-motion .button_aa63ab {
|
|
transition: unset
|
|
}
|
|
|
|
.container_aa63ab:before {
|
|
display: none
|
|
}
|
|
|
|
.container_ddf599 {
|
|
display: inline-flex;
|
|
padding-top: var(--space-8);
|
|
padding-inline:19px;padding-bottom: var(--space-16)
|
|
}
|
|
|
|
.container_ddf599 label[data-mana-component=checkbox] {
|
|
align-items: center;
|
|
gap: var(--space-8);
|
|
margin: calc(var(--space-4)*-1);
|
|
padding: var(--space-4)
|
|
}
|
|
|
|
.container_ddf599 label[data-mana-component=checkbox]>div:first-of-type {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.container_ddf599 label[data-mana-component=checkbox] label>div {
|
|
font-size: 14px;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.density-compact .container_ddf599 {
|
|
padding-inline:17px}
|
|
|
|
.density-cozy .container_ddf599 {
|
|
padding-inline:21px}
|
|
|
|
.icon_ddf599 {
|
|
height: 1em;
|
|
margin-bottom: -2px;
|
|
margin-top: -2px;
|
|
margin-inline:0;margin-inline-end:2px;width: 1em
|
|
}
|
|
|
|
.icon_ddf599,.label_ddf599 {
|
|
display: inline
|
|
}
|
|
|
|
.upload_aa605f {
|
|
background: var(--background-gradient-higher,var(--background-base-lower));
|
|
background-color: var(--background-surface-high);
|
|
border: 1px solid var(--border-normal);
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: var(--shadow-low);
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
margin: 0;
|
|
max-height: 200px;
|
|
max-width: 200px;
|
|
min-height: 200px;
|
|
min-width: 200px;
|
|
padding: 8px;
|
|
position: relative
|
|
}
|
|
|
|
.upload_aa605f:focus .smallActionBar_aa605f,.upload_aa605f:focus-within .smallActionBar_aa605f {
|
|
opacity: 1
|
|
}
|
|
|
|
.upload_aa605f.sizeClip_aa605f {
|
|
background-color: var(--background-mod-subtle);
|
|
flex: 1;
|
|
max-height: 400px;
|
|
max-width: 400px;
|
|
min-width: 320px;
|
|
padding: 0
|
|
}
|
|
|
|
.uploadContainer_aa605f {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
position: relative
|
|
}
|
|
|
|
.uploadContainer_aa605f:hover .smallActionBar_aa605f {
|
|
opacity: 1
|
|
}
|
|
|
|
.uploadContainer_aa605f:focus-within .smallActionBar_aa605f {
|
|
opacity: 1
|
|
}
|
|
|
|
.actionBarContainer_aa605f {
|
|
top: 0
|
|
}
|
|
|
|
.actionBar_aa605f,.actionBarContainer_aa605f {
|
|
inset-inline-end: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.actionBar_aa605f {
|
|
padding: 0;
|
|
transform: translate(25%,-25%);
|
|
z-index: 1
|
|
}
|
|
|
|
.smallActionBar_aa605f {
|
|
opacity: 0
|
|
}
|
|
|
|
.miniPopover_aa605f {
|
|
align-items: center;
|
|
height: 24px
|
|
}
|
|
|
|
@keyframes uploadIconAnimateInLeft_b78547 {
|
|
0% {
|
|
opacity: .6;
|
|
transform: translateZ(0) rotate(0deg)
|
|
}
|
|
|
|
4.1667% {
|
|
opacity: .68;
|
|
transform: translate3d(0,-1px,0) rotate(0deg)
|
|
}
|
|
|
|
30.8334% {
|
|
opacity: 1;
|
|
transform: translate3d(-48px,-10px,0) rotate(-36deg)
|
|
}
|
|
|
|
58.3334% {
|
|
opacity: 1;
|
|
transform: translate3d(-41px,-3px,0) rotate(-28deg)
|
|
}
|
|
|
|
75% {
|
|
opacity: 1;
|
|
transform: translate3d(-45px,-8px,0) rotate(-32deg)
|
|
}
|
|
|
|
83.3334% {
|
|
opacity: 1;
|
|
transform: translate3d(-44px,-7px,0) rotate(-30.7deg)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translate3d(-44px,-6px,0) rotate(-30deg)
|
|
}
|
|
}
|
|
|
|
@keyframes uploadIconAnimateInMiddle_b78547 {
|
|
0% {
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
30.8334% {
|
|
transform: translate3d(0,-10px,0)
|
|
}
|
|
|
|
58.3334% {
|
|
transform: translate3d(0,-3px,0)
|
|
}
|
|
|
|
75% {
|
|
transform: translate3d(0,-8px,0)
|
|
}
|
|
|
|
83.3334% {
|
|
transform: translate3d(0,-7px,0)
|
|
}
|
|
|
|
to {
|
|
transform: translate3d(0,-6px,0)
|
|
}
|
|
}
|
|
|
|
@keyframes uploadIconAnimateInRight_b78547 {
|
|
0% {
|
|
opacity: .6;
|
|
transform: translateZ(0) rotate(0deg)
|
|
}
|
|
|
|
4.1667% {
|
|
opacity: .68;
|
|
transform: translate3d(0,-1px,0) rotate(0deg)
|
|
}
|
|
|
|
30.8334% {
|
|
opacity: 1;
|
|
transform: translate3d(48px,-10px,0) rotate(36deg)
|
|
}
|
|
|
|
58.3334% {
|
|
opacity: 1;
|
|
transform: translate3d(41px,-3px,0) rotate(28deg)
|
|
}
|
|
|
|
75% {
|
|
opacity: 1;
|
|
transform: translate3d(45px,-8px,0) rotate(32deg)
|
|
}
|
|
|
|
83.3334% {
|
|
opacity: 1;
|
|
transform: translate3d(44px,-7px,0) rotate(30.7deg)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translate3d(44px,-6px,0) rotate(30deg)
|
|
}
|
|
}
|
|
|
|
@keyframes uploadModalShake_b78547 {
|
|
10%,90% {
|
|
transform: translate3d(-1px,0,0)
|
|
}
|
|
|
|
20%,80% {
|
|
transform: translate3d(2px,0,0)
|
|
}
|
|
|
|
30%,50%,70% {
|
|
transform: translate3d(-4px,0,0)
|
|
}
|
|
|
|
40%,60% {
|
|
transform: translate3d(4px,0,0)
|
|
}
|
|
}
|
|
|
|
@keyframes uploadTextFadeIn_b78547 {
|
|
0%,8.334% {
|
|
opacity: 0;
|
|
transform: translate3d(0,-4px,0)
|
|
}
|
|
|
|
45.8%,to {
|
|
opacity: 1;
|
|
transform: translateZ(0)
|
|
}
|
|
}
|
|
|
|
@keyframes uploadModalBounceTransition_b78547 {
|
|
0% {
|
|
transform: translateZ(0) scale(.99)
|
|
}
|
|
|
|
50% {
|
|
transform: translateZ(0) scale(1.005)
|
|
}
|
|
|
|
to {
|
|
transform: translateZ(0) scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes uploadModalBounce_b78547 {
|
|
0% {
|
|
transform: translateZ(0) scale(.99)
|
|
}
|
|
|
|
15%,to {
|
|
inset: -10px
|
|
}
|
|
|
|
33.3334% {
|
|
transform: translateZ(0) scale(1.005)
|
|
}
|
|
|
|
54.1667% {
|
|
transform: translateZ(0) scale(.995)
|
|
}
|
|
|
|
70.8334%,to {
|
|
transform: translateZ(0) scale(1)
|
|
}
|
|
}
|
|
|
|
.uploadArea_b78547 {
|
|
align-items: center;
|
|
background: var(--opacity-black-80);
|
|
color: var(--white);
|
|
display: flex;
|
|
font-size: 36px;
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
justify-content: center;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
visibility: hidden;
|
|
width: 100%;
|
|
z-index: 2000
|
|
}
|
|
|
|
.uploadArea_b78547 strong {
|
|
font-weight: var(--font-weight-bold)
|
|
}
|
|
|
|
.uploadArea_b78547.droppable_b78547 {
|
|
visibility: visible
|
|
}
|
|
|
|
.uploadArea_b78547.uploadModalIn_b78547 {
|
|
opacity: 1
|
|
}
|
|
|
|
.uploadDropModal_b78547 {
|
|
animation: uploadIconAnimateIn_b78547 .25s ease-in-out 0s normal forwards;
|
|
display: flex;
|
|
height: 170px;
|
|
pointer-events: none;
|
|
position: relative;
|
|
width: 310px
|
|
}
|
|
|
|
.uploadDropModal_b78547 .instructions_b78547,.uploadDropModal_b78547 .title_b78547 {
|
|
animation: uploadTextFadeIn_b78547 1s ease .175s normal forwards;
|
|
opacity: 0
|
|
}
|
|
|
|
.uploadDropModal_b78547 .instructions_b78547 {
|
|
animation-delay: .185s;
|
|
animation-duration: 1.25s
|
|
}
|
|
|
|
.uploadDropModal_b78547 .bgScale_b78547 {
|
|
background: var(--brand-500);
|
|
border-radius: 10px;
|
|
inset: 0;
|
|
position: absolute;
|
|
z-index: -1
|
|
}
|
|
|
|
.full-motion .uploadDropModal_b78547 .bgScale_b78547 {
|
|
animation: uploadModalBounce_b78547 .8s ease 0s normal forwards
|
|
}
|
|
|
|
.uploadDropModal_b78547 .inner_b78547 {
|
|
align-items: center;
|
|
border: 2px dashed var(--opacity-white-40);
|
|
border-radius: 6px;
|
|
color: var(--white);
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.uploadDropModal_b78547 .inner_b78547 .title_b78547 {
|
|
box-sizing: border-box;
|
|
color: var(--white);
|
|
font-size: 22px;
|
|
font-weight: var(--font-weight-bold);
|
|
padding: 0 8px;
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.uploadDropModal_b78547 .inner_b78547 .title_b78547 strong {
|
|
color: var(--white)
|
|
}
|
|
|
|
.uploadDropModal_b78547 .inner_b78547 .instructions_b78547 {
|
|
color: var(--white);
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
margin-top: 4px;
|
|
margin-inline-start:4px;text-align: center
|
|
}
|
|
|
|
.icons_b78547 {
|
|
height: 60px;
|
|
position: relative;
|
|
width: 100px
|
|
}
|
|
|
|
.icon_b78547 {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
flex-shrink: 0;
|
|
height: 130px;
|
|
transform: translateZ(0);
|
|
width: 100px
|
|
}
|
|
|
|
.icon_b78547.one_b78547,.icon_b78547.three_b78547,.icon_b78547.two_b78547 {
|
|
position: absolute
|
|
}
|
|
|
|
.full-motion .icon_b78547.one_b78547 {
|
|
animation: uploadIconAnimateInLeft_b78547 .8s ease 0s normal forwards;
|
|
opacity: 0
|
|
}
|
|
|
|
.full-motion .icon_b78547.two_b78547 {
|
|
animation: uploadIconAnimateInMiddle_b78547 .8s ease 0s normal forwards;
|
|
filter: drop-shadow(0 0 48px rgba(88,101,242,.5))
|
|
}
|
|
|
|
.full-motion .icon_b78547.three_b78547 {
|
|
animation: uploadIconAnimateInRight_b78547 .8s ease 0s normal forwards;
|
|
opacity: 0
|
|
}
|
|
|
|
.reduce-motion .icon_b78547.one_b78547 {
|
|
transform: translate3d(-44px,-6px,0) rotate(-30deg)
|
|
}
|
|
|
|
.reduce-motion .icon_b78547.two_b78547 {
|
|
transform: translate3d(0,-6px,0)
|
|
}
|
|
|
|
.reduce-motion .icon_b78547.three_b78547 {
|
|
transform: translate3d(44px,-6px,0) rotate(30deg)
|
|
}
|
|
|
|
.wrapOne_b78547 {
|
|
transform: translate3d(0,-70px,0)
|
|
}
|
|
|
|
.wrapTwo_b78547 {
|
|
transform: translate3d(0,-80px,0)
|
|
}
|
|
|
|
.wrapThree_b78547 {
|
|
transform: translate3d(0,-70px,0)
|
|
}
|
|
|
|
.document_b78547 {
|
|
background-image: url(/assets/9ebe3ef63aafee84.svg)
|
|
}
|
|
|
|
.image_b78547 {
|
|
background-image: url(/assets/5dea307a4037ec4e.svg)
|
|
}
|
|
|
|
.code_b78547 {
|
|
background-image: url(/assets/f4bad77442422ded.svg)
|
|
}
|
|
|
|
.crossOne_b78547,.crossTwo_b78547,.lightOne_b78547,.lightTwo_b78547,.popOne_b78547,.sparkleOne_b78547,.sparkleTwo_b78547 {
|
|
animation-iteration-count: 1!important;
|
|
opacity: .95;
|
|
z-index: 1
|
|
}
|
|
|
|
.sparkleOne_b78547 {
|
|
bottom: -40px;
|
|
inset-inline-end: -15px
|
|
}
|
|
|
|
.sparkleTwo_b78547 {
|
|
animation-delay: 1.2s;
|
|
inset-inline-end: 12px;
|
|
top: -67px
|
|
}
|
|
|
|
.lightOne_b78547 {
|
|
animation-delay: .4s;
|
|
inset-inline-end: -35px;
|
|
top: 24px
|
|
}
|
|
|
|
.lightTwo_b78547 {
|
|
animation-delay: .61s;
|
|
inset-inline-start: -10px;
|
|
top: -32px
|
|
}
|
|
|
|
.crossOne_b78547 {
|
|
animation-delay: .56s;
|
|
bottom: -35px;
|
|
inset-inline-end: 100px
|
|
}
|
|
|
|
.crossTwo_b78547 {
|
|
animation-delay: .8s;
|
|
bottom: 50px;
|
|
inset-inline-start: -70px
|
|
}
|
|
|
|
.popOne_b78547 {
|
|
animation-delay: .7s;
|
|
bottom: -40px;
|
|
inset-inline-start: 50px
|
|
}
|
|
|
|
.fileIcon_b78547 {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
flex-shrink: 0;
|
|
height: 130px;
|
|
margin-bottom: 16px;
|
|
margin-top: -16px;
|
|
width: 100px
|
|
}
|
|
|
|
.fileIcon_b78547.image_b78547 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 8px;
|
|
box-shadow: 0 2px 8px var(--opacity-black-40);
|
|
box-sizing: border-box;
|
|
-o-object-fit: contain;
|
|
object-fit: contain
|
|
}
|
|
|
|
.fileIcon_b78547.video_b78547 {
|
|
background-image: url(/assets/98178bd2173d947a.svg)
|
|
}
|
|
|
|
.fileIcon_b78547.acrobat_b78547 {
|
|
background-image: url(/assets/a42338c030af6d9c.svg)
|
|
}
|
|
|
|
.fileIcon_b78547.ae_b78547 {
|
|
background-image: url(/assets/88b289225ff6142a.svg)
|
|
}
|
|
|
|
.fileIcon_b78547.sketch_b78547 {
|
|
background-image: url(/assets/c9f0992f0ab98d49.svg)
|
|
}
|
|
|
|
.fileIcon_b78547.ai_b78547 {
|
|
background-image: url(/assets/93636da24d7ab467.svg)
|
|
}
|
|
|
|
.fileIcon_b78547.archive_b78547 {
|
|
background-image: url(/assets/f89b66e97ea52ba7.svg)
|
|
}
|
|
|
|
.fileIcon_b78547.code_b78547 {
|
|
background-image: url(/assets/f4bad77442422ded.svg)
|
|
}
|
|
|
|
.fileIcon_b78547.document_b78547 {
|
|
background-image: url(/assets/9ebe3ef63aafee84.svg)
|
|
}
|
|
|
|
.fileIcon_b78547.photoshop_b78547,.fileIcon_b78547.ps_b78547 {
|
|
background-image: url(/assets/1084490cf680dd7c.svg)
|
|
}
|
|
|
|
.fileIcon_b78547.spreadsheet_b78547 {
|
|
background-image: url(/assets/b8ca4488a6d443bc.svg)
|
|
}
|
|
|
|
.fileIcon_b78547.webcode_b78547 {
|
|
background-image: url(/assets/6e688b0c124e0ca8.svg)
|
|
}
|
|
|
|
.fileIcon_b78547.audio_b78547 {
|
|
background-image: url(/assets/a6db1d05d35f13d0.svg)
|
|
}
|
|
|
|
.fileIcon_b78547.unknown_b78547 {
|
|
background-image: url(/assets/94660b205108a49f.svg)
|
|
}
|
|
|
|
.container_b9f75c {
|
|
align-items: flex-start;
|
|
background: var(--background-surface-high);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
gap: var(--space-8);
|
|
padding: var(--space-12);
|
|
width: 100%
|
|
}
|
|
|
|
.clipIcon_b9f75c {
|
|
align-items: center;
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
height: 32px;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 32px
|
|
}
|
|
|
|
.clipIconImage_b9f75c {
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%
|
|
}
|
|
|
|
.clipTextInfo_b9f75c {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
justify-content: center;
|
|
min-width: 0
|
|
}
|
|
|
|
.clipSubtitle_b9f75c,.clipTitle_b9f75c {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.clipAvatars_b9f75c {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.actionBarIcon_a7e304 {
|
|
display: block;
|
|
height: 20px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 20px
|
|
}
|
|
|
|
.filenameContainer__41ea0 {
|
|
margin-top: auto
|
|
}
|
|
|
|
.filename__41ea0 {
|
|
margin-top: 8px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.mediaContainer__41ea0 {
|
|
margin-top: auto;
|
|
min-height: 0;
|
|
position: relative
|
|
}
|
|
|
|
.mediaContainer__41ea0>div:not([aria-expanded=false]),.mediaContainer__41ea0>div:not([aria-expanded=false])>div {
|
|
height: 100%
|
|
}
|
|
|
|
.tags__41ea0 {
|
|
bottom: 6px;
|
|
inset-inline-start: 3px;
|
|
position: absolute
|
|
}
|
|
|
|
.altTag__41ea0 {
|
|
background: var(--text-default);
|
|
border-radius: 3px;
|
|
font-size: 10px;
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-inline-end:4px;padding: 3px;
|
|
text-transform: uppercase;
|
|
z-index: 1
|
|
}
|
|
|
|
.spoilerContainer__41ea0 {
|
|
height: 100%
|
|
}
|
|
|
|
.spoilerContainer__41ea0.sizeXSmall__41ea0,.spoilerContainer__41ea0.sizeXXSmall__41ea0 {
|
|
background: none
|
|
}
|
|
|
|
.spoilerWrapper__41ea0 {
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center
|
|
}
|
|
|
|
.media__41ea0 {
|
|
border-radius: var(--radius-md);
|
|
max-width: 100%;
|
|
-o-object-fit: contain;
|
|
object-fit: contain
|
|
}
|
|
|
|
.media__41ea0.sizeClip__41ea0 {
|
|
aspect-ratio: 16/9;
|
|
border-end-end-radius: 0;
|
|
border-end-start-radius: 0
|
|
}
|
|
|
|
.media__41ea0.sizeXSmall__41ea0,.media__41ea0.sizeXXSmall__41ea0 {
|
|
border-radius: var(--radius-xs);
|
|
-o-object-fit: cover;
|
|
object-fit: cover
|
|
}
|
|
|
|
.clickableMedia__41ea0 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.spoiler__41ea0 {
|
|
filter: blur(var(--custom-channel-attachment-upload-spoiler-blur-radius));
|
|
pointer-events: none
|
|
}
|
|
|
|
.icon__41ea0 {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
height: 144px
|
|
}
|
|
|
|
.icon__41ea0.imageSmall__41ea0 {
|
|
height: var(--custom-channel-attachment-upload-mini-attachment-size)
|
|
}
|
|
|
|
.icon__41ea0.imageSmall__41ea0,.icon__41ea0.sizeXSmall__41ea0,.icon__41ea0.sizeXXSmall__41ea0 {
|
|
background-size: contain
|
|
}
|
|
|
|
.icon__41ea0.video__41ea0 {
|
|
background-image: url(/assets/98178bd2173d947a.svg)
|
|
}
|
|
|
|
.icon__41ea0.acrobat__41ea0 {
|
|
background-image: url(/assets/a42338c030af6d9c.svg)
|
|
}
|
|
|
|
.icon__41ea0.ae__41ea0 {
|
|
background-image: url(/assets/88b289225ff6142a.svg)
|
|
}
|
|
|
|
.icon__41ea0.sketch__41ea0 {
|
|
background-image: url(/assets/c9f0992f0ab98d49.svg)
|
|
}
|
|
|
|
.icon__41ea0.ai__41ea0 {
|
|
background-image: url(/assets/93636da24d7ab467.svg)
|
|
}
|
|
|
|
.icon__41ea0.archive__41ea0 {
|
|
background-image: url(/assets/f89b66e97ea52ba7.svg)
|
|
}
|
|
|
|
.icon__41ea0.code__41ea0 {
|
|
background-image: url(/assets/f4bad77442422ded.svg)
|
|
}
|
|
|
|
.icon__41ea0.document__41ea0 {
|
|
background-image: url(/assets/9ebe3ef63aafee84.svg)
|
|
}
|
|
|
|
.icon__41ea0.photoshop__41ea0,.icon__41ea0.ps__41ea0 {
|
|
background-image: url(/assets/1084490cf680dd7c.svg)
|
|
}
|
|
|
|
.icon__41ea0.spreadsheet__41ea0 {
|
|
background-image: url(/assets/b8ca4488a6d443bc.svg)
|
|
}
|
|
|
|
.icon__41ea0.webcode__41ea0 {
|
|
background-image: url(/assets/6e688b0c124e0ca8.svg)
|
|
}
|
|
|
|
.icon__41ea0.audio__41ea0 {
|
|
background-image: url(/assets/a6db1d05d35f13d0.svg)
|
|
}
|
|
|
|
.icon__41ea0.unknown__41ea0 {
|
|
background-image: url(/assets/94660b205108a49f.svg)
|
|
}
|
|
|
|
.attachmentItemSmall__41ea0 {
|
|
background-color: unset;
|
|
max-height: var(--custom-channel-attachment-upload-mini-attachment-size);
|
|
max-width: var(--custom-channel-attachment-upload-mini-attachment-size);
|
|
min-height: var(--custom-channel-attachment-upload-mini-attachment-size);
|
|
min-width: var(--custom-channel-attachment-upload-mini-attachment-size);
|
|
padding: 0
|
|
}
|
|
|
|
.imageSmall__41ea0 {
|
|
border-radius: 12px;
|
|
height: var(--custom-channel-attachment-upload-mini-attachment-size);
|
|
-o-object-fit: cover;
|
|
object-fit: cover
|
|
}
|
|
|
|
.sizeXSmall__41ea0 {
|
|
height: 48px;
|
|
min-width: 48px;
|
|
width: 48px
|
|
}
|
|
|
|
.sizeXXSmall__41ea0 {
|
|
height: 32px;
|
|
min-width: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.actionBarIcon__41ea0 {
|
|
display: block;
|
|
height: 16px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 16px
|
|
}
|
|
|
|
.action__41ea0 {
|
|
height: 16px;
|
|
min-width: 18px;
|
|
padding: 4px
|
|
}
|
|
|
|
.clipsBadge__41ea0 {
|
|
inset-inline-start: 8px;
|
|
position: absolute;
|
|
top: 8px
|
|
}
|
|
|
|
.clipsFooter__41ea0 {
|
|
background-color: transparent
|
|
}
|
|
|
|
.theme-dark .altTag__41ea0 {
|
|
color: #000;
|
|
mix-blend-mode: screen
|
|
}
|
|
|
|
.theme-light .altTag__41ea0 {
|
|
color: #fff;
|
|
mix-blend-mode: multiply
|
|
}
|
|
|
|
.emptyOption_b088b0 {
|
|
border: 2px dashed var(--text-default);
|
|
border-radius: 8px
|
|
}
|
|
|
|
.emptyOptionActive_b088b0 {
|
|
border-color: var(--text-link)
|
|
}
|
|
|
|
.clickContainer_b088b0 {
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.commandOptionContainer_b088b0 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: auto;
|
|
width: 80%
|
|
}
|
|
|
|
.optionName_b088b0 {
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: 4px;
|
|
color: var(--text-default);
|
|
inset-inline-end: 8px;
|
|
padding: 2px 6px;
|
|
position: absolute
|
|
}
|
|
|
|
.optionNameActive_b088b0 {
|
|
color: var(--text-link)
|
|
}
|
|
|
|
.optionIcon_b088b0 {
|
|
height: 100px
|
|
}
|
|
|
|
.optionHelp_b088b0 {
|
|
text-align: center
|
|
}
|
|
|
|
.fileInput_b088b0 {
|
|
display: none
|
|
}
|
|
|
|
.channelAttachmentArea_b77158 {
|
|
display: flex;
|
|
gap: 24px;
|
|
margin: 0;
|
|
overflow-x: auto;
|
|
padding: 20px 10px 10px
|
|
}
|
|
|
|
.channelAttachmentArea_b77158:last-child {
|
|
padding-inline-end:30px}
|
|
|
|
.divider_b77158 {
|
|
margin-inline-start:16px}
|
|
|
|
.root__6c5a1 {
|
|
background: var(--background-base-lower);
|
|
background-color: var(--background-surface-highest);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
max-width: 100%;
|
|
padding: var(--space-4) var(--space-8)
|
|
}
|
|
|
|
.text__6c5a1 {
|
|
margin-inline-start:4px}
|
|
|
|
.premium__6c5a1 {
|
|
flex-shrink: 0;
|
|
height: 18px;
|
|
width: 18px
|
|
}
|
|
|
|
.iconOnly__6c5a1 {
|
|
color: var(--text-default);
|
|
cursor: pointer
|
|
}
|
|
|
|
.characterCount__795fb {
|
|
align-items: flex-end;
|
|
bottom: 10px;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
flex-direction: column;
|
|
inset-inline-end: 14px;
|
|
position: absolute
|
|
}
|
|
|
|
.premiumFlair__795fb {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.premiumFlair__795fb:not(:last-child) {
|
|
margin-inline-end:4px}
|
|
|
|
.flairContainer__795fb {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 24px
|
|
}
|
|
|
|
.upsell__795fb {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.container_be506c {
|
|
margin: 8px 8px 0
|
|
}
|
|
|
|
.toolbar_bba883 {
|
|
align-items: center;
|
|
background-color: var(--primary-800);
|
|
border-radius: 4px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
color: var(--primary-300);
|
|
display: flex;
|
|
flex-direction: column;
|
|
pointer-events: all;
|
|
position: absolute
|
|
}
|
|
|
|
.toolbar_bba883:before {
|
|
border-inline-end:8px solid transparent;border-inline-start:8px solid transparent;border-top: 8px solid var(--primary-800);
|
|
bottom: -8px;
|
|
content: "";
|
|
height: 0;
|
|
inset-inline-start: calc(50% - 8px);
|
|
position: absolute;
|
|
width: 0
|
|
}
|
|
|
|
.buttons_bba883 {
|
|
border-radius: 4px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 32px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.staticToolbar_bba883 {
|
|
border-radius: 4px 4px 0 0;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: calc(var(--space-4)*-1)
|
|
}
|
|
|
|
.staticToolbar_bba883 .button_bba883:first-of-type {
|
|
border-start-start-radius: 4px
|
|
}
|
|
|
|
.theme-dark .staticToolbar_bba883 {
|
|
background-color: var(--background-mod-normal)
|
|
}
|
|
|
|
.theme-light .staticToolbar_bba883 {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.staticButtons_bba883 {
|
|
border-radius: 4px 4px 0 0;
|
|
display: flex
|
|
}
|
|
|
|
.emojiButton_bba883 {
|
|
padding-inline-end:8px}
|
|
|
|
.divider_bba883 {
|
|
border-inline-start:1px solid var(--opacity-white-4);display: inline-block;
|
|
height: 20px;
|
|
margin: 6px
|
|
}
|
|
|
|
.button_bba883 {
|
|
align-items: center;
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
color: var(--primary-300);
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 0;
|
|
width: 32px
|
|
}
|
|
|
|
.button_bba883:hover {
|
|
background-color: var(--interactive-background-hover);
|
|
color: var(--primary-100)
|
|
}
|
|
|
|
.button_bba883[aria-pressed=true] {
|
|
background-color: var(--interactive-background-selected);
|
|
color: var(--white)
|
|
}
|
|
|
|
.buttonInner_bba883,.icon_bba883 {
|
|
height: 20px
|
|
}
|
|
|
|
.icon_bba883 {
|
|
color: currentColor;
|
|
width: 20px
|
|
}
|
|
|
|
.staticIcon_bba883 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.staticDivider_bba883 {
|
|
border-inline-start:1px solid var(--border-subtle)}
|
|
|
|
.body_c93be2 {
|
|
margin-bottom: 40px;
|
|
margin-top: 40px
|
|
}
|
|
|
|
.textArea_c93be2 {
|
|
--channel-text-area-placeholder: var(--input-placeholder-text-default);
|
|
height: 136px;
|
|
transition: border-color .2s ease-in-out
|
|
}
|
|
|
|
.textArea_c93be2:focus-within {
|
|
border-color: var(--text-link)
|
|
}
|
|
|
|
.textArea_c93be2>div {
|
|
height: 100%
|
|
}
|
|
|
|
.editorTextArea_c93be2 {
|
|
height: 136px
|
|
}
|
|
|
|
.theme-dark .textArea_c93be2 *>span {
|
|
color: var(--white)
|
|
}
|
|
|
|
.theme-light .textArea_c93be2 *>span {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.container__8564e {
|
|
align-items: center;
|
|
background-color: var(--primary-860);
|
|
border-radius: var(--radius-sm);
|
|
cursor: pointer;
|
|
display: flex;
|
|
gap: var(--space-6);
|
|
height: var(--space-32);
|
|
justify-content: center;
|
|
opacity: .7;
|
|
padding: 0 var(--space-16);
|
|
width: 140px
|
|
}
|
|
|
|
.container__8564e.refresh__8564e {
|
|
background-color: var(--background-mod-subtle);
|
|
border-color: var(--border-muted);
|
|
opacity: 1
|
|
}
|
|
|
|
.contentContainer__8564e {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-6);
|
|
min-width: 0
|
|
}
|
|
|
|
.soundIcon__8564e {
|
|
min-height: 14px;
|
|
min-width: 14px
|
|
}
|
|
|
|
.text__8564e {
|
|
color: var(--white)
|
|
}
|
|
|
|
.text__8564e.refresh__8564e {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.customGiftHeader__8564e {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
box-shadow: var(--elevation-low);
|
|
display: block;
|
|
grid-column: 1/3;
|
|
grid-row: 1/2;
|
|
padding: 12px;
|
|
z-index: 1
|
|
}
|
|
|
|
.searchAndSound__8564e {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-top: 10px
|
|
}
|
|
|
|
.container__231eb {
|
|
align-items: center;
|
|
background-color: var(--primary-860);
|
|
border-radius: var(--radius-sm);
|
|
cursor: pointer;
|
|
display: flex;
|
|
gap: var(--space-6);
|
|
height: var(--space-32);
|
|
justify-content: center;
|
|
opacity: .7;
|
|
padding: 0 var(--space-16);
|
|
width: 140px
|
|
}
|
|
|
|
.container__231eb.refresh__231eb {
|
|
background-color: var(--background-mod-subtle);
|
|
border-color: var(--border-muted);
|
|
opacity: 1
|
|
}
|
|
|
|
.contentContainer__231eb {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-6);
|
|
min-width: 0
|
|
}
|
|
|
|
.emojiIcon__231eb {
|
|
min-height: 14px;
|
|
min-width: 14px
|
|
}
|
|
|
|
.text__231eb {
|
|
color: var(--white)
|
|
}
|
|
|
|
.text__231eb.refresh__231eb {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.emojiList__231eb {
|
|
background-color: var(--background-surface-high)
|
|
}
|
|
|
|
.emojiHeader__231eb {
|
|
background-color: var(--background-base-lower)!important
|
|
}
|
|
|
|
.customGiftContent__231eb {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%
|
|
}
|
|
|
|
.customGiftHeader__231eb {
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.categoryList__231eb {
|
|
top: 120px
|
|
}
|
|
|
|
.customGiftBox_d50aac,.customGiftBoxHighlighted_d50aac {
|
|
background-color: var(--transparent);
|
|
border: 3px solid var(--transparent);
|
|
border-radius: 8px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.customGiftBoxHighlighted_d50aac {
|
|
border: 2px solid var(--brand-500);
|
|
padding: 2px
|
|
}
|
|
|
|
.button_d50aac {
|
|
width: 100%
|
|
}
|
|
|
|
.giftMainAnimation_d54fab {
|
|
align-items: flex-end;
|
|
display: flex;
|
|
height: 275px;
|
|
justify-content: center;
|
|
position: relative
|
|
}
|
|
|
|
.adjustedGiftMainAnimation_d54fab {
|
|
height: 230px;
|
|
margin-inline-start:-20px}
|
|
|
|
.soundEmojiContainer_d54fab {
|
|
bottom: 16px;
|
|
display: flex;
|
|
gap: var(--space-6);
|
|
justify-content: center;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.soundEmojiContainer_d54fab.refresh_d54fab {
|
|
bottom: unset;
|
|
gap: var(--space-12);
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
margin-top: 12px;
|
|
top: 100%
|
|
}
|
|
|
|
.animation_d54fab {
|
|
transform: scale(1)
|
|
}
|
|
|
|
.spinner_d54fab {
|
|
height: 100%;
|
|
transform: scale(.75);
|
|
width: 100%
|
|
}
|
|
|
|
.giftBoxOptionContainer_d54fab {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 9px;
|
|
margin: 25px auto auto;
|
|
max-width: 85%
|
|
}
|
|
|
|
.adjustedGiftBoxOptionContainer_d54fab {
|
|
margin-inline-start:15px}
|
|
|
|
.planOption_b13085 {
|
|
align-items: center;
|
|
color: var(--interactive-text-default);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 8px 0
|
|
}
|
|
|
|
.planOneTimeCost_b13085 {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.selectionBox_b13085 {
|
|
border-radius: var(--radius-lg);
|
|
margin-bottom: 12px;
|
|
outline: 1px solid var(--border-normal);
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.selectedPlan_b13085 {
|
|
background-color: var(--background-surface-high);
|
|
outline: 2px solid var(--brand-500);
|
|
outline-color: var(--checkbox-border-default)
|
|
}
|
|
|
|
.planOptionDisabled_b13085 {
|
|
opacity: .6
|
|
}
|
|
|
|
.planOptionClickable_b13085 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.planOptionDisabled_b13085 .planOptionClickable_b13085 {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.planOptionCheckbox_b13085 {
|
|
margin-inline-end:10px}
|
|
|
|
.planOptionInterval_b13085 {
|
|
color: var(--interactive-text-default);
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.optionSelected_b13085 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.planOptionCurrentPlan_b13085,.planOptionMonthsFree_b13085 {
|
|
margin-inline-start:4px}
|
|
|
|
.planOptionDiscount_b13085 {
|
|
border-radius: 16px;
|
|
margin-inline-start:8px;padding: 2px 8px
|
|
}
|
|
|
|
.annualPlanOptionDiscount_b13085,.planOptionDiscount_b13085 {
|
|
background-color: var(--green-360);
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.annualPlanOptionDiscount_b13085 {
|
|
align-content: center;
|
|
border-radius: 8px;
|
|
margin-top: 3px;
|
|
margin-inline-end:8px;padding: 0 6px;
|
|
position: relative
|
|
}
|
|
|
|
.planOptionSubtextContainer_b13085 {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
width: 100%
|
|
}
|
|
|
|
.planOptionSubtext_b13085 {
|
|
max-width: 176px;
|
|
padding-bottom: 12px
|
|
}
|
|
|
|
.planWithOfferOptionSubtext_b13085 {
|
|
max-width: 300px;
|
|
text-align: end
|
|
}
|
|
|
|
.planWithOfferOptionSubtext_b13085 p {
|
|
margin: 0
|
|
}
|
|
|
|
.planOptionClickableContainer_b13085 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.optionPriceSelected_b13085,.updatedOptionSelected_b13085 {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.optionPriceSelected_b13085 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.giftRecipientInfo__57118 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.giftRecipientInfo__57118>* {
|
|
margin-inline-end:8px}
|
|
|
|
.content__57118 {
|
|
margin: 24px 0
|
|
}
|
|
|
|
.giftRecipientName__57118,.giftRecipientTag__57118 {
|
|
max-width: 200px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.giftRecipientTag__57118 {
|
|
color: GrayText
|
|
}
|
|
|
|
.stepBody_d947e6 {
|
|
padding-top: 12px
|
|
}
|
|
|
|
.giftOptions_d947e6 {
|
|
justify-content: center;
|
|
max-width: 75%
|
|
}
|
|
|
|
.stepBodyCustomGift_d947e6 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: 820px
|
|
}
|
|
|
|
.bodyColumnMiddle_d947e6 {
|
|
margin-inline-end:30px}
|
|
|
|
.bodyColumnMiddleCentered_d947e6 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-inline-end:30px}
|
|
|
|
.bodyColumnLeft_d947e6 {
|
|
margin-inline:var(--space-24) 60px}
|
|
|
|
.bodyColumnRight_d947e6 {
|
|
margin-inline-end: 10px
|
|
}
|
|
|
|
.stepBodyCustomGift_d947e6>* {
|
|
width: 50%
|
|
}
|
|
|
|
.bodyText_d947e6 {
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 20px;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.bodyText_d947e6,.interactiveColor_d947e6 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.clickable_d947e6 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.selectPlanDivider_d947e6 {
|
|
background-color: var(--border-subtle);
|
|
height: 1px;
|
|
margin: 8px 0 16px
|
|
}
|
|
|
|
.giftRecipientName_d947e6 {
|
|
color: GrayText
|
|
}
|
|
|
|
.giftRecipientInfo_d947e6 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.giftRecipientInfo_d947e6>* {
|
|
margin-inline-end:8px}
|
|
|
|
.giftNitroInfo_d947e6 {
|
|
margin-bottom: 20px;
|
|
margin-top: 15px
|
|
}
|
|
|
|
.giftNitroInfo_d947e6 hr {
|
|
background-color: var(--border-subtle);
|
|
border: none;
|
|
height: 1px
|
|
}
|
|
|
|
.selectPlanChooseSubtitle_d947e6,.selectPlanChooseTitle_d947e6 {
|
|
color: var(--interactive-text-active);
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.selectPlanChooseTitle_d947e6 {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.selectPlanChooseSubtitle_d947e6 {
|
|
margin-bottom: 18px
|
|
}
|
|
|
|
.selectPlanTotalRow_d947e6 {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.seasonalGiftBoxHeaderIcon_d947e6 {
|
|
align-self: center;
|
|
position: absolute;
|
|
top: -131px;
|
|
width: 260px
|
|
}
|
|
|
|
.planSelectSeparator_d947e6 {
|
|
background: var(--border-subtle);
|
|
border: 0;
|
|
height: 1px;
|
|
margin: 0 0 4px;
|
|
width: 100%
|
|
}
|
|
|
|
.trialPlanSelectHeader_d947e6 {
|
|
padding-bottom: 12px
|
|
}
|
|
|
|
.legacyPricingNotice_d947e6 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.customGiftMessageWrapper_d947e6 {
|
|
margin-bottom: 16px;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.customGiftMessage_d947e6.customGiftMessage_d947e6 {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.selectGiftTitle_d947e6 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.compactSendGiftToUser_d947e6 {
|
|
margin: 16px 0
|
|
}
|
|
|
|
.compactSelectGiftTitle_d947e6 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.subscriptionCostRowAmount__3d62f {
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.subscriptionCostRow__3d62f {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.invoiceItemLabelWithIcon__3d62f {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.invoiceItemLabelIcon__3d62f {
|
|
color: var(--interactive-text-default);
|
|
height: 14px;
|
|
margin-inline-start:8px;width: 14px
|
|
}
|
|
|
|
.invoiceItemTooltip__3d62f {
|
|
max-width: 240px
|
|
}
|
|
|
|
.invoiceItemTooltip__3d62f p {
|
|
margin: 0
|
|
}
|
|
|
|
.invoiceItemTooltip__3d62f strong {
|
|
font-weight: var(--font-weight-bold)
|
|
}
|
|
|
|
.subscriptionDetailsToggle__3d62f {
|
|
align-items: center;
|
|
color: var(--text-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-medium);
|
|
justify-content: center;
|
|
line-height: 16px;
|
|
margin: -16px 0;
|
|
padding: 16px 0
|
|
}
|
|
|
|
.subscriptionDetailsToggleCaret__3d62f {
|
|
height: 16px;
|
|
margin-inline-start:6px;width: 16px
|
|
}
|
|
|
|
.subscriptionPeriodResetNotice__3d62f {
|
|
color: var(--text-default);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 20px;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.subscriptionAddedInvoiceItem__3d62f {
|
|
color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.purchaseDetailsHeaderText__3d62f {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.root_e4d803 {
|
|
background-color: transparent
|
|
}
|
|
|
|
.root_e4d803>:last-child {
|
|
border-end-end-radius: 4px;
|
|
border-end-start-radius: 4px
|
|
}
|
|
|
|
.root_e4d803.withHeader_e4d803>:first-child {
|
|
background-color: transparent
|
|
}
|
|
|
|
.shaker_e4d803 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
height: 100%;
|
|
justify-content: center;
|
|
max-height: 660px
|
|
}
|
|
|
|
.modalHeader_e4d803 {
|
|
margin-bottom: -20px;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.header_e4d803 {
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.headerAnimation_e4d803 {
|
|
bottom: -20px;
|
|
inset-inline-start: calc(50% - 220px);
|
|
position: absolute;
|
|
top: 0;
|
|
width: 440px
|
|
}
|
|
|
|
.stepBody_e4d803 {
|
|
padding-top: 16px
|
|
}
|
|
|
|
.bodyText_e4d803 {
|
|
color: var(--interactive-text-default);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 20px
|
|
}
|
|
|
|
.invoice_e4d803,.taxInclusiveNote_e4d803 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.premiumBrandRefreshInputBackground_e4d803 {
|
|
background-color: var(--background-mod-subtle)!important;
|
|
border: 0!important
|
|
}
|
|
|
|
.paymentSourceWrapper_e4d803 {
|
|
margin: 12px 0
|
|
}
|
|
|
|
.paymentSourceOptionalWarning_e4d803 {
|
|
color: var(--text-default);
|
|
margin-top: 16px
|
|
}
|
|
|
|
.currencyWrapper_e4d803 {
|
|
margin-bottom: 16px;
|
|
margin-top: 16px
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.shaker_e4d803 {
|
|
position:absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
max-height: none
|
|
}
|
|
|
|
.root_e4d803,.shaker_e4d803 {
|
|
justify-content: center
|
|
}
|
|
|
|
.root_e4d803 {
|
|
border-radius: 0;
|
|
width: 100vw
|
|
}
|
|
}
|
|
|
|
.trialCheckbox_e4d803 {
|
|
align-items: flex-start
|
|
}
|
|
|
|
.trialCheckboxLabel_e4d803 {
|
|
font-size: 14px;
|
|
line-height: 18px
|
|
}
|
|
|
|
.loader_e4d803 {
|
|
margin-top: 64px
|
|
}
|
|
|
|
.contentWrapper_e4d803 {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
min-height: 0
|
|
}
|
|
|
|
.reviewWarningMessageContainer_e4d803 {
|
|
background-color: var(--background-feedback-warning);
|
|
border: 1px solid var(--status-warning-background);
|
|
border-radius: 4px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 16px;
|
|
padding: 10px
|
|
}
|
|
|
|
.reviewWarningMessage_e4d803 {
|
|
color: var(--interactive-text-active);
|
|
margin-inline-start:10px}
|
|
|
|
.trialPriceLine_e4d803 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding-bottom: 4px
|
|
}
|
|
|
|
.afterTrialPriceLine_e4d803 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.discountSubtext_e4d803 {
|
|
text-align: end
|
|
}
|
|
|
|
.discountSubtext_e4d803 p {
|
|
margin: 0
|
|
}
|
|
|
|
.formTitle_e4d803 {
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.spinnerWrapper_e4d803 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
min-height: 280px;
|
|
min-width: 402px
|
|
}
|
|
|
|
.trialHeader_e4d803 {
|
|
margin-bottom: 18px
|
|
}
|
|
|
|
.giftMainAnimation_e4d803 {
|
|
margin-bottom: var(--space-8);
|
|
margin-top: -32px;
|
|
position: relative
|
|
}
|
|
|
|
.selectFreeSku_e4d803 {
|
|
display: none
|
|
}
|
|
|
|
.premiumGroupNotice_e4d803 {
|
|
margin: 12px 0
|
|
}
|
|
|
|
.renewalInvoiceDate_d313e6 {
|
|
color: var(--text-default);
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.paymentNote__56a21 {
|
|
background-color: var(--modal-background);
|
|
margin: 0;
|
|
padding: 16px 16px 0
|
|
}
|
|
|
|
.warningContainer__98bed {
|
|
align-items: center;
|
|
background-color: var(--background-feedback-warning);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-10);
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
.checkoutModalFooter_e3bd55 {
|
|
align-items: center
|
|
}
|
|
|
|
.stepBodyV1_bb5449 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8);
|
|
padding-top: var(--space-16)
|
|
}
|
|
|
|
.topSpacer_bb5449 {
|
|
height: var(--space-8)
|
|
}
|
|
|
|
.subscriptionDetailsContainer_bb5449 {
|
|
margin-top: var(--space-12)
|
|
}
|
|
|
|
.invoiceSummaryContainer_bb5449,.paymentMethodContainer_bb5449 {
|
|
margin-top: var(--space-24)
|
|
}
|
|
|
|
.invoiceSummaryContainer_bb5449 {
|
|
margin-bottom: var(--space-12)
|
|
}
|
|
|
|
.reviewStepBody_bb5449 {
|
|
min-height: 440px
|
|
}
|
|
|
|
.checkoutInlineNoticeContainer_bb5449 {
|
|
margin-bottom: var(--space-24)
|
|
}
|
|
|
|
.loadingContainer_bb5449 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
min-height: 440px
|
|
}
|
|
|
|
.profileEffectContainer_a84142 {
|
|
border-radius: var(--radius-sm);
|
|
height: 296px;
|
|
margin: 16px auto 0;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 200px
|
|
}
|
|
|
|
.profileEffectBackground_a84142 {
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.nameplateContainer_a84142 {
|
|
margin: var(--space-40) auto var(--space-48);
|
|
position: relative;
|
|
width: 324px
|
|
}
|
|
|
|
.nameplate_a84142 {
|
|
width: 100%
|
|
}
|
|
|
|
.giftMainAnimationWrapper_a84142 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.avatar_a84142 {
|
|
margin-top: 24px
|
|
}
|
|
|
|
.bundlePreviewWrapper_a84142 {
|
|
margin: 0 auto;
|
|
width: 224px
|
|
}
|
|
|
|
.slayerStorefrontReviewImageWrapper_a84142 {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-bottom: 8px;
|
|
width: 100%
|
|
}
|
|
|
|
.slayerStorefrontReviewImage_a84142 {
|
|
max-width: 180px;
|
|
width: 100%
|
|
}
|
|
|
|
.profileEffectContainer__0b5ea {
|
|
height: 52px;
|
|
position: relative;
|
|
width: 42px
|
|
}
|
|
|
|
.profileEffect__0b5ea,.profileEffectBackground__0b5ea {
|
|
border-radius: var(--radius-xs);
|
|
height: 100%;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.profileEffect__0b5ea {
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
-o-object-position: top;
|
|
object-position: top
|
|
}
|
|
|
|
.avatarDecoration__0b5ea,.nameplateContainer__0b5ea {
|
|
height: 42px;
|
|
width: 42px
|
|
}
|
|
|
|
.nameplateContainer__0b5ea {
|
|
background-color: var(--modal-background);
|
|
border-radius: var(--radius-xs);
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.externalProductAsset__0b5ea {
|
|
height: 42px
|
|
}
|
|
|
|
.bundleMiniPreview__0b5ea {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 52px;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 52px
|
|
}
|
|
|
|
.bundleMiniProfileEffectContainer__0b5ea {
|
|
height: 44px;
|
|
inset-inline-start: 6px;
|
|
position: absolute;
|
|
top: 2px;
|
|
transform: rotate(-8deg);
|
|
width: 36px
|
|
}
|
|
|
|
.bundleMiniProfileEffectContainer__0b5ea .profileEffectContainer__0b5ea {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.bundleMiniAvatarDecorationContainer__0b5ea {
|
|
height: 26px;
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
top: 5px;
|
|
transform: rotate(8deg);
|
|
width: 26px
|
|
}
|
|
|
|
.bundleMiniAvatarDecorationContainer__0b5ea .avatarDecoration__0b5ea {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.bundleMiniNameplateContainer__0b5ea {
|
|
border-radius: var(--radius-xs);
|
|
bottom: 10px;
|
|
height: 12px;
|
|
inset-inline-start: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.bundleMiniNameplateContainer__0b5ea .nameplateContainer__0b5ea {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.applicationIcon__6dec9 {
|
|
border-radius: 6px
|
|
}
|
|
|
|
.container__42d0d {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 8px;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.invoiceTable__25766 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.invoiceRow__25766 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
gap: 10px;
|
|
line-height: 20px
|
|
}
|
|
|
|
.invoiceRow__25766:not(:last-child) {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.invoiceTagColumn__25766 {
|
|
flex: 1
|
|
}
|
|
|
|
.invoiceDescriptionColumn__25766 {
|
|
flex: 5
|
|
}
|
|
|
|
.invoiceRegularText__25766 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.invoiceDiscountText__25766 {
|
|
color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.invoiceDiscountTag__25766 {
|
|
background-color: var(--green-360);
|
|
border-radius: 12px;
|
|
display: inline-block;
|
|
padding: 2px 6px;
|
|
position: relative;
|
|
text-align: center
|
|
}
|
|
|
|
.totalRow__25766 {
|
|
font-weight: 700
|
|
}
|
|
|
|
.slayerStorefrontProductPreview__25766 {
|
|
box-sizing: border-box;
|
|
height: 48px;
|
|
width: 48px
|
|
}
|
|
|
|
.rentalDescription__25766 {
|
|
color: var(--text-muted);
|
|
display: block;
|
|
margin-top: 4px
|
|
}
|
|
|
|
.stepBody_b44961 {
|
|
padding-top: var(--space-8)
|
|
}
|
|
|
|
.invoiceSpinner_b44961 {
|
|
height: 23px
|
|
}
|
|
|
|
.errorBlock_b44961 {
|
|
margin: 5px 15px 15px;
|
|
position: relative
|
|
}
|
|
|
|
.fineprint_b44961 {
|
|
margin-bottom: 0;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.skuHeading_b44961 {
|
|
display: flex;
|
|
gap: 25px;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.skuHeadingText_b44961 {
|
|
align-self: center
|
|
}
|
|
|
|
.socialLayerGameItemDisclaimer_b44961 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.back_e125f1 {
|
|
margin-inline-end:auto;min-width: auto;
|
|
padding: 2px 4px;
|
|
width: auto
|
|
}
|
|
|
|
.modalFooter_e125f1 {
|
|
padding-top: var(--space-24)!important
|
|
}
|
|
|
|
.shopPageContainer__4485d {
|
|
margin-top: 80px;
|
|
min-height: 300px
|
|
}
|
|
|
|
.giftModalContainer__4485d,.shopPageContainer__4485d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center
|
|
}
|
|
|
|
.giftModalContainer__4485d {
|
|
background-color: var(--background-base-low);
|
|
padding: var(--space-24)
|
|
}
|
|
|
|
.heading1__4485d {
|
|
margin-bottom: 24px;
|
|
margin-top: 24px
|
|
}
|
|
|
|
.description__4485d {
|
|
text-align: center
|
|
}
|
|
|
|
.reload__4485d {
|
|
margin-top: 24px
|
|
}
|
|
|
|
.customConfetti__69c6c {
|
|
inset-inline-end: -75px;
|
|
pointer-events: none;
|
|
top: -120px
|
|
}
|
|
|
|
.headerContainerGift__57a87 {
|
|
align-items: center;
|
|
background-image: linear-gradient(var(--modal-background),var(--modal-background));
|
|
background-size: 100% calc(100% - 20px);
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 8px 16px
|
|
}
|
|
|
|
.closeButtonGift__57a87 {
|
|
margin-inline-start:auto}
|
|
|
|
.headerContainer__9abb9 {
|
|
background-color: var(--background-base-low);
|
|
border-start-end-radius: 4px;
|
|
border-start-start-radius: 4px;
|
|
box-sizing: border-box;
|
|
height: 146px;
|
|
margin-inline-start:-1px;margin-top: -2px;
|
|
min-height: 146px;
|
|
position: relative;
|
|
width: calc(100% + 2px)
|
|
}
|
|
|
|
.closeButton__9abb9 {
|
|
inset-inline-end: 16px;
|
|
position: absolute;
|
|
top: 16px
|
|
}
|
|
|
|
.headerImage__9abb9,.headerImageContainer__9abb9 {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.headerImage__9abb9 {
|
|
border-start-end-radius: var(--radius-md);
|
|
border-start-start-radius: var(--radius-md);
|
|
-o-object-fit: cover;
|
|
object-fit: cover
|
|
}
|
|
|
|
.orbCheckoutHeaderVideo__9abb9 {
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
-o-object-position: left top;
|
|
object-position: left top
|
|
}
|
|
|
|
div.modalOverrideBody__34eac {
|
|
background-color: transparent;
|
|
border-radius: 8px;
|
|
overflow: visible;
|
|
padding: 0
|
|
}
|
|
|
|
.modalOverrideBody__34eac::-webkit-scrollbar {
|
|
height: 0;
|
|
width: 0
|
|
}
|
|
|
|
.modalOverrideSliderBody__34eac {
|
|
padding: 0;
|
|
width: 440px
|
|
}
|
|
|
|
.confettiCanvas__34eac {
|
|
height: 100%;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.customConfetti__34eac {
|
|
opacity: 1;
|
|
pointer-events: none;
|
|
transition: opacity .5s ease-in-out
|
|
}
|
|
|
|
.customConfetti__34eac.hidden__34eac {
|
|
opacity: 0
|
|
}
|
|
|
|
.modalOverrideBody__34eac {
|
|
margin-inline-start:-1px;margin-top: -2px;
|
|
padding: 0;
|
|
width: calc(100% + 2px)
|
|
}
|
|
|
|
.blurb_cd2ff7 {
|
|
color: var(--text-default);
|
|
margin-top: 10px
|
|
}
|
|
|
|
.blurb_cd2ff7,.giftSentMessage_cd2ff7 {
|
|
font-size: 16px;
|
|
line-height: 1.44;
|
|
max-width: 360px;
|
|
text-align: center
|
|
}
|
|
|
|
.giftSentMessage_cd2ff7 {
|
|
color: var(--text-strong);
|
|
margin-bottom: 8px;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.giftRecipientTag_cd2ff7 {
|
|
color: var(--text-default);
|
|
font-size: 13px
|
|
}
|
|
|
|
.giftRecipientContainer_cd2ff7 {
|
|
align-items: flex-start;
|
|
background-color: var(--background-mod-muted);
|
|
border-color: var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
display: flex;
|
|
gap: 12px;
|
|
margin-top: 16px;
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.giftRecipientTextContainer_cd2ff7 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px
|
|
}
|
|
|
|
.divider_cd2ff7 {
|
|
background-color: var(--border-subtle);
|
|
height: 1px;
|
|
margin: 20px 0;
|
|
width: 100%
|
|
}
|
|
|
|
.subtext_cd2ff7 {
|
|
color: var(--channels-default);
|
|
font-size: 12px;
|
|
line-height: 14px;
|
|
margin-top: 10px
|
|
}
|
|
|
|
.subtextError_cd2ff7 {
|
|
color: var(--text-feedback-critical)!important
|
|
}
|
|
|
|
.header_cd2ff7 {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.headerCustomGifting_cd2ff7 {
|
|
margin-top: 24px
|
|
}
|
|
|
|
.giftRecipientSection_cd2ff7 {
|
|
margin-top: 40px;
|
|
width: 100%
|
|
}
|
|
|
|
.giftRecipient_cd2ff7 {
|
|
display: flex;
|
|
gap: var(--space-8);
|
|
width: 100%
|
|
}
|
|
|
|
.giftRecipientButton_cd2ff7 {
|
|
align-self: flex-end;
|
|
margin-bottom: 2px
|
|
}
|
|
|
|
.giftRecipientInputWrapper_cd2ff7 {
|
|
margin-inline-end:8px;width: 100%
|
|
}
|
|
|
|
.giftRecipientInputError_cd2ff7 {
|
|
border-color: var(--text-feedback-critical)!important
|
|
}
|
|
|
|
.giftRecipientRowAvatar_cd2ff7 {
|
|
margin-inline-end:8px}
|
|
|
|
.sendToRecipientButton_cd2ff7 {
|
|
height: 42px;
|
|
margin-inline-start:8px}
|
|
|
|
.giftBox_cd2ff7 {
|
|
position: absolute;
|
|
top: -131px;
|
|
width: 260px
|
|
}
|
|
|
|
.confirmation_cd2ff7 {
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0 16px 24px
|
|
}
|
|
|
|
.seasonalConfirmationPadding_cd2ff7 {
|
|
padding: 0 16px
|
|
}
|
|
|
|
.giftCodeSection_cd2ff7 {
|
|
flex-direction: column
|
|
}
|
|
|
|
.avatar_d28e10 {
|
|
align-items: center;
|
|
display: flex;
|
|
inset-inline-start: 16px;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 61px;
|
|
z-index: 1
|
|
}
|
|
|
|
.overlay_d28e10:after {
|
|
background-color: var(--opacity-black-40);
|
|
border-radius: var(--radius-round);
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-end: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 0
|
|
}
|
|
|
|
.overlay_d28e10:after,.overlayIcon_d28e10 {
|
|
opacity: 0;
|
|
position: absolute;
|
|
transition: opacity .2s ease
|
|
}
|
|
|
|
.clickable_d28e10.avatar_d28e10 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.clickable_d28e10:focus-within .overlay_d28e10:after,.clickable_d28e10:focus-within .overlayIcon_d28e10,.clickable_d28e10:hover .overlay_d28e10:after,.clickable_d28e10:hover .overlayIcon_d28e10 {
|
|
opacity: 1
|
|
}
|
|
|
|
.menu_d28e10 {
|
|
margin-top: 30px
|
|
}
|
|
|
|
.clickable_faf576 {
|
|
align-items: center;
|
|
background-color: var(--opacity-black-40);
|
|
cursor: pointer;
|
|
display: flex;
|
|
gap: 4px;
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
justify-content: center;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: opacity .2s ease;
|
|
width: 100%
|
|
}
|
|
|
|
.clickable_faf576:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.container__5a2c6 {
|
|
box-sizing: content-box;
|
|
position: relative
|
|
}
|
|
|
|
.header__5a2c6 {
|
|
min-height: calc(var(--custom-user-profile-banner-height) + 45px);
|
|
z-index: 2
|
|
}
|
|
|
|
.custom-user-profile-theme .header__5a2c6 {
|
|
min-height: calc(var(--custom-user-profile-banner-height) + 35px)
|
|
}
|
|
|
|
.previewContainer__50f14 {
|
|
border: 1px solid var(--border-normal);
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden
|
|
}
|
|
|
|
.giftInfoContainer__50f14 {
|
|
align-items: center;
|
|
display: flex;
|
|
padding: 12px 16px
|
|
}
|
|
|
|
.previewContainerSelected__50f14 {
|
|
background-color: var(--opacity-blurple-8);
|
|
border-color: var(--checkbox-border-default)
|
|
}
|
|
|
|
.previewContainerError__50f14 {
|
|
border-color: var(--background-feedback-critical)
|
|
}
|
|
|
|
.previewTextContainer__50f14 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
padding-inline-start:10px}
|
|
|
|
.previewTitleContainer__50f14 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.previewTitle__50f14 {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.recipientError__50f14 {
|
|
background-color: var(--background-base-lowest);
|
|
border-top: 1px solid var(--border-normal);
|
|
padding: 8px 12px
|
|
}
|
|
|
|
.previewLink__50f14 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.previewLink__50f14:hover {
|
|
text-decoration: underline;
|
|
text-decoration-color: var(--text-link)
|
|
}
|
|
|
|
.stepBody_bf1b4a {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding-top: 12px
|
|
}
|
|
|
|
.bodyColumnMiddle_bf1b4a {
|
|
margin-inline-end:30px}
|
|
|
|
.bodyColumnLeft_bf1b4a {
|
|
margin-inline:24px 60px}
|
|
|
|
.bodyColumnRight_bf1b4a {
|
|
margin-inline-end:10px}
|
|
|
|
.stepBody_bf1b4a>* {
|
|
width: 50%
|
|
}
|
|
|
|
.sendTo_bf1b4a {
|
|
margin-top: 24px;
|
|
margin-inline-end:16px}
|
|
|
|
.customGiftMessageWrapper_bf1b4a {
|
|
margin-bottom: 24px;
|
|
margin-top: 24px;
|
|
margin-inline-end:16px}
|
|
|
|
.customGiftMessage_bf1b4a {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.giftPreview_bf1b4a {
|
|
margin-bottom: 24px;
|
|
margin-inline-end:16px}
|
|
|
|
.wishlistGiftPreview_bf1b4a {
|
|
margin-bottom: 12px;
|
|
margin-inline-end:16px}
|
|
|
|
.wishlistGiftPreviewHeader_bf1b4a {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.wishlistGiftPreviewFooter_bf1b4a {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.selectGiftTitle_bf1b4a {
|
|
margin-bottom: 16px;
|
|
margin-top: 24px
|
|
}
|
|
|
|
.recommendedGiftPreview_bf1b4a {
|
|
cursor: pointer;
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.navigateToShopButton_bf1b4a {
|
|
align-items: center;
|
|
background: var(--background-base-low);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-xs);
|
|
cursor: pointer;
|
|
display: flex;
|
|
gap: 10px;
|
|
justify-content: space-between;
|
|
padding: 12px 16px
|
|
}
|
|
|
|
.navigateToShopBody_bf1b4a {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 10px
|
|
}
|
|
|
|
.navigateToShopTextWrapper_bf1b4a {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.shopIcon_bf1b4a {
|
|
align-items: center;
|
|
background-color: var(--interactive-background-hover);
|
|
border-radius: var(--radius-round);
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
height: 42px;
|
|
justify-content: center;
|
|
width: 42px
|
|
}
|
|
|
|
.confirmation__9baa5 {
|
|
align-items: center;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-bottom: 16px;
|
|
text-align: center;
|
|
width: 394px
|
|
}
|
|
|
|
.confirmationHeader__9baa5 {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.confirmationDescription__9baa5 {
|
|
margin-bottom: 64px
|
|
}
|
|
|
|
.skuImage__9baa5 {
|
|
aspect-ratio: 1;
|
|
margin-bottom: 24px;
|
|
width: 150px
|
|
}
|
|
|
|
.headerContainerGift_eb2ea2 {
|
|
align-items: center;
|
|
background-color: var(--background-base-low);
|
|
background-size: 100% calc(100% - 20px);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 16px 24px
|
|
}
|
|
|
|
.closeButtonGift_eb2ea2 {
|
|
margin-inline-end:-8px;margin-inline-start:auto}
|
|
|
|
.stepBody__7b8d0 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--size-32);
|
|
margin: var(--size-32) var(--size-16);
|
|
min-height: 400px
|
|
}
|
|
|
|
.bodyColumnLeft__7b8d0 {
|
|
align-items: center
|
|
}
|
|
|
|
.bodyColumnLeft__7b8d0,.bodyColumnRight__7b8d0 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: var(--size-16)
|
|
}
|
|
|
|
.bodyColumnRight__7b8d0 {
|
|
justify-content: center;
|
|
min-width: 0
|
|
}
|
|
|
|
.skuCardImage__7b8d0 {
|
|
aspect-ratio: 1;
|
|
max-width: 352px;
|
|
width: 100%
|
|
}
|
|
|
|
.customGiftMessageWrapper__7b8d0 {
|
|
margin: 0
|
|
}
|
|
|
|
.customGiftMessage__7b8d0 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--size-8);
|
|
padding: var(--size-12)
|
|
}
|
|
|
|
.giftEffectsContainer__7b8d0,.giftPreviewContainer__7b8d0 {
|
|
display: flex;
|
|
gap: var(--size-8)
|
|
}
|
|
|
|
.giftPreviewContainer__7b8d0 {
|
|
flex-direction: column
|
|
}
|
|
|
|
.giftPreviewTitle__7b8d0 {
|
|
margin: 0!important
|
|
}
|
|
|
|
.giftPreviewContent__7b8d0 {
|
|
align-items: center;
|
|
background-color: color-mix(in srgb,var(--background-brand) 10%,transparent);
|
|
border: 1px solid var(--background-brand);
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
gap: 16px;
|
|
padding: 12px 16px
|
|
}
|
|
|
|
.giftPreviewImageContainer__7b8d0 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.giftPreviewCardContainer__7b8d0 {
|
|
aspect-ratio: 1;
|
|
width: 48px
|
|
}
|
|
|
|
.giftPreviewImage__7b8d0 {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
-o-object-fit: contain;
|
|
object-fit: contain
|
|
}
|
|
|
|
.giftPreviewTextContainer__7b8d0 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
min-width: 0
|
|
}
|
|
|
|
.guildNameContainer__7b8d0 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 6px
|
|
}
|
|
|
|
.recipientPickerSelectWrapper__7b8d0 {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.footer__7b8d0 {
|
|
background-color: var(--background-base-low)
|
|
}
|
|
|
|
.viewItemButton__7b8d0 {
|
|
max-width: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.orbIconSVG__85200 {
|
|
height: 18px
|
|
}
|
|
|
|
.full-motion .loading__85200 {
|
|
animation-duration: 1.5s;
|
|
animation-iteration-count: infinite;
|
|
animation-name: spin__85200;
|
|
animation-timing-function: linear
|
|
}
|
|
|
|
@keyframes spin__85200 {
|
|
0% {
|
|
transform: rotate(0deg)
|
|
}
|
|
|
|
to {
|
|
transform: rotate(1turn)
|
|
}
|
|
}
|
|
|
|
.stepBody__83734 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8);
|
|
padding-top: var(--space-16)
|
|
}
|
|
|
|
.warningContainer__83734 {
|
|
align-items: center;
|
|
background-color: var(--background-feedback-warning);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-10);
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
.paymentSourceWrapper__83734 {
|
|
margin: 16px 0
|
|
}
|
|
|
|
.paymentSourceItem__83734 {
|
|
align-items: center;
|
|
cursor: default;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
padding: 14px 16px
|
|
}
|
|
|
|
.purchaseDetailsSpinner__83734 {
|
|
height: 20px
|
|
}
|
|
|
|
.orbAmountTag__83734 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 4px
|
|
}
|
|
|
|
.displayFlex__83734 {
|
|
display: flex
|
|
}
|
|
|
|
.stepBody_a3d32e {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding-top: 12px
|
|
}
|
|
|
|
.stepBody_a3d32e>* {
|
|
width: 50%
|
|
}
|
|
|
|
.orbIconAligned__18bf6 {
|
|
margin-top: 1px;
|
|
vertical-align: top
|
|
}
|
|
|
|
.productVariantsContainer__2c397 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.productVariantsContainer__2c397.wrap__2c397 {
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.full-motion .productVariantsContainer__2c397 {
|
|
transition: gap .25s ease
|
|
}
|
|
|
|
.productVariant__2c397 {
|
|
align-items: center;
|
|
border-radius: var(--radius-round);
|
|
box-shadow: inset 0 0 0 0 transparent,0 0 0 1px var(--background-base-low),0 0 0 2px var(--background-base-low);
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.productVariant__2c397.productVariantOverflow__2c397 {
|
|
background-color: var(--control-overlay-secondary-background-default);
|
|
box-shadow: inset 0 0 0 0 transparent,0 0 0 1px var(--control-overlay-secondary-border-hover),0 0 0 2px var(--background-base-low)
|
|
}
|
|
|
|
.full-motion .productVariant__2c397 {
|
|
transition: box-shadow .25s ease,height .25s ease,margin-inline-start .25s ease,width .25s ease
|
|
}
|
|
|
|
.full-motion .productVariantCheckmark__2c397,.full-motion .productVariantOverflowIcon__2c397 {
|
|
transition: height .25s ease,width .25s ease
|
|
}
|
|
|
|
.expanded__2c397.productVariantsContainer__2c397 {
|
|
gap: var(--space-6);
|
|
padding: 2px
|
|
}
|
|
|
|
.expanded__2c397 .productVariant__2c397 {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.expanded__2c397 .productVariant__2c397.selected__2c397,.expanded__2c397 .productVariant__2c397:focus-within,.expanded__2c397 .productVariant__2c397:hover {
|
|
box-shadow: inset 0 0 0 2px var(--background-base-low),0 0 0 1px var(--button-outline-primary-text),0 0 0 2px var(--background-base-low)
|
|
}
|
|
|
|
.expanded__2c397 .productVariantCheckmark__2c397 {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.expanded__2c397 .productVariantOverflowIcon__2c397 {
|
|
height: 18px;
|
|
width: 18px
|
|
}
|
|
|
|
.collapsed__2c397.productVariantsContainer__2c397 {
|
|
gap: 0
|
|
}
|
|
|
|
.collapsed__2c397 .productVariant__2c397 {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.collapsed__2c397 .productVariant__2c397:not(:first-child) {
|
|
margin-inline-start:-2px}
|
|
|
|
.collapsed__2c397 .productVariant__2c397.selected__2c397,.collapsed__2c397 .productVariant__2c397:focus-within,.collapsed__2c397 .productVariant__2c397:hover {
|
|
box-shadow: inset 0 0 0 1px var(--button-outline-primary-text),inset 0 0 0 3px var(--background-base-low),0 0 0 2px var(--background-base-low);
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.collapsed__2c397 .productVariantCheckmark__2c397 {
|
|
height: 12px;
|
|
width: 12px
|
|
}
|
|
|
|
.collapsed__2c397 .productVariantOverflowIcon__2c397 {
|
|
height: 14px;
|
|
width: 14px
|
|
}
|
|
|
|
.wishlistButton__979b1 {
|
|
align-items: center;
|
|
-webkit-backdrop-filter: blur(10px);
|
|
backdrop-filter: blur(10px);
|
|
background: rgba(0,0,0,.52);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-sm);
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
gap: 4px;
|
|
justify-content: center;
|
|
padding: 9px
|
|
}
|
|
|
|
.disabledButton__979b1 {
|
|
cursor: not-allowed;
|
|
opacity: .5
|
|
}
|
|
|
|
.withHover__979b1 {
|
|
transition: background-color 50ms ease-in,color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in
|
|
}
|
|
|
|
.withHover__979b1:hover {
|
|
background: var(--control-overlay-secondary-background-hover);
|
|
transition: background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out
|
|
}
|
|
|
|
.withHover__979b1:active {
|
|
background: var(--control-overlay-secondary-background-active)
|
|
}
|
|
|
|
.normalIconColor__979b1 {
|
|
fill: var(--white)
|
|
}
|
|
|
|
.wishlistedOrHoveredIconColor__979b1 {
|
|
fill: #ec1060
|
|
}
|
|
|
|
.disabledIconColor__979b1 {
|
|
fill: var(--icon-strong)
|
|
}
|
|
|
|
.toastIcon__979b1 {
|
|
flex-shrink: 0;
|
|
margin-inline-end:4px}
|
|
|
|
.iconContainer__979b1,.toastIcon__979b1 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.iconContainer__979b1 {
|
|
justify-content: center;
|
|
position: relative
|
|
}
|
|
|
|
.iconWrapper__979b1 {
|
|
display: flex
|
|
}
|
|
|
|
.animationOverlay__979b1 {
|
|
align-items: center;
|
|
display: flex;
|
|
inset: 0;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
transform: scale(0);
|
|
transform-origin: center
|
|
}
|
|
|
|
.animationOverlay__979b1 path {
|
|
fill: var(--white)
|
|
}
|
|
|
|
.full-motion .wishlistButton__979b1:active .canAnimate__979b1 .animationOverlay__979b1 {
|
|
animation: holdScale__979b1 .1s cubic-bezier(.67,0,.26,1) forwards;
|
|
animation-delay: 50ms
|
|
}
|
|
|
|
.full-motion .clickAnimation__979b1 {
|
|
animation: clickScale__979b1 .4s cubic-bezier(.67,0,.26,1) forwards
|
|
}
|
|
|
|
.full-motion .clickAnimation__979b1 path {
|
|
animation: clickColor__979b1 .4s cubic-bezier(.67,0,.26,1) forwards
|
|
}
|
|
|
|
.full-motion .wishlistButton__979b1:focus-visible .canHover__979b1,.full-motion .wishlistButton__979b1:hover .canHover__979b1 {
|
|
animation: hoverPulse__979b1 1.25s cubic-bezier(.23,0,.58,1) infinite
|
|
}
|
|
|
|
@keyframes holdScale__979b1 {
|
|
0% {
|
|
transform: scale(0)
|
|
}
|
|
|
|
to {
|
|
transform: scale(.25)
|
|
}
|
|
}
|
|
|
|
@keyframes clickScale__979b1 {
|
|
0% {
|
|
transform: scale(0)
|
|
}
|
|
|
|
62.5% {
|
|
transform: scale(1.35)
|
|
}
|
|
|
|
to {
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes clickColor__979b1 {
|
|
0%,20% {
|
|
fill: var(--white)
|
|
}
|
|
|
|
70%,to {
|
|
fill: #ec1060
|
|
}
|
|
}
|
|
|
|
@keyframes hoverPulse__979b1 {
|
|
0% {
|
|
transform: scale(1)
|
|
}
|
|
|
|
20% {
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
60% {
|
|
transform: scale(.9)
|
|
}
|
|
|
|
80%,to {
|
|
transform: scale(1)
|
|
}
|
|
}
|
|
|
|
.wishlistButton__7b466 {
|
|
margin-inline-start:auto}
|
|
|
|
.productCardContainer_fcbddd {
|
|
background: var(--background-base-low);
|
|
border: 2px solid var(--border-muted);
|
|
border-radius: 8px;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex: 1;
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
min-height: 246px;
|
|
min-width: 246px;
|
|
overflow: hidden;
|
|
overflow-anchor: none;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .productCardContainer_fcbddd {
|
|
transition: border-color .2s
|
|
}
|
|
|
|
.productCardContentContainer_fcbddd {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.productPreviewContainer_fcbddd {
|
|
align-items: center;
|
|
display: flex;
|
|
inset: 0;
|
|
justify-content: center;
|
|
padding: 0 var(--space-8);
|
|
position: absolute
|
|
}
|
|
|
|
.productPreviewContainer_fcbddd.hasBottomContent_fcbddd {
|
|
padding-bottom: 56px;
|
|
transform: translateY(0)
|
|
}
|
|
|
|
.full-motion .productPreviewContainer_fcbddd.hasBottomContent_fcbddd {
|
|
transition: transform .25s ease
|
|
}
|
|
|
|
.headerContainer_fcbddd {
|
|
display: flex;
|
|
gap: var(--space-8);
|
|
justify-content: space-between;
|
|
padding: var(--space-12);
|
|
z-index: 1
|
|
}
|
|
|
|
.footerContainer_fcbddd {
|
|
box-sizing: border-box;
|
|
margin-top: auto;
|
|
padding: var(--space-12);
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.footerInfoContainer_fcbddd {
|
|
align-items: flex-end;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: row;
|
|
gap: var(--space-12);
|
|
justify-content: space-between
|
|
}
|
|
|
|
.footerInfoLeft_fcbddd {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 0
|
|
}
|
|
|
|
.footerInfoShrinkOnHover_fcbddd {
|
|
align-content: end;
|
|
display: grid;
|
|
grid-template-rows: 1fr;
|
|
opacity: 1;
|
|
padding-top: var(--space-4);
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .footerInfoShrinkOnHover_fcbddd {
|
|
transition: grid-template-rows .25s ease,padding-top .25s ease,opacity .25s ease
|
|
}
|
|
|
|
.footerInfoShrinkOnHover_fcbddd>* {
|
|
min-height: 0
|
|
}
|
|
|
|
.footerButtonContainer_fcbddd {
|
|
align-content: end;
|
|
display: grid;
|
|
grid-template-rows: 0fr;
|
|
opacity: 0;
|
|
padding-top: 0;
|
|
transform: translateY(20%);
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .footerButtonContainer_fcbddd {
|
|
transition: grid-template-rows .25s ease,padding-top .25s ease,opacity .25s ease-out,transform .25s ease-out
|
|
}
|
|
|
|
.footerButtonGroup_fcbddd {
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
min-height: 0;
|
|
min-width: 0
|
|
}
|
|
|
|
.productCardContainer_fcbddd.hovered_fcbddd {
|
|
border-color: var(--border-subtle)
|
|
}
|
|
|
|
.productCardContainer_fcbddd.hovered_fcbddd .footerInfoShrinkOnHover_fcbddd {
|
|
grid-template-rows: 0fr;
|
|
opacity: 0;
|
|
padding-top: 0
|
|
}
|
|
|
|
.productCardContainer_fcbddd.hovered_fcbddd .footerButtonContainer_fcbddd {
|
|
grid-template-rows: 1fr;
|
|
opacity: 1;
|
|
padding-top: var(--space-6);
|
|
transform: translateY(0)
|
|
}
|
|
|
|
.productCardContainer_fcbddd.hovered_fcbddd .productPreviewContainer_fcbddd {
|
|
transform: translateY(-6px)
|
|
}
|
|
|
|
.footerGradient_fcbddd {
|
|
bottom: 0;
|
|
height: 146px;
|
|
inset-inline-end: 0;
|
|
inset-inline-start: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.theme-dark .footerGradient_fcbddd {
|
|
background: linear-gradient(to top,var(--background-base-lowest),color-mix(in oklab,var(--background-base-lowest) 80%,transparent) 30%,color-mix(in oklab,var(--background-base-lowest) 0%,transparent) 100%)
|
|
}
|
|
|
|
.theme-light .footerGradient_fcbddd {
|
|
background: linear-gradient(to top,hsl(var(--white-hsl)/1) 0,hsl(var(--white-hsl)/.84) 40%,hsl(var(--white-hsl)/0) 100%)
|
|
}
|
|
|
|
.theme-light .productName_fcbddd {
|
|
text-shadow: 0 0 4px var(--background-base-low)
|
|
}
|
|
|
|
.container_b4f99f {
|
|
background: var(--background-surface-higher);
|
|
box-sizing: border-box;
|
|
flex-direction: column;
|
|
padding: 16px;
|
|
width: 254px
|
|
}
|
|
|
|
.assetContainer_b4f99f,.container_b4f99f {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.assetContainer_b4f99f {
|
|
flex-shrink: 0;
|
|
height: 86px;
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.orbAsset_b4f99f {
|
|
height: 86px
|
|
}
|
|
|
|
.sectionDivider_b4f99f {
|
|
background-color: var(--border-subtle);
|
|
border: 0;
|
|
height: 1px;
|
|
margin: 0 -12px;
|
|
width: 100%
|
|
}
|
|
|
|
.linkContainer_b4f99f {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.linkPreText_b4f99f {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.learnMoreLink_b4f99f {
|
|
color: var(--border-focus);
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 16px
|
|
}
|
|
|
|
.baseCardOutline__1ab14 {
|
|
-webkit-backdrop-filter: blur(18px);
|
|
backdrop-filter: blur(18px);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-md);
|
|
box-shadow: 0 12px 64px 0 rgba(0,0,0,.32)
|
|
}
|
|
|
|
.theme-light .progressContainer__9258b.blue__9258b {
|
|
--custom-gradient-start: var(--blurple-80);
|
|
--custom-gradient-end: var(--blurple-38);
|
|
--custom-gradient-glow: var(--blurple-38)
|
|
}
|
|
|
|
.theme-light .progressContainer__9258b.orange__9258b {
|
|
--custom-gradient-start: var(--orange-new-80);
|
|
--custom-gradient-end: var(--orange-new-24);
|
|
--custom-gradient-glow: var(--orange-new-24)
|
|
}
|
|
|
|
.theme-dark .progressContainer__9258b.blue__9258b {
|
|
--custom-gradient-start: var(--blurple-44);
|
|
--custom-gradient-end: var(--blurple-24);
|
|
--custom-gradient-glow: var(--blurple-24)
|
|
}
|
|
|
|
.theme-dark .progressContainer__9258b.orange__9258b {
|
|
--custom-gradient-start: var(--orange-new-40);
|
|
--custom-gradient-end: var(--orange-new-10);
|
|
--custom-gradient-glow: var(--orange-new-10)
|
|
}
|
|
|
|
.theme-darker .progressContainer__9258b.blue__9258b {
|
|
--custom-gradient-start: var(--blurple-54);
|
|
--custom-gradient-end: var(--blurple-24);
|
|
--custom-gradient-glow: var(--blurple-24)
|
|
}
|
|
|
|
.theme-darker .progressContainer__9258b.orange__9258b {
|
|
--custom-gradient-start: var(--orange-new-48);
|
|
--custom-gradient-end: var(--orange-new-10);
|
|
--custom-gradient-glow: var(--orange-new-10)
|
|
}
|
|
|
|
.theme-midnight .progressContainer__9258b.blue__9258b {
|
|
--custom-gradient-start: var(--blurple-59);
|
|
--custom-gradient-end: var(--blurple-24);
|
|
--custom-gradient-glow: var(--blurple-24)
|
|
}
|
|
|
|
.theme-midnight .progressContainer__9258b.orange__9258b {
|
|
--custom-gradient-start: var(--orange-new-48);
|
|
--custom-gradient-end: var(--orange-new-10);
|
|
--custom-gradient-glow: var(--orange-new-10)
|
|
}
|
|
|
|
.progressContainer__9258b {
|
|
--custom-background: var(--background-mod-normal);
|
|
background: var(--custom-background);
|
|
border-radius: 5px;
|
|
height: var(--custom-expressive-progress-height);
|
|
overflow: visible;
|
|
pointer-events: none;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.progressContainer__9258b.light__9258b {
|
|
--custom-expressive-progress-height: 4px;
|
|
--custom-expressive-progress-glow-offset: -6px
|
|
}
|
|
|
|
.progressContainer__9258b.medium__9258b {
|
|
--custom-expressive-progress-height: 6px;
|
|
--custom-expressive-progress-glow-offset: -5px
|
|
}
|
|
|
|
.progress__9258b {
|
|
--custom-min-width: 10px;
|
|
border-radius: 5px;
|
|
height: 100%;
|
|
min-width: var(--custom-min-width);
|
|
overflow: visible;
|
|
position: relative;
|
|
transition: width .15s cubic-bezier(.16,1,.3,1);
|
|
width: 0
|
|
}
|
|
|
|
.glow__9258b {
|
|
background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--custom-gradient-glow) 70%,transparent));
|
|
border-radius: 20px;
|
|
filter: blur(3px);
|
|
height: 16px;
|
|
inset-inline-end: -3px;
|
|
max-width: min(100%,120px);
|
|
position: absolute;
|
|
top: var(--custom-expressive-progress-glow-offset);
|
|
transform: perspective(400px) rotateY(-30deg);
|
|
transform-origin: left center;
|
|
width: 100%
|
|
}
|
|
|
|
.glow__9258b.empty__9258b {
|
|
max-width: calc(var(--custom-min-width)*2);
|
|
width: calc(var(--custom-min-width)*2)
|
|
}
|
|
|
|
.bar__9258b {
|
|
background: linear-gradient(90deg,var(--custom-gradient-start) 0,var(--custom-gradient-end) 100%);
|
|
border-radius: 5px;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.bar__9258b.empty__9258b {
|
|
background: var(--custom-gradient-end)
|
|
}
|
|
|
|
.container_e93594 {
|
|
align-items: center;
|
|
display: flex;
|
|
padding-top: var(--space-12);
|
|
width: 100%
|
|
}
|
|
|
|
.icon_e93594 {
|
|
color: var(--text-default);
|
|
margin-inline-start:-2px;z-index: 10
|
|
}
|
|
|
|
@container premium-marketing-page-container (min-width: 720px) {
|
|
.icon_e93594 {
|
|
color: #fff
|
|
}
|
|
}
|
|
|
|
.container__58471 {
|
|
align-items: center;
|
|
background: var(--background-surface-higher);
|
|
box-sizing: border-box;
|
|
justify-content: center;
|
|
padding: var(--space-16);
|
|
width: 254px
|
|
}
|
|
|
|
.container__58471,.contentContainer__58471 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.contentContainer__58471 {
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.assetContainer__58471 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
height: 53px;
|
|
justify-content: center;
|
|
padding-top: var(--space-16)
|
|
}
|
|
|
|
.orbAsset__58471 {
|
|
height: 53px
|
|
}
|
|
|
|
.linkContainer__58471 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
margin-top: var(--space-16)
|
|
}
|
|
|
|
.linkPreText__58471 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.learnMoreLink__58471 {
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 16px
|
|
}
|
|
|
|
.balanceText__58471 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.rewardsContainer__58471 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-12);
|
|
padding-bottom: var(--space-12)
|
|
}
|
|
|
|
.balanceContainer__58471 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.videoBackground__58471,.videoContainer__58471 {
|
|
border-radius: inherit
|
|
}
|
|
|
|
.videoBackground__58471 {
|
|
border: 1px solid var(--border-subtle);
|
|
height: 100%;
|
|
inset: 0;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 0
|
|
}
|
|
|
|
.content__58471 {
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.balanceCounterMargin__98f64 {
|
|
margin-inline-start:2px}
|
|
|
|
.balanceCounterText__98f64 {
|
|
color: var(--text-strong);
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-end;
|
|
text-align: end
|
|
}
|
|
|
|
.full-motion .balanceCounterText__98f64 {
|
|
transition: all .4s ease-out,opacity .4s ease-in
|
|
}
|
|
|
|
.clickable_a3e8db {
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
height: 32px;
|
|
pointer-events: all
|
|
}
|
|
|
|
.disabled_a3e8db {
|
|
cursor: none;
|
|
pointer-events: none
|
|
}
|
|
|
|
.container_a3e8db {
|
|
align-items: center;
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
flex-shrink: 0;
|
|
height: 32px;
|
|
justify-content: flex-end;
|
|
opacity: 1!important;
|
|
padding: 8px 12px;
|
|
pointer-events: all;
|
|
position: relative
|
|
}
|
|
|
|
.container_a3e8db.disabled_a3e8db {
|
|
cursor: none;
|
|
pointer-events: none
|
|
}
|
|
|
|
.orbsLottieContainer_a3e8db {
|
|
height: 60px;
|
|
overflow: visible;
|
|
position: relative;
|
|
width: 20px
|
|
}
|
|
|
|
.orbsLottie_a3e8db {
|
|
inset-inline-end: -20px;
|
|
position: absolute
|
|
}
|
|
|
|
@keyframes spin_a3e8db {
|
|
0% {
|
|
transform: rotate(0deg)
|
|
}
|
|
|
|
to {
|
|
transform: rotate(1turn)
|
|
}
|
|
}
|
|
|
|
.full-motion .orbIconloading_a3e8db {
|
|
animation-duration: 1s;
|
|
animation-iteration-count: infinite;
|
|
animation-name: spin_a3e8db;
|
|
animation-timing-function: linear
|
|
}
|
|
|
|
.containerLoading_a3e8db {
|
|
gap: 0
|
|
}
|
|
|
|
.counterLoading_a3e8db {
|
|
visibility: hidden
|
|
}
|
|
|
|
.container_a3e8db.default_a3e8db {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.container_a3e8db.highlighted_a3e8db,.container_a3e8db.selected_a3e8db {
|
|
background-color: var(--background-mod-normal)
|
|
}
|
|
|
|
.inModalOverlay_a3e8db.container_a3e8db.default_a3e8db,.inModalOverlay_a3e8db.container_a3e8db.highlighted_a3e8db,.inModalOverlay_a3e8db.container_a3e8db.selected_a3e8db {
|
|
background-color: var(--modal-background)
|
|
}
|
|
|
|
.notificationBadge_a3e8db {
|
|
inset-inline-end: -4.5px;
|
|
position: absolute
|
|
}
|
|
|
|
.container__44ee9 {
|
|
position: relative
|
|
}
|
|
|
|
.cardContainer__44ee9 {
|
|
margin-top: 8px;
|
|
position: absolute;
|
|
z-index: 1000
|
|
}
|
|
|
|
.alignLeft__44ee9 {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.alignRight__44ee9 {
|
|
inset-inline-end: 0
|
|
}
|
|
|
|
.coachmarkContainer__44ee9 {
|
|
align-items: flex-end;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 20px
|
|
}
|
|
|
|
.hidden__44ee9 {
|
|
visibility: hidden
|
|
}
|
|
|
|
.visible__44ee9 {
|
|
visibility: visible
|
|
}
|
|
|
|
.hidden__5ed15 {
|
|
height: 0;
|
|
visibility: hidden
|
|
}
|
|
|
|
.verticalContainer__5ed15 {
|
|
align-items: flex-start
|
|
}
|
|
|
|
.verticalContainer__5ed15,.verticalContainerCentered__5ed15 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: 8px
|
|
}
|
|
|
|
.verticalContainerCentered__5ed15 {
|
|
align-items: center
|
|
}
|
|
|
|
.balanceWidgetMenu__5ed15 {
|
|
width: -moz-max-content!important;
|
|
width: max-content!important
|
|
}
|
|
|
|
.balanceWidgetMenuContainer__5ed15 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
width: auto
|
|
}
|
|
|
|
.scroller__5ed15 {
|
|
height: 100%
|
|
}
|
|
|
|
.loader__5ed15 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.balanceWidgetPillContainer__5ed15 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.tabularNums__5ed15 {
|
|
font-variant-numeric: tabular-nums
|
|
}
|
|
|
|
.headerWithSpacing__5ed15 {
|
|
margin-bottom: 8px;
|
|
margin-top: 4px
|
|
}
|
|
|
|
.labelValueRow__5ed15 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px
|
|
}
|
|
|
|
.orderSummaryContainer__5ed15 {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
padding: 20px;
|
|
width: 100%
|
|
}
|
|
|
|
@use postcss-pxtorem;.wrapper_c19a55 {
|
|
position: relative;
|
|
word-wrap: break-word;
|
|
flex: 0 0 auto;
|
|
min-height: 1.375rem;
|
|
padding-inline-end:var(--custom-message-margin-horizontal);-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.compact_c19a55.wrapper_c19a55 {
|
|
padding-bottom: var(--custom-message-padding-vertical-container-compact);
|
|
padding-top: var(--custom-message-padding-vertical-container-compact);
|
|
padding-inline-start:var(--custom-message-margin-compact-indent)}
|
|
|
|
.cozy_c19a55.wrapper_c19a55 {
|
|
padding-bottom: var(--custom-message-spacing-vertical-container-cozy);
|
|
padding-top: var(--custom-message-spacing-vertical-container-cozy);
|
|
padding-inline-start:var(--custom-message-margin-left-content-cozy)}
|
|
|
|
.compact_c19a55.wrapper_c19a55.contentOnly_c19a55,.cozy_c19a55.wrapper_c19a55.contentOnly_c19a55,.preview_c19a55.compact_c19a55.wrapper_c19a55,.preview_c19a55.cozy_c19a55.wrapper_c19a55 {
|
|
padding-inline-start: 16px
|
|
}
|
|
|
|
.repliedMessage_c19a55 {
|
|
--reply-spacing: 4px;
|
|
align-items: center;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
font-size: .875rem;
|
|
line-height: var(--custom-message-reply-message-preview-line-height);
|
|
position: relative;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
white-space: pre
|
|
}
|
|
|
|
.executedCommand_c19a55,.threadMessageAccessory_c19a55 {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: .875rem;
|
|
height: 18px;
|
|
line-height: 1.125rem;
|
|
min-width: 0
|
|
}
|
|
|
|
.repliedMessage_c19a55.latin12CompactTimeStamp_c19a55 {
|
|
--timestamp-width: 2.25rem
|
|
}
|
|
|
|
.repliedMessage_c19a55.latin24CompactTimeStamp_c19a55 {
|
|
--timestamp-width: 3.1rem
|
|
}
|
|
|
|
.repliedMessage_c19a55.asianCompactTimeStamp_c19a55 {
|
|
--timestamp-width: 4.25rem
|
|
}
|
|
|
|
.compact_c19a55 .repliedMessage_c19a55 {
|
|
--text-indent: calc((var(--custom-message-margin-compact-indent) - 1rem)*-1);
|
|
margin-inline-start:calc(var(--timestamp-width) + var(--custom-message-meta-space) + var(--text-indent));padding-inline-start: var(--custom-message-reply-indent)
|
|
}
|
|
|
|
.compact_c19a55 .repliedMessage_c19a55 .contextCommandMessage_c19a55 {
|
|
--text-indent: 0
|
|
}
|
|
|
|
.cozy_c19a55 .repliedMessage_c19a55 {
|
|
margin-bottom: var(--reply-spacing)
|
|
}
|
|
|
|
.cozy_c19a55 .messageSpine_c19a55:before,.cozy_c19a55 .repliedMessageClickableSpine_c19a55 {
|
|
--gutter: var(--custom-message-margin-horizontal)
|
|
}
|
|
|
|
.a11y-font-scaled-down .cozy_c19a55 .messageSpine_c19a55:before,.a11y-font-scaled-down .cozy_c19a55 .repliedMessageClickableSpine_c19a55 {
|
|
--chat-avatar-size: 2.5rem;
|
|
--wrapper-padding-left: 4.5rem;
|
|
--avatar-position-left: 1rem;
|
|
--gutter: calc(var(--wrapper-padding-left) - var(--avatar-position-left) - var(--chat-avatar-size))
|
|
}
|
|
|
|
.compact_c19a55 .messageSpine_c19a55:before,.compact_c19a55 .repliedMessageClickableSpine_c19a55 {
|
|
--chat-avatar-size: var(--timestamp-width);
|
|
--gutter: var(--custom-message-meta-space)
|
|
}
|
|
|
|
.messageSpine_c19a55:before,.repliedMessageClickableSpine_c19a55 {
|
|
--spine-width: 2px;
|
|
border-block-width:var(--spine-width) 0;border-color: var(--spine-default);
|
|
border-inline-width:var(--spine-width) 0;border-start-start-radius: 6px;
|
|
border-style: solid;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
inset-inline: calc((var(--chat-avatar-size)/2 + var(--gutter))*-1) 100%;
|
|
bottom: 0;
|
|
margin-inline:calc(var(--spine-width)*-1/2) var(--reply-spacing);margin-bottom: calc(var(--custom-message-spacing-vertical-container-cozy) - 4px);
|
|
margin-top: calc(var(--spine-width)*-1/2)
|
|
}
|
|
|
|
.compact_c19a55 .messageSpine_c19a55:before,.compact_c19a55 .repliedMessageClickableSpine_c19a55 {
|
|
inset-inline-end: calc(100% - var(--custom-message-reply-indent))
|
|
}
|
|
|
|
.repliedMessageClickableSpine_c19a55 {
|
|
cursor: pointer;
|
|
transition: border 50ms
|
|
}
|
|
|
|
.repliedMessageClickableSpine_c19a55:hover {
|
|
border-color: var(--interactive-text-default)
|
|
}
|
|
|
|
.repliedMessageClickableSpine_c19a55:before {
|
|
bottom: -5px;
|
|
content: "";
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: -10px;
|
|
inset-inline: -5px
|
|
}
|
|
|
|
.repliedMessageClickableSpine_c19a55.repliedMessageContentHovered_c19a55 {
|
|
border-color: var(--interactive-text-default)
|
|
}
|
|
|
|
.executedCommandAvatar_c19a55,.replyAvatar_c19a55,.replyBadge_c19a55,.replyChatIconContainer_c19a55,.threadMessageAccessoryAvatar_c19a55 {
|
|
border-radius: 50%;
|
|
flex: 0 0 auto;
|
|
height: 16px;
|
|
margin-inline-end:var(--custom-message-meta-space);-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
width: 16px
|
|
}
|
|
|
|
.threadMessageAccessoryAvatar_c19a55 {
|
|
margin-inline-end:8px}
|
|
|
|
.replyBadge_c19a55 {
|
|
align-items: center;
|
|
background: var(--background-base-lowest);
|
|
color: var(--text-default);
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.replyIcon_c19a55 {
|
|
height: 7.2px;
|
|
width: 10.8px
|
|
}
|
|
|
|
.clanTagChiplet_c19a55 {
|
|
margin-inline:4px 0}
|
|
|
|
.compact_c19a55 .clanTagChiplet_c19a55 {
|
|
background: transparent;
|
|
display: inline;
|
|
padding: 0;
|
|
vertical-align: baseline
|
|
}
|
|
|
|
.compact_c19a55 .clanTagChiplet_c19a55>span {
|
|
background: var(--background-mod-strong);
|
|
border-radius: 4px;
|
|
padding: 1px 4px 0
|
|
}
|
|
|
|
.compact_c19a55 .clanTagChiplet_c19a55:hover {
|
|
background: transparent
|
|
}
|
|
|
|
.compact_c19a55 .clanTagChiplet_c19a55:hover>span {
|
|
background: var(--background-mod-muted)
|
|
}
|
|
|
|
.ticketIcon_c19a55,.userJoinSystemMessageIcon_c19a55 {
|
|
height: 12px;
|
|
margin-inline-end:var(--custom-message-meta-space);width: 12px
|
|
}
|
|
|
|
.commandIcon_c19a55 {
|
|
height: 9px;
|
|
width: 5px
|
|
}
|
|
|
|
.executedCommand_c19a55 .applicationName_c19a55,.executedCommand_c19a55 .clanTagChiplet_c19a55,.executedCommand_c19a55 .commandName_c19a55,.executedCommand_c19a55 .username_c19a55,.repliedMessage_c19a55 .clanTagChiplet_c19a55,.repliedMessage_c19a55 .roleDot_c19a55,.repliedMessage_c19a55 .username_c19a55,.threadMessageAccessory_c19a55 .clanTagChiplet_c19a55,.threadMessageAccessory_c19a55 .username_c19a55 {
|
|
flex-shrink: 0;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
margin-inline-end:var(--custom-message-meta-space);opacity: .64
|
|
}
|
|
|
|
.executedCommand_c19a55 .clanTagChiplet_c19a55,.repliedMessage_c19a55 .clanTagChiplet_c19a55,.threadMessageAccessory_c19a55 .clanTagChiplet_c19a55 {
|
|
margin-inline-start:0}
|
|
|
|
.executedCommand_c19a55 .applicationName_c19a55,.executedCommand_c19a55 .commandName_c19a55,.executedCommand_c19a55 .username_c19a55 {
|
|
margin-inline-end:0}
|
|
|
|
.executedCommand_c19a55 .botTag_c19a55,.repliedMessage_c19a55 .botTag_c19a55,.threadMessageAccessory_c19a55 .botTag_c19a55 {
|
|
top: 0
|
|
}
|
|
|
|
.executedCommand_c19a55 .commandName_c19a55 {
|
|
color: var(--text-link);
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.executedCommand_c19a55 .appsIcon_c19a55 {
|
|
margin-inline-end:3px}
|
|
|
|
.executedCommand_c19a55 .appLauncherOnboardingCommandName_c19a55 {
|
|
background-color: var(--mention-background);
|
|
border-radius: 3px;
|
|
color: var(--text-link);
|
|
font-weight: var(--font-weight-medium);
|
|
padding: 0 2px
|
|
}
|
|
|
|
.executedCommand_c19a55 .appLauncherOnboardingCommandName_c19a55:hover {
|
|
background-color: var(--brand-500);
|
|
color: var(--white)
|
|
}
|
|
|
|
.executedCommand_c19a55 .applicationName_c19a55 {
|
|
color: var(--text-strong);
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.executedCommand_c19a55 .repliedMessage_c19a55 .username_c19a55,.executedCommand_c19a55 .targetUsername_c19a55 {
|
|
flex-shrink: 3;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.executedCommand_c19a55 .repliedMessage_c19a55 {
|
|
margin-bottom: 0;
|
|
min-width: 40px;
|
|
padding-inline-start:0}
|
|
|
|
.executedCommand_c19a55 .repliedMessage_c19a55 .username_c19a55 {
|
|
margin-inline-end:4px}
|
|
|
|
.executedCommandSeparator_c19a55 {
|
|
flex-shrink: 0;
|
|
margin-inline-end:2px}
|
|
|
|
.repliedTextPreview_c19a55,.threadMessageAccessoryPreview_c19a55 {
|
|
flex: 0 1 auto;
|
|
overflow: hidden
|
|
}
|
|
|
|
.repliedTextPreview_c19a55 .repliedTextContent_c19a55 {
|
|
display: -webkit-inline-box!important;
|
|
-webkit-line-clamp: 1;
|
|
-webkit-box-orient: vertical;
|
|
width: 100%;
|
|
word-break: break-all
|
|
}
|
|
|
|
.repliedTextPreview_c19a55 .repliedTextContent_c19a55 a {
|
|
word-break: break-all
|
|
}
|
|
|
|
.repliedTextPreview_c19a55 {
|
|
display: flex;
|
|
max-height: 2em
|
|
}
|
|
|
|
.repliedTextPreview_c19a55 .emoji {
|
|
height: 1.25em;
|
|
width: 1.25em
|
|
}
|
|
|
|
.threadMessageAccessoryPreview_c19a55 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.repliedTextPreview_c19a55.clickable_c19a55 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.repliedTextPreview_c19a55.clickable_c19a55:hover,.repliedTextPreview_c19a55.repliedMessageClickableSpineHovered_c19a55 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.repliedMessage_c19a55 .repliedTextPreview_c19a55 .repliedTextContent_c19a55,.threadMessageAccessory_c19a55 .threadMessageAccessoryPreview_c19a55 .threadMessageAccessoryContent_c19a55 {
|
|
color: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.threadMessageAccessory_c19a55 .threadMessageAccessoryPreview_c19a55 .threadMessageAccessoryContent_c19a55 {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.repliedMessage_c19a55 .repliedTextPreview_c19a55 .repliedTextContent_c19a55 code,.threadMessageAccessory_c19a55 .threadMessageAccessoryPreview_c19a55 .threadMessageAccessoryContent_c19a55 code {
|
|
white-space: pre
|
|
}
|
|
|
|
.repliedTextContent_c19a55 {
|
|
inline-size: -moz-max-content;
|
|
inline-size: max-content
|
|
}
|
|
|
|
.repliedTextPlaceholder_c19a55,.threadMessageAccessoryPlaceholder_c19a55 {
|
|
font-style: italic;
|
|
padding-inline-end:2px}
|
|
|
|
.repliedTextContentTrailingIcon_c19a55,.threadMessageAccessoryContentTrailingIcon_c19a55 {
|
|
flex: 0 0 auto;
|
|
margin-inline-start:4px}
|
|
|
|
.repliedTextContentLeadingIcon_c19a55,.threadMessageAccessoryContentLeadingIcon_c19a55 {
|
|
flex: 0 0 auto;
|
|
margin-inline-end:4px}
|
|
|
|
.compact_c19a55 .contents_c19a55 {
|
|
margin-inline-start:calc(var(--custom-message-margin-compact-indent)*-1);padding-inline-start: var(--custom-message-margin-compact-indent);
|
|
text-indent: calc((var(--custom-message-margin-compact-indent) - 1rem)*-1)
|
|
}
|
|
|
|
.cozy_c19a55 .contents_c19a55 {
|
|
margin-inline-start:0;padding-inline-start:0;position: static;
|
|
text-indent: 0
|
|
}
|
|
|
|
.zalgo_c19a55.compact_c19a55 .messageContent_c19a55 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.gradient_c19a55.compact_c19a55 .header_c19a55,.gradient_c19a55.cozy_c19a55 .header_c19a55,.withDisplayNameStyles_c19a55 .repliedMessage_c19a55 .username_c19a55,.withDisplayNameStyles_c19a55.withDisplayNameStyles_c19a55.withDisplayNameStyles_c19a55 .header_c19a55,.zalgo_c19a55.gradient_c19a55.compact_c19a55 .header_c19a55,.zalgo_c19a55.gradient_c19a55.cozy_c19a55 .header_c19a55 {
|
|
overflow: visible;
|
|
position: relative
|
|
}
|
|
|
|
.compact_c19a55 .header_c19a55 {
|
|
display: inline
|
|
}
|
|
|
|
.cozy_c19a55 .header_c19a55 {
|
|
color: var(--text-muted);
|
|
display: block;
|
|
line-height: 1.375rem;
|
|
min-height: 1.375rem;
|
|
position: relative;
|
|
white-space: break-spaces;
|
|
word-wrap: pre-wrap
|
|
}
|
|
|
|
.zalgo_c19a55.cozy_c19a55 .header_c19a55 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.a11y-font-scaled-down .cozy_c19a55.wrapper_c19a55,.a11y-font-scaled-down .cozy_c19a55.wrapper_c19a55 .header_c19a55 {
|
|
padding-inline-start:4.5rem}
|
|
|
|
.a11y-font-scaled-down .cozy_c19a55 .header_c19a55 {
|
|
margin-inline-start:-4.5rem}
|
|
|
|
.buttonContainer_c19a55 {
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.systemMessageAccessories_c19a55 {
|
|
margin-inline-start:2.5rem}
|
|
|
|
.avatar_c19a55 {
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
flex: 0 0 auto;
|
|
height: var(--chat-avatar-size);
|
|
inset-inline-start: var(--custom-message-margin-horizontal);
|
|
margin-top: calc(4px - var(--custom-message-spacing-vertical-container-cozy));
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
width: var(--chat-avatar-size);
|
|
z-index: 1
|
|
}
|
|
|
|
.compact_c19a55 .avatar_c19a55 {
|
|
height: 1em;
|
|
inset-inline-start: 0;
|
|
margin-top: 0;
|
|
margin-inline:.1em .25em;position: relative;
|
|
top: .18em;
|
|
width: 1em
|
|
}
|
|
|
|
.preview_c19a55 .avatar_c19a55 {
|
|
inset-inline-start: 8px
|
|
}
|
|
|
|
.avatar_c19a55:before {
|
|
background-color: var(--background-mod-subtle);
|
|
content: "";
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.avatarDecoration_c19a55 {
|
|
height: var(--custom-message-avatar-decoration-size);
|
|
inset-inline-start: calc(var(--custom-message-margin-horizontal) - (var(--custom-message-avatar-decoration-size) - var(--custom-message-avatar-size))/2);
|
|
margin-top: calc(4px - var(--custom-message-spacing-vertical-container-cozy) - (var(--custom-message-avatar-decoration-size) - var(--custom-message-avatar-size))/2);
|
|
pointer-events: none;
|
|
position: absolute;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
width: var(--custom-message-avatar-decoration-size);
|
|
z-index: 1
|
|
}
|
|
|
|
.a11y-font-scaled-down .avatar_c19a55:not(.compact_c19a55) {
|
|
height: 2.5rem;
|
|
inset-inline-start: 1rem;
|
|
margin-top: calc(.25rem - var(--custom-message-spacing-vertical-container-cozy));
|
|
width: 2.5rem
|
|
}
|
|
|
|
.a11y-font-scaled-down .avatarDecoration_c19a55:not(.compact_c19a55) {
|
|
height: calc(2.5rem*var(--decoration-to-avatar-ratio));
|
|
inset-inline-start: .8rem;
|
|
width: calc(2.5rem*var(--decoration-to-avatar-ratio))
|
|
}
|
|
|
|
.avatar_c19a55.clickable_c19a55 {
|
|
pointer-events: auto
|
|
}
|
|
|
|
.full-motion .avatar_c19a55.clickable_c19a55:hover {
|
|
filter: drop-shadow(var(--elevation-medium))
|
|
}
|
|
|
|
.avatar_c19a55.clickable_c19a55:active,.avatar_c19a55.clickable_c19a55:active+.avatarDecoration_c19a55 {
|
|
transform: translateY(1px)
|
|
}
|
|
|
|
.roleIcon_c19a55 {
|
|
height: calc(1rem + 4px);
|
|
margin-inline-start:.25rem;position: relative;
|
|
top: 1px;
|
|
vertical-align: top;
|
|
width: calc(1rem + 4px)
|
|
}
|
|
|
|
.timestamp_c19a55 {
|
|
cursor: default;
|
|
display: inline-block;
|
|
font-weight: var(--font-weight-medium);
|
|
height: 1.25rem;
|
|
pointer-events: none
|
|
}
|
|
|
|
.timestampInline_c19a55 {
|
|
margin-inline-start:.25rem}
|
|
|
|
.timestamp_c19a55.latin12CompactTimeStamp_c19a55 {
|
|
width: 2.25rem
|
|
}
|
|
|
|
.timestamp_c19a55.latin24CompactTimeStamp_c19a55 {
|
|
width: 3.1rem
|
|
}
|
|
|
|
.timestamp_c19a55.asianCompactTimeStamp_c19a55 {
|
|
width: 4.25rem
|
|
}
|
|
|
|
.mouse-mode .timestamp_c19a55 {
|
|
pointer-events: auto
|
|
}
|
|
|
|
.cozy_c19a55 .timestamp_c19a55 {
|
|
color: var(--chat-text-muted);
|
|
font-size: .75rem;
|
|
line-height: 1.375rem;
|
|
vertical-align: baseline
|
|
}
|
|
|
|
.background-opacity-high .cozy_c19a55 .timestamp_c19a55,.background-opacity-low .cozy_c19a55 .timestamp_c19a55,.background-opacity-medium .cozy_c19a55 .timestamp_c19a55 {
|
|
display: none
|
|
}
|
|
|
|
.compact_c19a55 .timestamp_c19a55,.cozy_c19a55 .timestamp_c19a55.alt_c19a55 {
|
|
color: var(--text-muted);
|
|
font-size: .6875rem;
|
|
line-height: 1.375rem;
|
|
margin-inline-end:var(--custom-message-meta-space);text-align: end;
|
|
text-indent: 0
|
|
}
|
|
|
|
.cozy_c19a55 .timestamp_c19a55.alt_c19a55 {
|
|
height: 1.375rem;
|
|
inset-inline-start: 0;
|
|
line-height: 1.375rem;
|
|
position: absolute;
|
|
text-align: end;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
width: 56px;
|
|
z-index: 1
|
|
}
|
|
|
|
.a11y-font-scaled-down .cozy_c19a55 .timestamp_c19a55.alt_c19a55 {
|
|
width: 3.5rem
|
|
}
|
|
|
|
.a11y-font-scaled-up .cozy_c19a55 .timestamp_c19a55.alt_c19a55 {
|
|
font-size: 12Px
|
|
}
|
|
|
|
.background-opacity-high .compact_c19a55 .timestamp_c19a55,.background-opacity-low .compact_c19a55 .timestamp_c19a55,.background-opacity-medium .compact_c19a55 .timestamp_c19a55 {
|
|
text-shadow: none
|
|
}
|
|
|
|
.background-opacity-high .compact_c19a55 .timestamp_c19a55,.background-opacity-low .compact_c19a55 .timestamp_c19a55,.background-opacity-medium .compact_c19a55 .timestamp_c19a55 {
|
|
color: var(--primary-100)
|
|
}
|
|
|
|
.timestampTooltip_c19a55 {
|
|
max-width: none!important;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.timestampVisibleOnHover_c19a55 {
|
|
opacity: 0
|
|
}
|
|
|
|
.nitroAuthorBadgeTootip_c19a55 {
|
|
max-width: 30vw!important;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.mouse-mode .wrapper_c19a55:hover .timestampVisibleOnHover_c19a55 {
|
|
opacity: 1
|
|
}
|
|
|
|
.keyboard-mode .wrapper_c19a55:focus .timestampVisibleOnHover_c19a55 {
|
|
opacity: 1
|
|
}
|
|
|
|
.username_c19a55 {
|
|
color: var(--text-strong);
|
|
display: inline;
|
|
flex-shrink: 0;
|
|
font-size: 1rem;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 1.375rem;
|
|
overflow: hidden;
|
|
position: relative;
|
|
vertical-align: baseline
|
|
}
|
|
|
|
.usernameColorOnName_c19a55 {
|
|
}
|
|
|
|
.compact_c19a55 .headerText_c19a55,.cozy_c19a55 .headerText_c19a55,.roleDot_c19a55 {
|
|
margin-inline-end:.25rem}
|
|
|
|
.compact_c19a55 .headerText_c19a55.hasRoleIcon_c19a55,.cozy_c19a55 .headerText_c19a55.hasRoleIcon_c19a55 {
|
|
margin-inline-end:0}
|
|
|
|
.compact_c19a55 .headerText_c19a55.hasRoleIcon_c19a55.hasBadges_c19a55,.cozy_c19a55 .headerText_c19a55.hasRoleIcon_c19a55.hasBadges_c19a55 {
|
|
margin-inline-end:.25rem}
|
|
|
|
.applicationName_c19a55.clickable_c19a55:hover,.commandName_c19a55.clickable_c19a55:hover,.username_c19a55.clickable_c19a55:hover {
|
|
cursor: pointer;
|
|
text-decoration: underline
|
|
}
|
|
|
|
@media (-webkit-max-device-pixel-ratio: 1) {
|
|
.theme-light .username_c19a55 {
|
|
font-weight:var(--font-weight-semibold)
|
|
}
|
|
}
|
|
|
|
.background-opacity-high .username_c19a55,.background-opacity-low .username_c19a55,.background-opacity-medium .username_c19a55 {
|
|
text-shadow: 0 0 1px var(--primary-700),1px 1px 0 var(--primary-700)
|
|
}
|
|
|
|
.background-opacity-low .username_c19a55,.background-opacity-medium .username_c19a55 {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.botTag_c19a55 {
|
|
position: relative;
|
|
top: .1rem
|
|
}
|
|
|
|
.botTagCompact_c19a55 {
|
|
margin-inline-end:.25rem}
|
|
|
|
.botTagCozy_c19a55 {
|
|
margin-inline-start:.25rem}
|
|
|
|
.nitroBadgeSvg_c19a55 {
|
|
height: 14px;
|
|
margin-inline-start:.2rem;position: relative;
|
|
width: 24px
|
|
}
|
|
|
|
.nitroBadgeSvgRepliedMessage_c19a55 {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-inline-end:4px}
|
|
|
|
.nitroAuthorBadgeContainer_c19a55 {
|
|
display: inline-block
|
|
}
|
|
|
|
.replyLink_c19a55 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.replyLink_c19a55.clickable_c19a55 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.replyLink_c19a55.clickable_c19a55:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.separator_c19a55 {
|
|
display: inline-block;
|
|
font-style: normal;
|
|
opacity: 0;
|
|
position: absolute;
|
|
z-index: -1
|
|
}
|
|
|
|
.messageEditorCompact_c19a55 {
|
|
margin-inline:var(--custom-message-margin-compact-indent) var(--custom-message-margin-horizontal)}
|
|
|
|
.messageContent_c19a55 {
|
|
text-indent: 0
|
|
}
|
|
|
|
.cozy_c19a55 .messageContent_c19a55 {
|
|
position: relative
|
|
}
|
|
|
|
.cozy_c19a55.hasThread_c19a55:after {
|
|
border-bottom: 2px solid var(--spine-default);
|
|
border-end-start-radius: 8px;
|
|
border-inline-start:2px solid var(--spine-default);bottom: 29px;
|
|
content: "";
|
|
inset-inline-start: calc(var(--custom-message-margin-horizontal) + var(--chat-avatar-size)/2 - 1px);
|
|
position: absolute;
|
|
width: calc(var(--custom-message-margin-left-content-cozy) - var(--custom-message-margin-horizontal) - var(--chat-avatar-size)/2 - var(--space-4))
|
|
}
|
|
|
|
.font-size-24 .cozy_c19a55.hasThread_c19a55:after {
|
|
top: 2rem
|
|
}
|
|
|
|
.font-size-20 .cozy_c19a55.hasThread_c19a55:after {
|
|
top: 2.375rem
|
|
}
|
|
|
|
.font-size-18 .cozy_c19a55.hasThread_c19a55:after {
|
|
top: 2.75rem
|
|
}
|
|
|
|
.font-size-12 .cozy_c19a55.hasThread_c19a55:after,.font-size-14 .cozy_c19a55.hasThread_c19a55:after,.font-size-15 .cozy_c19a55.hasThread_c19a55:after,.font-size-16 .cozy_c19a55.hasThread_c19a55:after {
|
|
top: 3rem
|
|
}
|
|
|
|
.font-size-12 .cozy_c19a55.hasThread_c19a55.isSystemMessage_c19a55:after,.font-size-14 .cozy_c19a55.hasThread_c19a55.isSystemMessage_c19a55:after,.font-size-15 .cozy_c19a55.hasThread_c19a55.isSystemMessage_c19a55:after,.font-size-16 .cozy_c19a55.hasThread_c19a55.isSystemMessage_c19a55:after,.font-size-18 .cozy_c19a55.hasThread_c19a55.isSystemMessage_c19a55:after,.font-size-20 .cozy_c19a55.hasThread_c19a55.isSystemMessage_c19a55:after,.font-size-24 .cozy_c19a55.hasThread_c19a55.isSystemMessage_c19a55:after {
|
|
top: 1.75rem
|
|
}
|
|
|
|
.font-size-24 .cozy_c19a55.hasThread_c19a55.hasReply_c19a55:after {
|
|
top: 3.25rem
|
|
}
|
|
|
|
.font-size-20 .cozy_c19a55.hasThread_c19a55.hasReply_c19a55:after {
|
|
top: 3.75rem
|
|
}
|
|
|
|
.font-size-18 .cozy_c19a55.hasThread_c19a55.hasReply_c19a55:after {
|
|
top: 4rem
|
|
}
|
|
|
|
.font-size-15 .cozy_c19a55.hasThread_c19a55.hasReply_c19a55:after,.font-size-16 .cozy_c19a55.hasThread_c19a55.hasReply_c19a55:after {
|
|
top: 4.375rem
|
|
}
|
|
|
|
.font-size-14 .cozy_c19a55.hasThread_c19a55.hasReply_c19a55:after {
|
|
top: 4.5rem
|
|
}
|
|
|
|
.font-size-12 .cozy_c19a55.hasThread_c19a55.hasReply_c19a55:after {
|
|
top: 4.75rem
|
|
}
|
|
|
|
.compact_c19a55 .contents_c19a55 {
|
|
position: relative
|
|
}
|
|
|
|
.compact_c19a55.hasThread_c19a55 .contents_c19a55:before {
|
|
background-color: var(--spine-default);
|
|
bottom: 0;
|
|
content: "";
|
|
inset-inline-start: 2.5rem;
|
|
position: absolute;
|
|
top: 1.5rem;
|
|
width: 2px
|
|
}
|
|
|
|
.compact_c19a55.hasThread_c19a55.isSystemMessage_c19a55 .contents_c19a55:before {
|
|
inset-inline-start: 3rem;
|
|
top: 1.75rem
|
|
}
|
|
|
|
.compact_c19a55.hasThread_c19a55 .contents_c19a55:before {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.zalgo_c19a55 .messageContent_c19a55 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.messageContent_c19a55:empty {
|
|
display: none
|
|
}
|
|
|
|
.compact_c19a55 .messageContent_c19a55 {
|
|
display: inline;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text;
|
|
word-wrap: break-word
|
|
}
|
|
|
|
.compact_c19a55 .messageContent_c19a55 .emoji {
|
|
position: relative
|
|
}
|
|
|
|
.compact_c19a55 .messageContent_c19a55 .jumboable {
|
|
height: var(--custom-emoji-size-emoji);
|
|
min-height: var(--custom-emoji-size-emoji);
|
|
width: var(--custom-emoji-size-emoji)
|
|
}
|
|
|
|
.compact_c19a55 .messageContent_c19a55.markupRtl_c19a55 {
|
|
display: block;
|
|
text-indent: 0
|
|
}
|
|
|
|
.cozy_c19a55 .messageContent_c19a55 {
|
|
margin-inline-start:calc(var(--custom-message-margin-left-content-cozy)*-1);padding-inline-start: var(--custom-message-margin-left-content-cozy);
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.isSending_c19a55 {
|
|
opacity: .5
|
|
}
|
|
|
|
.isFailed_c19a55,.isFailed_c19a55 .hljs,.isFailed_c19a55 a,.isFailed_c19a55 code.inline,.theme-dark .isFailed_c19a55,.theme-light .isFailed_c19a55 {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.theme-dark .isUnsupported_c19a55 {
|
|
color: var(--text-muted);
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.cozy_c19a55 .markupRtl_c19a55 {
|
|
text-align: left;
|
|
text-indent: 0;
|
|
unicode-bidi: plaintext
|
|
}
|
|
|
|
.edited_c19a55 {
|
|
font-size: .625rem;
|
|
font-weight: var(--font-weight-normal);
|
|
line-height: 1;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.communicationDisabled_c19a55 {
|
|
margin-inline-end:8px}
|
|
|
|
.communicationDisabled_c19a55,.compactCommunicationDisabled_c19a55 {
|
|
color: var(--icon-feedback-critical);
|
|
vertical-align: -1px
|
|
}
|
|
|
|
.compactCommunicationDisabled_c19a55 {
|
|
margin: 0 4px
|
|
}
|
|
|
|
.communicationDisabledOpacity_c19a55 {
|
|
opacity: .5
|
|
}
|
|
|
|
.mention {
|
|
border-radius: 3px;
|
|
padding: 0 2px
|
|
}
|
|
|
|
.background-opacity-low .edited_c19a55 {
|
|
color: var(--opacity-white-60)
|
|
}
|
|
|
|
.background-opacity-medium .edited_c19a55 {
|
|
color: var(--opacity-white-48)
|
|
}
|
|
|
|
.background-opacity-high .edited_c19a55 {
|
|
color: var(--opacity-white-40)
|
|
}
|
|
|
|
.badgesContainer_c19a55 {
|
|
align-items: baseline;
|
|
display: inline-flex;
|
|
margin-inline-end:.25rem;row-gap: .25rem;
|
|
text-indent: 0
|
|
}
|
|
|
|
.compact_c19a55 .badgesContainer_c19a55 {
|
|
margin-inline-start:-.25rem}
|
|
|
|
.cozy_c19a55 .badgesContainer_c19a55 {
|
|
margin-inline-start:.25rem}
|
|
|
|
.cozy_c19a55 .pollBadgeDefault_c19a55,.pollBadgeReplied_c19a55 {
|
|
margin-block:0;margin-inline:.25rem 0}
|
|
|
|
.enable-forced-colors .headerText_c19a55 .username_c19a55 {
|
|
color: ButtonText;
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.wrapper__74bfa {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-top: 4px
|
|
}
|
|
|
|
.icon__74bfa {
|
|
display: block;
|
|
margin-inline-end:8px}
|
|
|
|
.errorIcon__74bfa {
|
|
color: var(--icon-feedback-critical)
|
|
}
|
|
|
|
@value maxModalWidth from "./MarkdownModal.module.css";.video__1689b {
|
|
border-radius: 3px
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.video__1689b {
|
|
width:auto!important
|
|
}
|
|
}
|
|
|
|
.container__1689b {
|
|
padding-bottom: 20px
|
|
}
|
|
|
|
.container__1689b p>img,.image__1689b {
|
|
border-radius: 5px
|
|
}
|
|
|
|
.title__1689b {
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 20px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.lead__1689b {
|
|
border-radius: 5px;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.added__1689b,.fixed__1689b,.improved__1689b,.progress__1689b {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-top: 40px
|
|
}
|
|
|
|
.added__1689b.marginTop__1689b,.fixed__1689b.marginTop__1689b,.improved__1689b.marginTop__1689b,.progress__1689b.marginTop__1689b {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.added__1689b:after,.fixed__1689b:after,.improved__1689b:after,.progress__1689b:after {
|
|
content: "";
|
|
flex: 1 1 auto;
|
|
height: 1px;
|
|
margin-left: 4px;
|
|
opacity: .6
|
|
}
|
|
|
|
.added__1689b,h3.added__1689b {
|
|
color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.added__1689b:after,h3.added__1689b:after {
|
|
background-color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.fixed__1689b,h3.fixed__1689b {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.fixed__1689b:after,h3.fixed__1689b:after {
|
|
background-color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.progress__1689b,h3.progress__1689b {
|
|
color: var(--text-feedback-warning)
|
|
}
|
|
|
|
.progress__1689b:after,h3.progress__1689b:after {
|
|
background-color: var(--text-feedback-warning)
|
|
}
|
|
|
|
.improved__1689b,h3.improved__1689b {
|
|
color: var(--text-brand)
|
|
}
|
|
|
|
.improved__1689b:after,h3.improved__1689b:after {
|
|
background-color: var(--text-brand)
|
|
}
|
|
|
|
.footer__1689b {
|
|
display: flex
|
|
}
|
|
|
|
.socialLink__1689b {
|
|
margin-right: 16px
|
|
}
|
|
|
|
.premiumBanner__1689b {
|
|
align-items: center;
|
|
background-image: linear-gradient(to left,var(--premium-tier-1-purple),var(--premium-tier-1-blue));
|
|
border-radius: 5px;
|
|
color: var(--white);
|
|
display: flex;
|
|
font-size: 16px;
|
|
line-height: 18px;
|
|
padding: 16px
|
|
}
|
|
|
|
.premiumBanner__1689b .premiumIcon__1689b {
|
|
flex-shrink: 0;
|
|
height: 36px;
|
|
margin-right: 16px;
|
|
width: 36px
|
|
}
|
|
|
|
.theme-dark .date__1689b {
|
|
color: var(--primary-300)
|
|
}
|
|
|
|
.theme-dark .video__1689b {
|
|
box-shadow: 0 2px 10px 0 hsl(var(--black-hsl)/.2)
|
|
}
|
|
|
|
.theme-dark .socialLink__1689b {
|
|
color: var(--primary-300)
|
|
}
|
|
|
|
.theme-light .date__1689b {
|
|
color: var(--primary-400)
|
|
}
|
|
|
|
.theme-light .video__1689b {
|
|
box-shadow: 0 2px 10px 0 hsl(var(--black-hsl)/.1)
|
|
}
|
|
|
|
.theme-light .socialLink__1689b {
|
|
color: var(--primary-500)
|
|
}
|
|
|
|
@use postcss-pxtorem;.gameIcon__5a366 {
|
|
height: 1rem;
|
|
margin-inline-end:4px;vertical-align: text-top
|
|
}
|
|
|
|
.gameMessageTooltip__5a366 {
|
|
max-width: unset
|
|
}
|
|
|
|
.gameMessageTooltipContent__5a366 {
|
|
align-items: center;
|
|
display: flex;
|
|
padding: 16px
|
|
}
|
|
|
|
.textContainer__5a366 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-inline-start:8px;width: 240px
|
|
}
|
|
|
|
.timestamp__5a366 {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.linkIcon_ebf183 {
|
|
display: inline-block
|
|
}
|
|
|
|
.badge__86331 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: 12px;
|
|
color: var(--interactive-text-active);
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
flex-direction: row;
|
|
margin-inline-start:.25rem;-o-object-fit: contain;
|
|
object-fit: contain;
|
|
overflow: hidden;
|
|
padding-block:2px;padding-inline:4px 8px;position: relative;
|
|
text-indent: 0;
|
|
top: 1px;
|
|
vertical-align: top
|
|
}
|
|
|
|
.badge__86331:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.badgeVerifiedIcon__86331 {
|
|
height: 16px;
|
|
margin-inline-end:4px;width: 16px
|
|
}
|
|
|
|
.roleName__86331 {
|
|
max-width: 150px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.theme-light .badge__86331 {
|
|
color: var(--channels-default)
|
|
}
|
|
|
|
.theme-light .badge__86331:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.popout__86331 {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 4px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
overflow: hidden
|
|
}
|
|
|
|
.popoutChecks__86331 {
|
|
padding: 12px
|
|
}
|
|
|
|
.popoutChecksGroup__86331:not(:last-of-type) {
|
|
margin-bottom: 12px;
|
|
padding-bottom: 12px
|
|
}
|
|
|
|
.popoutCheckGroupName__86331 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.popoutCheckGroupPlatformIcon__86331 {
|
|
height: 20px;
|
|
margin-inline-end:8px;width: 20px
|
|
}
|
|
|
|
.popoutCheck__86331 {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-top: 8px;
|
|
margin-inline-start:28px;padding-inline-end:20px}
|
|
|
|
.popoutCheckIcon__86331 {
|
|
color: var(--text-feedback-positive);
|
|
height: 18px;
|
|
margin-inline-end:8px;width: 18px
|
|
}
|
|
|
|
.popoutHeaderContainer__86331 {
|
|
background-color: var(--background-base-lowest);
|
|
padding: 10px
|
|
}
|
|
|
|
.popoutHeaderText__86331 strong {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.buttonContainer__86331 {
|
|
padding: 8px
|
|
}
|
|
|
|
.getRolesButton__86331 {
|
|
margin-bottom: 8px;
|
|
width: 100%
|
|
}
|
|
|
|
.viewConnectionsButton__86331 {
|
|
width: 100%
|
|
}
|
|
|
|
.botTag__86331 {
|
|
margin-inline-start:8px;margin-top: -1px
|
|
}
|
|
|
|
.messagePopoutContent_c00127 {
|
|
max-width: calc(var(--custom-message-helpers-popout-container-width)*1.25);
|
|
min-width: var(--custom-message-helpers-popout-container-width);
|
|
width: auto
|
|
}
|
|
|
|
.popoutContainer_c00127 {
|
|
padding: var(--custom-message-helpers-popout-padding-width)
|
|
}
|
|
|
|
.mainContent_c00127 {
|
|
align-items: start;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.iconContainer_c00127 {
|
|
color: var(--text-feedback-positive);
|
|
margin-inline-end:var(--custom-message-helpers-popout-padding-width);width: 40px
|
|
}
|
|
|
|
.header_c00127 {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.ctaButton_c00127 {
|
|
margin: 16px auto 0
|
|
}
|
|
|
|
.boosterBadge_c00127 {
|
|
margin-inline-end:3px}
|
|
|
|
.newMemberBadge_f80704 {
|
|
color: var(--text-feedback-positive);
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
height: calc(1rem + 4px);
|
|
margin-inline-start:.25rem;-o-object-fit: contain;
|
|
object-fit: contain;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-indent: 0;
|
|
top: 1px;
|
|
vertical-align: top;
|
|
width: calc(1rem + 4px)
|
|
}
|
|
|
|
.badge__6ba43 {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
height: 1rem;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-indent: 0;
|
|
top: .1875rem;
|
|
vertical-align: top;
|
|
width: 1rem
|
|
}
|
|
|
|
.popoutContainer__8641f {
|
|
padding: var(--custom-message-helpers-popout-padding-width)
|
|
}
|
|
|
|
.mainContent__8641f {
|
|
align-items: start;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.roleIconContainer__8641f {
|
|
margin-inline-end:var(--custom-message-helpers-popout-padding-width);width: 40px
|
|
}
|
|
|
|
.roleName__8641f {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.truncatingText__8641f {
|
|
min-width: 0
|
|
}
|
|
|
|
.ctaButtonContent__8641f {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.boosterBadge__8641f {
|
|
height: 14px;
|
|
margin-inline-end:3px;width: 14px
|
|
}
|
|
|
|
.ephemeral__5126c {
|
|
background: var(--brand-05a);
|
|
position: relative
|
|
}
|
|
|
|
.nitroMessage__5126c.nitroMessage__5126c {
|
|
background: linear-gradient(to right,hsl(var(--premium-tier-2-purple-for-gradients-hsl)/.08),hsl(var(--premium-tier-2-pink-for-gradients-hsl)/.08))
|
|
}
|
|
|
|
.nitroMessage__5126c.nitroMessage__5126c a {
|
|
color: var(--text-link)
|
|
}
|
|
|
|
.automodMessage__5126c {
|
|
background: var(--message-automod-background-default)
|
|
}
|
|
|
|
.mentioned__5126c {
|
|
background: var(--message-mentioned-background-default);
|
|
position: relative
|
|
}
|
|
|
|
.highlighted__5126c,.replying__5126c {
|
|
background: var(--message-highlight-background-default);
|
|
position: relative
|
|
}
|
|
|
|
.automodMessage__5126c:before,.ephemeral__5126c:before,.highlighted__5126c:before,.mentioned__5126c:before,.nitroMessage__5126c:before,.replying__5126c:before {
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 2px
|
|
}
|
|
|
|
.ephemeral__5126c:before {
|
|
background: var(--brand-500)
|
|
}
|
|
|
|
.nitroMessage__5126c:before {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color-vertical)
|
|
}
|
|
|
|
.automodMessage__5126c:before {
|
|
background: var(--text-feedback-critical)
|
|
}
|
|
|
|
.mentioned__5126c:before {
|
|
background: var(--icon-feedback-warning)
|
|
}
|
|
|
|
.highlighted__5126c:before {
|
|
background: var(--text-brand)
|
|
}
|
|
|
|
.replying__5126c:before {
|
|
background: var(--brand-500)
|
|
}
|
|
|
|
.messageListItem__5126c {
|
|
outline: none;
|
|
position: relative
|
|
}
|
|
|
|
.message__5126c {
|
|
border-end-end-radius: var(--radius-xs);
|
|
border-start-end-radius: var(--radius-xs);
|
|
padding-inline-end:var(--space-xl)!important}
|
|
|
|
.theme-dark .message__5126c.selected__5126c,.theme-dark.mouse-mode.full-motion .message__5126c: hover {
|
|
background:var(--message-background-hover)
|
|
}
|
|
|
|
.theme-light .message__5126c.selected__5126c,.theme-light.mouse-mode.full-motion .message__5126c:hover {
|
|
background: var(--message-background-hover)
|
|
}
|
|
|
|
.message__5126c.mentioned__5126c.selected__5126c,.mouse-mode.full-motion .message__5126c.mentioned__5126c:hover {
|
|
background: var(--message-mentioned-background-hover)
|
|
}
|
|
|
|
.message__5126c.highlighted__5126c.selected__5126c,.mouse-mode.full-motion .message__5126c.highlighted__5126c:hover {
|
|
background: var(--message-highlight-background-hover)
|
|
}
|
|
|
|
.message__5126c.ephemeral__5126c.selected__5126c,.mouse-mode.full-motion .message__5126c.ephemeral__5126c:hover {
|
|
background: var(--brand-10a)
|
|
}
|
|
|
|
.message__5126c.nitroMessage__5126c.selected__5126c,.mouse-mode.full-motion .message__5126c.nitroMessage__5126c:hover {
|
|
background: linear-gradient(to right,hsl(var(--premium-tier-2-purple-for-gradients-hsl)/.2),hsl(var(--premium-tier-2-pink-for-gradients-hsl)/.2))
|
|
}
|
|
|
|
.message__5126c.automodMessage__5126c.selected__5126c,.mouse-mode.full-motion .message__5126c.automodMessage__5126c:hover {
|
|
background: var(--message-automod-background-hover)
|
|
}
|
|
|
|
.message__5126c.replying__5126c.selected__5126c,.mouse-mode.full-motion .message__5126c.replying__5126c:hover {
|
|
background: var(--brand-10a)
|
|
}
|
|
|
|
.quotedChatMessage__5126c {
|
|
position: relative
|
|
}
|
|
|
|
.highlightContainer__5126c {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.highlightIcon__5126c {
|
|
margin-inline-end:4px}
|
|
|
|
.jump__5126c {
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: 3px;
|
|
box-sizing: border-box;
|
|
color: var(--text-default);
|
|
cursor: pointer;
|
|
display: none;
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-medium);
|
|
height: 24px;
|
|
inset-inline-end: 16px;
|
|
line-height: 16px;
|
|
margin-inline-start:6px;padding: 4px;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 0;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
z-index: 1
|
|
}
|
|
|
|
.quotedChatMessage__5126c:hover .jump__5126c {
|
|
display: block
|
|
}
|
|
|
|
.jump__5126c:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.jump__5126c:active {
|
|
color: var(--interactive-text-active);
|
|
transform: translate3d(0,1px,0)
|
|
}
|
|
|
|
.buttons__5126c {
|
|
opacity: 0;
|
|
pointer-events: none
|
|
}
|
|
|
|
.message__5126c.selected__5126c .buttons__5126c,.mouse-mode .message__5126c:hover .buttons__5126c {
|
|
opacity: 1
|
|
}
|
|
|
|
.message__5126c.selected__5126c .buttonsInner__5126c,.mouse-mode .message__5126c:hover .buttonsInner__5126c {
|
|
pointer-events: auto
|
|
}
|
|
|
|
.hideIfMessageNotFocused__5126c {
|
|
opacity: 0
|
|
}
|
|
|
|
.message__5126c.selected__5126c .hideIfMessageNotFocused__5126c,.mouse-mode .message__5126c:hover .hideIfMessageNotFocused__5126c {
|
|
opacity: 1
|
|
}
|
|
|
|
.cozyMessage__5126c.groupStart__5126c {
|
|
min-height: 2.75rem
|
|
}
|
|
|
|
.systemMessage__5126c.groupStart__5126c {
|
|
min-height: 1.375rem
|
|
}
|
|
|
|
.backgroundFlash__5126c {
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.channelTextArea__5126c {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.divider__5126c {
|
|
margin-inline:1rem .875rem}
|
|
|
|
.disableInteraction__5126c:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.groupStart__5126c {
|
|
margin-top: var(--custom-group-spacing-start)
|
|
}
|
|
|
|
.group-spacing-0 .groupStart__5126c {
|
|
--custom-group-spacing-start: 0.0625rem
|
|
}
|
|
|
|
.group-spacing-0 .divider__5126c {
|
|
margin-bottom: -1px;
|
|
margin-top: 0
|
|
}
|
|
|
|
.group-spacing-0 .divider__5126c.hasContent__5126c {
|
|
margin-bottom: 1.5rem;
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.group-spacing-4 .groupStart__5126c {
|
|
--custom-group-spacing-start: 0.3125rem
|
|
}
|
|
|
|
.group-spacing-4 .divider__5126c {
|
|
margin-bottom: 0;
|
|
margin-top: -1px
|
|
}
|
|
|
|
.group-spacing-4 .divider__5126c.beforeGroup__5126c {
|
|
margin-bottom: -1px;
|
|
margin-top: 0;
|
|
top: .125rem
|
|
}
|
|
|
|
.group-spacing-4 .divider__5126c.hasContent__5126c {
|
|
margin-bottom: 1.25rem;
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.group-spacing-8 .groupStart__5126c {
|
|
--custom-group-spacing-start: 0.5625rem
|
|
}
|
|
|
|
.group-spacing-8 .divider__5126c {
|
|
margin-bottom: 2px;
|
|
margin-top: 2px
|
|
}
|
|
|
|
.group-spacing-8 .divider__5126c.beforeGroup__5126c {
|
|
margin-bottom: -1px;
|
|
margin-top: 0;
|
|
top: .25rem
|
|
}
|
|
|
|
.group-spacing-8 .divider__5126c.hasContent__5126c {
|
|
margin-bottom: 1rem;
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.group-spacing-16 .groupStart__5126c {
|
|
--custom-group-spacing-start: 1.0625rem
|
|
}
|
|
|
|
.group-spacing-16 .divider__5126c {
|
|
margin-bottom: 4px;
|
|
margin-top: 4px
|
|
}
|
|
|
|
.group-spacing-16 .divider__5126c.beforeGroup__5126c {
|
|
margin-bottom: -1px;
|
|
margin-top: 0;
|
|
top: .5rem
|
|
}
|
|
|
|
.group-spacing-16 .divider__5126c.hasContent__5126c {
|
|
margin-bottom: .5rem;
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.group-spacing-24 .groupStart__5126c {
|
|
--custom-group-spacing-start: 1.5625rem
|
|
}
|
|
|
|
.group-spacing-24 .divider__5126c {
|
|
margin-bottom: 4px;
|
|
margin-top: 4px
|
|
}
|
|
|
|
.group-spacing-24 .divider__5126c.beforeGroup__5126c {
|
|
margin-bottom: -1px;
|
|
margin-top: 0;
|
|
top: .75rem
|
|
}
|
|
|
|
.group-spacing-24 .divider__5126c.hasContent__5126c {
|
|
margin-bottom: 0;
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.backgroundFlash__5126c .groupStart__5126c {
|
|
margin-top: 0!important
|
|
}
|
|
|
|
.interactionSending__5126c {
|
|
opacity: .5
|
|
}
|
|
|
|
.enable-forced-colors .automodMessage__5126c:before,.enable-forced-colors .ephemeral__5126c:before,.enable-forced-colors .highlighted__5126c:before,.enable-forced-colors .mentioned__5126c:before,.enable-forced-colors .replying__5126c:before {
|
|
forced-color-adjust: none;
|
|
width: 4px
|
|
}
|
|
|
|
.mentioned__5126c .mention.interactive:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.container_de50c1 {
|
|
position: relative
|
|
}
|
|
|
|
.blockUserInteraction_de50c1 {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
cursor: default
|
|
}
|
|
|
|
.emojiIcon_ff168a {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.icon__0e5a2 {
|
|
display: inline-block;
|
|
height: 16px;
|
|
margin-inline-end:4px;margin-bottom: 2px;
|
|
vertical-align: bottom;
|
|
width: 16px
|
|
}
|
|
|
|
.container__6b8b8 {
|
|
display: flex;
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
.emojiContainer__6b8b8 {
|
|
margin-inline-end:16px}
|
|
|
|
.name__6b8b8 {
|
|
margin-bottom: 2px
|
|
}
|
|
|
|
.linkedName__6b8b8:hover {
|
|
cursor: pointer;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.channelNameContainer__6b8b8 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.infoContainer__6b8b8 {
|
|
flex: 1
|
|
}
|
|
|
|
.draftBadge__53d72 {
|
|
color: var(--primary-860);
|
|
letter-spacing: .02em
|
|
}
|
|
|
|
.draftBadgeContainer_ea81a9 {
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: 8px;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: -20px;
|
|
overflow: hidden;
|
|
padding: 2px;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.tierName_ea81a9 {
|
|
font-family: var(--font-display);
|
|
margin-bottom: 16px;
|
|
text-align: start
|
|
}
|
|
|
|
.tierImage_ea81a9 {
|
|
border-radius: 50%;
|
|
height: var(--custom-guild-role-subscription-card-basic-info-tier-image-size);
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
overflow: hidden;
|
|
width: var(--custom-guild-role-subscription-card-basic-info-tier-image-size)
|
|
}
|
|
|
|
.tierPrice_ea81a9 {
|
|
color: var(--interactive-text-active);
|
|
font-size: 24px;
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-bottom: 2px;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.tierPeriod_ea81a9,.tierPrice_ea81a9 {
|
|
font-family: var(--font-display)
|
|
}
|
|
|
|
.tierPeriod_ea81a9 {
|
|
letter-spacing: .02em;
|
|
margin-bottom: 16px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.tierName_ea81a9 {
|
|
margin-bottom:4px
|
|
}
|
|
|
|
.tierImage_ea81a9 {
|
|
height: var(--custom-guild-role-subscription-card-basic-info-tier-image-size) Mobile;
|
|
width: var(--custom-guild-role-subscription-card-basic-info-tier-image-size) Mobile
|
|
}
|
|
}
|
|
|
|
.container_b27fdc {
|
|
align-items: center;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.tierTextInfoContainer_b27fdc {
|
|
align-items: flex-start;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin-inline-start:16px}
|
|
|
|
.tierPriceContainer_b27fdc {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.tierPrice_b27fdc {
|
|
color: var(--text-default);
|
|
font-size: 16px;
|
|
height: 20px;
|
|
text-align: start
|
|
}
|
|
|
|
.toggleButton_b27fdc {
|
|
color: var(--interactive-text-default);
|
|
height: 24px;
|
|
justify-content: flex-end;
|
|
width: 24px
|
|
}
|
|
|
|
.confirmationContainer_e64651 {
|
|
margin-top: 56px
|
|
}
|
|
|
|
.confirmationHeader_e64651 {
|
|
color: var(--text-default);
|
|
margin-bottom: 8px;
|
|
text-align: center
|
|
}
|
|
|
|
.confirmationHeader_e64651 strong {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.confirmationSubtitle_e64651 {
|
|
text-align: center
|
|
}
|
|
|
|
.actions_e64651 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: 24px;
|
|
row-gap: 8px
|
|
}
|
|
|
|
.container__24a95 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 8px;
|
|
display: flex;
|
|
padding: 16px
|
|
}
|
|
|
|
.container__24a95:hover {
|
|
background-color: var(--background-base-lowest);
|
|
cursor: pointer
|
|
}
|
|
|
|
.emojiContainer__24a95 {
|
|
margin-inline-end:16px}
|
|
|
|
.name__24a95 {
|
|
margin-bottom: 2px
|
|
}
|
|
|
|
.channelNameContainer__24a95 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.infoContainer__24a95 {
|
|
flex: 1
|
|
}
|
|
|
|
.caret__24a95 {
|
|
color: var(--interactive-text-default);
|
|
flex: 0 0 auto;
|
|
margin-inline-start:16px}
|
|
|
|
.headerContainer__4dd8e {
|
|
height: 146px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.headerEmpty__4dd8e {
|
|
height: 10px;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.headerEmpty__4dd8e+.breadcrumb,.headerEmpty__4dd8e+.paymentModalContent {
|
|
background-color: var(--modal-background);
|
|
border-start-end-radius: 4px;
|
|
border-start-start-radius: 4px
|
|
}
|
|
|
|
.headerEmpty__4dd8e .closeContainer__4dd8e {
|
|
top: 13px
|
|
}
|
|
|
|
.headerImage__4dd8e,.headerImageEmpty__4dd8e {
|
|
border-start-end-radius: var(--radius-md);
|
|
border-start-start-radius: var(--radius-md)
|
|
}
|
|
|
|
.headerImage__4dd8e {
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%
|
|
}
|
|
|
|
.headerImageEmpty__4dd8e {
|
|
background-color: var(--background-base-lower);
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.closeContainer__4dd8e {
|
|
align-items: center;
|
|
background-color: var(--opacity-black-84);
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 24px;
|
|
inset-inline-end: 16px;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 16px;
|
|
width: 24px
|
|
}
|
|
|
|
.closeIcon__4dd8e {
|
|
color: var(--interactive-text-default);
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.tierImageContainer__4dd8e {
|
|
background-color: var(--background-base-low);
|
|
border-radius: 50%;
|
|
bottom: -48px;
|
|
height: 80px;
|
|
inset-inline-start: calc(50% - 48px);
|
|
padding: 8px;
|
|
position: absolute;
|
|
width: 80px;
|
|
z-index: 1
|
|
}
|
|
|
|
.tierImage__4dd8e {
|
|
border-radius: 50%;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%
|
|
}
|
|
|
|
.confirmationContainer__4dd8e {
|
|
margin-top: 56px
|
|
}
|
|
|
|
.confirmationHeader__4dd8e {
|
|
margin-bottom: 8px;
|
|
text-align: center
|
|
}
|
|
|
|
.confirmationHeader__4dd8e strong {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.confirmationSubtitle__4dd8e {
|
|
margin-bottom: 32px;
|
|
text-align: center
|
|
}
|
|
|
|
.confirmationSectionLabel__4dd8e {
|
|
font-family: var(--font-display);
|
|
letter-spacing: .02em;
|
|
margin-bottom: 8px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.confirmationBenefits__4dd8e {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.confirmationButton__4dd8e {
|
|
margin: 32px auto 0
|
|
}
|
|
|
|
.emojiBenefitsRow__4dd8e {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 8px;
|
|
display: flex;
|
|
padding: 16px
|
|
}
|
|
|
|
.emojiImage__4dd8e {
|
|
margin-inline-end:16px}
|
|
|
|
.emojiName__4dd8e {
|
|
margin-bottom: 2px
|
|
}
|
|
|
|
.container__3efc4 {
|
|
border-radius: 8px;
|
|
flex: 1;
|
|
max-width: 320px;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.cardContainerWithoutTopIndicator__3efc4 {
|
|
border-radius: 8px;
|
|
margin-top: 24px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.tierTrialIndicator__3efc4 {
|
|
background-color: var(--brand-500);
|
|
color: var(--white);
|
|
font-weight: var(--font-weight-medium);
|
|
padding-bottom: 4px;
|
|
padding-top: 4px
|
|
}
|
|
|
|
.tierTrialIndicatorIcon__3efc4 {
|
|
margin-inline-start:4px}
|
|
|
|
.tierTopIndicator__3efc4 {
|
|
display: flex;
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
justify-content: center;
|
|
line-height: 16px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.tierInfoContainer__3efc4 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 32px 16px 16px;
|
|
text-align: center
|
|
}
|
|
|
|
.theme-light .tierInfoContainer__3efc4 {
|
|
background-color: hsla(0,0%,100%,.5)
|
|
}
|
|
|
|
.theme-dark .tierInfoContainer__3efc4 {
|
|
background-color: var(--interactive-background-hover)
|
|
}
|
|
|
|
.tierDescriptionTruncate__3efc4 {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 4;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden
|
|
}
|
|
|
|
.subscriptionPerks__3efc4 {
|
|
background-color: var(--background-base-lower);
|
|
padding: 16px
|
|
}
|
|
|
|
.roleMessagePreview__3efc4 {
|
|
background-color: var(--background-base-low);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 4px;
|
|
padding: 12px 0
|
|
}
|
|
|
|
.roleMessagePreview__3efc4:not(:last-child) {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.sectionHeader__3efc4 {
|
|
font-family: var(--font-display);
|
|
letter-spacing: .02em;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.benefitsSection__3efc4:not(:last-child) {
|
|
border-bottom: 1px solid var(--opacity-white-4);
|
|
margin-bottom: 16px;
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.benefitsList__3efc4 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px
|
|
}
|
|
|
|
.emojiList__3efc4 {
|
|
display: grid;
|
|
gap: 9px 8px;
|
|
grid-template-columns: repeat(9,1fr)
|
|
}
|
|
|
|
.emojiListEmoji__3efc4 {
|
|
-o-object-fit: contain;
|
|
object-fit: contain
|
|
}
|
|
|
|
.divider__3efc4 {
|
|
background-color: hsla(0,0%,100%,.06);
|
|
height: 1px;
|
|
margin: 16px 0;
|
|
width: 100%
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.container__3efc4 {
|
|
width:auto
|
|
}
|
|
|
|
.cardContainerWithoutTopIndicator__3efc4 {
|
|
margin-top: 0
|
|
}
|
|
|
|
.tierInfoContainer__3efc4 {
|
|
padding-top: 16px
|
|
}
|
|
|
|
.subscriptionPerks__3efc4 {
|
|
background-color: var(--background-mod-normal)
|
|
}
|
|
}
|
|
|
|
.helpMessage__3efc4 {
|
|
text-align: start
|
|
}
|
|
|
|
.giftButton__82222 {
|
|
--button-outline-brand-text: var(--brand-500)
|
|
}
|
|
|
|
.innerGiftButton__82222 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.buttonText__82222 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.giftIcon__82222 {
|
|
height: 16px;
|
|
margin-inline-end:4px;min-height: 16px;
|
|
min-width: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.discountOfferContainer__5521c {
|
|
align-content: center;
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 16px
|
|
}
|
|
|
|
.discountOfferContent__5521c {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.nitroIcon__5521c {
|
|
border-radius: var(--radius-sm);
|
|
filter: saturate(var(--saturation-factor,1))
|
|
}
|
|
|
|
.offerDetailContainer__11ee8 {
|
|
background: var(--background-mod-subtle);
|
|
border-radius: var(--radius-md);
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
.legalContainer__11ee8 {
|
|
margin: var(--space-16) 0
|
|
}
|
|
|
|
.spinnerContainer__11ee8 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.churnFooterContainer__64988 {
|
|
overflow-x: clip;
|
|
position: relative
|
|
}
|
|
|
|
.churnFooterGlow__64988 {
|
|
background: linear-gradient(90deg,rgba(125,74,191,.5),rgba(171,77,187,.5) 50.5%,rgba(161,97,136,.5));
|
|
filter: blur(20px);
|
|
height: 42px;
|
|
inset-inline-start: 15px;
|
|
position: absolute;
|
|
top: -4px;
|
|
width: 410px
|
|
}
|
|
|
|
.churnFooterTopBorder__64988 {
|
|
background: linear-gradient(90deg,#8947c6,#b246c2 50%,#ac5c8d);
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
.churnFooterContent__64988 {
|
|
background: var(--background-mod-subtle);
|
|
min-height: 132px;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.churnFooterContentBody__64988 {
|
|
display: flex
|
|
}
|
|
|
|
.churnFooterIcon__64988 {
|
|
align-self: flex-start;
|
|
padding-top: 20px;
|
|
padding-inline-start:16px}
|
|
|
|
.churnFooterContentBodyInner__64988 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-inline:20px 22px;padding-bottom: 24px;
|
|
padding-top: 22px
|
|
}
|
|
|
|
.churnFooterCopy__64988 {
|
|
color: var(--text-strong);
|
|
margin-bottom: 14px
|
|
}
|
|
|
|
.churnFooterCTAs__64988 {
|
|
display: flex
|
|
}
|
|
|
|
.churnFooterClaimCTA__64988 {
|
|
border-color: #764db9;
|
|
margin-inline-end:8px;min-width: 153px
|
|
}
|
|
|
|
.churnFooterClaimCTAInner__64988 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.churnFooterClaimIcon__64988 {
|
|
padding-inline-end:4px}
|
|
|
|
.theme-dark .churnFooterClaimCTA__64988,.theme-dark .churnFooterClaimCopy__64988 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.theme-light .churnFooterClaimCTA__64988,.theme-light .churnFooterClaimCopy__64988 {
|
|
color: #b449b6
|
|
}
|
|
|
|
.body__89307 {
|
|
background-color: var(--modal-background);
|
|
color: var(--text-default);
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.body__89307 .title__89307 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.clickable__89307 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.whatYouLoseItemContainer__89307 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 16px;
|
|
margin-top: 16px;
|
|
row-gap: 8px
|
|
}
|
|
|
|
.whatYouLoseItemContainer__89307.premiumRebrand__89307 {
|
|
filter: saturate(var(--saturation-factor,1));
|
|
margin-bottom: 12px;
|
|
margin-top: 12px
|
|
}
|
|
|
|
.whatYouLoseItemContainer__89307.premiumRebrand__89307.noMargin__89307 {
|
|
margin-bottom: 0;
|
|
margin-top: 0
|
|
}
|
|
|
|
.whatYouLoseItem__89307 {
|
|
background: var(--background-base-lowest);
|
|
border-radius: 8px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
min-height: 140px;
|
|
padding: 16px
|
|
}
|
|
|
|
.whatYouLoseItem__89307.premiumRebrand__89307 {
|
|
background: var(--background-mod-subtle);
|
|
border: 1px solid var(--border-muted);
|
|
padding: 11px
|
|
}
|
|
|
|
.whatYouLoseItemLeftColumn__89307 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
padding-inline-end:16px;width: 100%
|
|
}
|
|
|
|
.whatYouLoseItemLeftColumn__89307.premiumRebrand__89307 {
|
|
padding-inline-end:var(--space-40)}
|
|
|
|
.whatYouLoseItemLeftColumn__89307.premiumRebrand__89307 strong {
|
|
font-weight: 400
|
|
}
|
|
|
|
.whatYouLoseItemLearnMore__89307 {
|
|
padding: 0;
|
|
width: -moz-min-content;
|
|
width: min-content
|
|
}
|
|
|
|
.whatYouLoseItemRightColumn__89307 {
|
|
display: flex;
|
|
max-width: 180px;
|
|
min-width: 180px
|
|
}
|
|
|
|
.whatYouLoseItemRightColumn__89307.premiumRebrand__89307 {
|
|
border-radius: var(--radius-sm);
|
|
overflow: hidden
|
|
}
|
|
|
|
.textSingleLineEllipsis__89307 {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.profileCard__89307 {
|
|
min-height: 96px;
|
|
overflow: hidden;
|
|
padding: 4px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.profileCardTier1__89307 {
|
|
background-color: var(--background-base-low);
|
|
border-radius: 8px
|
|
}
|
|
|
|
.profileAvatar__89307.profileAvatar__89307 {
|
|
inset-inline-start: 12px;
|
|
position: absolute;
|
|
top: 30px
|
|
}
|
|
|
|
.profileAvatarTier1__89307 {
|
|
inset-inline-start: 60px;
|
|
position: relative;
|
|
top: 16px
|
|
}
|
|
|
|
.profileInner__89307 {
|
|
background: transparent;
|
|
margin-bottom: 8px;
|
|
margin-top: 30px;
|
|
margin-inline-start:0}
|
|
|
|
.profileUserInfo__89307 {
|
|
align-items: center;
|
|
display: flex;
|
|
margin: 30px 0 8px;
|
|
padding: 0 16px
|
|
}
|
|
|
|
.profileUserInfoTier1__89307 {
|
|
display: flex;
|
|
justify-content: center;
|
|
padding-top: 16px;
|
|
position: relative
|
|
}
|
|
|
|
.profileNameTag__89307 {
|
|
color: var(--interactive-text-active);
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 20px;
|
|
max-width: 118px
|
|
}
|
|
|
|
.profileNameTagUsername__89307 {
|
|
line-height: 20px;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.profilePremiumIcon__89307 {
|
|
margin-inline-start:6px}
|
|
|
|
.emojiStickersPersonalizedContainer__89307 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
.emojiStickersPersonalizedContainer__89307 :not(:last-child) {
|
|
margin-inline-end:2px}
|
|
|
|
.personalizedEmoji__89307 {
|
|
height: 58px;
|
|
width: 58px
|
|
}
|
|
|
|
.boostCardContainer__89307 {
|
|
overflow: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.boostCard__89307 {
|
|
background-color: var(--background-base-low);
|
|
border-radius: 8px;
|
|
box-sizing: border-box;
|
|
flex-grow: 1;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
padding: 10px
|
|
}
|
|
|
|
.boostCardIcon__89307 {
|
|
flex-shrink: 0;
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.boostCardInfo__89307 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.boostCardTitle__89307 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.boostCardSubtitle__89307 {
|
|
align-items: center;
|
|
display: flex;
|
|
padding-top: 2px
|
|
}
|
|
|
|
.boostCardGem__89307 {
|
|
color: var(--guild-boosting-pink);
|
|
height: 16px;
|
|
margin-inline-end:4px;width: auto
|
|
}
|
|
|
|
.boostCardCount__89307 {
|
|
color: var(--text-strong);
|
|
opacity: .5
|
|
}
|
|
|
|
.nonPersonalizedGraphic__89307 {
|
|
max-width: 168px;
|
|
width: 100%
|
|
}
|
|
|
|
.spinner__89307 {
|
|
padding-bottom: 44px;
|
|
padding-top: 60px
|
|
}
|
|
|
|
.badgeGradientWrapper__89307 {
|
|
align-items: center;
|
|
background-color: var(--background-surface-higher);
|
|
border-radius: 8px;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
height: 100%;
|
|
justify-content: center;
|
|
min-height: 108px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.badgeImage__89307 {
|
|
display: block;
|
|
height: 66px;
|
|
width: auto
|
|
}
|
|
|
|
.previewContainer__70c78 {
|
|
padding-block:0 var(--space-6);padding-inline: 0
|
|
}
|
|
|
|
.title_feb59c {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
h1.title_feb59c {
|
|
font-size: 20px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 1.2
|
|
}
|
|
|
|
h2.title_feb59c {
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 1.25
|
|
}
|
|
|
|
h3.title_feb59c {
|
|
font-size: 14px;
|
|
line-height: 1.14
|
|
}
|
|
|
|
h3.title_feb59c,h4.title_feb59c,h5.title_feb59c,h6.title_feb59c {
|
|
font-weight: var(--font-weight-semibold);
|
|
text-transform: uppercase
|
|
}
|
|
|
|
h4.title_feb59c,h5.title_feb59c,h6.title_feb59c {
|
|
font-size: 12px;
|
|
line-height: 1.33
|
|
}
|
|
|
|
.theme-dark h3.title_feb59c {
|
|
color: var(--primary-200)
|
|
}
|
|
|
|
.theme-dark h4.title_feb59c,.theme-dark h5.title_feb59c,.theme-dark h6.title_feb59c {
|
|
color: var(--primary-300)
|
|
}
|
|
|
|
.theme-light h3.title_feb59c,.theme-light h4.title_feb59c,.theme-light h5.title_feb59c,.theme-light h6.title_feb59c {
|
|
color: var(--primary-400)
|
|
}
|
|
|
|
h1.title_feb59c,h2.title_feb59c {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.hljs {
|
|
border-radius: 4px;
|
|
display: block;
|
|
overflow-x: auto;
|
|
padding: .5em;
|
|
-webkit-text-size-adjust: none;
|
|
-moz-text-size-adjust: none;
|
|
text-size-adjust: none;
|
|
background: var(--background-base-lower);
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.theme-dark .hljs-doctag,.theme-dark .hljs-keyword,.theme-dark .hljs-meta .hljs-keyword,.theme-dark .hljs-template-tag,.theme-dark .hljs-template-variable,.theme-dark .hljs-type,.theme-dark .hljs-variable.language_ {
|
|
color: #ff7b72
|
|
}
|
|
|
|
.theme-dark .hljs-title,.theme-dark .hljs-title.class_,.theme-dark .hljs-title.class_.inherited__,.theme-dark .hljs-title.function_ {
|
|
color: #d2a8ff
|
|
}
|
|
|
|
.theme-dark .hljs-attr,.theme-dark .hljs-attribute,.theme-dark .hljs-literal,.theme-dark .hljs-meta,.theme-dark .hljs-number,.theme-dark .hljs-operator,.theme-dark .hljs-selector-attr,.theme-dark .hljs-selector-class,.theme-dark .hljs-selector-id,.theme-dark .hljs-variable {
|
|
color: #79c0ff
|
|
}
|
|
|
|
.theme-dark .hljs-meta .hljs-string,.theme-dark .hljs-regexp,.theme-dark .hljs-string {
|
|
color: #a5d6ff
|
|
}
|
|
|
|
.theme-dark .hljs-built_in,.theme-dark .hljs-symbol {
|
|
color: #ffa657
|
|
}
|
|
|
|
.theme-dark .hljs-code,.theme-dark .hljs-comment,.theme-dark .hljs-formula {
|
|
color: #8b949e
|
|
}
|
|
|
|
.theme-dark .hljs-name,.theme-dark .hljs-quote,.theme-dark .hljs-selector-pseudo,.theme-dark .hljs-selector-tag {
|
|
color: #7ee787
|
|
}
|
|
|
|
.theme-dark .hljs-subst {
|
|
color: #c9d1d9
|
|
}
|
|
|
|
.theme-dark .hljs-section {
|
|
color: #1f6feb;
|
|
font-weight: 700
|
|
}
|
|
|
|
.theme-dark .hljs-bullet {
|
|
color: #f2cc60
|
|
}
|
|
|
|
.theme-dark .hljs-emphasis {
|
|
color: #c9d1d9;
|
|
font-style: italic
|
|
}
|
|
|
|
.theme-dark .hljs-strong {
|
|
color: #c9d1d9;
|
|
font-weight: 700
|
|
}
|
|
|
|
.theme-dark .hljs-addition {
|
|
background-color: #033a16;
|
|
color: #aff5b4
|
|
}
|
|
|
|
.theme-dark .hljs-deletion {
|
|
background-color: #67060c;
|
|
color: #ffdcd7
|
|
}
|
|
|
|
.theme-light .hljs-doctag,.theme-light .hljs-keyword,.theme-light .hljs-meta .hljs-keyword,.theme-light .hljs-template-tag,.theme-light .hljs-template-variable,.theme-light .hljs-type,.theme-light .hljs-variable.language_ {
|
|
color: #d73a49
|
|
}
|
|
|
|
.theme-light .hljs-title,.theme-light .hljs-title.class_,.theme-light .hljs-title.class_.inherited__,.theme-light .hljs-title.function_ {
|
|
color: #6f42c1
|
|
}
|
|
|
|
.theme-light .hljs-attr,.theme-light .hljs-attribute,.theme-light .hljs-literal,.theme-light .hljs-meta,.theme-light .hljs-number,.theme-light .hljs-operator,.theme-light .hljs-selector-attr,.theme-light .hljs-selector-class,.theme-light .hljs-selector-id,.theme-light .hljs-variable {
|
|
color: #005cc5
|
|
}
|
|
|
|
.theme-light .hljs-meta .hljs-string,.theme-light .hljs-regexp,.theme-light .hljs-string {
|
|
color: #032f62
|
|
}
|
|
|
|
.theme-light .hljs-built_in,.theme-light .hljs-symbol {
|
|
color: #e36209
|
|
}
|
|
|
|
.theme-light .hljs-code,.theme-light .hljs-comment,.theme-light .hljs-formula {
|
|
color: #6a737d
|
|
}
|
|
|
|
.theme-light .hljs-name,.theme-light .hljs-quote,.theme-light .hljs-selector-pseudo,.theme-light .hljs-selector-tag {
|
|
color: #22863a
|
|
}
|
|
|
|
.theme-light .hljs-subst {
|
|
color: #24292e
|
|
}
|
|
|
|
.theme-light .hljs-section {
|
|
color: #005cc5;
|
|
font-weight: 700
|
|
}
|
|
|
|
.theme-light .hljs-bullet {
|
|
color: #735c0f
|
|
}
|
|
|
|
.theme-light .hljs-emphasis {
|
|
color: #24292e;
|
|
font-style: italic
|
|
}
|
|
|
|
.theme-light .hljs-strong {
|
|
color: #24292e;
|
|
font-weight: 700
|
|
}
|
|
|
|
.theme-light .hljs-addition {
|
|
background-color: #f0fff4;
|
|
color: #22863a
|
|
}
|
|
|
|
.theme-light .hljs-deletion {
|
|
background-color: #ffeef0;
|
|
color: #b31d28
|
|
}
|
|
|
|
.hljs_d285a6 {
|
|
border-radius: 4px;
|
|
display: block;
|
|
overflow-x: auto;
|
|
padding: .5em;
|
|
-webkit-text-size-adjust: none;
|
|
-moz-text-size-adjust: none;
|
|
text-size-adjust: none;
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.hljs-doctag_d285a6,.hljs-keyword_d285a6,.hljs-meta_d285a6 .hljs-keyword_d285a6,.hljs-template-tag_d285a6,.hljs-template-variable_d285a6,.hljs-type_d285a6,.hljs-variable_d285a6.language__d285a6 {
|
|
color: var(--text-code-keyword)
|
|
}
|
|
|
|
.hljs-title_d285a6,.hljs-title_d285a6.class__d285a6,.hljs-title_d285a6.class__d285a6.inherited___d285a6,.hljs-title_d285a6.function__d285a6 {
|
|
color: var(--text-code-title)
|
|
}
|
|
|
|
.hljs-attr_d285a6,.hljs-attribute_d285a6,.hljs-literal_d285a6,.hljs-meta_d285a6,.hljs-number_d285a6,.hljs-operator_d285a6,.hljs-selector-attr_d285a6,.hljs-selector-class_d285a6,.hljs-selector-id_d285a6,.hljs-variable_d285a6 {
|
|
color: var(--text-code-variable)
|
|
}
|
|
|
|
.hljs-meta_d285a6 .hljs-string_d285a6,.hljs-regexp_d285a6,.hljs-string_d285a6 {
|
|
color: var(--text-code-string)
|
|
}
|
|
|
|
.hljs-built_in_d285a6,.hljs-symbol_d285a6 {
|
|
color: var(--text-code-builtin)
|
|
}
|
|
|
|
.hljs-code_d285a6,.hljs-comment_d285a6,.hljs-formula_d285a6 {
|
|
color: var(--text-code-comment)
|
|
}
|
|
|
|
.hljs-name_d285a6,.hljs-quote_d285a6,.hljs-selector-pseudo_d285a6,.hljs-selector-tag_d285a6 {
|
|
color: var(--text-code-tag)
|
|
}
|
|
|
|
.hljs-subst_d285a6 {
|
|
color: var(--text-code)
|
|
}
|
|
|
|
.hljs-section_d285a6 {
|
|
color: var(--text-code-section);
|
|
font-weight: 700
|
|
}
|
|
|
|
.hljs-bullet_d285a6 {
|
|
color: var(--text-code-bullet)
|
|
}
|
|
|
|
.hljs-emphasis_d285a6 {
|
|
color: var(--text-code);
|
|
font-style: italic
|
|
}
|
|
|
|
.hljs-strong_d285a6 {
|
|
color: var(--text-code);
|
|
font-weight: 700
|
|
}
|
|
|
|
.hljs-addition_d285a6 {
|
|
background-color: var(--background-code-addition);
|
|
color: var(--text-code-addition)
|
|
}
|
|
|
|
.hljs-deletion_d285a6 {
|
|
background-color: var(--background-code-deletion);
|
|
color: var(--text-code-deletion)
|
|
}
|
|
|
|
.markdown_d285a6 {
|
|
font-size: 16px;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.markdown_d285a6 h1,.markdown_d285a6 h2,.markdown_d285a6 h3,.markdown_d285a6 h4,.markdown_d285a6 h5,.markdown_d285a6 h6,.markdown_d285a6 hr {
|
|
margin: 20px 0 8px
|
|
}
|
|
|
|
.markdown_d285a6 .blockquote_d285a6,.markdown_d285a6 ol,.markdown_d285a6 p,.markdown_d285a6 pre,.markdown_d285a6 table,.markdown_d285a6 ul {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.markdown_d285a6 :first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.markdown_d285a6 hr,.markdown_d285a6 p {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.markdown_d285a6 strong {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.markdown_d285a6 em {
|
|
font-style: italic
|
|
}
|
|
|
|
.markdown_d285a6 ol li {
|
|
list-style-type: decimal;
|
|
margin-inline-start:20px}
|
|
|
|
.markdown_d285a6 ul {
|
|
margin: 0 0 12px
|
|
}
|
|
|
|
.markdown_d285a6 ul li {
|
|
list-style-type: disc;
|
|
margin-block:8px 0;margin-inline:20px 0}
|
|
|
|
.markdown_d285a6 ul li:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.markdown_d285a6 table {
|
|
border-collapse: collapse
|
|
}
|
|
|
|
.markdown_d285a6 th {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.markdown_d285a6 td,.markdown_d285a6 th {
|
|
border-inline-end:1px solid transparent;border-inline-start:1px solid transparent;padding: 8px;
|
|
text-align: start
|
|
}
|
|
|
|
.markdown_d285a6 tr {
|
|
border: 1px solid transparent
|
|
}
|
|
|
|
.markdown_d285a6 img {
|
|
border-radius: 3px
|
|
}
|
|
|
|
.markdown_d285a6 .blockquote_d285a6 {
|
|
border-inline-start:4px solid transparent;display: block;
|
|
padding-inline-start:8px}
|
|
|
|
.markdown_d285a6 .blockquote_d285a6 p {
|
|
margin: 0
|
|
}
|
|
|
|
.markdown_d285a6 .codeInline_d285a6 {
|
|
padding: .2em
|
|
}
|
|
|
|
.markdown_d285a6 .paragraph_d285a6 {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.theme-dark .markdown_d285a6 {
|
|
color: var(--primary-300)
|
|
}
|
|
|
|
.theme-dark .markdown_d285a6 th {
|
|
background-color: var(--primary-700);
|
|
border-color: var(--primary-500);
|
|
color: var(--white)
|
|
}
|
|
|
|
.theme-dark .markdown_d285a6 td {
|
|
border-color: var(--primary-500)
|
|
}
|
|
|
|
.theme-dark .markdown_d285a6 tr {
|
|
border-color: var(--primary-500);
|
|
color: var(--primary-300)
|
|
}
|
|
|
|
.theme-dark .markdown_d285a6 tr:nth-child(2n) {
|
|
background-color: var(--primary-630)
|
|
}
|
|
|
|
.theme-dark .markdown_d285a6 .blockquote_d285a6 {
|
|
border-inline-start-color:var(--primary-500)}
|
|
|
|
.theme-dark .markdown_d285a6 code {
|
|
background-color: var(--primary-630)
|
|
}
|
|
|
|
.theme-dark .markdown_d285a6 .codeInline_d285a6 {
|
|
color: var(--primary-200)
|
|
}
|
|
|
|
.labelValueRow__2e5ea {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px
|
|
}
|
|
|
|
.paymentElementStoryContainer__1f918 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 12px
|
|
}
|
|
|
|
.paymentElementStepModalBody__1f918 {
|
|
max-width: 456px;
|
|
width: 456px
|
|
}
|
|
|
|
.fullLengthPaymentElementStepModalBody__1f918 {
|
|
max-width: 456px;
|
|
min-height: 900px;
|
|
width: 456px
|
|
}
|
|
|
|
.paymentElementContainer__1f918 {
|
|
margin: 8px
|
|
}
|
|
|
|
.fullLengthPaymentElementContainer__1f918 {
|
|
min-height: 900px
|
|
}
|
|
|
|
.wrapper_cc5dd2 {
|
|
position: relative
|
|
}
|
|
|
|
.svg_cc5dd2,.wrapper_cc5dd2 {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.svg_cc5dd2 {
|
|
contain: paint;
|
|
position: absolute
|
|
}
|
|
|
|
.shiftSVG_cc5dd2 {
|
|
inset-inline-start: -4px;
|
|
top: -4px
|
|
}
|
|
|
|
.noContain_cc5dd2 {
|
|
contain: style
|
|
}
|
|
|
|
.lowerBadge_cc5dd2 {
|
|
bottom: 0;
|
|
inset-inline-end: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
z-index: 2
|
|
}
|
|
|
|
.isHighlighted_cc5dd2 {
|
|
stroke: #000;
|
|
stroke-width: 8px
|
|
}
|
|
|
|
.upperBadge_cc5dd2 {
|
|
inset-inline-end: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.focusStroke_cc5dd2 {
|
|
stroke: transparent;
|
|
stroke-width: 0
|
|
}
|
|
|
|
.focusFill_cc5dd2,.focusStroke_cc5dd2,.highlight_cc5dd2 {
|
|
fill: transparent
|
|
}
|
|
|
|
.keyboard-mode .focusStroke_cc5dd2 {
|
|
fill: transparent;
|
|
stroke: var(--blue-345);
|
|
stroke-width: 8px
|
|
}
|
|
|
|
.keyboard-mode .focusFill_cc5dd2 {
|
|
fill: var(--background-base-lowest)
|
|
}
|
|
|
|
.keyboard-mode .simpleFocused_cc5dd2 {
|
|
box-shadow: 0 0 0 4px var(--blue-345)
|
|
}
|
|
|
|
.menu_c1e9c4 {
|
|
--custom-menu-viewport-padding: 16px;
|
|
--custom-menu-separator-margin: 8px;
|
|
--custom-menu-flexible-min-width: 188px;
|
|
background: var(--background-surface-high);
|
|
background-color: var(--background-surface-higher);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 8px;
|
|
box-shadow: var(--shadow-high);
|
|
box-sizing: border-box;
|
|
cursor: default;
|
|
display: flex;
|
|
height: auto;
|
|
max-height: var(--reference-position-layer-max-height,calc(100vh - var(--custom-menu-viewport-padding)*2));
|
|
z-index: 1
|
|
}
|
|
|
|
.scroller_c1e9c4 {
|
|
padding: 8px
|
|
}
|
|
|
|
.fixed_c1e9c4 {
|
|
width: 220px
|
|
}
|
|
|
|
.flexible_c1e9c4 {
|
|
max-width: 320px;
|
|
min-width: var(--custom-menu-flexible-min-width)
|
|
}
|
|
|
|
.item_c1e9c4 {
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 18px;
|
|
margin: 0
|
|
}
|
|
|
|
.item_c1e9c4.hideInteraction_c1e9c4 {
|
|
cursor: default
|
|
}
|
|
|
|
.item_c1e9c4:hover {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.customItem_c1e9c4 {
|
|
border-color: var(--interactive-text-default);
|
|
color: var(--interactive-text-default);
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 18px
|
|
}
|
|
|
|
.labelContainer_c1e9c4 {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
min-height: 32px;
|
|
padding: 8px
|
|
}
|
|
|
|
.label_c1e9c4 {
|
|
flex: 1 1 auto;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.label_c1e9c4,.marqueeContainer_c1e9c4 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.labelContainer_c1e9c4.focused_c1e9c4 .marqueeContainer_c1e9c4[data-overflow],.labelContainer_c1e9c4:hover .marqueeContainer_c1e9c4[data-overflow] {
|
|
-webkit-mask-image: linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent);
|
|
mask-image: linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent)
|
|
}
|
|
|
|
.marqueeText_c1e9c4 {
|
|
display: inline-block;
|
|
inset-inline-start: 0;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-overflow: ellipsis;
|
|
vertical-align: top;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.labelContainer_c1e9c4.focused_c1e9c4 .marqueeContainer_c1e9c4[data-overflow] .marqueeText_c1e9c4,.labelContainer_c1e9c4:hover .marqueeContainer_c1e9c4[data-overflow] .marqueeText_c1e9c4 {
|
|
inset-inline-start: calc(var(--custom-marquee-overflow, 0px)*-1);
|
|
max-width: none;
|
|
overflow: visible;
|
|
transition: inset-inline-start 2s linear
|
|
}
|
|
|
|
.switchItem_c1e9c4 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-16);
|
|
justify-content: space-between;
|
|
min-height: var(--space-32);
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
.switchItem_c1e9c4 .labelContainer_c1e9c4 {
|
|
min-height: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.subtext_c1e9c4,.switchItem_c1e9c4 .label_c1e9c4 {
|
|
white-space: normal
|
|
}
|
|
|
|
.subtext_c1e9c4 {
|
|
margin-top: 2px
|
|
}
|
|
|
|
.subtextLineClamp_c1e9c4 {
|
|
white-space: pre
|
|
}
|
|
|
|
.iconContainer_c1e9c4 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
height: 20px;
|
|
margin-inline-start:8px;width: 20px
|
|
}
|
|
|
|
.iconContainerLeft_c1e9c4 {
|
|
margin-inline:0 8px}
|
|
|
|
.iconContainerLarge_c1e9c4 {
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.badgeContainer_c1e9c4 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
height: 18px;
|
|
margin-inline-start:8px}
|
|
|
|
.switchContainer_c1e9c4 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.icon_c1e9c4 {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.avatarAccessory_c1e9c4,.imageAccessory_c1e9c4 {
|
|
flex: 0 0 auto;
|
|
height: 18px;
|
|
margin-inline-end:8px;-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 18px
|
|
}
|
|
|
|
.roleDotAccessory_c1e9c4 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
height: 20px;
|
|
justify-content: center;
|
|
margin-inline-end:8px;width: 20px
|
|
}
|
|
|
|
.statusAccessory_c1e9c4 {
|
|
}
|
|
|
|
.guildTagAccessory_c1e9c4 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
margin-inline-end:8px}
|
|
|
|
.avatarAccessory_c1e9c4 {
|
|
border-radius: var(--radius-round);
|
|
-o-object-fit: cover;
|
|
object-fit: cover
|
|
}
|
|
|
|
.shortcutContainer_c1e9c4 {
|
|
flex: 0 0 auto;
|
|
margin-inline-start:8px;max-height: 18px
|
|
}
|
|
|
|
.caret_c1e9c4 {
|
|
color: var(--text-muted);
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.disabled_c1e9c4 {
|
|
cursor: pointer;
|
|
opacity: .5;
|
|
pointer-events: none
|
|
}
|
|
|
|
.separator_c1e9c4 {
|
|
border-bottom-color: var(--border-subtle);
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
box-sizing: border-box;
|
|
margin: var(--custom-menu-separator-margin,8px)
|
|
}
|
|
|
|
.submenuPaddingContainer_c1e9c4 {
|
|
padding: 0 8px
|
|
}
|
|
|
|
.submenu_c1e9c4 {
|
|
max-height: var(--custom-floating-layer-max-height,var(--reference-position-layer-max-height));
|
|
max-width: 320px;
|
|
min-width: 188px
|
|
}
|
|
|
|
.colorDefault_c1e9c4 {
|
|
border-color: var(--interactive-text-default);
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.colorDefault_c1e9c4 .subtext_c1e9c4 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.colorDefault_c1e9c4 .checkbox_c1e9c4,.colorDefault_c1e9c4 .radioSelection_c1e9c4 {
|
|
color: var(--control-brand-foreground-new)
|
|
}
|
|
|
|
.colorDefault_c1e9c4 .check_c1e9c4 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.colorDefault_c1e9c4.focused_c1e9c4 {
|
|
background-color: var(--interactive-background-hover);
|
|
border-radius: 4px;
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.keyboard-mode .colorDefault_c1e9c4.focused_c1e9c4 {
|
|
outline: 2px solid var(--border-focus);
|
|
outline-offset: -2px
|
|
}
|
|
|
|
.colorDefault_c1e9c4.focused_c1e9c4 .caret_c1e9c4,.colorDefault_c1e9c4.focused_c1e9c4 .checkbox_c1e9c4,.colorDefault_c1e9c4.focused_c1e9c4 .radioSelection_c1e9c4,.colorDefault_c1e9c4.focused_c1e9c4 .subtext_c1e9c4 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.colorDefault_c1e9c4.focused_c1e9c4 .check_c1e9c4 {
|
|
color: var(--text-brand);
|
|
fill: var(--text-brand)
|
|
}
|
|
|
|
.colorDefault_c1e9c4.focused_c1e9c4:not(.checkboxContainer_c1e9c4) path {
|
|
fill: var(--interactive-text-active)
|
|
}
|
|
|
|
.colorDefault_c1e9c4.focused_c1e9c4 .subtext_c1e9c4 {
|
|
color: var(--text-subtle)
|
|
}
|
|
|
|
.colorDefault_c1e9c4:active:not(.hideInteraction_c1e9c4) {
|
|
background-color: var(--background-mod-subtle);
|
|
color: var(--white)
|
|
}
|
|
|
|
.colorDefault_c1e9c4 .label_c1e9c4 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.colorBrand_c1e9c4,.colorDanger_c1e9c4 {
|
|
}
|
|
|
|
.colorDanger_c1e9c4 {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.colorDanger_c1e9c4 .checkbox_c1e9c4,.colorDanger_c1e9c4 .radioSelection_c1e9c4 {
|
|
color: var(--icon-feedback-critical)
|
|
}
|
|
|
|
.colorDanger_c1e9c4.focused_c1e9c4 {
|
|
background-color: var(--background-feedback-critical)
|
|
}
|
|
|
|
.colorDanger_c1e9c4.focused_c1e9c4,.colorDanger_c1e9c4.focused_c1e9c4 .check_c1e9c4,.colorDanger_c1e9c4.focused_c1e9c4 .label_c1e9c4 {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.colorDanger_c1e9c4.focused_c1e9c4:not(.checkboxContainer_c1e9c4) path {
|
|
fill: var(--text-feedback-critical)
|
|
}
|
|
|
|
.colorDanger_c1e9c4:active:not(.hideInteraction_c1e9c4) {
|
|
background-color: var(--background-feedback-critical);
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.colorDanger_c1e9c4 .label_c1e9c4 {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.colorPremium_c1e9c4 {
|
|
}
|
|
|
|
.colorPremium_c1e9c4 .icon_c1e9c4 {
|
|
color: var(--guild-boosting-pink)
|
|
}
|
|
|
|
.colorPremium_c1e9c4.focused_c1e9c4 .icon_c1e9c4,.colorPremium_c1e9c4:active:not(.hideInteraction_c1e9c4) .icon_c1e9c4 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.colorPremiumGradient_c1e9c4 {
|
|
}
|
|
|
|
.colorPremiumGradient_c1e9c4.focused_c1e9c4,.colorPremiumGradient_c1e9c4:active:not(.hideInteraction_c1e9c4) {
|
|
background: linear-gradient(270deg,var(--premium-tier-2-pink-for-gradients) 0,var(--premium-tier-2-pink-for-gradients-2) 33.63%,var(--premium-tier-2-purple-for-gradients) 100%)
|
|
}
|
|
|
|
.colorPremiumGradient_c1e9c4 .check_c1e9c4,.colorPremiumGradient_c1e9c4 .radioSelection_c1e9c4 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.colorPremiumGradient_c1e9c4 .checkbox_c1e9c4,.colorPremiumGradient_c1e9c4.focused_c1e9c4 .check_c1e9c4 {
|
|
color: var(--premium-tier-2-pink-for-gradients)
|
|
}
|
|
|
|
.colorSuccess_c1e9c4 {
|
|
}
|
|
|
|
.colorSuccess_c1e9c4,.colorSuccess_c1e9c4 .checkbox_c1e9c4,.colorSuccess_c1e9c4 .radioSelection_c1e9c4 {
|
|
color: var(--green-230)
|
|
}
|
|
|
|
.colorSuccess_c1e9c4.focused_c1e9c4 {
|
|
background-color: var(--green-230);
|
|
color: var(--white)
|
|
}
|
|
|
|
.colorSuccess_c1e9c4.focused_c1e9c4 .check_c1e9c4 {
|
|
color: var(--green-230)
|
|
}
|
|
|
|
.colorSuccess_c1e9c4:active:not(.hideInteraction_c1e9c4) {
|
|
background-color: var(--green-360);
|
|
color: var(--white)
|
|
}
|
|
|
|
.groupLabel_c1e9c4 {
|
|
color: var(--text-muted);
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 20px;
|
|
text-transform: capitalize
|
|
}
|
|
|
|
.loader_c1e9c4 {
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 16px
|
|
}
|
|
|
|
.custom-theme-background .menu_c1e9c4 {
|
|
border: 1px solid var(--border-strong)
|
|
}
|
|
|
|
[data-popout-animating=true] .item_c1e9c4[aria-haspopup=true] {
|
|
pointer-events: none
|
|
}
|
|
|
|
svg.radioIcon_c1e9c4 {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
:where(.density-compact) .labelContainer_c1e9c4 {
|
|
padding: 4px 8px
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .menu_c1e9c4 {
|
|
border-color: var(--app-frame-border)
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .separator_c1e9c4 {
|
|
border-bottom-color: var(--app-frame-border)
|
|
}
|
|
|
|
.enable-forced-colors .menu_c1e9c4 {
|
|
background-color: ButtonFace;
|
|
border: 2px solid CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .colorDefault_c1e9c4 {
|
|
background-color: ButtonFace;
|
|
border: 1px solid ButtonFace;
|
|
color: ButtonText;
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.enable-forced-colors .colorDefault_c1e9c4 .caret_c1e9c4,.enable-forced-colors .colorDefault_c1e9c4 .label_c1e9c4,.enable-forced-colors .colorDefault_c1e9c4 .subtext_c1e9c4 {
|
|
color: inherit
|
|
}
|
|
|
|
.enable-forced-colors .colorDefault_c1e9c4 .checkbox_c1e9c4,.enable-forced-colors .colorDefault_c1e9c4 .radioSelection_c1e9c4 {
|
|
color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .colorDefault_c1e9c4 .check_c1e9c4 {
|
|
color: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors .colorDefault_c1e9c4.focused_c1e9c4,.enable-forced-colors .colorDefault_c1e9c4:hover {
|
|
border-color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .colorDefault_c1e9c4[aria-checked=true] {
|
|
background-color: Highlight;
|
|
color: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors .colorDefault_c1e9c4[aria-checked=true].focused_c1e9c4,.enable-forced-colors .colorDefault_c1e9c4[aria-checked=true]:hover {
|
|
border-color: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors .colorDefault_c1e9c4[aria-checked=true] .radioSelection_c1e9c4 {
|
|
color: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors .colorDefault_c1e9c4:active:not(.hideInteraction_c1e9c4) {
|
|
background-color: Highlight;
|
|
color: HighlightText
|
|
}
|
|
|
|
.enable-forced-colors .groupLabel_c1e9c4,.enable-forced-colors .groupLabel_c1e9c4:hover,.enable-forced-colors .hideInteraction_c1e9c4,.enable-forced-colors .hideInteraction_c1e9c4:hover {
|
|
background-color: ButtonFace;
|
|
border-color: ButtonFace;
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .disabled_c1e9c4,.enable-forced-colors .disabled_c1e9c4[aria-checked=true] {
|
|
background-color: Canvas;
|
|
color: GrayText;
|
|
cursor: not-allowed;
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .disabled_c1e9c4 .checkbox_c1e9c4,.enable-forced-colors .disabled_c1e9c4 .radioSelection_c1e9c4,.enable-forced-colors .disabled_c1e9c4[aria-checked=true] .checkbox_c1e9c4,.enable-forced-colors .disabled_c1e9c4[aria-checked=true] .radioSelection_c1e9c4 {
|
|
color: GrayText
|
|
}
|
|
|
|
.svg__4f569 {
|
|
display: inline-block;
|
|
flex-shrink: 0;
|
|
forced-color-adjust: none;
|
|
height: 1.25em;
|
|
vertical-align: text-bottom;
|
|
width: 1.25em
|
|
}
|
|
|
|
.background__4f569 {
|
|
fill: var(--background-mod-normal)
|
|
}
|
|
|
|
.dot__4f569,.dotBorderColor__4f569 {
|
|
}
|
|
|
|
.dotBorderColor__4f569 {
|
|
opacity: .4
|
|
}
|
|
|
|
.roleCircle__4f569 {
|
|
align-items: center;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
forced-color-adjust: none;
|
|
height: 12px;
|
|
justify-content: center;
|
|
margin: 0 4px;
|
|
padding: 0;
|
|
width: 12px
|
|
}
|
|
|
|
.dotBorderBase__4f569 {
|
|
fill: var(--text-strong)
|
|
}
|
|
|
|
.mask_a423bd {
|
|
display: block
|
|
}
|
|
|
|
.status_a423bd {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.enable-forced-colors .status_a423bd {
|
|
forced-color-adjust: none!important
|
|
}
|
|
|
|
.wrapper__6e9f8 {
|
|
cursor: pointer;
|
|
transition: background-color .1s ease-out,color .1s ease-out
|
|
}
|
|
|
|
.childWrapper__6e9f8,.wrapper__6e9f8 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: var(--guildbar-avatar-size);
|
|
justify-content: center;
|
|
width: var(--guildbar-avatar-size)
|
|
}
|
|
|
|
.childWrapper__6e9f8 {
|
|
color: var(--text-default);
|
|
transition: scale .15s ease-out,background-color .15s ease-out,color .15s ease-out
|
|
}
|
|
|
|
.childWrapperNoHoverBg__6e9f8 {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.custom-theme-background .childWrapperNoHoverBg__6e9f8 {
|
|
background-color: var(--background-mod-strong)
|
|
}
|
|
|
|
.wrapper__6e9f8.selected__6e9f8 .childWrapperHoverScale__6e9f8,.wrapper__6e9f8:hover .childWrapperHoverScale__6e9f8 {
|
|
scale: 1.1
|
|
}
|
|
|
|
.wrapper__6e9f8.selected__6e9f8 .childWrapper__6e9f8,.wrapper__6e9f8:hover .childWrapper__6e9f8 {
|
|
background-color: var(--background-brand);
|
|
color: var(--white)
|
|
}
|
|
|
|
.acronym__6e9f8 {
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 1.2em;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.icon__6e9f8 {
|
|
display: block;
|
|
height: var(--guildbar-avatar-size);
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
pointer-events: none;
|
|
width: var(--guildbar-avatar-size)
|
|
}
|
|
|
|
.icon__6e9f8:before {
|
|
background-color: var(--background-mod-subtle);
|
|
content: "";
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.btnHamburger__006d6 {
|
|
background: transparent;
|
|
cursor: pointer;
|
|
height: 45px;
|
|
margin-right: -20px;
|
|
padding: 8px;
|
|
position: relative;
|
|
transform: scale(.3);
|
|
width: 60px
|
|
}
|
|
|
|
.btnHamburger__006d6 span {
|
|
background: var(--white);
|
|
display: block;
|
|
height: 9px;
|
|
opacity: 1;
|
|
position: absolute;
|
|
transform: rotate(0deg);
|
|
transition: .25s ease-in-out;
|
|
width: 50%
|
|
}
|
|
|
|
.btnHamburger__006d6 span:nth-child(2n) {
|
|
border-radius: 0 9px 9px 0;
|
|
left: 50%
|
|
}
|
|
|
|
.btnHamburger__006d6 span:nth-child(odd) {
|
|
border-radius: 9px 0 0 9px;
|
|
left: 0
|
|
}
|
|
|
|
.btnHamburger__006d6 span:first-child,.btnHamburger__006d6 span:nth-child(2) {
|
|
top: 0
|
|
}
|
|
|
|
.btnHamburger__006d6 span:nth-child(3),.btnHamburger__006d6 span:nth-child(4) {
|
|
top: 18px
|
|
}
|
|
|
|
.btnHamburger__006d6 span:nth-child(5),.btnHamburger__006d6 span:nth-child(6) {
|
|
top: 36px
|
|
}
|
|
|
|
.theme-dark .btnHamburger__006d6 span {
|
|
background: var(--white)
|
|
}
|
|
|
|
.theme-light .btnHamburger__006d6 span {
|
|
background: var(--black)
|
|
}
|
|
|
|
.btnHamburgerOpen__006d6 span:first-child,.btnHamburgerOpen__006d6 span:nth-child(6) {
|
|
transform: rotate(45deg)
|
|
}
|
|
|
|
.btnHamburgerOpen__006d6 span:nth-child(2),.btnHamburgerOpen__006d6 span:nth-child(5) {
|
|
transform: rotate(-45deg)
|
|
}
|
|
|
|
.btnHamburgerOpen__006d6 span:first-child {
|
|
left: 5px;
|
|
top: 7px
|
|
}
|
|
|
|
.btnHamburgerOpen__006d6 span:nth-child(2) {
|
|
left: calc(50% - 5px);
|
|
top: 7px
|
|
}
|
|
|
|
.btnHamburgerOpen__006d6 span:nth-child(3) {
|
|
left: -50%;
|
|
opacity: 0
|
|
}
|
|
|
|
.btnHamburgerOpen__006d6 span:nth-child(4) {
|
|
left: 100%;
|
|
opacity: 0
|
|
}
|
|
|
|
.btnHamburgerOpen__006d6 span:nth-child(5) {
|
|
left: 5px;
|
|
top: 29px
|
|
}
|
|
|
|
.btnHamburgerOpen__006d6 span:nth-child(6) {
|
|
left: calc(50% - 5px);
|
|
top: 29px
|
|
}
|
|
|
|
.hamburger__9293f {
|
|
flex: 0 0 auto;
|
|
margin-inline-end:-4px}
|
|
|
|
.container__9293f {
|
|
color: var(--text-default);
|
|
cursor: default;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
flex-direction: column;
|
|
font-size: 16px;
|
|
justify-content: center;
|
|
line-height: 20px;
|
|
min-height: var(--custom-channel-header-height);
|
|
min-width: 0;
|
|
padding: 8px;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 2;
|
|
--__header-bar-background: var(--background-base-lower);
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
height: var(--custom-channel-header-height);
|
|
padding-inline-start:calc(var(--custom-message-margin-horizontal))}
|
|
|
|
.container__9293f,.container__9293f * {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.container__9293f.transparent__9293f {
|
|
background: transparent
|
|
}
|
|
|
|
.upperContainer__9293f {
|
|
display: flex;
|
|
flex: 1
|
|
}
|
|
|
|
.children__9293f {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.children__9293f:after {
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 8px
|
|
}
|
|
|
|
.custom-theme-background .children__9293f:after {
|
|
content: unset
|
|
}
|
|
|
|
.children__9293f.scrollable__9293f:after {
|
|
display: none
|
|
}
|
|
|
|
.theme-dark .children__9293f:after {
|
|
background: linear-gradient(to right,rgba(54,57,63,0) 0,var(--__header-bar-background) 100%)
|
|
}
|
|
|
|
.theme-light .children__9293f:after {
|
|
background: linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--__header-bar-background) 100%)
|
|
}
|
|
|
|
.transparent__9293f .children__9293f:after {
|
|
display: none
|
|
}
|
|
|
|
.container__9293f.hidden__9293f {
|
|
opacity: 0;
|
|
pointer-events: none
|
|
}
|
|
|
|
.toolbar__9293f {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
gap: var(--space-xs);
|
|
min-width: 0;
|
|
padding-inline-start:var(--space-xs)}
|
|
|
|
.toolbar__9293f .iconWrapper__9293f {
|
|
margin: 0
|
|
}
|
|
|
|
.title__9293f {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
overflow: hidden;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.titleWrapper__9293f {
|
|
flex: 0 0 auto;
|
|
margin-block:0;margin-inline:0 8px;min-width: auto
|
|
}
|
|
|
|
.clickable__9293f {
|
|
cursor: pointer
|
|
}
|
|
|
|
.iconWrapper__9293f {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
height: var(--space-32);
|
|
justify-content: center;
|
|
margin: 0;
|
|
position: relative;
|
|
width: var(--space-32)
|
|
}
|
|
|
|
.icon__9293f {
|
|
display: block;
|
|
-webkit-app-region: no-drag;
|
|
height: var(--chat-input-icon-size);
|
|
width: var(--chat-input-icon-size)
|
|
}
|
|
|
|
.channelIcon__9293f {
|
|
margin-inline:-1px calc(var(--custom-message-margin-horizontal)/2 + 1px);width: auto
|
|
}
|
|
|
|
.icon__9293f {
|
|
color: var(--channel-icon)
|
|
}
|
|
|
|
.clickable__9293f .icon__9293f {
|
|
color: var(--icon-muted)
|
|
}
|
|
|
|
.clickable__9293f:hover .icon__9293f {
|
|
color: var(--icon-subtle)
|
|
}
|
|
|
|
.selected__9293f .icon__9293f {
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.iconDisabled__9293f {
|
|
opacity: .6
|
|
}
|
|
|
|
.iconBadge__9293f {
|
|
background-color: var(--background-feedback-notification);
|
|
border-radius: 8px;
|
|
height: 8px;
|
|
position: absolute;
|
|
width: 8px
|
|
}
|
|
|
|
.iconBadgeTop__9293f {
|
|
inset-inline-end: 2px;
|
|
top: 2px
|
|
}
|
|
|
|
.iconBadgeBottom__9293f {
|
|
--custom-icon-offset: calc((var(--chat-input-icon-size) - 8px)/2);
|
|
bottom: var(--custom-icon-offset);
|
|
inset-inline-end: var(--custom-icon-offset)
|
|
}
|
|
|
|
.divider__9293f {
|
|
background: var(--border-subtle);
|
|
flex: 0 0 auto;
|
|
height: 24px;
|
|
margin: 0 4px;
|
|
width: 1px
|
|
}
|
|
|
|
.dot__9293f {
|
|
align-items: center;
|
|
color: var(--background-mod-strong);
|
|
height: 4px;
|
|
margin: 0 4px;
|
|
width: 4px
|
|
}
|
|
|
|
.caret__9293f {
|
|
color: var(--icon-muted);
|
|
flex-shrink: 0;
|
|
margin: 0 2px;
|
|
width: 10px
|
|
}
|
|
|
|
.scrollable__9293f {
|
|
overflow: auto;
|
|
-ms-overflow-style: none
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .container__9293f {
|
|
border-bottom-color: var(--app-frame-border)
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .divider__9293f {
|
|
background: var(--app-frame-border)
|
|
}
|
|
|
|
.no-webkit-scrollbar .scrollable__9293f {
|
|
scrollbar-width: none
|
|
}
|
|
|
|
.scrollable__9293f::-webkit-scrollbar {
|
|
display: none
|
|
}
|
|
|
|
.high-contrast-mode .container__9293f,.theme-midnight .container__9293f {
|
|
border-bottom: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.high-contrast-mode .container__9293f.transparent__9293f,.theme-midnight .container__9293f.transparent__9293f {
|
|
border-bottom: none
|
|
}
|
|
|
|
.theme-dark .themed__9293f {
|
|
background: var(--background-gradient-lower,var(--__header-bar-background))
|
|
}
|
|
|
|
.theme-dark .themedMobile__9293f {
|
|
background: var(--background-gradient-high,var(--__header-bar-background))
|
|
}
|
|
|
|
.theme-light .themed__9293f {
|
|
background: var(--background-gradient-lowest,var(--__header-bar-background))
|
|
}
|
|
|
|
.theme-light .themedMobile__9293f {
|
|
background: var(--background-gradient-low,var(--__header-bar-background))
|
|
}
|
|
|
|
.enable-forced-colors .container__9293f {
|
|
border-bottom: 2px solid CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .icon__9293f {
|
|
color: CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .clickable__9293f .icon__9293f,.enable-forced-colors .clickable__9293f:hover .icon__9293f {
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .clickable__9293f {
|
|
background-color: ButtonFace;
|
|
border-radius: 4px;
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .iconBadge__9293f {
|
|
background-color: Highlight
|
|
}
|
|
|
|
.titleClickable__9293f {
|
|
cursor: pointer
|
|
}
|
|
|
|
.titleClickable__9293f:hover {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.nitroWheel_c5f0dc {
|
|
height: 16px;
|
|
margin-inline:2px 4px;vertical-align: sub;
|
|
width: 16px
|
|
}
|
|
|
|
.themeSelectionContainer__36dee {
|
|
box-sizing: border-box;
|
|
height: var(--custom-theme-selection-selection-size);
|
|
position: relative;
|
|
width: var(--custom-theme-selection-selection-size)
|
|
}
|
|
|
|
.themeSelection__36dee {
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.themeSelection__36dee.selected__36dee {
|
|
cursor: default
|
|
}
|
|
|
|
.defaultThemeSelection__36dee {
|
|
box-shadow: inset 0 0 0 1px var(--interactive-text-default)
|
|
}
|
|
|
|
.selectionCircle__36dee {
|
|
border-radius: 8px;
|
|
box-shadow: inset 0 0 0 4px var(--brand-500);
|
|
cursor: default;
|
|
height: calc(100% + 4px);
|
|
inset-inline-start: -2px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: -2px;
|
|
width: calc(100% + 4px)
|
|
}
|
|
|
|
.checkmarkCircle__36dee {
|
|
inset-inline-end: -6px;
|
|
position: absolute;
|
|
top: -6px
|
|
}
|
|
|
|
.checkmark__36dee {
|
|
color: var(--brand-500)
|
|
}
|
|
|
|
.redCircle__36dee {
|
|
background-color: var(--red-430);
|
|
border-radius: 50%;
|
|
inset-inline-end: -6px;
|
|
top: -6px
|
|
}
|
|
|
|
.lockedBadgeContainer__36dee,.redCircle__36dee {
|
|
background-clip: content-box;
|
|
box-shadow: inset 0 0 0 2px var(--background-base-low);
|
|
cursor: pointer;
|
|
height: 18px;
|
|
padding: 1px;
|
|
position: absolute;
|
|
width: 18px;
|
|
z-index: 2
|
|
}
|
|
|
|
.lockedBadgeContainer__36dee {
|
|
align-items: center;
|
|
background-color: var(--background-base-low);
|
|
border-radius: var(--radius-round);
|
|
bottom: 0;
|
|
display: flex;
|
|
inset-inline-end: 0;
|
|
justify-content: center
|
|
}
|
|
|
|
.lockedBadge__36dee {
|
|
color: var(--icon-strong);
|
|
height: 10px;
|
|
width: 10px
|
|
}
|
|
|
|
.disabled__36dee {
|
|
opacity: .2;
|
|
pointer-events: none
|
|
}
|
|
|
|
.iconWrapper__36dee {
|
|
height: var(--custom-theme-selection-selection-size);
|
|
margin-top: 18px;
|
|
position: absolute;
|
|
text-align: center;
|
|
width: var(--custom-theme-selection-selection-size)
|
|
}
|
|
|
|
.darkOverlay__36dee {
|
|
--background-gradient: linear-gradient(var(--opacity-black-20),var(--opacity-black-20))
|
|
}
|
|
|
|
.lightOverlay__36dee {
|
|
--background-gradient: linear-gradient(var(--opacity-white-48),var(--opacity-white-48))
|
|
}
|
|
|
|
.darkIcon__36dee {
|
|
background: var(--primary-600)
|
|
}
|
|
|
|
.darkerIcon__36dee {
|
|
background: var(--plum-20)
|
|
}
|
|
|
|
.midnightIcon__36dee {
|
|
background: var(--black)
|
|
}
|
|
|
|
.lightIcon__36dee {
|
|
background: var(--white)
|
|
}
|
|
|
|
.badgeContainer__8fea4 {
|
|
position: relative
|
|
}
|
|
|
|
.badgeContainer__8fea4,.container__8fea4 {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.container__8fea4 {
|
|
align-items: center
|
|
}
|
|
|
|
.paletteIcon__8fea4 {
|
|
filter: drop-shadow(0 1px 4px rgba(0,0,0,.14))
|
|
}
|
|
|
|
.newBadge__8fea4 {
|
|
position: absolute;
|
|
top: -8px;
|
|
z-index: 1
|
|
}
|
|
|
|
.newRing__8fea4 {
|
|
border-radius: 8px;
|
|
filter: drop-shadow(0 0 4px rgba(180,115,245,.44));
|
|
height: calc(100% + 8px);
|
|
inset-inline-start: -4px;
|
|
position: absolute;
|
|
top: -4px;
|
|
width: calc(100% + 8px)
|
|
}
|
|
|
|
.darkOverlay__8fea4 {
|
|
--background-gradient: linear-gradient(var(--opacity-black-40),var(--opacity-black-40))
|
|
}
|
|
|
|
.lightOverlay__8fea4 {
|
|
--background-gradient: linear-gradient(var(--background-mod-subtle),var(--background-mod-subtle))
|
|
}
|
|
|
|
.borderOverlay__8fea4 {
|
|
border-radius: 8px;
|
|
box-shadow: inset 0 0 0 1px var(--border-strong);
|
|
inset: 0;
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.disabled__8fea4 {
|
|
opacity: .5;
|
|
pointer-events: none
|
|
}
|
|
|
|
.header__67a11 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.headings__67a11 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.upsellText__67a11 {
|
|
color: var(--premium-nitro-pink-text)
|
|
}
|
|
|
|
.title__67a11 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1
|
|
}
|
|
|
|
.betaTag__67a11 {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2);
|
|
display: inline
|
|
}
|
|
|
|
.betaTagContainer__67a11 {
|
|
border-radius: 8px;
|
|
display: inline-flex;
|
|
margin-inline-start:2px}
|
|
|
|
.premiumIcon__67a11 {
|
|
color: var(--icon-strong)
|
|
}
|
|
|
|
.easterEggSelection__67a11 {
|
|
position: relative;
|
|
transform: rotate(0deg),scale(0)
|
|
}
|
|
|
|
.full-motion .easterEggSelection__67a11 {
|
|
animation: scale-bounce-wiggle__67a11 .5s 0s forwards
|
|
}
|
|
|
|
.sparkles__67a11 {
|
|
animation: fadeOut__67a11 2s 3s forwards;
|
|
inset-inline-start: 0;
|
|
opacity: 1;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
@keyframes fadeOut__67a11 {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes scale-bounce-wiggle__67a11 {
|
|
0% {
|
|
transform: scale(0) rotate(10deg)
|
|
}
|
|
|
|
30% {
|
|
transform: scale(1.3) rotate(10deg)
|
|
}
|
|
|
|
55% {
|
|
transform: scale(.7) rotate(-10deg)
|
|
}
|
|
|
|
75% {
|
|
transform: scale(1.2) rotate(20deg)
|
|
}
|
|
|
|
85% {
|
|
transform: scale(.98) rotate(-20deg)
|
|
}
|
|
|
|
92% {
|
|
transform: scale(1.1) rotate(-5deg)
|
|
}
|
|
|
|
97% {
|
|
transform: scale(.99) rotate(-5deg)
|
|
}
|
|
|
|
to {
|
|
transform: scale(1) rotate(0deg)
|
|
}
|
|
}
|
|
|
|
.subtext__67a11 {
|
|
color: var(--text-subtle)
|
|
}
|
|
|
|
.titleText__67a11 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.root_df4c28 {
|
|
--custom-playground-offset-top: calc(var(--custom-app-top-bar-height) + var(--space-4));
|
|
background: var(--background-base-lowest);
|
|
display: grid;
|
|
grid-template-columns: auto 1fr;
|
|
height: 100vh;
|
|
max-height: 100vh;
|
|
overflow: hidden;
|
|
padding-top: var(--custom-playground-offset-top)
|
|
}
|
|
|
|
.group_df4c28 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-12);
|
|
width: var(--custom-guild-list-width)
|
|
}
|
|
|
|
.header_df4c28 {
|
|
border-inline-start:1px solid var(--app-frame-border);border-start-start-radius: var(--radius-md);
|
|
border-top: 1px solid var(--app-frame-border)
|
|
}
|
|
|
|
.headerDivider_df4c28 {
|
|
margin-inline-end:var(--space-12)}
|
|
|
|
.headerRight_df4c28 {
|
|
margin-inline-start: auto;
|
|
padding-inline-end:var(--space-8)}
|
|
|
|
.sidebar_df4c28 {
|
|
background: var(--background-base-lowest);
|
|
border-inline-end:1px solid var(--border-subtle);border-inline-start: 1px solid var(--border-subtle);
|
|
overflow-y: auto;
|
|
padding: var(--space-16);
|
|
padding-bottom: var(--space-24);
|
|
width: 280px
|
|
}
|
|
|
|
.page_df4c28 {
|
|
box-sizing: border-box;
|
|
display: grid;
|
|
grid-template-columns: auto 1fr;
|
|
grid-template-rows: 1fr;
|
|
height: 100%;
|
|
min-height: 0;
|
|
padding-bottom: var(--custom-playground-offset-top)
|
|
}
|
|
|
|
.content_df4c28,.main_df4c28 {
|
|
flex: 1;
|
|
height: 100%;
|
|
min-height: 0
|
|
}
|
|
|
|
.main_df4c28 {
|
|
display: flex
|
|
}
|
|
|
|
.mainRightLayout_df4c28 {
|
|
flex-direction: row
|
|
}
|
|
|
|
.mainBottomLayout_df4c28 {
|
|
flex-direction: column
|
|
}
|
|
|
|
.canvas_df4c28 {
|
|
background-color: var(--background-base-lower);
|
|
flex: 1;
|
|
overflow: auto;
|
|
padding: var(--space-24);
|
|
padding-bottom: var(--space-32)
|
|
}
|
|
|
|
.controls_df4c28 {
|
|
background: var(--background-base-lowest);
|
|
overflow-y: auto;
|
|
padding: var(--space-16);
|
|
padding-bottom: var(--space-24)
|
|
}
|
|
|
|
.controlsRight_df4c28 {
|
|
border-inline-start:1px solid var(--border-subtle);width: 300px
|
|
}
|
|
|
|
.controlsBottom_df4c28 {
|
|
border-block-start:1px solid var(--border-subtle);max-height: 300px
|
|
}
|
|
|
|
.controlsSection_df4c28 {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.storyContent_df4c28 {
|
|
background: var(--background-surface-high);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
contain: layout;
|
|
container-type: inline-size;
|
|
padding: var(--space-24)
|
|
}
|
|
|
|
.errorCodeMessage__85414 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.dots__5ad89 {
|
|
color: var(--white);
|
|
pointer-events: none;
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
.dots__5ad89.themed__5ad89 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.wrapper__44b0c {
|
|
border-radius: 50%;
|
|
position: relative
|
|
}
|
|
|
|
.pointer__44b0c {
|
|
cursor: pointer
|
|
}
|
|
|
|
.mask__44b0c {
|
|
display: block;
|
|
pointer-events: none;
|
|
position: relative;
|
|
width: auto
|
|
}
|
|
|
|
.svg__44b0c {
|
|
contain: paint
|
|
}
|
|
|
|
.status__44b0c,.svg__44b0c {
|
|
position: absolute
|
|
}
|
|
|
|
.status__44b0c {
|
|
bottom: 0;
|
|
height: auto;
|
|
inset-inline-end: 0
|
|
}
|
|
|
|
.cursorDefault__44b0c {
|
|
cursor: default
|
|
}
|
|
|
|
.avatarStack__44b0c {
|
|
display: grid;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.avatar__44b0c,.avatarBorder__44b0c {
|
|
grid-area: 1/1;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.avatar__44b0c,.avatarBorder__44b0c {
|
|
border-radius: 50%
|
|
}
|
|
|
|
.avatar__44b0c {
|
|
display: block;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
pointer-events: none
|
|
}
|
|
|
|
.avatar__44b0c:before {
|
|
background-color: var(--background-mod-subtle);
|
|
content: "";
|
|
display: block;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.pointerEvents__44b0c {
|
|
pointer-events: auto
|
|
}
|
|
|
|
.avatarDecorationContainer__44b0c {
|
|
contain: paint;
|
|
inset-inline-start: var(--custom-avatar-avatar-decoration-border-position);
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: var(--custom-avatar-avatar-decoration-border-position)
|
|
}
|
|
|
|
.avatarDecoration__44b0c {
|
|
display: block;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
pointer-events: none;
|
|
width: 100%
|
|
}
|
|
|
|
.cutoutIcon__44b0c {
|
|
color: var(--icon-muted);
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.cutoutIcon__44b0c,.largeEmoji__44b0c {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.largeEmoji__44b0c {
|
|
font-size: 48px;
|
|
justify-content: center
|
|
}
|
|
|
|
.button__06eda {
|
|
align-items: center;
|
|
border-radius: 50%;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
justify-content: center
|
|
}
|
|
|
|
.full-motion .button__06eda {
|
|
transition: color .2s ease,background-color .2s ease
|
|
}
|
|
|
|
.primary__06eda {
|
|
background-color: var(--background-base-low);
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.primary__06eda:hover:not(.disabled__06eda) {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.primary__06eda:hover:not(.disabled__06eda),.secondary__06eda {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.secondary__06eda {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.secondary__06eda:hover:not(.disabled__06eda) {
|
|
background-color: var(--background-base-low);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.tertiary__06eda {
|
|
background-color: var(--background-base-lowest);
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.tertiary__06eda:hover:not(.disabled__06eda) {
|
|
background-color: var(--background-surface-high);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.primary__06eda,.secondary__06eda,.tertiary__06eda {
|
|
background-color: var(--control-secondary-background-default);
|
|
color: var(--control-secondary-text-default)
|
|
}
|
|
|
|
.primary__06eda:hover,.secondary__06eda:hover,.tertiary__06eda:hover {
|
|
background-color: var(--control-secondary-background-hover)
|
|
}
|
|
|
|
.size24__06eda {
|
|
height: 24px;
|
|
min-height: 24px;
|
|
min-width: 24px;
|
|
padding: 4px;
|
|
width: 24px
|
|
}
|
|
|
|
.size32__06eda {
|
|
height: 32px;
|
|
min-height: 32px;
|
|
min-width: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.size36__06eda {
|
|
height: 36px;
|
|
min-height: 36px;
|
|
min-width: 36px;
|
|
width: 36px
|
|
}
|
|
|
|
.disabled__06eda {
|
|
opacity: .3;
|
|
pointer-events: none
|
|
}
|
|
|
|
.collapseable__217b7 {
|
|
background-color: var(--background-base-low);
|
|
border-radius: var(--radius-sm);
|
|
position: relative;
|
|
transition: background-color .1s ease
|
|
}
|
|
|
|
.collapseable__217b7:active {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.collapseable__217b7:before {
|
|
border-radius: 8px;
|
|
box-shadow: var(--elevation-stroke),var(--elevation-low);
|
|
content: "";
|
|
display: none;
|
|
inset: 0;
|
|
opacity: 0;
|
|
overflow: visible;
|
|
position: absolute;
|
|
transition: opacity .2s ease-in-out;
|
|
z-index: 0
|
|
}
|
|
|
|
.collapseable__217b7.toggled__217b7 {
|
|
cursor: default
|
|
}
|
|
|
|
.collapseable__217b7.toggled__217b7:active {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.collapseable__217b7.toggled__217b7:before {
|
|
opacity: 1
|
|
}
|
|
|
|
.collapseable__217b7:not(:last-child) {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.header__217b7 {
|
|
cursor: pointer;
|
|
position: relative
|
|
}
|
|
|
|
.header__217b7.toggled__217b7 {
|
|
cursor: default
|
|
}
|
|
|
|
.contentExpandContainer__217b7 {
|
|
flex: 1;
|
|
overflow: hidden
|
|
}
|
|
|
|
.showOverflow__217b7 {
|
|
overflow: visible
|
|
}
|
|
|
|
.combobox__97e86 {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
.header__97e86 {
|
|
padding-bottom: var(--space-8)
|
|
}
|
|
|
|
.list__97e86 {
|
|
height: 100%;
|
|
list-style: none;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.list__97e86.scroller__97e86 {
|
|
margin-block:0 8px;margin-inline:8px 0}
|
|
|
|
.item__97e86 {
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
font-weight: var(--font-weight-medium);
|
|
margin-bottom: 4px;
|
|
outline: none;
|
|
padding: 10px 8px
|
|
}
|
|
|
|
.focused__97e86,.item__97e86:hover:not(.disabled__97e86) {
|
|
background-color: var(--interactive-background-hover);
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.itemLabel__97e86 {
|
|
width: 100%
|
|
}
|
|
|
|
.itemCheckbox__97e86~.itemLabel__97e86 {
|
|
margin-inline-start:8px}
|
|
|
|
.empty__97e86 {
|
|
display: grid;
|
|
padding: 20px;
|
|
text-align: center;
|
|
grid-gap: 12px
|
|
}
|
|
|
|
.disabled__97e86 {
|
|
cursor: not-allowed;
|
|
opacity: .3
|
|
}
|
|
|
|
.selected__97e86 {
|
|
background-color: var(--interactive-background-selected)
|
|
}
|
|
|
|
.selectedBrand__97e86 {
|
|
background: var(--brand-500);
|
|
color: var(--white)
|
|
}
|
|
|
|
.selectedBrand__97e86.focused__97e86,.selectedBrand__97e86:hover {
|
|
background: var(--brand-600);
|
|
color: var(--white)
|
|
}
|
|
|
|
.searchWithScrollbar__97e86 {
|
|
margin: 8px
|
|
}
|
|
|
|
.enable-forced-colors .item__97e86 {
|
|
border: 1px solid Canvas
|
|
}
|
|
|
|
.enable-forced-colors .disabled__97e86 {
|
|
color: GrayText;
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .disabled__97e86.focused__97e86 {
|
|
border-color: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .focused__97e86:not(.disabled__97e86),.enable-forced-colors .item__97e86:hover:not(.disabled__97e86) {
|
|
background-color: ButtonFace;
|
|
border-color: ButtonText;
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .selected__97e86:not(.disabled__97e86) {
|
|
background-color: HighlightText;
|
|
color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .selected__97e86:not(.disabled__97e86).focused__97e86,.enable-forced-colors .selected__97e86:not(.disabled__97e86):hover {
|
|
border-color: Highlight
|
|
}
|
|
|
|
.container__3dde2 {
|
|
background-color: var(--modal-background);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
padding: 8px;
|
|
width: 250px
|
|
}
|
|
|
|
.scroller__3dde2 {
|
|
padding: 0
|
|
}
|
|
|
|
.list__3dde2 {
|
|
height: 280px;
|
|
padding: 8px 0
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .container__3dde2 {
|
|
border-color: var(--app-frame-border)
|
|
}
|
|
|
|
.positioner_a516b9 {
|
|
bottom: 0;
|
|
inset-inline: 0;
|
|
position: fixed;
|
|
text-align: center;
|
|
z-index: 1000
|
|
}
|
|
|
|
.container_a516b9 {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 8px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
margin: auto auto 16px;
|
|
max-width: 90vw;
|
|
padding: 16px
|
|
}
|
|
|
|
.bindName_a516b9 {
|
|
flex: 0 0 auto;
|
|
margin-inline-end:8px}
|
|
|
|
.shortcut_a516b9 {
|
|
flex: 0 0 auto;
|
|
margin: 0 2px
|
|
}
|
|
|
|
.separator_a516b9 {
|
|
color: var(--text-default);
|
|
flex: 0 0 auto;
|
|
font-weight: var(--font-weight-semibold);
|
|
margin: 0 12px
|
|
}
|
|
|
|
.separator_a516b9:after {
|
|
content: "•"
|
|
}
|
|
|
|
.focus-rings-ring {
|
|
background: none;
|
|
border-radius: var(--__adaptive-focus-ring-radius,4px);
|
|
box-shadow: 0 0 0 4px var(--__adaptive-focus-ring-color,var(--focus-primary,#00b0f4));
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.enable-forced-colors .focus-rings-ring {
|
|
forced-color-adjust: none;
|
|
--__adaptive-focus-ring-color: CanvasText!important;
|
|
border: 2px solid Canvas
|
|
}
|
|
|
|
.fieldWrapper_ce6bbd {
|
|
padding-top: 4px;
|
|
position: relative
|
|
}
|
|
|
|
.interactive_bf202d {
|
|
border-radius: inherit;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer
|
|
}
|
|
|
|
.interactive_bf202d:focus-within,.interactive_bf202d:hover {
|
|
background: var(--interactive-background-hover);
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.interactive_bf202d:active {
|
|
background: var(--interactive-background-active);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.muted_bf202d {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
@media (min-width: 486px) {
|
|
.selected_bf202d {
|
|
background:var(--interactive-background-selected);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
}
|
|
|
|
.enable-forced-colors .interactive_bf202d {
|
|
background-color: ButtonFace;
|
|
border: 1px solid ButtonFace;
|
|
color: ButtonText;
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.enable-forced-colors .interactive_bf202d:focus-within,.enable-forced-colors .interactive_bf202d:hover {
|
|
background-color: ButtonFace;
|
|
border-color: ButtonText;
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .interactive_bf202d.selected_bf202d,.enable-forced-colors .interactive_bf202d.selected_bf202d:focus-within,.enable-forced-colors .interactive_bf202d.selected_bf202d:hover {
|
|
background-color: Highlight;
|
|
border-color: HighlightText;
|
|
color: HighlightText
|
|
}
|
|
|
|
.container__3ff92 {
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.items__3ff92 {
|
|
flex-direction: row;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.itemMeasurements__3ff92,.items__3ff92 {
|
|
display: flex
|
|
}
|
|
|
|
.overflowMeasurement__3ff92 {
|
|
display: inline-block
|
|
}
|
|
|
|
.measurements__3ff92 {
|
|
inset: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
visibility: hidden;
|
|
z-index: -1
|
|
}
|
|
|
|
.tooltip__3ff92 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 4px
|
|
}
|
|
|
|
.scrollerBase__99f8c {
|
|
box-sizing: border-box;
|
|
flex: 1 1 auto;
|
|
min-height: 0;
|
|
position: relative
|
|
}
|
|
|
|
.auto__99f8c,.none__99f8c,.thin__99f8c {
|
|
}
|
|
|
|
.thin__99f8c::-webkit-scrollbar {
|
|
height: 8px;
|
|
width: 8px
|
|
}
|
|
|
|
.thin__99f8c::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-thin-track);
|
|
border: 2px solid var(--scrollbar-thin-track);
|
|
border-color: var(--scrollbar-thin-track)
|
|
}
|
|
|
|
.thin__99f8c::-webkit-scrollbar-thumb {
|
|
background-clip: padding-box;
|
|
background-color: var(--scrollbar-thin-thumb);
|
|
border: 2px solid transparent;
|
|
border-radius: 4px;
|
|
min-height: 40px
|
|
}
|
|
|
|
.thin__99f8c::-webkit-scrollbar-corner {
|
|
background-color: transparent
|
|
}
|
|
|
|
.auto__99f8c::-webkit-scrollbar {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.auto__99f8c::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-auto-track)
|
|
}
|
|
|
|
.auto__99f8c::-webkit-scrollbar-thumb,.auto__99f8c::-webkit-scrollbar-track {
|
|
background-clip: padding-box;
|
|
border: 4px solid transparent;
|
|
border-radius: 8px
|
|
}
|
|
|
|
.auto__99f8c::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-auto-thumb);
|
|
min-height: 40px
|
|
}
|
|
|
|
.auto__99f8c::-webkit-scrollbar-corner {
|
|
background-color: transparent
|
|
}
|
|
|
|
.none__99f8c::-webkit-scrollbar {
|
|
height: 0;
|
|
width: 0
|
|
}
|
|
|
|
.fade__99f8c::-webkit-scrollbar-thumb,.fade__99f8c::-webkit-scrollbar-track {
|
|
visibility: hidden
|
|
}
|
|
|
|
.fade__99f8c:hover::-webkit-scrollbar-thumb,.fade__99f8c:hover::-webkit-scrollbar-track {
|
|
visibility: visible
|
|
}
|
|
|
|
.scrolling__99f8c.fade__99f8c:focus-within::-webkit-scrollbar-thumb,.scrolling__99f8c.fade__99f8c:focus-within::-webkit-scrollbar-track {
|
|
visibility: visible
|
|
}
|
|
|
|
.no-webkit-scrollbar .thin__99f8c {
|
|
scrollbar-color: var(--scrollbar-thin-thumb) var(--scrollbar-thin-track);
|
|
scrollbar-width: thin
|
|
}
|
|
|
|
.no-webkit-scrollbar .thin__99f8c.fade__99f8c.scrolling__99f8c,.no-webkit-scrollbar .thin__99f8c.fade__99f8c:hover {
|
|
scrollbar-color: var(--scrollbar-thin-thumb) var(--scrollbar-thin-track)
|
|
}
|
|
|
|
.no-webkit-scrollbar .auto__99f8c {
|
|
scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb) var(--scrollbar-auto-scrollbar-color-track);
|
|
scrollbar-width: auto
|
|
}
|
|
|
|
.no-webkit-scrollbar .auto__99f8c.fade__99f8c.scrolling__99f8c,.no-webkit-scrollbar .auto__99f8c.fade__99f8c:hover {
|
|
scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb) var(--scrollbar-auto-scrollbar-color-track)
|
|
}
|
|
|
|
.no-webkit-scrollbar .none__99f8c {
|
|
scrollbar-width: none
|
|
}
|
|
|
|
.no-webkit-scrollbar .fade__99f8c {
|
|
scrollbar-color: transparent transparent
|
|
}
|
|
|
|
.content__99f8c {
|
|
position: relative
|
|
}
|
|
|
|
.disableScrollAnchor__99f8c {
|
|
overflow-anchor: none
|
|
}
|
|
|
|
.managedReactiveScroller__99f8c {
|
|
overflow-x: hidden;
|
|
overflow-y: scroll
|
|
}
|
|
|
|
.pointerCover__99f8c {
|
|
inset: 0;
|
|
position: absolute;
|
|
z-index: 9999
|
|
}
|
|
|
|
.enable-forced-colors ::-webkit-scrollbar-track {
|
|
border-radius: 0;
|
|
border-width: 1px
|
|
}
|
|
|
|
.enable-forced-colors ::-webkit-scrollbar-thumb {
|
|
background-color: CanvasText;
|
|
border-width: 1px
|
|
}
|
|
|
|
.enable-forced-colors ::-webkit-scrollbar-thumb:horizontal:active,.enable-forced-colors ::-webkit-scrollbar-thumb:horizontal:hover,.enable-forced-colors ::-webkit-scrollbar-thumb:vertical:active,.enable-forced-colors ::-webkit-scrollbar-thumb:vertical:hover {
|
|
background-color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .auto__99f8c::-webkit-scrollbar {
|
|
height: 8px;
|
|
width: 8px
|
|
}
|
|
|
|
.enable-forced-colors .auto__99f8c::-webkit-scrollbar-track {
|
|
border-radius: 0;
|
|
border-width: 1px
|
|
}
|
|
|
|
.sliderContainer__65039 {
|
|
box-sizing: border-box;
|
|
overflow: visible;
|
|
padding: 0 8px
|
|
}
|
|
|
|
.slider__65039 {
|
|
position: relative;
|
|
top: -4px
|
|
}
|
|
|
|
.backdrop__78332 {
|
|
position: fixed;
|
|
top: 0;
|
|
inset-inline: 0 var(--devtools-sidebar-width,0);
|
|
bottom: 0;
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
.backdrop__78332.withLayer__78332 {
|
|
pointer-events: all
|
|
}
|
|
|
|
.backdrop_bc663c {
|
|
background-color: var(--black)
|
|
}
|
|
|
|
.backdrop_bc663c,.layer_bc663c {
|
|
inset: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.layer_bc663c {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
min-height: 0;
|
|
padding-bottom: var(--space-24);
|
|
padding-top: var(--space-24)
|
|
}
|
|
|
|
.layer_bc663c:has([data-modal-align=top]) {
|
|
bottom: auto;
|
|
padding-top: 0
|
|
}
|
|
|
|
.inactive_bc663c>* {
|
|
pointer-events: none!important;
|
|
z-index: -1
|
|
}
|
|
|
|
.content__6e5a0 {
|
|
padding-bottom: 20px
|
|
}
|
|
|
|
.cancelButton__6e5a0 {
|
|
margin-inline-end:var(--space-12)}
|
|
|
|
: root {
|
|
--custom-paginator-round-button-size:28px
|
|
}
|
|
|
|
.pageControlContainer_c15210 {
|
|
bottom: 0;
|
|
margin-top: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.pageControl_c15210 {
|
|
margin: auto;
|
|
padding: 4px 0
|
|
}
|
|
|
|
.pageButton_c15210,.pageControl_c15210 {
|
|
align-items: center;
|
|
display: flex;
|
|
width: -moz-min-content;
|
|
width: min-content
|
|
}
|
|
|
|
.pageButton_c15210 {
|
|
box-sizing: border-box;
|
|
color: var(--text-strong);
|
|
cursor: pointer;
|
|
font-weight: var(--font-weight-semibold);
|
|
height: var(--custom-paginator-round-button-size);
|
|
justify-content: center;
|
|
margin: 4px;
|
|
min-width: var(--custom-paginator-round-button-size);
|
|
padding: 6px
|
|
}
|
|
|
|
.pageButton_c15210:hover {
|
|
background-color: var(--background-mod-normal);
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.roundButton_c15210 {
|
|
border-radius: 14px;
|
|
min-width: var(--custom-paginator-round-button-size)
|
|
}
|
|
|
|
.endButton_c15210 {
|
|
padding: 0 8px
|
|
}
|
|
|
|
.endButton_c15210:first-child {
|
|
padding-inline-end:12px}
|
|
|
|
.endButton_c15210:last-child {
|
|
padding-inline-start:12px}
|
|
|
|
.endButtonInner_c15210 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.gap_c15210 {
|
|
color: var(--text-default);
|
|
margin: 8px 4px;
|
|
text-align: center;
|
|
width: var(--custom-paginator-round-button-size)
|
|
}
|
|
|
|
.iconCaret_c15210 {
|
|
display: inline-block;
|
|
height: 1em;
|
|
width: 1em
|
|
}
|
|
|
|
.iconCaret_c15210:first-child {
|
|
margin-inline-end:4px}
|
|
|
|
.iconCaret_c15210:last-child {
|
|
margin-inline-start:4px}
|
|
|
|
.jumpToPageInlineInput_c15210 {
|
|
width: 50px
|
|
}
|
|
|
|
.jumpToPageInlineInput_c15210+.activeButton_c15210 {
|
|
margin-inline-start:10px}
|
|
|
|
.activeButton_c15210+.jumpToPageInlineInput_c15210 {
|
|
margin-inline-start:6px}
|
|
|
|
.enable-forced-colors .pageButton_c15210 {
|
|
background-color: ButtonFace;
|
|
color: ButtonText;
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.enable-forced-colors .pageButton_c15210:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.enable-forced-colors .activeButton_c15210,.enable-forced-colors .activeButton_c15210:hover {
|
|
background-color: HighlightText;
|
|
color: Highlight
|
|
}
|
|
|
|
.activeButton_c15210,.activeButton_c15210:hover {
|
|
background-color: var(--brand-500);
|
|
color: var(--white)
|
|
}
|
|
|
|
.selectableItem_eb626b {
|
|
border-radius: 3px;
|
|
box-sizing: border-box;
|
|
color: var(--text-strong);
|
|
cursor: pointer;
|
|
height: 34px;
|
|
margin: 2px 0;
|
|
margin-inline-end:4px;padding: 8px 10px
|
|
}
|
|
|
|
.selectableItem_eb626b.selected_eb626b {
|
|
cursor: default
|
|
}
|
|
|
|
.selectableItemLabel_eb626b {
|
|
font-size: 16px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-overflow: ellipsis;
|
|
top: 1px;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.theme-light .selectableItem_eb626b:focus,.theme-light .selectableItem_eb626b:hover {
|
|
background-color: var(--primary-200)
|
|
}
|
|
|
|
.theme-dark .selectableItem_eb626b:focus,.theme-dark .selectableItem_eb626b:hover {
|
|
background-color: hsl(var(--primary-700-hsl)/.6)
|
|
}
|
|
|
|
.enable-forced-colors .selectableItem_eb626b:focus,.enable-forced-colors .selectableItem_eb626b:hover {
|
|
outline: 1px solid Highlight;
|
|
outline-offset: -1px
|
|
}
|
|
|
|
.popoutList__92efc {
|
|
background: var(--background-mod-normal);
|
|
border-radius: 5px;
|
|
padding: 10px 10px 0
|
|
}
|
|
|
|
.popoutListEmpty__92efc {
|
|
box-sizing: border-box;
|
|
color: var(--text-strong);
|
|
cursor: default;
|
|
margin-block:2px;margin-inline:0 4px;padding: 8px 10px 0
|
|
}
|
|
|
|
.divider__92efc {
|
|
margin: 8px 0
|
|
}
|
|
|
|
.enable-forced-colors .popoutList__92efc {
|
|
border: 2px solid CanvasText
|
|
}
|
|
|
|
.roleDotRight__703b9 {
|
|
margin-inline-start:.25rem}
|
|
|
|
.roleDotLeft__703b9 {
|
|
margin-inline-end:.25rem}
|
|
|
|
.username__703b9 {
|
|
}
|
|
|
|
.container__703b9 {
|
|
text-decoration: inherit
|
|
}
|
|
|
|
.container__703b9,.nameContainer__703b9 {
|
|
display: inline-flex;
|
|
max-width: 100%;
|
|
min-width: 0
|
|
}
|
|
|
|
.nameContainer__703b9 {
|
|
position: relative;
|
|
z-index: 0
|
|
}
|
|
|
|
.name__703b9 {
|
|
position: relative
|
|
}
|
|
|
|
.name__703b9,.nameGlow__703b9 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.nameGlow__703b9 {
|
|
height: 100%;
|
|
inset: 0;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.tabItem__9e06a {
|
|
cursor: pointer;
|
|
font-size: 13px;
|
|
margin-inline-end:20px;padding-bottom: 20px;
|
|
padding-top: 20px
|
|
}
|
|
|
|
.tabContainer__9e06a {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.pillContainer__9e06a,.tabContainer__9e06a {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.pillContainer__9e06a {
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: var(--radius-md);
|
|
gap: var(--space-4);
|
|
justify-content: stretch;
|
|
padding: var(--space-4)
|
|
}
|
|
|
|
.pillItem__9e06a {
|
|
border-radius: var(--radius-sm);
|
|
color: var(--text-subtle);
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
justify-content: center;
|
|
padding: 8px 16px
|
|
}
|
|
|
|
.pillItem__9e06a:not(.pillItemSelected__9e06a):hover {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.pillItemSelected__9e06a {
|
|
background-color: var(--background-surface-high);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.theme-dark .tabItemSelected__9e06a {
|
|
border-bottom: 2px solid var(--primary-100)
|
|
}
|
|
|
|
.theme-light .tabItemSelected__9e06a {
|
|
border-bottom: 2px solid var(--primary-500)
|
|
}
|
|
|
|
.tabItemSelected__9e06a {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.icon__9e06a {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.controlText__9e06a {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.pillItemText__9e06a {
|
|
line-height: 1
|
|
}
|
|
|
|
.disabled__9e06a {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.disabledContainer__9e06a {
|
|
opacity: .3
|
|
}
|
|
|
|
.transitionGroup__6ba63 {
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.measurement__6ba63 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.measurementFill__6ba63 {
|
|
flex: 0 0 auto;
|
|
width: 100%
|
|
}
|
|
|
|
.measurementFillStatic__6ba63 {
|
|
height: 100%
|
|
}
|
|
|
|
.animatedNode__6ba63 {
|
|
width: 100%
|
|
}
|
|
|
|
@media screen and (max-height: 550px),screen and (max-width:485px) {
|
|
.outerAnimatedDivDynamicSizing__59d99 {
|
|
min-height:100%!important;
|
|
min-width: 100%!important
|
|
}
|
|
|
|
.innerAnimatedDivDynamicSizing__59d99 {
|
|
width: 100%!important
|
|
}
|
|
}
|
|
|
|
.containerTop__45edc {
|
|
top: calc(var(--custom-app-top-bar-height) + var(--space-8))
|
|
}
|
|
|
|
.containerBottom__45edc,.containerTop__45edc {
|
|
display: flex;
|
|
flex-direction: column;
|
|
inset-inline-start: 50%;
|
|
position: fixed;
|
|
transform: translateX(-50%);
|
|
z-index: 4999
|
|
}
|
|
|
|
.containerBottom__45edc {
|
|
bottom: 140px
|
|
}
|
|
|
|
.breadcrumbs__75013 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.breadcrumbWrapper__75013 {
|
|
align-items: center;
|
|
color: var(--text-muted);
|
|
display: flex;
|
|
flex-grow: 0;
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.activeBreadcrumb__75013 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.breadcrumbClickWrapper__75013,.breadcrumbFinalWrapper__75013 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.breadcrumb__75013 {
|
|
font-size: 14px
|
|
}
|
|
|
|
.breadcrumbArrow__75013 {
|
|
height: 18px;
|
|
width: 18px
|
|
}
|
|
|
|
.interactiveBreadcrumb__75013 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.container__459fb {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-top: -10px;
|
|
margin-inline-end:-10px}
|
|
|
|
.container__459fb.gradient__459fb {
|
|
flex-wrap: nowrap
|
|
}
|
|
|
|
.customContainer__459fb,.defaultContainer__459fb {
|
|
flex: 1;
|
|
margin-top: 10px;
|
|
margin-inline-end:10px;max-width: 70px;
|
|
min-width: 60px
|
|
}
|
|
|
|
.custom__459fb .preset__459fb {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: vertical
|
|
}
|
|
|
|
.customColorPicker__459fb {
|
|
background-color: var(--background-base-low);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 4px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
padding: 16px;
|
|
width: 220px
|
|
}
|
|
|
|
.customColorPickerInputContainer__459fb {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 12px
|
|
}
|
|
|
|
.customColorPickerEyeDropper__459fb {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 16px;
|
|
justify-content: center;
|
|
margin: 0;
|
|
width: 16px
|
|
}
|
|
|
|
.customColorPickerInput__459fb {
|
|
flex: 1
|
|
}
|
|
|
|
.customColorPickerInput__459fb .input__459fb {
|
|
height: 24px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.colorPickerRow__459fb {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
height: 20px;
|
|
margin-top: 10px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.colorPickerSwatch__459fb {
|
|
align-items: center;
|
|
background-color: transparent;
|
|
border: 1px solid transparent;
|
|
border-radius: 3px;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 20px;
|
|
justify-content: center;
|
|
margin-inline-end:10px;padding: 0;
|
|
position: relative;
|
|
width: 20px
|
|
}
|
|
|
|
.colorPickerSwatch__459fb.custom__459fb,.colorPickerSwatch__459fb.default__459fb {
|
|
border-radius: 4px;
|
|
height: 50px;
|
|
margin-inline-end:0;width: 100%
|
|
}
|
|
|
|
.colorPickerSwatch__459fb.gradientPreset__459fb {
|
|
border: none;
|
|
height: 20px;
|
|
margin-inline-end:var(--space-8);width: 40px
|
|
}
|
|
|
|
.colorPickerSwatch__459fb.disabled__459fb {
|
|
cursor: not-allowed;
|
|
opacity: .3;
|
|
pointer-events: none
|
|
}
|
|
|
|
.colorPickerSwatch__459fb .colorPickerDropper__459fb {
|
|
inset-inline-end: 4px;
|
|
position: absolute;
|
|
top: 4px
|
|
}
|
|
|
|
.suggestedColors__459fb {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 12px;
|
|
justify-content: center
|
|
}
|
|
|
|
.suggestedColor__459fb {
|
|
border: 1px solid var(--primary-400);
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.theme-dark .colorPickerSwatch__459fb.noColor__459fb {
|
|
border-color: var(--opacity-white-8)
|
|
}
|
|
|
|
.theme-light .colorPickerSwatch__459fb.noColor__459fb {
|
|
border-color: hsl(var(--primary-500-hsl)/.1)
|
|
}
|
|
|
|
.enable-forced-colors .colorPickerSwatch__459fb {
|
|
border: 1px solid ButtonText;
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.enable-forced-colors .colorPickerSwatch__459fb.disabled__459fb {
|
|
border-color: GrayText
|
|
}
|
|
|
|
.copyInput_fffc15 {
|
|
background-color: var(--input-background-default);
|
|
border: 1px solid var(--input-border-default);
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
height: 40px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
transition: border-color .2s ease-in-out
|
|
}
|
|
|
|
.copyInputDefault_fffc15,.copyInputError_fffc15 {
|
|
}
|
|
|
|
.copyInputError_fffc15 {
|
|
background-color: var(--background-feedback-critical);
|
|
border-color: var(--text-feedback-critical);
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.copyInputSuccess_fffc15 {
|
|
background-color: var(--background-feedback-positive);
|
|
border-color: var(--text-feedback-positive);
|
|
color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.layout_fffc15 {
|
|
inset: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.inputWrapper_fffc15 {
|
|
position: relative
|
|
}
|
|
|
|
.button_fffc15 {
|
|
border-radius: var(--radius-xs);
|
|
margin-block:4px;margin-inline:0 4px;padding: 2px 20px!important;
|
|
transition: background-color .2s ease-in-out,color .2s ease-in-out
|
|
}
|
|
|
|
.hiddenMessage_fffc15,.input_fffc15 {
|
|
background-color: transparent;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
overflow: hidden;
|
|
padding-block:10px;padding-inline:10px 0;position: relative;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.input_fffc15 {
|
|
border: none;
|
|
box-sizing: border-box;
|
|
cursor: text;
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
transition: color .15s ease;
|
|
width: 100%
|
|
}
|
|
|
|
.inputDefault_fffc15 {
|
|
}
|
|
|
|
.inputError_fffc15,.inputSuccess_fffc15 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.hiddenMessage_fffc15 {
|
|
inset: 0;
|
|
position: absolute;
|
|
z-index: 0
|
|
}
|
|
|
|
.inputHidden_fffc15 {
|
|
visibility: hidden
|
|
}
|
|
|
|
.hiddenMessage_fffc15,.inputDefault_fffc15 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.hiddenMessage_fffc15::-moz-placeholder,.inputDefault_fffc15::-moz-placeholder {
|
|
color: var(--input-placeholder-text-default)
|
|
}
|
|
|
|
.hiddenMessage_fffc15::placeholder,.inputDefault_fffc15::placeholder {
|
|
color: var(--input-placeholder-text-default)
|
|
}
|
|
|
|
.wrapper__33d12 {
|
|
height: 100%;
|
|
margin-inline:auto;max-width: 440px;
|
|
width: 100%
|
|
}
|
|
|
|
.image__33d12 {
|
|
background-size: 100% 100%
|
|
}
|
|
|
|
.title__33d12 {
|
|
font-size: 17px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 22px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.text__33d12,.title__33d12 {
|
|
color: var(--text-muted);
|
|
text-align: center
|
|
}
|
|
|
|
.text__33d12 {
|
|
font-size: 16px;
|
|
line-height: 20px
|
|
}
|
|
|
|
.slider__4e371 {
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.shinyButton__6a443 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.buttonShine__6a443,.shinyButton__6a443>* {
|
|
pointer-events: none
|
|
}
|
|
|
|
.buttonShine__6a443 {
|
|
color: var(--opacity-white-8)
|
|
}
|
|
|
|
.full-motion .buttonShine__6a443 {
|
|
animation-delay: .75s;
|
|
animation-duration: 2s;
|
|
animation-iteration-count: infinite;
|
|
animation-name: Shine__6a443;
|
|
animation-timing-function: ease-in-out
|
|
}
|
|
|
|
.reduce-motion .buttonShine__6a443 {
|
|
transform: translate3d(calc(100% - 32px),0,0)
|
|
}
|
|
|
|
.full-motion .onlyShineOnHover__6a443 {
|
|
animation-delay: 0s;
|
|
animation-name: InstantShine__6a443
|
|
}
|
|
|
|
.shineContainer__6a443 {
|
|
bottom: 0;
|
|
position: absolute;
|
|
top: -50%;
|
|
inset-inline: -50% 0
|
|
}
|
|
|
|
.shine__6a443 {
|
|
background-color: currentColor;
|
|
height: 300%;
|
|
position: relative;
|
|
top: -100%;
|
|
transform: rotate(30deg)
|
|
}
|
|
|
|
.shineDefault__6a443 {
|
|
width: 56px
|
|
}
|
|
|
|
.shineSmall__6a443 {
|
|
width: 30px
|
|
}
|
|
|
|
.shinePaused__6a443 {
|
|
animation-play-state: paused
|
|
}
|
|
|
|
.shineInner__6a443 {
|
|
background-color: currentColor;
|
|
height: 100%
|
|
}
|
|
|
|
.shineInnerDefault__6a443 {
|
|
width: 16px
|
|
}
|
|
|
|
.shineInnerSmall__6a443 {
|
|
width: 10px
|
|
}
|
|
|
|
@keyframes Shine__6a443 {
|
|
0% {
|
|
transform: translate3d(-50%,0,0)
|
|
}
|
|
|
|
to {
|
|
transform: translate3d(200%,0,0)
|
|
}
|
|
}
|
|
|
|
@keyframes InstantShine__6a443 {
|
|
0% {
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
to {
|
|
transform: translate3d(200%,0,0)
|
|
}
|
|
}
|
|
|
|
.iconLayout__0c4c4 {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
cursor: text;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.iconLayout__0c4c4[data-size=sm],.iconLayout__0c4c4[data-size=sm] .iconContainer__0c4c4 {
|
|
height: var(--icon-size-xs);
|
|
width: var(--icon-size-xs)
|
|
}
|
|
|
|
.iconLayout__0c4c4[data-size=md],.iconLayout__0c4c4[data-size=md] .iconContainer__0c4c4 {
|
|
height: var(--icon-size-sm);
|
|
width: var(--icon-size-sm)
|
|
}
|
|
|
|
.pointer__0c4c4 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.iconContainer__0c4c4 {
|
|
position: relative
|
|
}
|
|
|
|
.icon__0c4c4 {
|
|
box-sizing: border-box;
|
|
color: var(--interactive-text-default);
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: rotate(90deg);
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .icon__0c4c4 {
|
|
transition: transform .1s ease-out,opacity .1s ease-out
|
|
}
|
|
|
|
.icon__0c4c4.visible__0c4c4 {
|
|
opacity: 1;
|
|
transform: rotate(0deg)
|
|
}
|
|
|
|
.clear__0c4c4 {
|
|
}
|
|
|
|
.iconLayout__0c4c4:hover .clear__0c4c4 {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.iconLayout__0c4c4:active .clear__0c4c4 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.enable-forced-colors .icon__0c4c4 {
|
|
background-color: Canvas;
|
|
border: 1px solid Canvas;
|
|
color: GrayText
|
|
}
|
|
|
|
.enable-forced-colors .clear__0c4c4 {
|
|
background-color: ButtonFace;
|
|
border-color: CanvasText;
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .iconLayout__0c4c4:active .clear__0c4c4,.enable-forced-colors .iconLayout__0c4c4:hover .clear__0c4c4 {
|
|
border-color: ButtonText;
|
|
color: ButtonText
|
|
}
|
|
|
|
.heading-sm\/normal__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/normal__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/medium__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/medium__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/semibold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/semibold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/bold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/bold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-sm\/extrabold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 14px;
|
|
font-weight: 800;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.heading-sm\/extrabold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.heading-md\/normal__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/normal__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/medium__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/medium__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/semibold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/semibold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/bold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/bold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-md\/extrabold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 16px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-md\/extrabold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.heading-lg\/normal__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/normal__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/medium__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/medium__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/semibold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/semibold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/bold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/bold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-lg\/extrabold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.heading-lg\/extrabold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.heading-xl\/normal__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/normal__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/medium__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/medium__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/semibold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/semibold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/bold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/bold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xl\/extrabold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 24px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xl\/extrabold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.heading-xxl\/normal__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/normal__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/medium__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/medium__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/semibold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/semibold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/bold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/bold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.heading-xxl\/extrabold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 32px;
|
|
font-weight: 800;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.heading-xxl\/extrabold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 2rem
|
|
}
|
|
|
|
.eyebrow__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
letter-spacing: .02em;
|
|
line-height: 1.3333333333333333;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.eyebrow__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/normal__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/normal__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/medium__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/medium__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/semibold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/bold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/bold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.heading-deprecated-12\/extrabold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.redesign\/heading-18\/bold__2b1f5 {
|
|
font-family: var(--font-display);
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/heading-18\/bold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.125rem
|
|
}
|
|
|
|
.text-xxs\/normal__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/normal__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/medium__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/medium__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/semibold__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/semibold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xxs\/bold__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-xxs\/bold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .625rem
|
|
}
|
|
|
|
.text-xs\/normal__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/normal__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/medium__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/medium__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/semibold__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/semibold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-xs\/bold__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.text-xs\/bold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.text-sm\/normal__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/normal__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/medium__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/medium__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/semibold__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/semibold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-sm\/bold__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.text-sm\/bold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .875rem
|
|
}
|
|
|
|
.text-md\/normal__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/normal__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/medium__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/medium__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/semibold__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/semibold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-md\/bold__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.text-md\/bold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.text-lg\/normal__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/normal__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/medium__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/medium__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/semibold__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/semibold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.text-lg\/bold__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
line-height: 1.2
|
|
}
|
|
|
|
.text-lg\/bold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.redesign\/message-preview\/normal__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/normal__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/medium__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/medium__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/semibold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/message-preview\/bold__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.redesign\/message-preview\/bold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.redesign\/channel-title\/normal__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/normal__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/medium__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/medium__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/semibold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.redesign\/channel-title\/bold__2b1f5 {
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 1.375
|
|
}
|
|
|
|
.redesign\/channel-title\/bold__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.display-sm__2b1f5 {
|
|
font-family: var(--font-headline);
|
|
font-size: 20px;
|
|
font-weight: 800;
|
|
line-height: 1
|
|
}
|
|
|
|
.display-sm__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 1.25rem
|
|
}
|
|
|
|
.display-md__2b1f5 {
|
|
font-family: var(--font-headline);
|
|
font-size: 34px;
|
|
font-weight: 800;
|
|
line-height: 1.0588235294117647
|
|
}
|
|
|
|
.display-md__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 2.125rem
|
|
}
|
|
|
|
.display-lg__2b1f5 {
|
|
font-family: var(--font-headline);
|
|
font-size: 44px;
|
|
font-weight: 800;
|
|
line-height: .9545454545454546
|
|
}
|
|
|
|
.display-lg__2b1f5.fontScaling__2b1f5 {
|
|
font-size: 2.75rem
|
|
}
|
|
|
|
.code__2b1f5 {
|
|
font-family: var(--font-code);
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 1.3333333333333333
|
|
}
|
|
|
|
.code__2b1f5.fontScaling__2b1f5 {
|
|
font-size: .75rem
|
|
}
|
|
|
|
.base__2b1f5 {
|
|
box-sizing: border-box;
|
|
color: var(--white);
|
|
flex: 0 0 auto;
|
|
height: 16px;
|
|
min-height: 16px;
|
|
min-width: 16px;
|
|
text-align: center;
|
|
}
|
|
|
|
.textBadge__2b1f5 {
|
|
border-radius: var(--radius-sm);
|
|
overflow: hidden;
|
|
padding: 0 6px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.baseShapeRound__2b1f5 {
|
|
border-radius: var(--radius-round)
|
|
}
|
|
|
|
.baseShapeRoundLeft__2b1f5 {
|
|
border-radius: var(--radius-xs) 0 0 var(--radius-xs)
|
|
}
|
|
|
|
.baseShapeRoundRight__2b1f5 {
|
|
border-radius: 0 var(--radius-xs) var(--radius-xs) 0
|
|
}
|
|
|
|
.iconBadge__2b1f5,.numberBadge__2b1f5 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.iconBadge__2b1f5 {
|
|
width: 16px
|
|
}
|
|
|
|
.icon__2b1f5 {
|
|
height: 100%;
|
|
padding: 2px;
|
|
width: 100%
|
|
}
|
|
|
|
.circleBadge__2b1f5 {
|
|
height: 8px;
|
|
width: 8px
|
|
}
|
|
|
|
.premiumBadge__2b1f5 {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color)
|
|
}
|
|
|
|
.limitedTimeText__2b1f5 {
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.enable-forced-colors .base__2b1f5 {
|
|
background-color: Highlight!important;
|
|
color: HighlightText;
|
|
forced-color-adjust: none;
|
|
outline: 2px solid Canvas
|
|
}
|
|
|
|
.quickSelect_ebaca5 {
|
|
color: var(--interactive-text-default);
|
|
cursor: default;
|
|
font-size: 13px
|
|
}
|
|
|
|
.quickSelectClick_ebaca5 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.quickSelectValue_ebaca5 {
|
|
margin-inline-start:4px}
|
|
|
|
.quickSelectLabel_ebaca5 {
|
|
color: var(--text-muted);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.quickSelectArrow_ebaca5 {
|
|
height: 7px;
|
|
margin-inline-start:5px;width: 10px
|
|
}
|
|
|
|
.quickSelectPopout_ebaca5 {
|
|
border-radius: 3px;
|
|
color: var(--text-strong);
|
|
overflow: hidden
|
|
}
|
|
|
|
.quickSelectPopoutScroll_ebaca5 {
|
|
max-height: 384px
|
|
}
|
|
|
|
.quickSelectScroller_ebaca5 {
|
|
overflow-y: auto
|
|
}
|
|
|
|
.quickSelectPopoutOption_ebaca5 {
|
|
cursor: pointer;
|
|
padding: 8px
|
|
}
|
|
|
|
.quickSelectPopoutOption_ebaca5.selected_ebaca5 {
|
|
background-color: inherit;
|
|
cursor: default
|
|
}
|
|
|
|
.quickSelectPopoutOption_ebaca5:focus {
|
|
background-color: var(--interactive-background-hover);
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.theme-light .quickSelectArrow_ebaca5 {
|
|
background: url(/assets/0bf989849f27d0a7.svg) 50% no-repeat
|
|
}
|
|
|
|
.theme-light .quickSelectPopout_ebaca5 {
|
|
background-color: var(--white)
|
|
}
|
|
|
|
.theme-light .quickSelectPopoutOption_ebaca5:hover {
|
|
background-color: var(--primary-100)
|
|
}
|
|
|
|
.theme-dark .quickSelectArrow_ebaca5 {
|
|
background: url(/assets/77e059c86b79040e.svg) 50% no-repeat
|
|
}
|
|
|
|
.theme-dark .quickSelectPopout_ebaca5 {
|
|
background: var(--primary-630)
|
|
}
|
|
|
|
.theme-dark .quickSelectPopoutOption_ebaca5:hover {
|
|
background-color: hsl(var(--primary-500-hsl)/.3)
|
|
}
|
|
|
|
.value__96f95 {
|
|
width: 48px
|
|
}
|
|
|
|
.actions__96f95 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-4);
|
|
justify-content: center
|
|
}
|
|
|
|
.wrapper__00943 {
|
|
background-color: none;
|
|
border: 1px solid var(--border-subtle);
|
|
padding-inline:calc(var(--space-16) - 1px) calc(var(--space-16) - 2px)}
|
|
|
|
.overlay__00943 {
|
|
align-items: center;
|
|
bottom: -1px;
|
|
box-sizing: border-box;
|
|
display: none;
|
|
inset-inline-end: 0;
|
|
justify-content: flex-end;
|
|
max-width: 100%;
|
|
padding-inline-start:50px;position: absolute;
|
|
top: -1px
|
|
}
|
|
|
|
.overlay__00943:empty {
|
|
padding-inline-start:0}
|
|
|
|
.headerOverlay__00943,.sectionOverlay__00943,.twitchOverlay__00943 {
|
|
}
|
|
|
|
.headerOverlay__00943 {
|
|
inset-inline-end: 32px
|
|
}
|
|
|
|
.section__00943 {
|
|
background-color: var(--background-mod-muted);
|
|
border: 1px solid var(--border-subtle);
|
|
padding: 12px;
|
|
position: relative
|
|
}
|
|
|
|
.section__00943:not(:last-child) {
|
|
border-bottom: none
|
|
}
|
|
|
|
.section__00943:first-child {
|
|
border-radius: 8px 8px 0 0
|
|
}
|
|
|
|
.section__00943:last-child {
|
|
border-radius: 0 0 8px 8px
|
|
}
|
|
|
|
.section__00943:only-child {
|
|
border-radius: 8px
|
|
}
|
|
|
|
.clickable__00943 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.clickable__00943:hover .textContent__00943 {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.textContent__00943 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.separator__00943 {
|
|
background-color: var(--border-subtle);
|
|
height: 1px
|
|
}
|
|
|
|
.separator__00943.inset__00943 {
|
|
margin-inline:12px}
|
|
|
|
.header__00943 {
|
|
align-items: center;
|
|
display: grid;
|
|
height: 36px;
|
|
position: relative;
|
|
grid-gap: 12px
|
|
}
|
|
|
|
.headerFull__00943 {
|
|
grid-template-columns: 32px minmax(20px,auto) 24px
|
|
}
|
|
|
|
.headerSimple__00943 {
|
|
grid-template-columns: 32px minmax(20px,auto)
|
|
}
|
|
|
|
.headerAvatar__00943 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.headerIcon__00943,.multipleIconWrapper__00943 {
|
|
border-radius: 4px;
|
|
display: block;
|
|
height: 24px;
|
|
justify-self: end;
|
|
width: 24px
|
|
}
|
|
|
|
.multipleIconWrapper__00943 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.multipleIcon__00943 {
|
|
height: 18px;
|
|
width: 18px
|
|
}
|
|
|
|
.body__00943 {
|
|
border-radius: 8px
|
|
}
|
|
|
|
.body__00943:not(:empty) {
|
|
margin-top: 12px
|
|
}
|
|
|
|
.body__00943 .separator__00943 {
|
|
margin-bottom: 0;
|
|
margin-top: 0
|
|
}
|
|
|
|
.wrapper__00943 .body__00943 {
|
|
background: none
|
|
}
|
|
|
|
.voiceSection__00943 {
|
|
display: grid;
|
|
grid-template-columns: 32px minmax(20px,auto) max-content;
|
|
grid-gap: 12px;
|
|
align-items: center
|
|
}
|
|
|
|
.voiceSectionAssets__00943 {
|
|
align-items: center;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
height: 32px;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 32px
|
|
}
|
|
|
|
.voiceSectionDetails__00943 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.voiceSectionDetails__00943:hover .voiceSectionText__00943 {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.voiceSectionGuildImage__00943,.voiceSectionNoGuildImageWrapper__00943 {
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
height: 32px;
|
|
-webkit-mask: url(/assets/a90b040155ee449f.svg);
|
|
mask: url(/assets/a90b040155ee449f.svg);
|
|
-webkit-mask-size: 100%;
|
|
mask-size: 100%;
|
|
mask-type: luminance;
|
|
width: 32px
|
|
}
|
|
|
|
.voiceSectionNoGuildImageWrapper__00943 {
|
|
align-items: center;
|
|
background: var(--background-surface-high);
|
|
color: var(--white);
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.voiceSectionNoGuildImage__00943 {
|
|
display: inline-block;
|
|
overflow: hidden
|
|
}
|
|
|
|
.voiceSectionIconWrapper__00943 {
|
|
align-items: center;
|
|
border-radius: 50%;
|
|
bottom: -2px;
|
|
display: flex;
|
|
height: 16px;
|
|
inset-inline-end: -2px;
|
|
justify-content: center;
|
|
position: absolute;
|
|
width: 16px
|
|
}
|
|
|
|
.voiceSectionIcon__00943 {
|
|
color: var(--text-default);
|
|
height: 10px;
|
|
width: 10px
|
|
}
|
|
|
|
.applicationStreamingSection__00943 {
|
|
display: grid;
|
|
grid-template-columns: 32px minmax(20px,auto) max-content;
|
|
grid-gap: 12px;
|
|
align-items: center
|
|
}
|
|
|
|
.applicationStreamingAvatar__00943 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.applicationStreamingPreviewWrapper__00943 {
|
|
align-items: center;
|
|
aspect-ratio: 16/9;
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 12px;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.applicationStreamingPreviewWrapper__00943:hover .applicationStreamingHoverText__00943 {
|
|
opacity: 1
|
|
}
|
|
|
|
.applicationStreamingPreviewSize__00943 {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.applicationStreamingHoverText__00943 {
|
|
background: var(--opacity-black-60);
|
|
border-radius: var(--radius-xl);
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
padding: 7px 16px;
|
|
position: absolute
|
|
}
|
|
|
|
.full-motion .applicationStreamingHoverText__00943 {
|
|
transition: opacity var(--custom-button-transition-duration) ease
|
|
}
|
|
|
|
.xboxSection__00943 {
|
|
display: grid;
|
|
grid-template-columns: 32px minmax(20px,auto);
|
|
grid-gap: 12px;
|
|
align-items: center
|
|
}
|
|
|
|
.xboxSectionIcon__00943 {
|
|
color: var(--primary-300);
|
|
height: 28px;
|
|
padding: 2px;
|
|
width: 28px
|
|
}
|
|
|
|
.twitchSection__00943 {
|
|
min-height: 32px
|
|
}
|
|
|
|
.twitchSectionHeader__00943 {
|
|
display: grid;
|
|
position: relative;
|
|
grid-gap: 12px;
|
|
align-items: center
|
|
}
|
|
|
|
.twitchSectionSimple__00943 {
|
|
grid-template-columns: 32px minmax(20px,auto)
|
|
}
|
|
|
|
.twitchSectionFull__00943 {
|
|
grid-template-columns: 32px minmax(20px,auto) 24px
|
|
}
|
|
|
|
.twitchSectionIcon__00943 {
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.twitchSectionPlayButton__00943 {
|
|
cursor: pointer;
|
|
inset-inline-start: calc(50% - 16px);
|
|
opacity: .75;
|
|
position: absolute;
|
|
top: calc(50% - 16px)
|
|
}
|
|
|
|
.twitchSectionAvatar__00943 {
|
|
justify-self: end
|
|
}
|
|
|
|
.twitchSectionPreviewWrapper__00943 {
|
|
cursor: pointer;
|
|
margin-top: 12px
|
|
}
|
|
|
|
.twitchSectionPreviewWrapper__00943:hover .twitchSectionPlayButton__00943 {
|
|
opacity: 1
|
|
}
|
|
|
|
.twitchSectionPreview__00943 {
|
|
border-radius: 4px;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%
|
|
}
|
|
|
|
.gameSection__00943 {
|
|
display: grid;
|
|
grid-template-columns: 32px minmax(20px,auto) max-content;
|
|
grid-gap: 12px;
|
|
align-items: center
|
|
}
|
|
|
|
.gameSectionIcon__00943 {
|
|
cursor: pointer;
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.activitySection__00943 {
|
|
display: grid;
|
|
grid-template-columns: 32px minmax(20px,auto);
|
|
grid-gap: 12px;
|
|
align-items: start
|
|
}
|
|
|
|
.activitySectionWithButtons__00943 {
|
|
grid-template-columns: 32px minmax(20px,auto) minmax(0,max-content)
|
|
}
|
|
|
|
.activitySectionAssets__00943 {
|
|
align-items: center;
|
|
display: grid;
|
|
justify-content: start;
|
|
position: relative
|
|
}
|
|
|
|
.activitySectionAssets__00943 .largeImageMask__00943 {
|
|
-webkit-mask: url(/assets/ed4c6d51411aad5e.svg);
|
|
mask: url(/assets/ed4c6d51411aad5e.svg);
|
|
-webkit-mask-size: 100%;
|
|
mask-size: 100%;
|
|
mask-type: luminance
|
|
}
|
|
|
|
.activitySectionAssets__00943 .largeImage__00943 {
|
|
border-radius: 4px;
|
|
height: 32px;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 32px
|
|
}
|
|
|
|
.activitySectionAssets__00943 .borderRadius0__00943 {
|
|
border-radius: 0
|
|
}
|
|
|
|
.activitySectionAssets__00943 .smallImage__00943 {
|
|
border-radius: 50%;
|
|
bottom: -4px;
|
|
height: 16px;
|
|
inset-inline-end: -4px;
|
|
position: absolute;
|
|
width: 16px
|
|
}
|
|
|
|
.activitySectionDetails__00943 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
justify-content: center
|
|
}
|
|
|
|
.spotifySection__00943 {
|
|
grid-template-columns: 32px minmax(20px,auto) max-content
|
|
}
|
|
|
|
.theme-dark .voiceSectionIconWrapper__00943 {
|
|
background-color: var(--primary-800)
|
|
}
|
|
|
|
.theme-light .voiceSectionIconWrapper__00943 {
|
|
background: var(--primary-300)
|
|
}
|
|
|
|
.embeddedActivityTopRow__00943 {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.embeddedActivityName__00943 {
|
|
flex: 1
|
|
}
|
|
|
|
.embeddedActivityTimeElapsed__00943 {
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.embeddedActivityPlayerContainer__00943 {
|
|
align-items: center;
|
|
aspect-ratio: 16/9;
|
|
background: var(--black);
|
|
border-radius: 12px;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative
|
|
}
|
|
|
|
.embeddedActivityImage__00943 {
|
|
border-radius: 12px;
|
|
height: auto;
|
|
max-height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%
|
|
}
|
|
|
|
.embeddedActivityImageOverlay__00943 {
|
|
align-items: center;
|
|
background: var(--opacity-black-60);
|
|
border-radius: 12px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
justify-content: center;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.embeddedActivityJoinWrapper__00943 {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.embeddedActivityIcon__00943 {
|
|
margin-inline-end:8px}
|
|
|
|
.cloudPlaySectionSeparator__00943 {
|
|
margin: 12px 0!important
|
|
}
|
|
|
|
.cloudPlaySection__00943 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 12px;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.cloudPlaySectionTextContainer__00943 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.refresh-active-now .wrapper__00943 {
|
|
background: var(--background-base-low);
|
|
border-radius: 16px;
|
|
padding: 0
|
|
}
|
|
|
|
.refresh-active-now .body__00943 {
|
|
border-radius: 0
|
|
}
|
|
|
|
.refresh-active-now .body__00943:not(:empty) {
|
|
margin-top: 0
|
|
}
|
|
|
|
.refresh-active-now .header__00943 {
|
|
background-color: var(--background-mod-muted);
|
|
padding: 16px
|
|
}
|
|
|
|
.refresh-active-now .section__00943 {
|
|
background: none;
|
|
border: none;
|
|
border-radius: 0;
|
|
padding: 16px
|
|
}
|
|
|
|
.refresh-active-now .section__00943:not(:last-child) {
|
|
border-bottom: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.refresh-active-now .applicationStreamingPreviewWrapper__00943 {
|
|
border-radius: 8px
|
|
}
|
|
|
|
.titleBar__421ed {
|
|
z-index: 3001;
|
|
-webkit-app-region: drag;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.withFrame__421ed {
|
|
height: 18px;
|
|
margin-top: 4px
|
|
}
|
|
|
|
.typeMacOS__421ed {
|
|
position: absolute;
|
|
width: 72px
|
|
}
|
|
|
|
.typeMacOS__421ed .macDragRegion__421ed {
|
|
padding-bottom: 32px;
|
|
width: 70px
|
|
}
|
|
|
|
.typeMacOSWithFrame__421ed {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 24px;
|
|
justify-content: space-between;
|
|
margin-top: 0
|
|
}
|
|
|
|
.typeMacOSWithFrame__421ed .macButtons__421ed {
|
|
margin-top: -2px;
|
|
margin-inline-end:-70px}
|
|
|
|
.typeWindows__421ed {
|
|
align-items: stretch;
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.wordmark__421ed {
|
|
font-size: 0;
|
|
pointer-events: none
|
|
}
|
|
|
|
.wordmarkWindows__421ed {
|
|
color: var(--text-muted);
|
|
inset-inline-start: 0;
|
|
padding: 4px 9px 3px;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.wordmarkMacOS__421ed {
|
|
margin: 0 auto
|
|
}
|
|
|
|
.winButton__421ed {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 22px;
|
|
justify-content: center;
|
|
pointer-events: auto;
|
|
position: relative;
|
|
top: -4px;
|
|
width: 28px;
|
|
-webkit-app-region: no-drag
|
|
}
|
|
|
|
.winButtonMinMax__421ed {
|
|
}
|
|
|
|
.winButtonMinMax__421ed:hover {
|
|
background-color: var(--interactive-background-hover);
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.winButtonMinMax__421ed:active {
|
|
background-color: var(--interactive-background-active);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.winButtonClose__421ed {
|
|
}
|
|
|
|
.winButtonClose__421ed:hover {
|
|
background-color: var(--background-feedback-critical);
|
|
color: var(--white)
|
|
}
|
|
|
|
.winButton__421ed {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.macButtons__421ed {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
padding: 10px;
|
|
width: 70px
|
|
}
|
|
|
|
.macButtons__421ed svg {
|
|
display: block;
|
|
visibility: hidden
|
|
}
|
|
|
|
.focused__421ed .macButtons__421ed:hover svg {
|
|
visibility: visible
|
|
}
|
|
|
|
.macButton__421ed {
|
|
border-radius: 50%;
|
|
box-sizing: border-box;
|
|
height: 12px;
|
|
width: 12px;
|
|
-webkit-app-region: no-drag
|
|
}
|
|
|
|
.macButtonClose__421ed,.macButtonMaximize__421ed,.macButtonMinimize__421ed {
|
|
}
|
|
|
|
.macButtonMaximize__421ed {
|
|
background-color: #34c749
|
|
}
|
|
|
|
.macButtonMinimize__421ed {
|
|
background-color: #fdbc40
|
|
}
|
|
|
|
.macButtonClose__421ed {
|
|
background-color: #fc615d
|
|
}
|
|
|
|
.unfocused__421ed .macButtonClose__421ed,.unfocused__421ed .macButtonMaximize__421ed,.unfocused__421ed .macButtonMinimize__421ed {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.custom-theme-background .withBackgroundOverride__421ed {
|
|
background: var(--background-gradient-app-frame,var(--background-base-lowest))
|
|
}
|
|
|
|
.custom-theme-background .withBackgroundOverride__421ed.typeWindows__421ed {
|
|
margin-top: 0;
|
|
padding-top: 4px
|
|
}
|
|
|
|
.wrapper__61a6b {
|
|
background-color: var(--background-base-lower);
|
|
background-position: 50% 0;
|
|
background-size: cover;
|
|
color: var(--text-default);
|
|
min-height: 100vh;
|
|
overflow: hidden
|
|
}
|
|
|
|
.flexWrapper__61a6b {
|
|
height: 100vh
|
|
}
|
|
|
|
.image__61a6b {
|
|
background-size: 100% 100%;
|
|
height: 154px;
|
|
margin-bottom: 40px;
|
|
width: 254px
|
|
}
|
|
|
|
.text__61a6b {
|
|
margin-bottom: 20px;
|
|
width: 440px
|
|
}
|
|
|
|
.note__61a6b {
|
|
color: var(--text-muted);
|
|
font-size: 16px
|
|
}
|
|
|
|
.note__61a6b,.title__61a6b {
|
|
text-align: center
|
|
}
|
|
|
|
.title__61a6b {
|
|
color: var(--text-strong);
|
|
font-size: 24px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 8px;
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.images-light .wrapper__61a6b {
|
|
background-image: url(/assets/069714e321aa543f.svg)
|
|
}
|
|
|
|
.images-light .image__61a6b {
|
|
background-image: url(/assets/f9b5479cf5959262.svg)
|
|
}
|
|
|
|
.images-dark .wrapper__61a6b {
|
|
background-image: url(/assets/069714e321aa543f.svg)
|
|
}
|
|
|
|
.images-dark .image__61a6b {
|
|
background-image: url(/assets/4ced53d842c0ca67.svg)
|
|
}
|
|
|
|
.tile__90dc5 {
|
|
background-color: var(--primary-700);
|
|
border-radius: var(--custom-base-tile-border-radius);
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.tile__90dc5.noBorder__90dc5 {
|
|
border-radius: 0
|
|
}
|
|
|
|
.fillParent__078ba {
|
|
display: block;
|
|
height: 100%;
|
|
overflow: clip;
|
|
width: 100%
|
|
}
|
|
|
|
.hiddenIframeContainer__078ba {
|
|
opacity: 0
|
|
}
|
|
|
|
.iframePlaceholder__078ba {
|
|
background-color: #000
|
|
}
|
|
|
|
.popoutWrapper_d6b206 {
|
|
display: flex;
|
|
margin-bottom: 10px;
|
|
max-height: 40vh;
|
|
position: relative;
|
|
width: 200px
|
|
}
|
|
|
|
.scroller_d6b206 {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 4px;
|
|
padding: 8px 16px
|
|
}
|
|
|
|
.viewers_d6b206 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-grow: 0;
|
|
position: relative
|
|
}
|
|
|
|
.viewers_d6b206:hover .popoutWrapper_d6b206 {
|
|
opacity: 1;
|
|
transform: translateX(0);
|
|
visibility: visible
|
|
}
|
|
|
|
.viewer_d6b206 {
|
|
margin-inline-start:-2px;-webkit-mask: url(/assets/eae6388e2d5a721a.svg);
|
|
mask: url(/assets/eae6388e2d5a721a.svg);
|
|
-webkit-mask-size: 100%;
|
|
mask-size: 100%;
|
|
mask-type: luminance
|
|
}
|
|
|
|
.viewer_d6b206:last-child {
|
|
-webkit-mask: none;
|
|
mask: none
|
|
}
|
|
|
|
.overflow_d6b206 {
|
|
align-items: center;
|
|
background-color: var(--primary-600);
|
|
border-radius: 15px;
|
|
box-shadow: -1px 0 0 1px var(--black);
|
|
color: var(--primary-300);
|
|
display: flex;
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-bold);
|
|
height: 25px;
|
|
justify-content: center;
|
|
letter-spacing: .5px;
|
|
margin-inline-start:-4px;width: 25px;
|
|
z-index: 2
|
|
}
|
|
|
|
.memberListHeader_d6b206 {
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-bottom: 12px;
|
|
margin-top: 8px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.memberListHeader_d6b206,.memberListItemText_d6b206 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.viewersIcon_d6b206 {
|
|
color: var(--primary-300);
|
|
display: flex;
|
|
height: 24px;
|
|
margin-inline-end:4px;width: 24px
|
|
}
|
|
|
|
.viewersIcon_d6b206.activeButton_d6b206,.viewersIcon_d6b206:hover {
|
|
color: var(--white)
|
|
}
|
|
|
|
.viewersTooltipItem_d6b206 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.memberListItem_d6b206:not(.popoutDisabled_d6b206):hover {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.videoHeight__94748 {
|
|
flex: 0 0 auto;
|
|
position: relative
|
|
}
|
|
|
|
.videoHeight__94748.animated__94748 {
|
|
transition: height .35s ease
|
|
}
|
|
|
|
.videoHeight__94748.normal__94748 {
|
|
height: 50vh
|
|
}
|
|
|
|
.videoHeight__94748.minimum__94748 {
|
|
height: 275px
|
|
}
|
|
|
|
.videoHeight__94748.haven__94748,.videoHeight__94748.noChat__94748 {
|
|
height: 100vh
|
|
}
|
|
|
|
.videoHeight__94748.fullScreen__94748 {
|
|
height: 100vh;
|
|
position: fixed;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
transition: none;
|
|
z-index: 100
|
|
}
|
|
|
|
.platform-win .videoHeight__94748.normal__94748 {
|
|
height: calc(50vh - 22px)
|
|
}
|
|
|
|
.platform-win .videoHeight__94748.noChat__94748 {
|
|
height: calc(100vh - 22px)
|
|
}
|
|
|
|
.video__94748 {
|
|
background-color: var(--primary-800);
|
|
background-position: 50%;
|
|
background-size: 100%;
|
|
cursor: default;
|
|
height: 100%;
|
|
min-height: 275px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.video__94748.idle__94748 {
|
|
cursor: none
|
|
}
|
|
|
|
.video__94748.fullScreen__94748 .videoCenter__94748,.video__94748.noChat__94748 .videoCenter__94748,.video__94748.normal__94748 .videoCenter__94748 {
|
|
align-self: flex-end
|
|
}
|
|
|
|
.video__94748.fullScreen__94748 .videoBottom__94748,.video__94748.noChat__94748 .videoBottom__94748,.video__94748.normal__94748 .videoBottom__94748 {
|
|
opacity: 0;
|
|
transform: translate3d(0,8px,0)
|
|
}
|
|
|
|
.full-motion .video__94748.fullScreen__94748 .videoBottom__94748,.full-motion .video__94748.noChat__94748 .videoBottom__94748,.full-motion .video__94748.normal__94748 .videoBottom__94748 {
|
|
transition: transform .2s ease-in-out,opacity .2s ease-in-out
|
|
}
|
|
|
|
.video__94748.fullScreen__94748:not(.idle__94748) .videoWrapper__94748.focused__94748 .videoBottom__94748,.video__94748.fullScreen__94748:not(.idle__94748) .videoWrapper__94748:hover .videoBottom__94748,.video__94748.noChat__94748:not(.idle__94748) .videoWrapper__94748.focused__94748 .videoBottom__94748,.video__94748.noChat__94748:not(.idle__94748) .videoWrapper__94748:hover .videoBottom__94748,.video__94748.normal__94748:not(.idle__94748) .videoWrapper__94748.focused__94748 .videoBottom__94748,.video__94748.normal__94748:not(.idle__94748) .videoWrapper__94748:hover .videoBottom__94748 {
|
|
opacity: 1;
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
.video__94748 .videoBackgroundTransition__94748 {
|
|
box-shadow: var(--legacy-elevation-high)
|
|
}
|
|
|
|
.videoWrapper__94748 {
|
|
border-radius: 3px;
|
|
position: relative
|
|
}
|
|
|
|
.videoInner__94748 {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
z-index: 1
|
|
}
|
|
|
|
.videoBottom__94748,.videoCenter__94748,.videoTop__94748 {
|
|
pointer-events: all
|
|
}
|
|
|
|
.videoBackground__94748,.videoBackgroundTransition__94748 {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.videoBackgroundTransition__94748 {
|
|
align-items: center;
|
|
display: flex;
|
|
overflow: hidden
|
|
}
|
|
|
|
.theme-light .video__94748.minimum__94748 {
|
|
background-color: var(--white);
|
|
box-shadow: inset 0 -1px 0 var(--primary-230)
|
|
}
|
|
|
|
.images-light .video__94748.noChat__94748 .videoTop__94748,.images-light .video__94748.normal__94748 .videoTop__94748 {
|
|
background-image: linear-gradient(0deg,hsl(var(--black-hsl)/0) 0,var(--opacity-black-88) 100%)
|
|
}
|
|
|
|
.images-dark .video__94748.noChat__94748 .videoTop__94748,.images-dark .video__94748.normal__94748 .videoTop__94748 {
|
|
background-image: linear-gradient(0deg,hsl(var(--black-hsl)/0) 0,var(--opacity-black-88) 100%)
|
|
}
|
|
|
|
.pictureInPictureVideo_e4cb9a {
|
|
aspect-ratio: 16/9;
|
|
background: var(--primary-800);
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
.videoControls_e4cb9a {
|
|
background: linear-gradient(var(--black) 0,transparent 30%,transparent 60%,var(--black) 100%);
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
padding: 8px;
|
|
pointer-events: none;
|
|
transition: opacity .2s ease-in-out
|
|
}
|
|
|
|
.videoControlsTextActivity_e4cb9a {
|
|
pointer-events: all;
|
|
z-index: 2
|
|
}
|
|
|
|
.topControls_e4cb9a {
|
|
flex: 0 1 auto;
|
|
pointer-events: all;
|
|
transform: translateZ(0);
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .topControls_e4cb9a {
|
|
transition: transform .2s ease-in-out
|
|
}
|
|
|
|
.topControlsTextActivity_e4cb9a {
|
|
align-items: flex-start;
|
|
flex-direction: row;
|
|
height: 100%
|
|
}
|
|
|
|
.bottomControls_e4cb9a,.topControlsTextActivity_e4cb9a {
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.bottomControls_e4cb9a {
|
|
align-items: center;
|
|
color: var(--white);
|
|
flex: 0 1 auto;
|
|
pointer-events: all;
|
|
transform: translateZ(0);
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .bottomControls_e4cb9a {
|
|
transition: transform .2s ease-in-out
|
|
}
|
|
|
|
.bottomLeftControls_e4cb9a {
|
|
min-width: 0
|
|
}
|
|
|
|
.idle_e4cb9a .videoControls_e4cb9a {
|
|
opacity: 0
|
|
}
|
|
|
|
.idle_e4cb9a .topControls_e4cb9a {
|
|
transform: translate3d(0,-8px,0)
|
|
}
|
|
|
|
.idle_e4cb9a .bottomControls_e4cb9a {
|
|
transform: translate3d(0,8px,0)
|
|
}
|
|
|
|
.backButton_e4cb9a {
|
|
color: var(--primary-300);
|
|
flex-shrink: 0;
|
|
margin-inline-end:2px}
|
|
|
|
.headerBar_e4cb9a {
|
|
height: auto;
|
|
padding: 4px 0 0
|
|
}
|
|
|
|
.topControls_e4cb9a .headerBar_e4cb9a {
|
|
-webkit-app-region: no-drag
|
|
}
|
|
|
|
.headerIdleContainer_e4cb9a {
|
|
justify-content: space-between
|
|
}
|
|
|
|
.headerIdleContainer_e4cb9a,.headerTitle_e4cb9a {
|
|
display: flex;
|
|
flex-shrink: 1;
|
|
overflow: hidden
|
|
}
|
|
|
|
.headerTitle_e4cb9a {
|
|
align-items: center;
|
|
border-bottom: 1px solid transparent;
|
|
color: var(--white);
|
|
justify-content: flex-start;
|
|
line-height: 20px;
|
|
margin: 0;
|
|
width: -moz-min-content;
|
|
width: min-content
|
|
}
|
|
|
|
.headerTitle_e4cb9a:hover {
|
|
border-bottom: 1px solid var(--white);
|
|
cursor: pointer
|
|
}
|
|
|
|
.headerTitle_e4cb9a:hover .backButton_e4cb9a {
|
|
color: var(--white)
|
|
}
|
|
|
|
.headerText_e4cb9a {
|
|
flex-shrink: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.menuIcon_e4cb9a {
|
|
cursor: pointer
|
|
}
|
|
|
|
.keyboard-mode .videoControls_e4cb9a {
|
|
opacity: 1
|
|
}
|
|
|
|
.art_c6e099 {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
margin-bottom: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.art_c6e099.small_c6e099 {
|
|
display: none
|
|
}
|
|
|
|
.art_c6e099.medium_c6e099 {
|
|
height: 88px
|
|
}
|
|
|
|
.art_c6e099.large_c6e099 {
|
|
height: 134px
|
|
}
|
|
|
|
.header_c6e099 {
|
|
color: var(--white);
|
|
margin-bottom: 4px;
|
|
text-align: center
|
|
}
|
|
|
|
.errorCodeMessage_c6e099 {
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.description_c6e099 {
|
|
color: var(--primary-200);
|
|
text-align: center
|
|
}
|
|
|
|
.description_c6e099 a {
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.description_c6e099 p {
|
|
margin: 0
|
|
}
|
|
|
|
.outerButton_c6e099 {
|
|
margin-top: 16px;
|
|
z-index: 1
|
|
}
|
|
|
|
.root_e605a1 {
|
|
background-color: var(--opacity-black-60);
|
|
bottom: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
pointer-events: none
|
|
}
|
|
|
|
.popIn_c7da74 {
|
|
transform: rotate(-180deg)
|
|
}
|
|
|
|
.participantsButton__211d1 {
|
|
background: var(--primary-630);
|
|
border-radius: 48px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
padding: 4px
|
|
}
|
|
|
|
.participantsButton__211d1:hover {
|
|
background: var(--primary-700)
|
|
}
|
|
|
|
.rightCaret__211d1 {
|
|
transform: rotate(-90deg)
|
|
}
|
|
|
|
.leftCaret__211d1 {
|
|
transform: rotate(90deg)
|
|
}
|
|
|
|
.upCaret__211d1 {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.downCaret__211d1 {
|
|
transform: rotate(0deg)
|
|
}
|
|
|
|
.members__211d1 {
|
|
margin-inline-end:4px}
|
|
|
|
.iconContainer__211d1 {
|
|
display: flex
|
|
}
|
|
|
|
.iconContainer__211d1>svg {
|
|
color: var(--white)
|
|
}
|
|
|
|
.fauxDisabled__666fa {
|
|
opacity: .5
|
|
}
|
|
|
|
.enable-forced-colors .fauxDisabled__666fa {
|
|
opacity: 1
|
|
}
|
|
|
|
.container__183c2 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.icon__183c2 {
|
|
color: var(--text-muted);
|
|
flex: 0 0 auto;
|
|
height: 20px;
|
|
margin-inline:-2px calc(var(--space-8) - 2px);width: 20px
|
|
}
|
|
|
|
.size56__183c2 .avatarContainer__183c2 {
|
|
height: 56px;
|
|
width: 56px
|
|
}
|
|
|
|
.size56__183c2 .avatarContainerMasked__183c2 {
|
|
height: 56px;
|
|
margin-inline-end:-14px;width: 56px
|
|
}
|
|
|
|
.size56__183c2 .clickableAvatar__183c2,.size56__183c2 .emptyUser__183c2 {
|
|
height: 56px;
|
|
width: 56px
|
|
}
|
|
|
|
.size32__183c2 .avatarContainer__183c2 {
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.size32__183c2 .avatarContainerMasked__183c2 {
|
|
height: 32px;
|
|
margin-inline-end:-8px;width: 32px
|
|
}
|
|
|
|
.size32__183c2 .clickableAvatar__183c2,.size32__183c2 .emptyUser__183c2 {
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.size24__183c2 .avatarContainer__183c2 {
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.size24__183c2 .avatarContainerMasked__183c2 {
|
|
height: 24px;
|
|
margin-inline-end:-6px;width: 24px
|
|
}
|
|
|
|
.size24__183c2 .clickableAvatar__183c2,.size24__183c2 .emptyUser__183c2 {
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.size16__183c2 .avatarContainer__183c2 {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.size16__183c2 .avatarContainerMasked__183c2 {
|
|
height: 16px;
|
|
margin-inline-end:-3px;width: 16px
|
|
}
|
|
|
|
.size16__183c2 .clickableAvatar__183c2,.size16__183c2 .emptyUser__183c2 {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.clickableAvatar__183c2 {
|
|
border-radius: 50%;
|
|
cursor: pointer
|
|
}
|
|
|
|
.emptyUser__183c2 {
|
|
background: var(--background-mod-muted);
|
|
border-radius: 50%
|
|
}
|
|
|
|
.emptyUserDimmed__183c2 {
|
|
background: var(--background-scrim)
|
|
}
|
|
|
|
.avatarWithBackground__183c2 {
|
|
align-items: center;
|
|
background-color: var(--opacity-black-52);
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative
|
|
}
|
|
|
|
.avatar__183c2,.avatarWithBackground__183c2 {
|
|
border-radius: 50%;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.moreUsers__183c2 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lowest);
|
|
box-sizing: border-box;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
font-weight: var(--font-weight-semibold);
|
|
justify-content: center;
|
|
line-height: 1;
|
|
text-align: center
|
|
}
|
|
|
|
.moreUsers__183c2.moreUsersDimmed__183c2 {
|
|
background-color: var(--background-scrim)
|
|
}
|
|
|
|
.size56__183c2 .moreUsers__183c2 {
|
|
border-radius: 28px;
|
|
font-size: 24px;
|
|
height: 56px;
|
|
min-width: 56px;
|
|
padding: 0 8px
|
|
}
|
|
|
|
.size32__183c2 .moreUsers__183c2 {
|
|
border-radius: 16px;
|
|
font-size: 12px;
|
|
height: 32px;
|
|
min-width: 32px;
|
|
padding: 0 8px
|
|
}
|
|
|
|
.size24__183c2 .moreUsers__183c2 {
|
|
border-radius: 12px;
|
|
font-size: 12px;
|
|
height: 24px;
|
|
min-width: 24px;
|
|
padding: 0 8px
|
|
}
|
|
|
|
.size16__183c2 .moreUsers__183c2 {
|
|
border-radius: 8px;
|
|
font-size: 10px;
|
|
height: 16px;
|
|
min-width: 16px;
|
|
padding: 0 4px
|
|
}
|
|
|
|
.arrowIcon_f41a99 {
|
|
height: 24px;
|
|
transform: rotate(270deg);
|
|
width: 24px
|
|
}
|
|
|
|
.arrowIconExpanded_f41a99 {
|
|
transform: rotate(1turn)
|
|
}
|
|
|
|
.rightPipIcon_f41a99 {
|
|
margin-inline-start:16px}
|
|
|
|
.leftPipIcon_f41a99 {
|
|
margin-inline-end:16px}
|
|
|
|
.participantsButton_f41a99 {
|
|
inset-inline-end: 16px;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%)
|
|
}
|
|
|
|
.pipHeader_f41a99 {
|
|
height: 12px;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 2
|
|
}
|
|
|
|
.pipHeaderContent_f41a99 {
|
|
align-items: center;
|
|
background-color: var(--black);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
height: 12px;
|
|
justify-content: space-between;
|
|
max-width: 100%;
|
|
padding: 0 8px;
|
|
position: absolute
|
|
}
|
|
|
|
.full-motion .pipHeaderContent_f41a99 {
|
|
transition: all .2s ease-in-out
|
|
}
|
|
|
|
.pipHeaderContentOpen_f41a99 {
|
|
background: linear-gradient(var(--black) 0,var(--black) 30%,transparent 100%);
|
|
cursor: pointer;
|
|
height: 40px;
|
|
padding: 8px
|
|
}
|
|
|
|
.pipHeaderButtonsRight_f41a99 {
|
|
display: flex
|
|
}
|
|
|
|
.menuIcon_f41a99 {
|
|
color: #fff
|
|
}
|
|
|
|
.leaveActivityIcon_f41a99 {
|
|
height: 24px;
|
|
margin-inline-start:6px;width: 24px
|
|
}
|
|
|
|
.root_c5bcbe {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.root_c5bcbe.pipMode_c5bcbe {
|
|
transition: height .2s ease-in-out;
|
|
width: 320px
|
|
}
|
|
|
|
.root_c5bcbe.pipModeShort_c5bcbe {
|
|
height: 180px
|
|
}
|
|
|
|
.root_c5bcbe.pipModeTall_c5bcbe {
|
|
height: 410px
|
|
}
|
|
|
|
.root_c5bcbe.hidden_c5bcbe {
|
|
max-height: 0;
|
|
transition: none;
|
|
width: 0
|
|
}
|
|
|
|
.iframe_c5bcbe {
|
|
height: 100%;
|
|
min-height: 2px;
|
|
min-width: 2px;
|
|
width: 100%
|
|
}
|
|
|
|
.iframe_c5bcbe.pipModeShort_c5bcbe {
|
|
height: 180px
|
|
}
|
|
|
|
.iframe_c5bcbe.pipModeTall_c5bcbe {
|
|
height: 410px
|
|
}
|
|
|
|
.pipNonInteractive_c5bcbe {
|
|
pointer-events: none
|
|
}
|
|
|
|
.clickShield_c5bcbe {
|
|
inset: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.multiPIPMode_c5bcbe {
|
|
margin-top: 8px
|
|
}
|
|
|
|
:root {
|
|
--legacy-elevation-low: 0 1px 5px var(--opacity-black-20);
|
|
--legacy-elevation-high: 0 2px 10px 0 var(--opacity-black-8);
|
|
--legacy-elevation-border: 0 0 0 1px hsl(var(--primary-300-hsl)/0.3)
|
|
}
|
|
|
|
.theme-dark {
|
|
--legacy-elevation-low: 0 1px 5px 0 var(--opacity-black-28);
|
|
--legacy-elevation-high: 0 2px 10px 0 var(--opacity-black-20);
|
|
--legacy-elevation-border: 0 0 0 1px hsl(var(--primary-700-hsl)/0.6)
|
|
}
|
|
|
|
.elevationLow__2b2f1 {
|
|
box-shadow: var(--legacy-elevation-low)
|
|
}
|
|
|
|
.elevationHigh__2b2f1 {
|
|
box-shadow: var(--legacy-elevation-high)
|
|
}
|
|
|
|
.elevationBorderLow__2b2f1 {
|
|
box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-low)
|
|
}
|
|
|
|
.darkElevationBorderHigh__2b2f1 {
|
|
box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-high)
|
|
}
|
|
|
|
.lightElevationLow__2b2f1 {
|
|
box-shadow: var(--legacy-elevation-low)
|
|
}
|
|
|
|
.lightElevationHigh__2b2f1 {
|
|
box-shadow: var(--legacy-elevation-high)
|
|
}
|
|
|
|
.lightElevationBorderLow__2b2f1 {
|
|
box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-low)
|
|
}
|
|
|
|
.elevationBorderHigh__2b2f1,.elevationBorderLow__2b2f1,.elevationHigh__2b2f1,.elevationLow__2b2f1,.lightElevationBorderHigh__2b2f1 {
|
|
box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-high)
|
|
}
|
|
|
|
.closeButton__47998 {
|
|
inset-inline-end: 14px;
|
|
position: absolute;
|
|
top: 14px
|
|
}
|
|
|
|
.art__47998 {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: contain
|
|
}
|
|
|
|
.description__47998 {
|
|
line-height: 1.44;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.conflictButton__47998 {
|
|
background-color: var(--background-base-lower);
|
|
border: 1px solid;
|
|
height: 100px;
|
|
justify-content: flex-start;
|
|
padding: 20px;
|
|
width: 100%
|
|
}
|
|
|
|
.linkButtonSize__47998 {
|
|
height: 38px;
|
|
width: auto
|
|
}
|
|
|
|
.linkButton__47998 {
|
|
padding: 0
|
|
}
|
|
|
|
.linkButton__47998:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.retryButton__47998 {
|
|
margin-inline-end:8px}
|
|
|
|
.conflictButtonInner__47998 {
|
|
align-items: center;
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
|
|
.title__47998 {
|
|
color: var(--primary-300);
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-bold);
|
|
letter-spacing: .5px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.buttonBody__47998 {
|
|
color: var(--text-default);
|
|
font-size: 16px;
|
|
line-height: 1.25;
|
|
text-align: start
|
|
}
|
|
|
|
.timestamp__47998 {
|
|
font-weight: var(--font-weight-bold)
|
|
}
|
|
|
|
.choiceWrapper__47998 {
|
|
margin-bottom: 20px;
|
|
margin-top: 20px
|
|
}
|
|
|
|
.choiceLine__47998 {
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
.choiceTitle__47998 {
|
|
margin: 0 8px
|
|
}
|
|
|
|
.conflictTitle__47998 {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.conflictArt__47998 {
|
|
height: 60px;
|
|
margin-inline-end:20px;width: 60px
|
|
}
|
|
|
|
.conflictDownloadArt__47998,.conflictUploadArt__47998 {
|
|
}
|
|
|
|
.errorArt__47998 {
|
|
height: 123px;
|
|
margin-bottom: 40px;
|
|
margin-top: 20px;
|
|
width: 220px
|
|
}
|
|
|
|
.theme-dark .conflictButton__47998 {
|
|
border-color: var(--primary-700)
|
|
}
|
|
|
|
.theme-dark .conflictButton__47998:hover {
|
|
background-color: var(--primary-500)
|
|
}
|
|
|
|
.theme-dark .choiceLine__47998 {
|
|
background-color: hsl(var(--primary-500-hsl)/.6)
|
|
}
|
|
|
|
.theme-light .conflictButton__47998 {
|
|
border-color: hsl(var(--primary-200-hsl)/.6)
|
|
}
|
|
|
|
.theme-light .conflictButton__47998:hover {
|
|
background-color: hsl(var(--primary-200-hsl)/.3);
|
|
border-color: hsl(var(--primary-300-hsl)/.6)
|
|
}
|
|
|
|
.theme-light .choiceLine__47998 {
|
|
background-color: hsl(var(--primary-200-hsl)/.6)
|
|
}
|
|
|
|
.modal__47998 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.images-light .conflictUploadArt__47998 {
|
|
background-image: url(/assets/c48922675fa3fdb4.svg)
|
|
}
|
|
|
|
.images-light .conflictDownloadArt__47998 {
|
|
background-image: url(/assets/7eb5ad9165537ef6.svg)
|
|
}
|
|
|
|
.images-light .errorArt__47998 {
|
|
background-image: url(/assets/eaf420114113c0bc.svg)
|
|
}
|
|
|
|
.images-dark .conflictUploadArt__47998 {
|
|
background-image: url(/assets/c9d06b948b249c3a.svg)
|
|
}
|
|
|
|
.images-dark .conflictDownloadArt__47998 {
|
|
background-image: url(/assets/cc1962559d37a6d1.svg)
|
|
}
|
|
|
|
.images-dark .errorArt__47998 {
|
|
background-image: url(/assets/49e200b52c0a66ab.svg)
|
|
}
|
|
|
|
@supports (grid-template-columns: subgrid) and (white-space-collapse:collapse) {
|
|
.bar_c38106 {
|
|
grid-area:titleBar
|
|
}
|
|
}
|
|
|
|
.bar_c38106 {
|
|
align-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-8);
|
|
justify-content: space-between;
|
|
min-height: var(--custom-app-top-bar-height);
|
|
padding-inline-end:var(--space-12);position: relative;
|
|
-webkit-app-region: drag
|
|
}
|
|
|
|
.platform-osx .bar_c38106 {
|
|
padding-inline-start:calc(100/var(--custom-zoom, 100)*(var(--custom-guild-list-width) + var(--space-md)))}
|
|
|
|
.platform-win .bar_c38106 {
|
|
padding-inline-end: 0
|
|
}
|
|
|
|
.systemBar_c38106 {
|
|
display: none;
|
|
justify-content: flex-end;
|
|
z-index: 999999
|
|
}
|
|
|
|
.show_c38106 {
|
|
display: flex
|
|
}
|
|
|
|
.fixed_c38106 {
|
|
position: fixed;
|
|
top: 0;
|
|
inset-inline: 0 var(--devtools-sidebar-width)
|
|
}
|
|
|
|
.title_c38106 {
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.leading_c38106,.title_c38106 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.leading_c38106 {
|
|
box-sizing: border-box;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.leading_c38106,.trailing_c38106 {
|
|
gap: var(--space-12);
|
|
position: relative;
|
|
z-index: 1;
|
|
-webkit-app-region: no-drag
|
|
}
|
|
|
|
.trailing_c38106,.winButtons_c38106 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.winButtons_c38106 {
|
|
color: var(--interactive-text-default);
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.winButtonsWithDivider_c38106:before {
|
|
border-inline-start:1px solid var(--border-subtle);content: "";
|
|
display: block;
|
|
height: calc(var(--custom-app-top-bar-height) - var(--space-12));
|
|
margin-inline:var(--space-4)}
|
|
|
|
.winButton_c38106 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: var(--custom-app-top-bar-height);
|
|
justify-content: center;
|
|
width: var(--custom-app-top-bar-height)
|
|
}
|
|
|
|
.winButtonMinMax_c38106:hover {
|
|
background-color: var(--interactive-background-hover);
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.winButtonMinMax_c38106:active {
|
|
background-color: var(--interactive-background-active);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.winButtonClose_c38106 {
|
|
}
|
|
|
|
.winButtonClose_c38106:hover {
|
|
background-color: var(--control-critical-primary-background-default);
|
|
color: var(--control-critical-primary-icon-default)
|
|
}
|
|
|
|
.clouds__51c01 {
|
|
bottom: 0;
|
|
top: 0;
|
|
inset-inline: 0
|
|
}
|
|
|
|
.cloud__51c01,.clouds__51c01 {
|
|
position: absolute
|
|
}
|
|
|
|
.cloud__51c01 {
|
|
opacity: 0;
|
|
transform: scale(.5)
|
|
}
|
|
|
|
.full-motion .cloud__51c01 {
|
|
animation: cloud__51c01 210s linear infinite
|
|
}
|
|
|
|
@keyframes cloud__51c01 {
|
|
0% {
|
|
inset-inline-start: 480px;
|
|
opacity: 0;
|
|
transform: translate(0) scale(.85)
|
|
}
|
|
|
|
15% {
|
|
opacity: 1
|
|
}
|
|
|
|
35% {
|
|
opacity: .65
|
|
}
|
|
|
|
50% {
|
|
opacity: .85;
|
|
transform: translateY(32px)
|
|
}
|
|
|
|
70% {
|
|
opacity: .75
|
|
}
|
|
|
|
85% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
inset-inline-start: 1220px;
|
|
opacity: 0;
|
|
transform: translateY(24px) scale(.75)
|
|
}
|
|
}
|
|
|
|
.wrapper__49d3a {
|
|
position: absolute
|
|
}
|
|
|
|
.wrapper__49d3a:hover .vingette__49d3a {
|
|
opacity: 50%
|
|
}
|
|
|
|
.character__49d3a {
|
|
--custom-haven-participant-actions-offset-top: 80px;
|
|
--custom-haven-avatar-offset: 48px;
|
|
cursor: pointer;
|
|
pointer-events: all;
|
|
position: absolute
|
|
}
|
|
|
|
.character__49d3a.flip__49d3a {
|
|
transform: scaleX(-1)
|
|
}
|
|
|
|
.vingette__49d3a {
|
|
background: radial-gradient(#fff,transparent);
|
|
background-repeat: no-repeat;
|
|
border-radius: 30%;
|
|
filter: blur(8px);
|
|
inset-inline-start: -15%;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: -15%;
|
|
transition: opacity .15s linear
|
|
}
|
|
|
|
.participant__0e7cc {
|
|
pointer-events: none
|
|
}
|
|
|
|
.participant__0e7cc.hovering__0e7cc .actions__0e7cc,.participant__0e7cc:hover .actions__0e7cc {
|
|
opacity: 1;
|
|
pointer-events: all
|
|
}
|
|
|
|
.avatar__0e7cc {
|
|
--custom-haven-participant-actions-offset-top: 80px;
|
|
--custom-haven-avatar-offset: 48px;
|
|
cursor: pointer;
|
|
pointer-events: all;
|
|
position: absolute
|
|
}
|
|
|
|
.seat__68e91 {
|
|
--custom-haven-seat-width: 180px;
|
|
position: absolute;
|
|
width: var(--custom-haven-seat-width)
|
|
}
|
|
|
|
.seat__68e91:not(.claimed__68e91) {
|
|
cursor: pointer
|
|
}
|
|
|
|
.seatWrapper__68e91 {
|
|
inset-inline-start: 15%;
|
|
position: absolute
|
|
}
|
|
|
|
.image__68e91 {
|
|
--custom-outline-width: 2px;
|
|
--custom-negative-outline-width: calc(var(--custom-outline-width)*-1);
|
|
filter: drop-shadow(var(--custom-outline-width) 0 0 transparent) drop-shadow(var(--custom-negative-outline-width) 0 0 transparent) drop-shadow(0 var(--custom-outline-width) 0 transparent) drop-shadow(0 var(--custom-negative-outline-width) 0 transparent);
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
will-change: filter
|
|
}
|
|
|
|
.image__68e91:not(.shadow__68e91) {
|
|
animation: nux__68e91 1.5s ease
|
|
}
|
|
|
|
.image__68e91.noAnimation__68e91 {
|
|
animation: none
|
|
}
|
|
|
|
.image__68e91.shadow__68e91 {
|
|
bottom: 0;
|
|
pointer-events: none
|
|
}
|
|
|
|
.image__68e91:hover {
|
|
filter: drop-shadow(var(--custom-outline-width) 0 0 white) drop-shadow(var(--custom-negative-outline-width) 0 0 white) drop-shadow(0 var(--custom-outline-width) 0 white) drop-shadow(0 var(--custom-negative-outline-width) 0 white)
|
|
}
|
|
|
|
.image__68e91.claimed__68e91:hover,.image__68e91.shadow__68e91:hover {
|
|
filter: drop-shadow(var(--custom-outline-width) 0 0 transparent) drop-shadow(var(--custom-negative-outline-width) 0 0 transparent) drop-shadow(0 var(--custom-outline-width) 0 transparent) drop-shadow(0 var(--custom-negative-outline-width) 0 transparent)
|
|
}
|
|
|
|
.pulse__68e91 {
|
|
opacity: 1;
|
|
transition: opacity .2s ease;
|
|
width: var(--custom-haven-seat-width)
|
|
}
|
|
|
|
.pulse__68e91.idle__68e91,.pulse__68e91.occupied__68e91 {
|
|
opacity: 0
|
|
}
|
|
|
|
@keyframes nux__68e91 {
|
|
0%,to {
|
|
filter: drop-shadow(var(--custom-outline-width) 0 0 transparent) drop-shadow(var(--custom-negative-outline-width) 0 0 transparent) drop-shadow(0 var(--custom-outline-width) 0 transparent) drop-shadow(0 var(--custom-negative-outline-width) 0 transparent)
|
|
}
|
|
|
|
50% {
|
|
filter: drop-shadow(var(--custom-outline-width) 0 0 white) drop-shadow(var(--custom-negative-outline-width) 0 0 white) drop-shadow(0 var(--custom-outline-width) 0 white) drop-shadow(0 var(--custom-negative-outline-width) 0 white)
|
|
}
|
|
}
|
|
|
|
.star_a54554 {
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.row__5adc3 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px
|
|
}
|
|
|
|
.havenWrapper__5adc3 {
|
|
background: #0c1f26;
|
|
border-radius: 12px;
|
|
height: calc(100vh - var(--custom-app-top-bar-height) - 128px);
|
|
margin: 48px 48px 0;
|
|
opacity: 1;
|
|
overflow: hidden;
|
|
position: relative;
|
|
transform: scale(1);
|
|
width: 100%;
|
|
z-index: 0
|
|
}
|
|
|
|
.haven__5adc3 {
|
|
--custom-haven-seat-width: 120px;
|
|
--custom-haven-seat-height: 40px;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.full-motion .haven__5adc3 {
|
|
transition: transform .15s linear
|
|
}
|
|
|
|
.haven__5adc3.noTransition__5adc3 {
|
|
transition: none
|
|
}
|
|
|
|
.overlay__5adc3 {
|
|
-webkit-backdrop-filter: blur(15px);
|
|
backdrop-filter: blur(15px);
|
|
height: 100%;
|
|
inset: 0;
|
|
pointer-events: all;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .overlay__5adc3 {
|
|
transition: all 2s ease
|
|
}
|
|
|
|
.overlay__5adc3.out__5adc3 {
|
|
-webkit-backdrop-filter: blur(0);
|
|
backdrop-filter: blur(0);
|
|
pointer-events: none
|
|
}
|
|
|
|
.overlay__5adc3.out__5adc3 .welcome__5adc3 {
|
|
opacity: 0;
|
|
transform: scale(.33)
|
|
}
|
|
|
|
.environment__5adc3 {
|
|
height: 1536px;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 2180px
|
|
}
|
|
|
|
.background__5adc3 {
|
|
bottom: 0;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
-webkit-user-drag: none
|
|
}
|
|
|
|
.background__5adc3,.video__5adc3 {
|
|
inset-inline-start: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.video__5adc3 {
|
|
top: 0
|
|
}
|
|
|
|
.noInteract__5adc3 {
|
|
pointer-events: none
|
|
}
|
|
|
|
.bottomActions__5adc3 {
|
|
align-items: flex-end;
|
|
bottom: 20px;
|
|
color: #fff;
|
|
height: 20px;
|
|
inset-inline: 0;
|
|
justify-content: space-between;
|
|
padding: 0 20px;
|
|
position: absolute
|
|
}
|
|
|
|
.welcome__5adc3 {
|
|
height: 400px;
|
|
inset: 0;
|
|
margin: auto;
|
|
max-width: 380px;
|
|
opacity: 1;
|
|
padding: 24px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
text-align: center;
|
|
transform: scale(1);
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
width: 100%;
|
|
-webkit-user-drag: none
|
|
}
|
|
|
|
.full-motion .welcome__5adc3 {
|
|
transition: all 2s ease
|
|
}
|
|
|
|
.hidden__5adc3 {
|
|
opacity: 0;
|
|
pointer-events: none
|
|
}
|
|
|
|
.interactionOverlay__5adc3 {
|
|
inset: 0;
|
|
pointer-events: all;
|
|
position: absolute
|
|
}
|
|
|
|
.havenPipWrapper__3bbd0 {
|
|
background: var(--black);
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
position: relative
|
|
}
|
|
|
|
.havenContainer__3bbd0 {
|
|
border-radius: 0;
|
|
height: 100%;
|
|
margin: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.pictureInPicture__6341f {
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.pictureInPicture__6341f.dragging__6341f {
|
|
cursor: grabbing;
|
|
height: 100%;
|
|
pointer-events: auto;
|
|
width: 100%
|
|
}
|
|
|
|
.pictureInPictureWindow__6341f {
|
|
position: absolute;
|
|
z-index: 1000
|
|
}
|
|
|
|
.borderRadius__6341f {
|
|
border-radius: 8px
|
|
}
|
|
|
|
.hidden__6341f {
|
|
display: none
|
|
}
|
|
|
|
.resizeHandle__6341f {
|
|
height: 20px;
|
|
position: absolute;
|
|
width: 20px
|
|
}
|
|
|
|
.resizeHandleTopRight__6341f {
|
|
bottom: -7px;
|
|
cursor: nesw-resize;
|
|
inset-inline-start: -7px
|
|
}
|
|
|
|
.resizeHandleTopLeft__6341f {
|
|
bottom: -7px;
|
|
cursor: nwse-resize;
|
|
inset-inline-end: -7px
|
|
}
|
|
|
|
.resizeHandleBottomRight__6341f {
|
|
cursor: nwse-resize;
|
|
inset-inline-start: -7px;
|
|
top: -7px
|
|
}
|
|
|
|
.resizeHandleBottomLeft__6341f {
|
|
cursor: nesw-resize;
|
|
inset-inline-end: -7px;
|
|
top: -7px
|
|
}
|
|
|
|
.belowSidebar__6341f {
|
|
z-index: 90!important
|
|
}
|
|
|
|
.canvas_eb6eba {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 10000
|
|
}
|
|
|
|
.errorPage__01b8d {
|
|
width: 100%
|
|
}
|
|
|
|
.debugMode_fa952e {
|
|
background-color: rgba(255,0,0,.25);
|
|
border: 2px solid red
|
|
}
|
|
|
|
.clickable_fa952e {
|
|
pointer-events: auto
|
|
}
|
|
|
|
.dismissButton_dd40b0 {
|
|
align-items: center;
|
|
background-color: var(--background-base-low);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 16px;
|
|
box-shadow: var(--shadow-border) var(--shadow-high);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 24px;
|
|
inset-inline-end: -8px;
|
|
justify-content: center;
|
|
line-height: 0;
|
|
position: absolute;
|
|
top: -8px;
|
|
visibility: hidden;
|
|
width: 24px
|
|
}
|
|
|
|
.dismissButton_dd40b0 .dismissIcon_dd40b0 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.dismissButton_dd40b0:hover {
|
|
background-color: var(--background-surface-high)
|
|
}
|
|
|
|
.dismissButton_dd40b0:hover .dismissIcon_dd40b0 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.dismissButton_dd40b0:hover,.container:hover .dismissButton_dd40b0 {
|
|
visibility: visible
|
|
}
|
|
|
|
.animationWrapper_e8d31f {
|
|
background-color: rgba(19,19,24,.95);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: var(--shadow-border) var(--shadow-high);
|
|
position: absolute;
|
|
transform-origin: 50% 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.clickZone_e8d31f {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.animationWrapper_e8d31f.clickable_e8d31f:hover {
|
|
background-color: rgba(28,29,35,.95)
|
|
}
|
|
|
|
.overflowWrapper_e8d31f {
|
|
border-radius: var(--radius-sm);
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.container_e8d31f {
|
|
box-sizing: border-box;
|
|
padding: 8px;
|
|
position: relative;
|
|
width: var(--custom-notification-container-width)
|
|
}
|
|
|
|
.container_e8d31f:after {
|
|
bottom: -8px;
|
|
content: "";
|
|
display: block;
|
|
height: 8px;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.iconAndDetails_e8d31f {
|
|
align-items: top;
|
|
display: flex
|
|
}
|
|
|
|
.details_e8d31f,.footer_e8d31f {
|
|
display: flex
|
|
}
|
|
|
|
.details_e8d31f {
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
overflow: hidden
|
|
}
|
|
|
|
.hint_e8d31f {
|
|
margin-top: var(--space-4)
|
|
}
|
|
|
|
.clickable_e8d31f {
|
|
cursor: pointer
|
|
}
|
|
|
|
.animationWrapper_e8d31f:hover .dismissButton_e8d31f,.dismissButton_e8d31f:hover {
|
|
visibility: visible
|
|
}
|
|
|
|
.buttonContainer_e8d31f {
|
|
display: flex;
|
|
margin-top: var(--space-8)
|
|
}
|
|
|
|
.button_e8d31f {
|
|
max-width: calc(50% - var(--space-4))
|
|
}
|
|
|
|
.button_e8d31f+.button_e8d31f {
|
|
margin-inline-start:var(--space-8)}
|
|
|
|
.avatar_e8d31f {
|
|
align-items: center;
|
|
border-radius: 2px;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
justify-content: center;
|
|
margin-inline-end:var(--space-12)}
|
|
|
|
.avatar_e8d31f,.icon_e8d31f {
|
|
height: 40px;
|
|
width: 40px
|
|
}
|
|
|
|
.icon_e8d31f {
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.errorNotificationContainer_e13eda {
|
|
background-color: rgba(19,19,24,.95);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: var(--shadow-border) var(--shadow-high);
|
|
position: relative!important
|
|
}
|
|
|
|
.errorNotificationWrapper_e13eda {
|
|
height: auto;
|
|
position: relative;
|
|
top: auto;
|
|
inset-inline: auto;
|
|
bottom: auto;
|
|
display: block;
|
|
margin-top: 24px;
|
|
margin-inline-start:24px;width: 300px
|
|
}
|
|
|
|
.errorClickNotification_e13eda {
|
|
width: 300px
|
|
}
|
|
|
|
.stackTraceCode_e13eda {
|
|
font-family: var(--font-code)
|
|
}
|
|
|
|
.code_e13eda {
|
|
padding: 15px;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.notificationIcon_e13eda {
|
|
fill: var(--white)
|
|
}
|
|
|
|
.popout__0bd4a {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100vh
|
|
}
|
|
|
|
.content__0bd4a {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
justify-content: center;
|
|
min-height: 0;
|
|
position: relative;
|
|
--custom-chat-input-margin-bottom: var(--space-xs)
|
|
}
|
|
|
|
.titleBar__0bd4a {
|
|
background: var(--background-gradient-app-frame,var(--background-base-lowest))
|
|
}
|
|
|
|
@keyframes pulse__7135b {
|
|
0% {
|
|
border-color: hsla(0,0%,100%,0)
|
|
}
|
|
|
|
25% {
|
|
border-color: hsla(0,0%,100%,.16)
|
|
}
|
|
|
|
50%,to {
|
|
border-color: hsla(0,0%,100%,0)
|
|
}
|
|
}
|
|
|
|
@keyframes darkerPulse__7135b {
|
|
0% {
|
|
border-color: hsla(0,0%,100%,0)
|
|
}
|
|
|
|
25% {
|
|
border-color: hsla(0,0%,100%,.32)
|
|
}
|
|
|
|
50%,to {
|
|
border-color: hsla(0,0%,100%,0)
|
|
}
|
|
}
|
|
|
|
.innerContainer__7135b {
|
|
border: 20px solid hsla(0,0%,100%,0);
|
|
border-radius: 50%
|
|
}
|
|
|
|
.app-focused .innerContainer__7135b {
|
|
animation: darkerPulse__7135b 2s linear infinite;
|
|
animation-timing-function: cubic-bezier(.4,0,1,1)
|
|
}
|
|
|
|
.outerContainer__7135b {
|
|
border: 20px solid hsla(0,0%,100%,0);
|
|
border-radius: 50%
|
|
}
|
|
|
|
.app-focused .outerContainer__7135b {
|
|
animation: pulse__7135b 2s linear infinite;
|
|
animation-delay: .2s;
|
|
animation-timing-function: cubic-bezier(.4,0,1,1)
|
|
}
|
|
|
|
.background_fb62e2 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
height: 100%;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 0
|
|
}
|
|
|
|
.background_fb62e2:before {
|
|
background: inherit;
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
z-index: -1
|
|
}
|
|
|
|
.avatarWrapper_fb62e2 {
|
|
border-radius: 50%
|
|
}
|
|
|
|
.user-profile-video-tile-background.background_fb62e2 {
|
|
background: linear-gradient(color-mix(in oklab,var(--profile-gradient-primary-color) 20%,var(--profile-gradient-modal-background-color)),color-mix(in oklab,var(--profile-gradient-secondary-color) 60%,var(--profile-gradient-modal-background-color)) 100%)
|
|
}
|
|
|
|
.button_fbcaba {
|
|
line-height: 0
|
|
}
|
|
|
|
.badgeUpgrade_fbcaba {
|
|
bottom: 2px;
|
|
color: var(--brand-500);
|
|
inset-inline-end: 2px;
|
|
position: absolute
|
|
}
|
|
|
|
.mirror__948a4 {
|
|
transform: scaleX(-1)
|
|
}
|
|
|
|
.video__948a4 {
|
|
background-color: var(--black);
|
|
position: relative
|
|
}
|
|
|
|
.media__948a4,.video__948a4 {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.media__948a4 {
|
|
-o-object-fit: contain;
|
|
object-fit: contain
|
|
}
|
|
|
|
.container__29209 {
|
|
align-items: center;
|
|
background: radial-gradient(100% 100% at 50% 100%,var(--modal-background) 60%,var(--transparent) 100%),linear-gradient(270deg,var(--expressive-gradient-purple-start) 0,var(--expressive-gradient-purple-end) 100%);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
height: 100%;
|
|
justify-content: center;
|
|
padding: var(--space-4);
|
|
width: 100%
|
|
}
|
|
|
|
.content__29209,.cta__29209 {
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.cta__29209 {
|
|
display: inline-block
|
|
}
|
|
|
|
.cta__29209>button {
|
|
display: block;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.artContainer__29209 {
|
|
padding-bottom: var(--space-48);
|
|
width: 100%
|
|
}
|
|
|
|
.artContainer__29209.small__29209 {
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.art__29209 {
|
|
background-image: url(/assets/422703837071ae97.svg);
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
height: 185px;
|
|
width: 100%
|
|
}
|
|
|
|
.art__29209.small__29209 {
|
|
display: none
|
|
}
|
|
|
|
.art__29209.medium__29209 {
|
|
height: 134px
|
|
}
|
|
|
|
.art__29209.large__29209 {
|
|
height: 185px
|
|
}
|
|
|
|
.header__29209 {
|
|
color: var(--text-strong);
|
|
margin-bottom: var(--space-24);
|
|
text-align: center
|
|
}
|
|
|
|
.content_c30e20 {
|
|
align-items: center;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
overflow: hidden
|
|
}
|
|
|
|
.streamHidden_c30e20 {
|
|
background: var(--primary-700);
|
|
flex-direction: column
|
|
}
|
|
|
|
.streamHiddenEmptyState_c30e20 {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.streamHiddenCTA_c30e20 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.largePaddingTop_c30e20 {
|
|
padding-top: 8px
|
|
}
|
|
|
|
.cta_c30e20 {
|
|
z-index: 1
|
|
}
|
|
|
|
.addCta_c30e20 {
|
|
margin-inline-start:8px}
|
|
|
|
.content__02686 {
|
|
align-items: center;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
overflow: hidden
|
|
}
|
|
|
|
.streamHidden__02686 {
|
|
background: var(--primary-700);
|
|
flex-direction: column
|
|
}
|
|
|
|
.streamHiddenEmptyState__02686 {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.streamHiddenCTA__02686 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.largePaddingTop__02686 {
|
|
padding-top: 8px
|
|
}
|
|
|
|
.addStreamIcon__02686 {
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.addCTA__02686 {
|
|
margin-inline-start:8px;padding: 8px
|
|
}
|
|
|
|
.leftTrayIcon__2cdb8 {
|
|
margin-inline-end:16px}
|
|
|
|
.rightTrayIcon__2cdb8 {
|
|
margin-inline-start:16px}
|
|
|
|
.embedTarget__2cdb8 {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.embedTargetHidden__2cdb8 {
|
|
height: 0;
|
|
visibility: hidden;
|
|
width: 0
|
|
}
|
|
|
|
.participantName__2cdb8 {
|
|
margin-inline-start:8px}
|
|
|
|
.videoControls__2cdb8 {
|
|
background: none
|
|
}
|
|
|
|
.loading__6ef4d {
|
|
background: var(--background-base-lower);
|
|
color: var(--text-default);
|
|
height: 100vh;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.container__5b927 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 3px;
|
|
bottom: 0;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
font-family: var(--font-code);
|
|
font-size: 10px;
|
|
inset-inline-end: 0;
|
|
margin: 8px;
|
|
min-height: 5em;
|
|
padding: 8px;
|
|
pointer-events: all;
|
|
position: absolute;
|
|
white-space: pre;
|
|
width: 320px;
|
|
z-index: 1001
|
|
}
|
|
|
|
.containerMinimized__5b927 {
|
|
min-height: auto;
|
|
width: auto
|
|
}
|
|
|
|
.content__5b927 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 5em
|
|
}
|
|
|
|
.contentMinimized__5b927 {
|
|
display: none
|
|
}
|
|
|
|
.notTracked__5b927 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.label__5b927 {
|
|
display: flex
|
|
}
|
|
|
|
.baseIcon__5b927 {
|
|
height: 12px;
|
|
width: 12px
|
|
}
|
|
|
|
.iconNotTracked__5b927 {
|
|
color: var(--primary-300)
|
|
}
|
|
|
|
.iconTracked__5b927 {
|
|
color: var(--status-positive)
|
|
}
|
|
|
|
.minimizeButton__5b927 {
|
|
cursor: pointer;
|
|
inset-inline-end: 0;
|
|
padding: 8px;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.jsonSection__5b927 {
|
|
margin-inline-start:8px;margin-bottom: 8px;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.stack__5b927 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.current__5b927,.stack__5b927 {
|
|
}
|
|
|
|
.current__5b927 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
@keyframes outgoing-call-pulse_f910d0 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scaleX(1)
|
|
}
|
|
|
|
11.56% {
|
|
opacity: 1
|
|
}
|
|
|
|
39.02% {
|
|
opacity: 0;
|
|
transform: scale3d(1.1,1.1,1)
|
|
}
|
|
|
|
39.03% {
|
|
transform: scaleX(1)
|
|
}
|
|
|
|
39.04% {
|
|
opacity: 1
|
|
}
|
|
|
|
66.48% {
|
|
opacity: 0;
|
|
transform: scale3d(1.1,1.1,1)
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: scaleX(1)
|
|
}
|
|
}
|
|
|
|
@keyframes incoming-call-pulse_f910d0 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scaleX(1)
|
|
}
|
|
|
|
0.7% {
|
|
opacity: 1
|
|
}
|
|
|
|
25.54% {
|
|
opacity: 0;
|
|
transform: scale3d(1.1,1.1,1)
|
|
}
|
|
|
|
25.55% {
|
|
transform: scaleX(1)
|
|
}
|
|
|
|
25.56% {
|
|
opacity: 1
|
|
}
|
|
|
|
49.98% {
|
|
opacity: 0;
|
|
transform: scale3d(1.1,1.1,1)
|
|
}
|
|
|
|
49.99% {
|
|
transform: scaleX(1)
|
|
}
|
|
|
|
50% {
|
|
opacity: 1
|
|
}
|
|
|
|
74.69% {
|
|
opacity: 0;
|
|
transform: scale3d(1.1,1.1,1)
|
|
}
|
|
|
|
74.70% {
|
|
transform: scaleX(1)
|
|
}
|
|
|
|
74.71% {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
transform: scale3d(1.1,1.1,1)
|
|
}
|
|
}
|
|
|
|
.clickable_f910d0 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.wrapper_f910d0 {
|
|
position: relative
|
|
}
|
|
|
|
.wrapper_f910d0.ringingOutgoing_f910d0:after {
|
|
animation: outgoing-call-pulse_f910d0 var(--custom-call-avatar-outgoing-duration) infinite ease-out;
|
|
background: transparent;
|
|
border: 3px solid var(--interactive-text-active);
|
|
border-radius: 100%;
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: -3px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: -3px;
|
|
transform-origin: center;
|
|
width: 100%
|
|
}
|
|
|
|
.wrapper_f910d0.small_f910d0.ringingOutgoing_f910d0:after {
|
|
border: 1px solid var(--interactive-text-active);
|
|
inset-inline-start: -1px;
|
|
top: -1px
|
|
}
|
|
|
|
.wrapper_f910d0.ringingIncoming_f910d0:after {
|
|
animation: incoming-call-pulse_f910d0 var(--custom-call-avatar-incoming-duration) infinite ease-out;
|
|
background: transparent;
|
|
border: 3px solid var(--interactive-text-active);
|
|
border-radius: 100%;
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: -3px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: -3px;
|
|
transform-origin: center;
|
|
width: 100%
|
|
}
|
|
|
|
.statusContainer_f910d0 {
|
|
background-color: var(--red-400);
|
|
border-radius: 50%;
|
|
bottom: 0;
|
|
inset-inline-end: 0;
|
|
padding: 4px;
|
|
position: absolute
|
|
}
|
|
|
|
.status_f910d0,.statusContainer_f910d0 {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.voiceAvatar_f910d0 {
|
|
border-radius: 50%;
|
|
height: 100%;
|
|
position: inherit;
|
|
width: 100%
|
|
}
|
|
|
|
.voiceAvatar_f910d0.ringingOutgoing_f910d0 {
|
|
opacity: .3
|
|
}
|
|
|
|
.border_f910d0 {
|
|
border-radius: 50%;
|
|
inset: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.app-focused .border_f910d0 {
|
|
transition: box-shadow .1s ease-out
|
|
}
|
|
|
|
.overlay_f910d0 {
|
|
align-items: center;
|
|
background-color: var(--opacity-black-60);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
height: 100%;
|
|
inset: 0;
|
|
justify-content: center;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.overlayIcon_f910d0 {
|
|
color: var(--white);
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.callAvatarMask_f910d0 {
|
|
overflow: visible;
|
|
position: relative
|
|
}
|
|
|
|
.callAvatarMaskContainer_f910d0 {
|
|
height: 100%;
|
|
position: relative
|
|
}
|
|
|
|
.root__2dbe1 {
|
|
align-items: center;
|
|
background: var(--background-surface-high);
|
|
border-radius: 8px;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 232px;
|
|
padding: 16px;
|
|
position: relative
|
|
}
|
|
|
|
.root__2dbe1.previewCamera__2dbe1 {
|
|
flex-direction: column-reverse;
|
|
overflow: hidden
|
|
}
|
|
|
|
.previewRoot__2dbe1 {
|
|
align-items: center;
|
|
background: var(--background-mod-normal);
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.preview__2dbe1,.preview__2dbe1:after,.previewRoot__2dbe1 {
|
|
inset: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.preview__2dbe1:after {
|
|
background: linear-gradient(#18191c,transparent 84px,transparent 183px,#18191c);
|
|
content: ""
|
|
}
|
|
|
|
.mainChannelInfo__2dbe1 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 100%
|
|
}
|
|
|
|
.mainChannelInfo__2dbe1 .titleGroup__2dbe1 {
|
|
max-width: 100%
|
|
}
|
|
|
|
.mainChannelInfo__2dbe1 .icon__2dbe1 {
|
|
margin: 16px 0
|
|
}
|
|
|
|
.mainChannelInfo__2dbe1 .subtitle__2dbe1,.mainChannelInfo__2dbe1 .title__2dbe1 {
|
|
text-align: center
|
|
}
|
|
|
|
.mainChannelInfo__2dbe1 .title__2dbe1 {
|
|
flex-shrink: 1;
|
|
margin-bottom: 2px;
|
|
min-width: 0;
|
|
overflow-wrap: break-word
|
|
}
|
|
|
|
.mainChannelInfo__2dbe1 .subtitle__2dbe1 {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.previewChannelHeader__2dbe1 {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
inset-inline-start: 0;
|
|
max-width: 100%;
|
|
padding-inline-start:16px;position: absolute;
|
|
top: 16px
|
|
}
|
|
|
|
.previewChannelHeader__2dbe1 .titleGroup__2dbe1 {
|
|
flex-shrink: 1;
|
|
min-width: 0
|
|
}
|
|
|
|
.previewChannelHeader__2dbe1 .icon__2dbe1 {
|
|
margin-inline-end:16px}
|
|
|
|
.previewChannelHeader__2dbe1 .subtitle__2dbe1,.previewChannelHeader__2dbe1 .title__2dbe1 {
|
|
color: var(--text-strong);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.wrapper__2dbe1 {
|
|
pointer-events: all;
|
|
z-index: 1001
|
|
}
|
|
|
|
.actionButton__2dbe1 {
|
|
line-height: 0
|
|
}
|
|
|
|
.fullRegionDropdownButtonOverride__2dbe1 {
|
|
padding: 0 4px
|
|
}
|
|
|
|
.actions__2dbe1 {
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.previewButton__2dbe1 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.guildIcon__2dbe1 {
|
|
align-items: center;
|
|
background-color: var(--background-base-low);
|
|
color: var(--text-default);
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.mask__2dbe1 {
|
|
display: block
|
|
}
|
|
|
|
.guildAcronym__2dbe1 {
|
|
font-size: 24px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.guildIconWithoutImage__2dbe1 {
|
|
background-color: var(--background-base-low)
|
|
}
|
|
|
|
.container__0bec3 {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 9999
|
|
}
|
|
|
|
.gridOverlay__0bec3 {
|
|
height: 100%;
|
|
width: 100%;
|
|
--custom-grid-line-width: 0.3px;
|
|
--custom-grid-vertical-lines: linear-gradient(to right,var(--custom-grid-line-color) var(--custom-grid-line-width),transparent var(--custom-grid-line-width));
|
|
--custom-grid-horizontal-lines: linear-gradient(to bottom,var(--custom-grid-line-color) var(--custom-grid-line-width),transparent var(--custom-grid-line-width));
|
|
--custom-grid-line-color: var(--border-normal)
|
|
}
|
|
|
|
.gridOverlay__0bec3[data-horizontal=true][data-vertical=true] {
|
|
background-image: var(--custom-grid-horizontal-lines),var(--custom-grid-vertical-lines);
|
|
background-position: 0 var(--custom-grid-vertical-spacing),var(--custom-grid-horizontal-spacing) 0;
|
|
background-size: var(--custom-grid-horizontal-spacing) var(--custom-grid-vertical-spacing)
|
|
}
|
|
|
|
.gridOverlay__0bec3[data-horizontal=true][data-vertical=false] {
|
|
background-image: var(--custom-grid-horizontal-lines);
|
|
background-position: 0 var(--custom-grid-horizontal-spacing),var(--custom-grid-horizontal-spacing) 0;
|
|
background-size: var(--custom-grid-horizontal-spacing) var(--custom-grid-horizontal-spacing)
|
|
}
|
|
|
|
.gridOverlay__0bec3[data-horizontal=false][data-vertical=true] {
|
|
background-image: var(--custom-grid-vertical-lines);
|
|
background-position: 0 var(--custom-grid-vertical-spacing),var(--custom-grid-vertical-spacing) 0;
|
|
background-size: var(--custom-grid-vertical-spacing) var(--custom-grid-vertical-spacing)
|
|
}
|
|
|
|
@media (-webkit-max-device-pixel-ratio: 1.5),(max-resolution:1.5x) {
|
|
.gridOverlay__0bec3 {
|
|
--custom-grid-line-width:1px
|
|
}
|
|
}
|
|
|
|
.container_a7f798 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 3px;
|
|
bottom: 0;
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
font-family: var(--font-code);
|
|
font-size: 10px;
|
|
inset-inline-end: 0;
|
|
margin: 8px;
|
|
min-width: 5rem;
|
|
padding: 8px;
|
|
pointer-events: all;
|
|
position: absolute;
|
|
white-space: pre;
|
|
z-index: 1001
|
|
}
|
|
|
|
.status_a7f798 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.statusIndicator_a7f798 {
|
|
padding-inline-end:.5rem}
|
|
|
|
.statusText_a7f798 {
|
|
padding-inline-start:.5rem}
|
|
|
|
[data-popout-root],html {
|
|
--brand-05a: hsla(var(--brand-500-hsl)/0.05);
|
|
--brand-10a: hsla(var(--brand-500-hsl)/0.1);
|
|
--brand-15a: hsla(var(--brand-500-hsl)/0.15);
|
|
--brand-20a: hsla(var(--brand-500-hsl)/0.2);
|
|
--brand-25a: hsla(var(--brand-500-hsl)/0.25);
|
|
--brand-30a: hsla(var(--brand-500-hsl)/0.3);
|
|
--brand-35a: hsla(var(--brand-500-hsl)/0.35);
|
|
--brand-40a: hsla(var(--brand-500-hsl)/0.4);
|
|
--brand-45a: hsla(var(--brand-500-hsl)/0.45);
|
|
--brand-50a: hsla(var(--brand-500-hsl)/0.5);
|
|
--brand-55a: hsla(var(--brand-500-hsl)/0.55);
|
|
--brand-60a: hsla(var(--brand-500-hsl)/0.6);
|
|
--brand-65a: hsla(var(--brand-500-hsl)/0.65);
|
|
--brand-70a: hsla(var(--brand-500-hsl)/0.7);
|
|
--brand-75a: hsla(var(--brand-500-hsl)/0.75);
|
|
--brand-80a: hsla(var(--brand-500-hsl)/0.8);
|
|
--brand-85a: hsla(var(--brand-500-hsl)/0.85);
|
|
--brand-90a: hsla(var(--brand-500-hsl)/0.9);
|
|
--brand-95a: hsla(var(--brand-500-hsl)/0.95)
|
|
}
|
|
|
|
[data-popout-root].low-saturation,html.low-saturation {
|
|
--control-brand-foreground: var(--interactive-text-default)
|
|
}
|
|
|
|
html.disable-forced-colors * {
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.decorate-links {
|
|
--link-decoration: underline
|
|
}
|
|
|
|
.appIconSelectionContainer__8a3d7 {
|
|
box-sizing: border-box;
|
|
position: relative
|
|
}
|
|
|
|
.appIconSelection__8a3d7,.appIconSelectionContainer__8a3d7 {
|
|
height: var(--custom-theme-selection-selection-size);
|
|
width: var(--custom-theme-selection-selection-size)
|
|
}
|
|
|
|
.appIconSelection__8a3d7 {
|
|
border-radius: 8px;
|
|
box-shadow: 0 0 2px var(--interactive-text-default);
|
|
cursor: pointer;
|
|
overflow: hidden
|
|
}
|
|
|
|
.appIconSelection__8a3d7.selected__8a3d7 {
|
|
cursor: default
|
|
}
|
|
|
|
.disabled__8a3d7 {
|
|
pointer-events: none
|
|
}
|
|
|
|
.lockedBadgeContainer__8a3d7 {
|
|
align-items: center;
|
|
background-clip: content-box;
|
|
background-color: var(--background-base-low);
|
|
border-radius: var(--radius-round);
|
|
bottom: 0;
|
|
box-shadow: inset 0 0 0 2px var(--background-base-low);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 18px;
|
|
inset-inline-end: 0;
|
|
justify-content: center;
|
|
padding: 1px;
|
|
position: absolute;
|
|
width: 18px;
|
|
z-index: 2
|
|
}
|
|
|
|
.lockedBadge__8a3d7 {
|
|
color: var(--icon-strong);
|
|
height: 10px;
|
|
width: 10px
|
|
}
|
|
|
|
.header_a00e6e {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.headings_a00e6e {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.title_a00e6e {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1
|
|
}
|
|
|
|
.premiumIcon_a00e6e {
|
|
color: var(--icon-strong);
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.titleText_a00e6e {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.preview__3e443 {
|
|
align-items: stretch;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 180px;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.preview__3e443:after {
|
|
bottom: 0;
|
|
content: "";
|
|
cursor: default;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0
|
|
}
|
|
|
|
.firstMessage__3e443 {
|
|
margin-top: -.8rem!important
|
|
}
|
|
|
|
.compactPreview__3e443 .firstMessage__3e443 {
|
|
margin-top: 0!important
|
|
}
|
|
|
|
.forcedColorsWarning__3e443 {
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.themeTitle__3e443 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.formControl__3e443 {
|
|
position: relative
|
|
}
|
|
|
|
.previewButton__3e443 {
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.theme-dark.custom-theme-background .preview__3e443 {
|
|
background: var(--background-gradient-chat-preview)
|
|
}
|
|
|
|
.theme-light.custom-theme-background .preview__3e443 {
|
|
background: var(--background-gradient-higher)
|
|
}
|
|
|
|
.messageGroupingSpacing__3e443 {
|
|
margin-top: var(--space-24)
|
|
}
|
|
|
|
.subtext__3e443 {
|
|
margin-bottom: var(--space-16);
|
|
text-transform: none
|
|
}
|
|
|
|
.a11yCallout__3e443,.subtext__3e443 {
|
|
color: var(--text-subtle)
|
|
}
|
|
|
|
.a11yCallout__3e443 {
|
|
margin-bottom: var(--space-32);
|
|
margin-top: var(--space-24)
|
|
}
|
|
|
|
.divider__3e443 {
|
|
margin-bottom: var(--space-xl);
|
|
margin-top: var(--space-xxl)
|
|
}
|
|
|
|
.compactModeToggle__3e443 {
|
|
display: flex;
|
|
height: 40px;
|
|
justify-content: center;
|
|
margin-bottom: 0;
|
|
margin-top: var(--space-24)
|
|
}
|
|
|
|
.themeTitleContainer__3e443 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8);
|
|
margin-bottom: var(--space-16)
|
|
}
|
|
|
|
.timeTitle__3e443 {
|
|
margin-bottom: var(--space-24)
|
|
}
|
|
|
|
[role=radiogroup] [role=radio]:last-of-type {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.editorAnimate__2a891 {
|
|
animation: slidein__2a891 .25s ease-in 1s forwards;
|
|
margin-inline-end:calc((var(--custom-client-themes-editor-content-width) + (var(--custom-client-themes-editor-editor-padding)*2))*-1)}
|
|
|
|
@keyframes slidein__2a891 {
|
|
0% {
|
|
margin-inline-end: calc((var(--custom-client-themes-editor-content-width) + (var(--custom-client-themes-editor-editor-padding)*2))*-1)
|
|
}
|
|
|
|
to {
|
|
margin-inline-end:0}
|
|
}
|
|
|
|
.title__2a891 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1
|
|
}
|
|
|
|
.title__2a891 .premiumIcon__2a891 {
|
|
color: var(--text-strong);
|
|
height: 18px;
|
|
margin-inline-start:8px;width: 18px
|
|
}
|
|
|
|
.editor__2a891 {
|
|
background: var(--background-base-low);
|
|
border-inline-start:5px solid var(--background-base-lower);box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 0;
|
|
height: 100%;
|
|
inset-inline-end: 0;
|
|
padding: var(--custom-client-themes-editor-editor-padding) 0;
|
|
padding-inline:var(--space-16);position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.editorHeader__2a891 {
|
|
width: var(--custom-client-themes-editor-content-width)
|
|
}
|
|
|
|
.editorBody__2a891,.editorHeader__2a891 {
|
|
padding: 0 var(--custom-client-themes-editor-editor-padding)
|
|
}
|
|
|
|
.selectionGroup__2a891 {
|
|
margin-top: 16px;
|
|
width: var(--custom-client-themes-editor-content-width)
|
|
}
|
|
|
|
.editorFooter__2a891 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
margin-top: 16px;
|
|
padding: 0 var(--custom-client-themes-editor-editor-padding)
|
|
}
|
|
|
|
.closeCircleButton__2a891 {
|
|
cursor: pointer;
|
|
height: 20px;
|
|
inset-inline-end: 18px;
|
|
position: absolute;
|
|
top: 18px;
|
|
width: 20px;
|
|
z-index: 2
|
|
}
|
|
|
|
.closeCircle__2a891 {
|
|
color: var(--interactive-text-default);
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.closeCircle__2a891:focus,.closeCircle__2a891:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.debugToolsPanel__50163 {
|
|
background: var(--background-base-low);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 0;
|
|
gap: 25px;
|
|
height: 100%;
|
|
inset-inline-end: 0;
|
|
max-width: 350px;
|
|
padding: 0;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.header__50163 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-16);
|
|
justify-content: space-between;
|
|
padding-top: var(--space-16);
|
|
padding-inline:var(--space-12)}
|
|
|
|
.headerTextContainer__50163 {
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.body__50163,.headerTextContainer__50163 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.body__50163 {
|
|
flex-grow: 1;
|
|
gap: var(--space-16);
|
|
padding-inline:var(--space-12)}
|
|
|
|
.footer__50163 {
|
|
border-top: 1px solid var(--border-normal)
|
|
}
|
|
|
|
.categoryContainer__50163,.footer__50163 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8);
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
.categoryContainer__50163 {
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.categoryHeader__50163 {
|
|
align-items: center
|
|
}
|
|
|
|
.categoryHeader__50163,.statusRow__50163 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.statusRow__50163 {
|
|
align-items: start
|
|
}
|
|
|
|
.statusTextContainer__50163 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex: 1 0 0;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
justify-content: center
|
|
}
|
|
|
|
.iconGood__50163 {
|
|
fill: var(--icon-feedback-positive)
|
|
}
|
|
|
|
.iconBad__50163 {
|
|
fill: var(--icon-feedback-critical)
|
|
}
|
|
|
|
.statusIcon__50163 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.calloutBox__50163 {
|
|
align-items: center;
|
|
align-self: stretch;
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
gap: var(--space-4);
|
|
justify-content: center;
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
.tabBar__50163 {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
max-width: calc(100% - 60px)
|
|
}
|
|
|
|
.tabBar__50163.vertical__50163 {
|
|
border-bottom: none;
|
|
gap: var(--space-16)
|
|
}
|
|
|
|
.tab__50163 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-shrink: 1;
|
|
gap: var(--space-8);
|
|
padding-bottom: var(--space-12)
|
|
}
|
|
|
|
.tab__50163.vertical__50163 {
|
|
border-inline-start:1px solid var(--border-subtle);border-radius: 0
|
|
}
|
|
|
|
.tab__50163.vertical__50163.selected__50163 {
|
|
border-inline-start:2px solid var(--text-brand);color: var(--text-brand);
|
|
margin-inline-start:-1px}
|
|
|
|
.spinner__50163 {
|
|
margin-inline:var(--space-96)}
|
|
|
|
.container_cc53de {
|
|
background-color: var(--background-surface-highest);
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
margin: 25px auto 0;
|
|
padding: 8px;
|
|
width: 260px
|
|
}
|
|
|
|
.bannerImage_cc53de {
|
|
height: 33.75px;
|
|
width: 57.23px
|
|
}
|
|
|
|
.topContent_cc53de {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 12px
|
|
}
|
|
|
|
.textContent_cc53de {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: 2px
|
|
}
|
|
|
|
.editorAnimate_cf6da1 {
|
|
animation: slidein_cf6da1 .5s ease-in 1s forwards;
|
|
margin-inline-end:calc((var(--custom-client-themes-editor-content-width) + (var(--custom-client-themes-editor-editor-padding)*2))*-1)}
|
|
|
|
@keyframes slidein_cf6da1 {
|
|
0% {
|
|
margin-inline-end: calc((var(--custom-client-themes-editor-content-width) + (var(--custom-client-themes-editor-editor-padding)*2))*-1)
|
|
}
|
|
|
|
to {
|
|
margin-inline-end:0}
|
|
}
|
|
|
|
.themeEditor_cf6da1 {
|
|
background: var(--background-base-low);
|
|
border-inline-start:6px solid var(--background-base-lower);box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 0;
|
|
height: 100%;
|
|
inset-inline-end: 0;
|
|
padding: var(--custom-client-themes-editor-editor-padding) 0;
|
|
padding-inline:var(--space-12);position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.editorHeader_cf6da1 {
|
|
width: var(--custom-client-themes-editor-content-width)
|
|
}
|
|
|
|
.editorBody_cf6da1,.editorHeader_cf6da1 {
|
|
padding: 0 var(--custom-client-themes-editor-editor-padding)
|
|
}
|
|
|
|
.selectionGroup_cf6da1 {
|
|
margin-top: 16px;
|
|
width: var(--custom-client-themes-editor-content-width)
|
|
}
|
|
|
|
.editorFooter_cf6da1 {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
margin-top: 16px;
|
|
max-width: 268px;
|
|
padding: 0 var(--custom-client-themes-editor-editor-padding)
|
|
}
|
|
|
|
.closeCircleButton_cf6da1 {
|
|
cursor: pointer;
|
|
height: 20px;
|
|
inset-inline-end: 18px;
|
|
position: absolute;
|
|
top: 18px;
|
|
width: 20px;
|
|
z-index: 2
|
|
}
|
|
|
|
.closeCircle_cf6da1 {
|
|
color: var(--interactive-text-default);
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.closeCircle_cf6da1:focus,.closeCircle_cf6da1:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.bannerUpsell_cf6da1 {
|
|
align-items: center;
|
|
background-image: var(--custom-premium-colors-premium-gradient-tier-2);
|
|
border-radius: 8px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
padding: 10px
|
|
}
|
|
|
|
.bannerUpsell_cf6da1 .premiumIcon_cf6da1 {
|
|
color: var(--white);
|
|
flex-shrink: 0;
|
|
height: 24px;
|
|
margin-inline-end:10px;width: 24px
|
|
}
|
|
|
|
.container__247cf {
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
.container__247cf,.loader__247cf {
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
|
|
.loader__247cf {
|
|
align-items: center;
|
|
justify-content: center
|
|
}
|
|
|
|
.headerContainer__247cf {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.addColorButtonText__247cf {
|
|
color: var(--text-brand);
|
|
text-transform: capitalize
|
|
}
|
|
|
|
.addColorButtonWrapper__247cf {
|
|
position: relative
|
|
}
|
|
|
|
.disabledButtonOverlay__247cf {
|
|
cursor: not-allowed;
|
|
inset: 0;
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
.addColorButton__247cf.disabled__247cf .addColorButtonText__247cf {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.gradientBar__247cf {
|
|
border-radius: var(--radius-sm);
|
|
height: 44px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.colorSquare__247cf {
|
|
align-items: center;
|
|
border-radius: var(--radius-xs);
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%)
|
|
}
|
|
|
|
.full-motion .colorSquare__247cf {
|
|
transition: all .2s ease
|
|
}
|
|
|
|
.full-motion .colorSquare__247cf:hover {
|
|
transform: translate(-50%,-50%) scale(1.05)
|
|
}
|
|
|
|
.colorSquareInner__247cf {
|
|
border: 2px solid #fff;
|
|
border-radius: var(--radius-xs);
|
|
box-shadow: 0 3px 13.2px 0 rgba(0,0,0,.15),0 1px 2px 0 rgba(0,0,0,.05),inset 0 1px 6px 0 rgba(0,0,0,.15);
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.colorSquare__247cf.selected__247cf .colorSquareInner__247cf {
|
|
border: 4px solid #fff
|
|
}
|
|
|
|
.colorSquare__247cf:hover .removeColorButton__247cf {
|
|
opacity: 1
|
|
}
|
|
|
|
.colorSquareSelectedTriangle__247cf {
|
|
border-inline-end:4px solid transparent;border-inline-start:4px solid transparent;border-top: 5px solid #fff;
|
|
height: 0;
|
|
position: absolute;
|
|
top: calc(50% + 13px);
|
|
transform: translateX(-50%);
|
|
width: 0
|
|
}
|
|
|
|
.hexInputContainer__247cf {
|
|
align-items: center;
|
|
background: var(--background-mod-subtle);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
height: 40px;
|
|
padding-block:0;padding-inline:8px 4px;position: relative;
|
|
transition: border-color .15s ease
|
|
}
|
|
|
|
.hexInputContainer__247cf:focus-within {
|
|
border-color: var(--control-primary-background-default);
|
|
box-shadow: 0 0 0 1px var(--control-primary-background-default)
|
|
}
|
|
|
|
.hexInput__247cf {
|
|
background: none;
|
|
border: none;
|
|
color: var(--text-default);
|
|
flex: 1 1 0;
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
height: 100%;
|
|
min-width: 0;
|
|
outline: none;
|
|
padding: 0
|
|
}
|
|
|
|
.hexInput__247cf::-moz-placeholder {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.hexInput__247cf::placeholder {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.trailingIcons__247cf {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
margin-inline-start:8px}
|
|
|
|
.hexInputInner__247cf {
|
|
background: none;
|
|
border: none;
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
height: 100%;
|
|
padding: 0
|
|
}
|
|
|
|
.eyeDropperIcon__247cf {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.colorItem__247cf {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.hexColorPreview__247cf {
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-xs);
|
|
flex-shrink: 0;
|
|
height: 24px;
|
|
margin-inline-end:8px;width: 24px
|
|
}
|
|
|
|
.colorPreview__247cf {
|
|
border: 1px solid var(--background-base-lowest);
|
|
border-radius: var(--radius-xs);
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.enable-forced-colors .container__247cf {
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.icon__247cf {
|
|
display: block
|
|
}
|
|
|
|
.eyeDropperTooltip__247cf {
|
|
max-width: 130px
|
|
}
|
|
|
|
.themeSelector_c85552 {
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
height: 32px
|
|
}
|
|
|
|
.themePillItem_c85552 {
|
|
border-radius: var(--radius-xs)
|
|
}
|
|
|
|
.themePillItemSelected_c85552 {
|
|
border: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.container__5a2df {
|
|
border: 1px solid var(--border-muted);
|
|
width: 288px
|
|
}
|
|
|
|
.container__5a2df,.mobileContainer__5a2df {
|
|
background: var(--background-base-low);
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.mobileContainer__5a2df {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.editorBody__5a2df {
|
|
gap: 32px;
|
|
margin-top: 16px;
|
|
padding-inline:var(--space-12) calc(var(--space-12) - 8px)}
|
|
|
|
.editorBody__5a2df,.section__5a2df {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.section__5a2df {
|
|
gap: 12px
|
|
}
|
|
|
|
.resetButton__5a2df {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
margin-top: 19px
|
|
}
|
|
|
|
.headerContainer__5a2df {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.closeButton__5a2df {
|
|
margin-inline-start:auto}
|
|
|
|
.sliderContainer__5a2df {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
.gradientDirectionSliderContainer__5a2df {
|
|
margin-bottom: 4px;
|
|
position: relative
|
|
}
|
|
|
|
.angleIndicatorOverlay__5a2df {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 12px;
|
|
position: absolute;
|
|
top: 35.5px;
|
|
inset-inline: .5px;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.angleIndicatorDot__5a2df {
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: 50%;
|
|
height: 8px;
|
|
width: 8px
|
|
}
|
|
|
|
.angleIndicatorDotHover__5a2df,.angleIndicatorLargeDot__5a2df {
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: 50%;
|
|
height: 10px;
|
|
width: 10px
|
|
}
|
|
|
|
.angleIndicatorLargeDotHover__5a2df {
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: 50%;
|
|
height: 12px;
|
|
width: 12px
|
|
}
|
|
|
|
.sliderWrapper__5a2df:hover .angleIndicatorDot__5a2df {
|
|
height: 10px;
|
|
width: 10px
|
|
}
|
|
|
|
.sliderWrapper__5a2df:hover .angleIndicatorLargeDot__5a2df {
|
|
height: 12px;
|
|
width: 12px
|
|
}
|
|
|
|
.footerContainer__5a2df {
|
|
align-items: center;
|
|
border-top: 1px solid var(--border-subtle);
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
padding: 16px 20px
|
|
}
|
|
|
|
.footerContainer__5a2df>* {
|
|
flex: 1
|
|
}
|
|
|
|
.footerContainerNonPremium__5a2df {
|
|
flex-direction: column;
|
|
gap: 12px
|
|
}
|
|
|
|
.footerRightButtons__5a2df {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 24px;
|
|
justify-content: flex-end;
|
|
width: 100%
|
|
}
|
|
|
|
.subscribeButton__5a2df {
|
|
color: var(--white);
|
|
flex-shrink: 0;
|
|
height: 40px;
|
|
min-width: 110px;
|
|
width: 100%
|
|
}
|
|
|
|
.coachmarkHeaderContainer__5a2df {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.headerAndCloseRow__5a2df {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
.subtitle__5a2df {
|
|
margin-top: var(--space-4)
|
|
}
|
|
|
|
.coachmarkFooterContainer__5a2df {
|
|
border-top: 1px solid var(--border-subtle);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8);
|
|
padding: var(--space-16) var(--space-20)
|
|
}
|
|
|
|
.nitroIcon__5a2df {
|
|
fill: var(--icon-strong)
|
|
}
|
|
|
|
.controlLabelContainer__5a2df {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.controlLabelInput__5a2df {
|
|
background: none;
|
|
border: 1px solid transparent;
|
|
border-radius: var(--radius-xs);
|
|
color: var(--text-default);
|
|
flex: 0 0 auto;
|
|
font-family: var(--font-primary);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
height: 20px;
|
|
line-height: 20px;
|
|
outline: none;
|
|
padding-block:0;padding-inline:12px 0;text-align: end;
|
|
transition: border-color .15s ease;
|
|
width: 40px
|
|
}
|
|
|
|
.controlLabelInput__5a2df:focus {
|
|
background: var(--input-background-default);
|
|
border-color: var(--control-primary-background-default);
|
|
box-shadow: 0 0 0 1px var(--control-primary-background-default)
|
|
}
|
|
|
|
.controlLabelInput__5a2df::-moz-placeholder {
|
|
color: var(--input-placeholder-text-default)
|
|
}
|
|
|
|
.controlLabelInput__5a2df::placeholder {
|
|
color: var(--input-placeholder-text-default)
|
|
}
|
|
|
|
.mobileContainer__26f4a {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
z-index: 100
|
|
}
|
|
|
|
.appAsidePanelWrapper_a3002d {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: row;
|
|
min-height: 0
|
|
}
|
|
|
|
.mobileAppAsidePanelWrapper_a3002d {
|
|
flex-direction: column;
|
|
overflow-y: scroll
|
|
}
|
|
|
|
.notAppAsidePanel_a3002d {
|
|
flex: 1;
|
|
min-width: 0
|
|
}
|
|
|
|
.app_a3002d {
|
|
position: static
|
|
}
|
|
|
|
.app_a3002d,.mobileApp_a3002d {
|
|
height: 100%;
|
|
z-index: auto
|
|
}
|
|
|
|
.allowsScrolling_a3002d,.mobileApp_a3002d {
|
|
overflow: auto
|
|
}
|
|
|
|
.notAppAsidePanel_a3002d:has(~[data-app-right-panel=true]) .app_a3002d {
|
|
position: relative
|
|
}
|
|
|
|
.modal_ab9bdf {
|
|
border-radius: 5px;
|
|
box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-high);
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
min-height: 0;
|
|
position: relative
|
|
}
|
|
|
|
.theme-dark .modal_ab9bdf {
|
|
background-color: var(--primary-600)
|
|
}
|
|
|
|
.theme-light .modal_ab9bdf {
|
|
background: var(--white)
|
|
}
|
|
|
|
.sizeSmall_ab9bdf {
|
|
max-height: 660px;
|
|
min-height: 200px;
|
|
width: 440px
|
|
}
|
|
|
|
.sizeMedium_ab9bdf {
|
|
max-height: 800px;
|
|
min-height: 400px;
|
|
width: 600px
|
|
}
|
|
|
|
.sizeLarge_ab9bdf {
|
|
max-width: 960px;
|
|
min-height: 400px;
|
|
min-width: 800px
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.sizeLarge_ab9bdf,.sizeMedium_ab9bdf,.sizeSmall_ab9bdf {
|
|
align-self:center;
|
|
max-height: 100vh;
|
|
min-width: auto;
|
|
width: 96%
|
|
}
|
|
|
|
.fullscreenOnMobile_ab9bdf {
|
|
border-radius: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
overflow-y: auto;
|
|
width: 100%
|
|
}
|
|
|
|
.fullscreenOnMobile_ab9bdf .footer_ab9bdf,.fullscreenOnMobile_ab9bdf .header_ab9bdf {
|
|
border-radius: 0
|
|
}
|
|
|
|
.hideOnFullscreen_ab9bdf {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
:root {
|
|
--application-subscription-end: hsl(var(--application-subscription-end-hsl)/1);
|
|
--application-subscription-end-hsl: 196.564 calc(var(--saturation-factor, 1)*98.788%) 32.353%;
|
|
--application-subscription-start: hsl(var(--application-subscription-start-hsl)/1);
|
|
--application-subscription-start-hsl: 234.909 calc(var(--saturation-factor, 1)*68.465%) 52.745%;
|
|
--battlenet: hsl(var(--battlenet-hsl)/1);
|
|
--battlenet-hsl: 199.651 calc(var(--saturation-factor, 1)*100%) 44.902%;
|
|
--bg-animated-gradient-background-indigo-1: hsl(var(--bg-animated-gradient-background-indigo-1-hsl)/1);
|
|
--bg-animated-gradient-background-indigo-1-hsl: 241.5 calc(var(--saturation-factor, 1)*57.143%) 27.451%;
|
|
--bg-animated-gradient-background-indigo-2: hsl(var(--bg-animated-gradient-background-indigo-2-hsl)/1);
|
|
--bg-animated-gradient-background-indigo-2-hsl: 257.059 calc(var(--saturation-factor, 1)*100%) 20%;
|
|
--bg-animated-gradient-background-not-black: hsl(var(--bg-animated-gradient-background-not-black-hsl)/1);
|
|
--bg-animated-gradient-background-not-black-hsl: 240 calc(var(--saturation-factor, 1)*7.143%) 5.49%;
|
|
--bg-animated-gradient-background-pink-1: hsl(var(--bg-animated-gradient-background-pink-1-hsl)/1);
|
|
--bg-animated-gradient-background-pink-1-hsl: 327.831 calc(var(--saturation-factor, 1)*80.583%) 59.608%;
|
|
--bg-gradient-aurora-1: hsl(var(--bg-gradient-aurora-1-hsl)/1);
|
|
--bg-gradient-aurora-1-hsl: 219.74 calc(var(--saturation-factor, 1)*86.517%) 17.451%;
|
|
--bg-gradient-aurora-2: hsl(var(--bg-gradient-aurora-2-hsl)/1);
|
|
--bg-gradient-aurora-2-hsl: 237.778 calc(var(--saturation-factor, 1)*76.415%) 41.569%;
|
|
--bg-gradient-aurora-3: hsl(var(--bg-gradient-aurora-3-hsl)/1);
|
|
--bg-gradient-aurora-3-hsl: 183.556 calc(var(--saturation-factor, 1)*78.035%) 33.922%;
|
|
--bg-gradient-aurora-4: hsl(var(--bg-gradient-aurora-4-hsl)/1);
|
|
--bg-gradient-aurora-4-hsl: 169.2 calc(var(--saturation-factor, 1)*60.241%) 32.549%;
|
|
--bg-gradient-aurora-5: hsl(var(--bg-gradient-aurora-5-hsl)/1);
|
|
--bg-gradient-aurora-5-hsl: 229.839 calc(var(--saturation-factor, 1)*92.537%) 26.275%;
|
|
--bg-gradient-blurple-twilight-1: hsl(var(--bg-gradient-blurple-twilight-1-hsl)/1);
|
|
--bg-gradient-blurple-twilight-1-hsl: 233.904 calc(var(--saturation-factor, 1)*79.574%) 53.922%;
|
|
--bg-gradient-blurple-twilight-2: hsl(var(--bg-gradient-blurple-twilight-2-hsl)/1);
|
|
--bg-gradient-blurple-twilight-2-hsl: 245.294 calc(var(--saturation-factor, 1)*63.75%) 31.373%;
|
|
--bg-gradient-chroma-glow-1: hsl(var(--bg-gradient-chroma-glow-1-hsl)/1);
|
|
--bg-gradient-chroma-glow-1-hsl: 183.39 calc(var(--saturation-factor, 1)*86.341%) 40.196%;
|
|
--bg-gradient-chroma-glow-2: hsl(var(--bg-gradient-chroma-glow-2-hsl)/1);
|
|
--bg-gradient-chroma-glow-2-hsl: 258.113 calc(var(--saturation-factor, 1)*89.831%) 46.275%;
|
|
--bg-gradient-chroma-glow-3: hsl(var(--bg-gradient-chroma-glow-3-hsl)/1);
|
|
--bg-gradient-chroma-glow-3-hsl: 298.491 calc(var(--saturation-factor, 1)*90.857%) 34.314%;
|
|
--bg-gradient-chroma-glow-4: hsl(var(--bg-gradient-chroma-glow-4-hsl)/1);
|
|
--bg-gradient-chroma-glow-4-hsl: 264.767 calc(var(--saturation-factor, 1)*100%) 66.275%;
|
|
--bg-gradient-chroma-glow-5: hsl(var(--bg-gradient-chroma-glow-5-hsl)/1);
|
|
--bg-gradient-chroma-glow-5-hsl: 206.702 calc(var(--saturation-factor, 1)*75.494%) 50.392%;
|
|
--bg-gradient-citrus-sherbert-1: hsl(var(--bg-gradient-citrus-sherbert-1-hsl)/1);
|
|
--bg-gradient-citrus-sherbert-1-hsl: 39.683 calc(var(--saturation-factor, 1)*88.732%) 58.235%;
|
|
--bg-gradient-citrus-sherbert-2: hsl(var(--bg-gradient-citrus-sherbert-2-hsl)/1);
|
|
--bg-gradient-citrus-sherbert-2-hsl: 18 calc(var(--saturation-factor, 1)*81.522%) 63.922%;
|
|
--bg-gradient-cotton-candy-1: hsl(var(--bg-gradient-cotton-candy-1-hsl)/1);
|
|
--bg-gradient-cotton-candy-1-hsl: 349.315 calc(var(--saturation-factor, 1)*76.842%) 81.373%;
|
|
--bg-gradient-cotton-candy-2: hsl(var(--bg-gradient-cotton-candy-2-hsl)/1);
|
|
--bg-gradient-cotton-candy-2-hsl: 226.4 calc(var(--saturation-factor, 1)*92.593%) 84.118%;
|
|
--bg-gradient-crimson-moon-1: hsl(var(--bg-gradient-crimson-moon-1-hsl)/1);
|
|
--bg-gradient-crimson-moon-1-hsl: 0 calc(var(--saturation-factor, 1)*88.608%) 30.98%;
|
|
--bg-gradient-crimson-moon-2: hsl(var(--bg-gradient-crimson-moon-2-hsl)/1);
|
|
--bg-gradient-crimson-moon-2-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--bg-gradient-desert-khaki-1: hsl(var(--bg-gradient-desert-khaki-1-hsl)/1);
|
|
--bg-gradient-desert-khaki-1-hsl: 28.696 calc(var(--saturation-factor, 1)*32.394%) 86.078%;
|
|
--bg-gradient-desert-khaki-2: hsl(var(--bg-gradient-desert-khaki-2-hsl)/1);
|
|
--bg-gradient-desert-khaki-2-hsl: 40 calc(var(--saturation-factor, 1)*41.284%) 78.627%;
|
|
--bg-gradient-desert-khaki-3: hsl(var(--bg-gradient-desert-khaki-3-hsl)/1);
|
|
--bg-gradient-desert-khaki-3-hsl: 50.164 calc(var(--saturation-factor, 1)*49.593%) 75.882%;
|
|
--bg-gradient-dusk-1: hsl(var(--bg-gradient-dusk-1-hsl)/1);
|
|
--bg-gradient-dusk-1-hsl: 292.8 calc(var(--saturation-factor, 1)*13.514%) 36.275%;
|
|
--bg-gradient-dusk-2: hsl(var(--bg-gradient-dusk-2-hsl)/1);
|
|
--bg-gradient-dusk-2-hsl: 223.125 calc(var(--saturation-factor, 1)*41.026%) 69.412%;
|
|
--bg-gradient-easter-egg-1: hsl(var(--bg-gradient-easter-egg-1-hsl)/1);
|
|
--bg-gradient-easter-egg-1-hsl: 226.731 calc(var(--saturation-factor, 1)*58.427%) 65.098%;
|
|
--bg-gradient-easter-egg-2: hsl(var(--bg-gradient-easter-egg-2-hsl)/1);
|
|
--bg-gradient-easter-egg-2-hsl: 227.143 calc(var(--saturation-factor, 1)*30.973%) 44.314%;
|
|
--bg-gradient-forest-1: hsl(var(--bg-gradient-forest-1-hsl)/1);
|
|
--bg-gradient-forest-1-hsl: 124.286 calc(var(--saturation-factor, 1)*25.926%) 10.588%;
|
|
--bg-gradient-forest-2: hsl(var(--bg-gradient-forest-2-hsl)/1);
|
|
--bg-gradient-forest-2-hsl: 142.5 calc(var(--saturation-factor, 1)*26.23%) 23.922%;
|
|
--bg-gradient-forest-3: hsl(var(--bg-gradient-forest-3-hsl)/1);
|
|
--bg-gradient-forest-3-hsl: 76.154 calc(var(--saturation-factor, 1)*20.635%) 24.706%;
|
|
--bg-gradient-forest-4: hsl(var(--bg-gradient-forest-4-hsl)/1);
|
|
--bg-gradient-forest-4-hsl: 116.667 calc(var(--saturation-factor, 1)*16.981%) 41.569%;
|
|
--bg-gradient-forest-5: hsl(var(--bg-gradient-forest-5-hsl)/1);
|
|
--bg-gradient-forest-5-hsl: 42.766 calc(var(--saturation-factor, 1)*38.525%) 47.843%;
|
|
--bg-gradient-hanami-1: hsl(var(--bg-gradient-hanami-1-hsl)/1);
|
|
--bg-gradient-hanami-1-hsl: 352.174 calc(var(--saturation-factor, 1)*68.317%) 80.196%;
|
|
--bg-gradient-hanami-2: hsl(var(--bg-gradient-hanami-2-hsl)/1);
|
|
--bg-gradient-hanami-2-hsl: 43.146 calc(var(--saturation-factor, 1)*73.554%) 76.275%;
|
|
--bg-gradient-hanami-3: hsl(var(--bg-gradient-hanami-3-hsl)/1);
|
|
--bg-gradient-hanami-3-hsl: 115.714 calc(var(--saturation-factor, 1)*43.077%) 74.51%;
|
|
--bg-gradient-lofi-vibes-1: hsl(var(--bg-gradient-lofi-vibes-1-hsl)/1);
|
|
--bg-gradient-lofi-vibes-1-hsl: 219.759 calc(var(--saturation-factor, 1)*83.838%) 80.588%;
|
|
--bg-gradient-lofi-vibes-2: hsl(var(--bg-gradient-lofi-vibes-2-hsl)/1);
|
|
--bg-gradient-lofi-vibes-2-hsl: 183.81 calc(var(--saturation-factor, 1)*57.798%) 78.627%;
|
|
--bg-gradient-lofi-vibes-3: hsl(var(--bg-gradient-lofi-vibes-3-hsl)/1);
|
|
--bg-gradient-lofi-vibes-3-hsl: 129.6 calc(var(--saturation-factor, 1)*46.296%) 78.824%;
|
|
--bg-gradient-lofi-vibes-4: hsl(var(--bg-gradient-lofi-vibes-4-hsl)/1);
|
|
--bg-gradient-lofi-vibes-4-hsl: 75.738 calc(var(--saturation-factor, 1)*48.8%) 75.49%;
|
|
--bg-gradient-mars-1: hsl(var(--bg-gradient-mars-1-hsl)/1);
|
|
--bg-gradient-mars-1-hsl: 14.795 calc(var(--saturation-factor, 1)*36.318%) 39.412%;
|
|
--bg-gradient-mars-2: hsl(var(--bg-gradient-mars-2-hsl)/1);
|
|
--bg-gradient-mars-2-hsl: 0 calc(var(--saturation-factor, 1)*36.19%) 41.176%;
|
|
--bg-gradient-midnight-blurple-1: hsl(var(--bg-gradient-midnight-blurple-1-hsl)/1);
|
|
--bg-gradient-midnight-blurple-1-hsl: 245.077 calc(var(--saturation-factor, 1)*55.085%) 53.725%;
|
|
--bg-gradient-midnight-blurple-2: hsl(var(--bg-gradient-midnight-blurple-2-hsl)/1);
|
|
--bg-gradient-midnight-blurple-2-hsl: 259.024 calc(var(--saturation-factor, 1)*74.545%) 10.784%;
|
|
--bg-gradient-mint-apple-1: hsl(var(--bg-gradient-mint-apple-1-hsl)/1);
|
|
--bg-gradient-mint-apple-1-hsl: 165.625 calc(var(--saturation-factor, 1)*39.669%) 52.549%;
|
|
--bg-gradient-mint-apple-2: hsl(var(--bg-gradient-mint-apple-2-hsl)/1);
|
|
--bg-gradient-mint-apple-2-hsl: 118.681 calc(var(--saturation-factor, 1)*40.444%) 55.882%;
|
|
--bg-gradient-mint-apple-3: hsl(var(--bg-gradient-mint-apple-3-hsl)/1);
|
|
--bg-gradient-mint-apple-3-hsl: 86.667 calc(var(--saturation-factor, 1)*48.293%) 59.804%;
|
|
--bg-gradient-neon-nights-1: hsl(var(--bg-gradient-neon-nights-1-hsl)/1);
|
|
--bg-gradient-neon-nights-1-hsl: 176.407 calc(var(--saturation-factor, 1)*98.817%) 33.137%;
|
|
--bg-gradient-neon-nights-2: hsl(var(--bg-gradient-neon-nights-2-hsl)/1);
|
|
--bg-gradient-neon-nights-2-hsl: 259.333 calc(var(--saturation-factor, 1)*39.474%) 55.294%;
|
|
--bg-gradient-neon-nights-3: hsl(var(--bg-gradient-neon-nights-3-hsl)/1);
|
|
--bg-gradient-neon-nights-3-hsl: 313.548 calc(var(--saturation-factor, 1)*52.542%) 46.275%;
|
|
--bg-gradient-retro-raincloud-1: hsl(var(--bg-gradient-retro-raincloud-1-hsl)/1);
|
|
--bg-gradient-retro-raincloud-1-hsl: 201.553 calc(var(--saturation-factor, 1)*47.032%) 42.941%;
|
|
--bg-gradient-retro-raincloud-2: hsl(var(--bg-gradient-retro-raincloud-2-hsl)/1);
|
|
--bg-gradient-retro-raincloud-2-hsl: 241.017 calc(var(--saturation-factor, 1)*29.648%) 60.98%;
|
|
--bg-gradient-retro-storm-1: hsl(var(--bg-gradient-retro-storm-1-hsl)/1);
|
|
--bg-gradient-retro-storm-1-hsl: 201.553 calc(var(--saturation-factor, 1)*47.032%) 42.941%;
|
|
--bg-gradient-retro-storm-2: hsl(var(--bg-gradient-retro-storm-2-hsl)/1);
|
|
--bg-gradient-retro-storm-2-hsl: 240.896 calc(var(--saturation-factor, 1)*27.801%) 47.255%;
|
|
--bg-gradient-sepia-1: hsl(var(--bg-gradient-sepia-1-hsl)/1);
|
|
--bg-gradient-sepia-1-hsl: 32.727 calc(var(--saturation-factor, 1)*14.163%) 45.686%;
|
|
--bg-gradient-sepia-2: hsl(var(--bg-gradient-sepia-2-hsl)/1);
|
|
--bg-gradient-sepia-2-hsl: 36.207 calc(var(--saturation-factor, 1)*46.774%) 24.314%;
|
|
--bg-gradient-strawberry-lemonade-1: hsl(var(--bg-gradient-strawberry-lemonade-1-hsl)/1);
|
|
--bg-gradient-strawberry-lemonade-1-hsl: 326.98 calc(var(--saturation-factor, 1)*74.129%) 39.412%;
|
|
--bg-gradient-strawberry-lemonade-2: hsl(var(--bg-gradient-strawberry-lemonade-2-hsl)/1);
|
|
--bg-gradient-strawberry-lemonade-2-hsl: 27.778 calc(var(--saturation-factor, 1)*71.681%) 44.314%;
|
|
--bg-gradient-strawberry-lemonade-3: hsl(var(--bg-gradient-strawberry-lemonade-3-hsl)/1);
|
|
--bg-gradient-strawberry-lemonade-3-hsl: 39.588 calc(var(--saturation-factor, 1)*80.165%) 52.549%;
|
|
--bg-gradient-sunrise-1: hsl(var(--bg-gradient-sunrise-1-hsl)/1);
|
|
--bg-gradient-sunrise-1-hsl: 326.809 calc(var(--saturation-factor, 1)*41.964%) 43.922%;
|
|
--bg-gradient-sunrise-2: hsl(var(--bg-gradient-sunrise-2-hsl)/1);
|
|
--bg-gradient-sunrise-2-hsl: 27.5 calc(var(--saturation-factor, 1)*44.86%) 58.039%;
|
|
--bg-gradient-sunrise-3: hsl(var(--bg-gradient-sunrise-3-hsl)/1);
|
|
--bg-gradient-sunrise-3-hsl: 50.286 calc(var(--saturation-factor, 1)*46.256%) 44.51%;
|
|
--bg-gradient-sunset-1: hsl(var(--bg-gradient-sunset-1-hsl)/1);
|
|
--bg-gradient-sunset-1-hsl: 259.2 calc(var(--saturation-factor, 1)*55.556%) 35.294%;
|
|
--bg-gradient-sunset-2: hsl(var(--bg-gradient-sunset-2-hsl)/1);
|
|
--bg-gradient-sunset-2-hsl: 21.667 calc(var(--saturation-factor, 1)*66.667%) 57.647%;
|
|
--bg-gradient-under-the-sea-1: hsl(var(--bg-gradient-under-the-sea-1-hsl)/1);
|
|
--bg-gradient-under-the-sea-1-hsl: 114.783 calc(var(--saturation-factor, 1)*10.502%) 42.941%;
|
|
--bg-gradient-under-the-sea-2: hsl(var(--bg-gradient-under-the-sea-2-hsl)/1);
|
|
--bg-gradient-under-the-sea-2-hsl: 158.667 calc(var(--saturation-factor, 1)*20.362%) 43.333%;
|
|
--bg-gradient-under-the-sea-3: hsl(var(--bg-gradient-under-the-sea-3-hsl)/1);
|
|
--bg-gradient-under-the-sea-3-hsl: 175.385 calc(var(--saturation-factor, 1)*10.924%) 46.667%;
|
|
--bungie: hsl(var(--bungie-hsl)/1);
|
|
--bungie-hsl: 196.916 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--checkpoint-emojis-gradient-end: hsl(var(--checkpoint-emojis-gradient-end-hsl)/1);
|
|
--checkpoint-emojis-gradient-end-hsl: 283.2 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
|
|
--checkpoint-emojis-gradient-start: hsl(var(--checkpoint-emojis-gradient-start-hsl)/1);
|
|
--checkpoint-emojis-gradient-start-hsl: 260.114 calc(var(--saturation-factor, 1)*87.129%) 60.392%;
|
|
--checkpoint-emojis-primary: hsl(var(--checkpoint-emojis-primary-hsl)/1);
|
|
--checkpoint-emojis-primary-hsl: 269.011 calc(var(--saturation-factor, 1)*88.35%) 79.804%;
|
|
--checkpoint-emojis-secondary: hsl(var(--checkpoint-emojis-secondary-hsl)/1);
|
|
--checkpoint-emojis-secondary-hsl: 268.837 calc(var(--saturation-factor, 1)*72.067%) 64.902%;
|
|
--checkpoint-end-gradient-end: hsl(var(--checkpoint-end-gradient-end-hsl)/1);
|
|
--checkpoint-end-gradient-end-hsl: 149.333 calc(var(--saturation-factor, 1)*56.962%) 15.49%;
|
|
--checkpoint-end-gradient-start: hsl(var(--checkpoint-end-gradient-start-hsl)/1);
|
|
--checkpoint-end-gradient-start-hsl: 149.302 calc(var(--saturation-factor, 1)*50.588%) 50%;
|
|
--checkpoint-end-primary: hsl(var(--checkpoint-end-primary-hsl)/1);
|
|
--checkpoint-end-primary-hsl: 143.316 calc(var(--saturation-factor, 1)*83.55%) 54.706%;
|
|
--checkpoint-end-secondary: hsl(var(--checkpoint-end-secondary-hsl)/1);
|
|
--checkpoint-end-secondary-hsl: 143.673 calc(var(--saturation-factor, 1)*78.61%) 36.667%;
|
|
--checkpoint-friends-gradient-end: hsl(var(--checkpoint-friends-gradient-end-hsl)/1);
|
|
--checkpoint-friends-gradient-end-hsl: 259.481 calc(var(--saturation-factor, 1)*79.381%) 19.02%;
|
|
--checkpoint-friends-gradient-start: hsl(var(--checkpoint-friends-gradient-start-hsl)/1);
|
|
--checkpoint-friends-gradient-start-hsl: 256.018 calc(var(--saturation-factor, 1)*96.507%) 55.098%;
|
|
--checkpoint-friends-primary: hsl(var(--checkpoint-friends-primary-hsl)/1);
|
|
--checkpoint-friends-primary-hsl: 234 calc(var(--saturation-factor, 1)*90%) 80.392%;
|
|
--checkpoint-friends-secondary: hsl(var(--checkpoint-friends-secondary-hsl)/1);
|
|
--checkpoint-friends-secondary-hsl: 234 calc(var(--saturation-factor, 1)*39.823%) 55.686%;
|
|
--checkpoint-gaming-gradient-end: hsl(var(--checkpoint-gaming-gradient-end-hsl)/1);
|
|
--checkpoint-gaming-gradient-end-hsl: 28.8 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
|
|
--checkpoint-gaming-gradient-start: hsl(var(--checkpoint-gaming-gradient-start-hsl)/1);
|
|
--checkpoint-gaming-gradient-start-hsl: 27.595 calc(var(--saturation-factor, 1)*100%) 53.529%;
|
|
--checkpoint-gaming-primary: hsl(var(--checkpoint-gaming-primary-hsl)/1);
|
|
--checkpoint-gaming-primary-hsl: 34.699 calc(var(--saturation-factor, 1)*100%) 51.176%;
|
|
--checkpoint-gaming-secondary: hsl(var(--checkpoint-gaming-secondary-hsl)/1);
|
|
--checkpoint-gaming-secondary-hsl: 26.809 calc(var(--saturation-factor, 1)*86.239%) 42.745%;
|
|
--checkpoint-guilds-gradient-end: hsl(var(--checkpoint-guilds-gradient-end-hsl)/1);
|
|
--checkpoint-guilds-gradient-end-hsl: 170.4 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
|
|
--checkpoint-guilds-gradient-start: hsl(var(--checkpoint-guilds-gradient-start-hsl)/1);
|
|
--checkpoint-guilds-gradient-start-hsl: 169.589 calc(var(--saturation-factor, 1)*90.123%) 47.647%;
|
|
--checkpoint-guilds-primary: hsl(var(--checkpoint-guilds-primary-hsl)/1);
|
|
--checkpoint-guilds-primary-hsl: 169.811 calc(var(--saturation-factor, 1)*97.546%) 68.039%;
|
|
--checkpoint-guilds-secondary: hsl(var(--checkpoint-guilds-secondary-hsl)/1);
|
|
--checkpoint-guilds-secondary-hsl: 169.672 calc(var(--saturation-factor, 1)*68.539%) 34.902%;
|
|
--checkpoint-messages-gradient-end: hsl(var(--checkpoint-messages-gradient-end-hsl)/1);
|
|
--checkpoint-messages-gradient-end-hsl: 7.2 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
|
|
--checkpoint-messages-gradient-start: hsl(var(--checkpoint-messages-gradient-start-hsl)/1);
|
|
--checkpoint-messages-gradient-start-hsl: 308.75 calc(var(--saturation-factor, 1)*98.969%) 61.961%;
|
|
--checkpoint-messages-primary: hsl(var(--checkpoint-messages-primary-hsl)/1);
|
|
--checkpoint-messages-primary-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
|
|
--checkpoint-messages-secondary: hsl(var(--checkpoint-messages-secondary-hsl)/1);
|
|
--checkpoint-messages-secondary-hsl: 315.319 calc(var(--saturation-factor, 1)*70.854%) 39.02%;
|
|
--checkpoint-persona-eight-background-overlay: hsl(var(--checkpoint-persona-eight-background-overlay-hsl)/1);
|
|
--checkpoint-persona-eight-background-overlay-hsl: 32 calc(var(--saturation-factor, 1)*60%) 9.804%;
|
|
--checkpoint-persona-eight-gradient-end: hsl(var(--checkpoint-persona-eight-gradient-end-hsl)/1);
|
|
--checkpoint-persona-eight-gradient-end-hsl: 31.154 calc(var(--saturation-factor, 1)*55.319%) 18.431%;
|
|
--checkpoint-persona-eight-gradient-start: hsl(var(--checkpoint-persona-eight-gradient-start-hsl)/1);
|
|
--checkpoint-persona-eight-gradient-start-hsl: 39.184 calc(var(--saturation-factor, 1)*56.322%) 65.882%;
|
|
--checkpoint-persona-eight-primary: hsl(var(--checkpoint-persona-eight-primary-hsl)/1);
|
|
--checkpoint-persona-eight-primary-hsl: 39.184 calc(var(--saturation-factor, 1)*56.322%) 65.882%;
|
|
--checkpoint-persona-eight-secondary: hsl(var(--checkpoint-persona-eight-secondary-hsl)/1);
|
|
--checkpoint-persona-eight-secondary-hsl: 39.612 calc(var(--saturation-factor, 1)*42.387%) 47.647%;
|
|
--checkpoint-persona-five-background-overlay: hsl(var(--checkpoint-persona-five-background-overlay-hsl)/1);
|
|
--checkpoint-persona-five-background-overlay-hsl: 339.545 calc(var(--saturation-factor, 1)*66.667%) 12.941%;
|
|
--checkpoint-persona-five-gradient-end: hsl(var(--checkpoint-persona-five-gradient-end-hsl)/1);
|
|
--checkpoint-persona-five-gradient-end-hsl: 339.231 calc(var(--saturation-factor, 1)*67.241%) 22.745%;
|
|
--checkpoint-persona-five-gradient-start: hsl(var(--checkpoint-persona-five-gradient-start-hsl)/1);
|
|
--checkpoint-persona-five-gradient-start-hsl: 339.114 calc(var(--saturation-factor, 1)*90.805%) 65.882%;
|
|
--checkpoint-persona-five-primary: hsl(var(--checkpoint-persona-five-primary-hsl)/1);
|
|
--checkpoint-persona-five-primary-hsl: 339.114 calc(var(--saturation-factor, 1)*90.805%) 65.882%;
|
|
--checkpoint-persona-five-secondary: hsl(var(--checkpoint-persona-five-secondary-hsl)/1);
|
|
--checkpoint-persona-five-secondary-hsl: 338.983 calc(var(--saturation-factor, 1)*71.66%) 48.431%;
|
|
--checkpoint-persona-four-background-overlay: hsl(var(--checkpoint-persona-four-background-overlay-hsl)/1);
|
|
--checkpoint-persona-four-background-overlay-hsl: 312.222 calc(var(--saturation-factor, 1)*93.103%) 11.373%;
|
|
--checkpoint-persona-four-gradient-end: hsl(var(--checkpoint-persona-four-gradient-end-hsl)/1);
|
|
--checkpoint-persona-four-gradient-end-hsl: 7.2 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
|
|
--checkpoint-persona-four-gradient-start: hsl(var(--checkpoint-persona-four-gradient-start-hsl)/1);
|
|
--checkpoint-persona-four-gradient-start-hsl: 308.75 calc(var(--saturation-factor, 1)*98.969%) 61.961%;
|
|
--checkpoint-persona-four-primary: hsl(var(--checkpoint-persona-four-primary-hsl)/1);
|
|
--checkpoint-persona-four-primary-hsl: 312.083 calc(var(--saturation-factor, 1)*84.706%) 66.667%;
|
|
--checkpoint-persona-four-secondary: hsl(var(--checkpoint-persona-four-secondary-hsl)/1);
|
|
--checkpoint-persona-four-secondary-hsl: 315.319 calc(var(--saturation-factor, 1)*70.854%) 39.02%;
|
|
--checkpoint-persona-nine-background-overlay: hsl(var(--checkpoint-persona-nine-background-overlay-hsl)/1);
|
|
--checkpoint-persona-nine-background-overlay-hsl: 0 calc(var(--saturation-factor, 1)*0%) 14.902%;
|
|
--checkpoint-persona-nine-gradient-end: hsl(var(--checkpoint-persona-nine-gradient-end-hsl)/1);
|
|
--checkpoint-persona-nine-gradient-end-hsl: 0 calc(var(--saturation-factor, 1)*0%) 24.706%;
|
|
--checkpoint-persona-nine-gradient-start: hsl(var(--checkpoint-persona-nine-gradient-start-hsl)/1);
|
|
--checkpoint-persona-nine-gradient-start-hsl: 0 calc(var(--saturation-factor, 1)*0%) 93.333%;
|
|
--checkpoint-persona-nine-primary: hsl(var(--checkpoint-persona-nine-primary-hsl)/1);
|
|
--checkpoint-persona-nine-primary-hsl: 0 calc(var(--saturation-factor, 1)*0%) 93.333%;
|
|
--checkpoint-persona-nine-secondary: hsl(var(--checkpoint-persona-nine-secondary-hsl)/1);
|
|
--checkpoint-persona-nine-secondary-hsl: 0 calc(var(--saturation-factor, 1)*0%) 66.275%;
|
|
--checkpoint-persona-one-background-overlay: hsl(var(--checkpoint-persona-one-background-overlay-hsl)/1);
|
|
--checkpoint-persona-one-background-overlay-hsl: 169.5 calc(var(--saturation-factor, 1)*76.923%) 10.196%;
|
|
--checkpoint-persona-one-gradient-end: hsl(var(--checkpoint-persona-one-gradient-end-hsl)/1);
|
|
--checkpoint-persona-one-gradient-end-hsl: 168.98 calc(var(--saturation-factor, 1)*59.036%) 16.275%;
|
|
--checkpoint-persona-one-gradient-start: hsl(var(--checkpoint-persona-one-gradient-start-hsl)/1);
|
|
--checkpoint-persona-one-gradient-start-hsl: 169.811 calc(var(--saturation-factor, 1)*97.546%) 68.039%;
|
|
--checkpoint-persona-one-primary: hsl(var(--checkpoint-persona-one-primary-hsl)/1);
|
|
--checkpoint-persona-one-primary-hsl: 169.811 calc(var(--saturation-factor, 1)*97.546%) 68.039%;
|
|
--checkpoint-persona-one-secondary: hsl(var(--checkpoint-persona-one-secondary-hsl)/1);
|
|
--checkpoint-persona-one-secondary-hsl: 169.672 calc(var(--saturation-factor, 1)*68.539%) 34.902%;
|
|
--checkpoint-persona-seven-background-overlay: hsl(var(--checkpoint-persona-seven-background-overlay-hsl)/1);
|
|
--checkpoint-persona-seven-background-overlay-hsl: 44.516 calc(var(--saturation-factor, 1)*100%) 6.078%;
|
|
--checkpoint-persona-seven-gradient-end: hsl(var(--checkpoint-persona-seven-gradient-end-hsl)/1);
|
|
--checkpoint-persona-seven-gradient-end-hsl: 30.361 calc(var(--saturation-factor, 1)*85.567%) 19.02%;
|
|
--checkpoint-persona-seven-gradient-start: hsl(var(--checkpoint-persona-seven-gradient-start-hsl)/1);
|
|
--checkpoint-persona-seven-gradient-start-hsl: 49.891 calc(var(--saturation-factor, 1)*100%) 63.922%;
|
|
--checkpoint-persona-seven-primary: hsl(var(--checkpoint-persona-seven-primary-hsl)/1);
|
|
--checkpoint-persona-seven-primary-hsl: 49.891 calc(var(--saturation-factor, 1)*100%) 63.922%;
|
|
--checkpoint-persona-seven-secondary: hsl(var(--checkpoint-persona-seven-secondary-hsl)/1);
|
|
--checkpoint-persona-seven-secondary-hsl: 49.935 calc(var(--saturation-factor, 1)*74.163%) 40.98%;
|
|
--checkpoint-persona-six-background-overlay: hsl(var(--checkpoint-persona-six-background-overlay-hsl)/1);
|
|
--checkpoint-persona-six-background-overlay-hsl: 27 calc(var(--saturation-factor, 1)*80%) 9.804%;
|
|
--checkpoint-persona-six-gradient-end: hsl(var(--checkpoint-persona-six-gradient-end-hsl)/1);
|
|
--checkpoint-persona-six-gradient-end-hsl: 28.8 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
|
|
--checkpoint-persona-six-gradient-start: hsl(var(--checkpoint-persona-six-gradient-start-hsl)/1);
|
|
--checkpoint-persona-six-gradient-start-hsl: 27.595 calc(var(--saturation-factor, 1)*100%) 53.529%;
|
|
--checkpoint-persona-six-primary: hsl(var(--checkpoint-persona-six-primary-hsl)/1);
|
|
--checkpoint-persona-six-primary-hsl: 26.834 calc(var(--saturation-factor, 1)*100%) 60.98%;
|
|
--checkpoint-persona-six-secondary: hsl(var(--checkpoint-persona-six-secondary-hsl)/1);
|
|
--checkpoint-persona-six-secondary-hsl: 26.809 calc(var(--saturation-factor, 1)*86.239%) 42.745%;
|
|
--checkpoint-persona-three-background-overlay: hsl(var(--checkpoint-persona-three-background-overlay-hsl)/1);
|
|
--checkpoint-persona-three-background-overlay-hsl: 262.105 calc(var(--saturation-factor, 1)*80.282%) 13.922%;
|
|
--checkpoint-persona-three-gradient-end: hsl(var(--checkpoint-persona-three-gradient-end-hsl)/1);
|
|
--checkpoint-persona-three-gradient-end-hsl: 283.2 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
|
|
--checkpoint-persona-three-gradient-start: hsl(var(--checkpoint-persona-three-gradient-start-hsl)/1);
|
|
--checkpoint-persona-three-gradient-start-hsl: 260.114 calc(var(--saturation-factor, 1)*87.129%) 60.392%;
|
|
--checkpoint-persona-three-primary: hsl(var(--checkpoint-persona-three-primary-hsl)/1);
|
|
--checkpoint-persona-three-primary-hsl: 269.011 calc(var(--saturation-factor, 1)*88.35%) 79.804%;
|
|
--checkpoint-persona-three-secondary: hsl(var(--checkpoint-persona-three-secondary-hsl)/1);
|
|
--checkpoint-persona-three-secondary-hsl: 268.837 calc(var(--saturation-factor, 1)*72.067%) 64.902%;
|
|
--checkpoint-persona-two-background-overlay: hsl(var(--checkpoint-persona-two-background-overlay-hsl)/1);
|
|
--checkpoint-persona-two-background-overlay-hsl: 260.426 calc(var(--saturation-factor, 1)*70.149%) 13.137%;
|
|
--checkpoint-persona-two-gradient-end: hsl(var(--checkpoint-persona-two-gradient-end-hsl)/1);
|
|
--checkpoint-persona-two-gradient-end-hsl: 259.481 calc(var(--saturation-factor, 1)*79.381%) 19.02%;
|
|
--checkpoint-persona-two-gradient-start: hsl(var(--checkpoint-persona-two-gradient-start-hsl)/1);
|
|
--checkpoint-persona-two-gradient-start-hsl: 256.018 calc(var(--saturation-factor, 1)*96.507%) 55.098%;
|
|
--checkpoint-persona-two-primary: hsl(var(--checkpoint-persona-two-primary-hsl)/1);
|
|
--checkpoint-persona-two-primary-hsl: 217.982 calc(var(--saturation-factor, 1)*93.162%) 77.059%;
|
|
--checkpoint-persona-two-secondary: hsl(var(--checkpoint-persona-two-secondary-hsl)/1);
|
|
--checkpoint-persona-two-secondary-hsl: 234 calc(var(--saturation-factor, 1)*39.823%) 55.686%;
|
|
--checkpoint-persona-zero-background-overlay: hsl(var(--checkpoint-persona-zero-background-overlay-hsl)/1);
|
|
--checkpoint-persona-zero-background-overlay-hsl: 148.8 calc(var(--saturation-factor, 1)*60.976%) 8.039%;
|
|
--checkpoint-persona-zero-gradient-end: hsl(var(--checkpoint-persona-zero-gradient-end-hsl)/1);
|
|
--checkpoint-persona-zero-gradient-end-hsl: 149.333 calc(var(--saturation-factor, 1)*56.962%) 15.49%;
|
|
--checkpoint-persona-zero-gradient-start: hsl(var(--checkpoint-persona-zero-gradient-start-hsl)/1);
|
|
--checkpoint-persona-zero-gradient-start-hsl: 149.302 calc(var(--saturation-factor, 1)*50.588%) 50%;
|
|
--checkpoint-persona-zero-primary: hsl(var(--checkpoint-persona-zero-primary-hsl)/1);
|
|
--checkpoint-persona-zero-primary-hsl: 143.804 calc(var(--saturation-factor, 1)*83.636%) 56.863%;
|
|
--checkpoint-persona-zero-secondary: hsl(var(--checkpoint-persona-zero-secondary-hsl)/1);
|
|
--checkpoint-persona-zero-secondary-hsl: 143.673 calc(var(--saturation-factor, 1)*78.61%) 36.667%;
|
|
--checkpoint-quests-gradient-end: hsl(var(--checkpoint-quests-gradient-end-hsl)/1);
|
|
--checkpoint-quests-gradient-end-hsl: 283.2 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
|
|
--checkpoint-quests-gradient-start: hsl(var(--checkpoint-quests-gradient-start-hsl)/1);
|
|
--checkpoint-quests-gradient-start-hsl: 260.114 calc(var(--saturation-factor, 1)*87.129%) 60.392%;
|
|
--checkpoint-quests-primary: hsl(var(--checkpoint-quests-primary-hsl)/1);
|
|
--checkpoint-quests-primary-hsl: 269.011 calc(var(--saturation-factor, 1)*88.35%) 79.804%;
|
|
--checkpoint-quests-secondary: hsl(var(--checkpoint-quests-secondary-hsl)/1);
|
|
--checkpoint-quests-secondary-hsl: 268.837 calc(var(--saturation-factor, 1)*72.067%) 64.902%;
|
|
--checkpoint-voice-gradient-end: hsl(var(--checkpoint-voice-gradient-end-hsl)/1);
|
|
--checkpoint-voice-gradient-end-hsl: 30.361 calc(var(--saturation-factor, 1)*85.567%) 19.02%;
|
|
--checkpoint-voice-gradient-start: hsl(var(--checkpoint-voice-gradient-start-hsl)/1);
|
|
--checkpoint-voice-gradient-start-hsl: 49.891 calc(var(--saturation-factor, 1)*100%) 63.922%;
|
|
--checkpoint-voice-primary: hsl(var(--checkpoint-voice-primary-hsl)/1);
|
|
--checkpoint-voice-primary-hsl: 49.891 calc(var(--saturation-factor, 1)*100%) 63.922%;
|
|
--checkpoint-voice-secondary: hsl(var(--checkpoint-voice-secondary-hsl)/1);
|
|
--checkpoint-voice-secondary-hsl: 49.935 calc(var(--saturation-factor, 1)*74.163%) 40.98%;
|
|
--checkpoint-welcome-gradient-end: hsl(var(--checkpoint-welcome-gradient-end-hsl)/1);
|
|
--checkpoint-welcome-gradient-end-hsl: 149.333 calc(var(--saturation-factor, 1)*56.962%) 15.49%;
|
|
--checkpoint-welcome-gradient-start: hsl(var(--checkpoint-welcome-gradient-start-hsl)/1);
|
|
--checkpoint-welcome-gradient-start-hsl: 149.302 calc(var(--saturation-factor, 1)*50.588%) 50%;
|
|
--checkpoint-welcome-primary: hsl(var(--checkpoint-welcome-primary-hsl)/1);
|
|
--checkpoint-welcome-primary-hsl: 143.316 calc(var(--saturation-factor, 1)*83.55%) 54.706%;
|
|
--checkpoint-welcome-secondary: hsl(var(--checkpoint-welcome-secondary-hsl)/1);
|
|
--checkpoint-welcome-secondary-hsl: 143.673 calc(var(--saturation-factor, 1)*78.61%) 36.667%;
|
|
--crunchyroll: hsl(var(--crunchyroll-hsl)/1);
|
|
--crunchyroll-hsl: 29.289 calc(var(--saturation-factor, 1)*92.952%) 55.49%;
|
|
--ebay: hsl(var(--ebay-hsl)/1);
|
|
--ebay-hsl: 211.429 calc(var(--saturation-factor, 1)*100%) 41.176%;
|
|
--epic-games: hsl(var(--epic-games-hsl)/1);
|
|
--epic-games-hsl: 34.286 calc(var(--saturation-factor, 1)*6.195%) 22.157%;
|
|
--facebook: hsl(var(--facebook-hsl)/1);
|
|
--facebook-hsl: 220.714 calc(var(--saturation-factor, 1)*44.211%) 37.255%;
|
|
--github: hsl(var(--github-hsl)/1);
|
|
--github-hsl: 0 calc(var(--saturation-factor, 1)*4.167%) 9.412%;
|
|
--gold: hsl(var(--gold-hsl)/1);
|
|
--gold-hsl: 45.652 calc(var(--saturation-factor, 1)*100%) 54.902%;
|
|
--guild-boosting-blue: hsl(var(--guild-boosting-blue-hsl)/1);
|
|
--guild-boosting-blue-hsl: 221.132 calc(var(--saturation-factor, 1)*70.044%) 55.49%;
|
|
--guild-boosting-blue-for-gradients: hsl(var(--guild-boosting-blue-for-gradients-hsl)/1);
|
|
--guild-boosting-blue-for-gradients-hsl: 234.909 calc(var(--saturation-factor, 1)*68.465%) 52.745%;
|
|
--guild-boosting-pink: hsl(var(--guild-boosting-pink-hsl)/1);
|
|
--guild-boosting-pink-hsl: 302.143 calc(var(--saturation-factor, 1)*100%) 72.549%;
|
|
--guild-boosting-pink-refresh: hsl(var(--guild-boosting-pink-refresh-hsl)/1);
|
|
--guild-boosting-pink-refresh-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
|
|
--guild-boosting-purple: hsl(var(--guild-boosting-purple-hsl)/1);
|
|
--guild-boosting-purple-hsl: 269.032 calc(var(--saturation-factor, 1)*83.784%) 70.98%;
|
|
--guild-boosting-purple-for-gradients: hsl(var(--guild-boosting-purple-for-gradients-hsl)/1);
|
|
--guild-boosting-purple-for-gradients-hsl: 269.162 calc(var(--saturation-factor, 1)*91.795%) 61.765%;
|
|
--hypesquad-house-1: hsl(var(--hypesquad-house-1-hsl)/1);
|
|
--hypesquad-house-1-hsl: 253.458 calc(var(--saturation-factor, 1)*76.978%) 72.745%;
|
|
--hypesquad-house-2: hsl(var(--hypesquad-house-2-hsl)/1);
|
|
--hypesquad-house-2-hsl: 8.511 calc(var(--saturation-factor, 1)*86.503%) 68.039%;
|
|
--hypesquad-house-3: hsl(var(--hypesquad-house-3-hsl)/1);
|
|
--hypesquad-house-3-hsl: 168.553 calc(var(--saturation-factor, 1)*69.091%) 56.863%;
|
|
--illo-blue-10: hsl(var(--illo-blue-10-hsl)/1);
|
|
--illo-blue-10-hsl: 235.2 calc(var(--saturation-factor, 1)*100%) 95.098%;
|
|
--illo-blue-20: hsl(var(--illo-blue-20-hsl)/1);
|
|
--illo-blue-20-hsl: 234.737 calc(var(--saturation-factor, 1)*90.476%) 87.647%;
|
|
--illo-blue-30: hsl(var(--illo-blue-30-hsl)/1);
|
|
--illo-blue-30-hsl: 234 calc(var(--saturation-factor, 1)*90%) 80.392%;
|
|
--illo-blue-40: hsl(var(--illo-blue-40-hsl)/1);
|
|
--illo-blue-40-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--illo-blue-50: hsl(var(--illo-blue-50-hsl)/1);
|
|
--illo-blue-50-hsl: 236.25 calc(var(--saturation-factor, 1)*58.716%) 42.745%;
|
|
--illo-blue-60: hsl(var(--illo-blue-60-hsl)/1);
|
|
--illo-blue-60-hsl: 237.931 calc(var(--saturation-factor, 1)*72.5%) 31.373%;
|
|
--illo-blue-70: hsl(var(--illo-blue-70-hsl)/1);
|
|
--illo-blue-70-hsl: 240 calc(var(--saturation-factor, 1)*100%) 20%;
|
|
--illo-green-10: hsl(var(--illo-green-10-hsl)/1);
|
|
--illo-green-10-hsl: 145.385 calc(var(--saturation-factor, 1)*100%) 94.902%;
|
|
--illo-green-20: hsl(var(--illo-green-20-hsl)/1);
|
|
--illo-green-20-hsl: 144.407 calc(var(--saturation-factor, 1)*88.06%) 86.863%;
|
|
--illo-green-30: hsl(var(--illo-green-30-hsl)/1);
|
|
--illo-green-30-hsl: 143.67 calc(var(--saturation-factor, 1)*87.2%) 75.49%;
|
|
--illo-green-40: hsl(var(--illo-green-40-hsl)/1);
|
|
--illo-green-40-hsl: 143.804 calc(var(--saturation-factor, 1)*83.636%) 56.863%;
|
|
--illo-green-50: hsl(var(--illo-green-50-hsl)/1);
|
|
--illo-green-50-hsl: 145.714 calc(var(--saturation-factor, 1)*70%) 43.137%;
|
|
--illo-green-60: hsl(var(--illo-green-60-hsl)/1);
|
|
--illo-green-60-hsl: 149.048 calc(var(--saturation-factor, 1)*79.747%) 30.98%;
|
|
--illo-green-70: hsl(var(--illo-green-70-hsl)/1);
|
|
--illo-green-70-hsl: 152.941 calc(var(--saturation-factor, 1)*100%) 20%;
|
|
--illo-nitro-blue: hsl(var(--illo-nitro-blue-hsl)/1);
|
|
--illo-nitro-blue-hsl: 240 calc(var(--saturation-factor, 1)*82.063%) 43.725%;
|
|
--illo-orange-10: hsl(var(--illo-orange-10-hsl)/1);
|
|
--illo-orange-10-hsl: 33.571 calc(var(--saturation-factor, 1)*100%) 83.529%;
|
|
--illo-orange-20: hsl(var(--illo-orange-20-hsl)/1);
|
|
--illo-orange-20-hsl: 28.029 calc(var(--saturation-factor, 1)*100%) 73.137%;
|
|
--illo-orange-30: hsl(var(--illo-orange-30-hsl)/1);
|
|
--illo-orange-30-hsl: 25.532 calc(var(--saturation-factor, 1)*98.947%) 62.745%;
|
|
--illo-orange-40: hsl(var(--illo-orange-40-hsl)/1);
|
|
--illo-orange-40-hsl: 24.149 calc(var(--saturation-factor, 1)*99.177%) 52.353%;
|
|
--illo-orange-50: hsl(var(--illo-orange-50-hsl)/1);
|
|
--illo-orange-50-hsl: 21.391 calc(var(--saturation-factor, 1)*90.551%) 49.804%;
|
|
--illo-orange-60: hsl(var(--illo-orange-60-hsl)/1);
|
|
--illo-orange-60-hsl: 18.356 calc(var(--saturation-factor, 1)*91.632%) 46.863%;
|
|
--illo-orange-70: hsl(var(--illo-orange-70-hsl)/1);
|
|
--illo-orange-70-hsl: 15 calc(var(--saturation-factor, 1)*92.035%) 44.314%;
|
|
--illo-pink-10: hsl(var(--illo-pink-10-hsl)/1);
|
|
--illo-pink-10-hsl: 290.4 calc(var(--saturation-factor, 1)*100%) 95.098%;
|
|
--illo-pink-20: hsl(var(--illo-pink-20-hsl)/1);
|
|
--illo-pink-20-hsl: 308 calc(var(--saturation-factor, 1)*90.909%) 87.059%;
|
|
--illo-pink-30: hsl(var(--illo-pink-30-hsl)/1);
|
|
--illo-pink-30-hsl: 312 calc(var(--saturation-factor, 1)*96.154%) 79.608%;
|
|
--illo-pink-40: hsl(var(--illo-pink-40-hsl)/1);
|
|
--illo-pink-40-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
|
|
--illo-pink-50: hsl(var(--illo-pink-50-hsl)/1);
|
|
--illo-pink-50-hsl: 309.787 calc(var(--saturation-factor, 1)*64.977%) 42.549%;
|
|
--illo-pink-60: hsl(var(--illo-pink-60-hsl)/1);
|
|
--illo-pink-60-hsl: 305.455 calc(var(--saturation-factor, 1)*76.101%) 31.176%;
|
|
--illo-pink-70: hsl(var(--illo-pink-70-hsl)/1);
|
|
--illo-pink-70-hsl: 300 calc(var(--saturation-factor, 1)*100%) 20%;
|
|
--illo-purple-10: hsl(var(--illo-purple-10-hsl)/1);
|
|
--illo-purple-10-hsl: 271.2 calc(var(--saturation-factor, 1)*100%) 95.098%;
|
|
--illo-purple-20: hsl(var(--illo-purple-20-hsl)/1);
|
|
--illo-purple-20-hsl: 268.966 calc(var(--saturation-factor, 1)*90.625%) 87.451%;
|
|
--illo-purple-30: hsl(var(--illo-purple-30-hsl)/1);
|
|
--illo-purple-30-hsl: 269.011 calc(var(--saturation-factor, 1)*88.35%) 79.804%;
|
|
--illo-purple-40: hsl(var(--illo-purple-40-hsl)/1);
|
|
--illo-purple-40-hsl: 268.462 calc(var(--saturation-factor, 1)*85.714%) 64.314%;
|
|
--illo-purple-50: hsl(var(--illo-purple-50-hsl)/1);
|
|
--illo-purple-50-hsl: 264.275 calc(var(--saturation-factor, 1)*59.817%) 42.941%;
|
|
--illo-purple-60: hsl(var(--illo-purple-60-hsl)/1);
|
|
--illo-purple-60-hsl: 260.87 calc(var(--saturation-factor, 1)*72.327%) 31.176%;
|
|
--illo-purple-70: hsl(var(--illo-purple-70-hsl)/1);
|
|
--illo-purple-70-hsl: 257.059 calc(var(--saturation-factor, 1)*100%) 20%;
|
|
--illo-yellow-10: hsl(var(--illo-yellow-10-hsl)/1);
|
|
--illo-yellow-10-hsl: 50 calc(var(--saturation-factor, 1)*100%) 87.059%;
|
|
--illo-yellow-20: hsl(var(--illo-yellow-20-hsl)/1);
|
|
--illo-yellow-20-hsl: 49.714 calc(var(--saturation-factor, 1)*100%) 79.412%;
|
|
--illo-yellow-30: hsl(var(--illo-yellow-30-hsl)/1);
|
|
--illo-yellow-30-hsl: 50.069 calc(var(--saturation-factor, 1)*100%) 71.569%;
|
|
--illo-yellow-40: hsl(var(--illo-yellow-40-hsl)/1);
|
|
--illo-yellow-40-hsl: 49.891 calc(var(--saturation-factor, 1)*100%) 63.922%;
|
|
--illo-yellow-50: hsl(var(--illo-yellow-50-hsl)/1);
|
|
--illo-yellow-50-hsl: 42.551 calc(var(--saturation-factor, 1)*89.091%) 56.863%;
|
|
--illo-yellow-60: hsl(var(--illo-yellow-60-hsl)/1);
|
|
--illo-yellow-60-hsl: 35.942 calc(var(--saturation-factor, 1)*81.176%) 50%;
|
|
--illo-yellow-70: hsl(var(--illo-yellow-70-hsl)/1);
|
|
--illo-yellow-70-hsl: 30.137 calc(var(--saturation-factor, 1)*100%) 42.941%;
|
|
--lol: hsl(var(--lol-hsl)/1);
|
|
--lol-hsl: 190.286 calc(var(--saturation-factor, 1)*89.744%) 7.647%;
|
|
--lol-text-dark: hsl(var(--lol-text-dark-hsl)/1);
|
|
--lol-text-dark-hsl: 37.444 calc(var(--saturation-factor, 1)*81.595%) 31.961%;
|
|
--lol-text-light: hsl(var(--lol-text-light-hsl)/1);
|
|
--lol-text-light-hsl: 41.143 calc(var(--saturation-factor, 1)*50.239%) 59.02%;
|
|
--partner: hsl(var(--partner-hsl)/1);
|
|
--partner-hsl: 215.376 calc(var(--saturation-factor, 1)*82.775%) 59.02%;
|
|
--paypal: hsl(var(--paypal-hsl)/1);
|
|
--paypal-hsl: 230.455 calc(var(--saturation-factor, 1)*69.841%) 24.706%;
|
|
--playstation: hsl(var(--playstation-hsl)/1);
|
|
--playstation-hsl: 220 calc(var(--saturation-factor, 1)*95.652%) 27.059%;
|
|
--premium-nitro-pink-dark: hsl(var(--premium-nitro-pink-dark-hsl)/1);
|
|
--premium-nitro-pink-dark-hsl: 299.45 calc(var(--saturation-factor, 1)*43.083%) 50.392%;
|
|
--premium-nitro-pink-light: hsl(var(--premium-nitro-pink-light-hsl)/1);
|
|
--premium-nitro-pink-light-hsl: 299.333 calc(var(--saturation-factor, 1)*42.857%) 58.824%;
|
|
--premium-perk-blue: hsl(var(--premium-perk-blue-hsl)/1);
|
|
--premium-perk-blue-hsl: 222.047 calc(var(--saturation-factor, 1)*100%) 75.098%;
|
|
--premium-perk-blue-alt: hsl(var(--premium-perk-blue-alt-hsl)/1);
|
|
--premium-perk-blue-alt-hsl: 223.03 calc(var(--saturation-factor, 1)*100%) 80.588%;
|
|
--premium-perk-dark-blue: hsl(var(--premium-perk-dark-blue-hsl)/1);
|
|
--premium-perk-dark-blue-hsl: 220.392 calc(var(--saturation-factor, 1)*67.401%) 55.49%;
|
|
--premium-perk-gold: hsl(var(--premium-perk-gold-hsl)/1);
|
|
--premium-perk-gold-hsl: 37.5 calc(var(--saturation-factor, 1)*95.726%) 54.118%;
|
|
--premium-perk-green: hsl(var(--premium-perk-green-hsl)/1);
|
|
--premium-perk-green-hsl: 163.953 calc(var(--saturation-factor, 1)*55.128%) 69.412%;
|
|
--premium-perk-light-blue: hsl(var(--premium-perk-light-blue-hsl)/1);
|
|
--premium-perk-light-blue-hsl: 221.481 calc(var(--saturation-factor, 1)*100%) 84.118%;
|
|
--premium-perk-orange: hsl(var(--premium-perk-orange-hsl)/1);
|
|
--premium-perk-orange-hsl: 25.424 calc(var(--saturation-factor, 1)*96.721%) 64.118%;
|
|
--premium-perk-pink: hsl(var(--premium-perk-pink-hsl)/1);
|
|
--premium-perk-pink-hsl: 305.197 calc(var(--saturation-factor, 1)*100%) 75.098%;
|
|
--premium-perk-purple: hsl(var(--premium-perk-purple-hsl)/1);
|
|
--premium-perk-purple-hsl: 272.079 calc(var(--saturation-factor, 1)*100%) 80.196%;
|
|
--premium-perk-yellow: hsl(var(--premium-perk-yellow-hsl)/1);
|
|
--premium-perk-yellow-hsl: 46.813 calc(var(--saturation-factor, 1)*98.913%) 63.922%;
|
|
--premium-tier-0-blue: hsl(var(--premium-tier-0-blue-hsl)/1);
|
|
--premium-tier-0-blue-hsl: 201.649 calc(var(--saturation-factor, 1)*100%) 38.039%;
|
|
--premium-tier-0-blue-for-gradients: hsl(var(--premium-tier-0-blue-for-gradients-hsl)/1);
|
|
--premium-tier-0-blue-for-gradients-hsl: 201.649 calc(var(--saturation-factor, 1)*100%) 38.039%;
|
|
--premium-tier-0-blue-for-gradients-2: hsl(var(--premium-tier-0-blue-for-gradients-2-hsl)/1);
|
|
--premium-tier-0-blue-for-gradients-2-hsl: 209.022 calc(var(--saturation-factor, 1)*80%) 45.098%;
|
|
--premium-tier-0-header-gradient-1: hsl(var(--premium-tier-0-header-gradient-1-hsl)/1);
|
|
--premium-tier-0-header-gradient-1-hsl: 240.451 calc(var(--saturation-factor, 1)*55.187%) 47.255%;
|
|
--premium-tier-0-header-gradient-2: hsl(var(--premium-tier-0-header-gradient-2-hsl)/1);
|
|
--premium-tier-0-header-gradient-2-hsl: 224.444 calc(var(--saturation-factor, 1)*77.885%) 59.216%;
|
|
--premium-tier-0-header-gradient-3: hsl(var(--premium-tier-0-header-gradient-3-hsl)/1);
|
|
--premium-tier-0-header-gradient-3-hsl: 246.207 calc(var(--saturation-factor, 1)*74.359%) 69.412%;
|
|
--premium-tier-0-header-gradient-4: hsl(var(--premium-tier-0-header-gradient-4-hsl)/1);
|
|
--premium-tier-0-header-gradient-4-hsl: 294.595 calc(var(--saturation-factor, 1)*79.856%) 72.745%;
|
|
--premium-tier-0-header-gradient-5: hsl(var(--premium-tier-0-header-gradient-5-hsl)/1);
|
|
--premium-tier-0-header-gradient-5-hsl: 336.456 calc(var(--saturation-factor, 1)*55.245%) 71.961%;
|
|
--premium-tier-0-purple: hsl(var(--premium-tier-0-purple-hsl)/1);
|
|
--premium-tier-0-purple-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--premium-tier-0-purple-for-gradients: hsl(var(--premium-tier-0-purple-for-gradients-hsl)/1);
|
|
--premium-tier-0-purple-for-gradients-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--premium-tier-1-blue: hsl(var(--premium-tier-1-blue-hsl)/1);
|
|
--premium-tier-1-blue-hsl: 227.538 calc(var(--saturation-factor, 1)*86.667%) 70.588%;
|
|
--premium-tier-1-blue-for-gradients: hsl(var(--premium-tier-1-blue-for-gradients-hsl)/1);
|
|
--premium-tier-1-blue-for-gradients-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--premium-tier-1-dark-blue-for-gradients: hsl(var(--premium-tier-1-dark-blue-for-gradients-hsl)/1);
|
|
--premium-tier-1-dark-blue-for-gradients-hsl: 234.909 calc(var(--saturation-factor, 1)*68.465%) 52.745%;
|
|
--premium-tier-1-purple: hsl(var(--premium-tier-1-purple-hsl)/1);
|
|
--premium-tier-1-purple-hsl: 243.704 calc(var(--saturation-factor, 1)*100%) 84.118%;
|
|
--premium-tier-2-pink: hsl(var(--premium-tier-2-pink-hsl)/1);
|
|
--premium-tier-2-pink-hsl: 342 calc(var(--saturation-factor, 1)*57.971%) 72.941%;
|
|
--premium-tier-2-pink-for-gradients: hsl(var(--premium-tier-2-pink-for-gradients-hsl)/1);
|
|
--premium-tier-2-pink-for-gradients-hsl: 325.385 calc(var(--saturation-factor, 1)*31.707%) 51.765%;
|
|
--premium-tier-2-pink-for-gradients-2: hsl(var(--premium-tier-2-pink-for-gradients-2-hsl)/1);
|
|
--premium-tier-2-pink-for-gradients-2-hsl: 295.42 calc(var(--saturation-factor, 1)*51.373%) 50%;
|
|
--premium-tier-2-purple: hsl(var(--premium-tier-2-purple-hsl)/1);
|
|
--premium-tier-2-purple-hsl: 270 calc(var(--saturation-factor, 1)*86.667%) 70.588%;
|
|
--premium-tier-2-purple-for-gradients: hsl(var(--premium-tier-2-purple-for-gradients-hsl)/1);
|
|
--premium-tier-2-purple-for-gradients-hsl: 269.291 calc(var(--saturation-factor, 1)*52.697%) 52.745%;
|
|
--premium-tier-2-purple-for-gradients-2: hsl(var(--premium-tier-2-purple-for-gradients-2-hsl)/1);
|
|
--premium-tier-2-purple-for-gradients-2-hsl: 295.645 calc(var(--saturation-factor, 1)*50%) 51.373%;
|
|
--reddit: hsl(var(--reddit-hsl)/1);
|
|
--reddit-hsl: 16.235 calc(var(--saturation-factor, 1)*100%) 50%;
|
|
--riot-games: hsl(var(--riot-games-hsl)/1);
|
|
--riot-games-hsl: 349.487 calc(var(--saturation-factor, 1)*100%) 45.882%;
|
|
--role-blue: hsl(var(--role-blue-hsl)/1);
|
|
--role-blue-hsl: 203.793 calc(var(--saturation-factor, 1)*64.444%) 35.294%;
|
|
--role-brown: hsl(var(--role-brown-hsl)/1);
|
|
--role-brown-hsl: 23.929 calc(var(--saturation-factor, 1)*100%) 32.941%;
|
|
--role-burgundy: hsl(var(--role-burgundy-hsl)/1);
|
|
--role-burgundy-hsl: 333.725 calc(var(--saturation-factor, 1)*79.275%) 37.843%;
|
|
--role-dark-blue: hsl(var(--role-dark-blue-hsl)/1);
|
|
--role-dark-blue-hsl: 198.947 calc(var(--saturation-factor, 1)*18.447%) 40.392%;
|
|
--role-dark-grey: hsl(var(--role-dark-grey-hsl)/1);
|
|
--role-dark-grey-hsl: 199.535 calc(var(--saturation-factor, 1)*18.298%) 46.078%;
|
|
--role-dark-purple: hsl(var(--role-dark-purple-hsl)/1);
|
|
--role-dark-purple-hsl: 282.143 calc(var(--saturation-factor, 1)*43.75%) 37.647%;
|
|
--role-dark-teal: hsl(var(--role-dark-teal-hsl)/1);
|
|
--role-dark-teal-hsl: 168.108 calc(var(--saturation-factor, 1)*76.552%) 28.431%;
|
|
--role-default: hsl(var(--role-default-hsl)/1);
|
|
--role-default-hsl: 203.571 calc(var(--saturation-factor, 1)*15.909%) 65.49%;
|
|
--role-green: hsl(var(--role-green-hsl)/1);
|
|
--role-green-hsl: 145 calc(var(--saturation-factor, 1)*63.529%) 33.333%;
|
|
--role-grey: hsl(var(--role-grey-hsl)/1);
|
|
--role-grey-hsl: 202.5 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--role-light-blue: hsl(var(--role-light-blue-hsl)/1);
|
|
--role-light-blue-hsl: 203.571 calc(var(--saturation-factor, 1)*15.909%) 65.49%;
|
|
--role-light-green: hsl(var(--role-light-green-hsl)/1);
|
|
--role-light-green-hsl: 145.443 calc(var(--saturation-factor, 1)*63.2%) 49.02%;
|
|
--role-light-grey: hsl(var(--role-light-grey-hsl)/1);
|
|
--role-light-grey-hsl: 183.529 calc(var(--saturation-factor, 1)*8.718%) 61.765%;
|
|
--role-magenta: hsl(var(--role-magenta-hsl)/1);
|
|
--role-magenta-hsl: 339.606 calc(var(--saturation-factor, 1)*82.186%) 51.569%;
|
|
--role-orange: hsl(var(--role-orange-hsl)/1);
|
|
--role-orange-hsl: 28.163 calc(var(--saturation-factor, 1)*79.675%) 51.765%;
|
|
--role-purple: hsl(var(--role-purple-hsl)/1);
|
|
--role-purple-hsl: 282.581 calc(var(--saturation-factor, 1)*38.912%) 53.137%;
|
|
--role-salmon: hsl(var(--role-salmon-hsl)/1);
|
|
--role-salmon-hsl: 5.614 calc(var(--saturation-factor, 1)*78.082%) 57.059%;
|
|
--role-sky-blue: hsl(var(--role-sky-blue-hsl)/1);
|
|
--role-sky-blue-hsl: 204.072 calc(var(--saturation-factor, 1)*69.874%) 53.137%;
|
|
--role-tan: hsl(var(--role-tan-hsl)/1);
|
|
--role-tan-hsl: 36.667 calc(var(--saturation-factor, 1)*86.538%) 40.784%;
|
|
--role-teal: hsl(var(--role-teal-hsl)/1);
|
|
--role-teal-hsl: 168.148 calc(var(--saturation-factor, 1)*75.701%) 41.961%;
|
|
--role-terracotta: hsl(var(--role-terracotta-hsl)/1);
|
|
--role-terracotta-hsl: 5.546 calc(var(--saturation-factor, 1)*63.636%) 36.667%;
|
|
--role-yellow: hsl(var(--role-yellow-hsl)/1);
|
|
--role-yellow-hsl: 48.053 calc(var(--saturation-factor, 1)*88.976%) 50.196%;
|
|
--samsung: hsl(var(--samsung-hsl)/1);
|
|
--samsung-hsl: 231 calc(var(--saturation-factor, 1)*77.778%) 35.294%;
|
|
--skype: hsl(var(--skype-hsl)/1);
|
|
--skype-hsl: 196.186 calc(var(--saturation-factor, 1)*100%) 42.157%;
|
|
--spotify: hsl(var(--spotify-hsl)/1);
|
|
--spotify-hsl: 141.154 calc(var(--saturation-factor, 1)*72.897%) 41.961%;
|
|
--steam: hsl(var(--steam-hsl)/1);
|
|
--steam-hsl: 214.615 calc(var(--saturation-factor, 1)*35.135%) 14.51%;
|
|
--transparent: hsl(var(--transparent-hsl)/0);
|
|
--transparent-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--twitch: hsl(var(--twitch-hsl)/1);
|
|
--twitch-hsl: 264.13 calc(var(--saturation-factor, 1)*100%) 63.922%;
|
|
--twitch-secondary: hsl(var(--twitch-secondary-hsl)/1);
|
|
--twitch-secondary-hsl: 263.936 calc(var(--saturation-factor, 1)*80.342%) 54.118%;
|
|
--twitter: hsl(var(--twitter-hsl)/1);
|
|
--twitter-hsl: 202.817 calc(var(--saturation-factor, 1)*89.121%) 53.137%;
|
|
--xbox: hsl(var(--xbox-hsl)/1);
|
|
--xbox-hsl: 120 calc(var(--saturation-factor, 1)*77.143%) 27.451%;
|
|
--youtube: hsl(var(--youtube-hsl)/1);
|
|
--youtube-hsl: 0.351 calc(var(--saturation-factor, 1)*72.766%) 46.078%
|
|
}
|
|
|
|
.theme-dark {
|
|
--app-frame-background: var(--neutral-78);
|
|
--app-frame-border: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--app-message-embed-secondary-text: hsl(var(--white-hsl)/0.7);
|
|
--background-accent: var(--primary-530);
|
|
--background-base-low: var(--neutral-66);
|
|
--background-base-lower: var(--neutral-69);
|
|
--background-base-lowest: var(--neutral-73);
|
|
--background-brand: var(--blurple-50);
|
|
--background-code: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
|
|
--background-code-addition: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
|
|
--background-code-deletion: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
|
|
--background-feedback-critical: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
|
|
--background-feedback-info: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
|
|
--background-feedback-notification: var(--red-new-46);
|
|
--background-feedback-positive: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
|
|
--background-feedback-warning: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
|
|
--background-mod-muted: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--background-mod-normal: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--background-mod-strong: hsl(var(--opacity-20-hsl)/0.2);
|
|
--background-mod-subtle: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--background-scrim: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
|
|
--background-scrim-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
|
|
--background-secondary-alt: var(--primary-660);
|
|
--background-surface-high: var(--neutral-64);
|
|
--background-surface-higher: var(--neutral-62);
|
|
--background-surface-highest: var(--neutral-60);
|
|
--background-tile-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.3);
|
|
--background-tile-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.3);
|
|
--badge-background-brand: var(--blurple-50);
|
|
--badge-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--badge-expressive-background-default: var(--neutral-1);
|
|
--badge-expressive-text-default: var(--neutral-71);
|
|
--badge-notification-background: var(--red-new-46);
|
|
--badge-text-brand: var(--neutral-1);
|
|
--badge-text-default: var(--neutral-1);
|
|
--bg-surface-raised: var(--primary-560);
|
|
--border-feedback-critical: hsl(var(--opacity-red-20-hsl)/0.2);
|
|
--border-focus: var(--blue-new-30);
|
|
--border-muted: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--border-normal: hsl(var(--opacity-20-hsl)/0.2);
|
|
--border-strong: hsl(var(--opacity-44-hsl)/0.4392156862745098);
|
|
--border-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--button-danger-background-disabled: var(--red-new-50);
|
|
--button-outline-brand-background-hover: var(--brand-500);
|
|
--button-outline-brand-border-active: var(--brand-560);
|
|
--button-outline-primary-text: var(--white);
|
|
--card-background-default: var(--neutral-64);
|
|
--card-primary-pressed-bg: var(--primary-645);
|
|
--card-secondary-bg: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--card-secondary-pressed-bg: var(--primary-645);
|
|
--channel-icon: var(--neutral-28);
|
|
--channel-text-area-placeholder: var(--primary-430);
|
|
--channels-default: var(--neutral-28);
|
|
--channeltextarea-background: var(--primary-560);
|
|
--chat-background: var(--primary-600);
|
|
--chat-background-default: var(--neutral-64);
|
|
--chat-border: var(--primary-700);
|
|
--chat-text-muted: var(--neutral-27);
|
|
--checkbox-background-active: var(--blurple-65);
|
|
--checkbox-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--checkbox-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--checkbox-background-selected-default: var(--blurple-50);
|
|
--checkbox-background-selected-hover: var(--blurple-60);
|
|
--checkbox-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--checkbox-border-default: var(--neutral-34);
|
|
--checkbox-border-hover: hsl(var(--opacity-80-hsl)/0.8);
|
|
--checkbox-border-selected-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--checkbox-border-selected-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--checkbox-icon-active: var(--neutral-1);
|
|
--chip-blurple-dark-background: var(--blurple-70);
|
|
--chip-blurple-dark-text: var(--blurple-1);
|
|
--chip-blurple-light-background: var(--blurple-20);
|
|
--chip-blurple-light-text: var(--blurple-91);
|
|
--chip-blurple-medium-background: var(--blurple-40);
|
|
--chip-blurple-medium-text: var(--blurple-100);
|
|
--chip-gray-dark-background: var(--neutral-75);
|
|
--chip-gray-dark-text: var(--neutral-6);
|
|
--chip-gray-light-background: var(--neutral-10);
|
|
--chip-gray-light-text: var(--neutral-68);
|
|
--chip-gray-medium-background: var(--neutral-40);
|
|
--chip-gray-medium-text: var(--neutral-1);
|
|
--chip-green-dark-background: var(--green-new-70);
|
|
--chip-green-dark-text: var(--green-new-1);
|
|
--chip-green-light-background: var(--green-new-20);
|
|
--chip-green-light-text: var(--green-new-91);
|
|
--chip-green-medium-background: var(--green-new-45);
|
|
--chip-green-medium-text: var(--green-new-96);
|
|
--chip-orange-dark-background: var(--orange-new-70);
|
|
--chip-orange-dark-text: var(--orange-new-1);
|
|
--chip-orange-light-background: var(--orange-new-20);
|
|
--chip-orange-light-text: var(--orange-new-93);
|
|
--chip-orange-medium-background: var(--orange-new-40);
|
|
--chip-orange-medium-text: var(--orange-new-100);
|
|
--chip-pink-dark-background: var(--illo-pink-60);
|
|
--chip-pink-dark-text: var(--neutral-1);
|
|
--chip-pink-light-background: var(--illo-pink-20);
|
|
--chip-pink-light-text: var(--neutral-73);
|
|
--chip-pink-medium-background: var(--illo-pink-40);
|
|
--chip-pink-medium-text: var(--neutral-100);
|
|
--chip-purple-dark-background: var(--illo-purple-60);
|
|
--chip-purple-dark-text: var(--neutral-10);
|
|
--chip-purple-light-background: var(--illo-purple-20);
|
|
--chip-purple-light-text: var(--neutral-75);
|
|
--chip-purple-medium-background: var(--illo-purple-40);
|
|
--chip-purple-medium-text: var(--neutral-100);
|
|
--chip-red-dark-background: var(--red-new-70);
|
|
--chip-red-dark-text: var(--red-new-1);
|
|
--chip-red-light-background: var(--red-new-20);
|
|
--chip-red-light-text: var(--red-new-95);
|
|
--chip-red-medium-background: var(--red-new-45);
|
|
--chip-red-medium-text: var(--red-new-100);
|
|
--chip-yellow-dark-background: var(--yellow-new-70);
|
|
--chip-yellow-dark-text: var(--yellow-new-1);
|
|
--chip-yellow-light-background: var(--yellow-new-20);
|
|
--chip-yellow-light-text: var(--yellow-new-87);
|
|
--chip-yellow-medium-background: var(--yellow-new-45);
|
|
--chip-yellow-medium-text: var(--yellow-new-80);
|
|
--content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
|
|
--content-inventory-overlay-text-primary: hsl(var(--white-hsl)/0.85);
|
|
--content-inventory-overlay-text-secondary: hsl(var(--white-hsl)/0.7);
|
|
--context-menu-backdrop-background: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
|
|
--control-brand-foreground: var(--brand-360);
|
|
--control-brand-foreground-new: var(--brand-360);
|
|
--control-connected-background-active: var(--green-new-65);
|
|
--control-connected-background-default: var(--green-new-50);
|
|
--control-connected-background-hover: var(--green-new-60);
|
|
--control-connected-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-connected-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-connected-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-connected-icon-active: var(--neutral-1);
|
|
--control-connected-icon-default: var(--neutral-1);
|
|
--control-connected-icon-hover: var(--neutral-1);
|
|
--control-connected-text-active: var(--neutral-1);
|
|
--control-connected-text-default: var(--neutral-1);
|
|
--control-connected-text-hover: var(--neutral-1);
|
|
--control-critical-primary-background-active: var(--red-new-65);
|
|
--control-critical-primary-background-default: var(--red-new-50);
|
|
--control-critical-primary-background-hover: var(--red-new-60);
|
|
--control-critical-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-critical-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-critical-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-critical-primary-icon-active: var(--neutral-1);
|
|
--control-critical-primary-icon-default: var(--neutral-1);
|
|
--control-critical-primary-icon-hover: var(--neutral-1);
|
|
--control-critical-primary-text-active: var(--neutral-1);
|
|
--control-critical-primary-text-default: var(--neutral-1);
|
|
--control-critical-primary-text-hover: var(--neutral-1);
|
|
--control-critical-secondary-background-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-critical-secondary-background-default: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--control-critical-secondary-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-critical-secondary-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-critical-secondary-border-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-critical-secondary-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-critical-secondary-icon-active: var(--red-new-22);
|
|
--control-critical-secondary-icon-default: var(--red-new-22);
|
|
--control-critical-secondary-icon-hover: var(--red-new-22);
|
|
--control-critical-secondary-text-active: var(--red-new-22);
|
|
--control-critical-secondary-text-default: var(--red-new-22);
|
|
--control-critical-secondary-text-hover: var(--red-new-22);
|
|
--control-expressive-background-active: var(--neutral-5);
|
|
--control-expressive-background-default: var(--neutral-1);
|
|
--control-expressive-background-hover: var(--neutral-1);
|
|
--control-expressive-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-expressive-border-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-expressive-border-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-expressive-icon-active: var(--neutral-100);
|
|
--control-expressive-icon-default: var(--neutral-100);
|
|
--control-expressive-icon-hover: var(--neutral-100);
|
|
--control-expressive-text-active: var(--neutral-100);
|
|
--control-expressive-text-default: var(--neutral-100);
|
|
--control-expressive-text-hover: var(--neutral-100);
|
|
--control-icon-only-background-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-icon-only-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-icon-only-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-icon-only-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-icon-only-icon-active: var(--neutral-1);
|
|
--control-icon-only-icon-default: var(--neutral-16);
|
|
--control-icon-only-icon-hover: var(--neutral-1);
|
|
--control-overlay-primary-background-active: var(--neutral-17);
|
|
--control-overlay-primary-background-default: var(--neutral-1);
|
|
--control-overlay-primary-background-hover: var(--neutral-9);
|
|
--control-overlay-primary-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-overlay-primary-border-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-overlay-primary-border-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-overlay-primary-icon-active: var(--neutral-100);
|
|
--control-overlay-primary-icon-default: var(--neutral-100);
|
|
--control-overlay-primary-icon-hover: var(--neutral-100);
|
|
--control-overlay-primary-text-active: var(--neutral-100);
|
|
--control-overlay-primary-text-default: var(--neutral-100);
|
|
--control-overlay-primary-text-hover: var(--neutral-100);
|
|
--control-overlay-secondary-background-active: hsl(var(--opacity-black-48-hsl)/0.47843137254901963);
|
|
--control-overlay-secondary-background-default: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
|
|
--control-overlay-secondary-background-hover: hsl(var(--opacity-black-64-hsl)/0.6392156862745098);
|
|
--control-overlay-secondary-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-overlay-secondary-border-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-overlay-secondary-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-overlay-secondary-icon-active: var(--neutral-1);
|
|
--control-overlay-secondary-icon-default: var(--neutral-1);
|
|
--control-overlay-secondary-icon-hover: var(--neutral-1);
|
|
--control-overlay-secondary-text-active: var(--neutral-1);
|
|
--control-overlay-secondary-text-default: var(--neutral-1);
|
|
--control-overlay-secondary-text-hover: var(--neutral-1);
|
|
--control-primary-background-active: var(--blurple-65);
|
|
--control-primary-background-default: var(--blurple-50);
|
|
--control-primary-background-hover: var(--blurple-60);
|
|
--control-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-primary-icon-active: var(--neutral-1);
|
|
--control-primary-icon-default: var(--neutral-1);
|
|
--control-primary-icon-hover: var(--neutral-1);
|
|
--control-primary-text-active: var(--neutral-1);
|
|
--control-primary-text-default: var(--neutral-1);
|
|
--control-primary-text-hover: var(--neutral-1);
|
|
--control-secondary-background-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-secondary-background-default: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--control-secondary-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-secondary-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-secondary-border-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-secondary-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-secondary-icon-active: var(--neutral-1);
|
|
--control-secondary-icon-default: var(--neutral-1);
|
|
--control-secondary-icon-hover: var(--neutral-1);
|
|
--control-secondary-text-active: var(--neutral-1);
|
|
--control-secondary-text-default: var(--neutral-1);
|
|
--control-secondary-text-hover: var(--neutral-1);
|
|
--creator-revenue-icon-gradient-end: var(--teal-430);
|
|
--creator-revenue-icon-gradient-start: var(--teal-360);
|
|
--creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
|
|
--creator-revenue-info-box-border: var(--teal-400);
|
|
--creator-revenue-locked-channel-icon: var(--teal-345);
|
|
--creator-revenue-progress-bar: var(--teal-400);
|
|
--embed-background: var(--primary-630);
|
|
--embed-background-alternate: var(--primary-600);
|
|
--experimental-avatar-embed-bg: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
|
|
--expressive-gradient-blue-end: hsl(var(--illo-blue-60-hsl)/0.45);
|
|
--expressive-gradient-blue-start: hsl(var(--illo-blue-40-hsl)/0.45);
|
|
--expressive-gradient-green-end: hsl(var(--illo-green-70-hsl)/0.45);
|
|
--expressive-gradient-green-start: hsl(var(--illo-green-50-hsl)/0.45);
|
|
--expressive-gradient-nitro-green-end: hsl(var(--illo-nitro-blue-hsl)/0.5);
|
|
--expressive-gradient-nitro-green-start: hsl(var(--illo-green-50-hsl)/0.5);
|
|
--expressive-gradient-nitro-pink-end: hsl(var(--illo-nitro-blue-hsl)/0.5);
|
|
--expressive-gradient-nitro-pink-start: hsl(var(--illo-pink-60-hsl)/0.5);
|
|
--expressive-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.45);
|
|
--expressive-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.45);
|
|
--expressive-gradient-purple-end: hsl(var(--illo-purple-60-hsl)/0.45);
|
|
--expressive-gradient-purple-start: hsl(var(--illo-purple-40-hsl)/0.45);
|
|
--expressive-gradient-tenure-badge-bronze-end: hsl(var(--illo-orange-70-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-bronze-start: hsl(var(--illo-orange-30-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-diamond-end: hsl(var(--illo-purple-50-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-diamond-start: hsl(var(--illo-purple-40-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-emerald-end: hsl(var(--illo-green-60-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-emerald-start: hsl(var(--illo-green-40-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-gold-end: hsl(var(--yellow-new-41-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-gold-start: hsl(var(--illo-yellow-50-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-opal-end: hsl(var(--blue-new-50-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-opal-start: hsl(var(--teal-new-30-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-platinum-end: hsl(var(--teal-new-60-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-platinum-start: hsl(var(--teal-new-20-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-ruby-end: hsl(var(--red-new-80-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-ruby-start: hsl(var(--red-new-44-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-silver-end: hsl(var(--neutral-58-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-silver-start: hsl(var(--neutral-12-hsl)/0.3);
|
|
--gradient-progress-pill-background: var(--neutral-46);
|
|
--guild-profile-banner-background-default: var(--neutral-73);
|
|
--home-background: var(--primary-645);
|
|
--icon-default: var(--neutral-10);
|
|
--icon-feedback-critical: var(--red-new-22);
|
|
--icon-feedback-info: var(--blue-new-24);
|
|
--icon-feedback-notification: var(--red-new-46);
|
|
--icon-feedback-positive: var(--green-new-25);
|
|
--icon-feedback-warning: var(--yellow-new-46);
|
|
--icon-invert: var(--neutral-71);
|
|
--icon-link: var(--blue-new-27);
|
|
--icon-muted: var(--neutral-23);
|
|
--icon-overlay-dark: var(--neutral-71);
|
|
--icon-overlay-light: var(--neutral-1);
|
|
--icon-status-dnd: var(--red-new-45);
|
|
--icon-status-idle: var(--yellow-new-22);
|
|
--icon-status-offline: var(--neutral-27);
|
|
--icon-status-online: var(--green-new-40);
|
|
--icon-strong: var(--neutral-1);
|
|
--icon-subtle: var(--neutral-16);
|
|
--icon-transparent: hsl(var(--transparent-hsl)/0);
|
|
--icon-voice-connected: var(--green-new-25);
|
|
--icon-voice-disconnected: var(--red-new-22);
|
|
--icon-voice-muted: var(--red-new-46);
|
|
--icon-voice-speaking: var(--green-new-40);
|
|
--input-background-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--input-background-error-default: hsl(var(--opacity-red-4-hsl)/0.0392156862745098);
|
|
--input-border-active: var(--blurple-50);
|
|
--input-border-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--input-border-error-default: var(--red-new-22);
|
|
--input-border-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--input-border-readonly: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--input-icon-default: var(--neutral-16);
|
|
--input-placeholder-text-default: var(--neutral-31);
|
|
--input-text-default: var(--neutral-10);
|
|
--input-text-error-default: var(--neutral-10);
|
|
--interactive-background-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--interactive-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--interactive-background-selected: hsl(var(--opacity-20-hsl)/0.2);
|
|
--interactive-icon-active: var(--neutral-1);
|
|
--interactive-icon-default: var(--neutral-16);
|
|
--interactive-icon-hover: var(--neutral-1);
|
|
--interactive-muted: var(--primary-500);
|
|
--interactive-text-active: var(--neutral-1);
|
|
--interactive-text-default: var(--neutral-16);
|
|
--interactive-text-hover: var(--neutral-1);
|
|
--logo-primary: var(--white);
|
|
--mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
|
|
--mention-foreground: var(--blurple-8);
|
|
--message-automod-background-default: hsl(var(--red-400-hsl)/0.05);
|
|
--message-automod-background-hover: hsl(var(--red-400-hsl)/0.1);
|
|
--message-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--message-highlight-background-default: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
|
|
--message-highlight-background-hover: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
|
|
--message-mentioned-background-default: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
|
|
--message-mentioned-background-hover: hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098);
|
|
--message-reacted-background-default: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
|
|
--message-reacted-text-default: var(--blurple-3);
|
|
--mobile-background-scrim-opaque: var(--black);
|
|
--mobile-expression-picker-background-default: var(--neutral-69);
|
|
--mobile-text-heading-primary: var(--neutral-1);
|
|
--modal-background: var(--neutral-64);
|
|
--modal-footer-background: var(--neutral-64);
|
|
--navigator-header-tint: var(--white);
|
|
--notice-background-critical: var(--red-new-75);
|
|
--notice-background-info: var(--blue-new-76);
|
|
--notice-background-positive: var(--green-new-77);
|
|
--notice-background-warning: var(--yellow-new-84);
|
|
--notice-text-critical: var(--red-new-1);
|
|
--notice-text-info: var(--blue-new-1);
|
|
--notice-text-positive: var(--green-new-3);
|
|
--notice-text-warning: var(--yellow-new-1);
|
|
--overlay-backdrop-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
|
|
--panel-bg: var(--neutral-66);
|
|
--polls-normal-image-background: var(--primary-660);
|
|
--polls-victor-fill: hsl(var(--green-360-hsl)/0.2);
|
|
--polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
|
|
--premium-nitro-pink-text: var(--pink-34);
|
|
--profile-gradient-note-background: hsl(var(--black-hsl)/0.3);
|
|
--profile-gradient-overlay: hsl(var(--black-hsl)/0.6);
|
|
--profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl)/0.8);
|
|
--profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
|
|
--profile-gradient-role-pill-border: hsl(var(--white-hsl)/0.2);
|
|
--profile-gradient-section-box: hsl(var(--black-hsl)/0.45);
|
|
--progressbar-indicator-background: var(--blurple-50);
|
|
--progressbar-track-background: hsl(var(--opacity-20-hsl)/0.2);
|
|
--radio-background-active: var(--blurple-65);
|
|
--radio-background-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--radio-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--radio-background-selected-default: var(--blurple-50);
|
|
--radio-background-selected-hover: var(--blurple-60);
|
|
--radio-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--radio-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098);
|
|
--radio-border-hover: hsl(var(--opacity-80-hsl)/0.8);
|
|
--radio-border-selected-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--radio-border-selected-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--radio-foreground-active: var(--blurple-50);
|
|
--radio-foreground-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--radio-foreground-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--radio-thumb-background-active: var(--neutral-1);
|
|
--redesign-button-premium-primary-pink-for-gradient: var(--premium-tier-2-pink-for-gradients);
|
|
--redesign-button-premium-primary-pressed-background: hsl(var(--black-hsl)/0.1);
|
|
--redesign-button-premium-primary-purple-for-gradient: var(--premium-tier-2-purple-for-gradients);
|
|
--redesign-button-premium-primary-purple-for-gradient-2: var(--premium-tier-2-purple-for-gradients-2);
|
|
--redesign-button-tertiary-background: var(--primary-660);
|
|
--redesign-button-tertiary-pressed-background: var(--primary-560);
|
|
--redesign-button-tertiary-pressed-text: var(--primary-330);
|
|
--redesign-button-tertiary-text: var(--neutral-10);
|
|
--scrollbar-auto-scrollbar-color-thumb: var(--neutral-39);
|
|
--scrollbar-auto-scrollbar-color-track: var(--neutral-74);
|
|
--scrollbar-auto-thumb: var(--neutral-36);
|
|
--scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
|
|
--scrollbar-thin-thumb: var(--neutral-38);
|
|
--scrollbar-thin-track: hsl(var(--black-hsl)/0);
|
|
--slider-track-background: var(--neutral-47);
|
|
--spine-default: var(--neutral-47);
|
|
--spoiler-hidden-background: var(--neutral-36);
|
|
--spoiler-hidden-background-hover: var(--neutral-27);
|
|
--spoiler-revealed-background: var(--primary-660);
|
|
--status-danger: var(--red-400);
|
|
--status-online: var(--green-360);
|
|
--status-positive: var(--green-360);
|
|
--status-positive-background: var(--green-430);
|
|
--status-positive-text: var(--white);
|
|
--status-speaking: var(--green-360);
|
|
--status-warning: var(--yellow-300);
|
|
--status-warning-background: var(--yellow-300);
|
|
--status-warning-text: var(--black);
|
|
--switch-background-active: var(--blurple-65);
|
|
--switch-background-default: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
|
|
--switch-background-hover: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
|
|
--switch-background-selected-default: var(--blurple-50);
|
|
--switch-background-selected-hover: var(--blurple-60);
|
|
--switch-border-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--switch-border-hover: hsl(var(--opacity-40-hsl)/0.4);
|
|
--switch-border-selected-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--switch-border-selected-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--switch-thumb-background-default: var(--neutral-1);
|
|
--switch-thumb-background-selected-default: var(--neutral-1);
|
|
--switch-thumb-icon-active: var(--blurple-50);
|
|
--switch-thumb-icon-default: var(--neutral-71);
|
|
--text-brand: var(--blurple-26);
|
|
--text-code: var(--blue-new-16);
|
|
--text-code-addition: var(--green-new-15);
|
|
--text-code-builtin: var(--orange-new-14);
|
|
--text-code-bullet: var(--yellow-new-32);
|
|
--text-code-comment: var(--neutral-26);
|
|
--text-code-deletion: var(--red-new-11);
|
|
--text-code-keyword: var(--red-new-12);
|
|
--text-code-section: var(--blue-new-16);
|
|
--text-code-string: var(--teal-new-17);
|
|
--text-code-tag: var(--green-new-12);
|
|
--text-code-title: var(--blurple-9);
|
|
--text-code-variable: var(--blue-new-10);
|
|
--text-default: var(--neutral-10);
|
|
--text-feedback-critical: var(--red-new-22);
|
|
--text-feedback-info: var(--blue-new-24);
|
|
--text-feedback-positive: var(--green-new-25);
|
|
--text-feedback-warning: var(--yellow-new-46);
|
|
--text-invert: var(--neutral-71);
|
|
--text-link: var(--blue-new-27);
|
|
--text-muted: var(--neutral-23);
|
|
--text-overlay-dark: var(--neutral-71);
|
|
--text-overlay-light: var(--neutral-1);
|
|
--text-status-dnd: var(--red-new-45);
|
|
--text-status-idle: var(--yellow-new-22);
|
|
--text-status-offline: var(--neutral-27);
|
|
--text-status-online: var(--green-new-40);
|
|
--text-strong: var(--neutral-1);
|
|
--text-subtle: var(--neutral-16);
|
|
--text-voice-connected: var(--green-new-25);
|
|
--text-voice-disconnected: var(--red-new-22);
|
|
--text-voice-speaking: var(--green-new-40);
|
|
--textbox-markdown-syntax: var(--primary-360);
|
|
--thread-channel-spine: var(--primary-500);
|
|
--user-profile-activity-toolbar-background: var(--neutral-60);
|
|
--user-profile-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--user-profile-border: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--user-profile-note-background-focus: var(--neutral-73);
|
|
--user-profile-overlay-background: var(--neutral-60);
|
|
--user-profile-overlay-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--user-profile-toolbar-background: var(--neutral-60);
|
|
--user-profile-toolbar-border: hsl(var(--opacity-4-hsl)/0.0392156862745098)
|
|
}
|
|
|
|
@supports (color: color-mix(in lch,red,blue)) {
|
|
.theme-dark {
|
|
--app-frame-background:color-mix(in oklab,var(--neutral-78) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--app-frame-border: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--app-message-embed-secondary-text: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
|
|
--background-accent: color-mix(in oklab,var(--primary-530) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-base-low: color-mix(in oklab,var(--neutral-66) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-base-lower: color-mix(in oklab,var(--neutral-69) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-base-lowest: color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-code: color-mix(in oklab,hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-code-addition: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-code-deletion: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-scrim: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--custom-theme-base-color-amount,0%));
|
|
--background-scrim-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
|
|
--background-secondary-alt: color-mix(in oklab,var(--primary-660) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-surface-high: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-surface-higher: color-mix(in oklab,var(--neutral-62) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-surface-highest: color-mix(in oklab,var(--neutral-60) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-tile-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--background-tile-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--bg-surface-raised: color-mix(in oklab,var(--primary-560) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--border-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-focus: color-mix(in oklab,var(--blue-new-30) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-muted: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-normal: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-strong: color-mix(in oklab,hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.4392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-subtle: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--card-background-default: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--card-primary-pressed-bg: color-mix(in oklab,var(--primary-645) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--card-secondary-pressed-bg: color-mix(in oklab,var(--primary-645) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--channel-icon: color-mix(in oklab,var(--neutral-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channel-text-area-placeholder: color-mix(in oklab,var(--primary-430) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channels-default: color-mix(in oklab,var(--neutral-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channeltextarea-background: color-mix(in oklab,var(--primary-560) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--chat-background: color-mix(in oklab,var(--primary-600) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--chat-background-default: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--chat-border: color-mix(in oklab,var(--primary-700) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--chat-text-muted: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--content-inventory-media-seekbar-container: color-mix(in oklab,hsl(var(--plum-6-hsl)/0.24) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.24) var(--custom-theme-base-color-amount,0%));
|
|
--content-inventory-overlay-text-primary: color-mix(in oklab,hsl(var(--white-hsl)/0.85) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.85) var(--custom-theme-text-color-amount,0%));
|
|
--content-inventory-overlay-text-secondary: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
|
|
--context-menu-backdrop-background: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--custom-theme-base-color-amount,0%));
|
|
--control-brand-foreground: color-mix(in oklab,var(--brand-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--control-brand-foreground-new: color-mix(in oklab,var(--brand-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--control-secondary-border-active: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--control-secondary-border-default: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--creator-revenue-icon-gradient-end: color-mix(in oklab,var(--teal-430) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--creator-revenue-icon-gradient-start: color-mix(in oklab,var(--teal-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--creator-revenue-info-box-background: color-mix(in oklab,hsl(var(--teal-430-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
|
|
--creator-revenue-info-box-border: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--creator-revenue-locked-channel-icon: color-mix(in oklab,var(--teal-345) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--creator-revenue-progress-bar: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--embed-background: color-mix(in oklab,var(--primary-630) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--embed-background-alternate: color-mix(in oklab,var(--primary-600) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--experimental-avatar-embed-bg: color-mix(in oklab,hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5215686274509804) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-blue-end: color-mix(in oklab,hsl(var(--illo-blue-60-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-blue-start: color-mix(in oklab,hsl(var(--illo-blue-40-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-green-end: color-mix(in oklab,hsl(var(--illo-green-70-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-green-start: color-mix(in oklab,hsl(var(--illo-green-50-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-green-end: color-mix(in oklab,hsl(var(--illo-nitro-blue-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-green-start: color-mix(in oklab,hsl(var(--illo-green-50-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-pink-end: color-mix(in oklab,hsl(var(--illo-nitro-blue-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-pink-start: color-mix(in oklab,hsl(var(--illo-pink-60-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-70-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-50-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-purple-end: color-mix(in oklab,hsl(var(--illo-purple-60-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-purple-start: color-mix(in oklab,hsl(var(--illo-purple-40-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-bronze-end: color-mix(in oklab,hsl(var(--illo-orange-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-bronze-start: color-mix(in oklab,hsl(var(--illo-orange-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-diamond-end: color-mix(in oklab,hsl(var(--illo-purple-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-diamond-start: color-mix(in oklab,hsl(var(--illo-purple-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-emerald-end: color-mix(in oklab,hsl(var(--illo-green-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-emerald-start: color-mix(in oklab,hsl(var(--illo-green-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-gold-end: color-mix(in oklab,hsl(var(--yellow-new-41-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-gold-start: color-mix(in oklab,hsl(var(--illo-yellow-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-opal-end: color-mix(in oklab,hsl(var(--blue-new-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-opal-start: color-mix(in oklab,hsl(var(--teal-new-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-platinum-end: color-mix(in oklab,hsl(var(--teal-new-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-platinum-start: color-mix(in oklab,hsl(var(--teal-new-20-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-ruby-end: color-mix(in oklab,hsl(var(--red-new-80-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-ruby-start: color-mix(in oklab,hsl(var(--red-new-44-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-silver-end: color-mix(in oklab,hsl(var(--neutral-58-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-silver-start: color-mix(in oklab,hsl(var(--neutral-12-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--gradient-progress-pill-background: color-mix(in oklab,var(--neutral-46) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--guild-profile-banner-background-default: color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--home-background: color-mix(in oklab,var(--primary-645) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--icon-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-critical: color-mix(in oklab,var(--red-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-info: color-mix(in oklab,var(--blue-new-24) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-positive: color-mix(in oklab,var(--green-new-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-warning: color-mix(in oklab,var(--yellow-new-46) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-link: color-mix(in oklab,var(--blue-new-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-muted: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-overlay-dark: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-overlay-light: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-dnd: color-mix(in oklab,var(--red-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-idle: color-mix(in oklab,var(--yellow-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-offline: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-online: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-subtle: color-mix(in oklab,var(--neutral-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-transparent: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-connected: color-mix(in oklab,var(--green-new-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-disconnected: color-mix(in oklab,var(--red-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-speaking: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-background-default: color-mix(in oklab,hsl(var(--opacity-black-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--input-background-error-default: color-mix(in oklab,hsl(var(--opacity-red-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
|
|
--input-border-active: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-default: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-error-default: color-mix(in oklab,var(--red-new-22) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-hover: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-readonly: color-mix(in oklab,hsl(var(--opacity-white-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-icon-default: color-mix(in oklab,var(--neutral-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-placeholder-text-default: color-mix(in oklab,var(--neutral-31) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-error-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-background-active: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-icon-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-default: color-mix(in oklab,var(--neutral-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-muted: color-mix(in oklab,var(--primary-500) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-default: color-mix(in oklab,var(--neutral-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--logo-primary: color-mix(in oklab,var(--white) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--mention-foreground: color-mix(in oklab,var(--blurple-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--message-automod-background-default: color-mix(in oklab,hsl(var(--red-400-hsl)/0.05) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.05) var(--custom-theme-base-color-amount,0%));
|
|
--message-automod-background-hover: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
|
|
--message-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
|
|
--message-reacted-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--message-reacted-text-default: color-mix(in oklab,var(--blurple-3) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--mobile-background-scrim-opaque: color-mix(in oklab,var(--black) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--mobile-expression-picker-background-default: color-mix(in oklab,var(--neutral-69) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--mobile-text-heading-primary: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--modal-background: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--modal-footer-background: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--navigator-header-tint: color-mix(in oklab,var(--white) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--overlay-backdrop-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
|
|
--panel-bg: color-mix(in oklab,var(--neutral-66) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--polls-normal-image-background: color-mix(in oklab,var(--primary-660) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--polls-victor-fill: color-mix(in oklab,hsl(var(--green-360-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--polls-voted-fill: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--premium-nitro-pink-text: color-mix(in oklab,var(--pink-34) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--profile-gradient-note-background: color-mix(in oklab,hsl(var(--black-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-overlay: color-mix(in oklab,hsl(var(--black-hsl)/0.6) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.6) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab,hsl(var(--black-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-role-pill-background: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-role-pill-border: color-mix(in oklab,hsl(var(--white-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--profile-gradient-section-box: color-mix(in oklab,hsl(var(--black-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
|
|
--progressbar-indicator-background: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-pink-for-gradient: color-mix(in oklab,var(--premium-tier-2-pink-for-gradients) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-purple-for-gradient: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-purple-for-gradient-2: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients-2) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-background: color-mix(in oklab,var(--primary-660) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-pressed-background: color-mix(in oklab,var(--primary-560) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-pressed-text: color-mix(in oklab,var(--primary-330) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--neutral-39) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--neutral-74) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-auto-thumb: color-mix(in oklab,var(--neutral-36) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-auto-track: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-thin-thumb: color-mix(in oklab,var(--neutral-38) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-thin-track: color-mix(in oklab,hsl(var(--black-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
|
|
--slider-track-background: color-mix(in oklab,var(--neutral-47) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--spine-default: color-mix(in oklab,var(--neutral-47) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--spoiler-hidden-background: color-mix(in oklab,var(--neutral-36) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--spoiler-hidden-background-hover: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--spoiler-revealed-background: color-mix(in oklab,var(--primary-660) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--text-brand: color-mix(in oklab,var(--blurple-26) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code: color-mix(in oklab,var(--blue-new-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-addition: color-mix(in oklab,var(--green-new-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-builtin: color-mix(in oklab,var(--orange-new-14) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-bullet: color-mix(in oklab,var(--yellow-new-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-comment: color-mix(in oklab,var(--neutral-26) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-deletion: color-mix(in oklab,var(--red-new-11) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-keyword: color-mix(in oklab,var(--red-new-12) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-section: color-mix(in oklab,var(--blue-new-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-string: color-mix(in oklab,var(--teal-new-17) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-tag: color-mix(in oklab,var(--green-new-12) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-title: color-mix(in oklab,var(--blurple-9) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-variable: color-mix(in oklab,var(--blue-new-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-critical: color-mix(in oklab,var(--red-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-info: color-mix(in oklab,var(--blue-new-24) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-positive: color-mix(in oklab,var(--green-new-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-warning: color-mix(in oklab,var(--yellow-new-46) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-link: color-mix(in oklab,var(--blue-new-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-muted: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-dnd: color-mix(in oklab,var(--red-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-idle: color-mix(in oklab,var(--yellow-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-offline: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-online: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-subtle: color-mix(in oklab,var(--neutral-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-connected: color-mix(in oklab,var(--green-new-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-disconnected: color-mix(in oklab,var(--red-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-speaking: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--textbox-markdown-syntax: color-mix(in oklab,var(--primary-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--thread-channel-spine: color-mix(in oklab,var(--primary-500) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-activity-toolbar-background: color-mix(in oklab,var(--neutral-60) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-border: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-note-background-focus: color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-overlay-background: color-mix(in oklab,var(--neutral-60) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-toolbar-background: color-mix(in oklab,var(--neutral-60) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-toolbar-border: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
|
|
}
|
|
}
|
|
|
|
.theme-light {
|
|
--app-frame-background: var(--neutral-7);
|
|
--app-frame-border: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--app-message-embed-secondary-text: hsl(var(--white-hsl)/0.7);
|
|
--background-accent: var(--primary-430);
|
|
--background-base-low: var(--neutral-2);
|
|
--background-base-lower: var(--neutral-2);
|
|
--background-base-lowest: var(--neutral-4);
|
|
--background-brand: var(--blurple-50);
|
|
--background-code: hsl(var(--opacity-blurple-4-hsl)/0.0392156862745098);
|
|
--background-code-addition: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
|
|
--background-code-deletion: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
|
|
--background-feedback-critical: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
|
|
--background-feedback-info: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
|
|
--background-feedback-notification: var(--red-new-50);
|
|
--background-feedback-positive: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
|
|
--background-feedback-warning: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
|
|
--background-mod-muted: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--background-mod-normal: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--background-mod-strong: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--background-mod-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--background-scrim: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
|
|
--background-scrim-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
|
|
--background-secondary-alt: var(--primary-160);
|
|
--background-surface-high: var(--neutral-1);
|
|
--background-surface-higher: var(--neutral-1);
|
|
--background-surface-highest: var(--neutral-1);
|
|
--background-tile-gradient-pink-end: hsl(var(--illo-pink-30-hsl)/0.3);
|
|
--background-tile-gradient-pink-start: hsl(var(--illo-pink-10-hsl)/0.3);
|
|
--badge-background-brand: var(--blurple-50);
|
|
--badge-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--badge-expressive-background-default: var(--blurple-50);
|
|
--badge-expressive-text-default: var(--neutral-1);
|
|
--badge-notification-background: var(--red-new-50);
|
|
--badge-text-brand: var(--neutral-1);
|
|
--badge-text-default: var(--neutral-71);
|
|
--bg-surface-raised: var(--white);
|
|
--border-feedback-critical: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
|
|
--border-focus: var(--blue-new-40);
|
|
--border-muted: hsl(var(--opacity-20-hsl)/0.2);
|
|
--border-normal: hsl(var(--opacity-36-hsl)/0.3607843137254902);
|
|
--border-strong: hsl(var(--opacity-48-hsl)/0.47843137254901963);
|
|
--border-subtle: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--button-danger-background-disabled: var(--red-new-50);
|
|
--button-outline-brand-background-hover: var(--brand-500);
|
|
--button-outline-brand-border-active: var(--brand-560);
|
|
--button-outline-primary-text: var(--black);
|
|
--card-background-default: var(--neutral-1);
|
|
--card-primary-pressed-bg: var(--primary-160);
|
|
--card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--card-secondary-pressed-bg: var(--primary-160);
|
|
--channel-icon: var(--neutral-43);
|
|
--channel-text-area-placeholder: var(--primary-400);
|
|
--channels-default: var(--neutral-43);
|
|
--channeltextarea-background: var(--primary-160);
|
|
--chat-background: var(--white);
|
|
--chat-background-default: var(--neutral-1);
|
|
--chat-border: var(--primary-200);
|
|
--chat-text-muted: var(--neutral-40);
|
|
--checkbox-background-active: var(--blurple-65);
|
|
--checkbox-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--checkbox-background-hover: hsl(var(--opacity-black-4-hsl)/0.0392156862745098);
|
|
--checkbox-background-selected-default: var(--blurple-50);
|
|
--checkbox-background-selected-hover: var(--blurple-60);
|
|
--checkbox-border-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--checkbox-border-default: var(--neutral-30);
|
|
--checkbox-border-hover: var(--neutral-46);
|
|
--checkbox-border-selected-default: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--checkbox-border-selected-hover: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--checkbox-icon-active: var(--neutral-1);
|
|
--chip-blurple-dark-background: var(--blurple-70);
|
|
--chip-blurple-dark-text: var(--blurple-1);
|
|
--chip-blurple-light-background: var(--blurple-20);
|
|
--chip-blurple-light-text: var(--blurple-91);
|
|
--chip-blurple-medium-background: var(--blurple-40);
|
|
--chip-blurple-medium-text: var(--blurple-100);
|
|
--chip-gray-dark-background: var(--neutral-75);
|
|
--chip-gray-dark-text: var(--neutral-6);
|
|
--chip-gray-light-background: var(--neutral-10);
|
|
--chip-gray-light-text: var(--neutral-68);
|
|
--chip-gray-medium-background: var(--neutral-40);
|
|
--chip-gray-medium-text: var(--neutral-1);
|
|
--chip-green-dark-background: var(--green-new-70);
|
|
--chip-green-dark-text: var(--green-new-1);
|
|
--chip-green-light-background: var(--green-new-20);
|
|
--chip-green-light-text: var(--green-new-91);
|
|
--chip-green-medium-background: var(--green-new-45);
|
|
--chip-green-medium-text: var(--green-new-96);
|
|
--chip-orange-dark-background: var(--orange-new-70);
|
|
--chip-orange-dark-text: var(--orange-new-1);
|
|
--chip-orange-light-background: var(--orange-new-20);
|
|
--chip-orange-light-text: var(--orange-new-93);
|
|
--chip-orange-medium-background: var(--orange-new-40);
|
|
--chip-orange-medium-text: var(--orange-new-100);
|
|
--chip-pink-dark-background: var(--illo-pink-60);
|
|
--chip-pink-dark-text: var(--neutral-1);
|
|
--chip-pink-light-background: var(--illo-pink-20);
|
|
--chip-pink-light-text: var(--neutral-73);
|
|
--chip-pink-medium-background: var(--illo-pink-40);
|
|
--chip-pink-medium-text: var(--neutral-100);
|
|
--chip-purple-dark-background: var(--illo-purple-60);
|
|
--chip-purple-dark-text: var(--neutral-10);
|
|
--chip-purple-light-background: var(--illo-purple-20);
|
|
--chip-purple-light-text: var(--neutral-75);
|
|
--chip-purple-medium-background: var(--illo-purple-40);
|
|
--chip-purple-medium-text: var(--neutral-100);
|
|
--chip-red-dark-background: var(--red-new-70);
|
|
--chip-red-dark-text: var(--red-new-1);
|
|
--chip-red-light-background: var(--red-new-20);
|
|
--chip-red-light-text: var(--red-new-95);
|
|
--chip-red-medium-background: var(--red-new-45);
|
|
--chip-red-medium-text: var(--red-new-100);
|
|
--chip-yellow-dark-background: var(--yellow-new-70);
|
|
--chip-yellow-dark-text: var(--yellow-new-1);
|
|
--chip-yellow-light-background: var(--yellow-new-20);
|
|
--chip-yellow-light-text: var(--yellow-new-87);
|
|
--chip-yellow-medium-background: var(--yellow-new-45);
|
|
--chip-yellow-medium-text: var(--yellow-new-80);
|
|
--content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
|
|
--content-inventory-overlay-text-primary: hsl(var(--white-hsl)/0.85);
|
|
--content-inventory-overlay-text-secondary: hsl(var(--white-hsl)/0.7);
|
|
--context-menu-backdrop-background: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
|
|
--control-brand-foreground: var(--brand-500);
|
|
--control-brand-foreground-new: var(--brand-500);
|
|
--control-connected-background-active: var(--green-new-65);
|
|
--control-connected-background-default: var(--green-new-50);
|
|
--control-connected-background-hover: var(--green-new-60);
|
|
--control-connected-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-connected-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-connected-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-connected-icon-active: var(--neutral-1);
|
|
--control-connected-icon-default: var(--neutral-1);
|
|
--control-connected-icon-hover: var(--neutral-1);
|
|
--control-connected-text-active: var(--neutral-1);
|
|
--control-connected-text-default: var(--neutral-1);
|
|
--control-connected-text-hover: var(--neutral-1);
|
|
--control-critical-primary-background-active: var(--red-new-65);
|
|
--control-critical-primary-background-default: var(--red-new-50);
|
|
--control-critical-primary-background-hover: var(--red-new-60);
|
|
--control-critical-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-critical-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-critical-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-critical-primary-icon-active: var(--neutral-1);
|
|
--control-critical-primary-icon-default: var(--neutral-1);
|
|
--control-critical-primary-icon-hover: var(--neutral-1);
|
|
--control-critical-primary-text-active: var(--neutral-1);
|
|
--control-critical-primary-text-default: var(--neutral-1);
|
|
--control-critical-primary-text-hover: var(--neutral-1);
|
|
--control-critical-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-critical-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-critical-secondary-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-critical-secondary-border-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-critical-secondary-border-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-critical-secondary-border-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-critical-secondary-icon-active: var(--red-new-53);
|
|
--control-critical-secondary-icon-default: var(--red-new-53);
|
|
--control-critical-secondary-icon-hover: var(--red-new-53);
|
|
--control-critical-secondary-text-active: var(--red-new-53);
|
|
--control-critical-secondary-text-default: var(--red-new-53);
|
|
--control-critical-secondary-text-hover: var(--red-new-53);
|
|
--control-expressive-background-active: var(--blurple-65);
|
|
--control-expressive-background-default: var(--blurple-50);
|
|
--control-expressive-background-hover: var(--blurple-60);
|
|
--control-expressive-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-expressive-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-expressive-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-expressive-icon-active: var(--neutral-1);
|
|
--control-expressive-icon-default: var(--neutral-1);
|
|
--control-expressive-icon-hover: var(--neutral-1);
|
|
--control-expressive-text-active: var(--neutral-1);
|
|
--control-expressive-text-default: var(--neutral-1);
|
|
--control-expressive-text-hover: var(--neutral-1);
|
|
--control-icon-only-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-icon-only-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-icon-only-border-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-icon-only-border-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-icon-only-icon-active: var(--neutral-71);
|
|
--control-icon-only-icon-default: var(--neutral-44);
|
|
--control-icon-only-icon-hover: var(--neutral-71);
|
|
--control-overlay-primary-background-active: var(--neutral-17);
|
|
--control-overlay-primary-background-default: var(--neutral-1);
|
|
--control-overlay-primary-background-hover: var(--neutral-9);
|
|
--control-overlay-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-overlay-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-overlay-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-overlay-primary-icon-active: var(--neutral-100);
|
|
--control-overlay-primary-icon-default: var(--neutral-100);
|
|
--control-overlay-primary-icon-hover: var(--neutral-100);
|
|
--control-overlay-primary-text-active: var(--neutral-100);
|
|
--control-overlay-primary-text-default: var(--neutral-100);
|
|
--control-overlay-primary-text-hover: var(--neutral-100);
|
|
--control-overlay-secondary-background-active: hsl(var(--opacity-black-48-hsl)/0.47843137254901963);
|
|
--control-overlay-secondary-background-default: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
|
|
--control-overlay-secondary-background-hover: hsl(var(--opacity-black-64-hsl)/0.6392156862745098);
|
|
--control-overlay-secondary-border-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-overlay-secondary-border-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-overlay-secondary-border-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-overlay-secondary-icon-active: var(--neutral-1);
|
|
--control-overlay-secondary-icon-default: var(--neutral-1);
|
|
--control-overlay-secondary-icon-hover: var(--neutral-1);
|
|
--control-overlay-secondary-text-active: var(--neutral-1);
|
|
--control-overlay-secondary-text-default: var(--neutral-1);
|
|
--control-overlay-secondary-text-hover: var(--neutral-1);
|
|
--control-primary-background-active: var(--blurple-65);
|
|
--control-primary-background-default: var(--blurple-50);
|
|
--control-primary-background-hover: var(--blurple-60);
|
|
--control-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-primary-icon-active: var(--neutral-1);
|
|
--control-primary-icon-default: var(--neutral-1);
|
|
--control-primary-icon-hover: var(--neutral-1);
|
|
--control-primary-text-active: var(--neutral-1);
|
|
--control-primary-text-default: var(--neutral-1);
|
|
--control-primary-text-hover: var(--neutral-1);
|
|
--control-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-secondary-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-secondary-border-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-secondary-border-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-secondary-border-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-secondary-icon-active: var(--neutral-71);
|
|
--control-secondary-icon-default: var(--neutral-71);
|
|
--control-secondary-icon-hover: var(--neutral-71);
|
|
--control-secondary-text-active: var(--neutral-71);
|
|
--control-secondary-text-default: var(--neutral-71);
|
|
--control-secondary-text-hover: var(--neutral-71);
|
|
--creator-revenue-icon-gradient-end: var(--teal-400);
|
|
--creator-revenue-icon-gradient-start: var(--teal-345);
|
|
--creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
|
|
--creator-revenue-info-box-border: var(--teal-400);
|
|
--creator-revenue-locked-channel-icon: var(--teal-400);
|
|
--creator-revenue-progress-bar: var(--teal-345);
|
|
--embed-background: var(--primary-130);
|
|
--embed-background-alternate: var(--primary-200);
|
|
--experimental-avatar-embed-bg: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
|
|
--expressive-gradient-blue-end: hsl(var(--illo-blue-30-hsl)/0.8);
|
|
--expressive-gradient-blue-start: hsl(var(--illo-blue-10-hsl)/0.8);
|
|
--expressive-gradient-green-end: hsl(var(--illo-green-30-hsl)/0.8);
|
|
--expressive-gradient-green-start: hsl(var(--illo-green-10-hsl)/0.8);
|
|
--expressive-gradient-nitro-green-end: hsl(var(--illo-blue-40-hsl)/0.9);
|
|
--expressive-gradient-nitro-green-start: hsl(var(--illo-green-10-hsl)/0.9);
|
|
--expressive-gradient-nitro-pink-end: hsl(var(--illo-blue-40-hsl)/0.9);
|
|
--expressive-gradient-nitro-pink-start: hsl(var(--illo-pink-30-hsl)/0.9);
|
|
--expressive-gradient-pink-end: hsl(var(--illo-pink-30-hsl)/0.8);
|
|
--expressive-gradient-pink-start: hsl(var(--illo-pink-10-hsl)/0.8);
|
|
--expressive-gradient-purple-end: hsl(var(--illo-purple-30-hsl)/0.8);
|
|
--expressive-gradient-purple-start: hsl(var(--illo-purple-10-hsl)/0.8);
|
|
--expressive-gradient-tenure-badge-bronze-end: hsl(var(--illo-orange-70-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-bronze-start: hsl(var(--illo-orange-30-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-diamond-end: hsl(var(--illo-purple-50-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-diamond-start: hsl(var(--illo-purple-40-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-emerald-end: hsl(var(--illo-green-60-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-emerald-start: hsl(var(--illo-green-40-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-gold-end: hsl(var(--yellow-new-41-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-gold-start: hsl(var(--illo-yellow-50-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-opal-end: hsl(var(--blue-new-50-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-opal-start: hsl(var(--teal-new-30-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-platinum-end: hsl(var(--teal-new-60-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-platinum-start: hsl(var(--teal-new-20-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-ruby-end: hsl(var(--red-new-80-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-ruby-start: hsl(var(--red-new-44-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-silver-end: hsl(var(--neutral-58-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-silver-start: hsl(var(--neutral-12-hsl)/0.3);
|
|
--gradient-progress-pill-background: var(--neutral-18);
|
|
--guild-profile-banner-background-default: var(--neutral-40);
|
|
--home-background: var(--primary-100);
|
|
--icon-default: var(--neutral-69);
|
|
--icon-feedback-critical: var(--red-new-53);
|
|
--icon-feedback-info: var(--blue-new-56);
|
|
--icon-feedback-notification: var(--red-new-50);
|
|
--icon-feedback-positive: var(--green-new-55);
|
|
--icon-feedback-warning: var(--yellow-new-70);
|
|
--icon-invert: var(--neutral-1);
|
|
--icon-link: var(--blue-new-50);
|
|
--icon-muted: var(--neutral-41);
|
|
--icon-overlay-dark: var(--neutral-71);
|
|
--icon-overlay-light: var(--neutral-2);
|
|
--icon-status-dnd: var(--red-new-50);
|
|
--icon-status-idle: var(--yellow-new-45);
|
|
--icon-status-offline: var(--neutral-45);
|
|
--icon-status-online: var(--green-160);
|
|
--icon-strong: var(--neutral-71);
|
|
--icon-subtle: var(--neutral-44);
|
|
--icon-transparent: hsl(var(--transparent-hsl)/0);
|
|
--icon-voice-connected: var(--green-new-55);
|
|
--icon-voice-disconnected: var(--red-new-53);
|
|
--icon-voice-muted: var(--red-new-50);
|
|
--icon-voice-speaking: var(--green-new-45);
|
|
--input-background-default: hsl(var(--opacity-black-1-hsl)/0.0196078431372549);
|
|
--input-background-error-default: hsl(var(--opacity-red-4-hsl)/0.0392156862745098);
|
|
--input-border-active: var(--blurple-50);
|
|
--input-border-default: hsl(var(--opacity-36-hsl)/0.3607843137254902);
|
|
--input-border-error-default: var(--red-new-53);
|
|
--input-border-hover: hsl(var(--opacity-36-hsl)/0.3607843137254902);
|
|
--input-border-readonly: hsl(var(--opacity-black-4-hsl)/0.0392156862745098);
|
|
--input-icon-default: var(--neutral-44);
|
|
--input-placeholder-text-default: var(--neutral-42);
|
|
--input-text-default: var(--neutral-69);
|
|
--input-text-error-default: var(--neutral-69);
|
|
--interactive-background-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--interactive-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--interactive-background-selected: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--interactive-icon-active: var(--neutral-71);
|
|
--interactive-icon-default: var(--neutral-44);
|
|
--interactive-icon-hover: var(--neutral-71);
|
|
--interactive-muted: var(--primary-300);
|
|
--interactive-text-active: var(--neutral-71);
|
|
--interactive-text-default: var(--neutral-44);
|
|
--interactive-text-hover: var(--neutral-71);
|
|
--logo-primary: var(--brand-500);
|
|
--mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
|
|
--mention-foreground: var(--blurple-71);
|
|
--message-automod-background-default: hsl(var(--red-400-hsl)/0.05);
|
|
--message-automod-background-hover: hsl(var(--red-400-hsl)/0.1);
|
|
--message-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--message-highlight-background-default: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
|
|
--message-highlight-background-hover: hsl(var(--opacity-blurple-20-hsl)/0.2);
|
|
--message-mentioned-background-default: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
|
|
--message-mentioned-background-hover: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
|
|
--message-reacted-background-default: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
|
|
--message-reacted-text-default: var(--blurple-75);
|
|
--mobile-background-scrim-opaque: var(--black);
|
|
--mobile-expression-picker-background-default: var(--neutral-2);
|
|
--mobile-text-heading-primary: var(--neutral-71);
|
|
--modal-background: var(--neutral-1);
|
|
--modal-footer-background: var(--neutral-1);
|
|
--navigator-header-tint: var(--primary-500);
|
|
--notice-background-critical: var(--red-new-1);
|
|
--notice-background-info: var(--blue-new-1);
|
|
--notice-background-positive: var(--green-new-1);
|
|
--notice-background-warning: var(--yellow-new-1);
|
|
--notice-text-critical: var(--red-new-78);
|
|
--notice-text-info: var(--blue-new-76);
|
|
--notice-text-positive: var(--green-new-76);
|
|
--notice-text-warning: var(--yellow-new-85);
|
|
--overlay-backdrop-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
|
|
--panel-bg: var(--neutral-2);
|
|
--polls-normal-image-background: var(--white);
|
|
--polls-victor-fill: hsl(var(--green-400-hsl)/0.2);
|
|
--polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
|
|
--premium-nitro-pink-text: var(--pink-61);
|
|
--profile-gradient-note-background: hsl(var(--white-hsl)/0.3);
|
|
--profile-gradient-overlay: hsl(var(--white-hsl)/0.6);
|
|
--profile-gradient-overlay-synced-with-user-theme: hsl(var(--white-hsl)/0.8);
|
|
--profile-gradient-role-pill-background: hsl(var(--white-hsl)/0.5);
|
|
--profile-gradient-role-pill-border: hsl(var(--primary-660-hsl)/0.2);
|
|
--profile-gradient-section-box: hsl(var(--white-hsl)/0.45);
|
|
--progressbar-indicator-background: var(--blurple-50);
|
|
--progressbar-track-background: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--radio-background-active: var(--blurple-65);
|
|
--radio-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--radio-background-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--radio-background-selected-default: var(--blurple-50);
|
|
--radio-background-selected-hover: var(--blurple-60);
|
|
--radio-border-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--radio-border-default: var(--neutral-34);
|
|
--radio-border-hover: var(--neutral-46);
|
|
--radio-border-selected-default: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--radio-border-selected-hover: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--radio-foreground-active: var(--blurple-50);
|
|
--radio-foreground-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--radio-foreground-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--radio-thumb-background-active: var(--neutral-1);
|
|
--redesign-button-premium-primary-pink-for-gradient: var(--premium-tier-2-pink-for-gradients);
|
|
--redesign-button-premium-primary-pressed-background: hsl(var(--black-hsl)/0.1);
|
|
--redesign-button-premium-primary-purple-for-gradient: var(--premium-tier-2-purple-for-gradients);
|
|
--redesign-button-premium-primary-purple-for-gradient-2: var(--premium-tier-2-purple-for-gradients-2);
|
|
--redesign-button-tertiary-background: hsl(var(--black-hsl)/0.08);
|
|
--redesign-button-tertiary-pressed-background: hsl(var(--black-hsl)/0.16);
|
|
--redesign-button-tertiary-pressed-text: var(--primary-500);
|
|
--redesign-button-tertiary-text: var(--neutral-69);
|
|
--scrollbar-auto-scrollbar-color-thumb: var(--neutral-33);
|
|
--scrollbar-auto-scrollbar-color-track: var(--neutral-5);
|
|
--scrollbar-auto-thumb: var(--neutral-31);
|
|
--scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
|
|
--scrollbar-thin-thumb: var(--neutral-32);
|
|
--scrollbar-thin-track: hsl(var(--black-hsl)/0);
|
|
--slider-track-background: var(--neutral-16);
|
|
--spine-default: var(--neutral-16);
|
|
--spoiler-hidden-background: var(--neutral-31);
|
|
--spoiler-hidden-background-hover: var(--neutral-40);
|
|
--spoiler-revealed-background: var(--primary-160);
|
|
--status-danger: var(--red-430);
|
|
--status-online: var(--green-400);
|
|
--status-positive: var(--green-400);
|
|
--status-positive-background: var(--green-430);
|
|
--status-positive-text: var(--white);
|
|
--status-speaking: var(--green-360);
|
|
--status-warning: var(--yellow-400);
|
|
--status-warning-background: var(--yellow-400);
|
|
--status-warning-text: var(--white);
|
|
--switch-background-active: var(--blurple-65);
|
|
--switch-background-default: hsl(var(--opacity-black-1-hsl)/0.0196078431372549);
|
|
--switch-background-hover: hsl(var(--opacity-black-1-hsl)/0.0196078431372549);
|
|
--switch-background-selected-default: var(--blurple-50);
|
|
--switch-background-selected-hover: var(--blurple-60);
|
|
--switch-border-default: hsl(var(--opacity-black-16-hsl)/0.1607843137254902);
|
|
--switch-border-hover: hsl(var(--opacity-black-44-hsl)/0.4392156862745098);
|
|
--switch-border-selected-default: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--switch-border-selected-hover: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--switch-thumb-background-default: var(--neutral-44);
|
|
--switch-thumb-background-selected-default: var(--neutral-1);
|
|
--switch-thumb-icon-active: var(--blurple-50);
|
|
--switch-thumb-icon-default: var(--neutral-1);
|
|
--text-brand: var(--blurple-50);
|
|
--text-code: var(--blue-new-64);
|
|
--text-code-addition: var(--green-new-68);
|
|
--text-code-builtin: var(--orange-new-63);
|
|
--text-code-bullet: var(--yellow-new-77);
|
|
--text-code-comment: var(--neutral-41);
|
|
--text-code-deletion: var(--red-new-66);
|
|
--text-code-keyword: var(--red-new-63);
|
|
--text-code-section: var(--blue-new-64);
|
|
--text-code-string: var(--teal-new-66);
|
|
--text-code-tag: var(--green-new-69);
|
|
--text-code-title: var(--blurple-68);
|
|
--text-code-variable: var(--blue-new-68);
|
|
--text-default: var(--neutral-69);
|
|
--text-feedback-critical: var(--red-new-53);
|
|
--text-feedback-info: var(--blue-new-56);
|
|
--text-feedback-positive: var(--green-new-55);
|
|
--text-feedback-warning: var(--yellow-new-70);
|
|
--text-invert: var(--neutral-1);
|
|
--text-link: var(--blue-new-50);
|
|
--text-muted: var(--neutral-41);
|
|
--text-overlay-dark: var(--neutral-71);
|
|
--text-overlay-light: var(--neutral-2);
|
|
--text-status-dnd: var(--red-new-50);
|
|
--text-status-idle: var(--yellow-new-45);
|
|
--text-status-offline: var(--neutral-45);
|
|
--text-status-online: var(--green-160);
|
|
--text-strong: var(--neutral-71);
|
|
--text-subtle: var(--neutral-44);
|
|
--text-voice-connected: var(--green-new-55);
|
|
--text-voice-disconnected: var(--red-new-53);
|
|
--text-voice-speaking: var(--green-new-45);
|
|
--textbox-markdown-syntax: var(--primary-530);
|
|
--thread-channel-spine: var(--primary-300);
|
|
--user-profile-activity-toolbar-background: var(--neutral-1);
|
|
--user-profile-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--user-profile-border: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--user-profile-note-background-focus: var(--neutral-4);
|
|
--user-profile-overlay-background: var(--neutral-1);
|
|
--user-profile-overlay-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--user-profile-toolbar-background: var(--neutral-1);
|
|
--user-profile-toolbar-border: hsl(var(--opacity-20-hsl)/0.2)
|
|
}
|
|
|
|
@supports (color: color-mix(in lch,red,blue)) {
|
|
.theme-light {
|
|
--app-frame-background:color-mix(in oklab,var(--neutral-7) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--app-frame-border: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--app-message-embed-secondary-text: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
|
|
--background-accent: color-mix(in oklab,var(--primary-430) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-base-low: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-base-lower: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-base-lowest: color-mix(in oklab,var(--neutral-4) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-code: color-mix(in oklab,hsl(var(--opacity-blurple-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
|
|
--background-code-addition: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-code-deletion: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-scrim: color-mix(in oklab,hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5215686274509804) var(--custom-theme-base-color-amount,0%));
|
|
--background-scrim-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
|
|
--background-secondary-alt: color-mix(in oklab,var(--primary-160) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-surface-high: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-surface-higher: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-surface-highest: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-tile-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--background-tile-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-10-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--bg-surface-raised: color-mix(in oklab,var(--white) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--border-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-focus: color-mix(in oklab,var(--blue-new-40) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-muted: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-normal: color-mix(in oklab,hsl(var(--opacity-36-hsl)/0.3607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3607843137254902) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-strong: color-mix(in oklab,hsl(var(--opacity-48-hsl)/0.47843137254901963) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.47843137254901963) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-subtle: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--card-background-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--card-primary-pressed-bg: color-mix(in oklab,var(--primary-160) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--card-secondary-pressed-bg: color-mix(in oklab,var(--primary-160) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--channel-icon: color-mix(in oklab,var(--neutral-43) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channel-text-area-placeholder: color-mix(in oklab,var(--primary-400) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channels-default: color-mix(in oklab,var(--neutral-43) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channeltextarea-background: color-mix(in oklab,var(--primary-160) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--chat-background: color-mix(in oklab,var(--white) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--chat-background-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--chat-border: color-mix(in oklab,var(--primary-200) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--chat-text-muted: color-mix(in oklab,var(--neutral-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--content-inventory-media-seekbar-container: color-mix(in oklab,hsl(var(--plum-6-hsl)/0.24) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.24) var(--custom-theme-base-color-amount,0%));
|
|
--content-inventory-overlay-text-primary: color-mix(in oklab,hsl(var(--white-hsl)/0.85) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.85) var(--custom-theme-text-color-amount,0%));
|
|
--content-inventory-overlay-text-secondary: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
|
|
--context-menu-backdrop-background: color-mix(in oklab,hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5215686274509804) var(--custom-theme-base-color-amount,0%));
|
|
--control-brand-foreground: color-mix(in oklab,var(--brand-500) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--control-brand-foreground-new: color-mix(in oklab,var(--brand-500) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--control-secondary-border-active: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--control-secondary-border-default: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--creator-revenue-icon-gradient-end: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--creator-revenue-icon-gradient-start: color-mix(in oklab,var(--teal-345) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--creator-revenue-info-box-background: color-mix(in oklab,hsl(var(--teal-430-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
|
|
--creator-revenue-info-box-border: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--creator-revenue-locked-channel-icon: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--creator-revenue-progress-bar: color-mix(in oklab,var(--teal-345) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--embed-background: color-mix(in oklab,var(--primary-130) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--embed-background-alternate: color-mix(in oklab,var(--primary-200) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--experimental-avatar-embed-bg: color-mix(in oklab,hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5215686274509804) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-blue-end: color-mix(in oklab,hsl(var(--illo-blue-30-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-blue-start: color-mix(in oklab,hsl(var(--illo-blue-10-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-green-end: color-mix(in oklab,hsl(var(--illo-green-30-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-green-start: color-mix(in oklab,hsl(var(--illo-green-10-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-green-end: color-mix(in oklab,hsl(var(--illo-blue-40-hsl)/0.9) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-green-start: color-mix(in oklab,hsl(var(--illo-green-10-hsl)/0.9) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-pink-end: color-mix(in oklab,hsl(var(--illo-blue-40-hsl)/0.9) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-pink-start: color-mix(in oklab,hsl(var(--illo-pink-30-hsl)/0.9) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-30-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-10-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-purple-end: color-mix(in oklab,hsl(var(--illo-purple-30-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-purple-start: color-mix(in oklab,hsl(var(--illo-purple-10-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-bronze-end: color-mix(in oklab,hsl(var(--illo-orange-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-bronze-start: color-mix(in oklab,hsl(var(--illo-orange-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-diamond-end: color-mix(in oklab,hsl(var(--illo-purple-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-diamond-start: color-mix(in oklab,hsl(var(--illo-purple-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-emerald-end: color-mix(in oklab,hsl(var(--illo-green-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-emerald-start: color-mix(in oklab,hsl(var(--illo-green-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-gold-end: color-mix(in oklab,hsl(var(--yellow-new-41-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-gold-start: color-mix(in oklab,hsl(var(--illo-yellow-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-opal-end: color-mix(in oklab,hsl(var(--blue-new-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-opal-start: color-mix(in oklab,hsl(var(--teal-new-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-platinum-end: color-mix(in oklab,hsl(var(--teal-new-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-platinum-start: color-mix(in oklab,hsl(var(--teal-new-20-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-ruby-end: color-mix(in oklab,hsl(var(--red-new-80-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-ruby-start: color-mix(in oklab,hsl(var(--red-new-44-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-silver-end: color-mix(in oklab,hsl(var(--neutral-58-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-silver-start: color-mix(in oklab,hsl(var(--neutral-12-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--gradient-progress-pill-background: color-mix(in oklab,var(--neutral-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--guild-profile-banner-background-default: color-mix(in oklab,var(--neutral-40) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--home-background: color-mix(in oklab,var(--primary-100) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--icon-default: color-mix(in oklab,var(--neutral-69) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-critical: color-mix(in oklab,var(--red-new-53) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-info: color-mix(in oklab,var(--blue-new-56) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-positive: color-mix(in oklab,var(--green-new-55) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-warning: color-mix(in oklab,var(--yellow-new-70) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-invert: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-link: color-mix(in oklab,var(--blue-new-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-muted: color-mix(in oklab,var(--neutral-41) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-overlay-dark: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-overlay-light: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-dnd: color-mix(in oklab,var(--red-new-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-idle: color-mix(in oklab,var(--yellow-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-offline: color-mix(in oklab,var(--neutral-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-online: color-mix(in oklab,var(--green-160) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-strong: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-subtle: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-transparent: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-connected: color-mix(in oklab,var(--green-new-55) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-disconnected: color-mix(in oklab,var(--red-new-53) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-speaking: color-mix(in oklab,var(--green-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-background-default: color-mix(in oklab,hsl(var(--opacity-black-1-hsl)/0.0196078431372549) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0196078431372549) var(--custom-theme-base-color-amount,0%));
|
|
--input-background-error-default: color-mix(in oklab,hsl(var(--opacity-red-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
|
|
--input-border-active: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-default: color-mix(in oklab,hsl(var(--opacity-36-hsl)/0.3607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3607843137254902) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-error-default: color-mix(in oklab,var(--red-new-53) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-hover: color-mix(in oklab,hsl(var(--opacity-36-hsl)/0.3607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3607843137254902) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-readonly: color-mix(in oklab,hsl(var(--opacity-black-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-icon-default: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-placeholder-text-default: color-mix(in oklab,var(--neutral-42) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-default: color-mix(in oklab,var(--neutral-69) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-error-default: color-mix(in oklab,var(--neutral-69) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-background-active: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-icon-active: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-default: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-hover: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-muted: color-mix(in oklab,var(--primary-300) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-active: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-default: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-hover: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--logo-primary: color-mix(in oklab,var(--brand-500) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--mention-foreground: color-mix(in oklab,var(--blurple-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--message-automod-background-default: color-mix(in oklab,hsl(var(--red-400-hsl)/0.05) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.05) var(--custom-theme-base-color-amount,0%));
|
|
--message-automod-background-hover: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
|
|
--message-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--message-reacted-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--message-reacted-text-default: color-mix(in oklab,var(--blurple-75) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--mobile-background-scrim-opaque: color-mix(in oklab,var(--black) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--mobile-expression-picker-background-default: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--mobile-text-heading-primary: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--modal-background: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--modal-footer-background: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--navigator-header-tint: color-mix(in oklab,var(--primary-500) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--overlay-backdrop-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
|
|
--panel-bg: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--polls-normal-image-background: color-mix(in oklab,var(--white) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--polls-victor-fill: color-mix(in oklab,hsl(var(--green-400-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--polls-voted-fill: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--premium-nitro-pink-text: color-mix(in oklab,var(--pink-61) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--profile-gradient-note-background: color-mix(in oklab,hsl(var(--white-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-overlay: color-mix(in oklab,hsl(var(--white-hsl)/0.6) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.6) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab,hsl(var(--white-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-role-pill-background: color-mix(in oklab,hsl(var(--white-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-role-pill-border: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--profile-gradient-section-box: color-mix(in oklab,hsl(var(--white-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
|
|
--progressbar-indicator-background: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-pink-for-gradient: color-mix(in oklab,var(--premium-tier-2-pink-for-gradients) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-purple-for-gradient: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-purple-for-gradient-2: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients-2) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-background: color-mix(in oklab,hsl(var(--black-hsl)/0.08) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.08) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.16) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.16) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-pressed-text: color-mix(in oklab,var(--primary-500) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-69) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--neutral-33) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-auto-thumb: color-mix(in oklab,var(--neutral-31) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-auto-track: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-thin-thumb: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-thin-track: color-mix(in oklab,hsl(var(--black-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
|
|
--slider-track-background: color-mix(in oklab,var(--neutral-16) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--spine-default: color-mix(in oklab,var(--neutral-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--spoiler-hidden-background: color-mix(in oklab,var(--neutral-31) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--spoiler-hidden-background-hover: color-mix(in oklab,var(--neutral-40) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--spoiler-revealed-background: color-mix(in oklab,var(--primary-160) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--text-brand: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code: color-mix(in oklab,var(--blue-new-64) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-addition: color-mix(in oklab,var(--green-new-68) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-builtin: color-mix(in oklab,var(--orange-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-bullet: color-mix(in oklab,var(--yellow-new-77) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-comment: color-mix(in oklab,var(--neutral-41) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-deletion: color-mix(in oklab,var(--red-new-66) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-keyword: color-mix(in oklab,var(--red-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-section: color-mix(in oklab,var(--blue-new-64) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-string: color-mix(in oklab,var(--teal-new-66) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-tag: color-mix(in oklab,var(--green-new-69) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-title: color-mix(in oklab,var(--blurple-68) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-variable: color-mix(in oklab,var(--blue-new-68) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-default: color-mix(in oklab,var(--neutral-69) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-critical: color-mix(in oklab,var(--red-new-53) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-info: color-mix(in oklab,var(--blue-new-56) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-positive: color-mix(in oklab,var(--green-new-55) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-warning: color-mix(in oklab,var(--yellow-new-70) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-invert: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-link: color-mix(in oklab,var(--blue-new-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-muted: color-mix(in oklab,var(--neutral-41) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-dnd: color-mix(in oklab,var(--red-new-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-idle: color-mix(in oklab,var(--yellow-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-offline: color-mix(in oklab,var(--neutral-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-online: color-mix(in oklab,var(--green-160) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-strong: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-subtle: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-connected: color-mix(in oklab,var(--green-new-55) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-disconnected: color-mix(in oklab,var(--red-new-53) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-speaking: color-mix(in oklab,var(--green-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--textbox-markdown-syntax: color-mix(in oklab,var(--primary-530) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--thread-channel-spine: color-mix(in oklab,var(--primary-300) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-activity-toolbar-background: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-border: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-note-background-focus: color-mix(in oklab,var(--neutral-4) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-overlay-background: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-toolbar-background: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-toolbar-border: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
|
|
}
|
|
}
|
|
|
|
.theme-midnight {
|
|
--app-frame-background: var(--neutral-100);
|
|
--app-frame-border: hsl(var(--opacity-20-hsl)/0.2);
|
|
--app-message-embed-secondary-text: hsl(var(--white-hsl)/0.7);
|
|
--background-accent: var(--plum-17);
|
|
--background-base-low: var(--neutral-95);
|
|
--background-base-lower: var(--neutral-97);
|
|
--background-base-lowest: var(--neutral-100);
|
|
--background-brand: var(--blurple-50);
|
|
--background-code: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
|
|
--background-code-addition: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
|
|
--background-code-deletion: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
|
|
--background-feedback-critical: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
|
|
--background-feedback-info: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
|
|
--background-feedback-notification: var(--red-new-46);
|
|
--background-feedback-positive: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
|
|
--background-feedback-warning: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
|
|
--background-mod-muted: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--background-mod-normal: hsl(var(--opacity-20-hsl)/0.2);
|
|
--background-mod-strong: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--background-mod-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--background-scrim: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
|
|
--background-scrim-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
|
|
--background-secondary-alt: var(--plum-17);
|
|
--background-surface-high: var(--neutral-91);
|
|
--background-surface-higher: var(--neutral-87);
|
|
--background-surface-highest: var(--neutral-83);
|
|
--background-tile-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.3);
|
|
--background-tile-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.3);
|
|
--badge-background-brand: var(--blurple-50);
|
|
--badge-background-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--badge-expressive-background-default: var(--neutral-1);
|
|
--badge-expressive-text-default: var(--neutral-71);
|
|
--badge-notification-background: var(--red-new-46);
|
|
--badge-text-brand: var(--neutral-1);
|
|
--badge-text-default: var(--neutral-8);
|
|
--bg-surface-raised: var(--plum-23);
|
|
--border-feedback-critical: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
|
|
--border-focus: var(--blue-new-30);
|
|
--border-muted: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--border-normal: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--border-strong: hsl(var(--opacity-44-hsl)/0.4392156862745098);
|
|
--border-subtle: hsl(var(--opacity-20-hsl)/0.2);
|
|
--button-danger-background-disabled: var(--red-new-50);
|
|
--button-outline-brand-background-hover: var(--brand-500);
|
|
--button-outline-brand-border-active: var(--brand-560);
|
|
--button-outline-primary-text: var(--white);
|
|
--card-background-default: var(--neutral-91);
|
|
--card-primary-pressed-bg: var(--plum-25);
|
|
--card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--card-secondary-pressed-bg: var(--plum-26);
|
|
--channel-icon: var(--neutral-37);
|
|
--channel-text-area-placeholder: var(--plum-11);
|
|
--channels-default: var(--neutral-37);
|
|
--channeltextarea-background: var(--plum-23);
|
|
--chat-background: var(--black);
|
|
--chat-background-default: var(--neutral-91);
|
|
--chat-border: var(--plum-20);
|
|
--chat-text-muted: var(--neutral-38);
|
|
--checkbox-background-active: var(--blurple-65);
|
|
--checkbox-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--checkbox-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--checkbox-background-selected-default: var(--blurple-50);
|
|
--checkbox-background-selected-hover: var(--blurple-60);
|
|
--checkbox-border-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--checkbox-border-default: var(--neutral-44);
|
|
--checkbox-border-hover: hsl(var(--opacity-80-hsl)/0.8);
|
|
--checkbox-border-selected-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--checkbox-border-selected-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--checkbox-icon-active: var(--neutral-1);
|
|
--chip-blurple-dark-background: var(--blurple-70);
|
|
--chip-blurple-dark-text: var(--blurple-1);
|
|
--chip-blurple-light-background: var(--blurple-20);
|
|
--chip-blurple-light-text: var(--blurple-91);
|
|
--chip-blurple-medium-background: var(--blurple-40);
|
|
--chip-blurple-medium-text: var(--blurple-100);
|
|
--chip-gray-dark-background: var(--neutral-75);
|
|
--chip-gray-dark-text: var(--neutral-6);
|
|
--chip-gray-light-background: var(--neutral-10);
|
|
--chip-gray-light-text: var(--neutral-68);
|
|
--chip-gray-medium-background: var(--neutral-40);
|
|
--chip-gray-medium-text: var(--neutral-1);
|
|
--chip-green-dark-background: var(--green-new-70);
|
|
--chip-green-dark-text: var(--green-new-1);
|
|
--chip-green-light-background: var(--green-new-20);
|
|
--chip-green-light-text: var(--green-new-91);
|
|
--chip-green-medium-background: var(--green-new-45);
|
|
--chip-green-medium-text: var(--green-new-96);
|
|
--chip-orange-dark-background: var(--orange-new-70);
|
|
--chip-orange-dark-text: var(--orange-new-1);
|
|
--chip-orange-light-background: var(--orange-new-20);
|
|
--chip-orange-light-text: var(--orange-new-93);
|
|
--chip-orange-medium-background: var(--orange-new-40);
|
|
--chip-orange-medium-text: var(--orange-new-100);
|
|
--chip-pink-dark-background: var(--illo-pink-60);
|
|
--chip-pink-dark-text: var(--neutral-1);
|
|
--chip-pink-light-background: var(--illo-pink-20);
|
|
--chip-pink-light-text: var(--neutral-73);
|
|
--chip-pink-medium-background: var(--illo-pink-40);
|
|
--chip-pink-medium-text: var(--neutral-100);
|
|
--chip-purple-dark-background: var(--illo-purple-60);
|
|
--chip-purple-dark-text: var(--neutral-10);
|
|
--chip-purple-light-background: var(--illo-purple-20);
|
|
--chip-purple-light-text: var(--neutral-75);
|
|
--chip-purple-medium-background: var(--illo-purple-40);
|
|
--chip-purple-medium-text: var(--neutral-100);
|
|
--chip-red-dark-background: var(--red-new-70);
|
|
--chip-red-dark-text: var(--red-new-1);
|
|
--chip-red-light-background: var(--red-new-20);
|
|
--chip-red-light-text: var(--red-new-95);
|
|
--chip-red-medium-background: var(--red-new-45);
|
|
--chip-red-medium-text: var(--red-new-100);
|
|
--chip-yellow-dark-background: var(--yellow-new-70);
|
|
--chip-yellow-dark-text: var(--yellow-new-1);
|
|
--chip-yellow-light-background: var(--yellow-new-20);
|
|
--chip-yellow-light-text: var(--yellow-new-87);
|
|
--chip-yellow-medium-background: var(--yellow-new-45);
|
|
--chip-yellow-medium-text: var(--yellow-new-80);
|
|
--content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
|
|
--content-inventory-overlay-text-primary: hsl(var(--white-hsl)/0.85);
|
|
--content-inventory-overlay-text-secondary: hsl(var(--white-hsl)/0.7);
|
|
--context-menu-backdrop-background: hsl(var(--black-hsl)/0.7);
|
|
--control-brand-foreground: var(--brand-360);
|
|
--control-brand-foreground-new: var(--brand-360);
|
|
--control-connected-background-active: var(--green-new-65);
|
|
--control-connected-background-default: var(--green-new-50);
|
|
--control-connected-background-hover: var(--green-new-60);
|
|
--control-connected-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-connected-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-connected-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-connected-icon-active: var(--neutral-1);
|
|
--control-connected-icon-default: var(--neutral-1);
|
|
--control-connected-icon-hover: var(--neutral-1);
|
|
--control-connected-text-active: var(--neutral-1);
|
|
--control-connected-text-default: var(--neutral-1);
|
|
--control-connected-text-hover: var(--neutral-1);
|
|
--control-critical-primary-background-active: var(--red-new-65);
|
|
--control-critical-primary-background-default: var(--red-new-50);
|
|
--control-critical-primary-background-hover: var(--red-new-60);
|
|
--control-critical-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-critical-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-critical-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-critical-primary-icon-active: var(--neutral-1);
|
|
--control-critical-primary-icon-default: var(--neutral-1);
|
|
--control-critical-primary-icon-hover: var(--neutral-1);
|
|
--control-critical-primary-text-active: var(--neutral-1);
|
|
--control-critical-primary-text-default: var(--neutral-1);
|
|
--control-critical-primary-text-hover: var(--neutral-1);
|
|
--control-critical-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-critical-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-critical-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-critical-secondary-border-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-critical-secondary-border-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-critical-secondary-border-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-critical-secondary-icon-active: var(--red-new-38);
|
|
--control-critical-secondary-icon-default: var(--red-new-38);
|
|
--control-critical-secondary-icon-hover: var(--red-new-38);
|
|
--control-critical-secondary-text-active: var(--red-new-38);
|
|
--control-critical-secondary-text-default: var(--red-new-38);
|
|
--control-critical-secondary-text-hover: var(--red-new-38);
|
|
--control-expressive-background-active: var(--neutral-5);
|
|
--control-expressive-background-default: var(--neutral-1);
|
|
--control-expressive-background-hover: var(--neutral-1);
|
|
--control-expressive-border-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-expressive-border-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-expressive-border-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-expressive-icon-active: var(--neutral-100);
|
|
--control-expressive-icon-default: var(--neutral-100);
|
|
--control-expressive-icon-hover: var(--neutral-100);
|
|
--control-expressive-text-active: var(--neutral-100);
|
|
--control-expressive-text-default: var(--neutral-100);
|
|
--control-expressive-text-hover: var(--neutral-100);
|
|
--control-icon-only-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-icon-only-background-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-icon-only-border-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-icon-only-border-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-icon-only-icon-active: var(--neutral-8);
|
|
--control-icon-only-icon-default: var(--neutral-27);
|
|
--control-icon-only-icon-hover: var(--neutral-8);
|
|
--control-overlay-primary-background-active: var(--neutral-17);
|
|
--control-overlay-primary-background-default: var(--neutral-1);
|
|
--control-overlay-primary-background-hover: var(--neutral-9);
|
|
--control-overlay-primary-border-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-overlay-primary-border-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-overlay-primary-border-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-overlay-primary-icon-active: var(--neutral-100);
|
|
--control-overlay-primary-icon-default: var(--neutral-100);
|
|
--control-overlay-primary-icon-hover: var(--neutral-100);
|
|
--control-overlay-primary-text-active: var(--neutral-100);
|
|
--control-overlay-primary-text-default: var(--neutral-100);
|
|
--control-overlay-primary-text-hover: var(--neutral-100);
|
|
--control-overlay-secondary-background-active: hsl(var(--opacity-black-48-hsl)/0.47843137254901963);
|
|
--control-overlay-secondary-background-default: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
|
|
--control-overlay-secondary-background-hover: hsl(var(--opacity-black-64-hsl)/0.6392156862745098);
|
|
--control-overlay-secondary-border-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-overlay-secondary-border-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-overlay-secondary-border-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-overlay-secondary-icon-active: var(--neutral-1);
|
|
--control-overlay-secondary-icon-default: var(--neutral-1);
|
|
--control-overlay-secondary-icon-hover: var(--neutral-1);
|
|
--control-overlay-secondary-text-active: var(--neutral-1);
|
|
--control-overlay-secondary-text-default: var(--neutral-1);
|
|
--control-overlay-secondary-text-hover: var(--neutral-1);
|
|
--control-primary-background-active: var(--blurple-65);
|
|
--control-primary-background-default: var(--blurple-50);
|
|
--control-primary-background-hover: var(--blurple-60);
|
|
--control-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-primary-icon-active: var(--neutral-1);
|
|
--control-primary-icon-default: var(--neutral-1);
|
|
--control-primary-icon-hover: var(--neutral-1);
|
|
--control-primary-text-active: var(--neutral-1);
|
|
--control-primary-text-default: var(--neutral-1);
|
|
--control-primary-text-hover: var(--neutral-1);
|
|
--control-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-secondary-border-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-secondary-border-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-secondary-border-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-secondary-icon-active: var(--neutral-8);
|
|
--control-secondary-icon-default: var(--neutral-8);
|
|
--control-secondary-icon-hover: var(--neutral-8);
|
|
--control-secondary-text-active: var(--neutral-8);
|
|
--control-secondary-text-default: var(--neutral-8);
|
|
--control-secondary-text-hover: var(--neutral-8);
|
|
--creator-revenue-icon-gradient-end: var(--teal-430);
|
|
--creator-revenue-icon-gradient-start: var(--teal-360);
|
|
--creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
|
|
--creator-revenue-info-box-border: var(--teal-400);
|
|
--creator-revenue-locked-channel-icon: var(--teal-345);
|
|
--creator-revenue-progress-bar: var(--teal-400);
|
|
--embed-background: var(--plum-23);
|
|
--embed-background-alternate: var(--plum-23);
|
|
--experimental-avatar-embed-bg: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
|
|
--expressive-gradient-blue-end: hsl(var(--illo-blue-60-hsl)/0.25);
|
|
--expressive-gradient-blue-start: hsl(var(--illo-blue-40-hsl)/0.25);
|
|
--expressive-gradient-green-end: hsl(var(--illo-green-70-hsl)/0.25);
|
|
--expressive-gradient-green-start: hsl(var(--illo-green-50-hsl)/0.25);
|
|
--expressive-gradient-nitro-green-end: hsl(var(--illo-nitro-blue-hsl)/0.3);
|
|
--expressive-gradient-nitro-green-start: hsl(var(--illo-green-50-hsl)/0.3);
|
|
--expressive-gradient-nitro-pink-end: hsl(var(--illo-nitro-blue-hsl)/0.3);
|
|
--expressive-gradient-nitro-pink-start: hsl(var(--illo-pink-60-hsl)/0.3);
|
|
--expressive-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.25);
|
|
--expressive-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.25);
|
|
--expressive-gradient-purple-end: hsl(var(--illo-purple-60-hsl)/0.25);
|
|
--expressive-gradient-purple-start: hsl(var(--illo-purple-40-hsl)/0.25);
|
|
--expressive-gradient-tenure-badge-bronze-end: hsl(var(--illo-orange-70-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-bronze-start: hsl(var(--illo-orange-30-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-diamond-end: hsl(var(--illo-purple-50-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-diamond-start: hsl(var(--illo-purple-40-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-emerald-end: hsl(var(--illo-green-60-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-emerald-start: hsl(var(--illo-green-40-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-gold-end: hsl(var(--yellow-new-41-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-gold-start: hsl(var(--illo-yellow-50-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-opal-end: hsl(var(--blue-new-50-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-opal-start: hsl(var(--teal-new-30-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-platinum-end: hsl(var(--teal-new-60-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-platinum-start: hsl(var(--teal-new-20-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-ruby-end: hsl(var(--red-new-80-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-ruby-start: hsl(var(--red-new-44-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-silver-end: hsl(var(--neutral-58-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-silver-start: hsl(var(--neutral-12-hsl)/0.3);
|
|
--gradient-progress-pill-background: var(--neutral-63);
|
|
--guild-profile-banner-background-default: var(--neutral-100);
|
|
--home-background: var(--plum-18);
|
|
--icon-default: var(--neutral-10);
|
|
--icon-feedback-critical: var(--red-new-38);
|
|
--icon-feedback-info: var(--blue-new-41);
|
|
--icon-feedback-notification: var(--red-new-46);
|
|
--icon-feedback-positive: var(--green-new-40);
|
|
--icon-feedback-warning: var(--yellow-new-60);
|
|
--icon-invert: var(--neutral-71);
|
|
--icon-link: var(--blue-new-42);
|
|
--icon-muted: var(--neutral-33);
|
|
--icon-overlay-dark: var(--neutral-71);
|
|
--icon-overlay-light: var(--neutral-8);
|
|
--icon-status-dnd: var(--red-new-45);
|
|
--icon-status-idle: var(--yellow-new-22);
|
|
--icon-status-offline: var(--neutral-27);
|
|
--icon-status-online: var(--green-new-40);
|
|
--icon-strong: var(--neutral-8);
|
|
--icon-subtle: var(--neutral-27);
|
|
--icon-transparent: hsl(var(--transparent-hsl)/0);
|
|
--icon-voice-connected: var(--green-new-40);
|
|
--icon-voice-disconnected: var(--red-new-38);
|
|
--icon-voice-muted: var(--red-new-46);
|
|
--icon-voice-speaking: var(--green-new-40);
|
|
--input-background-default: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
|
|
--input-background-error-default: hsl(var(--opacity-red-4-hsl)/0.0392156862745098);
|
|
--input-border-active: var(--blurple-50);
|
|
--input-border-default: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--input-border-error-default: var(--red-new-38);
|
|
--input-border-hover: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--input-border-readonly: hsl(var(--opacity-white-12-hsl)/0.12156862745098039);
|
|
--input-icon-default: var(--neutral-27);
|
|
--input-placeholder-text-default: var(--neutral-39);
|
|
--input-text-default: var(--neutral-10);
|
|
--input-text-error-default: var(--neutral-10);
|
|
--interactive-background-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--interactive-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--interactive-background-selected: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--interactive-icon-active: var(--neutral-8);
|
|
--interactive-icon-default: var(--neutral-27);
|
|
--interactive-icon-hover: var(--neutral-8);
|
|
--interactive-muted: var(--plum-13);
|
|
--interactive-text-active: var(--neutral-8);
|
|
--interactive-text-default: var(--neutral-27);
|
|
--interactive-text-hover: var(--neutral-8);
|
|
--logo-primary: var(--white);
|
|
--mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
|
|
--mention-foreground: var(--blurple-26);
|
|
--message-automod-background-default: hsl(var(--red-345-hsl)/0.08);
|
|
--message-automod-background-hover: hsl(var(--red-400-hsl)/0.1);
|
|
--message-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--message-highlight-background-default: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
|
|
--message-highlight-background-hover: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
|
|
--message-mentioned-background-default: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
|
|
--message-mentioned-background-hover: hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098);
|
|
--message-reacted-background-default: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
|
|
--message-reacted-text-default: var(--blurple-21);
|
|
--mobile-background-scrim-opaque: var(--plum-19);
|
|
--mobile-expression-picker-background-default: var(--neutral-97);
|
|
--mobile-text-heading-primary: var(--neutral-8);
|
|
--modal-background: var(--neutral-91);
|
|
--modal-footer-background: var(--neutral-91);
|
|
--navigator-header-tint: var(--white);
|
|
--notice-background-critical: var(--red-new-95);
|
|
--notice-background-info: var(--blue-new-95);
|
|
--notice-background-positive: var(--green-new-98);
|
|
--notice-background-warning: var(--yellow-new-97);
|
|
--notice-text-critical: var(--red-new-15);
|
|
--notice-text-info: var(--blue-new-20);
|
|
--notice-text-positive: var(--green-new-21);
|
|
--notice-text-warning: var(--yellow-new-41);
|
|
--overlay-backdrop-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
|
|
--panel-bg: var(--plum-24);
|
|
--polls-normal-image-background: var(--primary-660);
|
|
--polls-victor-fill: hsl(var(--green-360-hsl)/0.2);
|
|
--polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
|
|
--premium-nitro-pink-text: var(--pink-55);
|
|
--profile-gradient-note-background: hsl(var(--black-hsl)/0.3);
|
|
--profile-gradient-overlay: hsl(var(--black-hsl)/0.6);
|
|
--profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl)/0.8);
|
|
--profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
|
|
--profile-gradient-role-pill-border: hsl(var(--white-hsl)/0.2);
|
|
--profile-gradient-section-box: hsl(var(--black-hsl)/0.45);
|
|
--progressbar-indicator-background: var(--blurple-50);
|
|
--progressbar-track-background: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--radio-background-active: var(--blurple-65);
|
|
--radio-background-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--radio-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--radio-background-selected-default: var(--blurple-50);
|
|
--radio-background-selected-hover: var(--blurple-60);
|
|
--radio-border-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--radio-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098);
|
|
--radio-border-hover: hsl(var(--opacity-80-hsl)/0.8);
|
|
--radio-border-selected-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--radio-border-selected-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--radio-foreground-active: var(--blurple-50);
|
|
--radio-foreground-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--radio-foreground-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--radio-thumb-background-active: var(--neutral-1);
|
|
--redesign-button-premium-primary-pink-for-gradient: var(--premium-tier-2-pink-for-gradients);
|
|
--redesign-button-premium-primary-pressed-background: hsl(var(--black-hsl)/0.1);
|
|
--redesign-button-premium-primary-purple-for-gradient: var(--premium-tier-2-purple-for-gradients);
|
|
--redesign-button-premium-primary-purple-for-gradient-2: var(--premium-tier-2-purple-for-gradients-2);
|
|
--redesign-button-tertiary-background: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
|
|
--redesign-button-tertiary-pressed-background: hsl(var(--plum-11-hsl)/0.2);
|
|
--redesign-button-tertiary-pressed-text: var(--plum-6);
|
|
--redesign-button-tertiary-text: var(--neutral-10);
|
|
--scrollbar-auto-scrollbar-color-thumb: var(--neutral-47);
|
|
--scrollbar-auto-scrollbar-color-track: var(--neutral-100);
|
|
--scrollbar-auto-thumb: var(--neutral-46);
|
|
--scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
|
|
--scrollbar-thin-thumb: var(--neutral-47);
|
|
--scrollbar-thin-track: hsl(var(--black-hsl)/0);
|
|
--slider-track-background: var(--neutral-63);
|
|
--spine-default: var(--neutral-63);
|
|
--spoiler-hidden-background: var(--neutral-46);
|
|
--spoiler-hidden-background-hover: var(--neutral-37);
|
|
--spoiler-revealed-background: hsl(var(--plum-11-hsl)/0.16);
|
|
--status-danger: var(--red-400);
|
|
--status-online: var(--green-360);
|
|
--status-positive: var(--green-360);
|
|
--status-positive-background: var(--green-430);
|
|
--status-positive-text: var(--white);
|
|
--status-speaking: var(--green-360);
|
|
--status-warning: var(--yellow-300);
|
|
--status-warning-background: var(--yellow-300);
|
|
--status-warning-text: var(--black);
|
|
--switch-background-active: var(--blurple-65);
|
|
--switch-background-default: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
|
|
--switch-background-hover: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
|
|
--switch-background-selected-default: var(--blurple-50);
|
|
--switch-background-selected-hover: var(--blurple-60);
|
|
--switch-border-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--switch-border-hover: hsl(var(--opacity-40-hsl)/0.4);
|
|
--switch-border-selected-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--switch-border-selected-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--switch-thumb-background-default: var(--neutral-1);
|
|
--switch-thumb-background-selected-default: var(--neutral-1);
|
|
--switch-thumb-icon-active: var(--blurple-50);
|
|
--switch-thumb-icon-default: var(--neutral-71);
|
|
--text-brand: var(--blurple-42);
|
|
--text-code: var(--blue-new-33);
|
|
--text-code-addition: var(--green-new-32);
|
|
--text-code-builtin: var(--orange-new-31);
|
|
--text-code-bullet: var(--yellow-new-56);
|
|
--text-code-comment: var(--neutral-37);
|
|
--text-code-deletion: var(--red-new-29);
|
|
--text-code-keyword: var(--red-new-30);
|
|
--text-code-section: var(--blue-new-33);
|
|
--text-code-string: var(--teal-new-34);
|
|
--text-code-tag: var(--green-new-29);
|
|
--text-code-title: var(--blurple-28);
|
|
--text-code-variable: var(--blue-new-28);
|
|
--text-default: var(--neutral-10);
|
|
--text-feedback-critical: var(--red-new-38);
|
|
--text-feedback-info: var(--blue-new-41);
|
|
--text-feedback-positive: var(--green-new-40);
|
|
--text-feedback-warning: var(--yellow-new-60);
|
|
--text-invert: var(--neutral-71);
|
|
--text-link: var(--blue-new-42);
|
|
--text-muted: var(--neutral-33);
|
|
--text-overlay-dark: var(--neutral-71);
|
|
--text-overlay-light: var(--neutral-8);
|
|
--text-status-dnd: var(--red-new-45);
|
|
--text-status-idle: var(--yellow-new-22);
|
|
--text-status-offline: var(--neutral-27);
|
|
--text-status-online: var(--green-new-40);
|
|
--text-strong: var(--neutral-8);
|
|
--text-subtle: var(--neutral-27);
|
|
--text-voice-connected: var(--green-new-40);
|
|
--text-voice-disconnected: var(--red-new-38);
|
|
--text-voice-speaking: var(--green-new-40);
|
|
--textbox-markdown-syntax: var(--plum-9);
|
|
--thread-channel-spine: var(--plum-13);
|
|
--user-profile-activity-toolbar-background: var(--neutral-83);
|
|
--user-profile-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--user-profile-border: hsl(var(--opacity-20-hsl)/0.2);
|
|
--user-profile-note-background-focus: var(--neutral-100);
|
|
--user-profile-overlay-background: var(--neutral-83);
|
|
--user-profile-overlay-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--user-profile-toolbar-background: var(--neutral-83);
|
|
--user-profile-toolbar-border: hsl(var(--opacity-16-hsl)/0.1607843137254902)
|
|
}
|
|
|
|
@supports (color: color-mix(in lch,red,blue)) {
|
|
.theme-midnight {
|
|
--app-frame-background:color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--app-frame-border: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--app-message-embed-secondary-text: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
|
|
--background-accent: color-mix(in oklab,var(--plum-17) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-base-low: color-mix(in oklab,var(--neutral-95) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-base-lower: color-mix(in oklab,var(--neutral-97) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-base-lowest: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-code: color-mix(in oklab,hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-code-addition: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-code-deletion: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-scrim: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--custom-theme-base-color-amount,0%));
|
|
--background-scrim-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
|
|
--background-secondary-alt: color-mix(in oklab,var(--plum-17) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-surface-high: color-mix(in oklab,var(--neutral-91) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-surface-higher: color-mix(in oklab,var(--neutral-87) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-surface-highest: color-mix(in oklab,var(--neutral-83) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-tile-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--background-tile-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--bg-surface-raised: color-mix(in oklab,var(--plum-23) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--border-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-focus: color-mix(in oklab,var(--blue-new-30) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-muted: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-normal: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-strong: color-mix(in oklab,hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.4392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-subtle: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--card-background-default: color-mix(in oklab,var(--neutral-91) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--card-primary-pressed-bg: color-mix(in oklab,var(--plum-25) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--card-secondary-pressed-bg: color-mix(in oklab,var(--plum-26) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--channel-icon: color-mix(in oklab,var(--neutral-37) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channel-text-area-placeholder: color-mix(in oklab,var(--plum-11) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channels-default: color-mix(in oklab,var(--neutral-37) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channeltextarea-background: color-mix(in oklab,var(--plum-23) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--chat-background: color-mix(in oklab,var(--black) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--chat-background-default: color-mix(in oklab,var(--neutral-91) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--chat-border: color-mix(in oklab,var(--plum-20) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--chat-text-muted: color-mix(in oklab,var(--neutral-38) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--content-inventory-media-seekbar-container: color-mix(in oklab,hsl(var(--plum-6-hsl)/0.24) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.24) var(--custom-theme-base-color-amount,0%));
|
|
--content-inventory-overlay-text-primary: color-mix(in oklab,hsl(var(--white-hsl)/0.85) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.85) var(--custom-theme-text-color-amount,0%));
|
|
--content-inventory-overlay-text-secondary: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
|
|
--context-menu-backdrop-background: color-mix(in oklab,hsl(var(--black-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-base-color-amount,0%));
|
|
--control-brand-foreground: color-mix(in oklab,var(--brand-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--control-brand-foreground-new: color-mix(in oklab,var(--brand-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--control-secondary-border-active: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--control-secondary-border-default: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--creator-revenue-icon-gradient-end: color-mix(in oklab,var(--teal-430) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--creator-revenue-icon-gradient-start: color-mix(in oklab,var(--teal-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--creator-revenue-info-box-background: color-mix(in oklab,hsl(var(--teal-430-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
|
|
--creator-revenue-info-box-border: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--creator-revenue-locked-channel-icon: color-mix(in oklab,var(--teal-345) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--creator-revenue-progress-bar: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--embed-background: color-mix(in oklab,var(--plum-23) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--embed-background-alternate: color-mix(in oklab,var(--plum-23) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--experimental-avatar-embed-bg: color-mix(in oklab,hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5215686274509804) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-blue-end: color-mix(in oklab,hsl(var(--illo-blue-60-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-blue-start: color-mix(in oklab,hsl(var(--illo-blue-40-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-green-end: color-mix(in oklab,hsl(var(--illo-green-70-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-green-start: color-mix(in oklab,hsl(var(--illo-green-50-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-green-end: color-mix(in oklab,hsl(var(--illo-nitro-blue-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-green-start: color-mix(in oklab,hsl(var(--illo-green-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-pink-end: color-mix(in oklab,hsl(var(--illo-nitro-blue-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-pink-start: color-mix(in oklab,hsl(var(--illo-pink-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-70-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-50-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-purple-end: color-mix(in oklab,hsl(var(--illo-purple-60-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-purple-start: color-mix(in oklab,hsl(var(--illo-purple-40-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-bronze-end: color-mix(in oklab,hsl(var(--illo-orange-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-bronze-start: color-mix(in oklab,hsl(var(--illo-orange-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-diamond-end: color-mix(in oklab,hsl(var(--illo-purple-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-diamond-start: color-mix(in oklab,hsl(var(--illo-purple-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-emerald-end: color-mix(in oklab,hsl(var(--illo-green-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-emerald-start: color-mix(in oklab,hsl(var(--illo-green-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-gold-end: color-mix(in oklab,hsl(var(--yellow-new-41-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-gold-start: color-mix(in oklab,hsl(var(--illo-yellow-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-opal-end: color-mix(in oklab,hsl(var(--blue-new-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-opal-start: color-mix(in oklab,hsl(var(--teal-new-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-platinum-end: color-mix(in oklab,hsl(var(--teal-new-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-platinum-start: color-mix(in oklab,hsl(var(--teal-new-20-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-ruby-end: color-mix(in oklab,hsl(var(--red-new-80-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-ruby-start: color-mix(in oklab,hsl(var(--red-new-44-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-silver-end: color-mix(in oklab,hsl(var(--neutral-58-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-silver-start: color-mix(in oklab,hsl(var(--neutral-12-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--gradient-progress-pill-background: color-mix(in oklab,var(--neutral-63) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--guild-profile-banner-background-default: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--home-background: color-mix(in oklab,var(--plum-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--icon-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-critical: color-mix(in oklab,var(--red-new-38) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-info: color-mix(in oklab,var(--blue-new-41) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-positive: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-warning: color-mix(in oklab,var(--yellow-new-60) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-link: color-mix(in oklab,var(--blue-new-42) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-muted: color-mix(in oklab,var(--neutral-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-overlay-dark: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-overlay-light: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-dnd: color-mix(in oklab,var(--red-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-idle: color-mix(in oklab,var(--yellow-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-offline: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-online: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-strong: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-subtle: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-transparent: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-connected: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-disconnected: color-mix(in oklab,var(--red-new-38) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-speaking: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-background-default: color-mix(in oklab,hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--input-background-error-default: color-mix(in oklab,hsl(var(--opacity-red-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
|
|
--input-border-active: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-default: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-error-default: color-mix(in oklab,var(--red-new-38) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-hover: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-readonly: color-mix(in oklab,hsl(var(--opacity-white-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-icon-default: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-placeholder-text-default: color-mix(in oklab,var(--neutral-39) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-error-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-background-active: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-icon-active: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-default: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-hover: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-muted: color-mix(in oklab,var(--plum-13) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-active: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-default: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-hover: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--logo-primary: color-mix(in oklab,var(--white) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--mention-foreground: color-mix(in oklab,var(--blurple-26) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--message-automod-background-default: color-mix(in oklab,hsl(var(--red-345-hsl)/0.08) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.08) var(--custom-theme-base-color-amount,0%));
|
|
--message-automod-background-hover: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
|
|
--message-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
|
|
--message-reacted-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--message-reacted-text-default: color-mix(in oklab,var(--blurple-21) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--mobile-background-scrim-opaque: color-mix(in oklab,var(--plum-19) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--mobile-expression-picker-background-default: color-mix(in oklab,var(--neutral-97) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--mobile-text-heading-primary: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--modal-background: color-mix(in oklab,var(--neutral-91) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--modal-footer-background: color-mix(in oklab,var(--neutral-91) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--navigator-header-tint: color-mix(in oklab,var(--white) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--overlay-backdrop-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
|
|
--panel-bg: color-mix(in oklab,var(--plum-24) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--polls-normal-image-background: color-mix(in oklab,var(--primary-660) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--polls-victor-fill: color-mix(in oklab,hsl(var(--green-360-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--polls-voted-fill: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--premium-nitro-pink-text: color-mix(in oklab,var(--pink-55) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--profile-gradient-note-background: color-mix(in oklab,hsl(var(--black-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-overlay: color-mix(in oklab,hsl(var(--black-hsl)/0.6) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.6) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab,hsl(var(--black-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-role-pill-background: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-role-pill-border: color-mix(in oklab,hsl(var(--white-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--profile-gradient-section-box: color-mix(in oklab,hsl(var(--black-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
|
|
--progressbar-indicator-background: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-pink-for-gradient: color-mix(in oklab,var(--premium-tier-2-pink-for-gradients) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-purple-for-gradient: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-purple-for-gradient-2: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients-2) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-background: color-mix(in oklab,hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-pressed-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-pressed-text: color-mix(in oklab,var(--plum-6) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--neutral-47) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-auto-thumb: color-mix(in oklab,var(--neutral-46) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-auto-track: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-thin-thumb: color-mix(in oklab,var(--neutral-47) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-thin-track: color-mix(in oklab,hsl(var(--black-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
|
|
--slider-track-background: color-mix(in oklab,var(--neutral-63) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--spine-default: color-mix(in oklab,var(--neutral-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--spoiler-hidden-background: color-mix(in oklab,var(--neutral-46) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--spoiler-hidden-background-hover: color-mix(in oklab,var(--neutral-37) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--spoiler-revealed-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.16) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.16) var(--custom-theme-base-color-amount,0%));
|
|
--text-brand: color-mix(in oklab,var(--blurple-42) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code: color-mix(in oklab,var(--blue-new-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-addition: color-mix(in oklab,var(--green-new-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-builtin: color-mix(in oklab,var(--orange-new-31) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-bullet: color-mix(in oklab,var(--yellow-new-56) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-comment: color-mix(in oklab,var(--neutral-37) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-deletion: color-mix(in oklab,var(--red-new-29) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-keyword: color-mix(in oklab,var(--red-new-30) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-section: color-mix(in oklab,var(--blue-new-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-string: color-mix(in oklab,var(--teal-new-34) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-tag: color-mix(in oklab,var(--green-new-29) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-title: color-mix(in oklab,var(--blurple-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-variable: color-mix(in oklab,var(--blue-new-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-critical: color-mix(in oklab,var(--red-new-38) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-info: color-mix(in oklab,var(--blue-new-41) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-positive: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-warning: color-mix(in oklab,var(--yellow-new-60) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-link: color-mix(in oklab,var(--blue-new-42) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-muted: color-mix(in oklab,var(--neutral-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-dnd: color-mix(in oklab,var(--red-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-idle: color-mix(in oklab,var(--yellow-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-offline: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-online: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-strong: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-subtle: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-connected: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-disconnected: color-mix(in oklab,var(--red-new-38) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-speaking: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--textbox-markdown-syntax: color-mix(in oklab,var(--plum-9) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--thread-channel-spine: color-mix(in oklab,var(--plum-13) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-activity-toolbar-background: color-mix(in oklab,var(--neutral-83) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-border: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-note-background-focus: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-overlay-background: color-mix(in oklab,var(--neutral-83) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-toolbar-background: color-mix(in oklab,var(--neutral-83) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-toolbar-border: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
|
|
}
|
|
}
|
|
|
|
.theme-darker {
|
|
--app-frame-background: var(--neutral-97);
|
|
--app-frame-border: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--app-message-embed-secondary-text: hsl(var(--white-hsl)/0.7);
|
|
--background-accent: var(--plum-15);
|
|
--background-base-low: var(--neutral-82);
|
|
--background-base-lower: var(--neutral-86);
|
|
--background-base-lowest: var(--neutral-92);
|
|
--background-brand: var(--blurple-50);
|
|
--background-code: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
|
|
--background-code-addition: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
|
|
--background-code-deletion: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
|
|
--background-feedback-critical: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
|
|
--background-feedback-info: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
|
|
--background-feedback-notification: var(--red-new-46);
|
|
--background-feedback-positive: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
|
|
--background-feedback-warning: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
|
|
--background-mod-muted: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--background-mod-normal: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--background-mod-strong: hsl(var(--opacity-20-hsl)/0.2);
|
|
--background-mod-subtle: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--background-scrim: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
|
|
--background-scrim-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
|
|
--background-secondary-alt: var(--plum-15);
|
|
--background-surface-high: var(--neutral-79);
|
|
--background-surface-higher: var(--neutral-76);
|
|
--background-surface-highest: var(--neutral-73);
|
|
--background-tile-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.3);
|
|
--background-tile-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.3);
|
|
--badge-background-brand: var(--blurple-50);
|
|
--badge-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--badge-expressive-background-default: var(--neutral-1);
|
|
--badge-expressive-text-default: var(--neutral-71);
|
|
--badge-notification-background: var(--red-new-46);
|
|
--badge-text-brand: var(--neutral-1);
|
|
--badge-text-default: var(--neutral-2);
|
|
--bg-surface-raised: var(--plum-18);
|
|
--border-feedback-critical: hsl(var(--opacity-red-20-hsl)/0.2);
|
|
--border-focus: var(--blue-new-30);
|
|
--border-muted: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--border-normal: hsl(var(--opacity-20-hsl)/0.2);
|
|
--border-strong: hsl(var(--opacity-44-hsl)/0.4392156862745098);
|
|
--border-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--button-danger-background-disabled: var(--red-new-50);
|
|
--button-outline-brand-background-hover: var(--brand-500);
|
|
--button-outline-brand-border-active: var(--brand-560);
|
|
--button-outline-primary-text: var(--white);
|
|
--card-background-default: var(--neutral-79);
|
|
--card-primary-pressed-bg: var(--plum-19);
|
|
--card-secondary-bg: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--card-secondary-pressed-bg: var(--plum-21);
|
|
--channel-icon: var(--neutral-35);
|
|
--channel-text-area-placeholder: var(--plum-11);
|
|
--channels-default: var(--neutral-35);
|
|
--channeltextarea-background: var(--plum-15);
|
|
--chat-background: var(--plum-16);
|
|
--chat-background-default: var(--neutral-80);
|
|
--chat-border: var(--plum-20);
|
|
--chat-text-muted: var(--neutral-35);
|
|
--checkbox-background-active: var(--blurple-65);
|
|
--checkbox-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--checkbox-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--checkbox-background-selected-default: var(--blurple-50);
|
|
--checkbox-background-selected-hover: var(--blurple-60);
|
|
--checkbox-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--checkbox-border-default: var(--neutral-41);
|
|
--checkbox-border-hover: hsl(var(--opacity-80-hsl)/0.8);
|
|
--checkbox-border-selected-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--checkbox-border-selected-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--checkbox-icon-active: var(--neutral-1);
|
|
--chip-blurple-dark-background: var(--blurple-70);
|
|
--chip-blurple-dark-text: var(--blurple-1);
|
|
--chip-blurple-light-background: var(--blurple-20);
|
|
--chip-blurple-light-text: var(--blurple-91);
|
|
--chip-blurple-medium-background: var(--blurple-40);
|
|
--chip-blurple-medium-text: var(--blurple-100);
|
|
--chip-gray-dark-background: var(--neutral-75);
|
|
--chip-gray-dark-text: var(--neutral-6);
|
|
--chip-gray-light-background: var(--neutral-10);
|
|
--chip-gray-light-text: var(--neutral-68);
|
|
--chip-gray-medium-background: var(--neutral-40);
|
|
--chip-gray-medium-text: var(--neutral-1);
|
|
--chip-green-dark-background: var(--green-new-70);
|
|
--chip-green-dark-text: var(--green-new-1);
|
|
--chip-green-light-background: var(--green-new-20);
|
|
--chip-green-light-text: var(--green-new-91);
|
|
--chip-green-medium-background: var(--green-new-45);
|
|
--chip-green-medium-text: var(--green-new-96);
|
|
--chip-orange-dark-background: var(--orange-new-70);
|
|
--chip-orange-dark-text: var(--orange-new-1);
|
|
--chip-orange-light-background: var(--orange-new-20);
|
|
--chip-orange-light-text: var(--orange-new-93);
|
|
--chip-orange-medium-background: var(--orange-new-40);
|
|
--chip-orange-medium-text: var(--orange-new-100);
|
|
--chip-pink-dark-background: var(--illo-pink-60);
|
|
--chip-pink-dark-text: var(--neutral-1);
|
|
--chip-pink-light-background: var(--illo-pink-20);
|
|
--chip-pink-light-text: var(--neutral-73);
|
|
--chip-pink-medium-background: var(--illo-pink-40);
|
|
--chip-pink-medium-text: var(--neutral-100);
|
|
--chip-purple-dark-background: var(--illo-purple-60);
|
|
--chip-purple-dark-text: var(--neutral-10);
|
|
--chip-purple-light-background: var(--illo-purple-20);
|
|
--chip-purple-light-text: var(--neutral-75);
|
|
--chip-purple-medium-background: var(--illo-purple-40);
|
|
--chip-purple-medium-text: var(--neutral-100);
|
|
--chip-red-dark-background: var(--red-new-70);
|
|
--chip-red-dark-text: var(--red-new-1);
|
|
--chip-red-light-background: var(--red-new-20);
|
|
--chip-red-light-text: var(--red-new-95);
|
|
--chip-red-medium-background: var(--red-new-45);
|
|
--chip-red-medium-text: var(--red-new-100);
|
|
--chip-yellow-dark-background: var(--yellow-new-70);
|
|
--chip-yellow-dark-text: var(--yellow-new-1);
|
|
--chip-yellow-light-background: var(--yellow-new-20);
|
|
--chip-yellow-light-text: var(--yellow-new-87);
|
|
--chip-yellow-medium-background: var(--yellow-new-45);
|
|
--chip-yellow-medium-text: var(--yellow-new-80);
|
|
--content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
|
|
--content-inventory-overlay-text-primary: hsl(var(--white-hsl)/0.85);
|
|
--content-inventory-overlay-text-secondary: hsl(var(--white-hsl)/0.7);
|
|
--context-menu-backdrop-background: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
|
|
--control-brand-foreground: var(--brand-360);
|
|
--control-brand-foreground-new: var(--brand-360);
|
|
--control-connected-background-active: var(--green-new-65);
|
|
--control-connected-background-default: var(--green-new-50);
|
|
--control-connected-background-hover: var(--green-new-60);
|
|
--control-connected-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-connected-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-connected-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-connected-icon-active: var(--neutral-1);
|
|
--control-connected-icon-default: var(--neutral-1);
|
|
--control-connected-icon-hover: var(--neutral-1);
|
|
--control-connected-text-active: var(--neutral-1);
|
|
--control-connected-text-default: var(--neutral-1);
|
|
--control-connected-text-hover: var(--neutral-1);
|
|
--control-critical-primary-background-active: var(--red-new-65);
|
|
--control-critical-primary-background-default: var(--red-new-50);
|
|
--control-critical-primary-background-hover: var(--red-new-60);
|
|
--control-critical-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-critical-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-critical-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-critical-primary-icon-active: var(--neutral-1);
|
|
--control-critical-primary-icon-default: var(--neutral-1);
|
|
--control-critical-primary-icon-hover: var(--neutral-1);
|
|
--control-critical-primary-text-active: var(--neutral-1);
|
|
--control-critical-primary-text-default: var(--neutral-1);
|
|
--control-critical-primary-text-hover: var(--neutral-1);
|
|
--control-critical-secondary-background-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-critical-secondary-background-default: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--control-critical-secondary-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-critical-secondary-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-critical-secondary-border-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-critical-secondary-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-critical-secondary-icon-active: var(--red-new-32);
|
|
--control-critical-secondary-icon-default: var(--red-new-32);
|
|
--control-critical-secondary-icon-hover: var(--red-new-32);
|
|
--control-critical-secondary-text-active: var(--red-new-32);
|
|
--control-critical-secondary-text-default: var(--red-new-32);
|
|
--control-critical-secondary-text-hover: var(--red-new-32);
|
|
--control-expressive-background-active: var(--neutral-5);
|
|
--control-expressive-background-default: var(--neutral-1);
|
|
--control-expressive-background-hover: var(--neutral-1);
|
|
--control-expressive-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-expressive-border-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-expressive-border-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-expressive-icon-active: var(--neutral-100);
|
|
--control-expressive-icon-default: var(--neutral-100);
|
|
--control-expressive-icon-hover: var(--neutral-100);
|
|
--control-expressive-text-active: var(--neutral-100);
|
|
--control-expressive-text-default: var(--neutral-100);
|
|
--control-expressive-text-hover: var(--neutral-100);
|
|
--control-icon-only-background-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-icon-only-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-icon-only-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-icon-only-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-icon-only-icon-active: var(--neutral-2);
|
|
--control-icon-only-icon-default: var(--neutral-23);
|
|
--control-icon-only-icon-hover: var(--neutral-2);
|
|
--control-overlay-primary-background-active: var(--neutral-17);
|
|
--control-overlay-primary-background-default: var(--neutral-1);
|
|
--control-overlay-primary-background-hover: var(--neutral-9);
|
|
--control-overlay-primary-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-overlay-primary-border-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-overlay-primary-border-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-overlay-primary-icon-active: var(--neutral-100);
|
|
--control-overlay-primary-icon-default: var(--neutral-100);
|
|
--control-overlay-primary-icon-hover: var(--neutral-100);
|
|
--control-overlay-primary-text-active: var(--neutral-100);
|
|
--control-overlay-primary-text-default: var(--neutral-100);
|
|
--control-overlay-primary-text-hover: var(--neutral-100);
|
|
--control-overlay-secondary-background-active: hsl(var(--opacity-black-48-hsl)/0.47843137254901963);
|
|
--control-overlay-secondary-background-default: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
|
|
--control-overlay-secondary-background-hover: hsl(var(--opacity-black-64-hsl)/0.6392156862745098);
|
|
--control-overlay-secondary-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-overlay-secondary-border-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-overlay-secondary-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-overlay-secondary-icon-active: var(--neutral-1);
|
|
--control-overlay-secondary-icon-default: var(--neutral-1);
|
|
--control-overlay-secondary-icon-hover: var(--neutral-1);
|
|
--control-overlay-secondary-text-active: var(--neutral-1);
|
|
--control-overlay-secondary-text-default: var(--neutral-1);
|
|
--control-overlay-secondary-text-hover: var(--neutral-1);
|
|
--control-primary-background-active: var(--blurple-65);
|
|
--control-primary-background-default: var(--blurple-50);
|
|
--control-primary-background-hover: var(--blurple-60);
|
|
--control-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--control-primary-icon-active: var(--neutral-1);
|
|
--control-primary-icon-default: var(--neutral-1);
|
|
--control-primary-icon-hover: var(--neutral-1);
|
|
--control-primary-text-active: var(--neutral-1);
|
|
--control-primary-text-default: var(--neutral-1);
|
|
--control-primary-text-hover: var(--neutral-1);
|
|
--control-secondary-background-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-secondary-background-default: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--control-secondary-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-secondary-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-secondary-border-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-secondary-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--control-secondary-icon-active: var(--neutral-2);
|
|
--control-secondary-icon-default: var(--neutral-2);
|
|
--control-secondary-icon-hover: var(--neutral-2);
|
|
--control-secondary-text-active: var(--neutral-2);
|
|
--control-secondary-text-default: var(--neutral-2);
|
|
--control-secondary-text-hover: var(--neutral-2);
|
|
--creator-revenue-icon-gradient-end: var(--teal-430);
|
|
--creator-revenue-icon-gradient-start: var(--teal-360);
|
|
--creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
|
|
--creator-revenue-info-box-border: var(--teal-400);
|
|
--creator-revenue-locked-channel-icon: var(--teal-345);
|
|
--creator-revenue-progress-bar: var(--teal-400);
|
|
--embed-background: var(--plum-18);
|
|
--embed-background-alternate: var(--plum-18);
|
|
--experimental-avatar-embed-bg: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
|
|
--expressive-gradient-blue-end: hsl(var(--illo-blue-60-hsl)/0.3);
|
|
--expressive-gradient-blue-start: hsl(var(--illo-blue-40-hsl)/0.3);
|
|
--expressive-gradient-green-end: hsl(var(--illo-green-70-hsl)/0.3);
|
|
--expressive-gradient-green-start: hsl(var(--illo-green-50-hsl)/0.3);
|
|
--expressive-gradient-nitro-green-end: hsl(var(--illo-nitro-blue-hsl)/0.4);
|
|
--expressive-gradient-nitro-green-start: hsl(var(--illo-green-50-hsl)/0.4);
|
|
--expressive-gradient-nitro-pink-end: hsl(var(--illo-nitro-blue-hsl)/0.4);
|
|
--expressive-gradient-nitro-pink-start: hsl(var(--illo-pink-60-hsl)/0.4);
|
|
--expressive-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.3);
|
|
--expressive-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.3);
|
|
--expressive-gradient-purple-end: hsl(var(--illo-purple-60-hsl)/0.3);
|
|
--expressive-gradient-purple-start: hsl(var(--illo-purple-40-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-bronze-end: hsl(var(--illo-orange-70-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-bronze-start: hsl(var(--illo-orange-30-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-diamond-end: hsl(var(--illo-purple-50-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-diamond-start: hsl(var(--illo-purple-40-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-emerald-end: hsl(var(--illo-green-60-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-emerald-start: hsl(var(--illo-green-40-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-gold-end: hsl(var(--yellow-new-41-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-gold-start: hsl(var(--illo-yellow-50-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-opal-end: hsl(var(--blue-new-50-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-opal-start: hsl(var(--teal-new-30-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-platinum-end: hsl(var(--teal-new-60-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-platinum-start: hsl(var(--teal-new-20-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-ruby-end: hsl(var(--red-new-80-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-ruby-start: hsl(var(--red-new-44-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-silver-end: hsl(var(--neutral-58-hsl)/0.3);
|
|
--expressive-gradient-tenure-badge-silver-start: hsl(var(--neutral-12-hsl)/0.3);
|
|
--gradient-progress-pill-background: var(--neutral-56);
|
|
--guild-profile-banner-background-default: var(--neutral-92);
|
|
--home-background: var(--plum-18);
|
|
--icon-default: var(--neutral-5);
|
|
--icon-feedback-critical: var(--red-new-32);
|
|
--icon-feedback-info: var(--blue-new-35);
|
|
--icon-feedback-notification: var(--red-new-46);
|
|
--icon-feedback-positive: var(--green-new-35);
|
|
--icon-feedback-warning: var(--yellow-new-56);
|
|
--icon-invert: var(--neutral-71);
|
|
--icon-link: var(--blue-new-37);
|
|
--icon-muted: var(--neutral-29);
|
|
--icon-overlay-dark: var(--neutral-71);
|
|
--icon-overlay-light: var(--neutral-2);
|
|
--icon-status-dnd: var(--red-new-45);
|
|
--icon-status-idle: var(--yellow-new-22);
|
|
--icon-status-offline: var(--neutral-27);
|
|
--icon-status-online: var(--green-new-40);
|
|
--icon-strong: var(--neutral-2);
|
|
--icon-subtle: var(--neutral-23);
|
|
--icon-transparent: hsl(var(--transparent-hsl)/0);
|
|
--icon-voice-connected: var(--green-new-34);
|
|
--icon-voice-disconnected: var(--red-new-32);
|
|
--icon-voice-muted: var(--red-new-46);
|
|
--icon-voice-speaking: var(--green-new-40);
|
|
--input-background-default: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
|
|
--input-background-error-default: hsl(var(--opacity-red-4-hsl)/0.0392156862745098);
|
|
--input-border-active: var(--blurple-50);
|
|
--input-border-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--input-border-error-default: var(--red-new-32);
|
|
--input-border-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--input-border-readonly: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--input-icon-default: var(--neutral-23);
|
|
--input-placeholder-text-default: var(--neutral-37);
|
|
--input-text-default: var(--neutral-5);
|
|
--input-text-error-default: var(--neutral-5);
|
|
--interactive-background-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--interactive-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--interactive-background-selected: hsl(var(--opacity-20-hsl)/0.2);
|
|
--interactive-icon-active: var(--neutral-2);
|
|
--interactive-icon-default: var(--neutral-23);
|
|
--interactive-icon-hover: var(--neutral-2);
|
|
--interactive-muted: var(--plum-13);
|
|
--interactive-text-active: var(--neutral-2);
|
|
--interactive-text-default: var(--neutral-23);
|
|
--interactive-text-hover: var(--neutral-2);
|
|
--logo-primary: var(--white);
|
|
--mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
|
|
--mention-foreground: var(--blurple-19);
|
|
--message-automod-background-default: hsl(var(--red-345-hsl)/0.08);
|
|
--message-automod-background-hover: hsl(var(--red-400-hsl)/0.1);
|
|
--message-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--message-highlight-background-default: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
|
|
--message-highlight-background-hover: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
|
|
--message-mentioned-background-default: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
|
|
--message-mentioned-background-hover: hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098);
|
|
--message-reacted-background-default: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
|
|
--message-reacted-text-default: var(--blurple-14);
|
|
--mobile-background-scrim-opaque: var(--black);
|
|
--mobile-expression-picker-background-default: var(--neutral-86);
|
|
--mobile-text-heading-primary: var(--neutral-2);
|
|
--modal-background: var(--neutral-79);
|
|
--modal-footer-background: var(--neutral-79);
|
|
--navigator-header-tint: var(--white);
|
|
--notice-background-critical: var(--red-new-86);
|
|
--notice-background-info: var(--blue-new-86);
|
|
--notice-background-positive: var(--green-new-88);
|
|
--notice-background-warning: var(--yellow-new-92);
|
|
--notice-text-critical: var(--red-new-9);
|
|
--notice-text-info: var(--blue-new-13);
|
|
--notice-text-positive: var(--green-new-14);
|
|
--notice-text-warning: var(--yellow-new-28);
|
|
--overlay-backdrop-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
|
|
--panel-bg: var(--neutral-82);
|
|
--polls-normal-image-background: var(--primary-660);
|
|
--polls-victor-fill: hsl(var(--green-360-hsl)/0.2);
|
|
--polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
|
|
--premium-nitro-pink-text: var(--pink-51);
|
|
--profile-gradient-note-background: hsl(var(--black-hsl)/0.3);
|
|
--profile-gradient-overlay: hsl(var(--black-hsl)/0.6);
|
|
--profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl)/0.8);
|
|
--profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
|
|
--profile-gradient-role-pill-border: hsl(var(--white-hsl)/0.2);
|
|
--profile-gradient-section-box: hsl(var(--black-hsl)/0.45);
|
|
--progressbar-indicator-background: var(--blurple-50);
|
|
--progressbar-track-background: hsl(var(--opacity-20-hsl)/0.2);
|
|
--radio-background-active: var(--blurple-65);
|
|
--radio-background-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--radio-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--radio-background-selected-default: var(--blurple-50);
|
|
--radio-background-selected-hover: var(--blurple-60);
|
|
--radio-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--radio-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098);
|
|
--radio-border-hover: hsl(var(--opacity-80-hsl)/0.8);
|
|
--radio-border-selected-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--radio-border-selected-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--radio-foreground-active: var(--blurple-50);
|
|
--radio-foreground-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--radio-foreground-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--radio-thumb-background-active: var(--neutral-1);
|
|
--redesign-button-premium-primary-pink-for-gradient: var(--premium-tier-2-pink-for-gradients);
|
|
--redesign-button-premium-primary-pressed-background: hsl(var(--black-hsl)/0.1);
|
|
--redesign-button-premium-primary-purple-for-gradient: var(--premium-tier-2-purple-for-gradients);
|
|
--redesign-button-premium-primary-purple-for-gradient-2: var(--premium-tier-2-purple-for-gradients-2);
|
|
--redesign-button-tertiary-background: hsl(var(--plum-11-hsl)/0.12);
|
|
--redesign-button-tertiary-pressed-background: hsl(var(--plum-11-hsl)/0.2);
|
|
--redesign-button-tertiary-pressed-text: var(--plum-5);
|
|
--redesign-button-tertiary-text: var(--neutral-5);
|
|
--scrollbar-auto-scrollbar-color-thumb: var(--neutral-45);
|
|
--scrollbar-auto-scrollbar-color-track: var(--neutral-94);
|
|
--scrollbar-auto-thumb: var(--neutral-43);
|
|
--scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
|
|
--scrollbar-thin-thumb: var(--neutral-45);
|
|
--scrollbar-thin-track: hsl(var(--black-hsl)/0);
|
|
--slider-track-background: var(--neutral-55);
|
|
--spine-default: var(--neutral-55);
|
|
--spoiler-hidden-background: var(--neutral-43);
|
|
--spoiler-hidden-background-hover: var(--neutral-34);
|
|
--spoiler-revealed-background: hsl(var(--plum-11-hsl)/0.16);
|
|
--status-danger: var(--red-400);
|
|
--status-online: var(--green-360);
|
|
--status-positive: var(--green-360);
|
|
--status-positive-background: var(--green-430);
|
|
--status-positive-text: var(--white);
|
|
--status-speaking: var(--green-360);
|
|
--status-warning: var(--yellow-300);
|
|
--status-warning-background: var(--yellow-300);
|
|
--status-warning-text: var(--black);
|
|
--switch-background-active: var(--blurple-65);
|
|
--switch-background-default: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
|
|
--switch-background-hover: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
|
|
--switch-background-selected-default: var(--blurple-50);
|
|
--switch-background-selected-hover: var(--blurple-60);
|
|
--switch-border-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--switch-border-hover: hsl(var(--opacity-40-hsl)/0.4);
|
|
--switch-border-selected-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--switch-border-selected-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--switch-thumb-background-default: var(--neutral-1);
|
|
--switch-thumb-background-selected-default: var(--neutral-1);
|
|
--switch-thumb-icon-active: var(--blurple-50);
|
|
--switch-thumb-icon-default: var(--neutral-71);
|
|
--text-brand: var(--blurple-36);
|
|
--text-code: var(--blue-new-27);
|
|
--text-code-addition: var(--green-new-26);
|
|
--text-code-builtin: var(--orange-new-25);
|
|
--text-code-bullet: var(--yellow-new-52);
|
|
--text-code-comment: var(--neutral-33);
|
|
--text-code-deletion: var(--red-new-23);
|
|
--text-code-keyword: var(--red-new-24);
|
|
--text-code-section: var(--blue-new-27);
|
|
--text-code-string: var(--teal-new-28);
|
|
--text-code-tag: var(--green-new-23);
|
|
--text-code-title: var(--blurple-21);
|
|
--text-code-variable: var(--blue-new-22);
|
|
--text-default: var(--neutral-5);
|
|
--text-feedback-critical: var(--red-new-32);
|
|
--text-feedback-info: var(--blue-new-35);
|
|
--text-feedback-positive: var(--green-new-35);
|
|
--text-feedback-warning: var(--yellow-new-56);
|
|
--text-invert: var(--neutral-71);
|
|
--text-link: var(--blue-new-37);
|
|
--text-muted: var(--neutral-29);
|
|
--text-overlay-dark: var(--neutral-71);
|
|
--text-overlay-light: var(--neutral-2);
|
|
--text-status-dnd: var(--red-new-45);
|
|
--text-status-idle: var(--yellow-new-22);
|
|
--text-status-offline: var(--neutral-27);
|
|
--text-status-online: var(--green-new-40);
|
|
--text-strong: var(--neutral-2);
|
|
--text-subtle: var(--neutral-23);
|
|
--text-voice-connected: var(--green-new-34);
|
|
--text-voice-disconnected: var(--red-new-32);
|
|
--text-voice-speaking: var(--green-new-40);
|
|
--textbox-markdown-syntax: var(--plum-9);
|
|
--thread-channel-spine: var(--plum-13);
|
|
--user-profile-activity-toolbar-background: var(--neutral-73);
|
|
--user-profile-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--user-profile-border: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--user-profile-note-background-focus: var(--neutral-92);
|
|
--user-profile-overlay-background: var(--neutral-73);
|
|
--user-profile-overlay-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--user-profile-toolbar-background: var(--neutral-73);
|
|
--user-profile-toolbar-border: hsl(var(--opacity-4-hsl)/0.0392156862745098)
|
|
}
|
|
|
|
@supports (color: color-mix(in lch,red,blue)) {
|
|
.theme-darker {
|
|
--app-frame-background:color-mix(in oklab,var(--neutral-97) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--app-frame-border: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--app-message-embed-secondary-text: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
|
|
--background-accent: color-mix(in oklab,var(--plum-15) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-base-low: color-mix(in oklab,var(--neutral-82) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-base-lower: color-mix(in oklab,var(--neutral-86) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-base-lowest: color-mix(in oklab,var(--neutral-92) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-code: color-mix(in oklab,hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-code-addition: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-code-deletion: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-scrim: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--custom-theme-base-color-amount,0%));
|
|
--background-scrim-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
|
|
--background-secondary-alt: color-mix(in oklab,var(--plum-15) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-surface-high: color-mix(in oklab,var(--neutral-79) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-surface-higher: color-mix(in oklab,var(--neutral-76) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-surface-highest: color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--background-tile-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--background-tile-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--bg-surface-raised: color-mix(in oklab,var(--plum-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--border-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-focus: color-mix(in oklab,var(--blue-new-30) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-muted: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-normal: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-strong: color-mix(in oklab,hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.4392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-subtle: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--card-background-default: color-mix(in oklab,var(--neutral-79) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--card-primary-pressed-bg: color-mix(in oklab,var(--plum-19) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--card-secondary-pressed-bg: color-mix(in oklab,var(--plum-21) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--channel-icon: color-mix(in oklab,var(--neutral-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channel-text-area-placeholder: color-mix(in oklab,var(--plum-11) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channels-default: color-mix(in oklab,var(--neutral-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channeltextarea-background: color-mix(in oklab,var(--plum-15) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--chat-background: color-mix(in oklab,var(--plum-16) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--chat-background-default: color-mix(in oklab,var(--neutral-80) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--chat-border: color-mix(in oklab,var(--plum-20) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--chat-text-muted: color-mix(in oklab,var(--neutral-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--content-inventory-media-seekbar-container: color-mix(in oklab,hsl(var(--plum-6-hsl)/0.24) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.24) var(--custom-theme-base-color-amount,0%));
|
|
--content-inventory-overlay-text-primary: color-mix(in oklab,hsl(var(--white-hsl)/0.85) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.85) var(--custom-theme-text-color-amount,0%));
|
|
--content-inventory-overlay-text-secondary: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
|
|
--context-menu-backdrop-background: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--custom-theme-base-color-amount,0%));
|
|
--control-brand-foreground: color-mix(in oklab,var(--brand-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--control-brand-foreground-new: color-mix(in oklab,var(--brand-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--control-secondary-border-active: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--control-secondary-border-default: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--creator-revenue-icon-gradient-end: color-mix(in oklab,var(--teal-430) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--creator-revenue-icon-gradient-start: color-mix(in oklab,var(--teal-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--creator-revenue-info-box-background: color-mix(in oklab,hsl(var(--teal-430-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
|
|
--creator-revenue-info-box-border: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--creator-revenue-locked-channel-icon: color-mix(in oklab,var(--teal-345) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--creator-revenue-progress-bar: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--embed-background: color-mix(in oklab,var(--plum-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--embed-background-alternate: color-mix(in oklab,var(--plum-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--experimental-avatar-embed-bg: color-mix(in oklab,hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5215686274509804) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-blue-end: color-mix(in oklab,hsl(var(--illo-blue-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-blue-start: color-mix(in oklab,hsl(var(--illo-blue-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-green-end: color-mix(in oklab,hsl(var(--illo-green-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-green-start: color-mix(in oklab,hsl(var(--illo-green-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-green-end: color-mix(in oklab,hsl(var(--illo-nitro-blue-hsl)/0.4) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.4) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-green-start: color-mix(in oklab,hsl(var(--illo-green-50-hsl)/0.4) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.4) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-pink-end: color-mix(in oklab,hsl(var(--illo-nitro-blue-hsl)/0.4) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.4) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-nitro-pink-start: color-mix(in oklab,hsl(var(--illo-pink-60-hsl)/0.4) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.4) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-purple-end: color-mix(in oklab,hsl(var(--illo-purple-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-purple-start: color-mix(in oklab,hsl(var(--illo-purple-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-bronze-end: color-mix(in oklab,hsl(var(--illo-orange-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-bronze-start: color-mix(in oklab,hsl(var(--illo-orange-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-diamond-end: color-mix(in oklab,hsl(var(--illo-purple-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-diamond-start: color-mix(in oklab,hsl(var(--illo-purple-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-emerald-end: color-mix(in oklab,hsl(var(--illo-green-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-emerald-start: color-mix(in oklab,hsl(var(--illo-green-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-gold-end: color-mix(in oklab,hsl(var(--yellow-new-41-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-gold-start: color-mix(in oklab,hsl(var(--illo-yellow-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-opal-end: color-mix(in oklab,hsl(var(--blue-new-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-opal-start: color-mix(in oklab,hsl(var(--teal-new-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-platinum-end: color-mix(in oklab,hsl(var(--teal-new-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-platinum-start: color-mix(in oklab,hsl(var(--teal-new-20-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-ruby-end: color-mix(in oklab,hsl(var(--red-new-80-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-ruby-start: color-mix(in oklab,hsl(var(--red-new-44-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-silver-end: color-mix(in oklab,hsl(var(--neutral-58-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--expressive-gradient-tenure-badge-silver-start: color-mix(in oklab,hsl(var(--neutral-12-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--gradient-progress-pill-background: color-mix(in oklab,var(--neutral-56) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--guild-profile-banner-background-default: color-mix(in oklab,var(--neutral-92) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--home-background: color-mix(in oklab,var(--plum-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--icon-default: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-critical: color-mix(in oklab,var(--red-new-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-info: color-mix(in oklab,var(--blue-new-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-positive: color-mix(in oklab,var(--green-new-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-warning: color-mix(in oklab,var(--yellow-new-56) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-link: color-mix(in oklab,var(--blue-new-37) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-muted: color-mix(in oklab,var(--neutral-29) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-overlay-dark: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-overlay-light: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-dnd: color-mix(in oklab,var(--red-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-idle: color-mix(in oklab,var(--yellow-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-offline: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-status-online: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-strong: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-subtle: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-transparent: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-connected: color-mix(in oklab,var(--green-new-34) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-disconnected: color-mix(in oklab,var(--red-new-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-speaking: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-background-default: color-mix(in oklab,hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--input-background-error-default: color-mix(in oklab,hsl(var(--opacity-red-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
|
|
--input-border-active: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-default: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-error-default: color-mix(in oklab,var(--red-new-32) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-hover: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-readonly: color-mix(in oklab,hsl(var(--opacity-white-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-icon-default: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-placeholder-text-default: color-mix(in oklab,var(--neutral-37) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-default: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-error-default: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-background-active: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-icon-active: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-default: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-hover: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-muted: color-mix(in oklab,var(--plum-13) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-active: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-default: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-hover: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--logo-primary: color-mix(in oklab,var(--white) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--mention-foreground: color-mix(in oklab,var(--blurple-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--message-automod-background-default: color-mix(in oklab,hsl(var(--red-345-hsl)/0.08) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.08) var(--custom-theme-base-color-amount,0%));
|
|
--message-automod-background-hover: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
|
|
--message-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
|
|
--message-reacted-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--message-reacted-text-default: color-mix(in oklab,var(--blurple-14) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--mobile-background-scrim-opaque: color-mix(in oklab,var(--black) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--mobile-expression-picker-background-default: color-mix(in oklab,var(--neutral-86) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--mobile-text-heading-primary: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--modal-background: color-mix(in oklab,var(--neutral-79) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--modal-footer-background: color-mix(in oklab,var(--neutral-79) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--navigator-header-tint: color-mix(in oklab,var(--white) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--overlay-backdrop-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
|
|
--panel-bg: color-mix(in oklab,var(--neutral-82) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--polls-normal-image-background: color-mix(in oklab,var(--primary-660) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--polls-victor-fill: color-mix(in oklab,hsl(var(--green-360-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--polls-voted-fill: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--premium-nitro-pink-text: color-mix(in oklab,var(--pink-51) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--profile-gradient-note-background: color-mix(in oklab,hsl(var(--black-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-overlay: color-mix(in oklab,hsl(var(--black-hsl)/0.6) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.6) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab,hsl(var(--black-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-role-pill-background: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
|
|
--profile-gradient-role-pill-border: color-mix(in oklab,hsl(var(--white-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--profile-gradient-section-box: color-mix(in oklab,hsl(var(--black-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
|
|
--progressbar-indicator-background: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-pink-for-gradient: color-mix(in oklab,var(--premium-tier-2-pink-for-gradients) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-purple-for-gradient: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-premium-primary-purple-for-gradient-2: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients-2) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.12) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-pressed-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-pressed-text: color-mix(in oklab,var(--plum-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--neutral-45) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--neutral-94) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-auto-thumb: color-mix(in oklab,var(--neutral-43) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-auto-track: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-thin-thumb: color-mix(in oklab,var(--neutral-45) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--scrollbar-thin-track: color-mix(in oklab,hsl(var(--black-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
|
|
--slider-track-background: color-mix(in oklab,var(--neutral-55) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--spine-default: color-mix(in oklab,var(--neutral-55) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--spoiler-hidden-background: color-mix(in oklab,var(--neutral-43) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--spoiler-hidden-background-hover: color-mix(in oklab,var(--neutral-34) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--spoiler-revealed-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.16) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.16) var(--custom-theme-base-color-amount,0%));
|
|
--text-brand: color-mix(in oklab,var(--blurple-36) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code: color-mix(in oklab,var(--blue-new-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-addition: color-mix(in oklab,var(--green-new-26) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-builtin: color-mix(in oklab,var(--orange-new-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-bullet: color-mix(in oklab,var(--yellow-new-52) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-comment: color-mix(in oklab,var(--neutral-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-deletion: color-mix(in oklab,var(--red-new-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-keyword: color-mix(in oklab,var(--red-new-24) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-section: color-mix(in oklab,var(--blue-new-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-string: color-mix(in oklab,var(--teal-new-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-tag: color-mix(in oklab,var(--green-new-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-title: color-mix(in oklab,var(--blurple-21) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-variable: color-mix(in oklab,var(--blue-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-default: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-critical: color-mix(in oklab,var(--red-new-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-info: color-mix(in oklab,var(--blue-new-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-positive: color-mix(in oklab,var(--green-new-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-warning: color-mix(in oklab,var(--yellow-new-56) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-link: color-mix(in oklab,var(--blue-new-37) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-muted: color-mix(in oklab,var(--neutral-29) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-dnd: color-mix(in oklab,var(--red-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-idle: color-mix(in oklab,var(--yellow-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-offline: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-status-online: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-strong: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-subtle: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-connected: color-mix(in oklab,var(--green-new-34) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-disconnected: color-mix(in oklab,var(--red-new-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-speaking: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--textbox-markdown-syntax: color-mix(in oklab,var(--plum-9) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--thread-channel-spine: color-mix(in oklab,var(--plum-13) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-activity-toolbar-background: color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-border: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-note-background-focus: color-mix(in oklab,var(--neutral-92) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-overlay-background: color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-toolbar-background: color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-toolbar-border: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
|
|
}
|
|
}
|
|
|
|
.custom-user-profile-theme.theme-dark {
|
|
--user-profile-activity-toolbar-background: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--user-profile-background-hover: hsl(var(--opacity-white-4-hsl)/0.0392156862745098);
|
|
--user-profile-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--user-profile-note-background-focus: hsl(var(--black-hsl)/0.3);
|
|
--user-profile-overlay-background: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--user-profile-overlay-background-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--user-profile-toolbar-background: hsl(var(--opacity-black-48-hsl)/0.47843137254901963);
|
|
--user-profile-toolbar-border: hsl(var(--opacity-4-hsl)/0.0392156862745098)
|
|
}
|
|
|
|
.custom-user-profile-theme.theme-light {
|
|
--user-profile-activity-toolbar-background: hsl(var(--opacity-white-48-hsl)/0.47843137254901963);
|
|
--user-profile-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--user-profile-border: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--user-profile-note-background-focus: hsl(var(--white-hsl)/0.3);
|
|
--user-profile-overlay-background: hsl(var(--opacity-white-24-hsl)/0.23921568627450981);
|
|
--user-profile-overlay-background-hover: hsl(var(--opacity-white-36-hsl)/0.3607843137254902);
|
|
--user-profile-toolbar-background: hsl(var(--opacity-white-60-hsl)/0.6);
|
|
--user-profile-toolbar-border: hsl(var(--opacity-20-hsl)/0.2)
|
|
}
|
|
|
|
.high-contrast-mode .theme-dark,.high-contrast-mode.theme-dark {
|
|
--app-frame-border: var(--neutral-12);
|
|
--background-code: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
|
|
--background-feedback-critical: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
|
|
--background-feedback-info: hsl(var(--opacity-blue-12-hsl)/0.12156862745098039);
|
|
--background-feedback-positive: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
|
|
--background-feedback-warning: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
|
|
--background-mod-muted: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--background-mod-normal: hsl(var(--opacity-20-hsl)/0.2);
|
|
--background-mod-strong: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--background-mod-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--badge-background-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--badge-text-default: var(--neutral-1);
|
|
--border-focus: var(--blue-new-18);
|
|
--border-muted: var(--neutral-26);
|
|
--border-normal: var(--neutral-5);
|
|
--border-strong: var(--neutral-1);
|
|
--border-subtle: var(--neutral-12);
|
|
--card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--channel-icon: var(--neutral-19);
|
|
--channel-text-area-placeholder: var(--neutral-25);
|
|
--channels-default: var(--neutral-19);
|
|
--chat-text-muted: var(--neutral-17);
|
|
--checkbox-border-active: var(--neutral-12);
|
|
--checkbox-border-default: var(--neutral-1);
|
|
--checkbox-border-hover: var(--neutral-12);
|
|
--checkbox-border-selected-default: var(--neutral-12);
|
|
--checkbox-border-selected-hover: var(--neutral-12);
|
|
--control-connected-border-active: var(--green-new-20);
|
|
--control-connected-border-default: var(--green-new-20);
|
|
--control-connected-border-hover: var(--green-new-20);
|
|
--control-critical-primary-border-active: var(--red-new-15);
|
|
--control-critical-primary-border-default: var(--red-new-15);
|
|
--control-critical-primary-border-hover: var(--red-new-15);
|
|
--control-critical-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-critical-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-critical-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-critical-secondary-border-active: var(--red-new-15);
|
|
--control-critical-secondary-border-default: var(--red-new-15);
|
|
--control-critical-secondary-border-hover: var(--red-new-15);
|
|
--control-critical-secondary-icon-active: var(--red-new-5);
|
|
--control-critical-secondary-icon-default: var(--red-new-5);
|
|
--control-critical-secondary-icon-hover: var(--red-new-5);
|
|
--control-critical-secondary-text-active: var(--red-new-5);
|
|
--control-critical-secondary-text-default: var(--red-new-5);
|
|
--control-critical-secondary-text-hover: var(--red-new-5);
|
|
--control-icon-only-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-icon-only-background-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-icon-only-border-active: var(--neutral-26);
|
|
--control-icon-only-border-hover: var(--neutral-26);
|
|
--control-icon-only-icon-active: var(--neutral-1);
|
|
--control-icon-only-icon-default: var(--neutral-2);
|
|
--control-icon-only-icon-hover: var(--neutral-1);
|
|
--control-overlay-secondary-border-active: var(--neutral-26);
|
|
--control-overlay-secondary-border-default: var(--neutral-26);
|
|
--control-overlay-secondary-border-hover: var(--neutral-26);
|
|
--control-primary-border-active: var(--blurple-18);
|
|
--control-primary-border-default: var(--blurple-18);
|
|
--control-primary-border-hover: var(--blurple-18);
|
|
--control-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-secondary-border-active: var(--neutral-22);
|
|
--control-secondary-border-default: var(--neutral-22);
|
|
--control-secondary-border-hover: var(--neutral-22);
|
|
--control-secondary-icon-active: var(--neutral-1);
|
|
--control-secondary-icon-default: var(--neutral-1);
|
|
--control-secondary-icon-hover: var(--neutral-1);
|
|
--control-secondary-text-active: var(--neutral-1);
|
|
--control-secondary-text-default: var(--neutral-1);
|
|
--control-secondary-text-hover: var(--neutral-1);
|
|
--gradient-progress-pill-background: var(--neutral-35);
|
|
--icon-default: var(--neutral-1);
|
|
--icon-feedback-critical: var(--red-new-5);
|
|
--icon-feedback-info: var(--blue-new-8);
|
|
--icon-feedback-positive: var(--green-new-10);
|
|
--icon-feedback-warning: var(--yellow-new-7);
|
|
--icon-link: var(--blue-new-18);
|
|
--icon-muted: var(--neutral-12);
|
|
--icon-strong: var(--neutral-1);
|
|
--icon-subtle: var(--neutral-2);
|
|
--icon-voice-disconnected: var(--red-new-5);
|
|
--input-background-default: hsl(var(--opacity-black-28-hsl)/0.2784313725490196);
|
|
--input-border-default: var(--neutral-22);
|
|
--input-border-error-default: var(--red-new-5);
|
|
--input-border-hover: var(--neutral-5);
|
|
--input-icon-default: var(--neutral-2);
|
|
--input-placeholder-text-default: var(--neutral-28);
|
|
--input-text-default: var(--neutral-1);
|
|
--input-text-error-default: var(--neutral-1);
|
|
--interactive-background-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--interactive-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--interactive-background-selected: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--interactive-icon-active: var(--neutral-1);
|
|
--interactive-icon-default: var(--neutral-2);
|
|
--interactive-icon-hover: var(--neutral-1);
|
|
--interactive-muted: var(--neutral-27);
|
|
--interactive-text-active: var(--neutral-1);
|
|
--interactive-text-default: var(--neutral-2);
|
|
--interactive-text-hover: var(--neutral-1);
|
|
--mention-background: hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963);
|
|
--mention-foreground: var(--blurple-1);
|
|
--message-automod-background-default: hsl(var(--opacity-red-20-hsl)/0.2);
|
|
--message-automod-background-hover: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
|
|
--message-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--message-highlight-background-default: hsl(var(--opacity-blurple-20-hsl)/0.2);
|
|
--message-highlight-background-hover: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
|
|
--message-mentioned-background-default: hsl(var(--opacity-yellow-20-hsl)/0.2);
|
|
--message-mentioned-background-hover: hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981);
|
|
--mobile-text-heading-primary: var(--neutral-1);
|
|
--progressbar-track-background: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--radio-border-active: var(--neutral-12);
|
|
--radio-border-default: var(--neutral-12);
|
|
--radio-border-hover: var(--neutral-12);
|
|
--radio-border-selected-default: var(--neutral-12);
|
|
--radio-border-selected-hover: var(--neutral-12);
|
|
--redesign-button-tertiary-text: var(--neutral-1);
|
|
--redesign-channel-name-muted-text: var(--neutral-12);
|
|
--redesign-channel-name-text: var(--neutral-1);
|
|
--spine-default: var(--neutral-32);
|
|
--stage-card-pill-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--status-danger: var(--red-new-29);
|
|
--switch-border-default: var(--neutral-12);
|
|
--switch-border-hover: var(--neutral-12);
|
|
--switch-border-selected-default: var(--neutral-12);
|
|
--switch-border-selected-hover: var(--neutral-12);
|
|
--text-brand: var(--brand-300);
|
|
--text-code: var(--blue-new-1);
|
|
--text-code-addition: var(--green-new-2);
|
|
--text-code-builtin: var(--orange-new-1);
|
|
--text-code-bullet: var(--yellow-new-1);
|
|
--text-code-comment: var(--neutral-15);
|
|
--text-code-deletion: var(--red-new-1);
|
|
--text-code-keyword: var(--red-new-1);
|
|
--text-code-section: var(--blue-new-1);
|
|
--text-code-string: var(--teal-new-3);
|
|
--text-code-tag: var(--green-new-3);
|
|
--text-code-title: var(--blue-new-1);
|
|
--text-code-variable: var(--blue-new-1);
|
|
--text-default: var(--neutral-1);
|
|
--text-feedback-critical: var(--red-new-5);
|
|
--text-feedback-info: var(--blue-new-8);
|
|
--text-feedback-positive: var(--green-new-10);
|
|
--text-feedback-warning: var(--yellow-new-7);
|
|
--text-link: var(--blue-new-18);
|
|
--text-muted: var(--neutral-12);
|
|
--text-strong: var(--neutral-1);
|
|
--text-subtle: var(--neutral-2);
|
|
--text-voice-disconnected: var(--red-new-5);
|
|
--thread-channel-spine: var(--neutral-27);
|
|
--user-profile-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--user-profile-border: var(--neutral-12);
|
|
--user-profile-overlay-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--user-profile-toolbar-border: var(--neutral-26)
|
|
}
|
|
|
|
@supports (color: color-mix(in lch,red,blue)) {
|
|
.high-contrast-mode .theme-dark,.high-contrast-mode.theme-dark {
|
|
--app-frame-border:color-mix(in oklab,var(--neutral-12) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--background-code: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--border-focus: color-mix(in oklab,var(--blue-new-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-muted: color-mix(in oklab,var(--neutral-26) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-normal: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-subtle: color-mix(in oklab,var(--neutral-12) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--channel-icon: color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channel-text-area-placeholder: color-mix(in oklab,var(--neutral-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channels-default: color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--chat-text-muted: color-mix(in oklab,var(--neutral-17) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--control-secondary-border-active: color-mix(in oklab,var(--neutral-22) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--control-secondary-border-default: color-mix(in oklab,var(--neutral-22) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--gradient-progress-pill-background: color-mix(in oklab,var(--neutral-35) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--icon-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-critical: color-mix(in oklab,var(--red-new-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-info: color-mix(in oklab,var(--blue-new-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-positive: color-mix(in oklab,var(--green-new-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-warning: color-mix(in oklab,var(--yellow-new-7) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-link: color-mix(in oklab,var(--blue-new-18) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-muted: color-mix(in oklab,var(--neutral-12) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-subtle: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-disconnected: color-mix(in oklab,var(--red-new-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-background-default: color-mix(in oklab,hsl(var(--opacity-black-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--input-border-default: color-mix(in oklab,var(--neutral-22) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-error-default: color-mix(in oklab,var(--red-new-5) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-hover: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-icon-default: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-placeholder-text-default: color-mix(in oklab,var(--neutral-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-error-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-background-active: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-icon-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-default: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-muted: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-default: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.47843137254901963) var(--custom-theme-base-color-amount,0%));
|
|
--mention-foreground: color-mix(in oklab,var(--blurple-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--message-automod-background-default: color-mix(in oklab,hsl(var(--opacity-red-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--message-automod-background-hover: color-mix(in oklab,hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--message-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--mobile-text-heading-primary: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--redesign-channel-name-muted-text: color-mix(in oklab,var(--neutral-12) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--redesign-channel-name-text: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--spine-default: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--stage-card-pill-bg: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--text-brand: color-mix(in oklab,var(--brand-300) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code: color-mix(in oklab,var(--blue-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-addition: color-mix(in oklab,var(--green-new-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-builtin: color-mix(in oklab,var(--orange-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-bullet: color-mix(in oklab,var(--yellow-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-comment: color-mix(in oklab,var(--neutral-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-deletion: color-mix(in oklab,var(--red-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-keyword: color-mix(in oklab,var(--red-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-section: color-mix(in oklab,var(--blue-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-string: color-mix(in oklab,var(--teal-new-3) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-tag: color-mix(in oklab,var(--green-new-3) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-title: color-mix(in oklab,var(--blue-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-variable: color-mix(in oklab,var(--blue-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-critical: color-mix(in oklab,var(--red-new-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-info: color-mix(in oklab,var(--blue-new-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-positive: color-mix(in oklab,var(--green-new-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-warning: color-mix(in oklab,var(--yellow-new-7) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-link: color-mix(in oklab,var(--blue-new-18) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-muted: color-mix(in oklab,var(--neutral-12) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-subtle: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-disconnected: color-mix(in oklab,var(--red-new-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--thread-channel-spine: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-border: color-mix(in oklab,var(--neutral-12) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-toolbar-border: color-mix(in oklab,var(--neutral-26) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
|
|
}
|
|
}
|
|
|
|
.high-contrast-mode .theme-light,.high-contrast-mode.theme-light {
|
|
--app-frame-border: var(--neutral-50);
|
|
--background-code: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
|
|
--background-feedback-critical: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
|
|
--background-feedback-info: hsl(var(--opacity-blue-12-hsl)/0.12156862745098039);
|
|
--background-feedback-positive: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
|
|
--background-feedback-warning: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
|
|
--background-mod-muted: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--background-mod-normal: hsl(var(--opacity-20-hsl)/0.2);
|
|
--background-mod-strong: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--background-mod-subtle: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--badge-background-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--badge-text-default: var(--neutral-100);
|
|
--border-focus: var(--blue-new-63);
|
|
--border-muted: var(--neutral-38);
|
|
--border-normal: var(--neutral-59);
|
|
--border-strong: var(--neutral-72);
|
|
--border-subtle: var(--neutral-50);
|
|
--card-secondary-bg: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--channel-icon: var(--neutral-50);
|
|
--channel-text-area-placeholder: var(--neutral-39);
|
|
--channels-default: var(--neutral-50);
|
|
--chat-text-muted: var(--neutral-48);
|
|
--checkbox-border-active: var(--neutral-50);
|
|
--checkbox-border-default: var(--neutral-72);
|
|
--checkbox-border-hover: var(--neutral-50);
|
|
--checkbox-border-selected-default: var(--neutral-50);
|
|
--checkbox-border-selected-hover: var(--neutral-50);
|
|
--control-connected-border-active: var(--green-new-60);
|
|
--control-connected-border-default: var(--green-new-60);
|
|
--control-connected-border-hover: var(--green-new-60);
|
|
--control-critical-primary-border-active: var(--red-new-58);
|
|
--control-critical-primary-border-default: var(--red-new-58);
|
|
--control-critical-primary-border-hover: var(--red-new-58);
|
|
--control-critical-secondary-background-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--control-critical-secondary-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-critical-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-critical-secondary-border-active: var(--red-new-58);
|
|
--control-critical-secondary-border-default: var(--red-new-58);
|
|
--control-critical-secondary-border-hover: var(--red-new-58);
|
|
--control-critical-secondary-icon-active: var(--red-new-63);
|
|
--control-critical-secondary-icon-default: var(--red-new-63);
|
|
--control-critical-secondary-icon-hover: var(--red-new-63);
|
|
--control-critical-secondary-text-active: var(--red-new-63);
|
|
--control-critical-secondary-text-default: var(--red-new-63);
|
|
--control-critical-secondary-text-hover: var(--red-new-63);
|
|
--control-icon-only-background-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--control-icon-only-background-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-icon-only-border-active: var(--neutral-38);
|
|
--control-icon-only-border-hover: var(--neutral-38);
|
|
--control-icon-only-icon-active: var(--neutral-100);
|
|
--control-icon-only-icon-default: var(--neutral-64);
|
|
--control-icon-only-icon-hover: var(--neutral-100);
|
|
--control-overlay-secondary-border-active: var(--neutral-38);
|
|
--control-overlay-secondary-border-default: var(--neutral-38);
|
|
--control-overlay-secondary-border-hover: var(--neutral-38);
|
|
--control-primary-border-active: var(--blurple-59);
|
|
--control-primary-border-default: var(--blurple-59);
|
|
--control-primary-border-hover: var(--blurple-59);
|
|
--control-secondary-background-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--control-secondary-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-secondary-border-active: var(--neutral-44);
|
|
--control-secondary-border-default: var(--neutral-44);
|
|
--control-secondary-border-hover: var(--neutral-44);
|
|
--control-secondary-icon-active: var(--neutral-100);
|
|
--control-secondary-icon-default: var(--neutral-100);
|
|
--control-secondary-icon-hover: var(--neutral-100);
|
|
--control-secondary-text-active: var(--neutral-100);
|
|
--control-secondary-text-default: var(--neutral-100);
|
|
--control-secondary-text-hover: var(--neutral-100);
|
|
--gradient-progress-pill-background: var(--neutral-31);
|
|
--icon-default: var(--neutral-76);
|
|
--icon-feedback-critical: var(--red-new-63);
|
|
--icon-feedback-info: var(--blue-new-65);
|
|
--icon-feedback-positive: var(--green-new-65);
|
|
--icon-feedback-warning: var(--yellow-new-76);
|
|
--icon-link: var(--blue-new-63);
|
|
--icon-muted: var(--neutral-50);
|
|
--icon-strong: var(--neutral-100);
|
|
--icon-subtle: var(--neutral-64);
|
|
--icon-voice-disconnected: var(--red-new-63);
|
|
--input-background-default: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
|
|
--input-border-default: var(--neutral-44);
|
|
--input-border-error-default: var(--red-new-63);
|
|
--input-border-hover: var(--neutral-59);
|
|
--input-icon-default: var(--neutral-64);
|
|
--input-placeholder-text-default: var(--neutral-44);
|
|
--input-text-default: var(--neutral-76);
|
|
--input-text-error-default: var(--neutral-76);
|
|
--interactive-background-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--interactive-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--interactive-background-selected: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--interactive-icon-active: var(--neutral-100);
|
|
--interactive-icon-default: var(--neutral-64);
|
|
--interactive-icon-hover: var(--neutral-100);
|
|
--interactive-muted: var(--neutral-40);
|
|
--interactive-text-active: var(--neutral-100);
|
|
--interactive-text-default: var(--neutral-64);
|
|
--interactive-text-hover: var(--neutral-100);
|
|
--mention-background: hsl(var(--opacity-blurple-28-hsl)/0.2784313725490196);
|
|
--mention-foreground: var(--blurple-82);
|
|
--message-automod-background-default: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
|
|
--message-automod-background-hover: hsl(var(--opacity-red-16-hsl)/0.1607843137254902);
|
|
--message-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--message-highlight-background-default: hsl(var(--opacity-blurple-20-hsl)/0.2);
|
|
--message-highlight-background-hover: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
|
|
--message-mentioned-background-default: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
|
|
--message-mentioned-background-hover: hsl(var(--opacity-yellow-16-hsl)/0.1607843137254902);
|
|
--mobile-text-heading-primary: var(--neutral-100);
|
|
--progressbar-track-background: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--radio-border-active: var(--neutral-50);
|
|
--radio-border-default: var(--neutral-50);
|
|
--radio-border-hover: var(--neutral-50);
|
|
--radio-border-selected-default: var(--neutral-50);
|
|
--radio-border-selected-hover: var(--neutral-50);
|
|
--redesign-button-tertiary-text: var(--neutral-76);
|
|
--redesign-channel-name-muted-text: var(--neutral-50);
|
|
--redesign-channel-name-text: var(--neutral-100);
|
|
--spine-default: var(--neutral-32);
|
|
--stage-card-pill-bg: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--status-danger: var(--red-new-48);
|
|
--switch-border-default: var(--neutral-50);
|
|
--switch-border-hover: var(--neutral-50);
|
|
--switch-border-selected-default: var(--neutral-50);
|
|
--switch-border-selected-hover: var(--neutral-50);
|
|
--text-brand: var(--brand-600);
|
|
--text-code: var(--blue-new-74);
|
|
--text-code-addition: var(--green-new-79);
|
|
--text-code-builtin: var(--orange-new-74);
|
|
--text-code-bullet: var(--yellow-new-83);
|
|
--text-code-comment: var(--neutral-49);
|
|
--text-code-deletion: var(--red-new-77);
|
|
--text-code-keyword: var(--red-new-73);
|
|
--text-code-section: var(--blue-new-74);
|
|
--text-code-string: var(--teal-new-76);
|
|
--text-code-tag: var(--green-new-76);
|
|
--text-code-title: var(--blue-new-74);
|
|
--text-code-variable: var(--blue-new-74);
|
|
--text-default: var(--neutral-76);
|
|
--text-feedback-critical: var(--red-new-63);
|
|
--text-feedback-info: var(--blue-new-65);
|
|
--text-feedback-positive: var(--green-new-65);
|
|
--text-feedback-warning: var(--yellow-new-76);
|
|
--text-link: var(--blue-new-63);
|
|
--text-muted: var(--neutral-50);
|
|
--text-strong: var(--neutral-100);
|
|
--text-subtle: var(--neutral-64);
|
|
--text-voice-disconnected: var(--red-new-63);
|
|
--thread-channel-spine: var(--neutral-40);
|
|
--user-profile-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--user-profile-border: var(--neutral-50);
|
|
--user-profile-overlay-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--user-profile-toolbar-border: var(--neutral-38)
|
|
}
|
|
|
|
@supports (color: color-mix(in lch,red,blue)) {
|
|
.high-contrast-mode .theme-light,.high-contrast-mode.theme-light {
|
|
--app-frame-border:color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--background-code: color-mix(in oklab,hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--border-focus: color-mix(in oklab,var(--blue-new-63) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-muted: color-mix(in oklab,var(--neutral-38) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-normal: color-mix(in oklab,var(--neutral-59) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-strong: color-mix(in oklab,var(--neutral-72) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-subtle: color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--channel-icon: color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channel-text-area-placeholder: color-mix(in oklab,var(--neutral-39) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channels-default: color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--chat-text-muted: color-mix(in oklab,var(--neutral-48) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--control-secondary-border-active: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--control-secondary-border-default: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--gradient-progress-pill-background: color-mix(in oklab,var(--neutral-31) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--icon-default: color-mix(in oklab,var(--neutral-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-critical: color-mix(in oklab,var(--red-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-info: color-mix(in oklab,var(--blue-new-65) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-positive: color-mix(in oklab,var(--green-new-65) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-warning: color-mix(in oklab,var(--yellow-new-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-link: color-mix(in oklab,var(--blue-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-muted: color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-strong: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-subtle: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-disconnected: color-mix(in oklab,var(--red-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-background-default: color-mix(in oklab,hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--input-border-default: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-error-default: color-mix(in oklab,var(--red-new-63) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-hover: color-mix(in oklab,var(--neutral-59) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-icon-default: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-placeholder-text-default: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-default: color-mix(in oklab,var(--neutral-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-error-default: color-mix(in oklab,var(--neutral-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-background-active: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-icon-active: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-default: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-hover: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-muted: color-mix(in oklab,var(--neutral-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-active: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-default: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-hover: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--mention-foreground: color-mix(in oklab,var(--blurple-82) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--message-automod-background-default: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--message-automod-background-hover: color-mix(in oklab,hsl(var(--opacity-red-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--message-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--mobile-text-heading-primary: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--redesign-channel-name-muted-text: color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--redesign-channel-name-text: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--spine-default: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--stage-card-pill-bg: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--text-brand: color-mix(in oklab,var(--brand-600) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code: color-mix(in oklab,var(--blue-new-74) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-addition: color-mix(in oklab,var(--green-new-79) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-builtin: color-mix(in oklab,var(--orange-new-74) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-bullet: color-mix(in oklab,var(--yellow-new-83) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-comment: color-mix(in oklab,var(--neutral-49) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-deletion: color-mix(in oklab,var(--red-new-77) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-keyword: color-mix(in oklab,var(--red-new-73) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-section: color-mix(in oklab,var(--blue-new-74) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-string: color-mix(in oklab,var(--teal-new-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-tag: color-mix(in oklab,var(--green-new-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-title: color-mix(in oklab,var(--blue-new-74) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-variable: color-mix(in oklab,var(--blue-new-74) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-default: color-mix(in oklab,var(--neutral-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-critical: color-mix(in oklab,var(--red-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-info: color-mix(in oklab,var(--blue-new-65) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-positive: color-mix(in oklab,var(--green-new-65) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-warning: color-mix(in oklab,var(--yellow-new-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-link: color-mix(in oklab,var(--blue-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-muted: color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-strong: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-subtle: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-disconnected: color-mix(in oklab,var(--red-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--thread-channel-spine: color-mix(in oklab,var(--neutral-40) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-border: color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-toolbar-border: color-mix(in oklab,var(--neutral-38) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
|
|
}
|
|
}
|
|
|
|
.high-contrast-mode .theme-midnight,.high-contrast-mode.theme-midnight {
|
|
--app-frame-border: var(--neutral-24);
|
|
--background-code: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
|
|
--background-feedback-critical: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
|
|
--background-feedback-info: hsl(var(--opacity-blue-12-hsl)/0.12156862745098039);
|
|
--background-feedback-positive: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
|
|
--background-feedback-warning: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
|
|
--background-mod-muted: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--background-mod-normal: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--background-mod-strong: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--background-mod-subtle: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--badge-background-default: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--badge-text-default: var(--neutral-1);
|
|
--border-focus: var(--blue-new-35);
|
|
--border-muted: var(--neutral-36);
|
|
--border-normal: var(--neutral-18);
|
|
--border-strong: var(--neutral-10);
|
|
--border-subtle: var(--neutral-24);
|
|
--card-secondary-bg: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--channel-icon: var(--neutral-29);
|
|
--channel-text-area-placeholder: var(--neutral-36);
|
|
--channels-default: var(--neutral-29);
|
|
--chat-text-muted: var(--neutral-28);
|
|
--checkbox-border-active: var(--neutral-24);
|
|
--checkbox-border-default: var(--neutral-10);
|
|
--checkbox-border-hover: var(--neutral-24);
|
|
--checkbox-border-selected-default: var(--neutral-24);
|
|
--checkbox-border-selected-hover: var(--neutral-24);
|
|
--control-connected-border-active: var(--green-new-26);
|
|
--control-connected-border-default: var(--green-new-26);
|
|
--control-connected-border-hover: var(--green-new-26);
|
|
--control-critical-primary-border-active: var(--red-new-23);
|
|
--control-critical-primary-border-default: var(--red-new-23);
|
|
--control-critical-primary-border-hover: var(--red-new-23);
|
|
--control-critical-secondary-background-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--control-critical-secondary-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-critical-secondary-background-hover: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-critical-secondary-border-active: var(--red-new-23);
|
|
--control-critical-secondary-border-default: var(--red-new-23);
|
|
--control-critical-secondary-border-hover: var(--red-new-23);
|
|
--control-critical-secondary-icon-active: var(--red-new-23);
|
|
--control-critical-secondary-icon-default: var(--red-new-23);
|
|
--control-critical-secondary-icon-hover: var(--red-new-23);
|
|
--control-critical-secondary-text-active: var(--red-new-23);
|
|
--control-critical-secondary-text-default: var(--red-new-23);
|
|
--control-critical-secondary-text-hover: var(--red-new-23);
|
|
--control-icon-only-background-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--control-icon-only-background-hover: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-icon-only-border-active: var(--neutral-36);
|
|
--control-icon-only-border-hover: var(--neutral-36);
|
|
--control-icon-only-icon-active: var(--neutral-1);
|
|
--control-icon-only-icon-default: var(--neutral-15);
|
|
--control-icon-only-icon-hover: var(--neutral-1);
|
|
--control-overlay-secondary-border-active: var(--neutral-36);
|
|
--control-overlay-secondary-border-default: var(--neutral-36);
|
|
--control-overlay-secondary-border-hover: var(--neutral-36);
|
|
--control-primary-border-active: var(--blurple-25);
|
|
--control-primary-border-default: var(--blurple-25);
|
|
--control-primary-border-hover: var(--blurple-25);
|
|
--control-secondary-background-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--control-secondary-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--control-secondary-background-hover: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-secondary-border-active: var(--neutral-32);
|
|
--control-secondary-border-default: var(--neutral-32);
|
|
--control-secondary-border-hover: var(--neutral-32);
|
|
--control-secondary-icon-active: var(--neutral-1);
|
|
--control-secondary-icon-default: var(--neutral-1);
|
|
--control-secondary-icon-hover: var(--neutral-1);
|
|
--control-secondary-text-active: var(--neutral-1);
|
|
--control-secondary-text-default: var(--neutral-1);
|
|
--control-secondary-text-hover: var(--neutral-1);
|
|
--gradient-progress-pill-background: var(--neutral-45);
|
|
--icon-default: var(--neutral-6);
|
|
--icon-feedback-critical: var(--red-new-23);
|
|
--icon-feedback-info: var(--blue-new-25);
|
|
--icon-feedback-positive: var(--green-new-26);
|
|
--icon-feedback-warning: var(--yellow-new-49);
|
|
--icon-link: var(--blue-new-28);
|
|
--icon-muted: var(--neutral-24);
|
|
--icon-strong: var(--neutral-1);
|
|
--icon-subtle: var(--neutral-15);
|
|
--icon-voice-disconnected: var(--red-new-23);
|
|
--input-background-default: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
|
|
--input-border-default: var(--neutral-32);
|
|
--input-border-error-default: var(--red-new-23);
|
|
--input-border-hover: var(--neutral-18);
|
|
--input-icon-default: var(--neutral-15);
|
|
--input-placeholder-text-default: var(--neutral-37);
|
|
--input-text-default: var(--neutral-6);
|
|
--input-text-error-default: var(--neutral-6);
|
|
--interactive-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--interactive-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--interactive-background-selected: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--interactive-icon-active: var(--neutral-1);
|
|
--interactive-icon-default: var(--neutral-15);
|
|
--interactive-icon-hover: var(--neutral-1);
|
|
--interactive-muted: var(--neutral-38);
|
|
--interactive-text-active: var(--neutral-1);
|
|
--interactive-text-default: var(--neutral-15);
|
|
--interactive-text-hover: var(--neutral-1);
|
|
--mention-background: hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963);
|
|
--mention-foreground: var(--blurple-13);
|
|
--message-automod-background-default: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
|
|
--message-automod-background-hover: hsl(var(--opacity-red-28-hsl)/0.2784313725490196);
|
|
--message-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--message-highlight-background-default: hsl(var(--opacity-blurple-20-hsl)/0.2);
|
|
--message-highlight-background-hover: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
|
|
--message-mentioned-background-default: hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981);
|
|
--message-mentioned-background-hover: hsl(var(--opacity-yellow-28-hsl)/0.2784313725490196);
|
|
--mobile-text-heading-primary: var(--neutral-1);
|
|
--progressbar-track-background: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--radio-border-active: var(--neutral-24);
|
|
--radio-border-default: var(--neutral-24);
|
|
--radio-border-hover: var(--neutral-24);
|
|
--radio-border-selected-default: var(--neutral-24);
|
|
--radio-border-selected-hover: var(--neutral-24);
|
|
--redesign-button-tertiary-text: var(--neutral-6);
|
|
--redesign-channel-name-muted-text: var(--neutral-24);
|
|
--redesign-channel-name-text: var(--neutral-1);
|
|
--spine-default: var(--neutral-42);
|
|
--stage-card-pill-bg: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--status-danger: var(--red-new-45);
|
|
--switch-border-default: var(--neutral-24);
|
|
--switch-border-hover: var(--neutral-24);
|
|
--switch-border-selected-default: var(--neutral-24);
|
|
--switch-border-selected-hover: var(--neutral-24);
|
|
--text-brand: var(--brand-345);
|
|
--text-code: var(--blue-new-20);
|
|
--text-code-addition: var(--green-new-20);
|
|
--text-code-builtin: var(--orange-new-19);
|
|
--text-code-bullet: var(--yellow-new-44);
|
|
--text-code-comment: var(--neutral-27);
|
|
--text-code-deletion: var(--red-new-16);
|
|
--text-code-keyword: var(--red-new-17);
|
|
--text-code-section: var(--blue-new-20);
|
|
--text-code-string: var(--teal-new-22);
|
|
--text-code-tag: var(--green-new-21);
|
|
--text-code-title: var(--blue-new-20);
|
|
--text-code-variable: var(--blue-new-20);
|
|
--text-default: var(--neutral-6);
|
|
--text-feedback-critical: var(--red-new-23);
|
|
--text-feedback-info: var(--blue-new-25);
|
|
--text-feedback-positive: var(--green-new-26);
|
|
--text-feedback-warning: var(--yellow-new-49);
|
|
--text-link: var(--blue-new-28);
|
|
--text-muted: var(--neutral-24);
|
|
--text-strong: var(--neutral-1);
|
|
--text-subtle: var(--neutral-15);
|
|
--text-voice-disconnected: var(--red-new-23);
|
|
--thread-channel-spine: var(--neutral-38);
|
|
--user-profile-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--user-profile-border: var(--neutral-24);
|
|
--user-profile-overlay-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--user-profile-toolbar-border: var(--neutral-36)
|
|
}
|
|
|
|
@supports (color: color-mix(in lch,red,blue)) {
|
|
.high-contrast-mode .theme-midnight,.high-contrast-mode.theme-midnight {
|
|
--app-frame-border:color-mix(in oklab,var(--neutral-24) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--background-code: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--border-focus: color-mix(in oklab,var(--blue-new-35) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-muted: color-mix(in oklab,var(--neutral-36) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-normal: color-mix(in oklab,var(--neutral-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-strong: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-subtle: color-mix(in oklab,var(--neutral-24) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--channel-icon: color-mix(in oklab,var(--neutral-29) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channel-text-area-placeholder: color-mix(in oklab,var(--neutral-36) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channels-default: color-mix(in oklab,var(--neutral-29) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--chat-text-muted: color-mix(in oklab,var(--neutral-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--control-secondary-border-active: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--control-secondary-border-default: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--gradient-progress-pill-background: color-mix(in oklab,var(--neutral-45) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--icon-default: color-mix(in oklab,var(--neutral-6) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-critical: color-mix(in oklab,var(--red-new-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-info: color-mix(in oklab,var(--blue-new-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-positive: color-mix(in oklab,var(--green-new-26) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-warning: color-mix(in oklab,var(--yellow-new-49) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-link: color-mix(in oklab,var(--blue-new-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-muted: color-mix(in oklab,var(--neutral-24) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-subtle: color-mix(in oklab,var(--neutral-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-disconnected: color-mix(in oklab,var(--red-new-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-background-default: color-mix(in oklab,hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--input-border-default: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-error-default: color-mix(in oklab,var(--red-new-23) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-hover: color-mix(in oklab,var(--neutral-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-icon-default: color-mix(in oklab,var(--neutral-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-placeholder-text-default: color-mix(in oklab,var(--neutral-37) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-default: color-mix(in oklab,var(--neutral-6) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-error-default: color-mix(in oklab,var(--neutral-6) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-background-active: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-icon-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-default: color-mix(in oklab,var(--neutral-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-muted: color-mix(in oklab,var(--neutral-38) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-default: color-mix(in oklab,var(--neutral-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.47843137254901963) var(--custom-theme-base-color-amount,0%));
|
|
--mention-foreground: color-mix(in oklab,var(--blurple-13) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--message-automod-background-default: color-mix(in oklab,hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--message-automod-background-hover: color-mix(in oklab,hsl(var(--opacity-red-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--message-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--mobile-text-heading-primary: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-6) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--redesign-channel-name-muted-text: color-mix(in oklab,var(--neutral-24) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--redesign-channel-name-text: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--spine-default: color-mix(in oklab,var(--neutral-42) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--stage-card-pill-bg: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--text-brand: color-mix(in oklab,var(--brand-345) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code: color-mix(in oklab,var(--blue-new-20) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-addition: color-mix(in oklab,var(--green-new-20) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-builtin: color-mix(in oklab,var(--orange-new-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-bullet: color-mix(in oklab,var(--yellow-new-44) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-comment: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-deletion: color-mix(in oklab,var(--red-new-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-keyword: color-mix(in oklab,var(--red-new-17) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-section: color-mix(in oklab,var(--blue-new-20) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-string: color-mix(in oklab,var(--teal-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-tag: color-mix(in oklab,var(--green-new-21) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-title: color-mix(in oklab,var(--blue-new-20) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-variable: color-mix(in oklab,var(--blue-new-20) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-default: color-mix(in oklab,var(--neutral-6) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-critical: color-mix(in oklab,var(--red-new-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-info: color-mix(in oklab,var(--blue-new-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-positive: color-mix(in oklab,var(--green-new-26) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-warning: color-mix(in oklab,var(--yellow-new-49) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-link: color-mix(in oklab,var(--blue-new-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-muted: color-mix(in oklab,var(--neutral-24) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-subtle: color-mix(in oklab,var(--neutral-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-disconnected: color-mix(in oklab,var(--red-new-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--thread-channel-spine: color-mix(in oklab,var(--neutral-38) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-border: color-mix(in oklab,var(--neutral-24) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-toolbar-border: color-mix(in oklab,var(--neutral-36) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
|
|
}
|
|
}
|
|
|
|
.high-contrast-mode .theme-darker,.high-contrast-mode.theme-darker {
|
|
--app-frame-border: var(--neutral-19);
|
|
--background-code: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
|
|
--background-feedback-critical: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
|
|
--background-feedback-info: hsl(var(--opacity-blue-12-hsl)/0.12156862745098039);
|
|
--background-feedback-positive: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
|
|
--background-feedback-warning: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
|
|
--background-mod-muted: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--background-mod-normal: hsl(var(--opacity-20-hsl)/0.2);
|
|
--background-mod-strong: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--background-mod-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--badge-background-default: hsl(var(--opacity-20-hsl)/0.2);
|
|
--badge-text-default: var(--neutral-1);
|
|
--border-focus: var(--blue-new-30);
|
|
--border-muted: var(--neutral-32);
|
|
--border-normal: var(--neutral-13);
|
|
--border-strong: var(--neutral-5);
|
|
--border-subtle: var(--neutral-19);
|
|
--card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--channel-icon: var(--neutral-27);
|
|
--channel-text-area-placeholder: var(--neutral-33);
|
|
--channels-default: var(--neutral-27);
|
|
--chat-text-muted: var(--neutral-25);
|
|
--checkbox-border-active: var(--neutral-19);
|
|
--checkbox-border-default: var(--neutral-5);
|
|
--checkbox-border-hover: var(--neutral-19);
|
|
--checkbox-border-selected-default: var(--neutral-19);
|
|
--checkbox-border-selected-hover: var(--neutral-19);
|
|
--control-connected-border-active: var(--green-new-23);
|
|
--control-connected-border-default: var(--green-new-23);
|
|
--control-connected-border-hover: var(--green-new-23);
|
|
--control-critical-primary-border-active: var(--red-new-19);
|
|
--control-critical-primary-border-default: var(--red-new-19);
|
|
--control-critical-primary-border-hover: var(--red-new-19);
|
|
--control-critical-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-critical-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-critical-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-critical-secondary-border-active: var(--red-new-19);
|
|
--control-critical-secondary-border-default: var(--red-new-19);
|
|
--control-critical-secondary-border-hover: var(--red-new-19);
|
|
--control-critical-secondary-icon-active: var(--red-new-16);
|
|
--control-critical-secondary-icon-default: var(--red-new-16);
|
|
--control-critical-secondary-icon-hover: var(--red-new-16);
|
|
--control-critical-secondary-text-active: var(--red-new-16);
|
|
--control-critical-secondary-text-default: var(--red-new-16);
|
|
--control-critical-secondary-text-hover: var(--red-new-16);
|
|
--control-icon-only-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-icon-only-background-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-icon-only-border-active: var(--neutral-32);
|
|
--control-icon-only-border-hover: var(--neutral-32);
|
|
--control-icon-only-icon-active: var(--neutral-1);
|
|
--control-icon-only-icon-default: var(--neutral-10);
|
|
--control-icon-only-icon-hover: var(--neutral-1);
|
|
--control-overlay-secondary-border-active: var(--neutral-32);
|
|
--control-overlay-secondary-border-default: var(--neutral-32);
|
|
--control-overlay-secondary-border-hover: var(--neutral-32);
|
|
--control-primary-border-active: var(--blurple-21);
|
|
--control-primary-border-default: var(--blurple-21);
|
|
--control-primary-border-hover: var(--blurple-21);
|
|
--control-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--control-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--control-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
|
|
--control-secondary-border-active: var(--neutral-29);
|
|
--control-secondary-border-default: var(--neutral-29);
|
|
--control-secondary-border-hover: var(--neutral-29);
|
|
--control-secondary-icon-active: var(--neutral-1);
|
|
--control-secondary-icon-default: var(--neutral-1);
|
|
--control-secondary-icon-hover: var(--neutral-1);
|
|
--control-secondary-text-active: var(--neutral-1);
|
|
--control-secondary-text-default: var(--neutral-1);
|
|
--control-secondary-text-hover: var(--neutral-1);
|
|
--gradient-progress-pill-background: var(--neutral-42);
|
|
--icon-default: var(--neutral-1);
|
|
--icon-feedback-critical: var(--red-new-16);
|
|
--icon-feedback-info: var(--blue-new-19);
|
|
--icon-feedback-positive: var(--green-new-20);
|
|
--icon-feedback-warning: var(--yellow-new-33);
|
|
--icon-link: var(--blue-new-21);
|
|
--icon-muted: var(--neutral-19);
|
|
--icon-strong: var(--neutral-1);
|
|
--icon-subtle: var(--neutral-10);
|
|
--icon-voice-disconnected: var(--red-new-16);
|
|
--input-background-default: hsl(var(--opacity-black-16-hsl)/0.1607843137254902);
|
|
--input-border-default: var(--neutral-29);
|
|
--input-border-error-default: var(--red-new-16);
|
|
--input-border-hover: var(--neutral-13);
|
|
--input-icon-default: var(--neutral-10);
|
|
--input-placeholder-text-default: var(--neutral-35);
|
|
--input-text-default: var(--neutral-1);
|
|
--input-text-error-default: var(--neutral-1);
|
|
--interactive-background-active: hsl(var(--opacity-20-hsl)/0.2);
|
|
--interactive-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--interactive-background-selected: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--interactive-icon-active: var(--neutral-1);
|
|
--interactive-icon-default: var(--neutral-10);
|
|
--interactive-icon-hover: var(--neutral-1);
|
|
--interactive-muted: var(--neutral-35);
|
|
--interactive-text-active: var(--neutral-1);
|
|
--interactive-text-default: var(--neutral-10);
|
|
--interactive-text-hover: var(--neutral-1);
|
|
--mention-background: hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963);
|
|
--mention-foreground: var(--blurple-5);
|
|
--message-automod-background-default: hsl(var(--opacity-red-20-hsl)/0.2);
|
|
--message-automod-background-hover: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
|
|
--message-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--message-highlight-background-default: hsl(var(--opacity-blurple-20-hsl)/0.2);
|
|
--message-highlight-background-hover: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
|
|
--message-mentioned-background-default: hsl(var(--opacity-yellow-20-hsl)/0.2);
|
|
--message-mentioned-background-hover: hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981);
|
|
--mobile-text-heading-primary: var(--neutral-1);
|
|
--progressbar-track-background: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--radio-border-active: var(--neutral-19);
|
|
--radio-border-default: var(--neutral-19);
|
|
--radio-border-hover: var(--neutral-19);
|
|
--radio-border-selected-default: var(--neutral-19);
|
|
--radio-border-selected-hover: var(--neutral-19);
|
|
--redesign-button-tertiary-text: var(--neutral-1);
|
|
--redesign-channel-name-muted-text: var(--neutral-19);
|
|
--redesign-channel-name-text: var(--neutral-1);
|
|
--spine-default: var(--neutral-38);
|
|
--stage-card-pill-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--status-danger: var(--red-new-39);
|
|
--switch-border-default: var(--neutral-19);
|
|
--switch-border-hover: var(--neutral-19);
|
|
--switch-border-selected-default: var(--neutral-19);
|
|
--switch-border-selected-hover: var(--neutral-19);
|
|
--text-brand: var(--brand-330);
|
|
--text-code: var(--blue-new-14);
|
|
--text-code-addition: var(--green-new-14);
|
|
--text-code-builtin: var(--orange-new-12);
|
|
--text-code-bullet: var(--yellow-new-29);
|
|
--text-code-comment: var(--neutral-23);
|
|
--text-code-deletion: var(--red-new-9);
|
|
--text-code-keyword: var(--red-new-10);
|
|
--text-code-section: var(--blue-new-14);
|
|
--text-code-string: var(--teal-new-15);
|
|
--text-code-tag: var(--green-new-15);
|
|
--text-code-title: var(--blue-new-14);
|
|
--text-code-variable: var(--blue-new-14);
|
|
--text-default: var(--neutral-1);
|
|
--text-feedback-critical: var(--red-new-16);
|
|
--text-feedback-info: var(--blue-new-19);
|
|
--text-feedback-positive: var(--green-new-20);
|
|
--text-feedback-warning: var(--yellow-new-33);
|
|
--text-link: var(--blue-new-21);
|
|
--text-muted: var(--neutral-19);
|
|
--text-strong: var(--neutral-1);
|
|
--text-subtle: var(--neutral-10);
|
|
--text-voice-disconnected: var(--red-new-16);
|
|
--thread-channel-spine: var(--neutral-35);
|
|
--user-profile-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--user-profile-border: var(--neutral-19);
|
|
--user-profile-overlay-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--user-profile-toolbar-border: var(--neutral-32)
|
|
}
|
|
|
|
@supports (color: color-mix(in lch,red,blue)) {
|
|
.high-contrast-mode .theme-darker,.high-contrast-mode.theme-darker {
|
|
--app-frame-border:color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--background-code: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--border-focus: color-mix(in oklab,var(--blue-new-30) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-muted: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-normal: color-mix(in oklab,var(--neutral-13) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-strong: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--border-subtle: color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--channel-icon: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channel-text-area-placeholder: color-mix(in oklab,var(--neutral-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--channels-default: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--chat-text-muted: color-mix(in oklab,var(--neutral-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--control-secondary-border-active: color-mix(in oklab,var(--neutral-29) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--control-secondary-border-default: color-mix(in oklab,var(--neutral-29) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--gradient-progress-pill-background: color-mix(in oklab,var(--neutral-42) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
|
|
--icon-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-critical: color-mix(in oklab,var(--red-new-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-info: color-mix(in oklab,var(--blue-new-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-positive: color-mix(in oklab,var(--green-new-20) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-feedback-warning: color-mix(in oklab,var(--yellow-new-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-link: color-mix(in oklab,var(--blue-new-21) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-muted: color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-subtle: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--icon-voice-disconnected: color-mix(in oklab,var(--red-new-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-background-default: color-mix(in oklab,hsl(var(--opacity-black-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
|
|
--input-border-default: color-mix(in oklab,var(--neutral-29) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-error-default: color-mix(in oklab,var(--red-new-16) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-border-hover: color-mix(in oklab,var(--neutral-13) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--input-icon-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-placeholder-text-default: color-mix(in oklab,var(--neutral-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--input-text-error-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-background-active: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--interactive-icon-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-icon-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-muted: color-mix(in oklab,var(--neutral-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--interactive-text-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.47843137254901963) var(--custom-theme-base-color-amount,0%));
|
|
--mention-foreground: color-mix(in oklab,var(--blurple-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--message-automod-background-default: color-mix(in oklab,hsl(var(--opacity-red-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--message-automod-background-hover: color-mix(in oklab,hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--message-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
|
|
--message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--mobile-text-heading-primary: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
|
|
--redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--redesign-channel-name-muted-text: color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--redesign-channel-name-text: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--spine-default: color-mix(in oklab,var(--neutral-38) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--stage-card-pill-bg: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--text-brand: color-mix(in oklab,var(--brand-330) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code: color-mix(in oklab,var(--blue-new-14) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-addition: color-mix(in oklab,var(--green-new-14) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-builtin: color-mix(in oklab,var(--orange-new-12) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-bullet: color-mix(in oklab,var(--yellow-new-29) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-comment: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-deletion: color-mix(in oklab,var(--red-new-9) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-keyword: color-mix(in oklab,var(--red-new-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-section: color-mix(in oklab,var(--blue-new-14) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-string: color-mix(in oklab,var(--teal-new-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-tag: color-mix(in oklab,var(--green-new-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-title: color-mix(in oklab,var(--blue-new-14) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-code-variable: color-mix(in oklab,var(--blue-new-14) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-critical: color-mix(in oklab,var(--red-new-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-info: color-mix(in oklab,var(--blue-new-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-positive: color-mix(in oklab,var(--green-new-20) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-feedback-warning: color-mix(in oklab,var(--yellow-new-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-link: color-mix(in oklab,var(--blue-new-21) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-muted: color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-subtle: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--text-voice-disconnected: color-mix(in oklab,var(--red-new-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
|
|
--thread-channel-spine: color-mix(in oklab,var(--neutral-35) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-border: color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
|
|
--user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
|
|
--user-profile-toolbar-border: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
|
|
}
|
|
}
|
|
|
|
:root {
|
|
--neutral-1: hsl(var(--neutral-1-hsl)/1);
|
|
--neutral-1-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--neutral-2: hsl(var(--neutral-2-hsl)/1);
|
|
--neutral-2-hsl: 0 calc(var(--saturation-factor, 1)*0%) 98.431%;
|
|
--neutral-3: hsl(var(--neutral-3-hsl)/1);
|
|
--neutral-3-hsl: 240 calc(var(--saturation-factor, 1)*6.667%) 97.059%;
|
|
--neutral-4: hsl(var(--neutral-4-hsl)/1);
|
|
--neutral-4-hsl: 240 calc(var(--saturation-factor, 1)*4.348%) 95.49%;
|
|
--neutral-5: hsl(var(--neutral-5-hsl)/1);
|
|
--neutral-5-hsl: 240 calc(var(--saturation-factor, 1)*6.667%) 94.118%;
|
|
--neutral-6: hsl(var(--neutral-6-hsl)/1);
|
|
--neutral-6-hsl: 210 calc(var(--saturation-factor, 1)*5.263%) 92.549%;
|
|
--neutral-7: hsl(var(--neutral-7-hsl)/1);
|
|
--neutral-7-hsl: 240 calc(var(--saturation-factor, 1)*4.545%) 91.373%;
|
|
--neutral-8: hsl(var(--neutral-8-hsl)/1);
|
|
--neutral-8-hsl: 240 calc(var(--saturation-factor, 1)*3.846%) 89.804%;
|
|
--neutral-9: hsl(var(--neutral-9-hsl)/1);
|
|
--neutral-9-hsl: 240 calc(var(--saturation-factor, 1)*5.085%) 88.431%;
|
|
--neutral-10: hsl(var(--neutral-10-hsl)/1);
|
|
--neutral-10-hsl: 240 calc(var(--saturation-factor, 1)*4.478%) 86.863%;
|
|
--neutral-11: hsl(var(--neutral-11-hsl)/1);
|
|
--neutral-11-hsl: 225 calc(var(--saturation-factor, 1)*5.405%) 85.49%;
|
|
--neutral-12: hsl(var(--neutral-12-hsl)/1);
|
|
--neutral-12-hsl: 225 calc(var(--saturation-factor, 1)*4.878%) 83.922%;
|
|
--neutral-13: hsl(var(--neutral-13-hsl)/1);
|
|
--neutral-13-hsl: 240 calc(var(--saturation-factor, 1)*4.545%) 82.745%;
|
|
--neutral-14: hsl(var(--neutral-14-hsl)/1);
|
|
--neutral-14-hsl: 240 calc(var(--saturation-factor, 1)*4.167%) 81.176%;
|
|
--neutral-15: hsl(var(--neutral-15-hsl)/1);
|
|
--neutral-15-hsl: 228 calc(var(--saturation-factor, 1)*4.854%) 79.804%;
|
|
--neutral-16: hsl(var(--neutral-16-hsl)/1);
|
|
--neutral-16-hsl: 228 calc(var(--saturation-factor, 1)*4.505%) 78.235%;
|
|
--neutral-17: hsl(var(--neutral-17-hsl)/1);
|
|
--neutral-17-hsl: 240 calc(var(--saturation-factor, 1)*4.274%) 77.059%;
|
|
--neutral-18: hsl(var(--neutral-18-hsl)/1);
|
|
--neutral-18-hsl: 240 calc(var(--saturation-factor, 1)*4%) 75.49%;
|
|
--neutral-19: hsl(var(--neutral-19-hsl)/1);
|
|
--neutral-19-hsl: 230 calc(var(--saturation-factor, 1)*4.545%) 74.118%;
|
|
--neutral-20: hsl(var(--neutral-20-hsl)/1);
|
|
--neutral-20-hsl: 230 calc(var(--saturation-factor, 1)*4.286%) 72.549%;
|
|
--neutral-21: hsl(var(--neutral-21-hsl)/1);
|
|
--neutral-21-hsl: 240 calc(var(--saturation-factor, 1)*4.11%) 71.373%;
|
|
--neutral-22: hsl(var(--neutral-22-hsl)/1);
|
|
--neutral-22-hsl: 231.429 calc(var(--saturation-factor, 1)*4.575%) 70%;
|
|
--neutral-23: hsl(var(--neutral-23-hsl)/1);
|
|
--neutral-23-hsl: 231.429 calc(var(--saturation-factor, 1)*4.348%) 68.431%;
|
|
--neutral-24: hsl(var(--neutral-24-hsl)/1);
|
|
--neutral-24-hsl: 240 calc(var(--saturation-factor, 1)*4.192%) 67.255%;
|
|
--neutral-25: hsl(var(--neutral-25-hsl)/1);
|
|
--neutral-25-hsl: 231.429 calc(var(--saturation-factor, 1)*4%) 65.686%;
|
|
--neutral-26: hsl(var(--neutral-26-hsl)/1);
|
|
--neutral-26-hsl: 232.5 calc(var(--saturation-factor, 1)*4.396%) 64.314%;
|
|
--neutral-27: hsl(var(--neutral-27-hsl)/1);
|
|
--neutral-27-hsl: 232.5 calc(var(--saturation-factor, 1)*4.255%) 63.137%;
|
|
--neutral-28: hsl(var(--neutral-28-hsl)/1);
|
|
--neutral-28-hsl: 232.5 calc(var(--saturation-factor, 1)*4.082%) 61.569%;
|
|
--neutral-29: hsl(var(--neutral-29-hsl)/1);
|
|
--neutral-29-hsl: 232.5 calc(var(--saturation-factor, 1)*3.96%) 60.392%;
|
|
--neutral-30: hsl(var(--neutral-30-hsl)/1);
|
|
--neutral-30-hsl: 233.333 calc(var(--saturation-factor, 1)*4.306%) 59.02%;
|
|
--neutral-31: hsl(var(--neutral-31-hsl)/1);
|
|
--neutral-31-hsl: 232.5 calc(var(--saturation-factor, 1)*3.704%) 57.647%;
|
|
--neutral-32: hsl(var(--neutral-32-hsl)/1);
|
|
--neutral-32-hsl: 233.333 calc(var(--saturation-factor, 1)*4.036%) 56.275%;
|
|
--neutral-33: hsl(var(--neutral-33-hsl)/1);
|
|
--neutral-33-hsl: 233.333 calc(var(--saturation-factor, 1)*3.93%) 55.098%;
|
|
--neutral-34: hsl(var(--neutral-34-hsl)/1);
|
|
--neutral-34-hsl: 233.333 calc(var(--saturation-factor, 1)*3.797%) 53.529%;
|
|
--neutral-35: hsl(var(--neutral-35-hsl)/1);
|
|
--neutral-35-hsl: 233.333 calc(var(--saturation-factor, 1)*3.704%) 52.353%;
|
|
--neutral-36: hsl(var(--neutral-36-hsl)/1);
|
|
--neutral-36-hsl: 234 calc(var(--saturation-factor, 1)*4%) 50.98%;
|
|
--neutral-37: hsl(var(--neutral-37-hsl)/1);
|
|
--neutral-37-hsl: 233.333 calc(var(--saturation-factor, 1)*3.557%) 49.608%;
|
|
--neutral-38: hsl(var(--neutral-38-hsl)/1);
|
|
--neutral-38-hsl: 234 calc(var(--saturation-factor, 1)*4.065%) 48.235%;
|
|
--neutral-39: hsl(var(--neutral-39-hsl)/1);
|
|
--neutral-39-hsl: 234 calc(var(--saturation-factor, 1)*4.167%) 47.059%;
|
|
--neutral-40: hsl(var(--neutral-40-hsl)/1);
|
|
--neutral-40-hsl: 234 calc(var(--saturation-factor, 1)*4.274%) 45.882%;
|
|
--neutral-41: hsl(var(--neutral-41-hsl)/1);
|
|
--neutral-41-hsl: 234 calc(var(--saturation-factor, 1)*4.425%) 44.314%;
|
|
--neutral-42: hsl(var(--neutral-42-hsl)/1);
|
|
--neutral-42-hsl: 234 calc(var(--saturation-factor, 1)*4.545%) 43.137%;
|
|
--neutral-43: hsl(var(--neutral-43-hsl)/1);
|
|
--neutral-43-hsl: 234 calc(var(--saturation-factor, 1)*4.673%) 41.961%;
|
|
--neutral-44: hsl(var(--neutral-44-hsl)/1);
|
|
--neutral-44-hsl: 234.545 calc(var(--saturation-factor, 1)*5.314%) 40.588%;
|
|
--neutral-45: hsl(var(--neutral-45-hsl)/1);
|
|
--neutral-45-hsl: 234.545 calc(var(--saturation-factor, 1)*5.473%) 39.412%;
|
|
--neutral-46: hsl(var(--neutral-46-hsl)/1);
|
|
--neutral-46-hsl: 234.545 calc(var(--saturation-factor, 1)*5.641%) 38.235%;
|
|
--neutral-47: hsl(var(--neutral-47-hsl)/1);
|
|
--neutral-47-hsl: 234 calc(var(--saturation-factor, 1)*5.319%) 36.863%;
|
|
--neutral-48: hsl(var(--neutral-48-hsl)/1);
|
|
--neutral-48-hsl: 234.545 calc(var(--saturation-factor, 1)*6.077%) 35.49%;
|
|
--neutral-49: hsl(var(--neutral-49-hsl)/1);
|
|
--neutral-49-hsl: 234.545 calc(var(--saturation-factor, 1)*6.286%) 34.314%;
|
|
--neutral-50: hsl(var(--neutral-50-hsl)/1);
|
|
--neutral-50-hsl: 234.545 calc(var(--saturation-factor, 1)*6.509%) 33.137%;
|
|
--neutral-51: hsl(var(--neutral-51-hsl)/1);
|
|
--neutral-51-hsl: 234.545 calc(var(--saturation-factor, 1)*6.667%) 32.353%;
|
|
--neutral-52: hsl(var(--neutral-52-hsl)/1);
|
|
--neutral-52-hsl: 234 calc(var(--saturation-factor, 1)*6.173%) 31.765%;
|
|
--neutral-53: hsl(var(--neutral-53-hsl)/1);
|
|
--neutral-53-hsl: 234.545 calc(var(--saturation-factor, 1)*6.918%) 31.176%;
|
|
--neutral-54: hsl(var(--neutral-54-hsl)/1);
|
|
--neutral-54-hsl: 234 calc(var(--saturation-factor, 1)*6.41%) 30.588%;
|
|
--neutral-55: hsl(var(--neutral-55-hsl)/1);
|
|
--neutral-55-hsl: 234 calc(var(--saturation-factor, 1)*6.579%) 29.804%;
|
|
--neutral-56: hsl(var(--neutral-56-hsl)/1);
|
|
--neutral-56-hsl: 233.333 calc(var(--saturation-factor, 1)*6.04%) 29.216%;
|
|
--neutral-57: hsl(var(--neutral-57-hsl)/1);
|
|
--neutral-57-hsl: 233.333 calc(var(--saturation-factor, 1)*6.207%) 28.431%;
|
|
--neutral-58: hsl(var(--neutral-58-hsl)/1);
|
|
--neutral-58-hsl: 240 calc(var(--saturation-factor, 1)*6.294%) 28.039%;
|
|
--neutral-59: hsl(var(--neutral-59-hsl)/1);
|
|
--neutral-59-hsl: 233.333 calc(var(--saturation-factor, 1)*6.475%) 27.255%;
|
|
--neutral-60: hsl(var(--neutral-60-hsl)/1);
|
|
--neutral-60-hsl: 233.333 calc(var(--saturation-factor, 1)*6.667%) 26.471%;
|
|
--neutral-61: hsl(var(--neutral-61-hsl)/1);
|
|
--neutral-61-hsl: 232.5 calc(var(--saturation-factor, 1)*6.061%) 25.882%;
|
|
--neutral-62: hsl(var(--neutral-62-hsl)/1);
|
|
--neutral-62-hsl: 233.333 calc(var(--saturation-factor, 1)*6.977%) 25.294%;
|
|
--neutral-63: hsl(var(--neutral-63-hsl)/1);
|
|
--neutral-63-hsl: 232.5 calc(var(--saturation-factor, 1)*6.349%) 24.706%;
|
|
--neutral-64: hsl(var(--neutral-64-hsl)/1);
|
|
--neutral-64-hsl: 232.5 calc(var(--saturation-factor, 1)*6.557%) 23.922%;
|
|
--neutral-65: hsl(var(--neutral-65-hsl)/1);
|
|
--neutral-65-hsl: 232.5 calc(var(--saturation-factor, 1)*6.667%) 23.529%;
|
|
--neutral-66: hsl(var(--neutral-66-hsl)/1);
|
|
--neutral-66-hsl: 232.5 calc(var(--saturation-factor, 1)*6.897%) 22.745%;
|
|
--neutral-67: hsl(var(--neutral-67-hsl)/1);
|
|
--neutral-67-hsl: 231.429 calc(var(--saturation-factor, 1)*6.195%) 22.157%;
|
|
--neutral-68: hsl(var(--neutral-68-hsl)/1);
|
|
--neutral-68-hsl: 240 calc(var(--saturation-factor, 1)*5.455%) 21.569%;
|
|
--neutral-69: hsl(var(--neutral-69-hsl)/1);
|
|
--neutral-69-hsl: 231.429 calc(var(--saturation-factor, 1)*6.542%) 20.98%;
|
|
--neutral-70: hsl(var(--neutral-70-hsl)/1);
|
|
--neutral-70-hsl: 240 calc(var(--saturation-factor, 1)*5.769%) 20.392%;
|
|
--neutral-71: hsl(var(--neutral-71-hsl)/1);
|
|
--neutral-71-hsl: 230 calc(var(--saturation-factor, 1)*6%) 19.608%;
|
|
--neutral-72: hsl(var(--neutral-72-hsl)/1);
|
|
--neutral-72-hsl: 240 calc(var(--saturation-factor, 1)*6.122%) 19.216%;
|
|
--neutral-73: hsl(var(--neutral-73-hsl)/1);
|
|
--neutral-73-hsl: 230 calc(var(--saturation-factor, 1)*6.383%) 18.431%;
|
|
--neutral-74: hsl(var(--neutral-74-hsl)/1);
|
|
--neutral-74-hsl: 240 calc(var(--saturation-factor, 1)*6.522%) 18.039%;
|
|
--neutral-75: hsl(var(--neutral-75-hsl)/1);
|
|
--neutral-75-hsl: 230 calc(var(--saturation-factor, 1)*6.818%) 17.255%;
|
|
--neutral-76: hsl(var(--neutral-76-hsl)/1);
|
|
--neutral-76-hsl: 240 calc(var(--saturation-factor, 1)*5.882%) 16.667%;
|
|
--neutral-77: hsl(var(--neutral-77-hsl)/1);
|
|
--neutral-77-hsl: 240 calc(var(--saturation-factor, 1)*6.024%) 16.275%;
|
|
--neutral-78: hsl(var(--neutral-78-hsl)/1);
|
|
--neutral-78-hsl: 228 calc(var(--saturation-factor, 1)*6.329%) 15.49%;
|
|
--neutral-79: hsl(var(--neutral-79-hsl)/1);
|
|
--neutral-79-hsl: 240 calc(var(--saturation-factor, 1)*6.494%) 15.098%;
|
|
--neutral-80: hsl(var(--neutral-80-hsl)/1);
|
|
--neutral-80-hsl: 228 calc(var(--saturation-factor, 1)*6.849%) 14.314%;
|
|
--neutral-81: hsl(var(--neutral-81-hsl)/1);
|
|
--neutral-81-hsl: 240 calc(var(--saturation-factor, 1)*5.714%) 13.725%;
|
|
--neutral-82: hsl(var(--neutral-82-hsl)/1);
|
|
--neutral-82-hsl: 240 calc(var(--saturation-factor, 1)*5.882%) 13.333%;
|
|
--neutral-83: hsl(var(--neutral-83-hsl)/1);
|
|
--neutral-83-hsl: 225 calc(var(--saturation-factor, 1)*6.25%) 12.549%;
|
|
--neutral-84: hsl(var(--neutral-84-hsl)/1);
|
|
--neutral-84-hsl: 240 calc(var(--saturation-factor, 1)*6.452%) 12.157%;
|
|
--neutral-85: hsl(var(--neutral-85-hsl)/1);
|
|
--neutral-85-hsl: 225 calc(var(--saturation-factor, 1)*6.897%) 11.373%;
|
|
--neutral-86: hsl(var(--neutral-86-hsl)/1);
|
|
--neutral-86-hsl: 240 calc(var(--saturation-factor, 1)*7.143%) 10.98%;
|
|
--neutral-87: hsl(var(--neutral-87-hsl)/1);
|
|
--neutral-87-hsl: 240 calc(var(--saturation-factor, 1)*5.66%) 10.392%;
|
|
--neutral-88: hsl(var(--neutral-88-hsl)/1);
|
|
--neutral-88-hsl: 225 calc(var(--saturation-factor, 1)*8%) 9.804%;
|
|
--neutral-89: hsl(var(--neutral-89-hsl)/1);
|
|
--neutral-89-hsl: 240 calc(var(--saturation-factor, 1)*6.383%) 9.216%;
|
|
--neutral-90: hsl(var(--neutral-90-hsl)/1);
|
|
--neutral-90-hsl: 240 calc(var(--saturation-factor, 1)*6.667%) 8.824%;
|
|
--neutral-91: hsl(var(--neutral-91-hsl)/1);
|
|
--neutral-91-hsl: 220 calc(var(--saturation-factor, 1)*7.317%) 8.039%;
|
|
--neutral-92: hsl(var(--neutral-92-hsl)/1);
|
|
--neutral-92-hsl: 240 calc(var(--saturation-factor, 1)*5.263%) 7.451%;
|
|
--neutral-93: hsl(var(--neutral-93-hsl)/1);
|
|
--neutral-93-hsl: 240 calc(var(--saturation-factor, 1)*8.571%) 6.863%;
|
|
--neutral-94: hsl(var(--neutral-94-hsl)/1);
|
|
--neutral-94-hsl: 240 calc(var(--saturation-factor, 1)*6.667%) 5.882%;
|
|
--neutral-95: hsl(var(--neutral-95-hsl)/1);
|
|
--neutral-95-hsl: 240 calc(var(--saturation-factor, 1)*7.692%) 5.098%;
|
|
--neutral-96: hsl(var(--neutral-96-hsl)/1);
|
|
--neutral-96-hsl: 240 calc(var(--saturation-factor, 1)*9.091%) 4.314%;
|
|
--neutral-97: hsl(var(--neutral-97-hsl)/1);
|
|
--neutral-97-hsl: 240 calc(var(--saturation-factor, 1)*12.5%) 3.137%;
|
|
--neutral-98: hsl(var(--neutral-98-hsl)/1);
|
|
--neutral-98-hsl: 240 calc(var(--saturation-factor, 1)*9.091%) 2.157%;
|
|
--neutral-99: hsl(var(--neutral-99-hsl)/1);
|
|
--neutral-99-hsl: 240 calc(var(--saturation-factor, 1)*20%) 0.98%;
|
|
--neutral-100: hsl(var(--neutral-100-hsl)/1);
|
|
--neutral-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--blue-new-1: hsl(var(--blue-new-1-hsl)/1);
|
|
--blue-new-1-hsl: 216.923 calc(var(--saturation-factor, 1)*100%) 94.902%;
|
|
--blue-new-2: hsl(var(--blue-new-2-hsl)/1);
|
|
--blue-new-2-hsl: 216.774 calc(var(--saturation-factor, 1)*100%) 93.922%;
|
|
--blue-new-3: hsl(var(--blue-new-3-hsl)/1);
|
|
--blue-new-3-hsl: 216 calc(var(--saturation-factor, 1)*100%) 93.137%;
|
|
--blue-new-4: hsl(var(--blue-new-4-hsl)/1);
|
|
--blue-new-4-hsl: 216 calc(var(--saturation-factor, 1)*100%) 92.157%;
|
|
--blue-new-5: hsl(var(--blue-new-5-hsl)/1);
|
|
--blue-new-5-hsl: 215.455 calc(var(--saturation-factor, 1)*100%) 91.373%;
|
|
--blue-new-6: hsl(var(--blue-new-6-hsl)/1);
|
|
--blue-new-6-hsl: 214.286 calc(var(--saturation-factor, 1)*100%) 90.392%;
|
|
--blue-new-7: hsl(var(--blue-new-7-hsl)/1);
|
|
--blue-new-7-hsl: 215.094 calc(var(--saturation-factor, 1)*100%) 89.608%;
|
|
--blue-new-8: hsl(var(--blue-new-8-hsl)/1);
|
|
--blue-new-8-hsl: 214.138 calc(var(--saturation-factor, 1)*100%) 88.627%;
|
|
--blue-new-9: hsl(var(--blue-new-9-hsl)/1);
|
|
--blue-new-9-hsl: 213.871 calc(var(--saturation-factor, 1)*100%) 87.843%;
|
|
--blue-new-10: hsl(var(--blue-new-10-hsl)/1);
|
|
--blue-new-10-hsl: 214.545 calc(var(--saturation-factor, 1)*100%) 87.059%;
|
|
--blue-new-11: hsl(var(--blue-new-11-hsl)/1);
|
|
--blue-new-11-hsl: 213.803 calc(var(--saturation-factor, 1)*100%) 86.078%;
|
|
--blue-new-12: hsl(var(--blue-new-12-hsl)/1);
|
|
--blue-new-12-hsl: 214.4 calc(var(--saturation-factor, 1)*100%) 85.294%;
|
|
--blue-new-13: hsl(var(--blue-new-13-hsl)/1);
|
|
--blue-new-13-hsl: 214.177 calc(var(--saturation-factor, 1)*100%) 84.51%;
|
|
--blue-new-14: hsl(var(--blue-new-14-hsl)/1);
|
|
--blue-new-14-hsl: 214.286 calc(var(--saturation-factor, 1)*100%) 83.529%;
|
|
--blue-new-15: hsl(var(--blue-new-15-hsl)/1);
|
|
--blue-new-15-hsl: 213.793 calc(var(--saturation-factor, 1)*97.753%) 82.549%;
|
|
--blue-new-16: hsl(var(--blue-new-16-hsl)/1);
|
|
--blue-new-16-hsl: 213.333 calc(var(--saturation-factor, 1)*95.745%) 81.569%;
|
|
--blue-new-17: hsl(var(--blue-new-17-hsl)/1);
|
|
--blue-new-17-hsl: 213.83 calc(var(--saturation-factor, 1)*95.918%) 80.784%;
|
|
--blue-new-18: hsl(var(--blue-new-18-hsl)/1);
|
|
--blue-new-18-hsl: 213.402 calc(var(--saturation-factor, 1)*94.175%) 79.804%;
|
|
--blue-new-19: hsl(var(--blue-new-19-hsl)/1);
|
|
--blue-new-19-hsl: 213.861 calc(var(--saturation-factor, 1)*94.393%) 79.02%;
|
|
--blue-new-20: hsl(var(--blue-new-20-hsl)/1);
|
|
--blue-new-20-hsl: 213.143 calc(var(--saturation-factor, 1)*92.92%) 77.843%;
|
|
--blue-new-21: hsl(var(--blue-new-21-hsl)/1);
|
|
--blue-new-21-hsl: 213.333 calc(var(--saturation-factor, 1)*91.525%) 76.863%;
|
|
--blue-new-22: hsl(var(--blue-new-22-hsl)/1);
|
|
--blue-new-22-hsl: 213.214 calc(var(--saturation-factor, 1)*91.803%) 76.078%;
|
|
--blue-new-23: hsl(var(--blue-new-23-hsl)/1);
|
|
--blue-new-23-hsl: 213.391 calc(var(--saturation-factor, 1)*90.551%) 75.098%;
|
|
--blue-new-24: hsl(var(--blue-new-24-hsl)/1);
|
|
--blue-new-24-hsl: 213.051 calc(var(--saturation-factor, 1)*89.394%) 74.118%;
|
|
--blue-new-25: hsl(var(--blue-new-25-hsl)/1);
|
|
--blue-new-25-hsl: 213.443 calc(var(--saturation-factor, 1)*89.706%) 73.333%;
|
|
--blue-new-26: hsl(var(--blue-new-26-hsl)/1);
|
|
--blue-new-26-hsl: 213.12 calc(var(--saturation-factor, 1)*88.652%) 72.353%;
|
|
--blue-new-27: hsl(var(--blue-new-27-hsl)/1);
|
|
--blue-new-27-hsl: 213.281 calc(var(--saturation-factor, 1)*87.671%) 71.373%;
|
|
--blue-new-28: hsl(var(--blue-new-28-hsl)/1);
|
|
--blue-new-28-hsl: 212.977 calc(var(--saturation-factor, 1)*86.755%) 70.392%;
|
|
--blue-new-29: hsl(var(--blue-new-29-hsl)/1);
|
|
--blue-new-29-hsl: 213.333 calc(var(--saturation-factor, 1)*87.097%) 69.608%;
|
|
--blue-new-30: hsl(var(--blue-new-30-hsl)/1);
|
|
--blue-new-30-hsl: 213.043 calc(var(--saturation-factor, 1)*86.25%) 68.627%;
|
|
--blue-new-31: hsl(var(--blue-new-31-hsl)/1);
|
|
--blue-new-31-hsl: 213.191 calc(var(--saturation-factor, 1)*85.455%) 67.647%;
|
|
--blue-new-32: hsl(var(--blue-new-32-hsl)/1);
|
|
--blue-new-32-hsl: 212.917 calc(var(--saturation-factor, 1)*84.706%) 66.667%;
|
|
--blue-new-33: hsl(var(--blue-new-33-hsl)/1);
|
|
--blue-new-33-hsl: 213.061 calc(var(--saturation-factor, 1)*84%) 65.686%;
|
|
--blue-new-34: hsl(var(--blue-new-34-hsl)/1);
|
|
--blue-new-34-hsl: 212.98 calc(var(--saturation-factor, 1)*84.358%) 64.902%;
|
|
--blue-new-35: hsl(var(--blue-new-35-hsl)/1);
|
|
--blue-new-35-hsl: 213.117 calc(var(--saturation-factor, 1)*83.696%) 63.922%;
|
|
--blue-new-36: hsl(var(--blue-new-36-hsl)/1);
|
|
--blue-new-36-hsl: 212.866 calc(var(--saturation-factor, 1)*83.069%) 62.941%;
|
|
--blue-new-37: hsl(var(--blue-new-37-hsl)/1);
|
|
--blue-new-37-hsl: 212.795 calc(var(--saturation-factor, 1)*82.564%) 61.765%;
|
|
--blue-new-38: hsl(var(--blue-new-38-hsl)/1);
|
|
--blue-new-38-hsl: 212.927 calc(var(--saturation-factor, 1)*82%) 60.784%;
|
|
--blue-new-39: hsl(var(--blue-new-39-hsl)/1);
|
|
--blue-new-39-hsl: 212.695 calc(var(--saturation-factor, 1)*81.463%) 59.804%;
|
|
--blue-new-40: hsl(var(--blue-new-40-hsl)/1);
|
|
--blue-new-40-hsl: 212.791 calc(var(--saturation-factor, 1)*81.905%) 58.824%;
|
|
--blue-new-41: hsl(var(--blue-new-41-hsl)/1);
|
|
--blue-new-41-hsl: 212.571 calc(var(--saturation-factor, 1)*81.395%) 57.843%;
|
|
--blue-new-42: hsl(var(--blue-new-42-hsl)/1);
|
|
--blue-new-42-hsl: 212.514 calc(var(--saturation-factor, 1)*80.995%) 56.667%;
|
|
--blue-new-43: hsl(var(--blue-new-43-hsl)/1);
|
|
--blue-new-43-hsl: 212.459 calc(var(--saturation-factor, 1)*80.617%) 55.49%;
|
|
--blue-new-44: hsl(var(--blue-new-44-hsl)/1);
|
|
--blue-new-44-hsl: 212.086 calc(var(--saturation-factor, 1)*80.258%) 54.314%;
|
|
--blue-new-45: hsl(var(--blue-new-45-hsl)/1);
|
|
--blue-new-45-hsl: 211.875 calc(var(--saturation-factor, 1)*80%) 52.941%;
|
|
--blue-new-46: hsl(var(--blue-new-46-hsl)/1);
|
|
--blue-new-46-hsl: 211.515 calc(var(--saturation-factor, 1)*80.488%) 51.765%;
|
|
--blue-new-47: hsl(var(--blue-new-47-hsl)/1);
|
|
--blue-new-47-hsl: 211.176 calc(var(--saturation-factor, 1)*80.315%) 50.196%;
|
|
--blue-new-48: hsl(var(--blue-new-48-hsl)/1);
|
|
--blue-new-48-hsl: 210.711 calc(var(--saturation-factor, 1)*85.425%) 48.431%;
|
|
--blue-new-49: hsl(var(--blue-new-49-hsl)/1);
|
|
--blue-new-49-hsl: 209.327 calc(var(--saturation-factor, 1)*95.708%) 45.686%;
|
|
--blue-new-50: hsl(var(--blue-new-50-hsl)/1);
|
|
--blue-new-50-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--blue-new-51: hsl(var(--blue-new-51-hsl)/1);
|
|
--blue-new-51-hsl: 209.189 calc(var(--saturation-factor, 1)*100%) 43.529%;
|
|
--blue-new-52: hsl(var(--blue-new-52-hsl)/1);
|
|
--blue-new-52-hsl: 209.309 calc(var(--saturation-factor, 1)*100%) 42.549%;
|
|
--blue-new-53: hsl(var(--blue-new-53-hsl)/1);
|
|
--blue-new-53-hsl: 209.151 calc(var(--saturation-factor, 1)*100%) 41.569%;
|
|
--blue-new-54: hsl(var(--blue-new-54-hsl)/1);
|
|
--blue-new-54-hsl: 209.126 calc(var(--saturation-factor, 1)*99.038%) 40.784%;
|
|
--blue-new-55: hsl(var(--blue-new-55-hsl)/1);
|
|
--blue-new-55-hsl: 209.4 calc(var(--saturation-factor, 1)*98.039%) 40%;
|
|
--blue-new-56: hsl(var(--blue-new-56-hsl)/1);
|
|
--blue-new-56-hsl: 209.388 calc(var(--saturation-factor, 1)*98%) 39.216%;
|
|
--blue-new-57: hsl(var(--blue-new-57-hsl)/1);
|
|
--blue-new-57-hsl: 209.684 calc(var(--saturation-factor, 1)*96.939%) 38.431%;
|
|
--blue-new-58: hsl(var(--blue-new-58-hsl)/1);
|
|
--blue-new-58-hsl: 209.514 calc(var(--saturation-factor, 1)*96.859%) 37.451%;
|
|
--blue-new-59: hsl(var(--blue-new-59-hsl)/1);
|
|
--blue-new-59-hsl: 209.503 calc(var(--saturation-factor, 1)*96.791%) 36.667%;
|
|
--blue-new-60: hsl(var(--blue-new-60-hsl)/1);
|
|
--blue-new-60-hsl: 209.492 calc(var(--saturation-factor, 1)*97.79%) 35.49%;
|
|
--blue-new-61: hsl(var(--blue-new-61-hsl)/1);
|
|
--blue-new-61-hsl: 209.48 calc(var(--saturation-factor, 1)*97.74%) 34.706%;
|
|
--blue-new-62: hsl(var(--blue-new-62-hsl)/1);
|
|
--blue-new-62-hsl: 209.294 calc(var(--saturation-factor, 1)*98.837%) 33.725%;
|
|
--blue-new-63: hsl(var(--blue-new-63-hsl)/1);
|
|
--blue-new-63-hsl: 209.455 calc(var(--saturation-factor, 1)*98.802%) 32.745%;
|
|
--blue-new-64: hsl(var(--blue-new-64-hsl)/1);
|
|
--blue-new-64-hsl: 209.259 calc(var(--saturation-factor, 1)*100%) 31.765%;
|
|
--blue-new-65: hsl(var(--blue-new-65-hsl)/1);
|
|
--blue-new-65-hsl: 209.241 calc(var(--saturation-factor, 1)*100%) 30.98%;
|
|
--blue-new-66: hsl(var(--blue-new-66-hsl)/1);
|
|
--blue-new-66-hsl: 209.221 calc(var(--saturation-factor, 1)*100%) 30.196%;
|
|
--blue-new-67: hsl(var(--blue-new-67-hsl)/1);
|
|
--blue-new-67-hsl: 209.6 calc(var(--saturation-factor, 1)*100%) 29.412%;
|
|
--blue-new-68: hsl(var(--blue-new-68-hsl)/1);
|
|
--blue-new-68-hsl: 209.589 calc(var(--saturation-factor, 1)*100%) 28.627%;
|
|
--blue-new-69: hsl(var(--blue-new-69-hsl)/1);
|
|
--blue-new-69-hsl: 209.577 calc(var(--saturation-factor, 1)*100%) 27.843%;
|
|
--blue-new-70: hsl(var(--blue-new-70-hsl)/1);
|
|
--blue-new-70-hsl: 209.565 calc(var(--saturation-factor, 1)*100%) 27.059%;
|
|
--blue-new-71: hsl(var(--blue-new-71-hsl)/1);
|
|
--blue-new-71-hsl: 210 calc(var(--saturation-factor, 1)*100%) 26.275%;
|
|
--blue-new-72: hsl(var(--blue-new-72-hsl)/1);
|
|
--blue-new-72-hsl: 210 calc(var(--saturation-factor, 1)*100%) 25.49%;
|
|
--blue-new-73: hsl(var(--blue-new-73-hsl)/1);
|
|
--blue-new-73-hsl: 210 calc(var(--saturation-factor, 1)*100%) 24.706%;
|
|
--blue-new-74: hsl(var(--blue-new-74-hsl)/1);
|
|
--blue-new-74-hsl: 210 calc(var(--saturation-factor, 1)*100%) 23.922%;
|
|
--blue-new-75: hsl(var(--blue-new-75-hsl)/1);
|
|
--blue-new-75-hsl: 210.508 calc(var(--saturation-factor, 1)*100%) 23.137%;
|
|
--blue-new-76: hsl(var(--blue-new-76-hsl)/1);
|
|
--blue-new-76-hsl: 210.783 calc(var(--saturation-factor, 1)*100%) 22.549%;
|
|
--blue-new-77: hsl(var(--blue-new-77-hsl)/1);
|
|
--blue-new-77-hsl: 210.811 calc(var(--saturation-factor, 1)*100%) 21.765%;
|
|
--blue-new-78: hsl(var(--blue-new-78-hsl)/1);
|
|
--blue-new-78-hsl: 210.841 calc(var(--saturation-factor, 1)*100%) 20.98%;
|
|
--blue-new-79: hsl(var(--blue-new-79-hsl)/1);
|
|
--blue-new-79-hsl: 211.154 calc(var(--saturation-factor, 1)*100%) 20.392%;
|
|
--blue-new-80: hsl(var(--blue-new-80-hsl)/1);
|
|
--blue-new-80-hsl: 211.2 calc(var(--saturation-factor, 1)*100%) 19.608%;
|
|
--blue-new-81: hsl(var(--blue-new-81-hsl)/1);
|
|
--blue-new-81-hsl: 211.25 calc(var(--saturation-factor, 1)*100%) 18.824%;
|
|
--blue-new-82: hsl(var(--blue-new-82-hsl)/1);
|
|
--blue-new-82-hsl: 212.258 calc(var(--saturation-factor, 1)*100%) 18.235%;
|
|
--blue-new-83: hsl(var(--blue-new-83-hsl)/1);
|
|
--blue-new-83-hsl: 212.36 calc(var(--saturation-factor, 1)*100%) 17.451%;
|
|
--blue-new-84: hsl(var(--blue-new-84-hsl)/1);
|
|
--blue-new-84-hsl: 212.791 calc(var(--saturation-factor, 1)*100%) 16.863%;
|
|
--blue-new-85: hsl(var(--blue-new-85-hsl)/1);
|
|
--blue-new-85-hsl: 212.927 calc(var(--saturation-factor, 1)*100%) 16.078%;
|
|
--blue-new-86: hsl(var(--blue-new-86-hsl)/1);
|
|
--blue-new-86-hsl: 213.418 calc(var(--saturation-factor, 1)*100%) 15.49%;
|
|
--blue-new-87: hsl(var(--blue-new-87-hsl)/1);
|
|
--blue-new-87-hsl: 213.6 calc(var(--saturation-factor, 1)*100%) 14.706%;
|
|
--blue-new-88: hsl(var(--blue-new-88-hsl)/1);
|
|
--blue-new-88-hsl: 214.167 calc(var(--saturation-factor, 1)*100%) 14.118%;
|
|
--blue-new-89: hsl(var(--blue-new-89-hsl)/1);
|
|
--blue-new-89-hsl: 214.783 calc(var(--saturation-factor, 1)*100%) 13.529%;
|
|
--blue-new-90: hsl(var(--blue-new-90-hsl)/1);
|
|
--blue-new-90-hsl: 215.077 calc(var(--saturation-factor, 1)*100%) 12.745%;
|
|
--blue-new-91: hsl(var(--blue-new-91-hsl)/1);
|
|
--blue-new-91-hsl: 215.806 calc(var(--saturation-factor, 1)*100%) 12.157%;
|
|
--blue-new-92: hsl(var(--blue-new-92-hsl)/1);
|
|
--blue-new-92-hsl: 216.61 calc(var(--saturation-factor, 1)*100%) 11.569%;
|
|
--blue-new-93: hsl(var(--blue-new-93-hsl)/1);
|
|
--blue-new-93-hsl: 217.091 calc(var(--saturation-factor, 1)*100%) 10.784%;
|
|
--blue-new-94: hsl(var(--blue-new-94-hsl)/1);
|
|
--blue-new-94-hsl: 217.647 calc(var(--saturation-factor, 1)*100%) 10%;
|
|
--blue-new-95: hsl(var(--blue-new-95-hsl)/1);
|
|
--blue-new-95-hsl: 219.574 calc(var(--saturation-factor, 1)*100%) 9.216%;
|
|
--blue-new-96: hsl(var(--blue-new-96-hsl)/1);
|
|
--blue-new-96-hsl: 221.429 calc(var(--saturation-factor, 1)*100%) 8.235%;
|
|
--blue-new-97: hsl(var(--blue-new-97-hsl)/1);
|
|
--blue-new-97-hsl: 223.333 calc(var(--saturation-factor, 1)*100%) 7.059%;
|
|
--blue-new-98: hsl(var(--blue-new-98-hsl)/1);
|
|
--blue-new-98-hsl: 227.586 calc(var(--saturation-factor, 1)*100%) 5.686%;
|
|
--blue-new-99: hsl(var(--blue-new-99-hsl)/1);
|
|
--blue-new-99-hsl: 231 calc(var(--saturation-factor, 1)*100%) 3.922%;
|
|
--blue-new-100: hsl(var(--blue-new-100-hsl)/1);
|
|
--blue-new-100-hsl: 240 calc(var(--saturation-factor, 1)*100%) 1.373%;
|
|
--blurple-1: hsl(var(--blurple-1-hsl)/1);
|
|
--blurple-1-hsl: 230.4 calc(var(--saturation-factor, 1)*100%) 95.098%;
|
|
--blurple-2: hsl(var(--blurple-2-hsl)/1);
|
|
--blurple-2-hsl: 231.429 calc(var(--saturation-factor, 1)*100%) 94.51%;
|
|
--blurple-3: hsl(var(--blurple-3-hsl)/1);
|
|
--blurple-3-hsl: 230.625 calc(var(--saturation-factor, 1)*100%) 93.725%;
|
|
--blurple-4: hsl(var(--blurple-4-hsl)/1);
|
|
--blurple-4-hsl: 228.333 calc(var(--saturation-factor, 1)*100%) 92.941%;
|
|
--blurple-5: hsl(var(--blurple-5-hsl)/1);
|
|
--blurple-5-hsl: 229.231 calc(var(--saturation-factor, 1)*100%) 92.353%;
|
|
--blurple-6: hsl(var(--blurple-6-hsl)/1);
|
|
--blurple-6-hsl: 227.442 calc(var(--saturation-factor, 1)*100%) 91.569%;
|
|
--blurple-7: hsl(var(--blurple-7-hsl)/1);
|
|
--blurple-7-hsl: 228.261 calc(var(--saturation-factor, 1)*100%) 90.98%;
|
|
--blurple-8: hsl(var(--blurple-8-hsl)/1);
|
|
--blurple-8-hsl: 228 calc(var(--saturation-factor, 1)*100%) 90.196%;
|
|
--blurple-9: hsl(var(--blurple-9-hsl)/1);
|
|
--blurple-9-hsl: 227.547 calc(var(--saturation-factor, 1)*100%) 89.608%;
|
|
--blurple-10: hsl(var(--blurple-10-hsl)/1);
|
|
--blurple-10-hsl: 228.214 calc(var(--saturation-factor, 1)*100%) 89.02%;
|
|
--blurple-11: hsl(var(--blurple-11-hsl)/1);
|
|
--blurple-11-hsl: 227 calc(var(--saturation-factor, 1)*100%) 88.235%;
|
|
--blurple-12: hsl(var(--blurple-12-hsl)/1);
|
|
--blurple-12-hsl: 227.619 calc(var(--saturation-factor, 1)*100%) 87.647%;
|
|
--blurple-13: hsl(var(--blurple-13-hsl)/1);
|
|
--blurple-13-hsl: 227.463 calc(var(--saturation-factor, 1)*100%) 86.863%;
|
|
--blurple-14: hsl(var(--blurple-14-hsl)/1);
|
|
--blurple-14-hsl: 227.143 calc(var(--saturation-factor, 1)*100%) 86.275%;
|
|
--blurple-15: hsl(var(--blurple-15-hsl)/1);
|
|
--blurple-15-hsl: 227.671 calc(var(--saturation-factor, 1)*100%) 85.686%;
|
|
--blurple-16: hsl(var(--blurple-16-hsl)/1);
|
|
--blurple-16-hsl: 227.368 calc(var(--saturation-factor, 1)*100%) 85.098%;
|
|
--blurple-17: hsl(var(--blurple-17-hsl)/1);
|
|
--blurple-17-hsl: 227.848 calc(var(--saturation-factor, 1)*100%) 84.51%;
|
|
--blurple-18: hsl(var(--blurple-18-hsl)/1);
|
|
--blurple-18-hsl: 227.711 calc(var(--saturation-factor, 1)*100%) 83.725%;
|
|
--blurple-19: hsl(var(--blurple-19-hsl)/1);
|
|
--blurple-19-hsl: 227.442 calc(var(--saturation-factor, 1)*100%) 83.137%;
|
|
--blurple-20: hsl(var(--blurple-20-hsl)/1);
|
|
--blurple-20-hsl: 227.865 calc(var(--saturation-factor, 1)*100%) 82.549%;
|
|
--blurple-21: hsl(var(--blurple-21-hsl)/1);
|
|
--blurple-21-hsl: 228.261 calc(var(--saturation-factor, 1)*100%) 81.961%;
|
|
--blurple-22: hsl(var(--blurple-22-hsl)/1);
|
|
--blurple-22-hsl: 228 calc(var(--saturation-factor, 1)*100%) 81.373%;
|
|
--blurple-23: hsl(var(--blurple-23-hsl)/1);
|
|
--blurple-23-hsl: 228.367 calc(var(--saturation-factor, 1)*100%) 80.784%;
|
|
--blurple-24: hsl(var(--blurple-24-hsl)/1);
|
|
--blurple-24-hsl: 228.713 calc(var(--saturation-factor, 1)*100%) 80.196%;
|
|
--blurple-25: hsl(var(--blurple-25-hsl)/1);
|
|
--blurple-25-hsl: 228.462 calc(var(--saturation-factor, 1)*100%) 79.608%;
|
|
--blurple-26: hsl(var(--blurple-26-hsl)/1);
|
|
--blurple-26-hsl: 228.785 calc(var(--saturation-factor, 1)*100%) 79.02%;
|
|
--blurple-27: hsl(var(--blurple-27-hsl)/1);
|
|
--blurple-27-hsl: 228.991 calc(var(--saturation-factor, 1)*98.198%) 78.235%;
|
|
--blurple-28: hsl(var(--blurple-28-hsl)/1);
|
|
--blurple-28-hsl: 229.189 calc(var(--saturation-factor, 1)*98.23%) 77.843%;
|
|
--blurple-29: hsl(var(--blurple-29-hsl)/1);
|
|
--blurple-29-hsl: 229.381 calc(var(--saturation-factor, 1)*96.581%) 77.059%;
|
|
--blurple-30: hsl(var(--blurple-30-hsl)/1);
|
|
--blurple-30-hsl: 229.655 calc(var(--saturation-factor, 1)*96.667%) 76.471%;
|
|
--blurple-31: hsl(var(--blurple-31-hsl)/1);
|
|
--blurple-31-hsl: 229.322 calc(var(--saturation-factor, 1)*95.161%) 75.686%;
|
|
--blurple-32: hsl(var(--blurple-32-hsl)/1);
|
|
--blurple-32-hsl: 229.5 calc(var(--saturation-factor, 1)*93.75%) 74.902%;
|
|
--blurple-33: hsl(var(--blurple-33-hsl)/1);
|
|
--blurple-33-hsl: 230.164 calc(var(--saturation-factor, 1)*93.846%) 74.51%;
|
|
--blurple-34: hsl(var(--blurple-34-hsl)/1);
|
|
--blurple-34-hsl: 230.323 calc(var(--saturation-factor, 1)*92.537%) 73.725%;
|
|
--blurple-35: hsl(var(--blurple-35-hsl)/1);
|
|
--blurple-35-hsl: 230.476 calc(var(--saturation-factor, 1)*92.647%) 73.333%;
|
|
--blurple-36: hsl(var(--blurple-36-hsl)/1);
|
|
--blurple-36-hsl: 230.625 calc(var(--saturation-factor, 1)*91.429%) 72.549%;
|
|
--blurple-37: hsl(var(--blurple-37-hsl)/1);
|
|
--blurple-37-hsl: 230.84 calc(var(--saturation-factor, 1)*91.608%) 71.961%;
|
|
--blurple-38: hsl(var(--blurple-38-hsl)/1);
|
|
--blurple-38-hsl: 231.364 calc(var(--saturation-factor, 1)*90.411%) 71.373%;
|
|
--blurple-39: hsl(var(--blurple-39-hsl)/1);
|
|
--blurple-39-hsl: 231.111 calc(var(--saturation-factor, 1)*90.604%) 70.784%;
|
|
--blurple-40: hsl(var(--blurple-40-hsl)/1);
|
|
--blurple-40-hsl: 231.618 calc(var(--saturation-factor, 1)*89.474%) 70.196%;
|
|
--blurple-41: hsl(var(--blurple-41-hsl)/1);
|
|
--blurple-41-hsl: 231.739 calc(var(--saturation-factor, 1)*88.462%) 69.412%;
|
|
--blurple-42: hsl(var(--blurple-42-hsl)/1);
|
|
--blurple-42-hsl: 232.286 calc(var(--saturation-factor, 1)*88.608%) 69.02%;
|
|
--blurple-43: hsl(var(--blurple-43-hsl)/1);
|
|
--blurple-43-hsl: 232.766 calc(var(--saturation-factor, 1)*87.578%) 68.431%;
|
|
--blurple-44: hsl(var(--blurple-44-hsl)/1);
|
|
--blurple-44-hsl: 232.917 calc(var(--saturation-factor, 1)*87.805%) 67.843%;
|
|
--blurple-45: hsl(var(--blurple-45-hsl)/1);
|
|
--blurple-45-hsl: 232.966 calc(var(--saturation-factor, 1)*86.826%) 67.255%;
|
|
--blurple-46: hsl(var(--blurple-46-hsl)/1);
|
|
--blurple-46-hsl: 233.469 calc(var(--saturation-factor, 1)*86.982%) 66.863%;
|
|
--blurple-47: hsl(var(--blurple-47-hsl)/1);
|
|
--blurple-47-hsl: 233.919 calc(var(--saturation-factor, 1)*86.047%) 66.275%;
|
|
--blurple-48: hsl(var(--blurple-48-hsl)/1);
|
|
--blurple-48-hsl: 234.4 calc(var(--saturation-factor, 1)*86.207%) 65.882%;
|
|
--blurple-49: hsl(var(--blurple-49-hsl)/1);
|
|
--blurple-49-hsl: 234.474 calc(var(--saturation-factor, 1)*85.393%) 65.098%;
|
|
--blurple-50: hsl(var(--blurple-50-hsl)/1);
|
|
--blurple-50-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--blurple-51: hsl(var(--blurple-51-hsl)/1);
|
|
--blurple-51-hsl: 234.8 calc(var(--saturation-factor, 1)*79.787%) 63.137%;
|
|
--blurple-52: hsl(var(--blurple-52-hsl)/1);
|
|
--blurple-52-hsl: 234.658 calc(var(--saturation-factor, 1)*74.49%) 61.569%;
|
|
--blurple-53: hsl(var(--blurple-53-hsl)/1);
|
|
--blurple-53-hsl: 234.507 calc(var(--saturation-factor, 1)*69.608%) 60%;
|
|
--blurple-54: hsl(var(--blurple-54-hsl)/1);
|
|
--blurple-54-hsl: 234.388 calc(var(--saturation-factor, 1)*65.877%) 58.627%;
|
|
--blurple-55: hsl(var(--blurple-55-hsl)/1);
|
|
--blurple-55-hsl: 234.222 calc(var(--saturation-factor, 1)*61.644%) 57.059%;
|
|
--blurple-56: hsl(var(--blurple-56-hsl)/1);
|
|
--blurple-56-hsl: 234.091 calc(var(--saturation-factor, 1)*58.407%) 55.686%;
|
|
--blurple-57: hsl(var(--blurple-57-hsl)/1);
|
|
--blurple-57-hsl: 233.488 calc(var(--saturation-factor, 1)*55.365%) 54.314%;
|
|
--blurple-58: hsl(var(--blurple-58-hsl)/1);
|
|
--blurple-58-hsl: 233.28 calc(var(--saturation-factor, 1)*51.867%) 52.745%;
|
|
--blurple-59: hsl(var(--blurple-59-hsl)/1);
|
|
--blurple-59-hsl: 233.115 calc(var(--saturation-factor, 1)*49.194%) 51.373%;
|
|
--blurple-60: hsl(var(--blurple-60-hsl)/1);
|
|
--blurple-60-hsl: 232.941 calc(var(--saturation-factor, 1)*46.667%) 50%;
|
|
--blurple-61: hsl(var(--blurple-61-hsl)/1);
|
|
--blurple-61-hsl: 232.759 calc(var(--saturation-factor, 1)*46.774%) 48.627%;
|
|
--blurple-62: hsl(var(--blurple-62-hsl)/1);
|
|
--blurple-62-hsl: 232.566 calc(var(--saturation-factor, 1)*46.888%) 47.255%;
|
|
--blurple-63: hsl(var(--blurple-63-hsl)/1);
|
|
--blurple-63-hsl: 232.432 calc(var(--saturation-factor, 1)*47.234%) 46.078%;
|
|
--blurple-64: hsl(var(--blurple-64-hsl)/1);
|
|
--blurple-64-hsl: 232.222 calc(var(--saturation-factor, 1)*47.368%) 44.706%;
|
|
--blurple-65: hsl(var(--blurple-65-hsl)/1);
|
|
--blurple-65-hsl: 232 calc(var(--saturation-factor, 1)*47.511%) 43.333%;
|
|
--blurple-66: hsl(var(--blurple-66-hsl)/1);
|
|
--blurple-66-hsl: 231.845 calc(var(--saturation-factor, 1)*47.907%) 42.157%;
|
|
--blurple-67: hsl(var(--blurple-67-hsl)/1);
|
|
--blurple-67-hsl: 231.6 calc(var(--saturation-factor, 1)*48.077%) 40.784%;
|
|
--blurple-68: hsl(var(--blurple-68-hsl)/1);
|
|
--blurple-68-hsl: 231.429 calc(var(--saturation-factor, 1)*48.515%) 39.608%;
|
|
--blurple-69: hsl(var(--blurple-69-hsl)/1);
|
|
--blurple-69-hsl: 231.158 calc(var(--saturation-factor, 1)*48.718%) 38.235%;
|
|
--blurple-70: hsl(var(--blurple-70-hsl)/1);
|
|
--blurple-70-hsl: 230.968 calc(var(--saturation-factor, 1)*49.206%) 37.059%;
|
|
--blurple-71: hsl(var(--blurple-71-hsl)/1);
|
|
--blurple-71-hsl: 230.667 calc(var(--saturation-factor, 1)*49.451%) 35.686%;
|
|
--blurple-72: hsl(var(--blurple-72-hsl)/1);
|
|
--blurple-72-hsl: 230.455 calc(var(--saturation-factor, 1)*50%) 34.51%;
|
|
--blurple-73: hsl(var(--blurple-73-hsl)/1);
|
|
--blurple-73-hsl: 230.824 calc(var(--saturation-factor, 1)*49.708%) 33.529%;
|
|
--blurple-74: hsl(var(--blurple-74-hsl)/1);
|
|
--blurple-74-hsl: 230.602 calc(var(--saturation-factor, 1)*50.303%) 32.353%;
|
|
--blurple-75: hsl(var(--blurple-75-hsl)/1);
|
|
--blurple-75-hsl: 230.37 calc(var(--saturation-factor, 1)*50.943%) 31.176%;
|
|
--blurple-76: hsl(var(--blurple-76-hsl)/1);
|
|
--blurple-76-hsl: 230 calc(var(--saturation-factor, 1)*51.316%) 29.804%;
|
|
--blurple-77: hsl(var(--blurple-77-hsl)/1);
|
|
--blurple-77-hsl: 228.947 calc(var(--saturation-factor, 1)*52.055%) 28.627%;
|
|
--blurple-78: hsl(var(--blurple-78-hsl)/1);
|
|
--blurple-78-hsl: 228.649 calc(var(--saturation-factor, 1)*52.857%) 27.451%;
|
|
--blurple-79: hsl(var(--blurple-79-hsl)/1);
|
|
--blurple-79-hsl: 228.333 calc(var(--saturation-factor, 1)*53.731%) 26.275%;
|
|
--blurple-80: hsl(var(--blurple-80-hsl)/1);
|
|
--blurple-80-hsl: 228.696 calc(var(--saturation-factor, 1)*53.488%) 25.294%;
|
|
--blurple-81: hsl(var(--blurple-81-hsl)/1);
|
|
--blurple-81-hsl: 228.358 calc(var(--saturation-factor, 1)*54.472%) 24.118%;
|
|
--blurple-82: hsl(var(--blurple-82-hsl)/1);
|
|
--blurple-82-hsl: 228 calc(var(--saturation-factor, 1)*55.556%) 22.941%;
|
|
--blurple-83: hsl(var(--blurple-83-hsl)/1);
|
|
--blurple-83-hsl: 227.619 calc(var(--saturation-factor, 1)*56.757%) 21.765%;
|
|
--blurple-84: hsl(var(--blurple-84-hsl)/1);
|
|
--blurple-84-hsl: 228.197 calc(var(--saturation-factor, 1)*57.009%) 20.98%;
|
|
--blurple-85: hsl(var(--blurple-85-hsl)/1);
|
|
--blurple-85-hsl: 226.78 calc(var(--saturation-factor, 1)*58.416%) 19.804%;
|
|
--blurple-86: hsl(var(--blurple-86-hsl)/1);
|
|
--blurple-86-hsl: 227.143 calc(var(--saturation-factor, 1)*58.333%) 18.824%;
|
|
--blurple-87: hsl(var(--blurple-87-hsl)/1);
|
|
--blurple-87-hsl: 226.667 calc(var(--saturation-factor, 1)*60%) 17.647%;
|
|
--blurple-88: hsl(var(--blurple-88-hsl)/1);
|
|
--blurple-88-hsl: 226.415 calc(var(--saturation-factor, 1)*62.353%) 16.667%;
|
|
--blurple-89: hsl(var(--blurple-89-hsl)/1);
|
|
--blurple-89-hsl: 226.8 calc(var(--saturation-factor, 1)*62.5%) 15.686%;
|
|
--blurple-90: hsl(var(--blurple-90-hsl)/1);
|
|
--blurple-90-hsl: 225 calc(var(--saturation-factor, 1)*64.865%) 14.51%;
|
|
--blurple-91: hsl(var(--blurple-91-hsl)/1);
|
|
--blurple-91-hsl: 225.652 calc(var(--saturation-factor, 1)*65.714%) 13.725%;
|
|
--blurple-92: hsl(var(--blurple-92-hsl)/1);
|
|
--blurple-92-hsl: 225 calc(var(--saturation-factor, 1)*68.75%) 12.549%;
|
|
--blurple-93: hsl(var(--blurple-93-hsl)/1);
|
|
--blurple-93-hsl: 225.366 calc(var(--saturation-factor, 1)*69.492%) 11.569%;
|
|
--blurple-94: hsl(var(--blurple-94-hsl)/1);
|
|
--blurple-94-hsl: 225.789 calc(var(--saturation-factor, 1)*70.37%) 10.588%;
|
|
--blurple-95: hsl(var(--blurple-95-hsl)/1);
|
|
--blurple-95-hsl: 224.571 calc(var(--saturation-factor, 1)*74.468%) 9.216%;
|
|
--blurple-96: hsl(var(--blurple-96-hsl)/1);
|
|
--blurple-96-hsl: 224.516 calc(var(--saturation-factor, 1)*75.61%) 8.039%;
|
|
--blurple-97: hsl(var(--blurple-97-hsl)/1);
|
|
--blurple-97-hsl: 226.154 calc(var(--saturation-factor, 1)*76.471%) 6.667%;
|
|
--blurple-98: hsl(var(--blurple-98-hsl)/1);
|
|
--blurple-98-hsl: 227.368 calc(var(--saturation-factor, 1)*76%) 4.902%;
|
|
--blurple-99: hsl(var(--blurple-99-hsl)/1);
|
|
--blurple-99-hsl: 229.091 calc(var(--saturation-factor, 1)*84.615%) 2.549%;
|
|
--blurple-100: hsl(var(--blurple-100-hsl)/1);
|
|
--blurple-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--green-new-1: hsl(var(--green-new-1-hsl)/1);
|
|
--green-new-1-hsl: 137.455 calc(var(--saturation-factor, 1)*100%) 89.216%;
|
|
--green-new-2: hsl(var(--green-new-2-hsl)/1);
|
|
--green-new-2-hsl: 136.552 calc(var(--saturation-factor, 1)*100%) 88.627%;
|
|
--green-new-3: hsl(var(--green-new-3-hsl)/1);
|
|
--green-new-3-hsl: 136.271 calc(var(--saturation-factor, 1)*90.769%) 87.255%;
|
|
--green-new-4: hsl(var(--green-new-4-hsl)/1);
|
|
--green-new-4-hsl: 137 calc(var(--saturation-factor, 1)*83.333%) 85.882%;
|
|
--green-new-5: hsl(var(--green-new-5-hsl)/1);
|
|
--green-new-5-hsl: 135.738 calc(var(--saturation-factor, 1)*79.221%) 84.902%;
|
|
--green-new-6: hsl(var(--green-new-6-hsl)/1);
|
|
--green-new-6-hsl: 136.452 calc(var(--saturation-factor, 1)*73.81%) 83.529%;
|
|
--green-new-7: hsl(var(--green-new-7-hsl)/1);
|
|
--green-new-7-hsl: 135.938 calc(var(--saturation-factor, 1)*71.111%) 82.353%;
|
|
--green-new-8: hsl(var(--green-new-8-hsl)/1);
|
|
--green-new-8-hsl: 135.938 calc(var(--saturation-factor, 1)*66.667%) 81.176%;
|
|
--green-new-9: hsl(var(--green-new-9-hsl)/1);
|
|
--green-new-9-hsl: 136.364 calc(var(--saturation-factor, 1)*64.706%) 80%;
|
|
--green-new-10: hsl(var(--green-new-10-hsl)/1);
|
|
--green-new-10-hsl: 136.364 calc(var(--saturation-factor, 1)*61.111%) 78.824%;
|
|
--green-new-11: hsl(var(--green-new-11-hsl)/1);
|
|
--green-new-11-hsl: 135.882 calc(var(--saturation-factor, 1)*59.649%) 77.647%;
|
|
--green-new-12: hsl(var(--green-new-12-hsl)/1);
|
|
--green-new-12-hsl: 136.522 calc(var(--saturation-factor, 1)*57.025%) 76.275%;
|
|
--green-new-13: hsl(var(--green-new-13-hsl)/1);
|
|
--green-new-13-hsl: 136.522 calc(var(--saturation-factor, 1)*54.331%) 75.098%;
|
|
--green-new-14: hsl(var(--green-new-14-hsl)/1);
|
|
--green-new-14-hsl: 136.901 calc(var(--saturation-factor, 1)*53.383%) 73.922%;
|
|
--green-new-15: hsl(var(--green-new-15-hsl)/1);
|
|
--green-new-15-hsl: 136.056 calc(var(--saturation-factor, 1)*51.079%) 72.745%;
|
|
--green-new-16: hsl(var(--green-new-16-hsl)/1);
|
|
--green-new-16-hsl: 136.438 calc(var(--saturation-factor, 1)*50.345%) 71.569%;
|
|
--green-new-17: hsl(var(--green-new-17-hsl)/1);
|
|
--green-new-17-hsl: 136.438 calc(var(--saturation-factor, 1)*48.344%) 70.392%;
|
|
--green-new-18: hsl(var(--green-new-18-hsl)/1);
|
|
--green-new-18-hsl: 136.8 calc(var(--saturation-factor, 1)*47.771%) 69.216%;
|
|
--green-new-19: hsl(var(--green-new-19-hsl)/1);
|
|
--green-new-19-hsl: 136.8 calc(var(--saturation-factor, 1)*46.012%) 68.039%;
|
|
--green-new-20: hsl(var(--green-new-20-hsl)/1);
|
|
--green-new-20-hsl: 137.368 calc(var(--saturation-factor, 1)*44.706%) 66.667%;
|
|
--green-new-21: hsl(var(--green-new-21-hsl)/1);
|
|
--green-new-21-hsl: 137.143 calc(var(--saturation-factor, 1)*44%) 65.686%;
|
|
--green-new-22: hsl(var(--green-new-22-hsl)/1);
|
|
--green-new-22-hsl: 137.143 calc(var(--saturation-factor, 1)*42.541%) 64.51%;
|
|
--green-new-23: hsl(var(--green-new-23-hsl)/1);
|
|
--green-new-23-hsl: 137.468 calc(var(--saturation-factor, 1)*42.246%) 63.333%;
|
|
--green-new-24: hsl(var(--green-new-24-hsl)/1);
|
|
--green-new-24-hsl: 137.468 calc(var(--saturation-factor, 1)*40.933%) 62.157%;
|
|
--green-new-25: hsl(var(--green-new-25-hsl)/1);
|
|
--green-new-25-hsl: 137.778 calc(var(--saturation-factor, 1)*40.704%) 60.98%;
|
|
--green-new-26: hsl(var(--green-new-26-hsl)/1);
|
|
--green-new-26-hsl: 137.778 calc(var(--saturation-factor, 1)*39.512%) 59.804%;
|
|
--green-new-27: hsl(var(--green-new-27-hsl)/1);
|
|
--green-new-27-hsl: 138.072 calc(var(--saturation-factor, 1)*39.336%) 58.627%;
|
|
--green-new-28: hsl(var(--green-new-28-hsl)/1);
|
|
--green-new-28-hsl: 138.072 calc(var(--saturation-factor, 1)*38.249%) 57.451%;
|
|
--green-new-29: hsl(var(--green-new-29-hsl)/1);
|
|
--green-new-29-hsl: 138.353 calc(var(--saturation-factor, 1)*38.117%) 56.275%;
|
|
--green-new-30: hsl(var(--green-new-30-hsl)/1);
|
|
--green-new-30-hsl: 138.353 calc(var(--saturation-factor, 1)*37.118%) 55.098%;
|
|
--green-new-31: hsl(var(--green-new-31-hsl)/1);
|
|
--green-new-31-hsl: 138.837 calc(var(--saturation-factor, 1)*36.441%) 53.725%;
|
|
--green-new-32: hsl(var(--green-new-32-hsl)/1);
|
|
--green-new-32-hsl: 139.31 calc(var(--saturation-factor, 1)*36.1%) 52.745%;
|
|
--green-new-33: hsl(var(--green-new-33-hsl)/1);
|
|
--green-new-33-hsl: 139.773 calc(var(--saturation-factor, 1)*35.484%) 51.373%;
|
|
--green-new-34: hsl(var(--green-new-34-hsl)/1);
|
|
--green-new-34-hsl: 140 calc(var(--saturation-factor, 1)*35.433%) 50.196%;
|
|
--green-new-35: hsl(var(--green-new-35-hsl)/1);
|
|
--green-new-35-hsl: 140 calc(var(--saturation-factor, 1)*36%) 49.02%;
|
|
--green-new-36: hsl(var(--green-new-36-hsl)/1);
|
|
--green-new-36-hsl: 140.217 calc(var(--saturation-factor, 1)*37.705%) 47.843%;
|
|
--green-new-37: hsl(var(--green-new-37-hsl)/1);
|
|
--green-new-37-hsl: 140.645 calc(var(--saturation-factor, 1)*39.241%) 46.471%;
|
|
--green-new-38: hsl(var(--green-new-38-hsl)/1);
|
|
--green-new-38-hsl: 141.064 calc(var(--saturation-factor, 1)*40.517%) 45.49%;
|
|
--green-new-39: hsl(var(--green-new-39-hsl)/1);
|
|
--green-new-39-hsl: 141.474 calc(var(--saturation-factor, 1)*42.222%) 44.118%;
|
|
--green-new-40: hsl(var(--green-new-40-hsl)/1);
|
|
--green-new-40-hsl: 141.649 calc(var(--saturation-factor, 1)*44.292%) 42.941%;
|
|
--green-new-41: hsl(var(--green-new-41-hsl)/1);
|
|
--green-new-41-hsl: 142.041 calc(var(--saturation-factor, 1)*46.226%) 41.569%;
|
|
--green-new-42: hsl(var(--green-new-42-hsl)/1);
|
|
--green-new-42-hsl: 143.168 calc(var(--saturation-factor, 1)*49.268%) 40.196%;
|
|
--green-new-43: hsl(var(--green-new-43-hsl)/1);
|
|
--green-new-43-hsl: 143.529 calc(var(--saturation-factor, 1)*51.515%) 38.824%;
|
|
--green-new-44: hsl(var(--green-new-44-hsl)/1);
|
|
--green-new-44-hsl: 144 calc(var(--saturation-factor, 1)*54.974%) 37.451%;
|
|
--green-new-45: hsl(var(--green-new-45-hsl)/1);
|
|
--green-new-45-hsl: 145.234 calc(var(--saturation-factor, 1)*58.47%) 35.882%;
|
|
--green-new-46: hsl(var(--green-new-46-hsl)/1);
|
|
--green-new-46-hsl: 145.636 calc(var(--saturation-factor, 1)*62.5%) 34.51%;
|
|
--green-new-47: hsl(var(--green-new-47-hsl)/1);
|
|
--green-new-47-hsl: 146.316 calc(var(--saturation-factor, 1)*67.857%) 32.941%;
|
|
--green-new-48: hsl(var(--green-new-48-hsl)/1);
|
|
--green-new-48-hsl: 147.731 calc(var(--saturation-factor, 1)*75.796%) 30.784%;
|
|
--green-new-49: hsl(var(--green-new-49-hsl)/1);
|
|
--green-new-49-hsl: 149.764 calc(var(--saturation-factor, 1)*87.586%) 28.431%;
|
|
--green-new-50: hsl(var(--green-new-50-hsl)/1);
|
|
--green-new-50-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--green-new-51: hsl(var(--green-new-51-hsl)/1);
|
|
--green-new-51-hsl: 151.145 calc(var(--saturation-factor, 1)*100%) 25.686%;
|
|
--green-new-52: hsl(var(--green-new-52-hsl)/1);
|
|
--green-new-52-hsl: 151.406 calc(var(--saturation-factor, 1)*100%) 25.098%;
|
|
--green-new-53: hsl(var(--green-new-53-hsl)/1);
|
|
--green-new-53-hsl: 150.968 calc(var(--saturation-factor, 1)*98.413%) 24.706%;
|
|
--green-new-54: hsl(var(--green-new-54-hsl)/1);
|
|
--green-new-54-hsl: 150.984 calc(var(--saturation-factor, 1)*98.387%) 24.314%;
|
|
--green-new-55: hsl(var(--green-new-55-hsl)/1);
|
|
--green-new-55-hsl: 150.756 calc(var(--saturation-factor, 1)*98.347%) 23.725%;
|
|
--green-new-56: hsl(var(--green-new-56-hsl)/1);
|
|
--green-new-56-hsl: 150.769 calc(var(--saturation-factor, 1)*98.319%) 23.333%;
|
|
--green-new-57: hsl(var(--green-new-57-hsl)/1);
|
|
--green-new-57-hsl: 151.053 calc(var(--saturation-factor, 1)*98.276%) 22.745%;
|
|
--green-new-58: hsl(var(--green-new-58-hsl)/1);
|
|
--green-new-58-hsl: 150.536 calc(var(--saturation-factor, 1)*98.246%) 22.353%;
|
|
--green-new-59: hsl(var(--green-new-59-hsl)/1);
|
|
--green-new-59-hsl: 150.826 calc(var(--saturation-factor, 1)*98.198%) 21.765%;
|
|
--green-new-60: hsl(var(--green-new-60-hsl)/1);
|
|
--green-new-60-hsl: 150.556 calc(var(--saturation-factor, 1)*100%) 21.176%;
|
|
--green-new-61: hsl(var(--green-new-61-hsl)/1);
|
|
--green-new-61-hsl: 150.857 calc(var(--saturation-factor, 1)*100%) 20.588%;
|
|
--green-new-62: hsl(var(--green-new-62-hsl)/1);
|
|
--green-new-62-hsl: 150.291 calc(var(--saturation-factor, 1)*100%) 20.196%;
|
|
--green-new-63: hsl(var(--green-new-63-hsl)/1);
|
|
--green-new-63-hsl: 150.6 calc(var(--saturation-factor, 1)*100%) 19.608%;
|
|
--green-new-64: hsl(var(--green-new-64-hsl)/1);
|
|
--green-new-64-hsl: 150 calc(var(--saturation-factor, 1)*100%) 19.216%;
|
|
--green-new-65: hsl(var(--green-new-65-hsl)/1);
|
|
--green-new-65-hsl: 150.316 calc(var(--saturation-factor, 1)*100%) 18.627%;
|
|
--green-new-66: hsl(var(--green-new-66-hsl)/1);
|
|
--green-new-66-hsl: 149.677 calc(var(--saturation-factor, 1)*100%) 18.235%;
|
|
--green-new-67: hsl(var(--green-new-67-hsl)/1);
|
|
--green-new-67-hsl: 149.67 calc(var(--saturation-factor, 1)*100%) 17.843%;
|
|
--green-new-68: hsl(var(--green-new-68-hsl)/1);
|
|
--green-new-68-hsl: 149.318 calc(var(--saturation-factor, 1)*100%) 17.255%;
|
|
--green-new-69: hsl(var(--green-new-69-hsl)/1);
|
|
--green-new-69-hsl: 149.302 calc(var(--saturation-factor, 1)*100%) 16.863%;
|
|
--green-new-70: hsl(var(--green-new-70-hsl)/1);
|
|
--green-new-70-hsl: 148.571 calc(var(--saturation-factor, 1)*100%) 16.471%;
|
|
--green-new-71: hsl(var(--green-new-71-hsl)/1);
|
|
--green-new-71-hsl: 148.889 calc(var(--saturation-factor, 1)*100%) 15.882%;
|
|
--green-new-72: hsl(var(--green-new-72-hsl)/1);
|
|
--green-new-72-hsl: 148.101 calc(var(--saturation-factor, 1)*100%) 15.49%;
|
|
--green-new-73: hsl(var(--green-new-73-hsl)/1);
|
|
--green-new-73-hsl: 148.052 calc(var(--saturation-factor, 1)*100%) 15.098%;
|
|
--green-new-74: hsl(var(--green-new-74-hsl)/1);
|
|
--green-new-74-hsl: 147.568 calc(var(--saturation-factor, 1)*100%) 14.51%;
|
|
--green-new-75: hsl(var(--green-new-75-hsl)/1);
|
|
--green-new-75-hsl: 147.5 calc(var(--saturation-factor, 1)*100%) 14.118%;
|
|
--green-new-76: hsl(var(--green-new-76-hsl)/1);
|
|
--green-new-76-hsl: 146.571 calc(var(--saturation-factor, 1)*100%) 13.725%;
|
|
--green-new-77: hsl(var(--green-new-77-hsl)/1);
|
|
--green-new-77-hsl: 146.866 calc(var(--saturation-factor, 1)*100%) 13.137%;
|
|
--green-new-78: hsl(var(--green-new-78-hsl)/1);
|
|
--green-new-78-hsl: 145.846 calc(var(--saturation-factor, 1)*100%) 12.745%;
|
|
--green-new-79: hsl(var(--green-new-79-hsl)/1);
|
|
--green-new-79-hsl: 145.714 calc(var(--saturation-factor, 1)*100%) 12.353%;
|
|
--green-new-80: hsl(var(--green-new-80-hsl)/1);
|
|
--green-new-80-hsl: 144.59 calc(var(--saturation-factor, 1)*100%) 11.961%;
|
|
--green-new-81: hsl(var(--green-new-81-hsl)/1);
|
|
--green-new-81-hsl: 144.407 calc(var(--saturation-factor, 1)*100%) 11.569%;
|
|
--green-new-82: hsl(var(--green-new-82-hsl)/1);
|
|
--green-new-82-hsl: 143.571 calc(var(--saturation-factor, 1)*100%) 10.98%;
|
|
--green-new-83: hsl(var(--green-new-83-hsl)/1);
|
|
--green-new-83-hsl: 143.333 calc(var(--saturation-factor, 1)*100%) 10.588%;
|
|
--green-new-84: hsl(var(--green-new-84-hsl)/1);
|
|
--green-new-84-hsl: 143.077 calc(var(--saturation-factor, 1)*100%) 10.196%;
|
|
--green-new-85: hsl(var(--green-new-85-hsl)/1);
|
|
--green-new-85-hsl: 141.6 calc(var(--saturation-factor, 1)*100%) 9.804%;
|
|
--green-new-86: hsl(var(--green-new-86-hsl)/1);
|
|
--green-new-86-hsl: 141.25 calc(var(--saturation-factor, 1)*100%) 9.412%;
|
|
--green-new-87: hsl(var(--green-new-87-hsl)/1);
|
|
--green-new-87-hsl: 139.565 calc(var(--saturation-factor, 1)*100%) 9.02%;
|
|
--green-new-88: hsl(var(--green-new-88-hsl)/1);
|
|
--green-new-88-hsl: 139.535 calc(var(--saturation-factor, 1)*100%) 8.431%;
|
|
--green-new-89: hsl(var(--green-new-89-hsl)/1);
|
|
--green-new-89-hsl: 139.024 calc(var(--saturation-factor, 1)*100%) 8.039%;
|
|
--green-new-90: hsl(var(--green-new-90-hsl)/1);
|
|
--green-new-90-hsl: 138.462 calc(var(--saturation-factor, 1)*100%) 7.647%;
|
|
--green-new-91: hsl(var(--green-new-91-hsl)/1);
|
|
--green-new-91-hsl: 136.216 calc(var(--saturation-factor, 1)*100%) 7.255%;
|
|
--green-new-92: hsl(var(--green-new-92-hsl)/1);
|
|
--green-new-92-hsl: 135.429 calc(var(--saturation-factor, 1)*100%) 6.863%;
|
|
--green-new-93: hsl(var(--green-new-93-hsl)/1);
|
|
--green-new-93-hsl: 134.545 calc(var(--saturation-factor, 1)*100%) 6.471%;
|
|
--green-new-94: hsl(var(--green-new-94-hsl)/1);
|
|
--green-new-94-hsl: 133.548 calc(var(--saturation-factor, 1)*100%) 6.078%;
|
|
--green-new-95: hsl(var(--green-new-95-hsl)/1);
|
|
--green-new-95-hsl: 132.414 calc(var(--saturation-factor, 1)*100%) 5.686%;
|
|
--green-new-96: hsl(var(--green-new-96-hsl)/1);
|
|
--green-new-96-hsl: 131.111 calc(var(--saturation-factor, 1)*100%) 5.294%;
|
|
--green-new-97: hsl(var(--green-new-97-hsl)/1);
|
|
--green-new-97-hsl: 129.6 calc(var(--saturation-factor, 1)*100%) 4.902%;
|
|
--green-new-98: hsl(var(--green-new-98-hsl)/1);
|
|
--green-new-98-hsl: 128.182 calc(var(--saturation-factor, 1)*100%) 4.314%;
|
|
--green-new-99: hsl(var(--green-new-99-hsl)/1);
|
|
--green-new-99-hsl: 129.474 calc(var(--saturation-factor, 1)*100%) 3.725%;
|
|
--green-new-100: hsl(var(--green-new-100-hsl)/1);
|
|
--green-new-100-hsl: 127.5 calc(var(--saturation-factor, 1)*100%) 3.137%;
|
|
--red-new-1: hsl(var(--red-new-1-hsl)/1);
|
|
--red-new-1-hsl: 1.765 calc(var(--saturation-factor, 1)*100%) 93.333%;
|
|
--red-new-2: hsl(var(--red-new-2-hsl)/1);
|
|
--red-new-2-hsl: 1.579 calc(var(--saturation-factor, 1)*100%) 92.549%;
|
|
--red-new-3: hsl(var(--red-new-3-hsl)/1);
|
|
--red-new-3-hsl: 1.429 calc(var(--saturation-factor, 1)*100%) 91.765%;
|
|
--red-new-4: hsl(var(--red-new-4-hsl)/1);
|
|
--red-new-4-hsl: 2.609 calc(var(--saturation-factor, 1)*100%) 90.98%;
|
|
--red-new-5: hsl(var(--red-new-5-hsl)/1);
|
|
--red-new-5-hsl: 2.4 calc(var(--saturation-factor, 1)*100%) 90.196%;
|
|
--red-new-6: hsl(var(--red-new-6-hsl)/1);
|
|
--red-new-6-hsl: 2.222 calc(var(--saturation-factor, 1)*100%) 89.412%;
|
|
--red-new-7: hsl(var(--red-new-7-hsl)/1);
|
|
--red-new-7-hsl: 3.103 calc(var(--saturation-factor, 1)*100%) 88.627%;
|
|
--red-new-8: hsl(var(--red-new-8-hsl)/1);
|
|
--red-new-8-hsl: 2.903 calc(var(--saturation-factor, 1)*100%) 87.843%;
|
|
--red-new-9: hsl(var(--red-new-9-hsl)/1);
|
|
--red-new-9-hsl: 2.727 calc(var(--saturation-factor, 1)*100%) 87.059%;
|
|
--red-new-10: hsl(var(--red-new-10-hsl)/1);
|
|
--red-new-10-hsl: 3.429 calc(var(--saturation-factor, 1)*100%) 86.275%;
|
|
--red-new-11: hsl(var(--red-new-11-hsl)/1);
|
|
--red-new-11-hsl: 3.243 calc(var(--saturation-factor, 1)*100%) 85.49%;
|
|
--red-new-12: hsl(var(--red-new-12-hsl)/1);
|
|
--red-new-12-hsl: 3.846 calc(var(--saturation-factor, 1)*100%) 84.706%;
|
|
--red-new-13: hsl(var(--red-new-13-hsl)/1);
|
|
--red-new-13-hsl: 2.963 calc(var(--saturation-factor, 1)*100%) 84.118%;
|
|
--red-new-14: hsl(var(--red-new-14-hsl)/1);
|
|
--red-new-14-hsl: 2.824 calc(var(--saturation-factor, 1)*100%) 83.333%;
|
|
--red-new-15: hsl(var(--red-new-15-hsl)/1);
|
|
--red-new-15-hsl: 3.371 calc(var(--saturation-factor, 1)*100%) 82.549%;
|
|
--red-new-16: hsl(var(--red-new-16-hsl)/1);
|
|
--red-new-16-hsl: 2.609 calc(var(--saturation-factor, 1)*100%) 81.961%;
|
|
--red-new-17: hsl(var(--red-new-17-hsl)/1);
|
|
--red-new-17-hsl: 3.125 calc(var(--saturation-factor, 1)*100%) 81.176%;
|
|
--red-new-18: hsl(var(--red-new-18-hsl)/1);
|
|
--red-new-18-hsl: 3 calc(var(--saturation-factor, 1)*100%) 80.392%;
|
|
--red-new-19: hsl(var(--red-new-19-hsl)/1);
|
|
--red-new-19-hsl: 2.913 calc(var(--saturation-factor, 1)*100%) 79.804%;
|
|
--red-new-20: hsl(var(--red-new-20-hsl)/1);
|
|
--red-new-20-hsl: 3.364 calc(var(--saturation-factor, 1)*100%) 79.02%;
|
|
--red-new-21: hsl(var(--red-new-21-hsl)/1);
|
|
--red-new-21-hsl: 2.727 calc(var(--saturation-factor, 1)*100%) 78.431%;
|
|
--red-new-22: hsl(var(--red-new-22-hsl)/1);
|
|
--red-new-22-hsl: 2.655 calc(var(--saturation-factor, 1)*100%) 77.843%;
|
|
--red-new-23: hsl(var(--red-new-23-hsl)/1);
|
|
--red-new-23-hsl: 2.586 calc(var(--saturation-factor, 1)*98.305%) 76.863%;
|
|
--red-new-24: hsl(var(--red-new-24-hsl)/1);
|
|
--red-new-24-hsl: 2.542 calc(var(--saturation-factor, 1)*96.721%) 76.078%;
|
|
--red-new-25: hsl(var(--red-new-25-hsl)/1);
|
|
--red-new-25-hsl: 2 calc(var(--saturation-factor, 1)*95.238%) 75.294%;
|
|
--red-new-26: hsl(var(--red-new-26-hsl)/1);
|
|
--red-new-26-hsl: 2.439 calc(var(--saturation-factor, 1)*93.893%) 74.314%;
|
|
--red-new-27: hsl(var(--red-new-27-hsl)/1);
|
|
--red-new-27-hsl: 2.4 calc(var(--saturation-factor, 1)*92.593%) 73.529%;
|
|
--red-new-28: hsl(var(--red-new-28-hsl)/1);
|
|
--red-new-28-hsl: 1.905 calc(var(--saturation-factor, 1)*90%) 72.549%;
|
|
--red-new-29: hsl(var(--red-new-29-hsl)/1);
|
|
--red-new-29-hsl: 1.875 calc(var(--saturation-factor, 1)*88.889%) 71.765%;
|
|
--red-new-30: hsl(var(--red-new-30-hsl)/1);
|
|
--red-new-30-hsl: 1.385 calc(var(--saturation-factor, 1)*87.838%) 70.98%;
|
|
--red-new-31: hsl(var(--red-new-31-hsl)/1);
|
|
--red-new-31-hsl: 1.818 calc(var(--saturation-factor, 1)*85.714%) 69.804%;
|
|
--red-new-32: hsl(var(--red-new-32-hsl)/1);
|
|
--red-new-32-hsl: 1.343 calc(var(--saturation-factor, 1)*84.81%) 69.02%;
|
|
--red-new-33: hsl(var(--red-new-33-hsl)/1);
|
|
--red-new-33-hsl: 1.333 calc(var(--saturation-factor, 1)*82.822%) 68.039%;
|
|
--red-new-34: hsl(var(--red-new-34-hsl)/1);
|
|
--red-new-34-hsl: 1.314 calc(var(--saturation-factor, 1)*82.036%) 67.255%;
|
|
--red-new-35: hsl(var(--red-new-35-hsl)/1);
|
|
--red-new-35-hsl: 0.87 calc(var(--saturation-factor, 1)*80.233%) 66.275%;
|
|
--red-new-36: hsl(var(--red-new-36-hsl)/1);
|
|
--red-new-36-hsl: 0.863 calc(var(--saturation-factor, 1)*78.531%) 65.294%;
|
|
--red-new-37: hsl(var(--red-new-37-hsl)/1);
|
|
--red-new-37-hsl: 0.426 calc(var(--saturation-factor, 1)*77.901%) 64.51%;
|
|
--red-new-38: hsl(var(--red-new-38-hsl)/1);
|
|
--red-new-38-hsl: 0.423 calc(var(--saturation-factor, 1)*76.344%) 63.529%;
|
|
--red-new-39: hsl(var(--red-new-39-hsl)/1);
|
|
--red-new-39-hsl: 0 calc(var(--saturation-factor, 1)*74.869%) 62.549%;
|
|
--red-new-40: hsl(var(--red-new-40-hsl)/1);
|
|
--red-new-40-hsl: 359.586 calc(var(--saturation-factor, 1)*73.604%) 61.373%;
|
|
--red-new-41: hsl(var(--red-new-41-hsl)/1);
|
|
--red-new-41-hsl: 359.592 calc(var(--saturation-factor, 1)*73.134%) 60.588%;
|
|
--red-new-42: hsl(var(--red-new-42-hsl)/1);
|
|
--red-new-42-hsl: 358.792 calc(var(--saturation-factor, 1)*71.981%) 59.412%;
|
|
--red-new-43: hsl(var(--red-new-43-hsl)/1);
|
|
--red-new-43-hsl: 358.411 calc(var(--saturation-factor, 1)*70.892%) 58.235%;
|
|
--red-new-44: hsl(var(--red-new-44-hsl)/1);
|
|
--red-new-44-hsl: 358.421 calc(var(--saturation-factor, 1)*69.725%) 57.255%;
|
|
--red-new-45: hsl(var(--red-new-45-hsl)/1);
|
|
--red-new-45-hsl: 358.052 calc(var(--saturation-factor, 1)*68.75%) 56.078%;
|
|
--red-new-46: hsl(var(--red-new-46-hsl)/1);
|
|
--red-new-46-hsl: 357.692 calc(var(--saturation-factor, 1)*67.826%) 54.902%;
|
|
--red-new-47: hsl(var(--red-new-47-hsl)/1);
|
|
--red-new-47-hsl: 357.342 calc(var(--saturation-factor, 1)*66.949%) 53.725%;
|
|
--red-new-48: hsl(var(--red-new-48-hsl)/1);
|
|
--red-new-48-hsl: 356.625 calc(var(--saturation-factor, 1)*66.116%) 52.549%;
|
|
--red-new-49: hsl(var(--red-new-49-hsl)/1);
|
|
--red-new-49-hsl: 355.951 calc(var(--saturation-factor, 1)*65.462%) 51.176%;
|
|
--red-new-50: hsl(var(--red-new-50-hsl)/1);
|
|
--red-new-50-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--red-new-51: hsl(var(--red-new-51-hsl)/1);
|
|
--red-new-51-hsl: 355.556 calc(var(--saturation-factor, 1)*64.8%) 49.02%;
|
|
--red-new-52: hsl(var(--red-new-52-hsl)/1);
|
|
--red-new-52-hsl: 355.472 calc(var(--saturation-factor, 1)*64.898%) 48.039%;
|
|
--red-new-53: hsl(var(--red-new-53-hsl)/1);
|
|
--red-new-53-hsl: 355.355 calc(var(--saturation-factor, 1)*64.854%) 46.863%;
|
|
--red-new-54: hsl(var(--red-new-54-hsl)/1);
|
|
--red-new-54-hsl: 355.263 calc(var(--saturation-factor, 1)*64.957%) 45.882%;
|
|
--red-new-55: hsl(var(--red-new-55-hsl)/1);
|
|
--red-new-55-hsl: 355.541 calc(var(--saturation-factor, 1)*64.348%) 45.098%;
|
|
--red-new-56: hsl(var(--red-new-56-hsl)/1);
|
|
--red-new-56-hsl: 355.068 calc(var(--saturation-factor, 1)*65.179%) 43.922%;
|
|
--red-new-57: hsl(var(--red-new-57-hsl)/1);
|
|
--red-new-57-hsl: 355.385 calc(var(--saturation-factor, 1)*65.297%) 42.941%;
|
|
--red-new-58: hsl(var(--red-new-58-hsl)/1);
|
|
--red-new-58-hsl: 355.286 calc(var(--saturation-factor, 1)*65.421%) 41.961%;
|
|
--red-new-59: hsl(var(--red-new-59-hsl)/1);
|
|
--red-new-59-hsl: 355.182 calc(var(--saturation-factor, 1)*65.55%) 40.98%;
|
|
--red-new-60: hsl(var(--red-new-60-hsl)/1);
|
|
--red-new-60-hsl: 355.075 calc(var(--saturation-factor, 1)*65.686%) 40%;
|
|
--red-new-61: hsl(var(--red-new-61-hsl)/1);
|
|
--red-new-61-hsl: 355 calc(var(--saturation-factor, 1)*66%) 39.216%;
|
|
--red-new-62: hsl(var(--red-new-62-hsl)/1);
|
|
--red-new-62-hsl: 355.349 calc(var(--saturation-factor, 1)*66.154%) 38.235%;
|
|
--red-new-63: hsl(var(--red-new-63-hsl)/1);
|
|
--red-new-63-hsl: 354.803 calc(var(--saturation-factor, 1)*67.196%) 37.059%;
|
|
--red-new-64: hsl(var(--red-new-64-hsl)/1);
|
|
--red-new-64-hsl: 354.677 calc(var(--saturation-factor, 1)*67.391%) 36.078%;
|
|
--red-new-65: hsl(var(--red-new-65-hsl)/1);
|
|
--red-new-65-hsl: 354.59 calc(var(--saturation-factor, 1)*67.778%) 35.294%;
|
|
--red-new-66: hsl(var(--red-new-66-hsl)/1);
|
|
--red-new-66-hsl: 354.5 calc(var(--saturation-factor, 1)*68.966%) 34.118%;
|
|
--red-new-67: hsl(var(--red-new-67-hsl)/1);
|
|
--red-new-67-hsl: 354.359 calc(var(--saturation-factor, 1)*69.231%) 33.137%;
|
|
--red-new-68: hsl(var(--red-new-68-hsl)/1);
|
|
--red-new-68-hsl: 353.793 calc(var(--saturation-factor, 1)*70.732%) 32.157%;
|
|
--red-new-69: hsl(var(--red-new-69-hsl)/1);
|
|
--red-new-69-hsl: 353.628 calc(var(--saturation-factor, 1)*71.069%) 31.176%;
|
|
--red-new-70: hsl(var(--red-new-70-hsl)/1);
|
|
--red-new-70-hsl: 354.054 calc(var(--saturation-factor, 1)*71.613%) 30.392%;
|
|
--red-new-71: hsl(var(--red-new-71-hsl)/1);
|
|
--red-new-71-hsl: 353.394 calc(var(--saturation-factor, 1)*73.154%) 29.216%;
|
|
--red-new-72: hsl(var(--red-new-72-hsl)/1);
|
|
--red-new-72-hsl: 353.271 calc(var(--saturation-factor, 1)*73.793%) 28.431%;
|
|
--red-new-73: hsl(var(--red-new-73-hsl)/1);
|
|
--red-new-73-hsl: 352.571 calc(var(--saturation-factor, 1)*75.54%) 27.255%;
|
|
--red-new-74: hsl(var(--red-new-74-hsl)/1);
|
|
--red-new-74-hsl: 353.01 calc(var(--saturation-factor, 1)*76.296%) 26.471%;
|
|
--red-new-75: hsl(var(--red-new-75-hsl)/1);
|
|
--red-new-75-hsl: 352.277 calc(var(--saturation-factor, 1)*78.295%) 25.294%;
|
|
--red-new-76: hsl(var(--red-new-76-hsl)/1);
|
|
--red-new-76-hsl: 351.6 calc(var(--saturation-factor, 1)*80.645%) 24.314%;
|
|
--red-new-77: hsl(var(--red-new-77-hsl)/1);
|
|
--red-new-77-hsl: 351.34 calc(var(--saturation-factor, 1)*81.513%) 23.333%;
|
|
--red-new-78: hsl(var(--red-new-78-hsl)/1);
|
|
--red-new-78-hsl: 351.25 calc(var(--saturation-factor, 1)*84.211%) 22.353%;
|
|
--red-new-79: hsl(var(--red-new-79-hsl)/1);
|
|
--red-new-79-hsl: 351.064 calc(var(--saturation-factor, 1)*85.455%) 21.569%;
|
|
--red-new-80: hsl(var(--red-new-80-hsl)/1);
|
|
--red-new-80-hsl: 350.217 calc(var(--saturation-factor, 1)*88.462%) 20.392%;
|
|
--red-new-81: hsl(var(--red-new-81-hsl)/1);
|
|
--red-new-81-hsl: 350 calc(var(--saturation-factor, 1)*90%) 19.608%;
|
|
--red-new-82: hsl(var(--red-new-82-hsl)/1);
|
|
--red-new-82-hsl: 349.773 calc(var(--saturation-factor, 1)*91.667%) 18.824%;
|
|
--red-new-83: hsl(var(--red-new-83-hsl)/1);
|
|
--red-new-83-hsl: 349.412 calc(var(--saturation-factor, 1)*93.407%) 17.843%;
|
|
--red-new-84: hsl(var(--red-new-84-hsl)/1);
|
|
--red-new-84-hsl: 349.157 calc(var(--saturation-factor, 1)*95.402%) 17.059%;
|
|
--red-new-85: hsl(var(--red-new-85-hsl)/1);
|
|
--red-new-85-hsl: 348.889 calc(var(--saturation-factor, 1)*97.59%) 16.275%;
|
|
--red-new-86: hsl(var(--red-new-86-hsl)/1);
|
|
--red-new-86-hsl: 348.608 calc(var(--saturation-factor, 1)*100%) 15.49%;
|
|
--red-new-87: hsl(var(--red-new-87-hsl)/1);
|
|
--red-new-87-hsl: 348.8 calc(var(--saturation-factor, 1)*100%) 14.706%;
|
|
--red-new-88: hsl(var(--red-new-88-hsl)/1);
|
|
--red-new-88-hsl: 349.167 calc(var(--saturation-factor, 1)*100%) 14.118%;
|
|
--red-new-89: hsl(var(--red-new-89-hsl)/1);
|
|
--red-new-89-hsl: 349.565 calc(var(--saturation-factor, 1)*100%) 13.529%;
|
|
--red-new-90: hsl(var(--red-new-90-hsl)/1);
|
|
--red-new-90-hsl: 350 calc(var(--saturation-factor, 1)*100%) 12.941%;
|
|
--red-new-91: hsl(var(--red-new-91-hsl)/1);
|
|
--red-new-91-hsl: 350.476 calc(var(--saturation-factor, 1)*100%) 12.353%;
|
|
--red-new-92: hsl(var(--red-new-92-hsl)/1);
|
|
--red-new-92-hsl: 351 calc(var(--saturation-factor, 1)*100%) 11.765%;
|
|
--red-new-93: hsl(var(--red-new-93-hsl)/1);
|
|
--red-new-93-hsl: 351.579 calc(var(--saturation-factor, 1)*100%) 11.176%;
|
|
--red-new-94: hsl(var(--red-new-94-hsl)/1);
|
|
--red-new-94-hsl: 352.075 calc(var(--saturation-factor, 1)*100%) 10.392%;
|
|
--red-new-95: hsl(var(--red-new-95-hsl)/1);
|
|
--red-new-95-hsl: 351.6 calc(var(--saturation-factor, 1)*100%) 9.804%;
|
|
--red-new-96: hsl(var(--red-new-96-hsl)/1);
|
|
--red-new-96-hsl: 352 calc(var(--saturation-factor, 1)*100%) 8.824%;
|
|
--red-new-97: hsl(var(--red-new-97-hsl)/1);
|
|
--red-new-97-hsl: 352.683 calc(var(--saturation-factor, 1)*100%) 8.039%;
|
|
--red-new-98: hsl(var(--red-new-98-hsl)/1);
|
|
--red-new-98-hsl: 353.143 calc(var(--saturation-factor, 1)*100%) 6.863%;
|
|
--red-new-99: hsl(var(--red-new-99-hsl)/1);
|
|
--red-new-99-hsl: 351.724 calc(var(--saturation-factor, 1)*100%) 5.686%;
|
|
--red-new-100: hsl(var(--red-new-100-hsl)/1);
|
|
--red-new-100-hsl: 354 calc(var(--saturation-factor, 1)*100%) 3.922%;
|
|
--teal-new-1: hsl(var(--teal-new-1-hsl)/1);
|
|
--teal-new-1-hsl: 183.396 calc(var(--saturation-factor, 1)*100%) 89.608%;
|
|
--teal-new-2: hsl(var(--teal-new-2-hsl)/1);
|
|
--teal-new-2-hsl: 186.316 calc(var(--saturation-factor, 1)*100%) 88.824%;
|
|
--teal-new-3: hsl(var(--teal-new-3-hsl)/1);
|
|
--teal-new-3-hsl: 186.102 calc(var(--saturation-factor, 1)*93.651%) 87.647%;
|
|
--teal-new-4: hsl(var(--teal-new-4-hsl)/1);
|
|
--teal-new-4-hsl: 186.774 calc(var(--saturation-factor, 1)*88.571%) 86.275%;
|
|
--teal-new-5: hsl(var(--teal-new-5-hsl)/1);
|
|
--teal-new-5-hsl: 185.714 calc(var(--saturation-factor, 1)*81.818%) 84.902%;
|
|
--teal-new-6: hsl(var(--teal-new-6-hsl)/1);
|
|
--teal-new-6-hsl: 185.538 calc(var(--saturation-factor, 1)*78.313%) 83.725%;
|
|
--teal-new-7: hsl(var(--teal-new-7-hsl)/1);
|
|
--teal-new-7-hsl: 186.176 calc(var(--saturation-factor, 1)*75.556%) 82.353%;
|
|
--teal-new-8: hsl(var(--teal-new-8-hsl)/1);
|
|
--teal-new-8-hsl: 186 calc(var(--saturation-factor, 1)*72.917%) 81.176%;
|
|
--teal-new-9: hsl(var(--teal-new-9-hsl)/1);
|
|
--teal-new-9-hsl: 185.915 calc(var(--saturation-factor, 1)*68.932%) 79.804%;
|
|
--teal-new-10: hsl(var(--teal-new-10-hsl)/1);
|
|
--teal-new-10-hsl: 185.676 calc(var(--saturation-factor, 1)*67.273%) 78.431%;
|
|
--teal-new-11: hsl(var(--teal-new-11-hsl)/1);
|
|
--teal-new-11-hsl: 186.316 calc(var(--saturation-factor, 1)*65.517%) 77.255%;
|
|
--teal-new-12: hsl(var(--teal-new-12-hsl)/1);
|
|
--teal-new-12-hsl: 185.455 calc(var(--saturation-factor, 1)*62.602%) 75.882%;
|
|
--teal-new-13: hsl(var(--teal-new-13-hsl)/1);
|
|
--teal-new-13-hsl: 185.316 calc(var(--saturation-factor, 1)*61.24%) 74.706%;
|
|
--teal-new-14: hsl(var(--teal-new-14-hsl)/1);
|
|
--teal-new-14-hsl: 185.926 calc(var(--saturation-factor, 1)*60%) 73.529%;
|
|
--teal-new-15: hsl(var(--teal-new-15-hsl)/1);
|
|
--teal-new-15-hsl: 185.06 calc(var(--saturation-factor, 1)*58.042%) 71.961%;
|
|
--teal-new-16: hsl(var(--teal-new-16-hsl)/1);
|
|
--teal-new-16-hsl: 185.647 calc(var(--saturation-factor, 1)*57.047%) 70.784%;
|
|
--teal-new-17: hsl(var(--teal-new-17-hsl)/1);
|
|
--teal-new-17-hsl: 185.517 calc(var(--saturation-factor, 1)*56.129%) 69.608%;
|
|
--teal-new-18: hsl(var(--teal-new-18-hsl)/1);
|
|
--teal-new-18-hsl: 186.067 calc(var(--saturation-factor, 1)*55.28%) 68.431%;
|
|
--teal-new-19: hsl(var(--teal-new-19-hsl)/1);
|
|
--teal-new-19-hsl: 185.275 calc(var(--saturation-factor, 1)*53.846%) 66.863%;
|
|
--teal-new-20: hsl(var(--teal-new-20-hsl)/1);
|
|
--teal-new-20-hsl: 185.806 calc(var(--saturation-factor, 1)*53.143%) 65.686%;
|
|
--teal-new-21: hsl(var(--teal-new-21-hsl)/1);
|
|
--teal-new-21-hsl: 185.684 calc(var(--saturation-factor, 1)*52.486%) 64.51%;
|
|
--teal-new-22: hsl(var(--teal-new-22-hsl)/1);
|
|
--teal-new-22-hsl: 185 calc(var(--saturation-factor, 1)*51.064%) 63.137%;
|
|
--teal-new-23: hsl(var(--teal-new-23-hsl)/1);
|
|
--teal-new-23-hsl: 185.455 calc(var(--saturation-factor, 1)*50.769%) 61.765%;
|
|
--teal-new-24: hsl(var(--teal-new-24-hsl)/1);
|
|
--teal-new-24-hsl: 185.347 calc(var(--saturation-factor, 1)*50.249%) 60.588%;
|
|
--teal-new-25: hsl(var(--teal-new-25-hsl)/1);
|
|
--teal-new-25-hsl: 185.243 calc(var(--saturation-factor, 1)*49.282%) 59.02%;
|
|
--teal-new-26: hsl(var(--teal-new-26-hsl)/1);
|
|
--teal-new-26-hsl: 185.143 calc(var(--saturation-factor, 1)*48.837%) 57.843%;
|
|
--teal-new-27: hsl(var(--teal-new-27-hsl)/1);
|
|
--teal-new-27-hsl: 185.556 calc(var(--saturation-factor, 1)*48.649%) 56.471%;
|
|
--teal-new-28: hsl(var(--teal-new-28-hsl)/1);
|
|
--teal-new-28-hsl: 184.954 calc(var(--saturation-factor, 1)*47.598%) 55.098%;
|
|
--teal-new-29: hsl(var(--teal-new-29-hsl)/1);
|
|
--teal-new-29-hsl: 184.821 calc(var(--saturation-factor, 1)*47.458%) 53.725%;
|
|
--teal-new-30: hsl(var(--teal-new-30-hsl)/1);
|
|
--teal-new-30-hsl: 185.217 calc(var(--saturation-factor, 1)*47.325%) 52.353%;
|
|
--teal-new-31: hsl(var(--teal-new-31-hsl)/1);
|
|
--teal-new-31-hsl: 184.615 calc(var(--saturation-factor, 1)*46.614%) 50.784%;
|
|
--teal-new-32: hsl(var(--teal-new-32-hsl)/1);
|
|
--teal-new-32-hsl: 184.959 calc(var(--saturation-factor, 1)*48.207%) 49.216%;
|
|
--teal-new-33: hsl(var(--teal-new-33-hsl)/1);
|
|
--teal-new-33-hsl: 184.839 calc(var(--saturation-factor, 1)*50.82%) 47.843%;
|
|
--teal-new-34: hsl(var(--teal-new-34-hsl)/1);
|
|
--teal-new-34-hsl: 185.156 calc(var(--saturation-factor, 1)*54.237%) 46.275%;
|
|
--teal-new-35: hsl(var(--teal-new-35-hsl)/1);
|
|
--teal-new-35-hsl: 184.545 calc(var(--saturation-factor, 1)*58.407%) 44.314%;
|
|
--teal-new-36: hsl(var(--teal-new-36-hsl)/1);
|
|
--teal-new-36-hsl: 184.38 calc(var(--saturation-factor, 1)*63.134%) 42.549%;
|
|
--teal-new-37: hsl(var(--teal-new-37-hsl)/1);
|
|
--teal-new-37-hsl: 184.615 calc(var(--saturation-factor, 1)*69.082%) 40.588%;
|
|
--teal-new-38: hsl(var(--teal-new-38-hsl)/1);
|
|
--teal-new-38-hsl: 183.974 calc(var(--saturation-factor, 1)*78.238%) 37.843%;
|
|
--teal-new-39: hsl(var(--teal-new-39-hsl)/1);
|
|
--teal-new-39-hsl: 183.976 calc(var(--saturation-factor, 1)*95.402%) 34.118%;
|
|
--teal-new-40: hsl(var(--teal-new-40-hsl)/1);
|
|
--teal-new-40-hsl: 183.929 calc(var(--saturation-factor, 1)*100%) 32.941%;
|
|
--teal-new-41: hsl(var(--teal-new-41-hsl)/1);
|
|
--teal-new-41-hsl: 183.976 calc(var(--saturation-factor, 1)*100%) 32.549%;
|
|
--teal-new-42: hsl(var(--teal-new-42-hsl)/1);
|
|
--teal-new-42-hsl: 184.049 calc(var(--saturation-factor, 1)*100%) 31.961%;
|
|
--teal-new-43: hsl(var(--teal-new-43-hsl)/1);
|
|
--teal-new-43-hsl: 184.099 calc(var(--saturation-factor, 1)*100%) 31.569%;
|
|
--teal-new-44: hsl(var(--teal-new-44-hsl)/1);
|
|
--teal-new-44-hsl: 184.528 calc(var(--saturation-factor, 1)*100%) 31.176%;
|
|
--teal-new-45: hsl(var(--teal-new-45-hsl)/1);
|
|
--teal-new-45-hsl: 184.586 calc(var(--saturation-factor, 1)*100%) 30.784%;
|
|
--teal-new-46: hsl(var(--teal-new-46-hsl)/1);
|
|
--teal-new-46-hsl: 184.286 calc(var(--saturation-factor, 1)*100%) 30.196%;
|
|
--teal-new-47: hsl(var(--teal-new-47-hsl)/1);
|
|
--teal-new-47-hsl: 184.371 calc(var(--saturation-factor, 1)*100%) 29.608%;
|
|
--teal-new-48: hsl(var(--teal-new-48-hsl)/1);
|
|
--teal-new-48-hsl: 184.832 calc(var(--saturation-factor, 1)*100%) 29.216%;
|
|
--teal-new-49: hsl(var(--teal-new-49-hsl)/1);
|
|
--teal-new-49-hsl: 184.932 calc(var(--saturation-factor, 1)*100%) 28.627%;
|
|
--teal-new-50: hsl(var(--teal-new-50-hsl)/1);
|
|
--teal-new-50-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--teal-new-51: hsl(var(--teal-new-51-hsl)/1);
|
|
--teal-new-51-hsl: 184.714 calc(var(--saturation-factor, 1)*100%) 27.451%;
|
|
--teal-new-52: hsl(var(--teal-new-52-hsl)/1);
|
|
--teal-new-52-hsl: 184.783 calc(var(--saturation-factor, 1)*100%) 27.059%;
|
|
--teal-new-53: hsl(var(--teal-new-53-hsl)/1);
|
|
--teal-new-53-hsl: 184.889 calc(var(--saturation-factor, 1)*100%) 26.471%;
|
|
--teal-new-54: hsl(var(--teal-new-54-hsl)/1);
|
|
--teal-new-54-hsl: 184.545 calc(var(--saturation-factor, 1)*100%) 25.882%;
|
|
--teal-new-55: hsl(var(--teal-new-55-hsl)/1);
|
|
--teal-new-55-hsl: 185.077 calc(var(--saturation-factor, 1)*100%) 25.49%;
|
|
--teal-new-56: hsl(var(--teal-new-56-hsl)/1);
|
|
--teal-new-56-hsl: 184.724 calc(var(--saturation-factor, 1)*100%) 24.902%;
|
|
--teal-new-57: hsl(var(--teal-new-57-hsl)/1);
|
|
--teal-new-57-hsl: 185.28 calc(var(--saturation-factor, 1)*100%) 24.51%;
|
|
--teal-new-58: hsl(var(--teal-new-58-hsl)/1);
|
|
--teal-new-58-hsl: 184.918 calc(var(--saturation-factor, 1)*100%) 23.922%;
|
|
--teal-new-59: hsl(var(--teal-new-59-hsl)/1);
|
|
--teal-new-59-hsl: 185.5 calc(var(--saturation-factor, 1)*100%) 23.529%;
|
|
--teal-new-60: hsl(var(--teal-new-60-hsl)/1);
|
|
--teal-new-60-hsl: 185.128 calc(var(--saturation-factor, 1)*100%) 22.941%;
|
|
--teal-new-61: hsl(var(--teal-new-61-hsl)/1);
|
|
--teal-new-61-hsl: 185.739 calc(var(--saturation-factor, 1)*100%) 22.549%;
|
|
--teal-new-62: hsl(var(--teal-new-62-hsl)/1);
|
|
--teal-new-62-hsl: 185.357 calc(var(--saturation-factor, 1)*100%) 21.961%;
|
|
--teal-new-63: hsl(var(--teal-new-63-hsl)/1);
|
|
--teal-new-63-hsl: 186 calc(var(--saturation-factor, 1)*100%) 21.569%;
|
|
--teal-new-64: hsl(var(--teal-new-64-hsl)/1);
|
|
--teal-new-64-hsl: 185.607 calc(var(--saturation-factor, 1)*100%) 20.98%;
|
|
--teal-new-65: hsl(var(--teal-new-65-hsl)/1);
|
|
--teal-new-65-hsl: 186.286 calc(var(--saturation-factor, 1)*100%) 20.588%;
|
|
--teal-new-66: hsl(var(--teal-new-66-hsl)/1);
|
|
--teal-new-66-hsl: 185.882 calc(var(--saturation-factor, 1)*100%) 20%;
|
|
--teal-new-67: hsl(var(--teal-new-67-hsl)/1);
|
|
--teal-new-67-hsl: 186.6 calc(var(--saturation-factor, 1)*100%) 19.608%;
|
|
--teal-new-68: hsl(var(--teal-new-68-hsl)/1);
|
|
--teal-new-68-hsl: 186.186 calc(var(--saturation-factor, 1)*100%) 19.02%;
|
|
--teal-new-69: hsl(var(--teal-new-69-hsl)/1);
|
|
--teal-new-69-hsl: 186.316 calc(var(--saturation-factor, 1)*100%) 18.627%;
|
|
--teal-new-70: hsl(var(--teal-new-70-hsl)/1);
|
|
--teal-new-70-hsl: 186.522 calc(var(--saturation-factor, 1)*100%) 18.039%;
|
|
--teal-new-71: hsl(var(--teal-new-71-hsl)/1);
|
|
--teal-new-71-hsl: 186.667 calc(var(--saturation-factor, 1)*100%) 17.647%;
|
|
--teal-new-72: hsl(var(--teal-new-72-hsl)/1);
|
|
--teal-new-72-hsl: 186.818 calc(var(--saturation-factor, 1)*100%) 17.255%;
|
|
--teal-new-73: hsl(var(--teal-new-73-hsl)/1);
|
|
--teal-new-73-hsl: 187.059 calc(var(--saturation-factor, 1)*100%) 16.667%;
|
|
--teal-new-74: hsl(var(--teal-new-74-hsl)/1);
|
|
--teal-new-74-hsl: 187.229 calc(var(--saturation-factor, 1)*100%) 16.275%;
|
|
--teal-new-75: hsl(var(--teal-new-75-hsl)/1);
|
|
--teal-new-75-hsl: 186.75 calc(var(--saturation-factor, 1)*100%) 15.686%;
|
|
--teal-new-76: hsl(var(--teal-new-76-hsl)/1);
|
|
--teal-new-76-hsl: 187.692 calc(var(--saturation-factor, 1)*100%) 15.294%;
|
|
--teal-new-77: hsl(var(--teal-new-77-hsl)/1);
|
|
--teal-new-77-hsl: 187.895 calc(var(--saturation-factor, 1)*100%) 14.902%;
|
|
--teal-new-78: hsl(var(--teal-new-78-hsl)/1);
|
|
--teal-new-78-hsl: 187.397 calc(var(--saturation-factor, 1)*100%) 14.314%;
|
|
--teal-new-79: hsl(var(--teal-new-79-hsl)/1);
|
|
--teal-new-79-hsl: 188.451 calc(var(--saturation-factor, 1)*100%) 13.922%;
|
|
--teal-new-80: hsl(var(--teal-new-80-hsl)/1);
|
|
--teal-new-80-hsl: 188.696 calc(var(--saturation-factor, 1)*100%) 13.529%;
|
|
--teal-new-81: hsl(var(--teal-new-81-hsl)/1);
|
|
--teal-new-81-hsl: 188.182 calc(var(--saturation-factor, 1)*100%) 12.941%;
|
|
--teal-new-82: hsl(var(--teal-new-82-hsl)/1);
|
|
--teal-new-82-hsl: 188.438 calc(var(--saturation-factor, 1)*100%) 12.549%;
|
|
--teal-new-83: hsl(var(--teal-new-83-hsl)/1);
|
|
--teal-new-83-hsl: 189.677 calc(var(--saturation-factor, 1)*100%) 12.157%;
|
|
--teal-new-84: hsl(var(--teal-new-84-hsl)/1);
|
|
--teal-new-84-hsl: 189.153 calc(var(--saturation-factor, 1)*100%) 11.569%;
|
|
--teal-new-85: hsl(var(--teal-new-85-hsl)/1);
|
|
--teal-new-85-hsl: 189.474 calc(var(--saturation-factor, 1)*100%) 11.176%;
|
|
--teal-new-86: hsl(var(--teal-new-86-hsl)/1);
|
|
--teal-new-86-hsl: 189.818 calc(var(--saturation-factor, 1)*100%) 10.784%;
|
|
--teal-new-87: hsl(var(--teal-new-87-hsl)/1);
|
|
--teal-new-87-hsl: 190.189 calc(var(--saturation-factor, 1)*100%) 10.392%;
|
|
--teal-new-88: hsl(var(--teal-new-88-hsl)/1);
|
|
--teal-new-88-hsl: 190.588 calc(var(--saturation-factor, 1)*100%) 10%;
|
|
--teal-new-89: hsl(var(--teal-new-89-hsl)/1);
|
|
--teal-new-89-hsl: 191.25 calc(var(--saturation-factor, 1)*100%) 9.412%;
|
|
--teal-new-90: hsl(var(--teal-new-90-hsl)/1);
|
|
--teal-new-90-hsl: 191.739 calc(var(--saturation-factor, 1)*100%) 9.02%;
|
|
--teal-new-91: hsl(var(--teal-new-91-hsl)/1);
|
|
--teal-new-91-hsl: 192.273 calc(var(--saturation-factor, 1)*100%) 8.627%;
|
|
--teal-new-92: hsl(var(--teal-new-92-hsl)/1);
|
|
--teal-new-92-hsl: 192.857 calc(var(--saturation-factor, 1)*100%) 8.235%;
|
|
--teal-new-93: hsl(var(--teal-new-93-hsl)/1);
|
|
--teal-new-93-hsl: 193.5 calc(var(--saturation-factor, 1)*100%) 7.843%;
|
|
--teal-new-94: hsl(var(--teal-new-94-hsl)/1);
|
|
--teal-new-94-hsl: 194.211 calc(var(--saturation-factor, 1)*100%) 7.451%;
|
|
--teal-new-95: hsl(var(--teal-new-95-hsl)/1);
|
|
--teal-new-95-hsl: 195 calc(var(--saturation-factor, 1)*100%) 7.059%;
|
|
--teal-new-96: hsl(var(--teal-new-96-hsl)/1);
|
|
--teal-new-96-hsl: 194.545 calc(var(--saturation-factor, 1)*100%) 6.471%;
|
|
--teal-new-97: hsl(var(--teal-new-97-hsl)/1);
|
|
--teal-new-97-hsl: 197.419 calc(var(--saturation-factor, 1)*100%) 6.078%;
|
|
--teal-new-98: hsl(var(--teal-new-98-hsl)/1);
|
|
--teal-new-98-hsl: 197.143 calc(var(--saturation-factor, 1)*100%) 5.49%;
|
|
--teal-new-99: hsl(var(--teal-new-99-hsl)/1);
|
|
--teal-new-99-hsl: 199.2 calc(var(--saturation-factor, 1)*100%) 4.902%;
|
|
--teal-new-100: hsl(var(--teal-new-100-hsl)/1);
|
|
--teal-new-100-hsl: 204.545 calc(var(--saturation-factor, 1)*100%) 4.314%;
|
|
--yellow-new-1: hsl(var(--yellow-new-1-hsl)/1);
|
|
--yellow-new-1-hsl: 30 calc(var(--saturation-factor, 1)*100%) 90.588%;
|
|
--yellow-new-2: hsl(var(--yellow-new-2-hsl)/1);
|
|
--yellow-new-2-hsl: 31.698 calc(var(--saturation-factor, 1)*100%) 89.608%;
|
|
--yellow-new-3: hsl(var(--yellow-new-3-hsl)/1);
|
|
--yellow-new-3-hsl: 33.559 calc(var(--saturation-factor, 1)*100%) 88.431%;
|
|
--yellow-new-4: hsl(var(--yellow-new-4-hsl)/1);
|
|
--yellow-new-4-hsl: 34.688 calc(var(--saturation-factor, 1)*100%) 87.451%;
|
|
--yellow-new-5: hsl(var(--yellow-new-5-hsl)/1);
|
|
--yellow-new-5-hsl: 34.783 calc(var(--saturation-factor, 1)*100%) 86.471%;
|
|
--yellow-new-6: hsl(var(--yellow-new-6-hsl)/1);
|
|
--yellow-new-6-hsl: 35.676 calc(var(--saturation-factor, 1)*100%) 85.49%;
|
|
--yellow-new-7: hsl(var(--yellow-new-7-hsl)/1);
|
|
--yellow-new-7-hsl: 36.456 calc(var(--saturation-factor, 1)*100%) 84.51%;
|
|
--yellow-new-8: hsl(var(--yellow-new-8-hsl)/1);
|
|
--yellow-new-8-hsl: 36.429 calc(var(--saturation-factor, 1)*100%) 83.529%;
|
|
--yellow-new-9: hsl(var(--yellow-new-9-hsl)/1);
|
|
--yellow-new-9-hsl: 37.079 calc(var(--saturation-factor, 1)*100%) 82.549%;
|
|
--yellow-new-10: hsl(var(--yellow-new-10-hsl)/1);
|
|
--yellow-new-10-hsl: 37.66 calc(var(--saturation-factor, 1)*100%) 81.569%;
|
|
--yellow-new-11: hsl(var(--yellow-new-11-hsl)/1);
|
|
--yellow-new-11-hsl: 37.347 calc(var(--saturation-factor, 1)*100%) 80.784%;
|
|
--yellow-new-12: hsl(var(--yellow-new-12-hsl)/1);
|
|
--yellow-new-12-hsl: 37.864 calc(var(--saturation-factor, 1)*100%) 79.804%;
|
|
--yellow-new-13: hsl(var(--yellow-new-13-hsl)/1);
|
|
--yellow-new-13-hsl: 38.131 calc(var(--saturation-factor, 1)*100%) 79.02%;
|
|
--yellow-new-14: hsl(var(--yellow-new-14-hsl)/1);
|
|
--yellow-new-14-hsl: 38.036 calc(var(--saturation-factor, 1)*100%) 78.039%;
|
|
--yellow-new-15: hsl(var(--yellow-new-15-hsl)/1);
|
|
--yellow-new-15-hsl: 38.276 calc(var(--saturation-factor, 1)*100%) 77.255%;
|
|
--yellow-new-16: hsl(var(--yellow-new-16-hsl)/1);
|
|
--yellow-new-16-hsl: 38.5 calc(var(--saturation-factor, 1)*100%) 76.471%;
|
|
--yellow-new-17: hsl(var(--yellow-new-17-hsl)/1);
|
|
--yellow-new-17-hsl: 38.4 calc(var(--saturation-factor, 1)*100%) 75.49%;
|
|
--yellow-new-18: hsl(var(--yellow-new-18-hsl)/1);
|
|
--yellow-new-18-hsl: 38.605 calc(var(--saturation-factor, 1)*100%) 74.706%;
|
|
--yellow-new-19: hsl(var(--yellow-new-19-hsl)/1);
|
|
--yellow-new-19-hsl: 38.797 calc(var(--saturation-factor, 1)*100%) 73.922%;
|
|
--yellow-new-20: hsl(var(--yellow-new-20-hsl)/1);
|
|
--yellow-new-20-hsl: 38.54 calc(var(--saturation-factor, 1)*100%) 73.137%;
|
|
--yellow-new-21: hsl(var(--yellow-new-21-hsl)/1);
|
|
--yellow-new-21-hsl: 38.723 calc(var(--saturation-factor, 1)*100%) 72.353%;
|
|
--yellow-new-22: hsl(var(--yellow-new-22-hsl)/1);
|
|
--yellow-new-22-hsl: 38.483 calc(var(--saturation-factor, 1)*100%) 71.569%;
|
|
--yellow-new-23: hsl(var(--yellow-new-23-hsl)/1);
|
|
--yellow-new-23-hsl: 38.658 calc(var(--saturation-factor, 1)*100%) 70.784%;
|
|
--yellow-new-24: hsl(var(--yellow-new-24-hsl)/1);
|
|
--yellow-new-24-hsl: 38.824 calc(var(--saturation-factor, 1)*100%) 70%;
|
|
--yellow-new-25: hsl(var(--yellow-new-25-hsl)/1);
|
|
--yellow-new-25-hsl: 38.599 calc(var(--saturation-factor, 1)*100%) 69.216%;
|
|
--yellow-new-26: hsl(var(--yellow-new-26-hsl)/1);
|
|
--yellow-new-26-hsl: 38.758 calc(var(--saturation-factor, 1)*100%) 68.431%;
|
|
--yellow-new-27: hsl(var(--yellow-new-27-hsl)/1);
|
|
--yellow-new-27-hsl: 38.545 calc(var(--saturation-factor, 1)*100%) 67.647%;
|
|
--yellow-new-28: hsl(var(--yellow-new-28-hsl)/1);
|
|
--yellow-new-28-hsl: 38.698 calc(var(--saturation-factor, 1)*100%) 66.863%;
|
|
--yellow-new-29: hsl(var(--yellow-new-29-hsl)/1);
|
|
--yellow-new-29-hsl: 38.844 calc(var(--saturation-factor, 1)*100%) 66.078%;
|
|
--yellow-new-30: hsl(var(--yellow-new-30-hsl)/1);
|
|
--yellow-new-30-hsl: 38.644 calc(var(--saturation-factor, 1)*100%) 65.294%;
|
|
--yellow-new-31: hsl(var(--yellow-new-31-hsl)/1);
|
|
--yellow-new-31-hsl: 38.785 calc(var(--saturation-factor, 1)*100%) 64.51%;
|
|
--yellow-new-32: hsl(var(--yellow-new-32-hsl)/1);
|
|
--yellow-new-32-hsl: 38.919 calc(var(--saturation-factor, 1)*98.93%) 63.333%;
|
|
--yellow-new-33: hsl(var(--yellow-new-33-hsl)/1);
|
|
--yellow-new-33-hsl: 39.048 calc(var(--saturation-factor, 1)*98.953%) 62.549%;
|
|
--yellow-new-34: hsl(var(--yellow-new-34-hsl)/1);
|
|
--yellow-new-34-hsl: 38.86 calc(var(--saturation-factor, 1)*98.974%) 61.765%;
|
|
--yellow-new-35: hsl(var(--yellow-new-35-hsl)/1);
|
|
--yellow-new-35-hsl: 39.289 calc(var(--saturation-factor, 1)*98.01%) 60.588%;
|
|
--yellow-new-36: hsl(var(--yellow-new-36-hsl)/1);
|
|
--yellow-new-36-hsl: 39.505 calc(var(--saturation-factor, 1)*98.058%) 59.608%;
|
|
--yellow-new-37: hsl(var(--yellow-new-37-hsl)/1);
|
|
--yellow-new-37-hsl: 39.42 calc(var(--saturation-factor, 1)*98.104%) 58.627%;
|
|
--yellow-new-38: hsl(var(--yellow-new-38-hsl)/1);
|
|
--yellow-new-38-hsl: 39.81 calc(var(--saturation-factor, 1)*97.235%) 57.451%;
|
|
--yellow-new-39: hsl(var(--yellow-new-39-hsl)/1);
|
|
--yellow-new-39-hsl: 39.816 calc(var(--saturation-factor, 1)*97.309%) 56.275%;
|
|
--yellow-new-40: hsl(var(--yellow-new-40-hsl)/1);
|
|
--yellow-new-40-hsl: 40.179 calc(var(--saturation-factor, 1)*97.391%) 54.902%;
|
|
--yellow-new-41: hsl(var(--yellow-new-41-hsl)/1);
|
|
--yellow-new-41-hsl: 40.345 calc(var(--saturation-factor, 1)*97.479%) 53.333%;
|
|
--yellow-new-42: hsl(var(--yellow-new-42-hsl)/1);
|
|
--yellow-new-42-hsl: 41.311 calc(var(--saturation-factor, 1)*96.825%) 50.588%;
|
|
--yellow-new-43: hsl(var(--yellow-new-43-hsl)/1);
|
|
--yellow-new-43-hsl: 41.355 calc(var(--saturation-factor, 1)*100%) 49.216%;
|
|
--yellow-new-44: hsl(var(--yellow-new-44-hsl)/1);
|
|
--yellow-new-44-hsl: 41.116 calc(var(--saturation-factor, 1)*100%) 49.216%;
|
|
--yellow-new-45: hsl(var(--yellow-new-45-hsl)/1);
|
|
--yellow-new-45-hsl: 40.8 calc(var(--saturation-factor, 1)*100%) 49.02%;
|
|
--yellow-new-46: hsl(var(--yellow-new-46-hsl)/1);
|
|
--yellow-new-46-hsl: 40.56 calc(var(--saturation-factor, 1)*100%) 49.02%;
|
|
--yellow-new-47: hsl(var(--yellow-new-47-hsl)/1);
|
|
--yellow-new-47-hsl: 40.241 calc(var(--saturation-factor, 1)*100%) 48.824%;
|
|
--yellow-new-48: hsl(var(--yellow-new-48-hsl)/1);
|
|
--yellow-new-48-hsl: 40 calc(var(--saturation-factor, 1)*100%) 48.824%;
|
|
--yellow-new-49: hsl(var(--yellow-new-49-hsl)/1);
|
|
--yellow-new-49-hsl: 39.518 calc(var(--saturation-factor, 1)*100%) 48.824%;
|
|
--yellow-new-50: hsl(var(--yellow-new-50-hsl)/1);
|
|
--yellow-new-50-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--yellow-new-51: hsl(var(--yellow-new-51-hsl)/1);
|
|
--yellow-new-51-hsl: 39.098 calc(var(--saturation-factor, 1)*100%) 47.843%;
|
|
--yellow-new-52: hsl(var(--yellow-new-52-hsl)/1);
|
|
--yellow-new-52-hsl: 38.912 calc(var(--saturation-factor, 1)*100%) 46.863%;
|
|
--yellow-new-53: hsl(var(--yellow-new-53-hsl)/1);
|
|
--yellow-new-53-hsl: 38.974 calc(var(--saturation-factor, 1)*100%) 45.882%;
|
|
--yellow-new-54: hsl(var(--yellow-new-54-hsl)/1);
|
|
--yellow-new-54-hsl: 38.777 calc(var(--saturation-factor, 1)*100%) 44.902%;
|
|
--yellow-new-55: hsl(var(--yellow-new-55-hsl)/1);
|
|
--yellow-new-55-hsl: 38.571 calc(var(--saturation-factor, 1)*100%) 43.922%;
|
|
--yellow-new-56: hsl(var(--yellow-new-56-hsl)/1);
|
|
--yellow-new-56-hsl: 38.455 calc(var(--saturation-factor, 1)*100%) 43.137%;
|
|
--yellow-new-57: hsl(var(--yellow-new-57-hsl)/1);
|
|
--yellow-new-57-hsl: 38.233 calc(var(--saturation-factor, 1)*100%) 42.157%;
|
|
--yellow-new-58: hsl(var(--yellow-new-58-hsl)/1);
|
|
--yellow-new-58-hsl: 38 calc(var(--saturation-factor, 1)*100%) 41.176%;
|
|
--yellow-new-59: hsl(var(--yellow-new-59-hsl)/1);
|
|
--yellow-new-59-hsl: 37.573 calc(var(--saturation-factor, 1)*100%) 40.392%;
|
|
--yellow-new-60: hsl(var(--yellow-new-60-hsl)/1);
|
|
--yellow-new-60-hsl: 37.612 calc(var(--saturation-factor, 1)*100%) 39.412%;
|
|
--yellow-new-61: hsl(var(--yellow-new-61-hsl)/1);
|
|
--yellow-new-61-hsl: 37.347 calc(var(--saturation-factor, 1)*100%) 38.431%;
|
|
--yellow-new-62: hsl(var(--yellow-new-62-hsl)/1);
|
|
--yellow-new-62-hsl: 36.875 calc(var(--saturation-factor, 1)*100%) 37.647%;
|
|
--yellow-new-63: hsl(var(--yellow-new-63-hsl)/1);
|
|
--yellow-new-63-hsl: 36.898 calc(var(--saturation-factor, 1)*100%) 36.667%;
|
|
--yellow-new-64: hsl(var(--yellow-new-64-hsl)/1);
|
|
--yellow-new-64-hsl: 36.393 calc(var(--saturation-factor, 1)*100%) 35.882%;
|
|
--yellow-new-65: hsl(var(--yellow-new-65-hsl)/1);
|
|
--yellow-new-65-hsl: 36.201 calc(var(--saturation-factor, 1)*100%) 35.098%;
|
|
--yellow-new-66: hsl(var(--yellow-new-66-hsl)/1);
|
|
--yellow-new-66-hsl: 35.862 calc(var(--saturation-factor, 1)*100%) 34.118%;
|
|
--yellow-new-67: hsl(var(--yellow-new-67-hsl)/1);
|
|
--yellow-new-67-hsl: 35.294 calc(var(--saturation-factor, 1)*100%) 33.333%;
|
|
--yellow-new-68: hsl(var(--yellow-new-68-hsl)/1);
|
|
--yellow-new-68-hsl: 35.273 calc(var(--saturation-factor, 1)*100%) 32.353%;
|
|
--yellow-new-69: hsl(var(--yellow-new-69-hsl)/1);
|
|
--yellow-new-69-hsl: 34.658 calc(var(--saturation-factor, 1)*100%) 31.569%;
|
|
--yellow-new-70: hsl(var(--yellow-new-70-hsl)/1);
|
|
--yellow-new-70-hsl: 34.395 calc(var(--saturation-factor, 1)*100%) 30.784%;
|
|
--yellow-new-71: hsl(var(--yellow-new-71-hsl)/1);
|
|
--yellow-new-71-hsl: 33.725 calc(var(--saturation-factor, 1)*100%) 30%;
|
|
--yellow-new-72: hsl(var(--yellow-new-72-hsl)/1);
|
|
--yellow-new-72-hsl: 33.649 calc(var(--saturation-factor, 1)*100%) 29.02%;
|
|
--yellow-new-73: hsl(var(--yellow-new-73-hsl)/1);
|
|
--yellow-new-73-hsl: 32.917 calc(var(--saturation-factor, 1)*100%) 28.235%;
|
|
--yellow-new-74: hsl(var(--yellow-new-74-hsl)/1);
|
|
--yellow-new-74-hsl: 32.571 calc(var(--saturation-factor, 1)*100%) 27.451%;
|
|
--yellow-new-75: hsl(var(--yellow-new-75-hsl)/1);
|
|
--yellow-new-75-hsl: 31.765 calc(var(--saturation-factor, 1)*100%) 26.667%;
|
|
--yellow-new-76: hsl(var(--yellow-new-76-hsl)/1);
|
|
--yellow-new-76-hsl: 31.603 calc(var(--saturation-factor, 1)*100%) 25.686%;
|
|
--yellow-new-77: hsl(var(--yellow-new-77-hsl)/1);
|
|
--yellow-new-77-hsl: 30.709 calc(var(--saturation-factor, 1)*100%) 24.902%;
|
|
--yellow-new-78: hsl(var(--yellow-new-78-hsl)/1);
|
|
--yellow-new-78-hsl: 30.244 calc(var(--saturation-factor, 1)*100%) 24.118%;
|
|
--yellow-new-79: hsl(var(--yellow-new-79-hsl)/1);
|
|
--yellow-new-79-hsl: 29.748 calc(var(--saturation-factor, 1)*100%) 23.333%;
|
|
--yellow-new-80: hsl(var(--yellow-new-80-hsl)/1);
|
|
--yellow-new-80-hsl: 28.696 calc(var(--saturation-factor, 1)*100%) 22.549%;
|
|
--yellow-new-81: hsl(var(--yellow-new-81-hsl)/1);
|
|
--yellow-new-81-hsl: 28.108 calc(var(--saturation-factor, 1)*100%) 21.765%;
|
|
--yellow-new-82: hsl(var(--yellow-new-82-hsl)/1);
|
|
--yellow-new-82-hsl: 27.477 calc(var(--saturation-factor, 1)*100%) 20.98%;
|
|
--yellow-new-83: hsl(var(--yellow-new-83-hsl)/1);
|
|
--yellow-new-83-hsl: 26.214 calc(var(--saturation-factor, 1)*100%) 20.196%;
|
|
--yellow-new-84: hsl(var(--yellow-new-84-hsl)/1);
|
|
--yellow-new-84-hsl: 25.714 calc(var(--saturation-factor, 1)*100%) 19.216%;
|
|
--yellow-new-85: hsl(var(--yellow-new-85-hsl)/1);
|
|
--yellow-new-85-hsl: 24.894 calc(var(--saturation-factor, 1)*100%) 18.431%;
|
|
--yellow-new-86: hsl(var(--yellow-new-86-hsl)/1);
|
|
--yellow-new-86-hsl: 24 calc(var(--saturation-factor, 1)*100%) 17.647%;
|
|
--yellow-new-87: hsl(var(--yellow-new-87-hsl)/1);
|
|
--yellow-new-87-hsl: 22.326 calc(var(--saturation-factor, 1)*100%) 16.863%;
|
|
--yellow-new-88: hsl(var(--yellow-new-88-hsl)/1);
|
|
--yellow-new-88-hsl: 21.22 calc(var(--saturation-factor, 1)*100%) 16.078%;
|
|
--yellow-new-89: hsl(var(--yellow-new-89-hsl)/1);
|
|
--yellow-new-89-hsl: 19.747 calc(var(--saturation-factor, 1)*100%) 15.49%;
|
|
--yellow-new-90: hsl(var(--yellow-new-90-hsl)/1);
|
|
--yellow-new-90-hsl: 18.4 calc(var(--saturation-factor, 1)*100%) 14.706%;
|
|
--yellow-new-91: hsl(var(--yellow-new-91-hsl)/1);
|
|
--yellow-new-91-hsl: 16.056 calc(var(--saturation-factor, 1)*100%) 13.922%;
|
|
--yellow-new-92: hsl(var(--yellow-new-92-hsl)/1);
|
|
--yellow-new-92-hsl: 14.328 calc(var(--saturation-factor, 1)*100%) 13.137%;
|
|
--yellow-new-93: hsl(var(--yellow-new-93-hsl)/1);
|
|
--yellow-new-93-hsl: 12.381 calc(var(--saturation-factor, 1)*100%) 12.353%;
|
|
--yellow-new-94: hsl(var(--yellow-new-94-hsl)/1);
|
|
--yellow-new-94-hsl: 9.153 calc(var(--saturation-factor, 1)*100%) 11.569%;
|
|
--yellow-new-95: hsl(var(--yellow-new-95-hsl)/1);
|
|
--yellow-new-95-hsl: 6.545 calc(var(--saturation-factor, 1)*100%) 10.784%;
|
|
--yellow-new-96: hsl(var(--yellow-new-96-hsl)/1);
|
|
--yellow-new-96-hsl: 4.706 calc(var(--saturation-factor, 1)*100%) 10%;
|
|
--yellow-new-97: hsl(var(--yellow-new-97-hsl)/1);
|
|
--yellow-new-97-hsl: 1.277 calc(var(--saturation-factor, 1)*100%) 9.216%;
|
|
--yellow-new-98: hsl(var(--yellow-new-98-hsl)/1);
|
|
--yellow-new-98-hsl: 0 calc(var(--saturation-factor, 1)*100%) 8.235%;
|
|
--yellow-new-99: hsl(var(--yellow-new-99-hsl)/1);
|
|
--yellow-new-99-hsl: 0 calc(var(--saturation-factor, 1)*100%) 7.059%;
|
|
--yellow-new-100: hsl(var(--yellow-new-100-hsl)/1);
|
|
--yellow-new-100-hsl: 0 calc(var(--saturation-factor, 1)*100%) 5.294%;
|
|
--orange-new-1: hsl(var(--orange-new-1-hsl)/1);
|
|
--orange-new-1-hsl: 15.789 calc(var(--saturation-factor, 1)*100%) 92.549%;
|
|
--orange-new-2: hsl(var(--orange-new-2-hsl)/1);
|
|
--orange-new-2-hsl: 17.727 calc(var(--saturation-factor, 1)*100%) 91.373%;
|
|
--orange-new-3: hsl(var(--orange-new-3-hsl)/1);
|
|
--orange-new-3-hsl: 17.143 calc(var(--saturation-factor, 1)*100%) 90.392%;
|
|
--orange-new-4: hsl(var(--orange-new-4-hsl)/1);
|
|
--orange-new-4-hsl: 17.778 calc(var(--saturation-factor, 1)*100%) 89.412%;
|
|
--orange-new-5: hsl(var(--orange-new-5-hsl)/1);
|
|
--orange-new-5-hsl: 19 calc(var(--saturation-factor, 1)*100%) 88.235%;
|
|
--orange-new-6: hsl(var(--orange-new-6-hsl)/1);
|
|
--orange-new-6-hsl: 19.385 calc(var(--saturation-factor, 1)*100%) 87.255%;
|
|
--orange-new-7: hsl(var(--orange-new-7-hsl)/1);
|
|
--orange-new-7-hsl: 19.714 calc(var(--saturation-factor, 1)*100%) 86.275%;
|
|
--orange-new-8: hsl(var(--orange-new-8-hsl)/1);
|
|
--orange-new-8-hsl: 20 calc(var(--saturation-factor, 1)*100%) 85.294%;
|
|
--orange-new-9: hsl(var(--orange-new-9-hsl)/1);
|
|
--orange-new-9-hsl: 20.506 calc(var(--saturation-factor, 1)*97.531%) 84.118%;
|
|
--orange-new-10: hsl(var(--orange-new-10-hsl)/1);
|
|
--orange-new-10-hsl: 20.241 calc(var(--saturation-factor, 1)*95.402%) 82.941%;
|
|
--orange-new-11: hsl(var(--orange-new-11-hsl)/1);
|
|
--orange-new-11-hsl: 20.455 calc(var(--saturation-factor, 1)*95.652%) 81.961%;
|
|
--orange-new-12: hsl(var(--orange-new-12-hsl)/1);
|
|
--orange-new-12-hsl: 20.44 calc(var(--saturation-factor, 1)*93.814%) 80.98%;
|
|
--orange-new-13: hsl(var(--orange-new-13-hsl)/1);
|
|
--orange-new-13-hsl: 21.064 calc(var(--saturation-factor, 1)*90.385%) 79.608%;
|
|
--orange-new-14: hsl(var(--orange-new-14-hsl)/1);
|
|
--orange-new-14-hsl: 21.429 calc(var(--saturation-factor, 1)*89.091%) 78.431%;
|
|
--orange-new-15: hsl(var(--orange-new-15-hsl)/1);
|
|
--orange-new-15-hsl: 21.386 calc(var(--saturation-factor, 1)*87.826%) 77.451%;
|
|
--orange-new-16: hsl(var(--orange-new-16-hsl)/1);
|
|
--orange-new-16-hsl: 21.714 calc(var(--saturation-factor, 1)*86.777%) 76.275%;
|
|
--orange-new-17: hsl(var(--orange-new-17-hsl)/1);
|
|
--orange-new-17-hsl: 21.667 calc(var(--saturation-factor, 1)*85.714%) 75.294%;
|
|
--orange-new-18: hsl(var(--orange-new-18-hsl)/1);
|
|
--orange-new-18-hsl: 21.622 calc(var(--saturation-factor, 1)*84.733%) 74.314%;
|
|
--orange-new-19: hsl(var(--orange-new-19-hsl)/1);
|
|
--orange-new-19-hsl: 22.105 calc(var(--saturation-factor, 1)*82.609%) 72.941%;
|
|
--orange-new-20: hsl(var(--orange-new-20-hsl)/1);
|
|
--orange-new-20-hsl: 22.051 calc(var(--saturation-factor, 1)*81.818%) 71.961%;
|
|
--orange-new-21: hsl(var(--orange-new-21-hsl)/1);
|
|
--orange-new-21-hsl: 22 calc(var(--saturation-factor, 1)*81.081%) 70.98%;
|
|
--orange-new-22: hsl(var(--orange-new-22-hsl)/1);
|
|
--orange-new-22-hsl: 22.131 calc(var(--saturation-factor, 1)*79.221%) 69.804%;
|
|
--orange-new-23: hsl(var(--orange-new-23-hsl)/1);
|
|
--orange-new-23-hsl: 22.08 calc(var(--saturation-factor, 1)*78.616%) 68.824%;
|
|
--orange-new-24: hsl(var(--orange-new-24-hsl)/1);
|
|
--orange-new-24-hsl: 22.205 calc(var(--saturation-factor, 1)*76.97%) 67.647%;
|
|
--orange-new-25: hsl(var(--orange-new-25-hsl)/1);
|
|
--orange-new-25-hsl: 22.154 calc(var(--saturation-factor, 1)*76.471%) 66.667%;
|
|
--orange-new-26: hsl(var(--orange-new-26-hsl)/1);
|
|
--orange-new-26-hsl: 22.273 calc(var(--saturation-factor, 1)*75%) 65.49%;
|
|
--orange-new-27: hsl(var(--orange-new-27-hsl)/1);
|
|
--orange-new-27-hsl: 22.222 calc(var(--saturation-factor, 1)*74.586%) 64.51%;
|
|
--orange-new-28: hsl(var(--orange-new-28-hsl)/1);
|
|
--orange-new-28-hsl: 22.336 calc(var(--saturation-factor, 1)*73.262%) 63.333%;
|
|
--orange-new-29: hsl(var(--orange-new-29-hsl)/1);
|
|
--orange-new-29-hsl: 22.174 calc(var(--saturation-factor, 1)*71.875%) 62.353%;
|
|
--orange-new-30: hsl(var(--orange-new-30-hsl)/1);
|
|
--orange-new-30-hsl: 22.128 calc(var(--saturation-factor, 1)*71.574%) 61.373%;
|
|
--orange-new-31: hsl(var(--orange-new-31-hsl)/1);
|
|
--orange-new-31-hsl: 22.238 calc(var(--saturation-factor, 1)*70.443%) 60.196%;
|
|
--orange-new-32: hsl(var(--orange-new-32-hsl)/1);
|
|
--orange-new-32-hsl: 22.345 calc(var(--saturation-factor, 1)*69.378%) 59.02%;
|
|
--orange-new-33: hsl(var(--orange-new-33-hsl)/1);
|
|
--orange-new-33-hsl: 22.041 calc(var(--saturation-factor, 1)*69.014%) 58.235%;
|
|
--orange-new-34: hsl(var(--orange-new-34-hsl)/1);
|
|
--orange-new-34-hsl: 22.148 calc(var(--saturation-factor, 1)*68.037%) 57.059%;
|
|
--orange-new-35: hsl(var(--orange-new-35-hsl)/1);
|
|
--orange-new-35-hsl: 22.252 calc(var(--saturation-factor, 1)*67.111%) 55.882%;
|
|
--orange-new-36: hsl(var(--orange-new-36-hsl)/1);
|
|
--orange-new-36-hsl: 22.353 calc(var(--saturation-factor, 1)*66.234%) 54.706%;
|
|
--orange-new-37: hsl(var(--orange-new-37-hsl)/1);
|
|
--orange-new-37-hsl: 22.208 calc(var(--saturation-factor, 1)*65.254%) 53.725%;
|
|
--orange-new-38: hsl(var(--orange-new-38-hsl)/1);
|
|
--orange-new-38-hsl: 22.166 calc(var(--saturation-factor, 1)*65.145%) 52.745%;
|
|
--orange-new-39: hsl(var(--orange-new-39-hsl)/1);
|
|
--orange-new-39-hsl: 22.264 calc(var(--saturation-factor, 1)*64.372%) 51.569%;
|
|
--orange-new-40: hsl(var(--orange-new-40-hsl)/1);
|
|
--orange-new-40-hsl: 22.125 calc(var(--saturation-factor, 1)*63.492%) 50.588%;
|
|
--orange-new-41: hsl(var(--orange-new-41-hsl)/1);
|
|
--orange-new-41-hsl: 22.222 calc(var(--saturation-factor, 1)*64.286%) 49.412%;
|
|
--orange-new-42: hsl(var(--orange-new-42-hsl)/1);
|
|
--orange-new-42-hsl: 22.683 calc(var(--saturation-factor, 1)*66.667%) 48.235%;
|
|
--orange-new-43: hsl(var(--orange-new-43-hsl)/1);
|
|
--orange-new-43-hsl: 22.771 calc(var(--saturation-factor, 1)*69.167%) 47.059%;
|
|
--orange-new-44: hsl(var(--orange-new-44-hsl)/1);
|
|
--orange-new-44-hsl: 22.857 calc(var(--saturation-factor, 1)*71.795%) 45.882%;
|
|
--orange-new-45: hsl(var(--orange-new-45-hsl)/1);
|
|
--orange-new-45-hsl: 22.941 calc(var(--saturation-factor, 1)*74.561%) 44.706%;
|
|
--orange-new-46: hsl(var(--orange-new-46-hsl)/1);
|
|
--orange-new-46-hsl: 23.237 calc(var(--saturation-factor, 1)*78.281%) 43.333%;
|
|
--orange-new-47: hsl(var(--orange-new-47-hsl)/1);
|
|
--orange-new-47-hsl: 23.523 calc(var(--saturation-factor, 1)*82.243%) 41.961%;
|
|
--orange-new-48: hsl(var(--orange-new-48-hsl)/1);
|
|
--orange-new-48-hsl: 24 calc(var(--saturation-factor, 1)*87.379%) 40.392%;
|
|
--orange-new-49: hsl(var(--orange-new-49-hsl)/1);
|
|
--orange-new-49-hsl: 24.649 calc(var(--saturation-factor, 1)*93.909%) 38.627%;
|
|
--orange-new-50: hsl(var(--orange-new-50-hsl)/1);
|
|
--orange-new-50-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--orange-new-51: hsl(var(--orange-new-51-hsl)/1);
|
|
--orange-new-51-hsl: 24.783 calc(var(--saturation-factor, 1)*98.925%) 36.471%;
|
|
--orange-new-52: hsl(var(--orange-new-52-hsl)/1);
|
|
--orange-new-52-hsl: 24.333 calc(var(--saturation-factor, 1)*97.826%) 36.078%;
|
|
--orange-new-53: hsl(var(--orange-new-53-hsl)/1);
|
|
--orange-new-53-hsl: 24.343 calc(var(--saturation-factor, 1)*96.685%) 35.49%;
|
|
--orange-new-54: hsl(var(--orange-new-54-hsl)/1);
|
|
--orange-new-54-hsl: 24.07 calc(var(--saturation-factor, 1)*96.629%) 34.902%;
|
|
--orange-new-55: hsl(var(--orange-new-55-hsl)/1);
|
|
--orange-new-55-hsl: 23.713 calc(var(--saturation-factor, 1)*95.429%) 34.314%;
|
|
--orange-new-56: hsl(var(--orange-new-56-hsl)/1);
|
|
--orange-new-56-hsl: 23.558 calc(var(--saturation-factor, 1)*95.322%) 33.529%;
|
|
--orange-new-57: hsl(var(--orange-new-57-hsl)/1);
|
|
--orange-new-57-hsl: 23.625 calc(var(--saturation-factor, 1)*95.238%) 32.941%;
|
|
--orange-new-58: hsl(var(--orange-new-58-hsl)/1);
|
|
--orange-new-58-hsl: 23.312 calc(var(--saturation-factor, 1)*95.152%) 32.353%;
|
|
--orange-new-59: hsl(var(--orange-new-59-hsl)/1);
|
|
--orange-new-59-hsl: 23.137 calc(var(--saturation-factor, 1)*95.031%) 31.569%;
|
|
--orange-new-60: hsl(var(--orange-new-60-hsl)/1);
|
|
--orange-new-60-hsl: 23.046 calc(var(--saturation-factor, 1)*96.178%) 30.784%;
|
|
--orange-new-61: hsl(var(--orange-new-61-hsl)/1);
|
|
--orange-new-61-hsl: 22.857 calc(var(--saturation-factor, 1)*96.078%) 30%;
|
|
--orange-new-62: hsl(var(--orange-new-62-hsl)/1);
|
|
--orange-new-62-hsl: 22.917 calc(var(--saturation-factor, 1)*96%) 29.412%;
|
|
--orange-new-63: hsl(var(--orange-new-63-hsl)/1);
|
|
--orange-new-63-hsl: 22.817 calc(var(--saturation-factor, 1)*97.26%) 28.627%;
|
|
--orange-new-64: hsl(var(--orange-new-64-hsl)/1);
|
|
--orange-new-64-hsl: 22.446 calc(var(--saturation-factor, 1)*97.203%) 28.039%;
|
|
--orange-new-65: hsl(var(--orange-new-65-hsl)/1);
|
|
--orange-new-65-hsl: 22.5 calc(var(--saturation-factor, 1)*98.551%) 27.059%;
|
|
--orange-new-66: hsl(var(--orange-new-66-hsl)/1);
|
|
--orange-new-66-hsl: 22.105 calc(var(--saturation-factor, 1)*98.519%) 26.471%;
|
|
--orange-new-67: hsl(var(--orange-new-67-hsl)/1);
|
|
--orange-new-67-hsl: 22.443 calc(var(--saturation-factor, 1)*100%) 25.686%;
|
|
--orange-new-68: hsl(var(--orange-new-68-hsl)/1);
|
|
--orange-new-68-hsl: 22.031 calc(var(--saturation-factor, 1)*100%) 25.098%;
|
|
--orange-new-69: hsl(var(--orange-new-69-hsl)/1);
|
|
--orange-new-69-hsl: 21.6 calc(var(--saturation-factor, 1)*100%) 24.51%;
|
|
--orange-new-70: hsl(var(--orange-new-70-hsl)/1);
|
|
--orange-new-70-hsl: 21.322 calc(var(--saturation-factor, 1)*100%) 23.725%;
|
|
--orange-new-71: hsl(var(--orange-new-71-hsl)/1);
|
|
--orange-new-71-hsl: 20.847 calc(var(--saturation-factor, 1)*100%) 23.137%;
|
|
--orange-new-72: hsl(var(--orange-new-72-hsl)/1);
|
|
--orange-new-72-hsl: 20.348 calc(var(--saturation-factor, 1)*100%) 22.549%;
|
|
--orange-new-73: hsl(var(--orange-new-73-hsl)/1);
|
|
--orange-new-73-hsl: 20.357 calc(var(--saturation-factor, 1)*100%) 21.961%;
|
|
--orange-new-74: hsl(var(--orange-new-74-hsl)/1);
|
|
--orange-new-74-hsl: 19.817 calc(var(--saturation-factor, 1)*100%) 21.373%;
|
|
--orange-new-75: hsl(var(--orange-new-75-hsl)/1);
|
|
--orange-new-75-hsl: 19.245 calc(var(--saturation-factor, 1)*100%) 20.784%;
|
|
--orange-new-76: hsl(var(--orange-new-76-hsl)/1);
|
|
--orange-new-76-hsl: 18.641 calc(var(--saturation-factor, 1)*100%) 20.196%;
|
|
--orange-new-77: hsl(var(--orange-new-77-hsl)/1);
|
|
--orange-new-77-hsl: 18 calc(var(--saturation-factor, 1)*100%) 19.608%;
|
|
--orange-new-78: hsl(var(--orange-new-78-hsl)/1);
|
|
--orange-new-78-hsl: 17.32 calc(var(--saturation-factor, 1)*100%) 19.02%;
|
|
--orange-new-79: hsl(var(--orange-new-79-hsl)/1);
|
|
--orange-new-79-hsl: 16.596 calc(var(--saturation-factor, 1)*100%) 18.431%;
|
|
--orange-new-80: hsl(var(--orange-new-80-hsl)/1);
|
|
--orange-new-80-hsl: 16.484 calc(var(--saturation-factor, 1)*100%) 17.843%;
|
|
--orange-new-81: hsl(var(--orange-new-81-hsl)/1);
|
|
--orange-new-81-hsl: 15.682 calc(var(--saturation-factor, 1)*100%) 17.255%;
|
|
--orange-new-82: hsl(var(--orange-new-82-hsl)/1);
|
|
--orange-new-82-hsl: 14.824 calc(var(--saturation-factor, 1)*100%) 16.667%;
|
|
--orange-new-83: hsl(var(--orange-new-83-hsl)/1);
|
|
--orange-new-83-hsl: 13.735 calc(var(--saturation-factor, 1)*100%) 16.275%;
|
|
--orange-new-84: hsl(var(--orange-new-84-hsl)/1);
|
|
--orange-new-84-hsl: 12.75 calc(var(--saturation-factor, 1)*100%) 15.686%;
|
|
--orange-new-85: hsl(var(--orange-new-85-hsl)/1);
|
|
--orange-new-85-hsl: 11.688 calc(var(--saturation-factor, 1)*100%) 15.098%;
|
|
--orange-new-86: hsl(var(--orange-new-86-hsl)/1);
|
|
--orange-new-86-hsl: 10.541 calc(var(--saturation-factor, 1)*100%) 14.51%;
|
|
--orange-new-87: hsl(var(--orange-new-87-hsl)/1);
|
|
--orange-new-87-hsl: 9.296 calc(var(--saturation-factor, 1)*100%) 13.922%;
|
|
--orange-new-88: hsl(var(--orange-new-88-hsl)/1);
|
|
--orange-new-88-hsl: 7.941 calc(var(--saturation-factor, 1)*100%) 13.333%;
|
|
--orange-new-89: hsl(var(--orange-new-89-hsl)/1);
|
|
--orange-new-89-hsl: 7.273 calc(var(--saturation-factor, 1)*100%) 12.941%;
|
|
--orange-new-90: hsl(var(--orange-new-90-hsl)/1);
|
|
--orange-new-90-hsl: 5.714 calc(var(--saturation-factor, 1)*100%) 12.353%;
|
|
--orange-new-91: hsl(var(--orange-new-91-hsl)/1);
|
|
--orange-new-91-hsl: 4 calc(var(--saturation-factor, 1)*100%) 11.765%;
|
|
--orange-new-92: hsl(var(--orange-new-92-hsl)/1);
|
|
--orange-new-92-hsl: 3.158 calc(var(--saturation-factor, 1)*100%) 11.176%;
|
|
--orange-new-93: hsl(var(--orange-new-93-hsl)/1);
|
|
--orange-new-93-hsl: 2.182 calc(var(--saturation-factor, 1)*100%) 10.784%;
|
|
--orange-new-94: hsl(var(--orange-new-94-hsl)/1);
|
|
--orange-new-94-hsl: 1.154 calc(var(--saturation-factor, 1)*100%) 10.196%;
|
|
--orange-new-95: hsl(var(--orange-new-95-hsl)/1);
|
|
--orange-new-95-hsl: 358.776 calc(var(--saturation-factor, 1)*100%) 9.608%;
|
|
--orange-new-96: hsl(var(--orange-new-96-hsl)/1);
|
|
--orange-new-96-hsl: 358.667 calc(var(--saturation-factor, 1)*100%) 8.824%;
|
|
--orange-new-97: hsl(var(--orange-new-97-hsl)/1);
|
|
--orange-new-97-hsl: 358.537 calc(var(--saturation-factor, 1)*100%) 8.039%;
|
|
--orange-new-98: hsl(var(--orange-new-98-hsl)/1);
|
|
--orange-new-98-hsl: 356.757 calc(var(--saturation-factor, 1)*100%) 7.255%;
|
|
--orange-new-99: hsl(var(--orange-new-99-hsl)/1);
|
|
--orange-new-99-hsl: 356.129 calc(var(--saturation-factor, 1)*100%) 6.078%;
|
|
--orange-new-100: hsl(var(--orange-new-100-hsl)/1);
|
|
--orange-new-100-hsl: 355 calc(var(--saturation-factor, 1)*100%) 4.706%;
|
|
--pink-1: hsl(var(--pink-1-hsl)/1);
|
|
--pink-1-hsl: 316.5 calc(var(--saturation-factor, 1)*100%) 92.157%;
|
|
--pink-2: hsl(var(--pink-2-hsl)/1);
|
|
--pink-2-hsl: 316.744 calc(var(--saturation-factor, 1)*100%) 91.569%;
|
|
--pink-3: hsl(var(--pink-3-hsl)/1);
|
|
--pink-3-hsl: 315.652 calc(var(--saturation-factor, 1)*100%) 90.98%;
|
|
--pink-4: hsl(var(--pink-4-hsl)/1);
|
|
--pink-4-hsl: 315.918 calc(var(--saturation-factor, 1)*100%) 90.392%;
|
|
--pink-5: hsl(var(--pink-5-hsl)/1);
|
|
--pink-5-hsl: 315 calc(var(--saturation-factor, 1)*100%) 89.804%;
|
|
--pink-6: hsl(var(--pink-6-hsl)/1);
|
|
--pink-6-hsl: 315.556 calc(var(--saturation-factor, 1)*100%) 89.412%;
|
|
--pink-7: hsl(var(--pink-7-hsl)/1);
|
|
--pink-7-hsl: 314.737 calc(var(--saturation-factor, 1)*100%) 88.824%;
|
|
--pink-8: hsl(var(--pink-8-hsl)/1);
|
|
--pink-8-hsl: 315 calc(var(--saturation-factor, 1)*100%) 88.235%;
|
|
--pink-9: hsl(var(--pink-9-hsl)/1);
|
|
--pink-9-hsl: 314.516 calc(var(--saturation-factor, 1)*100%) 87.843%;
|
|
--pink-10: hsl(var(--pink-10-hsl)/1);
|
|
--pink-10-hsl: 314.769 calc(var(--saturation-factor, 1)*100%) 87.255%;
|
|
--pink-11: hsl(var(--pink-11-hsl)/1);
|
|
--pink-11-hsl: 314.118 calc(var(--saturation-factor, 1)*100%) 86.667%;
|
|
--pink-12: hsl(var(--pink-12-hsl)/1);
|
|
--pink-12-hsl: 314.366 calc(var(--saturation-factor, 1)*100%) 86.078%;
|
|
--pink-13: hsl(var(--pink-13-hsl)/1);
|
|
--pink-13-hsl: 314.795 calc(var(--saturation-factor, 1)*100%) 85.686%;
|
|
--pink-14: hsl(var(--pink-14-hsl)/1);
|
|
--pink-14-hsl: 315 calc(var(--saturation-factor, 1)*100%) 85.098%;
|
|
--pink-15: hsl(var(--pink-15-hsl)/1);
|
|
--pink-15-hsl: 314.615 calc(var(--saturation-factor, 1)*100%) 84.706%;
|
|
--pink-16: hsl(var(--pink-16-hsl)/1);
|
|
--pink-16-hsl: 314.815 calc(var(--saturation-factor, 1)*100%) 84.118%;
|
|
--pink-17: hsl(var(--pink-17-hsl)/1);
|
|
--pink-17-hsl: 315.181 calc(var(--saturation-factor, 1)*100%) 83.725%;
|
|
--pink-18: hsl(var(--pink-18-hsl)/1);
|
|
--pink-18-hsl: 315.349 calc(var(--saturation-factor, 1)*100%) 83.137%;
|
|
--pink-19: hsl(var(--pink-19-hsl)/1);
|
|
--pink-19-hsl: 315 calc(var(--saturation-factor, 1)*100%) 82.745%;
|
|
--pink-20: hsl(var(--pink-20-hsl)/1);
|
|
--pink-20-hsl: 315.165 calc(var(--saturation-factor, 1)*100%) 82.157%;
|
|
--pink-21: hsl(var(--pink-21-hsl)/1);
|
|
--pink-21-hsl: 315.319 calc(var(--saturation-factor, 1)*100%) 81.569%;
|
|
--pink-22: hsl(var(--pink-22-hsl)/1);
|
|
--pink-22-hsl: 315 calc(var(--saturation-factor, 1)*100%) 81.176%;
|
|
--pink-23: hsl(var(--pink-23-hsl)/1);
|
|
--pink-23-hsl: 315.152 calc(var(--saturation-factor, 1)*100%) 80.588%;
|
|
--pink-24: hsl(var(--pink-24-hsl)/1);
|
|
--pink-24-hsl: 315.294 calc(var(--saturation-factor, 1)*100%) 80%;
|
|
--pink-25: hsl(var(--pink-25-hsl)/1);
|
|
--pink-25-hsl: 315 calc(var(--saturation-factor, 1)*100%) 79.608%;
|
|
--pink-26: hsl(var(--pink-26-hsl)/1);
|
|
--pink-26-hsl: 315.14 calc(var(--saturation-factor, 1)*100%) 79.02%;
|
|
--pink-27: hsl(var(--pink-27-hsl)/1);
|
|
--pink-27-hsl: 315.273 calc(var(--saturation-factor, 1)*100%) 78.431%;
|
|
--pink-28: hsl(var(--pink-28-hsl)/1);
|
|
--pink-28-hsl: 314.867 calc(var(--saturation-factor, 1)*100%) 77.843%;
|
|
--pink-29: hsl(var(--pink-29-hsl)/1);
|
|
--pink-29-hsl: 315 calc(var(--saturation-factor, 1)*100%) 77.255%;
|
|
--pink-30: hsl(var(--pink-30-hsl)/1);
|
|
--pink-30-hsl: 315.126 calc(var(--saturation-factor, 1)*100%) 76.667%;
|
|
--pink-31: hsl(var(--pink-31-hsl)/1);
|
|
--pink-31-hsl: 315.372 calc(var(--saturation-factor, 1)*100%) 76.275%;
|
|
--pink-32: hsl(var(--pink-32-hsl)/1);
|
|
--pink-32-hsl: 315 calc(var(--saturation-factor, 1)*100%) 75.686%;
|
|
--pink-33: hsl(var(--pink-33-hsl)/1);
|
|
--pink-33-hsl: 315.118 calc(var(--saturation-factor, 1)*100%) 75.098%;
|
|
--pink-34: hsl(var(--pink-34-hsl)/1);
|
|
--pink-34-hsl: 315.231 calc(var(--saturation-factor, 1)*100%) 74.51%;
|
|
--pink-35: hsl(var(--pink-35-hsl)/1);
|
|
--pink-35-hsl: 315.455 calc(var(--saturation-factor, 1)*100%) 74.118%;
|
|
--pink-36: hsl(var(--pink-36-hsl)/1);
|
|
--pink-36-hsl: 315.111 calc(var(--saturation-factor, 1)*100%) 73.529%;
|
|
--pink-37: hsl(var(--pink-37-hsl)/1);
|
|
--pink-37-hsl: 315.217 calc(var(--saturation-factor, 1)*100%) 72.941%;
|
|
--pink-38: hsl(var(--pink-38-hsl)/1);
|
|
--pink-38-hsl: 315.319 calc(var(--saturation-factor, 1)*100%) 72.353%;
|
|
--pink-39: hsl(var(--pink-39-hsl)/1);
|
|
--pink-39-hsl: 315.417 calc(var(--saturation-factor, 1)*100%) 71.765%;
|
|
--pink-40: hsl(var(--pink-40-hsl)/1);
|
|
--pink-40-hsl: 315.51 calc(var(--saturation-factor, 1)*100%) 71.176%;
|
|
--pink-41: hsl(var(--pink-41-hsl)/1);
|
|
--pink-41-hsl: 315.2 calc(var(--saturation-factor, 1)*100%) 70.588%;
|
|
--pink-42: hsl(var(--pink-42-hsl)/1);
|
|
--pink-42-hsl: 315.294 calc(var(--saturation-factor, 1)*100%) 70%;
|
|
--pink-43: hsl(var(--pink-43-hsl)/1);
|
|
--pink-43-hsl: 315.385 calc(var(--saturation-factor, 1)*100%) 69.412%;
|
|
--pink-44: hsl(var(--pink-44-hsl)/1);
|
|
--pink-44-hsl: 315.472 calc(var(--saturation-factor, 1)*100%) 68.824%;
|
|
--pink-45: hsl(var(--pink-45-hsl)/1);
|
|
--pink-45-hsl: 315.185 calc(var(--saturation-factor, 1)*100%) 68.235%;
|
|
--pink-46: hsl(var(--pink-46-hsl)/1);
|
|
--pink-46-hsl: 315.181 calc(var(--saturation-factor, 1)*100%) 67.451%;
|
|
--pink-47: hsl(var(--pink-47-hsl)/1);
|
|
--pink-47-hsl: 315.266 calc(var(--saturation-factor, 1)*100%) 66.863%;
|
|
--pink-48: hsl(var(--pink-48-hsl)/1);
|
|
--pink-48-hsl: 315.349 calc(var(--saturation-factor, 1)*100%) 66.275%;
|
|
--pink-49: hsl(var(--pink-49-hsl)/1);
|
|
--pink-49-hsl: 315 calc(var(--saturation-factor, 1)*100%) 65.49%;
|
|
--pink-50: hsl(var(--pink-50-hsl)/1);
|
|
--pink-50-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--pink-51: hsl(var(--pink-51-hsl)/1);
|
|
--pink-51-hsl: 315.341 calc(var(--saturation-factor, 1)*94.624%) 63.529%;
|
|
--pink-52: hsl(var(--pink-52-hsl)/1);
|
|
--pink-52-hsl: 315.349 calc(var(--saturation-factor, 1)*89.583%) 62.353%;
|
|
--pink-53: hsl(var(--pink-53-hsl)/1);
|
|
--pink-53-hsl: 315.357 calc(var(--saturation-factor, 1)*84%) 60.784%;
|
|
--pink-54: hsl(var(--pink-54-hsl)/1);
|
|
--pink-54-hsl: 315.366 calc(var(--saturation-factor, 1)*79.612%) 59.608%;
|
|
--pink-55: hsl(var(--pink-55-hsl)/1);
|
|
--pink-55-hsl: 315.375 calc(var(--saturation-factor, 1)*74.766%) 58.039%;
|
|
--pink-56: hsl(var(--pink-56-hsl)/1);
|
|
--pink-56-hsl: 315.287 calc(var(--saturation-factor, 1)*71.041%) 56.667%;
|
|
--pink-57: hsl(var(--pink-57-hsl)/1);
|
|
--pink-57-hsl: 315.294 calc(var(--saturation-factor, 1)*67.401%) 55.49%;
|
|
--pink-58: hsl(var(--pink-58-hsl)/1);
|
|
--pink-58-hsl: 315.6 calc(var(--saturation-factor, 1)*64.103%) 54.118%;
|
|
--pink-59: hsl(var(--pink-59-hsl)/1);
|
|
--pink-59-hsl: 315.51 calc(var(--saturation-factor, 1)*60.996%) 52.745%;
|
|
--pink-60: hsl(var(--pink-60-hsl)/1);
|
|
--pink-60-hsl: 315.417 calc(var(--saturation-factor, 1)*58.065%) 51.373%;
|
|
--pink-61: hsl(var(--pink-61-hsl)/1);
|
|
--pink-61-hsl: 315.319 calc(var(--saturation-factor, 1)*55.294%) 50%;
|
|
--pink-62: hsl(var(--pink-62-hsl)/1);
|
|
--pink-62-hsl: 315.766 calc(var(--saturation-factor, 1)*55.02%) 48.824%;
|
|
--pink-63: hsl(var(--pink-63-hsl)/1);
|
|
--pink-63-hsl: 315.672 calc(var(--saturation-factor, 1)*55.372%) 47.451%;
|
|
--pink-64: hsl(var(--pink-64-hsl)/1);
|
|
--pink-64-hsl: 315.573 calc(var(--saturation-factor, 1)*55.745%) 46.078%;
|
|
--pink-65: hsl(var(--pink-65-hsl)/1);
|
|
--pink-65-hsl: 315.469 calc(var(--saturation-factor, 1)*56.14%) 44.706%;
|
|
--pink-66: hsl(var(--pink-66-hsl)/1);
|
|
--pink-66-hsl: 315.714 calc(var(--saturation-factor, 1)*56.757%) 43.529%;
|
|
--pink-67: hsl(var(--pink-67-hsl)/1);
|
|
--pink-67-hsl: 315.61 calc(var(--saturation-factor, 1)*57.209%) 42.157%;
|
|
--pink-68: hsl(var(--pink-68-hsl)/1);
|
|
--pink-68-hsl: 315.372 calc(var(--saturation-factor, 1)*58.454%) 40.588%;
|
|
--pink-69: hsl(var(--pink-69-hsl)/1);
|
|
--pink-69-hsl: 315.126 calc(var(--saturation-factor, 1)*59.204%) 39.412%;
|
|
--pink-70: hsl(var(--pink-70-hsl)/1);
|
|
--pink-70-hsl: 315 calc(var(--saturation-factor, 1)*59.794%) 38.039%;
|
|
--pink-71: hsl(var(--pink-71-hsl)/1);
|
|
--pink-71-hsl: 315.263 calc(var(--saturation-factor, 1)*60.638%) 36.863%;
|
|
--pink-72: hsl(var(--pink-72-hsl)/1);
|
|
--pink-72-hsl: 315.135 calc(var(--saturation-factor, 1)*61.326%) 35.49%;
|
|
--pink-73: hsl(var(--pink-73-hsl)/1);
|
|
--pink-73-hsl: 315.413 calc(var(--saturation-factor, 1)*62.286%) 34.314%;
|
|
--pink-74: hsl(var(--pink-74-hsl)/1);
|
|
--pink-74-hsl: 315.283 calc(var(--saturation-factor, 1)*63.095%) 32.941%;
|
|
--pink-75: hsl(var(--pink-75-hsl)/1);
|
|
--pink-75-hsl: 315 calc(var(--saturation-factor, 1)*64.198%) 31.765%;
|
|
--pink-76: hsl(var(--pink-76-hsl)/1);
|
|
--pink-76-hsl: 314.851 calc(var(--saturation-factor, 1)*65.161%) 30.392%;
|
|
--pink-77: hsl(var(--pink-77-hsl)/1);
|
|
--pink-77-hsl: 315 calc(var(--saturation-factor, 1)*67.568%) 29.02%;
|
|
--pink-78: hsl(var(--pink-78-hsl)/1);
|
|
--pink-78-hsl: 314.694 calc(var(--saturation-factor, 1)*69.014%) 27.843%;
|
|
--pink-79: hsl(var(--pink-79-hsl)/1);
|
|
--pink-79-hsl: 314.526 calc(var(--saturation-factor, 1)*70.37%) 26.471%;
|
|
--pink-80: hsl(var(--pink-80-hsl)/1);
|
|
--pink-80-hsl: 314.839 calc(var(--saturation-factor, 1)*72.093%) 25.294%;
|
|
--pink-81: hsl(var(--pink-81-hsl)/1);
|
|
--pink-81-hsl: 314.505 calc(var(--saturation-factor, 1)*73.984%) 24.118%;
|
|
--pink-82: hsl(var(--pink-82-hsl)/1);
|
|
--pink-82-hsl: 314.157 calc(var(--saturation-factor, 1)*77.391%) 22.549%;
|
|
--pink-83: hsl(var(--pink-83-hsl)/1);
|
|
--pink-83-hsl: 313.793 calc(var(--saturation-factor, 1)*79.817%) 21.373%;
|
|
--pink-84: hsl(var(--pink-84-hsl)/1);
|
|
--pink-84-hsl: 314.118 calc(var(--saturation-factor, 1)*82.524%) 20.196%;
|
|
--pink-85: hsl(var(--pink-85-hsl)/1);
|
|
--pink-85-hsl: 313.735 calc(var(--saturation-factor, 1)*85.567%) 19.02%;
|
|
--pink-86: hsl(var(--pink-86-hsl)/1);
|
|
--pink-86-hsl: 314.074 calc(var(--saturation-factor, 1)*89.011%) 17.843%;
|
|
--pink-87: hsl(var(--pink-87-hsl)/1);
|
|
--pink-87-hsl: 313.671 calc(var(--saturation-factor, 1)*92.941%) 16.667%;
|
|
--pink-88: hsl(var(--pink-88-hsl)/1);
|
|
--pink-88-hsl: 313.421 calc(var(--saturation-factor, 1)*95%) 15.686%;
|
|
--pink-89: hsl(var(--pink-89-hsl)/1);
|
|
--pink-89-hsl: 313.973 calc(var(--saturation-factor, 1)*97.333%) 14.706%;
|
|
--pink-90: hsl(var(--pink-90-hsl)/1);
|
|
--pink-90-hsl: 313.714 calc(var(--saturation-factor, 1)*100%) 13.725%;
|
|
--pink-91: hsl(var(--pink-91-hsl)/1);
|
|
--pink-91-hsl: 313.636 calc(var(--saturation-factor, 1)*100%) 12.941%;
|
|
--pink-92: hsl(var(--pink-92-hsl)/1);
|
|
--pink-92-hsl: 314.516 calc(var(--saturation-factor, 1)*100%) 12.157%;
|
|
--pink-93: hsl(var(--pink-93-hsl)/1);
|
|
--pink-93-hsl: 314.483 calc(var(--saturation-factor, 1)*100%) 11.373%;
|
|
--pink-94: hsl(var(--pink-94-hsl)/1);
|
|
--pink-94-hsl: 314.444 calc(var(--saturation-factor, 1)*100%) 10.588%;
|
|
--pink-95: hsl(var(--pink-95-hsl)/1);
|
|
--pink-95-hsl: 315.6 calc(var(--saturation-factor, 1)*100%) 9.804%;
|
|
--pink-96: hsl(var(--pink-96-hsl)/1);
|
|
--pink-96-hsl: 314.667 calc(var(--saturation-factor, 1)*100%) 8.824%;
|
|
--pink-97: hsl(var(--pink-97-hsl)/1);
|
|
--pink-97-hsl: 316.5 calc(var(--saturation-factor, 1)*100%) 7.843%;
|
|
--pink-98: hsl(var(--pink-98-hsl)/1);
|
|
--pink-98-hsl: 316.364 calc(var(--saturation-factor, 1)*100%) 6.471%;
|
|
--pink-99: hsl(var(--pink-99-hsl)/1);
|
|
--pink-99-hsl: 319.2 calc(var(--saturation-factor, 1)*100%) 4.902%;
|
|
--pink-100: hsl(var(--pink-100-hsl)/1);
|
|
--pink-100-hsl: 327.273 calc(var(--saturation-factor, 1)*100%) 2.157%;
|
|
--opacity-1: hsl(var(--opacity-1-hsl)/0.0196078431372549);
|
|
--opacity-1-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-4: hsl(var(--opacity-4-hsl)/0.0392156862745098);
|
|
--opacity-4-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-8: hsl(var(--opacity-8-hsl)/0.0784313725490196);
|
|
--opacity-8-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-12: hsl(var(--opacity-12-hsl)/0.12156862745098039);
|
|
--opacity-12-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-16: hsl(var(--opacity-16-hsl)/0.1607843137254902);
|
|
--opacity-16-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-20: hsl(var(--opacity-20-hsl)/0.2);
|
|
--opacity-20-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-24: hsl(var(--opacity-24-hsl)/0.23921568627450981);
|
|
--opacity-24-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-28: hsl(var(--opacity-28-hsl)/0.2784313725490196);
|
|
--opacity-28-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-32: hsl(var(--opacity-32-hsl)/0.3215686274509804);
|
|
--opacity-32-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-36: hsl(var(--opacity-36-hsl)/0.3607843137254902);
|
|
--opacity-36-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-40: hsl(var(--opacity-40-hsl)/0.4);
|
|
--opacity-40-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-44: hsl(var(--opacity-44-hsl)/0.4392156862745098);
|
|
--opacity-44-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-48: hsl(var(--opacity-48-hsl)/0.47843137254901963);
|
|
--opacity-48-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-52: hsl(var(--opacity-52-hsl)/0.5215686274509804);
|
|
--opacity-52-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-56: hsl(var(--opacity-56-hsl)/0.5607843137254902);
|
|
--opacity-56-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-60: hsl(var(--opacity-60-hsl)/0.6);
|
|
--opacity-60-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-64: hsl(var(--opacity-64-hsl)/0.6392156862745098);
|
|
--opacity-64-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-68: hsl(var(--opacity-68-hsl)/0.6784313725490196);
|
|
--opacity-68-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-72: hsl(var(--opacity-72-hsl)/0.7215686274509804);
|
|
--opacity-72-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-76: hsl(var(--opacity-76-hsl)/0.7607843137254902);
|
|
--opacity-76-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-80: hsl(var(--opacity-80-hsl)/0.8);
|
|
--opacity-80-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-84: hsl(var(--opacity-84-hsl)/0.8392156862745098);
|
|
--opacity-84-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-88: hsl(var(--opacity-88-hsl)/0.8784313725490196);
|
|
--opacity-88-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-92: hsl(var(--opacity-92-hsl)/0.9215686274509803);
|
|
--opacity-92-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-96: hsl(var(--opacity-96-hsl)/0.9607843137254902);
|
|
--opacity-96-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
|
|
--opacity-blue-1: hsl(var(--opacity-blue-1-hsl)/0.0196078431372549);
|
|
--opacity-blue-1-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-4: hsl(var(--opacity-blue-4-hsl)/0.0392156862745098);
|
|
--opacity-blue-4-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-8: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
|
|
--opacity-blue-8-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-12: hsl(var(--opacity-blue-12-hsl)/0.12156862745098039);
|
|
--opacity-blue-12-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-16: hsl(var(--opacity-blue-16-hsl)/0.1607843137254902);
|
|
--opacity-blue-16-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-20: hsl(var(--opacity-blue-20-hsl)/0.2);
|
|
--opacity-blue-20-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-24: hsl(var(--opacity-blue-24-hsl)/0.23921568627450981);
|
|
--opacity-blue-24-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-28: hsl(var(--opacity-blue-28-hsl)/0.2784313725490196);
|
|
--opacity-blue-28-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-32: hsl(var(--opacity-blue-32-hsl)/0.3215686274509804);
|
|
--opacity-blue-32-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-36: hsl(var(--opacity-blue-36-hsl)/0.3607843137254902);
|
|
--opacity-blue-36-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-40: hsl(var(--opacity-blue-40-hsl)/0.4);
|
|
--opacity-blue-40-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-44: hsl(var(--opacity-blue-44-hsl)/0.4392156862745098);
|
|
--opacity-blue-44-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-48: hsl(var(--opacity-blue-48-hsl)/0.47843137254901963);
|
|
--opacity-blue-48-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-52: hsl(var(--opacity-blue-52-hsl)/0.5215686274509804);
|
|
--opacity-blue-52-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-56: hsl(var(--opacity-blue-56-hsl)/0.5607843137254902);
|
|
--opacity-blue-56-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-60: hsl(var(--opacity-blue-60-hsl)/0.6);
|
|
--opacity-blue-60-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-64: hsl(var(--opacity-blue-64-hsl)/0.6392156862745098);
|
|
--opacity-blue-64-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-68: hsl(var(--opacity-blue-68-hsl)/0.6784313725490196);
|
|
--opacity-blue-68-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-72: hsl(var(--opacity-blue-72-hsl)/0.7215686274509804);
|
|
--opacity-blue-72-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-76: hsl(var(--opacity-blue-76-hsl)/0.7607843137254902);
|
|
--opacity-blue-76-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-80: hsl(var(--opacity-blue-80-hsl)/0.8);
|
|
--opacity-blue-80-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-84: hsl(var(--opacity-blue-84-hsl)/0.8392156862745098);
|
|
--opacity-blue-84-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-88: hsl(var(--opacity-blue-88-hsl)/0.8784313725490196);
|
|
--opacity-blue-88-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-92: hsl(var(--opacity-blue-92-hsl)/0.9215686274509803);
|
|
--opacity-blue-92-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blue-96: hsl(var(--opacity-blue-96-hsl)/0.9607843137254902);
|
|
--opacity-blue-96-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
|
|
--opacity-blurple-1: hsl(var(--opacity-blurple-1-hsl)/0.0196078431372549);
|
|
--opacity-blurple-1-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-4: hsl(var(--opacity-blurple-4-hsl)/0.0392156862745098);
|
|
--opacity-blurple-4-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-8: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
|
|
--opacity-blurple-8-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-12: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
|
|
--opacity-blurple-12-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-16: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
|
|
--opacity-blurple-16-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-20: hsl(var(--opacity-blurple-20-hsl)/0.2);
|
|
--opacity-blurple-20-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-24: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
|
|
--opacity-blurple-24-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-28: hsl(var(--opacity-blurple-28-hsl)/0.2784313725490196);
|
|
--opacity-blurple-28-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-32: hsl(var(--opacity-blurple-32-hsl)/0.3215686274509804);
|
|
--opacity-blurple-32-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-36: hsl(var(--opacity-blurple-36-hsl)/0.3607843137254902);
|
|
--opacity-blurple-36-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-40: hsl(var(--opacity-blurple-40-hsl)/0.4);
|
|
--opacity-blurple-40-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-44: hsl(var(--opacity-blurple-44-hsl)/0.4392156862745098);
|
|
--opacity-blurple-44-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-48: hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963);
|
|
--opacity-blurple-48-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-52: hsl(var(--opacity-blurple-52-hsl)/0.5215686274509804);
|
|
--opacity-blurple-52-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-56: hsl(var(--opacity-blurple-56-hsl)/0.5607843137254902);
|
|
--opacity-blurple-56-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-60: hsl(var(--opacity-blurple-60-hsl)/0.6);
|
|
--opacity-blurple-60-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-64: hsl(var(--opacity-blurple-64-hsl)/0.6392156862745098);
|
|
--opacity-blurple-64-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-68: hsl(var(--opacity-blurple-68-hsl)/0.6784313725490196);
|
|
--opacity-blurple-68-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-72: hsl(var(--opacity-blurple-72-hsl)/0.7215686274509804);
|
|
--opacity-blurple-72-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-76: hsl(var(--opacity-blurple-76-hsl)/0.7607843137254902);
|
|
--opacity-blurple-76-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-80: hsl(var(--opacity-blurple-80-hsl)/0.8);
|
|
--opacity-blurple-80-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-84: hsl(var(--opacity-blurple-84-hsl)/0.8392156862745098);
|
|
--opacity-blurple-84-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-88: hsl(var(--opacity-blurple-88-hsl)/0.8784313725490196);
|
|
--opacity-blurple-88-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-92: hsl(var(--opacity-blurple-92-hsl)/0.9215686274509803);
|
|
--opacity-blurple-92-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-blurple-96: hsl(var(--opacity-blurple-96-hsl)/0.9607843137254902);
|
|
--opacity-blurple-96-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--opacity-green-1: hsl(var(--opacity-green-1-hsl)/0.0196078431372549);
|
|
--opacity-green-1-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-4: hsl(var(--opacity-green-4-hsl)/0.0392156862745098);
|
|
--opacity-green-4-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-8: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
|
|
--opacity-green-8-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-12: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
|
|
--opacity-green-12-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-16: hsl(var(--opacity-green-16-hsl)/0.1607843137254902);
|
|
--opacity-green-16-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-20: hsl(var(--opacity-green-20-hsl)/0.2);
|
|
--opacity-green-20-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-24: hsl(var(--opacity-green-24-hsl)/0.23921568627450981);
|
|
--opacity-green-24-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-28: hsl(var(--opacity-green-28-hsl)/0.2784313725490196);
|
|
--opacity-green-28-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-32: hsl(var(--opacity-green-32-hsl)/0.3215686274509804);
|
|
--opacity-green-32-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-36: hsl(var(--opacity-green-36-hsl)/0.3607843137254902);
|
|
--opacity-green-36-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-40: hsl(var(--opacity-green-40-hsl)/0.4);
|
|
--opacity-green-40-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-44: hsl(var(--opacity-green-44-hsl)/0.4392156862745098);
|
|
--opacity-green-44-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-48: hsl(var(--opacity-green-48-hsl)/0.47843137254901963);
|
|
--opacity-green-48-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-52: hsl(var(--opacity-green-52-hsl)/0.5215686274509804);
|
|
--opacity-green-52-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-56: hsl(var(--opacity-green-56-hsl)/0.5607843137254902);
|
|
--opacity-green-56-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-60: hsl(var(--opacity-green-60-hsl)/0.6);
|
|
--opacity-green-60-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-64: hsl(var(--opacity-green-64-hsl)/0.6392156862745098);
|
|
--opacity-green-64-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-68: hsl(var(--opacity-green-68-hsl)/0.6784313725490196);
|
|
--opacity-green-68-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-72: hsl(var(--opacity-green-72-hsl)/0.7215686274509804);
|
|
--opacity-green-72-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-76: hsl(var(--opacity-green-76-hsl)/0.7607843137254902);
|
|
--opacity-green-76-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-80: hsl(var(--opacity-green-80-hsl)/0.8);
|
|
--opacity-green-80-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-84: hsl(var(--opacity-green-84-hsl)/0.8392156862745098);
|
|
--opacity-green-84-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-88: hsl(var(--opacity-green-88-hsl)/0.8784313725490196);
|
|
--opacity-green-88-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-92: hsl(var(--opacity-green-92-hsl)/0.9215686274509803);
|
|
--opacity-green-92-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-green-96: hsl(var(--opacity-green-96-hsl)/0.9607843137254902);
|
|
--opacity-green-96-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
|
|
--opacity-red-1: hsl(var(--opacity-red-1-hsl)/0.0196078431372549);
|
|
--opacity-red-1-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-4: hsl(var(--opacity-red-4-hsl)/0.0392156862745098);
|
|
--opacity-red-4-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-8: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
|
|
--opacity-red-8-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-12: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
|
|
--opacity-red-12-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-16: hsl(var(--opacity-red-16-hsl)/0.1607843137254902);
|
|
--opacity-red-16-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-20: hsl(var(--opacity-red-20-hsl)/0.2);
|
|
--opacity-red-20-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-24: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
|
|
--opacity-red-24-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-28: hsl(var(--opacity-red-28-hsl)/0.2784313725490196);
|
|
--opacity-red-28-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-32: hsl(var(--opacity-red-32-hsl)/0.3215686274509804);
|
|
--opacity-red-32-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-36: hsl(var(--opacity-red-36-hsl)/0.3607843137254902);
|
|
--opacity-red-36-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-40: hsl(var(--opacity-red-40-hsl)/0.4);
|
|
--opacity-red-40-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-44: hsl(var(--opacity-red-44-hsl)/0.4392156862745098);
|
|
--opacity-red-44-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-48: hsl(var(--opacity-red-48-hsl)/0.47843137254901963);
|
|
--opacity-red-48-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-52: hsl(var(--opacity-red-52-hsl)/0.5215686274509804);
|
|
--opacity-red-52-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-56: hsl(var(--opacity-red-56-hsl)/0.5607843137254902);
|
|
--opacity-red-56-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-60: hsl(var(--opacity-red-60-hsl)/0.6);
|
|
--opacity-red-60-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-64: hsl(var(--opacity-red-64-hsl)/0.6392156862745098);
|
|
--opacity-red-64-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-68: hsl(var(--opacity-red-68-hsl)/0.6784313725490196);
|
|
--opacity-red-68-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-72: hsl(var(--opacity-red-72-hsl)/0.7215686274509804);
|
|
--opacity-red-72-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-76: hsl(var(--opacity-red-76-hsl)/0.7607843137254902);
|
|
--opacity-red-76-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-80: hsl(var(--opacity-red-80-hsl)/0.8);
|
|
--opacity-red-80-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-84: hsl(var(--opacity-red-84-hsl)/0.8392156862745098);
|
|
--opacity-red-84-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-88: hsl(var(--opacity-red-88-hsl)/0.8784313725490196);
|
|
--opacity-red-88-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-92: hsl(var(--opacity-red-92-hsl)/0.9215686274509803);
|
|
--opacity-red-92-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-red-96: hsl(var(--opacity-red-96-hsl)/0.9607843137254902);
|
|
--opacity-red-96-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
|
|
--opacity-teal-1: hsl(var(--opacity-teal-1-hsl)/0.0196078431372549);
|
|
--opacity-teal-1-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-4: hsl(var(--opacity-teal-4-hsl)/0.0392156862745098);
|
|
--opacity-teal-4-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-8: hsl(var(--opacity-teal-8-hsl)/0.0784313725490196);
|
|
--opacity-teal-8-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-12: hsl(var(--opacity-teal-12-hsl)/0.12156862745098039);
|
|
--opacity-teal-12-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-16: hsl(var(--opacity-teal-16-hsl)/0.1607843137254902);
|
|
--opacity-teal-16-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-20: hsl(var(--opacity-teal-20-hsl)/0.2);
|
|
--opacity-teal-20-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-24: hsl(var(--opacity-teal-24-hsl)/0.23921568627450981);
|
|
--opacity-teal-24-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-28: hsl(var(--opacity-teal-28-hsl)/0.2784313725490196);
|
|
--opacity-teal-28-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-32: hsl(var(--opacity-teal-32-hsl)/0.3215686274509804);
|
|
--opacity-teal-32-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-36: hsl(var(--opacity-teal-36-hsl)/0.3607843137254902);
|
|
--opacity-teal-36-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-40: hsl(var(--opacity-teal-40-hsl)/0.4);
|
|
--opacity-teal-40-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-44: hsl(var(--opacity-teal-44-hsl)/0.4392156862745098);
|
|
--opacity-teal-44-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-48: hsl(var(--opacity-teal-48-hsl)/0.47843137254901963);
|
|
--opacity-teal-48-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-52: hsl(var(--opacity-teal-52-hsl)/0.5215686274509804);
|
|
--opacity-teal-52-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-56: hsl(var(--opacity-teal-56-hsl)/0.5607843137254902);
|
|
--opacity-teal-56-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-60: hsl(var(--opacity-teal-60-hsl)/0.6);
|
|
--opacity-teal-60-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-64: hsl(var(--opacity-teal-64-hsl)/0.6392156862745098);
|
|
--opacity-teal-64-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-68: hsl(var(--opacity-teal-68-hsl)/0.6784313725490196);
|
|
--opacity-teal-68-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-72: hsl(var(--opacity-teal-72-hsl)/0.7215686274509804);
|
|
--opacity-teal-72-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-76: hsl(var(--opacity-teal-76-hsl)/0.7607843137254902);
|
|
--opacity-teal-76-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-80: hsl(var(--opacity-teal-80-hsl)/0.8);
|
|
--opacity-teal-80-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-84: hsl(var(--opacity-teal-84-hsl)/0.8392156862745098);
|
|
--opacity-teal-84-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-88: hsl(var(--opacity-teal-88-hsl)/0.8784313725490196);
|
|
--opacity-teal-88-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-92: hsl(var(--opacity-teal-92-hsl)/0.9215686274509803);
|
|
--opacity-teal-92-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-teal-96: hsl(var(--opacity-teal-96-hsl)/0.9607843137254902);
|
|
--opacity-teal-96-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
|
|
--opacity-yellow-1: hsl(var(--opacity-yellow-1-hsl)/0.0196078431372549);
|
|
--opacity-yellow-1-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-4: hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098);
|
|
--opacity-yellow-4-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-8: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
|
|
--opacity-yellow-8-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-12: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
|
|
--opacity-yellow-12-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-16: hsl(var(--opacity-yellow-16-hsl)/0.1607843137254902);
|
|
--opacity-yellow-16-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-20: hsl(var(--opacity-yellow-20-hsl)/0.2);
|
|
--opacity-yellow-20-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-24: hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981);
|
|
--opacity-yellow-24-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-28: hsl(var(--opacity-yellow-28-hsl)/0.2784313725490196);
|
|
--opacity-yellow-28-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-32: hsl(var(--opacity-yellow-32-hsl)/0.3215686274509804);
|
|
--opacity-yellow-32-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-36: hsl(var(--opacity-yellow-36-hsl)/0.3607843137254902);
|
|
--opacity-yellow-36-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-40: hsl(var(--opacity-yellow-40-hsl)/0.4);
|
|
--opacity-yellow-40-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-44: hsl(var(--opacity-yellow-44-hsl)/0.4392156862745098);
|
|
--opacity-yellow-44-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-48: hsl(var(--opacity-yellow-48-hsl)/0.47843137254901963);
|
|
--opacity-yellow-48-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-52: hsl(var(--opacity-yellow-52-hsl)/0.5215686274509804);
|
|
--opacity-yellow-52-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-56: hsl(var(--opacity-yellow-56-hsl)/0.5607843137254902);
|
|
--opacity-yellow-56-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-60: hsl(var(--opacity-yellow-60-hsl)/0.6);
|
|
--opacity-yellow-60-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-64: hsl(var(--opacity-yellow-64-hsl)/0.6392156862745098);
|
|
--opacity-yellow-64-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-68: hsl(var(--opacity-yellow-68-hsl)/0.6784313725490196);
|
|
--opacity-yellow-68-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-72: hsl(var(--opacity-yellow-72-hsl)/0.7215686274509804);
|
|
--opacity-yellow-72-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-76: hsl(var(--opacity-yellow-76-hsl)/0.7607843137254902);
|
|
--opacity-yellow-76-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-80: hsl(var(--opacity-yellow-80-hsl)/0.8);
|
|
--opacity-yellow-80-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-84: hsl(var(--opacity-yellow-84-hsl)/0.8392156862745098);
|
|
--opacity-yellow-84-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-88: hsl(var(--opacity-yellow-88-hsl)/0.8784313725490196);
|
|
--opacity-yellow-88-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-92: hsl(var(--opacity-yellow-92-hsl)/0.9215686274509803);
|
|
--opacity-yellow-92-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-yellow-96: hsl(var(--opacity-yellow-96-hsl)/0.9607843137254902);
|
|
--opacity-yellow-96-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
|
|
--opacity-orange-1: hsl(var(--opacity-orange-1-hsl)/0.0196078431372549);
|
|
--opacity-orange-1-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-4: hsl(var(--opacity-orange-4-hsl)/0.0392156862745098);
|
|
--opacity-orange-4-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-8: hsl(var(--opacity-orange-8-hsl)/0.0784313725490196);
|
|
--opacity-orange-8-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-12: hsl(var(--opacity-orange-12-hsl)/0.12156862745098039);
|
|
--opacity-orange-12-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-16: hsl(var(--opacity-orange-16-hsl)/0.1607843137254902);
|
|
--opacity-orange-16-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-20: hsl(var(--opacity-orange-20-hsl)/0.2);
|
|
--opacity-orange-20-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-24: hsl(var(--opacity-orange-24-hsl)/0.23921568627450981);
|
|
--opacity-orange-24-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-28: hsl(var(--opacity-orange-28-hsl)/0.2784313725490196);
|
|
--opacity-orange-28-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-32: hsl(var(--opacity-orange-32-hsl)/0.3215686274509804);
|
|
--opacity-orange-32-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-36: hsl(var(--opacity-orange-36-hsl)/0.3607843137254902);
|
|
--opacity-orange-36-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-40: hsl(var(--opacity-orange-40-hsl)/0.4);
|
|
--opacity-orange-40-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-44: hsl(var(--opacity-orange-44-hsl)/0.4392156862745098);
|
|
--opacity-orange-44-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-48: hsl(var(--opacity-orange-48-hsl)/0.47843137254901963);
|
|
--opacity-orange-48-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-52: hsl(var(--opacity-orange-52-hsl)/0.5215686274509804);
|
|
--opacity-orange-52-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-56: hsl(var(--opacity-orange-56-hsl)/0.5607843137254902);
|
|
--opacity-orange-56-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-60: hsl(var(--opacity-orange-60-hsl)/0.6);
|
|
--opacity-orange-60-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-64: hsl(var(--opacity-orange-64-hsl)/0.6392156862745098);
|
|
--opacity-orange-64-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-68: hsl(var(--opacity-orange-68-hsl)/0.6784313725490196);
|
|
--opacity-orange-68-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-72: hsl(var(--opacity-orange-72-hsl)/0.7215686274509804);
|
|
--opacity-orange-72-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-76: hsl(var(--opacity-orange-76-hsl)/0.7607843137254902);
|
|
--opacity-orange-76-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-80: hsl(var(--opacity-orange-80-hsl)/0.8);
|
|
--opacity-orange-80-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-84: hsl(var(--opacity-orange-84-hsl)/0.8392156862745098);
|
|
--opacity-orange-84-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-88: hsl(var(--opacity-orange-88-hsl)/0.8784313725490196);
|
|
--opacity-orange-88-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-92: hsl(var(--opacity-orange-92-hsl)/0.9215686274509803);
|
|
--opacity-orange-92-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-orange-96: hsl(var(--opacity-orange-96-hsl)/0.9607843137254902);
|
|
--opacity-orange-96-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
|
|
--opacity-pink-1: hsl(var(--opacity-pink-1-hsl)/0.0196078431372549);
|
|
--opacity-pink-1-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-4: hsl(var(--opacity-pink-4-hsl)/0.0392156862745098);
|
|
--opacity-pink-4-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-8: hsl(var(--opacity-pink-8-hsl)/0.0784313725490196);
|
|
--opacity-pink-8-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-12: hsl(var(--opacity-pink-12-hsl)/0.12156862745098039);
|
|
--opacity-pink-12-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-16: hsl(var(--opacity-pink-16-hsl)/0.1607843137254902);
|
|
--opacity-pink-16-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-20: hsl(var(--opacity-pink-20-hsl)/0.2);
|
|
--opacity-pink-20-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-24: hsl(var(--opacity-pink-24-hsl)/0.23921568627450981);
|
|
--opacity-pink-24-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-28: hsl(var(--opacity-pink-28-hsl)/0.2784313725490196);
|
|
--opacity-pink-28-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-32: hsl(var(--opacity-pink-32-hsl)/0.3215686274509804);
|
|
--opacity-pink-32-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-36: hsl(var(--opacity-pink-36-hsl)/0.3607843137254902);
|
|
--opacity-pink-36-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-40: hsl(var(--opacity-pink-40-hsl)/0.4);
|
|
--opacity-pink-40-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-44: hsl(var(--opacity-pink-44-hsl)/0.4392156862745098);
|
|
--opacity-pink-44-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-48: hsl(var(--opacity-pink-48-hsl)/0.47843137254901963);
|
|
--opacity-pink-48-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-52: hsl(var(--opacity-pink-52-hsl)/0.5215686274509804);
|
|
--opacity-pink-52-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-56: hsl(var(--opacity-pink-56-hsl)/0.5607843137254902);
|
|
--opacity-pink-56-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-60: hsl(var(--opacity-pink-60-hsl)/0.6);
|
|
--opacity-pink-60-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-64: hsl(var(--opacity-pink-64-hsl)/0.6392156862745098);
|
|
--opacity-pink-64-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-68: hsl(var(--opacity-pink-68-hsl)/0.6784313725490196);
|
|
--opacity-pink-68-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-72: hsl(var(--opacity-pink-72-hsl)/0.7215686274509804);
|
|
--opacity-pink-72-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-76: hsl(var(--opacity-pink-76-hsl)/0.7607843137254902);
|
|
--opacity-pink-76-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-80: hsl(var(--opacity-pink-80-hsl)/0.8);
|
|
--opacity-pink-80-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-84: hsl(var(--opacity-pink-84-hsl)/0.8392156862745098);
|
|
--opacity-pink-84-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-88: hsl(var(--opacity-pink-88-hsl)/0.8784313725490196);
|
|
--opacity-pink-88-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-92: hsl(var(--opacity-pink-92-hsl)/0.9215686274509803);
|
|
--opacity-pink-92-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-pink-96: hsl(var(--opacity-pink-96-hsl)/0.9607843137254902);
|
|
--opacity-pink-96-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
|
|
--opacity-white-1: hsl(var(--opacity-white-1-hsl)/0.0196078431372549);
|
|
--opacity-white-1-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-4: hsl(var(--opacity-white-4-hsl)/0.0392156862745098);
|
|
--opacity-white-4-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-8: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
|
|
--opacity-white-8-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-12: hsl(var(--opacity-white-12-hsl)/0.12156862745098039);
|
|
--opacity-white-12-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-16: hsl(var(--opacity-white-16-hsl)/0.1607843137254902);
|
|
--opacity-white-16-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-20: hsl(var(--opacity-white-20-hsl)/0.2);
|
|
--opacity-white-20-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-24: hsl(var(--opacity-white-24-hsl)/0.23921568627450981);
|
|
--opacity-white-24-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-28: hsl(var(--opacity-white-28-hsl)/0.2784313725490196);
|
|
--opacity-white-28-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-32: hsl(var(--opacity-white-32-hsl)/0.3215686274509804);
|
|
--opacity-white-32-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-36: hsl(var(--opacity-white-36-hsl)/0.3607843137254902);
|
|
--opacity-white-36-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-40: hsl(var(--opacity-white-40-hsl)/0.4);
|
|
--opacity-white-40-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-44: hsl(var(--opacity-white-44-hsl)/0.4392156862745098);
|
|
--opacity-white-44-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-48: hsl(var(--opacity-white-48-hsl)/0.47843137254901963);
|
|
--opacity-white-48-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-52: hsl(var(--opacity-white-52-hsl)/0.5215686274509804);
|
|
--opacity-white-52-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-56: hsl(var(--opacity-white-56-hsl)/0.5607843137254902);
|
|
--opacity-white-56-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-60: hsl(var(--opacity-white-60-hsl)/0.6);
|
|
--opacity-white-60-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-64: hsl(var(--opacity-white-64-hsl)/0.6392156862745098);
|
|
--opacity-white-64-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-68: hsl(var(--opacity-white-68-hsl)/0.6784313725490196);
|
|
--opacity-white-68-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-72: hsl(var(--opacity-white-72-hsl)/0.7215686274509804);
|
|
--opacity-white-72-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-76: hsl(var(--opacity-white-76-hsl)/0.7607843137254902);
|
|
--opacity-white-76-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-80: hsl(var(--opacity-white-80-hsl)/0.8);
|
|
--opacity-white-80-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-84: hsl(var(--opacity-white-84-hsl)/0.8392156862745098);
|
|
--opacity-white-84-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-88: hsl(var(--opacity-white-88-hsl)/0.8784313725490196);
|
|
--opacity-white-88-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-92: hsl(var(--opacity-white-92-hsl)/0.9215686274509803);
|
|
--opacity-white-92-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-white-96: hsl(var(--opacity-white-96-hsl)/0.9607843137254902);
|
|
--opacity-white-96-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--opacity-black-1: hsl(var(--opacity-black-1-hsl)/0.0196078431372549);
|
|
--opacity-black-1-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-4: hsl(var(--opacity-black-4-hsl)/0.0392156862745098);
|
|
--opacity-black-4-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-8: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--opacity-black-8-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-12: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
|
|
--opacity-black-12-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-16: hsl(var(--opacity-black-16-hsl)/0.1607843137254902);
|
|
--opacity-black-16-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-20: hsl(var(--opacity-black-20-hsl)/0.2);
|
|
--opacity-black-20-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-24: hsl(var(--opacity-black-24-hsl)/0.23921568627450981);
|
|
--opacity-black-24-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-28: hsl(var(--opacity-black-28-hsl)/0.2784313725490196);
|
|
--opacity-black-28-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-32: hsl(var(--opacity-black-32-hsl)/0.3215686274509804);
|
|
--opacity-black-32-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-36: hsl(var(--opacity-black-36-hsl)/0.3607843137254902);
|
|
--opacity-black-36-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-40: hsl(var(--opacity-black-40-hsl)/0.4);
|
|
--opacity-black-40-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-44: hsl(var(--opacity-black-44-hsl)/0.4392156862745098);
|
|
--opacity-black-44-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-48: hsl(var(--opacity-black-48-hsl)/0.47843137254901963);
|
|
--opacity-black-48-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-52: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
|
|
--opacity-black-52-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-56: hsl(var(--opacity-black-56-hsl)/0.5607843137254902);
|
|
--opacity-black-56-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-60: hsl(var(--opacity-black-60-hsl)/0.6);
|
|
--opacity-black-60-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-64: hsl(var(--opacity-black-64-hsl)/0.6392156862745098);
|
|
--opacity-black-64-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-68: hsl(var(--opacity-black-68-hsl)/0.6784313725490196);
|
|
--opacity-black-68-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-72: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
|
|
--opacity-black-72-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-76: hsl(var(--opacity-black-76-hsl)/0.7607843137254902);
|
|
--opacity-black-76-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-80: hsl(var(--opacity-black-80-hsl)/0.8);
|
|
--opacity-black-80-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-84: hsl(var(--opacity-black-84-hsl)/0.8392156862745098);
|
|
--opacity-black-84-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-88: hsl(var(--opacity-black-88-hsl)/0.8784313725490196);
|
|
--opacity-black-88-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-92: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
|
|
--opacity-black-92-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--opacity-black-96: hsl(var(--opacity-black-96-hsl)/0.9607843137254902);
|
|
--opacity-black-96-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--red-100: hsl(var(--red-100-hsl)/1);
|
|
--red-100-hsl: 350 calc(var(--saturation-factor, 1)*75%) 98.431%;
|
|
--red-130: hsl(var(--red-130-hsl)/1);
|
|
--red-130-hsl: 0 calc(var(--saturation-factor, 1)*83.333%) 97.647%;
|
|
--red-160: hsl(var(--red-160-hsl)/1);
|
|
--red-160-hsl: 0 calc(var(--saturation-factor, 1)*90.909%) 95.686%;
|
|
--red-200: hsl(var(--red-200-hsl)/1);
|
|
--red-200-hsl: 358.125 calc(var(--saturation-factor, 1)*88.889%) 92.941%;
|
|
--red-230: hsl(var(--red-230-hsl)/1);
|
|
--red-230-hsl: 358.696 calc(var(--saturation-factor, 1)*85.185%) 89.412%;
|
|
--red-260: hsl(var(--red-260-hsl)/1);
|
|
--red-260-hsl: 359.077 calc(var(--saturation-factor, 1)*89.041%) 85.686%;
|
|
--red-300: hsl(var(--red-300-hsl)/1);
|
|
--red-300-hsl: 358.588 calc(var(--saturation-factor, 1)*91.398%) 81.765%;
|
|
--red-330: hsl(var(--red-330-hsl)/1);
|
|
--red-330-hsl: 358.857 calc(var(--saturation-factor, 1)*91.304%) 77.451%;
|
|
--red-345: hsl(var(--red-345-hsl)/1);
|
|
--red-345-hsl: 358.168 calc(var(--saturation-factor, 1)*92.908%) 72.353%;
|
|
--red-360: hsl(var(--red-360-hsl)/1);
|
|
--red-360-hsl: 358.471 calc(var(--saturation-factor, 1)*91.813%) 66.471%;
|
|
--red-400: hsl(var(--red-400-hsl)/1);
|
|
--red-400-hsl: 358.659 calc(var(--saturation-factor, 1)*87.317%) 59.804%;
|
|
--red-430: hsl(var(--red-430-hsl)/1);
|
|
--red-430-hsl: 358.16 calc(var(--saturation-factor, 1)*68.776%) 53.529%;
|
|
--red-460: hsl(var(--red-460-hsl)/1);
|
|
--red-460-hsl: 358.705 calc(var(--saturation-factor, 1)*59.149%) 46.078%;
|
|
--red-500: hsl(var(--red-500-hsl)/1);
|
|
--red-500-hsl: 359.504 calc(var(--saturation-factor, 1)*60.199%) 39.412%;
|
|
--red-530: hsl(var(--red-530-hsl)/1);
|
|
--red-530-hsl: 358.919 calc(var(--saturation-factor, 1)*63.429%) 34.314%;
|
|
--red-560: hsl(var(--red-560-hsl)/1);
|
|
--red-560-hsl: 358.788 calc(var(--saturation-factor, 1)*63.871%) 30.392%;
|
|
--red-600: hsl(var(--red-600-hsl)/1);
|
|
--red-600-hsl: 358.636 calc(var(--saturation-factor, 1)*64.706%) 26.667%;
|
|
--red-630: hsl(var(--red-630-hsl)/1);
|
|
--red-630-hsl: 358.5 calc(var(--saturation-factor, 1)*65.574%) 23.922%;
|
|
--red-660: hsl(var(--red-660-hsl)/1);
|
|
--red-660-hsl: 359.155 calc(var(--saturation-factor, 1)*65.138%) 21.373%;
|
|
--red-700: hsl(var(--red-700-hsl)/1);
|
|
--red-700-hsl: 358.125 calc(var(--saturation-factor, 1)*66.667%) 18.824%;
|
|
--red-730: hsl(var(--red-730-hsl)/1);
|
|
--red-730-hsl: 358.929 calc(var(--saturation-factor, 1)*66.667%) 16.471%;
|
|
--red-760: hsl(var(--red-760-hsl)/1);
|
|
--red-760-hsl: 358.846 calc(var(--saturation-factor, 1)*70.27%) 14.51%;
|
|
--red-800: hsl(var(--red-800-hsl)/1);
|
|
--red-800-hsl: 358.636 calc(var(--saturation-factor, 1)*68.75%) 12.549%;
|
|
--red-830: hsl(var(--red-830-hsl)/1);
|
|
--red-830-hsl: 358.378 calc(var(--saturation-factor, 1)*67.273%) 10.784%;
|
|
--red-860: hsl(var(--red-860-hsl)/1);
|
|
--red-860-hsl: 0 calc(var(--saturation-factor, 1)*66.667%) 9.412%;
|
|
--red-900: hsl(var(--red-900-hsl)/1);
|
|
--red-900-hsl: 0 calc(var(--saturation-factor, 1)*70%) 7.843%;
|
|
--orange-100: hsl(var(--orange-100-hsl)/1);
|
|
--orange-100-hsl: 18 calc(var(--saturation-factor, 1)*100%) 98.039%;
|
|
--orange-130: hsl(var(--orange-130-hsl)/1);
|
|
--orange-130-hsl: 23.333 calc(var(--saturation-factor, 1)*100%) 96.471%;
|
|
--orange-160: hsl(var(--orange-160-hsl)/1);
|
|
--orange-160-hsl: 21.29 calc(var(--saturation-factor, 1)*93.939%) 93.529%;
|
|
--orange-200: hsl(var(--orange-200-hsl)/1);
|
|
--orange-200-hsl: 21.25 calc(var(--saturation-factor, 1)*92.308%) 89.804%;
|
|
--orange-230: hsl(var(--orange-230-hsl)/1);
|
|
--orange-230-hsl: 23.514 calc(var(--saturation-factor, 1)*92.5%) 84.314%;
|
|
--orange-260: hsl(var(--orange-260-hsl)/1);
|
|
--orange-260-hsl: 23.301 calc(var(--saturation-factor, 1)*94.495%) 78.627%;
|
|
--orange-300: hsl(var(--orange-300-hsl)/1);
|
|
--orange-300-hsl: 25.468 calc(var(--saturation-factor, 1)*94.558%) 71.176%;
|
|
--orange-330: hsl(var(--orange-330-hsl)/1);
|
|
--orange-330-hsl: 27 calc(var(--saturation-factor, 1)*94.737%) 62.745%;
|
|
--orange-345: hsl(var(--orange-345-hsl)/1);
|
|
--orange-345-hsl: 28.342 calc(var(--saturation-factor, 1)*87.665%) 55.49%;
|
|
--orange-360: hsl(var(--orange-360-hsl)/1);
|
|
--orange-360-hsl: 26.145 calc(var(--saturation-factor, 1)*71.315%) 50.784%;
|
|
--orange-400: hsl(var(--orange-400-hsl)/1);
|
|
--orange-400-hsl: 25.443 calc(var(--saturation-factor, 1)*67.521%) 45.882%;
|
|
--orange-430: hsl(var(--orange-430-hsl)/1);
|
|
--orange-430-hsl: 24.681 calc(var(--saturation-factor, 1)*69.458%) 39.804%;
|
|
--orange-460: hsl(var(--orange-460-hsl)/1);
|
|
--orange-460-hsl: 23.538 calc(var(--saturation-factor, 1)*72.222%) 35.294%;
|
|
--orange-500: hsl(var(--orange-500-hsl)/1);
|
|
--orange-500-hsl: 22.314 calc(var(--saturation-factor, 1)*76.101%) 31.176%;
|
|
--orange-530: hsl(var(--orange-530-hsl)/1);
|
|
--orange-530-hsl: 21.869 calc(var(--saturation-factor, 1)*76.978%) 27.255%;
|
|
--orange-560: hsl(var(--orange-560-hsl)/1);
|
|
--orange-560-hsl: 21.474 calc(var(--saturation-factor, 1)*77.236%) 24.118%;
|
|
--orange-600: hsl(var(--orange-600-hsl)/1);
|
|
--orange-600-hsl: 22.857 calc(var(--saturation-factor, 1)*79.245%) 20.784%;
|
|
--orange-630: hsl(var(--orange-630-hsl)/1);
|
|
--orange-630-hsl: 22.105 calc(var(--saturation-factor, 1)*79.167%) 18.824%;
|
|
--orange-660: hsl(var(--orange-660-hsl)/1);
|
|
--orange-660-hsl: 22.388 calc(var(--saturation-factor, 1)*78.824%) 16.667%;
|
|
--orange-700: hsl(var(--orange-700-hsl)/1);
|
|
--orange-700-hsl: 21.724 calc(var(--saturation-factor, 1)*76.316%) 14.902%;
|
|
--orange-730: hsl(var(--orange-730-hsl)/1);
|
|
--orange-730-hsl: 21.923 calc(var(--saturation-factor, 1)*78.788%) 12.941%;
|
|
--orange-760: hsl(var(--orange-760-hsl)/1);
|
|
--orange-760-hsl: 21.333 calc(var(--saturation-factor, 1)*78.947%) 11.176%;
|
|
--orange-800: hsl(var(--orange-800-hsl)/1);
|
|
--orange-800-hsl: 21 calc(var(--saturation-factor, 1)*80%) 9.804%;
|
|
--orange-830: hsl(var(--orange-830-hsl)/1);
|
|
--orange-830-hsl: 20 calc(var(--saturation-factor, 1)*76.744%) 8.431%;
|
|
--orange-860: hsl(var(--orange-860-hsl)/1);
|
|
--orange-860-hsl: 20 calc(var(--saturation-factor, 1)*72.973%) 7.255%;
|
|
--orange-900: hsl(var(--orange-900-hsl)/1);
|
|
--orange-900-hsl: 25.714 calc(var(--saturation-factor, 1)*72.414%) 5.686%;
|
|
--yellow-100: hsl(var(--yellow-100-hsl)/1);
|
|
--yellow-100-hsl: 33.75 calc(var(--saturation-factor, 1)*100%) 96.863%;
|
|
--yellow-130: hsl(var(--yellow-130-hsl)/1);
|
|
--yellow-130-hsl: 31.304 calc(var(--saturation-factor, 1)*100%) 95.49%;
|
|
--yellow-160: hsl(var(--yellow-160-hsl)/1);
|
|
--yellow-160-hsl: 32.727 calc(var(--saturation-factor, 1)*100%) 91.373%;
|
|
--yellow-200: hsl(var(--yellow-200-hsl)/1);
|
|
--yellow-200-hsl: 35 calc(var(--saturation-factor, 1)*97.297%) 85.49%;
|
|
--yellow-230: hsl(var(--yellow-230-hsl)/1);
|
|
--yellow-230-hsl: 36.637 calc(var(--saturation-factor, 1)*96.581%) 77.059%;
|
|
--yellow-260: hsl(var(--yellow-260-hsl)/1);
|
|
--yellow-260-hsl: 40.656 calc(var(--saturation-factor, 1)*96.825%) 62.941%;
|
|
--yellow-300: hsl(var(--yellow-300-hsl)/1);
|
|
--yellow-300-hsl: 40.421 calc(var(--saturation-factor, 1)*86.364%) 56.863%;
|
|
--yellow-330: hsl(var(--yellow-330-hsl)/1);
|
|
--yellow-330-hsl: 40 calc(var(--saturation-factor, 1)*75.309%) 52.353%;
|
|
--yellow-345: hsl(var(--yellow-345-hsl)/1);
|
|
--yellow-345-hsl: 39.545 calc(var(--saturation-factor, 1)*70.968%) 48.627%;
|
|
--yellow-360: hsl(var(--yellow-360-hsl)/1);
|
|
--yellow-360-hsl: 39.018 calc(var(--saturation-factor, 1)*74.429%) 42.941%;
|
|
--yellow-400: hsl(var(--yellow-400-hsl)/1);
|
|
--yellow-400-hsl: 37.792 calc(var(--saturation-factor, 1)*78.571%) 38.431%;
|
|
--yellow-430: hsl(var(--yellow-430-hsl)/1);
|
|
--yellow-430-hsl: 37.447 calc(var(--saturation-factor, 1)*84.431%) 32.745%;
|
|
--yellow-460: hsl(var(--yellow-460-hsl)/1);
|
|
--yellow-460-hsl: 36.279 calc(var(--saturation-factor, 1)*87.755%) 28.824%;
|
|
--yellow-500: hsl(var(--yellow-500-hsl)/1);
|
|
--yellow-500-hsl: 35.5 calc(var(--saturation-factor, 1)*93.75%) 25.098%;
|
|
--yellow-530: hsl(var(--yellow-530-hsl)/1);
|
|
--yellow-530-hsl: 34.857 calc(var(--saturation-factor, 1)*92.92%) 22.157%;
|
|
--yellow-560: hsl(var(--yellow-560-hsl)/1);
|
|
--yellow-560-hsl: 33.83 calc(var(--saturation-factor, 1)*94%) 19.608%;
|
|
--yellow-600: hsl(var(--yellow-600-hsl)/1);
|
|
--yellow-600-hsl: 34.815 calc(var(--saturation-factor, 1)*93.103%) 17.059%;
|
|
--yellow-630: hsl(var(--yellow-630-hsl)/1);
|
|
--yellow-630-hsl: 34.521 calc(var(--saturation-factor, 1)*92.405%) 15.49%;
|
|
--yellow-660: hsl(var(--yellow-660-hsl)/1);
|
|
--yellow-660-hsl: 34.688 calc(var(--saturation-factor, 1)*91.429%) 13.725%;
|
|
--yellow-700: hsl(var(--yellow-700-hsl)/1);
|
|
--yellow-700-hsl: 34.286 calc(var(--saturation-factor, 1)*90.323%) 12.157%;
|
|
--yellow-730: hsl(var(--yellow-730-hsl)/1);
|
|
--yellow-730-hsl: 32.941 calc(var(--saturation-factor, 1)*92.727%) 10.784%;
|
|
--yellow-760: hsl(var(--yellow-760-hsl)/1);
|
|
--yellow-760-hsl: 32.727 calc(var(--saturation-factor, 1)*91.667%) 9.412%;
|
|
--yellow-800: hsl(var(--yellow-800-hsl)/1);
|
|
--yellow-800-hsl: 32.432 calc(var(--saturation-factor, 1)*90.244%) 8.039%;
|
|
--yellow-830: hsl(var(--yellow-830-hsl)/1);
|
|
--yellow-830-hsl: 31.875 calc(var(--saturation-factor, 1)*88.889%) 7.059%;
|
|
--yellow-860: hsl(var(--yellow-860-hsl)/1);
|
|
--yellow-860-hsl: 32.308 calc(var(--saturation-factor, 1)*86.667%) 5.882%;
|
|
--yellow-900: hsl(var(--yellow-900-hsl)/1);
|
|
--yellow-900-hsl: 36 calc(var(--saturation-factor, 1)*83.333%) 4.706%;
|
|
--green-100: hsl(var(--green-100-hsl)/1);
|
|
--green-100-hsl: 136.667 calc(var(--saturation-factor, 1)*90%) 96.078%;
|
|
--green-130: hsl(var(--green-130-hsl)/1);
|
|
--green-130-hsl: 136.875 calc(var(--saturation-factor, 1)*94.118%) 93.333%;
|
|
--green-160: hsl(var(--green-160-hsl)/1);
|
|
--green-160-hsl: 140.952 calc(var(--saturation-factor, 1)*91.304%) 86.471%;
|
|
--green-200: hsl(var(--green-200-hsl)/1);
|
|
--green-200-hsl: 143.478 calc(var(--saturation-factor, 1)*93.496%) 75.882%;
|
|
--green-230: hsl(var(--green-230-hsl)/1);
|
|
--green-230-hsl: 146.323 calc(var(--saturation-factor, 1)*86.592%) 64.902%;
|
|
--green-260: hsl(var(--green-260-hsl)/1);
|
|
--green-260-hsl: 145.605 calc(var(--saturation-factor, 1)*75.12%) 59.02%;
|
|
--green-300: hsl(var(--green-300-hsl)/1);
|
|
--green-300-hsl: 146.323 calc(var(--saturation-factor, 1)*65.401%) 53.529%;
|
|
--green-330: hsl(var(--green-330-hsl)/1);
|
|
--green-330-hsl: 146.494 calc(var(--saturation-factor, 1)*63.115%) 47.843%;
|
|
--green-345: hsl(var(--green-345-hsl)/1);
|
|
--green-345-hsl: 146.939 calc(var(--saturation-factor, 1)*65.919%) 43.725%;
|
|
--green-360: hsl(var(--green-360-hsl)/1);
|
|
--green-360-hsl: 145.385 calc(var(--saturation-factor, 1)*65%) 39.216%;
|
|
--green-400: hsl(var(--green-400-hsl)/1);
|
|
--green-400-hsl: 142.703 calc(var(--saturation-factor, 1)*60.656%) 35.882%;
|
|
--green-430: hsl(var(--green-430-hsl)/1);
|
|
--green-430-hsl: 141.522 calc(var(--saturation-factor, 1)*56.098%) 32.157%;
|
|
--green-460: hsl(var(--green-460-hsl)/1);
|
|
--green-460-hsl: 141.481 calc(var(--saturation-factor, 1)*56.643%) 28.039%;
|
|
--green-500: hsl(var(--green-500-hsl)/1);
|
|
--green-500-hsl: 141.37 calc(var(--saturation-factor, 1)*58.4%) 24.51%;
|
|
--green-530: hsl(var(--green-530-hsl)/1);
|
|
--green-530-hsl: 140.308 calc(var(--saturation-factor, 1)*60.748%) 20.98%;
|
|
--green-560: hsl(var(--green-560-hsl)/1);
|
|
--green-560-hsl: 138.621 calc(var(--saturation-factor, 1)*61.702%) 18.431%;
|
|
--green-600: hsl(var(--green-600-hsl)/1);
|
|
--green-600-hsl: 139.245 calc(var(--saturation-factor, 1)*65.432%) 15.882%;
|
|
--green-630: hsl(var(--green-630-hsl)/1);
|
|
--green-630-hsl: 140 calc(var(--saturation-factor, 1)*66.667%) 14.118%;
|
|
--green-660: hsl(var(--green-660-hsl)/1);
|
|
--green-660-hsl: 139.091 calc(var(--saturation-factor, 1)*68.75%) 12.549%;
|
|
--green-700: hsl(var(--green-700-hsl)/1);
|
|
--green-700-hsl: 141 calc(var(--saturation-factor, 1)*74.074%) 10.588%;
|
|
--green-730: hsl(var(--green-730-hsl)/1);
|
|
--green-730-hsl: 138.333 calc(var(--saturation-factor, 1)*78.261%) 9.02%;
|
|
--green-760: hsl(var(--green-760-hsl)/1);
|
|
--green-760-hsl: 140 calc(var(--saturation-factor, 1)*84.615%) 7.647%;
|
|
--green-800: hsl(var(--green-800-hsl)/1);
|
|
--green-800-hsl: 139.286 calc(var(--saturation-factor, 1)*82.353%) 6.667%;
|
|
--green-830: hsl(var(--green-830-hsl)/1);
|
|
--green-830-hsl: 137.5 calc(var(--saturation-factor, 1)*80%) 5.882%;
|
|
--green-860: hsl(var(--green-860-hsl)/1);
|
|
--green-860-hsl: 132.632 calc(var(--saturation-factor, 1)*70.37%) 5.294%;
|
|
--green-900: hsl(var(--green-900-hsl)/1);
|
|
--green-900-hsl: 128.571 calc(var(--saturation-factor, 1)*58.333%) 4.706%;
|
|
--blue-100: hsl(var(--blue-100-hsl)/1);
|
|
--blue-100-hsl: 210 calc(var(--saturation-factor, 1)*80%) 98.039%;
|
|
--blue-130: hsl(var(--blue-130-hsl)/1);
|
|
--blue-130-hsl: 210 calc(var(--saturation-factor, 1)*87.5%) 96.863%;
|
|
--blue-160: hsl(var(--blue-160-hsl)/1);
|
|
--blue-160-hsl: 208.889 calc(var(--saturation-factor, 1)*87.097%) 93.922%;
|
|
--blue-200: hsl(var(--blue-200-hsl)/1);
|
|
--blue-200-hsl: 206.25 calc(var(--saturation-factor, 1)*92.308%) 89.804%;
|
|
--blue-230: hsl(var(--blue-230-hsl)/1);
|
|
--blue-230-hsl: 205.135 calc(var(--saturation-factor, 1)*92.5%) 84.314%;
|
|
--blue-260: hsl(var(--blue-260-hsl)/1);
|
|
--blue-260-hsl: 204.231 calc(var(--saturation-factor, 1)*94.545%) 78.431%;
|
|
--blue-300: hsl(var(--blue-300-hsl)/1);
|
|
--blue-300-hsl: 202.649 calc(var(--saturation-factor, 1)*97.419%) 69.608%;
|
|
--blue-330: hsl(var(--blue-330-hsl)/1);
|
|
--blue-330-hsl: 200.957 calc(var(--saturation-factor, 1)*100%) 59.02%;
|
|
--blue-345: hsl(var(--blue-345-hsl)/1);
|
|
--blue-345-hsl: 199.524 calc(var(--saturation-factor, 1)*100%) 49.412%;
|
|
--blue-360: hsl(var(--blue-360-hsl)/1);
|
|
--blue-360-hsl: 202.562 calc(var(--saturation-factor, 1)*100%) 47.451%;
|
|
--blue-400: hsl(var(--blue-400-hsl)/1);
|
|
--blue-400-hsl: 206.809 calc(var(--saturation-factor, 1)*100%) 46.078%;
|
|
--blue-430: hsl(var(--blue-430-hsl)/1);
|
|
--blue-430-hsl: 212.208 calc(var(--saturation-factor, 1)*100%) 45.294%;
|
|
--blue-460: hsl(var(--blue-460-hsl)/1);
|
|
--blue-460-hsl: 213.589 calc(var(--saturation-factor, 1)*100%) 40.98%;
|
|
--blue-500: hsl(var(--blue-500-hsl)/1);
|
|
--blue-500-hsl: 213.297 calc(var(--saturation-factor, 1)*100%) 35.686%;
|
|
--blue-530: hsl(var(--blue-530-hsl)/1);
|
|
--blue-530-hsl: 212.129 calc(var(--saturation-factor, 1)*100%) 30.392%;
|
|
--blue-560: hsl(var(--blue-560-hsl)/1);
|
|
--blue-560-hsl: 211.765 calc(var(--saturation-factor, 1)*100%) 26.667%;
|
|
--blue-600: hsl(var(--blue-600-hsl)/1);
|
|
--blue-600-hsl: 211.017 calc(var(--saturation-factor, 1)*100%) 23.137%;
|
|
--blue-630: hsl(var(--blue-630-hsl)/1);
|
|
--blue-630-hsl: 211.132 calc(var(--saturation-factor, 1)*100%) 20.784%;
|
|
--blue-660: hsl(var(--blue-660-hsl)/1);
|
|
--blue-660-hsl: 211.579 calc(var(--saturation-factor, 1)*100%) 18.627%;
|
|
--blue-700: hsl(var(--blue-700-hsl)/1);
|
|
--blue-700-hsl: 211.765 calc(var(--saturation-factor, 1)*100%) 16.667%;
|
|
--blue-730: hsl(var(--blue-730-hsl)/1);
|
|
--blue-730-hsl: 210.833 calc(var(--saturation-factor, 1)*100%) 14.118%;
|
|
--blue-760: hsl(var(--blue-760-hsl)/1);
|
|
--blue-760-hsl: 211.429 calc(var(--saturation-factor, 1)*100%) 12.353%;
|
|
--blue-800: hsl(var(--blue-800-hsl)/1);
|
|
--blue-800-hsl: 211.111 calc(var(--saturation-factor, 1)*100%) 10.588%;
|
|
--blue-830: hsl(var(--blue-830-hsl)/1);
|
|
--blue-830-hsl: 212.5 calc(var(--saturation-factor, 1)*100%) 9.412%;
|
|
--blue-860: hsl(var(--blue-860-hsl)/1);
|
|
--blue-860-hsl: 213.488 calc(var(--saturation-factor, 1)*100%) 8.431%;
|
|
--blue-900: hsl(var(--blue-900-hsl)/1);
|
|
--blue-900-hsl: 213.333 calc(var(--saturation-factor, 1)*100%) 7.059%;
|
|
--teal-100: hsl(var(--teal-100-hsl)/1);
|
|
--teal-100-hsl: 193.333 calc(var(--saturation-factor, 1)*69.231%) 97.451%;
|
|
--teal-130: hsl(var(--teal-130-hsl)/1);
|
|
--teal-130-hsl: 192 calc(var(--saturation-factor, 1)*83.333%) 95.294%;
|
|
--teal-160: hsl(var(--teal-160-hsl)/1);
|
|
--teal-160-hsl: 190.5 calc(var(--saturation-factor, 1)*83.333%) 90.588%;
|
|
--teal-200: hsl(var(--teal-200-hsl)/1);
|
|
--teal-200-hsl: 188.333 calc(var(--saturation-factor, 1)*85.714%) 83.529%;
|
|
--teal-230: hsl(var(--teal-230-hsl)/1);
|
|
--teal-230-hsl: 187.934 calc(var(--saturation-factor, 1)*88.321%) 73.137%;
|
|
--teal-260: hsl(var(--teal-260-hsl)/1);
|
|
--teal-260-hsl: 188.276 calc(var(--saturation-factor, 1)*81.921%) 65.294%;
|
|
--teal-300: hsl(var(--teal-300-hsl)/1);
|
|
--teal-300-hsl: 188.903 calc(var(--saturation-factor, 1)*72.77%) 58.235%;
|
|
--teal-330: hsl(var(--teal-330-hsl)/1);
|
|
--teal-330-hsl: 189.375 calc(var(--saturation-factor, 1)*65.574%) 52.157%;
|
|
--teal-345: hsl(var(--teal-345-hsl)/1);
|
|
--teal-345-hsl: 189.677 calc(var(--saturation-factor, 1)*62.753%) 48.431%;
|
|
--teal-360: hsl(var(--teal-360-hsl)/1);
|
|
--teal-360-hsl: 189.718 calc(var(--saturation-factor, 1)*63.964%) 43.529%;
|
|
--teal-400: hsl(var(--teal-400-hsl)/1);
|
|
--teal-400-hsl: 189.6 calc(var(--saturation-factor, 1)*63.452%) 38.627%;
|
|
--teal-430: hsl(var(--teal-430-hsl)/1);
|
|
--teal-430-hsl: 190.459 calc(var(--saturation-factor, 1)*63.006%) 33.922%;
|
|
--teal-460: hsl(var(--teal-460-hsl)/1);
|
|
--teal-460-hsl: 190.515 calc(var(--saturation-factor, 1)*64.238%) 29.608%;
|
|
--teal-500: hsl(var(--teal-500-hsl)/1);
|
|
--teal-500-hsl: 190.465 calc(var(--saturation-factor, 1)*65.152%) 25.882%;
|
|
--teal-530: hsl(var(--teal-530-hsl)/1);
|
|
--teal-530-hsl: 190.263 calc(var(--saturation-factor, 1)*66.667%) 22.353%;
|
|
--teal-560: hsl(var(--teal-560-hsl)/1);
|
|
--teal-560-hsl: 189.565 calc(var(--saturation-factor, 1)*69.697%) 19.412%;
|
|
--teal-600: hsl(var(--teal-600-hsl)/1);
|
|
--teal-600-hsl: 188.852 calc(var(--saturation-factor, 1)*71.765%) 16.667%;
|
|
--teal-630: hsl(var(--teal-630-hsl)/1);
|
|
--teal-630-hsl: 189.643 calc(var(--saturation-factor, 1)*73.684%) 14.902%;
|
|
--teal-660: hsl(var(--teal-660-hsl)/1);
|
|
--teal-660-hsl: 188.4 calc(var(--saturation-factor, 1)*75.758%) 12.941%;
|
|
--teal-700: hsl(var(--teal-700-hsl)/1);
|
|
--teal-700-hsl: 189.13 calc(var(--saturation-factor, 1)*79.31%) 11.373%;
|
|
--teal-730: hsl(var(--teal-730-hsl)/1);
|
|
--teal-730-hsl: 189 calc(var(--saturation-factor, 1)*80%) 9.804%;
|
|
--teal-760: hsl(var(--teal-760-hsl)/1);
|
|
--teal-760-hsl: 188.571 calc(var(--saturation-factor, 1)*81.395%) 8.431%;
|
|
--teal-800: hsl(var(--teal-800-hsl)/1);
|
|
--teal-800-hsl: 188 calc(var(--saturation-factor, 1)*83.333%) 7.059%;
|
|
--teal-830: hsl(var(--teal-830-hsl)/1);
|
|
--teal-830-hsl: 188.889 calc(var(--saturation-factor, 1)*87.097%) 6.078%;
|
|
--teal-860: hsl(var(--teal-860-hsl)/1);
|
|
--teal-860-hsl: 187.826 calc(var(--saturation-factor, 1)*85.185%) 5.294%;
|
|
--teal-900: hsl(var(--teal-900-hsl)/1);
|
|
--teal-900-hsl: 189 calc(var(--saturation-factor, 1)*90.909%) 4.314%;
|
|
--white: hsl(var(--white-hsl)/1);
|
|
--white-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--white-500: hsl(var(--white-500-hsl)/1);
|
|
--white-500-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
|
|
--black: hsl(var(--black-hsl)/1);
|
|
--black-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--black-500: hsl(var(--black-500-hsl)/1);
|
|
--black-500-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
|
|
--brand-100: hsl(var(--brand-100-hsl)/1);
|
|
--brand-100-hsl: 240 calc(var(--saturation-factor, 1)*77.778%) 98.235%;
|
|
--brand-130: hsl(var(--brand-130-hsl)/1);
|
|
--brand-130-hsl: 235.714 calc(var(--saturation-factor, 1)*87.5%) 96.863%;
|
|
--brand-160: hsl(var(--brand-160-hsl)/1);
|
|
--brand-160-hsl: 234.545 calc(var(--saturation-factor, 1)*84.615%) 94.902%;
|
|
--brand-200: hsl(var(--brand-200-hsl)/1);
|
|
--brand-200-hsl: 236 calc(var(--saturation-factor, 1)*83.333%) 92.941%;
|
|
--brand-230: hsl(var(--brand-230-hsl)/1);
|
|
--brand-230-hsl: 235.5 calc(var(--saturation-factor, 1)*86.957%) 90.98%;
|
|
--brand-260: hsl(var(--brand-260-hsl)/1);
|
|
--brand-260-hsl: 235.2 calc(var(--saturation-factor, 1)*86.207%) 88.627%;
|
|
--brand-300: hsl(var(--brand-300-hsl)/1);
|
|
--brand-300-hsl: 235.161 calc(var(--saturation-factor, 1)*86.111%) 85.882%;
|
|
--brand-330: hsl(var(--brand-330-hsl)/1);
|
|
--brand-330-hsl: 234.75 calc(var(--saturation-factor, 1)*85.106%) 81.569%;
|
|
--brand-345: hsl(var(--brand-345-hsl)/1);
|
|
--brand-345-hsl: 234.783 calc(var(--saturation-factor, 1)*85.185%) 78.824%;
|
|
--brand-360: hsl(var(--brand-360-hsl)/1);
|
|
--brand-360-hsl: 235.152 calc(var(--saturation-factor, 1)*86.087%) 77.451%;
|
|
--brand-400: hsl(var(--brand-400-hsl)/1);
|
|
--brand-400-hsl: 234.677 calc(var(--saturation-factor, 1)*86.111%) 71.765%;
|
|
--brand-430: hsl(var(--brand-430-hsl)/1);
|
|
--brand-430-hsl: 235 calc(var(--saturation-factor, 1)*85.714%) 69.804%;
|
|
--brand-460: hsl(var(--brand-460-hsl)/1);
|
|
--brand-460-hsl: 234.93 calc(var(--saturation-factor, 1)*85.542%) 67.451%;
|
|
--brand-500: hsl(var(--brand-500-hsl)/1);
|
|
--brand-500-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
|
|
--brand-530: hsl(var(--brand-530-hsl)/1);
|
|
--brand-530-hsl: 234.857 calc(var(--saturation-factor, 1)*66.667%) 58.824%;
|
|
--brand-560: hsl(var(--brand-560-hsl)/1);
|
|
--brand-560-hsl: 234.72 calc(var(--saturation-factor, 1)*51.44%) 52.353%;
|
|
--brand-600: hsl(var(--brand-600-hsl)/1);
|
|
--brand-600-hsl: 234.857 calc(var(--saturation-factor, 1)*46.667%) 44.118%;
|
|
--brand-630: hsl(var(--brand-630-hsl)/1);
|
|
--brand-630-hsl: 235.385 calc(var(--saturation-factor, 1)*46.667%) 38.235%;
|
|
--brand-660: hsl(var(--brand-660-hsl)/1);
|
|
--brand-660-hsl: 234.75 calc(var(--saturation-factor, 1)*47.059%) 33.333%;
|
|
--brand-700: hsl(var(--brand-700-hsl)/1);
|
|
--brand-700-hsl: 235.161 calc(var(--saturation-factor, 1)*46.97%) 25.882%;
|
|
--brand-730: hsl(var(--brand-730-hsl)/1);
|
|
--brand-730-hsl: 234.828 calc(var(--saturation-factor, 1)*46.774%) 24.314%;
|
|
--brand-760: hsl(var(--brand-760-hsl)/1);
|
|
--brand-760-hsl: 234.34 calc(var(--saturation-factor, 1)*46.903%) 22.157%;
|
|
--brand-800: hsl(var(--brand-800-hsl)/1);
|
|
--brand-800-hsl: 234.894 calc(var(--saturation-factor, 1)*47.475%) 19.412%;
|
|
--brand-830: hsl(var(--brand-830-hsl)/1);
|
|
--brand-830-hsl: 235 calc(var(--saturation-factor, 1)*47.368%) 14.902%;
|
|
--brand-860: hsl(var(--brand-860-hsl)/1);
|
|
--brand-860-hsl: 234.783 calc(var(--saturation-factor, 1)*46.939%) 9.608%;
|
|
--brand-900: hsl(var(--brand-900-hsl)/1);
|
|
--brand-900-hsl: 232.5 calc(var(--saturation-factor, 1)*50%) 3.137%;
|
|
--primary-100: hsl(var(--primary-100-hsl)/1);
|
|
--primary-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 97.647%;
|
|
--primary-130: hsl(var(--primary-130-hsl)/1);
|
|
--primary-130-hsl: 220 calc(var(--saturation-factor, 1)*13.043%) 95.49%;
|
|
--primary-160: hsl(var(--primary-160-hsl)/1);
|
|
--primary-160-hsl: 210 calc(var(--saturation-factor, 1)*11.111%) 92.941%;
|
|
--primary-200: hsl(var(--primary-200-hsl)/1);
|
|
--primary-200-hsl: 216 calc(var(--saturation-factor, 1)*9.804%) 90%;
|
|
--primary-230: hsl(var(--primary-230-hsl)/1);
|
|
--primary-230-hsl: 210 calc(var(--saturation-factor, 1)*9.091%) 87.059%;
|
|
--primary-260: hsl(var(--primary-260-hsl)/1);
|
|
--primary-260-hsl: 214.286 calc(var(--saturation-factor, 1)*8.434%) 83.725%;
|
|
--primary-300: hsl(var(--primary-300-hsl)/1);
|
|
--primary-300-hsl: 210 calc(var(--saturation-factor, 1)*9.259%) 78.824%;
|
|
--primary-330: hsl(var(--primary-330-hsl)/1);
|
|
--primary-330-hsl: 215 calc(var(--saturation-factor, 1)*8.824%) 73.333%;
|
|
--primary-345: hsl(var(--primary-345-hsl)/1);
|
|
--primary-345-hsl: 214.286 calc(var(--saturation-factor, 1)*8.434%) 67.451%;
|
|
--primary-360: hsl(var(--primary-360-hsl)/1);
|
|
--primary-360-hsl: 213.75 calc(var(--saturation-factor, 1)*8.081%) 61.176%;
|
|
--primary-400: hsl(var(--primary-400-hsl)/1);
|
|
--primary-400-hsl: 222.857 calc(var(--saturation-factor, 1)*5.833%) 52.941%;
|
|
--primary-430: hsl(var(--primary-430-hsl)/1);
|
|
--primary-430-hsl: 229.091 calc(var(--saturation-factor, 1)*4.803%) 44.902%;
|
|
--primary-460: hsl(var(--primary-460-hsl)/1);
|
|
--primary-460-hsl: 228 calc(var(--saturation-factor, 1)*5.155%) 38.039%;
|
|
--primary-500: hsl(var(--primary-500-hsl)/1);
|
|
--primary-500-hsl: 228 calc(var(--saturation-factor, 1)*6.024%) 32.549%;
|
|
--primary-530: hsl(var(--primary-530-hsl)/1);
|
|
--primary-530-hsl: 226.667 calc(var(--saturation-factor, 1)*6.475%) 27.255%;
|
|
--primary-560: hsl(var(--primary-560-hsl)/1);
|
|
--primary-560-hsl: 225 calc(var(--saturation-factor, 1)*6.667%) 23.529%;
|
|
--primary-600: hsl(var(--primary-600-hsl)/1);
|
|
--primary-600-hsl: 222.857 calc(var(--saturation-factor, 1)*6.667%) 20.588%;
|
|
--primary-630: hsl(var(--primary-630-hsl)/1);
|
|
--primary-630-hsl: 220 calc(var(--saturation-factor, 1)*6.522%) 18.039%;
|
|
--primary-645: hsl(var(--primary-645-hsl)/1);
|
|
--primary-645-hsl: 220 calc(var(--saturation-factor, 1)*6.977%) 16.863%;
|
|
--primary-660: hsl(var(--primary-660-hsl)/1);
|
|
--primary-660-hsl: 228 calc(var(--saturation-factor, 1)*6.667%) 14.706%;
|
|
--primary-700: hsl(var(--primary-700-hsl)/1);
|
|
--primary-700-hsl: 225 calc(var(--saturation-factor, 1)*6.25%) 12.549%;
|
|
--primary-730: hsl(var(--primary-730-hsl)/1);
|
|
--primary-730-hsl: 225 calc(var(--saturation-factor, 1)*7.143%) 10.98%;
|
|
--primary-760: hsl(var(--primary-760-hsl)/1);
|
|
--primary-760-hsl: 220 calc(var(--saturation-factor, 1)*6.383%) 9.216%;
|
|
--primary-800: hsl(var(--primary-800-hsl)/1);
|
|
--primary-800-hsl: 220 calc(var(--saturation-factor, 1)*8.108%) 7.255%;
|
|
--primary-830: hsl(var(--primary-830-hsl)/1);
|
|
--primary-830-hsl: 240 calc(var(--saturation-factor, 1)*4%) 4.902%;
|
|
--primary-860: hsl(var(--primary-860-hsl)/1);
|
|
--primary-860-hsl: 240 calc(var(--saturation-factor, 1)*7.692%) 2.549%;
|
|
--primary-900: hsl(var(--primary-900-hsl)/1);
|
|
--primary-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0.784%;
|
|
--plum-0: hsl(var(--plum-0-hsl)/1);
|
|
--plum-0-hsl: 240 calc(var(--saturation-factor, 1)*9.091%) 97.843%;
|
|
--plum-1: hsl(var(--plum-1-hsl)/1);
|
|
--plum-1-hsl: 240 calc(var(--saturation-factor, 1)*4.348%) 95.49%;
|
|
--plum-2: hsl(var(--plum-2-hsl)/1);
|
|
--plum-2-hsl: 220 calc(var(--saturation-factor, 1)*8.571%) 93.137%;
|
|
--plum-3: hsl(var(--plum-3-hsl)/1);
|
|
--plum-3-hsl: 225 calc(var(--saturation-factor, 1)*8%) 90.196%;
|
|
--plum-4: hsl(var(--plum-4-hsl)/1);
|
|
--plum-4-hsl: 225 calc(var(--saturation-factor, 1)*6.25%) 87.451%;
|
|
--plum-5: hsl(var(--plum-5-hsl)/1);
|
|
--plum-5-hsl: 220 calc(var(--saturation-factor, 1)*7.317%) 83.922%;
|
|
--plum-6: hsl(var(--plum-6-hsl)/1);
|
|
--plum-6-hsl: 231.429 calc(var(--saturation-factor, 1)*6.667%) 79.412%;
|
|
--plum-7: hsl(var(--plum-7-hsl)/1);
|
|
--plum-7-hsl: 226.667 calc(var(--saturation-factor, 1)*6.767%) 73.922%;
|
|
--plum-8: hsl(var(--plum-8-hsl)/1);
|
|
--plum-8-hsl: 230 calc(var(--saturation-factor, 1)*7.407%) 68.235%;
|
|
--plum-9: hsl(var(--plum-9-hsl)/1);
|
|
--plum-9-hsl: 231.429 calc(var(--saturation-factor, 1)*7.071%) 61.176%;
|
|
--plum-10: hsl(var(--plum-10-hsl)/1);
|
|
--plum-10-hsl: 228.75 calc(var(--saturation-factor, 1)*6.78%) 53.725%;
|
|
--plum-11: hsl(var(--plum-11-hsl)/1);
|
|
--plum-11-hsl: 228.75 calc(var(--saturation-factor, 1)*6.897%) 45.49%;
|
|
--plum-12: hsl(var(--plum-12-hsl)/1);
|
|
--plum-12-hsl: 228 calc(var(--saturation-factor, 1)*7.614%) 38.627%;
|
|
--plum-13: hsl(var(--plum-13-hsl)/1);
|
|
--plum-13-hsl: 227.143 calc(var(--saturation-factor, 1)*8.333%) 32.941%;
|
|
--plum-14: hsl(var(--plum-14-hsl)/1);
|
|
--plum-14-hsl: 230 calc(var(--saturation-factor, 1)*8.451%) 27.843%;
|
|
--plum-15: hsl(var(--plum-15-hsl)/1);
|
|
--plum-15-hsl: 229.091 calc(var(--saturation-factor, 1)*8.943%) 24.118%;
|
|
--plum-16: hsl(var(--plum-16-hsl)/1);
|
|
--plum-16-hsl: 234 calc(var(--saturation-factor, 1)*9.259%) 21.176%;
|
|
--plum-17: hsl(var(--plum-17-hsl)/1);
|
|
--plum-17-hsl: 233.333 calc(var(--saturation-factor, 1)*9.278%) 19.02%;
|
|
--plum-18: hsl(var(--plum-18-hsl)/1);
|
|
--plum-18-hsl: 233.333 calc(var(--saturation-factor, 1)*10.588%) 16.667%;
|
|
--plum-19: hsl(var(--plum-19-hsl)/1);
|
|
--plum-19-hsl: 232.5 calc(var(--saturation-factor, 1)*10.811%) 14.51%;
|
|
--plum-20: hsl(var(--plum-20-hsl)/1);
|
|
--plum-20-hsl: 231.429 calc(var(--saturation-factor, 1)*11.111%) 12.353%;
|
|
--plum-21: hsl(var(--plum-21-hsl)/1);
|
|
--plum-21-hsl: 231.429 calc(var(--saturation-factor, 1)*12.727%) 10.784%;
|
|
--plum-22: hsl(var(--plum-22-hsl)/1);
|
|
--plum-22-hsl: 240 calc(var(--saturation-factor, 1)*12%) 9.804%;
|
|
--plum-23: hsl(var(--plum-23-hsl)/1);
|
|
--plum-23-hsl: 240 calc(var(--saturation-factor, 1)*11.628%) 8.431%;
|
|
--plum-24: hsl(var(--plum-24-hsl)/1);
|
|
--plum-24-hsl: 228 calc(var(--saturation-factor, 1)*14.286%) 6.863%;
|
|
--plum-25: hsl(var(--plum-25-hsl)/1);
|
|
--plum-25-hsl: 240 calc(var(--saturation-factor, 1)*14.286%) 5.49%;
|
|
--plum-26: hsl(var(--plum-26-hsl)/1);
|
|
--plum-26-hsl: 240 calc(var(--saturation-factor, 1)*15.789%) 3.725%
|
|
}
|
|
|
|
.visual-refresh {
|
|
--blue-100: var(--blue-new-1);
|
|
--blue-100-hsl: var(--blue-new-1-hsl);
|
|
--blue-130: var(--blue-new-1);
|
|
--blue-130-hsl: var(--blue-new-1-hsl);
|
|
--blue-160: var(--blue-new-1);
|
|
--blue-160-hsl: var(--blue-new-1-hsl);
|
|
--blue-200: var(--blue-new-5);
|
|
--blue-200-hsl: var(--blue-new-5-hsl);
|
|
--blue-230: var(--blue-new-11);
|
|
--blue-230-hsl: var(--blue-new-11-hsl);
|
|
--blue-260: var(--blue-new-16);
|
|
--blue-260-hsl: var(--blue-new-16-hsl);
|
|
--blue-300: var(--blue-new-24);
|
|
--blue-300-hsl: var(--blue-new-24-hsl);
|
|
--blue-330: var(--blue-new-30);
|
|
--blue-330-hsl: var(--blue-new-30-hsl);
|
|
--blue-345: var(--blue-new-36);
|
|
--blue-345-hsl: var(--blue-new-36-hsl);
|
|
--blue-360: var(--blue-new-40);
|
|
--blue-360-hsl: var(--blue-new-40-hsl);
|
|
--blue-400: var(--blue-new-46);
|
|
--blue-400-hsl: var(--blue-new-46-hsl);
|
|
--blue-430: var(--blue-new-52);
|
|
--blue-430-hsl: var(--blue-new-52-hsl);
|
|
--blue-460: var(--blue-new-57);
|
|
--blue-460-hsl: var(--blue-new-57-hsl);
|
|
--blue-500: var(--blue-new-62);
|
|
--blue-500-hsl: var(--blue-new-62-hsl);
|
|
--blue-530: var(--blue-new-67);
|
|
--blue-530-hsl: var(--blue-new-67-hsl);
|
|
--blue-560: var(--blue-new-71);
|
|
--blue-560-hsl: var(--blue-new-71-hsl);
|
|
--blue-600: var(--blue-new-75);
|
|
--blue-600-hsl: var(--blue-new-75-hsl);
|
|
--blue-630: var(--blue-new-78);
|
|
--blue-630-hsl: var(--blue-new-78-hsl);
|
|
--blue-660: var(--blue-new-81);
|
|
--blue-660-hsl: var(--blue-new-81-hsl);
|
|
--blue-700: var(--blue-new-84);
|
|
--blue-700-hsl: var(--blue-new-84-hsl);
|
|
--blue-730: var(--blue-new-87);
|
|
--blue-730-hsl: var(--blue-new-87-hsl);
|
|
--blue-760: var(--blue-new-90);
|
|
--blue-760-hsl: var(--blue-new-90-hsl);
|
|
--blue-800: var(--blue-new-92);
|
|
--blue-800-hsl: var(--blue-new-92-hsl);
|
|
--blue-830: var(--blue-new-94);
|
|
--blue-830-hsl: var(--blue-new-94-hsl);
|
|
--blue-860: var(--blue-new-95);
|
|
--blue-860-hsl: var(--blue-new-95-hsl);
|
|
--blue-900: var(--blue-new-96);
|
|
--blue-900-hsl: var(--blue-new-96-hsl);
|
|
--brand-100: var(--blurple-1);
|
|
--brand-100-hsl: var(--blurple-1-hsl);
|
|
--brand-130: var(--blurple-1);
|
|
--brand-130-hsl: var(--blurple-1-hsl);
|
|
--brand-160: var(--blurple-1);
|
|
--brand-160-hsl: var(--blurple-1-hsl);
|
|
--brand-200: var(--blurple-4);
|
|
--brand-200-hsl: var(--blurple-4-hsl);
|
|
--brand-230: var(--blurple-7);
|
|
--brand-230-hsl: var(--blurple-7-hsl);
|
|
--brand-260: var(--blurple-10);
|
|
--brand-260-hsl: var(--blurple-10-hsl);
|
|
--brand-300: var(--blurple-15);
|
|
--brand-300-hsl: var(--blurple-15-hsl);
|
|
--brand-330: var(--blurple-21);
|
|
--brand-330-hsl: var(--blurple-21-hsl);
|
|
--brand-345: var(--blurple-26);
|
|
--brand-345-hsl: var(--blurple-26-hsl);
|
|
--brand-360: var(--blurple-29);
|
|
--brand-360-hsl: var(--blurple-29-hsl);
|
|
--brand-400: var(--blurple-38);
|
|
--brand-400-hsl: var(--blurple-38-hsl);
|
|
--brand-430: var(--blurple-41);
|
|
--brand-430-hsl: var(--blurple-41-hsl);
|
|
--brand-460: var(--blurple-45);
|
|
--brand-460-hsl: var(--blurple-45-hsl);
|
|
--brand-500: var(--blurple-50);
|
|
--brand-500-hsl: var(--blurple-50-hsl);
|
|
--brand-530: var(--blurple-54);
|
|
--brand-530-hsl: var(--blurple-54-hsl);
|
|
--brand-560: var(--blurple-59);
|
|
--brand-560-hsl: var(--blurple-59-hsl);
|
|
--brand-600: var(--blurple-65);
|
|
--brand-600-hsl: var(--blurple-65-hsl);
|
|
--brand-630: var(--blurple-70);
|
|
--brand-630-hsl: var(--blurple-70-hsl);
|
|
--brand-660: var(--blurple-74);
|
|
--brand-660-hsl: var(--blurple-74-hsl);
|
|
--brand-700: var(--blurple-81);
|
|
--brand-700-hsl: var(--blurple-81-hsl);
|
|
--brand-730: var(--blurple-82);
|
|
--brand-730-hsl: var(--blurple-82-hsl);
|
|
--brand-760: var(--blurple-84);
|
|
--brand-760-hsl: var(--blurple-84-hsl);
|
|
--brand-800: var(--blurple-86);
|
|
--brand-800-hsl: var(--blurple-86-hsl);
|
|
--brand-830: var(--blurple-91);
|
|
--brand-830-hsl: var(--blurple-91-hsl);
|
|
--brand-860: var(--blurple-96);
|
|
--brand-860-hsl: var(--blurple-96-hsl);
|
|
--brand-900: var(--blurple-99);
|
|
--brand-900-hsl: var(--blurple-99-hsl);
|
|
--green-100: var(--green-new-1);
|
|
--green-100-hsl: var(--green-new-1-hsl);
|
|
--green-130: var(--green-new-1);
|
|
--green-130-hsl: var(--green-new-1-hsl);
|
|
--green-160: var(--green-new-3);
|
|
--green-160-hsl: var(--green-new-3-hsl);
|
|
--green-200: var(--green-new-9);
|
|
--green-200-hsl: var(--green-new-9-hsl);
|
|
--green-230: var(--green-new-16);
|
|
--green-230-hsl: var(--green-new-16-hsl);
|
|
--green-260: var(--green-new-21);
|
|
--green-260-hsl: var(--green-new-21-hsl);
|
|
--green-300: var(--green-new-25);
|
|
--green-300-hsl: var(--green-new-25-hsl);
|
|
--green-330: var(--green-new-29);
|
|
--green-330-hsl: var(--green-new-29-hsl);
|
|
--green-345: var(--green-new-34);
|
|
--green-345-hsl: var(--green-new-34-hsl);
|
|
--green-360: var(--green-new-40);
|
|
--green-360-hsl: var(--green-new-40-hsl);
|
|
--green-400: var(--green-new-45);
|
|
--green-400-hsl: var(--green-new-45-hsl);
|
|
--green-430: var(--green-new-52);
|
|
--green-430-hsl: var(--green-new-52-hsl);
|
|
--green-460: var(--green-new-58);
|
|
--green-460-hsl: var(--green-new-58-hsl);
|
|
--green-500: var(--green-new-63);
|
|
--green-500-hsl: var(--green-new-63-hsl);
|
|
--green-530: var(--green-new-69);
|
|
--green-530-hsl: var(--green-new-69-hsl);
|
|
--green-560: var(--green-new-73);
|
|
--green-560-hsl: var(--green-new-73-hsl);
|
|
--green-600: var(--green-new-77);
|
|
--green-600-hsl: var(--green-new-77-hsl);
|
|
--green-630: var(--green-new-80);
|
|
--green-630-hsl: var(--green-new-80-hsl);
|
|
--green-660: var(--green-new-83);
|
|
--green-660-hsl: var(--green-new-83-hsl);
|
|
--green-700: var(--green-new-86);
|
|
--green-700-hsl: var(--green-new-86-hsl);
|
|
--green-730: var(--green-new-89);
|
|
--green-730-hsl: var(--green-new-89-hsl);
|
|
--green-760: var(--green-new-91);
|
|
--green-760-hsl: var(--green-new-91-hsl);
|
|
--green-800: var(--green-new-94);
|
|
--green-800-hsl: var(--green-new-94-hsl);
|
|
--green-830: var(--green-new-96);
|
|
--green-830-hsl: var(--green-new-96-hsl);
|
|
--green-860: var(--green-new-98);
|
|
--green-860-hsl: var(--green-new-98-hsl);
|
|
--green-900: var(--green-new-99);
|
|
--green-900-hsl: var(--green-new-99-hsl);
|
|
--orange-100: var(--orange-new-1);
|
|
--orange-100-hsl: var(--orange-new-1-hsl);
|
|
--orange-130: var(--orange-new-1);
|
|
--orange-130-hsl: var(--orange-new-1-hsl);
|
|
--orange-160: var(--orange-new-1);
|
|
--orange-160-hsl: var(--orange-new-1-hsl);
|
|
--orange-200: var(--orange-new-3);
|
|
--orange-200-hsl: var(--orange-new-3-hsl);
|
|
--orange-230: var(--orange-new-8);
|
|
--orange-230-hsl: var(--orange-new-8-hsl);
|
|
--orange-260: var(--orange-new-14);
|
|
--orange-260-hsl: var(--orange-new-14-hsl);
|
|
--orange-300: var(--orange-new-21);
|
|
--orange-300-hsl: var(--orange-new-21-hsl);
|
|
--orange-330: var(--orange-new-30);
|
|
--orange-330-hsl: var(--orange-new-30-hsl);
|
|
--orange-345: var(--orange-new-35);
|
|
--orange-345-hsl: var(--orange-new-35-hsl);
|
|
--orange-360: var(--orange-new-39);
|
|
--orange-360-hsl: var(--orange-new-39-hsl);
|
|
--orange-400: var(--orange-new-42);
|
|
--orange-400-hsl: var(--orange-new-42-hsl);
|
|
--orange-430: var(--orange-new-45);
|
|
--orange-430-hsl: var(--orange-new-45-hsl);
|
|
--orange-460: var(--orange-new-57);
|
|
--orange-460-hsl: var(--orange-new-57-hsl);
|
|
--orange-500: var(--orange-new-62);
|
|
--orange-500-hsl: var(--orange-new-62-hsl);
|
|
--orange-530: var(--orange-new-67);
|
|
--orange-530-hsl: var(--orange-new-67-hsl);
|
|
--orange-560: var(--orange-new-73);
|
|
--orange-560-hsl: var(--orange-new-73-hsl);
|
|
--orange-600: var(--orange-new-75);
|
|
--orange-600-hsl: var(--orange-new-75-hsl);
|
|
--orange-630: var(--orange-new-80);
|
|
--orange-630-hsl: var(--orange-new-80-hsl);
|
|
--orange-660: var(--orange-new-81);
|
|
--orange-660-hsl: var(--orange-new-81-hsl);
|
|
--orange-700: var(--orange-new-82);
|
|
--orange-700-hsl: var(--orange-new-82-hsl);
|
|
--orange-730: var(--orange-new-87);
|
|
--orange-730-hsl: var(--orange-new-87-hsl);
|
|
--orange-760: var(--orange-new-89);
|
|
--orange-760-hsl: var(--orange-new-89-hsl);
|
|
--orange-800: var(--orange-new-92);
|
|
--orange-800-hsl: var(--orange-new-92-hsl);
|
|
--orange-830: var(--orange-new-99);
|
|
--orange-830-hsl: var(--orange-new-99-hsl);
|
|
--orange-860: var(--orange-new-99);
|
|
--orange-860-hsl: var(--orange-new-99-hsl);
|
|
--orange-900: var(--orange-new-100);
|
|
--orange-900-hsl: var(--orange-new-100-hsl);
|
|
--plum-0: var(--neutral-2);
|
|
--plum-0-hsl: var(--neutral-2-hsl);
|
|
--plum-1: var(--neutral-4);
|
|
--plum-1-hsl: var(--neutral-4-hsl);
|
|
--plum-10: var(--neutral-34);
|
|
--plum-10-hsl: var(--neutral-34-hsl);
|
|
--plum-11: var(--neutral-41);
|
|
--plum-11-hsl: var(--neutral-41-hsl);
|
|
--plum-12: var(--neutral-46);
|
|
--plum-12-hsl: var(--neutral-46-hsl);
|
|
--plum-13: var(--neutral-50);
|
|
--plum-13-hsl: var(--neutral-50-hsl);
|
|
--plum-14: var(--neutral-58);
|
|
--plum-14-hsl: var(--neutral-58-hsl);
|
|
--plum-15: var(--neutral-64);
|
|
--plum-15-hsl: var(--neutral-64-hsl);
|
|
--plum-16: var(--neutral-69);
|
|
--plum-16-hsl: var(--neutral-69-hsl);
|
|
--plum-17: var(--neutral-73);
|
|
--plum-17-hsl: var(--neutral-73-hsl);
|
|
--plum-18: var(--neutral-77);
|
|
--plum-18-hsl: var(--neutral-77-hsl);
|
|
--plum-19: var(--neutral-80);
|
|
--plum-19-hsl: var(--neutral-80-hsl);
|
|
--plum-2: var(--neutral-6);
|
|
--plum-2-hsl: var(--neutral-6-hsl);
|
|
--plum-20: var(--neutral-84);
|
|
--plum-20-hsl: var(--neutral-84-hsl);
|
|
--plum-21: var(--neutral-86);
|
|
--plum-21-hsl: var(--neutral-86-hsl);
|
|
--plum-22: var(--neutral-89);
|
|
--plum-22-hsl: var(--neutral-89-hsl);
|
|
--plum-23: var(--neutral-91);
|
|
--plum-23-hsl: var(--neutral-91-hsl);
|
|
--plum-24: var(--neutral-93);
|
|
--plum-24-hsl: var(--neutral-93-hsl);
|
|
--plum-25: var(--neutral-95);
|
|
--plum-25-hsl: var(--neutral-95-hsl);
|
|
--plum-26: var(--neutral-97);
|
|
--plum-26-hsl: var(--neutral-97-hsl);
|
|
--plum-3: var(--neutral-8);
|
|
--plum-3-hsl: var(--neutral-8-hsl);
|
|
--plum-4: var(--neutral-10);
|
|
--plum-4-hsl: var(--neutral-10-hsl);
|
|
--plum-5: var(--neutral-12);
|
|
--plum-5-hsl: var(--neutral-12-hsl);
|
|
--plum-6: var(--neutral-15);
|
|
--plum-6-hsl: var(--neutral-15-hsl);
|
|
--plum-7: var(--neutral-19);
|
|
--plum-7-hsl: var(--neutral-19-hsl);
|
|
--plum-8: var(--neutral-24);
|
|
--plum-8-hsl: var(--neutral-24-hsl);
|
|
--plum-9: var(--neutral-29);
|
|
--plum-9-hsl: var(--neutral-29-hsl);
|
|
--primary-100: var(--neutral-2);
|
|
--primary-100-hsl: var(--neutral-2-hsl);
|
|
--primary-130: var(--neutral-4);
|
|
--primary-130-hsl: var(--neutral-4-hsl);
|
|
--primary-160: var(--neutral-6);
|
|
--primary-160-hsl: var(--neutral-6-hsl);
|
|
--primary-200: var(--neutral-8);
|
|
--primary-200-hsl: var(--neutral-8-hsl);
|
|
--primary-230: var(--neutral-10);
|
|
--primary-230-hsl: var(--neutral-10-hsl);
|
|
--primary-260: var(--neutral-12);
|
|
--primary-260-hsl: var(--neutral-12-hsl);
|
|
--primary-300: var(--neutral-15);
|
|
--primary-300-hsl: var(--neutral-15-hsl);
|
|
--primary-330: var(--neutral-19);
|
|
--primary-330-hsl: var(--neutral-19-hsl);
|
|
--primary-345: var(--neutral-23);
|
|
--primary-345-hsl: var(--neutral-23-hsl);
|
|
--primary-360: var(--neutral-28);
|
|
--primary-360-hsl: var(--neutral-28-hsl);
|
|
--primary-400: var(--neutral-34);
|
|
--primary-400-hsl: var(--neutral-34-hsl);
|
|
--primary-430: var(--neutral-41);
|
|
--primary-430-hsl: var(--neutral-41-hsl);
|
|
--primary-460: var(--neutral-46);
|
|
--primary-460-hsl: var(--neutral-46-hsl);
|
|
--primary-500: var(--neutral-50);
|
|
--primary-500-hsl: var(--neutral-50-hsl);
|
|
--primary-530: var(--neutral-59);
|
|
--primary-530-hsl: var(--neutral-59-hsl);
|
|
--primary-560: var(--neutral-64);
|
|
--primary-560-hsl: var(--neutral-64-hsl);
|
|
--primary-600: var(--neutral-69);
|
|
--primary-600-hsl: var(--neutral-69-hsl);
|
|
--primary-630: var(--neutral-73);
|
|
--primary-630-hsl: var(--neutral-73-hsl);
|
|
--primary-645: var(--neutral-75);
|
|
--primary-645-hsl: var(--neutral-75-hsl);
|
|
--primary-660: var(--neutral-79);
|
|
--primary-660-hsl: var(--neutral-79-hsl);
|
|
--primary-700: var(--neutral-83);
|
|
--primary-700-hsl: var(--neutral-83-hsl);
|
|
--primary-730: var(--neutral-86);
|
|
--primary-730-hsl: var(--neutral-86-hsl);
|
|
--primary-760: var(--neutral-89);
|
|
--primary-760-hsl: var(--neutral-89-hsl);
|
|
--primary-800: var(--neutral-92);
|
|
--primary-800-hsl: var(--neutral-92-hsl);
|
|
--primary-830: var(--neutral-95);
|
|
--primary-830-hsl: var(--neutral-95-hsl);
|
|
--primary-860: var(--neutral-98);
|
|
--primary-860-hsl: var(--neutral-98-hsl);
|
|
--primary-900: var(--neutral-99);
|
|
--primary-900-hsl: var(--neutral-99-hsl);
|
|
--red-100: var(--red-new-1);
|
|
--red-100-hsl: var(--red-new-1-hsl);
|
|
--red-130: var(--red-new-1);
|
|
--red-130-hsl: var(--red-new-1-hsl);
|
|
--red-160: var(--red-new-1);
|
|
--red-160-hsl: var(--red-new-1-hsl);
|
|
--red-200: var(--red-new-1);
|
|
--red-200-hsl: var(--red-new-1-hsl);
|
|
--red-230: var(--red-new-5);
|
|
--red-230-hsl: var(--red-new-5-hsl);
|
|
--red-260: var(--red-new-10);
|
|
--red-260-hsl: var(--red-new-10-hsl);
|
|
--red-300: var(--red-new-16);
|
|
--red-300-hsl: var(--red-new-16-hsl);
|
|
--red-330: var(--red-new-21);
|
|
--red-330-hsl: var(--red-new-21-hsl);
|
|
--red-345: var(--red-new-30);
|
|
--red-345-hsl: var(--red-new-30-hsl);
|
|
--red-360: var(--red-new-38);
|
|
--red-360-hsl: var(--red-new-38-hsl);
|
|
--red-400: var(--red-new-46);
|
|
--red-400-hsl: var(--red-new-46-hsl);
|
|
--red-430: var(--red-new-48);
|
|
--red-430-hsl: var(--red-new-48-hsl);
|
|
--red-460: var(--red-new-55);
|
|
--red-460-hsl: var(--red-new-55-hsl);
|
|
--red-500: var(--red-new-62);
|
|
--red-500-hsl: var(--red-new-62-hsl);
|
|
--red-530: var(--red-new-67);
|
|
--red-530-hsl: var(--red-new-67-hsl);
|
|
--red-560: var(--red-new-71);
|
|
--red-560-hsl: var(--red-new-71-hsl);
|
|
--red-600: var(--red-new-75);
|
|
--red-600-hsl: var(--red-new-75-hsl);
|
|
--red-630: var(--red-new-77);
|
|
--red-630-hsl: var(--red-new-77-hsl);
|
|
--red-660: var(--red-new-81);
|
|
--red-660-hsl: var(--red-new-81-hsl);
|
|
--red-700: var(--red-new-84);
|
|
--red-700-hsl: var(--red-new-84-hsl);
|
|
--red-730: var(--red-new-89);
|
|
--red-730-hsl: var(--red-new-89-hsl);
|
|
--red-760: var(--red-new-92);
|
|
--red-760-hsl: var(--red-new-92-hsl);
|
|
--red-800: var(--red-new-95);
|
|
--red-800-hsl: var(--red-new-95-hsl);
|
|
--red-830: var(--red-new-96);
|
|
--red-830-hsl: var(--red-new-96-hsl);
|
|
--red-860: var(--red-new-98);
|
|
--red-860-hsl: var(--red-new-98-hsl);
|
|
--red-900: var(--red-new-99);
|
|
--red-900-hsl: var(--red-new-99-hsl);
|
|
--teal-100: var(--teal-new-1);
|
|
--teal-100-hsl: var(--teal-new-1-hsl);
|
|
--teal-130: var(--teal-new-1);
|
|
--teal-130-hsl: var(--teal-new-1-hsl);
|
|
--teal-160: var(--teal-new-1);
|
|
--teal-160-hsl: var(--teal-new-1-hsl);
|
|
--teal-200: var(--teal-new-7);
|
|
--teal-200-hsl: var(--teal-new-7-hsl);
|
|
--teal-230: var(--teal-new-13);
|
|
--teal-230-hsl: var(--teal-new-13-hsl);
|
|
--teal-260: var(--teal-new-19);
|
|
--teal-260-hsl: var(--teal-new-19-hsl);
|
|
--teal-300: var(--teal-new-24);
|
|
--teal-300-hsl: var(--teal-new-24-hsl);
|
|
--teal-330: var(--teal-new-30);
|
|
--teal-330-hsl: var(--teal-new-30-hsl);
|
|
--teal-345: var(--teal-new-33);
|
|
--teal-345-hsl: var(--teal-new-33-hsl);
|
|
--teal-360: var(--teal-new-38);
|
|
--teal-360-hsl: var(--teal-new-38-hsl);
|
|
--teal-400: var(--teal-new-45);
|
|
--teal-400-hsl: var(--teal-new-45-hsl);
|
|
--teal-430: var(--teal-new-53);
|
|
--teal-430-hsl: var(--teal-new-53-hsl);
|
|
--teal-460: var(--teal-new-59);
|
|
--teal-460-hsl: var(--teal-new-59-hsl);
|
|
--teal-500: var(--teal-new-65);
|
|
--teal-500-hsl: var(--teal-new-65-hsl);
|
|
--teal-530: var(--teal-new-70);
|
|
--teal-530-hsl: var(--teal-new-70-hsl);
|
|
--teal-560: var(--teal-new-74);
|
|
--teal-560-hsl: var(--teal-new-74-hsl);
|
|
--teal-600: var(--teal-new-78);
|
|
--teal-600-hsl: var(--teal-new-78-hsl);
|
|
--teal-630: var(--teal-new-81);
|
|
--teal-630-hsl: var(--teal-new-81-hsl);
|
|
--teal-660: var(--teal-new-84);
|
|
--teal-660-hsl: var(--teal-new-84-hsl);
|
|
--teal-700: var(--teal-new-86);
|
|
--teal-700-hsl: var(--teal-new-86-hsl);
|
|
--teal-730: var(--teal-new-89);
|
|
--teal-730-hsl: var(--teal-new-89-hsl);
|
|
--teal-760: var(--teal-new-92);
|
|
--teal-760-hsl: var(--teal-new-92-hsl);
|
|
--teal-800: var(--teal-new-94);
|
|
--teal-800-hsl: var(--teal-new-94-hsl);
|
|
--teal-830: var(--teal-new-96);
|
|
--teal-830-hsl: var(--teal-new-96-hsl);
|
|
--teal-860: var(--teal-new-98);
|
|
--teal-860-hsl: var(--teal-new-98-hsl);
|
|
--teal-900: var(--teal-new-99);
|
|
--teal-900-hsl: var(--teal-new-99-hsl);
|
|
--yellow-100: var(--yellow-new-1);
|
|
--yellow-100-hsl: var(--yellow-new-1-hsl);
|
|
--yellow-130: var(--yellow-new-1);
|
|
--yellow-130-hsl: var(--yellow-new-1-hsl);
|
|
--yellow-160: var(--yellow-new-1);
|
|
--yellow-160-hsl: var(--yellow-new-1-hsl);
|
|
--yellow-200: var(--yellow-new-6);
|
|
--yellow-200-hsl: var(--yellow-new-6-hsl);
|
|
--yellow-230: var(--yellow-new-15);
|
|
--yellow-230-hsl: var(--yellow-new-15-hsl);
|
|
--yellow-260: var(--yellow-new-31);
|
|
--yellow-260-hsl: var(--yellow-new-31-hsl);
|
|
--yellow-300: var(--yellow-new-36);
|
|
--yellow-300-hsl: var(--yellow-new-36-hsl);
|
|
--yellow-330: var(--yellow-new-39);
|
|
--yellow-330-hsl: var(--yellow-new-39-hsl);
|
|
--yellow-345: var(--yellow-new-55);
|
|
--yellow-345-hsl: var(--yellow-new-55-hsl);
|
|
--yellow-360: var(--yellow-new-60);
|
|
--yellow-360-hsl: var(--yellow-new-60-hsl);
|
|
--yellow-400: var(--yellow-new-63);
|
|
--yellow-400-hsl: var(--yellow-new-63-hsl);
|
|
--yellow-430: var(--yellow-new-68);
|
|
--yellow-430-hsl: var(--yellow-new-68-hsl);
|
|
--yellow-460: var(--yellow-new-72);
|
|
--yellow-460-hsl: var(--yellow-new-72-hsl);
|
|
--yellow-500: var(--yellow-new-76);
|
|
--yellow-500-hsl: var(--yellow-new-76-hsl);
|
|
--yellow-530: var(--yellow-new-79);
|
|
--yellow-530-hsl: var(--yellow-new-79-hsl);
|
|
--yellow-560: var(--yellow-new-82);
|
|
--yellow-560-hsl: var(--yellow-new-82-hsl);
|
|
--yellow-600: var(--yellow-new-84);
|
|
--yellow-600-hsl: var(--yellow-new-84-hsl);
|
|
--yellow-630: var(--yellow-new-86);
|
|
--yellow-630-hsl: var(--yellow-new-86-hsl);
|
|
--yellow-660: var(--yellow-new-86);
|
|
--yellow-660-hsl: var(--yellow-new-86-hsl);
|
|
--yellow-700: var(--yellow-new-88);
|
|
--yellow-700-hsl: var(--yellow-new-88-hsl);
|
|
--yellow-730: var(--yellow-new-90);
|
|
--yellow-730-hsl: var(--yellow-new-90-hsl);
|
|
--yellow-760: var(--yellow-new-92);
|
|
--yellow-760-hsl: var(--yellow-new-92-hsl);
|
|
--yellow-800: var(--yellow-new-93);
|
|
--yellow-800-hsl: var(--yellow-new-93-hsl);
|
|
--yellow-830: var(--yellow-new-96);
|
|
--yellow-830-hsl: var(--yellow-new-96-hsl);
|
|
--yellow-860: var(--yellow-new-100);
|
|
--yellow-860-hsl: var(--yellow-new-100-hsl);
|
|
--yellow-900: var(--yellow-new-100);
|
|
--yellow-900-hsl: var(--yellow-new-100-hsl)
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .theme-dark,.refresh-fast-follow-distinct-borders.theme-dark {
|
|
--app-frame-border: var(--neutral-52)
|
|
}
|
|
|
|
@supports (color: color-mix(in lch,red,blue)) {
|
|
.refresh-fast-follow-distinct-borders .theme-dark,.refresh-fast-follow-distinct-borders.theme-dark {
|
|
--app-frame-border:color-mix(in oklab,var(--neutral-52) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
|
|
}
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .theme-light,.refresh-fast-follow-distinct-borders.theme-light {
|
|
--app-frame-border: var(--neutral-12)
|
|
}
|
|
|
|
@supports (color: color-mix(in lch,red,blue)) {
|
|
.refresh-fast-follow-distinct-borders .theme-light,.refresh-fast-follow-distinct-borders.theme-light {
|
|
--app-frame-border:color-mix(in oklab,var(--neutral-12) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
|
|
}
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .theme-midnight,.refresh-fast-follow-distinct-borders.theme-midnight {
|
|
--app-frame-border: var(--neutral-73)
|
|
}
|
|
|
|
@supports (color: color-mix(in lch,red,blue)) {
|
|
.refresh-fast-follow-distinct-borders .theme-midnight,.refresh-fast-follow-distinct-borders.theme-midnight {
|
|
--app-frame-border:color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
|
|
}
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .theme-darker,.refresh-fast-follow-distinct-borders.theme-darker {
|
|
--app-frame-border: var(--neutral-65)
|
|
}
|
|
|
|
@supports (color: color-mix(in lch,red,blue)) {
|
|
.refresh-fast-follow-distinct-borders .theme-darker,.refresh-fast-follow-distinct-borders.theme-darker {
|
|
--app-frame-border:color-mix(in oklab,var(--neutral-65) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
|
|
}
|
|
}
|
|
|
|
.mana-toggle-inputs .theme-dark,.mana-toggle-inputs.theme-dark {
|
|
--checkbox-background-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--checkbox-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098)
|
|
}
|
|
|
|
.mana-toggle-inputs .theme-light,.mana-toggle-inputs.theme-light {
|
|
--checkbox-background-default: hsl(var(--opacity-black-4-hsl)/0.0392156862745098);
|
|
--checkbox-border-default: var(--neutral-34)
|
|
}
|
|
|
|
.mana-toggle-inputs .theme-darker,.mana-toggle-inputs .theme-midnight,.mana-toggle-inputs.theme-darker,.mana-toggle-inputs.theme-midnight {
|
|
--checkbox-background-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
|
|
--checkbox-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098)
|
|
}
|
|
|
|
.theme-dark {
|
|
--shadow-border: 0 0 0 1px hsl(none 0% 100%/0.08);
|
|
--shadow-border-filter: drop-shadow(0 0 1px hsl(none 0% 100%/0.08));
|
|
--shadow-button-overlay: 0 12px 24px 0 hsl(none 0% 0%/0.24);
|
|
--shadow-button-overlay-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
|
|
--shadow-high: 0 12px 24px 0 hsl(none 0% 0%/0.24);
|
|
--shadow-high-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
|
|
--shadow-ledge: 0 2px 0 0 hsl(none 0% 0%/0.05),0 1.5px 0 0 hsl(none 0% 0%/0.05),0 1px 0 0 hsl(none 0% 0%/0.16);
|
|
--shadow-ledge-filter: drop-shadow(0 1.5px 0 hsl(none 0% 0%/0.24));
|
|
--shadow-low: 0 1px 4px 0 hsl(none 0% 0%/0.14);
|
|
--shadow-low-filter: drop-shadow(0 1px 4px hsl(none 0% 0%/0.14));
|
|
--shadow-low-active: 0 0 4px 0 hsl(none 0% 0%/0.14);
|
|
--shadow-low-active-filter: drop-shadow(0 0 4px hsl(none 0% 0%/0.14));
|
|
--shadow-low-hover: 0 4px 10px 0 hsl(none 0% 0%/0.14);
|
|
--shadow-low-hover-filter: drop-shadow(0 4px 10px hsl(none 0% 0%/0.14));
|
|
--shadow-medium: 0 4px 8px 0 hsl(none 0% 0%/0.16);
|
|
--shadow-medium-filter: drop-shadow(0 4px 8px hsl(none 0% 0%/0.16));
|
|
--shadow-mobile-navigator-x: 0 0 10px 0 hsl(none 0% 0%/0.22);
|
|
--shadow-mobile-navigator-x-filter: drop-shadow(0 0 10px hsl(none 0% 0%/0.22));
|
|
--shadow-top-high: 0 -12px 32px 0 hsl(none 0% 0%/0.24);
|
|
--shadow-top-high-filter: drop-shadow(0 -12px 32px hsl(none 0% 0%/0.24));
|
|
--shadow-top-ledge: 0 -2px 0 0 hsl(none 0% 0%/0.05),0 -1.5px 0 0 hsl(none 0% 0%/0.05),0 -1px 0 0 hsl(none 0% 0%/0.16);
|
|
--shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 hsl(none 0% 0%/0.24));
|
|
--shadow-top-low: 0 -1px 4px 0 hsl(none 0% 0%/0.14);
|
|
--shadow-top-low-filter: drop-shadow(0 -1px 4px hsl(none 0% 0%/0.14))
|
|
}
|
|
|
|
.theme-light {
|
|
--shadow-border: 0 0 0 1px hsl(none 0% 0%/0.08);
|
|
--shadow-border-filter: drop-shadow(0 0 1px hsl(none 0% 0%/0.08));
|
|
--shadow-button-overlay: 0 12px 24px 0 hsl(none 0% 0%/0.24);
|
|
--shadow-button-overlay-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
|
|
--shadow-high: 0 12px 36px 0 hsl(none 0% 0%/0.12);
|
|
--shadow-high-filter: drop-shadow(0 12px 36px hsl(none 0% 0%/0.12));
|
|
--shadow-ledge: 0 2px 0 0 hsl(none 0% 0%/0.03),0 1.5px 0 0 hsl(none 0% 0%/0.03),0 1px 0 0 hsl(none 0% 0%/0.08);
|
|
--shadow-ledge-filter: drop-shadow(0 1.5px 0 hsl(none 0% 0%/0.12));
|
|
--shadow-low: 0 1px 4px 0 hsl(none 0% 0%/0.08);
|
|
--shadow-low-filter: drop-shadow(0 1px 4px hsl(none 0% 0%/0.08));
|
|
--shadow-low-active: 0 0 4px 0 hsl(none 0% 0%/0.08);
|
|
--shadow-low-active-filter: drop-shadow(0 0 4px hsl(none 0% 0%/0.08));
|
|
--shadow-low-hover: 0 4px 8px 0 hsl(none 0% 0%/0.08);
|
|
--shadow-low-hover-filter: drop-shadow(0 4px 8px hsl(none 0% 0%/0.08));
|
|
--shadow-medium: 0 4px 8px 0 hsl(none 0% 0%/0.08);
|
|
--shadow-medium-filter: drop-shadow(0 4px 8px hsl(none 0% 0%/0.08));
|
|
--shadow-mobile-navigator-x: 0 0 9px 0 hsl(none 0% 0%/0.13);
|
|
--shadow-mobile-navigator-x-filter: drop-shadow(0 0 9px hsl(none 0% 0%/0.13));
|
|
--shadow-top-high: 0 -12px 36px 0 hsl(none 0% 0%/0.12);
|
|
--shadow-top-high-filter: drop-shadow(0 -12px 36px hsl(none 0% 0%/0.12));
|
|
--shadow-top-ledge: 0 -2px 0 0 hsl(none 0% 0%/0.03),0 -1.5px 0 0 hsl(none 0% 0%/0.03),0 -1px 0 0 hsl(none 0% 0%/0.08);
|
|
--shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 hsl(none 0% 0%/0.12));
|
|
--shadow-top-low: 0 -1px 4px 0 hsl(none 0% 0%/0.08);
|
|
--shadow-top-low-filter: drop-shadow(0 -1px 4px hsl(none 0% 0%/0.08))
|
|
}
|
|
|
|
.theme-darker,.theme-midnight {
|
|
--shadow-border: 0 0 0 1px hsl(none 0% 100%/0.08);
|
|
--shadow-border-filter: drop-shadow(0 0 1px hsl(none 0% 100%/0.08));
|
|
--shadow-button-overlay: 0 12px 24px 0 hsl(none 0% 0%/0.24);
|
|
--shadow-button-overlay-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
|
|
--shadow-high: 0 12px 24px 0 hsl(none 0% 0%/0.24);
|
|
--shadow-high-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
|
|
--shadow-ledge: 0 2px 0 0 hsl(none 0% 0%/0.05),0 1.5px 0 0 hsl(none 0% 0%/0.05),0 1px 0 0 hsl(none 0% 0%/0.16);
|
|
--shadow-ledge-filter: drop-shadow(0 1.5px 0 hsl(none 0% 0%/0.24));
|
|
--shadow-low: 0 1px 4px 0 hsl(none 0% 0%/0.14);
|
|
--shadow-low-filter: drop-shadow(0 1px 4px hsl(none 0% 0%/0.14));
|
|
--shadow-low-active: 0 0 4px 0 hsl(none 0% 0%/0.14);
|
|
--shadow-low-active-filter: drop-shadow(0 0 4px hsl(none 0% 0%/0.14));
|
|
--shadow-low-hover: 0 4px 10px 0 hsl(none 0% 0%/0.14);
|
|
--shadow-low-hover-filter: drop-shadow(0 4px 10px hsl(none 0% 0%/0.14));
|
|
--shadow-medium: 0 4px 8px 0 hsl(none 0% 0%/0.16);
|
|
--shadow-medium-filter: drop-shadow(0 4px 8px hsl(none 0% 0%/0.16));
|
|
--shadow-mobile-navigator-x: 0 0 10px 0 hsl(none 0% 0%/0.22);
|
|
--shadow-mobile-navigator-x-filter: drop-shadow(0 0 10px hsl(none 0% 0%/0.22));
|
|
--shadow-top-high: 0 -12px 32px 0 hsl(none 0% 0%/0.24);
|
|
--shadow-top-high-filter: drop-shadow(0 -12px 32px hsl(none 0% 0%/0.24));
|
|
--shadow-top-ledge: 0 -2px 0 0 hsl(none 0% 0%/0.05),0 -1.5px 0 0 hsl(none 0% 0%/0.05),0 -1px 0 0 hsl(none 0% 0%/0.16);
|
|
--shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 hsl(none 0% 0%/0.24));
|
|
--shadow-top-low: 0 -1px 4px 0 hsl(none 0% 0%/0.14);
|
|
--shadow-top-low-filter: drop-shadow(0 -1px 4px hsl(none 0% 0%/0.14))
|
|
}
|
|
|
|
:root {
|
|
--size-0: 0px;
|
|
--size-4: 4px;
|
|
--size-8: 8px;
|
|
--size-12: 12px;
|
|
--size-16: 16px;
|
|
--size-20: 20px;
|
|
--size-24: 24px;
|
|
--size-32: 32px;
|
|
--size-48: 48px;
|
|
--size-64: 64px;
|
|
--size-80: 80px;
|
|
--size-96: 96px;
|
|
--size-128: 128px;
|
|
--size-160: 160px;
|
|
--size-192: 192px;
|
|
--size-xxs: var(--size-4);
|
|
--size-xs: var(--size-8);
|
|
--size-sm: var(--size-12);
|
|
--size-md: var(--size-16);
|
|
--size-lg: var(--size-20);
|
|
--size-xl: var(--size-24);
|
|
--size-xxl: var(--size-32);
|
|
--breakpoint-480: 480px;
|
|
--breakpoint-640: 640px;
|
|
--breakpoint-768: 768px;
|
|
--breakpoint-1024: 1024px;
|
|
--breakpoint-1280: 1280px;
|
|
--breakpoint-1536: 1536px;
|
|
--breakpoint-1800: 1800px;
|
|
--breakpoint-2500: 2500px;
|
|
--breakpoint-xxs: 480px;
|
|
--breakpoint-xs: 640px;
|
|
--breakpoint-sm: 768px;
|
|
--breakpoint-md: 1024px;
|
|
--breakpoint-lg: 1280px;
|
|
--breakpoint-xl: 1536px;
|
|
--breakpoint-xxl: 1800px;
|
|
--breakpoint-max: 2500px;
|
|
--space-0: 0px;
|
|
--space-4: 4px;
|
|
--space-6: 6px;
|
|
--space-8: 8px;
|
|
--space-10: 10px;
|
|
--space-12: 12px;
|
|
--space-16: 16px;
|
|
--space-20: 20px;
|
|
--space-24: 24px;
|
|
--space-26: 26px;
|
|
--space-30: 30px;
|
|
--space-32: 32px;
|
|
--space-40: 40px;
|
|
--space-48: 48px;
|
|
--space-64: 64px;
|
|
--space-80: 80px;
|
|
--space-96: 96px;
|
|
--space-128: 128px;
|
|
--space-160: 160px;
|
|
--space-192: 192px;
|
|
--space-xxs: var(--space-4);
|
|
--space-xs: var(--space-8);
|
|
--space-sm: var(--space-12);
|
|
--space-md: var(--space-16);
|
|
--space-lg: var(--space-20);
|
|
--space-xl: var(--space-24);
|
|
--space-xxl: var(--space-32)
|
|
}
|
|
|
|
.density-compact {
|
|
--space-xxs: var(--space-4);
|
|
--space-xs: var(--space-6);
|
|
--space-sm: var(--space-10);
|
|
--space-md: var(--space-12);
|
|
--space-lg: var(--space-16);
|
|
--space-xl: var(--space-20);
|
|
--space-xxl: var(--space-26)
|
|
}
|
|
|
|
.density-cozy {
|
|
--space-xxs: var(--space-4);
|
|
--space-xs: var(--space-10);
|
|
--space-sm: var(--space-16);
|
|
--space-md: var(--space-20);
|
|
--space-lg: var(--space-24);
|
|
--space-xl: var(--space-30);
|
|
--space-xxl: var(--space-40)
|
|
}
|
|
|
|
.density-default {
|
|
--space-xxs: var(--space-4);
|
|
--space-xs: var(--space-8);
|
|
--space-sm: var(--space-12);
|
|
--space-md: var(--space-16);
|
|
--space-lg: var(--space-20);
|
|
--space-xl: var(--space-24);
|
|
--space-xxl: var(--space-32)
|
|
}
|
|
|
|
:root {
|
|
--radius-none: 0px;
|
|
--radius-xs: 4px;
|
|
--radius-sm: 8px;
|
|
--radius-md: 12px;
|
|
--radius-lg: 16px;
|
|
--radius-xl: 24px;
|
|
--radius-xxl: 32px;
|
|
--radius-round: 2147483647px
|
|
}
|
|
|
|
.theme-dark {
|
|
--guild-header-text-shadow: 0 1px 1px hsl(var(--black-hsl)/0.4);
|
|
--elevation-stroke: 0 0 0 1px hsl(var(--primary-900-hsl)/0.15);
|
|
--elevation-low: 0 1px 0 hsl(var(--primary-900-hsl)/0.2),0 1.5px 0 hsl(var(--primary-860-hsl)/0.05),0 2px 0 hsl(var(--primary-900-hsl)/0.05);
|
|
--elevation-medium: 0 4px 4px hsl(var(--black-hsl)/0.16);
|
|
--elevation-high: 0 8px 16px hsl(var(--black-hsl)/0.24)
|
|
}
|
|
|
|
.theme-light {
|
|
--guild-header-text-shadow: 0 1px 1px hsl(var(--white-hsl)/0.4);
|
|
--elevation-stroke: 0 0 0 1px hsl(var(--primary-860-hsl)/0.08);
|
|
--elevation-low: 0 1px 0 hsl(var(--primary-860-hsl)/0.1),0 1.5px 0 hsl(var(--primary-900-hsl)/0.025),0 2px 0 hsl(var(--primary-860-hsl)/0.025);
|
|
--elevation-medium: 0 4px 4px hsl(var(--black-hsl)/0.08);
|
|
--elevation-high: 0 8px 16px hsl(var(--black-hsl)/0.16)
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Nord;
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
src: url(/assets/097b737553f77c92.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Nord;
|
|
font-style: italic;
|
|
font-weight: 800;
|
|
src: url(/assets/d7f3d9317a5ff964.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Nord Discord;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: url(/assets/bb673ee29d9d9269.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Nord Discord;
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
src: url(/assets/1a1e4ba0da23278e.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Normal;
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
src: url(/assets/2d538acdbc2eb6b8.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Normal;
|
|
font-style: italic;
|
|
font-weight: 300;
|
|
src: url(/assets/6897c8395199e044.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Normal;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(/assets/89cc835cf102bf12.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Normal;
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
src: url(/assets/9e78b20620cb79ff.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Normal;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
src: url(/assets/094adef82c637a3c.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Normal;
|
|
font-style: italic;
|
|
font-weight: 500;
|
|
src: url(/assets/5b3d873665de628f.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Normal;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: url(/assets/a893ac26791508c7.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Normal;
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
src: url(/assets/5a4f9cc740b6d92b.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Normal;
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
src: url(/assets/908064caebce5abe.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Normal;
|
|
font-style: italic;
|
|
font-weight: 800;
|
|
src: url(/assets/f2d2cc13894d7060.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Discord;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(/assets/bd0f5c73464e9717.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ABC Ginto Discord;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
src: url(/assets/a47177db4e543b05.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: gg sans;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(/assets/66d715454104d24e.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: gg sans;
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
src: url(/assets/dd24010f3cf7def7.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: gg sans;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
src: url(/assets/b272b33815319bae.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: gg sans;
|
|
font-style: italic;
|
|
font-weight: 500;
|
|
src: url(/assets/6a1346ad3821ff3c.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: gg sans;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
src: url(/assets/2df2c3ff74408972.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: gg sans;
|
|
font-style: italic;
|
|
font-weight: 600;
|
|
src: url(/assets/d5d789aeb6282532.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: gg sans;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: url(/assets/189422196a4f8b53.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: gg sans;
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
src: url(/assets/ce3b8055f5114434.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: gg sans;
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
src: url(/assets/b2fdbe507d6ce9ef.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: gg sans;
|
|
font-style: italic;
|
|
font-weight: 800;
|
|
src: url(/assets/03dcf979852e8b8e.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: gg mono;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(/assets/249d0a057895c668.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: gg mono;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: url(/assets/45efa6936fdfb918.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Noto Sans;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(/assets/f72b5ce64feb2086.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Noto Sans;
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
src: url(/assets/7a6a566c2e88a35d.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Noto Sans;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
src: url(/assets/a4a3d323feb11add.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Noto Sans;
|
|
font-style: italic;
|
|
font-weight: 500;
|
|
src: url(/assets/1a9d6f15e3bade15.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Noto Sans;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
src: url(/assets/36e7b68ea0c05ae7.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Noto Sans;
|
|
font-style: italic;
|
|
font-weight: 600;
|
|
src: url(/assets/7b652d8bbf885aea.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Noto Sans;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: url(/assets/cb2006dbced0e246.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Noto Sans;
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
src: url(/assets/e52f0cba712e2fb4.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Noto Sans;
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
src: url(/assets/772df2968ca0cf92.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Noto Sans;
|
|
font-style: italic;
|
|
font-weight: 800;
|
|
src: url(/assets/19797abd0807f76b.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Source Code Pro;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(/assets/268aaee6b96a3789.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Source Code Pro;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: url(/assets/c76eb070f0fcec44.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Corinthia;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(/assets/b598312a5e479904.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Fraunces;
|
|
font-style: normal;
|
|
font-weight: 300 800;
|
|
src: url(/assets/943f151cdf1b637e.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Munro;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(/assets/b4099c935ba38494.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Cherry Bomb One;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(/assets/27a6daf95bd8adde.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Chicle;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(/assets/08d347453f57b1f5.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Neo Castel;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(/assets/b98eacfe1a3d06eb.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Museo Moderno;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
src: url(/assets/8b6d8d408e0e52a7.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Pixelify Sans;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(/assets/752009d1dc4553e8.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Sinistre;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(/assets/9b974db0b9197a22.woff2) format("woff2")
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Zilla Slab;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
src: url(/assets/8698e980e38d61ed.woff2) format("woff2")
|
|
}
|
|
|
|
:root {
|
|
--font-primary: "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display: "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-headline: "ABC Ginto Nord","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-code: "gg mono","Source Code Pro",Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
|
|
--font-clan-body: Fraunces,"gg sans",serif,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-clan-signature: Corinthia,"gg sans",cursive,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display-marketing: "ABC Ginto Discord","gg sans",serif,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display-marketing-header: "ABC Ginto Nord Discord","gg sans",serif,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
|
|
}
|
|
|
|
:root:lang(bg),:root:lang(el),:root:lang(ru),:root:lang(uk) {
|
|
--font-primary: "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display: "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-headline: "Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-code: "gg mono","Source Code Pro",Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
|
|
--font-clan-body: Fraunces,"gg sans",serif,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-clan-signature: Corinthia,"gg sans",cursive,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display-marketing: "ABC Ginto Discord","gg sans",serif,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display-marketing-header: "ABC Ginto Nord Discord","gg sans",serif,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
|
|
}
|
|
|
|
:root:lang(ko) {
|
|
--font-primary: "gg sans","Apple SD Gothic Neo",NanumBarunGothic,"ë§‘ì€ ê³ ë”•","Malgun Gothic",Gulim,굴림,Dotum,ë‹ì›€,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display: "gg sans","Apple SD Gothic Neo",NanumBarunGothic,"ë§‘ì€ ê³ ë”•","Malgun Gothic",Gulim,굴림,Dotum,ë‹ì›€,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-headline: "ABC Ginto Nord","Apple SD Gothic Neo",NanumBarunGothic,"ë§‘ì€ ê³ ë”•","Malgun Gothic",Gulim,굴림,Dotum,ë‹ì›€,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-code: "gg mono","Source Code Pro",Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
|
|
--font-clan-body: Fraunces,"gg sans",serif,"Apple SD Gothic Neo",NanumBarunGothic,"ë§‘ì€ ê³ ë”•","Malgun Gothic",Gulim,굴림,Dotum,ë‹ì›€,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-clan-signature: Corinthia,"gg sans",cursive,"Apple SD Gothic Neo",NanumBarunGothic,"ë§‘ì€ ê³ ë”•","Malgun Gothic",Gulim,굴림,Dotum,ë‹ì›€,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display-marketing: "ABC Ginto Discord","gg sans",serif,"Apple SD Gothic Neo",NanumBarunGothic,"ë§‘ì€ ê³ ë”•","Malgun Gothic",Gulim,굴림,Dotum,ë‹ì›€,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display-marketing-header: "ABC Ginto Nord Discord","gg sans",serif,"Apple SD Gothic Neo",NanumBarunGothic,"ë§‘ì€ ê³ ë”•","Malgun Gothic",Gulim,굴림,Dotum,ë‹ì›€,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
|
|
}
|
|
|
|
:root:lang(ja) {
|
|
--font-primary: "gg sans","Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display: "gg sans","Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-headline: "ABC Ginto Nord","Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-code: "gg mono","Source Code Pro",Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
|
|
--font-clan-body: Fraunces,"gg sans",serif,"Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-clan-signature: Corinthia,"gg sans",cursive,"Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display-marketing: "ABC Ginto Discord","gg sans",serif,"Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display-marketing-header: "ABC Ginto Nord Discord","gg sans",serif,"Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
|
|
}
|
|
|
|
:root:lang(zh-CN) {
|
|
--font-primary: "gg sans","Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display: "gg sans","Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-headline: "ABC Ginto Nord","Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-code: "gg mono","Source Code Pro",Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
|
|
--font-clan-body: Fraunces,"gg sans",serif,"Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-clan-signature: Corinthia,"gg sans",cursive,"Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display-marketing: "ABC Ginto Discord","gg sans",serif,"Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display-marketing-header: "ABC Ginto Nord Discord","gg sans",serif,"Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
|
|
}
|
|
|
|
:root:lang(zh-TW) {
|
|
--font-primary: "gg sans","Microsoft JhengHei",微軟æ£é»‘é«”,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display: "gg sans","Microsoft JhengHei",微軟æ£é»‘é«”,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-headline: "ABC Ginto Nord","Microsoft JhengHei",微軟æ£é»‘é«”,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-code: "gg mono","Source Code Pro",Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
|
|
--font-clan-body: Fraunces,"gg sans",serif,"Microsoft JhengHei",微軟æ£é»‘é«”,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-clan-signature: Corinthia,"gg sans",cursive,"Microsoft JhengHei",微軟æ£é»‘é«”,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display-marketing: "ABC Ginto Discord","gg sans",serif,"Microsoft JhengHei",微軟æ£é»‘é«”,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
--font-display-marketing-header: "ABC Ginto Nord Discord","gg sans",serif,"Microsoft JhengHei",微軟æ£é»‘é«”,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
|
|
}
|
|
|
|
:root {
|
|
--font-weight-light: 300;
|
|
--font-weight-normal: 400;
|
|
--font-weight-medium: 500;
|
|
--font-weight-semibold: 600;
|
|
--font-weight-bold: 700;
|
|
--font-weight-extra-bold: 800;
|
|
--channels-name-line-height: 24px;
|
|
--channels-spine-inverted-offset-top: 6px;
|
|
--channels-spine-offset-left: 24px;
|
|
--chat-avatar-size: 40px;
|
|
--chat-input-icon-size: 20px;
|
|
--chat-markup-line-height: 1.375rem;
|
|
--chat-resize-handle-width: 8px;
|
|
--control-input-height-md: 40px;
|
|
--control-input-height-sm: 32px;
|
|
--control-item-height-md: 40px;
|
|
--control-item-height-sm: 32px;
|
|
--form-input-height: 44px;
|
|
--guildbar-avatar-size: 40px;
|
|
--guildbar-folder-size: 48px;
|
|
--icon-size-lg: 32px;
|
|
--icon-size-md: 24px;
|
|
--icon-size-sm: 18px;
|
|
--icon-size-xs: 16px;
|
|
--icon-size-xxs: 12px;
|
|
--modal-horizontal-padding: 24px;
|
|
--modal-vertical-padding: 16px;
|
|
--modal-width-large: 800px;
|
|
--modal-width-medium: 602px;
|
|
--modal-width-small: 442px;
|
|
--select-max-width: 248px;
|
|
--select-option-height: 40px
|
|
}
|
|
|
|
.refresh-fast-follow-avatars.density-compact {
|
|
--guildbar-avatar-size: 40px;
|
|
--guildbar-folder-size: 48px
|
|
}
|
|
|
|
.refresh-fast-follow-avatars.density-cozy,.refresh-fast-follow-avatars.density-default {
|
|
--guildbar-avatar-size: 44px;
|
|
--guildbar-folder-size: 52px
|
|
}
|
|
|
|
.density-compact {
|
|
--channels-name-line-height: 20px;
|
|
--channels-spine-inverted-offset-top: 2px;
|
|
--channels-spine-offset-left: 20px
|
|
}
|
|
|
|
.density-default {
|
|
--channels-name-line-height: 24px;
|
|
--channels-spine-inverted-offset-top: 6px;
|
|
--channels-spine-offset-left: 24px
|
|
}
|
|
|
|
.density-cozy {
|
|
--channels-name-line-height: 28px;
|
|
--channels-spine-inverted-offset-top: 9px;
|
|
--channels-spine-offset-left: 28px
|
|
}
|
|
|
|
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,table,tbody,td,tfoot,th,thead,tr,tt,ul,var {
|
|
border: 0;
|
|
font-family: inherit;
|
|
font-size: 100%;
|
|
font-style: inherit;
|
|
font-weight: inherit;
|
|
margin: 0;
|
|
padding: 0;
|
|
vertical-align: baseline
|
|
}
|
|
|
|
a {
|
|
color: var(--text-link);
|
|
cursor: pointer;
|
|
text-decoration: none
|
|
}
|
|
|
|
a img {
|
|
border: none
|
|
}
|
|
|
|
body {
|
|
background: transparent;
|
|
font-family: var(--font-primary);
|
|
line-height: 1;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
p {
|
|
margin: 14px 0
|
|
}
|
|
|
|
ol,ul {
|
|
list-style: none
|
|
}
|
|
|
|
::-moz-placeholder {
|
|
font-weight: var(--font-weight-normal)
|
|
}
|
|
|
|
::placeholder,input,select,textarea {
|
|
font-family: var(--font-primary);
|
|
font-weight: var(--font-weight-normal)
|
|
}
|
|
|
|
@media (-webkit-max-device-pixel-ratio: 1) {
|
|
.theme-light ::-moz-placeholder {
|
|
font-weight:var(--font-weight-medium)
|
|
}
|
|
|
|
.theme-light ::placeholder,.theme-light input,.theme-light select,.theme-light textarea {
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
}
|
|
|
|
strong {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
button {
|
|
border: 0;
|
|
cursor: pointer;
|
|
font-family: var(--font-primary);
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
code {
|
|
font-family: var(--font-code);
|
|
font-size: 14px;
|
|
line-height: 16px
|
|
}
|
|
|
|
:root {
|
|
--custom-index-scrollbar-width: 10px;
|
|
--custom-index-scrollbar-margin: 3px;
|
|
--custom-auth-box-auth-box-padding: 32px;
|
|
--custom-wave-splash-responsive-width-mobile: 485px;
|
|
--custom-wave-splash-responsive-width-mobile-first: 486px;
|
|
--custom-wave-splash-responsive-width-desktop: 1080px;
|
|
--custom-wave-splash-max-qr-login-width: 830px;
|
|
--custom-channel-text-area-button-hover-scale: 0.85714;
|
|
--custom-drag-resize-container-handle-size: 8px;
|
|
--custom-drag-resize-container-handle-bleed: 2px;
|
|
--custom-drag-resize-container-handle-offset: calc(var(--custom-drag-resize-container-handle-bleed) - var(--custom-drag-resize-container-handle-size));
|
|
--custom-embed-spoiler-blur-radius: 44px;
|
|
--custom-gradient-progress-notch-width: 8px;
|
|
--custom-gradient-progress-notch-height: 16px;
|
|
--custom-gradient-progress-notch-margin: 2px;
|
|
--custom-guild-discovery-card-card-height: 320px;
|
|
--custom-guild-discovery-card-card-height-with-tags: 350px;
|
|
--custom-icon-button-icon-lg-size: 36px;
|
|
--custom-icon-button-icon-md-size: 24px;
|
|
--custom-icon-button-icon-sm-size: 18px;
|
|
--custom-icon-button-icon-xs-size: 12px;
|
|
--custom-invite-button-resolving-background-width: 380px;
|
|
--custom-keybind-space-around-key: 8px;
|
|
--custom-keybind-shadow-width: 2px;
|
|
--custom-keybind-vertical-padding-total-height: 8px;
|
|
--custom-keybind-applied-vertical-padding: calc((var(--custom-keybind-vertical-padding-total-height) - var(--custom-keybind-shadow-width))/2);
|
|
--custom-full-screen-layer-animation-duration: 150ms;
|
|
--custom-layout-sidebar-width: 232px;
|
|
--custom-message-avatar-size: 40px;
|
|
--custom-message-avatar-decoration-size: calc(var(--custom-message-avatar-size)*var(--decoration-to-avatar-ratio));
|
|
--custom-message-margin-compact-indent: 5rem;
|
|
--custom-message-spacing-vertical-container-cozy: 0.125rem;
|
|
--custom-message-padding-vertical-container-compact: 0.125rem;
|
|
--custom-message-meta-space: 0.25rem;
|
|
--custom-message-reply-indent: 0.625rem;
|
|
--custom-message-margin-left-content-cozy: calc(var(--custom-message-avatar-size, 40px) + var(--custom-message-margin-horizontal) + var(--custom-message-margin-horizontal));
|
|
--custom-message-reply-message-preview-line-height: 1.125rem;
|
|
--custom-message-attachment-spoiler-blur-radius: 44px;
|
|
--custom-user-premium-guild-subscription-easter-egg-size: 196px;
|
|
--custom-notification-spacing: 12px;
|
|
--custom-notification-container-width: 300px;
|
|
--custom-notification-space-around-divider: 12px;
|
|
--custom-notification-box-shadow-opacity: 0.8;
|
|
--custom-notification-box-shadow-blur-radius: 7px;
|
|
--custom-notification-box-shadow-spread-radius: 3px;
|
|
--custom-widget-max-widget-height: 100vh;
|
|
--custom-widget-bar-padding: 12px;
|
|
--custom-widget-body-padding: 4px;
|
|
--custom-widget-bar-height: 20px;
|
|
--custom-premium-guild-progress-bar-progress-bar-width: 24px;
|
|
--custom-premium-guild-progress-bar-tier-marker-size: 16px;
|
|
--custom-call-avatar-outgoing-duration: 2.5s;
|
|
--custom-call-avatar-incoming-duration: 5.407s;
|
|
--custom-resizable-icon-size: 16px;
|
|
--custom-resizable-icon-padding: 4px;
|
|
--custom-resizable-extension-size: 4px;
|
|
--custom-live-indicator-border-radius: 16px;
|
|
--custom-tutorial-popout-padding-content: 16px;
|
|
--custom-tutorial-popout-height-media-approx: 80px;
|
|
--custom-emoji-size-emoji: 1.375em;
|
|
--custom-emoji-size-jumbo-emoji: 3rem;
|
|
--custom-margin-margin-x-small: 4px;
|
|
--custom-margin-margin-small: 8px;
|
|
--custom-margin-margin-medium: 20px;
|
|
--custom-margin-margin-large: 40px;
|
|
--custom-margin-margin-x-large: 60px;
|
|
--custom-media-queries-media-query-mobile-header: 849px;
|
|
--custom-media-queries-media-query-mobile: 768px;
|
|
--custom-scrollbar-scrollbar-width: 14px;
|
|
--custom-scrollbar-scrollbar-margin: 3px;
|
|
--custom-scrollbar-border-radius: calc(var(--custom-scrollbar-scrollbar-width)/2);
|
|
--custom-voice-channel-effect-voice-channel-effect-animation-size: 800px;
|
|
--custom-voice-channel-effects-bar-effect-bar-padding-x: 16px;
|
|
--custom-voice-channel-effects-bar-effect-bar-padding-y: 12px;
|
|
--custom-voice-channel-effects-bar-max-width: 498px;
|
|
--custom-base-tile-border-radius: 8px;
|
|
--video-calls-base-tile-border-radius: var(--radius-lg);
|
|
--custom-summary-avatars-avatar-diameter: 16px;
|
|
--custom-guild-settings-premium-tier-status-progress-with-subscriptions-margin-top: 7px;
|
|
--custom-guild-stickers-tiers-grid-breakpoint: 1010px;
|
|
--custom-guild-sticker-upload-modal-emoji-size: 22px;
|
|
--custom-guild-sticker-upload-modal-emoji-margin: 10px;
|
|
--custom-stickers-constants-stickers-list-padding-top: 0;
|
|
--custom-stickers-constants-stickers-list-padding-top-search-results: 8px;
|
|
--custom-stickers-constants-stickers-list-padding-right: 0;
|
|
--custom-stickers-constants-stickers-list-padding-bottom: 0;
|
|
--custom-stickers-constants-stickers-list-padding-left: 8px;
|
|
--custom-stickers-constants-stickers-list-divider-height: 30px;
|
|
--custom-stickers-constants-stickers-list-empty-guild-upsell-height: 54px;
|
|
--custom-stickers-constants-stickers-shop-list-section-heading-height: 66px;
|
|
--custom-stickers-constants-stickers-shop-divider-border-top-width: 1px;
|
|
--custom-stickers-constants-stickers-shop-divider-height: 1px;
|
|
--custom-stickers-constants-stickers-shop-list-section-footer-height: 32px;
|
|
--custom-stickers-constants-stickers-shop-list-section-footer-stacked-margin: 8px;
|
|
--custom-stickers-constants-sticker-picker-preview-dimensions: 96px;
|
|
--custom-stickers-constants-sticker-picker-preview-dimensions-small: 80px;
|
|
--custom-stickers-constants-sticker-picker-preview-padding: 2px;
|
|
--custom-stickers-constants-sticker-shop-modal-preview-dimensions: 72px;
|
|
--custom-stickers-constants-sticker-picker-preview-margin: 12px;
|
|
--custom-stickers-constants-sticker-picker-preview-margin-small: 4px;
|
|
--custom-stickers-constants-sticker-picker-preview-border-radius: 4px;
|
|
--custom-stickers-constants-sticker-category-list-padding: 8px;
|
|
--custom-stickers-constants-sticker-category-icon-margin: 8px;
|
|
--custom-stickers-constants-sticker-category-icon-size: 32px;
|
|
--custom-stickers-constants-sticker-category-unicode-icon-size: 24px;
|
|
--custom-stickers-constants-sticker-dimension: 160px;
|
|
--custom-stickers-constants-sticker-purchase-pack-preview-dimensions: 76px;
|
|
--custom-stickers-constants-sticker-purchase-pack-preview-padding: 2px;
|
|
--custom-stickers-constants-sticker-purchase-pack-preview-margin: 0;
|
|
--custom-stickers-constants-sticker-picker-breakpoint-small: 360px;
|
|
--custom-stickers-constants-sticker-picker-breakpoint-medium: 446px;
|
|
--custom-stickers-constants-category-separator-size: 1px;
|
|
--custom-stickers-constants-category-separator-margin-vertical: 12px;
|
|
--custom-header-icon-color-expired: #4e5058;
|
|
--custom-reaction-picker-border-radius: 8px;
|
|
--custom-outbound-promotion-redemption-modal-art-height: 120px;
|
|
--custom-premium-colors-premium-gradient-tier-0: linear-gradient(to right,var(--premium-tier-0-purple-for-gradients),var(--premium-tier-0-blue-for-gradients));
|
|
--custom-premium-colors-premium-gradient-tier-1: linear-gradient(to right,var(--premium-tier-1-blue-for-gradients),var(--premium-tier-1-dark-blue-for-gradients));
|
|
--custom-premium-colors-premium-gradient-tier-2: linear-gradient(to right,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-pink-for-gradients));
|
|
--custom-premium-colors-premium-gradient-tier-2-transparent: linear-gradient(to right,hsl(var(--premium-tier-2-purple-for-gradients-hsl)/0.3),hsl(var(--premium-tier-2-pink-for-gradients-hsl)/0.3));
|
|
--custom-premium-colors-premium-gradient-tier-2-diagonal: linear-gradient(45deg,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-pink-for-gradients));
|
|
--custom-premium-colors-premium-gradient-tier-2-tri-color: linear-gradient(to right,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-purple-for-gradients-2),var(--premium-tier-2-pink-for-gradients));
|
|
--custom-premium-colors-premium-gradient-tier-2-tri-color-reverse: linear-gradient(to left,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-purple-for-gradients-2),var(--premium-tier-2-pink-for-gradients));
|
|
--custom-premium-colors-premium-gradient-tier-2-tri-color-vertical: linear-gradient(to top,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-purple-for-gradients-2),var(--premium-tier-2-pink-for-gradients));
|
|
--custom-premium-colors-premium-gradient-tier-2-old: linear-gradient(to right,var(--premium-tier-2-purple),var(--premium-tier-2-pink));
|
|
--custom-premium-colors-banner-yellow: #ffeaa0;
|
|
--custom-premium-colors-banner-black: #232428;
|
|
--custom-pending-row-max-width: 1040px;
|
|
--custom-people-page-max-width-with-toolbar: 940px;
|
|
--custom-family-center-page-responsive-width-mobile: 900px;
|
|
--custom-text-widget-background-color-header-default: var(--primary-600);
|
|
--custom-voice-widget-top-margin: calc(var(--custom-widget-bar-height) + var(--custom-widget-bar-padding)*2);
|
|
--custom-voice-widget-widget-width: 272px;
|
|
--custom-party-avatars-avatar-diameter: 24px;
|
|
--custom-mobile-web-handoff-link-mobile-web-handoff-height: 70px;
|
|
--custom-embedded-application-invite-content-height: 130px;
|
|
--custom-embedded-application-invite-content-height-tall: 162px;
|
|
--custom-embedded-application-invite-content-width: 576px;
|
|
--custom-embedded-application-invite-image-width-small: 225px;
|
|
--custom-embedded-application-invite-image-width-large: 288px;
|
|
--custom-message-helpers-popout-content-width: 256px;
|
|
--custom-message-helpers-popout-padding-width: 16px;
|
|
--custom-message-helpers-popout-container-width: calc(var(--custom-message-helpers-popout-content-width) + var(--custom-message-helpers-popout-padding-width)*2);
|
|
--custom-media-post-attachments-horizontal-padding: 48px;
|
|
--custom-media-post-embed-spoiler-blur-radius: 20px;
|
|
--custom-media-post-embed-transition-duration: 170ms;
|
|
--custom-raging-demon-duration: 0.15s;
|
|
--custom-interaction-iframe-modal-modal-min-width: 320px;
|
|
--custom-interaction-iframe-modal-modal-margin: 80px;
|
|
--custom-interaction-iframe-modal-modal-max-width: 1280px;
|
|
--custom-interaction-iframe-modal-modal-header-height: 52px;
|
|
--custom-accept-invite-detail-components-small-mobile-breakpoint: 640px;
|
|
--custom-accept-invite-mobile-small-mobile-breakpoint: 640px;
|
|
--custom-hub-discovery-add-hub-card-card-height: 320px;
|
|
--custom-hub-discovery-guild-list-card-height: 320px;
|
|
--custom-hub-discovery-guild-list-min-card-width: 248px;
|
|
--custom-hub-discovery-guild-list-gutter-size: 16px;
|
|
--custom-hub-discovery-page-max-page-width: 1608px;
|
|
--custom-guild-tooltip-icon-size: 20px;
|
|
--custom-guild-tooltip-icon-size-v-2: 16px;
|
|
--custom-folder-item-animation-duration: 150ms;
|
|
--custom-folder-item-guild-icon-margin: 8px;
|
|
--custom-category-channel-space-before-category: 16px
|
|
}
|
|
|
|
.density-compact {
|
|
--custom-category-channel-space-before-category: var(--space-8)
|
|
}
|
|
|
|
:root {
|
|
--custom-add-permissions-modal-focus-ring-width: 4px;
|
|
--custom-custom-role-icon-form-item-role-icon-preview-size: 32px;
|
|
--custom-guild-settings-roles-edit-shared-sidebar-width: 232px;
|
|
--custom-guild-settings-roles-intro-roles-transition: 250ms;
|
|
--custom-guild-settings-roles-intro-pause-transition: 166ms;
|
|
--custom-guild-settings-roles-intro-background-transition: 500ms;
|
|
--custom-guild-settings-roles-intro-banner-transition-delay: calc(var(--custom-guild-settings-roles-intro-roles-transition) + var(--custom-guild-settings-roles-intro-pause-transition));
|
|
--custom-guild-settings-roles-intro-roles-transition-delay: calc(var(--custom-guild-settings-roles-intro-roles-transition) + var(--custom-guild-settings-roles-intro-pause-transition)*2 + var(--custom-guild-settings-roles-intro-background-transition));
|
|
--custom-guild-settings-community-intro-content-spacing: 32px;
|
|
--custom-guild-settings-community-intro-hover-distance: -12px;
|
|
--custom-guild-settings-community-intro-text-spacing: 8px;
|
|
--custom-guild-settings-discovery-landing-page-max-width-tab: 905px;
|
|
--custom-guild-settings-discovery-landing-page-settings-max-width: 520px;
|
|
--custom-guild-settings-partner-content-spacing: 32px;
|
|
--custom-event-detail-info-tab-base-spacing: 8px;
|
|
--custom-subscription-listing-previews-carousel-cards-get-cut-off-width: 724px;
|
|
--custom-editable-benefits-list-emoji-size: 24px;
|
|
--custom-edit-benefit-modal-emoji-size: 22px;
|
|
--custom-edit-benefit-modal-emoji-margin: 10px;
|
|
--custom-guild-settings-role-subscriptions-max-width: 905px;
|
|
--custom-guild-settings-role-subscriptions-overview-settings-max-width: 520px;
|
|
--custom-guild-settings-store-page-settings-max-width: 520px;
|
|
--custom-importable-benefits-list-listing-image-size: 40px;
|
|
--custom-import-benefits-modal-icon-size: 24px;
|
|
--custom-import-benefits-modal-role-icon-size: 40px;
|
|
--custom-role-icon-uploader-icon-size: 24px;
|
|
--custom-guild-role-subscription-style-constants-cover-image-aspect-ratio: 4;
|
|
--custom-historic-earnings-table-toggle-expand-column-width: 30px;
|
|
--custom-guild-role-subscription-card-basic-info-tier-image-size: 80px;
|
|
--custom-guild-role-subscription-card-basic-info-tier-image-size-mobile: 48px;
|
|
--custom-guild-role-subscriptions-overview-page-page-max-width: 1180px;
|
|
--custom-guild-dialog-popout-width: 250px;
|
|
--custom-guild-dialog-splash-ratio: 1.77778;
|
|
--custom-guild-dialog-icon-size: 84px;
|
|
--custom-guild-dialog-icon-padding: 4px;
|
|
--custom-guild-product-download-modal-header-image-width: 119px;
|
|
--custom-guild-onboarding-home-page-max-page-width: 1128px;
|
|
--custom-guild-onboarding-home-page-max-single-column-width: 704px;
|
|
--custom-home-resource-channels-obscured-blur-radius: 20px;
|
|
--custom-guild-member-application-review-sidebar-width: 29vw;
|
|
--custom-featured-items-popout-featured-items-popout-footer-height: 120px;
|
|
--custom-guild-boosting-sidebar-display-conditional-bottom-margin: 12px;
|
|
--custom-guild-boosting-marketing-progress-bar-marker-dimensions: 32px;
|
|
--custom-guild-boosting-marketing-progress-bar-end-markers-margin: 4px;
|
|
--custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions: 32px;
|
|
--custom-guild-boosting-marketing-tier-cards-tier-card-border-radius: 16px;
|
|
--custom-go-live-modal-art-height: 112px;
|
|
--custom-gif-picker-gutter-size: 0 16px 12px 16px;
|
|
--custom-gif-picker-search-results-desired-item-width: 160px;
|
|
--custom-forum-composer-attachments-attachment-size: 78px;
|
|
--custom-forum-post-obscured-blur-radius: 20px;
|
|
--custom-forum-post-grid-view-obscured-blur-radius: 20px;
|
|
--custom-demo-forum-channel-padding-large: 20px;
|
|
--custom-demo-forum-channel-post-padding: 12px;
|
|
--custom-demo-forum-channel-gap-size: 8px;
|
|
--custom-feedback-modal-emoji-size: 64px;
|
|
--custom-feedback-modal-close-button-margin: 12px;
|
|
--custom-expression-suggestions-container-padding: 8px;
|
|
--custom-expression-suggestions-sticker-suggestion-size: 48px;
|
|
--custom-expression-suggestions-sticker-suggestion-margin: 8px;
|
|
--custom-expression-picker-constants-expression-picker-list-section-heading-height: 32px;
|
|
--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-primary-dimensions: 28px;
|
|
--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-secondary-dimensions: 32px;
|
|
--custom-expression-picker-constants-expression-picker-inspector-bar-height: 48px;
|
|
--custom-emoji-picker-border-radius: 8px;
|
|
--custom-emoji-picker-constants-min-emoji-picker-width: 498px;
|
|
--custom-emoji-picker-constants-emoji-size-medium: 40px;
|
|
--custom-emoji-picker-constants-emoji-size-large: 48px;
|
|
--custom-emoji-picker-constants-emoji-container-padding-horizontal: 4px;
|
|
--custom-emoji-picker-constants-emoji-container-padding-vertical: 4px;
|
|
--custom-emoji-picker-constants-emoji-picker-height: 440px;
|
|
--custom-emoji-picker-constants-emoji-section-margin-bottom: 12px;
|
|
--custom-emoji-picker-constants-emoji-list-padding-top: 0;
|
|
--custom-emoji-picker-constants-emoji-list-padding-right: 0;
|
|
--custom-emoji-picker-constants-emoji-list-padding-bottom: 8px;
|
|
--custom-emoji-picker-constants-emoji-list-padding-left: 8px;
|
|
--custom-emoji-picker-constants-emoji-list-search-results-padding-top: 8px;
|
|
--custom-emoji-picker-constants-unicode-category-icon-margin-vertical: 2px;
|
|
--custom-emoji-picker-constants-unicode-category-icon-size: 24px;
|
|
--custom-emoji-picker-constants-unicode-category-icon-padding: 4px;
|
|
--custom-emoji-picker-constants-unicode-category-shortcut-height: 48px;
|
|
--custom-emoji-picker-constants-guild-category-icon-size: 32px;
|
|
--custom-emoji-picker-constants-guild-category-icon-margin-verical: 8px;
|
|
--custom-emoji-picker-constants-category-separator-size: 1px;
|
|
--custom-emoji-picker-constants-category-separator-margin-vertical: 12px;
|
|
--custom-emoji-picker-constants-diversity-emoji-size: 24px;
|
|
--custom-emoji-picker-constants-emoji-premium-upsell-height: 54px;
|
|
--custom-emoji-picker-constants-emoji-premium-upsell-margin-top: 16px;
|
|
--custom-emoji-picker-constants-newly-added-emoji-badge-height: 16px;
|
|
--custom-discover-static-guild-card-card-height: 258px;
|
|
--custom-discover-featured-guilds-section-card-height: 320px;
|
|
--custom-discover-featured-guilds-section-min-card-width: 248px;
|
|
--custom-discover-featured-guilds-section-gutter-size: 16px;
|
|
--custom-discover-search-results-max-search-bar-width: 720px;
|
|
--custom-guild-directory-min-card-width: 248px;
|
|
--custom-guild-directory-gutter-size: 16px;
|
|
--custom-guild-directory-min-content-width: 320px;
|
|
--custom-guild-directory-max-page-width: 1608px;
|
|
--custom-guild-directory-entry-card-card-height: 274px;
|
|
--custom-guild-directory-landing-min-header-height: 200px;
|
|
--custom-guild-shop-page-two-column-max-width: 1439px;
|
|
--custom-aspect-stable-image-container-padding: 20px;
|
|
--custom-monetization-info-table-expandable-rows-toggle-expand-column-width: 30px;
|
|
--custom-guild-shop-content-width: 1044px;
|
|
--custom-guild-shop-content-width-reduced: 788px;
|
|
--custom-guild-shop-content-width-minimum: 688px;
|
|
--custom-guild-shop-channel-row-gradient: linear-gradient(113deg,#2f3570 1.98%,#422c70 94.48%);
|
|
--custom-guild-shop-channel-row-gradient-hover: linear-gradient(113deg,#383f86 1.98%,#4d3385 94.48%);
|
|
--custom-guild-shop-channel-row-border-gradient: linear-gradient(113deg,#6591ff,#d150ff);
|
|
--custom-guild-shop-channel-row-glow: 0 0 4px rgba(189,149,255,.5);
|
|
--custom-guild-shop-preview-pill-shadow-dark: -4px 5px #1d1d1d;
|
|
--custom-guild-shop-preview-pill-shadow-light: -4px 5px #d7dce8;
|
|
--custom-guild-shop-gradient-start: #686bff;
|
|
--custom-guild-shop-gradient-end: #c356fd;
|
|
--custom-clips-enabled-indicator-medium-break-point: 920px;
|
|
--custom-clips-enabled-indicator-badge-icon-dimension-override: 20px;
|
|
--custom-client-themes-editor-content-width: calc(var(--custom-theme-selection-selection-size)*3 + var(--custom-theme-selection-group-column-gap)*2);
|
|
--custom-client-themes-editor-editor-padding: 16px;
|
|
--custom-theme-selection-selection-size: 60px;
|
|
--custom-theme-selection-group-column-gap: 24px;
|
|
--custom-channel-attachment-upload-spoiler-blur-radius: 44px;
|
|
--custom-channel-attachment-upload-mini-attachment-size: 78px;
|
|
--custom-channel-textarea-text-area-height: 44px;
|
|
--custom-channel-textarea-text-area-max-height: 50vh;
|
|
--custom-channel-notice-icon-size: 16px;
|
|
--custom-channel-notice-padding: 12px;
|
|
--custom-channel-call-participants-popout-padding-value: 16px;
|
|
--custom-stream-upsell-modal-art-height: 149px;
|
|
--custom-voice-channel-status-modal-emoji-size: 22px;
|
|
--custom-voice-channel-status-modal-emoji-margin: 10px;
|
|
--custom-broadcasting-tooltip-image-offset: 40px;
|
|
--custom-application-directory-content-min-width: 600px;
|
|
--custom-application-directory-content-max-width: 1024px;
|
|
--custom-guild-count-small-icon-size: 16px;
|
|
--custom-guild-count-large-icon-size: 20px;
|
|
--custom-collection-gallery-text-container-width: 400px;
|
|
--custom-collection-gallery-media-breakpoint: 1024px;
|
|
--custom-collection-gallery-column-card-height: 600px;
|
|
--custom-collection-gallery-row-card-height: 283px;
|
|
--custom-collection-list-card-gap: 16px;
|
|
--custom-collection-list-with-image-grid-gap: 16px;
|
|
--custom-collections-collection-gap: 32px;
|
|
--custom-application-directory-profile-sidebar-width: 192px;
|
|
--custom-application-directory-profile-sidebar-margin-right: 48px;
|
|
--custom-application-directory-profile-icon-size: 122px;
|
|
--custom-application-directory-search-sidebar-width: 200px;
|
|
--custom-application-directory-search-sidebar-margin-right: 32px;
|
|
--custom-accept-invite-modal-invite-modal-height: 420px;
|
|
--custom-accept-invite-modal-small-screen-width: 720px;
|
|
--custom-avatar-avatar-decoration-border-position: calc((1 - var(--decoration-to-avatar-ratio))/2*100%);
|
|
--custom-button-button-xl-width: 148px;
|
|
--custom-button-button-xl-height: 50px;
|
|
--custom-button-button-lg-width: 130px;
|
|
--custom-button-button-lg-height: 44px;
|
|
--custom-button-button-md-width: 96px;
|
|
--custom-button-button-md-height: 38px;
|
|
--custom-button-button-sm-width: 60px;
|
|
--custom-button-button-sm-height: 32px;
|
|
--custom-button-button-tn-height: 24px;
|
|
--custom-button-button-tn-width: 52px;
|
|
--custom-button-link-underline-width: 1px;
|
|
--custom-button-link-underline-offset: 1px;
|
|
--custom-button-link-underline-stop: calc(var(--custom-button-link-underline-width) + var(--custom-button-link-underline-offset));
|
|
--custom-button-filled-hover: 0.1;
|
|
--custom-button-filled-active: 0.2;
|
|
--custom-button-transition-duration: 170ms;
|
|
--custom-modal-min-width-large: 800px;
|
|
--custom-special-markdown-small-break-point: 600px;
|
|
--custom-special-markdown-medium-break-point: 768px;
|
|
--custom-user-profile-hype-squad-badge-icon-size: 24px;
|
|
--custom-user-profile-hype-squad-badge-shine-size-offset: 64px;
|
|
--custom-guild-discovery-gutter-size: 16px;
|
|
--custom-guild-discovery-max-page-width: 1608px;
|
|
--custom-dropdown-button-small-dropdown-size: 16px;
|
|
--custom-dropdown-button-medium-dropdown-size: 24px;
|
|
--custom-dropdown-button-large-dropdown-size: 32px;
|
|
--custom-dropdown-button-separator-padding: 4px;
|
|
--custom-dropdown-button-hitbox-padding: 8px;
|
|
--custom-responsive-embed-tile-loading-background-width: 271px;
|
|
--custom-game-install-locations-item-padding: 20px;
|
|
--custom-game-list-row-min-height: 62px;
|
|
--custom-game-list-linked-to-glow-duration: 2000ms;
|
|
--custom-application-store-home-store-home-width: 1245px;
|
|
--custom-application-store-listing-body-max-width: 880px;
|
|
--custom-store-colors-primary-750: #191b1d;
|
|
--custom-store-colors-premium-gradient: linear-gradient(to right,var(--premium-tier-2-purple),var(--premium-tier-2-pink));
|
|
--custom-member-list-item-avatar-decoration-padding: 2px;
|
|
--custom-messages-popout-messages-popout-footer-height: 120px;
|
|
--custom-radio-image-border-thickness: 2px;
|
|
--custom-standard-sidebar-view-sidebar-content-width: 192px;
|
|
--custom-standard-sidebar-view-standard-padding: 20px;
|
|
--custom-standard-sidebar-view-sidebar-content-scrollbar-padding: 6px;
|
|
--custom-standard-sidebar-view-sidebar-total-width: 264px;
|
|
--decoration-to-avatar-ratio: 1.2;
|
|
--font-weight-normal: 400;
|
|
--font-weight-medium: 500;
|
|
--font-weight-semibold: 600;
|
|
--font-weight-bold: 700;
|
|
--font-weight-extrabold: 800
|
|
}
|
|
|
|
.theme-dark.custom-theme-background {
|
|
--custom-background-gradient-color: 0 0 0;
|
|
--custom-background-gradient-opacity-chat: 0.8;
|
|
--custom-background-gradient-highest-opacity: 0.65;
|
|
--custom-background-gradient-lowest-opacity: 0.9;
|
|
--custom-background-gradient-lower-opacity: 0.85;
|
|
--custom-background-gradient-low-opacity: 0.8;
|
|
--custom-background-gradient-high-opacity: 0.75;
|
|
--custom-background-gradient-higher-opacity: 0.7;
|
|
--custom-background-gradient-opacity-app-frame: var(--custom-background-gradient-higher-opacity)
|
|
}
|
|
|
|
.theme-dark.custom-theme-background.custom-client-theme {
|
|
--custom-background-gradient-lowest-opacity: calc(0.54 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.9);
|
|
--custom-background-gradient-lower-opacity: calc(0.51 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.85);
|
|
--custom-background-gradient-low-opacity: calc(0.48 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.8);
|
|
--custom-background-gradient-high-opacity: calc(0.45 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.75);
|
|
--custom-background-gradient-higher-opacity: calc(0.42 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.7);
|
|
--custom-background-gradient-opacity-chat: calc(0.48 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.8);
|
|
--custom-background-gradient-highest-opacity: calc(0.39 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.65)
|
|
}
|
|
|
|
.custom-theme-background .theme-dark,.theme-dark.custom-theme-background {
|
|
--custom-theme-base-color: var(--custom-theme-base-color-dark);
|
|
--custom-theme-text-color: var(--custom-theme-text-color-dark);
|
|
--custom-theme-base-color-hsl: var(--custom-theme-base-color-dark-hsl)
|
|
}
|
|
|
|
.theme-light.custom-theme-background {
|
|
--custom-background-gradient-color: 255 255 255;
|
|
--custom-background-gradient-highest-opacity: 0.95;
|
|
--custom-background-gradient-opacity-chat: 0.85;
|
|
--custom-background-gradient-lowest-opacity: 0.85;
|
|
--custom-background-gradient-lower-opacity: 0.8;
|
|
--custom-background-gradient-low-opacity: 0.75;
|
|
--custom-background-gradient-high-opacity: 0.7;
|
|
--custom-background-gradient-higher-opacity: 0.65;
|
|
--custom-background-gradient-opacity-app-frame: var(--custom-background-gradient-higher-opacity)
|
|
}
|
|
|
|
.theme-light.custom-theme-background.custom-client-theme {
|
|
--custom-background-gradient-lowest-opacity: calc(0.51 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.85);
|
|
--custom-background-gradient-lower-opacity: calc(0.48 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.8);
|
|
--custom-background-gradient-low-opacity: calc(0.45 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.75);
|
|
--custom-background-gradient-high-opacity: calc(0.42 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.7);
|
|
--custom-background-gradient-higher-opacity: calc(0.325 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.5*0.65);
|
|
--custom-background-gradient-opacity-chat: calc(var(--custom-background-gradient-chat-opacity-base-light, 0.85)*(0.6 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4));
|
|
--custom-background-gradient-highest-opacity: calc(var(--custom-background-gradient-highest-opacity-base-light, 0.95)*(0.8 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.2))
|
|
}
|
|
|
|
.custom-theme-background .theme-light,.theme-light.custom-theme-background {
|
|
--custom-theme-base-color: var(--custom-theme-base-color-light);
|
|
--custom-theme-text-color: var(--custom-theme-text-color-light);
|
|
--custom-theme-base-color-hsl: var(--custom-theme-base-color-light-hsl)
|
|
}
|
|
|
|
.custom-theme-background {
|
|
--custom-background-gradient-lowest-color: var(--custom-background-gradient-color);
|
|
--custom-background-gradient-lower-color: var(--custom-background-gradient-color);
|
|
--custom-background-gradient-low-color: var(--custom-background-gradient-color);
|
|
--custom-background-gradient-high-color: var(--custom-background-gradient-color);
|
|
--custom-background-gradient-higher-color: var(--custom-background-gradient-color);
|
|
--custom-background-gradient-chat-color: var(--custom-background-gradient-color);
|
|
--custom-background-gradient-app-frame-color: var(--custom-background-gradient-color);
|
|
--custom-background-gradient-highest-color: var(--custom-background-gradient-color);
|
|
--custom-background-gradient-cover: fixed 0 0/cover,var(--custom-theme-background) fixed 0 0 /cover;
|
|
--background-gradient-lowest: linear-gradient(rgb(var(--custom-background-gradient-lowest-color)/var(--custom-background-gradient-lowest-opacity)),rgb(var(--custom-background-gradient-lowest-color)/var(--custom-background-gradient-lowest-opacity))) var(--custom-background-gradient-cover);
|
|
--background-gradient-lower: linear-gradient(rgb(var(--custom-background-gradient-lower-color)/var(--custom-background-gradient-lower-opacity)),rgb(var(--custom-background-gradient-lower-color)/var(--custom-background-gradient-lower-opacity))) var(--custom-background-gradient-cover);
|
|
--background-gradient-low: linear-gradient(rgb(var(--custom-background-gradient-low-color)/var(--custom-background-gradient-low-opacity)),rgb(var(--custom-background-gradient-low-color)/var(--custom-background-gradient-low-opacity))) var(--custom-background-gradient-cover);
|
|
--background-gradient-high: linear-gradient(rgb(var(--custom-background-gradient-high-color)/var(--custom-background-gradient-high-opacity)),rgb(var(--custom-background-gradient-high-color)/var(--custom-background-gradient-high-opacity))) var(--custom-background-gradient-cover);
|
|
--background-gradient-higher: linear-gradient(rgb(var(--custom-background-gradient-higher-color)/var(--custom-background-gradient-higher-opacity)),rgb(var(--custom-background-gradient-higher-color)/var(--custom-background-gradient-higher-opacity))) var(--custom-background-gradient-cover);
|
|
--background-gradient-chat: linear-gradient(rgb(var(--custom-background-gradient-chat-color)/var(--custom-background-gradient-opacity-chat)),rgb(var(--custom-background-gradient-chat-color)/var(--custom-background-gradient-opacity-chat))) var(--custom-background-gradient-cover);
|
|
--background-gradient-app-frame: linear-gradient(rgb(var(--custom-background-gradient-app-frame-color)/var(--custom-background-gradient-opacity-app-frame)),rgb(var(--custom-background-gradient-app-frame-color)/var(--custom-background-gradient-opacity-app-frame))) var(--custom-background-gradient-cover);
|
|
--background-gradient-highest: linear-gradient(rgb(var(--custom-background-gradient-highest-color)/var(--custom-background-gradient-highest-opacity)),rgb(var(--custom-background-gradient-highest-color)/var(--custom-background-gradient-highest-opacity))) var(--custom-background-gradient-cover);
|
|
--background-gradient-chat-preview: linear-gradient(rgb(var(--custom-background-gradient-chat-color)/var(--custom-background-gradient-opacity-chat)),rgb(var(--custom-background-gradient-chat-color)/var(--custom-background-gradient-opacity-chat))),var(--custom-theme-background)
|
|
}
|
|
|
|
.disable-adaptive-theme {
|
|
--custom-theme-base-color-amount: 0%!important;
|
|
--custom-theme-text-color-amount: 0%!important
|
|
}
|
|
|
|
.reduce-adaptive-theme {
|
|
--custom-theme-base-color-amount: 20%!important;
|
|
--custom-theme-text-color-amount: 20%!important
|
|
}
|
|
|
|
@supports (color: color-mix(in lch,red,blue)) {
|
|
.custom-theme-background:not(.custom-client-theme) {
|
|
--custom-app-border-frame-base:color-mix(in oklab,var(--custom-theme-primary-color) 50%,var(--custom-theme-secondary-color) 50%);
|
|
--app-border-frame: color-mix(in oklab,var(--custom-app-border-frame-base) 24%,var(--border-subtle) 100%)
|
|
}
|
|
}
|
|
|
|
.appMount__51fd7,body,html {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.appMount__51fd7 {
|
|
color: var(--background-base-lowest);
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
position: absolute
|
|
}
|
|
|
|
.appMount__51fd7,body {
|
|
background: var(--background-base-lowest);
|
|
text-rendering: optimizeLegibility
|
|
}
|
|
|
|
.overlay .appMount__51fd7,.overlay body {
|
|
background: transparent
|
|
}
|
|
|
|
::-moz-placeholder {
|
|
font-family: var(--font-primary);
|
|
text-rendering: optimizeLegibility
|
|
}
|
|
|
|
::placeholder,body,button,input,select,textarea {
|
|
font-family: var(--font-primary);
|
|
text-rendering: optimizeLegibility
|
|
}
|
|
|
|
a,button,div,input,label,select,span,strong,textarea {
|
|
outline: 0
|
|
}
|
|
|
|
img[alt] {
|
|
text-indent: -9999px
|
|
}
|
|
|
|
@media (-webkit-max-device-pixel-ratio: 1.5) {
|
|
.theme-light {
|
|
--font-weight-semibold-1x-light-theme:600
|
|
}
|
|
}
|
|
|
|
:root {
|
|
--custom-guild-list-padding: var(--space-md);
|
|
--custom-guild-list-width: calc(var(--guildbar-avatar-size) + var(--custom-guild-list-padding)*2);
|
|
--custom-guild-sidebar-width: 268px;
|
|
--custom-app-sidebar-target-width: calc(var(--custom-guild-sidebar-width) + var(--custom-guild-list-width));
|
|
--custom-rtc-account-height: 44px;
|
|
--custom-app-top-bar-height: 32px;
|
|
--custom-app-top-bar-item-radius: 6px;
|
|
--custom-channel-header-height: calc(var(--guildbar-avatar-size) + var(--space-xs));
|
|
--custom-member-list-width: 264px;
|
|
--custom-channel-textarea-text-area-height: 56px;
|
|
--custom-chat-aligned-icon-offset: ((var(--chat-avatar-size) - var(--chat-input-icon-size))/2);
|
|
--custom-message-margin-horizontal: var(--space-md)
|
|
}
|
|
|
|
.refresh-title-bar-small {
|
|
--custom-app-top-bar-height: 24px
|
|
}
|
|
|
|
.refresh-title-bar-large {
|
|
--custom-app-top-bar-height: 40px
|
|
}
|
|
|
|
.platform-osx {
|
|
--custom-app-top-bar-height: max(calc(100/var(--custom-zoom, 100)*32px),32px)
|
|
}
|
|
|
|
.platform-osx.refresh-title-bar-small {
|
|
--custom-app-top-bar-height: max(calc(100/var(--custom-zoom, 100)*24px),24px)
|
|
}
|
|
|
|
.platform-osx.refresh-title-bar-large {
|
|
--custom-app-top-bar-height: max(calc(100/var(--custom-zoom, 100)*40px),40px)
|
|
}
|
|
|
|
.refresh-fast-follow-avatars {
|
|
--custom-guild-list-padding: min(var(--space-md),var(--space-16));
|
|
--custom-guild-list-width: calc(var(--guildbar-avatar-size) + var(--custom-guild-list-padding)*2);
|
|
--custom-channel-header-height: calc(40px + var(--space-xs))
|
|
}
|
|
|
|
.density-compact {
|
|
--custom-member-list-width: 256px
|
|
}
|
|
|
|
.density-cozy {
|
|
--custom-member-list-width: 268px
|
|
}
|
|
|
|
.grecaptcha-badge {
|
|
visibility: hidden
|
|
}
|
|
|
|
.enable-forced-colors:not(.platform-web) body:before,html.enable-forced-colors:not(.platform-web) body:before {
|
|
border: 6px solid #d3d3d3;
|
|
border-top: 0 solid #d3d3d3;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
display: block;
|
|
forced-color-adjust: none;
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.enable-forced-colors:not(.platform-web) #app-mount__51fd7,.enable-forced-colors:not(.platform-web) .appMount__51fd7,html.enable-forced-colors:not(.platform-web) #app-mount__51fd7,html.enable-forced-colors:not(.platform-web) .appMount__51fd7 {
|
|
background-color: Canvas;
|
|
box-sizing: border-box;
|
|
height: calc(100% - 6px);
|
|
margin: 0 6px 6px;
|
|
width: calc(100% - 12px)
|
|
}
|
|
|
|
.enable-forced-colors:not(.platform-web).theme-dark body:before,html.enable-forced-colors:not(.platform-web).theme-dark body:before {
|
|
border-color: #d3d3d3
|
|
}
|
|
|
|
.enable-forced-colors:not(.platform-web).theme-dark.app-focused body:before,html.enable-forced-colors:not(.platform-web).theme-dark.app-focused body:before {
|
|
border-color: gold
|
|
}
|
|
|
|
.enable-forced-colors:not(.platform-web).theme-light body:before,html.enable-forced-colors:not(.platform-web).theme-light body:before {
|
|
border-color: gray
|
|
}
|
|
|
|
.enable-forced-colors:not(.platform-web).theme-light.app-focused body:before,html.enable-forced-colors:not(.platform-web).theme-light.app-focused body:before {
|
|
border-color: #483d8b
|
|
}
|
|
|
|
.high-contrast-mode,.high-contrast-mode .theme-light,.high-contrast-mode.theme-light,.high-contrast-mode .theme-dark,.high-contrast-mode.theme-dark,.high-contrast-mode .theme-darker,.high-contrast-mode.theme-darker,.high-contrast-mode .theme-midnight,.high-contrast-mode.theme-midnight {
|
|
--shadow-border: 0 0 0 1px var(--border-strong)!important
|
|
}
|
|
|
|
/*# sourceMappingURL=web.cf1abc4e5994931f.css.map*/
|