.p2p-stylize{--bg: #0a0a0f;--surface: #13131a;--surface2: #1c1c26;--border: rgba(255, 255, 255, .08);--text: #f0f0f5;--text-muted: #8888a0;--blue: #4d9fff;--blue-glow: rgba(77, 159, 255, .35);--green: #10b981;background:var(--bg);color:var(--text);min-height:100svh;position:relative}.p2p-stylize_picker-wrap::-webkit-scrollbar{display:none}.p2p-stylize_picker-wrap{scrollbar-width:none}.p2p-stylize_picker-wrap{-ms-overflow-style:none}.p2p-stylize *,.p2p-stylize *:before,.p2p-stylize *:after{box-sizing:border-box;margin:0;padding:0}.p2p-stylize [hidden]{display:none!important}.p2p-stylize:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 20% 50%,rgba(77,159,255,.04) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 80% 50%,rgba(77,159,255,.03) 0%,transparent 60%);pointer-events:none;z-index:0}.p2p-stylize__shell{padding-top:74px;height:100svh;overflow:hidden}.p2p-stylize__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:calc(100svh - 74px);min-height:0;align-items:start;position:relative;z-index:1}.p2p-stylize__preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 40px;border-right:1px solid var(--border);background:#00000040;gap:0px;position:sticky;top:0;align-self:start;height:calc(100svh - 74px);overflow:hidden}.p2p-stylize__preview-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px}.p2p-stylize__preview-title{font-size:13px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:8px}.p2p-stylize__preview-title strong{color:var(--text)}.p2p-stylize__split{position:relative;width:100%;max-width:480px;aspect-ratio:auto;border-radius:20px;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff12;cursor:ew-resize;-webkit-user-select:none;user-select:none;flex-shrink:0}.p2p-stylize__split.is-before-only{cursor:default}.p2p-stylize__img-original{position:static;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.p2p-stylize__img-styled-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.p2p-stylize__split.is-before-only .p2p-stylize__img-styled-wrap{opacity:0}.p2p-stylize__split.is-comparison-ready .p2p-stylize__img-styled-wrap{opacity:1}.p2p-stylize__img-styled{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:filter .5s ease}.p2p-stylize__split-handle{position:absolute;top:0;bottom:0;width:3px;background:#fff;left:50%;transform:translate(-50%);z-index:5;display:flex!important}.p2p-stylize__split-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 2px 12px #0006}.p2p-stylize__split-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:10px;background-repeat:no-repeat;background-size:contain;background-position:center;z-index:1;background-image:url("data:image/svg+xml,%3Csvg width='22' height='10' viewBox='0 0 22 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.67188 0.410156C5.3801 0.0772054 4.81888 0.0656885 4.46582 0.37207V0.373047L0.455078 3.97852L0.448242 3.9834C0.2352 4.15399 0.149485 4.36262 0.149414 4.62695C0.149414 4.87648 0.273916 5.09353 0.458984 5.2793L4.46582 8.88184L4.47168 8.8877C4.59257 9.00836 4.80586 9.09766 5.02441 9.09766C5.27416 9.09758 5.49089 8.9725 5.67676 8.78711C5.97194 8.44415 5.97987 7.9291 5.62891 7.52734L2.48535 4.68848L2.36133 4.57617L2.48535 4.46387L5.63379 1.62012L5.63574 1.61816L5.69434 1.56055C5.96957 1.25658 5.961 0.741149 5.67188 0.410156Z' fill='black' stroke='white' stroke-width='0.30242'/%3E%3Cpath d='M16.0234 0.410156C16.3152 0.0772054 16.8764 0.0656885 17.2295 0.37207V0.373047L21.2402 3.97852L21.2471 3.9834C21.4601 4.15399 21.5458 4.36262 21.5459 4.62695C21.5459 4.87648 21.4214 5.09353 21.2363 5.2793L17.2295 8.88184L17.2236 8.8877C17.1027 9.00836 16.8895 9.09766 16.6709 9.09766C16.4212 9.09758 16.2044 8.9725 16.0186 8.78711C15.7234 8.44415 15.7154 7.9291 16.0664 7.52734L19.21 4.68848L19.334 4.57617L19.21 4.46387L16.0615 1.62012L16.0596 1.61816L16.001 1.56055C15.7257 1.25658 15.7343 0.741149 16.0234 0.410156Z' fill='black' stroke='white' stroke-width='0.30242'/%3E%3C/svg%3E")}@keyframes aip-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aipr-tab-loader-spinner{display:block!important;width:42px;height:42px;border-radius:50%;border:6px solid rgba(31,143,229,.4);border-top-color:#1f8fe5;animation:aip-spin .75s linear infinite}.p2p-stylize__split-label{position:absolute;top:14px;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:capitalize;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;background:#0000008c;color:#ffffffd9;border:1px solid rgba(255,255,255,.12)}.p2p-stylize__split-label--before{left:14px}.p2p-stylize__split-label--after{right:14px}.p2p-stylize__preview-hint{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin-top:12px}.p2p-stylize__picker{display:flex;flex-direction:column;padding:0;overflow:hidden;overflow-x:hidden;height:calc(100svh - 74px);min-height:0;background:#ffffff04}.p2p-stylize__picker::-webkit-scrollbar{width:6px}.p2p-stylize__picker::-webkit-scrollbar-track{background:transparent}.p2p-stylize__picker::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:999px}.p2p-stylize_picker-wrap::-webkit-scrollbar{width:6px}.p2p-stylize_picker-wrap::-webkit-scrollbar-track{background:transparent}.p2p-stylize_picker-wrap::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:999px}.p2p-stylize__picker-top{flex-shrink:0;padding:30px;border-bottom:1px solid var(--border)}.p2p-stylize_picker-wrap{flex:1 1 auto;min-height:0;padding:30px;overflow-y:auto;overflow-x:hidden}.p2p-stylize__eyebrow{font-weight:700;font-size:14px;line-height:120%;text-transform:uppercase;color:#8888a0}.p2p-stylize__title{font-weight:700;font-size:24px;line-height:120%;text-transform:capitalize;color:#fff;margin:10px 0}.p2p-stylize__title span{color:var(--blue)}.p2p-stylize__sub{font-weight:500;font-size:14px;line-height:120%;color:#fff}.p2p-stylize__picker-label{margin-bottom:16px;font-weight:700;font-size:16px;line-height:120%;color:#8888a0}.p2p-stylize__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;overflow:visible;flex:0 0 auto;padding-right:0;margin-bottom:0;align-content:start}.p2p-stylize__grid::-webkit-scrollbar{width:4px}.p2p-stylize__grid::-webkit-scrollbar-track{background:transparent}.p2p-stylize__grid::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:4px}.p2p-stylize__card{border-radius:10px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;position:relative;aspect-ratio:2 / 1.5;background:var(--surface2);height:100%;width:100%}.p2p-stylize__card:hover{border-color:#4d9fff73}.p2p-stylize__card.is-selected{border-color:var(--blue)}.p2p-stylize__card img{width:100%;height:100%;object-fit:cover;display:block}.p2p-stylize__card-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.25) 60%,transparent 100%);padding:20px 5px 5px;font-size:10px;line-height:140%;text-align:center;text-transform:capitalize;color:#fff}.p2p-stylize__card-check{position:absolute;top:5px;right:5px;width:16px;height:16px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:scale(.6)}.p2p-stylize__card.is-selected .p2p-stylize__card-check{opacity:1;transform:scale(1)}.p2p-stylize__card--none .p2p-stylize__card-none-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface2);color:var(--text-muted)}.p2p-stylize__cta-area{flex-shrink:0;padding:30px;border-top:1px solid var(--border)}.p2p-stylize__cta-actions{display:grid;grid-template-columns:1fr;align-items:stretch;gap:18px}.p2p-stylize__cta-actions.has-two-actions{grid-template-columns:1fr 1fr}.p2p-stylize__cta-actions.has-two-actions .p2p-stylize__cta-btn.is-secondary{width:100%;min-width:0;align-self:stretch}.p2p-stylize__selected-info{display:flex;align-items:center;gap:6px;margin-bottom:12px;min-height:22px}.p2p-stylize__sel-label{font-size:13px;color:var(--text-muted);white-space:nowrap}.p2p-stylize__sel-name{font-size:13px;font-weight:700;color:var(--text)}.p2p-stylize__cta-btn{width:100%;padding:15px 20px;border-radius:10px;border:none;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);color:#fff;box-shadow:0 4px 20px var(--blue-glow);opacity:.4;pointer-events:none}.p2p-stylize__cta-btn.is-ready{opacity:1;pointer-events:all}.p2p-stylize__cta-btn.is-ready:hover{box-shadow:0 8px 32px #4d9fff80}.p2p-stylize__cta-btn.is-secondary{width:auto;min-width:168px;align-self:center;padding:14px 20px;background:#4d9fff14;color:#fff;border:2px solid rgba(77,159,255,.95);box-shadow:0 4px 24px #4d9fff33;opacity:1;pointer-events:all}.p2p-stylize__cta-btn.is-secondary:hover{box-shadow:0 14px 36px #4d9fff33}.p2p-stylize__cta-area.has-styled-result .p2p-stylize__cta-actions{gap:16px}.p2p-stylize__continue-wrap{width:100%;min-width:0}.p2p-stylize__continue-btn{width:100%;opacity:1;pointer-events:all}.p2p-stylize__continue-btn:hover{box-shadow:0 8px 32px #4d9fff80}.p2p-stylize__continue-btn[disabled]{opacity:.55;pointer-events:none}.p2p-stylize__cta-sub{text-align:center;font-size:12px;color:var(--text-muted);margin-top:8px}.p2p-stylize__tweaks{position:fixed;bottom:24px;right:24px;background:var(--surface);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:20px;width:220px;z-index:9999;font-size:13px;color:var(--text);box-shadow:0 20px 60px #0009}.p2p-stylize__tweaks-head{font-weight:700;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.p2p-stylize__tweaks-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:20px;line-height:1;padding:0;font-family:inherit}.p2p-stylize__tweaks-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.p2p-stylize__tweaks-btns{display:flex;gap:6px}.p2p-stylize__tweaks-btns button{flex:1;padding:6px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.p2p-stylize__tweaks-btns button.is-active{background:#4d9fff26;border-color:#4d9fff66;color:var(--blue)}.p2p-stylize__preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#0a0a0fb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:inherit;text-align:center;padding:24px}.p2p-stylize__preview-overlay-spinner{animation:p2p-stylize-spin .8s linear infinite;flex-shrink:0}.p2p-stylize__preview-overlay-text{font-size:13px;font-weight:600;color:#ffffffd9;letter-spacing:.02em}.p2p-stylize__cta-btn.is-loading{opacity:.75;pointer-events:none;cursor:not-allowed}.p2p-stylize__cta-btn.is-error{background:#ef4444;box-shadow:0 4px 20px #ef444466;pointer-events:none}.p2p-stylize__cta-spinner{flex-shrink:0;animation:p2p-stylize-spin .75s linear infinite}.p2p-stylize__img-styled.is-loading{opacity:.4;transition:opacity .3s ease}.p2p-stylize__img-styled.is-ready{opacity:1;transition:opacity .4s ease}@keyframes p2p-stylize-spin{to{transform:rotate(360deg)}}@keyframes p2p-stylize-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.p2p-stylize__picker-top{animation:p2p-stylize-fade-up .4s ease both .05s}.p2p-stylize__picker-label{animation:p2p-stylize-fade-up .4s ease both .1s}.p2p-stylize__grid{animation:p2p-stylize-fade-up .4s ease both .15s}.p2p-stylize__cta-area{animation:p2p-stylize-fade-up .4s ease both .22s}.p2p-stylize__split{animation:p2p-stylize-fade-up .5s ease both .08s}@media(max-width:900px){.p2p-stylize__shell{height:auto;overflow:visible}.p2p-stylize__picker-top,.p2p-stylize_picker-wrap,.p2p-stylize__cta-area{padding:20px}.p2p-stylize__main{grid-template-columns:1fr;height:auto}.p2p-stylize__preview{position:static;top:auto;align-self:auto;border-right:none;border-bottom:1px solid var(--border);padding:20px;height:auto;min-height:300px}.p2p-stylize__picker{overflow:visible;height:auto}.p2p-stylize_picker-wrap{overflow:visible;flex:0 0 auto;min-height:auto}.p2p-stylize__grid{grid-template-columns:repeat(3,1fr);overflow:visible;gap:12px}.p2p-stylize__cta-actions.has-two-actions{grid-template-columns:1fr 1fr}.p2p-stylize__cta-btn.is-secondary{width:100%;min-width:0}}@media(max-width:600px){.p2p-stylize__eyebrow{font-size:14px}.p2p-stylize__title{font-size:20px}.p2p-stylize__sub,.p2p-stylize__picker-label{font-size:14px}.p2p-stylize__card{aspect-ratio:1}.p2p-stylize__cta-btn,.p2p-stylize__cta-actions.has-two-actions .p2p-stylize__cta-btn.is-secondary{font-size:12px;padding:12px}}@media(max-width:989px){.p2p-stylize__shell{padding:103px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/canvas-pdp-step3.css.map */