.ns { -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ } .f8 { font-size: 8px !important} .f10 { font-size: 10px !important} .f12 { font-size: 12px !important} .f14 { font-size: 14px !important} .f16 { font-size: 16px !important} .f18 { font-size: 18px !important} .f20 { font-size: 20px !important} .f22 { font-size: 20px !important} .f24 { font-size: 24px !important} .f26 { font-size: 26px !important} .fw200 { font-weight:200 !important } .fw300 { font-weight:300 !important} .fw400 { font-weight:400 !important} .fw500 { font-weight:500 !important} .fw600 { font-weight:600 !important} .fw700 { font-weight:700 !important} .fw800 { font-weight:800 !important} m5 {margin: 5px !important;} .-m { margin:0px !important} .-mb { margin-bottom: 0 !important} .mt5 { margin-top: 5px !important} .mt10 { margin-top: 10px !important} .mt20 { margin-top: 20px !important} .mt40 { margin-top: 40px !important} .mlr5 { margin: 0px 5px 0px 5px !important} .mlr10 { margin: 0px 10px 0px 10px !important} .mlr15 { margin: 0px 15px 0px 15px !important} .mlr20 { margin: 0px 20px 0px 20px !important} .mlr30 { margin: 0px 30px 0px 30px !important} .mlr40 { margin: 0px 40px 0px 40px !important} .mlr50 { margin: 0px 50px 0px 50px !important} .mst10 { margin-inline-start: 10px !important; } .mnd10 { margin-inline-end: 10px !important; } .mst20 { margin-inline-start: 20px !important; } .mnd20 { margin-inline-end: 20px !important; } .-p { padding: 0px !important} .plr5 { padding: 0px 5px 0px 5px !important} .plr10 { padding: 0px 10px 0px 10px !important} .plr15 { padding: 0px 15px 0px 15px !important} .plr20 { padding: 0px 20px 0px 20px !important } .plr30 { padding: 0px 30px 0px 30px !important} .plr40 { padding: 0px 40px 0px 40px !important} .plr50 { padding: 0px 50px 0px 50px } .p20 { padding:20px} .p50 { padding: 50px} /* border */ .-b { border: none !important} .b { border: 1px solid var(--border) !important} .ba { border: 1px solid var(--borderActive) !important} .bd { border: 1px dashed var(--border) !important} .bb { border-bottom: 1px solid var(--border) !important} .bb3 { border-bottom: 3px solid var(--border) !important} .br { border-right: 1px solid var(--border) !important} .bt { border-top: 1px solid var(--border) !important} .bl { border-left: 1px solid var(--border) !important} .s {box-shadow: var(--shadow) } .-r {border-radius: 0; } .r100 { border-radius: 100px !important } .re {border-radius: calc(var(--elementHeight) / 2)} .h { cursor: pointer; /* opacity: 0.6; */ } .h:hover { /* opacity: 1; */ background: var(--gray100) /* color: var(--secondary1300 ) */ /* font-weight: 500; */ } .-h { opacity: 1; cursor: default; } .c { cursor: pointer;} .pa {position:absolute; } .pr {position:relative} .-d {display: none;} .f {display: flex;} .fc {display: flex; align-items: center; justify-content: center;} .fcv {display: flex; align-items: center;} .fdc { flex-flow:column; flex-direction: column !important; } .fdr { flex-flow:row; } .fgr { display:flex; flex: 1; } .fgc { display:flex; flex: 1; } .fg { flex-grow:1;} .ffr { flex-flow: row wrap !important } .fww { display: flex; flex-wrap: wrap !important } /* Grid */ .g { display: grid; grid-gap: var(--gap);} .mc { grid-column:-1/1; } .mr { grid-row: -1/1; } .gc { align-items: center; align-content: center;} /* Cover */ .cf { /* Full Cover */ position: fixed; top:0px; left:0px; width: 100%; height:100%; display: flex; padding:0px; margin:0px; border-radius: 0px; } /* width */ .w8 { width:8px !important } .w12 { width:12px !important } .w16 { width:16px !important } .w20 { width:20px !important } .w24 { width:24px !important } .w26 { width:26px !important } .w28 { width:28px !important } .w32 { width:32px !important } .w40 { width:40px !important } .w50 { width:50px !important } .w60 { width:60px !important } .w70 { width:70px !important } .w80 { width:80px !important } .w100 { width:100px !important } .w150 { width:150px !important } .w200 { width:200px !important } .w220 { width:220px !important } .w250 { width:250px !important } .w300 { width:300px !important } .w350 { width:350px !important } .w380 { width:380px !important } .w400 { width:400px !important } .w450 { width:450px !important } .w500 { width:500px !important } .w600 { width:600px !important } .w700 { width:700px !important } .w800 { width:800px !important } .w900 { width:900px !important } .w1024 { width:1024px !important } .w100p { width: 100% !important } .w75p { width: 75% !important } .w50p { width: 50% !important } .w25p { width: 25% !important } .wa { width : auto; } .wfc { width: fit-content } .ew100p { width: calc(100% - var(--unit) * 2); } .w100p {width: 100% !important} /* height */ .mhe { min-height: var(--elementHeight) !important } .he { height: var(--elementHeight) !important } .h8 { min-height:8px !important } .h12 { height:12px !important } .h16 { height:16px !important } .h24 { height:24px !important } .h32 { height:32px !important } .h20 { height:20px !important } .h30 { height:30px !important } .h40 { min-height:40px !important } .h50 { min-height:50px !important } .h60 { min-height:60px !important } .h70 { min-height:70px !important } .h80 { min-height:70px !important } .h100 { min-height:100px !important} .h150 { min-height:150px !important} .h200 { min-height:200px !important} .h300 { min-height:300px !important} .h400 { min-height:400px !important} .h500 { min-height:500px !important} .h600 { min-height:600px !important} .h700 { min-height:700px !important} .h800 { min-height:800px !important} .h100p { height:100% !important } .h75p { height: 50% !important } .h50p { height: 50% !important } .h25p { height: 25% !important } .hfc { height: fit-content !important; } .ha { height: auto !important; } .white {color: var(--white);} .primary {color: var(--primary)} .secondary {color: var(--secondary)} .secondary1300 {color: var(--secondary1300)} .secondary200 {color: var(--secondary200)} .red {color: var(--red)} .orange {color: var(--orange)} .green {color: var(--green)} .bgWhite {background-color: #FFFFFF !important } .bgGray100 {background-color: var(--gray100);} .bgGray550 {background-color: var(--gray550);} .bgRed {background-color: var(--red);} .bgGreen {background-color: var(--green);} .o5 {opacity: 0.5} .o1 {opacity: 1 !important} .wmc { width: max-content !important} .topIndex { z-index: 10000000 !important; } .ttu { text-transform: uppercase;} .t0 { top: 0 !important;} .l0 { left: 0 !important;} .z0 {z-index: 0 !important;}