.hud{width:100px;height:10px;position:fixed;top:0;z-index:9999}.hud .dtmhud-mask{top:15px;left:15px;width:100px;height:100px;position:relative;z-index:9021;color:#fff;text-align:center;line-height:120px;cursor:pointer}.hud .animate{transition:1000ms ease-in-out}.hud__svg-wrapper{text-align:center}.hud__svg{width:100%;font-size:16px;opacity:.5;transform:scale(2.5)}.hud__svg .bracket__in{fill:#edc936}.hud__svg__style,.hud__svg__dtm,.hud__svg__design{opacity:0}.hud__svg__brackets{transform:rotate(89deg);transform-origin:center center}.hud__svg__bracket-left{transform:translateX(7.98em)}.hud__svg__bracket-right{transform:translateX(-7.98em)}.letter__d,.letter__m{transform:translateY(1em)}.letter__t{transform:translateY(-1em)}.hud__svg:hover .hud__svg__brackets{transform:rotate(0) !important;transition:1000ms cubic-bezier(1,0,0,1)}.hud__svg:hover{opacity:.75}[data-animate="scale-down"]{animation:300ms scale-down ease forwards}[data-animate="scale-up"]{animation:300ms scale-up ease forwards}[data-animate="spin-out"]{animation:300ms spin-out ease forwards}[data-animate="horizontal-out"]{animation:300ms horizontal-out ease 400ms forwards}[data-animate="horizontal-in-left"]{animation:300ms horizontal-in-left ease forwards}[data-animate="horizontal-in-right"]{animation:300ms horizontal-in-right ease forwards}[data-animate="vertical-in"]{animation:300ms vertical-in ease 400ms forwards}[data-animate="vertical-out-top"]{animation:300ms vertical-out-top ease forwards}[data-animate="vertical-out-down"]{animation:300ms vertical-out-down ease forwards}[data-animate="fade-in"]{animation:300ms fade-in ease 400ms forwards}[data-animate="fade-out"]{animation:300ms fade-out ease forwards}@keyframes scale-up{0%{transform:scale(.75);opacity:1}100%{transform:scale(2.5);opacity:.5}}@keyframes scale-down{0%{transform:scale(2.5);opacity:.5}100%{transform:scale(.75);opacity:1}}@keyframes spin-out{0%{transform:rotate(0)}100%{transform:rotate(90deg)}}@keyframes horizontal-out{100%{transform:translateX(0)}}@keyframes horizontal-in-right{0%{transform:translateX(0)}100%{transform:translateX(-7.98em)}}@keyframes horizontal-in-left{0%{transform:translateX(0)}100%{transform:translateX(7.98em)}}@keyframes vertical-in{100%{transform:translateY(0)}}@keyframes vertical-out-top{0%{transform:translateY(0)}100%{transform:translateY(-1em)}}@keyframes vertical-out-down{0%{transform:translateY(0)}100%{transform:translateY(1em)}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}