*{font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500}a{color:#000;text-decoration:none}body{background-color:#ccc;display:flex;justify-content:center;margin:0;overflow-x:hidden}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#root{width:100vw}#main,#root{align-items:center;display:flex;flex-direction:column}#main{background-color:#eee;gap:6px;margin:0;max-width:528px;min-height:calc(100vh - 64px);padding:64px 16px 16px;width:calc(100% - 32px)}#main,.legalmain{text-align:center}.legalmain{font-size:12pt;gap:-32px;padding:16px 32px;width:calc(100% - 128px)}.legalmain ul{align-items:center;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.legalmain li{list-style-type:none;text-align:center}#title{font-size:24pt}#about>div{display:flex;justify-content:center;text-align:center;width:100%}.slogan{font-size:16pt}#order-menu{gap:16px}#order-menu,.step{align-items:center;display:flex;flex-direction:column;width:100%}.step{background-color:#eee;border-radius:0;gap:12px;padding:4px 0}.separator{background-color:#666;border-radius:2px;height:2px;margin:8px 0;width:calc(100% - 64px)}#size-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:100%;min-width:0;width:calc(100% - 64px)}#size-options>button{background-color:#fff;border-radius:16px!important;height:28px;width:48px}#color-select,#file-select{display:flex;gap:8px;justify-content:center;width:100%}#color-select{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:8px;padding:0 16px;width:calc(100% - 64px)}#color-select>div{border:3px solid blue;border-radius:16px;box-shadow:0 2px 4px #0000001a;height:20px;width:20px}#presets-container{align-items:center;display:flex;flex-direction:column;gap:16px;width:calc(100% - 64px)}#presets{display:flex;flex-wrap:nowrap;gap:16px;justify-content:flex-start;mask-image:linear-gradient(90deg,#0000 0,#000 24px,#000 calc(100% - 24px),#0000);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 24px,#000 calc(100% - 24px),#0000);overflow-x:auto;padding:0 24px 16px;scrollbar-gutter:auto;width:calc(100% - 48px)}#presets>*{flex:0 0 auto}.section-title{font-size:16pt}.eightpxmarginbottom{margin-bottom:8px}.presets-title{margin-top:-8px}.presets-button{background-color:#fff;border-radius:32px;border-style:none;font-size:12pt;padding:8px 0;width:100%}.preview{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(8px 8px 4px #808080);margin:16px 0;max-width:320px;min-height:128px;position:relative;width:calc(100% - 64px)}.front{background-image:url(/static/media/order-preview.290f6d10100d3c3e1e3d.png)}.back{background-image:url(/static/media/t-back.ecb6ffeba28ffc41e8f6.png)}.color-overlay{-webkit-mask-image:url(/static/media/order-preview.290f6d10100d3c3e1e3d.png);mask-image:url(/static/media/order-preview.290f6d10100d3c3e1e3d.png)}.color-overlay,.color-overlay-back{filter:brightness(.775) contrast(1.75) opacity(1);height:100%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mix-blend-mode:multiply;pointer-events:none;width:100%}.color-overlay-back{-webkit-mask-image:url(/static/media/t-back.ecb6ffeba28ffc41e8f6.png);mask-image:url(/static/media/t-back.ecb6ffeba28ffc41e8f6.png)}.area-holder{display:flex;gap:4px;justify-content:center;width:100%}#file-btn-holder{display:flex;gap:8px}.file-btn{align-items:center;background-color:#fff;border-radius:16px;border-style:none;color:#000;display:flex;gap:6px;height:32px;justify-content:center;min-width:32px;padding:0 12px}.file-btn>img{height:20px}.image-control{border-style:none;width:64px}#quantity,.image-control{border-radius:16px;height:24px;padding:4px;text-align:center}#quantity{border-style:none;color:#000!important;width:32px}#quantSel{flex-direction:row;gap:8px}#quantSel,.changeQuant{display:flex;justify-content:center}.changeQuant{align-items:center;background-color:#fff;border-radius:16px;border-style:none;height:32px;padding:4px;text-align:center;text-justify:center;width:32px}#checkout-button{background-color:#36c;border:none;border-radius:32px;color:#fff;font-size:14pt;height:48px;margin-bottom:16px;margin-top:8px;width:calc(100% - 32px)}#tou-link{text-decoration:underline}button{box-shadow:0 2px 4px #0000001a}#checkout{max-width:560px;padding-top:48px;width:100%}.preset{background-color:#ddd;border-radius:20px;box-shadow:0 2px 4px #0000001a;flex-direction:column;gap:8px;padding:16px;width:140px}.icon-container,.preset{align-items:center;display:flex}.icon-container{aspect-ratio:1;border-radius:16px;justify-content:center;width:100%}.preset-image{aspect-ratio:1;object-fit:contain;width:80%}.preset-button{background-color:#fff;border:none;border-radius:8px;padding:8px;width:100%}#navbar-container{background-color:#111;color:#fff;height:48px;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:99999}#navbar,#navbar-container{align-items:center;display:flex}#navbar{gap:8px;height:calc(100% - 16px);justify-content:space-between;max-width:512px;padding:8px;width:calc(100% - 32px)}.logo-thing{font-size:20px}.menu-button>img{height:32px;width:32px}
/*# sourceMappingURL=main.41521a40.css.map*/