Skip to content

Instantly share code, notes, and snippets.

@Modder4869
Created May 12, 2018 10:25
Show Gist options
  • Save Modder4869/0ec5fbfc90a02e64720b257c0041ce77 to your computer and use it in GitHub Desktop.
Save Modder4869/0ec5fbfc90a02e64720b257c0041ce77 to your computer and use it in GitHub Desktop.
diff --git a/README.md b/README.md
index 2d5cf29..247494f 100644
--- a/README.md
+++ b/README.md
@@ -1 +1 @@
-#Latest Modified: 2018/04/28 @ 10:28:52 AM
+#Latest Modified: 2018/05/11 @ 11:35:22 AM
diff --git a/discord.css b/discord.css
index ceeba9d..d2b56b5 100644
--- a/discord.css
+++ b/discord.css
@@ -2095,13 +2095,20 @@ to {
}
.lookFilled-1Gx00P .contents-18-Yxp,.lookInverted-2D7oAl .contents-18-Yxp,.lookLink-9FtZy- .contents-18-Yxp,.lookOutlined-3sRXeN .contents-18-Yxp {
- display: inline;
margin: 0 auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
+@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
+ .lookFilled-1Gx00P .contents-18-Yxp,.lookInverted-2D7oAl .contents-18-Yxp,.lookLink-9FtZy- .contents-18-Yxp,.lookOutlined-3sRXeN .contents-18-Yxp {
+ margin: 0
+}
+
+
+}
+
.submitting-3qlO9O .contents-18-Yxp {
visibility: hidden
}
@@ -2122,6 +2129,8 @@ to {
display: flex;
height: 100%;
justify-content: center;
+ left: 0;
+ margin: 0;
position: absolute;
top: 0;
width: 100%
@@ -2151,6 +2160,11 @@ to {
z-index: auto
}
+.platform-linux {
+ -webkit-transform: scaleX(1.0000001);
+ transform: scaleX(1.0000001)
+}
+
.icon-1KK5se {
cursor: pointer;
display: block;
@@ -3132,6 +3146,176 @@ to {
background-color: rgba(79,84,92,.3)
}
+.scrollbar-3dvm_9: : -webkit-scrollbar-corner {
+ background: none;
+ border: none
+}
+
+.scrollbarDefault-3COgCQ {
+
+}
+
+.scrollbarDefault-3COgCQ: : -webkit-scrollbar {
+ height: 14px;
+ width: 14px
+}
+
+.scrollbarDefault-3COgCQ: : -webkit-scrollbar-thumb,.scrollbarDefault-3COgCQ: : -webkit-scrollbar-track {
+ background-clip: padding-box;
+ border-radius: 7px;
+ border-style: solid;
+ border-width: 3px
+}
+
+.scrollbarDefault-3COgCQ: : -webkit-scrollbar-track {
+ border-width: initial
+}
+
+.scrollbarGhost-2F9Zj2 {
+
+}
+
+.scrollbarGhost-2F9Zj2: : -webkit-scrollbar {
+ height: 14px;
+ width: 14px
+}
+
+.scrollbarGhost-2F9Zj2: : -webkit-scrollbar-thumb,.scrollbarGhost-2F9Zj2: : -webkit-scrollbar-track {
+ background-clip: padding-box;
+ border-radius: 7px;
+ border-style: solid;
+ border-width: 3px
+}
+
+.scrollbarGhost-2F9Zj2: : -webkit-scrollbar-thumb {
+ background-color: rgba(0,0,0,.4);
+ border-color: transparent
+}
+
+.scrollbarGhost-2F9Zj2: : -webkit-scrollbar-track {
+ background-color: rgba(0,0,0,.1);
+ border-color: transparent;
+ border-width: initial
+}
+
+.scrollbarGhostHairline-1mSOM1 {
+
+}
+
+.scrollbarGhostHairline-1mSOM1: : -webkit-scrollbar {
+ height: 4px;
+ width: 4px
+}
+
+.scrollbarGhostHairline-1mSOM1: : -webkit-scrollbar-thumb {
+ background-color: rgba(32,34,37,.6);
+ border-radius: 2px;
+ cursor: move
+}
+
+.scrollbarGhostHairline-1mSOM1: : -webkit-scrollbar-track {
+ background-color: transparent;
+ border: none
+}
+
+.theme-light .scrollbarDefault-3COgCQ: : -webkit-scrollbar-thumb {
+ background-color: #7289da;
+ border-color: transparent
+}
+
+.theme-light .scrollbarDefault-3COgCQ: : -webkit-scrollbar-track {
+ background-color: #f2f2f2;
+ border-color: transparent
+}
+
+.theme-dark .scrollbarDefault-3COgCQ: : -webkit-scrollbar-thumb {
+ background-color: #202225;
+ border-color: transparent
+}
+
+.theme-dark .scrollbarDefault-3COgCQ: : -webkit-scrollbar-track {
+ background-color: rgba(0,0,0,.1);
+ border-color: transparent
+}
+
+.wrapper-3Q5DdO {
+ background: -webkit-gradient(linear,right top,left bottom,from(#3d4046),to(#1e1e23));
+ background: linear-gradient(to left bottom,#3d4046,#1e1e23);
+ height: 100%;
+ position: absolute;
+ width: 100%
+}
+
+.rightSplit-2US0xy {
+ -webkit-transition: opacity .4s ease;
+ bottom: 0;
+ opacity: 1;
+ pointer-events: none;
+ position: fixed;
+ right: 0;
+ transition: opacity .4s ease;
+ width: auto
+}
+
+.leftSplit-1qOwnR {
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%
+}
+
+@media (min-width: 486px) {
+ .wrapper-3Q5DdO {
+ background: #2f3136;
+ overflow-x: hidden;
+ overflow-y: auto;
+ z-index: 1
+}
+
+.leftSplit-1qOwnR {
+ -ms-flex-align: center;
+ -ms-flex-pack: center;
+ -webkit-box-align: center;
+ -webkit-box-pack: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ height: 100%;
+ justify-content: center;
+ max-height: 1000px;
+ max-width: 1080px;
+ min-height: 650px;
+ overflow: hidden;
+ width: 100%
+}
+
+.leftSplit-1qOwnR.hasLogo-2bq2VW {
+ min-height: 750px
+}
+
+
+}
+
+@media (min-width: 1080px) {
+ .wrapper-3Q5DdO {
+ background: repeat 108% 103% url(/assets/934bf09d96b543e7d4dadf8cc1be5698.png)
+}
+
+.leftSplit-1qOwnR {
+ height: 100%;
+ overflow: hidden;
+ width: 80%
+}
+
+.leftSplit-1qOwnR.hasLogo-2bq2VW {
+ min-height: 700px
+}
+
+
+}
+
.modal-3HD5ck {
-ms-flex: 1;
-ms-flex-direction: column;
@@ -3263,6 +3447,17 @@ to {
min-width: 800px
}
+@media (max-width: 485px) {
+ .sizeLarge-3clvAM,.sizeMedium-1fwIF2,.sizeSmall-Sf4iOi {
+ -ms-flex-item-align: center;
+ align-self: center;
+ min-width: auto;
+ width: 96%
+}
+
+
+}
+
.size10-39i14u {
font-size: 10px
}
@@ -4851,116 +5046,6 @@ to {
background-color: #747f8d
}
-.mediaHint-2uAG3H {
- -moz-user-select: none;
- -ms-user-select: none;
- -webkit-user-select: none;
- color: #fff;
- font-size: 16px;
- font-weight: 400;
- line-height: 18px;
- position: absolute;
- user-select: none;
- width: 300px
-}
-
-.mediaHint-2uAG3H: after {
- background: url(/assets/5bac8a5909510f58c12ee6ae724eecbb.svg) 50% no-repeat;
- background-size: 126px 76px;
- content: "";
- height: 76px;
- position: absolute;
- top: -7px;
- width: 126px
-}
-
-.mediaHint-2uAG3H small {
- display: block;
- font-size: 12px;
- line-height: 14px;
- margin-top: 3px;
- opacity: .6
-}
-
-.chrome-1CWujS {
- left: 450px;
- top: 120px
-}
-
-.chrome-1CWujS: after {
- left: -100px
-}
-
-.firefox-2DIdp1 {
- left: 420px;
- top: 190px
-}
-
-.firefox-2DIdp1: after {
- left: -100px
-}
-
-.container-14fypd {
- word-wrap: break-word
-}
-
-.content-dfabe7 {
- padding-bottom: 20px;
- padding-top: 20px
-}
-
-.title-18-Ds0 {
- text-align: center
-}
-
-.minorAction-OVxOke {
- -ms-flex: 0 0 auto;
- -webkit-box-flex: 0;
- cursor: pointer;
- flex: 0 0 auto;
- margin-bottom: -10px;
- margin-top: 8px;
- opacity: .6;
- text-align: center;
- width: 100%
-}
-
-.minorAction-OVxOke: hover {
- text-decoration: underline
-}
-
-.body-Mj9Oxz {
- text-align: center
-}
-
-.primaryButton-2BsGPp,.secondaryButton-BIo-2g {
- -ms-flex: 1 1 45%;
- -webkit-box-flex: 1;
- flex: 1 1 45%
-}
-
-.gutter-15v0rO {
- margin-left: 10px
-}
-
-.container-SaXBYZ {
- word-wrap: break-word
-}
-
-.content-KhOrDM {
- padding-bottom: 20px
-}
-
-.header-3OkTu9 {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap
-}
-
-.mobile-3RfRhZ {
- width: 100%
-}
-
.botTag-2WPJ74 {
-ms-flex-negative: 0;
border-radius: 3px;
@@ -5017,6 +5102,371 @@ to {
flex-shrink: 0
}
+.imageWrapper-2p5ogY {
+ -moz-user-select: text;
+ -ms-user-select: text;
+ -webkit-user-select: text;
+ border-radius: 3px;
+ display: inline-block;
+ overflow: hidden;
+ position: relative;
+ user-select: text
+}
+
+.imageWrapper-2p5ogY img {
+ position: absolute
+}
+
+.imageWrapperBackground-E_M6Nu {
+ background: rgba(0,0,0,.05)
+}
+
+.imageWrapperInner-3_dNk0 {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0
+}
+
+.imageError-2OefUi {
+ background-image: url(/assets/b5d0fabb4afdf0666f3785f8c1d3beff.svg);
+ background-position: 50%;
+ background-repeat: no-repeat;
+ background-size: contain;
+ height: 102px;
+ width: 200px
+}
+
+.imagePlaceholder-1AxUV5 {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0
+}
+
+.imagePlaceholderOverlay-ETNjpn {
+ background-color: rgba(0,0,0,.6)
+}
+
+.imageAccessory-3uSIjZ {
+ position: absolute;
+ right: 4px;
+ top: 4px
+}
+
+.imageZoom-1n-ADA {
+ cursor: nesw-resize;
+ cursor: -webkit-zoom-in;
+ cursor: zoom-in
+}
+
+.theme-dark .imageError-2OefUi {
+ background-image: url(/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg)
+}
+
+.wrapper-129saQ {
+ -ms-flex: 0 0 auto;
+ -webkit-box-flex: 0;
+ background-color: rgba(0,0,0,.6);
+ border-radius: 24px;
+ color: #fff;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ flex: 0 0 auto;
+ height: 24px;
+ padding: 12px;
+ pointer-events: none
+}
+
+.wrapper-129saQ a: link,.wrapper-129saQ a: visited {
+ color: #fff!important
+}
+
+.icon-3ZFEtL,.wrapper-129saQ a: link,.wrapper-129saQ a: visited {
+ cursor: pointer;
+ display: block;
+ pointer-events: auto
+}
+
+.icon-3ZFEtL {
+ -ms-flex: 0 0 auto;
+ -webkit-box-flex: 0;
+ flex: 0 0 auto;
+ height: 24px;
+ opacity: .6;
+ width: 24px
+}
+
+.icon-3ZFEtL: hover {
+ opacity: 1
+}
+
+.icon-3ZFEtL: active {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px)
+}
+
+.iconPlay-2kgvwV {
+ margin-left: 1px;
+ margin-right: -1px
+}
+
+.iconExternal-NKMKxg,.iconExternalMargins-2v2mzg,.iconPlay-2kgvwV {
+
+}
+
+.iconExternalMargins-2v2mzg {
+ margin-left: 2px;
+ margin-right: 4px
+}
+
+.embedMargin-UO5XwE {
+
+}
+
+.embedMarginLarge-YZDCEs {
+
+}
+
+.embedLink-1G1K1D {
+ cursor: pointer;
+ text-decoration: none
+}
+
+.embedLink-1G1K1D: hover {
+ text-decoration: underline
+}
+
+.embed-IeVjo6 {
+ max-width: 520px;
+ position: relative
+}
+
+.embed-IeVjo6 .emoji {
+ -o-object-fit: contain;
+ height: 1rem;
+ margin: 0 .05em 0 .1em;
+ min-height: 22px;
+ min-width: 22px;
+ object-fit: contain;
+ vertical-align: -.4em;
+ width: 1rem
+}
+
+.embedPill-1Zntps {
+ -ms-flex-negative: 0;
+ background-color: #cacbce;
+ border-radius: 3px 0 0 3px;
+ flex-shrink: 0;
+ width: 4px
+}
+
+.embedInner-1-fpTo {
+ -webkit-box-sizing: border-box;
+ background: hsla(0,0%,98%,.3);
+ border: 1px solid hsla(0,0%,80%,.3);
+ border-radius: 0 3px 3px 0;
+ box-sizing: border-box;
+ overflow: hidden;
+ padding: 8px 10px
+}
+
+.embedContent-3fnYWm {
+
+}
+
+.embedContentInner-FBnk7v {
+ -ms-flex: 1;
+ -webkit-box-flex: 1;
+ flex: 1;
+ overflow: hidden
+}
+
+.embedProvider-3k5pfl {
+ color: #87909c!important;
+ display: inline-block
+}
+
+.embedProviderLink-2Pq1Uw {
+
+}
+
+.embedAuthor-3l5luH {
+
+}
+
+.embedAuthorName-3mnTWj {
+ color: #4f545c!important
+}
+
+.embedAuthorNameLink-1gVryT {
+
+}
+
+.embedAuthorIcon--1zR3L {
+ -o-object-fit: contain;
+ border-radius: 50%;
+ height: 20px;
+ margin-right: 8px;
+ object-fit: contain;
+ width: 20px
+}
+
+.embedTitle-3OXDkz {
+ color: #4f545c;
+ display: inline-block
+}
+
+.embedTitleLink-1Zla9e {
+ color: #00b0f4
+}
+
+.embedDescription-1Cuq9a {
+ color: rgba(79,83,91,.9);
+ font-size: 14px;
+ font-weight: 400;
+ letter-spacing: 0
+}
+
+.embedImage-2W1cML {
+ border-radius: 3px;
+ overflow: hidden
+}
+
+.embedImage-2W1cML,.embedImage-2W1cML img,.embedImage-2W1cML video {
+ display: block
+}
+
+.embedThumbnail-2Y84-K {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ margin-left: 16px
+}
+
+.embedVideo-3nf0O9 {
+ background-color: rgba(0,0,0,.05);
+ position: relative
+}
+
+.embedVideoActions-O6vR7W {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0
+}
+
+.embedVideoActions-O6vR7W,.embedVideoActionsInner-2reMo2 {
+
+}
+
+.embedVideoAction-2BIhKO {
+ background: none;
+ background-size: 24px 24px;
+ display: inline-block;
+ height: 24px;
+ opacity: .6;
+ width: 24px
+}
+
+.embedVideoAction-2BIhKO+.embedVideoAction-2BIhKO {
+ margin-left: 4px
+}
+
+.embedVideoAction-2BIhKO: hover {
+ opacity: 1
+}
+
+.embedGIFV-3_ebID {
+
+}
+
+.embedGIFTag-n_mDqR {
+ position: absolute;
+ right: 4px;
+ top: 4px
+}
+
+.embedFooter-3yVop- {
+
+}
+
+.embedFooterText-28V_Wb {
+ color: rgba(79,83,91,.6);
+ letter-spacing: 0
+}
+
+.embedFooterSeparator-3klTIQ {
+ color: #cacbce;
+ display: inline-block;
+ margin: 0 4px
+}
+
+.embedFooterIcon-239O1f {
+ -o-object-fit: contain;
+ border-radius: 50%;
+ height: 20px;
+ margin-right: 8px;
+ object-fit: contain;
+ width: 20px
+}
+
+.embedFields-2IPs5Z {
+ color: #36393e
+}
+
+.embedField-1v-Pnh {
+ -ms-flex: 0;
+ -webkit-box-flex: 0;
+ flex: 0;
+ min-width: 100%
+}
+
+.embedFieldInline-3-e-XX {
+ -ms-flex: 1;
+ -ms-flex-preferred-size: auto;
+ -webkit-box-flex: 1;
+ flex: 1;
+ flex-basis: auto;
+ min-width: 150px
+}
+
+.embedFieldName-NFrena {
+
+}
+
+.embedFieldValue-nELq2s {
+
+}
+
+.theme-dark .embedPill-1Zntps {
+ background-color: #4f545c
+}
+
+.theme-dark .embedInner-1-fpTo {
+ background-color: rgba(46,48,54,.3);
+ border-color: rgba(46,48,54,.6)
+}
+
+.theme-dark .embedDescription-1Cuq9a,.theme-dark .embedFieldValue-nELq2s,.theme-dark .embedFooterText-28V_Wb,.theme-dark .embedProvider-3k5pfl {
+ color: hsla(0,0%,100%,.6)
+}
+
+.theme-dark .embedAuthorName-3mnTWj,.theme-dark .embedFieldName-NFrena,.theme-dark .embedTitle-3OXDkz {
+ color: #fff!important
+}
+
+.theme-dark .embedTitleLink-1Zla9e {
+ color: #0096cf!important
+}
+
+.theme-dark .embedFooterSeparator-3klTIQ {
+ color: #4f545c
+}
+
.noUserDrag-5Mb43F {
-webkit-user-drag: none
}
@@ -5389,63 +5839,6 @@ to {
position: relative
}
-.wrapper-129saQ {
- -ms-flex: 0 0 auto;
- -webkit-box-flex: 0;
- background-color: rgba(0,0,0,.6);
- border-radius: 24px;
- color: #fff;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- flex: 0 0 auto;
- height: 24px;
- padding: 12px;
- pointer-events: none
-}
-
-.wrapper-129saQ a: link,.wrapper-129saQ a: visited {
- color: #fff!important
-}
-
-.icon-3ZFEtL,.wrapper-129saQ a: link,.wrapper-129saQ a: visited {
- cursor: pointer;
- display: block;
- pointer-events: auto
-}
-
-.icon-3ZFEtL {
- -ms-flex: 0 0 auto;
- -webkit-box-flex: 0;
- flex: 0 0 auto;
- height: 24px;
- opacity: .6;
- width: 24px
-}
-
-.icon-3ZFEtL: hover {
- opacity: 1
-}
-
-.icon-3ZFEtL: active {
- -webkit-transform: translateY(1px);
- transform: translateY(1px)
-}
-
-.iconPlay-2kgvwV {
- margin-left: 1px;
- margin-right: -1px
-}
-
-.iconExternal-NKMKxg,.iconExternalMargins-2v2mzg,.iconPlay-2kgvwV {
-
-}
-
-.iconExternalMargins-2v2mzg {
- margin-left: 2px;
- margin-right: 4px
-}
-
.news-1uHrMX {
-ms-flex-align: end;
-webkit-box-align: end;
@@ -5601,6 +5994,11 @@ to {
flex: 1
}
+.trailerImage-3RPb4R {
+ -o-object-fit: cover;
+ object-fit: cover
+}
+
.info-P9dFwH {
-ms-flex-direction: column;
-ms-flex-pack: end;
@@ -5887,6 +6285,49 @@ to {
width: 16px
}
+.container-14fypd {
+ word-wrap: break-word
+}
+
+.content-dfabe7 {
+ padding-bottom: 20px;
+ padding-top: 20px
+}
+
+.title-18-Ds0 {
+ text-align: center
+}
+
+.minorAction-OVxOke {
+ -ms-flex: 0 0 auto;
+ -webkit-box-flex: 0;
+ cursor: pointer;
+ flex: 0 0 auto;
+ margin-bottom: -10px;
+ margin-top: 8px;
+ opacity: .6;
+ text-align: center;
+ width: 100%
+}
+
+.minorAction-OVxOke: hover {
+ text-decoration: underline
+}
+
+.body-Mj9Oxz {
+ text-align: center
+}
+
+.primaryButton-2BsGPp,.secondaryButton-BIo-2g {
+ -ms-flex: 1 1 45%;
+ -webkit-box-flex: 1;
+ flex: 1 1 45%
+}
+
+.gutter-15v0rO {
+ margin-left: 10px
+}
+
.text-AOoUen {
color: hsla(0,0%,100%,.8)
}
@@ -6278,98 +6719,6 @@ to {
background-image: url(/assets/d031d99c36c9a2ed72572e8aa57c7e29.svg)
}
-.scrollbar-3dvm_9: : -webkit-scrollbar-corner {
- background: none;
- border: none
-}
-
-.scrollbarDefault-3COgCQ {
-
-}
-
-.scrollbarDefault-3COgCQ: : -webkit-scrollbar {
- height: 14px;
- width: 14px
-}
-
-.scrollbarDefault-3COgCQ: : -webkit-scrollbar-thumb,.scrollbarDefault-3COgCQ: : -webkit-scrollbar-track {
- background-clip: padding-box;
- border-radius: 7px;
- border-style: solid;
- border-width: 3px
-}
-
-.scrollbarDefault-3COgCQ: : -webkit-scrollbar-track {
- border-width: initial
-}
-
-.scrollbarGhost-2F9Zj2 {
-
-}
-
-.scrollbarGhost-2F9Zj2: : -webkit-scrollbar {
- height: 14px;
- width: 14px
-}
-
-.scrollbarGhost-2F9Zj2: : -webkit-scrollbar-thumb,.scrollbarGhost-2F9Zj2: : -webkit-scrollbar-track {
- background-clip: padding-box;
- border-radius: 7px;
- border-style: solid;
- border-width: 3px
-}
-
-.scrollbarGhost-2F9Zj2: : -webkit-scrollbar-thumb {
- background-color: rgba(0,0,0,.4);
- border-color: transparent
-}
-
-.scrollbarGhost-2F9Zj2: : -webkit-scrollbar-track {
- background-color: rgba(0,0,0,.1);
- border-color: transparent;
- border-width: initial
-}
-
-.scrollbarGhostHairline-1mSOM1 {
-
-}
-
-.scrollbarGhostHairline-1mSOM1: : -webkit-scrollbar {
- height: 4px;
- width: 4px
-}
-
-.scrollbarGhostHairline-1mSOM1: : -webkit-scrollbar-thumb {
- background-color: rgba(32,34,37,.6);
- border-radius: 2px;
- cursor: move
-}
-
-.scrollbarGhostHairline-1mSOM1: : -webkit-scrollbar-track {
- background-color: transparent;
- border: none
-}
-
-.theme-light .scrollbarDefault-3COgCQ: : -webkit-scrollbar-thumb {
- background-color: #7289da;
- border-color: transparent
-}
-
-.theme-light .scrollbarDefault-3COgCQ: : -webkit-scrollbar-track {
- background-color: #f2f2f2;
- border-color: transparent
-}
-
-.theme-dark .scrollbarDefault-3COgCQ: : -webkit-scrollbar-thumb {
- background-color: #202225;
- border-color: transparent
-}
-
-.theme-dark .scrollbarDefault-3COgCQ: : -webkit-scrollbar-track {
- background-color: rgba(0,0,0,.1);
- border-color: transparent
-}
-
.note-3kmerW textarea {
-webkit-box-sizing: border-box;
background: transparent;
@@ -7287,6 +7636,73 @@ to {
color: #9099a4
}
+.mediaHint-2uAG3H {
+ -moz-user-select: none;
+ -ms-user-select: none;
+ -webkit-user-select: none;
+ color: #fff;
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 18px;
+ position: absolute;
+ user-select: none;
+ width: 300px
+}
+
+.mediaHint-2uAG3H: after {
+ background: url(/assets/5bac8a5909510f58c12ee6ae724eecbb.svg) 50% no-repeat;
+ background-size: 126px 76px;
+ content: "";
+ height: 76px;
+ position: absolute;
+ top: -7px;
+ width: 126px
+}
+
+.mediaHint-2uAG3H small {
+ display: block;
+ font-size: 12px;
+ line-height: 14px;
+ margin-top: 3px;
+ opacity: .6
+}
+
+.chrome-1CWujS {
+ left: 450px;
+ top: 120px
+}
+
+.chrome-1CWujS: after {
+ left: -100px
+}
+
+.firefox-2DIdp1 {
+ left: 420px;
+ top: 190px
+}
+
+.firefox-2DIdp1: after {
+ left: -100px
+}
+
+.container-SaXBYZ {
+ word-wrap: break-word
+}
+
+.content-KhOrDM {
+ padding-bottom: 20px
+}
+
+.header-3OkTu9 {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap
+}
+
+.mobile-3RfRhZ {
+ width: 100%
+}
+
.darkElevationLow-DABD7i {
-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
box-shadow: 0 1px 5px 0 rgba(0,0,0,.3)
@@ -14723,6 +15139,11 @@ to {
background-image: url(/assets/60c3eaf0d7173c929482362ea1d2543a.svg)
}
+.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.audio-14DQXq {
+ background-image: url(/assets/555a9bd0f67bc5f7d0c78d5c98ad6dc9.svg);
+ margin: -42px 8px 8px
+}
+
.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.unknown-3TPTMr {
background-image: url(/assets/92fc72e47a5854ae12c1167e69573d77.svg)
}
@@ -20658,70 +21079,6 @@ to {
color: hsla(240,6%,97%,.3)
}
-.imageWrapper-2p5ogY {
- -moz-user-select: text;
- -ms-user-select: text;
- -webkit-user-select: text;
- border-radius: 3px;
- display: inline-block;
- overflow: hidden;
- position: relative;
- user-select: text
-}
-
-.imageWrapper-2p5ogY img {
- position: absolute
-}
-
-.imageWrapperBackground-E_M6Nu {
- background: rgba(0,0,0,.05)
-}
-
-.imageWrapperInner-3_dNk0 {
- bottom: 0;
- left: 0;
- position: absolute;
- right: 0;
- top: 0
-}
-
-.imageError-2OefUi {
- background-image: url(/assets/b5d0fabb4afdf0666f3785f8c1d3beff.svg);
- background-position: 50%;
- background-repeat: no-repeat;
- background-size: contain;
- height: 102px;
- width: 200px
-}
-
-.imagePlaceholder-1AxUV5 {
- bottom: 0;
- left: 0;
- position: absolute;
- right: 0;
- top: 0
-}
-
-.imagePlaceholderOverlay-ETNjpn {
- background-color: rgba(0,0,0,.6)
-}
-
-.imageAccessory-3uSIjZ {
- position: absolute;
- right: 4px;
- top: 4px
-}
-
-.imageZoom-1n-ADA {
- cursor: nesw-resize;
- cursor: -webkit-zoom-in;
- cursor: zoom-in
-}
-
-.theme-dark .imageError-2OefUi {
- background-image: url(/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg)
-}
-
.gifTag-31zFY8 {
background-image: url(/assets/f08d762d18b676262c8d40c5aff9e640.svg);
height: 22px;
@@ -20795,9 +21152,9 @@ to {
background-color: rgba(0,0,0,.7);
border-radius: 8px;
flex: none;
- margin: 0 4px;
+ margin: 0 4px 0 0;
padding: 4px 8px;
- width: 84px
+ width: 72px
}
.vertical-1gJnJQ {
@@ -20808,9 +21165,6 @@ to {
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: top;
align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
height: 54px;
justify-content: end;
transform: rotate(-90deg);
@@ -20818,7 +21172,15 @@ to {
width: 140px
}
+.horizontal-3Sq5iO,.vertical-1gJnJQ {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex
+}
+
.horizontal-3Sq5iO {
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
width: 100%
}
@@ -20879,7 +21241,7 @@ to {
display: flex;
flex: none;
justify-content: center;
- width: 84px
+ width: 72px
}
.mediaBarPreview-1jfyFs,.mediaBarProgress-1xaPtl {
@@ -20973,7 +21335,7 @@ to {
user-select: none
}
-.wrapperControlsHidden-35Gtol,.wrapperPaused-19pWuK,.wrapperPlaying-1pXOW5 {
+.wrapperAudio-1jDe0Q,.wrapperControlsHidden-35Gtol,.wrapperPaused-19pWuK,.wrapperPlaying-1pXOW5 {
}
@@ -20981,22 +21343,46 @@ to {
cursor: none
}
-.controls-N9e_UM {
+.wrapperAudio-1jDe0Q {
+ -ms-flex-direction: column;
+ -ms-flex-pack: justify;
+ -webkit-box-direction: normal;
+ -webkit-box-orient: vertical;
+ -webkit-box-pack: justify;
+ border-style: solid;
+ border-width: 1px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ overflow: visible;
+ padding: 10px
+}
+
+.videoControls-2kcYic {
+ bottom: -10px;
+ left: 0;
+ padding-bottom: 10px;
+ position: absolute;
+ right: 0
+}
+
+.audioControls-2HsaU6,.videoControls-2kcYic {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
background-color: rgba(0,0,0,.6);
- bottom: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
- left: 0;
- padding-bottom: 10px;
- position: absolute;
- right: 0;
width: 100%
}
+.audioControls-2HsaU6 {
+ border-radius: 3px
+}
+
.controlIcon-3cRbti {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
@@ -21025,7 +21411,7 @@ to {
visibility: hidden
}
-.volumeWrapper-1qVOcY {
+.videoVolumeWrapper-3syuC- {
-webkit-transform: translateY(-60px);
bottom: 0;
position: absolute;
@@ -21033,6 +21419,32 @@ to {
transform: translateY(-60px)
}
+.audioVolumeWrapper-2t9juP {
+ -webkit-transform: translate(28px,-52px);
+ bottom: 0;
+ position: absolute;
+ right: 0;
+ transform: translate(28px,-52px)
+}
+
+.audioSoundBar-i0hfo6 {
+ -ms-flex-pack: center;
+ -webkit-box-pack: center;
+ -webkit-transform: rotate(-90deg) translate(78px,35px);
+ background-color: rgba(0,0,0,.7);
+ border-radius: 8px;
+ bottom: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ height: 14px;
+ justify-content: center;
+ position: absolute;
+ right: 0;
+ transform: rotate(-90deg) translate(78px,35px);
+ width: 100px
+}
+
.durationTimeWrapper-OugPFt {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
@@ -21071,6 +21483,47 @@ to {
display: none!important
}
+.audio-2-PNle {
+ display: block;
+ height: 0;
+ position: absolute;
+ width: 0
+}
+
+.audioMetadata-3zOuGv {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex
+}
+
+.audioMetadata-3zOuGv: before {
+ content: url(/assets/5b0da31dc2b00717c1e35fb1f84f9b9b.svg);
+ width: 30px
+}
+
+.audioMetadata-3zOuGv .metadataContent-3c_ZXw {
+ padding: 0 12px
+}
+
+.audioMetadata-3zOuGv .metadataDownload-1fk90V {
+ height: 24px;
+ opacity: 1
+}
+
+.audioMetadata-3zOuGv .metadataIcon-2FyCKU {
+ color: #4f545c
+}
+
+.audioMetadata-3zOuGv .metadataIcon-2FyCKU: hover {
+ color: #72767d;
+ opacity: .6
+}
+
+.audioMetadata-3zOuGv .metadataSize-2UOOLK {
+ color: #72767d;
+ opacity: 1
+}
+
.metadata-13NcHb {
-ms-flex-align: start;
-webkit-box-align: start;
@@ -21171,252 +21624,29 @@ to {
background-color: #202225
}
-.theme-light .wrapper-2TxpI8 {
- background-color: #f6f6f7
-}
-
-.embedMargin-UO5XwE {
-
-}
-
-.embedMarginLarge-YZDCEs {
-
-}
-
-.embedLink-1G1K1D {
- cursor: pointer;
- text-decoration: none
-}
-
-.embedLink-1G1K1D: hover {
- text-decoration: underline
-}
-
-.embed-IeVjo6 {
- max-width: 520px;
- position: relative
-}
-
-.embed-IeVjo6 .emoji {
- -o-object-fit: contain;
- height: 1rem;
- margin: 0 .05em 0 .1em;
- min-height: 22px;
- min-width: 22px;
- object-fit: contain;
- vertical-align: -.4em;
- width: 1rem
-}
-
-.embedPill-1Zntps {
- -ms-flex-negative: 0;
- background-color: #cacbce;
- border-radius: 3px 0 0 3px;
- flex-shrink: 0;
- width: 4px
-}
-
-.embedInner-1-fpTo {
- -webkit-box-sizing: border-box;
- background: hsla(0,0%,98%,.3);
- border: 1px solid hsla(0,0%,80%,.3);
- border-radius: 0 3px 3px 0;
- box-sizing: border-box;
- overflow: hidden;
- padding: 8px 10px
-}
-
-.embedContent-3fnYWm {
-
-}
-
-.embedContentInner-FBnk7v {
- -ms-flex: 1;
- -webkit-box-flex: 1;
- flex: 1;
- overflow: hidden
-}
-
-.embedProvider-3k5pfl {
- color: #87909c!important;
- display: inline-block
-}
-
-.embedProviderLink-2Pq1Uw {
-
-}
-
-.embedAuthor-3l5luH {
-
-}
-
-.embedAuthorName-3mnTWj {
- color: #4f545c!important
-}
-
-.embedAuthorNameLink-1gVryT {
-
-}
-
-.embedAuthorIcon--1zR3L {
- -o-object-fit: contain;
- border-radius: 50%;
- height: 20px;
- margin-right: 8px;
- object-fit: contain;
- width: 20px
-}
-
-.embedTitle-3OXDkz {
- color: #4f545c;
- display: inline-block
-}
-
-.embedTitleLink-1Zla9e {
- color: #00b0f4
-}
-
-.embedDescription-1Cuq9a {
- color: rgba(79,83,91,.9);
- font-size: 14px;
- font-weight: 400;
- letter-spacing: 0
-}
-
-.embedImage-2W1cML {
- border-radius: 3px;
- overflow: hidden
-}
-
-.embedImage-2W1cML,.embedImage-2W1cML img,.embedImage-2W1cML video {
- display: block
-}
-
-.embedThumbnail-2Y84-K {
- -ms-flex-negative: 0;
- flex-shrink: 0;
- margin-left: 16px
-}
-
-.embedVideo-3nf0O9 {
- background-color: rgba(0,0,0,.05);
- position: relative
-}
-
-.embedVideoActions-O6vR7W {
- bottom: 0;
- left: 0;
- position: absolute;
- right: 0;
- top: 0
-}
-
-.embedVideoActions-O6vR7W,.embedVideoActionsInner-2reMo2 {
-
-}
-
-.embedVideoAction-2BIhKO {
- background: none;
- background-size: 24px 24px;
- display: inline-block;
- height: 24px;
- opacity: .6;
- width: 24px
-}
-
-.embedVideoAction-2BIhKO+.embedVideoAction-2BIhKO {
- margin-left: 4px
-}
-
-.embedVideoAction-2BIhKO: hover {
- opacity: 1
-}
-
-.embedGIFV-3_ebID {
-
-}
-
-.embedGIFTag-n_mDqR {
- position: absolute;
- right: 4px;
- top: 4px
-}
-
-.embedFooter-3yVop- {
-
-}
-
-.embedFooterText-28V_Wb {
- color: rgba(79,83,91,.6);
- letter-spacing: 0
-}
-
-.embedFooterSeparator-3klTIQ {
- color: #cacbce;
- display: inline-block;
- margin: 0 4px
-}
-
-.embedFooterIcon-239O1f {
- -o-object-fit: contain;
- border-radius: 50%;
- height: 20px;
- margin-right: 8px;
- object-fit: contain;
- width: 20px
-}
-
-.embedFields-2IPs5Z {
- color: #36393e
-}
-
-.embedField-1v-Pnh {
- -ms-flex: 0;
- -webkit-box-flex: 0;
- flex: 0;
- min-width: 100%
-}
-
-.embedFieldInline-3-e-XX {
- -ms-flex: 1;
- -ms-flex-preferred-size: auto;
- -webkit-box-flex: 1;
- flex: 1;
- flex-basis: auto;
- min-width: 150px
-}
-
-.embedFieldName-NFrena {
-
-}
-
-.embedFieldValue-nELq2s {
-
-}
-
-.theme-dark .embedPill-1Zntps {
- background-color: #4f545c
-}
-
-.theme-dark .embedInner-1-fpTo {
- background-color: rgba(46,48,54,.3);
- border-color: rgba(46,48,54,.6)
+.theme-dark .wrapperAudio-1jDe0Q {
+ background-color: rgba(47,49,54,.3);
+ border-color: rgba(47,49,54,.6)
}
-.theme-dark .embedDescription-1Cuq9a,.theme-dark .embedFieldValue-nELq2s,.theme-dark .embedFooterText-28V_Wb,.theme-dark .embedProvider-3k5pfl {
- color: hsla(0,0%,100%,.6)
+.theme-light .wrapper-2TxpI8 {
+ background-color: #f6f6f7
}
-.theme-dark .embedAuthorName-3mnTWj,.theme-dark .embedFieldName-NFrena,.theme-dark .embedTitle-3OXDkz {
- color: #fff!important
+.theme-light .wrapperAudio-1jDe0Q {
+ background-color: #fff;
+ border-color: #f6f6f7
}
-.theme-dark .embedTitleLink-1Zla9e {
- color: #0096cf!important
+.errorPlaceholder-1QYc0U {
+ background-image: url(/assets/b5d0fabb4afdf0666f3785f8c1d3beff.svg);
+ background-position: 50%;
+ background-repeat: no-repeat;
+ background-size: contain
}
-.theme-dark .embedFooterSeparator-3klTIQ {
- color: #4f545c
+.theme-dark .errorPlaceholder-1QYc0U {
+ background-image: url(/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg)
}
.icon-3o6xvg {
@@ -31858,65 +32088,6 @@ to {
background: #282b30 url(/assets/bf625d222187f542b9d7179109422e2c.svg) no-repeat center 20px
}
-.channelNotices-41mJbj .channelNotice-1-XFjC.invite-OjTXrW.new-1_t60t {
- background: #4e5d94 url(/assets/40ac1103a43bb382be737519b26f37fa.svg) no-repeat center 20px
-}
-
-.channelNotices-41mJbj .channelNotice-1-XFjC.invite-OjTXrW.new-1_t60t .headerTint-26ho6S {
- background-color: #435180;
- height: 56px;
- left: 0;
- position: absolute;
- top: -56px;
- width: 240px;
- z-index: 2
-}
-
-.channelNotices-41mJbj .channelNotice-1-XFjC.invite-OjTXrW.new-1_t60t .message-3SOT5P {
- color: #f8f9fd
-}
-
-.channelNotices-41mJbj .channelNotice-1-XFjC.invite-OjTXrW.new-1_t60t .message-3SOT5P .description-lSY1f- {
- margin: 10px 0 20px
-}
-
-.channelNotices-41mJbj .channelNotice-1-XFjC.invite-OjTXrW.new-1_t60t .message-3SOT5P .description-lSY1f- .title-1GVsKI {
- font-weight: 700;
- text-transform: uppercase
-}
-
-.channelNotices-41mJbj .channelNotice-1-XFjC.invite-OjTXrW.new-1_t60t .message-3SOT5P .generate-2YMCZL {
- -ms-flex-direction: column;
- -webkit-box-direction: normal;
- -webkit-box-orient: vertical;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- flex-direction: column
-}
-
-.channelNotices-41mJbj .channelNotice-1-XFjC.invite-OjTXrW.new-1_t60t .message-3SOT5P .inviteInput-s-EeHm {
- background-color: rgba(46,55,87,.1);
- border-color: rgba(46,55,87,.3);
- color: #f8f9fd;
- font-size: 14px;
- font-weight: 500;
- height: auto;
- padding: 8px
-}
-
-.channelNotices-41mJbj .channelNotice-1-XFjC.invite-OjTXrW.new-1_t60t .message-3SOT5P .inviteInput-s-EeHm.centered-3856IW {
- text-align: center
-}
-
-.channelNotices-41mJbj .channelNotice-1-XFjC.invite-OjTXrW.new-1_t60t .message-3SOT5P .copyLinkButton-oa5dby {
- border-color: #2e3757;
- line-height: 18px;
- padding: 8px 0;
- text-transform: uppercase;
- width: 100%
-}
-
.channelNotices-41mJbj .channelNotice-1-XFjC.quickswitcher-35bYg4 {
background: #282b30 url(/assets/8fdb69b7684b8e1ecb3fdde909daca41.svg) no-repeat center 35px;
padding: 100px 20px 20px
@@ -32605,6 +32776,10 @@ to {
max-width: 1280px
}
+.oneColumnExperimentBody-2Ji5El {
+ max-width: 1060px
+}
+
.carousel-1Mb2Ud {
-webkit-transform: translateZ(0);
background-color: #202225;
@@ -32613,11 +32788,26 @@ to {
transform: translateZ(0)
}
-.header-24Qh39 {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- padding-right: 20px;
- width: 100%
+.oneColumnExperiment-15Yez1 {
+ -ms-flex-positive: 1;
+ -webkit-box-flex: 1;
+ flex-grow: 1;
+ margin-right: 20px;
+ max-width: 790px
+}
+
+.oneColumnExperimentRightColumn-2hHQS2 {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ width: 250px
+}
+
+.applicationDock-1E52dE {
+ margin-top: 29px
+}
+
+.applicationDockRightColumn-3XKsA7 {
+ margin-top: 40px
}
.headerManageIcon-3fX3Jq {
@@ -32633,7 +32823,17 @@ to {
-webkit-box-flex: 1;
flex: 1;
font-size: 18px;
- line-height: 22px
+ line-height: 22px;
+ width: 100%
+}
+
+.headerTextWithQuickLaunch-1Hc7Iv {
+ border-top: 1px solid transparent;
+ padding-top: 28px
+}
+
+.headerTextWithoutQuickLaunch-xxOFLx {
+ padding-top: 40px
}
.emptyImage-3JcMno {
@@ -32659,7 +32859,12 @@ to {
color: #b9bbbe
}
-.theme-dark .headerManageIcon-3fX3Jq: active,.theme-dark .headerText-2niCs_ {
+.theme-dark .headerManageIcon-3fX3Jq: active {
+ color: #dcddde
+}
+
+.theme-dark .headerText-2niCs_ {
+ border-top-color: rgba(47,49,54,.6);
color: #dcddde
}
@@ -32684,6 +32889,7 @@ to {
}
.theme-light .headerText-2niCs_ {
+ border-top-color: hsla(210,3%,87%,.6);
color: #4f545c
}
@@ -32724,18 +32930,10 @@ to {
padding-top: 40px
}
-.theme-dark .header-Vq7lC8 {
- border-top-color: rgba(47,49,54,.6)
-}
-
.theme-dark .emptyImage-1Y1gHr {
background-image: url(/assets/9216d9cf9e2660d3400e03f438bcdd7e.svg)
}
-.theme-light .header-Vq7lC8 {
- border-top-color: hsla(210,3%,87%,.6)
-}
-
.theme-light .emptyImage-1Y1gHr {
background-image: url(/assets/957e5890f369f6c3fbc90cea40b2a393.svg)
}
@@ -33118,6 +33316,328 @@ to {
color: #72767d
}
+.dock-1-sUKH {
+ -ms-flex-align: center;
+ -ms-flex-pack: justify;
+ -webkit-box-align: center;
+ -webkit-box-pack: justify;
+ align-items: center;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ justify-content: space-between;
+ overflow: hidden
+}
+
+.dockIcon-1aEfsH {
+ -webkit-transition: opacity .2s ease-in-out;
+ background-size: 100%;
+ border-radius: 3px;
+ margin-left: 20px;
+ transition: opacity .2s ease-in-out
+}
+
+.dockIcon-1aEfsH: first-child {
+ margin-left: 0
+}
+
+.dockIcon-1aEfsH.dockIconDisabled-120CsG {
+ cursor: not-allowed;
+ opacity: .2
+}
+
+.dockIconSmall-3I4jI0 {
+ height: 30px;
+ width: 30px
+}
+
+.dockIconMedium-1Orbrv {
+ height: 40px;
+ width: 40px
+}
+
+.dockIconLarge-3ryRSO {
+ height: 60px;
+ width: 60px
+}
+
+.overflowIcon-16WRnT {
+ border-radius: 50%
+}
+
+.overflowIconSmall-3srLwd {
+ height: 30px;
+ width: 30px
+}
+
+.overflowIconMedium-2sd7Py {
+ height: 40px;
+ width: 40px
+}
+
+.overflowIconLarge-2Tn_Z8 {
+ height: 60px;
+ width: 60px
+}
+
+.placeholder-oA7nhG {
+ border-radius: 5px
+}
+
+.placeholderSmall-2MTPEI {
+ height: 30px;
+ width: 30px
+}
+
+.placeholderMedium-7bnba6 {
+ height: 40px;
+ width: 40px
+}
+
+.placeholderIconLarge-2pwPCm {
+ height: 60px;
+ width: 60px
+}
+
+.placeholderHidden-UV-uOw {
+ visibility: hidden
+}
+
+.verticalDockItem-2NxP5J {
+ border-top: 1px solid transparent;
+ cursor: pointer;
+ position: relative
+}
+
+.verticalDockItem-2NxP5J: hover {
+ border-radius: 5px
+}
+
+.verticalDockItemSplash-jI35yB {
+ -webkit-filter: grayscale(100%);
+ -webkit-mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%);
+ background-repeat: no-repeat;
+ background-size: cover;
+ border-radius: 5px;
+ bottom: 0;
+ display: none;
+ filter: grayscale(100%);
+ left: 0;
+ mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%);
+ position: absolute;
+ right: 0;
+ top: -1px
+}
+
+.verticalDockItem-2NxP5J: hover .verticalDockItemSplash-jI35yB {
+ display: block
+}
+
+.verticalDockItemContents-J5gZO0 {
+ -ms-flex-align: center;
+ -webkit-box-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ height: 32px;
+ padding: 16px 12px;
+ position: relative
+}
+
+.verticalDockIcon-2jX7n1 {
+ -webkit-transition: opacity .2s ease-in-out;
+ background-size: 100%;
+ border-radius: 3px;
+ height: 30px;
+ margin-right: 12px;
+ transition: opacity .2s ease-in-out;
+ width: 30px
+}
+
+.verticalDockIcon-2jX7n1: first-child {
+ margin-left: 0
+}
+
+.verticalDockItemName-1HqTzt {
+ -ms-flex: 1;
+ -webkit-box-flex: 1;
+ flex: 1;
+ font-size: 16px;
+ font-weight: 500;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap
+}
+
+.verticalDockItemPlay-1DywVS {
+ display: none;
+ margin-left: 12px
+}
+
+.verticalDockFooter-1sBFtu,.verticalDockItem-2NxP5J: hover .verticalDockItemPlay-1DywVS {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex
+}
+
+.verticalDockFooter-1sBFtu {
+ -ms-flex-align: center;
+ -ms-flex-direction: column;
+ -webkit-box-align: center;
+ -webkit-box-direction: normal;
+ -webkit-box-orient: vertical;
+ align-items: center;
+ flex-direction: column
+}
+
+.verticalDockFooterNotEmpty-3Jz5AS {
+ border-top: 1px solid transparent;
+ padding-top: 20px
+}
+
+.verticalDockFooterEmpty-3mIHMw {
+
+}
+
+.verticalDockFooterIcon-2DkXfs {
+ height: 24px;
+ margin-bottom: 8px;
+ width: 24px
+}
+
+.verticalDockFooterEmptyImage-2o3afG {
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+ background-size: cover;
+ margin-bottom: 20px;
+ padding-top: 50%
+}
+
+.verticalDockFooterText-2t4w2m {
+ font-size: 12px;
+ font-weight: 400;
+ line-height: 16px;
+ padding: 0 20px;
+ text-align: center
+}
+
+.theme-light .overflowIcon-16WRnT,.theme-light .placeholder-oA7nhG {
+ background: #fff
+}
+
+.theme-light .verticalDockItem-2NxP5J {
+ border-top-color: hsla(210,3%,87%,.6)
+}
+
+.theme-light .verticalDockItem-2NxP5J: hover {
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
+ background-color: hsla(210,3%,87%,.3);
+ border-top-color: transparent;
+ box-shadow: 0 2px 5px 0 rgba(0,0,0,.2)
+}
+
+.theme-light .verticalDockItem-2NxP5J: hover+.verticalDockFooter-1sBFtu,.theme-light .verticalDockItem-2NxP5J: hover+.verticalDockItem-2NxP5J {
+ border-top-color: transparent
+}
+
+.theme-light .verticalDockItemName-1HqTzt {
+ color: #202225
+}
+
+.theme-light .verticalDockFooter-1sBFtu {
+ border-top-color: hsla(210,3%,87%,.6)
+}
+
+.theme-light .verticalDockFooterIcon-2DkXfs {
+ color: #b9bbbe
+}
+
+.theme-light .verticalDockFooterEmptyImage-2o3afG {
+ background-image: url(/assets/d0320d29cdef93b8e2baf889a28d32e0.svg)
+}
+
+.theme-light .verticalDockFooterText-2t4w2m {
+ color: #b9bbbe
+}
+
+.theme-dark .overflowIcon-16WRnT,.theme-dark .placeholder-oA7nhG {
+ background: rgba(79,84,92,.3)
+}
+
+.theme-dark .verticalDockItem-2NxP5J {
+ border-top-color: rgba(47,49,54,.6)
+}
+
+.theme-dark .verticalDockItem-2NxP5J: hover {
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
+ background-color: rgba(79,84,92,.3);
+ border-top-color: transparent;
+ box-shadow: 0 2px 5px 0 rgba(0,0,0,.2)
+}
+
+.theme-dark .verticalDockItem-2NxP5J: hover+.verticalDockFooter-1sBFtu,.theme-dark .verticalDockItem-2NxP5J: hover+.verticalDockItem-2NxP5J {
+ border-top-color: transparent
+}
+
+.theme-dark .verticalDockItemName-1HqTzt {
+ color: #f6f6f7
+}
+
+.theme-dark .verticalDockFooter-1sBFtu {
+ border-top-color: rgba(47,49,54,.6)
+}
+
+.theme-dark .verticalDockFooterIcon-2DkXfs {
+ color: #72767d
+}
+
+.theme-dark .verticalDockFooterEmptyImage-2o3afG {
+ background-image: url(/assets/131dcaaa628405e6d0ebee7708111c7a.svg)
+}
+
+.theme-dark .verticalDockFooterText-2t4w2m {
+ color: #72767d
+}
+
+.header-RuCPH4 {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ width: 100%
+}
+
+.emptyState-2mG0mq {
+ height: 80px
+}
+
+.addButton-1sGcP- {
+ background: none;
+ padding: 0;
+ position: relative
+}
+
+.addButton-1sGcP-: hover {
+ opacity: .6
+}
+
+.addButton-1sGcP-,.addIcon-1hmddP {
+ height: 22px;
+ width: 22px
+}
+
+.dock-2F4ZdV {
+ margin: 20px 0
+}
+
+.theme-light .addButton-1sGcP- {
+ color: #4f545c
+}
+
+.theme-dark .addButton-1sGcP- {
+ color: #dcddde
+}
+
.article-FleDq5 {
-webkit-box-sizing: border-box;
background-color: #202225;
@@ -37082,13 +37602,13 @@ to {
}
.inviteModal-34DdOm .inviteSplash-40aHus {
- background-position: 50% 50%;
+ background-position: 100%;
background-size: cover;
height: 420px;
width: 520px
}
-.inviteModal-34DdOm .scroller {
+.inviteModal-34DdOm .scroller-3__pG8 {
background: #fff url(/assets/29d5ff462afb11bce1979cf694aee3d1.png) repeat;
background-size: 200px 204px;
height: 100%;
@@ -39297,118 +39817,356 @@ to {
}
-.wrapper-3Q5DdO {
- background: -webkit-gradient(linear,right top,left bottom,from(#3d4046),to(#1e1e23));
- background: linear-gradient(to left bottom,#3d4046,#1e1e23);
- height: 100%;
- position: absolute;
- width: 100%
+.authBox-hW6HRx {
+ -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
+ -webkit-box-sizing: border-box;
+ background: #36393f;
+ border-radius: 5px;
+ box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
+ box-sizing: border-box;
+ color: #72767d;
+ font-size: 18px;
+ padding: 40px;
+ width: 480px
}
-.rightSplit-2US0xy {
- -webkit-transition: opacity .4s ease;
- opacity: 1;
- position: fixed;
- right: 0;
- top: 50%;
- transition: opacity .4s ease;
- width: auto
+.authBox-hW6HRx a {
+ color: #7289da
}
-.leftSplit-1qOwnR {
- height: 100%;
- left: 0;
- position: absolute;
- top: 0;
- width: 100%
+.authBox-hW6HRx a: hover {
+ text-decoration: underline
}
-@media (min-width: 481px) {
- .wrapper-3Q5DdO {
- background: #2f3136;
- overflow-x: hidden;
- overflow-y: auto;
- z-index: 1
+.centeringWrapper-2Rs1dR {
+ text-align: center;
+ width: 100%
}
-.leftSplit-1qOwnR {
+@media (max-width: 485px) {
+ .authBox-hW6HRx {
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-webkit-box-pack: center;
align-items: center;
+ background: -webkit-gradient(linear,right top,left bottom,from(#3d4046),to(#1e1e23));
+ background: linear-gradient(to left bottom,#3d4046,#1e1e23);
+ border-radius: 0;
+ bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
justify-content: center;
- max-height: 1000px;
- max-width: 1024px;
- min-height: 750px;
+ left: 0;
+ min-height: 500px;
+ padding: 70px 20px 20px;
+ position: absolute;
+ right: 0;
+ top: 0;
width: 100%
}
+.authBox-hW6HRx: before {
+ background: url(/assets/4f004ac9be168ac6ee18fc442a52ab53.svg) no-repeat;
+ content: "";
+ height: 36px;
+ position: absolute;
+ top: 20px;
+ width: 112px
+}
+
}
-@media (min-width: 780px) {
- .leftSplit-1qOwnR {
- min-height: 780px;
- min-width: 780px
+.title-jXR8lp {
+ font-size: 26px;
+ line-height: 32px
}
+.subTitle-3TUjmF {
+ color: #72767d;
+ font-size: 18px;
+ line-height: 22px
+}
+.subTitle-3TUjmF strong {
+ color: hsla(216,4%,74%,.9);
+ font-weight: 600
}
-@media (min-width: 1024px) {
- .leftSplit-1qOwnR {
- height: 80%;
- width: 80%
+.subText-1XkjIB {
+ color: #72767d
}
+.verified-2-ja4L {
+ -ms-flex-negative: 0;
+ display: inline-block;
+ flex-shrink: 0;
+ margin-right: 4px;
+ position: relative
+}
+.pill-1dHPfk {
+ background-color: rgba(32,34,37,.3);
+ border-radius: 100px;
+ display: block;
+ padding: 5px 16px 4px
}
-@media (min-width: 481px) {
- .wrapper-6URcxg {
+.pillOnline-35Y-7N {
+ margin-right: 8px
+}
+
+.pillMessage-1btqlx {
+ color: #b9bbbe;
+ font-size: 16px;
+ white-space: nowrap
+}
+
+.pillIcon-BaqtHs {
+ border-radius: 50%;
+ display: inline-block;
+ height: 10px;
+ margin-right: 4px;
+ width: 10px
+}
+
+.pillIconTotal-1BqTcA {
+ background-color: #72767d
+}
+
+.pillIconOnline-2JGlqR {
+ background-color: #43b581
+}
+
+.spinnerVideo-4cbMvj {
+ height: 200px;
+ width: 200px
+}
+
+.spinnerText-lNRnYJ {
+ color: #fff;
+ font-size: 16px;
+ font-style: italic
+}
+
+.image-2dZWJQ {
+ height: auto;
+ max-height: 120px;
+ max-width: 186px;
+ pointer-events: none;
+ width: 100%
+}
+
+.block-egJnc0 {
+ text-align: left;
+ width: 100%
+}
+
+.button-3k0cO7 {
+ font-size: 16px;
+ line-height: 24px
+}
+
+.linkButton-wzh5kV {
+ display: block;
+ padding-left: 0;
+ padding-right: 0
+}
+
+.inviteIcon-DSd8cG {
+ -ms-flex-align: center;
+ -ms-flex-pack: center;
+ -webkit-box-align: center;
+ -webkit-box-pack: center;
+ align-items: center;
+ background-color: #7289da;
+ color: #fff;
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ justify-content: center
+}
+
+.inviteLargeIcon-HrAH61 {
+ background-repeat: no-repeat;
+ background-size: 100%;
+ margin-right: 0
+}
+
+.inviteSmallIcon-1-yydW {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ margin-right: 8px;
+ margin-top: 0
+}
+
+.theme-dark .inputError-1PrjdI,.theme-dark .inputError-1PrjdI: focus,.theme-dark .inputError-1PrjdI: hover,.theme-light .inputError-1PrjdI,.theme-light .inputError-1PrjdI: focus,.theme-light .inputError-1PrjdI: hover {
+ border-color: #f04747
+}
+
+.needAccount-23l_Wh {
+ font-size: 14px;
+ line-height: 16px
+}
+
+.smallRegisterLink-2LCrMe {
+ display: inline-block;
+ margin-bottom: 0;
+ margin-left: 4px;
+ padding: 0;
+ vertical-align: bottom
+}
+
+.invite-KI7ctd {
+ background-color: #36393f;
+ bottom: 0;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0
+}
+
+.logo-236POo {
+ height: 52px;
+ opacity: .3;
+ width: 155px
+}
+
+.maxWidth-2Nc-lt {
+ max-width: 400px
+}
+
+.info-14fqOA {
+ overflow: auto;
+ padding: 0 20px
+}
+
+.header-dQULjL {
+ margin: 12vh 16px 8px
+}
+
+.upsellImage-1Dacab {
+ margin: 12vh 16px 24px
+}
+
+.upsellDescription-2nK2LO {
+ margin: 4px 24px 0
+}
+
+.centerText-3uuF23 {
+ text-align: center
+}
+
+.buttonTitle-1JFmjq {
+ margin: 20px 20px 0
+}
+
+.elevated-KVh7nN {
+ -webkit-box-shadow: 0 2px 10px 0 rgba(4,4,5,.2),0 0 0 1px #202225;
+ box-shadow: 0 2px 10px 0 rgba(4,4,5,.2),0 0 0 1px #202225
+}
+
+.button-3wt5OC {
+ margin: 12px 20px 16px
+}
+
+.buttonNew-3TdixR {
+ margin: 12px auto 20px;
+ width: 85%
+}
+
+.buttonNew-3TdixR,.card-1YzUI1 {
+
+}
+
+.card-1YzUI1 {
+ background: #202225;
+ border-color: #202225;
+ margin: 16px
+}
+
+.cardContents-1tCPL_ {
+ margin: 0 auto
+}
+
+.cardAccentLeft-3uQuki {
+ left: 0
+}
+
+.cardAccentLeft-3uQuki,.cardAccentRight-2Yf4Q0 {
+ bottom: 0;
+ opacity: .3;
position: absolute
}
+.cardAccentRight-2Yf4Q0 {
+ right: 0
+}
+.image-vn9QOh {
+ height: 100px
}
-@media (min-width: 1024px) {
+@media (max-width: 485px) {
.wrapper-6URcxg {
- right: 150px
+ height: 100%;
+ width: 100%
}
}
-.image-1SwJLX {
+@media (min-width: 486px) {
+ .wrapper-6URcxg {
+ -ms-flex-align: center;
+ -ms-flex-pack: center;
+ -webkit-box-align: center;
+ -webkit-box-pack: center;
+ align-items: center;
+ bottom: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ height: auto;
+ justify-content: center;
left: 0;
- opacity: 0;
position: absolute;
- top: 0
+ right: 0;
+ top: 0;
+ width: auto
}
-.image-1SwJLX.preview-1ijYeh {
- -webkit-filter: blur(20px);
- -webkit-transition: -webkit-filter .2s linear .2s;
- filter: blur(20px);
- opacity: 1;
- transition: -webkit-filter .2s linear .2s;
- transition: filter .2s linear .2s;
- transition: filter .2s linear .2s,-webkit-filter .2s linear .2s
+
}
-.image-1SwJLX.loaded-1CMjvT {
- -webkit-filter: blur(0);
- filter: blur(0);
+@media (min-width: 1080px) {
+ .wrapper-6URcxg {
+ -ms-flex-pack: end;
+ -webkit-box-pack: end;
+ justify-content: flex-end;
+ right: 150px
+}
+
+
+}
+
+.image-2jyRAK {
+ -webkit-transition: opacity .2s linear .2s;
+ left: 0;
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ transition: opacity .2s linear .2s
+}
+
+.image-2jyRAK.loaded-3PtF_J {
opacity: 1
}
-@media (min-width: 481px) {
+@media (min-width: 486px) {
.logo-2iEHEq {
background: url(/assets/4f004ac9be168ac6ee18fc442a52ab53.svg) no-repeat;
height: 36px;
@@ -39422,7 +40180,7 @@ to {
}
-@media (min-width: 1024px) {
+@media (min-width: 1080px) {
.logo-2iEHEq {
left: 60px;
margin-left: 0;
@@ -39435,6 +40193,7 @@ to {
.canvas-3XuBXe {
-webkit-transform: translateZ(0);
left: 0;
+ pointer-events: none;
position: fixed;
top: 0;
transform: translateZ(0)
@@ -39445,891 +40204,24 @@ to {
content: "";
height: 32px;
left: 0;
- position: absolute;
- right: 0;
- top: 0;
- z-index: 1
-}
-
-.platform-win .splashBackground-1FRCko {
- top: 20px
-}
-
-.platform-win .splashBackground-1FRCko: after {
- -webkit-app-region: drag;
- background: #202225;
- content: "";
- height: 24px;
- left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1
}
-.auth-wrap-background {
- -webkit-transition: opacity .5s cubic-bezier(.25,.25,.315,.86);
- opacity: 0;
- transition: opacity .5s cubic-bezier(.25,.25,.315,.86)
-}
-
-.auth-wrap-background.visible {
- opacity: 1
-}
-
-.platform-osx .auth-wrap-background: before {
- -webkit-app-region: drag;
+.platform-win .splashBackground-1FRCko: before {
+ background: rgba(0,0,0,.3);
+ border-bottom-left-radius: 3px;
content: "";
height: 22px;
- left: 0;
position: fixed;
right: 0;
top: 0;
- z-index: 10
-}
-
-.auth-copyright {
- bottom: 20px;
- color: #fff;
- font-size: 12px;
- left: 20px;
- line-height: 14px;
- opacity: .5;
- position: fixed;
+ width: 84px;
z-index: 1
}
-.auth-center {
- -ms-flex-align: center;
- -ms-flex-pack: center;
- -webkit-box-align: center;
- -webkit-box-pack: center;
- align-items: center;
- bottom: 0;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: center;
- right: 0;
- z-index: 1
-}
-
-.auth-center,.auth-tiling-bg {
- left: 0;
- position: absolute;
- top: 0
-}
-
-.auth-tiling-bg {
- background: url(/assets/80bebd88344f603ad8e402de7c52ef6b.png) 0 0 repeat;
- background-color: #2f3136;
- height: 100%;
- width: 100%
-}
-
-.auth-background {
- background-color: #2f3136;
- background-position: 50%;
- background-size: cover;
- height: 100%;
- left: 0;
- position: absolute;
- top: 0;
- width: 100%
-}
-
-.auth-blur-wrap {
- border-radius: 3px;
- overflow: hidden;
- position: relative
-}
-
-.auth-blur {
- -moz-filter: blur(10px);
- -ms-filter: blur(10px);
- -o-filter: blur(10px);
- -webkit-filter: blur(10px);
- filter: blur(10px);
- height: 100%;
- width: 100%
-}
-
-.auth-captcha .captcha-box {
- -ms-flex-pack: center;
- -webkit-box-pack: center;
- justify-content: center;
- margin-top: 15px
-}
-
-.auth-captcha .captcha-box,.auth-inner {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex
-}
-
-.auth-inner {
- -ms-flex-direction: row;
- -webkit-box-direction: normal;
- -webkit-box-orient: horizontal;
- border-radius: 3px;
- flex-direction: row;
- overflow: hidden
-}
-
-.auth-inner .auth-brand {
- -ms-flex-align: center;
- -ms-flex-pack: center;
- -webkit-box-align: center;
- -webkit-box-pack: center;
- align-items: center;
- background: hsla(0,0%,100%,.8);
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: center;
- padding: 30px;
- text-align: center
-}
-
-.auth-inner .auth-logo {
- background: url(/assets/9cb691623c7ba013e791aad8845e93cb.svg);
- background-size: 168px 168px;
- height: 168px;
- width: 168px
-}
-
-.auth-inner .auth-name {
- background: url(/assets/62223f89a44d14b008682354fd142069.svg) 50% no-repeat;
- height: 24px;
- margin-bottom: 12px;
- margin-top: 30px;
- position: relative
-}
-
-.auth-inner .auth-name: after {
- background: #4f545c;
- content: " ";
- display: inline-block;
- height: 3px;
- left: 50%;
- margin-left: -14px;
- margin-top: 12px;
- opacity: .3;
- position: absolute;
- top: 100%;
- width: 28px
-}
-
-form.deprecated.auth-form {
- background: none;
- background: rgba(40,43,48,.75);
- border-radius: 0;
- padding: 30px;
- width: 340px
-}
-
-form.deprecated.auth-form h1 {
- color: #fff;
- font-size: 18px;
- font-weight: 700;
- margin: 0 0 30px;
- text-align: center;
- text-transform: uppercase
-}
-
-form.deprecated.auth-form .margin-bottom-40 {
- margin-bottom: 40px
-}
-
-form.deprecated.auth-form p {
- color: #99aab5;
- font-size: 14px;
- font-weight: 500;
- text-transform: none
-}
-
-form.deprecated.auth-form p strong {
- color: #fff
-}
-
-form.deprecated.auth-form p.token-tip,form.deprecated.auth-form p.token-tip-sms {
- color: rgba(153,170,181,.8);
- line-height: 20px;
- padding: 0 15px;
- text-align: center;
- width: 300px
-}
-
-form.deprecated.auth-form p.token-tip-sms {
- color: rgba(67,181,129,.8)
-}
-
-form.deprecated.auth-form .control-group input[type=email],form.deprecated.auth-form .control-group input[type=password],form.deprecated.auth-form .control-group input[type=text] {
- background: transparent;
- border-bottom-color: hsla(0,0%,100%,.1);
- color: #fff
-}
-
-form.deprecated.auth-form .control-group input[type=email]: : -webkit-input-placeholder,form.deprecated.auth-form .control-group input[type=password]: : -webkit-input-placeholder,form.deprecated.auth-form .control-group input[type=text]: : -webkit-input-placeholder {
- color: hsla(0,0%,100%,.4)
-}
-
-form.deprecated.auth-form .control-group input[type=email]: focus,form.deprecated.auth-form .control-group input[type=password]: focus,form.deprecated.auth-form .control-group input[type=text]: focus {
- border-bottom-color: #fff
-}
-
-form.deprecated.auth-form .btn-primary {
- display: inline-block;
- line-height: 58px;
- margin: 40px 0 0;
- padding: 0;
- text-align: center;
- text-decoration: none;
- width: 100%
-}
-
-form.deprecated.auth-form .btn-forgot-password {
- -webkit-transition: opacity .2s ease-out;
- background: none;
- color: #fff;
- font-size: 11px;
- font-weight: 700;
- margin: 10px 0 0;
- opacity: .25;
- padding: 0;
- text-transform: uppercase;
- transition: opacity .2s ease-out
-}
-
-form.deprecated.auth-form .btn-forgot-password: hover {
- opacity: 1
-}
-
-form.deprecated.auth-form footer {
- color: #87909c;
- font-size: 12px;
- line-height: 14px;
- margin-bottom: 0;
- margin-top: 10px
-}
-
-form.deprecated.auth-form footer a {
- color: #fff;
- text-decoration: none
-}
-
-form.deprecated.auth-form footer a: hover {
- border-bottom: 2px solid #fff;
- padding-bottom: 5px
-}
-
-form.deprecated.auth-form footer.margin-top-20 {
- margin-top: 20px
-}
-
-form.deprecated.auth-form .divider {
- background-color: hsla(0,0%,100%,.1);
- height: 1px;
- margin-bottom: 20px;
- margin-top: 20px
-}
-
-.auth-browser-handoff,.auth-invite,.auth-verify {
- -ms-flex-align: center;
- -ms-flex-pack: center;
- -webkit-box-align: center;
- -webkit-box-pack: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: center;
- min-height: 235px
-}
-
-.auth-browser-handoff p,.auth-invite p,.auth-verify p {
- line-height: 16px;
- margin: 5px 0;
- max-width: 300px;
- text-align: center
-}
-
-.auth-browser-handoff p.error,.auth-invite p.error,.auth-verify p.error {
- color: #f04747!important
-}
-
-.disable-email-notifications h1 {
- max-width: 300px
-}
-
-@media (max-width: 628px) {
- .auth-inner {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- height: 100%;
- width: 100%
-}
-
-.auth-inner .auth-brand {
- background: #1e2124;
- height: 60px;
- padding: 20px;
- width: 100%
-}
-
-.auth-brand .auth-logo {
- background: url(/assets/4f004ac9be168ac6ee18fc442a52ab53.svg) no-repeat;
- height: 36px;
- width: 130px
-}
-
-.auth-brand .auth-name {
- display: none
-}
-
-form.deprecated.auth-form {
- background: #1e2124;
- height: 100%;
- padding: 10px;
- width: 100%
-}
-
-form.auth-form input {
- border-radius: 0;
- width: 95%!important
-}
-
-.auth-blur-wrap {
- height: 100%!important;
- width: 100%!important
-}
-
-form.auth-form footer {
- margin: 30px 0 15px
-}
-
-
-}
-
-.authBox-hW6HRx {
- -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
- -webkit-box-sizing: border-box;
- background: #36393f;
- border-radius: 5px;
- box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
- box-sizing: border-box;
- color: #72767d;
- font-size: 18px;
- padding: 40px;
- width: 480px
-}
-
-.authBox-hW6HRx a {
- color: #7289da
-}
-
-.authBox-hW6HRx a: hover {
- text-decoration: underline
-}
-
-.centeringWrapper-2Rs1dR {
- text-align: center;
- width: 100%
-}
-
-@media (max-width: 480px) {
- .authBox-hW6HRx {
- -ms-flex-align: center;
- -ms-flex-pack: center;
- -webkit-box-align: center;
- -webkit-box-pack: center;
- align-items: center;
- background: -webkit-gradient(linear,right top,left bottom,from(#3d4046),to(#1e1e23));
- background: linear-gradient(to left bottom,#3d4046,#1e1e23);
- border-radius: 0;
- bottom: 0;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- height: 100%;
- justify-content: center;
- left: 0;
- min-height: 500px;
- padding: 70px 20px 20px;
- position: absolute;
- right: 0;
- top: 0;
- width: 100%
-}
-
-.authBox-hW6HRx: before {
- background: url(/assets/4f004ac9be168ac6ee18fc442a52ab53.svg) no-repeat;
- content: "";
- height: 36px;
- position: absolute;
- top: 20px;
- width: 112px
-}
-
-
-}
-
-.title-jXR8lp {
- font-size: 26px;
- line-height: 32px
-}
-
-.subTitle-3TUjmF {
- color: #72767d;
- font-size: 18px;
- line-height: 22px
-}
-
-.subTitle-3TUjmF strong {
- color: hsla(216,4%,74%,.9);
- font-weight: 600
-}
-
-.subText-1XkjIB {
- color: #72767d
-}
-
-.verified-2-ja4L {
- -ms-flex-negative: 0;
- display: inline-block;
- flex-shrink: 0;
- margin-right: 4px;
- position: relative
-}
-
-.pill-1dHPfk {
- background-color: rgba(32,34,37,.3);
- border-radius: 100px;
- display: block;
- padding: 5px 16px 4px
-}
-
-.pillOnline-35Y-7N {
- margin-right: 8px
-}
-
-.pillMessage-1btqlx {
- color: #b9bbbe;
- font-size: 16px;
- white-space: nowrap
-}
-
-.pillIcon-BaqtHs {
- border-radius: 50%;
- display: inline-block;
- height: 10px;
- margin-right: 4px;
- width: 10px
-}
-
-.pillIconTotal-1BqTcA {
- background-color: #72767d
-}
-
-.pillIconOnline-2JGlqR {
- background-color: #43b581
-}
-
-.spinnerVideo-4cbMvj {
- height: 200px;
- width: 200px
-}
-
-.spinnerText-lNRnYJ {
- color: #fff;
- font-size: 16px;
- font-style: italic
-}
-
-.image-2dZWJQ {
- height: auto;
- max-height: 120px;
- max-width: 186px;
- width: 100%
-}
-
-.block-egJnc0 {
- text-align: left;
- width: 100%
-}
-
-.button-3k0cO7 {
- font-size: 16px
-}
-
-.linkButton-wzh5kV {
- display: block;
- padding-left: 0;
- padding-right: 0
-}
-
-.inviteIcon-DSd8cG {
- -ms-flex-align: center;
- -ms-flex-pack: center;
- -webkit-box-align: center;
- -webkit-box-pack: center;
- align-items: center;
- background-color: #7289da;
- color: #fff;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- justify-content: center
-}
-
-.inviteLargeIcon-HrAH61 {
- background-repeat: no-repeat;
- background-size: 100%;
- margin-right: 0
-}
-
-.inviteSmallIcon-1-yydW {
- -ms-flex-negative: 0;
- flex-shrink: 0;
- margin-right: 8px;
- margin-top: 0
-}
-
-.theme-dark .inputError-1PrjdI,.theme-dark .inputError-1PrjdI: focus,.theme-dark .inputError-1PrjdI: hover,.theme-light .inputError-1PrjdI,.theme-light .inputError-1PrjdI: focus,.theme-light .inputError-1PrjdI: hover {
- border-color: #f04747
-}
-
-.wrapper-1pcH_W .auth-center {
- padding-left: 440px
-}
-
-.invite-ZNQPoa {
- -ms-flex-align: center;
- -ms-flex-pack: center;
- -webkit-box-align: center;
- -webkit-box-pack: center;
- -webkit-box-shadow: 2px 0 4px 0 rgba(0,0,0,.5);
- -webkit-box-sizing: border-box;
- align-items: center;
- background-color: #fff;
- background-image: url(/assets/47a561755c844b9a2745caf8aad2f8a7.png),url(/assets/db7fa09f4433f33df77c125f0732c2c1.png);
- background-position: 0 100%,100% 100%;
- background-repeat: no-repeat,no-repeat;
- background-size: 127px 190px,97px 215px;
- bottom: 0;
- box-shadow: 2px 0 4px 0 rgba(0,0,0,.5);
- box-sizing: border-box;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: center;
- left: 0;
- padding: 0 80px;
- position: absolute;
- text-align: center;
- top: 0;
- width: 440px;
- z-index: 10
-}
-
-.inviteMarketingHeader-39RCdb {
- color: #7289da;
- font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
- font-size: 20px;
- font-weight: 700;
- line-height: 26px;
- margin-bottom: 20px
-}
-
-.body-srcZQJ {
- color: #99aab5;
- font-size: 18px;
- font-weight: 400;
- line-height: 30px
-}
-
-.body-srcZQJ,.button-2kWFcY {
- font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
- margin-bottom: 40px
-}
-
-.button-2kWFcY {
- -webkit-transition: color .25s ease-out,border-color .25s ease-out;
- border: 2px solid #7289da;
- border-radius: 30px;
- color: #7289da;
- cursor: pointer;
- font-size: 15px;
- font-weight: 700;
- padding: 11px 43px;
- text-decoration: none;
- transition: color .25s ease-out,border-color .25s ease-out
-}
-
-.button-2kWFcY: hover {
- border-color: #697ec4;
- color: #697ec4
-}
-
-.inviteHeader-3VbQrj .title-1uifGe {
- font-size: 20px;
- line-height: 24px;
- margin: 0;
- text-transform: none
-}
-
-.inviteHeader-3VbQrj.guild-3z9v94 {
- padding-bottom: 15px
-}
-
-.inviteHeader-3VbQrj.guild-3z9v94>h2 {
- color: #fff;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- font-weight: 600;
- line-height: 26px;
- margin: 14px 0
-}
-
-.inviteHeader-3VbQrj.full-3lwkP1 .guildWrap-EIaSZE,.inviteHeader-3VbQrj.guild-3z9v94>h2 {
- -ms-flex-align: center;
- -ms-flex-pack: center;
- -webkit-box-align: center;
- -webkit-box-pack: center;
- align-items: center;
- font-size: 20px;
- justify-content: center
-}
-
-.inviteHeader-3VbQrj.full-3lwkP1 .guildWrap-EIaSZE {
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- line-height: 20px;
- padding-left: 38px;
- position: relative
-}
-
-.inviteHeader-3VbQrj.full-3lwkP1 .inviteGuildIcon-3ljieY {
- left: 0;
- margin-top: -5px;
- position: absolute;
- top: 0
-}
-
-.inviteHeader-3VbQrj.full-3lwkP1 p {
- font-size: 16px;
- line-height: 20px;
- padding-bottom: 20px;
- text-align: center
-}
-
-.inviteHeader-3VbQrj .avatar-small,.inviteHeader-3VbQrj .avatar-xsmall {
- color: #fff;
- margin: 0 8px 0 0
-}
-
-.inviteHeader-3VbQrj .inviteGuildIcon-3ljieY {
- -ms-flex-align: center;
- -ms-flex-pack: center;
- -webkit-box-align: center;
- -webkit-box-pack: center;
- align-items: center;
- background-color: #7289da;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- justify-content: center
-}
-
-.authFormInvite-9ZvReN .error-1S9JbX {
- color: #f04747;
- font-size: 11px
-}
-
-.authFormInvite-9ZvReN.register-37Td1O .inviteHeader-1vAq3q {
- margin-bottom: 12px
-}
-
-.authFormInvite-9ZvReN.register-37Td1O .btn-primary {
- margin-top: 24px
-}
-
-.authFormInvite-9ZvReN .buttonAccept-b8l2by {
- margin-top: 116px
-}
-
-.authFormInviteButton-3JOuKm {
- margin-top: 70px
-}
-
-.image-vn9QOh {
- height: 100px
-}
-
-.textCenter-3lyOAo {
- text-align: center
-}
-
-.dataPoint-1dSvpy {
- background: #2f3136;
- border-radius: 16px;
- margin: 4px;
- min-width: 30%;
- padding: 6px 20px
-}
-
-.circle-3k2OQ- {
- border-radius: 50%;
- height: 8px;
- margin-right: 4px;
- width: 8px
-}
-
-.circleOnline-2ovwl7 {
- background: #43b581
-}
-
-.circleRegistered-hsg9mM {
- background: #747f8d
-}
-
-.iconWrapper-3xdZoU {
- margin-bottom: 16px;
- position: relative
-}
-
-.message-1JMI4S {
- text-align: center
-}
-
-.message-1JMI4S strong {
- font-weight: 600
-}
-
-.guildIcon-Cq6jaT {
- -ms-flex-align: center;
- -ms-flex-pack: center;
- -webkit-box-align: center;
- -webkit-box-pack: center;
- align-items: center;
- background-color: #7289da;
- bottom: -4px;
- color: #f8f9fd;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- justify-content: center;
- position: absolute;
- right: -4px
-}
-
-.guildName-d3BLpw {
- padding: 0 8px
-}
-
-.data-3wfxKD {
- margin-left: 8px;
- margin-right: 8px
-}
-
-.theme-dark .guildIcon-Cq6jaT {
- border: 4px solid #36393f
-}
-
-.theme-light .guildIcon-Cq6jaT {
- border: 4px solid #f6f6f7
-}
-
-.invite-2HOFIH {
- background-color: #36393f;
- bottom: 0;
- left: 0;
- position: fixed;
- right: 0;
- top: 0
-}
-
-.logo-3B5NqQ {
- background: url(/assets/02a8c6a7d718b8e215bf28e86c932176.svg) 50% no-repeat;
- background-size: 155px 52px;
- height: 52px;
- opacity: .3;
- width: 155px
-}
-
-.maxWidth-1JkeVk {
- max-width: 400px
-}
-
-.info-2BfBct {
- overflow: auto;
- padding: 0 20px
-}
-
-.header-3FykGK {
- margin: 12vh 16px 8px
-}
-
-.upsellImage-3KzsAg {
- margin: 12vh 16px 24px
-}
-
-.upsellDescription-2rSOG9 {
- margin: 4px 24px 0
-}
-
-.centerText-nzsn4- {
- text-align: center
-}
-
-.buttonTitle-2JmwAn {
- margin: 20px 20px 0
-}
-
-.elevated-1YWP2c {
- -webkit-box-shadow: 0 2px 10px 0 rgba(4,4,5,.2),0 0 0 1px #202225;
- box-shadow: 0 2px 10px 0 rgba(4,4,5,.2),0 0 0 1px #202225
-}
-
-.button-3BeZAa {
- margin: 12px 20px 16px
-}
-
-.buttonNew-1dUbxn {
- margin: 12px auto 0;
- width: 85%
-}
-
-.buttonNew-1dUbxn,.card-3z0gPz {
-
-}
-
-.card-3z0gPz {
- background: #202225;
- border-color: #202225;
- margin: 16px
-}
-
-.cardContents-1zgY_O {
- margin: 0 auto
-}
-
-.cardAccentLeft-3MCHxo {
- left: 0
-}
-
-.cardAccentLeft-3MCHxo,.cardAccentRight-3dzJsX {
- bottom: 0;
- opacity: .3;
- position: absolute
-}
-
-.cardAccentRight-3dzJsX {
- right: 0
-}
-
@font-face {
font-family: Whitney;
font-weight: 300;
@@ -40868,4 +40760,4 @@ code {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment