md-pwyw-preview.md-pwyw__panel{display:grid;grid-template-columns:minmax(0,var(--md-image-ratio, 1.1fr)) minmax(0,1fr)}md-pwyw-preview .md-pwyw__preview-stage{position:relative;width:100%;max-width:760px;min-width:0;aspect-ratio:var(--md-preview-art-ratio, 16 / 9);max-height:var(--md-art-max-height, 420px);flex:0 1 auto;z-index:1}md-pwyw-preview .md-pwyw__preview-image{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s}md-pwyw-preview .md-pwyw__preview-image.is-active{opacity:1;visibility:visible;transition-delay:0s}md-pwyw-preview .md-pwyw__media .md-pwyw__preview-image img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:contain;object-position:center}md-pwyw-preview .md-pwyw__preview-image-message{max-width:28ch;margin:0;padding:16px;color:var(--md-plum, #302035);font-size:13px;line-height:1.5;text-align:center}md-pwyw-preview .md-pwyw__body.md-pwyw__preview-copy{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:48ch;min-width:0}md-pwyw-preview .md-pwyw__preview-copy-item{grid-area:1 / 1;min-width:0;align-self:start;opacity:0;visibility:hidden;pointer-events:none;overflow-wrap:anywhere;transition:opacity .18s ease,visibility 0s linear .18s}md-pwyw-preview .md-pwyw__preview-copy-item.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}md-pwyw-preview .md-pwyw__preview-copy-item>:first-child{margin-top:0}md-pwyw-preview .md-pwyw__preview-copy-item>:last-child{margin-bottom:0}md-pwyw-preview .md-pwyw__preview-controls{margin-top:18px}md-pwyw-preview .md-pwyw__preview-label{margin:0 0 8px;color:#76546e;font-family:inherit;font-size:9px;font-weight:700;line-height:1.4;letter-spacing:.13em;text-transform:uppercase}md-pwyw-preview .md-pwyw__formats{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;width:100%;min-height:50px;margin-top:0;padding:3px;overflow:visible;border:1px solid #b78fac;border-radius:999px;background:#f8eeef;box-shadow:inset 0 1px 5px #4f28430f}md-pwyw-preview .md-pwyw__formats>.md-pwyw__format-slider{position:absolute;display:block;z-index:0;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 3);min-height:0;border:1px solid rgba(236,186,225,.32);border-radius:999px;background:radial-gradient(ellipse at 50% 30%,#833b87,#67246c 48%,#4d1851);box-shadow:inset 0 1px #fff3,0 5px 13px #41183f33;transform:translate3d(200%,0,0);transition:transform .28s cubic-bezier(.22,1,.36,1);pointer-events:none}md-pwyw-preview .md-pwyw__formats[data-active-index="0"]>.md-pwyw__format-slider{transform:translateZ(0)}md-pwyw-preview .md-pwyw__formats[data-active-index="1"]>.md-pwyw__format-slider{transform:translate3d(100%,0,0)}md-pwyw-preview .md-pwyw__formats>button.md-pwyw__format-pill{-webkit-appearance:none;appearance:none;position:relative;z-index:1;display:grid;place-items:center;width:100%;min-width:0;min-height:44px;margin:0;padding:0 8px;border:0;border-radius:999px;background:transparent;box-shadow:none;color:#6d566a;font-family:inherit;font-size:11px;font-weight:700;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;text-align:center;white-space:nowrap;cursor:pointer;transition:color .18s ease}md-pwyw-preview .md-pwyw__formats>button.md-pwyw__format-pill:before,md-pwyw-preview .md-pwyw__formats>button.md-pwyw__format-pill:after{content:none}md-pwyw-preview .md-pwyw__formats>button.md-pwyw__format-pill[aria-pressed=true]{color:#fff6f1}md-pwyw-preview .md-pwyw__formats>button.md-pwyw__format-pill:focus-visible{outline:2px solid #44203f;outline-offset:4px}md-pwyw-preview .md-pwyw__formats .md-pwyw__format-label{display:block;min-height:0;padding:0;border:0;color:inherit;font:inherit}md-pwyw-preview .md-pwyw__formats .md-pwyw__format-badge{position:absolute;z-index:3;left:50%;bottom:-8px;transform:translate(-50%);margin:0;padding:3px 9px;border:1px solid rgba(198,145,65,.62);border-radius:999px;color:#56214f;background:linear-gradient(135deg,#fff8dc,#e9c77f);box-shadow:0 3px 9px #51224929,inset 0 1px #ffffffb3;font-size:8px;font-weight:800;letter-spacing:.12em;line-height:1;white-space:nowrap;pointer-events:none}md-pwyw-preview .md-pwyw__preview-controls[hidden],md-pwyw-preview .md-pwyw__preview-image [hidden]{display:none!important}@media(max-width:820px){md-pwyw-preview.md-pwyw__panel{position:relative;z-index:2;grid-template-columns:minmax(0,1fr)}md-pwyw-preview .md-pwyw__preview-stage{max-width:560px;max-height:var(--md-art-max-height-mobile, 300px)}}@media(max-width:520px){md-pwyw-preview .md-pwyw__formats>button.md-pwyw__format-pill{padding:0 3px;font-size:9px;letter-spacing:.015em}md-pwyw-preview .md-pwyw__formats .md-pwyw__format-badge{bottom:-7px;padding:2px 7px;font-size:7px}}@media(prefers-reduced-motion:reduce){md-pwyw-preview .md-pwyw__preview-image,md-pwyw-preview .md-pwyw__preview-copy-item,md-pwyw-preview .md-pwyw__format-slider,md-pwyw-preview .md-pwyw__format-pill{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/md-pwyw-preview.css.map */