.compare-section.section-padding{padding-top:var(--section-padding-top, 40px);padding-bottom:var(--section-padding-bottom, 52px)}@media screen and (min-width: 750px){.compare-section.section-padding{padding-top:var(--section-padding-top, 40px);padding-bottom:var(--section-padding-bottom, 52px)}}.compare-table{display:flex;flex-direction:column;width:100%}.compare-table__header{display:flex;width:100%;gap:20px}.compare-table__header-column{flex:1;width:50%;display:flex;flex-direction:column;align-items:center}.compare-table__image{max-width:300px;width:100%;aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center}.compare-table__image img{width:100%;height:100%;object-fit:contain}.compare-table__dropdown-wrapper{position:relative;width:100%;max-width:300px;margin:.5rem 0}.compare-table__dropdown-button{width:100%;padding:.5rem 1rem;font-size:2.25rem;font-weight:600;text-align:center;border:1px solid #969696;border-radius:4px;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:rgb(var(--color-foreground))}.compare-table__dropdown-button:hover{border-color:#666}.compare-table__dropdown-button.is-open{border-bottom-left-radius:0;border-bottom-right-radius:0}.compare-table__dropdown-selected{flex:1}.compare-table__dropdown-arrow{position:relative;width:11px;height:11px;display:inline-block;transition:transform .2s}.compare-table__dropdown-arrow:before,.compare-table__dropdown-arrow:after{content:"";position:absolute;width:2px;height:8px;background-color:#5fc477;border-radius:1px}.compare-table__dropdown-arrow:before{left:5px;transform:rotate(-45deg);transform-origin:bottom center}.compare-table__dropdown-arrow:after{right:5px;transform:rotate(45deg);transform-origin:bottom center}.compare-table__dropdown-button.is-open .compare-table__dropdown-arrow{transform:rotate(180deg)}.compare-table__dropdown-popup{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #969696;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 6px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.compare-table__dropdown-option{width:100%;padding:.75rem 1rem;font-size:2rem;font-weight:600;text-align:center;border:none;background-color:#fff;cursor:pointer;display:block;transition:background-color .2s;color:rgb(var(--color-foreground))}.compare-table__dropdown-option:hover{background-color:#f5f5f5}.compare-table__dropdown-option.is-selected{color:#5fc477}.compare-table__dropdown-option:not(:last-child){border-bottom:1px solid #F5F5F5}.compare-table__block-content{width:100%;display:flex;flex-direction:column;align-items:center}.compare-table__title{text-align:center;margin-top:1rem;font-size:2.25rem;margin:.5rem 0;padding:.5rem 0}.compare-table__category{width:100%}.compare-table__category:first-child{margin-top:0}.compare-table__category-heading{width:100%;margin-bottom:2rem;padding-bottom:.5rem;border-bottom:1px solid #969696}.compare-table__category-content{display:flex;flex-direction:column;width:100%}.compare-table__row{display:flex;width:100%;gap:20px}.compare-table__column{flex:1;width:50%;display:block!important;margin-bottom:3.5rem}.compare-table__column[data-block-id]:not(.is-active),.compare-table__block-content[data-block-id]:not(.is-active){display:none!important}.compare-table__column[data-block-id].is-active{display:block!important}.compare-table__block-content[data-block-id].is-active{display:flex!important}.compare-table__point-image{max-width:80px;width:100%;aspect-ratio:1 / 1;margin:0 auto 1rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.compare-table__point-image img{width:100%;height:100%;object-fit:contain}.compare-table__point{margin-bottom:0;font-size:2rem;display:flex;height:100%;width:100%;text-align:center;justify-content:center;align-items:center}.compare-green-text{color:#5fc477;font-weight:600}@media screen and (min-width: 750px){.compare-table__header,.compare-table__row{gap:40px}}@media screen and (max-width: 749px){.compare-table__title,.compare-table__point,.compare-table__dropdown-button,.compare-table__dropdown-option{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-compare.css.map */
