/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/Basic/Button/Button.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BasicButton {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  border: none;
}
.BasicButton__flat {
  padding: 0 12px;
  border-radius: 6px;
  height: 36px;
}
.BasicButton__link {
  background-color: transparent;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/Basic/Input/Input.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.InputBase__input {
  width: 100%;
  border-radius: 6px;
  background-color: #333333;
  background: rgb(232, 240, 254);
  border-color: rgba(255, 255, 255, 0.1254901961);
  height: 36px;
  padding: 0 12px;
}

.InputLabel {
  display: block;
  width: 100%;
}
.InputLabel__label {
  width: 35%;
}
.InputLabel__invalid .InputLabel__validator {
  color: #ffa6a0;
}

.dropdown {
  position: relative;
  display: inline-block;
  width: 200px;
}

.dropdown-toggle {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dropdown-toggle.open {
  border-color: #666;
}

.dropdown-toggle:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}

.dropdown-arrow {
  font-size: 10px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  background-color: #313337;
  border: 1px solid #4d4d4d;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
}

.dropdown-item {
  padding: 8px 12px;
  cursor: pointer;
}

.dropdown-item:hover {
  background-color: #71aaeb;
}

.dropdown-item.selected {
  background-color: #313337;
  color: #71aaeb;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/Basic/Photo/Photo.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PhotoLink {
  text-align: center;
  color: #71aaeb;
  text-decoration: none;
  position: relative;
}
.PhotoLink:hover, .PhotoLink:active {
  text-decoration: underline;
}
.PhotoLink:hover .PhotoLink__edit, .PhotoLink:active .PhotoLink__edit {
  opacity: 0.8;
}
.PhotoLink__edit {
  position: absolute;
  border-radius: 0 6px 0 6px;
  top: 0;
  right: 0;
  opacity: 0;
  background: #fff;
  transition: ease opacity 200ms;
}
.PhotoLink__photo {
  border-radius: 6px;
  align-items: center;
  justify-content: center;
}
.PhotoLink__empty {
  background-color: #eee;
}
.PhotoLink__image {
  width: 100%;
  height: 100%;
  background-size: cover;
  border-radius: 6px;
}
.PhotoLink__name {
  font-size: 15px;
  padding-top: 4px;
}
.PhotoLink__size_s {
  width: var(--iconSize-s);
}
.PhotoLink__size_m {
  width: var(--iconSize-m);
}
.PhotoLink__size_l {
  width: var(--iconSize-l);
}