*,html,body{-webkit-text-size-adjust:none;font-family:Pretendard,sans-serif!important}*{box-sizing:border-box;word-break:break-word;-webkit-tap-highlight-color:transparent}html{-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow:auto}body{color:#101010;background-color:#fff;height:100%;margin:0;padding:0;font-size:14px;font-weight:400}.react-datepicker-popper{z-index:99!important}.react-datepicker__header__dropdown--scroll{display:none!important}.aster{color:red}.custom_select{cursor:pointer;background:url(/images/select_down.svg) right 12px center/14px no-repeat;border:1px solid #ddd;border-radius:5px;justify-content:flex-start;align-items:center;height:44px;padding:12px;display:flex;position:relative}.custom_select.on{background:url(/images/select_up.svg) right 12px center/14px no-repeat}.custom_select>.drop_down{border:1px solid #ddd;border-radius:5px;width:100%;display:none;position:absolute;top:46px;left:0}.detail_table td.input .custom_select>.drop_down{top:38px}.custom_select>.drop_down.on{z-index:98;background:#fff;flex-direction:column;align-items:flex-start;display:flex}.custom_select>.drop_down>p{text-align:left;width:100%;padding:8px 12px;transition:all .3s}.custom_select>.drop_down>p:hover{background:#ccc}.custom_radio_box{justify-content:flex-start;align-items:center;gap:24px;width:calc(50% - 10px);min-width:370px;display:flex}.custom_radio{justify-content:flex-start;align-items:center;margin-top:10px;display:flex}.custom_radio>input[type=radio],.custom_radio>input[type=checkbox]{appearance:none;background:url(/images/radio_off.svg) 50% no-repeat;border:none;width:20px;height:20px}.custom_radio>input[type=radio]:checked,.custom_radio>input[type=checkbox]:checked{appearance:none;background:url(/images/radio_on.svg) 50% no-repeat;border:none;width:20px;height:20px}.custom_radio>input[type=checkbox]{background:url(/images/check_off.svg) 50% no-repeat}.custom_radio>input[type=checkbox]:checked{background:url(/images/check_on.svg) 50% no-repeat}.custom_radio>label{padding-left:10px;font-size:14px}.custom_radio.wrap{width:calc(100% - 100px)}.page_box{justify-content:center;display:flex}.pagination{justify-content:center;align-items:center;gap:5px;width:500px;display:flex}.pagination>.active{border:1px solid #000}.pagination>li{cursor:pointer;border:1px solid #ccc;line-height:22px;list-style:none}.pagination>li>a{text-align:center;color:#000;width:30px;height:35px;font-size:16px;line-height:33px;display:block}html,body{width:100%;height:100%}html,h1,h2,h3,h4,h5,h6,form,fieldset,img{border:0;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:15px;font-weight:700}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}#hd ul,nav ul,#ft ul{margin:0;padding:0;list-style:none}legend{text-indent:-9999em;margin:0;padding:0;font-size:0;line-height:0;position:absolute;overflow:hidden}label,input,button,select,img{vertical-align:middle}input,button{outline:none;margin:0;padding:0}button{cursor:pointer;background:#fff;border:none;outline:none}textarea,select{outline:none}select{margin:0}p{word-break:keep-all;margin:0;padding:0}.back_bg{z-index:-1;background:linear-gradient(315deg,#65005e 3%,#3c84ce 38%,#4d7c0f 68%,#ca8a04 98%) 0 0/400% 400% fixed;width:100%;height:100vh;margin:auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:30px;animation:15s infinite gradient;position:fixed;top:0;left:0;overflow:auto}@keyframes gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.wave{opacity:.8;background:#ffffff40;border-radius:1000% 1000% 0 0;width:200%;height:12em;animation:10s linear -3s infinite wave;position:fixed;bottom:0;left:0;transform:translate(0,0)}.wave:nth-of-type(2){opacity:.8;animation:18s linear infinite reverse wave;bottom:-1.25em}.wave:nth-of-type(3){opacity:.9;animation:20s -1s infinite reverse wave;bottom:-2.5em}@keyframes wave{2%{transform:translate(1px)}25%{transform:translate(-25%)}50%{transform:translate(-50%)}75%{transform:translate(-25%)}to{transform:translate(1px)}}.input_box{flex:1}.input_section.textarea{height:150px}.input_section.textarea textarea{resize:none;border:1px solid #ddd;width:100%;height:100%;padding:12px}.input_box input,.input_box select{border:1px solid var(--Grey_D,#ddd);background:var(--White,#fff);height:100%;color:var(--neutral-800,#262626);border-radius:5px;width:100%;padding:0 12px;font-size:14px;display:inline-block}.input_error{color:red;margin-top:4px;font-size:12px}.btn{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:100%;height:56px;line-height:56px;display:inline-flex}.btn_glass{-webkit-backdrop-filter:blur(10px);color:#fff;letter-spacing:5px;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:16px;font-size:20px;font-weight:700;transition:background .3s;box-shadow:0 4px 30px #0000001a}.menu_page_layout{position:relative}.search_box{background-color:#fff;border-top:1px solid #d4d4d4;justify-content:space-between;align-items:center;width:100%;min-width:1300px;padding:0;display:flex}.search_box_left{flex-direction:column;flex:1;padding:20px 30px;display:flex}.search_form{flex-wrap:wrap;align-items:center;gap:20px;width:100%;margin-bottom:10px;display:flex}.search_form .input_box{flex:unset;align-items:center;width:calc(50% - 10px);display:flex}.search_form .input_box .input_section{width:500px}.search_form .input_box_select .input_section,.input_box_select .input_section{width:200px}.input_section{height:44px;position:relative}.search_form .input_box .input_label,.search_form .radio_box .input_label{width:100px;margin-bottom:0}.input_label{color:var(--neutral-800,#333);margin-bottom:10px;font-size:14px;display:inline-block}.input_date_section_multi{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.react-datepicker-wrapper{width:100%}.datepicker__input-container{height:100%}.input_date_label{height:44px;color:var(--neutral-800);cursor:pointer;background:url(/images/calendar.svg) right 12px center/24px no-repeat;border:1px solid #ddd;border-radius:5px;align-items:center;max-width:335px;padding:0 14px;font-size:14px;transition:border .3s;display:flex}.input_date_section_multi>span{color:#8f9bb3;margin:0 9px 0 10px;font-size:14px}.search_box_btn{color:#fff;background:#333;border-radius:4px;width:100%;height:44px;font-size:16px;font-weight:700}.search_box_btn.reset{color:#333;background:#ccc}.grid_container{width:calc(100% - 40px);margin:20px 20px 0;position:sticky;top:77px}.grid_container.date{margin:20px}.grid_container.cate_box{border:1px solid #ddd;flex-direction:column;align-items:flex-start;padding:30px;display:flex}.grid_container>.list_top_box{height:40px;margin-bottom:8px}.grid_container>.top_box{justify-content:space-between;align-items:center;height:44px;display:flex}.grid_container>.top_box>.count>span{font-weight:700}.table_scroll{border:1px solid var(--neutral-300,#d4d4d4);border-radius:5px}.table_scroll.wrap{border:none;flex-wrap:wrap;gap:30px;display:flex}.table_scroll.wrap>.library_post{cursor:pointer;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 20px #00000026;width:calc(33.3333% - 20px)!important;height:unset!important}.table_scroll.wrap>.library_post>.thumbnail{object-fit:cover;background-color:#eee;justify-content:center;align-items:center;width:100%;height:200px;display:flex}.table_scroll.wrap>.library_post>.title_box{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;height:106px;padding:20px;display:flex;position:relative}.table_scroll.wrap>.library_post>.title_box>.title{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;font-size:16px;font-weight:700;display:-webkit-box;overflow:hidden}.table_scroll.wrap>.library_post>.title_box>.info{color:#999}.table_scroll.wrap>.library_post>.title_box>.clib{background:url(/images/clip.svg) 50%/20px no-repeat;width:20px;height:20px;position:absolute;bottom:20px;right:20px}.table_scroll>div{height:calc(100dvh - var(--header-height) - 360px);width:100%!important}.table_scroll.empty>div{height:44px;position:relative;overflow:hidden!important}.table_scroll table{table-layout:"fixed";border-collapse:separate;border-spacing:0;width:100%}thead{position:static!important}.table_scroll th{color:var(--neutral-800,#262626);text-align:center;background:var(--neutral-300,#d4d4d4);border-left:1px solid var(--neutral-200,#e5e5e5);word-break:keep-all;height:44px;padding:4px;font-size:14px;font-weight:700;width:150px!important}.table_scroll.empty>div{overflow:hidden!important}.table_loading{justify-content:center;align-items:center;padding:20px;display:flex;height:auto!important}.table_loading.init{height:300px!important}.table_scroll.empty>.table_loading{display:none}.table_scroll th.xxs{width:10%!important}.table_scroll th.xxxs{width:5%!important}.table_scroll th.xs{width:50px!important}.table_scroll th.s{width:80px!important}.loading_spin{border:3px solid #0000004d;border-top-color:#000;border-radius:50%;width:50px;height:50px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{-webkit-transform:rotate(360deg)}}.table_scroll th:first-of-type,.table_scroll td:first-of-type{border-left:none}.table_scroll td{border-left:1px solid var(--neutral-200,#e5e5e5);text-align:center;color:var(--neutral-800,#262626);background-color:#fff;padding:12px 8px;font-size:14px}.table_scroll tr:nth-child(2n) td{background:var(--neutral-100,#f5f5f5)}.table_scroll td.link{text-underline-offset:3px;cursor:pointer;font-weight:700;text-decoration:underline;transition:all .3s}.table_scroll td.left{text-align:left}.table_scroll td.between{justify-content:space-between;align-items:center;display:flex}.table_scroll td.link:hover{color:#0e6af4}.table_scroll td.thumbnail{justify-content:center;align-items:center;display:flex}.popup{z-index:9999999;opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s ease-in-out;display:none;position:fixed;top:0;left:0}.popup.show{opacity:1;animation:.3s ease-in-out fadeIn;display:flex}.popup_container{background:#fff;border-radius:12px;width:90%;max-width:500px;animation:.3s forwards fadeInUp;overflow:hidden;transform:translateY(20px);box-shadow:0 8px 20px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup_default01{background:#fff;border-radius:12px;padding:30px}.popup_content_box{flex-direction:column;align-items:center;width:100%;display:flex}.popup_title_box{font-size:18px;font-weight:700}.popup_textarea{resize:none;border:1px solid #ddd;width:100%;height:100px;margin-top:20px;padding:12px}.popup_textarea::placeholder{color:#999}.popup_err_msg{color:red;text-align:left;width:100%;margin-top:4px}.popup_btn_box{justify-content:center;align-items:center;gap:10px;margin-top:30px;display:flex}.button_cancel,.button_success{color:#555;background:#eee;border-radius:8px;width:120px;height:40px;font-weight:700;transition:all .3s}.button_success{color:#fff;background:#333}.button_cancel:hover,.button_success:hover{filter:brightness(.7)}.popup_password{flex-direction:column;align-items:flex-start;gap:10px;width:100%;margin-top:20px;display:flex}.popup_password .input_box{width:100%}.popup_password .input_label{margin-bottom:8px}.file_upload_btn{text-align:center;color:#fff;cursor:pointer;background:#0e6af4;border-radius:8px;justify-content:center;align-items:center;width:100px;height:36px;font-weight:700;transition:all .3s;display:flex}.file_upload_btn:hover{filter:brightness(.7)}.popup_select .input_section{width:100%}.popup_select>.comment,.popup_select>b{text-align:center;width:100%}.popup_select>b{font-size:16px}.toastui-editor-contents h1,.toastui-editor-contents h2{border-bottom:none!important}.toastui-editor-mode-switch{display:none!important}.fc .fc-col-header-cell-cushion{padding:8px}.fc-col-header-cell-sat .fc-col-header-cell-cushion{color:#0e6af4}.fc-col-header-cell-sun .fc-col-header-cell-cushion{color:red}.fc .fc-daygrid-day.fc-day-today{background:unset}.fc .fc-daygrid-day-top{flex-direction:row}.fc-col-header{background:#eee}.today-circle{color:#fff;text-align:center;background-color:#000;border-radius:50%;width:24px;height:24px;font-weight:700;line-height:24px;display:inline-block}.today-circle>a{padding:0}.fc .fc-daygrid-day-top{flex-direction:unset;justify-content:flex-start;align-items:center;height:32px;padding-left:2px;display:flex}.fc .fc-daygrid-day-frame{height:180px}.fc-day.fc-daygrid-day.close_day{background:#f3f3f3}.state_day{z-index:99;color:#333;background:#fff;border:1px solid #333;padding:4px 12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fc-daygrid-event-harness{margin-bottom:4px;padding:0 4px}.fc-daygrid-day-events .fc-daygrid-event-harness:nth-last-of-type(2){margin-bottom:0}.fc-h-event{border:none}.fc-h-event.off{background:#3b63fb}.fc-h-event.on{background:#18aea7}.fc-h-event.end{background:#ccc}.fc-daygrid-block-event .fc-event-title{-webkit-line-clamp:1;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;padding:8px;font-size:12px;display:-webkit-box;overflow:hidden}.fc .fc-daygrid-more-link{color:#0e6af4;margin-left:4px;padding:4px;font-size:12px}.fc .fc-popover-header{background:#333;height:32px;padding:0 10px}.fc .fc-popover-title,.fc-icon-x:before{color:#fff}.fc-more-popover-misc{display:none}.fc .fc-more-popover .fc-popover-body{max-height:180px;overflow-y:auto}
.test_box{background:#ff9d9d;width:80px;height:80px}.header{z-index:999999;background:#151515;align-items:center;width:100%;height:55px;display:flex;position:fixed;top:0;left:0}.header_logo_box{cursor:pointer;width:240px;height:100%}.header_logo_box>img{width:100%;height:100%;padding:12px 20px}.header_menu_box{justify-content:space-between;align-items:center;width:calc(100% - 240px);height:100%;display:flex}.header_menu_box>.login_info{color:#fff;justify-content:center;align-items:center;height:100%;padding:0 20px;display:flex;position:relative}.header_menu_box>.login_info>span{cursor:pointer}.header_btn_box{align-items:center;height:100%;display:flex}.header_btn_box>.header_btn{cursor:pointer;color:#ccc;justify-content:center;align-items:center;height:100%;padding:0 30px;font-weight:700;display:flex;position:relative}.header_btn_box>.header_btn.on{color:#fff}.header_btn_box>.header_btn.on:after{content:"";background-color:#fff;width:30%;height:2px;position:absolute;bottom:10px}.login_container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.login_box{-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;width:500px;padding:40px 40px 20px;box-shadow:0 4px 30px #0000001a}.login_box>img{width:200px;margin:0 auto;display:block}.login_input{margin-top:40px}.login_input>.sub_title{color:var(--Dark,#333);text-align:center;margin-bottom:20px;font-size:24px;font-weight:700}.login_input>.btn{margin-top:40px}.login_input .input_box input{-webkit-backdrop-filter:blur(10px);color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 30px #0000001a}.login_input .input_box input:focus{border:1px solid #fff}.login_input .input_box input::placeholder{color:#eee}.login_input .input_box input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-transition:background-color 9999s ease-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #fff0!important}.login_input .input_box input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-transition:background-color 9999s ease-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #fff0!important}.login_input .input_box input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-transition:background-color 9999s ease-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #fff0!important}.login_input .input_box input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-transition:background-color 9999s ease-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #fff0!important}.login_input .input_label{color:#fff!important}.left_menu{z-index:1;background:#252525;flex-direction:column;align-items:flex-start;width:240px;height:100%;display:flex;position:fixed;left:0}.left_menu_btn{color:#ccc;cursor:pointer;justify-content:flex-start;align-items:center;width:100%;height:55px;padding:0 20px;font-weight:700;display:flex}.left_menu_btn.on{color:#fff;background:url(/images/right_arrow_white.svg) right 20px center/16px no-repeat}.menu_page_layout{align-items:flex-start;width:100%;height:100%;padding-top:55px;display:flex}.main_view{flex-direction:column;width:calc(100% - 240px);min-width:1300px;margin-left:240px;display:flex;position:relative}.main_view>.title{justify-content:space-between;align-items:center;width:100%;height:77px;padding:0 30px;font-size:22px;font-weight:700;display:flex}.admin_info_box{color:#101010;background:#fff;border:1px solid #ddd;border-radius:12px;flex-direction:column;align-items:flex-start;width:120px;display:flex;position:absolute;top:40px;left:-40px;overflow:hidden}.admin_info_box>p{cursor:pointer;width:100%;padding:8px 12px;transition:all .3s}.admin_info_box>p:hover{background:#eee}.detail_view{z-index:10;background:#f3f3f3;width:calc(100% - 240px);height:calc(100% - 55px);padding:30px;animation:.5s ease-out forwards slideInFromRight;position:fixed;top:55px;left:240px;overflow:auto}.detail_view.off{animation:.3s forwards slideOutToRight}.detail_box{width:100%;min-width:1300px}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.detail_title{margin-bottom:20px;font-size:22px;font-weight:700}.detail_content{background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;padding:20px;display:flex}.detail_btn_box{justify-content:center;align-items:center;gap:10px;margin:20px auto 0;display:flex}.detail_btn_box.post{justify-content:flex-start;position:relative}.detail_btn_box.page{margin:unset}.detail_btn_box>.detail_btn,.save_btn1{color:#fff;background:#333;border-radius:8px;width:120px;height:40px;font-weight:700;transition:all .3s}.detail_btn_box>.detail_btn.save,.save_btn1{background:#0e6af4}.detail_btn_box>.detail_btn:hover,.save_btn1:hover{filter:brightness(.7)}.detail_btn_box.post>.detail_btn.list{position:absolute;top:0;left:calc(50% - 60px)}.detail_table_title{margin-bottom:12px;font-size:16px;font-weight:700}.detail_table{border:1px solid #ddd;width:100%}.detail_table th,.detail_table td{text-align:left;padding:12px}.detail_table th{background:#eee;border-bottom:1px solid #ddd;width:180px;font-weight:400}.detail_table th.text{vertical-align:top}.detail_table td{border-bottom:1px solid #ddd}.detail_table tr:last-of-type th,.detail_table tr:last-of-type td{border-bottom:none}.detail_table td.flex_box{justify-content:flex-start;align-items:center;gap:12px;display:flex}.detail_table td.wrap{flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}.detail_table td.date .react-datepicker-wrapper{width:200px}.detail_table td.date .input_date_section_multi{justify-content:flex-start}.detail_table td.date .input_date_label{height:36px}.detail_table td.input{padding:4px 12px}.detail_table td.input .input_section,.detail_table td.radio_input .input_section,.detail_table td.input .custom_select{height:36px}.detail_table td.input .input_box{flex:unset}.detail_table td.input .input_text.time{text-align:center;width:80px}.detail_table td.input.long .input_box{width:unset}.detail_table td.textarea{padding:4px 12px}.detail_table td.textarea>textarea{resize:none;border:1px solid #ddd;width:100%;padding:12px}.detail_account{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:20px;display:flex}.detail_account>.info_box{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.detail_account>.info_box>.company{font-size:16px;font-weight:700}.detail_account>.info_box>.email{color:#999;font-size:12px}.detail_account.notice{border-bottom:1px solid #ddd;padding-bottom:20px}.detail_account.notice.promotion{margin-bottom:0}.user_leave_btn{color:#333;background:#fff;border:1px solid #333;border-radius:8px;width:120px;height:40px;font-weight:700;transition:all .3s}.user_leave_btn:hover{filter:brightness(.7)}.notice_content_box{flex-direction:column;align-items:flex-start;width:100%;padding:0 20px;display:flex}.notice_content{width:100%;min-height:200px}.file_list{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}.file_list>.file_box{background:url(/images/file.svg) 0/20px no-repeat;justify-content:flex-start;align-items:center;padding-left:28px;display:flex}.file_list>.file_box>div{cursor:pointer;width:100%;line-height:20px}.file_list>.file_box>div:hover{text-underline-offset:3px;text-decoration:underline}.other_post{border-top:1px solid #ddd;border-bottom:1px solid #ddd;flex-direction:column;width:100%;margin-top:30px;display:flex}.other_post>.other.f{border-bottom:1px solid #ddd}.other_post>.other{align-items:flex-start;padding:12px 20px;display:flex}.other_post>.other>.view{width:100px;font-weight:700}.other_post>.other>.title{cursor:pointer;width:calc(100% - 100px)}.other_post>.other>.title.none{color:#999;cursor:unset}.promotion_info{border-bottom:1px solid #ddd;justify-content:flex-start;align-items:center;width:100%;margin-bottom:20px;padding:8px 0;display:flex}.promotion_info>.title{width:100px}.promotion_info>.date{margin-right:12px;font-weight:700}.promotion_info>.state{color:#fff;background:#0e6af4;border-radius:100px;padding:4px 16px;font-weight:700}.promotion_info>.state.off{background:#333}.writer_name_view{text-align:right;width:100%;margin-bottom:8px}.category_list_box{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.category_list{justify-content:flex-start;align-items:center;gap:12px;display:flex}.category_list>.down,.category_list>.up{cursor:pointer;background:#fff;border:1px solid #ddd;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.category_list>.down:hover,.category_list>.up:hover{background:#ccc}.category_list>.down>img,.category_list>.up>img{width:14px;height:14px}.category_list .input_section{height:36px}.category_list .input_box input{background:#eee;width:300px}.detail_btn_box.cate{margin:0}.detail_btn_box.cate>button{width:80px;height:36px}.sample_box{align-items:center;gap:10px;display:flex;position:absolute;top:0;right:0}.sample_box>.sample{color:#fff;border-radius:100px;justify-content:center;align-items:center;width:100px;height:30px;font-weight:700;display:flex}.sample_box>.sample.off{background:#3b63fb}.sample_box>.sample.on{background:#18aea7}
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-30px)scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-15px)scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)scaleY(.95)}90%{transform:translateY(-4px)scaleY(1.02)}}.animate__bounce{transform-origin:bottom;animation-name:bounce}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translateY(-10px)}20%,40%,60%,80%{transform:translateY(10px)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translate(0)}6.5%{transform:translate(-6px)rotateY(-9deg)}18.5%{transform:translate(5px)rotateY(7deg)}31.5%{transform:translate(-3px)rotateY(-5deg)}43.5%{transform:translate(2px)rotateY(3deg)}50%{transform:translate(0)}}.animate__headShake{animation-name:headShake;animation-timing-function:ease-in-out}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}.animate__swing{transform-origin:top;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9)rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1)rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1)rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate(-25%)rotate(-5deg)}30%{transform:translate(20%)rotate(3deg)}45%{transform:translate(-15%)rotate(-3deg)}60%{transform:translate(10%)rotate(2deg)}75%{transform:translate(-5%)rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skew(-12.5deg)skewY(-12.5deg)}33.3%{transform:skew(6.25deg)skewY(6.25deg)}44.4%{transform:skew(-3.125deg)skewY(-3.125deg)}55.5%{transform:skew(1.5625deg)skewY(1.5625deg)}66.6%{transform:skew(-.78125deg)skewY(-.78125deg)}77.7%{transform:skew(.390625deg)skewY(.390625deg)}88.8%{transform:skew(-.195313deg)skewY(-.195313deg)}}.animate__jello{transform-origin:50%;animation-name:jello}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{opacity:.7;transform:translateY(-1200px)scale(.7)}80%{opacity:.7;transform:translateY(0)scale(.7)}to{opacity:1;transform:scale(1)}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{opacity:.7;transform:translate(-2000px)scale(.7)}80%{opacity:.7;transform:translate(0)scale(.7)}to{opacity:1;transform:scale(1)}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{opacity:.7;transform:translate(2000px)scale(.7)}80%{opacity:.7;transform:translate(0)scale(.7)}to{opacity:1;transform:scale(1)}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{opacity:.7;transform:translateY(1200px)scale(.7)}80%{opacity:.7;transform:translateY(0)scale(.7)}to{opacity:1;transform:scale(1)}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateY(0)scale(.7)}to{opacity:.7;transform:translateY(700px)scale(.7)}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translate(0)scale(.7)}to{opacity:.7;transform:translate(-2000px)scale(.7)}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translate(0)scale(.7)}to{opacity:.7;transform:translate(2000px)scale(.7)}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateY(0)scale(.7)}to{opacity:.7;transform:translateY(-700px)scale(.7)}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)scaleY(3)}60%{opacity:1;transform:translateY(25px)scaleY(.9)}75%{transform:translateY(-10px)scaleY(.95)}90%{transform:translateY(5px)scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)scaleX(3)}60%{opacity:1;transform:translate(25px)scaleX(1)}75%{transform:translate(-10px)scaleX(.98)}90%{transform:translate(5px)scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)scaleX(3)}60%{opacity:1;transform:translate(-25px)scaleX(1)}75%{transform:translate(10px)scaleX(.98)}90%{transform:translate(-5px)scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)scaleY(5)}60%{opacity:1;transform:translateY(-20px)scaleY(.9)}75%{transform:translateY(10px)scaleY(.95)}90%{transform:translateY(-5px)scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.animate__bounceOut{animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translateY(10px)scaleY(.985)}40%,45%{opacity:1;transform:translateY(-20px)scaleY(.9)}to{opacity:0;transform:translateY(2000px)scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate(20px)scaleX(.9)}to{opacity:0;transform:translate(-2000px)scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate(-20px)scaleX(.9)}to{opacity:0;transform:translate(2000px)scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translateY(-10px)scaleY(.985)}40%,45%{opacity:1;transform:translateY(20px)scaleY(.9)}to{opacity:0;transform:translateY(-2000px)scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate(-2000px)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate(2000px)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate(-100%,-100%)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate(100%,-100%)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate(-100%,100%)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate(100%,100%)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translateY(100%)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translateY(2000px)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate(-100%)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate(-2000px)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate(100%)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate(2000px)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translateY(-100%)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translateY(-2000px)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate(-100%,-100%)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate(100%,-100%)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate(100%,100%)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate(-100%,100%)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{animation-timing-function:ease-out;transform:perspective(400px)scaleX(1)translateZ(0)rotateY(-1turn)}40%{animation-timing-function:ease-out;transform:perspective(400px)scaleX(1)translateZ(150px)rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px)scaleX(1)translateZ(150px)rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px)scale3d(.95,.95,.95)translateZ(0)rotateY(0)}to{animation-timing-function:ease-in;transform:perspective(400px)scaleX(1)translateZ(0)rotateY(0)}}.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{animation-name:flipInX;backface-visibility:visible!important}@keyframes flipInY{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateY(-20deg)}60%{opacity:1;transform:perspective(400px)rotateY(10deg)}80%{transform:perspective(400px)rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{animation-name:flipInY;backface-visibility:visible!important}@keyframes flipOutX{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px)rotateX(-20deg)}to{opacity:0;transform:perspective(400px)rotateX(90deg)}}.animate__flipOutX{animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px)rotateY(-15deg)}to{opacity:0;transform:perspective(400px)rotateY(90deg)}}.animate__flipOutY{animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);animation-name:flipOutY;backface-visibility:visible!important}@keyframes lightSpeedInRight{0%{opacity:0;transform:translate(100%)skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{opacity:0;transform:translate(-100%)skew(30deg)}60%{opacity:1;transform:skew(-20deg)}80%{transform:skew(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;transform:translate(100%)skew(30deg)}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;transform:translate(-100%)skew(-30deg)}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:translateZ(0)}}.animate__rotateIn{transform-origin:50%;animation-name:rotateIn}@keyframes rotateInDownLeft{0%{opacity:0;transform:rotate(-45deg)}to{opacity:1;transform:translateZ(0)}}.animate__rotateInDownLeft{transform-origin:0 100%;animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{opacity:0;transform:rotate(45deg)}to{opacity:1;transform:translateZ(0)}}.animate__rotateInDownRight{transform-origin:100% 100%;animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{opacity:0;transform:rotate(45deg)}to{opacity:1;transform:translateZ(0)}}.animate__rotateInUpLeft{transform-origin:0 100%;animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:translateZ(0)}}.animate__rotateInUpRight{transform-origin:100% 100%;animation-name:rotateInUpRight}@keyframes rotateOut{0%{opacity:1}to{opacity:0;transform:rotate(200deg)}}.animate__rotateOut{transform-origin:50%;animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;transform:rotate(45deg)}}.animate__rotateOutDownLeft{transform-origin:0 100%;animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;transform:rotate(-45deg)}}.animate__rotateOutDownRight{transform-origin:100% 100%;animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;transform:rotate(-45deg)}}.animate__rotateOutUpLeft{transform-origin:0 100%;animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;transform:rotate(90deg)}}.animate__rotateOutUpRight{transform-origin:100% 100%;animation-name:rotateOutUpRight}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{animation-timing-function:ease-in-out;transform:rotate(80deg)}40%,80%{opacity:1;animation-timing-function:ease-in-out;transform:rotate(60deg)}to{opacity:0;transform:translateY(700px)}}.animate__hinge{animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);transform-origin:0 0;animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform-origin:bottom;transform:scale(.1)rotate(30deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate(-100%)rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate(100%)rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translateY(-1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translateY(60px)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translate(-1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translate(10px)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translate(1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translate(-10px)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translateY(1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translateY(-60px)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.475,.475,.475)translateY(-60px)}to{opacity:0;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.1,.1,.1)translateY(2000px)}}.animate__zoomOutDown{transform-origin:bottom;animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475)translate(42px)}to{opacity:0;transform:scale(.1)translate(-2000px)}}.animate__zoomOutLeft{transform-origin:0;animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475)translate(-42px)}to{opacity:0;transform:scale(.1)translate(2000px)}}.animate__zoomOutRight{transform-origin:100%;animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.475,.475,.475)translateY(60px)}to{opacity:0;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.1,.1,.1)translateY(-2000px)}}.animate__zoomOutUp{transform-origin:bottom;animation-name:zoomOutUp}@keyframes slideInDown{0%{visibility:visible;transform:translateY(-100%)}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{visibility:visible;transform:translate(-100%)}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{visibility:visible;transform:translate(100%)}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{visibility:visible;transform:translateY(100%)}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translateY(100%)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate(-100%)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate(100%)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translateY(-100%)}}.animate__slideOutUp{animation-name:slideOutUp}
.error_text{color:red;margin-top:8px;font-size:14px}.login_wrap{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login_box{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:48px;box-shadow:0 10px 40px #0000001a}.login_title h1{color:#333;margin-bottom:8px;font-size:28px;font-weight:700}.login_title p{color:#666;margin-bottom:32px;font-size:14px}.login_form{flex-direction:column;gap:16px;display:flex}.input_wrap{width:100%}.input_wrap .input{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .3s}.input_wrap .input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.login_btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:600;transition:all .3s}.login_btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.card_header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px}.card_header h3{margin:0;font-size:16px;font-weight:600}.card_body{padding:20px}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.btn_primary{color:#fff;background:#667eea}.btn_primary:hover{background:#5568d3}.btn_success{color:#fff;background:#10b981}.btn_success:hover{background:#059669}.btn_danger{color:#fff;background:#ef4444}.btn_danger:hover{background:#dc2626}.btn_outline{color:#667eea;background:#fff;border:1px solid #667eea}.btn_outline:hover{color:#fff;background:#667eea}.btn_sm{padding:6px 12px;font-size:13px}.badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.badge_success{color:#065f46;background:#d1fae5}.badge_secondary{color:#4b5563;background:#e5e7eb}.badge_info{color:#1e40af;background:#dbeafe}.code_block{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:16px;overflow:auto}.code_block pre{margin:0;font-family:Monaco,Courier New,monospace;font-size:12px;line-height:1.5}.list_table{border-collapse:collapse;background:#fff;width:100%}.list_table thead{background:#f8f9fa}.list_table th{text-align:left;border-bottom:2px solid #e0e0e0;padding:12px 16px;font-size:14px;font-weight:600}.list_table td{border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:14px}.list_table tbody tr:hover{background:#f8f9fa}.mb-4{margin-bottom:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-4{gap:16px}.flex-wrap{flex-wrap:wrap}.font-semibold{font-weight:600}.lecture-detail-back-section{align-items:center;gap:12px;margin-bottom:24px;padding:0;display:flex}.lecture-detail-back-btn{cursor:pointer;color:#333;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.lecture-detail-back-btn:hover{background:#f0f0f0;border-radius:4px}.lecture-detail-back-title{color:#333;font-size:18px;font-weight:600}