.viewer-wrapper[data-v-9ecaf83b]{height:80vh}.viewer-controls[data-v-9ecaf83b]{position:absolute;right:20px;top:20px}.controls-bar-container[data-v-9ecaf83b]{bottom:20px;left:50%;max-width:min(600px,calc(100% - 32px));overflow:visible;position:absolute;transform:translate(-50%);width:-moz-max-content;width:max-content;z-index:20}.controls-pill[data-v-9ecaf83b]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;box-shadow:0 2px 12px #00000026;overflow:visible}.colors-row[data-v-9ecaf83b]{cursor:grab;overflow-x:auto;overflow-y:visible;scrollbar-width:none;touch-action:pan-x;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-overflow-scrolling:touch}.colors-row[data-v-9ecaf83b]::-webkit-scrollbar{display:none}.colors-row[data-v-9ecaf83b]:active{cursor:grabbing}.btn-white[data-v-9ecaf83b]{background:#fff;border:1px solid #dee2e6}.btn-white[data-v-9ecaf83b]:hover{background:#f8f9fa}.color-btn[data-v-9ecaf83b]{border:2px solid transparent;border-radius:50%;box-shadow:0 2px 6px #00000040;cursor:pointer;height:32px;min-width:32px;overflow:hidden;padding:0;position:relative;transition:border-color .2s;width:32px}.color-btn[data-v-9ecaf83b]:hover{border-color:#d3d3d3;z-index:1}.color-btn--selected[data-v-9ecaf83b]{border-color:#212529!important;z-index:2}