.theNavigation{
  position:fixed;
  width:100%;
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity));
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  z-index:500
}

.theNavigation .container{
  height:64px
}

.theNavigation__logo{
  width:168px;
  height:40px
}

@media (min-width: 1024px){
  .theNavigation{
    border-style:none
  }

  .theNavigation.-main{
    --bg-opacity:1;
    background-color:#ffffff;
    background-color:rgba(255, 255, 255, var(--bg-opacity))
  }

  .theNavigation .container{
    height:90px
  }
}

.theNavigation__mobileItems{
  display:flex;
  align-items:center
}

.theNavigation__mobileItems .buttonHamburger{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex-shrink:1;
  margin-left:0.5rem;
  width:34px;
  padding:0 5px;
  height:34px
}

.theNavigation__mobileItems .buttonHamburger .line{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  width:24px;
  height:3px;
  transition:all .175s ease-in-out
}

.theNavigation__mobileItems .buttonHamburger .line+.line{
  margin-top:0.5rem
}

.theNavigation__mobileItems .buttonHamburger.-open .line:first-child{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%) rotate(135deg)
}

.theNavigation__mobileItems .buttonHamburger.-open .line:last-child{
  margin-top:0;
  transform:rotate(225deg)
}

@media (min-width: 1024px){
  .theNavigation__mobileItems{
    display:none
  }
}

.theNavigation li{
  display:inline-block
}

.theNavigation li a,.theNavigation li span{
  display:inline-block;
  line-height:1;
  font-size:1.25rem;
  font-weight:600;
  cursor:pointer;
  padding:8px 0 6px;
  border-bottom:2px solid rgba(0,0,0,0)
}

.theNavigation li a:hover,.theNavigation li a.active,.theNavigation li span:hover,.theNavigation li span.active{
  border-bottom:2px solid #111
}

.theNavigation__leftItems{
  display:flex;
  display:none;
  margin-left:140px
}

.theNavigation__leftItems li{
  position:relative
}

.theNavigation__leftItems li+li{
  margin-left:66px
}

@media (min-width: 1024px){
  .theNavigation__leftItems{
    display:block
  }
}

.theNavigation__rightItems{
  display:flex;
  justify-content:space-between;
  align-items:center;
  display:none
}

.theNavigation__rightItems li+li{
  margin-left:48px
}

@media (min-width: 1024px){
  .theNavigation__rightItems{
    display:block
  }
}

.theNavigation__subItems{
  display:none;
  padding-top:2rem;
  z-index:50
}

.theNavigation__subItems li{
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity))
}

.theNavigation__subItems li a{
  display:block;
  padding:1rem;
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  font-size:1rem;
  min-width:135px
}

.theNavigation__subItems li a:hover{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.theNavigation__subItems li+li{
  margin:0;
  border-top-width:0
}

a:hover .theNavigation__subItems,span:hover .theNavigation__subItems{
  position:absolute;
  display:flex;
  flex-direction:column;
  top:1rem
}
.theFooter{
  display:block;
  width:100%;
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  border-top-width:1px;
  padding:55px 0 60px
}

.theFooter__menu{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:30px
}

@media (min-width: 640px){
  .theFooter__menu{
    align-items:center;
    margin-bottom:80px
  }
}

.theFooter__leftItems{
  display:flex;
  flex-direction:column;
  font-size:1.125rem
}

.theFooter__leftItems li+li{
  margin-top:15px
}

@media (min-width: 640px){
  .theFooter__leftItems{
    flex-direction:row
  }

  .theFooter__leftItems li+li{
    margin-top:0;
    margin-left:60px
  }
}

.theFooter__rightItems{
  display:flex;
  align-items:flex-start
}

.theFooter__rightItems li+li{
  margin-left:30px
}

.theFooter__companies{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1;
  justify-content:space-between;
  margin-bottom:58px;
  flex-direction:row;
  margin-bottom:1.25rem
}

.theFooter__companies .prefix{
  font-size:0.875rem;
  align-items:center
}

.theFooter__companies img.re100{
  width:50%;
  float:right;
  margin-top:50px
}

@media (min-width: 640px){
  .theFooter__companies ul{
    display:flex;
    flex-direction:row
  }

  .theFooter__companies li+li{
    margin-left:46px
  }

  .theFooter__companies img.re100{
    width:55px;
    margin:10px 0px 0px 0px;
    float:none
  }
}

.theFooter__info{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-start
}

.theFooter__infoLeft{
  font-size:0.75rem;
  --text-opacity:1;
  color:#888888;
  color:rgba(136, 136, 136, var(--text-opacity))
}

.theFooter__infoRight{
  font-size:0.875rem;
  margin-top:2rem
}

@media (min-width: 1024px){
  .theFooter__info{
    flex-direction:row;
    align-items:flex-end
  }

  .theFooter__infoLeft{
    font-size:0.875rem
  }

  .theFooter__infoRight{
    font-size:1rem;
    margin-top:0
  }
}
.navigationMobile{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  font-weight:700;
  top:65px;
  height:calc(100vh - 65px);
  max-height:0;
  overflow:hidden;
  transition:max-height .2s ease-in-out;
  z-index:200
}

.navigationMobile.-open{
  max-height:100vh
}

.navigationMobile__inner{
  overflow-y:auto
}

.navigationMobile__innerTopMenu{
  display:flex;
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.navigationMobile__innerTopMenuItem{
  flex:1 1
}

.navigationMobile__innerTopMenuItem a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  text-align:center;
  height:80px
}

.navigationMobile__innerTopMenuItem+.navigationMobile__innerTopMenuItem{
  border-left-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.navigationMobile__innerNavMenuItem{
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.navigationMobile__innerNavMenuItem button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-top:1rem;
  padding-bottom:1rem;
  font-weight:700
}

.navigationMobile__innerNavMenuItem button img{
  transition:all .175s ease-in-out
}

.navigationMobile__innerNavMenuItem.-open{
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity))
}

.navigationMobile__innerNavMenuItem.-open button{
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity))
}

.navigationMobile__innerNavMenuItem.-open button img{
  transform:rotate(180deg)
}

.navigationMobile__innerNavMenuItem.-open .navigationMobile__innerNavMenuChild{
  max-height:100vh
}

.navigationMobile__innerNavMenuChild{
  max-height:0;
  overflow:hidden;
  transition:max-height .2s ease-in-out
}

.navigationMobile__innerNavMenuChild .childItem a{
  display:flex;
  align-items:center;
  width:100%;
  text-align:center;
  padding:0 40px;
  height:54px
}

.navigationMobile__innerNavMenuChild .childItem a.active{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.navigationMobile__innerNavMenuChild .childItem+.childItem a{
  border-top-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.navigationMobileFooter{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-top:2rem;
  padding-bottom:2rem;
  margin-bottom:30px
}

@media (min-width: 640px){
  .navigationMobileFooter{
    align-items:center;
    margin-bottom:80px
  }
}

.navigationMobileFooter__leftItems{
  display:flex;
  flex-direction:column;
  font-size:1rem;
  --text-opacity:1;
  color:#666666;
  color:rgba(102, 102, 102, var(--text-opacity));
  font-weight:400
}

.navigationMobileFooter__leftItems li+li{
  margin-top:15px
}

@media (min-width: 640px){
  .navigationMobileFooter__leftItems{
    flex-direction:row
  }

  .navigationMobileFooter__leftItems li+li{
    margin-top:0;
    margin-left:60px
  }
}

.navigationMobileFooter__rightItems{
  display:flex;
  align-items:flex-start
}

.navigationMobileFooter__rightItems li img{
  margin-top:-4px;
  width:32px;
  height:32px
}

.navigationMobileFooter__rightItems li+li{
  margin-left:30px
}
.layoutAdmin .adminHeader__info{
  padding-top: 2rem;
  padding-bottom: 1.25rem;
  border-bottom-width: 1px
}

.layoutAdmin .adminHeader__username{
  font-size: 1.125rem;
  font-weight: 600
}

.layoutAdmin .adminHeader__divider{
  --text-opacity: 1;
  color: #bbbbbb;
  color: rgba(187, 187, 187, var(--text-opacity));
  margin-left: 0.75rem;
  margin-right: 0.75rem
}

.layoutAdmin .adminHeader__nav ul{
  display: flex;
  align-items: center
}

.layoutAdmin .adminHeader__nav ul li+li{
  margin-left: 2rem
}

.layoutAdmin .adminHeader__nav ul li a{
  display: inline-block;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  --text-opacity: 1;
  color: #aaaaaa;
  color: rgba(170, 170, 170, var(--text-opacity));
  font-weight: 700
}

.layoutAdmin .adminHeader__nav ul li a.active,.layoutAdmin .adminHeader__nav ul li a:hover{
  --text-opacity: 1;
  color: #111111;
  color: rgba(17, 17, 17, var(--text-opacity))
}
.layoutAdmin .adminHeader__info{
  padding-top: 2rem;
  padding-bottom: 1.25rem;
  border-bottom-width: 1px
}

.layoutAdmin .adminHeader__username{
  font-size: 1.125rem;
  font-weight: 600
}

.layoutAdmin .adminHeader__divider{
  --text-opacity: 1;
  color: #bbbbbb;
  color: rgba(187, 187, 187, var(--text-opacity));
  margin-left: 0.75rem;
  margin-right: 0.75rem
}

.layoutAdmin .adminHeader__nav ul{
  display: flex;
  align-items: center
}

.layoutAdmin .adminHeader__nav ul li+li{
  margin-left: 2rem
}

.layoutAdmin .adminHeader__nav ul li a{
  display: inline-block;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  --text-opacity: 1;
  color: #aaaaaa;
  color: rgba(170, 170, 170, var(--text-opacity));
  font-weight: 700
}

.layoutAdmin .adminHeader__nav ul li a.active,.layoutAdmin .adminHeader__nav ul li a:hover{
  --text-opacity: 1;
  color: #111111;
  color: rgba(17, 17, 17, var(--text-opacity))
}
@media (min-width: 1024px){
  .pageHeader .container{
    display:flex;
    align-items:center;
    padding-right:0.5rem;
    flex-shrink:0;
    font-weight:600;
    justify-content:space-between
  }
}

.pageHeader__title{
  display:flex;
  align-items:center;
  padding-right:0.5rem;
  flex-shrink:0;
  font-weight:600;
  height:186px;
  font-size:38px;
  line-height:50px
}

@media (min-width: 768px){
  .pageHeader__title{
    height:300px;
    font-size:58px;
    line-height:78px
  }
}

.pageHeader__description{
  align-items:center;
  padding-right:0.5rem;
  font-weight:400;
  font-size:18px;
  padding:22px 0px 52px 0;
  font-weight:400
}

@media (min-width: 1024px){
  .pageHeader__description{
    padding:0px 120px 0px 20px;
    font-size:22px
  }
}

.pageHeader .desktop-break{
  display:none
}

@media (min-width: 768px){
  .pageHeader .desktop-break{
    display:block
  }
}

.pageHeader .mobile-break{
  display:block
}

@media (min-width: 768px){
  .pageHeader .mobile-break{
    display:none
  }
}
.section__header{
  position:relative
}

.section__header .heading{
  padding-top:0.75rem;
  font-weight:700;
  padding-bottom:40px;
  margin-top:60px;
  border-top:2px solid #111;
  font-size:18px
}

@media (min-width: 768px){
  .section__header .heading{
    padding-top:1.25rem;
    font-size:22px
  }
}

.section__headerButton{
  position:absolute;
  padding:0.75rem;
  top:14px;
  right:0
}

@media (min-width: 768px){
  .section__headerButton{
    display:none
  }
}
.mobileHeader{
  position:fixed;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity));
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  z-index:50;
  top:64px;
  left:0;
  right:0
}

