.miniloong-page{--theme-color:#2dce89;--opensource-content-offset:120px;--panel-title-size:48px;--cases-image-ratio:770/250;--cases-right-bleed:56px}.miniloong-page .banner-wrapper .atom-btn,.miniloong-page .banner-wrapper .github-btn,.miniloong-page .miniloong-opensource-wrapper .atom-btn,.miniloong-page .miniloong-opensource-wrapper .github-btn{transition:all .3s ease;backdrop-filter:blur(10px);padding:0 1.5rem}.miniloong-page .banner-wrapper .atom-btn .overlay,.miniloong-page .miniloong-opensource-wrapper .atom-btn .overlay{background-image:none;background-color:#fff;mask-image:url(/atom_white.svg);mask-size:cover;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/atom_white.svg);-webkit-mask-size:cover;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;transition:background-color .3s ease,width .3s ease,height .3s ease;border-radius:50%;border:transparent}.miniloong-page .banner-wrapper .atom-btn:hover,.miniloong-page .banner-wrapper .github-btn:hover,.miniloong-page .miniloong-opensource-wrapper .atom-btn:hover,.miniloong-page .miniloong-opensource-wrapper .github-btn:hover{background-color:#fff!important;border-color:#fff!important;color:var(--theme-color)!important}.miniloong-page .banner-wrapper .atom-btn:hover .overlay,.miniloong-page .miniloong-opensource-wrapper .atom-btn:hover .overlay{width:30px;height:30px;background-color:var(--theme-color)}.miniloong-page .background-wrapper{width:100%;height:auto;overflow:hidden}.miniloong-page .miniloong-details-image{position:relative;width:100%;aspect-ratio:5756/2752;overflow:hidden;border-radius:0}.miniloong-page .miniloong-opensource-wrapper{width:100%}.miniloong-page .miniloong-opensource-cards{display:flex;align-items:flex-start;justify-content:flex-start;gap:18px;flex-wrap:nowrap;width:100%}.miniloong-page .opensource-card{width:calc((100% - 54px)/4);min-width:200px;border-radius:12px;background:hsla(0,0%,100%,.14);overflow:hidden;position:relative;flex:none;display:flex;flex-direction:column}.miniloong-page .opensource-card:nth-child(2n){margin-top:var(--opensource-content-offset)}.miniloong-page .opensource-card-media{position:relative;z-index:1;width:100%;aspect-ratio:1020/840;flex:none}.miniloong-page .opensource-card-media:after{content:"";position:absolute;bottom:0;left:0;right:0;height:18px;background:linear-gradient(180deg,transparent 0,#599fa7)}.miniloong-page .opensource-card-content{position:relative;z-index:1;min-height:120px;height:auto;flex:1;background:#599fa7;backdrop-filter:blur(4px)}.miniloong-page .opensource-card-title{color:#fff;font-size:24px;font-weight:800;margin-bottom:4px}.miniloong-page .opensource-card-desc{color:hsla(0,0%,100%,.6);font-size:16px;line-height:1.5;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.miniloong-page .miniloong-opensource-panel{padding-right:0;color:#fff;display:grid;grid-template-columns:max-content;justify-items:start;align-items:start;row-gap:4rem;flex-shrink:0;max-width:100%;height:100%;align-self:stretch;box-sizing:border-box;padding-top:calc(var(--opensource-content-offset) - var(--panel-title-size))}.miniloong-page .panel-head{display:inline-block;width:-moz-max-content;width:max-content;max-width:100%;padding-top:0}.miniloong-page .panel-title{font-size:var(--panel-title-size);font-weight:900;line-height:1;letter-spacing:10%;white-space:nowrap;width:100%;display:block}.miniloong-page .panel-subtitle{letter-spacing:8%;margin-top:4px;font-size:24px;color:#fff;width:100%;display:block;box-sizing:border-box}.miniloong-page .panel-community{display:flex;flex-direction:column;gap:14px;width:100%;min-width:0;align-items:flex-start}.miniloong-page .community-pill{display:flex;flex-direction:column;gap:2px;padding:8px 12px;width:-moz-max-content;width:max-content;border-radius:999px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.25)}.miniloong-page .community-pill-title{font-size:14px;font-weight:900;letter-spacing:.4px;color:#2dce89}.miniloong-page .community-pill-sub{font-size:12px;font-weight:700;color:hsla(0,0%,100%,.95)}.miniloong-page .panel-actions{display:flex;flex-direction:column;gap:10px}.miniloong-page .opensource-pill-btn{width:160px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;background:hsla(0,0%,100%,.95);color:var(--theme-color);border-radius:999px;font-weight:800;text-decoration:none}.miniloong-page .github-icon{color:var(--theme-color);font-size:18px}.miniloong-page .atom-icon{width:18px;height:18px;background-color:var(--theme-color);mask-image:url(/atom_white.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/atom_white.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.miniloong-page .miniloong-cases-wrapper{padding:56px 0 56px 56px;color:#fff}.miniloong-page .cases-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:auto minmax(200px,1fr);grid-template-areas:"leftTop rightTop" "leftBottom rightBottom";gap:32px;align-items:stretch}.miniloong-page .cases-main-title{grid-area:leftTop;line-height:1;font-size:72px;display:flex;flex-direction:column;gap:16px;font-weight:600;letter-spacing:.2em;justify-content:flex-end}.miniloong-page .cases-intro-title{font-size:18px;font-weight:700;margin-bottom:6px}.miniloong-page .cases-intro-desc{margin:0;max-width:95%;font-size:10px;line-height:1.35;color:hsla(0,0%,100%,.72)}.miniloong-page .cases-left-preview{grid-area:leftBottom;position:relative;width:100%;border-radius:12px;overflow:hidden;aspect-ratio:var(--cases-image-ratio);min-height:200px}.miniloong-page .cases-anim-inner{will-change:transform,opacity}.miniloong-page .cases-anim-out{animation:cases-page-fade-out .26s ease forwards}.miniloong-page .cases-anim-in{animation:cases-page-fade-in .26s ease forwards}.miniloong-page .cases-anim-idle{animation:none;opacity:1;transform:translateX(0)}.miniloong-page .cases-right-head{grid-area:rightTop;display:block;overflow:hidden;align-self:end}.miniloong-page .cases-right-head .cases-anim-inner{display:grid;grid-template-columns:1fr auto auto;align-items:end;justify-content:flex-start;width:100%}.miniloong-page .cases-left-preview .cases-anim-inner,.miniloong-page .cases-right-image .cases-anim-inner{position:absolute;inset:0;width:100%;height:100%}.miniloong-page .case-card-meta{width:80%;display:flex;flex-direction:column;gap:16px}.miniloong-page .case-card-title{font-size:24px;line-height:1;font-weight:800;color:#fff}.miniloong-page .case-card-desc{font-size:16px;line-height:1.5;color:#fff}.miniloong-page .case-card-index{font-size:120px;line-height:1;font-weight:300;color:hsla(0,0%,100%,.92)}.miniloong-page .case-card-head-icon{width:19px;height:19px;border-radius:999px;border:1px solid hsla(0,0%,100%,.72);color:hsla(0,0%,100%,.82);font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;margin-top:10px;margin-left:10px}.miniloong-page .cases-right-image{grid-area:rightBottom;position:relative;border-radius:12px 0 0 12px;aspect-ratio:var(--cases-image-ratio);width:100%;margin-right:0;justify-self:stretch;overflow:hidden}.miniloong-page .cases-right-image:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30%;background:linear-gradient(90deg,rgba(7,33,40,0),rgba(9,96,92,.52));pointer-events:none}.miniloong-page .cases-next-btn{position:absolute;right:48px;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:999px;border:2px solid hsla(0,0%,100%,.78);background:hsla(0,0%,100%,.05);color:#fff;font-size:42px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer}.miniloong-page .cases-next-btn:hover{background:hsla(0,0%,100%,.2)}@keyframes cases-page-fade-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-28px)}}@keyframes cases-page-fade-in{0%{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}@media(max-width:1440px)and (min-width:901px){.miniloong-page .miniloong-opensource-wrapper-desktop{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px}.miniloong-page .miniloong-opensource-wrapper-desktop .miniloong-opensource-panel{order:1;width:100%;max-width:100%;height:auto;align-self:stretch;padding-top:0;padding-right:0;row-gap:16px;grid-template-columns:minmax(0,1fr);justify-items:center}.miniloong-page .miniloong-opensource-wrapper-desktop .panel-head{display:flex;flex-direction:column;align-items:center;width:100%}.miniloong-page .miniloong-opensource-wrapper-desktop .panel-subtitle,.miniloong-page .miniloong-opensource-wrapper-desktop .panel-title{text-align:center}.miniloong-page .miniloong-opensource-wrapper-desktop .panel-community{align-items:center}.miniloong-page .miniloong-opensource-wrapper-desktop .panel-community-btns{flex-direction:row;align-items:center;justify-content:center;gap:12px!important}.miniloong-page .miniloong-opensource-wrapper-desktop .miniloong-opensource-cards{order:2;width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;-ms-overflow-style:none;scrollbar-width:none}.miniloong-page .miniloong-opensource-wrapper-desktop .miniloong-opensource-cards::-webkit-scrollbar{display:none}.miniloong-page .miniloong-opensource-wrapper-desktop .opensource-card{width:calc((100% - 42px)/4);min-width:220px;margin-top:0}.miniloong-page .miniloong-opensource-wrapper-desktop .opensource-card:nth-child(2n){margin-top:0}}@media(max-width:1200px)and (min-width:901px){.miniloong-page .miniloong-page{--cases-right-bleed:0}.miniloong-page .miniloong-cases-wrapper{padding:32px 24px}}@media(max-width:900px){.miniloong-page .miniloong-opensource-wrapper{flex-direction:column;align-items:stretch;padding:56px 0 56px 56px!important}.miniloong-page .miniloong-opensource-panel{order:1;width:100%;max-width:100%;height:auto;grid-template-columns:minmax(0,1fr);align-self:stretch;padding-top:0;padding-right:48px;row-gap:12px;justify-items:start}.miniloong-page .miniloong-opensource-cards{order:2;width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;-webkit-overflow-scrolling:auto;-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:12px;padding-right:0;padding-bottom:6px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.miniloong-page .miniloong-opensource-cards::-webkit-scrollbar{display:none}.miniloong-page .opensource-card{width:calc((100% - 24px)/2.2);min-width:calc((100% - 24px)/2.2);min-height:132px;scroll-snap-align:start;scroll-snap-stop:always}.miniloong-page .opensource-card:nth-child(2n){margin-top:0}.miniloong-page .panel-head{display:flex;flex-direction:column;justify-content:center;width:100%;padding-top:0}.miniloong-page .panel-title{white-space:nowrap;font-size:30px;text-align:center;letter-spacing:.1em;line-height:1.5}.miniloong-page .panel-subtitle{font-size:16px;text-align:center}.miniloong-page .panel-community{gap:10px;width:100%;display:flex;flex-direction:column;align-items:center}.miniloong-page .panel-community-btns{display:flex;flex-direction:row;width:100%;max-width:220px;font-size:16px!important;gap:10px!important;justify-content:center}.miniloong-page .community-pill{padding:6px 10px}.miniloong-page .community-pill-title{font-size:13px}.miniloong-page .community-pill-sub{font-size:11px}.miniloong-page .banner-wrapper .atom-btn,.miniloong-page .banner-wrapper .github-btn,.miniloong-page .miniloong-opensource-wrapper .atom-btn,.miniloong-page .miniloong-opensource-wrapper .github-btn{width:112px;min-width:112px;height:32px!important;font-size:14px!important;padding-inline:8px!important}.miniloong-page .miniloong-cases-wrapper{padding:56px 0 56px 56px}.miniloong-page .cases-layout-mobile,.miniloong-page .cases-mobile-shell{display:flex;flex-direction:column;gap:12px}.miniloong-page .cases-mobile-shell{width:100%}.miniloong-page .cases-layout-mobile .cases-main-title{font-size:44px;line-height:1.08;margin-bottom:0;white-space:nowrap;justify-content:center}.miniloong-page .cases-mobile-stack{position:relative;width:100%;overflow:hidden}.miniloong-page .cases-mobile-crossfade{position:relative;width:100%;min-width:0}.miniloong-page .cases-mobile-layer{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}.miniloong-page .cases-mobile-layer--front{position:relative;z-index:2;opacity:1;transform:translateX(0)}.miniloong-page .cases-mobile-layer--back{position:absolute;inset:0;z-index:1;opacity:0;transform:translateX(18px);pointer-events:none}.miniloong-page .cases-mobile-crossfade--active .cases-mobile-layer--front.cases-mobile-xfade-out{z-index:2}.miniloong-page .cases-mobile-crossfade--active .cases-mobile-layer--back.cases-mobile-xfade-in{z-index:3}.miniloong-page .cases-mobile-xfade-out{animation:cases-mobile-xfade-out .2s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity}.miniloong-page .cases-mobile-xfade-in{animation:cases-mobile-xfade-in .2s cubic-bezier(.22,1,.36,1) forwards;will-change:transform,opacity}.miniloong-page .cases-mobile-visual-inner{display:flex;align-items:stretch;gap:12px;width:100%;min-width:0}.miniloong-page .cases-mobile-current{position:relative;flex:0 0 calc(80% - 12px);min-height:200px;border-radius:10px;overflow:hidden}.miniloong-page .cases-mobile-peek{position:relative;flex:0 0 20%;min-height:200px;border-radius:10px 0 0 10px;overflow:hidden}.miniloong-page .cases-mobile-peek:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,33,40,.1),rgba(9,96,92,.55));pointer-events:none}.miniloong-page .case-card-index{font-size:44px}.miniloong-page .case-card-head-icon{margin-top:8px}.miniloong-page .cases-mobile-stack .cases-next-btn{position:absolute;right:12px;top:100px;transform:translateY(-50%);width:38px;height:38px;font-size:30px;z-index:4}.miniloong-page .cases-mobile-intro{display:block;padding-right:48px}@keyframes cases-mobile-xfade-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-18px)}}@keyframes cases-mobile-xfade-in{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}.miniloong-page .cases-mobile-intro-title{font-size:24px;line-height:1.12;font-weight:700;margin-bottom:8px;color:hsla(0,0%,100%,.95)}.miniloong-page .cases-mobile-intro-desc{margin:0;font-size:16px;line-height:1.55;color:hsla(0,0%,100%,.76)}}