.p2p-next-step{--bg: #0c0d14;--panel: #14141d;--panel-soft: #171822;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .12);--text: #f6f7fb;--muted: #9b9cb2;--blue: #4e8fff;--green: #10B981;--purple: #bb7cff;--surface: #101119;--surface-2: #12131c;min-height:100svh;background:radial-gradient(circle at 10% 20%,rgba(78,143,255,.08),transparent 35%),radial-gradient(circle at 100% 0%,rgba(187,124,255,.06),transparent 28%),var(--bg);color:var(--text);height:100svh;overflow:hidden}.p2p-next-step *{box-sizing:border-box}.p2p-next-step__panel-inner::-webkit-scrollbar{display:none}.p2p-next-step__panel-inner{scrollbar-width:none}.p2p-next-step__panel-innery{-ms-overflow-style:none}.p2p-next-step__shell{height:100%;min-height:100svh;padding-top:74px}.p2p-next-step__main{height:100%;min-height:0;display:grid;grid-template-columns:50% 50%;align-items:stretch}.p2p-next-step__preview,.p2p-next-step__panel{min-height:0;height:100%}.p2p-next-step__preview{position:sticky;top:74px;align-self:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:36px;border-right:1px solid var(--line)}.p2p-next-step__preview-card{width:min(100%,800px);position:relative;max-height:80svh;display:flex;align-items:center;justify-content:center}.p2p-next-step__preview-badge{position:absolute;top:16px;left:16px;z-index:2;display:inline-flex;align-items:center;font-family:Instrument Sans;font-style:normal;font-weight:500;font-size:16px;line-height:120%;color:#fff;padding:8px 12px;gap:6px;background:#000000b3;border-radius:20px}.p2p-next-step__preview-dot{border-radius:50%;background:var(--green);width:6px;height:6px}.p2p-next-step__image-frame{position:relative;width:100%;aspect-ratio:auto;overflow:hidden;border-radius:16px;background:var(--surface);box-shadow:0 0 0 1px #ffffff0f,0 32px 80px #00000073;height:100%;max-width:480px}.p2p-next-step__image-frame.is-loading img{opacity:0}.p2p-next-step__image-frame img{width:100%;height:100%;display:block;object-fit:contain;transition:opacity .25s ease}.p2p-next-step__image-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at 50% 35%,rgba(99,160,255,.14),transparent 30%),#0c0d14eb;color:#ffffffeb;transition:opacity .25s ease,visibility .25s ease}.p2p-next-step__image-frame:not(.is-loading) .p2p-next-step__image-loading{opacity:0;visibility:hidden;pointer-events:none}.p2p-next-step__image-loading-spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:#63a0ff;animation:p2p-step2-spin .8s linear infinite}.p2p-next-step__image-loading-text{font-weight:600;font-size:14px;line-height:120%;text-align:center}.p2p-next-step__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(145deg,#bb7cff2e,#4e8fff1a);transition:opacity .3s ease;pointer-events:none}.p2p-next-step__image-frame.is-stylized .p2p-next-step__image-overlay{opacity:1}.p2p-next-step__file-input{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}.p2p-next-step__change-photo{text-decoration:none;display:flex;flex-direction:row;align-items:center;padding:8px 16px 8px 10px;gap:4px;background:#13131a;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-weight:600;font-size:14px;line-height:120%;text-align:center;color:#fff;cursor:pointer;position:relative;z-index:2;transition:border-color .2s ease,background .2s ease,transform .2s ease,opacity .2s ease}.p2p-next-step__change-photo:hover{border-color:#63a0ff59;background:#63a0ff14;transform:translateY(-1px)}.p2p-next-step__change-photo.is-processing{opacity:.7;cursor:wait;pointer-events:none}.p2p-next-step__upload-status{min-height:22px;margin-top:10px;color:#b7c4da;font-size:13px;line-height:1.45;text-align:center}.p2p-next-step__upload-status.is-error{color:#ff8e8e}@keyframes p2p-step2-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.p2p-next-step__panel{background:#12121cc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.p2p-next-step__panel-inner{height:100%;min-height:0;display:grid;grid-template-rows:auto 1fr auto;overflow-y:auto;overscroll-behavior:contain}.p2p-next-step__head,.p2p-next-step__body,.p2p-next-step__footer{padding-left:30px;padding-right:30px;border-left:1px solid var(--line)}.p2p-next-step__head{padding-top:30px;padding-bottom:30px}.p2p-next-step__body{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:30px;padding-bottom:30px;padding-right:70px}.p2p-next-step__footer{padding-top:30px;padding-bottom:30px}.p2p-next-step__eyebrow{margin:0 0 10px;font-weight:700;font-size:14px;line-height:120%;text-transform:uppercase;color:#8888a0}.p2p-next-step__title{margin:0 0 10px;font-weight:700;font-size:32px;line-height:120%;text-transform:capitalize;color:#fff}.p2p-next-step__title span{color:var(--blue);font-style:normal}.p2p-next-step__sub{font-weight:500;font-size:14px;line-height:120%;color:#fff;margin:0}.p2p-next-step__section-title{font-style:normal;font-weight:700;font-size:20px;line-height:120%;color:#8888a0;margin-bottom:16px}.p2p-next-step__options{display:grid;gap:12px}.p2p-next-step__option{min-height:100px;cursor:pointer;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;display:flex;flex-direction:row;align-items:center;padding:24px;gap:16px;background:#13131a;border:2px solid rgba(255,255,255,.08);border-radius:16px}.p2p-next-step__option.is-selected{box-shadow:inset 0 0 0 1px currentColor}.p2p-next-step__option--print{color:var(--green)}.p2p-next-step__option--print.is-selected{border-color:#12d58acc;color:var(--green);box-shadow:0 0 0 1px #12d58a73,0 18px 40px #12d58a14}.p2p-next-step__option--style{color:var(--purple)}.p2p-next-step__option--style.is-selected{border-color:#bb7cffcc;color:var(--purple);box-shadow:0 0 0 1px #bb7cff6b,0 18px 40px #bb7cff14}.p2p-next-step__option--edit{color:var(--blue)}.p2p-next-step__option--edit.is-selected{border-color:#4e8fffcc;color:var(--blue);box-shadow:0 0 0 1px #4e8fff6b,0 18px 40px #4e8fff14}.p2p-next-step__option.is-upcoming{opacity:.45;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;border-color:#ffffff0d}.p2p-next-step__option.is-upcoming .p2p-next-step__radio{border-color:#ffffff14}.p2p-next-step__upcoming-badge{display:inline-flex;align-items:center;margin-left:8px;padding:2px 10px;font-size:11px;font-weight:700;line-height:1.6;text-transform:uppercase;letter-spacing:.04em;color:#fff;border-radius:999px;background:linear-gradient(135deg,#4e8fff,#bb7cff);background-size:200% 200%;animation:p2p-upcoming-shimmer 3s ease infinite;vertical-align:middle;white-space:nowrap;pointer-events:none}@keyframes p2p-upcoming-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.p2p-next-step__radio{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.16);flex:0 0 auto;position:relative}.p2p-next-step__option.is-selected .p2p-next-step__radio{border-color:currentColor}.p2p-next-step__option.is-selected .p2p-next-step__radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:currentColor}.p2p-next-step__option--print>.p2p-next-step__radio-titlewrap>.p2p-next-step__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;gap:10px;width:50px;height:50px;background:#10b98133;border-radius:12px}.p2p-next-step__option--style>.p2p-next-step__radio-titlewrap>.p2p-next-step__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;gap:10px;width:50px;height:50px;background:#c084fc33;border-radius:12px}.p2p-next-step__option--edit>.p2p-next-step__radio-titlewrap>.p2p-next-step__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;gap:10px;width:50px;height:50px;background:#63a0ff33;border-radius:12px}.p2p-next-step__copy{display:grid;gap:5px}.p2p-next-step__option-title{font-size:18px;font-weight:700;line-height:1.1}.p2p-next-step__option-desc{color:#9d9eb4;font-size:14px;line-height:1.45}.p2p-next-step__style-picker{display:none;margin-top:-4px;padding:14px;border-radius:14px;background:#bb7cff14;border:1px solid rgba(187,124,255,.18)}.p2p-next-step__style-picker.is-visible{display:none}.p2p-next-step__style-label{margin-bottom:10px;color:#d5b4ff;font-size:12px;font-weight:700;text-transform:uppercase}.p2p-next-step__style-chips{display:flex;flex-wrap:wrap;gap:8px}.p2p-next-step__style-chip{padding:8px 12px;border:1px solid rgba(187,124,255,.28);border-radius:999px;background:#bb7cff14;color:#eddcff;cursor:pointer;font:inherit}.p2p-next-step__style-chip.is-active{background:#bb7cff38;border-color:#bb7cff99}.p2p-next-step__cta{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px;gap:6px;background:linear-gradient(135deg,#4d9fff,#2563eb);box-shadow:0 4px 24px #4d9fff4d;border-radius:10px;font-weight:700;font-size:16px;line-height:120%;text-align:center;text-transform:capitalize;color:#fff;border:none;width:100%;cursor:pointer}.p2p-next-step__cta:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.p2p-next-step__hint{margin-top:16px;text-align:center;font-weight:500;font-size:14px;line-height:120%;color:#8888a0}.p2p-next-step__hint strong{color:var(--blue);font-weight:700}.p2p-next-step__trust{margin-top:16px;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;text-align:center;font-weight:500;font-size:14px;line-height:120%;color:#8888a0}.p2p-next-step__trust span{position:relative;padding-left:12px}.p2p-next-step__trust span:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--green)}.p2p-next-step__tweaks{position:fixed;right:24px;bottom:24px;width:240px;padding:18px;border-radius:14px;border:1px solid var(--line-strong);background:#14151f;box-shadow:0 18px 50px #0006;z-index:1000}.p2p-next-step__tweaks-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-weight:700}.p2p-next-step__tweaks-close{border:0;background:transparent;color:#9b9cb2;font-size:20px;cursor:pointer}.p2p-next-step__tweaks-label{margin-bottom:8px;color:#9b9cb2;font-size:11px;font-weight:700;text-transform:uppercase}.p2p-next-step__tweaks-body button{width:100%;margin-bottom:8px;padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:#ffffff08;color:#fff;text-align:left;cursor:pointer}.p2p-next-step__radio-titlewrap{display:flex;gap:16px;align-items:center}@media(max-width:989px){.p2p-next-step__main{height:auto;grid-template-columns:1fr}.p2p-next-step__preview-card{max-height:100%}.p2p-next-step__preview,.p2p-next-step__panel,.p2p-next-step__panel-inner{min-height:auto;height:auto}.p2p-next-step__preview{position:static;border-right:0;border-bottom:1px solid var(--line);padding:20px}.p2p-next-step{height:auto;overflow:visible}.p2p-next-step__shell{height:auto}.p2p-next-step__panel{overflow:visible}.p2p-next-step__panel-inner{min-height:auto;overflow:visible}.p2p-next-step__body{padding-right:30px}}@media(max-width:600px){.p2p-next-step__preview-badge{font-size:12px;padding:6px 10px}.p2p-next-step__eyebrow{font-size:14px}.p2p-next-step__title{font-size:20px}.p2p-next-step__sub{font-size:14px}.p2p-next-step__option{padding:20px}.p2p-next-step__option-desc{font-size:12px}.p2p-next-step__section-title{font-size:14px}.p2p-next-step__hint{font-size:12px}.p2p-next-step__cta{font-size:14px;padding:12px}.p2p-next-step__option--print>.p2p-next-step__radio-titlewrap>.p2p-next-step__icon,.p2p-next-step__option--style>.p2p-next-step__radio-titlewrap>.p2p-next-step__icon,.p2p-next-step__option--edit>.p2p-next-step__radio-titlewrap>.p2p-next-step__icon{padding:10px;gap:10px;width:40px;height:40px;border-radius:6px}.p2p-next-step__option-title{font-size:16px;gap:5px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.p2p-next-step__upcoming-badge{margin-left:0}.p2p-next-step__trust{gap:10px;font-size:12px}.p2p-next-step__footer,.p2p-next-step__body,.p2p-next-step__head{padding:20px}}@media(max-width:450px){.p2p-next-step__radio-titlewrap{display:flex;gap:16px;align-items:flex-start;flex-direction:column}.p2p-next-step__option{flex-direction:row;align-items:flex-start}.p2p-next-step__radio{margin-top:11px}}@media(max-width:989px){.p2p-next-step__shell{padding:116px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/canvas-pdp-step2.css.map */