.interior-door__content{justify-items:center;grid-template-rows:auto 1fr}.interior-door__example-section,.interior-door__doorway-sizes-section{width:312px;grid-column:1 / -1}.interior-door__doorway-sizes-section>:not(:last-child){margin-bottom:.5rem}.interior-door__doorway-sizes-inner{height:364px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-accent) var(--bg-color-secondary)}.interior-door__doorway-sizes-inner>:not(:last-child){margin-bottom:.5rem}.interior-door__sizes-card{padding:.5rem;background-color:var(--bg-color-secondary);border:1px solid var(--border-color);border-radius:.5rem}.interior-door__sizes-card>:not(:last-child){margin-bottom:.25rem}.interior-door__card-header{display:flex}.interior-door__card-title{display:block;color:var(--text-color-secondary)}.interior-door__card-content{display:flex;align-items:center;gap:.25rem;padding:.625rem 0 0;position:relative}.delete-button{background-color:transparent;border:0;margin-left:.5rem;color:var(--text-color-primary)}.delete-button:hover{color:var(--color-danger)}.multiply-char{color:var(--text-color-secondary)}.interior-door__size-input-wrapper{display:flex;justify-content:center}.interior-door__size-label{position:absolute;top:0;padding:0 .25rem;color:var(--text-color-primary);background-color:var(--bg-color-secondary);z-index:2}.interior-door__input-wrapper-add-on:after{padding:.75rem .125rem}.interior-door__input-add-on{padding:.75rem 1.875rem .75rem .375rem}.calculation__content{justify-items:center}.calculation__table-underlay{max-width:520px;grid-column:1 / -1;grid-row:2}.calculation__table-span{display:inline-block;width:65px;padding-right:.125rem;text-align:right}@media(min-width:768px){.interior-door__content,.calculation__content{max-width:768px;grid-template-rows:1fr auto 1fr}.interior-door__example-section{grid-row:2;grid-column:2 / span 5}.interior-door__doorway-sizes-section{grid-row:2;grid-column:8 / span 4}}@media(min-width:1024px){.interior-door__content,.calculation__content{max-width:1024px}.interior-door__example-section{grid-column:3 / span 4}.interior-door__doorway-sizes-section{grid-column:7 / span 4}}@media(min-width:1280px){.interior-door__content,.calculation__content{max-width:1280px}}
