:is( .react, [data-floating-ui-portal], .react-portal ) .badge-base{display:inline-flex;align-items:center;gap:var(--pl-size-unit);border-radius:var(--pl-radius-s);padding:0 var(--pl-size-unit);font-weight:var(--pl-font-weight-bold);font-size:var(--pl-font-size-xs);text-transform:uppercase}:is( .react, [data-floating-ui-portal], .react-portal ) .badge-danger{background-color:var(--pl-color-danger);color:var(--pl-color-white)}:is( .react, [data-floating-ui-portal], .react-portal ) .badge-success{background-color:var(--pl-color-success);color:var(--pl-color-white)}:is( .react, [data-floating-ui-portal], .react-portal ) .badge-info{background-color:var(--pl-color-info);color:var(--pl-color-white)}
:is( .react, [data-floating-ui-portal], .react-portal ) .device-card__tile{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--pl-size-200);height:var(--pl-size-150);border-radius:var(--pl-radius-m);background:var(--pl-color-neutral-20);color:var(--pl-color-neutral-70)}:is( .react, [data-floating-ui-portal], .react-portal ) .device-card__details{display:grid;flex:1;grid-template-columns:var(--pl-size-200) minmax(0, 1fr);row-gap:var(--pl-space-xs);margin:0;font-size:var(--pl-font-size-m);line-height:var(--pl-line-height-m)}:is( .react, [data-floating-ui-portal], .react-portal ) .device-card__details dt{font-weight:var(--pl-font-weight-medium)}:is( .react, [data-floating-ui-portal], .react-portal ) .device-card__details dd{margin:0}
:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-settings__header{padding-bottom:var(--pl-space-xs)}:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-settings__row{grid-template-columns:var(--pl-size-300) minmax(0, 1fr)}:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-settings__idle-input{width:var(--pl-size-150)}:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-settings__floor-select{display:flex;width:var(--pl-size-250)}:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-pin-plan{position:relative;width:var(--pl-size-700);max-width:100%;height:var(--pl-size-400);overflow:hidden;border:var(--pl-size-thin) solid var(--pl-color-neutral-20);border-radius:var(--pl-radius-m);background:var(--pl-color-neutral-5)}:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-pin-plan--editable .kiosk-pin-plan__canvas{cursor:crosshair}:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-pin-plan--editable:focus-visible{outline:var(--pl-size-unit) solid var(--pl-color-focused);outline-offset:var(--pl-size-unit)}:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-pin-plan__canvas{display:block;width:100%;height:100%}:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-pin-plan__pin{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%, calc(-100% + var(--pl-size-s) / 2));pointer-events:none}:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-pin-plan__pin-label{padding:var(--pl-space-unit) var(--pl-space-2xs);border-radius:var(--pl-radius-xl);background:var(--pl-color-base);color:var(--pl-color-white);font-size:var(--pl-font-size-xs);line-height:var(--pl-line-height-xs);font-weight:var(--pl-font-weight-bold);white-space:nowrap}:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-pin-plan__pin-dot{box-sizing:border-box;width:var(--pl-size-s);height:var(--pl-size-s);margin-top:var(--pl-space-unit);border:var(--pl-size-unit) solid var(--pl-color-white);border-radius:50%;background:var(--pl-color-accent-50);box-shadow:var(--pl-elevation-50)}:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-pin-plan__zoom{position:absolute;right:var(--pl-space-xs);bottom:var(--pl-space-xs);display:flex;flex-direction:column;gap:var(--pl-space-unit)}:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-pin-plan__crosshair{position:absolute;width:var(--pl-size-l);height:var(--pl-size-l);transform:translate(-50%, -50%);pointer-events:none;background:linear-gradient(var(--pl-color-focused), var(--pl-color-focused)) center/var(--pl-size-unit) 100% no-repeat,linear-gradient(var(--pl-color-focused), var(--pl-color-focused)) center/100% var(--pl-size-unit) no-repeat}:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-pin-plan__keyboard-hint{position:absolute;top:var(--pl-space-xs);left:var(--pl-space-xs);display:none;max-width:calc(100% - 2*var(--pl-space-xs));padding:var(--pl-space-2xs) var(--pl-space-xs);border-radius:var(--pl-radius-m);background:var(--pl-color-surface-bright);box-shadow:var(--pl-elevation-10);font-size:var(--pl-font-size-s);line-height:var(--pl-line-height-s)}:is( .react, [data-floating-ui-portal], .react-portal ) .kiosk-pin-plan:focus-visible .kiosk-pin-plan__keyboard-hint{display:block}