@charset "UTF-8";
/* line 37, ../../sass/_global.scss */
.clearfix::after, #do-page .programs::after, #think-page .stuff::after {
  content: "";
  display: block;
  clear: both;
}

/* line 44, ../../sass/_global.scss */
.noselect, .control, .title, #main-page .main-text, #do-page .filters a, #do-page .filters .header, #do-page .filters .filter, #do-page .programs, #do-page .slideshow .slideshow-item a.link, #not-found-page, .sinusoid-container, #think-page .filters, #think-page .stuff .thingy, .audio-player, .audio-player .play-button, .noselect *, .control *, .title *, #main-page .main-text *, #do-page .filters a *, #do-page .filters .header *, #do-page .filters .filter *, #do-page .programs *, #do-page .slideshow .slideshow-item a.link *, #not-found-page *, .sinusoid-container *, #think-page .filters *, #think-page .stuff .thingy *, .audio-player *, .audio-player .play-button * {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@font-face {
  font-family: "Arimo";
  src: url("/https/sinusoid.es/static/fonts/Arimo-Regular.eot");
  src: local("Arimo"), local("Arimo-Regular"), url("/https/sinusoid.es/static/fonts/Arimo-Regular.woff") format("woff"), url("/https/sinusoid.es/static/fonts/Arimo-Regular.ttf") format("truetype"), url("/https/sinusoid.es/static/fonts/Arimo-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Arimo';
  src: url("/https/sinusoid.es/static/fonts/Arimo-Bold.eot");
  src: local("Arimo Bold"), local("Arimo-Bold"), url("/https/sinusoid.es/static/fonts/Arimo-Bold.woff") format("woff"), url("/https/sinusoid.es/static/fonts/Arimo-Bold.ttf") format("truetype"), url("/https/sinusoid.es/static/fonts/Arimo-Bold.svg") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Arimo";
  src: url("/https/sinusoid.es/static/fonts/Arimo-Italic.eot");
  src: local("Arimo Italic"), local("Arimo-Italic"), url("/https/sinusoid.es/static/fonts/Arimo-Italic.woff") format("woff"), url("/https/sinusoid.es/static/fonts/Arimo-Italic.ttf") format("truetype"), url("/https/sinusoid.es/static/fonts/Arimo-Italic.svg") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Arimo';
  src: url("/https/sinusoid.es/static/fonts/Arimo-BoldItalic.eot");
  src: local("Arimo Bold Italic"), local("Arimo-BoldItalic"), url("/https/sinusoid.es/static/fonts/Arimo-BoldItalic.woff") format("woff"), url("/https/sinusoid.es/static/fonts/Arimo-BoldItalic.ttf") format("truetype"), url("/https/sinusoid.es/static/fonts/Arimo-BoldItalic.svg") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Inconsolata";
  src: url("/https/sinusoid.es/static/fonts/Inconsolata-Regular.eot");
  src: local("Inconsolata"), local("Inconsolata-Regular"), url("/https/sinusoid.es/static/fonts/Inconsolata-Regular.woff") format("woff"), url("/https/sinusoid.es/static/fonts/Inconsolata-Regular.ttf") format("truetype"), url("/https/sinusoid.es/static/fonts/Inconsolata-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Inconsolata";
  src: url("/https/sinusoid.es/static/fonts/Inconsolata-Bold.eot");
  src: local("Inconsolata Bold"), local("Inconsolata-Bold"), url("/https/sinusoid.es/static/fonts/Inconsolata-Bold.woff") format("woff"), url("/https/sinusoid.es/static/fonts/Inconsolata-Bold.ttf") format("truetype"), url("/https/sinusoid.es/static/fonts/Inconsolata-Bold.svg") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Linux Libertine";
  src: url("/https/sinusoid.es/static/fonts/LinLibertine_Rah.eot");
  src: local("Linux Libertine"), local("LinuxLibertine-Regular"), url("/https/sinusoid.es/static/fonts/LinLibertine_Rah.woff") format("woff"), url("/https/sinusoid.es/static/fonts/LinLibertine_Rah.ttf") format("truetype"), url("/https/sinusoid.es/static/fonts/LinLibertine_Rah.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Linux Libertine";
  src: url("/https/sinusoid.es/static/fonts/LinLibertine_RBah.eot");
  src: local("Linux Libertine Bold"), local("LinuxLibertine-Bold"), url("/https/sinusoid.es/static/fonts/LinLibertine_RBah.woff") format("woff"), url("/https/sinusoid.es/static/fonts/LinLibertine_RBah.ttf") format("truetype"), url("/https/sinusoid.es/static/fonts/LinLibertine_RBah.svg") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Linux Libertine";
  src: url("/https/sinusoid.es/static/fonts/LinLibertine_RIah.eot");
  src: local("Linux Libertine Italic"), local("LinuxLibertine-Italic"), url("/https/sinusoid.es/static/fonts/LinLibertine_RIah.woff") format("woff"), url("/https/sinusoid.es/static/fonts/LinLibertine_RIah.ttf") format("truetype"), url("/https/sinusoid.es/static/fonts/LinLibertine_RIah.svg") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Linux Libertine";
  src: url("/https/sinusoid.es/static/fonts/LinLibertine_RIah.eot");
  src: local("Linux Libertine Bold Italic"), local("LinuxLibertine-BoldItalic"), url("/https/sinusoid.es/static/fonts/LinLibertine_RIah.woff") format("woff"), url("/https/sinusoid.es/static/fonts/LinLibertine_RIah.ttf") format("truetype"), url("/https/sinusoid.es/static/fonts/LinLibertine_RIah.svg") format("svg");
  font-weight: bold;
  font-style: italic;
}
/* line 37, ../../sass/_global.scss */
.clearfix::after, #do-page .programs::after, #think-page .stuff::after {
  content: "";
  display: block;
  clear: both;
}

/* line 44, ../../sass/_global.scss */
.noselect, .control, .title, #main-page .main-text, #do-page .filters a, #do-page .filters .header, #do-page .filters .filter, #do-page .programs, #do-page .slideshow .slideshow-item a.link, #not-found-page, .sinusoid-container, #think-page .filters, #think-page .stuff .thingy, .audio-player, .audio-player .play-button, .noselect *, .control *, .title *, #main-page .main-text *, #do-page .filters a *, #do-page .filters .header *, #do-page .filters .filter *, #do-page .programs *, #do-page .slideshow .slideshow-item a.link *, #not-found-page *, .sinusoid-container *, #think-page .filters *, #think-page .stuff .thingy *, .audio-player *, .audio-player .play-button * {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 3, ../../sass/_app.scss */
html {
  font-size: 16px;
}
@media only screen and (max-width: 780px) {
  /* line 3, ../../sass/_app.scss */
  html {
    font-size: 13.6px;
  }
}

/* line 10, ../../sass/_app.scss */
body {
  margin: 0;
  background: black;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 17, ../../sass/_app.scss */
body.respond-to-tester::after {
  content: "";
  position: fixed;
  z-index: 20;
  margin: 1em;
  width: 1em;
  height: 1em;
  background-color: #444;
  font-size: 3em;
}
@media only screen and (orientation: landscape) {
  /* line 17, ../../sass/_app.scss */
  body.respond-to-tester::after {
    content: "";
    width: 1.681em;
    height: 1em;
    background-color: white;
  }
}
@media only screen and (orientation: portrait) {
  /* line 17, ../../sass/_app.scss */
  body.respond-to-tester::after {
    content: "";
    width: 1em;
    height: 1.681em;
    background-color: black;
  }
}
/* line 40, ../../sass/_app.scss */
body.respond-to-tester::before {
  content: "";
  color: black;
  z-index: 10;
  position: fixed;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: grey;
  color: white;
  font-weight: bold;
  font-family: Inconsolata;
  font-size: 2em;
}
@media only screen and (max-width: 780px) {
  /* line 40, ../../sass/_app.scss */
  body.respond-to-tester::before {
    background-color: red;
    content: "mobile";
  }
}
@media only screen and (min-width: 781px) and (max-width: 1369px) {
  /* line 40, ../../sass/_app.scss */
  body.respond-to-tester::before {
    background-color: blue;
    content: "laptop";
  }
}
@media only screen and (min-width: 1370px) {
  /* line 40, ../../sass/_app.scss */
  body.respond-to-tester::before {
    background-color: green;
    content: "desktop";
  }
}

/* line 74, ../../sass/_app.scss */
tt {
  font-family: Inconsolata;
}

/* line 78, ../../sass/_app.scss */
#loading {
  transition: opacity 0.5s ease-in-out;
}
/* line 80, ../../sass/_app.scss */
#loading.loaded {
  opacity: 0;
}
/* line 82, ../../sass/_app.scss */
#loading::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 31px;
  height: 31px;
  border-radius: 16px;
  border: 0 solid red;
  animation: loading 1.2s infinite reverse linear;
}
@keyframes loading {
  0% {
    background-color: black;
    border-color: red;
    border-width: 0;
    opacity: 0;
  }
  50% {
    background-color: black;
    border-color: red;
    border-width: 16px;
    opacity: 1;
  }
  50.001% {
    background-color: red;
    border-color: black;
    border-width: 0;
    opacity: 1;
  }
  100% {
    background-color: red;
    border-color: black;
    border-width: 16px;
    opacity: 0;
  }
}
/* line 126, ../../sass/_app.scss */
#sinusoides {
  position: absolute;
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  font-family: "Liberation Sans", "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", Helvetica, Arial, sans-serif;
}
/* line 133, ../../sass/_app.scss */
#sinusoides.main-font-loaded {
  font-family: Arimo;
}

/* line 136, ../../sass/_app.scss */
.page {
  position: absolute;
  width: 100%;
  min-height: 100%;
  pointer-events: none;
}
/* line 141, ../../sass/_app.scss */
.page * {
  pointer-events: auto;
}

