body,html{font-size:16px;font-family:sans-serif;text-align:center}body h1,html h1{font-size:2rem}body p,html p{font-size:1rem}.overview .tile{position:relative;display:inline-flex;background:#f5f5f5;justify-content:flex-start;align-items:flex-end;min-height:150px;min-width:300px;padding:1rem;margin:0 1rem;cursor:pointer;border-radius:1rem;box-shadow:.5rem .5rem 1rem rgba(0,0,0,.2);transition:box-shadow .1s ease-out,transform .1s ease-out;transform:translateY(0)}.overview .tile:hover{box-shadow:.1rem .1rem .25rem rgba(0,0,0,.2);transform:translateY(3px)}.overview .tile h2{margin:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#000}.overview a{text-decoration:none}.tile.aurora-borealis{background:transparent linear-gradient(navy,#0f0)}.shader-demo{margin:0 auto;padding:2rem 1rem;text-align:center;min-height:500vh}.shader-demo h1{font-size:4rem;margin:1rem 0}.shader-demo h2{margin-bottom:30vh}.shader-demo .gallery{padding-bottom:75vh;text-align:center}.photoframe{position:relative;max-width:800px;max-height:800px;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:2rem;background-color:#fff;padding:.75rem;box-shadow:5px 5px 10px rgba(0,0,0,.1)}body,html{height:100%}body{background-color:#efefef;margin:0}img{width:100%;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none}*{box-sizing:content-box}#app,.main-wrapper{height:100%}.main-wrapper{position:relative;padding:.1px}.fancy-image[data-v-720883ff]{position:relative;overflow:hidden;width:auto;isolation:isolate}.fancy-image>.orig[data-v-720883ff]{width:auto;max-width:100%}.fancy-image .shader-layer[data-v-720883ff]{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;background-size:100% auto}.fancy-image .specular[data-v-720883ff]{mix-blend-mode:color-dodge;background-attachment:fixed}.fancy-image .mask[data-v-720883ff]{mix-blend-mode:multiply}.pic-wrapper[data-v-5f81d1ab]{position:relative;overflow:hidden;width:auto;isolation:isolate}.pic-wrapper .orig-pic[data-v-5f81d1ab]{width:auto;max-width:100%;max-height:700px}.pic-wrapper .shader-layer[data-v-5f81d1ab]{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;background-size:100% auto}.pic-wrapper.animation .main>div[data-v-5f81d1ab],.pic-wrapper .night[data-v-5f81d1ab],.pic-wrapper .specular[data-v-5f81d1ab]{background-attachment:fixed}.nagrand .specular[data-v-5f81d1ab]{mix-blend-mode:color-dodge;background-image:linear-gradient(0deg,#000 20%,#200ab4,#7067a8,#d18b89 50%,#de2314,#000)}.nagrand .mask[data-v-5f81d1ab]{mix-blend-mode:multiply;background-image:url(/static/img/shader/nagrand-lightmask.jpg)}.friesland .night[data-v-5f81d1ab]{mix-blend-mode:multiply;background-image:linear-gradient(180deg,#071059 10%,#fff)}.friesland .specular[data-v-5f81d1ab]{mix-blend-mode:color-dodge;background-image:linear-gradient(0deg,#fff 10%,#f58308 40%,#f4310e,#c71b1b 80%,red)}.friesland .mask[data-v-5f81d1ab]{mix-blend-mode:multiply;background-image:url(/static/img/shader/friesland-lightmask.jpg)}.aram .specular[data-v-5f81d1ab]{mix-blend-mode:color-dodge;background-image:linear-gradient(0deg,#000 20%,#200ab4,#18c9c9,#fff 50%,#00f,#000)}.aram .mask[data-v-5f81d1ab]{mix-blend-mode:hard-light;background-image:url(/static/img/shader/aram-lightmask.jpg)}.lightning .specular[data-v-5f81d1ab]{mix-blend-mode:color-dodge;background-image:linear-gradient(#000,#000 20%,#fff 50%,#000 55%,#000)}.lightning .mask[data-v-5f81d1ab]{mix-blend-mode:color-burn;background-image:url(/static/img/shader/lightning-lightmap.jpg)}.animation .sky[data-v-5f81d1ab]{mix-blend-mode:multiply;background-image:linear-gradient(180deg,#515151,#fff9cb,#9da7e9,#3c779d)}.animation .sky .mask[data-v-5f81d1ab]{mix-blend-mode:multiply;background-image:url(/static/img/shader/starry-night-sky.jpg)}.animation .building-light[data-v-5f81d1ab]{mix-blend-mode:difference;background-image:linear-gradient(#000 10%,#fff9cb 30%,#fff9cb 70%,#000 85%)}.animation .building-light .mask[data-v-5f81d1ab]{mix-blend-mode:multiply;background-image:url(/static/img/shader/starry-night-windows2.jpg)}.animation .stars[data-v-5f81d1ab]{mix-blend-mode:color-dodge;background-image:linear-gradient(#fff9cb,#fff,#000)}.animation .stars .mask[data-v-5f81d1ab]{mix-blend-mode:multiply;background-image:url(/static/img/shader/starry-night-stars.jpg)}.moving-sign[data-v-5f81d1ab]{position:absolute;width:10%;left:15%;top:20%;mix-blend-mode:overlay;animation:move-sign-5f81d1ab 15s infinite alternate;transform-style:preserve-3d;transform:rotateX(60deg) rotate(10deg);will-change:transform}.bmw .specular[data-v-5f81d1ab]{mix-blend-mode:hard-light;background-size:100% 200%;background-attachment:unset;animation:move-bg 10s infinite alternate;transition:background 1s ease-out}.bmw .specular[data-v-5f81d1ab]:after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:400%;background-image:radial-gradient(circle at 46.3% 62%,#fff 20px,#f8df92 50px,#fff0a9 150px,#fbde97 220px,#798ba0 600px,#000 700px);animation:sun-reveal-5f81d1ab 5s infinite alternate}.bmw .mask[data-v-5f81d1ab]{mix-blend-mode:multiply;background-image:url(/static/img/shader/bmw-lightmap3.jpg)}.bmw .mask[data-v-5f81d1ab]:after{width:100%;height:250px;position:absolute;bottom:0;left:0;background:linear-gradient(transparent,#fff)}.bmw .bikes[data-v-5f81d1ab]{isolation:isolate;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/static/img/shader/bike-fs-layer.png);background-size:100% auto;opacity:0;animation:reveal-on-end-5f81d1ab 5s infinite alternate}@keyframes move-up-down-5f81d1ab{0%{transform:scale(1)}to{transform:scale(1.3)}}@keyframes move-sign-5f81d1ab{0%{left:15%;top:20%;filter:blur(1px);transform:translateY(0) rotateX(60deg) rotate(10deg) scale(1)}to{left:70%;filter:blur(3px);transform:translateY(100px) rotateX(70deg) rotate(30deg) scale(.6)}}@keyframes sun-reveal-5f81d1ab{0%,10%{top:200%;filter:brightness(.2)}45%{filter:brightness(.65)}90%,to{top:-35%;filter:brightness(1)}}@keyframes reveal-on-end-5f81d1ab{0%,45%{opacity:0}90%,to{opacity:1}}.order-copy[data-v-5f81d1ab]{text-align:left}.vans .color[data-v-5f81d1ab]{mix-blend-mode:color;background-color:#ff0}.vans .mask[data-v-5f81d1ab]{mix-blend-mode:multiply;background-image:url(/static/img/shader/vans-lightmap.jpg)}.pic-wrapper[data-v-4721f556]{position:relative;overflow:hidden;width:auto;isolation:isolate}.pic-wrapper .orig-pic[data-v-4721f556]{width:auto;max-width:100%;max-height:700px}.pic-wrapper .shader-layer[data-v-4721f556]{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;background-size:100% auto}.pic-wrapper.animation .main>div[data-v-4721f556],.pic-wrapper .night[data-v-4721f556],.pic-wrapper .specular[data-v-4721f556]{background-attachment:fixed}.pic-wrapper .color[data-v-4721f556]{mix-blend-mode:color}.pic-wrapper .mask[data-v-4721f556]{mix-blend-mode:multiply;background-image:url(/static/img/shader/vans-lightmap.jpg)}