@media (min-width: 768px){
  .mobileHeader{
    display:none
  }
}
.imageResponsive{
  max-width: 100%
}
.loader{
  display:inline-block;
  position:relative;
  width:80px;
  height:80px
}

.loaderWrapper{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100vw;
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:rgba(0,0,0,.65);
  z-index:3000
}

.loaderWrapper.-light{
  background-color:rgba(0,0,0,0)
}

.loaderWrapper.-light .loader div{
  border:8px solid #555;
  border-color:#555 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

.loader div{
  box-sizing:border-box;
  display:block;
  position:absolute;
  width:64px;
  height:64px;
  margin:8px;
  border:8px solid #fff;
  border-radius:50%;
  animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

.loader div:nth-child(1){
  animation-delay:-0.45s
}

.loader div:nth-child(2){
  animation-delay:-0.3s
}

.loader div:nth-child(3){
  animation-delay:-0.15s
}

@keyframes lds-ring{
  0%{
    transform:rotate(0deg)
  }

  100%{
    transform:rotate(360deg)
  }
}
.paginationView{
  margin-top: 1.25rem
}

.paginationView__header{
  margin-bottom: 0.75rem
}

.paginationView__footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  line-height: 1
}

.paginationView__button{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem
}

.paginationView__button:disabled{
  opacity: 0.25;
  cursor: not-allowed
}

@media (min-width: 768px){
  .paginationView__header{
    display: flex;
    justify-content: flex-end
  }
}
.helpPopover{
  display:none;
  position:absolute;
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  padding:1.25rem;
  z-index:30;
  font-weight:400;
  width:280px;
  box-shadow:0 4px 42px -4px rgba(0,0,0,.5)
}

.helpPopoverWrapper{
  position:relative;
  display:inline-block;
  margin-left:0.5rem
}

.helpPopover.-left{
  left:-150%;
  top:6px
}

@media (min-width: 768px){
  .helpPopover.-left{
    top:0;
    left:1.5rem
  }
}

.helpPopover.-bottom{
  left:50%;
  transform:translateX(-50%);
  top:100%
}

@media (min-width: 768px){
  .helpPopover.-bottom{
    top:100%;
    left:50%;
    transform:translateX(-50%)
  }
}

.helpPopover .buttonClose{
  position:absolute;
  top:0.5rem;
  right:0.5rem;
  width:24px;
  height:24px
}

.helpPopover.-open{
  display:block
}
.collapse+.collapse .collapse__header{
  border-top-width:0
}

.collapse__header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:0.875rem;
  border-top-width:1px;
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#cccccc;
  border-color:rgba(204, 204, 204, var(--border-opacity))
}

.collapse__headerTitle,.collapse__headerButton{
  padding:16px 12px
}

.collapse__headerButton img{
  width:12px;
  height:12px;
  transition:all .175s ease-in-out
}

.collapse__body{
  overflow:hidden;
  max-height:0;
  transition:all .175s ease-in-out
}

.collapse.-open+.collapse .collapse__header{
  border-top-width:1px
}

.collapse.-open .collapse__header{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity));
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity))
}

.collapse.-open .collapse__body{
  padding:30px 0;
  max-height:100vh;
  overflow-y:scroll
}
.form{
  display: block;
  width: 100%
}
.inputBase{
  display:flex;
  flex-direction:column;
  max-width:100%;
  width:100%;
  margin-bottom:27px;
  transition:all .3s ease-in-out
}

.inputBase.-valid input{
  --bg-opacity:1;
  background-color:#e9f0fd;
  background-color:rgba(233, 240, 253, var(--bg-opacity))
}

.inputBase label{
  display:block;
  font-size:0.875rem;
  line-height:1;
  margin-bottom:0.5rem
}

.inputBase input{
  display:block;
  width:100%;
  border:1px solid #111;
  height:46px;
  line-height:46px;
  padding:0 15px
}

.inputBase input:focus{
  outline:none
}

.inputBase input:disabled{
  --bg-opacity:1;
  background-color:#dddddd;
  background-color:rgba(221, 221, 221, var(--bg-opacity));
  --border-opacity:1;
  border-color:#bbbbbb;
  border-color:rgba(187, 187, 187, var(--border-opacity));
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity));
  cursor:not-allowed;
  opacity:1;
  -webkit-text-fill-color:#aaa
}

.inputBase input::-moz-placeholder{
  --text-opacity:1;
  color:#888888;
  color:rgba(136, 136, 136, var(--text-opacity));
  letter-spacing:normal
}

.inputBase input::placeholder{
  --text-opacity:1;
  color:#888888;
  color:rgba(136, 136, 136, var(--text-opacity));
  letter-spacing:normal
}

.inputBase input[type=password]{
  letter-spacing:6px
}

.inputBase.-gray input{
  border:1px solid #d0d0d0
}

.inputBase .hintBlock{
  font-size:0.75rem;
  line-height:1;
  padding-top:10px
}

.inputBase .hintBlock.-error{
  color:#b00020
}
.inputNumber{
  display:flex;
  flex-direction:column;
  max-width:100%;
  width:100%;
  margin-bottom:27px;
  transition:all .3s ease-in-out
}

.inputNumber.-valid input{
  --bg-opacity:1;
  background-color:#e9f0fd;
  background-color:rgba(233, 240, 253, var(--bg-opacity))
}

.inputNumber label{
  display:block;
  font-size:0.875rem;
  line-height:1;
  margin-bottom:0.5rem
}

.inputNumber input{
  display:block;
  width:100%;
  text-align:center;
  border:1px solid #111;
  height:46px;
  line-height:46px;
  padding:0 15px;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none
}

.inputNumber input::-webkit-inner-spin-button,.inputNumber input::-webkit-outer-spin-button{
  margin:0;
  -webkit-appearance:none;
          appearance:none
}

.inputNumber input:focus{
  outline:none
}

.inputNumber input:disabled{
  --bg-opacity:1;
  background-color:#dddddd;
  background-color:rgba(221, 221, 221, var(--bg-opacity));
  --border-opacity:1;
  border-color:#bbbbbb;
  border-color:rgba(187, 187, 187, var(--border-opacity));
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity));
  cursor:not-allowed
}

.inputNumber input::-moz-placeholder{
  --text-opacity:1;
  color:#888888;
  color:rgba(136, 136, 136, var(--text-opacity));
  letter-spacing:normal
}

.inputNumber input::placeholder{
  --text-opacity:1;
  color:#888888;
  color:rgba(136, 136, 136, var(--text-opacity));
  letter-spacing:normal
}

.inputNumber input[type=password]{
  letter-spacing:6px
}

.inputNumber.-gray input{
  border:1px solid #d0d0d0
}

.inputNumber.-gray .inputNumber__button.-minus,.inputNumber.-gray .inputNumber__button.-plus{
  border-color:#d0d0d0
}

.inputNumber__button{
  display:flex;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  font-size:1.875rem;
  border-top-width:1px;
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  line-height:1;
  width:46px;
  height:46px
}

.inputNumber__button.-minus{
  border-left-width:1px
}

.inputNumber__button.-plus{
  border-right-width:1px
}

.inputNumber .errorBlock{
  font-size:0.75rem;
  line-height:1;
  padding-top:10px;
  color:#b00020
}
.checkbox{
  display:inline-flex;
  align-items:center;
  margin-bottom:0.75rem
}

.checkbox.-checked .checkbox__squareIcon{
  opacity:1
}

.checkbox.-disabled .checkbox__square{
  --border-opacity:1;
  border-color:#bbbbbb;
  border-color:rgba(187, 187, 187, var(--border-opacity));
  cursor:not-allowed
}

.checkbox.-disabled .checkbox__squareIcon{
  --bg-opacity:1;
  background-color:#dddddd;
  background-color:rgba(221, 221, 221, var(--bg-opacity))
}

.checkbox.-disabled .checkbox__label{
  cursor:not-allowed
}

.checkbox__content{
  display:flex;
  align-items:center
}

.checkbox__square{
  flex-shrink:0;
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  width:1.4em;
  height:1.4em
}

.checkbox__squareIcon{
  width:100%;
  opacity:0;
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  transition:opacity .125s ease
}

.checkbox__label{
  padding-left:0.5rem;
  line-height:1
}

.checkbox__label.w-250{
  word-break:keep-all;
  padding-top:3px
}

@media (min-width: 640px){
  .checkbox__label.w-250{
    word-break:break-word
  }
}
.buttonCheckbox{
  display:inline-flex;
  align-items:center;
  margin-bottom:0.75rem;
  border:1px solid #d0d0d0;
  margin:0px 0px 0px 10px;
  background-color:#f3f3f3
}

.buttonCheckbox.-checked{
  border:1px solid #000;
  background-color:#000
}

.buttonCheckbox.-checked .buttonCheckbox__label{
  color:#fff
}

.buttonCheckbox.-disabled .buttonCheckbox__label{
  cursor:not-allowed
}

.buttonCheckbox__square{
  flex-shrink:0;
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  width:1.4em;
  height:1.4em
}

.buttonCheckbox__squareIcon{
  width:100%;
  opacity:0;
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  transition:opacity .125s ease
}

