.header-layout{display:flex;position:fixed;flex-direction:column;align-items:center;top:0;right:0;bottom:0;left:0;background-color:#31323699;width:100%;height:100%;overflow-y:auto;font-size:16px}@media (width <= 800px){.header-layout{width:100vw;height:100dvh}}.header-layout .background-image{position:fixed;opacity:.1;z-index:0;filter:blur(5px);top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;pointer-events:none;-webkit-user-select:none;user-select:none}.header-layout .line-above{display:flex;position:sticky;top:0;left:0;flex-direction:row;justify-content:space-between;z-index:10;padding:1.25rem;width:100%}.header-layout .line-above .arrow-img{align-self:center;width:1.3rem;height:1.3rem}.header-layout .line-above .page-title{font-size:1.625rem}.header-layout .line-above .share-icon{align-self:center;width:1.3rem;height:1.3rem}.dialog-title{font-weight:700;font-size:1.5rem;text-align:center}.share-options{display:flex;flex-direction:column;gap:1rem;margin:2rem auto;border-radius:8px;max-width:23rem}.share-options .share-button-container{cursor:pointer;border:2px solid rgba(151,149,149,.47);border-radius:5px}.share-options .share-button-container .share-button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;box-shadow:0 0 1px #555;padding:1rem;width:100%;height:3rem}.share-options .share-button-container .share-button .share-icon{margin:1rem;width:2rem;height:2rem}.share-options .share-button-container:hover{border-color:#ffffff78}.share-options .share-button-container:active{border-color:#d3d3d3}.share-options .share-button-container .copy-button{padding:0}.share-options .share-button-container .app-name{display:flex;align-items:center;border-radius:0;height:2rem;font-size:1rem}.sticker-actions-menu .MuiPaper-root{background-color:#fff}.sticker-actions-menu .MuiMenuItem-root{display:flex;align-items:center;padding-inline:4px 16px;color:#000}.sticker-actions-menu .MuiMenuItem-root .MuiListItemIcon-root{display:flex;justify-content:center;align-items:center;min-width:40px}.sticker-actions-menu .MuiMenuItem-root .MuiTypography-root{font-size:1.1rem}.sticker-actions-menu .MuiMenuItem-root:hover{background-color:#f0f0f0}.warning-container{display:flex;flex-direction:column;align-items:center;gap:1.7rem;font-size:1.2rem}.warning-container .warning-title{align-self:flex-start;font-weight:700;font-size:1.2em}.warning-container .download{display:flex;gap:5px;padding-inline:1.5rem;width:100%}.sticker-page-container{font-size:1.1rem}.sticker-page-container .MuiButton-endIcon,.sticker-page-container .MuiButton-startIcon{margin:0}.sticker-page-container .desktop-container{display:flex;flex-direction:column;justify-content:flex-start;gap:1rem;padding:0 4rem;width:100%}.sticker-page-container .sticker-actions-button{border-radius:50px;background-color:#ffffff20;padding:.25rem}.sticker-page-container .sticker-actions-button .MuiButton-endIcon .MuiSvgIcon-root{font-size:1.5rem}.sticker-page-container .sticker-image{align-self:center;transition:transform .2s ease-in-out;will-change:transform;background-position:center;background-repeat:no-repeat;background-attachment:fixed;max-height:16.1875rem;object-fit:contain}.sticker-page-container .sticker-image:hover{transform:scale(1.05)}.sticker-page-container .text-area{display:flex;flex-direction:column;align-self:flex-start;gap:.9375rem;padding:2rem 1rem}.sticker-page-container .text-area .fallen-details-container{display:flex;flex-direction:column;gap:1rem}.sticker-page-container .text-area .fallen-details-container .name-and-date .go-to-website{display:flex;flex-direction:row;align-items:center;gap:.4rem;border:1px solid #fff;border-radius:100px;background-color:#ffffff20;padding:.2rem .6rem;font-family:Assistant,sans-serif}.sticker-page-container .text-area .fallen-details-container .name-and-date .go-to-website .go-to-website-icon{height:1.5rem}.sticker-page-container .text-area .fallen-details-container .name-and-date .go-to-website .go-to-website-icon .book{height:1.3rem}.sticker-page-container .text-area .fallen-details-container .name-and-date .go-to-website:hover{background-color:#474747}.sticker-page-container .text-area .fallen-details-container .sticker-text-and-description{font-size:1.1rem}.sticker-page-container .text-area .fallen-details-container .sticker-text-and-description .sticker-text{font-weight:700}.sticker-page-container .good-deeds-container{display:flex;flex-direction:column;gap:.625rem;padding:0 1rem 3rem}.sticker-page-container .good-deeds-container .good-deeds-title-text{font-weight:700}.sticker-page-container .good-deeds-container .good-deeds-text{font-size:1.1rem;font-family:Assistant,sans-serif;text-transform:none}.sticker-page-container .good-deeds-container .good-deeds{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.2rem;cursor:pointer;border-radius:6px;background-color:#201f1f66;padding:.6rem 1rem;text-align:start}.sticker-page-container .good-deeds-container .good-deeds.selected{background-color:#616161}.sticker-page-container .good-deeds-container .good-deeds .heart-shape{flex-shrink:0;margin:0 .4rem;font-weight:700;font-size:1.25rem}.sticker-page-container .good-deeds-container .good-deeds:hover{background-color:#474747}.sticker-page-container .quote-explanation{align-self:flex-start;padding-inline-start:1rem;font-size:1.1rem}.sticker-page-container .send-letter-button-container{display:flex;flex-direction:column;align-self:flex-start;gap:.5em;margin-top:.5rem;padding-inline:1rem;font-size:1.1rem}.sticker-page-container .send-letter-button-container .letter-icon{margin-inline-end:.5rem;font-size:unset}.sticker-page-container .send-letter-button-container .send-letter-button{border-radius:50px;padding:0 1rem;font-weight:700;font-size:inherit}.sticker-page-container footer{padding:1rem;width:100%;font-size:1.1rem;text-align:start}.sticker-page-container footer .feedback a{text-decoration:underline}.sticker-page-container footer .feedback a:hover{color:#616161}.sticker-page-container footer .disclaimer{font-size:.9em}@media (width > 800px){.warning-container{gap:2rem;padding-bottom:2rem}.warning-container .download{align-self:flex-end;width:fit-content}.sticker-page-container .sticker-image{align-self:start;height:16.1875rem}.sticker-page-container .text-area{gap:3rem;padding:0 1rem}.sticker-page-container .good-deeds-container{gap:1.5rem;padding:0}.sticker-page-container .good-deeds-container .good-deeds-title-text{font-size:1.8rem}.sticker-page-container .good-deeds-container .good-deeds-text{font-size:1.3rem;text-transform:none}.sticker-page-container .quote-explanation{font-size:1.3rem}.sticker-page-container .send-letter-button-container{flex-direction:row;font-size:1.3rem}.sticker-page-container footer{padding:2rem 5rem;font-size:1.3rem;line-height:2rem}}
