.cuadrado-father{display:flex;justify-content:space-between;margin-top:26px}.cuadrado-son{display:flex;flex-direction:column;align-items:center}.cuadrado{width:60px;height:60px;border-radius:2px}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;border-radius:8px}.item-head{width:100%}.item-head-container{margin-bottom:1rem;width:100%}.item{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px}.item-div{position:relative;margin:2px;border:1px solid hsla(0,0%,100%,.5);box-sizing:border-box;transition:flex-basis .1s ease;flex-basis:calc(6.1% - 22px)}.item-div-cat .content{box-shadow:none!important;text-shadow:none!important}.item-div:before{content:"";display:block;padding-top:110%}.content{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:0;display:flex;justify-content:center;text-align:center;align-items:center;cursor:default;text-shadow:0 0 3px #000;box-shadow:inset 0 0 6px #000}.content-cat{display:flex;flex-direction:column;justify-content:flex-end;gap:14px;font-size:14px;color:#fff;font-weight:600}.content-cat hr{width:100%}.content p{font-size:13px!important}.item-img{max-width:100%;height:100%;object-fit:contain;border:1px solid white}.item-div-error{background-color:#b10303ce}.item-div-success{background-color:#03a721d2}.item-div-regular{background-color:#ff7300}.item-div-regular-2{background-color:#ffc300eb}.item-div-top,.item-div-down{transition:background-color .3s ease;background-size:cover;position:relative;z-index:0}.item-div-top:after{clip-path:polygon(97% 40%,80% 40%,80% 95%,20% 95%,20% 40%,3% 40%,50% 5%);position:absolute;bottom:1px;left:0;width:100%;height:100%;background:#00000080;content:"";z-index:-1;opacity:1;transition:background-color .3s ease}.item-div-down:after{position:absolute;bottom:1px;left:0;width:100%;height:100%;background:#00000080;clip-path:polygon(97% 60%,80% 60%,80% 5%,20% 5%,20% 60%,3% 60%,50% 95%);content:"";z-index:-1;opacity:1;transition:background-color .3s ease}.corner-element{position:absolute;top:0;right:0;color:#fff;padding:2px;cursor:pointer}.corner-element svg{transition:.2s ease-in-out}.corner-element:hover svg{color:#a8a8a8}html{background-color:#1e2328;color:#fff!important;font-family:monospace!important;background-image:url(https://alejolac.github.io/piecedle/assets/fondo3-Cgtib4Td.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:relative}*:not(svg,path){color:#fff!important}body:not(h1,label,input,span,p,legend):before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:-1}.MuiPaper-root{background-color:#1e2935!important;color:#fff!important}.MuiTooltip-popper[data-popper-placement*=bottom] .css-1k51tf5-MuiTooltip-tooltip{font-size:14px!important}.css-9e5uuu-MuiPaper-root-MuiAutocomplete-paper{border-radius:0!important}.css-14s5rfu-MuiFormLabel-root-MuiInputLabel-root{color:#a5a7a9!important}::-webkit-scrollbar-thumb{background-color:#888}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:#424242}.css-1wuilmg-MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input{font-size:16px;color:#fff;font-family:monospace!important}.css-1jy569b-MuiFormLabel-root-MuiInputLabel-root,.MuiButtonBase-root{color:#fff!important}.MuiInputLabel-root{color:#bdbcbc!important}.MuiListSubheader-root{background-color:#172535!important;color:#cccbcb!important;font-size:14px!important}