.top100-key .owners{background:url(/resources/images/owner-icon.svg) 0 50% no-repeat;background-size:auto 20px;padding-right:10px;padding-left:17px;margin-left:10px}.top100-key .state-owned{background:url(/resources/images/crown.svg) 0 50% no-repeat;background-size:auto 12px;padding-left:24px}.top-100{display:block}.top-100 .top-100-item{display:flex;width:100%;padding:0 0 20px}.top-100-item .grid{flex:1 1 auto}.top-100-item .imageContainer .state-yacht{position:absolute;top:10px;right:10px;background:url(/resources/images/crown.svg) 0 0 no-repeat;background-size:30px auto;width:30px;height:20px;z-index:4}.top-100-item .imageContainer{width:100%;padding-bottom:48%;display:block;position:relative;border-radius:6px}.top-100-item .grid .overlay-container{position:absolute;top:0;left:0;z-index:2}.top-100-item .grid .number{background:var(--brand-colour);padding:10px 10px 6px 13px;border-bottom-right-radius:4px;float:left;margin-right:20px}.top-100-item .grid .number span{display:block;width:100%}.top-100-item .grid .overlay-container .overlay-length{float:left;padding-top:28px}.top-100-item .grid.image{flex:0 0 100%;padding:0 26px 0 0;position:relative;max-width:476px;margin:0 0 15px 0}.top-100-item .grid.info{padding:0 0 25px;display:flex;flex-wrap:wrap;width:100%;position:relative}.top-100-item.top-100-length{position:relative}.top-100-item.top-100-length:after{content:"";position:absolute;top:0;right:0;border-right:2px solid #ccc;height:100%}.top-100-item .yacht-info{width:100%;display:block}@media only screen and (max-width:768px){.top-100-item .grid.image{flex:0 0 100%}.top-100-item .grid.image .image-wrap{width:calc(100% - 39px);padding-bottom:48%}}@media only screen and (min-width:901px){.top-100-item .image-wrap .state-yacht{right:16px;left:auto}}.gi-left{flex:1 1 40%}.gi-left .owner{position:relative;width:27px}.gi-left .owner:after{content:"";position:absolute;bottom:-2px;right:0;width:10px;height:21px;background:url(/resources/images/owner-icon.svg) 0 0 no-repeat;background-size:10px auto}.gi-right{flex:1 1 60%;padding:0 0 0 15px;display:flex}.gi-right .image-wrap{flex:1 1 100%}.gi-right .illustration-wrap{flex:1 1 100%}.gi-right .img{display:block;padding-right:2px;position:relative}.gi-right .img .profile-wrap{vertical-align:top;display:flex;width:100%;position:relative}.gi-right .img .profile-wrap .profile-img{position:relative;flex:0 0 90%;text-align:center}.gi-right .img .profile-wrap .profile-img .length{margin-top:14px;display:inline-block}.gi-right .img .the-difference{flex:1 1 100%}.gi-right .result-data{position:absolute;bottom:-2px;right:9px;display:block;text-align:left;padding:5px 5px;font-size:14px;line-height:1em;color:var(--brand-colour-accent-copy);z-index:2;background:var(--brand-colour-accent);border-radius:4px;width:fit-content}.gi-right .img .the-difference{position:relative}.gi-right .img .the-difference:before{content:"";border-bottom:2px solid #ccc;width:calc(100% - 1px);top:50%;right:0;position:absolute;z-index:1}.gi-right .img .the-difference:after{content:"";border-left:2px solid #ccc;left:1px;top:50%;transform:translateY(-4px);height:10px;position:absolute;z-index:1}.top-100-item:first-child .gi-right .img .the-difference:after{display:none}.top-100-item .grid.info .length .flag{display:inline-block;vertical-align:top;margin:3px 0 0}@media only screen and (max-width:640px){.gi-left{max-width:calc(100% - 70px)}.gi-right{flex:0 0 100%}.top-100 .top-100-item{padding-bottom:30px}.gi-right .img .profile-wrap .profile-img{text-align:left}.gi-right{padding-left:0}}.top-100-item .grid.small-devices{display:none}@media only screen and (max-width:1240px){.top-100-item .larger-devices{display:none}.top-100 .top-100-item{flex-wrap:wrap;margin:0}.top-100-item .grid.small-devices{display:flex;flex:0 0 100%;padding-top:15px}.top-100-item .grid.info{width:auto}.top-100-item .grid.image{padding-right:37px}}.top-100-detail{display:flex;width:100%;flex-wrap:wrap}.top-100-detail .lhs-block{flex:1 1 60%;padding-right:15px}.top-100-detail .rhs-block{flex:0 1 40%}.top-100-detail .yacht-info-block{display:block}.yacht-info-block .image{padding-bottom:57.4%;position:relative;height:0;overflow:hidden}.yacht-info-block .image img{position:absolute;top:0;left:0;width:100%;height:auto}.yacht-info-block .image .state-yacht{position:absolute;top:12px;right:14px;background:url(/resources/images/crown.svg) 0 0 no-repeat;background-size:60px auto;width:60px;height:40px}.yacht-info-block .info{display:block;padding:15px 0}@media only screen and (min-width:901px){.yacht-info-block .info{padding:40px 25px 15px 20px}}@media only screen and (min-width:1471px){.yacht-info-block .info{padding:40px 60px 15px 50px}}.yacht-info-block .info .description p{margin-bottom:18px}.yacht-info-block .info p.buttons-wrap{margin:0;padding-top:15px}.yacht-info-block .info p.buttons-wrap a{margin:0}.top-100-detail .nav-top-100{display:flex;flex:0 0 100%;justify-content:space-between;text-align:right}.yb100-logo{flex:0 0 200px;line-height:.8em;color:#0a0a0a;padding:6px 0 0;margin-bottom:10px}.yb100-logo .img{background:url(/resources/images/yb100.svg) 0 -74px no-repeat;background-size:auto 205px;display:block;vertical-align:top;width:280px;height:62px}.top-100-detail .nav-top-100 .nav-items{flex:0 0 auto;padding-top:20px}.top-100-detail .nav-top-100 a{font-size:24px;line-height:1.3em;color:var(--dark-grey)}.top-100-detail .nav-top-100 a:hover{text-decoration:underline}.top-100-detail .nav-top-100 a.prev{background:url(/resources/images/icons/arrow-prev.svg) 0 50% no-repeat;background-size:9px auto;padding:0 0 0 23px;margin:0 20px 0 0}.top-100-detail .nav-top-100 a.next{background:url(/resources/images/icons/arrow-next.svg) 100% 50% no-repeat;background-size:9px auto;padding:0 23px 0 0;margin:0 0 0 20px}.top-100-title{flex:0 0 auto;font-size:40px;line-height:1.3em;color:#0a0a0a;padding:6px 0 0;margin-bottom:10px}.top-100-detail .ranking-name{background:#252c44;display:block;padding:20px 25px 0;margin:0 0 15px;position:relative}.top-100-detail .ranking-name .conversion{background:#3cf;position:absolute;top:45px;right:20px;padding:3px 17px;color:#fff;font-size:16px;text-transform:uppercase;line-height:1.3em;letter-spacing:.03em}.top-100-detail .ranking-name .ranking{line-height:1em;display:block;margin:25px 0 5px}.top-100-detail .ranking-name .ranking .hash{line-height:35px;vertical-align:top;padding-right:5px}.top-100-detail .ranking-name .length{color:#fff}.top-100-detail .ranking-name .owner .the-value{position:relative}.top-100-detail .ranking-name .owner .the-value img{display:inline-block;margin:0 15px 0 0;width:29px;vertical-align:middle;border:1px solid #fff;border-radius:100px}.top-100-detail .ranking-name .owner .the-value:after{content:"";position:absolute;bottom:-4px;left:19px;width:14px;height:30px;background:url(/resources/images/owner-icon.svg) 0 0 no-repeat;background-size:14px auto}.top-100-detail .ranking-name .the-value{margin:0}.top-100-detail .ranking-name .length .info{display:inline-block;padding:0 0 0 15px}.top-100-detail .info-items{display:flex;width:100%;flex-wrap:wrap}.top-100-detail .info-item{flex:0 1 auto;padding:0 60px 20px 0}.top-100-detail .info-item:last-child{padding-right:0}.top-100-detail .info-item .the-label{display:block;line-height:1.3em;letter-spacing:-.025em}.top-100-detail .info-item .the-value{display:block}.top-100-detail .info-item .the-value a{color:#fff}.top-100-detail .info-item .the-value a:hover{color:var(--brand-colour)}.top-100-detail .info-item .the-value img{display:inline-block;width:29px;vertical-align:middle;border:1px solid #fff;border-radius:100px}.top-100-detail .stats-items{display:flex;flex-wrap:wrap;width:100%;padding:20px 0 10px}.top-100-detail .stats-items .stats-item{flex:0 1 auto;padding-right:20px;padding-bottom:20px}.stats-item.first-entered{background:url(/resources/images/icons/arrows-up.svg) 8px 5px no-repeat;background-size:28px auto;padding-left:51px}.stats-item.highest-position{background:url(/resources/images/icons/stars.svg) 0 3px no-repeat;background-size:43px auto;padding-left:55px}.stats-item.time-in-100{background:url(/resources/images/icons/time-calendar.svg) 0 7px no-repeat;background-size:36px auto;padding-left:48px}.top-100-detail .stats-items .stats-item .stats-title{display:block;text-transform:uppercase;line-height:1.3em;letter-spacing:-.025em}.top-100-detail .stats-items .stats-item .stats-value{display:block}.top-100-detail .ranking-name .name{display:block;padding-top:5px}.top-100-detail .buttons-wrap{margin:0;padding:0 0 25px}.profile-side{display:block;padding:15px;background:#fff;border:1px solid #ccc;margin:0 0 15px}.compare-selection-form .items{padding:35px 15px 35px 35px;display:flex;background:#252c44;border-radius:6px}.compare-selection-form .items .yb100{background:url(/resources/images/yb-mini-logo.svg) 0 5px no-repeat;background-size:41px auto;display:inline-block;padding:6px 0 3px 47px;font-size:39px;line-height:.8em;color:#fff}.compare-selection-form .items .top100{display:inline-block;padding:6px 0 3px;font-size:32px;line-height:.8em;color:#fff}.compare-selection-form .items .compare-logo{flex:0 0 150px;padding:8px 0 0}.compare-selection-form .items .input-wrapper{flex:1 1 200px;padding-right:15px}.compare-selection-form .items .vs-wrapper{flex:0 0 77px;background:url(/resources/images/vs.svg) 10px 0 no-repeat;background-size:40px auto;margin:-8px 0}.compare-selection-form .items .button.top-100-button{padding:11px 30px}.compare-selection-form .items .submit-wrapper{flex:1 1 100px}@media only screen and (max-width:1024px){.compare-selection-form .items{flex-wrap:wrap;padding:20px 15px 15px 20px}.compare-selection-form .items .input-wrapper{margin-bottom:15px;flex:0 0 calc(100% - 150px)}.compare-selection-form .items .vs-wrapper{flex:0 0 150px}}@media only screen and (max-width:640px){.compare-selection-form .items{background:url(/resources/images/vs.svg) 89% 34% no-repeat #252c44;background-size:24px auto}.compare-selection-form .items .submit-wrapper{flex:0 0 calc(100% - 77px)}.compare-selection-form .items .input-wrapper{flex:0 0 calc(100% - 66px)}.compare-selection-form .items .vs-wrapper{display:none}}.yb100-stats{display:block;margin:0 0 15px;padding:20px 15px 0 20px;background:#ededed}.yb100-stats .heading{text-indent:-9999px;overflow:hidden;background:url(/resources/images/YB100-Statistics.svg) 0 0 no-repeat;background-size:156px auto;height:27px;display:block;margin:0}.top100-stats{display:block;margin:0 0 15px;padding:20px 15px 0 20px;background:#ededed}.gi-right .volume-wrap{position:relative;width:100%;max-width:300px;display:block}.gi-right .volume-weight{display:block;position:relative}.gi-right .volume-wrap .owner{position:absolute;top:50%;left:-33px;padding:0 4px 0 0}.top-100-by-volume-item .gi-right .volume-wrap{padding-top:40px}@media only screen and (max-width:768px){.top-100-by-volume-item .gi-right .volume-wrap{padding-top:15px}}.gi-right .volume-wrap .owner:after{content:"";position:absolute;bottom:-6px;right:0;width:10px;height:21px;background:url(/resources/images/owner-icon.svg) 0 0 no-repeat;background-size:10px auto}.gi-right .volume-wrap .gt-volume{position:absolute;top:50%;left:calc(100% + 5px);line-height:1.2em;transform:translateY(-50%);white-space:nowrap}.gi-right .volume-wrap .base-yacht{display:block;position:relative;background:url(/resources/images/top-100-overlay.svg) 0 50% no-repeat;background-size:100% auto;padding-top:17%;height:0;overflow:hidden}.top-100-detail:first-child .gi-right .volume-wrap .base-yacht{background:url(/resources/images/top-100-base.svg) 0 50% no-repeat;background-size:100% auto}@media only screen and (max-width:900px){.gi-right{padding-left:0;flex:1 1 100%}.gi-right .volume-wrap .owner{top:25px}.top-100-item .grid.info{padding:0}.top-100-item .grid.small-devices{padding:0 0 30px 0}.top-100-item .grid.info p.builder{margin:0 0 5px 0}.gi-left{margin-top:-10px;padding-left:10px;flex:1 1 100%}.gi-right .img .profile-wrap .profile-img{text-align:left}.gi-right .img .profile-wrap .profile-img .length{width:100%;text-align:left}}@media only screen and (max-width:900px){.top-100-detail .ranking-name .ranking .hash{font-size:18px;line-height:22px}.top-100-detail .ranking-name .ranking{font-size:32px;margin-top:0}.top-100-detail .ranking-name .name h1{font-size:40px}.top-100-detail .ranking-name .length{font-size:33px}.top-100-detail .info-item .the-label{font-size:14px}.top-100-detail .info-item .the-value{font-size:20px}.top-100-detail .lhs-block{flex:0 0 100%;order:2}.top-100-detail .rhs-block{flex:0 0 100%;order:1}}@media only screen and (max-width:640px){.yb100-logo{flex:0 0 135px}.yb100-logo .img{background-size:129px auto;display:inline-block;vertical-align:top;width:134px;height:32px}.top-100-title{font-size:26px;padding:0}.top-100-detail .nav-top-100 .nav-items{padding-top:3px}.top-100-detail .nav-top-100.has-logo .nav-items{padding-top:11px}.top-100-detail .nav-top-100 a{font-size:18px}.top-100-detail .nav-top-100 a.prev{background-size:6px auto;padding:0 0 0 14px;margin:0 10px 0 0}.top-100-detail .nav-top-100 a.next{background-size:6px auto;padding:0 14px 0 0;margin:0 0 0 10px}.compare-selection-form .items,.yb100-stats,.top100-stats,.top-100-detail .ranking-name{margin-bottom:10px}.top-100-detail .ranking-name .ranking{font-size:28px}.top-100-detail .ranking-name .name h1{font-size:32px}.top-100-detail .ranking-name .ranking .hash{font-size:15px;line-height:19px;padding-right:3px}.top-100-detail .ranking-name .length{margin:0 0 10px;font-size:26px}.top-100-detail .info-item .the-value img{margin-top:3px}.compare-with .compare-selection-form .items{padding:25px 15px 25px 20px;flex-wrap:wrap}.compare-with .compare-selection-form .items .submit-wrapper{flex:0 0 100%}}