@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:EB Garamond,Garamond,serif;font-size:18px;line-height:34px;font-weight:400;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}:root,a{color:#213547}a{transition:color .3s ease}a:hover{color:#467aab}a:visited{color:#684ea3}body{background:#d1efff;margin:0;display:flex;min-width:320px;min-height:100vh;position:relative;justify-content:center}button{border-radius:8px;border:1px solid transparent;padding:.2em .6em;font-size:1em;font-weight:500;font-family:inherit;background-color:#213547;cursor:pointer;transition:border-color .25s}button:hover:not(:disabled){border-color:#646cff}button:focus-visible:not(:disabled),button:focus:not(:disabled){outline:4px auto -webkit-focus-ring-color}button:disabled{cursor:not-allowed}.App{max-width:600px;padding:0 2em;position:relative;margin:10vh auto 2em}#root{overflow:hidden}h1,h2,h3{text-shadow:0 0 5px rgba(51,75,97,.467);background:linear-gradient(172deg,#676b6f,#213547 35%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.letter-container:first-of-type .stamp:first-of-type{transform:rotate(.4497731668deg) translateX(.902314136px) translateY(1.7472550198px)}.letter-container:first-of-type .dateStamp:first-of-type{transform:rotate(12.4859979897deg)}.letter-container:first-of-type .dateStamp:first-of-type:before{transform:translateX(-58.0678631432px) rotate(-19.9351063533deg)}.letter-container:first-of-type .stamp:nth-of-type(2){transform:rotate(8.3342308724deg) translateX(-.6803365512px) translateY(2.8693608069px)}.letter-container:first-of-type .dateStamp:nth-of-type(2){transform:rotate(-3.088057273deg)}.letter-container:first-of-type .dateStamp:nth-of-type(2):before{transform:translateX(-61.4212501247px) rotate(-7.6674168381deg)}.letter-container:first-of-type .stamp:nth-of-type(3){transform:rotate(5.9347666109deg) translateX(2.5604052481px) translateY(4.7029136964px)}.letter-container:first-of-type .dateStamp:nth-of-type(3){transform:rotate(15.5239374948deg)}.letter-container:first-of-type .dateStamp:nth-of-type(3):before{transform:translateX(-59.0664840788px) rotate(-21.6291543837deg)}.letter-container:nth-of-type(2) .stamp:first-of-type{transform:rotate(-5.2143835188deg) translateX(-2.6500903956px) translateY(1.2603350038px)}.letter-container:nth-of-type(2) .dateStamp:first-of-type{transform:rotate(23.2158729325deg)}.letter-container:nth-of-type(2) .dateStamp:first-of-type:before{transform:translateX(-59.2713904326px) rotate(-34.4136684116deg)}.letter-container:nth-of-type(2) .stamp:nth-of-type(2){transform:rotate(-6.0843402848deg) translateX(3.531399539px) translateY(-4.7036255154px)}.letter-container:nth-of-type(2) .dateStamp:nth-of-type(2){transform:rotate(12.4029519896deg)}.letter-container:nth-of-type(2) .dateStamp:nth-of-type(2):before{transform:translateX(-54.4904273126px) rotate(-12.7827901211deg)}.letter-container:nth-of-type(2) .stamp:nth-of-type(3){transform:rotate(6.716949262deg) translateX(4.6997038165px) translateY(-4.3618163565px)}.letter-container:nth-of-type(2) .dateStamp:nth-of-type(3){transform:rotate(10.4089089993deg)}.letter-container:nth-of-type(2) .dateStamp:nth-of-type(3):before{transform:translateX(-61.0710875496px) rotate(-15.1117830664deg)}.letter-container:nth-of-type(3) .stamp:first-of-type{transform:rotate(-9.7008638169deg) translateX(-1.0895214426px) translateY(.460228827px)}.letter-container:nth-of-type(3) .dateStamp:first-of-type{transform:rotate(2.0530324961deg)}.letter-container:nth-of-type(3) .dateStamp:first-of-type:before{transform:translateX(-56.7044439412px) rotate(-10.1569876263deg)}.letter-container:nth-of-type(3) .stamp:nth-of-type(2){transform:rotate(7.4951580909deg) translateX(-4.2218690754px) translateY(1.1118165424px)}.letter-container:nth-of-type(3) .dateStamp:nth-of-type(2){transform:rotate(-11.0527058679deg)}.letter-container:nth-of-type(3) .dateStamp:nth-of-type(2):before{transform:translateX(-55.627977351px) rotate(1.3988352046deg)}.letter-container:nth-of-type(3) .stamp:nth-of-type(3){transform:rotate(-8.7607539573deg) translateX(1.2373025224px) translateY(3.4698573157px)}.letter-container:nth-of-type(3) .dateStamp:nth-of-type(3){transform:rotate(18.5273229997deg)}.letter-container:nth-of-type(3) .dateStamp:nth-of-type(3):before{transform:translateX(-58.3795190697px) rotate(-27.9770827372deg)}.letter-container:nth-of-type(4) .stamp:first-of-type{transform:rotate(-7.6498332359deg) translateX(.6837929974px) translateY(2.7853480394px)}.letter-container:nth-of-type(4) .dateStamp:first-of-type{transform:rotate(-11.7519910214deg)}.letter-container:nth-of-type(4) .dateStamp:first-of-type:before{transform:translateX(-59.8511326719px) rotate(-2.0644467104deg)}.letter-container:nth-of-type(4) .stamp:nth-of-type(2){transform:rotate(5.4510784748deg) translateX(.7611952473px) translateY(.7321629115px)}.letter-container:nth-of-type(4) .dateStamp:nth-of-type(2){transform:rotate(14.0492209823deg)}.letter-container:nth-of-type(4) .dateStamp:nth-of-type(2):before{transform:translateX(-51.5966840999px) rotate(-15.5709300846deg)}.letter-container:nth-of-type(4) .stamp:nth-of-type(3){transform:rotate(-7.5908393734deg) translateX(2.6829217295px) translateY(3.8852987078px)}.letter-container:nth-of-type(4) .dateStamp:nth-of-type(3){transform:rotate(14.5328228192deg)}.letter-container:nth-of-type(4) .dateStamp:nth-of-type(3):before{transform:translateX(-50.7880492666px) rotate(-25.5541536813deg)}.letter-container:nth-of-type(5) .stamp:first-of-type{transform:rotate(-8.7272673773deg) translateX(1.085915054px) translateY(-3.9272456572px)}.letter-container:nth-of-type(5) .dateStamp:first-of-type{transform:rotate(-22.4726864866deg)}.letter-container:nth-of-type(5) .dateStamp:first-of-type:before{transform:translateX(-59.3526899805px) rotate(9.0991629808deg)}.letter-container:nth-of-type(5) .stamp:nth-of-type(2){transform:rotate(-3.9989074824deg) translateX(-4.7732411698px) translateY(-.4608127607px)}.letter-container:nth-of-type(5) .dateStamp:nth-of-type(2){transform:rotate(16.791171177deg)}.letter-container:nth-of-type(5) .dateStamp:nth-of-type(2):before{transform:translateX(-51.7956272843px) rotate(-21.0993202799deg)}.letter-container:nth-of-type(5) .stamp:nth-of-type(3){transform:rotate(-6.1257077432deg) translateX(3.7092381509px) translateY(4.2074525582px)}.letter-container:nth-of-type(5) .dateStamp:nth-of-type(3){transform:rotate(13.6658607488deg)}.letter-container:nth-of-type(5) .dateStamp:nth-of-type(3):before{transform:translateX(-57.2855812507px) rotate(-16.6484148658deg)}.letter-container:nth-of-type(6) .stamp:first-of-type{transform:rotate(1.3316139883deg) translateX(-4.1174424309px) translateY(-.8513773342px)}.letter-container:nth-of-type(6) .dateStamp:first-of-type{transform:rotate(7.6199371096deg)}.letter-container:nth-of-type(6) .dateStamp:first-of-type:before{transform:translateX(-57.1689916223px) rotate(-20.4961053094deg)}.letter-container:nth-of-type(6) .stamp:nth-of-type(2){transform:rotate(-.4543573483deg) translateX(-2.793748409px) translateY(-1.2233434479px)}.letter-container:nth-of-type(6) .dateStamp:nth-of-type(2){transform:rotate(23.3078521182deg)}.letter-container:nth-of-type(6) .dateStamp:nth-of-type(2):before{transform:translateX(-64.8195775558px) rotate(-28.3372708041deg)}.letter-container:nth-of-type(6) .stamp:nth-of-type(3){transform:rotate(.1910582765deg) translateX(-4.4063899214px) translateY(-4.1948335159px)}.letter-container:nth-of-type(6) .dateStamp:nth-of-type(3){transform:rotate(8.4373862307deg)}.letter-container:nth-of-type(6) .dateStamp:nth-of-type(3):before{transform:translateX(-61.9010440507px) rotate(-8.9954702362deg)}.letter-container:nth-of-type(7) .stamp:first-of-type{transform:rotate(-8.3444797299deg) translateX(-4.1310609988px) translateY(-1.1697132839px)}.letter-container:nth-of-type(7) .dateStamp:first-of-type{transform:rotate(-18.4533026175deg)}.letter-container:nth-of-type(7) .dateStamp:first-of-type:before{transform:translateX(-64.9955765635px) rotate(10.3069321882deg)}.letter-container:nth-of-type(7) .stamp:nth-of-type(2){transform:rotate(-6.1062417554deg) translateX(-3.4768680398px) translateY(-.5211384338px)}.letter-container:nth-of-type(7) .dateStamp:nth-of-type(2){transform:rotate(18.6526485994deg)}.letter-container:nth-of-type(7) .dateStamp:nth-of-type(2):before{transform:translateX(-50.4076723571px) rotate(-25.4573711463deg)}.letter-container:nth-of-type(7) .stamp:nth-of-type(3){transform:rotate(2.076727002deg) translateX(-2.4728718603px) translateY(-1.112735599px)}.letter-container:nth-of-type(7) .dateStamp:nth-of-type(3){transform:rotate(11.9034952156deg)}.letter-container:nth-of-type(7) .dateStamp:nth-of-type(3):before{transform:translateX(-50.4550950123px) rotate(-17.5245551785deg)}.letter-container:nth-of-type(8) .stamp:first-of-type{transform:rotate(3.4691653959deg) translateX(2.3508601455px) translateY(.7800299101px)}.letter-container:nth-of-type(8) .dateStamp:first-of-type{transform:rotate(23.8287385942deg)}.letter-container:nth-of-type(8) .dateStamp:first-of-type:before{transform:translateX(-64.0391394543px) rotate(-35.8026724747deg)}.letter-container:nth-of-type(8) .stamp:nth-of-type(2){transform:rotate(-.9437876561deg) translateX(-.5418166985px) translateY(3.293638032px)}.letter-container:nth-of-type(8) .dateStamp:nth-of-type(2){transform:rotate(8.6481845543deg)}.letter-container:nth-of-type(8) .dateStamp:nth-of-type(2):before{transform:translateX(-58.6313529255px) rotate(-13.5707403641deg)}.letter-container:nth-of-type(8) .stamp:nth-of-type(3){transform:rotate(-3.335318243deg) translateX(1.6257733878px) translateY(-4.313182918px)}.letter-container:nth-of-type(8) .dateStamp:nth-of-type(3){transform:rotate(23.0091670141deg)}.letter-container:nth-of-type(8) .dateStamp:nth-of-type(3):before{transform:translateX(-50.5896646919px) rotate(-32.7008344756deg)}.letter-container:nth-of-type(9) .stamp:first-of-type{transform:rotate(1.9524597678deg) translateX(2.9294956795px) translateY(-1.3575410133px)}.letter-container:nth-of-type(9) .dateStamp:first-of-type{transform:rotate(24.3289653353deg)}.letter-container:nth-of-type(9) .dateStamp:first-of-type:before{transform:translateX(-62.8124311578px) rotate(-28.1900009347deg)}.letter-container:nth-of-type(9) .stamp:nth-of-type(2){transform:rotate(3.8926800328deg) translateX(2.9112458524px) translateY(.5497061707px)}.letter-container:nth-of-type(9) .dateStamp:nth-of-type(2){transform:rotate(-11.9735221805deg)}.letter-container:nth-of-type(9) .dateStamp:nth-of-type(2):before{transform:translateX(-61.3719736411px) rotate(5.7936237048deg)}.letter-container:nth-of-type(9) .stamp:nth-of-type(3){transform:rotate(4.230858805deg) translateX(-.0624956579px) translateY(-3.8878383291px)}.letter-container:nth-of-type(9) .dateStamp:nth-of-type(3){transform:rotate(11.9931864656deg)}.letter-container:nth-of-type(9) .dateStamp:nth-of-type(3):before{transform:translateX(-64.1617031884px) rotate(-13.770287402deg)}.letter-container:nth-of-type(10) .stamp:first-of-type{transform:rotate(5.5826656584deg) translateX(-2.7309122836px) translateY(-1.301418433px)}.letter-container:nth-of-type(10) .dateStamp:first-of-type{transform:rotate(-22.0612958316deg)}.letter-container:nth-of-type(10) .dateStamp:first-of-type:before{transform:translateX(-51.0191841876px) rotate(19.7548482449deg)}.letter-container:nth-of-type(10) .stamp:nth-of-type(2){transform:rotate(4.1612267531deg) translateX(1.2683898202px) translateY(4.3882344916px)}.letter-container:nth-of-type(10) .dateStamp:nth-of-type(2){transform:rotate(-12.920697509deg)}.letter-container:nth-of-type(10) .dateStamp:nth-of-type(2):before{transform:translateX(-61.8155842166px) rotate(6.4689715682deg)}.letter-container:nth-of-type(10) .stamp:nth-of-type(3){transform:rotate(-8.3641212725deg) translateX(-1.621431362px) translateY(-.7582686185px)}.letter-container:nth-of-type(10) .dateStamp:nth-of-type(3){transform:rotate(12.7675452442deg)}.letter-container:nth-of-type(10) .dateStamp:nth-of-type(3):before{transform:translateX(-54.3823428938px) rotate(-19.9216831874deg)}.letter-container.disabled .letter.letter{cursor:auto}.stamps{flex:0 0 2em;gap:1em;z-index:5}.dateStamp,.stamps{display:flex;align-items:center}.dateStamp{position:absolute;padding:.5em;border-radius:50%;width:36px;height:36px;opacity:.6;margin-left:10px;font-size:90%;justify-content:center;font-family:Special Elite;font-size:.8em;line-height:normal;text-align:center;pointer-events:none}.dateStamp:before{content:"";position:absolute;overflow:visible;left:-calc(12px);top:-2px;width:150px;height:70px;opacity:.4;background-image:url(/_next/static/media/date-stamp.edcdb7b9.png);background-size:cover}.stamp{display:flex;width:auto}.stamp img,.stamp svg{height:30px;width:30px;border-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAJtJREFUOE9jLIiw+8/AwMAwYcUhRhgbxgfRyGIgPi45ZP0oBsE0UUozwlwDsolSw0C+ApkDdym690m1AKv3YYLkuBjmQlj4Y7iUVBcjOwZuKHKYIttIjIvR1cPDlCaGoqdTUsIWm0tBjsQZpuR6f9RQBpRsOjSTFLF5H2uOwpZOiTUQpo5g3ifVQOSCG2veJ9dAdBfTpuSnRR0FABXZWnBmPtz1AAAAAElFTkSuQmCC") 4/4px/0 round;border-width:4px;border-style:solid;pointer-events:none}.stamp label{cursor:pointer;aspect-ratio:1/1;display:flex}.stamp label.empty{box-shadow:2px 2px 15px 2px rgba(73,148,188,.8)}#deskPlaceholder{height:500px;margin:2em 0}#desk{padding:40px;grid-gap:2em;z-index:3;left:0;width:calc(100vw - 80px);flex-wrap:wrap}#desk,.draggable-desk{display:flex;justify-content:center}.draggable-desk{position:fixed;text-align:center;align-items:center}@media screen and (max-width:600px){.draggable-desk{left:calc(-1*(600px - 100vw)/2)}}.draggable-desk>img{z-index:3;padding:0 2em;box-sizing:border-box;width:max(min(100vw,1920px),600px)}.draggable-desk .instructions{z-index:4;position:absolute;bottom:12%;font-family:cursive;text-align:center;width:max(min(100vw,1920px),600px);color:#a88052}.submitLetter.submitLetter:not(.disabled){background:radial-gradient(ellipse at top,#fffdde,hsla(0,0%,100%,.2)),radial-gradient(ellipse at bottom,#d1efff,hsla(0,0%,100%,.2)) repeat;background-size:200% auto;animation:shine 5s linear infinite;will-change:box-shadow;transition:box-shadow .5s ease-in-out}.submitLetter.submitLetter:not(.disabled):hover{box-shadow:0 0 35px #aee68b!important}@keyframes shine{to{background-position:200%}}.type-letter{display:flex;flex-direction:column}.type-letter.editable .stamps{flex-direction:column;margin-left:1em}.type-letter .letter-mobile-link{display:flex;align-items:center;justify-content:center;margin-top:-1em}.type-letter .letter-mobile-link img{width:16px;height:16px;margin-left:4px}@media screen and (min-width:800px){.type-letter .letter-mobile-link{display:none}}.type-letter .letterHead{box-sizing:border-box;position:relative;display:flex;align-items:center}.type-letter .stamps{position:absolute;top:40px;right:5%}.type-letter .dateStamp{margin-top:-40px}.type-letter .effect-layer{position:absolute;z-index:3;width:100%;height:100%;pointer-events:none}.type-letter .effect-layer .sheen{width:100%;height:100%;box-shadow:inset 0 0 10px 3px rgba(0,0,0,.333);background-image:url(/grain.png);background-size:cover}.type-letter .effect-layer .sheen:after{position:absolute;height:100%;width:100%;content:"";background:linear-gradient(320deg,transparent 33%,hsla(0,0%,100%,.3) 50%,transparent 66%);background-size:220% 100%;transition:background-position .4s cubic-bezier(.85,-.01,.28,.99);background-position:120%}.type-letter .letter-content-wrapper{margin:0 1em 1em;width:325px;height:135px;overflow:hidden;position:relative;border-radius:10px}.type-letter .letter-content-wrapper iframe{filter:blur(1px);border:none;width:250%;height:250%;transform:scale(.4);transform-origin:0 0}.type-note .letterHead.letterHead{display:flex;border-bottom:1px solid hsla(200,6%,69%,.49)}.type-note.editable .dialogInput{display:inline}.type-note.editable .stamps{flex-direction:column;margin-left:1em}.type-note .letter-content-wrapper{text-align:center;font-family:cursive;width:325px;min-height:130px;max-height:340px;overflow-y:auto;padding:.6em 1.2em;box-sizing:border-box;-webkit-user-select:text;-moz-user-select:text;user-select:text;line-height:30px;text-align:left}.type-note .letter-content-wrapper:not(.submitting):after{content:"";background:linear-gradient(transparent,#faf9f5);width:100%;height:22px;position:fixed;bottom:0;left:0}.letter{overflow:hidden;border:1px solid #d9d3c1;border-radius:5px;background:#faf9f5;width:-moz-fit-content;width:fit-content;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.letter.dragging:not(.disabled){cursor:-webkit-grabbing;cursor:grabbing}.letter .header{font-weight:700}.letter:hover .effect-layer>.sheen:after{background-position:-20%}.letter .names{margin-left:.5em}.letter .names>div{margin:.5em 0}.letter .letterHead{text-shadow:0 0 5px rgba(51,75,97,.467);line-height:1.2;padding:.8em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.letter .letterHead .stamp{will-change:box-shadow;transition:box-shadow .6s ease-in-out}.letter .letterHead .stamp:hover{box-shadow:2px 2px 10px 2px rgba(73,148,188,.8)}.letter .spacer{flex-grow:1;position:relative}.letter .edit-letter{margin-top:.5em;margin-bottom:1em}footer{margin-top:auto;margin-bottom:2em;padding:0 2em;text-align:center}#cursor-chat-layer .cursor>p{padding:.3rem .6rem!important}button{background:#aee68b}.DialogOverlay{background-color:hsla(42,16%,49%,.482);position:fixed;inset:0;animation:overlayShow .15s cubic-bezier(.16,1,.3,1);z-index:100}.DialogContent{background-color:#d1efff;border-radius:6px;box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;max-width:500px;max-height:85vh;padding:40px;overflow-y:auto;line-height:1.5;animation:contentShow .15s cubic-bezier(.16,1,.3,1);z-index:101}.DialogContent:focus{outline:none}.DialogTitle{margin:0;font-weight:600;font-size:1.2em}.DialogDescription{margin:10px 0 20px}.mainDialogContent{padding:2em;display:flex;justify-content:center}.stampInput{display:none;width:inherit;height:inherit}.dialogInput{all:unset;width:80px;z-index:5;display:block}.dialogInput:focus{box-shadow:0 0 4px 2px rgba(46,47,48,.188)}.letter input,.letter select{background-color:#faf9f5;border:1px solid #d9d3c1;border-radius:5px;padding:3px 5px;font-family:inherit}.letterIframeInput{margin:1em 15px}.toolbar{display:flex;flex-direction:column;align-items:center;gap:.15em;margin-left:.05em;border:1px solid #000;border-left:none;border-radius:0 5px 5px 0;padding:.3em .2em;position:fixed;left:0;top:45%;z-index:99999998}.toolbar button{padding:0;width:32px;height:32px;box-shadow:0 0 6px 1px rgba(46,47,48,.188)}.toolbar legend{line-height:1}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}.dialogCloseButton{font-family:inherit;border-radius:50%;height:25px;width:25px;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:10px;right:10px;padding:0}.letterTextInput{all:unset;min-height:180px;width:100%;overflow-x:none;word-wrap:break-word}.letterIframeInput{z-index:2;top:0;position:absolute;width:80%}.letterTypeSelect{margin-bottom:.5em;margin-left:1em;display:flex}.letterContent{position:relative}.fingerprint{position:absolute;z-index:2}.fingerprint.active{z-index:3}.profile{position:absolute;top:0;right:0}.pastFingerprintContainer{position:absolute;width:12px;height:12px;border-radius:50%;box-shadow:0 0 6px 1px rgba(46,47,48,.188);overflow:hidden;filter:blur(1.2px)}.aboutLink{right:1em}.aboutLink,.galleryLink{position:absolute;top:1em;z-index:1}.galleryLink{left:1em}.aboutContent{margin-bottom:3em}#cursor-chat-layer{z-index:99999999}.topSignature{display:flex;position:absolute;top:4px;width:100vw;justify-content:center;overflow-x:hidden;left:0}.signatureContainer{display:inline-flex}input{cursor:unset}.small{font-size:.8em}.loading{animation:opacity 1s ease-in-out infinite;opacity:1}@keyframes opacity{0%{opacity:1}50%{opacity:0}to{opacity:1}}