.buttonCheckbox__label{
  line-height:1;
  color:#aaa;
  padding:9px 10px;
  font-size:14px;
  font-weight:500
}

.buttonCheckbox__label.w-250{
  word-break:keep-all;
  padding-top:3px
}

@media (min-width: 640px){
  .buttonCheckbox__label.w-250{
    word-break:break-word
  }
}
.radio{
  display:inline-flex;
  align-items:center;
  margin-bottom:0.75rem
}

.radio.-checked .radio__squareIcon{
  opacity:1
}

.radio.-disabled .radio__square{
  --border-opacity:1;
  border-color:#bbbbbb;
  border-color:rgba(187, 187, 187, var(--border-opacity));
  --bg-opacity:1;
  background-color:#dddddd;
  background-color:rgba(221, 221, 221, var(--bg-opacity));
  cursor:not-allowed
}

.radio.-disabled .radio__squareIcon{
  --bg-opacity:1;
  background-color:#dddddd;
  background-color:rgba(221, 221, 221, var(--bg-opacity))
}

.radio.-disabled .radio__label{
  cursor:not-allowed;
  --text-opacity:1;
  color:#888888;
  color:rgba(136, 136, 136, var(--text-opacity))
}

.radio__square{
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  width:1.4em;
  height:1.4em
}

.radio__squareIcon{
  width:100%;
  opacity:0;
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  transition:opacity .125s ease-in-out
}

.radio__label{
  padding-left:0.5rem;
  line-height:1;
  cursor:pointer
}
.radioBase{
  display:block;
  max-width:100%;
  margin-bottom:1.5rem
}

.radioBase.multiLine .radioWrapper{
  display:block
}

.radioBase.multiLine .radioWrapper .radio{
  display:flex;
  margin-bottom:1.25rem
}

.radioBase label{
  display:flex;
  align-items:center;
  font-size:0.875rem;
  line-height:1;
  margin-bottom:1.25rem
}

.radioBase .errorBlock{
  font-size:0.75rem;
  line-height:1;
  padding-top:10px;
  color:#b00020
}
.inputSelectWrapper .errorBlock{
  font-size:0.75rem;
  line-height:1;
  padding-top:5px;
  color:#b00020
}

.rw-dropdown-list.rw-state-focus>.rw-widget-container,.rw-dropdown-list.rw-state-focus>.rw-widget-container:hover{
  box-shadow:none;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity))
}

.rw-dropdown-list .inputSelect{
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  border-radius:0
}

.rw-dropdown-list .inputSelect.-h46{
  height:46px
}

.rw-dropdown-list .inputSelect.-h42{
  height:42px
}

.rw-dropdown-list .inputSelect .rw-placeholder{
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity))
}

.rw-dropdown-list .inputSelect .rw-dropdown-list-input{
  font-size:1rem
}

.rw-dropdown-list .inputSelect .rw-select{
  font-size:1rem
}

.rw-dropdown-list .inputSelect .rw-select .rw-btn-select{
  width:2.4em
}

.rw-dropdown-list .inputSelect .rw-select .rw-btn-select .rw-i-caret-down{
  display:inline-block;
  background-position:center;
  background-size:cover;
  background-image:url("/images/svg/icon-arrow-down-bk.svg");
  width:12px;
  height:7px
}

.rw-dropdown-list .inputSelect .rw-select .rw-btn-select .rw-i-caret-down:before{
  display:none
}

.rw-dropdown-list .inputSelect.-gray .rw-select .rw-btn-select .rw-i-caret-down{
  background-image:url("/images/svg/icon-arrow-down-gray.svg")
}

.rw-dropdown-list.rw-state-disabled .inputSelect{
  --border-opacity:1;
  border-color:#bbbbbb;
  border-color:rgba(187, 187, 187, var(--border-opacity));
  --bg-opacity:1;
  background-color:#dddddd;
  background-color:rgba(221, 221, 221, var(--bg-opacity))
}

.rw-dropdown-list.rw-state-disabled .inputSelect .rw-select .rw-btn-select .rw-i-caret-down{
  background-image:url("/images/svg/icon-arrow-down-gray.svg")
}

.rw-dropdown-list .rw-popup-container .rw-popup-transition .rw-popup{
  box-shadow:none;
  border-radius:0;
  border:1px solid #d0d0d0
}

.rw-dropdown-list .rw-popup-container .rw-popup-transition .rw-popup .rw-list-option.rw-state-focus{
  border-style:none
}

.rw-dropdown-list .rw-popup-container .rw-popup-transition .rw-popup .rw-list-option.rw-state-selected{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity))
}
.yearMonthSelect{
  display:flex;
  grid-gap:8px;
  gap:8px;
  align-items:center
}

.yearMonthSelect>div:first-child{
  width:120px
}

.yearMonthSelect>div:last-child{
  width:100px
}
.rw-datetime-picker.rw-state-focus>.rw-widget-container,.rw-datetime-picker.rw-state-focus>.rw-widget-container:hover{
  box-shadow:none;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity))
}

.rw-datetime-picker .datePicker{
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  border-radius:0
}

.rw-datetime-picker .datePicker.noInput{
  display:none
}

.rw-datetime-picker .datePicker.noInput+.rw-popup-container{
  border-top-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  width:300px
}

.rw-datetime-picker .datePicker.-h46{
  height:46px
}

.rw-datetime-picker .datePicker.-h42{
  height:42px
}

.rw-datetime-picker .datePicker .rw-widget-input{
  font-size:1rem
}

.rw-datetime-picker .datePicker .rw-widget-input::-moz-placeholder{
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity))
}

.rw-datetime-picker .datePicker .rw-widget-input::placeholder{
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity))
}

.rw-datetime-picker .datePicker .rw-widget-input[readonly]{
  cursor:pointer
}

.rw-datetime-picker .datePicker .rw-widget-input[disabled]{
  cursor:not-allowed;
  --bg-opacity:1;
  background-color:#dddddd;
  background-color:rgba(221, 221, 221, var(--bg-opacity))
}

.rw-datetime-picker .datePicker .rw-select{
  border-width:0;
  background-color:rgba(0,0,0,0) !important
}

.rw-datetime-picker .datePicker .rw-select .rw-btn-select{
  width:2.4em
}

.rw-datetime-picker .datePicker .rw-select .rw-btn-select .rw-i-calendar{
  display:inline-block;
  background-position:center;
  background-size:cover;
  background-image:url("/images/svg/icon-arrow-down-bk.svg");
  width:12px;
  height:7px
}

.rw-datetime-picker .datePicker .rw-select .rw-btn-select .rw-i-calendar:before{
  display:none
}

.rw-datetime-picker .datePicker.-gray .rw-select .rw-btn-select .rw-i-calendar{
  background-image:url("/images/svg/icon-arrow-down-gray.svg")
}

.rw-datetime-picker.rw-state-disabled .datePicker{
  --border-opacity:1;
  border-color:#bbbbbb;
  border-color:rgba(187, 187, 187, var(--border-opacity));
  --bg-opacity:1;
  background-color:#dddddd;
  background-color:rgba(221, 221, 221, var(--bg-opacity))
}

.rw-datetime-picker.rw-state-disabled .datePicker .rw-select .rw-btn-select .rw-i-caret-down{
  background-image:url("/images/svg/icon-arrow-down-gray.svg")
}

