.species-dimensions{box-sizing:border-box;width:30%;min-width:0;margin:10px auto;padding:7px 8px 6px;background:#151514;border:1px solid rgba(255,255,255,.12)}
.species-dimensions-visual{position:relative;aspect-ratio:1/1.02;width:100%;margin:auto}
.species-dimensions-logo-mark{position:absolute;left:16%;top:19%;width:60%;aspect-ratio:.78;overflow:hidden}
.species-dimensions-logo-mark img{display:block;height:100%;width:auto;max-width:none;filter:grayscale(1) brightness(0) invert(1);opacity:.96}
.species-dimensions-logo-mark img.is-fallback{width:100%;height:100%;object-fit:contain}
.dimension-arrow{position:absolute;color:#fff;font-size:5px;font-weight:800;letter-spacing:.6px;text-align:center}
.dimension-arrow i:before,.dimension-arrow i:after{content:"";position:absolute;width:0;height:0;border-style:solid}
.dimension-arrow-width{left:11%;right:14%;top:7%}.dimension-arrow-width i{display:block;height:1px;background:#fff}.dimension-arrow-width i:before{left:-1px;top:-2px;border-width:2.5px 4px 2.5px 0;border-color:transparent #fff transparent transparent}.dimension-arrow-width i:after{right:-1px;top:-2px;border-width:2.5px 0 2.5px 4px;border-color:transparent transparent transparent #fff}.dimension-arrow-width small{display:block;margin-top:3px}
.dimension-arrow-height{right:7%;top:17%;bottom:17%}.dimension-arrow-height i{display:block;width:1px;height:100%;background:#fff}.dimension-arrow-height i:before{left:-2px;top:-1px;border-width:0 2.5px 4px;border-color:transparent transparent #fff}.dimension-arrow-height i:after{left:-2px;bottom:-1px;border-width:4px 2.5px 0;border-color:#fff transparent transparent}.dimension-arrow-height small{position:absolute;right:4px;top:50%;transform:translateY(-50%) rotate(90deg)}
.species-dimensions-visual>span.dimension-width,.species-dimensions-visual>span.dimension-height{position:absolute;display:grid;gap:0;padding:2px 3px;border-radius:3px;background:rgba(10,10,10,.88);box-shadow:0 2px 7px rgba(0,0,0,.35)}
.species-dimensions-visual>span small{color:#fff;font-size:4px;font-weight:800;letter-spacing:.4px}.species-dimensions-visual>span b{font-size:5px;color:#fff}
.dimension-width{left:48%;bottom:8%;transform:translateX(-50%);text-align:center}.dimension-height{right:8%;top:48%;transform:translateY(-50%)}
.species-dimensions>p{margin:3px 0 0;color:#aaa69e;font-size:4px;line-height:1.35;text-align:center}
.dimension-editor-layout{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:28px;align-items:center}.dimension-editor-layout>img{display:block;width:100%;border-radius:16px;background:#151514}.dimension-editor-layout>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dimension-editor-layout>div small{grid-column:1/-1}
@media(max-width:760px){.species-dimensions{width:30%;padding:6px}.dimension-editor-layout{grid-template-columns:1fr}.dimension-editor-layout>img{max-width:360px}.dimension-editor-layout>div{grid-template-columns:1fr 1fr}}@media(max-width:480px){.dimension-editor-layout>div{grid-template-columns:1fr}}