/* line 144, ../../sass/_app.scss */
.fixed-page {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
/* line 150, ../../sass/_app.scss */
.fixed-page * {
  pointer-events: auto;
}

/* line 153, ../../sass/_app.scss */
a, a:hover,
a:active,
a:focus {
  outline: 0;
}

/* line 159, ../../sass/_app.scss */
.hidden {
  display: none;
}

/* line 161, ../../sass/_app.scss */
.links a, .linksinv a, #do-page .slideshow .slideshow-item .desc a, #think-page .detail a, #think-page .detail.text .content a {
  color: #444444;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
/* line 99, ../../sass/_global.scss */
.no-touch .links a:hover, .no-touch .linksinv a:hover, .no-touch #do-page .slideshow .slideshow-item .desc a:hover, #do-page .slideshow .slideshow-item .no-touch .desc a:hover, .no-touch #think-page .detail a:hover, #think-page .no-touch .detail a:hover, #think-page .detail.text .no-touch .content a:hover {
  color: red;
}
/* line 100, ../../sass/_global.scss */
.has-touch .links a:active, .has-touch .linksinv a:active, .has-touch #do-page .slideshow .slideshow-item .desc a:active, #do-page .slideshow .slideshow-item .has-touch .desc a:active, .has-touch #think-page .detail a:active, #think-page .has-touch .detail a:active, #think-page .detail.text .has-touch .content a:active {
  color: red;
}

/* line 170, ../../sass/_app.scss */
.linksinv a, #do-page .slideshow .slideshow-item .desc a, #think-page .detail a, #think-page .detail.text .content a {
  color: white;
}
/* line 99, ../../sass/_global.scss */
.no-touch .linksinv a:hover, .no-touch #do-page .slideshow .slideshow-item .desc a:hover, #do-page .slideshow .slideshow-item .no-touch .desc a:hover, .no-touch #think-page .detail a:hover, #think-page .no-touch .detail a:hover, #think-page .detail.text .no-touch .content a:hover {
  color: red;
}
/* line 100, ../../sass/_global.scss */
.has-touch .linksinv a:active, .has-touch #do-page .slideshow .slideshow-item .desc a:active, #do-page .slideshow .slideshow-item .has-touch .desc a:active, .has-touch #think-page .detail a:active, #think-page .has-touch .detail a:active, #think-page .detail.text .has-touch .content a:active {
  color: red;
}

/* line 177, ../../sass/_app.scss */
.control {
  fill: white;
  transition: fill 300ms ease-in-out;
}
/* line 99, ../../sass/_global.scss */
.no-touch .control:hover {
  fill: red;
}
/* line 100, ../../sass/_global.scss */
.has-touch .control:active {
  fill: red;
}
/* line 182, ../../sass/_app.scss */
.control.disabled {
  opacity: 0.25;
}
/* line 99, ../../sass/_global.scss */
.no-touch .control.disabled:hover {
  fill: white;
}
/* line 100, ../../sass/_global.scss */
.has-touch .control.disabled:active {
  fill: white;
}

/* line 188, ../../sass/_app.scss */
.clear {
  width: 100%;
  clear: both !important;
  display: block;
}

/* line 194, ../../sass/_app.scss */
::-mox-selection {
  background-color: transparent;
  color: red;
}

/* line 199, ../../sass/_app.scss */
::selection {
  background-color: rgba(48, 48, 48, 0.5);
  color: red;
}

/* line 208, ../../sass/_app.scss */
hr {
  color: #444;
  background-color: #444;
  border: 0;
  width: 20%;
  height: 2px;
  margin-top: 2em;
}

/* line 217, ../../sass/_app.scss */
.footnotes {
  font-size: 0.8em;
}

/* line 37, ../../sass/_global.scss */
.clearfix::after, #do-page .programs::after, #think-page .stuff::after {
  content: "";
  display: block;
  clear: both;
}

/* line 44, ../../sass/_global.scss */
.noselect, .control, .title, #main-page .main-text, #do-page .filters a, #do-page .filters .header, #do-page .filters .filter, #do-page .programs, #do-page .slideshow .slideshow-item a.link, #not-found-page, .sinusoid-container, #think-page .filters, #think-page .stuff .thingy, .audio-player, .audio-player .play-button, .noselect *, .control *, .title *, #main-page .main-text *, #do-page .filters a *, #do-page .filters .header *, #do-page .filters .filter *, #do-page .programs *, #do-page .slideshow .slideshow-item a.link *, #not-found-page *, .sinusoid-container *, #think-page .filters *, #think-page .stuff .thingy *, .audio-player *, .audio-player .play-button * {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@keyframes enter-fingerprint {
  from {
    transform: scale(0.5) translateX(200%);
  }
  40% {
    transform: scale(0.5) translateX(200%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes enter-main-text {
  from {
    transform: scale(1.5) translateX(calc(50vw + 100%));
  }
  50% {
    transform: scale(1.5) translateX(calc(50vw + 100%));
  }
  to {
    transform: translateX(0);
  }
}
@keyframes enter-barcode {
  from {
    transform: translateX(110%);
  }
  60% {
    transform: translateX(110%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes leave-fingerprint {
  from {
    transform: translateX(0);
  }
  50% {
    transform: translateX(110%);
  }
  to {
    transform: translateX(110%);
  }
}
@keyframes leave-main-text {
  from {
    transform: translateX(0);
  }
  60% {
    transform: translateX(100vw);
  }
  to {
    transform: translateX(100vw);
  }
}
@keyframes leave-barcode {
  from {
    transform: translateX(0);
  }
  70% {
    transform: translateX(110%);
  }
  to {
    transform: translateX(110%);
  }
}
/* line 37, ../../sass/views/_main.scss */
#main-page.page-appear .barcode, #main-page.page-appear .barcode2, #main-page.page-enter .barcode, #main-page.page-enter .barcode2 {
  animation: enter-barcode 3000ms forwards;
}
/* line 38, ../../sass/views/_main.scss */
#main-page.page-appear .main-text, #main-page.page-enter .main-text {
  animation: enter-main-text 3000ms forwards;
}
/* line 39, ../../sass/views/_main.scss */
#main-page.page-appear .fingerprint, #main-page.page-enter .fingerprint {
  animation: enter-fingerprint 3000ms forwards;
}
/* line 42, ../../sass/views/_main.scss */
#main-page.page-leave .barcode, #main-page.page-leave .barcode2 {
  animation: leave-barcode 3000ms forwards;
}
/* line 43, ../../sass/views/_main.scss */
#main-page.page-leave .main-text {
  animation: leave-main-text 3000ms forwards;
}
/* line 44, ../../sass/views/_main.scss */
#main-page.page-leave .fingerprint {
  animation: leave-fingerprint 3000ms forwards;
}
/* line 47, ../../sass/views/_main.scss */
#main-page .barcode, #main-page .barcode2 {
  position: absolute;
  width: 37.5em;
  height: 50%;
  right: 0;
  top: 0;
  border-right: 2.5em solid black;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 97.5%;
  background-image: url(/https/sinusoid.es/static/pic/barcode-v-i-r.svg);
}
@media only screen and (max-width: 780px) {
  /* line 47, ../../sass/views/_main.scss */
  #main-page .barcode, #main-page .barcode2 {
    font-size: 0.45em;
  }
}
/* line 62, ../../sass/views/_main.scss */
#main-page .barcode2 {
  top: 50%;
  transition: background-position 0.3s ease-in-out;
}
/* line 65, ../../sass/views/_main.scss */
#main-page .barcode2:hover {
  background-position: center 100.5%;
}
/* line 68, ../../sass/views/_main.scss */
#main-page .main-text {
  position: absolute;
  box-sizing: border-box;
  width: 6.7em;
  height: 6.7em;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  padding-right: 1em;
  padding-top: 0.5em;
  white-space: nowrap;
  background-color: black;
  color: white;
  border: 0.5rem solid white;
  font-weight: normal;
  font-size: 3.75em;
  text-align: right;
  line-height: 1.26em;
  text-transform: lowercase;
  transition: border-color 0.5s ease-in-out;
}
@media only screen and (max-width: 780px) {
  /* line 68, ../../sass/views/_main.scss */
  #main-page .main-text {
    font-size: 2.5em;
    border-width: 0.35rem;
  }
}
/* line 99, ../../sass/views/_main.scss */
#main-page .main-text.hovered {
  border-color: red;
}
/* line 101, ../../sass/views/_main.scss */
#main-page .main-text .parts {
  width: 100%;
  height: 1.26em;
}
/* line 104, ../../sass/views/_main.scss */
#main-page .main-text .parts .part {
  width: 100%;
  height: 0;
  transition: opacity 2s ease-in-out;
}
/* line 108, ../../sass/views/_main.scss */
#main-page .main-text .parts .part.part-enter {
  opacity: 0;
}
/* line 109, ../../sass/views/_main.scss */
#main-page .main-text .parts .part.part-enter-active {
  opacity: 1;
}
/* line 110, ../../sass/views/_main.scss */
#main-page .main-text .parts .part.part-leave {
  opacity: 1;
}
/* line 111, ../../sass/views/_main.scss */
#main-page .main-text .parts .part.part-leave-active {
  opacity: 0;
}
/* line 115, ../../sass/views/_main.scss */
#main-page .main-text .questionmark {
  display: inline-block;
  width: 0;
}
/* line 120, ../../sass/views/_main.scss */
#main-page .main-text a {
  color: white;
  display: inline-block;
  text-decoration: none;
  line-height: 1.07em;
  border-bottom: 0.2rem solid white;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
/* line 99, ../../sass/_global.scss */
.no-touch #main-page .main-text a:hover {
  color: red;
  border-bottom-color: red;
}
/* line 100, ../../sass/_global.scss */
.has-touch #main-page .main-text a:active {
  color: red;
  border-bottom-color: red;
}
/* line 135, ../../sass/views/_main.scss */
#main-page .fingerprint {
  background-color: white;
  border-right: black;
  position: absolute;
  top: 1.6em;
  right: 0;
  padding: 0.32em;
  padding-left: 1.08em;
  padding-right: 1.2em;
  font-weight: normal;
  text-align: right;
  font-size: 1.57em;
  line-height: 1.12em;
  border-left: black;
  font-family: Consolas, ‘Andale Mono WT’, ‘Andale Mono’, ‘Lucida Console’, ‘Lucida Sans Typewriter’, ‘DejaVu Sans Mono’, ‘Bitstream Vera Sans Mono’, ‘Liberation Mono’, ‘Nimbus Mono L’, Monaco, ‘Courier New’, Courier, monospace;
}
/* line 151, ../../sass/views/_main.scss */
.mono-font-loaded #main-page .fingerprint {
  font-family: Inconsolata;
}
@media only screen and (max-width: 780px) {
  /* line 135, ../../sass/views/_main.scss */
  #main-page .fingerprint {
    font-size: 1.3em;
  }
}
/* line 157, ../../sass/views/_main.scss */
#main-page .fingerprint a {
  color: black;
}
/* line 99, ../../sass/_global.scss */
.no-touch #main-page .fingerprint a:hover {
  color: red;
}
/* line 100, ../../sass/_global.scss */
.has-touch #main-page .fingerprint a:active {
  color: red;
}

