#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:20px auto 0}a{color:#60b5cc}.order-track{display:flex;flex-direction:row;width:100%;align-items:center;margin-bottom:30px;gap:10px}.order-main{display:flex;flex-direction:row;gap:5px}.order-deferred{display:flex;flex-direction:row}.deferred-header{display:flex;flex-direction:column;gap:5px;text-align:left}.order-box{display:flex;flex-direction:column;border:solid 1px black;border-radius:10px;padding:10px;position:relative;align-items:center}.order-current{position:absolute;color:green;transform:translateY(-100%)}.order-portrait img{width:100%;height:100%;object-fit:contain;width:50px}.deferred-box{display:flex;flex-direction:column;border:solid 1px black;border-radius:10px;padding:5px}.deferred-portrait img{width:20px;object-fit:contain}.entity-list{display:grid;grid-template-columns:auto;gap:15px}@media (min-width: 600px){.entity-list{grid-template-columns:repeat(2,auto)}}@media (min-width: 1200px){.entity-list{grid-template-columns:repeat(3,auto)}}.entity{display:flex;flex-direction:column;border:solid 1px black;border-radius:10px;padding:10px}.entity-header{display:flex;flex-direction:row;vertical-align:middle;align-items:center}.entity-top-corner{display:flex;padding:5px;flex-direction:column;gap:4px;text-align:left;margin-right:20px}.entity-portrait{width:80px;height:80px;margin:3px}.entity-portrait img{width:100%;height:100%;object-fit:contain}.entity-name{font-weight:700;font-size:20px}.entity-stress{display:flex;flex-direction:column;gap:2px;text-align:right}.stress{display:flex;vertical-align:middle;align-items:center}.stress-indicator{display:flex;padding:4px}.stress-track{list-style-type:none;display:flex;gap:5px;padding:4px}.stress-circle{border:solid 1px black;height:15px;width:15px;background-color:#fff;border-radius:50%;display:flex;font-size:10px;text-align:center;align-items:center;vertical-align:middle;justify-content:center;cursor:pointer}.stress-circle-filled{background-color:#000}.entity-fp{display:flex;gap:4px;vertical-align:middle;align-items:center;color:#606060}.entity-fp-avail{font-weight:700;font-size:22px;color:#000}.entity-carats{width:100%;cursor:pointer}.entity-aspects{display:grid;grid-template-columns:repeat(auto-fit,minmax(1px,200px));gap:10px;padding:2px}.aspect{font-size:14px;display:flex;border:solid 1px black;border-radius:5px;vertical-align:middle;align-items:center;background-color:#fafaff}.aspect input{border:none;outline:none;min-width:50px;background:transparent}.aspect input :focus{outline:none;width:400px}.aspect-head{display:flex;font-weight:700;height:100%;min-width:15px;text-align:center;vertical-align:middle;align-items:center;justify-content:center}.pointer{cursor:pointer}.aspect-mild{background-color:#f0a0a0}.aspect-moderate{background-color:#f00505}.aspect-severe{background-color:#d00000}.aspect-fragile{background-color:#a9c9fa}.aspect-sticky{background-color:#00f000}.aspect-generic{background-color:#a0a0a0}.aspect-style{background-color:#f0f0f0}.aspect-tags svg{border:solid 2px black;padding:1px;margin:1px;cursor:pointer}.aspect-text{display:flex;margin-right:8px;padding:4px}.aspect-button{font-size:12px;width:15px;height:15px;line-height:15px;text-decoration:none;border-radius:50%;border:solid 1px #b0b0b0;color:#b0b0b0}.aspect-button:hover{border:solid 1px #606060;color:#606060}.aspect-button-confirm{color:#30f030;border-color:#30f030}.aspect-add-button{border:solid 1px #030303;border-radius:5px;height:20px;width:20px;color:#030303;text-decoration:none;cursor:pointer;padding:1px}.error-box{background-color:#ff9090;font-weight:700;padding:5px;margin:5px;border:solid 1px black;border-radius:10px;display:flex;flex-direction:horizontal;justify-content:center;gap:10px}