2024-08-10 00:25:25 -04:00
@ charset "UTF-8" ; . dp__input { font-family : - apple-system , BlinkMacSystemFont , Segoe UI , Helvetica , Arial , sans-serif , "Apple Color Emoji" , "Segoe UI Emoji" , Segoe UI Symbol !important } :: -webkit-scrollbar { display : none } . codeFont { font-family : SFMono-Regular , Menlo , Monaco , Consolas , Liberation Mono , Courier New , monospace } . feather { width : 16 px ; height : 16 px ; vertical-align : text - bottom } . btn-primary { font-weight : 700 } @ property --brandColor1 { syntax : "<color>" ; initial-value : # 009dff ; inherits : false ; } @ property --brandColor2 { syntax : "<color>" ; initial-value : # ff4a00 ; inherits : false ; } @ property --distance2 { syntax : "<percentage>" ; initial-value : 0 % ; inherits : false ; } @ property --degree { syntax : "<angle>" ; initial-value : 234deg ; inherits : false ; } . dashboardLogo { background : #178bff ; background : linear-gradient ( 234 deg , var ( - - brandColor1 ) var ( - - distance2 ) , var ( - - brandColor2 ) 100 % ) ; -webkit- background-clip : text ; -webkit- text-fill-color : transparent ; transition : -- brandColor1 1 s , -- brandColor2 .3 s , -- distance2 1 s !important } . btn-brand { background : linear-gradient ( var ( - - degree ) , var ( - - brandColor1 ) var ( - - distance2 ) , var ( - - brandColor2 ) 100 % ) ; border : 0 !important ; transition : -- brandColor1 1 s , -- brandColor2 1 s , -- distance2 .5 s !important } . btn-brand . loading { animation : spin infinite forwards 3 s linear } . btn-brand : hover , . dashboardLogo : hover { --brandColor1 : #009dff ; --brandColor2 : #ff875b ; --distance2 : 30 % } . signInBtn . signedIn { --distance2 : 100 % } @ keyframes spin { 0 % { --degree : 234 deg } to { --degree : 594 deg } } [ data-bs-theme = dark ] . main , # app : has ( . main [ data-bs-theme = dark ] ) { background-color : #1b1e21 } . sidebar . nav-link , . bottomNavContainer . nav-link { font-weight : 500 ; color : #333 ; transition : .2 s cubic-bezier ( .82 , -.07 , 0 , 1.01 ) } [ data-bs-theme = dark ] . sidebar . nav-link { color : #fff } [ data-bs-theme = dark ] . sidebar . nav-link . active { color : #74b7ff } [ data-bs-theme = dark ] . nav-link : hover { background-color : #323844 } . nav-link : hover { background-color : #e8e8e8 } . sidebar . nav-link . feather { margin-right : 4 px ; color : #999 } . sidebar . nav-link . active , . bottomNavContainer . nav-link . active { color : #007bff } . sidebar . nav-link : hover . feather , . sidebar . nav-link . active . feather { color : inherit } . sidebar-heading { font-size : .75 rem ; text-transform : uppercase } . navbar-brand { padding-top : .75 rem ; padding-bottom : .75 rem ; font-size : 1 rem } . navbar . navbar-toggler { top : .25 rem ; right : 1 rem } . form-control { transition : all .2 s ease-in-out } . form-control : disabled { cursor : not-allowed } . navbar . form-control { padding : .75 rem 1 rem ; border-width : 0 ; border-radius : 0 } . form-control-dark { color : #fff ; background-color : #ffffff 1 a ; border-color : #ffffff 1 a } . form-control-dark : focus { border-color : transparent ; box-shadow : 0 0 0 3 px #ffffff 40 } . dot { width : 10 px ; height : 10 px ; border-radius : 50 px ; display : inline-block ; margin-left : auto !important ; background-color : #6c757d } . dot . active { background-color : #28a745 !important ; box-shadow : 0 0 0 .2 rem #28a745 45 } . h6-dot-running { margin-left : .3 rem } . card-running { border-color : #28a745 } . info h6 { line-break : anywhere ; transition : all .4 s cubic-bezier ( .96 , -.07 , .34 , 1.01 ) ; opacity : 1 } . info . row . col-sm { display : flex ; flex-direction : column } . info . row . col-sm small { display : flex } . info . row . col-sm small strong : last-child ( 1 ) { margin-left : auto !important } . btn-control { border : none !important ; padding : 0 ; margin : 0 1 rem 0 0 } . btn-control : hover { background-color : transparent !important } . btn-control : active , . btn-control : focus { background-color : transparent !important ; border : none !important ; box-shadow : none } . btn-qrcode-peer { padding : 0 !important } . btn-qrcode-peer : active , . btn-qrcode-peer : hover { transform : scale ( .9 ) rotate ( 180 deg ) ; border : 0 !important } . btn-download-peer : active , . btn-download-peer : hover { color : #17a2b8 !important ; transform : translateY ( 5 px ) } . share_peer_btn_group . btn-control { margin : 0 0 0 1 rem ; padding : 0 !important ; transition : all .4 s cubic-bezier ( 1 , -.43 , 0 , 1.37 ) } . btn-control : hover { background : #fff } . btn-delete-peer : hover { color : #dc3545 } . btn-lock-peer : hover { color : #28a745 } . btn-lock-peer . lock , . btn-lock-peer . lock : hover { color : #6c757d } . btn-control . btn-outline-primary : hover { color : #007bff } . btn-download-peer : hover { color : #17a2b8 } . login-container { padding : 2 rem } @ media ( max-width : 992px ) { . card-col { margin-bottom : 1 rem } } . switch { font-size : 2 rem } . switch : hover { t e x t - d e c o r a t i o
2024-03-21 02:03:08 -04:00
* Bootstrap v5 . 3 . 2 ( https : / / getbootstrap . com / )
* Copyright 2011-2023 The Bootstrap Authors
* Licensed under MIT ( https : / / github . com / twbs / bootstrap / blob / main / LICENSE )
* / : root , [ data-bs-theme = light ] { --bs-blue : #0d6efd ; --bs-indigo : #6610f2 ; --bs-purple : #6f42c1 ; --bs-pink : #d63384 ; --bs-red : #dc3545 ; --bs-orange : #fd7e14 ; --bs-yellow : #ffc107 ; --bs-green : #198754 ; --bs-teal : #20c997 ; --bs-cyan : #0dcaf0 ; --bs-black : #000 ; --bs-white : #fff ; --bs-gray : #6c757d ; --bs-gray-dark : #343a40 ; --bs-gray-100 : #f8f9fa ; --bs-gray-200 : #e9ecef ; --bs-gray-300 : #dee2e6 ; --bs-gray-400 : #ced4da ; --bs-gray-500 : #adb5bd ; --bs-gray-600 : #6c757d ; --bs-gray-700 : #495057 ; --bs-gray-800 : #343a40 ; --bs-gray-900 : #212529 ; --bs-primary : #0d6efd ; --bs-secondary : #6c757d ; --bs-success : #198754 ; --bs-info : #0dcaf0 ; --bs-warning : #ffc107 ; --bs-danger : #dc3545 ; --bs-light : #f8f9fa ; --bs-dark : #212529 ; --bs-primary-rgb : 13 , 110 , 253 ; --bs-secondary-rgb : 108 , 117 , 125 ; --bs-success-rgb : 25 , 135 , 84 ; --bs-info-rgb : 13 , 202 , 240 ; --bs-warning-rgb : 255 , 193 , 7 ; --bs-danger-rgb : 220 , 53 , 69 ; --bs-light-rgb : 248 , 249 , 250 ; --bs-dark-rgb : 33 , 37 , 41 ; --bs-primary-text-emphasis : #052c65 ; --bs-secondary-text-emphasis : #2b2f32 ; --bs-success-text-emphasis : #0a3622 ; --bs-info-text-emphasis : #055160 ; --bs-warning-text-emphasis : #664d03 ; --bs-danger-text-emphasis : #58151c ; --bs-light-text-emphasis : #495057 ; --bs-dark-text-emphasis : #495057 ; --bs-primary-bg-subtle : #cfe2ff ; --bs-secondary-bg-subtle : #e2e3e5 ; --bs-success-bg-subtle : #d1e7dd ; --bs-info-bg-subtle : #cff4fc ; --bs-warning-bg-subtle : #fff3cd ; --bs-danger-bg-subtle : #f8d7da ; --bs-light-bg-subtle : #fcfcfd ; --bs-dark-bg-subtle : #ced4da ; --bs-primary-border-subtle : #9ec5fe ; --bs-secondary-border-subtle : #c4c8cb ; --bs-success-border-subtle : #a3cfbb ; --bs-info-border-subtle : #9eeaf9 ; --bs-warning-border-subtle : #ffe69c ; --bs-danger-border-subtle : #f1aeb5 ; --bs-light-border-subtle : #e9ecef ; --bs-dark-border-subtle : #adb5bd ; --bs-white-rgb : 255 , 255 , 255 ; --bs-black-rgb : 0 , 0 , 0 ; --bs-font-sans-serif : system-ui , - apple-system , "Segoe UI" , Roboto , "Helvetica Neue" , "Noto Sans" , "Liberation Sans" , Arial , sans-serif , "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , "Noto Color Emoji" ; --bs-font-monospace : SFMono-Regular , Menlo , Monaco , Consolas , "Liberation Mono" , "Courier New" , monospace ; --bs-gradient : linear-gradient ( 180 deg , rgba ( 255 , 255 , 255 , .15 ) , rgba ( 255 , 255 , 255 , 0 ) ) ; --bs-body-font-family : var ( - - bs - font - sans-serif ) ; --bs-body-font-size : 1 rem ; --bs-body-font-weight : 400 ; --bs-body-line-height : 1.5 ; --bs-body-color : #212529 ; --bs-body-color-rgb : 33 , 37 , 41 ; --bs-body-bg : #fff ; --bs-body-bg-rgb : 255 , 255 , 255 ; --bs-emphasis-color : #000 ; --bs-emphasis-color-rgb : 0 , 0 , 0 ; --bs-secondary-color : rgba ( 33 , 37 , 41 , .75 ) ; --bs-secondary-color-rgb : 33 , 37 , 41 ; --bs-secondary-bg : #e9ecef ; --bs-secondary-bg-rgb : 233 , 236 , 239 ; --bs-tertiary-color : rgba ( 33 , 37 , 41 , .5 ) ; --bs-tertiary-color-rgb : 33 , 37 , 41 ; --bs-tertiary-bg : #f8f9fa ; --bs-tertiary-bg-rgb : 248 , 249 , 250 ; --bs-heading-color : inherit ; --bs-link-color : #0d6efd ; --bs-link-color-rgb : 13 , 110 , 253 ; --bs-link-decoration : underline ; --bs-link-hover-color : #0a58ca ; --bs-link-hover-color-rgb : 10 , 88 , 202 ; --bs-code-color : #d63384 ; --bs-highlight-color : #212529 ; --bs-highlight-bg : #fff3cd ; --bs-border-width : 1 px ; --bs-border-style : solid ; --bs-border-color : #dee2e6 ; --bs-border-color-translucent : rgba ( 0 , 0 , 0 , .175 ) ; --bs-border-radius : .375 rem ; --bs-border-radius-sm : .25 rem ; --bs-border-radius-lg : .5 rem ; --bs-border-radius-xl : 1 rem ; --bs-border-radius-xxl : 2 rem ; --bs-border-radius-2xl : var ( - - bs - border - radius - xxl ) ; --bs-border-radius-pill : 50 rem ; --bs-box-shadow : 0 .5 rem 1 rem rgba ( 0 , 0 , 0 , .15 ) ; --bs-box-shadow-sm : 0 .125 rem .25 rem rgba ( 0 , 0 , 0 , .075 ) ; --bs-box-shadow-lg : 0 1 rem 3 rem rgba ( 0 , 0 , 0 , .175 ) ; --bs-box-shadow-inset : inset 0 1 px 2 px rgba ( 0 , 0 , 0 , .075 ) ; --bs-focus-ring-width : .25 rem ; --bs-focus-ring-opacity : .25 ; --bs-focus-ring-color : rgba ( 13 , 110 , 253 , .25 ) ; --bs-form-valid-color : #198754 ; --bs-form-valid-border-color : #198754 ; --bs-form-invalid-color : #dc3545 ; --bs-form-invalid-border-color : #dc3545 } [ data-bs-theme = dark ] { color-scheme : dark ; --bs-body-color : #dee2e6 ; --bs-body-color-rgb : 222 , 226 , 230 ; --bs-body-bg : #212529 ; --bs-body-bg-rgb : 33 , 37 , 41 ; --bs-emphasis-color : #fff ; --bs-emphasis-color-rgb : 255 , 255 , 255 ; - - b s - s e c o n d a r y - c
* Bootstrap Icons v1 . 11 . 2 ( https : / / icons . getbootstrap . com / )
* Copyright 2019-2023 The Bootstrap Authors
* Licensed under MIT ( https : / / github . com / twbs / icons / blob / main / LICENSE )
2024-08-10 19:03:21 -04:00
* / @ font-face { font-display : block ; font-family : bootstrap-icons ; src : url ( / static / app / dist / assets / bootstrap-icons . woff2 ? 7141511ac37f13e1a387fb9fc6646256 ) format ( "woff2" ) , url ( / static / app / dist / assets / bootstrap-icons . woff ? 7141511ac37f13e1a387fb9fc6646256 ) format ( "woff" ) } . bi : before , [ class ^ = bi- ] : before , [ class * = " bi-" ] : before { display : inline-block ; font-family : bootstrap-icons !important ; font-style : normal ; font-weight : 400 !important ; font-variant : normal ; text-transform : none ; line-height : 1 ; vertical-align : -.125 em ; -webkit- font-smoothing : antialiased ; -moz- osx-font-smoothing : grayscale } . bi-123 : before { content : "" } . bi-alarm-fill : before { content : "" } . bi-alarm : before { content : "" } . bi-align-bottom : before { content : "" } . bi-align-center : before { content : "" } . bi-align-end : before { content : "" } . bi-align-middle : before { content : "" } . bi-align-start : before { content : "" } . bi-align-top : before { content : "" } . bi-alt : before { content : "" } . bi-app-indicator : before { content : "" } . bi-app : before { content : "" } . bi-archive-fill : before { content : "" } . bi-archive : before { content : "" } . bi-arrow-90deg-down : before { content : "" } . bi-arrow-90deg-left : before { content : "" } . bi-arrow-90deg-right : before { content : "" } . bi-arrow-90deg-up : before { content : "" } . bi-arrow-bar-down : before { content : "" } . bi-arrow-bar-left : before { content : "" } . bi-arrow-bar-right : before { content : "" } . bi-arrow-bar-up : before { content : "" } . bi-arrow-clockwise : before { content : "" } . bi-arrow-counterclockwise : before { content : "" } . bi-arrow-down-circle-fill : before { content : "" } . bi-arrow-down-circle : before { content : "" } . bi-arrow-down-left-circle-fill : before { content : "" } . bi-arrow-down-left-circle : before { content : "" } . bi-arrow-down-left-square-fill : before { content : "" } . bi-arrow-down-left-square : before { content : "" } . bi-arrow-down-left : before { content : "" } . bi-arrow-down-right-circle-fill : before { content : "" } . bi-arrow-down-right-circle : before { content : "" } . bi-arrow-down-right-square-fill : before { content : "" } . bi-arrow-down-right-square : before { content : "" } . bi-arrow-down-right : before { content : "" } . bi-arrow-down-short : before { content : "" } . bi-arrow-down-square-fill : before { content : "" } . bi-arrow-down-square : before { content : "" } . bi-arrow-down-up : before { content : "" } . bi-arrow-down : before { content : "" } . bi-arrow-left-circle-fill : before { content : "" } . bi-arrow-left-circle : before { content : "" } . bi-arrow-left-right : before { content : "" } . bi-arrow-left-short : before { content : "" } . bi-arrow-left-square-fill : before { content : "" } . bi-arrow-left-square : before { content : "" } . bi-arrow-left : before { content : "" } . bi-arrow-repeat : before { content : "" } . bi-arrow-return-left : before { content : "" } . bi-arrow-return-right : before { content : "" } . bi-arrow-right-circle-fill : before { content : "" } . bi-arrow-right-circle : before { content : "" } . bi-arrow-right-short : before { content : "" } . bi-arrow-right-square-fill : before { content : "" } . bi-arrow-right-square : before { content : "" } . bi-arrow-right : before { content : "" } . bi-arrow-up-circle-fill : before { content : "" } . bi-arrow-up-circle : before { content : "" } . bi-arrow-up-left-circle-fill : before { content : "" } . bi-arrow-up-left-circle : before { content : "" } . bi-arrow-up-left-square-fill : before { content : "" } . bi-arrow-up-left-square : before { content : "" } . bi-arrow-up-left : before { content : "" } . bi-arrow-up-right-circle-fill : before { content : "" } . bi-arrow-up-right-circle : before { content : "" } . bi-arrow-up-right-square-fill : before { content : "" } . bi-arrow-up-right-square : before { content : "" } . bi-arrow-up-right : before { content : "" } . bi-arrow-up-short : before { content : "" } . bi-arrow-up-square-fill : before { content : "" } . bi-arrow-up-square : before { content : "" } . bi-arrow-up : before { content : "" } . bi-arrows-angle-contract : before { content : "" } . bi-arrows-angle-expand : before { content : "" } . bi-arrows-collapse : before { content : "" } . bi-arrows-expand : before { content : "" } . bi-arrows-fullscreen : before { content : "" } . bi-arrows-move : before { content : "" } . bi-aspect-ratio-fill : before { content : "" } . bi-aspect-ratio : before { content : "" } . bi-asterisk : before { content : "" } . bi-at : before { content : "" } . bi-award-fill : before { content : " <EFBFBD> <EFBFBD>
2024-04-03 01:16:56 -04:00
* animate . css - https : / / animate . style /
* Version - 4 . 1 . 1
* Licensed under the MIT license - http : / / opensource . org / licenses / MIT
*
* Copyright ( c ) 2020 Animate . css
2024-08-10 19:03:21 -04:00
* / : root { --animate-duration : 1 s ; --animate-delay : 1 s ; --animate-repeat : 1 } . animate__animated { -webkit- animation-duration : 1 s ; animation-duration : 1 s ; -webkit- animation-duration : var ( - - animate - duration ) ; animation-duration : var ( - - animate - duration ) ; -webkit- animation-fill-mode : both ; animation-fill-mode : both } . animate__animated . animate__infinite { -webkit- animation-iteration-count : infinite ; animation-iteration-count : infinite } . animate__animated . animate__repeat-1 { -webkit- animation-iteration-count : 1 ; animation-iteration-count : 1 ; -webkit- animation-iteration-count : var ( - - animate - repeat ) ; animation-iteration-count : var ( - - animate - repeat ) } . animate__animated . animate__repeat-2 { -webkit- animation-iteration-count : 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 { -webkit- animation-iteration-count : 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 { -webkit- animation-delay : 1 s ; animation-delay : 1 s ; -webkit- animation-delay : var ( - - animate - delay ) ; animation-delay : var ( - - animate - delay ) } . animate__animated . animate__delay-2s { -webkit- animation-delay : 2 s ; animation-delay : 2 s ; -webkit- animation-delay : calc ( var ( - - animate - delay ) * 2 ) ; animation-delay : calc ( var ( - - animate - delay ) * 2 ) } . animate__animated . animate__delay-3s { -webkit- animation-delay : 3 s ; animation-delay : 3 s ; -webkit- animation-delay : calc ( var ( - - animate - delay ) * 3 ) ; animation-delay : calc ( var ( - - animate - delay ) * 3 ) } . animate__animated . animate__delay-4s { -webkit- animation-delay : 4 s ; animation-delay : 4 s ; -webkit- animation-delay : calc ( var ( - - animate - delay ) * 4 ) ; animation-delay : calc ( var ( - - animate - delay ) * 4 ) } . animate__animated . animate__delay-5s { -webkit- animation-delay : 5 s ; animation-delay : 5 s ; -webkit- animation-delay : calc ( var ( - - animate - delay ) * 5 ) ; animation-delay : calc ( var ( - - animate - delay ) * 5 ) } . animate__animated . animate__faster { -webkit- animation-duration : .5 s ; animation-duration : .5 s ; -webkit- animation-duration : calc ( var ( - - animate - duration ) / 2 ) ; animation-duration : calc ( var ( - - animate - duration ) / 2 ) } . animate__animated . animate__fast { -webkit- animation-duration : .8 s ; animation-duration : .8 s ; -webkit- animation-duration : calc ( var ( - - animate - duration ) * .8 ) ; animation-duration : calc ( var ( - - animate - duration ) * .8 ) } . animate__animated . animate__slow { -webkit- animation-duration : 2 s ; animation-duration : 2 s ; -webkit- animation-duration : calc ( var ( - - animate - duration ) * 2 ) ; animation-duration : calc ( var ( - - animate - duration ) * 2 ) } . animate__animated . animate__slower { -webkit- animation-duration : 3 s ; animation-duration : 3 s ; -webkit- animation-duration : calc ( var ( - - animate - duration ) * 3 ) ; animation-duration : calc ( var ( - - animate - duration ) * 3 ) } @ media print , ( prefers-reduced-motion : reduce ) { . animate__animated { -webkit- animation-duration : 1 ms !important ; animation-duration : 1 ms !important ; -webkit- transition-duration : 1 ms !important ; transition-duration : 1 ms !important ; -webkit- animation-iteration-count : 1 !important ; animation-iteration-count : 1 !important } . animate__animated [ class * = Out ] { opacity : 0 } } @ -webkit-keyframes bounce { 0 % , 20 % , 53 % , to { -webkit- animation-timing-function : cubic-bezier ( .215 , .61 , .355 , 1 ) ; animation-timing-function : cubic-bezier ( .215 , .61 , .355 , 1 ) ; -webkit- transform : translate3d ( 0 , 0 , 0 ) ; transform : translateZ ( 0 ) } 40 % , 43 % { -webkit- animation-timing-function : cubic-bezier ( .755 , .05 , .855 , .06 ) ; animation-timing-function : cubic-bezier ( .755 , .05 , .855 , .06 ) ; -webkit- transform : translate3d ( 0 , -30 px , 0 ) scaleY ( 1.1 ) ; transform : translate3d ( 0 , -30 px , 0 ) scaleY ( 1.1 ) } 70 % { -webkit- animation-timing-function : cubic-bezier ( .755 , .05 , .855 , .06 ) ; animation-timing-function : cubic-bezier ( .755 , .05 , .855 , .06 ) ; -webkit- transform : translate3d ( 0 , -15 px , 0 ) scaleY ( 1.05 ) ; transform : translate3d ( 0 , -15 px , 0 ) scaleY ( 1.05 ) } 80 % { -webkit- transition-timing-function : cubic-bezier ( .215 , .61 , .355 , 1 ) ; transition-timing-function : cubic-bezier ( .215 , .61 , .355 , 1 ) ; -webkit- transform : translate3d ( 0 , 0 , 0 ) scaleY ( .95 ) ; transform : translateZ ( 0 ) scaleY ( .95 ) } 90 % { -webkit- transform : translate3d ( 0 , -4 px , 0 ) scaleY ( 1.02 ) ; transform : translate3d ( 0 , -4 px , 0 )
