@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";body{background-color:#080808}.big-text{color:var(--light-color);text-align:center;text-transform:uppercase;padding:1.25rem 0;margin:0 0 1.5625rem;background-color:var(--main-color)}.accordion{margin:1.875rem 0;width:100%;height:auto}.accordion-group{width:90%;max-width:25rem;height:auto}.accordion-list{width:100%;height:auto;list-style-type:none;background-color:#ff6148;color:#fff;overflow:hidden;border-radius:.1875rem;padding:.3125rem}.accordion-list:not(:last-child){margin-bottom:.625rem}.accordion-list .title{cursor:pointer;display:block;font-size:1.375rem;line-height:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:.3125rem}.accordion-list .title span{font-size:1.5625rem;transition:transform .1s ease}.accordion-list .radio-input{display:none}.accordion-list .content{width:100%;max-height:0;transition:max-height .3s ease}.accordion-list .content .text{line-height:1.5;font-size:1rem}.accordion-list .radio-input:checked~.title span{transform:rotate(90deg)}.accordion-list .radio-input:checked~.content{max-height:12.5rem;padding:.3125rem .625rem}.pass-qna{width:100%;height:auto;margin-bottom:3.125rem}.pass-qna .container{display:flex;flex-direction:column;gap:1.875rem;align-items:center;justify-content:center}@media only screen and (min-width: 36em){.pass-qna .container{flex-direction:row;align-items:flex-start}}.footer{width:100%;height:auto;padding:.3125rem 0;background-color:var(--main-color);position:fixed;inset:auto 0 0}.footer .footer-text{text-align:center;color:var(--light-color)}*,body *,ol,ul{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;display:inline-block}img{height:100%;width:100%}input{outline:none;border:none;background-color:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{border:none;background-color:transparent}svg{fill:none;pointer-events:none}i{pointer-events:none}*{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body *{font-family:Poppins,sans-serif}.container{max-width:100%;padding:0 .75rem;margin:0 auto}@media only screen and (min-width: 36em){.container{max-width:33.75rem}}@media only screen and (min-width: 48em){.container{max-width:45rem}}@media only screen and (min-width: 62em){.container{max-width:60rem}}@media only screen and (min-width: 75em){.container{max-width:71.25rem}}@media only screen and (min-width: 87.5em){.container{max-width:82.5rem}}.pass-bar{width:100%;height:2.5rem;background-color:var(--main-color);display:flex;align-items:center;justify-content:space-between}.pass-bar .hide-show{cursor:pointer;width:2.5rem;height:100%;font-size:1.125rem;color:var(--light-color);background-color:hsla(var(--dark-color-val),.2);opacity:.8;transition:opacity .1s ease}.pass-bar .hide-show:hover{opacity:1}.pass-bar .pass-io{width:12.5rem;max-width:auto;height:100%;flex-grow:1;font-size:1.125rem;padding:.3125rem .625rem;text-align:center;color:var(--light-color)}.pass-bar .copy-btn{cursor:pointer;width:2.5rem;height:100%;font-size:1.25rem;color:var(--light-color);background-color:hsla(var(--dark-color-val),.2);opacity:.8;transition:opacity .1s ease}.pass-bar .copy-btn:hover{opacity:1}.range{width:100%;height:1.875rem;display:flex;align-items:center;justify-content:space-between}.range .pass-range{--track-width: 0%;cursor:pointer;width:70%;height:var(--range-height);-webkit-appearance:none;border-radius:var(--range-roundness);background-color:hsla(var(--light-color-val),.2);position:relative;z-index:1}.range .pass-range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb-size);height:var(--thumb-size);background-color:var(--light-color);border-radius:50%;filter:drop-shadow(0rem 0rem .1875rem hsla(0deg,0%,0%,.643))}.range .pass-range:after{position:absolute;content:"";width:var(--track-width);height:var(--range-height);border-radius:var(--range-roundness);background-color:var(--main-color);z-index:-1;transform:width .1s ease}.range .pass-length{width:20%;height:100%;font-size:1.125rem;text-align:center;color:var(--light-color);padding:.625rem;border-radius:1.25rem;background-color:hsla(var(--light-color-val),.2)}.checkboxes{width:100%}.checkboxes .checklist{list-style-type:none;display:flex;align-items:center;justify-content:space-between}.checkboxes .checklist .label{cursor:pointer;font-size:1.125rem;text-transform:uppercase;color:var(--light-color)}.checkboxes .checklist .checkbox{cursor:pointer;width:4.25rem;height:1.75rem;margin-bottom:.625rem;position:relative}.checkboxes .checklist .checkbox .check{cursor:pointer;appearance:none;width:100%;height:100%;position:absolute;inset:0}.checkboxes .checklist .checkbox .check-btn-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.checkboxes .checklist .checkbox .check-btn-svg .check-path{width:2.5rem;height:1.25rem;fill:var(--main-color)}.checkboxes .checklist .checkbox .check-btn-svg .circle{fill:var(--light-color);transition:cx .2s ease;filter:drop-shadow(0rem 0rem .5rem hsla(var(--dark-color-val),.2))}.checkboxes .checklist .checkbox .check:checked+.check-btn-svg .circle{cx:54}.pass-state{overflow:hidden;width:100%;height:2.5rem;display:flex;align-items:center;justify-content:space-around;border-radius:1.25rem;background-color:hsla(var(--light-color-val),.2);position:relative;z-index:1;--tab-bg-pos: 33%}.pass-state .radio-btn{-webkit-appearance:none;z-index:3}.pass-state .label-group{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;z-index:3}.pass-state .label-group .label{cursor:pointer;color:var(--light-color);font-size:1rem;text-transform:uppercase}@media only screen and (min-width: 21.875em){.pass-state .label-group .label{font-size:1.125rem}}.pass-state .slide-tab{width:100%;height:100%;fill:none}.pass-state .slide-tab-rect{width:38%;height:100%;fill:var(--main-color);rx:1.25rem;transition:transform .12s ease-in}.pass-state:after{position:absolute;inset:0 auto 0 var(--tab-bg-pos);content:"";width:33%;height:100%;border-radius:1.25rem;background-color:var(--main-color);transition:left .1s ease}.gen-pass{width:100%;display:flex;align-items:center;justify-content:space-between}.gen-pass .pass-gen-list{list-style-type:none}.gen-pass .pass-gen-list .history-btn{cursor:pointer;width:2.1875rem;height:2.1875rem;border-radius:50%;font-size:1.5625rem;color:var(--light-color);background-color:var(--main-color);display:flex;align-items:center;justify-content:center}.gen-pass .pass-gen-list .geretate-btn{cursor:pointer;font-size:1.125rem;text-transform:uppercase;color:var(--light-color);background-color:var(--main-color);background:linear-gradient(266.33deg,hsl(8deg,100%,64%) 0%,var(--main-color) 100%);padding:.3125rem 1.25rem;border-radius:1.5625rem;filter:drop-shadow(0rem .125rem .625rem rgba(255,99,74,.25))}.passgen-wrapper{user-select:none;width:95%;max-width:25rem;height:auto;border-radius:.625rem;overflow:hidden;background-color:var(--dark-color)}.passgen-wrapper .bottom{width:100%;height:100%;padding:1.25rem;display:flex;flex-direction:column;align-items:center;row-gap:1.25rem}:root{--dark-color-val: 212, 19%, 16%;--light-color-val: 0, 0%, 100%;--main-color-val: 8, 100%, 64%;--dark-color: hsl(var(--dark-color-val));--light-color: hsl(var(--light-color-val));--main-color: hsl(var(--main-color-val));--range-height: .5rem;--range-roundness: .3125rem;--thumb-size: 1.25rem}