:root { --main-bg-color: #fff; --courier: Courier, 'Courier New', monospace; --body-font-size: 1rem; --border: 1px dotted #000; --border-active: 1px solid #000; --gray: #E5E5E5; }

/* OVERALL */
html { font-size: 100%; }

body { overflow-x: hidden !important; padding: 15px; margin: 0; position: relative; height: 100vh; }

#everything { display: flex; flex-flow: column nowrap; height: 100%; }

em { font-family: Courier, 'Courier New', monospace; font-style: oblique; }

*, *:before, *:after { box-sizing: border-box; }

.mobile-menu-button { display: none !important; }

button { appearance: none; -webkit-appearance: none; border: 0; margin: 0; }

.dark #top-spiral, .dark #spiral-stamp { background: url("/images/logo-spiral-white.svg") no-repeat !important; }

.dark header *, .dark nav * { color: #fff !important; }

.dark nav#menu a, .dark nav#menu button, .dark #more-dropdown-items, .dark .archive a, .dark #footer-menu a { border: 1px dotted #fff; }

.dark nav#menu a:hover, .dark nav#menu button:hover, .dark .archive a:hover, .dark nav#menu .current, .dark #footer-menu a:hover { color: #fff !important; border: 1px solid #fff !important; }

.dark #more-dropdown-items li a:hover, .dark #footer .other-links a, .dark #modes a:hover { border: 0 !important; border-bottom: 1px dotted #fff !important; }

.dark #more-dropdown-items li a.current, .dark #modes a.current, .dark #footer .other-links a:hover { border: 0 !important; border-bottom: 1px solid #fff !important; }

.dark footer, .dark a.scroll { color: #fff !important; }

.dark footer .kickstarter a { color: #fff; border-bottom: 1px dotted #fff; }

.dark footer .kickstarter a:hover { border-bottom: 1px solid #fff; }

.dark .extra-buttons .light { display: inline-block !important; }

.dark .extra-buttons .dark { display: none; }

.dark nav#modes a#subscribe-button { background: url("/images/email-icon-white.svg") no-repeat; background-size: 100% 100%; border-bottom: 0 !important; }

.dark nav#modes a#subscribe-button:hover { background: url("/images/email-open-icon-white.svg") no-repeat; background-size: 100% 100%; }

.dark #filter-buttons button.active { color: #000; }

.dark ul#more-dropdown-items { background: #000; }

header { font-family: var(--courier); font-size: var(--body-font-size); position: relative; margin-bottom: 30px; }

#top-spiral { display: block; width: 111px; height: 101px; background: url("/images/logo-spiral.svg"); background-repeat: no-repeat; background-size: 100% 100%; }

a#tci-title { margin: 20px 0; display: inline-block; }

header#slim #spiral-stamp { display: block; width: 31px; height: 27px; background: url("/images/logo-spiral.svg") no-repeat; background-repeat: no-repeat; background-size: 100% 100%; margin-bottom: 50px; }

nav#modes { position: absolute; top: 8px; right: 8px; display: flex; flex-flow: row wrap; }

nav#modes a { text-decoration: none; color: #000; cursor: pointer; margin-right: 20px; }

nav#modes a:last-child { margin-right: 0; }

nav#modes a:hover { border-bottom: 1px dotted #000; }

nav#modes a.current { border-bottom: 1px solid #000; }

nav#modes a#subscribe-button { display: block; width: 27px; height: 17px; background: url("/images/email-icon.svg") no-repeat; background-size: 100% 100%; }

nav#modes a#subscribe-button:hover { width: 27px; height: 28px; background: url("/images/email-open-icon.svg") no-repeat; background-size: 100% 100%; border: 0; margin-top: -11px; }

nav#menu { display: flex; flex-flow: row wrap; }

nav#menu .nav-group { display: flex; flex-flow: row wrap; }

nav#menu a, nav#menu button { font-family: var(--courier); font-size: var(--body-font-size); padding: 11px; border: var(--border); background-color: transparent; color: #000; display: inline-block; text-decoration: none; cursor: pointer; height: max-content; margin: 0 8px 8px 0; }

nav#menu a:hover, nav#menu button:hover { border: var(--border-active); }

nav#menu .current { border: var(--border-active) !important; }

#search-button { border-radius: 20px; }

#more-dropdown { position: relative; }

ul#more-dropdown-items { position: absolute; top: 35px; left: 0; display: none; flex-flow: column nowrap; z-index: 2; padding: 0; border: var(--border); background-color: #fff; padding: 10px; }

ul#more-dropdown-items li { list-style-type: none; width: 100%; margin-bottom: 12px; line-height: initial; }

ul#more-dropdown-items li a { margin: 0; }

ul#more-dropdown-items li:last-child { margin-bottom: 0; }

#more-dropdown-items a { display: inline-block !important; border: 0 !important; padding: 0 !important; border-bottom: 1px solid transparent !important; }

#more-dropdown-items a:hover { border-bottom: 1px dotted #000 !important; }

#more-dropdown-items li a.current { border: none !important; border-bottom: 1px solid #000 !important; }

.type { padding: 2px 4px; display: inline-block; margin-bottom: 10px; }

main.archive, .collection { display: flex; flex-flow: row wrap; }

.box { position: relative; display: block; font-family: var(--courier); font-size: var(--body-font-size); width: 270px; height: 270px; padding: 10px; margin: 0 10px 10px 0; text-decoration: none; line-height: 1.3em; }

.box img { max-width: 100%; }

.box .date { position: absolute; bottom: 10px; left: 10px; }

a.guide { color: #000; background-color: #F8F8EA; border: var(--border); }

a.wisdom, a.note, a.transmission, a.pdf, a.focus, a.serie, a.approach { color: #000; border: var(--border); }

a.wisdom:hover, a.note:hover, a.transmission:hover, a.pdf:hover, a.guide:hover, a.serie:hover, a.focus:hover, a.tip:hover { border: var(--border-active) !important; }

a.approach { color: #fff; background-color: #C66026; border: none; }

a.approach .type, a.question .type { border-color: #fff !important; }

a.question { color: #fff; background-color: #09099b; }

a.essay, a.book, a.weekend { color: #fff; background-color: #000; }

a.book .type, a.weekend .type { border-color: #fff; }

a.serie { border: var(--border) !important; }

a.tip { color: #000 !important; background-color: #cdddbb; border-color: #000 !important; border: 1px dotted #000; }

a.tip .type { border-color: #000; }

a.focus { display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; border: none !important; background-color: #0000001f; }

a.focus:hover { background-color: #fff; }

a.focus:hover .title { color: #434B57 !important; }

a.transmission { background: #def4ff; }

a.note .type, a.serie .type, a.guide .type, a.wisdom .type, a.transmission .type { color: #fff; background-color: #000; }

a.book .type, a.weekend .type, a.approach .type { color: #000; background-color: #fff; }

a.big-block { border: 1px solid transparent; }

a.big-block .label .title { font-size: 22px; line-height: 29px; }

.snail { margin: 0 10px 10px 0; }

.snail video { position: relative !important; opacity: 1 !important; filter: grayscale(100); width: 270px; height: 270px; }

.snail video:hover { filter: none; }

/* Tagline START */
.tagline { font-family: Courier, 'Courier New', monospace; font-size: 150%; margin-top: .3em; color: #ffffff; display: none; display: block; border-width: 0px 0 1px 0; padding: .4em 0 .2em 0; line-height: 1.2; }

@media (max-width: 535px) { .tagline { color: #000000 !important; border-color: #000000 !important; } }

/* Tagline END */
.tagline-inverse { color: #000 !important; }

h2.normal { font-weight: normal; display: inline-block; font-family: Courier, 'Courier New', monospace; font-size: 80%; padding: 2px 6px; margin: 0; margin-bottom: 1em; margin-top: 2em; position: relative; }

/* FOOTER */
footer { font-family: Courier, 'Courier New', monospace; font-size: var(--body-font-size); line-height: 1.3; padding-top: 200px; margin-top: auto; color: #000; }

footer a { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }

footer a:hover { border-bottom: 1px solid #000; }

#footer-menu { display: flex; flex-flow: row wrap; gap: 8px; margin: 0.75em 0 0; }

#footer-menu a { font-family: var(--courier); font-size: var(--body-font-size); color: #fff; padding: 11px; border: 1px dotted #000; display: inline-block; text-decoration: none; margin-right: 4px; margin-bottom: 8px; }

#footer-menu a.facebook, #footer-menu a.twitter, #footer-menu a.instagram, #footer-menu a.rss, #footer-menu a.email, #footer-menu a.arena { display: inline-block; width: 43px; height: 43px; vertical-align: -24px; padding: 10px; box-sizing: border-box; }

#footer-menu a .light { display: none; }

.under-construction { max-width: 50em; }

.under-construction img { display: block; float: left; margin-right: 5px; margin-left: -14px; width: 135px; }

.under-construction img.white { display: none; }

.clearer { clear: both; }

.home #footer { color: #000; }

.home .under-construction img.black { display: none; }

.home .under-construction img.white { display: block; }

.toggle-extra-buttons { cursor: pointer; }

#footer a.button { display: none; color: #000; text-decoration: none; border: 1px dotted #000; padding: 11px; }

#footer a.button:hover { border-style: solid; }

a.scroll { color: #000; border-bottom: none !important; }

@media (max-width: 820px) { #footer { margin-top: 4em; } .home .under-construction img.white { display: none; } }

@media (max-width: 535px) { .box { width: 100%; margin-right: 0; } .home #footer { color: #000 !important; } .home #footer a { color: #000 !important; border-bottom-color: #000 !important; } }

@media (max-width: 525px) { #footer .text { border-top: 1px dotted #000; padding-top: 1em; } .home .under-construction img.black { display: block; } }

a#quotes-link { display: flex; font-family: var(--courier); color: #fff; text-decoration: none; position: absolute; top: 30px; right: 43%; width: 90px; height: 90px; border-radius: 100%; overflow: hidden; }

a#quotes-link:hover #quotes-label { display: flex; }

a#quotes-link #quotes-label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; display: none; flex-flow: row nowrap; justify-content: center; align-items: center; transform: rotate(342deg); }

a#quotes-link #quotes-label span { margin-top: -19px; }

a#quotes-link video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; }

@media (max-width: 600px) { a#quotes-link { top: 59px; right: 1%; width: 75px; height: 75px; background-color: #9d9d9d; } a#quotes-link #quotes-label { display: flex !important; } a#quotes-link #quotes-label span { margin-top: 0; font-size: 16px; } a#quotes-link video { display: none; } }

/*# sourceMappingURL=global.css.map */