.rw-datetime-picker .rw-popup-container{
  width:100%;
  min-width:260px;
  right:0 !important;
  left:auto !important;
  border-top:1px solid #000;
  transform:translateY(-1px)
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition{
  padding:0
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup{
  box-shadow:none;
  border-radius:0;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  border-top-width:0
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup .rw-calendar-header{
  padding-top:0.5rem;
  padding-bottom:0.25rem;
  font-size:1rem
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup .rw-calendar-header .rw-calendar-btn-left{
  display:inline-flex;
  align-items:center;
  height:100%;
  padding-top:1rem;
  padding-bottom:1rem;
  padding-left:0.75rem;
  padding-right:0.75rem
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup .rw-calendar-header .rw-calendar-btn-left .rw-i{
  display:inline-block;
  background-position:center;
  background-size:cover;
  background-image:url("/images/svg/ico-arrow-left.svg");
  width:10px;
  height:16px
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup .rw-calendar-header .rw-calendar-btn-left .rw-i:before{
  display:none
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup .rw-calendar-header .rw-calendar-btn-left:disabled{
  opacity:.5
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup .rw-calendar-header .rw-calendar-btn-right{
  display:inline-flex;
  justify-content:flex-end;
  align-items:center;
  height:100%;
  padding-top:1rem;
  padding-bottom:1rem;
  padding-left:0.75rem;
  padding-right:0.75rem
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup .rw-calendar-header .rw-calendar-btn-right .rw-i{
  display:inline-block;
  background-position:center;
  background-size:cover;
  background-image:url("/images/svg/ico-arrow-right.svg");
  width:10px;
  height:16px
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup .rw-calendar-header .rw-calendar-btn-right .rw-i:before{
  display:none
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup .rw-calendar-header .rw-calendar-btn-right:disabled{
  opacity:.5
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup .rw-calendar-head .rw-head-cell{
  border-width:0;
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity));
  font-weight:400;
  padding:0.75rem;
  border-radius:0
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup .rw-calendar-body .rw-cell{
  padding:0.75rem;
  border-radius:0
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup .rw-calendar-body .rw-cell.rw-state-selected{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  border-width:0
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup .rw-calendar-body .rw-cell.rw-cell-off-range{
  color:transparent
}

.rw-datetime-picker .rw-popup-container .rw-popup-transition .rw-popup .rw-calendar-footer{
  display:none
}
.timePicker{
  display:flex;
  overflow-x:auto;
  white-space:nowrap;
  -ms-overflow-style:none;
  scrollbar-width:none
}

.timePicker::-webkit-scrollbar{
  display:none
}

.timePicker .swiper-container{
  padding-bottom:0.75rem
}

.timePicker .swiper-scrollbar{
  position:absolute;
  z-index:1000;
  bottom:0;
  width:100%;
  background-color:#e8e8e8
}

.timePicker .swiper-scrollbar-drag{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  height:6px
}

.timePicker .swiper-slide{
  border-style:none;
  width:67px
}

.timePicker .swiper-slide:not(.-disabled){
  border-top-width:1px;
  border-bottom-width:1px;
  border-right-width:1px
}

.timePicker .swiper-slide:not(.-disabled):first-child{
  border-left-width:1px
}

.timePicker .swiper-slide.-disabled{
  border-style:none
}

.timePicker .swiper-slide.-disabled+.swiper-slide:not(.-disabled){
  border-style:none
}

.timePicker .swiper-slide.-selected{
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity))
}

.timePicker__cellWrapper{
  position:relative;
  height:62px
}

.timePicker__timeLabel{
  position:absolute;
  font-size:12px;
  color:#aaa;
  z-index:1;
  left:-13px
}

.timePicker__timeLabel.first{
  left:2px
}

.timePicker__timeLabel.last{
  right:2px
}

.timePicker__timeCell{
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:1rem;
  padding-right:1rem;
  cursor:pointer;
  border-top-width:1px;
  border-bottom-width:1px;
  border-right-width:1px;
  -webkit-overflow-scrolling:touch;
  height:30px;
  border-color:#d0d0d0;
  position:absolute;
  bottom:0;
  left:0;
  right:0
}

.timePicker__timeCell.first{
  border-left-width:1px
}

.timePicker__timeCell.last{
  border-right-width:1px
}

.timePicker__timeCell::before{
  content:"";
  position:absolute;
  top:-10px;
  left:-1px;
  width:1px;
  height:10px;
  background-color:#d0d0d0;
  z-index:0
}

.timePicker__timeCell.-disabled{
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity));
  cursor:not-allowed;
  background-color:#ddd;
  border-color:#f3f3f3
}

.timePicker__timeCell.-selected{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}
.textArea{
  display:flex;
  flex-direction:column;
  max-width:100%;
  width:100%;
  margin-bottom:27px;
  transition:all .3s ease-in-out
}

.textArea.-valid textarea{
  --bg-opacity:1;
  background-color:#e9f0fd;
  background-color:rgba(233, 240, 253, var(--bg-opacity))
}

.textArea label{
  display:block;
  font-size:0.875rem;
  line-height:1;
  margin-bottom:0.5rem
}

.textArea textarea{
  display:block;
  width:100%;
  height:16rem;
  resize:none;
  border:1px solid #111;
  height:270px;
  line-height:26px;
  padding:15px
}

.textArea textarea:focus{
  outline:none
}

.textArea textarea:disabled{
  --bg-opacity:1;
  background-color:#dddddd;
  background-color:rgba(221, 221, 221, var(--bg-opacity));
  --border-opacity:1;
  border-color:#bbbbbb;
  border-color:rgba(187, 187, 187, var(--border-opacity));
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity));
  cursor:not-allowed
}

.textArea textarea:disabled+.errorBlock{
  display:none
}

.textArea textarea::-moz-placeholder{
  --text-opacity:1;
  color:#888888;
  color:rgba(136, 136, 136, var(--text-opacity));
  letter-spacing:normal
}

.textArea textarea::placeholder{
  --text-opacity:1;
  color:#888888;
  color:rgba(136, 136, 136, var(--text-opacity));
  letter-spacing:normal
}

.textArea textarea[type=password]{
  letter-spacing:6px
}

.textArea .errorBlock{
  font-size:0.75rem;
  line-height:1;
  padding-top:10px;
  color:#b00020
}
.inputFile{
  position:relative;
  display:flex;
  flex-direction:column;
  max-width:100%;
  width:100%;
  margin-bottom:27px;
  transition:all .3s ease-in-out
}

.inputFile.-valid input{
  --bg-opacity:1;
  background-color:#e9f0fd;
  background-color:rgba(233, 240, 253, var(--bg-opacity))
}

.inputFile label{
  display:block;
  font-size:0.875rem;
  line-height:1;
  margin-bottom:0.5rem
}

.inputFile input{
  display:block;
  width:100%;
  cursor:pointer;
  border:1px solid #111;
  height:46px;
  line-height:46px;
  padding:0 15px
}

.inputFile input:focus{
  outline:none
}

.inputFile input:disabled{
  --bg-opacity:1;
  background-color:#dddddd;
  background-color:rgba(221, 221, 221, var(--bg-opacity));
  --border-opacity:1;
  border-color:#bbbbbb;
  border-color:rgba(187, 187, 187, var(--border-opacity));
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity));
  cursor:not-allowed
}

.inputFile input::-moz-placeholder{
  --text-opacity:1;
  color:#888888;
  color:rgba(136, 136, 136, var(--text-opacity));
  letter-spacing:normal
}

.inputFile input::placeholder{
  --text-opacity:1;
  color:#888888;
  color:rgba(136, 136, 136, var(--text-opacity));
  letter-spacing:normal
}

.inputFile input[type=password]{
  letter-spacing:6px
}

.inputFile__reset{
  position:absolute;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  border-radius:9999px;
  line-height:1;
  right:0.75rem;
  top:50%;
  transform:translateY(-50%)
}

.inputFile__button{
  display:flex;
  flex-shrink:0;
  padding-left:0.75rem;
  padding-right:0.75rem;
  justify-content:center;
  align-items:center;
  border-top-width:1px;
  border-bottom-width:1px;
  border-right-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  line-height:1;
  width:auto;
  height:46px
}

.inputFile .hintBlock{
  font-size:0.75rem;
  line-height:1;
  --text-opacity:1;
  color:#888888;
  color:rgba(136, 136, 136, var(--text-opacity));
  padding-top:10px
}

.inputFile .hintBlock.-error{
  color:#b00020
}

.inputFile.-gray input{
  border:1px solid #d0d0d0
}

.inputFile.-gray .inputFile__button{
  border-color:#d0d0d0
}
.switch{
  width:100%;
  display:flex;
  align-items:center;
  font-size:0.75rem;
  font-size:13px
}

.switch__icon{
  position:relative;
  display:inline-block;
  vertical-align:middle;
  width:26.6px;
  height:14.9px;
  padding:2px;
  border-radius:10px;
  margin-left:.25rem;
  margin-top:.18rem
}

.switch__iconBall{
  position:absolute;
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  border-radius:9999px;
  top:2px;
  width:11px;
  height:11px;
  transition:all 150ms linear
}
.buttonFilled{
  display:block;
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  vertical-align:middle;
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity));
  transition:all .25s ease-in-out
}

.buttonFilled:hover,.buttonFilled:active{
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  --text-opacity:1;
  color:#111111;
  color:rgba(17, 17, 17, var(--text-opacity))
}

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

.buttonFilled:disabled{
  --bg-opacity:1;
  background-color:#dddddd;
  background-color:rgba(221, 221, 221, var(--bg-opacity));
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity));
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity));
  cursor:not-allowed
}
.buttonOutlined{
  display:block;
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  vertical-align:middle;
  transition:all .25s ease-in-out;
  height:54px
}

.buttonOutlined:hover,.buttonOutlined:active{
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  --text-opacity:1;
  color:#111111;
  color:rgba(17, 17, 17, var(--text-opacity))
}

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

.buttonOutlined:disabled{
  --bg-opacity:1;
  background-color:#dddddd;
  background-color:rgba(221, 221, 221, var(--bg-opacity));
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity));
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity));
  cursor:not-allowed
}
.buttonArrow{
  display:inline-flex;
  justify-content:space-between;
  align-items:center;
  padding-left:1rem;
  padding-right:1rem;
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  text-align:left;
  vertical-align:middle;
  transition:all .25s ease-in-out;
  height:48px
}

.buttonArrow:hover,.buttonArrow:active{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.buttonArrow:hover svg g g,.buttonArrow:active svg g g{
  fill:#fff
}

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

.buttonArrow:disabled{
  --bg-opacity:1;
  background-color:#dddddd;
  background-color:rgba(221, 221, 221, var(--bg-opacity));
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity));
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity));
  cursor:not-allowed
}

.buttonArrow:disabled svg g g{
  fill:#aaa
}
.buttonScroll{
  position:fixed;
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  z-index:50;
  right:24px;
  bottom:120px
}

@media (min-width: 768px){
  .buttonScroll{
    right:calc(50vw - 600px + 1rem)
  }
}

.buttonScroll.-goToTop .arrow{
  transform:rotate(270deg)
}

.buttonScroll .arrow{
  transform:rotate(90deg);
  transition:all .2s ease-in-out
}
@media (min-width: 1024px){
}

.carouselHomeWrapper{
  position:relative;
  height:100%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  display:flex;
  justify-content:center;
  overflow:hidden
}

.carouselHomeWrapper .break-keep{
  word-break:keep-all
}

.carouselHomeWrapper .banner-text{
  position:absolute;
  margin:auto;
  top:0;
  display:flex;
  flex-direction:column;
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity));
  z-index:100;
  margin-top:32px
}

.carouselHomeWrapper .banner-text .korean-description{
  font-style:normal;
  font-weight:700;
  font-size:22px;
  line-height:34px;
  letter-spacing:-0.403px
}

@media only screen and (min-width: 400px){
  .carouselHomeWrapper .banner-text .korean-description{
    font-size:42px;
    line-height:63px;
    letter-spacing:-0.28px
  }
}

.carouselHomeWrapper .banner-text .english-description{
  margin-top:8px;
  font-weight:500;
  font-style:normal;
  font-size:14px;
  line-height:30px;
  letter-spacing:-0.403px
}

@media only screen and (min-width: 400px){
  .carouselHomeWrapper .banner-text .english-description{
    font-size:22px;
    line-height:33px;
    letter-spacing:-0.403px
  }
}

.carouselHomeWrapper.slide-1{
  background-image:url("/images/index/mobile-main_img_1.png") !important;
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px)
}

.carouselHomeWrapper.slide-2{
  background-image:url("/images/index/mobile-main_img_2.png") !important;
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px)
}

.carouselHomeWrapper.slide-3{
  background-image:url("/images/index/mobile-main_img_3.png") !important;
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px)
}

.carouselHomeWrapper .swiper-container{
  position:relative;
  height:100%;
  z-index:50
}

.carouselHomeWrapper .swiper__pagination{
  position:absolute;
  height:0.5rem;
  left:0;
  text-align:left;
  bottom:72px !important;
  z-index:100;
  left:1rem
}

.carouselHomeWrapper .swiper__paginationBullet{
  display:inline-block;
  width:0.5rem;
  height:0.5rem;
  margin-right:0.75rem;
  cursor:pointer;
  background-color:hsla(0,0%,100%,.5);
  transition:all .3s ease
}

.carouselHomeWrapper .swiper__paginationBullet.-active{
  width:2.5rem;
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity))
}

