custom-paddle-preview{display:contents}html.vd-pv-open{overflow:hidden}.vd-cp__material-option-head{padding-right:14px}.vd-cp__material-option .vd-cp__check{position:absolute;top:13px;right:10px;margin:0}@container vd-cp (max-width: 479px){.vd-cp__material-option-head{padding-right:0}.vd-cp__material-option .vd-cp__check{position:static}}.vd-pv-panel{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgb(from var(--color-foreground) r g b / 14%);border-radius:var(--variant-picker-button-radius, 14px);background:rgb(from var(--color-foreground) r g b / 3%)}.vd-pv-panel[hidden]{display:none}.vd-pv-panel__thumb{flex:0 0 64px;width:64px;height:64px;padding:0;border:1px solid rgb(from var(--color-foreground) r g b / 14%);border-radius:10px;overflow:hidden;background:#f2f2f2;cursor:pointer}.vd-pv-panel__thumb img{display:block;width:100%;height:100%;object-fit:cover}.vd-pv-panel__thumb img:not([src]){visibility:hidden}.vd-pv-panel.is-busy .vd-pv-panel__thumb{background:linear-gradient(90deg,#eee,#f8f8f8,#eee);background-size:200% 100%;animation:vd-pv-shimmer 1.1s linear infinite}.vd-pv-panel.is-busy .vd-pv-panel__actions{visibility:hidden}@keyframes vd-pv-shimmer{to{background-position:-200% 0}}.vd-pv-panel__text{flex:1;min-width:0}.vd-pv-panel__title{margin:0;font-size:.875rem;font-weight:600;color:var(--color-foreground)}.vd-pv-panel__name{margin:2px 0 0;font-size:.8125rem;color:rgb(from var(--color-foreground) r g b / 70%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-pv-panel__actions{display:flex;gap:6px}.vd-pv-note{margin:0;font-size:.8125rem;line-height:1.45;color:rgb(from var(--color-foreground) r g b / 75%)}.vd-pv-note[hidden]{display:none}.vd-pv-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;padding:0;border:1px solid rgb(from var(--color-foreground) r g b / 22%);border-radius:999px;background:var(--color-background, #fff);color:var(--color-foreground);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.vd-pv-icon-btn:hover{border-color:var(--color-foreground)}.vd-pv-icon-btn:focus-visible,.vd-pv-text-btn:focus-visible,.vd-pv-swatch:focus-visible,.vd-pv-swatch:focus-within,.vd-pv-stage__canvas:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.vd-pv-text-btn{min-height:40px;padding:0 14px;border:1px solid rgb(from var(--color-foreground) r g b / 22%);border-radius:999px;background:var(--color-background, #fff);color:var(--color-foreground);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer}.vd-pv-text-btn:hover{border-color:var(--color-foreground)}.vd-pv-text-btn--danger{border-color:transparent;color:rgb(from var(--color-foreground) r g b / 70%);text-decoration:underline;text-underline-offset:3px;padding:0 6px}.vd-pv-text-btn--danger:hover{border-color:transparent;color:var(--color-error, #8b0000)}.vd-pv-dialog{--vd-cta-bg: var(--color-primary-button-background, #111);--vd-cta-fg: var(--color-primary-button-text, #fff);width:min(1040px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:18px;background:var(--color-background, #fff);color:var(--color-foreground, #111);box-shadow:0 24px 80px #00000040;overflow:hidden}.vd-pv-dialog[open]{display:flex}.vd-pv-dialog::backdrop{background:#0000008c}.vd-pv-dialog__inner{display:flex;flex-direction:column;width:100%;max-height:inherit;min-height:0}.vd-pv-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid rgb(from var(--color-foreground) r g b / 10%)}.vd-pv-dialog__title{margin:0;font-size:1.125rem;line-height:1.25}.vd-pv-dialog__close{border-color:transparent}.vd-pv-dialog__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;padding:20px;overflow:auto;min-height:0}.vd-pv-mockup{display:flex;flex-direction:column;gap:8px;align-self:start;margin:0}.vd-pv-mockup__canvas{display:block;width:min(100%,max(240px,calc(100dvh - 300px)));margin-inline:auto;height:auto;aspect-ratio:1 / 1;border-radius:12px;background:#ececec}.vd-pv-mockup__caption{margin:0;font-size:.8125rem;text-align:center;color:rgb(from var(--color-foreground) r g b / 70%)}.vd-pv-editor{display:flex;flex-direction:column;gap:12px;min-width:0}.vd-pv-stage{position:relative;width:100%;aspect-ratio:1 / 1;max-height:max(260px,calc(100dvh - 380px));border-radius:12px;overflow:hidden;background:#e9e9e9}.vd-pv-stage__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.vd-pv-stage__canvas.is-dragging{cursor:grabbing}.vd-pv-hint{margin:0;font-size:.8125rem;line-height:1.4;color:rgb(from var(--color-foreground) r g b / 70%)}.vd-pv-tools{display:flex;flex-direction:column;gap:10px}.vd-pv-tools__row{display:flex;align-items:center;gap:8px}.vd-pv-tools__row--wrap{flex-wrap:wrap}.vd-pv-range{flex:1;min-width:0;accent-color:var(--color-foreground)}.vd-pv-bg{display:flex;align-items:center;gap:6px;margin-left:auto}.vd-pv-bg__label{font-size:.8125rem;color:rgb(from var(--color-foreground) r g b / 70%);margin-right:2px}.vd-pv-swatch{position:relative;display:inline-block;width:30px;height:30px;padding:0;border-radius:999px;border:1px solid rgb(from var(--color-foreground) r g b / 25%);background:var(--sw, #fff);cursor:pointer}.vd-pv-swatch[aria-pressed=true],.vd-pv-swatch.is-active{box-shadow:0 0 0 2px var(--color-background, #fff),0 0 0 4px var(--color-foreground)}.vd-pv-swatch--custom{overflow:hidden;background:conic-gradient(#ff5252,#ffd452,#52ff7a,#52c8ff,#8a52ff,#ff52d4,#ff5252)}.vd-pv-swatch--custom input{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);opacity:0;cursor:pointer}.vd-pv-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-top:1px solid rgb(from var(--color-foreground) r g b / 10%)}.vd-pv-disclaimer{margin:0;font-size:.8125rem;line-height:1.4;color:rgb(from var(--color-foreground) r g b / 70%);max-width:52ch}.vd-pv-dialog__buttons{display:flex;align-items:center;gap:10px;flex:0 0 auto}.vd-pv-done{display:inline-flex;align-items:center;justify-content:center;min-width:140px;min-height:46px;padding:0 26px;border:0;border-radius:var(--style-border-radius-buttons-primary, 999px);background-color:var(--vd-cta-bg);color:var(--vd-cta-fg);font:inherit;font-weight:700;font-size:.9375rem;cursor:pointer}.vd-pv-done:hover{filter:brightness(.95)}.vd-pv-done:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.vd-pv-editor-note{margin:0;padding:8px 10px;font-size:.8125rem;border:1px dashed currentColor;opacity:.7}@media(max-width:749px){.vd-pv-dialog{width:100vw;max-height:100dvh;height:100dvh;border-radius:0}.vd-pv-dialog__head{padding:12px 16px}.vd-pv-dialog__title{font-size:1rem}.vd-pv-dialog__body{grid-template-columns:1fr;gap:14px;padding:14px 16px}.vd-pv-editor{grid-area:1 / 1}.vd-pv-mockup{grid-area:1 / 1;justify-self:end;align-self:start;width:72px;margin:8px;z-index:2;pointer-events:none}.vd-pv-mockup__canvas{width:72px;border:2px solid #fff;border-radius:10px;box-shadow:0 4px 16px #0000002e}.vd-pv-mockup__caption{display:none}.vd-pv-stage{aspect-ratio:auto;height:min(50dvh,100vw - 32px);max-height:none}.vd-pv-bg{margin-left:0;width:100%}.vd-pv-dialog__foot{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.vd-pv-dialog__buttons{justify-content:space-between}.vd-pv-done{flex:1}}@media(prefers-reduced-motion:reduce){.vd-pv-panel.is-busy .vd-pv-panel__thumb{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/custom-paddle-preview.css.map */