@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");html{font-size:14px}body{background-color:#f5f5f5;font-family:Montserrat,Arial,sans-serif;margin:0;padding:20px}.container{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);margin:0 auto;max-width:900px;padding:20px}h1{margin-top:0}.example-section{border-top:1px solid #eee;margin-bottom:40px;padding-top:20px}.example-title{margin-bottom:20px}.component-container{border:2px dashed #ccc;margin-bottom:24px;padding:16px}.element-wrapper{margin-bottom:32px}.doc-btn{background:#21315c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:10px 20px;text-decoration:none;transition:background .2s}.doc-btn:focus,.doc-btn:hover{background:#355099;color:#fff;text-decoration:none}#fundNamePicker{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 3px rgba(33,49,92,.04);color:#21315c;font-size:1.1rem;font-weight:600;margin-bottom:24px;padding:.75rem 1.25rem .75rem .75rem;transition:border-color .2s,box-shadow .2s}#fundNamePicker:focus{border-color:#21315c;box-shadow:0 0 0 2px rgba(33,49,92,.15);outline:none}