.proclad-compare{position:relative;background:var(--compare-bg);padding:var(--space-80) var(--space-56) var(--space-108);overflow:hidden}.proclad-compare__heading{margin:0 0 var(--space-55);font-family:var(--font-display);font-size:var(--text-h1-size);font-weight:var(--font-weight-bold);line-height:var(--text-h1-line);letter-spacing:var(--text-h1-tracking);color:var(--purple)}.proclad-compare.pdp_comparision_table .proclad-compare__heading{margin:0 0 var(--space-47)}.proclad-compare__empty{margin:0;font-family:var(--font-display);font-size:var(--text-body-size);color:var(--purple);max-width:35rem}.proclad-compare__pans{position:absolute;top:var(--space-91);right:calc(-1 * var(--space-132));width:44.375rem;height:33.3125rem;object-fit:contain;pointer-events:none}.proclad-compare__scroll{position:relative;z-index:1}.proclad-compare__table{position:relative;display:grid;grid-template-columns:10.3125rem 12.03125rem repeat(4,8.164062rem);grid-auto-rows:var(--space-73);grid-template-rows:var(--space-72);width:55rem}.proclad-compare__head{display:flex;align-items:center;justify-content:center;padding-inline:var(--space-24);font-family:var(--font-display);font-size:var(--text-h3-size);font-weight:var(--font-weight-bold);line-height:var(--text-h3-line);color:var(--purple);text-align:center}.proclad-compare__cell,.proclad-compare__value{border-top:var(--space-1) solid var(--purple)}.proclad-compare__cell{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding-inline:var(--space-24)}.proclad-compare__feature{font-family:var(--font-display);font-size:var(--text-label-size);font-weight:var(--font-weight-bold);line-height:var(--text-label-line);letter-spacing:var(--text-body-tracking);color:var(--purple);max-width:var(--space-84)}.proclad-compare__info{flex:0 0 auto;width:var(--space-12);height:var(--space-12);padding:0;border:0;background:none;color:var(--purple);cursor:pointer;display:grid;place-items:center}.proclad-compare__info svg{width:var(--space-12);height:var(--space-12);display:block}.proclad-compare-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none}.proclad-compare-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-scrim);opacity:0;transition:opacity .25s ease}.proclad-compare-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(37.5rem,100%);background:var(--white);transform:translate(100%);transition:transform .3s cubic-bezier(.22,.61,.36,1);display:flex;flex-direction:column;overflow-y:auto}.proclad-compare-drawer.is-open{pointer-events:auto}.proclad-compare-drawer.is-open .proclad-compare-drawer__overlay{opacity:1}.proclad-compare-drawer.is-open .proclad-compare-drawer__panel{transform:none}.proclad-compare-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-16) var(--space-32);background:var(--bisque);flex:0 0 auto}.proclad-compare-drawer__title{margin:0;font-family:var(--font-display);font-size:var(--text-h2-size);font-weight:var(--font-weight-bold);line-height:var(--text-h2-line);color:var(--purple)}.proclad-compare-drawer__close{padding:0;border:0;background:none;cursor:pointer;color:var(--purple);display:grid;place-items:center}.proclad-compare-drawer__close svg{width:var(--space-24);height:var(--space-24);display:block}.proclad-compare-drawer__content{display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-40) var(--space-32)}.proclad-compare-drawer__img{width:100%;height:20rem;object-fit:cover;border-radius:var(--space-8);background:var(--surface-5)}.proclad-compare-drawer__text{display:flex;flex-direction:column;gap:var(--space-16);color:var(--purple)}.proclad-compare-drawer__heading{margin:0;font-family:var(--font-display);font-size:var(--text-h2-size);font-weight:var(--font-weight-bold);line-height:var(--text-h2-line-tight);letter-spacing:var(--text-h1-tracking)}.proclad-compare-drawer__body{margin:0;font-family:var(--font-display);font-size:var(--text-body-size);font-weight:var(--font-weight-roman);line-height:var(--text-body-line);letter-spacing:var(--text-body-tracking)}@media screen and (max-width:749px){.proclad-compare-drawer__panel{width:100%;height:100vh;height:100dvh;background:var(--surface-3, var(--white))}.proclad-compare-drawer__header{align-items:center;width:100%;min-height:var(--space-59);padding:var(--space-16) var(--space-20);background:var(--surface-4, var(--bisque));box-sizing:border-box}.proclad-compare-drawer__title{font-size:var(--text-h2-size);line-height:var(--text-h2-line-tight);letter-spacing:-.24px}.proclad-compare-drawer__close{flex:0 0 var(--space-24);width:var(--space-24);height:var(--space-24)}.proclad-compare-drawer__close svg{width:var(--space-24);height:var(--space-24)}.proclad-compare-drawer__content{gap:var(--space-16);width:100%;padding:var(--space-24) var(--space-20);box-sizing:border-box}.proclad-compare-drawer__img{flex:0 0 auto;width:100%;height:203px;border-radius:var(--space-8);object-fit:cover;background:#f8f8f8}.proclad-compare-drawer__text{gap:var(--space-8);width:100%}.proclad-compare-drawer__heading,.proclad-compare-drawer__body{font-size:var(--text-body-size);line-height:var(--text-body-line);letter-spacing:.32px}}.proclad-compare__value{display:grid;place-items:center;color:var(--purple)}.proclad-compare__value svg{width:var(--space-16);height:var(--space-16);display:block}.proclad-compare__value-text{font-family:var(--font-display);font-size:var(--text-value-size);font-weight:var(--font-weight-roman);line-height:var(--text-h3-line);text-align:center;padding-inline:var(--space-8)}.proclad-compare__card{position:absolute;left:10.3125rem;top:calc(-1 * var(--space-15));width:12.03125rem;height:calc(100% + var(--space-44));background:var(--purple);border-radius:var(--space-8);z-index:2;display:grid;grid-template-rows:var(--space-72);grid-auto-rows:var(--space-73);align-content:start;padding-top:var(--space-15)}.proclad-compare__card-logo{display:flex;align-items:center;justify-content:center;padding-inline:var(--space-16)}.proclad-compare__card-logo img{max-width:var(--space-121);max-height:var(--space-28);object-fit:contain}.proclad-compare__card-wordmark{font-family:var(--font-display);font-size:var(--text-wordmark-size);font-weight:var(--font-weight-bold);letter-spacing:var(--text-wordmark-tracking);color:var(--white);text-transform:uppercase}.proclad-compare__card-row{display:flex;align-items:center;gap:var(--space-10);padding-inline:1.7rem;color:var(--white)}.proclad-compare__card-row svg{width:var(--space-16);height:var(--space-16);flex:0 0 auto}.proclad-compare__card-text{font-family:var(--font-display);font-size:var(--text-label-size);font-weight:var(--font-weight-bold);line-height:var(--text-label-line);letter-spacing:var(--text-body-tracking)}@media screen and (min-width:1025px){.proclad-compare__head{white-space:nowrap}.proclad-compare__feature,.proclad-compare__card-text{flex-shrink:0;white-space:normal;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.proclad-compare__feature{width:var(--space-83)}.proclad-compare__card-row{padding-inline:var(--space-28) var(--space-16)}.proclad-compare__card-text{width:var(--space-102)}.proclad-compare__card-row:nth-child(2) .proclad-compare__card-text{width:var(--space-97)}.proclad-compare__card-row:nth-child(3) .proclad-compare__card-text{width:var(--space-130)}.proclad-compare__card-row:nth-child(4) .proclad-compare__card-text{width:var(--space-100)}.proclad-compare__card-row:nth-child(6) .proclad-compare__card-text{width:var(--space-89)}}@media(prefers-reduced-motion:reduce){.proclad-compare-drawer__overlay,.proclad-compare-drawer__panel{transition:none}}@media screen and (max-width:1439px){.proclad-compare__pans{width:30rem;height:auto;right:calc(-1 * var(--space-100));top:var(--space-150)}}@media screen and (max-width:1180px){.proclad-compare__pans{display:none}}.proclad-compare__mobile{display:none}@media screen and (max-width:1024px){.proclad-compare{padding:var(--space-48) var(--space-20) var(--space-64)}.proclad-compare__heading{font-size:var(--text-h1-mobile-size);margin-bottom:var(--space-32)}.proclad-compare__scroll{overflow-x:auto;padding-top:var(--space-15);scrollbar-width:none;display:none}.proclad-compare__scroll::-webkit-scrollbar{display:none}.proclad-compare__mobile{display:flex;flex-direction:column}}@media screen and (max-width:1024px){.proclad-compare{min-height:664px;padding:var(--space-39) var(--space-20)}.proclad-compare__heading{margin-bottom:var(--space-16);text-align:center}.proclad-compare__select-wrap{width:100%;margin-bottom:var(--space-24)}.proclad-compare__select-trigger{width:100%;min-height:var(--space-48);padding-inline:var(--space-24) var(--space-48)}.proclad-compare .proclad-compare__mobile-table{display:flex;flex-direction:column;padding-block:var(--space-16)}.proclad-compare .proclad-compare__mobile-us-highlight{inset:0 auto 0 33.333333%;width:33.333333%;border-radius:var(--space-8)}.proclad-compare .proclad-compare__mobile-head,.proclad-compare .proclad-compare__mobile-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0}.proclad-compare .proclad-compare__mobile-head{min-height:var(--space-56)}.proclad-compare .proclad-compare__mobile-row{min-height:var(--space-75);border:0}.proclad-compare .proclad-compare__mobile-head:before,.proclad-compare .proclad-compare__mobile-head:after,.proclad-compare .proclad-compare__mobile-row:before,.proclad-compare .proclad-compare__mobile-row:after{content:"";position:absolute;top:0;height:var(--space-1);background:var(--purple)}.proclad-compare .proclad-compare__mobile-head:before,.proclad-compare .proclad-compare__mobile-row:before{left:0;width:33.333333%}.proclad-compare .proclad-compare__mobile-head:after,.proclad-compare .proclad-compare__mobile-row:after{right:0;width:33.333333%}.proclad-compare .proclad-compare__mobile-head:before,.proclad-compare .proclad-compare__mobile-head:after{display:none}.proclad-compare .proclad-compare__mobile-head-label{display:flex;align-items:center;padding:var(--space-8) var(--space-12) var(--space-8) 0;font-size:var(--text-body-size);line-height:var(--text-body-line);letter-spacing:var(--text-body-tracking);text-align:left;white-space:nowrap}.proclad-compare .proclad-compare__mobile-head-us,.proclad-compare .proclad-compare__mobile-head-them{display:flex;align-items:center;justify-content:center;width:auto;padding:var(--space-8) var(--space-12);font-size:var(--text-body-size);line-height:var(--text-body-line);letter-spacing:var(--text-body-tracking)}.proclad-compare .proclad-compare__mobile-head-us img{width:100%;max-width:5.859375rem;height:1.075625rem}.proclad-compare .proclad-compare__mobile-row-label{grid-column:1;grid-row:1;display:flex;align-items:center;padding:var(--space-16) var(--space-28) var(--space-16) 0;font-size:var(--text-caption-size);line-height:var(--text-caption-line-loose);letter-spacing:var(--text-caption-tracking)}.proclad-compare .proclad-compare__mobile-row>.proclad-compare__info{grid-column:1;grid-row:1;align-self:center;justify-self:end;margin-right:var(--space-12);opacity:1}.proclad-compare .proclad-compare__mobile-row-us,.proclad-compare .proclad-compare__mobile-row-them{width:auto;min-width:0}.proclad-compare .proclad-compare__mobile-row-us{grid-column:2;gap:var(--space-10);padding:var(--space-8) var(--space-18)}.proclad-compare .proclad-compare__mobile-row-them{grid-column:3;padding:var(--space-16) var(--space-8)}.proclad-compare .proclad-compare__mobile-row-us-text{font-size:var(--text-caption-size);line-height:var(--text-caption-line-loose);letter-spacing:var(--text-caption-tracking)}.proclad-compare .proclad-compare__mobile-head-them,.proclad-compare .proclad-compare__mobile-row-them{width:auto}.proclad-compare.pdp_comparision_table{min-height:648px;padding:var(--space-32) var(--space-20)}.proclad-compare.pdp_comparision_table .proclad-compare__heading{margin:0 0 var(--space-16)}}.proclad-compare__select-wrap{position:relative;display:inline-block;align-self:flex-start;margin-bottom:var(--space-24)}.proclad-compare__select-wrap[open] .proclad-compare__select-trigger svg{transform:translateY(-50%)}.proclad-compare__select-trigger{display:flex;align-items:center;gap:var(--space-8);padding:0 var(--space-24);border-radius:var(--space-99);background:var(--pearl-beige);min-height:var(--space-48);color:var(--purple);font-family:var(--font-display);font-size:var(--text-body-size);font-weight:var(--font-weight-bold);line-height:var(--text-h3-line);cursor:pointer;list-style:none;letter-spacing:var(--text-body-tracking);position:relative}.proclad-compare__select-trigger::-webkit-details-marker{display:none}.proclad-compare__select-trigger svg{position:absolute;right:var(--space-20);top:50%;transform:translateY(-50%) rotate(180deg);width:var(--space-16);height:var(--space-16);pointer-events:none;transition:transform .2s ease}.proclad-compare__select-list{position:absolute;top:calc(100% + var(--space-8));left:0;z-index:3;min-width:100%;margin:0;padding:var(--space-8);list-style:none;background:var(--white);border-radius:var(--space-12);box-shadow:0 var(--space-8) var(--space-24) #26005829}.proclad-compare__select-option{display:block;width:100%;padding:var(--space-10) var(--space-12);border:0;border-radius:var(--space-8);background:none;color:var(--purple);font-family:var(--font-display);font-size:var(--text-label-size);font-weight:var(--font-weight-roman);line-height:var(--text-label-line);letter-spacing:var(--text-body-tracking);text-align:left;cursor:pointer}.proclad-compare__select-option:hover,.proclad-compare__select-option[aria-pressed=true]{background:var(--pearl-beige);font-weight:var(--font-weight-bold)}@media(prefers-reduced-motion:reduce){.proclad-compare__select-trigger svg{transition:none}}@media screen and (max-width:1024px){.proclad-compare .proclad-compare__select-wrap{align-self:center;width:100%;margin-bottom:var(--space-24)}.proclad-compare .proclad-compare__select-trigger{width:100%;height:var(--space-48);min-height:var(--space-48);padding:0 var(--space-24);border-radius:var(--style-border-radius-pills);background:var(--pearl-beige, var(--pearl-beige));color:var(--text-1, var(--purple));font-family:var(--font-display);font-size:var(--text-body-size);font-weight:var(--font-weight-bold);line-height:var(--text-body-line);letter-spacing:.32px;box-sizing:border-box}.proclad-compare .proclad-compare__select-trigger>span{display:block;width:calc(100% - var(--space-24));overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.proclad-compare .proclad-compare__select-trigger svg{right:var(--space-24);width:var(--space-16);height:var(--space-16)}.proclad-compare .proclad-compare__select-wrap[open]{min-height:var(--space-138);overflow:hidden;border-radius:var(--space-16);background:var(--pearl-beige, var(--pearl-beige))}.proclad-compare .proclad-compare__select-wrap[open] .proclad-compare__select-trigger{border-radius:0;background:transparent}.proclad-compare .proclad-compare__select-wrap[open] .proclad-compare__select-list{position:static;display:flex;flex-direction:column;gap:var(--space-8);min-width:0;width:100%;margin:0;padding:0 var(--space-24) var(--space-13);border-radius:0;background:transparent;box-shadow:none;box-sizing:border-box}.proclad-compare .proclad-compare__select-list li:has(.proclad-compare__select-option[aria-pressed=true]){display:none}.proclad-compare .proclad-compare__select-option{min-height:0;padding:0;border-radius:0;color:var(--text-1, var(--purple));font-family:var(--font-display);font-size:var(--text-body-size);font-weight:var(--font-weight-bold);line-height:var(--text-body-line);letter-spacing:.32px}.proclad-compare .proclad-compare__select-option:hover,.proclad-compare .proclad-compare__select-option[aria-pressed=true]{background:transparent}}.proclad-compare__mobile-table{position:relative}.proclad-compare__mobile-us-highlight{position:absolute;top:0;right:var(--space-88);bottom:0;width:var(--space-112);background:var(--purple);border-radius:var(--space-8);z-index:1}.proclad-compare__mobile-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-16)}.proclad-compare__mobile-head-label{flex:1 1 auto;padding-inline:var(--space-24);font-family:var(--font-display);font-size:var(--text-h3-size);font-weight:var(--font-weight-bold);line-height:var(--text-h3-line);color:var(--purple);text-align:center}.proclad-compare__mobile-head-us,.proclad-compare__mobile-head-them{flex:0 0 auto;width:var(--space-80);text-align:center;font-family:var(--font-display);font-size:var(--text-label-size);font-weight:var(--font-weight-bold);line-height:var(--text-label-line);letter-spacing:var(--text-body-tracking);color:var(--purple)}.proclad-compare__mobile-head-us{width:var(--space-112);color:var(--white)}.proclad-compare__mobile-head-us img{display:block;max-width:var(--space-121);max-height:var(--space-28);margin-inline:auto;object-fit:contain}.proclad-compare__mobile-row{position:relative;z-index:2;display:flex;align-items:center;gap:var(--space-8);padding:var(--space-20) 0;border-top:var(--space-1) solid var(--purple)}.proclad-compare__mobile-row-label{flex:1 1 auto;font-family:var(--font-display);font-size:var(--text-label-size);font-weight:var(--font-weight-bold);line-height:var(--text-label-line);letter-spacing:var(--text-body-tracking);color:var(--purple)}.proclad-compare__mobile-row-us,.proclad-compare__mobile-row-them{flex:0 0 auto;width:var(--space-80);display:flex;align-items:center;justify-content:center;color:var(--purple)}.proclad-compare__mobile-row-us{width:var(--space-112);flex-direction:column;gap:var(--space-6);padding-inline:var(--space-8);color:var(--white)}.proclad-compare__mobile-row-us svg,.proclad-compare__mobile-row-them svg{width:var(--space-16);height:var(--space-16);display:block}.proclad-compare__mobile-row-us-text{font-family:var(--font-display);font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);line-height:var(--text-label-line);letter-spacing:var(--text-body-tracking);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/12/assets/proclad-compare.css.map */