body{font-family: initial;}
img{opacity:0}
img[src]{opacity:1}
:root{--theme: 9, 65, 122;--active: 9, 65, 122}
@keyframes ani-fade-up{to{transform:translateY(0);opacity:1}
}
[data-anim=fade-up].ani-ready{transform:translateY(50%);opacity:0;&.ani-played{animation:ani-fade-up .8s ease-in-out forwards}
}
@keyframes ani-fade-down{to{transform:translateY(0);opacity:1}
}
[data-anim=fade-down].ani-ready{transform:translateY(-50%);opacity:0;&.ani-played{animation:ani-fade-down .8s ease-in-out forwards}
}
@keyframes ani-fade-left{to{transform:translate(0);opacity:1}
}
[data-anim=fade-left].ani-ready{transform:translate(50%);opacity:0;&.ani-played{animation:ani-fade-left .6s ease-in-out forwards}
}
@keyframes ani-fade-right{to{transform:translate(0);opacity:1}
}
[data-anim=fade-right].ani-ready{transform:translate(-50%);opacity:0;&.ani-played{animation:ani-fade-right 1s ease-in-out forwards}
}
@keyframes ani-blur-in{to{filter:blur(0);opacity:1}
}
[data-anim=blur-in].ani-ready{filter:blur(20px);opacity:0;&.ani-played{animation:ani-blur-in .6s ease-out forwards}
}
@keyframes ani-white-in{to{filter:brightness(1);opacity:1}
}
[data-anim=white-in].ani-ready{filter:brightness(3);opacity:0;&.ani-played{animation:ani-white-in .8s linear forwards}
}
@keyframes ani-black-in{to{filter:brightness(1);opacity:1}
}
[data-anim=black-in].ani-ready{filter:brightness(0);opacity:0;&.ani-played{animation:ani-black-in .8s linear forwards}
}
@keyframes ani-gray-in{to{filter:grayscale(0);opacity:1}
}
[data-anim=gray-in].ani-ready{filter:grayscale(1);opacity:0;&.ani-played{animation:ani-gray-in .8s linear forwards}
}
@keyframes ani-bounce-in{40%{transform:scale(1.02);opacity:1}
70%{transform:scale(.98)}
to{transform:scale(1);opacity:1}
}
[data-anim=bounce-in].ani-ready{transform:scale(.9);opacity:0;&.ani-played{animation:ani-bounce-in .8s cubic-bezier(.2,.9,.3,1.1) forwards}
}
@keyframes ani-zoom-in{to{transform:scale(1);opacity:1}
}
[data-anim=zoom-in].ani-ready{transform:scale(.1);opacity:0;&.ani-played{animation:ani-zoom-in .4s linear forwards}
}
@keyframes ani-slide-up{0%{transform:translateY(100%)}
60%{transform:translateY(-8%)}
80%{transform:translateY(4%)}
to{transform:translateY(0)}
}
[data-anim=slide-up].ani-ready{transform:translateY(100%);&.ani-played{animation:ani-slide-up 1s cubic-bezier(.25,1.2,.8,1) forwards}
}


  /* display */
  .flex {display: flex;}
  .block {display: block;}
  .inline {display: inline;}
  .inline-block {display: inline-block;}
  .inline-flex {display: inline-flex;}
  .hidden {display: none;}

  /* overflow */
  .overflow-auto {overflow: auto;}
  .overflow-hidden {overflow: hidden;}
  .overflow-visible {overflow: visible;}
  .overflow-x-auto {overflow-x: auto;}
  .overflow-y-auto {overflow-y: auto;}
  .overflow-x-hidden {overflow-x: hidden;}
  .overflow-y-hidden {overflow-y: hidden;}
  .overflow-x-visible {overflow-x: visible;}
  .overflow-y-visible {overflow-y: visible;}

  /* position */
  .static {position: static;}
  .fixed {position: fixed;}
  .absolute {position: absolute;}
  .relative {position: relative;}
  .sticky {position: sticky;}

  /* top right bottom left */
  .inset-0 {inset: 0px;}
  .inset-x-0 {left: 0px;right: 0px;}
  .inset-y-0 {top: 0px;bottom: 0px;}
  .top-0 {top: 0px;}
  .right-0 {right: 0px;}
  .bottom-0 {bottom: 0px;}
  .left-0 {left: 0px;}
  .top-auto {top: auto;}
  .right-auto {right: auto;}
  .bottom-auto {bottom: auto;}
  .left-auto {left: auto;}
  .top-full {top: 100%;}
  .right-full {right: 100%;}
  .bottom-full {bottom: 100%;}
  .left-full {left: 100%;}

  /* z-index */
  .z-0 {z-index: 0;}
  .z-10 {z-index: 10;}
  .z-20 {z-index: 20;}
  .z-30 {z-index: 30;}
  .z-40 {z-index: 40;}
  .z-50 {z-index: 50;}
  .z-auto {z-index: auto;}

  /* flex */
  .flex-1 {flex: 1 1 0%;}
  .flex-auto {flex: 1 1 auto;}
  .flex-initial {flex: 0 1 auto;}
  .flex-none {flex: none;}
  .items-start {align-items: flex-start;}
  .items-end {align-items: flex-end;}
  .items-center {align-items: center;}
  .items-baseline {align-items: baseline;}
  .items-stretch {align-items: stretch;}
  .justify-normal {justify-content: normal;}
  .justify-start {justify-content: flex-start;}
  .justify-end {justify-content: flex-end;}
  .justify-center {justify-content: center;}
  .justify-between {justify-content: space-between;}
  .justify-around {justify-content: space-around;}
  .justify-evenly {justify-content: space-evenly;}
  .justify-stretch {justify-content: stretch;}
  .flex-row	{flex-direction: row;}
  .flex-row-reverse	{flex-direction: row-reverse;}
  .flex-col	{flex-direction: column;}
  .flex-col-reverse	{flex-direction: column-reverse;}

  /* padding */
  .p-0 {padding: 0px;}
  .px-0 {padding-left: 0px;padding-right: 0px;}
  .py-0 {padding-top: 0px;padding-bottom: 0px;}

  /* margin */
  .m-0{margin: 0px;}
  .mx-0	{margin-left: 0px;margin-right: 0px;}
  .my-0	{margin-top: 0px;margin-bottom: 0px;}
  .ms-0	{margin-inline-start: 0px;}
  .me-0	{margin-inline-end: 0px;}
  .mt-0	{margin-top: 0px;}
  .mr-0	{margin-right: 0px;}
  .mb-0	{margin-bottom: 0px;}
  .ml-0	{margin-left: 0px;}
  .m-auto {margin: auto;}
  .mx-auto {margin-left: auto;margin-right: auto;}
  .my-auto {margin-top: auto;margin-bottom: auto;}

  /* width */
  .w-full {width: 100%;}
  .w-auto {width: auto;}

  /* height */
  .h-full {height: 100%;}
  .h-auto {height: auto;}

  /* max-width */
  .max-w-full {max-width: 100%;}
  .max-w-none {max-width: none;}

  /* font */
  .font-bold{font-weight: 700;}

  /* text */
  .text-left {text-align: left;}
  .text-center {text-align: center;}
  .text-right {text-align: right;}
  .text-justify {text-align: justify;}

  /* line height */
  .leading-none{line-height: 1;}

  /* whitespace */
  .whitespace-normal {white-space: normal;}
  .whitespace-nowrap {white-space: nowrap;}

  /* color */
  .text-black {color: #000;}
  .text-white {color: #fff;}

  /* background */
  .bg-black {background-color: #000;}
  .bg-white {background-color: #fff;}

  /* border color */
  .border {border-width: 1px;}
  .border-0 {border-width: 0px;}
  .border-2 {border-width: 2px;}

  /* border color */
  .border-black {border-color: #000;}
  .border-white {border-color: #fff;}
  .border-theme {border-color: rgb(var(--theme));}

  /* border style */
  .border-solid {border-style: solid;}
  .border-dashed {border-style: dashed;}

  /* border radius */
  .rounded-full	{border-radius: 9999px;}

  /* opacity */
  .opacity-0 {opacity: 0;}
  .opacity-10 {opacity: 0.1;}
  .opacity-15 {opacity: 0.15;}
  .opacity-50 {opacity: 0.5;}
  .opacity-100 {opacity: 1;}

  /* cursor */
  .cursor-default {cursor: default;}
  .cursor-pointer {cursor: pointer;}
  .cursor-text {cursor: text;}
  .cursor-move {cursor: move;}
  .cursor-not-allowed {cursor: not-allowed;}

    .brightness-20{filter: brightness(20);}
  .invert{filter: invert(1);}