.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-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}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/playmat-designer.css.map */