@media (min-width: 768px){
  .carouselHomeWrapper .swiper__pagination{
    left:calc(50vw - 384px + 14px)
  }
}

@media (min-width: 1024px){
  .carouselHomeWrapper .swiper__pagination{
    left:calc(50vw - 512px + 14px)
  }
}

@media (min-width: 1200px){
  .carouselHomeWrapper .swiper__pagination{
    left:calc(50vw - 600px + 14px)
  }
}

.carouselHomeWrapper .swiper__buttonPrev,.carouselHomeWrapper .swiper__buttonNext{
  position:absolute;
  top:auto;
  background-color:transparent;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  z-index:50;
  z-index:100;
  width:50px;
  height:50px;
  bottom:42px !important
}

.carouselHomeWrapper .swiper__buttonPrev:after,.carouselHomeWrapper .swiper__buttonNext:after{
  display:none
}

.carouselHomeWrapper .swiper__buttonPrev:hover,.carouselHomeWrapper .swiper__buttonPrev:focus,.carouselHomeWrapper .swiper__buttonNext:hover,.carouselHomeWrapper .swiper__buttonNext:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.carouselHomeWrapper .swiper__buttonPrev:disabled,.carouselHomeWrapper .swiper__buttonNext:disabled{
  opacity:0.75;
  cursor:not-allowed
}

.carouselHomeWrapper .swiper__buttonNext{
  left:calc(100vw - 56px)
}

@media (min-width: 768px){
  .carouselHomeWrapper .swiper__buttonNext{
    left:calc(100vw - (50vw - 384px + 36px + 1rem))
  }
}

@media (min-width: 1024px){
  .carouselHomeWrapper .swiper__buttonNext{
    left:calc(100vw - (50vw - 512px + 36px + 1rem))
  }
}

@media (min-width: 1200px){
  .carouselHomeWrapper .swiper__buttonNext{
    left:calc(100vw - (50vw - 600px + 36px + 1rem))
  }
}

.carouselHomeWrapper .swiper__buttonPrev{
  left:calc(100vw - 56px - 46px)
}

@media (min-width: 768px){
  .carouselHomeWrapper .swiper__buttonPrev{
    left:calc(100vw - (50vw - 384px + 36px + 1rem + 46px))
  }
}

@media (min-width: 1024px){
  .carouselHomeWrapper .swiper__buttonPrev{
    left:calc(100vw - (50vw - 512px + 36px + 1rem + 46px))
  }
}

@media (min-width: 1200px){
  .carouselHomeWrapper .swiper__buttonPrev{
    left:calc(100vw - (50vw - 600px + 36px + 1rem + 46px))
  }
}

.carouselHomeWrapper .swiper-button-prev,.carouselHomeWrapper .swiper-button-next{
  display:none
}

.carouselHome__slide{
  width:100vw;
  height:100%
}

.carouselHome__slide .container{
  height:100%;
  display:flex;
  align-items:flex-start;
  align-items:center
}

.carouselHome__slideVideo{
  position:absolute;
  z-index:40;
  height:inherit
}

.carouselHome__slideVideo.portrait{
  width:100vw;
  top:0;
  min-height:110vh
}

.carouselHome__slideVideo.portrait img{
  width:inherit;
  height:inherit
}

.carouselHome__slideVideo.portrait img._mobile{
  display:block
}

.carouselHome__slideVideo.portrait img._desktop{
  display:none
}

.carouselHome__slideVideo.landscape{
  top:0;
  min-width:110vw;
  min-height:105%
}

.carouselHome__slideVideo.landscape img._mobile{
  display:none
}

.carouselHome__slideVideo.landscape img._desktop{
  display:block
}

.carouselHome__slideVideo.landscape img{
  height:inherit
}

.carouselHome__slideTitle{
  position:relative;
  z-index:40;
  padding-left:0.75rem;
  padding-right:0.75rem;
  font-weight:600;
  font-size:2rem;
  line-height:2;
  margin-top:0
}

.carouselHome__slideTitle span{
  display:inline-block;
  margin-top:1rem;
  font-size:1.5rem;
  line-height:2;
  margin-top:0
}

.carouselHome__slideTitle span .mobile-break{
  display:block
}

.carouselHome__slideTitle span .desktop-break{
  display:none
}

@media (min-width: 768px){
  .carouselHome__slideTitle span .mobile-break{
    display:none
  }

  .carouselHome__slideTitle span .desktop-break{
    display:block
  }
}

.carouselHome__slideTitle span sup{
  top:-0.35em
}

@media (min-width: 768px){
  .carouselHome__slideTitle span{
    font-size:2rem
  }
}

@media (min-width: 768px){
  .carouselHome__slideTitle{
    margin-top:0;
    font-size:4rem;
    line-height:2
  }
}

.swiper-container{
  max-width:100vw
}
.modalHolder{
  display:none;
  top:0;
  right:0;
  bottom:0;
  left:0;
  position:fixed;
  width:100%;
  z-index:2000
}

.modalHolder.-in{
  display:block
}

.modalHolder__backdrop{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  background-color:rgba(0,0,0,.7);
  z-index:2100;
  opacity:0;
  transition:opacity .18s ease-in-out
}

.modalHolder__backdrop.-fadeIn{
  opacity:1
}

.modalHolder .keep-all{
  word-break:keep-all
}

.modalHolder__inner{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-height:200px
}

.modalHolder__inner.-center{
  align-items:center
}

@media (min-width: 640px){
  .modalHolder__inner{
    align-items:center
  }
}

.modalHolder .modal{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:0;
  justify-content:space-between;
  --bg-opacity:1;
  background-color:#888888;
  background-color:rgba(136, 136, 136, var(--bg-opacity));
  box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  opacity:0;
  width:500px;
  max-width:90%;
  z-index:2200;
  transform:translate(0, 12px);
  transition:opacity .175s ease-in-out,transform .165s ease-in-out
}

.modalHolder .modal.-fadeUp{
  opacity:1;
  transform:translate(0, 0)
}

.modalHolder .modal__bottomButton{
  margin-top:1.25rem;
  opacity:0;
  box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  z-index:2200;
  transform:translate(0, 12px);
  transition:opacity .175s ease-in-out,transform .165s ease-in-out
}

.modalHolder .modal__bottomButton.-fadeUp{
  opacity:1;
  transform:translate(0, 0)
}

.modalHolder .modal__bottomButton:hover,.modalHolder .modal__bottomButton:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

@media (min-width: 640px){
}
.monthlyCalendar{
  font-size:0.875rem
}

.monthlyCalendarWrapper{
  overflow-x:scroll
}

.monthlyCalendar__header,.monthlyCalendar__body{
  display:flex;
  flex-wrap:wrap;
  min-width:35rem
}

.monthlyCalendar__header{
  height:44px;
  margin-top:.75rem
}

.monthlyCalendar__header .label{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  height:100%;
  padding:0 10px
}

.monthlyCalendar__body{
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  border-bottom-width:1px;
  margin-bottom:140px
}

.monthlyCalendar__body .monthlyCalendar__col{
  position:relative;
  height:183px
}

.monthlyCalendar__body .monthlyCalendar__col .events{
  transition:width .6s ease,height .6s ease,top .3s ease,left .3s ease
}

.monthlyCalendar__body .monthlyCalendar__col .events__header{
  display:none;
  text-align:center;
  font-size:1.125rem;
  position:relative;
  padding:0.5rem
}

.monthlyCalendar__body .monthlyCalendar__col .events__header button{
  position:absolute;
  padding:0.75rem;
  top:0;
  right:0;
  line-height:1
}

.monthlyCalendar__body .monthlyCalendar__col .events__header button:hover,.monthlyCalendar__body .monthlyCalendar__col .events__header button:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.monthlyCalendar__body .monthlyCalendar__col .events.-showMore{
  position:absolute;
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  z-index:20;
  box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-bottom:0.5rem;
  width:115%;
  height:auto;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  box-shadow:0px 4px 42px -4px rgba(0,0,0,.5)
}

.monthlyCalendar__body .monthlyCalendar__col .events.-showMore+.event__backdrop{
  display:block
}

.monthlyCalendar__body .monthlyCalendar__col .events.-showMore .events__header{
  display:block
}

.monthlyCalendar__body .monthlyCalendar__col .event__backdrop{
  display:none;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:transparent;
  z-index:10
}

.monthlyCalendar__body .label{
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  width:100%;
  height:38px
}

.monthlyCalendar__body .label .dateBox{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px
}

.monthlyCalendar__body .label.-today .dateBox{
  align-items:center;
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.monthlyCalendar__footer{
  position:absolute;
  width:100%;
  left:0;
  right:0;
  bottom:0;
  height:40px
}

.monthlyCalendar__footer button{
  width:100%;
  text-align:left;
  padding:0 10px
}

.monthlyCalendar__footer button:hover,.monthlyCalendar__footer button:focus{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity));
  outline:2px solid transparent;
  outline-offset:2px
}

.monthlyCalendar__col{
  display:flex;
  flex-direction:column;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  border-left-width:1px;
  border-top-width:1px;
  width:14.2857142857%
}

.monthlyCalendar__col:nth-child(7n){
  border-right-width:1px
}

.monthlyCalendar__event{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  margin-bottom:0.25rem;
  line-height:1;
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity));
  height:22px;
  padding:0 10px
}

.monthlyCalendar__eventWrapper{
  position:relative
}

.monthlyCalendar__eventSquare{
  display:inline-block;
  --bg-opacity:1;
  background-color:#aaaaaa;
  background-color:rgba(170, 170, 170, var(--bg-opacity));
  flex-shrink:0;
  width:14px;
  height:14px
}

.monthlyCalendar__eventPopover .monthlyCalendar__eventSquare{
  width:16px;
  height:16px
}

.monthlyCalendar__eventText{
  margin-left:0.25rem
}

.monthlyCalendar__eventText.-prefix{
  margin-left:0;
  word-break:keep-all
}

.monthlyCalendar__eventText.-title{
  overflow-x:hidden;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.monthlyCalendar__eventPopover .monthlyCalendar__eventText{
  font-size:1.125rem;
  --text-opacity:1;
  color:#111111;
  color:rgba(17, 17, 17, var(--text-opacity));
  font-weight:600
}

.monthlyCalendar__event:hover{
  --text-opacity:1;
  color:#111111;
  color:rgba(17, 17, 17, var(--text-opacity));
  background-color:#efefef
}

.monthlyCalendar__event:hover .monthlyCalendar__eventSquare{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity))
}

