.widget-comparison>.result .side td:nth-child(n+2),.widget-comparison>.result .side th:nth-child(n+2),.widget-comparison>.result .slider .bar .total.disabled{visibility:hidden}
.widget-comparison,.widget-comparison *,.widget-comparison :after,.widget-comparison :before,.widget-comparison:after,.widget-comparison:before{box-sizing:border-box}
.widget-comparison img{vertical-align:top}
.widget-comparison button{margin:0;border:0;padding:0;background-color:transparent;font:inherit;line-height:inherit;color:inherit;cursor:pointer}
.widget-comparison>.selection+.selection{margin-top:35px}
.widget-comparison>.selection .title{position:relative;margin-bottom:20px;border-bottom:1px solid #797979;padding:15px 0;line-height:1.35;font-size:24px}
.widget-comparison.force-accordion>.selection .title{padding-right:52px;cursor:pointer}
.widget-comparison>.selection .title:after{display:none;content:"";position:absolute;top:50%;right:18px;width:16px;height:16px;margin-top:-8px;background:url(/etc/designs/panasonic/standardpage-clientlibs/images/icons/icn-arrow-down.svg) 50% 50% no-repeat;background-size:contain}
.widget-comparison.force-accordion>.selection .title:after{display:block}
.widget-comparison>.selection .title[data-list-expanded=true]:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.widget-comparison>.selection .title[data-list-expanded=true]+.list{height:auto}
.widget-comparison.force-accordion>.selection .title[data-list-expanded=false]+.list{height:0}
.widget-comparison>.selection .list{overflow:hidden;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.widget-comparison>.selection ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-5px}
.widget-comparison>.selection ul+ul{margin-top:5px}
.widget-comparison>.selection li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;width:-webkit-calc(50% - 10px);width:calc(50% - 10px);margin:5px;background-color:#e6e6e6}
.widget-comparison>.selection li input{position:absolute;z-index:-1;opacity:0;filter:alpha(opacity=0)}
.widget-comparison>.selection li label{position:relative;width:100%;min-height:48px;padding:12px 12px 12px 46px;font-size:18px;line-height:1.35;word-wrap:break-word;overflow-wrap:break-word;cursor:pointer}
.widget-comparison>.selection li label:after,.widget-comparison>.selection li label:before{display:block;content:"";position:absolute}
.widget-comparison>.button,.widget-comparison>.button button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}
.widget-comparison>.selection li label:before{top:12px;left:12px;z-index:0;width:24px;height:24px;background-color:#fff}
.widget-comparison>.selection li label:after{top:18px;left:17px;z-index:1;width:14px;height:8px;border-width:0 0 3px 3px;border-style:solid;border-color:transparent transparent #fff #fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.widget-comparison>.selection li input:checked+label:after,.widget-comparison>.selection li input:checked+label:before{-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.widget-comparison>.selection li input:checked+label:before{background-color:#6e7175}
.widget-comparison>.selection li input[type=radio]+label:after,.widget-comparison>.selection li input[type=radio]+label:before{border-radius:50%}
.widget-comparison>.selection li input[type=radio]+label:after{top:15px;left:15px;width:18px;height:18px;border-width:3px;border-color:#fff}
.widget-comparison>.selection li input:disabled+label{color:#666;cursor:default}
.widget-comparison>.selection li input:disabled+label:after,.widget-comparison>.selection li input:disabled+label:before{background-color:#d2d2d2}
.widget-comparison>.selection li input:disabled+label:after{border-color:transparent}
.pressTabkey .widget-comparison>.selection li input:focus+label{outline-width:3px;outline-style:dotted}
.widget-comparison>.selection .grid-1 li{width:-webkit-calc(100% - 10px);width:calc(100% - 10px)}
.widget-comparison>.selection .grid-3 li{width:-webkit-calc((100% / 3) - 10px);width:calc((100% / 3) - 10px)}
.widget-comparison>.selection .grid-4 li,.widget-comparison>.selection .narrow li{width:-webkit-calc((100% / 4) - 10px);width:calc((100% / 4) - 10px)}
.widget-comparison>.selection .grid-5 li{width:-webkit-calc((100% / 5) - 10px);width:calc((100% / 5) - 10px)}
.widget-comparison>.selection .grid-6 li{width:-webkit-calc((100% / 6) - 10px);width:calc((100% / 6) - 10px)}
.widget-comparison>.button{display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;margin:85px -10px 0;text-align:center;font-size:18px;line-height:1.35;color:#fff}
.widget-comparison>.button button{display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:332px;margin:0 10px;padding:13px;background-color:#6e7175}
.widget-comparison>.button .count{font-size:16px}
.widget-comparison>.result{position:relative;line-height:1.4}
.widget-comparison>.result .empty-message{display:none;padding-bottom:35px;font-size:20px;text-align:center}
.widget-comparison>.result .empty-message p+p{margin-top:.7em}
.widget-comparison>.result.empty .empty-message{display:block}
.widget-comparison>.result .slider .next.disabled,.widget-comparison>.result .slider .prev.disabled,.widget-comparison>.result caption,.widget-comparison>.result.empty .slider,.widget-comparison>.result.empty .wrapper{display:none}
.widget-comparison>.result .slider{position:absolute;top:0;left:0;width:100%}
.widget-comparison>.result .slider .next,.widget-comparison>.result .slider .prev{position:absolute;top:0;z-index:1;width:30px;height:136px;background:url(/etc/designs/panasonic/standardpage-clientlibs/images/icons/icn-nav-arrow-r.svg) 100% 50% no-repeat;background-size:20px auto;cursor:pointer}
.widget-comparison>.result .slider .prev{left:88px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.widget-comparison>.result .slider .next{right:0}
.widget-comparison>.result .slider .bar{display:none;position:absolute;top:0;left:84px;width:-webkit-calc(100% - 84px);width:calc(100% - 84px)}
.widget-comparison>.result .slider .bar,.widget-comparison>.result .slider .bar *{height:11px}
.widget-comparison>.result .slider .bar .total{background-color:#e6e6e6}
.widget-comparison>.result .slider .bar .progress{position:relative;background-color:#6e7175;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.widget-comparison>.result .slider .ruler{position:absolute;top:0;left:0;width:191px;height:0}
.widget-comparison>.result img{width:auto}
.widget-comparison>.result table,.widget-comparison>.result td,.widget-comparison>.result th{box-sizing:content-box;border-style:solid;border-color:#ddd}
.widget-comparison>.result table{border-width:0 2px 2px 0}
.widget-comparison>.result table .colorBlack{color:#333}
.widget-comparison>.result table .colorGray{color:#6e6e6e}
.widget-comparison>.result table .colorRed{color:#dc1100}
.widget-comparison>.result td,.widget-comparison>.result th{height:2em;border-width:1px;padding:12px;vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word;background-color:#fff}
.widget-comparison>.result td:first-child,.widget-comparison>.result th:first-child{width:90px;max-width:90px;min-width:90px;border-right-width:2px;border-left-width:2px}
.widget-comparison>.result td:nth-child(n+2),.widget-comparison>.result th:nth-child(n+2){width:166px;max-width:166px;min-width:166px}
.widget-comparison>.result thead{font-size:15px}
.widget-comparison>.result thead th{height:2.8em;border-top-width:2px;border-bottom-width:2px;text-align:center;vertical-align:top}
.widget-comparison>.result .head thead th,.widget-comparison>.result .sticky th,.widget-comparison>.result thead.no-image th{vertical-align:middle}
.widget-comparison>.result thead th:first-child{border-top-color:transparent;border-left-color:transparent;background-color:transparent}
.widget-comparison>.result thead th a{display:block;color:#333;text-decoration:none}
.widget-comparison>.result thead th img{display:block;width:82px;height:82px;margin:0 auto 5px}
.widget-comparison>.result thead th .name:after{display:inline-block;content:"";width:7px;height:12px;margin-left:9px;background:url(/etc/designs/panasonic/standardpage-clientlibs/images/icons/icn-nav-arrow-r.svg) 50% 50% no-repeat;background-size:contain}
.widget-comparison>.result tbody{font-size:14px}
.widget-comparison>.result tbody .bgWhite td{background-color:#fff}
.widget-comparison>.result tbody .bgGray td{background-color:#f1f1f1}
.widget-comparison>.result tbody .bgLightBlue td{background-color:#f7f9fb}
.widget-comparison>.result tbody th{background-color:#f1f1f1;text-align:left}
.widget-comparison>.result tbody td{text-align:center}
.widget-comparison>.result tbody td.bgWhite{background-color:#fff}
.widget-comparison>.result tbody td.bgGray{background-color:#f1f1f1}
.widget-comparison>.result tbody td.bgLightBlue{background-color:#f7f9fb}
.widget-comparison>.result tbody tr:last-child td,.widget-comparison>.result tbody tr:last-child th{border-bottom-width:2px}
.widget-comparison>.result tfoot{display:none}
.widget-comparison>.result .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;width:-webkit-calc(100% - 30px);width:calc(100% - 30px)}
.widget-comparison>.result .wrapper.fixed .corner,.widget-comparison>.result .wrapper.fixed .head,.widget-comparison>.result .wrapper.fixed .sticky{display:block}
.widget-comparison>.result .wrapper.maxed .sticky,.widget-comparison>.result .wrapper.sticked .corner,.widget-comparison>.result .wrapper.sticked .head{display:none}
.widget-comparison>.result .wrapper.sticked.maxed .corner,.widget-comparison>.result .wrapper.sticked.maxed .head{display:block}
.widget-comparison>.result .body,.widget-comparison>.result .side,.widget-comparison>.result .sticky{overflow:hidden}
.widget-comparison>.result .sticky{display:none;position:fixed;z-index:2;padding-left:118px}
.widget-comparison>.result .sticky .sticky-corner{position:absolute;top:0;left:0;z-index:3;width:118px;border-width:0 2px 2px 0;border-style:solid;border-color:#ddd;background-color:#fff}
.widget-comparison>.result .sticky .sticky-head{-webkit-transition-duration:0s!important;transition-duration:0s!important}
.widget-comparison>.result .sticky table{position:relative;margin-left:-118px}
.widget-comparison>.result .sticky img{display:none}
.widget-comparison>.result .corner,.widget-comparison>.result .head{display:none;position:absolute;top:0;left:0;z-index:1}
.widget-comparison>.result .corner:before,.widget-comparison>.result .head:before{content:"";display:block;position:absolute;top:-100vh;left:0;z-index:1;height:100vh;background-color:#fff}
.widget-comparison>.result .corner{width:100%;border-width:0 2px 2px 0;border-style:solid;border-color:#ddd;background-color:#fff}
.widget-comparison>.result .corner:before{width:-webkit-calc(100% + 2px);width:calc(100% + 2px)}
.widget-comparison>.result .head:before{width:100%}
.widget-comparison>.result .head tbody,.widget-comparison>.result .head thead img,.widget-comparison>.result .head-flag{display:none}
.widget-comparison>.result .delete,.widget-comparison>.result .delete li{height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}
.widget-comparison>.result .side{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;width:118px}
.widget-comparison>.result .side:after{content:"";position:absolute;bottom:0;left:0;z-index:1;width:100%;height:2px;background-color:#ddd}
.widget-comparison>.result .body .swipe{position:relative}
.widget-comparison>.result .body table{position:relative;margin-left:-118px}
.widget-comparison>.result .body thead th:first-child{border-bottom-color:transparent}
.widget-comparison>.result .body tbody th{visibility:hidden;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
.widget-comparison>.result .delete{display:flex}
.widget-comparison>.result .delete li{display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:191px}
.widget-comparison>.result .delete li.hide{display:none}
.widget-comparison>.result .delete li .button{display:block;position:relative;width:41px;height:40px;border-width:1px 1px 0;border-style:solid;border-color:#ddd;background-color:#fff;cursor:pointer}
.widget-comparison>.result .delete li .button .close{position:absolute;top:50%;left:50%;width:21px;height:21px;margin:-10.5px 0 0 -10.5px}
.widget-comparison>.result .delete li .button .close:after,.widget-comparison>.result .delete li .button .close:before{display:block;content:"";position:absolute;background-color:#333;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.widget-comparison .accordion-flag,.widget-comparison>.result .delete.undeletable li{display:none}
.widget-comparison>.result .delete li .button .close:before{top:0;left:10px;width:1px;height:21px}
.widget-comparison>.result .delete li .button .close:after{top:10px;left:0;width:21px;height:1px}
.widget-comparison>.result.deletable .slider{top:40px}
.widget-comparison>.result.deletable .side{padding-top:40px}
.widget-comparison *+.result{margin-top:49px;padding-top:51px}
.widget-comparison *+.result .slider .next,.widget-comparison *+.result .slider .prev{top:51px}
.widget-comparison.force-accordion .accordion-flag{display:block}
@media (min-width:641px) and (max-width:799px){.widget-comparison>.selection+.selection{margin-top:25px}
.widget-comparison>.selection .title{font-size:22px}
.widget-comparison>.selection li label{font-size:16px;min-height:46px;padding:12px 11px 11px 45px}
.widget-comparison>.selection li label:before{top:11px;left:11px}
.widget-comparison>.selection li label:after{top:17px;left:16px}
.widget-comparison>.selection li input[type=radio]+label:after{top:14px;left:14px}
.widget-comparison>.selection .grid-5 li,.widget-comparison>.selection .grid-6 li{width:-webkit-calc((100% / 4) - 10px);width:calc((100% / 4) - 10px)}
.widget-comparison>.selection .grid-sm-1 li{width:-webkit-calc(100% - 10px);width:calc(100% - 10px)}
.widget-comparison>.selection .grid-sm-2 li{width:-webkit-calc((100% / 2) - 10px);width:calc((100% / 2) - 10px)}
.widget-comparison>.selection .grid-sm-3 li{width:-webkit-calc((100% / 3) - 10px);width:calc((100% / 3) - 10px)}
.widget-comparison>.selection .grid-sm-4 li{width:-webkit-calc((100% / 4) - 10px);width:calc((100% / 4) - 10px)}
.widget-comparison>.button{font-size:16px;margin:60px -10px 0}
.widget-comparison>.button button{width:50%;padding-top:15px;padding-bottom:15px}
.widget-comparison>.button .count{font-size:15px}
.widget-comparison>.result .empty-message{font-size:18px;padding-bottom:30px}
.widget-comparison>.result .slider .next,.widget-comparison>.result .slider .prev{height:132px}
.widget-comparison>.result .slider .prev{left:74px}
.widget-comparison>.result .slider .ruler{width:163px}
.widget-comparison>.result td,.widget-comparison>.result th{padding:11px}
.widget-comparison>.result td:first-child,.widget-comparison>.result th:first-child{width:78px;max-width:78px;min-width:78px}
.widget-comparison>.result td:nth-child(n+2),.widget-comparison>.result th:nth-child(n+2){width:140px;max-width:140px;min-width:140px}
.widget-comparison>.result thead{font-size:14px}
.widget-comparison>.result thead th .name:after{width:6px;margin-left:8px}
.widget-comparison>.result .body table,.widget-comparison>.result .sticky table{margin-left:-104px}
.widget-comparison>.result .side,.widget-comparison>.result .sticky .sticky-corner{width:104px}
.widget-comparison>.result tbody{font-size:13px}
.widget-comparison>.result .sticky{padding-left:104px}
.widget-comparison>.result .delete li{width:163px}
.widget-comparison *+.result{margin-top:80px;padding-top:0}
.widget-comparison *+.result .slider .next,.widget-comparison *+.result .slider .prev{top:0}
}
@media (max-width:640px){.widget-comparison>.selection+.selection{margin-top:20px}
.widget-comparison>.selection .title{font-size:15px;padding-right:52px;cursor:pointer}
.widget-comparison>.selection .title:after{display:block}
.widget-comparison>.selection .title[data-list-expanded=false]+.list{height:0}
.widget-comparison>.selection li{width:-webkit-calc(100% - 10px);width:calc(100% - 10px)}
.widget-comparison>.selection li label{font-size:15px;min-height:44px;padding:12px 10px 10px 44px}
.widget-comparison>.selection li label:before{top:10px;left:10px}
.widget-comparison>.selection li label:after{top:16px;left:15px}
.widget-comparison>.selection li input[type=radio]+label:after{top:13px;left:13px}
.widget-comparison>.selection .grid-1 li,.widget-comparison>.selection .grid-3 li{width:-webkit-calc(100% - 10px);width:calc(100% - 10px)}
.widget-comparison>.selection .grid-4 li,.widget-comparison>.selection .grid-5 li,.widget-comparison>.selection .grid-6 li,.widget-comparison>.selection .narrow li{width:-webkit-calc((100% / 2) - 10px);width:calc((100% / 2) - 10px)}
.widget-comparison>.selection .grid-xs-1 li{width:-webkit-calc(100% - 10px);width:calc(100% - 10px)}
.widget-comparison>.selection .grid-xs-2 li{width:-webkit-calc((100% / 2) - 10px);width:calc((100% / 2) - 10px)}
.widget-comparison>.button{font-size:15px;display:block;margin:40px 0 0}
.widget-comparison>.button button{display:block;width:100%;margin:0;padding-top:17px;padding-bottom:17px}
.widget-comparison>.button button+button{margin-top:20px}
.widget-comparison>.button .count{font-size:14px}
.widget-comparison>.result .empty-message{font-size:16px;padding-bottom:25px}
.widget-comparison>.result .slider{display:none}
.widget-comparison>.result .slider .bar{display:block}
.widget-comparison>.result .slider .ruler{width:129px}
.widget-comparison>.result.nobar .slider .bar{display:none}
.widget-comparison>.result td,.widget-comparison>.result th{padding:10px}
.widget-comparison>.result td:first-child,.widget-comparison>.result th:first-child{width:62px;max-width:62px;min-width:62px}
.widget-comparison>.result td:nth-child(n+2),.widget-comparison>.result th:nth-child(n+2){width:108px;max-width:108px;min-width:108px}
.widget-comparison>.result thead{font-size:13px}
.widget-comparison>.result thead th .name:after{width:6px;margin-left:6px}
.widget-comparison>.result .body table,.widget-comparison>.result .sticky table{margin-left:-86px}
.widget-comparison>.result tbody{font-size:12px}
.widget-comparison>.result .wrapper{width:-webkit-calc(100% + 16px);width:calc(100% + 16px)}
.widget-comparison>.result .side,.widget-comparison>.result .sticky .sticky-corner{width:86px}
.widget-comparison>.result .sticky{padding-left:86px}
.widget-comparison>.result .delete li{width:129px}
.widget-comparison *+.result{margin-top:68px;padding-top:0}
.widget-comparison .accordion-flag{display:block}
}
@media (min-width:800px){.widget-comparison>.selection .grid-md-1 li{width:-webkit-calc(100% - 10px);width:calc(100% - 10px)}
.widget-comparison>.selection .grid-md-2 li{width:-webkit-calc((100% / 2) - 10px);width:calc((100% / 2) - 10px)}
.widget-comparison>.selection .grid-md-3 li{width:-webkit-calc((100% / 3) - 10px);width:calc((100% / 3) - 10px)}
.widget-comparison>.selection .grid-md-4 li{width:-webkit-calc((100% / 4) - 10px);width:calc((100% / 4) - 10px)}
.widget-comparison>.selection .grid-md-5 li{width:-webkit-calc((100% / 5) - 10px);width:calc((100% / 5) - 10px)}
.widget-comparison>.selection .grid-md-6 li{width:-webkit-calc((100% / 6) - 10px);width:calc((100% / 6) - 10px)}
.widget-comparison>.result .head-flag{display:block}
}