#ppr-ribbon-designer{background:#f7f7f6;border:1px solid #e3e1dd;border-radius:12px;padding:18px;margin:22px 0;box-sizing:border-box;font-family:inherit}#ppr-ribbon-designer *{box-sizing:border-box}.ppr-designer-heading{font-size:18px;font-weight:700;color:#0F2744;text-align:center;margin:0 0 4px}.ppr-designer-subheading{font-size:13px;line-height:1.5;color:#666;text-align:center;margin:0 0 16px}.ppr-designer-stage{display:flex;align-items:center;justify-content:center;min-height:145px;padding:24px 10px;border-radius:8px;overflow:hidden;background:linear-gradient(45deg,#f1f1f1 25%,transparent 25%),linear-gradient(-45deg,#f1f1f1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f1f1 75%),linear-gradient(-45deg,transparent 75%,#f1f1f1 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.ppr-preview-ribbon{position:relative;width:94%;height:32px;display:flex;align-items:center;justify-content:center;padding:3px 18px;overflow:hidden;background:#111;color:#fff;box-shadow:0 2px 7px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.20),inset 0 -1px rgba(0,0,0,.10);transition:height .2s ease,background-color .2s ease,color .2s ease}.ppr-preview-ribbon::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient( 180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 33%,rgba(0,0,0,.035) 66%,rgba(255,255,255,.09) 100% )}.ppr-preview-artwork{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;white-space:nowrap}.ppr-preview-text{display:block;max-width:100%;font-size:17px;line-height:1;white-space:nowrap;overflow:hidden;text-align:center;flex:0 1 auto}.ppr-preview-logo{display:none;width:auto;max-width:32%;max-height:72%;object-fit:contain;flex:0 0 auto}.ppr-preview-logo-mask{display:none;flex:0 0 auto;width:80px;height:24px;max-width:34%;max-height:74%;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.ppr-designer-info{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 14px;margin-top:13px;font-size:12px;line-height:1.4;color:#555;text-align:center}.ppr-info-font:empty{display:none}.ppr-designer-note{font-size:11px;line-height:1.45;color:#777;text-align:center;margin:10px 0 0}.ppr-metallic-text{color:transparent!important;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none!important}.ppr-metallic-logo{background-size:100% 100%}.ppr-metallic-gold{background-image:linear-gradient( 90deg,#80611b 0%,#f6df75 18%,#af8327 38%,#fff0a2 56%,#8a671d 77%,#dfbd55 100% )}.ppr-metallic-silver{background-image:linear-gradient( 90deg,#757a7e 0%,#f5f6f7 18%,#a6aaad 38%,#fff 56%,#858a8e 77%,#d6d9dc 100% )}.ppr-metallic-copper{background-image:linear-gradient( 90deg,#74402e 0%,#d9906c 18%,#9e5538 38%,#efb18e 56%,#804633 77%,#c97957 100% )}.ppr-metallic-red{background-image:linear-gradient( 90deg,#7e101b 0%,#ef5260 18%,#ac1b2c 38%,#ff7b87 56%,#8b1321 77%,#d73747 100% )}.ppr-metallic-blue{background-image:linear-gradient( 90deg,#143169 0%,#6298e8 18%,#2555a0 38%,#8ab6f1 56%,#193c79 77%,#447bcf 100% )}.ppr-metallic-holographic{background-image:linear-gradient( 90deg,#e7e7e7 0%,#ffd5e5 14%,#fff5a8 28%,#c9ffcf 42%,#bfefff 56%,#d8c8ff 70%,#ffd4f6 84%,#f2f2f2 100% )}@media(max-width:549px){#ppr-ribbon-designer{padding:14px 10px}.ppr-designer-stage{min-height:125px;padding-left:2px;padding-right:2px}.ppr-preview-ribbon{width:100%;padding-left:9px;padding-right:9px}.ppr-preview-artwork{gap:7px}.ppr-designer-heading{font-size:16px}}#ppr-ribbon-designer.ppr-fullcolour-mode .ppr-preview-logo-mask{display:none !important;}#ppr-ribbon-designer.ppr-fullcolour-mode .ppr-preview-logo,#ppr-ribbon-designer.ppr-fullcolour-mode .ppr-preview-logo-two{display:none;width:auto;height:auto;max-height:72%;object-fit:contain;flex:0 1 auto;}#ppr-ribbon-designer.ppr-fullcolour-mode .ppr-preview-artwork{gap:14px;}#ppr-ribbon-designer .ppr-fullcolour-specs{display:none;max-width:680px;margin:9px auto 0;padding:8px 10px 0;border-top:1px solid #e2dfd8;color:#59616a;font-size:11.5px;line-height:1.5;text-align:center;}#ppr-ribbon-designer.ppr-fullcolour-mode .ppr-fullcolour-specs{display:block;}#ppr-ribbon-designer .ppr-fullcolour-spec{display:block;margin:1px 0;}#ppr-ribbon-designer .ppr-fullcolour-spec:empty{display:none;}#ppr-ribbon-designer.ppr-fullcolour-mode .ppr-preview-text{flex:0 1 auto;}@media(max-width:549px){#ppr-ribbon-designer.ppr-fullcolour-mode .ppr-preview-artwork{gap:8px;}#ppr-ribbon-designer .ppr-fullcolour-specs{margin-top:8px;padding:8px 4px 0;font-size:11px;}}#ppr-ribbon-designer{position:relative;margin:22px 0 20px;padding:20px 20px 16px;background:#f8f7f4;border:1px solid #ddd9d1;border-radius:10px;box-shadow:0 2px 8px rgba(15,39,68,.05);overflow:hidden;}#ppr-ribbon-designer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#C9A227;}#ppr-ribbon-designer .ppr-designer-heading{margin:1px 0 4px;color:#0F2744;font-size:18px;font-weight:700;line-height:1.3;letter-spacing:.1px;text-align:center;}#ppr-ribbon-designer .ppr-designer-subheading{margin:0 0 15px;color:#626262;font-size:13px;line-height:1.45;text-align:center;}#ppr-ribbon-designer .ppr-designer-stage{position:relative;min-height:130px;display:flex;align-items:center;justify-content:center;padding:19px 14px;border:1px solid #e4e2dd;border-radius:8px;overflow:hidden;background-color:#fff;background-image:linear-gradient( 45deg,rgba(15,39,68,.025) 25%,transparent 25% ),linear-gradient( -45deg,rgba(15,39,68,.025) 25%,transparent 25% ),linear-gradient( 45deg,transparent 75%,rgba(15,39,68,.025) 75% ),linear-gradient( -45deg,transparent 75%,rgba(15,39,68,.025) 75% );background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;box-shadow:inset 0 1px 3px rgba(15,39,68,.035);}#ppr-ribbon-designer .ppr-designer-stage::after{content:"Preview by Personalised Printed Ribbons";position:absolute;left:50%;top:50%;z-index:20;transform:translate(-50%,-50%) rotate(-12deg);width:88%;color:#0F2744;font-size:17px;font-weight:700;line-height:1.2;letter-spacing:.7px;text-align:center;text-transform:none;opacity:.18;pointer-events:none;user-select:none;white-space:nowrap;}@media(max-width:549px){#ppr-ribbon-designer .ppr-designer-stage::after{width:96%;font-size:12px;letter-spacing:.3px;opacity:.16;transform:translate(-50%,-50%) rotate(-12deg);}}#ppr-ribbon-designer .ppr-preview-ribbon{width:94%;border-radius:1px;box-shadow:0 4px 9px rgba(0,0,0,.13),0 1px 2px rgba(0,0,0,.10),inset 0 1px rgba(255,255,255,.24),inset 0 -1px rgba(0,0,0,.09);transition:height .2s ease,background-color .2s ease,color .2s ease;}#ppr-ribbon-designer .ppr-preview-ribbon::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient( 180deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.08) 18%,rgba(255,255,255,.015) 44%,rgba(0,0,0,.035) 68%,rgba(255,255,255,.08) 100% );opacity:.75;}#ppr-ribbon-designer .ppr-preview-ribbon::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient( 0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,rgba(0,0,0,.012) 1px,rgba(0,0,0,.012) 2px );opacity:.45;}#ppr-ribbon-designer .ppr-preview-artwork{position:relative;z-index:3;}#ppr-ribbon-designer .ppr-designer-info{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin:13px 0 0;color:#4f555b;font-size:12px;line-height:1.45;text-align:center;}#ppr-ribbon-designer .ppr-designer-info > span{position:relative;padding:0 10px;}#ppr-ribbon-designer .ppr-designer-info > span + span::before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;background:#d2cec5;transform:translateY(-50%);}#ppr-ribbon-designer .ppr-info-font:empty{display:none;}#ppr-ribbon-designer .ppr-designer-note{width:100%;max-width:680px;margin:11px auto 0;padding:10px 4px 0;border-top:1px solid #e2dfd8;color:#59616a;font-size:11.5px;font-weight:400;line-height:1.5;text-align:center;}#ppr-ribbon-designer .ppr-metallic-text{filter:drop-shadow(0 1px 0 rgba(255,255,255,.16));}#ppr-ribbon-designer .ppr-metallic-logo{filter:drop-shadow(0 1px 0 rgba(255,255,255,.12));}@media(max-width:549px){#ppr-ribbon-designer{margin:18px 0;padding:17px 10px 14px;border-radius:8px;}#ppr-ribbon-designer .ppr-designer-heading{font-size:16px;}#ppr-ribbon-designer .ppr-designer-subheading{margin-bottom:12px;padding:0 4px;font-size:12.5px;}#ppr-ribbon-designer .ppr-designer-stage{min-height:110px;padding:15px 3px;}#ppr-ribbon-designer .ppr-preview-ribbon{width:100%;padding-left:8px;padding-right:8px;}#ppr-ribbon-designer .ppr-designer-info{margin-top:11px;font-size:11.5px;}#ppr-ribbon-designer .ppr-designer-info > span{padding:2px 7px;}#ppr-ribbon-designer .ppr-designer-note{margin-top:9px;padding:9px 4px 0;font-size:11px;line-height:1.5;}}
#ppr-ribbon-designer .ppr-jpeg-advice{margin:7px auto 0;padding:8px 10px 0;border-top:1px solid #e2dfd8;max-width:680px;text-align:center;color:#59616a;font-size:11.5px;line-height:1.45}
#ppr-ribbon-designer .ppr-jpeg-advice strong{display:block;color:#0F2744;font-weight:600;margin-bottom:2px}
#ppr-ribbon-designer .ppr-jpeg-advice span{display:block}
@media(max-width:549px){#ppr-ribbon-designer .ppr-jpeg-advice{font-size:11px;padding-left:4px;padding-right:4px}}