/* line 37, ../../sass/_global.scss */
.clearfix::after, #do-page .programs::after, #think-page .stuff::after {
  content: "";
  display: block;
  clear: both;
}

/* line 44, ../../sass/_global.scss */
.noselect, .control, .title, #main-page .main-text, #do-page .filters a, #do-page .filters .header, #do-page .filters .filter, #do-page .programs, #do-page .slideshow .slideshow-item a.link, #not-found-page, .sinusoid-container, #think-page .filters, #think-page .stuff .thingy, .audio-player, .audio-player .play-button, .noselect *, .control *, .title *, #main-page .main-text *, #do-page .filters a *, #do-page .filters .header *, #do-page .filters .filter *, #do-page .programs *, #do-page .slideshow .slideshow-item a.link *, #not-found-page *, .sinusoid-container *, #think-page .filters *, #think-page .stuff .thingy *, .audio-player *, .audio-player .play-button * {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@keyframes enter-i {
  from {
    transform: translateX(150%);
  }
  60% {
    transform: translateX(150%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes enter-am {
  from {
    transform: translateX(150%);
  }
  50% {
    transform: scale(1.5) translateX(150%);
  }
  90% {
    transform: translateX(0);
  }
}
@keyframes enter-not {
  from {
    transform: translateX(150%);
  }
  70% {
    transform: scale(2) translateX(150%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes enter-profile {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes leave-i {
  20% {
    transform: translateX(0);
  }
  60% {
    transform: translateX(150%);
  }
  to {
    transform: translateX(150%);
  }
}
@keyframes leave-am {
  10% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(150%);
  }
  to {
    transform: translateX(150%);
  }
}
@keyframes leave-not {
  from {
    transform: translateX(0);
  }
  60% {
    transform: translateX(150%);
  }
  to {
    transform: translateX(150%);
  }
}
@keyframes leave-profile {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* line 45, ../../sass/views/_am.scss */
#am-page.page-appear div.i, #am-page.page-enter div.i {
  animation: enter-i 3000ms forwards;
}
/* line 46, ../../sass/views/_am.scss */
#am-page.page-appear div.am, #am-page.page-enter div.am {
  animation: enter-am 3000ms forwards;
}
/* line 47, ../../sass/views/_am.scss */
#am-page.page-appear div.not, #am-page.page-enter div.not {
  animation: enter-not 3000ms forwards;
}
/* line 50, ../../sass/views/_am.scss */
#am-page.page-leave div.i {
  animation: leave-i 3000ms forwards;
}
/* line 51, ../../sass/views/_am.scss */
#am-page.page-leave div.am {
  animation: leave-am 3000ms forwards;
}
/* line 52, ../../sass/views/_am.scss */
#am-page.page-leave div.not {
  animation: leave-not 3000ms forwards;
}
/* line 53, ../../sass/views/_am.scss */
#am-page.page-leave .profiles a {
  animation: leave-profile forwards;
}
/* line 56, ../../sass/views/_am.scss */
#am-page .am-block {
  position: absolute;
  pointer-events: none;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: 0 0 0 0;
  padding-bottom: 0.5rem;
  padding-right: 0.29em;
  vertical-align: bottom;
  display: inline-block;
  text-align: right;
  font-size: 8.75rem;
}
@media only screen and (max-width: 780px) {
  /* line 56, ../../sass/views/_am.scss */
  #am-page .am-block {
    font-size: 4.6rem;
  }
}
/* line 74, ../../sass/views/_am.scss */
#am-page .am-block div {
  line-height: 1.42em;
  font-weight: bold;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
}
/* line 80, ../../sass/views/_am.scss */
#am-page .am-block div.not {
  font-size: 1.14em;
}
/* line 83, ../../sass/views/_am.scss */
#am-page .am-block div p {
  color: black;
  background: white;
  display: inline;
  transition: box-shadow 0.5s ease-in-out;
}
/* line 89, ../../sass/views/_am.scss */
#am-page .am-block div::after {
  content: "";
  background-color: black;
  position: absolute;
  height: 100%;
  width: 1em;
}
/* line 98, ../../sass/views/_am.scss */
#am-page .am-block.hovered p {
  box-shadow: inset 0 0 0 0.5rem red;
}
/* line 102, ../../sass/views/_am.scss */
#am-page .profiles {
  position: absolute;
  width: 100%;
  top: 0;
  display: block;
  padding-right: 1.875em;
}
@media only screen and (max-width: 780px) {
  /* line 102, ../../sass/views/_am.scss */
  #am-page .profiles {
    padding-right: 0;
  }
}
@media only screen and (orientation: landscape) {
  /* line 102, ../../sass/views/_am.scss */
  #am-page .profiles {
    width: 70%;
  }
}
@media only screen and (orientation: landscape) and (max-width: 780px) {
  /* line 102, ../../sass/views/_am.scss */
  #am-page .profiles {
    width: 80%;
  }
}

/* line 119, ../../sass/views/_am.scss */
#am-page .profiles a {
  transition: padding-top 0.5s ease-in-out, padding-left 0.5s ease-in-out;
  font-size: 4.625em;
  display: block;
  float: left;
  text-align: center;
  box-sizing: border-box;
  height: 1.35em;
  width: 2.16em;
  margin: 0;
}
@media only screen and (max-width: 780px) {
  /* line 119, ../../sass/views/_am.scss */
  #am-page .profiles a {
    font-size: 3.8em;
  }
}
/* line 134, ../../sass/views/_am.scss */
#am-page .profiles a span {
  text-shadow: 2px 2px #fff;
  color: black;
  transition: all 0.5s ease-in-out;
}
/* line 140, ../../sass/views/_am.scss */
.no-touch #am-page .profiles a:hover span {
  color: black;
  text-shadow: 2px 2px red;
}
/* line 140, ../../sass/views/_am.scss */
.has-touch #am-page .profiles a:active span {
  color: black;
  text-shadow: 2px 2px red;
}
/* line 145, ../../sass/views/_am.scss */
#am-page .profiles a.profile-enter, #am-page .profiles a.profile-appear {
  opacity: 0;
  animation: enter-profile forwards;
}

/* line 37, ../../sass/_global.scss */
.clearfix::after, #do-page .programs::after, #think-page .stuff::after {
  content: "";
  display: block;
  clear: both;
}

