.ogfn .trp,.ogfn .trp *{box-sizing:border-box}.ogfn .trp :where(*){margin:0;padding:0}.ogfn figure.trp{background:#0d0d10;border-radius:30px;flex:none;width:270px;max-width:100%;margin:0;padding:6px;position:relative;box-shadow:0 26px 50px #22222247,inset 0 0 0 2px #2b2d35}.ogfn figure.trp.is-hero{width:300px}.ogfn figure.trp.is-low{transform:translateY(40px)}.ogfn .trp img{box-shadow:none;border:0;border-radius:0;max-width:none!important}.ogfn .trp-cam{z-index:9;background:#050507;border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;top:13px;left:50%;box-shadow:inset 0 0 0 2px #1d1e24}.ogfn .trp-scr{background:#131313;border-radius:25px;width:100%;position:relative;overflow:hidden}.ogfn .trp-st{width:360px;height:760px;transform:scale(var(--ks,.75));transform-origin:0 0;color:#fff;letter-spacing:0;text-align:left;background:#222327;flex-direction:column;font-weight:400;line-height:1.25;display:flex;position:absolute;top:0;left:0;overflow:hidden;font-family:Audiowide,sans-serif!important}.ogfn .trp-st *{font-family:Audiowide,sans-serif!important}.ogfn .trp-st .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400;font-style:normal;font-weight:400;line-height:1;font-family:Material Symbols Outlined!important}.ogfn .trp-st svg{flex:none}.ogfn .trp-st i{font-style:normal}.ogfn .trp-status{z-index:3;flex:none;align-items:center;gap:4px;height:30px;padding:0 22px;display:flex;position:relative}.ogfn .trp-status b{color:#fff;margin-right:auto;font:500 13px/1 Roboto,Poppins,sans-serif!important}.ogfn .trp-status .material-symbols-outlined{color:#fff;font-size:15px}.ogfn .trp-bar{z-index:2;flex:none;align-items:center;height:62px;padding:0 8px 0 12px;display:flex;position:relative}.ogfn .trp-disc{background:#ff69001f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;margin:0 4px;display:inline-flex}.ogfn .trp-disc .material-symbols-outlined{color:#ff6900;font-size:19px}.ogfn .trp-title{text-align:center;color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.ogfn .trp-gap{flex:none;width:16px}.ogfn .trp-page{z-index:1;background:#131313 url(https://static.ongym.sk/ongym/autonomne-skrinky/citygym-app-bg.webp) 50%/cover no-repeat;border-radius:8px 8px 0 0;flex:1;min-height:0;position:relative;overflow:hidden}.ogfn .trp-grid{grid-template-columns:1fr 1fr;gap:15px;padding:15px;display:grid}.ogfn .trp-card{aspect-ratio:.75;background:#222327;border:1px solid #fff3;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.ogfn .trp-ph{border-radius:8px 8px 0 0;flex:1;min-height:0;position:relative;overflow:hidden}.ogfn .trp-ph>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ogfn .trp-ph>img.trp-cut{object-fit:contain;object-position:center bottom}.ogfn .trp-dim{background:#0003;position:absolute;inset:0}.ogfn .trp-fade{background:linear-gradient(#00000040 0%,#0000 20%,#22232700 75%,#222327cc 92%,#222327 100%);position:absolute;inset:0}.ogfn .trp-ver{color:#fff;background:#0b57d0;border-radius:50%;padding:4px;display:inline-flex;position:absolute;top:10px;right:10px}.ogfn .trp-nm{text-align:center;color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:none;padding:12px 8px;font-size:11px;font-weight:700;overflow:hidden}.ogfn .trp-nav{z-index:4;background:#222327;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;padding:8px 8px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.ogfn .trp-nav span{color:#fff6;border-radius:30px;align-items:center;gap:4px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.ogfn .trp-nav span.is-on{color:#fff;background:#ff6900}.ogfn .trd{background:#131313;position:absolute;inset:0;overflow:hidden}.ogfn .trd>.trp-status{position:absolute;top:0;left:0;right:0}.ogfn .trd-img{height:418px;position:relative;overflow:hidden}.ogfn .trd-full{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ogfn .trd-cut{width:360px;height:auto;position:absolute;top:-38px;left:0}.ogfn .trd-fade{background:linear-gradient(#0006 0%,#0000 40%,#13131333 60%,#131313cc 80%,#131313 100%);position:absolute;inset:0}.ogfn .trd-glow{background:linear-gradient(#ff690000,#ff690026);height:180px;position:absolute;bottom:0;left:0;right:0}.ogfn .trd-body{flex-direction:column;padding:0 20px;display:flex;position:relative}.ogfn .trd-name{align-items:center;gap:8px;display:flex}.ogfn .trd-name b{color:#fff;flex:1;min-width:0;font-size:24px;font-weight:700;line-height:1.2}.ogfn .trd-ver{color:#0b57d0;display:inline-flex}.ogfn .trd-desc{color:#ffffffb3;font-size:14px;line-height:1.4;margin-top:16px!important}.ogfn .trd-soc-t{color:#fff;margin-top:30px;font-size:11px;font-weight:700;display:block}.ogfn .trd-soc{flex-wrap:wrap;gap:15px;margin-top:10px;display:flex}.ogfn .trd-soc span{color:#ff6900;background:#222327;border:1px solid #fff3;border-radius:8px;padding:12px;display:inline-flex;box-shadow:0 4px 10px #0000000d}.ogfn .trd-btn{text-transform:uppercase;color:#fff;background:#ff6900;border-radius:20px;justify-content:center;align-items:center;height:50px;margin-top:30px;font-size:11px;font-weight:700;display:flex;box-shadow:0 8px 16px #ff690080}.ogfn .trd-back{z-index:3;color:#fff;background:#22232780;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:absolute;top:38px;left:8px}@media (max-width:767px){.ogfn figure.trp,.ogfn figure.trp.is-hero{width:260px}.ogfn figure.trp.is-low{transform:none}}
