@import url(http://fonts.googleapis.com/css?family=Montserrat);.App{background-color:#50546d;color:#faebd7;font-family:Montserrat,sans-serif;min-height:100vh;text-align:center}.app-container{margin:0;padding:0;width:100%}.app-header{margin-bottom:20px;padding:20px}.app-header h1{color:#faebd7;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.app-header p{color:#faebd7cc;font-size:1.2rem;font-weight:300;margin:10px 0 0}.napkin-image{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));max-height:80px;max-width:80px}.napkin-image[data-color=black]{filter:brightness(0) drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.napkin-image[data-color=white]{filter:brightness(0) invert(1) drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.napkin-image[data-color=gold]{filter:sepia(1) saturate(2) hue-rotate(25deg) brightness(1.2) drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.napkin-image[data-color=silver]{filter:grayscale(1) brightness(1.5) drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.napkin-image[data-color]:not([data-color=black]):not([data-color=white]):not([data-color=gold]):not([data-color=silver]){filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}@media (max-width:768px){.app-header h1{font-size:2rem}.app-header p{font-size:1rem}}.metallic-text{-webkit-text-fill-color:#0000;text-fill-color:#0000;animation:metallic-shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,var(--metal-dark) 0,var(--metal-light) 25%,var(--metal-highlight) 50%,var(--metal-light) 75%,var(--metal-dark) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;position:relative;text-shadow:0 1px 0 #fff6,0 -1px 0 #0006}@keyframes metallic-shimmer{0%,to{background-position:200%}50%{background-position:-200%}}.metallic-silver{--metal-dark:#4a4a4a;--metal-light:silver;--metal-highlight:#fff}.metallic-gold{--metal-dark:#6b5a0a;--metal-light:#d4af37;--metal-highlight:#fff5b8}.metallic-copper{--metal-dark:#6b3410;--metal-light:#d2691e;--metal-highlight:#ffb88c}.metallic-red{--metal-dark:#600;--metal-light:#dc143c;--metal-highlight:#ff6b9d}.metallic-lilac{--metal-dark:#4b1e33;--metal-light:#c8a2c8;--metal-highlight:#e6d7ff}.metallic-magenta{--metal-dark:#6b0e44;--metal-light:#ff1493;--metal-highlight:#ffb3e6}.metallic-purple{--metal-dark:#2e0a3f;--metal-light:#9370db;--metal-highlight:#dbb3ff}.metallic-blue{--metal-dark:#0a1929;--metal-light:#4682b4;--metal-highlight:#87ceeb}.metallic-teal{--metal-dark:#0f3b3b;--metal-light:#48d1cc;--metal-highlight:#afeeee}.embossed.metallic-text{text-shadow:1px 1px 1px #ffffff80,-1px -1px 1px #0000004d,2px 2px 3px #0003}.metallic-text:hover{animation-duration:1s}.foil-color-option.metallic{animation:button-shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,var(--button-metal-dark) 0,var(--button-metal-base) 45%,var(--button-metal-light) 50%,var(--button-metal-base) 55%,var(--button-metal-dark) 100%);background-size:200% 200%;box-shadow:0 4px 12px #0006,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000004d}@keyframes button-shimmer{0%,to{background-position:200% 50%}50%{background-position:-200% 50%}}.foil-color-option[title*="Metallic Silver"]{--button-metal-dark:#4a4a4a;--button-metal-base:#8c8c8c;--button-metal-light:#e0e0e0}.foil-color-option[title*="Metallic Gold"]{--button-metal-dark:#6b5a0a;--button-metal-base:#b8960a;--button-metal-light:gold}.foil-color-option[title*="Metallic Copper"]{--button-metal-dark:#6b3410;--button-metal-base:#b87333;--button-metal-light:#ffb88c}.foil-color-option[title*="Metallic Red"]{--button-metal-dark:#600;--button-metal-base:#9c1114;--button-metal-light:#ff6b6b}.foil-color-option[title*="Metallic Lilac"]{--button-metal-dark:#4b1e33;--button-metal-base:#8f3b5c;--button-metal-light:#e6b3cc}.foil-color-option[title*="Metallic Magenta"]{--button-metal-dark:#6b0e44;--button-metal-base:#ac1d6d;--button-metal-light:#f6c}.foil-color-option[title*="Metallic Purple"]{--button-metal-dark:#2e0a3f;--button-metal-base:#652b53;--button-metal-light:#b366ff}.foil-color-option[title*="Metallic Blue"]{--button-metal-dark:#0a1929;--button-metal-base:#1f3658;--button-metal-light:#69f}.foil-color-option[title*="Metallic Teal"]{--button-metal-dark:#0f3b3b;--button-metal-base:#337760;--button-metal-light:#6cc}.imageContainer{align-items:center;display:flex;justify-content:center;margin:30px auto;padding-bottom:15px;position:relative}[data-image=a1] .metallic-icon,[data-image=a1] .napkin-image{height:82px;width:82px}[data-image=a2] .metallic-icon,[data-image=a2] .napkin-image{height:68px;width:68px}[data-image=a3] .metallic-icon,[data-image=a3] .napkin-image{height:79px;width:79px}[data-image=a4] .metallic-icon,[data-image=a4] .napkin-image{height:84px;width:84px}[data-image=a5] .metallic-icon,[data-image=a5] .napkin-image{height:70px;width:70px}[data-image=a6] .metallic-icon,[data-image=a6] .napkin-image{height:73px;width:73px}[data-image=a7] .metallic-icon,[data-image=a7] .napkin-image{height:53px;width:53px}[data-image=a8] .metallic-icon,[data-image=a8] .napkin-image{height:107px;width:107px}[data-image=a9] .metallic-icon,[data-image=a9] .napkin-image{height:100px;width:100px}[data-image=a10] .metallic-icon,[data-image=a10] .napkin-image{height:68px;width:68px}.metallic-icon-container{align-items:center;display:flex;justify-content:center;position:relative}.metallic-icon{animation:metallic-shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,var(--metal-dark) 0,var(--metal-light) 25%,var(--metal-highlight) 50%,var(--metal-light) 75%,var(--metal-dark) 100%);background-size:200% 100%;height:40px;left:50%;-webkit-mask-mode:alpha;mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.napkin-image.regular-image-filter[data-color=metallicsilver]{filter:invert(58%) sepia(0) saturate(0) hue-rotate(225deg) brightness(92%) contrast(93%)!important}.napkin-image.regular-image-filter[data-color=metallicgold]{filter:invert(64%) sepia(72%) saturate(1023%) hue-rotate(22deg) brightness(89%) contrast(89%)!important}.napkin-image.regular-image-filter[data-color=metalliccopper]{filter:invert(48%) sepia(71%) saturate(427%) hue-rotate(345deg) brightness(88%) contrast(86%)!important}.napkin-image.regular-image-filter[data-color=metallicred]{filter:invert(12%) sepia(73%) saturate(4401%) hue-rotate(349deg) brightness(99%) contrast(94%)!important}.napkin-image.regular-image-filter[data-color=metalliclilac]{filter:invert(29%) sepia(29%) saturate(1391%) hue-rotate(305deg) brightness(90%) contrast(88%)!important}.napkin-image.regular-image-filter[data-color=metallicmagenta]{filter:invert(18%) sepia(95%) saturate(2893%) hue-rotate(308deg) brightness(81%) contrast(90%)!important}.napkin-image.regular-image-filter[data-color=metallicpurple]{filter:invert(18%) sepia(27%) saturate(1464%) hue-rotate(289deg) brightness(94%) contrast(88%)!important}.napkin-image.regular-image-filter[data-color=metallicblue]{filter:invert(18%) sepia(19%) saturate(2079%) hue-rotate(182deg) brightness(94%) contrast(87%)!important}.napkin-image.regular-image-filter[data-color=metallicteal]{filter:invert(45%) sepia(11%) saturate(1339%) hue-rotate(114deg) brightness(95%) contrast(88%)!important}.napkin-image{height:40px;object-fit:contain;width:40px}.napkin-image.regular-image-filter{transition:filter .3s ease}.napkin-image.regular-image-filter[data-color=black]{filter:none!important}.napkin-image.regular-image-filter[data-color=white]{filter:invert(1) brightness(.92)!important}.napkin-image.regular-image-filter[data-color=yellow]{filter:invert(82%) sepia(38%) saturate(638%) hue-rotate(359deg) brightness(89%) contrast(90%)!important}.napkin-image.regular-image-filter[data-color=pink]{filter:invert(63%) sepia(21%) saturate(1309%) hue-rotate(297deg) brightness(97%) contrast(89%)!important}.napkin-image.regular-image-filter[data-color=red]{filter:invert(21%) sepia(75%) saturate(3470%) hue-rotate(347deg) brightness(87%) contrast(91%)!important}.napkin-image.regular-image-filter[data-color=maroon]{filter:invert(11%) sepia(75%) saturate(2229%) hue-rotate(349deg) brightness(93%) contrast(91%)!important}.napkin-image.regular-image-filter[data-color=blue]{filter:invert(12%) sepia(83%) saturate(3468%) hue-rotate(233deg) brightness(90%) contrast(120%)!important}.napkin-image.regular-image-filter[data-color=navy]{filter:invert(8%) sepia(45%) saturate(3450%) hue-rotate(231deg) brightness(94%) contrast(99%)!important}.napkin-image.regular-image-filter[data-color=green]{filter:invert(22%) sepia(29%) saturate(1413%) hue-rotate(102deg) brightness(92%) contrast(89%)!important}.napkin-image.regular-image-filter[data-color=gray]{filter:invert(42%) sepia(6%) saturate(134%) hue-rotate(11deg) brightness(94%) contrast(87%)!important}.fan-out-container{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;bottom:0;box-shadow:none;box-sizing:initial;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-family:inherit;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;left:0;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;pointer-events:none;position:static;position:fixed;right:auto;right:0;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;top:0;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto;z-index:1000}.fan-out-backdrop{animation:fadeIn .3s ease;background:#0000004d;bottom:0;left:0;pointer-events:auto;position:absolute;right:0;top:0}.fan-out-centered-wrapper{align-items:center;display:flex;height:350px;justify-content:center;left:calc(50% - 33px);pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:350px}.fan-out-options{left:50%;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%)}.fan-option{align-items:center;animation:fanOut .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:calc(var(--fan-index)*.05s);border:3px solid #0000;border-radius:50%!important;box-shadow:0 4px 12px #0000004d;display:flex;height:60px!important;justify-content:center;opacity:0;overflow:visible;transform:scale(0) rotate(0deg);transform-origin:center;transition:box-shadow .3s ease,border-color .3s ease;width:60px!important}.fan-option,.fan-option:before{cursor:pointer;position:absolute}.fan-option:before{border-radius:50%;content:"";height:100px!important;left:50%;top:50%;transform:translate(-50%,-50%);width:100px!important;z-index:-1}.fan-option>*,.fan-out-container .fan-option>*{align-items:center!important;border-radius:50%!important;bottom:auto!important;display:flex!important;height:100%!important;justify-content:center!important;left:auto!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-height:auto!important;min-width:0!important;min-width:auto!important;padding:0!important;position:static!important;right:auto!important;top:auto!important;transform-origin:center;transition:transform .3s ease;width:100%!important}@keyframes fanOut{0%{opacity:0;transform:scale(0) rotate(0deg) translate(0)}to{opacity:1;transform:scale(1) rotate(calc(var(--fan-index)*15deg)) translate(calc(var(--fan-index)*80px))}}.napkin-fan .fan-option,.napkin-fan .napkin-color-option{animation:napkinFanOut .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:calc(var(--fan-index)*.03s)}@keyframes napkinFanOut{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1) rotate(calc(var(--fan-index)*1turn/24)) translateX(200px);transform:scale(1) rotate(calc(var(--fan-index)*1turn/var(--total-options, 24))) translateX(200px)}}.quantity-fan .fan-option{animation:quantityFanOut .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:calc(var(--fan-index)*.08s)}.quantity-fan .fan-option:before{height:120px!important;width:120px!important}@keyframes quantityFanOut{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1) rotate(calc(var(--fan-index)*1turn/9)) translateX(160px);transform:scale(1) rotate(calc(var(--fan-index)*1turn/var(--total-options, 9))) translateX(160px)}}.orientation-fan .fan-option{animation:orientationFanOut .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:calc(var(--fan-index)*.1s)}@keyframes orientationFanOut{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1) rotate(calc(var(--fan-index)*180deg)) translateX(100px)}}.text-fan .fan-option{animation:textFanOut .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:calc(var(--fan-index)*.04s)}@keyframes textFanOut{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1) rotate(calc(var(--fan-index)*1turn/23)) translateX(180px);transform:scale(1) rotate(calc(var(--fan-index)*1turn/var(--total-options, 23))) translateX(180px)}}.image-fan .fan-option{animation:imageFanOut .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:calc(var(--fan-index)*.04s)}@keyframes imageFanOut{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1) rotate(calc(var(--fan-index)*1turn/10)) translateX(180px);transform:scale(1) rotate(calc(var(--fan-index)*1turn/var(--total-options, 10))) translateX(180px)}}.fan-option:hover{border-color:#fffc;z-index:10}.fan-option:hover>:not(:before):not(.image-btn):not(.quantity-btn):not(.font-btn){transform:scale(1.3)}.image-fan .fan-option:hover .image-btn,.quantity-fan .fan-option:hover .quantity-btn,.text-fan .fan-option:hover .font-btn{transform:rotate(calc(var(--fan-index)*-1*1turn/var(--total-options))) scale(1.3)}.napkin-fan .napkin-color-option:hover{border-color:#ffffffe6;box-shadow:0 8px 24px #00000080}.image-fan .fan-option:hover,.orientation-fan .fan-option:hover,.quantity-fan .fan-option:hover,.text-fan .fan-option:hover{box-shadow:0 8px 24px #00000080}.font-btn,.image-btn,.quantity-btn{align-items:center;background:#dcdcdce6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:100%;justify-content:center;margin:0;padding:0;transition:all .3s ease;width:100%}.font-btn.selected,.image-btn.selected,.quantity-btn.selected{background:#007bff;color:#fff}.image-btn img{height:80%;object-fit:contain;width:80%}.no-image{color:#999;font-size:24px;font-weight:700}.selected-indicator{align-items:center;background:#007bff;border:2px solid #fff;border-radius:50%!important;color:#fff;display:flex!important;font-size:12px;font-weight:700;height:20px!important;justify-content:center;max-height:20px!important;max-width:20px!important;min-height:20px!important;min-width:20px!important;position:relative;transform:none!important;width:20px!important}.fan-option .rotate-btn{border-radius:50%;height:100%;margin:0;width:100%}.fan-option.color-option,.fan-option.foil-color-option{border:3px solid #ffffff4d}.fan-option .color-button,.fan-out-container .fan-option .color-button,.napkin-fan .fan-option .color-button{border:none!important;border-radius:50%!important;height:100%!important;margin:0!important;min-width:0!important;min-width:auto!important;padding:0!important;width:100%!important}.fan-option .stacked-button,.fan-out-container .fan-option .stacked-button,.napkin-fan .fan-option .stacked-button{border-radius:50%!important;height:100%!important;margin:0!important;position:static!important;top:auto!important;width:100%!important}.fan-option.color-option:hover,.fan-option.foil-color-option:hover{border-color:#fffc}.font-btn{font-family:Montserrat;font-family:var(--font-family,"Montserrat");font-size:10px;text-align:center}@media (max-width:768px){.fan-option{height:50px;width:50px}.napkin-fan .napkin-color-option{animation:napkinFanOutMobile .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes napkinFanOutMobile{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1) rotate(calc(var(--fan-index)*1turn/24)) translateX(150px);transform:scale(1) rotate(calc(var(--fan-index)*1turn/var(--total-options, 24))) translateX(150px)}}.text-fan .fan-option{animation:textFanOutMobile .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes textFanOutMobile{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1) rotate(calc(var(--fan-index)*1turn/23)) translateX(140px);transform:scale(1) rotate(calc(var(--fan-index)*1turn/var(--total-options, 23))) translateX(140px)}}.image-fan .fan-option{animation:imageFanOutMobile .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes imageFanOutMobile{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1) rotate(calc(var(--fan-index)*1turn/10)) translateX(140px);transform:scale(1) rotate(calc(var(--fan-index)*1turn/var(--total-options, 10))) translateX(140px)}}}.professional-summary{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:20px auto;max-width:400px;padding:0}.summary-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;padding:20px 24px}.summary-header h3{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin:0}.summary-content{padding:24px}.summary-row{align-items:center;color:#4a5568;display:flex;font-size:.95rem;justify-content:space-between;padding:12px 0}.summary-label{color:#718096;font-weight:500}.summary-value{color:#2d3748;font-weight:400;text-align:right}.summary-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;margin:20px 0}.summary-total{font-size:1.1rem;padding:16px 0}.summary-total .summary-label{color:#2d3748;font-weight:600}.total-price{color:#48bb78;font-size:1.5rem;font-weight:700}.checkout-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 6px #667eea40;font-size:1rem;font-weight:600;letter-spacing:-.01em;margin-top:20px;transition:all .3s ease}.checkout-button:hover{box-shadow:0 6px 12px #667eea59;transform:translateY(-2px)}.checkout-button:active{transform:translateY(0)}.napkin-preview-container{background:linear-gradient(135deg,#f5f5f5,#fff);border-radius:12px;margin:20px 0;overflow:hidden;padding:30px;position:relative;text-align:center}.napkin-preview{align-items:center;background:#fff;border-radius:4px;box-shadow:0 10px 30px #0000001a,inset 0 1px 0 #fff9;display:flex;height:200px;justify-content:center;margin:0 auto 20px;position:relative;transform:rotate(-2deg);transition:transform .3s ease;width:200px}.napkin-preview:hover{transform:rotate(0deg) scale(1.05)}.preview-content{flex-direction:column;gap:20px;height:100%;padding:20px;text-align:center}.preview-content,.preview-image{align-items:center;display:flex;justify-content:center}.preview-image{margin:0}.preview-text:first-of-type{margin-top:0}.preview-text{margin:2px auto;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-share-container{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.share-label{color:#718096;font-size:.9rem;font-weight:500;margin-bottom:12px}.social-buttons{gap:12px}.social-btn,.social-buttons{display:flex;justify-content:center}.social-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;height:44px;transition:all .3s ease;width:44px}.social-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-3px)}.social-btn.twitter{background:#1da1f2}.social-btn.facebook{background:#4267b2}.social-btn.pinterest{background:#e60023}.napkin-preview.white{background-color:#ecece9}.napkin-preview.pistachio{background-color:#aec97b}.napkin-preview.lime{background-color:#83b957}.napkin-preview.emerald{background-color:#2a7c56}.napkin-preview.chocolate{background-color:#48392e}.napkin-preview.gold{background-color:#9e7b45}.napkin-preview.mimosa{background-color:#fbeb79}.napkin-preview.orange{background-color:#e6753b}.napkin-preview.silver{background-color:#aaaeac}.napkin-preview.mint{background-color:#81bda9}.napkin-preview.pastelblue{background-color:#7bbdce}.napkin-preview.turquoise{background-color:#1aaac0}.napkin-preview.bermudablue{background-color:#1a95b9}.napkin-preview.cobalt{background-color:#024cb5}.napkin-preview.navy{background-color:#3e4766}.napkin-preview.purple{background-color:#57497e}.napkin-preview.lavender{background-color:#a995be}.napkin-preview.ivory{background-color:#ddd2ab}.napkin-preview.pink{background-color:#f38aa6}.napkin-preview.magenta{background-color:#c53467}.napkin-preview.coral{background-color:#f04440}.napkin-preview.red{background-color:#ba383d}.napkin-preview.burgundy{background-color:#722b3d}.napkin-preview.black{background-color:#323332}.napkin-preview:before{animation:preview-shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes preview-shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@media (max-width:480px){.professional-summary{margin:20px 10px;max-width:calc(100% - 20px)}.summary-content{padding:20px}.napkin-preview{height:150px;width:150px}.social-buttons{justify-content:center}}.customize-interface{color:#faebd7;font-family:Montserrat,sans-serif;margin:0 auto;max-width:1200px;padding:20px;width:100%}.option-controls{display:block;margin:0 auto 40px;text-align:center;width:50%}.control-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.btn{border:none;border-radius:8px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;padding:12px 24px;text-transform:lowercase;transition:all .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-2px)}.btn-lg{font-size:18px;padding:15px 30px}@media (max-width:768px){.option-controls{width:90%}.control-buttons{flex-direction:column;gap:15px}.btn{width:100%}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#c8c8c899;border-radius:30px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;position:relative;width:90%}@keyframes slideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content:after{background:inherit;border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 200px #ffffff0d;content:"";filter:blur(10px);left:0;position:absolute;right:0;top:0;z-index:-1}.modal-close{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:45px;height:40px;justify-content:center;line-height:1;padding:0;position:absolute;right:20px;top:15px;width:40px}.modal-close:hover{color:#000}.modal-title{color:#333;font-size:24px;margin-bottom:20px;text-transform:lowercase}.modal-section{margin-bottom:25px}.modal-section h4{color:#333;font-size:18px;margin-bottom:15px}.color-options-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.color-option{border:3px solid #0000;border-radius:15px;box-shadow:inset 0 0 0 99999px #fff3;cursor:pointer;height:60px;position:relative;transition:all .3s ease;width:60px}.color-option:hover{border-color:#fffc;box-shadow:none;transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 3px #ffffff80;transform:scale(1.1)}.image-options-grid{flex-wrap:wrap;gap:15px}.image-option,.image-options-grid{display:flex;justify-content:center}.image-option{align-items:center;background:#dcdcdcd9;border:3px solid #0000;border-radius:15px;cursor:pointer;height:80px;margin:5px;padding:10px;transition:all .3s ease;width:80px}.image-option:hover{background:#787878d9;transform:scale(1.1)}.image-option.selected{background:#646464d9;border-color:#fff;transform:scale(1.1)}.image-option img{max-height:100%;max-width:100%;object-fit:contain}.form-control{background:#ffffffe6;border:1px solid #ddd;border-radius:8px;color:#333;font-size:16px;padding:10px 15px;width:100%}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.quantity-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.quantity-option{background:#dcdcdcd9;border:2px solid #0000;border-radius:10px;color:#333;cursor:pointer;font-weight:700;min-width:80px;padding:12px 20px;text-align:center;transition:all .3s ease}.quantity-option:hover{background:#787878d9;color:#fff}.quantity-option.selected{background:#007bff;border-color:#ffffff80;color:#fff}.orientation-controls{display:flex;gap:15px;justify-content:center}.orientation-option{background:#dcdcdcd9;border:2px solid #0000;border-radius:10px;color:#333;cursor:pointer;font-weight:700;padding:15px 25px;text-transform:capitalize;transition:all .3s ease}.orientation-option:hover{background:#787878d9;color:#fff}.orientation-option.selected{background:#007bff;border-color:#ffffff80;color:#fff}.rotate-btn{align-items:center;background:linear-gradient(45deg,#007bff,#0056b3);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;transition:all .4s ease-in-out;width:50px}.rotate-btn:active{background:linear-gradient(45deg,#0056b3,#003d82);transform:rotate(45deg);transition:all .1s linear}.rotate-btn:before{content:"↻"}.checkout-container{margin:0 auto;max-width:800px;padding:40px 20px}.checkout-container h2{color:#333;margin-bottom:30px;text-align:center}.order-summary{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.order-summary h3{color:#333;margin-bottom:15px}.order-details p{color:#555;margin:8px 0}.checkout-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.form-section h3{border-bottom:1px solid #eee;color:#333;padding-bottom:10px}.form-group,.form-section h3{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.form-group input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr}.order-total{border-top:2px solid #eee;font-size:1.2rem;font-weight:600;padding:20px 0}.checkout-button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:16px;transition:background-color .2s ease;width:100%}.checkout-button:hover{background:#45a049}.checkout-button:active{transform:translateY(1px)}@media (max-width:768px){.form-row{gap:15px;grid-template-columns:1fr}.checkout-container{padding:20px 15px}}.payment-container{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px}.payment-header{color:#fff;margin-bottom:40px;text-align:center}.payment-header h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.security-badges{display:flex;gap:20px;justify-content:center;margin-top:15px}.security-badge{align-items:center;background:#fff3;border-radius:20px;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px}.payment-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1000px}.order-summary-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;height:-webkit-fit-content;height:fit-content;padding:30px;position:-webkit-sticky;position:sticky;top:20px}.order-summary-card h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:20px}.order-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.order-item:last-of-type{border-bottom:none}.item-details{flex:1 1}.item-name{color:#2d3748;font-weight:500;margin-bottom:4px}.item-specs{color:#718096;font-size:.875rem}.item-price{color:#2d3748;font-weight:600}.order-total{align-items:center;border-top:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.total-label{color:#2d3748;font-size:1.1rem;font-weight:600}.total-amount{color:#48bb78;font-size:1.75rem;font-weight:700}.payment-form-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;padding:40px}.payment-form-card h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:30px}.payment-form{space-y:20px}.form-section{margin-bottom:30px}.form-section-title{color:#4a5568;font-size:1rem;font-weight:600;letter-spacing:.05em;margin-bottom:15px;text-transform:uppercase}.form-row{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px;transition:all .3s ease}.form-row:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message{align-items:center;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#e53e3e;display:flex;font-size:.875rem;gap:8px;margin-top:10px;padding:10px}.error-message:before{content:"⚠️"}.payment-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 10px 30px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;overflow:hidden;padding:18px 32px;position:relative;transition:all .3s ease;width:100%}.payment-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.payment-button:hover:before{left:100%}.payment-button:hover{box-shadow:0 15px 40px #667eea66;transform:translateY(-2px)}.payment-button:active{transform:translateY(0)}.payment-button:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed;opacity:.7}.payment-button:disabled:hover{transform:none}.trust-indicators{border-top:1px solid #e2e8f0;display:flex;gap:30px;justify-content:center;margin-top:30px;padding-top:30px}.trust-item{align-items:center;color:#718096;display:flex;font-size:.875rem;gap:10px}.trust-item svg{fill:#48bb78;height:20px;width:20px}@media (max-width:768px){.payment-content{grid-template-columns:1fr}.order-summary-card{position:static}.payment-header h1{font-size:2rem}.payment-form-card{padding:30px 20px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#50546d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.color-button{align-items:center;border:2px solid #ccc;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:200px;justify-content:center;margin:5px;min-width:200px;transition:transform .2s;width:250px}.color-button:hover{transform:scale(1.1)}.image-button{border:2px solid #ccc;border-radius:10px;cursor:pointer;height:200px;margin:5px;min-width:200px;transition:transform .2s;width:250px}.image-button:hover{transform:scale(1.1)}.metallic-effect{background:linear-gradient(145deg,#ffffff80,#00000080);border-color:#fff9;box-shadow:0 4px 8px #0000004d}.stacked-buttons-container{height:220px;width:120px}.stacked-button{height:120px;position:absolute;transition:transform .3s ease;width:100%}.stacked-button:first-child{top:0;z-index:5}.stacked-button:nth-child(2){top:10px;z-index:4}.stacked-button:nth-child(3){top:20px;z-index:3}.stacked-button:nth-child(4){top:30px;z-index:2}.stacked-button:nth-child(5){top:40px;z-index:1}.stacked-button:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-5px)}.stacked-buttons-container{cursor:pointer;display:inline-block;margin:20px;position:relative}.stacked-buttons-container:hover .stacked-button{box-shadow:0 4px 8px #0000004d;transform:translateY(-5px)}.w3-sidebar a{font-family:Roboto,sans-serif}.w3-wide,body,h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}*,fieldset{margin:0;padding:0}fieldset{border:0}html{height:100%}body{font-family:montserrat,arial,verdana}.btn_rotate{width:25%}.rotate{transform:rotate(-45deg);transition:all .4s ease-in-out}.marginsTopBottomCorrect{margin-bottom:60px!important;margin-top:75px!important}.rotateCorrect{transform:rotate(-45deg);transition:all .4s ease-in-out}#msform{display:inline;margin:5px auto;text-align:center;width:100%}#msform fieldset{background:#0000;box-sizing:border-box;min-width:0;min-width:auto;position:relative}#msform fieldset:not(:first-of-type){display:none}#msform input,#msform textarea{border:1px solid #ccc;border-radius:3px;box-sizing:border-box;font-family:montserrat;font-size:13px;margin-bottom:10px;padding:15px;width:100%}#msform .action-button{background:#ce93d8;border:0;border-radius:1px;cursor:pointer;font-weight:700;margin:10px 0;padding:10px 0;width:100px}#msform .action-button:focus,#msform .action-button:hover{box-shadow:0 0 0 2px blue,0 0 0 3px #ce93d8}.fs-title{color:#2c3e50;font-size:15px;margin-bottom:10px;text-transform:uppercase}.fs-subtitle{color:#666;font-size:13px;font-weight:400;margin-bottom:20px}.napkin-container{height:350px;margin-left:auto;margin-right:auto;position:relative;width:350px}.display-product{box-shadow:1px 1px 10px #000;transition:all .4s ease-in-out;z-index:1}.display-product,.napkin-content{height:350px;left:0;position:absolute;top:0;width:350px}.napkin-content{pointer-events:none;z-index:2}.napkin-content .inner{pointer-events:auto}.napkin-ruffles{height:100%;pointer-events:none;position:absolute;width:100%}.napkin-ruffles:after,.napkin-ruffles:before{background:linear-gradient(45deg,#0000 48%,#0000001a 49%,#ffffff1a 50%,#0000001a 51%,#0000 52%);background-size:8px 8px;content:"";position:absolute}.napkin-ruffles:before{background:repeating-linear-gradient(90deg,#0000,#0003 2px,#ffffff4d 4px,#0003 6px,#0000 8px);bottom:-10px;height:20px;left:0;right:0}.napkin-ruffles:after{background:repeating-linear-gradient(0deg,#0000,#0003 2px,#ffffff4d 4px,#0003 6px,#0000 8px);bottom:0;left:-10px;top:0;width:20px}.rotate .napkin-ruffles:before{bottom:-10px;left:-10px;right:-10px}.rotate .napkin-ruffles:after{bottom:-10px;left:-10px;top:-10px}.outer{display:table;height:350px;position:absolute;width:350px}.middle{display:table-cell;vertical-align:middle}.inner{height:159px;margin-left:auto;margin-right:auto;outline:1px dashed grey;overflow:hidden;width:255px}.text-line-one,.text-line-two{margin-left:auto;margin-right:auto;padding:5px;position:relative;text-align:center;transition:all .4s ease-in-out;white-space:nowrap}div:empty:not(:focus):before{color:#fff9;content:attr(data-placeholder);font-style:italic}.marginsBOTTOMCorrect{margin-left:25px!important;margin-top:-20px!important;transition:all .4s ease-in-out}input[type=text]{background:#0000;border:none;text-align:center}.image-options,.nap-color-options,.text-color-options{margin-left:auto;margin-right:auto;width:75%}.napcolor,.textcolor{height:50px}.clickable{cursor:pointer}.done{background-color:#ce93d8;color:#ddd}.selected{background-color:#9c27b0;color:#eee}.florentine,.goudy,.lydian,.mayfair{font-size:20px;line-height:20px}.image,.image img{margin-left:auto;margin-right:auto}.icon-a1{font-size:82px;margin-left:75px}.icon-a2{font-size:68px;margin-left:80px}.icon-a3{font-size:79px;margin-left:90px}.icon-a4{font-size:84px;margin-left:90px}.icon-a5{font-size:70px;margin-left:80px}.icon-a6{font-size:73px;margin-left:80px}.icon-a7{font-size:53px;margin-left:75px}.icon-a8{font-size:107px;margin-left:90px}.icon-a9{font-size:100px;margin-left:60px}.icon-a10{font-size:68px;margin-left:75px}.options-container{margin:5px 1px auto -15px;text-align:center;width:100%}.options{display:inline-block;text-align:center}.optionbox{box-shadow:1px 1px 5px #000;display:inline-block;margin-left:auto;margin-right:auto;min-width:50px;width:20%}.white{background-color:#ecece9}.pistachio{background-color:#aec97b}.lime{background-color:#83b957}.emerald{background-color:#2a7c56}.chocolate{background-color:#48392e}.gold{background-color:#9e7b45}.mimosa{background-color:#fbeb79}.orange{background-color:#e6753b}.silver{background-color:#aaaeac}.mint{background-color:#81bda9}.pastelblue{background-color:#7bbdce}.turquoise{background-color:#1aaac0}.bermudablue{background-color:#1a95b9}.cobalt{background-color:#024cb5}.navy{background-color:#3e4766}.purple{background-color:#57497e}.lavender{background-color:#a995be}.ivory{background-color:#ddd2ab}.pink{background-color:#f38aa6}.magenta{background-color:#c53467}.coral{background-color:#f04440}.red{background-color:#ba383d}.burgundy{background-color:#722b3d}.black{background-color:#323332}input[type=button]{margin-top:20px}.node{border-radius:50%;display:inline-block;height:10px;transition:all 1s ease;width:10px}.activated{box-shadow:0 0 3px 2px #c2ffc2cc}.divider{height:40px;margin-left:4px;transition:all .8s ease;width:2px}li p{display:inline-block;margin-left:25px}li{line-height:1px}#summary{width:50%}#summary li{text-align:left}input:required,textarea:required{border-color:red!important}input:required+label{color:red}form{margin:0 auto;max-width:500px;padding:20px}form div{padding:5px}label{display:block}input+label{display:inline-block;margin-right:10px}input[type=email],input[type=text],textarea{border:1px solid #999;padding:5px;width:100%}.burger{background:none;border:0;border-bottom:4px solid;cursor:pointer;display:inline-block;float:right;outline:0;padding:0;transition:border-bottom 1s ease-in-out;-webkit-transition:border-bottom 1s ease-in-out;width:28px}.burger::-moz-focus-inner{border:0;padding:0}.burger:after,.burger:before{border-bottom:4px solid;content:"";display:block;margin-bottom:5px;transition:transform .5s ease-in-out;-webkit-transition:-webkit-transform .5s ease-in-out;width:100%}.burger-check{display:none}.burger-check:checked~.burger{border-bottom:4px solid #0000;transition:border-bottom .8s ease-in-out;-webkit-transition:border-bottom .8s ease-in-out}.burger-check:checked~.burger:before{transform:rotate(-405deg) translateY(1px) translateX(-3px);-webkit-transform:rotate(-405deg) translateY(1px) translateX(-3px)}.burger-check:checked~.burger:after,.burger-check:checked~.burger:before{transition:transform .5s ease-in-out;-webkit-transition:-webkit-transform .5s ease-in-out}.burger-check:checked~.burger:after{transform:rotate(405deg) translateY(-4px) translateX(-5px);-webkit-transform:rotate(405deg) translateY(-4px) translateX(-5px)}.navigation{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}.burger-check:checked~.navigation{max-height:500px;transition:max-height .5s ease-in-out}a{color:inherit}small{font-size:14px}ul{margin:0;padding:0}li{font-size:25px;list-style:none;padding:5px 0}li a{text-decoration:none}li a:hover{text-decoration:underline}
/*# sourceMappingURL=main.af7aad7f.css.map*/