<mmq-embed short-code="KP43OX" template="Basket"></mmq-embed>
<script src="https://cdn.mimeeq.com/read_models/embed/app-embed.js" rel="script" type="application/javascript" async></script>
// Initialize Mimeeq with custom Material Design icons
window.mimeeqAppConfig = {
icons: {
// Quick icon toolbar icons
quickIcons: {
zoomAll: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>',
undo: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="M280-440q0 83 58.5 141.5T480-240q83 0 141.5-58.5T680-440q0-83-58.5-141.5T480-640h-80v-80h80q100 0 170 70t70 170q0 100-70 170t-170 70q-100 0-170-70t-70-170h80Z"/></svg>',
redo: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="M680-440q0 83-58.5 141.5T480-240q-83 0-141.5-58.5T280-440q0-83 58.5-141.5T480-640h80v-80h-80q-100 0-170 70t-70 170q0 100 70 170t170 70q100 0 170-70t70-170h-80Z"/></svg>',
reset: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="M480-160q-133 0-226.5-93.5T160-480q0-133 93.5-226.5T480-800q85 0 149 34.5T740-671v-129h80v280H540v-80h168q-32-56-87.5-88T480-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h84q-28 106-114 173t-196 67Z"/></svg>',
pdfSquare: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="M320-600q17 0 28.5-11.5T360-640q0-17-11.5-28.5T320-680q-17 0-28.5 11.5T280-640q0 17 11.5 28.5T320-600Zm0 200v-160h-40v80h-40v80h80Zm120 0v-80h40v-40h-40v-40h80v160h-80Zm120 0v-160h80q17 0 28.5 11.5T680-520v40q0 17-11.5 28.5T640-440h-40v40h-40Zm40-80h40v-40h-40v40ZM280-240q-33 0-56.5-23.5T200-320v-320q0-33 23.5-56.5T280-720h400q33 0 56.5 23.5T760-640v320q0 33-23.5 56.5T680-240H280Zm0-80h400v-320H280v320Zm0 0v-320 320Z"/></svg>',
imageSquare: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40-480v560-560Z"/></svg>',
exportModel: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="m240-400 240-360 240 360H240ZM480-80 240-480h480L480-80Z"/></svg>',
ar: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="m40-120 320-760h80l320 760h-82l-79-200H201l-79 200H40Zm189-280h342L400-720h-2l-169 320Zm511 280v-320h-80v-80h80v-80h80v80h80v80h-80v320h-80Z"/></svg>',
enterFullscreen: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="M120-120v-200h80v120h120v80H120Zm520 0v-80h120v-120h80v200H640ZM120-640v-200h200v80H200v120h-80Zm720 0v-120H720v-80h200v200h-80Z"/></svg>',
leaveFullscreen: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="M240-240v-120H120v-80h200v200h-80Zm400 0v-200h200v80H720v120h-80ZM120-520v-80h120v-120h80v200H120Zm520-200v120h120v80H560v-200h80Z"/></svg>',
},
// Side panel icons
misc: {
close: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>',
caretDown: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="M480-360 280-560h400L480-360Z"/></svg>',
plus: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z"/></svg>',
minus: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="M200-440v-80h560v80H200Z"/></svg>',
},
// Quantity controls
optionPanel: {
plus: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z"/></svg>',
minus: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="M200-440v-80h560v80H200Z"/></svg>',
},
// Basket icons
basket: {
cart: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em"><path d="M280-80q-33 0-56.5-23.5T200-160q0-33 23.5-56.5T280-240q33 0 56.5 23.5T360-160q0 33-23.5 56.5T280-80Zm400 0q-33 0-56.5-23.5T600-160q0-33 23.5-56.5T680-240q33 0 56.5 23.5T760-160q0 33-23.5 56.5T680-80ZM246-720l96 200h280l110-200H246Zm-38-80h590q23 0 35 20.5t1 41.5L692-482q-11 20-29.5 31T622-440H324l-44 80h480v80H280q-45 0-68-39.5t-2-78.5l54-98-144-304H40v-80h130l38 80Zm134 280h280-280Z" fill="currentColor"/></svg>',
}
}
};
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.