/* line 44, ../../sass/_global.scss */
.noselect, .control, .title, #main-page .main-text, #do-page .filters a, #do-page .filters .header, #do-page .filters .filter, #do-page .programs, #do-page .slideshow .slideshow-item a.link, #not-found-page, .sinusoid-container, #think-page .filters, #think-page .stuff .thingy, .audio-player, .audio-player .play-button, .noselect *, .control *, .title *, #main-page .main-text *, #do-page .filters a *, #do-page .filters .header *, #do-page .filters .filter *, #do-page .programs *, #do-page .slideshow .slideshow-item a.link *, #not-found-page *, .sinusoid-container *, #think-page .filters *, #think-page .stuff .thingy *, .audio-player *, .audio-player .play-button * {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@keyframes enter-presentation {
  from {
    transform: translateX(-140%);
  }
  60% {
    transform: scale(2.5) translateX(-140%);
  }
  to {
    transform: scale(1) translateX(0);
  }
}
@keyframes enter-stuff {
  from {
    transform: translateX(-100%);
  }
  70% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes leave-presentation {
  from {
    transform: translateX(0);
  }
  40% {
    transform: scale(1.5) translateX(-140%);
  }
  to {
    transform: scale(1.5) translateX(-140%);
  }
}
@keyframes leave-stuff {
  from {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-130%);
  }
  to {
    transform: translateX(-130%);
  }
}
/* line 27, ../../sass/views/_do.scss */
#do-page.page-appear .presentation, #do-page.page-enter .presentation {
  animation: enter-presentation 3000ms forwards;
}
/* line 28, ../../sass/views/_do.scss */
#do-page.page-appear .stuff, #do-page.page-enter .stuff {
  animation: enter-stuff 3000ms forwards;
}
/* line 31, ../../sass/views/_do.scss */
#do-page.page-leave .presentation {
  animation: leave-presentation 3000ms forwards;
}
/* line 32, ../../sass/views/_do.scss */
#do-page.page-leave .stuff {
  animation: leave-stuff 3000ms forwards;
}
/* line 35, ../../sass/views/_do.scss */
#do-page .presentation {
  position: absolute;
  font-size: 9.4em;
  top: 2.62rem;
  height: 1em;
  left: 0;
  background: black;
  color: white;
  border-right: 0.5rem solid white;
  transition: border-color 0.5s ease-in-out;
}
/* line 45, ../../sass/views/_do.scss */
#do-page .presentation.hovered {
  border-color: red;
}
/* line 46, ../../sass/views/_do.scss */
#do-page .presentation .title {
  line-height: 1.4em;
  font-size: 0.75em;
  margin-left: 0.28em;
  margin-right: 0.26em;
  display: block;
}
/* line 55, ../../sass/views/_do.scss */
#do-page .stuff {
  position: absolute;
  top: 13.75em;
  width: 100%;
}
/* line 61, ../../sass/views/_do.scss */
#do-page .filters {
  position: relative;
  font-family: Inconsolata;
  font-size: 1.1em;
}
/* line 66, ../../sass/views/_do.scss */
#do-page .filters .filter-group {
  clear: both;
  text-align: left;
  position: relative;
  padding-left: 2.27em;
  margin: 0.57em 0;
}
/* line 74, ../../sass/views/_do.scss */
#do-page .filters a, #do-page .filters .header, #do-page .filters .filter {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #888;
  margin: 0.23em 0.56em;
  text-transform: lowercase;
  transition: border-color 0.2s ease-in-out, background 0.2s ease-in-out, color 0.2s ease-in-out;
}
/* line 83, ../../sass/views/_do.scss */
#do-page .filters a.header, #do-page .filters .header.header, #do-page .filters .filter.header {
  position: absolute;
  margin-left: -1.8em;
  color: white;
  font-weight: bold;
}
/* line 89, ../../sass/views/_do.scss */
#do-page .filters a.filter, #do-page .filters .header.filter, #do-page .filters .filter.filter {
  cursor: pointer;
}
/* line 92, ../../sass/views/_do.scss */
#do-page .filters a.on, #do-page .filters .header.on, #do-page .filters .filter.on {
  color: white;
}
/* line 94, ../../sass/views/_do.scss */
#do-page .filters a.on::after, #do-page .filters .header.on::after, #do-page .filters .filter.on::after {
  content: "";
  display: block;
  position: absolute;
  margin-top: 0.22em;
  border-bottom: 2px solid white;
  transition: border-color 0.2s ease;
  width: 100%;
}
/* line 104, ../../sass/views/_do.scss */
#do-page .filters a.cv, #do-page .filters .header.cv, #do-page .filters .filter.cv {
  font-weight: bold;
  color: white;
}
/* line 108, ../../sass/views/_do.scss */
#do-page .filters a.clearf, #do-page .filters .header.clearf, #do-page .filters .filter.clearf {
  font-weight: bold;
  color: red;
}
/* line 99, ../../sass/_global.scss */
.no-touch #do-page .filters a:hover, .no-touch #do-page .filters .filter:hover {
  color: red;
}
/* line 116, ../../sass/views/_do.scss */
.no-touch #do-page .filters a:hover::after, .no-touch #do-page .filters .filter:hover::after {
  border-color: red;
}
/* line 100, ../../sass/_global.scss */
.has-touch #do-page .filters a:active, .has-touch #do-page .filters .filter:active {
  color: red;
}
/* line 116, ../../sass/views/_do.scss */
.has-touch #do-page .filters a:active::after, .has-touch #do-page .filters .filter:active::after {
  border-color: red;
}
/* line 123, ../../sass/views/_do.scss */
#do-page .filters {
  box-sizing: border-box;
  text-align: left;
  width: 100%;
  padding: 0 1.7em 0.57em 1.7em;
}
/* line 130, ../../sass/views/_do.scss */
#do-page .programs {
  display: block;
  box-sizing: border-box;
  margin: 0 2.25rem 2.25rem 2.25rem;
}
/* line 136, ../../sass/views/_do.scss */
#do-page .programs a {
  display: block;
  box-sizing: border-box;
  position: relative;
  float: left;
  background-color: #333;
  background-size: contain;
  width: 100%;
  height: 100%;
  border: 0;
  overflow: hidden;
  text-decoration: none;
  border: 0.25rem solid black;
  transition: border-color 0.2s ease-in-out;
}
/* line 150, ../../sass/views/_do.scss */
#do-page .programs a div {
  background-size: contain;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: opacity 0.5s ease;
}
/* line 159, ../../sass/views/_do.scss */
#do-page .programs a span {
  position: absolute;
  box-sizing: border-box;
  display: block;
  height: 100%;
  width: 100%;
  padding: 10%;
  color: red;
  text-decoration: none;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 1.2em;
  hyphens: manual;
  display: block;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
  transform: scale(2, 2);
  transition: opacity 0.2s ease, transform 0.2s ease-in-out;
}
/* line 99, ../../sass/_global.scss */
.no-touch #do-page .programs a:hover {
  border-color: red;
}
/* line 180, ../../sass/views/_do.scss */
.no-touch #do-page .programs a:hover div {
  opacity: 1;
}
/* line 181, ../../sass/views/_do.scss */
.no-touch #do-page .programs a:hover span {
  opacity: 1;
  transform: scale(1, 1);
}
/* line 100, ../../sass/_global.scss */
.has-touch #do-page .programs a:active {
  border-color: red;
}
/* line 180, ../../sass/views/_do.scss */
.has-touch #do-page .programs a:active div {
  opacity: 1;
}
/* line 181, ../../sass/views/_do.scss */
.has-touch #do-page .programs a:active span {
  opacity: 1;
  transform: scale(1, 1);
}
/* line 189, ../../sass/views/_do.scss */
#do-page .slideshow {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: black;
}
@keyframes enter-detail {
  from {
    background-color: transparent;
  }
  to {
    background-color: black;
  }
}
@keyframes leave-detail {
  from {
    background-color: black;
  }
  to {
    background-color: transparent;
  }
}
/* line 205, ../../sass/views/_do.scss */
#do-page .slideshow.slideshow-appear, #do-page .slideshow.slideshow-enter {
  animation: enter-detail 1s forwards;
}
/* line 207, ../../sass/views/_do.scss */
#do-page .slideshow.slideshow-appear .left-side, #do-page .slideshow.slideshow-enter .left-side {
  animation: enter-left 1s forwards;
}
/* line 208, ../../sass/views/_do.scss */
#do-page .slideshow.slideshow-appear .right-side, #do-page .slideshow.slideshow-enter .right-side {
  animation: enter-right 1s forwards;
}
/* line 211, ../../sass/views/_do.scss */
#do-page .slideshow.slideshow-leave {
  animation: leave-detail 1s forwards;
}
/* line 213, ../../sass/views/_do.scss */
#do-page .slideshow.slideshow-leave .left-side {
  animation: leave-left 1s forwards;
}
/* line 214, ../../sass/views/_do.scss */
#do-page .slideshow.slideshow-leave .right-side {
  animation: leave-right 1s forwards;
}
/* line 217, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 222, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item .do-detail {
  position: absolute;
  width: 100%;
  height: 100%;
}
@keyframes enter-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes enter-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes leave-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes leave-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes leave-fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* line 249, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item.swipe-left-enter {
  animation: none;
}
/* line 250, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item.swipe-left-leave {
  animation: none;
}
/* line 251, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item.swipe-right-enter {
  animation: none;
}
/* line 252, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item.swipe-right-leave {
  animation: none;
}
/* line 254, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item.swipe-left-enter .img {
  animation: enter-left 500ms forwards;
}
/* line 255, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item.swipe-left-leave .img {
  animation: leave-fade 500ms forwards;
}
/* line 256, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item.swipe-right-enter .img {
  animation: enter-right 500ms forwards;
}
/* line 257, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item.swipe-right-leave .img {
  animation: leave-fade 500ms forwards;
}
/* line 259, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item.swipe-left-enter .content {
  animation: enter-left 500ms forwards;
}
/* line 260, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item.swipe-left-leave .content {
  animation: leave-fade 500ms forwards;
}
/* line 261, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item.swipe-right-enter .content {
  animation: enter-right 500ms forwards;
}
/* line 262, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item.swipe-right-leave .content {
  animation: leave-fade 500ms forwards;
}
/* line 264, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item .left-side {
  overflow: hidden;
  position: fixed;
  left: 0;
  width: 50%;
  height: 100%;
}
@media only screen and (orientation: portrait) {
  /* line 264, ../../sass/views/_do.scss */
  #do-page .slideshow .slideshow-item .left-side {
    position: absolute;
    width: 100vw;
    height: 61.80vw;
  }
}
/* line 278, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item .right-side {
  position: absolute;
  right: 0;
  width: 50%;
  height: 100%;
}
@media only screen and (orientation: portrait) {
  /* line 278, ../../sass/views/_do.scss */
  #do-page .slideshow .slideshow-item .right-side {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
  }
}
/* line 292, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item .img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-color: #333;
}
/* line 302, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item .content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 16%;
  box-sizing: border-box;
  background-color: black;
}
@media only screen and (max-width: 780px) {
  /* line 302, ../../sass/views/_do.scss */
  #do-page .slideshow .slideshow-item .content {
    padding: 12%;
  }
}
@media only screen and (max-width: 780px) and (orientation: landscape) {
  /* line 302, ../../sass/views/_do.scss */
  #do-page .slideshow .slideshow-item .content {
    font-size: 0.9em;
  }
}

@media only screen and (orientation: portrait) {
  /* line 302, ../../sass/views/_do.scss */
  #do-page .slideshow .slideshow-item .content {
    background-color: transparent;
  }
}
/* line 321, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item .header {
  float: right;
  display: inline-block;
  background: white;
  margin: -2% -2% 0 0;
  padding: 0.31em 0.62em;
  text-transform: uppercase;
  text-align: right;
  font-size: 2em;
  font-weight: bold;
}
@media only screen and (orientation: portrait) {
  /* line 321, ../../sass/views/_do.scss */
  #do-page .slideshow .slideshow-item .header {
    position: absolute;
    right: 0;
    bottom: calc(100vh - 61.80vw);
    margin-bottom: 1em;
  }
}
/* line 340, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item .desc {
  color: #aaa;
  font-size: 1.4em;
  line-height: 1.5em;
  float: right;
  padding: 1.25rem 0 0 0;
  box-sizing: border-box;
}
@media only screen and (orientation: portrait) {
  /* line 340, ../../sass/views/_do.scss */
  #do-page .slideshow .slideshow-item .desc {
    position: absolute;
    top: 61.80vw;
    left: 0;
    padding: 16%;
    padding-top: 1em;
    padding-bottom: 2em;
    margin-top: 0;
    background-color: black;
    opacity: 1;
  }
}
@media only screen and (orientation: portrait) and (max-width: 780px) {
  /* line 340, ../../sass/views/_do.scss */
  #do-page .slideshow .slideshow-item .desc {
    padding: 12%;
    padding-top: 0.5em;
    padding-bottom: 2em;
  }
}

