body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}body{margin:0;background-color:#fff}.container{grid-template-columns:100%;grid-template-rows:200px auto 7vh 1fr;grid-template-areas:"page headers" "image | features sidebar" "image upload" "feature option display area | download button";background-color:#fafafa}.container,.header-container{display:grid;flex-direction:column}.header-container{grid-template-columns:1fr;grid-template-rows:15vh 10vh;grid-template-areas:"page header 1: Snap Penn" "page header 2: dedicated photo editor";background-color:#fff}.page-header-1{text-shadow:1px 1px 1px red,2px 2px 1px red;background-color:#f7dbd6;min-height:15vh;font-size:40px;text-align:center}.page-header-1,.page-header-2{font-family:Copperplate,Courier New,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#011f5b}.page-header-2{background-color:#fff;min-height:10vh;font-size:14px}.image-sidebar-container{display:grid;grid-template-areas:"extra | image | sidebar";grid-template-columns:25vw 50vw 25vw;grid-template-rows:2fr;background-color:#fff;flex-direction:row;min-height:400px}.extra-space-holder1{background-color:#fff;width:25vw;align-items:left;grid-column:1;grid-row:1}.main-image-container{grid-area:image container;background-color:#fff;width:50vw;height:.8fr;align-items:center;flex-direction:row;grid-column:2;grid-row:1;border:5px double #900;border-radius:20px;background-image:url(https://snworksceo.imgix.net/dpn/38d166d0-2fb3-4536-a4c4-c66ad2887968.sized-1000x1000.png?w=1000);background-position:50%;background-size:contain;background-repeat:no-repeat;Opacity:.7}.main-image,.main-image-container{display:flex;justify-content:center}.main-image{grid-area:image;width:auto;height:auto;margin:auto;align-items:stretch;position:relative;justify-items:center}.sidebar-container{grid-area:sidebar container;background-color:#fff;width:25vw;height:1fr;align-items:center;grid-column:3;grid-row:1}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;margin-left:5px;margin-top:auto;margin-bottom:auto}.sidebar,.sidebar-item{background-color:#fff;align-items:stretch;font-size:large;width:auto;height:auto}.sidebar-item{cursor:pointer;border:none;outline:none;padding:1rem;position:relative;color:#011f5b;font-weight:700;transition:background-color .15s;max-width:100px;min-height:100px}.sidebar-item:hover{border:none;font-weight:700}.sidebar-item:active,.sidebar-item:focus,.sidebar-item:hover{cursor:pointer;outline:none;background-color:#011f5b;padding:1rem;position:relative;color:#fff;font-size:large;transition:background-color .15s;width:auto;max-width:100px;height:auto;min-height:100px;align-items:stretch}.sidebar-item:active,.sidebar-item:focus{font-weight:bolder;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid double;text-decoration-style:solid double;border:thick double #900}.sidebar-item:last-child:after{display:none}.upload-address-container{grid-area:upload address container;height:10vh;margin:2px auto}.upload-address,.upload-address-container{background-color:#fff;width:auto;max-width:50vw;align-items:stretch;position:relative;justify-items:center}.upload-address{grid-area:upload address;height:7vh;margin:5px auto}.feature-button-container{display:grid;grid-template-areas:"extra | features | download button";grid-template-columns:25vw 50vw 25vw;grid-template-rows:auto;background-color:#a0caf1;width:100%;margin-top:10px;position:relative}.extra-space-holder2{width:25vw;align-items:left;grid-column:1}.extra-space-holder2,.feature-display-container{background-color:inherit;grid-row:1;margin-top:30px}.feature-display-container{width:50vw;height:40vw;align-items:center;flex-direction:row;grid-column:2;position:relative}.sticker-display-container{grid-template-areas:"slider bars" "stickers";height:20vh;align-content:top;margin-top:5px;position:absolute;font-family:sans-serif;color:#011f5b;font-weight:700}.slider-container,.sticker-display-container{display:grid;grid-template-columns:50vw;grid-template-rows:auto auto;background-color:inherit;flex-direction:column;width:auto;max-width:50vw}.slider-container{grid-template-areas:"axisX" "axisY";align-items:center;align-self:center;align-content:center;height:50px;max-height:20vh;grid-row:1;grid-column:1;position:relative;margin:10px 5px}.slider,.slider-item{cursor:pointer;display:flex;background-color:inherit;width:30vw;height:20px;align-items:center;flex-direction:column;margin-left:5px;margin-right:5px}.axisX,.axisY{cursor:pointer;height:20px}.axisX,.axisY,.sticker-items-display{display:flex;align-items:center;align-self:center;align-content:center;background-color:inherit;flex-direction:row;width:auto;max-width:50vw}.sticker-items-display{min-height:20px;height:auto;grid-row:2;grid-column:1;margin-top:50px;margin-left:5px;margin-right:5px;flex-wrap:wrap}.frame-display-container{display:grid;flex-direction:column;height:10vh;position:relative;font-family:sans-serif;color:#011f5b;font-weight:700;align-content:top}.frame-display-container,.frame-items-container{background-color:inherit;width:auto;max-width:50vw;margin-top:5px;justify-items:top;justify-content:top;align-self:top}.frame-items-container{display:flex;align-items:center;align-content:center;flex-direction:row;min-height:20px;height:auto;margin-left:5px;margin-right:5px;flex-wrap:wrap;align-content:top}.filter-display-container{display:grid;flex-direction:column;height:10vh;position:relative;font-family:sans-serif;color:#011f5b;font-weight:700;align-content:top}.filter-display-container,.filter-items-container{background-color:inherit;width:auto;max-width:50vw;margin-top:5px;justify-items:top;justify-content:top;align-self:top}.filter-items-container{display:flex;align-items:center;align-content:center;flex-direction:row;min-height:20px;height:auto;margin-left:5px;margin-right:5px;flex-wrap:wrap;align-content:top}.sticker{margin:20px 10px}.sticker,.sticker:hover{display:flex;align-items:center;align-self:center;align-content:center;background-color:inherit;flex-direction:row;height:50px;width:50px}.sticker:hover{margin:5px;border:1px solid #db7093;transition:border .1s;cursor:pointer}.sticker:active,.sticker:focus{display:flex;align-items:center;align-self:center;align-content:center;background-color:inherit;flex-direction:row;height:50px;width:50px;margin:5px;border:2px solid #900;transition:border .1s}@media screen{.sticker{max-width:50px;max-height:50px}}.download-container{background-color:inherit;width:25vw;height:auto;align-items:center;grid-column:3;grid-row:1;margin-top:30px}.btn{margin-left:5px;align-items:center;background-color:#d5bbf7;border:2px solid #011f5b;border-radius:8px;box-sizing:border-box;color:#011f5b;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-weight:700;font-size:15px;height:48px;justify-content:center;line-height:24px;max-width:40%;padding:0 25px;position:relative;text-align:center;text-decoration:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.btn:after{background-color:#111;border-radius:8px;content:"";display:block;height:48px;left:0;width:95%;position:absolute;top:-2px;-webkit-transform:translate(8px,8px);transform:translate(8px,8px);transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;z-index:-1}.btn:hover:after{-webkit-transform:translate(0);transform:translate(0)}.btn:active{background-color:#ffdeda;outline:0}.btn:hover{outline:0}@media (min-width:768px){.btn{padding:0 40px}}.button1{align-items:center;-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:24px;border-style:none;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-sizing:border-box;color:#3c4043;cursor:pointer;display:inline-flex;fill:currentcolor;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;height:35px;justify-content:center;letter-spacing:.25px;line-height:normal;max-width:100%;overflow:visible;padding:2px 24px;position:relative;text-align:center;text-transform:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:auto;will-change:transform,opacity;z-index:0;margin:20px 10px}.button1:hover{background:#f6f9fe;color:#174ea6}.button1:active{box-shadow:0 4px 4px 0 rgba(60,64,67,.3),0 8px 12px 6px rgba(60,64,67,.15);outline:none}.button1:focus{outline:none;border:2px solid #4285f4}.button1:not(:disabled){box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.button1:not(:disabled):hover{box-shadow:0 2px 3px 0 rgba(60,64,67,.3),0 6px 10px 4px rgba(60,64,67,.15)}.button1:not(:disabled):focus{box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.button1:not(:disabled):active{box-shadow:0 4px 4px 0 rgba(60,64,67,.3),0 8px 12px 6px rgba(60,64,67,.15)}.button1:disabled{box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.button2{align-items:center;-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:24px;border-style:none;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-sizing:border-box;color:#3c4043;cursor:pointer;display:inline-flex;fill:currentcolor;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;height:48px;justify-content:center;letter-spacing:.25px;line-height:normal;max-width:100%;overflow:visible;padding:2px 24px;position:relative;text-align:center;text-transform:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:auto;will-change:transform,opacity;z-index:0;margin:20px 10px}.button2:hover{background:#f6f9fe;color:#174ea6}.button2:active{box-shadow:0 4px 4px 0 rgba(60,64,67,.3),0 8px 12px 6px rgba(60,64,67,.15);outline:none}.button2:focus{outline:none;border:2px solid #4285f4}.button2:not(:disabled){box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.button2:not(:disabled):hover{box-shadow:0 2px 3px 0 rgba(60,64,67,.3),0 6px 10px 4px rgba(60,64,67,.15)}.button2:not(:disabled):focus{box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.button2:not(:disabled):active{box-shadow:0 4px 4px 0 rgba(60,64,67,.3),0 8px 12px 6px rgba(60,64,67,.15)}.button2:disabled{box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.button3{align-items:center;-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:24px;border-style:none;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-sizing:border-box;color:#3c4043;cursor:pointer;display:inline-flex;fill:currentcolor;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;height:48px;justify-content:center;letter-spacing:.25px;line-height:normal;max-width:100%;overflow:visible;padding:2px 24px;position:relative;text-align:center;text-transform:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:auto;will-change:transform,opacity;z-index:0;margin:20px 10px}.button3:hover{background:#f6f9fe;color:#174ea6}.button3:active{box-shadow:0 4px 4px 0 rgba(60,64,67,.3),0 8px 12px 6px rgba(60,64,67,.15);outline:none}.button3:focus{outline:none;border:2px solid #4285f4}.button3:not(:disabled){box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.button3:not(:disabled):hover{box-shadow:0 2px 3px 0 rgba(60,64,67,.3),0 6px 10px 4px rgba(60,64,67,.15)}.button3:not(:disabled):focus{box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.button3:not(:disabled):active{box-shadow:0 4px 4px 0 rgba(60,64,67,.3),0 8px 12px 6px rgba(60,64,67,.15)}.button3:disabled{box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}#custom-text{margin-left:0;font-family:sans-serif;color:grey}#custom-button{-webkit-appearance:button;appearance:button;background-color:#000;background-image:none;border:1px solid #000;border-radius:4px;box-shadow:4px 4px 0 0 #fff,4px 4px 0 1px #000;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:ITCAvantGardeStd-Bk,Arial,sans-serif;font-size:12px;font-weight:300;line-height:20px;margin:0 5px 10px 0;overflow:visible;padding:12px 40px;text-align:start;text-transform:none;touch-action:manipulation;-ms-user-select:none;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap}#custom-button:focus{text-decoration:none}#custom-button:hover{text-decoration:none;background-color:#6ed68d}#custom-button:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125);outline:0}#custom-button:not([disabled]):active{box-shadow:2px 2px 0 0 #fff,2px 2px 0 1px #000;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}@media (min-width:768px){#custom-button{padding:12px 50px}}
/*# sourceMappingURL=main.7cd3886f.chunk.css.map */