.blends-comparison-chart{background:var(--blends-comparison-chart-background, #f4eee6);scroll-margin-top:calc(var(--header-height, 60px) + 24px);padding-inline:clamp(24px,calc(80 / 1440 * 100vw),80px);padding-bottom:clamp(0rem,var(--blends-comparison-chart-padding-bottom-desktop, 80px),100rem);padding-top:clamp(0rem,var(--blends-comparison-chart-padding-top-desktop, 24px),100rem)}.blends-comparison-chart__container{box-sizing:border-box;display:grid;gap:clamp(1.5rem,1.5rem,1.5rem);grid-template-columns:minmax(0,clamp(22.5rem,22.5rem,22.5rem)) minmax(0,1fr);margin:0 auto;max-width:none;width:100%}.blends-comparison-chart__intro{align-self:start;display:flex;flex-direction:column;gap:clamp(.75rem,.75rem,.75rem);min-height:auto;padding-top:0}.blends-comparison-chart__heading{color:var(--blends-comparison-chart-heading-color, #2e2e24);font-family:Moret-Book;font-size:clamp(3.5rem,3.5rem,3.5rem);font-weight:300;letter-spacing:clamp(-.035rem,-.035rem,-.035rem);line-height:1.05;margin:0;max-width:clamp(22.5rem,22.5rem,22.5rem)}.blends-comparison-chart__copy,.blends-comparison-chart__copy p{color:var(--blends-comparison-chart-copy-color, #2e2e24);font-family:Metro Sans,sans-serif;font-size:clamp(1rem,1rem,1rem);font-weight:400;line-height:1.3;margin:0;max-width:clamp(20.9375rem,20.9375rem,20.9375rem)}.blends-comparison-chart__products{min-width:0;overflow:hidden}.blends-comparison-chart__swiper{overflow:visible}.blends-comparison-chart__wrapper{--blends-comparison-chart-column-gap: clamp(2.5rem, 2.5rem, 2.5rem);display:grid;gap:clamp(10px,calc(40 / 1440 * 100vw),40px);grid-template-columns:repeat(3,minmax(0,1fr))}.blends-comparison-chart__slide{height:100%}.blends-comparison-chart__desktop-card,.blends-comparison-chart__column{color:var(--blends-comparison-chart-attribute-color, #2e2e24);display:flex;flex-direction:column;height:100%;min-width:0;justify-content:space-between}.blends-comparison-chart__desktop{display:block}.blends-comparison-chart__desktop-header,.blends-comparison-chart__desktop-attribute-row,.blends-comparison-chart__desktop-buttons{display:grid;gap:clamp(2.5rem,2.5rem,2.5rem);grid-template-columns:repeat(3,minmax(0,1fr))}.blends-comparison-chart__desktop-attribute-row:last-child{border-bottom:0}.blends-comparison-chart__carousel-shell{display:block}.blends-comparison-chart__content{display:flex;flex:1 1 auto;flex-direction:column}.blends-comparison-chart__media-row{align-items:flex-start;border-radius:clamp(.75rem,.75rem,.75rem);display:flex;height:clamp(12.5rem,12.5rem,12.5rem);justify-content:center;overflow:hidden;position:relative;width:100%}.blends-comparison-chart__badge{align-items:center;background:var(--blends-comparison-chart-badge-background, #faf9f6);border-radius:clamp(1.4375rem,1.4375rem,1.4375rem);box-shadow:0 .125rem .5rem #2e2e241f;color:var(--blends-comparison-chart-badge-text, #2e2e24);display:inline-flex;font-family:Metro Sans,sans-serif;font-size:clamp(1.125rem,1.125rem,1.125rem);font-weight:400;justify-content:center;left:50%;letter-spacing:0;line-height:1;min-width:auto;padding:clamp(.375rem,.375rem,.375rem) clamp(1rem,1rem,1rem) clamp(.1rem,.1rem,.1rem);position:absolute;text-transform:uppercase;top:clamp(.5rem,.5rem,.5rem);transform:translate(-50%);white-space:nowrap;z-index:2}.blends-comparison-chart__media-background,.blends-comparison-chart__media{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.blends-comparison-chart__media-background{top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.blends-comparison-chart__media{align-items:flex-end;top:0;right:0;bottom:0;left:0;position:relative;z-index:1}.blends-comparison-chart__media-background picture,.blends-comparison-chart__media picture{display:flex;align-items:end;height:100%;width:100%}.blends-comparison-chart__background-image{display:block;height:100%;object-fit:cover;width:100%}.blends-comparison-chart__image{display:block;height:clamp(9.9375rem,9.9375rem,9.9375rem);margin:0 auto;max-height:clamp(9.9375rem,9.9375rem,9.9375rem);max-width:clamp(7.875rem,7.875rem,7.875rem);object-fit:contain;width:clamp(7.875rem,7.875rem,7.875rem)}.blends-comparison-chart__title-row{padding:clamp(1rem,1rem,1rem) 0}.blends-comparison-chart__title{color:var(--blends-comparison-chart-column-title-color, #2e2e24);font-family:Metro Sans,sans-serif;font-size:clamp(1.625rem,1.625rem,1.625rem);font-weight:700;letter-spacing:0;line-height:1.2;margin:0}.blends-comparison-chart__desktop-attributes{border-top:1px solid var(--blends-comparison-chart-divider-color, #231F20)}.blends-comparison-chart__desktop-attribute-row{border-top:1px solid var(--blends-comparison-chart-divider-color, #231F20);gap:clamp(2.5rem,2.5rem,2.5rem)}.blends-comparison-chart__desktop-attribute-cell{padding:clamp(.75rem,.75rem,.75rem) 0}.blends-comparison-chart__attributes{border-top:1px solid var(--blends-comparison-chart-divider-color, #d7d0c6);display:flex;flex-direction:column}.blends-comparison-chart__attribute{border-top:1px solid var(--blends-comparison-chart-divider-color, #d7d0c6);min-height:clamp(4.5rem,4.5rem,4.5rem);padding:clamp(.75rem,.75rem,.75rem) 0}.blends-comparison-chart__attribute:first-child{border-top:0}.blends-comparison-chart__attribute:last-child{min-height:clamp(5.9375rem,5.9375rem,5.9375rem)}.blends-comparison-chart__attribute-label,.blends-comparison-chart__attribute-description{color:var(--blends-comparison-chart-attribute-color, #2e2e24);font-family:Metro Sans,sans-serif;margin:0}.blends-comparison-chart__attribute-label{font-size:clamp(1.125rem,1.125rem,1.125rem);font-weight:700;line-height:1.3;margin-bottom:clamp(.125rem,.125rem,.125rem)}.blends-comparison-chart__attribute-description{font-size:clamp(1.125rem,1.125rem,1.125rem);font-weight:400;line-height:1.3}.blends-comparison-chart__button-row{padding-top:clamp(.5rem,.5rem,.5rem)}.blends-comparison-chart__button{align-items:center;background:var(--blends-comparison-chart-button-background, #9a4bb3);border-radius:clamp(999px,999px,999px);box-sizing:border-box;color:var(--blends-comparison-chart-button-text, #ffffff);display:inline-flex;font-family:Metro Sans,sans-serif;font-size:clamp(1.25rem,1.25rem,1.25rem);font-weight:700;justify-content:center;letter-spacing:clamp(.06em,.06em,.06em);line-height:1;min-height:clamp(3.0625rem,3.0625rem,3.0625rem);padding:clamp(.907rem,.907rem,.907rem) clamp(1.5rem,1.5rem,1.5rem);text-decoration:none;text-transform:uppercase;transition:opacity .2s ease,transform .2s ease;width:100%;min-width:100%}.blends-comparison-chart__button:hover,.blends-comparison-chart__button:focus-visible{opacity:.92;transform:translateY(clamp(-1px,-1px,-1px))}.blends-comparison-chart__button:focus-visible{outline:2px solid currentColor;outline-offset:clamp(2px,2px,2px)}.blends-comparison-chart__navigation{display:none}.blends-comparison-chart__title-row{position:relative}.blends-comparison-chart__title-row:before{background:#231f20;bottom:-2px;content:"";height:2px;pointer-events:none;position:absolute;right:100%;width:calc(var(--blends-comparison-chart-column-gap, 2.5rem) / 2)}.blends-comparison-chart__title-row:after{background:#231f20;bottom:-2px;content:"";height:2px;left:100%;pointer-events:none;position:absolute;width:calc(var(--blends-comparison-chart-column-gap, 2.5rem) / 2)}.blends-comparison-chart__attributes{border-top:0;position:relative}.blends-comparison-chart__attributes:before{background:#231f20;content:"";height:2px;left:calc(var(--blends-comparison-chart-column-gap, 2.5rem) / -2);pointer-events:none;position:absolute;right:calc(var(--blends-comparison-chart-column-gap, 2.5rem) / -2);top:0}.blends-comparison-chart__slide:first-child .blends-comparison-chart__attributes:before{left:0}.blends-comparison-chart__slide:last-child .blends-comparison-chart__attributes:before{right:0}.blends-comparison-chart__attribute{border-top:0;border-bottom:0;position:relative}.blends-comparison-chart__attribute:before{background:#231f20;bottom:0;content:"";height:1px;pointer-events:none;position:absolute;right:0;width:100%}.blends-comparison-chart__attribute:after{background:#231f20;bottom:0;content:"";height:1px;left:100%;pointer-events:none;position:absolute;width:15%}.blends-comparison-chart__attributes .shopify-block:last-child .blends-comparison-chart__attribute:before,.blends-comparison-chart__attributes .shopify-block:last-child .blends-comparison-chart__attribute:after{display:none}@media screen and (max-width:1400px){.blends-comparison-chart__wrapper{gap:clamp(16px,calc(30 / 1440 * 100vw),30px)}}@media screen and (min-width:768px)and (max-width:1024px){.blends-comparison-chart__wrapper{--blends-comparison-chart-column-gap: clamp(1rem, 1rem, 1rem)}.blends-comparison-chart__container{display:block}.blends-comparison-chart__intro{margin-bottom:clamp(1.5rem,1.5rem,1.5rem)}.blends-comparison-chart__heading,.blends-comparison-chart__copy,.blends-comparison-chart__copy p{max-width:none}.blends-comparison-chart__products,.blends-comparison-chart__swiper,.blends-comparison-chart__wrapper{width:100%}.blends-comparison-chart__wrapper{gap:clamp(1rem,1rem,1rem)}}@media screen and (max-width:767px){.blends-comparison-chart{padding:0 0 clamp(1.5rem,1.5rem,1.5rem) clamp(1.5rem,1.5rem,1.5rem)}.blends-comparison-chart__desktop{display:none}.blends-comparison-chart__carousel-shell{display:block}.blends-comparison-chart__carousel-shell.blends-comparison-chart__carousel-shell--fit .blends-comparison-chart__swiper{overflow:visible}.blends-comparison-chart__container{display:block}.blends-comparison-chart__intro{gap:clamp(1.5rem,1.5rem,1.5rem);margin-bottom:clamp(1.5rem,1.5rem,1.5rem);min-height:auto;padding-top:0}.blends-comparison-chart__heading{font-size:clamp(2.375rem,2.375rem,2.375rem);letter-spacing:0;line-height:1;max-width:clamp(20.9375rem,20.9375rem,20.9375rem)}.blends-comparison-chart__copy,.blends-comparison-chart__copy p{font-size:clamp(1rem,1rem,1rem);line-height:1.3;max-width:clamp(20.9375rem,20.9375rem,20.9375rem)}.blends-comparison-chart__products{position:relative}.blends-comparison-chart__swiper{overflow-x:auto;overflow-y:hidden;padding-bottom:clamp(.63rem,.63rem,.63rem);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.blends-comparison-chart__swiper::-webkit-scrollbar{display:none}.blends-comparison-chart__wrapper{--blends-comparison-chart-column-gap: clamp(1rem, 1rem, 1rem);display:flex;gap:clamp(1rem,1rem,1rem);grid-template-columns:none;width:max-content;overflow:hidden}.blends-comparison-chart__carousel-shell.blends-comparison-chart__carousel-shell--fit .blends-comparison-chart__wrapper{display:grid;gap:clamp(1rem,1rem,1rem);grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.blends-comparison-chart__slide{box-sizing:border-box;flex:0 0 auto;scroll-snap-align:start;width:clamp(8.75rem,8.75rem,8.75rem)}.blends-comparison-chart__carousel-shell.blends-comparison-chart__carousel-shell--fit .blends-comparison-chart__slide{width:auto}.blends-comparison-chart__column{min-height:0;width:clamp(8.75rem,8.75rem,8.75rem)}.blends-comparison-chart__carousel-shell.blends-comparison-chart__carousel-shell--fit .blends-comparison-chart__column,.blends-comparison-chart__carousel-shell.blends-comparison-chart__carousel-shell--fit .blends-comparison-chart__content,.blends-comparison-chart__carousel-shell.blends-comparison-chart__carousel-shell--fit .blends-comparison-chart__media-row,.blends-comparison-chart__carousel-shell.blends-comparison-chart__carousel-shell--fit .blends-comparison-chart__title-row,.blends-comparison-chart__carousel-shell.blends-comparison-chart__carousel-shell--fit .blends-comparison-chart__attributes,.blends-comparison-chart__carousel-shell.blends-comparison-chart__carousel-shell--fit .blends-comparison-chart__button-row,.blends-comparison-chart__carousel-shell.blends-comparison-chart__carousel-shell--fit .blends-comparison-chart__button{min-width:0;width:100%}.blends-comparison-chart__content,.blends-comparison-chart__media-row,.blends-comparison-chart__title-row,.blends-comparison-chart__attributes,.blends-comparison-chart__button-row{width:100%}.blends-comparison-chart__media-row{height:clamp(8.75rem,8.75rem,8.75rem)}.blends-comparison-chart__badge{font-size:clamp(.75rem,.75rem,.75rem);font-weight:400;line-height:1.5;min-height:clamp(1.25rem,1.25rem,1.25rem);top:clamp(.9375rem,.9375rem,.9375rem);padding:0 clamp(1rem,1rem,1rem)}.blends-comparison-chart__image{height:clamp(5.875rem,5.875rem,5.875rem);max-height:clamp(5.875rem,5.875rem,5.875rem);max-width:clamp(4.625rem,4.625rem,4.625rem);width:clamp(4.625rem,4.625rem,4.625rem)}.blends-comparison-chart__title{font-size:clamp(1rem,1rem,1rem);line-height:1.3}.blends-comparison-chart__attribute-label{font-size:clamp(.875rem,.875rem,.875rem);line-height:1.15;margin-bottom:clamp(.125rem,.125rem,.125rem)}.blends-comparison-chart__attribute-description{font-size:clamp(.875rem,.875rem,.875rem);line-height:1.15}.blends-comparison-chart__title-row,.blends-comparison-chart__attributes,.blends-comparison-chart__attribute{position:relative}.blends-comparison-chart__title-row:before{background:#231f20;bottom:-2px;content:"";height:2px;pointer-events:none;position:absolute;right:100%;width:calc(var(--blends-comparison-chart-column-gap, 1rem) / 2)}.blends-comparison-chart__title-row:after{background:#231f20;bottom:-2px;content:"";height:2px;left:100%;pointer-events:none;position:absolute;width:calc(var(--blends-comparison-chart-column-gap, 1rem) / 2)}.blends-comparison-chart__attributes{border-top:0}.blends-comparison-chart__attributes:before{background:#231f20;content:"";height:2px;left:calc(var(--blends-comparison-chart-column-gap, 1rem) / -2);pointer-events:none;position:absolute;right:calc(var(--blends-comparison-chart-column-gap, 1rem) / -2);top:0}.blends-comparison-chart__slide:first-child .blends-comparison-chart__attributes:before{left:0}.blends-comparison-chart__slide:last-child .blends-comparison-chart__attributes:before{right:0}.blends-comparison-chart__attribute{border-top:0;border-bottom:0;box-sizing:border-box;min-height:0}.blends-comparison-chart__attribute:before{background:#696969;bottom:0;content:"";height:1px;pointer-events:none;position:absolute;right:0;width:100%}.blends-comparison-chart__attribute:after{background:#696969;bottom:0;content:"";height:1px;left:100%;pointer-events:none;position:absolute;width:var(--blends-comparison-chart-column-gap, 1rem)}.blends-comparison-chart__attribute:last-child,.blends-comparison-chart__button-row{min-height:0}.blends-comparison-chart__button{font-size:clamp(.875rem,.875rem,.875rem);letter-spacing:0;line-height:1.2143;min-height:clamp(2.4375rem,2.4375rem,2.4375rem);min-width:clamp(8.75rem,8.75rem,8.75rem);padding:clamp(.6875rem,.6875rem,.6875rem) clamp(1.875rem,1.875rem,1.875rem);text-align:center;width:clamp(8.75rem,8.75rem,8.75rem)}.blends-comparison-chart__nav-button{align-items:center;background:transparent;border:0;border-radius:0;color:#2e2e24;cursor:pointer;display:inline-flex;height:clamp(.5rem,.5rem,.5rem);justify-content:center;padding:0;transition:opacity .2s ease;width:clamp(1.3125rem,1.3125rem,1.3125rem)}.blends-comparison-chart__nav-button svg{display:block;height:clamp(.5rem,.5rem,.5rem);width:clamp(1.3125rem,1.3125rem,1.3125rem)}.blends-comparison-chart__nav-button--prev svg{transform:scaleX(-1);transform-origin:center}.blends-comparison-chart__pagination{background:#fff;border-radius:clamp(999px,999px,999px);height:clamp(.25rem,.25rem,.25rem);overflow:hidden;position:relative;width:clamp(13.9375rem,13.9375rem,13.9375rem)}.blends-comparison-chart__pagination-indicator{background:#a9a9a9;border-radius:clamp(999px,999px,999px);display:block;height:100%;transform:translate(clamp(-100vw,var(--blends-comparison-chart-pagination-indicator-offset, 0px),100vw));transition:transform .3s ease;width:var(--blends-comparison-chart-pagination-indicator-width, 33.333%)}.blends-comparison-chart__nav-button[disabled]{cursor:default;opacity:.35}.blends-comparison-chart__nav-button:focus-visible{outline:2px solid #2e2e24;outline-offset:clamp(4px,4px,4px)}@media screen and (min-width:540px){.blends-comparison-chart__slide,.blends-comparison-chart__column{width:calc((100vw - 1.5rem - (var(--blends-comparison-chart-column-gap, 1rem) * 2)) / 3)}.blends-comparison-chart__button{min-width:0;width:100%}}}@media screen and (max-width:540px){.blends-comparison-chart__navigation{align-items:center;column-gap:clamp(2.1875rem,2.1875rem,2.1875rem);display:grid;grid-template-columns:clamp(1.3125rem,1.3125rem,1.3125rem) minmax(0,clamp(13.9375rem,13.9375rem,13.9375rem)) clamp(1.3125rem,1.3125rem,1.3125rem);justify-content:space-between;margin-top:clamp(.625rem,.625rem,.625rem);max-width:clamp(20.9375rem,20.9375rem,20.9375rem);width:calc(100% - 20px)}}
/*# sourceMappingURL=/cdn/shop/t/476/assets/blends-comparison-chart.css.map */