.idea-to-icon-inline{display:none;margin-top:3rem;margin-bottom:3rem;width:100%}@media screen and (min-width:1000px){.idea-to-icon-inline{padding-left:var(--container-gutter, 16px);padding-right:32px}}body.ab-test-inline-content .idea-to-icon-inline{display:block}@media screen and (max-width:699px){body.ab-test-inline-content .product-content-below-gallery product-recommendations{margin-block-end:24px}.idea-to-icon-inline{margin-top:0}}.idea-to-icon-inline__teaser{display:flex;flex-direction:row;background:rgb(var(--background));border:1px solid rgb(var(--border-color));border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .3s ease}.idea-to-icon-inline__teaser:hover{box-shadow:0 4px 12px #0000000d}.idea-to-icon-inline__teaser-image{width:40%;position:relative;background:#00000005}.idea-to-icon-inline__teaser-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.idea-to-icon-inline__teaser-content{width:60%;padding:3rem 4rem;display:flex;flex-direction:column;justify-content:center}.idea-to-icon-inline__teaser-step{font-size:12px;color:rgb(var(--text-color));opacity:.7;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.idea-to-icon-inline__teaser-title{font-family:var(--heading-font-family);font-weight:600;font-size:18px;margin:0 0 .75rem;line-height:1.2;text-transform:uppercase}.idea-to-icon-inline__teaser-desc{font-size:14px;color:rgb(var(--text-color));margin:0 0 1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.idea-to-icon-inline__teaser-cta{font-family:var(--heading-font-family);font-size:12px;font-weight:600;text-transform:uppercase;text-decoration:underline;display:flex;align-items:center;gap:.5rem;margin-top:auto}.idea-to-icon-inline__expanded{display:none;opacity:0;transition:opacity .4s ease;background:rgb(var(--background));border:1px solid rgb(var(--border-color));border-radius:8px;position:relative;overflow:hidden}.idea-to-icon-inline.is-expanded .idea-to-icon-inline__teaser{display:none}.idea-to-icon-inline.is-expanded .idea-to-icon-inline__expanded{display:block;opacity:1}@media screen and (min-width:700px){.idea-to-icon-inline.is-expanded .idea-to-icon-inline__expanded-inner{max-height:85vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(var(--border-color)) transparent}.idea-to-icon-inline.is-expanded .idea-to-icon-inline__expanded-inner::-webkit-scrollbar{width:6px}.idea-to-icon-inline.is-expanded .idea-to-icon-inline__expanded-inner::-webkit-scrollbar-thumb{background-color:rgb(var(--border-color));border-radius:10px}}.idea-to-icon-inline__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;border-bottom:1px solid rgb(var(--border-color));position:sticky;top:0;z-index:10;background:rgb(var(--background));cursor:pointer}.idea-to-icon-inline__heading{font-family:var(--heading-font-family);font-size:24px;margin:0;text-transform:uppercase}.idea-to-icon-inline__collapse{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-family:var(--heading-font-family);font-size:12px;text-transform:uppercase;text-decoration:underline}.idea-to-icon-inline__counter{display:none;font-size:14px;color:rgb(var(--text-color))}.idea-to-icon-inline .idea-to-icon-content{display:block;overflow:visible!important;padding:0 2rem 2rem;position:relative;z-index:1}.idea-to-icon-inline .swiper-wrapper{display:flex;flex-direction:column;gap:4rem;overflow:visible!important}.idea-to-icon-inline .swiper-slide{overflow:visible!important;height:auto!important}.idea-to-icon-inline .idea-to-icon-section{display:flex;gap:30px}.idea-to-icon-inline .idea-to-icon-content .idea-to-icon-section:nth-child(odd){flex-direction:row-reverse}.idea-to-icon-inline .idea-to-icon-section__wrapper{display:flex;gap:30px;flex:1}.idea-to-icon-inline .idea-to-icon-section__icon-wrapper{display:flex;flex-direction:column;gap:40px}.idea-to-icon-inline .idea-to-icon-section__icon-wrapper:after{content:"";flex:1;width:1px;background:repeating-linear-gradient(to bottom,rgb(var(--border-color)),rgb(var(--border-color)) 3px,transparent 3px,transparent 6px);margin:0 auto}.idea-to-icon-inline .idea-to-icon-content .idea-to-icon-section:last-child .idea-to-icon-section__icon-wrapper:after{display:none}.idea-to-icon-inline .idea-to-icon-section__icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:sticky;top:110px}.idea-to-icon-inline .idea-to-icon-section__icon img{width:100%;height:100%;object-fit:contain}.idea-to-icon-inline .idea-to-icon-section__icon-image--mobile{display:none}.idea-to-icon-inline .idea-to-icon-section__content{display:flex;flex-direction:column;gap:.75rem;flex:1;position:sticky;top:110px;height:fit-content;align-self:flex-start}.idea-to-icon-inline .idea-to-icon-section__title{font-family:var(--heading-font-family);font-weight:600;font-size:14px;margin:0;line-height:1.1;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:flex-end;justify-content:space-between}.idea-to-icon-inline .idea-to-icon-section__title img{width:60px;height:auto;max-height:60px;object-fit:contain}.idea-to-icon-inline .idea-to-icon-section__description{color:rgb(var(--text-color));font-size:14px;line-height:1.4}.idea-to-icon-inline .idea-to-icon-section__description p{margin:0 0 .75rem}.idea-to-icon-inline .idea-to-icon-section__description p:last-child{margin-bottom:0}.idea-to-icon-inline .idea-to-icon-section__image{width:100%;flex:1;aspect-ratio:1;position:relative;background:#00000005}.idea-to-icon-inline .idea-to-icon-section__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media screen and (max-width:699px){.idea-to-icon-inline__teaser{flex-direction:column}.idea-to-icon-inline__teaser-image{width:100%;aspect-ratio:16/9}.idea-to-icon-inline__teaser-content{width:100%;padding:1.25rem}.idea-to-icon-inline__header{flex-direction:row;align-items:center;gap:1rem;position:static;padding:1.5rem}.idea-to-icon-inline .idea-to-icon-section__content{position:static}.idea-to-icon-inline__heading{font-size:14px}.idea-to-icon-inline__counter{display:block;margin-left:auto;margin-right:0}.idea-to-icon-inline .idea-to-icon-content{display:block;gap:0;padding:0 1.5rem 1.5rem}.idea-to-icon-inline .idea-to-icon-swiper{overflow:hidden!important;position:relative;padding-bottom:40px}.idea-to-icon-inline .swiper-wrapper{display:flex!important;flex-direction:row!important;gap:0}.idea-to-icon-inline .idea-to-icon-section{width:100%;height:auto;flex-direction:column!important;gap:20px}.idea-to-icon-inline .idea-to-icon-content .idea-to-icon-section:nth-child(2n){flex-direction:column-reverse!important;justify-content:flex-end}.idea-to-icon-inline .idea-to-icon-section__wrapper{width:100%}.idea-to-icon-inline .idea-to-icon-section__icon-wrapper{display:none}.idea-to-icon-inline .idea-to-icon-section__icon-image--mobile{display:block}.idea-to-icon-inline .idea-to-icon-pagination{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:12px 0}.idea-to-icon-inline .idea-to-icon-pagination .swiper-pagination-bullet{width:8px;height:8px;background:rgb(var(--text-color));opacity:.3;margin:0 4px;display:inline-block;border-radius:50%}.idea-to-icon-inline .idea-to-icon-pagination .swiper-pagination-bullet-active{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/idea-to-icon-inline.css.map */