.ty-navigation{gap:25px;margin-left:auto;font-size:13px;display:flex}.ty-breadcrumb{color:var(--cf-muted);align-items:center;gap:12px;padding:26px 7% 0;font-size:12px;display:flex}.ty-intro{grid-template-columns:1.5fr 1fr;align-items:center;gap:12%;padding:60px 7% 65px;display:grid}.landing .ty-intro h1{font-size:clamp(42px,5.8vw,80px);line-height:1.05}.ty-intro p{color:var(--cf-muted);max-width:520px;margin:24px 0 30px;font-size:16px}.ty-format{background:#e9ece4;grid-template-columns:1fr auto;align-items:start;padding:32px;display:grid}.ty-format>svg{color:#6b7762;grid-area:1/2/3}.ty-format strong{letter-spacing:-3px;font-size:70px;font-weight:450}.ty-format>span{font-size:15px}.ty-format p{grid-column:1/-1;margin:26px 0 0;font-size:12px;line-height:1.9}.ty-tools{border-top:1px solid #d6dacf;border-bottom:1px solid #d6dacf;flex-wrap:wrap;align-items:center;gap:28px;margin:0 7%;padding:22px 0;display:flex}.ty-tools>span{color:var(--cf-muted);font-size:11px}.ty-tools strong{font-size:15px;font-weight:500}.ty-tools p{color:var(--cf-muted);max-width:230px;margin-left:auto;font-size:11px}.ty-library{padding:70px 7% 60px}.ty-library-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.landing .ty-library h2{font-size:34px}.ty-library-heading p{color:var(--cf-muted);margin-top:15px;font-size:14px}.ty-demo-label{color:#725b3e;background:#eee7dc;padding:7px 10px;font-size:11px;display:inline-block}.ty-demo-note{color:var(--cf-muted);margin-top:18px;padding:16px 0;font-size:12px;line-height:1.8}.ty-toolbar{align-items:end;gap:22px;margin:18px 0 25px;display:flex}.ty-search{border:1px solid #aeb6a5;flex:1;align-items:center;gap:13px;min-height:52px;padding:0 17px;display:flex}.ty-search>svg{color:var(--cf-muted);flex-shrink:0}.ty-search input{width:100%;color:var(--cf-ink);background:0 0;border:0;border-radius:0;outline:none;padding:0;font-family:inherit;font-size:15px}.ty-search:focus-within{outline:2px solid var(--cf-red);outline-offset:2px}.ty-search input:focus-visible{outline:none}.ty-unit-filter{flex-direction:column;gap:9px;min-width:220px;display:flex}.ty-unit-filter>span{color:var(--cf-muted);font-size:11px}.ty-unit-filter select{height:52px;color:var(--cf-ink);background:0 0;border:1px solid #aeb6a5;border-radius:0;padding:0 12px;font-size:13px}.ty-result-meta{color:var(--cf-muted);justify-content:space-between;gap:20px;margin:28px 0 18px;font-size:11px;display:flex}.ty-table-head,.ty-file{grid-template-columns:2fr 1.1fr 1.1fr 30px;align-items:center;gap:24px;display:grid}.ty-table-head{color:var(--cf-muted);padding:12px 15px 12px 0;font-size:11px}.ty-file{text-align:left;border:0;border-top:1px solid #d6dacf;width:100%;min-height:104px;padding:20px 15px 20px 0}.ty-file:hover{background:#e9ece4}.ty-file>span{font-size:13px}.ty-file small{color:var(--cf-muted);margin-top:9px;font-size:11px;font-weight:400;display:block}.ty-file-name{align-items:center;gap:18px;display:flex}.ty-file-name>svg{color:#6b7762;flex-shrink:0}.ty-file-name strong{letter-spacing:-.6px;font-size:20px;font-weight:500}.ty-unconfirmed{color:#725b3e}.ty-empty{text-align:center;padding:45px 15px}.ty-empty>svg{color:var(--cf-muted);margin:0 auto 20px}.ty-empty h3{font-size:20px;font-weight:500}.ty-empty p{color:var(--cf-muted);margin:15px 0;font-size:13px}.ty-missing{background:#e9ece4;justify-content:space-between;align-items:center;gap:30px;margin-top:28px;padding:25px;display:flex}.ty-missing h3{font-size:16px;font-weight:500}.ty-missing p{color:var(--cf-muted);margin-top:9px;font-size:12px}.ty-missing .cf-text-link{flex-shrink:0;margin:0}.ty-before{color:#f7f7f2;background:#18211d;grid-template-columns:1fr 1.2fr;gap:12%;padding:70px 7%;display:grid}.landing .ty-before h2{font-size:37px}.ty-before>div{flex-direction:column;gap:26px;display:flex}.ty-before h3{font-size:16px;font-weight:500}.ty-before p{color:#bbc4b7;margin-top:10px;font-size:13px}.ty-footer{justify-content:space-between;align-items:center;gap:25px;padding:35px 7%;display:flex}.ty-footer .cf-text-link{margin:0}.ty-footer>span{color:var(--cf-muted);font-size:11px}.ty-dialog .cf-dialog-body h2{overflow-wrap:anywhere;font-size:28px}.ty-dialog .cf-button{width:100%}.ty-dialog .cf-button:disabled{opacity:1;cursor:default;background:#dce2d2;transform:none;color:#263821!important}@media (max-width:820px){.ty-intro{gap:7%;padding-top:40px}.ty-format{padding:25px}.ty-tools{gap:20px}.ty-tools p{width:100%;max-width:none;margin:0}.ty-library-heading{flex-wrap:wrap}.ty-table-head,.ty-file{grid-template-columns:1.8fr 1fr 26px;gap:15px}.ty-table-head span:nth-child(3),.ty-unconfirmed{display:none}.ty-missing{flex-wrap:wrap}.ty-before{grid-template-columns:1fr;gap:35px}.ty-footer{flex-wrap:wrap}}@media (max-width:540px){.ty-navigation{display:none}.ty-breadcrumb{gap:8px;padding:20px 24px 0;font-size:11px}.ty-intro{grid-template-columns:1fr;gap:30px;padding:36px 24px}.landing .ty-intro h1{font-size:39px}.ty-intro p{margin:20px 0 24px;font-size:14px}.ty-intro .cf-button{width:100%}.ty-format{grid-template-columns:1fr auto}.ty-format strong{font-size:52px}.ty-format p{margin:18px 0 0}.ty-tools{gap:18px;margin:0 24px;padding:22px 0}.ty-tools>span{width:100%}.ty-tools strong{font-size:14px}.ty-tools p{font-size:11px}.ty-library{padding:42px 24px}.landing .ty-library h2{font-size:28px}.ty-library-heading p{font-size:13px}.ty-demo-note{font-size:11px}.ty-toolbar{flex-direction:column;align-items:stretch;gap:20px}.ty-search{min-height:52px;padding:0 12px}.ty-search input{font-size:16px}.ty-unit-filter{min-width:0}.ty-unit-filter select{font-size:16px}.ty-result-meta{font-size:10px}.ty-table-head{display:none}.ty-file{grid-template-columns:1fr 22px;gap:14px;padding:22px 0}.ty-file>span:nth-child(2){grid-area:2/1;margin-left:42px;font-size:11px}.ty-file>span:nth-child(2) small{margin-left:8px;font-size:10px;display:inline}.ty-file>svg{grid-area:1/2/3}.ty-file-name strong{font-size:18px}.ty-file-name small{font-size:10px}.ty-file-name{gap:13px}.ty-file-name>svg{width:20px}.ty-missing{gap:20px;padding:20px}.ty-missing .cf-text-link{gap:10px;font-size:11px}.ty-before{padding:45px 24px}.landing .ty-before h2{font-size:31px}.ty-footer{padding:28px 24px}.ty-footer>span{font-size:10px}.ty-dialog .cf-dialog-body h2{font-size:25px}.ty-dialog .ty-demo-label{font-size:10px;line-height:1.6}.ty-dialog dl>div{font-size:10px}.ty-dialog .cf-button{gap:12px;font-size:11px}}.ty-alpha{color:var(--cf-muted);margin-left:18px;font-size:11px}
