code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:MerriWeather;src:local("MerriWeather"),url(/static/media/MerriweatherSans-VariableFont_wght.ee384c85ee67825b545c.ttf) format("truetype")}@font-face{font-family:MerriWeather-Medium;src:local("MerriWeather-Medium"),url(/static/media/MerriweatherSans-Medium.7ff308b91f0146186cfa.ttf) format("truetype")}@font-face{font-family:MerriWeather-Regular;src:local("MerriWeather-Regular"),url(/static/media/MerriweatherSans-Regular.27b0374b65fbd3a177d4.ttf) format("truetype")}@font-face{font-family:MerriWeather-Light;src:local("MerriWeather-Light"),url(/static/media/MerriweatherSans-Light.c4741016eb47da66517c.ttf) format("truetype")}@font-face{font-family:MerriWeather-Italic;src:local("MerriWeather-Italic"),url(/static/media/MerriweatherSans-Italic.d213b8a01b88d17e298c.ttf) format("truetype")}@font-face{font-family:MerriWeather-SemiBold;src:local("MerriWeather-Italic"),url(/static/media/MerriweatherSans-SemiBold.10c1347dff8f4b28690d.ttf) format("truetype")}@font-face{font-family:MerriWeather-Bold;src:local("MerriWeather-Italic"),url(/static/media/MerriweatherSans-Bold.696663d4f7874d00a5ab.ttf) format("truetype")}@font-face{font-family:TanHeadline;src:local("TanHeadline"),url(/static/media/TANHEADLINE-Regular.3371348ee289689d9235.ttf) format("truetype")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@tailwind base;@tailwind components;@tailwind utilities;.border-3{border-width:3px}.character-display{border-radius:1.25rem;box-sizing:border-box;flex-direction:column;position:relative;transform-origin:center;transition:all .6s cubic-bezier(.4,0,.2,1)}.character-display,.character-image-container{align-items:center;display:flex;justify-content:center}.character-image-container{cursor:pointer;height:70%;z-index:20}.character-image-container.selected{width:10.5rem}.image-wrapper{overflow:hidden;position:relative;transition:height .5s cubic-bezier(.4,0,.2,1)}.image-wrapper.selected{height:auto;transition:height .6s cubic-bezier(.34,1.56,.64,1)}.character-image{transition:all .5s cubic-bezier(.4,0,.2,1)}.character-image.selected{transition:all .6s cubic-bezier(.34,1.56,.64,1)}.character-details{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) forwards;height:30%;margin-top:1rem;overflow-y:auto;text-align:center;width:100%}.character-name{animation:slideIn .4s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.1s;font-size:1.35rem;font-weight:700;margin-bottom:.5rem;padding:0 1rem}.character-description,.character-name{color:#fff;font-family:MerriWeather;opacity:0}.character-description{animation:slideIn .4s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.2s;font-size:1rem;line-height:1.55;margin-bottom:1rem;max-width:100%;padding:0 2rem}@media (min-width:768px){.character-name{font-size:1.35rem}.character-description{font-size:.875rem}}.character-display:not(.selected):hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-10px)}.character-display.selected{animation:pulse 2s infinite;width:70rem}.mobile-character-display{align-items:center;border-radius:1.25rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;position:relative;transform-origin:center;transition:all .6s cubic-bezier(.4,0,.2,1)}.mobile-character-image-container{align-items:center;cursor:pointer;display:flex;height:70%;justify-content:center;z-index:20}.mobile-image-wrapper{overflow:hidden;position:relative;transition:height .5s cubic-bezier(.4,0,.2,1)}.mobile-image-wrapper.mobile-selected{height:auto;transition:height .6s cubic-bezier(.34,1.56,.64,1)}.mobile-character-image{transition:all .5s cubic-bezier(.4,0,.2,1)}.mobile-character-image.mobile-selected{transition:all .6s cubic-bezier(.34,1.56,.64,1)}.mobile-character-details{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) forwards;height:30%;margin-top:1rem;overflow-y:auto;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-character-name{animation:slideIn .4s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.1s;color:#fff;font-family:MerriWeather;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;opacity:0}.mobile-character-description{animation:slideIn .4s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.2s;color:#fff;font-family:MerriWeather;font-size:1rem;margin-bottom:1rem;max-width:100%;opacity:0}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.mobile-character-name{font-size:1.75rem}.mobile-character-description{font-size:.875rem}}.mobile-character-display:not(.mobile-selected):hover{box-shadow:0 10px 25px #0000001a}.mobile-character-display.mobile-selected{animation:pulse 2s infinite}.grief-container{font-family:Arial,sans-serif;padding:20px;width:min-content}.grief-title{color:#333;font-size:30px;font-weight:700;margin-bottom:40px;text-align:center}.stages-wrapper{max-width:1000px;width:100%}.stages-column,.stages-row{display:flex;justify-content:center;margin-bottom:40px;position:relative}.stages-column{flex-direction:column;flex-wrap:wrap;gap:40px}.stage{align-items:center;background-color:#96969666;border:3px dashed #ccc;border-radius:10px;display:flex;height:144px;justify-content:center;position:relative;transition:all .3s ease;width:144px}.stage.active{background-color:#dcdcdc;border-color:#4caf50}.stage-id{background-color:#fff;border-radius:.5rem;color:#000;left:0;margin-top:1.85rem;padding:.25rem 0;position:absolute;right:0;text-transform:capitalize;top:-75px}.stage-id,.stage-label{font-family:MerriWeather;font-weight:700;line-height:1.4;text-align:center}.stage-label{color:#fff;margin-top:1.5rem}.draggable{border-radius:8px;box-shadow:0 4px 8px #0003;cursor:grab;height:112px;-webkit-user-select:none;user-select:none;width:112px}.draggable:active{cursor:grabbing}.draggable.dragging{box-shadow:0 8px 16px #0000004d;cursor:grabbing;position:absolute;transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(var(--scale,1));z-index:10}.draggable img{border-radius:8px;height:100%;object-fit:cover;width:100%}.instructions{background-color:#f0f0f0;border-radius:8px;margin:0 auto;max-width:600px;padding:15px;text-align:center}.dotted-line{border-top:3px dashed #ccc;height:1px;margin:auto 0;width:2.5rem}.stage:not(:last-child):after{border-top:2px dotted #ccc;content:"";display:block;height:1px;margin:10px 0}*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.mobile-grief-container{font-family:Arial,sans-serif;padding:20px;width:min-content}.mobile-grief-title{color:#333;font-size:30px;font-weight:700;margin-bottom:40px;text-align:center}.mobile-stages-wrapper{max-width:1000px;width:100%}.mobile-stages-column,.mobile-stages-row{display:flex;justify-content:center;margin-bottom:40px;position:relative}.mobile-stages-column{flex-direction:column;flex-wrap:wrap;gap:70px}.mobile-stages-grid{grid-gap:75px 30px;display:grid;gap:75px 30px;grid-template-columns:1fr 1fr}.mobile-stage,.mobile-stages-grid{justify-content:center;position:relative}.mobile-stage{align-items:center;background-color:#96969666;border:3px dashed #ccc;border-radius:10px;display:flex;height:144px;transition:all .3s ease;width:144px}.mobile-stage.mobile-active{background-color:#dcdcdc;border-color:#4caf50}.mobile-stage-id{background-color:#fff;border-radius:.5rem;color:#000;left:0;margin-top:1.85rem;padding:.25rem 0;position:absolute;right:0;text-transform:capitalize;top:-75px}.mobile-stage-id,.mobile-stage-label{font-family:MerriWeather;font-weight:700;line-height:1.4;text-align:center}.mobile-stage-label{color:#fff;margin-top:1.5rem}.mobile-draggable{border-radius:8px;box-shadow:0 4px 8px #0003;cursor:grab;display:flex;height:112px;touch-action:none;-webkit-user-select:none;user-select:none;width:112px}.mobile-draggable:active{cursor:grabbing}.mobile-draggable.mobile-dragging{box-shadow:0 8px 16px #0000004d;cursor:grabbing;position:absolute;touch-action:none;z-index:10}.mobile-draggable img{border-radius:8px;height:100%;object-fit:cover;width:100%}.mobile-instructions{background-color:#f0f0f0;border-radius:8px;margin:0 auto;max-width:600px;padding:15px;text-align:center}@media (max-width:768px){.stages-row{gap:16px}.stage{height:120px;width:120px}.draggable{height:96px;width:96px}.grief-title{font-size:24px;margin-bottom:30px}}@media (max-width:480px){.stage{height:100px;width:100px}.draggable{height:80px;width:80px}.stage-label{font-size:14px}}.mobile-dotted-line{border-left:3px dashed #ccc;height:1px;margin:auto 0;width:2.5rem}.mobile-stage:not(:last-child):after{border-top:2px dotted #ccc;content:"";display:block;height:1px;margin:10px 0}
/*# sourceMappingURL=main.e1ac71d9.css.map*/