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