.modal-window:has(.userTest){width:90vw;max-width:70rem}.modal-window:has(.userTest) pre{text-wrap-mode:wrap}.modal-window:has(.bottomRightUi){position:absolute;bottom:2rem;right:2rem;padding-top:2.4rem}.modal-window:has(.bottomRightUi) .modal-button-container{display:none}.modal-window:has(.bottomRightUi) .modal-content{margin:0}.userTest{font-size:var(--title-large);word-break:keep-all}.userTest section+section{margin-top:2rem}.userTest .info{background:var(--color-gray-30);font-weight:400;padding:1.8rem;border-radius:1rem}.userTest .list{text-align:left;padding:0 1rem}.userTest .list li{position:relative;display:flex;gap:1rem}.userTest .list li+li{margin-top:.4rem}.userTest .list li:before{content:"-"}.userTest .visitedPage .progress{position:relative;inset:unset}.userTest .visitedPage .progress ul{width:calc(100% + 2rem);left:50%;transform:translateX(-50%)}.userTest .visitedPage .progress ul:before{width:82%;left:50%;transform:translateX(-50%)}.userTest .visitedPage .progress ul li:first-child,.userTest .visitedPage .progress ul li:last-child{align-items:center}.userTest .mission{font-size:1.03em}.userTest .mission ol{position:relative}.userTest .mission ol li{position:relative;display:flex;align-items:center;justify-content:center;gap:.6rem}.userTest .mission ol li span{display:flex;align-items:center;justify-content:center;font-size:.65em;width:1.5em;aspect-ratio:1/1;background:var(--color-gray-90);border-radius:50%;color:#fff;flex-shrink:0;margin-top:-.1rem}.userTest .mission ol li p{line-height:1.6}.userTest .guide{color:var(--color-gray-100);font-size:.93em}.userTest-button-wr{position:fixed;bottom:3rem;right:3rem;z-index:999}.userTest-button-wr .userTest-button{display:block;width:5rem;aspect-ratio:1/1;background:var(--color-primary) url(/img/icon-usertest-btn.svg) no-repeat center;border-radius:50%;position:relative;transition:all var(--transition-duration);animation:shadow-ani 3.4s cubic-bezier(.455,.03,.515,.955) infinite both}.userTest-button-wr .userTest-button:hover{background-color:var(--color-primary-hover)}@keyframes shadow-ani{30%{box-shadow:0 0 0 rgba(255,91,16,.8)}50%{box-shadow:0 0 1.4rem rgba(255,91,16,.8)}70%{box-shadow:0 0 0 rgba(255,91,16,.8)}}.userTest.bottomRightUi{margin:unset;display:flex;flex-direction:column}.userTest.bottomRightUi .scroll-box{overflow:hidden auto;max-height:40vh;-webkit-mask-image:linear-gradient(#000 calc(100% - 3rem),transparent calc(100% - 4px));mask-image:linear-gradient(#000 calc(100% - 3rem),transparent calc(100% - 4px));padding:0 1rem 2rem 0}.userTest.bottomRightUi .scroll-box .page-mission{font-size:1.04em;font-weight:500}.userTest.bottomRightUi .scroll-box .page-mission a{color:var(--color-error);border-bottom:1px solid;background:url(/img/icon-arrow-primary.svg) no-repeat top .3rem right;padding-right:1rem}.userTest.bottomRightUi .scroll-box .desc:before{content:"";position:relative;display:inline-block;vertical-align:text-top;background:url(/img/icon-warning.svg) no-repeat 0/100%;width:1.5rem;aspect-ratio:1/1;margin-right:.6rem}.userTest.bottomRightUi .scroll-box .guide li:not(.sub):before{content:"Q."}.userTest.bottomRightUi .scroll-box .guide li.sub{padding-left:1.8rem}.userTest.bottomRightUi .fixed-box{padding:.1rem;display:flex;gap:.6rem}.userTest.bottomRightUi .fixed-box button{font-size:var(--title-small)}@media(max-width:1023px){.userTest{font-size:1.5rem}}