.stage{perspective:1200px}.frame{--tilt-x: 0deg;--tilt-y: 0deg;position:relative;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .25s var(--ease);will-change:transform;animation:float 7s ease-in-out infinite}@keyframes float{0%,to{translate:0 0}50%{translate:0 -10px}}.frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateZ(-24px);background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 55%,#1A1815) 100%);border-radius:18px;filter:blur(2px);opacity:.28}.frame__window{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--sh-4)}.frame__bar{display:flex;align-items:center;gap:var(--s-3);padding:10px 14px;background:var(--sunken);border-bottom:1px solid var(--line)}.frame__dots{display:flex;gap:6px}.frame__dots i{width:10px;height:10px;border-radius:50%;background:var(--line-strong)}.frame__dots i:first-child{background:#e8695c}.frame__dots i:nth-child(2){background:#d9a227}.frame__dots i:last-child{background:#4fb489}.frame__url{flex:1;font-size:11px;color:var(--ink-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-full);padding:3px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frame__body{padding:14px;background:var(--bg)}.trellis-ui{font-family:var(--font-ui),system-ui,sans-serif;font-size:11px;color:#1a1815;background:#fdfbf7;border:1px solid #E6DFD2;border-radius:12px;overflow:hidden;width:100%}.trellis-ui__head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#fff;border-bottom:1px solid #E6DFD2}.trellis-ui__brand{display:flex;align-items:center;gap:6px;font-family:var(--font-display),Georgia,serif;font-weight:600;font-size:12px}.trellis-ui__brand i{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;background:#ae4a34;color:#fff;font-style:normal;font-size:10px}.trellis-ui__tabs{display:flex;gap:3px;background:#f5f1e9;border-radius:7px;padding:2px}.trellis-ui__tabs span{padding:2px 12px;border-radius:5px;font-size:10px;color:#6b635a}.trellis-ui__tabs span.on{background:#fff;color:#1a1815;font-weight:600;box-shadow:0 1px 2px #1a18150f}.trellis-ui__step{display:flex;align-items:center;gap:8px;padding:7px 10px}.trellis-ui__step+.trellis-ui__step{border-top:1px solid #EFEAE0}.trellis-ui__num{display:grid;place-items:center;width:16px;height:16px;flex:none;border-radius:50%;background:#ae4a34;color:#fff;font-size:9px;font-weight:600}.trellis-ui__step.is-done .trellis-ui__num{background:#e6f2ec;color:#2b7053}.trellis-ui__steptitle{font-weight:600;font-size:11px}.trellis-ui__stepstate{margin-left:auto;font-size:9px;color:#928a80}.trellis-ui__stepstate.ok{color:#2b7053}.trellis-ui__field{margin:4px 10px 8px;display:grid;gap:4px}.trellis-ui__input{height:22px;background:#fff;border:1px solid #E6DFD2;border-radius:6px;font-size:10px;color:#928a80;display:flex;align-items:center;padding:0 8px;white-space:nowrap;overflow:hidden}.trellis-ui__input.is-filled{color:#1a1815}.trellis-ui__label{font-size:8.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#928a80}.trellis-ui__btn{margin:4px 10px 10px;height:26px;display:flex;align-items:center;justify-content:center;background:#ae4a34;color:#fff;border-radius:7px;font-size:10.5px;font-weight:600}.trellis-ui__btn.is-ghost{background:#fff;color:#1a1815;border:1px solid #D4CABA}.trellis-ui__pin{display:flex;gap:8px;margin:4px 10px 10px}.trellis-ui__thumb{width:44px;height:66px;flex:none;border-radius:6px;background:linear-gradient(180deg,#2b7053 0% 62%,#1a1815 62% 100%);position:relative;overflow:hidden}.trellis-ui__thumb:after{content:"";position:absolute;left:8px;right:8px;bottom:10px;height:5px;border-radius:2px;background:#fdfbf7;opacity:.9;box-shadow:0 -9px 0 -1px #fdfbf7a6}.trellis-ui__copy{flex:1;display:grid;gap:4px;align-content:start;min-width:0}.trellis-ui__line{height:7px;border-radius:3px;background:#e6dfd2}.trellis-ui__line.w60{width:60%}.trellis-ui__line.w85{width:85%}.trellis-ui__line.w100{width:100%}.trellis-ui__line.ink{background:#1a1815;width:75%;height:8px}.frame--hero .frame__window{max-width:520px;margin:0 auto}.frame--mini .frame__window{border-radius:12px}.frame--mini .frame__body{padding:8px}.frame--mini .frame__bar{padding:7px 10px}.frame--flat{animation:none}.frame--flat:after{display:none}@media(max-width:640px){.frame__url{font-size:10.5px}.frame--mini .frame__body{padding:6px}.trellis-ui__label{font-size:10px;letter-spacing:.06em}.trellis-ui__num,.trellis-ui__stepstate{font-size:10.5px}.trellis-ui__steptitle{font-size:12.5px}.trellis-ui__tabs span{font-size:11px;padding:3px 10px}.trellis-ui__input{font-size:11.5px}.trellis-ui__brand{font-size:13px}.trellis-ui__btn{font-size:11.5px}}@media(prefers-reduced-motion:reduce){.frame{animation:none;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/frame.css.map */