.size-guide-carousel{height:100%}.size-guide-box{background-color:#ededed}.size-guide-box .arrow{border:solid #000;border-width:0 2px 2px 0;display:inline-block;left:10px;margin-right:10px;padding:3px;position:relative;top:-3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.size-guide-close.closeButton{background:#000!important;z-index:3}.size-guide-close.closeButton:after,.size-guide-close.closeButton:before{background-color:#fff!important}.size-guide-input{margin:30px;position:absolute;z-index:2}@media only screen and (min-width:480px){.size-guide-input{display:-webkit-box;display:-ms-flexbox;display:flex}}.size-guide-input-size{background:#fff;border-radius:6px;font-size:16px;font-weight:700;margin-right:15px;padding:15px;text-align:center;width:100px}.size-guide-input-size label{display:none}.size-guide-input-size .rangewrap{height:190px;max-height:0;opacity:0;overflow:hidden;position:relative;-webkit-transition:max-height .5s,opacity .5s;transition:max-height .5s,opacity .5s}.size-guide-input-size input[type=range]{-webkit-appearance:none;background-color:#ededed;border-radius:30px;cursor:pointer;height:30px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(270deg);transform:translate(-50%,-50%) rotate(270deg);width:170px}.size-guide-input-size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#000;border-radius:50%;height:30px;width:30px}.size-guide-input-size input[type=range]::-ms-track{background:transparent;border-color:transparent;color:transparent;cursor:pointer;width:100%}.size-guide-input-size input[type=range]:focus{outline:none}.size-guide-input-size:active .rangewrap,.size-guide-input-size:focus .rangewrap,.size-guide-input-size:hover .rangewrap{max-height:190px;opacity:1}.size-guide-input-size:active .arrow,.size-guide-input-size:focus .arrow,.size-guide-input-size:hover .arrow{top:1px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.size-guide-input-gender{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f8f8f8;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;margin-top:10px}@media only screen and (min-width:480px){.size-guide-input-gender{margin-top:0}}.size-guide-input-gender .container{cursor:pointer;height:100%;position:relative;width:60px}.size-guide-input-gender .container input{height:0;opacity:0;position:absolute;width:0}.size-guide-input-gender .container input:checked+.checkmark{background-color:#fff;opacity:1}.size-guide-input-gender .checkmark{background-color:transparent;border-radius:6px;height:100%;opacity:.25;padding:15px;position:absolute;-webkit-transition:background-color .5s,opacity .5s;transition:background-color .5s,opacity .5s;width:100%}.size-guide-input-gender .checkmark svg{display:block;height:100%;width:100%}.size-guide-main{background-color:#ededed;position:relative;top:60px}.size-guide-main-top{height:calc(100vh - 360px);position:relative}.size-guide-main-top .silhouette-imagewrapper{height:100%;position:relative}.size-guide-main-top .silhouette-img{bottom:20px;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:auto}.size-guide-main-bottom{background-color:#000;color:#fff;height:300px;position:relative;width:100%}.size-guide-main-bottom .text-block{display:inline-block;height:100%;opacity:.5;position:relative;text-align:center;-webkit-transition:opacity .5s;transition:opacity .5s;width:200px}@media only screen and (min-width:768px){.size-guide-main-bottom .text-block{width:340px}}.size-guide-main-bottom .text-block__content{left:0;position:absolute;top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}@media only screen and (min-width:768px){.size-guide-main-bottom .text-block__content{padding:0 20px;top:50%}}.size-guide-main-bottom .text-block__content .description{max-height:0;opacity:0;overflow:hidden;-webkit-transition:all .5s linear;transition:all .5s linear}.size-guide-main-bottom .text-block__content .description .content{color:#757575;font-size:12px;margin-top:10px}.size-guide-main-bottom .text-block__content .description .content strong{color:#fff;line-height:25px;text-transform:uppercase}.size-guide-main-bottom .text-block.active{opacity:1}.size-guide-main-bottom .text-block.active .text-block__content .description{max-height:300px;opacity:1}.size-guide-main-bottom .title{font-family:ProximaNova,Helvetica,Arial,sans-serif;font-size:50px;font-weight:900;line-height:1;text-transform:uppercase}.size-guide-main-bottom .title small{font-size:.6em}.size-guide-main-bottom :deep() .more-info{font-size:12px;font-weight:300;line-height:16px}.size-guide-main-bottom :deep() .more-info-title{font-family:ProximaNova,Helvetica,Arial,sans-serif;font-size:12px;font-weight:800;margin:15px 0 10px;text-transform:uppercase}.size-guide-main-bottom :deep() .more-info-explanation{color:#575757;margin:0}.size-guide__case-carousel{height:100%;left:0;overflow:hidden;position:absolute;width:100%;z-index:1}.size-guide__case-carousel .js-carousel-wrapper{height:100%;padding-left:calc(50vw - 90px);padding-right:calc(50vw - 90px)}@media only screen and (min-width:768px){.size-guide__case-carousel .js-carousel-wrapper{padding-left:calc(40vw - 90px);padding-right:calc(40vw - 90px)}}@media only screen and (min-width:1024px){.size-guide__case-carousel .js-carousel-wrapper{padding-left:310px;padding-right:310px}}.size-guide__case-carousel .case-block{display:inline-block;height:100%;position:relative;text-align:center;width:180px}.size-guide__case-carousel .case-block-img{bottom:20px;position:absolute;right:0;width:auto}@media only screen and (min-width:768px){.size-guide__case-carousel .case-block-img{right:-20px}}.size-guide__text-carousel{height:100%;overflow:hidden;position:relative}.size-guide__text-carousel .sizeguidecarousel__inner{height:100%;margin-bottom:0;padding-left:calc(50vw - 100px);padding-right:calc(50vw - 100px)}@media only screen and (min-width:768px){.size-guide__text-carousel .sizeguidecarousel__inner{padding-left:calc(40vw - 170px);padding-right:calc(40vw - 170px)}}@media only screen and (min-width:1024px){.size-guide__text-carousel .sizeguidecarousel__inner{padding-left:230px;padding-right:230px}}.size-guide__text-carousel:after,.size-guide__text-carousel:before{bottom:0;content:"";position:absolute;top:0;width:50px;z-index:1}@media only screen and (min-width:768px){.size-guide__text-carousel:after,.size-guide__text-carousel:before{width:70px}}.size-guide__text-carousel:before{background:-webkit-gradient(linear,left top,right top,from(#000),to(transparent));background:linear-gradient(90deg,#000,transparent);left:0}.size-guide__text-carousel:after{background:-webkit-gradient(linear,right top,left top,from(#000),to(transparent));background:linear-gradient(270deg,#000,transparent);right:0}@media only screen and (min-width:768px){.size-guide-main-top{height:calc(80vh - 310px)}.size-guide-main-bottom{height:250px}.size-guide-main-bottom .controls{display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:440px;z-index:1}.size-guide-main-bottom .controls .next,.size-guide-main-bottom .controls .previous{background:#000;border:1px solid #757575;border-radius:50%;cursor:pointer;height:54px;pointer-events:all;position:relative;width:54px}.size-guide-main-bottom .controls .next.disabled,.size-guide-main-bottom .controls .previous.disabled{cursor:default;opacity:.2}.size-guide-main-bottom .controls .next:after,.size-guide-main-bottom .controls .previous:after{background-color:#000;content:"";height:5px;left:50%;-webkit-mask-image:url(../images/icons.svg#view-icon-dropdownWhite);mask-image:url(../images/icons.svg#view-icon-dropdownWhite);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:10px 5px;mask-size:10px 5px;position:absolute;top:50%;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:10px}.size-guide-main-bottom .controls .previous:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.size-guide-main-bottom .controls .next{margin-left:auto}.size-guide-main-bottom .controls .next:after{-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)}}