*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;color:#333;font-family:Nunito,helvetica,sans-serif;margin:0;padding:0}#root,.app,body,html{height:100%}.app{align-items:center;display:flex;justify-content:center}.app>div>*{left:0;position:absolute;top:0;width:100%}.center{align-items:center;display:flex;height:100%;justify-content:center}.center.vertical{flex-direction:column} .app a{color:#20b2aa}button{background:linear-gradient(135deg,#7ae7ec,#ef99fe);border:0;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:20px;font-weight:700;opacity:1;padding:13px 20px;transition:opacity .3s ease}button:hover{opacity:.8}h1.section-select{font-size:1.5rem}.section-options button{border-radius:100%;font-size:24px;height:200px;margin:10px;text-align:center;width:200px}.back{cursor:pointer;height:50px;left:20px;opacity:.5;position:absolute;top:20px;transition:opacity .3s ease;width:50px;z-index:2}.back img{height:100%;width:100%}.back:hover{opacity:1}.transition-container{height:100vh;position:relative;width:100%}.route-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.fade-enter{opacity:.01}.fade-enter.fade-enter-active{opacity:1;transition:opacity .4s ease .4s}.fade-exit{opacity:1}.fade-exit.fade-exit-active{opacity:.01;transition:opacity .4s ease}@media only screen and (max-width:700px){.section-options{display:flex;flex-direction:column}.section-options button{height:150px;width:150px}}.carousel-container{overflow:hidden;width:100vw}.carousel{margin-left:15vw;transition:transform .5s ease-in-out}.item{display:inline-block;height:100vh;margin-left:10vw;opacity:.3;pointer-events:none;transition:opacity .3s ease-in-out;width:50vw}.item.active{opacity:1;pointer-events:all}@media only screen and (max-width:700px){.carousel,.item{margin-left:5vw}.item{width:80vw}}.zen-switch-box{align-items:center;background:none;box-sizing:border-box;flex-direction:column;height:auto;max-width:470px;min-height:120px;padding:12px 0;width:100%}.zen-switch-box,.zen-switch-row{display:flex;justify-content:center}.zen-switch-row{flex-direction:row;margin:0;padding:0}.zen-switch{display:inline-block;margin:4px}.zen-switch .slider{background:#c5c5c5;border-radius:6px;cursor:pointer;display:inline-block;height:6px;position:relative;transition:all .2s ease;width:24px}.zen-switch .slider:after{background:#eee;border-radius:50%;box-shadow:0 2px 2px #0003;content:"";display:block;height:18px;left:-6px;position:absolute;top:-6px;transition:all .2s ease;width:18px}.zen-switch label{margin-right:7px}.zen-switch .input{display:none}.zen-switch .input~.label{margin-left:6px}.zen-switch .input:checked~.slider:after{left:12px}.zen-switch .input:checked~.slider{background:#7be8a7}.zen-switch .input:checked~.slider:after{background:#50e08a}@media only screen and (max-width:700px){.zen-switch{margin:6px}.zen-switch-box{height:495px;text-align:center;width:280px}.zen-switch .slider{height:6px;width:20px}.zen-switch .slider:after{height:14px;left:-4px;top:-4px;width:14px}}.liquid-switch{-webkit-backdrop-filter:blur(8px) saturate(1.5);backdrop-filter:blur(8px) saturate(1.5);background:linear-gradient(135deg,#9696964d,#c8c8ff33);border-radius:22px;box-shadow:0 2px 8px #00000026,inset 0 0 0 1.5px #ffffff4d;cursor:pointer;display:inline-block;height:22px;overflow:hidden;position:relative;transition:background .3s;vertical-align:middle;width:40px}.liquid-switch.on{background:linear-gradient(135deg,#0a1b2a80,#ffffff4d)}.liquid-track{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.liquid-svg{display:block;height:100%;width:100%}.liquid-thumb{background:linear-gradient(145deg,#ffffffb3,#c8dcff80);border-radius:50%;box-shadow:0 2px 8px #0000002e,inset 0 0 0 2px #ffffff80;height:16px;left:3px;position:absolute;top:3px;transition:left .3s cubic-bezier(.4,2,.6,1),box-shadow .2s;width:16px;z-index:2}.liquid-switch.on .liquid-thumb{box-shadow:0 4px 16px #50c8ff2e,inset 0 0 0 2px #b4dcff80;left:21px}.liquid-switch.dragging .liquid-thumb{box-shadow:0 0 24px 8px #50c8ff40,inset 0 0 0 2px #b4dcff80}canvas{height:500px;width:500px}@media only screen and (max-width:700px){canvas{height:80vw;width:80vw}}.intro-component{flex-direction:column;justify-content:center;margin:auto;min-height:100vh}.intro-component,.intro-main-content{align-items:center;display:flex}header img{height:330px;padding-right:50px}header h1{font-size:28px;margin-top:0}header p{font-size:16px;margin-bottom:20px}.zen-zone-intro{width:400px}.open-source-notice{color:#666;font-size:14px;line-height:1.4;margin-top:20px;max-width:500px;text-align:center}.reflection-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.reflection-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:16px;min-width:120px;padding:10px 20px;transition:all .3s ease; text-align: center}.exit-button{background-color:#f5f5f5;background:#ccc;border:1px solid #ddd;color:#fff}.exit-button:hover{background-color:#e8e8e8;color:#333}@media only screen and (max-width:768px){.intro-component{box-sizing:border-box;padding-left:40px;padding-right:40px;text-align:center;width:100%}.intro-main-content{flex-direction:column}.intro-component img{height:230px;padding:0 0 20px}.zen-zone-intro{width:100%}header h1{font-size:22px}.open-source-notice{font-size:13px;padding:0 10px}.reflection-buttons{flex-direction:column;gap:10px}.reflection-buttons button{font-size:14px;min-width:100px}}
/*# sourceMappingURL=main.028dde2c.css.map*/