.cocuy-coffee-compare{background:transparent;color:var(--cocuy-text-color);padding-top:var(--cocuy-section-padding-top);padding-bottom:var(--cocuy-section-padding-bottom);box-sizing:border-box}.cocuy-coffee-compare__inner{width:min(100%,var(--cocuy-section-max-width));margin:0 auto;padding:0 24px}.cocuy-coffee-compare__split{display:flex;align-items:stretch;gap:24px}.cocuy-coffee-compare__split--no-image{display:block}.cocuy-coffee-compare__media-column{flex:0 0 var(--cocuy-side-image-width);max-width:var(--cocuy-side-image-width)}.cocuy-coffee-compare__media-wrap{position:relative;border-radius:var(--cocuy-side-image-radius);overflow:hidden;min-height:var(--cocuy-side-image-min-height);height:100%}.cocuy-coffee-compare__media-image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .22s ease}.cocuy-coffee-compare__media-image.is-active{opacity:1;z-index:1}.cocuy-coffee-compare__side-image{width:100%;height:100%;object-fit:var(--cocuy-side-image-fit);display:block}.cocuy-coffee-compare__content-column{flex:1 1 auto;min-width:0;background:var(--cocuy-section-bg);border-radius:24px;padding:28px 24px 24px}.cocuy-coffee-compare__split--image-right .cocuy-coffee-compare__media-column{order:2}.cocuy-coffee-compare__split--image-right .cocuy-coffee-compare__content-column{order:1}.cocuy-coffee-compare__title{margin:0;color:var(--cocuy-title-color);font-size:var(--cocuy-title-size-desktop);font-weight:700;line-height:.95;letter-spacing:-.02em;max-width:16ch}.cocuy-coffee-compare__subtitle{margin-top:14px;color:var(--cocuy-subtitle-color);max-width:68ch}.cocuy-coffee-compare__subtitle,.cocuy-coffee-compare__subtitle p{font-size:var(--cocuy-subtitle-size-desktop);line-height:1.5}.cocuy-coffee-compare__subtitle p{margin:0}.cocuy-coffee-compare__table-wrap{margin-top:22px;overflow-x:auto;overflow-y:hidden}.cocuy-coffee-compare__table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:760px}.cocuy-coffee-compare__col--feature{width:var(--cocuy-feature-column-width)}.cocuy-coffee-compare__col--our{width:var(--cocuy-our-column-width)}.cocuy-coffee-compare__col--other{width:calc(100% - var(--cocuy-feature-column-width) - var(--cocuy-our-column-width))}.cocuy-coffee-compare__table th,.cocuy-coffee-compare__table td{border-bottom:1px solid var(--cocuy-line-color);padding:var(--cocuy-cell-pad-y-desktop) var(--cocuy-cell-pad-x-desktop);vertical-align:middle}.cocuy-coffee-compare__table tbody .cocuy-coffee-compare__feature-cell,.cocuy-coffee-compare__table tbody .cocuy-coffee-compare__value-cell{padding-top:var(--cocuy-feature-row-pad-y-desktop);padding-bottom:var(--cocuy-feature-row-pad-y-desktop)}.cocuy-coffee-compare__table thead th{font-size:var(--cocuy-header-size-desktop);font-weight:700;line-height:1.1}.cocuy-coffee-compare__feature-heading,.cocuy-coffee-compare__feature-cell{text-align:left}.cocuy-coffee-compare__feature-heading{font-size:var(--cocuy-value-size-desktop);opacity:.85}.cocuy-coffee-compare__feature-cell{font-size:var(--cocuy-feature-size-desktop);font-weight:600;line-height:1.2}.cocuy-coffee-compare__row--has-media .cocuy-coffee-compare__feature-cell{cursor:pointer}.cocuy-coffee-compare__row--has-media:hover .cocuy-coffee-compare__feature-cell,.cocuy-coffee-compare__row--has-media:focus-within .cocuy-coffee-compare__feature-cell{text-decoration:underline;text-underline-offset:.16em}.cocuy-coffee-compare__row--media-active .cocuy-coffee-compare__feature-cell{text-decoration:underline;text-underline-offset:.16em}.cocuy-coffee-compare__our-column{background:var(--cocuy-our-column-bg);color:var(--cocuy-our-column-text);text-align:center}.cocuy-coffee-compare__our-heading{border-top-left-radius:var(--cocuy-our-column-radius);border-top-right-radius:var(--cocuy-our-column-radius)}.cocuy-coffee-compare__table tbody tr:last-child .cocuy-coffee-compare__our-column{border-bottom-left-radius:var(--cocuy-our-column-radius);border-bottom-right-radius:var(--cocuy-our-column-radius)}.cocuy-coffee-compare__other-heading{text-align:left}.cocuy-coffee-compare__our-header-media,.cocuy-coffee-compare__our-header-text{min-height:var(--cocuy-our-header-height-desktop);display:flex;align-items:center;justify-content:center}.cocuy-coffee-compare__our-header-media{width:100%}.cocuy-coffee-compare__our-header-image{width:100%;height:var(--cocuy-our-header-height-desktop);object-fit:var(--cocuy-our-header-image-fit-desktop);display:block}.cocuy-coffee-compare__our-header-text{font-size:var(--cocuy-header-size-desktop);font-weight:700;line-height:1.1}.cocuy-coffee-compare__value-cell{font-size:var(--cocuy-value-size-desktop);text-align:center}.cocuy-coffee-compare__value-text{line-height:1.2;font-weight:600}.cocuy-coffee-compare__icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center}.cocuy-coffee-compare__icon svg{width:54%;height:54%}.cocuy-coffee-compare__icon--check{border-radius:999px;background:var(--cocuy-check-bg);color:var(--cocuy-check-color)}.cocuy-coffee-compare__icon--cross{color:var(--cocuy-cross-color)}.cocuy-coffee-compare__empty{display:inline-block;min-height:1em;width:1em}@media screen and (max-width:989px){.cocuy-coffee-compare{padding-top:var(--cocuy-section-padding-top-mobile);padding-bottom:var(--cocuy-section-padding-bottom-mobile)}.cocuy-coffee-compare__inner{padding:0 16px}.cocuy-coffee-compare__split{flex-direction:column;gap:16px}.cocuy-coffee-compare__split--image-mobile-top .cocuy-coffee-compare__media-column{order:1}.cocuy-coffee-compare__split--image-mobile-top .cocuy-coffee-compare__content-column,.cocuy-coffee-compare__split--image-mobile-bottom .cocuy-coffee-compare__media-column{order:2}.cocuy-coffee-compare__split--image-mobile-bottom .cocuy-coffee-compare__content-column{order:1}.cocuy-coffee-compare__content-column{border-radius:20px;padding:20px 16px 18px}.cocuy-coffee-compare__media-column{flex:none;max-width:none}.cocuy-coffee-compare__media-wrap{min-height:var(--cocuy-side-image-min-height-mobile)}.cocuy-coffee-compare--hide-image-mobile .cocuy-coffee-compare__split{display:block}.cocuy-coffee-compare--hide-image-mobile .cocuy-coffee-compare__media-column{display:none}.cocuy-coffee-compare__title{font-size:min(var(--cocuy-title-size-mobile),18vw);line-height:.94;max-width:11ch}.cocuy-coffee-compare__subtitle,.cocuy-coffee-compare__subtitle p{font-size:var(--cocuy-subtitle-size-mobile)}.cocuy-coffee-compare__table thead th{font-size:var(--cocuy-header-size-mobile);vertical-align:middle}.cocuy-coffee-compare__feature-heading{font-size:var(--cocuy-value-size-mobile)}.cocuy-coffee-compare__feature-heading--blank{opacity:0;pointer-events:none}.cocuy-coffee-compare__feature-cell{font-size:var(--cocuy-feature-size-mobile);font-weight:700;line-height:1.15}.cocuy-coffee-compare__value-cell{font-size:var(--cocuy-value-size-mobile)}.cocuy-coffee-compare__table th,.cocuy-coffee-compare__table td{padding-block:var(--cocuy-cell-pad-y-mobile);padding-inline:var(--cocuy-cell-pad-x-mobile)}.cocuy-coffee-compare__table tbody .cocuy-coffee-compare__feature-cell,.cocuy-coffee-compare__table tbody .cocuy-coffee-compare__value-cell{padding-top:var(--cocuy-feature-row-pad-y-mobile);padding-bottom:var(--cocuy-feature-row-pad-y-mobile)}.cocuy-coffee-compare__table-wrap{overflow-x:visible}.cocuy-coffee-compare__table{min-width:0}.cocuy-coffee-compare__our-header-media,.cocuy-coffee-compare__our-header-text{min-height:var(--cocuy-our-header-height-mobile)}.cocuy-coffee-compare__our-header-media{padding:8px 4px;overflow:hidden}.cocuy-coffee-compare__our-header-image{height:var(--cocuy-our-header-height-mobile);object-fit:var(--cocuy-our-header-image-fit-mobile);transform:scale(var(--cocuy-our-header-image-scale-mobile));transform-origin:center}.cocuy-coffee-compare__icon{width:52px;height:52px}}@media screen and (max-width:749px){.cocuy-coffee-compare__title{font-size:min(var(--cocuy-title-size-mobile),16vw)}.cocuy-coffee-compare__feature-cell{line-height:1.12}.cocuy-coffee-compare__icon{width:44px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/cocuy-coffee-compare.css.map */