.comparison .comparison-container{display: flex;flex-direction: column;}
.comparison .comparison-top{display: flex;flex-direction: column;align-items: center;margin: 80px 0 0 0;}
.comparison .comparison-top.emp{margin-bottom: 180px !important;}
.comparison .comparison-top .title{margin: 0;text-align: center;font-size: 42px;color: var(--c-ps2);font-weight: 600;}
.comparison .comparison-top .description{font-size: 22px;color: var(--c-2);font-weight: 400;margin: 20px 0 0 0;max-width: 50%;text-align: center;line-height: 1.4;}
.comparison .comparison-top .description *:last-child{margin-bottom: 0;}
.comparison .comparison-top .line{display: flex;margin: 35px 0 0 0;}
.comparison .comparison-top .lines svg{width: initial;height: 20px;}
.comparison .comparison-content{margin: 60px 0 0 0;}
.comparison .comparison-content .compare{overflow: hidden;position: relative;padding-bottom: 67px;}
.comparison .comparison-content .compare.compare1{max-width: 508px;}
.comparison .comparison-content .compare.compare2{max-width: 764px;}
.comparison .comparison-content .compare.compare3{max-width: 1020px;}
.comparison .comparison-content .compare.compare4{max-width: initial;}
.comparison .comparison-content .compare .compare-section{transition: transform .2s linear;}
.comparison .comparison-content .compare.notr .compare-section{transition: none;}
.comparison .comparison-content .compare table{border-collapse: collapse;table-layout: fixed;width: 100%;}
.comparison .comparison-content .compare table tbody tr.hide{display: none;}
.comparison .comparison-content .compare table tr td.hide{display: none;}
.comparison .comparison-content .compare table thead tr:first-child td{width: 256px;padding: 0 5px 12px 5px;vertical-align: top;transition: transform .2s linear;position: relative;}
.comparison .comparison-content .compare.notr table thead tr:first-child td{transition: none;}
.comparison .comparison-content .compare table thead tr:first-child td:first-child{position: relative;z-index: 10;background-color: var(--c-w);}
.th-dark .comparison .comparison-content .compare table thead tr:first-child td:first-child{background-color: var(--c-11);}
.comparison .comparison-content .compare table thead tr:first-child td .item{display: flex;flex-direction: column;}
.comparison .comparison-content .compare table thead tr:first-child td .picture{margin-bottom: 8px;border-radius: 12px;overflow: hidden;flex-shrink: 0;}
.comparison .comparison-content .compare table thead tr:first-child td .remove{position: absolute;top: 5px;right: 10px;border-radius: 50%;width: 28px;height: 28px;background-color: var(--c-w);display: flex;flex-direction: row;align-items: center;justify-content: center;box-shadow: 0 0 10px 0 rgba(0,0,0,.1);cursor: pointer;}
.th-dark .comparison .comparison-content .compare table thead tr:first-child td .remove{background-color: var(--c-16);}
.comparison .comparison-content .compare table thead tr:first-child td .remove svg{width: 12px;height: 12px;opacity: .8;transition: all .3s ease;}
.comparison .comparison-content .compare table thead tr:first-child td .remove svg path{transition: all .3s ease;}
.th-dark .comparison .comparison-content .compare table thead tr:first-child td .remove svg path{fill: var(--c-w);opacity: 1;}
.comparison .comparison-content .compare table thead tr:first-child td .remove:hover svg{opacity: 1;}
.comparison .comparison-content .compare table thead tr:first-child td .remove:hover svg path{fill: var(--c-ps3);}
.comparison .comparison-content .compare table thead tr:first-child td .title{border-radius: 12px;padding: 9px 12px;font-size: 15px;font-weight: 500;color: var(--c-9);line-height: 1.24;height: 100%;margin: 0;}
.th-dark .comparison .comparison-content .compare table thead tr:first-child td .title{color: var(--c-w);}
.comparison .comparison-content .compare table thead tr:first-child td.group .title{background-color: rgba(9,181,127,.1);}
.th-dark .comparison .comparison-content .compare table thead tr:first-child td.group .title{background-color: rgba(9,181,127,.2);}
.comparison .comparison-content .compare table thead tr:first-child td.individual .title{background-color: rgba(155,81,224,.1);}
.th-dark .comparison .comparison-content .compare table thead tr:first-child td.individual .title{background-color: rgba(155,81,224,.2);}
.comparison .comparison-content .compare table thead tr:first-child td .info{color: var(--c-1);font-weight: 400;margin: auto 0 0 12px;font-size: 14px;display: flex;flex-direction: column;padding: 10px 0 0 0;}
.th-dark .comparison .comparison-content .compare table thead tr:first-child td .info{color: var(--c-w);}
.comparison .comparison-content .compare table thead tr:first-child td .info > *{margin-bottom: 0;}
.comparison .comparison-content .compare table thead tr:first-child td .info > *:nth-child(n+2){margin-top: 3px;}
.comparison .comparison-content .compare table thead tr:first-child td .info .name{color: var(--c-2);}
.comparison .comparison-content .compare table thead tr:first-child td .available.success{color: var(--c-1);}
.th-dark .comparison .comparison-content .compare table thead tr:first-child td .available.success{color: var(--c-w);}
.comparison .comparison-content .compare table thead tr:first-child td .box{margin: 8px 0 0 0;display: flex;flex-direction: row;align-items: center;}
.comparison .comparison-content .compare table thead tr:first-child td .box .price{font-size: 16px;font-weight: 500;color: var(--c-9);margin: 0 0 0 12px;padding: 2px 0 0 0;}
.th-dark .comparison .comparison-content .compare table thead tr:first-child td .box .price{color: var(--c-w);}
.comparison .comparison-content .compare table thead tr:first-child td .box .link{display: flex;margin-left: 12px;}
.comparison .comparison-content .compare table thead tr:first-child td .box .link a{width:106px;height: 32px;border-radius: 50px;display: flex;flex-direction: row;align-items: center;justify-content: center;font-size: 14px;font-weight: 500;cursor: pointer; color: var(--c-1);transition: all .3s ease;border: 2px solid var(--c-4);user-select: none;background-color: var(--c-w);position: relative;}
.th-dark .comparison .comparison-content .compare table thead tr:first-child td .box .link a{border-color: var(--c-9);color: var(--c-w);}
.th-dark .comparison .comparison-content .compare table thead tr:first-child td .box .link a{background-color: var(--c-11);}
.comparison .comparison-content .compare table thead tr:first-child td .box .link a:hover{border-color: var(--c-ps3);}
.comparison .comparison-content .compare table thead tr:nth-child(2) td{transition: transform .2s linear;padding: 8px 5px 10px 5px;}
.comparison .comparison-content .compare.notr table thead tr:nth-child(2) td{transition: none;}
.comparison .comparison-content .compare table thead tr:nth-child(2){display: none;}
.comparison .comparison-content .compare table thead tr td .items{display: flex;flex-direction: row;flex-wrap: wrap;}
.comparison .comparison-content .compare table thead tr td .items .switch{display:flex;user-select: none;width: 100%;}
.comparison .comparison-content .compare table thead tr td .items .switch .switch-container{display: flex;flex-direction: row;align-items: center;cursor: pointer;width:100%;}
.comparison .comparison-content .compare table thead tr td .items .item.item-all .switch .switch-container{width: auto;}
.comparison .comparison-content .compare table thead tr td .items .switch + .switch{margin-top: 10px;}
.comparison .comparison-content .compare table thead tr td .items .switch .text{transition: all .3s ease;font-weight: 600;margin: 0 10px 0 0;font-size: 15px;}
.th-dark .comparison .comparison-content .compare table thead tr td .items .switch .text{color: var(--c-w);}
.comparison .comparison-content .compare table thead tr td .items .switch .switch-container:hover .text{color: var(--c-ps3);}
.comparison .comparison-content .compare table thead tr td .items .switch .icon{background-color: #ecedef;border-radius: 50px;width: 42px;height: 24px;padding: 3px 3px;margin: 0 0 0 auto;transition: all .3s ease;}
.th-dark .comparison .comparison-content .compare table thead tr td .items .switch .icon{background-color: var(--c-16);}
.comparison .comparison-content .compare table thead tr td .items .switch.active .icon{background-color: var(--c-ps2);}
.comparison .comparison-content .compare table thead tr td .items .switch .icon .circle{width: 18px;height: 18px;display: block;background-color: var(--c-w);border-radius: 50%;box-shadow: 0 0 5px rgba(0,0,0,.06);transition: all .3s ease;}
.comparison .comparison-content .compare table thead tr td .items .switch.active .icon .circle{margin-left: 18px;}
.comparison .comparison-content .compare table tbody tr.title{display: none;}
.comparison .comparison-content .compare table tbody tr td{width: 256px;padding: 10px 5px;transition: transform .2s linear;background-color: var(--c-w);}
.comparison .comparison-content .compare.notr table tbody tr td{transition: none;}
.th-dark .comparison .comparison-content .compare table tbody tr td{background-color: var(--c-11);}
.comparison .comparison-content .compare table tbody tr td:first-child{padding-left: 15px;position: relative;z-index: 10;}
.comparison .comparison-content .compare table tbody tr:nth-of-type(4n+2) td{background-color: #F6F7F8;}
.th-dark .comparison .comparison-content .compare table tbody tr:nth-of-type(4n+2) td{background-color: var(--c-8);}
.comparison .comparison-content .compare table tbody tr.wh td{background-color: var(--c-w);}
.comparison .comparison-content .compare table tbody tr.nwh td{background-color: #F6F7F8;}
.th-dark .comparison .comparison-content .compare table tbody tr.wh td{background-color: var(--c-11);}
.th-dark .comparison .comparison-content .compare table tbody tr.nwh td{background-color: var(--c-8);}
.comparison .comparison-content .compare table tbody tr td .name{font-size: 15px;font-weight: 300;color: var(--c-1);margin: 0;}
.th-dark .comparison .comparison-content .compare table tbody tr td .name{color: var(--c-w);}
.comparison .comparison-content .compare table tbody tr td .box{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.comparison .comparison-content .compare table tbody tr td .box .icon{display: flex;}
.comparison .comparison-content .compare table tbody tr td .box .icon svg{flex-shrink: 0;width: 14px;height: 14px;}
.comparison .comparison-content .compare table tbody tr td .box .icon.icon-yes svg{width: 16px;height: 16px;}
.comparison .comparison-content .compare .arrows{margin-top: 25px;position: absolute;left: 0;right: 0;height: 42px;display: none;flex-direction: row;flex-wrap: nowrap;justify-content: center;z-index: 999;}
.comparison .comparison-content .compare .arrows *{user-select: none;}
.comparison .comparison-content .compare.compare5 .arrows{display: flex;}
.comparison .comparison-content .compare .arrows.active{position: fixed;bottom: 0;padding: 10px 0;height: 62px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);background-color: var(--c-w);}
.th-dark .comparison .comparison-content .compare .arrows.active{background-color: var(--c-11);box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);}
.comparison .comparison-content .compare .arrows .arrow{display: flex;align-items: center;justify-content: center;border-radius: 24px;transition: all .3s ease;width: 42px;background-color: var(--c-7);}
.th-dark .comparison .comparison-content .compare .arrows .arrow{background-color: var(--c-16);}
.comparison .comparison-content .compare .arrows .arrow.active{cursor: pointer;background-color: var(--c-ps3);}
.comparison .comparison-content .compare .arrows .arrow.active:hover{background-color: var(--c-pe3);}
.comparison .comparison-content .compare .arrows .arrow svg{width: 16px;height: 16px;}
.comparison .comparison-content .compare .arrows .arrow svg path{stroke-width: 18;stroke: var(--c-w);}
.comparison .comparison-content .compare .arrows .arrow.active svg path{stroke: var(--c-w);}
.comparison .comparison-content .compare .arrows .arrow.prev{margin-right: 15px;}
.comparison .comparison-content .compare .arrows .arrow.next{margin-left: 15px;}
.comparison .comparison-content .compare .arrows .count{display: flex;align-items: center;font-weight: 500;min-width: 94px;justify-content: center;}
.th-dark .comparison .comparison-content .compare .arrows .count{color: var(--c-w);}
.comparison .comparison-content .compare .thead-fixed{position: fixed;top: 0;left: 0;right: 0;background-color: var(--c-w);z-index: 1000;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);display: none;}
.th-dark .comparison .comparison-content .compare .thead-fixed{background-color: var(--c-14);}
body.admin-bar .comparison .comparison-content .compare .thead-fixed{top: 32px;}
.comparison .comparison-content .compare .thead-fixed.active{display: block;}
.comparison .comparison-content .compare .thead-fixed .thead-fixed-container{overflow: hidden;}
.comparison .comparison-content .compare .thead-fixed .thead-fixed-section{display: flex;flex-direction: row;flex-wrap: nowrap;transition: transform .2s linear;}
.comparison .comparison-content .compare.notr .thead-fixed .thead-fixed-section{transition: none;}
.comparison .comparison-content .compare .thead-fixed .item{padding: 10px 5px;transition: transform .2s linear;flex-shrink: 0;display: flex;flex-direction: column;}
.comparison .comparison-content .compare .thead-fixed .item.hide{display: none;}
.comparison .comparison-content .compare.notr .thead-fixed .item{transition: none;}
.comparison .comparison-content .compare .thead-fixed .item{width: 20%;}
.comparison .comparison-content .compare .thead-fixed .item:first-child{position: relative;z-index: 10;background-color: var(--c-w);}
.th-dark .comparison .comparison-content .compare .thead-fixed .item:first-child{background-color: var(--c-14);}
.comparison .comparison-content .compare .thead-fixed .item .title{border-radius: 12px;padding: 9px 12px;font-size: 15px;font-weight: 500;color: var(--c-9);line-height: 1.24;height: 100%;}
.th-dark .comparison .comparison-content .compare .thead-fixed .item .title{color: var(--c-w);}
.comparison .comparison-content .compare .thead-fixed .item.group .title{background-color: rgba(9,181,127,.1);}
.th-dark .comparison .comparison-content .compare .thead-fixed .item.group .title{background-color: rgba(9,181,127,.2);}
.comparison .comparison-content .compare .thead-fixed .item.individual .title{background-color: rgba(155,81,224,.1);}
.th-dark .comparison .comparison-content .compare .thead-fixed .item.individual .title{background-color: rgba(155,81,224,.2);}
.comparison .comparison-content .compare .thead-fixed .item .info{color: var(--c-1);font-weight: 400;margin: 0 0 0 12px;font-size: 14px;display: flex;flex-direction: column;margin-top: auto;padding-top: 10px;}
.th-dark .comparison .comparison-content .compare .thead-fixed .item .info{color: var(--c-w);}
.comparison .comparison-content .compare .thead-fixed .item .info .name{color: var(--c-2);}
.comparison .comparison-content .compare .thead-fixed .item .info > *:nth-child(n+2){margin-top: 3px;}
.comparison .comparison-content .compare .thead-fixed .item .box{margin: 8px 0 0 0;display: flex;flex-direction: row;align-items: center;}
.comparison .comparison-content .compare .thead-fixed .item .box .price{font-size: 16px;font-weight: 500;color: var(--c-9);margin: 0 0 0 12px;padding: 2px 0 0 0;}
.th-dark .comparison .comparison-content .compare .thead-fixed .item .box .price{color: var(--c-w);}
.comparison .comparison-content .compare .compare-top{margin: 0 0 20px 0;display: none;}
.comparison .comparison-content .compare .clear-all{height: 42px;border-radius: 50px;display: flex;flex-direction: row;align-items: center;justify-content: center;font-size: 16px;font-weight: 500;cursor: pointer;color: var(--c-1);transition: border .3s ease;border: 2px solid var(--c-4);user-select: none;background-color: var(--c-w);width: 100%;margin: 0 0 15px 0;}
.th-dark .comparison .comparison-content .compare .clear-all{border: 2px solid var(--c-9);color: var(--c-w);background-color: var(--c-11);}
.comparison .comparison-content .compare .clear-all:hover{border-color: var(--c-ps3);}
.tdevice .comparison .comparison-content .compare .clear-all:hover{border-color: var(--c-4);}
.tdevice .th-dark .comparison .comparison-content .compare .clear-all:hover{border-color: var(--c-9);}
.tdevice .comparison .comparison-content .compare .clear-all:active{border-color: var(--c-ps3) !important;}
.comparison .comparison-content .compare .clear-all b{font-weight: 500;line-height: 1;}
@media(max-width:1495px){
    .comparison .comparison-top .description{max-width: 70%;}
    .comparison .comparison-content .compare table thead tr:first-child td{width: 232.5px;}
    .comparison .comparison-content .compare table tbody tr td{width: 232.5px;}
    .comparison .comparison-content .compare.compare4 .arrows{display: flex;}
    .comparison .comparison-content .compare .thead-fixed .item{width: 25%;}
    .comparison .comparison-content .compare.compare1{max-width: 460px;}
    .comparison .comparison-content .compare.compare2{max-width: 694px;}
    .comparison .comparison-content .compare.compare3{max-width: initial;}
}
@media(max-width:1149px){
    .comparison .comparison-top .description{max-width: 100%;}
    .comparison .comparison-content .compare table thead tr:first-child td{width: 230px;}
    .comparison .comparison-content .compare table tbody tr td{width: 230px;}
    .comparison .comparison-content .compare.compare3 .arrows{display: flex;}
    .comparison .comparison-content .compare .thead-fixed .item{width: 33.3%;}
}
@media(max-width:767px){
    body.admin-bar .comparison .comparison-content .compare .thead-fixed{top: 0;}
    .comparison .comparison-top{margin-top: 60px;}
    .comparison .comparison-top .line{margin: 30px 0 0 0;}
    .comparison .comparison-top .title{font-size: 34px;}
    .comparison .comparison-top .description{font-size: 18px;}
    .comparison .comparison-top .line svg{height: 16px;}
    .comparison .comparison-content{margin: 60px 0 0 0;}
    .comparison .comparison-content .compare table thead tr:first-child td{width: 255px;}
    .comparison .comparison-content .compare table thead tr:first-child td:first-child{display: none;}
    .comparison .comparison-content .compare table tbody tr td{width: 255px;padding: 14px 5px;}
    .comparison .comparison-content .compare table tbody tr td:first-child{display: none;}
    .comparison .comparison-content .compare table tbody tr td:nth-child(even) .box:before{content: attr(aria-label);}
    .comparison .comparison-content .compare table tbody tr.title{display: table-row;}
    .comparison .comparison-content .compare table tbody tr.title.hide{display: none;}
    .comparison .comparison-content .compare table tbody tr:nth-of-type(4n+1) td{background-color: #F6F7F8;}
    .th-dark .comparison .comparison-content .compare table tbody tr:nth-of-type(4n+1) td{background-color: var(--c-8);}
    .comparison .comparison-content .compare table tbody tr.title td:first-child{display: table-cell;padding-bottom: 0;padding-right: 15px;}
    .comparison .comparison-content .compare .thead-fixed .item{width: 50%;}
    .comparison .comparison-content .compare .thead-fixed .item:first-child{display: none;}
    .comparison .comparison-content .compare table thead tr:nth-child(2){display: table-row;}
    .comparison .comparison-content .compare table thead tr td .items .switch .text{transition: all .3s ease;font-weight: 600;margin: 0 10px 0 0;font-size: 15px;}
    .comparison .comparison-content .compare table thead tr td .items .switch .switch-container:hover .text{color: var(--c-1);}
    .th-dark .comparison .comparison-content .compare table thead tr td .items .switch .switch-container:hover .text{color: var(--c-w);}
    .comparison .comparison-content .compare table thead tr td .items .switch .switch-container:active .text{color: var(--c-ps3);}
    .comparison .comparison-content .compare .compare-top{display: block;}
    .comparison .comparison-content .compare .clear-all{padding: 0 25px;width: initial;}
}
@media(max-width:575px){
    .comparison .comparison-content .compare{margin: 0 -20px !important;}
    .comparison .comparison-content .compare table thead tr:first-child td{width: calc(100vw/2);padding: 0 10px 15px 10px;}
    .comparison .comparison-content .compare table thead tr:first-child td .remove{right: 15px;}
    .comparison .comparison-content .compare table thead tr:first-child td .box{flex-direction: column;align-items: flex-start;}
    .comparison .comparison-content .compare table thead tr:first-child td .title{padding: 6px 10px;font-size: 14px;}
    .comparison .comparison-content .compare table thead tr:first-child td .info{margin-left: 5px;}
    .comparison .comparison-content .compare table thead tr:first-child td .info > *:nth-child(n+2){margin-top: 4px;}
    .comparison .comparison-content .compare table thead tr:first-child td .box .price{font-size: 14px;margin-left: 5px;}
    .comparison .comparison-content .compare table thead tr:first-child td .box .link{margin-top: 6px;margin-left: 5px;}
    .comparison .comparison-content .compare table tbody tr td{width: calc(100vw/2);}
    .comparison .comparison-content .compare{padding-bottom: 61px;}
    .comparison .comparison-content .compare .arrows{height: 36px;}
    .comparison .comparison-content .compare .arrows.active{height: 56px;}
    .comparison .comparison-content .compare .arrows .arrow{width: 36px;}
    .comparison .comparison-content .compare .thead-fixed .thead-fixed-container{margin: 0 -20px !important;}
    .comparison .comparison-content .compare .thead-fixed .item{width: calc(100vw/2);padding: 10px 10px;}
    .comparison .comparison-content .compare .thead-fixed .item .box{flex-direction: column;align-items: flex-start;}
    .comparison .comparison-content .compare .thead-fixed .item .title{padding: 6px 10px;font-size: 14px;}
    .comparison .comparison-content .compare .thead-fixed .item .info{margin-left: 5px;}
    .comparison .comparison-content .compare .thead-fixed .item .info > *:nth-child(n+2){margin-top: 4px;}
    .comparison .comparison-content .compare .thead-fixed .item .box .price{font-size: 14px;margin-left: 5px;}
    .comparison .comparison-content .compare table thead tr:nth-child(2) td{padding: 5px 15px 10px 15px;}
    .comparison .comparison-content .compare table thead tr td .items .switch{width: 100%;}
    .comparison .comparison-content .compare table thead tr td .items .switch + .switch{margin-left: 0;margin-top: 10px;}
    .comparison .comparison-content .compare.compare1{max-width: initial;}
    .comparison .comparison-content .compare.compare2{max-width: initial;}
    .comparison .comparison-content .compare.compare3{max-width: initial;}
    .comparison .comparison-content .compare.compare4{max-width: initial;}
    .comparison .comparison-content .compare .compare-top{padding: 0 10px;}
}
@media(max-width:452px){
    .comparison .comparison-top .title{font-size: 32px;}
    .comparison .comparison-top .description{font-size: 16px;}
    .comparison .comparison-top .line svg{height: 14px;}
}