15754 lines
297 KiB
CSS
15754 lines
297 KiB
CSS
.container__75920 {
|
|
background: transparent;
|
|
border-radius: var(--radius-md);
|
|
margin: calc(var(--space-12)*-1) 0;
|
|
padding: var(--space-12) 0;
|
|
scroll-margin-bottom: var(--space-16);
|
|
scroll-margin-top: var(--space-16);
|
|
transition: background .4s ease-out .75s
|
|
}
|
|
|
|
.flash__75920 {
|
|
background: var(--message-highlight-background-default);
|
|
transition: background 0s ease-in-out
|
|
}
|
|
|
|
.baseControlItem_dbfbe0 {
|
|
border-radius: var(--radius-lg);
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-grow: 1;
|
|
gap: var(--space-12);
|
|
min-height: 48px;
|
|
padding: var(--space-12);
|
|
transition: background-color .15s ease
|
|
}
|
|
|
|
.baseControlItem_dbfbe0:hover.clickable_dbfbe0 {
|
|
background-color: var(--interactive-background-hover);
|
|
cursor: pointer
|
|
}
|
|
|
|
.baseControlItemLeadingElement_dbfbe0,.baseControlItemTrailingElements_dbfbe0 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.baseControlItemTrailingElements_dbfbe0 {
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.baseControlItemTitle_dbfbe0 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.baseControlItemContent_dbfbe0 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
gap: var(--space-4);
|
|
justify-content: center
|
|
}
|
|
|
|
.secondaryTitle_dbfbe0:before {
|
|
color: var(--text-muted);
|
|
content: "•";
|
|
margin: 0 var(--space-8)
|
|
}
|
|
|
|
.navigatorIcon__15430 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
height: 48px;
|
|
justify-content: center;
|
|
width: 48px
|
|
}
|
|
|
|
.triggerButton__64c86 {
|
|
all: unset;
|
|
align-items: center;
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: var(--radius-sm);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 48px;
|
|
justify-content: center;
|
|
width: 48px
|
|
}
|
|
|
|
.panel__64c86 {
|
|
height: var(--disclosure-panel-height);
|
|
overflow: clip
|
|
}
|
|
|
|
.full-motion .panel__64c86:not(.disablePanelAnimation__64c86) {
|
|
transition: height .2s ease-in-out
|
|
}
|
|
|
|
.full-motion .icon__64c86 {
|
|
transition: transform .2s ease-out
|
|
}
|
|
|
|
.icon__64c86 {
|
|
transform: rotateX(0deg)
|
|
}
|
|
|
|
.iconClosed__64c86 {
|
|
transform: rotateX(180deg)
|
|
}
|
|
|
|
.headerTitle__450f6 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.notice_c15d44 {
|
|
padding: 0 var(--space-12)
|
|
}
|
|
|
|
.title__3c320 {
|
|
padding-top: var(--space-xs)
|
|
}
|
|
|
|
.subtitle__3c320,.title__3c320 {
|
|
padding-inline:var(--space-sm)}
|
|
|
|
.withSubtitle__3c320 {
|
|
padding-bottom: var(--space-xxs)
|
|
}
|
|
|
|
.divider__143d2 {
|
|
margin: 0 var(--space-12);
|
|
width: auto
|
|
}
|
|
|
|
.listTitle_a5d75d {
|
|
margin-bottom: var(--space-8);
|
|
margin-inline:var(--space-12)}
|
|
|
|
.collapsibleContainer_a5d75d {
|
|
position: relative
|
|
}
|
|
|
|
.hoverDivider_a5d75d {
|
|
opacity: 1;
|
|
transition: opacity .15s ease
|
|
}
|
|
|
|
.collapsibleContainer_a5d75d:hover .hoverDivider_a5d75d {
|
|
opacity: 0
|
|
}
|
|
|
|
.panel__6131a {
|
|
margin-block:var(--space-64) var(--space-64);margin-inline: auto;
|
|
max-width: 696px;
|
|
min-width: 300px;
|
|
padding: 0 var(--space-16);
|
|
position: relative
|
|
}
|
|
|
|
@media (max-width: 1080px) {
|
|
.panel__6131a {
|
|
margin-block:var(--space-80) var(--space-80);
|
|
margin-inline:auto}
|
|
}
|
|
|
|
.panel__6131a * {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.scroller__6131a {
|
|
height: 100%;
|
|
overflow-x: visible;
|
|
scroll-padding-top: 24px;
|
|
scrollbar-gutter: stable both-edges
|
|
}
|
|
|
|
.tabBar__6131a {
|
|
margin-bottom: var(--space-24)
|
|
}
|
|
|
|
.notice__6131a {
|
|
bottom: 0;
|
|
inset-inline: 0;
|
|
margin: 0 auto;
|
|
max-width: 696px;
|
|
min-width: 300px;
|
|
padding: var(--space-16);
|
|
position: absolute;
|
|
z-index: 2
|
|
}
|
|
|
|
.categories__6131a {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1
|
|
}
|
|
|
|
.divider__6131a {
|
|
--custom-divider-margin: calc(var(--space-xxl) + var(--space-xs));
|
|
margin-bottom: var(--custom-divider-margin);
|
|
margin-top: var(--custom-divider-margin)
|
|
}
|
|
|
|
.title__28f6b {
|
|
margin-inline:var(--space-12);margin-bottom: var(--space-4)
|
|
}
|
|
|
|
.split__678d3 {
|
|
align-items: start;
|
|
display: grid;
|
|
gap: var(--space-16);
|
|
grid-template-columns: repeat(2,minmax(0,1fr))
|
|
}
|
|
|
|
@media (max-width: 800px) {
|
|
.split__678d3 {
|
|
grid-template-columns:1fr
|
|
}
|
|
}
|
|
|
|
.animator_d17ea2 {
|
|
display: block;
|
|
position: relative
|
|
}
|
|
|
|
.item_d17ea2 {
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.container_e6b065 {
|
|
background: var(--background-base-lowest);
|
|
border-radius: 50%;
|
|
flex-direction: row;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.container_e6b065,.trophyIconContainer_e6b065 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative
|
|
}
|
|
|
|
.trophyIconContainer_e6b065 {
|
|
flex-direction: column
|
|
}
|
|
|
|
.lockContainer_e6b065 {
|
|
align-items: center;
|
|
background: var(--background-base-lowest);
|
|
border-radius: 50%;
|
|
bottom: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
inset-inline-end: 0;
|
|
justify-content: center;
|
|
position: absolute
|
|
}
|
|
|
|
.confettiIcon_e6b065 {
|
|
margin-inline-start:2px;margin-bottom: 5px
|
|
}
|
|
|
|
.container__8e75f {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
padding: 12px;
|
|
position: relative
|
|
}
|
|
|
|
.container__8e75f:hover {
|
|
background-color: var(--background-mod-normal)
|
|
}
|
|
|
|
.actionable__8e75f {
|
|
cursor: pointer
|
|
}
|
|
|
|
.iconContainer__8e75f {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
height: 40px;
|
|
justify-content: center;
|
|
margin-inline-end:12px;position: relative;
|
|
width: 40px
|
|
}
|
|
|
|
.nameContainer__8e75f {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.unlocked__8e75f {
|
|
margin-bottom: 2px
|
|
}
|
|
|
|
.backContainer__951af {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.icon__951af {
|
|
fill: var(--interactive-text-default);
|
|
color: var(--interactive-text-default);
|
|
margin-inline-end:4px}
|
|
|
|
.headerContainer__951af {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
margin-top: 32px
|
|
}
|
|
|
|
.bottomPadding__951af {
|
|
flex: 1;
|
|
height: 200px;
|
|
width: 100px
|
|
}
|
|
|
|
.headerIcon__951af {
|
|
align-items: center;
|
|
background: var(--background-base-lowest);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
padding: 8px
|
|
}
|
|
|
|
.headerTextContainer__951af {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
gap: 8px;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.divider__951af {
|
|
margin-bottom: 32px;
|
|
margin-top: 32px
|
|
}
|
|
|
|
.achievementGrid__951af {
|
|
display: grid;
|
|
gap: 8px;
|
|
grid-template-columns: repeat(2,1fr);
|
|
margin-top: 8px
|
|
}
|
|
|
|
.slideAnimator_f8824b {
|
|
overflow-x: clip
|
|
}
|
|
|
|
.hideButton_f8824b {
|
|
align-self: flex-start
|
|
}
|
|
|
|
.sliderLabel_f8824b {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.sliderDescription_f8824b {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.achievementContainer_f8824b {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-sm);
|
|
cursor: pointer;
|
|
padding: 12px
|
|
}
|
|
|
|
.achievementContainer_f8824b,.achievementIconContainer_f8824b {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center
|
|
}
|
|
|
|
.achievementIconContainer_f8824b {
|
|
background: var(--background-base-lowest);
|
|
border-radius: 50%;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
padding: 8px
|
|
}
|
|
|
|
.achievementTextContainer_f8824b {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
justify-content: flex-start;
|
|
margin-inline-start:12px}
|
|
|
|
.rightCaretIcon_f8824b {
|
|
fill: var(--interactive-text-default);
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.enableAnimation_f8824b {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.enableAnimationOverlay_f8824b {
|
|
align-items: center;
|
|
background-color: var(--opacity-black-28);
|
|
bottom: 0;
|
|
display: flex;
|
|
position: fixed;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
justify-content: center;
|
|
transition: opacity .2s ease;
|
|
z-index: 1
|
|
}
|
|
|
|
.enableAnimationOverlayHidden_f8824b {
|
|
opacity: 0;
|
|
pointer-events: none
|
|
}
|
|
|
|
.enableAnimationOverlayVisible_f8824b {
|
|
opacity: 1
|
|
}
|
|
|
|
.sectionDescription__8d742 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.card__8d742 {
|
|
background-image: linear-gradient(90deg,var(--teal-460) 0,var(--teal-430) 55%,var(--teal-360) 100%);
|
|
flex-wrap: wrap;
|
|
gap: 16px
|
|
}
|
|
|
|
.manageSubscriptionsButton__8d742 {
|
|
background-color: var(--white);
|
|
color: var(--teal-530)
|
|
}
|
|
|
|
.manageSubscriptionsButton__8d742:hover {
|
|
background-color: var(--teal-100);
|
|
color: var(--teal-630)
|
|
}
|
|
|
|
.manageSubscriptionsButton__8d742:active {
|
|
background-color: var(--teal-130);
|
|
color: var(--teal-900)
|
|
}
|
|
|
|
.handImage__8d742 {
|
|
margin-block:-6px;margin-inline:-16px 16px}
|
|
|
|
.textContainer__8d742 {
|
|
flex: 1;
|
|
position: relative
|
|
}
|
|
|
|
.header__8d742 {
|
|
margin-bottom: 4px;
|
|
margin-top: 5px
|
|
}
|
|
|
|
.description__8d742,.header__8d742 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.description__8d742 strong {
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.section_e335a7 {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.paymentBanner_e335a7 {
|
|
align-items: center;
|
|
background: var(--background-surface-high);
|
|
border-radius: 4px;
|
|
display: flex;
|
|
margin-bottom: 14px;
|
|
padding: 10px
|
|
}
|
|
|
|
.paymentBannerNew_e335a7 {
|
|
margin-top: 28px;
|
|
position: relative
|
|
}
|
|
|
|
.paymentBannerIcon_e335a7 {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.paymentBannerText_e335a7 {
|
|
margin-inline-start:8px}
|
|
|
|
.renewalMutationNotice_e335a7 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.grandfatheredMessage_e335a7 {
|
|
align-items: center;
|
|
background-image: linear-gradient(to left,var(--premium-tier-1-purple),var(--premium-tier-1-blue));
|
|
border-radius: 3px;
|
|
color: var(--white);
|
|
display: flex;
|
|
font-size: 12px;
|
|
line-height: 1.25;
|
|
margin-bottom: 16px;
|
|
padding-block:8px;padding-inline:8px 16px}
|
|
|
|
.grandfatheredMessageText_e335a7 {
|
|
flex: 1;
|
|
margin-inline-end:16px}
|
|
|
|
.grandfatheredIcon_e335a7 {
|
|
align-self: flex-start;
|
|
flex-shrink: 0;
|
|
height: 24px;
|
|
margin-inline-end:8px;width: 24px
|
|
}
|
|
|
|
.subscriptionRows_e335a7 {
|
|
margin-bottom: 32px
|
|
}
|
|
|
|
.dupSubscriptionRow_e335a7 {
|
|
margin-bottom: 48px;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.dupSubscriptionRow_e335a7:after {
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: 4px;
|
|
content: "";
|
|
display: block;
|
|
height: calc(100% + 32px);
|
|
inset-inline-start: -16px;
|
|
position: absolute;
|
|
top: -16px;
|
|
width: calc(100% + 32px);
|
|
z-index: -1
|
|
}
|
|
|
|
.dupSubscriptionRow_e335a7:first-child {
|
|
margin-top: 32px
|
|
}
|
|
|
|
.dupSubscriptionRow_e335a7:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.guildSubscriptionRow_e335a7 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.guildBoostingSubscriptionRow_e335a7 {
|
|
align-items: flex-start;
|
|
border-radius: 4px;
|
|
color: var(--white);
|
|
display: flex;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
padding: 16px;
|
|
position: relative
|
|
}
|
|
|
|
.guildBoostingSubscriptionRowActive_e335a7 {
|
|
background-image: linear-gradient(90deg,var(--guild-boosting-blue-for-gradients) 0,var(--guild-boosting-purple-for-gradients) 100%)
|
|
}
|
|
|
|
.guildBoostingSubscriptionRowActive_e335a7 .guildBoostingSubscriptionRowBackground_e335a7 {
|
|
background-image: url(/assets/257849697e9ea2a8.svg)
|
|
}
|
|
|
|
.guildBoostingSubscriptionRowActive_e335a7 .guildBoostingImage_e335a7 {
|
|
background-image: url(/assets/b5b61f59756386fc.svg)
|
|
}
|
|
|
|
.guildBoostingSubscriptionRowPaused_e335a7 {
|
|
background: var(--primary-500)
|
|
}
|
|
|
|
.guildBoostingSubscriptionRowPaused_e335a7 .guildBoostingSubscriptionRowBackground_e335a7 {
|
|
background-image: url(/assets/858f6789052dceec.svg)
|
|
}
|
|
|
|
.guildBoostingSubscriptionRowPaused_e335a7 .guildBoostingImage_e335a7 {
|
|
background-image: url(/assets/3c2c35373162aa43.svg)
|
|
}
|
|
|
|
.guildBoostingSubscriptionRowCanceled_e335a7 {
|
|
background-image: linear-gradient(90deg,#f18623,#f6a12a 56%,#fab930);
|
|
color: var(--black)
|
|
}
|
|
|
|
.guildBoostingSubscriptionRowCanceled_e335a7 .guildBoostingSubscriptionRowBackground_e335a7 {
|
|
background-image: url(/assets/874b60b1d3997aa5.svg)
|
|
}
|
|
|
|
.guildBoostingSubscriptionRowCanceled_e335a7 .guildBoostingImage_e335a7 {
|
|
background-image: url(/assets/3c2c35373162aa43.svg)
|
|
}
|
|
|
|
.guildBoostingSubscriptionRowFailedPayment_e335a7 {
|
|
background-image: linear-gradient(90deg,#f25a5d,#f14e76 77%,#f04a7f)
|
|
}
|
|
|
|
.guildBoostingSubscriptionRowFailedPayment_e335a7 .guildBoostingSubscriptionRowBackground_e335a7 {
|
|
background-image: url(/assets/87055dac44c4340f.svg)
|
|
}
|
|
|
|
.guildBoostingSubscriptionRowFailedPayment_e335a7 .guildBoostingImage_e335a7 {
|
|
background-image: url(/assets/af24ad118c39d6aa.svg)
|
|
}
|
|
|
|
.sectionTitle_e335a7 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.sectionDescription_e335a7 {
|
|
color: var(--text-default);
|
|
line-height: 20px;
|
|
margin-bottom: 16px;
|
|
margin-top: 0
|
|
}
|
|
|
|
.guildBoostingSubscriptionRowBackground_e335a7 {
|
|
background-position: bottom;
|
|
background-repeat: no-repeat;
|
|
border-radius: 4px;
|
|
bottom: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0
|
|
}
|
|
|
|
.guildBoostingImage_e335a7 {
|
|
flex-shrink: 0;
|
|
height: 54px;
|
|
margin-inline-end:8px;position: relative;
|
|
width: 96px
|
|
}
|
|
|
|
.guildBoostingSubscriptionRowBody_e335a7 {
|
|
flex-grow: 1;
|
|
position: relative
|
|
}
|
|
|
|
.guildBoostingWordmark_e335a7 {
|
|
background-image: url(/assets/5f0d3753df69ebf7.svg);
|
|
height: 17px;
|
|
margin-bottom: 16px;
|
|
width: 184px
|
|
}
|
|
|
|
.guildBoostingWordmark_e335a7.canceled_e335a7 {
|
|
background-image: url(/assets/7641e347e1ace434.svg)
|
|
}
|
|
|
|
.details_e335a7 {
|
|
display: flex
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.details_e335a7 {
|
|
flex-direction:column
|
|
}
|
|
}
|
|
|
|
.detailsBlock_e335a7 {
|
|
background-color: var(--background-mod-muted);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-sm);
|
|
flex-basis: 50%;
|
|
flex-grow: 1;
|
|
margin-inline-end:16px;min-width: 200px;
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.detailsBlock_e335a7 {
|
|
margin-inline-end:0;
|
|
margin-bottom: 20px
|
|
}
|
|
}
|
|
|
|
.paymentDropdown_e335a7 {
|
|
max-width: 400px
|
|
}
|
|
|
|
.redBorder_e335a7 {
|
|
border: 1px solid;
|
|
border-color: var(--red-360)
|
|
}
|
|
|
|
.detailsBlock_e335a7:last-child {
|
|
margin-inline-end:0}
|
|
|
|
.detailBlockHeader_e335a7,.duplicateHeader_e335a7 {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.duplicateHeader_e335a7 {
|
|
color: var(--red-400)
|
|
}
|
|
|
|
.billingInformation_e335a7 {
|
|
color: var(--text-default);
|
|
font-size: 14px;
|
|
line-height: 18px
|
|
}
|
|
|
|
.finePrint_e335a7 {
|
|
color: var(--text-muted);
|
|
line-height: 1.4;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.cardText_e335a7 {
|
|
padding-inline-start:8px}
|
|
|
|
.noItemsCard_e335a7 {
|
|
background-color: var(--background-base-lower);
|
|
border: none;
|
|
color: var(--interactive-text-active);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 20px;
|
|
margin-top: 16px;
|
|
padding: 16px 19px
|
|
}
|
|
|
|
.theme-dark .noItemsIcon_e335a7 {
|
|
background: #4f545c
|
|
}
|
|
|
|
.newSparkles_e335a7 {
|
|
height: 34px;
|
|
inset-inline-start: -10px;
|
|
position: absolute;
|
|
top: -18px;
|
|
width: 47px
|
|
}
|
|
|
|
.boostingDesktopAppBlurb_e335a7 {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.duplicateSubscriptionsBanner_e335a7 {
|
|
align-items: center;
|
|
background: var(--background-mod-muted);
|
|
border-radius: 4px;
|
|
display: flex;
|
|
margin-bottom: 14px;
|
|
padding: 10px
|
|
}
|
|
|
|
.duplicateSubscriptionsBannerText_e335a7 {
|
|
margin-inline-start:8px}
|
|
|
|
.helpNoticeDismissIcon_e335a7 {
|
|
cursor: pointer;
|
|
padding-top: 2px
|
|
}
|
|
|
|
.button__95e2d {
|
|
background-color: var(--background-mod-normal);
|
|
cursor: pointer
|
|
}
|
|
|
|
.button__95e2d:first-child {
|
|
border-radius: 8px 8px 0 0
|
|
}
|
|
|
|
.button__95e2d:last-child {
|
|
border-radius: 0 0 8px 8px
|
|
}
|
|
|
|
.button__95e2d:last-child .contentContainer__95e2d {
|
|
border-bottom: none
|
|
}
|
|
|
|
.contentContainer__95e2d {
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--opacity-white-4);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-inline-start:16px;padding-block:16px;padding-inline:0 16px}
|
|
|
|
.arrow__95e2d {
|
|
color: var(--interactive-text-default);
|
|
height: 24px;
|
|
transform: rotate(-90deg);
|
|
width: 24px
|
|
}
|
|
|
|
.label__95e2d {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.container_a1d343 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
gap: 16px;
|
|
margin-bottom: 34px;
|
|
margin-top: 44px;
|
|
padding: 16px 25px
|
|
}
|
|
|
|
.iconContainer_a1d343 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.bannerImage_a1d343 {
|
|
height: 69px;
|
|
width: 117px
|
|
}
|
|
|
|
.textContent_a1d343 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: 4px
|
|
}
|
|
|
|
.buttonContainer_a1d343 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.categorySubGroup__65726 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-16)
|
|
}
|
|
|
|
.categorySubGroup__65726:empty {
|
|
display: none
|
|
}
|
|
|
|
.homeBody__0920e {
|
|
box-sizing: border-box;
|
|
margin: 0 auto;
|
|
max-width: var(--custom-application-store-home-store-home-width);
|
|
padding: 0 20px;
|
|
width: 100%
|
|
}
|
|
|
|
.categoryHeader__0920e {
|
|
border-bottom-width: 1px;
|
|
border-style: solid;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
margin: 32px 0 20px;
|
|
padding-bottom: 10px
|
|
}
|
|
|
|
.viewAllGamesButton__0920e {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin: 20px auto 40px
|
|
}
|
|
|
|
.viewAllGamesButton__0920e:hover .viewAllIcon__0920e {
|
|
transform: rotate(-90deg) translateY(3px)
|
|
}
|
|
|
|
.viewAllGamesButtonInner__0920e {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.viewAllGames__0920e,.viewAllNitroGames__0920e {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
font-size: 16px
|
|
}
|
|
|
|
.full-motion .viewAllGames__0920e,.full-motion .viewAllNitroGames__0920e {
|
|
transition: transform .2s ease
|
|
}
|
|
|
|
.viewAllGames__0920e:hover .viewAllIcon__0920e,.viewAllNitroGames__0920e:hover .viewAllIcon__0920e {
|
|
transform: rotate(-90deg) translateY(3px)
|
|
}
|
|
|
|
.viewAllIcon__0920e {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.homeTile__0920e {
|
|
margin: 0 10px
|
|
}
|
|
|
|
.homeTile__0920e:first-child {
|
|
margin-inline-start:0}
|
|
|
|
.homeTile__0920e:last-child {
|
|
margin-inline-end:0}
|
|
|
|
.spinner__0920e {
|
|
margin-bottom: 40px;
|
|
margin-top: 40px
|
|
}
|
|
|
|
.homeWrapper__0920e {
|
|
background-color: var(--background-base-lowest);
|
|
border-top: 1px solid var(--app-frame-border);
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative
|
|
}
|
|
|
|
.homeWrapperNormal__0920e {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.marketingWrapper__0920e {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.premiumApplicationsHeader__0920e {
|
|
border-bottom-width: 1px;
|
|
border-style: solid;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
margin: 32px 0 20px;
|
|
padding-bottom: 10px
|
|
}
|
|
|
|
.theme-dark .categoryHeader__0920e,.theme-dark .premiumApplicationsHeader__0920e {
|
|
border-color: var(--primary-500)
|
|
}
|
|
|
|
.theme-light .categoryHeader__0920e,.theme-light .premiumApplicationsHeader__0920e {
|
|
border-color: var(--primary-200)
|
|
}
|
|
|
|
@media (min-width: 849px) {
|
|
.categoryHeader__0920e,.premiumApplicationsHeader__0920e {
|
|
align-content:center;
|
|
color: var(--text-strong);
|
|
flex-direction: row;
|
|
justify-content: space-between
|
|
}
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.premiumContainer__0920e {
|
|
padding:16px
|
|
}
|
|
}
|
|
|
|
.viewAllGames__0920e {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.headerBarV2LightBackground__0920e {
|
|
background: var(--white)!important
|
|
}
|
|
|
|
.headerBarV2DarkBackground__0920e {
|
|
background: var(--black)!important
|
|
}
|
|
|
|
.container__0f226 {
|
|
align-items: flex-start;
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
filter: saturate(var(--saturation-factor,1));
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
max-width: 1066px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.bannerImage__0f226 {
|
|
height: 100%;
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
z-index: -1
|
|
}
|
|
|
|
.textContainer__0f226 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
padding: 32px 50px 40px;
|
|
width: 327px
|
|
}
|
|
|
|
.heading__0f226 {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.giftCardButton__0f226 {
|
|
background-color: var(--background-mod-normal);
|
|
height: 40px;
|
|
margin-top: 14px;
|
|
width: 100%
|
|
}
|
|
|
|
.giftButtonCTA__0f226 {
|
|
font-size: 14px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.theme-light .giftCardButton__0f226 {
|
|
border-color: var(--premium-tier-2-pink-for-gradients-2);
|
|
color: var(--premium-tier-2-pink-for-gradients-2)
|
|
}
|
|
|
|
.theme-dark .giftCardButton__0f226 {
|
|
border-color: #fff;
|
|
color: #fff
|
|
}
|
|
|
|
.images-light .textContainer__0f226 {
|
|
background-image: linear-gradient(to right,var(--background-mod-normal),hsl(var(--primary-160-hsl)/40%) 90%,transparent)
|
|
}
|
|
|
|
.images-dark .textContainer__0f226 {
|
|
background-image: linear-gradient(to right,var(--background-mod-normal),hsl(var(--primary-660-hsl)/40%) 90%,transparent)
|
|
}
|
|
|
|
.container_e0cd4a {
|
|
background-color: var(--card-background-default);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-lg);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
filter: saturate(var(--saturation-factor,1));
|
|
justify-content: space-between;
|
|
max-width: 1066px;
|
|
overflow: hidden;
|
|
padding: var(--space-12);
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.bannerImage_e0cd4a {
|
|
height: 300px;
|
|
padding: var(--space-64);
|
|
z-index: -1
|
|
}
|
|
|
|
.textContainer_e0cd4a {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
padding: var(--space-24)
|
|
}
|
|
|
|
.heading_e0cd4a {
|
|
margin-bottom: var(--space-12)
|
|
}
|
|
|
|
.giftButtonContainer_e0cd4a {
|
|
margin-top: var(--space-24)
|
|
}
|
|
|
|
.gradientBackground_e0cd4a:before {
|
|
opacity: .3
|
|
}
|
|
|
|
.container__7137c {
|
|
background: var(--background-surface-high);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: 20px;
|
|
flex-direction: row;
|
|
gap: 24px;
|
|
margin-top: 40px;
|
|
max-width: 700px;
|
|
padding: 16px 24px
|
|
}
|
|
|
|
.asset__7137c,.container__7137c {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.asset__7137c {
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
justify-content: center
|
|
}
|
|
|
|
.assetImage__7137c {
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.bannerContent__7137c {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
justify-content: flex;
|
|
min-height: 62px
|
|
}
|
|
|
|
.bannerDescription__7137c {
|
|
align-items: flex-start;
|
|
text-align: start
|
|
}
|
|
|
|
.buttonContainer__7137c {
|
|
margin-inline-start:32px}
|
|
|
|
@media (max-width: 900px) {
|
|
.container__7137c {
|
|
flex-direction:column
|
|
}
|
|
|
|
.bannerContent__7137c,.container__7137c {
|
|
align-items: center;
|
|
text-align: center
|
|
}
|
|
|
|
.bannerDescription__7137c {
|
|
justify-content: center;
|
|
text-align: center
|
|
}
|
|
|
|
.buttonContainer__7137c {
|
|
margin-inline-start:0}
|
|
|
|
.termsApplyAnchor__7137c {
|
|
color: var(--text-link);
|
|
margin-inline-start:2px;text-decoration: underline;
|
|
text-underline-offset: 2px
|
|
}
|
|
|
|
.termsApplyAnchor__7137c:hover {
|
|
text-decoration: none
|
|
}
|
|
}
|
|
|
|
.freeTrialText__1995d {
|
|
text-transform: capitalize
|
|
}
|
|
|
|
.applicationHomeBanner__62eb1 {
|
|
flex-direction: row;
|
|
height: 226px;
|
|
margin: 24px 16px;
|
|
max-width: 1052px;
|
|
position: relative
|
|
}
|
|
|
|
.applicationHomeBanner__62eb1,.settingsBanner__62eb1 {
|
|
border-radius: var(--radius-lg);
|
|
display: flex
|
|
}
|
|
|
|
.settingsBanner__62eb1 {
|
|
background: var(--background-mod-normal);
|
|
box-sizing: border-box;
|
|
flex: 1;
|
|
height: 171px;
|
|
margin-bottom: 24px;
|
|
max-width: 820px;
|
|
overflow: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.settingsImageContainer__62eb1 {
|
|
display: flex;
|
|
height: auto;
|
|
width: auto
|
|
}
|
|
|
|
.settingsBannerLeftImageContainer__62eb1 {
|
|
max-width: 130px
|
|
}
|
|
|
|
.settingsBannerRightImageContainer__62eb1 {
|
|
max-width: 81px
|
|
}
|
|
|
|
.bannerBoxOutlinePosition__62eb1 {
|
|
height: 226px;
|
|
position: absolute;
|
|
top: -2px;
|
|
width: 100%
|
|
}
|
|
|
|
.backgroundGradient__62eb1 {
|
|
background: linear-gradient(90deg,#db00a4,#5968f0);
|
|
border-radius: var(--radius-lg);
|
|
height: 100%;
|
|
-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
|
|
mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
|
|
-webkit-mask-composite: xor;
|
|
mask-composite: exclude;
|
|
padding: 2px;
|
|
width: calc(100% - 2px)
|
|
}
|
|
|
|
.imageContainer__62eb1 {
|
|
border-radius: 0 16px 16px 0;
|
|
display: flex;
|
|
flex: 518 1 0%;
|
|
order: 0;
|
|
position: relative
|
|
}
|
|
|
|
.settingsImage__62eb1 {
|
|
overflow: hidden;
|
|
width: auto
|
|
}
|
|
|
|
.applicationHomeImage__62eb1,.settingsImage__62eb1 {
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover
|
|
}
|
|
|
|
.applicationHomeImage__62eb1 {
|
|
border-radius: 0 14px 14px 0;
|
|
-o-object-position: left center;
|
|
object-position: left center;
|
|
width: 100%
|
|
}
|
|
|
|
.bannerContent__62eb1 {
|
|
flex: 436 1 0%;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
padding: 40px 25px
|
|
}
|
|
|
|
.bannerContent__62eb1,.settingsBannerContent__62eb1 {
|
|
display: flex;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.settingsBannerContent__62eb1 {
|
|
flex: 405 1 0%;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
min-width: 300px;
|
|
padding: 25px
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 960px) {
|
|
.bannerHeader__62eb1 {
|
|
font-size: 32px;
|
|
font-weight: 800
|
|
}
|
|
|
|
.bannerHeader__62eb1,.bannerText__62eb1 {
|
|
font-style: normal;
|
|
line-height: 1.25
|
|
}
|
|
|
|
.bannerText__62eb1 {
|
|
font-size: 16px;
|
|
font-weight: 500
|
|
}
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 960px) and (min-width: 720px) {
|
|
.bannerHeader__62eb1 {
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
line-height: 24px
|
|
}
|
|
|
|
.bannerText__62eb1 {
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 720px) {
|
|
.bannerHeader__62eb1 {
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
line-height: 24px
|
|
}
|
|
|
|
.bannerText__62eb1 {
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
line-height: 1.2857142857142858
|
|
}
|
|
|
|
.bannerContent__62eb1 {
|
|
padding: 16px
|
|
}
|
|
}
|
|
|
|
.subscribeButton__62eb1 {
|
|
margin-top: 8px;
|
|
min-width: 110px;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.subscribeButtonText__62eb1 {
|
|
max-width: unset
|
|
}
|
|
|
|
.premiumTrialBadge__62eb1 {
|
|
align-items: center;
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
inset-inline-start: 24px;
|
|
margin-inline-start:auto;padding: 0 6px;
|
|
pointer-events: all;
|
|
position: absolute;
|
|
text-transform: uppercase;
|
|
top: -8px
|
|
}
|
|
|
|
.badgeGradient__62eb1 {
|
|
background: linear-gradient(90deg,#db00a4,#5968f0)
|
|
}
|
|
|
|
.buttonGradient__62eb1 {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
|
|
color: var(--white)!important
|
|
}
|
|
|
|
.subBanner__62eb1 {
|
|
align-items: center;
|
|
background: var(--background-surface-high);
|
|
border-radius: var(--radius-lg);
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 100px;
|
|
justify-content: center;
|
|
margin: auto auto 40px;
|
|
padding: 16px 24px;
|
|
position: relative;
|
|
width: 620px
|
|
}
|
|
|
|
.subHomeBannerImageContainer__62eb1 {
|
|
display: flex;
|
|
height: auto;
|
|
max-width: 96px;
|
|
width: auto
|
|
}
|
|
|
|
.subBannerContent__62eb1 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex: 405 1 0%;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
min-width: 300px;
|
|
padding: 25px;
|
|
position: relative;
|
|
text-align: start;
|
|
width: 100%
|
|
}
|
|
|
|
.container_ce5f0d {
|
|
background: var(--background-surface-high);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: 20px;
|
|
flex-direction: row;
|
|
gap: 40px;
|
|
padding: 32px 24px
|
|
}
|
|
|
|
.bannerContainer_ce5f0d,.container_ce5f0d {
|
|
align-items: center;
|
|
display: flex;
|
|
max-width: 800px
|
|
}
|
|
|
|
.bannerContainer_ce5f0d {
|
|
justify-content: center
|
|
}
|
|
|
|
.bannerContent_ce5f0d {
|
|
flex: 1 0 0;
|
|
flex-direction: column;
|
|
max-width: 476px
|
|
}
|
|
|
|
.bannerContent_ce5f0d,.bannerContentText_ce5f0d {
|
|
align-items: flex-start;
|
|
display: flex
|
|
}
|
|
|
|
.bannerContentText_ce5f0d {
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
margin-bottom: 24px;
|
|
text-align: start
|
|
}
|
|
|
|
.referredFriendAvatar_ce5f0d {
|
|
border: 2px solid var(--background-surface-high);
|
|
border-radius: 50%
|
|
}
|
|
|
|
.availableReferralSlot_ce5f0d {
|
|
align-items: center;
|
|
background: var(--background-mod-strong);
|
|
border-radius: 32px;
|
|
color: var(--text-strong);
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
font-weight: var(--font-weight-medium);
|
|
height: 24px;
|
|
justify-content: center;
|
|
line-height: 18px;
|
|
width: 24px
|
|
}
|
|
|
|
.progressContainer_ce5f0d {
|
|
align-items: center;
|
|
align-self: stretch;
|
|
background: var(--background-surface-high);
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
margin-bottom: 12px;
|
|
max-width: 800px
|
|
}
|
|
|
|
.progressCircle_ce5f0d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
height: 160px;
|
|
justify-content: center;
|
|
padding: 8px;
|
|
width: 160px
|
|
}
|
|
|
|
.progressCircleImage_ce5f0d {
|
|
max-width: 150px
|
|
}
|
|
|
|
.progressCircleBorder_ce5f0d {
|
|
height: "100%";
|
|
inset-inline-start: 0;
|
|
position: "absolute";
|
|
top: 0;
|
|
transform: rotate(-90deg);
|
|
width: "100%"
|
|
}
|
|
|
|
.progressCircleBackground_ce5f0d {
|
|
fill: var(--background-surface-high)
|
|
}
|
|
|
|
.progressCircleRing_ce5f0d {
|
|
fill: var(--background-mod-strong)
|
|
}
|
|
|
|
.glow_ce5f0d {
|
|
background: transparent;
|
|
border-radius: 50%;
|
|
box-shadow: 0 0 1px #53ac66,0 0 1px #53ac66,0 0 15px #53ac66;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.timerContainer_d0d75b {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
position: relative
|
|
}
|
|
|
|
.timeUnitsOuterContainer_d0d75b {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center
|
|
}
|
|
|
|
.timeUnitInnerContainer_d0d75b {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 6px
|
|
}
|
|
|
|
.time_d0d75b {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 2px
|
|
}
|
|
|
|
.timeBoxOutline_d0d75b {
|
|
align-content: center;
|
|
background-color: hsl(var(--opacity-24-hsl)/.23921568627450981);
|
|
border-radius: 6px;
|
|
height: 36px;
|
|
justify-content: center;
|
|
width: 24px
|
|
}
|
|
|
|
.unitDivider_d0d75b {
|
|
margin: 0 6px;
|
|
position: relative;
|
|
top: 4px
|
|
}
|
|
|
|
.offerPill__3b397 {
|
|
align-items: center;
|
|
background: linear-gradient(90deg,#db00a4,#5968f0);
|
|
border-radius: 20px;
|
|
display: flex;
|
|
margin-bottom: 12px;
|
|
padding: 0 4px;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.premiumBrandRefreshOfferPill__3b397 {
|
|
-webkit-backdrop-filter: blur(12px);
|
|
backdrop-filter: blur(12px);
|
|
background: linear-gradient(90deg,rgba(155,29,165,.34),rgba(30,35,83,.34) 120%);
|
|
border: 1px solid var(--border-normal);
|
|
border-radius: var(--radius-xl);
|
|
padding: var(--space-8) var(--space-12);
|
|
text-transform: capitalize;
|
|
width: -moz-max-content;
|
|
width: max-content
|
|
}
|
|
|
|
.banner__4524c {
|
|
align-items: center;
|
|
background: var(--background-surface-high);
|
|
border-radius: 20px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 80px;
|
|
justify-content: center;
|
|
margin: auto auto 40px;
|
|
padding: 16px 24px;
|
|
position: relative;
|
|
width: 624px
|
|
}
|
|
|
|
.bodyContainer__4524c {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
text-align: start;
|
|
width: 400px
|
|
}
|
|
|
|
.trialPill__4524c {
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: -13px
|
|
}
|
|
|
|
.promoNitroButton__4524c {
|
|
margin-inline-start:auto;min-height: 40px;
|
|
min-width: 110px
|
|
}
|
|
|
|
.bannerArt__4524c {
|
|
margin-inline-end:16px}
|
|
|
|
.pill__4524c {
|
|
inset-inline-start: 20px;
|
|
position: absolute;
|
|
top: -8px
|
|
}
|
|
|
|
.buttonGradient__4524c {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
|
|
background-clip: padding-box;
|
|
border-radius: var(--radius-sm);
|
|
color: var(--white)
|
|
}
|
|
|
|
.boltContainer__24d89,.carContainer__24d89,.hammerContainer__24d89,.keyContainer__24d89,.starContainer__24d89 {
|
|
pointer-events: none
|
|
}
|
|
|
|
.carContainer__24d89,.hammerContainer__24d89 {
|
|
z-index: -1
|
|
}
|
|
|
|
.jumpingWumpusContainer__13b73 {
|
|
bottom: -100px;
|
|
inset-inline-start: calc(100% + 20px);
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.jumpingWumpus__13b73 {
|
|
height: 227px
|
|
}
|
|
|
|
.hammerContainer__13b73,.keyContainer__13b73,.starContainer__13b73 {
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.hammerContainer__13b73 {
|
|
inset-inline-end: 40px;
|
|
top: -50px
|
|
}
|
|
|
|
.keyContainer__13b73 {
|
|
inset-inline-start: -180px;
|
|
top: calc(100% + 20px)
|
|
}
|
|
|
|
.starContainer__13b73 {
|
|
inset-inline-start: -150px;
|
|
top: -50px
|
|
}
|
|
|
|
.starTrinket__13b73 {
|
|
height: 80px
|
|
}
|
|
|
|
.keyTrinket__13b73 {
|
|
height: 60px
|
|
}
|
|
|
|
.hammerTrinket__13b73 {
|
|
height: 30px
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 960px) {
|
|
.keyContainer__13b73,.starContainer__13b73 {
|
|
transform: translateX(50px)
|
|
}
|
|
|
|
.jumpingWumpusContainer__13b73 {
|
|
transform: translateX(-50px)
|
|
}
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 720px) {
|
|
.jumpingWumpus__13b73 {
|
|
height: 163px
|
|
}
|
|
|
|
.keyContainer__13b73 {
|
|
transform: translateX(100px)
|
|
}
|
|
|
|
.starTrinket__13b73 {
|
|
height: 62px
|
|
}
|
|
|
|
.keyTrinket__13b73 {
|
|
height: 46px
|
|
}
|
|
}
|
|
|
|
.header__07389 {
|
|
font-size: 50px;
|
|
font-style: italic;
|
|
font-weight: 900;
|
|
letter-spacing: -1px;
|
|
line-height: 100%;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 720px) {
|
|
.header__07389.responsive__07389 {
|
|
font-size: 42px;
|
|
letter-spacing: -.84px
|
|
}
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 540px) {
|
|
.header__07389.responsive__07389 {
|
|
font-size: 38px;
|
|
letter-spacing: -.76px
|
|
}
|
|
}
|
|
|
|
.container__101ad {
|
|
max-height: 300px;
|
|
min-width: 800px
|
|
}
|
|
|
|
.container__101ad,.containerV2__101ad {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-bottom: 80px;
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.containerV2__101ad {
|
|
justify-content: center;
|
|
padding-top: 42px
|
|
}
|
|
|
|
.trialPill__101ad {
|
|
justify-content: center;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.content__101ad {
|
|
min-width: 500px;
|
|
position: absolute;
|
|
top: 90px
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.content__101ad {
|
|
min-width:unset
|
|
}
|
|
}
|
|
|
|
.churnDiscountContent__101ad {
|
|
top: 20px
|
|
}
|
|
|
|
.contentV2__101ad {
|
|
min-width: 500px
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.contentV2__101ad {
|
|
min-width:unset
|
|
}
|
|
}
|
|
|
|
.hidden__101ad {
|
|
visibility: hidden
|
|
}
|
|
|
|
.heroHeadingOriginalButtonContainer__101ad {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.header__101ad {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.premiumSubscribeButton__101ad {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.button__101ad {
|
|
box-shadow: 0 12px 36px 0 rgba(0,0,0,.12);
|
|
height: 40px
|
|
}
|
|
|
|
.reverseTrialGiftButton__101ad {
|
|
height: 40px;
|
|
margin: auto;
|
|
min-width: 183px;
|
|
position: relative
|
|
}
|
|
|
|
.subscribeButton__101ad {
|
|
margin-inline-end:12px}
|
|
|
|
.headerArt__101ad,.headerArtV2__101ad {
|
|
pointer-events: none;
|
|
width: 100%
|
|
}
|
|
|
|
.headerArtV2__101ad {
|
|
min-width: 800px;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: -1
|
|
}
|
|
|
|
.reverseContainer__101ad {
|
|
gap: 40px;
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.reverseContainer__101ad,.reverseTrialHomeHeader__101ad {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center
|
|
}
|
|
|
|
.reverseTrialHomeHeader__101ad {
|
|
flex-shrink: 0;
|
|
margin-top: 40px;
|
|
position: relative;
|
|
width: 656px
|
|
}
|
|
|
|
.flexCentered__101ad {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.tooltip__101ad {
|
|
margin-bottom: 15px;
|
|
text-align: center
|
|
}
|
|
|
|
.pillContainer__101ad {
|
|
display: inline-block;
|
|
margin-top: 5px
|
|
}
|
|
|
|
.pillIcon__101ad {
|
|
padding-inline-end:5px}
|
|
|
|
.referralBanner__101ad {
|
|
margin: 64px auto auto
|
|
}
|
|
|
|
.churnEntrypointButtons__101ad {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
width: 380px
|
|
}
|
|
|
|
.churnEntrypointDescriptionBrandRefresh__101ad {
|
|
margin-bottom: -12px;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.churnEntrypointDescription__101ad {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.churnDiscountHeader__101ad {
|
|
margin-bottom: 16px;
|
|
max-width: 600px
|
|
}
|
|
|
|
.heroOfferCountdown__101ad {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.container__1c7f8 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 80px 0 var(--space-64);
|
|
width: 100%
|
|
}
|
|
|
|
.gradientBackground__1c7f8 {
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: -1
|
|
}
|
|
|
|
.content__1c7f8 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-32);
|
|
text-align: center
|
|
}
|
|
|
|
.content__1c7f8>:last-child {
|
|
margin-top: var(--space-32)
|
|
}
|
|
|
|
.headerContainer__1c7f8 {
|
|
margin: 0 100px;
|
|
max-width: 625px;
|
|
min-width: -moz-min-content;
|
|
min-width: min-content;
|
|
position: relative;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 960px) {
|
|
.headerContainer__1c7f8 {
|
|
max-width: 500px
|
|
}
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 720px) {
|
|
.headerContainer__1c7f8 {
|
|
max-width: 400px
|
|
}
|
|
}
|
|
|
|
.twoButtonContainer__1c7f8 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 16px;
|
|
justify-content: center
|
|
}
|
|
|
|
.wrapper__0a838 {
|
|
bottom: 0;
|
|
inset-inline-start: 0;
|
|
margin-bottom: 42px;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: sticky;
|
|
width: 100%;
|
|
z-index: 10
|
|
}
|
|
|
|
.innerWrapper__0a838,.wrapper__0a838 {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.innerWrapper__0a838 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: 16px;
|
|
box-sizing: border-box;
|
|
padding: 16px;
|
|
pointer-events: all;
|
|
position: relative
|
|
}
|
|
|
|
.innerWrapper__0a838:after,.innerWrapper__0a838:before {
|
|
content: "";
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.invisible__0a838>.innerWrapper__0a838 {
|
|
pointer-events: none
|
|
}
|
|
|
|
.tier2Gradient__0a838 {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
|
|
color: var(--white)
|
|
}
|
|
|
|
.descriptionContainer__0a838 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 0 16px;
|
|
width: 320px
|
|
}
|
|
|
|
.nitroIcon__0a838 {
|
|
border-radius: var(--radius-sm);
|
|
filter: saturate(var(--saturation-factor,1));
|
|
height: 48px;
|
|
width: 48px
|
|
}
|
|
|
|
.cardDescription__1f069 {
|
|
background-image: linear-gradient(to bottom,var(--card-background-default) 50%,transparent 100%)
|
|
}
|
|
|
|
.nitroGradientBorderHover__1f069 {
|
|
position: relative
|
|
}
|
|
|
|
.nitroGradientBorderHover__1f069:before {
|
|
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%),var(--premium-tier-2-purple-for-gradients);
|
|
border-radius: calc(var(--custom-card-border-radius) + 2px);
|
|
content: "";
|
|
inset: -2px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
z-index: -10
|
|
}
|
|
|
|
.full-motion .nitroGradientBorderHover__1f069:before {
|
|
transition: opacity .2s ease-in-out
|
|
}
|
|
|
|
.nitroGradientBorderHover__1f069:hover:before {
|
|
opacity: 1
|
|
}
|
|
|
|
.container_e99fef,.progressHeader_e99fef {
|
|
align-items: flex-start;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.progressHeader_e99fef {
|
|
width: 100%
|
|
}
|
|
|
|
.progressBar_e99fef {
|
|
background-color: var(--background-surface-highest);
|
|
border-radius: 94px;
|
|
height: 10px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.progressBarContainer_e99fef {
|
|
margin: var(--space-12) 0;
|
|
width: 100%
|
|
}
|
|
|
|
.progressBarFill_e99fef {
|
|
background: linear-gradient(90deg,#13184c,#5865f2);
|
|
height: 100%;
|
|
fill: #5865f2;
|
|
border-radius: 5px 0 0 5px
|
|
}
|
|
|
|
.progressBarIndicator_e99fef {
|
|
align-items: center;
|
|
border-radius: 50%;
|
|
box-shadow: 0 0 20px 5px #5865f2;
|
|
display: flex;
|
|
height: 100%;
|
|
position: absolute
|
|
}
|
|
|
|
.cards_e99fef {
|
|
gap: var(--space-12);
|
|
width: 100%
|
|
}
|
|
|
|
.cards_e99fef,.promoCardContainer_e99fef {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.promoCardContainer_e99fef {
|
|
align-items: stretch;
|
|
background-color: var(--background-surface-highest);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-lg);
|
|
gap: 14px;
|
|
margin-top: var(--space-12);
|
|
padding: var(--space-16) 0
|
|
}
|
|
|
|
.wrap_e99fef {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 10px;
|
|
padding: 0 var(--space-16)
|
|
}
|
|
|
|
.promoCardContent_e99fef {
|
|
width: 100%
|
|
}
|
|
|
|
.promoCardContentDetails_e99fef {
|
|
width: 60%
|
|
}
|
|
|
|
.promoCardContentText_e99fef {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
margin: var(--space-12) 0
|
|
}
|
|
|
|
.promoCardAssetContainer_e99fef {
|
|
align-items: center;
|
|
display: flex;
|
|
width: 40%
|
|
}
|
|
|
|
.promoCardAsset_e99fef {
|
|
margin: 0 auto
|
|
}
|
|
|
|
.lockIconContainer_e99fef {
|
|
align-items: center;
|
|
aspect-ratio: 1/1;
|
|
background: var(--background-mod-subtle);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
height: 32px;
|
|
justify-content: center;
|
|
width: 32px
|
|
}
|
|
|
|
.claimedFooterContainer_e99fef {
|
|
border-top: 1px solid var(--border-muted);
|
|
padding-top: var(--space-16)
|
|
}
|
|
|
|
.claimedFooter_e99fef,.claimedFooterContainer_e99fef {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.claimedFooter_e99fef {
|
|
gap: 10px;
|
|
margin: 0 var(--space-16)
|
|
}
|
|
|
|
.claimedFooterCode_e99fef {
|
|
flex: 1 0 0
|
|
}
|
|
|
|
.extraCodeButton_e99fef {
|
|
align-items: center;
|
|
background-color: var(--background-surface-highest);
|
|
border-radius: 0 0 var(--radius-lg) var(--radius-lg);
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin: 0 auto;
|
|
padding: var(--space-4) 0;
|
|
width: 80%
|
|
}
|
|
|
|
.container_f8fa75 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center
|
|
}
|
|
|
|
.image_f8fa75 {
|
|
margin-top: var(--space-16);
|
|
width: 100%
|
|
}
|
|
|
|
.container__29469 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%
|
|
}
|
|
|
|
.imageContainer__29469 {
|
|
margin-top: auto
|
|
}
|
|
|
|
.container__1f2ac {
|
|
height: 100%;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.container__1f2ac,.textColumn__1f2ac {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.badgeText__1f2ac {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.badgeImage__1f2ac {
|
|
align-self: center;
|
|
height: auto;
|
|
max-height: 66%;
|
|
pointer-events: none;
|
|
width: 70%
|
|
}
|
|
|
|
.full-motion .badgeImage__1f2ac {
|
|
transition: all .2s ease-in-out
|
|
}
|
|
|
|
.badgeImage__1f2ac.wide__1f2ac {
|
|
width: 85%
|
|
}
|
|
|
|
.upcomingBadge__1f2ac {
|
|
filter: saturate(0);
|
|
opacity: .4
|
|
}
|
|
|
|
div:hover>div>.container__1f2ac .badgeImage__1f2ac:not(.upcomingBadge__1f2ac) {
|
|
filter: drop-shadow(0 0 34px var(--custom-badge-glow-color))
|
|
}
|
|
|
|
.hoverWrapper_b5493b {
|
|
display: flex
|
|
}
|
|
|
|
.hoverWrapper_b5493b:hover .flipCardContainer_b5493b,.hoverWrapper_b5493b:hover .noFlipCardContainer_b5493b,.hoverWrapper_b5493b:hover .noFlipCardContainerCarousel_b5493b {
|
|
transform: translateY(-8px)
|
|
}
|
|
|
|
.hoverWrapper_b5493b:hover .card_b5493b {
|
|
box-shadow: var(--elevation-medium)
|
|
}
|
|
|
|
.hoverWrapper_b5493b:hover .unavailablePerkPill_b5493b {
|
|
display: none
|
|
}
|
|
|
|
.hoverWrapper_b5493b:hover .cardDescription_b5493b {
|
|
opacity: 1
|
|
}
|
|
|
|
.hoverWrapper_b5493b:hover .cardDescription_b5493b button {
|
|
bottom: 24px;
|
|
opacity: 1;
|
|
pointer-events: all;
|
|
transform: scale(1)
|
|
}
|
|
|
|
.hoverWrapper_b5493b:hover .hoverCardImage_b5493b {
|
|
border-radius: 20px;
|
|
margin: -24px;
|
|
width: calc(100% + 48px)
|
|
}
|
|
|
|
.hoverWrapper_b5493b:hover .carouselCardImage_b5493b,.hoverWrapper_b5493b:hover .carouselCardImageGrayscale_b5493b {
|
|
margin-inline-start:0;margin-bottom: -9px;
|
|
scale: 116.5%
|
|
}
|
|
|
|
.hoverWrapper_b5493b:hover .cardComponent_b5493b {
|
|
scale: 65%;
|
|
transform-origin: bottom
|
|
}
|
|
|
|
@media (max-width: 959px) {
|
|
.hoverWrapper_b5493b:hover .cardComponent_b5493b {
|
|
scale:85%
|
|
}
|
|
}
|
|
|
|
@media (max-width: 820px) {
|
|
.hoverWrapper_b5493b:hover .cardComponent_b5493b {
|
|
scale:75%
|
|
}
|
|
}
|
|
|
|
@media (max-width: 700px) {
|
|
.hoverWrapper_b5493b:hover .cardComponent_b5493b {
|
|
scale:65%
|
|
}
|
|
}
|
|
|
|
@media (max-width: 650px) {
|
|
.hoverWrapper_b5493b:hover .cardComponent_b5493b {
|
|
scale:55%
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1330px) {
|
|
.hoverWrapper_b5493b:hover .carouselCardImage_b5493b,.hoverWrapper_b5493b:hover .carouselCardImageGrayscale_b5493b {
|
|
margin-inline-start:0;
|
|
margin-bottom: -9px;
|
|
scale: 122%
|
|
}
|
|
}
|
|
|
|
.hoverWrapper_b5493b:hover .partialFlipCard_b5493b {
|
|
--custom-y-rotation: -30deg;
|
|
transform: rotateY(var(--custom-y-rotation))
|
|
}
|
|
|
|
.hoverWrapper_b5493b:hover .partialFlipCard_b5493b.reducedMotion_b5493b {
|
|
transform: none
|
|
}
|
|
|
|
.hoverWrapper_b5493b:hover .ultraFlipCard_b5493b {
|
|
--custom-y-rotation: -570deg;
|
|
transform: rotateY(var(--custom-y-rotation))
|
|
}
|
|
|
|
.hoverWrapper_b5493b:hover .rotateCard_b5493b {
|
|
--custom-x-rotation: -520deg;
|
|
--custom-y-rotation: -1140deg;
|
|
transform: rotateX(var(--custom-x-rotation)) rotateY(var(--custom-y-rotation))
|
|
}
|
|
|
|
.hoverWrapper_b5493b:hover .flipCard_b5493b.flipped_b5493b {
|
|
transform: rotateY(-180deg)
|
|
}
|
|
|
|
.reducedMotion_b5493b .hoverWrapper_b5493b {
|
|
transition: none
|
|
}
|
|
|
|
.flipCardContainer_b5493b,.noFlipCardContainer_b5493b,.noFlipCardContainerCarousel_b5493b {
|
|
display: flex;
|
|
filter: saturate(var(--saturation-factor,1));
|
|
width: 100%
|
|
}
|
|
|
|
.flipCardContainer_b5493b.forceShadow_b5493b .card_b5493b,.noFlipCardContainer_b5493b.forceShadow_b5493b .card_b5493b,.noFlipCardContainerCarousel_b5493b.forceShadow_b5493b .card_b5493b {
|
|
box-shadow: var(--elevation-medium)
|
|
}
|
|
|
|
.full-motion .noFlipCardContainer_b5493b,.full-motion .noFlipCardContainerCarousel_b5493b {
|
|
transition: all .1s ease-in-out
|
|
}
|
|
|
|
@media screen and (min-width: 1331px) {
|
|
.noFlipCardContainerCarousel_b5493b {
|
|
min-width:350px
|
|
}
|
|
}
|
|
|
|
.confettiCanvas_b5493b {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.flipCardContainer_b5493b {
|
|
min-height: 350px;
|
|
perspective: 1000px
|
|
}
|
|
|
|
.full-motion .flipCardContainer_b5493b {
|
|
transition: all .1s ease-in-out
|
|
}
|
|
|
|
.flipCardContainer_b5493b .card_b5493b {
|
|
height: calc(100% - 48px);
|
|
width: calc(100% - 48px)
|
|
}
|
|
|
|
.flipCardContainer_b5493b .flipCard_b5493b.clickable_b5493b .cover_b5493b {
|
|
opacity: 1
|
|
}
|
|
|
|
.flipCardContainer_b5493b .flipCard_b5493b.flipped_b5493b {
|
|
transform: rotateY(-180deg)
|
|
}
|
|
|
|
.flipCardContainer_b5493b .flipCard_b5493b.flipped_b5493b .flipCardButtonContainer_b5493b {
|
|
opacity: 0;
|
|
pointer-events: none
|
|
}
|
|
|
|
.flipCardContainer_b5493b .flipCard_b5493b.flipped_b5493b .cover_b5493b {
|
|
opacity: 0
|
|
}
|
|
|
|
.flipCard_b5493b {
|
|
position: relative;
|
|
transform-style: preserve-3d;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .flipCard_b5493b {
|
|
transition: transform .8s
|
|
}
|
|
|
|
.flipCard_b5493b.reducedMotion_b5493b {
|
|
transition: none
|
|
}
|
|
|
|
.flipCardBack_b5493b,.flipCardFront_b5493b {
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.flipCardBack_b5493b {
|
|
transform: rotateY(180deg)
|
|
}
|
|
|
|
.flipCardHidden_b5493b {
|
|
opacity: 0;
|
|
pointer-events: none
|
|
}
|
|
|
|
.flipCardButtonContainer_b5493b {
|
|
align-items: center;
|
|
bottom: 0;
|
|
display: flex;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
z-index: 40
|
|
}
|
|
|
|
.cardComponent_b5493b {
|
|
transition: scale .15s ease-in-out
|
|
}
|
|
|
|
.card_b5493b {
|
|
--custom-card-border-radius: 20px;
|
|
align-items: flex-start;
|
|
background-color: var(--card-background-default);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--custom-card-border-radius);
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
padding: 24px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.full-motion .card_b5493b {
|
|
transition: all .1s ease-in-out
|
|
}
|
|
|
|
.hideOverflow_b5493b {
|
|
overflow: hidden
|
|
}
|
|
|
|
.clickable_b5493b {
|
|
cursor: pointer;
|
|
pointer-events: all
|
|
}
|
|
|
|
.pill_b5493b {
|
|
background-image: linear-gradient(to right,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-pink-for-gradients));
|
|
border-radius: 10px;
|
|
color: var(--white);
|
|
inset-inline-start: 24px;
|
|
padding: 0 8px;
|
|
position: absolute;
|
|
top: -8px;
|
|
z-index: 30
|
|
}
|
|
|
|
.cardHeading_b5493b {
|
|
background-clip: text;
|
|
-webkit-background-clip: text!important;
|
|
background-color: var(--text-strong);
|
|
color: transparent;
|
|
display: inline-block;
|
|
margin-bottom: 8px;
|
|
white-space: pre-wrap;
|
|
width: 100%;
|
|
z-index: 10
|
|
}
|
|
|
|
.cardSubtitle_b5493b {
|
|
flex-grow: 1;
|
|
margin-bottom: 16px;
|
|
width: 100%;
|
|
z-index: 10
|
|
}
|
|
|
|
.carouselCardImage_b5493b {
|
|
background: linear-gradient(193deg,var(--premium-tier-0-header-gradient-1) 0,var(--premium-tier-0-header-gradient-3) 49.52%,var(--premium-tier-0-header-gradient-4) 82.85%,var(--premium-tier-0-header-gradient-5) 90.53%);
|
|
border-radius: 16px;
|
|
height: 150px;
|
|
padding: 15px;
|
|
pointer-events: none;
|
|
transform: translateX(1px);
|
|
width: 270px;
|
|
z-index: 10
|
|
}
|
|
|
|
.full-motion .carouselCardImage_b5493b {
|
|
transition: all .1s ease-in-out
|
|
}
|
|
|
|
.carouselCardImageGrayscale_b5493b {
|
|
background: gray;
|
|
border-radius: 16px;
|
|
filter: grayscale(1%);
|
|
height: 180px;
|
|
pointer-events: none;
|
|
transform: translateX(1px);
|
|
width: 300px;
|
|
z-index: 10
|
|
}
|
|
|
|
.full-motion .carouselCardImageGrayscale_b5493b {
|
|
transition: all .1s ease-in-out
|
|
}
|
|
|
|
@media screen and (max-width: 1330px) {
|
|
.carouselCardImageGrayscale_b5493b {
|
|
height:150px;
|
|
width: 230px
|
|
}
|
|
}
|
|
|
|
.imageOverlayTextContainer_b5493b {
|
|
display: flex;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 140px;
|
|
width: 100%
|
|
}
|
|
|
|
@media screen and (max-width: 1330px) {
|
|
.imageOverlayTextContainer_b5493b {
|
|
top:120px
|
|
}
|
|
}
|
|
|
|
.imageOverlayText_b5493b {
|
|
background: #313338;
|
|
border-radius: 20px;
|
|
color: var(--white);
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
padding: 0 8px;
|
|
z-index: 100
|
|
}
|
|
|
|
@media screen and (max-width: 1330px) {
|
|
.carouselCardImage_b5493b {
|
|
height:120px;
|
|
width: 200px
|
|
}
|
|
|
|
.unavailablePerkPill_b5493b {
|
|
top: 117px
|
|
}
|
|
}
|
|
|
|
.cardIllustrationNoHover_b5493b,.cardImage_b5493b {
|
|
width: 100%;
|
|
z-index: 10
|
|
}
|
|
|
|
.full-motion .cardIllustrationNoHover_b5493b,.full-motion .cardImage_b5493b {
|
|
transition: all .1s ease-in-out
|
|
}
|
|
|
|
.cardImage_b5493b {
|
|
border-radius: 14px;
|
|
pointer-events: none
|
|
}
|
|
|
|
.cardImage_b5493b img {
|
|
border-radius: inherit;
|
|
width: 100%
|
|
}
|
|
|
|
.cardIllustrationNoHover_b5493b {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.cardDescription_b5493b {
|
|
align-items: flex-start;
|
|
border-radius: 20px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
inset: 0;
|
|
justify-content: flex-start;
|
|
opacity: 0;
|
|
padding: 24px;
|
|
position: absolute;
|
|
z-index: 20
|
|
}
|
|
|
|
.full-motion .cardDescription_b5493b {
|
|
transition: all .1s ease-in-out
|
|
}
|
|
|
|
.cardDescription_b5493b p {
|
|
margin: 0
|
|
}
|
|
|
|
.cardDescription_b5493b p+p {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.cardDescription_b5493b button {
|
|
inset-inline: 24px;
|
|
bottom: 8px;
|
|
opacity: .5;
|
|
position: absolute;
|
|
transform: scale(.75)
|
|
}
|
|
|
|
.full-motion .cardDescription_b5493b button {
|
|
transition: all .1s ease-in-out
|
|
}
|
|
|
|
.reducedMotion_b5493b .cardDescription_b5493b {
|
|
transition: none
|
|
}
|
|
|
|
.cover_b5493b {
|
|
border-radius: 20px;
|
|
inset: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.full-motion .cover_b5493b {
|
|
transition: all .1s ease-in-out
|
|
}
|
|
|
|
.reducedMotion_b5493b .cover_b5493b {
|
|
transition: none
|
|
}
|
|
|
|
.above_b5493b {
|
|
background-color: rgba(0,0,0,.6);
|
|
z-index: 30
|
|
}
|
|
|
|
.below_b5493b {
|
|
background-image: linear-gradient(to bottom,hsl(var(--primary-660-hsl)/.5) 0,transparent 60%);
|
|
z-index: 1
|
|
}
|
|
|
|
.theme-light .below_b5493b {
|
|
background-image: linear-gradient(to bottom,hsl(var(--primary-160-hsl)/.5) 0,hsla(0,0%,100%,0) 60%)
|
|
}
|
|
|
|
.topCover_b5493b .below_b5493b {
|
|
opacity: 1
|
|
}
|
|
|
|
.purpleGradient_b5493b {
|
|
background-image: linear-gradient(130.41deg,#727eff 7.43%,#b940ff 82.67%)
|
|
}
|
|
|
|
.pinkGradient_b5493b {
|
|
background-image: linear-gradient(130.41deg,#ff52d2 7.43%,#b940ff 82.67%)
|
|
}
|
|
|
|
.blueGradient_b5493b {
|
|
background-image: linear-gradient(130.41deg,#0fb3ff 7.43%,#b940ff 82.67%)
|
|
}
|
|
|
|
.relative_b5493b {
|
|
position: relative
|
|
}
|
|
|
|
.nitroGradientBackground_b5493b {
|
|
background: radial-gradient(100% 100% at 50% 0,var(--card-background-default) 60%,var(--transparent) 100%),linear-gradient(90deg,var(--expressive-gradient-green-end) 0,var(--expressive-gradient-green-start) 100%)
|
|
}
|
|
|
|
.section__3af27 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
max-width: 1066px;
|
|
width: calc(100% - 32px)
|
|
}
|
|
|
|
.heading__3af27 {
|
|
margin: 0 24px 16px;
|
|
text-align: center
|
|
}
|
|
|
|
.sectionHeader__3af27 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
.sectionHeaderSeeAll__3af27 {
|
|
flex-grow: 1;
|
|
text-align: center
|
|
}
|
|
|
|
.confettiCanvas__3af27 {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.container__3af27 {
|
|
display: flex
|
|
}
|
|
|
|
.sectionHeader__3af27 .heading__3af27 {
|
|
flex-grow: 1;
|
|
text-align: start
|
|
}
|
|
|
|
.subtitle__3af27 {
|
|
margin: 0 24px 24px;
|
|
max-width: 544px
|
|
}
|
|
|
|
.subtitleWithButton__3af27 {
|
|
margin: 0 24px 16px;
|
|
max-width: 544px
|
|
}
|
|
|
|
.centerAlignSubtitle__3af27,.leftAlignSection__3af27 {
|
|
position: relative
|
|
}
|
|
|
|
.leftAlignSubtitle__3af27 {
|
|
text-align: start
|
|
}
|
|
|
|
.centerAlignSubtitle__3af27 {
|
|
text-align: center
|
|
}
|
|
|
|
.moreSubtitleMargin__3af27 {
|
|
margin-bottom: 32px
|
|
}
|
|
|
|
.section__3af27.noBackground__3af27 .subtitle__3af27 {
|
|
max-width: unset
|
|
}
|
|
|
|
.fullWidth__3af27 {
|
|
max-width: 100%
|
|
}
|
|
|
|
.cardContainer__3af27,.cardContainerNarrowWidth__3af27 {
|
|
display: grid;
|
|
gap: 16px;
|
|
justify-content: center;
|
|
min-height: 380px;
|
|
width: 100%
|
|
}
|
|
|
|
.cardContainer__3af27 {
|
|
grid-template-columns: 1fr
|
|
}
|
|
|
|
.cardContainerNarrowWidth__3af27 {
|
|
grid-template-columns: 1fr 1fr
|
|
}
|
|
|
|
@media (min-width: 960px) {
|
|
.cardContainer__3af27 {
|
|
grid-template-columns:1fr 1fr 1fr
|
|
}
|
|
}
|
|
|
|
.centerAlignSection__3af27 {
|
|
align-items: center
|
|
}
|
|
|
|
.leftAlignSection__3af27 {
|
|
align-items: start
|
|
}
|
|
|
|
.showAllPerksButton__3af27 {
|
|
margin-inline-start:auto;z-index: 9
|
|
}
|
|
|
|
.showAllPerksButtonCenter__3af27 {
|
|
align-items: center;
|
|
margin-bottom: 24px;
|
|
z-index: 9
|
|
}
|
|
|
|
.footer__3af27 {
|
|
margin-bottom: 64px
|
|
}
|
|
|
|
.container__893f1 {
|
|
flex-direction: column;
|
|
max-height: 600px
|
|
}
|
|
|
|
.container__893f1,.containerInner__893f1 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.containerInner__893f1 {
|
|
flex-direction: row;
|
|
height: 100px;
|
|
margin-inline-start:-182px;position: absolute;
|
|
top: 60px
|
|
}
|
|
|
|
.content__893f1 {
|
|
flex: 1;
|
|
min-width: 500px;
|
|
position: relative
|
|
}
|
|
|
|
.backButton__893f1 {
|
|
align-items: center;
|
|
background-color: var(--background-base-low);
|
|
border-radius: 24px;
|
|
color: var(--white);
|
|
cursor: pointer;
|
|
display: flex;
|
|
font-family: gg sans;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
justify-content: center;
|
|
line-height: 18px;
|
|
padding-block:4px;padding-inline:16px 20px}
|
|
|
|
.backButton__893f1:hover {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.backButtonContainer__893f1 {
|
|
margin-inline-end:92px}
|
|
|
|
.headerArt__893f1 {
|
|
margin-top: -48px;
|
|
min-height: 400px;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
pointer-events: none;
|
|
width: 100%
|
|
}
|
|
|
|
.theme-light .backButton__893f1 {
|
|
background-color: var(--opacity-white-20)
|
|
}
|
|
|
|
.theme-light .backButton__893f1:hover {
|
|
background-color: var(--opacity-white-28)
|
|
}
|
|
|
|
@media (max-width: 1282px) {
|
|
.backButtonContainer__893f1 {
|
|
inset-inline-start:10px;
|
|
position: absolute;
|
|
top: -40px
|
|
}
|
|
|
|
.containerInner__893f1 {
|
|
margin-inline-start:0}
|
|
}
|
|
|
|
.cardContainer__3f7d1 {
|
|
display: grid;
|
|
gap: 16px;
|
|
grid-template-columns: 1fr;
|
|
justify-content: center;
|
|
min-height: 385px;
|
|
padding-bottom: 20px;
|
|
padding-inline-start:4px;position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.cardInnerContainer__3f7d1 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: start;
|
|
margin-inline-start:6px;overflow: hidden;
|
|
padding: 5px;
|
|
position: relative
|
|
}
|
|
|
|
.card__3f7d1 {
|
|
display: flex;
|
|
height: calc(100% - 20px);
|
|
max-width: 348px;
|
|
padding: 5px;
|
|
position: absolute;
|
|
transition: width .1s ease-in-out,height .1s ease-in-out,padding .1s ease-in-out
|
|
}
|
|
|
|
.perkInfo__3f7d1 {
|
|
display: flex;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.inactiveArrow__3f7d1,.leftArrow__3f7d1,.rightArrow__3f7d1 {
|
|
align-items: center;
|
|
background-color: var(--background-base-low);
|
|
border-radius: 100%;
|
|
box-shadow: var(--shadow-low);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 40px;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
width: 40px;
|
|
z-index: 9999
|
|
}
|
|
|
|
.leftArrow__3f7d1:hover,.rightArrow__3f7d1:hover {
|
|
box-shadow: var(--shadow-low)
|
|
}
|
|
|
|
.leftArrow__3f7d1:active,.rightArrow__3f7d1:active {
|
|
box-shadow: var(--shadow-low-hover)
|
|
}
|
|
|
|
.rightArrow__3f7d1 {
|
|
inset-inline-end: -1px
|
|
}
|
|
|
|
.leftArrow__3f7d1 {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.cardProgressBar__3f7d1 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 14px;
|
|
bottom: -16px;
|
|
display: flex;
|
|
gap: 4px;
|
|
inset-inline-start: 50%;
|
|
justify-content: center;
|
|
margin: 5px;
|
|
padding: 6px 18px;
|
|
position: absolute;
|
|
transform: translateX(-50%)
|
|
}
|
|
|
|
.dot__3f7d1,.selectedDot__3f7d1 {
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: 50%;
|
|
height: 6px;
|
|
transition: background-color 1s ease;
|
|
width: 6px
|
|
}
|
|
|
|
.selectedDot__3f7d1 {
|
|
background-color: var(--interactive-text-default)
|
|
}
|
|
|
|
@media screen and (max-width: 1330px) {
|
|
.card__3f7d1 {
|
|
padding-inline:10px;
|
|
width: 280px
|
|
}
|
|
}
|
|
|
|
.arrowIcon__3f7d1 {
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.inactiveArrow__3f7d1 {
|
|
box-shadow: var(--shadow-ledge);
|
|
cursor: default
|
|
}
|
|
|
|
.inactiveArrow__3f7d1 .arrowIcon__3f7d1 {
|
|
fill: var(--icon-muted)
|
|
}
|
|
|
|
.theme-dark .leftArrow__3f7d1,.theme-dark .rightArrow__3f7d1 {
|
|
background-color: var(--primary-530)
|
|
}
|
|
|
|
.theme-dark .leftArrow__3f7d1:hover,.theme-dark .rightArrow__3f7d1:hover {
|
|
background-color: var(--primary-600)
|
|
}
|
|
|
|
.theme-dark .leftArrow__3f7d1:active .arrowIcon__3f7d1,.theme-dark .rightArrow__3f7d1:active .arrowIcon__3f7d1 {
|
|
fill: var(--white)
|
|
}
|
|
|
|
.theme-dark .inactiveArrow__3f7d1 {
|
|
background-color: var(--primary-530)
|
|
}
|
|
|
|
.theme-light .leftArrow__3f7d1,.theme-light .rightArrow__3f7d1 {
|
|
background-color: var(--white);
|
|
fill: var(--primary-500)
|
|
}
|
|
|
|
.theme-light .leftArrow__3f7d1:active .arrowIcon__3f7d1,.theme-light .rightArrow__3f7d1:active .arrowIcon__3f7d1 {
|
|
fill: var(--primary-860)
|
|
}
|
|
|
|
.theme-light .inactiveArrow__3f7d1 {
|
|
background-color: var(--white)
|
|
}
|
|
|
|
.leftArrow__3f7d1,.rightArrow__3f7d1 {
|
|
box-shadow: var(--shadow-low)
|
|
}
|
|
|
|
.leftArrow__3f7d1 .arrowIcon__3f7d1,.rightArrow__3f7d1 .arrowIcon__3f7d1 {
|
|
fill: var(--text-default)
|
|
}
|
|
|
|
.leftArrow__3f7d1:active,.rightArrow__3f7d1:active {
|
|
background-color: var(--background-base-low)
|
|
}
|
|
|
|
.hammerContainer__01bd8 {
|
|
inset-inline-start: 100%;
|
|
top: -25px
|
|
}
|
|
|
|
.hammerContainer__01bd8,.keyContainer__01bd8 {
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.keyContainer__01bd8 {
|
|
bottom: -50px;
|
|
inset-inline-end: 100%
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 720px) {
|
|
.hammerTrinket__01bd8 {
|
|
height: 62px
|
|
}
|
|
|
|
.keyTrinket__01bd8 {
|
|
height: 60px
|
|
}
|
|
}
|
|
|
|
.container_fab2fa {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: 1fr;
|
|
justify-content: center;
|
|
max-width: 1100px;
|
|
padding: var(--space-64) var(--space-32) var(--space-64);
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.backButtonContainer_fab2fa {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
justify-self: start;
|
|
margin-inline-start:var(--space-16);z-index: 1
|
|
}
|
|
|
|
.content_fab2fa {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
position: relative
|
|
}
|
|
|
|
.headerContainer_fab2fa {
|
|
justify-self: center;
|
|
margin: 0 130px;
|
|
max-width: 600px;
|
|
min-width: -moz-min-content;
|
|
min-width: min-content;
|
|
position: relative;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.container__80907 {
|
|
--custom-content-width-with-padding: calc(100% - 32px);
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.responsiveContainer__80907 {
|
|
container-name: premium-marketing-page-container;
|
|
container-type: inline-size
|
|
}
|
|
|
|
.hiddenGradient__80907:before {
|
|
display: none
|
|
}
|
|
|
|
.perksDiscoverability__80907,.whatsNew__80907 {
|
|
margin-bottom: 64px
|
|
}
|
|
|
|
.perksCards__80907 {
|
|
width: var(--custom-content-width-with-padding)
|
|
}
|
|
|
|
.manageMembership__80907 {
|
|
margin-top: 64px;
|
|
min-height: 111px
|
|
}
|
|
|
|
.giftNitro__80907 {
|
|
margin-top: 64px;
|
|
width: var(--custom-content-width-with-padding)
|
|
}
|
|
|
|
.seeAllPerksButton__80907 {
|
|
background: var(--background-surface-high);
|
|
border-radius: 4px;
|
|
box-shadow: 0 12px 36px 0 var(--opacity-black-16);
|
|
color: var(--text-default);
|
|
font-family: var(--font-primary);
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-normal);
|
|
padding-block:8px;padding-inline:16px 8px}
|
|
|
|
.seeAllPerksButton__80907:hover {
|
|
background: linear-gradient(120deg,var(--premium-tier-2-purple-for-gradients) 20%,var(--premium-tier-2-purple-for-gradients-2) 50%,var(--premium-tier-2-pink-for-gradients) 80%)
|
|
}
|
|
|
|
.seeAllPerksButtonContent__80907 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.footerSpacing__80907 {
|
|
height: 180px
|
|
}
|
|
|
|
.bottomIllustration__80907 {
|
|
bottom: 0;
|
|
filter: saturate(var(--saturation-factor,1));
|
|
position: absolute
|
|
}
|
|
|
|
.heroHeading__80907 {
|
|
margin-bottom: 16px;
|
|
width: var(--custom-content-width-with-padding)
|
|
}
|
|
|
|
.heading__80907 {
|
|
align-self: start;
|
|
margin: 0 32px 16px;
|
|
text-align: start
|
|
}
|
|
|
|
.column__80907 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: -128px;
|
|
max-width: 1100px;
|
|
width: 100%
|
|
}
|
|
|
|
.column__80907.premiumBrandRefresh__80907 {
|
|
margin-top: 0
|
|
}
|
|
|
|
.bottomOfPageVisibilitySensor__80907 {
|
|
bottom: 0;
|
|
height: 300px;
|
|
position: absolute
|
|
}
|
|
|
|
.mainPageScroller__80907 {
|
|
background: var(--background-gradient-chat,var(--background-base-low));
|
|
contain: layout size
|
|
}
|
|
|
|
.custom-client-theme .mainPageScroller__80907 {
|
|
background: var(--background-base-low)
|
|
}
|
|
|
|
.allPerksScroller__80907 {
|
|
background: var(--background-gradient-chat,var(--background-base-low));
|
|
contain: layout size;
|
|
height: calc(100% - 48px);
|
|
inset-inline-start: 100%;
|
|
position: absolute;
|
|
top: 48px;
|
|
transition: left .75s ease-in-out;
|
|
width: 100%
|
|
}
|
|
|
|
.allPerksScroller__80907.open__80907 {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.openCloseReduceMotion__80907 {
|
|
transition: none
|
|
}
|
|
|
|
.cardCarousel__80907 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
margin-bottom: 64px;
|
|
width: 100%
|
|
}
|
|
|
|
.theme-light .seeAllPerksButton__80907 {
|
|
border: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.loading__80907 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 520px;
|
|
justify-content: center
|
|
}
|
|
|
|
.premiumBrandRefreshGradientBackground__80907 {
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: -1
|
|
}
|
|
|
|
.container__2e50f {
|
|
border-radius: 20px;
|
|
container-name: animated-border-card-container;
|
|
container-type: inline-size;
|
|
filter: saturate(var(--saturation-factor,1));
|
|
overflow: visible;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.glowAnimation__2e50f {
|
|
filter: blur(var(--custom-blur-amount)) saturate(var(--saturation-factor,1)) hue-rotate(var(--custom-hue-rotate,0deg));
|
|
height: calc(100% + var(--custom-glow-amount)*2 + 2px);
|
|
inset-inline-start: calc(var(--custom-glow-amount)*-1 - 1px);
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: calc(var(--custom-glow-amount)*-1 - 1px);
|
|
width: calc(100% + var(--custom-glow-amount)*2 + 2px)
|
|
}
|
|
|
|
.card__2e50f {
|
|
border-radius: 20px;
|
|
border-width: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
@container animated-border-card-container (min-width: 960px) {
|
|
.card__2e50f {
|
|
flex-direction: row
|
|
}
|
|
}
|
|
|
|
.baseContainer__40d5b {
|
|
container-name: premium-marketing-page-container;
|
|
container-type: inline-size;
|
|
filter: saturate(var(--saturation-factor,1));
|
|
max-width: 1066px;
|
|
overflow: visible
|
|
}
|
|
|
|
.baseContainer__40d5b,.card__40d5b {
|
|
border-radius: 20px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.card__40d5b {
|
|
border-width: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden
|
|
}
|
|
|
|
.video__40d5b {
|
|
height: 100%;
|
|
inset: 0;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.betaBadge__40d5b {
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.progressContainer__40d5b {
|
|
width: 75%
|
|
}
|
|
|
|
.bannerImageContainer__40d5b {
|
|
flex: 0 0 auto;
|
|
height: 250px;
|
|
overflow: visible;
|
|
position: relative
|
|
}
|
|
|
|
.bannerImage__40d5b,.bannerImageContainer__40d5b {
|
|
-o-object-position: center;
|
|
object-position: center;
|
|
width: 100%
|
|
}
|
|
|
|
.bannerImage__40d5b {
|
|
height: 100%;
|
|
inset: 0;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
position: absolute;
|
|
transform: scaleX(-1)
|
|
}
|
|
|
|
.textContainer__40d5b {
|
|
align-items: flex-start;
|
|
background-color: var(--card-background-default);
|
|
display: flex;
|
|
flex: 1 1 100%;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
padding: var(--space-48) var(--space-24);
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.heading__40d5b {
|
|
margin-bottom: var(--space-12)
|
|
}
|
|
|
|
.actionButtonContainer__40d5b {
|
|
margin-top: var(--space-24)
|
|
}
|
|
|
|
.totalLifetimeRewardsContainer__40d5b {
|
|
align-items: center;
|
|
color: var(--text-muted);
|
|
display: flex;
|
|
gap: var(--space-4);
|
|
margin-top: var(--space-12)
|
|
}
|
|
|
|
.stackedGradientOverlay__40d5b {
|
|
background: linear-gradient(to bottom,transparent 0,color-mix(in srgb,var(--card-background-default) 70%,transparent) 50%,var(--card-background-default) 100%);
|
|
position: absolute;
|
|
top: auto;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
height: 100px
|
|
}
|
|
|
|
@container premium-marketing-page-container (min-width: 720px) {
|
|
.card__40d5b {
|
|
flex-direction: row;
|
|
height: 350px
|
|
}
|
|
|
|
.bannerImageContainer__40d5b {
|
|
height: auto;
|
|
margin-inline-end:0;min-width: 0;
|
|
width: 50%;
|
|
z-index: 0
|
|
}
|
|
|
|
.bannerImage__40d5b {
|
|
-o-object-position: center;
|
|
object-position: center
|
|
}
|
|
|
|
.textContainer__40d5b {
|
|
background-color: transparent;
|
|
padding-block:var(--space-48);padding-inline: var(--space-32);
|
|
width: 50%;
|
|
z-index: auto
|
|
}
|
|
|
|
.heading__40d5b,.textContainer__40d5b {
|
|
color: var(--white)
|
|
}
|
|
|
|
.bodyText__40d5b,.totalLifetimeRewardsContainer__40d5b {
|
|
color: hsl(var(--white-hsl)/.6)
|
|
}
|
|
|
|
.bodyText__40d5b a {
|
|
color: var(--blue-new-27)
|
|
}
|
|
|
|
.bodyText__40d5b a: hover {
|
|
color:var(--blue-new-31)
|
|
}
|
|
|
|
.stackedGradientOverlay__40d5b {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
@container premium-marketing-page-container (min-width: 960px) {
|
|
.textContainer__40d5b {
|
|
flex: 0 0 40%;
|
|
max-width: 40%;
|
|
padding-inline:var(--space-24)}
|
|
|
|
.bannerImage__40d5b {
|
|
-o-object-position: calc(100% + 250px) center;
|
|
object-position: calc(100% + 250px) center
|
|
}
|
|
|
|
.bannerImageContainer__40d5b {
|
|
margin-inline-end:0}
|
|
}
|
|
|
|
.container__72cd3 {
|
|
align-items: center;
|
|
border-radius: 0 0 var(--radius-sm) var(--radius-sm);
|
|
bottom: 0;
|
|
display: flex;
|
|
inset-inline: 0;
|
|
justify-content: space-between;
|
|
padding: var(--space-8);
|
|
position: absolute
|
|
}
|
|
|
|
.textSection__72cd3 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
justify-content: center;
|
|
margin-inline-start:var(--space-16);max-width: 57%
|
|
}
|
|
|
|
.avatar__72cd3 {
|
|
bottom: 8px;
|
|
inset-inline-end: 8px;
|
|
position: absolute;
|
|
width: 120px
|
|
}
|
|
|
|
.full-motion .avatar__72cd3 {
|
|
bottom: -4px;
|
|
inset-inline-end: -4px;
|
|
width: 136px
|
|
}
|
|
|
|
.pricePerInterval_fd0764 {
|
|
font-weight: 200;
|
|
margin-bottom: 18px
|
|
}
|
|
|
|
.price_fd0764 {
|
|
font-weight: var(--font-weight-bold)
|
|
}
|
|
|
|
.priceSpinner_fd0764 {
|
|
display: flex;
|
|
height: 22px;
|
|
justify-content: flex-start;
|
|
margin-bottom: 18px
|
|
}
|
|
|
|
.annualDiscountString_fd0764 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.firstPromotionalAvatar__55414 {
|
|
z-index: 1
|
|
}
|
|
|
|
.secondPromotionalAvatar__55414 {
|
|
margin-inline-end:-18px}
|
|
|
|
.container__55414 {
|
|
display: flex;
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
.promotionalGiftMessage__6fbbd {
|
|
border-radius: 0 0 16px 16px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
inset-inline-end: 24px;
|
|
justify-content: space-between;
|
|
min-height: 24px;
|
|
padding: 12px 24px;
|
|
position: relative;
|
|
top: 24px;
|
|
width: 100%
|
|
}
|
|
|
|
.promotionalTextSection__6fbbd {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
margin-inline-end:12px}
|
|
|
|
.avatar__6fbbd {
|
|
bottom: -15px;
|
|
inset-inline-end: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.trialHeader__784e4 {
|
|
margin-bottom: 18px;
|
|
max-width: 60%
|
|
}
|
|
|
|
.price__784e4 {
|
|
margin: 0 0 8px
|
|
}
|
|
|
|
.price__784e4:last-of-type {
|
|
margin: 0 0 18px
|
|
}
|
|
|
|
.container__33718 {
|
|
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: 36px
|
|
}
|
|
|
|
.text__33718 {
|
|
margin-inline-start:6px}
|
|
|
|
.textWithAD__33718 {
|
|
margin-inline-start:9px}
|
|
|
|
.premiumCards__6df1a {
|
|
display: flex;
|
|
gap: var(--space-32);
|
|
width: 100%
|
|
}
|
|
|
|
.premiumCardHover__6df1a {
|
|
transition: transform .4s linear(0,.372 7.6%,.658 15.6%,.866 24.2%,.942 28.8%,1.002 33.7%,1.036 37.8%,1.061 42.2%,1.075 46.9%,1.08 52%,1.069 61%,1.011 85%,1)
|
|
}
|
|
|
|
.premiumCardHover__6df1a:hover {
|
|
position: relative;
|
|
transform: scale(1.0975) translateZ(0);
|
|
z-index: 1
|
|
}
|
|
|
|
.tier2ApplicationHomeSubheader__6df1a {
|
|
margin-bottom: var(--space-16)
|
|
}
|
|
|
|
.applicationHomeCard__6df1a {
|
|
border-radius: var(--radius-lg)!important;
|
|
box-sizing: border-box;
|
|
height: 470px;
|
|
margin: 0 auto;
|
|
width: 390px
|
|
}
|
|
|
|
.applicationHomeCard__6df1a.narrow__6df1a {
|
|
width: 354px
|
|
}
|
|
|
|
.card__6df1a {
|
|
background: var(--background-surface-high);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: var(--space-24);
|
|
position: relative;
|
|
text-align: start
|
|
}
|
|
|
|
.card__6df1a.withGiftBanner__6df1a {
|
|
padding-bottom: 90px
|
|
}
|
|
|
|
.card__6df1a.borderGradient__6df1a {
|
|
background: var(--background-surface-high);
|
|
border: none;
|
|
position: relative
|
|
}
|
|
|
|
.card__6df1a.borderGradient__6df1a:after {
|
|
background: linear-gradient(to bottom,var(--illo-pink-50) 0,var(--illo-nitro-blue) 100%);
|
|
border-radius: calc(var(--radius-sm) + 1px);
|
|
content: "";
|
|
inset: -1px;
|
|
opacity: .8;
|
|
position: absolute;
|
|
z-index: -1
|
|
}
|
|
|
|
.card__6df1a.borderGradient__6df1a.applicationHomeCard__6df1a:after {
|
|
border-radius: var(--radius-lg)
|
|
}
|
|
|
|
.tier0__6df1a.pillMargin__6df1a {
|
|
margin-top: var(--space-24)
|
|
}
|
|
|
|
.wordmark__6df1a {
|
|
margin-bottom: var(--space-8);
|
|
min-height: 25px;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.wumpus__6df1a {
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
.wumpus__6df1a.inCard__6df1a {
|
|
inset-inline-end: 24px;
|
|
top: 30px
|
|
}
|
|
|
|
.wumpus__6df1a.outerCorner__6df1a {
|
|
height: 165px;
|
|
inset-inline-end: -33px;
|
|
top: -40px
|
|
}
|
|
|
|
.wumpus__6df1a.insideCorner__6df1a {
|
|
inset-inline-end: 10px;
|
|
top: -20px
|
|
}
|
|
|
|
.bigCloud__6df1a {
|
|
opacity: .62;
|
|
position: absolute;
|
|
width: 86px
|
|
}
|
|
|
|
.bigCloud__6df1a.inCard__6df1a {
|
|
inset-inline-end: 8px;
|
|
top: 12px
|
|
}
|
|
|
|
.bigCloud__6df1a.insideCorner__6df1a,.bigCloud__6df1a.outerCorner__6df1a {
|
|
inset-inline-end: 140px;
|
|
top: 105px;
|
|
width: 40px
|
|
}
|
|
|
|
.smallCloud__6df1a {
|
|
opacity: .42;
|
|
position: absolute;
|
|
width: 47px
|
|
}
|
|
|
|
.smallCloud__6df1a.inCard__6df1a {
|
|
inset-inline-end: 172px;
|
|
top: 40px
|
|
}
|
|
|
|
.smallCloud__6df1a.insideCorner__6df1a,.smallCloud__6df1a.outerCorner__6df1a {
|
|
inset-inline-end: 172px;
|
|
top: 65px
|
|
}
|
|
|
|
.divider__6df1a {
|
|
margin: var(--space-16) 0;
|
|
opacity: .1;
|
|
z-index: 0
|
|
}
|
|
|
|
.firstFeatureItemContainer__6df1a {
|
|
max-width: 250px
|
|
}
|
|
|
|
.featureItem__6df1a {
|
|
align-items: center;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: var(--space-8)
|
|
}
|
|
|
|
.featureItem__6df1a:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.featureItemApplicationHome__6df1a {
|
|
margin-bottom: var(--space-12)
|
|
}
|
|
|
|
.promotionalBackgroundImage__6df1a {
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: scale(50%);
|
|
transform-origin: top right
|
|
}
|
|
|
|
.priceHeader__6df1a {
|
|
margin-top: var(--space-4)
|
|
}
|
|
|
|
.pill__6df1a {
|
|
inset-inline-start: 50%;
|
|
position: absolute;
|
|
top: 1px;
|
|
transform: translate(-50%,-50%)
|
|
}
|
|
|
|
.CTAButton__6df1a {
|
|
display: flex;
|
|
margin-top: auto;
|
|
padding-top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.premiumCardsContainer__6df1a {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center
|
|
}
|
|
|
|
.premiumCardsHeader__6df1a {
|
|
font-style: italic;
|
|
margin-bottom: var(--space-64);
|
|
text-align: center;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.tier0CardOrder__6df1a {
|
|
order: 0
|
|
}
|
|
|
|
.tier2CardOrder__6df1a {
|
|
order: 1
|
|
}
|
|
|
|
.premiumGroupCardOrder__6df1a {
|
|
order: 2
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 960px) {
|
|
.premiumCards__6df1a {
|
|
flex-direction: column
|
|
}
|
|
|
|
.tier0CardOrder__6df1a {
|
|
order: 1
|
|
}
|
|
|
|
.tier2CardOrder__6df1a {
|
|
order: 0
|
|
}
|
|
}
|
|
|
|
.cardTitle__6df1a {
|
|
font-size: 32px;
|
|
font-style: italic;
|
|
line-height: 27px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.betaPill__6df1a,.cardTitle__6df1a {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.cardHeader__6df1a {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.boxBackdrop_b0db00 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%
|
|
}
|
|
|
|
.bentoSectionHeader_b0db00 {
|
|
font-style: italic;
|
|
margin-bottom: var(--space-32);
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.bentoBoxesGrid_b0db00 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
max-width: 1105px;
|
|
row-gap: var(--space-32)
|
|
}
|
|
|
|
.bentoBoxButton_b0db00 {
|
|
margin-top: var(--space-24)
|
|
}
|
|
|
|
.backgroundColor_b0db00 {
|
|
background: var(--background-surface-high)
|
|
}
|
|
|
|
.description_b0db00 {
|
|
display: inline;
|
|
flex-direction: column;
|
|
gap: var(--space-12);
|
|
margin-top: var(--space-12)
|
|
}
|
|
|
|
.badgeContainer_b0db00 {
|
|
margin-bottom: var(--space-8)
|
|
}
|
|
|
|
.badge_b0db00 {
|
|
align-items: center;
|
|
background: linear-gradient(90deg,#db00a4,#5968f0);
|
|
border-radius: 19px;
|
|
justify-content: center;
|
|
padding: 0 var(--space-4);
|
|
text-transform: uppercase;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.boxVideo_b0db00 {
|
|
height: 100%;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 100%
|
|
}
|
|
|
|
.header_b0db00 {
|
|
-webkit-hyphens: auto;
|
|
hyphens: auto;
|
|
word-break: break-word
|
|
}
|
|
|
|
.boxArtContainer_b0db00.large_b0db00 {
|
|
align-content: right;
|
|
order: 0;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.boxArtContainer_b0db00.medium_b0db00 {
|
|
height: 288px;
|
|
order: 1;
|
|
position: relative
|
|
}
|
|
|
|
.boxArtContainer_b0db00.small_b0db00 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 348px;
|
|
justify-content: flex-end;
|
|
order: 1;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.boxContainer_b0db00.large_b0db00 {
|
|
border-radius: var(--radius-lg);
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 400px;
|
|
padding: var(--space-12);
|
|
width: 100%
|
|
}
|
|
|
|
.boxContainer_b0db00.large_b0db00.overlayMode_b0db00 {
|
|
overflow: hidden;
|
|
padding: 0
|
|
}
|
|
|
|
.boxContainer_b0db00.medium_b0db00,.boxContainer_b0db00.small_b0db00 {
|
|
border-radius: var(--radius-lg);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: var(--space-12) var(--space-12) var(--space-24)
|
|
}
|
|
|
|
.boxContainer_b0db00.medium_b0db00 {
|
|
width: calc(50% - 16px)
|
|
}
|
|
|
|
.boxContainer_b0db00.small_b0db00 {
|
|
width: calc(33.33333% - 21.33333px)
|
|
}
|
|
|
|
.boxContainer_b0db00.overlayImageMode_b0db00 {
|
|
padding: 0 0 var(--space-24)
|
|
}
|
|
|
|
.boxContainer_b0db00.overlayImageMode_b0db00 .boxArtContainer_b0db00 {
|
|
background-color: #000;
|
|
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.boxContainer_b0db00.overlayImageMode_b0db00 .boxVideo_b0db00 {
|
|
-o-object-fit: cover;
|
|
object-fit: cover
|
|
}
|
|
|
|
.boxContainer_b0db00.large_b0db00.overlayImageMode_b0db00 {
|
|
overflow: hidden;
|
|
padding: 0
|
|
}
|
|
|
|
.textBox_b0db00.large_b0db00 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
min-width: 334px;
|
|
order: 0;
|
|
padding: 0 var(--space-24)
|
|
}
|
|
|
|
.textBox_b0db00.medium_b0db00,.textBox_b0db00.small_b0db00 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
order: 2
|
|
}
|
|
|
|
.textBox_b0db00.medium_b0db00 {
|
|
margin: var(--space-24) var(--space-32) var(--space-32)
|
|
}
|
|
|
|
.textBox_b0db00.small_b0db00 {
|
|
margin-top: var(--space-12)
|
|
}
|
|
|
|
.gradientBackground_b0db00:before {
|
|
opacity: .3
|
|
}
|
|
|
|
.overlayTextBox_b0db00 {
|
|
inset-inline-start: var(--space-12);
|
|
z-index: 1
|
|
}
|
|
|
|
.backgroundVideoContainer_b0db00 {
|
|
border-radius: var(--radius-lg);
|
|
overflow: hidden;
|
|
z-index: 0
|
|
}
|
|
|
|
.backgroundVideo_b0db00,.backgroundVideoContainer_b0db00 {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.backgroundVideo_b0db00,.overlayImage_b0db00 {
|
|
-o-object-fit: cover;
|
|
object-fit: cover
|
|
}
|
|
|
|
.overlayImage_b0db00 {
|
|
height: 100%;
|
|
-o-object-position: 40% center;
|
|
object-position: 40% center;
|
|
width: 100%
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 960px) {
|
|
.boxArtContainer_b0db00.medium_b0db00 {
|
|
height: 225px
|
|
}
|
|
|
|
.textBox_b0db00.large_b0db00 {
|
|
min-width: 280px
|
|
}
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 720px) {
|
|
.bentoSectionHeader_b0db00 {
|
|
margin-bottom: var(--space-24)
|
|
}
|
|
|
|
.backgroundVideoContainer_b0db00 {
|
|
display: none
|
|
}
|
|
|
|
.header_b0db00 {
|
|
font-size: 24px
|
|
}
|
|
|
|
.boxContainer_b0db00.large_b0db00,.boxContainer_b0db00.medium_b0db00,.boxContainer_b0db00.small_b0db00 {
|
|
border-radius: var(--radius-lg);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: unset;
|
|
padding: 0 0 var(--space-24);
|
|
width: 100%
|
|
}
|
|
|
|
.boxArtContainer_b0db00.large_b0db00,.boxArtContainer_b0db00.medium_b0db00,.boxArtContainer_b0db00.small_b0db00 {
|
|
height: 360px;
|
|
order: 1;
|
|
position: relative
|
|
}
|
|
|
|
.overlayMode_b0db00 .boxArtContainer_b0db00 {
|
|
background-color: #000;
|
|
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.overlayMode_b0db00 .overlayImage_b0db00 {
|
|
-o-object-position: center center;
|
|
object-position: center center
|
|
}
|
|
|
|
.textBox_b0db00.large_b0db00,.textBox_b0db00.small_b0db00 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
margin: var(--space-24) var(--space-24) var(--space-32);
|
|
order: 2;
|
|
padding: unset;
|
|
width: unset
|
|
}
|
|
}
|
|
|
|
.boxBackdrop_abac7b {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%
|
|
}
|
|
|
|
.bentoBoxesGrid_abac7b {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
margin: 16px 16px 0;
|
|
max-width: 1064px;
|
|
row-gap: 16px
|
|
}
|
|
|
|
.referralProgramBackground_abac7b,.yourStyleBackground_abac7b {
|
|
background: linear-gradient(180deg,#000,#19033d)
|
|
}
|
|
|
|
.customThemesBackground_abac7b,.displayNameStylesBackground_abac7b,.serverProfilesBackground_abac7b,.yourSpaceBackground_abac7b {
|
|
background: linear-gradient(180deg,#000,#2a1332)
|
|
}
|
|
|
|
.noLimitsBackground_abac7b {
|
|
background: linear-gradient(180deg,#000,#36266d)
|
|
}
|
|
|
|
.emojisBackground_abac7b {
|
|
background: linear-gradient(180deg,#000,#031a3b)
|
|
}
|
|
|
|
.theme-light .referralProgramBackground_abac7b,.theme-light .yourStyleBackground_abac7b {
|
|
background: linear-gradient(180deg,#f7f7fe 22.95%,#a9b7ff 153.33%)
|
|
}
|
|
|
|
.theme-light .serverProfilesBackground_abac7b {
|
|
background: linear-gradient(180deg,#f7f7fe 50%,#ffc6fd 153.33%)
|
|
}
|
|
|
|
.theme-light .customThemesBackground_abac7b,.theme-light .displayNameStylesBackground_abac7b,.theme-light .yourSpaceBackground_abac7b {
|
|
background: linear-gradient(180deg,#f7f7fe 50%,#ffc6fd 153.33%)
|
|
}
|
|
|
|
.theme-light .noLimitsBackground_abac7b {
|
|
background: linear-gradient(180deg,#f7f7fe 22.95%,#b6b9fc 153.33%)
|
|
}
|
|
|
|
.theme-light .emojisBackground_abac7b {
|
|
background: linear-gradient(180deg,#f7f7fe 22.95%,#b6ddfc 153.33%)
|
|
}
|
|
|
|
.bentoSideGradient_abac7b {
|
|
background: radial-gradient(45% 70% at -22% 50%,#ff70f9 0,transparent 100%),radial-gradient(45% 70% at -22% 50%,#ff903f 0,transparent 100%);
|
|
height: 900px;
|
|
inset-inline-start: calc(50% - 50vw);
|
|
opacity: .4;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: calc(100% - 509px);
|
|
width: 100vw
|
|
}
|
|
|
|
.boxVideo_abac7b {
|
|
height: 100%;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 100%
|
|
}
|
|
|
|
.elevateProfileVideo_abac7b,.shareNitroVideo_abac7b {
|
|
height: 70%;
|
|
width: unset
|
|
}
|
|
|
|
.shareNitroVideo_abac7b {
|
|
position: absolute;
|
|
top: 50px
|
|
}
|
|
|
|
.header_abac7b p {
|
|
margin: 0
|
|
}
|
|
|
|
.description_abac7b {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-12)
|
|
}
|
|
|
|
.description_abac7b p {
|
|
margin: 0
|
|
}
|
|
|
|
.bentoBoxButton_abac7b {
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.boxesSubHeader_abac7b {
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.bentoSectionHeader_abac7b {
|
|
font-style: italic;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.boxArtContainer_abac7b.large_abac7b {
|
|
align-content: end;
|
|
flex: 1;
|
|
order: 0;
|
|
position: relative
|
|
}
|
|
|
|
.boxArtContainer_abac7b.medium_abac7b {
|
|
height: 316px;
|
|
order: 1;
|
|
position: relative
|
|
}
|
|
|
|
.boxArtContainer_abac7b.small_abac7b {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 348px;
|
|
justify-content: flex-end;
|
|
order: 1;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.boxContainer_abac7b.large_abac7b {
|
|
border-radius: 16px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: 100%
|
|
}
|
|
|
|
.boxContainer_abac7b.medium_abac7b,.boxContainer_abac7b.small_abac7b {
|
|
border-radius: 16px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.boxContainer_abac7b.medium_abac7b {
|
|
padding: 24px;
|
|
width: calc(50% - 8px)
|
|
}
|
|
|
|
.boxContainer_abac7b.small_abac7b {
|
|
padding: 0 24px 24px;
|
|
width: calc(33.33333% - 10.66667px)
|
|
}
|
|
|
|
.textBox_abac7b.large_abac7b {
|
|
gap: 24px;
|
|
margin-inline-end:13px;order: 0;
|
|
padding: 24px;
|
|
width: 222px
|
|
}
|
|
|
|
.textBox_abac7b.large_abac7b,.textBox_abac7b.medium_abac7b,.textBox_abac7b.small_abac7b {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center
|
|
}
|
|
|
|
.textBox_abac7b.medium_abac7b,.textBox_abac7b.small_abac7b {
|
|
gap: 16px;
|
|
margin-top: 16px;
|
|
order: 2
|
|
}
|
|
|
|
.header_abac7b.large_abac7b {
|
|
max-width: 95%
|
|
}
|
|
|
|
.header_abac7b.large_abac7b,.header_abac7b.medium_abac7b,.header_abac7b.small_abac7b {
|
|
-webkit-hyphens: auto;
|
|
hyphens: auto;
|
|
word-break: break-word
|
|
}
|
|
|
|
.bentoBoxButtonWhite_abac7b {
|
|
border-color: var(--white);
|
|
color: var(--white)
|
|
}
|
|
|
|
.bentoBoxButtonBrand_abac7b {
|
|
border-color: var(--control-secondary-border-default);
|
|
color: var(--control-secondary-border-default)!important
|
|
}
|
|
|
|
.bentoBoxButtonBrand_abac7b:hover {
|
|
color: var(--white)!important
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 720px) {
|
|
.header_abac7b.large_abac7b,.header_abac7b.medium_abac7b {
|
|
font-size: 24px;
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
line-height: 30px
|
|
}
|
|
|
|
.textBox_abac7b.large_abac7b {
|
|
gap: 16px;
|
|
width: 121px
|
|
}
|
|
|
|
.boxArtContainer_abac7b.medium_abac7b {
|
|
height: unset
|
|
}
|
|
|
|
.boxArtContainer_abac7b.small_abac7b {
|
|
height: 212px
|
|
}
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 720px) and (min-width: 540px) {
|
|
.header_abac7b.small_abac7b {
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
line-height: 24px
|
|
}
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 540px) {
|
|
.boxContainer_abac7b.large_abac7b,.boxContainer_abac7b.small_abac7b {
|
|
flex-direction: column;
|
|
padding: 0 24px 24px;
|
|
width: 100%
|
|
}
|
|
|
|
.textBox_abac7b.large_abac7b {
|
|
margin: 16px 0 0;
|
|
order: 1;
|
|
padding: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.boxArtContainer_abac7b.small_abac7b {
|
|
height: 330px;
|
|
position: relative
|
|
}
|
|
|
|
.elevateProfileVideo_abac7b,.shareNitroVideo_abac7b {
|
|
height: 100%;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
position: relative;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
.badgeContainer_abac7b {
|
|
margin-bottom: var(--space-8)
|
|
}
|
|
|
|
.badge_abac7b {
|
|
align-items: center;
|
|
background: linear-gradient(90deg,#db00a4,#5968f0);
|
|
border-radius: 19px;
|
|
justify-content: center;
|
|
padding: 0 var(--space-4);
|
|
text-transform: uppercase;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.wrapper__70f7f {
|
|
bottom: 0;
|
|
display: flex;
|
|
inset-inline-start: 0;
|
|
justify-content: center;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: sticky;
|
|
width: 100%;
|
|
z-index: 10
|
|
}
|
|
|
|
.fullscreenWrapper__70f7f {
|
|
margin-bottom: 42px
|
|
}
|
|
|
|
.innerWrapperBase__70f7f {
|
|
align-items: center;
|
|
background-color: var(--background-surface-higher);
|
|
border-radius: var(--radius-md);
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 16px;
|
|
pointer-events: all;
|
|
position: relative
|
|
}
|
|
|
|
.innerWrapper__70f7f {
|
|
}
|
|
|
|
.innerWrapper__70f7f:after,.innerWrapper__70f7f: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__70f7f:after {
|
|
border-color: var(--guild-boosting-blue);
|
|
-webkit-mask: linear-gradient(0deg,#000,transparent);
|
|
mask: linear-gradient(0deg,#000,transparent)
|
|
}
|
|
|
|
.innerWrapper__70f7f:before {
|
|
border-color: var(--guild-boosting-purple)
|
|
}
|
|
|
|
.innerWrapperApplicationHome__70f7f {
|
|
}
|
|
|
|
.innerWrapperApplicationHome__70f7f:after,.innerWrapperApplicationHome__70f7f: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%
|
|
}
|
|
|
|
.innerWrapperApplicationHome__70f7f:after {
|
|
border-color: #5968f0;
|
|
-webkit-mask: linear-gradient(0deg,#000,transparent);
|
|
mask: linear-gradient(0deg,#000,transparent)
|
|
}
|
|
|
|
.innerWrapperApplicationHome__70f7f:before {
|
|
border-color: #db00a4
|
|
}
|
|
|
|
.invisible__70f7f>.innerWrapper__70f7f {
|
|
pointer-events: none
|
|
}
|
|
|
|
.theme-light .innerWrapper__70f7f {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.button__70f7f {
|
|
border-radius: 4px;
|
|
min-width: 160px
|
|
}
|
|
|
|
.button__70f7f:first-child {
|
|
margin-inline-end:16px}
|
|
|
|
.subButton__70f7f {
|
|
color: var(--brand-500)!important
|
|
}
|
|
|
|
.tier2Gradient__70f7f {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
|
|
color: var(--white)
|
|
}
|
|
|
|
.root__26dae {
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 945px;
|
|
width: 100%
|
|
}
|
|
|
|
.titleText__26dae {
|
|
justify-content: center;
|
|
margin-bottom: 44px;
|
|
text-align: center
|
|
}
|
|
|
|
.logo__26dae {
|
|
width: 100px
|
|
}
|
|
|
|
.table__26dae {
|
|
border-collapse: separate;
|
|
border-spacing: 10px 20px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 27px;
|
|
padding: 0 40px
|
|
}
|
|
|
|
.headerRow__26dae,.row__26dae {
|
|
display: flex;
|
|
flex-direction: row;
|
|
z-index: 5
|
|
}
|
|
|
|
.headerRow__26dae {
|
|
height: 40px;
|
|
margin-top: 24px
|
|
}
|
|
|
|
.row__26dae {
|
|
min-height: 57px
|
|
}
|
|
|
|
.rowBottomBorder__26dae {
|
|
border-bottom: 1px solid var(--interactive-background-active)
|
|
}
|
|
|
|
.cell__26dae,.headerCell__26dae {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 170px
|
|
}
|
|
|
|
.headerCell__26dae {
|
|
justify-content: start
|
|
}
|
|
|
|
.cell__26dae {
|
|
justify-content: center
|
|
}
|
|
|
|
.headerLabelCell__26dae,.labelCell__26dae {
|
|
display: flex;
|
|
flex: 1;
|
|
justify-content: flex-start;
|
|
text-align: start
|
|
}
|
|
|
|
.headerLabelCell__26dae {
|
|
align-items: start
|
|
}
|
|
|
|
.labelCell__26dae {
|
|
align-items: center;
|
|
margin: 12px 0
|
|
}
|
|
|
|
.closeIcon__26dae {
|
|
color: var(--icon-muted)
|
|
}
|
|
|
|
.checkmarkIcon__26dae {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.button__26dae {
|
|
height: 40px;
|
|
width: 180px
|
|
}
|
|
|
|
.tableWrapper__26dae {
|
|
padding: 2px;
|
|
position: relative
|
|
}
|
|
|
|
.backgroundGradient__26dae {
|
|
background: linear-gradient(90deg,#db00a4,#5968f0);
|
|
-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
|
|
mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
|
|
-webkit-mask-composite: xor;
|
|
mask-composite: exclude;
|
|
padding: 2px
|
|
}
|
|
|
|
.tier0ColumnPosition__26dae {
|
|
height: 100%;
|
|
inset-inline-end: 208px;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.tier2ColumnPosition__26dae {
|
|
height: 100%;
|
|
inset-inline-end: 40px;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.tier0ColumnOuter__26dae {
|
|
border-radius: var(--radius-lg)
|
|
}
|
|
|
|
.tier0ColumnOuter__26dae,.tier2ColumnOuter__26dae {
|
|
height: 100%;
|
|
width: 174px;
|
|
z-index: 9
|
|
}
|
|
|
|
.tier2ColumnOuter__26dae {
|
|
border-radius: 16px;
|
|
margin-top: -26px
|
|
}
|
|
|
|
.tier2Pill__26dae {
|
|
border-radius: 16px;
|
|
inset-inline-end: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 212px;
|
|
z-index: 9
|
|
}
|
|
|
|
.topBorderRadius__26dae {
|
|
border-start-end-radius: 16px;
|
|
border-start-start-radius: 16px
|
|
}
|
|
|
|
.comparisonTablePill__26dae {
|
|
background: linear-gradient(90deg,#db00a4,#5968f0);
|
|
border-radius: 8px;
|
|
margin: auto;
|
|
max-height: 24px;
|
|
max-width: 80px;
|
|
padding: 4px 8px;
|
|
position: relative;
|
|
top: -12px;
|
|
z-index: 10
|
|
}
|
|
|
|
.mostPopularText__26dae {
|
|
text-align: center;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.mostPopularText__26dae,.rowLabelText__26dae {
|
|
color: var(--white)
|
|
}
|
|
|
|
.theme-light .rowLabelText__26dae {
|
|
color: var(--black)
|
|
}
|
|
|
|
.basicCheckMark__26dae {
|
|
color: #68bdff
|
|
}
|
|
|
|
.premiumCheckMark__26dae {
|
|
color: #fe58d5
|
|
}
|
|
|
|
.bottomMargin__26dae,.section__26dae {
|
|
margin-bottom: 30px
|
|
}
|
|
|
|
.jumpingWumpusContainer__82b10 {
|
|
inset-inline-start: 50%;
|
|
position: absolute;
|
|
top: -300px;
|
|
transform: translateX(-50%)
|
|
}
|
|
|
|
.jumpingWumpus__82b10 {
|
|
height: 283px
|
|
}
|
|
|
|
.boltContainer__82b10,.carContainer__82b10,.hammerContainer__82b10,.keyContainer__82b10,.starContainer__82b10 {
|
|
position: absolute
|
|
}
|
|
|
|
.boltContainer__82b10 {
|
|
inset-inline-start: 0;
|
|
top: 200px
|
|
}
|
|
|
|
.carContainer__82b10 {
|
|
inset-inline-end: 90px;
|
|
top: -80px
|
|
}
|
|
|
|
.hammerContainer__82b10 {
|
|
inset-inline-start: -65px;
|
|
top: 40px
|
|
}
|
|
|
|
.keyContainer__82b10 {
|
|
inset-inline-end: 50px;
|
|
top: 185px
|
|
}
|
|
|
|
.starContainer__82b10 {
|
|
inset-inline-start: 50px;
|
|
top: -200px
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 720px) {
|
|
.boltContainer__82b10 {
|
|
transform: translateY(75px)
|
|
}
|
|
|
|
.keyContainer__82b10 {
|
|
transform: translateY(125px)
|
|
}
|
|
|
|
.boltTrinket__82b10,.carTrinket__82b10,.hammerTrinket__82b10,.keyTrinket__82b10,.starTrinket__82b10 {
|
|
width: 60px
|
|
}
|
|
}
|
|
|
|
.container__15b9a {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 100px;
|
|
min-height: 650px;
|
|
padding: 0 40px;
|
|
position: relative
|
|
}
|
|
|
|
.contentContainer__15b9a {
|
|
max-width: 800px;
|
|
min-width: 600px;
|
|
position: relative;
|
|
text-align: center;
|
|
z-index: 1
|
|
}
|
|
|
|
.footerHeader__15b9a {
|
|
font-size: 72px;
|
|
font-style: italic;
|
|
font-weight: 900;
|
|
letter-spacing: -1.28px;
|
|
line-height: 100%;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 960px) {
|
|
.container__15b9a {
|
|
min-height: 750px
|
|
}
|
|
}
|
|
|
|
.attributionBannerContainer_afe9b4 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: start;
|
|
margin-top: 8px;
|
|
padding-bottom: 20px;
|
|
width: 100%
|
|
}
|
|
|
|
.premiumBrandRefreshContainer_afe9b4 {
|
|
align-items: center;
|
|
background: var(--background-mod-normal);
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
padding: var(--space-12) var(--space-16)
|
|
}
|
|
|
|
.attributionBannerContainerRebranded_afe9b4 {
|
|
align-items: center;
|
|
background: var(--color-background-mod-normal,hsla(240,4%,61%,.2));
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 100px;
|
|
margin: 24px auto;
|
|
padding: 12px 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.attributionBannerContentApplicationHomeRebranded_afe9b4 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: start;
|
|
width: 100%
|
|
}
|
|
|
|
.textContainerRebranded_afe9b4 {
|
|
color: var(--white);
|
|
margin-inline-start:12px;text-align: start
|
|
}
|
|
|
|
.attributionBannerContent_afe9b4 {
|
|
align-items: center;
|
|
background: linear-gradient(90deg,rgba(133,71,198,0),rgba(133,71,198,.5) 25%,rgba(184,69,193,.5) 50.24%,rgba(171,93,138,.5) 80%,rgba(171,93,138,0));
|
|
display: flex;
|
|
height: 50px;
|
|
justify-content: center;
|
|
margin-top: 24px;
|
|
min-width: 768px;
|
|
padding-bottom: 4px;
|
|
padding-top: 4px
|
|
}
|
|
|
|
.iconContainer_afe9b4 {
|
|
display: flex;
|
|
padding-inline-start:135px}
|
|
|
|
.iconContainerApplicationHome_afe9b4 {
|
|
display: flex
|
|
}
|
|
|
|
.icon_afe9b4+.icon_afe9b4 {
|
|
margin-inline-start:-8px}
|
|
|
|
.textContainer_afe9b4 {
|
|
color: var(--white);
|
|
margin-inline-start:9px;text-align: start
|
|
}
|
|
|
|
.attributionIcon_afe9b4 {
|
|
margin-inline-start:auto;margin-bottom: -12px
|
|
}
|
|
|
|
.flyingWumpusContainer_d033b5 {
|
|
inset-inline-end: -155px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 200px;
|
|
z-index: 2
|
|
}
|
|
|
|
.flyingWumpusAsset_d033b5 {
|
|
height: 293px
|
|
}
|
|
|
|
.boltContainer_d033b5,.carContainer_d033b5,.hammerContainer_d033b5,.keyContainer_d033b5,.starContainer_d033b5 {
|
|
position: absolute
|
|
}
|
|
|
|
.boltContainer_d033b5 {
|
|
inset-inline-end: -250px;
|
|
top: 115px
|
|
}
|
|
|
|
.carContainer_d033b5 {
|
|
inset-inline-start: 40px;
|
|
top: 270px
|
|
}
|
|
|
|
.hammerContainer_d033b5 {
|
|
inset-inline-end: 90px;
|
|
top: 60px
|
|
}
|
|
|
|
.keyContainer_d033b5 {
|
|
inset-inline-start: -70px;
|
|
top: 350px
|
|
}
|
|
|
|
.starContainer_d033b5 {
|
|
inset-inline-start: -135px;
|
|
top: 110px
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 960px) {
|
|
.flyingWumpusContainer_d033b5 {
|
|
inset-inline-end: -100px;
|
|
top: 170px
|
|
}
|
|
|
|
.flyingWumpusAsset_d033b5 {
|
|
height: 200px
|
|
}
|
|
|
|
.boltContainer_d033b5 {
|
|
inset-inline-end: -100px;
|
|
top: 325px
|
|
}
|
|
|
|
.carContainer_d033b5,.keyContainer_d033b5,.starContainer_d033b5 {
|
|
transform: translateX(30px) translateY(-50px)
|
|
}
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 720px) {
|
|
.flyingWumpusContainer_d033b5 {
|
|
inset-inline-end: -80px;
|
|
top: 180px
|
|
}
|
|
|
|
.flyingWumpusAsset_d033b5 {
|
|
height: 170px
|
|
}
|
|
|
|
.keyContainer_d033b5,.starContainer_d033b5 {
|
|
transform: translateX(75px) translateY(-50px)
|
|
}
|
|
|
|
.carContainer_d033b5 {
|
|
transform: translateX(-75px) translateY(-50px)
|
|
}
|
|
|
|
.boltTrinket_d033b5,.carTrinket_d033b5,.hammerTrinket_d033b5,.keyTrinket_d033b5,.starTrinket_d033b5 {
|
|
width: 60px
|
|
}
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 540px) {
|
|
.flyingWumpusAsset_d033b5 {
|
|
height: 140px
|
|
}
|
|
}
|
|
|
|
:root {
|
|
--custom-premium-marketing-hero-heading-padding-top: 120px
|
|
}
|
|
|
|
.container__3849c {
|
|
justify-content: center;
|
|
text-align: center
|
|
}
|
|
|
|
.container__3849c,.contentContainer__3849c {
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative
|
|
}
|
|
|
|
.contentContainer__3849c {
|
|
flex-direction: column;
|
|
gap: var(--space-24);
|
|
padding-top: var(--custom-premium-marketing-hero-heading-padding-top);
|
|
z-index: 1
|
|
}
|
|
|
|
.containerWithOfferCountdown__3849c .contentContainer__3849c {
|
|
padding-top: 80px
|
|
}
|
|
|
|
.body__3849c {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-24);
|
|
margin: 0 80px
|
|
}
|
|
|
|
.marketingPageTextContainer__3849c {
|
|
max-width: 800px;
|
|
min-width: -moz-min-content;
|
|
min-width: min-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 960px) {
|
|
.marketingPageTextContainer__3849c {
|
|
max-width: 650px
|
|
}
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 720px) {
|
|
.marketingPageTextContainer__3849c {
|
|
max-width: 500px
|
|
}
|
|
}
|
|
|
|
.descriptionContainer__3849c {
|
|
max-width: 400px
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 720px) {
|
|
.descriptionContainer__3849c {
|
|
max-width: 250px
|
|
}
|
|
}
|
|
|
|
.marketingPageHeading__3849c {
|
|
font-size: 64px;
|
|
font-style: italic;
|
|
font-weight: 900;
|
|
letter-spacing: -1.28px;
|
|
line-height: 82%;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.twoButtonContainer__3849c {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 16px;
|
|
justify-content: center
|
|
}
|
|
|
|
.singleButtonContainer__3849c {
|
|
margin: auto;
|
|
min-width: 260px
|
|
}
|
|
|
|
.offerPillContainer__3849c {
|
|
inset-inline-start: 50%;
|
|
position: absolute;
|
|
top: calc(var(--custom-premium-marketing-hero-heading-padding-top) - 40px);
|
|
transform: translateX(-50%)
|
|
}
|
|
|
|
.affinitiesContainer__3849c,.referrerAttributionContainer__3849c {
|
|
margin: 0 auto
|
|
}
|
|
|
|
.header__3849c {
|
|
font-size: 58px;
|
|
font-style: italic;
|
|
font-weight: 900;
|
|
letter-spacing: -1.16px;
|
|
line-height: 100%;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 960px) {
|
|
.header__3849c {
|
|
font-size: 48px;
|
|
letter-spacing: -.96px
|
|
}
|
|
}
|
|
|
|
@container premium-marketing-page-container (max-width: 720px) {
|
|
.header__3849c {
|
|
font-size: 38px;
|
|
letter-spacing: -.76px
|
|
}
|
|
}
|
|
|
|
.heroOfferCountdown__3849c {
|
|
margin-bottom: -12px
|
|
}
|
|
|
|
.wrapper_d38e00 {
|
|
bottom: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: sticky;
|
|
z-index: 1
|
|
}
|
|
|
|
.buttonContainer_d38e00 {
|
|
background-color: var(--background-surface-highest);
|
|
border-radius: var(--radius-md);
|
|
box-shadow: var(--shadow-low);
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-12);
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.root_cbfae2 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 0 var(--space-24);
|
|
width: 1080px
|
|
}
|
|
|
|
.titleText_cbfae2 {
|
|
font-style: italic;
|
|
justify-content: center;
|
|
margin-bottom: var(--space-64);
|
|
text-align: center;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.planTitleWithPrice_cbfae2 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
z-index: 1
|
|
}
|
|
|
|
.planTitle_cbfae2 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-4);
|
|
justify-content: center;
|
|
margin-bottom: var(--space-4)
|
|
}
|
|
|
|
.table_cbfae2 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.headerRow_cbfae2,.row_cbfae2 {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.headerRow_cbfae2 {
|
|
border-bottom: 1px solid var(--border-strong);
|
|
padding-bottom: var(--space-16)
|
|
}
|
|
|
|
.cell_cbfae2 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 180px
|
|
}
|
|
|
|
.headerLabelCell_cbfae2,.labelCell_cbfae2 {
|
|
display: flex;
|
|
flex: 1;
|
|
justify-content: flex-start;
|
|
text-align: start
|
|
}
|
|
|
|
.sectionTitle_cbfae2 {
|
|
margin-top: 42px
|
|
}
|
|
|
|
.planComparisonItem_cbfae2 {
|
|
border-bottom: 1px solid var(--border-strong);
|
|
padding: var(--space-24) 0
|
|
}
|
|
|
|
.tableWrapper_cbfae2 {
|
|
position: relative
|
|
}
|
|
|
|
.backgroundGradient_cbfae2 {
|
|
background: linear-gradient(180deg,var(--pink-49) 0,var(--premium-tier-0-purple) 100%);
|
|
-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
|
|
mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
|
|
-webkit-mask-composite: xor;
|
|
mask-composite: exclude;
|
|
padding: 2px
|
|
}
|
|
|
|
.gradientColumn_cbfae2 {
|
|
height: calc(100% + 28px);
|
|
position: absolute;
|
|
top: -31px;
|
|
width: 180px;
|
|
z-index: 1
|
|
}
|
|
|
|
.gradientColumn_cbfae2.tier0_cbfae2 {
|
|
inset-inline-end: 180px
|
|
}
|
|
|
|
.gradientColumn_cbfae2.tier2_cbfae2 {
|
|
inset-inline-end: 0
|
|
}
|
|
|
|
.gradientColumnBorder_cbfae2 {
|
|
border-radius: var(--radius-md);
|
|
height: 100%;
|
|
inset-inline-start: -2px;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.pill_cbfae2 {
|
|
inset-inline-start: 50%;
|
|
position: absolute;
|
|
top: 1px;
|
|
transform: translate(-50%,-50%);
|
|
z-index: 2
|
|
}
|
|
|
|
.pill_cbfae2.pillGradient_cbfae2 {
|
|
background: linear-gradient(90deg,rgba(155,29,165,.84) 0,rgba(30,35,83,.84) 120%),var(--background-base-lower)
|
|
}
|
|
|
|
.gradientBackgroundContainer_cbfae2 {
|
|
border-radius: calc(var(--radius-md) - 2px);
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: -1
|
|
}
|
|
|
|
.gradientBackgroundPosition_cbfae2 {
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.nitroWheelIconColor_cbfae2 {
|
|
fill: var(--icon-strong)
|
|
}
|
|
|
|
.heroHeadingContainer__81281 {
|
|
margin-top: 30px;
|
|
margin-inline-start:30px}
|
|
|
|
.container__81281 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
text-align: center
|
|
}
|
|
|
|
.settingsContainer__81281 {
|
|
background: linear-gradient(192.85deg,var(--premium-tier-0-header-gradient-1) 42.31%,var(--premium-tier-0-header-gradient-2) 72.74%,var(--premium-tier-0-header-gradient-3) 86.45%,var(--premium-tier-0-header-gradient-4) 98.78%,var(--premium-tier-0-header-gradient-5) 123.01%),linear-gradient(180deg,var(--primary-700) 26.55%,var(--primary-660) 71.14%,var(--primary-630) 100%);
|
|
border-radius: 24px;
|
|
height: 330px;
|
|
margin-bottom: 24px;
|
|
width: 100%
|
|
}
|
|
|
|
.header__81281 {
|
|
font-size: 44px
|
|
}
|
|
|
|
@media (max-width: 1100px) {
|
|
.header__81281 {
|
|
font-size:34px
|
|
}
|
|
}
|
|
|
|
.affinityHeight__81281 {
|
|
height: 395px
|
|
}
|
|
|
|
.fullscreenTextContainer__81281 {
|
|
max-width: 650px
|
|
}
|
|
|
|
.settingsTextContainer__81281 {
|
|
max-width: 500px
|
|
}
|
|
|
|
.description__81281 {
|
|
margin-top: 24px
|
|
}
|
|
|
|
.descriptionV2__81281 {
|
|
display: flex;
|
|
justify-content: start
|
|
}
|
|
|
|
.descriptionBottomMargin__81281 {
|
|
margin-bottom: 32px
|
|
}
|
|
|
|
.affinityDescription__81281,.affinityDescriptionNoMargin__81281 {
|
|
margin-top: 22px
|
|
}
|
|
|
|
.affinityDescription__81281 {
|
|
margin-bottom: 22px
|
|
}
|
|
|
|
.affinityDescriptionContainer__81281 {
|
|
margin-bottom: 10px;
|
|
margin-top: 10px
|
|
}
|
|
|
|
.buttonContainer__81281 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 16px;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.button__81281 {
|
|
height: 40px;
|
|
min-width: 160px
|
|
}
|
|
|
|
.extendedButton__81281 {
|
|
max-width: 339px;
|
|
width: 100%
|
|
}
|
|
|
|
.sparkleStar__81281 {
|
|
color: var(--white);
|
|
position: absolute
|
|
}
|
|
|
|
.settingsSparkleStar1__81281 {
|
|
height: 36px;
|
|
inset-inline-start: 76px;
|
|
top: 42px;
|
|
width: 18px
|
|
}
|
|
|
|
.settingsSparkleStar2__81281 {
|
|
height: 24px;
|
|
inset-inline-start: 31px;
|
|
top: 80px;
|
|
width: 12px
|
|
}
|
|
|
|
.settingsSparkleStar3__81281 {
|
|
bottom: 78px;
|
|
height: 32px;
|
|
inset-inline-end: 94px;
|
|
width: 16px
|
|
}
|
|
|
|
.settingsSparkleStar4__81281 {
|
|
bottom: 38px;
|
|
height: 24px;
|
|
inset-inline-end: 54px;
|
|
width: 12px
|
|
}
|
|
|
|
.fullscreenSparkleStar1__81281 {
|
|
height: 32px;
|
|
inset-inline-start: -60px;
|
|
top: 60px;
|
|
width: 16px
|
|
}
|
|
|
|
.fullscreenSparkleStar2__81281 {
|
|
height: 32px;
|
|
inset-inline-start: -12px;
|
|
top: 98px;
|
|
width: 16px
|
|
}
|
|
|
|
.fullscreenSparkleStar3__81281 {
|
|
bottom: -24px;
|
|
height: 32px;
|
|
inset-inline-end: 20px;
|
|
width: 16px
|
|
}
|
|
|
|
.fullscreenSparkleStar4__81281 {
|
|
bottom: 16px;
|
|
height: 48px;
|
|
inset-inline-end: -36px;
|
|
width: 24px
|
|
}
|
|
|
|
.backgroundColor__81281 {
|
|
margin-top: 40px
|
|
}
|
|
|
|
.theme-light .backgroundColor__81281 {
|
|
background: linear-gradient(279deg,hsl(var(--black-hsl)/0) 0,var(--opacity-black-8) 50.8%,hsl(var(--black-hsl)/0) 100%)
|
|
}
|
|
|
|
.marketingPageCTAContainer__81281 {
|
|
display: flex;
|
|
justify-content: start
|
|
}
|
|
|
|
.marketingPageCTAMargin__81281 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.marketingPageTextContainer__81281 {
|
|
max-width: 447px
|
|
}
|
|
|
|
.marketingPageHeading__81281 {
|
|
font-size: 30px;
|
|
font-weight: 800;
|
|
line-height: 32px;
|
|
text-align: start
|
|
}
|
|
|
|
@media (min-width: 972px) and (max-width:1150px) {
|
|
.marketingPageHeading__81281 {
|
|
font-size:34px;
|
|
font-weight: 800;
|
|
line-height: 36px
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1150px) {
|
|
.marketingPageHeading__81281 {
|
|
font-size:44px;
|
|
font-weight: 800;
|
|
line-height: 42px
|
|
}
|
|
}
|
|
|
|
.premiumOfferPill__81281 {
|
|
align-items: center;
|
|
background: linear-gradient(90deg,#db00a4,#5968f0);
|
|
border-radius: 20px;
|
|
display: flex;
|
|
margin-bottom: 12px;
|
|
padding: 0 4px;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.subButton__81281 {
|
|
color: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%)!important
|
|
}
|
|
|
|
.whiteSubButton__81281 {
|
|
color: var(--white)!important
|
|
}
|
|
|
|
.tier2Gradient__81281 {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
|
|
color: var(--white)
|
|
}
|
|
|
|
.heroHeadingV2Art__81281 {
|
|
height: 100%;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 100%
|
|
}
|
|
|
|
.heroHeadingV2ArtContainer__81281 {
|
|
align-content: center;
|
|
display: flex;
|
|
justify-content: end;
|
|
margin-inline-start:50px;max-width: 500px;
|
|
width: 100%
|
|
}
|
|
|
|
.container__14cf2 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
text-align: center
|
|
}
|
|
|
|
.footerHeader__14cf2 {
|
|
font-style: italic;
|
|
margin-bottom: 36px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.footerCTAContainer__14cf2 {
|
|
margin-bottom: 30px
|
|
}
|
|
|
|
.footerArtContainer__14cf2 {
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
|
|
.footerArt__14cf2 {
|
|
height: 100%;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
width: 100%
|
|
}
|
|
|
|
@media (max-width: 975px) {
|
|
.footerHeader__14cf2 {
|
|
font-size:24px;
|
|
font-weight: 800;
|
|
line-height: 28px
|
|
}
|
|
}
|
|
|
|
.leftGradient__14cf2 {
|
|
background: radial-gradient(45% 75% at 0 100%,#ff4cd2 0,transparent 100%);
|
|
inset-inline-start: calc(50% - 50vw);
|
|
opacity: .23
|
|
}
|
|
|
|
.leftGradient__14cf2,.rightGradient__14cf2 {
|
|
height: 100%;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
width: 100vw
|
|
}
|
|
|
|
.rightGradient__14cf2 {
|
|
background: radial-gradient(45% 75% at 90% 100%,#2d01dc 0,transparent 100%),radial-gradient(45% 75% at 90% 100%,#b182ff 0,transparent 100%);
|
|
opacity: .4
|
|
}
|
|
|
|
.navBar__88ef1 {
|
|
-webkit-backdrop-filter: blur(11.5px);
|
|
backdrop-filter: blur(11.5px);
|
|
border-bottom: 1px solid var(--color-border-strong,hsla(240,4%,61%,.44));
|
|
margin-bottom: calc(var(--custom-channel-header-height)*-1);
|
|
padding: 0;
|
|
position: sticky;
|
|
top: 0
|
|
}
|
|
|
|
.nitroWheelIcon__88ef1 {
|
|
margin-top: 3px;
|
|
margin-inline-end:var(--space-24)}
|
|
|
|
.nitroWheelIconColor__88ef1 {
|
|
fill: var(--icon-strong)
|
|
}
|
|
|
|
.navBarContent__88ef1 {
|
|
justify-content: space-between;
|
|
padding: 0 var(--space-16);
|
|
width: 100%
|
|
}
|
|
|
|
.navBarContent__88ef1,.navBarSectionContentContainer__88ef1 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%
|
|
}
|
|
|
|
.navBarSectionContent__88ef1 {
|
|
display: flex;
|
|
gap: 20px;
|
|
height: 100%;
|
|
margin-inline-end:var(--space-16)}
|
|
|
|
.sectionClickable__88ef1 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 100%;
|
|
position: relative;
|
|
width: -moz-max-content;
|
|
width: max-content
|
|
}
|
|
|
|
.sectionUnderline__88ef1 {
|
|
background-color: var(--text-default);
|
|
bottom: -.5px;
|
|
height: 2px;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.sectionUnderline__88ef1.fadeIn__88ef1 {
|
|
animation: underlineAppear__88ef1 .3s ease-out
|
|
}
|
|
|
|
@keyframes underlineAppear__88ef1 {
|
|
0% {
|
|
transform: scaleX(0)
|
|
}
|
|
|
|
to {
|
|
transform: scaleX(1)
|
|
}
|
|
}
|
|
|
|
.container_f48ee4 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin: 0 auto;
|
|
position: relative
|
|
}
|
|
|
|
.fadeInFromTop_f48ee4 {
|
|
animation: fadeInFromTop_f48ee4 .6s ease-out forwards;
|
|
will-change: opacity,transform
|
|
}
|
|
|
|
@keyframes fadeInFromTop_f48ee4 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(-20px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
.containerBackground_f48ee4 {
|
|
background: var(--background-base-lowest)
|
|
}
|
|
|
|
.responsiveContainer_f48ee4 {
|
|
container-name: premium-marketing-page-container;
|
|
container-type: inline-size
|
|
}
|
|
|
|
.sectionsContainer_f48ee4 {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 164px;
|
|
padding: 0 40px;
|
|
width: 100%
|
|
}
|
|
|
|
.bestOfNitroSectionContainer_f48ee4,.heroHeadingContainer_f48ee4,.planComparisonTableContainer_f48ee4,.premiumTierCardsContainer_f48ee4,.promoBannerContainer_f48ee4,.whatsNewSectionContainer_f48ee4 {
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.promoBannerContainer_f48ee4 {
|
|
max-width: 1052px;
|
|
z-index: 1
|
|
}
|
|
|
|
.bottomOfPageVisibilitySensor_f48ee4 {
|
|
bottom: 0;
|
|
height: 300px;
|
|
position: absolute
|
|
}
|
|
|
|
.scroller_f48ee4 {
|
|
background-color: var(--background-base-low);
|
|
contain: layout size
|
|
}
|
|
|
|
.topOfPageGradient_f48ee4 {
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.topOfPageGradientWithCountdown_f48ee4 {
|
|
opacity: .75
|
|
}
|
|
|
|
.bottomOfPageGradient_f48ee4 {
|
|
bottom: 0;
|
|
position: absolute;
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.container__59141 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin: 0 auto;
|
|
position: relative
|
|
}
|
|
|
|
.containerBackground__59141 {
|
|
background: linear-gradient(180deg,#04050c,#19033d)
|
|
}
|
|
|
|
.responsiveContainer__59141 {
|
|
container-name: premium-marketing-page-container;
|
|
container-type: inline-size
|
|
}
|
|
|
|
.sectionsContainer__59141 {
|
|
align-items: center;
|
|
flex-direction: column
|
|
}
|
|
|
|
.heroHeadingContainer__59141,.sectionsContainer__59141 {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%
|
|
}
|
|
|
|
.heroHeadingContainer__59141 {
|
|
flex-direction: row;
|
|
position: relative
|
|
}
|
|
|
|
.promoBannerContainer__59141 {
|
|
justify-content: center;
|
|
max-width: 1052px;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.whatsNewSectionContainer__59141 {
|
|
margin-top: 80px
|
|
}
|
|
|
|
.bestOfNitroSectionContainer__59141,.whatsNewSectionContainer__59141 {
|
|
margin-bottom: 100px;
|
|
position: relative
|
|
}
|
|
|
|
.premiumTierCardsContainer__59141 {
|
|
margin-bottom: 80px;
|
|
max-width: 824px;
|
|
width: 100%
|
|
}
|
|
|
|
.planComparisonTableContainer__59141 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.bottomOfPageVisibilitySensor__59141 {
|
|
bottom: 0;
|
|
height: 300px;
|
|
position: absolute
|
|
}
|
|
|
|
.scroller__59141 {
|
|
background-color: var(--background-base-low);
|
|
contain: layout size
|
|
}
|
|
|
|
.heroHeaderSideGradient__59141 {
|
|
background: radial-gradient(45% 60% at -30% 40%,#70cbff 0,transparent 100%),radial-gradient(45% 60% at -30% 40%,#172365 0,transparent 100%);
|
|
height: 800px;
|
|
inset-inline-start: 0;
|
|
opacity: .4;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
width: 100vw
|
|
}
|
|
|
|
.heroHeaderBackgroundStars__59141 {
|
|
inset-inline-start: 30px;
|
|
position: absolute;
|
|
top: -40px;
|
|
width: 100%
|
|
}
|
|
|
|
.container__3f0b7 {
|
|
align-items: flex-start;
|
|
background: linear-gradient(90deg,rgba(180,115,245,.1),rgba(226,146,170,.1));
|
|
border: 2px solid var(--redesign-button-premium-primary-purple-for-gradient-2);
|
|
border-radius: 16px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 32px
|
|
}
|
|
|
|
.header__3f0b7 {
|
|
margin-bottom: var(--space-4)
|
|
}
|
|
|
|
.wordmark__3f0b7 {
|
|
font-size: 24px;
|
|
font-style: italic;
|
|
font-weight: 900;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.subheader__3f0b7 {
|
|
margin-bottom: var(--space-16)
|
|
}
|
|
|
|
.root_e4ef5c {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.titleText_e4ef5c {
|
|
justify-content: center;
|
|
margin-bottom: 44px;
|
|
text-align: center
|
|
}
|
|
|
|
.logo_e4ef5c {
|
|
width: 100px
|
|
}
|
|
|
|
.table_e4ef5c {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.headerRow_e4ef5c,.row_e4ef5c {
|
|
display: flex;
|
|
flex-direction: row;
|
|
z-index: 5
|
|
}
|
|
|
|
.headerRow_e4ef5c {
|
|
height: 56px;
|
|
margin-top: 24px
|
|
}
|
|
|
|
.row_e4ef5c {
|
|
height: 68px
|
|
}
|
|
|
|
.rowBottomBorder_e4ef5c {
|
|
border-bottom: 1px solid var(--border-muted)
|
|
}
|
|
|
|
.wideRow_e4ef5c {
|
|
height: 128px
|
|
}
|
|
|
|
.shortRow_e4ef5c {
|
|
height: 20px
|
|
}
|
|
|
|
.cell_e4ef5c,.headerCell_e4ef5c {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 208px
|
|
}
|
|
|
|
.headerCell_e4ef5c {
|
|
justify-content: start
|
|
}
|
|
|
|
.cell_e4ef5c {
|
|
justify-content: center
|
|
}
|
|
|
|
.headerLabelCell_e4ef5c,.labelCell_e4ef5c {
|
|
display: flex;
|
|
flex: 1;
|
|
justify-content: flex-start;
|
|
text-align: start
|
|
}
|
|
|
|
.headerLabelCell_e4ef5c {
|
|
align-items: start
|
|
}
|
|
|
|
.buttonsCell_e4ef5c,.labelCell_e4ef5c {
|
|
align-items: center
|
|
}
|
|
|
|
.buttonsCell_e4ef5c {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
justify-content: flex-start;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.closeIcon_e4ef5c {
|
|
color: var(--icon-muted)
|
|
}
|
|
|
|
.checkmarkIcon_e4ef5c {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.button_e4ef5c {
|
|
height: 40px;
|
|
width: 180px
|
|
}
|
|
|
|
.tableWrapper_e4ef5c {
|
|
padding: 2px;
|
|
position: relative
|
|
}
|
|
|
|
.tier0ColumnOuter_e4ef5c,.tier0ColumnOuterBackground_e4ef5c {
|
|
border: 2px solid var(--premium-tier-0-purple-for-gradients);
|
|
border-radius: var(--radius-lg);
|
|
height: 100%;
|
|
inset-inline-end: 208px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 212px;
|
|
z-index: 9
|
|
}
|
|
|
|
.tier2ColumnOuter_e4ef5c,.tier2ColumnOuterBackground_e4ef5c {
|
|
border: 2px solid var(--premium-tier-2-purple-for-gradients-2);
|
|
height: 100%
|
|
}
|
|
|
|
.tier2ColumnOuter_e4ef5c,.tier2ColumnOuterBackground_e4ef5c,.tier2Pill_e4ef5c {
|
|
border-radius: 16px;
|
|
inset-inline-end: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 212px;
|
|
z-index: 9
|
|
}
|
|
|
|
.tier0ColumnOuterBackground_e4ef5c:before,.tier2ColumnOuterBackground_e4ef5c:before {
|
|
content: "";
|
|
opacity: .1;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
z-index: -1
|
|
}
|
|
|
|
.tier0ColumnOuterBackground_e4ef5c:before {
|
|
background: linear-gradient(268deg,var(--premium-tier-0-blue) 17.62%,var(--premium-tier-1-blue-for-gradients) 100%)
|
|
}
|
|
|
|
.tier2ColumnOuterBackground_e4ef5c:before {
|
|
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%)
|
|
}
|
|
|
|
.topBorderRadius_e4ef5c {
|
|
border-start-end-radius: 16px;
|
|
border-start-start-radius: 16px
|
|
}
|
|
|
|
.bottomBorderRadius_e4ef5c {
|
|
border-end-end-radius: 16px;
|
|
border-end-start-radius: 16px
|
|
}
|
|
|
|
.mostPopularPill_e4ef5c {
|
|
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;
|
|
margin: auto;
|
|
max-height: 24px;
|
|
max-width: 112px;
|
|
padding: 4px 8px;
|
|
position: relative;
|
|
top: -12px;
|
|
z-index: 10
|
|
}
|
|
|
|
.mostPopularText_e4ef5c {
|
|
color: var(--white);
|
|
text-align: center;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.trialOfferPill_e4ef5c {
|
|
margin-top: 4px
|
|
}
|
|
|
|
.betaTag_e4ef5c {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2);
|
|
display: inline
|
|
}
|
|
|
|
.bogoPillWithSparkles_e4ef5c,.freeTrialPillWithSparkles_e4ef5c {
|
|
justify-content: center;
|
|
max-height: 24px;
|
|
max-width: 100%;
|
|
position: relative;
|
|
top: -13px;
|
|
z-index: 10
|
|
}
|
|
|
|
.brandShineLight_e4ef5c {
|
|
color: hsl(var(--brand-500-hsl)/.1)
|
|
}
|
|
|
|
.brandShineDark_e4ef5c {
|
|
color: var(--opacity-white-8)
|
|
}
|
|
|
|
.premiumGroupCard_e4ef5c {
|
|
margin-bottom: 50px
|
|
}
|
|
|
|
.textLogo_e4ef5c {
|
|
font-size: 20px;
|
|
font-style: italic;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.circleContainer_c1b44f {
|
|
overflow: visible;
|
|
position: relative
|
|
}
|
|
|
|
.childrenContainer_c1b44f,.circleContainer_c1b44f {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.childrenContainer_c1b44f {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.theme-light .baseProgressCircle_c1b44f {
|
|
stroke: var(--white)
|
|
}
|
|
|
|
.circleSVG_c1b44f {
|
|
height: 100%;
|
|
overflow: visible;
|
|
width: 100%
|
|
}
|
|
|
|
.nitroGemAnimation__7d30a {
|
|
animation: gemGlow__7d30a 5s ease-in-out infinite
|
|
}
|
|
|
|
.nitroGemContainer__7d30a {
|
|
overflow: visible
|
|
}
|
|
|
|
.gemBackgroundFill__7d30a {
|
|
fill: var(--background-base-low)
|
|
}
|
|
|
|
.theme-light .gemBackgroundFill__7d30a {
|
|
fill: var(--white)
|
|
}
|
|
|
|
.progressCircle__7d30a {
|
|
margin-inline:auto;width: 80%
|
|
}
|
|
|
|
.progressCricleBottomMargin__7d30a {
|
|
margin-bottom: 15px
|
|
}
|
|
|
|
@keyframes gemGlow__7d30a {
|
|
0%,50%,to {
|
|
filter: drop-shadow(0 0 0 hsl(var(--premium-tier-2-pink-for-gradients-2-hsl)/.6))
|
|
}
|
|
|
|
25%,75% {
|
|
filter: drop-shadow(0 0 20px hsl(var(--premium-tier-2-pink-for-gradients-2-hsl)/.6))
|
|
}
|
|
}
|
|
|
|
.activeProgressCircle__7d30a {
|
|
fill: transparent;
|
|
transform: rotate(-90deg);
|
|
transform-origin: center
|
|
}
|
|
|
|
.activeProgressCircleAnimation__7d30a {
|
|
animation: glow__7d30a 5s ease-in-out infinite,pulse__7d30a 5s ease-in-out infinite;
|
|
transition: stroke-dashoffset .5s ease-out
|
|
}
|
|
|
|
@keyframes glow__7d30a {
|
|
0%,50%,to {
|
|
filter: none
|
|
}
|
|
|
|
25%,75% {
|
|
filter: drop-shadow(0 0 5px var(--premium-tier-2-pink-for-gradients-2))
|
|
}
|
|
}
|
|
|
|
@keyframes pulse__7d30a {
|
|
0%,50%,to {
|
|
stroke-width: 2
|
|
}
|
|
|
|
25%,75% {
|
|
stroke-width: 3
|
|
}
|
|
}
|
|
|
|
.avatarDecoContainer__7d30a {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
padding: 12%;
|
|
width: 100%
|
|
}
|
|
|
|
.avatarDecoContainer__7d30a img:before {
|
|
background-color: transparent
|
|
}
|
|
|
|
.avatarDeco__7d30a {
|
|
align-items: center;
|
|
background: var(--background-base-low);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 15%
|
|
}
|
|
|
|
.avatarDecoImage__7d30a {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.expandedProgressBarContainer_a61c56,.expandedProgressBarContainerSettingsPage_a61c56 {
|
|
align-items: center;
|
|
-webkit-backdrop-filter: blur(8px);
|
|
backdrop-filter: blur(8px);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
margin-top: 40px;
|
|
min-width: 560px
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.expandedProgressBarContainer_a61c56,.expandedProgressBarContainerSettingsPage_a61c56 {
|
|
min-width:unset
|
|
}
|
|
}
|
|
|
|
.expandedProgressBarContainer_a61c56 {
|
|
border-radius: var(--radius-lg);
|
|
max-width: 989px;
|
|
min-height: 260px
|
|
}
|
|
|
|
.expandedProgressBarContainerSettingsPage_a61c56 {
|
|
background: var(--card-background-default);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-lg);
|
|
margin-bottom: -40px;
|
|
min-height: 292px
|
|
}
|
|
|
|
.allReferralsSentBorder_a61c56 {
|
|
border: 1px solid var(--premium-tier-2-pink-for-gradients-2)
|
|
}
|
|
|
|
.containerWithGlowWithoutBanner_a61c56,.containerWithoutGlow_a61c56 {
|
|
border-radius: var(--radius-lg);
|
|
max-width: 989px;
|
|
min-height: 260px
|
|
}
|
|
|
|
.containerWithMargins_a61c56 {
|
|
margin-inline:16px}
|
|
|
|
.containerWithGlowWithoutBanner_a61c56 {
|
|
box-shadow: 0 0 25px 6px rgba(231,66,225,.3)
|
|
}
|
|
|
|
.containerWithGlowOnSettingsPage_a61c56 {
|
|
border-radius: 20px
|
|
}
|
|
|
|
.expandedProgressBarContent_a61c56 {
|
|
margin-inline-start:24px;text-align: start
|
|
}
|
|
|
|
.userAvatarProgressBarContainer_a61c56 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 8px;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.userAvatarProgressBarUnit_a61c56 {
|
|
align-items: center;
|
|
border-radius: 32px;
|
|
display: flex;
|
|
height: 32px;
|
|
justify-content: center;
|
|
width: 32px
|
|
}
|
|
|
|
.avatarProgressBarUnitConnectorContainer_a61c56 {
|
|
height: 4px;
|
|
position: relative;
|
|
width: 24px
|
|
}
|
|
|
|
.avatarProgressBarUnitConnectorBase_a61c56 {
|
|
background: linear-gradient(90deg,rgba(180,115,245,.3),rgba(226,146,170,.3));
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.fullHighlight_a61c56,.halfHighlight_a61c56 {
|
|
background: var( --gradients-nitro-nitro-horizontal,linear-gradient(90deg,var(--premium-tier-2-purple) 0,var(--premium-tier-2-pink) 100%) );
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.fullHighlight_a61c56 {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.halfHighlight_a61c56 {
|
|
border-end-end-radius: 3px;
|
|
border-start-end-radius: 3px;
|
|
height: 4px;
|
|
width: 12px
|
|
}
|
|
|
|
.expandedProgressBarButtonContainer_a61c56 {
|
|
display: flex;
|
|
gap: 8px;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.expandedProgressBarButtonContainerLayout_a61c56 {
|
|
flex-direction: row
|
|
}
|
|
|
|
.expandedProgressBarGiftingCTA_a61c56 {
|
|
flex: 1
|
|
}
|
|
|
|
.expandedProgressBarGiftingCTALayout_a61c56 {
|
|
margin-inline-end:8px}
|
|
|
|
@media (max-width: 568px) {
|
|
.expandedProgressBarButtonContainerLayout_a61c56 {
|
|
flex-direction:column;
|
|
margin-bottom: 32px
|
|
}
|
|
|
|
.expandedProgressBarGiftingCTALayout_a61c56 {
|
|
margin-bottom: 8px
|
|
}
|
|
}
|
|
|
|
.expandedProgressBarSelectFriendsCTA_a61c56 {
|
|
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%);
|
|
background-clip: padding-box;
|
|
color: var(--white);
|
|
flex: 1
|
|
}
|
|
|
|
.banner_a61c56 {
|
|
align-items: center;
|
|
background: linear-gradient(90deg,hsl(var(--premium-tier-2-purple-for-gradients-hsl)/.95) 0,hsl(var(--premium-tier-2-pink-for-gradients-hsl)/.95) 100%);
|
|
border-radius: 8px 8px 0 0;
|
|
color: var(--white);
|
|
display: flex;
|
|
height: 40px;
|
|
padding-inline-start:32px;position: absolute;
|
|
text-align: start;
|
|
top: -40px;
|
|
width: calc(100% - 32px)
|
|
}
|
|
|
|
.containerWithBanner_a61c56 {
|
|
border-radius: 0 0 8px 8px
|
|
}
|
|
|
|
.referralInfoContent_a61c56 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding-block:24px 16px;padding-inline:24px 48px}
|
|
|
|
.progressBar_a61c56 {
|
|
background: rgba(180,115,245,.3);
|
|
border-radius: 10px;
|
|
flex-shrink: 0;
|
|
height: 8px;
|
|
margin-bottom: 8px;
|
|
margin-top: 10px;
|
|
max-width: 300px;
|
|
width: 60%
|
|
}
|
|
|
|
.referralCountdownDays_a61c56 {
|
|
color: var(--premium-tier-2-purple);
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.fill_a61c56 {
|
|
background: linear-gradient(to right,var(--premium-tier-2-purple),var(--premium-tier-2-pink));
|
|
border-radius: 10px;
|
|
height: 100%;
|
|
transition: width .3s ease-in-out
|
|
}
|
|
|
|
.expandedProgressBarSelectFriendsCTAInner_a61c56 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.expandedProgressBarSelectFriendsIcon_a61c56 {
|
|
margin-inline-end:4px}
|
|
|
|
.giftIcon_a61c56 {
|
|
color: #fff;
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.expandedProgressBarHeader_a61c56 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.unsentTooltipContent_a61c56 {
|
|
text-align: center
|
|
}
|
|
|
|
.referralProgressBarIcon_a61c56 {
|
|
max-width: 150px
|
|
}
|
|
|
|
.referralProgressBarIconSettings_a61c56 {
|
|
max-width: 120px
|
|
}
|
|
|
|
.theme-light .expandedProgressBarContainer_a61c56 {
|
|
background: rgba(235,237,239,.7)
|
|
}
|
|
|
|
.theme-light .userAvatarProgressBarUnitNum_a61c56 {
|
|
background: #860091
|
|
}
|
|
|
|
.theme-light .userAvatarProgressBarUnit_a61c56 {
|
|
background: linear-gradient(90deg,rgba(180,115,245,.6),rgba(226,146,170,.6))
|
|
}
|
|
|
|
.theme-light .expandedProgressBarGiftingCTA_a61c56 {
|
|
border-color: var(--premium-tier-2-pink-for-gradients-2);
|
|
color: var(--premium-tier-2-pink-for-gradients-2)
|
|
}
|
|
|
|
.theme-dark .expandedProgressBarContainer_a61c56 {
|
|
background: rgba(35,36,40,.5)
|
|
}
|
|
|
|
.theme-dark .userAvatarProgressBarUnitNum_a61c56 {
|
|
background: var( --gradients-nitro-nitro-horizontal,linear-gradient(90deg,var(--premium-tier-2-purple) 0,var(--premium-tier-2-pink) 100%) )
|
|
}
|
|
|
|
.theme-dark .userAvatarProgressBarUnit_a61c56 {
|
|
background: linear-gradient(90deg,rgba(180,115,245,.3),rgba(226,146,170,.3))
|
|
}
|
|
|
|
.theme-dark .expandedProgressBarGiftingCTA_a61c56 {
|
|
border-color: var(--white);
|
|
color: var(--white)
|
|
}
|
|
|
|
:root .userAvatarProgressBarUnitNum_a61c56 {
|
|
-webkit-background-clip: text;
|
|
background-clip: text;
|
|
color: transparent
|
|
}
|
|
|
|
.divider_a45ed3 {
|
|
background-color: var(--border-subtle);
|
|
height: 1px;
|
|
margin-bottom: 24px;
|
|
margin-top: 24px;
|
|
width: 100%
|
|
}
|
|
|
|
.tierCard_a45ed3 {
|
|
background-image: 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: var(--radius-lg);
|
|
color: var(--white);
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
margin-bottom: 25px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.tierCard_a45ed3.withTier2Rim_a45ed3 {
|
|
border: 1px solid var(--premium-tier-2-purple-for-gradients)
|
|
}
|
|
|
|
.tierInfo_a45ed3 {
|
|
flex: 1;
|
|
margin-top: 40px;
|
|
margin-inline:40px 16px;margin-bottom: 40px
|
|
}
|
|
|
|
.tierImage_a45ed3 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
width: 100%
|
|
}
|
|
|
|
.image_a45ed3 {
|
|
width: 100%
|
|
}
|
|
|
|
.tierTitle_a45ed3 {
|
|
height: 40px;
|
|
margin-bottom: 4px;
|
|
width: 160px
|
|
}
|
|
|
|
.tierCardButton_a45ed3 {
|
|
height: 40px;
|
|
margin-top: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.tierCardButtonCTA_a45ed3 {
|
|
color: var(--brand-500)
|
|
}
|
|
|
|
.managePlanButton_a45ed3 {
|
|
margin-top: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.giftCard_a45ed3 {
|
|
background: var(--card-background-default);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-lg);
|
|
margin: 25px 0;
|
|
padding: 40px
|
|
}
|
|
|
|
.giftCard_a45ed3,.giftCardPromotion_a45ed3 {
|
|
align-items: center;
|
|
color: var(--white);
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-around;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.giftCardPromotion_a45ed3 {
|
|
border-radius: var(--radius-lg);
|
|
height: 200px;
|
|
margin-bottom: 25px;
|
|
padding: 0 30px
|
|
}
|
|
|
|
.giftImagePromotion_a45ed3 {
|
|
inset-inline-start: 32px;
|
|
position: absolute;
|
|
width: 220px
|
|
}
|
|
|
|
.full-motion .giftImagePromotion_a45ed3 {
|
|
inset-inline-start: 24px;
|
|
top: 10px;
|
|
width: 235px
|
|
}
|
|
|
|
.giftImageAnimatedPromotion_a45ed3 {
|
|
padding-bottom: 20px
|
|
}
|
|
|
|
.giftInfoPromotion_a45ed3 {
|
|
margin-inline-start:auto;max-width: 59%
|
|
}
|
|
|
|
.giftInfoTitlePromotion_a45ed3 {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.giftInfo_a45ed3 {
|
|
max-width: 50%
|
|
}
|
|
|
|
.giftImage_a45ed3 {
|
|
height: 146px
|
|
}
|
|
|
|
.seasonalGiftImage_a45ed3 {
|
|
bottom: 0;
|
|
height: 100%;
|
|
inset-inline-end: 47.5%;
|
|
position: absolute
|
|
}
|
|
|
|
.giftTitle_a45ed3 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.giftText_a45ed3 {
|
|
margin-bottom: var(--space-12)
|
|
}
|
|
|
|
.giftAdditionalTerm_a45ed3 {
|
|
font-style: italic
|
|
}
|
|
|
|
.giftCardButton_a45ed3 {
|
|
height: 40px;
|
|
margin-top: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.giftButtonCTA_a45ed3 {
|
|
font-size: 14px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.theme-light .giftCardButtonColor_a45ed3 {
|
|
border-color: var(--premium-tier-2-pink-for-gradients-2);
|
|
color: var(--premium-tier-2-pink-for-gradients-2)
|
|
}
|
|
|
|
.theme-dark .giftCardButtonColor_a45ed3 {
|
|
border-color: #fff;
|
|
color: #fff
|
|
}
|
|
|
|
.halloweenColor_a45ed3,.seasonalColor_a45ed3 {
|
|
border-color: #fff;
|
|
color: #fff
|
|
}
|
|
|
|
.bottomOfPageVisibilitySensor_a45ed3 {
|
|
bottom: 0;
|
|
height: 300px;
|
|
position: absolute
|
|
}
|
|
|
|
.tier2PlanComparisonTableBackground_a45ed3 {
|
|
background: linear-gradient(90deg,rgba(180,115,245,.1),rgba(226,146,170,.1))
|
|
}
|
|
|
|
.topRimPillWithSparkles_a45ed3 {
|
|
inset-inline-end: 8px;
|
|
position: absolute;
|
|
top: -14px;
|
|
z-index: 2
|
|
}
|
|
|
|
.rimGlowTier2_a45ed3 {
|
|
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%);
|
|
height: 1px;
|
|
inset-inline-end: 5%;
|
|
position: absolute;
|
|
top: -1px;
|
|
width: 88%;
|
|
z-index: 1
|
|
}
|
|
|
|
.trialHeader_a45ed3 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.fractionalPremiumTopRimPill_a45ed3 {
|
|
inset-inline-end: 70px;
|
|
position: absolute;
|
|
top: -10px;
|
|
z-index: 2
|
|
}
|
|
|
|
.fractionalPremiumSubheader_a45ed3 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.fractionalPremiumSubheader_a45ed3 p {
|
|
margin: 0
|
|
}
|
|
|
|
.fractionalPremiumSubheader_a45ed3 a {
|
|
color: #fff;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.premiumGroupHeader_a45ed3 {
|
|
font-size: 32px;
|
|
font-style: italic;
|
|
line-height: 23.643px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.container__60b20 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border: none;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
max-width: 1000px;
|
|
padding: 8px;
|
|
width: 100%
|
|
}
|
|
|
|
.container__60b20.lightTextLink__60b20 a {
|
|
color: var(--blue-345)
|
|
}
|
|
|
|
.container__60b20.centerText__60b20 {
|
|
justify-content: center;
|
|
margin-bottom: unset
|
|
}
|
|
|
|
.icon__60b20 {
|
|
color: var(--status-warning);
|
|
height: 13px;
|
|
margin-inline-end:6px;min-height: 13px;
|
|
min-width: 13px;
|
|
width: 13px
|
|
}
|
|
|
|
.icon__60b20.lightThemeColorOnly__60b20 {
|
|
color: var(--yellow-300)
|
|
}
|
|
|
|
.root__52b47 {
|
|
-webkit-mask-image: linear-gradient(180deg,#000 48.68%,transparent);
|
|
mask-image: linear-gradient(180deg,#000 48.68%,transparent);
|
|
position: absolute;
|
|
z-index: -1
|
|
}
|
|
|
|
.root__52b47.lifted__52b47 {
|
|
border-start-end-radius: var(--radius-lg);
|
|
border-start-start-radius: var(--radius-lg);
|
|
margin-top: -32px;
|
|
width: 95.6%;
|
|
z-index: 0
|
|
}
|
|
|
|
.stop1__52b47 {
|
|
stop-color: var(--premium-tier-0-header-gradient-1)
|
|
}
|
|
|
|
.stop2__52b47 {
|
|
stop-color: var(--premium-tier-0-header-gradient-2)
|
|
}
|
|
|
|
.stop3__52b47 {
|
|
stop-color: var(--premium-tier-0-header-gradient-3)
|
|
}
|
|
|
|
.stop4__52b47 {
|
|
stop-color: var(--premium-tier-0-header-gradient-4)
|
|
}
|
|
|
|
.stop5__52b47 {
|
|
stop-color: var(--premium-tier-0-header-gradient-5)
|
|
}
|
|
|
|
.tag_c6d624 {
|
|
background-color: var(--brand-500);
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
padding: 0 6px
|
|
}
|
|
|
|
.perksContainer_b62c4e {
|
|
margin: 0 auto;
|
|
max-width: 1066px;
|
|
position: relative
|
|
}
|
|
|
|
.perksTitle_b62c4e,.perksTitleStackedCards_b62c4e {
|
|
margin-bottom: 32px;
|
|
text-align: center
|
|
}
|
|
|
|
.customAppIconImage_b62c4e {
|
|
height: 115px;
|
|
width: 230px
|
|
}
|
|
|
|
.perksTitleStackedCards_b62c4e {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.perksCardArt_b62c4e {
|
|
filter: saturate(var(--saturation-factor,1))
|
|
}
|
|
|
|
.perkCardContainer_b62c4e {
|
|
display: grid;
|
|
gap: 16px;
|
|
grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
|
|
justify-items: center;
|
|
margin-bottom: 32px
|
|
}
|
|
|
|
.perkCardContainerExpanded_b62c4e {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.perkCard_b62c4e {
|
|
align-items: center;
|
|
background-color: var(--card-background-default);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-lg);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
padding: 32px 24px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.perkCardNewBadge_b62c4e {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2);
|
|
border-radius: 8px;
|
|
color: #fff;
|
|
inset-inline-start: -4px;
|
|
position: absolute;
|
|
top: -4px
|
|
}
|
|
|
|
.perkCardHeading_b62c4e {
|
|
margin-bottom: 8px;
|
|
margin-top: 16px;
|
|
text-align: center
|
|
}
|
|
|
|
.perkCardDescription_b62c4e {
|
|
min-height: 36px;
|
|
text-align: center
|
|
}
|
|
|
|
.perkCardEarlyAccessBadge_b62c4e {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2);
|
|
border-radius: 8px;
|
|
color: #fff;
|
|
inset-inline-start: 24px;
|
|
position: absolute;
|
|
top: -4px
|
|
}
|
|
|
|
.stickersImage_b62c4e {
|
|
width: 222px
|
|
}
|
|
|
|
.perGuildProfilesImage_b62c4e {
|
|
width: 195px
|
|
}
|
|
|
|
.clientThemesCard_b62c4e .perkCardDescription_b62c4e {
|
|
padding: 0 30px
|
|
}
|
|
|
|
.clientThemesImage_b62c4e {
|
|
width: 202px;
|
|
width: 227px
|
|
}
|
|
|
|
.badgeImage_b62c4e {
|
|
width: 193px
|
|
}
|
|
|
|
.longerMessagesImage_b62c4e {
|
|
width: 222px
|
|
}
|
|
|
|
.moreGuildsImage_b62c4e {
|
|
width: 116px
|
|
}
|
|
|
|
.soundboardImage_b62c4e,.superReactionsImage_b62c4e {
|
|
height: 132px
|
|
}
|
|
|
|
.uploadImage_b62c4e {
|
|
width: 220px
|
|
}
|
|
|
|
.streamingImage_b62c4e {
|
|
width: 175px
|
|
}
|
|
|
|
.emojiImage_b62c4e {
|
|
width: 210px
|
|
}
|
|
|
|
.videoBackgroundImage_b62c4e {
|
|
width: 222px
|
|
}
|
|
|
|
.moreGuildsAltImage_b62c4e {
|
|
width: 260px
|
|
}
|
|
|
|
.newTag_b62c4e {
|
|
inset-inline-start: -2px;
|
|
position: absolute;
|
|
top: -4px
|
|
}
|
|
|
|
.betaTag_b62c4e {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2);
|
|
display: inline;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.sizeGizmo_b62c4e {
|
|
bottom: 0;
|
|
inset-inline-start: 50%;
|
|
position: absolute;
|
|
transform: translate(-50%,-100%);
|
|
z-index: 1000
|
|
}
|
|
|
|
.sizeGizmoExpanded_b62c4e {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.sizeGizmoText_b62c4e {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.sizeGizmoText_b62c4e .arrow_b62c4e {
|
|
margin-inline-start:8px}
|
|
|
|
.subscriberNitroHome_b62c4e {
|
|
max-height: 2000px;
|
|
overflow: hidden;
|
|
transition: max-height .4s ease-in-out
|
|
}
|
|
|
|
.subscriberNitroHome_b62c4e.reducedMotion_b62c4e {
|
|
transition: none
|
|
}
|
|
|
|
.partiallyHidden_b62c4e {
|
|
max-height: 500px;
|
|
transition: none
|
|
}
|
|
|
|
.customButton_b62c4e {
|
|
align-items: center;
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: 24px;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
font-size: 14px;
|
|
gap: 4px;
|
|
justify-content: center;
|
|
padding-block:8px;padding-inline:16px 8px}
|
|
|
|
.cover_b62c4e {
|
|
background-image: linear-gradient(to bottom,hsl(var(--primary-600-hsl)/.71) 0,var(--background-base-low) 85%);
|
|
bottom: 0;
|
|
height: 31%;
|
|
inset-inline: 0;
|
|
pointer-events: none;
|
|
position: absolute
|
|
}
|
|
|
|
.cover_b62c4e.hidden_b62c4e {
|
|
opacity: 0
|
|
}
|
|
|
|
.reducedMotion_b62c4e .cover_b62c4e {
|
|
transition: none
|
|
}
|
|
|
|
.theme-light .cover_b62c4e {
|
|
background-image: linear-gradient(to bottom,var(--opacity-white-72) 0,var(--background-base-low) 85%)
|
|
}
|
|
|
|
.container__94da4 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin: 0 auto -90px;
|
|
padding-bottom: 60px;
|
|
position: relative
|
|
}
|
|
|
|
.settingsContainer__94da4 {
|
|
width: 100%
|
|
}
|
|
|
|
.settingsHeroNoBackground__94da4 {
|
|
width: 660px
|
|
}
|
|
|
|
.noTopPaddingOverride__94da4 {
|
|
padding-top: 0
|
|
}
|
|
|
|
.settingsHeroBogoHeight__94da4 {
|
|
height: 260px
|
|
}
|
|
|
|
.premiumTierCardsContainerSettings__94da4 {
|
|
margin-bottom: 60px;
|
|
max-width: 824px;
|
|
width: 100%
|
|
}
|
|
|
|
.promoBannerContainer__94da4 {
|
|
justify-content: center;
|
|
margin-bottom: var(--space-24);
|
|
max-width: 1052px;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.giftPromoCard__94da4 {
|
|
margin-bottom: 25px
|
|
}
|
|
|
|
.perkCardsContainerSpacingSettings__94da4 {
|
|
margin-bottom: 60px!important;
|
|
width: 100%
|
|
}
|
|
|
|
.planComparisonTable__94da4 {
|
|
max-width: 700px
|
|
}
|
|
|
|
.planComparisonTableContainer__94da4 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.bottomIllustration__94da4 {
|
|
bottom: 0;
|
|
filter: saturate(var(--saturation-factor,1));
|
|
position: absolute
|
|
}
|
|
|
|
.existingSubscriberSpacing__94da4 {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.footerSpacing__94da4 {
|
|
height: 128px
|
|
}
|
|
|
|
.zIndex1__94da4 {
|
|
z-index: 1
|
|
}
|
|
|
|
.trialMarketingMargin__94da4 {
|
|
margin-bottom: 56px;
|
|
margin-top: 56px;
|
|
padding: unset
|
|
}
|
|
|
|
.bottomOfPageVisibilitySensor__94da4 {
|
|
bottom: 0;
|
|
height: 300px;
|
|
position: absolute
|
|
}
|
|
|
|
.container__61306 {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin: 0 auto;
|
|
max-width: 660px
|
|
}
|
|
|
|
.applicationStoreHomeWrapper__61306 {
|
|
margin: 60px 40px 80px
|
|
}
|
|
|
|
.loading__61306 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 520px;
|
|
justify-content: center
|
|
}
|
|
|
|
.background__61306 {
|
|
background-repeat: no-repeat;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.content__61306 {
|
|
position: relative
|
|
}
|
|
|
|
.sectionTier2__61306 {
|
|
margin-top: 32px;
|
|
text-align: center
|
|
}
|
|
|
|
.marketingRefreshTier2Intro__61306 {
|
|
max-width: 325px
|
|
}
|
|
|
|
.marketingRefreshTitle__61306 {
|
|
color: var(--text-strong);
|
|
font-size: 24px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 30px;
|
|
margin-bottom: 8px;
|
|
margin-top: 0
|
|
}
|
|
|
|
.marketingRefreshSubtitle__61306 {
|
|
color: var(--text-default);
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
margin: 0
|
|
}
|
|
|
|
.marketingRefreshHeaderAnimation__61306 {
|
|
margin-inline-start:16px;width: 332px
|
|
}
|
|
|
|
.marketingRefreshTier2Cta__61306 {
|
|
margin-top: 48px;
|
|
text-align: center
|
|
}
|
|
|
|
.marketingRefreshSectionTier1__61306 {
|
|
border-top: 1px solid var(--border-subtle);
|
|
color: var(--text-default);
|
|
display: flex;
|
|
margin-top: 48px;
|
|
padding-top: 48px
|
|
}
|
|
|
|
.marketingRefreshTier1Graphic__61306 {
|
|
display: block;
|
|
flex-shrink: 0;
|
|
height: 148px;
|
|
margin-inline-end:60px;width: 175px
|
|
}
|
|
|
|
@media (max-width: 920px) {
|
|
.marketingRefreshTier1Graphic__61306 {
|
|
display:none
|
|
}
|
|
}
|
|
|
|
.marketingRefreshTier1Logo__61306 {
|
|
color: var(--text-strong);
|
|
display: block;
|
|
height: 20px;
|
|
margin-bottom: 8px;
|
|
width: 194px
|
|
}
|
|
|
|
.marketingRefreshDescription__61306 {
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
margin: 0 0 16px
|
|
}
|
|
|
|
.tier1InfoTooltipList__61306 {
|
|
list-style-type: disc;
|
|
padding-inline-start:15px}
|
|
|
|
.tier1InfoTooltipListItem__61306 {
|
|
padding: 2px
|
|
}
|
|
|
|
.tier1InfoTooltipListItemOffsetItem__61306 {
|
|
inset-inline-start: -5px;
|
|
position: relative
|
|
}
|
|
|
|
.tier1InfoIcon__61306 {
|
|
height: 10px;
|
|
width: 10px
|
|
}
|
|
|
|
.tier2Buttons__61306 {
|
|
margin-top: 24px
|
|
}
|
|
|
|
.subSectionHeader__61306 {
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.sectionAccountCredit__61306,.subscriptionDetails__61306 {
|
|
border-bottom: 1px solid;
|
|
margin-bottom: 40px;
|
|
padding-bottom: 40px
|
|
}
|
|
|
|
.accountCredit__61306 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.accountCreditTitle__61306 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.accountCreditDescription__61306 {
|
|
color: var(--text-default);
|
|
line-height: 20px;
|
|
margin-bottom: 16px;
|
|
margin-top: 0
|
|
}
|
|
|
|
.tier2Plan__61306 {
|
|
display: flex
|
|
}
|
|
|
|
.marketingRefreshTier2PlanWrapper__61306 {
|
|
display: flex;
|
|
margin-bottom: 48px
|
|
}
|
|
|
|
.marketingRefreshTier2PlanName__61306 {
|
|
color: var(--logo-primary);
|
|
display: block;
|
|
height: 60px;
|
|
margin-bottom: 32px;
|
|
width: auto
|
|
}
|
|
|
|
.subscriptionsRedirectContainer__61306 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border: none;
|
|
display: flex;
|
|
margin-bottom: 24px;
|
|
padding: 8px
|
|
}
|
|
|
|
.subscriptionsRedirectWarningIcon__61306 {
|
|
color: var(--status-warning);
|
|
height: 13px;
|
|
margin-inline-end:6px;width: 13px
|
|
}
|
|
|
|
.theme-light .sectionAccountCredit__61306,.theme-light .subscriptionDetails__61306 {
|
|
border-color: hsl(var(--primary-300-hsl)/.3)
|
|
}
|
|
|
|
.theme-dark .sectionAccountCredit__61306,.theme-dark .subscriptionDetails__61306 {
|
|
border-color: hsl(var(--primary-400-hsl)/.3)
|
|
}
|
|
|
|
.perkList__61306,.perkListItem__61306 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.perkListItem__61306 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.perkListItem__61306:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.perkListItemIcon__61306 {
|
|
flex-shrink: 0;
|
|
height: 20px;
|
|
margin-inline-end:16px;width: 20px
|
|
}
|
|
|
|
.theme-dark .tier1CustomEmojiPerk__61306 {
|
|
color: #fee64f
|
|
}
|
|
|
|
.theme-dark .tier1StreamPerk__61306 {
|
|
color: #9bdd73
|
|
}
|
|
|
|
.theme-light .tier1CustomEmojiPerk__61306 {
|
|
color: #d0820c
|
|
}
|
|
|
|
.theme-light .tier1StreamPerk__61306 {
|
|
color: #69974d
|
|
}
|
|
|
|
.images-light .tier1Banner__61306 {
|
|
background-image: url(/assets/460e67c2a6814672.svg)
|
|
}
|
|
|
|
.images-dark .tier1Banner__61306 {
|
|
background-image: url(/assets/cbe5498434e90cc1.svg)
|
|
}
|
|
|
|
.tier1Banner__61306 {
|
|
background-color: var(--background-base-lower);
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.tier1ProfilePerk__61306 {
|
|
color: #4087ed
|
|
}
|
|
|
|
.tier1BoostPerk__61306 {
|
|
color: var(--guild-boosting-pink)
|
|
}
|
|
|
|
.tier1UploadPerk__61306 {
|
|
color: #776bff
|
|
}
|
|
|
|
.modal_a327d2 {
|
|
min-height: 180px;
|
|
overflow-x: hidden
|
|
}
|
|
|
|
.form_a327d2 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
min-height: 0
|
|
}
|
|
|
|
.content_a327d2 {
|
|
height: 100%;
|
|
padding-bottom: 20px
|
|
}
|
|
|
|
.modalTitle_a327d2 {
|
|
padding: 16px 16px 0
|
|
}
|
|
|
|
.divider_a327d2 {
|
|
border-top: 1px solid;
|
|
margin: 0 20px 12px
|
|
}
|
|
|
|
.errorBlock_a327d2 {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.sequencer_a327d2 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
@media (max-width: 485px) and (max-height:450px) {
|
|
.form_a327d2 {
|
|
display:block
|
|
}
|
|
}
|
|
|
|
.theme-light .divider_a327d2 {
|
|
border-color: hsl(var(--primary-200-hsl)/.6)
|
|
}
|
|
|
|
.theme-dark .divider_a327d2 {
|
|
border-color: var(--primary-630)
|
|
}
|
|
|
|
.externalLink__900c6 {
|
|
width: 100%
|
|
}
|
|
|
|
.theme-dark .container__900c6 {
|
|
background-color: var(--primary-630)
|
|
}
|
|
|
|
.theme-light .container__900c6 {
|
|
background-color: hsl(var(--primary-100-hsl)/.6)
|
|
}
|
|
|
|
.currency__900c6 {
|
|
color: var(--text-default);
|
|
font-size: 14px;
|
|
margin-top: 12px
|
|
}
|
|
|
|
.currency__900c6 .currencyDropdown__900c6 {
|
|
flex-grow: 1;
|
|
margin-inline-start:4px;width: 80px
|
|
}
|
|
|
|
.container__37475 {
|
|
align-items: flex-start;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 4px;
|
|
display: flex;
|
|
max-width: 640px;
|
|
padding: 10px;
|
|
width: 100%
|
|
}
|
|
|
|
.textContainer__37475 {
|
|
display: flex;
|
|
flex: 1
|
|
}
|
|
|
|
.warningIcon__37475 {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.info__37475,.warningIcon__37475 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.info__37475 {
|
|
font-size: 14px;
|
|
line-height: 18px
|
|
}
|
|
|
|
.error__37475 {
|
|
color: var(--text-feedback-critical);
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.benefits__25f6c {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 8px;
|
|
padding: 16px
|
|
}
|
|
|
|
.container__0ab43 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 8px;
|
|
padding: 16px
|
|
}
|
|
|
|
.headerContainer__0ab43 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex
|
|
}
|
|
|
|
.headerTextContainer__0ab43 {
|
|
flex: 1;
|
|
margin-inline-start:16px}
|
|
|
|
.guildName__0ab43 {
|
|
color: var(--interactive-text-active);
|
|
margin-bottom: 2px
|
|
}
|
|
|
|
.arrowIcon__0ab43,.tierName__0ab43 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.arrowIcon__0ab43 {
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.arrowIconExpanded__0ab43 {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.headerSubtitleContainer__0ab43 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 6px
|
|
}
|
|
|
|
.divider__0ab43 {
|
|
border-bottom: 1px solid var(--opacity-white-4);
|
|
margin: 16px 0
|
|
}
|
|
|
|
.changePlanNotice__0ab43 {
|
|
background-color: var(--background-mod-normal);
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.subscriptionInfoCards__0ab43 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 16px
|
|
}
|
|
|
|
.container__0ab43 .paymentSourceDropdown__0ab43 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.container__0ab43 .paymentSourceDropdown__0ab43,.paymentSourceDropdownOption__0ab43 {
|
|
background-color: var(--background-mod-normal)
|
|
}
|
|
|
|
.infoCard__0ab43 {
|
|
background-color: var(--card-background-default);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 8px;
|
|
flex: 1;
|
|
padding: 16px
|
|
}
|
|
|
|
.infoCardLabel__0ab43 {
|
|
color: var(--interactive-text-default);
|
|
margin-bottom: 16px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.infoCardLabelContainer__0ab43 {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.infoCardIcon__0ab43 {
|
|
color: var(--interactive-text-default);
|
|
height: 16px;
|
|
margin-inline-start:8px;width: 16px
|
|
}
|
|
|
|
.infoCardValue__0ab43 {
|
|
color: var(--text-strong);
|
|
font-weight: var(--font-weight-normal)
|
|
}
|
|
|
|
.rowButton__0ab43 {
|
|
background-color: var(--background-mod-normal);
|
|
cursor: pointer
|
|
}
|
|
|
|
.rowButton__0ab43:first-child {
|
|
border-radius: 8px 8px 0 0
|
|
}
|
|
|
|
.rowButton__0ab43:last-child {
|
|
border-radius: 0 0 8px 8px
|
|
}
|
|
|
|
.rowButton__0ab43:last-child .rowButtonContent__0ab43 {
|
|
border-bottom: none
|
|
}
|
|
|
|
.rowButtonContent__0ab43 {
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--opacity-white-4);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-inline-start:16px;padding-block:16px;padding-inline:0 16px}
|
|
|
|
.rowButtonArrow__0ab43 {
|
|
color: var(--interactive-text-default);
|
|
height: 24px;
|
|
transform: rotate(-90deg);
|
|
width: 24px
|
|
}
|
|
|
|
.rowButtonLabel__0ab43 {
|
|
color: var(--interactive-text-active);
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.paymentDueBadge__0ab43 {
|
|
color: var(--primary-860);
|
|
letter-spacing: .02em
|
|
}
|
|
|
|
.pageDescription__8f372 {
|
|
margin-bottom: 40px
|
|
}
|
|
|
|
.subscriptionsContainer__8f372 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px
|
|
}
|
|
|
|
.buttonWrapper_bf1984 {
|
|
display: inline-flex;
|
|
max-width: var(--custom-button-button-lg-width);
|
|
min-width: -moz-min-content;
|
|
min-width: min-content
|
|
}
|
|
|
|
.sectionDescription__9851a {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.card__9851a {
|
|
background-image: linear-gradient(90deg,var(--application-subscription-start) 0,var(--application-subscription-end) 100%);
|
|
flex-wrap: wrap;
|
|
gap: 16px
|
|
}
|
|
|
|
.bannerImage__9851a {
|
|
align-self: flex-end;
|
|
margin-bottom: -16px
|
|
}
|
|
|
|
.textContainer__9851a {
|
|
flex: 1;
|
|
position: relative
|
|
}
|
|
|
|
.header__9851a {
|
|
margin-bottom: 4px;
|
|
margin-top: 5px
|
|
}
|
|
|
|
.description__9851a,.header__9851a {
|
|
color: var(--white)
|
|
}
|
|
|
|
.description__9851a strong {
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.tryItOutButtons_fbfab6 {
|
|
display: flex;
|
|
gap: 12px
|
|
}
|
|
|
|
.premiumCta_fbfab6 {
|
|
border-radius: var(--radius-sm);
|
|
margin-inline-start:8px}
|
|
|
|
.basicThemeSelectors_fbfab6 {
|
|
margin-bottom: 24px;
|
|
margin-top: 0
|
|
}
|
|
|
|
.previewThemeButton_fbfab6 {
|
|
margin-bottom: 26px;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.premiumTier2Divider_fbfab6 {
|
|
background-image: linear-gradient(90deg,var(--premium-tier-2-pink-for-gradients) 0,var(--premium-tier-2-purple-for-gradients) 50%,var(--premium-tier-2-pink-for-gradients) 100%);
|
|
height: 2px;
|
|
margin-inline:-24px}
|
|
|
|
.divider_fbfab6 {
|
|
margin-bottom: 24px;
|
|
margin-top: 32px
|
|
}
|
|
|
|
.title_fbfab6 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.colorThemesBackground_fbfab6 {
|
|
background: var(--background-base-lower);
|
|
border: 1px solid var(--border-normal);
|
|
border-radius: var(--radius-md);
|
|
padding: 24px
|
|
}
|
|
|
|
.darkSidebarToggle_fbfab6 {
|
|
margin: var(--space-24) 0
|
|
}
|
|
|
|
.darkSidebarToggle_fbfab6>div {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 48px
|
|
}
|
|
|
|
.wrapper_be018f {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: var(--shadow-low);
|
|
box-sizing: border-box;
|
|
overflow: hidden
|
|
}
|
|
|
|
.header_be018f {
|
|
align-items: center;
|
|
background-color: var(--background-mod-normal);
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.content_be018f,.header_be018f {
|
|
padding: 16px
|
|
}
|
|
|
|
.toggle_a63120 {
|
|
align-items: center;
|
|
color: var(--text-brand);
|
|
cursor: pointer;
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.headerWrapper__4909b {
|
|
gap: 8px;
|
|
height: 72px
|
|
}
|
|
|
|
.headerContent__4909b {
|
|
display: flex;
|
|
gap: 16px;
|
|
min-width: 0
|
|
}
|
|
|
|
.headerContentText__4909b {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
min-width: 0
|
|
}
|
|
|
|
.appIcon__4909b {
|
|
border-radius: var(--radius-md)
|
|
}
|
|
|
|
.headerButtons__4909b {
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.details__4909b {
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.row__4909b {
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 16px 0
|
|
}
|
|
|
|
.row__4909b:first-child {
|
|
padding-top: 0
|
|
}
|
|
|
|
.rowContent__4909b {
|
|
text-align: end
|
|
}
|
|
|
|
.subscriptionTypeRow__4909b {
|
|
display: inline-flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.guildSubscriptionContentRow__4909b {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 8px;
|
|
padding-top: 2px
|
|
}
|
|
|
|
.noticeBanner__4909b {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.payment__4909b {
|
|
height: 65px
|
|
}
|
|
|
|
.benefits__4909b {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.benefitsHeader__4909b {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.benefitsBtn__4909b {
|
|
margin-inline-start:auto}
|
|
|
|
.managementBtns__4909b {
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.button_e08d4d {
|
|
background: inherit;
|
|
padding: 0
|
|
}
|
|
|
|
.seeMore_e08d4d {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px;
|
|
margin-top: 4px
|
|
}
|
|
|
|
.content_e08d4d {
|
|
overflow: hidden;
|
|
transition: height .25s ease-in-out
|
|
}
|
|
|
|
.wrapper__3425d {
|
|
max-width: 660px;
|
|
width: 100%
|
|
}
|
|
|
|
.headerTitle__3425d {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 16px
|
|
}
|
|
|
|
.subscriptionImg__3425d {
|
|
border-radius: 48px
|
|
}
|
|
|
|
.description__3425d {
|
|
white-space: pre-line
|
|
}
|
|
|
|
.benefits__3425d {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.header_b87308 {
|
|
align-items: flex-end;
|
|
border-bottom-width: 1px;
|
|
border-color: hsl(var(--primary-300-hsl)/.3);
|
|
border-style: solid;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 16px;
|
|
margin-bottom: 16px;
|
|
padding-bottom: 24px
|
|
}
|
|
|
|
.theme-dark .header_b87308 {
|
|
border-color: hsl(var(--primary-400-hsl)/.3)
|
|
}
|
|
|
|
.appIcon_b87308 {
|
|
border-radius: var(--radius-md)
|
|
}
|
|
|
|
.subInfo_b87308 {
|
|
flex-direction: row;
|
|
padding-top: 2px
|
|
}
|
|
|
|
.guildSubscription_b87308,.subInfo_b87308,.subInfoType_b87308 {
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.subInfoType_b87308 {
|
|
align-items: center
|
|
}
|
|
|
|
.subscriptions_b87308 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
padding-top: 32px
|
|
}
|
|
|
|
.activeSubscriptionCard_b87308 {
|
|
border: 2px solid var(--brand-500)
|
|
}
|
|
|
|
.activeSubscriptionCTA_b87308 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
text-align: end
|
|
}
|
|
|
|
.planNotice_b87308 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
.subscriptionsContainer__0dc23 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px
|
|
}
|
|
|
|
.title__0dc23 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 20px;
|
|
margin-bottom: 40px
|
|
}
|
|
|
|
.fractionalPremiumAccountCredit__94f72,.premiumSubscriptionAccountCredit__94f72 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 5px
|
|
}
|
|
|
|
.accountCreditRow__94f72 {
|
|
display: flex;
|
|
padding: 16px
|
|
}
|
|
|
|
.accountCreditsContainer__94f72 .accountCreditRow__94f72:not(:last-child) {
|
|
border-bottom: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.iconBackground__94f72 {
|
|
align-items: center;
|
|
align-self: center;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 4px
|
|
}
|
|
|
|
.iconBackgroundTier0__94f72 {
|
|
background-image: linear-gradient(90deg,var(--premium-tier-0-purple-for-gradients),var(--premium-tier-0-blue-for-gradients))
|
|
}
|
|
|
|
.iconBackgroundTier1__94f72 {
|
|
background-image: linear-gradient(90deg,var(--premium-tier-1-dark-blue-for-gradients),var(--premium-tier-1-blue-for-gradients))
|
|
}
|
|
|
|
.iconBackgroundTier2__94f72 {
|
|
background-image: linear-gradient(90deg,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-pink-for-gradients))
|
|
}
|
|
|
|
.iconBackgroundFractional__94f72 {
|
|
background-image: linear-gradient(0deg,var(--guild-boosting-blue),var(--guild-boosting-purple))
|
|
}
|
|
|
|
.icon__94f72 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.icon__94f72,.iconFractional__94f72 {
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.iconFractional__94f72 {
|
|
filter: drop-shadow(0 1px 2px rgb(0 0 0/.4))
|
|
}
|
|
|
|
.rowDetails__94f72 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
margin: 0 8px
|
|
}
|
|
|
|
.rowApplied__94f72 {
|
|
font-weight: var(--font-weight-normal)
|
|
}
|
|
|
|
.rowCreditCount__94f72 {
|
|
align-self: center;
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.fractionalTimeRemainingRow__94f72 {
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: 0 0 5px 5px;
|
|
display: flex;
|
|
padding: 16px
|
|
}
|
|
|
|
.fractionalTimeRemainingRowDetails__94f72 {
|
|
color: var(--brand-360);
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
margin: 0
|
|
}
|
|
|
|
.fractionalTimeRemainingRowHeader__94f72 {
|
|
color: var(--brand-360)
|
|
}
|
|
|
|
.fractionalTimeRemainingPillWrapper__94f72 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center
|
|
}
|
|
|
|
.fractionalTimeRemainingPill__94f72 {
|
|
align-items: center;
|
|
background-image: linear-gradient(0deg,var(--brand-560),var(--brand-460));
|
|
border-radius: var(--radius-md);
|
|
display: flex
|
|
}
|
|
|
|
.fractionalTimeRemainingPillText__94f72 {
|
|
color: var(--white);
|
|
display: inline-block;
|
|
line-height: 18px;
|
|
padding: 4px 8px;
|
|
text-align: center
|
|
}
|
|
|
|
.tier1AccountCreditHeader__94f72 {
|
|
padding-bottom: 16px;
|
|
padding-top: 32px
|
|
}
|
|
|
|
.fractionalUnactivatedPill__94f72 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-md);
|
|
display: flex
|
|
}
|
|
|
|
.fractionalUnactivatedPillText__94f72 {
|
|
color: var(--brand-360);
|
|
display: inline-block;
|
|
line-height: 18px;
|
|
padding: 4px 8px;
|
|
text-align: center
|
|
}
|
|
|
|
.banner__84995 {
|
|
background-position: 0 0;
|
|
background-repeat: no-repeat;
|
|
border-radius: 4px;
|
|
box-sizing: border-box;
|
|
color: var(--white);
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 16px;
|
|
position: relative
|
|
}
|
|
|
|
.bannerBackgroundImage__84995 {
|
|
background-image: url(/assets/be68608fe0247064.svg);
|
|
background-repeat: no-repeat;
|
|
bottom: 0;
|
|
position: absolute;
|
|
top: 6px;
|
|
inset-inline: 0
|
|
}
|
|
|
|
.image__84995 {
|
|
background-size: 100% 100%;
|
|
flex-shrink: 0;
|
|
height: 68px;
|
|
margin-inline-end:8px;width: 96px
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.image__84995 {
|
|
display:none
|
|
}
|
|
}
|
|
|
|
.repositioned__84995 .image__84995 {
|
|
height: 68px;
|
|
margin-inline-end:16px;width: 88px
|
|
}
|
|
|
|
.repositioned__84995 .buttons__84995 {
|
|
inset-inline-end: 0;
|
|
position: relative;
|
|
top: 0
|
|
}
|
|
|
|
.repositioned__84995 .planInfo__84995 {
|
|
margin: 10px 0 16px
|
|
}
|
|
|
|
.repositioned__84995 .planName__84995 {
|
|
height: 28px
|
|
}
|
|
|
|
.repositioned__84995.tier0__84995 .basicWordmark__84995 {
|
|
background-size: contain;
|
|
height: 16px
|
|
}
|
|
|
|
.details__84995,.image__84995 {
|
|
position: relative
|
|
}
|
|
|
|
.tier0__84995.banner__84995 {
|
|
background-image: var(--custom-premium-colors-premium-gradient-tier-0)
|
|
}
|
|
|
|
.tier0__84995 .image__84995 {
|
|
background-image: url(/assets/678405b196a10914.svg)
|
|
}
|
|
|
|
.tier0__84995 .discordWordmark__84995 {
|
|
height: 16px;
|
|
width: 41px
|
|
}
|
|
|
|
.tier0__84995 .basicWordmark__84995 {
|
|
background-image: url(/assets/dbd86d446dd08738.svg);
|
|
background-repeat: no-repeat;
|
|
height: 19px
|
|
}
|
|
|
|
.tier0__84995 .details__84995 {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
height: 100%
|
|
}
|
|
|
|
.tier0__84995.canceled__84995 .image__84995,.tier0__84995.failedPayment__84995 .image__84995,.tier0__84995.pausePending__84995 .image__84995,.tier0__84995.paused__84995 .image__84995 {
|
|
background-image: url(/assets/2151b9a5d6e8fd2d.svg)
|
|
}
|
|
|
|
.tier1__84995.banner__84995 {
|
|
background-image: var(--custom-premium-colors-premium-gradient-tier-1)
|
|
}
|
|
|
|
.tier1__84995 .image__84995 {
|
|
background-image: url(/assets/9e74dbc28e1b3b88.svg)
|
|
}
|
|
|
|
.tier1__84995 .discordWordmark__84995 {
|
|
height: 16px;
|
|
width: 41px
|
|
}
|
|
|
|
.tier1__84995 .classicWordmark__84995 {
|
|
background-image: url(/assets/1aa632d6117fca62.svg);
|
|
height: 19px;
|
|
width: 185px
|
|
}
|
|
|
|
.tier1__84995 .details__84995 {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
height: 100%
|
|
}
|
|
|
|
.tier1__84995.canceled__84995 .image__84995,.tier1__84995.failedPayment__84995 .image__84995,.tier1__84995.pausePending__84995 .image__84995,.tier1__84995.paused__84995 .image__84995 {
|
|
background-image: url(/assets/2151b9a5d6e8fd2d.svg)
|
|
}
|
|
|
|
.tier2__84995.banner__84995 {
|
|
background-image: var(--custom-premium-colors-premium-gradient-tier-2)
|
|
}
|
|
|
|
.tier2__84995 .image__84995 {
|
|
background-image: url(/assets/64932bb2d0db66ec.svg)
|
|
}
|
|
|
|
.tier2__84995 .planName__84995 {
|
|
height: 32px;
|
|
width: 77px
|
|
}
|
|
|
|
.tier2__84995.canceled__84995 .image__84995,.tier2__84995.failedPayment__84995 .image__84995,.tier2__84995.pausePending__84995 .image__84995,.tier2__84995.paused__84995 .image__84995 {
|
|
background-image: url(/assets/3137261af6151921.svg)
|
|
}
|
|
|
|
.canceled__84995.banner__84995 {
|
|
background-image: linear-gradient(90deg,#f18623,#f6a12a 56%,#fab930)
|
|
}
|
|
|
|
.canceled__84995 .planInfo__84995,.canceled__84995 .planName__84995 {
|
|
color: var(--black)
|
|
}
|
|
|
|
.failedPayment__84995.banner__84995 {
|
|
background-image: linear-gradient(270deg,#e82427,#c81031)
|
|
}
|
|
|
|
.paused__84995.banner__84995 {
|
|
border-radius: 4px
|
|
}
|
|
|
|
.pausePending__84995.banner__84995,.paused__84995.banner__84995 {
|
|
background: var(--primary-500)
|
|
}
|
|
|
|
.planInfo__84995 {
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.buttons__84995 {
|
|
inset-inline-end: 20px;
|
|
justify-content: flex-end;
|
|
position: absolute;
|
|
top: 16px
|
|
}
|
|
|
|
.buttons__84995,.toolsButtons__84995 {
|
|
display: flex
|
|
}
|
|
|
|
.toolsButton__84995 {
|
|
margin-inline-start:16px;position: relative
|
|
}
|
|
|
|
@media (max-width: 390px) {
|
|
.premiumSettingsPushButton__84995 {
|
|
margin-inline-start:8px
|
|
}
|
|
}
|
|
|
|
.secondaryBannerTextButtonContainerWithPause__84995 {
|
|
margin-top: 5px;
|
|
margin-inline-end:15px}
|
|
|
|
@media (max-width: 485px) {
|
|
.secondaryBannerTextButtonContainerWithPause__84995 {
|
|
margin-top:0;
|
|
margin-inline-end:0}
|
|
|
|
.secondaryBannerTextButtonContainerWithPause__84995 button>span {
|
|
display: inline-block;
|
|
line-break: strict;
|
|
overflow-wrap: break-word;
|
|
text-align: center;
|
|
white-space: normal;
|
|
width: 130px;
|
|
word-break: keep-all
|
|
}
|
|
}
|
|
|
|
@media (max-width: 390px) {
|
|
.secondaryBannerTextButtonContainerWithPause__84995 button>span {
|
|
width:120px
|
|
}
|
|
}
|
|
|
|
.secondaryBannerTextButtonContainer__84995 {
|
|
margin-top: 5px;
|
|
margin-inline-end:15px}
|
|
|
|
.linkButton__84995 {
|
|
padding: 0 2px;
|
|
position: relative
|
|
}
|
|
|
|
.externalButton__84995 {
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.detailsContainer__84995 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.discountPill__84995 {
|
|
margin-inline-start:8px;position: relative;
|
|
top: 5px
|
|
}
|
|
|
|
.headerLabel__84995 {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.wordMark__84995 {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column
|
|
}
|
|
|
|
.headerColumnB__84995 {
|
|
flex-direction: row
|
|
}
|
|
|
|
.finePrintWithOverheadSeparator_df7724 {
|
|
border-top: 1px solid var(--border-subtle);
|
|
line-height: 1.4;
|
|
margin-top: 32px;
|
|
padding-top: 32px
|
|
}
|
|
|
|
.finePrint_df7724 {
|
|
line-height: 1.4
|
|
}
|
|
|
|
.container__8f41e {
|
|
align-items: center;
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
min-width: 0;
|
|
padding-block:var(--space-8);padding-inline-end: var(--space-8);
|
|
padding-inline-start:var(--space-4)}
|
|
|
|
.container__8f41e.hoverBackground__8f41e: hover {
|
|
background:var(--background-mod-muted)
|
|
}
|
|
|
|
.userInfoContainer__8f41e {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
min-width: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.userInfoContainer__8f41e.faded__8f41e {
|
|
opacity: .5
|
|
}
|
|
|
|
.avatar__8f41e {
|
|
flex-shrink: 0;
|
|
margin-inline-end:var(--space-12)}
|
|
|
|
.username__8f41e {
|
|
flex-shrink: 1;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.separator__8f41e {
|
|
margin-inline-end:var(--space-4);margin-inline-start: var(--space-4)
|
|
}
|
|
|
|
.label__8f41e {
|
|
flex-shrink: 0;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.userIconCircle__8f41e {
|
|
align-items: center;
|
|
background: var(--background-mod-subtle);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: center;
|
|
width: 24px
|
|
}
|
|
|
|
.textButtonContainer__8f41e {
|
|
margin-inline-start:var(--space-12)}
|
|
|
|
.logoHeader_f1578d {
|
|
font-size: 16px;
|
|
font-style: italic;
|
|
font-weight: 900;
|
|
line-height: 23.643px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.container_f1578d {
|
|
background: var(--background-surface-high);
|
|
border-radius: var(--radius-sm);
|
|
padding: var(--space-4) var(--space-24) 0;
|
|
width: 100%
|
|
}
|
|
|
|
.header_f1578d {
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--border-muted);
|
|
display: flex
|
|
}
|
|
|
|
.headerTitle_f1578d {
|
|
height: 16px
|
|
}
|
|
|
|
.contentGrid_f1578d {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
min-height: 320px
|
|
}
|
|
|
|
.contentGrid_f1578d>* {
|
|
min-width: 0
|
|
}
|
|
|
|
.descriptionAndButtonContainer_f1578d {
|
|
align-items: flex-start;
|
|
border-inline-end:1px solid var(--border-muted);box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
padding-inline-end:var(--space-32);padding-bottom: var(--space-24);
|
|
padding-top: var(--space-24)
|
|
}
|
|
|
|
.descriptionContainer_f1578d {
|
|
margin-bottom: var(--space-10)
|
|
}
|
|
|
|
.buttonContainer_f1578d {
|
|
margin-top: var(--space-12)
|
|
}
|
|
|
|
.usersListHeader_f1578d,.usersListHeaderContainer_f1578d {
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.usersListHeader_f1578d {
|
|
padding: var(--space-12) var(--space-4) 0
|
|
}
|
|
|
|
.button_f1578d {
|
|
margin-top: var(--space-12)
|
|
}
|
|
|
|
.premiumGroupIcon_f1578d {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.churnDiscountBanner__32fe3 {
|
|
border-radius: var(--radius-md);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
max-width: 660px;
|
|
padding: 16px 24px 24px;
|
|
position: relative
|
|
}
|
|
|
|
.churnDiscountBannerContent__32fe3 {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.churnDiscountBannerDetails__32fe3 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
height: 100%;
|
|
max-width: 420px;
|
|
padding-inline-end:12px}
|
|
|
|
.churnDiscountBannerBackground__32fe3 {
|
|
background-color: var(--background-base-lowest);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-md)
|
|
}
|
|
|
|
.selectPlanDivider__32fe3 {
|
|
background-color: var(--border-subtle);
|
|
height: 1px;
|
|
margin: 8px 0 16px
|
|
}
|
|
|
|
.headerLabel__32fe3 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding-bottom: 4px
|
|
}
|
|
|
|
.headerGradient__32fe3 {
|
|
border-radius: var(--radius-md);
|
|
margin: -1px;
|
|
margin-top: calc(var(--custom-modal-padding-top)*-1 - 1px);
|
|
padding: 1px;
|
|
padding-top: calc(var(--custom-modal-padding-top) + 1px)
|
|
}
|
|
|
|
.churnDiscountBannerImage__32fe3 {
|
|
max-height: 140px;
|
|
max-width: 250px;
|
|
padding-inline-start:20px}
|
|
|
|
.activeSubButtons__32fe3 {
|
|
display: flex;
|
|
gap: 8px
|
|
}
|
|
|
|
.churnDiscountBannerButton__32fe3 {
|
|
margin-top: 12px;
|
|
position: relative
|
|
}
|
|
|
|
.churnDiscountPill__32fe3 {
|
|
margin-inline-start:8px;position: relative
|
|
}
|
|
|
|
.churnDiscountBannerExpiryDate__32fe3 {
|
|
justify-content: flex-end;
|
|
margin-inline-start:auto;position: relative
|
|
}
|
|
|
|
.churnDiscountBannerWordMark__32fe3 {
|
|
color: var(--text-strong);
|
|
width: 67px
|
|
}
|
|
|
|
.root_dbec16 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 4px;
|
|
display: flex;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
padding: 8px 16px
|
|
}
|
|
|
|
.infoIcon_dbec16 {
|
|
height: 14px;
|
|
margin-inline-end:6px;width: 14px
|
|
}
|
|
|
|
.infoIcon_dbec16,.text_dbec16 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.text_dbec16 {
|
|
flex-grow: 1
|
|
}
|
|
|
|
.cancelLink_dbec16 {
|
|
color: var(--blue-345);
|
|
font-weight: var(--font-weight-semibold);
|
|
white-space: nowrap
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.cancelLink_dbec16 {
|
|
margin-inline-start:6px
|
|
}
|
|
}
|
|
|
|
.modalBody_dbec16 {
|
|
color: var(--interactive-text-default);
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.container__70151 {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column
|
|
}
|
|
|
|
.loading__70151 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 520px;
|
|
justify-content: center
|
|
}
|
|
|
|
.background__70151 {
|
|
background-repeat: no-repeat;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.content__70151 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 32px;
|
|
position: relative
|
|
}
|
|
|
|
.subSectionHeader__70151 {
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.accountCredit__70151 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.accountCreditTitle__70151 {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.accountCreditDescription__70151 {
|
|
color: var(--text-default);
|
|
margin-bottom: 16px;
|
|
margin-top: 0
|
|
}
|
|
|
|
.cardText__70151 {
|
|
padding-inline-start:8px}
|
|
|
|
.noItemsCard__70151 {
|
|
background-color: var(--background-base-lower);
|
|
border: none;
|
|
color: var(--interactive-text-active);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 20px;
|
|
margin-top: 16px;
|
|
padding: 16px 19px
|
|
}
|
|
|
|
.theme-dark .noItemsIcon__70151 {
|
|
background: #4f545c
|
|
}
|
|
|
|
.hr__70151 {
|
|
border-color: hsl(var(--primary-300-hsl)/.3);
|
|
border-style: solid;
|
|
border-width: 1px 0 0;
|
|
display: block;
|
|
height: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.theme-dark .hr__70151 {
|
|
border-color: hsl(var(--primary-400-hsl)/.3)
|
|
}
|
|
|
|
.profileCustomizationSection__44061 {
|
|
position: relative
|
|
}
|
|
|
|
.profileCustomizationSection__44061 p {
|
|
margin-top: 0
|
|
}
|
|
|
|
.baseLayout__44061 {
|
|
align-items: start;
|
|
display: grid;
|
|
gap: 32px;
|
|
grid-template-columns: 1fr;
|
|
position: relative
|
|
}
|
|
|
|
.previewsContainer__44061 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 24px;
|
|
max-width: 300px
|
|
}
|
|
|
|
.previewTitle__44061 {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
@media (min-width: 1024px) {
|
|
.baseLayout__44061 {
|
|
gap:36px;
|
|
grid-template-areas: "form preview";
|
|
grid-template-columns: minmax(0,1fr) 300px
|
|
}
|
|
|
|
.formContent__44061 {
|
|
grid-area: form
|
|
}
|
|
|
|
.previewsContainer__44061 {
|
|
grid-area: preview;
|
|
position: sticky;
|
|
top: 24px
|
|
}
|
|
}
|
|
|
|
.topSpacing__5273b {
|
|
margin-top: 24px
|
|
}
|
|
|
|
.emptyState__5273b {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.emptyState__5273b,.image__5273b {
|
|
}
|
|
|
|
.image__5273b {
|
|
height: 162px;
|
|
width: 186px
|
|
}
|
|
|
|
.title_ace4f5 {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-bottom: 8px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.viewFullProfileButton_ace4f5 {
|
|
margin-inline-start:auto}
|
|
|
|
.disabled_ace4f5 {
|
|
opacity: .4;
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.customizationSection_ace4f5 {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
margin-bottom: 24px;
|
|
padding-bottom: 24px
|
|
}
|
|
|
|
.customizationSection_ace4f5.hideDivider_ace4f5 {
|
|
border-bottom: none;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.customizationSection_ace4f5:last-child:not(.withDivider_ace4f5) {
|
|
border-bottom: none;
|
|
margin-bottom: 0;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.customizationSection_ace4f5.showBorder_ace4f5 {
|
|
padding-bottom: 12px
|
|
}
|
|
|
|
.customizationSectionBackground_ace4f5 {
|
|
padding: 16px
|
|
}
|
|
|
|
.sectionDescription_ace4f5 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.errorMessage_ace4f5 {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.customizationSectionBorder_ace4f5 {
|
|
margin: -12px -12px 0
|
|
}
|
|
|
|
.bioTextArea__6a919 {
|
|
--channel-text-area-placeholder: var(--input-placeholder-text-default);
|
|
border-radius: 3px;
|
|
height: 136px;
|
|
transition: border-color .2s ease-in-out
|
|
}
|
|
|
|
.bioTextArea__6a919:focus-within {
|
|
border-color: var(--text-link)
|
|
}
|
|
|
|
.bioTextArea__6a919>div {
|
|
height: 100%
|
|
}
|
|
|
|
.bioTextArea__6a919,.bioTextAreaContainer__6a919 {
|
|
background: var(--input-background-default)
|
|
}
|
|
|
|
.bioTextAreaContainer__6a919 {
|
|
border: 1px solid var(--input-border-default)
|
|
}
|
|
|
|
.bioTextAreaContainer__6a919:focus-within {
|
|
border-color: var(--text-link)
|
|
}
|
|
|
|
.buttonsContainer__89253 {
|
|
display: flex;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.removeButton__89253 {
|
|
margin-inline-start:4px}
|
|
|
|
.buttonHighlighted__89253 {
|
|
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%)
|
|
}
|
|
|
|
.overrideButtonsContainer__89253 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.buttonsContainer__28d5e {
|
|
display: flex;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.removeButton__28d5e {
|
|
margin-inline-start:4px}
|
|
|
|
.buttonHighlighted__28d5e {
|
|
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%)
|
|
}
|
|
|
|
.newBadge__28d5e {
|
|
margin-inline-start:4px}
|
|
|
|
.buttonsContainer__4962e {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 4px
|
|
}
|
|
|
|
.newBadge__4962e {
|
|
margin-inline-start:4px}
|
|
|
|
.section__25879 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 4px
|
|
}
|
|
|
|
.newBadge__25879 {
|
|
margin-inline-start:8px}
|
|
|
|
.buttonsContainer_ffefd9 {
|
|
display: flex
|
|
}
|
|
|
|
.removeButton_ffefd9 {
|
|
margin-inline-start:4px}
|
|
|
|
.buttonHighlighted_ffefd9 {
|
|
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%)
|
|
}
|
|
|
|
.buttonsContainer_fd47ae {
|
|
display: flex;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.removeButton_fd47ae {
|
|
margin-inline-start:4px}
|
|
|
|
.buttonHighlighted_fd47ae {
|
|
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%)
|
|
}
|
|
|
|
.newBadge_fd47ae {
|
|
align-items: center;
|
|
margin-inline-start:2px}
|
|
|
|
.colorSwatch__2d060 {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
position: relative;
|
|
text-align: center
|
|
}
|
|
|
|
.colorSwatch__2d060.disabled__2d060 {
|
|
cursor: not-allowed;
|
|
opacity: .3
|
|
}
|
|
|
|
.swatch__2d060 {
|
|
align-items: center;
|
|
border: 1px solid;
|
|
border-radius: 4px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
height: 50px;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 69px
|
|
}
|
|
|
|
.editPencilIcon__2d060 {
|
|
inset-inline-end: 4px;
|
|
position: absolute;
|
|
top: 4px
|
|
}
|
|
|
|
.enable-forced-colors .swatch__2d060 {
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.sectionContainer__04485 {
|
|
display: flex;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.newBadge__04485 {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2);
|
|
display: inline;
|
|
line-height: 18px;
|
|
margin-inline-start:2px}
|
|
|
|
.resetButton__04485 {
|
|
margin-inline-start:4px;margin-top: calc((50px - var(--custom-button-button-sm-height))/2)
|
|
}
|
|
|
|
.colorSwatchLabel__04485 {
|
|
margin-top: 4px
|
|
}
|
|
|
|
.sparkles__04485 {
|
|
inset-inline-start: -10px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: -15px;
|
|
z-index: 1
|
|
}
|
|
|
|
.sparklesFlip__04485 {
|
|
transform: scaleX(-1) scaleY(-1)
|
|
}
|
|
|
|
.sparkleContainer__04485 {
|
|
position: relative
|
|
}
|
|
|
|
.sparkleContainer__04485:first-child {
|
|
margin-inline-end:16px}
|
|
|
|
.displayNameStylesSection__17e9b {
|
|
margin-top: var(--space-24)
|
|
}
|
|
|
|
.upsellOverlayContainer__0f7dc {
|
|
background: linear-gradient(var(--background-base-low),var(--background-base-low)) padding-box,var(--custom-premium-colors-premium-gradient-tier-2)-diagonal border-box;
|
|
border: 2px solid transparent;
|
|
border-radius: 8px;
|
|
padding: 16px;
|
|
position: relative
|
|
}
|
|
|
|
.upsellOverlay__0f7dc {
|
|
align-items: center;
|
|
border-radius: 8px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
gap: 16px;
|
|
justify-content: center;
|
|
padding: 16px 32px;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 0
|
|
}
|
|
|
|
.upsellImage__0f7dc {
|
|
height: 200px;
|
|
width: 240px
|
|
}
|
|
|
|
.upsellTextContainer__0f7dc {
|
|
background: var(--custom-premium-colors-premium-gradient-tier-2);
|
|
border-radius: 8px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
max-width: 240px;
|
|
padding: 16px 18px 18px
|
|
}
|
|
|
|
.theme-dark .upsellOverlay__0f7dc {
|
|
background-color: var(--opacity-black-40)
|
|
}
|
|
|
|
.theme-light .upsellOverlay__0f7dc {
|
|
background-color: var(--opacity-white-40)
|
|
}
|
|
|
|
.sectionsContainer__722a8 {
|
|
flex: 1
|
|
}
|
|
|
|
.nitroWheel__722a8 {
|
|
height: 16px;
|
|
margin-inline:2px 4px;vertical-align: sub;
|
|
width: 16px
|
|
}
|
|
|
|
.section__999b5 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.guildSelectOptionIcon__999b5 {
|
|
border-radius: 4px
|
|
}
|
|
|
|
.profilePreviewTitle__14af9 {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.nameplatePreviewPlaceholder__14af9 {
|
|
background: var(--background-mod-normal)
|
|
}
|
|
|
|
.settingsPage_f131e9 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-32);
|
|
min-width: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.container__8279f {
|
|
align-items: center;
|
|
background: linear-gradient(0deg,var(--opacity-black-20) 0,var(--opacity-black-20) 100%),linear-gradient(187deg,var(--premium-tier-0-header-gradient-1) -9.85%,var(--premium-tier-0-header-gradient-2) 35.44%,var(--premium-tier-0-header-gradient-3) 55.85%,var(--premium-tier-0-header-gradient-4) 100.07%,var(--premium-tier-0-header-gradient-5) 110.26%);
|
|
background-position: 50%;
|
|
background-size: cover;
|
|
border-radius: var(--radius-sm);
|
|
flex-direction: row;
|
|
margin: 24px 0;
|
|
padding-inline-end:24px}
|
|
|
|
.container__8279f,.mainColumn__8279f {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.mainColumn__8279f {
|
|
color: var(--white);
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin: auto 0;
|
|
min-height: 96px;
|
|
padding-block:16px;padding-inline:4px 16px}
|
|
|
|
.title__8279f {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.artContainer__8279f {
|
|
align-items: center;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-basis: 154px;
|
|
height: 100px;
|
|
position: relative
|
|
}
|
|
|
|
.art__8279f {
|
|
bottom: -9px;
|
|
height: 124px;
|
|
inset-inline-start: -10px;
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
width: 154px
|
|
}
|
|
|
|
@keyframes avatarAnimation_abf1df {
|
|
0% {
|
|
transform: rotate(0deg)
|
|
}
|
|
|
|
to {
|
|
transform: rotate(1turn)
|
|
}
|
|
}
|
|
|
|
.full-motion .spinningAvatar_abf1df {
|
|
animation: avatarAnimation_abf1df 3s ease infinite
|
|
}
|
|
|
|
.modal__038c3 {
|
|
width: 650px
|
|
}
|
|
|
|
.modalContent__038c3 {
|
|
margin-bottom: 0;
|
|
padding-inline-start:0}
|
|
|
|
.previewContainerParent__038c3 {
|
|
background: var(--background-base-lower);
|
|
border-start-start-radius: var(--radius-md);
|
|
margin-top: -8px;
|
|
overflow-y: clip;
|
|
padding: var(--space-32);
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.previewContainer__038c3 {
|
|
margin-bottom: -8px;
|
|
text-align: start;
|
|
width: 240px
|
|
}
|
|
|
|
.connectedAccountVanityMetadata_fffe42 {
|
|
margin-top: 4px
|
|
}
|
|
|
|
.connectedAccountVanityMetadata_fffe42>strong {
|
|
font-weight: inherit
|
|
}
|
|
|
|
.connectedAccountVanityMetadata_fffe42:not(:last-of-type) {
|
|
margin-inline-end:8px}
|
|
|
|
.connectedAccountVanityMetadataTag_fffe42 {
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: 12px;
|
|
padding: 1px 8px
|
|
}
|
|
|
|
.connectedAccountVanityMetadataItem_fffe42 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.connectedAccountVanityMetadataItemIcon_fffe42 {
|
|
height: 18px;
|
|
margin-inline-end:4px;width: 18px
|
|
}
|
|
|
|
.paypalVerifiedTag_fffe42 {
|
|
background-color: var(--status-positive-background);
|
|
color: var(--white)!important
|
|
}
|
|
|
|
.title__9a52c {
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.container__9a52c {
|
|
border-top: 1px solid var(--border-strong);
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: 20px;
|
|
padding-top: 24px;
|
|
width: 100%
|
|
}
|
|
|
|
.activityRow__9a52c {
|
|
align-items: stretch;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 16px;
|
|
padding: 16px 0
|
|
}
|
|
|
|
.activitySettings__9a52c {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: var(--space-16);
|
|
justify-content: center
|
|
}
|
|
|
|
.connectionIcon__9a52c {
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.divider__9a52c {
|
|
border-bottom: 1px solid var(--border-strong);
|
|
width: 100%
|
|
}
|
|
|
|
.visibilitySwitch__9a52c {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.additionalDetailsSwitch__9a52c {
|
|
margin-bottom: 0;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.metadataContainer__9a52c {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 4px;
|
|
width: 100%
|
|
}
|
|
|
|
.metadataContainer__9a52c .metadataItem__9a52c {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.metadataContainer__9a52c .metadataItem__9a52c:not(:last-of-type) {
|
|
margin-inline-end:0}
|
|
|
|
.metadataRefreshButton__9a52c {
|
|
justify-self: flex-end;
|
|
margin-inline-start:16px}
|
|
|
|
.dot__9a52c {
|
|
background-color: var(--text-default);
|
|
border-radius: 4px;
|
|
height: 4px;
|
|
margin: 0 4px;
|
|
width: 4px
|
|
}
|
|
|
|
.container__14992 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: var(--space-12)
|
|
}
|
|
|
|
.button__14992 {
|
|
align-content: center;
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: var(--radius-sm);
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
justify-items: center;
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
.button__14992:hover {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.select__14992 {
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 40px;
|
|
margin-inline-start:var(--space-8);overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.presetImage__14992,.select__14992 {
|
|
border-radius: var(--radius-sm);
|
|
flex: 1
|
|
}
|
|
|
|
.presetImage__14992 {
|
|
background-size: cover
|
|
}
|
|
|
|
.presetLabel__14992 {
|
|
align-self: center;
|
|
inset: 0;
|
|
position: absolute;
|
|
text-align: center;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.tryItOutSection__9d295 {
|
|
margin-top: 40px;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.tryItOutLayout__9d295 {
|
|
gap: 30px
|
|
}
|
|
|
|
.description__9d295 {
|
|
margin-bottom: 24px;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.premiumPerksList__9d295 {
|
|
list-style: disc;
|
|
padding-inline-start:24px}
|
|
|
|
.premiumSubscribeButton__9d295 {
|
|
margin-top: 24px;
|
|
width: 100%
|
|
}
|
|
|
|
.premiumIcon__9d295 {
|
|
height: 16px;
|
|
margin-inline-end:-2px}
|
|
|
|
.editor__9d295 {
|
|
min-width: 315px
|
|
}
|
|
|
|
.customizationSection__9d295 {
|
|
margin-bottom: 16px;
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.premiumTier2Divider__9d295 {
|
|
background-image: linear-gradient(90deg,var(--premium-tier-2-pink-for-gradients) 0,var(--premium-tier-2-purple-for-gradients) 50%,var(--premium-tier-2-pink-for-gradients) 100%);
|
|
height: 2px;
|
|
margin-top: 68px;
|
|
margin-inline:-24px}
|
|
|
|
.titleIcon__9d295 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.floatingUpsell__9d295 {
|
|
background: var(--background-mod-normal);
|
|
margin: 0;
|
|
margin-top: var(--space-24)
|
|
}
|
|
|
|
.container_e7c728 {
|
|
flex: 1;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.container_e7c728,.guildPrefixContainer_e7c728 {
|
|
align-items: center;
|
|
display: flex;
|
|
min-width: 0
|
|
}
|
|
|
|
.guildPrefixContainer_e7c728 {
|
|
justify-content: center
|
|
}
|
|
|
|
.guildPrefixIcon_e7c728 {
|
|
flex: 1 0 auto
|
|
}
|
|
|
|
.details_e7c728 {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
padding-inline-start:8px}
|
|
|
|
.guildName_e7c728 {
|
|
color: var(--text-strong);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 20px;
|
|
margin-inline-end:4px;overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 100%
|
|
}
|
|
|
|
.tag_e7c728 {
|
|
background-color: var(--background-surface-high);
|
|
border: 1px solid var(--border-strong);
|
|
flex: 0;
|
|
padding: 4px 8px
|
|
}
|
|
|
|
.badge_e7c728 {
|
|
margin-inline-end:2px;vertical-align: top
|
|
}
|
|
|
|
.tagContainer_e7c728 {
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.subtitle__105ba {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.select__105ba,.selectPopout__105ba {
|
|
gap: 8px
|
|
}
|
|
|
|
.newBadge__105ba {
|
|
margin-inline-start:var(--space-4)}
|
|
|
|
.displayNameStylesSection_e60bc0 {
|
|
margin-top: var(--space-24)
|
|
}
|
|
|
|
.newBadge__17510 {
|
|
margin-inline-start:4px}
|
|
|
|
.sectionsContainer_def11f {
|
|
flex: 1
|
|
}
|
|
|
|
@media (min-width: 937px) {
|
|
.sectionsContainer_def11f {
|
|
box-sizing:border-box;
|
|
max-width: 337px
|
|
}
|
|
}
|
|
|
|
.floatingNitroUpsell__39749 {
|
|
inset: auto;
|
|
bottom: var(--space-32);
|
|
inset-inline: var(--space-24);
|
|
max-width: 740px;
|
|
padding: var(--space-16);
|
|
position: sticky;
|
|
z-index: 100
|
|
}
|
|
|
|
.nameplatePreviewPlaceholder__39749 {
|
|
background: var(--background-mod-normal)
|
|
}
|
|
|
|
.tryItOutButton__39749 {
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: calc(var(--radius-sm) + 1px)
|
|
}
|
|
|
|
.divider_d6f9e9 {
|
|
margin-bottom: 24px;
|
|
padding-bottom: 4px
|
|
}
|
|
|
|
.divider_d6f9e9,.tabBar_d6f9e9 {
|
|
border-bottom: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.tabBar_d6f9e9 {
|
|
margin-bottom: 16px;
|
|
margin-top: 0
|
|
}
|
|
|
|
.tabBarItem_d6f9e9 {
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.guildTabBarItem_d6f9e9 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px
|
|
}
|
|
|
|
.clickable__2debe {
|
|
cursor: pointer;
|
|
display: flex
|
|
}
|
|
|
|
.info__2debe {
|
|
padding: 8px 10px;
|
|
text-transform: capitalize;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
.line__2debe {
|
|
display: inline-block;
|
|
width: 100%
|
|
}
|
|
|
|
.appArch__2debe,.os__2debe,.versionHash__2debe {
|
|
text-transform: none
|
|
}
|
|
|
|
.compact__2debe {
|
|
flex-direction: column;
|
|
gap: var(--space-4);
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.compactInfo__2debe>:not(:last-child):after {
|
|
color: var(--text-muted);
|
|
content: "•";
|
|
font-size: 10px;
|
|
margin: 0 var(--space-4)
|
|
}
|
|
|
|
.compact__2debe .versionHash__2debe {
|
|
flex: 1;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.socialLinks__7df54 {
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
padding: 8px 10px
|
|
}
|
|
|
|
.link__7df54 {
|
|
color: var(--interactive-text-default);
|
|
margin-inline-end:8px;padding: 0 2px
|
|
}
|
|
|
|
.link__7df54:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.link__7df54:active {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.foreground__7df54 {
|
|
transition: color .15s ease
|
|
}
|
|
|
|
.preview__5d148 {
|
|
background-color: var(--background-base-lower);
|
|
padding: 16px
|
|
}
|
|
|
|
.previewMessage__5d148 {
|
|
border-radius: var(--radius-xs);
|
|
margin-top: 16px;
|
|
padding: 8px
|
|
}
|
|
|
|
.previewHeader__5d148 {
|
|
display: flex
|
|
}
|
|
|
|
.previewAvatars__5d148 {
|
|
display: grid;
|
|
gap: 8px;
|
|
grid-auto-flow: column;
|
|
margin-inline-start:8px}
|
|
|
|
.ttsSliderMarker__5d148 {
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.syncProfileThemeWithUserTheme__5d148 {
|
|
scroll-margin-top: 125px
|
|
}
|
|
|
|
.reducedMotion__5d148 {
|
|
scroll-margin-top: 145px
|
|
}
|
|
|
|
.custom-theme-background .preview__5d148 {
|
|
background: var(--background-gradient-chat-preview)
|
|
}
|
|
|
|
.appearanceUpsell__5d148 {
|
|
padding-top: 24px
|
|
}
|
|
|
|
.avatarBackground_eb2508 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-strong);
|
|
border-radius: 50%;
|
|
height: 92px;
|
|
justify-content: center;
|
|
width: 92px
|
|
}
|
|
|
|
.avatar_eb2508,.avatarBackground_eb2508 {
|
|
display: flex;
|
|
position: relative
|
|
}
|
|
|
|
.indicator_eb2508 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: absolute
|
|
}
|
|
|
|
.container_d878e7 {
|
|
border: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-16);
|
|
margin-bottom: var(--space-32);
|
|
padding-top: var(--space-8);
|
|
width: 100%;
|
|
--__card-accent-color: transparent
|
|
}
|
|
|
|
.profile_d878e7 {
|
|
justify-content: center;
|
|
margin-inline-start:var(--space-16)}
|
|
|
|
.status_d878e7 {
|
|
row-gap: var(--space-24)
|
|
}
|
|
|
|
.status_d878e7,.title_d878e7 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%
|
|
}
|
|
|
|
.title_d878e7 {
|
|
row-gap: var(--space-8)
|
|
}
|
|
|
|
.health_d878e7 {
|
|
display: flex;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.line_d878e7 {
|
|
background-color: var(--background-mod-strong);
|
|
height: 4px;
|
|
position: absolute;
|
|
top: var(--space-12);
|
|
width: 100%
|
|
}
|
|
|
|
.statusOption_d878e7 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: absolute;
|
|
row-gap: var(--space-8);
|
|
text-align: center;
|
|
width: 15%
|
|
}
|
|
|
|
.statusOption_d878e7:nth-of-type(2) {
|
|
align-items: flex-start;
|
|
inset-inline-start: 0;
|
|
text-align: start
|
|
}
|
|
|
|
.statusOption_d878e7:nth-of-type(3) {
|
|
inset-inline-start: 25%;
|
|
transform: translate(-50%)
|
|
}
|
|
|
|
.statusOption_d878e7:nth-of-type(4) {
|
|
inset-inline-start: 50%;
|
|
transform: translate(-50%)
|
|
}
|
|
|
|
.statusOption_d878e7:nth-of-type(5) {
|
|
inset-inline-start: 75%;
|
|
transform: translate(-50%)
|
|
}
|
|
|
|
.statusOption_d878e7:nth-of-type(6) {
|
|
align-items: flex-end;
|
|
inset-inline-start: 100%;
|
|
text-align: end;
|
|
transform: translate(-100%)
|
|
}
|
|
|
|
.statusLabel_d878e7 {
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.marker_d878e7 {
|
|
align-items: center;
|
|
background-color: var(--background-base-low);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
height: 28px;
|
|
justify-content: center;
|
|
width: 28px;
|
|
z-index: 1
|
|
}
|
|
|
|
.marker_d878e7 .empty_d878e7 {
|
|
background-color: var(--background-mod-strong);
|
|
border-radius: 50%;
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.dropdown_edf232 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-md);
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.header_edf232 {
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
flex-direction: row;
|
|
padding: 8px;
|
|
width: 100%
|
|
}
|
|
|
|
.header_edf232,.headerIconWrapper_edf232 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.headerIconWrapper_edf232 {
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: var(--radius-xl);
|
|
height: 40px;
|
|
justify-content: center;
|
|
margin: 5px;
|
|
width: 40px
|
|
}
|
|
|
|
.caret_edf232 {
|
|
color: var(--interactive-text-default);
|
|
justify-self: flex-end;
|
|
margin: 8px
|
|
}
|
|
|
|
.title_edf232 {
|
|
color: var(--text-muted);
|
|
margin-inline:10px auto}
|
|
|
|
.items_edf232,.title_edf232 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.items_edf232 {
|
|
align-items: center;
|
|
color: var(--white);
|
|
gap: 8px;
|
|
padding: 8px
|
|
}
|
|
|
|
.itemDetail_edf232,.items_edf232 {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.itemDetail_edf232 {
|
|
background-color: var(--background-mod-strong);
|
|
border-radius: var(--radius-md);
|
|
cursor: pointer;
|
|
height: -moz-max-content;
|
|
height: max-content;
|
|
margin: 8px 4px 0;
|
|
padding: var(--space-16);
|
|
width: 100%
|
|
}
|
|
|
|
.itemDetailNew_edf232 {
|
|
border: 1px solid var(--brand-500)
|
|
}
|
|
|
|
.descriptionContainer_edf232 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
.incidentTimeBase_edf232 {
|
|
border-radius: var(--radius-md);
|
|
padding: 3px 6px;
|
|
width: -moz-max-content;
|
|
width: max-content
|
|
}
|
|
|
|
.timestamp_edf232 {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.newBadge_edf232,.timestamp_edf232 {
|
|
}
|
|
|
|
.newBadge_edf232 {
|
|
background-color: var(--brand-500);
|
|
color: var(--white)
|
|
}
|
|
|
|
.expirationDate_edf232 {
|
|
color: var(--channels-default)
|
|
}
|
|
|
|
.content_edf232 {
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-md);
|
|
min-height: 100px;
|
|
min-width: 200px;
|
|
padding: 4px
|
|
}
|
|
|
|
.paginationButton_edf232 {
|
|
background-color: var(--background-mod-subtle);
|
|
border-end-end-radius: var(--radius-md);
|
|
border-end-start-radius: var(--radius-md);
|
|
color: var(--white);
|
|
font-size: 13px;
|
|
margin-top: -8px;
|
|
padding: 8px 64px
|
|
}
|
|
|
|
.emptyState_edf232 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
justify-content: center;
|
|
margin-bottom: 12px;
|
|
margin-top: 12px
|
|
}
|
|
|
|
.emptyStateSubtext_edf232,.emptyStateText_edf232 {
|
|
margin: 0
|
|
}
|
|
|
|
.iconContainer_edf232 {
|
|
margin-bottom: var(--space-16);
|
|
position: relative
|
|
}
|
|
|
|
.iconBackground_edf232 {
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: 36px;
|
|
display: inline-block;
|
|
padding: 10px
|
|
}
|
|
|
|
.icon_edf232 {
|
|
color: var(--text-default);
|
|
height: 42px;
|
|
margin: 4px 2px 0;
|
|
width: 42px
|
|
}
|
|
|
|
.stars_edf232 {
|
|
inset-inline-start: -18px;
|
|
position: absolute
|
|
}
|
|
|
|
.container_d74ef8,.emptyPage_d74ef8 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.emptyPage_d74ef8 {
|
|
align-items: center;
|
|
gap: 8px;
|
|
justify-content: center
|
|
}
|
|
|
|
div.nagbar_d74ef8 {
|
|
border-radius: 0 0 10px 10px;
|
|
margin-top: -24px
|
|
}
|
|
|
|
.tabBar_f8303a {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
max-width: calc(100% - 60px)
|
|
}
|
|
|
|
.tabBar_f8303a.vertical_f8303a {
|
|
border-bottom: none;
|
|
gap: var(--space-16)
|
|
}
|
|
|
|
.tabBarPanel_f8303a {
|
|
margin-top: var(--space-24)
|
|
}
|
|
|
|
.tabBarPanel_f8303a.vertical_f8303a {
|
|
flex-grow: 1;
|
|
margin-top: 0
|
|
}
|
|
|
|
.tab_f8303a {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-shrink: 1;
|
|
gap: var(--space-8);
|
|
padding-bottom: var(--space-12)
|
|
}
|
|
|
|
.tab_f8303a.vertical_f8303a {
|
|
border-inline-start:1px solid var(--border-subtle);border-radius: 0
|
|
}
|
|
|
|
.tab_f8303a.vertical_f8303a.selected_f8303a {
|
|
border-inline-start:2px solid var(--text-brand);color: var(--text-brand);
|
|
margin-inline-start:-1px}
|
|
|
|
.tabbedSettingsContainer_f8303a {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.tabbedSettingsContainer_f8303a.vertical_f8303a {
|
|
align-items: flex-start;
|
|
flex-direction: row;
|
|
gap: var(--space-48)
|
|
}
|
|
|
|
.header__6c75d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
padding-bottom: 24px;
|
|
padding-top: 24px
|
|
}
|
|
|
|
.modalCloseButton__6c75d {
|
|
inset-inline-end: 16px;
|
|
position: absolute;
|
|
top: 16px
|
|
}
|
|
|
|
.content__6c75d {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.icon__6c75d {
|
|
margin-inline-end:16px}
|
|
|
|
.input__6c75d {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.settings__6c75d {
|
|
margin-top: 32px
|
|
}
|
|
|
|
.credentialList__6c75d,.description__6c75d {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.credentialList__6c75d {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 4px
|
|
}
|
|
|
|
.credentialItem__6c75d {
|
|
align-items: center;
|
|
border-top: 1px solid var(--border-subtle);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
overflow: hidden;
|
|
padding: 8px;
|
|
padding-inline-start:32px;width: 100%
|
|
}
|
|
|
|
.credentialItem__6c75d:not(:last-child) {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.credentialOptions__6c75d {
|
|
height: 24px
|
|
}
|
|
|
|
.footer__6c75d {
|
|
justify-content: space-between
|
|
}
|
|
|
|
.spacing_a959b1 {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.error_a959b1 {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.card_a959b1 {
|
|
padding: 10px
|
|
}
|
|
|
|
.warning_a959b1 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.card__6aefd,.spacing__6aefd {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.card__6aefd {
|
|
padding: 10px
|
|
}
|
|
|
|
.error__6aefd {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.lockIcon__2666b {
|
|
filter: saturate(var(--saturation-factor,1))
|
|
}
|
|
|
|
.btn__2666b {
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 16px;
|
|
padding: 10px 20px;
|
|
position: relative;
|
|
text-align: center;
|
|
transition: background-color .2s ease
|
|
}
|
|
|
|
.btn__2666b+.btn__2666b {
|
|
margin-inline-start:8px}
|
|
|
|
.btn__2666b:disabled {
|
|
cursor: not-allowed;
|
|
opacity: .3
|
|
}
|
|
|
|
.btn__2666b.btnPrimary__2666b {
|
|
background-color: var(--brand-500);
|
|
border-radius: 3px;
|
|
color: var(--white);
|
|
padding: 8px 16px
|
|
}
|
|
|
|
.btn__2666b.btnPrimary__2666b:hover:not(:disabled) {
|
|
background-color: var(--brand-600)
|
|
}
|
|
|
|
.userSettingsSecurityImage__2666b {
|
|
opacity: 1;
|
|
transition: opacity .3s ease;
|
|
width: 100%
|
|
}
|
|
|
|
@media (max-width: 840px) {
|
|
.userSettingsSecurityImage__2666b {
|
|
opacity:0
|
|
}
|
|
}
|
|
|
|
.userSettingsSecurity__2666b .isEnabled__2666b {
|
|
color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.userSettingsSecurity__2666b .lockIcon__2666b {
|
|
height: 14px;
|
|
margin-inline-end:4px;position: relative;
|
|
top: 2px;
|
|
width: 10px
|
|
}
|
|
|
|
.userSettingsSecurity__2666b .checkboxGroup__2666b .code__2666b {
|
|
cursor: text;
|
|
font-family: var(--font-code);
|
|
font-size: 14px;
|
|
line-height: 28px;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.phoneRevealer__2666b {
|
|
margin-inline-start:4px}
|
|
|
|
.changePasswordButton__2666b {
|
|
margin-bottom: 28px
|
|
}
|
|
|
|
.inlineNoticeText__2666b {
|
|
margin-bottom: var(--space-8)
|
|
}
|
|
|
|
.backupCode__2666b {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-8);
|
|
outline: none
|
|
}
|
|
|
|
.userProfileCustomizationSection__2666b {
|
|
margin-top: 40px;
|
|
position: relative
|
|
}
|
|
|
|
.nitroIcon__2666b {
|
|
color: var(--text-strong);
|
|
margin-inline-end:6px;position: relative;
|
|
top: -3px
|
|
}
|
|
|
|
.customizationTitle__2666b {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.noticeTextButton__2666b {
|
|
font-weight: 700;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.noticeTextButton__2666b,.userSettingsSecurity__2666b .backupCode__2666b {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.tabPanel__2666b {
|
|
margin-top: var(--space-32)
|
|
}
|
|
|
|
.spacer__5ecaa {
|
|
width: 8px
|
|
}
|
|
|
|
.input__5ecaa {
|
|
background-color: var(--input-background-default);
|
|
border: 1px solid var(--input-border-default);
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
color: var(--text-strong);
|
|
font-size: 17px;
|
|
height: 48px;
|
|
margin-inline:var(--space-4);text-align: center;
|
|
width: 48px
|
|
}
|
|
|
|
.enable-forced-colors .input__5ecaa {
|
|
border: 1px solid ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .input__5ecaa:focus {
|
|
border-color: Highlight
|
|
}
|
|
|
|
.phoneField_a0c54f {
|
|
display: grid;
|
|
gap: var(--space-8);
|
|
grid-template-columns: 5fr 6fr;
|
|
position: relative
|
|
}
|
|
|
|
.phoneVerificationModal_db41ea {
|
|
min-height: 252px;
|
|
padding: 16px;
|
|
position: relative;
|
|
width: 440px
|
|
}
|
|
|
|
.phoneVerificationModal_db41ea .animationContainer_db41ea {
|
|
position: absolute;
|
|
top: -150px;
|
|
inset-inline: 130px
|
|
}
|
|
|
|
.phoneVerificationModal_db41ea .title_db41ea {
|
|
color: var(--text-strong);
|
|
font-size: 20px;
|
|
font-weight: var(--font-weight-bold);
|
|
margin-top: auto;
|
|
padding-top: 80px
|
|
}
|
|
|
|
.phoneVerificationModal_db41ea .description_db41ea {
|
|
color: var(--text-default);
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
text-align: center
|
|
}
|
|
|
|
.phoneVerificationModal_db41ea .description_db41ea.error_db41ea {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.phoneVerificationModal_db41ea .field_db41ea {
|
|
align-self: stretch
|
|
}
|
|
|
|
.description_d286c5 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.buttonContainer_d286c5 {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.accountProfileCard__1fed1 {
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: var(--radius-sm);
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.userInfo__1fed1 {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding-block:16px 0;padding-inline:120px 16px;width: 100%
|
|
}
|
|
|
|
.accountProfileCard__1fed1 .avatar__1fed1 {
|
|
background-color: var(--background-base-lowest);
|
|
box-sizing: content-box;
|
|
inset-inline-start: 22px;
|
|
position: absolute;
|
|
top: 82px
|
|
}
|
|
|
|
.profileCardUsernameRow__1fed1 {
|
|
display: flex
|
|
}
|
|
|
|
.overflowMenuButton__1fed1 {
|
|
cursor: pointer;
|
|
margin-inline-start:8px}
|
|
|
|
.overflowMenuIcon__1fed1 {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.userTag__1fed1 {
|
|
color: var(--text-strong);
|
|
font-family: var(--font-display);
|
|
font-size: 20px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 24px;
|
|
margin-bottom: 6px
|
|
}
|
|
|
|
.discriminator__1fed1 {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.background__1fed1 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-sm);
|
|
margin: 8px 16px 16px;
|
|
padding: 16px
|
|
}
|
|
|
|
.profile__1fed1 {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.avatarUploaderInner__1fed1 {
|
|
height: 80px;
|
|
width: 80px
|
|
}
|
|
|
|
.details__1fed1 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: auto;
|
|
margin-top: auto;
|
|
margin-inline-start:16px;overflow: hidden
|
|
}
|
|
|
|
.detailsInner__1fed1 {
|
|
color: var(--text-strong);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.badgeList__1fed1 {
|
|
background-color: var(--background-base-lower);
|
|
border: none;
|
|
border-radius: var(--radius-sm);
|
|
gap: 4px;
|
|
max-width: 228px;
|
|
padding: 2px 4px
|
|
}
|
|
|
|
.badgeList__1fed1:empty {
|
|
height: 28px
|
|
}
|
|
|
|
.badge__1fed1 {
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.fieldList__1fed1 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.field__1fed1 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.fieldSpacer__1fed1 {
|
|
margin-top: 24px
|
|
}
|
|
|
|
.fieldSpacerBottom__1fed1 {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.fieldTitle__1fed1 {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.fieldButtonList__1fed1 {
|
|
display: flex
|
|
}
|
|
|
|
.fieldButton__1fed1,.pomeloWarning__1fed1 {
|
|
margin-bottom: auto;
|
|
margin-top: auto
|
|
}
|
|
|
|
.pomeloWarning__1fed1 {
|
|
padding-inline-end:10px}
|
|
|
|
.removeButton__1fed1 {
|
|
margin-inline-end:16px}
|
|
|
|
.menu__1fed1,.uploadButton__1fed1 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
margin-inline-start:auto}
|
|
|
|
.menu__1fed1 {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
margin-inline-end:16px}
|
|
|
|
.avatarError__1fed1 {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.constrainedRow__1fed1 {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
margin-inline-end:16px;overflow: hidden
|
|
}
|
|
|
|
.usernameRow__1fed1 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.usernameInnerRow__1fed1 {
|
|
color: var(--text-strong);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.enable-forced-colors .overflowMenuIcon__1fed1 {
|
|
background-color: ButtonFace;
|
|
border: 1px solid ButtonFace;
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .overflowMenuIcon__1fed1:focus,.enable-forced-colors .overflowMenuIcon__1fed1:hover {
|
|
border-color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .accountProfileCard__1fed1 {
|
|
border: 1px solid CanvasText
|
|
}
|
|
|
|
.textRevealer__1fed1 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.guildRow__7db08 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 16px
|
|
}
|
|
|
|
.guildsList__7db08 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 24px
|
|
}
|
|
|
|
.guildRowTextContainer__7db08 {
|
|
flex: 1;
|
|
margin-inline-end:32px;overflow: hidden
|
|
}
|
|
|
|
.memberDetailsContainer__7db08 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px
|
|
}
|
|
|
|
.infoDot__7db08 {
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
height: 8px;
|
|
width: 8px
|
|
}
|
|
|
|
.memberCountDot__7db08 {
|
|
background-color: var(--primary-300)
|
|
}
|
|
|
|
.controlsContainer__7db08 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-4);
|
|
justify-content: space-between
|
|
}
|
|
|
|
.select__7db08 {
|
|
max-width: 180px
|
|
}
|
|
|
|
.showAllButton__7db08 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
gap: 16px;
|
|
padding: 6px 0
|
|
}
|
|
|
|
.showAllIcon__7db08 {
|
|
margin: 0 12px
|
|
}
|
|
|
|
.wrapper__7db08 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 24px
|
|
}
|
|
|
|
.wrapperCompact__7db08 {
|
|
gap: 16px
|
|
}
|
|
|
|
.guildRowWrapper__7db08 {
|
|
margin: 0
|
|
}
|
|
|
|
.noResultsContainer__7db08 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 736px;
|
|
justify-content: center
|
|
}
|
|
|
|
.noResultsText__7db08 {
|
|
color: var(--text-muted);
|
|
text-transform: capitalize
|
|
}
|
|
|
|
.headerContainer__7db08 {
|
|
background-color: var(--background-base-low);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
padding-top: 16px;
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1
|
|
}
|
|
|
|
.defaultSetting__6de8b {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.formTitle__6de8b {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.switchContainer__6de8b {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: var(--radius-lg);
|
|
padding: 16px
|
|
}
|
|
|
|
.myServersContainer__6de8b {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.myServersHeaderContainer__6de8b {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.myServersTitle__6de8b {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.myServersIgnoredWarning__6de8b {
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.settingSwitch__6de8b {
|
|
display: flex;
|
|
gap: 16px
|
|
}
|
|
|
|
.settingSwitchLabel__6de8b {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: 2px
|
|
}
|
|
|
|
.privacyTermsCard__6de8b {
|
|
padding: var(--space-20)
|
|
}
|
|
|
|
.inputWrapper__51422 {
|
|
flex-grow: 1;
|
|
margin-inline-end:10px;margin-bottom: 20px;
|
|
width: 100%
|
|
}
|
|
|
|
.tryItOutButtons__6b52d {
|
|
display: flex;
|
|
gap: 12px
|
|
}
|
|
|
|
.selectionGroup__6b52d {
|
|
padding: 0
|
|
}
|
|
|
|
.divider__6b52d {
|
|
margin-bottom: 24px;
|
|
margin-top: 32px
|
|
}
|
|
|
|
.pageActions__2d021 {
|
|
border-radius: 3px;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
justify-content: center;
|
|
padding: 20px 0
|
|
}
|
|
|
|
.buttons__2d021 {
|
|
align-items: center;
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
gap: var(--space-8);
|
|
padding: var(--space-4)
|
|
}
|
|
|
|
.payment_e9cb00 {
|
|
transition: background-color .2s ease;
|
|
width: 100%
|
|
}
|
|
|
|
.payment_e9cb00:hover,.payment_e9cb00[data-expanded=true] {
|
|
background-color: var(--background-mod-muted)
|
|
}
|
|
|
|
.expandInfo_e9cb00 {
|
|
padding: 20px
|
|
}
|
|
|
|
.summaryInfo_e9cb00 {
|
|
color: var(--text-strong);
|
|
cursor: pointer;
|
|
padding: var(--space-16);
|
|
transition: background-color .2s ease
|
|
}
|
|
|
|
.summaryInfo_e9cb00[data-expanded=true] {
|
|
background-color: var(--background-mod-muted)
|
|
}
|
|
|
|
.summaryInfo_e9cb00:hover {
|
|
background-color: var(--background-mod-subtle)
|
|
}
|
|
|
|
.expandedInfo_e9cb00 {
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
.paymentHeader_e9cb00 {
|
|
border-top: 1px solid;
|
|
border-color: var(--primary-500);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-bottom: 8px;
|
|
margin-top: 20px;
|
|
padding-top: 20px
|
|
}
|
|
|
|
.paymentHeader_e9cb00:first-child {
|
|
border-top: none;
|
|
margin-top: 0;
|
|
padding-top: 0
|
|
}
|
|
|
|
.paymentText_e9cb00 {
|
|
color: var(--text-default);
|
|
font-size: 14px;
|
|
line-height: 1.4
|
|
}
|
|
|
|
.paymentBreakdown_e9cb00 {
|
|
padding-top: 10px
|
|
}
|
|
|
|
.paymentDetail_e9cb00 {
|
|
margin-top: 12px
|
|
}
|
|
|
|
.paymentDetail_e9cb00:first-child {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.additionalInformationButtonContainer_e9cb00 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.guildProductDetail_e9cb00 {
|
|
}
|
|
|
|
.date_e9cb00 {
|
|
width: 20%
|
|
}
|
|
|
|
.amount_e9cb00 {
|
|
align-content: center;
|
|
display: flex;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.statusTag_e9cb00 {
|
|
border-radius: 3px;
|
|
color: var(--white);
|
|
display: block;
|
|
font-size: 11px;
|
|
font-weight: var(--font-weight-medium);
|
|
height: 14px;
|
|
letter-spacing: .4px;
|
|
line-height: 14px;
|
|
margin-inline-end:20px;max-width: 180px;
|
|
overflow: hidden;
|
|
padding: 0 4px;
|
|
text-overflow: ellipsis;
|
|
text-transform: uppercase;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.statusTagGreen_e9cb00 {
|
|
background-color: var(--green-360)
|
|
}
|
|
|
|
.statusTagRed_e9cb00 {
|
|
background-color: var(--background-feedback-critical)
|
|
}
|
|
|
|
.statusTagGrey_e9cb00 {
|
|
background-color: var(--primary-400)
|
|
}
|
|
|
|
.statusTagYellow_e9cb00 {
|
|
background-color: var(--yellow-360)
|
|
}
|
|
|
|
.price_e9cb00 {
|
|
white-space: nowrap
|
|
}
|
|
|
|
.description_e9cb00 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 50%;
|
|
margin-inline-end:8px}
|
|
|
|
.descriptionIcon_e9cb00 {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
flex-shrink: 0;
|
|
margin-inline-end:10px}
|
|
|
|
.guildDescriptionIcon_e9cb00 {
|
|
background-color: var(--background-mod-muted)
|
|
}
|
|
|
|
.shopIcon_e9cb00 {
|
|
height: 20px;
|
|
margin-inline-end:10px;width: 20px
|
|
}
|
|
|
|
.expand_e9cb00 {
|
|
height: 24px;
|
|
margin-inline-start:20px;width: 24px
|
|
}
|
|
|
|
.downloadInvoice_e9cb00 {
|
|
font-size: 14px;
|
|
margin-top: 12px
|
|
}
|
|
|
|
.downloadRefundInvoice_e9cb00 {
|
|
margin-inline-start:14px}
|
|
|
|
.refundSubHeader_e9cb00 {
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-semibold);
|
|
margin: 20px 0 8px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.refundSelect_e9cb00 {
|
|
flex: 1;
|
|
margin-inline-end:12px}
|
|
|
|
.refundCriteria_e9cb00 {
|
|
margin-inline-end:32px}
|
|
|
|
.refundCriteriaIcon_e9cb00 {
|
|
height: 16px;
|
|
margin-inline-end:8px;width: 16px
|
|
}
|
|
|
|
.giftIcon_e9cb00 {
|
|
color: var(--text-default);
|
|
height: 16px;
|
|
margin-inline-start:10px;width: 16px
|
|
}
|
|
|
|
@media (max-width: 800px) {
|
|
.refundCriteria_e9cb00 {
|
|
margin-inline-end:16px
|
|
}
|
|
}
|
|
|
|
.compact_e9cb00 .amount_e9cb00 {
|
|
align-items: flex-end;
|
|
flex-direction: column-reverse;
|
|
justify-content: space-between;
|
|
width: 20%
|
|
}
|
|
|
|
.compact_e9cb00 .summaryInfo_e9cb00 {
|
|
padding: 16px 20px
|
|
}
|
|
|
|
.compact_e9cb00 .amount_e9cb00,.compact_e9cb00 .date_e9cb00,.compact_e9cb00 .description_e9cb00 {
|
|
text-transform: unset
|
|
}
|
|
|
|
.compact_e9cb00 .date_e9cb00 {
|
|
opacity: .6
|
|
}
|
|
|
|
.compact_e9cb00 .descriptionIcon_e9cb00 {
|
|
height: 40px;
|
|
width: 40px
|
|
}
|
|
|
|
.compact_e9cb00 .statusTag_e9cb00 {
|
|
margin: 8px 0 0
|
|
}
|
|
|
|
.compact_e9cb00 .expand_e9cb00 {
|
|
margin-inline-start:8px}
|
|
|
|
.compact_e9cb00 .date_e9cb00 {
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
width: unset
|
|
}
|
|
|
|
.compact_e9cb00 .description_e9cb00 {
|
|
flex: 1 1 55%;
|
|
text-transform: unset;
|
|
width: unset
|
|
}
|
|
|
|
.refundActions_e9cb00 {
|
|
align-items: flex-end;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.refundIconContainer_e9cb00,.refundRules_e9cb00 {
|
|
display: flex
|
|
}
|
|
|
|
.copiableContainer_e9cb00 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.paymentInfo_e9cb00 {
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.divider_e9cb00 {
|
|
border-top: 1px solid var(--interactive-background-hover);
|
|
margin-bottom: 16px;
|
|
margin-top: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.sectionDivider_e9cb00 {
|
|
margin-bottom: 20px;
|
|
margin-top: 20px
|
|
}
|
|
|
|
.guildProductBenefits_e9cb00 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 8px;
|
|
padding: 16px
|
|
}
|
|
|
|
.guildProductBenefitLabel_e9cb00 {
|
|
margin-bottom: 12px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.warningBlock_e9cb00 {
|
|
align-items: center;
|
|
overflow: auto;
|
|
width: 100%
|
|
}
|
|
|
|
.descriptionWrapper__43963 {
|
|
margin-inline-start:14px}
|
|
|
|
.subText__43963 {
|
|
margin-top: 4px
|
|
}
|
|
|
|
.indicator__43963 {
|
|
align-items: center;
|
|
border-radius: 3px;
|
|
display: flex;
|
|
font-size: 11px;
|
|
font-weight: var(--font-weight-bold);
|
|
height: 14px;
|
|
letter-spacing: .4px;
|
|
margin-inline-start:8px;padding: 0 4px;
|
|
text-align: center;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.defaultIndicator__43963 {
|
|
background-color: var(--primary-500)
|
|
}
|
|
|
|
.defaultIndicator__43963,.premiumIndicator__43963 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.premiumIndicator__43963 {
|
|
background-color: var(--brand-500)
|
|
}
|
|
|
|
.invalidIndicator__43963 {
|
|
background-color: var(--red-400);
|
|
color: var(--white)
|
|
}
|
|
|
|
.paymentPane__01014 {
|
|
background-color: var(--background-surface-high);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
color: var(--text-strong);
|
|
overflow: hidden
|
|
}
|
|
|
|
.paymentRow__01014 {
|
|
cursor: default
|
|
}
|
|
|
|
.paymentRowHeader__01014 {
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-inline-end:44px;padding: 20px
|
|
}
|
|
|
|
.paymentRowHeaderDescription__01014 {
|
|
display: flex;
|
|
flex: 1 1 50%;
|
|
margin-inline-start:8px}
|
|
|
|
.tab__01014 {
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-inline-start:12px;padding-bottom: 12px
|
|
}
|
|
|
|
.tab__01014:first-child {
|
|
margin-inline-start:0}
|
|
|
|
.externalRow__01014 {
|
|
border-radius: 5px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 20px;
|
|
padding: 20px
|
|
}
|
|
|
|
.externalRowHeader__01014 {
|
|
color: var(--text-default);
|
|
font-size: 16px
|
|
}
|
|
|
|
.externalRowBody__01014 {
|
|
color: var(--text-muted);
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.bottomDivider__01014 {
|
|
border-bottom: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.bottomDivider__01014:last-child {
|
|
border-bottom: none
|
|
}
|
|
|
|
.verticalFit__01014 {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
overflow: hidden
|
|
}
|
|
|
|
.formError_f0c2ea {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.card_f0c2ea {
|
|
padding: 20px
|
|
}
|
|
|
|
.formActions_f0c2ea {
|
|
-moz-column-gap: 2px;
|
|
column-gap: 2px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
row-gap: 10px
|
|
}
|
|
|
|
.addressSection_f0c2ea,.formActions_f0c2ea {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.defaultSection_f0c2ea {
|
|
margin: var(--space-12) 0
|
|
}
|
|
|
|
.defaultCheckboxLabel_f0c2ea {
|
|
margin-inline-start:4px}
|
|
|
|
.sectionHeader_f0c2ea {
|
|
color: var(--text-muted);
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.subText_f0c2ea {
|
|
color: var(--text-muted);
|
|
font-size: 14px;
|
|
margin-top: 20px
|
|
}
|
|
|
|
.errorSubText_f0c2ea {
|
|
color: var(--red-400)
|
|
}
|
|
|
|
.disabledTooltipWrapper_f0c2ea {
|
|
position: relative
|
|
}
|
|
|
|
.disabledTooltipTarget_f0c2ea {
|
|
cursor: not-allowed;
|
|
inset: 0;
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
.paymentSourceRow__0eeee {
|
|
justify-content: space-between;
|
|
margin: 16px 0
|
|
}
|
|
|
|
.header__0eeee,.paymentSourceRow__0eeee {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.subText__0eeee {
|
|
color: var(--primary-400);
|
|
font-size: 14px;
|
|
margin-top: 4px
|
|
}
|
|
|
|
.footer__0eeee {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin-top: 20px
|
|
}
|
|
|
|
.footerContent__0eeee {
|
|
flex: 1
|
|
}
|
|
|
|
.titleContainer__0eeee {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.lockIcon__0eeee {
|
|
margin-inline-end:var(--space-4)}
|
|
|
|
.syncing_a706ba {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 300px;
|
|
justify-content: center
|
|
}
|
|
|
|
.paymentHistory_a706ba {
|
|
margin-top: 40px
|
|
}
|
|
|
|
.codeRedemptionRedirect_a706ba {
|
|
margin-top: var(--space-32)
|
|
}
|
|
|
|
.wrapper__02fc8 {
|
|
position: relative
|
|
}
|
|
|
|
.inner__02fc8 {
|
|
background-color: transparent;
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: 28px 28px;
|
|
border-radius: var(--radius-sm);
|
|
height: 44px;
|
|
justify-content: center;
|
|
width: 44px
|
|
}
|
|
|
|
.inner__02fc8:hover {
|
|
background-color: #99aab54d;
|
|
border-color: transparent;
|
|
cursor: pointer
|
|
}
|
|
|
|
.inner__02fc8:disabled {
|
|
opacity: .3;
|
|
pointer-events: none
|
|
}
|
|
|
|
.ellipsis__02fc8 {
|
|
align-items: center;
|
|
display: flex;
|
|
inset: 0;
|
|
justify-content: center;
|
|
position: absolute
|
|
}
|
|
|
|
.spinnerItem__02fc8 {
|
|
background-color: #4f545c
|
|
}
|
|
|
|
.enable-forced-colors .inner__02fc8 {
|
|
border: 1px solid ButtonFace
|
|
}
|
|
|
|
.enable-forced-colors .inner__02fc8:focus,.enable-forced-colors .inner__02fc8:hover {
|
|
background-color: ButtonFace;
|
|
border-color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .inner__02fc8:disabled {
|
|
opacity: .3;
|
|
pointer-events: none
|
|
}
|
|
|
|
.container__0d793 {
|
|
align-items: center;
|
|
background: var(--background-mod-normal);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 24px 12px
|
|
}
|
|
|
|
.textContainer__0d793 {
|
|
margin: 0 12px
|
|
}
|
|
|
|
.headerText__0d793 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.newBadge__0d793 {
|
|
margin-inline-end:8px}
|
|
|
|
.banner_c7f964 {
|
|
filter: saturate(var(--saturation-factor,1));
|
|
height: 180px;
|
|
margin-top: -32px;
|
|
width: 180px
|
|
}
|
|
|
|
.connectionsContainer_c7f964 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--space-8);
|
|
padding: var(--space-8) 0
|
|
}
|
|
|
|
.accountButtonInner_c7f964 {
|
|
background-color: var(--control-secondary-background-default);
|
|
border: 1px solid var(--control-secondary-border-default)
|
|
}
|
|
|
|
.accountButtonInner_c7f964:hover {
|
|
background-color: var(--control-secondary-background-hover);
|
|
border-color: var(--control-secondary-border-hover)
|
|
}
|
|
|
|
.accountAddWrapper_c7f964 {
|
|
position: relative
|
|
}
|
|
|
|
.accountAddInner_c7f964 {
|
|
align-items: center;
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: 28px 28px;
|
|
border-radius: var(--radius-sm);
|
|
color: var(--control-secondary-icon-default);
|
|
display: flex;
|
|
height: 44px;
|
|
justify-content: center;
|
|
width: 44px
|
|
}
|
|
|
|
.accountAddInner_c7f964:hover {
|
|
background-color: var(--control-secondary-background-hover);
|
|
border-color: var(--control-secondary-border-hover);
|
|
cursor: pointer
|
|
}
|
|
|
|
.accountAddInner_c7f964:disabled {
|
|
opacity: .5;
|
|
pointer-events: none
|
|
}
|
|
|
|
.connectionList_c7f964 {
|
|
display: grid;
|
|
grid-gap: 24px
|
|
}
|
|
|
|
.connection_c7f964 {
|
|
background-color: var(--background-mod-subtle);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-20);
|
|
padding: var(--space-16);
|
|
width: 100%
|
|
}
|
|
|
|
.connectionHeader_c7f964 {
|
|
align-items: center;
|
|
border-radius: 8px 8px 0 0;
|
|
display: grid;
|
|
grid-template-columns: auto minmax(0,1fr) auto;
|
|
position: relative
|
|
}
|
|
|
|
.connectionHeader_c7f964 .connectionAccountValue_c7f964 {
|
|
color: var(--text-strong);
|
|
margin-inline-start:16px;overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.connectionAccountLabelContainer_c7f964 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.connectionAccountLabelVerified_c7f964 {
|
|
height: 16px;
|
|
margin-inline-start:4px;width: 20px
|
|
}
|
|
|
|
.connectionAccountLabel_c7f964 {
|
|
margin-inline-start:16px;overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.connectionIcon_c7f964 {
|
|
-webkit-user-drag: none;
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.connectionOptions_c7f964 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-20)
|
|
}
|
|
|
|
.integrationsWrapper_c7f964 {
|
|
padding: 20px
|
|
}
|
|
|
|
.integrationsWrapper_c7f964 a {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.integrationWrapper_c7f964 {
|
|
background: var(--background-mod-normal);
|
|
border-radius: var(--radius-sm);
|
|
margin-top: 8px;
|
|
padding: 16px
|
|
}
|
|
|
|
.integration_c7f964 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.integration_c7f964 .guildIcon_c7f964 {
|
|
margin-inline-end:8px}
|
|
|
|
.integrationError_c7f964 {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.integrationInner_c7f964 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column
|
|
}
|
|
|
|
.integrationInner_c7f964 .channelLink_c7f964 {
|
|
color: var(--text-default);
|
|
font-size: 12px
|
|
}
|
|
|
|
.connectionDelete_c7f964 {
|
|
align-self: center;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
margin: 0 8px
|
|
}
|
|
|
|
.connectionDelete_c7f964:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.integrationRevoked_c7f964 {
|
|
font-weight: var(--font-weight-semibold)
|
|
}
|
|
|
|
.integrationRevoked_c7f964 a {
|
|
color: var(--text-link)
|
|
}
|
|
|
|
.metadataContainer_c7f964 {
|
|
align-content: flex-start;
|
|
background-color: var(--background-mod-muted);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
.metadataItem_c7f964 {
|
|
align-self: center;
|
|
margin-top: 0!important
|
|
}
|
|
|
|
.metadataRefreshButton_c7f964 {
|
|
align-self: center;
|
|
margin-inline-start:auto}
|
|
|
|
.enable-forced-colors .connection_c7f964 {
|
|
border: 1px solid CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .connectionHeader_c7f964 {
|
|
border-bottom: 1px solid CanvasText
|
|
}
|
|
|
|
.enable-forced-colors .connectionDelete_c7f964 {
|
|
background-color: ButtonFace;
|
|
border: 1px solid ButtonFace;
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .connectionDelete_c7f964:focus,.enable-forced-colors .connectionDelete_c7f964:hover {
|
|
border-color: ButtonText
|
|
}
|
|
|
|
.connectedAccountVanityMetadataCreatedAt_c7f964 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.connectionMetadataUpsellTag_c7f964 {
|
|
align-self: center;
|
|
padding: 0 6px
|
|
}
|
|
|
|
.connectionMetadataUpsellDescription_c7f964 {
|
|
align-self: center;
|
|
padding: 0 4px
|
|
}
|
|
|
|
.sparkleContainer_c7f964 {
|
|
margin-inline-end:8px;position: relative
|
|
}
|
|
|
|
.sparkleTop_c7f964 {
|
|
inset-inline-start: -6px;
|
|
top: -8px
|
|
}
|
|
|
|
.sparkleBottom_c7f964,.sparkleTop_c7f964 {
|
|
position: absolute;
|
|
z-index: 2
|
|
}
|
|
|
|
.sparkleBottom_c7f964 {
|
|
bottom: -6px;
|
|
inset-inline-end: -4px
|
|
}
|
|
|
|
.infoBox_c7f964 {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.header_de8069 {
|
|
background-color: var(--background-surface-higher);
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.gameNamesHeader_de8069 {
|
|
gap: 24px;
|
|
justify-content: space-between;
|
|
min-height: 36px;
|
|
padding: var(--space-8) var(--space-12)
|
|
}
|
|
|
|
.gameIcons_de8069,.gameNamesHeader_de8069 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.gameIcons_de8069 {
|
|
flex: 0;
|
|
flex-direction: row;
|
|
gap: var(--space-8);
|
|
min-height: 56px;
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.divider_de8069 {
|
|
background-color: var(--border-subtle);
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
.icon_de8069 {
|
|
border-radius: var(--radius-xs);
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.moreIcon_de8069 {
|
|
background-color: var(--background-base-lowest);
|
|
justify-content: center
|
|
}
|
|
|
|
.manageGamesLink_de8069,.moreIcon_de8069 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.manageGamesLink_de8069 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.manageGamesChevron_de8069 {
|
|
margin-top: 1px
|
|
}
|
|
|
|
.emptyContainer_de8069 {
|
|
align-items: center;
|
|
background-color: var(--background-surface-higher);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8);
|
|
justify-content: center;
|
|
padding: var(--space-48) 0
|
|
}
|
|
|
|
.noGamesConnectedText_de8069 {
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.guildSelectOptionIcon_b476ba {
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.searchableSelect_b476ba {
|
|
align-items: center
|
|
}
|
|
|
|
.clydeIconContainer_b476ba {
|
|
align-items: center;
|
|
background-color: var(--background-brand);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: center;
|
|
width: 24px
|
|
}
|
|
|
|
.card__5cea9 {
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: var(--elevation-low);
|
|
overflow: hidden
|
|
}
|
|
|
|
.header__5cea9 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-normal);
|
|
display: flex;
|
|
gap: var(--space-8);
|
|
height: 72px;
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
.text__5cea9 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column
|
|
}
|
|
|
|
.iconContainer__5cea9 {
|
|
align-items: center;
|
|
background-color: var(--interactive-background-active);
|
|
border-radius: var(--radius-round);
|
|
display: flex;
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
.usersList__5cea9 {
|
|
padding-inline:var(--space-16)}
|
|
|
|
.row__5cea9 {
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
padding-bottom: var(--space-16);
|
|
padding-top: var(--space-16)
|
|
}
|
|
|
|
.lastRow__5cea9 {
|
|
border-bottom: none
|
|
}
|
|
|
|
.userInfo__5cea9 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.loadMoreContainer__5cea9 {
|
|
padding-bottom: var(--space-16)
|
|
}
|
|
|
|
.loadMoreButton__5cea9,.loadMoreContainer__5cea9 {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.loadMoreButton__5cea9 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: 0 0 var(--radius-xs) var(--radius-xs);
|
|
cursor: pointer;
|
|
padding-bottom: var(--space-4);
|
|
padding-top: var(--space-4);
|
|
width: 40%
|
|
}
|
|
|
|
.rowContainer__0e124 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-8);
|
|
margin-inline-end:var(--space-4)}
|
|
|
|
.select_b2fe93 {
|
|
min-width: 140px
|
|
}
|
|
|
|
.selectItemRow_b2fe93 {
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
padding: var(--space-4) 0
|
|
}
|
|
|
|
.title_b2fe93 {
|
|
min-width: 0
|
|
}
|
|
|
|
.tabs__90767 {
|
|
margin-top: var(--space-12)
|
|
}
|
|
|
|
.card__2023f {
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
.button__2023f {
|
|
display: flex
|
|
}
|
|
|
|
.settingsItemHighlight__7cd2d {
|
|
border: 1px solid transparent;
|
|
border-radius: var(--radius-xs);
|
|
bottom: -8px;
|
|
position: absolute;
|
|
top: -8px;
|
|
inset-inline: -8px
|
|
}
|
|
|
|
.settingsBackgroundFlashElement__7cd2d {
|
|
position: relative
|
|
}
|
|
|
|
.container__6b700 {
|
|
gap: var(--space-16)
|
|
}
|
|
|
|
.container__6b700,.header__6b700 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.header__6b700 {
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.description__6b700.disabled__6b700,.title__6b700.disabled__6b700 {
|
|
cursor: not-allowed;
|
|
opacity: .6
|
|
}
|
|
|
|
.enable-forced-colors .title__6b700.disabled__6b700 {
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .description__6b700.disabled__6b700 {
|
|
color: GrayText;
|
|
opacity: 1
|
|
}
|
|
|
|
.item__89d80 {
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: 8px;
|
|
margin-bottom: 20px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.row__89d80 {
|
|
display: flex;
|
|
height: 68px;
|
|
padding: 16px
|
|
}
|
|
|
|
.divider__89d80 {
|
|
background-color: var(--border-subtle);
|
|
height: 1px;
|
|
margin: 0 16px
|
|
}
|
|
|
|
.section__89d80 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-normal);
|
|
display: flex;
|
|
height: 72px;
|
|
padding: 16px
|
|
}
|
|
|
|
.avatar__89d80 {
|
|
margin-inline-end:8px}
|
|
|
|
.text__89d80 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column
|
|
}
|
|
|
|
.icon__89d80,.username__89d80 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.icon__89d80 {
|
|
align-items: center;
|
|
border-radius: 16px;
|
|
display: flex;
|
|
height: 32px;
|
|
justify-content: center;
|
|
width: 32px
|
|
}
|
|
|
|
.full-motion .icon__89d80 {
|
|
transition: background .1s ease-in-out
|
|
}
|
|
|
|
.icon__89d80:hover {
|
|
background-color: var(--interactive-background-selected)
|
|
}
|
|
|
|
.sectionIconContainer__89d80 {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.item__52575 {
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: var(--radius-sm);
|
|
margin-bottom: 20px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.item__6be08 {
|
|
position: relative
|
|
}
|
|
|
|
.removeBuildOverride__6be08 {
|
|
inset-inline-end: -31px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: -12px
|
|
}
|
|
|
|
.buildOverrideGroup__6be08 {
|
|
margin-top: -1px;
|
|
padding-bottom: 20px;
|
|
padding-top: 20px;
|
|
position: relative
|
|
}
|
|
|
|
.buildOverrideGroup__6be08:hover .removeBuildOverride__6be08 {
|
|
opacity: 1
|
|
}
|
|
|
|
.divider__6be08 {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.buildOverrideList__6be08 {
|
|
display: grid;
|
|
gap: 16px;
|
|
grid-template-columns: 1fr 1fr;
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.removeBuildOverrideDisabled__6be08 {
|
|
cursor: not-allowed;
|
|
filter: grayscale(100%);
|
|
opacity: .75
|
|
}
|
|
|
|
.row__6be08 {
|
|
border-bottom: 1px solid var(--border-subtle)
|
|
}
|
|
|
|
.buttonsContainer__6be08 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
gap: 8px
|
|
}
|
|
|
|
.surveyOverride__6be08 {
|
|
display: flex
|
|
}
|
|
|
|
.surveyOverrideInput__6be08 {
|
|
flex-grow: 1;
|
|
margin-inline-end:20px}
|
|
|
|
.key__6be08 {
|
|
background-color: var(--background-mod-muted);
|
|
border: 1px solid var(--background-base-low);
|
|
border-radius: var(--radius-xs);
|
|
box-shadow: inset 0 -4px 0 var(--background-base-lowest);
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-semibold);
|
|
height: 23px;
|
|
line-height: 12px;
|
|
padding: 3px 6px 4px;
|
|
text-align: center;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.codebox__6be08 {
|
|
background: none;
|
|
max-height: 380px
|
|
}
|
|
|
|
.category_f06a86 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.category_f06a86:last-child .categoryDivider_f06a86 {
|
|
display: none
|
|
}
|
|
|
|
.categoryHeader_f06a86 {
|
|
gap: var(--space-8);
|
|
margin-bottom: var(--space-16)
|
|
}
|
|
|
|
.categoryContent_f06a86,.categoryHeader_f06a86 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.categoryContent_f06a86 {
|
|
gap: var(--space-32)
|
|
}
|
|
|
|
.categoryDivider_f06a86 {
|
|
margin-bottom: var(--space-32);
|
|
margin-top: var(--space-32)
|
|
}
|
|
|
|
.categorySubGroup__9f327 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-16)
|
|
}
|
|
|
|
.categorySubGroup__9f327:empty {
|
|
display: none
|
|
}
|
|
|
|
.counter__90981 {
|
|
background-color: var(--background-surface-highest);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-md);
|
|
box-shadow: none;
|
|
flex-direction: column;
|
|
padding: 10px 20px 12px
|
|
}
|
|
|
|
.counter__90981,.textRow__90981 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.info__90981 {
|
|
color: var(--text-default);
|
|
margin-inline-start:4px}
|
|
|
|
.counterText__90981,.tooltip__90981 {
|
|
text-align: center
|
|
}
|
|
|
|
.container__96cb9 {
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.guildAvatar__96cb9 {
|
|
align-items: center;
|
|
background-color: var(--primary-600);
|
|
border-radius: var(--radius-md);
|
|
color: var(--white);
|
|
display: flex;
|
|
font-weight: 600;
|
|
height: 40px;
|
|
justify-content: center;
|
|
width: 40px
|
|
}
|
|
|
|
.container__0d706 {
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
display: flex;
|
|
padding-bottom: 12px;
|
|
padding-top: 12px
|
|
}
|
|
|
|
.descriptors__0d706 {
|
|
margin-inline-start:10px}
|
|
|
|
.header__0d706 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.guildBadge__0d706 {
|
|
margin-inline-end:4px}
|
|
|
|
.childWrapper__0d706 {
|
|
align-items: center;
|
|
background-color: var(--background-surface-highest);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-md);
|
|
color: var(--text-default);
|
|
display: flex;
|
|
height: 40px;
|
|
justify-content: center;
|
|
width: 40px
|
|
}
|
|
|
|
.acronym__0d706 {
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 1.2em;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.container_c40875 {
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
display: flex;
|
|
gap: var(--space-12);
|
|
padding-bottom: var(--space-12);
|
|
padding-top: var(--space-12)
|
|
}
|
|
|
|
.purchasePlaceholder_c40875 {
|
|
align-items: center;
|
|
background: var(--background-mod-normal,hsla(240,4%,61%,.16));
|
|
border-radius: 4px;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.avatarDecorationPreview_c40875,.nameplatePreview_c40875,.purchasePlaceholder_c40875 {
|
|
height: 40px;
|
|
width: 40px
|
|
}
|
|
|
|
.nameplatePreview_c40875 {
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
-o-object-position: right;
|
|
object-position: right
|
|
}
|
|
|
|
.avatarPairContainer__30f35 {
|
|
display: flex
|
|
}
|
|
|
|
.avatarPair__30f35,.avatarPairContainer__30f35 {
|
|
align-items: center;
|
|
justify-content: center
|
|
}
|
|
|
|
.avatarPair__30f35 {
|
|
background-color: var(--background-surface-higher);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: 100px;
|
|
box-shadow: none;
|
|
display: inline-flex;
|
|
gap: var(--space-12);
|
|
margin-bottom: var(--space-8);
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
.container__41445 {
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
display: flex;
|
|
padding-bottom: 12px;
|
|
padding-top: 12px
|
|
}
|
|
|
|
.descriptors__41445 {
|
|
margin-inline-start:10px}
|
|
|
|
.username__7b869 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.discriminator__7b869 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.fill__7b869 {
|
|
max-width: 100%
|
|
}
|
|
|
|
.image__379fe {
|
|
width: 243px
|
|
}
|
|
|
|
.empty__379fe {
|
|
text-align: center
|
|
}
|
|
|
|
.container__339c4 {
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.container__333b3 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.container__333b3>div {
|
|
flex: 1
|
|
}
|
|
|
|
.sectionHeader__333b3 {
|
|
margin-bottom: var(--space-16)
|
|
}
|
|
|
|
.avatarList__333b3 {
|
|
display: flex;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.actionSection__333b3 {
|
|
margin-bottom: var(--space-8)
|
|
}
|
|
|
|
.guildRow__333b3,.userRow__333b3 {
|
|
border: 0;
|
|
padding-bottom: 0;
|
|
padding-top: 0
|
|
}
|
|
|
|
.container__38524 {
|
|
max-width: 800px
|
|
}
|
|
|
|
.connectedCounter__38524 {
|
|
display: flex;
|
|
margin-bottom: var(--space-12)
|
|
}
|
|
|
|
.icon__38524 {
|
|
color: var(--text-default);
|
|
margin-inline:var(--space-4)}
|
|
|
|
.tooltip__38524 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.header__38524 {
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--border-muted);
|
|
box-shadow: none;
|
|
display: flex;
|
|
padding: var(--space-12)
|
|
}
|
|
|
|
.headerText__38524 {
|
|
margin-inline-start:var(--space-12);overflow: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.activityCounterRow__38524 {
|
|
display: grid;
|
|
gap: var(--space-8);
|
|
grid-template-columns: repeat(12,1fr)
|
|
}
|
|
|
|
.activityCounterRow__38524>div:first-child {
|
|
grid-column: 1/span 12
|
|
}
|
|
|
|
.activityCounterRow__38524>div:nth-child(n+2) {
|
|
grid-column: span 6
|
|
}
|
|
|
|
@media (min-width: 900px) {
|
|
.activityCounterRow__38524>div:first-child {
|
|
grid-column:1/span 4
|
|
}
|
|
|
|
.activityCounterRow__38524>div:nth-child(2) {
|
|
grid-column: 5/span 4
|
|
}
|
|
|
|
.activityCounterRow__38524>div:nth-child(3) {
|
|
grid-column: 9/span 4
|
|
}
|
|
|
|
.activityCounterRow__38524>div:nth-child(n+4) {
|
|
grid-column: span 3;
|
|
grid-row-start: 2
|
|
}
|
|
}
|
|
|
|
.activityOverview__38524 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-32)
|
|
}
|
|
|
|
.emptyActivity__38524 {
|
|
align-self: center;
|
|
margin-top: var(--space-32)
|
|
}
|
|
|
|
.actionSection__38524 {
|
|
margin-bottom: var(--space-8)
|
|
}
|
|
|
|
.actions__38524 {
|
|
max-height: 105px;
|
|
overflow: hidden;
|
|
transition: max-height .3s ease-in-out
|
|
}
|
|
|
|
.actions__38524:last-of-type :last-child {
|
|
border-bottom: none;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.loadMoreBar__38524 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-muted);
|
|
border-radius: 0 0 8px 8px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin: 0 auto;
|
|
max-width: 30%
|
|
}
|
|
|
|
.loadMore__38524 {
|
|
padding-bottom: var(--space-4);
|
|
padding-top: var(--space-4)
|
|
}
|
|
|
|
.spinner__38524 {
|
|
padding-bottom: var(--space-12);
|
|
padding-top: var(--space-12)
|
|
}
|
|
|
|
.sectionDescription__38524,.sectionHeader__38524 {
|
|
margin-bottom: var(--space-4)
|
|
}
|
|
|
|
.accountRow__38524 {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-inline-end:var(--space-4);overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 100%
|
|
}
|
|
|
|
.select__38524 {
|
|
border-radius: var(--radius-xs);
|
|
min-width: 240px
|
|
}
|
|
|
|
.disabled__38524 {
|
|
cursor: not-allowed;
|
|
opacity: .6;
|
|
pointer-events: none
|
|
}
|
|
|
|
.box_f8c98c {
|
|
background-color: var(--background-surface-high);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-md);
|
|
box-shadow: none
|
|
}
|
|
|
|
.backButton__6fa7b {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.teenSelector__6fa7b {
|
|
display: flex;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.titleContainer__6fa7b {
|
|
flex: 1;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.grow__6fa7b {
|
|
flex: 1
|
|
}
|
|
|
|
.tabs__3f3a2 {
|
|
margin-top: var(--space-12)
|
|
}
|
|
|
|
.container__5dbf8 {
|
|
align-items: center;
|
|
border-radius: 12px;
|
|
box-shadow: var(--elevation-low);
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
padding: 24px;
|
|
text-align: center
|
|
}
|
|
|
|
@media (min-width: 485px) {
|
|
.container__5dbf8 {
|
|
align-items:flex-start;
|
|
flex-direction: row;
|
|
padding: 32px;
|
|
text-align: start
|
|
}
|
|
}
|
|
|
|
.row__5dbf8 {
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.headerText__5dbf8 {
|
|
max-width: 364px
|
|
}
|
|
|
|
.headerText__5dbf8>* {
|
|
margin-bottom: 6px
|
|
}
|
|
|
|
.headerText__5dbf8>:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.headerImage__5dbf8 {
|
|
align-self: center;
|
|
margin-top: 32px;
|
|
padding-inline-start:16px}
|
|
|
|
@media (min-width: 900px) {
|
|
.headerImage__5dbf8 {
|
|
margin-top:0
|
|
}
|
|
}
|
|
|
|
.button__5dbf8 {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 16px
|
|
}
|
|
|
|
@media (min-width: 900px) {
|
|
.button__5dbf8 {
|
|
justify-content:flex-start
|
|
}
|
|
}
|
|
|
|
.row__0624f {
|
|
align-items: center;
|
|
background-color: var(--background-base-lowest);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
padding: var(--space-16) var(--space-12)
|
|
}
|
|
|
|
.inModal__0624f {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.inModal__0624f .icon-container__0624f {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.positive__0624f {
|
|
color: var(--text-feedback-positive)
|
|
}
|
|
|
|
.negative__0624f {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.groupHeader__0624f {
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.groupHeader__0624f:not(:first-child) {
|
|
margin-top: 28px
|
|
}
|
|
|
|
.header__0624f {
|
|
margin-bottom: var(--space-4)
|
|
}
|
|
|
|
.iconContainer__0624f {
|
|
align-items: center;
|
|
background-color: var(--background-mod-subtle);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
height: 40px;
|
|
justify-content: center;
|
|
margin-inline-end:var(--space-8);width: 40px
|
|
}
|
|
|
|
.max-width__5b321 {
|
|
max-width: auto
|
|
}
|
|
|
|
@media (min-width: 900px) {
|
|
.max-width__5b321 {
|
|
max-width:800px
|
|
}
|
|
}
|
|
|
|
.container__5b321 {
|
|
box-sizing: border-box;
|
|
flex-direction: column;
|
|
margin-top: var(--space-12)
|
|
}
|
|
|
|
@media (min-width: 900px) {
|
|
.container__5b321 {
|
|
padding:var(--space-32)
|
|
}
|
|
}
|
|
|
|
.container__8cc9a {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 20px
|
|
}
|
|
|
|
@media (min-width: 900px) {
|
|
.container__8cc9a {
|
|
align-items:flex-start;
|
|
flex-direction: column
|
|
}
|
|
}
|
|
|
|
.box__8cc9a {
|
|
box-shadow: var(--elevation-low);
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 20px
|
|
}
|
|
|
|
.circle__8cc9a {
|
|
align-items: center;
|
|
background-color: var(--background-mod-subtle);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-round);
|
|
display: flex;
|
|
height: 36px;
|
|
justify-content: center;
|
|
margin-bottom: 10px;
|
|
margin-inline-end:12px;width: 36px
|
|
}
|
|
|
|
.icon__8cc9a {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.header__8cc9a {
|
|
margin-bottom: 6px
|
|
}
|
|
|
|
.container__9c880 {
|
|
max-width: 800px
|
|
}
|
|
|
|
.parentalControlsTeenRow__9c880 {
|
|
margin-top: var(--space-24)
|
|
}
|
|
|
|
.divider__9c880 {
|
|
margin: 0
|
|
}
|
|
|
|
.container__8e680 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-32);
|
|
overflow: hidden
|
|
}
|
|
|
|
.max-width__8e680 {
|
|
max-width: 800px
|
|
}
|
|
|
|
.banner__8e680,.featureCards__8e680 {
|
|
}
|
|
|
|
.featureCards__8e680 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
margin-top: 12px
|
|
}
|
|
|
|
@media (min-width: 900px) {
|
|
.featureCards__8e680 {
|
|
flex-direction:row
|
|
}
|
|
}
|
|
|
|
.actionButton_d9752c {
|
|
align-items: center;
|
|
background-color: var(--background-surface-highest);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 50%;
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 36px;
|
|
justify-content: center;
|
|
margin-inline-start:10px;width: 36px
|
|
}
|
|
|
|
.actionButton_d9752c:first-child {
|
|
margin-inline-start:0}
|
|
|
|
.actionButton_d9752c:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.actionButton_d9752c:active {
|
|
background-color: var(--interactive-background-active);
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.actionButton_d9752c.disabled_d9752c {
|
|
opacity: .3;
|
|
pointer-events: none
|
|
}
|
|
|
|
.actionButton_d9752c.actionAccept_d9752c:hover {
|
|
color: var(--icon-feedback-positive)
|
|
}
|
|
|
|
.actionButton_d9752c.actionDeny_d9752c:hover {
|
|
color: var(--icon-feedback-critical)
|
|
}
|
|
|
|
.icon_d9752c {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.enable-forced-colors .actionButton_d9752c {
|
|
background-color: ButtonFace;
|
|
border: 1px solid ButtonFace;
|
|
color: ButtonText;
|
|
forced-color-adjust: none
|
|
}
|
|
|
|
.enable-forced-colors .actionButton_d9752c:hover {
|
|
border-color: ButtonText;
|
|
color: ButtonText
|
|
}
|
|
|
|
.enable-forced-colors .actionButton_d9752c:active {
|
|
background-color: HighlightText;
|
|
border-color: Highlight;
|
|
color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .actionButton_d9752c.disabled_d9752c {
|
|
background-color: Canvas;
|
|
border-color: GrayText;
|
|
color: GrayText;
|
|
opacity: 1
|
|
}
|
|
|
|
.avatar__1327d {
|
|
flex-shrink: 0;
|
|
margin-block:0;margin-inline:0 12px}
|
|
|
|
.userPreview__1327d {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-inline-end:16px;overflow: hidden
|
|
}
|
|
|
|
.container__1327d {
|
|
align-items: center;
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
|
|
.userContainerWithTimestamp__1327d {
|
|
align-items: flex-end;
|
|
display: flex;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.tagContainer__1327d {
|
|
align-items: flex-end;
|
|
display: flex;
|
|
margin-top: 2px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.username__1327d {
|
|
color: var(--text-strong);
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
font-weight: var(--font-weight-semibold);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.discriminator__1327d {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.timestampWithPreview__1327d {
|
|
flex-grow: 1;
|
|
flex-shrink: 0;
|
|
margin-inline-start:8px}
|
|
|
|
.container_e65d0c {
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
.container_e65d0c,.details_e65d0c {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.details_e65d0c {
|
|
overflow: hidden
|
|
}
|
|
|
|
.actions_e65d0c {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.rowItem_a0365b {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: row;
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 20px;
|
|
overflow: hidden;
|
|
padding: 10px
|
|
}
|
|
|
|
.rowItem_a0365b.last_a0365b {
|
|
border-bottom: none
|
|
}
|
|
|
|
.rowItem_a0365b.active_a0365b,.rowItem_a0365b:hover {
|
|
background: var(--interactive-background-hover);
|
|
border-color: transparent;
|
|
border-radius: var(--radius-md)
|
|
}
|
|
|
|
.container_d9914b {
|
|
max-width: 800px
|
|
}
|
|
|
|
.section_d9914b {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.box_d9914b {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
padding: var(--space-24)
|
|
}
|
|
|
|
@media (min-width: 900px) {
|
|
.box_d9914b {
|
|
padding:32px
|
|
}
|
|
}
|
|
|
|
.linkingBanner_d9914b {
|
|
align-items: flex-start;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
margin-bottom: 24px;
|
|
padding: 32px
|
|
}
|
|
|
|
.linkingBannerParent_d9914b {
|
|
align-items: flex-start;
|
|
flex-direction: column
|
|
}
|
|
|
|
.linkingBannerUpper_d9914b {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.step_d9914b {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.steps_d9914b {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.steps_d9914b :last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.stepNumber_d9914b {
|
|
align-items: center;
|
|
background-color: var(--background-mod-subtle);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-round);
|
|
display: flex;
|
|
height: 32px;
|
|
justify-content: center;
|
|
margin-inline-end:var(--space-8);width: 32px
|
|
}
|
|
|
|
.bannerArt_d9914b {
|
|
height: 110px;
|
|
width: 224px
|
|
}
|
|
|
|
.maxConnectionInfo_d9914b {
|
|
border-top: 1px solid var(--border-subtle);
|
|
display: flex;
|
|
justify-content: center;
|
|
padding-top: 10px
|
|
}
|
|
|
|
.supportHeader_d9914b {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.flexVertical__2d3fe {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.flexVertical__2d3fe>.flexSpacer__2d3fe {
|
|
min-height: 1px
|
|
}
|
|
|
|
.flexHorizontal__2d3fe {
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.flexHorizontal__2d3fe>.flexSpacer__2d3fe {
|
|
min-width: 1px
|
|
}
|
|
|
|
.flexHorizontalReverse__2d3fe {
|
|
display: flex;
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
.flexHorizontalReverse__2d3fe>.flexSpacer__2d3fe {
|
|
min-width: 1px
|
|
}
|
|
|
|
.flexSpacer__2d3fe {
|
|
flex: 1;
|
|
overflow: hidden
|
|
}
|
|
|
|
.flexCenter__2d3fe {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.flexAlignStart__2d3fe {
|
|
align-items: flex-start
|
|
}
|
|
|
|
.flexAlignEnd__2d3fe {
|
|
align-items: flex-end
|
|
}
|
|
|
|
.flexAlignCenter__2d3fe {
|
|
align-items: center
|
|
}
|
|
|
|
.flexAlignStretch__2d3fe {
|
|
align-items: stretch
|
|
}
|
|
|
|
.flexJustifyStart__2d3fe {
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.flexJustifyEnd__2d3fe {
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.flexJustifyCenter__2d3fe {
|
|
justify-content: center
|
|
}
|
|
|
|
.flexJustifyAround__2d3fe {
|
|
justify-content: space-around
|
|
}
|
|
|
|
.flexJustifyBetween__2d3fe {
|
|
justify-content: space-between
|
|
}
|
|
|
|
.flexNowrap__2d3fe {
|
|
flex-wrap: nowrap
|
|
}
|
|
|
|
.flexWrap__2d3fe {
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.flexWrapReverse__2d3fe {
|
|
flex-wrap: wrap-reverse
|
|
}
|
|
|
|
.flex__48a9c {
|
|
box-sizing: border-box;
|
|
display: flex
|
|
}
|
|
|
|
.flex__48a9c .flexChild__48a9c {
|
|
box-sizing: border-box;
|
|
flex-grow: 1
|
|
}
|
|
|
|
.flex__48a9c.flexGutterSmall__48a9c {
|
|
margin-left: -10px;
|
|
margin-right: -10px
|
|
}
|
|
|
|
.flex__48a9c.flexGutterSmall__48a9c .flexChild__48a9c {
|
|
padding: 0 10px
|
|
}
|
|
|
|
.flex__48a9c.flexGutterLarge__48a9c {
|
|
margin-left: -30px;
|
|
margin-right: -30px
|
|
}
|
|
|
|
.flex__48a9c.flexGutterLarge__48a9c .flexChild__48a9c {
|
|
padding: 0 30px
|
|
}
|
|
|
|
.container__74f90 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-top: 20px
|
|
}
|
|
|
|
.enableCard__74f90 {
|
|
background-color: var(--background-base-lower);
|
|
border: 1px solid var(--border-muted);
|
|
color: var(--text-strong);
|
|
padding: 12px 16px
|
|
}
|
|
|
|
.toggleSection__74f90 {
|
|
margin-bottom: 30px
|
|
}
|
|
|
|
.arrow__74f90 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.sideNavContent_dc2e0e {
|
|
max-width: 800px;
|
|
min-width: 375px;
|
|
padding: 24px
|
|
}
|
|
|
|
@media (min-width: 900px) {
|
|
.sideNavContent_dc2e0e {
|
|
padding:40px
|
|
}
|
|
}
|
|
|
|
.container_dc2e0e {
|
|
align-items: stretch;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
justify-content: stretch;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.theme-dark.custom-theme-background .containerSidenav_dc2e0e,.theme-light.custom-theme-background .containerSidenav_dc2e0e {
|
|
background: inherit
|
|
}
|
|
|
|
.sidebarTabBar_dc2e0e {
|
|
box-shadow: none
|
|
}
|
|
|
|
.settingsTabBar_dc2e0e {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.settingsTabBarItem_dc2e0e {
|
|
align-items: center;
|
|
display: flex;
|
|
padding-bottom: 14px
|
|
}
|
|
|
|
.settingsTabBarItem_dc2e0e:first-child {
|
|
margin-inline-start:0}
|
|
|
|
.contentPanel_dc2e0e {
|
|
align-items: stretch;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
justify-content: stretch;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
position: relative
|
|
}
|
|
|
|
.userSettingsContentPanel_dc2e0e {
|
|
overflow-x: unset;
|
|
overflow-y: unset
|
|
}
|
|
|
|
.item_dc2e0e {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.badge_dc2e0e {
|
|
margin-inline-start:6px}
|
|
|
|
.containerSidenav_dc2e0e {
|
|
background: var(--background-gradient-chat,var(--background-base-lower));
|
|
border-top: 1px solid var(--app-frame-border)
|
|
}
|
|
|
|
.loadingContainer_dc2e0e {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
min-height: calc(100vh - 100px)
|
|
}
|
|
|
|
.notDetected_cc46f0,.nowPlaying_cc46f0 {
|
|
animation: none;
|
|
border-radius: 3px;
|
|
margin-top: 0;
|
|
padding: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.notDetected_cc46f0 .overlayStatusText_cc46f0,.notDetected_cc46f0 .overlayWarningIcon_cc46f0,.nowPlaying_cc46f0 .overlayStatusText_cc46f0,.nowPlaying_cc46f0 .overlayWarningIcon_cc46f0 {
|
|
opacity: 1
|
|
}
|
|
|
|
.nowPlayingAdd_cc46f0 {
|
|
align-self: flex-start;
|
|
font-size: 14px;
|
|
margin-inline-start:0}
|
|
|
|
.game_cc46f0 {
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: 12px;
|
|
margin-bottom: 12px;
|
|
padding: 16px;
|
|
position: relative
|
|
}
|
|
|
|
.game_cc46f0 .removeGame_cc46f0 {
|
|
cursor: pointer;
|
|
inset-inline-end: -15px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: -12px
|
|
}
|
|
|
|
.game_cc46f0:focus-within .overlayStatusText_cc46f0,.game_cc46f0:focus-within .overlayWarningIcon_cc46f0,.game_cc46f0:focus-within .removeGame_cc46f0,.game_cc46f0:hover .overlayStatusText_cc46f0,.game_cc46f0:hover .overlayWarningIcon_cc46f0,.game_cc46f0:hover .removeGame_cc46f0 {
|
|
opacity: 1
|
|
}
|
|
|
|
.toggleContainer_cc46f0 {
|
|
margin-inline-start:12px}
|
|
|
|
.activeGame_cc46f0 {
|
|
border-radius: 12px;
|
|
position: relative
|
|
}
|
|
|
|
.activeGame_cc46f0 .removeGame_cc46f0 {
|
|
inset-inline-end: -12px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: -12px
|
|
}
|
|
|
|
.activeGame_cc46f0:focus-within .removeGame_cc46f0,.activeGame_cc46f0:hover .removeGame_cc46f0 {
|
|
opacity: 1
|
|
}
|
|
|
|
.gameName_cc46f0,.gameNameInput_cc46f0,.gameVerifiedIcon_cc46f0,.lastPlayed_cc46f0,.overlayStatusText_cc46f0,.toggleIcon_cc46f0 {
|
|
z-index: 1
|
|
}
|
|
|
|
.gameNameLastPlayed_cc46f0 {
|
|
flex: 1
|
|
}
|
|
|
|
.gameVerifiedIcon_cc46f0 {
|
|
margin-inline-start:8px}
|
|
|
|
.gameName_cc46f0 {
|
|
color: var(--text-strong);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 22px
|
|
}
|
|
|
|
.gameNameInput_cc46f0 {
|
|
background-color: transparent;
|
|
border: 1px solid transparent;
|
|
border-radius: 3px;
|
|
margin-inline-start:-5px;padding: 0 4px;
|
|
width: 240px
|
|
}
|
|
|
|
.gameNameInput_cc46f0:focus,.gameNameInput_cc46f0:hover {
|
|
background-color: var(--background-mod-normal);
|
|
border-color: hsl(var(--primary-500-hsl)/.3)
|
|
}
|
|
|
|
.lastPlayed_cc46f0 {
|
|
color: var(--primary-400);
|
|
font-size: 14px
|
|
}
|
|
|
|
.overlayStatusText_cc46f0 {
|
|
color: var(--text-muted);
|
|
font-size: 14px;
|
|
margin-inline-end:4px;opacity: 0;
|
|
text-transform: uppercase;
|
|
width: 100px
|
|
}
|
|
|
|
.toggleIcon_cc46f0 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.toggleIconOff_cc46f0 .fill_cc46f0 {
|
|
fill: var(--icon-feedback-critical)
|
|
}
|
|
|
|
.toggleIconInactive_cc46f0 {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.toggleIconInactive_cc46f0 .fill_cc46f0 {
|
|
fill: var(--icon-feedback-critical);
|
|
opacity: .5
|
|
}
|
|
|
|
.overlayWarningIcon_cc46f0 {
|
|
background: url(/assets/07e52d3b4c358536.svg) no-repeat;
|
|
height: 16px;
|
|
margin-inline-end:20px;opacity: 0;
|
|
width: 16px
|
|
}
|
|
|
|
.addGamePopout_cc46f0 {
|
|
background-color: var(--background-surface-higher);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 3px;
|
|
padding: 10px;
|
|
width: 300px
|
|
}
|
|
|
|
.addGamePopout_cc46f0 .actions_cc46f0 {
|
|
align-items: center;
|
|
gap: var(--space-16);
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.subgame_cc46f0 {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 0;
|
|
display: flex;
|
|
margin-bottom: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.subgame_cc46f0:last-child {
|
|
border-radius: 0 0 12px 12px
|
|
}
|
|
|
|
.border_cc46f0 {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
margin: 0 16px
|
|
}
|
|
|
|
.detectedApplication_cc46f0,.nowPlayingAdd_cc46f0 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.nowPlayingAdd_cc46f0 {
|
|
color: var(--text-muted);
|
|
gap: 4px
|
|
}
|
|
|
|
.nowPlaying_cc46f0 {
|
|
background-color: var(--status-positive-background)
|
|
}
|
|
|
|
.nowPlaying_cc46f0 .gameName_cc46f0 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.nowPlaying_cc46f0 .gameNameInput_cc46f0:focus,.nowPlaying_cc46f0 .gameNameInput_cc46f0:hover {
|
|
background-color: hsl(var(--green-560-hsl)/.3);
|
|
border-color: var(--green-560)
|
|
}
|
|
|
|
.nowPlaying_cc46f0 .lastPlayed_cc46f0,.nowPlaying_cc46f0 .overlayStatusText_cc46f0 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.nowPlaying_cc46f0 .toggleIconInactive_cc46f0 .fill_cc46f0,.nowPlaying_cc46f0 .toggleIconOff_cc46f0 .fill_cc46f0,.nowPlaying_cc46f0 .toggleIconOn_cc46f0 .fill_cc46f0 {
|
|
fill: var(--white)
|
|
}
|
|
|
|
.notDetected_cc46f0 {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.notDetected_cc46f0 .gameName_cc46f0 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.notDetected_cc46f0 .lastPlayed_cc46f0 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.toggleIconOn_cc46f0 .fill_cc46f0 {
|
|
fill: var(--interactive-text-default)
|
|
}
|
|
|
|
.game_cc46f0.gameHasSubgame_cc46f0 {
|
|
border-end-end-radius: 0;
|
|
border-end-start-radius: 0;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.subgameContainer_cc46f0 {
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 0 0 12px 12px;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.detectionToggleModal_cc46f0 {
|
|
width: var(--modal-width-small)
|
|
}
|
|
|
|
.addedGamesTitle_cc46f0 {
|
|
margin-bottom: var(--space-xs)
|
|
}
|
|
|
|
.addedGamesDescription_cc46f0 {
|
|
margin-bottom: var(--space-16)
|
|
}
|
|
|
|
.container_c50183 {
|
|
background-position: bottom -80px right -330px;
|
|
background-size: auto 155%;
|
|
border-radius: 8px;
|
|
box-sizing: border-box;
|
|
height: 208px;
|
|
min-width: 660px;
|
|
padding: 24px 32px 32px;
|
|
position: relative
|
|
}
|
|
|
|
.container_c50183.withMargin_c50183 {
|
|
margin: 32px 0
|
|
}
|
|
|
|
.theme-dark .container_c50183 {
|
|
background-color: #0b1320
|
|
}
|
|
|
|
.theme-light .container_c50183 {
|
|
background-color: #bec8ff
|
|
}
|
|
|
|
.textContainer_c50183 {
|
|
height: 100%;
|
|
max-width: 343px
|
|
}
|
|
|
|
.headerContainer_c50183 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 32px;
|
|
margin-inline-start:-4px;max-width: 343px
|
|
}
|
|
|
|
.icon_c50183 {
|
|
margin-inline-end:4px;width: 30px
|
|
}
|
|
|
|
.loading__9ed46 {
|
|
margin-top: 48px
|
|
}
|
|
|
|
.maybeLaterButton__9ed46 {
|
|
color: var(--text-strong);
|
|
margin-inline-end:8px}
|
|
|
|
.maybeLaterButton__9ed46:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.bodyText__9ed46 {
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.formDivider__9ed46 {
|
|
margin: 16px 0
|
|
}
|
|
|
|
.formSection__9ed46 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.confirmationText__9ed46 {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.headerContainer__9ed46 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
margin: calc(var(--custom-outbound-promotion-redemption-modal-art-height)/-1) auto auto;
|
|
padding: 0;
|
|
width: 90%
|
|
}
|
|
|
|
.art__9ed46 {
|
|
background-image: url(/assets/1ab7d1a0b0204a75.svg);
|
|
height: var(--custom-outbound-promotion-redemption-modal-art-height);
|
|
margin-bottom: 16px;
|
|
width: 240px
|
|
}
|
|
|
|
.errorBody__9ed46,.errorHeader__9ed46 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.errorBody__9ed46 {
|
|
align-items: center;
|
|
gap: 8px;
|
|
margin: 0 auto;
|
|
max-width: 90%
|
|
}
|
|
|
|
.errorArt__9ed46 {
|
|
background-image: url(/assets/26eafe176b5b3454.svg);
|
|
height: 99px;
|
|
margin: 0 auto 32px;
|
|
width: 141px
|
|
}
|
|
|
|
.card_fedacc {
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
color: var(--text-strong);
|
|
cursor: default;
|
|
overflow: hidden;
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
.header_fedacc {
|
|
padding: 20px;
|
|
position: relative
|
|
}
|
|
|
|
.headerButtonColor_fedacc {
|
|
background: var(--primary-500);
|
|
color: var(--white)
|
|
}
|
|
|
|
.coverArtPosition_fedacc {
|
|
background-position-x: 50%;
|
|
background-position-y: 40%;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
border-radius: 5px;
|
|
bottom: 0;
|
|
inset-inline-start: 0;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: translateZ(0)
|
|
}
|
|
|
|
.splashArt_fedacc {
|
|
filter: grayscale(100%);
|
|
-webkit-mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,0) 100%);
|
|
mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,0) 100%);
|
|
opacity: .3;
|
|
width: 300px
|
|
}
|
|
|
|
.body_fedacc {
|
|
background-color: var(--background-mod-normal)
|
|
}
|
|
|
|
.header_fedacc {
|
|
background-color: var(--background-base-lowest);
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.header_fedacc:hover {
|
|
background-color: var(--interactive-background-hover)
|
|
}
|
|
|
|
.card__6bc46 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.subText__6bc46 {
|
|
font-size: 12px;
|
|
line-height: 16px
|
|
}
|
|
|
|
.subTextRow__6bc46 {
|
|
color: var(--primary-300)
|
|
}
|
|
|
|
.subtitleHeader__6bc46 {
|
|
align-items: center;
|
|
color: var(--text-muted);
|
|
display: flex;
|
|
flex-direction: row;
|
|
font-weight: var(--font-weight-semibold);
|
|
gap: 4px
|
|
}
|
|
|
|
.applicationSubtitleHeader__6bc46 {
|
|
margin-top: 2px
|
|
}
|
|
|
|
.applicationSubtitleIcon__6bc46 {
|
|
border-radius: 6px;
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.codeText__6bc46 {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.headerText__6bc46 {
|
|
margin-inline-start:20px}
|
|
|
|
.cardHeader__6bc46 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.giftCodeRow__6bc46 {
|
|
border-bottom: 1px solid transparent;
|
|
margin: 0 20px;
|
|
padding: 20px 0 19px
|
|
}
|
|
|
|
.giftCodeRow__6bc46:last-child {
|
|
border-bottom: none
|
|
}
|
|
|
|
.generateCodeRow__6bc46 {
|
|
padding: 22px 0
|
|
}
|
|
|
|
.gameName__6bc46 {
|
|
line-height: 19px
|
|
}
|
|
|
|
.expandIcon__6bc46 {
|
|
cursor: pointer;
|
|
margin-inline-start:8px}
|
|
|
|
.spinner__6bc46 {
|
|
padding: 20px
|
|
}
|
|
|
|
.theme-dark .giftCodeRow__6bc46 {
|
|
border-color: hsl(var(--primary-500-hsl)/.6)
|
|
}
|
|
|
|
.theme-dark .bodyButtonColor__6bc46 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.theme-dark .bodyButtonColor__6bc46:hover {
|
|
background: var(--primary-500)
|
|
}
|
|
|
|
.theme-dark .bodyButtonColor__6bc46:active {
|
|
background: var(--primary-400)
|
|
}
|
|
|
|
.theme-light .bodyButtonColor__6bc46:hover {
|
|
background: var(--primary-200)
|
|
}
|
|
|
|
.theme-light .bodyButtonColor__6bc46:active {
|
|
background: var(--primary-300)
|
|
}
|
|
|
|
.giftIcon__6bc46 {
|
|
height: 40px;
|
|
width: 40px
|
|
}
|
|
|
|
.bodyButtonColor__6bc46 {
|
|
background: var(--background-base-lower)
|
|
}
|
|
|
|
.marginContainer_d4883c {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.gradientContainer_d4883c {
|
|
border: 1px solid transparent
|
|
}
|
|
|
|
.promoHeaderContainer_d4883c {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.promoDescription_d4883c {
|
|
margin-top: var(--space-4)
|
|
}
|
|
|
|
.promoNitroButton_d4883c {
|
|
margin-inline-start:auto}
|
|
|
|
.skuCard_d4883c {
|
|
margin-top: 24px
|
|
}
|
|
|
|
.emptyState_d4883c {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.emptyStateHeader_d4883c {
|
|
color: var(--text-default);
|
|
font-size: 24px;
|
|
line-height: 1.17;
|
|
margin-top: 20px
|
|
}
|
|
|
|
.emptyStateSubtext_d4883c {
|
|
color: var(--text-muted);
|
|
line-height: 1.25;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.emptyStateImage_d4883c {
|
|
height: 202px;
|
|
margin-top: 120px;
|
|
width: 404px
|
|
}
|
|
|
|
.loading_d4883c {
|
|
margin-top: 40px
|
|
}
|
|
|
|
.promotionCardDescriptionWithCode_d4883c {
|
|
cursor: text;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.dropsHeaderContainer_d4883c {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.betaTagIcon_d4883c {
|
|
margin-inline-start:8px}
|
|
|
|
.divider_d4883c {
|
|
margin: 8px 0 24px
|
|
}
|
|
|
|
.promotionCard_d4883c {
|
|
align-items: flex-start;
|
|
background-color: var(--background-base-lowest);
|
|
border-radius: var(--radius-xs);
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 20px
|
|
}
|
|
|
|
.mainPromotionCardContainer_d4883c {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
.promotionCardLeftContainer_d4883c {
|
|
display: flex
|
|
}
|
|
|
|
.redeemTooltipContent_d4883c {
|
|
text-align: center
|
|
}
|
|
|
|
.promotionIcon_d4883c {
|
|
align-items: center;
|
|
align-self: flex-start;
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: var(--radius-xs);
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
height: 40px;
|
|
justify-content: center;
|
|
margin-inline-end:10px;width: 40px
|
|
}
|
|
|
|
.promotionIconImage_d4883c {
|
|
max-height: 36px;
|
|
max-width: 36px
|
|
}
|
|
|
|
.dropRewardImage_d4883c {
|
|
border-radius: var(--radius-xs);
|
|
width: 100%
|
|
}
|
|
|
|
.dropCriteriaText_d4883c {
|
|
margin: 16px 0
|
|
}
|
|
|
|
.dropCriteriaText_d4883c>p {
|
|
margin-bottom: 2px;
|
|
margin-top: 2px
|
|
}
|
|
|
|
.dropLearnMore_d4883c {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.promotionLegalese_d4883c {
|
|
border-top: 1px solid var(--border-subtle);
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
margin-top: 8px;
|
|
margin-inline-start:52px;margin-bottom: 0;
|
|
padding-top: 8px
|
|
}
|
|
|
|
.promotionLegalese_d4883c em {
|
|
font-style: italic
|
|
}
|
|
|
|
.dropContainer_d4883c {
|
|
border-radius: var(--radius-xs);
|
|
margin-bottom: 20px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.availableUntil_d4883c {
|
|
padding-top: 4px
|
|
}
|
|
|
|
.dropCard_d4883c {
|
|
align-items: flex-start;
|
|
background-color: var(--background-base-lowest);
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 20px
|
|
}
|
|
|
|
.dropCriteria_d4883c {
|
|
align-items: center;
|
|
background-color: var(--background-mod-normal);
|
|
padding: 16px 16px 8px
|
|
}
|
|
|
|
.feedback_d4883c {
|
|
background: var(--background-base-lowest);
|
|
padding: 8px
|
|
}
|
|
|
|
.dropsHelpText_d4883c,.feedback_d4883c {
|
|
border-radius: var(--radius-xs);
|
|
color: var(--interactive-text-active);
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
margin-bottom: 20px;
|
|
margin-top: -12px
|
|
}
|
|
|
|
.dropsHelpText_d4883c {
|
|
background: var(--background-base-lower);
|
|
line-height: 18px;
|
|
padding: 3px;
|
|
padding-inline:18px}
|
|
|
|
.theme-dark .emptyStateImage_d4883c {
|
|
background: url(/assets/b584f76d3ff86700.svg)
|
|
}
|
|
|
|
.theme-light .emptyStateImage_d4883c {
|
|
background: url(/assets/28fe27f3657e23ee.svg)
|
|
}
|
|
|
|
.premiumIcon_d4883c {
|
|
height: 24px;
|
|
margin-inline-end:6px;position: relative;
|
|
top: 2px;
|
|
width: 24px
|
|
}
|
|
|
|
.tier2Gradient_d4883c {
|
|
color: var(--premium-tier-2-pink)
|
|
}
|
|
|
|
.container_f89b2c {
|
|
background-color: var(--input-background-default);
|
|
border: 1px solid;
|
|
border-color: var(--input-border-default);
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
height: 40px;
|
|
min-height: 44px;
|
|
position: relative
|
|
}
|
|
|
|
.layout_f89b2c {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.base_f89b2c {
|
|
background-color: transparent;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
overflow: hidden;
|
|
padding-block:10px;padding-inline:10px 0;text-overflow: ellipsis;
|
|
transition: color .15s ease;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.hiddenMessage_f89b2c {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0;
|
|
z-index: 0
|
|
}
|
|
|
|
.input_f89b2c {
|
|
border: none;
|
|
box-sizing: border-box;
|
|
color: var(--text-strong);
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.input_f89b2c::-moz-placeholder {
|
|
color: var(--input-placeholder-text-default)
|
|
}
|
|
|
|
.input_f89b2c::placeholder {
|
|
color: var(--input-placeholder-text-default)
|
|
}
|
|
|
|
.button_f89b2c {
|
|
border-radius: var(--radius-xs);
|
|
margin-block:4px;margin-inline:0 4px;padding: 2px 20px;
|
|
transition: background-color .2s ease-in-out,color .2s ease-in-out
|
|
}
|
|
|
|
.disabled_f89b2c {
|
|
cursor: not-allowed;
|
|
opacity: .3
|
|
}
|
|
|
|
.disabled_f89b2c .button_f89b2c {
|
|
opacity: 1
|
|
}
|
|
|
|
.recorderContainer__2636e {
|
|
cursor: pointer;
|
|
transition: border .15s ease
|
|
}
|
|
|
|
.recorderContainer__2636e:not(.containerDisabled__2636e):focus-within,.recorderContainer__2636e:not(.containerDisabled__2636e):hover {
|
|
border-color: hsl(var(--red-400-hsl)/.3)
|
|
}
|
|
|
|
.containerDisabled__2636e {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.recorderLayout__2636e {
|
|
}
|
|
|
|
.addKeybindButton__2636e {
|
|
overflow: hidden;
|
|
position: relative;
|
|
transition: background-color .2s ease-in-out,color .2s ease-in-out,width .2s ease-in-out;
|
|
white-space: nowrap;
|
|
width: auto
|
|
}
|
|
|
|
.recorderContainer__2636e.recording__2636e {
|
|
animation: shadowPulse__2636e 1s ease-in infinite;
|
|
border-color: hsl(var(--red-400-hsl)/.6);
|
|
box-shadow: 0 0 6px hsl(var(--red-400-hsl)/.3);
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.recorderContainer__2636e.recording__2636e .addKeybindButton__2636e {
|
|
background-color: hsl(var(--red-400-hsl)/.1);
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.recorderContainer__2636e.recording__2636e .keybindInput__2636e {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.recorderContainer__2636e.recording__2636e .keybindInput__2636e::-moz-placeholder {
|
|
color: transparent
|
|
}
|
|
|
|
.recorderContainer__2636e.recording__2636e .keybindInput__2636e::placeholder {
|
|
color: transparent
|
|
}
|
|
|
|
.keybindInput__2636e {
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-semibold);
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none
|
|
}
|
|
|
|
@keyframes shadowPulse__2636e {
|
|
0% {
|
|
box-shadow: 0 0 6px hsl(var(--red-400-hsl)/.3)
|
|
}
|
|
|
|
50% {
|
|
box-shadow: 0 0 10px hsl(var(--red-400-hsl)/.6)
|
|
}
|
|
|
|
to {
|
|
box-shadow: 0 0 6px hsl(var(--red-400-hsl)/.3)
|
|
}
|
|
}
|
|
|
|
.buttonContainer__2636e {
|
|
max-width: 128px;
|
|
padding: 4px
|
|
}
|
|
|
|
.container__7700a {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 12px;
|
|
padding: 16px
|
|
}
|
|
|
|
.textContainer__7700a {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
gap: 2px
|
|
}
|
|
|
|
.iconContainer__7700a {
|
|
align-items: center;
|
|
background-color: var(--background-feedback-warning);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
height: 40px;
|
|
justify-content: center;
|
|
width: 40px
|
|
}
|
|
|
|
.gameIconContainer__7700a {
|
|
position: relative
|
|
}
|
|
|
|
.warningCorner__7700a {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-round);
|
|
display: flex;
|
|
inset-inline-end: 0;
|
|
justify-content: center;
|
|
padding: 2px;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.channelIdSection__25eff {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.guildName__25eff {
|
|
flex-shrink: 1;
|
|
font-size: 12px;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: pre
|
|
}
|
|
|
|
.selectedVoiceChannel__25eff {
|
|
align-items: stretch;
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-xs);
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
justify-content: center;
|
|
margin-inline-end:8px;min-height: 0;
|
|
min-width: 0;
|
|
pointer-events: none
|
|
}
|
|
|
|
.noVoiceChannelSelected__25eff {
|
|
padding: 0 16px
|
|
}
|
|
|
|
.voiceListSearchEmpty__25eff {
|
|
padding: 16px;
|
|
text-align: center
|
|
}
|
|
|
|
.keybindMessage__740f2 {
|
|
position: relative
|
|
}
|
|
|
|
.keybindMessage__740f2 a {
|
|
color: inherit;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.item__740f2 {
|
|
flex: 1;
|
|
margin-inline-end:16px;position: relative
|
|
}
|
|
|
|
.item__740f2 a {
|
|
color: inherit;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.switch__740f2 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0;
|
|
margin-top: 28px;
|
|
margin-inline-start:32px}
|
|
|
|
.removeKeybindFloating__740f2 {
|
|
inset-inline-end: -31px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: -12px
|
|
}
|
|
|
|
.removeKeybind__740f2 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex: 0;
|
|
margin-top: 28px
|
|
}
|
|
|
|
.ghostPill__740f2 {
|
|
align-items: center;
|
|
background-color: var(--yellow-160);
|
|
border: 1px solid var(--yellow-300);
|
|
color: var(--primary-860);
|
|
display: inline-grid;
|
|
grid-template-columns: auto 1fr;
|
|
padding: 10px;
|
|
grid-gap: 10px;
|
|
border-radius: var(--radius-xs);
|
|
font-size: 14px
|
|
}
|
|
|
|
.keybindGroup__740f2 {
|
|
margin-top: -1px;
|
|
padding-bottom: 20px;
|
|
padding-top: 20px;
|
|
position: relative
|
|
}
|
|
|
|
.keybindGroup__740f2:hover .removeKeybindFloating__740f2 {
|
|
opacity: 1
|
|
}
|
|
|
|
.keybindGroupContent__740f2 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.keyboard-mode .keybindGroup__740f2:focus-within .removeKeybindFloating__740f2 {
|
|
opacity: 1
|
|
}
|
|
|
|
.defaultKeybindGroup__740f2 {
|
|
background-color: var(--background-surface-higher);
|
|
border: 1px solid var(--border-muted);
|
|
border-radius: var(--radius-md);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-16);
|
|
padding: var(--space-16) 0
|
|
}
|
|
|
|
.defaultKeybind__740f2 {
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
display: grid;
|
|
font-weight: var(--font-weight-medium);
|
|
grid-template-columns: 1fr auto;
|
|
padding: 0 var(--space-16)
|
|
}
|
|
|
|
.defaultKeybindShortcutGroup__740f2 {
|
|
display: grid;
|
|
grid-gap: 4px
|
|
}
|
|
|
|
.shortcut__740f2 {
|
|
justify-content: end
|
|
}
|
|
|
|
.defaultKeybindGroupHeader__740f2 {
|
|
margin-bottom: 24px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.defaultKeybindGroupWithDescription__740f2 {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.defaultKeybindGroupDescription__740f2 {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.browserNotice__740f2 a {
|
|
color: inherit;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.systemServiceUpsell__740f2 {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.ctaContainer__740f2 {
|
|
gap: 12px;
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.ctaContainer__740f2,.warning__740f2 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.warning__740f2 {
|
|
flex-grow: 1;
|
|
gap: 8px
|
|
}
|
|
|
|
.addButton__740f2 {
|
|
flex-shrink: 0;
|
|
margin-inline-start:12px}
|
|
|
|
.emptyWidgetContainer_cc1cc5 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: calc(100% - 32px);
|
|
justify-content: center;
|
|
padding: 16px;
|
|
width: calc(100% - 32px)
|
|
}
|
|
|
|
.emptyWidgetContainer_cc1cc5.absolute_cc1cc5 {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.emptyWidgetIcon_cc1cc5 {
|
|
opacity: .24
|
|
}
|
|
|
|
.effect_adebba {
|
|
position: absolute
|
|
}
|
|
|
|
.username_adebba {
|
|
align-items: center;
|
|
background-color: rgba(19,19,24,.8);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-lg);
|
|
box-shadow: var(--shadow-border) var(--shadow-high);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-shrink: 1;
|
|
gap: 8px;
|
|
height: 24px;
|
|
justify-content: center;
|
|
margin-inline-start:var(--space-4);max-width: 100%;
|
|
opacity: .8;
|
|
overflow: hidden;
|
|
padding: var(--space-4) var(--space-8);
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.username_adebba.streaming_adebba {
|
|
padding-inline-end:var(--space-4)}
|
|
|
|
.voiceUserContainer_adebba {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8)
|
|
}
|
|
|
|
.voiceUser_adebba {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: row;
|
|
opacity: .4;
|
|
position: relative;
|
|
transition: opacity .1s ease-in-out
|
|
}
|
|
|
|
.voiceUser_adebba.flipped_adebba {
|
|
flex-direction: row;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.voiceUser_adebba.flipped_adebba .avatar_adebba {
|
|
margin-inline:0}
|
|
|
|
.voiceUser_adebba.flipped_adebba .username_adebba {
|
|
margin-inline:0 var(--space-4);padding-inline-start: var(--space-4)
|
|
}
|
|
|
|
.voiceUser_adebba.flipped_adebba .voiceIcons_adebba {
|
|
margin-inline-end:var(--space-4)!important}
|
|
|
|
.clanTag_adebba {
|
|
margin-inline-start: var(--space-4)
|
|
}
|
|
|
|
.voiceIcons_adebba {
|
|
margin-inline:0!important}
|
|
|
|
.voiceIcon_adebba {
|
|
color: var(--white)!important;
|
|
display: block;
|
|
flex-shrink: 0;
|
|
margin-inline-start:0!important;opacity: .5
|
|
}
|
|
|
|
.interactive_adebba {
|
|
opacity: 1!important
|
|
}
|
|
|
|
.speaking_adebba {
|
|
opacity: .9
|
|
}
|
|
|
|
.speaking_adebba .avatarSpeakingOutline_adebba {
|
|
outline: 1px solid var(--green-300);
|
|
outline-offset: 2px
|
|
}
|
|
|
|
.justConnected_adebba {
|
|
opacity: .6
|
|
}
|
|
|
|
.connectedAnimationContainer_adebba {
|
|
background-color: #131318;
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-lg);
|
|
bottom: 4px;
|
|
inset-inline-start: 36px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 4px;
|
|
z-index: 100
|
|
}
|
|
|
|
.connectedAnimationContainer_adebba.right_adebba {
|
|
inset-inline-end: 36px;
|
|
inset-inline-start: unset
|
|
}
|
|
|
|
.emptySpace_adebba {
|
|
height: 0;
|
|
width: 0
|
|
}
|
|
|
|
.connectedAnimationInnerContainer_adebba {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-4);
|
|
height: 100%;
|
|
justify-content: flex-start;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.connectedAnimationInnerContainer_adebba.exiting_adebba {
|
|
max-width: 100%
|
|
}
|
|
|
|
.connectedAnimationInnerContainer_adebba.left_adebba {
|
|
padding-inline-start:8px;text-align: start
|
|
}
|
|
|
|
.connectedAnimationInnerContainer_adebba.right_adebba {
|
|
padding-inline-end:4px;text-align: end
|
|
}
|
|
|
|
.animation_adebba {
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.hiddenVoiceStates_adebba {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-4);
|
|
opacity: 1
|
|
}
|
|
|
|
.hiddenVoiceStates_adebba.locked_adebba {
|
|
opacity: .4
|
|
}
|
|
|
|
.hiddenVoiceStates_adebba.flipped_adebba {
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
.hiddenVoiceStatesAvatar_adebba {
|
|
justify-content: center
|
|
}
|
|
|
|
.hiddenVoiceStatesAvatar_adebba,.hiddenVoiceStatesText_adebba {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.hiddenVoiceStatesText_adebba {
|
|
background-color: rgba(19,19,24,.8);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-lg);
|
|
box-shadow: var(--shadow-border) var(--shadow-high);
|
|
cursor: pointer;
|
|
flex-shrink: 1;
|
|
opacity: .8;
|
|
padding: var(--space-4) var(--space-8)
|
|
}
|
|
|
|
.key__98feb {
|
|
background: var(--background-base-low);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-xs);
|
|
color: var(--text-muted);
|
|
font-family: var(--font-code);
|
|
font-size: 10px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
height: 16px;
|
|
line-height: 14px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.key__98feb+.key__98feb {
|
|
margin-inline-start:0}
|
|
|
|
.keySpan__98feb {
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
margin-inline:var(--space-4);padding: 0 var(--space-4)
|
|
}
|
|
|
|
.keyDiv__98feb {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: 10px;
|
|
height: 10px;
|
|
justify-content: center;
|
|
line-height: 12px;
|
|
padding: 2px 4px
|
|
}
|
|
|
|
.bgShade__6d791 {
|
|
background-color: rgba(19,19,24,.9);
|
|
border: 1px solid hsla(0,0%,100%,.08);
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.keybind__6d791 {
|
|
background-color: var(--background-mod-strong);
|
|
border-color: var(--border-strong);
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.titleWrapper__6d791 {
|
|
align-items: center;
|
|
border-radius: 12px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
max-width: 100%;
|
|
padding: 2px 8px
|
|
}
|
|
|
|
.titleWrapperWithHint__6d791 {
|
|
border-radius: 8px
|
|
}
|
|
|
|
.titleWrapperClickable__6d791 {
|
|
cursor: pointer;
|
|
height: auto
|
|
}
|
|
|
|
.extrasEmptySpace__6d791 {
|
|
flex: 1;
|
|
height: 24px
|
|
}
|
|
|
|
.button__6d791 {
|
|
align-items: center;
|
|
border-radius: 50%;
|
|
color: var(--text-strong);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: center;
|
|
width: 24px
|
|
}
|
|
|
|
.button__6d791.active__6d791 {
|
|
border-color: var(--background-brand)
|
|
}
|
|
|
|
.localizedName_e42467 {
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-normal);
|
|
line-height: 20px
|
|
}
|
|
|
|
.flag_e42467 {
|
|
flex: 0 0 auto;
|
|
margin: 0 8px
|
|
}
|
|
|
|
.flagImage_e42467 {
|
|
display: block;
|
|
filter: saturate(var(--saturation-factor,1));
|
|
height: 18px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
width: 27px
|
|
}
|
|
|
|
.enableOverlayItemAction__9d98d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.collapseable__9d98d {
|
|
background-color: var(--background-base-lower);
|
|
border: 1px solid var(--background-mod-muted);
|
|
border-radius: var(--radius-sm);
|
|
overflow: hidden
|
|
}
|
|
|
|
.notificationSettingsContainer__9d98d {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
padding: 12px 0
|
|
}
|
|
|
|
.notificationSettingsContainer__9d98d .notificationItem__9d98d {
|
|
align-items: center;
|
|
border-bottom: 1px solid var(--background-mod-muted);
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 12px;
|
|
justify-content: space-between;
|
|
padding: 8px 0
|
|
}
|
|
|
|
.notificationSettingsContainer__9d98d .notificationItem__9d98d .notificationDescriptionContainer__9d98d {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px
|
|
}
|
|
|
|
.groupContainer__9d98d,.mainCollapseableContainer__9d98d {
|
|
background-color: var(--background-base-lower)
|
|
}
|
|
|
|
.groupContainer__9d98d {
|
|
border-radius: var(--radius-sm);
|
|
flex: 1;
|
|
overflow: hidden;
|
|
transition: background-color .1s ease-in-out
|
|
}
|
|
|
|
.groupWarning__9d98d {
|
|
cursor: default
|
|
}
|
|
|
|
.standaloneContainer__9d98d {
|
|
background-color: var(--background-base-lower);
|
|
border: 1px solid var(--background-mod-muted);
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.groupCollapsedContainer__9d98d {
|
|
align-items: stretch;
|
|
background-color: var(--background-base-lower);
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
padding: 0;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.groupCollapsed__9d98d,.groupCollapsedAction__9d98d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.groupCollapsedAction__9d98d {
|
|
gap: 8px
|
|
}
|
|
|
|
.emptySpacer__9d98d {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.playingDot__9d98d {
|
|
background-color: var(--text-feedback-positive);
|
|
border-radius: 50%;
|
|
height: 8px;
|
|
margin: 2px;
|
|
width: 8px
|
|
}
|
|
|
|
.groupHeader__9d98d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
justify-content: flex-start;
|
|
padding: 8px 16px
|
|
}
|
|
|
|
.expandedContainer__9d98d,.groupHeader__9d98d {
|
|
background-color: var(--background-base-lowest)
|
|
}
|
|
|
|
.groupContent__9d98d {
|
|
gap: 12px;
|
|
justify-content: space-between;
|
|
padding: 16px 16px 12px
|
|
}
|
|
|
|
.groupContent__9d98d,.groupTitle__9d98d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row
|
|
}
|
|
|
|
.groupTitle__9d98d {
|
|
gap: 4px;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.groupIcon__9d98d {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.groupMainContent__9d98d {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: 2px
|
|
}
|
|
|
|
.subtitleContainer__9d98d {
|
|
padding: 12px 16px 4px
|
|
}
|
|
|
|
.scroller__9d98d {
|
|
max-height: 30vh
|
|
}
|
|
|
|
.groupAction__9d98d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.gameIcon__9d98d {
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
|
|
.overlayEnabledSettingsContainer__9d98d {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
padding: 12px 0
|
|
}
|
|
|
|
.limitedInteractionOverrideContainer__9d98d {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: 0
|
|
}
|
|
|
|
.settingsDivider__9d98d {
|
|
background-color: var(--background-mod-muted);
|
|
height: 1px;
|
|
margin: 16px 0;
|
|
width: 100%
|
|
}
|
|
|
|
.rowContainer__9d98d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: row;
|
|
gap: 12px;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.keybindRecorderContainer__9d98d {
|
|
flex-basis: 50%;
|
|
max-width: 280px
|
|
}
|
|
|
|
.keybindHeaderContainer__9d98d {
|
|
flex-basis: auto
|
|
}
|
|
|
|
.keybindMainContainer__9d98d {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.keybindAdminWarning__9d98d {
|
|
padding-bottom: 8px;
|
|
padding-top: 4px
|
|
}
|
|
|
|
.keybindContainer__9d98d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: row;
|
|
gap: 8px;
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
.voiceSettingsContainer__9d98d {
|
|
display: grid;
|
|
gap: 24px;
|
|
grid-template-columns: calc(35% - 24px) calc(35% - 24px) 30%;
|
|
grid-template-rows: repeat(2,auto)
|
|
}
|
|
|
|
.voiceSettingsContainer__9d98d>:nth-child(3) {
|
|
grid-column: 3;
|
|
grid-row: 1/span 2
|
|
}
|
|
|
|
.voiceWidgetContainer__9d98d {
|
|
align-items: flex-start;
|
|
background: rgba(0,0,0,.16);
|
|
border: 1px dashed hsla(0,0%,100%,.16);
|
|
border-radius: 12px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
padding: 12px;
|
|
width: 100%
|
|
}
|
|
|
|
.widgetSettingsContainer__9d98d {
|
|
align-items: center;
|
|
background-color: var(--background-mod-subtle);
|
|
border-radius: 8px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
min-height: 270px;
|
|
padding: 32px;
|
|
width: 100%
|
|
}
|
|
|
|
.widgetContainer__9d98d {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
padding-inline-start:24px}
|
|
|
|
.select__9d98d {
|
|
width: 100%
|
|
}
|
|
|
|
.widgetHeaderContainer__9d98d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 4px
|
|
}
|
|
|
|
.sliderContainer__9d98d {
|
|
padding-inline-start:4px;width: 100%
|
|
}
|
|
|
|
.formItemTitle__9d98d {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.overlaySettingsNux__9d98d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 32px;
|
|
justify-content: center;
|
|
padding: 12px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.closeCircleButton__9d98d {
|
|
cursor: pointer;
|
|
inset-inline-end: 12px;
|
|
position: absolute;
|
|
top: 24px;
|
|
z-index: 1
|
|
}
|
|
|
|
.nuxFirstImage__9d98d {
|
|
height: 371px;
|
|
width: 660px
|
|
}
|
|
|
|
.nuxUserSettingsImage__9d98d {
|
|
height: 188px;
|
|
width: 660px
|
|
}
|
|
|
|
.mainTitleContainer__9d98d {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
justify-content: center;
|
|
text-align: center;
|
|
width: 360px
|
|
}
|
|
|
|
.nuxDivider__9d98d {
|
|
background-color: var(--background-mod-strong);
|
|
height: 1px;
|
|
margin: 16px 0;
|
|
width: 100%
|
|
}
|
|
|
|
.systemServiceWarning__9d98d {
|
|
flex-shrink: 1;
|
|
margin-inline:16px;margin-bottom: 16px;
|
|
margin-top: 4px
|
|
}
|
|
|
|
.imageWrapper__5ef8c {
|
|
align-items: center;
|
|
background-color: var(--white);
|
|
border-radius: 60px;
|
|
display: flex;
|
|
height: 60px;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 60px;
|
|
z-index: 1
|
|
}
|
|
|
|
.image__5ef8c {
|
|
height: 80%;
|
|
width: 80%;
|
|
z-index: 1
|
|
}
|
|
|
|
.cooldown__5ef8c {
|
|
background-color: var(--blue-200)
|
|
}
|
|
|
|
.cooldownImage__5ef8c {
|
|
height: 26px
|
|
}
|
|
|
|
.boostIconContainer__8dbf5 {
|
|
border-radius: 100%;
|
|
box-shadow: var(--elevation-medium);
|
|
position: relative
|
|
}
|
|
|
|
.boostIcon__8dbf5 {
|
|
height: 36px;
|
|
width: 36px
|
|
}
|
|
|
|
.boostIconCanceled__8dbf5 {
|
|
display: block
|
|
}
|
|
|
|
.snowflake__8dbf5 {
|
|
inset-inline-start: -16px;
|
|
position: absolute;
|
|
top: 2px;
|
|
z-index: 1
|
|
}
|
|
|
|
.guildContainer__5dba5 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-normal);
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 30px 18px;
|
|
position: relative
|
|
}
|
|
|
|
.guildInfoContainer__5dba5 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin: 0 16px
|
|
}
|
|
|
|
.guildBoostStatsContainer__5dba5 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: 6px
|
|
}
|
|
|
|
.separator__5dba5 {
|
|
border-inline-end:1px solid var(--text-muted);height: 18px;
|
|
margin: 0 10px;
|
|
opacity: .5
|
|
}
|
|
|
|
.guildBoostBadge__5dba5 {
|
|
color: var(--guild-boosting-pink);
|
|
height: 16px;
|
|
margin-inline-end:6px;width: 16px
|
|
}
|
|
|
|
.sparkle__5dba5 {
|
|
color: var(--white);
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
.theme-light .sparkle__5dba5 {
|
|
color: var(--guild-boosting-pink)
|
|
}
|
|
|
|
.sparkle1__5dba5 {
|
|
bottom: 9px;
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.sparkle2__5dba5 {
|
|
inset-inline-end: 9px;
|
|
top: -15px
|
|
}
|
|
|
|
.sparkle3__5dba5 {
|
|
inset-inline-end: 0;
|
|
top: 24px
|
|
}
|
|
|
|
.sparkle4__5dba5 {
|
|
inset-inline-end: -22px;
|
|
top: 28px
|
|
}
|
|
|
|
.sideSparkleContainer__5dba5 {
|
|
background-image: radial-gradient(100% 100% at center,#fff 0,hsla(0,0%,100%,0) 50%);
|
|
position: absolute;
|
|
width: 1px;
|
|
z-index: 1
|
|
}
|
|
|
|
.theme-light .sideSparkleContainer__5dba5 {
|
|
background-image: radial-gradient(100% 100% at center,hsl(var(--guild-boosting-pink-hsl)/1) 0,hsl(var(--guild-boosting-pink-hsl)/0) 50%)
|
|
}
|
|
|
|
.sideSparkle__5dba5 {
|
|
inset-inline-start: -8px
|
|
}
|
|
|
|
.container_ceb06a,.wrapper_ceb06a {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 30px
|
|
}
|
|
|
|
.container_ceb06a {
|
|
gap: 12px
|
|
}
|
|
|
|
.appliedBoostContainer_ceb06a {
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden
|
|
}
|
|
|
|
.guildContainer_ceb06a {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 18px
|
|
}
|
|
|
|
.guildInfoContainer_ceb06a {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin: 0 15px
|
|
}
|
|
|
|
.guildBoostStatsContainer_ceb06a {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: 6px
|
|
}
|
|
|
|
.separator_ceb06a {
|
|
border-inline-end:1px solid var(--text-muted);height: 18px;
|
|
margin: 0 10px
|
|
}
|
|
|
|
.guildBoostBadge_ceb06a {
|
|
color: var(--guild-boosting-pink);
|
|
margin-inline-end:6px}
|
|
|
|
.boostContainer_ceb06a {
|
|
background-color: var(--primary-800);
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0 20px
|
|
}
|
|
|
|
.theme-light .boostContainer_ceb06a {
|
|
background-color: var(--primary-200)
|
|
}
|
|
|
|
.boostInnerContainer_ceb06a {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 6px 0
|
|
}
|
|
|
|
.boostContainerSeparator_ceb06a {
|
|
background-color: var(--primary-500);
|
|
height: 1px;
|
|
opacity: .48
|
|
}
|
|
|
|
.theme-light .boostContainerSeparator_ceb06a {
|
|
opacity: .2
|
|
}
|
|
|
|
.cancel_ceb06a {
|
|
color: var(--text-feedback-warning)
|
|
}
|
|
|
|
.boostDescriptionContainer_ceb06a {
|
|
flex: 1;
|
|
margin: 0 10px;
|
|
position: relative
|
|
}
|
|
|
|
.boostDescriptionInnerContainer_ceb06a {
|
|
position: absolute;
|
|
transform: translateY(-50%);
|
|
width: 100%
|
|
}
|
|
|
|
.boostSlotMenuIcon_ceb06a {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
display: flex
|
|
}
|
|
|
|
.mainSeparator_ceb06a {
|
|
background-color: var(--primary-500);
|
|
height: 1px;
|
|
opacity: .48
|
|
}
|
|
|
|
.theme-light .mainSeparator_ceb06a {
|
|
opacity: .3
|
|
}
|
|
|
|
.wrapper__8e08c {
|
|
isolation: isolate;
|
|
position: relative
|
|
}
|
|
|
|
.gradient__8e08c {
|
|
background: center 15%/90% auto url(/assets/63ac51b66622ae3d.svg) no-repeat,linear-gradient(180deg,var(--premium-tier-0-header-gradient-2) 0,var(--premium-tier-0-header-gradient-3) 60%,var(--premium-tier-0-header-gradient-4) 120%);
|
|
border-radius: 8px 8px 0 0;
|
|
overflow: hidden;
|
|
padding: 76px 56px 36px;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.guildBoostGemWrapper__8e08c {
|
|
background-color: var(--white);
|
|
border-radius: 34px;
|
|
box-shadow: var(--elevation-medium);
|
|
height: 68px;
|
|
overflow: hidden;
|
|
top: 0;
|
|
transform: translate(-50%,-25%);
|
|
width: 68px;
|
|
z-index: 2
|
|
}
|
|
|
|
.guildBoostGem__8e08c,.guildBoostGemWrapper__8e08c {
|
|
inset-inline-start: 50%;
|
|
position: absolute
|
|
}
|
|
|
|
.guildBoostGem__8e08c {
|
|
height: 60px;
|
|
top: 50%;
|
|
transform: translate(-50%,-50%)
|
|
}
|
|
|
|
.heading__8e08c {
|
|
color: var(--text-strong);
|
|
position: relative;
|
|
text-align: center;
|
|
z-index: 2
|
|
}
|
|
|
|
.heading__8e08c p {
|
|
margin: 0
|
|
}
|
|
|
|
.wave__8e08c {
|
|
bottom: -96px;
|
|
fill: var(--background-base-low);
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.wrapper__834f5 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 50px;
|
|
padding: 30px 18px;
|
|
position: relative
|
|
}
|
|
|
|
.icon__834f5 {
|
|
border-radius: 100%;
|
|
height: 60px;
|
|
width: 60px
|
|
}
|
|
|
|
.info__834f5 {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin: 0 16px
|
|
}
|
|
|
|
.wrapper__37ae5 {
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: var(--radius-sm);
|
|
padding: 16px 18px
|
|
}
|
|
|
|
.copy__37ae5,.wrapper__37ae5 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.cta__37ae5 {
|
|
color: var(--text-link)!important;
|
|
display: inline;
|
|
height: auto;
|
|
margin-inline-start:4px;min-height: auto;
|
|
min-width: auto;
|
|
padding: 0
|
|
}
|
|
|
|
.boostIcon__37ae5 {
|
|
color: var(--guild-boosting-pink);
|
|
height: 16px;
|
|
margin-inline-end:4px;width: 16px
|
|
}
|
|
|
|
.wrapper__51537 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
margin-bottom: 50px
|
|
}
|
|
|
|
.header__51537 {
|
|
margin-bottom: 20px;
|
|
margin-top: 30px
|
|
}
|
|
|
|
.recommendedServerCard__51537 {
|
|
border-radius: var(--radius-sm);
|
|
position: relative
|
|
}
|
|
|
|
.wrapper__686ce {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 40px;
|
|
padding: 0 70px;
|
|
text-align: center
|
|
}
|
|
|
|
.subtitle__686ce {
|
|
margin-bottom: 6px
|
|
}
|
|
|
|
.subscription_d970da {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 8px;
|
|
display: flex;
|
|
padding: 16px
|
|
}
|
|
|
|
.subscriptionInfo_d970da {
|
|
margin-inline-start:16px}
|
|
|
|
.tierInfo_d970da {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.tierPill_d970da {
|
|
align-items: center;
|
|
align-self: flex-start;
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: 11px;
|
|
display: inline-flex;
|
|
font-size: 12px;
|
|
line-height: 14px;
|
|
padding-block:4px;padding-inline:4px 8px}
|
|
|
|
.tierPill_d970da,.tierPillStar_d970da {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.tierPillStar_d970da {
|
|
height: 16px;
|
|
margin-inline-end:5px;width: 16px
|
|
}
|
|
|
|
.guildIcon_d970da {
|
|
background-color: var(--background-base-low)
|
|
}
|
|
|
|
.guildName_d970da {
|
|
color: var(--text-strong);
|
|
flex: 1;
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-bold);
|
|
line-height: 20px;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.levelIcon_d970da {
|
|
height: 16px;
|
|
margin: 0 4px;
|
|
width: 16px
|
|
}
|
|
|
|
.levelDownIcon_d970da {
|
|
color: var(--icon-feedback-critical)
|
|
}
|
|
|
|
.levelUpIcon_d970da {
|
|
color: var(--green-360)
|
|
}
|
|
|
|
.theme-light .boost_d970da {
|
|
background-color: var(--primary-230)
|
|
}
|
|
|
|
.theme-light .guildName_d970da {
|
|
color: var(--primary-500)
|
|
}
|
|
|
|
.tierPillGem_d970da {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.content__2cbe8 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.guildCard__2cbe8 {
|
|
margin: 16px 0
|
|
}
|
|
|
|
.image__2cbe8 {
|
|
align-self: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
flex-shrink: 0;
|
|
margin: 20px 0
|
|
}
|
|
|
|
.transferGuildCardHeader__2cbe8 {
|
|
margin-top: 16px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.activeTransferGuildCardBorder__2cbe8 {
|
|
background: linear-gradient(to left,var(--guild-boosting-purple),var(--guild-boosting-blue));
|
|
padding: 2px
|
|
}
|
|
|
|
.activeTransferGuildCardBorder__2cbe8,.transferFromGuildCard__2cbe8 {
|
|
border-radius: 8px;
|
|
margin-top: 8px
|
|
}
|
|
|
|
.transferToGuildCard__2cbe8 {
|
|
border-radius: 8px
|
|
}
|
|
|
|
.error__2cbe8 {
|
|
margin: 16px
|
|
}
|
|
|
|
.pendingCancellation__2cbe8 {
|
|
align-items: center;
|
|
background: var(--background-feedback-warning);
|
|
border: 1px solid var(--icon-feedback-warning);
|
|
border-radius: 4px;
|
|
display: flex;
|
|
margin-top: 16px;
|
|
padding: 8px 16px
|
|
}
|
|
|
|
.pendingCancellationIcon__2cbe8 {
|
|
color: var(--text-feedback-warning);
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.pendingCancellationMessage__2cbe8 {
|
|
color: var(--text-default);
|
|
margin-inline-start:10px}
|
|
|
|
.footer__2cbe8 {
|
|
padding: 16px 24px
|
|
}
|
|
|
|
.modal__39466 {
|
|
overflow: hidden
|
|
}
|
|
|
|
.modalCloseButton__39466 {
|
|
inset-inline-end: 12px;
|
|
opacity: .8;
|
|
position: absolute;
|
|
top: 12px
|
|
}
|
|
|
|
.modalCloseButton__39466:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.modalContent__39466 {
|
|
padding: 8px 0
|
|
}
|
|
|
|
.selectHeaderContainer__39466 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column;
|
|
z-index: auto
|
|
}
|
|
|
|
.selectHeader__39466 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.selectGuild__39466 {
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
padding: 8px 6px
|
|
}
|
|
|
|
.selectGuild__39466:hover {
|
|
background-color: var(--background-mod-normal)
|
|
}
|
|
|
|
.selectGuildIcon__39466 {
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.selectGuildName__39466 {
|
|
flex: 0 1 auto;
|
|
margin-inline-start:12px;overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.selectGuildLevel__39466 {
|
|
flex: 0 0 auto;
|
|
margin-inline-start:6px}
|
|
|
|
.selectGuildCopy__39466 {
|
|
align-items: baseline;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
overflow: hidden
|
|
}
|
|
|
|
.selectGuildPseudoCta__39466 {
|
|
background: var(--brand-500);
|
|
border-radius: 4px;
|
|
flex: 0 0 auto;
|
|
margin-inline-start:6px;padding: 6px 16px
|
|
}
|
|
|
|
.emptyStateWrapper__39466 {
|
|
padding: 8px 16px;
|
|
text-align: center
|
|
}
|
|
|
|
.emptyStateWrapper__39466 p {
|
|
margin: 0
|
|
}
|
|
|
|
.emptyStateWrapper__39466 a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.animationContainer__884d1,.container__884d1 {
|
|
position: relative;
|
|
z-index: 0
|
|
}
|
|
|
|
.animationContainer__884d1 {
|
|
border-radius: 8px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden
|
|
}
|
|
|
|
.svgBorder__884d1 {
|
|
height: calc(100% + 2px);
|
|
inset-inline-start: -1px;
|
|
position: absolute;
|
|
top: -1px;
|
|
width: calc(100% + 2px);
|
|
z-index: 1
|
|
}
|
|
|
|
.svgCopy__884d1 {
|
|
display: block
|
|
}
|
|
|
|
.animationContainer__884d1 {
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.shine__884d1 {
|
|
color: var(--opacity-white-48)
|
|
}
|
|
|
|
.upsellFooter__5e07c {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 8px;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
margin-top: 16px;
|
|
padding: 8px
|
|
}
|
|
|
|
.upsellFooterIcon__5e07c {
|
|
flex-shrink: 0;
|
|
height: 24px;
|
|
margin-inline-end:8px;width: 24px
|
|
}
|
|
|
|
.reverseTrialUpsellContainer__5e07c {
|
|
border-radius: 4px;
|
|
box-shadow: 0 0 40px 0 rgba(229,85,211,.5);
|
|
position: relative
|
|
}
|
|
|
|
.unlockIcon__5e07c {
|
|
height: 46px;
|
|
inset-inline-start: 7px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: -14px;
|
|
width: 46px
|
|
}
|
|
|
|
.upsellText__5e07c {
|
|
padding-inline-start:48px}
|
|
|
|
.bodyText__945b8 {
|
|
color: var(--text-default);
|
|
font-size: 16px;
|
|
line-height: 20px
|
|
}
|
|
|
|
.planSelectText__945b8 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.planSelectRow__945b8 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: 8px auto
|
|
}
|
|
|
|
.planSelectRowALaCarte__945b8 {
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.planSelectorWrapper__945b8 {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.planSelectorHeader__945b8 {
|
|
font-weight: var(--font-weight-semibold);
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.planSelectorRadioBarALaCarte__945b8 {
|
|
align-items: flex-start
|
|
}
|
|
|
|
.planSelectorRadioIconALaCarte__945b8 {
|
|
margin-top: 4px
|
|
}
|
|
|
|
.planSelectorPlanName__945b8 {
|
|
margin-inline-end:4px}
|
|
|
|
.planSelectorLabel__945b8 {
|
|
color: var(--text-default);
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
margin-inline-start:16px}
|
|
|
|
.planSelectorPreviewPrice__945b8 {
|
|
color: var(--interactive-text-default);
|
|
font-size: 16px;
|
|
line-height: 20px
|
|
}
|
|
|
|
.planSelectDivider__945b8 {
|
|
background-color: var(--border-subtle);
|
|
height: 1px;
|
|
margin: 16px 0
|
|
}
|
|
|
|
.planSelectorSubtotal__945b8 {
|
|
color: var(--interactive-text-active);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-semibold);
|
|
line-height: 20px
|
|
}
|
|
|
|
.invoiceTableBottom__945b8,.paymentSourceWrapper__945b8 {
|
|
margin: 16px 0
|
|
}
|
|
|
|
.taxInclusiveNote__945b8 {
|
|
margin-top: 12px
|
|
}
|
|
|
|
.confirmationContainer__945b8 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 56px 32px 64px
|
|
}
|
|
|
|
.confirmationAnimation__945b8 {
|
|
height: 140px;
|
|
margin-bottom: 32px;
|
|
width: 400px
|
|
}
|
|
|
|
.confirmationText__945b8,.confirmationUpgradedBanner__945b8 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.confirmationText__945b8 {
|
|
color: var(--interactive-text-default);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 20px;
|
|
text-align: center
|
|
}
|
|
|
|
.confirmationText__945b8 p {
|
|
margin: 0
|
|
}
|
|
|
|
.confirmationText__945b8 p+p {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.existingSlotNotice__945b8 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: 8px;
|
|
color: var(--text-default);
|
|
display: flex;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
margin-bottom: 16px;
|
|
margin-top: 16px;
|
|
padding: 8px
|
|
}
|
|
|
|
.existingSlotIcon__945b8 {
|
|
flex-shrink: 0;
|
|
height: 24px;
|
|
margin-inline-end:8px;width: 24px
|
|
}
|
|
|
|
.existingSlotTooltipWarningIcon__945b8 {
|
|
cursor: pointer;
|
|
height: 16px;
|
|
margin-inline-start:6px;vertical-align: text-bottom;
|
|
width: 14px
|
|
}
|
|
|
|
.loadingSpinner__945b8 {
|
|
flex: 1;
|
|
max-width: 100px
|
|
}
|
|
|
|
.reverseTrialContextInfoDivider__945b8 {
|
|
background-color: var(--border-subtle);
|
|
height: 1px
|
|
}
|
|
|
|
.reverseTrialContextText__945b8 {
|
|
margin: 12px 0
|
|
}
|
|
|
|
.reverseTrialContextMarginBottom__945b8 {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.modal__0f8ce {
|
|
overflow: hidden
|
|
}
|
|
|
|
.selectContent__0f8ce {
|
|
padding: 8px 0
|
|
}
|
|
|
|
.confirmImage__0f8ce {
|
|
height: 134px;
|
|
width: 264px
|
|
}
|
|
|
|
.transferConfirmImage__0f8ce {
|
|
height: 128px;
|
|
width: 216px
|
|
}
|
|
|
|
.successBody__0f8ce {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-bottom: 20px
|
|
}
|
|
|
|
.successAnimation__0f8ce {
|
|
height: 200px;
|
|
width: 300px
|
|
}
|
|
|
|
.quantitySelectorBody__0f8ce {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.quantitySelectorDescription__0f8ce,.quantitySelectorHeader__0f8ce {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.quantitySelectorWrapper__0f8ce {
|
|
align-items: center;
|
|
display: flex;
|
|
margin: 32px auto
|
|
}
|
|
|
|
.quantitySelectorLabel__0f8ce {
|
|
line-height: 20px;
|
|
margin-inline-start:16px}
|
|
|
|
.modalCloseButton__0f8ce {
|
|
inset-inline-end: 12px;
|
|
opacity: .8;
|
|
position: absolute;
|
|
top: 12px
|
|
}
|
|
|
|
.modalCloseButton__0f8ce:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.images-light .confirmImage__0f8ce {
|
|
background-image: url(/assets/52c92d8492ebe041.svg)
|
|
}
|
|
|
|
.images-light .transferConfirmImage__0f8ce {
|
|
background-image: url(/assets/2d416896e0bbb412.svg)
|
|
}
|
|
|
|
.images-dark .confirmImage__0f8ce {
|
|
background-image: url(/assets/52c92d8492ebe041.svg)
|
|
}
|
|
|
|
.images-dark .transferConfirmImage__0f8ce {
|
|
background-image: url(/assets/c278e895ac47b4af.svg)
|
|
}
|
|
|
|
.tierPill__0f8ce {
|
|
background-color: var(--background-mod-normal);
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.header__7e090 {
|
|
background-image: url(/assets/cb4131669938b6ad.svg);
|
|
background-position: top;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
box-sizing: border-box;
|
|
height: 132px
|
|
}
|
|
|
|
.animation__7e090 {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.headerTitle__7e090 {
|
|
background-image: url(/assets/9f911879992ce2d1.svg);
|
|
height: 28px;
|
|
width: 60px
|
|
}
|
|
|
|
.header__7e090 .closeButton__7e090 {
|
|
color: var(--white);
|
|
inset-inline-end: 12px;
|
|
opacity: .8;
|
|
position: absolute;
|
|
top: 12px
|
|
}
|
|
|
|
.header__7e090 .closeButton__7e090:hover {
|
|
opacity: 1
|
|
}
|
|
|
|
.enable-forced-colors .header__7e090 .closeButton__7e090 {
|
|
opacity: 1
|
|
}
|
|
|
|
.body__968a4 {
|
|
color: var(--text-default);
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.invoiceTable__968a4 {
|
|
margin: 16px 0
|
|
}
|
|
|
|
.cancelImage__968a4 {
|
|
background-image: url(/assets/14d412ef35277fe7.svg);
|
|
height: 128px;
|
|
margin: 0 auto 24px;
|
|
width: 270px
|
|
}
|
|
|
|
html .invoiceCancelRow__968a4 {
|
|
color: var(--text-feedback-critical)
|
|
}
|
|
|
|
.error__968a4 {
|
|
margin-bottom: 16px;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.textButton__968a4 {
|
|
margin-inline-end:12px}
|
|
|
|
.body_fe75b7 {
|
|
color: var(--text-default);
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.uncancelImage_fe75b7 {
|
|
background-image: url(/assets/d5c03099c5d632e3.svg);
|
|
height: 128px;
|
|
margin: 0 auto 24px;
|
|
width: 234px
|
|
}
|
|
|
|
.error_fe75b7 {
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.wrapper__99020 {
|
|
margin-bottom: 10px;
|
|
position: relative
|
|
}
|
|
|
|
.specialHeader__99020 {
|
|
align-items: center;
|
|
background: linear-gradient(90deg,hsl(var(--premium-tier-2-purple-for-gradients-2-hsl)/.4) 0,hsl(var(--premium-tier-2-pink-for-gradients-hsl)/.3) 100%);
|
|
border-radius: var(--radius-sm) var(--radius-sm) 0 0;
|
|
display: flex;
|
|
height: 40px;
|
|
padding-inline-start:20px;position: relative
|
|
}
|
|
|
|
.pill__99020 {
|
|
background-image: linear-gradient(95deg,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: 10px;
|
|
color: var(--white);
|
|
inset-inline-start: 20px;
|
|
padding: 0 8px;
|
|
position: absolute;
|
|
top: -8px;
|
|
z-index: 30
|
|
}
|
|
|
|
.content__99020.headerWithoutSpecialHeader__99020 {
|
|
border-radius: var(--radius-sm)
|
|
}
|
|
|
|
.content__99020.headerWithBoost__99020 {
|
|
border-radius: 0 0 var(--radius-sm) var(--radius-sm)
|
|
}
|
|
|
|
.content__99020 {
|
|
position: relative;
|
|
z-index: 0
|
|
}
|
|
|
|
.content__99020:after,.content__99020:before {
|
|
border: 1px 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%
|
|
}
|
|
|
|
.content__99020:after {
|
|
border-color: var(--guild-boosting-blue);
|
|
-webkit-mask: linear-gradient(45deg,#000,transparent);
|
|
mask: linear-gradient(45deg,#000,transparent)
|
|
}
|
|
|
|
.content__99020:before {
|
|
border-color: var(--guild-boosting-purple)
|
|
}
|
|
|
|
.border__99020 {
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.header__99020 {
|
|
align-items: center;
|
|
background-color: var(--background-base-lower);
|
|
border-radius: var(--radius-sm);
|
|
display: flex;
|
|
padding: 30px 18px
|
|
}
|
|
|
|
.headerHeading__99020 {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.headerContentPrimary__99020 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
margin-inline-end:12px;width: 100%
|
|
}
|
|
|
|
.headerBoostGems__99020 {
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
isolation: isolate;
|
|
margin-inline-end:16px}
|
|
|
|
.headerBoostGem__99020 {
|
|
box-shadow: var(--elevation-medium)
|
|
}
|
|
|
|
.headerBoostGem__99020+.headerBoostGem__99020 {
|
|
margin-inline-start:-30px}
|
|
|
|
.headerLearnMoreLink__99020 {
|
|
color: var(--text-link);
|
|
cursor: pointer
|
|
}
|
|
|
|
.headerLearnMoreLink__99020:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.unappliedBoostSlots__99020 {
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: 0 0 8px 8px;
|
|
padding: 0 18px
|
|
}
|
|
|
|
.unappliedGuildBoostSlot__99020 {
|
|
align-items: center;
|
|
display: flex;
|
|
padding: 6px 0
|
|
}
|
|
|
|
.unappliedGuildBoostSlot__99020+.unappliedGuildBoostSlot__99020 {
|
|
border-top: 1px solid hsl(var(--primary-500-hsl)/.5)
|
|
}
|
|
|
|
.theme-light .unappliedGuildBoostSlot__99020+.unappliedGuildBoostSlot__99020 {
|
|
border-top-color: hsl(var(--primary-500-hsl)/.2)
|
|
}
|
|
|
|
.unappliedGuildBoostSlotContentPrimary__99020 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
margin-inline-end:12px;width: 100%
|
|
}
|
|
|
|
.unappliedGuildBoostSlotContentSecondary__99020 {
|
|
flex: 0 0 auto
|
|
}
|
|
|
|
.unappliedGuildBoostSlotIcon__99020 {
|
|
flex: 0 0 auto;
|
|
margin-inline-end:10px}
|
|
|
|
.unappliedGuildBoostSlotCta__99020 {
|
|
padding: 0
|
|
}
|
|
|
|
@media (max-width: 800px) {
|
|
.header__99020,.unappliedGuildBoostSlot__99020 {
|
|
flex-direction:column
|
|
}
|
|
|
|
.headerContentPrimary__99020,.unappliedGuildBoostSlotContentPrimary__99020 {
|
|
margin-inline-end:0}
|
|
|
|
.headerContentSecondary__99020,.unappliedGuildBoostSlotContentSecondary__99020 {
|
|
align-self: flex-end;
|
|
margin-top: 4px
|
|
}
|
|
}
|
|
|
|
.tierComparisonTable__744ff {
|
|
margin-bottom: 64px
|
|
}
|
|
|
|
.boosterRecognitionCard__744ff {
|
|
max-width: 140px;
|
|
min-width: 130px
|
|
}
|
|
|
|
.faq__744ff {
|
|
padding: 36px 20px
|
|
}
|
|
|
|
.blockedPaymentsWarning__744ff {
|
|
margin-bottom: 32px
|
|
}
|
|
|
|
.FPContainer__744ff {
|
|
margin-bottom: 63px
|
|
}
|
|
|
|
.FPPill__744ff {
|
|
background-color: var(--background-mod-muted)
|
|
}
|
|
|
|
.guildBoostingSettings__744ff {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.container__39fd0 {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column
|
|
}
|
|
|
|
.loading__39fd0 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 520px;
|
|
justify-content: center
|
|
}
|
|
|
|
.background__39fd0 {
|
|
background-repeat: no-repeat;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.content__39fd0 {
|
|
position: relative
|
|
}
|
|
|
|
.divider__39fd0 {
|
|
background-color: var(--border-subtle);
|
|
height: 1px;
|
|
margin: 40px 0
|
|
}
|
|
|
|
.container_b1c93b {
|
|
align-self: center;
|
|
margin-top: var(--space-32)
|
|
}
|
|
|
|
.emptySearchIcon_b1c93b {
|
|
height: 40px;
|
|
margin-bottom: 8px;
|
|
width: 100%
|
|
}
|
|
|
|
.description__803f2 {
|
|
white-space: pre-wrap
|
|
}
|
|
|
|
.description__803f2 p:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.description__803f2 p:last-child,.groupTitle__803f2 {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.sessions__803f2 {
|
|
margin: 32px 0
|
|
}
|
|
|
|
.session__803f2 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.session__803f2:first-child {
|
|
padding-top: 16px
|
|
}
|
|
|
|
.currentSession__803f2 {
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.sessionContent__803f2 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 24px
|
|
}
|
|
|
|
.sessionSeparator__803f2 {
|
|
margin-top: 24px
|
|
}
|
|
|
|
.sessionIcon__803f2 {
|
|
align-items: center;
|
|
background: var(--interactive-text-default);
|
|
border-radius: 50%;
|
|
color: var(--background-base-lower);
|
|
display: flex;
|
|
height: 48px;
|
|
justify-content: center;
|
|
padding: 8px;
|
|
width: 48px
|
|
}
|
|
|
|
.legacySession__803f2 .sessionIcon__803f2 {
|
|
background: var(--background-mod-muted)
|
|
}
|
|
|
|
.sessionInfo__803f2 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
.sessionInfoRow__803f2 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 4px
|
|
}
|
|
|
|
.sessionMoreButton__803f2 {
|
|
color: var(--interactive-text-default);
|
|
cursor: pointer;
|
|
margin-inline-start:auto}
|
|
|
|
.sessionMoreButton__803f2:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.sessionCheckbox__803f2 {
|
|
margin-inline-start:auto}
|
|
|
|
.sessionLogoutIcon__803f2 {
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.logOutAllButton__803f2 {
|
|
align-self: flex-start;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.loading__803f2 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 300px;
|
|
justify-content: center
|
|
}
|
|
|
|
.tools__803f2 {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
border-top: 1px solid var(--border-subtle);
|
|
margin-top: 32px;
|
|
padding: 1rem 0
|
|
}
|
|
|
|
.toolsTitle__803f2 {
|
|
margin-bottom: .5rem
|
|
}
|
|
|
|
.logOutAllButtonRedesign__803f2 {
|
|
margin-top: 24px
|
|
}
|
|
|
|
.systemServiceContainer__79adc {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 24px;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.systemServiceTextContainer__79adc {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4)
|
|
}
|
|
|
|
.group_bc4a3e {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.title_bc4a3e {
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.experimentDate_bc4a3e {
|
|
color: var(--channels-default)
|
|
}
|
|
|
|
.emptyState_bc4a3e {
|
|
margin-top: 36px;
|
|
text-align: center
|
|
}
|
|
|
|
.description_bc4a3e {
|
|
margin-top: 4px
|
|
}
|
|
|
|
.divider_bc4a3e {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.debugTitle_bc4a3e {
|
|
margin-top: 16px
|
|
}
|
|
|
|
.pre_bc4a3e {
|
|
white-space: pre
|
|
}
|
|
|
|
.card_bc4a3e {
|
|
background-color: var(--background-surface-higher);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
.collapsible_bc4a3e {
|
|
background: none;
|
|
padding: var(--space-8)
|
|
}
|
|
|
|
.collapsible_bc4a3e code {
|
|
background-color: var(--background-code);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
padding: var(--space-4)
|
|
}
|
|
|
|
.heading__6f81c {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.tabBar__6f81c {
|
|
gap: 40px;
|
|
max-width: calc(100% - 60px)
|
|
}
|
|
|
|
.tab__6f81c {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-shrink: 1;
|
|
gap: 8px;
|
|
padding-bottom: 12px
|
|
}
|
|
|
|
.tabIcon__6f81c {
|
|
flex-shrink: 0;
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.iconTitle__6f81c {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.body__6f81c {
|
|
margin-top: 16px
|
|
}
|
|
|
|
@media (max-width: 960px) {
|
|
.tabBar__6f81c {
|
|
gap:32px
|
|
}
|
|
}
|
|
|
|
.poggermodeIcon__581ea {
|
|
height: 20px
|
|
}
|
|
|
|
.premiumTab__581ea {
|
|
overflow: visible
|
|
}
|
|
|
|
/*# sourceMappingURL=015ca14af3bac62c.css.map*/
|