@media (min-width:900px){.window{width:400px}.box{min-height:100vh}.vinyl.sticky{left:auto;right:calc(19% - 125px);top:64%}.any-day-now.window{left:calc(50% - 100px);top:17%}.period.window{left:calc(32% - 150px);top:36%}.w-love.window{left:calc(19% - 125px);top:6%}}@media (max-width:899px){.vinyl.sticky{left:calc(50% - 90px);top:324px}.any-day-now.window{left:calc(50% - 166px);top:22px}.period.window{left:calc(50% - 166px);top:422px}.w-love.window{left:calc(50% - 166px);top:822px}.window{width:333px}.box{min-height:1250px}}body{font-family:'Helvetica Neue',Helvetica,sans-serif;background-color:#fff;color:#000;font-size:12px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body .box .spellcheck{border-bottom:1px dashed red}body .box ul{padding:0;overflow-x:hidden;list-style:none}body .box ul .loading{display:block;padding:1rem 0;text-align:center}body .floater{position:fixed;bottom:12px;right:24px;display:block;z-index:0}body .floater img{margin:0 auto;padding:0 0 0 .25rem;width:auto;height:45px;opacity:1}body .draggable{position:absolute}body .resize{position:absolute}body .resize.n,body .resize.s{left:4px;cursor:ns-resize;height:8px;width:calc(100% - 8px)}body .resize.e,body .resize.w{top:4px;cursor:ew-resize;width:8px;height:calc(100% - 8px)}body .resize.n{top:-6px}body .resize.e{right:-4px}body .resize.s{bottom:-4px}body .resize.w{left:-4px}body .resize.ne,body .resize.nw,body .resize.se,body .resize.sw{width:8px;height:8px}body .resize.nw{top:-4px;left:-4px}body .resize.ne{top:-4px;right:-4px}body .resize.se{bottom:-4px;right:-4px}body .resize.sw{bottom:-4px;left:-4px}body .resize.nw,body .resize.se{cursor:nwse-resize}body .resize.ne,body .resize.sw{cursor:nesw-resize}body .sticky{top:50px;left:50px;min-width:99px;width:300px;height:auto;background-color:#fef3a1;border:1px solid #bba824;box-shadow:0 4px 15px rgba(0,0,0,.3);overflow:hidden}body .sticky .dragbar{background-color:#fde84f;border-bottom:1px solid #bba824;height:12px;position:relative;cursor:move;cursor:-webkit-grab;cursor:grab}body .sticky .dragbar:active{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}body .sticky .dragbar .close{margin:2px 14px 2px 4px;cursor:pointer;width:7px;height:7px;background-color:#fef3a1;display:inline-block;border-right:1px solid #d2bc0a;border-bottom:1px solid #d2bc0a}body .sticky .dragbar .close::after{content:'';position:relative;display:block;width:3px;height:3px;top:1px;left:1px;border-left:1px solid #d2bc0a;border-top:1px solid #d2bc0a}body .sticky .dragbar .title{overflow-x:hidden;max-width:calc(100% - 30px);font-kerning:normal;font-size:9px;letter-spacing:.4px;display:none;height:10px;white-space:nowrap;margin:0}body .sticky .dragbar .big{display:inline-block;position:absolute;right:0;cursor:pointer;width:7px;height:7px;margin:2px 4px 2px 4px;border-right:1px solid #d2bc0a;border-bottom:1px solid #d2bc0a}body .sticky .dragbar .big::before{content:'';position:relative;display:block;width:0;height:0;top:2px;left:2px;transform:rotate(45deg);border-right:4px solid transparent;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #fef3a1}body .sticky .dragbar .big::after{content:'';position:relative;display:block;width:1px;height:5px;top:-7px;left:3px;transform:rotate(45deg);background:#d2bc0a}body .sticky .dragbar .expand{display:none;position:absolute;right:0;cursor:pointer;width:7px;height:7px;margin:2px 14px 2px 4px;background-color:#fef3a1;border-right:1px solid #d2bc0a;border-bottom:1px solid #d2bc0a}body .sticky .dragbar .expand::after{content:'';position:relative;display:block;width:4px;height:1px;top:1px;left:1px;border-bottom:1px solid #d2bc0a;border-top:1px solid #d2bc0a}body .sticky.pink{background-color:#fec7c8;border:1px solid #e07677}body .sticky.pink .dragbar{background-color:#fdb2b3;border-bottom:1px solid #e07677}body .sticky.pink .dragbar .close{background-color:#fec7c8;border-right:1px solid #f68081;border-bottom:1px solid #f68081}body .sticky.pink .dragbar .close::after{border-left:1px solid #f68081;border-top:1px solid #f68081}body .sticky.pink .dragbar .big{border-right:1px solid #f68081;border-bottom:1px solid #f68081}body .sticky.pink .dragbar .big::before{border-left:4px solid #fec7c8}body .sticky.pink .dragbar .big::after{background:#f68081}body .sticky.pink .dragbar .expand{background-color:#fec7c8;border-right:1px solid #f68081;border-bottom:1px solid #f68081}body .sticky.pink .dragbar .expand::after{border-bottom:1px solid #f68081;border-top:1px solid #f68081}body .sticky .text{max-height:calc(100% - 14px);overflow-y:scroll}body .sticky .text .text-inner{padding:.25rem 1rem .25rem .5rem}body .sticky.collapsed{border-bottom:none}body .sticky.collapsed .dragbar .title{display:inline-block;line-height:7px}body .sticky.collapsed .dragbar .big{display:none}body .sticky.collapsed .dragbar .expand{display:inline-block}body .sticky.collapsed .text{height:0;overflow-y:hidden}body .window{min-width:260px;box-shadow:0 4px 15px rgba(0,0,0,.3);border:1px solid #acacac;border-radius:5px;background:#fff;overflow:hidden;transition:transform .4s ease-in}body .window .dragbar{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ebebeb,color-stop(1,#d5d5d5)));background:-webkit-linear-gradient(top,#ebebeb,#d5d5d5);background:-moz-linear-gradient(top,#ebebeb,#d5d5d5);background:-ms-linear-gradient(top,#ebebeb,#d5d5d5);background:-o-linear-gradient(top,#ebebeb,#d5d5d5);background:linear-gradient(top,#ebebeb,#d5d5d5);color:#000;font-size:13px;line-height:20px;text-align:center;width:100%;height:22px;border-top:1px solid #f3f1f3;border-bottom:1px solid #b1aeb1;border-top-left-radius:5px;border-top-right-radius:5px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;cursor:move;display:flex;flex-flow:row;justify-content:space-between}body .window .dragbar .btns{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;margin:0 8px;cursor:auto}body .window .dragbar .btns .big,body .window .dragbar .btns .close,body .window .dragbar .btns .mini{cursor:pointer;display:inline-block;margin:0 4px;width:12px;height:12px;border-radius:50%;background:pink;position:relative}body .window .dragbar .btns .big::after,body .window .dragbar .btns .close::after,body .window .dragbar .btns .mini::after{content:'';display:none;position:absolute;width:4px;height:4px;top:3px;left:3px;border-radius:50%;background:rgba(50,0,0,.5)}body .window .dragbar .btns .close{background:#fb4948;border:1px solid #e33e41}body .window .dragbar .btns .mini{background:#feb925;border:1px solid #e09e3e}body .window .dragbar .btns .big{background:#2ac833;border:1px solid #14ae46}body .window .dragbar .btns:hover .big:after,body .window .dragbar .btns:hover .close:after,body .window .dragbar .btns:hover .mini:after{display:inline-block}body .window .dragbar .title{display:inline-flex;flex-flow:row;align-items:center;height:100%}body .window .dragbar .title .doc{display:inline-block;width:18px;height:18px;background-image:url(i/doc.png);background-size:18px;margin-right:5px}body .window .dragbar span{width:62px}body .window .preview{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#eee;overflow:hidden}body .window .preview img{max-width:100%;max-height:100%}*{margin:0;padding:0;box-sizing:border-box}a{color:#00f;text-decoration:none}a:hover{color:#00f}a:active{color:#00f}a:visited{color:#00f}