.langstroth-2d-viewer:not(.hover-disabled) .stack-item-wrapper:not(.is-selected) .langstroth-2d-component:hover{filter:brightness(.9)}.langstroth-2d-stack{flex-direction:column-reverse;align-items:center;width:100%;display:flex}.langstroth-2d-component{cursor:pointer;box-sizing:border-box;background-color:var(--l2d-base-color,var(--muted));color:var(--l2d-text-color,var(--color-foreground));text-align:center;border:1px solid #7f7f7f;border-radius:2px;justify-content:center;align-items:center;margin-top:1px;transition:filter .2s ease-in-out,background-color .2s,border-color .2s,box-shadow .2s,outline .1s ease-in-out,outline-offset .1s ease-in-out;display:flex;position:relative}.langstroth-2d-label{white-space:nowrap;text-overflow:ellipsis;padding:2px;font-size:.7rem;font-weight:500;overflow:hidden}.langstroth-2d-super-label,.langstroth-2d-super-input{z-index:1;text-align:center;width:100%;position:absolute;top:3px;left:0;right:0}.langstroth-2d-super-label{pointer-events:none}.langstroth-2d-super-input{pointer-events:auto}.stack-item-wrapper{margin:2px 0;position:relative}.stack-item-wrapper.is-selected .langstroth-2d-component,.stack-item-wrapper.is-active-box .langstroth-2d-component{outline:3px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary);filter:brightness()}.frames-container{pointer-events:none;justify-content:center;align-items:center;gap:2px;padding:20px 8px 8px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.frame-visualization{border:1px solid var(--color-muted-foreground);cursor:pointer;pointer-events:all;background-color:rgba(255,255,255,.15);border-radius:1px;flex-direction:row;width:10px;height:85%;transition:all .15s ease-in-out;display:flex;overflow:hidden}.dark .frame-visualization{background-color:rgba(0,0,0,.15);border-color:#b9b9b9}.frame-visualization.is-active-frame{border:2px solid var(--sidebar-ring);box-shadow:0 0 8px var(--sidebar-ring);transform:scale(1.1)}.frame-side{flex-direction:column;justify-content:flex-end;width:50%;height:100%;display:flex}.frame-segment{box-sizing:border-box;border-top:1px solid rgba(0,0,0,.05);width:100%}.dark .frame-segment{border-top-color:rgba(255,255,255,.05)}.langstroth-2d-drop-indicator{box-sizing:border-box;border:2px dashed var(--color-muted-foreground);color:var(--color-muted-foreground);opacity:.7;text-align:center;background-color:rgba(178,214,240,.3);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;transition:opacity .15s ease-in-out;display:flex}.dark .langstroth-2d-drop-indicator{background-color:rgba(56,132,204,.25)}.badge{z-index:2;color:#fff;text-transform:uppercase;pointer-events:none;border-radius:6px 0;padding:1px 5px;font-size:.65rem;font-weight:700;line-height:1.2;position:absolute;top:0;left:0;transform:translate(-3px,-3px);box-shadow:0 1px 3px rgba(0,0,0,.2)}.badge-new{background-color:#22c55e}.badge-transferred{color:#422006;background-color:#eab308}.badge-decommissioned{background-color:var(--color-decommissioned-finger);color:#fff}.stack-item-wrapper.has-error .langstroth-2d-component{outline:3px solid var(--color-destructive);outline-offset:1px;border-color:var(--color-destructive);box-shadow:0 0 8px var(--color-destructive)}.identifier-error-message{background-color:var(--color-destructive);color:var(--color-destructive-foreground);white-space:nowrap;z-index:10;pointer-events:none;border-radius:3px;padding:1px 4px;font-size:.6rem;font-weight:600;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.langstroth-2d-component.is-super{--joint-size:11.5px;--joint-size-double:23px;--l2d-finger-color:color-mix(in srgb,var(--l2d-base-color,var(--muted)),black 15%);background-image:repeating-linear-gradient(to bottom,var(--l2d-finger-color),var(--l2d-finger-color)var(--joint-size),var(--l2d-base-color,var(--muted))var(--joint-size),var(--l2d-base-color,var(--muted))var(--joint-size-double)),repeating-linear-gradient(to bottom,var(--l2d-finger-color),var(--l2d-finger-color)var(--joint-size),var(--l2d-base-color,var(--muted))var(--joint-size),var(--l2d-base-color,var(--muted))var(--joint-size-double));background-position:0 0,100% 0;background-repeat:no-repeat,no-repeat;background-size:5% 100%,5% 100%}.langstroth-2d-component.blueprint,.langstroth-2d-component.decommissioned{background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 2px,transparent 2px,transparent 10px);background-size:10px 10px;border-color:currentColor}.langstroth-2d-component.is-super.blueprint,.langstroth-2d-component.is-super.decommissioned{background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 2px,transparent 2px,transparent 10px),repeating-linear-gradient(to bottom,var(--l2d-finger-color),var(--l2d-finger-color)var(--joint-size),var(--l2d-base-color,var(--muted))var(--joint-size),var(--l2d-base-color,var(--muted))var(--joint-size-double)),repeating-linear-gradient(to bottom,var(--l2d-finger-color),var(--l2d-finger-color)var(--joint-size),var(--l2d-base-color,var(--muted))var(--joint-size),var(--l2d-base-color,var(--muted))var(--joint-size-double));background-position:0 0,0 0,100% 0;background-repeat:repeat,no-repeat,no-repeat;background-size:100% 100%,5% 100%,5% 100%}@keyframes heat-radiate{0%{box-shadow:0 0 10px 2px rgba(220,38,38,.35)}50%{box-shadow:0 0 20px 8px rgba(220,38,38,.5)}to{box-shadow:0 0 10px 2px rgba(220,38,38,.35)}}.insulation-overlay{animation:4s ease-in-out infinite heat-radiate}