:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}#app{position:fixed;inset:0;display:grid;place-items:center}.wb-app-root{position:fixed;inset:0;display:grid;place-items:center;padding:0;box-sizing:border-box;background:#000}.wb-stage{--wb-fog-cutout-x: 85.7%;--wb-fog-cutout-y: 23.2%;--wb-fog-source-rx: 3%;--wb-fog-source-ry: 3%;--wb-fog-near-x: 82%;--wb-fog-near-y: 30%;--wb-fog-near-rx: 4%;--wb-fog-near-ry: 4%;--wb-fog-mid-x: 70%;--wb-fog-mid-y: 42%;--wb-fog-mid-rx: 6%;--wb-fog-mid-ry: 5%;--wb-fog-far-x: 58%;--wb-fog-far-y: 54%;--wb-fog-far-rx: 5%;--wb-fog-far-ry: 4%;position:relative;width:100vw;height:100vh;display:grid;place-items:center;overflow:hidden;border-radius:0;box-shadow:none}.wb-stage__artboard{position:absolute;z-index:1;pointer-events:none;overflow:hidden}.wb-stage canvas{position:relative;z-index:2}.wb-stage__backdrop,.wb-stage__waves,.wb-stage__clouds{position:absolute;inset:0}.wb-stage__fog{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1.8s ease;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.96) 0%,rgba(0,0,0,.92) 38%,rgba(0,0,0,.45) 56%,transparent 72%),radial-gradient(ellipse var(--wb-fog-source-rx) var(--wb-fog-source-ry) at var(--wb-fog-cutout-x) var(--wb-fog-cutout-y),transparent 0 56%,rgba(0,0,0,.5) 74%,rgba(0,0,0,1) 100%),conic-gradient(ellipse var(--wb-fog-near-rx) var(--wb-fog-near-ry) at var(--wb-fog-near-x) var(--wb-fog-near-y),transparent 0 60%,rgba(0,0,0,.48) 80%,rgba(0,0,0,1) 100%),radial-gradient(ellipse var(--wb-fog-mid-rx) var(--wb-fog-mid-ry) at var(--wb-fog-mid-x) var(--wb-fog-mid-y),transparent 0 60%,rgba(0,0,0,.46) 80%,rgba(0,0,0,1) 100%),radial-gradient(ellipse var(--wb-fog-far-rx) var(--wb-fog-far-ry) at var(--wb-fog-far-x) var(--wb-fog-far-y),transparent 0 58%,rgba(0,0,0,.46) 79%,rgba(0,0,0,1) 100%);-webkit-mask-composite:source-over,source-in,source-in,source-in;mask-image:linear-gradient(to bottom,rgba(0,0,0,.96) 0%,rgba(0,0,0,.92) 38%,rgba(0,0,0,.45) 56%,transparent 72%),radial-gradient(ellipse var(--wb-fog-source-rx) var(--wb-fog-source-ry) at var(--wb-fog-cutout-x) var(--wb-fog-cutout-y),transparent 0 56%,rgba(0,0,0,.5) 74%,rgba(0,0,0,1) 100%),radial-gradient(ellipse var(--wb-fog-near-rx) var(--wb-fog-near-ry) at var(--wb-fog-near-x) var(--wb-fog-near-y),transparent 0 60%,rgba(0,0,0,.48) 80%,rgba(0,0,0,1) 100%),radial-gradient(ellipse var(--wb-fog-mid-rx) var(--wb-fog-mid-ry) at var(--wb-fog-mid-x) var(--wb-fog-mid-y),transparent 0 60%,rgba(0,0,0,.46) 80%,rgba(0,0,0,1) 100%),radial-gradient(ellipse var(--wb-fog-far-rx) var(--wb-fog-far-ry) at var(--wb-fog-far-x) var(--wb-fog-far-y),transparent 0 58%,rgba(0,0,0,.46) 79%,rgba(0,0,0,1) 100%);mask-composite:intersect,intersect,intersect,intersect}.wb-stage__fog.is-active{opacity:1}.wb-stage__fog-layer{position:absolute;top:-6%;left:-35%;width:170%;height:58%;border-radius:999px;filter:blur(34px);background-repeat:no-repeat;will-change:transform}.wb-stage__fog-layer--1{background-image:radial-gradient(ellipse at 14% 42%,rgba(46,49,54,.58) 0%,rgba(46,49,54,.38) 20%,transparent 48%),radial-gradient(ellipse at 42% 38%,rgba(54,57,62,.46) 0%,rgba(54,57,62,.28) 18%,transparent 46%),radial-gradient(ellipse at 74% 44%,rgba(42,45,50,.5) 0%,rgba(42,45,50,.24) 22%,transparent 50%)}.wb-stage__fog-layer--2{top:6%;left:-28%;width:160%;height:54%;filter:blur(40px);background-image:radial-gradient(ellipse at 26% 28%,rgba(58,61,66,.42) 0%,rgba(58,61,66,.24) 20%,transparent 50%),radial-gradient(ellipse at 58% 34%,rgba(44,47,52,.38) 0%,rgba(44,47,52,.18) 18%,transparent 46%),radial-gradient(ellipse at 84% 32%,rgba(64,67,72,.34) 0%,rgba(64,67,72,.16) 18%,transparent 42%)}.wb-stage__fog-layer--3{top:13%;left:-22%;width:150%;height:46%;filter:blur(28px);background-image:radial-gradient(ellipse at 18% 20%,rgba(41,44,48,.24) 0%,rgba(41,44,48,.1) 16%,transparent 42%),radial-gradient(ellipse at 49% 24%,rgba(55,58,63,.22) 0%,rgba(55,58,63,.1) 14%,transparent 40%),radial-gradient(ellipse at 77% 26%,rgba(47,50,55,.2) 0%,rgba(47,50,55,.08) 14%,transparent 38%)}.wb-stage__backdrop{background-color:#6485ab}.wb-stage__waves{overflow:hidden}.wb-stage__waves-image{position:absolute;inset:calc(-30px - 2%) -5% 0 -5%;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;opacity:.8;will-change:transform}.wb-stage__waves-image--secondary{inset:calc(-30px - 3%) -5% 0 -5%}.wb-stage__waves.is-active .wb-stage__waves-image--primary{background-image:url(../assets/waves.png);animation:wb-wave-sway-primary 6s ease-in-out infinite alternate}.wb-stage__waves.is-active .wb-stage__waves-image--secondary{background-image:url(../assets/waves.png);animation:wb-wave-sway-secondary 7.8s ease-in-out infinite alternate}.wb-stage__clouds{overflow:hidden}.wb-stage__cloud-track{position:absolute;inset:0 auto 0 0;width:400%;height:100%;display:flex;will-change:transform}.wb-stage__cloud-tile{flex:0 0 25%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;opacity:.9}.wb-stage__clouds.is-active .wb-stage__cloud-track{animation:wb-cloud-pan 120s linear infinite}.wb-stage__clouds.is-active .wb-stage__cloud-tile{background-image:url(../assets/Envrionment/CloudTexture.png)}.wb-stage__cloud-tile--mirrored{transform:scaleX(-1)}@keyframes wb-cloud-pan{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes wb-wave-sway-primary{0%{transform:translate(-2.6%)}to{transform:translate(2.6%)}}@keyframes wb-wave-sway-secondary{0%{transform:scaleX(-1) translate(-1.8%)}to{transform:scaleX(-1) translate(1.8%)}}.wb-stage__fog.is-active .wb-stage__fog-layer--1{animation:wb-fog-drift-1 62s ease-in-out infinite alternate}.wb-stage__fog.is-active .wb-stage__fog-layer--2{animation:wb-fog-drift-2 84s ease-in-out infinite alternate}.wb-stage__fog.is-active .wb-stage__fog-layer--3{animation:wb-fog-drift-3 70s ease-in-out infinite alternate}@keyframes wb-fog-drift-1{0%{transform:translate(-4%) translateY(0) scale(1.02)}to{transform:translate(4%) translateY(1.2%) scale(1.08)}}@keyframes wb-fog-drift-2{0%{transform:translate(3%) translateY(-1%) scale(1.04)}to{transform:translate(-5%) translateY(1%) scale(1.1)}}@keyframes wb-fog-drift-3{0%{transform:translate(-2%) translateY(.4%) scale(1)}to{transform:translate(5%) translateY(-.8%) scale(1.06)}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.wb-sound-toggle{position:fixed;right:20px;bottom:108px;z-index:9000;width:58px;height:58px;padding:4px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#12161cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:inline-flex;align-items:center;justify-content:center}.wb-sound-toggle:hover{border-color:#fff6}.wb-sound-toggle__text,.wb-fullscreen-toggle__text{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);font-size:11px;font-weight:600;letter-spacing:.2px;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.55);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.wb-fullscreen-toggle{position:fixed;right:90px;bottom:108px;z-index:9000;width:58px;height:58px;padding:4px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#12161cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:inline-flex;align-items:center;justify-content:center;color:#fffffff2}.wb-fullscreen-toggle:hover{border-color:#fff6}.wb-fullscreen-toggle__icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center}.wb-fullscreen-toggle__icon svg{width:100%;height:100%}.wb-fullscreen-toggle__icon--compress,.wb-fullscreen-toggle.is-active .wb-fullscreen-toggle__icon--expand{display:none}.wb-fullscreen-toggle.is-active .wb-fullscreen-toggle__icon--compress{display:inline-flex}.wb-sound-toggle__icon{display:block;width:36px;height:36px;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.wb-sound-toggle__slash{position:absolute;width:5px;height:44px;background:#d7263d;border-radius:999px;opacity:0;transition:opacity .18s ease;pointer-events:none}.wb-sound-toggle__slash--a{transform:rotate(-45deg)}.wb-sound-toggle__slash--b{transform:rotate(45deg)}.wb-sound-toggle.is-muted .wb-sound-toggle__slash{opacity:1}.wb-return-site{position:fixed;right:20px;bottom:20px;z-index:9000;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:#ffffffeb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:.02em;padding:.65rem 1.35rem;min-width:12.5rem;max-width:calc(100vw - 40px);border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#12161cbd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .15s ease,background .15s ease}.wb-return-site:hover{border-color:#ffffff61;background:#12161ce0}.wb-return-site:focus-visible{outline:2px solid rgba(255,255,255,.65);outline-offset:2px}.wb-legend{position:fixed;left:16px;top:118px;z-index:9000;width:min(450px,calc(100vw - 32px))}.wb-mccabe-home-logo{position:fixed;left:16px;top:12px;z-index:9000;display:inline-block;line-height:0;padding:25px 8px 5px 28px;transition:opacity .15s ease}.wb-mccabe-home-logo:hover{opacity:.9}.wb-mccabe-home-logo:focus-visible{outline:2px solid rgba(255,255,255,.65);outline-offset:2px}.wb-mccabe-home-logo__img{height:66px;width:auto;max-width:min(300px,calc(100vw - 100px));object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.wb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.wb-legend-toggle{width:auto;min-width:177px;padding:.75rem 1.125rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#12161cbd;color:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:inline-flex;align-items:center;gap:.75rem;text-align:left}.wb-legend-toggle:hover{border-color:#ffffff61}.wb-legend-toggle__icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.wb-legend-toggle__icon svg{width:100%;height:100%}.wb-legend-toggle__label{font-size:1.35rem;font-weight:600;line-height:1.1}.wb-legend-panel{margin-top:8px;padding:0 1rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#12161cb8;color:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:.35rem;opacity:0;transform:translateY(-6px);max-height:0;overflow:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,max-height .2s ease,padding-top .2s ease,padding-bottom .2s ease}.wb-legend.is-expanded .wb-legend-panel{padding-top:.9rem;padding-bottom:.9rem;opacity:1;transform:translateY(0);max-height:360px;pointer-events:auto}.wb-legend-row{display:grid;grid-template-columns:22px auto auto 1fr;gap:.6rem;align-items:center;font-size:.93rem;line-height:1.2;color:#ffffffdb}.wb-legend-row__icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:#ffffffe0}.wb-legend-row__icon svg,.wb-legend-row__icon img{width:100%;height:100%;object-fit:contain}.wb-legend-row__label{font-weight:600}.wb-legend-row__equals{opacity:.72}.wb-legend-row__meaning{opacity:.84}.wb-legend-row--pillars{--legend-accent: #c9a227}.wb-legend-row--planks{--legend-accent: #b8895a}.wb-legend-row--nails{--legend-accent: #a8b0b8}.wb-legend-row--waves{--legend-accent: #4a90d9}.wb-legend-row--lighthouse{--legend-accent: #f5e6a8}.wb-legend-row[class*=wb-legend-row--] .wb-legend-row__icon,.wb-legend-row[class*=wb-legend-row--] .wb-legend-row__label,.wb-legend-row[class*=wb-legend-row--] .wb-legend-row__equals,.wb-legend-row[class*=wb-legend-row--] .wb-legend-row__meaning{color:var(--legend-accent)}.wb-guided-mode .wb-plank-item{outline:1px solid rgba(184,137,90,.55);outline-offset:-1px}.wb-guided-mode .wb-resource-row--plank .wb-resource-cta{box-shadow:0 0 0 1px #a8b0b8a6}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}