section{margin-top:2em}#mosaic__wrapper{top:1vh;display:flex;justify-content:center;align-items:flex-end;gap:10px}.form__label{font-size:.9em}.mosaic-from-price{font-size:2.5rem;font-weight:700;color:rgb(var(--accent-color));margin:1vh 0 0}.mosaic-desktop-price{margin-top:1.5vh}#summary-buttons{margin-top:1em;display:flex;gap:.5em;max-width:450px}.color-breakdown-table{width:100%;max-width:450px;border-collapse:collapse;margin-top:.5em;font-size:.9em}.color-breakdown-table th,.color-breakdown-table td{padding:.3em .5em;border-bottom:1px solid #ddd;line-height:1}.color-breakdown-table th{text-align:left;font-weight:700;border-bottom-color:#ddd}.color-breakdown-table td{border-bottom-color:#eee}.color-breakdown-table th:first-child,.color-breakdown-table td:first-child{text-align:center}.color-breakdown-table th:last-child,.color-breakdown-table td:last-child{text-align:right}.color-breakdown-table td:first-child,.color-breakdown-table td:last-child{font-weight:700}.color-breakdown-table .color-swatch{display:inline-block;width:20px;height:20px;border-radius:4px;border:1px solid #aaa;vertical-align:middle}.color-swatch{vertical-align:middle}.image-upload-wrapper{width:100%;margin-top:2vh}.image-upload-area{display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px dashed #ccc;border-radius:8px;padding:20px;margin:0 0 3vh;text-align:center;cursor:pointer;transition:border .3s ease}.image-upload-area:hover{border-color:#888}.image-upload-area.dragover{border-color:#333;background-color:#f9f9f9}#upload-text{line-height:1;text-wrap:balance;padding-top:2vh}.image-cropper-wrapper{position:relative;margin:1em 0 0;display:inline-block;max-width:100%}#uploaded-image-canvas{max-width:100%;height:auto;display:block;position:relative}#crop-frame{position:absolute;border:2px dashed #007bff;box-sizing:border-box;cursor:move;background:#007bff14;display:none}#crop-frame.cursor-resize-horizontal{cursor:ew-resize}#crop-frame.cursor-resize-vertical{cursor:ns-resize}#crop-frame.cursor-resize-diagonal{cursor:nw-resize}#crop-frame.cursor-resize-diagonal-alt{cursor:ne-resize}#crop-frame.cursor-move{cursor:move}.crop-overlay{position:absolute;top:0;left:0;background:#0006;pointer-events:none;z-index:1;display:none}body.user-select-none{-webkit-user-select:none;user-select:none}.shape-selector{margin-top:0}.shape-selector .form__label{font-weight:600}.shape-selector .product-form__label-container{margin-bottom:-.3rem}.shape-selector input[type=radio]{position:absolute;opacity:0;width:0;height:0}.shape-selector input[type=radio]+label{--color-foreground: var(--accent-color);border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));background-color:rgba(var(--color-foreground),var(--variant-pills-inactive-overlay-opacity));border-radius:var(--variant-pills-radius);color:rgb(var(--color-foreground));display:inline-block;margin:.7rem .5rem .2rem 0;padding:var(--variant-pills-padding-y) var(--variant-pills-padding-x);font-size:var(--variant-pills-text-size);letter-spacing:.1rem;line-height:1;text-align:center;transition:border var(--duration-short) ease;cursor:pointer;position:relative}.shape-selector input[type=radio]:checked+label{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.variant-selects{margin-top:0!important}.product-form__label-container{justify-content:space-between}#size-guide-link{display:flex;align-items:center;gap:.3em}.size-guide-toggle .material-icon{font-size:1.3em}.size-guide-note{font-size:.9em;color:#666;margin-top:2em;padding:0 .7em;line-height:1.2;text-wrap:balance}.size-guide-note-asterisk{color:#666;font-size:1.2em;font-weight:600;position:relative;top:-.2em;line-height:1}.size-guide-close{text-align:right;font-size:.9em;color:#666;margin-top:2em;padding:0 .7em;display:flex;align-items:center;justify-content:flex-end;gap:.5em}.product-form__input--pills{margin-bottom:1.5rem}#image-edit-canvas{display:block;margin:1vh 0;max-width:100%;max-height:96vh;width:auto;height:auto;transition:transform .2s ease;transform-origin:top left}.canvas-zoom-container{position:relative;display:inline-block;overflow:hidden;max-width:100%}.zoom-controls{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:10px;margin-bottom:2vh}.zoom-btn{width:40px;height:40px;border:2px solid #ccc;border-radius:6px;background:#ffffffe6;color:#333;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px rgb(var(--accent-color),.1)}.zoom-btn:hover{background:#fff;border-color:#999;box-shadow:0 3px 6px rgb(var(--accent-color),.15);transform:scale(1.05);color:rgb(var(--accent-color))}.zoom-btn:active{transform:scale(.95)}.zoom-btn.active{background:#d4d4d4;border:1px solid rgb(var(--accent-color));box-shadow:0 3px 6px rgb(var(--accent-color),.15);color:rgb(var(--accent-color))}.zoom-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.zoom-btn:disabled:hover{transform:none;box-shadow:0 2px 4px rgb(var(--accent-color),.1)}.cropper-controls{display:flex;margin-bottom:3vh;justify-content:left}.cropper-controls .mosaic-btn{padding:.5rem 1rem;font-size:var(--variant-pills-text-size)}.cropper-controls .material-icon{font-size:1.3em}.slider-row{display:flex;align-items:center;gap:.3em}.slider-minus,.slider-plus{font-size:1.2em;line-height:1;font-weight:400}.slider-value{margin-left:1em}.edit-buttons{display:flex;gap:.5em;margin-bottom:1em}.edit-buttons .edit-btn{flex:1}.image-adjustment-reset{margin-top:1em}.color-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:6px;margin:.5em 0 1em}.color-palette-swatch{aspect-ratio:1;min-width:28px;min-height:28px;border-radius:4px;box-sizing:border-box;cursor:pointer;transition:border .2s;background:var(--swatch-color);border:1px solid #aaa}.color-palette-swatch.selected{box-shadow:0 0 0 1px #fff,0 0 0 3px #222}.mosaic-btn{display:flex;align-items:center;justify-content:center;gap:.5em;font-size:1.1em;font-family:var(--font-body-family);padding:.6em 0;border:solid .1rem #cacaca;border-radius:var(--inputs-radius);background:#e5e3e1;color:#222;cursor:pointer;transition:background .2s,border .2s,box-shadow .2s;margin-bottom:.5em;letter-spacing:1px}.mosaic-btn:hover{background:#d4d4d4;color:rgb(var(--accent-color));box-shadow:0 2px 8px rgb(var(--accent-color),.15)}.mosaic-btn.active{background:#d4d4d4;box-shadow:0 2px 8px rgb(var(--accent-color),.15);color:rgb(var(--accent-color));border-color:#999}.mosaic-btn-icon{font-size:var(--variant-pills-text-size)}.edit-btn{position:relative}.utility-buttons{display:flex;gap:.5em}.utility-buttons .utility-btn,#summary-buttons .mosaic-btn{flex:1}.utility-btn.disabled{opacity:.5;cursor:not-allowed}.utility-btn.enabled{opacity:1;cursor:pointer}.size-guide-accordion{margin:1vh 0 3vh;border-radius:6px;padding:1em;background:#fff}#color-breakdown-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit;cursor:pointer;font-weight:var(--font-body-weight)}.color-breakdown-toggle .material-icon{font-size:1.5em;line-height:1}.size-guide-table{width:100%;border-collapse:collapse;font-size:.97em;line-height:1;margin:0}.size-guide-table td{padding:.45em .7em;text-align:left;background:#fff}.size-guide-table tr:hover td:not([colspan="2"]){background:#f0eceb}.size-guide-table td[colspan="2"]{font-weight:700;padding:.5em}.size-guide-table tr:first-child td[colspan="2"]{padding-top:0}.size-guide-table tr:not(:first-child) td[colspan="2"]{padding-top:1em}.edit-btn .tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#000000e6;color:#fff;padding:.5rem .8rem;border-radius:.4rem;font-size:1.2rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:1000;margin-bottom:.5rem;font-weight:500;letter-spacing:.05rem;box-shadow:0 .2rem .8rem #0000004d}.edit-btn .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.5rem solid transparent;border-top-color:#000000e6}.edit-btn:hover .tooltip,.edit-btn:focus .tooltip{opacity:1;visibility:visible}@media (hover: none) and (pointer: coarse){.edit-btn .tooltip{display:none}}.image-adjustment-group{margin-bottom:1em}.image-adjustment-group label{display:block;margin-bottom:.5em;font-weight:600;color:#333}.image-adjustment-group input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;cursor:pointer;transition:background .2s ease}.image-adjustment-group input[type=range]:hover{background:#ccc}.image-adjustment-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:rgba(var(--color-button),var(--alpha-button-background));cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:transform .2s ease,box-shadow .2s ease}.image-adjustment-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.image-adjustment-group input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:rgba(var(--color-button),var(--alpha-button-background));cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:transform .2s ease,box-shadow .2s ease}.image-adjustment-group input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.image-adjustment-group input[type=range]::-webkit-slider-track{background:#ddd;height:6px;border-radius:3px}.image-adjustment-group input[type=range]::-moz-range-track{background:#ddd;height:6px;border-radius:3px;border:none}.slider-btn{background:transparent;color:rgb(var(--color-foreground));border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2em;font-weight:700;transition:background .2s ease,transform .1s ease}.slider-btn:hover{background:rgba(var(--color-button),var(--alpha-button-background));color:#fff;transform:scale(1.05)}.slider-btn:active{transform:scale(.95)}.slider-value{font-weight:700;color:rgba(var(--color-button),var(--alpha-button-background));min-width:40px;text-align:center;font-size:.9em}#mosaic-status-container{position:fixed;top:10px;right:10px;z-index:1000;display:flex;flex-direction:column;gap:5px;align-items:end}#mosaic-status-container>*{display:flex;justify-content:flex-end}.tool-status,.color-status,.first-edit-warning{background:#000c;color:#fff;border-radius:4px;font-size:12px;padding:8px;z-index:1000}.first-edit-warning{max-width:350px;animation:slideInRight .3s ease-out}.first-edit-warning.collapsed{max-width:133px}.warning-content{display:flex;align-items:flex-start;gap:8px}.warning-tab{display:flex;align-items:center;justify-content:flex-end;gap:4px;cursor:pointer;transition:background-color .2s ease;line-height:1}.warning-tab:hover{background-color:#ffffff1a}.warning-tab .warning-icon{font-size:14px;flex-shrink:0}.warning-tab span{font-weight:500;flex-shrink:1}.warning-text{flex:1;line-height:1.3;text-wrap:balance}.warning-text strong{color:#ffeb3b}.warning-close{background:none;border:none;font-size:16px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;color:#aaa;transition:background-color .2s ease}.warning-close:hover{background-color:#ffffff1a}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.cart-item__info{display:flex;align-items:flex-start;gap:.5em}.cart-item__info svg{flex-shrink:0}.desktop-only{display:block}.mobile-nav{display:flex;justify-content:space-around;padding:1vh 2vw 2vh 2vw;margin-top:3vh;background:#e5e3e1}.mobile-nav button{font-family:var(--font-body-family);font-size:1.1em;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;transition:color .2s ease;min-width:60px;opacity:.4}.mobile-nav-icon{font-size:36px;fill:currentColor}.mobile-nav button.active,.mobile-nav button:hover{color:rgb(var(--accent-color));position:relative;opacity:1}.mobile-nav button.active:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:120%;height:3px;background:rgb(var(--accent-color))}@media (min-width: 750px){.mobile-nav{display:none}.mobile-only{display:none!important}.buy-buttons-wrapper{margin-top:2vh}.color-breakdown-toggle .material-icon{position:relative;top:-2px}}@media (max-width: 750px){.full-mobile-width{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}.product{display:grid;grid-template-areas:"title" "mosaic" "controls";grid-template-columns:minmax(0,1fr)}.mosaic-title{grid-area:title}#mosaic__wrapper{grid-area:mosaic;flex-direction:column-reverse;align-items:flex-start;gap:5px}.product__info-wrapper{grid-area:controls}.desktop-only{display:none}.control-group[data-tab]:not(.active){display:none}#mosaic__wrapper.mobile-hidden-until-upload,.mobile-hidden-until-upload{display:none!important}.zoom-controls{flex-direction:row;margin-bottom:0}.summary-rows{display:grid;grid-template-areas:"price dimensions" "price baseplate" "price bricks";grid-template-columns:1fr 1fr;column-gap:5vw}.summary-price{grid-area:price;font-size:clamp(1.6rem,6vw,2.4rem);font-weight:700;color:rgb(var(--accent-color));display:flex;align-items:center;justify-content:center}.summary-price strong{display:none}.summary-dimensions{grid-area:dimensions}.summary-baseplate{grid-area:baseplate}.summary-bricks{grid-area:bricks}.summary-rows,.summary-color-breakdown-wrapper-inner{background-color:#d0ccc8;padding:2rem 5vw 0 5vw;line-height:1.2}.summary-color-breakdown-wrapper-inner{padding-bottom:2rem}.summary-color-breakdown-wrapper{padding:2vh 5vw 2vh 5vw;background-color:#d0ccc8}.summary-color-breakdown-label,#summary-color-breakdown{background-color:#f0eceb}.summary-row-wrapper{padding:2rem 1vw 2rem 3vw;font-size:clamp(1.2rem,3vw,2rem)}.summary-price,.summary-row-wrapper,.summary-color-breakdown-wrapper-inner{border-radius:8px;background-color:#f0eceb;border:solid .1rem #cacaca}.stud-painter{display:flex;flex-direction:column;column-gap:.5em;row-gap:.3em}.edit-buttons{margin-bottom:0}.utility-buttons.mobile-only{display:flex;gap:.5em}.stud-painter>.edit-buttons,.stud-painter>.utility-buttons.mobile-only{display:flex;gap:.5em}.stud-painter{display:grid;grid-template-areas:"edit-buttons utility-buttons" "color-palette color-palette";grid-template-columns:1fr 1fr;align-items:start}.stud-painter>.edit-buttons{grid-area:edit-buttons}.stud-painter>.utility-buttons.mobile-only{grid-area:utility-buttons}.stud-painter>#color-palette{grid-area:color-palette;width:100%}.stud-painter .edit-btn,.stud-painter .utility-btn{flex-direction:column;gap:.5rem;font-size:clamp(1.2rem,3vw,2rem);flex:1}.image-editor{margin-top:2vh}.image-adjustment-group{margin-bottom:.5em}.image-adjustment-group label{margin-bottom:0}.buy-buttons-wrapper{background-color:#d0ccc8;padding:0 5vw 5vh 5vw}.buy-buttons-container{margin:0 auto}}*{scrollbar-width:thin}
/*# sourceMappingURL=/cdn/shop/t/16/assets/product-mosaic-creator.css.map */