.compare-page{padding-top:120px}.compare-page section[name=compare] .title{text-align:center;font-size:32px;font-weight:600}.compare-page section[name=compare] .compare-title{color:#000;text-align:left;border-bottom:1px solid #000;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;margin-bottom:20px;padding-bottom:20px;font-family:FontTitle;font-size:24px;font-weight:600;display:inline-flex}.compare-page section[name=compare] .esg-list .compare-title{font-size:18px}.compare-page section[name=compare] .compare-title .info{cursor:pointer;background-image:url(/images/icon-info.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;margin-left:15px;display:inline-block;position:relative}.compare-page section[name=compare] .compare-row{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;margin-bottom:45px;display:inline-flex}.compare-page section[name=compare] .compare-block{flex-direction:column;justify-content:flex-start;align-items:center;width:32%;margin-right:2%;display:inline-flex}.compare-page section[name=compare] .compare-block:nth-child(3n){margin-right:0}.compare-page section[name=compare] button[name=change]{text-transform:none;white-space:normal;border-radius:32px;width:180px;height:64px;margin-top:20px;padding:0;font-family:FontTitle;font-size:28px;line-height:.7em}.compare-page section[name=compare] .compare-block .list{justify-content:center;align-items:flex-start;margin-top:10px}.compare-page section[name=compare] .compare-block .avoidance-list{justify-content:space-evenly}.compare-page section[name=compare] .compare-block .avoidance-item{margin-right:0}.compare-page section[name=compare] .select{text-align:left;cursor:pointer;background-image:url(/images/icon-dropdown.png);background-position:calc(100% - 15px);background-repeat:no-repeat;background-size:auto 10px;border:1px solid #eee;border-radius:3px;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:40px;margin-top:20px;padding:6px 40px 6px 12px;display:inline-flex;position:relative}.compare-page section[name=compare] .select .dropdown{color:#000;text-align:left;z-index:1;background-color:#fff;border-radius:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;padding:10px 15px;font-size:14px;display:none;position:absolute;top:calc(100% + 1px);left:0;box-shadow:0 0 2px #00000040}.compare-page section[name=compare] .select .dropdown .search{background-color:#f9f9f9;border-radius:6px;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;padding:0 4px;display:inline-flex}.compare-page section[name=compare] .select .dropdown .search input{background-color:#0000;border:none;border-radius:0;flex:1;width:auto;height:35px;padding:0}.compare-page section[name=compare] .select .dropdown .search .search-button{background-image:url(/images/icon-search.png);background-position:50%;background-repeat:no-repeat;background-size:auto 16px;width:30px;height:30px;display:inline-block}.compare-page section[name=compare] .select .dropdown .dropdown-list{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;max-height:360px;margin-top:10px;display:inline-flex;overflow-y:auto}.compare-page section[name=compare] .select .dropdown .item{text-align:left;width:100%;padding:8px 0;font-size:12px;transition:background-color .2s ease-in-out}.compare-page section[name=compare] .select .dropdown .item:hover{background-color:#f0f0f0}.compare-page section[name=compare] select{text-align:left;border:1px solid #eee;width:100%;height:40px;margin-top:20px;padding-right:40px}.compare-page section[name=compare] button[name=product]{color:#2e2e2e;background-color:#0000;border:1px solid #707070;border-radius:0;margin-top:20px}.compare-page section[name=compare] .compare-product{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;display:inline-flex;position:relative}.compare-page section[name=compare] .esg-list{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:inline-flex;position:relative}.compare-page section[name=compare] .esg-list.collapsed{height:360px;overflow:hidden}.compare-page section[name=compare] .esg-list .overlay{background-color:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex;position:absolute;top:0;left:0}.compare-page section[name=compare] .esg-list .icon{background-image:url(/images/icon-esg.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:60px;height:60px;display:inline-block}.compare-page section[name=compare] .esg-list .title{text-align:center;margin-top:15px;margin-bottom:0;font-size:20px}.compare-page section[name=compare] .esg-list .description{text-align:center;margin-top:15px;font-size:14px}.compare-page section[name=compare] .esg-list button{margin-top:30px;font-size:16px}.compare-page section[name=compare] .compare-block .number{text-align:center;margin-bottom:10px;font-size:60px;font-weight:600}.compare-page section[name=compare] .compare-block .number.poor{color:red}.compare-page section[name=compare] .compare-block .title{text-align:center;margin-bottom:10px;font-size:36px;font-weight:600}.compare-page section[name=compare] .compare-block .subtitle{margin-bottom:10px;font-size:16px;font-weight:500}.compare-page section[name=compare] .compare-block .desc{text-align:center;margin-bottom:5px;font-size:14px;font-weight:400}.compare-page section[name=compare] .compare-block .empty{color:#8e8e8e;text-align:center;margin-bottom:10px;padding:30px 0;font-size:18px;font-style:italic}.compare-page section[name=compare] .chart{margin-top:15px}.compare-page section[name=compare] .chart,.compare-page section[name=compare] .chart svg{text-align:center;width:180px;height:180px;display:inline-block;position:relative}.compare-page section[name=compare] .chart svg circle{fill:none;stroke:#000;stroke-dasharray:515;stroke-dashoffset:515px;width:180px;height:180px;transform:translate(8px,8px)}.compare-page section[name=compare] .chart svg circle:first-child{stroke:#f3f3f3;stroke-width:16px;stroke-dashoffset:0}.compare-page section[name=compare] .chart svg circle:nth-child(2){stroke:var(--theme-color-purple);stroke-width:16px;stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)translate(8px,8px);box-shadow:inset 0 0 4px #00000040}.compare-page section[name=compare] .chart .number{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;background-color:#000;background-repeat:repeat;background-size:100%;-webkit-background-clip:text;background-clip:text;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex;position:absolute;top:0;left:0}.compare-page section[name=compare] .chart .number b{font-family:FontTitle;font-size:40px;font-weight:700;line-height:1}.compare-page section[name=compare] .view-all{text-align:center;cursor:pointer;margin-top:15px;font-size:12px;text-decoration:underline}.compare-page .tooltip{cursor:pointer;background-image:url(/images/icon-info.png);background-position:50%;background-repeat:no-repeat;background-size:auto 80%;width:18px;height:18px;margin-left:15px;display:inline-block;position:relative}.compare-page .tooltip .infowindow{text-align:left;opacity:0;z-index:1;background-color:#fff;border-radius:6px;width:180px;padding:6px 10px;font-size:12px;font-weight:400;transition:opacity .2s ease-in-out .1s;display:none;position:absolute;top:calc(100% + 5px);left:-90px;box-shadow:0 0 3px #00000040}.compare-page .tooltip:focus .infowindow{opacity:1;display:inline-block}.compare-page .product{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;margin-top:30px;display:inline-flex;position:relative}.compare-page .product .brand{text-align:center;text-transform:uppercase;font-size:20px;font-weight:600}.compare-page .product .name{text-align:center;margin-top:5px;font-size:14px}.compare-page .product .thumbnail{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:180px;margin-top:15px;display:inline-block}.compare-page .product .thumbnail.placeholder{cursor:pointer;background-image:url(/images/product-placeholder.png)}.compare-page .clear{text-align:center;cursor:pointer;margin-top:6px;font-size:14px;text-decoration:underline}@media only screen and (max-width:480px){.compare-page{padding-top:60px}.compare-page section[name=compare] .title{font-size:28px}.compare-page section[name=compare] .compare-row{align-items:flex-end}.compare-page section[name=compare] .compare-title{font-size:20px}.compare-page .product .brand{font-size:11px}.compare-page .product .name{font-size:12px}.compare-page .product .thumbnail{aspect-ratio:1;height:auto}.compare-page section[name=compare] button[name=change]{width:100%;height:auto;margin-top:10px;padding:8px 0;font-size:16px}.compare-page section[name=compare] .chart,.compare-page section[name=compare] .chart svg{width:100px;height:100px}.compare-page section[name=compare] .chart .number{font-size:16px}.compare-page section[name=compare] .chart .number b{font-size:24px}.compare-page section[name=compare] .compare-block .subtitle{font-size:14px;font-weight:400}.avoidance-item{margin-bottom:10px}.avoidance-item .name{font-size:14px}}