html{--Colours-Primary-Black: rgba(34,34,34,1);--Colours-Primary-White: rgba(255,255,255,1);--Colours-Primary-Grey: rgba(210,210,217,1);--Colours-Primary-Skin: rgba(250,190,180,1);--Colours-Primary-Coral: rgba(238,115,100,1);--Colours-Primary-Red: rgba(230,57,60,1);--Colours-Secondary-Light-Grey: rgba(241,241,241,1);--Colours-Secondary-Creme-Light: rgba(246,239,229,1);--Colours-Secondary-Creme-Dark: rgba(222,213,201,1);--Colours-Secondary-Coal: rgba(56,56,56,1);--Colours-White-80: rgba(255,255,255,.8);--Colours-White-60: rgba(255,255,255,.6);--Colours-Text-Black: rgba(34,34,34,1);--Colours-Text-Dark-Grey: rgba(119,119,119,1);--Colours-Text-White: rgba(255,255,255,1);--Colours-Transparent-Dark-Red: rgba(230,57,60,.6);--Colours-Stroke-Dark: rgba(191,191,191,.15);--Colours-Stroke-Light: rgba(210,210,217,.6);--Colours-Stroke-Creme-Stroke: rgba(222,213,201,1);--Colours-Text-White-80: rgba(255,255,255,.8);--Spacing-XXSmall: 4;--Spacing-XSmall: 8;--Spacing-Small: 12;--Spacing-Regular: 16;--Spacing-Medium: 20;--Spacing-Large: 24;--Spacing-XLarge: 32;--Spacing-XXLarge: 40;--Spacing-Huge: 48;--Spacing-Big: 64;--Spacing-Sections-Paddings-Large: 200;--Spacing-Sections-Paddings-Big: 120;--Spacing-Sections-Paddings-Medium: 80;--Spacing-Sections-Paddings-Regular: 40;--Spacing-Sections-Paddings-Small: 20;--Spacing-Global-Paddings-Small: 24;--Spacing-Global-Paddings-Regular: 40;--Colours-Primary-Dark-Red: rgba(202,30,33,1);--Spacing-xsmall: 12;--Colors-White: rgba(255,255,255,1);--Colors-Yellow: rgba(243,189,68,1);--Text-White: var(--Colors-White);--Black: var(--Colours-Primary-Black);--White: var(--Colours-Primary-White)}@font-face{font-family:Cardinal Photo Light;src:url(/fonts/CardinalPhoto-Light.otf) format("opentype")}@font-face{font-family:Bell MT Regular;font-weight:400;src:url(/fonts/BellMTPro.otf) format("opentype")}@font-face{font-family:Cerebri Sans Bold;font-weight:400;src:url(/fonts/Cerebri_Sans_Bold.otf) format("opentype")}@font-face{font-family:Cerebri Sans;font-weight:400;src:url(/fonts/Cerebri_Sans_Regular.otf) format("opentype")}@font-face{font-family:Cerebri Sans;font-weight:700;src:url(/fonts/Cerebri_Sans_Bold.otf) format("opentype")}@font-face{font-family:Roboto Condensed;src:url(/fonts/RobotoCondensed-Medium.ttf) format("truetype")}@font-face{font-family:Tabac Big Glam;src:url(/fonts/Tabac-Big-Glam-Bold.otf) format("opentype")}html,body{padding:0;margin:0}body{background:var(--Colours-Primary-White);color:var(--Colours-Text-Black);font-family:Cerebri Sans,sans-serif;margin:4px;overflow-x:hidden}#app{width:90%;max-width:960px;margin-left:auto;margin-right:auto;min-height:660px}@media(max-width:820px){#app{min-height:100dvh}}@media(max-width:640px){#app{width:100%;padding:0 16px;box-sizing:border-box}}h1,h2,h3,h4,h5,h6{font-family:Cerebri Sans,sans-serif}h1{color:var(--Colours-Text-Black, #222);font-size:12px;font-weight:400;line-height:100%;letter-spacing:2px;text-transform:uppercase}h2{color:var(--Colours-Text-Black, #222);font-size:44px;font-weight:700;line-height:1.05;letter-spacing:-.5px;margin:12px 0 16px}@media(max-width:640px){h2{font-size:32px}}p{color:var(--Colours-Text-Black, #222);font-family:Cerebri Sans,sans-serif;font-size:16px;font-weight:400;line-height:150%}.page{width:100%;position:relative;padding:24px;box-sizing:border-box}@media(max-width:640px){.page{padding:16px 0}}img{max-width:100%}.step{color:var(--Colours-Text-Black, #222);font-family:Cerebri Sans,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase}.field-label{font-size:13px;font-weight:700;margin:20px 0 8px}@media(max-width:640px){.field-label{text-align:center}}.button-row{display:flex;align-items:center;gap:24px;margin-top:32px}@media(max-width:640px){.button-row{justify-content:center}}.popover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;align-items:center;z-index:20}.popover.show{display:flex}.popover .popover-content{width:441px;max-width:90%;padding:32px 24px;margin:0 auto;background:#fff;border-radius:16px;text-align:center}.popover .popover-content h2{margin-top:0;padding-top:0;font-size:24px}.popover .popover-content .main-content{padding-bottom:12px}.popover .popover-content cover-gen-button{margin-top:12px;display:block}.device-error{display:none}#success{display:flex;justify-content:center;flex-direction:column;min-height:600px;text-align:center}.collapsible{max-height:55px;display:block;overflow:hidden;transition:max-height .2s ease-out}.collapsible.full{max-height:150px;margin-bottom:15px;overflow-y:scroll}.collapsible-trigger{text-align:right;display:block;margin-bottom:20px}.d-flex{display:flex}.cover-flex{justify-content:space-between;gap:48px}@media(max-width:640px){.cover-flex{flex-direction:column;gap:24px}}.generator-description{display:flex;flex-direction:column;justify-content:flex-start}.generator-description h2,.generator-description p,.generator-description .step,.generator-description cover-gen-button{text-align:left}@media(max-width:640px){.generator-description h2,.generator-description p,.generator-description .step{text-align:center}}.generator-description,.generator-cover{flex:1 1 0;width:0}@media(max-width:640px){.generator-description,.generator-cover{flex:none;width:100%}}#loader{width:90%;max-width:960px;margin-left:auto;margin-right:auto;height:460px;padding:40px;text-align:center;font-family:Cerebri Sans,sans-serif;box-sizing:border-box}@media(max-width:640px){#loader{height:auto;min-height:300px;padding:24px 16px}}#intro .start-description{justify-content:flex-start;padding-top:8px}#intro .after-upload{display:none}#intro.has-image .after-upload{display:block}#intro .reposition-hint{font-size:14px;color:var(--Colours-Text-Dark-Grey);margin:0}#intro .size-hint{margin-top:auto;margin-bottom:0;font-size:13px}.generator-cover{height:600px;position:relative;flex:0 0 400px;box-sizing:border-box}@media(max-width:640px){.generator-cover{flex:none;width:100%;max-width:400px;height:auto;aspect-ratio:2/3;margin:0 auto}}.drop-area{height:100%;position:relative;box-sizing:border-box;border-radius:12px;overflow:hidden;background:var(--Colours-Primary-Skin);cursor:pointer}.drop-area.highlight{outline:2px dashed var(--Colours-Text-Black);outline-offset:-2px}.drop-area .upload-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 48px;text-align:center;color:var(--Colours-Text-Black)}.drop-area .upload-plus{width:48px;height:48px;border-radius:50%;background:var(--Colours-Text-Black);color:var(--Colours-Primary-White);font-size:28px;line-height:46px;margin-bottom:20px}.drop-area .upload-label{font-size:18px;font-weight:700}.drop-area .upload-drop{font-size:13px;margin-top:8px}.drop-area .upload-tip{font-size:13px;line-height:150%;margin-top:32px}.drop-area .image-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.drop-area .image-preview img{width:100%;height:100%;object-fit:cover;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.drop-area .image-preview img:active{cursor:grabbing}.upload-form{height:100%}#generator .logo-color-picker{margin-bottom:24px}@media(max-width:640px){#generator .generator-cover{flex:none;width:100%;height:auto}}.generator-inner{position:relative;height:100%}@media(max-width:640px){.generator-inner{width:100%;max-width:400px;aspect-ratio:2/3;height:auto;margin:0 auto}}.generator-inner .snapping{border-color:var(--Colours-Primary-Skin);border-width:0;border-style:solid;position:absolute;z-index:1;display:none;box-sizing:border-box;border-top-width:var(--border-top, 0);border-right-width:var(--border-right, 0);border-bottom-width:var(--border-bottom, 0);border-left-width:var(--border-left, 0)}.generator-inner .snapping.snapping-left{width:10px;height:100%;left:0;--border-right: 2px}.generator-inner .snapping.snapping-right{--border-left: 2px;width:10px;height:100%;right:0}.generator-inner .snapping.snapping-top{--border-bottom: 2px;width:100%;height:24px;left:0;top:0}.generator-inner .snapping.snapping-bottom{--border-top: 2px;width:100%;height:50px;bottom:0;left:0}.generator-inner .generator-cover-change-element{width:100%;height:100%;position:static}.generator-canvas{position:absolute;top:0;left:0;zoom:1}@media(max-width:640px){.generator-canvas{width:100%;height:100%}}#canvasBackground{z-index:0}#canvasText{z-index:1}#canvasFinal{z-index:2}.zoom-slider{position:absolute;z-index:3;left:50%;bottom:16px;width:60%;transform:translate(-50%);padding:8px 12px;border-radius:32px;background:var(--Colours-Primary-White);box-shadow:0 12px 40px #22222247,0 2px 8px #22222229;accent-color:var(--Colours-Text-Black)}.zoom-slider[hidden]{display:none}.variant-buttons{display:flex;flex-wrap:wrap;gap:6px}@media(max-width:640px){.variant-buttons{justify-content:center}}.variant-btn{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1 0 auto;padding:10px 8px;border:1px solid var(--Colours-Primary-Grey);border-radius:8px;background:var(--Colours-Primary-White);color:var(--Colours-Text-Black);font-family:Cerebri Sans,sans-serif;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.variant-btn .bar{width:20px;height:3px;border-radius:2px}.variant-btn .bar-empty{background:var(--Colours-Primary-White);box-shadow:0 0 0 1px var(--Colours-Primary-Grey)}.variant-btn.active{background:var(--Colours-Text-Black);border-color:var(--Colours-Text-Black);color:var(--Colours-Primary-White)}.logo-colors{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:640px){.logo-colors{justify-content:center}}.logo-colors .color-pick{flex-shrink:0;width:24px;height:24px;padding:0;border-radius:50%;border:1px solid;cursor:pointer}.logo-colors .color-pick.active{box-shadow:0 0 0 2px var(--Colours-Primary-White),0 0 0 4px var(--Colours-Text-Black)}.image-lock-toggle{display:none;margin-top:16px}.image-lock-toggle svg{margin-right:6px;vertical-align:-1px}@media(pointer:coarse){.image-lock-toggle{display:block}}@media(max-width:640px){#download .cover-flex{flex-direction:column-reverse}#download .generator-cover{flex:none;width:100%;height:auto;overflow:hidden}}#download .error-tooltip{top:0;left:0;width:100%;color:var(--Colours-Primary-Coral, #EE7364);background:var(--Colours-Text-White-80);align-items:center;z-index:2}#download #email-error-tooltip{margin-bottom:18px}#download #checkbox-error-tooltip{margin-top:14px}#download .generator-cover-result{position:relative;width:100%;height:100%;background:var(--Colours-Primary-Skin);border-radius:12px;overflow:hidden}@media(max-width:640px){#download .generator-cover-result{height:auto}}#download .content-description{color:var(--Primary-Black, #000);font-family:Cerebri Sans,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:140%}#download .image-wrapper{width:100%;height:100%;background:var(--Colours-Primary-Skin);background-size:contain;background-repeat:no-repeat;background-position:center}@media(max-width:640px){#download .image-wrapper{height:auto;aspect-ratio:2/3}}#download .fields-wrapper{margin-bottom:12px}#download .fields-wrapper>label{display:block;padding:6px 0;border-bottom:1px solid var(--Colours-Primary-Grey);margin-bottom:12px}#download .fields-wrapper>label span{display:block;font-size:12px;color:#666;margin-bottom:4px}#download .fields-wrapper>label input[type=email],#download .fields-wrapper>label input[type=text],#download .fields-wrapper>label select{width:100%;border:0;font-size:16px;font-family:Cerebri Sans,sans-serif;background:transparent}#download .fields-wrapper>label input[type=email]:focus-visible,#download .fields-wrapper>label input[type=text]:focus-visible,#download .fields-wrapper>label select:focus-visible{outline:0}#download .fields-wrapper>label select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}#download .fields-checkbox-divider{height:12px}#download .required:after{content:" *"}#download .required-start:before{content:"* "}#download .required-note{margin:8px 0 0;font-family:Cerebri Sans,sans-serif;font-size:12px;color:var(--Colours-Text-Black, #222)}#download .name-wrapper>label{margin-bottom:0}#download .checkbox-wrapper{display:flex;align-items:flex-start;gap:8px}#download .checkbox-wrapper a{color:var(--Colours-Text-Black, #222);border-bottom:1px solid var(--Colours-Text-Black, #222);text-decoration:none}#download .checkbox-wrapper a:hover{border-bottom-color:var(--Colours-Primary-Coral)}#download .checkbox-wrapper .content-separator{display:inline-block;padding:8px;width:100%}#download .checkbox-wrapper input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;margin:0 8px 0 0;flex-shrink:0;position:relative;cursor:pointer;border:1px solid var(--Colours-Text-Black);border-radius:4px;background:transparent;color:var(--Colours-Primary-Red)}#download .checkbox-wrapper input[type=checkbox]:checked{background:var(--Colours-Text-Black)}#download .checkbox-wrapper input[type=checkbox]:checked:after{content:"";position:absolute;top:45%;left:50%;width:5px;height:10px;border:solid var(--Colours-Primary-White);border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}#download .checkbox-wrapper label span{color:var(--Colours-Text-Black, #222);font-family:Cerebri Sans,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:140%}#download .checkbox-wrapper label span.collapsible-trigger{color:var(--Colours-Primary-Coral);cursor:pointer}#download #download-notification{border:1px solid var(--Colours-Primary-Red);color:var(--Colours-Primary-Red);padding:8px 22px;border-radius:4px;margin:-4px 0 14px}#download #download-notification:empty{display:none}