.monthlyCalendar__eventPopover .monthlyCalendar__event:hover .monthlyCalendar__eventSquare{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity))
}

.monthlyCalendar__event:focus,.monthlyCalendar__event:active{
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity));
  outline:2px solid transparent;
  outline-offset:2px;
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity))
}

.monthlyCalendar__event:focus .monthlyCalendar__eventSquare,.monthlyCalendar__event:active .monthlyCalendar__eventSquare{
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity))
}

.monthlyCalendar__eventPopover .monthlyCalendar__event:focus .monthlyCalendar__eventSquare,.monthlyCalendar__eventPopover .monthlyCalendar__event:active .monthlyCalendar__eventSquare{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity))
}

.monthlyCalendar__event:focus .monthlyCalendar__eventText,.monthlyCalendar__event:active .monthlyCalendar__eventText{
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.monthlyCalendar__eventPopover{
  position:absolute;
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:2rem;
  padding-bottom:2rem;
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  z-index:50;
  display:none;
  top:0;
  box-shadow:0px 4px 42px -4px rgba(0,0,0,.5);
  width:320px;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%)
}

@media (min-width: 768px){
  .monthlyCalendar__eventPopover{
    width:400px;
    top:0;
    left:auto;
    transform:none
  }
}

.monthlyCalendar__eventPopover .monthlyCalendar__event{
  justify-content:space-between;
  padding:0
}

.monthlyCalendar__eventPopover .monthlyCalendar__event:hover{
  background:none !important
}

.monthlyCalendar__eventPopover+.event__backdrop{
  display:none;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:transparent;
  z-index:10
}

@media (min-width: 768px){
  .monthlyCalendar__eventPopover.-left{
    top:0;
    left:0;
    transform:translateX(-102%) translateY(0)
  }

  .monthlyCalendar__eventPopover.-right{
    top:0;
    left:105%;
    transform:none
  }
}

.monthlyCalendar__eventPopover.-left,.monthlyCalendar__eventPopover.-right{
  display:block
}

.monthlyCalendar__eventPopover.-left+.event__backdrop,.monthlyCalendar__eventPopover.-right+.event__backdrop{
  display:block
}
.bookFilter{
  display:flex;
  width:100%;
  justify-content:space-between;
  align-items:center;
  margin-bottom:0.5rem;
  margin-top:63px;
  font-size:14px
}

.bookFilter__left{
  display:flex;
  flex-shrink:0;
  align-items:center;
  white-space:nowrap
}

.bookFilter__right{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end
}

.bookFilter__right .checkbox{
  margin-bottom:0
}

.bookFilter__right .checkbox+.checkbox{
  margin-left:1.25rem
}

.bookFilter.mobile{
  flex-direction:column
}

.bookFilter.mobile .bookFilter__left{
  width:100%;
  display:flex;
  flex-shrink:0;
  justify-content:flex-start;
  align-items:center
}

.bookFilter.mobile .bookFilter__right{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  grid-row-gap:0.5rem;
  grid-row-gap:0.5rem;
  row-gap:0.5rem
}

.legend{
  line-height:1;
  display:flex;
  align-items:center
}

.legend+.legend{
  margin-left:1.25rem
}
.terms ul{
  list-style-type:disc;
  list-style-position:outside;
  padding-left:1.25rem;
  --text-opacity:1;
  color:#333333;
  color:rgba(51, 51, 51, var(--text-opacity));
  font-size:14px;
  font-weight:400
}

.terms ul li+li{
  margin-top:10px
}

.terms ul li ul{
  list-style-type:none;
  padding-left:2.5rem;
  margin-top:10px
}

.terms ul li ul li strong{
  display:inline-block;
  width:2.5rem;
  width:140px
}
.policies__container__content__section h2{
  margin-top:0.5rem;
  font-weight:700;
  font-size:1rem
}

.policies__container__content__section__title{
  font-weight:700;
  font-size:1rem
}

.policies__container__content__section__list h3{
  margin-top:0.75rem;
  margin-bottom:0.25rem;
  font-weight:700
}

.policies__container__content__section__list .list-title{
  list-style-type:none
}

.policies__container__content__section__list .list-title>h3{
  font-weight:700;
  font-size:1rem
}

.policies__container__content__section__list .list-title>ul{
  padding-left:1.25rem;
  font-weight:400;
  font-size:0.875rem;
  line-height:1.5rem
}

.policies__container__content__section__list .list-title>ul>li{
  list-style-type:disc
}

.policies__container__content__section:not(:first-child){
  margin-top:1.25rem
}

.policies__container__content-border{
  border-width:1px;
  border-style:solid;
  padding:2.5rem;
  border-color:#d7d7d7
}
.bookPreview__table{
  width:100%;
  margin-top:4rem;
  border-top-width:1px;
  font-size:0.875rem;
  table-layout:fixed;
  border-top:1px solid #d0d0d0
}

.bookPreview__header{
  border-top-width:2px
}

