.toggle-btn{position:relative;width:145px;height:74px;border-radius:40px;zoom:.3;margin:0 0 20px}input[type=checkbox]{width:100%;height:100%;margin:0;cursor:pointer;opacity:0;z-index:2}#_1st-toggle-btn span,input[type=checkbox]{position:absolute;top:0;left:0;right:0;bottom:0}#_1st-toggle-btn span{overflow:hidden;opacity:1;background-color:#fff;border-radius:40px;transition:background-color .2s ease,opacity .2s ease}#_1st-toggle-btn span:after,#_1st-toggle-btn span:before{content:"";position:absolute;top:8px;width:58px;height:58px;border-radius:50%;transition:transform .5s ease,background-color .2s ease}#_1st-toggle-btn span:before{background-color:#fff;-webkit-transform:translate(-58px);transform:translate(-58px);z-index:1}#_1st-toggle-btn span:after{background-color:#000;-webkit-transform:translate(8px);transform:translate(8px);z-index:0}#_1st-toggle-btn input[type=checkbox]:checked+span{background-color:#000}#_1st-toggle-btn input[type=checkbox]:active+span{opacity:.5}#_1st-toggle-btn input[type=checkbox]:checked+span:before{background-color:#000;-webkit-transform:translate(56px,-19px);transform:translate(56px,-19px)}#_1st-toggle-btn input[type=checkbox]:checked+span:after{background-color:#fff;-webkit-transform:translate(79px);transform:translate(79px)}#_2nd-toggle-btn{margin:0 auto}#_2nd-toggle-btn span{position:absolute;top:0;right:0;bottom:0;left:0;border:8px solid #b3b3b3;overflow:hidden;background-color:#fff;border-radius:40px;transition:border-color .8s ease}#_2nd-toggle-btn span:before{content:"";position:absolute;top:-8px;width:58px;height:58px;border:8px solid #b3b3b3;margin-left:0;border-radius:50%;-webkit-transform:translate(-8px);transform:translate(-8px);transition:border-radius .4s ease,transform .4s ease,width .6s ease,margin-left .6s ease,border-color .8s ease}#_2nd-toggle-btn input[type=checkbox]:active+span:before{width:80px;border-radius:40px}#_2nd-toggle-btn input[type=checkbox]:checked:active+span:before{margin-left:-22px}#_2nd-toggle-btn input[type=checkbox]:checked+span{border-color:#000}#_2nd-toggle-btn input[type=checkbox]:checked+span:before{border-color:#000;-webkit-transform:translate(63px);transform:translate(63px)}.accordion{margin:1em 0 0;width:100%}.accordion input{display:none}.box{background:var(--background-simple)}.box,.box-glass{color:var(--font-color);position:relative;height:6em;transition:all .25s ease-in-out;border-radius:1em;margin:.5em auto}.box-glass{background:hsla(0,0%,100%,.25);backdrop-filter:blur(.4em);-webkit-backdrop-filter:blur(.4em)}.box:before{content:"";position:absolute;display:block;top:0;bottom:0;left:0;right:0;pointer-events:none}header.box{background:#ad001d;border-radius:1em;z-index:100;cursor:auto;box-shadow:0 5px 15px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09)}header .box-title{margin:0;font-weight:400;font-size:1.4em;color:#fff;cursor:auto}header .glass{color:#000!important}.box-title{font-size:1.2em;width:calc(100% - 40px);height:64px;line-height:64px;padding:0 1.5em;display:inline-block;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.box-content{color:var(--font-color);width:calc(100% - 40px);padding:1em;font-size:1.2em;display:none;text-align:center;width:90%}.box-close{position:absolute;height:64px;width:100%;top:0;left:0;cursor:pointer;display:none}input:checked+.box{height:auto;margin:1.5em 0;box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32)}input:checked+.box .box-title{border-bottom:1px solid rgba(0,0,0,.18)}input:checked+.box .box-close,input:checked+.box .box-content{display:inline-block}.arrows section .box-title{padding-left:4em;width:calc(100% - 64px)}.arrows section .box-title:before{position:absolute;display:block;content:"\203a";font-size:18pt;left:20px;top:-2px;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out;color:rgba(0,0,0,.54)}input:checked+section.box .box-title:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media (max-width:900px){.accordion{margin-top:0}header.box{display:none}}
/*# sourceMappingURL=main.709d25ce.chunk.css.map */