.note-image-wrapper{display:flex;justify-content:center;align-items:center}.note-image{display:block;max-width:120px;height:auto;border-radius:6px}.full-screen-scan{mix-blend-mode:exclusion;background:linear-gradient(0deg,#fff,#000 90%);z-index:5;width:100vw;height:100vh}@property --stop1{syntax: "<percentage>"; initial-value: 5%; inherits: false;}@property --stop2{syntax: "<percentage>"; initial-value: 40%; inherits: false;}@property --stop3{syntax: "<percentage>"; initial-value: 55%; inherits: false;}@property --stop4{syntax: "<percentage>"; initial-value: 65%; inherits: false;}@property --stop5{syntax: "<percentage>"; initial-value: 95%; inherits: false;}.scroll-scan{--stop1: 5%;--stop2: 40%;--stop3: 55%;--stop4: 65%;--stop5: 95%;mix-blend-mode:exclusion;background-image:linear-gradient(to top,white var(--stop1),black var(--stop2),transparent var(--stop3),black var(--stop4),white var(--stop5));z-index:5;width:100vw;height:calc(100vh - var(--header-height));pointer-events:none;position:relative;top:calc(-1 * var(--header-height));animation:scroll-gradient 10s ease-in-out alternate;animation-fill-mode:forwards}@keyframes scroll-gradient{0%{--stop1: 5%;--stop2: 40%;--stop3: 55%;--stop4: 65%;--stop5: 95%}to{--stop1: 7%;--stop2: 38%;--stop3: 57%;--stop4: 65%;--stop5: 93%}}.random-image-wall{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:#ededed;filter:invert(100%)!important}.random-image-wall img.wall-piece{position:absolute;max-width:100vw;width:auto;height:auto;object-fit:contain;pointer-events:none;transition:transform .3s ease;display:none;mix-blend-mode:multiply;filter:brightness(2) contrast(.75) saturate(0) blur(0);will-change:filter;animation:image-breathe 6s ease-in-out infinite alternate}.random-image-wall img.wall-piece:nth-child(1){animation-delay:1s}.random-image-wall img.wall-piece:nth-child(2){animation-delay:1.5s;animation-direction:alternate-reverse}.random-image-wall img.wall-piece:nth-child(3){animation-delay:2s}.random-image-wall img.wall-piece:nth-child(4){animation-delay:3s;animation-direction:alternate}.random-image-wall img.wall-piece:nth-child(5){animation-delay:3s}.random-image-wall img.wall-piece:nth-child(6){animation-delay:1s}.random-image-wall img.wall-piece:nth-child(7){animation-delay:1.5s;animation-direction:alternate-reverse}.random-image-wall img.wall-piece:nth-child(8){animation-delay:2s}.random-image-wall img.wall-piece:nth-child(9){animation-delay:3s;animation-direction:alternate}.random-image-wall img.wall-piece:nth-child(10){animation-delay:3s}.random-image-wall img.wall-piece:nth-child(11){animation-delay:1s}.random-image-wall img.wall-piece:nth-child(12){animation-delay:1.5s;animation-direction:alternate-reverse}.random-image-wall img.wall-piece:nth-child(13){animation-delay:2s}.random-image-wall img.wall-piece:nth-child(14){animation-delay:3s;animation-direction:alternate}.random-image-wall img.wall-piece:nth-child(15){animation-delay:3s}.center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;justify-content:center;width:50vw;box-sizing:border-box;text-align:center}.center-logo img{width:100%;height:auto;max-height:30vh;display:block;filter:blur(0);will-change:filter;animation:blur-breathe 6s ease-in-out infinite alternate;opacity:.8}.tilted-note{position:absolute;width:22em;height:auto;background-color:#ffef9e;border-radius:1px;display:flex;flex-direction:column;padding:.75em 1em;overflow:hidden;pointer-events:auto;box-shadow:5px 10px 10px #00000059,inset 0 1px #ffffff80,inset 0 -1px #00000080,inset 1px 0 #ffffff80,inset -1px 0 #00000080;transition:transform .25s ease,box-shadow .25s ease;z-index:6}.tilted-note:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(Paper.jpg) center/cover no-repeat;opacity:.75;pointer-events:none;mix-blend-mode:multiply}.tilted-note{cursor:grab}.tilted-note.dragging{cursor:grabbing;transition:none}.tilted-note.dragging:hover{transform:none!important}.tilted-note:hover{transform:scale(1.5);box-shadow:8px 16px 18px #0006}.note-entry,.note-title{text-decoration:none!important}.note-divider{overflow:hidden;white-space:nowrap;text-overflow:"+"}.tilted-note.one{transform:rotate(-5deg)}.tilted-note.two{transform:rotate(-12deg)}.cursor-glow{position:absolute;left:0;top:0;width:25vh;height:25vh;pointer-events:none;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#000,#fff);filter:blur(18px);mix-blend-mode:difference;transform:translate(-50%,-50%);opacity:0;transition:opacity 1s ease-in-out;will-change:left,top,opacity}.scroll-message{position:fixed;inset:0 auto auto 0;width:100%;text-align:center;pointer-events:none;will-change:opacity,visibility;animation:blink 2s ease-in-out infinite,vanish 20s ease-in-out 10s forwards,soft-blur-breathe 6s ease-in-out infinite alternate;font-size:4em;padding:.1em}@keyframes blur-breathe{0%{filter:blur(0px) contrast(100%) brightness(100%)}50%{filter:blur(1.5px) contrast(105%) brightness(102%)}to{filter:blur(3px) contrast(110%) brightness(105%)}}@keyframes soft-blur-breathe{0%{filter:blur(0px) contrast(100%) brightness(100%)}50%{filter:blur(.75px) contrast(105%) brightness(102%)}to{filter:blur(1.5px) contrast(110%) brightness(105%)}}@keyframes image-breathe{0%{filter:brightness(2) contrast(.75) saturate(0) blur(0px)}50%{filter:brightness(1.5) contrast(.5) saturate(0) blur(1.5px)}to{filter:brightness(1) contrast(.75) saturate(0) blur(3px)}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes vanish{to{opacity:0;visibility:none}}@media (prefers-reduced-motion: reduce){.scroll-message{animation:vanish 0s linear var(--show-for) forwards}}@media (max-width: 768px){.note-image{max-width:100px}}@media (max-width: 480px){.note-image{max-width:80px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/random-image-wall.css.map */