.component__quantity{background-color:#5f9ea0;color:#fff;padding:.05em .3em;border-radius:.25em}dl.component__fields dd,dl.component__fields dt{box-sizing:border-box}dl.component__fields dd{border-bottom:2px solid #ccc;padding-bottom:.5em;margin:0 0 .5em}dl.component__fields dt{float:left;font-weight:700}dl.component__fields dt:after{content:":";margin-right:.2em}@media only screen and (min-width:500px){dl.component__fields{display:flex;flex-flow:row wrap}dl.component__fields dt{float:none;flex-basis:30%;max-width:15em;font-weight:700;padding-bottom:.5em;padding-right:.5em;margin-bottom:.5em;border-bottom:2px solid #ccc}dl.component__fields dd{flex-basis:70%;flex-grow:1}}.button{display:inline-block;background-color:#000;color:#fff;padding:.5em 1em;text-decoration:none}.button:hover{background-color:red}.button__datasheet{margin-bottom:1em}.component__datasheet-preview-wrapper{max-width:40em;border:2px solid #ccc;background-color:#fff}.component__datasheet-preview{position:relative;padding-top:141.4285714286%}.component__datasheet-preview iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.iframe__wrapper.iframe--loading:after{content:"loading";display:block;position:absolute;top:50%;left:50%;background-color:red;color:#fff;padding:.5em 1em;transform:translate(-50%,-50%)}.datasheet__tick{display:inline-block;background-color:#32cd32;color:#fff;border-radius:.3em;padding:0 .2em;text-decoration:none}