.relative{
  position:relative
}

.left-0{
  left:0px
}

.mx-auto{
  margin-left:auto;
  margin-right:auto
}

.my-2{
  margin-top:0.5rem;
  margin-bottom:0.5rem
}

.block{
  display:block
}

.flex{
  display:flex
}

.h-full{
  height:100%
}

.h-4{
  height:1rem
}

.w-32{
  width:8rem
}

.w-full{
  width:100%
}

.w-4{
  width:1rem
}

.transform{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer{
  cursor:pointer
}

.flex-col{
  flex-direction:column
}

.flex-wrap{
  flex-wrap:wrap
}

.items-center{
  align-items:center
}

.justify-center{
  justify-content:center
}

.justify-between{
  justify-content:space-between
}

.gap-4{
  gap:1rem
}

.gap-2{
  gap:0.5rem
}

.border-gray-300{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity))
}

.bg-transparent{
  background-color:transparent
}

.bg-gray-200{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity))
}

.fill-current{
  fill:currentColor
}

.py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.px-2{
  padding-left:0.5rem;
  padding-right:0.5rem
}

.text-center{
  text-align:center
}

.text-gray-400{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity))
}

/*!
 * Cropper.js v1.5.13
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2022-11-20T05:30:43.444Z
 */

.cropper-container{
  direction:ltr;
  font-size:0;
  line-height:0;
  position:relative;
  touch-action:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}

.cropper-container img{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  display:block;
  height:100%;
  image-orientation:0deg;
  max-height:none!important;
  max-width:none!important;
  min-height:0!important;
  min-width:0!important;
  width:100%
}

.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0
}

.cropper-canvas,.cropper-wrap-box{
  overflow:hidden
}

.cropper-drag-box{
  background-color:#fff;
  opacity:0
}

.cropper-modal{
  background-color:#000;
  opacity:.5
}

.cropper-view-box{
  display:block;
  height:100%;
  outline:1px solid #39f;
  outline-color:rgba(51,153,255,.75);
  overflow:hidden;
  width:100%
}

.cropper-dashed{
  border:0 dashed #eee;
  display:block;
  opacity:.5;
  position:absolute
}

.cropper-dashed.dashed-h{
  border-bottom-width:1px;
  border-top-width:1px;
  height:33.33333%;
  left:0;
  top:33.33333%;
  width:100%
}

.cropper-dashed.dashed-v{
  border-left-width:1px;
  border-right-width:1px;
  height:100%;
  left:33.33333%;
  top:0;
  width:33.33333%
}

.cropper-center{
  display:block;
  height:0;
  left:50%;
  opacity:.75;
  position:absolute;
  top:50%;
  width:0
}

.cropper-center:after,.cropper-center:before{
  background-color:#eee;
  content:" ";
  display:block;
  position:absolute
}

.cropper-center:before{
  height:1px;
  left:-3px;
  top:0;
  width:7px
}

.cropper-center:after{
  height:7px;
  left:0;
  top:-3px;
  width:1px
}

.cropper-face,.cropper-line,.cropper-point{
  display:block;
  height:100%;
  opacity:.1;
  position:absolute;
  width:100%
}

.cropper-face{
  background-color:#fff;
  left:0;
  top:0
}

.cropper-line{
  background-color:#39f
}

.cropper-line.line-e{
  cursor:ew-resize;
  right:-3px;
  top:0;
  width:5px
}

.cropper-line.line-n{
  cursor:ns-resize;
  height:5px;
  left:0;
  top:-3px
}

.cropper-line.line-w{
  cursor:ew-resize;
  left:-3px;
  top:0;
  width:5px
}

.cropper-line.line-s{
  bottom:-3px;
  cursor:ns-resize;
  height:5px;
  left:0
}

.cropper-point{
  background-color:#39f;
  height:5px;
  opacity:.75;
  width:5px
}

.cropper-point.point-e{
  cursor:ew-resize;
  margin-top:-3px;
  right:-3px;
  top:50%
}

.cropper-point.point-n{
  cursor:ns-resize;
  left:50%;
  margin-left:-3px;
  top:-3px
}

