/**
 * Copyright IBM Corp. 2025
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
@use '@carbon/react/scss/type' as *;
@use '@carbon/react/scss/spacing' as *;
@use '@carbon/react/scss/colors' as *;
@use '@carbon/styles/scss/theme' as carbontheme;
@use '@carbon/styles/scss/themes' as carbonthemes;
@use '@carbon/styles/scss/breakpoint' as *;
@use '@carbon/styles/scss/utilities';
@use '@carbon/ibm-products/scss/config' as config;

$prefix: 'clabs--whats-new' !default;

.#{$prefix}__bubble {
  position: fixed;
  z-index: 10000;
  display: none;
  padding: $spacing-05;
  border-radius: $spacing-01;
  background-color: carbontheme.$layer;
  color: carbontheme.$text-primary;
  font-weight: bold;
  inline-size: max-content;
  inset-block-start: 0;
  inset-inline-start: 0;
  pointer-events: none;
}

.#{$prefix}__bubble-hidden {
  display: none;
}

.#{$prefix}__bubble-open {
  display: grid;
  pointer-events: all;
}

.#{$prefix}__bubble-drop-shadow {
  filter: drop-shadow(0 $spacing-01 $spacing-01 rgba(0, 0, 0, 0.2));
}

.#{$prefix}__bubble__arrow {
  position: absolute;
  z-index: 10010;
  background: carbontheme.$layer;
  block-size: $spacing-04;
  inline-size: $spacing-04;
  transform: rotate(45deg);
}

.#{$prefix}__bubble__header {
  z-index: 10020;
  display: flex;
  justify-content: flex-end;
  margin-block-start: -$spacing-05;
  margin-inline: -$spacing-05;
}