@font-face{font-family:"simplon";src:url("../woff2/simplonbp-light-webfont.woff2") format("woff2"),url("../woff/simplonbp-light-webfont.woff") format("woff");font-weight:300;font-style:normal}@font-face{font-family:"simplon";src:url("../woff2/simplonbp-regular-webfont.woff2") format("woff2"),url("../woff/simplonbp-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"simplon";src:url("../woff2/simplonbp-medium-webfont.woff2") format("woff2"),url("../woff/simplonbp-medium-webfont.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"simplon";src:url("../woff2/simplonbp-bold-webfont.woff2") format("woff2"),url("../woff/simplonbp-bold-webfont.woff") format("woff");font-weight:700;font-style:normal}.payloadsWrapper{background:#e5e0d8;font-family:"simplon","DINFly",Helvetica,Arial,Verdana,sans-serif;padding:8rem 0 4rem}.payloadsWrapper .content{max-width:136rem;padding:0 2rem;margin:0 auto}@media(min-width:64em){.payloadsWrapper{padding:4rem 0 8rem}.payloadsWrapper .content{padding:0 4rem}}.payloadsHeader{margin-bottom:4rem}.payloadsHeader .topRow{display:flex;align-items:center;gap:4rem}.payloadsHeader .rule{height:4.8rem;width:1px;background:#5f5f5f}.payloadsHeader .system{font-size:5rem;font-weight:500;color:#a0a0a0}.payloadsHeader .system.js-active{color:#232323}.payloadsHeader .spacer{flex:1 0 0}.payloadsHeader .pageTitle{font-size:4rem;font-weight:500;color:#232323}@media(min-width:48em){.payloadsHeader .pageTitle{font-size:6rem}}.payloadsHeader .filters{color:#5f5f5f;display:flex;flex-wrap:wrap;font-size:1.8rem;column-gap:4rem;row-gap:1rem;margin-top:4rem;align-items:center}.payloadsHeader .filter{display:flex;align-items:center;gap:2rem}.payloadsHeader .filterLabel{font-weight:500}.payloadsHeader .wrap-select{height:4rem;position:relative;width:20rem}.payloadsHeader .wrap-select svg{fill:currentColor;height:.7rem;margin-top:-0.3rem;pointer-events:none;position:absolute;right:1.2rem;top:50%;width:1.4rem}.payloadsHeader select{background:none;appearance:none;padding:0 1rem;border-radius:.4rem;border:1px solid #999;width:100%;font-size:1.6rem;height:4rem}.payloadsHeader select:focus{border-color:#5f5f5f}.payloadsList{display:grid;grid-template-columns:repeat(1, 1fr);gap:2rem}.payloadsList .payload{background:#f2eee5;border-radius:1rem;padding:1.4rem 1.4rem 2rem;flex-direction:column;grid-column:span 1;text-align:center;color:#5f5f5f;display:none}.payloadsList .payload.js-active{display:flex}.payloadsList .tags{font-size:1.3rem}.payloadsList .company{font-size:3rem;margin-top:1.4rem}.payloadsList .rule{margin:1rem auto;max-width:23rem;height:1px;background:#5f5f5f;width:100%}.payloadsList .title{font-size:2.5rem;font-weight:700}.payloadsList .image{height:16rem;display:flex;align-items:center;justify-content:center}.payloadsList .description{font-size:1.8rem;min-height:4rem;align-items:center;display:flex;justify-content:center;flex:1 0 auto}.payloadsList .weight{font-size:1.8rem;margin-top:1rem}.payloadsList .sampleWrapper{min-height:3.2rem;margin-top:2rem}.payloadsList .sample{align-items:center;background:#5f5f5f;border-radius:1.6rem;border:2px solid #5f5f5f;color:#d9d9d9;display:flex;font-size:1.6rem;font-weight:700;height:3.2rem;justify-content:center;line-height:1;margin:0 auto;max-width:20rem;padding:0 2rem;width:100%}.payloadsList .sample:hover{background:none;color:#5f5f5f}.payloadsList .learn{margin-top:1rem;font-size:1.5rem;text-decoration:underline;text-underline-offset:3px}.payloadsList .learn:hover{color:#333}@media(min-width:40em){.payloadsList{grid-template-columns:repeat(2, 1fr)}}@media(min-width:48em){.payloadsList{grid-template-columns:repeat(3, 1fr)}}@media(min-width:75em){.payloadsList{grid-template-columns:repeat(4, 1fr)}}.payloadsWrapper .disclaimers{color:#999;font-size:1.2rem;margin-top:2rem;padding-top:1rem;text-align:right;border-top:1px solid #ccc}