.playmat-designer-wrapper{padding-inline:0!important;max-width:100%!important}.playmat-designer{--pmt-ink: #eef2f7;--pmt-ink-soft: #aab6c6;--pmt-line: rgba(255, 255, 255, .14);--pmt-line-strong: rgba(255, 255, 255, .28);--pmt-pill: rgba(255, 255, 255, .09);--pmt-pill-line: rgba(255, 255, 255, .26);--pmt-pill-on: #ffffff;--pmt-pill-on-ink: #16205e;position:relative;overflow:hidden;border-radius:22px;padding:var(--pmt-pad-top, 26px) var(--pmt-pad-x, 26px) var(--pmt-pad-bottom, 24px);background:radial-gradient(900px 400px at 85% -10%,rgba(126,240,255,.14),transparent 60%),linear-gradient(160deg,#151a3a 0%,var(--pmt-grad-a, #1f2278) 45%,var(--pmt-grad-b, #23b6c8) 160%);color:var(--pmt-ink);font-size:14px;line-height:1.45}.playmat-designer h2,.playmat-designer h3,.playmat-designer strong,.playmat-designer .pmt-title{color:var(--pmt-ink)!important}.playmat-designer p,.playmat-designer span,.playmat-designer label,.playmat-designer .pmt-sub,.playmat-designer .pmt-hint,.playmat-designer .pmt-filename,.playmat-designer .pmt-opt-label,.playmat-designer .pmt-dropzone span{color:var(--pmt-ink-soft)!important}.playmat-designer .pmt-pane-title{color:var(--pmt-ink)!important}.playmat-designer .pmt-eyebrow{color:var(--pmt-accent, #7ef0ff)!important}.playmat-designer .pmt-tab{color:var(--pmt-ink)!important}.playmat-designer .pmt-tab.pmt-tab--on{color:var(--pmt-grad-a, #1f2278)!important}.playmat-designer .pmt-price-now{color:var(--pmt-ink)!important}.playmat-designer .pmt-price-was{color:var(--pmt-ink-soft)!important;text-decoration:line-through}.playmat-designer .pmt-status.pmt-warn{color:#ffd166!important}.playmat-designer .pmt-dpi{color:#8ef0b2!important}.playmat-designer .pmt-dpi.pmt-mid{color:#ffe08a!important}.playmat-designer .pmt-dpi.pmt-warn{color:#ffb17a!important}.playmat-designer .pmt-dropzone strong{color:var(--pmt-ink)!important}.pmt-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.pmt-head{text-align:center;margin-bottom:20px}.pmt-eyebrow{letter-spacing:.22em;font-size:11px;font-weight:700;text-transform:uppercase;margin:0 0 6px}.pmt-title{font-size:clamp(22px,3.2vw,30px);letter-spacing:.04em;margin:0 0 6px;font-weight:800;text-transform:uppercase}.pmt-sub{margin:0 auto;max-width:640px;font-size:14px}.pmt-tabs{display:none;border:1px solid var(--pmt-line-strong);border-radius:999px;padding:3px;margin:0 auto 16px;width:fit-content}.pmt-tab{-webkit-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;padding:8px 18px;border-radius:999px;font-size:12.5px;font-weight:700}.pmt-tab.pmt-tab--on{background:var(--pmt-ink)}.pmt-grid{display:grid;grid-template-columns:minmax(0,41%) minmax(0,59%);gap:22px;align-items:stretch}.pmt-pane{min-width:0;display:flex;flex-direction:column}.pmt-pane-title{font-size:11px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;margin:0 0 11px;opacity:.72}.pmt-card{flex:1;display:flex;flex-direction:column;border:1px solid var(--pmt-line-strong);border-radius:16px;padding:16px}.pmt-canvas-wrap{position:relative;width:var(--pmt-canvas-width, 66.7%);margin:0 auto;aspect-ratio:var(--pmt-mat-ratio, 24 / 14);border-radius:12px;overflow:hidden;background:#0b0f22;border:1px solid var(--pmt-line-strong)}.pmt-view{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.pmt-dropzone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;text-align:center;padding:14px;border:1.5px dashed var(--pmt-line-strong);border-radius:12px;transition:background .15s,border-color .15s}.pmt-dropzone strong{font-size:14px}.pmt-dropzone span{font-size:11.5px}.pmt-dropzone-icon{font-size:22px;line-height:1;color:var(--pmt-accent, #7ef0ff)!important}.pmt-dropzone.pmt-drop-hot,.pmt-dropzone:hover{background:#7ef0ff14;border-color:var(--pmt-accent, #7ef0ff)}.pmt--has-art .pmt-dropzone{display:none}@keyframes pmt-flash{0%,to{box-shadow:none}50%{box-shadow:0 0 0 4px #7ef0ff8c}}.pmt-dropzone.pmt-flash{animation:pmt-flash .6s ease 2;display:flex}.pmt--has-art .pmt-dropzone.pmt-flash{display:none}.pmt-filebar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:var(--pmt-canvas-width, 66.7%);margin:10px auto 0}.pmt--no-art .pmt-filebar{display:none}.pmt-filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;margin:0}.pmt-dpi{font-size:11px;font-weight:700;margin:0;border:1px solid rgba(142,240,178,.4);padding:3px 9px;border-radius:999px;white-space:nowrap}.pmt-dpi.pmt-mid{border-color:#ffe08a73}.pmt-dpi.pmt-warn{border-color:#ffb17a80}.pmt-controls{width:var(--pmt-canvas-width, 66.7%);margin:12px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}.pmt--no-art .pmt-controls{display:none}.pmt-row{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center}.pmt-row label{font-size:12px;font-weight:600}.pmt-range{width:100%;accent-color:var(--pmt-accent, #7ef0ff)}.pmt-btn{-webkit-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--pmt-line-strong);background:#ffffff0f;color:var(--pmt-ink)!important;font-weight:600;font-size:12px;padding:7px 14px;border-radius:999px;transition:background .15s}.pmt-btn:hover{background:#ffffff1f}.pmt-status{margin:10px 0 0;font-size:12.5px;text-align:center}.pmt-opts{margin-top:16px;display:grid;gap:15px}.pmt-opt-label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin:0 0 7px}.pmt-hint{font-size:11px;margin:6px 0 0}.pmt-zone-select{width:100%;-webkit-appearance:none;appearance:none;border:1px solid var(--pmt-line-strong);border-radius:10px;background:#ffffff0f url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23aab6c6' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--pmt-ink)!important;font-size:13px;font-weight:600;padding:11px 34px 11px 14px;cursor:pointer}.pmt-zone-select option{color:#12161d}.pmt-zone-colors{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.pmt-zone-colors[hidden]{display:none}.pmt-zone-color-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--pmt-ink-soft);margin-right:4px}.pmt-swatch{-webkit-appearance:none;appearance:none;cursor:pointer;padding:0;width:26px;height:26px;border-radius:50%;border:2px solid var(--pmt-pill-line);box-sizing:border-box;transition:border-color .12s,box-shadow .12s}.pmt-swatch:hover{border-color:var(--pmt-ink)}.pmt-swatch.pmt-swatch--on{border-color:var(--pmt-accent, #7ef0ff);box-shadow:0 0 0 2px #7ef0ff4d}.pmt-swatch--custom{display:inline-flex;overflow:hidden;position:relative;background:conic-gradient(#e23d3d,#f5c542,#57d97a,#3aa0ff,#c168ff,#e23d3d)}.pmt-swatch--custom input[type=color]{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;width:42px;height:42px;border:0;padding:0;cursor:pointer;opacity:0}.pmt-opt-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px}.pmt-chips{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}.pmt-chip{-webkit-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;line-height:1;padding:7px 10px;border-radius:6px;white-space:nowrap;background:var(--pmt-pill);border:1px solid var(--pmt-pill-line);color:var(--pmt-ink)!important;transition:background .12s,border-color .12s}.pmt-chip:hover{border-color:var(--pmt-ink)}.pmt-chip.pmt-chip--on{background:var(--pmt-pill-on);border-color:var(--pmt-pill-on);color:var(--pmt-pill-on-ink)!important}.playmat-designer .pmt-chip span{color:inherit!important}.pmt-chip[aria-disabled=true]{opacity:.38;cursor:not-allowed;text-decoration:line-through}.pmt-chip .pmt-chip-delta{font-weight:600;opacity:.75;color:inherit!important;margin-left:4px}.pmt-stage{position:relative;flex:1;min-height:320px;border-radius:14px;overflow:hidden;border:1px solid var(--pmt-line);background:linear-gradient(165deg,#131740,#0e3d55)}.pmt-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;perspective:1150px;container-type:size}.pmt-mat{position:relative;width:84%;aspect-ratio:var(--pmt-mat-ratio, 24 / 14);transform:rotateX(54deg) rotate(-8deg) translateY(-4%);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.33,1,.4,1);border-radius:3.2%/5.5%}.pmt--flat .pmt-mat{transform:rotateX(0) rotate(0) translateY(0);width:calc(92% - 60px);width:min(calc(92% - 60px),calc((100cqh - 60px) * (var(--pmt-mat-ratio, 24 / 14))))}.pmt-mat-top{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;box-shadow:0 24px 42px #00000080;background:#10142c}.pmt--flat .pmt-mat-top{box-shadow:0 10px 30px #00000073}.pmt-mat-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.pmt-mat-stitch{position:absolute;top:2.2%;right:2.2%;bottom:2.2%;left:2.2%;border:2px dashed rgba(240,240,235,.7);border-radius:inherit;pointer-events:none;display:none}.pmt--stitched .pmt-mat-stitch{display:block}.pmt-mat-side{position:absolute;left:.5%;right:.5%;bottom:-5px;height:7px;background:#17191f;border-radius:0 0 10px 10px;transform:translateZ(-1px)}.pmt--thick .pmt-mat-side{height:11px;bottom:-8px}.pmt--flat .pmt-mat-side{display:none}.pmt-shadow{position:absolute;left:12%;right:12%;bottom:12%;height:36px;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);filter:blur(6px);pointer-events:none;transition:opacity .4s}.pmt--flat .pmt-shadow{opacity:0}.pmt-badges{position:absolute;top:12px;left:12px;display:flex;gap:7px;z-index:2}.pmt-badge{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#0a0e1e99;border:1px solid var(--pmt-line);border-radius:999px;padding:4px 10px;color:#cfe3ee!important;margin:0}.pmt-viewtoggle{margin:14px auto 2px;width:fit-content;display:flex;border:1px solid var(--pmt-line-strong);border-radius:999px;padding:3px;background:#ffffff0d}.pmt-view-btn{-webkit-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;padding:7px 15px;border-radius:999px;font-size:12px;font-weight:600;color:var(--pmt-ink-soft)!important}.pmt-view-btn.pmt-view--on{background:var(--pmt-ink);color:#12161d!important}.pmt-buy{margin-top:18px;display:grid;grid-template-columns:minmax(0,41%) minmax(0,59%);gap:22px;position:relative}.pmt-buy-left{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px 24px}.pmt-price{min-width:0}.pmt-price-now{font-size:24px;font-weight:800}.pmt-price-was{font-size:14px;margin-left:8px}.pmt-price-note{display:block;font-size:11px;margin:2px 0 0;max-width:32ch;line-height:1.45}.pmt-atc{-webkit-appearance:none;appearance:none;font:inherit;font-size:13px;font-weight:700;letter-spacing:.01em;background:var(--pmt-pill-on);color:var(--pmt-pill-on-ink)!important;border:0;border-radius:999px;padding:12px 26px;cursor:pointer;transition:transform .1s,opacity .15s}.pmt-atc:hover{transform:translateY(-1px)}.pmt-atc:active{transform:none}.pmt-atc.pmt-blocked,.pmt-atc[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.pmt-atc.pmt-loading{opacity:.6;pointer-events:none}.pmt-buy-slot{min-width:0}.pmt-buy-slot .product-form-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.pmt-buy-slot .addtocart-button{width:100%;height:52px!important;min-height:0;padding-top:0!important;padding-bottom:0!important;display:inline-flex;align-items:center;justify-content:center}.playmat-designer .pmt-buy-slot button span,.playmat-designer .pmt-buy-slot button strong,.playmat-designer .pmt-buy-slot .addtocart-button span,.playmat-designer .pmt-buy-slot .shopify-payment-button span{color:inherit!important}.pmt-buy-slot .shopify-payment-button{display:flex;flex-direction:column;gap:8px}.pmt-buy-slot .shopify-payment-button>button,.pmt-buy-slot .shopify-payment-button>div[role=button],.pmt-buy-slot .shopify-payment-button__button,.pmt-buy-slot .shopify-payment-button__button--branded,.pmt-buy-slot .shopify-payment-button__button--unbranded{height:52px!important;min-height:52px!important;padding-top:0!important;padding-bottom:0!important}.pmt-buy-slot .shopify-payment-button .product-block-payment-installments{margin:0;text-align:center}.pmt-buy-slot .shopify-payment-button__more-options{order:99;align-self:center}.pmt-buy-slot>.product-block-payment-installments{margin:6px 0 0;text-align:center}@media(max-width:899px){.pmt-grid{grid-template-columns:1fr}.pmt-tabs{display:flex}.pmt-pane[hidden]{display:none}.pmt-canvas-wrap,.pmt-filebar,.pmt-controls{width:100%}.pmt-controls,.pmt-opt-pair,.pmt-buy,.pmt-buy-left,.pmt-buy-slot .product-form-buttons{grid-template-columns:1fr}.pmt-atc{width:100%}}@media(prefers-reduced-motion:reduce){.pmt-mat{transition:none}.pmt-atc:hover{transform:none}}.pmt-sides{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 2px}.pmt-sides .pmt-chip{display:inline-flex;align-items:center;gap:6px}.pmt-side-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78em;opacity:.7}.pmt-side--filled .pmt-side-name:before{content:"\2713  ";opacity:.9}.pmt-sameart{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:.85em;cursor:pointer;-webkit-user-select:none;user-select:none}.pmt-sameart input{accent-color:var(--pmt-accent, #7ef0ff)}.pmt-dropzone{transition:background .15s,border-color .15s,top .2s ease,bottom .2s ease,height .2s ease}.pmt-modes{margin-bottom:0}.pmt-modes .pmt-opt-label{margin-right:2px}.pmt-sides[data-pmt-siderow][hidden]{display:none}.playmat-designer .product-form-artwork-upload{display:none!important}.pmt--two .pmt-canvas-wrap,.pmt--two .pmt-filebar,.pmt--two .pmt-controls{width:47%}.pmt--two .pmt-opt--zone{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.pmt--two .pmt-opt--zone .pmt-opt-label{flex:1 0 100%;margin:0}.pmt--two .pmt-opt--zone .pmt-zone-select{width:auto;flex:0 1 40%;min-width:200px;padding-top:9px;padding-bottom:9px}.pmt--two .pmt-opt--zone .pmt-zone-colors{margin-top:0;gap:6px;flex:1 1 auto}.pmt--two .pmt-opt--zone .pmt-hint{display:none}.pmt--two .pmt-stage .pmt-mat{width:70%}.pmt--two .pmt--flat .pmt-mat,.pmt--two.pmt--flat .pmt-stage .pmt-mat{width:min(calc(78% - 60px),calc((100cqh - 60px) * (var(--pmt-mat-ratio, 1))))}@media(max-width:899px){.pmt--two .pmt-canvas-wrap,.pmt--two .pmt-filebar,.pmt--two .pmt-controls{width:100%}.pmt--two .pmt-stage .pmt-mat{width:86%}}.pmt--two .pmt-opt--zone .pmt-zone-color-label{display:none}.pmt--two .pmt-opt--zone .pmt-zone-colors{flex:1 1 0;min-width:0}.pmt-status--buy{grid-column:1 / -1;margin:0 0 2px;text-align:left}.pmt--two .pmt-modes{margin-top:0}.pmt--two .pmt-strip{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:10px 0 14px}.pmt--two .pmt-strip .pmt-dpi{display:inline-block;margin:0;padding:6px 14px;border:1px solid currentColor;border-radius:999px;font-weight:600}.pmt--two .pmt-strip .pmt-dpi[hidden]{display:none}.pmt--two .pmt-strip-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.pmt--two .pmt-strip-row .pmt-row{display:flex;align-items:center;gap:8px;margin:0;width:auto}.pmt--two .pmt-strip-row .pmt-range{width:100px}.pmt--two .pmt-strip-row .pmt-row label{font-size:12px}.pmt--two .pmt-filebar{display:none}.pmt--two .pmt-pane-title{margin-top:2px}.pmt--two .pmt-strip-row{display:none}.pmt--two.pmt--any-art .pmt-strip-row{display:flex}.pmt--two .pmt-dropzone{display:block;position:absolute;padding:0}.pmt--two.pmt--has-art .pmt-dropzone{display:none}.pmt--two .pmt-dropzone.pmt-flash{display:block}.pmt--two.pmt--has-art .pmt-dropzone.pmt-flash{display:none}.pmt--two .pmt-dropzone-icon,.pmt--two .pmt-dropzone strong,.pmt--two .pmt-dropzone>span:last-child{position:absolute;left:12%;right:12%;text-align:center;margin:0;pointer-events:none}.pmt--two .pmt-dropzone-icon{top:8%}.pmt--two .pmt-dropzone strong{top:24%;line-height:1.25}.pmt--two .pmt-dropzone>span:last-child{bottom:14%;line-height:1.35}.pmt--two.pmt--any-art .pmt-dropzone-icon{display:none}.pmt--two.pmt--any-art .pmt-dropzone strong{top:11%}.pmt--two.pmt--any-art .pmt-dropzone>span:last-child{left:6%;right:6%;bottom:9%;font-size:11px}.pmt--two .pmt-mat-side{display:none}.pmt--two .pmt-mat-top{box-shadow:0 1px #1b1d23,0 2px #121318,0 3px #08090b,0 4px #000,0 24px 42px #00000080}.pmt--two.pmt--flat .pmt-mat-top{box-shadow:0 10px 30px #00000073}.pmt--two .pmt-mat-stitch{top:3px;right:3px;bottom:3px;left:3px;border:2px dashed rgba(112,116,126,1)}.pmt--two .pmt-opt--layout{margin:0 0 12px}.pmt--two .pmt-opt--layout .pmt-opt-label{margin:0 0 7px}.pmt--two .pmt-opt--layout .pmt-zone-select{width:auto;min-width:200px;max-width:100%;padding-top:9px;padding-bottom:9px}
/*# sourceMappingURL=/cdn/shop/t/39/assets/playmat-designer.css.map */