:root{--lighting-color:#fff;--lighting-color-bright:color-mix(in srgb,var(--lighting-color) 80%,#000)}.canvas-options-btn{align-items:center;display:flex;filter:var(--iconOutline);height:34px;justify-content:center;min-width:34px;user-select:none;width:34px}.canvas-option-container{column-gap:3px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);height:100%;max-width:100%;width:50rem}.bg-modes{align-items:start;display:flex;flex-direction:column;gap:.5rem;grid-area:1/1/7/3;justify-content:center}.bg-option-btn:hover{color:var(--o-hive-primary-80)}.bg-sub-cont{grid-area:1/3/7/7}.bg-types{border-bottom:1px solid var(--attachment-container);display:flex;grid-column:1/-1;justify-content:space-evenly;padding-bottom:.5rem}.bg-types>button{max-width:8rem}.bg-file-upload{display:flex;flex-direction:column;height:100%}.bg-file-upload>input{border-radius:0 5px 5px 0;font-size:var(--N2);margin-top:.5rem;max-height:2rem;width:100%}.bg-file-upload button,.bg-file-upload div{align-items:center;display:flex;justify-content:center;margin-top:.5rem;max-height:min(20vh,60%)}.bg-file-upload div{border:1px solid var(--attachment-container);border-radius:8px}.bg-file-upload div>img{height:100%;object-fit:contain}.bg-file-details{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.bg-file-details>div{position:relative;top:-2rem}.bg-file-details>span{color:var(--light-grey-text);max-width:100%;position:absolute}.bg-color-picker-cont{display:flex;flex-direction:column;height:100%;justify-content:flex-end;position:relative;width:10rem}.bg-color-picker{cursor:pointer;height:10rem;width:100%}.bg-color-picker-img{height:3rem;left:50%;object-fit:contain;opacity:.3;pointer-events:none;position:absolute;top:50%;transform:translate(-50%);width:3rem}.bg-color-picker-input{margin-top:.5rem;width:100%}#bg-context-menu{background-color:var(--background-color-opaque);border-radius:0 1rem 0 1rem;grid-area:2/2/7/-1;height:100%;position:absolute;width:100%}.canvas-btn.selected{background-color:var(--o-hive-primary-60);color:#fff}.canvas-btn.selected>div>svg{filter:invert(1)}.lighting-card.template{filter:blur(3px);pointer-events:none}.lighting-card.template *{pointer-events:none}.vector3-slider-cont{display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem;width:100%}.vector3-slider-row{align-items:center;display:flex;gap:.4rem}.vector3-slider-row .Input{font-size:var(--N3);padding-left:.2rem;width:3rem}.slider-cont{margin-top:.5rem;width:100%}.slider-row{display:flex}.slider-row .Input{font-size:var(--N3);padding-left:.2rem;width:3rem}.slider-row input{overflow:auto}.light-color-picker-cont{border-radius:50%;margin-top:1rem;overflow:visible;position:relative}.light-color-picker-cont:after{border:2px solid #787878;border-radius:50%;box-shadow:0 0 10px var(--lighting-color-bright) inset;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.lighting-item{align-items:flex-start;border:1px solid var(--o-hive-light-100);border-radius:3px;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(2,1fr);height:3rem;padding:5px;width:100%}.lighting-item:hover{background-color:var(--o-hive-light-100)}.lighting-item.selected{background-color:var(--o-hive-primary-60);border:none;color:#fff}.lighting-item.selected>button{filter:invert(1)}.lighting-item>span{display:inline-block;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.lighting-item>span:first-child{font-size:var(--N3);font-weight:600;grid-area:1/1/1/9}.lighting-item>span:nth-child(2){font-size:var(--N3);grid-area:2/1/2/9}.lighting-item>button{background-image:url(../images/icons/light-on.svg);background-position:50%;background-repeat:no-repeat;background-size:60%;grid-area:1/9/3/11;height:100%;pointer-events:auto;width:100%}.lighting-item>button:hover{background-size:67%}.lighting-item>button.off{background-image:url(../images/icons/light-off.svg)}