.fibrils-structure-viewer{width:100%;height:calc(var(--sp-base) * 125);margin-top:var(--sp-8);background-color:#fff;position:relative}.fibrils-structure-viewer canvas{background-color:#0000}@media not (min-width:1200px){.fibrils-structure-viewer{height:calc(var(--sp-base) * 75)}}.fibrils-structure-viewer--active{cursor:grab}.fibrils-structure-viewer__stage{position:absolute;inset:0}.fibrils-structure-viewer__stage canvas{display:block}.fibrils-structure-viewer__options{z-index:5;position:absolute;top:0;left:0}.fibrils-structure-viewer__options-button.fibrils-structure-viewer__options-button--pressed{--button-background-color:var(--color-brand-strong);--button-border-color:var(--color-brand-strong)}.fibrils-structure-viewer__options-panel{gap:var(--sp-2);padding:var(--sp-2);background-color:#fff;flex-direction:column;align-items:stretch;display:flex}.fibrils-structure-viewer__option{min-width:calc(var(--sp-base) * 50)}.fibrils-structure-viewer__option .combobox__trigger{padding:var(--sp-2)}.fibrils-structure-viewer__placeholder{max-width:100%;padding:var(--sp-4);border:calc(var(--sp-unit) * 2) solid var(--color-brand-primary);font-size:var(--font-size-body-small);line-height:var(--line-height-body);background-color:rgb(from var(--color-brand-primary) r g b / 5%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}