.topic-selector-modal{max-width:730px;margin:0 auto}@media (max-width:767px){.topic-selector-modal{height:100%}}.topic-selector-modal__inner{display:flex;flex-direction:column;align-items:center}@media (max-width:767px){.topic-selector-modal__inner{height:100%}}.topic-selector-modal__progress-bar-wrap{position:absolute;top:0;right:0;left:0;z-index:1;display:flex;width:100%;height:10px;background-color:#ddd}.topic-selector-modal__progress-bar{width:33%;background-color:#753bbd;will-change:width;transition:width .3s linear}.topic-selector-modal__main-content{overflow-y:auto;display:flex;flex-direction:column;flex-grow:1;align-items:center;width:100%;padding-right:15px;padding-left:15px;border-bottom:1px solid #ddd}@media (min-width:768px){.topic-selector-modal__main-content{padding-right:35px;padding-left:35px}}.topic-selector-modal__list{overflow:auto;display:flex;flex-wrap:wrap;width:100%}@media (min-width:768px){.topic-selector-modal__list{max-height:290px}}@media (min-width:1024px){.topic-selector-modal__list::-webkit-scrollbar{width:3px;height:3px}.topic-selector-modal__list::-webkit-scrollbar-thumb{background:#ddd;border-radius:0}.topic-selector-modal__list::-webkit-scrollbar-track{background:#fff}}.topic-selector-modal__item{position:relative;width:33%;min-height:86px;margin-top:2px;margin-bottom:8px;padding:0 5px;box-shadow:0 8px 43px 0 rgba(0,0,0,.07)}@media (min-width:768px){.topic-selector-modal__item{width:20%;min-height:122px}}@media (min-width:1024px){.topic-selector-modal__item{cursor:pointer}}.topic-selector-modal__item.is-active .topic-selector-modal__item-inner{outline:2px solid #753bbd}.topic-selector-modal__item-inner{height:100%}.topic-selector-modal__title{text-align:center}.topic-selector-modal__title--step-3{font-size:2.25rem;text-align:left}.topic-selector-modal__img{height:100%}.topic-selector-modal__label{position:absolute;right:10px;bottom:5px;left:10px;z-index:1;display:inline-flex;justify-content:center;padding:0 3px;background-color:#fff;text-align:center}@media (min-width:768px){.topic-selector-modal__label{right:15px;bottom:10px;left:15px;padding:3px}}.topic-selector-modal__label-text{padding:0}.topic-selector-modal__wrapper{display:flex;margin:auto auto auto 0}.topic-selector-modal__left-col{width:70%;padding:0 20px}@media (min-width:768px){.topic-selector-modal__left-col{padding:0 60px}}.topic-selector-modal__right-col{position:absolute;top:0;right:0;bottom:0;width:107px;height:100%;background-color:#131313}@media (min-width:768px){.topic-selector-modal__right-col{width:150px}}@media (min-width:768px){.topic-selector-modal__description .richtext p{font-size:1.125rem;line-height:1.5}}.topic-selector-modal__media-item{position:absolute;transform:skewY(8deg);background-color:#944bf0;border-radius:4px}.topic-selector-modal__media-item--1{top:30px;right:-100px;opacity:.71;width:156px;height:200px;background-image:linear-gradient(to right top,#131313 21%,#944bf0)}@media (min-width:768px){.topic-selector-modal__media-item--1{top:-10px;right:-25px}}.topic-selector-modal__media-item--2{top:100px;right:0;width:32px;height:74px;background-color:transparent;border:1px solid rgba(117,59,189,.3)}.topic-selector-modal__media-item--3{top:210px;right:0;opacity:.71;width:51px;height:100px;background-image:linear-gradient(to right top,#131313 21%,#944bf0)}.topic-selector-modal__media-item--4{top:190px;right:20px;width:21px;height:34px;background-color:#452370}.topic-selector-modal__media-item--5{top:170px;right:0;opacity:.9;z-index:1;width:50px;height:80px}@media (min-width:768px){.topic-selector-modal__media-item--5{top:160px;right:50px;width:68px;height:100px}}.topic-selector-modal__media-item--6{top:226px;right:10px;opacity:.55;width:80px;height:115px;background-image:linear-gradient(#552b8a 7%,#452370 95%)}@media (min-width:768px){.topic-selector-modal__media-item--6{top:220px;right:78px;width:93px;height:140px}}.topic-selector-modal__media-item--7{top:345px;right:-20px;opacity:.46;width:46px;height:68px}.topic-selector-modal__media-item--8{top:304px;right:-44px;width:85px;height:114px;background-color:transparent;border:1px solid rgba(117,59,189,.4)}@media (min-width:768px){.topic-selector-modal__media-item--8{top:320px;right:19px;height:125px}}.topic-selector-modal__media-item--9{top:440px;right:-16px;opacity:.75;width:81px;height:130px;background-image:linear-gradient(to right top,#131313 21%,#944bf0)}@media (min-width:768px){.topic-selector-modal__media-item--9{top:420px;right:55px}}