/* line 368, ../../sass/views/_do.scss */
#do-page .slideshow .slideshow-item a.link {
  color: white;
  border: 2px solid white;
  font-size: 1rem;
  margin-right: 0.7em;
  margin-bottom: 0.7em;
  display: block;
  float: left;
  padding: 0.625em 0.875em;
  font-weight: bold;
  transition: border 0.2s ease-in-out, background 0.2s ease-in-out, color 0.2s ease-in-out;
}
/* line 99, ../../sass/_global.scss */
.no-touch #do-page .slideshow .slideshow-item a.link:hover {
  color: black;
  border: 2px solid red;
  background: red;
}
/* line 100, ../../sass/_global.scss */
.has-touch #do-page .slideshow .slideshow-item a.link:active {
  color: black;
  border: 2px solid red;
  background: red;
}

/* line 37, ../../sass/_global.scss */
.clearfix::after, #do-page .programs::after, #think-page .stuff::after {
  content: "";
  display: block;
  clear: both;
}

/* line 44, ../../sass/_global.scss */
.noselect, .control, .title, #main-page .main-text, #do-page .filters a, #do-page .filters .header, #do-page .filters .filter, #do-page .programs, #do-page .slideshow .slideshow-item a.link, #not-found-page, .sinusoid-container, #think-page .filters, #think-page .stuff .thingy, .audio-player, .audio-player .play-button, .noselect *, .control *, .title *, #main-page .main-text *, #do-page .filters a *, #do-page .filters .header *, #do-page .filters .filter *, #do-page .programs *, #do-page .slideshow .slideshow-item a.link *, #not-found-page *, .sinusoid-container *, #think-page .filters *, #think-page .stuff .thingy *, .audio-player *, .audio-player .play-button * {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 3, ../../sass/views/_not-found.scss */
#not-found-page {
  pointer-events: auto;
  font-size: 8.75em;
}
@media only screen and (max-width: 780px) {
  /* line 3, ../../sass/views/_not-found.scss */
  #not-found-page {
    font-size: 5em;
  }
}
@keyframes enter-the-end {
  from {
    width: 0;
    height: 0;
  }
  30% {
    width: 0;
    height: 0;
  }
  50% {
    width: 0;
    height: 1.07em;
  }
  to {
    width: 2.85em;
    height: 1.07em;
  }
}
@keyframes enter-dead-end {
  from {
    width: 0;
  }
  50% {
    width: 0;
  }
  to {
    width: 2.85em;
  }
}
@keyframes leave-the-end {
  from {
    width: 2.85em;
    height: 1.07em;
  }
  50% {
    width: 0;
    height: 1.07em;
  }
  70% {
    width: 0;
    height: 0;
  }
  to {
    width: 0;
    height: 0;
  }
}
@keyframes leave-dead-end {
  from {
    width: 2.85em;
  }
  50% {
    width: 0;
  }
  to {
    width: 0;
  }
}
/* line 37, ../../sass/views/_not-found.scss */
#not-found-page.page-appear .the-end, #not-found-page.page-enter .the-end {
  animation: enter-the-end 3000ms forwards;
}
/* line 38, ../../sass/views/_not-found.scss */
#not-found-page.page-appear .dead-end, #not-found-page.page-enter .dead-end {
  animation: enter-dead-end 3000ms forwards;
}
/* line 41, ../../sass/views/_not-found.scss */
#not-found-page.page-leave .the-end {
  animation: leave-the-end 3000ms forwards;
}
/* line 42, ../../sass/views/_not-found.scss */
#not-found-page.page-leave .dead-end {
  animation: leave-dead-end 3000ms forwards;
}
/* line 45, ../../sass/views/_not-found.scss */
#not-found-page .the-end {
  position: absolute;
  height: 1.07em;
  width: 2.85em;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: black;
  color: white;
  border-left: 0.071em solid white;
  border-right: 0.071em solid white;
  transition: border-color 0.5s ease-in-out;
}
/* line 59, ../../sass/views/_not-found.scss */
#not-found-page .the-end.hovered {
  border-color: red;
}
/* line 62, ../../sass/views/_not-found.scss */
#not-found-page .dead-end {
  position: absolute;
  overflow: hidden;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: white;
  height: 1.57em;
  width: 2.85em;
  text-transform: uppercase;
  text-align: left;
  line-height: 0.78em;
  padding-left: 0.071em;
  text-decoration: none;
}
/* line 78, ../../sass/views/_not-found.scss */
#not-found-page .dead-end span.first {
  letter-spacing: initial;
}
/* line 79, ../../sass/views/_not-found.scss */
#not-found-page .dead-end span.second {
  letter-spacing: 0.33em;
}

/* line 37, ../../sass/_global.scss */
.clearfix::after, #do-page .programs::after, #think-page .stuff::after {
  content: "";
  display: block;
  clear: both;
}

/* line 44, ../../sass/_global.scss */
.noselect, .control, .title, #main-page .main-text, #do-page .filters a, #do-page .filters .header, #do-page .filters .filter, #do-page .programs, #do-page .slideshow .slideshow-item a.link, #not-found-page, .sinusoid-container, #think-page .filters, #think-page .stuff .thingy, .audio-player, .audio-player .play-button, .noselect *, .control *, .title *, #main-page .main-text *, #do-page .filters a *, #do-page .filters .header *, #do-page .filters .filter *, #do-page .programs *, #do-page .slideshow .slideshow-item a.link *, #not-found-page *, .sinusoid-container *, #think-page .filters *, #think-page .stuff .thingy *, .audio-player *, .audio-player .play-button * {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 4, ../../sass/views/_sinusoid.scss */
.sinusoid-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
/* line 12, ../../sass/views/_sinusoid.scss */
.sinusoid-container * {
  pointer-events: auto;
}

/* line 15, ../../sass/views/_sinusoid.scss */
#sinusoid-h {
  position: absolute;
  font-size: 9.3em;
  width: 1000%;
  height: 1em;
  transform-origin: 0% 50%;
  transition: top 3000ms ease-in-out, margin-top 3000ms ease-in-out, transform 3000ms ease-in-out, height 3000ms ease-in-out;
}
/* line 27, ../../sass/views/_sinusoid.scss */
#sinusoid-h::before {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 0;
  width: 100%;
  height: 100%;
  background: blue;
  background-color: white;
  transition: background-color 500ms ease-in-out;
}
/* line 38, ../../sass/views/_sinusoid.scss */
#sinusoid-h.hovered::before {
  background-color: red;
}
/* line 40, ../../sass/views/_sinusoid.scss */
#sinusoid-h::after {
  content: "";
  position: absolute;
  top: -1px;
  width: 100%;
  height: calc(100% + 2px);
  pointer-events: none;
  background-image: url(/https/sinusoid.es/static/pic/sinusoid-i.svg);
  background-size: contain;
  transition: background-position 3000ms ease-in-out;
}
@keyframes main-sin {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(0.4);
  }
  to {
    transform: scale(1);
  }
}
@keyframes init-sin {
  from {
    background-position: 30% 0;
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes do-sin {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(0.3);
  }
  to {
    transform: scale(1);
  }
}
@keyframes am-sin {
  from {
    transform: scale(1);
  }
  40% {
    transform: scale(2);
  }
  to {
    transform: scale(1);
  }
}
@keyframes think-sin {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(2.5);
  }
}
/* line 77, ../../sass/views/_sinusoid.scss */
#sinusoid-h.main-sin {
  top: 50vh;
  margin-top: -0.5em;
  animation: main-sin 3000ms ease-in-out;
}
/* line 78, ../../sass/views/_sinusoid.scss */
#sinusoid-h.main-sin::after {
  background-position: 0 0;
}
@media only screen and (max-width: 780px) {
  /* line 77, ../../sass/views/_sinusoid.scss */
  #sinusoid-h.main-sin {
    font-size: 5.2em;
  }
}
/* line 86, ../../sass/views/_sinusoid.scss */
#sinusoid-h.do-sin {
  top: 0vh;
  margin-top: 2.62rem;
  animation: do-sin 3000ms ease-in-out;
}
/* line 87, ../../sass/views/_sinusoid.scss */
#sinusoid-h.do-sin::after {
  background-position: -70% 0;
}
/* line 92, ../../sass/views/_sinusoid.scss */
#sinusoid-h.am-sin {
  top: 100vh;
  margin-top: calc(-1em - 0.3em);
  animation: am-sin 3000ms ease-in-out;
}
/* line 93, ../../sass/views/_sinusoid.scss */
#sinusoid-h.am-sin::after {
  background-position: 80% 0;
}
@media only screen and (max-width: 780px) {
  /* line 92, ../../sass/views/_sinusoid.scss */
  #sinusoid-h.am-sin {
    font-size: 4.88em;
  }
}
/* line 101, ../../sass/views/_sinusoid.scss */
#sinusoid-h.think-sin {
  top: -100vh;
  margin-top: -0.5em;
  animation: think-sin 3000ms ease-in-out;
}
/* line 102, ../../sass/views/_sinusoid.scss */
#sinusoid-h.think-sin::after {
  background-position: 100% 0;
}
/* line 107, ../../sass/views/_sinusoid.scss */
#sinusoid-h.todo-sin {
  top: -100vh;
  margin-top: -0.5em;
}
/* line 108, ../../sass/views/_sinusoid.scss */
#sinusoid-h.todo-sin::after {
  background-position: 100% 0;
}
/* line 112, ../../sass/views/_sinusoid.scss */
#sinusoid-h.not-found-sin {
  animation: not-found-sin 3000ms ease-in-out;
  transition-duration: 1500ms;
  top: 50vh;
  margin-top: -0.5em;
}
/* line 113, ../../sass/views/_sinusoid.scss */
#sinusoid-h.not-found-sin::after {
  background-position: 20% 0;
}
@media only screen and (max-width: 780px) {
  /* line 112, ../../sass/views/_sinusoid.scss */
  #sinusoid-h.not-found-sin {
    font-size: 5.2em;
  }
}
/* line 122, ../../sass/views/_sinusoid.scss */
#sinusoid-h.init-sin-last {
  animation: init-sin 3000ms ease-in-out;
}

