/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



.sheet-row {
    display:flex;
    grid-gap:10px;
    flex-wrap:wrap;
}

.sheet-column {
    display:flex;
    flex-direction:column;
    grid-gap:10px
}

.sheet-row .spread,
.sheet-row.spread-child > * {
    flex:1 1 auto;
}

.sheet-row.nowrap {
    flex-wrap:nowrap;
}

.sheet-vcenter {
    display:flex;
    align-items:center;
}

.sheet-bar {
    position:relative;
    width:100%;
    height:5px;
    background-color:var(--sr-subtext);
}

.sheet-bar div {
    width:50%;
    height:100%;
    background-color:var(--sr-highlight);
    transform:scaleY(1.5);
}

.sheet-resource input {
    border-bottom:1px solid transparent;
}

input:hover {
    border-bottom: 1px solid var(--sr-subtext);
}

.sheet-resource {
    border:1px solid var(--sr-highlight);
    background-color:white;
    display:flex;
    grid-gap:10px;
    min-width:max-content;
    align-items:center;
}

.sheet-resource > * {
    height:28px;
    padding:0;
    line-height:28px;
}

.sheet-resource label {
    background-color:var(--sr-background);
    color:var(--sr-highlight);
    font-family:var(--sr-title);
    font-weight:800;
    border-bottom:1px solid var(--sr-background);
    padding:0 10px;
}

.sheet-resource input {
    text-align:right;
    width:50px;
}

iconify-icon {
    display:flex;
    align-items:center;
    justify-content:center;
}



/*----------------------------
Action Icons
----------------------------*/
icon { 
    display:flex;
    grid-gap:10px
}
icon iconify-icon + iconify-icon {
    margin-left:-20px;
}
icon iconify-icon[icon="ic:baseline-circle"] {
    stroke:white;
    stroke-width:2px;
}

.action-item icon iconify-icon[icon="ic:baseline-circle"] {
    stroke:var(--sr-background);
}