.stm{padding-top:40px;padding-bottom:140px;--sx: 50%}.stm [hidden]{display:none!important}.stm-start{max-width:760px;margin:0 auto;text-align:center}.stm-form{display:flex;gap:0;margin:40px auto 0;max-width:620px;border:1px solid var(--st-line-2);background:var(--st-bg-2);transition:border-color .3s}.stm-form:focus-within{border-color:var(--st-accent)}.stm-form input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--st-ink);font:400 17px var(--st-body);padding:20px 22px}.stm-form input::placeholder{color:var(--st-ink-faint)}.stm-form .st-btn{flex:none}.stm-hint{margin-top:18px}.stm-examples{margin-top:14px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.stm-examples button{background:none;border:1px solid var(--st-line);color:var(--st-ink-dim);font:400 12px var(--st-body);padding:7px 14px;cursor:pointer;border-radius:99px}.stm-examples button:hover{border-color:var(--st-accent);color:var(--st-accent)}.stm-error{margin:22px auto 0;max-width:620px;color:#ff8a80;font-size:14px}.stm-error button{background:none;border:0;color:var(--st-accent);text-decoration:underline;cursor:pointer;font:inherit;padding:0}.stm-loading{text-align:center;padding:60px 0}.stm-loading__ring{position:relative;width:120px;height:120px;margin:0 auto 36px}.stm-loading__ring span{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--st-accent);border-radius:50%;animation:st-pulse 2.4s cubic-bezier(.22,1,.36,1) infinite}.stm-loading__ring span:nth-child(2){animation-delay:.8s}.stm-loading__ring span:nth-child(3){animation-delay:1.6s}.stm-loading__ring i{position:absolute;top:44px;right:44px;bottom:44px;left:44px;border-radius:50%;background:var(--st-accent);box-shadow:0 0 40px var(--st-accent)}.stm-steps{list-style:none;padding:0;margin:0 auto;max-width:320px;text-align:left}.stm-steps li{font-size:15px;color:var(--st-ink-faint);padding:7px 0 7px 30px;position:relative;transition:color .4s}.stm-steps li:before{content:"";position:absolute;left:4px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;border:1px solid var(--st-line-2);transition:all .4s}.stm-steps li.is-active{color:var(--st-ink)}.stm-steps li.is-active:before{border-color:var(--st-accent);box-shadow:0 0 0 3px #3ecfcf26}.stm-steps li.is-done{color:var(--st-ink-dim)}.stm-steps li.is-done:before{background:var(--st-accent);border-color:var(--st-accent)}.stm-result__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:48px}.stm-result__head .st-h2{font-size:clamp(28px,3.4vw,44px)}.stm-result__head .st-link{cursor:pointer;background:none;border-top:0;border-left:0;border-right:0;font-family:inherit}.stm-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px;align-items:start}.stm-stage{position:relative;border:1px solid var(--st-line);overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#26262c,#111114 60%,#0b0b0d);padding:90px 40px 40px;perspective:2200px;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.stm-stage:active{cursor:grabbing}.stm-stage__hint{position:relative;z-index:1;text-align:center;margin:16px 0 0;font-size:13px;color:var(--st-ink-faint)}.stm-stage:after{content:"";position:absolute;left:10%;right:10%;bottom:26px;height:30px;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.65),transparent 70%);filter:blur(6px)}.stm-card3d{position:relative;z-index:1;width:min(100%,460px);margin:0 auto;aspect-ratio:85.6 / 54;transform-style:preserve-3d;--sx: 50%}.stm-card3d__tilt{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.stm-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4.2%/6.6%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 30px 60px -18px #000c,0 0 0 1px #ffffff0f inset}.stm-face--front{transform:translateZ(2px)}.stm-face--back{transform:rotateY(180deg) translateZ(2px)}.stm-edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4.2%/6.6%;background:#f3f3f1;transform:translateZ(calc((var(--z) - 5) * .42px))}.stm-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,#fff0 30%,#ffffff21 46%,#ffffff0a 54%,#fff0 70%) var(--sx) 0 / 260% 100% no-repeat}.stm-stage__bar{position:relative;z-index:1;display:flex;justify-content:center;gap:10px;margin-top:34px}.stm-pill{background:#ffffff0a;border:1px solid var(--st-line-2);color:var(--st-ink-dim);font:500 11px var(--st-display);letter-spacing:.16em;text-transform:uppercase;padding:9px 16px;cursor:pointer;border-radius:99px}.stm-pill:hover,.stm-pill.is-on{border-color:var(--st-accent);color:var(--st-accent)}.stm-stage img,.stm-phone-wrap img,.stm-style img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.stm-cardc{position:absolute;top:0;right:0;bottom:0;left:0;container-type:inline-size;font-family:var(--stm-font, var(--st-body))}.stm-cardc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.stm-mlogo{width:100%;height:100%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.stm-mlogo--blackout{background:linear-gradient(110deg,#020202 18%,#1d1d1f 38%,#4a4a4e,#141416 56%,#030303 80%) var(--sx) 0 / 260% 100% no-repeat!important}.stm-mlogo--whiteout{background:linear-gradient(110deg,#f4f4f2 18%,#fff 38%,#dcdcd8,#fff 56%,#efefec 80%) var(--sx) 0 / 260% 100% no-repeat!important}.stm-cardc__logo.is-tone{filter:drop-shadow(0 1px 0 rgba(255,255,255,.14)) drop-shadow(0 -1px 0 rgba(0,0,0,.85)) drop-shadow(0 2px 3px rgba(0,0,0,.5))}.stm-cardc__logo.is-tone:has(.stm-mlogo--whiteout){filter:drop-shadow(0 1px 0 rgba(255,255,255,1)) drop-shadow(0 -1px 0 rgba(0,0,0,.16)) drop-shadow(0 1px 2px rgba(0,0,0,.12))}.stm-cardc__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:56%;max-height:34%;display:flex;align-items:center;justify-content:center}.stm-cardc__logo img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain}.stm-cardc__logo{width:56%;height:34%}.stm-cardc__logo>img,.stm-cardc__logo.stm-cardc__chip img{width:100%;height:100%;max-height:none}.stm-cardc__logo.stm-cardc__chip{width:auto;height:auto}.stm-cardc__logo.stm-cardc__chip img{width:30cqw;height:14cqw}.stm-cardc__logo.stm-cardc__word{width:auto;height:auto}.stm-cardc__word{font-weight:700;font-size:8.5cqw;letter-spacing:-.02em;white-space:nowrap}.stm-cardc__chip{background:#fff;padding:3cqw 4cqw;border-radius:2cqw}.stm-cardc__qr{position:absolute;left:50%;top:50%;width:24cqw;height:24cqw;transform:translate(-50%,-58%)}.stm-cardc__qr svg{width:100%;height:100%;display:block}.stm-cardc__brand{position:absolute;left:50%;bottom:4.2cqw;width:12cqw;transform:translate(-50%);display:block}.stm-cardc--phone .stm-cardc__logo{left:8cqw;right:42cqw;top:50%;transform:translateY(-50%);width:auto;height:32%;justify-content:center}.stm-cardc--phone .stm-cardc__logo img{object-position:center}.stm-cardc--phone .stm-cardc__logo .stm-mlogo{-webkit-mask-position:center;mask-position:center}.stm-cardc--phone .stm-cardc__qr{left:auto;right:9cqw;width:26cqw;height:26cqw;transform:translateY(-54%)}.stm-cardc--phone .stm-cardc__brand{width:10cqw;bottom:4cqw}.stm-cardc--3m{background:#dedede url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='24'%3E%3Ctext x='2' y='18' font-family='Arial Black,Arial' font-weight='900' font-size='17' fill='%23a9a9a9'%3E3M%3C/text%3E%3C/svg%3E") 0 0 / 11cqw auto}.stm-cardc--3m:before{display:none}.stm-stage__views{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:2;background:#0e0e1099}.stm-phone3d{position:relative;z-index:1;width:210px;height:430px;margin:0 auto;transform-style:preserve-3d;--sx: 50%}.stm-ph__edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:36px;background:#2b2c30;transform:translateZ(calc((var(--z) - 7.5) * 1.5px))}.stm-ph__back,.stm-ph__front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:36px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.stm-ph__back{transform:translateZ(11px);background:linear-gradient(150deg,#45464c,#25262a 45%,#1b1c1f 70%,#34353a);box-shadow:inset 0 0 0 2px #55565c}.stm-ph__back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#fff0 30%,#ffffff1a,#fff0 62%) var(--sx) 0 / 260% 100% no-repeat;pointer-events:none}.stm-ph__front{transform:rotateY(180deg) translateZ(11px);background:#050505;box-shadow:inset 0 0 0 2px #3a3b40}.stm-ph__bump,.stm-ph__bumptop{position:absolute;left:12px;top:12px;width:46%;aspect-ratio:1;border-radius:26px}.stm-ph__bump{background:#2e2f34;transform:translateZ(calc(11px + var(--z) * .55px))}.stm-ph__bumptop{transform:translateZ(14.6px);background:linear-gradient(150deg,#4a4b51,#2b2c31 60%,#3a3b40);box-shadow:inset 0 0 0 1.5px #ffffff24,inset 0 -6px 12px #0000004d}.stm-ph__lens,.stm-ph__glass{position:absolute;width:17.5%;aspect-ratio:1;border-radius:50%}.stm-ph__lens{background:#1c1d20;box-shadow:inset 0 0 0 2px #5a5b61;transform:translateZ(calc(14.6px + var(--z) * .7px))}.stm-ph__glass{transform:translateZ(17.6px);background:radial-gradient(circle at 38% 34%,#6d86b8 0 7%,#1d2a44 18%,#07080a 42%,#121316 60%,#2a2b30 70%);box-shadow:inset 0 0 0 2px #6a6b72,0 0 0 1px #111}.stm-ph__lens--1{left:19px;top:19px}.stm-ph__lens--2{left:19px;top:63px}.stm-ph__lens--3{left:63px;top:41px}.stm-ph__flash{position:absolute;left:76px;top:86px;width:5%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff6d8,#cfc6a3);transform:translateZ(15px)}.stm-ph__card,.stm-ph__cardedge{position:absolute;left:50%;top:81.35%;width:64%;aspect-ratio:85.6 / 54;border-radius:4.2%/6.6%}.stm-ph__cardedge{transform:translate(-50%,-50%) translateZ(11.6px);background:#0b0b0b;box-shadow:0 4px 10px #0000008c}.stm-ph__card{transform:translate(-50%,-50%) translateZ(12.4px);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.stm-ph__screen{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:30px;overflow:hidden;background:#242424}.stm-ph__screen .stm-profile{inset:auto;left:0;top:0;width:338px;height:716px;transform:scale(.5799);transform-origin:0 0}.stm-stage.is-phone{padding-top:80px}.stm-cardc__back{position:absolute;top:0;right:0;bottom:0;left:0;padding:8cqw;display:flex;flex-direction:column;justify-content:flex-end}.stm-cardc__name{font-size:6.2cqw;font-weight:700;line-height:1.1;letter-spacing:-.01em}.stm-cardc__title{font-size:3.5cqw;opacity:.8;margin-top:1.2cqw}.stm-cardc__rule{width:10cqw;height:.6cqw;margin:4cqw 0 3.4cqw;border-radius:1cqw}.stm-cardc__meta{font-size:3.1cqw;line-height:1.6;opacity:.85}.stm-cardc__small{position:absolute;left:8cqw;top:8cqw;max-width:30%;max-height:11cqw}.stm-cardc__small{width:30%;height:9cqw}.stm-cardc__small img{width:100%;height:100%;object-fit:contain;object-position:left center;display:block}.stm-cardc__tap{position:absolute;right:7cqw;bottom:8cqw;display:flex;flex-direction:column;align-items:center;gap:1.2cqw;font-size:2.3cqw;letter-spacing:.2em;text-transform:uppercase;opacity:.75}.stm-cardc__tap svg{width:8cqw;height:8cqw}.stm-white img{filter:brightness(0) invert(1)}.stm-black img{filter:brightness(0)}.stm-controls{margin-top:30px}.stm-ctrl{margin-bottom:26px}.stm-ctrl__label{font:500 10px var(--st-display);letter-spacing:.24em;text-transform:uppercase;color:var(--st-ink-faint);margin-bottom:12px}.stm-ctrl__label span{letter-spacing:.04em;text-transform:none;font-family:var(--st-body);font-weight:300}.stm-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stm-style{background:none;border:0;padding:0;cursor:pointer;text-align:left;color:var(--st-ink-dim);font:400 13px var(--st-body)}.stm-style__prev{position:relative;aspect-ratio:85.6/54;border-radius:7px;overflow:hidden;outline:1px solid var(--st-line);outline-offset:3px;margin-bottom:10px;transition:outline-color .3s}.stm-style.is-on{color:var(--st-ink)}.stm-style.is-on .stm-style__prev{outline:2px solid var(--st-accent)}.stm-logos{margin-top:16px}.stm-presets{margin-bottom:4px}.stm-preset__custom{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#ffffff0a;border:1px dashed var(--st-line);border-radius:7px}.stm-preset__custom .stm-picker{position:static;width:34px;height:34px}.stm-custom{padding-top:22px;border-top:1px solid var(--st-line)}.stm-swatch--card{box-shadow:0 0 0 1px #ffffff40}.stm-swatch--custom{display:inline-block;flex:none;position:relative;box-sizing:border-box;border:0;padding:0;background:none!important;box-shadow:none!important;overflow:visible;clip-path:none}.stm-picker{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.stm-swatch--custom:hover .stm-picker path[stroke]{stroke:var(--st-accent)}.stm-swatch--custom input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.stm-edit{margin-top:40px;border-top:1px solid var(--st-line);padding-top:34px}.stm-edit__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.stm-field label{display:block;font:500 10px var(--st-display);letter-spacing:.24em;text-transform:uppercase;color:var(--st-ink-faint);margin-bottom:8px}.stm-field input{width:100%;box-sizing:border-box;background:var(--st-bg-2);border:1px solid var(--st-line);color:var(--st-ink);font:400 15px var(--st-body);padding:12px 14px;outline:0}.stm-field input:focus{border-color:var(--st-accent)}.stm-field input::placeholder{color:#f2f1ed73;opacity:1}.stm-field--full{grid-column:1 / -1}.stm-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.stm-logo-opt{position:relative;width:104px;height:60px;border:1px solid var(--st-line);cursor:pointer;padding:8px 10px;box-sizing:border-box;overflow:hidden;background:repeating-conic-gradient(#e9e9ec 0 25%,#dcdce0 0 50%) 0 0 / 12px 12px}.stm-logo-opt.is-light{background:repeating-conic-gradient(#2a2a30 0 25%,#1f1f24 0 50%) 0 0 / 12px 12px}.stm-logo-opt img{display:block;width:100%;height:100%;object-fit:contain}.stm-logo-opt.is-on{border-color:var(--st-accent);box-shadow:0 0 0 1px var(--st-accent)}.stm-upload{width:104px;height:60px;box-sizing:border-box;border:1px dashed var(--st-line-2);color:var(--st-ink-dim);display:grid;place-items:center;cursor:pointer;font-size:11px;text-align:center;line-height:1.2}.stm-upload:hover{border-color:var(--st-accent);color:var(--st-accent)}.stm-swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:0 0 0 1px var(--st-line-2);padding:0}.stm-swatch.is-on{border-color:var(--st-bg);box-shadow:0 0 0 2px var(--st-accent)}.stm-color-input{width:34px;height:34px;border:0;padding:0;background:none;cursor:pointer}.stm-phone-wrap{position:sticky;top:30px}.stm-phone{position:relative;width:100%;max-width:360px;margin:0 auto;aspect-ratio:9 / 19.2;border-radius:48px;padding:11px;box-sizing:border-box;background:linear-gradient(145deg,#3a3a40,#151518);box-shadow:0 50px 90px -30px #000000e6,0 0 0 1px #ffffff14 inset}.stm-phone__screen{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;background:#242424}.stm-phone__notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:30%;height:24px;border-radius:20px;background:#000;z-index:5}.stm-profile{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;font-family:Inter,system-ui,sans-serif;color:#fff}.stm-profile::-webkit-scrollbar{display:none}.stm-p__cover{position:relative;height:150px;overflow:hidden;background-size:cover;background-position:center}.stm-p__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0006,#0000 60%)}.stm-p__coverlogo{position:absolute;left:20px;top:48px;z-index:1;max-width:55%;max-height:34px}.stm-p__coverlogo{width:55%;height:34px}.stm-p__coverlogo img{width:100%;height:100%;object-fit:contain;object-position:left center;display:block}.stm-p__coverlogo .stm-mlogo{-webkit-mask-position:left center;mask-position:left center}.stm-p__coverword{font:700 18px var(--stm-font, Inter);letter-spacing:.12em;text-transform:uppercase;height:auto}.stm-p__rings{position:absolute;right:-40px;top:10px;width:150px;height:150px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 18px #fff0,inset 0 0 0 18px #ffffff0a}.stm-p__avatar{position:relative;z-index:2;width:116px;height:116px;margin:-64px auto 0;border-radius:50%;border:3px solid rgba(255,255,255,.85);background:#fff;display:grid;place-items:center;overflow:hidden;font:700 38px var(--stm-font, Inter, sans-serif)}.stm-p__avatar img{width:64%;height:64%;object-fit:contain}.stm-p__avatar.is-photo img{width:100%;height:100%;object-fit:cover}.stm-p__body{padding:20px 20px 110px;text-align:center}.stm-p__name{font:700 21px var(--stm-font, Inter, sans-serif);margin:6px 0 8px;line-height:1.2}.stm-p__sub{font-size:13px;opacity:.72;margin:0 0 22px}.stm-p__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.stm-p__tile{background:#fff9;border:1px solid #e5e7eb;border-radius:8px;color:#2d2d2d;text-decoration:none;padding:12px 0 10px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:5px}.stm-p__tile svg,.stm-p__btn svg{width:17px;height:17px}.stm-p__btn{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:15px 12px;margin-top:10px;font-weight:600;font-size:14px;color:#fff;text-decoration:none;transition:filter .2s}.stm-p__btn:hover,.stm-p__tile:hover{filter:brightness(1.12)}.stm-p__about{font-size:13px;line-height:1.55;opacity:.75;margin:22px 0 0;text-align:left}.stm-p__save{border:0;cursor:pointer;font-family:inherit;position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:4;white-space:nowrap;border-radius:16px;padding:13px 20px;font-weight:700;font-size:13px;color:#fff;display:flex;gap:8px;align-items:center;box-shadow:0 10px 30px #00000073}.stm-p__save svg{width:16px;height:16px}.stm-phone__cap{text-align:center;margin-top:22px}.stm-cta{margin-top:70px;padding:44px;border:1px solid var(--st-line);background:var(--st-bg-2);display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.stm-cta .st-cta-row{margin-top:0}.stm-cta h3{font:600 clamp(22px,2.4vw,30px) var(--st-display);margin:0 0 8px;letter-spacing:-.01em}.stm-cta p{margin:0;color:var(--st-ink-dim)}.stm-note-found{margin-top:12px;font-size:13px;color:var(--st-ink-dim)}.stm-note-found b{color:var(--st-ink);font-weight:500}.stm-warn{margin:14px 0 0;padding:12px 14px;border:1px solid rgba(255,196,0,.35);background:#ffc40014;color:#ffd87a;font-size:13px;line-height:1.5}.stm-warn label{color:var(--st-accent);text-decoration:underline;cursor:pointer}.stm-crow{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:12px;margin-top:12px}.stm-crow>span{font-size:13px;color:var(--st-ink-dim)}.stm-grad{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--st-ink-dim);cursor:pointer}.stm-grad input{width:34px;height:34px;border:1px solid var(--st-line-2);border-radius:50%;padding:0;background:none;cursor:pointer}.stm-grad input::-webkit-color-swatch-wrapper{padding:0}.stm-grad input::-webkit-color-swatch{border:0;border-radius:50%}.stm-psec{margin-top:30px}.stm-psec .stm-logos{margin-top:14px}.stm-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--st-line-2);border-radius:99px;padding:3px;gap:2px}.stm-seg button{background:none;border:0;color:var(--st-ink-dim);font:500 12px var(--st-body);padding:8px 16px;border-radius:99px;cursor:pointer}.stm-seg button:hover{color:var(--st-ink)}.stm-seg button.is-on{background:var(--st-accent);color:#0e0e10}.stm-photo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.stm-photo label.stm-pill{display:inline-block}.stm-photo__thumb{background:center / cover no-repeat;border:1px solid var(--st-line-2)}.stm-photo__thumb--avatar{width:56px;height:56px;border-radius:50%}.stm-photo__thumb--banner{width:126px;height:56px;border-radius:6px}.stm-lead .stm-edit__grid{margin-bottom:4px}.stm-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}.stm-lead__submit{margin-top:18px}.stm-field label span{text-transform:none;letter-spacing:0;font-family:var(--st-body);font-weight:300}.stm-lead__submit{width:100%;text-align:center}.stm-lead__submit:disabled,.stm-order:disabled{opacity:.6;cursor:wait}.stm-lead__msg{margin:12px 0 0;font-size:13px;color:#ff8a80}.stm-lead__note{margin:12px 0 0}.stm-lead__note a{color:inherit}.stm-lead-done{text-align:center;padding:18px 0 6px}.stm-lead-done__icon{position:relative;width:64px;height:64px;margin:4px auto 20px}.stm-lead-done__icon svg{position:relative;width:100%;height:100%;display:block;fill:none;stroke:var(--st-accent);stroke-linecap:round;stroke-linejoin:round}.stm-lead-done__icon circle{stroke-width:1;opacity:.55;stroke-dasharray:189;stroke-dashoffset:189;animation:stm-draw .9s cubic-bezier(.22,1,.36,1) forwards}.stm-lead-done__icon path{stroke-width:2;stroke-dasharray:40;stroke-dashoffset:40;animation:stm-draw .6s .45s cubic-bezier(.22,1,.36,1) forwards}.stm-lead-done__pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--st-accent);opacity:0;animation:st-pulse 2.2s .9s cubic-bezier(.22,1,.36,1) 1 both}.stm-lead-done__pulse+.stm-lead-done__pulse{animation-delay:1.15s}@keyframes stm-draw{to{stroke-dashoffset:0}}.stm-lead-done h4{font:600 22px var(--st-display);letter-spacing:-.01em;margin:0 0 8px}.stm-lead-done p{color:var(--st-ink-dim);margin:0}.stm-lead-done p b{color:var(--st-ink);font-weight:500}.stm-lead-done p small{display:block;margin-top:10px;font-size:13px;color:var(--st-ink-faint)}.stm-or{display:flex;align-items:center;gap:14px;margin:26px 0 18px;color:var(--st-ink-faint);font-size:13px;text-transform:uppercase;letter-spacing:.2em}.stm-or:before,.stm-or:after{content:"";flex:1;height:1px;background:var(--st-line)}.stm-order{width:100%;text-align:center}.stm-order__note{margin:10px 0 0;text-align:center}.stm-demo-link{display:block;margin-top:18px;text-align:center;font-size:13px;color:var(--st-ink-dim)}.stm-demo-link:hover{color:var(--st-accent)}.stm-wiz[data-at=done] .stm-panel .stm-field{text-align:left}.stm-intents{display:grid;gap:8px;margin-bottom:20px;text-align:left}.stm-intent{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid var(--st-line);cursor:pointer;transition:border-color .2s,background .2s}.stm-intent input{margin-top:3px;accent-color:var(--st-accent);flex:none}.stm-intent b{display:block;font-weight:500;font-size:14px;color:var(--st-ink)}.stm-intent small{display:block;font-size:13px;color:var(--st-ink-faint);margin-top:2px}.stm-intent.is-on{border-color:var(--st-accent);background:#3ecfcf0f}.stm-help textarea{display:block;width:100%;box-sizing:border-box;background:var(--st-bg);border:1px solid var(--st-line);color:var(--st-ink);font:400 14px/1.5 var(--st-body);padding:12px 14px;resize:vertical;outline:0}.stm-help textarea:focus{border-color:var(--st-accent)}.stm-files{display:block;margin-top:10px;padding:12px 14px;border:1px dashed var(--st-line-2);font-size:13px;color:var(--st-ink-dim);cursor:pointer}.stm-files:hover{border-color:var(--st-accent);color:var(--st-accent)}.stm-files small{color:var(--st-ink-faint)}.stm-helplink{display:block;width:100%;text-align:center;background:#3ecfcf0d;border:1px solid rgba(62,207,207,.22);color:var(--st-ink-dim);font:400 13px/1.5 var(--st-body);padding:16px 18px;margin:28px 0 0;cursor:pointer}.stm-helplink b{color:var(--st-accent);font-weight:500}.stm-helplink:hover{border-color:var(--st-accent)}.stm-inline-link{background:none;border:0;padding:0;font:inherit;color:var(--st-accent);text-decoration:underline;cursor:pointer}.stm-helpnav{background:none;border:0;padding:4px 0;font:400 13px var(--st-body);color:var(--st-ink-dim);cursor:pointer}.stm-helpnav:hover{color:var(--st-accent)}.stm-wiz[data-at=done] .stm-nav{flex-direction:column;align-items:center;gap:12px;position:static!important}.stm-help{width:100%;box-sizing:border-box;margin:4px 0 0;padding:16px;border:1px solid rgba(62,207,207,.3);background:#3ecfcf0a;text-align:left}.stm-help__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;color:var(--st-ink)}.stm-help__close{background:none;border:0;color:var(--st-ink-faint);font-size:22px;line-height:1;cursor:pointer;padding:0 2px}.stm-help__close:hover{color:var(--st-ink)}.stm-help__send{width:100%;margin-top:12px;text-align:center}.stm-help__note{margin:8px 0 0;text-align:center}.stm-check{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:13px;color:var(--st-ink-dim);cursor:pointer;line-height:1.45}.stm-check input{margin-top:2px;accent-color:var(--st-accent);width:16px;height:16px;flex:none}.stm-shot-holder{position:fixed;left:-10000px;top:0}.stm-shot{width:420px;padding:34px 30px;background:#0e0e10;box-sizing:border-box}.stm-phone--full{aspect-ratio:auto;max-width:360px}.stm-phone--full .stm-phone__screen{height:auto;position:relative}.stm-profile--full{position:relative!important;inset:auto!important;overflow:visible!important;min-height:660px}.stm-phone--full .stm-p__body{padding-bottom:96px}.stm-sitebn{width:126px;height:56px;border:1px solid var(--st-line-2);border-radius:6px;background:#222 center / cover no-repeat;cursor:pointer;padding:0}.stm-sitebn.is-on{border-color:var(--st-accent);box-shadow:0 0 0 1px var(--st-accent)}.stm-crop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#050507d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.stm-crop__box{width:min(560px,100%);background:var(--st-bg-2);border:1px solid var(--st-line-2);padding:26px;box-sizing:border-box}.stm-crop__stage{position:relative;width:100%;overflow:hidden;background:#000;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.stm-crop__stage:active{cursor:grabbing}.stm-crop__stage img{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;pointer-events:none}.stm-crop__frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff80}.stm-crop.is-round .stm-crop__frame{border-radius:50%;box-shadow:0 0 0 999px #0000008c,inset 0 0 0 1px #fff9}.stm-crop.is-round .stm-crop__stage{max-width:380px;margin:0 auto}.stm-crop__zoom{display:flex;align-items:center;gap:12px;margin-top:18px;color:var(--st-ink-dim)}.stm-crop__zoom input{flex:1;accent-color:var(--st-accent)}.stm-crop__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px;flex-wrap:wrap}.stm-phonegl{position:relative;z-index:1;width:100%;height:470px}.stm-phonegl canvas{display:block}.stm-credit{position:relative;z-index:1;text-align:center;margin:8px 0 0;font-size:10px;color:var(--st-ink-faint)}.stm-credit a{color:inherit}.stm-ph3d-css{position:absolute!important;top:0;right:0;bottom:0;left:0;pointer-events:none}.stm-ph3d-screen{position:relative;overflow:hidden;border-radius:50px;background:#242424;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none}.stm-ph3d-screen .stm-profile{overflow:hidden}.stm-ph3d-island{position:absolute;left:50%;top:11px;width:32%;height:34px;transform:translate(-50%);background:#000;border-radius:20px;z-index:6}.stm-steps-bar{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 28px;flex-wrap:wrap;scroll-margin-top:20px}.stm-steps-bar button{display:flex;align-items:center;gap:10px;background:none;border:1px solid var(--st-line);color:var(--st-ink-faint);font:500 13px var(--st-body);padding:9px 18px 9px 10px;border-radius:99px;cursor:pointer;transition:all .3s}.stm-steps-bar button span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--st-line-2);font:600 11px var(--st-display)}.stm-steps-bar button:hover{color:var(--st-ink)}.stm-steps-bar button.is-on{border-color:var(--st-accent);color:var(--st-ink)}.stm-steps-bar button.is-on span{background:var(--st-accent);border-color:var(--st-accent);color:#0e0e10}.stm-steps-bar button.is-done{color:var(--st-ink-dim)}.stm-steps-bar button.is-done span{border-color:var(--st-accent);color:var(--st-accent)}.stm-wiz{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:36px;align-items:start}.stm-preview{position:sticky;top:20px;display:grid;gap:30px}.stm-preview .stm-phone-wrap{position:static}.stm-panel{border:1px solid var(--st-line);background:var(--st-bg-2);padding:30px 30px 26px}.stm-panel .stm-edit__grid{grid-template-columns:1fr 1fr}.stm-panel .stm-styles{gap:10px}.stm-panel .stm-logo-opt,.stm-panel .stm-upload{width:92px;height:54px}.stm-step__title{font:600 26px var(--st-display);letter-spacing:-.01em;margin:0 0 24px}.stm-step__text{color:var(--st-ink-dim);margin:-12px 0 24px}.stm-done__actions{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.stm-done__actions .st-btn{text-align:center}.stm-more{border-top:1px solid var(--st-line);margin-top:8px;padding-top:4px}.stm-more summary{list-style:none;cursor:pointer;padding:14px 0;font-size:14px;color:var(--st-ink-dim);display:flex;justify-content:space-between;align-items:center}.stm-more summary::-webkit-details-marker{display:none}.stm-more summary:after{content:"+";font:300 20px var(--st-body);color:var(--st-accent);transition:transform .3s}.stm-more[open] summary:after{transform:rotate(45deg)}.stm-more summary:hover{color:var(--st-ink)}.stm-nav{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid var(--st-line)}.stm-nav [data-next]{margin-left:auto}.stm-wiz[data-at=done] .stm-preview{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:24px}.stm-wiz[data-at=done] .stm-panel{position:sticky;top:20px}.stm-wiz[data-at=done] .stm-nav{justify-content:center}.stm-wiz[data-at=done] .stm-nav [data-prev]{margin:0}@media(max-width:960px){.stm-wiz{grid-template-columns:1fr}.stm-preview{position:static}.stm-wiz[data-at=done] .stm-preview{grid-template-columns:1fr}.stm-wiz[data-at=done] .stm-panel{order:-1;position:static}.stm-nav{position:sticky;bottom:0;z-index:5;background:var(--st-bg-2);margin:26px -30px -26px;padding:14px 30px}}@media(max-width:640px){.stm-panel{padding:22px 18px 18px}.stm-panel .stm-edit__grid{grid-template-columns:1fr}.stm-nav{margin:22px -18px -18px;padding:12px 18px}.stm-steps-bar button{padding:7px 12px 7px 7px;font-size:12px}}@media(max-width:960px){.stm-grid{grid-template-columns:1fr;gap:60px}.stm-phone-wrap{position:static}}@media(max-width:640px){.stm{padding-top:10px}.stm-form{flex-direction:column}.stm-form .st-btn{width:100%}.stm-stage{padding:44px 18px 40px}.stm-edit__grid{grid-template-columns:1fr}.stm-cta{padding:28px 22px}.stm-phone{max-width:300px}}.stm-ctrl__label,.stm-field label{font-size:12px;color:var(--st-ink-dim)}.stm-steps-bar button{color:var(--st-ink-dim)}.stm-steps-bar button span,.stm-pill,.stm-upload{font-size:12px}.stm-phone__cap{color:var(--st-ink-dim)}.stm-p__tiles .stm-p__tile{background:color-mix(in srgb,var(--ptext, #fff) 12%,var(--pbg, #111));border-color:color-mix(in srgb,var(--ptext, #fff) 22%,var(--pbg, #111));color:var(--ptext, #fff);font-size:12.5px}.stm-p__tiles .stm-p__tile{background:#9a9a9c;border:2px solid #dcdcdc;border-radius:10px;color:#fff;font-size:12.5px;font-weight:500}.stm-p__tiles .stm-p__tile svg{color:var(--ic, #0f8f8f);width:19px;height:19px}.stm-p__btn--dl{width:100%;border:0;cursor:pointer;font-family:inherit}.stm-p__save{font-weight:800;box-shadow:0 0 0 1px #ffffff14,0 0 26px #ffffff1f;cursor:default}.stm-p__save svg{width:18px;height:18px}
/*# sourceMappingURL=/cdn/shop/t/8/assets/st-mockup.css.map */