@font-face{font-family:Fredoka;src:url(/assets/build/fredoka-latin-300-normal-zBXbtyym.ttf) format("truetype"),url(/assets/build/fredoka-latin-300-normal-DLE4_BO6.woff) format("woff"),url(/assets/build/fredoka-latin-300-normal-BOXAU5V9.woff2) format("woff2");font-weight:300 500;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/assets/build/fredoka-latin-600-normal-DSd9Cqr-.ttf) format("truetype"),url(/assets/build/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff"),url(/assets/build/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/assets/build/fredoka-latin-700-normal-BZV2PEYo.ttf) format("truetype"),url(/assets/build/fredoka-latin-700-normal-C8FeHd3X.woff) format("woff"),url(/assets/build/fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Caveat;src:url(/assets/build/caveat-latin-400-normal-DZiWT0UF.ttf) format("truetype"),url(/assets/build/caveat-latin-400-normal-BzhAQZkN.woff) format("woff"),url(/assets/build/caveat-latin-400-normal-D6LQsQ_v.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mulish;src:url(/assets/build/mulish-latin-200-normal-B-F7b4p4.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--red: #ED1C29;--light-bronze: #C7B16E;--tan-cell: #EFE0C0;--bg-dark: #3A2214;--display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--sticker-gold: invert(65%) sepia(35%) saturate(500%) hue-rotate(5deg) brightness(90%) contrast(90%)}.name-color-swatch{width:36px;height:36px;flex:none;border:1px solid var(--light-bronze);border-radius:50%;cursor:pointer;transition:.15s}.name-color-swatch:hover{transform:translateY(-2px)}.name-color-swatch.sel{outline:3px solid var(--red);outline-offset:2px}.bg-grid .thumb{aspect-ratio:5 / 3;border:1px solid var(--light-bronze);border-radius:6px;background:center / cover no-repeat;cursor:pointer;transition:.15s}.bg-grid .thumb:hover{transform:translateY(-2px)}.bg-grid .thumb.sel{outline:3px solid var(--red);outline-offset:1px}.gen-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'><path d='M9.5 15L0.5 0.75L18.5 0.75L9.5 15Z' fill='white'/></svg>");background-repeat:no-repeat;background-position:right 32px center}.gen-select,.gen-select option{color:#fff!important;background-color:#ed1c29!important}.message-selection-text{display:none}@container (max-width: 400px){.gen-select{padding-left:16px;padding-right:44px;font-size:15px;background-position:right 18px center}}@container (max-width: 340px){.gen-select{padding-left:14px;padding-right:40px;font-size:14px;background-position:right 16px center}.message-selection-text:not(:empty){display:block}}.sticker-grid .cell{aspect-ratio:5 / 3;border:0;border-radius:8px;background:var(--tan-cell);padding:0;cursor:pointer;transition:.15s}.sticker-grid .cell img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;filter:var(--sticker-gold)}.sticker-grid .cell:hover{transform:translateY(-2px);filter:brightness(1.03)}.sticker-grid .cell:active{transform:translateY(0)}@media(min-width:981px){.bg-grid,.sticker-grid{height:414px;grid-template-rows:repeat(5,minmax(0,1fr))}.bg-grid .thumb,.sticker-grid .cell{min-height:0;aspect-ratio:auto}}.placed-sticker{position:absolute;width:15%;height:auto;transform:translate(-50%,-50%);transform-origin:center center;pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.placed-sticker.pop{animation:pop .25s ease}.placed-sticker.dragging{cursor:grabbing;z-index:10}.placed-sticker.selected{z-index:9}.placed-sticker img{width:100%;height:auto;aspect-ratio:1 / 1;-o-object-fit:contain;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none;filter:var(--sticker-gold) drop-shadow(0 2px 4px rgba(0,0,0,.25))}.placed-sticker.selected img{outline:1.5px dashed var(--red);outline-offset:4px}.sticker-handle{position:absolute;width:26px;height:26px;padding:0;border:2px solid var(--bg-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--bg-dark);box-shadow:0 1px 4px #00000073;opacity:0;transition:opacity .12s ease;touch-action:none}.sticker-handle svg{width:15px;height:15px;display:block;pointer-events:none}.placed-sticker.selected .sticker-handle,.placed-sticker.show-del .sticker-del{opacity:1}.sticker-del{top:-13px;right:-13px;background:var(--red);color:#fff;font-family:var(--display);font-size:17px;line-height:1;cursor:pointer}.sticker-rotate{top:-13px;left:-13px;cursor:grab}.sticker-rotate.rotating{cursor:grabbing}.sticker-scale{bottom:-13px;right:-13px;cursor:nwse-resize}.placed-sticker .sticker-colors{--swatch: 12px;--swatch-gap: 4px;--swatch-pad: 4px;--picker-w: calc(3 * var(--swatch) + 2 * var(--swatch-gap) + 2 * var(--swatch-pad) + 4px);--picker-h: calc(var(--swatch) + 2 * var(--swatch-pad) + 4px);width:var(--picker-w);height:var(--picker-h);padding:var(--swatch-pad);gap:var(--swatch-gap);border-radius:999px;cursor:default;bottom:calc(var(--picker-h) / -2);left:calc(var(--picker-w) / -2)}.sticker-swatch{width:var(--swatch);height:var(--swatch);flex:none;padding:0;border:1px solid var(--bg-dark);border-radius:50%;cursor:pointer}.sticker-swatch.sel{outline:2px solid var(--red);outline-offset:1px}.placed-sticker.toolbar-handles .sticker-handle{top:50%;right:auto;bottom:auto;left:50%;margin-top:-13px;margin-left:-13px}.placed-sticker.toolbar-handles .sticker-handle.sticker-colors{margin-top:calc(var(--picker-h) / -2);margin-left:calc(var(--picker-w) / -2)}@media(any-pointer:coarse){.sticker-handle{width:44px;height:44px}.sticker-handle svg{width:20px;height:20px}.sticker-del{font-size:24px}.placed-sticker.toolbar-handles .sticker-handle{margin-top:-22px;margin-left:-22px}.placed-sticker .sticker-colors{--swatch: 20px;--swatch-gap: 6px;--swatch-pad: 5px}}@keyframes pop{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.dots .dot{width:40px;height:8px;border-radius:2px;background:var(--light-bronze)}.dots .dot.active{background:var(--red)}@media(max-width:980px){.dots .dot{width:28px}}@media(max-width:640px){.dots .dot{width:22px}}.generator-page :is(button,a,select,input,[tabindex]):focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--bg-dark)}.generator-page :is(#stepHeading,#shareHeading):focus{outline:none;box-shadow:none}