.feature-icons{position:relative;overflow-x:clip;overflow-y:hidden;background:var(--fi-bg, linear-gradient(189deg, rgba(255, 255, 255, .55) 52%, rgba(31, 41, 55, .55) 123%))}.feature-icons__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.feature-icons__bg img{width:100%;height:100%;object-fit:cover;display:block}.feature-icons__side-image{position:absolute;right:0;top:0;bottom:0;width:auto;height:100%;pointer-events:none;z-index:0}.feature-icons__side-image img,.feature-icons__side-image picture,.feature-icons__side-image .responsive-picture{width:auto;max-width:100%;height:100%;display:block;margin-inline-start:auto}.feature-icons__side-image img{width:auto;height:100%;object-fit:cover;object-position:right center}.feature-icons__container{position:relative;z-index:2}.feature-icons__heading .heading-wrapper{padding:0 0 32px}.feature-icons__heading .heading-title{color:var(--fi-heading-color, #000);max-width:20ch}.feature-icons__tabs{display:flex;gap:12px;width:100%;max-width:828px;margin-bottom:20px}.feature-icons__tab{flex:1 1 0;min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;padding:12px 16px;border:none;border-radius:4px;cursor:pointer;appearance:none;-webkit-appearance:none;font-family:modelica,sans-serif;font-weight:700;font-size:14px;line-height:1.5;letter-spacing:.6px;background:var(--fi-tab-bg, #f2f2f2);color:var(--fi-tab-text, rgba(0, 0, 0, .85));transition:background .15s ease,color .15s ease}.feature-icons__tab.is-active{background:var(--fi-tab-active-bg, linear-gradient(111deg, #111827, #1f2937));color:var(--fi-tab-active-text, #fff)}.feature-icons__panels{max-width:828px}.feature-icons__panel{display:none}.feature-icons__panel.is-active,.feature-icons__panels--flat .feature-icons__panel{display:block}.feature-icons__panels--flat .feature-icons__panel+.feature-icons__panel{margin-top:20px}.feature-icons__panel .feature-icons__item{background:var(--fi-card-bg);color:var(--fi-feature-text)}.feature-icons__panel .feature-icons__title,.feature-icons__panel .feature-icons__text{color:var(--fi-feature-text)}.feature-icons__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:828px}.feature-icons__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;border-radius:12px;border:1px solid #e0e0e0;background:var(--fi-card-bg, linear-gradient(97deg, rgba(17, 24, 39, .4), rgba(31, 41, 55, .4)));backdrop-filter:blur(12.5px);-webkit-backdrop-filter:blur(12.5px);text-align:center;min-height:144px}.feature-icons__icon{width:56px;height:56px;flex-shrink:0;border-radius:50%;overflow:hidden}.feature-icons__icon img{width:100%;height:100%;object-fit:cover;display:block}.feature-icons__title{margin:0;font-family:tomatoHeadline,sans-serif;font-weight:800;font-size:20px;line-height:1.2;color:var(--fi-feature-text, #000);max-width:14ch}.feature-icons__text{margin:0;font-family:modelica,sans-serif;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.6px;color:var(--fi-feature-text, #1e1e1e);max-width:240px}.feature-icons__text p{margin:0}.feature-icons__title+.feature-icons__text{margin-top:-4px}@media screen and (min-width:540px){.feature-icons__grid{gap:16px}.feature-icons__title{font-size:24px}.feature-icons__text{font-size:15px}.feature-icons__icon{width:64px;height:64px}}@media screen and (min-width:1024px){.feature-icons__heading .heading-wrapper{padding:0 0 40px}.feature-icons__heading .heading-title{max-width:none}.feature-icons__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature-icons__item{padding:36px 20px;min-height:196px;width:100%;max-width:280px}.feature-icons__icon{width:80px;height:80px}.feature-icons__title{font-size:32px;max-width:240px}.feature-icons__text{font-size:16px}}.feature-icons__title{word-break:normal;overflow-wrap:normal;min-width:min-content}.feature-icons .heading-title .fi-nowrap{background-image:none;padding-bottom:0}@media screen and (max-width:749px){.feature-icons--no-overlay-mb .section-media-overlay{visibility:hidden}.feature-icons--photo-bottom-mb .feature-icons__side-image{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;overflow:hidden}.feature-icons--photo-bottom-mb .feature-icons__side-image picture{width:100%;max-width:none;height:auto}.feature-icons--photo-bottom-mb .feature-icons__side-image img{width:104%;max-width:none;height:auto;margin-inline:-2% 0;object-fit:contain}.feature-icons--figma-2026 .feature-icons__heading .heading-title{letter-spacing:-.7px;text-wrap:balance}.feature-icons--figma-2026 .feature-icons__heading .heading-title .fi-nowrap{white-space:nowrap}.feature-icons--figma-2026 .feature-icons__item{min-height:144px;padding:20px 10px;gap:12px;border:0;border-radius:8px}.feature-icons--figma-2026 .feature-icons__title{letter-spacing:0}}@media screen and (max-width:539px){.feature-icons--figma-2026 .feature-icons__icon{width:44px;height:44px}.feature-icons--figma-2026 .feature-icons__title{max-width:min(135px,100%);font-size:min(20px,5.625vw)}}@media screen and (min-width:990px){.feature-icons--no-overlay-dt .section-media-overlay{visibility:hidden}.feature-icons--desk-2026 .feature-icons__heading .heading-wrapper{padding-bottom:clamp(48px,5.56vw,80px)}.feature-icons--desk-2026 .feature-icons__heading .heading-title{line-height:1.2;letter-spacing:0;max-width:21em;text-wrap:balance}.feature-icons--desk-2026 .feature-icons__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature-icons--desk-2026 .feature-icons__item{width:100%;max-width:280px;min-height:196px;justify-content:flex-start;padding:27px 20px 24px;gap:13px;border:0;border-radius:8px}.feature-icons--desk-2026 .feature-icons__icon{width:64px;height:64px}.feature-icons--desk-2026 .feature-icons__title{font-size:26px;line-height:34px;letter-spacing:0;max-width:180px}}@media screen and (min-width:1400px){.feature-icons--desk-2026 .feature-icons__item{backdrop-filter:none;-webkit-backdrop-filter:none}}.feature-icons__frame{display:contents}@media screen and (min-width:750px){.feature-icons--desk-panel .feature-icons__frame{display:block;max-width:940px;margin-inline:auto;padding:40px clamp(32px,3.889vw,56px) clamp(32px,3.889vw,56px);border-radius:10px;background:linear-gradient(180deg,#00000073 0,#0000006b 110px,#00000038);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.feature-icons--desk-panel .feature-icons__heading .heading-wrapper{padding:0 0 44px}.feature-icons--desk-panel .feature-icons__heading .heading-title{max-width:none;line-height:1.2;letter-spacing:-1px;text-wrap:balance}.feature-icons--desk-panel .feature-icons__heading .heading-wrapper.center .heading-title{margin-inline:auto;text-align:center}.feature-icons--desk-panel .feature-icons__panels,.feature-icons--desk-panel .feature-icons__grid{max-width:none}.feature-icons--desk-panel .feature-icons__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.667vw,24px)}.feature-icons--desk-panel .feature-icons__panel .feature-icons__item{width:100%;max-width:none;min-height:197px;justify-content:flex-start;padding:27px 12px 24px;gap:13px;border:1px solid rgba(255,255,255,.75);border-radius:8px;backdrop-filter:none;-webkit-backdrop-filter:none}.feature-icons--desk-panel .feature-icons__icon{width:64px;height:64px}.feature-icons--desk-panel .feature-icons__title{max-width:190px;font-size:24px;line-height:34px;letter-spacing:0;text-wrap:pretty}}@media screen and (min-width:990px){.feature-icons--desk-ingredients .feature-icons__heading .heading-wrapper{padding-bottom:29px}.feature-icons--desk-ingredients .feature-icons__heading .heading-title{max-width:21em;line-height:1.2;letter-spacing:-.055em;text-wrap:balance}.feature-icons--desk-ingredients .feature-icons__heading .heading-text{margin-top:26px;font-size:16px;line-height:1.6;color:#1e1e1e}.feature-icons--desk-ingredients .feature-icons__heading .heading-text p{margin:0;color:#1e1e1e}.feature-icons--desk-ingredients .feature-icons__panels,.feature-icons--desk-ingredients .feature-icons__grid{max-width:min(978px,68vw)}.feature-icons--desk-ingredients .feature-icons__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature-icons--desk-ingredients .feature-icons__item{width:100%;max-width:none;min-height:clamp(200px,17.36vw,250px);justify-content:flex-start;padding:clamp(24px,2.431vw,35px) clamp(14px,calc(4.6vw - 25px),40px) 24px;gap:6px}.feature-icons--desk-ingredients .feature-icons__title{max-width:none;margin-top:3px;font-size:clamp(22px,2.222vw,32px);line-height:1.2;letter-spacing:-1px}.feature-icons--desk-ingredients .feature-icons__title+.feature-icons__text{margin-top:-3px}.feature-icons--desk-ingredients .feature-icons__panel .feature-icons__text{max-width:none;color:#1e1e1e}.feature-icons--desk-ingredients .feature-icons__side-image{top:auto;bottom:0;height:85%}.feature-icons.feature-icons--desk-photo-full .feature-icons__side-image{top:0;bottom:0;height:100%}}@media screen and (max-width:749px){.feature-icons--panel-mb .feature-icons__frame{display:block;padding:21px 16px 36px;border-radius:12px;background:linear-gradient(180deg,#00000073 0 116px,#0000004d 262px);backdrop-filter:blur(12.5px);-webkit-backdrop-filter:blur(12.5px)}.feature-icons--panel-mb .feature-icons__heading .heading-wrapper{padding:0 0 32px}.feature-icons--panel-mb .feature-icons__heading .heading-title{font-size:27px;line-height:31.5px;letter-spacing:-1px}.feature-icons--panel-mb .feature-icons__grid{gap:12px}.feature-icons--panel-mb .feature-icons__panel .feature-icons__item{min-height:146px;padding:22px 6px 19px;gap:10px;border:1px solid rgba(255,255,255,.75);border-radius:8px;backdrop-filter:none;-webkit-backdrop-filter:none}.feature-icons--panel-mb .feature-icons__panel .feature-icons__title{max-width:min(135px,100%);font-size:min(20px,calc((50vw - 57px)/6.4));letter-spacing:0}.feature-icons--panel-mb.feature-icons--long-words .feature-icons__panel .feature-icons__item{padding-inline:4px}.feature-icons--panel-mb.feature-icons--long-words .feature-icons__panel .feature-icons__title{max-width:100%;font-size:min(18px,calc((50vw - 49px) / 7.8))}.feature-icons--list-mb .feature-icons__side-image{opacity:.25}.feature-icons--list-mb .feature-icons__heading .heading-wrapper{padding-bottom:32px}.feature-icons--list-mb .feature-icons__heading .heading-title{font-size:26px;line-height:33px}.feature-icons--list-mb .feature-icons__heading .heading-text{margin-top:12px;color:#1e1e1e}.feature-icons--list-mb .feature-icons__heading .heading-text p{margin:0;line-height:24px}.feature-icons--list-mb .feature-icons__tabs{margin-bottom:16px}.feature-icons--list-mb .feature-icons__grid{grid-template-columns:minmax(0,1fr);gap:12px}.feature-icons--list-mb .feature-icons__panel .feature-icons__item{position:relative;isolation:isolate;display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;row-gap:4px;align-content:center;justify-content:stretch;justify-items:start;min-height:112px;padding:20px 16px;border:1px solid #e0e0e0;border-radius:8px;text-align:start}.feature-icons--list-mb .feature-icons__panel .feature-icons__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;opacity:.7;pointer-events:none}.feature-icons--list-mb .feature-icons__panel .feature-icons__icon{grid-column:1;grid-row:1 / span 2;align-self:center;width:60px;height:60px}.feature-icons--list-mb .feature-icons__panel .feature-icons__title{grid-column:2;align-self:end;min-width:0;max-width:none;font-size:20px;line-height:24px;letter-spacing:-.4px}.feature-icons--list-mb .feature-icons__panel .feature-icons__text{grid-column:2;align-self:start;max-width:none;margin-top:0;font-size:14px;line-height:21px;letter-spacing:0;color:#1e1e1e}.feature-icons--list-mb .feature-icons__panel .feature-icons__item:not(:has(.feature-icons__icon))>*{grid-column:1 / -1}}.feature-icons__desk-photo,.feature-icons__photo-mb{display:none}@media screen and (min-width:990px){.feature-icons--desk-photo .feature-icons__side-image{display:none}.feature-icons__desk-photo{display:block;position:absolute;z-index:0;top:min(1.389vw,20px);right:max(-5vw,-72px);width:min(56.806vw,818px);pointer-events:none}.feature-icons__desk-photo picture,.feature-icons__desk-photo img{display:block;width:100%;height:auto}.feature-icons--desk-2026.feature-icons--desk-2col .feature-icons__heading .heading-wrapper{padding-bottom:clamp(29px,2.917vw,42px)}.feature-icons--desk-2026.feature-icons--desk-2col .feature-icons__panels,.feature-icons--desk-2026.feature-icons--desk-2col .feature-icons__grid{max-width:min(722px,50.139vw)}.feature-icons--desk-2026.feature-icons--desk-2col .feature-icons__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,1.806vw,26px)}.feature-icons--desk-2026.feature-icons--desk-2col .feature-icons__item{max-width:none;backdrop-filter:blur(12.5px);-webkit-backdrop-filter:blur(12.5px)}.feature-icons--desk-2026.feature-icons--desk-2col .feature-icons__icon{width:66px;height:66px}.feature-icons--desk-2026.feature-icons--desk-2col .feature-icons__title{max-width:196px}.feature-icons--outline-dt .feature-icons__item{border:1px solid #e0e0e0}}@media screen and (max-width:749px){.feature-icons--photo-below-mb .feature-icons__side-image{display:none}.feature-icons--photo-below-mb .feature-icons__panels{position:relative;z-index:1}.feature-icons__photo-mb{display:block;position:relative;z-index:0;width:91.795vw;margin-top:-13.59vw;margin-inline:auto calc((100% - 100vw)/2);pointer-events:none}.feature-icons__photo-mb picture,.feature-icons__photo-mb img{display:block;width:100%;height:auto}.feature-icons--outline-mb .feature-icons__panel .feature-icons__item{min-height:146px;border:1px solid #e0e0e0}}@media screen and (max-width:749px),screen and (min-width:990px){.feature-icons--tab-panel .feature-icons__bg{display:none}}@media screen and (min-width:750px)and (max-width:989px){.feature-icons--tab-panel .feature-icons__frame{display:block;max-width:940px;margin-inline:auto;padding:40px clamp(32px,3.889vw,56px) clamp(32px,3.889vw,56px);border-radius:10px;background:linear-gradient(180deg,#00000073 0,#0000006b 110px,#00000038);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.feature-icons--tab-panel .feature-icons__heading .heading-wrapper{padding:0 0 44px}.feature-icons--tab-panel .feature-icons__heading .heading-title{max-width:none;margin-inline:auto;line-height:1.2;letter-spacing:-1px;text-align:center;text-wrap:balance;color:#fff}.feature-icons--tab-panel .feature-icons__panels,.feature-icons--tab-panel .feature-icons__grid{max-width:none}.feature-icons--tab-panel .feature-icons__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.667vw,24px)}.feature-icons--tab-panel.feature-icons--desk-2col .feature-icons__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-icons--tab-panel .feature-icons__panel .feature-icons__item{width:100%;max-width:none;min-height:197px;justify-content:flex-start;padding:27px 12px 24px;gap:13px;border:1px solid rgba(255,255,255,.75);border-radius:8px;backdrop-filter:none;-webkit-backdrop-filter:none}.feature-icons--tab-panel .feature-icons__icon{width:64px;height:64px}.feature-icons--tab-panel .feature-icons__title{max-width:190px;font-size:24px;line-height:34px;letter-spacing:0;text-wrap:pretty}}@media screen and (min-width:750px)and (max-width:989px){.feature-icons--photo-below-tab .feature-icons__side-image{display:none}.feature-icons--photo-below-tab.feature-icons--no-overlay-mb .section-media-overlay{visibility:hidden}.feature-icons--photo-below-tab .feature-icons__panels{position:relative;z-index:1}.feature-icons--photo-below-tab .feature-icons__panels,.feature-icons--photo-below-tab .feature-icons__grid{max-width:none}.feature-icons--photo-below-tab .feature-icons__item{justify-content:flex-start;min-height:176px;padding:28px 20px 24px;gap:12px;border-radius:8px}.feature-icons--photo-below-tab.feature-icons--figma-2026 .feature-icons__title{letter-spacing:0}.feature-icons--photo-below-tab.feature-icons--figma-2026:not(.feature-icons--outline-mb) .feature-icons__item{border:0}.feature-icons--photo-below-tab .feature-icons__photo-mb{--fi-photo-tab-w: max(640px, 80vw);display:block;position:relative;z-index:0;width:var(--fi-photo-tab-w);margin-top:calc(var(--fi-photo-tab-w) * -.148);margin-inline:auto calc((100% - 100vw)/2);pointer-events:none}.feature-icons--photo-below-tab .feature-icons__photo-mb picture,.feature-icons--photo-below-tab .feature-icons__photo-mb img{display:block;width:100%;height:auto}}@media screen and (min-width:990px)and (max-width:1366px){.feature-icons__desk-photo{bottom:0;display:flex;flex-direction:column}.feature-icons__desk-photo picture{flex-shrink:0;margin-top:auto}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/feature-icons.css.map */