@font-face{font-family:KrauffProductDesign;src:url(krauff-product-design-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KrauffProductDesign;src:url(krauff-product-design-semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:KrauffProductDesign;src:url(krauff-product-design-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.video-story{display:block;width:100%;max-width:1592px;margin:32px auto 0;padding-inline:24px;color:#202522}.video-story,.video-story *{font-family:KrauffProductDesign,Arial,sans-serif;box-sizing:border-box}.video-story [hidden]{display:none!important}.video-story__top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:38px;margin-bottom:13px}.video-story__heading{margin:0;color:inherit;font-size:25px;font-weight:700;line-height:1.4}.video-story__controls{display:flex;flex:0 0 auto;gap:12px}.video-story .video-story__arrow{display:grid;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;margin:0;padding:0;border:1px solid #b8d6c1;border-radius:50%;background:#fff;color:#008e43;cursor:pointer}.video-story__arrow svg{display:block;width:19px;height:19px;margin:0}.video-story__arrow:hover:not(:disabled){border-color:#008e43;background:#f4f6f4}.video-story__arrow:disabled{opacity:.35;cursor:default}.video-story__item{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);align-items:start;gap:32px}.video-story__copy{min-width:0;padding:35px 0 18px}.video-story__eyebrow{min-height:23px;margin:0 0 18px;color:#008e43;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:1.1px;text-transform:uppercase}.video-story__title{min-height:90px;margin:0 0 24px;color:#202522;font-size:32px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.video-story__text,.video-story__note{max-width:562px;color:#68736c;font-size:16px;font-weight:400;line-height:1.6;overflow-wrap:anywhere}.video-story__text{min-height:115px;margin-bottom:4px}.video-story__note{min-height:60px}.video-story__text :is(p,ul,ol),.video-story__note :is(p,ul,ol){color:inherit;font-size:inherit;line-height:inherit}.video-story__text>:first-child,.video-story__note>:first-child{margin-top:0}.video-story__text>:last-child,.video-story__note>:last-child{margin-bottom:0}.video-story__text a,.video-story__note a{color:#008e43}.video-story__button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:166px;min-height:42px;max-width:100%;margin-top:21px;padding:10px 24px;border:1px solid #008e43;border-radius:6px;background:#fff;color:#008e43;font-size:13px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none}.video-story__button:hover{background:#008e43;color:#fff;text-decoration:none}.video-story__media{position:relative;min-width:0}.video-story .custom-video-wrapper{position:relative;isolation:isolate;display:block;width:100%;min-height:0;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background:#24352c}.video-story :is(.hero-banner__side-video-picture,.video-poster,.custom-video,.video-story__placeholder){position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0}.video-story :is(.video-poster,.custom-video){object-fit:cover;object-position:center}.video-story__placeholder{fill:#8b9f90;background:#eef2ed}.video-story .custom-video{display:none;cursor:pointer}.video-story .has-video .hero-banner__side-video-picture{display:none}.video-story .has-video .custom-video{display:block}.video-story .is-playing .custom-video-play{display:none}.video-story .custom-video-play{position:absolute;top:min(calc(68% + 75px),calc(100% - 58px));left:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:76px;min-width:76px;height:76px;min-height:76px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;transform:translate(-50%,-50%);cursor:pointer}.video-story .new-products__video-play{position:static;display:flex;flex:0 0 76px;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:#0000004d;transform:none;transition:background .3s ease}.video-story .custom-video-play:hover .new-products__video-play{background:#333}.video-story .new-products__video-play svg{display:block;width:52px;height:52px;margin:0}.video-story .custom-volume{position:absolute;right:20px;bottom:20px;z-index:4;display:flex;align-items:center;gap:10px;margin:0;padding:6px 10px;border-radius:8px;background:#00000080}.video-story .mute-btn{display:flex;align-items:center;justify-content:center;width:18px;min-width:18px;height:18px;min-height:18px;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.video-story .mute-btn svg{display:block;width:18px;height:18px;margin:0}.video-story .custom-volume input[type=range]{display:block;width:120px;height:6px;min-height:0;margin:0;padding:0;border:0;border-radius:8px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.video-story .custom-volume input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,#5e9374 var(--vol, 100%),rgb(94 147 116 / .2) var(--vol, 100%))}.video-story .custom-volume input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(to right,#5e9374 var(--vol, 100%),rgb(94 147 116 / .2) var(--vol, 100%))}.video-story .custom-volume input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;border:2px solid #fff;border-radius:50%;background:#5e9374;-webkit-appearance:none;appearance:none}.video-story .custom-volume input[type=range]::-moz-range-thumb{box-sizing:border-box;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#5e9374}.video-story .custom-video::-webkit-media-controls{display:none!important}.video-story__error{position:absolute;top:12px;inset-inline:12px;z-index:5;margin:0;padding:12px;border-radius:6px;background:#000c;color:#fff;font-size:13px;line-height:1.4}.video-story__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.video-story__empty{padding:32px;border:1px dashed #b8d6c1;color:#68736c;text-align:center}.video-story :is(a,button,input,video):focus-visible{outline:2px solid #008e43;outline-offset:3px;box-shadow:none}@media(min-width:1000px)and (max-width:1199px){.video-story__item{gap:24px}.video-story__copy{padding:12px 0}.video-story__title{min-height:0;font-size:28px;margin-bottom:20px}.video-story__text,.video-story__note{min-height:0;font-size:15px}.video-story__text{margin-bottom:20px}}@media(max-width:999px){.video-story{padding-inline:16px}.video-story__heading{font-size:22px}.video-story__item{grid-template-columns:minmax(0,1fr);gap:24px}.video-story__media{grid-row:1}.video-story__copy{padding:0}.video-story__title{min-height:0;margin-bottom:20px}.video-story__text,.video-story__note{max-width:none;min-height:0}.video-story__text{margin-bottom:20px}}@media(max-width:767px){.video-story__heading{font-size:20px}.video-story__controls{gap:8px}.video-story__title{font-size:27px}.video-story__text,.video-story__note{font-size:15px}.video-story .custom-video-play{top:65%;width:56px;min-width:56px;height:56px;min-height:56px}.video-story .new-products__video-play{flex-basis:56px;width:56px;height:56px}.video-story .new-products__video-play svg{width:40px;height:40px}.video-story .custom-volume{right:12px;bottom:12px;gap:8px}.video-story .custom-volume input[type=range]{width:84px}}@media(prefers-reduced-motion:reduce){.video-story .new-products__video-play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/video-story.css.map */