.comp-chart{position:relative;grid-row-start:4;margin:0 0 1rem;z-index:1}.comp-chart .hidden{position:absolute;visibility:hidden;opacity:0}.hover-information .comp-chart input[type=checkbox]+label{display:flex;padding:16px 64px;justify-content:center;align-items:center;gap:8px;align-self:stretch;font-family:var(--font-heading-family);font-size:16px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.8px;text-transform:uppercase;width:100%}.hover-information .comp-chart input[type=checkbox]:checked+label{background:rgb(var(--color-button));color:#000}.card--card .card-corner.comp-chart{position:absolute;top:2.4rem;left:2.4rem;margin:0;z-index:1}.card--card .card-corner.comp-chart input[type=checkbox]{border-color:#00f}.comp-chart-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;width:100%;background:rgba(var(--color-foreground),.2);height:100%}.comp-chart-modal[open]{opacity:1;visibility:visible;z-index:101}.comp-chart-modal .scroll-trigger.scroll-trigger{animation:none;opacity:1;transform:none}.comp-chart-modal .quick-order-list__container{padding-bottom:1.5rem}.comp-chart-modal__content{--modal-height-offset: 3.2rem;position:absolute;top:0;left:50%;transform:translate(-50%);margin:var(--modal-height-offset) auto 0;width:100%;background-color:rgb(var(--color-background));overflow:hidden;max-width:var(--page-width);width:calc(100% - 3rem)}@media screen and (min-width: 750px){.comp-chart-modal__content{--modal-height-offset: 10rem;margin-top:var(--modal-height-offset);width:80%;max-height:calc(100% - var(--modal-height-offset) * 2);overflow-y:auto}}@media screen and (min-width: 990px){.comp-chart-modal__content{width:70%}}.comp-chart-modal__content img{max-width:100%}.comp-chart__product-media{margin-bottom:1rem}.comp-chart-modal__content-info{--modal-padding: 1.6rem;display:flex;overflow-y:auto;padding:var(--modal-padding);height:100%;flex-flow:row wrap}.comp-chart-modal__content-info h3{padding:2.4rem}.comp-chart-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}.comp-chart-modal__content-info>product-info{padding:0}@media screen and (max-width: 749px){.comp-chart-modal__content-info{--modal-padding: 1.2rem 0}.comp-chart-modal .slider .product__media-item.grid__item{margin-left:1.5rem;margin-right:1.5rem}.comp-chart-modal__content{bottom:var(--modal-height-offset)}.comp-chart-modal__content-info>*{max-height:100%}comp-chart-modal .product--mobile-columns .product__media-item{width:calc(100% - 3rem - var(--grid-mobile-horizontal-spacing))}}.comp-chart-modal__toggle{background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),1);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;width:4.4rem;position:fixed;top:1.2rem;right:1.2rem}.comp-chart-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.comp-chart-modal__toggle .icon{height:auto;margin:0;width:3.4rem}comp-chart-modal .product:not(.featured-product) .product__view-details{display:block}chart-data:empty{display:none}comp-chart-modal .comp-chart-hidden,comp-chart-modal .product__modal-opener:not(.product__modal-opener--image),comp-chart-modal .product__media-item:not(:first-child){display:none!important}comp-chart-modal .slider.slider--mobile{overflow:visible}comp-chart-modal .product__column-sticky .product__media-list{margin-bottom:0}comp-chart-modal .product__media-list .deferred-media{display:block;width:100%}comp-chart-modal .product__column-sticky{top:0;position:relative}@media screen and (min-width: 750px){comp-chart-modal .product:not(.product--no-media) .product__media-wrapper{max-width:45%;width:calc(45% - var(--grid-desktop-horizontal-spacing) / 2)}comp-chart-modal .product:not(.product--no-media) .product__info-wrapper{padding-top:2rem;padding-left:4rem;max-width:54%;width:calc(54% - var(--grid-desktop-horizontal-spacing) / 2)}comp-chart-modal .product--columns .product__media-item:not(.product__media-item--single):not(:only-child){max-width:100%;width:100%}comp-chart-modal .thumbnail-slider .thumbnail-list.slider--tablet-up{display:none}}comp-chart-modal .page-width{padding:0}comp-chart-modal .product__title>h1{display:none}comp-chart-modal .product__title>a{display:block;text-decoration:none}comp-chart-modal .product__title>a:hover{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.2rem;text-decoration-thickness:.3rem}comp-chart-modal .product-form__buttons{max-width:initial}.comp-chart__submit{padding:.8rem;min-width:100%;box-sizing:border-box}comp-chart-modal .product-media-container.constrain-height{--viewport-offset: calc((var(--modal-height-offset) + var(--modal-padding) + var(--popup-border-width)) * 2)}@media screen and (min-width: 750px){comp-chart-modal .product-media-container.constrain-height{--constrained-min-height: 400px}}.comp-chart-bar{padding:1rem 0;margin:2.4rem 0;position:sticky;bottom:0}.comp-chart-bar-wrapper{display:flex;justify-content:space-between;align-items:center;column-gap:3.4rem}@media screen and (max-width:989px){.comp-chart-bar-heading{font-size:1.6rem!important;text-align:left}}@media screen and (max-width:749px){.comp-chart-bar-wrapper{flex-flow:column wrap;row-gap:1rem;align-items:flex-start}}.comp-chart-bar-heading{flex-grow:1}.comp-chart-bar-images{display:flex;column-gap:8px;flex-flow:row-reverse nowrap}.comp-chart-bar-images .image{width:100px;height:100px;border-radius:8px;overflow:hidden}.comp-chart-bar-images .image img{width:100%;height:100%;background:#fff;object-fit:cover}.comp-chart-bar-images .image:empty{border:1px dashed white;display:block}.chart-topper{display:flex;min-width:100%;flex-flow:row nowrap;justify-content:flex-start;padding-left:230px;margin-bottom:3.2rem}.chart-topper h4{margin-bottom:0}.chart-topper>div{flex-grow:1;flex-shrink:0}.chart-topper h3{width:100%;text-align:left}.chart-headings{width:230px}.comp-heading,.data-point,.comp-sub-category,.data-point-break{padding:1rem;min-height:50px}.comp-sub-category{overflow:visible;white-space:nowrap;z-index:2}.data-point-break{z-index:1}.comp-sub-category,.data-point-break{background:rgb(var(--color-button));color:rgb(var(--color-button-text));position:relative}.comp-heading:nth-child(2n),.data-point:nth-child(2n){background:var(--lt-neutral)}.comp-chart-inner-wrapper{display:grid;grid-gap:0;grid-template-columns:230px auto;grid-template-rows:auto}.chart-data{display:flex;align-items:stretch;justify-content:flex-start;column-gap:0}.chart-data chart-data,.chart-data .chart-data-inner{width:240px;flex-grow:1}@media screen and (max-width:749px){.comp-sub-category,.data-point-break{font-size:1.4rem!important;line-height:2.8rem}.data-point{font-size:1.4rem;word-break:break-all}.comp-heading{font-size:1.2rem;line-height:2.8rem}.chart-topper img{width:160px;height:auto}.chart-data chart-data,.chart-data .chart-data-inner{width:160px}.chart-topper{padding-left:160px}.chart-headings{width:160px}.comp-chart-inner-wrapper{grid-template-columns:160px auto}.comp-heading,.data-point,.comp-sub-category,.data-point-break{padding:1rem .3rem}}.container-checkbox{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container-checkbox input{position:absolute;opacity:0;cursor:pointer}.container-checkbox .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#fff;border:2px solid #98B8F5;border-radius:4px}@media screen and (min-width:750px){.container-checkbox input:not(:checked)~.checkmark{display:none}}.container-checkbox:hover input~.checkmark{background-color:#eee}.container-checkbox input:checked~.checkmark{background-color:#275deb;border-color:#275deb}.container-checkbox .checkmark:after{content:"";position:absolute;display:none}.container-checkbox input:checked~.checkmark:after{display:block}.container-checkbox .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.data-point{display:flex;align-items:center}.data-point svg{width:28px;height:28px}.icon-true{color:#275deb}.icon-false{color:#bf4e35}
/*# sourceMappingURL=/cdn/shop/t/59/assets/comp-chart.css.map */