/* Road Signs phone previews. */
@keyframes rs-spin{to{transform:rotate(360deg)}}
.s0{display: inline-block; padding: 10px; --flip: 1; --bg: #F3F3F1; --surface: #FFFFFF; --plinth: #DCDCD8; --ink: #0E0E10; --ink2: #4F5055; --line: #D5D5D1; --accent: #D12F14; --tint: #FCE7E2; --accentInk: #A82410; --onAccent: #FFFFFF; --strong: #0E0E10; --onStrong: #FFFFFF;}
.s1{width: 390px; height: 844px; border-radius: 50px; overflow: hidden; background: var(--bg); color: var(--ink); font-family: "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif; display: flex; flex-direction: column; position: relative; box-shadow: rgb(13, 13, 15) 0px 0px 0px 9px, rgb(58, 59, 64) 0px 0px 0px 10px, rgba(10, 10, 14, 0.45) 0px 40px 80px -30px; -webkit-font-smoothing: antialiased;}
.s2{position: absolute; top: 11px; left: 50%; margin-left: -62px; width: 124px; height: 36px; border-radius: 20px; background: rgb(0, 0, 0); z-index: 5; pointer-events: none;}
.s3{height: 50px; flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 4px 30px 0px 36px; font-size: 16px; font-weight: 600; color: var(--ink); background: rgb(11, 11, 13);}
.s4{color: rgb(255, 255, 255);}
.s5{display: flex; gap: 6px; align-items: center; color: rgb(255, 255, 255);}
.s6{display: flex; gap: 2px; align-items: flex-end;}
.s7{width: 3px; height: 4px; background: currentcolor; border-radius: 1px;}
.s8{width: 3px; height: 6px; background: currentcolor; border-radius: 1px;}
.s9{width: 3px; height: 8px; background: currentcolor; border-radius: 1px;}
.sa{width: 3px; height: 10px; background: currentcolor; border-radius: 1px;}
.sb{width: 23px; height: 11px; border: 1.5px solid; border-radius: 4px; padding: 1.5px; box-sizing: content-box;}
.sc{width: 72%; height: 100%; background: currentcolor; border-radius: 1.5px;}
.sd{flex: 1 1 0%; min-height: 0px; overflow: hidden auto; display: flex; flex-direction: column; scrollbar-width: none;}
.se{flex: 1 1 0%; display: flex; flex-direction: column; background: rgb(11, 11, 13); color: rgb(255, 255, 255);}
.sf{flex: 1 1 0%; position: relative; overflow: hidden; display: flex;}
.sg{width: 390px; height: 560px; position: relative; overflow: hidden; border-radius: 0px; flex: 0 0 auto; background: rgb(138, 144, 150);}
.sh{position: absolute; left: -148.232px; top: -22.5105px; width: 646.388px; height: 933.671px; max-width: none; display: block;}
.si{position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 16px;}
.sj{padding: 8px 14px; border-radius: 999px; background: rgba(0, 0, 0, 0.6); font-size: 14px; font-weight: 500;}
.sk{width: 230px; height: 230px; border-radius: 24px; box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 2px;}
.sl{padding: 6px 12px; border-radius: 999px; background: rgba(0, 0, 0, 0.6); font-size: 13px;}
.sm{flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 20px 36px 22px;}
.sn{width: 52px; height: 52px; border-radius: 12px; background: rgb(42, 43, 48); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600;}
.so{width: 76px; height: 76px; border-radius: 50%; border: 4px solid rgb(255, 255, 255); box-sizing: border-box; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.sp{width: 60px; height: 60px; border-radius: 50%; background: rgb(255, 255, 255);}
.sq{width: 52px; height: 52px;}
.sr{flex: 0 0 auto; display: flex; border-top: 1px solid var(--line); background: var(--surface); padding: 7px 4px 0px;}
.ss{flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; align-items: center; gap: 3px; color: var(--ink2);}
.st{width: 56px; height: 30px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: transparent;}
.su{font-size: 10.5px; font-weight: 500; text-align: center; line-height: 1.15; overflow-wrap: break-word; hyphens: auto; max-width: 100%;}
.sv{flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; align-items: center; gap: 3px; color: var(--accentInk); cursor: pointer;}
.sw{font-size: 10.5px; font-weight: 700; text-align: center; line-height: 1.15; overflow-wrap: break-word; hyphens: auto; max-width: 100%;}
.sx{height: 26px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; background: rgb(11, 11, 13);}
.sy{width: 134px; height: 5px; border-radius: 3px; background: rgb(255, 255, 255);}
.sz{height: 50px; flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 4px 30px 0px 36px; font-size: 16px; font-weight: 600; color: var(--ink); background: var(--bg);}
.s10{color: var(--ink);}
.s11{display: flex; gap: 6px; align-items: center; color: var(--ink);}
.s12{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 2px 20px 12px;}
.s13{font-size: 30px; font-weight: 700; letter-spacing: -0.02em;}
.s14{display: flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); font-size: 13px; font-weight: 600;}
.s15{display: flex; gap: 2px;}
.s16{width: 4px; height: 10px; border-radius: 1px; background: var(--accent);}
.s17{width: 4px; height: 10px; border-radius: 1px; background: var(--line);}
.s18{display: flex; flex-direction: column; gap: 16px; padding: 0px 20px 24px;}
.s19{display: flex; justify-content: center;}
.s1a{width: 350px; height: 250px; position: relative; overflow: hidden; border-radius: 20px; flex: 0 0 auto; background: rgb(138, 144, 150);}
.s1b{position: absolute; left: -15.019px; top: -62.4106px; width: 365.019px; height: 527.25px; max-width: none; display: block;}
.s1c{position: absolute; left: 10px; bottom: 10px; font: 500 10px "IBM Plex Mono", monospace; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.45); padding: 3px 6px; border-radius: 4px; direction: ltr;}
.s1d{font-size: 20px; font-weight: 700;}
.s1e{display: flex; flex-direction: column; gap: 6px; padding: 16px; background: var(--surface); border: 1.5px solid var(--line); border-radius: 16px; cursor: pointer;}
.s1f{display: flex; align-items: center; justify-content: space-between; gap: 8px;}
.s1g{font-size: 17px; font-weight: 700;}
.s1h{padding: 4px 9px; border-radius: 999px; background: var(--plinth); font-size: 12px; font-weight: 600;}
.s1i{font-size: 14px; line-height: 1.45; color: var(--ink2);}
.s1j{display: flex; flex-direction: column; gap: 6px; padding: 16px; background: var(--surface); border: 2px solid var(--strong); border-radius: 16px; cursor: pointer;}
.s1k{padding: 4px 9px; border-radius: 999px; background: var(--tint); color: var(--accentInk); font-size: 12px; font-weight: 600;}
.s1l{display: flex; justify-content: center; align-items: center; min-height: 44px; font-weight: 600; color: var(--accentInk); cursor: pointer;}
.s1m{height: 26px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; background: var(--surface);}
.s1n{width: 134px; height: 5px; border-radius: 3px; background: var(--ink);}
.s1o{display: flex; flex-direction: column; gap: 18px; padding: 12px 24px 24px; flex: 1 1 0%;}
.s1p{width: 56px; height: 56px; border-radius: 16px; background: var(--strong); color: var(--onStrong); display: flex; align-items: center; justify-content: center;}
.s1q{font-size: 28px; font-weight: 700; line-height: 1.15; letter-spacing: -0.01em;}
.s1r{display: flex; flex-direction: column; gap: 14px;}
.s1s{display: flex; gap: 12px;}
.s1t{width: 8px; height: 8px; border-radius: 50%; background: var(--ink); margin-top: 8px; flex: 0 0 auto;}
.s1u{font-size: 16px; line-height: 1.5;}
.s1v{font-size: 13px; line-height: 1.45; color: var(--ink2);}
.s1w{margin-top: auto; display: flex; flex-direction: column; gap: 8px;}
.s1x{background: var(--strong); color: var(--onStrong); border-radius: 14px; min-height: 54px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 16px; cursor: pointer;}
.s1y{min-height: 46px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 15px; color: var(--accentInk); cursor: pointer;}
.s1z{height: 26px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; background: var(--bg);}
.s20{display: flex; flex-direction: column; gap: 14px; padding: 0px 20px 24px; flex: 1 1 0%;}
.s21{font-size: 16px; line-height: 1.4; color: var(--ink2);}
.s22{position: relative; border-radius: 20px; overflow: hidden; display: flex;}
.s23{width: 350px; height: 420px; position: relative; overflow: hidden; border-radius: 0px; flex: 0 0 auto; background: rgb(138, 144, 150);}
.s24{position: absolute; left: -127.852px; top: -101.392px; width: 570.342px; height: 823.828px; max-width: none; display: block;}
.s25{position: absolute; left: 50%; top: 44%; width: 176px; height: 176px; margin-left: -88px; margin-top: -104px; border: 2px solid rgb(255, 255, 255); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.55) 0px 0px 0px 999px;}
.s26{position: absolute; left: -5px; top: -5px; width: 22px; height: 22px; border-left: 5px solid rgb(255, 255, 255); border-top: 5px solid rgb(255, 255, 255);}
.s27{position: absolute; right: -5px; top: -5px; width: 22px; height: 22px; border-right: 5px solid rgb(255, 255, 255); border-top: 5px solid rgb(255, 255, 255);}
.s28{position: absolute; left: -5px; bottom: -5px; width: 22px; height: 22px; border-left: 5px solid rgb(255, 255, 255); border-bottom: 5px solid rgb(255, 255, 255);}
.s29{position: absolute; right: -5px; bottom: -5px; width: 22px; height: 22px; border-right: 5px solid rgb(255, 255, 255); border-bottom: 5px solid rgb(255, 255, 255);}
.s2a{text-align: center; font-size: 13px; color: var(--ink2);}
.s2b{display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 24px 28px; flex: 1 1 0%;}
.s2c{display: flex; border-radius: 24px; overflow: hidden;}
.s2d{width: 200px; height: 200px; position: relative; overflow: hidden; border-radius: 0px; flex: 0 0 auto; background: rgb(138, 144, 150);}
.s2e{position: absolute; left: -182.662px; top: -147.432px; width: 532.319px; height: 768.906px; max-width: none; display: block;}
.s2f{display: flex; align-items: center; gap: 12px;}
.s2g{width: 22px; height: 22px; border-radius: 50%; border-width: 3px; border-style: solid; border-top-color: var(--ink); border-right-color: rgba(127, 127, 127, 0.25); border-bottom-color: rgba(127, 127, 127, 0.25); border-left-color: rgba(127, 127, 127, 0.25); border-image: initial; animation: 0.9s linear 0s infinite normal none running rs-spin; flex: 0 0 auto;}
.s2h{font-size: 19px; font-weight: 700;}
.s2i{display: flex; flex-direction: column; gap: 10px; align-self: stretch; padding: 16px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line);}
.s2j{display: flex; gap: 10px; font-size: 15px;}
.s2k{font-weight: 700; width: 18px;}
.s2l{display: flex; gap: 10px; font-size: 15px; color: var(--ink2);}
.s2m{width: 18px;}
.s2n{font-size: 13px; color: var(--ink2); text-align: center;}
.s2o{margin-top: auto; min-height: 46px; display: flex; align-items: center; font-weight: 600; color: var(--accentInk); cursor: pointer;}
.s2p{display: flex; flex-direction: column; gap: 14px; padding: 0px 20px 24px;}
.s2q{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px;}
.s2r{display: flex; flex-direction: column; gap: 6px;}
.s2s{display: flex; border-radius: 18px; overflow: hidden;}
.s2t{width: 171px; height: 171px; position: relative; overflow: hidden; border-radius: 0px; flex: 0 0 auto; background: rgb(138, 144, 150);}
.s2u{position: absolute; left: -136.591px; top: -108.634px; width: 418.251px; height: 604.14px; max-width: none; display: block;}
.s2v{display: flex; align-items: baseline; justify-content: space-between; gap: 6px;}
.s2w{font-size: 13px; font-weight: 700;}
.s2x{font-size: 12px; color: var(--ink2);}
.s2y{height: 171px; border-radius: 18px; background: var(--plinth); display: flex; align-items: center; justify-content: center;}
.s2z{display:block;flex:none;width:120px;height:120px;object-fit:contain}
.s30{font-family: "IBM Plex Mono", monospace; font-size: 12px; color: var(--ink2);}
.s31{font-size: 13px; font-weight: 700; color: var(--ink2); margin-top: 4px;}
.s32{display: flex; flex-direction: column; gap: 8px;}
.s33{display: flex; gap: 12px; align-items: flex-start; padding: 10px; background: var(--surface, #fff); border: 2px solid var(--strong, #0E0E10); border-radius: 16px; cursor: pointer; min-width: 0px; box-sizing: border-box;}
.s34{width: 56px; height: 56px; flex: 0 0 auto; border-radius: 12px; background: var(--plinth, #DCDCD8); display: flex; align-items: center; justify-content: center;}
.s35{display:block;flex:none;width:40px;height:40px;object-fit:contain}
.s36{flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px;}
.s37{font-size: 15px; font-weight: 600; line-height: 1.25; color: var(--ink, #0E0E10); overflow-wrap: break-word; hyphens: auto;}
.s38{display: flex;}
.s39{min-width: 0px; overflow-wrap: break-word; hyphens: auto; font-size: 12px; line-height: 1.35; color: var(--ink2, #4F5055);}
.s3a{font-family: "IBM Plex Mono", monospace;}
.s3b{display: flex; align-items: center; gap: 8px; margin-top: 4px; flex-wrap: wrap;}
.s3c{display: flex; gap: 3px;}
.s3d{width: 14px; height: 6px; border-radius: 3px; background: var(--strong, #0E0E10);}
.s3e{font-size: 12px; font-weight: 600; color: var(--ink, #0E0E10);}
.s3f{display: flex; gap: 12px; align-items: flex-start; padding: 10px; background: var(--surface, #fff); border: 1px solid var(--line, #D5D5D1); border-radius: 16px; cursor: pointer; min-width: 0px; box-sizing: border-box;}
.s3g{width: 14px; height: 6px; border-radius: 3px; background: var(--line, #D5D5D1);}
.s3h{display: flex; align-items: center; justify-content: center; text-align: center; min-height: 52px; padding: 8px 16px; border-radius: 14px; border: 1.5px solid var(--line); background: var(--surface); font-weight: 600; font-size: 15px; line-height: 1.3; cursor: pointer;}
.s3i{font-size: 13px; line-height: 1.5; color: var(--ink2);}
.s3j{display: flex; gap: 12px; align-items: center;}
.s3k{width: 96px; height: 96px; position: relative; overflow: hidden; border-radius: 14px; flex: 0 0 auto; background: rgb(138, 144, 150);}
.s3l{position: absolute; left: -73.1407px; top: -61.6767px; width: 228.137px; height: 329.531px; max-width: none; display: block;}
.s3m{flex: 1 1 0%; display: flex; flex-direction: column; gap: 4px;}
.s3n{font-size: 17px; font-weight: 700; line-height: 1.25;}
.s3o{font-size: 13px; color: var(--ink2); line-height: 1.4;}
.s3p{font-size: 13px; font-weight: 700; color: var(--ink2);}
.s3q{display: flex; flex-wrap: wrap; gap: 8px;}
.s3r{display: inline-flex; align-items: center; gap: 7px; padding: 0px 14px; min-height: 44px; box-sizing: border-box; border-radius: 999px; border: 1.5px solid var(--line, #D5D5D1); background: var(--surface, #fff); color: var(--ink, #0E0E10); font-size: 14px; font-weight: 500; cursor: pointer; line-height: 1.2;}
.s3s{display: flex; flex: 0 0 auto;}
.s3t{display: inline-flex; align-items: center; gap: 7px; padding: 0px 14px; min-height: 44px; box-sizing: border-box; border-radius: 999px; border: 1.5px solid var(--strong, #0E0E10); background: var(--strong, #0E0E10); color: var(--onStrong, #fff); font-size: 14px; font-weight: 600; cursor: pointer; line-height: 1.2;}
.s3u{flex: 0 0 auto;}
.s3v{width: 14px; height: 14px; border-radius: 50%; background: rgb(200, 16, 46); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 0px 1.5px inset; flex: 0 0 auto;}
.s3w{width: 14px; height: 14px; border-radius: 50%; background: rgb(10, 77, 163); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 0px 1.5px inset; flex: 0 0 auto;}
.s3x{width: 14px; height: 14px; border-radius: 50%; background: rgb(247, 198, 0); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 0px 1.5px inset; flex: 0 0 auto;}
.s3y{width: 14px; height: 14px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 0px 1.5px inset; flex: 0 0 auto;}
.s3z{width: 14px; height: 14px; border-radius: 50%; background: rgb(20, 20, 22); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 0px 1.5px inset; flex: 0 0 auto;}
.s40{display: flex; align-items: baseline; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 14px; margin-top: 2px;}
.s41{font-size: 18px; font-weight: 700;}
.s42{font-size: 14px; font-weight: 600; color: var(--accentInk); cursor: pointer; padding: 8px 0px;}
.s43{font-family: 'IBM Plex Mono', monospace;}
.s44{display: flex; flex-direction: column; gap: 22px; padding: 0px 20px 32px;}
.s45{display: flex; align-items: center; justify-content: space-between; min-height: 44px;}
.s46{display: flex; align-items: center; gap: 6px; min-height: 44px; color: var(--accentInk); font-size: 16px; font-weight: 500; cursor: pointer;}
.s47{transform: scaleX(var(--flip));}
.s48{width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; color: var(--accentInk); cursor: pointer;}
.s49{background: var(--plinth); border-radius: 24px; height: 232px; display: flex; align-items: center; justify-content: center;}
.s4a{display:block;flex:none;width:186px;height:186px;object-fit:contain}
.s4b{display: flex; flex-direction: column; gap: 12px;}
.s4c{padding: 4px 10px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); font-size: 12px; font-weight: 600; color: var(--ink2);}
.s4d{font-size: 32px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.12; overflow-wrap: break-word; hyphens: auto;}
.s4e{display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px;}
.s4f{font-size: 12px; font-weight: 600; color: var(--ink2);}
.s4g{min-width: 0px; overflow-wrap: break-word; hyphens: auto; font-size: 17px; font-weight: 600; line-height: 1.35;}
.s4h{color: var(--ink2); font-weight: 400;}
.s4i{font-family: "IBM Plex Mono", monospace; font-size: 15px; font-weight: 500;}
.s4j{font-size: 13px; font-weight: 700; letter-spacing: 0.02em; color: var(--ink2);}
.s4k{font-size: 17px; line-height: 1.5; text-wrap: pretty;}
.s4l{display: flex; flex-direction: column; gap: 10px;}
.s4m{display: flex; gap: 12px; align-items: flex-start;}
.s4n{width: 24px; height: 24px; border-radius: 50%; background: var(--strong); color: var(--onStrong); font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; margin-top: 1px;}
.s4o{font-size: 16px; line-height: 1.5; text-wrap: pretty;}
.s4p{display: flex; flex-wrap: wrap; gap: 10px;}
.s4q{display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 0px 16px; border-radius: 12px; background: var(--surface); border: 1.5px solid var(--line); font-weight: 600; font-size: 15px; cursor: pointer;}
.s4r{display: flex; align-items: center; min-height: 46px; padding: 0px 6px; font-weight: 600; font-size: 15px; color: var(--accentInk);}
.s4s{font-size: 12px; line-height: 1.5; color: var(--ink2);}
.s4t{flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; align-items: center; gap: 3px; color: var(--accentInk);}
.s4u{flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; align-items: center; gap: 3px; color: var(--ink2); cursor: pointer;}
.s4v{display: flex; flex-direction: column; gap: 8px; padding: 16px; border-radius: 16px; background: var(--tint);}
.s4w{display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: var(--accentInk);}
.s4x{font-size: 15px; line-height: 1.5; color: var(--ink); text-wrap: pretty;}
.s4y{display: flex; gap: 10px; overflow-x: auto; margin: 0px -20px; padding: 0px 20px 4px;}
.s4z{width: 124px; flex: 0 0 auto; display: flex; flex-direction: column; gap: 6px;}
.s50{height: 96px; border-radius: 14px; background: var(--plinth); border: 0px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; padding: 8px; font-size: 12px; font-weight: 600; color: var(--ink2);}
.s51{display:block;flex:none;width:62px;height:62px;object-fit:contain}
.s52{font-size: 13px; font-weight: 600; line-height: 1.25;}
.s53{min-width: 0px; overflow-wrap: anywhere; hyphens: auto; font-size: 12px; line-height: 1.3; color: var(--ink2);}
.s54{min-width: 0px; overflow-wrap: anywhere; hyphens: auto; font-family: "IBM Plex Mono", monospace; font-size: 11px; color: var(--ink2);}
.s55{display: block; overflow: visible; flex: 0 0 auto;}
.s56{display:block;flex:none;width:176px;height:176px;object-fit:contain}
.s57{height: 96px; border-radius: 14px; background: transparent; border: 1.5px dashed var(--line); box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; padding: 8px; font-size: 12px; font-weight: 600; color: var(--ink2);}
.s58{display:block;flex:none;width:186px;height:77.5px;object-fit:contain}
.s59{display:block;flex:none;width:186px;height:109.41176470588235px;object-fit:contain}
.s5a{display:block;flex:none;width:186px;height:93px;object-fit:contain}
.s5b{display: flex; flex-direction: column; gap: 16px; padding: 0px 20px 20px; flex: 1 1 0%;}
.s5c{display: flex; align-items: center; gap: 12px; min-height: 44px;}
.s5d{width: 32px; height: 32px; border-radius: 50%; background: var(--plinth); display: flex; align-items: center; justify-content: center; font-size: 14px;}
.s5e{flex: 1 1 0%; height: 6px; border-radius: 3px; background: var(--line); overflow: hidden;}
.s5f{width: 40%; height: 100%; background: var(--strong); border-radius: 3px;}
.s5g{font-size: 14px; font-weight: 600;}
.s5h{height: 190px; border-radius: 22px; background: var(--plinth); display: flex; align-items: center; justify-content: center;}
.s5i{display:block;flex:none;width:150px;height:150px;object-fit:contain}
.s5j{font-size: 22px; font-weight: 700; line-height: 1.25;}
.s5k{display: flex; align-items: center; gap: 12px; padding: 12px 14px; min-height: 52px; box-sizing: border-box; border-radius: 14px; background: var(--surface); color: var(--ink); border: 1.5px solid var(--line);}
.s5l{flex: 1 1 0%; font-size: 16px; font-weight: 500; line-height: 1.3;}
.s5m{display: flex; align-items: center; gap: 12px; padding: 12px 14px; min-height: 52px; box-sizing: border-box; border-radius: 14px; background: rgb(30, 142, 79); color: rgb(255, 255, 255); border: 2px solid rgb(30, 142, 79);}
.s5n{flex: 1 1 0%; font-size: 16px; font-weight: 700; line-height: 1.3;}
.s5o{display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; flex: 0 0 auto;}
.s5p{font-size: 15px;}
.s5q{margin-top: auto; display: flex; flex-direction: column; gap: 12px; padding: 16px; border-radius: 18px; background: var(--plinth); color: var(--ink);}
.s5r{font-size: 18px; font-weight: 700; display: flex; align-items: center; gap: 8px;}
.s5s{font-size: 14px; line-height: 1.5;}
.s5t{min-height: 48px; border-radius: 12px; background: var(--strong); color: var(--onStrong); display: flex; align-items: center; justify-content: center; font-weight: 600;}
.s5u{display: flex; flex-direction: column; gap: 16px; padding: 0px 20px 28px;}
.s5v{display: flex; align-items: center; gap: 6px; min-height: 44px; color: var(--accentInk); font-size: 16px; font-weight: 500;}
.s5w{font-size: 30px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.1;}
.s5x{display: grid; grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr); align-items: center; gap: 8px; padding: 12px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line);}
.s5y{display: flex; flex-direction: column; gap: 2px;}
.s5z{font-size: 16px; font-weight: 700;}
.s60{width: 36px; height: 36px; border-radius: 50%; background: var(--plinth); display: flex; align-items: center; justify-content: center; font-weight: 700; transform: scaleX(var(--flip));}
.s61{display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-top: 6px;}
.s62{font-size: 18px; font-weight: 700; line-height: 1.25;}
.s63{font-size: 13px; color: var(--ink2); flex: 0 0 auto;}
.s64{display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line);}
.s65{display: flex; align-items: center; gap: 4px; flex: 0 0 auto;}
.s66{width: 40px; height: 40px; border-radius: 10px; border: 1.5px dashed var(--line); box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: var(--ink2);}
.s67{font-size: 13px; color: var(--ink2);}
.s68{width: 40px; height: 40px; border-radius: 10px; background: var(--plinth); display: flex; align-items: center; justify-content: center;}
.s69{display:block;flex:none;width:28px;height:28px;object-fit:contain}
.s6a{flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 2px;}
.s6b{font-size: 15px; font-weight: 600; line-height: 1.3;}
.s6c{font-size: 13px; color: var(--ink2); line-height: 1.35;}
.s6d{display:block;flex:none;width:28px;height:11.666666666666666px;object-fit:contain}
.s6e{display:block;flex:none;width:28px;height:16.470588235294116px;object-fit:contain}
.s6f{display: flex; flex-direction: column; gap: 18px; padding: 0px 20px 28px;}
.s6g{display: flex; flex-direction: column; gap: 14px; padding: 16px; border-radius: 20px; background: var(--surface); border: 1px solid var(--line);}
.s6h{display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;}
.s6i{font-size: 44px; font-weight: 700; letter-spacing: -0.03em; line-height: 1;}
.s6j{font-size: 17px; font-weight: 600;}
.s6k{display: flex; flex-wrap: wrap; gap: 7px; color: var(--ink);}
.s6l{display: block; flex: 0 0 auto; overflow: visible;}
.s6m{stroke: rgb(123, 92, 240);}
.s6n{fill: rgb(123, 92, 240); stroke: rgb(123, 92, 240);}
.s6o{fill: currentcolor;}
.s6p{fill: rgb(255, 255, 255);}
.s6q{stroke: currentcolor;}
.s6r{stroke: rgb(255, 255, 255);}
.s6s{stroke: rgb(242, 124, 33);}
.s6t{fill: rgb(242, 124, 33); stroke: rgb(242, 124, 33);}
.s6u{fill: rgb(26, 14, 4);}
.s6v{stroke: rgb(19, 168, 154);}
.s6w{fill: rgb(19, 168, 154); stroke: rgb(19, 168, 154);}
.s6x{stroke: rgb(232, 69, 139);}
.s6y{fill: rgb(232, 69, 139); stroke: rgb(232, 69, 139);}
.s6z{stroke: rgb(229, 165, 10);}
.s70{fill: rgb(229, 165, 10); stroke: rgb(229, 165, 10);}
.s71{fill: rgb(26, 18, 4);}
.s72{display: flex; gap: 12px; align-items: flex-start; padding-top: 12px; border-top: 1px solid var(--line);}
.s73{display: flex; color: var(--ink); flex: 0 0 auto;}
.s74{display: flex; flex-direction: column; gap: 2px; min-width: 0px;}
.s75{font-size: 15px; font-weight: 600;}
.s76{display: flex; gap: 14px; align-items: flex-start; padding: 12px 14px 12px 12px; background: var(--surface, #fff); border: 1px solid var(--line, #D5D5D1); border-radius: 16px; cursor: pointer; min-height: 44px; box-sizing: border-box; min-width: 0px;}
.s77{width: 56px; height: 56px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; color: var(--ink, #0E0E10);}
.s78{flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 4px;}
.s79{font-size: 16px; font-weight: 600; line-height: 1.25; color: var(--ink, #0E0E10); overflow-wrap: break-word; hyphens: auto;}
.s7a{font-size: 13px; line-height: 1.4; color: var(--ink2, #4F5055); text-wrap: pretty; overflow-wrap: break-word; hyphens: auto;}
.s7b{display: flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 13px; font-weight: 700; color: var(--ink, #0E0E10);}
.s7c{width: 18px; height: 18px; border-radius: 50%; background: rgb(123, 92, 240); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.s7d{display: flex; align-items: center; gap: 10px; margin-top: 6px;}
.s7e{flex: 1 1 0%; height: 6px; border-radius: 3px; background: var(--line, #D5D5D1); overflow: hidden;}
.s7f{width: 41%; height: 100%; border-radius: 3px; background: rgb(123, 92, 240);}
.s7g{font-size: 12px; font-weight: 600; color: var(--ink, #0E0E10); flex: 0 0 auto;}
.s7h{width: 18px; height: 18px; border-radius: 50%; background: rgb(242, 124, 33); color: rgb(26, 14, 4); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.s7i{width: 40%; height: 100%; border-radius: 3px; background: rgb(242, 124, 33);}
.s7j{width: 26%; height: 100%; border-radius: 3px; background: rgb(242, 124, 33);}
.s7k{width: 18px; height: 18px; border-radius: 50%; background: rgb(19, 168, 154); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.s7l{width: 30%; height: 100%; border-radius: 3px; background: rgb(19, 168, 154);}
.s7m{width: 50%; height: 100%; border-radius: 3px; background: rgb(19, 168, 154);}
.s7n{width: 60%; height: 100%; border-radius: 3px; background: rgb(232, 69, 139);}
.s7o{width: 0%; height: 100%; border-radius: 3px; background: rgb(232, 69, 139);}
.s7p{width: 42%; height: 100%; border-radius: 3px; background: rgb(232, 69, 139);}
.s7q{width: 18px; height: 18px; border-radius: 50%; background: rgb(229, 165, 10); color: rgb(26, 18, 4); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.s7r{width: 60%; height: 100%; border-radius: 3px; background: rgb(229, 165, 10);}
.s7s{width: 20%; height: 100%; border-radius: 3px; background: rgb(229, 165, 10);}
.s7t{height: 210px; border-radius: 24px; background: var(--surface); border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; color: var(--ink);}
.s7u{font-size: 30px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.12; overflow-wrap: break-word; hyphens: auto;}
.s7v{display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line);}
.s7w{width: 32px; height: 32px; border-radius: 50%; background: rgb(123, 92, 240); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.s7x{font-size: 15px; line-height: 1.5;}
.s7y{display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line);}
.s7z{font-size: 36px; font-weight: 700; letter-spacing: -0.02em; line-height: 1;}
.s80{font-size: 16px; font-weight: 600;}
.s81{height: 8px; border-radius: 4px; background: var(--line); overflow: hidden;}
.s82{width: 41%; height: 100%; border-radius: 4px; background: rgb(123, 92, 240);}
.s83{width: 32px; height: 32px; border-radius: 50%; background: rgb(242, 124, 33); color: rgb(26, 14, 4); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.s84{width: 0%; height: 100%; border-radius: 4px; background: rgb(242, 124, 33);}
.s85{width: 40%; height: 100%; border-radius: 4px; background: rgb(242, 124, 33);}
.s86{width: 26%; height: 100%; border-radius: 4px; background: rgb(242, 124, 33);}
.s87{width: 32px; height: 32px; border-radius: 50%; background: rgb(19, 168, 154); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.s88{width: 30%; height: 100%; border-radius: 4px; background: rgb(19, 168, 154);}
.s89{width: 50%; height: 100%; border-radius: 4px; background: rgb(19, 168, 154);}
.s8a{width: 60%; height: 100%; border-radius: 4px; background: rgb(232, 69, 139);}
.s8b{width: 0%; height: 100%; border-radius: 4px; background: rgb(232, 69, 139);}
.s8c{width: 42%; height: 100%; border-radius: 4px; background: rgb(232, 69, 139);}
.s8d{width: 32px; height: 32px; border-radius: 50%; background: rgb(229, 165, 10); color: rgb(26, 18, 4); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.s8e{width: 60%; height: 100%; border-radius: 4px; background: rgb(229, 165, 10);}
.s8f{width: 20%; height: 100%; border-radius: 4px; background: rgb(229, 165, 10);}