/* line 128, ../../sass/views/_sinusoid.scss */
#sinusoid-v {
  position: fixed;
  font-size: 9.3em;
  margin: 0 0 0 -0.5em;
  width: 1em;
  height: 1000%;
  top: 0;
  transform-origin: 50% 0;
  transform: translateX(-100vw);
  transition: width 3000ms ease-in-out;
}
/* line 140, ../../sass/views/_sinusoid.scss */
#sinusoid-v::before {
  content: "";
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background-color: white;
  transition: background-color 500ms ease-in-out;
}
/* line 149, ../../sass/views/_sinusoid.scss */
#sinusoid-v.hovered::before {
  background-color: red;
}
/* line 151, ../../sass/views/_sinusoid.scss */
#sinusoid-v::after {
  content: "";
  position: absolute;
  pointer-events: none;
  left: -1px;
  height: 100%;
  width: calc(100% + 2px);
  background-image: url(/https/sinusoid.es/static/pic/sinusoid-i-v.svg);
  background-size: contain;
  transition: background-position 3000ms ease-in-out;
}
@keyframes think-sin-v {
  40% {
    transform: translateX(-10vw) scale(0.1);
  }
  to {
    transform: translateX(calc(0.5em + 2.62rem)) scale(1);
  }
}
@keyframes think-sin-vb {
  from {
    background-position: 0 80%;
  }
  40% {
    background-position: 0 80%;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes think-sin-last-v {
  from {
    transform: translateX(calc(0.5em + 2.62rem)) scale(1);
  }
  80% {
    transform: translateX(-20vw) scale(2.5);
  }
  to {
    transform: translateX(-20vw);
  }
}
@keyframes think-sin-last-portrait-v {
  from {
    transform: translateX(calc(0.5em + 2.62rem)) scale(1);
  }
  80% {
    transform: translateX(-50vw) scale(2.5);
  }
  to {
    transform: translateX(-50vw) scale(2.5);
  }
}
@keyframes think-sin-last-vb {
  from {
    background-position: 0 0;
  }
  80% {
    background-position: 0 -80%;
  }
  to {
    background-position: 0 -80%;
  }
}
@keyframes todo-sin-v {
  40% {
    transform: translateX(-10vw) scale(0.1);
  }
  to {
    transform: translateX(50vw) scale(1);
  }
}
@keyframes todo-sin-vb {
  from {
    background-position: 0 80%;
  }
  40% {
    background-position: 0 80%;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes todo-sin-last-v {
  from {
    transform: translateX(50vw) scale(1);
  }
  80% {
    transform: translateX(130vw) scale(4);
  }
  to {
    transform: translateX(130vw);
  }
}
@keyframes todo-sin-last-portrait-v {
  from {
    transform: translateX(50vw) scale(1);
  }
  80% {
    transform: translateX(170vw) scale(4);
  }
  to {
    transform: translateX(170vw);
  }
}
@keyframes todo-sin-last-vb {
  from {
    background-position: 0 0;
  }
  80% {
    background-position: 0 -30%;
  }
  to {
    background-position: 0 -30%;
  }
}
/* line 213, ../../sass/views/_sinusoid.scss */
#sinusoid-v.think-sin-last {
  animation: think-sin-last-v 3000ms forwards;
}
/* line 215, ../../sass/views/_sinusoid.scss */
#sinusoid-v.think-sin-last::after {
  animation: think-sin-last-vb 3000ms forwards;
}
@media only screen and (orientation: portrait) {
  /* line 213, ../../sass/views/_sinusoid.scss */
  #sinusoid-v.think-sin-last {
    animation: think-sin-last-portrait-v 3000ms forwards;
  }
}
/* line 220, ../../sass/views/_sinusoid.scss */
#sinusoid-v.think-sin {
  animation: think-sin-v 3000ms forwards;
}
/* line 222, ../../sass/views/_sinusoid.scss */
#sinusoid-v.think-sin::after {
  animation: think-sin-vb 3000ms forwards;
}
@media only screen and (max-width: 780px) {
  /* line 220, ../../sass/views/_sinusoid.scss */
  #sinusoid-v.think-sin {
    font-size: 4.9em;
  }
}
/* line 227, ../../sass/views/_sinusoid.scss */
#sinusoid-v.todo-sin-last {
  animation: todo-sin-last-v 3000ms forwards;
}
@media only screen and (orientation: portrait) {
  /* line 227, ../../sass/views/_sinusoid.scss */
  #sinusoid-v.todo-sin-last {
    animation: todo-sin-last-portrait-v 3000ms forwards;
  }
}
/* line 232, ../../sass/views/_sinusoid.scss */
#sinusoid-v.todo-sin-last::after {
  animation: todo-sin-last-vb 3000ms forwards;
}
/* line 234, ../../sass/views/_sinusoid.scss */
#sinusoid-v.todo-sin {
  animation: todo-sin-v 3000ms forwards;
}
/* line 236, ../../sass/views/_sinusoid.scss */
#sinusoid-v.todo-sin::after {
  animation: todo-sin-vb 3000ms forwards;
}

/* line 37, ../../sass/_global.scss */
.clearfix::after, #do-page .programs::after, #think-page .stuff::after {
  content: "";
  display: block;
  clear: both;
}

