// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) KALEIDOS INC Sucursal en España SL

@use "ds/_borders.scss" as *;
@use "ds/_sizes.scss" as *;
@use "ds/_utils.scss" as *;

.assets-list {
  padding: 0 0 0 var(--sp-xs);
}

.drop-space {
  block-size: $sz-12;
}

.grid-placeholder {
  block-size: px2rem(2);
  inline-size: 100%;
  background-color: var(--color-accent-primary);
}

.typography-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-block-end: var(--sp-xs);
  border-radius: $br-8;
  background-color: var(--color-background-tertiary);
  inline-size: var(--options-width);
}

.dragging {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  block-size: 100%;
  inline-size: 100%;
  border: $b-2 solid var(--color-accent-primary-muted);
  border-radius: $br-8;
  background-color: transparent;
}