.ffc-section{background:var(--ffc-section-bg, transparent);color:var(--ffc-copy-color, #6d5538)}.ffc-section[data-ffc-js=true] [data-ffc-reveal]{opacity:0;transform:translate3d(0,42px,0) scale(.985);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .82s cubic-bezier(.22,1,.36,1);transition-delay:var(--ffc-reveal-delay, 0ms);will-change:opacity,transform}.ffc-section[data-ffc-js=true] [data-ffc-reveal].is-visible{opacity:1;transform:translateZ(0) scale(1)}.ffc-shell{position:relative;max-width:1120px;margin:0 auto;padding:clamp(18px,2.2vw,24px);border:1px solid color-mix(in srgb,var(--ffc-panel-bg, #fff6d6),var(--ffc-heading-color, #5b3517) 12%);border-radius:16px;background:var(--ffc-panel-bg, #fff6d6);box-shadow:0 16px 40px #54360a14}.ffc-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:none}.ffc-heading-wrap{position:relative;z-index:1;margin:0 auto 18px;max-width:760px;text-align:center}.ffc-heading{margin:0;color:var(--ffc-heading-color, #5b3517);font-size:var(--ffc-heading-size-mobile, 42px);line-height:1.03;text-wrap:balance}.ffc-heading em,.ffc-heading i{font-style:normal;padding:.05em .24em;border-radius:.1em;background:color-mix(in srgb,var(--ffc-panel-bg, #fff6d6),white 14%);box-shadow:inset 0 -.08em #0000000a}.ffc-grid{position:relative;z-index:1;display:grid;gap:16px;align-items:stretch}.ffc-copy{display:grid;gap:12px;align-content:start}.ffc-intro,.ffc-intro p{margin:0;color:var(--ffc-copy-color, #6d5538);font-size:var(--ffc-intro-size-mobile, 16px);line-height:1.6;font-weight:var(--ffc-intro-weight, 400);text-align:inherit}.ffc-intro{max-width:32ch;text-align:left}.ffc-intro strong,.ffc-intro b{font-weight:inherit}.ffc-intro--center{margin-left:auto;margin-right:auto;text-align:center}.ffc-intro--right{margin-left:auto;text-align:right}.ffc-cards{display:grid;gap:8px}.ffc-card{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;min-height:78px;padding:12px 14px;border:1px solid var(--ffc-card-border, #e5c968);border-radius:12px;background:var(--ffc-card-bg, #f8e48f);box-shadow:0 8px 22px #7e5c1b14}.ffc-card__icon{display:grid;place-items:center;width:32px;min-width:32px;height:32px;border-radius:999px;color:var(--ffc-card-icon, #7b5a22);background:#fffae1cc;border:1px solid rgba(123,90,34,.22);font-size:1.35rem;line-height:1}.ffc-card__icon--image{background:transparent;border:0;border-radius:0}.ffc-card__icon-image{display:block;width:100%;height:100%;object-fit:contain}.ffc-card__content{min-width:0}.ffc-card__title{margin:0;font-family:var(--font-body-family);font-style:var(--font-body-style);color:var(--ffc-card-title, #5b3517);font-size:var(--ffc-card-title-size-mobile, 18px);font-weight:var(--ffc-card-title-weight, 400);letter-spacing:var(--font-body-letter-spacing);text-transform:none;line-height:1.18;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.11em;text-decoration-color:var(--ffc-card-title-underline, rgba(91, 53, 23, .4))}.ffc-card__title strong,.ffc-card__title b{font-weight:inherit}.ffc-card__body{margin:5px 0 0;color:var(--ffc-card-body, #6a533b);font-size:var(--ffc-card-body-size-mobile, 15px);line-height:1.45}.ffc-card__body p,.ffc-card__body li,.ffc-card__body span,.ffc-card__body strong,.ffc-card__body em,.ffc-card__body a{margin:0;color:inherit;font-size:inherit!important;line-height:inherit}.ffc-visual{min-width:0;position:relative;z-index:1;display:flex;height:100%}.ffc-compare{position:relative;flex:1 1 auto;min-height:100%}.ffc-compare__frame{position:relative;height:100%;min-height:min(var(--ffc-mobile-height, 360px),68vw);overflow:hidden;border-radius:12px;background:var(--ffc-visual-bg, #f7cb4c);box-shadow:inset 0 0 0 1px #ffffff38}.ffc-compare__frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:none;pointer-events:none}.ffc-compare__base,.ffc-compare__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.ffc-compare__overlay{overflow:hidden;-webkit-clip-path:inset(0 calc(100% - var(--ffc-split, 50%)) 0 0);clip-path:inset(0 calc(100% - var(--ffc-split, 50%)) 0 0)}.ffc-compare__image{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ffc-compare__image--contain{object-fit:contain}.ffc-compare__divider{position:absolute;top:0;bottom:0;left:var(--ffc-split, 50%);z-index:2;width:2px;background:#ffffffe0;transform:translate(-50%);box-shadow:0 0 0 1px #60431214;pointer-events:none}.ffc-compare__divider:after{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;border-radius:999px;transform:translate(-50%,-50%);background:var(--ffc-handle-color, #fff);box-shadow:0 10px 24px #54360a2e}.ffc-compare__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:block;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;appearance:none;-webkit-appearance:none;background:transparent;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.ffc-compare__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:36px;height:36px;opacity:0}.ffc-compare__range::-moz-range-thumb{width:36px;height:36px;opacity:0;border:0}.ffc-card--mobile-center,.ffc-card--mobile-center .ffc-card__content{text-align:center}.ffc-card--mobile-right,.ffc-card--mobile-right .ffc-card__content{text-align:right}@media screen and (max-width:989px){.ffc-grid{display:flex;flex-direction:column}.ffc-visual{order:1}.ffc-copy{order:2}.ffc-section[data-ffc-mobile-mode=primary_only] .ffc-compare__overlay,.ffc-section[data-ffc-mobile-mode=primary_only] .ffc-compare__divider,.ffc-section[data-ffc-mobile-mode=primary_only] .ffc-compare__range,.ffc-section[data-ffc-mobile-mode=compare_only] .ffc-compare__base{display:none}.ffc-section[data-ffc-mobile-mode=compare_only] .ffc-compare__overlay{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.ffc-section[data-ffc-mobile-mode=compare_only] .ffc-compare__divider,.ffc-section[data-ffc-mobile-mode=compare_only] .ffc-compare__range{display:none}}@media screen and (min-width:990px){.ffc-heading{font-size:var(--ffc-heading-size-desktop, 56px)}.ffc-intro,.ffc-intro p{font-size:var(--ffc-intro-size-desktop, 18px)}.ffc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:18px}.ffc-copy{align-content:center}.ffc-grid--reverse{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}.ffc-grid--reverse .ffc-copy{order:2}.ffc-grid--reverse .ffc-visual{order:1}.ffc-card__title{font-size:var(--ffc-card-title-size-desktop, 20px)}.ffc-card__body{font-size:var(--ffc-card-body-size-desktop, 16px)}.ffc-compare__frame{min-height:var(--ffc-desktop-height, 520px)}.ffc-card--desktop-center,.ffc-card--desktop-center .ffc-card__content{text-align:center}.ffc-card--desktop-right,.ffc-card--desktop-right .ffc-card__content{text-align:right}}@media screen and (min-width:1440px){.ffc-shell{min-height:66vh;display:flex;flex-direction:column;justify-content:center}.ffc-grid{flex:1 1 auto;min-height:max(520px,calc(66vh - 150px))}.ffc-copy,.ffc-visual,.ffc-compare{min-height:100%}.ffc-compare__frame{min-height:max(var(--ffc-desktop-height, 520px),calc(66vh - 150px))}}@media(prefers-reduced-motion:reduce){.ffc-section[data-ffc-js=true] [data-ffc-reveal]{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/ffc-compare.css.map */