.top-100-compare{width:100%;float:left}.top-100-compare li{float:left;width:100%;margin-bottom:50px;display:flex;align-items:stretch;position:relative;border-radius:3px}.top-100-compare li a{display:flex;width:100%;position:relative;flex-wrap:wrap}.top-100-compare li .yacht-details{float:left;width:50%;padding:0;position:relative;display:inline-block;border:1px solid #ccc;background:#fff}.top-100-compare li .yacht-details.first-yacht{border-right:none}.top-100-compare li:hover .yacht-details{border:1px solid var(--brand-colour)}.top-100-compare li:hover .yacht-details.first-yacht{border-right:none}.top-100-compare li .yacht-details .name-container{width:100%;float:left}.top-100-compare li:hover .yacht-details .name-container .builder{color:#666}.top-100-compare li .yacht-details .position{background:var(--brand-colour);padding:10px 10px 6px 13px;border-bottom-right-radius:4px;margin-right:20px;text-align:left;height:60px;width:auto}.top-100-compare li .yacht-details .position .rank{display:block;width:100%}.top-100-compare li .yacht-details .image-container{float:left;width:100%;text-align:center;height:50px;display:flex;align-items:flex-end;justify-content:center}.top-100-compare li .yacht-details .image-container img{max-height:95px}.top-100-compare li .yacht-details .yacht-specs{width:100%;float:left;padding-left:15px}.top-100-compare li .yacht-details .yacht-specs.larger-spacing{padding-left:15px}.top-100-compare li:hover .yacht-details .yacht-specs p{color:#666}.top-100-compare li .yacht-details .yacht-specs p.built img{height:12px}.top-100-compare li .compare-button-container{width:100%;margin:15px 0 0 0;text-align:center}.top-100-compare li .compare-button{height:52px;display:flex;align-items:center;justify-content:center}.top-100-compare li .compare-button span{background:var(--brand-colour);border-radius:30px;color:#fff;min-width:154px;line-height:1.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-100-compare li:hover .compare-button span{background:var(--brand-colour-accent);color:#fff}.top-100-compare li .compare-button span.compare-verses{display:flex;width:52px;height:52px;background:url(/resources/images/icons/vs-logo-circle.svg) 50% 50% no-repeat #fff;border-radius:50%;border:2px solid var(--brand-colour);min-width:48px;z-index:1;line-height:52px;text-align:center}.top-100-compare li:hover .compare-button span.compare-verses{border:2px solid var(--brand-colour-accent);background:url(/resources/images/icons/vs-logo-circle-hover.svg) 50% 50% no-repeat #fff}.top-100-compare li .compare-button span.compare-1{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-10px;text-align:right;padding:10px 30px 10px 20px}.top-100-compare li .compare-button span.compare-2{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-10px;text-align:left;padding:10px 20px 10px 30px}@media only screen and (max-width:900px){.top-100-compare li .yacht-details .position{max-width:100%;margin-right:0;border-bottom-right-radius:0;padding:8px 10px 6px 13px;height:35px}.top-100-compare li .yacht-details .position.h-bold-m{font-size:var(--head-r)}.top-100-compare li .yacht-details .position .rank{display:inline-block;width:auto;float:left;margin-right:10px;padding-top:3px}.top-100-compare li .yacht-details .image-container{height:65px}.top-100-compare li .yacht-details .image-container img{max-width:80%;max-height:65px}.top-100-compare li .yacht-details .name-container .name,.top-100-compare li .yacht-details .name-container .builder{display:block;width:100%;padding-left:15px}}@media only screen and (min-width:901px){.top-100-compare li .compare-button span{min-width:210px}.top-100-compare li .yacht-details .yacht-specs{padding-left:75px}.top-100-compare li .yacht-details .yacht-specs.larger-spacing{padding-left:96px}.top-100-compare li .yacht-details .name-container{height:60px}.top-100-compare li .yacht-details .position{float:left;min-width:55px}.top-100-compare li .yacht-details .image-container{height:95px}.top-100-compare li .yacht-details .yacht-specs p.built img{height:14px;margin-top:-2px}}@media only screen and (min-width:901px) and (max-width:1171px){.top-100-compare li .yacht-details .image-container img{max-width:85%}.top-100-compare li .yacht-details .yacht-specs{padding-left:15px}}@media only screen and (min-width:1281px){.top-100-compare li:before{content:"";display:block;width:70px;height:70px;z-index:9;background:#fff;border-radius:100px;border:1px solid #ccc;position:absolute;bottom:164px;left:50%;margin:0 0 0 -35px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-perspective:1000;-webkit-font-smoothing:subpixel-antialiased;transition:color 200ms ease-out 250ms,background 300ms ease-out 250ms,transform 500ms cubic-bezier(.68,-.55,.265,1.55)}.top-100-compare li:hover:before{background:var(--brand-colour);color:#fff;transform:scale(1.4);border:1px solid var(--brand-colour)}.top-100-compare li:after{content:"";background:url(/resources/images/vs.svg) 50% 50% no-repeat;background-size:29px auto;position:absolute;bottom:164px;left:50%;width:70px;height:70px;letter-spacing:1px;z-index:10;border-radius:100px;margin:0 0 0 -35px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-perspective:1000;-webkit-font-smoothing:subpixel-antialiased;transition:color 200ms ease-out 250ms,background 300ms ease-out 250ms,transform 500ms cubic-bezier(.68,-.55,.265,1.55),filter 300ms ease-out 250ms;filter:invert(1)}.top-100-compare li:hover:after{filter:invert(0);transform:scale(1.4)}}