body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.home{align-items:center;box-sizing:border-box;color:#2d3436;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 34px);min-height:calc(100dvh - 34px);padding-bottom:45px}.description{font-size:min(5vw,60px);font-weight:800;line-height:1.1;margin:45px 0 clamp(8px,2vw,28px);text-align:center}.description .line{display:block}.search{border:3px solid #6c5ce7;color:#e84393;font-size:16px;font-weight:600;margin-top:20px;padding:14px 25px;width:179px}.search:focus{outline:0}.search-wrap{flex-wrap:wrap}.examples-wrap,.search-wrap{display:flex;justify-content:center}.examples-wrap{color:#868686;color:hsla(0,0%,53%,.8);flex-direction:column;white-space:nowrap}.examples-root{margin-left:525px;margin-top:16px;position:absolute}.example{font-size:min(5vw,16px);margin:0}.load-error{font-weight:600;margin-top:40px}@media screen and (max-width:1100px){.examples-root{display:flex;justify-content:center;margin-left:0;position:relative;width:100%}}.box-wrapper{display:grid;grid-template-columns:356px 356px 356px;grid-template-rows:235px 235px;margin-top:40px}@media screen and (max-width:1100px){.box-wrapper{grid-template-columns:356px 356px;grid-template-rows:235px 235px}}@media screen and (max-width:730px){.box-wrapper{grid-template-columns:267px 267px;grid-template-rows:176px 176px}}@media screen and (max-width:550px){.box-wrapper{grid-template-columns:300px;grid-template-rows:150px 150px 150px 150px;margin-top:28px}}.box{align-items:flex-end;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.info-wrap{margin-bottom:20px}.company,.label{margin:0}.label{font-weight:800}.info-wrap{align-items:center;background-color:#fff;box-shadow:inset 0 4px 4px rgba(0,0,0,.25);display:flex;flex-direction:column;height:55px;justify-content:center;margin-bottom:0;text-align:center;width:179px}.delta{font-weight:800;margin:0}.selected-label{margin-left:calc(40% - 180px)}.match-wrap{align-items:center;border-radius:2%;display:flex;height:470px;margin-top:40px;width:1068px}@media screen and (max-width:1100px){.match-wrap{height:470px;width:712px}.selected-label{margin-left:35px}}@media screen and (max-width:730px){.match-wrap{height:334px;width:534px}}@media screen and (max-width:550px){.match-wrap{flex-wrap:wrap;height:400px;margin-top:20px;width:300px}.selected-label{margin:75px auto 20px}}.options-wrap{margin-left:75px}.options-background{background-color:#2d3436;border-radius:2% 2% 0 0;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;height:365px;width:480px}.options-button{background-color:#6c5ce7;border:0;border-radius:0 0 5px 5px;color:#fff;cursor:pointer;font-size:25px;font-weight:800;height:50px;margin:0;width:480px}.options-button:disabled{cursor:progress}.container{cursor:pointer;display:block;font-size:18px;margin-left:20px;margin-top:10px;padding-left:30px;position:relative;-webkit-user-select:none;user-select:none}.container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#eee;border-radius:1px;height:20px;left:0;position:absolute;top:0;width:20px}@media (hover:hover){.container:hover input~.checkmark{background-color:#ccc}}.container input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";display:none;position:absolute}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{border:solid #fff;border-width:0 3px 3px 0;height:10px;left:6px;top:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:5px}@media screen and (max-width:1100px){.options-wrap{margin-left:50px}.options-background,.options-button{width:400px}}@media screen and (max-width:730px){.options-wrap{margin-left:30px}.options-background{height:284px;width:290px}.options-button{width:290px}.container{font-size:12px}}@media screen and (max-width:550px){.options-wrap{margin-left:0}.options-background,.options-button{width:300px}}.matches-wrap{margin-left:75px}.matches-background{align-items:center;border-radius:2%;display:flex;flex-direction:column;height:415px;justify-content:center;width:480px}.arrow{background:none;border:0;color:#ff0;cursor:pointer;font-family:inherit;font-size:30px;font-weight:800;margin:10px -4px;padding:0 14px;text-shadow:-1px -1px 0 #2d3436,1px -1px 0 #2d3436,-1px 1px 0 #2d3436,1px 1px 0 #2d3436;-webkit-user-select:none;user-select:none}.arrow:disabled{cursor:default;opacity:0}.controls{display:flex}@media screen and (max-width:1100px){.matches-wrap{margin-left:50px}.matches-background{width:400px}}@media screen and (max-width:730px){.matches-wrap{margin-left:53px}.matches-background{height:334px;width:267px}}@media screen and (max-width:550px){.matches-wrap{margin-left:0}.matches-background{width:300px}}