@font-face{font-family:Boon Basis;src:url(/media/boon-app/fonts/basis-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Boon Basis;src:url(/media/boon-app/fonts/basis-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Boon Basis;src:url(/media/boon-app/fonts/basis-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Boon Basis;src:url(/media/boon-app/fonts/basis-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Boon Basis;src:url(/media/boon-app/fonts/basis-Black.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Boon Run Wild;src:url(/media/boon-app/fonts/runwild-Regular.woff2)format("woff2");font-weight:400;font-display:swap}.k-boon{--bn-black:#282828;--bn-info:#787878;--bn-ash:#d2d2d2;--bn-bg-grey:#e6e7e9;--bn-charcoal:#363636;--bn-disabled:#a5a5a5;--bn-mint:#36c8d1;--bn-navy:#4745de;--bn-purple:#9e59ff;--bn-indigo:#7100eb;--bn-light:#f9f9f9;--bn-g1:#333;--bn-g2:#4f4f4f;--bn-g3:#828282;--bn-g4:#bdbdbd;--bn-g5:#e0e0e0;--bn-pink:#f02553;--bn-yellow:#f4bf4e;--bn-forrest:#2c6253;--bn-green:#76cd87;--bn-s:.94861;--bn-font:"Boon Basis","Basis Grotesque Arabic Pro",system-ui,-apple-system,"Helvetica Neue",sans-serif;--bn-hand:"Boon Run Wild","Segoe Script","Bradley Hand",cursive;--bn-ease:cubic-bezier(.2,.8,.2,1);--scr-bg:var(--bn-light);font-family:var(--bn-font);color:var(--bn-black);background:var(--bn-light);-webkit-font-smoothing:antialiased;font-synthesis:none;text-rendering:optimizelegibility;font-weight:400}.k-boon *{box-sizing:border-box;margin:0;padding:0}.k-boon :where(p){display:block}.k-boon :where(button){font:inherit;color:inherit;cursor:inherit;text-align:inherit;text-transform:none;letter-spacing:inherit;background:0 0;border:0}.k-boon :where(img){vertical-align:baseline;border:0;max-width:none;height:auto;display:block}.k-boon :where(svg){display:block;overflow:visible}.k-boon :where(h1,h2,h3,h4,h5,h6){font:inherit;letter-spacing:inherit}:root .k-boon :is(h1,h2,h3,h4,h5,h6){font-family:inherit}.k-boon :where(ul,ol){list-style:none}.k-boon :where(label){font-weight:inherit}.k-boon :where(a){color:inherit;text-decoration:none}.k-boon :where(input,textarea){font:inherit;color:inherit;resize:none;background:0 0;border:0;outline:none}.app-host[data-mode=showcase] .k-boon :where(button,a,[data-go],[data-back]){cursor:pointer}.k-boon .bn-page{background:var(--bn-light);width:1366px;min-height:1024px;position:relative;overflow:hidden}.k-boon .bn-abs,.k-boon .bn-abs.bn-abs{position:absolute}.k-boon .bn-in{transition:opacity .7s var(--bn-ease),transform .8s var(--bn-ease);transition-delay:calc(var(--i,0) * 80ms)}.k-boon [data-pre] .bn-in{opacity:0;transition:none;transform:translateY(18px)}.k-boon .bn-nav{z-index:4;width:92px;height:1040px;position:absolute;top:0;left:0}.k-boon .bn-nav-bg{background:#fff;width:92px;height:1047px;position:absolute;top:-7px;left:-1px;box-shadow:0 3.794px 18.972px #0000000d}.k-boon .bn-nav--flat .bn-nav-bg{display:none}.k-boon .bn-nav-logo{width:48.649px;height:24.688px;position:absolute;left:20.1px}.k-boon .bn-nav-it{width:74px;color:var(--bn-info);flex-direction:column;align-items:center;gap:10px;font-size:11.383px;line-height:15.178px;transition:color .3s;display:flex;position:absolute;left:9px}.k-boon .bn-nav-it img{width:22.767px;height:22.767px}.k-boon .bn-nav-it.is-on{color:var(--bn-mint)}.k-boon .bn-nav-it.is-on:before{content:"";background:var(--bn-mint);width:1.897px;height:66.403px;position:absolute;top:-10.43px;left:-9px}.k-boon .bn-nav-tx{text-align:center;width:92px;color:var(--bn-info);font-size:15.178px;font-weight:700;line-height:22.767px;position:absolute;left:0}.k-boon .bn-hd{z-index:3;pointer-events:none;width:1366px;height:95px;position:absolute;top:0;left:0}.k-boon .bn-hd>*{pointer-events:auto;position:absolute}.k-boon .bn-hd-ar{color:var(--bn-info);font-size:15.18px;font-weight:700;line-height:22.767px}.k-boon .bn-hd-ic{width:22.767px;height:22.767px}.k-boon .bn-hd-av{background:var(--bn-navy);color:#fff;text-align:center;border-radius:50%;width:30.356px;height:30.356px;font-size:15.18px;font-weight:700;line-height:30.356px}.k-boon .bn-hd-caret{width:15.178px;height:15.178px}.k-boon .bn-hd-menu{width:45.533px;height:45.533px}.k-boon .bn-hd-menu i{background:var(--bn-mint);border-radius:100px;height:2.846px;position:absolute}.k-boon .bn-hd-bell{transform-origin:50% 10%}.k-boon .bn-hd-bell.is-ring{animation:bn-ring .9s var(--bn-ease)}@keyframes bn-ring{0%,to{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-4deg)}}.k-boon .bn-fld{width:529.325px;height:63.576px;position:relative}.k-boon .bn-fld-l{color:var(--bn-disabled);align-items:center;height:21.818px;font-size:13.28px;font-weight:500;line-height:17.075px;display:flex}.k-boon .bn-fld-v{height:40.66px;color:var(--bn-black);white-space:nowrap;padding-top:12.34px;font-size:15.18px;line-height:22.767px;display:block}.k-boon .bn-fld-v.is-ph{color:var(--bn-g4)}.k-boon .bn-fld:after{content:"";background:var(--bn-bg-grey);height:.949px;position:absolute;top:62.6px;left:0;right:0}.k-boon .bn-fld--dd .bn-fld-v{height:auto;padding-top:10.91px}.k-boon .bn-fld--dd:after{top:65.47px}.k-boon .bn-fld--dd .bn-fld-dd{width:22.767px;height:22.767px;position:absolute;top:35.1px;right:0}.k-boon .app-typing:after{content:"";vertical-align:-.15em;background:currentColor;width:1px;height:1.05em;margin-left:1px;animation:.8s step-end infinite bn-caret;display:inline-block}@keyframes bn-caret{50%{opacity:0}}.k-boon .bn-btn{white-space:nowrap;transition:transform .25s var(--bn-ease),background .3s,color .3s,box-shadow .3s;border-radius:31px;justify-content:center;align-items:center;padding:11.383px 22.767px;font-size:15.18px;font-weight:700;line-height:22.767px;display:inline-flex}.k-boon .bn-btn--fill{background:var(--bn-mint);color:#fff}.k-boon .bn-btn--line{border:1.897px solid var(--bn-disabled);color:var(--bn-disabled);border-radius:45px;padding:9.486px 20.87px}.k-boon .bn-btn.app-pressed,.k-boon .bn-btn:active{transform:scale(.96)}
