body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:650px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:museo-sans,sans-serif}.sub,.sup{font-size:50%}.sup{top:-1rem}.sub,.sup{position:relative}.sub{top:.35rem}.zone{transition:background-color .1s}.grid-container{height:650px;background-color:#fff;text-align:center;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,3fr)) 1fr 14fr;grid-gap:0 0;gap:0 0;grid-template-areas:"area-quarks area-quarks area-force-carrying-particles area-force-carrying-particles" "area-quarks area-quarks area-force-carrying-particles area-force-carrying-particles" "area-charged-leptons area-charged-leptons  area-higgs-boson area-higgs-boson" "area-neutrinos area-neutrinos  area-higgs-boson area-higgs-boson" "controller controller controller controller" "infobox infobox infobox infobox"}@media (min-width:500px){.grid-container{grid-template-rows:repeat(4,minmax(0,3fr)) 1fr 6fr}}@media (min-width:675px){.grid-container{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));grid-gap:0 0;gap:0 0;grid-template-areas:"area-quarks area-quarks        area-force-carrying-particles area-force-carrying-particles" "area-quarks area-quarks        area-force-carrying-particles area-force-carrying-particles" "area-charged-leptons area-charged-leptons  infobox infobox" "area-neutrinos area-neutrinos              infobox infobox"}}.area-quarks{grid-area:area-quarks;background-color:#a0cdea}.area-charged-leptons{grid-area:area-charged-leptons;background-color:#d98c91}.area-neutrinos{grid-area:area-neutrinos;background-color:#ac001e}.area-force-carrying-particles{grid-area:area-force-carrying-particles;background-color:#f5c68b}.area-higgs-boson{grid-area:area-higgs-boson;background-color:#df4926}.controller{grid-area:controller}.infobox{grid-area:infobox}.mode-antimatter .area-quarks{background-color:#948eb0}.mode-antimatter .area-charged-leptons{background-color:#82b59b}.mode-antimatter .area-neutrinos{background-color:#326c47}.mode-antimatter .area-force-carrying-particles{background-color:#f6c68b}.infobox{width:100%;box-sizing:border-box;background-color:#fff;font-size:14px;overflow:hidden;padding:10px;text-align:left}.infobox a{color:#176cab}@media (min-width:675px){.infobox{padding:60px 20px 20px;border:1.5px solid #000}}.infobox h3,.infobox p{margin:10px}.controller{padding:2.5px 5px;background-color:#aaa;color:#777;border-radius:5px;display:flex;align-items:center;justify-content:space-between;border:2px solid #333;width:66%;max-width:200px;margin:0 auto}@media (min-width:675px){.controller{position:absolute;top:calc(50% - 25px);left:calc(25vw - 60px);width:180px}}.controller .controller-item{cursor:pointer;padding:6px 12px;transition:background-color .1s;transition:color .1s}.controller .controller-item.active{background-color:#fff;color:#111;border-radius:5px}.zone{display:flex;justify-content:center;align-items:center;border:3px solid transparent;opacity:.375}.mode-matter .zone{cursor:pointer}.zone:hover{opacity:.725}.mode-antimatter .zone:hover{opacity:.375}.zone .particle-container{display:grid;grid-template-rows:repeat(1,15vw);grid-template-columns:repeat(3,15vw);grid-gap:5px}.area-force-carrying-particles .zone .particle-container,.zone.area-force-carrying-particles .particle-container{grid-template-columns:repeat(2,15vw)}.zone.active{opacity:.85}.zone.active:hover{opacity:1}.mode-antimatter .zone.active:hover{opacity:.85}@media (min-width:675px){.zone .particle-container{grid-template-rows:repeat(1,12vw);grid-template-columns:repeat(3,12vw);grid-gap:15px}.area-force-carrying-particles .zone .particle-container,.zone.area-force-carrying-particles .particle-container{grid-template-columns:repeat(2,12vw)}}.particle{background-color:hsla(0,0%,100%,.5);border-radius:10px;position:relative;text-align:center;height:15vw;width:15vw}.particle .particle-content{display:grid;grid-template-columns:1fr;grid-template-rows:2fr 5fr 3fr;grid-gap:0 0;gap:0 0}.particle .particle-content .symbol{grid-area:2/1/3/2}.particle .particle-content .name{grid-area:3/1/4/2}.particle:after{content:"";display:block;padding-bottom:100%}.particle .particle-content{position:absolute;width:100%;height:100%}.particle .name,.particle .symbol{width:calc(100% - 10px);letter-spacing:-.02rem}.particle .symbol{padding:0 5px;font-size:1.2rem;font-weight:700;display:inline;display:initial;margin:0 auto;width:33%}.area-charged-leptons .particle .symbol,.area-force-carrying-particles .particle .symbol,.area-higgs-boson .particle .symbol{width:50%}.area-neutrinos .particle .symbol{line-height:90%}.mode-antimatter .area-neutrinos .particle .symbol,.mode-antimatter .area-quarks .particle .symbol{border-top:3px solid #000}@media (min-width:675px){.mode-antimatter .area-neutrinos .particle .symbol,.mode-antimatter .area-quarks .particle .symbol{border-top:6px solid #000}}.particle .name{padding:0 2px;margin:0 auto;letter-spacing:-.04rem;text-align:center;font-size:.5rem;line-height:.5rem;display:block}@media (max-width:350px){.particle .name{font-size:.3rem;line-height:.4rem}}@media (min-width:500px){.particle{height:14vw;width:14vw}.particle .symbol{font-size:1.75rem;line-height:80%;font-weight:700}.particle .name{font-size:.7rem;line-height:.7rem;display:block}}@media (min-width:675px){.particle{height:12vw;width:12vw}.particle .symbol{font-size:3rem;line-height:80%;font-weight:700}.particle .name{font-size:.9rem;line-height:.9rem;display:block}}.area-higgs-boson{display:flex;justify-content:center;align-items:center;margin:0;opacity:1;padding:0}.area-higgs-boson.active,.area-higgs-boson:hover,.mode-antimatter .area-higgs-boson.active,.mode-antimatter .area-higgs-boson:hover{opacity:1}.area-higgs-boson .particle{background-color:#f0816d;border:5px solid #fff;margin:0;width:12vw;height:12vw}.mode-matter .area-higgs-boson .particle:hover{background-color:#e46a54}.area-higgs-boson:not(.active) .particle .particle-content{opacity:.4}@media (min-width:675px){.area-higgs-boson{position:absolute;top:calc(50% - 6vw - 5px);left:calc(50% - 6vw - 5px);background-color:unset}}@media (-ms-high-contrast:none){.zone{display:-ms-grid;-ms-grid-columns:repeat(3,1fr);-ms-grid-rows:repeat(2,1fr);grid-gap:10px 10px;gap:10px 10px}.grid-container{display:-ms-grid;-ms-grid-columns:repeat(7,1fr);-ms-grid-rows:repeat(5,1fr);grid-gap:0 0;gap:0 0}.area-quarks{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1;-ms-grid-column-span:3}.area-force{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:5;-ms-grid-column-span:7}.area-higgs-boson{-ms-grid-row:3;-ms-grid-row-span:1;-ms-grid-column:4;-ms-grid-column-span:2}.area-neutrinos{-ms-grid-row:4;-ms-grid-row-span:2;-ms-grid-column:1;-ms-grid-column-span:0}.controller{-ms-grid-row:3;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1}.infobox{-ms-grid-row:4;-ms-grid-row-span:2;-ms-grid-column:5;-ms-grid-column-span:4}}
/*# sourceMappingURL=main.f430629f.chunk.css.map */