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

/* OVERALL */
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: 8px; }

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 { border: var(--border); 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: #F5F5DC; 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.approach:hover { border: var(--border-active) !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: #fff; background-color: #3b9522; }

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

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

a.transmission { background: #def4ff; }

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; } }

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