.clearfix {clear:both}.psychotest {background-color:var(--color-schema-light2);border:1px solid var(--bordercolor);padding:var(--generalpadding);border-radius:var(--borderradius);width:var(--screenwidth);max-width:100% !important;position:relative;box-sizing:border-box;margin:20px auto;font-size:var(--testgeneralfontsize)}.psychotest-login-register {background-color:var(--color-schema-light2);border:1px solid var(--bordercolor);padding:var(--generalpadding);border-radius:var(--borderradius);width:var(--screenwidth);max-width:100% !important;position:relative;box-sizing:border-box;margin:50px auto;font-size:var(--testgeneralfontsize);font-family:inherit}.psychotest-login-register .btn {display:inline-block;padding:2px 15px;background-color:var(--color-schema-dark);border-radius:var(--borderradius);color:var(--color-schema-light2);line-height:30px;transition:0.5s}.psychotest-login-register .btn:hover {background-color:var(--color-schema-med)}@media screen and (max-width:767px) {.psychotest {padding:10px;font-size:var(--testgeneralfontsizemob)}}.psychotest h2 {font-size:var(--testtitlefontsize);line-height:calc(var(--testtitlefontsize) * 1.5);margin:0 0 calc(var(--testtitlefontsize) * 0.7);text-align:var(--testtitlepos)}.psychotest .eachques {margin:var(--eachquesspace) 0}.psychotest .number {margin-bottom:0 !important;text-align:var(--questextalign)}.psychotest .number img {float:right;margin-left:5px;height:25px;width:auto}.psychotest img {max-width:100%}.psychotest .plainradio label {display:block}.psychotest .plainradio .radio-input {cursor:pointer;vertical-align:middle}.psychotest .plainradio .box {display:inline;box-sizing:content-box}.psychotest .rippleradio label {display:block;line-height:30px}.psychotest .rippleradio .radio-input {-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none !important;position:relative;top:10px;right:0;bottom:0;left:0;height:30px !important;width:30px !important;transition:all 0.15s ease-out 0s;background:var(--color-schema-light1);border:none;color:var(--color-schema-light1);cursor:pointer;display:inline-block;margin-left:0.5rem;outline:none;position:relative;z-index:1000;border-radius:50%;vertical-align:initial}.psychotest .rippleradio .radio-input:hover {background:var(--color-schema-dark)}.psychotest .rippleradio .radio-input:checked {background:var(--color-schema-dark)}.psychotest .rippleradio .radio-input:checked::before {width:30px;height:34px;line-height:30px;display:flex;content:"\2714";font-size:20px;font-weight:bold;position:absolute;align-items:center;justify-content:center}.psychotest .rippleradio .radio-input:checked::after {-webkit-animation:click-wave 0.65s;-moz-animation:click-wave 0.65s;animation:click-wave 0.65s;background:var(--color-schema-med);content:"";display:block;position:relative;z-index:100}.psychotest .rippleradio .radio-input:after {border-radius:50%}.psychotest .rippleradio .box {display:inline;box-sizing:content-box}.psychotest .rippleradio.left-to-right .radio-input {margin-left:0;margin-right:0.5rem}.psychotest .rippleradio.left-to-right .radio-input:checked::after {-webkit-animation:click-wave-2 0.65s;-moz-animation:click-wave-2 0.65s;animation:click-wave-2 0.65s}@keyframes click-wave {0% {height:30px;width:30px;opacity:0.35;position:relative}100% {height:100px;width:100px;margin-right:-35px;margin-top:-35px;opacity:0}}@keyframes click-wave-2 {0% {height:30px;width:30px;opacity:0.35;position:relative}100% {height:100px;width:100px;margin-left:-35px;margin-top:-35px;opacity:0}}.psychotest .dropradio label {display:block;margin:10px 0;line-height:30px;cursor:pointer}.psychotest .dropradio .radio-input {display:none !important;vertical-align:initial}.psychotest .dropradio .radio-input + .box {display:inline-block;position:relative;padding-right:33px}.psychotest .dropradio .radio-input + .box:before {content:"";display:block;position:absolute;top:0;right:0;border-radius:50%;margin-left:5px;width:26px;height:26px;border:1px solid var(--color-schema-med);background:var(--color-schema-light1);box-sizing:border-box}.psychotest .dropradio .radio-input + .box:after {content:"";display:block;width:16px;height:16px;background:var(--color-schema-dark);position:absolute;border-radius:50%;top:5.2px;right:5.2px;opacity:0;transform:scale(0, 0);transition:all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53)}.psychotest .dropradio .radio-input:checked + .box:after {opacity:1;transform:scale(1, 1)}.psychotest .dropradio.left-to-right .radio-input + .box {padding-right:0;padding-left:30px}.psychotest .dropradio.left-to-right .radio-input + .box:before {left:0;right:auto;margin-left:0;margin-right:5px}.psychotest .dropradio.left-to-right .radio-input + .box:after {right:auto;left:5.2px}.psychotest .filledradio label {display:block;margin-top:0 !important}.psychotest .filledradio .radio-input {-webkit-appearance:none;-moz-appearance:none;appearance:none !important;display:inline-block;position:relative;background-color:var(--color-schema-light1);top:10px;height:30px !important;width:30px !important;border:0;border-radius:50px;cursor:pointer;margin-left:5px;outline:none;vertical-align:initial}.psychotest .filledradio .radio-input:checked::before {display:block;position:absolute;content:"";border-radius:100%;height:15px;width:15px;top:7px;left:7px;margin:auto;background-color:var(--color-schema-dark)}.psychotest .filledradio .radio-input:hover {background-color:var(--color-schema-dark)}.psychotest .filledradio .box {display:inline;line-height:30px;box-sizing:content-box}.psychotest .piercedradio label {display:block;margin-top:0 !important}.psychotest .piercedradio .radio-input {-webkit-appearance:none;-moz-appearance:none;appearance:none !important;display:inline-block;position:relative;top:10px;height:30px !important;width:30px !important;border:2px solid var(--color-schema-dark);box-sizing:border-box;border-radius:50px;cursor:pointer;margin-left:5px;outline:none;vertical-align:initial}.psychotest .piercedradio .radio-input:checked::before {display:block;position:absolute;content:"";border-radius:100%;height:15px;width:15px;top:5.5px;left:5.5px;margin:auto;background-color:var(--color-schema-dark)}.psychotest .piercedradio .radio-input:hover:before {display:block;position:absolute;content:"";border-radius:100%;height:15px;width:15px;top:5.5px;left:5.5px;margin:auto;background-color:var(--color-schema-dark)}.psychotest .piercedradio .box {display:inline;line-height:30px;box-sizing:content-box}.psychotest .tileradio {display:flex;flex-direction:row;align-items:stretch;align-content:center;justify-content:center;flex-wrap:wrap;margin-top:10px;font-size:15px;gap:10px}.psychotest .tileradio label {flex:calc((100% / 8) - 9px);background-color:var(--color-schema-light1);text-align:center;cursor:pointer;user-select:none;vertical-align:initial;padding:0 !important}@media screen and (max-width:767px) {.psychotest .tileradio label {flex:calc(50% - 5px)}}.psychotest .tileradio .radio-input {display:none !important}.psychotest .tileradio .radio-input:checked + .box {background-color:var(--color-schema-med);color:var(--color-schema-light2)}.psychotest #disc-test.tileradio .radio-input:checked + .box {background-color:var(--color-schema-light1)}.psychotest .tileradio .box {transition:all 250ms ease;will-change:transition;background-color:var(--color-schema-light1);padding:10px;height:calc(100% - 20px);box-sizing:content-box;line-height:25px}#test-disc .box img {height:25px !important;width:auto !important;margin:0 auto !important}#test-disc .dropradio .box img {height:18px !important;top:3px !important;position:relative !important}#test-disc .rippleradio .box img,#test-disc .filledradio .box img,#test-disc .piercedradio .box img {top:7px !important;position:relative !important;display:inline !important}#test-disc .tileradio .box img {display:block !important}#test-disc .tileradio2 .box img {display:block !important;height:20px !important}#test-disc .tilediscradio .box img {display:block !important;height:20px !important}.psychotest .tileradio2 {display:flex;flex-direction:row;align-items:stretch;align-content:center;justify-content:center;flex-wrap:wrap;margin-top:10px;font-size:15px;gap:10px}.psychotest .tileradio2 label {flex:calc((100% / 8) - 9px);background-color:var(--color-schema-light1);text-align:center;cursor:pointer;user-select:none;vertical-align:initial;padding:10px 0}@media screen and (max-width:767px) {.psychotest .tileradio2 label {flex:calc(50% - 5px)}}.psychotest .tileradio2 .radio-input {appearance:none;-webkit-appearance:none;-moz-appearance:none;width:30px !important;height:30px !important;border:4px solid var(--color-schema-dark);border-radius:50%;display:inline-block;position:relative;cursor:pointer;background-color:white}.psychotest .tileradio2 .radio-input[type="checkbox"] {border-radius:0}.psychotest .tileradio2 .radio-input:checked {border-color:var(--color-schema-med)}.psychotest .tileradio2 .radio-input:checked::before {content:"";width:15px;height:15px;background-color:var(--color-schema-med);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.psychotest .tileradio2 .radio-input[type="checkbox"]:checked::before {border-radius:0}.psychotest .tileradio2 .box {padding:0 10px;box-sizing:content-box;line-height:20px;background-color:transparent;margin:0}.psychotest .tilediscradio {display:flex;flex-direction:row;align-items:stretch;align-content:center;justify-content:center;flex-wrap:wrap;margin-top:10px;font-size:15px;gap:10px}.psychotest .tilediscradio label {flex:calc((100% / 8) - 9px);background-color:var(--color-schema-light1);text-align:center;cursor:pointer;user-select:none;vertical-align:initial;padding:10px 0}@media screen and (max-width:767px) {.psychotest .tilediscradio label {flex:calc(50% - 5px)}}.psychotest .tilediscradio .radio-input {appearance:none;-webkit-appearance:none;-moz-appearance:none;width:30px !important;height:30px !important;border:2px solid var(--color-schema-dark);border-radius:50%;display:inline-block;position:relative;cursor:pointer;background-color:white}.psychotest .tilediscradio .radio-input:checked {background:transparent url("./radio-checked.webp") no-repeat;background-size:contain;background-position:center;border:none;width:32px}.psychotest .tilediscradio .box {padding:0 10px;box-sizing:content-box;line-height:20px}@media screen and (max-width:540px) {.psychotest .tileradio2 .radio-input,.psychotest .tilediscradio .radio-input {width:20px !important;height:20px !important;border-width:2px;margin-top:0}.psychotest .tileradio2 .radio-input:checked::before,.psychotest .tilediscradio .radio-input:checked::before {width:10px;height:10px}}@media screen and (max-width:450px) {#test-disc .tileradio .box {height:50px}#test-disc .tileradio .box img {height:30px !important;margin:10px auto !important}}.psychotest #disc-test {display:flex;flex-direction:row;align-items:center;justify-content:space-around;flex-wrap:wrap;margin-top:10px;gap:10px}.psychotest #disc-test > * {flex:calc((100% / 3) - 20px)}@media screen and (max-width:500px) {.psychotest #disc-test > * {flex:calc((100% / 3) - 10px);overflow:hidden}}.psychotest #finish-test {margin-top:20px;text-align:var(--finishtestbutton)}.psychotest #finish-test span {color:var(--color-schema-light2);width:100px;font-size:16px;line-height:30px;height:30px;background-color:var(--color-schema-dark);border-color:var(--color-schema-dark);padding:0 10px;border-radius:0.25rem;cursor:pointer;transition:0.5s;display:inline-block;user-select:none}.psychotest #finish-test:hover span {background-color:var(--color-schema-med);border-color:var(--color-schema-med)}.psychotest #test-instruction {margin:20px 0}.psychotest .ok-test-instructions {margin:20px 0;text-align:var(--showresultbutton)}.psychotest .showres,.psychotest .showres2,.psychotest .starttest,.psychotest .continue-test {margin-top:20px;text-align:var(--showresultbutton);user-select:none}.psychotest .ok-test-instructions span,.psychotest .showres span,.psychotest .showres2 span,.psychotest .starttest span,.psychotest .continue-test span {color:var(--color-schema-light2);width:100px;font-size:16px;line-height:30px;height:30px;background-color:var(--color-schema-dark);border-color:var(--color-schema-dark);padding:5px 10px;margin:20px auto 10px;border-radius:0.25rem;cursor:pointer;transition:0.5s}.psychotest .ok-test-instructions span:hover,.psychotest .showres span:hover,.psychotest .showres2 span:hover,.psychotest .starttest span:hover {background-color:var(--color-schema-med);border-color:var(--color-schema-med)}.psychotest .progress-bar-smooth {height:var(--progressbarheight);background-color:var(--progressbarbackcolor);margin:auto;box-sizing:border-box;border-top:0;border-bottom:0;border-radius:10px;overflow:hidden}.psychotest .progbarint {height:var(--progressbarheight);background-color:var(--color-schema-dark);width:5%;min-width:5%;transition:width 1s;text-align:center;color:#fff;font-size:calc((var(--progressbarheight) / 4) + 6px);line-height:var(--progressbarheight);margin:0}.psychotest .floating-alert {display:none;position:fixed;background-color:var(--alertwindowbackcolor);padding:0 20px 20px;line-height:30px;border-radius:8px;z-index:999;width:500px;max-width:70%;top:60px;left:50%;transform:translateX(-50%)}.psychotest .floating-alert p {font-size:15px;line-height:30px;color:var(--alertwindowfontcolor);text-align:justify;margin:0 !important}.psychotest .floating-alert p.alert {font-size:18px;line-height:36px;color:var(--alertwindowfontcolor);text-align:center;margin:20px 0 !important}.psychotest .floating-alert ul {margin:0 0 20px}.psychotest .floating-alert li {font-size:15px;line-height:20px !important;margin:0 !important;color:var(--alertwindowfontcolor)}.psychotest .floating-alert .button {padding:3px 10px;line-height:25px;font-size:13px;background-color:var(--alertwindowbuttoncolor);text-align:center;cursor:pointer;display:block;width:70px;margin:10px auto;border-radius:6px;transition:0.3s}.psychotest .floating-alert .button:hover {opacity:0.8}.psychotest .each-chart {width:800px;max-width:100%;border-top:0;box-sizing:border-box;padding:20px;position:relative;margin:20px auto}.psychotest .prevpage {text-align:var(--pagebackbutton);margin:20px 0 10px}.psychotest .nextpage {text-align:var(--pagenextbutton);margin:20px 0 10px}.psychotest .prevpage span,.psychotest .nextpage span {background-color:var(--color-schema-dark);color:var(--color-schema-light2);font-size:16px;height:30px;line-height:30px;display:inline-block;padding:0 10px;border-radius:5px;cursor:pointer;transition:0.5s;user-select:none}.psychotest .prevpage span:hover,.psychotest .nextpage span:hover {background-color:var(--color-schema-med);color:var(--color-schema-light2)}.psychotest .prevques {user-select:none;float:right}.psychotest .nextques {user-select:none;float:left}.psychotest .prevques span,.psychotest .nextques span {background-color:var(--color-schema-dark);color:var(--color-schema-light2);font-size:14px;height:30px;line-height:30px;display:inline-block;padding:0 10px;border-radius:5px;cursor:pointer;transition:0.5s}.psychotest .prevques span:hover,.psychotest .nextques span:hover {background-color:var(--color-schema-med);color:var(--color-schema-light2)}#cattell-profile,#neo-profile {width:700px;margin:20px auto;max-width:100%}#cattell-profile .cattell-maincols,#neo-profile .neo-maincols {direction:ltr;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap}#cattell-profile .cattell-maincols .descriptions,#neo-profile .neo-maincols .descriptions {flex:150px;text-align:center}#cattell-profile .cattell-maincols .descriptions > div,#neo-profile .neo-maincols .descriptions > div {height:20px;line-height:20px;margin-bottom:10px;margin-top:5px;font-size:13px}#cattell-profile .cattell-maincols .descriptions > div:first-child,#neo-profile .neo-maincols .descriptions > div:first-child {margin:0;font-size:14px;font-weight:bold}#cattell-profile .cattell-maincols .symbols,#neo-profile .neo-maincols .symbols {flex:30px;text-align:center;font-family:arial !important}#cattell-profile .cattell-maincols .symbols > div,#neo-profile .neo-maincols .symbols > div {height:30px;line-height:30px;font-size:12px;font-weight:bold;border:1px solid #000;box-sizing:border-box}#cattell-profile .cattell-maincols .symbols > div:first-child,#neo-profile .neo-maincols .symbols > div:first-child {margin-top:20px}#cattell-profile .cattell-profile-titles,#neo-profile .neo-profile-titles {direction:ltr;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap;flex:calc(100% - 360px)}#cattell-profile .cattell-profile-titles > div,#neo-profile .neo-profile-titles > div {flex:10%;text-align:center;font-size:14px;overflow:hidden;line-height:15px}#cattell-profile .main-part,#neo-profile .main-part {flex:calc(100% - 360px)}#cattell-profile .cattell-profile-drawings,#neo-profile .neo-profile-drawings {position:relative;margin:auto}#cattell-profile .row,#neo-profile .row {width:100%;height:20px;margin:10px 0;text-align:center;direction:ltr;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap;background-color:#eee}#cattell-profile .col,#neo-profile .col,#cattell-profile .col-selected,#neo-profile .col-selected {flex:10%;overflow:hidden}#cattell-profile .col .intcol,#neo-profile .col .intcol,#cattell-profile .col-selected .intcol,#neo-profile .col-selected .intcol {height:20px;width:100%;max-width:20px;margin:auto;border-radius:50%;box-sizing:border-box;position:relative}#cattell-profile .col-selected .intcol::after,#neo-profile .col-selected .intcol::after {content:"";position:absolute;width:5px;height:5px;border-radius:50%;left:calc(50% - 2.5px);top:calc(50% - 2.5px)}#cattell-profile svg,#neo-profile svg {width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}@media screen and (max-width:767px) {#cattell-profile .cattell-maincols .descriptions,#neo-profile .neo-maincols .descriptions {flex:70px}#cattell-profile .cattell-maincols .descriptions > div,#neo-profile .neo-maincols .descriptions > div {font-size:8px}#cattell-profile .cattell-maincols .descriptions > div:first-child,#neo-profile .neo-maincols .descriptions > div:first-child {font-size:12px}#cattell-profile .cattell-maincols .symbols,#neo-profile .neo-maincols .symbols {flex:20px}#cattell-profile .cattell-maincols .symbols > div,#neo-profile .neo-maincols .symbols > div {font-size:10px}#cattell-profile .cattell-profile-titles,#neo-profile .neo-profile-titles {flex:calc(100% - 180px)}#cattell-profile .cattell-profile-titles > div,#neo-profile .neo-profile-titles > div {font-size:10px}#cattell-profile .main-part,#neo-profile .main-part {flex:calc(100% - 180px)}#cattell-profile .col-selected .intcol {height:15px;max-width:15px;margin:2.5px auto}#neo-profile .col-selected .intcol {height:10px;max-width:10px;margin:5px auto}#cattell-profile .col-selected .intcol::after,#neo-profile .col-selected .intcol::after {width:3px;height:3px;left:calc(50% - 1.5px);top:calc(50% - 1.5px)}}.psychotest #test-result {display:none;padding:var(--generalpadding)}.psychotest #test-result h2 {font-size:24px;line-height:40px;margin-bottom:10px;text-align:inherit;font-weight:bold}.psychotest #test-result h3 {font-size:20px;line-height:35px;margin-bottom:10px;margin-top:10px;font-weight:bold}@media screen and (max-width:767px) {.psychotest #test-result h3 {margin-bottom:5px;margin-top:24px}}.psychotest #test-result p,.psychotest #test-result li {margin-bottom:5px;text-align:justify;line-height:30px;font-size:15px}.psychotest #test-result ul {margin-bottom:10px;padding-right:10px}.psychotest #test-result li {list-style-position:inside}.psychotest #test-result table {width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px;line-height:25px;margin:20px 0}.psychotest #test-result table td {width:50%;border:1px solid var(--generalchartcolor);padding:10px;text-align:center}.psychotest #test-result table td span {padding:2px 5px;border-radius:5px}.psychotest #test-result table thead tr {background-color:var(--generalchartcolorBeta);font-weight:bold;text-align:center}.psychotest #test-result table tbody tr:nth-child(even) {background-color:var(--generalchartcolorAlpha)}.psychotest #test-result .testinsideimg {display:block;margin:10px auto;width:400px;max-width:100%;height:auto}.psychotest #test-result .mmpitype {padding:20px 10px;line-height:35px}.psychotest #test-result .mmpitype .mmpinotes {box-shadow:none;margin:auto;position:relative;padding:0;padding-left:0;font-size:inherit;text-align:inherit}.psychotest #test-result .mmpitype .mmpinotes > * {margin:0 auto;line-height:30px}.psychotest #test-result .mmpitype .mmpinotes > *::before {content:"- ";display:inline}.psychotest #test-result .mmpitype > div {box-shadow:0 0 1px 1px var(--generalchartcolor);margin:20px auto;position:relative;padding:10px;padding-left:60px;font-size:15px;text-align:justify}.psychotest #test-result .mmpitype > div:first-child {padding-left:10px}.psychotest #test-result .mmpitype > div ul {list-style-position:inside}.psychotest #test-result .mmpitype > div span {position:absolute;top:0;bottom:0;left:0;width:50px;height:calc(100% - 20px);background-color:var(--generalchartcolorBeta);padding:10px 0;font-size:18px;text-align:center}.psychotest #details-input .form-group.right-to-left {direction:rtl;text-align:right}.psychotest #details-input .form-group.left-to-right {direction:ltr;text-align:left}.psychotest #details-input {margin:30px auto}.psychotest #details-input label {width:100%;text-align:right;font-size:16px;color:var(--color-schema-dark)}.psychotest #details-input .inputtext {width:100%;padding:5px 10px;line-height:var(--fieldlineheight);margin:10px 0 15px;background-color:var(--color-schema-light1);font-size:16px;box-sizing:border-box;border:1px solid var(--color-schema-med)}.psychotest #details-input ::-ms-input-placeholder {color:var(--color-schema-dark)}.psychotest #details-input ::placeholder {color:var(--color-schema-dark);opacity:0.5}.psychotest #details-input #startbut {margin-top:5px;text-align:center}.psychotest #details-input input[type="submit"] {color:var(--color-schema-light1);background-color:var(--color-schema-dark);border-color:var(--color-schema-dark);padding:5px 10px;border-radius:0.25rem;cursor:pointer;transition:0.5s;font-size:16px}.psychotest #share-test-result {display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap;width:200px;max-width:100%;margin:20px auto 20px}.psychotest #share-test-result > div {margin:0 5px;flex:calc(20% - 10px)}.psychotest #share-test-result > div img {display:block;margin:auto;height:30px;width:auto}.psychotest #overview-icons {display:flex;flex-direction:row;align-items:flex-start;align-content:center;justify-content:center;margin:10px 0;flex-wrap:wrap}.psychotest #overview-icons .each-icon {text-align:center;flex:calc((100% / 5) - 26px);margin:10px;padding:10px 3px}.psychotest #overview-icons .each-icon2 {text-align:center;flex:calc((100% / 3) - 26px) !important;margin:10px;padding:10px 3px}.psychotest #overview-icons .each-icon img {width:60px;height:auto;max-width:100%}.psychotest #overview-icons .each-icon2 img {width:250px;height:auto;max-width:100%}.psychotest #overview-icons .each-icon p {text-align:center !important;font-size:12px}.psychotest #overview-icons .each-icon2 p {text-align:center !important;font-size:12px}@media screen and (max-width:767px) {.psychotest #overview-icons .each-icon {flex:calc((100% / 3) - 16px);flex-grow:0;flex-shrink:1;margin:5px;overflow:hidden}.psychotest #overview-icons .each-icon p {font-size:10px}.psychotest #overview-icons .each-icon2 {text-align:center;flex:100% !important;margin:10px 0;padding:0}}.psychotest .circular-icons {display:flex;flex-direction:row;align-items:flex-start;align-content:center;justify-content:center;flex-wrap:wrap;margin:10px 0;user-select:none}.psychotest .circular-icons .intercirchart1 {position:relative;width:160px;height:190px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.psychotest .circular-icons .intercirchart1 .content {position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:none}.psychotest .circular-icons .intercirchart1 .percent {position:relative;width:150px;height:150px}.psychotest .circular-icons .intercirchart1 .percent::before {content:"";position:absolute;inset:20px;border-radius:50%}.circular-icons .intercirchart1:nth-child(8n + 1) .percent::before {background:var(--generalcolor1Beta)}.circular-icons .intercirchart1:nth-child(8n + 2) .percent::before {background:var(--generalcolor2Beta)}.circular-icons .intercirchart1:nth-child(8n + 3) .percent::before {background:var(--generalcolor3Beta)}.circular-icons .intercirchart1:nth-child(8n + 4) .percent::before {background:var(--generalcolor4Beta)}.circular-icons .intercirchart1:nth-child(8n + 5) .percent::before {background:var(--generalcolor5Beta)}.circular-icons .intercirchart1:nth-child(8n + 6) .percent::before {background:var(--generalcolor6Beta)}.circular-icons .intercirchart1:nth-child(8n + 7) .percent::before {background:var(--generalcolor7Beta)}.circular-icons .intercirchart1:nth-child(8n + 8) .percent::before {background:var(--generalcolor8Beta)}.circular-icons .intercirchart1:nth-child(8n + 1) .percent svg circle {stroke:var(--generalcolor1alpha)}.circular-icons .intercirchart1:nth-child(8n + 2) .percent svg circle {stroke:var(--generalcolor2alpha)}.circular-icons .intercirchart1:nth-child(8n + 3) .percent svg circle {stroke:var(--generalcolor3alpha)}.circular-icons .intercirchart1:nth-child(8n + 4) .percent svg circle {stroke:var(--generalcolor4alpha)}.circular-icons .intercirchart1:nth-child(8n + 5) .percent svg circle {stroke:var(--generalcolor5alpha)}.circular-icons .intercirchart1:nth-child(8n + 6) .percent svg circle {stroke:var(--generalcolor6alpha)}.circular-icons .intercirchart1:nth-child(8n + 7) .percent svg circle {stroke:var(--generalcolor7alpha)}.circular-icons .intercirchart1:nth-child(8n + 8) .percent svg circle {stroke:var(--generalcolor8alpha)}.psychotest .circular-icons .intercirchart1 .percent img {position:absolute;width:50px;height:50px;text-align:center;left:50px;top:50px;margin:0 !important}.psychotest .circular-icons .intercirchart1 .percent svg {position:relative;width:150px;height:150px;transform:rotate(270deg)}.psychotest .circular-icons .intercirchart1 .percent svg circle {width:100%;height:100%;fill:transparent;stroke-width:3;transform:translate(5px, 5px)}.psychotest .circular-icons .intercirchart1 .percent svg circle:nth-child(2) {stroke:#000000;stroke-dasharray:440;stroke-dashoffset:calc(440 - (440 * var(--num)) / 100);opacity:0;animation:fadeIn 1s linear forwards;animation-delay:2.5s}@keyframes fadeIn {0% {opacity:0}100% {opacity:1}}.psychotest .circular-icons .intercirchart1 .percent .dot {position:absolute;inset:5px;z-index:10;animation:animateDot 2s linear forwards}.psychotest .circular-icons .intercirchart1 .intpercent {display:none}@keyframes animateDot {0% {transform:rotate(0deg)}100% {transform:rotate(calc(3.6deg * var(--num)))}}.psychotest .circular-icons .intercirchart1 .percent .dot::before {content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:14px;height:14px;background:#000000;border-radius:50%}.psychotest .circular-icons .intercirchart1 .number {position:relative;inset:0;opacity:0;animation:fadeIn 1s linear forwards;animation-delay:0.5s}.psychotest .circular-icons .intercirchart1 .number p {font-size:12px;margin-top:0}@property --percentage {syntax:"<number>";inherits:true;initial-value:0}.psychotest .circular-icons .intercirchart2 .percent {--percentage:var(--num);animation:progressinter2 2s 0.5s forwards;width:var(--size);aspect-ratio:1;border-radius:50%;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;margin:calc(var(--size) / 10)}.psychotest .circular-icons .intercirchart2 .percent::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;mask:radial-gradient(white 55%, transparent 0);mask-mode:alpha;-webkit-mask:radial-gradient(#0000 55%, #000 0);-webkit-mask-mode:alpha}.psychotest .circular-icons .intercirchart2:nth-child(8n + 1) .percent::before {background:conic-gradient(var(--generalcolor1) calc(var(--percentage) * 1%), var(--generalcolor1alpha) 0)}.psychotest .circular-icons .intercirchart2:nth-child(8n + 2) .percent::before {background:conic-gradient(var(--generalcolor2) calc(var(--percentage) * 1%), var(--generalcolor2alpha) 0)}.psychotest .circular-icons .intercirchart2:nth-child(8n + 3) .percent::before {background:conic-gradient(var(--generalcolor3) calc(var(--percentage) * 1%), var(--generalcolor3alpha) 0)}.psychotest .circular-icons .intercirchart2:nth-child(8n + 4) .percent::before {background:conic-gradient(var(--generalcolor4) calc(var(--percentage) * 1%), var(--generalcolor4alpha) 0)}.psychotest .circular-icons .intercirchart2:nth-child(8n + 5) .percent::before {background:conic-gradient(var(--generalcolor5) calc(var(--percentage) * 1%), var(--generalcolor5alpha) 0)}.psychotest .circular-icons .intercirchart2:nth-child(8n + 6) .percent::before {background:conic-gradient(var(--generalcolor6) calc(var(--percentage) * 1%), var(--generalcolor6alpha) 0)}.psychotest .circular-icons .intercirchart2:nth-child(8n + 7) .percent::before {background:conic-gradient(var(--generalcolor7) calc(var(--percentage) * 1%), var(--generalcolor7alpha) 0)}.psychotest .circular-icons .intercirchart2:nth-child(8n + 8) .percent::before {background:conic-gradient(var(--generalcolor8) calc(var(--percentage) * 1%), var(--generalcolor8alpha) 0)}.psychotest .circular-icons .intercirchart2 .percent::after {counter-reset:percentage var(--num);content:counter(percentage) "%";font-size:calc(var(--size) / 5);color:var(--primary);margin-top:calc(var(--size) / 20)}.psychotest .circular-icons .intercirchart2 .intpercent {display:none}.psychotest .circular-icons .intercirchart2 svg {display:none}.psychotest .circular-icons .intercirchart2 img {display:none}.psychotest .circular-icons .intercirchart2 .dot {display:none}.psychotest .circular-icons .intercirchart2 .number p {font-size:12px;text-align:center !important}@keyframes progressinter2 {0% {--percentage:0}100% {--percentage:var(--num)}}.psychotest .circular-icons .intercirchart3 .percent {position:relative;border-radius:50%/100% 100% 0 0;overflow:hidden;width:var(--size);margin:calc(var(--size) / 10)}.psychotest .circular-icons .intercirchart3:nth-child(8n + 1) .percent {background-color:var(--generalcolor1Beta)}.psychotest .circular-icons .intercirchart3:nth-child(8n + 2) .percent {background-color:var(--generalcolor2Beta)}.psychotest .circular-icons .intercirchart3:nth-child(8n + 3) .percent {background-color:var(--generalcolor3Beta)}.psychotest .circular-icons .intercirchart3:nth-child(8n + 4) .percent {background-color:var(--generalcolor4Beta)}.psychotest .circular-icons .intercirchart3:nth-child(8n + 5) .percent {background-color:var(--generalcolor5Beta)}.psychotest .circular-icons .intercirchart3:nth-child(8n + 6) .percent {background-color:var(--generalcolor6Beta)}.psychotest .circular-icons .intercirchart3:nth-child(8n + 7) .percent {background-color:var(--generalcolor7Beta)}.psychotest .circular-icons .intercirchart3:nth-child(8n + 8) .percent {background-color:var(--generalcolor8Beta)}.psychotest .circular-icons .intercirchart3 .percent::before {content:"";display:block;padding-top:50%}.psychotest .circular-icons .intercirchart3 .percent::after {position:absolute;bottom:0%;left:0;width:100%;text-align:center;counter-reset:variable var(--num);content:counter(variable) "%"}.psychotest .circular-icons .intercirchart3 .percent .dot {position:absolute;left:20%;right:20%;bottom:0;top:40%;background-color:var(--color-schema-light2);border-radius:50%/100% 100% 0 0}.psychotest .circular-icons .intercirchart3 .percent .intpercent {position:absolute;top:-1px;left:-1px;bottom:0;right:-1px;background-color:#ffffffcc;--rrr:calc(var(--num) * 180deg / 100);transform:rotate(var(--rrr));transform-origin:bottom center;transition-duration:0.6s}.psychotest .circular-icons .intercirchart3 .percent .min {position:absolute;bottom:0;left:5%}.psychotest .circular-icons .intercirchart3 .percent .max {position:absolute;bottom:0;right:5%}.psychotest .circular-icons .intercirchart3 svg {display:none}.psychotest .circular-icons .intercirchart3 img {display:none}.psychotest .circular-icons .intercirchart3 .number p {font-size:12px;text-align:center !important}.psychotest .circular-icons .intercirchart4 {margin:20px 15px}.psychotest .circular-icons .intercirchart4 .content {width:50px;position:relative}.psychotest .circular-icons .intercirchart4 .percent {height:250px;width:50px;border:2px solid #000;position:relative;border-radius:50px;box-sizing:border-box;overflow:hidden}.psychotest .circular-icons .intercirchart4 svg {display:none}.psychotest .circular-icons .intercirchart4 .dot {display:none}.psychotest .circular-icons .intercirchart4 img {display:block;position:absolute;width:calc(100% - 10px);height:auto;bottom:8px;opacity:0.5;left:5px;right:5px;box-sizing:border-box;z-index:3;margin:0}.psychotest .circular-icons .intercirchart4 .intpercent {position:absolute;bottom:0;left:0;right:0;width:100%;animation:animbototop 1s linear forwards}.psychotest .circular-icons .intercirchart4 .intpercent:after {counter-reset:variable var(--num);content:counter(variable) "%";position:absolute;top:3px;width:50px;left:calc(50% - 25px);text-align:center;z-index:2;font-size:12px;color:#fff;opacity:0;animation:fadeIn 1s linear forwards;animation-delay:1s}.psychotest .circular-icons .intercirchart4 .number p {font-size:12px !important;text-align:center !important;line-height:20px !important;opacity:0;animation:fadeIn 1s linear forwards;animation-delay:0.5s}@keyframes animbototop {0% {height:0}100% {height:calc(var(--num) * 1%)}}.psychotest .circular-icons .intercirchart4:nth-child(8n + 1) .intpercent {background-color:var(--generalcolor1)}.psychotest .circular-icons .intercirchart4:nth-child(8n + 2) .intpercent {background-color:var(--generalcolor2)}.psychotest .circular-icons .intercirchart4:nth-child(8n + 3) .intpercent {background-color:var(--generalcolor3)}.psychotest .circular-icons .intercirchart4:nth-child(8n + 4) .intpercent {background-color:var(--generalcolor4)}.psychotest .circular-icons .intercirchart4:nth-child(8n + 5) .intpercent {background-color:var(--generalcolor5)}.psychotest .circular-icons .intercirchart4:nth-child(8n + 6) .intpercent {background-color:var(--generalcolor6)}.psychotest .circular-icons .intercirchart4:nth-child(8n + 7) .intpercent {background-color:var(--generalcolor7)}.psychotest .circular-icons .intercirchart4:nth-child(8n + 8) .intpercent {background-color:var(--generalcolor8)}.psychotest .circular-icons .intercirchart5 {margin:15px}.psychotest .circular-icons .intercirchart5 .percent {width:150px;height:150px;background-color:#ffffff;border-radius:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.15);position:relative;overflow:hidden}.psychotest .circular-icons .intercirchart5 .percent:after {counter-reset:variable var(--num);content:counter(variable) "%";position:absolute;top:5px;width:50px;left:calc(50% - 25px);text-align:center;z-index:3;font-size:12px;opacity:0;animation:fadeIn 1s linear forwards;animation-delay:0.5s}.psychotest .circular-icons .intercirchart5 svg {display:none}.psychotest .circular-icons .intercirchart5 .dot {position:absolute;width:300%;height:300%;left:-100%;top:calc((100 - var(--num)) * 1%);border-radius:45%;animation:rotatewave 10s linear infinite;z-index:2}.psychotest .circular-icons .intercirchart5 .intpercent {position:absolute;width:300%;height:300%;left:-100%;top:calc((105 - var(--num)) * 1%);border-radius:43%;animation:rotatewave 7s linear infinite;z-index:2}.psychotest .circular-icons .intercirchart5 img {position:absolute;width:80px;height:auto;top:35px;left:35px;z-index:1;margin:0}.psychotest .circular-icons .intercirchart5 .number p {line-height:25px;text-align:center !important;font-size:12px;margin-top:5px;opacity:0;animation:fadeIn 1s linear forwards;animation-delay:0.5s}@keyframes rotatewave {100% {transform:rotate(360deg)}}.psychotest .circular-icons .intercirchart5:nth-child(8n + 1) .dot {background-color:var(--generalcolor1alpha)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 1) .intpercent {background-color:var(--generalcolor1Beta)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 2) .dot {background-color:var(--generalcolor2alpha)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 2) .intpercent {background-color:var(--generalcolor2Beta)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 3) .dot {background-color:var(--generalcolor3alpha)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 3) .intpercent {background-color:var(--generalcolor3Beta)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 4) .dot {background-color:var(--generalcolor4alpha)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 4) .intpercent {background-color:var(--generalcolor4Beta)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 5) .dot {background-color:var(--generalcolor5alpha)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 5) .intpercent {background-color:var(--generalcolor5Beta)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 6) .dot {background-color:var(--generalcolor6alpha)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 6) .intpercent {background-color:var(--generalcolor6Beta)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 7) .dot {background-color:var(--generalcolor7alpha)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 7) .intpercent {background-color:var(--generalcolor7Beta)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 8) .dot {background-color:var(--generalcolor8alpha)}.psychotest .circular-icons .intercirchart5:nth-child(8n + 8) .intpercent {background-color:var(--generalcolor8Beta)}.psychotest .circular-icons .intercirchart6 {margin:0 5px 50px}.psychotest .circular-icons .intercirchart6 .content {width:120px;position:relative;margin:0}.psychotest .circular-icons .intercirchart6 .percent {height:200px;width:80px;position:relative;border-radius:20px 20px 0 0;box-sizing:content-box;overflow:hidden;margin:auto}.psychotest .circular-icons .intercirchart6 .percent:after {counter-reset:variable var(--num);content:counter(variable) "%";position:absolute;top:10px;width:80px;left:calc(50% - 40px);text-align:center;z-index:3;font-size:16px;opacity:0;animation:fadeIn 1s linear forwards;animation-delay:0.5s}.psychotest .circular-icons .intercirchart6 svg {display:none}.psychotest .circular-icons .intercirchart6 .dot {display:none}.psychotest .circular-icons .intercirchart6 img {display:block;position:absolute;width:50px;height:auto;bottom:20px;left:calc(50% - 25px);z-index:1;margin:0}.psychotest .circular-icons .intercirchart6 .intpercent {position:absolute;bottom:0;left:0;right:0;width:100%;height:calc(var(--num) * 1%);z-index:2}.psychotest .circular-icons .intercirchart6 .number p {line-height:25px !important;text-align:center !important;font-size:10px !important;margin-top:0;opacity:0;animation:fadeIn 1s linear forwards;animation-delay:0.5s;position:absolute;width:100%;box-sizing:border-box;border-radius:8px 8px 0 0}.psychotest .circular-icons .intercirchart6:nth-child(8n + 1) .number p {border:2px solid var(--generalcolor1)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 1) .percent {border:2px solid var(--generalcolor1);border-bottom:0}.psychotest .circular-icons .intercirchart6:nth-child(8n + 1) .intpercent {background-color:var(--generalcolor1alpha)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 2) .number p {border:2px solid var(--generalcolor2)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 2) .percent {border:2px solid var(--generalcolor2);border-bottom:0}.psychotest .circular-icons .intercirchart6:nth-child(8n + 2) .intpercent {background-color:var(--generalcolor2alpha)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 3) .number p {border:2px solid var(--generalcolor3)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 3) .percent {border:2px solid var(--generalcolor3);border-bottom:0}.psychotest .circular-icons .intercirchart6:nth-child(8n + 3) .intpercent {background-color:var(--generalcolor3alpha)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 4) .number p {border:2px solid var(--generalcolor4)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 4) .percent {border:2px solid var(--generalcolor4);border-bottom:0}.psychotest .circular-icons .intercirchart6:nth-child(8n + 4) .intpercent {background-color:var(--generalcolor4alpha)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 5) .number p {border:2px solid var(--generalcolor5)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 5) .percent {border:2px solid var(--generalcolor5);border-bottom:0}.psychotest .circular-icons .intercirchart6:nth-child(8n + 5) .intpercent {background-color:var(--generalcolor5alpha)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 6) .number p {border:2px solid var(--generalcolor6)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 6) .percent {border:2px solid var(--generalcolor6);border-bottom:0}.psychotest .circular-icons .intercirchart6:nth-child(8n + 6) .intpercent {background-color:var(--generalcolor6alpha)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 7) .number p {border:2px solid var(--generalcolor7)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 7) .percent {border:2px solid var(--generalcolor7);border-bottom:0}.psychotest .circular-icons .intercirchart6:nth-child(8n + 7) .intpercent {background-color:var(--generalcolor7alpha)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 8) .number p {border:2px solid var(--generalcolor8)}.psychotest .circular-icons .intercirchart6:nth-child(8n + 8) .percent {border:2px solid var(--generalcolor8);border-bottom:0}.psychotest .circular-icons .intercirchart6:nth-child(8n + 8) .intpercent {background-color:var(--generalcolor8alpha)}.psychotest .progress-bar-dotted {display:flex;justify-content:space-between;list-style:none;padding:0 !important;margin:0 0 1rem 0;box-sizing:border-box}.psychotest .progress-bar-dotted * {box-sizing:border-box}.psychotest .progress-bar-dotted li {flex:2;position:relative;padding:0 0 14px 0;line-height:1.5;color:var(--color-schema-med);font-weight:600;white-space:nowrap;overflow:visible;min-width:0;text-align:center;border-bottom:4px solid var(--color-schema-light1)}.psychotest .progress-bar-dotted li:first-child,.psychotest .progress-bar-dotted li:last-child {flex:1}.psychotest .progress-bar-dotted li:last-child {text-align:left}.psychotest .progress-bar-dotted li:before {content:"";display:block;width:10px;height:10px;background-color:var(--color-schema-light1);border-radius:50%;border:2px solid #ffffff;position:absolute;left:calc(50% - 6px);bottom:-8.5px;z-index:3;transition:all 0.2s ease-in-out;box-sizing:content-box}.psychotest .progress-bar-dotted li:first-child:before {right:0}.psychotest .progress-bar-dotted li:last-child:before {left:0;right:auto}.psychotest .progress-bar-dotted.left-to-right li:first-child:before {left:0}.psychotest .progress-bar-dotted.left-to-right li:last-child:before {left:auto;right:0}.psychotest .progress-bar-dotted span {transition:opacity 0.3s ease-in-out;font-size:14px;color:var(--color-schema-dark);display:block}.psychotest .progress-bar-dotted li:not(.is-active) span {opacity:0.2}.psychotest .progress-bar-dotted .is-complete:not(:first-child):after,.psychotest .progress-bar-dotted .is-active:not(:first-child):after {content:"";display:block;width:100%;position:absolute;bottom:-4px;right:-50%;z-index:2;border-bottom:4px solid var(--color-schema-dark)}.psychotest .progress-bar-dotted.left-to-right .is-complete:not(:first-child):after,.psychotest .progress-bar-dotted.left-to-right .is-active:not(:first-child):after {right:auto;left:-50%}.psychotest .progress-bar-dotted li:first-child span {text-align:right}.psychotest .progress-bar-dotted li:last-child span {text-align:left}.psychotest .progress-bar-dotted.left-to-right li:first-child span {text-align:left}.psychotest .progress-bar-dotted.left-to-right li:last-child span {text-align:right}.psychotest .progress-bar-dotted .is-complete:last-child:after,.psychotest .progress-bar-dotted .is-active:last-child:after {width:200%;right:-100%}.psychotest .progress-bar-dotted .is-complete:before {background-color:var(--color-schema-dark)}.psychotest .progress-bar-dotted .is-active:before {background-color:#ffffff;border-color:var(--color-schema-med)}.psychotest .horbargauge {width:500px;max-width:100%;margin:20px auto}.psychotest .horbargauge .bars-container {position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap;direction:ltr}.psychotest .horbargauge .horbar {direction:rtl;flex:var(--num);height:70px;z-index:1;position:relative;text-align:center;font-size:10px;line-height:20px;font-weight:bold}.psychotest .horbargauge .barfinal {position:absolute;left:0;bottom:10px;background-color:#000000a1;height:30px;z-index:2;width:calc(var(--num) * 1%);border-radius:0 15px 15px 0}.psychotest .horbargauge .barfinal:after {counter-reset:variable var(--num);content:counter(variable) "%";position:absolute;right:10px;color:#fff;font-size:12px;line-height:30px}.psychotest .horbargauge img {width:100%;height:auto;display:block;margin:0 !important}.psychotest .bottleDiv {position:relative;width:120px;height:280px;margin:20px auto}.psychotest .bottleDiv .bottleNeck {position:absolute;width:30px;height:100px;top:0;left:30px;background-color:lightgray;border-radius:20%;z-index:1;overflow:hidden}.psychotest .bottleDiv .bottleBody {position:absolute;width:90px;height:190px;top:90px;left:0;background-color:lightgray;border-bottom-left-radius:10%;border-bottom-right-radius:10%;z-index:1;overflow:hidden}.psychotest .bottleDiv .bottleBall {position:absolute;width:90px;height:50px;border-radius:45%;top:60px;left:0;background-color:lightgray;z-index:1;overflow:hidden}.psychotest .bottleDiv .bottleBody .totalwater {position:absolute;bottom:0;left:0;right:0;height:calc(var(--num) * 1%);z-index:3}.psychotest .bottleDiv .bottleBody .totalwater::after {counter-reset:percentage var(--num);content:counter(percentage) "%";position:absolute;display:block;width:30px;left:30px;top:2px;text-align:center;font-size:14px;line-height:20px;z-index:4}.psychotest .bottleDiv .gauge {position:absolute;right:0;bottom:0;height:190px;width:20px}.psychotest .bottleDiv .gauge > div {position:relative;float:left;width:100%}.psychotest .intcolchart {width:100px;margin:0;direction:ltr;position:relative;float:left;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap;clear:both}.psychotest .intcolchart .title {flex:100px;flex-grow:0;flex-shrink:1;box-sizing:border-box;text-align:center;font-size:15px;line-height:30px;font-weight:bold}.psychotest .intcolchart .bar {flex:50px;flex-grow:0;flex-shrink:1;position:relative;margin:auto;width:50px;height:120px;overflow:hidden;border-radius:8px 8px 0 0;border:2px solid #000;border-bottom:0;box-sizing:border-box}.psychotest .intcolchart .intbar {height:var(--num);position:absolute;left:0;right:0;bottom:0;width:100%;background-color:var(--intcolor)}.psychotest .intcolchart .content {flex:70px;flex-grow:0;flex-shrink:1;line-height:30px;font-size:15px;text-align:center;border:2px solid #000;margin:auto;box-sizing:border-box;border-radius:8px}.psychotest .intcolchart .lines {flex:25px;flex-shrink:1;flex-grow:0;position:relative}.psychotest .intcolchart .spacer {flex:25px}.psychotest .intcolchart .lines > div {position:absolute;right:0;line-height:15px;font-size:12px;width:100%;text-align:left;direction:ltr}.psychotest .intcolchart .lines > div span {display:inline-block}.psychotest .intcolchart .lines > div:nth-child(5n + 1) {bottom:-5px}.psychotest .intcolchart .lines > div:nth-child(5n + 2) {bottom:calc(25% - 8px)}.psychotest .intcolchart .lines > div:nth-child(5n + 3) {bottom:calc(50% - 8px)}.psychotest .intcolchart .lines > div:nth-child(5n + 4) {bottom:calc(75% - 8px)}.psychotest .intcolchart .lines > div:nth-child(5n + 5) {bottom:calc(100% - 8px)}.psychotest .intcolchart .lines > div:nth-child(5n + 2)::after {position:absolute;content:"";left:20px;top:7px;width:5px;height:2px;background-color:#000}.psychotest .intcolchart .lines > div:nth-child(5n + 3)::after {position:absolute;content:"";left:20px;top:7px;width:5px;height:2px;background-color:#000}.psychotest .intcolchart .lines > div:nth-child(5n + 4)::after {position:absolute;content:"";left:20px;top:7px;width:5px;height:2px;background-color:#000}.psychotest .each-section {border:3px solid var(--color-schema-light1);margin:60px 0;padding:20px;border-radius:8px;position:relative}@media screen and (max-width:767px) {.psychotest .each-section {padding:20px 10px}}.psychotest .each-section .image-cover-percent {position:absolute;top:-38px;left:30px;width:50px;height:auto;background-color:var(--color-schema-light2);border:3px solid var(--color-schema-light1);padding:10px 20px;border-radius:8px;box-sizing:content-box}.psychotest .each-section .image-cover-percent img {display:block;width:50px;height:auto;margin:0}.psychotest .each-section .image-cover-percent > div {position:absolute;opacity:0.5;bottom:0;left:0;right:0;overflow:hidden}.psychotest .each-section:nth-child(8n + 1) .image-cover-percent > div {background-color:var(--generalcolor1Beta)}.psychotest .each-section:nth-child(8n + 2) .image-cover-percent > div {background-color:var(--generalcolor2Beta)}.psychotest .each-section:nth-child(8n + 3) .image-cover-percent > div {background-color:var(--generalcolor3Beta)}.psychotest .each-section:nth-child(8n + 4) .image-cover-percent > div {background-color:var(--generalcolor4Beta)}.psychotest .each-section:nth-child(8n + 5) .image-cover-percent > div {background-color:var(--generalcolor5Beta)}.psychotest .each-section:nth-child(8n + 6) .image-cover-percent > div {background-color:var(--generalcolor6Beta)}.psychotest .each-section:nth-child(8n + 7) .image-cover-percent > div {background-color:var(--generalcolor7Beta)}.psychotest .each-section:nth-child(8n + 8) .image-cover-percent > div {background-color:var(--generalcolor8Beta)}.psychotest .intbarchart {width:100%;height:400px;padding-top:30px;display:block;margin:20px auto;position:relative;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-around;flex-wrap:wrap;border:2px solid #000;direction:ltr}.psychotest .intcolumn {flex:calc(100% / var(--numofvals));flex-grow:0;flex-shrink:1;height:calc(var(--num) * 1%)}.psychotest .intcolumn > div {height:100%;width:60%;margin:auto;background-color:var(--color)}#test-disc .disc-graphs {width:250px;float:left;margin:20px;direction:ltr !important;box-sizing:border-box;position:relative}#test-disc .disc-graphs * {direction:ltr !important}@media screen and (max-width:767px) {#test-disc .disc-graphs {float:none;margin:20px auto}}#test-disc .disc-graphs svg {position:absolute;top:0;left:0}#test-disc .disc-graphs .disc-header {width:100%;font-size:16px;text-align:center;line-height:40px;direction:rtl}#test-disc .disc-graphs .disc-elements {display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap;text-align:center;border:2px solid #000;border-bottom:1px solid #000;background-color:var(--main-color)}#test-disc .disc-graphs .disc-elements .empty {flex:30px}#test-disc .disc-graphs .main-elements {flex:calc(100% - 60px);display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap}#test-disc .disc-graphs .main-elements span {flex:calc(100% / 4);width:30px;max-width:100%;height:30px;line-height:30px;margin:5px auto;display:block;background-color:#fff;border-radius:5px;font-weight:bold}#test-disc .disc-graphs .each-row {width:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap;text-align:center;border:1px solid #000;border-top:0;box-sizing:border-box;font-size:11px}#test-disc .disc-graphs .each-row .side-col {flex:30px;background-color:var(--main-color)}#test-disc .disc-graphs .each-row .side-col > div {border:1px solid #000;box-sizing:border-box;line-height:15px}#test-disc .disc-graphs .each-row .side-col:last-child > div {height:100%;line-height:60px}#test-disc .disc-graphs .each-row .main-col {flex:calc(100% - 60px);display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap}#test-disc .disc-graphs .each-row .main-col > div {flex:calc(100% / 4)}#test-disc .disc-graphs .each-row .main-col > div > div {border:1px solid #000;box-sizing:border-box;line-height:15px}#test-disc .disc-graphs .each-row .main-col > div .selected span {background-color:var(--selected-value-color);width:30px;line-height:15px;height:15px;border-radius:50%;display:block;margin:auto;z-index:3;position:relative}#test-disc .disc-graphs .each-row:last-child {background-color:var(--main-color);border:2px solid #000;border-top:0}#test-disc .disc-graphs .each-row:last-child .side-col {background-color:var(--main-color)}#test-disc .disc-graphs .each-row:last-child .main-col > div span {background-color:#fff;color:#000;box-sizing:border-box;display:block;width:30px;max-width:100%;height:30px;line-height:30px;margin:5px auto;border-radius:5px;font-weight:bold}#test-disc .disc-inside-img {width:250px;height:auto;float:left;margin:0 10px 10px}@media screen and (max-width:767px) {#test-disc .disc-inside-img {width:100%;float:none;margin:0 auto 10px}}#test-disc .more-content {display:none}#test-disc .show-more-btn {font-family:inherit;margin:5px 0;padding:0 5px}#test-disc .main-type {display:inline-block;padding:0 8px;color:#fff;border-radius:5px}#test-disc .main-chars ul {display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap;margin:0 !important;padding:0 !important}#test-disc .main-chars ul li {list-style-type:none;margin:5px !important;flex:calc((100% / 3) - 20px);border-radius:5px;text-align:center !important;padding:5px;background-color:var(--type-color);box-sizing:border-box;flex-grow:0;flex-shrink:1;font-size:14px;line-height:25px}@media screen and (max-width:767px) {#test-disc .main-chars ul li {margin:2.5px !important;flex:calc((100% / 3) - 15px);font-size:12px;line-height:20px}}.psychotest .millonprofile {width:800px;max-width:100%;direction:rtl;text-align:right;margin:20px auto;font-size:14px}.psychotest .millonprofile .top-row {display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap}.psychotest .millonprofile .top-row > div.first-col {flex:200px;text-align:center;line-height:50px;background-color:var(--maincolor);color:#fff;margin-bottom:5px;margin-left:5px;border-radius:5px}.psychotest .millonprofile .top-row > div.middle-col {flex:50px;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap}.psychotest .millonprofile .top-row > div.middle-col > div {flex:25px;display:table-cell;width:50px;height:50px;margin-left:5px;position:relative;overflow:hidden;background-color:var(--lightcolor);border-radius:5px}.psychotest .millonprofile .top-row > div.middle-col > div span {font-size:10px;transform-origin:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-90deg);display:flex;align-items:center;justify-content:center;height:25px;width:55px;text-align:center;margin:0}.psychotest .millonprofile .top-row > div.second-col {flex:calc(100% - 285px);margin-bottom:5px;border-radius:5px;overflow:hidden}.psychotest .millonprofile .top-row > div.second-col .percent {position:relative;height:20px;background-color:var(--lightcolor)}.psychotest .millonprofile .top-row > div.second-col .percent div {position:absolute;line-height:20px;top:0;text-align:center;width:25px;overflow:hidden;right:calc(var(--num) / var(--maxnum) * 100% - 12.5px)}.psychotest .millonprofile .top-row > div.second-col .percent div:first-child {right:0}.psychotest .millonprofile .top-row > div.second-col .percent div:last-child {right:auto;left:0}.psychotest .millonprofile .top-row > div.second-col .percent-tip {position:relative;height:30px;line-height:30px;background-color:var(--maincolor);color:#fff;font-size:8px;overflow:hidden}.psychotest .millonprofile .top-row > div.second-col .percent-tip > div {float:right;text-align:center;box-sizing:border-box;width:calc(var(--xwidth) / var(--maxnum) * 100%);border-left:1px solid gray}.psychotest .millonprofile .top-row > div.second-col .percent-tip > div:last-child {border-left:0}.psychotest .millonprofile .each-row {display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap}.psychotest .millonprofile .each-row > div.first-col {flex:200px;margin-left:5px;margin-bottom:5px;text-align:center;line-height:30px;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap;font-size:12px}.psychotest .millonprofile .each-row > div.first-col > div {background-color:#eee;border-radius:5px}.psychotest .millonprofile .each-row > div.first-col > div:nth-child(1) {flex:calc(100% - 45px);margin-left:5px}.psychotest .millonprofile .each-row > div.first-col > div:nth-child(2) {flex:40px;font-family:arial !important}.psychotest .millonprofile .each-row > div.middle-col {flex:50px;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap}.psychotest .millonprofile .each-row > div.middle-col > div {flex:25px;width:50px;height:30px;margin-left:5px;overflow:hidden;background-color:var(--lightcolor);border-radius:5px;background-color:#eee;border-radius:5px;text-align:center}.psychotest .millonprofile .each-row > div.middle-col > div span {line-height:30px;font-size:12px}.psychotest .millonprofile .each-row > div.second-col {flex:calc(100% - 285px);margin-bottom:5px;position:relative;border-radius:5px;overflow:hidden;background-color:lightgray}.psychotest .millonprofile .each-row > div.second-col::after {content:"";position:absolute;top:5px;right:0;width:calc((var(--val) / var(--maxnum)) * 100%);max-width:100%;min-width:1%;background-color:rgba(0, 0, 0, 0.5);height:20px;border-radius:5px 0 0 5px}.psychotest .millonprofile .each-row > div.second-col > div {float:right;text-align:center;box-sizing:border-box;line-height:30px;width:calc(var(--xwidth) / var(--maxnum) * 100%);border-left:1px solid gray}.psychotest .millonprofile .each-row > div.second-col > div:last-child {border-left:0;background-color:var(--warcolor)}@media screen and (max-width:767px) {.psychotest .millonprofile {font-size:12px}.psychotest .millonprofile .top-row > div.first-col {flex:50px;line-height:25px;font-size:10px;overflow:hidden}.psychotest .millonprofile .top-row > div.second-col {flex:calc(100% - 115px)}.psychotest .millonprofile .top-row > div.middle-col > div {flex:20px;width:20px}.psychotest .millonprofile .each-row > div.first-col {flex:50px}.psychotest .millonprofile .each-row > div.first-col > div:nth-child(1) {display:none}.psychotest .millonprofile .each-row > div.first-col > div:nth-child(2) {flex:10px}.psychotest .millonprofile .each-row > div.middle-col > div {flex:20px;width:20px}.psychotest .millonprofile .each-row > div.second-col {flex:calc(100% - 115px)}.psychotest .millonprofile .top-row > div.second-col .percent-tip {font-size:6px}}.psychotest .disorder-items {display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:5px}.psychotest .disorder-items span {display:block;background-color:var(--testmaincolor);color:#fff;border-radius:5px;margin:2px;padding:0 10px}.psychotest #typeab-chart {direction:rtl;width:500px;max-width:100%;margin:20px auto}.psychotest #typeab-chart > div {display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap}.psychotest #typeab-chart .type-desc {flex:70px;flex-grow:0;flex-shrink:1;text-align:center;line-height:40px}.psychotest #typeab-chart .gauge {height:40px;border-radius:8px;border:2px solid #000;box-sizing:border-box;background-color:var(--colorb);flex:calc(100% - 140px);flex-grow:0;flex-shrink:1;overflow:hidden}.psychotest #typeab-chart .gauge::after {content:"";background-color:var(--colora);float:right;width:calc(var(--aval) * 1%);height:100%}.psychotest .bell-diagram {position:relative;mix-blend-mode:multiply;width:400px;max-width:100%;margin:10px auto;box-sizing:border-box}.psychotest .bell-diagram2 {width:600px}.psychotest .bell-diagram img {position:relative;z-index:2;display:block}.psychotest .bell-diagram > div {position:absolute;top:0;left:0;bottom:0;width:var(--value);max-width:100%;min-width:0;z-index:1;background-color:var(--color)}.psychotest .simple-bar-chart-container {display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap;max-width:100%;width:550px;margin:5px auto;direction:ltr}.psychotest .simple-bar-chart {flex:calc(100% - 100px);height:40px;overflow:hidden;position:relative;background-color:#eee}.psychotest .simple-bar-chart .simple-intval {width:calc(var(--value) * 1%);height:30px;position:absolute;left:0;top:5px;background-color:var(--color);border-radius:0 15px 15px 0}.psychotest .simple-bar-chart .simple-intval::after {counter-reset:variable var(--value);content:counter(variable);width:25px;height:25px;position:absolute;top:2.5px;right:2.5px;border-radius:50%;background-color:#fff;font-size:10px;line-height:25px;text-align:center}.psychotest .simple-bar-chart-container > div:nth-child(1),.psychotest .simple-bar-chart-container > div:nth-child(3) {flex:50px;line-height:40px;text-align:center;font-size:12px}.psychotest #payfortest {margin:30px 0}.psychotest #payfortest .paybutton {background-color:var(--color-schema-dark);color:var(--color-schema-light2);font-size:18px;height:30px;width:100px;margin:20px auto 0;line-height:30px;display:block;padding:5px;border-radius:5px;cursor:pointer;transition:0.5s;text-align:center;box-sizing:content-box;user-select:none}.psychotest #payfortest .paybutton:hover {background-color:var(--color-schema-med);color:var(--color-schema-light2)}.psychotest .each-gateway {display:inline-block;width:auto !important;margin-left:20px;text-align:center !important}.psychotest #payfortest .dashicons-update {animation:dashicons-spin 2s infinite;animation-timing-function:linear}@keyframes dashicons-spin {0% {transform:rotate(0deg)}100% {transform:rotate(360deg)}}.psychotest .testtimer {position:fixed;left:0;top:50px;font-size:20px;font-weight:bold;z-index:99999;line-height:40px;background-color:rgba(255, 255, 255, 0.9);border-radius:0 8px 8px 0;overflow:hidden;text-align:center;width:80px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.06);user-select:none}.psychotest .section-intstruction h3 {font-weight:bold;font-size:24px;margin:10px 0}.psychotest .oksec {color:var(--color-schema-light2);width:100px;font-size:16px;line-height:30px;height:30px;background-color:var(--color-schema-dark);border-color:var(--color-schema-dark);padding:2px;margin:10px auto;border-radius:0.25rem;cursor:pointer;transition:0.5s;text-align:center;user-select:none}.psychotest .oksec:hover {background-color:var(--color-schema-med);border-color:var(--color-schema-med)}.psychotest .chart-iq {display:block;margin:10px auto;position:relative}.psychotest .chart-iq-svg {display:block;margin:auto;max-width:100%}.psychotest .iqtitle {position:absolute;font-size:60px;font-weight:bold;bottom:15%;right:50%;transform:translate(50%)}.psychotest .iqsubtitle {position:absolute;font-size:14px;font-weight:800;bottom:10%;right:50%;transform:translate(50%)}.psychotest .table-grading-iq {width:50%;margin:20px auto;border-collapse:collapse;direction:rtl}.psychotest .table-grading-iq th,.psychotest .table-grading-iq td {border:1px solid gray;padding:10px;text-align:center;width:calc(100% / 3) !important}.psychotest .table-grading-iq th {background-color:#f2f2f2 !important}.psychotest .table-grading-iq tr.active {background-color:#e2f7e2 !important}.psychotest .visual-test-image,.psychotest .visualques {margin:20px auto 30px}.psychotest .visual-test-image img,.psychotest .visualques img {display:block;margin:auto;height:auto}.psychotest .box .visualtestopts {display:block !important;margin:auto !important;height:auto !important}.psychotest .stls-test {direction:ltr;background-color:#fff;mix-blend-mode:multiply;padding:20px 0}.psychotest .stls-test__commitment,.psychotest .stls-test__passion,.psychotest .stls-test__intimacy {position:relative;width:100%;margin:0 auto}.psychotest .stls-test__commitment {max-width:271px;max-height:235px;margin-bottom:19px}.psychotest .stls-test__passion-intimacy {width:100%;max-width:569px;max-height:214px;margin:0 auto;display:flex;gap:19px}.psychotest .stls-test__passion-intimacy img {width:100%;max-width:275px;min-height:214px}.psychotest .stls-img-back-commitment,.psychotest .stls-img-back-passion,.psychotest .stls-img-back-intimacy {background-color:#f8f9fa}.psychotest .stls-img-back-commitment {min-height:235px}.psychotest .stls-img-back-passion,.psychotest .stls-img-back-intimacy {min-height:214px}.psychotest .stls-img-back-passion {background-size:contain}.psychotest .stls-img-front-commitment,.psychotest .stls-img-front-passion,.psychotest .stls-img-front-intimacy {position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:100}.psychotest .stls-test__commitment::after,.psychotest .stls-test__intimacy::after,.psychotest .stls-test__passion::after {content:"";position:absolute;bottom:0;left:0;width:100%;z-index:99;background-color:#b2f3ba;height:var(--height-after)}.psychotest .stls-test__passion::after {background-color:#f8c8c8;max-width:275px}.psychotest .stls-test__intimacy::after {background-color:var(--color);max-width:275px}.psychotest .stls-test__commitment-text {position:absolute;top:60%;left:50%;transform:translate(-50%, 60%);z-index:101;text-align:center}.psychotest .stls-test__passion-text,.psychotest .stls-test__intimacy-text {position:absolute;top:65%;left:50%;transform:translate(-50%, 65%);z-index:101;text-align:center}.psychotest .stls-test__passion-text {top:55%;left:65%;transform:translate(-65%, 55%)}.psychotest .stls-test__intimacy-text {top:55%;left:30%;transform:translate(-30%, 55%)}.psychotest .stls-test__commitment-text span,.psychotest .stls-test__passion-text span,.psychotest .stls-test__intimacy-text span {color:#343a40;font-size:26px;font-weight:700;line-height:32px;display:block;margin-bottom:15px}.psychotest .stls-test__commitment-text p,.psychotest .stls-test__passion-text p,.psychotest .stls-test__intimacy-text p {color:#343a40;font-size:13px;font-weight:400;line-height:25px;position:relative}.psychotest .stls-test__commitment-text p[data-percent]::after,.psychotest .stls-test__passion-text p[data-percent]::after,.psychotest .stls-test__intimacy-text p[data-percent]::after {content:attr(data-percent);position:absolute;top:-40px;left:50%;transform:translateX(-50%);color:#343a40;font-size:26px;font-weight:700;line-height:32px}@media screen and (max-width:576px) {.psychotest .stls-test__commitment {max-width:129px;max-height:112px;margin-bottom:15px;overflow:hidden}.psychotest .stls-test__passion-intimacy {width:100%;max-width:271px;max-height:102px;gap:15px}.psychotest .stls-img-back-passion,.psychotest .stls-img-back-intimacy {min-height:102px}.psychotest .stls-test__passion-intimacy img {width:101%;min-height:104px;bottom:-1px;left:-1px}.psychotest .stls-test__commitment-text,.psychotest .stls-test__intimacy-text,.psychotest .stls-test__passion-text {top:40%}.psychotest .stls-test__commitment-text p,.psychotest .stls-test__intimacy-text p,.psychotest .stls-test__passion-text p {font-size:12px}.psychotest .stls-test__commitment-text p[data-percent]::after,.psychotest .stls-test__passion-text p[data-percent]::after,.psychotest .stls-test__intimacy-text p[data-percent]::after {font-size:13px;top:-30px}}.psychotest .heart-chart {position:relative;mix-blend-mode:multiply;width:300px;max-width:100%;margin:10px auto;box-sizing:border-box}.psychotest .heart-chart img {position:relative;z-index:2;display:block}.psychotest .heart-chart > div {position:absolute;left:0;right:0;bottom:0;width:100%;height:var(--value);max-height:100%;min-height:0;z-index:1;background-color:var(--color)}.psychotest .heart-chart > div:after {position:absolute;z-index:10;left:0;right:0;bottom:0;height:var(--value);content:attr(data-value);color:#000;font-size:20px;text-align:center;line-height:var(--value)}.psychotest .stls-inside-img {width:auto;height:250px;float:left;margin:0 10px 10px}.psychotest .lssprofile {width:800px;max-width:100%;direction:rtl;text-align:right;margin:20px auto;font-size:14px}.psychotest .lssprofile .top-row {display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap}.psychotest .lssprofile .top-row > div.first-col {flex:200px;text-align:center;line-height:50px;background-color:var(--maincolor);color:#fff;margin-bottom:5px;margin-left:5px;border-radius:5px}.psychotest .lssprofile .top-row > div.middle-col {flex:50px;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap}.psychotest .lssprofile .top-row > div.middle-col > div {flex:25px;display:table-cell;width:50px;height:50px;margin-left:5px;position:relative;overflow:hidden;background-color:var(--lightcolor);border-radius:5px}.psychotest .lssprofile .top-row > div.middle-col > div span {font-size:10px;transform-origin:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-90deg);display:flex;align-items:center;justify-content:center;height:25px;width:55px;text-align:center;margin:0}.psychotest .lssprofile .top-row > div.second-col {flex:calc(100% - 285px);margin-bottom:5px;border-radius:5px;overflow:hidden}.psychotest .lssprofile .top-row > div.second-col .percent {position:relative;height:20px;background-color:var(--lightcolor)}.psychotest .lssprofile .top-row > div.second-col .percent div {position:absolute;line-height:20px;top:0;text-align:center;width:25px;overflow:hidden;right:calc(var(--num) / var(--maxnum) * 100% - 12.5px)}.psychotest .lssprofile .top-row > div.second-col .percent div:first-child {right:0}.psychotest .lssprofile .top-row > div.second-col .percent div:last-child {right:auto;left:0}.psychotest .lssprofile .top-row > div.second-col .percent-tip {position:relative;height:30px;line-height:30px;background-color:var(--maincolor);color:#fff;font-size:8px;overflow:hidden}.psychotest .lssprofile .top-row > div.second-col .percent-tip > div {float:right;text-align:center;box-sizing:border-box;width:calc(var(--xwidth) / var(--maxnum) * 100%);border-left:1px solid gray}.psychotest .lssprofile .top-row > div.second-col .percent-tip > div:last-child {border-left:0}.psychotest .lssprofile .each-row {display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap}.psychotest .lssprofile .each-row > div.first-col {flex:200px;margin-left:5px;margin-bottom:5px;text-align:center;line-height:30px;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap;font-size:12px}.psychotest .lssprofile .each-row > div.first-col > div {background-color:#eee;border-radius:5px;flex:calc(50% - 5px);margin-left:5px}.psychotest .lssprofile .each-row > div.middle-col {flex:50px;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;flex-wrap:wrap}.psychotest .lssprofile .each-row > div.middle-col > div {flex:25px;width:50px;height:30px;margin-left:5px;overflow:hidden;background-color:var(--lightcolor);border-radius:5px;background-color:#eee;border-radius:5px;text-align:center}.psychotest .lssprofile .each-row > div.middle-col > div span {line-height:30px;font-size:12px}.psychotest .lssprofile .each-row > div.second-col {flex:calc(100% - 285px);margin-bottom:5px;position:relative;border-radius:5px;overflow:hidden;background-color:lightgray}.psychotest .lssprofile .each-row > div.second-col::after {content:"";position:absolute;top:5px;right:0;width:calc((var(--val) / var(--maxnum)) * 100%);max-width:100%;min-width:1%;background-color:rgba(0, 0, 0, 0.5);height:20px;border-radius:5px 0 0 5px}.psychotest .lssprofile .each-row > div.second-col > div {float:right;text-align:center;box-sizing:border-box;line-height:30px;width:calc(var(--xwidth) / var(--maxnum) * 100%);border-left:1px solid gray}.psychotest .lssprofile .each-row > div.second-col > div:last-child {border-left:0;background-color:var(--warcolor)}@media screen and (max-width:767px) {.psychotest .lssprofile {font-size:12px}.psychotest .lssprofile .top-row > div.first-col {flex:50px;line-height:25px;font-size:10px;overflow:hidden}.psychotest .lssprofile .top-row > div.second-col {flex:calc(100% - 115px)}.psychotest .lssprofile .top-row > div.middle-col > div {flex:20px;width:20px}.psychotest .lssprofile .each-row > div.first-col {flex:50px}.psychotest .lssprofile .each-row > div.first-col > div:nth-child(1) {display:none}.psychotest .lssprofile .each-row > div.first-col > div:nth-child(2) {flex:10px}.psychotest .lssprofile .each-row > div.middle-col > div {flex:20px;width:20px}.psychotest .lssprofile .each-row > div.second-col {flex:calc(100% - 115px)}.psychotest .lssprofile .top-row > div.second-col .percent-tip {font-size:6px}}.psychotest .csta-options {width:100%;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;text-align:center}.psychotest .csta-options .csta-option-a {flex:40%}.psychotest .csta-options .csta-option-b {flex:40%}.psychotest .csta-options .csta-between-options {flex:20%}@media screen and (max-width:540px) {.psychotest .csta-options {text-align:inherit}.psychotest .csta-option-b-placeholder {width:100%}}.psychotest .slidecontainer {width:100%}.psychotest .rangeval {float:right}.psychotest .slidecontainer .intval {float:left;margin-right:10px;width:25px;height:25px;line-height:23px;text-align:center;border:2px solid var(--color-schema-dark);color:var(--color-schema-dark);box-sizing:border-box;border-radius:50%;font-size:12px}.psychotest .slidecontainer .slider {margin-top:10px;-webkit-appearance:none;appearance:none;width:100%;height:20px;background:var(--color-schema-light1);outline:none;opacity:0.7;-webkit-transition:0.2s;transition:opacity 0.2s}.psychotest .slidecontainer .slider:hover {opacity:1}.psychotest .slidecontainer .slider::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:25px;height:25px;background:var(--color-schema-dark);border-radius:5px;cursor:pointer;z-index:2}.psychotest .slidecontainer .slider::-moz-range-thumb {width:25px;height:25px;background:var(--color-schema-dark);border-radius:5px;cursor:pointer;z-index:2}.psychotest .each-sec-totalscore {margin-bottom:30px;display:inline-block;border:2px solid var(--color-schema-med);border-radius:5px;text-align:right;max-width:100%;padding:5px 10px}.psychotest #payaftertestresult {all:unset;user-select:none;background-color:var(--color-schema-dark);color:#fff;font-size:16px;line-height:35px;display:inline-block;padding:2.5px 10px;margin:20px auto 10px;border-radius:5px;cursor:pointer;transition:0.5s}.psychotest #payaftertestresult:hover {background-color:var(--color-schema-med)}.psychotest .restart-test {margin:15px auto;max-width:100%;padding:5px}.psychotest .restart-test a {border:3px solid var(--color-schema-dark);box-sizing:border-box;border-radius:5px;color:inherit;text-decoration:none;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;width:180px;margin:auto;gap:10px;transition:0.5s}.psychotest .restart-test span {font-size:16px;display:inline-block;color:#000;line-height:40px}.psychotest .restart-test img {display:inline-block;height:30px;width:auto}.psychotest .restart-test a:hover {background-color:var(--color-schema-med)}.psychotest .spinner {width:30px;height:30px;border:4px solid #eee;border-top:4px solid var(--color-schema-dark);border-radius:50%;animation:psychotest-spin 1s linear infinite;margin:auto}@keyframes psychotest-spin {to {transform:rotate(360deg)}}.psychotest #testResult.loading {display:flex;flex-direction:column;align-items:center;justify-content:center;margin:50px auto;padding:20px;color:#000;font-size:14px}