#aps .demo{position:relative;max-width:980px;margin:64px auto 0;background:#fff;border-radius:28px;overflow:hidden;text-align:left;box-shadow:0 1px 2px #1d1b3f0f,0 30px 80px -20px #1d1b3f40}#aps .d-bar{height:40px;background:#f6f5f2;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid var(--line)}#aps .d-bar i{width:10px;height:10px;border-radius:50%;background:#ff5a3c}#aps .d-bar i:nth-child(2){background:#ffc53d}#aps .d-bar i:nth-child(3){background:#1fb57a}#aps .d-bar span{margin-left:10px;font-size:12px;font-weight:600;color:var(--muted)}#aps .d-body{display:grid;grid-template-columns:300px 1fr;min-height:440px}#aps .d-form{padding:22px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}#aps .d-drop{position:relative;height:96px;border:2px dashed #cfc6ff;border-radius:14px;display:grid;place-items:center;font-size:13px;color:var(--muted);margin-bottom:6px}#aps .d-photo{position:absolute;top:7px;right:7px;bottom:7px;left:7px;background:#fff1ea;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:600;color:var(--ink);opacity:0;transform:translateY(-24px) scale(.85) rotate(-4deg);transition:opacity .4s,transform .6s cubic-bezier(.34,1.56,.64,1)}#aps .demo.photo .d-photo{opacity:1;transform:none}#aps .d-photo svg{height:66px;width:auto}#aps .d-lab{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:6px}#aps .d-in{height:38px;border:1px solid var(--line);border-radius:10px;padding:0 12px;display:flex;align-items:center;font-size:14px;color:var(--ink);transition:border-color .2s,box-shadow .2s}#aps .d-in.typing{border-color:#5b3df5;box-shadow:0 0 0 3px #5b3df526}#aps .d-in .caret{display:inline-block;width:2px;height:16px;background:#5b3df5;margin-left:1px;opacity:0}#aps .d-in.typing .caret{opacity:1;animation:apsBlink .9s steps(1) infinite}@keyframes apsBlink{50%{opacity:0}}#aps .d-chips{display:flex;flex-wrap:wrap;gap:6px}#aps .d-chip{padding:7px 12px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink);background:#fff;transition:background .25s,color .25s,border-color .25s,transform .35s cubic-bezier(.34,1.56,.64,1)}#aps .d-chip.on{background:#5b3df5;border-color:#5b3df5;color:#fff;transform:scale(1.06)}#aps .d-chip.on:before{content:"\2713  "}#aps .d-btn{position:relative;overflow:hidden;margin-top:12px;height:44px;border-radius:999px;background:#5b3df5;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:600;transition:transform .2s}#aps .d-btn.press{transform:scale(.95)}#aps .d-btn span{grid-area:1/1;transition:opacity .2s}#aps .d-btn .t2,#aps .demo.loading .d-btn .t1{opacity:0}#aps .demo.loading .d-btn .t2{opacity:1}#aps .d-btn .bar{position:absolute;left:0;bottom:0;height:4px;width:0;background:#ffc53d}#aps .demo.loading .d-btn .bar{width:100%;transition:width 1.3s linear}#aps .d-out{position:relative;padding:22px;background-color:#fbfaf8;background-image:radial-gradient(rgba(29,27,63,.08) 1px,transparent 1px);background-size:14px 14px;display:flex;align-items:center;justify-content:center}#aps .d-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:14px;color:var(--muted);transition:opacity .3s}#aps .demo.done .d-empty,#aps .demo.loading .d-empty{opacity:0}#aps .d-tiles{display:grid;grid-template-columns:150px 88px 125px;gap:16px;align-items:end;justify-content:center}#aps .tile{opacity:0;transform:translateY(24px) scale(.6) rotate(-4deg);transition:opacity .35s,transform .6s cubic-bezier(.34,1.56,.64,1)}#aps .tile.in{opacity:1;transform:none}#aps .tile:nth-child(2).in{transform:rotate(2deg)}#aps .tile:nth-child(3).in{transform:rotate(-1.5deg)}#aps .tile .art{border-radius:12px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;box-shadow:0 10px 24px -10px #1d1b3f59}#aps .tile .art svg{width:auto}#aps .tile .art strong{font-size:11px;font-weight:700;color:var(--ink);text-align:center;line-height:1.15}#aps .tile .art em{font-style:normal;font-size:9.5px;font-weight:700;background:#1d1b3f;color:#fff;padding:4px 9px;border-radius:999px}#aps .tile small{display:block;text-align:center;margin-top:7px;font-size:11px;font-weight:600;color:var(--muted)}#aps .t-a .art{width:150px;height:150px;background:#efeafe}#aps .t-a .art svg{height:62px}#aps .t-b .art{width:88px;height:156px;background:#ffe9e2}#aps .t-b .art svg{height:58px}#aps .t-c .art{width:125px;height:156px;background:#fff3cf}#aps .t-c .art svg{height:62px}#aps .t-d{grid-column:1/-1}#aps .t-d .art{width:100%;height:50px;background:#1d1b3f;flex-direction:row;justify-content:space-between;padding:0 16px}#aps .t-d .art svg{height:36px}#aps .t-d .art strong{color:#fff;font-size:12px}#aps .t-d .art em{background:#ff5a3c;color:#1d1b3f}#aps .d-cursor{position:absolute;top:0;left:0;z-index:5;width:22px;height:22px;pointer-events:none;opacity:0;transition:transform .7s cubic-bezier(.65,0,.35,1),opacity .3s}#aps .demo.run .d-cursor{opacity:1}#aps .d-cursor svg{width:22px;height:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}#aps .d-cursor:after{content:"";position:absolute;left:-9px;top:-9px;width:20px;height:20px;border-radius:50%;background:#5b3df559;transform:scale(0);opacity:0}#aps .d-cursor.click:after{animation:apsClick .45s ease-out}@keyframes apsClick{0%{transform:scale(0);opacity:1}to{transform:scale(2.2);opacity:0}}#aps .demo.fade .d-body{opacity:0;transition:opacity .4s}#aps .d-body{transition:opacity .4s}@media(max-width:820px){#aps .demo{margin-top:44px;border-radius:22px}#aps .d-body{grid-template-columns:1fr;min-height:0}#aps .d-form{border-right:0;border-bottom:1px solid var(--line);padding:14px 14px 16px;gap:6px}#aps .d-lab{display:none}#aps .d-drop{height:70px;margin-bottom:2px}#aps .d-photo svg{height:48px}#aps .d-in{height:34px;font-size:13px}#aps .d-chip{padding:6px 10px;font-size:12px}#aps .d-btn{height:40px;margin-top:6px;font-size:13px}#aps .d-out{min-height:250px;padding:16px 10px}#aps .d-tiles{grid-template-columns:104px 62px 88px;gap:10px}#aps .t-a .art{width:104px;height:104px}#aps .t-a .art svg{height:42px}#aps .t-b .art{width:62px;height:110px}#aps .t-b .art svg{height:38px}#aps .t-c .art{width:88px;height:110px}#aps .t-c .art svg{height:42px}#aps .tile .art strong{font-size:9px}#aps .tile .art em{font-size:8px;padding:3px 7px}#aps .t-b .art strong{display:none}}#aps .nav-right{display:flex;align-items:center;gap:10px}#aps .lang{display:inline-flex;background:#ebe9e4;border-radius:999px;padding:3px;gap:2px}#aps .lang button{border:0;background:transparent;font:inherit;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--muted);height:30px;min-width:40px;padding:0 10px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}#aps .lang button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 4px #1d1b3f26}#aps .lang button:focus-visible{outline:2px solid #5b3df5;outline-offset:2px}@media(max-width:420px){#aps .brand{font-size:15px}#aps .lang button{min-width:34px;padding:0 8px}#aps .nav .wrap{gap:10px}}#aps h1 .morph{box-sizing:border-box;border:0 dashed transparent}#aps h1 .morph.m3{width:.6em;height:.76em;background:#2f6bff;transform:rotate(-4deg)}#aps h1 .morph.m4{width:.72em;height:.62em;background:transparent;border:.075em dashed #5b3df5;box-shadow:none;transform:rotate(3deg)}
/*# sourceMappingURL=/cdn/shop/t/16/assets/aps-demo.css.map */