.switchchallenge{display:flex;width:100%;flex-grow:1;justify-content:space-around}.switchchallenge .citem{border:solid 1px #6f0b31;border-radius:3px;padding:5px;flex-basis:calc(20% - 4px);text-align:center;margin:2px;transition:all 0.2s;background-color:#fcea9c;color:#eb5931;font-size:14px;line-height:18px}.switchchallenge .citem .show-med-big{display:none}@media only screen and (min-width: 500px){.switchchallenge .citem .show-med-big{display:inline-block}}@media only screen and (min-width: 500px){.switchchallenge .citem{font-size:16px;line-height:22px}}.switchchallenge .citem a{display:block;width:100%;height:100%;color:#eb5931}.switchchallenge .citem a:hover,.switchchallenge .citem a:focus,.switchchallenge .citem a:visited,.switchchallenge .citem a:active{border-bottom-color:transparent}.switchchallenge .citem a:hover{color:white}.switchchallenge .citem:hover,.switchchallenge .citem:visited,.switchchallenge .citem:active{cursor:pointer;background-color:#6f0b31}.switchchallenge .citem.selected{background-color:#eb5931;color:white}.switchchallenge .citem.half{flex:0.5}@media only screen and (min-width: 500px){.ringsetframe{display:flex}}.ringsetwheel{width:100%;min-width:200px;max-width:400px}@media only screen and (min-width: 500px){.ringsetwheel{flex-basis:50%}}.ringsetsvg{width:100%}.ringsettext{flex-basis:50%;display:flex;flex-direction:column;justify-content:center;padding:20px}.ringsettext button{margin-top:10px}.challenge-message{margin-top:20px;background-color:#FDF4C9;border:solid 1px #FCBE79;border-radius:5px;padding:10px}.challenge-title{font-size:20px;font-weight:bold;margin-top:20px}.coption{border:solid 1px #6f0b31;color:#eb5931;border-radius:5px;margin-top:20px;padding:20px;background-color:#fcea9c;min-width:200px;font-size:20px;font-weight:700;transition:all 0.2s}.coption div{color:#444444;font-size:15px;margin:5px 20px;transition:all 0.2s}.coption:hover{background-color:#6f0b31;color:white;cursor:pointer}.coption:hover div{color:white}#loadingSpinner{display:none}#loadingSpinner #container{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;width:100%;min-height:550px;border:solid 1px gray;border-radius:5px}#c_welcome,#c_result,#c_summary,.c_stage{border:solid 1px gray;border-radius:5px;padding:10px;width:100%;min-height:calc(85vh - 50px);position:relative}#c_welcome{text-align:center}#c_welcome .c_head{font-size:26px;margin-top:15vh;margin-bottom:10vh}#c_welcome .buttons{position:static;margin-top:10vh;text-align:center}#c_welcome .buttons .searchbutton{height:60px;width:120px;font-size:20px}#c_summary{box-shadow:0px 0px 5px 0px #888888;border:none}.c_head{font-weight:bold}.buttons{width:100%;text-align:right;margin-top:10px}.failuremessage{margin-top:5px;margin-bottom:5px;padding:10px;color:darkred;background-color:lightpink;border:solid 1px #CE8386;border-radius:4px}.successmessage{margin-top:5px;margin-bottom:5px;padding:10px;color:#1e7d1b;background-color:#b6fdaf;border:solid 1px #72e067;border-radius:4px}.debug{margin-top:10px;border:solid 1px gray;border-radius:3px;background-color:#f8eddf;padding:10px}.errordiv{color:red;margin:10px;padding:5px;background-color:pink;display:none;border:solid 1px red;border-radius:3px}.sharelinks{display:inline-block}.sharelinks .mailto{display:inline-block;font-size:12px;background-color:#333333;color:white;border-radius:2px;padding-left:4px;padding-right:4px;line-height:19px;height:20px}.sharelinks .mailto a{border-color:transparent;color:white}.nextbuttons{display:inline-block}.progress-bar{margin-top:5px;margin-bottom:5px;height:25px;color:#1e7d1b;background-color:#b6fdaf;border:solid 1px #72e067;border-radius:2px;position:relative}.progress-bar .percent{position:absolute;top:0;left:0;width:100%;text-align:center;z-index:1}.progress-bar .completed{background-color:#72e067;color:white;height:100%;position:absolute;top:0;left:0}.rs-title{display:inline-block;border:solid 1px gray;border-radius:3px;background-color:#6f0b31;color:white;padding:0 5px}.rs-grid{display:grid;grid-template-columns:repeat(auto-fill, 80px);grid-auto-rows:80px;grid-gap:10px;column-gap:5px;justify-content:space-between}.rs-grid .rs{border:solid 1px gray;border-radius:3px;display:inline-block}.rs-grid .rs .rs-item{display:flex;flex-flow:column;justify-content:center;align-items:center;height:100%;width:100%;background-color:#FDF4C9;transition:all 0.2s}.rs-grid .rs .rs-item .rs-k,.rs-grid .rs .rs-item .rs-c,.rs-grid .rs .rs-item .rs-count{display:inline-block;font-size:22px}.rs-grid .rs .rs-item .rs-k,.rs-grid .rs .rs-item .rs-c{height:30px;margin-bottom:5px}.rs-grid .rs .rs-item .rs-count{font-size:12px;transform:translate(0, -10px);margin-left:-13px}.rs-grid .rs .rs-item .rs-k a,.rs-grid .rs .rs-item .rs-c a{color:#444444;transition:all 0.3s;padding:2px 5px;border-radius:10px}.rs-grid .rs .rs-item .rs-k a:hover,.rs-grid .rs .rs-item .rs-c a:hover{color:white;background-color:#6f0b31;border-color:transparent}.rs-grid .rs .rs-item.completed{background-color:#6f0b31}.rs-grid .rs .rs-item.completed .kanji,.rs-grid .rs .rs-item.completed div,.rs-grid .rs .rs-item.completed a{color:white}.rs-grid .rs .rs-item.completed .masterybar{border-color:white}.rs-grid .rs .rs-item:hover{background-color:#eb5931;color:#6f0b31}.rs-grid .rs2{display:flex;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);justify-content:center;align-items:center;background-color:#FDF4C9;transition:all 0.2s}.rs-grid .rs2.completed{background-color:#b9e9d5}.rs-grid .rs2 .rs-k{width:40%;font-size:25px}.rs-grid .rs2 .rs-m{transform:translateX(4px)}.rs-grid .rs2 .rs-ch{height:30px;margin-bottom:5px;transition:all 0.3s}.rs-grid .rs2 .rs-ch a{color:#d74b82;text-underline:none;display:block;width:100%;height:100%;text-align:center;font-size:30px;transition:all 0.3s}.rs-grid .rs2 .rs-ch a:hover{text-underline:none;border:none;background-color:#f2cfb6;color:#d85b84;cursor:pointer}.rs-grid .rs2 .rs-ch .rs-count{font-size:12px;color:#d85b84;font-weight:bold;transform:translate(25px, -35px)}.recs{line-height:19px;font-size:smaller;padding:2px;background-color:#e3f6dc}.recs ul{margin-block-end:0;margin-block-start:0}.studyset-box{background-color:#faf9ee;padding:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1)}.main-panel{display:flex;flex-direction:column;align-items:center}@media only screen and (min-width: 500px){.main-panel{flex-direction:row;align-items:normal}}.main-panel .left{max-width:250px}@media only screen and (min-width: 500px){.main-panel .left{width:100%;max-width:400px}}.main-panel .right{width:100%;flex-grow:1}.ss-buttons{line-height:35px}