.ftbr-pro,
.ftbr-pro *{box-sizing:border-box}
.ftbr-pro{--ftbr-accent:#6436d8;position:relative;width:100%;max-width:100%;overflow:hidden;border:1px solid rgba(100,54,216,.14);border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fbfaff 100%);box-shadow:0 14px 40px rgba(48,27,105,.10);font-family:inherit;color:#1f2333;padding:16px;isolation:isolate}
.ftbr-pro:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(100,54,216,.15),rgba(100,54,216,0) 70%);top:-95px;right:-80px;z-index:-1}
.ftbr-pro__header{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}
.ftbr-pro__header-icon{flex:0 0 42px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--ftbr-accent),#8f63f2);box-shadow:0 8px 18px rgba(100,54,216,.25)}
.ftbr-pro__header h3{margin:1px 0 4px!important;padding:0!important;border:0!important;font-size:20px!important;line-height:1.2!important;font-weight:800!important;color:#272044!important;letter-spacing:-.25px}
.ftbr-pro__header p{margin:0!important;font-size:13px!important;line-height:1.5!important;color:#6c6f7d!important}
.ftbr-pro__tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;padding:4px;border-radius:14px;background:#f2effc}
.ftbr-pro__tab{appearance:none;border:0!important;margin:0!important;padding:10px 9px!important;border-radius:11px!important;background:transparent!important;color:#6b667a!important;font:inherit!important;font-size:13px!important;font-weight:750!important;line-height:1!important;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:.2s ease;box-shadow:none!important;text-transform:none!important}
.ftbr-pro__tab.is-active{background:#fff!important;color:var(--ftbr-accent)!important;box-shadow:0 4px 13px rgba(51,31,105,.10)!important}
.ftbr-pro__tab-dot{width:10px;height:10px;border-radius:50%;background:var(--ftbr-accent);box-shadow:0 0 0 3px rgba(100,54,216,.12)}
.ftbr-pro__tab-dot.android{border-radius:3px;transform:rotate(45deg)}
.ftbr-pro__viewport{position:relative;overflow:hidden;border-radius:17px;background:#f7f5fd;border:1px solid rgba(100,54,216,.10)}
.ftbr-pro__track{display:flex;width:100%;transform:translate3d(0,0,0);transition:transform .42s cubic-bezier(.22,.8,.28,1);touch-action:pan-y}
.ftbr-pro__slide{min-width:100%;width:100%;padding:9px;opacity:.72;transition:opacity .3s ease}
.ftbr-pro__slide.is-active{opacity:1}
.ftbr-pro__image-wrap{position:relative;overflow:hidden;border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(38,27,72,.08)}
.ftbr-pro__image-wrap img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;margin:0!important;border:0!important;border-radius:13px!important;object-fit:contain;background:#fff}
.ftbr-pro__zoom{appearance:none;position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.45)!important;border-radius:999px!important;background:rgba(40,28,76,.88)!important;color:#fff!important;padding:8px 11px!important;margin:0!important;font:inherit!important;font-size:12px!important;font-weight:800!important;line-height:1!important;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 5px 15px rgba(25,16,52,.25)!important;text-transform:none!important;transition:.2s ease}
.ftbr-pro__zoom:hover{transform:translateY(-1px);background:var(--ftbr-accent)!important}
.ftbr-pro__caption{padding:13px 7px 8px}
.ftbr-pro__caption-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:7px}
.ftbr-pro__device-label{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border-radius:999px;background:rgba(100,54,216,.10);color:var(--ftbr-accent);font-size:10px;font-weight:850;letter-spacing:.3px;text-transform:uppercase}
.ftbr-pro__caption h4{margin:0!important;padding:0!important;border:0!important;font-size:16px!important;line-height:1.25!important;font-weight:800!important;color:#2d2742!important}
.ftbr-pro__caption p{margin:0!important;color:#5f6270!important;font-size:13px!important;line-height:1.62!important}
.ftbr-pro__arrow{appearance:none;position:absolute;top:43%;z-index:4;width:36px;height:36px;border:1px solid rgba(100,54,216,.14)!important;border-radius:50%!important;background:rgba(255,255,255,.95)!important;color:var(--ftbr-accent)!important;display:grid;place-items:center;padding:0!important;margin:0!important;cursor:pointer;box-shadow:0 8px 22px rgba(43,26,88,.16)!important;transition:.2s ease}
.ftbr-pro__arrow:hover{background:var(--ftbr-accent)!important;color:#fff!important;transform:scale(1.04)}
.ftbr-pro__prev{left:7px}.ftbr-pro__next{right:7px}
.ftbr-pro__bottom{display:flex;flex-direction:column;align-items:center;gap:9px;padding-top:13px}
.ftbr-pro__dots{display:flex;align-items:center;justify-content:center;gap:7px}
.ftbr-pro__dot{appearance:none;width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;border:0!important;border-radius:999px!important;background:#d5ccec!important;padding:0!important;margin:0!important;cursor:pointer;transition:.25s ease;box-shadow:none!important}
.ftbr-pro__dot.is-active{width:27px!important;background:var(--ftbr-accent)!important}
.ftbr-pro__hint{display:flex;align-items:center;justify-content:center;gap:5px;color:#85818f;font-size:11px;line-height:1.25;text-align:center}
.ftbr-pro__lightbox{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:14px}
.ftbr-pro__lightbox.is-open{display:flex}
.ftbr-pro__lightbox-backdrop{position:absolute;inset:0;background:rgba(15,11,25,.86);backdrop-filter:blur(5px)}
.ftbr-pro__lightbox-dialog{position:relative;z-index:2;width:min(980px,100%);height:min(94vh,1200px);display:flex;flex-direction:column;border-radius:18px;background:#17131f;box-shadow:0 28px 80px rgba(0,0,0,.45);overflow:hidden}
.ftbr-pro__lightbox-close{appearance:none;position:absolute;z-index:5;top:10px;right:10px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22)!important;border-radius:50%!important;background:rgba(0,0,0,.55)!important;color:#fff!important;padding:0!important;margin:0!important;font:inherit!important;font-size:28px!important;line-height:1!important;cursor:pointer;box-shadow:none!important}
.ftbr-pro__lightbox-scroll{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:12px;text-align:center}
.ftbr-pro__lightbox-scroll img{display:block;max-width:100%;width:auto;height:auto;margin:0 auto;border-radius:11px;background:#fff;box-shadow:0 12px 42px rgba(0,0,0,.25)}
.ftbr-pro__lightbox-tip{flex:0 0 auto;padding:10px 14px 12px;text-align:center;color:#cfc9db;font-size:12px;background:#17131f}
body.ftbr-no-scroll{overflow:hidden!important}
@media (min-width:700px){.ftbr-pro{padding:20px}.ftbr-pro__slide{padding:12px}.ftbr-pro__header h3{font-size:23px!important}.ftbr-pro__caption{padding:16px 10px 10px}.ftbr-pro__caption h4{font-size:18px!important}.ftbr-pro__caption p{font-size:14px!important}}
@media (max-width:480px){.ftbr-pro{padding:12px;border-radius:18px}.ftbr-pro__header-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px}.ftbr-pro__header h3{font-size:18px!important}.ftbr-pro__header p{font-size:12px!important}.ftbr-pro__slide{padding:7px}.ftbr-pro__caption{padding:11px 5px 6px}.ftbr-pro__caption h4{font-size:15px!important}.ftbr-pro__caption p{font-size:12.5px!important}.ftbr-pro__arrow{width:32px;height:32px}.ftbr-pro__prev{left:5px}.ftbr-pro__next{right:5px}.ftbr-pro__zoom{right:8px;bottom:8px;padding:7px 9px!important}.ftbr-pro__lightbox{padding:0}.ftbr-pro__lightbox-dialog{width:100%;height:100vh;max-height:none;border-radius:0}.ftbr-pro__lightbox-scroll{padding:56px 7px 10px}.ftbr-pro__lightbox-scroll img{width:100%;max-width:none}}
@media (prefers-reduced-motion:reduce){.ftbr-pro__track,.ftbr-pro__slide,.ftbr-pro__arrow,.ftbr-pro__dot,.ftbr-pro__zoom{transition:none!important}}