.you-test__test img{width:100%}@media (max-width:767px){.you-test__test img{width:auto;height:147px}}.you-test__test--fixed{width:100%;float:left;padding-left:15px;padding-right:15px}@media (min-width:768px){.you-test__test--fixed{width:365px;box-sizing:content-box;float:left}}.you-test__test a{position:relative;display:block;-webkit-animation-fill-mode:both;animation:loading-sliding .3s 0s;-webkit-animation-fill-mode:backwards}.you-test__test a .you-test__test-container{animation:slide-down .1s;-webkit-animation-fill-mode:forwards}.you-test__test a:hover .you-test__test-container{animation:slide-up .1s;-webkit-animation-fill-mode:forwards}.you-test__test--fadein{transform:scale(1);opacity:1;transition:transform .3s,opacity .3s}.you-test__test--fadeout{transform:scale(.98);opacity:0;transition:transform .3s,opacity .3s}.you-test__test--show-results{position:relative}.you-test__test--show-results img{position:relative;top:0;transition:top .3s linear}.you-test__test--show-results .you-test__copy-container{position:absolute;bottom:0;background-color:#fff;z-index:1;height:calc(100% - 274px);transition:top .3s linear,height .3s linear}.you-test__test--show-results .you-test__see-results{display:inline-block;opacity:0;height:0;transition:opacity .1s linear,height .2s linear .1s}.you-test__test--show-results:hover img{position:relative;top:-30px;transition:top .3s linear}.you-test__test--show-results:hover .you-test__copy-container{height:calc(100% - 200px);transition:top .3s linear,height .3s linear}.you-test__test--show-results:hover .you-test__see-results{opacity:1;height:45px;transition:height .3s linear,opacity .1s linear .2s}@media (max-width:767px){.you-test__test .you-test__copy-container,.you-test__test:hover .you-test__copy-container,.you-test__test:hover img,.you-test__test img{position:static}.you-test__test .you-test__see-results{display:none}}.you-test__test-container{box-shadow:0 1px 12px 0 rgba(0,0,0,.2);height:480px;margin-bottom:60px;position:relative}.you-test__test--fixed .you-test__test-container{margin-bottom:30px;overflow:hidden}@media (max-width:1199px){.you-test__test-container{height:505px}}@media (max-width:767px){.you-test__test-container{height:147px;margin-bottom:15px}}.you-test__copy-container{padding:20px;position:static}@media (max-width:767px){.you-test__copy-container{padding:10px;height:100%;position:relative}}.you-test__title__text{margin-bottom:10px;margin-top:0}@media (max-width:767px){.you-test__title__text{font-size:10px;margin-bottom:5px}}.you-test__title__second{margin-bottom:20px;margin-top:0}.you-test__button-wrapper{position:absolute;bottom:20px;width:calc(100% - 40px);height:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:baseline;align-items:baseline}.you-test__button-wrapper .crux-primary-gray{color:#999}@media (max-width:767px){.you-test__button-wrapper{bottom:10px;width:auto;height:auto}}.you-test__button-wrapper>a,.you-test__button-wrapper>span{-ms-flex-positive:1;flex-grow:1}.you-test__button-wrapper>a:first-child,.you-test__button-wrapper>span:first-child{text-align:left;position:static}.you-test__button-wrapper>a:nth-child(2),.you-test__button-wrapper>span:nth-child(2){text-align:center}@media (max-width:767px){.you-test__button-wrapper>a:nth-child(2),.you-test__button-wrapper>span:nth-child(2){display:none}}.you-test__button-wrapper>a:last-child,.you-test__button-wrapper>span:last-child{text-align:right;position:static}@media (max-width:767px){.you-test__button-wrapper>a:last-child,.you-test__button-wrapper>span:last-child{display:none}}.you-test__button-wrapper .you-test__skip{text-decoration:underline}@media (max-width:767px){.you-test__button-wrapper .you-test__skip{display:none}}.you-test__button-wrapper .you-test__skip:hover{color:#000}.you-test__member-icon{font-size:15px;vertical-align:bottom}.you-test__wrapper{margin-bottom:50px}.you-test__wrapper>h3.crux-body-copy{margin-bottom:40px}@media (max-width:767px){.you-test__wrapper>h3.crux-body-copy{position:absolute;top:-135px}}.you-test__wrapper>div+div{overflow:hidden}.you-test__wrapper h3.crux-section-header{margin-bottom:30px;margin-top:0}.you-test__wrapper .crux-btn{text-decoration:none}.you-test__wrapper .crux-btn.crux-btn-primary--lg{margin:10px auto}.you-test__wrapper .crux-article__bold-link:hover{color:#000}.you-test__wrapper .row:nth-child(2){text-align:center}@media (max-width:767px){.you-test__wrapper{position:relative}}.you-test__test,.you-test__test-container{position:relative}.you-test__image-wrapper{position:relative;padding:0}@media (max-width:767px){.you-test__image-wrapper{overflow:hidden}}.you-test__image-wrapper svg{position:absolute;top:20px;left:20px;z-index:1}@media (max-width:767px){.you-test__image-wrapper svg{top:10px;left:10px;width:22px;height:27px}}.you-test__test a:hover .you-test__image-wrapper:before{content:"";position:absolute;height:100%;width:100%;background-color:#00ae4d;mix-blend-mode:multiply;z-index:1}.you-test__test a:hover .you-test__image-wrapper img{filter:grayscale(100%);-webkit-filter:grayscale(100%)}.you-test__top{float:right;text-align:center;width:22px;line-height:1;color:#000;font-size:16px;margin-top:20px}@media (max-width:767px){.you-test__top{float:none;display:block;margin:10px auto 0}}.you-test__all_button{float:left}.you-test__no-completed__wrapper{text-align:center;width:100%;margin-left:auto;margin-right:auto;margin-bottom:60px}@media (min-width:768px){.you-test__no-completed__wrapper{width:359px}}@media (min-width:1199px){.you-test__no-completed__wrapper{width:491px;margin-bottom:30px}}.you-test__no-completed__icon{display:inline-block;margin-bottom:20px}.you-test__no-completed h4.crux-intro-large{margin-top:0;margin-bottom:10px;color:#999}.you-test__no-completed p.crux-body-copy{margin-top:0;margin-bottom:0;color:#999}.you-test__no-latest__wrapper{text-align:center;width:100%;margin:80px auto}@media (min-width:768px){.you-test__no-latest__wrapper{width:366px;margin-bottom:200px;margin-top:200px}}.you-test__no-latest__icon{font-size:50px;color:#999;margin-bottom:40px}@media (min-width:768px){.you-test__no-latest__icon{margin-bottom:20px}}.you-test__no-latest h4.crux-intro-large{margin-top:0;margin-bottom:10px;color:#999}.you-test__no-latest p.crux-body-copy{margin-top:0;margin-bottom:20px;color:#999}.you-test__no-latest .crux-btn{padding:0 45px;float:none}.you-test__no-latest .crux-btn:hover{text-decoration:none}.you-test__test:nth-child(12n+1) a{animation-delay:0s}.you-test__test:nth-child(12n+2) a{animation-delay:.3s}.you-test__test:nth-child(12n+3) a{animation-delay:.6s}.you-test__test:nth-child(12n+4) a{animation-delay:.9s}.you-test__test:nth-child(12n+5) a{animation-delay:1.2s}.you-test__test:nth-child(12n+6) a{animation-delay:1.5s}.you-test__test:nth-child(12n+7) a{animation-delay:1.8s}.you-test__test:nth-child(12n+8) a{animation-delay:2.1s}.you-test__test:nth-child(12n+9) a{animation-delay:2.4s}.you-test__test:nth-child(12n+10) a{animation-delay:2.7s}.you-test__test:nth-child(12n+11) a{animation-delay:3s}.you-test__test:nth-child(12n+12) a{animation-delay:3.3s}@keyframes slide-up{0%{top:0;box-shadow:0 1px 12px 0 rgba(0,0,0,.2)}to{top:-10px;box-shadow:0 1px 12px 0 rgba(0,0,0,.5)}}@keyframes slide-down{0%{top:-10px;box-shadow:0 1px 12px 0 rgba(0,0,0,.5)}to{top:0;box-shadow:0 1px 12px 0 rgba(0,0,0,.2)}}@media (min-width:768px){.my-cr__content .my-cr__content--youtest{padding-right:19px}}@media (max-width:767px){#you-test-container .crux-btn,.you-test__wrapper .crux-btn{padding-left:15px;padding-right:15px;width:100%}}