.model-viewer-container{width:100%;position:relative}.model-viewer-canvas{width:100%;height:100%}.model-viewer-settings-panel-container{position:absolute;top:10px;right:20px;cursor:pointer;background-color:#d0245e;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:10px;border:1px solid #d4d4d4;transition:transform .3s ease-in-out}.setting-icon:hover{transform:rotate(180deg)}.model-viewer-settings-title{display:flex;justify-content:space-between;align-items:center;padding-right:10px}.model-viewer-settings-title-cross{cursor:pointer}.model-viewer-settings-container{position:absolute;color:#000;top:0;background:#f9fafb;padding:9px;border-radius:5px;border:1px solid #d4d4d4;width:100%;height:calc(100vh - 100px);overflow-y:auto}.model-viewer-settings-button-container{color:#fff;font-size:14px;padding:10px;margin-bottom:10px;display:flex;gap:10px;flex-wrap:wrap}.model-viewer-settings-button{padding:8px 16px;background:transparent;color:#fff;border-radius:5px;border:1px solid #d4d4d4;cursor:pointer}.model-viewer-settings-item-container{color:#000;background:#fff;border-radius:5px;font-size:14px;width:100%;border:1px solid #d4d4d4;padding:10px;margin-top:10px}.model-viewer-settings-item-title{font-size:14px;font-weight:600;margin-bottom:5px}.model-viewer-settings-select-item{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.model-viewer-settings-select{padding:6px 12px;color:#000;border:none;border-radius:5px;cursor:pointer;font-size:12px;text-align:left}.model-viewer-settings-slider{width:100%;height:6px;border-radius:3px;background:#333;outline:none;cursor:pointer}.model-viewer-settings-slider-value{font-size:11px;margin-top:5px}.model-viewer-settings-color-picker-container{display:flex;gap:10px}.model-viewer-settings-color-picker{width:50px;height:30px;border:1px solid #d4d4d4;border-radius:5px;cursor:pointer}.model-viewer-settings-item-description{font-size:12px;line-height:1.4;color:#575757}@media(min-width:768px){.model-viewer-settings-container{top:10px;right:10px;max-width:250px;width:100%}.model-viewer-settings-select-item{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;margin-bottom:10px}.model-viewer-settings-select{font-size:14px}}@media(min-width:1024px){.model-viewer-settings-container{max-width:280px}}@media(min-width:1280px){.model-viewer-settings-container{max-width:300px}}.setting-icon{width:25px;height:25px}.cross-icon,.setting-icon{display:flex;align-items:center;justify-content:center}.cross-icon{width:20px;height:20px}