.faangin-real-demo{width:100%;min-width:0;padding:16px 12px 0;scroll-margin-top:96px}.faangin-real-demo__gallery{width:100%;max-width:1152px;margin-inline:auto}.faangin-real-demo__header{justify-content:space-between;align-items:center;gap:16px;margin:0 7px 13px;display:flex}.faangin-real-demo__eyebrow{color:#eff6ff;letter-spacing:.02em;align-items:center;gap:7px;font-size:11px;font-weight:500;display:inline-flex}.faangin-real-demo__eyebrow>span{background:#bcd9ff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #cce4ff70}.faangin-real-demo__tabs{background:#c3dbff17;border:1px solid #ffffff3d;border-radius:10px;gap:3px;padding:4px;display:inline-flex}.faangin-real-demo__tabs button{color:#f2f7ff;cursor:pointer;border:1px solid #0000;border-radius:6px;min-height:31px;padding:7px 14px;font-size:11px;font-weight:500;line-height:1}.faangin-real-demo__tabs button[data-state=active]{color:#365882;background:#f5f9ff;border-color:#ffffff9c;box-shadow:0 1px 4px #082e6926}.faangin-real-demo__tabs button:hover:not([data-state=active]){background:#e3efff17}.faangin-real-demo__tabs button:focus-visible{outline-offset:2px;outline:2px solid #fff}.faangin-real-demo__panel{border-radius:16px}.faangin-real-demo__panel[hidden]{display:none}.faangin-real-demo__panel:focus-visible{outline-offset:5px;outline:2px solid #dbeaff}.faangin-real-demo__panel figure{margin:0}.faangin-real-demo__frame{background:linear-gradient(145deg,#e7f0ff6e,#a3bee646);border:1px solid #eff6ff7d;border-radius:18px;padding:7px;box-shadow:0 20px 55px #082b542e,inset 0 1px #ffffff4d}.faangin-real-demo__imageLink{aspect-ratio:3024/1718;background:#eef2f7;border:1px solid #dbe6f1;border-radius:11px;display:block;position:relative;overflow:hidden}.faangin-real-demo__imageLink:focus-visible{outline-offset:4px;outline:2px solid #fff}.faangin-real-demo__image{object-fit:cover;object-position:50% 0;width:100%;height:100%;position:absolute;top:0;left:0}.faangin-real-demo__image[data-browser-chrome]{height:114.32%;top:-14.32%}.faangin-real-demo__expand{color:#f5f9ff;background:#203a5eeb;border:1px solid #ffffff80;border-radius:7px;align-items:center;gap:7px;min-height:30px;padding:7px 10px;font-size:10px;font-weight:500;line-height:1;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 9px #17365326}.faangin-real-demo__imageLink:hover .faangin-real-demo__expand{background:#34577f}.faangin-real-demo__caption{color:#f2f7ff;align-items:baseline;gap:15px;padding:13px 8px 0;display:flex}.faangin-real-demo__caption>span{letter-spacing:.015em;flex:none;font-size:10px;font-weight:500}.faangin-real-demo__caption p{color:#e5efff;margin:0;font-size:12px;font-weight:400;line-height:1.5}@media (min-width:640px){.faangin-real-demo{padding-inline:48px}}@media (min-width:1024px){.faangin-real-demo{padding-top:24px}.faangin-real-demo__header{margin-bottom:14px}.faangin-real-demo__eyebrow{font-size:12px}.faangin-real-demo__tabs button{padding-inline:17px;font-size:12px}}@media (max-width:639px){.faangin-real-demo__header{flex-direction:column;align-items:stretch;gap:12px;margin-inline:3px}.faangin-real-demo__tabs{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.faangin-real-demo__tabs button{padding-inline:5px;font-size:10px}.faangin-real-demo__frame{border-radius:14px;padding:5px}.faangin-real-demo__imageLink{aspect-ratio:.95;border-radius:8px}.faangin-real-demo__expand{min-height:31px;bottom:8px;right:8px}.faangin-real-demo__caption{flex-direction:column;gap:5px;padding:12px 4px 0}.faangin-real-demo__caption p{font-size:11px}}