:root{--bg-glass-box-radius:40px;--bg-glass-box-blur:10px;--bg-glass-box-shadow:2px 2px 30px rgba(10,41,37,.16);--bg-glass-box-border-color:hsla(0,0%,100%,.35);--bg-glass-box-corner-width:1px;--bg-glass-box-corner-color:#9c9386;--bg-glass-box-corner-radius:40px}.bg-glass-box{width:100%}.bg-glass-box__wrapper{backdrop-filter:blur(var(--bg-glass-box-blur));-webkit-backdrop-filter:blur(var(--bg-glass-box-blur));background:linear-gradient(274deg,rgba(0,94,182,.1) 4.14%,rgba(0,154,30,.1) 58%,rgba(255,106,0,.1) 103.28%);border-radius:var(--bg-glass-box-radius);box-shadow:var(--bg-glass-box-shadow);height:auto;margin:0 auto;overflow:hidden;padding:40px;position:relative;width:1240px;z-index:0}body.light-mode .bg-glass-box__wrapper:after,body.light-mode .bg-glass-box__wrapper:before{z-index:1}.bg-glass-box__wrapper>*{position:relative;z-index:2}body.light-mode .bg-glass-box__wrapper:before{border:1px solid var(--bg-glass-box-border-color);border-radius:inherit;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),inset 0 -1px 0 rgba(0,0,0,.04);content:"";inset:0;pointer-events:none;position:absolute}body.light-mode .bg-glass-box__wrapper:after{background-image:repeating-linear-gradient(0deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 1px,rgba(0,0,0,.1) 2px);border-radius:inherit;content:"";inset:0;mix-blend-mode:overlay;opacity:.06;pointer-events:none;position:absolute}.bg-glass-box__wrapper>.bottom-left,.bg-glass-box__wrapper>.top-right{display:none;pointer-events:none;position:absolute;width:100%;z-index:3}body.dark-mode .bg-glass-box__wrapper>.bottom-left,body.dark-mode .bg-glass-box__wrapper>.top-right{display:block}body.dark-mode .bg-glass-box__wrapper>.bottom-left{border-bottom-left-radius:var(--bg-glass-box-corner-radius);border-left:var(--bg-glass-box-corner-width) solid var(--bg-glass-box-corner-color);height:calc(100% - var(--bg-glass-box-corner-radius));left:0;top:var(--bg-glass-box-corner-radius)}body.dark-mode .bg-glass-box__wrapper>.top-right{border-right:var(--bg-glass-box-corner-width) solid var(--bg-glass-box-corner-color);border-top-right-radius:var(--bg-glass-box-corner-radius);height:calc(100% - var(--bg-glass-box-corner-radius));right:0;top:0}@media screen and (max-width:768px){:root{--bg-glass-box-radius:20px;--bg-glass-box-corner-radius:20px}.bg-glass-box__wrapper{border-radius:var(--bg-glass-box-radius)!important;height:auto!important;padding:10px!important;width:100%!important}}