@font-face{font-family:TT Satoshi;font-style:normal;font-weight:500;src:url(../fonts/TTSatoshi-Medium.otf) format("opentype")}
@font-face{font-family:TT Satoshi;font-style:normal;font-weight:600;src:url(../fonts/TTSatoshi-DemiBold.otf) format("opentype")}
@font-face{font-family:PixelOperatorMono8;font-style:normal;font-weight:500;src:url(../fonts/PixelOperatorMono8.woff2) format("woff2")}
@font-face{font-family:RobotoMono;font-style:normal;font-weight:500;src:url(../fonts/RobotoMono-Medium.woff2) format("woff2")}

.tippy-box[data-animation=shift-away][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)}

.font-tt-satoshi {
    font-family: "TT Satoshi", sans-serif;
}

.font-roboto-mono {
    font-family: "RobotoMono", monospace;
}

.font-pixel-operator {
    font-family: "PixelOperatorMono8", monospace;
}

.tippy-box[data-theme~='trezor'] {
    background-color: rgb(44, 45 ,48);
    color: #ffffff;
    border-radius: 8px;
}