.cropper-point.point-w{
  cursor:ew-resize;
  left:-3px;
  margin-top:-3px;
  top:50%
}

.cropper-point.point-s{
  bottom:-3px;
  cursor:s-resize;
  left:50%;
  margin-left:-3px
}

.cropper-point.point-ne{
  cursor:nesw-resize;
  right:-3px;
  top:-3px
}

.cropper-point.point-nw{
  cursor:nwse-resize;
  left:-3px;
  top:-3px
}

.cropper-point.point-sw{
  bottom:-3px;
  cursor:nesw-resize;
  left:-3px
}

.cropper-point.point-se{
  bottom:-3px;
  cursor:nwse-resize;
  height:20px;
  opacity:1;
  right:-3px;
  width:20px
}

@media (min-width:768px){
  .cropper-point.point-se{
    height:15px;
    width:15px
  }
}

@media (min-width:992px){
  .cropper-point.point-se{
    height:10px;
    width:10px
  }
}

@media (min-width:1200px){
  .cropper-point.point-se{
    height:5px;
    opacity:.75;
    width:5px
  }
}

.cropper-point.point-se:before{
  background-color:#39f;
  bottom:-50%;
  content:" ";
  display:block;
  height:200%;
  opacity:0;
  position:absolute;
  right:-50%;
  width:200%
}

.cropper-invisible{
  opacity:0
}

.cropper-bg{
  background-image:url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}

.cropper-hide{
  position:absolute;
  display:block;
  height:0px;
  width:0px
}

.cropper-hidden{
  display:none!important
}

.cropper-move{
  cursor:move
}

.cropper-crop{
  cursor:crosshair
}

.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{
  cursor:not-allowed
}

.circular-cropper .cropper-crop-box, .circular-cropper .cropper-view-box {
  border-radius: 50%;
}

.circular-cropper .cropper-view-box {
  box-shadow: 0 0 0 1px #39f;
  outline: 0;
}

.circular-cropper .cropper-face {
  background-color:inherit !important;
}

.circular-cropper .cropper-dashed,
.circular-cropper .cropper-point.point-se,
.circular-cropper .cropper-point.point-sw,
.circular-cropper .cropper-point.point-nw,
.circular-cropper .cropper-point.point-ne,
.circular-cropper .cropper-line {
  display:none !important;
}

.circular-cropper .cropper-view-box {
  outline:inherit !important;
}

.action-group{
  display:flex;
  justify-content:center
}

.action-group .action{
  border-top-width:1px;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity));
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:1rem;
  padding-right:1rem;
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity))
}

.action-group .action:hover{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity))
}

.dark .action-group .action{
  --tw-border-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.dark .action-group .action:hover{
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity))
}

.dark .action-group .action:focus{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.action-group .action:first-child{
  border-top-left-radius:0.375rem;
  border-bottom-left-radius:0.375rem;
  border-left-width:1px;
  border-right-width:1px
}

.action-group .action.active{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity))
}

.dark .action-group .action.active{
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity))
}

.action-group .action:last-child{
  border-top-right-radius:0.375rem;
  border-bottom-right-radius:0.375rem;
  border-right-width:1px
}

.action-group .action:not(:last-child):not(:first-child){
  border-right-width:1px
}

.cropper-image-picker{
  position: absolute;
  top: 0;
  height: 2.625em;
  opacity: 0;
}

.cropper-image-picker.avatar{
  left: 50%;
  transform: translateX(-50%);
  height: 128px;
  border-radius: 99999rem;
}

.focus\:bg-primary-200:focus{
  --tw-bg-opacity:1;
  background-color:rgb(191 219 254 / var(--tw-bg-opacity))
}

.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.disabled\:cursor-not-allowed:disabled{
  cursor:not-allowed
}

.disabled\:opacity-70:disabled{
  opacity:0.7
}

.dark .dark\:bg-white\/10{
  background-color:rgb(255 255 255 / 0.1)
}

.dark .dark\:fill-current{
  fill:currentColor
}

.dark .dark\:focus\:bg-primary-900:focus{
  --tw-bg-opacity:1;
  background-color:rgb(30 58 138 / var(--tw-bg-opacity))
}