.as-pg-card{border:1px solid rgb(0 0 0 / .08);border-radius:24px;background:#fff;padding:16px;box-shadow:0 24px 60px -30px #00000040}@media(min-width:768px){.as-pg-card{padding:24px}}.as-pg-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:12.5px}.as-pg-powered{font-weight:600;letter-spacing:.02em}.as-pg-demo{display:inline-flex;align-items:center;gap:8px;opacity:.6}.as-pg-live{width:8px;height:8px;border-radius:99px;background:#2f9e62}.as-pg-views{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.as-pg-view{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 16px 6px 8px;border-radius:999px;border:1px solid rgb(0 0 0 / .14);background:#fff;color:inherit;font-size:14.5px;cursor:pointer}.as-pg-view-num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:99px;background:#00000012;font-size:13px;font-weight:600}.as-pg-view[aria-selected=true]{background:#2a2622;color:#fff;border-color:#2a2622}.as-pg-view[aria-selected=true] .as-pg-view-num{background:#ffffff2e}.as-pg-view:focus-visible{outline:2px solid currentColor;outline-offset:2px}.as-pg-site{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgb(0 0 0 / .08);border-radius:14px 14px 0 0;background:#f6f3ee}.as-pg-dots{display:inline-flex;gap:6px}.as-pg-dots i{width:10px;height:10px;border-radius:99px;background:#00000026}.as-pg-url{flex:1;max-width:320px;padding:4px 14px;border-radius:99px;background:#fff;font-size:12.5px;opacity:.7}.as-pg-mount{padding-top:16px}.as-pg-mock{display:none;border:1px solid rgb(0 0 0 / .08);border-top:0;border-radius:0 0 14px 14px;overflow:hidden;background:#fff}.as-pg-stage[data-view=box] .as-pg-mock,.as-pg-stage[data-view=section] .as-pg-mock{display:block}.as-pg-mock-nav{display:flex;align-items:center;gap:20px;height:56px;padding:0 16px;border-bottom:1px solid rgb(0 0 0 / .08);font-size:14px}.as-pg-mock-nav b{letter-spacing:.18em;font-size:13px}.as-pg-mock-nav span{opacity:.55}.as-pg-mock-hero{position:relative;height:230px;margin:12px;border-radius:14px;background-size:cover;background-position:center 60%}.as-pg-mock-hero:before{content:"";position:absolute;inset:0;border-radius:14px;background:#00000073}.as-pg-mock-hero p{position:absolute;left:24px;bottom:20px;margin:0;color:#fff;font-size:26px;font-weight:500}.as-pg-mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 12px;filter:grayscale(1);opacity:.55}.as-pg-mock-grid img{width:100%;height:auto;aspect-ratio:4 / 3;-o-object-fit:cover;object-fit:cover;border-radius:10px}.as-pg-mock-note{margin:0;padding:8px 16px 12px;text-align:right;font-size:12px;opacity:.45}.as-pg-stage[data-view=box] .as-pg-mount,.as-pg-stage[data-view=section] .as-pg-mount{position:absolute;z-index:2;padding-top:0}.as-pg-stage[data-view=box] .as-pg-mount{top:62px;right:16px;width:min(420px,calc(100% - 32px))}.as-pg-stage[data-view=section] .as-pg-mount{top:150px;left:50%;transform:translate(-50%);width:min(720px,calc(100% - 32px))}@media(max-width:767px){.as-pg-mock-nav span{display:none}.as-pg-mock-hero{height:180px}.as-pg-stage[data-view=section] .as-pg-mount{top:120px}.as-pg-stage[data-view=box] .as-pg-mount,.as-pg-stage[data-view=section] .as-pg-mount{left:12px;right:12px;width:auto;transform:none}.as-pg-stage[data-view=box] .sfas-panel,.as-pg-stage[data-view=section] .sfas-panel{min-width:0!important;width:100%!important;max-width:100%!important;left:0!important;right:0!important}}.as-pg-prompts{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.as-pg-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;opacity:.55}.as-pg-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.as-pg-chip{min-height:44px;padding:8px 16px;border-radius:999px;font-size:14.5px;border:1px solid rgb(0 0 0 / .14);background:#fff;color:inherit;cursor:pointer;transition:background-color .15s,border-color .15s}.as-pg-chip:hover:not(:disabled){background:#0000000a;border-color:#0000004d}.as-pg-chip:focus-visible,.as-pg-reset:focus-visible{outline:2px solid currentColor;outline-offset:2px}.as-pg-chip:disabled{opacity:.45;cursor:progress}.as-pg-reset{min-height:44px;padding:0 8px;font-size:14px;text-decoration:underline;text-underline-offset:3px;background:none;border:0;cursor:pointer;color:inherit;opacity:.7}.as-pg-stage{position:relative;margin-top:16px;min-height:640px}@media(max-width:767px){.as-pg-stage{min-height:560px}}.as-pg-stage[data-state=loading] .as-pg-mount,.as-pg-stage[data-state=error] .as-pg-mount{visibility:hidden;position:absolute;inset:0}.as-pg-stage[data-state=ready] .as-pg-loading,.as-pg-stage[data-state=error] .as-pg-loading,.as-pg-stage[data-state=ready] .as-pg-error,.as-pg-stage[data-state=loading] .as-pg-error{display:none}.as-pg-stage[data-state=ready]{min-height:0}.as-pg-stage[data-view=box],.as-pg-stage[data-view=section]{min-height:640px}@media(max-width:767px){.as-pg-stage[data-view=box],.as-pg-stage[data-view=section]{min-height:800px}}.as-pg-skel-field,.as-pg-skel-grid i{background:linear-gradient(90deg,#0000000d,#00000017,#0000000d);background-size:200% 100%;animation:as-pg-shimmer 1.4s linear infinite;border-radius:14px}.as-pg-skel-field{height:56px}.as-pg-skel-grid{display:grid;gap:12px;margin-top:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.as-pg-skel-grid i{display:block;aspect-ratio:4 / 3.2}@keyframes as-pg-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.as-pg-skel-field,.as-pg-skel-grid i{animation:none}}.as-pg-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:320px;padding:24px;border:1px dashed rgb(0 0 0 / .2);border-radius:18px}.as-pg-error[hidden]{display:none}.as-pg-error-title{font-size:20px;font-weight:500}.as-pg-error-text{margin-top:6px;opacity:.65;font-size:15px}.as-pg-error-actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.as-pg-noscript{margin-top:12px;text-align:center;font-size:14px}