.bookPreview__header .bookPreview__col{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.bookPreview__header .space,.bookPreview__header .date,.bookPreview__header .time{
  text-align:left
}

.bookPreview tbody .bookPreview__row:nth-child(1){
  border-top:1px solid #ddd
}

.bookPreview tbody .bookPreview__row.total{
  border-bottom:1px solid #d0d0d0
}

.bookPreview tbody .bookPreview__row.total.with-no-border{
  border-bottom:none
}

.bookPreview tbody .bookPreview__row.total .bookPreview__col{
  font-weight:700;
  font-size:1rem
}

.bookPreview tbody .bookPreview__row._item td{
  padding-top:0
}

.bookPreview tbody .bookPreview__row._item:first-of-type td{
  padding-top:1.25rem;
  padding-bottom:1.25rem
}

.bookPreview tbody .bookPreview__description{
  font-weight:400;
  font-size:12px;
  color:#666;
  border:1px solid #aaa
}

.bookPreview__col{
  line-height:1;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
  white-space:nowrap
}

.bookPreview__col.space{
  width:200px
}

.bookPreview__col.date{
  width:200px
}

.bookPreview__col.time{
  width:200px
}

.bookPreview__col.num,.bookPreview__col.status{
  text-align:center;
  width:80px
}

.bookPreview__col.status{
  font-weight:700
}

.bookPreview__col.price{
  text-align:center;
  white-space:nowrap;
  width:100px
}

.bookPreview__col.remove{
  text-align:center;
  width:60px
}
.bookInformationForm{
  margin-bottom:140px
}

.bookInformationForm__formBox{
  display:flex;
  align-items:flex-start;
  width:100%;
  flex-wrap:wrap
}

.bookInformationForm__formBox .formBox__label{
  width:100%;
  font-weight:700;
  margin-top:0.75rem;
  margin-bottom:0.5rem
}

@media (min-width: 768px){
  .bookInformationForm__formBox .formBox__label{
    width:16.666667%;
    margin-bottom:0
  }
}

.bookInformationForm__formBox .formBox__label span{
  font-size:12px;
  color:#aaa
}

.bookInformationForm__formBox .formBox__content{
  width:100%
}

@media (min-width: 768px){
  .bookInformationForm__formBox .formBox__content{
    width:83.333333%
  }

  .bookInformationForm__formBox .formBox__content.md-3\/6{
    width:50%
  }

  .bookInformationForm__formBox .formBox__content.md-4\/6{
    width:75%
  }
}

.bookInformationForm__formBox .formBox__content .buttonCheckbox{
  margin:0px 10px 10px 0px;
  border-color:#d0d0d0 !important
}

.bookInformationForm__formBox .formBox__content .buttonCheckbox__label{
  padding:10px 12px
}

@media (min-width: 768px){
  .bookInformationForm__formBox .formBox__content .buttonCheckbox__label{
    padding:9px 10px
  }
}

.bookInformationForm__formBox .formBox__content .textArea{
  margin-bottom:10px
}

.bookInformationForm__formBox .formBox__content .textArea textarea{
  border:1px solid #d0d0d0 !important
}

.bookInformationForm__formBox .formBox__content .inputBase input{
  border:1px solid #d0d0d0
}

.bookInformationForm__formBox .formBox__contentDiscountBox{
  width:100%;
  background-color:#fff;
  margin-bottom:24px
}

.bookInformationForm__formBox .formBox__contentDiscountBox h2{
  font-weight:700;
  color:#111;
  font-size:16px
}

@media (min-width: 768px){
  .bookInformationForm__formBox .formBox__contentDiscountBox h2{
    font-size:16px
  }
}

.bookInformationForm__formBox .formBox__contentDiscountBoxItem{
  border:1px solid #d0d0d0;
  padding:20px;
  margin-top:20px;
  position:relative;
  width:100%;
  min-height:165px
}

.bookInformationForm__formBox .formBox__contentDiscountBoxItem .helpPopoverWrapper{
  position:absolute;
  right:20px
}

@media (min-width: 768px){
  .bookInformationForm__formBox .formBox__contentDiscountBoxItem{
    min-height:173px;
    width:calc(50% - 11px)
  }

  .bookInformationForm__formBox .formBox__contentDiscountBoxItem:nth-child(1){
    margin-right:11px
  }

  .bookInformationForm__formBox .formBox__contentDiscountBoxItem:nth-child(2){
    margin-left:11px
  }

  .bookInformationForm__formBox .formBox__contentDiscountBoxItem:nth-child(3){
    margin-right:11px;
    margin-left:11px
  }

  .bookInformationForm__formBox .formBox__contentDiscountBoxItem:nth-child(4){
    margin-right:11px
  }

  .bookInformationForm__formBox .formBox__contentDiscountBoxItem:nth-child(5){
    margin-right:11px;
    margin-left:11px
  }

  .bookInformationForm__formBox .formBox__contentDiscountBoxItem:nth-child(6){
    margin-left:11px
  }

  .bookInformationForm__formBox .formBox__contentDiscountBoxItem:nth-child(7){
    margin-right:11px
  }

  .bookInformationForm__formBox .formBox__contentDiscountBoxItem:nth-child(8){
    margin-left:11px
  }

  .bookInformationForm__formBox .formBox__contentDiscountBoxItem:nth-child(9){
    margin-right:11px;
    margin-left:11px
  }

  .bookInformationForm__formBox .formBox__contentDiscountBoxItem:nth-child(10){
    margin-right:11px
  }
}

.bookInformationForm__formBox .formBox__contentDiscountBoxItemSubtitle{
  font-weight:700;
  line-height:1;
  font-weight:700;
  font-size:28px;
  line-height:42px;
  background-repeat:no-repeat;
  background-position:0 8px;
  background-size:auto;
  padding-top:57px;
  color:#111
}

@media (min-width: 768px){
  .bookInformationForm__formBox .formBox__contentDiscountBoxItemSubtitle{
    font-size:28px;
    padding-top:80px
  }
}

.bookInformationForm__formBox .formBox__contentDiscountBoxItemSubtitle span.badge{
  background-color:#ffd7b5;
  font-size:10px;
  padding:8px 10px 8px 10px;
  border-radius:20px;
  vertical-align:middle;
  margin-left:10px;
  display:inline-block;
  line-height:1em
}

@media (min-width: 768px){
  .bookInformationForm__formBox .formBox__contentDiscountBoxItemSubtitle span.badge{
    line-height:1.4em;
    font-size:14px
  }
}

.bookInformationForm__formBox .formBox__contentDiscountBoxItemSubtitle.icon1{
  background-image:url("/images/book/bg-book-create-discount-icon1.svg")
}

.bookInformationForm__formBox .formBox__contentDiscountBoxItemSubtitle.icon2{
  background-image:url("/images/book/bg-book-create-discount-icon2.svg");
  background-position:top 20px left 0px
}

@media (min-width: 768px){
  .bookInformationForm__formBox .formBox__contentDiscountBoxItemSubtitle{
    margin-top:0rem;
    font-size:28px
  }
}

.bookInformationForm__formBox .formBox__contentDiscountConsidered{
  font-size:14px;
  color:#333;
  display:flex;
  flex-direction:row-reverse;
  place-content:space-between
}

.bookInformationForm__formBox .formBox__contentDiscountConsidered .checkbox__label{
  padding-left:0px
}

@media (min-width: 768px){
}

.bookInformationForm__formBox .-mb50{
  margin-bottom:44px
}

.bookInformationForm__formBox .inputFile .-error,.bookInformationForm__formBox .errorBlock{
  color:red;
  font-size:12px
}

.bookInformationForm__formBox .desktop-break{
  display:none
}

@media (min-width: 768px){
  .bookInformationForm__formBox .desktop-break{
    display:inline-block
  }
}
.bookResponsibilityForm__formBox{
  display:flex;
  align-items:flex-start;
  width:100%;
  flex-wrap:wrap
}

.bookResponsibilityForm__formBox .formBox__label{
  width:100%;
  font-weight:700;
  margin-top:0.75rem;
  margin-bottom:0.5rem
}

@media (min-width: 768px){
  .bookResponsibilityForm__formBox .formBox__label{
    width:16.666667%;
    margin-bottom:0
  }
}

.bookResponsibilityForm__formBox .formBox__label span{
  font-size:12px;
  color:#aaa
}

.bookResponsibilityForm__formBox .formBox__content{
  width:100%
}

@media (min-width: 768px){
  .bookResponsibilityForm__formBox .formBox__content{
    width:83.333333%
  }

  .bookResponsibilityForm__formBox .formBox__content.md-3\/6{
    width:50%
  }
}

.bookResponsibilityForm__formBox .formBox__content .buttonCheckbox{
  margin:0px 10px 10px 0px
}

.bookResponsibilityForm__formBox .formBox__content .textArea{
  margin-bottom:10px
}

.bookResponsibilityForm__formBox .formBox__contentDiscountBox{
  width:100%;
  background-color:#fff;
  margin-bottom:24px
}

.bookResponsibilityForm__formBox .formBox__contentDiscountBox h2{
  font-weight:700;
  font-size:16px;
  color:#111
}

.bookResponsibilityForm__formBox .formBox__contentDiscountBoxItem{
  border:1px solid #d0d0d0;
  padding:20px;
  margin-top:20px;
  position:relative
}

.bookResponsibilityForm__formBox .formBox__contentDiscountBoxItem .helpPopoverWrapper{
  position:absolute;
  right:20px
}

@media (min-width: 768px){
  .bookResponsibilityForm__formBox .formBox__contentDiscountBoxItem{
    width:calc(50% - 11px)
  }

  .bookResponsibilityForm__formBox .formBox__contentDiscountBoxItem:nth-child(1){
    margin-right:11px
  }

  .bookResponsibilityForm__formBox .formBox__contentDiscountBoxItem:nth-child(2){
    margin-left:11px
  }

  .bookResponsibilityForm__formBox .formBox__contentDiscountBoxItem:nth-child(3){
    margin-right:11px;
    margin-left:11px
  }

  .bookResponsibilityForm__formBox .formBox__contentDiscountBoxItem:nth-child(4){
    margin-right:11px
  }

  .bookResponsibilityForm__formBox .formBox__contentDiscountBoxItem:nth-child(5){
    margin-right:11px;
    margin-left:11px
  }

  .bookResponsibilityForm__formBox .formBox__contentDiscountBoxItem:nth-child(6){
    margin-left:11px
  }

  .bookResponsibilityForm__formBox .formBox__contentDiscountBoxItem:nth-child(7){
    margin-right:11px
  }

  .bookResponsibilityForm__formBox .formBox__contentDiscountBoxItem:nth-child(8){
    margin-left:11px
  }

  .bookResponsibilityForm__formBox .formBox__contentDiscountBoxItem:nth-child(9){
    margin-right:11px;
    margin-left:11px
  }

  .bookResponsibilityForm__formBox .formBox__contentDiscountBoxItem:nth-child(10){
    margin-right:11px
  }
}

.bookResponsibilityForm__formBox .formBox__contentDiscountBoxItemSubtitle{
  font-weight:700;
  line-height:1;
  font-size:18px;
  line-height:42px;
  background-repeat:no-repeat;
  background-position:0 8px;
  background-size:auto;
  padding-top:50px;
  color:#111
}

@media (min-width: 768px){
  .bookResponsibilityForm__formBox .formBox__contentDiscountBoxItemSubtitle{
    font-size:28px;
    padding-top:80px;
    width:128px
  }
}

.bookResponsibilityForm__formBox .formBox__contentDiscountBoxItemSubtitle span.badge{
  background-color:#ffd7b5;
  font-size:10px;
  padding:8px 10px 8px 10px;
  border-radius:20px;
  vertical-align:middle;
  margin-left:10px;
  display:inline-block;
  line-height:1em
}

@media (min-width: 768px){
  .bookResponsibilityForm__formBox .formBox__contentDiscountBoxItemSubtitle span.badge{
    line-height:1.4em;
    font-size:14px
  }
}

.bookResponsibilityForm__formBox .formBox__contentDiscountBoxItemSubtitle.icon1{
  background-image:url("/images/book/bg-book-create-discount-icon1.svg")
}

.bookResponsibilityForm__formBox .formBox__contentDiscountBoxItemSubtitle.icon2{
  background-image:url("/images/book/bg-book-create-discount-icon2.svg");
  background-position:top 20px left 0px
}

@media (min-width: 768px){
  .bookResponsibilityForm__formBox .formBox__contentDiscountBoxItemSubtitle{
    margin-top:0rem;
    font-size:28px
  }
}

.bookResponsibilityForm__formBox .formBox__contentDiscountConsidered{
  font-size:14px;
  color:#333;
  margin-bottom:148px
}

.bookResponsibilityForm__formBox .-mb50{
  margin-bottom:44px
}

.bookResponsibilityForm__formBox .inputFile .-error,.bookResponsibilityForm__formBox .errorBlock{
  color:red;
  font-size:12px
}
.paymentInfo .sectionCollapse__body.-open{
  padding-top:1.25rem
}

.paymentInfo .sectionCollapse__body+.sectionCollapse__body{
  padding-top:0
}

.paymentInfo .sectionCollapse__body .paymentHeader{
  font-weight:700;
  font-size:1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  margin-top:0.5rem;
  border-top:1px solid #111
}

.paymentInfo .sectionCollapse__body .responseBox{
  display:flex;
  flex-wrap:wrap;
  font-size:0.875rem;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd
}

.paymentInfo .sectionCollapse__body .responseBox__item{
  width:100%;
  padding:0.75rem
}

.paymentInfo .sectionCollapse__body .responseBox__itemRow{
  display:flex;
  justify-content:space-between;
  line-height:1
}

.paymentInfo .sectionCollapse__body .responseBox__itemRow .label{
  font-weight:700;
  font-size:0.875rem
}

.paymentInfo .sectionCollapse__body .responseBox__itemRow .value{
  font-weight:700;
  font-size:0.875rem
}

.paymentInfo .sectionCollapse__body .responseBox__itemRow.text-xs .label{
  font-weight:400;
  font-size:0.75rem
}

.paymentInfo .sectionCollapse__body .responseBox__itemRow.text-xs .value{
  font-weight:400;
  font-size:0.75rem
}

.paymentInfo .sectionCollapse__body .responseBox__itemRow+.responseBox__itemRow{
  margin-top:0.75rem
}

.paymentInfo .sectionCollapse__body .responseBox__item.cancel{
  border-top-width:1px;
  border-left-width:0;
  background-color:#fff6f6;
  border-top-color:#ddd
}

.paymentInfo .sectionCollapse__body .responseBox__item.total{
  background-color:#f7f7f7
}

.paymentInfo .sectionCollapse__body .responseBox__item.rightBorderBox{
  border-right-width:1px;
  border-right-color:#ddd
}

.paymentInfo .sectionCollapse__body .responseBox__item.topBorderBox{
  border-top-width:1px;
  border-top-color:#ddd
}

@media (min-width: 768px){
  .paymentInfo .sectionCollapse__body .responseBox__item{
    width:25%
  }
}
.listViewFiltered__header{
  margin-bottom: 0.75rem
}

.listViewFiltered__footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  line-height: 1
}

.listViewFiltered__button{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem
}

.listViewFiltered__button:disabled{
  opacity: 0.25;
  cursor: not-allowed
}

@media (min-width: 768px){
  .listViewFiltered__header{
    display: flex;
    justify-content: flex-end
  }
}
.cardBook{
  border-top-width:1px;
  border-color:#ddd
}

.cardBook+.cardBook{
  border-top-width:0
}

.cardBook__header{
  display:flex;
  align-items:center;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  line-height:1;
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity));
  font-size:13px
}

.cardBook__headerDate{
  margin-right:1.5rem
}

.cardBook__headerDate strong{
  margin-right:0.25rem
}

