.calc,.difficulty,.results{-webkit-box-orient:horizontal;align-content:stretch}.calc,.results{margin-top:16px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;-ms-flex-line-pack:stretch;align-items:flex-start}.part{flex:0 1 50%;text-align:left;margin:0 0 32px}@media (max-width:768px){.part{flex:0 1 100%}}.part-title{font-size:17px;font-weight:600;color:var(--color-text-main);text-transform:uppercase;margin:0 0 16px}.group:hover{background:0 0}.characters{margin:8px 0;display:inline-block}.characters li{padding:4px 20px 4px 0;position:relative}.characters li span{position:absolute;display:block;width:15px;height:15px;background:rgba(0,0,0,.1);right:0;top:50%;transform:translate(0,-7px);font-weight:600;color:var(--color-red);cursor:pointer;line-height:15px;text-align:center;border-radius:50%;transition:all .2s}.characters li span:hover{background:rgba(0,0,0,.2)}.diff-1{background:rgba(40,150,180,.2)}.diff-2{background:rgba(50,180,40,.2)}.diff-3{background:rgba(180,150,40,.2)}.diff-4{background:rgba(180,50,40,.2)}.active.diff-1{background:rgba(40,150,180,.75)}.active.diff-2{background:rgba(50,180,40,.75)}.active.diff-3{background:rgba(180,150,40,.75)}.active.diff-4{background:rgba(180,50,40,.75)}.difficulty{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;-ms-flex-line-pack:stretch;align-items:flex-start;max-width:400px}.difficulty div{flex:0 1 25%;text-align:center;padding:8px;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 0 8px 2px rgba(0,0,0,.2)}.difficulty div:nth-child(1){border-radius:8px 0 0 8px}.difficulty div:nth-child(4){border-radius:0 8px 8px 0}.difficulty div.active{font-weight:600;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 0 8px 2px rgba(0,0,0,.5)}.difficulty div span{display:block;font-size:13px}@media (max-width:424px){.difficulty{flex-wrap:wrap}.difficulty div{flex:0 1 50%}.difficulty div:nth-child(1){border-radius:8px 0 0}.difficulty div:nth-child(2){border-radius:0 8px 0 0}.difficulty div:nth-child(3){border-radius:0 0 0 8px}.difficulty div:nth-child(4){border-radius:0 0 8px}}#advisable li{padding:4px 0 4px 16px;position:relative}#advisable li:before{content:"";position:absolute;top:11px;left:0;width:5px;height:5px;background:var(--color-text-main);border-radius:50%}