/* css/style.scss */
:root{--color-background: #DEF1F6;--color-text: #3A3B3B;--color-light: #F9F7F3;--color-primary: #D4CFFE;--color-grey: #a9a9a9;--color-highlight: #09A2C8;--answer-initial-size: 1;--cloud-initial-size: 1.3;--cloud-initial-top: 1;--bg-cloud-height: 120vw;--cloud-line-scale: 2.7}html,body{height:100%;padding:0;margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.25;-webkit-font-smoothing:antialiased}body{cursor:url("https://s4.bcbits.com/client-bundle/1/IsItBandcampFriday_1/static-efc27e0601a177bd9a0250655d062f35.static/static/custom-cursor.png") 0 0,auto;cursor:url("https://s4.bcbits.com/client-bundle/1/IsItBandcampFriday_1/static-efc27e0601a177bd9a0250655d062f35.static/static/custom-cursor.svg") 0 0,auto;cursor:image-set(url("https://s4.bcbits.com/client-bundle/1/IsItBandcampFriday_1/static-efc27e0601a177bd9a0250655d062f35.static/static/custom-cursor.png") 1x, url("https://s4.bcbits.com/client-bundle/1/IsItBandcampFriday_1/static-efc27e0601a177bd9a0250655d062f35.static/static/custom-cursor-2x.png") 2x) 0 0,auto}body:active,a,button{cursor:url("https://s4.bcbits.com/client-bundle/1/IsItBandcampFriday_1/static-efc27e0601a177bd9a0250655d062f35.static/static/custom-cursor-active.png") 0 0,auto;cursor:url("https://s4.bcbits.com/client-bundle/1/IsItBandcampFriday_1/static-efc27e0601a177bd9a0250655d062f35.static/static/custom-cursor-active.svg") 0 0,auto;cursor:image-set(url("https://s4.bcbits.com/client-bundle/1/IsItBandcampFriday_1/static-efc27e0601a177bd9a0250655d062f35.static/static/custom-cursor-active.png") 1x, url("https://s4.bcbits.com/client-bundle/1/IsItBandcampFriday_1/static-efc27e0601a177bd9a0250655d062f35.static/static/custom-cursor-active-2x.png") 2x) 0 0,auto}*{box-sizing:border-box}a{text-decoration:none}a:hover{text-decoration:underline}.pane{opacity:0;padding:80px 40px 50px;background:var(--color-background);color:var(--color-text);min-height:100%;position:relative;overflow:hidden;display:flex;flex-flow:row wrap;place-content:flex-start center;transition:background 1s}.pane.ready{opacity:1}.pane.active,.pane.ending{background:var(--color-light)}h2{font-size:1rem;text-align:center;margin:0;flex:1}#mute-unmute{background:none;border:none;outline:none;position:absolute;top:100px}#mute-unmute svg{fill:var(--color-grey);width:20px}.answer{position:relative;z-index:1;text-align:center;font-size:calc(var(--answer-initial-size)*1rem);width:37.5em;-webkit-touch-callout:none;user-select:none;user-select:none;user-select:none;user-select:none;user-select:none}.words{position:relative;height:9em;transition:height 1s}.pane.active .words{height:20em}svg.word{position:absolute;width:46%;z-index:2;opacity:0;transition:opacity 1s}.pane.ready:not(.active) svg.word{opacity:1}svg.word.not{left:0;margin-right:4%;animation:sway 12s ease-in-out -6s infinite}svg.word.yet{right:0;animation:sway 12s ease-in-out -8s infinite}.reduce-motion svg.word.not,.reduce-motion svg.word.yet{animation:none}svg.word .bg{fill:var(--color-text)}.yes-word{position:absolute;opacity:0;width:100%;top:-1em;left:50%;transform:translateX(-50%);transition:opacity 1s;z-index:2;pointer-events:none}.pane.active .yes-word{opacity:1}.cloud{transition:opacity .5s;background:url("https://s4.bcbits.com/client-bundle/1/IsItBandcampFriday_1/static-efc27e0601a177bd9a0250655d062f35.static/static/cloud.svg") no-repeat;background-size:contain;background-position:center;font-size:calc(var(--cloud-initial-size)*1rem);width:25em;height:18.75em;display:flex;flex-flow:row wrap;place-content:center center;text-align:center;padding:0 4em;margin-left:-4.8em;margin-top:calc(var(--cloud-initial-top)*1em);position:relative;z-index:1;color:var(--color-text);animation:float 10s ease-in-out infinite}.pane.active .cloud,.reduce-motion .cloud{animation:none}.cloud *{font-size:1rem;z-index:1}.cloud a[href]{color:var(--color-highlight)}.yes-text,.after-text{display:none}.pane:not(.before) .no-text{display:none}.pane.active .yes-text{display:block}.pane.after .after-text{display:block}.next-fundraiser{font-weight:bold}.bandcamp-link,.store-link{margin-top:15px;margin-left:16px}.bandcamp-link,.store-link span{display:flex;align-items:baseline;justify-content:center}.bandcamp-link svg,.store-link span svg{fill:var(--color-highlight);margin-left:5px}.store-link{width:20em}#background-cloud{position:absolute;height:var(--bg-cloud-height);bottom:calc(var(--bg-cloud-height)*-0.7);width:calc(var(--bg-cloud-height)*1.5);transform:translateX(-9vw)}#background-cloud svg{fill:var(--color-light);height:100%;width:100%;transform:rotate(163deg)}#cloud-line{opacity:0;width:80em;height:80em;position:absolute;top:-8em;left:40em;transition:top 2s,left 2s,opacity 1s;pointer-events:none}.pane.ready:not(.active) #cloud-line{opacity:1}#cloud-line svg{transform:scale(var(--cloud-line-scale))}#cloud-line svg .path{fill:none;stroke:var(--color-primary);stroke-width:3px}.record{--bg: none;--highlight: white;display:block;width:400px;position:absolute;right:-16em;top:calc(var(--cloud-initial-top)*1em + 18em);animation:float 14s ease-in-out -6s infinite;transition:opacity .5s}.reduce-motion .record{animation:none}.record svg{transform:rotate(4deg)}.pane.active .answer .record{display:none}.fliers{--perspective: 10px;transform-origin:center 200px;transform-style:preserve-3d;position:absolute;width:100vmax;height:100vmax;top:0;opacity:0;animation:none;transition:opacity 1s}.fliers>*{position:absolute;width:1000px}.fliers1{transition-delay:0s}.pane.active .fliers1{opacity:1;animation:fly 6s 6s linear infinite;transition-delay:6s}.pane.active .fliers2{opacity:1;animation:fly2 6s linear infinite;transition-delay:0s}.pane.active.reduce-motion .fliers1{animation:none;transform:perspective(var(--perspective)) translateZ(calc(-25 * var(--perspective)))}.pane.active.reduce-motion .fliers2{animation:none;transform:perspective(var(--perspective)) translateZ(calc(-50 * var(--perspective)))}.fliers .record{animation:none;transition:none;inset:auto;--bg: #e0a80b;--highlight: #05a3af}.fliers .notes{--bg: #e2471c}.fliers .cassette{--bg: #f7f5f0;--highlight: #e0a80b}.footer{position:absolute;bottom:30px;width:100%;display:flex;justify-content:end;padding:0 1rem}.footer #end{position:absolute;display:block;width:17px;height:11px;fill:var(--color-text);left:50%;top:50%;transform:translate(-50%, -50%)}.footer a{color:gray;font-size:12px;padding:0 .5rem}@media screen and (width <= 820px){.pane{padding-top:40px}}@media screen and (width <= 700px){.answer{font-size:calc(.1428571429vw*var(--answer-initial-size)*16)}.cloud{margin-top:calc(var(--cloud-initial-size)*16*var(--cloud-initial-top)/325*(100vw - 375px))}#cloud-line{top:-11em;left:50em}.record{opacity:0}.footer{justify-content:space-between}}@media screen and (width <= 374px){.cloud{font-size:1.2rem}.cloud *{font-size:.9rem}}@keyframes sway{0%{transform:translate3d(5px, 0, 0) rotate(0.02deg)}50%{transform:translate3d(-5px, 0, 0) rotate(0.02deg)}100%{transform:translate3d(5px, 0, 0) rotate(0.02deg)}}@keyframes float{0%{transform:translate3d(0, -16px, 0) rotateZ(0)}50%{transform:translate3d(0, 16px, 0) rotateZ(0)}100%{transform:translate3d(0, -16px, 0) rotateZ(0)}}@keyframes fly{0%{transform:perspective(var(--perspective)) translateZ(calc(-50 * var(--perspective)))}100%{transform:perspective(var(--perspective)) translateZ(calc(0 * var(--perspective)))}}@keyframes fly2{0%{transform:perspective(var(--perspective)) translateZ(calc(-100 * var(--perspective)))}100%{transform:perspective(var(--perspective)) translateZ(calc(-50 * var(--perspective)))}}#dev-controls{width:100%;z-index:100}