.cardBook__headerCode{
  font-weight:600
}

.cardBook__headerCode .code{
  text-decoration:underline;
  margin-left:0.25rem;
  margin-right:1rem
}

.cardBook__headerCode img{
  width:8px
}

.cardBook__body{
  display:flex;
  align-items:center;
  padding-top:1.5rem;
  padding-bottom:1.25rem;
  border-bottom-width:1px;
  border-color:#ddd
}

.cardBook__bodyLeft{
  font-size:0.875rem;
  line-height:1;
  width:100%
}

.cardBook__bodyLeft__1 .cardBook__bodyTitle{
  font-weight:700
}

.cardBook__bodyLeft__1 .cardBook__bodyDate,.cardBook__bodyLeft__1 .cardBook__bodySpace{
  display:inline-block;
  font-size:0.75rem;
  --text-opacity:1;
  color:#888888;
  color:rgba(136, 136, 136, var(--text-opacity));
  margin-top:0.5rem
}

.cardBook__bodyLeft__2{
  display:flex;
  margin-top:2rem
}

.cardBook__bodyLeft__2 .cardBook__bodyPrice{
  padding-right:0.5rem;
  margin-right:0.5rem;
  border-right-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.cardBook__bodyLeft__2 .cardBook__bodyStatus{
  font-weight:600
}

.cardBook__bodyRight{
  flex-shrink:0;
  display:flex;
  height:100%;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  height:100px
}

.cardBook__bodyRight .cardBook__button{
  margin-bottom:0.25rem;
  font-size:0.75rem;
  padding-left:0.5rem;
  padding-right:0.5rem
}

@media (min-width: 768px){
  .cardBook__header{
    font-size:0.875rem;
    padding-left:0.75rem;
    padding-right:0.75rem
  }

  .cardBook__body{
    font-size:1rem;
    padding-left:0.75rem;
    padding-right:0.75rem
  }

  .cardBook__bodyLeft{
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:1rem
  }

  .cardBook__bodyLeft__1 .cardBook__bodyDate,.cardBook__bodyLeft__1 .cardBook__bodySpace{
    font-size:0.875rem;
    margin-top:0.5rem
  }

  .cardBook__bodyLeft__2{
    display:flex;
    margin-top:0
  }

  .cardBook__bodyLeft__2 .cardBook__bodyPrice{
    padding-right:0;
    margin-right:6rem;
    border-width:0
  }

  .cardBook__bodyLeft__2 .cardBook__bodyStatus{
    font-weight:600
  }

  .cardBook__bodyRight{
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    margin-left:6rem;
    height:auto
  }

  .cardBook__bodyRight .cardBook__button{
    margin-bottom:0;
    margin-left:0.5rem;
    font-size:0.75rem;
    padding-left:0.5rem;
    padding-right:0.5rem
  }
}
.collapseTable{
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.collapseTable__table{
  width:100%;
  border-top-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  font-size:0.875rem;
  table-layout:fixed
}

.collapseTable__header .collapseTable__col{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.collapseTable__header .space,.collapseTable__header .date,.collapseTable__header .time{
  text-align:left
}

.collapseTable tbody .collapseTable__row{
  border-top-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity));
  cursor:pointer
}

.collapseTable tbody .collapseTable__row.total{
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity))
}

.collapseTable tbody .collapseTable__row.total .collapseTable__col{
  font-weight:700;
  font-size:1rem
}

.collapseTable tbody .collapseTable__row.-open{
  border-top-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity))
}

.collapseTable tbody .collapseTable__rowCollapse td{
  overflow:hidden;
  padding:0;
  max-height:0;
  font-size:0;
  transition:max-height .2s ease-in-out,opacity .2s ease-in-out
}

.collapseTable tbody .collapseTable__rowCollapse td .flex{
  overflow:hidden;
  padding:0;
  max-height:0
}

.collapseTable tbody .collapseTable__rowCollapse td img{
  display:block;
  max-height:0;
  opacity:0;
  transition:max-height .2s ease-in-out,opacity .2s ease-in-out
}

.collapseTable tbody .collapseTable__rowCollapse td div{
  padding:0 !important
}

.collapseTable tbody .collapseTable__rowCollapse.-open{
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity))
}

.collapseTable tbody .collapseTable__rowCollapse.-open td{
  font-size:1rem;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  border-top-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity));
  max-height:1000px
}

@media (min-width: 768px){
  .collapseTable tbody .collapseTable__rowCollapse.-open td{
    padding-left:0;
    padding-right:0
  }
}

.collapseTable tbody .collapseTable__rowCollapse.-open td.content{
  font-size:0.875rem
}

.collapseTable tbody .collapseTable__rowCollapse.-open td .flex{
  max-height:1000px
}

.collapseTable tbody .collapseTable__rowCollapse.-open td img{
  margin-bottom:16px;
  max-height:100vh;
  opacity:1
}

.collapseTable tbody .collapseTable__rowCollapse.-open td div{
  padding:.5rem !important
}

.collapseTable__col{
  line-height:1;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  padding-left:0.75rem;
  padding-right:0.75rem
}

.collapseTable__col.title{
  font-weight:600;
  width:80%
}

.collapseTable__col.content{
  font-size:0.875rem;
  width:80%
}

.collapseTable__col.id{
  text-align:center;
  width:50px
}

@media (min-width: 768px){
  .collapseTable__col.id{
    width:80px
  }
}

.collapseTable__col.createdAt,.collapseTable__col.answeredAt,.collapseTable__col.status{
  text-align:center;
  width:75px
}

@media (min-width: 768px){
  .collapseTable__col.createdAt,.collapseTable__col.answeredAt,.collapseTable__col.status{
    width:100px
  }
}

.collapseTable__col.remove{
  text-align:center;
  width:60px
}
.bookPreviewMobile{
  border-top-width:4px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity))
}

.bookPreviewMobileWrapper{
  position:fixed;
  width:100%;
  left:0;
  right:0;
  bottom:0;
  z-index:10;
  transform:translateY(100%) translateY(-90px);
  transition:transform .175s ease-in-out;
  max-height:calc(100vh - 200px)
}

@media (min-width: 768px){
  .bookPreviewMobileWrapper{
    display:none
  }
}

.bookPreviewMobileWrapper.-active{
  transform:translateY(0)
}

.bookPreviewMobile__button{
  position:absolute;
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  border-top-left-radius:0.375rem;
  border-top-right-radius:0.375rem;
  width:120px;
  height:30px;
  top:-30px;
  left:calc(50% - 60px)
}

.bookPreviewMobile__button:focus,.bookPreviewMobile__button:active{
  outline:none
}

.bookPreviewMobile.-step-1{
  border-style:none;
  box-shadow:0 19px 38px 0 rgba(0,0,0,.3),0 15px 12px 0 rgba(0,0,0,.22)
}

.bookPreviewMobile__body{
  padding-left:1.25rem;
  padding-right:1.25rem;
  height:100%;
  overflow-y:auto;
  padding-top:28px;
  padding-bottom:130px
}

.bookPreviewMobile__body .bookItem{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  padding-bottom:1.25rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.bookPreviewMobile__body .bookItem:first-of-type{
  border-top-width:1px;
  padding-top:1.25rem;
  padding-bottom:1.25rem
}

.bookPreviewMobile__body .bookItem__header{
  display:flex;
  align-items:center;
  width:100%;
  font-size:0.875rem;
  font-weight:700
}

@media (min-width: 768px){
  .bookPreviewMobile__body .bookItem__header{
    font-size:1rem
  }
}

.bookPreviewMobile__body .bookItem__info{
  display:flex;
  height:1.5rem;
  width:100%;
  align-items:flex-end;
  justify-content:space-between
}

.bookPreviewMobile__body .bookItem__left{
  font-size:0.75rem;
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity));
  line-height:24px
}

.bookPreviewMobile__body .bookItem__left span+span{
  margin-left:1.25rem
}

.bookPreviewMobile__body .bookItem__right{
  display:flex;
  align-items:center;
  line-height:1;
  font-size:0.75rem
}

.bookPreviewMobile__body .bookItem__right span+span{
  margin-left:0.5rem;
  padding-left:0.5rem;
  border-left-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.bookPreviewMobile__result{
  position:fixed;
  display:flex;
  width:100%;
  left:0;
  right:0;
  bottom:0;
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-top:1rem;
  padding-bottom:1rem;
  border-top-width:1px;
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  z-index:50
}

.bookPreviewMobile__result.-step-1{
  border-style:none
}

.bookPreviewMobile__result .w-1\/2:last-child{
  padding-left:0.75rem
}

@media (min-width: 768px){
  .bookPreviewMobile__result{
    display:none
  }
}
.tableFilter{
  width:100%;
  border-top-width:2px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  font-size:0.875rem;
  line-height:1
}

.tableFilter__head{
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.tableFilter__head tr th{
  position:relative;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  line-height:1
}

.tableFilter__head .buttonSortable{
  padding-left:0.25rem;
  padding-right:0.25rem;
  height:18px
}

.tableFilter__head .buttonSortable img{
  width:10px
}

.tableFilter__dropDown{
  position:absolute;
  overflow:hidden;
  text-align:left;
  z-index:10;
  top:-1px;
  left:49%;
  transform:translateX(-50%);
  max-height:0;
  background-color:#fafafa;
  border-radius:2px;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.24),0 0 2px 0 rgba(0,0,0,.12)
}

.tableFilter__dropDown .buttonSortable{
  display:block;
  width:100%;
  height:auto;
  padding:1rem;
  margin-bottom:1.25rem;
  font-weight:700
}

.tableFilter__dropDown .buttonSortable img{
  margin-left:0.25rem;
  margin-bottom:2px
}

.tableFilter__dropDown.-open{
  padding-bottom:0.5rem;
  max-height:1000px
}

.tableFilter__dropDown ul li button{
  display:block;
  width:100%;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:1.25rem;
  padding-right:1.25rem;
  white-space:nowrap;
  text-align:left
}

.tableFilter__dropDown ul li button:hover,.tableFilter__dropDown ul li button.active{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.tableFilter__body tr{
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.tableFilter__body tr:hover{
  --bg-opacity:1;
  background-color:#f9f9f5;
  background-color:rgba(249, 249, 245, var(--bg-opacity))
}

.tableFilter__body tr td{
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  padding-left:0.5rem;
  padding-right:0.5rem
}

.tableFilter__body tr td p+p{
  margin-top:0.5rem
}