/* line 44, ../../sass/_global.scss */
.noselect, .control, .title, #main-page .main-text, #do-page .filters a, #do-page .filters .header, #do-page .filters .filter, #do-page .programs, #do-page .slideshow .slideshow-item a.link, #not-found-page, .sinusoid-container, #think-page .filters, #think-page .stuff .thingy, .audio-player, .audio-player .play-button, .noselect *, .control *, .title *, #main-page .main-text *, #do-page .filters a *, #do-page .filters .header *, #do-page .filters .filter *, #do-page .programs *, #do-page .slideshow .slideshow-item a.link *, #not-found-page *, .sinusoid-container *, #think-page .filters *, #think-page .stuff .thingy *, .audio-player *, .audio-player .play-button * {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@keyframes enter-title {
  from {
    transform: scale(1.5) translateX(-100%) translateY(130%);
  }
  60% {
    transform: scale(1.5) translateX(-100%) translateY(130%);
  }
  to {
    transform: scale(1) translateY(0);
  }
}
@keyframes enter-stuff {
  from {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes enter-filters {
  from {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes leave-title {
  from {
    transform: translateY(0);
  }
  20% {
    transform: translateY(200%);
  }
  to {
    transform: translateY(200%);
  }
}
@keyframes leave-stuff {
  from {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes leave-filters {
  from {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
/* line 37, ../../sass/views/_think.scss */
#think-page.page-appear .title, #think-page.page-enter .title {
  animation: enter-title 3000ms forwards;
}
/* line 38, ../../sass/views/_think.scss */
#think-page.page-appear .stuff, #think-page.page-enter .stuff {
  animation: enter-stuff 3000ms forwards;
}
/* line 39, ../../sass/views/_think.scss */
#think-page.page-appear .filters, #think-page.page-enter .filters {
  animation: enter-filters 3000ms forwards;
}
/* line 42, ../../sass/views/_think.scss */
#think-page.page-leave .title {
  animation: leave-title 3000ms forwards;
}
/* line 43, ../../sass/views/_think.scss */
#think-page.page-leave .stuff {
  animation: leave-stuff 3000ms forwards;
}
/* line 44, ../../sass/views/_think.scss */
#think-page.page-leave .filters {
  animation: enter-filters 3000ms forwards;
}
/* line 47, ../../sass/views/_think.scss */
#think-page .title {
  position: fixed;
  bottom: 0;
  left: 2.5rem;
  width: 2.5em;
  color: white;
  padding-bottom: 1.25rem;
  padding-top: 0.25rem;
  background-color: black;
  font-size: 3.75em;
  text-transform: uppercase;
  border-top: 0.13em solid white;
  transition: border-top-color 0.5s ease-in-out;
}
/* line 60, ../../sass/views/_think.scss */
#think-page .title.hovered {
  border-top-color: red;
}
@media only screen and (max-width: 780px) {
  /* line 47, ../../sass/views/_think.scss */
  #think-page .title {
    font-size: 2em;
  }
}
/* line 67, ../../sass/views/_think.scss */
#think-page .filters {
  margin: 1.25em 2.125em 0.375em 0;
  float: right;
}
/* line 71, ../../sass/views/_think.scss */
#think-page .filters .filter-button {
  display: inline-block;
  cursor: pointer;
  margin: 0.375em;
  padding: 0.5em;
  border: 0.25em solid transparent;
  transition: border-color 0.3s ease;
}
/* line 78, ../../sass/views/_think.scss */
#think-page .filters .filter-button.enabled {
  border-color: white;
}
/* line 82, ../../sass/views/_think.scss */
.no-touch #think-page .filters .filter-button:hover.enabled {
  border-color: red;
}
/* line 83, ../../sass/views/_think.scss */
.no-touch #think-page .filters .filter-button:hover .segment {
  background-color: red;
}
/* line 82, ../../sass/views/_think.scss */
.has-touch #think-page .filters .filter-button:active.enabled {
  border-color: red;
}
/* line 83, ../../sass/views/_think.scss */
.has-touch #think-page .filters .filter-button:active .segment {
  background-color: red;
}
/* line 88, ../../sass/views/_think.scss */
#think-page .stuff {
  clear: both;
  margin-left: 16.875rem;
  margin-right: 2.5rem;
  margin-bottom: 2.5rem;
  color: white;
}
@media only screen and (max-width: 780px) {
  /* line 88, ../../sass/views/_think.scss */
  #think-page .stuff {
    margin-left: 10.5rem;
  }
}
/* line 100, ../../sass/views/_think.scss */
#think-page .stuff .thingy {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  right: 0;
  border: 4px solid white;
  padding: 8%;
  transition: border-color 0.5s ease-in-out, color 0.5s ease-in-out;
  text-decoration: none;
  color: white;
}
/* line 99, ../../sass/_global.scss */
.no-touch #think-page .stuff .thingy:hover {
  color: red;
  border-color: red;
}
/* line 100, ../../sass/_global.scss */
.has-touch #think-page .stuff .thingy:active {
  color: red;
  border-color: red;
}
/* line 119, ../../sass/views/_think.scss */
#think-page .stuff .thingy.text {
  font-size: 1.7em;
}
/* line 123, ../../sass/views/_think.scss */
#think-page .stuff .thingy.sound {
  padding: 0;
  border: 0;
  background-color: #333;
}
/* line 127, ../../sass/views/_think.scss */
#think-page .stuff .thingy.sound .open {
  position: absolute;
  padding: 10px;
  top: 0;
  right: 0;
  transition: fill 0.3s ease, opacity 0.5s ease;
  opacity: 0;
}
/* line 135, ../../sass/views/_think.scss */
#think-page .stuff .thingy.sound:hover .open {
  opacity: 1;
}
/* line 137, ../../sass/views/_think.scss */
.has-touch #think-page .stuff .thingy.sound .open {
  opacity: 1;
}
/* line 145, ../../sass/views/_think.scss */
#think-page .slideshow {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}
/* line 154, ../../sass/views/_think.scss */
#think-page .detail {
  position: absolute;
  background-color: black;
  width: 100%;
  height: 100%;
  color: white;
}
/* line 162, ../../sass/views/_think.scss */
#think-page .detail.sound {
  box-sizing: border-box;
  padding: 2.5em;
}
/* line 166, ../../sass/views/_think.scss */
#think-page .detail.sound .left-side {
  position: absolute;
  width: 40vw;
  height: 40vw;
  right: 50%;
  top: 0;
  bottom: 0;
  margin: auto 1.25em;
}
@media only screen and (orientation: portrait) {
  /* line 166, ../../sass/views/_think.scss */
  #think-page .detail.sound .left-side {
    width: 80vw;
    height: 80vw;
    left: 10vw;
    top: 10vw;
    margin: 0;
  }
}
/* line 184, ../../sass/views/_think.scss */
#think-page .detail.sound .right-side {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  width: 40vw;
  height: 40vw;
  left: 50%;
  top: 0;
  bottom: 0;
  margin: auto 0;
  padding: 0 1.25em;
}
@media only screen and (orientation: portrait) {
  /* line 184, ../../sass/views/_think.scss */
  #think-page .detail.sound .right-side {
    width: 80vw;
    height: auto;
    left: 10vw;
    top: 96vw;
    margin: 0;
    padding: 0;
    overflow: visible;
  }
}
@media only screen and (max-width: 780px) {
  /* line 184, ../../sass/views/_think.scss */
  #think-page .detail.sound .right-side {
    font-size: 0.94em;
  }
}
/* line 210, ../../sass/views/_think.scss */
#think-page .detail.sound .right-side .name {
  font-size: 2em;
  margin: 0 -2% 1em 0;
  text-transform: uppercase;
  font-weight: bold;
}
@media only screen and (max-width: 780px) {
  /* line 210, ../../sass/views/_think.scss */
  #think-page .detail.sound .right-side .name {
    font-size: 1.5em;
  }
}
/* line 220, ../../sass/views/_think.scss */
#think-page .detail.sound .right-side .desc, #think-page .detail.sound .right-side .date {
  font-size: 1.2em;
  color: #ccc;
  font-family: "Linux Libertine";
}
/* line 226, ../../sass/views/_think.scss */
#think-page .detail.sound .right-side .footer {
  position: absolute;
  bottom: 0;
  background-color: black;
}
@media only screen and (orientation: portrait) {
  /* line 226, ../../sass/views/_think.scss */
  #think-page .detail.sound .right-side .footer {
    position: static;
    margin-top: 2em;
    margin-bottom: 2em;
  }
}
/* line 238, ../../sass/views/_think.scss */
#think-page .detail.sound .right-side .tags {
  font-family: Inconsolata;
  color: #777;
  margin-bottom: 0.625em;
}
/* line 244, ../../sass/views/_think.scss */
#think-page .detail.sound .right-side .to-soundcloud {
  text-transform: uppercase;
  font-size: 0.75em;
}
/* line 251, ../../sass/views/_think.scss */
#think-page .detail.text {
  background-color: black;
  outline: none;
}
/* line 255, ../../sass/views/_think.scss */
#think-page .detail.text .content {
  margin: 3.75em auto;
  padding: 0 5%;
  max-width: 29em;
  font-family: "Linux Libertine";
  font-size: 1.46em;
  line-height: 1.55;
  padding-bottom: 5em;
}
/* line 264, ../../sass/views/_think.scss */
#think-page .detail.text .content h1 {
  margin-top: 2em;
  margin-bottom: 1.6em;
  text-align: center;
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1.2;
  font-family: Inconsolata;
  text-transform: lowercase;
}
/* line 273, ../../sass/views/_think.scss */
#think-page .detail.text .content h1::after {
  position: absolute;
  display: block;
  margin: 0.5em auto;
  content: "";
  width: 1.9em;
  left: 0;
  right: 0;
  background-image: url(/https/sinusoid.es/static/pic/sinusoid-b.svg);
  background-size: contain;
  height: 0.4em;
}
/* line 286, ../../sass/views/_think.scss */
#think-page .detail.text .content h2 {
  font-family: "Linux Libertine";
  font-weight: normal;
  padding-top: 1em;
  text-align: center;
}
/* line 292, ../../sass/views/_think.scss */
#think-page .detail.text .content p {
  color: #ccc;
}
/* line 296, ../../sass/views/_think.scss */
#think-page .detail.text .content p.poem-line {
  margin: 0;
  text-indent: -2em;
  margin-left: 4em;
}

/* line 37, ../../sass/_global.scss */
.clearfix::after, #do-page .programs::after, #think-page .stuff::after {
  content: "";
  display: block;
  clear: both;
}

/* line 44, ../../sass/_global.scss */
.noselect, .control, .title, #main-page .main-text, #do-page .filters a, #do-page .filters .header, #do-page .filters .filter, #do-page .programs, #do-page .slideshow .slideshow-item a.link, #not-found-page, .sinusoid-container, #think-page .filters, #think-page .stuff .thingy, .audio-player, .audio-player .play-button, .noselect *, .control *, .title *, #main-page .main-text *, #do-page .filters a *, #do-page .filters .header *, #do-page .filters .filter *, #do-page .programs *, #do-page .slideshow .slideshow-item a.link *, #not-found-page *, .sinusoid-container *, #think-page .filters *, #think-page .stuff .thingy *, .audio-player *, .audio-player .play-button * {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@keyframes enter-todo-block {
  from {
    transform: translateY(140%);
  }
  60% {
    transform: translateY(140%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes leave-todo-block {
  from {
    transform: translateY(0);
  }
  60% {
    transform: translateY(140%);
  }
  to {
    transform: translateY(140%);
  }
}
/* line 17, ../../sass/views/_todo.scss */
#todo-page.page-appear .todo-block, #todo-page.page-enter .todo-block {
  animation: enter-todo-block 3000ms forwards;
}
/* line 20, ../../sass/views/_todo.scss */
#todo-page.page-leave .todo-block {
  animation: leave-todo-block 3000ms forwards;
}
/* line 23, ../../sass/views/_todo.scss */
#todo-page .todo-block {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2.5rem;
  margin: 0 auto;
  width: 3.125em;
  padding: 0.2em 0.2em 0 0.25em;
  padding-top: 0;
  border: 0.5rem solid white;
  background: white;
  align: center;
  font-size: 10em;
  font-weight: bold;
  transition: border-color 0.5s ease-in-out;
}
/* line 38, ../../sass/views/_todo.scss */
#todo-page .todo-block.hovered {
  border-color: red;
}
@media only screen and (max-width: 780px) {
  /* line 23, ../../sass/views/_todo.scss */
  #todo-page .todo-block {
    font-size: 5.6rem;
  }
}
/* line 44, ../../sass/views/_todo.scss */
#todo-page .todo-block::after {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: -0.5rem;
  display: block;
  content: "";
  width: 3.675em;
  height: 3rem;
  background-color: black;
}

/* line 2, ../../sass/views/_audio-player.scss */
.audio-player {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}
/* line 9, ../../sass/views/_audio-player.scss */
.audio-player .play-button {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: background-color 0.5s ease;
}
/* line 16, ../../sass/views/_audio-player.scss */
.audio-player .play-button::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 100%;
  width: 5em;
  height: 5em;
  margin: auto;
  background-image: url(/https/sinusoid.es/static/pic/play.svg);
  background-color: white;
  background-image: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3.75em;
  transform: scale(0);
  transition: background-color 0.5s ease, transform 0.3s ease;
}
/* line 39, ../../sass/views/_audio-player.scss */
.no-touch .audio-player:hover .play-button {
  background-color: rgba(0, 0, 0, 0.6);
}
/* line 39, ../../sass/views/_audio-player.scss */
.has-touch .audio-player:active .play-button {
  background-color: rgba(0, 0, 0, 0.6);
}
/* line 43, ../../sass/views/_audio-player.scss */
.audio-player:hover .play-button::after {
  transform: scale(1);
}
/* line 47, ../../sass/views/_audio-player.scss */
.has-touch .audio-player .play-button::after {
  transform: scale(1);
}
/* line 51, ../../sass/views/_audio-player.scss */
.audio-player.is-playing .play-button::after {
  transform: scale(1);
  background-color: red;
  background-image: url(/https/sinusoid.es/static/pic/pause-w.svg);
}
/* line 57, ../../sass/views/_audio-player.scss */
.audio-player .seek-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2em;
}
/* line 62, ../../sass/views/_audio-player.scss */
.audio-player .seek-bar * {
  pointer-events: none;
}
/* line 64, ../../sass/views/_audio-player.scss */
.audio-player .seek-bar .seek-bar-tooltip {
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 2;
  opacity: 0;
  font-family: Inconsolata;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 0.5em 0.7em;
  border: 2px solid;
  transform: translateY(-100%) translateX(-50%);
  color: white;
  background-color: black;
  transition: border-color 0.5s ease, opacity 0.3s ease;
}
/* line 80, ../../sass/views/_audio-player.scss */
.audio-player .seek-bar .seek-bar-tooltip.played {
  border-color: red;
}
/* line 81, ../../sass/views/_audio-player.scss */
.audio-player .seek-bar .seek-bar-tooltip.buffered {
  border-color: white;
}
/* line 82, ../../sass/views/_audio-player.scss */
.audio-player .seek-bar .seek-bar-tooltip.unbuffered {
  border-color: #333;
}
/* line 85, ../../sass/views/_audio-player.scss */
.audio-player .seek-bar .seek-bar-range {
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 0;
  background-color: #333;
  transition: height 0.2s ease;
}
/* line 94, ../../sass/views/_audio-player.scss */
.audio-player .seek-bar .seek-bar-loaded {
  position: absolute;
  height: 100%;
  background-color: white;
  transition: width 1s ease;
}
/* line 101, ../../sass/views/_audio-player.scss */
.audio-player .seek-bar .seek-bar-position {
  position: absolute;
  height: 100%;
  background-color: red;
}
/* line 108, ../../sass/views/_audio-player.scss */
.audio-player.is-started .seek-bar .seek-bar-range {
  height: 0.32em;
}
/* line 109, ../../sass/views/_audio-player.scss */
.audio-player.is-started .seek-bar:hover .seek-bar-range {
  height: 1.25em;
}
/* line 110, ../../sass/views/_audio-player.scss */
.audio-player.is-started .seek-bar:hover .seek-bar-tooltip {
  opacity: 1;
}

