.collapsed_d77896 { -webkit-mask: linear-gradient(#000 240px,transparent); mask: linear-gradient(#000 240px,transparent); max-height: 300px; overflow: hidden } .blurb_d77896 { color: var(--text-default); font-size: 16px; line-height: 20px; -webkit-user-select: text; -moz-user-select: text; user-select: text } .description_d77896 { color: var(--text-muted); font-size: 15px; line-height: 1.4; margin-top: 20px } .toggleCollapseButton_d77896 { margin-top: 20px; width: 100% } .assetWrapper_d77896 { border-radius: 3px; margin: 20px 0; overflow: hidden; transform: translateZ(0) } .assetWrapper_d77896 img { border-radius: 0 } .asset_d77896 { display: block; margin: 0 auto; max-width: 100% } @media (min-width: 640px) { .toggleCollapseButton_d77896 { width:inherit } } @value headerBarHeight 60px;.headerBar__8a7fc { align-items: center; box-sizing: border-box; display: flex; gap: 20px; height: var(--custom-channel-header-height); padding: 0 16px; width: 100%; z-index: 100 } .overlay__8a7fc,.overlay__8a7fc:after { position: absolute } .overlay__8a7fc:after { background-color: var(--border-subtle); bottom: 0; content: ""; height: 1px; inset-inline-start: 0; width: 100%; z-index: 0 } .relative__8a7fc { background: var(--background-gradient-chat,var(--background-base-low)); box-shadow: var(--shadow-low); clip-path: inset(0 0 -4px 0); position: relative } .backdrop__8a7fc { background: var(--background-gradient-low,var(--background-base-lower)); height: 100%; inset-inline-start: 0; position: absolute; top: 0; width: 100%; z-index: -1 } .background__8a7fc { background: var(--background-gradient-lower,var(--background-base-lower)) } .icon__8a7fc { height: 24px; width: 24px } .iconButton__8a7fc { align-items: center; background-color: var(--control-secondary-background-default); border-radius: 4px; color: var(--control-secondary-text-default); cursor: pointer; display: flex; height: 32px; justify-content: center; width: 32px } .iconButton__8a7fc:hover { background-color: var(--control-secondary-background-hover) } .iconButton__8a7fc:active { background-color: var(--control-secondary-background-active) } .floatingSearchTabsMask__8a7fc { -webkit-mask-image: linear-gradient(90deg,#000 calc(100% - 340px),transparent calc(100% - 240px)); mask-image: linear-gradient(90deg,#000 calc(100% - 340px),transparent calc(100% - 240px)) } .refresh-fast-follow-distinct-borders .overlay__8a7fc:after { background-color: var(--app-frame-border); mix-blend-mode: luminosity } .container__26669 { display: flex; flex: 1; height: 100%; margin-inline-start:44px;position: relative } .measurements__26669 { inset-inline: 0; bottom: 0; pointer-events: none; position: absolute; top: 60px; visibility: hidden } .measurements__26669,.tabs__26669 { align-items: center; display: flex; gap: 24px } .tabs__26669 { flex: 1; flex-direction: row; height: 100% } .tabWrapper__26669 { justify-content: center } .tab__26669,.tabWrapper__26669 { align-items: center; display: flex; height: 100% } .tab__26669 { box-sizing: border-box; cursor: pointer; margin-top: 0 } .tab__26669:hover { border-bottom: 2px solid var(--brand-500); margin-bottom: -2px } .more__26669 { cursor: pointer!important; display: flex } .selected__26669 { border-bottom: 2px solid var(--icon-strong)!important; margin-bottom: -2px } .headerBar__1a9ce { background-color: var(--background-base-lower); border-bottom: 1px solid var(--border-subtle); height: var(--custom-channel-header-height); padding-bottom: 0; padding-inline-end:var(--space-12);padding-top: 0; position: sticky; top: 0 } .headerBarInner__1a9ce { overflow: visible } .fullscreenHeaderBar__1a9ce { border: none; box-sizing: border-box; display: flex; height: calc(64px + var(--custom-app-top-bar-height)); justify-content: center; margin: 0 auto; padding: 0 72px; padding-top: var(--custom-app-top-bar-height) } .headerBarContent__1a9ce { align-items: center; display: flex; gap: 24px; justify-content: end; padding-inline-end:36px} .discordLogoContainer__1a9ce { align-items: center; display: flex; margin-top: 12px } .discordLogo__1a9ce { color: var(--text-default); height: 20px; margin-inline-end:-6px} .headerBarSearchContent__1a9ce { align-items: center; display: flex; flex: 1; flex-direction: row; z-index: 1 } .closeIcon__1a9ce { margin-top: 24px } .back__1a9ce { cursor: pointer } @value headerBarHeight 60px;.container__65d41 { display: flex; flex: 1; height: 60px; position: relative } .measurements__65d41 { align-items: center; inset-inline: 0; bottom: 0; display: flex; gap: 20px; pointer-events: none; position: absolute; top: 60px; visibility: hidden } .tabs__65d41 { border-bottom: none; flex: 1; flex-direction: row; gap: 0; height: 60px } .tab__65d41,.tabs__65d41 { display: flex } .tab__65d41 { align-items: center; box-sizing: border-box; cursor: pointer; height: var(--custom-channel-header-height); margin-top: 0; padding-top: 16px; --selected-tab-item-color: var(--text-default)!important } .tab__65d41:hover,.tab__65d41[aria-selected=true] { --selected-tab-item-color: var(--text-default) } .container__65d41,.tabs__65d41 { height: var(--custom-channel-header-height) } .more__65d41 { cursor: pointer!important; display: flex; gap: 4px } .selected__65d41 { border-bottom-color: var(--brand-500)!important } @value searchBarWidth 240px;@value searchBarIcon 24px;.search__1ac1c { display: flex; justify-content: flex-end } .searchBar__1ac1c { flex: 1 1 240px; max-width: 240px; min-width: 240px } .platform-osx .searchBar__1ac1c { -webkit-app-region: no-drag } .searchIcon__1ac1c { cursor: pointer; flex: 0 1 24px; max-width: 24px; min-width: 24px } .searchFloating__1ac1c { inset-inline-end: 16px; position: absolute } @value headerBarHeight 60px;@value imageHeight 288px;.container_e9ef78 { display: grid; grid-template-areas: "layer"; grid-template-columns: 100%; grid-template-rows: 348px; justify-items: center } .content_e9ef78 { align-items: center; display: flex; grid-area: layer; margin-top: 60px; max-width: 1300px; width: 100%; z-index: 1 } .textContainer_e9ef78 { display: flex; flex-direction: column; justify-content: center; padding-inline-start:32px} .buttonContainer_e9ef78 { display: flex; margin-top: 16px; max-height: 44px; min-height: 44px } .title_e9ef78 { max-width: 740px } .title_e9ef78 p { margin: 0 } .uppercase_e9ef78 { text-transform: uppercase } .description_e9ef78 { margin-top: 16px; max-width: 600px } .description_e9ef78 p { margin: 0 } .betaTag_e9ef78 { display: inline-block; margin-inline-start:8px;vertical-align: middle } .theme-dark .gradient_e9ef78 { background: radial-gradient(130.66% 324.98% at -3.95% 0,#2f72c1 0,rgba(37,34,154,.8) 35.73%,rgba(25,23,92,0) 100%),#000 } .theme-dark .gradient_e9ef78.clientThemes_e9ef78 { background: none } .theme-dark .gradient_e9ef78.clientThemes_e9ef78:after { background-color: var(--border-strong); bottom: 0; content: ""; height: 1px; position: absolute; width: 100% } .theme-dark .gradientBackground_e9ef78 { opacity: .7 } .theme-dark .gradientBackground_e9ef78.clientThemes_e9ef78 { opacity: 1 } .theme-light .gradient_e9ef78 { background: radial-gradient(122.23% 351.84% at -4.04% 0,#eff8ff 0,#d7dcff 30.28%,#fdfdff 100%),#fff } .theme-light .gradient_e9ef78.clientThemes_e9ef78 { background: none } .theme-light .gradient_e9ef78.clientThemes_e9ef78:after { background-color: var(--border-strong); bottom: 0; content: ""; height: 1px; position: absolute; width: 100% } .theme-light .gradientBackground_e9ef78 { opacity: .8 } .theme-light .gradientBackground_e9ef78.clientThemes_e9ef78 { opacity: 1 } .gradient_e9ef78,.gradientBackground_e9ef78 { height: 100%; width: 100% } .gradientBackground_e9ef78 { grid-area: layer } .contentSection_b6bcee { align-items: center; display: flex; flex: 1; flex-direction: column; height: 100%; width: 100%; z-index: 1 } .content_b6bcee { height: 100%; max-width: 1300px; width: 100% } .scroller__23746 { background: var(--background-gradient-chat,var(--background-base-lower)); display: flex; flex: 1; flex-direction: column } .container__2abba { align-items: center; flex: 1; flex-direction: column } .container__2abba,.imageContainer__2abba { display: flex; justify-content: center } .imageContainer__2abba { margin-bottom: 16px; width: 100% } .image__2abba { max-width: 500px; min-width: min(100%,300px); width: 40%; -webkit-user-drag: none } .full-motion .image__2abba { animation: wiggling__2abba 2s linear infinite; animation-play-state: paused } .full-motion .image__2abba:hover { animation-play-state: running } .header__2abba { margin-bottom: 8px; text-align: center } @keyframes wiggling__2abba { 0% { animation-timing-function: linear; transform: rotate(0deg) } 7% { animation-timing-function: linear; transform: rotate(-16deg) } 20% { animation-timing-function: ease-in-out; transform: rotate(14deg) } 32% { animation-timing-function: ease-in-out; transform: rotate(-16deg) } 44% { animation-timing-function: ease-in-out; transform: rotate(12deg) } 56% { animation-timing-function: ease-in-out; transform: rotate(-10deg) } 68% { animation-timing-function: ease-in-out; transform: rotate(14deg) } 81% { animation-timing-function: ease-in-out; transform: rotate(-16deg) } 93% { animation-timing-function: linear; transform: rotate(14deg) } to { animation-timing-function: linear; transform: rotate(0deg) } } .container__00b64 { min-height: 150px; min-width: 150px; position: relative } .spinnerContainer__00b64 { position: absolute; top: 0; inset-inline: 0; bottom: 0; display: flex } .spinner__00b64 { align-self: center; justify-self: center } .loading__00b64 { opacity: .2 } .card__84e3e { border-radius: 8px; overflow: hidden } .full-motion .card__84e3e { transition: box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out,border .2s ease-out,opacity .2s ease-in } .full-motion .card__84e3e:focus,.full-motion .card__84e3e:hover { box-shadow: var(--shadow-border),var(--shadow-high); transform: translateY(-1px) } .enable-forced-colors .card__84e3e { border: 1px solid CanvasText } .theme-dark .card__84e3e { background-color: var(--card-background-default); border: 1px solid var(--border-subtle) } .theme-dark .card__84e3e:hover { background-color: var(--background-base-lowest) } .theme-light .card__84e3e { background-color: var(--background-base-lower); box-shadow: var(--legacy-elevation-border),var(--elevation-medium) } .theme-light .card__84e3e:focus,.theme-light .card__84e3e:hover { background-color: var(--background-base-lowest); box-shadow: var(--shadow-border),var(--shadow-high) } &.theme-dark .card__84e3e,&.theme-light .card__84e3e { background-color: var(--background-base-low); border: 1px solid transparent; border-color: var(--border-subtle); box-shadow: none } &.theme-dark .card__84e3e:focus,&.theme-dark .card__84e3e:hover,&.theme-light .card__84e3e:focus,&.theme-light .card__84e3e:hover { background-color: var(--background-surface-high); border-color: var(--border-strong); box-shadow: var(--shadow-low); transform: none } .clickable__84e3e { cursor: pointer } .disabled__84e3e { cursor: auto; opacity: .5; pointer-events: none } @keyframes placeholderPulse__84e3e { 0% { opacity: .6 } 50% { opacity: .8 } to { opacity: .6 } } .cardPlaceholder__84e3e { animation: placeholderPulse__84e3e 1.8s ease-in-out infinite; background-color: var(--background-base-lowest) } .transitionItem__84e3e { bottom: 0; position: absolute; top: 0; inset-inline: 0 } .bannerContainer_b76d57 { display: block; overflow: hidden; position: relative; width: 100% } .bannerContent_b76d57 { background-color: transparent; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; -webkit-user-drag: none } .bannerGradient_b76d57.loaded_b76d57 { animation: fadeIn_b76d57 .7s forwards } .bannerImage_b76d57 { -webkit-user-drag: none; opacity: 0 } .bannerImage_b76d57.loaded_b76d57 { animation: fadeIn_b76d57 .7s forwards } .bannerAnimatedContainer_b76d57 { height: 100%; opacity: 0; position: absolute; top: 0; width: 100% } .bannerAnimatedContainer_b76d57.videoFadeIn_b76d57 { animation: fadeIn_b76d57 .5s forwards } .bannerAnimatedContainer_b76d57.videoFadeOut_b76d57 { animation: fadeOut_b76d57 .5s; animation-fill-mode: forwards } @keyframes fadeIn_b76d57 { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeOut_b76d57 { 0% { opacity: 1 } to { opacity: 0 } } .container_f215b9 { min-width: 0; position: relative } .card_f215b9 { flex-direction: column; height: 100% } .card_f215b9,.card_f215b9:hover .contextMenu_f215b9 { display: flex } .avatarContainer_f215b9,.header_f215b9 { position: relative } .avatar_f215b9 { -webkit-user-drag: none; background: var(--background-base-low); border: solid; border-color: var(--background-base-low); border-radius: var(--radius-md); transform: translateY(-50%) } .appDetails_f215b9 { flex: 1; flex-direction: column; padding: 4px 16px 16px } .appDetails_f215b9,.titleContainer_f215b9 { display: flex } .title_f215b9 { align-items: center; display: flex; gap: 4px; overflow: hidden; text-overflow: ellipsis } .infoContainer_f215b9 { display: flex; gap: 4px; margin-top: 4px } .appName_f215b9 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .appCategory_f215b9 { white-space: pre } .description_f215b9 { margin-top: 8px; min-height: 0; overflow: hidden; text-overflow: ellipsis } .memberDetails_f215b9 { align-items: flex-end; display: flex; flex: 1 } .theme-dark .avatar_f215b9 { background: var(--background-base-lowest); border-color: var(--background-base-low) } .theme-light .avatar_f215b9 { background: var(--background-base-lower); border-color: var(--background-base-lower) } @value minCardWidth 254px;.content__87ce6 { -moz-column-gap: 16px; column-gap: 16px; display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(auto-fill,minmax(254px,1fr)); padding: 16px 32px; row-gap: 16px } .errorContainer__87ce6 { display: flex; height: 100% } .error__87ce6 { padding: 16px 32px } .paginationInput__87ce6 { margin: 0; padding: 16px 0 } .errorContainer__7b60c { display: flex; height: 100% } .error__7b60c { padding: 16px 32px } .firstChildSpacingFix_c9a59b { margin-inline-start:0!important} .tabItem_c9a59b { align-items: center; display: flex; flex-direction: row } .alignCenter__31873 { margin: 0 auto } .alignLeft__31873 { margin: 0 } .horizontalPaginationItemContainer__31873 { align-items: center; display: flex; flex: initial; overflow-x: auto; overflow-y: hidden } .verticalPaginationItemContainer__31873 { overflow-y: hidden } .arrow__31873 { height: 26px; width: 26px } .arrow__31873,.arrowContainer__31873 { box-sizing: border-box; pointer-events: all } .arrowContainer__31873 { color: var(--white); cursor: pointer; font-size: 0; height: 50px; line-height: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 50px } .prevButtonContainer__31873 { inset-inline-start: 4px } .nextButtonContainer__31873 { inset-inline-end: 4px } @media (max-width: 600px) { .prevButtonContainer__31873 { inset-inline-start:5% } .nextButtonContainer__31873 { inset-inline-end: 5% } } .item_cf6769 { border-radius: 3px; box-sizing: border-box; cursor: pointer; font-size: 3em; height: 100%; overflow: hidden; transform: translateZ(0); transition: filter .2s ease; width: 100% } .currentItem_cf6769 { cursor: default } .itemImage_cf6769 { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .currentImage_cf6769 { cursor: zoom-in } .itemImageWrapper_cf6769 { height: 100%; width: 100% } .itemVideo_cf6769 { cursor: pointer } .paginationItem_cf6769 { height: 73px; margin-inline-end:20px;opacity: .6; position: relative; touch-action: manipulation; width: 130px } .paginationItem_cf6769:last-child { margin-inline-end:0} .storePaginationImg_cf6769 { border-radius: 3px; height: 73px; -o-object-fit: cover; object-fit: cover; width: 130px } .selectedStorePaginationItem_cf6769 { opacity: 1 } .unselectedStorePaginationItem_cf6769:hover { cursor: pointer; opacity: .8; transition: opacity .3s ease } .overlappingBorder_cf6769 { border: 3px solid var(--brand-500); border-radius: 3px; inset: 0; position: absolute } .paginationVideoOverlay_cf6769 { align-items: center; display: flex; inset: 0; justify-content: center; position: absolute } .paginationVideoPlayPill_cf6769 { border-radius: 50%; height: 40px; padding: 8px } .pagination_cf6769 { box-sizing: border-box; margin: 20px auto; max-width: 920px; padding: 0 20px } .carouselButtonsContainer_cf6769 { color: var(--primary-100); position: relative } .arrow_cf6769 { background-color: var(--primary-800); border-radius: 50%; opacity: .4; padding: 12px; transition: opacity .2s ease-in-out } .arrow_cf6769:hover,.arrowHovered_cf6769 { opacity: .6 } .scroller_cf6769 { padding-bottom: 24px } .video_cf6769 { background: var(--black) } .mediaPlayer_cf6769,.video_cf6769,.videoWrapper_cf6769 { height: 100%!important; width: 100%!important } .item_cf6769 { background-color: var(--black) } .wrapper__21d85 { align-content: stretch; align-items: stretch; bottom: 60px; cursor: zoom-out; display: flex; top: 60px; inset-inline: 110px; justify-content: center } .slide__21d85,.wrapper__21d85 { position: absolute } .slide__21d85 { height: 100%; inset-inline-start: 0; -o-object-fit: scale-down; object-fit: scale-down; top: 0; width: 100%; z-index: 0 } .nav__21d85 { opacity: .6; z-index: 1 } .nav__21d85:hover { opacity: 1 } .nav__21d85:active { margin-top: 1px } .navPrev__21d85 { margin-inline-start:-100px} .navNext__21d85 { margin-inline-end:-100px} .root__00dfb { position: relative } .carouselContainer__00dfb { overflow: hidden } .carousel__00dfb { height: 100%; z-index: 0 } .carouselItem__00dfb { inset-inline: 0; bottom: 0; position: absolute; top: 0 } .pagination__00dfb { height: 64px; pointer-events: none } .themedPagination__00dfb { } .controls__00dfb { align-items: center; display: flex; justify-content: space-between } .arrowHitbox__00dfb { pointer-events: all } .arrowHitboxPadding__00dfb { padding: 0 12px } .arrow__00dfb { color: #fff; opacity: .5; position: relative; transition: opacity .2s ease-in-out } .dots__00dfb { display: flex; flex-direction: row; flex-grow: 0 } .dot__00dfb+.dot__00dfb { margin-inline-start:8px} .dot__00dfb { background-color: var(--white); border-radius: 4px; cursor: pointer; height: 8px; padding: 0; pointer-events: all; transform: translateZ(0); width: 8px } .dotNormal__00dfb { opacity: .6 } .dotNormal__00dfb:hover { opacity: .8 } .dotSelected__00dfb { opacity: 1 } .theme-dark .themedPagination__00dfb .arrow__00dfb { color: var(--white) } .theme-dark .themedPagination__00dfb .dot__00dfb { background-color: var(--white) } .theme-light .themedPagination__00dfb .arrow__00dfb { color: var(--primary-500) } .theme-light .themedPagination__00dfb .dot__00dfb { background-color: var(--primary-500) } .smallCarousel__03498,.smallCarouselItem__03498 { border-radius: 5px 5px 0 0; overflow: hidden } .smallCarousel__03498 { background-color: var(--black) } .smallCarouselItem__03498 { height: 100% } .smallCarouselImage__03498 { cursor: zoom-in; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .embedContainer__03498 { background-color: var(--primary-800); display: flex; height: 100%; justify-content: center; width: 100% } .hidden__03498 { display: none } .spinner__03498 { align-self: center; margin-top: 64px } .errorContainer__03498 { align-items: center; background-color: var(--background-base-lower); border-radius: 8px; display: flex; flex-direction: column; height: 100%; justify-content: center } .sizedToParent__03498 { height: 100%!important; width: 100%!important } .sizedToParent__03498,.sizedToParent__03498>video { border-radius: 0 } .errorImage_d389c2 { width: 33% } .carousel_d389c2 { background: transparent } .sectionContainer_c6b177 { display: flex; flex-direction: column; gap: 12px } .contentContainer_c6b177 { background-color: var(--background-base-lower); border: 1px solid var(--border-subtle); border-radius: 8px; display: flex; flex-direction: column; gap: 16px; padding: 16px } .commandContainer_c6b177 { align-items: baseline; display: flex; flex-direction: row; gap: 16px } .commandName_c6b177 { background-color: var(--background-base-lowest); border: 1px solid var(--border-subtle); border-radius: 4px; font-size: 14px; font-weight: 400; padding: 2px 4px } .sectionContainer__8f46b { display: flex; flex-direction: column; gap: 12px } .contentContainer__8f46b { background-color: var(--background-base-lower); border: 1px solid var(--border-subtle); border-radius: 8px; padding: 16px } .privacyPolicy__8f46b { margin-top: 8px } .intentsList__8f46b { border-bottom: 1px solid var(--border-subtle); display: flex; flex-direction: column; gap: 16px; margin-bottom: 16px; padding-bottom: 16px } .intentContainer__8f46b { color: var(--text-default); display: flex; gap: 16px } .intentTextContainer__8f46b { display: flex; flex-direction: column; gap: 4px } .wrapper_bb856d { align-items: flex-start } .icons_bb856d,.wrapper_bb856d { display: flex; flex-direction: row } .icons_bb856d { align-items: center; margin-inline-end:4px} .iconMask_bb856d { margin-inline-end:-4px} .icon_bb856d { border-radius: 50% } .iconSmall_bb856d { height: var(--custom-guild-count-small-icon-size); width: var(--custom-guild-count-small-icon-size) } .iconLarge_bb856d { height: var(--custom-guild-count-large-icon-size); width: var(--custom-guild-count-large-icon-size) } .moreGuilds_bb856d { background-color: var(--background-base-lowest); box-sizing: border-box; color: var(--text-default); font-weight: var(--font-weight-medium); padding: 0 4px; text-align: center } .moreGuildsSmall_bb856d { border-radius: var(--custom-guild-count-small-icon-size); font-size: 10px; height: var(--custom-guild-count-small-icon-size); line-height: var(--custom-guild-count-small-icon-size); min-width: var(--custom-guild-count-small-icon-size) } .moreGuildsLarge_bb856d { border-radius: var(--custom-guild-count-large-icon-size); font-size: 12px; height: var(--custom-guild-count-large-icon-size); line-height: var(--custom-guild-count-large-icon-size); min-width: var(--custom-guild-count-large-icon-size) } .defaultIcon_bb856d { color: var(--interactive-text-default) } .categories_ed45d7 { display: flex; flex-wrap: wrap; gap: 8px } .category_ed45d7 { align-items: center; border: 1px solid var(--border-strong); border-radius: 4px; display: flex; justify-content: center; padding: 6px 12px } .category_ed45d7:hover { background-color: var(--interactive-background-hover); cursor: pointer; transition: background-color .2s ease } .container__8a003,.list__8a003 { display: flex; gap: 12px } .list__8a003 { flex-direction: column } .listItem__8a003 { align-items: center; display: flex; flex-direction: row } .listItem__8a003.linkItem__8a003:hover { cursor: pointer } .listItem__8a003.linkItem__8a003:hover .listIcon__8a003,.listItem__8a003.linkItem__8a003:hover .listText__8a003 { color: var(--interactive-text-active) } .listText__8a003 { flex: 1 } .listIcon__8a003 { color: var(--interactive-text-default) } .listIcon__8a003,.listImage__8a003 { margin-inline-end:8px} .listImage__8a003 { height: 20px; width: 20px } @use postcss-pxtorem;.card_c59071 { background-color: var(--background-mod-normal); border-radius: 8px; display: flex; flex-direction: column; min-height: 248px } .card_c59071:hover { cursor: pointer } .cardHeader_c59071 { display: block; height: 108px; margin-bottom: 33px; overflow: visible; position: relative } .splashImage_c59071 { border-start-end-radius: 8px; border-start-start-radius: 8px; height: 100%; inset-inline-start: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% } .guildIcon_c59071 { bottom: -32px; inset-inline-start: 12px; position: absolute } .iconMask_c59071 { background-color: var(--background-mod-normal); padding: 4px } .cardDetails_c59071 { align-content: stretch; display: flex; flex: 1; flex-direction: column; overflow: hidden; padding: 0 16px 16px } .guildNameWrapper_c59071 { align-items: center; display: flex; font-weight: var(--font-weight-semibold); margin-bottom: 4px } .guildBadge_c59071 { flex: 0 0 16px; height: 16px; margin-inline:-2px 4px;width: 16px } .guildName_c59071 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .guildDescription_c59071 { flex: 1 1 auto; margin-bottom: 16px } .memberInfo_c59071 { align-items: center; display: flex; flex: 0 } .memberCountWrapper_c59071 { align-items: center; display: flex; flex-direction: row } .memberCountIcon_c59071 { color: var(--text-default); margin-inline-end:4px} .outerContainer__5a77b { clip-path: inset(0 0 0 16px); line-height: 16px; margin-inline-start:-16px;row-gap: 4px } .innerContainer__5a77b,.outerContainer__5a77b { align-items: flex-start; display: flex; flex-direction: row; flex-wrap: wrap } .languageItem__5a77b { padding-inline-start:4px} .languageItem__5a77b:before { color: var(--text-muted); content: "•"; display: inline-block; margin-inline-end:4px;text-align: center; width: 1ch } .sideContainer_de3a16 { display: flex; flex-direction: column; gap: 32px } .gridContainer_de3a16 { display: grid; gap: 24px; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)) } .guildCountContainer_de3a16 { display: flex; gap: 4px } .guildsIconContainer_de3a16 { height: 18px; justify-self: center } .sectionContainer_de3a16 { display: flex; flex-direction: column; gap: 32px } .sectionContainer_de3a16.reducedGap_de3a16 { gap: 24px } .infoSection_de3a16 { display: flex; flex-direction: column; gap: 12px } .infoSection_de3a16:empty { display: none } .linkGrid_de3a16 { display: grid; gap: 8px; grid-template-columns: 1fr 1fr } .overviewContainer_c4b47c { display: flex; flex-direction: column; gap: 8px } .descriptionClamp_c4b47c { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 12; overflow: hidden } .descriptionClampSafari_c4b47c { max-height: 300px } .detailedDescription_c4b47c { color: var(--text-default)!important; font-size: 16px; line-height: 20px!important } .detailedDescription_c4b47c>div { margin-bottom: 24px } .detailedDescription_c4b47c blockquote,.detailedDescription_c4b47c pre,.detailedDescription_c4b47c table { margin: 24px 0!important } .detailedDescription_c4b47c blockquote,.detailedDescription_c4b47c ol,.detailedDescription_c4b47c ul { margin-inline-start:24px!important} .detailedDescription_c4b47c img { max-width: 100% } .showMoreButton_c4b47c { cursor: pointer; gap: 16px; margin: 8px 0 } .showMoreButton_c4b47c,.showMoreContent_c4b47c { align-items: center; display: flex; flex-direction: row } .showMoreContent_c4b47c { gap: 8px } .showMoreButtonInner_c4b47c { align-items: center; display: flex; justify-content: center } .showMoreButtonIcon_c4b47c { color: var(--text-default); height: 18px; width: 18px } .divider_c4b47c { background: var(--border-strong,hsla(229,7%,45%,.22)); flex: 1; height: 1px } .list__83c7c { display: flex; flex-direction: column; gap: 12px } .container__83c7c { display: grid; gap: 10px; grid-template-columns: 1fr 1fr 1fr } .header__83c7c { text-transform: capitalize } .permission__83c7c { display: flex } .check__83c7c { color: var(--status-positive) } .check__83c7c,.cross__83c7c { flex-shrink: 0; margin-inline-end:8px} .cross__83c7c { color: var(--icon-feedback-critical) } .sectionContainer_f8758b { display: flex; flex-direction: column; gap: 12px } .contentContainer_f8758b { background-color: var(--background-base-lower); border: 1px solid var(--border-subtle); border-radius: 8px; padding: 16px } .aboutContainer__17a6d { display: flex; flex-direction: column; gap: 32px } .divider__17a6d { border-top: 1px solid var(--border-strong); margin: 16px 0 } .informationContainer__17a6d { display: none } @container apps-root-container (max-width: 700px) { .informationContainer__17a6d { display: flex; flex-direction: column; gap: 12px } } .actionContainer_adfd31 { flex-direction: row; gap: 8px; height: -moz-fit-content; height: fit-content } .iconButton_adfd31 { box-sizing: border-box; height: 38px; width: 38px } .iconButton_adfd31.small_adfd31 { height: 32px; width: 32px } .actionContainer_adfd31.wide_adfd31,.innerIconButton_adfd31 { display: flex } .actionContainer_adfd31.small_adfd31,.actionContainer_adfd31.tiny_adfd31 { display: none } @container apps-root-container (max-width: 700px) { .actionContainer_adfd31.wide_adfd31 { display: none } .actionContainer_adfd31.small_adfd31 { display: flex } .actionContainer_adfd31.tiny_adfd31 { display: none } } @container apps-root-container (max-width: 455px) { .actionContainer_adfd31.small_adfd31,.actionContainer_adfd31.wide_adfd31 { display: none } .actionContainer_adfd31.tiny_adfd31 { display: flex } } .avatarContainer_efaad4 { position: relative } .avatar_efaad4 { -webkit-user-drag: none; background: var(--background-gradient-chat,var(--background-base-low)); border: solid; border-color: var(--background-gradient-chat,var(--background-base-low)); border-radius: var(--radius-xl); transform: translateY(-50%) } .infoContainer_efaad4 { display: flex; flex-direction: row; gap: 24px; justify-content: space-between; padding: 20px 32px 16px } .metadataContainer_efaad4 { display: flex; flex-direction: column; gap: 4px; min-width: 0 } .disclosuresContainer_efaad4 { display: flex; flex-direction: row; gap: 8px } .disclosuresText_efaad4 { white-space: pre } .sectionContainer__5a4b6 { display: flex; flex-direction: column; gap: 16px } .divider__5a4b6 { border-top: 1px solid var(--border-strong); margin: 16px 0 } .sectionHeader__5a4b6 { text-transform: capitalize } .contentContainer__5a4b6 { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)) } .appContainer__5a4b6 { background-color: var(--background-base-lower); border: 1px solid var(--border-subtle); border-radius: 8px; cursor: pointer; display: flex; flex: 1; flex-direction: column; gap: 16px; min-width: 0; padding: 16px } .full-motion .appContainer__5a4b6 { transition: box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out } .appContainer__5a4b6:focus,.appContainer__5a4b6:hover { background-color: var(--background-base-lowest) } .full-motion .appContainer__5a4b6:focus,.full-motion .appContainer__5a4b6:hover { box-shadow: var(--shadow-border),var(--shadow-high); transform: translateY(-1px) } .appHeader__5a4b6 { align-items: center; display: flex; flex-direction: row; gap: 16px } .avatar__5a4b6 { -webkit-user-drag: none; border-radius: var(--radius-md) } .titleContainer__5a4b6 { display: flex; flex-direction: column; gap: 4px; min-width: 0 } .appName__5a4b6 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .appCategory__5a4b6 { white-space: pre } .appDescription__5a4b6 { min-height: 0; overflow: hidden; text-overflow: ellipsis } .wrapper_a4e118 { align-items: center; background-color: var(--background-base-lowest); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: var(--radius-sm); box-sizing: border-box; display: flex; gap: 24px; height: 200px; overflow: hidden; padding: 16px 24px; position: relative; width: 100% } .wrapper_a4e118:hover .image_a4e118 { background-image: var(--custom-background-animated,var(--custom-background-static)) } .content_a4e118 { align-items: center; display: flex; gap: 16px; max-width: 304px; min-width: 260px; z-index: 1 } @value iconSize: 64px;.icon_a4e118 { border-radius: var(--radius-md); flex-shrink: 0; overflow: hidden } .icon_a4e118,.icon_a4e118 img { height: 64px; width: 64px } .image_a4e118 { background-image: var(--custom-background-static); border-radius: var(--radius-sm); flex: 1; height: 100%; transition: background-image .2s ease; z-index: 1 } .background_a4e118,.image_a4e118 { background-position: 50%; background-repeat: no-repeat; background-size: cover } .background_a4e118 { --custom-overlay-color: hsl(var(--primary-730-hsl)/0.8); background-image: linear-gradient(var(--custom-overlay-color),var(--custom-overlay-color)),var(--custom-background-url); filter: blur(4px); height: 120%; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%,-50%,0); width: 120% } .theme-light .background_a4e118 { --custom-overlay-color: hsl(var(--white-500-hsl)/0.3) } .wrapper__5c108 { background-color: var(--card-background-default); border: 1px solid var(--border-subtle); border-radius: 8px; overflow: hidden; width: 100% } .cardHeaderImg__5c108 { align-items: center; background-color: var(--brand-400); background-position: 50%; background-repeat: no-repeat; background-size: cover; display: flex; height: 187px; justify-content: center; width: 100% } .cardHeaderImg__5c108 img { border-radius: 100%; box-shadow: 0 0 4px 0 var(--brand-500); overflow: hidden } .details__5c108 { align-items: flex-start; align-self: stretch; display: flex; flex-direction: column; gap: 10px; padding: 16px } .description__5c108 { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; height: 36px; overflow: hidden; width: 100% } .cardPrice__5c108 { box-sizing: border-box } .cardPrice__5c108,.footer__5c108 { align-items: center; display: flex; justify-content: space-between; padding: 16px } .footer__5c108 { align-self: stretch; border-top: 1px solid var(--border-subtle) } .buttonGroup__5c108 { align-items: center; display: flex; gap: 8px } .heading__66230 { align-items: center; display: flex; gap: 10px } .wrapper__29f4e { padding: 16px 0 } .productsContainer__29f4e,.wrapper__29f4e { display: flex; flex-direction: column; gap: 40px } @value gridSize: 287px;.productSection__29f4e { display: grid; gap: 16px; grid-template-columns: 287px; justify-items: center; padding-top: 16px } @media (min-width: 760px) { .productSection__29f4e { grid-template-columns:287px 287px } } @media (min-width: 1220px) { .productSection__29f4e { grid-template-columns:287px 287px 287px } } @media (min-width: 1600px) { .productSection__29f4e { grid-template-columns:287px 287px 287px 287px } } .subscriptionCardSubtext__29f4e { align-items: center; display: flex; gap: 5px } .storeContainer_c79ea3 { display: flex; flex-direction: column; gap: 32px } .header_c79ea3 { color: var(--text-strong) } .productSection_c79ea3 { display: flex; flex-direction: column; gap: 16px } .products_c79ea3 { display: grid; gap: 16px 24px; grid-template-columns: repeat(auto-fill,minmax(230px,1fr)) } .legalContainer_c79ea3 { display: flex; justify-content: center; width: 100% } .detailContainer__871ff { min-width: 320px; width: 100% } .contentContainer__871ff { display: flex; flex-direction: row; gap: 48px; padding: 0 32px } .contentTabsContainer__871ff { display: flex; flex: 1; flex-direction: column; gap: 16px; min-width: 0; padding: 0 0 32px } .contentTabs__871ff { flex-direction: row; justify-content: space-between } .centerContainer__871ff,.contentTabs__871ff { align-items: center; display: flex } .centerContainer__871ff { height: 100%; justify-content: center; min-height: 0; width: 100% } .error__871ff { padding: 16px 32px } .sidebar__871ff { padding-bottom: 32px; width: 240px } @container apps-root-container (max-width: 700px) { .sidebar__871ff { display: none } } .sectionTitle_d2a5f7 { padding-top: 16px; padding-inline-start:32px;z-index: 1 } .titleExtraPadding_d2a5f7 { padding-top: 24px } .content_d2a5f7 { -moz-column-gap: 16px; column-gap: 16px; display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(1,minmax(200px,1fr)); padding: 16px 32px; row-gap: 16px } @media (min-width: 800px) { .content_d2a5f7 { grid-template-columns:repeat(2,1fr) } } @media (min-width: 1200px) { .content_d2a5f7 { grid-template-columns:repeat(4,1fr) } } .errorContainer_d2a5f7 { display: flex; flex: 1 } .error_d2a5f7 { padding: 16px 32px } .contentContainer__77062 { display: flex; flex-direction: column; gap: 16px; min-height: 100%; width: 100% } .filter__72086 { cursor: pointer; display: flex; gap: 8px } .filterBackground__72086 { background-color: var(--background-mod-subtle); border-radius: 4px; padding: 4px 8px } .filterBackground__72086:hover { background-color: var(--interactive-background-hover) } .filterBackground__72086:active { background-color: var(--interactive-background-active) } .menu__72086 { max-height: 300px } .categoryLabel__72086 { display: flex; gap: 16px; justify-content: space-between } .categories__97499 { display: flex; flex-direction: column; gap: 2px } .category__97499 { align-items: center; border-radius: 4px; cursor: pointer; display: flex; justify-content: space-between; padding: 8px } .category__97499:hover { background-color: var(--interactive-background-hover) } .name__97499 { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .count__97499 { margin-inline-start:8px} .selected__97499 { background-color: var(--interactive-background-active) } .container__97499 { align-items: center; display: flex; gap: 8px } .container__5682d { align-items: center; background: var(--background-gradient-low,var(--background-base-lower)); border-radius: 8px; display: flex; flex-direction: column; height: 400px; justify-content: center; padding: 16px } .image__5682d { background-repeat: no-repeat; background-size: contain; height: 145px; margin-bottom: 16px; width: 314px } .header__5682d { margin-bottom: 8px } @value minCardWidth 254px;@value sidebarWidth 170px;.container__1eae0 { display: flex; flex: 1; min-height: 0; position: relative } .innerContainer__1eae0 { display: flex; flex-direction: row } .centeringBuffer__1eae0 { width: 158px } .contentContainer__1eae0 { padding: 32px 32px 16px; padding-inline-end:194px} .content__1eae0 { -moz-column-gap: 16px; column-gap: 16px; display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(auto-fill,minmax(254px,1fr)); row-gap: 16px } .paginationInput__1eae0 { margin: 0 } .topFilterContainer__1eae0 { display: none; margin-bottom: 16px } .sideFilterContainer__1eae0 { height: 100%; inset-inline-end: 0; margin-top: 32px; padding-inline-end:16px;position: absolute; top: 0; width: 170px; z-index: 1 } .sideFilterContent__1eae0 { position: sticky; top: 0 } @media (max-width: 1336px) { .centeringBuffer__1eae0 { display:none } .contentContainer__1eae0 { padding-inline-end:32px;padding-top: 24px } .topFilterContainer__1eae0 { display: block } .sideFilterContainer__1eae0 { display: none } } .outerContainer_e1147e { display: flex; flex-direction: column; height: 100% } .loggedOutContainer_e1147e { height: 100vh } .innerContainer_e1147e { container-name: apps-root-container; container-type: inline-size; display: flex; flex: 1; flex-direction: column; min-height: 0; position: relative } .detailHeaderContainer_e1147e { align-items: center; display: grid; flex: 1; gap: 20px; grid-template-columns: 1fr auto 1fr; height: 100% } .detailHeaderSection_e1147e { align-items: center; display: flex; height: 100% } .detailHeaderButtonsContainer_e1147e { justify-content: flex-end; transition: opacity .2s } .detailHeaderButtonsContainer_e1147e.hidden_e1147e { opacity: 0; visibility: hidden } .detailHeaderButtonsContainer_e1147e.hide_e1147e { opacity: 0 } .detailHeaderButtonsContainer_e1147e.visible_e1147e { opacity: 1; visibility: visible } .detailHeader_e1147e,.searchHeader_e1147e { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .searchHeader_e1147e { flex: 1; min-width: 0 } .nagbar_e1147e { padding-inline:28px} .nagbarActionContainer_e1147e { display: inline-block } .logo_e1147e { height: 22px; margin-inline-end:8px;position: relative; top: 6px; width: 22px } /*# sourceMappingURL=4851cc625502983d.css.map*/