.os-example{color:#283521;background:#f9faf5;border:1px solid #cbd3c1;border-radius:14px;margin:28px 0;overflow:hidden}.os-example figcaption{background:#fff8;border-bottom:1px solid #dce2d4;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 18px;font-size:11px;display:flex}.os-example figcaption small{color:#748069;font-size:9px}.os-example-body{min-height:250px;padding:22px;animation:.35s both bs-in}.os-example small{line-height:1.5}.os-example b,.os-example h4{font-weight:500}.bs-pipeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.bs-lane{background:#e9eee2;border-radius:8px;padding:8px}.bs-lane header{align-items:center;gap:4px;min-height:28px;font-size:9px;display:flex}.bs-lane header i{background:#76975d;border-radius:50%;flex-shrink:0;width:5px;height:5px}.bs-lead{background:#fff;border:1px solid #d5ddcc;border-radius:6px;padding:9px;animation:.5s both bs-in;box-shadow:0 5px 12px #273b1410}.bs-avatar{background:#dce9cd;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:12px;font-size:8px;display:flex}.bs-lead b,.bs-lead small{font-size:9px;display:block}.bs-lead small{color:#748069;margin-top:5px}.bs-lead footer{border-top:1px solid #e8ecdf;justify-content:space-between;align-items:center;gap:3px;margin-top:15px;padding-top:8px;font-size:8px;display:flex}.bs-ghost{border:1px dashed #c6d1bb;border-radius:5px;height:24px;margin-top:8px}.bs-money-summary>span,.bs-stock>span,.bs-shelf>span,.bs-source>span,.bs-feed>span,.bs-scenario-head>span{letter-spacing:1.5px;color:#6c7b60;font-size:8px}.bs-money-summary strong{letter-spacing:-1.5px;margin:7px 0;font-size:36px;font-weight:300;display:block}.bs-money-summary strong small{letter-spacing:0;margin-left:8px;font-size:10px}.bs-money-summary>p{color:#718267;font-size:10px}.bs-money-bar{gap:3px;height:7px;margin-top:15px;display:flex}.bs-money-bar i:first-child{background:#8ead70;border-radius:5px;width:87%}.bs-money-bar i:last-child{background:#d5b78c;border-radius:5px;flex:1}.bs-money-legend{justify-content:space-between;margin-top:6px;font-size:9px;display:flex}.bs-transactions{margin-top:17px}.bs-transactions>div{border-top:1px solid #dce2d4;align-items:center;gap:10px;padding:9px 0;font-size:10px;display:flex}.bs-transactions svg{color:#698c4d;flex-shrink:0;width:17px}.bs-transactions b,.bs-transactions small{display:block}.bs-transactions small{color:#718267;font-size:8px}.bs-transactions strong{white-space:nowrap;margin-left:auto;font-size:11px}.bs-transactions>p{color:#718267;align-items:center;gap:5px;margin-top:9px;font-size:9px;display:flex}.bs-documents{grid-template-columns:.8fr 1.2fr;align-items:center;gap:22px;display:grid}.bs-source{position:relative}.bs-source p{align-items:center;gap:5px;margin-top:13px;font-size:9px;display:flex}.bs-source svg{color:#77985c;width:12px}.bs-source-link{color:#8ba776;position:absolute;top:50%;right:-17px}.bs-paper{background:#fff;border:1px solid #d6ddcd;border-radius:3px;padding:17px;transform:rotate(2deg);box-shadow:5px 9px #e4eadc}.bs-paper>svg{color:#77985c}.bs-paper>small{letter-spacing:1px;color:#7b886f;margin:12px 0 8px;font-size:7px;display:block}.bs-paper h4{font-size:14px}.bs-paper p{margin-top:10px;font-size:9px}.bs-paper mark{color:#476034;background:#e8f0df;padding:2px 7px}.bs-paper-lines{gap:5px;margin:12px 0;display:grid}.bs-paper-lines i{background:#e5e9df;height:3px}.bs-paper-lines i:last-child{width:65%}.bs-signature{border-bottom:1px solid #bac7ae;width:60%;height:18px;margin:10px 0}.bs-paper footer{color:#807247;text-align:center;background:#f3ecd9;padding:5px;font-size:8px}.bs-inventory{grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;display:grid}.bs-shelf>div{border-bottom:5px solid #b5c6a4;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 0;display:grid}.bs-box{text-align:center;background:linear-gradient(130deg,#ecdfc6,#d4c09b);border:1px solid #c9b38c;border-radius:3px;padding:10px 4px 6px;animation:.4s both bs-in}.bs-box svg{color:#8c7753;width:20px;height:20px;margin:auto}.bs-box small{color:#8c7753;margin-top:6px;font-size:6px;display:block}.bs-shelf footer{color:#738068;margin-top:8px;font-size:8px}.bs-stock>div:not(.bs-stock-slip){justify-content:space-between;align-items:center;gap:5px;margin:14px 0 6px;display:flex}.bs-stock strong{font-size:31px;font-weight:300}.bs-stock strong:last-child{color:#55793a}.bs-stock>div>span{color:#9a8058;font-size:14px}.bs-stock>p{color:#7c866e;justify-content:space-between;font-size:7px;display:flex}.bs-stock-slip{border-top:1px solid #dce2d4;align-items:center;gap:6px;margin-top:16px;padding-top:12px;font-size:9px;display:flex}.bs-stock-slip b,.bs-stock-slip small{display:block}.bs-stock-slip small{color:#718267;margin-top:4px;font-size:8px}.bs-products{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.bs-product{min-width:0}.bs-object{background:#eceee6;border-radius:7px;height:110px;position:relative;overflow:hidden}.bs-object i,.bs-object b{display:block;position:absolute}.bs-object-0 i{border:0;border-top:4px solid #748569;border-left:4px solid #748569;border-radius:40px 0 0;width:40px;height:70px;bottom:14px;left:30%}.bs-object-0 b{background:#b7c9a1;border-radius:25px 25px 3px 3px;width:37px;height:23px;top:26px;left:42%}.bs-object-1 i{background:#b4a082;border-radius:50%;width:72%;height:16px;top:42px;left:14%;box-shadow:0 5px #867459}.bs-object-1 b{background:#a38a69;width:5px;height:40px;top:53px;left:24%;box-shadow:43px 0 #a38a69}.bs-object-2 i{background:linear-gradient(90deg,#b6aa8e,#e5dbc3,#b6aa8e);border-radius:6px 6px 20px 20px;width:40px;height:60px;top:33px;left:calc(50% - 20px)}.bs-object-2 b{background:#a5977b;border-radius:50%;width:40px;height:9px;top:29px;left:calc(50% - 20px)}.bs-product>span,.bs-product>small{margin-top:8px;font-size:9px;display:block}.bs-product>small{color:#7a886c;margin-top:3px;font-size:7px}.bs-enquiry{background:#e9f0e0;border:1px solid #cbdabb;border-radius:7px;margin-top:20px;padding:12px}.bs-enquiry>span{color:#758769;align-items:center;gap:6px;font-size:8px;display:flex}.bs-enquiry>b{margin:6px 0;font-size:11px;display:block}.bs-enquiry>small{justify-content:space-between;gap:5px;font-size:8px;display:flex}.bs-alert{background:#f2ead9;border:1px solid #ddd0ad;border-radius:9px;align-items:center;gap:10px;padding:14px;display:flex}.bs-bell{color:#8a7849}.bs-bell svg{width:20px}.bs-alert small{letter-spacing:1px;color:#958054;font-size:7px}.bs-alert h4{margin:3px 0;font-size:13px}.bs-alert p{color:#887a5b;font-size:8px}.bs-alert>i{background:#bb9544;border-radius:50%;width:6px;height:6px;margin-left:auto}.bs-timeline{margin-top:20px}.bs-timeline>div{align-items:flex-start;gap:10px;padding-bottom:15px;animation:.4s both bs-in;display:flex;position:relative}.bs-timeline time{color:#859178;flex-shrink:0;width:28px;font-size:8px}.bs-timeline i{border:1px solid #91a77d;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:3px}.bs-timeline b,.bs-timeline small{font-size:10px;display:block}.bs-timeline small{color:#718267;margin-top:3px;font-size:8px}.bs-timeline>div:not(:last-child):after{content:"";background:#c4d1b8;width:1px;height:32px;position:absolute;top:11px;left:41px}.bs-scenario-head{flex-wrap:wrap;justify-content:space-between;gap:5px;display:flex}.bs-scenario-head small{color:#859178;font-size:8px}.bs-scenario-chart{border-bottom:1px solid #bacbac;justify-content:space-around;align-items:flex-end;gap:15px;height:150px;padding-bottom:10px;display:flex}.bs-scenario-chart>div{flex-direction:column;align-items:center;gap:7px;width:28%;display:flex}.bs-scenario-chart span{font-size:12px}.bs-scenario-chart i{transform-origin:bottom;background:linear-gradient(#88a96b,#d1dfc1);border-radius:5px 5px 0 0;width:70%;animation:.6s both bs-grow;display:block}.bs-scenario-chart>div:nth-child(2) i{background:linear-gradient(#496d32,#9bbd7c)}.bs-scenario-chart small{font-size:8px}.bs-assumptions{gap:6px;margin-top:15px;display:flex}.bs-assumptions span{border:1px solid #ced9c3;border-radius:20px;padding:5px 10px;font-size:8px}.bs-scenarios>p{color:#75846a;margin-top:10px;font-size:8px}.bs-monitor{grid-template-columns:.7fr 1.3fr;align-items:center;gap:18px;display:grid}.bs-radar{aspect-ratio:1;background:radial-gradient(#e2eed6,#0000 70%);place-items:center;display:grid;position:relative}.bs-radar>i{border:1px solid #c1d1b1;border-radius:50%;position:absolute;inset:0}.bs-radar>i:nth-child(2){inset:16%}.bs-radar>i:nth-child(3){inset:32%}.bs-radar>svg{color:#78965e;width:30%;height:30%}.bs-radar>b{background:#739356;border-radius:50%;width:6px;height:6px;position:absolute;top:25%;right:15%;box-shadow:0 0 0 5px #8cac6420}.bs-feed>div{background:#fff;border:1px solid #d7e1ce;border-radius:6px;align-items:center;gap:7px;margin-top:8px;padding:10px;animation:.5s both bs-in;display:flex}.bs-feed>div>i{background:#8ba771;border-radius:50%;flex-shrink:0;width:5px;height:5px}.bs-feed b,.bs-feed small{font-size:9px;display:block}.bs-feed small{color:#77896a;margin-top:3px;font-size:8px}.bs-feed svg{color:#77995c;flex-shrink:0;margin-left:auto}.bs-feed>p{color:#75846a;margin-top:12px;font-size:8px}.bs-delay-1{animation-delay:.1s!important}.bs-delay-2{animation-delay:.2s!important}@keyframes bs-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bs-grow{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}@media (width<=550px){.os-example-body{padding:14px}.bs-pipeline{grid-template-columns:1fr}.bs-lane{grid-template-columns:70px 1fr;align-items:center;gap:5px;display:grid}.bs-lead{padding:8px}.bs-avatar,.bs-ghost{display:none}.bs-lead footer{margin-top:7px}.bs-inventory,.bs-monitor{grid-template-columns:1fr}.bs-radar{width:90px;margin:auto}.bs-shelf>div{padding:10px 0}.bs-box{padding:6px}.bs-stock>div:not(.bs-stock-slip),.bs-stock>p{justify-content:space-around}.bs-stock-slip{margin-top:10px}.bs-documents{gap:15px}.bs-paper{padding:10px}.bs-paper h4{font-size:12px}.bs-source p{font-size:8px}.bs-source>span{letter-spacing:.5px;font-size:7px}.bs-products{gap:6px}.bs-object{height:95px}.bs-product>span{font-size:8px}.bs-object-1 b{box-shadow:27px 0 #a38a69}.os-example figcaption{padding:12px 14px}}@media (prefers-reduced-motion:reduce){.os-example *,.os-example{transition:none!important;animation:none!important}}