.fs-example{--fs-example-accent: #b86f49;--fs-example-accent-dark: #824729;--fs-example-accent-soft: rgba(184, 111, 73, .09);--fs-example-border: rgba(184, 111, 73, .27);--fs-example-line: rgba(184, 111, 73, .16);--fs-example-background-start: #fff8f3;--fs-example-background-end: #fffdfb;position:relative;overflow:hidden;padding:clamp(30px,4.5vw,46px);background:linear-gradient(145deg,var(--fs-example-background-start) 0%,var(--fs-example-background-end) 78%);border:1px solid var(--fs-example-border);border-radius:var(--fs-radius-large, 24px);box-shadow:0 1px 2px #361f1406,0 12px 30px #5b321d0d;animation:fs-example-enter .42s ease both;animation-delay:calc(var(--fs-component-index, 1) * 45ms)}.fs-example:before{position:absolute;inset:0 auto 0 0;width:5px;content:"";background:var(--fs-example-accent)}.fs-example:after{position:absolute;top:-88px;right:-76px;width:205px;height:205px;content:"";pointer-events:none;background:var(--fs-example-accent-soft);border-radius:50%}.fs-example__inner{position:relative;z-index:1;max-width:820px}.fs-example__header{max-width:700px}.fs-example__badge{display:inline-flex;min-height:32px;align-items:center;gap:8px;margin-bottom:clamp(17px,2.5vw,22px);padding:6px 12px 6px 8px;color:var(--fs-example-accent-dark);background:#ffffffad;border:1px solid rgba(184,111,73,.18);border-radius:var(--fs-radius-pill, 999px);font-size:.74rem;font-weight:700;line-height:1;letter-spacing:.085em;text-transform:uppercase}.fs-example__badge-icon{display:flex;width:20px;height:20px;flex:0 0 auto;align-items:center;justify-content:center}.fs-example__badge-icon svg{width:100%;height:100%}.fs-example__title{max-width:700px;margin:0 0 var(--fs-space-s, 10px);color:var(--fs-color-text, #172018);font-size:clamp(1.9rem,3.2vw,2.7rem);font-weight:500;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}.fs-example__subtitle{max-width:650px;margin:0;color:#725b4d;font-size:clamp(1rem,1.2vw,1.1rem);font-weight:600;line-height:1.65}.fs-example__figure{margin:clamp(26px,4vw,34px) 0 0}.fs-example__media{overflow:hidden;aspect-ratio:16 / 9;background:#f5eee9;border:1px solid rgba(184,111,73,.15);border-radius:var(--fs-radius-medium, 18px)}.fs-example__image{display:block;width:100%;height:100%;object-fit:cover}.fs-example__story{margin-top:clamp(25px,3.5vw,34px);padding-top:clamp(24px,3.5vw,30px);border-top:1px solid var(--fs-example-line)}.fs-example__story .metafield-rich_text_field{color:var(--fs-color-text-soft, #536054);font-size:clamp(1rem,1.2vw,1.08rem);line-height:1.78}.fs-example__story .metafield-rich_text_field>*{margin-top:0}.fs-example__story .metafield-rich_text_field h2,.fs-example__story .metafield-rich_text_field h3,.fs-example__story .metafield-rich_text_field h4,.fs-example__story .metafield-rich_text_field h5,.fs-example__story .metafield-rich_text_field h6{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:0;color:var(--fs-example-accent-dark);font-size:.92rem;font-weight:700;line-height:1.4;letter-spacing:.01em;text-transform:none}.fs-example__story .metafield-rich_text_field h2:not(:first-child),.fs-example__story .metafield-rich_text_field h3:not(:first-child),.fs-example__story .metafield-rich_text_field h4:not(:first-child),.fs-example__story .metafield-rich_text_field h5:not(:first-child),.fs-example__story .metafield-rich_text_field h6:not(:first-child){margin-top:26px;padding-top:25px;border-top:1px solid var(--fs-example-line)}.fs-example__story .metafield-rich_text_field h2:before,.fs-example__story .metafield-rich_text_field h3:before,.fs-example__story .metafield-rich_text_field h4:before,.fs-example__story .metafield-rich_text_field h5:before,.fs-example__story .metafield-rich_text_field h6:before{width:9px;height:9px;flex:0 0 9px;content:"";background:var(--fs-example-accent);border-radius:50%;box-shadow:0 0 0 4px #b86f491a}.fs-example__story .metafield-rich_text_field p{margin:0 0 14px}.fs-example__story .metafield-rich_text_field p:last-child{margin-bottom:0}.fs-example__story .metafield-rich_text_field ul,.fs-example__story .metafield-rich_text_field ol{margin:2px 0 16px;padding-left:22px}.fs-example__learning{display:grid;grid-template-columns:auto 1fr;gap:15px;margin-top:clamp(25px,3.5vw,32px);padding:clamp(18px,2.7vw,23px);background:#b86f4913;border:1px solid rgba(184,111,73,.15);border-radius:var(--fs-radius-medium, 16px)}.fs-example__learning-icon{display:flex;width:38px;height:38px;flex:0 0 auto;align-items:center;justify-content:center;color:var(--fs-example-accent-dark);background:#ffffffb8;border:1px solid rgba(184,111,73,.18);border-radius:50%}.fs-example__learning-icon svg{width:21px;height:21px}.fs-example__learning-body{min-width:0}.fs-example__learning-label{margin:0 0 5px;color:var(--fs-example-accent-dark);font-size:.75rem;font-weight:750;line-height:1.3;letter-spacing:.075em;text-transform:uppercase}.fs-example__learning-text{margin:0;color:var(--fs-color-text, #172018);font-size:clamp(1rem,1.3vw,1.1rem);font-weight:650;line-height:1.6}@keyframes fs-example-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:749px){.fs-example{padding:27px 21px 29px 25px;border-radius:var(--fs-radius-medium, 18px)}.fs-example:before{width:4px}.fs-example:after{top:-108px;right:-108px}.fs-example__title{font-size:clamp(1.7rem,8vw,2.2rem)}.fs-example__media{aspect-ratio:4 / 3}.fs-example__learning{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.fs-example{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-example.css.map */