.lore-steps__list{position:relative;display:grid;grid-template-columns:repeat(var(--count, 4),minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}.lore-steps__list:before{content:"";position:absolute;top:80px;left:80px;right:12%;border-top:2px dashed color-mix(in srgb,var(--text) 25%,transparent)}.lore-steps__item{position:relative;display:flex;flex-direction:column;gap:12px;margin:0}.lore-steps__media{position:relative;z-index:1;display:grid;place-items:center;width:160px;height:160px;margin-bottom:10px;border:6px solid var(--bg);border-radius:50%;overflow:hidden;background:var(--lore-paper)}.lore-steps__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.lore-steps__media svg{width:64px;height:64px;color:var(--strike)}.lore-steps__number{font-family:var(--lore-font-display);font-size:64px;font-weight:600;line-height:1;letter-spacing:-.03em}.lore-steps__item--skipped .lore-steps__media{background:var(--lore-cream)}.lore-steps__title s{text-decoration-thickness:3px;text-decoration-color:var(--strike)}.lore-steps__text{font-size:17px;color:var(--text-muted)}.lore-steps--center .lore-steps__list:before{left:calc(50% / var(--count, 4));right:calc(50% / var(--count, 4))}.lore-steps--center .lore-steps__item{align-items:center;text-align:center}.lore-steps--center .lore-steps__text{max-width:280px}.lore-steps__split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:center}.lore-steps__intro{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.lore-steps__intro .lore-btn{margin-top:6px}.lore-steps--cards .lore-steps__list{grid-template-columns:minmax(0,1fr);gap:16px}.lore-steps--cards .lore-steps__list:before{top:48px;bottom:48px;left:59px;right:auto;border-top:0;border-left:2px dashed color-mix(in srgb,var(--text) 30%,transparent)}.lore-steps__card{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin:0;padding:26px 30px 26px 28px;border-radius:24px;background:var(--card);box-shadow:0 1px 2px #2a17120f,0 18px 40px -18px #2a171259;transition:transform .3s ease,box-shadow .3s ease}.lore-steps__card:hover{transform:translateY(-3px);box-shadow:0 1px 2px #2a17120f,0 24px 48px -18px #2a17126b}.lore-steps__count{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--accent);color:var(--lore-paper);font-family:var(--lore-font-display);font-size:24px;font-weight:600;letter-spacing:-.02em}.lore-steps__body{display:flex;flex-direction:column;gap:6px}.lore-steps--cards .lore-steps__text{font-size:16px}.lore-steps__icon{width:44px;height:44px;color:var(--accent)}@media only screen and (max-width:1023px){.lore-steps__list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}.lore-steps__split{grid-template-columns:minmax(0,1fr)}.lore-steps--cards .lore-steps__list{grid-template-columns:minmax(0,1fr);row-gap:16px}.lore-steps__list:before{display:none}.lore-steps--cards .lore-steps__list:before{display:block}}.lore-steps__label{align-self:flex-start;padding:4px 12px;border-radius:999px;background:var(--card);font-size:14px;font-weight:600;line-height:1.3}.lore-steps--center .lore-steps__label{align-self:center}.lore-steps__note{display:flex;align-items:flex-start;gap:18px;max-width:720px;margin:clamp(40px,5vw,64px) auto 0;padding:24px 26px;border-radius:24px;background:var(--note)}.lore-steps__smile{flex:none;width:48px;height:48px}.lore-steps__smile circle{fill:var(--note-accent)}.lore-steps__smile rect{fill:var(--lore-cacao)}.lore-steps__smile path{fill:none;stroke:var(--lore-cacao);stroke-width:3.2;stroke-linecap:round}.lore-steps__note-body{display:grid;gap:6px}.lore-steps__note-text{font-size:17px;color:var(--text-muted)}@media only screen and (max-width:767px){.lore-steps__list{grid-template-columns:minmax(0,1fr);gap:20px}.lore-steps__list:before,.lore-steps--center .lore-steps__list:before{display:block;top:20px;bottom:20px;left:44px;right:auto;border-top:0;border-left:2px dashed color-mix(in srgb,var(--text) 25%,transparent)}.lore-steps__item,.lore-steps--center .lore-steps__item{display:grid;text-align:left;grid-template-columns:88px minmax(0,1fr);column-gap:18px;row-gap:4px;align-items:start}.lore-steps__item:has(.lore-steps__label) .lore-steps__media{grid-row:span 3}.lore-steps__label,.lore-steps--center .lore-steps__label{justify-self:start}.lore-steps__note{gap:14px;padding:20px}.lore-steps__smile{width:40px;height:40px}.lore-steps__note-text{font-size:16px}.lore-steps__media{grid-row:span 2;width:88px;height:88px;margin:0;border-width:4px}.lore-steps__media svg{width:40px;height:40px}.lore-steps__number{font-size:38px}.lore-steps__title{align-self:end}.lore-steps__text{font-size:16px}.lore-steps--cards .lore-steps__list:before{top:40px;bottom:40px;left:43px}.lore-steps__card{grid-template-columns:auto minmax(0,1fr);gap:16px;padding:20px;border-radius:20px}.lore-steps__count{width:48px;height:48px;font-size:19px}.lore-steps__icon{display:none}.lore-steps--cards .lore-steps__title{align-self:auto}}@media(hover:none){.lore-steps__card:hover{transform:none}}.lore-steps--equation .lore-steps__list{--gap: clamp(40px, 5vw, 72px);gap:var(--gap);max-width:1120px;margin:0 auto}.lore-steps--equation .lore-steps__list:before{display:none}.lore-steps__term{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;text-align:center}.lore-steps__tile{--pad: 10px;position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;margin-bottom:14px;border-radius:32px;background:var(--tile)}.lore-steps__tile img{position:absolute;inset:var(--pad);width:calc(100% - var(--pad) * 2);height:calc(100% - var(--pad) * 2);border-radius:24px;object-fit:cover}.lore-steps__symbol{position:absolute;top:50%;left:calc(var(--gap) / -2);z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--lore-cacao);color:var(--lore-cream);font-family:var(--lore-font-display);font-size:34px;font-weight:600;line-height:1;box-shadow:0 0 0 6px var(--bg);transform:translate(-50%,-50%)}.lore-steps--equation .lore-steps__title{font-size:clamp(24px,2.4vw,34px);line-height:1.05;letter-spacing:-.02em}.lore-steps--equation .lore-steps__text{max-width:300px}@media only screen and (max-width:767px){.lore-steps--equation .lore-steps__list{--gap: 22px;grid-template-columns:repeat(var(--count, 3),minmax(0,1fr))}.lore-steps--equation .lore-steps__list:before{display:none}.lore-steps__tile{--pad: 5px;margin-bottom:6px;border-radius:20px}.lore-steps__tile img{border-radius:15px}.lore-steps__symbol{width:30px;height:30px;font-size:20px;box-shadow:0 0 0 4px var(--bg)}.lore-steps--equation .lore-steps__title{align-self:center;font-size:16px;line-height:1.15;letter-spacing:-.01em}.lore-steps--equation .lore-steps__text{display:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/lore-steps.css.map */