.transition__guide-wrapper{margin-top:40px;margin-bottom:40px;margin-left:20px}.transition__guide-section-heading{text-transform:capitalize;color:var(--background-black);text-align:center;font-family:var(--heading-font-family);font-size:36px;font-style:normal;font-weight:700;line-height:52px;margin-bottom:32px}@media screen and (min-width:1000px){.transition__guide-wrapper{margin-top:0;margin-bottom:60px;margin-inline:56px}.transition__guide-section-heading{font-size:48px;line-height:52px;margin-bottom:40px}}.transition-guide__list{display:flex;align-items:stretch;justify-content:center;gap:12px}.transition-guide__item{display:flex;flex:1 1 0;min-width:0}.transition-guide__arrow{flex:none;display:flex;align-items:center;justify-content:center}.transition-guide__tile{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;background:var(--background-fresh-cream);border-radius:10px;padding:32px 24px;box-shadow:4px 4px #0000001a}.transition-guide__media{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;margin-bottom:24px;padding:25px 0}@media screen and (min-width:1000px){.transition-guide__media{padding:31px 0}}.transition-guide__image{display:block;width:100%;max-width:162px;height:auto;max-height:100%;object-fit:contain;object-position:center}.transition-guide__content{position:relative;z-index:1;flex:none;text-align:center;color:rgb(var(--text-color))}.transition-guide__title{margin-bottom:16px;color:rgb(var(--background-black));text-align:center;font-family:var(--heading-font-family);font-size:24px;font-style:normal;font-weight:700;line-height:28px;text-transform:capitalize}.transition-guide__text{margin-top:16px;color:var(--background-black);font-size:14px;font-style:normal;font-weight:400;line-height:18px}.transition-guide__text p{margin:0;font-size:14px}@media screen and (max-width:999px){.transition-guide__list{justify-content:flex-start;align-items:stretch;gap:16px}.transition-guide__item{flex:none;width:62vw;scroll-snap-align:center;scroll-snap-stop:always}}@media screen and (min-width:741px)and (max-width:999px){.transition-guide__item{width:40vw}}@media screen and (min-width:1000px){.transition-guide__list{gap:24px}.transition-guide__item{flex:0 1 auto;width:284px}.transition-guide__image{max-width:200px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/transition-guide.bundle.css.map */