body{margin:0;padding:0;height:100vh;width:100vw;display:flex;justify-content:center;align-items:top;background-color:#353535;color:#fff;font-family:Poppins,sans-serif}::-webkit-scrollbar{height:10px}::-webkit-scrollbar-track{height:10px}::-webkit-scrollbar-thumb{height:10px;border-radius:5px;background-color:#787878;cursor:pointer}::-webkit-scrollbar-thumb:hover{background-color:#a9a9a9}.menu-option__card-display .card{width:120px;height:160px}.menu-option__card-display .card:nth-child(1){position:relative;left:50px;z-index:0;transform:rotate(320deg)}.menu-option__card-display .card:nth-child(2){position:relative;width:160px;height:200px;z-index:1}.menu-option__card-display .card:nth-child(3){position:relative;right:50px;z-index:0;transform:rotate(40deg)}.main-menu{display:flex;gap:10px}.menu-option{all:unset;padding:5px;border:1px solid gray;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease-in-out}.menu-option:hover{background-color:#5d5d5d}.menu-option h3{margin-top:40px}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.rarity{padding:2px 10px;font-weight:700;font-variant:small-caps;border-top-left-radius:5px;border-top-right-radius:5px}.ultra-rare{border:1px solid rgb(221,161,215);background:#3f5efb;background:radial-gradient(circle,#3f5efb,#fc466b);box-shadow:3px 2px 5px #4b0143}.super-rare{border:1px solid rgb(236,166,135);background:#fb773f;background:radial-gradient(circle,#fb773f,#fce546);box-shadow:3px 2px 5px #952d00}.rare{border:1px solid rgb(149,227,236);background:#3fe7fb;background:radial-gradient(circle,#3fe7fb,#5246fc);box-shadow:3px 2px 5px #0b009d}.common{border:1px solid rgb(255,255,255);background:#bdbdbd;background:radial-gradient(circle,#bdbdbd 24%,#565656 73%);box-shadow:3px 2px 5px #575757}.card-template{display:flex;flex-direction:column;align-items:flex-end;cursor:pointer}.card-body{border-radius:5px 0 5px 5px;border:1px solid gray;padding:2px}.dropdown,.dropdown option{background:none;color:#fff;padding:5px}.selected-filter-pill{border:1px solid gray;padding:8px;border-radius:30px;display:flex;justify-content:center;align-items:center;gap:4px;width:fit-content;font-variant:normal;background-color:#757575}.selected-filter-pill__name{font-weight:700;font-size:14px}.selected-filter-pill__value{font-weight:300;font-size:12px}.selected-filter-pill__remove{all:unset;cursor:pointer;display:flex}.selected-filters{display:flex;gap:10px;margin-top:10px}.filter-input{width:600px;border-radius:5px;padding-left:10px;background:none;border:1px solid gray;color:#fff}.button{all:unset;display:flex;align-items:center;justify-content:center;gap:3px;color:#f5f5f5;font-weight:400;font-variant:normal;background-color:#0093ef;border-radius:4px;padding:5px 15px;cursor:pointer;transition:.2s ease-in-out}.button:hover{background-color:#0164a1}.button.danger{background-color:#e63946}.button.danger:hover{background-color:#980a16}.button.save{background-color:#6ec510}.button.save:hover{background-color:#3d9800}.search-filters{display:flex;flex-direction:column;gap:5px;width:100%;font-variant:small-caps;padding-bottom:10px;border-bottom:1px solid gray}.search-filters-inputs{display:flex;padding:5px;gap:10px}.search-filters-inputs__text{display:flex;width:100%;gap:10px}.search-filters-inputs__buttons{display:flex;gap:10px}.wrap{flex-wrap:wrap}.card-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.page-number{all:unset;padding:5px;border:1px solid white;border-radius:5px;min-width:15px;max-width:15px;min-height:15px;max-height:15px;text-align:center;cursor:pointer}.page-selected,.page-number:hover{background-color:#a9a9a9}.page-numbers{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px}.card-list{margin-top:5px}.star{padding:3px;display:flex;border-radius:999px;border:1px solid red;background:#ff6000;background:-moz-radial-gradient(circle,rgba(255,96,0,1) 24%,rgba(255,156,0,1) 73%);background:-webkit-radial-gradient(circle,rgba(255,96,0,1) 24%,rgba(255,156,0,1) 73%);background:radial-gradient(circle,#ff6000 24%,#ff9c00 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6000",endColorstr="#ff9c00",GradientType=1)}.star-group{display:flex;gap:3px}.chosen-card__properties{display:flex;flex-direction:column;font-variant:small-caps;padding:5px}.chosen-card__title-text{font-size:22px;text-align:center}.chosen-card__game-name{font-size:16px}.chosen-card__level,.chosen-card__stats{display:flex;align-items:center;justify-content:center}.chosen-card__attribute{display:flex;align-items:center;justify-content:center;gap:5px;font-size:14px}.chosen-card__rarity-field{display:flex;gap:10px;width:fit-content}.chosen-card__description{font-variant:normal;font-size:12px;text-wrap:wrap}.card-details{border:1px solid gray;width:350px}.info-direction-column{display:flex;flex-direction:column}.info-direction-row{width:100%;display:flex;flex-direction:row}.cards__content{display:flex;gap:30px;max-width:80vw}.cards__card-list{max-width:60vw}.cards__card-details{margin-top:130px;max-width:40vw;min-width:40vw}.deck-list{display:flex;gap:10px}.deck-list__deck-option{all:unset;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;border:1px solid gray;border-radius:8px;cursor:pointer}.deck-edit-form__main{display:flex;flex-direction:column;gap:5px}.deck-edit-form__image{display:flex;align-items:center;justify-content:center;border:1px solid gray;width:140px;height:180px}.deck-edit-form__upload{border:5px dashed gray;border-radius:4px;padding:5px;width:100px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.deck-edit-form__upload h5{text-align:center;color:gray}.type-count{margin-top:10px;display:flex;flex-direction:column;flex-wrap:wrap;max-height:120px;gap:2px}.rarity-count{margin-top:10px;max-height:80px;display:flex;gap:20px}.type-count-legend{display:flex;gap:5px}.type-count-legend__card{width:22px;height:30px;border-right:2px solid rgb(70,70,70);border-bottom:2px solid rgb(70,70,70);padding:3px}.type-count-legend__inside{margin:2px auto;width:15px;height:15px;background:gray;border:1px solid rgb(77,77,77)}.type-count-text{display:flex;flex-direction:column;gap:0}.normal{background:linear-gradient(135deg,#ffdc96,#faca6c,#e6b446);box-shadow:5px 4px 8px #faca6c80,0 6px 20px #faca6c4d}.effect{background:linear-gradient(135deg,#c88c3c,#b17600,#825000);box-shadow:5px 4px 8px #b1760080,0 6px 20px #b176004d}.trap{background:linear-gradient(135deg,#eb96eb,#d154d1,#b432b4);box-shadow:5px 4px 8px #d154d180,0 6px 20px #d154d14d}.spell{background:linear-gradient(135deg,#00aa96,#008f7c,#006e5f);box-shadow:5px 4px 8px #008f7c80,0 6px 20px #008f7c4d}.ritual{background:linear-gradient(135deg,#6262ff,#3e3eee,#1e1ec8);box-shadow:5px 4px 8px #3e3eee80,0 6px 20px #3e3eee4d}.fusion{background:linear-gradient(135deg,#c84bc8,#a903a9,#780078);box-shadow:5px 4px 8px #a903a980,0 6px 20px #a903a94d}.deck-edit-form__deck-input-section{display:flex;flex-wrap:wrap;gap:10px}.deck-edit-form__deck-input-section input[type=text]{width:600px;height:30px;border-radius:5px;padding-left:10px;background:none;border:1px solid gray;color:#fff}.deck-edit-form__deck-section-title{border:1px solid #fff;background:#a0a0a0;width:90px;padding:2px 10px}.deck-size-wrong{color:red}.deck-size-ok{color:green}.deck-size-warning{color:#ff0}.deck-edit-form__deck-section{display:flex;flex-direction:column;border-bottom:1px solid gray;margin-top:20px}.deck-edit-form__deck-header{display:flex;justify-content:flex-start;align-items:center;gap:10px}.deck-edit-form__deck-content{display:flex;flex-wrap:wrap;gap:5px}.modal-deck-cover[open]{border:1px solid rgb(169,169,169);box-shadow:5px 5px 5px #252525;background-color:#000000df;width:40vw;max-height:80vh;display:flex;flex-direction:column;color:#fff;gap:10px;animation:slide-in-from-top .35s ease-out}.modal-deck-cover__close{position:absolute;top:10px;right:10px;cursor:pointer}.modal-deck-cover__content input{height:30px;width:80%;padding-left:10px;padding-top:2px;padding-bottom:2px;border-radius:5px;background:none;color:#fff}.modal-deck-cover__card-list{height:80%;overflow-y:auto}@keyframes slide-in-from-top{0%{transform:translateY(-15%);opacity:0}to{transform:translateY(0);opacity:1}}.deck-edit{width:100%;max-width:95vw;display:flex;gap:5px}.deck-edit-card-details{flex-basis:auto;overflow:hidden;min-width:350px}.deck-edit-form{flex-basis:50%;max-width:50vw;flex-grow:1;overflow:hidden}.deck-edit-form__header{display:flex;gap:10px}.deck-edit-card-search{flex-basis:25%;border:1px solid gray;max-width:25vw;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}