/* Compact specifications: stronger rule, restrained entrance and model feedback. */
.spec-scroll { position:relative; }
.spec-table thead { border-top-width:4px; }
.spec-model { transition:color .3s ease,transform .3s cubic-bezier(.2,.7,.2,1); }
.spec-model>span { transition:color .3s ease; }
.spec-table thead th { transition:background-color .3s ease,color .3s ease; }
.spec-selection-line { position:absolute; top:0; left:0; height:3px; background:#31b845; pointer-events:none; z-index:1; opacity:0; }
.spec-motion-ready .spec-selection-line { opacity:1; transition:transform .36s cubic-bezier(.22,.75,.22,1),width .36s cubic-bezier(.22,.75,.22,1),opacity .2s ease; }
.spec-motion-ready .spec-table thead .selected-col { box-shadow:none; }
.spec-motion-enter { animation:spec-table-enter .6s cubic-bezier(.2,.7,.2,1) both; }
.spec-motion-enter .spec-model { animation:spec-model-enter .45s cubic-bezier(.2,.7,.2,1) both; }
.spec-motion-enter th:nth-child(2) .spec-model { animation-delay:.08s; }
.spec-motion-enter th:nth-child(3) .spec-model { animation-delay:.13s; }
.spec-motion-enter th:nth-child(4) .spec-model { animation-delay:.18s; }
.spec-motion-enter th:nth-child(5) .spec-model { animation-delay:.23s; }
@keyframes spec-table-enter { from { opacity:.45;transform:translateY(12px); } to { opacity:1;transform:translateY(0); } }
@keyframes spec-model-enter { from { opacity:.3;transform:translateY(7px); } to { opacity:1;transform:translateY(0); } }
@media(hover:hover) and (pointer:fine) { .spec-model:hover { transform:translateY(-2px); } }
.motion-paused .spec-motion-enter,.motion-paused .spec-motion-enter .spec-model { animation:none!important;opacity:1;transform:none; }
.motion-paused .spec-selection-line,.motion-paused .spec-model,.motion-paused .spec-model>span,.motion-paused .spec-table th,.motion-paused .spec-table td { transition:none!important; }
.motion-paused .spec-model:hover { transform:none; }
@media(prefers-reduced-motion:reduce) {
 .spec-motion-enter,.spec-motion-enter .spec-model { animation:none!important;opacity:1;transform:none; }
 .spec-selection-line,.spec-model,.spec-model>span,.spec-table th,.spec-table td { transition:none!important; }
 .spec-model:hover { transform:none; }
}