@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Black+Ops+One&family=Bungee&family=Graduate&family=Lobster&family=Oxanium:wght@800&family=Racing+Sans+One&family=Russo+One&family=Teko:wght@700&family=Titan+One&display=swap";.ucd{--ucd-yellow:#f5c400;--ucd-black:#111;--ucd-grey:#f3f3f3;display:block;padding-top:32px;padding-bottom:56px;color:#151515}.ucd *{box-sizing:border-box}.ucd__header{text-align:center;margin:0 auto 28px;max-width:760px}.ucd__header h1{margin:4px 0 6px;font-family:Oxanium,sans-serif;font-size:clamp(2.4rem,4vw,4.4rem);line-height:1;text-transform:uppercase}.ucd__header p{margin:0}.ucd__eyebrow{display:inline-block;padding:5px 12px;background:var(--ucd-yellow);color:#000;font-weight:900;letter-spacing:.12em}.ucd__layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:28px;align-items:start}.ucd__preview-card,.ucd__controls-card{border:1px solid #ddd;border-radius:18px;background:#fff;box-shadow:0 10px 30px #0000000f;overflow:hidden}.ucd__preview-card{position:sticky;top:20px;padding:20px}.ucd__preview-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.ucd__preview-heading h2,.ucd__summary h2{margin:0;font-family:Oxanium,sans-serif;font-size:2rem;text-transform:uppercase}.ucd__preview-heading span{background:#111;color:#fff;border-radius:999px;padding:4px 10px;font-weight:700}.ucd__stage{position:relative;display:grid;place-items:center;min-height:440px;padding:38px;overflow:hidden;border:2px solid #ddd;border-radius:13px;background:linear-gradient(135deg,#fbfbfb,#e9e9e9);transition:background .2s}.ucd__stage.is-dark{background:#111;border-color:#333}.ucd__design{width:100%;height:100%;min-height:350px;display:flex;align-items:center;justify-content:center;gap:18px}.ucd__design--above{flex-direction:column}.ucd__design--left{flex-direction:row}.ucd__artwork{display:block;width:min(70%,340px);height:auto;max-height:210px;object-fit:contain}.ucd__design--left .ucd__artwork{width:42%}.ucd__preview-text{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#111;font-family:Oxanium,sans-serif;font-size:68px;font-weight:800;line-height:.9;text-align:center;white-space:nowrap}.ucd__preview-text span{display:block;max-width:100%}.ucd__background-note{margin:12px 0 0;padding:10px 12px;border-left:4px solid var(--ucd-yellow);background:#fff8cf;font-weight:700}.ucd__ruler{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:1.2rem;font-weight:700}.ucd__ruler i{flex:1;height:1px;background:#999;position:relative}.ucd__ruler i:before,.ucd__ruler i:after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:#999}.ucd__ruler i:before{left:0}.ucd__ruler i:after{right:0}.ucd__controls-card{padding:24px}.ucd__form{display:grid;gap:20px}.ucd__fieldset{min-width:0;margin:0;padding:0;border:0}.ucd__fieldset legend{margin-bottom:10px;font-family:Oxanium,sans-serif;font-size:1.7rem;font-weight:800;text-transform:uppercase}.ucd__segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ucd__segmented label{cursor:pointer}.ucd__segmented input{position:absolute;opacity:0;pointer-events:none}.ucd__segmented span{display:grid;place-items:center;min-height:52px;padding:8px;border:2px solid #bbb;border-radius:9px;text-align:center;font-weight:800;line-height:1.15}.ucd__segmented input:checked+span{border-color:#111;background:var(--ucd-yellow);box-shadow:inset 0 0 0 1px #111}.ucd__label{display:block;margin:0 0 6px;font-weight:800}.ucd textarea,.ucd select,.ucd input[type=number],.ucd input[type=file]{width:100%;min-height:46px;border:1px solid #aaa;border-radius:8px;background:#fff;color:#111;font:inherit}.ucd textarea{padding:11px 12px;resize:vertical}.ucd select,.ucd input[type=number]{padding:0 12px}.ucd__file{padding:8px}.ucd__two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.ucd__help,.ucd__file-status{margin:6px 0 0;color:#666;font-size:1.25rem;line-height:1.35}.ucd__file-status.is-good{color:#1a6c2d;font-weight:700}.ucd__file-status.is-bad{color:#a10f0f;font-weight:700}.ucd__group-label{display:flex;justify-content:space-between;margin:14px 0 8px;font-weight:800}.ucd__group-label strong{color:#886a00}.ucd__swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ucd__swatches button{min-width:0;padding:7px 4px;border:2px solid transparent;border-radius:9px;background:#f7f7f7;color:#111;font:inherit;font-size:1.05rem;line-height:1.15;cursor:pointer}.ucd__swatches button:hover,.ucd__swatches button:focus-visible{border-color:#888}.ucd__swatches button.is-selected{border-color:#111;background:#fff4b8;box-shadow:0 0 0 2px var(--ucd-yellow)}.ucd__swatches button span{display:block;width:32px;height:32px;margin:0 auto 5px;border:1px solid #888;border-radius:50%;background:var(--swatch)}.ucd__alert{padding:12px 14px;border:1px solid #d74444;border-radius:8px;background:#fff0f0;color:#8f0e0e;font-weight:800}.ucd__summary{padding:16px;border-radius:12px;background:#111;color:#fff}.ucd__summary h2{color:var(--ucd-yellow)}.ucd__summary dl{margin:10px 0 0}.ucd__summary dl div{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px solid #333}.ucd__summary dt,.ucd__summary dd{margin:0}.ucd__summary dd{text-align:right;font-weight:800}.ucd__summary-total{margin-top:4px;border:0!important;color:var(--ucd-yellow);font-size:1.65rem}.ucd__summary p{margin:10px 0 0;color:#ccc;font-size:1.15rem;line-height:1.35}.ucd__confirmations{display:grid;gap:9px}.ucd__confirmations label{display:flex;align-items:flex-start;gap:9px;font-size:1.25rem;line-height:1.4}.ucd__confirmations input{flex:0 0 auto;margin-top:3px;width:17px;height:17px;accent-color:#111}.ucd__submit{min-height:54px;border:2px solid #111;background:var(--ucd-yellow);color:#111;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.ucd__submit:hover{background:#111;color:var(--ucd-yellow)}.ucd__submit[disabled]{opacity:.48;cursor:not-allowed}.ucd__setup-warning{margin:0;color:#9b111e;font-weight:800;text-align:center}.ucd [hidden]{display:none!important}@media(max-width:989px){.ucd__layout{grid-template-columns:1fr}.ucd__preview-card{position:static}.ucd__stage{min-height:340px}}@media(max-width:560px){.ucd{padding-top:18px}.ucd__controls-card,.ucd__preview-card{padding:14px;border-radius:12px}.ucd__stage{min-height:280px;padding:20px}.ucd__design{min-height:230px}.ucd__segmented,.ucd__two-col{grid-template-columns:1fr}.ucd__swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ucd-custom-decal.css.map */