@import"https://fonts.googleapis.com/css2?family=Cardo:wght@700&family=Lora:wght@700&display=swap";.unselectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;pointer-events:none}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;background-color:#36393f;color:#fff7e0;overflow:hidden;height:100%}.full-size-magic-card{pointer-events:none;width:calc(750px / var(--size-divisor));height:calc(1050px / var(--size-divisor))}.tristan-default-button:hover{background-color:#2c974b}.tristan-default-button:active{background-color:#268542;box-shadow:0 0 calc(1px / var(--size-divisor)) #1b1f23cc,inset 0 0 calc(3px / var(--size-divisor)) #ffffff05;transition:none}.tristan-default-button{box-sizing:border-box;display:block;outline:none;color:#fff;background-color:#2ea44f;box-shadow:0 0 calc(2px / var(--size-divisor)) #1b1f2333,inset 0 0 calc(3px / var(--size-divisor)) #ffffff05;text-decoration:none;margin:calc(10px / var(--size-divisor)) calc(20px / var(--size-divisor));position:relative;display:inline-block;padding:calc(5px / var(--size-divisor)) calc(16px / var(--size-divisor));font-size:calc(14px / var(--size-divisor));font-weight:500;line-height:calc(20px / var(--size-divisor));white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:calc(1px / var(--size-divisor)) solid green;border-radius:calc(6px / var(--size-divisor));transition:background-color .2s cubic-bezier(.3,0,.5,1);transition-property:background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(.3,0,.5,1);transition-delay:0s}.tristan-delete-button:focus,.tristan-delete-button:hover{filter:brightness(120%) saturate(120%);cursor:pointer;color:red}.menu-container{position:relative;display:flex;justify-content:center;align-items:center}.menu-trigger{background-color:#36393f;color:#fff7e0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border:none;font-weight:200;font-size:calc(18px / var(--size-divisor));margin-left:.4em;margin-right:.4em;padding-left:.2em;padding-right:.2em}.menu-trigger:hover{box-shadow:0 calc(1px / var(--size-divisor)) calc(8px / var(--size-divisor)) #0000004d}.menu-trigger span{font-weight:700;font-size:calc(20px / var(--size-divisor))}.menu-trigger img{border-radius:calc(90px / var(--size-divisor))}.menu{background:#1f2426;color:#fff7e0;border-radius:calc(2px / var(--size-divisor));position:absolute;top:calc(30px / var(--size-divisor));left:.6em;width:calc(300px / var(--size-divisor));box-shadow:0 calc(1px / var(--size-divisor)) calc(8px / var(--size-divisor)) #0000004d;opacity:0;visibility:hidden;transform:translateY(calc(-20px / var(--size-divisor)));transition:opacity .4s ease,transform .4s ease,visibility .4s;z-index:300}.menu.active{opacity:1;visibility:visible;transform:translateY(0)}.menu ul{list-style:none;color:#fff7e0;padding:0;margin:0}.menu li{border-bottom:calc(1px / var(--size-divisor)) solid #403f3c}.menu li a{text-decoration:none;color:#fff7e0;padding:calc(15px / var(--size-divisor)) calc(20px / var(--size-divisor));display:block;font-size:calc(16px / var(--size-divisor));font-weight:700}.menu li a:hover{background:#37393b}