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