2019-04-02 23:12:45 +00:00
html {
font-size : 62 . 5 % ;
height : 100 % ;
width : 100 % ;
2019-11-28 07:35:33 +00:00
overflow : hidden ;
2022-05-01 12:46:53 +00:00
scrollbar-color : grey transparent ;
}
:: -webkit-scrollbar {
width : 1 . 6rem ;
}
:: -webkit-scrollbar-thumb {
background-color : grey ;
background-clip : content-box ;
border-radius : 0 . 5rem ;
border : 0 . 2rem solid transparent ;
}
. s-base--metro :: -webkit-scrollbar-thumb {
border-radius : 0 ;
2019-08-11 09:54:34 +00:00
}
. _kong-test {
display : flex ;
background : white ;
2019-07-25 12:52:03 +00:00
}
2019-09-29 19:17:26 +00:00
* { /* csslint allow: universal-selector */
2019-07-25 12:52:03 +00:00
box-sizing : border-box ;
-webkit-font-smoothing : antialiased ;
-moz-osx-font-smoothing : grayscale ;
2019-04-02 23:12:45 +00:00
}
2019-10-11 00:31:12 +00:00
/* css vars */
2020-04-11 08:25:30 +00:00
# ui {
display : flex ;
align-items : center ;
justify-content : center ;
2020-04-18 20:05:38 +00:00
}
2020-04-11 08:25:30 +00:00
2022-04-28 09:08:38 +00:00
: root {
2019-10-11 00:31:12 +00:00
--color-text : black ;
--color-text-inverted : white ;
--color-base : # F2F2F2 ;
--color-disabled : # A3A3A3 ;
--color-accent : # 4980CC ;
--color-good : # 5AC467 ;
--color-good-dark : # 127A20 ;
2022-01-03 11:29:17 +00:00
--color-good-paused : # e3e638 ;
2019-10-11 00:31:12 +00:00
--color-bad : # B84B5F ;
2022-01-03 11:29:17 +00:00
--color-gh-purple : # 8957E5 ;
2019-10-11 00:31:12 +00:00
2020-07-06 01:07:04 +00:00
--color-antimatter : # 2196f3 ;
2020-02-15 00:15:06 +00:00
--color-infinity : # B67F33 ;
--color-eternity : # b341e0 ;
2021-01-03 02:38:04 +00:00
--color-dilation : # 64dd17 ;
2020-08-24 11:28:08 +00:00
--color-reality : # 0ba00e ;
2020-08-26 13:50:47 +00:00
--color-reality-light : # d5ffd7 ;
2019-10-11 00:31:12 +00:00
--color-celestials : # 5151ec ;
2020-09-09 21:21:04 +00:00
--color-prestige--accent : white ;
2020-05-13 20:35:42 +00:00
2020-06-07 04:24:24 +00:00
--color-teresa--base : # 5151ec ;
--color-teresa--accent : white ;
--color-effarig--base : # d13737 ;
2022-04-29 11:18:47 +00:00
--color-enslaved--base : # f1aa7f ;
2020-10-14 07:55:40 +00:00
2020-06-07 04:24:24 +00:00
--color-v--base : # ead584 ;
2022-04-29 11:18:47 +00:00
--color-ra--base : # 9575cd ;
--color-ra-pet--teresa : # 8596ea ;
--color-ra-pet--effarig : # ea8585 ;
--color-ra-pet--enslaved : # f1aa7f ;
--color-ra-pet--v : # ead584 ;
2020-10-14 07:34:14 +00:00
2020-05-13 20:35:42 +00:00
--color-laitela--base : white ;
--color-laitela--accent : black ;
2022-03-24 16:57:06 +00:00
--color-pelle--base : crimson ;
2022-04-29 11:18:47 +00:00
--color-pelle--secondary : # 00bcd4 ;
2019-10-11 00:31:12 +00:00
}
2022-04-28 09:08:38 +00:00
: root . t-metro , /* csslint allow: empty-rules */
: root . t-inverted-metro ,
: root . t-s8 {
2019-10-11 00:31:12 +00:00
--color-text : black ;
--color-text-inverted : white ;
--color-base : # eeeeee ;
--color-disabled : # 9e9e9e ;
--color-accent : # 2196F3 ;
--color-good : # 66bb6a ;
2020-05-26 04:12:20 +00:00
--color-good-dark : # 388e3c ;
2019-10-11 00:31:12 +00:00
--color-bad : # ef5350 ;
2020-02-15 00:15:06 +00:00
--color-infinity : # FF9800 ;
--color-eternity : # 673AB7 ;
2020-09-09 21:21:04 +00:00
--color-reality : # 4caf50 ;
2019-10-11 00:31:12 +00:00
--color-celestials : # 00bcd4 ;
}
2022-04-28 09:08:38 +00:00
: root . t-dark { /* csslint allow: empty-rules */
2019-10-11 00:31:12 +00:00
--color-text : # e0e0e0 ;
--color-text-inverted : black ;
--color-base : # 455a64 ;
--color-disabled : # 37474f ;
--color-accent : # 1565C0 ;
--color-infinity : # FF9800 ;
2020-09-09 21:21:04 +00:00
--color-prestige--accent : black ;
2020-05-13 20:35:42 +00:00
2020-06-07 04:24:24 +00:00
--color-teresa--accent : black ;
2020-05-13 20:35:42 +00:00
--color-laitela--base : black ;
--color-laitela--accent : white ;
2019-10-11 00:31:12 +00:00
}
2022-04-28 09:08:38 +00:00
: root . t-dark-metro { /* csslint allow: empty-rules */
2019-10-11 00:31:12 +00:00
--color-text : # e0e0e0 ;
--color-text-inverted : black ;
--color-base : # 455a64 ;
--color-disabled : # 37474f ;
--color-accent : # 2196F3 ;
--color-good : # 43a047 ;
2020-05-26 04:12:20 +00:00
--color-good-dark : # 2e7d32 ;
2019-10-11 00:31:12 +00:00
--color-bad : # e53935 ;
2020-02-15 00:15:06 +00:00
--color-infinity : # FF9800 ;
--color-eternity : # 673AB7 ;
2020-09-09 21:21:04 +00:00
--color-reality : # 4caf50 ;
2019-10-11 00:31:12 +00:00
--color-celestials : # 00bcd4 ;
2020-09-09 21:21:04 +00:00
--color-prestige--accent : black ;
2020-05-13 20:35:42 +00:00
2020-06-07 04:24:24 +00:00
--color-teresa--accent : black ;
2020-05-13 20:35:42 +00:00
--color-laitela--base : black ;
--color-laitela--accent : white ;
2019-10-11 00:31:12 +00:00
}
2022-04-28 09:08:38 +00:00
: root . t-s1 { /* csslint allow: empty-rules */
2019-10-11 00:31:12 +00:00
--color-text : black ;
--color-text-inverted : # dbd242 ;
--color-base : # dbd242 ;
--color-disabled : # 9a921d ;
--color-accent : black ;
--color-good : # 4baf4e ;
--color-good-dark : # 3c8b3e ;
--color-bad : # d72621 ;
2020-02-15 00:15:06 +00:00
--color-infinity : # 7d3c1b ;
--color-eternity : # 639565 ;
2019-10-11 00:31:12 +00:00
--color-reality : # AFA3A5 ;
2021-10-26 02:28:19 +00:00
--color-reality-light : # e8e3e4 ;
2019-10-11 00:31:12 +00:00
--color-celestials : # F2D6C1 ;
2020-09-09 21:21:04 +00:00
--color-prestige--accent : black ;
2022-03-30 11:34:32 +00:00
2022-03-31 14:28:14 +00:00
--color-pelle--base : # 7cb727 ;
2019-10-11 00:31:12 +00:00
}
2022-04-28 09:08:38 +00:00
: root . t-s4 { /* csslint allow: empty-rules */
2019-10-11 00:31:12 +00:00
--color-text : black ;
--color-text-inverted : white ;
--color-base : # 1b00ff ;
--color-accent : # 1b00ff ;
--color-good : # ff00e0 ;
--color-bad : # ff0000 ;
}
2022-04-28 09:08:38 +00:00
: root . t-s6 , /* csslint allow: empty-rules */
: root . t-s10 {
2019-10-11 00:31:12 +00:00
--color-text : # E0E0E0 ;
--color-text-inverted : black ;
--color-base : black ;
--color-accent : # 1565C0 ;
2020-05-13 20:35:42 +00:00
2020-09-09 21:21:04 +00:00
--color-prestige--accent : black ;
2020-06-07 04:24:24 +00:00
--color-teresa--accent : black ;
2020-05-13 20:35:42 +00:00
--color-laitela--base : black ;
--color-laitela--accent : white ;
2019-10-11 00:31:12 +00:00
}
2022-04-28 09:08:38 +00:00
: root . t-s11 { /* csslint allow: empty-rules */
2022-01-08 15:17:03 +00:00
--color-text : # E0E0E0 ;
--color-text-inverted : black ;
--color-base : black ;
--color-accent : # fbc21b ;
--color-prestige--accent : black ;
--color-teresa--accent : black ;
--color-laitela--base : black ;
--color-laitela--accent : white ;
}
2019-10-11 00:31:12 +00:00
/* end css vars */
2019-04-02 23:12:45 +00:00
body {
height : 100 % ;
width : 100 % ;
margin : 0 ;
padding : 0 ;
color : # 4F5957 ;
font-size : 1 . 1rem ;
font-family : Typewriter , serif ;
line-height : 1 . 5 ;
font-weight : 300 ;
text-align : center ;
background-color : # fff ;
2019-11-20 18:42:05 +00:00
overflow : hidden ;
2019-04-02 23:12:45 +00:00
}
2019-08-11 09:54:34 +00:00
. _kong-test body {
2020-04-27 03:36:45 +00:00
width : 1150px ;
height : 800px ;
2019-08-11 09:54:34 +00:00
margin : auto ;
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid black ;
2019-08-11 09:54:34 +00:00
overflow-y : auto ;
}
2019-04-02 23:12:45 +00:00
@ font-face {
2021-08-27 08:09:53 +00:00
font-family : 'Open Sans Condensed' ;
font-style : normal ;
font-weight : 300 ;
src : local ( 'Open Sans Cond Light' ) , local ( 'OpenSans-CondensedLight' ) , url ( https : / / fonts . gstatic . com / s / opensanscondensed / v10 / gk5FxslNkTTHtojXrkp-xBEur64QvLD-0IbiAdTUNXE . woff2 ) format ( 'woff2' ) ;
unicode-range : U + 0000-00FF , U + 0131 , U + 0152-0153 , U + 02C6 , U + 02DA , U + 02DC , U + 2000-206F , U + 2074 , U + 20AC , U + 2212 , U + 2215 , U + E0FF , U + EFFD , U + F000 ;
2019-04-02 23:12:45 +00:00
}
@ font-face {
2021-08-27 08:09:53 +00:00
font-family : Typewriter ;
src : url ( 'MonospaceTypewriter.ttf' ) ;
2019-04-02 23:12:45 +00:00
}
2019-04-10 12:54:09 +00:00
@ font-face {
font-family : Noto Sans ;
src : url ( 'MonospaceTypewriter.ttf' ) ;
2019-09-16 17:13:18 +00:00
unicode-range : U + F420-F430 , U + 2BC5-2BC6 ;
2019-04-10 12:54:09 +00:00
}
2019-06-21 18:36:18 +00:00
@ font-face {
font-family : Runescape ;
src : url ( 'Runescape.ttf' ) ;
}
2021-06-03 07:05:06 +00:00
@ font-face {
font-family : Barrio ;
src : url ( 'Barrio-Regular.ttf' ) ;
}
2020-06-09 03:13:27 +00:00
@ font-face {
font-family : Font Awesome ;
src : url ( 'fa-solid-900.ttf' ) ;
}
2022-01-24 21:54:48 +00:00
@ font-face {
font-family : Typewriter ;
2022-01-25 11:49:06 +00:00
src : url ( 'BlobEmoji-Bold.ttf' ) , url ( 'MonospaceTypewriter.ttf' ) ;
2022-01-24 21:54:48 +00:00
}
2021-09-29 03:38:24 +00:00
/* Background for s6 and s10 is not displayed by default */
2019-04-11 12:47:48 +00:00
# stars {
display : none ;
}
2019-09-29 19:17:26 +00:00
button : focus {
outline : none ;
2019-04-02 23:12:45 +00:00
}
/*#region TT shop*/
2022-03-24 16:57:06 +00:00
. TTbuttons {
2019-10-11 00:31:12 +00:00
color : var ( --color-text ) ;
2019-06-15 08:09:27 +00:00
position : fixed ;
2019-04-02 23:12:45 +00:00
bottom : 0 ;
font-family : Typewriter , serif ;
display : flex ;
align-items : flex-end ;
z-index : 2 ;
2020-04-18 20:05:38 +00:00
width : 55 . 5rem ;
2019-04-02 23:12:45 +00:00
}
2019-04-11 12:47:48 +00:00
. l-tt-buy-button {
width : 17rem ;
z-index : 1 ;
2019-04-17 13:12:23 +00:00
margin : 0 . 3rem ;
2019-04-11 12:47:48 +00:00
}
. c-tt-buy-button {
2019-04-02 23:12:45 +00:00
font-weight : bold ;
font-family : Typewriter , serif ;
2020-04-18 05:41:52 +00:00
border : 0 . 1rem solid # 691fa5 ;
2019-04-02 23:12:45 +00:00
transition-duration : 0 . 2s ;
border-radius : 4px ;
font-size : 1 . 35rem ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-tt-buy-button {
2020-04-18 20:05:38 +00:00
border-radius : 0 ;
}
2019-04-11 12:47:48 +00:00
. c-tt-buy-button--unlocked {
color : # 3AACD6 ;
background : # 232028 ;
cursor : pointer ;
}
. c-tt-buy-button--unlocked : hover {
2019-04-02 23:12:45 +00:00
color : # 232028 ;
background : # 3AACD6 ;
}
2019-04-11 12:47:48 +00:00
. c-tt-buy-button--locked {
2019-04-02 23:12:45 +00:00
color : black ;
background : # 4A4A4A ;
}
2019-04-11 12:47:48 +00:00
. c-tt-buy-button--locked : hover {
2019-04-02 23:12:45 +00:00
background : # 652F2F ;
}
2022-03-24 16:57:06 +00:00
. timetheorems {
2019-04-02 23:12:45 +00:00
font-size : 15px ;
text-align : center ;
flex : 1 0 auto ;
}
. ttbuttons-row {
display : flex ;
flex-direction : row ;
justify-content : space-between ;
2019-04-17 13:12:23 +00:00
align-items : stretch ;
2022-04-28 12:55:42 +00:00
transition : all 0 . 25s ease-out ;
2019-04-02 23:12:45 +00:00
}
. ttbuttons-top-row {
align-items : center ;
}
2019-04-17 13:12:23 +00:00
. o-tt-top-row-button {
min-height : 3rem ;
2019-04-02 23:12:45 +00:00
font-size : 1 . 2rem ;
2019-04-17 13:12:23 +00:00
margin : 0 . 3rem ;
flex-grow : 0 ;
flex-shrink : 0 ;
align-self : stretch ;
padding-left : 1rem ;
padding-right : 1rem ;
2019-04-11 12:47:48 +00:00
}
. o-tt-autobuyer-button {
2019-04-17 13:12:23 +00:00
height : 2 . 5rem ;
2021-02-02 01:46:04 +00:00
font-size : 1rem ! important ;
2019-04-17 13:12:23 +00:00
margin : 0 . 3rem ;
flex-grow : 0 ;
flex-shrink : 0 ;
align-self : stretch ;
padding-left : 1rem ;
padding-right : 1rem ;
min-width : 8rem ;
2019-04-02 23:12:45 +00:00
}
2019-04-17 13:12:23 +00:00
. l-tt-save-load-btn__wrapper {
margin : 0 . 3em ;
position : relative ;
}
. l-tt-save-load-btn {
min-width : 2em ;
}
. l-tt-save-load-btn__menu {
position : absolute ;
top : -0 . 5rem ;
left : 50 % ;
transform : translate ( -50 % , -100 % ) ;
2020-04-29 22:04:57 +00:00
padding : 0 . 5rem 0 ;
2019-04-17 13:12:23 +00:00
}
. c-tt-save-load-btn__menu {
color : white ;
background : black ;
border-radius : 0 . 5rem ;
text-align : left ;
font-weight : bold ;
font-family : Typewriter ;
font-size : 1 . 4rem ;
}
. l-tt-save-load-btn__menu :: after {
content : "" ;
position : absolute ;
top : 100 % ;
left : 50 % ;
margin-left : -0 . 5rem ;
border-width : 0 . 5rem ;
border-style : solid ;
2020-04-29 22:04:57 +00:00
border-color : black transparent transparent ;
2019-04-17 13:12:23 +00:00
}
. l-tt-save-load-btn__menu-rename {
margin : 0 . 3rem 0 . 5rem 0 . 5rem 0 . 7rem ;
}
. c-tt-save-load-btn__menu-rename {
text-align : left ;
font-weight : bold ;
font-family : Typewriter ;
font-size : 1 . 4rem ;
border : none ;
border-radius : 0 . 3rem ;
padding : 0 . 2rem ;
}
. l-tt-save-load-btn__menu-item {
2020-04-29 22:04:57 +00:00
padding : 0 . 25rem 1rem ;
2019-10-11 00:31:12 +00:00
cursor : pointer ;
2019-04-02 23:12:45 +00:00
}
2019-04-17 13:12:23 +00:00
. c-tt-save-load-btn__menu-item : hover {
background : white ;
color : black ;
}
. c-tt-autobuyer-toggle {
color : initial ;
}
. l-tt-buy-max-vbox {
display : inline-flex ;
flex-direction : column ;
align-items : center ;
2019-04-02 23:12:45 +00:00
}
2019-09-04 06:57:19 +00:00
. ttshop-background {
2019-10-11 00:31:12 +00:00
background : var ( --color-base ) ;
2019-04-02 23:12:45 +00:00
border : 2px solid black ;
border-bottom : none ;
border-top-left-radius : 7px ;
border-top-right-radius : 7px ;
z-index : 1 ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . ttshop-background {
2019-09-04 06:57:19 +00:00
border-width : 1px ;
border-radius : 0 ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . ttshop-background ,
. t-s10 . ttshop-background {
2020-04-18 05:41:52 +00:00
border : 0 . 1rem solid # 3AACD6 ;
2019-09-04 06:57:19 +00:00
}
2019-04-02 23:12:45 +00:00
. ttshop-container {
2019-10-11 00:31:12 +00:00
padding : 0 0 . 5rem ;
2020-09-02 13:51:45 +00:00
min-width : 60rem ;
max-width : 80rem ;
2019-04-02 23:12:45 +00:00
display : flex ;
flex-direction : column ;
transition : all 0 . 25s ease-out ;
}
. ttshop-minimize-btn {
2019-10-11 00:31:12 +00:00
display : flex ;
justify-content : center ;
2020-07-21 03:46:20 +00:00
align-items : center ;
color : var ( --color-text ) ;
font-size : 2 . 1rem ;
width : 2 . 5rem ;
height : 2 . 5rem ;
2022-04-28 12:55:42 +00:00
margin-left : -0 . 2rem ;
cursor : pointer ;
2019-04-02 23:12:45 +00:00
}
2020-07-21 03:46:20 +00:00
. t-s6 . ttshop-minimize-btn ,
2021-09-29 03:38:24 +00:00
. t-s10 . ttshop-minimize-btn ,
2021-09-28 20:01:56 +00:00
. s-base--metro . ttshop-minimize-btn {
2020-07-21 03:46:20 +00:00
margin-left : -0 . 1rem
2019-10-11 00:31:12 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . ttshop-minimize-btn ,
. t-s10 . ttshop-minimize-btn {
2020-07-21 03:46:20 +00:00
color : # 3AACD6 ;
2019-04-02 23:12:45 +00:00
}
2019-04-17 13:12:23 +00:00
. c-ttshop__save-load-text {
2019-04-02 23:12:45 +00:00
font-size : 10px ;
}
/*#endregion TT shop*/
2021-05-07 19:12:19 +00:00
. l-dim-path-priority {
position : absolute ;
right : 0 . 5rem ;
2021-05-10 20:14:14 +00:00
bottom : 0 . 5rem ;
animation : weee 4s infinite ;
2021-05-07 19:12:19 +00:00
}
2019-04-02 23:12:45 +00:00
2021-05-07 19:12:19 +00:00
. o-time-study-selection-btn {
border : 0 . 1rem solid ;
background-color : black ;
font-weight : bold ;
font-family : Typewriter , serif ;
2021-05-10 20:14:14 +00:00
width : 20rem ;
height : 6rem ;
margin : 1rem ;
2021-05-07 19:12:19 +00:00
transition-duration : 0 . 2s ;
border-radius : 0 . 4rem ;
2021-05-10 20:14:14 +00:00
font-size : 1 . 65rem ;
2022-04-28 12:55:42 +00:00
position : relative ;
2021-05-07 19:12:19 +00:00
}
2021-05-10 20:14:14 +00:00
2019-10-11 00:31:12 +00:00
/*#region tab buttons*/
. o-tab-btn {
color : var ( --color-text ) ;
background-color : var ( --color-base ) ;
2020-10-15 07:14:12 +00:00
white-space : nowrap ;
2019-10-11 00:31:12 +00:00
font-weight : bold ;
border : 0 . 2rem solid var ( --color-accent ) ;
border-radius : 0 . 4rem ;
transition-duration : 0 . 2s ;
cursor : pointer ;
font-family : Typewriter ;
font-size : 1 . 8rem ;
2019-11-20 18:42:05 +00:00
user-select : none ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-tab-btn ,
. t-s10 . o-tab-btn {
2019-11-20 18:42:05 +00:00
text-shadow : 0 0 0 . 3rem ;
2019-10-11 00:31:12 +00:00
}
. o-tab-btn : hover {
color : var ( --color-text-inverted ) ;
background : var ( --color-accent ) ;
}
. o-tab-btn--infinity {
2020-08-24 10:13:39 +00:00
color : var ( --color-infinity ) ;
2020-09-09 21:21:04 +00:00
background : var ( --color-prestige--accent ) ;
2019-10-11 00:31:12 +00:00
border-color : var ( --color-infinity ) ;
}
. o-tab-btn--infinity : hover {
2020-09-09 21:21:04 +00:00
color : var ( --color-prestige--accent ) ;
2019-10-11 00:31:12 +00:00
background : var ( --color-infinity ) ;
}
. o-tab-btn--eternity {
color : var ( --color-eternity ) ;
2020-09-09 21:21:04 +00:00
background : var ( --color-prestige--accent ) ;
2019-10-11 00:31:12 +00:00
border-color : var ( --color-eternity ) ;
}
. o-tab-btn--eternity : hover {
2020-09-09 21:21:04 +00:00
color : var ( --color-prestige--accent ) ;
2020-08-24 13:25:39 +00:00
background : var ( --color-eternity ) ;
2019-10-11 00:31:12 +00:00
}
. o-tab-btn--reality {
color : var ( --color-reality ) ;
2020-09-09 21:21:04 +00:00
background : var ( --color-prestige--accent ) ;
2020-08-24 10:13:39 +00:00
border-color : var ( --color-reality ) ;
2019-10-11 00:31:12 +00:00
}
. o-tab-btn--reality : hover {
2020-09-09 21:21:04 +00:00
color : var ( --color-prestige--accent ) ;
2019-10-11 00:31:12 +00:00
background : var ( --color-reality ) ;
}
. o-tab-btn--celestial {
color : var ( --color-celestials ) ;
2020-09-09 21:21:04 +00:00
background : var ( --color-prestige--accent ) ;
2019-10-11 00:31:12 +00:00
border-color : var ( --color-celestials ) ;
}
. o-tab-btn--celestial : hover {
2020-09-09 21:21:04 +00:00
color : var ( --color-prestige--accent ) ;
2020-04-29 22:04:57 +00:00
background : var ( --color-celestials ) ;
2019-10-11 00:31:12 +00:00
}
/*#endregion tab buttons*/
2019-04-02 23:12:45 +00:00
# loading {
2019-11-20 18:42:05 +00:00
height : 100 % ;
width : 100 % ;
background : url ( "../images/loading.png" ) no-repeat ;
background-size : cover ;
background-position-x : 50 % ;
background-position-y : 50 % ;
position : absolute ;
background-color : black ;
z-index : 999 ;
2019-04-02 23:12:45 +00:00
}
2022-03-21 01:35:03 +00:00
# browser-warning {
height : 100 % ;
width : 100 % ;
2022-03-21 02:30:34 +00:00
z-index : 9999 ;
2022-03-21 01:35:03 +00:00
align-items : center ;
justify-content : center ;
background-color : black ;
font-size : 7rem ;
display : none ;
2022-01-12 16:27:59 +00:00
}
2019-04-02 23:12:45 +00:00
. l-reality-button {
display : block ;
2021-10-21 21:22:36 +00:00
width : 50 % ;
height : 100 % ;
2019-04-02 23:12:45 +00:00
}
. l-reality-button__contents {
display : flex ;
flex-direction : column ;
align-items : center ;
}
. c-reality-button__header {
font-size : 1 . 4rem ;
line-height : 1 . 6 ;
}
. c-reality-button {
font-family : Typewriter ;
2019-04-11 12:47:48 +00:00
border-radius : 0 . 4rem ;
2019-04-02 23:12:45 +00:00
transition-duration : 0 . 2s ;
2021-10-21 21:22:36 +00:00
width : 100 % ;
height : 100 % ;
2019-04-02 23:12:45 +00:00
font-size : 1 . 2rem ;
font-weight : bold ;
2020-08-26 15:53:00 +00:00
background : black ;
2019-04-02 23:12:45 +00:00
border-width : 0 . 2rem ;
border-style : solid ;
}
2021-09-06 05:55:02 +00:00
. c-reality-button--special {
animation : a-celstial-reward-glow 3s infinite ;
}
2021-10-12 22:40:05 +00:00
. c-reality-reminder {
2021-10-19 06:15:29 +00:00
display : flex ;
justify-content : center ;
align-items : center ;
font-size : 1 . 4rem ;
2021-10-12 22:40:05 +00:00
border : 0 . 1rem solid # b8b8b8 ;
border-radius : 0 . 5rem ;
2021-10-21 21:22:36 +00:00
width : calc ( 100 % - 1rem ) ;
padding : 1rem ;
2021-10-12 22:40:05 +00:00
}
2021-09-06 05:55:02 +00:00
@ keyframes a-celstial-reward-glow {
0 % { box-shadow : inset 0 0 4 rem var ( - - color - celestials ) }
50 % { box-shadow : inset 0 0 0 }
100 % { box-shadow : inset 0 0 4 rem var ( - - color - celestials ) }
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-reality-button {
2019-04-02 23:12:45 +00:00
border-width : 0 . 1rem ;
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-reality-button ,
. t-s10 . c-reality-button {
2019-11-20 18:42:05 +00:00
background : black ;
}
2020-05-23 15:53:57 +00:00
. c-reality-button--unlocked {
2019-10-11 00:31:12 +00:00
color : var ( --color-reality ) ;
border-color : var ( --color-reality ) ;
2020-05-23 15:53:57 +00:00
cursor : pointer ;
2019-04-02 23:12:45 +00:00
}
2020-05-23 15:53:57 +00:00
. c-reality-button--locked {
color : # 181818 ;
background-color : # 5f5f5f ;
2019-10-11 00:31:12 +00:00
border-color : var ( --color-bad ) ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-reality-button--locked ,
. t-s10 . c-reality-button--locked {
2020-05-23 23:37:09 +00:00
color : grey ;
}
2020-05-23 15:53:57 +00:00
. c-reality-button--unlocked : hover , . c-reality-button--unlocked . force-hover {
2020-08-26 15:53:00 +00:00
color : black ;
2019-10-11 00:31:12 +00:00
background : var ( --color-reality ) ;
2019-04-02 23:12:45 +00:00
}
2020-05-23 15:53:57 +00:00
. c-reality-button--locked : hover {
color : # 1d1d1d ;
background-color : var ( --color-bad ) ;
2019-04-02 23:12:45 +00:00
}
2020-05-23 15:30:12 +00:00
. l-reset-reality-button {
display : block ;
2021-10-21 21:22:36 +00:00
width : 100 % ;
2020-05-23 15:30:12 +00:00
}
. c-reset-reality-button {
font-family : Typewriter ;
border-radius : 0 . 4rem ;
transition-duration : 0 . 2s ;
cursor : pointer ;
2021-10-21 21:22:36 +00:00
height : 35 % ;
2020-05-23 15:30:12 +00:00
font-size : 1 . 2rem ;
font-weight : bold ;
2020-05-23 15:53:57 +00:00
color : var ( --color-bad ) ;
border-color : var ( --color-bad ) ;
2020-05-23 15:30:12 +00:00
background : white ;
border-width : 0 . 2rem ;
border-style : solid ;
}
2020-05-23 22:50:42 +00:00
. c-reset-reality-button : hover , . c-reset-reality-button . force-hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-reset-reality-button : hover , . t-s6 . c-reset-reality-button . force-hover ,
. t-s10 . c-reset-reality-button : hover , . t-s10 . c-reset-reality-button . force-hover {
2020-05-23 15:53:57 +00:00
color : white ;
background : var ( --color-bad ) ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-reset-reality-button {
2020-05-23 15:30:12 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-reset-reality-button ,
. t-s10 . c-reset-reality-button {
2020-05-23 15:30:12 +00:00
background : black ;
}
2020-10-12 06:15:07 +00:00
. c-reset-reality-button-celestial {
color : var ( --color-celestials ) ;
border-color : var ( --color-celestials ) ;
}
. c-reset-reality-button-celestial : hover , . c-reset-reality-button-celestial . force-hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-reset-reality-button-celestial : hover , . t-s6 . c-reset-reality-button-celestial . force-hover ,
. t-s10 . c-reset-reality-button-celestial : hover , . t-s10 . c-reset-reality-button-celestial . force-hover {
2020-10-12 06:15:07 +00:00
color : white ;
background : var ( --color-celestials ) ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-reset-reality-button-celestial {
2020-10-12 06:15:07 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-reset-reality-button-celestial ,
. t-s10 . c-reset-reality-button-celestial {
2020-10-12 06:15:07 +00:00
background : black ;
}
2019-04-07 23:07:38 +00:00
. l-reality-amplify-button {
2021-10-21 21:22:36 +00:00
border-radius : 0 . 5rem ;
border : 0 . 2rem solid sandybrown ;
box-shadow : 0 0 2rem inset rgba ( 244 , 164 , 96 , 0 . 5 ) ;
background-color : # fdd3b0 ;
cursor : pointer ;
font-family : Typewriter ;
transition-duration : 0 . 2s ;
2019-04-07 23:07:38 +00:00
}
2019-04-02 23:12:45 +00:00
[ draggable ] {
2020-09-03 07:14:43 +00:00
-moz-user-select : none ;
-khtml-user-select : none ;
-webkit-user-select : none ;
-ms-user-select : none ;
user-select : none ;
/* Required to make elements draggable in old WebKit */
-khtml-user-drag : element ;
-webkit-user-drag : element ;
}
2019-04-02 23:12:45 +00:00
2019-10-11 00:31:12 +00:00
@ keyframes a-existence-glow {
2020-06-03 06:26:36 +00:00
0 % { color : var ( - - color - text - inverted ) ; text-shadow : 0.1 rem 0.1 rem 0.2 rem var ( - - color - text ) ; }
50 % { color : var ( - - color - text - inverted ) ; text-shadow : 0.1 rem 0.1 rem 0.8 rem var ( - - color - text ) ; }
100 % { color : var ( - - color - text - inverted ) ; text-shadow : 0.1 rem 0.1 rem 0.2 rem var ( - - color - text ) ; }
2019-04-02 23:12:45 +00:00
}
[ ach-tooltip ] {
2020-08-15 07:36:00 +00:00
position : relative ;
2019-04-02 23:12:45 +00:00
}
[ ach-tooltip ] : before ,
[ ach-tooltip ] : after {
2020-08-15 07:36:00 +00:00
visibility : hidden ;
opacity : 0 ;
pointer-events : none ;
2019-04-02 23:12:45 +00:00
}
[ ach-tooltip ] : before {
2020-08-15 07:36:00 +00:00
position : absolute ;
bottom : 100 % ;
left : 50 % ;
margin-bottom : 0 . 5rem ;
2022-03-10 02:25:47 +00:00
transform : translateX ( -50 % ) ;
2020-08-15 07:36:00 +00:00
padding : 0 . 7rem ;
width : 16rem ;
border-radius : 0 . 3rem ;
background-color : hsla ( 0 , 0 % , 5 % , 0 . 9 ) ;
color : # fff ;
content : attr ( ach-tooltip ) ;
text-align : center ;
font-size : 1 . 4rem ;
line-height : 1 . 2 ;
transition-duration : 0 . 4s ;
z-index : 3 ;
}
. t-dark-metro [ ach-tooltip ] : before {
border-radius : 0 ;
2019-04-02 23:12:45 +00:00
}
[ ach-tooltip ] : after {
2020-08-15 07:36:00 +00:00
position : absolute ;
bottom : 100 % ;
left : 50 % ;
margin-left : -0 . 5rem ;
width : 0 ;
border-top : 0 . 5rem solid hsla ( 0 , 0 % , 5 % , 0 . 9 ) ;
border-right : 0 . 5rem solid transparent ;
border-left : 0 . 5rem solid transparent ;
content : " " ;
font-size : 0 ;
line-height : 0 ;
transition-duration : 0 . 4s ;
2019-04-02 23:12:45 +00:00
}
[ ach-tooltip ] : hover : before ,
[ ach-tooltip ] : hover : after {
2020-08-15 07:36:00 +00:00
visibility : visible ;
opacity : 1 ;
}
2020-05-14 01:21:55 +00:00
h1 , h2 , h3 , h4 , h5 , h6 {
margin : 0 0 1rem ;
2019-04-02 23:12:45 +00:00
}
p ,
ul ,
ol ,
table ,
dl {
2021-08-27 08:09:53 +00:00
margin : 0 0 3px ;
2019-04-02 23:12:45 +00:00
}
2020-05-14 01:21:55 +00:00
h1 , h2 , h3 {
line-height : 1 . 1 ;
2019-04-02 23:12:45 +00:00
}
h1 {
2021-08-27 08:09:53 +00:00
font-size : 28px ;
2019-04-02 23:12:45 +00:00
}
a {
2021-08-27 08:09:53 +00:00
color : # 39c ;
text-decoration : none ;
2019-04-02 23:12:45 +00:00
}
a : hover {
2021-08-27 08:09:53 +00:00
color : # 069 ;
2019-04-02 23:12:45 +00:00
}
a small {
2021-08-27 08:09:53 +00:00
font-size : 11px ;
color : # 777 ;
margin-top : -0 . 3em ;
display : block ;
2019-04-02 23:12:45 +00:00
}
a : hover small {
2021-08-27 08:09:53 +00:00
color : # 777 ;
2019-04-02 23:12:45 +00:00
}
. wrapper {
2021-08-27 08:09:53 +00:00
width : 860px ;
margin : 0 auto ;
2019-04-02 23:12:45 +00:00
}
blockquote {
2021-08-27 08:09:53 +00:00
border-left : 0 . 1rem solid # e5e5e5 ;
margin : 0 ;
padding : 0 0 0 20px ;
font-style : italic ;
2019-04-02 23:12:45 +00:00
}
table {
2021-08-27 08:09:53 +00:00
border-spacing : 0
2019-04-02 23:12:45 +00:00
}
th ,
td {
2021-08-27 08:09:53 +00:00
text-align : left ;
padding : 5px 8px ;
2019-04-02 23:12:45 +00:00
}
dt {
2021-08-27 08:09:53 +00:00
color : # 444 ;
font-weight : 700 ;
2019-04-02 23:12:45 +00:00
}
th {
2021-08-27 08:09:53 +00:00
color : # 444 ;
2019-04-02 23:12:45 +00:00
}
img {
2021-08-27 08:09:53 +00:00
max-width : 100 % ;
2019-04-02 23:12:45 +00:00
}
header {
2021-08-27 08:09:53 +00:00
width : 270px ;
float : left ;
position : fixed ;
-webkit-font-smoothing : subpixel-antialiased ;
2019-04-02 23:12:45 +00:00
}
header ul {
2021-08-27 08:09:53 +00:00
list-style : none ;
height : 40px ;
padding : 0 ;
background : # f4f4f4 ;
border-radius : 5px ;
border : 0 . 1rem solid # e0e0e0 ;
width : 270px ;
2019-04-02 23:12:45 +00:00
}
header li {
2021-08-27 08:09:53 +00:00
width : 89px ;
float : left ;
border-right : 0 . 1rem solid # e0e0e0 ;
height : 40px ;
2019-04-02 23:12:45 +00:00
}
header li : first-child a {
2021-08-27 08:09:53 +00:00
border-radius : 5px 0 0 5px ;
2019-04-02 23:12:45 +00:00
}
header li : last-child a {
2021-08-27 08:09:53 +00:00
border-radius : 0 5px 5px 0 ;
2019-04-02 23:12:45 +00:00
}
header ul a {
2021-08-27 08:09:53 +00:00
line-height : 1 ;
font-size : 11px ;
color : # 999 ;
display : block ;
text-align : center ;
padding-top : 6px ;
height : 34px ;
2019-04-02 23:12:45 +00:00
}
header ul a : hover {
2021-08-27 08:09:53 +00:00
color : # 999 ;
2019-04-02 23:12:45 +00:00
}
header ul a : active {
2021-08-27 08:09:53 +00:00
background-color : # f0f0f0 ;
2019-04-02 23:12:45 +00:00
}
strong {
2021-08-27 08:09:53 +00:00
font-weight : 700 ;
2019-04-02 23:12:45 +00:00
}
header ul li + li + li {
2021-08-27 08:09:53 +00:00
border-right : none ;
width : 89px ;
2019-04-02 23:12:45 +00:00
}
header ul a strong {
2021-08-27 08:09:53 +00:00
font-size : 14px ;
display : block ;
color : # 222 ;
2019-04-02 23:12:45 +00:00
}
section {
2021-08-27 08:09:53 +00:00
width : 500px ;
float : right ;
padding-bottom : 50px ;
2019-04-02 23:12:45 +00:00
}
small {
2021-08-27 08:09:53 +00:00
font-size : 11px ;
2019-04-02 23:12:45 +00:00
}
hr {
2021-08-27 08:09:53 +00:00
border : 0 ;
background : # e5e5e5 ;
height : 1px ;
margin : 0 0 20px ;
2019-04-02 23:12:45 +00:00
}
footer {
2021-08-27 08:09:53 +00:00
width : 270px ;
float : left ;
position : fixed ;
bottom : 50px ;
-webkit-font-smoothing : subpixel-antialiased ;
2019-04-02 23:12:45 +00:00
}
br {
2021-08-27 08:09:53 +00:00
margin : 0 ;
pointer-events : none ;
2019-04-02 23:12:45 +00:00
}
. videocontainer {
2021-08-27 08:09:53 +00:00
position : fixed ;
top : 0 ;
bottom : 0 ;
width : 100 % ;
height : 100 % ;
z-index : 1 ;
overflow : hidden ;
pointer-events : none ;
2019-04-02 23:12:45 +00:00
}
2019-08-27 22:03:10 +00:00
. videocontainer--background {
z-index : -1000 ;
}
2019-04-02 23:12:45 +00:00
# realityanimbg {
2021-08-27 08:09:53 +00:00
min-width : 100 % ;
min-height : 100 % ;
width : auto ;
height : auto ;
position : absolute ;
pointer-events : all ;
top : 50 % ;
left : 50 % ;
transform : translate ( -50 % , -50 % ) ;
2019-04-02 23:12:45 +00:00
}
@ media print , screen and ( max-width : 960px ) {
2021-08-27 08:09:53 +00:00
div . wrapper {
width : auto ;
margin : 0 ;
}
header ,
section ,
footer {
float : none ;
position : static ;
width : auto ;
}
header {
padding-right : 320px ;
}
section {
border : 0 . 1rem solid # e5e5e5 ;
border-width : 1px 0 ;
padding : 20px 0 ;
margin : 0 0 20px ;
}
header a small {
display : inline ;
}
header ul {
position : absolute ;
right : 50px ;
top : 52px ;
}
2019-04-02 23:12:45 +00:00
}
@ media print ,
screen and ( max-width : 720px ) {
2021-08-27 08:09:53 +00:00
body {
word-wrap : break-word ;
}
header {
padding : 0 ;
}
header ul ,
header p . view {
position : static ;
}
2019-04-02 23:12:45 +00:00
}
@ media print ,
screen and ( max-width : 480px ) {
2021-08-27 08:09:53 +00:00
body {
padding : 15px ;
}
header ul {
width : 99 % ;
}
header li ,
header ul li + li + li {
width : 33 % ;
}
2019-04-02 23:12:45 +00:00
}
@ media print {
2021-08-27 08:09:53 +00:00
body {
padding : 0 . 4in ;
font-size : 12pt ;
color : # 444 ;
}
2019-04-02 23:12:45 +00:00
}
@ keyframes barrelRoll {
2020-07-01 08:05:08 +00:00
0 % { transform : rotateZ ( 0 deg ) ; }
50 % ,
100 % { transform : rotateZ ( 360 deg ) ; }
2019-04-02 23:12:45 +00:00
}
@ keyframes spin3d {
2020-07-01 08:05:08 +00:00
0 % { transform : rotate3d ( 5.2 , -2.8 , 1.4 , 0 deg ) ; }
100 % { transform : rotate3d ( 5.2 , -2.8 , 1.4 , 360 deg ) ; }
2019-04-02 23:12:45 +00:00
}
@ keyframes spin4d {
2020-07-01 08:05:08 +00:00
0 % ,
100 % { transform : scale ( 1 ) rotate3d ( 5.2 , -2.8 , 1.4 , 0 deg ) ; }
50 % { transform : scale ( 0 ) rotate3d ( 5.2 , -2.8 , 1.4 , 360 deg ) ; }
2019-04-02 23:12:45 +00:00
}
@ keyframes float {
2020-07-01 08:05:08 +00:00
0 % { bottom : 0 ; opacity : 0 ; }
50 % { opacity : 1 ; }
100 % { bottom : 50 px ; opacity : 0 ; }
2019-04-02 23:12:45 +00:00
}
@ keyframes implode {
2020-07-01 08:05:08 +00:00
0 % ,
100 % { transform : scale ( 1 ) ; filter : blur ( 0 ) }
50 % { transform : scale ( 0 ) ; filter : blur ( 5 px ) }
}
@ keyframes eternify {
2020-07-01 18:44:59 +00:00
0 % { opacity : 1 ; filter : blur ( 0 ) ; }
15 % { opacity : 0.5 ; filter : blur ( 1 px ) ; }
30 % { opacity : 0.75 ; filter : blur ( 0.5 px ) ; }
45 % { opacity : 0.25 ; filter : blur ( 1.5 px ) ; }
60 % { opacity : 0.5 ; filter : blur ( 1 px ) ; }
75 % { opacity : 0 ; filter : blur ( 3 px ) ; }
85 % { opacity : 0 ; filter : blur ( 3 px ) ; }
100 % { opacity : 1 ; filter : blur ( 0 ) ; }
}
@ keyframes dilate {
0 % { transform : scaleX ( 1 ) ; opacity : 1 }
50 % { transform : scaleX ( 3 ) ; opacity : 0 }
60 % { transform : scaleX ( 1 ) ; opacity : 0 }
100 % { transform : scaleX ( 1 ) ; opacity : 1 }
}
@ keyframes undilate {
0 % { transform : scaleX ( 1 ) ; opacity : 1 }
50 % { transform : scaleX ( 0.5 ) ; opacity : 0 }
60 % { transform : scaleX ( 1 ) ; opacity : 0 }
100 % { transform : scaleX ( 1 ) ; opacity : 1 }
2019-04-02 23:12:45 +00:00
}
@ keyframes realize {
2020-07-01 08:05:08 +00:00
0 % { opacity : 1 ; }
20 % { opacity : 0 ; }
80 % { opacity : 0 ; }
100 % { opacity : 1 ; }
2019-04-02 23:12:45 +00:00
}
@ keyframes realizebg {
2020-07-01 08:05:08 +00:00
0 % { opacity : 0 ; }
20 % { opacity : 0 ; }
30 % { opacity : 1 ; }
70 % { opacity : 1 ; }
80 % { opacity : 0 ; }
100 % { opacity : 0 ; }
2019-04-02 23:12:45 +00:00
}
2019-06-21 18:36:18 +00:00
@ keyframes text-grow {
0 % { font-size : 1.3 rem ; }
50 % { font-size : 1.8 rem ; }
100 % { font-size : 1.3 rem ; }
}
@ keyframes text-shrink {
0 % { font-size : 1.8 rem ; }
50 % { font-size : 1.3 rem ; }
100 % { font-size : 1.8 rem ; }
}
2019-09-26 18:09:04 +00:00
@ keyframes text-crunch {
0 % { font-size : 1.5 rem ; }
90 % { font-size : 1.5 rem ; }
2019-11-15 01:54:53 +00:00
100 % { font-size : 0 ; }
2019-09-26 18:09:04 +00:00
}
2019-06-21 18:36:18 +00:00
@ keyframes text-flash {
0 % { color : yellow ; }
50 % { color : red ; }
}
2019-11-15 00:43:56 +00:00
@ keyframes fade-out {
0 % { opacity : 1 ; }
50 % { opacity : 0 ; }
100 % { opacity : 1 ; }
}
2022-03-08 15:59:22 +00:00
@ keyframes disappear {
0 % { opacity : 1 ; }
100 % { opacity : 0 ; }
}
2019-11-15 00:43:56 +00:00
@ keyframes text-stretch {
2019-11-15 01:54:53 +00:00
0 % { letter-spacing : 0 ; }
2019-11-15 00:43:56 +00:00
100 % { letter-spacing : 30 rem ; }
}
2019-04-02 23:12:45 +00:00
. infotooltip {
2020-05-08 05:57:48 +00:00
position : relative ;
display : inline-block ;
2019-04-02 23:12:45 +00:00
}
. infotooltip . infotooltiptext {
2020-05-08 05:57:48 +00:00
visibility : hidden ;
background-color : black ;
color : # fff ;
text-align : left ;
padding : 0 . 5rem ;
border-radius : 0 . 5rem ;
position : absolute ;
z-index : 2 ;
white-space : nowrap ;
left : 105 %
2019-04-02 23:12:45 +00:00
}
. infotooltip : hover . infotooltiptext {
2020-05-08 05:57:48 +00:00
visibility : visible ;
2019-04-02 23:12:45 +00:00
}
/ * * * * * * *
* BEM *
* * * * * * * /
2019-07-25 12:52:03 +00:00
. c-game-ui {
width : 100 % ;
2020-04-01 04:55:18 +00:00
height : 100 % ;
2019-07-25 12:52:03 +00:00
}
2019-08-11 09:54:34 +00:00
. _kong-test . c-game-ui {
max-height : 100 % ;
}
2019-04-02 23:12:45 +00:00
/*#region o-primary-btn*/
. o-primary-btn {
height : 2 . 5rem ;
font-family : Typewriter , serif ;
font-weight : bold ;
font-size : 1 . 3rem ;
2019-10-11 00:31:12 +00:00
color : var ( --color-text ) ;
background-color : var ( --color-base ) ;
border : 0 . 1rem solid var ( --color-good-dark ) ;
border-radius : 0 . 4rem ;
2019-04-02 23:12:45 +00:00
transition-duration : 0 . 2s ;
cursor : pointer ;
2019-10-11 00:31:12 +00:00
padding : 0 . 3rem 1rem ;
2019-04-02 23:12:45 +00:00
}
. o-primary-btn : hover {
2020-08-27 18:43:58 +00:00
color : var ( --color-text-inverted ) ;
2019-10-11 00:31:12 +00:00
background-color : var ( --color-good ) ;
2019-04-02 23:12:45 +00:00
}
. o-primary-btn--disabled {
2019-10-11 00:31:12 +00:00
background-color : # A3A3A3 ;
border-color : var ( --color-bad ) ;
2019-04-02 23:12:45 +00:00
cursor : default ;
}
. o-primary-btn--disabled : hover {
2019-10-11 00:31:12 +00:00
background-color : var ( --color-bad ) ;
2019-04-02 23:12:45 +00:00
}
/*#region modifiers*/
. o-primary-btn--width-medium {
width : 12rem ;
}
2020-04-26 07:04:41 +00:00
. o-primary-btn--subtab-option {
border : 0 . 2rem solid var ( --color-accent ) ;
2022-03-27 10:37:23 +00:00
margin : 0 . 4rem 0 . 8rem ;
2020-04-26 07:04:41 +00:00
line-height : 0 ;
}
. o-primary-btn--subtab-option : hover {
background-color : var ( --color-accent ) ;
}
2019-04-02 23:12:45 +00:00
. o-primary-btn--tickspeed {
width : 17rem ;
font-size : 1 . 2rem ;
2022-03-26 05:27:26 +00:00
margin-right : 0 . 4rem ;
2019-04-02 23:12:45 +00:00
}
. o-primary-btn--buy-max {
font-size : 1 . 2rem ;
width : 12rem ;
}
. o-primary-btn--sacrifice {
font-size : 1 . 2rem ;
2020-10-03 11:01:22 +00:00
width : 48rem ;
2019-09-29 19:17:26 +00:00
margin-right : 0 . 8rem ;
2019-04-02 23:12:45 +00:00
}
2020-05-27 07:01:15 +00:00
. o-primary-btn--buy-ad {
2019-04-02 23:12:45 +00:00
font-size : 1rem ;
2022-01-02 14:42:03 +00:00
vertical-align : middle ;
line-height : 9px ;
2019-04-02 23:12:45 +00:00
}
2020-05-27 07:01:15 +00:00
. o-primary-btn--buy-single-ad {
2019-04-02 23:12:45 +00:00
width : 13 . 5rem ;
}
2020-05-27 07:01:15 +00:00
. o-primary-btn--buy-10-ad {
2019-04-02 23:12:45 +00:00
width : 21rem ;
}
. o-primary-btn--dimboost {
2019-10-11 00:31:12 +00:00
font-size : 0 . 9rem ;
2019-04-02 23:12:45 +00:00
width : 21rem ;
2022-03-20 15:20:14 +00:00
height : 4 . 5rem ;
2019-04-02 23:12:45 +00:00
}
. o-primary-btn--galaxy {
2019-10-11 00:31:12 +00:00
font-size : 0 . 9rem ;
2019-04-02 23:12:45 +00:00
width : 21rem ;
2022-03-20 15:20:14 +00:00
height : 4 . 5rem ;
2019-04-02 23:12:45 +00:00
}
. o-primary-btn--quick-reset {
font-size : 1 . 2rem ;
width : 20rem ;
2020-04-22 04:02:51 +00:00
height : 7rem ;
2019-04-02 23:12:45 +00:00
}
. o-primary-btn--buy-id {
2022-01-04 16:07:29 +00:00
width : 21rem ;
2019-04-02 23:12:45 +00:00
height : 3rem ;
}
2020-03-27 17:51:30 +00:00
. o-primary-btn--buy-id-max ,
2019-04-02 23:12:45 +00:00
. o-primary-btn--id-autobuyer {
font-size : 1rem ;
width : 8rem ;
2020-03-27 17:51:30 +00:00
height : 3rem ;
2019-04-02 23:12:45 +00:00
}
. o-primary-btn--buy-td {
2022-01-04 16:07:29 +00:00
width : 21rem ;
2019-04-02 23:12:45 +00:00
height : 3rem ;
}
2020-03-27 17:51:30 +00:00
. o-primary-btn--buy-td-max ,
2019-04-02 23:12:45 +00:00
. o-primary-btn--td-autobuyer {
font-size : 1rem ;
width : 8rem ;
2020-03-27 17:51:30 +00:00
height : 3rem ;
2019-04-02 23:12:45 +00:00
}
. o-primary-btn--option {
2021-09-27 19:45:40 +00:00
width : 22rem ;
2019-04-02 23:12:45 +00:00
height : 5 . 5rem ;
box-sizing : border-box ;
2021-08-15 18:55:16 +00:00
display : flex ;
justify-content : center ;
2021-08-15 19:06:20 +00:00
align-items : center ;
2021-08-15 18:55:16 +00:00
flex-direction : column ;
2019-04-02 23:12:45 +00:00
}
2020-04-22 12:56:28 +00:00
. o-primary-btn--option-wide {
width : 24rem ;
height : 5 . 5rem ;
box-sizing : border-box ;
}
2020-06-03 04:12:27 +00:00
. o-primary-btn--option_font-med {
font-size : 1 . 4rem ;
}
2019-04-02 23:12:45 +00:00
. o-primary-btn--option_font-large {
font-size : 1 . 8rem ;
}
. o-primary-btn--option_font-x-large {
font-size : 2rem ;
}
2020-06-03 04:12:27 +00:00
. o-primary-btn--slider__slider {
width : 100 % ;
2019-04-02 23:12:45 +00:00
}
2020-06-03 04:12:27 +00:00
. o-primary-btn--slider {
cursor : default ;
2019-04-02 23:12:45 +00:00
}
. o-primary-btn--modal-close {
width : 3rem ;
height : 3rem ;
font-size : 2 . 4rem ;
line-height : 2 . 4rem ;
padding : 0 ;
}
. o-primary-btn--small-spoon {
font-size : 1rem ;
}
. o-primary-btn--replicanti-unlock {
width : 20rem ;
height : 8rem ;
}
. o-primary-btn--replicanti-upgrade {
width : 18rem ;
height : 5rem ;
font-size : 1rem ;
2019-10-11 00:31:12 +00:00
padding : 0 . 1rem 0 . 6rem ;
2019-04-02 23:12:45 +00:00
}
. o-primary-btn--replicanti-upgrade-toggle {
font-size : 1rem ;
}
2019-05-15 20:54:56 +00:00
. o-primary-btn--dilation-upgrade-toggle {
font-size : 1rem ;
}
2020-03-08 03:11:01 +00:00
. o-primary-btn--reality-upgrade-toggle {
font-size : 1rem ;
2021-01-18 13:45:58 +00:00
margin-top : 0 . 5rem ;
2020-03-08 03:11:01 +00:00
}
2019-04-02 23:12:45 +00:00
. o-primary-btn--replicanti-galaxy {
2020-04-23 16:27:21 +00:00
width : 22rem ;
2019-04-02 23:12:45 +00:00
height : 7rem ;
font-size : 1 . 2rem ;
2019-10-11 00:31:12 +00:00
padding : 0 . 1rem 0 . 6rem ;
2019-04-02 23:12:45 +00:00
}
. o-primary-btn--replicanti-galaxy-toggle {
2020-04-23 16:27:21 +00:00
width : 22rem ;
2019-04-02 23:12:45 +00:00
font-size : 1 . 2rem ;
}
. o-primary-btn--time-study-options {
width : 15rem ;
height : 4rem ;
font-size : 1rem ;
}
. o-primary-btn--respec-active {
2020-08-26 16:09:32 +00:00
background-color : var ( --color-eternity ) ! important ;
2019-04-02 23:12:45 +00:00
}
. o-primary-btn--respec-active : hover {
2020-08-26 16:09:32 +00:00
color : var ( --color-base ) ;
2019-04-02 23:12:45 +00:00
}
2020-07-21 05:40:34 +00:00
. o-primary-btn--charged-respec-active {
color : var ( --color-teresa--accent ) ;
2020-08-26 16:09:32 +00:00
background-color : var ( --color-teresa--base ) ! important ;
2020-07-21 05:40:34 +00:00
}
. o-primary-btn--charged-respec-active : hover {
color : var ( --color-teresa--accent ) ;
2020-08-26 16:09:32 +00:00
background-color : var ( --color-teresa--base ) ! important ;
2020-07-21 05:40:34 +00:00
}
2020-02-03 07:54:33 +00:00
. o-primary-btn--glyph-trash {
2020-03-03 17:57:00 +00:00
width : 30rem ;
2020-02-20 01:14:30 +00:00
height : 4 . 5rem ;
2020-02-03 07:54:33 +00:00
font-size : 1rem ;
}
2019-05-10 04:05:11 +00:00
. o-primary-btn--discharge-options {
width : 15rem ;
height : 4rem ;
font-size : 1rem ;
}
2019-04-02 23:12:45 +00:00
/*#endregion modifiers*/
/*#region themes*/
/*#region t-dark*/
. t-dark . o-primary-btn {
2019-10-11 00:31:12 +00:00
box-shadow : 0 0 0 . 7rem 0 . 2rem # 111111 ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-primary-btn : hover {
2019-04-11 12:47:48 +00:00
background-color : # 1b5e20 ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-primary-btn--disabled {
2019-04-17 20:54:36 +00:00
color : black ;
2019-04-11 12:47:48 +00:00
background-color : # 37474f ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-primary-btn--disabled : hover {
2019-10-11 00:31:12 +00:00
background-color : var ( --color-bad ) ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-primary-btn--respec-active {
2019-04-11 12:47:48 +00:00
background-color : # 1b5e20 ;
2019-04-02 23:12:45 +00:00
}
2019-05-10 04:05:11 +00:00
. t-dark . o-primary-btn--discharge-active {
background-color : # 1b5e20 ;
}
2019-04-02 23:12:45 +00:00
/*#endregion t-dark*/
/*#region t-dark-metro*/
. t-dark-metro . o-primary-btn {
2019-10-11 00:31:12 +00:00
box-shadow : 0 . 1rem 0 . 1rem 0 . 1rem 0 black ;
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
border-width : 0 . 1rem ;
2019-04-02 23:12:45 +00:00
}
. t-dark-metro . o-primary-btn--disabled {
2019-04-11 12:47:48 +00:00
background-color : # 37474f ;
2019-04-02 23:12:45 +00:00
}
. t-dark-metro . o-primary-btn--disabled : hover {
2019-10-11 00:31:12 +00:00
background-color : var ( --color-bad ) ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-dark-metro*/
2019-10-11 00:31:12 +00:00
/*#region t-metro t-dark-metro t-inverted-metro t-s8*/
2019-04-02 23:12:45 +00:00
2021-09-28 20:01:56 +00:00
. s-base--metro . o-primary-btn {
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
border-width : 0 . 1rem ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-primary-btn--toggle {
2020-04-26 07:04:41 +00:00
border-width : 0 . 1rem ;
}
2019-04-02 23:12:45 +00:00
. t-metro . o-primary-btn ,
2019-10-11 00:31:12 +00:00
. t-inverted-metro . o-primary-btn {
box-shadow : 0 . 1rem 0 . 1rem 0 . 1rem 0 # 9e9e9e ;
2019-04-02 23:12:45 +00:00
}
. t-metro . o-primary-btn--disabled ,
. t-inverted-metro . o-primary-btn--disabled ,
. t-s8 . o-primary-btn--disabled {
2019-04-11 12:47:48 +00:00
background-color : # 9e9e9e ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-primary-btn--disabled : hover {
2019-10-11 00:31:12 +00:00
background-color : var ( --color-bad ) ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-metro t-inverted-metro t-s8*/
/*#region t-s1*/
. t-s1 . o-primary-btn {
2019-04-11 12:47:48 +00:00
border-color : black ;
2019-04-02 23:12:45 +00:00
}
. t-s1 . o-primary-btn--disabled {
2019-04-11 12:47:48 +00:00
background-color : # 9a921d ;
2019-04-02 23:12:45 +00:00
}
. t-s1 . o-primary-btn--disabled : hover {
2019-10-11 00:31:12 +00:00
background-color : var ( --color-bad ) ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-s1*/
/*#region t-s4*/
. t-s4 . o-primary-btn {
2019-04-11 12:47:48 +00:00
background-color : # ff0000 ;
2019-09-29 19:17:26 +00:00
cursor : url ( cursor2 . cur ) , auto ;
2019-04-02 23:12:45 +00:00
}
. t-s4 . o-primary-btn--disabled {
2019-09-29 19:17:26 +00:00
cursor : url ( cursor . cur ) , auto ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-s4*/
2021-09-29 03:38:24 +00:00
/*#region t-s6 t-s10*/
2019-04-02 23:12:45 +00:00
2021-09-29 03:38:24 +00:00
. t-s6 . o-primary-btn ,
. t-s10 . o-primary-btn {
2019-10-11 00:31:12 +00:00
box-shadow : 0 0 0 . 7rem 0 . 2rem # 111111 ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-primary-btn--disabled ,
. t-s10 . o-primary-btn--disabled {
2019-04-11 12:47:48 +00:00
color : grey ;
2019-10-11 00:31:12 +00:00
background-color : var ( --color-base ) ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-primary-btn--disabled : hover ,
. t-s10 . o-primary-btn--disabled : hover {
2019-10-11 00:31:12 +00:00
color : var ( --color-text ) ;
background : var ( --color-bad ) ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-primary-btn--respec-active ,
. t-s10 . o-primary-btn--respec-active {
2019-04-11 12:47:48 +00:00
background-color : # 1b5e20 ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-primary-btn--discharge-active ,
. t-s10 . o-primary-btn--discharge-active {
2019-05-10 04:05:11 +00:00
background-color : # 1b5e20 ;
}
2019-04-02 23:12:45 +00:00
/* FFS */
2021-09-28 20:01:56 +00:00
. s-base--metro . o-primary-btn--respec-active ,
2019-04-02 23:12:45 +00:00
. t-s1 . o-primary-btn--respec-active ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-primary-btn--respec-active ,
. t-s10 . o-primary-btn--respec-active {
2019-04-11 12:47:48 +00:00
background-color : # 673ab7 ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-primary-btn--respec-active : hover ,
2019-04-02 23:12:45 +00:00
. t-s1 . o-primary-btn--respec-active : hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-primary-btn--respec-active : hover ,
. t-s10 . o-primary-btn--respec-active : hover {
2019-04-11 12:47:48 +00:00
background-color : # 673ab7 ;
color : black ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-primary-btn--discharge-active ,
2019-05-10 04:05:11 +00:00
. t-s1 . o-primary-btn--discharge-active ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-primary-btn--discharge-active ,
. t-s10 . o-primary-btn--discharge-active {
2019-05-10 04:05:11 +00:00
background-color : # 673ab7 ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-primary-btn--discharge-active : hover ,
2019-05-10 04:05:11 +00:00
. t-s1 . o-primary-btn--discharge-active : hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-primary-btn--discharge-active : hover ,
. t-s10 . o-primary-btn--discharge-active : hover {
2019-05-10 04:05:11 +00:00
background-color : # 673ab7 ;
color : black ;
}
2021-09-29 03:38:24 +00:00
/*#endregion t-s6 t-s10*/
2019-04-02 23:12:45 +00:00
/*#endregion themes*/
/*#endregion o-primary-btn*/
2020-04-26 07:04:41 +00:00
/*#region c-subtab-option-container*/
. c-subtab-option-container {
display : flex ;
flex-direction : row ;
2020-04-27 03:34:18 +00:00
padding-bottom : 0 . 8rem ;
2022-03-16 14:03:17 +00:00
flex-wrap : wrap ;
justify-content : center ;
2020-04-26 07:04:41 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-subtab-option-container {
2020-04-26 07:04:41 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
/*#endregion c-subtab-option-container*/
2020-08-05 01:12:12 +00:00
/*#region o-prestige-button*/
2019-04-02 23:12:45 +00:00
2020-08-05 01:12:12 +00:00
. o-prestige-button {
2019-10-11 00:31:12 +00:00
border : 0 . 2rem solid ;
border-radius : 0 . 4rem ;
2019-04-02 23:12:45 +00:00
transition-duration : 0 . 2s ;
cursor : pointer ;
2020-04-23 19:34:14 +00:00
width : 22rem ;
2019-04-02 23:12:45 +00:00
height : 7rem ;
font-size : 1 . 1rem ;
font-family : Typewriter , serif ;
}
2020-08-05 01:12:12 +00:00
. o-prestige-button br {
2019-04-02 23:12:45 +00:00
pointer-events : none ;
}
2020-08-05 01:12:12 +00:00
. o-prestige-button b {
2019-04-02 23:12:45 +00:00
pointer-events : none ;
}
/*#region Big Crunch*/
2020-08-05 01:12:12 +00:00
. o-infinity-button {
2020-08-26 15:53:00 +00:00
color : var ( --color-infinity ) ;
2019-10-11 00:31:12 +00:00
background-color : black ;
border-color : var ( --color-infinity ) ;
2021-08-29 20:02:49 +00:00
font-weight : bold ;
2019-04-02 23:12:45 +00:00
}
2020-08-05 01:12:12 +00:00
. o-infinity-button : hover {
2019-10-11 00:31:12 +00:00
color : black ;
background-color : var ( --color-infinity ) ;
}
2020-08-05 01:12:12 +00:00
. o-infinity-button span {
2019-10-11 00:31:12 +00:00
transition-duration : 0 . 2s ;
}
2020-08-05 01:12:12 +00:00
. o-infinity-button : hover span {
2019-10-11 00:31:12 +00:00
color : black ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-infinity-button {
2019-04-11 12:47:48 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
2021-08-26 15:10:18 +00:00
box-shadow : 0 . 1rem 0 . 1rem 0 . 1rem 0 # 9e9e9e ;
}
2020-08-05 01:12:12 +00:00
. t-dark-metro . o-infinity-button {
2019-04-17 20:54:36 +00:00
box-shadow : 1px 1px 1px 0 black ;
2019-04-02 23:12:45 +00:00
}
2021-08-29 20:02:49 +00:00
. o-infinity-button--unavailable {
cursor : default ;
opacity : 0 . 5 ;
}
2019-04-02 23:12:45 +00:00
/*#region Eternity*/
2020-08-05 01:12:12 +00:00
. o-eternity-button {
2019-10-11 00:31:12 +00:00
color : var ( --color-eternity ) ;
2019-04-02 23:12:45 +00:00
background-color : black ;
2019-10-11 00:31:12 +00:00
border-color : var ( --color-eternity ) ;
2020-02-08 07:31:16 +00:00
font-weight : bold ;
2019-04-02 23:12:45 +00:00
}
2020-08-05 01:12:12 +00:00
. o-eternity-button : hover {
2020-08-26 15:53:00 +00:00
color : black ;
background-color : var ( --color-eternity ) ;
cursor : pointer ;
2020-02-15 00:15:06 +00:00
}
2019-10-11 00:31:12 +00:00
2021-01-03 02:38:04 +00:00
. o-eternity-button span {
2019-10-11 00:31:12 +00:00
transition-duration : 0 . 2s ;
2019-04-02 23:12:45 +00:00
}
2020-08-05 01:12:12 +00:00
. o-eternity-button : hover span {
2021-01-03 02:38:04 +00:00
color : black ;
2019-08-06 10:43:57 +00:00
}
2020-08-05 01:12:12 +00:00
. t-s1 . o-eternity-button : hover span {
2021-01-03 02:38:04 +00:00
color : var ( --color-text ) ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-eternity-button {
2019-04-11 12:47:48 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
2019-04-02 23:12:45 +00:00
}
2020-08-05 01:12:12 +00:00
. t-s1 . o-eternity-button : hover {
2019-04-11 12:47:48 +00:00
color : black ;
border-color : black ;
2019-04-02 23:12:45 +00:00
}
2020-08-05 01:12:12 +00:00
. o-eternity-button--dilation {
2021-01-03 02:38:04 +00:00
color : var ( --color-dilation ) ;
2020-04-21 13:45:57 +00:00
background-color : black ;
2021-01-03 02:38:04 +00:00
border-color : var ( --color-dilation ) ;
font-weight : bold ;
2020-04-21 13:45:57 +00:00
}
2020-08-05 01:12:12 +00:00
. o-eternity-button--dilation : hover {
2021-01-03 02:38:04 +00:00
color : black ;
background-color : var ( --color-dilation ) ;
2020-04-21 13:45:57 +00:00
}
2020-08-05 01:12:12 +00:00
. o-eternity-button--dilation span {
2020-04-21 13:45:57 +00:00
transition-duration : 0 . 2s ;
}
2020-08-05 01:12:12 +00:00
. o-eternity-button--dilation : hover span {
2021-01-03 02:38:04 +00:00
color : black ;
2020-04-21 13:45:57 +00:00
}
2020-08-05 01:12:12 +00:00
. t-s1 . o-eternity-button--dilation : hover span {
2021-01-03 02:38:04 +00:00
color : var ( --color-text ) ;
2020-04-21 13:45:57 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-eternity-button--dilation {
2020-04-21 13:45:57 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2020-08-05 01:12:12 +00:00
. t-s1 . o-eternity-button--dilation : hover {
2020-04-21 13:45:57 +00:00
color : black ;
2021-01-03 02:38:04 +00:00
background : var ( --color-dilation ) ;
2020-04-21 13:45:57 +00:00
border-color : black ;
}
2020-08-05 01:12:12 +00:00
. o-eternity-button--unavailable {
cursor : default ;
2021-08-29 20:02:49 +00:00
opacity : 0 . 5 ;
2020-08-05 01:12:12 +00:00
}
2019-04-02 23:12:45 +00:00
/*#endregion Eternity*/
/*#endregion Big Crunch*/
/*#endregion o-prestige-btn*/
/*#region l-spoon-btn-group*/
. l-spoon-btn-group {
display : flex ;
flex-direction : column ;
}
. l--spoon-btn-group__little-spoon {
align-self : stretch ;
2019-10-11 00:31:12 +00:00
margin-top : 0 . 3rem ;
2019-04-02 23:12:45 +00:00
}
2020-03-08 03:11:01 +00:00
. l--spoon-btn-group__little-spoon-reality-btn {
2020-05-30 02:18:05 +00:00
width : 20rem ;
2020-03-08 03:11:01 +00:00
align-self : center ;
2020-03-08 11:13:49 +00:00
margin-top : -0 . 9rem ;
2020-04-21 23:15:19 +00:00
margin-bottom : 1 . 2rem ;
2020-03-08 03:11:01 +00:00
}
2019-04-02 23:12:45 +00:00
/*#endregion l-spoon-btn-group*/
. o-big-checkbox {
width : 2rem ;
height : 1 . 8rem ;
}
/*#region hint-text*/
2021-11-18 10:10:08 +00:00
. o-dim-path-priority {
2020-04-21 05:59:10 +00:00
font-size : 1 . 55rem ;
2019-04-02 23:12:45 +00:00
color : white ;
text-shadow :
2020-04-21 05:59:10 +00:00
-0 . 1rem -0 . 1rem 0 black ,
-0 . 1rem -0 . 1rem 0 black ,
0 . 1rem -0 . 1rem 0 black ,
0 . 1rem -0 . 1rem 0 black ,
-0 . 1rem 0 . 1rem 0 black ,
-0 . 1rem 0 . 1rem 0 black ,
0 . 1rem 0 . 1rem 0 black ,
0 . 1rem 0 . 1rem 0 black ;
2020-04-19 03:44:17 +00:00
pointer-events : none ;
2019-04-02 23:12:45 +00:00
}
. l-hint-text--challenge {
2020-04-21 05:59:10 +00:00
top : -2 . 2rem ;
2019-04-02 23:12:45 +00:00
}
. l-hint-text--time-study {
2020-04-21 05:59:10 +00:00
top : -1 . 95rem ;
2019-04-02 23:12:45 +00:00
}
. l-hint-text--reality-upgrade {
2020-05-30 02:18:05 +00:00
font-size : 1 . 25rem ;
top : -1 . 7rem ;
2019-04-02 23:12:45 +00:00
}
2020-04-21 05:59:10 +00:00
. c-hint-text--reality-upgrade {
color : var ( --color-text ) ;
text-shadow : none ;
font-weight : bold ;
}
2019-04-19 04:13:19 +00:00
. l-hint-text--achievement {
top : -2rem ;
z-index : 1 ;
}
2019-07-04 07:52:08 +00:00
. o-hint-text--alchemy-node {
2019-12-29 02:04:57 +00:00
color : # 4f5957 ;
2019-07-04 07:52:08 +00:00
text-shadow : none ;
font-size : 1 . 2rem ;
2019-07-10 19:07:02 +00:00
transition : opacity 0 . 2s ;
}
. o-hint-text--alchemy-node--unfocused {
opacity : 0 ;
2019-07-04 07:52:08 +00:00
}
. l-hint-text--alchemy-node {
2019-09-14 01:56:47 +00:00
top : 2 . 6rem ;
2019-07-04 07:52:08 +00:00
left : 50 % ;
transform : translate ( -50 % ) ;
}
2019-04-02 23:12:45 +00:00
/*#endregion hint-text*/
/*#region Header*/
. l-game-header__amounts-line {
position : relative ;
font-size : 1 . 2rem ;
}
/*#region IP Amount*/
. l-game-header__infinity-points {
position : absolute ;
left : 75 % ;
}
. c-game-header__infinity-points {
font-size : 1 . 2rem ;
2022-03-26 05:27:26 +00:00
width : 22rem ;
2019-04-02 23:12:45 +00:00
}
2020-03-03 04:32:08 +00:00
. c-game-header__tesseract-available {
2020-09-06 00:44:26 +00:00
border-width : 0 . 2rem solid ;
border-radius : 0 ;
padding : 1rem ;
margin-bottom : 1 . 2rem ;
font-family : TypeWriter , serif ;
background : # 111117 ;
color : # 2ebce6 ;
cursor : pointer ;
transition-duration : 0 . 15s ;
2020-03-03 04:32:08 +00:00
animation : a-tesseract-shift 5s infinite ;
}
2021-09-28 20:01:56 +00:00
. s-base--dark . c-game-header__tesseract-available {
2020-03-03 04:32:08 +00:00
background : # EEEEEE ;
animation : a-tesseract-shift-dark 5s infinite ;
}
2020-09-06 00:44:26 +00:00
. c-infinity-dim-tab__tesseract-available : hover {
background : black ;
color : # 00c5ff ;
}
2021-09-28 20:01:56 +00:00
. s-base--dark . c-infinity-dim-tab__tesseract-available : hover {
2020-09-06 00:44:26 +00:00
background : white ;
}
2019-04-02 23:12:45 +00:00
. c-game-header__ip-amount {
font-weight : bold ;
}
. t-dark . c-game-header__ip-amount ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-game-header__ip-amount ,
. t-s10 . c-game-header__ip-amount {
2019-04-11 12:47:48 +00:00
color : white ;
2019-10-11 00:31:12 +00:00
text-shadow : 0 0 0 . 7rem white ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-game-header__ip-amount {
2019-04-02 23:12:45 +00:00
color : # ff9800 ;
}
. t-s1 . c-game-header__ip-amount {
color : # 7d3c1b ;
2019-10-11 00:31:12 +00:00
text-shadow : 0 . 1rem 0 . 1rem 0 black ;
2019-04-02 23:12:45 +00:00
}
/*#endregion IP Amount*/
/*#region EP Amount*/
. l-game-header__eternity-points {
position : absolute ;
right : 75 % ;
}
. c-game-header__eternity-points {
font-size : 1 . 2rem ;
2022-03-26 05:27:26 +00:00
width : 22rem ;
2019-04-02 23:12:45 +00:00
}
. c-game-header__ep-amount {
font-weight : bold ;
}
. t-dark . c-game-header__ep-amount ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-game-header__ep-amount ,
. t-s10 . c-game-header__ep-amount {
2019-10-11 00:31:12 +00:00
color : var ( --color-eternity ) ;
text-shadow : 0 0 0 . 7rem var ( --color-eternity ) ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-game-header__ep-amount {
2019-10-11 00:31:12 +00:00
color : var ( --color-eternity ) ;
2019-04-02 23:12:45 +00:00
}
. t-s1 . c-game-header__ep-amount {
2019-10-11 00:31:12 +00:00
color : var ( --color-eternity ) ;
text-shadow : 0 . 1rem 0 . 1rem 0 black ;
2019-04-02 23:12:45 +00:00
}
/*#endregion EP Amount*/
/*#region c-game-header__antimatter*/
. c-game-header__antimatter {
font-size : 2 . 5rem ;
color : black ;
}
. t-dark . c-game-header__antimatter ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-game-header__antimatter ,
. t-s10 . c-game-header__antimatter {
2019-04-02 23:12:45 +00:00
animation : a-game-header__antimatter--glow 25s infinite ;
}
@ keyframes a-game-header__antimatter--glow {
0 % { color : #2196f3 ; }
33 % { color : #673ab7 ; }
66 % { color : #00bcd4 ; }
100 % { color : #2196f3 ; }
}
2022-01-08 15:17:03 +00:00
. t-s11 . c-game-header__antimatter {
animation : a-game-header__antimatter--glow-blob 25s infinite ;
}
@ keyframes a-game-header__antimatter--glow-blob {
2022-01-17 17:21:21 +00:00
0 % { color : #fbc21b }
33 % { color : #caa32c }
66 % { color : #fba11b }
100 % { color : #fbc21b }
2022-01-08 15:17:03 +00:00
}
2019-04-02 23:12:45 +00:00
. t-dark-metro . c-game-header__antimatter {
2019-04-11 12:47:48 +00:00
color : # e0e0e0 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion c-game-header__antimatter*/
2021-08-03 06:06:01 +00:00
. l-game-header__challenge-text {
display : flex ;
justify-content : center ;
align-items : center ;
height : 2rem ;
top : 50 % ;
font-size : 1 . 2rem ;
}
2019-04-02 23:12:45 +00:00
. l-game-header__buttons-line {
position : relative ;
}
. l-game-header__big-crunch-btn {
position : absolute ;
left : 75 % ;
}
. l-game-header__eternity-btn {
position : absolute ;
right : 75 % ;
}
. l-game-header__new-dim-btn {
position : absolute ;
right : 75 % ;
}
. c-game-header__tickspeed-row {
display : flex ;
flex-direction : column ;
align-items : center ;
}
. c-game-header__tickspeed-row--hidden {
visibility : hidden ;
}
2020-03-17 20:54:30 +00:00
. u-fa-padding {
width : 1rem ;
}
2019-04-02 23:12:45 +00:00
/*#endregion Header*/
. t-s2 . c-dim-tab {
2019-04-11 12:47:48 +00:00
color : black ;
2019-04-02 23:12:45 +00:00
text-shadow : . 05rem . 05rem 0 white , - . 05rem - . 05rem 0 white ;
}
2020-04-19 04:27:47 +00:00
/*#region Dimensions*/
. l-dimensions-container {
width : 100 % ;
}
2020-07-21 04:09:51 +00:00
. c-dim-row--not-reached {
opacity : 0 . 5 ;
}
2020-04-19 04:27:47 +00:00
. c-dim-row__name {
width : 40 % ;
}
. c-dim-row__label {
text-align : left ;
}
. c-dim-row__label--growable {
flex-grow : 1 ;
2020-07-18 02:01:29 +00:00
width : 15rem ;
2020-04-19 04:27:47 +00:00
}
. c-dim-row__label--small {
font-size : 1 . 2rem ;
}
. l-dim-row__button {
flex-shrink : 0 ;
margin-left : 1 . 6rem ;
}
. l-dim-row__button--right-offset {
margin-right : 10rem ;
}
/*#endregion Dimensions*/
2020-05-27 07:01:15 +00:00
/*#region Antimatter Dimensions*/
2019-04-02 23:12:45 +00:00
2020-05-27 07:01:15 +00:00
/*#region l-antimatter-dim-tab*/
2019-04-02 23:12:45 +00:00
2020-05-27 07:01:15 +00:00
. l-antimatter-dim-tab > * {
2019-04-02 23:12:45 +00:00
flex-shrink : 0 ;
}
2020-05-27 07:01:15 +00:00
. l-antimatter-dim-tab__progress_bar {
2019-07-25 12:52:03 +00:00
margin : 1rem 0 ;
2019-04-02 23:12:45 +00:00
}
2020-05-27 07:01:15 +00:00
/*#endregion l-antimatter-dim-tab*/
2019-04-02 23:12:45 +00:00
2020-05-27 07:01:15 +00:00
/*#region l-antimatter-dim-tab-header*/
2019-04-02 23:12:45 +00:00
2020-05-27 07:01:15 +00:00
. l-antimatter-dim-tab__header {
2019-04-02 23:12:45 +00:00
display : flex ;
flex-direction : row ;
justify-content : center ;
2020-04-01 04:55:18 +00:00
align-items : center ;
padding-top : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
}
2020-05-27 07:01:15 +00:00
/*#endregion l-antimatter-dim-tab-header*/
2019-04-02 23:12:45 +00:00
2020-05-27 07:01:15 +00:00
/*#region c-antimatter-dim-row*/
2019-04-02 23:12:45 +00:00
2020-05-27 07:01:15 +00:00
. c-antimatter-dim-row {
2019-04-02 23:12:45 +00:00
/* relative because floating text is 'position: absolute' */
position : relative ;
display : flex ;
flex-direction : row ;
align-items : center ;
font-size : 1 . 5rem ;
margin-top : 1rem ;
}
/*#endregion c-dimension-row*/
/*#region c-progress-bar*/
. c-progress-bar {
width : 100 % ;
background-color : # A3A3A3 ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
pointer-events : none ;
margin-right : auto ;
margin-left : auto ;
/* Start fill from left corner*/
text-align : left ;
}
. c-progress-bar__fill {
width : 0 ;
background-color : # 127A20 ;
border-radius : inherit ;
transition-duration : 0 . 1s ;
pointer-events : none ;
/* Align percents on center*/
text-align : center ;
}
. c-progress-bar__percents {
font-size : 1 . 6rem ;
color : black ;
2019-04-11 12:47:48 +00:00
pointer-events : all ;
2019-04-02 23:12:45 +00:00
user-select : none ;
overflow-wrap : normal ;
}
/*#region themes*/
2021-09-29 03:38:24 +00:00
/*#region t-dark t-s6 t-s10*/
2019-04-02 23:12:45 +00:00
2021-09-29 03:38:24 +00:00
. t-dark . c-progress-bar__fill ,
2019-04-02 23:12:45 +00:00
. t-s6 . c-progress-bar__fill ,
2021-09-29 03:38:24 +00:00
. t-s10 . c-progress-bar__fill {
2019-04-11 12:47:48 +00:00
background-color : # 1b5e20 ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
/*#endregion t-dark t-s6 t-s10*/
2019-04-02 23:12:45 +00:00
/*#region t-inverted t-inverted-metro*/
. t-inverted . c-progress-bar__fill ,
. t-inverted-metro . c-progress-bar__fill {
2019-04-11 12:47:48 +00:00
color : white ;
background-color : # ed85df ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-inverted t-inverted-metro*/
/*#region t-s1*/
. t-s1 . c-progress-bar__fill {
2019-04-11 12:47:48 +00:00
background-color : # 4baf4e ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-s1*/
/*#endregion themes*/
/*#endregion c-progress-bar*/
2020-05-27 07:01:15 +00:00
/*#endregion Antimatter Dimensions*/
2019-04-02 23:12:45 +00:00
/*#region Infinity Dimensions*/
/*#region l-infinity-dim-tab*/
. l-infinity-dim-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
}
. l-infinity-dim-tab__ec8-purchases {
margin-top : 1rem ;
}
2019-10-11 00:31:12 +00:00
. l-infinity-dim-tab__enslaved-reward-container {
margin-top : 1rem ;
margin-bottom : 1rem ;
}
2019-10-11 17:21:56 +00:00
. c-infinity-dim-tab__tesseract-button {
2019-10-11 00:31:12 +00:00
padding : 1rem ;
2019-10-11 17:21:56 +00:00
margin-bottom : 1 . 2rem ;
2019-10-07 20:01:48 +00:00
font-family : TypeWriter , serif ;
background : # 111117 ;
color : # 2ebce6 ;
2020-09-06 00:44:26 +00:00
border : 0 . 2rem solid ;
border-radius : 0 ;
2019-10-07 20:01:48 +00:00
cursor : pointer ;
2020-04-11 08:25:30 +00:00
transition-duration : 0 . 15s ;
2019-10-11 00:31:12 +00:00
animation : a-tesseract-shift 5s infinite ;
2019-10-07 20:01:48 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--dark . c-infinity-dim-tab__tesseract-button {
2019-10-11 17:21:56 +00:00
background : # EEEEEE ;
animation : a-tesseract-shift-dark 5s infinite ;
}
. c-infinity-dim-tab__tesseract-button : hover {
2019-10-07 20:01:48 +00:00
background : black ;
2019-10-11 00:31:12 +00:00
color : # 00c5ff ;
2019-10-07 20:01:48 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--dark . c-infinity-dim-tab__tesseract-button : hover {
2019-10-11 17:21:56 +00:00
background : white ;
}
. c-infinity-dim-tab__tesseract-button--disabled {
2019-10-07 20:01:48 +00:00
background : # 444040 ;
color : # bfdde8 ;
cursor : default ;
2019-10-11 00:31:12 +00:00
animation : none ;
2019-10-07 20:01:48 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--dark . c-infinity-dim-tab__tesseract-button--disabled {
2019-10-11 17:21:56 +00:00
background : # 444040 ;
color : # bfdde8 ;
cursor : default ;
animation : none ;
}
. c-infinity-dim-tab__tesseract-button--disabled : hover {
background : # 444040 ;
color : # bfdde8 ;
}
2021-09-28 20:01:56 +00:00
. s-base--dark . c-infinity-dim-tab__tesseract-button--disabled : hover {
2019-10-07 20:01:48 +00:00
background : # 444040 ;
color : # bfdde8 ;
}
2019-10-11 00:31:12 +00:00
@ keyframes a-tesseract-shift {
0 % { box-shadow : 1.5 rem 1.5 rem 0.5 rem black , -1.5 rem -1.5 rem 0.5 rem black ; }
50 % { box-shadow : 1.5 rem -1.5 rem 0.5 rem black , -1.5 rem 1.5 rem 0.5 rem black ; }
100 % { box-shadow : -1.5 rem -1.5 rem 0.5 rem black , 1.5 rem 1.5 rem 0.5 rem black ; }
}
2019-10-07 20:01:48 +00:00
2019-10-11 17:21:56 +00:00
@ keyframes a-tesseract-shift-dark {
0 % { box-shadow : 1.5 rem 1.5 rem 0.5 rem white , -1.5 rem -1.5 rem 0.5 rem white ; }
50 % { box-shadow : 1.5 rem -1.5 rem 0.5 rem white , -1.5 rem 1.5 rem 0.5 rem white ; }
100 % { box-shadow : -1.5 rem -1.5 rem 0.5 rem white , 1.5 rem 1.5 rem 0.5 rem white ; }
}
2019-04-02 23:12:45 +00:00
/*#endregion l-infinity-dim-tab*/
/*#region c-infinity-dim-description__accent*/
. c-infinity-dim-description__accent {
font-size : 3 . 5rem ;
color : black ;
}
2019-04-17 20:54:36 +00:00
. t-metro . c-infinity-dim-description__accent ,
. t-s8 . c-infinity-dim-description__accent {
2019-10-11 00:31:12 +00:00
text-shadow : 0 0 0 . 1rem rgba ( 0 , 0 , 0 , 0 . 5 ) , -0 . 1rem 0 . 1rem 0 . 1rem black ;
2019-04-17 20:54:36 +00:00
}
2019-04-02 23:12:45 +00:00
. t-dark . c-infinity-dim-description__accent ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-infinity-dim-description__accent ,
2022-01-08 15:17:03 +00:00
. t-s10 . c-infinity-dim-description__accent ,
. t-s11 . c-infinity-dim-description__accent {
2019-04-11 12:47:48 +00:00
color : white ;
2019-10-11 00:31:12 +00:00
text-shadow : 0 0 0 . 7rem # fff ;
2019-04-02 23:12:45 +00:00
}
2019-04-17 20:54:36 +00:00
. t-metro . c-infinity-dim-description__accent ,
. t-dark-metro . c-infinity-dim-description__accent ,
. t-s8 . c-infinity-dim-description__accent {
2019-04-11 12:47:48 +00:00
color : # ff9800 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion c-infinity-dim-description__accent*/
/*#region c-infinity-dim-row*/
. c-infinity-dim-row {
margin-top : 1rem ;
display : flex ;
flex-direction : row ;
align-items : center ;
font-size : 1 . 6rem ;
}
/*#endregion c-infinity-dim-row*/
/*#endregion Infinity Dimensions*/
/*#region Time Dimensions*/
/*#region l-time-dim-tab*/
. l-time-dim-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
}
/*#endregion l-time-dim-tab*/
/*#region c-time-dim-description__accent*/
. c-time-dim-description__accent {
font-size : 3 . 5rem ;
color : black ;
}
2019-04-17 20:54:36 +00:00
. t-metro . c-time-dim-description__accent ,
. t-s8 . c-time-dim-description__accent {
2019-10-11 00:31:12 +00:00
text-shadow : 0 0 0 . 1rem rgba ( 0 , 0 , 0 , 0 . 5 ) , -0 . 1rem 0 . 1rem 0 . 1rem black ;
2019-04-17 20:54:36 +00:00
}
2019-04-02 23:12:45 +00:00
. t-dark . c-time-dim-description__accent ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-time-dim-description__accent ,
2022-01-08 15:17:03 +00:00
. t-s10 . c-time-dim-description__accent ,
. t-s11 . c-time-dim-description__accent {
2021-01-03 02:38:04 +00:00
color : var ( --color-dilation ) ;
text-shadow : 0 0 0 . 7rem var ( --color-dilation ) ;
2019-04-02 23:12:45 +00:00
}
2019-04-17 20:54:36 +00:00
. t-metro . c-time-dim-description__accent ,
. t-dark-metro . c-time-dim-description__accent ,
. t-s8 . c-time-dim-description__accent {
2019-04-11 12:47:48 +00:00
color : # 673ab7 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion c-time-dim-description__accent*/
/*#region c-time-dim-row*/
. c-time-dim-row {
margin-top : 1rem ;
display : flex ;
flex-direction : row ;
align-items : center ;
font-size : 1 . 6rem ;
}
/*#endregion c-time-dim-row*/
/*#endregion Time Dimensions*/
/*#region Options*/
. l-options-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
margin-top : 1rem ;
}
2022-01-23 15:01:34 +00:00
. c-options-tab__hotkeys-link {
2019-04-15 23:34:45 +00:00
cursor : pointer ;
2022-02-05 20:31:38 +00:00
width : 22rem ;
2020-08-14 04:42:07 +00:00
align-self : center ;
2019-04-15 23:34:45 +00:00
}
2020-08-12 07:12:14 +00:00
. c-file-import-button {
position : relative ;
}
. c-file-import {
position : absolute ;
width : 20rem ;
height : 5 . 5rem ;
margin : -1 . 9rem -2rem ;
opacity : 0 ;
}
. c-file-import :: before {
cursor : pointer ;
font-size : 100rem ;
padding : 10rem 20rem ;
content : ' ' ;
}
2019-04-02 23:12:45 +00:00
/*#region l-options-grid*/
. l-options-grid {
display : flex ;
flex-direction : column ;
}
. l-options-grid__row {
display : flex ;
flex-direction : row ;
2020-05-03 21:52:05 +00:00
justify-content : center ;
2019-04-02 23:12:45 +00:00
}
. l-options-grid__button {
2021-10-22 04:06:14 +00:00
width : 22rem ;
2019-10-11 00:31:12 +00:00
margin : 0 . 5rem 0 . 8rem ;
2019-04-02 23:12:45 +00:00
}
. l-options-grid__button--hidden {
visibility : hidden ;
}
2019-04-10 10:43:57 +00:00
. l-options-grid__notations-header {
display : flex ;
align-items : center ;
justify-content : center ;
2022-04-11 16:29:50 +00:00
flex-direction : row ;
2019-04-10 10:43:57 +00:00
}
. c-options-grid__notations {
user-select : none ;
}
2021-07-26 20:34:24 +00:00
. c-cloud-options-header {
margin-top : 4rem ;
}
2019-04-10 10:43:57 +00:00
/** replicate box-shadow behavior */
. t-dark . c-options-grid__notations {
2019-10-11 00:31:12 +00:00
box-shadow : 0 0 0 . 7rem 0 . 2rem # 111111 ;
2019-04-10 10:43:57 +00:00
}
. t-dark-metro . c-options-grid__notations {
2019-10-11 00:31:12 +00:00
box-shadow : 0 . 1rem 0 . 1rem 0 . 1rem 0 black ;
2019-04-10 10:43:57 +00:00
}
. t-metro . c-options-grid__notations ,
. t-inverted-metro . c-options-grid__notations {
2019-10-11 00:31:12 +00:00
box-shadow : 0 . 1rem 0 . 1rem 0 . 1rem 0 # 9e9e9e ;
2019-04-10 10:43:57 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-options-grid__notations ,
. t-s10 . c-options-grid__notations {
2019-10-11 00:31:12 +00:00
box-shadow : 0 0 0 . 7rem 0 . 2rem # 111111 ;
2019-04-10 10:43:57 +00:00
}
2019-04-02 23:12:45 +00:00
/*#endregion l-options-grid*/
2019-04-14 05:04:05 +00:00
. l-select-notation ,
. l-select-theme {
2019-04-10 10:43:57 +00:00
display : flex ;
flex-direction : column ;
align-items : stretch ;
}
2019-04-14 05:04:05 +00:00
. l-select-notation__item ,
. l-select-theme__item {
2019-04-10 10:43:57 +00:00
display : flex ;
align-items : center ;
justify-content : center ;
}
2019-04-14 05:04:05 +00:00
. o-primary-btn . c-select-notation__item ,
. o-primary-btn . c-select-theme__item {
2019-04-11 12:47:48 +00:00
box-shadow : none ;
2019-04-17 20:54:36 +00:00
border-top : none ;
2019-04-10 10:43:57 +00:00
}
2019-04-02 23:12:45 +00:00
/*#endregion Options*/
/*#region c-stats-tab*/
/* This the top-level Statistics tab (with all subtabs)*/
. c-stats-tab {
2020-04-26 07:04:41 +00:00
display : flex ;
flex-direction : column ;
align-items : center ;
2020-09-08 00:33:38 +00:00
color : var ( --color-text ) ;
2019-04-02 23:12:45 +00:00
font-size : 1 . 2rem ;
}
2019-04-17 20:54:36 +00:00
. t-dark . c-stats-tab {
color : # 888888 ;
}
2019-04-02 23:12:45 +00:00
. t-dark-metro . c-stats-tab {
2019-04-11 12:47:48 +00:00
color : # 757575 ;
2019-04-02 23:12:45 +00:00
}
2019-09-04 20:52:36 +00:00
. t-s2 . c-stats-tab {
color : white ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-stats-tab ,
. t-s10 . c-stats-tab {
2019-09-04 20:52:36 +00:00
color : # e0e0e0 ;
}
2020-09-08 00:33:38 +00:00
. c-stats-tab-general {
color : var ( --color-text ) ;
font-size : 2rem ;
font-weight : bold ;
}
2021-09-24 17:22:02 +00:00
. c-stats-tab-subheader {
height : 15rem ;
}
2020-09-08 00:33:38 +00:00
. c-stats-tab-infinity {
color : var ( --color-infinity ) ;
}
. c-stats-tab-eternity {
color : var ( --color-eternity ) ;
}
. c-stats-tab-reality {
color : var ( --color-reality ) ;
}
2019-04-02 23:12:45 +00:00
/*#endregion c-stats-tab*/
2020-02-15 00:15:06 +00:00
/*#region Past Prestige Runs*/
. c-past-runs-header {
cursor : pointer ;
user-select : none ;
2020-03-02 04:24:20 +00:00
display : flex ;
flex-direction : row ;
justify-content : center ;
flex : auto ;
resize : none ;
2020-03-03 04:38:39 +00:00
align-items : baseline ;
2020-03-02 04:24:20 +00:00
}
. o-run-drop-down-icon {
font-size : 1 . 5em ;
margin-left : 2rem ;
margin-right : 2rem ;
2020-02-15 00:15:06 +00:00
}
/*#endregion Past Prestige Runs*/
2019-04-02 23:12:45 +00:00
/*#region Challenge Records*/
. l-challenge-records-tab {
display : flex ;
flex-direction : row ;
justify-content : center ;
align-items : center ;
}
. l-challenge-records-tab__infinity_challenges {
margin-top : auto ;
margin-left : 2rem ;
}
/*#endregion Challenge Records*/
2022-01-07 07:27:41 +00:00
/*#region Speedrun Stats*/
. l-speedrun-milestone-tab {
display : flex ;
2022-01-12 16:27:59 +00:00
margin : auto ;
width : 100 % ;
2022-01-07 07:27:41 +00:00
flex-direction : row ;
flex-wrap : wrap ;
justify-content : center ;
align-items : center ;
}
. l-speedrun-milestone-entry {
2022-01-12 16:27:59 +00:00
display : flex ;
flex-direction : column ;
2022-01-07 07:27:41 +00:00
color : var ( --color-text ) ;
2022-01-12 16:27:59 +00:00
width : 25rem ;
height : 8rem ;
justify-content : space-between ;
2022-01-07 07:27:41 +00:00
margin : 0 . 2rem ;
2022-01-12 16:27:59 +00:00
padding : 0 . 2rem ;
2022-01-07 07:27:41 +00:00
border : 0 . 2rem solid var ( --color-text ) ;
}
. l-speedrun-milestone-entry--completed {
background-color : var ( --color-good ) ;
}
/*#endregion Speedrun Stats*/
2019-04-02 23:12:45 +00:00
/*#region Achievements*/
/*#region o-achievement*/
. o-achievement {
2020-08-17 01:37:46 +00:00
position : relative ;
2020-04-13 06:46:53 +00:00
width : 10 . 6rem ;
height : 10 . 6rem ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 8rem ;
2019-04-02 23:12:45 +00:00
margin : 0 auto ;
text-align : center ;
font-family : TypeWriter , serif ;
color : black ;
2019-10-11 00:31:12 +00:00
font-size : 0 . 8rem ;
2019-04-02 23:12:45 +00:00
user-select : none ;
2019-10-11 00:31:12 +00:00
border : 0 . 2rem solid ;
2019-04-02 23:12:45 +00:00
}
2019-07-16 18:40:35 +00:00
. o-achievement--normal {
background-image : url ( "../images/normal achievements.png" ) ;
}
. o-achievement--cancer {
background-image : url ( "../images/cancer achievements.png" ) ;
}
. o-achievement--secret {
background-image : url ( "../images/secret achievements.png" ) ;
}
2022-02-06 18:38:06 +00:00
. o-achievement--disabled {
2022-02-11 17:16:18 +00:00
background-color : var ( --color-pelle--base ) ;
2022-02-07 11:58:24 +00:00
border-color : var ( --color-bad ) ;
2022-02-06 18:38:06 +00:00
}
2019-04-02 23:12:45 +00:00
. o-achievement--locked {
background-color : # a3a3a3 ;
2019-10-11 00:31:12 +00:00
border-color : var ( --color-bad ) ;
2019-04-02 23:12:45 +00:00
}
. o-achievement--unlocked {
background-color : # 5ac467 ;
border-color : # 127a20 ;
}
2020-08-17 01:37:46 +00:00
. o-achievement--waiting {
background-color : # d1d161 ;
border-color : # acac39 ;
}
2019-04-02 23:12:45 +00:00
. o-achievement--hidden {
2019-04-11 12:47:48 +00:00
background-image : url ( "../images/achhidden.png" ) ;
2019-04-02 23:12:45 +00:00
background-color : # 555 ;
border-color : black ;
}
. o-achievement--blink {
2019-10-11 00:31:12 +00:00
animation : a-achievement--blink 2s step-start 0s infinite ;
2019-04-02 23:12:45 +00:00
}
2019-10-11 00:31:12 +00:00
@ keyframes a-achievement--blink {
2019-04-02 23:12:45 +00:00
50 % {
2020-04-19 01:10:12 +00:00
visibility : hidden ;
2019-04-02 23:12:45 +00:00
}
}
2020-08-17 01:37:46 +00:00
. o-achievement : hover . o-achievement__tooltip {
opacity : 1 ;
bottom : 11rem ;
}
. o-achievement : hover . o-achievement__tooltip : after {
border-top-width : 0 . 7rem ;
margin-bottom : -0 . 7rem ;
}
. o-achievement__tooltip {
opacity : 0 ;
transition-duration : 0 . 3s ;
font-size : 1 . 4rem ;
border : 0 . 1rem solid black ;
border-radius : 0 . 8rem ;
color : var ( --color-text ) ;
background : var ( --color-base ) ;
width : 20rem ;
margin-left : -5rem ;
padding : 0 . 4rem ;
z-index : 2 ;
pointer-events : none ;
position : absolute ;
bottom : 10 . 2rem
}
. o-achievement__tooltip : after {
position : absolute ;
bottom : 0 ;
left : 50 % ;
margin-left : -0 . 7rem ;
margin-bottom : 0 ;
width : 0 ;
2020-08-17 02:04:18 +00:00
border-top : 0 solid black ;
2020-08-17 01:37:46 +00:00
border-right : 0 . 7rem solid transparent ;
border-left : 0 . 7rem solid transparent ;
content : " " ;
transition-duration : 0 . 3s ;
z-index : 0 ;
}
2021-09-28 20:01:56 +00:00
. s-base--dark . o-achievement__tooltip {
2020-08-17 01:37:46 +00:00
border : 0 . 1rem solid var ( --color-text ) ;
2022-03-21 09:51:31 +00:00
background-color : # 111111 ;
2020-08-17 01:37:46 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--dark . o-achievement__tooltip : after {
2020-08-17 01:37:46 +00:00
border-top-color : var ( --color-text ) ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-achievement__tooltip {
2020-08-17 01:37:46 +00:00
border-radius : 0 ;
bottom : 10 . 4rem ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-achievement : hover . o-achievement__tooltip {
2020-08-17 01:37:46 +00:00
bottom : 11 . 1rem ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-achievement__tooltip ,
. t-s10 . o-achievement__tooltip {
2020-08-17 01:37:46 +00:00
border : 0 . 1rem solid white ;
background : black ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-achievement__tooltip : after ,
. t-s10 . o-achievement__tooltip : after {
2020-08-17 01:37:46 +00:00
border-top-color : white ;
}
. o-achievement__tooltip__name {
font-size : 1 . 5rem ;
font-weight : bold ;
margin-bottom : 0 . 6rem ;
}
. o-achievement__tooltip__description {
margin-bottom : 0 . 4rem ;
}
. o-achievement__tooltip__reward {
font-size : 1 . 3rem ;
font-style : italic ;
}
2020-08-17 02:04:18 +00:00
. o-achievement__indicator {
2020-08-17 01:37:46 +00:00
position : absolute ;
bottom : 0 ;
right : 0 ;
width : 1 . 5rem ;
height : 1 . 5rem ;
font-size : 1rem ;
color : black ;
background : # 5ac467 ;
border-left : 0 . 2rem solid # 127a20 ;
border-top : 0 . 2rem solid # 127a20 ;
border-top-left-radius : 0 . 8rem ;
border-bottom-right-radius : 0 . 6rem ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-achievement__indicator {
2021-08-28 19:15:25 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
2020-08-17 01:37:46 +00:00
background : # 66bb6a ;
border-color : # 43a047 ;
}
. t-dark-metro . o-achievement__indicator {
background : # 4caf50 ;
border-color : # 388e3c ;
}
2022-02-06 18:38:06 +00:00
. o-achievement__indicator--disabled {
2022-02-11 17:16:18 +00:00
background : var ( --color-pelle--base ) ;
2022-02-06 18:38:06 +00:00
border-color : var ( --color-bad ) ;
}
2020-08-17 02:04:18 +00:00
. o-achievement__indicator--locked {
2020-08-17 01:37:46 +00:00
background : # a3a3a3 ;
border-color : var ( --color-bad ) ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-achievement__indicator--locked {
2020-08-17 01:37:46 +00:00
background : # a3a3a3 ;
border-color : var ( --color-bad ) ;
}
. t-dark-metro . o-achievement__indicator--locked {
background : # 9e9e9e ;
}
2020-08-17 02:04:18 +00:00
. o-achievement__indicator--waiting {
2020-08-17 01:37:46 +00:00
background : # d1d161 ;
border-color : # acac39 ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-achievement__indicator--waiting {
2020-08-17 01:37:46 +00:00
background-color : # ffee58 ;
border-color : # 757575 ;
}
. t-dark-metro . o-achievement__indicator--waiting {
background : # b9b946 ;
border-color : # 7d7d36 ;
}
2021-08-26 15:10:18 +00:00
. o-achievement__indicator--secret {
2020-08-18 07:44:14 +00:00
background : # 555 ;
border-color : black ;
}
2019-04-02 23:12:45 +00:00
/*#region themes*/
/*#region t-dark*/
. t-dark . o-achievement--unlocked {
2019-04-11 12:47:48 +00:00
background-color : # 43a047 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-dark*/
/*#region t-dark-metro*/
. t-dark-metro . o-achievement {
2020-08-17 01:37:46 +00:00
border-width : 0 . 1rem ;
2019-04-02 23:12:45 +00:00
}
. t-dark-metro . o-achievement--unlocked {
2019-04-11 12:47:48 +00:00
background-color : # 4caf50 ;
border-color : # 388e3c ;
2019-04-02 23:12:45 +00:00
}
. t-dark-metro . o-achievement--locked {
2019-04-11 12:47:48 +00:00
background-color : # 9e9e9e ;
2019-04-02 23:12:45 +00:00
}
2020-08-17 01:37:46 +00:00
. t-dark-metro . o-achievement--waiting {
background-color : # b9b946 ;
border-color : # 7d7d36 ;
}
2019-04-02 23:12:45 +00:00
/*#endregion t-dark-metro*/
/*#region t-metro t-inverted-metro t-s8*/
2021-09-28 20:01:56 +00:00
. s-base--metro . o-achievement {
2020-08-17 01:37:46 +00:00
border-width : 0 . 1rem ;
2019-05-16 05:02:10 +00:00
border-radius : 0 ;
2019-04-02 23:12:45 +00:00
}
. t-metro . o-achievement--unlocked ,
. t-inverted-metro . o-achievement--unlocked ,
. t-s8 . o-achievement--unlocked {
2019-04-11 12:47:48 +00:00
background-color : # 66bb6a ;
border-color : # 43a047 ;
2019-04-02 23:12:45 +00:00
}
. t-metro . o-achievement--locked ,
. t-inverted-metro . o-achievement--locked ,
. t-s8 . o-achievement--locked {
2019-04-11 12:47:48 +00:00
background-color : # 9e9e9e ;
2020-08-17 01:37:46 +00:00
border-color : var ( --color-bad ) ;
}
. t-metro . o-achievement--waiting ,
. t-inverted-metro . o-achievement--waiting ,
. t-s8 . o-achievement--waiting {
background-color : # ffee58 ;
border-color : # 757575 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-metro t-dark-metro t-s8*/
/*#region t-s1*/
. t-s1 . o-achievement--unlocked {
2019-04-11 12:47:48 +00:00
background-color : # dbd242 ;
border-color : # c5ba26 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-s1*/
/*#region t-s2*/
. t-s2 . o-achievement--locked {
2019-04-11 12:47:48 +00:00
background-color : rgba ( 0 , 0 , 0 , 0 ) ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-s2*/
/*#region t-s5*/
. t-s5 . o-achievement--unlocked {
2019-04-11 12:47:48 +00:00
border-color : # bbb ;
2019-04-02 23:12:45 +00:00
}
. t-s5 . o-achievement--locked {
2019-04-11 12:47:48 +00:00
border-color : # 000 ;
background-color : # 222 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-s5*/
2021-09-29 03:38:24 +00:00
/*#region t-s6 t-s10*/
2019-04-02 23:12:45 +00:00
2021-09-29 03:38:24 +00:00
. t-s6 . o-achievement--unlocked ,
. t-s10 . o-achievement--unlocked {
2019-04-11 12:47:48 +00:00
background-color : # 43a047 ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
/*#endregion t-s6 t-s10*/
2019-04-02 23:12:45 +00:00
/*#region t-s7*/
. t-s7 . o-achievement--unlocked {
2019-04-11 12:47:48 +00:00
background-color : # bbbbbb ;
border-color : # 666 ;
2019-04-02 23:12:45 +00:00
}
. t-s7 . o-achievement--locked {
2019-04-11 12:47:48 +00:00
background-color : # 555 ;
border-color : # 111 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-s7*/
/*#endregion themes*/
/*#endregion o-achievement*/
/*#region c-achievements-tab*/
2020-05-08 05:24:25 +00:00
. l-achievements-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
}
2019-04-02 23:12:45 +00:00
. c-achievements-tab__header {
2020-05-28 01:51:56 +00:00
font-size : 1 . 5rem ;
2019-08-27 12:40:57 +00:00
margin-top : 0 . 6rem ;
2020-05-28 02:28:48 +00:00
width : 60rem ;
2019-09-27 01:35:14 +00:00
position : relative ;
2020-10-04 19:49:08 +00:00
display : inline ;
2019-09-27 01:35:14 +00:00
justify-content : center ;
user-select : none ;
}
2021-08-17 02:44:25 +00:00
. t-s4 . c-achievements-tab__header--multipliers :: after {
content : "you can click the colon at the end of this line in any other theme to turn on these achievement images" ;
2019-09-27 01:35:14 +00:00
font-size : 0 . 8rem ;
position : absolute ;
2021-08-17 13:25:24 +00:00
margin-left : 16rem ;
margin-top : -9rem ;
2021-08-17 02:44:25 +00:00
width : 20rem ;
2019-04-02 23:12:45 +00:00
}
. c-achievements-tab__timer {
color : black ;
font-size : 1 . 2rem ;
width : 40 % ;
2019-10-11 00:31:12 +00:00
margin : 0 . 5rem auto ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--dark . c-achievements-tab__timer {
2021-08-26 15:10:18 +00:00
color : # 757575 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion c-achievements-tab*/
/*#region achievement-grid*/
. l-achievement-grid {
display : flex ;
flex-direction : column ;
align-items : center ;
2020-04-21 07:28:26 +00:00
margin-top : 1rem ;
2019-04-02 23:12:45 +00:00
}
. l-achievement-grid__row {
display : flex ;
flex-direction : row ;
}
. l-achievement-grid__cell {
2020-09-01 20:51:58 +00:00
margin : 0 . 6rem 0 . 8rem ;
2019-04-02 23:12:45 +00:00
}
. c-achievement-grid__row--completed {
background-color : # 007308 ;
border-radius : 10px ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-achievement-grid__row--completed {
2019-04-11 12:47:48 +00:00
background-color : # 1b5e20 ;
2019-09-29 19:17:26 +00:00
border-radius : 0 ;
2019-04-02 23:12:45 +00:00
}
. t-s1 . c-achievement-grid__row--completed {
2019-04-11 12:47:48 +00:00
background-color : # 9a921d ;
2019-04-02 23:12:45 +00:00
}
. t-s7 . c-achievement-grid__row--completed {
2019-04-11 12:47:48 +00:00
background-color : # aaa ;
2019-04-02 23:12:45 +00:00
}
/*#endregion achievement-grid*/
/*#endregion Achievements*/
/*#region Challenges*/
/*#region l-challenges-tab*/
. l-challenges-tab {
2019-07-25 12:52:03 +00:00
display : flex ;
flex-direction : column ;
2019-04-02 23:12:45 +00:00
align-items : center ;
}
. l-challenges-tab__header {
2019-10-11 00:31:12 +00:00
margin : 0 . 5rem 0 ;
2019-04-02 23:12:45 +00:00
display : flex ;
2019-09-29 19:17:26 +00:00
flex-direction : column ;
2019-04-02 23:12:45 +00:00
justify-content : center ;
align-items : center ;
}
2019-09-29 19:17:26 +00:00
. o-challenges-tab__header-toggle {
cursor : pointer ;
user-select : none ;
display : inline-flex ;
flex-direction : row ;
align-items : center ;
justify-content : flex-start ;
2020-04-29 22:04:57 +00:00
margin : 0 1rem ;
2019-04-02 23:12:45 +00:00
}
. l-challenges-tab__auto-ec-info {
left : 100 % ;
display : flex ;
flex-direction : row ;
align-items : center ;
white-space : nowrap ;
}
. c-challenges-tab__auto-ec-info {
font-weight : bold ;
text-align : left ;
}
. l-challenges-tab__auto-ec-timers {
2019-10-11 00:31:12 +00:00
margin-left : 0 . 4rem ;
2019-04-02 23:12:45 +00:00
display : flex ;
flex-direction : column ;
}
/*#endregion l-challenges-tab*/
/*#region l-challenge-grid*/
. l-challenge-grid {
2020-04-21 00:15:05 +00:00
width : 90rem ;
2019-04-02 23:12:45 +00:00
display : flex ;
flex-direction : row ;
justify-content : center ;
flex-wrap : wrap ;
}
. l-challenge-grid__cell {
2020-04-21 00:15:05 +00:00
margin : 0 . 8rem 1rem ;
2019-04-02 23:12:45 +00:00
}
. l-challenge-grid__cell--hidden {
display : none ;
}
/*#endregion l-challenge-grid*/
/*#region c-challenge-box*/
. c-challenge-box {
2021-08-17 20:43:10 +00:00
width : 40rem ;
2020-04-21 00:15:05 +00:00
height : 13rem ;
2020-04-21 03:54:13 +00:00
padding : 0 . 5rem 0 . 4rem ;
2019-04-02 23:12:45 +00:00
box-sizing : border-box ;
font-weight : bold ;
2019-10-11 00:31:12 +00:00
border : 0 . 2rem solid black ;
border-radius : 0 . 5rem ;
2020-04-21 00:15:05 +00:00
font-size : 1rem ;
2019-04-02 23:12:45 +00:00
transition : all 0 . 2s , visibility 0s ;
}
. c-challenge-box--normal {
2020-08-24 13:29:14 +00:00
color : var ( --color-text ) ;
2020-04-21 00:15:05 +00:00
font-size : 1 . 05rem ;
2019-04-02 23:12:45 +00:00
background-color : # f2f2f2 ;
}
. c-challenge-box--infinity {
2020-08-31 17:20:29 +00:00
height : 18rem ;
2019-04-02 23:12:45 +00:00
color : white ;
background-color : # 181818 ;
}
. c-challenge-box--eternity {
2020-04-26 04:26:47 +00:00
height : 18rem ;
2019-10-11 00:31:12 +00:00
color : var ( --color-eternity ) ;
2019-04-02 23:12:45 +00:00
background-color : black ;
2019-10-11 00:31:12 +00:00
border : 0 . 3rem solid var ( --color-eternity ) ;
2019-04-02 23:12:45 +00:00
border-radius : 1rem ;
}
. c-challenge-box__reward-description--small-text {
2020-04-21 00:15:05 +00:00
font-size : . 95rem ;
2019-04-02 23:12:45 +00:00
}
/*#region themes*/
/*#region t-dark*/
. t-dark . c-challenge-box--normal {
2020-08-24 10:13:39 +00:00
background-color : # 27343b ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-dark*/
/*#region t-metro t-dark-metro t-inverted-metro t-s8*/
2021-09-28 20:01:56 +00:00
. s-base--metro . c-challenge-box {
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
2020-04-21 00:15:05 +00:00
border : 0 . 1rem solid ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-challenge-box--normal {
2020-04-21 00:15:05 +00:00
border-color : black ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-challenge-box--infinity {
2020-04-21 00:15:05 +00:00
border-color : var ( --color-infinity ) ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-challenge-box--eternity {
2020-04-21 00:15:05 +00:00
border-color : var ( --color-eternity ) ;
2019-04-02 23:12:45 +00:00
}
. t-dark-metro . c-challenge-box--normal {
2020-08-24 10:13:39 +00:00
background-color : # 27343b ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-metro t-dark-metro t-inverted-metro*/
/*#region t-s1*/
. t-s1 . c-challenge-box--normal ,
. t-s1 . c-challenge-box--infinity {
2019-04-11 12:47:48 +00:00
background-color : # dbd242 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-s1*/
2019-09-04 20:52:36 +00:00
/*#region t-s2*/
. t-s2 . c-challenge-box--normal {
color : white ;
}
/*#endregion t-s2*/
2021-09-29 03:38:24 +00:00
/*#region t-s6 t-s10*/
2019-04-02 23:12:45 +00:00
. t-s6 . c-challenge-box--normal ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-challenge-box--infinity ,
. t-s10 . c-challenge-box--normal ,
2022-01-08 15:17:03 +00:00
. t-s10 . c-challenge-box--infinity ,
. t-s11 . c-challenge-box--normal ,
. t-s11 . c-challenge-box--infinity {
2019-04-11 12:47:48 +00:00
background-color : black ;
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-challenge-box--normal ,
. t-s10 . c-challenge-box--normal {
2019-04-11 12:47:48 +00:00
color : # e0e0e0 ;
border-color : grey ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-challenge-box--infinity ,
. t-s10 . c-challenge-box--infinity {
2019-04-11 12:47:48 +00:00
border-color : white ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
/*#endregion t-s6 t-s10*/
2019-04-02 23:12:45 +00:00
/*#region t-s7*/
. t-s7 . c-challenge-box {
2019-04-11 12:47:48 +00:00
color : black ;
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid # 9b9b9b ;
2019-04-11 12:47:48 +00:00
background : white ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-s7*/
/*#endregion themes*/
/*#endregion c-challenge-box*/
/*#region l-challenge-box*/
. l-challenge-box {
2019-10-11 00:31:12 +00:00
margin-top : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
display : flex ;
flex-direction : column ;
justify-content : space-between ;
align-items : center ;
/* because of hint-text */
position : relative ;
}
. l-challenge-box > * {
flex-shrink : 0 ;
}
. l-challenge-box__fill {
flex-grow : 1 ;
}
. l-challenge-box__bottom--infinity {
display : flex ;
flex-direction : column ;
justify-content : flex-end ;
align-items : center ;
height : 5 . 5rem ;
}
/*#endregion l-challenge-box*/
/*#region o-challenge-btn*/
. o-challenge-btn {
width : 15rem ;
height : 3rem ;
font-family : Typewriter , serif ;
font-weight : bold ;
2019-10-11 00:31:12 +00:00
border : 0 . 3rem solid # 127a20 ;
2019-04-02 23:12:45 +00:00
border-radius : 1rem ;
font-size : 1 . 2rem ;
2020-04-21 00:15:05 +00:00
margin-bottom : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
transition : all 0 . 2s , visibility 0s ;
cursor : pointer ;
}
. o-challenge-btn--unlocked {
color : black ;
background-color : # f2f2f2 ;
}
. o-challenge-btn--unlocked : hover ,
. o-challenge-btn--completed {
color : white ;
2019-10-11 00:31:12 +00:00
background-color : var ( --color-good ) ;
2019-04-02 23:12:45 +00:00
}
2020-05-15 00:00:54 +00:00
. o-challenge-btn--unenterable {
2020-06-10 03:33:55 +00:00
pointer-events : none ;
2020-05-15 00:00:54 +00:00
}
2019-04-02 23:12:45 +00:00
. o-challenge-btn--running {
color : white ;
background-color : # 1f1f1f ;
}
. o-challenge-btn--locked {
color : black ;
background-color : # 5c5c5c ;
border-color : # 881d1d ;
}
2020-02-15 21:35:12 +00:00
. o-challenge-btn--redo {
color : white ;
background-color : # 17a32e ;
}
2019-04-02 23:12:45 +00:00
/*#region themes*/
/*#region t-dark*/
. t-dark . o-challenge-btn--unlocked {
2019-04-11 12:47:48 +00:00
background-color : # 546e7a ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-challenge-btn--unlocked : hover ,
. t-dark . o-challenge-btn--completed {
2019-04-11 12:47:48 +00:00
background-color : # 43a047 ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-challenge-btn--completed {
2019-04-11 12:47:48 +00:00
box-shadow : none ;
border-color : # 388e3c ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-challenge-btn--running {
2019-04-11 12:47:48 +00:00
background-color : # 263238 ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-challenge-btn--locked {
2019-04-11 12:47:48 +00:00
background-color : # 23292a ;
border-color : # b84b5f ;
2019-04-02 23:12:45 +00:00
}
2020-02-15 21:35:12 +00:00
. t-dark . o-challenge-btn--redo {
background-color : # 58da5e ;
border-color : # b84b5f ;
}
2019-04-02 23:12:45 +00:00
/*#endregion t-dark*/
/*#region t-metro t-dark-metro t-inverted-metro t-s8*/
2021-09-28 20:01:56 +00:00
. s-base--metro . o-challenge-btn {
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-challenge-btn--unlocked ,
. s-base--metro . o-challenge-btn--completed {
2019-10-11 00:31:12 +00:00
border : 0 . 3rem solid # 43a047 ;
2019-04-11 12:47:48 +00:00
border-bottom-color : # 388e3c ;
border-right-color : # 388e3c ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-challenge-btn--unlocked : hover ,
. s-base--metro . o-challenge-btn--completed {
2019-04-11 12:47:48 +00:00
background-color : # 66bb6a ;
2019-04-02 23:12:45 +00:00
}
. t-dark-metro . o-challenge-btn--unlocked : hover ,
. t-dark-metro . o-challenge-btn--completed {
2019-04-11 12:47:48 +00:00
background-color : # 43a047 ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-challenge-btn--locked {
2019-04-11 12:47:48 +00:00
background-color : # 9e9e9e ;
2019-10-11 00:31:12 +00:00
border : 0 . 3rem solid # 757575 ;
2019-04-11 12:47:48 +00:00
border-bottom-color : # 616161 ;
border-right-color : # 616161 ;
2019-04-02 23:12:45 +00:00
}
2020-02-15 21:35:12 +00:00
. t-metro . o-challenge-btn--redo ,
. t-inverted-metro . o-challenge-btn--redo ,
. t-s8 . o-challenge-btn--redo {
background-color : # 4b8a4e ;
border : 0 . 3rem solid # 757575 ;
border-bottom-color : # 616161 ;
border-right-color : # 616161 ;
}
2019-04-02 23:12:45 +00:00
/*#endregion t-metro t-dark-metro t-inverted-metro t-s8*/
/*#region t-s1*/
. t-s1 . o-challenge-btn--unlocked {
2019-04-11 12:47:48 +00:00
color : white ;
background : none ;
2019-10-11 00:31:12 +00:00
border : 0 . 3rem solid # 507751 ;
2019-04-02 23:12:45 +00:00
}
. t-s1 . o-challenge-btn--unlocked : hover ,
. t-s1 . o-challenge-btn--completed {
2019-04-11 12:47:48 +00:00
background-color : # 639565 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-s1*/
2021-09-29 03:38:24 +00:00
/*#region t-s6 t-s10*/
2019-04-02 23:12:45 +00:00
2021-09-29 03:38:24 +00:00
. t-s6 . o-challenge-btn ,
. t-s10 . o-challenge-btn {
2019-04-11 12:47:48 +00:00
border-color : # 388e3c ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-challenge-btn--unlocked ,
. t-s10 . o-challenge-btn--unlocked {
2019-04-11 12:47:48 +00:00
color : white ;
background-color : black ;
2019-04-02 23:12:45 +00:00
}
. t-s6 . o-challenge-btn--unlocked : hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-challenge-btn--completed ,
. t-s10 . o-challenge-btn--unlocked : hover ,
. t-s10 . o-challenge-btn--completed {
2019-04-11 12:47:48 +00:00
background-color : # 43a047 ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-challenge-btn--completed ,
. t-s10 . o-challenge-btn--completed {
2019-04-11 12:47:48 +00:00
box-shadow : none ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-challenge-btn--running ,
. t-s10 . o-challenge-btn--running {
2019-04-11 12:47:48 +00:00
background : # 263238 ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-challenge-btn--locked ,
. t-s10 . o-challenge-btn--locked {
2019-04-11 12:47:48 +00:00
color : grey ;
background : black ;
border-color : # b84b5f ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-challenge-btn--redo ,
. t-s10 . o-challenge-btn--redo {
2020-02-15 21:35:12 +00:00
background-color : # 2a682d ;
border-color : # b84b5f ;
}
2021-09-29 03:38:24 +00:00
/*#endregion t-s6 t-s10*/
2019-04-02 23:12:45 +00:00
/*#endregion themes*/
/*#endregion o-challenge-btn*/
/*#endregion Challenges*/
/*#region infinity-tab*/
. c-infinity-tab__header {
font-size : 1 . 5rem ;
margin : 1 . 5rem 0 ;
}
2020-03-20 22:25:44 +00:00
. c-infinity-tab__infinity-points {
color : var ( --color-infinity ) ;
}
2019-04-02 23:12:45 +00:00
/*#region themes*/
2021-09-29 03:38:24 +00:00
/*#region t-dark t-s6 t-s10*/
2019-04-02 23:12:45 +00:00
. t-dark . c-infinity-tab__infinity-points ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-infinity-tab__infinity-points ,
. t-s10 . c-infinity-tab__infinity-points {
2019-04-11 12:47:48 +00:00
color : white ;
2020-03-20 22:25:44 +00:00
text-shadow : 0 0 0 . 7rem ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
/*#endregion t-dark t-s6 t-s10*/
2019-04-02 23:12:45 +00:00
/*#region t-s1*/
. t-s1 . c-infinity-tab__infinity-points {
2019-10-11 00:31:12 +00:00
text-shadow : 0 . 1rem 0 . 1rem 0 black ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-s1*/
/*#endregion themes*/
/*#endregion infinity-tab*/
/*#region Infinity Upgrades*/
/*#region l-infinity-upgrades-tab*/
. l-infinity-upgrades-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
}
. l-infinity-upgrades-tab__grid {
margin-top : 1 . 5rem ;
}
. l-infinity-upgrades-tab__mult-btn {
2019-10-11 00:31:12 +00:00
margin : 0 . 5rem 0 . 8rem ;
2019-04-02 23:12:45 +00:00
}
/*#endregion l-infinity-upgrades-tab*/
/*#region l-infinity-upgrade-grid*/
. l-infinity-upgrade-grid {
display : flex ;
flex-direction : row ;
}
. l-infinity-upgrade-grid__column {
display : flex ;
flex-direction : column ;
}
. l-infinity-upgrade-grid__cell {
2019-10-11 00:31:12 +00:00
margin : 0 . 5rem 0 . 8rem ;
2019-04-02 23:12:45 +00:00
}
/*#endregion l-infinity-upgrade-grid*/
2019-08-05 12:53:46 +00:00
. l-infinity-upgrades-bottom-row {
display : flex ;
margin-top : 1rem ;
}
2019-04-02 23:12:45 +00:00
/*#region o-infinity-upgrade-btn*/
. o-infinity-upgrade-btn {
color : white ;
background-color : # 1f1f1f ;
font-weight : bold ;
font-size : 1rem ;
2020-09-09 21:21:04 +00:00
border : 0 . 1rem solid black ;
2019-04-02 23:12:45 +00:00
width : 19rem ;
height : 9rem ;
transition-duration : 0 . 2s ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 4rem ;
2019-04-02 23:12:45 +00:00
font-family : Typewriter , serif ;
cursor : pointer ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-infinity-upgrade-btn {
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-infinity-upgrade-btn ,
. t-s10 . o-infinity-upgrade-btn {
2020-05-06 04:00:27 +00:00
box-shadow : 0 0 0 . 7rem 0 . 2rem # 111111 ;
2019-04-02 23:12:45 +00:00
}
. o-infinity-upgrade-btn : hover {
2020-08-27 18:43:58 +00:00
color : var ( --color-text-inverted ) ;
2019-04-02 23:12:45 +00:00
}
/*#region o-infinity-upgrade-btn--available*/
. o-infinity-upgrade-btn--available : hover {
background-color : # a53b98 ;
}
2022-02-12 17:35:32 +00:00
. o-infinity-upgrade-btn--useless-available {
background-color : var ( --color-pelle--base ) ;
color : black ;
}
2022-02-12 12:01:43 +00:00
. o-infinity-upgrade-btn--useless-available : hover {
2022-04-29 11:18:47 +00:00
background-color : var ( --color-pelle--secondary ) ;
2022-02-12 12:01:43 +00:00
color : black ;
}
2019-04-02 23:12:45 +00:00
. t-dark . o-infinity-upgrade-btn--available : hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-infinity-upgrade-btn--available : hover ,
. t-s10 . o-infinity-upgrade-btn--available : hover {
2019-04-11 12:47:48 +00:00
background-color : # 6200ea ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-infinity-upgrade-btn--available : hover {
2019-04-11 12:47:48 +00:00
background-color : # 9c27b0 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion o-infinity-upgrade-btn--available*/
/*#region o-infinity-upgrade-btn--color-2*/
. o-infinity-upgrade-btn--color-2 . o-infinity-upgrade-btn--available : hover {
background-color : # ff3300 ;
}
. t-dark . o-infinity-upgrade-btn--color-2 . o-infinity-upgrade-btn--available : hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-infinity-upgrade-btn--color-2 . o-infinity-upgrade-btn--available : hover ,
. t-s10 . o-infinity-upgrade-btn--color-2 . o-infinity-upgrade-btn--available : hover {
2019-04-11 12:47:48 +00:00
background-color : # d50000 ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-infinity-upgrade-btn--color-2 . o-infinity-upgrade-btn--available : hover {
2019-04-11 12:47:48 +00:00
background-color : # f44336 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion o-infinity-upgrade-btn--color-2*/
/*#region o-infinity-upgrade-btn--color-3*/
. o-infinity-upgrade-btn--color-3 . o-infinity-upgrade-btn--available : hover {
background-color : # c6d50d ;
}
. t-dark . o-infinity-upgrade-btn--color-3 . o-infinity-upgrade-btn--available : hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-infinity-upgrade-btn--color-3 . o-infinity-upgrade-btn--available : hover ,
. t-s10 . o-infinity-upgrade-btn--color-3 . o-infinity-upgrade-btn--available : hover {
2019-04-11 12:47:48 +00:00
background-color : # ffd600 ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-infinity-upgrade-btn--color-3 . o-infinity-upgrade-btn--available : hover {
2019-04-11 12:47:48 +00:00
background-color : # ffeb3b ;
2019-04-02 23:12:45 +00:00
}
/*#endregion o-infinity-upgrade-btn--color-3*/
/*#region o-infinity-upgrade-btn--color-4*/
. o-infinity-upgrade-btn--color-4 . o-infinity-upgrade-btn--available : hover {
background-color : # 0cfec5 ;
}
. t-dark . o-infinity-upgrade-btn--color-4 . o-infinity-upgrade-btn--available : hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-infinity-upgrade-btn--color-4 . o-infinity-upgrade-btn--available : hover ,
. t-s10 . o-infinity-upgrade-btn--color-4 . o-infinity-upgrade-btn--available : hover {
2019-04-11 12:47:48 +00:00
background-color : # 00e5ff ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-infinity-upgrade-btn--color-4 . o-infinity-upgrade-btn--available : hover {
2019-04-11 12:47:48 +00:00
background-color : # 00bcd4 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion o-infinity-upgrade-btn--color-4*/
/*#region o-infinity-upgrade-btn--multiplier*/
2022-02-11 17:16:18 +00:00
. o-infinity-upgrade-btn--multiplier . c-pelle-useless--available {
filter : grayscale ( 25 % )
}
2022-02-12 12:01:43 +00:00
. o-infinity-upgrade-btn--multiplier . o-infinity-upgrade-btn--useless-available {
background-color : var ( --color-pelle--base ) ;
color : black ;
}
. o-infinity-upgrade-btn--multiplier . o-infinity-upgrade-btn--useless-available : hover {
color : black ;
2022-04-29 11:18:47 +00:00
background-color : var ( --color-pelle--secondary ) ;
2022-02-12 12:01:43 +00:00
}
2019-04-02 23:12:45 +00:00
. o-infinity-upgrade-btn--multiplier . o-infinity-upgrade-btn--available {
color : # c93a3a ;
border-color : # 17b3b5 ;
}
. o-infinity-upgrade-btn--multiplier . o-infinity-upgrade-btn--available : hover {
color : black ;
background-color : # e0d8e0 ;
}
. t-dark . o-infinity-upgrade-btn--multiplier . o-infinity-upgrade-btn--available ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-infinity-upgrade-btn--multiplier . o-infinity-upgrade-btn--available ,
. t-s10 . o-infinity-upgrade-btn--multiplier . o-infinity-upgrade-btn--available {
2019-04-11 12:47:48 +00:00
background-color : # 1f1f1f ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-infinity-upgrade-btn--multiplier . o-infinity-upgrade-btn--available : hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-infinity-upgrade-btn--multiplier . o-infinity-upgrade-btn--available : hover ,
. t-s10 . o-infinity-upgrade-btn--multiplier . o-infinity-upgrade-btn--available : hover {
2019-04-11 12:47:48 +00:00
color : white ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-infinity-upgrade-btn--multiplier . o-infinity-upgrade-btn--available {
2019-04-11 12:47:48 +00:00
color : # e53935 ;
border-color : # 00bcd4 ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-infinity-upgrade-btn--multiplier . o-infinity-upgrade-btn--available : hover {
2019-04-11 12:47:48 +00:00
color : black ;
background-color : # 00bcd4 ;
border-color : black ;
2019-04-02 23:12:45 +00:00
}
. t-s1 . o-infinity-upgrade-btn--multiplier . o-infinity-upgrade-btn--available {
2019-04-11 12:47:48 +00:00
background-color : black ;
color : # d72621 ;
border-color : # dbd242 ;
2019-04-02 23:12:45 +00:00
}
. t-s1 . o-infinity-upgrade-btn--multiplier . o-infinity-upgrade-btn--available : hover {
2019-04-11 12:47:48 +00:00
background-color : white ;
color : black ;
2019-04-02 23:12:45 +00:00
}
/*#endregion o-infinity-upgrade-btn--multiplier*/
/*#region o-infinity-upgrade-btn--unavailable*/
2022-02-12 12:01:43 +00:00
. o-infinity-upgrade-btn--useless-unavailable {
color : # f7f7f7 ;
background-color : var ( --color-pelle--base ) ;
filter : grayscale ( 90 % ) ;
}
. o-infinity-upgrade-btn--useless-unavailable : hover {
cursor : default ;
}
2019-04-02 23:12:45 +00:00
. o-infinity-upgrade-btn--unavailable {
color : black ;
background-color : # f7f7f7 ;
}
. o-infinity-upgrade-btn--unavailable : hover {
2020-08-27 18:43:58 +00:00
color : var ( --color-text ) ;
background-color : var ( --color-text-inverted ) ;
cursor : default ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-infinity-upgrade-btn--unavailable {
2019-04-11 12:47:48 +00:00
background-color : # 263238 ;
border-color : black ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-infinity-upgrade-btn--unavailable : hover {
2019-04-11 12:47:48 +00:00
background-color : # 37474F ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-infinity-upgrade-btn--unavailable {
2019-04-11 12:47:48 +00:00
background-color : # 9e9e9e ;
border-color : # 616161 ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-infinity-upgrade-btn--unavailable : hover {
2020-08-27 18:57:18 +00:00
color : var ( --color-text-inverted ) ;
2019-04-11 12:47:48 +00:00
background-color : # bdbdbd ;
2019-04-02 23:12:45 +00:00
}
. t-s1 . o-infinity-upgrade-btn--unavailable {
2019-04-11 12:47:48 +00:00
background-color : # 9a921d ;
border-color : black ;
2019-04-02 23:12:45 +00:00
}
. t-s1 . o-infinity-upgrade-btn--unavailable : hover {
2019-04-11 12:47:48 +00:00
background-color : # c5ba26 ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-infinity-upgrade-btn--unavailable ,
. t-s10 . o-infinity-upgrade-btn--unavailable {
2019-04-11 12:47:48 +00:00
color : grey ;
background-color : black ;
border-color : grey ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-infinity-upgrade-btn--unavailable : hover ,
. t-s10 . o-infinity-upgrade-btn--unavailable : hover {
2019-04-11 12:47:48 +00:00
background-color : # 222 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion o-infinity-upgrade-btn--unavailable*/
/*#region o-infinity-upgrade-btn--bought*/
. o-infinity-upgrade-btn--bought {
color : black ;
2020-08-26 15:53:00 +00:00
background-color : var ( --color-infinity ) ;
2019-04-02 23:12:45 +00:00
cursor : default ;
}
2020-09-09 21:21:04 +00:00
. o-infinity-upgrade-btn--bought : hover {
color : black ;
2019-04-02 23:12:45 +00:00
}
2022-02-12 12:01:43 +00:00
. o-infinity-upgrade-btn--useless-bought {
color : black ;
background-color : var ( --color-pelle--base ) ;
filter : grayscale ( 50 % ) ;
cursor : default ;
}
. o-infinity-upgrade-btn--useless-bought : hover {
color : black ;
}
2019-04-02 23:12:45 +00:00
/*#endregion o-infinity-upgrade-btn--bought*/
2019-08-11 18:28:49 +00:00
. o-infinity-upgrade-btn--chargeable {
2020-07-21 05:40:34 +00:00
color : var ( --color-teresa--base ) ;
background-color : var ( --color-teresa--accent ) ;
2020-08-27 18:43:58 +00:00
border-color : var ( --color-teresa--base ) ;
2020-03-29 22:23:50 +00:00
animation : a-charged-infinity-upgrade-glow 2s infinite ;
}
2020-09-09 21:21:04 +00:00
. t-dark . o-infinity-upgrade-btn--chargeable {
2020-07-21 05:40:34 +00:00
color : var ( --color-teresa--base ) ;
background-color : var ( --color-teresa--accent ) ;
}
. o-infinity-upgrade-btn--chargeable : hover {
color : var ( --color-teresa--base ) ;
2020-08-28 14:15:35 +00:00
cursor : pointer ;
2020-07-21 05:40:34 +00:00
}
2020-03-29 22:23:50 +00:00
@ keyframes a-charged-infinity-upgrade-glow {
2020-07-21 05:40:34 +00:00
0 % { box-shadow : inset 0 0 2 rem 0 }
13 % { box-shadow : inset 0 0 2 rem 0.15 rem }
25 % { box-shadow : inset 0 0 2 rem 0.4 rem }
38 % { box-shadow : inset 0 0 2 rem 0.65 rem }
50 % { box-shadow : inset 0 0 2 rem 0.8 rem }
63 % { box-shadow : inset 0 0 2 rem 0.65 rem }
75 % { box-shadow : inset 0 0 2 rem 0.4 rem }
88 % { box-shadow : inset 0 0 2 rem 0.15 rem }
100 % { box-shadow : inset 0 0 2 rem 0 }
2019-08-11 18:28:49 +00:00
}
2019-04-02 23:12:45 +00:00
. o-infinity-upgrade-btn--charged {
2020-07-21 05:40:34 +00:00
color : var ( --color-teresa--accent ) ;
background-color : var ( --color-teresa--base ) ;
2020-05-06 04:00:27 +00:00
}
. t-dark . o-infinity-upgrade-btn--charged ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-infinity-upgrade-btn--charged ,
. t-s10 . o-infinity-upgrade-btn--charged {
2020-07-21 05:40:34 +00:00
color : var ( --color-teresa--accent ) ;
background-color : var ( --color-teresa--base ) ;
}
. o-infinity-upgrade-btn--charged : hover {
color : var ( --color-teresa--accent ) ;
2019-04-02 23:12:45 +00:00
}
/*#endregion o-infinity-upgrade-btn*/
/*#endregion Infinity Upgrades*/
/*#region Autobuyers*/
/*#region l-autobuyers-tab*/
. l-autobuyers-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
}
2020-04-12 21:14:48 +00:00
. l-autobuyers-tab td {
padding : 0 ;
text-align : center ;
}
2019-04-02 23:12:45 +00:00
/*#endregion l-autobuyers-tab*/
/*#region l-autobuyer-grid*/
. l-autobuyer-grid {
display : flex ;
flex-direction : column ;
}
. l-autobuyer-grid__row {
display : flex ;
flex-direction : row ;
justify-content : center ;
}
/*#endregion l-autobuyer-grid*/
/*#region o-autobuyer-input*/
. o-autobuyer-input {
2020-04-18 18:35:00 +00:00
font-size : 1 . 3rem ;
font-family : typewriter ;
border : 0 . 1rem solid # c2c2c2 ;
padding : 0 . 5rem ;
height : 3rem ;
2019-07-21 08:18:18 +00:00
box-sizing : border-box ;
2019-04-02 23:12:45 +00:00
}
2020-04-18 19:15:05 +00:00
. t-metro . o-autobuyer-input {
color : black ;
border : 0 . 1rem solid # A9A9A9 ;
2019-04-02 23:12:45 +00:00
}
2020-04-18 18:35:00 +00:00
. t-dark . o-autobuyer-input ,
. t-dark-metro . o-autobuyer-input {
2019-04-17 20:54:36 +00:00
background-color : # 455A64 ;
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid black ;
2019-04-02 23:12:45 +00:00
}
2020-04-18 18:35:00 +00:00
. t-s1 . o-autobuyer-input {
background-color : var ( --color-base ) ;
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid black ;
2020-04-18 18:35:00 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-autobuyer-input ,
. t-s10 . o-autobuyer-input {
2020-04-18 18:35:00 +00:00
color : white ;
background-color : black ;
2020-06-16 15:31:31 +00:00
border : 0 . 1rem solid # ccc ;
2020-04-18 18:35:00 +00:00
}
. o-autobuyer-input--invalid {
background-color : var ( --color-bad ) ;
}
2021-09-28 20:01:56 +00:00
. s-base--dark . o-autobuyer-input--invalid ,
2021-08-31 19:42:30 +00:00
. t-s1 . o-autobuyer-input--invalid {
2020-04-18 18:35:00 +00:00
background-color : var ( --color-bad ) ;
2019-04-17 20:54:36 +00:00
}
2019-04-02 23:12:45 +00:00
/*#endregion o-autobuyer-input*/
/*#region o-autobuyer-toggle-checkbox*/
. o-autobuyer-toggle-checkbox {
display : flex ;
flex-direction : row ;
align-items : center ;
2019-07-21 08:18:18 +00:00
justify-content : center ;
user-select : none ;
2019-04-02 23:12:45 +00:00
}
. o-autobuyer-toggle-checkbox__label {
2020-04-12 21:14:48 +00:00
display : flex ;
justify-content : center ;
align-items : center ;
2022-01-03 11:29:17 +00:00
background : var ( --color-gh-purple ) ;
2020-04-12 21:14:48 +00:00
font-size : 1rem ;
height : 2rem ;
width : 2rem ;
border : 0 . 2rem solid # 383232 ;
border-top-right-radius : 0 . 3rem ;
border-bottom-left-radius : 1rem ;
color : black ;
2020-04-12 12:05:55 +00:00
font-weight : bold ;
cursor : pointer ;
2020-04-12 12:09:13 +00:00
user-select : none ;
2020-04-12 21:14:48 +00:00
transition-duration : 0 . 2s ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-autobuyer-toggle-checkbox__label {
2020-04-18 05:41:52 +00:00
border : 0 . 1rem solid black ;
border-radius : 0 ;
}
. t-dark . o-autobuyer-toggle-checkbox__label {
border-color : var ( --color-base ) ;
}
. t-dark-metro . o-autobuyer-toggle-checkbox__label {
border : 0 . 1rem solid var ( --color-base ) ;
border-radius : 0 ;
}
2020-04-18 18:35:00 +00:00
. t-s1 . o-autobuyer-toggle-checkbox__label {
border-color : black ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-autobuyer-toggle-checkbox__label ,
. t-s10 . o-autobuyer-toggle-checkbox__label {
2020-06-16 15:31:31 +00:00
border : 0 . 1rem solid # ccc ;
2020-04-18 05:41:52 +00:00
}
2020-04-12 21:14:48 +00:00
. o-autobuyer-toggle-checkbox__label : hover {
transform : scale ( 1 . 1 ) translate ( -0 . 1rem , 0 . 1rem ) ;
2020-04-12 12:05:55 +00:00
}
. l-autobuyer-box__footer input {
display : none ;
}
. o-autobuyer-toggle-checkbox__label--active {
2020-04-12 21:14:48 +00:00
background : var ( --color-good ) ;
2019-04-02 23:12:45 +00:00
}
2022-01-03 11:29:17 +00:00
. o-autobuyer-toggle-checkbox__label--active-paused {
background : var ( --color-good-paused ) ;
}
2020-04-17 04:00:27 +00:00
. o-autobuyer-toggle-checkbox__label--disabled {
opacity : 0 . 6 ;
2022-01-03 02:44:52 +00:00
filter : grayscale ( 0 . 1 ) ;
2020-04-17 04:00:27 +00:00
}
2022-01-03 11:29:17 +00:00
. o-autobuyer-toggle-checkbox__label--deactive-paused {
background : var ( --color-bad ) ;
}
2019-04-02 23:12:45 +00:00
/*#endregion o-autobuyer-toggle-checkbox*/
/*#region o-autobuyer-btn*/
. o-autobuyer-btn {
2020-08-14 05:34:47 +00:00
width : 17 . 5rem ;
2019-04-02 23:12:45 +00:00
height : 3 . 5rem ;
color : white ;
background : # 1f1f1f ;
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid # ed85df ;
2020-08-14 05:34:47 +00:00
font-family : Typewriter ;
2019-04-02 23:12:45 +00:00
font-weight : bold ;
2020-08-14 05:34:47 +00:00
font-size : 0 . 9rem ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 4rem ;
margin-bottom : -0 . 1rem ;
2019-04-02 23:12:45 +00:00
transition-duration : 0 . 2s ;
cursor : pointer ;
}
. o-autobuyer-btn : hover {
color : black ;
2019-10-11 00:31:12 +00:00
background-color : var ( --color-infinity ) ;
border-color : var ( --color-infinity ) ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-autobuyer-btn ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-autobuyer-btn ,
. t-s10 . o-autobuyer-btn {
2019-04-11 12:47:48 +00:00
box-shadow : none ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-autobuyer-btn {
2019-04-11 12:47:48 +00:00
color : black ;
border-color : black ;
2019-04-17 20:54:36 +00:00
background : # 455A64 ;
2019-04-02 23:12:45 +00:00
}
2019-10-11 00:31:12 +00:00
. t-dark . o-autobuyer-btn : hover {
background : var ( --color-infinity ) ;
}
2019-04-02 23:12:45 +00:00
. t-dark-metro . o-autobuyer-btn ,
2019-10-11 00:31:12 +00:00
. t-s1 . o-autobuyer-btn ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-autobuyer-btn ,
. t-s10 . o-autobuyer-btn {
2019-10-11 00:31:12 +00:00
border-color : var ( --color-infinity ) ;
2019-04-11 12:47:48 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-autobuyer-btn {
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
2019-04-02 23:12:45 +00:00
}
. t-metro . o-autobuyer-btn ,
. t-inverted-metro . o-autobuyer-btn ,
. t-s8 . o-autobuyer-btn {
2019-04-11 12:47:48 +00:00
border-color : # e91e63 ;
2019-04-02 23:12:45 +00:00
}
. t-metro . o-autobuyer-btn : hover ,
. t-inverted-metro . o-autobuyer-btn : hover ,
. t-s8 . o-autobuyer-btn : hover {
2019-10-11 00:31:12 +00:00
border-color : var ( --color-infinity ) ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-autobuyer-btn ,
. t-s10 . o-autobuyer-btn {
2019-04-11 12:47:48 +00:00
color : white ;
background-color : black ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-autobuyer-btn : hover ,
. t-s10 . o-autobuyer-btn : hover {
2020-06-16 15:31:31 +00:00
background : var ( --color-infinity ) ;
}
2021-08-11 07:03:44 +00:00
. o-autobuyer-btn--tiny {
width : 90 % ;
}
2019-04-02 23:12:45 +00:00
/*#endregion o-autobuyer-btn*/
/*#region autobuyer-box*/
. c-autobuyer-box {
width : 23rem ;
2019-07-21 08:18:18 +00:00
height : 17 . 5rem ;
2019-04-02 23:12:45 +00:00
padding : 1rem ;
2019-10-11 00:31:12 +00:00
border : solid 0 . 1rem grey ;
border-radius : 0 . 4rem ;
2019-04-02 23:12:45 +00:00
font-size : 1 . 1rem ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-autobuyer-box {
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
}
2019-04-02 23:12:45 +00:00
. t-s1 . c-autobuyer-box {
2019-04-11 12:47:48 +00:00
color : black ;
border-color : black ;
background-color : # dbd242 ;
2019-04-02 23:12:45 +00:00
}
. t-s5 . c-autobuyer-box {
2019-04-11 12:47:48 +00:00
background : # ddd ;
2019-04-02 23:12:45 +00:00
}
. t-s8 . c-autobuyer-box {
border-color : black ;
}
. c-autobuyer-box__small-text {
2019-10-11 00:31:12 +00:00
font-size : 0 . 9rem ;
2019-04-02 23:12:45 +00:00
}
2019-07-21 08:18:18 +00:00
. c-autobuyer-box__mode-select {
font-family : Typewriter , serif ;
2020-04-18 18:35:00 +00:00
font-size : 1 . 2rem ;
2020-04-18 05:41:52 +00:00
color : black ;
2019-07-21 08:18:18 +00:00
text-align : center ;
text-align-last : center ;
2020-04-18 18:35:00 +00:00
height : 3rem ;
2019-07-21 08:18:18 +00:00
}
2020-04-18 19:15:05 +00:00
. t-metro . c-autobuyer-box__mode-select {
color : black ;
border : 0 . 1rem solid # A9A9A9 ;
}
2020-04-18 05:41:52 +00:00
. t-dark . c-autobuyer-box__mode-select ,
. t-dark-metro . c-autobuyer-box__mode-select {
color : black ;
background-color : # 455A64 ;
border : 0 . 1rem solid black ;
}
2020-04-18 18:35:00 +00:00
. t-s1 . c-autobuyer-box__mode-select {
background-color : var ( --color-base ) ;
border : 0 . 1rem solid black ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-autobuyer-box__mode-select ,
. t-s10 . c-autobuyer-box__mode-select {
2020-04-18 05:41:52 +00:00
color : white ;
background-color : black ;
2020-06-16 15:31:31 +00:00
border : 0 . 1rem solid # ccc ;
2019-07-21 08:18:18 +00:00
}
2019-04-02 23:12:45 +00:00
. l-autobuyer-box {
display : flex ;
flex-direction : column ;
align-items : center ;
2019-10-11 00:31:12 +00:00
margin : 0 . 5rem 0 . 8rem ;
2019-04-02 23:12:45 +00:00
}
2020-04-18 05:41:52 +00:00
. c-autobuyer-box-row {
2020-04-12 21:14:48 +00:00
display : flex ;
justify-content : center ;
align-items : center ;
position : relative ;
2020-06-16 15:31:31 +00:00
color : var ( --color-text ) ;
2020-04-12 12:05:55 +00:00
border : . 2rem solid # 383232 ;
border-radius : . 5rem ;
margin : . 5rem ;
padding : 1rem ;
2020-04-13 00:23:54 +00:00
width : 90rem ;
2020-04-12 12:05:55 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-autobuyer-box-row {
2020-04-18 05:41:52 +00:00
border : 0 . 1rem solid black ;
border-radius : 0 ;
}
. t-dark . c-autobuyer-box-row {
border-color : var ( --color-base ) ;
}
. t-dark-metro . c-autobuyer-box-row {
border : 0 . 1rem solid var ( --color-base ) ;
border-radius : 0 ;
}
2020-04-18 18:35:00 +00:00
. t-s1 . c-autobuyer-box-row {
border-color : black ;
background : var ( --color-base ) ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-autobuyer-box-row ,
. t-s10 . c-autobuyer-box-row {
2020-06-16 15:31:31 +00:00
border : 0 . 1rem solid # ccc ;
2020-04-18 05:41:52 +00:00
background : black ;
}
. t-s8 . c-autobuyer-box-row {
background : white ;
}
2022-01-23 16:41:11 +00:00
. l-autobuyer-singlet-group {
display : flex ;
flex-wrap : wrap ;
flex-grow : 1 ;
width : 91rem ;
}
2022-03-17 10:52:50 +00:00
. c-small-autobuyer-input {
width : 10rem ;
height : 2rem ;
margin : 0 . 2rem 0 ;
border-color : var ( --color-laitela--accent ) ;
border-radius : 0 . 5rem ;
}
. s-base--metro . c-small-autobuyer-input {
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2021-08-09 06:33:28 +00:00
. c-autobuyer-box-slot {
position : relative ;
border : . 2rem solid # 383232 ;
border-radius : . 5rem ;
margin : . 25rem ;
padding : 1rem . 5rem ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-autobuyer-box-slot {
2021-08-09 06:33:28 +00:00
border : 0 . 1rem solid black ;
border-radius : 0 ;
}
. t-dark . c-autobuyer-box-slot {
border-color : var ( --color-base ) ;
}
. t-dark-metro . c-autobuyer-box-slot {
border : 0 . 1rem solid var ( --color-base ) ;
border-radius : 0 ;
}
. t-s1 . c-autobuyer-box-slot {
border-color : black ;
background : var ( --color-base ) ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-autobuyer-box-slot ,
. t-s10 . c-autobuyer-box-slot {
2021-08-09 06:33:28 +00:00
border : 0 . 1rem solid # ccc ;
background : black ;
}
. t-s8 . c-autobuyer-box-slot {
background : white ;
}
2021-08-01 00:42:53 +00:00
. c-autobuyer-box-row__intervalSlot ,
. c-autobuyer-box-row__toggleSlot ,
2021-08-01 04:29:58 +00:00
. c-autobuyer-box-row__checkboxSlot ,
2019-07-21 08:18:18 +00:00
. l-autobuyer-box__header {
2020-04-12 12:05:55 +00:00
width : 25 % ;
}
2021-12-19 23:45:51 +00:00
. l-autobuyer-box__title {
2021-12-20 06:46:29 +00:00
width : 20rem ;
}
. l-autobuyer-box__autobuyers {
2021-12-20 20:30:22 +00:00
display : flex ;
flex-wrap : wrap ;
2021-12-20 06:46:29 +00:00
flex-grow : 1 ;
width : 80rem ;
}
. l-autobuyer-box__autobuyers-internal {
2021-12-20 20:30:22 +00:00
display : inline-flex ;
align-items : center ;
justify-content : center ;
2021-12-20 22:01:06 +00:00
flex-direction : column ;
2021-08-09 06:33:28 +00:00
}
2019-07-19 16:46:18 +00:00
. l-autobuyer-box__content {
flex : 1 0 auto ;
display : flex ;
flex-direction : column ;
2019-07-21 08:18:18 +00:00
justify-content : space-evenly ;
align-items : center ;
}
. l-autobuyer-box__footer {
2020-04-12 21:14:48 +00:00
position : absolute ;
top : -0 . 2rem ;
right : 1 . 8rem ;
width : 0 % ;
2019-07-19 16:46:18 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . l-autobuyer-box__footer ,
2020-04-18 05:41:52 +00:00
. t-s6 . l-autobuyer-box__footer ,
2021-09-29 03:38:24 +00:00
. t-s10 . l-autobuyer-box__footer ,
2021-08-26 15:10:18 +00:00
. t-s7 . l-autobuyer-box__footer {
2020-04-18 05:41:52 +00:00
top : -0 . 1rem ;
right : 1 . 9rem ;
}
2019-04-02 23:12:45 +00:00
. l-autobuyer-box__button {
flex-shrink : 0 ;
}
2019-07-21 08:18:18 +00:00
. l-autobuyer-box__fill {
flex-grow : 1 ;
}
2019-04-02 23:12:45 +00:00
/*#endregion autobuyer-box*/
/*#endregion Autobuyers*/
/*#region Replicanti*/
. l-replicanti-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
/* To prevent button jitter*/
width : 100 % ;
}
/*#region c-replicanti-description*/
. c-replicanti-description {
font-size : 1 . 5rem ;
}
. c-replicanti-description__accent {
font-size : 2 . 3rem ;
2022-04-14 13:03:37 +00:00
color : # 2196f3 ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-replicanti-description__accent ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-replicanti-description__accent ,
. t-s10 . c-replicanti-description__accent {
2019-04-11 12:47:48 +00:00
color : # 03a9f4 ;
2019-04-02 23:12:45 +00:00
}
2022-01-08 15:17:03 +00:00
. t-s11 . c-replicanti-description__accent {
color : # fbc21b ;
2022-01-09 11:04:40 +00:00
text-shadow : 0 0 0 . 7rem # fbc21b ;
2022-01-08 15:17:03 +00:00
}
2019-04-17 20:54:36 +00:00
. t-metro . c-replicanti-description__accent ,
. t-s8 . c-replicanti-description__accent {
2019-10-11 00:31:12 +00:00
text-shadow : 0 0 0 . 1rem rgba ( 0 , 0 , 0 , 0 . 5 ) , -0 . 1rem 0 . 1rem 0 . 1rem black ;
2019-04-17 20:54:36 +00:00
}
2022-04-14 14:37:29 +00:00
. t-dark . c-replicanti-description__accent ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-replicanti-description__accent ,
. t-s10 . c-replicanti-description__accent {
2019-10-11 00:31:12 +00:00
text-shadow : 0 0 0 . 7rem # 03a9f4 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion c-replicanti-description*/
. l-replicanti-upgrade-row {
display : flex ;
flex-direction : row ;
}
2019-09-29 19:17:26 +00:00
. l-replicanti-upgrade-button {
2019-10-11 00:31:12 +00:00
margin : 0 . 3rem ;
2019-04-02 23:12:45 +00:00
}
/*#endregion Replicanti*/
/*#region Break Infinity*/
/*#region l-break-infinity-tab*/
. l-break-infinity-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
}
. l-break-infinity-tab__break-btn {
margin-top : 2rem ;
}
2020-06-10 03:57:09 +00:00
. o-infinity-upgrade-btn--feel-eternity {
background-color : # 540c70 ! important ;
2020-04-01 21:26:14 +00:00
animation : a-time-study 1 . 5s infinite ;
}
2019-04-02 23:12:45 +00:00
. l-break-infinity-tab__grid {
margin-top : 1rem ;
}
/*#endregion l-break-infinity-tab*/
/*#region l-break-infinity-upgrade-grid*/
. l-break-infinity-upgrade-grid {
display : flex ;
flex-direction : column ;
}
. l-break-infinity-upgrade-grid__row {
display : flex ;
flex-direction : row ;
}
. l-break-infinity-upgrade-grid__cell {
2019-10-11 00:31:12 +00:00
margin : 0 . 5rem 0 . 8rem ;
2019-04-02 23:12:45 +00:00
}
/*#endregion l-break-infinity-upgrade-grid*/
/*#endregion Break Infinity*/
2020-03-20 02:22:21 +00:00
/*#region eternity-tab*/
. c-eternity-tab__header {
font-size : 1 . 5rem ;
margin : 1 . 5rem 0 ;
}
2020-03-20 21:59:34 +00:00
. c-eternity-tab__eternity-points {
color : var ( --color-eternity ) ;
}
2020-03-20 02:22:21 +00:00
/*#region themes*/
2021-09-29 03:38:24 +00:00
/*#region t-dark t-s6 t-s10*/
2020-03-20 02:22:21 +00:00
2020-03-20 22:25:44 +00:00
. t-dark . c-eternity-tab__eternity-points ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-eternity-tab__eternity-points ,
. t-s10 . c-eternity-tab__eternity-points {
2020-03-20 22:25:44 +00:00
text-shadow : 0 0 0 . 7rem ;
2020-03-20 02:22:21 +00:00
}
2021-09-29 03:38:24 +00:00
/*#endregion t-dark t-s6 t-s10*/
2020-03-20 02:22:21 +00:00
2020-03-20 10:41:41 +00:00
/*#region t-s1*/
. t-s1 . c-eternity-tab__eternity-points {
2020-03-20 22:25:44 +00:00
text-shadow : 0 . 1rem 0 . 1rem 0 black ;
2020-03-20 10:41:41 +00:00
}
/*#endregion t-s1*/
2020-03-20 02:22:21 +00:00
/*#endregion themes*/
/*#endregion eternity-tab*/
2019-04-02 23:12:45 +00:00
/*#region Eternity Upgrades*/
. l-eternity-upgrades-grid {
display : flex ;
flex-direction : column ;
align-items : center ;
margin-top : 1rem ;
}
. l-eternity-upgrades-grid__row {
display : flex ;
flex-direction : row ;
}
. l-eternity-upgrades-grid__cell {
2019-10-11 00:31:12 +00:00
margin : 0 . 5rem 0 . 8rem ;
2019-04-02 23:12:45 +00:00
}
. o-eternity-upgrade {
font-weight : bold ;
font-size : 1rem ;
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid var ( --color-eternity ) ;
2021-04-07 00:47:56 +00:00
width : 20rem ;
2019-04-02 23:12:45 +00:00
height : 9rem ;
transition-duration : 0 . 2s ;
cursor : pointer ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 4rem ;
2019-04-02 23:12:45 +00:00
font-family : Typewriter , serif ;
}
2022-02-11 17:16:18 +00:00
. o-eternity-upgrade--useless-available {
background-color : var ( --color-pelle--base ) ;
2022-02-12 12:01:43 +00:00
color : black ;
2022-02-11 17:16:18 +00:00
border-color : black ;
}
. o-eternity-upgrade--useless-available : hover {
2022-04-29 11:18:47 +00:00
background-color : var ( --color-pelle--secondary ) ;
2022-02-11 17:16:18 +00:00
color : black ;
}
. o-eternity-upgrade--useless-unavailable {
background-color : var ( --color-pelle--base ) ;
2022-02-12 16:22:33 +00:00
color : black ;
filter : grayscale ( 90 % ) ;
2022-02-11 17:16:18 +00:00
border-color : black ;
}
. o-eternity-upgrade--useless-unavailable : hover {
2022-02-12 16:22:33 +00:00
background-color : var ( --color-bad ) ;
filter : grayscale ( 0 % ) ;
cursor : default
2022-02-11 17:16:18 +00:00
}
2019-04-02 23:12:45 +00:00
. o-eternity-upgrade--available {
2019-10-11 00:31:12 +00:00
color : var ( --color-eternity ) ;
2019-04-02 23:12:45 +00:00
background-color : black ;
}
. o-eternity-upgrade--available : hover {
2020-08-27 18:43:58 +00:00
color : var ( --color-text ) ;
background-color : var ( --color-eternity ) ;
2019-04-02 23:12:45 +00:00
}
. o-eternity-upgrade--unavailable {
color : # 181818 ;
background-color : # 5f5f5f ;
2020-08-14 05:54:24 +00:00
cursor : default ;
2019-04-02 23:12:45 +00:00
}
. o-eternity-upgrade--unavailable : hover {
background-color : # 737373 ;
}
. o-eternity-upgrade--bought {
2020-10-15 23:09:42 +00:00
color : black ;
2020-08-24 10:13:39 +00:00
background-color : var ( --color-eternity ) ;
2020-10-15 23:09:42 +00:00
border-color : black ;
2019-04-02 23:12:45 +00:00
cursor : default ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-eternity-upgrade {
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
}
2019-04-02 23:12:45 +00:00
. t-metro . o-eternity-upgrade--available {
2019-10-11 00:31:12 +00:00
box-shadow : 0 . 1rem 0 . 1rem 0 . 1rem 0 # 9e9e9e ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-eternity-upgrade--bought {
2019-04-11 12:47:48 +00:00
color : black ;
background-color : # 673ab7 ;
border-color : black ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-eternity-upgrade--unavailable {
2019-04-11 12:47:48 +00:00
background-color : # 9e9e9e ;
border-color : black ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-eternity-upgrade--unavailable : hover {
2019-04-11 12:47:48 +00:00
background-color : # bdbdbd ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-eternity-upgrade--available ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-eternity-upgrade--available ,
. t-s10 . o-eternity-upgrade--available {
2019-04-11 12:47:48 +00:00
background-color : black ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-eternity-upgrade--available : hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-eternity-upgrade--available : hover ,
. t-s10 . o-eternity-upgrade--available : hover {
2020-08-27 18:43:58 +00:00
color : var ( --color-text ) ;
background-color : var ( --color-eternity ) ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-eternity-upgrade--unavailable {
2019-04-11 12:47:48 +00:00
color : black ;
background-color : # 263238 ;
border-color : # 691fa5 ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-eternity-upgrade--unavailable : hover {
2019-04-11 12:47:48 +00:00
background-color : # 37474f ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-eternity-upgrade--unavailable ,
. t-s10 . o-eternity-upgrade--unavailable {
2019-04-11 12:47:48 +00:00
color : grey ;
background-color : black ;
border-color : # 691fa5 ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-eternity-upgrade--unavailable : hover ,
. t-s10 . o-eternity-upgrade--unavailable : hover {
2019-04-11 12:47:48 +00:00
background-color : # 222222 ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-eternity-upgrade--bought ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-eternity-upgrade--bought ,
. t-s10 . o-eternity-upgrade--bought {
2020-08-27 18:43:58 +00:00
color : var ( --color-text-inverted ) ;
background-color : var ( --color-eternity ) ;
2019-04-11 12:47:48 +00:00
border-color : # 691fa5 ;
2019-04-02 23:12:45 +00:00
}
. t-s1 . o-eternity-upgrade--available {
2019-04-11 12:47:48 +00:00
background-color : black ;
2019-04-02 23:12:45 +00:00
}
. t-s1 . o-eternity-upgrade--available : hover {
2019-04-11 12:47:48 +00:00
color : black ;
background-color : # 639565 ;
border-color : black ;
2019-04-02 23:12:45 +00:00
}
. t-s1 . o-eternity-upgrade--bought {
2019-04-11 12:47:48 +00:00
color : black ;
background-color : # 639565 ;
border-color : black ;
2019-04-02 23:12:45 +00:00
}
. t-s1 . o-eternity-upgrade--unavailable {
2019-04-11 12:47:48 +00:00
color : black ;
background-color : # 4a4a4a ;
border-color : # 639565 ;
2019-04-02 23:12:45 +00:00
}
. t-s1 . o-eternity-upgrade--unavailable : hover {
2019-04-11 12:47:48 +00:00
background : # 636363 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion Eternity Upgrades*/
/*#region Eternity Milestones*/
. l-eternity-milestone-grid {
display : flex ;
flex-direction : column ;
align-items : center ;
}
. l-eternity-milestone-grid__row {
display : flex ;
flex-direction : row ;
}
. l-eternity-milestone-grid__cell {
2019-10-11 00:31:12 +00:00
margin : 0 . 5rem 0 . 8rem ;
2019-04-02 23:12:45 +00:00
}
. o-eternity-milestone__goal {
font-size : 2rem ;
text-align : left ;
}
. o-eternity-milestone__reward {
width : 25rem ;
2020-08-31 23:39:52 +00:00
height : 8rem ;
2019-04-02 23:12:45 +00:00
color : black ;
font-weight : bold ;
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid var ( --color-eternity ) ;
2019-04-02 23:12:45 +00:00
transition-duration : 0 . 2s ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 4rem ;
2019-04-02 23:12:45 +00:00
font-family : Typewriter , serif ;
font-size : 1 . 2rem ;
}
. o-eternity-milestone__reward--locked {
background-color : dimgrey ;
}
. o-eternity-milestone__reward--reached {
2019-10-11 00:31:12 +00:00
background-color : var ( --color-eternity ) ;
border-color : black ;
2019-04-02 23:12:45 +00:00
}
. o-eternity-milestone__reward--small-font {
font-size : 1 . 1rem ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-eternity-milestone__reward {
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-eternity-milestone__reward--locked ,
2021-08-26 15:10:18 +00:00
. t-s1 . o-eternity-milestone__reward--locked {
2019-04-11 12:47:48 +00:00
background-color : # 9e9e9e ;
2019-10-11 00:31:12 +00:00
box-shadow : 0 . 1rem 0 . 1rem 0 . 1rem 0 black ;
2019-04-11 12:47:48 +00:00
border : none ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-eternity-milestone__reward--locked ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-eternity-milestone__reward--locked ,
. t-s10 . o-eternity-milestone__reward--locked {
2019-10-11 00:31:12 +00:00
color : var ( --color-eternity ) ;
2019-04-11 12:47:48 +00:00
background-color : black ;
2019-10-11 00:31:12 +00:00
border-color : var ( --color-eternity ) ;
2019-04-02 23:12:45 +00:00
animation : a-time-study 7s infinite ;
}
. l-eternity-milestone {
display : flex ;
flex-direction : column ;
}
/*#endregion Eternity Milestones*/
/*#region Dilation*/
. l-dilation-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
}
/*#region c-dilation-tab*/
. c-dilation-tab__tachyons {
color : black ;
font-size : 3 . 5rem ;
}
. c-dilation-tab__dilated-time {
color : black ;
font-size : 3 . 5rem ;
}
. c-dilation-tab__dilated-time-income {
color : black ;
font-size : 2 . 5rem ;
}
. c-dilation-tab__galaxy-threshold {
color : black ;
font-size : 2 . 5rem ;
}
. c-dilation-tab__galaxies {
color : black ;
font-size : 2 . 5rem ;
}
2019-04-17 20:54:36 +00:00
. t-metro . c-dilation-tab__tachyons ,
2021-09-28 20:01:56 +00:00
. s-base--dark . c-dilation-tab__tachyons ,
2019-04-17 20:54:36 +00:00
. t-s8 . c-dilation-tab__tachyons {
2019-04-11 12:47:48 +00:00
color : # 64ddad ;
2019-04-02 23:12:45 +00:00
}
. t-dark . c-dilation-tab__tachyons ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-dilation-tab__tachyons ,
. t-s10 . c-dilation-tab__tachyons {
2019-10-11 00:31:12 +00:00
text-shadow : 0 0 0 . 7rem # 64ddad ;
2019-04-02 23:12:45 +00:00
}
2019-04-17 20:54:36 +00:00
. t-metro . c-dilation-tab__tachyons ,
. t-metro . c-dilation-tab__dilated-time ,
. t-metro . c-dilation-tab__dilated-time-income ,
. t-metro . c-dilation-tab__galaxy-threshold ,
. t-metro . c-dilation-tab__galaxies ,
. t-s8 . c-dilation-tab__tachyons ,
. t-s8 . c-dilation-tab__dilated-time ,
. t-s8 . c-dilation-tab__dilated-time-income ,
. t-s8 . c-dilation-tab__galaxy-threshold ,
. t-s8 . c-dilation-tab__galaxies {
2019-10-11 00:31:12 +00:00
text-shadow : 0 0 0 . 1rem rgba ( 0 , 0 , 0 , 0 . 5 ) , -0 . 1rem 0 . 1rem 0 . 1rem black ;
2019-04-17 20:54:36 +00:00
}
. t-metro . c-dilation-tab__dilated-time ,
. t-metro . c-dilation-tab__dilated-time-income ,
. t-metro . c-dilation-tab__galaxy-threshold ,
. t-metro . c-dilation-tab__galaxies ,
2021-09-28 20:01:56 +00:00
. s-base--dark . c-dilation-tab__dilated-time ,
. s-base--dark . c-dilation-tab__dilated-time-income ,
. s-base--dark . c-dilation-tab__galaxy-threshold ,
. s-base--dark . c-dilation-tab__galaxies ,
2019-04-17 20:54:36 +00:00
. t-s8 . c-dilation-tab__dilated-time ,
. t-s8 . c-dilation-tab__dilated-time-income ,
. t-s8 . c-dilation-tab__galaxy-threshold ,
. t-s8 . c-dilation-tab__galaxies {
2021-01-03 02:38:04 +00:00
color : var ( --color-dilation ) ;
2019-04-02 23:12:45 +00:00
}
. t-dark . c-dilation-tab__dilated-time ,
. t-dark . c-dilation-tab__dilated-time-income ,
. t-dark . c-dilation-tab__galaxy-threshold ,
. t-dark . c-dilation-tab__galaxies ,
. t-s6 . c-dilation-tab__dilated-time ,
. t-s6 . c-dilation-tab__dilated-time-income ,
. t-s6 . c-dilation-tab__galaxy-threshold ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-dilation-tab__galaxies ,
. t-s10 . c-dilation-tab__dilated-time ,
. t-s10 . c-dilation-tab__dilated-time-income ,
. t-s10 . c-dilation-tab__galaxy-threshold ,
. t-s10 . c-dilation-tab__galaxies {
2021-01-03 02:38:04 +00:00
text-shadow : 0 0 0 . 7rem var ( --color-dilation ) ;
2019-04-02 23:12:45 +00:00
}
/*#endregion c-dilation-tab*/
/*#region l-dilation-upgrades-grid*/
. l-dilation-upgrades-grid {
display : flex ;
flex-direction : column ;
}
. l-dilation-upgrades-grid__row {
display : flex ;
flex-direction : row ;
justify-content : center ;
}
. l-dilation-upgrades-grid__cell {
margin : 1 . 2rem 1 . 5rem ;
}
/*#endregion l-dilation-upgrades-grid*/
/*#region o-dilation-btn*/
. o-dilation-btn {
font-weight : bold ;
font-size : 1 . 12rem ;
2021-01-03 02:38:04 +00:00
border : 0 . 2rem solid var ( --color-dilation ) ;
2019-04-02 23:12:45 +00:00
width : 19rem ;
height : 9rem ;
transition-duration : 0 . 2s ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 4rem ;
2019-04-02 23:12:45 +00:00
font-family : Typewriter , serif ;
2019-10-13 18:45:48 +00:00
padding : 1rem ;
}
. o-dilation-btn--locked {
color : # 181818 ;
background-color : # 5f5f5f ;
border-color : # 3e8a0f ;
}
. o-dilation-btn--unlocked {
2021-01-03 02:38:04 +00:00
color : var ( --color-dilation ) ;
2019-10-13 18:45:48 +00:00
background-color : black ;
cursor : pointer ;
2019-04-02 23:12:45 +00:00
animation : a-dilation-btn-glow 10s infinite ;
}
2019-10-13 18:45:48 +00:00
. o-dilation-btn--unlocked : hover {
2019-04-02 23:12:45 +00:00
background-color : white ;
}
2019-10-13 18:45:48 +00:00
. t-dark . o-dilation-btn--unlocked {
2021-01-03 02:38:04 +00:00
color : var ( --color-dilation ) ;
2019-04-11 12:47:48 +00:00
background-color : black ;
2019-04-02 23:12:45 +00:00
}
2019-10-13 18:45:48 +00:00
. t-dark . o-dilation-btn--unlocked : hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-dilation-btn--unlocked : hover ,
. t-s10 . o-dilation-btn--unlocked : hover {
2021-01-03 02:38:04 +00:00
color : var ( --color-dilation ) ;
2019-04-11 12:47:48 +00:00
background-color : white ;
2019-04-02 23:12:45 +00:00
}
. t-s4 . o-dilation-btn {
animation : a-dilation-btn-glow--cancer 10s infinite ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-dilation-btn {
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
border-width : 0 . 1rem ;
}
2019-10-13 18:45:48 +00:00
. o-dilation-btn--locked : hover {
color : # 1d1d1d ;
background-color : # 660000 ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-dilation-btn--locked ,
2021-08-26 15:10:18 +00:00
. t-s1 . o-dilation-btn--locked {
2019-10-13 18:45:48 +00:00
color : black ;
background-color : # 9e9e9e ;
box-shadow : . 1rem . 1rem . 1rem 0 black ;
border : none ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-dilation-btn--locked : hover {
2019-10-13 18:45:48 +00:00
background-color : # ef5350 ;
}
. t-s1 . o-dilation-btn--locked : hover {
background-color : # d72621 ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-dilation-btn--locked ,
. t-s10 . o-dilation-btn--locked {
2019-10-13 18:45:48 +00:00
color : gray ;
background-color : black ;
}
. t-dark . o-dilation-btn--locked {
color : black ;
background-color : # 23292a ;
}
. t-dark . o-dilation-btn--locked : hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-dilation-btn--locked : hover ,
. t-s10 . o-dilation-btn--locked : hover {
2019-10-13 18:45:48 +00:00
color : black ;
border-color : # b84b5f ;
background-color : # b84b5f ;
}
2019-04-02 23:12:45 +00:00
@ keyframes a-dilation-btn-glow {
0 % { box-shadow : inset 0.5 rem 0 2 rem }
25 % { box-shadow : inset 0 0.5 rem 2 rem }
50 % { box-shadow : inset -0.5 rem 0 2 rem }
75 % { box-shadow : inset 0 -0.5 rem 2 rem }
100 % { box-shadow : inset 0.5 rem 0 2 rem }
}
@ keyframes a-dilation-btn-glow--cancer {
0 % { box-shadow : inset 0.5 px -0.5 rem 2 rem }
10 % { box-shadow : inset -0.5 px 0.5 rem 2 rem }
20 % { box-shadow : inset 0.5 px -0.5 rem 2 rem }
22 % { box-shadow : inset -0.5 px 0.5 rem 2 rem }
25 % { box-shadow : inset 0.5 px -0.5 rem 2 rem }
29 % { box-shadow : inset -0.5 px 0.5 rem 2 rem }
39 % { box-shadow : inset 0.5 px -0.5 rem 2 rem }
44 % { box-shadow : inset -0.5 px 0.5 rem 2 rem }
53 % { box-shadow : inset 0.5 px -0.5 rem 2 rem }
57 % { box-shadow : inset -0.5 px 0.5 rem 2 rem }
63 % { box-shadow : inset 0.5 px -0.5 rem 2 rem }
69 % { box-shadow : inset -0.5 px 0.5 rem 2 rem }
71 % { box-shadow : inset 0.5 px -0.5 rem 2 rem }
74 % { box-shadow : inset -0.5 px 0.5 rem 2 rem }
75 % { box-shadow : inset 0.5 px -0.5 rem 2 rem }
84 % { box-shadow : inset -0.5 px 0.5 rem 2 rem }
88 % { box-shadow : inset 0.5 px -0.5 rem 2 rem }
92 % { box-shadow : inset -0.5 px 0.5 rem 2 rem }
93 % { box-shadow : inset 0.5 px -0.5 rem 2 rem }
95 % { box-shadow : inset -0.5 px 0.5 rem 2 rem }
100 % { box-shadow : inset 0.5 px -0.5 rem 2 rem }
}
/*#endregion o-dilation-btn*/
/*#region o-dilation-upgrade*/
. o-dilation-upgrade {
background : black ;
font-weight : bold ;
font-size : 1 . 05rem ;
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid ;
2022-04-08 14:50:52 +00:00
width : 19rem ;
height : 10rem ;
2019-04-02 23:12:45 +00:00
transition-duration : 0 . 2s ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 4rem ;
2019-04-02 23:12:45 +00:00
font-family : Typewriter , serif ;
}
2022-02-12 12:01:43 +00:00
. o-dilation-upgrade--useless-available {
color : var ( --color-pelle--base ) ;
border-color : var ( --color-dilation ) ;
animation : a-dilation-btn-glow 10s infinite ;
cursor : pointer ;
}
. o-dilation-upgrade--useless-available : hover {
2022-04-29 11:18:47 +00:00
color : var ( --color-pelle--secondary ) ;
2022-02-12 12:01:43 +00:00
}
2022-03-10 02:25:47 +00:00
. o-dilation-upgrade--useless-bought {
2022-02-12 12:01:43 +00:00
color : black ;
2022-03-10 02:25:47 +00:00
background-color : var ( --color-pelle--base ) ! important ;
2022-02-12 12:01:43 +00:00
filter : grayscale ( 50 % ) ;
border-color : black ;
}
2019-04-02 23:12:45 +00:00
. o-dilation-upgrade--available {
2021-01-03 02:38:04 +00:00
color : var ( --color-dilation ) ;
border-color : var ( --color-dilation ) ;
2019-04-02 23:12:45 +00:00
animation : a-dilation-btn-glow 10s infinite ;
cursor : pointer ;
}
. o-dilation-upgrade--rebuyable . o-dilation-upgrade--available {
color : # 64ddad ;
border-color : # 64ddad ;
}
. o-dilation-upgrade--available : hover {
background-color : white ;
}
2020-05-07 02:57:56 +00:00
. o-dilation-upgrade--bought , . o-dilation-upgrade--capped {
2019-04-02 23:12:45 +00:00
color : black ;
2021-01-03 02:38:04 +00:00
background-color : var ( --color-dilation ) ;
2019-04-02 23:12:45 +00:00
border-color : black ;
}
2022-02-12 16:22:33 +00:00
. o-dilation-upgrade--useless-unavailable {
2022-03-10 02:25:47 +00:00
background-color : var ( --color-pelle--base ) ! important ;
2022-02-12 16:22:33 +00:00
color : black ;
filter : grayscale ( 90 % ) ;
border-color : black ;
}
. o-dilation-upgrade--useless-unavailable : hover {
background-color : var ( --color-bad ) ;
filter : grayscale ( 0 % ) ;
cursor : default
}
2019-04-02 23:12:45 +00:00
. o-dilation-upgrade--unavailable {
color : # 181818 ;
background-color : # 5f5f5f ;
border-color : # 3e8a0f ;
}
. o-dilation-upgrade--rebuyable . o-dilation-upgrade--unavailable {
border-color : # 64ddad ;
}
. o-dilation-upgrade--unavailable : hover {
color : # 1d1d1d ;
background-color : # 660000 ;
}
. o-dilation-upgrade__description--small-text {
font-size : 0 . 95rem ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-dilation-upgrade {
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-dilation-upgrade--unavailable ,
2021-08-26 15:10:18 +00:00
. t-s1 . o-dilation-upgrade--unavailable {
2019-04-02 23:12:45 +00:00
color : black ;
background-color : # 9e9e9e ;
2019-10-11 00:31:12 +00:00
box-shadow : 0 . 1rem 0 . 1rem 0 . 1rem 0 black ;
2019-04-02 23:12:45 +00:00
border : none ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-dilation-upgrade--unavailable : hover {
2019-04-02 23:12:45 +00:00
background-color : # ef5350 ;
}
. t-s1 . o-dilation-upgrade--unavailable : hover {
background-color : # d72621 ;
}
. t-dark . o-dilation-upgrade {
2019-04-11 12:47:48 +00:00
background-color : black ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-dilation-upgrade--available : hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-dilation-upgrade--available : hover ,
. t-s10 . o-dilation-upgrade--available : hover {
2021-01-03 02:38:04 +00:00
color : var ( --color-dilation ) ;
2019-04-11 12:47:48 +00:00
background-color : white ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-dilation-upgrade--rebuyable . o-dilation-upgrade--available : hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-dilation-upgrade--rebuyable . o-dilation-upgrade--available : hover ,
. t-s10 . o-dilation-upgrade--rebuyable . o-dilation-upgrade--available : hover {
2019-04-11 12:47:48 +00:00
color : # 64ddad ;
2019-04-02 23:12:45 +00:00
}
2020-05-07 02:57:56 +00:00
. t-dark . o-dilation-upgrade--bought , . t-dark . o-dilation-upgrade--capped {
2021-01-03 02:38:04 +00:00
background-color : var ( --color-dilation ) ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-dilation-upgrade--unavailable ,
. t-s10 . o-dilation-upgrade--unavailable {
2019-04-11 12:47:48 +00:00
color : gray ;
2020-04-29 22:04:57 +00:00
background-color : black ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-dilation-upgrade--unavailable {
2019-04-17 20:54:36 +00:00
color : black ;
2019-04-11 12:47:48 +00:00
background-color : # 23292a ;
2019-04-02 23:12:45 +00:00
}
. t-dark . o-dilation-upgrade--unavailable : hover ,
2021-09-29 03:38:24 +00:00
. t-s6 . o-dilation-upgrade--unavailable : hover ,
. t-s10 . o-dilation-upgrade--unavailable : hover {
2019-04-11 12:47:48 +00:00
color : black ;
2019-10-11 00:31:12 +00:00
border-color : var ( --color-bad ) ;
background-color : var ( --color-bad ) ;
2019-04-02 23:12:45 +00:00
}
. t-s4 . o-dilation-upgrade--available {
animation : a-dilation-btn-glow--cancer 10s infinite ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . o-dilation-upgrade--bought ,
. t-s6 . o-dilation-upgrade--capped ,
. t-s10 . o-dilation-upgrade--bought ,
. t-s10 . o-dilation-upgrade--capped {
2021-01-03 02:38:04 +00:00
background : var ( --color-dilation ) ;
2019-04-02 23:12:45 +00:00
}
/*#endregion o-dilation-upgrade*/
2019-07-31 00:09:15 +00:00
2019-04-02 23:12:45 +00:00
. c-tachyon-particle-container {
position : fixed ;
top : 0 ;
left : 0 ;
width : 100 % ;
height : 100 % ;
z-index : -1 ;
}
. o-tachyon-particle {
fill : black ;
}
2021-09-28 20:01:56 +00:00
. s-base--dark . o-tachyon-particle {
2019-04-02 23:12:45 +00:00
fill : white ;
}
/*#endregion Dilation*/
/*#region Modals*/
2019-10-11 00:31:12 +00:00
@ keyframes a-modal-overlay-fadein {
2019-04-02 23:12:45 +00:00
from { background-color : rgba ( 0 , 0 , 0 , 0 ) ; }
to { background-color : rgba ( 60 , 60 , 100 , 0.5 ) ; }
}
. l-modal-overlay {
position : fixed ;
left : 0 ;
top : 0 ;
width : 100vw ;
height : 100vh ;
2022-03-10 02:25:47 +00:00
z-index : 6 ;
2019-10-11 00:31:12 +00:00
animation-name : a-modal-overlay-fadein ;
2019-04-02 23:12:45 +00:00
animation-duration : 2s ;
animation-fill-mode : forwards ;
}
. l-modal {
2020-04-17 14:10:55 +00:00
position : fixed ;
top : 50 % ;
left : 50 % ;
transform : translate ( -50 % , -50 % ) ;
2020-04-20 20:06:16 +00:00
z-index : 7 ;
2019-04-02 23:12:45 +00:00
display : inline-block ;
}
/*#region c-modal*/
. c-modal {
2020-05-14 01:11:34 +00:00
color : var ( --color-text ) ;
2020-09-11 01:47:11 +00:00
background-color : var ( --color-base ) ;
2020-05-14 01:11:34 +00:00
border : 0 . 3rem solid black ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 6rem ;
2019-04-02 23:12:45 +00:00
text-align : center ;
font-family : Typewriter , serif ;
font-size : 1 . 4rem ;
2020-04-29 22:04:57 +00:00
padding : 1rem ;
2019-04-02 23:12:45 +00:00
transition-duration : 0 . 2s ;
}
2022-02-08 00:25:01 +00:00
. c-modal__title {
width : 50rem ;
font-size : 1 . 6rem ;
font-weight : bold ;
}
2019-04-02 23:12:45 +00:00
. c-modal__close-btn {
position : absolute ;
2019-10-11 00:31:12 +00:00
top : 0 . 5rem ;
right : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
}
. c-modal__close-btn--tiny {
transform : scale ( 0 . 5 ) ;
2019-10-11 00:31:12 +00:00
top : -0 . 5rem ;
right : -0 . 5rem ;
2019-04-02 23:12:45 +00:00
}
2022-02-08 00:25:01 +00:00
. l-modal-buttons {
display : flex ;
flex-direction : row ;
justify-content : center ;
}
2022-03-27 20:47:21 +00:00
. c-modal__confirmation-toggle {
2022-04-30 10:01:34 +00:00
cursor : pointer ;
}
. c-modal__confirmation-toggle__checkbox {
display : inline-flex ;
vertical-align : middle ;
2022-03-27 20:47:21 +00:00
justify-content : center ;
align-items : center ;
background : var ( --color-gh-purple ) ;
2022-04-30 10:01:34 +00:00
font-size : 1 . 3rem ;
height : 2rem ;
width : 2rem ;
2022-03-27 20:47:21 +00:00
border : 0 . 3rem solid black ;
2022-04-30 10:01:34 +00:00
border-radius : 0 . 3rem ;
2022-03-27 20:47:21 +00:00
color : black ;
user-select : none ;
transition-duration : 0 . 2s ;
2022-04-30 10:01:34 +00:00
position : relative ;
2022-03-27 20:47:21 +00:00
}
2022-04-30 10:01:34 +00:00
. s-base--metro . c-modal__confirmation-toggle__checkbox {
2022-03-27 20:47:21 +00:00
border-radius : 0 ;
border-width : 0 . 1rem ;
top : -0 . 1rem ;
right : -0 . 1rem ;
}
2022-04-30 10:01:34 +00:00
. t-s6 . c-modal__confirmation-toggle__checkbox ,
. t-s10 . c-modal__confirmation-toggle__checkbox {
2022-03-27 20:47:21 +00:00
border : 0 . 1rem solid # 1b5e20 ;
top : -0 . 1rem ;
right : -0 . 1rem ;
}
2022-04-30 10:01:34 +00:00
. t-s11 . c-modal__confirmation-toggle__checkbox {
2022-03-28 03:54:04 +00:00
border-color : # e1ae18 ;
top : -0 . 2rem ;
}
2022-04-30 10:01:34 +00:00
. c-modal__confirmation-toggle__checkbox--active {
2022-03-27 20:47:21 +00:00
background : var ( --color-good ) ;
}
2022-04-30 10:01:34 +00:00
. c-modal__confirmation-toggle : hover . c-modal__confirmation-toggle__checkbox {
transform : scale ( 1 . 1 ) ;
}
2022-03-27 20:47:21 +00:00
. c-modal__confirmation-toggle__tooltip {
opacity : 0 ;
transition-duration : 0 . 2s ;
font-size : 1 . 4rem ;
color : var ( --color-text ) ;
background-color : var ( --color-base ) ;
border : 0 . 3rem solid black ;
border-radius : 0 . 8rem ;
min-width : 20rem ;
margin-left : 0 ;
padding : 0 . 4rem ;
pointer-events : none ;
position : absolute ;
bottom : 100 % ;
}
. s-base--metro . c-modal__confirmation-toggle__tooltip {
border-radius : 0 ;
border-width : 0 . 1rem ;
}
. t-s6 . c-modal__confirmation-toggle__tooltip ,
. t-s10 . c-modal__confirmation-toggle__tooltip {
border : 0 . 1rem solid # 1b5e20 ;
}
. c-modal__confirmation-toggle__tooltip : after {
position : absolute ;
bottom : 0 ;
left : 50 % ;
margin-left : -0 . 7rem ;
margin-bottom : 0 ;
width : 0 ;
border-top : 0 solid black ;
border-right : 0 . 7rem solid transparent ;
border-left : 0 . 7rem solid transparent ;
content : " " ;
transition-duration : 0 . 2s ;
z-index : 0 ;
}
. c-modal__confirmation-toggle : hover . c-modal__confirmation-toggle__tooltip {
opacity : 1 ;
bottom : calc ( 100 % + 0 . 8rem ) ;
}
. s-base--metro . c-modal__confirmation-toggle : hover . c-modal__confirmation-toggle__tooltip {
bottom : calc ( 100 % + 0 . 7rem ) ;
}
. c-modal__confirmation-toggle : hover . c-modal__confirmation-toggle__tooltip : after {
border-top-width : 0 . 6rem ;
margin-bottom : -0 . 8rem ;
}
. s-base--metro . c-modal__confirmation-toggle : hover . c-modal__confirmation-toggle__tooltip : after {
margin-bottom : -0 . 7rem ;
2022-02-08 00:25:01 +00:00
}
2022-04-30 10:01:34 +00:00
. c-modal__confirmation-toggle__text {
vertical-align : middle ;
opacity : 0 . 7 ;
}
2020-10-04 17:55:11 +00:00
. c-modal__confirm-btn {
background-color : var ( --color-good ) ! important ;
}
. c-modal__confirm-btn : hover {
background-color : var ( --color-good-dark ) ! important ;
}
2019-04-02 23:12:45 +00:00
/*#region themes*/
/*#region t-dark t-dark-metro*/
. t-dark . c-modal {
2019-04-11 12:47:48 +00:00
box-shadow : 0 0 1 . 5rem 0 black ;
2019-04-02 23:12:45 +00:00
}
. t-dark-metro . c-modal {
2019-04-11 12:47:48 +00:00
box-shadow : 0 0 1rem 0 black ;
2019-04-02 23:12:45 +00:00
}
2019-04-17 20:54:36 +00:00
. t-dark h3 ,
. t-dark-metro h3 {
color : # 999 ;
2019-10-11 00:31:12 +00:00
text-shadow : -0 . 1rem 0 . 1rem 0 rgba ( 0 , 0 , 0 , 0 . 5 ) ;
2019-04-17 20:54:36 +00:00
}
2019-04-02 23:12:45 +00:00
/*#endregion t-dark t-dark-metro*/
2019-11-28 05:09:29 +00:00
/*#region t-metro t-dark-metro t-inverted-metro t-s8 */
2019-04-02 23:12:45 +00:00
2021-09-28 20:01:56 +00:00
. s-base--metro . c-modal {
2020-05-14 01:11:34 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
2019-04-02 23:12:45 +00:00
}
2019-11-28 05:09:29 +00:00
/*#endregion t-metro t-dark-metro t-inverted-metro t-s8 */
2019-04-02 23:12:45 +00:00
2021-09-29 03:38:24 +00:00
/*#region t-s6 t-s10*/
2019-04-02 23:12:45 +00:00
2021-09-29 03:38:24 +00:00
. t-s6 . c-modal ,
. t-s10 . c-modal {
2020-04-18 05:41:52 +00:00
border : 0 . 1rem solid # 1b5e20 ;
2019-04-11 12:47:48 +00:00
box-shadow : 0 0 1 . 5rem 0 black ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
/*#endregion t-s6 t-s10*/
2019-04-02 23:12:45 +00:00
/*#region t-s7*/
. t-s7 . c-modal {
2019-04-11 12:47:48 +00:00
filter : saturate ( 0 ) ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-s7*/
/*#region t-s8*/
. t-s8 h3 {
2019-04-11 12:47:48 +00:00
color : black ;
2019-04-02 23:12:45 +00:00
}
/*#endregion t-s8*/
/*#endregion themes*/
/*#endregion c-modal*/
. l-modal-content--centered {
display : flex ;
flex-direction : column ;
justify-content : center ;
align-items : center ;
}
/*#region c-modal-message*/
. c-modal-message {
min-width : 50rem ;
}
. c-modal-message__text {
max-width : 50rem ;
}
. c-modal-message__okay-btn {
2020-05-14 02:00:23 +00:00
margin : 1rem 0 . 5rem 0 ;
2019-04-02 23:12:45 +00:00
}
/*#endregion c-modal-message*/
2020-10-04 17:55:11 +00:00
/*#region c-modal-hard-reset*/
. c-modal-hard-reset-danger {
color : var ( --color-bad ) ;
font-weight : bold ;
}
. c-modal-hard-reset-btn {
margin-top : 0 . 3rem ;
}
. c-modal-hard-reset-info > div {
margin-top : 0 . 2rem ;
}
. c-modal-hard-reset__input {
width : 45rem ;
}
/*#endregion c-modal-hard-reset*/
2020-07-06 01:07:04 +00:00
/*#region c-modal-away-progress*/
. c-modal-away-progress {
display : flex ;
flex-direction : column ;
align-items : center ;
min-width : 40rem ;
2022-03-24 00:22:30 +00:00
}
. t-dark . c-modal-away-progress {
2021-08-11 08:24:31 +00:00
text-shadow :
2022-03-24 00:22:30 +00:00
0 0 0 . 2rem black ,
0 0 0 . 2rem black ,
0 0 0 . 2rem black ,
0 0 0 . 2rem black ;
2020-07-06 01:07:04 +00:00
}
. c-modal-away-progress__header {
width : 35rem ;
font-size : 1 . 5rem ;
font-weight : bold ;
margin-bottom : 1rem ;
}
. c-modal-away-progress__resources div {
margin-bottom : 0 . 2rem ;
padding-bottom : 0 . 2rem ;
2021-07-30 19:52:15 +00:00
border-bottom : 0 . 1rem solid var ( --color-text ) ;
2022-03-24 00:22:30 +00:00
cursor : pointer ;
2020-07-06 01:07:04 +00:00
}
2021-07-30 19:52:15 +00:00
. c-modal-away-progress__resources div : last-child {
2020-07-06 01:07:04 +00:00
border : none ;
}
2021-08-02 16:11:48 +00:00
. c-modal-away-progress b {
font-weight : bold ;
text-shadow :
0 0 0 . 3rem black ,
0 0 0 . 3rem black ,
0 0 0 . 3rem black ,
0 0 0 . 3rem black ;
}
2021-07-31 04:12:32 +00:00
. c-modal-away-progress__dimension-boosts ,
. c-modal-away-progress__antimatter-galaxies ,
2020-07-06 01:07:04 +00:00
. c-modal-away-progress__antimatter {
color : var ( --color-antimatter )
}
. t-dark . c-modal-away-progress__antimatter ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-modal-away-progress__antimatter ,
. t-s10 . c-modal-away-progress__antimatter {
2020-07-06 01:14:39 +00:00
animation : a-game-header__antimatter--glow 25s infinite ;
2020-07-06 01:07:04 +00:00
}
2021-07-31 04:12:32 +00:00
. c-modal-away-progress__infinities ,
2020-07-06 01:07:04 +00:00
. c-modal-away-progress__infinity-points {
color : var ( --color-infinity ) ;
}
2021-07-31 04:12:32 +00:00
. c-modal-away-progress__eternities ,
2020-07-06 01:07:04 +00:00
. c-modal-away-progress__eternity-points {
color : var ( --color-eternity ) ;
}
2021-07-31 04:12:32 +00:00
. c-modal-away-progress__tachyon-particles ,
. c-modal-away-progress__tachyon-galaxies ,
2020-07-06 01:07:04 +00:00
. c-modal-away-progress__dilated-time {
2021-01-03 02:38:04 +00:00
color : var ( --color-dilation ) ;
2022-03-24 00:22:30 +00:00
filter : brightness ( 0 . 8 )
}
. t-dark . c-modal-away-progress__tachyon-particles ,
. t-dark . c-modal-away-progress__tachyon-galaxies ,
. t-dark . c-modal-away-progress__dilated-time {
filter : none
2020-07-06 01:07:04 +00:00
}
2021-07-31 04:12:32 +00:00
. c-modal-away-progress__realities ,
2021-11-10 22:51:41 +00:00
. c-modal-away-progress__achievement-count ,
2021-07-31 04:12:32 +00:00
. c-modal-away-progress__reality-machines ,
. c-modal-away-progress__imaginary-machines {
2020-07-06 01:07:04 +00:00
color : var ( --color-reality ) ;
}
2021-07-31 04:12:32 +00:00
. c-modal-away-progress__dark-matter b ,
. c-modal-away-progress__dark-energy b ,
. c-modal-away-progress__singularities b ,
2021-07-30 03:09:54 +00:00
. c-modal-away-progress__dark-matter ,
2021-07-31 04:12:32 +00:00
. c-modal-away-progress__dark-energy ,
2021-07-30 03:09:54 +00:00
. c-modal-away-progress__singularities {
2020-07-06 01:07:04 +00:00
color : var ( --color-laitela--base ) ;
text-shadow :
0 0 0 . 2rem var ( --color-laitela--accent ) ,
0 0 0 . 2rem var ( --color-laitela--accent ) ,
0 0 0 . 2rem var ( --color-laitela--accent ) ,
0 0 0 . 2rem var ( --color-laitela--accent ) ;
}
2021-07-30 03:09:54 +00:00
. c-modal-away-progress__replicanti-galaxies ,
2020-07-06 01:07:04 +00:00
. c-modal-away-progress__replicanti {
color : # 03a9f4 ;
}
2021-08-16 05:35:37 +00:00
. c-modal-away-progress__teresa-memories {
2022-04-29 11:18:47 +00:00
color : var ( --color-ra-pet--teresa ) ;
2020-07-06 01:07:04 +00:00
}
2021-07-31 04:12:32 +00:00
. c-modal-away-progress__relic-shards ,
2021-08-16 05:35:37 +00:00
. c-modal-away-progress__effarig-memories {
2022-04-29 11:18:47 +00:00
color : var ( --color-ra-pet--effarig ) ;
2020-07-06 01:07:04 +00:00
}
2021-08-16 05:35:37 +00:00
. c-modal-away-progress__enslaved-memories {
2022-04-29 11:18:47 +00:00
color : var ( --color-ra-pet--enslaved ) ;
2020-07-06 01:07:04 +00:00
}
2021-08-16 05:35:37 +00:00
. c-modal-away-progress__v-memories {
2022-04-29 11:18:47 +00:00
color : var ( --color-ra-pet--v ) ;
2020-07-06 01:07:04 +00:00
}
2022-03-24 00:22:30 +00:00
. c-modal-away-progress__teresa-memories ,
. c-modal-away-progress__effarig-memories ,
. c-modal-away-progress__enslaved-memories ,
. c-modal-away-progress__v-memories {
filter : brightness ( 0 . 8 ) ;
}
. t-dark . c-modal-away-progress__teresa-memories ,
. t-dark . c-modal-away-progress__effarig-memories ,
. t-dark . c-modal-away-progress__enslaved-memories ,
. t-dark . c-modal-away-progress__v-memories {
filter : none
}
2021-08-16 05:03:21 +00:00
. c-modal-away-progress__black-hole b ,
2020-07-10 01:42:24 +00:00
. c-modal-away-progress__black-hole {
color : black ;
2021-08-16 05:03:21 +00:00
text-shadow :
0 0 0 . 2rem # e67919 ,
0 0 0 . 3rem # e67919 ;
2020-07-10 01:42:24 +00:00
}
2022-03-23 12:55:29 +00:00
. c-modal-away-progress__reality-shards {
color : var ( --color-pelle--base ) ;
}
2021-12-13 17:08:44 +00:00
. c-modal-away-progress__disabled b ,
. c-modal-away-progress__disabled {
2021-12-04 17:56:54 +00:00
text-decoration : line-through ;
color : # 303030 ;
font-style : italic ;
2021-12-13 17:08:44 +00:00
text-shadow : 0 0 0 . 3rem # 303030 ;
animation : none ;
2021-12-04 17:56:54 +00:00
}
2020-07-06 01:07:04 +00:00
/*#endregion c-modal-away-progress*/
2019-04-02 23:12:45 +00:00
/*#region c-modal-import*/
2019-09-29 19:17:26 +00:00
. c-modal-import__save-info > div {
2019-10-11 00:31:12 +00:00
margin-top : 0 . 2rem ;
2019-04-02 23:12:45 +00:00
}
. c-modal-import__warning {
font-size : 1rem ;
}
. c-modal-import__input {
width : 45rem ;
}
/*#endregion c-modal-import*/
2019-07-21 17:45:36 +00:00
/*#region c-modal-import-tree*/
. c-modal-import-tree {
2020-05-14 01:21:55 +00:00
width : 48rem ;
2021-11-18 19:57:03 +00:00
word-break : break-word ;
2019-07-21 17:45:36 +00:00
}
2019-09-29 19:17:26 +00:00
. l-modal-import-tree__tree-info-line {
2019-10-11 00:31:12 +00:00
margin-top : 0 . 2rem ;
2019-07-21 17:45:36 +00:00
}
. c-modal-import-tree__warning {
font-size : 1rem ;
}
. c-modal-import-tree__input {
width : 45rem ;
}
. c-modal-import-tree__import-btn {
2019-10-11 00:31:12 +00:00
margin-top : 0 . 3rem ;
2019-07-21 17:45:36 +00:00
}
/*#endregion c-modal-import-tree*/
2019-04-02 23:12:45 +00:00
. c-modal-input {
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid black ;
2019-04-02 23:12:45 +00:00
background-color : # F2F2F2 ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 3rem ;
2019-04-02 23:12:45 +00:00
text-align : center ;
}
. c-modal-options {
width : 30rem ;
2020-04-19 03:29:16 +00:00
}
2021-12-14 01:39:25 +00:00
. c-modal-options__large {
width : 50rem ;
}
2020-04-22 12:56:28 +00:00
. c-modal-options . o-primary-btn--option , . o-primary-btn--option-wide {
2020-04-19 03:29:16 +00:00
padding : 0 . 5rem ;
2021-08-01 02:01:46 +00:00
margin : 0 . 5rem ;
2020-04-19 03:29:16 +00:00
}
. c-modal-options . o-primary-btn--width-medium {
margin-top : 0 . 7rem ;
2019-04-02 23:12:45 +00:00
}
2021-08-01 02:01:46 +00:00
. c-modal-options__button-container {
display : flex ;
flex-wrap : wrap ;
justify-content : center ;
}
2019-04-02 23:12:45 +00:00
/*#region l-modal-options*/
. l-modal-options {
display : flex ;
flex-direction : column ;
align-items : center ;
justify-content : space-evenly ;
}
. l-modal-options__save-record {
display : flex ;
flex-direction : column ;
align-items : center ;
2020-04-19 03:29:16 +00:00
margin-bottom : 1rem ;
2019-04-02 23:12:45 +00:00
}
/*#endregion l-modal-options*/
2019-04-11 22:09:32 +00:00
. l-modal-store-content {
display : flex ;
2019-08-23 16:58:28 +00:00
align-items : center ;
2019-04-11 22:09:32 +00:00
}
. l-modal-store-content > img {
2019-08-23 16:58:28 +00:00
height : 25rem ;
2019-04-11 22:09:32 +00:00
}
. c-modal-store-buttons {
display : flex ;
flex-direction : column ;
justify-content : center ;
}
. c-modal-store-btn-container {
display : flex ;
align-items : center ;
margin-bottom : 1 . 5rem ;
}
. o-modal-store-label {
margin-right : 1 . 5rem ;
font-family : Typewriter ;
font-size : 2rem ;
min-width : 10rem ;
text-align : right ;
}
. o-modal-store-btn {
2019-08-23 16:58:28 +00:00
padding : 0 . 8rem ;
2019-04-11 22:09:32 +00:00
border : none ;
background : burlywood ;
border-radius : . 5rem ;
font-family : Typewriter ;
font-size : 2rem ;
cursor : pointer ;
2020-04-11 08:25:30 +00:00
transition-duration : 0 . 15s ;
2019-04-11 22:09:32 +00:00
display : flex ;
align-items : center ;
justify-content : center ;
min-width : 12rem ;
}
. o-modal-store-btn : hover {
background : rgb ( 184 , 146 , 97 ) ;
}
. o-modal-store-btn img {
height : 4rem ;
margin-left : 1rem ;
}
2022-01-23 15:01:34 +00:00
/*#region c-modal-hotkeys*/
2019-04-15 23:00:46 +00:00
2022-01-23 15:01:34 +00:00
. c-modal-hotkeys {
2019-04-15 23:00:46 +00:00
font-size : 1 . 25rem ;
}
2022-01-23 15:01:34 +00:00
. l-modal-hotkeys {
2019-04-15 23:00:46 +00:00
display : flex ;
flex-direction : row ;
}
2022-01-23 15:01:34 +00:00
. l-modal-hotkeys__column {
2019-04-15 23:00:46 +00:00
width : 25rem ;
display : flex ;
flex-direction : column ;
}
2022-01-23 15:01:34 +00:00
. l-modal-hotkeys__column--right {
2019-04-15 23:00:46 +00:00
margin-left : 1rem ;
}
2022-01-23 15:01:34 +00:00
. l-modal-hotkeys-row {
2019-04-15 23:00:46 +00:00
display : flex ;
flex-direction : row ;
2019-04-17 04:05:43 +00:00
line-height : 1 . 6rem ;
2019-04-15 23:00:46 +00:00
padding-bottom : 0 . 3rem ;
}
2022-01-23 15:01:34 +00:00
. c-modal-hotkeys-row__name {
2019-04-15 23:00:46 +00:00
text-align : left ;
}
2022-01-23 15:01:34 +00:00
. l-modal-hotkeys-row__name {
2019-04-15 23:00:46 +00:00
flex : 1 1 auto ;
}
2022-01-23 15:01:34 +00:00
. c-modal-hotkeys__shift-description {
2019-04-15 23:00:46 +00:00
text-align : left ;
font-size : 1rem ;
}
kbd {
background-color : # fafbfc ;
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid # d1d5da ;
2019-04-15 23:00:46 +00:00
border-bottom-color : # c6cbd1 ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 3rem ;
box-shadow : inset 0 -0 . 1rem 0 # c6cbd1 ;
2019-04-15 23:00:46 +00:00
color : # 444d56 ;
display : inline-block ;
font : 1 . 1rem SFMono-Regular , Consolas , Liberation Mono , Menlo , Courier , monospace ;
line-height : 1rem ;
2019-10-11 00:31:12 +00:00
padding : 0 . 3rem 0 . 5rem ;
2019-04-15 23:00:46 +00:00
vertical-align : middle ;
}
2019-04-17 20:54:36 +00:00
. t-dark kbd , . t-dark-metro kbd {
background-color : # 212b36 ;
border-color : # 464e58 ;
border-bottom-color : # 4f5863 ;
box-shadow : inset 0 -0 . 1rem 0 # 4f5863 ;
color : # a9b3bc ;
}
2022-01-23 15:01:34 +00:00
/*#endregion c-modal-hotkeys*/
2019-04-15 23:00:46 +00:00
2021-12-15 04:58:15 +00:00
. l-modal-split-preferences {
display : flex ;
flex-direction : row ;
align-items : center ;
}
2019-09-17 20:01:53 +00:00
. l-modal-celestial-quote {
position : fixed ;
z-index : 3 ;
display : flex ;
flex-direction : row ;
justify-content : space-between ;
align-items : center ;
left : 50vw ;
top : 50vh ;
2021-10-31 06:28:28 +00:00
width : 30rem ;
height : 30rem ;
2019-09-17 20:01:53 +00:00
transform : translate ( -50 % , -50 % ) ;
}
2021-10-31 06:28:28 +00:00
. c-modal-cestial-quote__symbol {
position : absolute ;
display : flex ;
justify-content : center ;
align-items : center ;
left : 0 ;
font-size : 25rem ;
opacity : 0 . 2 ;
2021-11-01 15:57:45 +00:00
text-shadow : 0 0 2rem ;
2021-10-31 06:28:28 +00:00
width : 100 % ;
height : 100 % ;
pointer-events : none ;
}
. c-modal-celestial-quote--teresa {
color : var ( --color-teresa--base ) ;
background-color : black ;
border-color : var ( --color-teresa--base ) ;
box-shadow : 0 0 1rem var ( --color-teresa--base ) , 0 0 1rem var ( --color-teresa--base ) inset ;
}
. c-modal-celestial-quote--effarig {
color : var ( --color-effarig--base ) ;
background-color : black ;
border-color : var ( --color-effarig--base ) ;
box-shadow : 0 0 1rem var ( --color-effarig--base ) , 0 0 1rem var ( --color-effarig--base ) inset ;
}
. c-modal-celestial-quote--enslaved {
2022-04-29 11:18:47 +00:00
color : var ( --color-enslaved--base ) ;
2021-10-31 06:28:28 +00:00
background-color : black ;
2022-04-29 11:18:47 +00:00
border-color : var ( --color-enslaved--base ) ;
box-shadow : 0 0 1rem var ( --color-enslaved--base ) , 0 0 1rem var ( --color-enslaved--base ) inset ;
2021-10-31 06:28:28 +00:00
}
. c-modal-celestial-quote--v {
color : var ( --color-v--base ) ;
background-color : black ;
border-color : var ( --color-v--base ) ;
box-shadow : 0 0 1rem var ( --color-v--base ) , 0 0 1rem var ( --color-v--base ) inset ;
}
. c-modal-celestial-quote--ra {
2022-04-29 11:18:47 +00:00
color : var ( --color-ra--base ) ;
2021-10-31 06:28:28 +00:00
background-color : black ;
2022-04-29 11:18:47 +00:00
border-color : var ( --color-ra--base ) ;
box-shadow : 0 0 1rem var ( --color-ra--base ) , 0 0 1rem var ( --color-ra--base ) inset ;
2021-10-31 06:28:28 +00:00
}
. c-modal-celestial-quote--laitela {
color : var ( --color-laitela--accent ) ;
background-color : var ( --color-laitela--base ) ;
border-color : var ( --color-laitela--accent ) ;
box-shadow : 0 0 1rem var ( --color-laitela--accent ) , 0 0 1rem var ( --color-laitela--accent ) inset ;
}
2022-02-18 13:57:36 +00:00
. c-modal-celestial-quote--pelle {
color : var ( --color-pelle--base ) ;
background-color : black ;
border-color : var ( --color-pelle--base ) ;
box-shadow : 0 0 1rem var ( --color-pelle--base ) , 0 0 1rem var ( --color-pelle--base ) inset ;
}
2019-09-17 20:01:53 +00:00
. c-modal-celestial-quote__arrow {
font-size : 150 % ;
margin : 0 . 5rem ;
2021-10-31 06:28:28 +00:00
cursor : pointer ;
}
. c-modal-celestial-quote__end {
position : absolute ;
font-size : 150 % ;
cursor : pointer ;
left : calc ( 50 % - 1rem ) ;
bottom : 1 . 5rem ;
2019-09-17 20:01:53 +00:00
}
. l-modal-celestial-quote__text {
display : flex ;
flex-direction : column ;
justify-content : center ;
height : 100 % ;
}
. l-modal-celestial-quote__buttons {
display : flex ;
flex-direction : column ;
justify-content : space-between ;
height : 100 % ;
}
2019-04-02 23:12:45 +00:00
/*#endregion Modals*/
. l-notification-container {
display : flex ;
flex-direction : column-reverse ;
align-items : flex-end ;
position : fixed ;
top : 0 ;
right : 0 ;
2019-10-11 00:31:12 +00:00
margin-top : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
margin-right : 1rem ;
z-index : 1000 ;
}
/*#region o-notification*/
. o-notification {
2019-10-11 00:31:12 +00:00
padding : 0 . 8rem 1 . 5rem ;
margin-top : 0 . 3rem ;
2019-04-02 23:12:45 +00:00
color : black ;
background-color : white ;
font-size : 1 . 3rem ;
font-family : TypeWriter , serif ;
font-weight : bold ;
white-space : nowrap ;
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid ;
2019-04-02 23:12:45 +00:00
cursor : pointer ;
}
. o-notification--success {
background-color : # dbd800 ;
border-color : # bab700 ;
}
. o-notification--error {
background-color : # bf352d ;
border-color : # 330000 ;
}
. o-notification--info {
background-color : # 48c0e8 ;
border-color : # 4980cc ;
}
2020-09-19 07:24:03 +00:00
. o-notification--eternity {
background-color : var ( --color-eternity ) ;
border-color : var ( --color-eternity ) ;
}
2020-04-19 15:12:04 +00:00
. o-notification--reality {
2020-08-24 11:28:08 +00:00
background-color : var ( --color-reality ) ;
border-color : var ( --color-reality ) ;
2020-04-19 15:12:04 +00:00
}
2022-02-19 09:51:14 +00:00
. o-notification--strike {
background-color : var ( --color-pelle--base ) ;
border-color : var ( --color-pelle--base ) ;
}
2019-04-05 21:25:09 +00:00
. o-notification--black-hole {
background-color : # b341e0 ;
border-color : black ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-notification--success {
2019-04-17 20:54:36 +00:00
background-color : # ffeb3b ;
border-color : # f9a825 ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-notification--error {
2019-04-17 20:54:36 +00:00
background-color : # f44336 ;
border-color : # c62828 ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-notification--info {
2019-04-17 20:54:36 +00:00
background-color : # 03a9f4 ;
border-color : # 0277bd ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-notification--black-hole {
2019-04-17 20:54:36 +00:00
background-color : # 9c27b0 ;
border-color : # 6a1b9a ;
}
2019-04-02 23:12:45 +00:00
. a-notification--enter {
animation : a-notification--enter 0 . 5s ease-out ;
animation-fill-mode : both ;
}
@ keyframes a-notification--enter {
0 % { transform : translateX ( 125 % ) }
50 % { transform : translateX ( -2 rem ) }
75 % { transform : translateX ( 1 rem ) }
100 % { transform : translateX ( 0 ) }
}
. a-notification--leave {
transform : translateX ( 125 % ) ;
transition : transform 0 . 25s ease-in ;
}
/*#endregion o-notification*/
/*#region component*/
/*#endregion component*/
2019-09-17 20:01:53 +00:00
. o-celestial-quote-history {
display : flex ;
flex-direction : row ;
align-items : stretch ;
justify-content : space-evenly ;
2020-05-30 02:42:48 +00:00
margin : 1rem 0 ;
width : 70rem ;
2019-09-17 20:01:53 +00:00
}
. l-celestial-quote-history__lines {
font-size : 1 . 9rem ;
line-height : 1 . 6em ;
display : flex ;
flex-direction : column ;
align-items : center ;
flex-grow : 1 ;
}
. c-celestial-quote-history__line {
font-weight : bold ;
font-style : italic ;
}
. l-celestial-quote-history__buttons {
display : flex ;
flex-direction : column ;
align-items : center ;
margin : 1rem 0 0 . 5rem 1 . 5rem ;
}
. c-celestial-quote-history__button {
font-size : 1 . 5rem ;
2020-05-30 02:42:48 +00:00
margin-bottom : 0 . 5rem ;
2019-09-17 20:01:53 +00:00
}
. c-celestial-quote-history__button--enabled {
cursor : pointer ;
}
. c-celestial-quote-history__button--disabled {
opacity : 0 . 6 ;
}
2019-04-02 23:12:45 +00:00
/*#region Teresa tab*/
2019-09-17 20:01:53 +00:00
. l-teresa-celestial-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
}
2019-04-02 23:12:45 +00:00
. l-mechanics-container {
display : flex ;
justify-content : center ;
}
. l-teresa-mechanic-container {
min-width : 40rem ;
}
. l-rm-container {
min-width : 13rem ;
}
2020-04-30 23:38:20 +00:00
. l-rm-container-labels {
min-width : 22rem ;
}
2019-04-02 23:12:45 +00:00
. c-rm-store {
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid black ;
2019-04-02 23:12:45 +00:00
height : 50rem ;
width : 13rem ;
margin : auto ;
position : relative ;
}
. c-rm-store-inner {
position : absolute ;
2020-06-07 04:24:24 +00:00
background : var ( --color-teresa--base ) ;
2019-04-02 23:12:45 +00:00
bottom : 0 ;
left : 0 ;
width : 100 % ;
}
2021-07-12 05:01:33 +00:00
. c-rm-store-inner--light {
2021-07-12 05:17:01 +00:00
opacity : 0 . 5 ;
2021-07-12 05:01:33 +00:00
}
2019-04-02 23:12:45 +00:00
. c-rm-store-label {
position : absolute ;
bottom : 0 ;
width : 100 % ;
2020-06-07 04:24:24 +00:00
color : black ;
2019-04-02 23:12:45 +00:00
font-weight : bold ;
}
. c-teresa-unlock-description {
2020-06-07 04:24:24 +00:00
color : var ( --color-text ) ;
2019-04-02 23:12:45 +00:00
position : absolute ;
2022-03-15 11:25:27 +00:00
width : 100 % ;
2022-03-15 13:36:34 +00:00
height : 3rem ;
display : flex ;
align-items : center ;
2022-03-15 11:25:27 +00:00
}
. c-teresa-milestone-line {
2022-03-15 11:35:12 +00:00
height : 0 . 2rem ;
2022-03-15 13:36:34 +00:00
background-color : var ( --color-teresa--base ) ;
2022-03-15 11:25:27 +00:00
width : 100 % ;
2022-03-15 11:35:12 +00:00
}
2022-03-16 15:04:46 +00:00
2022-03-15 11:35:12 +00:00
. c-teresa-milestone-line--attained {
2022-03-16 15:04:46 +00:00
background-color : rgba ( 0 , 0 , 0 , 0 . 5 ) ;
2019-04-02 23:12:45 +00:00
}
. o-teresa-quotes {
display : inline-block ;
2020-04-29 22:04:57 +00:00
margin : 1 . 5rem ;
2019-04-02 23:12:45 +00:00
font-size : 1 . 9rem ;
font-weight : bold ;
font-style : italic ;
}
. o-quote-button {
background : transparent ;
border : none ;
font-weight : bold ;
font-size : 3rem ;
cursor : pointer ;
}
. c-teresa-unlock {
width : 20rem ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
padding : 1rem ;
2022-03-16 15:43:22 +00:00
margin : 0 10rem 1rem 10rem ;
2020-04-11 08:25:30 +00:00
transition-duration : 0 . 15s ;
2019-04-02 23:12:45 +00:00
user-select : none ;
2020-06-07 04:24:24 +00:00
background-color : var ( --color-teresa--base ) ;
font-weight : bold ;
2019-10-11 00:31:12 +00:00
border : none ;
2020-06-07 04:24:24 +00:00
color : var ( --color-teresa--accent ) ;
2019-04-02 23:12:45 +00:00
}
. c-teresa-run-button {
2020-06-07 04:24:24 +00:00
color : var ( --color-teresa--base ) ;
border : 0 . 2rem solid var ( --color-teresa--base ) ;
background-color : var ( --color-teresa--accent ) ;
font-weight : bold ;
2020-06-04 05:40:29 +00:00
}
. c-teresa-run-button__icon {
2020-06-07 04:24:24 +00:00
color : var ( --color-teresa--base ) ;
2020-06-04 05:40:29 +00:00
font-weight : bold ;
font-size : 7rem ;
text-shadow : 0 . 1rem 0 . 1rem 0 . 5rem ;
2019-04-02 23:12:45 +00:00
cursor : pointer ;
2020-06-04 05:40:29 +00:00
height : 12rem ;
width : 12rem ;
border-radius : 50 % ;
2020-06-07 04:24:24 +00:00
background-color : var ( --color-teresa--accent ) ;
2020-06-04 05:40:29 +00:00
align-items : center ;
margin : 1 . 5rem auto ;
2020-06-07 04:24:24 +00:00
border : 0 . 4rem solid var ( --color-teresa--base ) ;
2020-06-04 05:40:29 +00:00
animation : a-teresa-run-button__icon--glow 3s infinite ;
transition-duration : 0 . 2s ;
2019-04-02 23:12:45 +00:00
}
2020-06-04 05:40:29 +00:00
. c-teresa-run-button__icon : hover {
2020-06-07 04:24:24 +00:00
color : var ( --color-teresa--accent ) ;
background-color : var ( --color-teresa--base ) ;
2019-04-02 23:12:45 +00:00
}
2020-06-04 05:40:29 +00:00
. c-teresa-run-button__icon--running {
2020-06-07 04:24:24 +00:00
color : var ( --color-teresa--accent ) ;
background-color : var ( --color-teresa--base ) ;
border-color : var ( --color-teresa--accent ) ;
2020-06-04 05:40:29 +00:00
animation : a-teresa-run-button__icon--super-glow 1 . 2s infinite , a-teresa-run-button__icon--spin 5s infinite ;
}
@ keyframes a-teresa-run-button__icon--glow {
0 % { text-shadow : 0.1 rem 0.1 rem 0.3 rem ; }
50 % { text-shadow : 0.1 rem 0.1 rem 0.8 rem ; }
100 % { text-shadow : 0.1 rem 0.1 rem 0.3 rem ; }
}
@ keyframes a-teresa-run-button__icon--super-glow {
2020-06-07 04:24:24 +00:00
0 % { text-shadow : 0.1 rem 0.1 rem 0.3 rem ; box-shadow : 0 0 0.3 rem var ( - - color - teresa - - base ) ; }
50 % { text-shadow : 0.1 rem 0.1 rem 0.9 rem ; box-shadow : 0 0 1 rem var ( - - color - teresa - - base ) ; }
100 % { text-shadow : 0.1 rem 0.1 rem 0.3 rem ; box-shadow : 0 0 0.3 rem var ( - - color - teresa - - base ) ; }
2020-06-04 05:40:29 +00:00
}
@ keyframes a-teresa-run-button__icon--spin {
0 % { transform : rotate ( 61 deg ) ; }
10 % { transform : rotate ( 322 deg ) ; }
20 % { transform : rotate ( 235 deg ) ; }
30 % { transform : rotate ( 222 deg ) ; }
40 % { transform : rotate ( 105 deg ) ; }
50 % { transform : rotate ( 33 deg ) ; }
60 % { transform : rotate ( 103 deg ) ; }
70 % { transform : rotate ( 158 deg ) ; }
80 % { transform : rotate ( 41 deg ) ; }
90 % { transform : rotate ( 73 deg ) ; }
100 % { transform : rotate ( 61 deg ) ; }
}
2019-04-02 23:12:45 +00:00
. c-teresa-shop {
display : flex ;
flex-direction : column ;
width : 20rem ;
2022-03-16 15:43:22 +00:00
margin-left : 18rem ;
margin-right : 2rem ;
2019-04-02 23:12:45 +00:00
}
. o-teresa-shop-button {
2020-06-07 04:24:24 +00:00
color : black ;
background-color : var ( --color-disabled ) ;
2019-04-02 23:12:45 +00:00
padding : 1rem ;
2020-06-07 04:24:24 +00:00
border : 0 . 2rem solid var ( --color-teresa--base ) ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
margin-bottom : 1rem ;
font-family : Typewriter , serif ;
font-size : 1rem ;
2020-06-07 04:24:24 +00:00
font-weight : bold ;
2020-04-11 08:25:30 +00:00
transition-duration : 0 . 15s ;
2019-04-02 23:12:45 +00:00
}
2020-06-07 04:24:24 +00:00
. o-teresa-shop-button--available {
color : var ( --color-teresa--base ) ;
background-color : var ( --color-teresa--accent ) ;
cursor : pointer ;
2019-04-02 23:12:45 +00:00
}
2020-06-07 04:24:24 +00:00
. o-teresa-shop-button--available : hover {
color : var ( --color-teresa--accent ) ;
background-color : var ( --color-teresa--base ) ;
2019-10-11 00:31:12 +00:00
}
2020-06-07 04:24:24 +00:00
. o-teresa-shop-button--capped {
color : var ( --color-teresa--accent ) ;
background-color : var ( --color-teresa--base ) ;
2019-10-11 00:31:12 +00:00
}
2020-06-07 04:24:24 +00:00
. c-teresa-pour {
font-size : 2rem ;
width : 13rem ;
padding : 0 . 5rem ;
margin-bottom : 1rem
}
. c-teresa-pour--unlock-available {
animation : a-teresa-pour--unlock-available 3s infinite ;
}
@ keyframes a-teresa-pour--unlock-available {
0 % { box-shadow : 0 0 0.3 rem var ( - - color - teresa - - base ) inset ; }
50 % { box-shadow : 0 0 1 rem var ( - - color - teresa - - base ) inset ; }
100 % { box-shadow : 0 0 0.3 rem var ( - - color - teresa - - base ) inset ; }
2019-04-17 20:54:36 +00:00
}
2019-04-11 12:47:48 +00:00
2021-09-28 20:01:56 +00:00
. s-base--metro . c-teresa-run-button ,
. s-base--metro . c-teresa-unlock ,
. s-base--metro . o-teresa-shop-button {
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
2019-10-11 18:03:25 +00:00
border-width : 0 . 1rem ;
2019-04-17 20:54:36 +00:00
}
2019-04-02 23:12:45 +00:00
. c-effarig-relics {
padding : 20px ;
font-size : 1 . 5em ;
}
/*#endregion Teresa tab*/
/* #region effarig tab */
2020-06-07 04:24:24 +00:00
. c-effarig-shop-button {
2019-04-02 23:12:45 +00:00
display : flex ;
align-items : center ;
justify-content : center ;
flex-direction : column ;
line-height : 1 . 5 ;
2020-04-30 23:38:20 +00:00
width : 35rem ;
2019-04-02 23:12:45 +00:00
padding : 1rem ;
font-size : 2rem ;
2020-06-07 04:24:24 +00:00
background : var ( --color-disabled ) ;
color : black ;
2019-04-02 23:12:45 +00:00
border : none ;
border-radius : 0 . 5rem ;
margin : 1rem ;
2020-06-07 04:24:24 +00:00
transition-duration : 0 . 2s ;
2019-04-02 23:12:45 +00:00
}
2020-06-07 04:24:24 +00:00
. c-effarig-shop-button--bought {
background-color : var ( --color-effarig--base ) ;
color : black ;
cursor : default ;
border : 0 . 2rem solid black ;
box-shadow : 0 . 1rem 0 . 1rem 0 . 3rem rgba ( 0 , 0 , 0 , 0 . 7 ) ;
2019-04-02 23:12:45 +00:00
}
2020-06-07 04:24:24 +00:00
. c-effarig-shop-button--available {
color : white ;
background-color : var ( --color-effarig--base ) ;
box-shadow : 0 0 0 . 5rem var ( --color-effarig--base ) , 0 0 0 . 5rem var ( --color-effarig--base ) inset ;
cursor : pointer ;
}
. c-effarig-shop-button--available : hover {
background-color : black ;
color : var ( --color-effarig--base ) ;
2019-04-02 23:12:45 +00:00
}
. l-effarig-run-button {
display : flex ;
align-items : center ;
justify-content : center ;
flex-direction : column ;
width : 15rem ;
height : 15rem ;
border-radius : 50 % ;
border-style : none ;
position : relative ;
margin : 2rem ;
}
. c-effarig-run-button {
font-size : 10rem ;
font-weight : bold ;
2019-06-21 21:23:46 +00:00
user-select : none ;
cursor : pointer ;
2020-06-07 04:24:24 +00:00
transition-duration : 0 . 2s ;
2019-04-02 23:12:45 +00:00
}
. c-effarig-run-button--not-running {
2020-06-07 04:24:24 +00:00
background-color : var ( --color-effarig--base ) ;
2019-04-02 23:12:45 +00:00
color : white ;
z-index : 0 ;
2019-10-11 00:31:12 +00:00
-webkit-animation : a-effarig-run-button--not-running-glow 2s ease-in-out infinite alternate ;
-moz-animation : a-effarig-run-button--not-running-glow 2s ease-in-out infinite alternate ;
animation : a-effarig-run-button--not-running-glow 2s ease-in-out infinite alternate ;
2019-04-02 23:12:45 +00:00
}
. c-effarig-run-button--not-running : hover {
background-color : black ;
2020-09-10 05:27:05 +00:00
color : var ( --color-effarig--base ) ;
2019-04-02 23:12:45 +00:00
}
2019-10-11 00:31:12 +00:00
@ keyframes a-effarig-run-button--not-running-glow {
2019-04-02 23:12:45 +00:00
from {
2020-06-07 04:24:24 +00:00
text-shadow : 0 0 1rem black , 0 0 2rem black , 0 0 3rem # cb1a1a , 0 0 4rem # cb1a1a , 0 0 5rem # cb1a1a , 0 0 6rem # cb1a1a , 0 0 7rem # cb1a1a ;
box-shadow : 0 0 0 . 5rem # cb1a1a , 0 0 1rem # cb1a1a , 0 0 1 . 5rem # cb1a1a ;
2019-04-02 23:12:45 +00:00
}
to {
2020-06-07 04:24:24 +00:00
text-shadow : 0 0 2rem black , 0 0 3rem # bf0404 , 0 0 4rem # bf0404 , 0 0 5rem # bf0404 , 0 0 6rem # bf0404 , 0 0 7rem # bf0404 , 0 0 8rem # bf0404 ;
box-shadow : 0 0 0 . 5rem # bf0404 , 0 0 1rem # bf0404 , 0 0 1 . 5rem # bf0404 , 0 0 2rem # bf0404 ;
2019-04-02 23:12:45 +00:00
}
}
. c-effarig-run-button--running {
background : black ;
z-index : 0 ;
2019-10-11 00:31:12 +00:00
-webkit-animation : a-effarig-run-button--running-glow 2s infinite alternate ;
-moz-animation : a-effarig-run-button--running-glow 2s infinite alternate ;
animation : a-effarig-run-button--running-glow 2s infinite alternate ;
2019-04-02 23:12:45 +00:00
}
. c-effarig-run-button--running : hover {
background : # 400000 ;
}
2022-03-29 21:31:17 +00:00
. c-effarig-run-button__inner--running ,
. c-effarig-run-button__inner--not-running {
margin-top : -3rem ;
}
2019-04-02 23:12:45 +00:00
. c-effarig-run-button__inner--running {
background-image : url ( "../images/noise.png" ) ;
-webkit-background-clip : text ;
background-clip : text ;
-webkit-text-fill-color : rgba ( 255 , 0 , 0 , 0 . 5 ) ;
2019-10-11 00:31:12 +00:00
-webkit-animation : a-effarig-run-button--running-noise 15s infinite alternate ;
-moz-animation : a-effarig-run-button--running-noise 15s infinite alternate ;
animation : a-effarig-run-button--running-noise 15s infinite alternate ;
2019-04-02 23:12:45 +00:00
position : relative ;
}
. c-effarig-run-button__inner--running : after {
background : none ;
content : attr ( button-symbol ) ;
z-index : -1 ;
position : absolute ;
2019-10-11 00:31:12 +00:00
-webkit-animation : a-effarig-run-button__inner--running-glow 2s infinite alternate ;
-moz-animation : a-effarig-run-button__inner--running-glow 2s infinite alternate ;
animation : a-effarig-run-button__inner--running-glow 2s infinite alternate ;
2019-04-02 23:12:45 +00:00
left : 0 ;
top : 0 ;
}
2019-10-11 00:31:12 +00:00
@ keyframes a-effarig-run-button--running-noise {
2019-04-02 23:12:45 +00:00
0 % { -webkit- text-fill-color : rgba ( 255 , 0 , 0 , 1 ) ; }
20 % {
-webkit-text-fill-color : rgba ( 255 , 0 , 0 , 1 ) ;
background-position : -50px 0 ;
}
22 % {
-webkit-text-fill-color : rgba ( 255 , 0 , 0 , 0 . 5 ) ;
background-position : 100px -10px ;
}
24 % {
-webkit-text-fill-color : rgba ( 255 , 0 , 0 , 1 ) ;
background-position : 0 -150px ;
}
50 % {
-webkit-text-fill-color : rgba ( 255 , 0 , 0 , 1 ) ;
background-position : -50px 0 ;
}
51 % {
-webkit-text-fill-color : rgba ( 255 , 0 , 0 , 0 . 5 ) ;
background-position : 100px -10px ;
}
52 % {
-webkit-text-fill-color : rgba ( 255 , 0 , 0 , 1 ) ;
background-position : 0 -150px ;
}
54 % {
-webkit-text-fill-color : rgba ( 255 , 0 , 0 , 1 ) ;
background-position : 50px 0 ;
}
56 % {
-webkit-text-fill-color : rgba ( 255 , 0 , 0 , 0 . 5 ) ;
background-position : -100px 10px ;
}
58 % {
-webkit-text-fill-color : rgba ( 255 , 0 , 0 , 1 ) ;
background-position : 0 50px ;
}
90 % {
-webkit-text-fill-color : rgba ( 255 , 0 , 0 , 1 ) ;
background-position : 50px 50px ;
}
91 % {
-webkit-text-fill-color : rgba ( 255 , 0 , 0 , 0 . 5 ) ;
background-position : 100px -110px ;
}
92 % {
-webkit-text-fill-color : rgba ( 255 , 0 , 0 , 1 ) ;
background-position : 0 70px ;
}
100 % { -webkit- text-fill-color : rgba ( 255 , 0 , 0 , 1 ) ; }
}
2019-10-11 00:31:12 +00:00
@ keyframes a-effarig-run-button--running-glow {
2019-04-02 23:12:45 +00:00
from {
2020-06-07 04:24:24 +00:00
box-shadow : 0 0 0 . 5rem # c20707 inset , 0 0 1rem # c20707 inset , 0 0 1 . 5rem # c20707 inset , 0 0 1 . 5rem # c20707 , 0 0 1 . 5rem # c20707 , 0 0 1 . 5rem # c20707 ;
2019-04-02 23:12:45 +00:00
}
to {
2020-06-07 04:24:24 +00:00
box-shadow : 0 0 0 . 5rem # e21717 inset , 0 0 1rem # e21717 inset , 0 0 1 . 5rem # e21717 inset , 0 0 1 . 5rem # e21717 , 0 0 1 . 5rem # e21717 , 0 0 1 . 5rem # e21717 , 0 0 2rem # e21717 inset , 0 0 2rem # e21717 ;
2019-04-02 23:12:45 +00:00
}
}
2019-10-11 00:31:12 +00:00
@ keyframes a-effarig-run-button__inner--running-glow {
2019-04-02 23:12:45 +00:00
from {
text-shadow : 0 0 0 . 5rem # a20707 , 0 0 1rem # a20707 , 0 0 1 . 5rem # a20707 ;
}
to {
text-shadow : 0 0 0 . 5rem # c21717 , 0 0 1rem # c21717 , 0 0 1 . 5rem # c21717 , 0 0 2rem # c21717 ;
}
}
. l-effarig-run-button__bg {
position : absolute ;
width : 80 % ;
height : 80 % ;
}
. l-effarig-run-button__fg {
position : relative ;
background-color : rgba ( 0 , 0 , 0 , 0 ) ;
}
. l-effarig-shop {
display : inline-flex ;
flex-direction : column ;
align-items : center ;
}
. l-effarig-shop-and-run {
display : inline-flex ;
flex-direction : row ;
}
. l-effarig-run {
display : inline-flex ;
flex-direction : column ;
align-items : center ;
margin-left : 3rem ;
2020-05-18 05:23:32 +00:00
width : 520px ;
2019-04-02 23:12:45 +00:00
}
. c-effarig-run-description {
font-size : larger ;
margin-top : 1rem ;
}
. l-effarig-tab__reward {
display : flex ;
flex-direction : row ;
2020-05-18 05:23:32 +00:00
align-items : left ;
width : 100 % ;
2019-04-02 23:12:45 +00:00
margin : 0 . 5rem ;
}
. c-effarig-tab__reward-label {
padding-right : 1rem ;
font-weight : bold ;
}
. c-effarig-tab__reward-symbol {
font-weight : bold ;
margin-right : 0 . 5rem ;
}
. l-effarig-tab__reward-descriptions {
display : inline-flex ;
flex-direction : column ;
align-items : flex-start ;
}
. c-effarig-tab__reward-description {
text-align : left ;
}
. sortable-drag {
cursor : grabbing ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-effarig-shop-button {
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
2020-07-21 03:25:57 +00:00
border-width : 0 . 1rem ;
2019-04-11 12:47:48 +00:00
}
2019-04-02 23:12:45 +00:00
/* #endregion effarig tab*/
/* #startregion enslaved tab */
2019-04-07 23:07:38 +00:00
. l-enslaved-celestial-tab {
2020-04-30 23:38:20 +00:00
display : flex ;
2020-05-08 05:14:04 +00:00
flex-direction : column ;
align-items : center ;
}
. l-enslaved-celestial-tab--inner {
display : flex ;
2020-04-30 23:38:20 +00:00
}
. l-enslaved-upgrades-column {
2019-04-07 23:07:38 +00:00
display : flex ;
flex-direction : column ;
align-items : center ;
}
2020-05-03 01:21:43 +00:00
. l-enslaved-run-container {
display : block ;
margin-top : auto ;
margin-bottom : auto ;
}
2019-04-07 23:07:38 +00:00
. l-enslaved-top-container {
display : flex ;
flex-direction : row ;
align-items : flex-start ;
}
. l-enslaved-top-container__half {
display : flex ;
flex-direction : column ;
align-items : stretch ;
width : 24rem ;
margin : 1rem ;
}
2019-04-02 23:12:45 +00:00
. o-enslaved-stored-time , . o-enslaved-gained-infinities {
font-size : 1 . 6rem ;
2019-04-07 23:07:38 +00:00
min-width : 18rem ;
padding-bottom : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
}
. o-enslaved-mechanic-button {
2019-10-11 00:31:12 +00:00
padding : 0 . 5rem ;
border-radius : 0 . 5rem ;
border : 0 . 2rem solid sandybrown ;
2020-04-18 08:40:27 +00:00
box-shadow : 0 0 2rem inset rgba ( 244 , 164 , 96 , 0 . 5 ) ;
2019-04-02 23:12:45 +00:00
background-color : # fdd3b0 ;
cursor : pointer ;
2019-10-11 00:31:12 +00:00
margin : 1rem 0 . 5rem ;
2019-04-07 23:07:38 +00:00
min-width : 18rem ;
2019-04-16 16:46:46 +00:00
min-height : 7rem ;
2019-04-07 23:07:38 +00:00
padding-bottom : 1rem ;
padding-top : 1rem ;
2019-04-02 23:12:45 +00:00
font-family : Typewriter ;
2020-04-18 08:40:27 +00:00
transition-duration : 0 . 2s ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-enslaved-mechanic-button {
2019-04-11 12:47:48 +00:00
border-radius : 0 ;
border-width : 0 . 1rem ;
}
2020-04-18 08:40:27 +00:00
. o-enslaved-mechanic-button : hover {
background-color : # ffa337 ;
}
2019-04-02 23:12:45 +00:00
. o-enslaved-mechanic-button--storing-time {
2019-04-11 12:47:48 +00:00
background-color : # ffa337 ;
2020-04-18 08:40:27 +00:00
box-shadow : none ;
2019-04-02 23:12:45 +00:00
}
. l-enslaved-shop-container {
display : flex ;
flex-wrap : wrap ;
justify-content : center ;
2020-04-20 05:50:24 +00:00
width : 65rem ;
2019-04-02 23:12:45 +00:00
margin : auto ;
2020-09-09 06:57:28 +00:00
margin-top : 2rem ;
margin-bottom : 2rem ;
2019-04-02 23:12:45 +00:00
}
. o-enslaved-shop-button {
2022-04-17 17:03:42 +00:00
color : var ( --color-text-inverted ) ;
2019-04-02 23:12:45 +00:00
padding : 1 . 7rem ;
2022-04-17 17:03:42 +00:00
background-color : var ( --color-disabled ) ;
2022-04-17 16:54:05 +00:00
border : 0 . 2rem solid var ( --color-bad ) ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
margin : 1rem ;
2020-04-18 08:40:27 +00:00
transition-duration : 0 . 2s ;
2019-04-02 23:12:45 +00:00
width : 30rem ;
2020-04-26 04:26:47 +00:00
height : 12rem ;
2019-04-02 23:12:45 +00:00
font-family : Typewriter ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-enslaved-shop-button {
2020-04-18 08:40:27 +00:00
border-radius : 0 ;
}
2019-05-19 12:11:54 +00:00
. o-enslaved-shop-button--available {
2022-04-17 17:03:42 +00:00
color : var ( --color-text ) ;
2022-04-17 16:54:05 +00:00
background : none ;
border : 0 . 2rem solid # ffa337 ;
2019-05-18 00:39:36 +00:00
cursor : pointer ;
}
2020-04-18 08:40:27 +00:00
. o-enslaved-shop-button--available : hover {
2022-04-21 14:02:51 +00:00
color : black ;
2022-04-17 16:54:05 +00:00
background-color : # ffa337 ;
border : 0 . 2rem solid # ffa337 ;
transition : 0 . 2s ;
2020-04-18 08:40:27 +00:00
}
2019-05-19 12:11:54 +00:00
. o-enslaved-shop-button--bought {
2022-04-21 14:02:51 +00:00
color : black ;
2022-04-15 17:22:03 +00:00
background-color : # ffa337 ;
2022-04-17 16:54:05 +00:00
border : none ;
2020-04-18 08:40:27 +00:00
pointer-events : none ;
2019-05-18 00:39:36 +00:00
}
2020-06-04 05:40:29 +00:00
. c-enslaved-run-button {
2019-08-26 01:40:36 +00:00
width : 40rem ;
2019-04-02 23:12:45 +00:00
padding : 2rem ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
border : 2px solid # cd945c ;
2019-06-18 10:08:07 +00:00
background : none ;
2019-04-02 23:12:45 +00:00
font-family : Typewriter ;
font-size : 1 . 2rem ;
margin-bottom : 1rem ;
2019-04-16 16:46:46 +00:00
margin-top : 1rem ;
2019-06-18 10:08:07 +00:00
display : flex ;
flex-direction : column ;
align-items : center ;
2022-04-30 08:34:19 +00:00
user-select : none ;
2019-04-16 16:46:46 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-enslaved-run-button {
2020-04-18 08:40:27 +00:00
border-radius : 0 ;
2020-07-21 03:25:57 +00:00
border-width : 0 . 1rem ;
2020-04-18 08:40:27 +00:00
}
2020-06-04 05:40:29 +00:00
. c-enslaved-run-button__title {
2019-04-16 16:46:46 +00:00
font-weight : bold ;
font-size : larger ;
margin-bottom : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
}
2020-06-04 05:40:29 +00:00
. c-enslaved-run-button__icon {
2019-06-18 10:08:07 +00:00
border-radius : 50 % ;
2020-06-04 05:40:29 +00:00
background : black ;
width : 16rem ;
height : 16rem ;
2019-06-18 10:08:07 +00:00
margin : 1 . 5rem ;
2022-04-29 11:18:47 +00:00
color : var ( --color-enslaved--base ) ;
2020-05-22 16:33:57 +00:00
cursor : pointer ;
2019-06-18 10:08:07 +00:00
display : flex ;
flex-direction : column ;
align-items : center ;
justify-content : center ;
position : relative ;
overflow : hidden ;
2022-04-29 11:18:47 +00:00
border : 0 . 4rem solid var ( --color-enslaved--base ) ;
2020-06-04 05:40:29 +00:00
transition-duration : 0 . 2s ;
animation : a-enslaved-run-button--spin 120s infinite linear ;
2019-06-18 10:08:07 +00:00
}
2020-06-04 05:40:29 +00:00
. c-enslaved-run-button__icon : hover {
color : black ;
2022-04-29 11:18:47 +00:00
background : var ( --color-enslaved--base ) ;
2020-06-04 05:40:29 +00:00
border-color : black ;
2019-06-18 10:08:07 +00:00
}
2020-06-04 05:40:29 +00:00
. c-enslaved-run-button__icon--running {
animation : a-enslaved-run-button--spin 15s infinite linear ;
}
. c-enslaved-run-button__icon__sigil {
2019-06-18 10:08:07 +00:00
font-size : 12rem ;
transform : rotate ( 45deg ) ;
}
2020-06-04 05:40:29 +00:00
. c-enslaved-run-button__icon__glitch {
2019-06-18 10:08:07 +00:00
position : absolute ;
2022-04-29 11:18:47 +00:00
background-image : linear-gradient ( rgba ( 0 , 0 , 0 , 0 ) 0 % , var ( --color-enslaved--base ) 20 % , var ( --color-enslaved--base ) 80 % , rgba ( 0 , 0 , 0 , 0 ) 100 % ) ;
2019-06-18 10:08:07 +00:00
border : none ;
2020-06-04 05:40:29 +00:00
width : 0 . 1rem ;
}
. c-enslaved-run-button__icon : hover . c-enslaved-run-button__icon__glitch {
background-image : linear-gradient ( rgba ( 0 , 0 , 0 , 0 ) 0 % , black 20 % , black 80 % , rgba ( 0 , 0 , 0 , 0 ) 100 % ) ;
2019-06-18 10:08:07 +00:00
}
2020-01-27 16:19:45 +00:00
. o-enslaved-release-header-button {
font-size : 1rem ;
width : 20rem ;
}
2020-06-04 05:40:29 +00:00
@ keyframes a-enslaved-run-button--spin {
0 % { transform : rotate ( 0 deg ) }
100 % { transform : rotate ( 360 deg ) }
}
2021-09-15 19:49:21 +00:00
. c-enslaved-hint-modal {
display : flex ;
flex-direction : column ;
overflow-y : scroll ;
padding : 0 . 25rem 1rem ;
width : 60rem ;
2022-05-04 12:50:18 +00:00
height : 57rem ;
2021-09-15 19:49:21 +00:00
font-size : 1 . 2rem ;
text-align : left ;
}
2022-05-01 12:46:53 +00:00
. c-enslaved-hint-modal :: -webkit-scrollbar {
width : 1rem ;
}
. c-enslaved-hint-modal :: -webkit-scrollbar-thumb {
border : none ;
}
. s-base--metro . c-enslaved-hint-modal :: -webkit-scrollbar-thumb {
border-radius : 0 ;
}
2019-04-02 23:12:45 +00:00
/* #endregion enslaved tab*/
/* #startregion v tab */
2021-09-01 23:48:49 +00:00
. l-v-celestial-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
}
2019-04-02 23:12:45 +00:00
. l-v-unlocks-container {
display : flex ;
flex-wrap : wrap ;
justify-content : center ;
2021-09-07 15:20:36 +00:00
width : 97 . 5rem ;
2019-04-02 23:12:45 +00:00
margin : auto ;
margin-top : 1rem ;
2019-06-07 02:42:45 +00:00
margin-bottom : 1rem ;
box-sizing : border-box ;
overflow : hidden ;
}
. l-v-unlocks-container li {
position : relative ;
2021-09-07 15:20:36 +00:00
width : 27rem ;
padding : 0 0 31 . 2rem ;
2019-06-07 02:42:45 +00:00
list-style-type : none ;
transform : rotate ( -60deg ) skewY ( 30deg ) ;
overflow : hidden ;
visibility : visible ;
}
2019-06-07 21:07:48 +00:00
/* required for hex structure */
2019-06-07 02:42:45 +00:00
. l-v-unlocks-container li : nth-child ( 3n + 2 ) {
margin : 0 1 % ;
}
. l-v-unlocks-container li : nth-child ( 6n + 4 ) , . l-v-unlocks-container li : nth-child ( 6n + 5 ) , . l-v-unlocks-container li : nth-child ( 6n + 6 ) {
2019-06-07 21:07:48 +00:00
margin-top : -7 % ;
margin-bottom : -7 % ;
2019-06-07 02:42:45 +00:00
}
. l-v-unlocks-container li : nth-child ( 6n + 1 ) , . l-v-unlocks-container li : nth-child ( 6n + 2 ) , . l-v-unlocks-container li : nth-child ( 6n + 3 ) {
transform : translateX ( 50 % ) rotate ( -60deg ) skewY ( 30deg ) ;
}
2019-07-18 01:13:51 +00:00
. l-v-unlocks-container li : nth-child ( 6n + 1 ) {
2019-06-07 02:42:45 +00:00
margin-left : 1 % ;
2019-04-02 23:12:45 +00:00
}
. c-v-unlock {
2020-04-18 18:35:00 +00:00
color : black ;
2019-04-02 23:12:45 +00:00
background : whitesmoke ;
}
2019-09-30 02:09:32 +00:00
. o-v-unlock-name {
font-weight : bold ;
2021-09-07 15:20:36 +00:00
font-size : 1 . 8rem ;
}
. o-v-unlock-desc {
font-size : 1 . 2rem ;
2019-09-30 02:09:32 +00:00
}
2019-04-02 23:12:45 +00:00
. o-v-unlock-amount {
font-weight : bold ;
font-size : 1 . 3rem ;
}
2020-02-02 01:04:52 +00:00
. l-v-milestones-grid {
2019-04-02 23:12:45 +00:00
display : flex ;
2020-02-02 01:04:52 +00:00
flex-direction : column ;
2019-04-02 23:12:45 +00:00
justify-content : center ;
}
2020-02-02 01:04:52 +00:00
. l-v-milestones-grid__row {
2019-04-02 23:12:45 +00:00
display : flex ;
2020-02-02 01:04:52 +00:00
flex-direction : row ;
2019-04-02 23:12:45 +00:00
justify-content : center ;
2020-02-02 01:04:52 +00:00
margin : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
}
2021-09-13 19:08:54 +00:00
. c-v-unlock-bar {
width : 40rem ;
padding : 0 . 6rem ;
2022-04-30 04:28:44 +00:00
margin-bottom : 1rem ;
2021-09-13 19:08:54 +00:00
border-radius : 0 . 5rem ;
border : 0 . 2rem solid ;
position : relative ;
z-index : 0 ;
}
. c-v-unlock-bar__progress {
position : absolute ;
top : 0 ;
left : 0 ;
height : 100 % ;
z-index : -1 ;
}
2019-04-02 23:12:45 +00:00
. o-v-milestone {
2020-06-07 04:24:24 +00:00
color : black ;
background : # 6b5f2e ;
2019-04-02 23:12:45 +00:00
width : 25rem ;
height : 10rem ;
padding : 1rem ;
2020-06-07 04:24:24 +00:00
border : 0 . 2rem solid # 473f1f ;
2022-04-30 04:28:44 +00:00
margin : 0 0 . 5rem ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
font-size : 1 . 2rem ;
display : flex ;
flex-direction : column ;
justify-content : space-around ;
2022-04-30 04:28:44 +00:00
user-select : none ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-v-milestone {
2020-06-07 04:24:24 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
. o-v-milestone--unlocked {
background : var ( --color-v--base ) ;
border-color : # b89c2e ;
2022-03-20 08:57:40 +00:00
}
2022-03-20 09:56:58 +00:00
2022-03-20 08:57:40 +00:00
. c-v-unlock-button--enabled {
2022-03-20 07:11:21 +00:00
cursor : pointer ;
2019-04-02 23:12:45 +00:00
}
2019-06-07 02:42:45 +00:00
. l-v-hexagon {
position : absolute ;
top : 0 ;
left : 0 ;
height : 100 % ;
width : 100 % ;
transform : skewY ( -30deg ) rotate ( 60deg ) ;
display : flex ;
justify-content : center ;
align-items : center ;
flex-direction : column ;
}
2020-04-13 00:21:53 +00:00
. l-v-reduction {
width : 3rem ;
height : 3rem ;
border-radius : 50 % ;
font-size : 1 . 5rem ;
2022-05-04 04:00:19 +00:00
padding : 0 ;
2020-04-13 00:21:53 +00:00
}
2020-09-09 21:30:56 +00:00
. c-v-info-text {
color : var ( --color-text ) ;
font-size : 1 . 2rem ;
}
2020-06-04 07:03:28 +00:00
. c-v-run-button {
2019-06-07 02:42:45 +00:00
color : black ;
2020-06-07 04:24:24 +00:00
background : var ( --color-v--base ) ;
2019-06-07 02:42:45 +00:00
font-family : Typewriter ;
2020-06-04 07:03:28 +00:00
font-size : 1 . 3rem ;
2019-06-07 02:42:45 +00:00
cursor : pointer ;
2020-06-04 07:03:28 +00:00
padding : 0 . 5rem ;
2019-06-07 02:42:45 +00:00
transition-duration : 0 . 2s ;
}
2020-06-04 07:03:28 +00:00
. c-v-run-button : hover ,
. c-v-run-button--running {
2019-06-07 02:42:45 +00:00
background : indianred ;
}
2020-06-04 07:03:28 +00:00
. c-v-run-button__line {
2021-09-07 15:20:36 +00:00
width : 12rem ;
height : 2 . 4rem ;
2020-06-04 07:03:28 +00:00
position : absolute ;
background : # e3c759 ;
z-index : -1 ;
transition-duration : 0 . 2s ;
}
. c-v-run-button : hover . c-v-run-button__line ,
. c-v-run-button--running . c-v-run-button__line {
background : # bb3a3a ;
}
. c-v-run-button__line--1 {
2021-09-07 15:20:36 +00:00
top : 23 . 4rem ;
left : 12 . 6rem ;
2020-06-04 07:03:28 +00:00
transform : rotate ( -30deg ) ;
}
. c-v-run-button__line--2 {
2021-09-07 15:20:36 +00:00
top : 14 . 4rem ;
left : -3rem ;
2020-06-04 07:03:28 +00:00
transform : rotate ( 90deg ) ;
}
. c-v-run-button__line--3 {
2021-09-07 15:20:36 +00:00
top : 5 . 4rem ;
left : 12 . 6rem ;
2020-06-04 07:03:28 +00:00
transform : rotate ( 30deg ) ;
}
. c-v-run-button--running . c-v-run-button__line--1 {
animation : a-c-v-run-button__line--1--move 3s infinite cubic-bezier ( 0 . 9 , 0 , 0 , 0 . 9 ) , a-c-v-run-button__line--burst 3s infinite cubic-bezier ( 0 . 9 , 0 , 0 , 0 . 9 ) ;
}
. c-v-run-button--running . c-v-run-button__line--2 {
animation : a-c-v-run-button__line--2--move 3s infinite cubic-bezier ( 0 . 9 , 0 , 0 , 0 . 9 ) , a-c-v-run-button__line--burst 3s infinite cubic-bezier ( 0 . 9 , 0 , 0 , 0 . 9 ) ;
}
. c-v-run-button--running . c-v-run-button__line--3 {
animation : a-c-v-run-button__line--3--move 3s infinite cubic-bezier ( 0 . 9 , 0 , 0 , 0 . 9 ) , a-c-v-run-button__line--burst 3s infinite cubic-bezier ( 0 . 9 , 0 , 0 , 0 . 9 ) ;
}
@ keyframes a-c-v-run-button__line--1--move {
2021-09-07 15:20:36 +00:00
0 % { top : 23.4 rem ; left : 12.6 rem ; transform : rotate ( -30 deg ) ; }
50 % { top : 23.4 rem ; left : 1.8 rem ; transform : rotate ( 30 deg ) ; }
100 % { top : 23.4 rem ; left : 12.6 rem ; transform : rotate ( -30 deg ) ; }
2020-06-04 07:03:28 +00:00
}
@ keyframes a-c-v-run-button__line--2--move {
2021-09-07 15:20:36 +00:00
0 % { top : 14.4 rem ; left : -3 rem ; transform : rotate ( 90 deg ) ; }
50 % { top : 5.4 rem ; left : 2.4 rem ; transform : rotate ( 150 deg ) ; }
100 % { top : 14.4 rem ; left : -3 rem ; transform : rotate ( 90 deg ) ; }
2020-06-04 07:03:28 +00:00
}
@ keyframes a-c-v-run-button__line--3--move {
2021-09-07 15:20:36 +00:00
0 % { top : 5.4 rem ; left : 12.6 rem ; transform : rotate ( 30 deg ) ; }
50 % { top : 14.4 rem ; left : 17.4 rem ; transform : rotate ( 90 deg ) ; }
100 % { top : 5.4 rem ; left : 12.6 rem ; transform : rotate ( 30 deg ) ; }
2020-06-04 07:03:28 +00:00
}
@ keyframes a-c-v-run-button__line--burst {
0 % { box-shadow : 0 0 3 rem black ; }
2020-06-10 06:12:00 +00:00
50 % { box-shadow : 0 0 0 black ; }
2020-06-04 07:03:28 +00:00
100 % { box-shadow : 0 0 3 rem black ; }
}
2019-04-02 23:12:45 +00:00
/* #endregion v tab*/
/* #startregion ra tab */
2019-07-18 01:13:51 +00:00
. l-ra-celestial-tab {
display : flex ;
2019-07-20 03:55:19 +00:00
flex-direction : column ;
2019-07-18 01:13:51 +00:00
justify-content : center ;
2019-04-02 23:12:45 +00:00
}
2019-07-18 01:13:51 +00:00
. c-ra-pet-header {
width : 35rem ;
padding : 1rem ;
margin : 2rem auto ;
2019-08-26 10:47:22 +00:00
background : linear-gradient ( # 2f2f2f , # 464646 ) ;
2019-08-28 06:39:03 +00:00
border-radius : 1 . 5rem ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-ra-pet-header {
2020-07-21 03:25:57 +00:00
border-radius : 0 ;
border : 0 . 1rem solid black ;
}
2019-07-20 03:55:19 +00:00
. c-ra-pet-title {
font-size : 2 . 5rem ;
2019-04-02 23:12:45 +00:00
}
2019-07-18 01:13:51 +00:00
. l-ra-bar-container {
2020-09-03 07:14:43 +00:00
display : flex ;
margin : 0 0 2rem ;
2019-07-18 01:13:51 +00:00
width : 100 % ;
2020-09-03 07:14:43 +00:00
height : 4rem ;
margin-top : 1rem ;
margin-left : -0 . 2rem ;
2019-07-18 01:13:51 +00:00
}
. l-ra-lvl-chevron {
2019-04-02 23:12:45 +00:00
position : absolute ;
top : 0 ;
2019-07-20 03:55:19 +00:00
font-size : 1 . 2rem ;
z-index : 2 ;
2020-02-23 01:08:33 +00:00
color : white ;
2019-07-20 03:55:19 +00:00
height : 1 . 75rem ;
2020-02-23 01:08:33 +00:00
border-left : 0 . 1rem solid white ;
2019-07-20 03:55:19 +00:00
padding : 0 0 . 2rem ;
user-select : none ;
cursor : default ;
2019-04-02 23:12:45 +00:00
}
2019-07-22 06:40:03 +00:00
. l-ra-lvl-chevron--no-bar {
2019-07-20 03:55:19 +00:00
border-left : none ! important ;
2019-04-02 23:12:45 +00:00
}
2019-07-18 01:13:51 +00:00
. c-important-chevron {
font-weight : bold ;
2019-07-20 03:55:19 +00:00
font-size : 1 . 5rem ;
2020-02-28 02:32:09 +00:00
height : 4 . 6rem ;
2019-07-20 03:55:19 +00:00
border-left-width : 0 . 2rem ;
2021-08-27 08:09:53 +00:00
text-shadow :
0 . 1rem 0 . 1rem 0 . 1rem black ,
-0 . 1rem 0 . 1rem 0 . 1rem black ,
0 . 1rem -0 . 1rem 0 . 1rem black ,
-0 . 1rem -0 . 1rem 0 . 1rem black ,
0 . 1rem -0 . 1rem 0 black ;
2020-04-11 08:25:30 +00:00
z-index : 3 ;
2019-07-20 03:55:19 +00:00
}
. o-ra-unlock-hover-text {
background-color : black ;
color : # fff ;
text-align : center ;
border-radius : 5px ;
position : absolute ;
z-index : 3 ;
font-size : 1rem ;
left : -6 . 25rem ;
bottom : 6rem ;
width : 12 . 5rem ;
height : fit-content ;
display : flex ;
2019-04-02 23:12:45 +00:00
padding : 1rem ;
2019-07-20 03:55:19 +00:00
justify-content : center ;
2019-07-18 01:13:51 +00:00
}
2020-09-03 07:14:43 +00:00
. c-ra-exp-bar {
2019-07-18 01:13:51 +00:00
position : relative ;
2020-09-03 07:14:43 +00:00
border : 0 . 2rem solid black ;
border-top-right-radius : 0 ;
border-bottom-right-radius : 0 ;
width : 100 % ;
2019-07-18 01:13:51 +00:00
height : 5rem ;
2019-07-20 03:55:19 +00:00
z-index : 1 ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-ra-exp-bar {
2020-09-03 07:14:43 +00:00
height : 5 . 1rem ;
border-width : 0 . 1rem ;
margin-left : 0 . 1rem ;
2019-04-02 23:12:45 +00:00
}
2020-09-03 07:14:43 +00:00
. c-ra-exp-bar-inner {
height : 100 % ;
}
. c-ra-upgrade-bar {
display : flex ;
justify-content : flex-end ;
border : 0 . 2rem solid black ;
height : 2 . 6rem ;
width : 5rem ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-ra-upgrade-bar {
2020-09-03 07:14:43 +00:00
border-width : 0 . 1rem ;
2021-10-13 08:33:24 +00:00
height : 2 . 625rem ;
2020-09-03 07:14:43 +00:00
}
. c-ra-upgrade-bar__inner {
2019-07-18 01:13:51 +00:00
height : 100 % ;
2019-04-02 23:12:45 +00:00
}
2019-07-18 01:13:51 +00:00
. l-ra-pet-container {
2020-02-23 01:08:33 +00:00
float : left ;
width : 50 % ;
height : 50 % ;
2019-07-18 01:13:51 +00:00
}
2019-08-27 16:20:28 +00:00
. c-ra-memory-header {
2021-10-28 00:59:58 +00:00
display : flex ;
flex-direction : column ;
align-items : center ;
2019-08-27 16:20:28 +00:00
font-size : 1 . 3rem ;
font-weight : bold ;
}
2020-02-28 02:32:09 +00:00
. c-ra-upgrade-icon {
2020-06-07 04:24:24 +00:00
display : flex ;
2020-02-27 05:32:22 +00:00
align-items : center ;
justify-content : center ;
2020-02-28 02:32:09 +00:00
font-size : 2 . 3rem ;
2020-03-19 00:01:15 +00:00
box-shadow : 0 . 1rem 0 . 1rem 0 . 1rem rgba ( 0 , 0 , 0 , 0 . 7 ) ;
2020-02-28 02:32:09 +00:00
width : 4rem ;
height : 4rem ;
background : # 222 ;
2020-06-07 04:24:24 +00:00
border-radius : 50 % ;
2020-04-18 05:41:52 +00:00
border : 0 . 1rem solid # 111 ;
2020-02-28 02:40:06 +00:00
margin : 0 0 . 3rem ;
2020-05-29 16:44:42 +00:00
user-select : none ;
2020-09-03 07:14:43 +00:00
position : relative ;
2020-02-27 05:32:22 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-ra-upgrade-icon {
2020-07-21 03:25:57 +00:00
border-radius : 0 ;
border : 0 . 1rem solid black ;
}
2020-02-28 02:32:09 +00:00
. c-ra-upgrade-icon--inactive {
color : # 555 ;
2020-02-27 05:32:22 +00:00
}
2019-07-18 01:13:51 +00:00
. l-ra-non-pets {
2019-04-02 23:12:45 +00:00
display : flex ;
2020-07-21 04:59:25 +00:00
justify-content : center ;
2019-07-18 01:13:51 +00:00
}
2020-06-04 20:06:51 +00:00
. c-ra-run-button {
2020-07-21 04:59:25 +00:00
display : flex ;
flex-direction : column ;
2020-09-03 23:33:17 +00:00
align-items : center ;
2020-07-21 04:59:25 +00:00
justify-content : center ;
2020-06-04 20:06:51 +00:00
height : 33rem ;
color : # 9575cd ;
background : black ;
border : 0 . 2rem solid # 9575cd ;
2019-07-18 01:13:51 +00:00
border-radius : 2rem ;
2020-02-29 18:12:02 +00:00
width : 30rem ;
2020-03-03 17:57:00 +00:00
margin : 2rem ;
2020-07-21 04:59:25 +00:00
padding : 1rem ;
2020-06-04 20:06:51 +00:00
font-family : Typewriter ;
2019-07-18 01:13:51 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-ra-run-button {
2020-07-21 03:25:57 +00:00
border-radius : 0 ;
border-width : 0 . 1rem ;
}
2020-06-04 20:06:51 +00:00
. c-ra-run-button__icon {
2019-04-02 23:12:45 +00:00
display : flex ;
2020-06-04 20:06:51 +00:00
align-items : center ;
2019-04-02 23:12:45 +00:00
justify-content : center ;
2020-06-04 20:06:51 +00:00
color : # 9575cd ;
font-size : 3rem ;
2020-06-10 06:12:00 +00:00
text-shadow : 0 0 1rem ;
2020-06-04 20:06:51 +00:00
cursor : pointer ;
height : 12rem ;
width : 12rem ;
border-radius : 50 % ;
background-color : black ;
2020-09-10 04:47:18 +00:00
margin : 1 . 5rem 0 ;
2020-06-04 20:06:51 +00:00
border : 0 . 4rem solid # 9575cd ;
box-shadow : 0 0 0 . 7rem # 9575cd , 0 0 0 . 7rem # 9575cd inset ;
transition-duration : 0 . 2s ;
}
. c-ra-run-button__icon : hover {
font-size : 7 . 5rem ;
color : black ;
background-color : # 9575cd ;
border-color : black ;
}
. c-ra-run-button__icon--running {
font-size : 7 . 5rem ;
color : black ;
background-color : # 9575cd ;
border-color : black ;
box-shadow : 0 0 1 . 5rem # 9575cd , 0 0 1 . 5rem # 9575cd inset ;
}
. c-ra-run-button__icon--running . c-ra-run-button__icon__sigil {
animation : a-c-ra-run-button__icon__sigil--undulate 0 . 6s infinite ease-in-out , a-c-ra-run-button__icon__sigil--glow 3s infinite ease-in-out ;
}
@ keyframes a-c-ra-run-button__icon__sigil--undulate {
0 % { transform : scale ( 0.9 ) }
50 % { transform : scale ( 1 ) }
100 % { transform : scale ( 0.9 ) }
}
@ keyframes a-c-ra-run-button__icon__sigil--glow {
0 % { text-shadow : 0 0 1 rem ; }
50 % { text-shadow : 0 0 3 rem ; }
100 % { text-shadow : 0 0 1 rem ; }
2019-04-02 23:12:45 +00:00
}
2019-07-20 03:55:19 +00:00
. c-ra-rewards {
font-size : 1 . 5rem ;
margin : 1rem ;
display : flex ;
flex-direction : row ;
justify-content : center ;
}
2019-07-22 06:40:03 +00:00
. c-ra-rewards-inner {
2019-09-29 19:17:26 +00:00
margin : 0 1rem ;
2019-07-20 03:55:19 +00:00
}
2020-07-21 03:25:57 +00:00
. c-ra-recollection-unlock {
2020-07-21 04:59:25 +00:00
display : flex ;
flex-direction : column ;
justify-content : center ;
align-items : center ;
2020-03-03 06:31:04 +00:00
height : 25rem ;
2020-03-19 00:01:15 +00:00
color : white ;
background : linear-gradient ( # 333333 , # 464646 ) ;
2019-07-18 01:13:51 +00:00
border-radius : 2rem ;
2020-02-29 18:12:02 +00:00
width : 30rem ;
2020-03-03 17:57:00 +00:00
margin : 2rem ;
2020-07-21 04:59:25 +00:00
padding : 1rem ;
2019-07-20 03:55:19 +00:00
}
2020-02-29 18:12:02 +00:00
2021-09-28 20:01:56 +00:00
. s-base--metro . c-ra-recollection-unlock {
2020-07-21 03:25:57 +00:00
border-radius : 0 ;
border : 0 . 1rem solid black ;
}
. c-ra-recollection-unlock-inner {
2020-07-21 04:59:25 +00:00
display : flex ;
flex-wrap : wrap ;
2020-02-29 18:12:02 +00:00
justify-content : center ;
2020-07-21 04:59:25 +00:00
margin-top : 1rem ;
2020-02-29 18:12:02 +00:00
}
2020-03-19 00:01:15 +00:00
. c-ra-pet-recollection-button {
2020-03-03 06:31:04 +00:00
font-size : 1 . 2rem ;
2020-02-29 18:12:02 +00:00
text-align : center ;
font-family : Typewriter ;
2020-07-21 04:59:25 +00:00
width : 10rem ;
2020-02-29 18:12:02 +00:00
height : 6rem ;
2020-07-21 04:59:25 +00:00
margin : 0 . 2rem ;
2020-02-29 18:12:02 +00:00
border-radius : 1rem ;
2020-03-19 00:01:15 +00:00
border : 0 . 1rem solid # 222 ;
user-select : none ;
2020-02-29 18:12:02 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-ra-pet-recollection-button {
2020-07-21 03:25:57 +00:00
border-radius : 0 ;
border : 0 . 1rem solid black ;
}
2021-07-30 19:52:15 +00:00
. c-ra-laitela-unlock {
display : flex ;
flex-direction : column ;
justify-content : center ;
align-items : center ;
font-family : Typewriter ;
color : black ;
height : 33rem ;
width : 30rem ;
margin : 2rem ;
padding : 1rem ;
border-radius : 2rem ;
animation : a-ra-color-shift 10s infinite ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-ra-laitela-unlock {
2021-07-30 19:52:15 +00:00
border-radius : 0 ;
border : 0 . 1rem solid black ;
}
2019-10-11 00:31:12 +00:00
@ keyframes a-ra-color-shift {
2022-04-29 11:18:47 +00:00
0 % { background-color : var ( - - color - ra - pet - - teresa ) ; }
25 % { background-color : var ( - - color - ra - pet - - effarig ) ; }
50 % { background-color : var ( - - color - ra - pet - - enslaved ) ; }
75 % { background-color : var ( - - color - ra - pet - - v ) ; }
100 % { background-color : var ( - - color - ra - pet - - teresa ) ; }
2019-07-18 01:13:51 +00:00
}
. l-ra-all-pets-container {
2020-06-10 02:37:45 +00:00
display : flex ;
flex-wrap : wrap ;
2020-07-21 04:59:25 +00:00
justify-content : center ;
2022-03-13 03:47:41 +00:00
align-items : center ;
2020-02-23 01:08:33 +00:00
margin : auto ;
width : 80rem ;
height : 100 % ;
2019-07-18 01:13:51 +00:00
}
. l-ra-unlock {
position : relative ;
height : 10rem ;
top : -10rem ;
left : 82 . 5 % ;
2019-10-11 00:31:12 +00:00
border : 0 . 2rem solid gainsboro ;
2019-07-18 01:13:51 +00:00
background : # 35d035 ;
width : 15 % ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 5rem ;
2019-07-18 01:13:51 +00:00
flex-direction : column ;
display : flex ;
justify-content : center ;
}
. l-ra-unlock-inner {
2019-07-20 03:55:19 +00:00
color : black ;
2019-07-18 01:13:51 +00:00
margin : auto 0 . 5rem ;
2019-04-02 23:12:45 +00:00
display : flex ;
flex-direction : column ;
2019-07-18 01:13:51 +00:00
flex : 1 0 ;
justify-content : center ;
2019-04-02 23:12:45 +00:00
}
2019-07-03 11:51:27 +00:00
. l-ra-alchemy-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
position : relative ;
}
2020-09-03 07:14:43 +00:00
. l-ra-pet-upgrade-container {
display : flex ;
flex-direction : column ;
}
. l-ra-pet-upgrade {
display : flex ;
}
. c-ra-pet-upgrade {
display : flex ;
justify-content : center ;
align-items : center ;
height : 2 . 6rem ;
width : 2 . 5rem ;
2020-09-01 20:40:19 +00:00
background : grey ;
color : black ;
border : . 2rem solid black ;
2021-10-13 08:33:24 +00:00
border-right : 0 ;
2020-09-03 07:14:43 +00:00
border-radius : 1rem ;
2020-09-01 20:40:19 +00:00
font-size : 1 . 3rem ;
2020-09-03 07:14:43 +00:00
transition-duration : 0 . 2s ;
position : relative ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-ra-pet-upgrade {
2020-09-03 07:14:43 +00:00
border-radius : 0 ;
border-width : 0 . 1rem ;
2021-10-13 08:33:24 +00:00
height : 2 . 625rem ;
2020-09-03 07:14:43 +00:00
}
2021-08-26 15:10:18 +00:00
. c-ra-pet-upgrade__right ,
. c-ra-pet-upgrade__top {
2021-10-13 08:33:24 +00:00
margin-bottom : -0 . 1rem ;
}
2021-10-13 09:30:40 +00:00
. c-ra-pet-upgrade__bottom {
2021-10-13 08:33:24 +00:00
margin-top : -0 . 1rem ;
2020-09-03 07:14:43 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-ra-pet-upgrade__right ,
. s-base--metro . c-ra-pet-upgrade__top {
2021-10-13 08:33:24 +00:00
margin-top : 0 . 1rem ;
margin-bottom : -0 . 05rem ;
2020-09-03 07:14:43 +00:00
}
. c-ra-pet-upgrade__tooltip {
opacity : 0 ;
transition-duration : 0 . 3s ;
font-size : 1 . 4rem ;
border : 0 . 1rem solid black ;
border-radius : 0 . 8rem ;
color : white ;
background : # 222 ;
2020-10-15 23:09:42 +00:00
width : 24rem ;
2020-09-05 18:03:39 +00:00
margin-left : 0 ;
2020-09-03 07:14:43 +00:00
padding : 0 . 4rem ;
z-index : 2 ;
pointer-events : none ;
position : absolute ;
2020-09-03 07:26:46 +00:00
bottom : 100 % ;
2020-09-03 07:14:43 +00:00
box-shadow : 0 . 1rem 0 . 1rem 0 . 1rem rgba ( 0 , 0 , 0 , 0 . 7 ) ;
2020-09-01 20:40:19 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-ra-pet-upgrade__tooltip {
2020-09-03 07:14:43 +00:00
border-radius : 0 ;
}
. c-ra-pet-upgrade__tooltip : after {
position : absolute ;
bottom : 0 ;
left : 50 % ;
margin-left : -0 . 7rem ;
margin-bottom : 0 ;
width : 0 ;
border-top : 0 solid black ;
border-right : 0 . 7rem solid transparent ;
border-left : 0 . 7rem solid transparent ;
content : " " ;
transition-duration : 0 . 3s ;
z-index : 0 ;
}
. c-ra-pet-upgrade : hover . c-ra-pet-upgrade__tooltip {
opacity : 1 ;
2020-09-03 07:26:46 +00:00
bottom : calc ( 100 % + 0 . 8rem ) ;
2020-09-03 07:14:43 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-ra-pet-upgrade : hover . c-ra-pet-upgrade__tooltip {
2020-09-03 07:14:43 +00:00
opacity : 1 ;
2020-09-03 07:26:46 +00:00
bottom : calc ( 100 % + 0 . 7rem ) ;
2020-09-03 07:14:43 +00:00
}
. c-ra-pet-upgrade : hover . c-ra-pet-upgrade__tooltip : after {
border-top-width : 0 . 7rem ;
margin-bottom : -0 . 7rem ;
}
. c-ra-level-up-btn : hover . c-ra-pet-upgrade__tooltip {
opacity : 1 ;
2020-09-03 07:26:46 +00:00
bottom : calc ( 100 % + 0 . 8rem ) ;
2020-09-03 07:14:43 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-ra-level-up-btn : hover . c-ra-pet-upgrade__tooltip {
2020-09-03 07:26:46 +00:00
opacity : 1 ;
bottom : calc ( 100 % + 0 . 7rem ) ;
2020-09-03 07:14:43 +00:00
}
. c-ra-level-up-btn : hover . c-ra-pet-upgrade__tooltip : after {
border-top-width : 0 . 7rem ;
margin-bottom : -0 . 7rem ;
}
. c-ra-upgrade-icon : hover . c-ra-pet-upgrade__tooltip {
opacity : 1 ;
2020-09-03 07:26:46 +00:00
bottom : calc ( 100 % + 0 . 7rem ) ;
2020-09-03 07:14:43 +00:00
}
. c-ra-upgrade-icon : hover . c-ra-pet-upgrade__tooltip : after {
border-top-width : 0 . 7rem ;
margin-bottom : -0 . 7rem ;
}
. c-ra-upgrade-icon--teresa . c-ra-pet-upgrade__tooltip {
2022-04-29 11:18:47 +00:00
color : var ( --color-ra-pet--teresa ) ;
2020-09-03 07:14:43 +00:00
}
. c-ra-upgrade-icon--effarig . c-ra-pet-upgrade__tooltip {
2022-04-29 11:18:47 +00:00
color : var ( --color-ra-pet--effarig ) ;
2020-09-03 07:14:43 +00:00
}
. c-ra-upgrade-icon--enslaved . c-ra-pet-upgrade__tooltip {
2022-04-29 11:18:47 +00:00
color : var ( --color-ra-pet--enslaved ) ;
2020-09-03 07:14:43 +00:00
}
. c-ra-upgrade-icon--v . c-ra-pet-upgrade__tooltip {
2022-04-29 11:18:47 +00:00
color : var ( --color-ra-pet--v ) ;
2020-09-03 07:14:43 +00:00
}
. c-ra-upgrade-icon--inactive . c-ra-pet-upgrade__tooltip {
color : # 888 ;
}
. c-ra-pet-upgrade__tooltip__name {
font-size : 1 . 6rem ;
font-weight : bold ;
}
. c-ra-pet-upgrade__tooltip__description {
font-size : 1 . 3rem ;
2020-09-05 18:03:39 +00:00
margin-bottom : 0 . 3rem ;
2020-09-03 07:14:43 +00:00
}
. c-ra-upgrade-icon . c-ra-pet-upgrade__tooltip__name {
font-size : 1 . 8rem ;
}
. c-ra-pet-upgrade__tooltip__footer {
font-size : 1 . 2rem ;
}
. c-ra-level-up-btn {
display : flex ;
justify-content : center ;
align-items : center ;
height : 5rem ;
width : 3rem ;
2020-09-01 20:40:19 +00:00
background : grey ;
color : black ;
2020-09-03 07:14:43 +00:00
border : 0 . 2rem solid black ;
border-left : none ;
2020-09-01 20:40:19 +00:00
border-radius : 1rem ;
2020-09-03 07:14:43 +00:00
border-top-left-radius : 0 ;
border-bottom-left-radius : 0 ;
font-size : 2rem ;
transition-duration : 0 . 2s ;
position : relative ;
2020-09-01 20:40:19 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-ra-level-up-btn {
2020-09-03 07:14:43 +00:00
height : 5 . 1rem ;
border-radius : 0 ;
border-width : 0 . 1rem ;
}
. c-ra-pet-btn--available {
2020-09-01 20:40:19 +00:00
cursor : pointer ;
2020-09-03 07:14:43 +00:00
background : # 222 ;
2020-09-01 20:40:19 +00:00
}
2020-09-03 07:14:43 +00:00
. c-ra-pet-btn--available : hover {
color : black ;
}
. c-ra-pet-btn--teresa {
2022-04-29 11:18:47 +00:00
color : var ( --color-ra-pet--teresa ) ;
2020-09-03 07:14:43 +00:00
}
2020-10-14 19:43:24 +00:00
. c-ra-pet-btn--teresa : hover , . c-ra-pet-btn--teresa__capped {
2022-04-29 11:18:47 +00:00
background : var ( --color-ra-pet--teresa ) ;
2020-09-03 07:14:43 +00:00
}
. c-ra-pet-btn--effarig {
2022-04-29 11:18:47 +00:00
color : var ( --color-ra-pet--effarig ) ;
2020-09-03 07:14:43 +00:00
}
2020-10-14 19:43:24 +00:00
. c-ra-pet-btn--effarig : hover , . c-ra-pet-btn--effarig__capped {
2022-04-29 11:18:47 +00:00
background : var ( --color-ra-pet--effarig ) ;
2020-09-03 07:14:43 +00:00
}
2022-04-13 09:09:42 +00:00
. c-ra-pet-milestones-effarig-link {
font-weight : normal ;
}
2020-09-03 07:14:43 +00:00
. c-ra-pet-btn--enslaved {
2022-04-29 11:18:47 +00:00
color : var ( --color-ra-pet--enslaved ) ;
2020-09-03 07:14:43 +00:00
}
2020-10-14 19:43:24 +00:00
. c-ra-pet-btn--enslaved : hover , . c-ra-pet-btn--enslaved__capped {
2022-04-29 11:18:47 +00:00
background : var ( --color-ra-pet--enslaved ) ;
2020-09-03 07:14:43 +00:00
}
. c-ra-pet-btn--v {
2022-04-29 11:18:47 +00:00
color : var ( --color-ra-pet--v ) ;
2020-09-03 07:14:43 +00:00
}
2020-10-14 19:43:24 +00:00
. c-ra-pet-btn--v : hover , . c-ra-pet-btn--v__capped {
2022-04-29 11:18:47 +00:00
background : var ( --color-ra-pet--v ) ;
2020-09-03 07:14:43 +00:00
}
2020-10-14 07:34:14 +00:00
. c-ra-pet-btn--available__capped {
cursor : default ;
color : black ;
2020-09-03 07:14:43 +00:00
}
. l-ra-pet-middle-container {
2020-09-01 20:40:19 +00:00
display : flex ;
align-items : center ;
2020-09-03 07:14:43 +00:00
justify-content : center ;
margin : 1 . 5rem 0 ;
height : 4rem ;
2020-09-05 18:03:39 +00:00
padding : 0 1rem ;
2020-09-01 20:40:19 +00:00
}
2019-07-03 13:35:53 +00:00
. c-alchemy-resource-info {
display : flex ;
flex-direction : column ;
2020-10-18 02:55:10 +00:00
justify-content : center ;
text-align : center ;
2019-07-03 13:35:53 +00:00
border : 0 . 1rem solid black ;
padding : 0 . 25rem 1rem ;
width : 60rem ;
2020-05-13 06:35:16 +00:00
height : 10rem ;
2019-07-03 13:35:53 +00:00
font-size : 1 . 2rem ;
2020-04-26 07:04:41 +00:00
margin-top : 0 . 5rem ;
2019-07-03 13:35:53 +00:00
}
2020-10-18 02:55:10 +00:00
. c-alchemy-resource-info--locked {
font-size : 1 . 5rem ;
font-weight : bold ;
}
. c-alchemy-resource-info__title {
font-size : 1 . 5rem ;
font-weight : bold ;
}
2019-09-12 22:12:03 +00:00
. c-reality-glyph-creation {
display : flex ;
flex-direction : column ;
padding : 0 . 25rem 1rem ;
width : 60rem ;
font-size : 1 . 2rem ;
text-align : left ;
}
2019-07-03 15:05:39 +00:00
. l-alchemy-orbit-canvas {
position : absolute ;
overflow : visible ;
width : 100 % ;
height : 100 % ;
left : 0 ;
}
. l-alchemy-arrow-canvas {
position : absolute ;
overflow : visible ;
width : 100 % ;
height : 100 % ;
left : 0 ;
}
2019-07-03 11:51:27 +00:00
. l-alchemy-circle {
position : relative ;
margin : 3rem ;
2019-07-01 16:38:23 +00:00
}
2019-07-03 15:05:39 +00:00
. o-alchemy-orbit {
2019-09-12 18:14:23 +00:00
stroke : # 808080 ;
2019-07-03 15:05:39 +00:00
stroke-width : 1 ;
fill : none ;
2019-07-03 15:10:53 +00:00
transition-duration : 0 . 2s ;
2019-07-03 15:05:39 +00:00
}
. o-alchemy-orbit--unfocused {
stroke : lightgray ;
}
. o-alchemy-reaction-arrow {
2019-09-14 04:54:58 +00:00
stroke : # 29b6f6 ;
2019-09-12 18:14:23 +00:00
stroke-width : 2 ;
stroke-linecap : round ;
2019-07-03 15:05:39 +00:00
transition-duration : 0 . 2s ;
}
2019-09-14 04:54:58 +00:00
. t-s4 . o-alchemy-reaction-arrow {
2019-10-11 00:31:12 +00:00
animation : a-rainbow-stroke 2s infinite ;
2019-09-14 04:54:58 +00:00
}
2019-10-11 00:31:12 +00:00
@ keyframes a-rainbow-stroke {
2019-09-14 04:54:58 +00:00
0 % { stroke : red }
14 . 2 % { stroke : orange }
28 . 4 % { stroke : yellow }
42 . 6 % { stroke : green }
56 . 8 % { stroke : blue }
71 % { stroke : indigo }
85 . 2 % { stroke : violet }
100 % { stroke : red }
}
2019-09-12 22:12:03 +00:00
. o-alchemy-reaction-arrow--focused {
2019-09-12 18:14:23 +00:00
stroke-width : 3 ;
opacity : 1 ;
transition-duration : 0 . 2s ;
}
. o-alchemy-reaction-path {
stroke : gray ;
opacity : 0 . 1 ;
transition-duration : 0 . 2s ;
}
2019-09-12 22:12:03 +00:00
. o-alchemy-reaction-path--focused {
2019-09-14 04:54:58 +00:00
stroke : rgb ( 204 , 102 , 102 ) ;
2019-09-12 22:12:03 +00:00
stroke-width : 2 ;
2019-09-14 02:48:49 +00:00
stroke-dasharray : 0 . 2rem ;
2019-09-12 22:12:03 +00:00
opacity : 1 ;
transition-duration : 0 . 2s ;
}
2019-09-12 18:14:23 +00:00
. o-alchemy-reaction-path--limited {
2019-09-14 04:54:58 +00:00
stroke : # ff9800 ;
2019-09-12 18:14:23 +00:00
stroke-width : 2 ;
opacity : 1 ;
transition-duration : 0 . 2s ;
2019-07-03 15:05:39 +00:00
}
2021-05-08 11:50:14 +00:00
. o-alchemy-reaction-path--not-focused {
opacity : 0 . 5 ;
}
2019-07-03 15:05:39 +00:00
. o-alchemy-node {
2019-09-04 08:18:50 +00:00
color : black ;
2019-07-03 11:51:27 +00:00
position : absolute ;
2019-08-27 02:29:48 +00:00
width : 3rem ;
height : 3rem ;
margin-left : -1 . 5rem ;
margin-top : -1 . 5rem ;
2019-07-03 11:51:27 +00:00
user-select : none ;
2019-09-10 05:16:20 +00:00
font-size : 2rem ;
2019-07-03 13:35:53 +00:00
border : 0 . 1rem solid black ;
2019-07-03 11:51:27 +00:00
border-radius : 50 % ;
background-color : white ;
2019-07-03 15:05:39 +00:00
transition : all 0 . 2s , z-index 0s ;
z-index : 1 ;
2019-09-10 05:16:20 +00:00
line-height : 1 . 9rem ;
}
. o-alchemy-node-mask {
position : absolute ;
width : 2 . 4rem ;
height : 2 . 4rem ;
left : 50 % ;
top : 50 % ;
margin-left : -1 . 2rem ;
margin-top : -1 . 2rem ;
background-color : # bbb ;
border : 0 . 1rem solid black ;
border-radius : 50 % ;
z-index : 4 ;
}
. o-alchemy-resource-arc-wrapper {
width : 2 . 8rem ;
height : 2 . 8rem ;
position : absolute ;
background : white ;
border-radius : 50 % ;
}
. o-alchemy-resource-arc-circle {
width : 50 % ;
height : 100 % ;
position : absolute ;
2019-09-14 04:54:58 +00:00
background : # 29b6f6 ;
2019-09-10 05:16:20 +00:00
}
. o-alchemy-resource-arc-spinner {
border-radius : 1 . 4rem 0 0 1 . 4rem ;
z-index : 2 ;
transform-origin : 100 % 50 % ;
}
. o-alchemy-resource-arc-filler {
border-radius : 0 1 . 4rem 1 . 4rem 0 ;
z-index : 1 ;
left : 50 % ;
opacity : 0 ;
}
. o-alchemy-resource-arc-mask {
width : 50 % ;
height : 100 % ;
border-radius : 1 . 4rem 0 0 1 . 4rem ;
position : absolute ;
z-index : 3 ;
opacity : 1 ;
background : inherit ;
2019-07-03 11:51:27 +00:00
}
2019-07-03 15:05:39 +00:00
. o-alchemy-node--unfocused {
2019-09-14 04:54:58 +00:00
opacity : 0 . 5 ;
2019-09-10 05:16:20 +00:00
z-index : 4 ;
2019-07-03 15:05:39 +00:00
}
2019-11-15 19:53:53 +00:00
. o-alchemy-node--locked {
2022-03-22 15:15:01 +00:00
opacity : 0 . 25 ;
2019-11-15 19:53:53 +00:00
z-index : 4 ;
}
2019-07-03 15:05:39 +00:00
. o-alchemy-node--base {
2019-09-14 04:54:58 +00:00
background-color : # 81d4fa ;
2019-07-01 16:38:23 +00:00
}
2019-07-03 15:05:39 +00:00
. o-alchemy-node--active {
2019-09-14 04:54:58 +00:00
background-color : # 9ccc65 ;
2019-07-03 15:05:39 +00:00
}
2022-03-14 19:12:55 +00:00
. o-alchemy-node--doomed {
background-color : crimson ;
}
2019-04-02 23:12:45 +00:00
. c-ra-unlock-unlocked {
background : lightgreen ;
}
. c-ra-teresa-switch-container {
display : flex ;
width : 10rem ;
margin : 1rem auto ;
}
. o-ra-teresa-switch {
2019-10-11 00:31:12 +00:00
border : 0 . 2rem solid # 292929 ;
2019-04-02 23:12:45 +00:00
width : 5rem ;
2019-10-11 00:31:12 +00:00
margin-left : -0 . 2rem ;
2019-04-02 23:12:45 +00:00
height : 2rem ;
display : flex ;
justify-content : center ;
align-items : center ;
font-weight : bold ;
font-size : 1 . 1rem ;
cursor : pointer ;
color : black ;
user-select : none ;
}
. o-ra-teresa-switch-active {
background : # d89eb1 ;
}
. o-ra-teresa-switch-active-on {
background : orangered ;
}
. o-ra-teresa-switch-idle {
background : # b7e3ff ;
}
. o-ra-teresa-switch-idle-on {
background : # 00e6ff
}
/* #endregion ra tab*/
/* #startregion laitela tab*/
2020-04-26 07:04:41 +00:00
. l-laitela-celestial-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
}
2019-04-02 23:12:45 +00:00
. o-laitela-run-button {
2020-04-10 09:05:47 +00:00
width : 22rem ;
2019-04-02 23:12:45 +00:00
padding : 2rem ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 5rem ;
2020-05-13 20:35:42 +00:00
color : var ( --color-laitela--accent ) ;
border : 0 . 2rem solid var ( --color-laitela--accent ) ;
background : var ( --color-laitela--base ) ;
2019-04-02 23:12:45 +00:00
font-family : Typewriter ;
font-size : 1 . 2rem ;
2020-05-09 13:30:13 +00:00
height : 84rem ;
2020-04-08 15:07:42 +00:00
margin-right : 1rem ;
2019-04-02 23:12:45 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-laitela-run-button {
2020-05-13 20:35:42 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2021-04-22 20:55:28 +00:00
. o-laitela-run-button--large {
width : 45rem ;
}
2019-04-02 23:12:45 +00:00
. o-laitela-matter-amount {
2020-05-08 05:14:04 +00:00
font-size : 1 . 5rem ;
margin-bottom : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
}
2021-12-05 04:43:39 +00:00
. c-dark-matter-dimension-container {
2022-01-26 02:37:31 +00:00
display : flex ;
flex-direction : column ;
2020-05-13 20:35:42 +00:00
color : var ( --color-laitela--accent ) ;
border : 0 . 2rem solid var ( --color-laitela--accent ) ;
background : var ( --color-laitela--base ) ;
2020-05-09 13:30:13 +00:00
width : 50rem ;
2019-04-02 23:12:45 +00:00
margin : auto ;
2022-01-26 02:37:31 +00:00
padding : 0 . 5rem ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
margin-bottom : 1rem ;
2020-05-09 13:30:13 +00:00
height : 15rem ;
2019-04-02 23:12:45 +00:00
}
2021-12-05 04:43:39 +00:00
. s-base--metro . c-dark-matter-dimension-container {
2020-05-13 20:35:42 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2021-12-05 04:43:39 +00:00
. o-dark-matter-dimension-amount {
2019-04-02 23:12:45 +00:00
font-size : 1 . 6rem ;
font-weight : bold ;
}
2021-12-05 04:43:39 +00:00
. c-dark-matter-dimension-buttons {
2020-05-09 13:30:13 +00:00
display : flex ;
flex-direction : row ;
justify-content : space-between ;
width : 47 . 5rem ;
height : 6rem ;
}
2021-12-05 04:43:39 +00:00
. o-dark-matter-dimension-button {
2019-08-31 00:44:07 +00:00
width : 15rem ;
2020-05-09 13:30:13 +00:00
height : 5rem ;
margin-bottom : 1rem ;
2019-04-02 23:12:45 +00:00
font-family : Typewriter ;
2020-05-13 20:35:42 +00:00
color : var ( --color-laitela--accent ) ;
background : var ( --color-laitela--base ) ;
border : 0 . 2rem solid var ( --color-laitela--accent ) ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 5rem ;
2020-04-11 08:25:30 +00:00
transition-duration : 0 . 15s ;
2019-04-02 23:12:45 +00:00
}
2021-12-05 04:43:39 +00:00
. s-base--metro . o-dark-matter-dimension-button {
2020-05-13 20:35:42 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2021-12-05 04:43:39 +00:00
. o-dark-matter-dimension-button--available {
2020-05-13 22:52:56 +00:00
color : var ( --color-laitela--base ) ;
background : var ( --color-laitela--accent ) ;
2020-05-13 20:35:42 +00:00
border-color : var ( --color-laitela--accent ) ;
box-shadow : 0 0 0 . 5rem 0 . 1rem inset , 0 0 0 . 3rem 0 ;
2019-04-02 23:12:45 +00:00
cursor : pointer ;
2020-05-13 20:35:42 +00:00
font-weight : bold ;
2020-04-11 08:25:30 +00:00
}
2021-12-05 04:43:39 +00:00
. o-dark-matter-dimension-button--available : hover {
2020-05-13 22:52:56 +00:00
color : var ( --color-laitela--accent ) ;
background : var ( --color-laitela--base ) ;
2020-05-13 20:35:42 +00:00
box-shadow : none ;
2019-04-02 23:12:45 +00:00
}
2021-12-05 04:43:39 +00:00
. o-dark-matter-dimension-button--ascend {
2020-05-13 20:35:42 +00:00
color : var ( --color-laitela--base ) ;
background : var ( --color-laitela--accent ) ;
border-color : var ( --color-laitela--accent ) ;
box-shadow : 0 0 0 . 5rem 0 . 1rem inset , 0 0 0 . 3rem 0 ;
2020-05-11 06:49:07 +00:00
cursor : pointer ;
2020-05-13 20:35:42 +00:00
font-weight : bold ;
2020-05-11 06:49:07 +00:00
animation : 3s a-laitela-flash infinite ;
}
2022-01-26 18:57:52 +00:00
. o-dark-matter-dimension-button--accent {
box-shadow : 0 0 0 . 5rem 0 . 5rem inset , 0 0 0 . 3rem 0 ;
}
2020-05-11 06:49:07 +00:00
@ keyframes a-laitela-flash {
0 % {
2020-05-13 20:35:42 +00:00
color : var ( --color-laitela--base ) ;
background : var ( --color-laitela--accent ) ;
2020-05-11 06:49:07 +00:00
}
50 % {
2020-05-13 20:35:42 +00:00
color : var ( --color-laitela--accent ) ;
background : var ( --color-laitela--base ) ;
2020-05-11 06:49:07 +00:00
}
100 % {
2020-05-13 20:35:42 +00:00
color : var ( --color-laitela--base ) ;
background : var ( --color-laitela--accent ) ;
2020-05-11 06:49:07 +00:00
}
}
2021-12-05 04:43:39 +00:00
. o-dark-matter-dimension-button--ascend : hover {
2020-05-13 22:52:56 +00:00
color : var ( --color-laitela--accent ) ;
background : var ( --color-laitela--base ) ;
box-shadow : none ;
2020-05-13 20:35:42 +00:00
}
2020-05-11 06:49:07 +00:00
@ keyframes a-laitela-flash {
0 % {
color : black ;
background : white ;
}
50 % {
color : white ;
background : black ;
}
100 % {
color : black ;
background : white ;
}
}
2019-08-31 18:53:56 +00:00
. l-laitela-mechanics-container {
display : flex ;
align-items : flex-start ;
justify-content : center ;
2019-04-02 23:12:45 +00:00
}
2020-04-08 15:07:42 +00:00
. c-laitela-milestone {
2022-01-25 01:11:48 +00:00
display : flex ;
flex-direction : column ;
2022-02-05 19:44:28 +00:00
justify-content : center ;
2020-05-09 13:30:13 +00:00
height : 16 % ;
2020-04-08 15:07:42 +00:00
width : 22rem ;
2020-05-13 20:35:42 +00:00
background : var ( --color-laitela--base ) ;
2020-05-11 11:57:09 +00:00
padding : 0 . 6rem ;
2020-05-09 13:30:13 +00:00
margin : 1rem 0 0 ;
2020-04-08 15:07:42 +00:00
border-radius : 0 . 5rem ;
2022-01-31 08:51:02 +00:00
border : 0 . 1rem solid ;
2020-04-08 15:07:42 +00:00
position : relative ;
2020-05-30 02:09:19 +00:00
z-index : 0 ;
2020-05-13 20:35:42 +00:00
color : var ( --color-laitela--accent ) ;
}
2022-02-05 19:44:28 +00:00
. c-laitela-milestone > span {
height : 100 % ;
display : flex ;
flex-direction : column ;
justify-content : space-around ;
2020-04-08 15:07:42 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-laitela-milestone {
2020-05-13 20:35:42 +00:00
border-radius : 0 ;
2020-04-11 08:25:30 +00:00
}
2020-04-08 15:07:42 +00:00
. c-laitela-milestone__progress {
position : absolute ;
top : 0 ;
left : 0 ;
height : 100 % ;
z-index : -1 ;
}
2022-01-31 08:51:02 +00:00
. c-laitela-milestone--bar-border-fix {
position : absolute ;
height : calc ( 100 % + 0 . 2rem ) ;
width : calc ( 100 % + 0 . 2rem ) ;
border-radius : 0 . 5rem ;
border : 0 . 2rem solid ;
z-index : 1 ;
color : var ( --color-laitela--accent ) ;
margin : -0 . 7rem ;
}
2022-01-26 18:57:52 +00:00
. l-singularity-milestone-modal-container {
2020-04-14 19:58:44 +00:00
box-shadow : none ;
}
2022-01-26 18:57:52 +00:00
. c-laitela-milestone-mask {
2022-01-31 08:51:02 +00:00
background-color : white ;
2022-01-26 18:57:52 +00:00
mix-blend-mode : difference ;
2022-01-31 08:51:02 +00:00
z-index : 0 ;
2022-01-26 18:57:52 +00:00
}
. c-laitela-milestone--completed {
2022-01-31 08:51:02 +00:00
filter : brightness ( 10 % ) ;
2022-01-26 18:57:52 +00:00
left : 1 . 5rem ;
top : -1 . 5rem ;
height : 21 . 8rem ;
width : 18 . 8rem ;
transform : rotate ( 90deg ) ;
background-image : url ( . . / images / laitela-icon . svg ) ;
background-position : center ;
background-repeat : repeat-y ;
2022-01-31 08:51:02 +00:00
background-color : transparent ;
2022-01-26 18:57:52 +00:00
}
2020-05-13 20:35:42 +00:00
. c-laitela-singularity-container {
color : var ( --color-laitela--accent ) ;
background : var ( --color-laitela--base ) ;
2020-05-09 13:30:13 +00:00
width : 96rem ;
2020-04-08 15:07:42 +00:00
margin : auto ;
2020-05-13 20:35:42 +00:00
border : 0 . 2rem solid var ( --color-laitela--accent ) ;
2020-04-08 15:07:42 +00:00
border-radius : 0 . 5rem ;
margin-bottom : 1rem ;
display : flex ;
2020-05-09 13:30:13 +00:00
justify-content : space-around ;
2020-04-08 15:07:42 +00:00
align-items : center ;
padding : 1rem ;
margin-top : 1rem ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-laitela-singularity-container {
2020-05-13 20:35:42 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2020-04-08 15:07:42 +00:00
. c-laitela-singularity {
2020-05-14 07:18:06 +00:00
color : white ;
background : black ;
2020-04-08 15:07:42 +00:00
padding : 2rem ;
width : 40rem ;
2020-05-11 11:57:09 +00:00
height : 11rem ;
2020-05-13 20:35:42 +00:00
border : 0 . 2rem solid white ;
2020-04-08 15:07:42 +00:00
border-radius : 0 . 5rem ;
2020-04-11 08:25:30 +00:00
transition-duration : 0 . 15s ;
2020-04-08 15:07:42 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-laitela-singularity {
2020-05-13 20:35:42 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2020-04-08 15:07:42 +00:00
. c-laitela-singularity h2 {
margin : 0 ;
font-family : Typewriter ;
2020-04-10 09:05:47 +00:00
font-size : 1 . 5rem ;
2020-04-08 15:07:42 +00:00
}
2020-04-11 08:25:30 +00:00
. c-laitela-singularity--active {
cursor : pointer ;
}
. c-laitela-singularity--active : hover {
2020-05-14 07:18:06 +00:00
color : black ;
2020-04-11 08:25:30 +00:00
background : white ;
2020-05-13 20:35:42 +00:00
border-color : black ;
2020-04-11 08:25:30 +00:00
}
2020-04-08 15:07:42 +00:00
. c-laitela-singularity__cap-control {
2020-05-13 20:35:42 +00:00
color : var ( --color-laitela--accent ) ;
background : var ( --color-laitela--base ) ;
2020-04-08 15:07:42 +00:00
padding : 1rem ;
width : 20rem ;
margin-bottom : 1rem ;
2020-05-13 20:35:42 +00:00
border : 0 . 2rem solid var ( --color-laitela--accent ) ;
2020-04-08 15:07:42 +00:00
border-radius : . 5rem ;
font-family : Typewriter ;
2020-04-10 09:05:47 +00:00
font-size : 1 . 1rem ;
2020-04-08 15:07:42 +00:00
font-weight : bold ;
2020-04-11 08:25:30 +00:00
transition-duration : 0 . 15s ;
2020-04-08 15:07:42 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-laitela-singularity__cap-control {
2020-05-13 20:35:42 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2022-04-30 11:16:27 +00:00
. c-laitela-singularity__cap-control--available {
2022-04-30 06:59:49 +00:00
cursor : pointer ;
}
2022-04-30 11:16:27 +00:00
. c-laitela-singularity__cap-control--available : hover {
2020-05-13 20:35:42 +00:00
color : var ( --color-laitela--base ) ;
background : var ( --color-laitela--accent ) ;
2020-04-08 15:07:42 +00:00
}
2022-01-31 08:51:02 +00:00
. l-singularity-milestone-modal {
height : 60rem ;
}
2020-05-09 13:30:13 +00:00
. l-singularity-milestone-modal-container-outer {
height : 50rem ;
overflow-y : scroll ;
2020-08-15 06:54:36 +00:00
overflow-x : hidden ;
2020-05-09 13:30:13 +00:00
}
2022-01-25 01:11:48 +00:00
. l-singularity-milestone-modal-container-outer :: -webkit-scrollbar {
width : 1rem ;
}
. l-singularity-milestone-modal-container-outer :: -webkit-scrollbar-thumb {
2022-05-01 12:46:53 +00:00
border : none ;
}
. s-base--metro . l-singularity-milestone-modal-container-outer :: -webkit-scrollbar-thumb {
border-radius : 0 ;
2022-01-25 01:11:48 +00:00
}
2020-05-09 13:30:13 +00:00
. l-singularity-milestone-modal-container-inner {
2020-04-08 15:07:42 +00:00
display : flex ;
flex-wrap : wrap ;
2020-05-09 13:30:13 +00:00
height : 120rem ;
2020-05-12 05:14:09 +00:00
width : 93rem ;
justify-content : space-evenly ;
padding-bottom : 2rem ;
2020-04-08 15:07:42 +00:00
}
2022-01-31 08:51:02 +00:00
. l-singularity-milestone-modal-container-inner . c-laitela-milestone {
height : 19rem ;
}
2022-01-31 23:58:10 +00:00
. l-singularity-milestone-sort-container {
position : relative ;
left : -0 . 5rem ;
display : flex ;
flex-direction : row ;
margin-top : 0 . 5rem ;
border : 0 . 1rem solid var ( --color-laitela--accent ) ;
padding : 1rem 0 . 5rem ;
}
2022-01-31 08:51:02 +00:00
. c-singularity-milestone-modal-sort-button {
2022-01-25 01:11:48 +00:00
height : 6rem ;
2022-01-31 22:15:35 +00:00
width : 22rem ;
2022-01-25 01:11:48 +00:00
font-family : Typewriter , serif ;
font-weight : bold ;
font-size : 1 . 3rem ;
color : var ( --color-laitela--accent ) ;
background-color : var ( --color-laitela--base ) ;
border : 0 . 1rem solid var ( --color-laitela--accent ) ;
2022-01-31 08:51:02 +00:00
border-radius : 0 . 5rem ;
2022-01-25 01:11:48 +00:00
cursor : pointer ;
2022-01-31 23:58:10 +00:00
margin : 0 0 . 5rem ;
2022-01-31 08:51:02 +00:00
transition-duration : 0 . 15s ;
}
. s-base--metro . c-singularity-milestone-modal-sort-button {
border-radius : 0 ;
}
. c-singularity-milestone-modal-sort-button : hover {
color : var ( --color-laitela--base ) ;
background-color : var ( --color-laitela--accent ) ;
2022-01-25 01:11:48 +00:00
}
2020-04-08 15:07:42 +00:00
. o-laitela-singularity-modal-button {
2020-05-13 20:35:42 +00:00
color : var ( --color-laitela--accent ) ;
background : var ( --color-laitela--base ) ;
2020-05-09 13:30:13 +00:00
padding : 0 . 6rem ;
margin : 0 ;
2020-04-08 15:07:42 +00:00
font-weight : bold ;
width : 22rem ;
2020-05-09 13:30:13 +00:00
height : 4 % ;
2020-04-08 15:07:42 +00:00
border-radius : . 5rem ;
2020-05-13 20:35:42 +00:00
border : 0 . 2rem solid var ( --color-laitela--accent ) ;
2020-04-08 15:07:42 +00:00
cursor : pointer ;
2020-04-11 08:25:30 +00:00
transition-duration : 0 . 15s ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-laitela-singularity-modal-button {
2020-05-13 20:35:42 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2020-04-11 08:25:30 +00:00
. o-laitela-singularity-modal-button : hover {
2020-05-13 20:35:42 +00:00
color : var ( --color-laitela--base ) ;
background : var ( --color-laitela--accent ) ;
2020-04-08 15:07:42 +00:00
}
2020-09-05 05:28:15 +00:00
. o-laitela-singularity-locked {
color : var ( --color-laitela--accent ) ;
background : var ( --color-laitela--base ) ;
padding : 0 . 6rem ;
margin : 0 ;
font-weight : bold ;
width : 22rem ;
height : 4 % ;
border-radius : . 5rem ;
border : 0 . 2rem solid var ( --color-laitela--accent ) ;
font-size : 20px ;
padding-top : 10rem ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . o-laitela-singularity-locked {
2020-09-05 05:28:15 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2020-04-08 15:07:42 +00:00
. c-laitela-next-milestones {
margin-left : 1rem ;
display : flex ;
flex-direction : column ;
2020-05-09 13:30:13 +00:00
height : 84rem ;
2020-04-08 15:07:42 +00:00
}
2019-10-11 00:31:12 +00:00
@ keyframes a-dark-energy-glow {
2019-09-29 19:17:26 +00:00
0 % { box-shadow : 0 0 0 rgb ( 53 , 10 , 53 ) ; }
50 % { box-shadow : 0 0 5 px rgb ( 53 , 10 , 53 ) ; }
100 % { box-shadow : 0 0 0 rgb ( 53 , 10 , 53 ) ; }
2019-08-31 19:43:24 +00:00
}
2019-08-31 00:44:07 +00:00
. o-laitela-run-button__icon {
height : 12rem ;
width : 12rem ;
border-radius : 50 % ;
2020-05-13 20:35:42 +00:00
background-color : black ;
2019-08-31 21:00:05 +00:00
background-image : url ( . . / images / laitela-icon . svg ) ;
background-position : center ;
2020-05-14 20:19:29 +00:00
background-repeat : repeat-y ;
2020-05-13 20:35:42 +00:00
background-size : 4 . 95rem ;
2019-08-31 00:44:07 +00:00
align-items : center ;
margin : 1 . 5rem auto ;
2020-05-13 20:35:42 +00:00
border : 0 . 4rem solid var ( --color-laitela--accent ) ;
2019-10-11 00:31:12 +00:00
animation : a-laitela-run-button__icon--scroll 15s infinite linear ;
2019-08-31 21:00:05 +00:00
transition-duration : 0 . 2s ;
2022-02-04 19:45:30 +00:00
cursor : pointer ;
2019-08-31 00:44:07 +00:00
}
2019-08-31 21:00:05 +00:00
. o-laitela-run-button__icon : hover {
background-image : url ( . . / images / laitela-icon-dark . svg ) ;
background-color : white ;
}
2019-08-31 00:44:07 +00:00
2019-08-31 21:00:05 +00:00
. o-laitela-run-button__icon--running {
2019-10-11 00:31:12 +00:00
animation : a-laitela-run-button__icon--scroll 5s infinite linear ;
2019-08-31 00:44:07 +00:00
}
2019-10-11 00:31:12 +00:00
@ keyframes a-laitela-run-button__icon--scroll {
2019-09-29 19:17:26 +00:00
0 % { background-position-y : 0 }
2019-08-31 21:00:05 +00:00
100 % { background-position-y : 24 rem }
2019-08-31 00:44:07 +00:00
}
2022-01-22 05:28:23 +00:00
. l-laitela-annihilation-container {
2020-05-14 04:57:50 +00:00
color : var ( --color-laitela--accent ) ;
background : var ( --color-laitela--base ) ;
2020-05-09 13:30:13 +00:00
padding : 1rem ;
2020-04-08 15:07:42 +00:00
width : 50rem ;
2020-05-09 13:30:13 +00:00
height : 20rem ;
2020-05-14 04:57:50 +00:00
border : 0 . 2rem solid var ( --color-laitela--accent ) ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 5rem ;
2019-08-31 00:44:07 +00:00
font-family : Typewriter , serif ;
2022-01-22 05:28:23 +00:00
font-size : 1 . 2rem ;
}
2022-01-31 08:51:02 +00:00
. s-base--metro . l-laitela-annihilation-container {
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2022-01-22 05:28:23 +00:00
. l-laitela-annihilation-button {
color : var ( --color-laitela--accent ) ;
background : var ( --color-laitela--base ) ;
padding : 0 . 5rem ;
width : 35rem ;
height : 3rem ;
border : 0 . 2rem solid var ( --color-laitela--accent ) ;
2022-01-31 08:51:02 +00:00
border-radius : 0 . 5rem ;
2022-01-22 05:28:23 +00:00
font-family : Typewriter , serif ;
2021-12-01 10:39:54 +00:00
}
. c-laitela-annihilation-button {
2019-08-31 00:44:07 +00:00
cursor : pointer ;
transition-duration : 0 . 3s ;
}
2021-12-01 10:39:54 +00:00
. s-base--metro . l-laitela-annihilation-button {
2020-05-14 04:57:50 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2019-08-31 00:44:07 +00:00
. c-laitela-annihilation-button h2 {
color : inherit ;
}
. c-laitela-annihilation-button b {
color : inherit ;
}
. c-laitela-annihilation-button : hover {
2020-05-14 04:57:50 +00:00
background : var ( --color-laitela--accent ) ;
color : var ( --color-laitela--base ) ! important ; /* h2 color overrides this */
2019-08-31 00:44:07 +00:00
}
2022-01-31 08:51:02 +00:00
. c-laitela-annihilation-input {
border-color : var ( --color-laitela--accent ) ;
}
2020-05-11 11:57:09 +00:00
. c-laitela-automation-toggle {
2020-05-13 20:35:42 +00:00
color : var ( --color-laitela--accent ) ;
background : var ( --color-laitela--base ) ;
2020-05-11 11:57:09 +00:00
padding : 0 . 5rem ;
width : 20rem ;
height : 3rem ;
2020-05-13 20:35:42 +00:00
border : 0 . 2rem solid var ( --color-laitela--accent ) ;
2020-05-11 11:57:09 +00:00
border-radius : . 5rem ;
cursor : pointer ;
font-family : Typewriter ;
font-size : 1 . 1rem ;
font-weight : bold ;
transition-duration : 0 . 15s ;
}
. c-laitela-automation-toggle : hover {
2021-01-03 02:38:04 +00:00
color : var ( --color-laitela--base ) ;
2020-05-13 20:35:42 +00:00
background : var ( --color-laitela--accent ) ! important ;
2020-05-11 11:57:09 +00:00
}
2022-01-31 22:15:35 +00:00
. s-base--metro . c-laitela-automation-toggle {
box-shadow : none ;
}
2019-04-02 23:12:45 +00:00
/* #endregion laitela tab*/
. c-performance-stats {
width : 25rem ;
2019-10-11 00:31:12 +00:00
padding : 0 . 3rem ;
2019-04-02 23:12:45 +00:00
position : fixed ;
top : 0 ;
left : 0 ;
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid black ;
2019-04-02 23:12:45 +00:00
text-align : left ;
background-color : whitesmoke ;
z-index : 999 ;
}
. c-glyph-level-factors-dropdown-header {
2020-08-26 13:50:47 +00:00
color : var ( --color-reality-light ) ;
2021-10-22 04:06:14 +00:00
width : calc ( 100 % - 1rem ) ;
2019-04-02 23:12:45 +00:00
font-weight : bold ;
text-align : center ;
background : black ;
2019-10-11 00:31:12 +00:00
border : 0 . 2rem solid var ( --color-reality ) ;
2019-04-11 12:47:48 +00:00
border-radius : 0 . 5rem ;
2019-04-02 23:12:45 +00:00
padding-top : 0 . 3rem ;
padding-bottom : 0 . 3rem ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-glyph-level-factors-dropdown-header {
2019-04-11 12:47:48 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2019-04-02 23:12:45 +00:00
. l-glyph-levels-and-weights {
display : -ms-grid ;
display : grid ;
width : 100 % ;
padding-top : 1rem ;
}
. c-glyph-levels-and-weights {
font-weight : bold ;
background : black ;
}
. l-glyph-levels-and-weights__adjust-label {
grid-column : 4 ;
-ms-grid-column : 4 ;
-ms-grid-column-span : 2 ;
grid-row : 5 ;
-ms-grid-row : 5 ;
white-space : nowrap ;
font-weight : bold ;
padding : 0 . 25em 0 . 25em 1em ;
z-index : 2 ;
}
2020-04-12 01:10:08 +00:00
. l-glyph-levels-and-weights__adjust-auto {
grid-column : 4 ;
-ms-grid-column : 4 ;
-ms-grid-column-span : 2 ;
grid-row : 6 ;
-ms-grid-row : 6 ;
white-space : nowrap ;
font-weight : bold ;
padding : 0 . 25em 0 . 25em 1em ;
z-index : 2 ;
}
2019-04-02 23:12:45 +00:00
. l-glyph-levels-and-weights__adjust-outline {
grid-column : 4 / 5 ;
-ms-grid-column : 4 ;
-ms-grid-column-span : 1 ;
-ms-grid-row : 1 ;
position : relative ;
}
. l-glyph-levels-and-weights__adjust-outline :: after {
content : '' ;
position : absolute ;
2020-08-26 13:50:47 +00:00
border : 0 . 2rem solid var ( --color-reality-light ) ;
2019-04-02 23:12:45 +00:00
border-radius : 0 . 5em ;
top : -0 . 5em ;
bottom : -0 . 5em ;
left : -0 . 5em ;
right : -0 . 5em ;
}
2021-09-28 20:01:56 +00:00
. s-base--metro . l-glyph-levels-and-weights__adjust-outline :: after {
2019-04-11 12:47:48 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2019-04-02 23:12:45 +00:00
. l-glyph-levels-and-weights__factor {
grid-column : 1 ;
-ms-grid-column : 1 ;
text-align : left ;
padding-left : 1em ;
padding-top : 0 . 3em ;
padding-bottom : 0 . 3em ;
display : flex ;
align-items : center ;
}
. l-glyph-levels-and-weights__operator {
grid-column : 2 ;
-ms-grid-column : 2 ;
display : flex ;
align-items : center ;
padding-left : 1em ;
}
. l-glyph-levels-and-weights__factor-val {
grid-column : 3 ;
-ms-grid-column : 3 ;
text-align : right ;
padding-left : 1em ;
display : flex ;
align-items : center ;
justify-content : flex-end ;
padding-right : 2em ;
}
. l-glyph-levels-and-weights__slider {
grid-column : 4 ;
-ms-grid-column : 4 ;
display : flex ;
align-items : center ;
margin-top : 0 . 4rem ;
margin-bottom : 0 . 4rem ;
}
. c-glyph-levels-and-weights__slider-process {
2020-08-26 13:50:47 +00:00
background-color : var ( --color-reality-light ) ;
2019-04-02 23:12:45 +00:00
}
. c-glyph-levels-and-weights__slider-bg {
2019-10-11 00:31:12 +00:00
background-color : var ( --color-reality ) ;
2019-04-02 23:12:45 +00:00
}
. c-glyph-levels-and-weights__slider-handle {
2020-08-26 13:50:47 +00:00
color : var ( --color-reality-light ) ;
2019-04-11 12:47:48 +00:00
background-color : black ;
2020-08-26 13:50:47 +00:00
box-shadow : 0 0 0 0 . 1rem var ( --color-reality-light ) ;
2019-04-11 12:47:48 +00:00
border-radius : 0 . 8rem ;
2021-10-28 02:14:17 +00:00
transition-duration : 0 . 2s ;
2019-04-02 23:12:45 +00:00
}
2021-10-28 02:14:17 +00:00
. c-glyph-levels-and-weights__slider-handle : hover {
color : black ;
background-color : var ( --color-reality-light ) ;
2019-04-02 23:12:45 +00:00
}
2021-10-28 02:14:17 +00:00
. l-glyph-levels-and-weights__reset-btn-outer {
display : inline-flex ;
2019-04-02 23:12:45 +00:00
}
. c-glyph-levels-and-weights__reset-btn {
2020-08-26 13:50:47 +00:00
color : var ( --color-reality-light ) ;
2019-04-11 12:47:48 +00:00
background-color : black ;
2019-04-02 23:12:45 +00:00
border-radius : 0 . 5rem ;
2020-08-26 13:50:47 +00:00
border : 0 . 1rem solid var ( --color-reality-light ) ;
2021-10-28 02:14:17 +00:00
padding : 0 . 2rem 0 . 5rem ;
transition-duration : 0 . 2s ;
cursor : pointer ;
2019-04-02 23:12:45 +00:00
}
. c-glyph-levels-and-weights__reset-btn : hover {
color : black ;
2020-08-26 13:50:47 +00:00
background-color : var ( --color-reality-light ) ;
2019-04-02 23:12:45 +00:00
}
2021-10-28 02:14:17 +00:00
. s-base--metro . c-glyph-levels-and-weights__reset-btn {
border-radius : 0 ;
2020-04-12 01:10:08 +00:00
}
. c-glyph-levels-and-weights__auto-btn {
2021-10-28 02:14:17 +00:00
font-size : 1rem ;
font-family : Typewriter ;
font-weight : bold ;
2020-08-26 13:50:47 +00:00
color : var ( --color-reality-light ) ;
2020-04-12 01:10:08 +00:00
background-color : black ;
2021-10-28 02:14:17 +00:00
height : 2 . 5rem ;
2020-04-12 01:10:08 +00:00
border-radius : 0 . 5rem ;
2020-08-26 13:50:47 +00:00
border : 0 . 1rem solid var ( --color-reality-light ) ;
2021-10-28 02:14:17 +00:00
padding : 0 . 2rem 0 . 5rem ;
transition-duration : 0 . 2s ;
cursor : pointer ;
2020-04-12 01:10:08 +00:00
}
. c-glyph-levels-and-weights__auto-btn : hover {
2019-04-02 23:12:45 +00:00
color : black ;
2020-08-26 13:50:47 +00:00
background-color : var ( --color-reality-light ) ;
2019-04-02 23:12:45 +00:00
}
2021-10-28 02:14:17 +00:00
. s-base--metro . c-glyph-levels-and-weights__auto-btn {
border-radius : 0 ;
}
2019-04-02 23:12:45 +00:00
. o-questionmark {
border-radius : 50 % ;
border : 0 . 1rem solid ;
2021-10-21 02:51:57 +00:00
width : 1 . 2rem ;
height : 1 . 2rem ;
2021-10-28 02:14:17 +00:00
font-size : 1rem ;
2019-04-02 23:12:45 +00:00
display : inline-flex ;
align-items : center ;
justify-content : center ;
2021-10-19 03:58:45 +00:00
z-index : 2 ;
2021-10-28 02:14:17 +00:00
user-select : none ;
2019-04-02 23:12:45 +00:00
}
. l-glyphs-tab {
display : flex ;
flex-direction : row ;
justify-content : center ;
}
. l-reality-button-column {
display : flex ;
flex-direction : column ;
align-items : center ;
2021-10-22 05:31:43 +00:00
width : 44rem ;
2019-04-02 23:12:45 +00:00
margin-right : 2rem ;
}
2021-10-21 21:22:36 +00:00
. l-reality-button-group {
display : flex ;
flex-direction : row ;
width : 100 % ;
height : 9rem ;
2021-10-22 05:31:43 +00:00
margin-top : 0 . 5rem ;
margin-bottom : 1rem ;
2021-10-21 21:22:36 +00:00
}
. l-reality-button-group-half {
display : flex ;
flex-direction : column ;
justify-content : space-between ;
width : 50 % ;
padding : 0 . 5rem ;
}
2019-04-02 23:12:45 +00:00
. l-player-glyphs-column {
display : flex ;
flex-direction : column ;
2021-10-12 22:40:05 +00:00
padding-top : 1rem ;
2019-04-02 23:12:45 +00:00
justify-content : flex-start ;
2021-10-22 05:31:43 +00:00
width : 65rem ;
2019-04-02 23:12:45 +00:00
}
. l-reality-upgrade-grid {
display : flex ;
flex-direction : column ;
margin-top : 1 . 2rem ;
2019-09-29 19:17:26 +00:00
width : 100 % ;
align-items : center ;
2019-04-02 23:12:45 +00:00
}
. l-reality-upgrade-grid__row {
display : flex ;
flex-direction : row ;
}
. l-reality-upgrade-btn {
height : 10rem ;
2020-05-30 02:18:05 +00:00
padding : 0 0 . 5rem ;
2019-04-02 23:12:45 +00:00
display : flex ;
justify-content : center ;
align-items : center ;
flex-direction : column ;
position : relative ;
2022-03-17 09:06:28 +00:00
width : 20 . 5rem ;
2019-09-29 19:17:26 +00:00
margin : 1 . 2rem ;
2019-04-02 23:12:45 +00:00
}
. c-reality-upgrade-btn {
background-color : black ;
2019-10-11 00:31:12 +00:00
border : 0 . 2rem solid var ( --color-reality ) ;
border-radius : 0 . 5rem ;
2020-08-26 13:50:47 +00:00
color : var ( --color-reality-light ) ;
2019-04-02 23:12:45 +00:00
cursor : pointer ;
2020-04-11 08:25:30 +00:00
transition-duration : 0 . 15s ;
2019-04-02 23:12:45 +00:00
text-align : center ;
font-size : 1rem ;
font-family : Typewriter , serif ;
}
. c-reality-upgrade-btn__requirement {
font-weight : bold ;
}
. c-reality-upgrade-btn : hover {
color : black ;
2020-08-26 13:50:47 +00:00
background-color : var ( --color-reality-light ) ;
2019-04-02 23:12:45 +00:00
}
. c-reality-upgrade-btn--unavailable {
background-color : # 656565 ;
cursor : default ;
}
. c-reality-upgrade-btn--unavailable : hover {
background-color : # 656565 ;
2020-08-26 13:50:47 +00:00
color : var ( --color-reality-light ) ;
2019-04-02 23:12:45 +00:00
}
2022-02-09 14:39:10 +00:00
. c-reality-upgrade-btn--useless {
background-color : var ( --color-pelle--base ) ;
border-color : # 4a110b ;
cursor : default ;
2022-02-11 17:16:18 +00:00
filter : grayscale ( 50 % ) ;
2022-02-09 14:39:10 +00:00
}
. c-reality-upgrade-btn--useless : hover {
color : var ( --color-reality-light ) ;
background-color : var ( --color-pelle--base ) ;
2022-02-11 17:16:18 +00:00
filter : grayscale ( 50 % ) ;
2022-02-09 14:39:10 +00:00
}
2019-04-02 23:12:45 +00:00
. c-reality-upgrade-btn--bought {
2019-10-11 00:31:12 +00:00
background-color : var ( --color-reality ) ;
2019-04-02 23:12:45 +00:00
border-color : # 094E0B ;
cursor : default ;
}
. c-reality-upgrade-btn--bought : hover {
2020-08-26 13:50:47 +00:00
color : var ( --color-reality-light ) ;
2019-10-11 00:31:12 +00:00
background-color : var ( --color-reality ) ;
2019-04-02 23:12:45 +00:00
}
2020-04-21 20:41:17 +00:00
. c-reality-upgrade-btn--possible {
background-color : # 8b8529 ;
2021-01-18 13:46:30 +00:00
color : black ;
2020-04-21 20:41:17 +00:00
cursor : default ;
}
2020-04-21 23:04:31 +00:00
. c-reality-upgrade-btn--possible : hover {
background-color : # 8b8529 ;
2021-01-18 13:46:30 +00:00
color : black ;
2020-04-21 23:04:31 +00:00
}
2019-04-02 23:12:45 +00:00
. c-reality-upgrade-btn--locked {
background-color : # a53939 ;
cursor : default ;
}
. c-reality-upgrade-btn--locked : hover {
background-color : # a53939 ;
2020-08-26 13:50:47 +00:00
color : var ( --color-reality-light ) ;
2019-04-02 23:12:45 +00:00
}
2019-04-05 21:36:15 +00:00
. c-reality-upgrade-btn--black-hole-unlock {
2020-04-01 04:55:18 +00:00
margin : auto ;
2020-08-26 13:50:47 +00:00
text-shadow : -0 . 1rem 0 . 1rem 0 . 3rem var ( --color-reality-light )
2019-04-05 21:36:15 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-reality-upgrade-btn {
2019-04-11 12:47:48 +00:00
border-width : 0 . 1rem ;
border-radius : 0 ;
}
2019-04-17 20:54:36 +00:00
. t-dark . c-reality-upgrade-btn--unavailable {
2020-08-26 13:50:47 +00:00
color : var ( --color-reality-light ) ;
2019-04-17 20:54:36 +00:00
background-color : # 37474f ;
2019-04-02 23:12:45 +00:00
}
2019-04-17 20:54:36 +00:00
. t-dark . c-reality-upgrade-btn--locked {
2020-08-26 13:50:47 +00:00
color : var ( --color-reality-light ) ;
2019-10-11 00:31:12 +00:00
background-color : var ( --color-bad ) ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-reality-upgrade-btn : hover ,
. t-s10 . c-reality-upgrade-btn : hover {
2020-08-26 13:50:47 +00:00
background-color : var ( --color-reality-light ) ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-reality-upgrade-btn--unavailable : hover ,
. t-s10 . c-reality-upgrade-btn--unavailable : hover {
2019-04-11 12:47:48 +00:00
background-color : # 656565 ;
2020-08-26 13:50:47 +00:00
color : var ( --color-reality-light ) ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-reality-upgrade-btn--bought ,
. t-s10 . c-reality-upgrade-btn--bought {
2019-10-11 00:31:12 +00:00
background-color : var ( --color-reality ) ;
2019-04-11 12:47:48 +00:00
border-color : # 094E0B ;
2019-04-02 23:12:45 +00:00
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-reality-upgrade-btn--bought : hover ,
. t-s10 . c-reality-upgrade-btn--bought : hover {
2020-08-26 13:50:47 +00:00
color : var ( --color-reality-light ) ;
2019-10-11 00:31:12 +00:00
background-color : var ( --color-reality ) ;
2019-04-05 21:36:15 +00:00
}
. l-black-hole-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
}
. l-black-hole-upgrade-grid {
display : flex ;
flex-direction : column ;
width : 75rem ;
align-items : center ;
}
2020-09-21 08:05:51 +00:00
. l-black-hole-upgrade-permanent {
display : inline-flex ;
}
2019-04-05 21:36:15 +00:00
. l-black-hole-upgrade-grid__row {
display : flex ;
flex-direction : row ;
}
. c-black-hole-canvas {
2020-04-26 07:04:41 +00:00
margin-top : 0 . 5rem ;
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid black ;
2019-04-05 22:27:31 +00:00
}
2019-09-04 08:18:50 +00:00
. t-s1 . c-black-hole-canvas {
background : black ;
border-radius : 50 % ;
}
2022-01-28 23:04:49 +00:00
. l-black-hole-sliders {
width : 65rem ;
margin : 1rem auto ;
}
2020-10-15 23:09:42 +00:00
. c-perk-tab__header {
font-size : 1 . 5rem ;
2020-09-09 07:16:34 +00:00
margin-bottom : 1rem ;
2019-04-10 12:54:09 +00:00
}
2019-04-11 12:47:48 +00:00
2020-10-15 23:09:42 +00:00
. c-perk-tab__perk-points {
color : var ( --color-reality ) ;
2019-04-10 12:54:09 +00:00
}
2019-04-11 12:47:48 +00:00
2020-03-20 22:25:44 +00:00
/*#region reality-tab*/
2019-04-11 12:47:48 +00:00
2020-03-20 22:25:44 +00:00
. c-reality-tab__header {
2019-04-11 12:47:48 +00:00
font-size : 1 . 5rem ;
2020-03-20 22:25:44 +00:00
margin : 1 . 5rem 0 ;
2019-04-11 12:47:48 +00:00
}
2019-06-30 03:04:57 +00:00
2020-03-20 22:25:44 +00:00
. c-reality-tab__reality-machines {
2019-10-11 00:31:12 +00:00
color : var ( --color-reality ) ;
}
2020-03-20 22:25:44 +00:00
/*#region themes*/
2021-09-29 03:38:24 +00:00
/*#region t-dark t-s6 t-s10*/
2020-03-20 22:25:44 +00:00
. t-dark . c-reality-tab__reality-machines ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-reality-tab__reality-machines ,
. t-s10 . c-reality-tab__reality-machines {
2020-03-20 22:25:44 +00:00
text-shadow : 0 0 0 . 7rem ;
}
2021-09-29 03:38:24 +00:00
/*#endregion t-dark t-s6 t-s10*/
2020-03-20 22:25:44 +00:00
/*#region t-s1*/
. t-s1 . c-reality-tab__reality-machines {
text-shadow : 0 . 1rem 0 . 1rem 0 black ;
2019-10-11 00:31:12 +00:00
}
2019-06-30 03:04:57 +00:00
2020-03-20 22:25:44 +00:00
/*#endregion t-s1*/
/*#endregion themes*/
/*#endregion reality-tab*/
2019-06-30 03:04:57 +00:00
. c-automator-blocks {
width : 100 % ;
2019-08-26 07:36:06 +00:00
padding-bottom : 5rem ;
2019-06-30 03:04:57 +00:00
}
. o-automator-command {
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid # 353535 ;
padding : 0 . 5rem ;
2019-06-30 03:04:57 +00:00
display : inline-block ;
2019-07-14 00:47:32 +00:00
background : # 000115 ;
color : # c080ff ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 5rem ;
2019-07-14 00:47:32 +00:00
width : 8 . 5rem ;
2019-06-30 03:04:57 +00:00
user-select : none ;
cursor : grab ;
}
2019-07-14 00:47:32 +00:00
. c-automator-docs . o-automator-command {
2019-10-11 00:31:12 +00:00
margin-bottom : 0 . 5rem ;
margin-right : 0 . 5rem ;
2019-07-14 00:47:32 +00:00
}
. o-automator-command--ghost {
color : red ;
}
2019-06-30 03:04:57 +00:00
. c-automator-command-list {
display : flex ;
align-items : center ;
2019-07-14 00:47:32 +00:00
flex-wrap : wrap ;
2019-06-30 03:04:57 +00:00
}
. c-automator-block-row {
display : flex ;
align-items : center ;
2019-10-11 00:31:12 +00:00
margin-bottom : 0 . 5rem ;
2019-06-30 03:04:57 +00:00
}
. c-automator-block-row > * {
2019-10-11 00:31:12 +00:00
margin-right : 0 . 5rem
2019-06-30 03:04:57 +00:00
}
2019-07-26 21:29:51 +00:00
. c-automator-block-row-active {
background : # 50316f ;
}
2019-08-26 07:36:06 +00:00
. c-automator-block-row-ghost {
2019-07-26 21:29:51 +00:00
display : block ;
margin : auto ;
margin-left : 0 ;
2019-10-11 00:31:12 +00:00
margin-bottom : 0 . 5rem ;
2019-07-26 21:29:51 +00:00
}
2019-06-30 03:04:57 +00:00
. c-automator-block-editor {
overflow-y : scroll ;
height : 100 % ;
background-color : black ;
border-top-left-radius : 1rem ;
border-bottom-left-radius : 1rem ;
box-sizing : border-box ;
2019-10-11 00:31:12 +00:00
padding : 0 . 5rem ;
2019-06-30 03:04:57 +00:00
tab-size : 1 . 5em ;
-moz-tab-size : 1 . 5em ;
2019-09-29 19:17:26 +00:00
-o-tab-size : 1 . 5em ;
2019-06-30 03:04:57 +00:00
}
2022-05-02 08:36:33 +00:00
. s-base--metro . c-automator-block-editor :: -webkit-scrollbar-thumb {
border-radius : 0 ;
}
2019-06-30 03:04:57 +00:00
. o-automator-block-input {
2019-10-11 00:31:12 +00:00
border : 0 . 1rem solid # 353535 ;
padding : 0 . 5rem ;
2019-06-30 03:04:57 +00:00
display : inline-block ;
2019-07-14 00:47:32 +00:00
background : # 000115 ;
color : # 007f7f ;
2019-10-11 00:31:12 +00:00
border-radius : 0 . 5rem ;
2019-06-30 03:04:57 +00:00
font-size : 1 . 1rem ;
font-family : Typewriter , serif ;
}
2019-07-14 00:47:32 +00:00
input . o-automator-block-input {
color : # 0f0 ;
}
2019-06-30 03:04:57 +00:00
. l-automator-nested-block {
width : fit-content ;
padding : 1rem ;
border : 2px dotted # 55ff55 ;
margin-left : 3rem ;
2019-10-11 00:31:12 +00:00
margin-top : 0 . 5rem ;
2019-06-30 03:04:57 +00:00
min-widtH : 30rem ;
}
. o-automator-block-delete {
color : # ff3333 ;
font-size : 1 . 7rem ;
cursor : pointer ;
2019-07-03 11:51:27 +00:00
}
2019-07-23 17:42:22 +00:00
2021-12-31 04:41:08 +00:00
. c-automator-template-container {
display : flex ;
flex-direction : column ;
justify-content : space-between ;
margin : 1rem ;
2022-01-02 03:12:54 +00:00
height : 65rem ;
2021-12-31 04:41:08 +00:00
width : 70rem ;
}
2021-12-31 17:14:51 +00:00
. c-automator-template-description {
2022-01-17 09:10:14 +00:00
height : 9rem ;
2021-12-31 17:14:51 +00:00
}
. c-automator-template-inputs {
2022-01-02 03:12:54 +00:00
height : 27rem ;
2021-12-31 17:14:51 +00:00
}
. c-automator-template-warnings {
height : 22rem ;
}
2021-12-31 04:41:08 +00:00
. c-automator-template-entry {
padding : 0 . 2rem ;
}
. c-automator-template-textbox {
border : 0 . 1rem solid black ;
border-radius : 0 . 3rem ;
text-align : center ;
}
2022-01-02 03:12:54 +00:00
. c-automator-template-textbox--preset {
background-color : var ( --color-accent ) ;
}
2021-12-31 04:41:08 +00:00
. c-automator-template-textbox--invalid {
background-color : var ( --color-bad ) ;
}
2019-07-25 12:52:03 +00:00
. c-perk-tab {
display : flex ;
flex-direction : column ;
align-items : center ;
2020-04-21 07:33:20 +00:00
position : relative ;
2019-07-25 12:52:03 +00:00
}
2019-07-23 17:42:22 +00:00
. c-perk-network {
position : relative ;
overflow : hidden ;
touch-action : pan-y ;
user-select : none ;
-webkit-user-drag : none ;
-webkit-tap-highlight-color : rgba ( 0 , 0 , 0 , 0 ) ;
2021-08-25 18:48:36 +00:00
width : 60rem ;
height : 60rem ;
2021-08-17 04:45:16 +00:00
border : 0 . 2rem solid black ;
2019-07-23 17:42:22 +00:00
}
. c-perk-network__canvas {
position : relative ;
touch-action : none ;
user-select : none ;
-webkit-user-drag : none ;
-webkit-tap-highlight-color : rgba ( 0 , 0 , 0 , 0 ) ;
width : 100 % ;
height : 100 % ;
}
2019-08-11 06:59:50 +00:00
/* #startregion h2p tab*/
2019-08-14 00:44:16 +00:00
. l-h2p-modal {
display : flex ;
flex-direction : column ;
margin : 0 . 5rem ;
2019-08-15 22:18:49 +00:00
width : calc ( 100vw - 20vh ) ;
height : calc ( 100vh - 20vh ) ;
2019-08-14 00:44:16 +00:00
}
2019-08-20 18:58:45 +00:00
. l-h2p-container {
display : flex ;
flex-direction : row ;
flex : 1 1 50rem ;
2020-04-29 22:04:57 +00:00
margin : 2rem 0 ;
2019-08-20 18:58:45 +00:00
}
2019-08-14 00:44:16 +00:00
. l-h2p-header {
2019-08-15 22:18:49 +00:00
flex : 0 0 . 2 5rem ;
2019-08-20 18:58:45 +00:00
text-align : center ;
}
. l-h2p-search-tab {
2019-08-14 00:44:16 +00:00
display : flex ;
2019-08-20 18:58:45 +00:00
flex-direction : column ;
2020-04-11 08:25:30 +00:00
width : 15rem ;
2019-08-20 18:58:45 +00:00
}
. l-h2p-info {
flex : 1 1 50rem ;
display : flex ;
flex-direction : column ;
2019-08-14 00:44:16 +00:00
}
. c-h2p-title {
user-select : none ;
font-size : 3rem ;
}
. c-h2p-body {
text-align : left ;
2019-08-15 22:18:49 +00:00
font-size : 1 . 6rem ;
2019-08-14 00:44:16 +00:00
}
. l-h2p-body {
2022-05-02 14:53:11 +00:00
flex : 1 1 30rem ;
2019-08-14 00:44:16 +00:00
overflow-y : scroll ;
2022-05-02 16:26:32 +00:00
margin : 1rem 1rem 0 ;
2019-08-15 22:18:49 +00:00
padding : 0 . 5rem ;
}
. l-h2p-body :: -webkit-scrollbar {
width : 1rem ;
}
. l-h2p-body :: -webkit-scrollbar-thumb {
2022-05-01 12:46:53 +00:00
border : none ;
}
. s-base--metro . l-h2p-body :: -webkit-scrollbar-thumb {
border-radius : 0 ;
2019-08-14 00:44:16 +00:00
}
2019-09-08 09:32:41 +00:00
2019-08-20 18:58:45 +00:00
. c-h2p-body--title {
font-size : 2 . 5rem ;
}
2019-08-14 00:44:16 +00:00
. c-h2p-search-bar {
2020-04-11 08:25:30 +00:00
font-size : 1 . 5rem ;
2019-08-20 18:58:45 +00:00
width : calc ( 100 % - 1rem ) ;
padding : 0 . 2rem ;
2019-08-14 00:44:16 +00:00
}
. l-h2p-tab-list {
display : flex ;
justify-content : flex-start ;
2019-08-20 18:58:45 +00:00
flex-direction : column ;
2022-03-24 12:11:26 +00:00
overflow-y : auto ;
2022-05-02 16:26:32 +00:00
margin : 0 . 5rem 0 . 5rem 0 ;
2019-08-20 18:58:45 +00:00
flex : 1 0 . 8 40rem ;
2022-05-01 12:46:53 +00:00
scrollbar-width : thin ;
2019-08-14 00:44:16 +00:00
}
2019-08-20 18:58:45 +00:00
. l-h2p-tab-list :: -webkit-scrollbar {
width : 0 . 5rem ;
}
. l-h2p-tab-list :: -webkit-scrollbar-thumb {
2022-05-01 12:46:53 +00:00
border : none ;
}
. s-base--metro . l-h2p-tab-list :: -webkit-scrollbar-thumb {
border-radius : 0 ;
2019-08-20 18:58:45 +00:00
}
. o-h2p-tab-button {
font-size : 1 . 25rem ;
cursor : pointer ;
border-bottom : 0 . 1rem solid black ;
padding : 0 . 3rem 0 . 5rem 0 . 3rem 0 ;
2022-05-01 10:49:34 +00:00
transition : all 0 . 2s ;
2020-04-11 08:25:30 +00:00
}
. o-h2p-tab-button : hover {
2022-05-01 14:21:51 +00:00
box-shadow : inset 0 0 0 . 8rem var ( --color-text ) ;
2019-08-20 18:58:45 +00:00
}
2019-08-27 03:38:28 +00:00
2021-09-28 20:01:56 +00:00
. s-base--dark . o-h2p-tab-button {
2019-08-20 18:58:45 +00:00
border-bottom : 0 . 1rem solid white ;
}
. o-h2p-tab-button--selected {
2022-05-01 14:21:51 +00:00
box-shadow : inset 0 0 0 . 8rem var ( --color-text ) ;
2019-08-11 06:59:50 +00:00
}
2019-08-20 08:48:39 +00:00
. l-help-me {
position : absolute ;
top : 1rem ;
width : 2rem ;
2022-03-17 13:59:08 +00:00
right : 2rem ;
2019-08-20 08:48:39 +00:00
height : 2rem ;
border-radius : 50 % ;
line-height : 1 . 9rem ;
font-size : 1 . 5rem ;
cursor : pointer ;
font-weight : 500 ;
2019-09-08 09:32:41 +00:00
}
2019-09-27 01:35:14 +00:00
2022-03-22 17:34:22 +00:00
. l-information {
top : 3 . 1rem ;
}
2021-05-26 23:52:29 +00:00
. l-hide-modal-tab-container {
margin : 0 . 5rem ;
}
. l-hide-modal-subtab-container {
2021-06-04 06:20:12 +00:00
display : flex ;
2021-05-27 20:44:06 +00:00
flex-wrap : wrap ;
2022-04-09 08:26:58 +00:00
width : 61rem ;
2022-03-26 22:49:01 +00:00
justify-content : center ;
position : relative ;
2021-05-26 23:52:29 +00:00
}
. c-hide-modal-all-subtab-container {
2021-06-04 06:20:12 +00:00
border-radius : 0 . 8rem ;
border : 0 . 1rem solid black ;
padding : 0 . 2rem ;
2022-03-27 13:34:25 +00:00
cursor : pointer ;
2021-05-26 23:52:29 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-hide-modal-all-subtab-container {
2021-06-04 06:20:12 +00:00
border-radius : 0 ;
2021-05-26 23:52:29 +00:00
}
2022-03-17 10:52:50 +00:00
. s-base--metro . c-hide-modal-tab-button {
border-radius : 0 ;
2022-02-06 20:00:38 +00:00
}
2021-06-05 16:43:14 +00:00
. c-hide-modal-tab-button {
2022-02-06 19:54:49 +00:00
color : var ( --color-text ) ;
background-color : var ( --color-base ) ;
2022-03-10 02:25:47 +00:00
font : 1rem Typewriter , serif ;
2021-05-27 20:44:06 +00:00
display : flex ;
justify-content : center ;
2021-06-04 06:20:12 +00:00
align-items : center ;
2022-03-10 02:25:47 +00:00
height : 3 . 4rem ;
2021-06-04 06:20:12 +00:00
width : 12rem ;
margin : 0 . 2rem ;
2022-02-06 20:00:38 +00:00
border : 0 . 1rem solid black ;
border-radius : 0 . 4rem ;
2022-02-06 20:02:04 +00:00
box-shadow : none ;
2021-06-04 06:20:12 +00:00
white-space : normal ;
2021-06-05 16:43:14 +00:00
font-weight : bold ;
2022-02-06 19:54:49 +00:00
cursor : pointer ;
2022-02-06 20:00:38 +00:00
transition-duration : 0 . 2s ;
padding : 0 . 3rem 1rem ;
2021-05-26 23:52:29 +00:00
}
2022-02-06 21:44:36 +00:00
. c-hide-modal-tab-button : hover {
color : var ( --color-text-inverted ) ;
background-color : var ( --color-good ) ;
2021-05-26 23:52:29 +00:00
}
. c-hide-modal-button--active {
opacity : 1 ;
}
. c-hide-modal-button--inactive {
opacity : 0 . 6 ;
}
. c-hide-modal-button--always-visible {
2022-03-26 22:49:01 +00:00
color : var ( --color-text-inverted ) ;
2022-02-06 20:02:04 +00:00
background-color : var ( --color-disabled ) ;
2022-03-26 22:49:01 +00:00
cursor : default ;
2021-06-05 16:43:14 +00:00
}
2022-03-26 22:49:01 +00:00
. c-hide-modal-button--always-visible : hover {
color : var ( --color-text-inverted ) ;
background-color : var ( --color-disabled ) ;
2021-05-26 23:52:29 +00:00
}
2021-06-04 06:20:12 +00:00
. c-hide-modal-tab-button--infinity {
2021-06-05 16:43:14 +00:00
color : var ( --color-infinity ) ;
2022-02-06 20:01:44 +00:00
background : var ( --color-prestige--accent ) ;
border-color : var ( --color-infinity ) ;
2021-06-04 06:20:12 +00:00
}
. c-hide-modal-tab-button--infinity : hover {
2021-06-05 16:43:14 +00:00
color : var ( --color-prestige--accent ) ;
2022-02-06 20:01:44 +00:00
background : var ( --color-infinity ) ;
2021-06-04 06:20:12 +00:00
}
. c-hide-modal-tab-button--eternity {
2021-06-05 16:43:14 +00:00
color : var ( --color-eternity ) ;
2022-02-06 20:01:44 +00:00
background : var ( --color-prestige--accent ) ;
border-color : var ( --color-eternity )
2021-06-04 06:20:12 +00:00
}
. c-hide-modal-tab-button--eternity : hover {
2021-06-05 16:43:14 +00:00
color : var ( --color-prestige--accent ) ;
2022-02-06 20:01:44 +00:00
background : var ( --color-eternity ) ;
2021-06-04 06:20:12 +00:00
}
. c-hide-modal-tab-button--reality {
2021-06-05 16:43:14 +00:00
color : var ( --color-reality ) ;
2022-02-06 20:01:44 +00:00
background : var ( --color-prestige--accent ) ;
border-color : var ( --color-reality ) ;
2021-06-04 06:20:12 +00:00
}
. c-hide-modal-tab-button--reality : hover {
2021-06-05 16:43:14 +00:00
color : var ( --color-prestige--accent ) ;
2022-02-06 20:01:44 +00:00
background : var ( --color-reality ) ;
2021-06-04 06:20:12 +00:00
}
2021-06-07 18:47:22 +00:00
. c-hide-modal-tab-button--celestials {
2021-06-05 16:43:14 +00:00
color : var ( --color-celestials ) ;
2022-02-06 20:01:44 +00:00
background : var ( --color-prestige--accent ) ;
border-color : var ( --color-celestials ) ;
2021-06-04 06:20:12 +00:00
}
2021-06-07 18:47:22 +00:00
. c-hide-modal-tab-button--celestials : hover {
2021-06-05 16:43:14 +00:00
color : var ( --color-prestige--accent ) ;
2022-02-06 20:01:44 +00:00
background : var ( --color-celestials ) ;
2021-06-04 06:20:12 +00:00
}
2019-09-27 01:35:14 +00:00
/* Prevent any themes overriding font awesome */
. fa , . far , . fas {
font-family : "Font Awesome 5 Free" ! important ;
2020-01-28 19:42:10 +00:00
}
@ keyframes opacity {
0 % { opacity : 0 ; }
50 % { opacity : 0.4 ; }
100 % { opacity : 0 ; }
}
. tutorial--glow {
position : relative ;
}
. tutorial--glow : after {
content : "" ;
position : absolute ;
width : 100 % ;
height : 100 % ;
background : gold ;
2020-04-11 12:40:44 +00:00
animation : opacity 3s infinite ;
2020-01-28 19:42:10 +00:00
top : 0 ;
left : 0 ;
border-radius : inherit ;
2020-04-11 12:40:44 +00:00
}
2022-04-30 08:25:38 +00:00
. o-celestial-nav__hoverable . tooltiptext { display : none ; }
2019-11-20 15:27:24 +00:00
. o-celestial-nav__hoverable : hover . tooltiptext ,
. o-celestial-nav__force-hover . tooltiptext { display : block ; }
. c-celestial-nav__test-ring {
fill : blue ;
}
. c-celestial-nav__test-ring : hover {
fill : red ;
stroke : black ;
stroke-width : 2 ;
}
. c-celestial-nav__test-complete {
2020-06-09 03:13:27 +00:00
fill : # 5151ec ;
2019-11-20 15:27:24 +00:00
}
. c-celestial-nav__effarig {
2020-06-09 03:13:27 +00:00
fill : # d13737 ;
2019-11-20 15:27:24 +00:00
}
. c-celestial-nav__test-incomplete {
fill : # 888 ;
}
. o-celestial-nav__symbol {
text-anchor : middle ;
2020-06-09 03:13:27 +00:00
font-weight : bold ;
font-family : Font Awesome ;
2019-11-20 15:27:24 +00:00
}
. o-celestial-nav__legend-arrow {
stroke : # CCC ;
fill : none ;
stroke-linecap : butt ;
stroke-width : 2 ;
}
. o-celestial-nav__hoverable : hover . o-celestial-nav__legend-arrow {
stroke : # FFF ;
}
2020-04-18 20:23:23 +00:00
. o-celestial-nav__legend-outline {
stroke : none ;
fill : none ;
stroke-linecap : butt ;
stroke-width : 2 ;
}
. o-celestial-nav__hoverable : hover . o-celestial-nav__legend-outline {
stroke : # FFF ;
}
. o-celestial-nav__node-overlay {
stroke : transparent ;
fill : transparent ;
stroke-width : 12 ;
}
2019-11-20 15:27:24 +00:00
. o-celestial-nav__legend-text {
2020-02-26 13:53:55 +00:00
fill : rgb ( 238 , 135 , 17 ) ;
2019-11-20 15:27:24 +00:00
font-weight : bold ;
2020-06-09 03:13:27 +00:00
text-shadow : 0 0 0 . 1rem black , 0 0 0 . 1rem black , 0 0 0 . 1rem black ;
2019-11-20 15:27:24 +00:00
}
. o-celestial-nav__hoverable : hover . o-celestial-nav__legend-text {
2020-02-26 13:53:55 +00:00
fill : rgb ( 197 , 112 , 14 ) ;
2019-11-20 15:27:24 +00:00
}
. o-no-mouse {
-moz-user-select : none ;
-khtml-user-select : none ;
-webkit-user-select : none ;
-ms-user-select : none ;
user-select : none ;
pointer-events : none ;
}
. tooltiptext {
-moz-user-select : none ;
-khtml-user-select : none ;
-webkit-user-select : none ;
-ms-user-select : none ;
user-select : none ;
pointer-events : none ;
}
2020-02-26 13:53:55 +00:00
. l-celestial-navigation {
margin : auto ;
border : 2px solid black ;
border-radius : 5px ;
2020-04-11 20:46:59 +00:00
/* background: #1a1a1a; */
2020-04-10 11:15:03 +00:00
}
2020-04-10 22:41:59 +00:00
. c-autobuyer-buy-box {
2020-04-13 00:23:54 +00:00
display : flex ;
justify-content : center ;
align-items : center ;
height : 6 . 4rem ;
2020-06-16 15:31:31 +00:00
font-size : 1 . 5rem ;
border-radius : 0 . 5rem ;
border-width : 0 . 2rem ;
margin : 0 . 5rem ;
2020-04-13 00:23:54 +00:00
padding : 1rem ;
width : 90rem ;
}
2021-09-29 03:38:24 +00:00
. t-s6 . c-autobuyer-buy-box ,
. t-s10 . c-autobuyer-buy-box {
2020-06-16 15:31:31 +00:00
border-width : 0 . 1rem ;
2020-04-11 08:50:57 +00:00
}
2021-09-28 20:01:56 +00:00
. s-base--metro . c-autobuyer-buy-box ,
2021-09-29 03:38:24 +00:00
. t-s6 . c-autobuyer-buy-box ,
. t-s10 . c-autobuyer-buy-box {
2020-06-16 15:31:31 +00:00
height : 6 . 2rem ;
2020-08-04 17:33:06 +00:00
}
2022-02-05 17:58:39 +00:00
2022-02-11 17:16:18 +00:00
. c-pelle-useless--available {
2022-04-29 11:18:47 +00:00
color : var ( --color-pelle--secondary ) ;
2022-02-11 17:16:18 +00:00
}
. c-pelle-useless--available : hover {
filter : grayscale ( 50 % ) ;
}
. c-pelle-useless--bought {
background-color : var ( --color-pelle--base ) ;
2022-02-05 17:58:39 +00:00
filter : grayscale ( 50 % ) ;
2022-03-17 10:52:50 +00:00
}
2022-03-24 03:35:19 +00:00
. l-fill-container {
width : 100 % ;
height : 100 % ;
}