body{margin:0;padding:0}nav.demo-nav{box-sizing:border-box;z-index:10;color:#1a1c21;background:#fff;border-bottom:1px solid #ededf2;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:22px;display:flex;position:sticky;top:0}.demo-nav .logo-wrapper{flex-shrink:0;align-items:center;width:150px;display:flex}.demo-nav a.logo{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.demo-nav a.logo svg{width:21.8px;height:21.8px}@media screen and (width<=950px){.demo-nav .logo-wrapper{width:auto}}.controls{flex:1;justify-content:center;align-items:center;gap:12px;min-width:0;margin:0 15px;display:flex}.spec-picker{border:1px solid #ededf2;border-radius:8px;align-items:center;width:100%;max-width:464px;display:flex;position:relative;overflow:visible}.combobox{box-sizing:border-box;background:#fbfbfc;border-right:1px solid #ededf2;border-radius:8px 0 0 8px;flex:1;align-items:center;min-width:0;height:32px;display:flex;position:relative}.combobox input{box-sizing:border-box;color:#1a1c21;background:0 0;border:none;border-radius:8px 0 0 8px;outline:none;flex:1;min-width:0;height:32px;padding:0 4px 0 12px;font-family:inherit;font-size:14px;line-height:22px}.combobox input::placeholder{color:#9b9ca8;opacity:1}.combobox .arrow{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:32px;margin-right:4px;padding:0;display:flex}.combobox .arrow svg{width:12px;height:12px}.combobox ul{z-index:20;background:#fff;border:1px solid #ededf2;border-radius:8px;max-height:240px;margin:0;padding:4px;list-style:none;display:none;position:absolute;top:calc(100% + 5px);left:-1px;right:-1px;overflow-y:auto;box-shadow:0 4px 12px #1a1c211a}.combobox.open ul{display:block}.combobox li{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:5px 8px;font-size:14px;line-height:22px;overflow:hidden}.combobox li:hover{background:#f4f5f7}button.upload-btn{box-sizing:border-box;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;color:#1a1c21;background:#fbfbfc;border:none;border-radius:0 8px 8px 0;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;display:flex}button.upload-btn:hover{color:#0090ff}button.upload-btn svg{width:10.5px;height:12.25px}@media (width<=699px){button.upload-btn{display:none}.combobox{border-right:none;border-radius:8px}.combobox input{border-radius:8px 0 0 8px}}.cors-toggle{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.cors-toggle input{appearance:none;cursor:pointer;background:#fff;border:1px solid #b9bac4;border-radius:4px;flex-shrink:0;width:14px;height:14px;margin:0}.cors-toggle input:checked{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 7.93 6.32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.32307 6.14589L7.87354 0.379532C7.9972 0.224636 7.88315 0 7.69013 0H7.03873C6.89886 0 6.76557 0.0640488 6.67897 0.174897L5.99713 1.03865L2.96264 4.88273L1.24597 2.70758C1.20314 2.65321 1.14856 2.60924 1.08631 2.57899C1.02407 2.54873 0.955579 2.53297 0.886368 2.53289H0.234974C0.0390805 2.53289 -0.0703829 2.7587 0.0506755 2.91224L2.60318 6.14597C2.78677 6.37832 3.13905 6.37699 3.32307 6.14589Z' fill='%230090FF'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:8px 6.3px;border-color:#0090ff}.cors-toggle label{color:#1a1c21;cursor:pointer;align-items:center;gap:4px;font-size:14px;line-height:22px;display:flex}.cors-info{outline:none;align-items:center;margin-left:-4px;display:flex}.cors-info svg{width:14px;height:14px}@media screen and (width<=550px){.cors-toggle{display:none}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);box-sizing:border-box;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:30;background:#22242b;border:2px solid #3b3c45;border-radius:8px;padding:4px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;line-height:22px;transition:opacity .15s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000014,0 8px 24px 8px #0000000a}[data-tooltip]:before{content:"";opacity:0;visibility:hidden;pointer-events:none;z-index:31;background:#22242b;border-top:2px solid #3b3c45;border-left:2px solid #3b3c45;border-top-left-radius:2px;width:10px;height:10px;transition:opacity .15s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)rotate(45deg)}[data-tooltip]:hover:after,[data-tooltip]:hover:before,[data-tooltip]:focus-visible:after,[data-tooltip]:focus-visible:before{opacity:1;visibility:visible}[data-tooltip].tooltip-wide:after{white-space:normal;width:300px}.demo-nav .github-wrapper{flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;display:flex}.demo-loader{flex-direction:column;align-items:center;gap:16px;padding:64px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.demo-loader-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.demo-loader-icon svg{width:21px;height:21px;animation:1.5s linear infinite demo-loader-spin}.demo-loader p{color:#1a1c21;margin:0;font-size:16px;font-weight:500;line-height:24px}@keyframes demo-loader-spin{to{transform:rotate(360deg)}}
