"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledTag = exports.Wrapper = void 0;
const styled_1 = require("../../styled");
const Tag_1 = require("../../Tag");
const constants_1 = require("../constants");
exports.Wrapper = styled_1.styled.div `
  position: absolute;
  top: 0;
  right: 0;

  display: ${({ $isVisible }) => ($isVisible ? 'flex' : 'none')};
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;

  width: ${constants_1.RESERVED_CONTROL_BAR_SPACE}px;
  height: 100%;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
exports.StyledTag = (0, styled_1.styled)(Tag_1.Tag) `
  position: absolute;
  z-index: 1;
  top: 0;

  min-width: 32px;

  ${({ theme }) => theme.breakpoints.down('md')} {
    display: none;
  }
`;