@keyframes leave-slideshow-footer {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes enter-slideshow-footer {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideshow-enter-right {
  from {
    transform: translateX(100vw);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideshow-enter-left {
  from {
    transform: translateX(-100vw);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideshow-enter-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideshow-leave-fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* line 33, ../../sass/views/_slideshow.scss */
.slideshow.slideshow-appear, .slideshow.slideshow-enter {
  animation: slideshow-enter-fade 1s forwards;
}
/* line 35, ../../sass/views/_slideshow.scss */
.slideshow.slideshow-appear .slideshow-controls, .slideshow.slideshow-enter .slideshow-controls {
  animation: enter-slideshow-footer 1s forwards;
}
/* line 37, ../../sass/views/_slideshow.scss */
.slideshow.slideshow-leave {
  animation: slideshow-leave-fade 1s forwards;
}
/* line 39, ../../sass/views/_slideshow.scss */
.slideshow.slideshow-leave .slideshow-controls {
  animation: leave-slideshow-footer 1s forwards;
}
/* line 42, ../../sass/views/_slideshow.scss */
.slideshow .slideshow-item {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  outline: none;
}
/* line 50, ../../sass/views/_slideshow.scss */
.slideshow .slideshow-item.swipe-left-enter {
  animation: slideshow-enter-left 500ms forwards;
}
/* line 51, ../../sass/views/_slideshow.scss */
.slideshow .slideshow-item.swipe-left-leave {
  animation: slideshow-leave-fade 500ms forwards;
}
/* line 52, ../../sass/views/_slideshow.scss */
.slideshow .slideshow-item.swipe-right-enter {
  animation: slideshow-enter-right 500ms forwards;
}
/* line 53, ../../sass/views/_slideshow.scss */
.slideshow .slideshow-item.swipe-right-leave {
  animation: slideshow-leave-fade 500ms forwards;
}
/* line 54, ../../sass/views/_slideshow.scss */
.slideshow .slideshow-item.swipe-left-enter, .slideshow .slideshow-item.swipe-left-leave, .slideshow .slideshow-item.swipe-right-enter, .slideshow .slideshow-item.swipe-right-leave {
  overflow-y: hidden;
}
/* line 60, ../../sass/views/_slideshow.scss */
.slideshow .slideshow-controls {
  z-index: 1000;
  position: fixed;
  bottom: 0;
  right: 0;
}
/* line 65, ../../sass/views/_slideshow.scss */
.slideshow .slideshow-controls .control {
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 0.6rem;
}
@media only screen and (max-width: 780px) {
  /* line 65, ../../sass/views/_slideshow.scss */
  .slideshow .slideshow-controls .control {
    margin-right: 0;
  }
}
/* line 75, ../../sass/views/_slideshow.scss */
.slideshow .slideshow-controls .control svg {
  width: 100%;
  height: 100%;
}

/* line 2, ../../sass/_icons.scss */
.icon, .icon-pic, .icon-text, .icon-sound {
  overflow: hidden;
  position: relative;
  width: 2em;
  height: 2em;
}
/* line 7, ../../sass/_icons.scss */
.icon .segment, .icon-pic .segment, .icon-text .segment, .icon-sound .segment {
  position: absolute;
  background-color: white;
  transition: background-color 0.3s ease;
}
/* line 12, ../../sass/_icons.scss */
.icon.animatable:hover .segment, .animatable.icon-pic:hover .segment, .animatable.icon-text:hover .segment, .animatable.icon-sound:hover .segment {
  background-color: red;
}

/* line 22, ../../sass/_icons.scss */
.icon-pic .segment:nth-child(1) {
  width: 100%;
  height: 11.11111%;
}
/* line 26, ../../sass/_icons.scss */
.icon-pic .segment:nth-child(2) {
  height: 100%;
  width: 11.11111%;
  right: 0;
}
/* line 31, ../../sass/_icons.scss */
.icon-pic .segment:nth-child(3) {
  width: 100%;
  height: 11.11111%;
  bottom: 0;
}
/* line 36, ../../sass/_icons.scss */
.icon-pic .segment:nth-child(4) {
  height: 100%;
  width: 11.11111%;
}
/* line 40, ../../sass/_icons.scss */
.icon-pic .segment:nth-child(5) {
  height: 110%;
  width: 11.11111%;
  transform-origin: 50% 50%;
  transform: translateX(300%) rotate(80deg);
}
/* line 49, ../../sass/_icons.scss */
.icon-pic.animatable:hover .segment:nth-child(5) {
  animation: icon-pic-5a 0.3s 2 alternate linear;
}
@keyframes icon-pic-5a {
  from {
    transform: translateX(300%) rotate(80deg);
  }
  to {
    transform: translateX(300%) rotate(70deg);
  }
}
/* line 62, ../../sass/_icons.scss */
.icon-text .segment {
  height: 11.11111%;
  width: 100%;
  transform-origin: 0 0;
}
/* line 66, ../../sass/_icons.scss */
.icon-text .segment:nth-child(1) {
  width: 80%;
  top: 0%;
}
/* line 70, ../../sass/_icons.scss */
.icon-text .segment:nth-child(2) {
  width: 100%;
  top: 22.22222%;
}
/* line 74, ../../sass/_icons.scss */
.icon-text .segment:nth-child(3) {
  width: 70%;
  top: 44.44444%;
}
/* line 78, ../../sass/_icons.scss */
.icon-text .segment:nth-child(4) {
  width: 90%;
  top: 66.66667%;
}
/* line 82, ../../sass/_icons.scss */
.icon-text .segment:nth-child(5) {
  width: 30%;
  top: 88.88889%;
}
/* line 90, ../../sass/_icons.scss */
.icon-text.animatable:hover .segment:nth-child(1) {
  animation: icon-text-1a 0.3s 2 alternate linear;
}
@keyframes icon-text-1a {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.2, 1);
  }
}
/* line 97, ../../sass/_icons.scss */
.icon-text.animatable:hover .segment:nth-child(2) {
  animation: icon-text-2a 0.3s 2 alternate linear;
}
@keyframes icon-text-2a {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(0.8, 1);
  }
}
/* line 104, ../../sass/_icons.scss */
.icon-text.animatable:hover .segment:nth-child(3) {
  animation: icon-text-3a 0.3s 2 alternate linear;
}
@keyframes icon-text-3a {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.3, 1);
  }
}
/* line 111, ../../sass/_icons.scss */
.icon-text.animatable:hover .segment:nth-child(4) {
  animation: icon-text-4a 0.3s 2 alternate linear;
}
@keyframes icon-text-4a {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(0.7, 1);
  }
}
/* line 118, ../../sass/_icons.scss */
.icon-text.animatable:hover .segment:nth-child(5) {
  animation: icon-text-5a 0.3s 2 alternate linear;
}
@keyframes icon-text-5a {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(2, 1);
  }
}
/* line 131, ../../sass/_icons.scss */
.icon-sound .segment {
  width: 11.11111%;
  height: 100%;
  top: 0;
  bottom: 0;
  margin: auto 0;
  transform-origin: 50% 50%;
}
/* line 138, ../../sass/_icons.scss */
.icon-sound .segment:nth-child(1) {
  height: 100%;
  left: 0%;
}
/* line 142, ../../sass/_icons.scss */
.icon-sound .segment:nth-child(2) {
  height: 70%;
  left: 22.22222%;
}
/* line 146, ../../sass/_icons.scss */
.icon-sound .segment:nth-child(3) {
  height: 40%;
  left: 44.44444%;
}
/* line 150, ../../sass/_icons.scss */
.icon-sound .segment:nth-child(4) {
  height: 60%;
  left: 66.66667%;
}
/* line 154, ../../sass/_icons.scss */
.icon-sound .segment:nth-child(5) {
  height: 20%;
  left: 88.88889%;
}
/* line 162, ../../sass/_icons.scss */
.icon-sound.animatable:hover .segment:nth-child(1) {
  animation: icon-sound-1a 0.3s 2 alternate linear;
}
@keyframes icon-sound-1a {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1, 0.8);
  }
}
/* line 169, ../../sass/_icons.scss */
.icon-sound.animatable:hover .segment:nth-child(2) {
  animation: icon-sound-2a 0.3s 2 alternate linear;
}
@keyframes icon-sound-2a {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1, 1.2);
  }
}
/* line 176, ../../sass/_icons.scss */
.icon-sound.animatable:hover .segment:nth-child(3) {
  animation: icon-sound-3a 0.3s 2 alternate linear;
}
@keyframes icon-sound-3a {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1, 1.3);
  }
}
/* line 183, ../../sass/_icons.scss */
.icon-sound.animatable:hover .segment:nth-child(4) {
  animation: icon-sound-4a 0.3s 2 alternate linear;
}
@keyframes icon-sound-4a {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1, 0.7);
  }
}
/* line 190, ../../sass/_icons.scss */
.icon-sound.animatable:hover .segment:nth-child(5) {
  animation: icon-sound-5a 0.3s 2 alternate linear;
}
@keyframes icon-sound-5a {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1, 1.1);
  }
}