mp-personal-poster{display:block;max-width:1520px;margin:0 auto;padding:36px 28px;color:#292823;font-family:inherit}mp-personal-poster *{box-sizing:border-box}.mpp-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:64px;align-items:start}.mpp-preview{position:sticky;top:24px;padding:28px;background:#eeeae2;display:grid;place-items:center}.mpp-preview button{border:0;padding:0;background:none;cursor:zoom-in;width:100%;max-width:550px}.mpp-preview canvas{display:block;width:100%;height:auto;box-shadow:0 8px 24px #30271b1a}.mpp-preview p{font-size:12px;color:#71695f;text-align:center;margin:18px 0 0}.mpp-eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:#71695f}.mpp-title{font-size:clamp(26px,3vw,40px);line-height:1.15;margin:8px 0 14px}.mpp-price{font-size:22px;margin:18px 0}.mpp-group{border:0;border-top:1px solid #ddd5c9;margin:22px 0 0;padding:22px 0 0;min-width:0}.mpp-group legend{float:left;font-weight:600;font-size:15px;width:100%;margin-bottom:16px}.mpp-group>div{clear:both}.mpp-fields{display:grid;gap:15px}.mpp-fields label{display:grid;gap:7px;font-size:13px}.mpp-fields input:not([type=checkbox]),.mpp-fields select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #d8d0c3;border-radius:5px;background:#fff;color:#292823;font:inherit}.mpp-fields input[type=color]{padding:5px;min-width:70px}.mpp-fields .mpp-checkbox{display:flex;align-items:center;gap:9px}.mpp-checkbox input{width:18px;height:18px}.mpp-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mpp-help{font-size:12px;color:#71695f;line-height:1.6}.mpp-buy{width:100%;min-height:52px;margin-top:24px;background:#292823;color:#fff;border:0;border-radius:5px;font:inherit;font-weight:600;cursor:pointer}.mpp-buy:disabled{opacity:.5;cursor:default}.mpp-error{color:#9d302c;font-size:13px;line-height:1.5}.mpp-hidden{position:absolute!important;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.mpp-dialog{border:0;padding:44px 20px 20px;background:#f2eee8;width:min(90vw,850px);max-height:94vh}.mpp-dialog::backdrop{background:#0009}.mpp-dialog img{display:block;max-width:100%;max-height:82vh;width:auto;margin:auto}.mpp-close{position:absolute;right:8px;top:3px;font-size:28px;border:0;background:none;cursor:pointer;width:40px;height:40px}mp-personal-poster :focus-visible{outline:2px solid #796955;outline-offset:4px}mp-personal-poster [hidden]{display:none!important}@media(max-width:800px){mp-personal-poster{padding:20px 16px}.mpp-layout{grid-template-columns:1fr;gap:24px}.mpp-preview{position:static;padding:20px}.mpp-preview button{max-width:390px}.mpp-title{font-size:28px}.mpp-cols{gap:10px}}mp-personal-poster .mpp-layout{grid-template-columns:minmax(0,1fr) minmax(330px,1fr);gap:48px}mp-personal-poster .mpp-preview{--mpp-preview-height: max(180px, calc(100svh - 260px) );top:160px;padding:18px;max-height:calc(var(--mpp-preview-height) + 70px)}mp-personal-poster .mpp-preview>div{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0}mp-personal-poster .mpp-preview button{display:flex;justify-content:center;align-items:center;max-width:100%;width:100%;line-height:0}mp-personal-poster .mpp-preview canvas{width:auto!important;height:auto!important;max-width:100%;max-height:var(--mpp-preview-height);object-fit:contain}mp-personal-poster .mpp-preview p{margin-top:12px}mp-personal-poster .mpp-color-label{font-size:13px;margin:0 0 9px}mp-personal-poster .mpp-color-options{display:flex;flex-wrap:wrap;gap:8px}mp-personal-poster .mpp-color-option{position:relative;display:block;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:5px;border:1px solid #cec5b8;border-radius:50%;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}mp-personal-poster .mpp-color-option:before{content:"";display:block;width:100%;height:100%;border-radius:50%;background:var(--mpp-swatch);box-shadow:inset 0 0 0 1px #00000012}mp-personal-poster .mpp-color-option[aria-pressed=true]{border:2px solid #292823;box-shadow:0 0 0 2px #faf6ec,0 0 0 3px #292823}mp-personal-poster .mpp-custom-color{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;max-width:220px}mp-personal-poster .mpp-custom-color input[type=color]{width:56px;min-width:56px;min-height:36px;height:36px;padding:3px;cursor:pointer}@media(max-width:800px){mp-personal-poster .mpp-layout{grid-template-columns:1fr;gap:24px}mp-personal-poster .mpp-preview{--mpp-preview-height: min(420px, max(180px, calc(100svh - 230px) ));position:static;max-height:none;padding:14px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/mp-personal-poster.css.map */