.sample-shell{--strip-h:54px;min-height:100svh}.dtop{z-index:80;position:sticky;top:0}.demo-strip{background:var(--navy-3);color:#dce3ee;font:400 13px var(--f-ui);position:relative}.ds-in{max-width:var(--wrap);align-items:center;gap:12px;min-height:54px;margin:0 auto;padding:7px 28px;display:flex}.ds-back{color:#fff;font:500 12px var(--f-ui);letter-spacing:.12em;text-transform:uppercase;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:8px 14px 8px 10px;transition:background .25s,border-color .25s;display:inline-flex}.ds-back span{letter-spacing:0;font-size:15px;transition:transform .25s}.ds-back:hover{background:#ffffff1a;border-color:#fff}.ds-back:hover span{transform:translate(-3px)}.ds-back-t{font-weight:500}.ds-pick{color:#fff;min-height:40px;font:500 13.5px var(--f-ui);background:#ffffff0f;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;transition:background .25s,border-color .25s;display:inline-flex}.ds-pick small{color:#b9c4d8;letter-spacing:.16em;text-transform:uppercase;font-size:11px}.ds-pick b{white-space:nowrap;font-weight:500}.ds-pick span{color:#b9c4d8;font-size:10px}.ds-pick:hover,.ds-pick[aria-expanded=true]{background:#ffffff1f;border-color:#fff}.ds-act{align-items:center;gap:14px;margin-left:auto;display:flex}.ds-lang{border:1px solid #ffffff47;border-radius:999px;display:flex;overflow:hidden}.ds-lang button{color:#dce3ee;min-height:36px;font:500 12.5px var(--f-ui);background:0 0;border:0;padding:0 11px}.ds-lang button[data-lang=si]{font-family:var(--f-si)}.ds-lang button[data-lang=ta]{font-family:var(--f-ta)}.ds-lang button[aria-pressed=true]{color:var(--navy-3);background:#fff}.ds-cta{background:linear-gradient(135deg, var(--champ-1), var(--champ-2));min-height:40px;color:var(--navy-3);font:600 12px var(--f-ui);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:0 16px;display:inline-flex}.ds-cta:hover{filter:brightness(1.05)}.ds-menu{background:var(--navy-3);border-top:1px solid #ffffff1f;max-height:calc(100svh - 64px);position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 30px 50px -20px #0000008c}.ds-menu-in{max-width:var(--wrap);margin:0 auto;padding:16px 28px 22px}.ds-menu-h{font:500 11.5px var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:#b9c4d8}.ds-list{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.ds-list a{color:#fff;border:1px solid #ffffff1f;align-items:center;gap:12px;padding:10px 12px;transition:border-color .25s,background .25s;display:flex}.ds-list a:hover,.ds-list a:focus-visible,.ds-list a[aria-current=page]{border-color:var(--champ-2);background:#ffffff0d;outline:0}.ds-list i{border-radius:50%;flex:none;width:36px;height:36px}.ds-list b{font:500 15px var(--f-ui);display:block}.ds-list small{color:#b9c4d8;margin-top:1px;font-size:13px;display:block}.ds-menu .ds-lang{width:max-content;margin-top:16px;display:none}.ds-menu-foot{flex-wrap:wrap;gap:12px 22px;margin-top:16px;display:flex}.ds-menu-foot a{color:#dce3ee;font:500 12px var(--f-ui);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #dce3ee59;padding:3px 0}.demo-strip :focus-visible{outline-offset:2px;outline:2px solid #fff}@media (max-width:1000px) and (min-width:761px){.ds-list{grid-template-columns:1fr 1fr}}@media (max-width:760px){.ds-in{gap:8px;padding:7px 12px}.ds-back{padding:9px 12px}.ds-back-t,.ds-pick small,.ds-act .ds-lang{display:none}.ds-pick{min-width:0;padding:6px 12px}.ds-pick b{text-overflow:ellipsis;max-width:34vw;overflow:hidden}.ds-act{gap:8px}.ds-menu .ds-lang{display:flex}.ds-list{grid-template-columns:1fr}.ds-menu-in{padding:12px 14px 18px}}