a[data-v-8b6a6b7a]{color:#42b983}a[data-v-7eb7ab42]{color:var(--vue)}*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e5e5}*{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,textarea,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,[role=button]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,h2{font-size:inherit;font-weight:inherit}img{border-style:solid;display:block;vertical-align:middle;max-width:100%;height:auto}input::placeholder{opacity:1;color:#a3a3a3}input::webkit-input-placeholder{opacity:1;color:#a3a3a3}input::-moz-placeholder{opacity:1;color:#a3a3a3}input:-ms-input-placeholder{opacity:1;color:#a3a3a3}input::-ms-input-placeholder{opacity:1;color:#a3a3a3}p,h1,h2{margin:0}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#a3a3a3}textarea::webkit-input-placeholder{opacity:1;color:#a3a3a3}textarea::-moz-placeholder{opacity:1;color:#a3a3a3}textarea:-ms-input-placeholder{opacity:1;color:#a3a3a3}textarea::-ms-input-placeholder{opacity:1;color:#a3a3a3}ul{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.space-y-\[10px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(10px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(10px * var(--tw-space-y-reverse))}.space-y-\[5px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(5px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(5px * var(--tw-space-y-reverse))}.space-y-\[20px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(20px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(20px * var(--tw-space-y-reverse))}.space-x-\[16px\]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(16px * var(--tw-space-x-reverse));margin-left:calc(16px * calc(1 - var(--tw-space-x-reverse)))}.space-x-\[8px\]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}.bg-\$secondary{background-color:var(--secondary)}.bg-\$primary{background-color:var(--primary)}.bg-transparent{background-color:transparent}.bg-\[rgba\(0\,0\,0\,\.9\)\]{--tw-bg-opacity: .9;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.border-\$rare{border-color:var(--rare)}.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.place-items-center{place-items:center}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.h-24{height:6rem}.h-full{height:100%}.h-\[50px\]{height:50px}.h-\[30px\]{height:30px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-\[16px\]{font-size:16px;line-height:1}.text-\[30px\]{font-size:30px;line-height:1}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.mr-\[16px\]{margin-right:16px}.mb-\[8px\]{margin-bottom:8px}.ml-\[10px\]{margin-left:10px}.mb-\[20px\]{margin-bottom:20px}.min-h-screen{min-height:100vh}.min-h-\[34px\]{min-height:34px}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.overflow-y-auto{overflow-y:auto}.p-\[4px\]{padding:4px}.p-0{padding:0}.px-\[16px\]{padding-left:16px;padding-right:16px}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.px-\[8px\]{padding-left:8px;padding-right:8px}.px-\[10px\]{padding-left:10px;padding-right:10px}.pt-\[16px\]{padding-top:16px}.pb-\[2px\]{padding-bottom:2px}.pt-\[10px\]{padding-top:10px}.pb-\[40px\]{padding-bottom:40px}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky;position:-webkit-sticky}.bottom-0{bottom:0px}.top-0{top:0px}.left-\[10px\]{left:10px}.left-0{left:0px}.top-\[2px\]{top:2px}.right-\[2px\]{right:2px}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\$poor{--tw-ring-color: var(--poor)}.focus\:ring-\$rare:focus{--tw-ring-color: var(--rare)}.text-center{text-align:center}.text-\$vue{color:var(--vue)}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.w-full{width:100%}.w-\[50px\]{width:50px}.z-2{z-index:2}.z-11{z-index:11}.transform{--tw-rotate: 0;--tw-rotate-x: 0;--tw-rotate-y: 0;--tw-rotate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-skew-x: 0;--tw-skew-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;-webkit-transform:rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));-ms-transform:rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z));transform:rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z))}.scale-70{--tw-scale-x: .7;--tw-scale-y: .7;--tw-scale-z: .7}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}.translate-y-\[2px\]{--tw-translate-y: 2px}.translate-y-\[10px\]{--tw-translate-y: 10px}.\<transition{-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,filter,backdrop-filter;-o-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-box-shadow,transform,-webkit-transform,filter,backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}:root{--note: "by mioe";--transition: .5s cubic-bezier(.175,.885,.32,1);--vue: #42b983;--document: #fff;--primary: #e9e9e9;--secondary: #f4f4f4;--default: #E5E5E5;--success: #059669;--danger: #cc0f35;--poor: #5D6166;--common: #202124;--uncommon: #2a901c;--rare: #0070dd;--epic: #9345ff;--legendary: #cc6702;--artifact: #a18d51;--heirloom: #0cf}html.dark:root{--document: #24292d;--primary: #0C0F12;--secondary: #191C1F;--default: #0C0F12;--success: #059669;--danger: #cc0f35;--poor: #9EA5AE;--common: #e8eaed;--uncommon: #1eff00;--rare: #0278ee;--epic: #9345ff;--legendary: #ff8000;--artifact: #e5cc80;--heirloom: #0cf}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}*,:before,:after{border-color:var(--default)}html{background:var(--document)}body{font-family:"Rubik",sans-serif;font-weight:300;color:var(--common)}body.is-blocked{overflow:hidden}button,.button{font-weight:inherit}button.success:not(.clear),.button.success:not(.clear){background-color:var(--success);border-color:var(--success);--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}button.danger:not(.clear),.button.danger:not(.clear){background-color:var(--danger);border-color:var(--danger);--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}button:not(.clear)>:not([hidden])~:not([hidden]),.button:not(.clear)>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(6px * var(--tw-space-x-reverse));margin-left:calc(6px * calc(1 - var(--tw-space-x-reverse)))}button:not(.clear),.button:not(.clear){background-color:var(--primary);border-color:var(--primary);border-width:1px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;min-height:31px;padding:4px 10px}button:not(.clear):focus,.button:not(.clear):focus{border-color:var(--rare);outline:2px solid transparent;outline-offset:2px}button:not(.clear):disabled,.button:not(.clear):disabled{cursor:not-allowed;opacity:.25}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button,select{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select::-ms-expand{display:none}input,textarea,select{font-weight:inherit}textarea:not(.clear){padding-top:2px;padding-bottom:2px}textarea:not(.clear),input[type=text]:not(.clear),input[type=number]:not(.clear){background-color:var(--primary);border-color:var(--primary);border-width:1px;font-weight:300;min-height:31px;padding-left:6px;padding-right:6px;width:100%}textarea:not(.clear):focus,input[type=text]:not(.clear):focus,input[type=number]:not(.clear):focus{border-color:var(--rare);outline:2px solid transparent;outline-offset:2px}select:not(.clear){background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"%3E%3Cpath d="M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z" fill="%23202124"%3E%3C/path%3E%3C/svg%3E');background-repeat:no-repeat;background-position-x:calc(100% - 10px);background-position-y:center;background-size:14px 14px;background-color:var(--primary);border-color:var(--primary);border-radius:0;border-width:1px;cursor:pointer;font-weight:300;height:31px;line-height:28px;padding-left:2px;padding-right:25px;width:100%}select:not(.clear):focus{border-color:var(--rare);outline:2px solid transparent;outline-offset:2px}html.dark select:not(.clear){background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"%3E%3Cpath d="M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z" fill="%23e8eaed"%3E%3C/path%3E%3C/svg%3E')}