main{height:100vh}.substrate{display:flex;height:auto;width:100vw;justify-content:space-between}.layout-container{display:flex;position:relative;height:100%;width:100vw}.div-h1{display:flex;flex-direction:column;align-items:center;position:fixed;box-sizing:border-box;height:100%;padding:16px;gap:20px}.vertical-nav{display:flex;flex-direction:column;margin-top:auto;margin-bottom:auto;height:auto;width:72px;gap:16px}span{color:#eaeaea;font-weight:600;font-size:12px;line-height:12px}.exit-btn{display:flex;cursor:pointer;background-color:#1d1d1d;border-radius:20px;padding:12px;gap:10px}.main-container{overflow-x:hidden;overflow-y:auto;margin-left:104px;width:calc(100vw - 104px);height:100vh}.no-scroll{overflow:hidden}.header{z-index:2;position:sticky;top:0;display:flex;height:auto;justify-content:flex-end;padding:16px 32px;gap:1744px}.profile-btn{display:flex;padding:16px;cursor:pointer}.image-container{display:block;position:relative;background-image:url(/assets/img_01-BsTm1EoL.png),linear-gradient(to bottom,#0000,#000);background-size:cover;background-position:center;align-items:center;height:100%;max-height:100%;width:auto;max-width:100%;border-radius:32px;margin-right:32px;gap:96px}.bar-container{display:flex;flex-direction:column;position:absolute;width:464px;background-color:#00000080;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);font-size:18px;padding:16px;border-radius:32px;gap:8px;color:#626262}.bar-div1{display:flex;height:48px;align-items:center;gap:10px}.bar-div2{display:flex;justify-content:space-between;align-items:flex-end;height:48px;gap:8px}.bar-input{width:100%;color:#626262;font-size:18px;font-weight:600;background-color:transparent;border:none}.bar-input2{display:flex;width:100%;align-items:center;min-width:180px;background-color:#ffffff0a;color:#a3a3a3;font-size:16px;font-weight:500;padding:12px 16px;gap:12px;border-radius:24px;border:none}.input-icon{position:absolute;padding-left:32px}.bar-btn{align-items:center;min-width:120px;background-color:#ffffff0a;color:#626262;font-size:16px;font-weight:600;padding:12px 16px;line-height:24px;letter-spacing:.6px}.vector2{display:grid}.btn_style{gap:8px;background-color:var(--secondary-color);transition:background-color .2s ease;padding:12px;border-radius:20px}.btn_style:hover{background-color:var(--secondary-color-hover)}.icon_style{width:24px;height:24px}.nav-btn-container{display:flex;height:fit-content;flex-direction:column;cursor:pointer;justify-content:center;align-items:center;gap:8px}.nav-btn-container>span{font-size:12px;text-align:center;line-height:16px}.notification{display:flex;max-width:248px;border-radius:24px;padding:16px 24px;gap:12px;background:#ffffff10;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fade 5s}.notify-icon{display:flex;width:20px;height:20px}.content{font-weight:500;font-size:14px;line-height:20px;letter-spacing:.2px;color:#eaeaea}.notification-stage{display:flex;position:fixed;bottom:4%;right:4%;gap:8px;flex-direction:column-reverse}@keyframes fade{0%{visibility:visible;opacity:1}75%{opacity:1}to{visibility:hidden;opacity:0}}.content-err{color:#ff4242}.journal-container{display:flex;position:absolute;flex-direction:column;height:auto;width:304px;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:32px;padding:48px;gap:48px}.journal-icon-container{display:flex;flex-direction:column;align-items:center;gap:32px}.journal-icon-container>img{width:80px;height:80px}.journal-lable-container{display:flex;flex-direction:column;align-items:center;gap:12px}.journal-lable-container>span{font-weight:600;font-size:24px;line-height:32px;color:#eaeaea}.journal-lable-container>p{margin:0;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.4px;color:#a3a3a3}.journal-container>button{cursor:pointer;min-width:148px;background-color:#ffffff0a;color:#eaeaea;font-weight:600;font-size:16px;line-height:24px;letter-spacing:.4px;border-radius:24px;padding:16px 24px;gap:12px}.modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.modal-content{display:flex;position:relative;flex-direction:column;width:388px;height:auto;background-color:#101010;padding:32px;border-radius:32px;gap:32px}.modal-lable{max-width:480px;gap:8px}.modal-lable>h2{color:#eaeaea;font-weight:600;font-size:24px;line-height:32px;margin-top:0;margin-bottom:8px}.modal-lable>p{color:#a3a3a3;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.6px;margin-bottom:0;margin-top:8px}.modal-content>button{min-width:148px;cursor:pointer;background-color:#1d1d1d;color:#f8f8f8;border-radius:24px;padding:16px 24px;gap:12px}.modal-inpsel-container{display:flex;flex-direction:column;width:auto;gap:8px}.modal-inpsel-container>input{height:56px;min-width:180px;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.6px;background-color:#1d1d1d;color:#a3a3a3;border-radius:24px;padding:0 16px;border:none;gap:8px}.modal-inpsel-container>select{min-width:180px;color:#a3a3a3;background-color:#1d1d1d;border-radius:24px;border:none;padding:16px;gap:12px}.modal-wrapper{position:relative}.modal-close{position:absolute;right:-150px;height:24px;width:24px;background-color:#ffffff0a;border:none;color:#eaeaea;cursor:pointer;padding:16px;gap:10px}.raids-top-container{display:flex;justify-content:center;width:auto;height:324px;background:linear-gradient(to bottom,#0000,#000);padding:48px 32px}.raids-top-inside{display:flex;flex-direction:column;justify-content:center;height:auto;width:100%;max-width:1200px;gap:228px}.raids-top-inside>button{height:fit-content;width:fit-content;aspect-ratio:1 / 1;cursor:pointer;background-color:#ffffff0a;padding:16px;border-radius:24px;gap:10px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.raids-top-text-container{display:flex;align-items:flex-end;justify-content:space-between;flex-direction:row;height:auto;width:100%}.raids-top-text-container>h1{margin:0;font-weight:600;font-size:32px;line-height:40px;color:#fffc}.raids-top-text-container>p{margin:0;font-weight:500;font-size:16px;line-height:24px;color:#eeec}.modal-overlay-screen{z-index:999;display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;justify-content:center;align-items:center;background-color:#ffffff0a;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal-content-screen{z-index:999;display:flex;position:relative;flex-direction:column;height:fit-content;width:356px;background-color:#101010;padding:32px;border-radius:32px;gap:32px}.modal-text-screen{display:flex;flex-direction:column;height:auto;max-width:480px;gap:8px;align-items:flex-start}.modal-text-screen>h1{margin:0;font-weight:600;font-size:24px;line-height:32px;color:#eaeaea}.modal-text-screen>p{margin:0;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.3px;color:#a3a3a3}.load-screen{display:flex;flex-direction:column;gap:8px}.modal-close-screen{display:flex;position:absolute;top:0;right:-59px;background-color:#ffffff0a;cursor:pointer;border-radius:20px;padding:12px;gap:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-close-screen:hover{background-color:#ffffff14}.load-button{display:flex;box-sizing:border-box;height:auto;width:356px;background-color:#1d1d1d;border-radius:32px;gap:10px;padding:84px 24px;color:#a3a3a3;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.3px;cursor:pointer;border:2px dashed transparent;white-space:nowrap}.load-button:hover{border:2px dashed rgba(98,98,98,1);background-color:#242424}.plus-button{display:flex;background-color:#1d1d1d;border-radius:24px;padding:16px;gap:10px;cursor:pointer}.action-buttons{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:24px}.preview-images{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.image-wrapper{position:relative;display:inline-block;margin-right:8px;border-radius:24px}.image-wrapper:hover .delete-button{opacity:1}.delete-button{display:flex;position:absolute;height:fit-content;width:fit-content;align-items:center;justify-content:center;top:8px;right:8px;background-color:#1d1d1d;border-radius:8px;cursor:pointer;opacity:0;padding:4px;gap:10px}.delete-button>img{height:16px;width:16px}.spinner-overlay{display:flex;position:absolute;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;background-color:#00000040;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:12px;box-shadow:inset 0 0 1px #000}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{text-align:center}@keyframes load-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.load>img{animation:load-animation 1s infinite}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}.card{padding:2em}button{color:#a3a3a3;font-size:15px;padding:1em;background:#1d1d1d}}.modal-content-event{display:flex;position:relative;flex-direction:column;height:fit-content;width:356px;background-color:#101010;padding:32px;border-radius:32px;gap:32px}.modal-lable-event{display:flex;flex-direction:column;max-width:480px;gap:8px}.modal-lable-event>h1,p{text-align:start;margin:0;font-weight:600;font-size:24px;line-height:32px;color:#eaeaea}.modal-lable-event>p{margin:0;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.3px;color:#a3a3a3}.modal-select-event{width:100%;position:relative;display:flex;gap:8px}.modal-select-event select{display:flex;width:100%;position:relative;border-radius:24px;color:#a3a3a3;background-color:#1d1d1d;font-family:hauora,sans-serif;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.3px;border:none;padding:16px;gap:12px;appearance:none;background-image:url(/assets/icons/svg/vector_select.svg);background-repeat:no-repeat;background-position:right 16px center}.select-create-events{min-width:180px}.date-container{display:flex;justify-content:space-between;gap:8px}.custom-option-content span:first-of-type{font-weight:500;font-size:14px;display:flex;flex:1;padding:8px 16px 8px 8px}.modal-content-event>button{display:flex;height:auto;width:356px;justify-content:center;border-radius:24px;padding:16px 24px;gap:12px;color:#eaeaea;font-weight:600;font-size:16px;line-height:24px;letter-spacing:.3px}.flex-container{display:flex;gap:10px}.event-container{display:flex;flex-direction:column;gap:24px}.fixed-screenshot{border-radius:24px;height:202px}.screenshot-wrapper{position:relative;border-radius:24px;overflow:hidden;max-height:202px;display:flex;justify-content:center;align-items:center;background:transparent}.screenshot-wrapper img{width:100%;height:100%;object-fit:contain}.custom-select-datetime{width:100%;position:relative;min-width:0}.custom-select__header{padding:16px;border-radius:24px;background-color:#1d1d1d;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border:none}.select-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:start;color:#a3a3a3;font-weight:500;font-size:16px;line-height:24px}.custom-select__header:hover{background-color:#242424}.arrow{width:24px;height:24px;background-image:url(/assets/icons/svg/vector_select.svg);background-repeat:no-repeat;background-position:center}.checkmark{padding:0 15px}.custom-select__list{display:flex;flex-direction:column;position:absolute;width:100%;max-height:296px;overflow-y:auto;z-index:100;list-style:none;margin-top:4px;padding:8px;background-color:#1d1d1d;border-radius:20px;gap:2px;box-sizing:border-box}.custom-select__list.drop-down{top:100%}.custom-select__list.drop-up{bottom:100%;margin-top:0;margin-bottom:4px}.custom-select__option{display:flex;cursor:pointer;color:#a3a3a3;gap:10px}.custom-select__option:hover,.custom-select__option.selected{border-radius:24px;background-color:#242424}.custom-option-content{display:flex;align-items:center;width:100%}.custom-option-icon{display:flex;padding:8px 0 8px 8px}.custom-option-icon>img{width:40px;height:40px;border-radius:12px}.screenshot-modal-content{display:flex;position:relative;max-width:90vw;max-height:90vh;gap:8px}.screenshot-modal-content img{max-width:100%;max-height:100%;border-radius:24px}.date-time-input{background:#1d1d1d;flex:1;border-radius:24px;width:168px;height:54px}.dtpicker-modal{display:flex;gap:8px}.calendar-btn{border-radius:24px;padding:16px;display:flex;background:#1d1d1d}.calendar-btn:hover{background:#242424}.calendar-btn>img{width:24px;height:24px}.raids-bottom-container{display:flex;height:100vh;width:auto;justify-content:center;background-color:#000;padding:32px;gap:8px}.raids-bottom-inside{display:flex;justify-content:space-between;height:fit-content;width:1200px;gap:8px;min-width:0}.bottom-left-container{display:flex;flex-direction:column;align-items:center;height:fit-content;width:auto;max-width:1200px;min-width:0;flex-grow:1;border-radius:32px;background-color:#101010;padding:120px;gap:40px;overflow:hidden}.filled{align-items:start;padding:32px 16px;gap:16px}.raids-bottom-text-container{display:flex;flex-direction:column;align-items:center;height:fit-content;width:auto;max-width:348px;gap:12px}.raids-bottom-text-container>h1{text-align:center;margin:0;font-weight:600;font-size:24px;line-height:32px;color:#eaeaea}.raids-bottom-text-container>p{margin:0;text-align:center;font-weight:500;font-size:16px;line-height:24px;color:#a3a3a3;letter-spacing:.3px}.bottom-right-container{display:flex;flex-direction:column;height:fit-content;width:420px;gap:8px}.bottom-right-iside{display:flex;flex-direction:column;height:fit-content;width:356px;border-radius:32px;background-color:#101010;padding:32px;gap:32px}.bottom-right-iside>button{display:flex;justify-content:center;height:fit-content;min-width:116px;border-radius:24px;padding:16px 24px;gap:12px;background-color:#1d1d1d;color:#eaeaea;font-weight:600;font-size:16px;line-height:24px;letter-spacing:.3px;cursor:pointer}.bottom-right-iside>button:hover{background-color:#242424}.bottom-attendance-container{display:flex;flex-direction:column;align-items:center;padding:48px 0;gap:24px}.bottom-attendance-container>p{margin:0;font-weight:600;font-size:48px;line-height:48px;color:#eaeaea}.bottom-attendance-container>span{margin:0;font-weight:500;font-size:16px;line-height:24px;color:#a3a3a3;letter-spacing:.3px}.raids-status{background:#101010;border-radius:32px;padding:32px 24px;gap:16px}.raids-status>p{margin-top:0;text-align:left;font-weight:500;font-size:16px;line-height:24px;color:#a3a3a3;letter-spacing:.3px;padding:0 8px}.raids-status-box{position:relative;display:flex;flex-direction:column;height:100%;width:100%;border-radius:24px;cursor:pointer}.raids-status-box:hover{background:var(--secondary-color-hover)}.raids-status-box:hover .hidden-btn{display:block}.status-1{display:flex;flex-direction:row;align-items:center}.status-1>p{display:block;flex:1;margin:0;align-items:center;font-weight:500;font-size:16px;color:#eaeaea;line-height:24px;letter-spacing:.3px;padding:8px 16px;gap:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status-info-button{display:flex;justify-content:center;margin-top:8px;margin-bottom:8px;margin-left:8px;height:48px;width:48px;background:#ffffff0a;border-radius:16px}.status-info-button>img{width:20px;height:auto}.arrow-bar{display:flex;align-items:center;padding-top:4px;padding-bottom:4px;padding-right:8px;gap:10px}.status-button{display:flex;align-items:center;height:32px;font-weight:600;font-size:14px;line-height:20px;border-radius:99px;letter-spacing:.3px;margin:12px 8px 12px 12px;padding:0 12px;gap:10px}.status-button.done{color:#58cc22;background:#58cc2214}.status-button.scanning{color:#626262;background-color:#1d1d1d}.status-button.error{color:#ff4242;background-color:#ff424214}.raid-container-label{padding-right:16px;padding-left:16px;gap:10px;color:#a3a3a3;font-size:16px;line-height:24px;font-weight:500;white-space:nowrap}.raid-container{display:flex;border-radius:24px;width:100%;cursor:pointer;position:relative;align-items:center}.raid-container:hover{background:var(--secondary-color-hover)}.raid-container-body{display:flex;flex-direction:column;flex:1;padding:8px 16px;gap:2px;min-width:0}.raid-title{text-align:start;font-weight:500;font-size:16px;line-height:24px;vertical-align:center;color:#eaeaea;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.raid-description{text-align:start;font-size:14px;line-height:20px;vertical-align:center;font-weight:500;color:#a3a3a3}.raid-container-holder{padding:8px 8px 8px 0}.raid-time-label{font-size:16px;line-height:24px;font-weight:500;color:#eaeaea;text-align:end}.raid-date-label{font-size:14px;line-height:20px;font-weight:500;color:#bcbcbc;text-align:end;white-space:nowrap}.raid-container:hover .hidden-btn{display:block}.hidden-btn{cursor:pointer;z-index:10;box-shadow:5px 5px 15px #0006,-5px 5px 15px #0006,5px -5px 15px #0006,-5px -5px 15px #0006;border-radius:16px;padding:10px;right:2%;display:none;position:absolute}.hidden-btn img{display:block}.modal-overlay{z-index:999;display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;justify-content:center;align-items:center;background-color:#ffffff0a;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal-wrapper{display:flex;gap:8px}.modal-content{width:420px;height:fit-content;display:flex;flex-direction:column;gap:32px;border-radius:32px;padding:32px;box-sizing:border-box;background:#101010}.modal-header{display:flex;flex-direction:column;max-width:480px;gap:8px}.title{font-size:24px;font-weight:600;line-height:32px;color:var(#eaeaea);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-msg{font-size:16px;line-height:24px;font-weight:500;letter-spacing:.3px;color:#a3a3a3}.modal-control{display:flex;gap:8px}.modal-btn{display:flex;min-width:148px;border-radius:24px;padding:16px 24px;justify-content:center;align-items:center;flex:1;box-sizing:border-box;font-size:16px;line-height:24px;font-weight:600;letter-spacing:.3px;color:#eaeaea}.confirm-btn{gap:12px;background:#1d1d1d}.confirm-btn:hover{background:#242424}.cncl-btn{background:#101010;outline:2px solid #242424}.cncl-btn:hover{outline:2px solid #626262}.items-top-container{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;height:324px;padding:48px 32px;max-height:100%;max-width:100%;border-radius:32px;margin-right:32px;gap:96px;overflow:hidden}.items-top-container:before{content:"";position:absolute;inset:0;background-image:var(--bg-image);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:0}.items-top-container>*{position:relative;z-index:2}.items-top-inside{display:flex;flex-wrap:wrap;height:100%;width:100%;max-width:1200px;gap:88px}.items-top-inside>button{height:56px;width:56px;cursor:pointer;background-color:#ffffff0a;padding:16px;border-radius:24px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.items-top-inside>button:hover{background-color:#ffffff14}.items-top-inside>img{height:180px;width:180px}.items-top-text-container{display:flex;align-items:flex-end;width:100%;height:fit-content}.items-top-text-container>img{width:180px;height:180px}.items-lable-container{display:flex;flex-direction:column;height:fit-content;width:100%;gap:16px;min-width:0}.items-lable-container>h1{text-align:start;margin:0;font-weight:600;font-size:48px;line-height:48px;color:#fffc;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:75%}.items-lable-datememebers{display:flex;width:100%;gap:8px}.items-lable-datememebers>p{margin:0;font-weight:500;font-size:16px;line-height:24px;color:#eeec;letter-spacing:.3px;gap:4px}.items-lable-datememebers>p5{gap:4px}.items-bottom-container{display:flex;position:relative;width:auto;max-width:100%;justify-content:center;margin-right:32px;background-color:#000;padding:32px;gap:8px;overflow:hidden}.items-bottom-inside{display:flex;flex-direction:row;justify-content:space-between;height:100%;width:100%;max-width:1200px;gap:8px}.items-bottom-left{display:flex;flex-direction:column;height:fit-content;width:208px;border-radius:32px;background-color:#101010;padding:16px;gap:4px}.items-bottom-left-inside{display:flex;align-items:center;height:fit-content;width:100%;cursor:pointer;border-radius:24px;background-color:#1d1d1d}.items-bottom-left-inside:hover{background-color:#242424}.items-bottom-left-inside-icon{padding:8px 0 8px 8px}.items-bottom-left-inside-icon>button{height:40px;width:40px;padding:12px;border-radius:12px;background-color:#ffffff0a}.items-bottom-left-inside-text{padding:8px 16px 8px 8px;gap:10px;overflow:hidden;text-overflow:ellipsis}.items-bottom-left-inside-text>span{font-weight:500;font-size:14px;line-height:20px;letter-spacing:.3px;color:#eaeaea;white-space:nowrap}.items-bottom-left-inside-2{display:flex;align-items:center;width:100%;cursor:pointer;border-radius:24px}.items-bottom-left-inside-2:hover{background-color:#242424}.items-bottom-left-inside-avatar{padding:8px 0 8px 8px;display:flex}.items-bottom-left-inside-avatar>img{height:40px;width:40px;border-radius:12px}.items-bottom-center{height:auto;max-width:100%;overflow:hidden;flex:1;border-radius:32px;background-color:#101010;padding:32px;gap:16px;display:flex;flex-direction:column}.items-bottom-center>p{margin-top:0;text-align:left;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.3px;color:#a3a3a3;white-space:nowrap}.items-list{height:100%;width:100%}.items-list-option{display:flex;flex-direction:row;width:100%}.items-list-option-icon{display:flex;width:auto;padding:8px 0}.items-list-option-icon>img{border-radius:16px}.items-list-option-icon-text{display:flex;flex:1;align-items:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 16px;gap:8px}.items-list-option-icon-text>p3{text-align:left;overflow:hidden;flex:1;text-overflow:ellipsis;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.3px;color:#eaeaea}.items-list-option-buttons{display:flex;align-items:center;justify-content:flex-end;padding:8px 0;gap:4px}.items-list-option-input{display:inline-flex;align-items:center;padding:0;border:none;background:transparent;width:fit-content;min-width:68px}.count-input{width:68px;min-width:56px;height:40px;box-sizing:border-box;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.3px;border-radius:16px;color:#a3a3a3;background-color:#ffffff0a;border:none;padding:8px 12px;text-align:center}.count-input::-webkit-outer-spin-button,.count-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.items-list-option-leftbutton,.items-list-option-rightbutton{cursor:pointer;height:40px;width:40px;padding:10px;border-radius:16px;background-color:#ffffff0a}.items-bottom-right{display:flex;flex-direction:column;align-items:stretch;width:356px;height:fit-content;padding:32px;gap:32px;background-color:#101010;border-radius:32px}.items-bottom-right>p{margin:0;font-weight:600;font-size:20px;line-height:24px;color:#eaeaea;text-align:left}.items-bottom-right-inside{display:flex;justify-content:space-between;width:100%;gap:8px}.conflict-button,.membersphoto-button{display:flex;flex-direction:column;align-items:flex-start;height:fit-content;width:100%;min-width:148px;border-radius:24px;padding:16px;gap:24px;background-color:#1d1d1d;color:#ff4242;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.3px}.items-right-text{display:flex;flex-direction:column;align-items:flex-start;width:100%}.items-right-text>p3{color:#eaeaea;margin-top:0}.items-right-text>p4{color:#a3a3a3;margin-top:0}.membersphoto-button>img{height:32px;width:32px}.info-danger-container{display:flex;align-items:flex-start;width:auto;min-width:248px;border-radius:24px;padding:16px;gap:12px;background-color:#ff565614}.info-danger-container>p5{font-weight:500;font-size:14px;line-height:20px;letter-spacing:.3px;color:#ff4242;text-align:left}.selected{background-color:#242424}.solved{color:#626262}.hovered{cursor:pointer}.hovered:hover{background:#242424}.modal-background-login{position:fixed;width:100vw;height:100vh;background-image:url(/assets/backgrounds/login_background.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1000;display:flex;align-items:center;justify-content:center}.info-login-block{display:flex;flex-direction:column;position:fixed;width:400px;height:auto;background-color:#00000003;border-radius:32px;gap:8px}.logo-login-block{display:flex;height:44px;width:auto;justify-content:space-between;align-items:center}.logo-plus-span{display:flex;align-items:center;height:44px;background-color:#00000003;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:16px;box-shadow:inset 0 0 1px #000;padding-right:16px;padding-left:8px;gap:12px}.logo-plus-span>h2{font-weight:700;font-size:16px;line-height:20px;color:#a3a3a3}.dkpsystem{display:flex;align-items:center;height:44px;font-weight:700;font-size:16px;line-height:20px;color:#a3a3a3;background-color:#00000003;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:16px;box-shadow:inset 0 0 1px #000;padding:0 16px;gap:12px}.dkpsystem>p{margin:0}.lable-login-block{display:flex;flex-direction:column;width:400px;height:fit-content;border-radius:32px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:inset 0 0 2px #000;background-color:#00000003}.lable-login-top{height:fit-content;display:flex;padding:48px 32px;gap:32px}.lable-login{display:flex;flex-direction:column;align-items:center;gap:12px}.lable-login>h1{margin:0;font-weight:600;font-size:24px;line-height:32px;color:#eaeaea}.lable-login>p{margin:0;text-align:center;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.3px;color:#a3a3a3}.button-login-block{display:flex;justify-content:center;height:auto;align-items:center;padding:0 32px 32px;gap:10px}.button-login-block>button{height:56px;width:100%;min-width:148px;cursor:pointer;font-weight:600;font-size:16px;line-height:24px;letter-spacing:.3px;border-radius:24px;padding:16px 24px;color:#eaeaea;background-color:#1d1d1d}.lable-login-bottom{display:flex;justify-content:center;height:auto;width:auto;padding:16px 32px;background-color:#00000003;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:32px;box-shadow:inset 0 0 1px #000}.lable-login-bottom>h4{margin:0;text-align:center;font-weight:600;font-size:14px;line-height:20px;letter-spacing:.3px;color:#a3a3a3}.conflict-modal-overlay{z-index:999;display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;justify-content:center;align-items:center;background-color:#ffffff0a;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.conflict-modal-content{z-index:999;display:flex;position:relative;flex-direction:column;height:fit-content;width:356px;background-color:#101010;padding:32px;border-radius:32px;gap:32px}.next-button{display:flex;cursor:pointer;width:100%;min-width:148px;justify-content:center;border-radius:24px;font-weight:600;font-size:16px;line-height:24px;letter-spacing:.3px;background-color:#1d1d1d;color:#eaeaea;padding:16px 24px;gap:12px}.next-button:hover{background-color:#242424}.next-button:disabled{color:#626262;cursor:default}.conflict-modal-text{display:flex;flex-direction:column;height:auto;max-width:480px;gap:8px;align-items:flex-start}.conflict-modal-text>p{margin:0;font-weight:600;font-size:24px;line-height:32px;color:#eaeaea}.conflict-modal-text>p2{margin:0;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.3px;color:#a3a3a3}.conflict-modal-close{display:flex;position:absolute;top:0;right:-59px;background-color:#ffffff0a;cursor:pointer;border-radius:20px;padding:12px;gap:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.conflict-modal-close:hover{background-color:#ffffff14}.conflict-modal-image{display:flex;flex-direction:column;gap:8px}.custom-select{border-radius:24px;background-color:#1d1d1d;padding:16px;gap:12px}.arrow{width:24px;height:24px;background-image:url(/assets/icons/svg/vector_select.svg);background-repeat:no-repeat;background-position:center}.arrow.open{transform:rotate(180deg)}.conflict-modal-buttons{display:flex;justify-content:space-between;gap:8px;width:100%}.conflict-modal-select{display:flex;position:relative;height:fit-content;border-radius:24px;color:#a3a3a3;background-color:#1d1d1d;font-family:hauora,sans-serif;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.3px;border:none;appearance:none;background-image:url(/assets/icons/svg/vector_select.svg);background-repeat:no-repeat;background-position:right 16px center}.custom-select{padding:16px}.conflict-back,.conflict-next{width:100%;min-width:148px;padding:16px 24px;gap:12px;color:#f8f8f8;cursor:pointer}.conflict-back,.conflict-next>p3{font-weight:600;font-size:16px;line-height:24px;letter-spacing:.3px;color:#f8f8f8}.disable-btn{cursor:default}.btn-hover{background:#242424}.disable-btn-text{color:#626262}.static-window-modal{position:fixed;display:flex;width:fit-content;height:520px;gap:8px}.modal-scroll-content{display:flex;flex-direction:column;width:356px;height:fit-content;border-radius:32px;padding:32px;gap:24px;background-color:#101010;transition:transform .05s;-webkit-overflow-scrolling:touch}.header-frame{display:flex;flex-direction:column;text-align:start;flex:1;height:fit-content;max-width:480px;gap:8px}.header-frame>p{margin:0;padding:0;font-size:16px;font-weight:500;line-height:24px;letter-spacing:.3px;color:#a3a3a3}.header-frame>span{font-weight:600;font-size:24px;line-height:32px;color:#eaeaea}.container-frame{background-color:#101010;width:100%}.action-holder-frame{display:flex;flex-direction:column;gap:8px}.close-btn{display:flex;width:fit-content;height:fit-content;border-radius:24px;padding:16px;gap:10px;background:#ffffff0a}.close-btn:hover{background:#ffffff14}.close-btn>img{width:24px;height:24px}.add-participant-btn{display:flex;min-width:148px;border-radius:24px;padding:16px 24px;border:2px solid #242424;gap:12px;justify-content:center;background:none}.add-participant-btn:hover{border:2px solid #A3A3A3}.add-participant-btn>img{width:24px;height:24px}.add-participant-btn>span{font-weight:600;font-size:16px;line-height:24px;letter-spacing:.3px;color:#eaeaea}.screen-img{border-radius:24px;background:#00000040;max-width:100%;max-height:100%;object-fit:contain}.add-participant-layer{display:flex;gap:10px}.add-participant-modal{display:flex;flex-direction:column;height:fit-content;width:356px;border-radius:32px;padding:32px;gap:32px;background:#101010}.participant-modal-header{display:flex;flex-direction:column;gap:8px;max-width:480px}.participant-modal-header span{text-align:start;font-weight:600;font-size:24px;line-height:32px;letter-spacing:.1px;color:#eaeaea}.participant-modal-header p{text-align:start;margin:0;padding:0;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.3px;color:#a3a3a3}.add-participant-select{border-radius:24px;padding:16px;gap:12px;background:#1d1d1d}.save-participant-btn{display:flex;align-items:center;justify-content:center;border-radius:24px;padding:16px 24px;gap:12px;background:#1d1d1d;text-align:center;font-weight:600;font-size:16px;line-height:24px;letter-spacing:.3px;color:#eaeaea}.save-participant-btn:hover{background:#242424}.input-select-container{display:flex;flex-direction:column;gap:2px;cursor:pointer}.input-select-container:hover .input-select-input,.input-select-container:hover .input-container{background:#242424}.input-select-container ul{padding:8px;border-radius:20px;margin:0}.input-select-container ul li{list-style:none;text-align:start;padding:8px 16px 8px 8px;gap:10px;color:#eaeaea;font-size:14px;line-height:20px;letter-spacing:.3px;font-weight:500;border-radius:24px}.input-select-container ul li:hover{background:#242424}.input-container{display:flex;gap:12px}.input-select-input{flex:1;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.3px;color:#a3a3a3;background:none;border:none}.input-select-input:focus{outline:none}.input-select-arrow{width:24px;height:24px}.custom-input-container{align-items:center;display:flex;background:#1d1d1d;flex:1;border-radius:24px;padding:8px 8px 8px 16px;gap:12px}.custom-input-container:hover{background:#242424}.custom-input-button{display:flex;background:#ffffff04;padding:10px;border-radius:16px;gap:10px}.custom-input-button>img{width:24px;height:24px}.nickname-entry-container{height:fit-content;display:flex;width:100%;gap:16px}.name-container{display:flex;width:100%;gap:16px;align-items:center}.name-container span{flex:1;font-size:16px;line-height:24px;letter-spacing:.3px;vertical-align:center;font-weight:500;text-align:start}.trash-btn{display:flex;border-radius:24px;padding:8px;gap:10px;background:none;cursor:pointer}.trash-btn img{width:24px;height:24px}.relative-container{position:relative;display:flex}.absolute-block{position:absolute;top:0;left:0;max-width:100%;max-height:100%;width:100%;height:100%;pointer-events:none}:root{font-family:Hauora,sans-serif;line-height:1.5;font-weight:400;--primary-color: #000;--secondary-color: #1D1D1D;--secondary-color-hover: #242424;color-scheme:light dark;background-color:var(--primary-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#eaeaea;text-decoration:inherit}a:hover{color:#eaeaea}@font-face{font-family:Hauora;src:url(/assets/Hauora-Regular-Bmse0a-m.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Hauora;src:url(/assets/Hauora-Medium-CKbVvpur.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Hauora;src:url(/assets/Hauora-SemiBold-Bg_a853I.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Hauora;src:url(/assets/Hauora-Bold-CQj_Ji98.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}body{margin:0;display:flex;place-items:center;color:#eaeaea}button{font-family:Hauora,sans-serif;border-radius:24px;border:none;background-color:var(--secondary-color);letter-spacing:.6px;cursor:pointer}img{border:none}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#64646466;border-radius:20px}*::-webkit-scrollbar-thumb:hover{background-color:#64646499}*{scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.4) transparent}