@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
:root{
  --tailwind-gradient-surface5-top: linear-gradient(to top, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0) 100%);
  --tailwind-gradient-surface5-top-disabled: linear-gradient(to top, rgba(0, 0, 0, 0.1024) 0%, rgba(0, 0, 0, 0) 100%);
  --tailwind-gradient-surface5-top-hover: linear-gradient(to top, rgba(0, 0, 0, 0.3472) 0%, rgba(0, 0, 0, 0.04) 100%);
  --tailwind-gradient-surface5-top-press: linear-gradient(to top, rgba(0, 0, 0, 0.4288) 0%, rgba(0, 0, 0, 0.16) 100%);
  --tailwind-gradient-surface5-top-outline: linear-gradient(to top, rgba(0, 0, 0, 0.1024) 0%, rgba(0, 0, 0, 0) 100%);
  --tailwind-gradient-surface5-bottom: linear-gradient(to bottom, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0) 100%);
  --tailwind-gradient-surface5-bottom-disabled: linear-gradient(to bottom, rgba(0, 0, 0, 0.1024) 0%, rgba(0, 0, 0, 0) 100%);
  --tailwind-gradient-surface5-bottom-hover: linear-gradient(to bottom, rgba(0, 0, 0, 0.3472) 0%, rgba(0, 0, 0, 0.04) 100%);
  --tailwind-gradient-surface5-bottom-press: linear-gradient(to bottom, rgba(0, 0, 0, 0.4288) 0%, rgba(0, 0, 0, 0.16) 100%);
  --tailwind-gradient-surface5-bottom-outline: linear-gradient(to bottom, rgba(0, 0, 0, 0.1024) 0%, rgba(0, 0, 0, 0) 100%);
  --tailwind-gradient-surface5-left: linear-gradient(to left, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0) 100%);
  --tailwind-gradient-surface5-left-disabled: linear-gradient(to left, rgba(0, 0, 0, 0.1024) 0%, rgba(0, 0, 0, 0) 100%);
  --tailwind-gradient-surface5-left-hover: linear-gradient(to left, rgba(0, 0, 0, 0.3472) 0%, rgba(0, 0, 0, 0.04) 100%);
  --tailwind-gradient-surface5-left-press: linear-gradient(to left, rgba(0, 0, 0, 0.4288) 0%, rgba(0, 0, 0, 0.16) 100%);
  --tailwind-gradient-surface5-left-outline: linear-gradient(to left, rgba(0, 0, 0, 0.1024) 0%, rgba(0, 0, 0, 0) 100%);
  --tailwind-gradient-surface5-right: linear-gradient(to right, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0) 100%);
  --tailwind-gradient-surface5-right-disabled: linear-gradient(to right, rgba(0, 0, 0, 0.1024) 0%, rgba(0, 0, 0, 0) 100%);
  --tailwind-gradient-surface5-right-hover: linear-gradient(to right, rgba(0, 0, 0, 0.3472) 0%, rgba(0, 0, 0, 0.04) 100%);
  --tailwind-gradient-surface5-right-press: linear-gradient(to right, rgba(0, 0, 0, 0.4288) 0%, rgba(0, 0, 0, 0.16) 100%);
  --tailwind-gradient-surface5-right-outline: linear-gradient(to right, rgba(0, 0, 0, 0.1024) 0%, rgba(0, 0, 0, 0) 100%);
  --tailwind-gradient-call-to-action-top: linear-gradient(to top, #d1ff1a 0%, #1ad1ff 100%);
  --tailwind-gradient-call-to-action-top-disabled: linear-gradient(to top, rgba(209, 255, 26, 0.32) 0%, rgba(26, 209, 255, 0.32) 100%);
  --tailwind-gradient-call-to-action-top-hover: linear-gradient(to top, #c9f519 0%, #19c9f5 100%);
  --tailwind-gradient-call-to-action-top-press: linear-gradient(to top, #b0d616 0%, #16b0d6 100%);
  --tailwind-gradient-call-to-action-top-outline: linear-gradient(to top, rgba(209, 255, 26, 0.32) 0%, rgba(26, 209, 255, 0.32) 100%);
  --tailwind-gradient-call-to-action-bottom: linear-gradient(to bottom, #d1ff1a 0%, #1ad1ff 100%);
  --tailwind-gradient-call-to-action-bottom-disabled: linear-gradient(to bottom, rgba(209, 255, 26, 0.32) 0%, rgba(26, 209, 255, 0.32) 100%);
  --tailwind-gradient-call-to-action-bottom-hover: linear-gradient(to bottom, #c9f519 0%, #19c9f5 100%);
  --tailwind-gradient-call-to-action-bottom-press: linear-gradient(to bottom, #b0d616 0%, #16b0d6 100%);
  --tailwind-gradient-call-to-action-bottom-outline: linear-gradient(to bottom, rgba(209, 255, 26, 0.32) 0%, rgba(26, 209, 255, 0.32) 100%);
  --tailwind-gradient-call-to-action-left: linear-gradient(to left, #d1ff1a 0%, #1ad1ff 100%);
  --tailwind-gradient-call-to-action-left-disabled: linear-gradient(to left, rgba(209, 255, 26, 0.32) 0%, rgba(26, 209, 255, 0.32) 100%);
  --tailwind-gradient-call-to-action-left-hover: linear-gradient(to left, #c9f519 0%, #19c9f5 100%);
  --tailwind-gradient-call-to-action-left-press: linear-gradient(to left, #b0d616 0%, #16b0d6 100%);
  --tailwind-gradient-call-to-action-left-outline: linear-gradient(to left, rgba(209, 255, 26, 0.32) 0%, rgba(26, 209, 255, 0.32) 100%);
  --tailwind-gradient-call-to-action-right: linear-gradient(to right, #d1ff1a 0%, #1ad1ff 100%);
  --tailwind-gradient-call-to-action-right-disabled: linear-gradient(to right, rgba(209, 255, 26, 0.32) 0%, rgba(26, 209, 255, 0.32) 100%);
  --tailwind-gradient-call-to-action-right-hover: linear-gradient(to right, #c9f519 0%, #19c9f5 100%);
  --tailwind-gradient-call-to-action-right-press: linear-gradient(to right, #b0d616 0%, #16b0d6 100%);
  --tailwind-gradient-call-to-action-right-outline: linear-gradient(to right, rgba(209, 255, 26, 0.32) 0%, rgba(26, 209, 255, 0.32) 100%);
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.pointer-events-none{
  pointer-events: none;
}
.visible{
  visibility: visible;
}
.\!visible{
  visibility: visible !important;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: -webkit-sticky;
  position: sticky;
}
.inset-0{
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.bottom-0{
  bottom: 0px;
}
.top-0{
  top: 0px;
}
.top-16{
  top: 16px;
}
.right-\[-56px\]{
  right: -56px;
}
.top-\[64px\]{
  top: 64px;
}
.left-\[-64px\]{
  left: -64px;
}
.left-\[74px\]{
  left: 74px;
}
.top-12{
  top: 12px;
}
.right-\[74px\]{
  right: 74px;
}
.left-0{
  left: 0px;
}
.top-\[2px\]{
  top: 2px;
}
.left-\[2px\]{
  left: 2px;
}
.right-0{
  right: 0px;
}
.bottom-auto{
  bottom: auto;
}
.top-full{
  top: 100%;
}
.bottom-full{
  bottom: 100%;
}
.right-8{
  right: 8px;
}
.top-8{
  top: 8px;
}
.right-\[-10px\]{
  right: -10px;
}
.top-\[-48px\]{
  top: -48px;
}
.top-\[44px\]{
  top: 44px;
}
.right-auto{
  right: auto;
}
.top-32{
  top: 32px;
}
.top-\[3px\]{
  top: 3px;
}
.isolate{
  isolation: isolate;
}
.z-\[2000\]{
  z-index: 2000;
}
.z-\[9000\]{
  z-index: 9000;
}
.z-\[-1\]{
  z-index: -1;
}
.z-\[9500\]{
  z-index: 9500;
}
.z-\[-2\]{
  z-index: -2;
}
.z-\[10000\]{
  z-index: 10000;
}
.z-\[1\]{
  z-index: 1;
}
.z-50{
  z-index: 50;
}
.z-\[1000\]{
  z-index: 1000;
}
.z-\[1001\]{
  z-index: 1001;
}
.z-\[2001\]{
  z-index: 2001;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-start-1{
  grid-column-start: 1;
}
.row-span-2{
  grid-row: span 2 / span 2;
}
.float-none{
  float: none;
}
.\!m-0{
  margin: 0px !important;
}
.m-0{
  margin: 0px;
}
.m-\[-2px_4px_0px_0px\]{
  margin: -2px 4px 0px 0px;
}
.m-auto{
  margin: auto;
}
.m-16{
  margin: 16px;
}
.m-\[52px\]{
  margin: 52px;
}
.m-4{
  margin: 4px;
}
.-m-4{
  margin: -4px;
}
.my-24{
  margin-top: 24px;
  margin-bottom: 24px;
}
.my-16{
  margin-top: 16px;
  margin-bottom: 16px;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-4{
  margin-top: 4px;
  margin-bottom: 4px;
}
.mx-16{
  margin-left: 16px;
  margin-right: 16px;
}
.my-8{
  margin-top: 8px;
  margin-bottom: 8px;
}
.my-2{
  margin-top: 2px;
  margin-bottom: 2px;
}
.my-40{
  margin-top: 40px;
  margin-bottom: 40px;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.mx-24{
  margin-left: 24px;
  margin-right: 24px;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.ml-4{
  margin-left: 4px;
}
.mt-8{
  margin-top: 8px;
}
.mb-8{
  margin-bottom: 8px;
}
.mr-auto{
  margin-right: auto;
}
.ml-auto{
  margin-left: auto;
}
.mb-0{
  margin-bottom: 0px;
}
.mt-16{
  margin-top: 16px;
}
.mb-40{
  margin-bottom: 40px;
}
.mb-24{
  margin-bottom: 24px;
}
.mt-24{
  margin-top: 24px;
}
.mt-64{
  margin-top: 64px;
}
.mt-40{
  margin-top: 40px;
}
.mb-64{
  margin-bottom: 64px;
}
.mr-8{
  margin-right: 8px;
}
.mr-24{
  margin-right: 24px;
}
.\!mt-\[20px\]{
  margin-top: 20px !important;
}
.mr-0{
  margin-right: 0px;
}
.mr-\[6px\]{
  margin-right: 6px;
}
.mt-4{
  margin-top: 4px;
}
.mb-16{
  margin-bottom: 16px;
}
.mt-0{
  margin-top: 0px;
}
.mt-\[3\.225px\]{
  margin-top: 3.225px;
}
.mr-16{
  margin-right: 16px;
}
.mt-\[2\.25px\]{
  margin-top: 2.25px;
}
.mb-4{
  margin-bottom: 4px;
}
.mt-\[2px\]{
  margin-top: 2px;
}
.ml-\[5px\]{
  margin-left: 5px;
}
.ml-\[20px\]{
  margin-left: 20px;
}
.\!mt-8{
  margin-top: 8px !important;
}
.ml-\[2px\]{
  margin-left: 2px;
}
.ml-16{
  margin-left: 16px;
}
.ml-2{
  margin-left: 2px;
}
.mr-4{
  margin-right: 4px;
}
.mr-40{
  margin-right: 40px;
}
.mr-\[11px\]{
  margin-right: 11px;
}
.mt-2{
  margin-top: 2px;
}
.mt-\[3px\]{
  margin-top: 3px;
}
.mt-\[-16px\]{
  margin-top: -16px;
}
.mb-2{
  margin-bottom: 2px;
}
.\!mb-0{
  margin-bottom: 0px !important;
}
.mb-\[36px\]{
  margin-bottom: 36px;
}
.mb-32{
  margin-bottom: 32px;
}
.mb-\[150px\]{
  margin-bottom: 150px;
}
.ml-8{
  margin-left: 8px;
}
.mt-\[20px\]{
  margin-top: 20px;
}
.mb-\[2px\]{
  margin-bottom: 2px;
}
.mr-\[2px\]{
  margin-right: 2px;
}
.mr-12{
  margin-right: 12px;
}
.mb-\[20px\]{
  margin-bottom: 20px;
}
.mb-auto{
  margin-bottom: auto;
}
.-mt-4{
  margin-top: -4px;
}
.-ml-4{
  margin-left: -4px;
}
.mt-\[10px\]{
  margin-top: 10px;
}
.mt-12{
  margin-top: 12px;
}
.-mt-8{
  margin-top: -8px;
}
.box-border{
  box-sizing: border-box;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.\!flex{
  display: flex !important;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.flow-root{
  display: flow-root;
}
.grid{
  display: grid;
}
.\!grid{
  display: grid !important;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.h-\[80px\]{
  height: 80px;
}
.h-24{
  height: 24px;
}
.h-\[400px\]{
  height: 400px;
}
.h-\[21px\]{
  height: 21px;
}
.h-\[40px\]{
  height: 40px;
}
.h-\[300px\]{
  height: 300px;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[600px\]{
  height: 600px;
}
.h-\[21\.55px\]{
  height: 21.55px;
}
.h-\[19\.5px\]{
  height: 19.5px;
}
.h-\[24px\]{
  height: 24px;
}
.h-auto{
  height: auto;
}
.h-\[48px\]{
  height: 48px;
}
.h-full{
  height: 100%;
}
.h-40{
  height: 40px;
}
.h-32{
  height: 32px;
}
.h-\[20px\]{
  height: 20px;
}
.h-16{
  height: 16px;
}
.h-\[260px\]{
  height: 260px;
}
.h-\[338px\]{
  height: 338px;
}
.h-\[30px\]{
  height: 30px;
}
.h-\[1200px\]{
  height: 1200px;
}
.h-screen{
  height: 100vh;
}
.\!h-\[32px\]{
  height: 32px !important;
}
.h-\[10px\]{
  height: 10px;
}
.h-\[32px\]{
  height: 32px;
}
.h-\[1\.5em\]{
  height: 1.5em;
}
.h-\[52px\]{
  height: 52px;
}
.h-\[28px\]{
  height: 28px;
}
.h-\[72px\]{
  height: 72px;
}
.max-h-\[300px\]{
  max-height: 300px;
}
.max-h-\[525px\]{
  max-height: 525px;
}
.max-h-\[calc\(100vh-295px\)\]{
  max-height: calc(100vh - 295px);
}
.max-h-40{
  max-height: 40px;
}
.\!min-h-\[auto\]{
  min-height: auto !important;
}
.w-full{
  width: 100%;
}
.w-\[80px\]{
  width: 80px;
}
.w-\[24px\]{
  width: 24px;
}
.w-\[456px\]{
  width: 456px;
}
.\!w-full{
  width: 100% !important;
}
.w-\[808px\]{
  width: 808px;
}
.w-\[400px\]{
  width: 400px;
}
.w-\[311px\]{
  width: 311px;
}
.w-\[calc\(100\%_-_32px\)\]{
  width: calc(100% - 32px);
}
.w-\[21px\]{
  width: 21px;
}
.w-\[40px\]{
  width: 40px;
}
.w-\[207px\]{
  width: 207px;
}
.w-\[300px\]{
  width: 300px;
}
.w-\[600px\]{
  width: 600px;
}
.w-\[96px\]{
  width: 96px;
}
.w-\[92px\]{
  width: 92px;
}
.w-\[76px\]{
  width: 76px;
}
.w-\[206px\]{
  width: 206px;
}
.w-\[233px\]{
  width: 233px;
}
.w-\[28px\]{
  width: 28px;
}
.w-\[60\%\]{
  width: 60%;
}
.w-\[20\%\]{
  width: 20%;
}
.w-\[50\%\]{
  width: 50%;
}
.w-\[40\%\]{
  width: 40%;
}
.w-\[35\%\]{
  width: 35%;
}
.w-\[15\%\]{
  width: 15%;
}
.w-\[45\%\]{
  width: 45%;
}
.w-\[1016px\]{
  width: 1016px;
}
.w-\[48px\]{
  width: 48px;
}
.w-\[10px\]{
  width: 10px;
}
.w-\[288px\]{
  width: 288px;
}
.w-\[fit-content\]{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.w-\[120px\]{
  width: 120px;
}
.w-\[88px\]{
  width: 88px;
}
.w-fit{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.w-\[20px\]{
  width: 20px;
}
.w-\[calc\(100\%_-_104px\)\]{
  width: calc(100% - 104px);
}
.w-\[104px\]{
  width: 104px;
}
.w-\[343px\]{
  width: 343px;
}
.\!w-\[48px\]{
  width: 48px !important;
}
.w-\[calc\(115\%-16px\)\]{
  width: calc(115% - 16px);
}
.w-\[30px\]{
  width: 30px;
}
.w-\[1\.5em\]{
  width: 1.5em;
}
.w-\[560px\]{
  width: 560px;
}
.w-\[256px\]{
  width: 256px;
}
.w-\[72px\]{
  width: 72px;
}
.w-\[472px\]{
  width: 472px;
}
.w-\[180px\]{
  width: 180px;
}
.min-w-0{
  min-width: 0px;
}
.min-w-fit{
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.max-w-full{
  max-width: 100%;
}
.max-w-\[944px\]{
  max-width: 944px;
}
.max-w-\[300px\]{
  max-width: 300px;
}
.max-w-\[1016px\]{
  max-width: 1016px;
}
.max-w-\[712px\]{
  max-width: 712px;
}
.max-w-\[calc\(var\(--padding-left\)_\+_1120px\)\]{
  max-width: calc(var(--padding-left) + 1120px);
}
.max-w-\[600px\]{
  max-width: 600px;
}
.max-w-\[1224px\]{
  max-width: 1224px;
}
.max-w-\[952px\]{
  max-width: 952px;
}
.max-w-\[max\(546px\2c calc\(100vw-424px\)\)\]{
  max-width: max(546px,calc(100vw - 424px));
}
.max-w-\[150px\]{
  max-width: 150px;
}
.max-w-\[450px\]{
  max-width: 450px;
}
.max-w-fit{
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.max-w-\[478px\]{
  max-width: 478px;
}
.max-w-\[calc\(100\%_-_16px\)\]{
  max-width: calc(100% - 16px);
}
.flex-1{
  flex: 1 1 0%;
}
.flex-none{
  flex: none;
}
.shrink-0{
  flex-shrink: 0;
}
.shrink-\[100\]{
  flex-shrink: 100;
}
.shrink{
  flex-shrink: 1;
}
.flex-grow{
  flex-grow: 1;
}
.basis-\[40px\]{
  flex-basis: 40px;
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes slideInDown{

  from{
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to{
    transform: translate3d(0, 0, 0);
  }
}
.animate-slideInDown{
  animation: slideInDown 0.24s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
}
@keyframes slideOutUp{

  from{
    transform: translate3d(0, 0, 0);
  }

  to{
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.animate-slideOutUp{
  animation: slideOutUp 0.24s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-default{
  cursor: default;
}
.cursor-wait{
  cursor: wait;
}
.cursor-ew-resize{
  cursor: ew-resize;
}
.touch-manipulation{
  touch-action: manipulation;
}
.select-none{
  -webkit-user-select: none;
          user-select: none;
}
.resize{
  resize: both;
}
.list-none{
  list-style-type: none;
}
.appearance-none{
  -webkit-appearance: none;
          appearance: none;
}
.auto-cols-\[100\%\]{
  grid-auto-columns: 100%;
}
.auto-rows-min{
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.grid-cols-\[auto_auto\]{
  grid-template-columns: auto auto;
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[48px_auto\]{
  grid-template-columns: 48px auto;
}
.grid-cols-\[40px_auto\]{
  grid-template-columns: 40px auto;
}
.grid-cols-\[1fr_auto\]{
  grid-template-columns: 1fr auto;
}
.grid-cols-\[auto_1fr\]{
  grid-template-columns: auto 1fr;
}
.grid-cols-\[1fr_auto_1fr\]{
  grid-template-columns: 1fr auto 1fr;
}
.grid-cols-\[1fr_4fr\]{
  grid-template-columns: 1fr 4fr;
}
.\!grid-cols-none{
  grid-template-columns: none !important;
}
.grid-cols-\[min-content_auto_min-content\]{
  grid-template-columns: -webkit-min-content auto -webkit-min-content;
  grid-template-columns: min-content auto min-content;
}
.grid-cols-\[min-content_auto\]{
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
}
.grid-cols-\[1fr_40px\]{
  grid-template-columns: 1fr 40px;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-rows-2{
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-\[auto_1fr\]{
  grid-template-rows: auto 1fr;
}
.grid-rows-\[auto_auto_1fr_auto\]{
  grid-template-rows: auto auto 1fr auto;
}
.grid-rows-\[auto_1fr_auto\]{
  grid-template-rows: auto 1fr auto;
}
.flex-row{
  flex-direction: row;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.place-items-center{
  place-items: center;
}
.items-start{
  align-items: flex-start;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.items-stretch{
  align-items: stretch;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-16{
  gap: 16px;
}
.gap-8{
  gap: 8px;
}
.gap-24{
  gap: 24px;
}
.gap-4{
  gap: 4px;
}
.gap-64{
  gap: 64px;
}
.gap-\[32px\]{
  gap: 32px;
}
.gap-12{
  gap: 12px;
}
.gap-\[8px\]{
  gap: 8px;
}
.gap-2{
  gap: 2px;
}
.gap-\[1px\]{
  gap: 1px;
}
.gap-x-16{
  column-gap: 16px;
}
.gap-y-16{
  row-gap: 16px;
}
.gap-x-40{
  column-gap: 40px;
}
.gap-y-24{
  row-gap: 24px;
}
.gap-x-8{
  column-gap: 8px;
}
.gap-y-8{
  row-gap: 8px;
}
.gap-x-4{
  column-gap: 4px;
}
.gap-y-4{
  row-gap: 4px;
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-y-\[1px\] > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-solid > :not([hidden]) ~ :not([hidden]){
  border-style: solid;
}
.divide-border300 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(230 232 235 / var(--tw-divide-opacity));
}
.divide-default > :not([hidden]) ~ :not([hidden]){
  border-color: var(--tailwind-color-default, rgba(0,0,0,0.08));
}
.self-start{
  align-self: flex-start;
}
.self-center{
  align-self: center;
}
.justify-self-start{
  justify-self: start;
}
.justify-self-center{
  justify-self: center;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-scroll{
  overflow: scroll;
}
.overflow-y-hidden{
  overflow-y: hidden;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.whitespace-normal{
  white-space: normal;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre{
  white-space: pre;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.break-keep{
  word-break: keep-all;
}
.rounded-\[100px\]{
  border-radius: 100px;
}
.rounded-8{
  border-radius: 8px;
}
.rounded-16{
  border-radius: 16px;
}
.rounded-\[50\%\]{
  border-radius: 50%;
}
.rounded-4{
  border-radius: 4px;
}
.rounded-oval{
  border-radius: 999999px;
}
.rounded-\[2px\]{
  border-radius: 2px;
}
.rounded-\[20px\]{
  border-radius: 20px;
}
.\!rounded-4{
  border-radius: 4px !important;
}
.rounded-\[3px\]{
  border-radius: 3px;
}
.rounded-none{
  border-radius: 0px;
}
.rounded-\[9999px\]{
  border-radius: 9999px;
}
.rounded-\[5px\]{
  border-radius: 5px;
}
.rounded-b-8{
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.\!rounded-b-none{
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.\!rounded-l-\[5px\]{
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.rounded-r-\[5px\]{
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.rounded-b-4{
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.border{
  border-width: 1px;
}
.border-\[3px\]{
  border-width: 3px;
}
.border-2{
  border-width: 2px;
}
.\!border-2{
  border-width: 2px !important;
}
.border-\[2px\]{
  border-width: 2px;
}
.\!border{
  border-width: 1px !important;
}
.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.\!border-t-0{
  border-top-width: 0px !important;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-b-\[1px\]{
  border-bottom-width: 1px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-4{
  border-left-width: 4px;
}
.border-r{
  border-right-width: 1px;
}
.border-t-0{
  border-top-width: 0px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.\!border-none{
  border-style: none !important;
}
.border-none{
  border-style: none;
}
.border-border600{
  --tw-border-opacity: 1;
  border-color: rgb(192 197 207 / var(--tw-border-opacity));
}
.border-border300{
  --tw-border-opacity: 1;
  border-color: rgb(230 232 235 / var(--tw-border-opacity));
}
.border-primary400{
  --tw-border-opacity: 1;
  border-color: rgb(255 92 103 / var(--tw-border-opacity));
}
.border-ui-background700{
  --tw-border-opacity: 1;
  border-color: rgb(175 178 189 / var(--tw-border-opacity));
}
.border-\[\#5a5a60\]{
  --tw-border-opacity: 1;
  border-color: rgb(90 90 96 / var(--tw-border-opacity));
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(18 26 41 / var(--tw-border-opacity));
}
.border-primary500{
  --tw-border-opacity: 1;
  border-color: rgb(252 77 80 / var(--tw-border-opacity));
}
.border-secondary700{
  --tw-border-opacity: 1;
  border-color: rgb(44 155 166 / var(--tw-border-opacity));
}
.border-default{
  border-color: var(--tailwind-color-default, rgba(0,0,0,0.08));
}
.border-\[\#E3E6EB\]{
  --tw-border-opacity: 1;
  border-color: rgb(227 230 235 / var(--tw-border-opacity));
}
.border-semantic-yellow{
  --tw-border-opacity: 1;
  border-color: rgb(255 193 37 / var(--tw-border-opacity));
}
.border-border500{
  --tw-border-opacity: 1;
  border-color: rgb(213 217 222 / var(--tw-border-opacity));
}
.\!border-border500{
  --tw-border-opacity: 1 !important;
  border-color: rgb(213 217 222 / var(--tw-border-opacity)) !important;
}
.border-ui-background400{
  --tw-border-opacity: 1;
  border-color: rgb(235 237 242 / var(--tw-border-opacity));
}
.border-surface10{
  border-color: var(--tailwind-color-surface10, rgba(0,0,0,0.16));
}
.border-secondary700\/10{
  border-color: rgb(44 155 166 / .1);
}
.border-text3{
  border-color: var(--tailwind-color-text3, #858585);
}
.border-ui-background800{
  --tw-border-opacity: 1;
  border-color: rgb(149 152 171 / var(--tw-border-opacity));
}
.border-primary700{
  --tw-border-opacity: 1;
  border-color: rgb(222 63 58 / var(--tw-border-opacity));
}
.border-\[\#d5d9de\]{
  --tw-border-opacity: 1;
  border-color: rgb(213 217 222 / var(--tw-border-opacity));
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.\!border-\[\#D5D9DE\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(213 217 222 / var(--tw-border-opacity)) !important;
}
.\!border-assertive{
  border-color: var(--tailwind-color-assertive, #ff2b00) !important;
}
.\!border-semantic-blue{
  --tw-border-opacity: 1 !important;
  border-color: rgb(89 191 241 / var(--tw-border-opacity)) !important;
}
.border-black\/\[0\.13\]{
  border-color: rgb(18 26 41 / 0.13);
}
.border-background1{
  border-color: var(--tailwind-color-background1, #ffffff);
}
.border-secondary600{
  --tw-border-opacity: 1;
  border-color: rgb(66 181 189 / var(--tw-border-opacity));
}
.border-current{
  border-color: currentColor;
}
.border-l-ui-background400{
  --tw-border-opacity: 1;
  border-left-color: rgb(235 237 242 / var(--tw-border-opacity));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-primary400{
  --tw-bg-opacity: 1;
  background-color: rgb(255 92 103 / var(--tw-bg-opacity));
}
.bg-ui-background700{
  --tw-bg-opacity: 1;
  background-color: rgb(175 178 189 / var(--tw-bg-opacity));
}
.bg-ui-background200{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 250 / var(--tw-bg-opacity));
}
.\!bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-semantic-blue{
  --tw-bg-opacity: 1;
  background-color: rgb(89 191 241 / var(--tw-bg-opacity));
}
.bg-semantic-red{
  --tw-bg-opacity: 1;
  background-color: rgb(222 63 58 / var(--tw-bg-opacity));
}
.\!bg-ui-background400{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(235 237 242 / var(--tw-bg-opacity)) !important;
}
.bg-border300{
  --tw-bg-opacity: 1;
  background-color: rgb(230 232 235 / var(--tw-bg-opacity));
}
.bg-background1{
  background-color: var(--tailwind-color-background1, #ffffff);
}
.bg-\[\#1877f2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(24 119 242 / var(--tw-bg-opacity));
}
.bg-\[\#1d9bf0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(29 155 240 / var(--tw-bg-opacity));
}
.bg-primary500{
  --tw-bg-opacity: 1;
  background-color: rgb(252 77 80 / var(--tw-bg-opacity));
}
.bg-\[\#F3F8FB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 248 251 / var(--tw-bg-opacity));
}
.bg-page-background300{
  --tw-bg-opacity: 1;
  background-color: rgb(246 248 250 / var(--tw-bg-opacity));
}
.bg-page-background700{
  --tw-bg-opacity: 1;
  background-color: rgb(233 238 242 / var(--tw-bg-opacity));
}
.bg-surface1{
  background-color: var(--tailwind-color-surface1, #ffffff);
}
.bg-page-background500{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 248 / var(--tw-bg-opacity));
}
.bg-secondary700{
  --tw-bg-opacity: 1;
  background-color: rgb(44 155 166 / var(--tw-bg-opacity));
}
.\!bg-surface3{
  background-color: var(--tailwind-color-surface3, rgba(0,0,0,0.04)) !important;
}
.bg-secondary600{
  --tw-bg-opacity: 1;
  background-color: rgb(66 181 189 / var(--tw-bg-opacity));
}
.bg-\[\#e5f7f8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(229 247 248 / var(--tw-bg-opacity));
}
.bg-ui-background400{
  --tw-bg-opacity: 1;
  background-color: rgb(235 237 242 / var(--tw-bg-opacity));
}
.bg-text-default{
  --tw-bg-opacity: 1;
  background-color: rgb(37 47 61 / var(--tw-bg-opacity));
}
.bg-primary700{
  --tw-bg-opacity: 1;
  background-color: rgb(222 63 58 / var(--tw-bg-opacity));
}
.bg-primary100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 232 237 / var(--tw-bg-opacity));
}
.bg-transparent{
  background-color: var(--tailwind-color-transparent, rgba(0,0,0,0));
}
.bg-secondary600\/10{
  background-color: rgb(66 181 189 / .1);
}
.bg-surface3{
  background-color: var(--tailwind-color-surface3, rgba(0,0,0,0.04));
}
.bg-brand{
  background-color: var(--tailwind-color-brand, #0096fa);
}
.bg-\[\#5f697a63\]{
  background-color: #5f697a63;
}
.\!bg-primary400{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 92 103 / var(--tw-bg-opacity)) !important;
}
.\!bg-secondary600{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(66 181 189 / var(--tw-bg-opacity)) !important;
}
.\!bg-overlay{
  background-color: rgba(0,0,0,.64) !important;
}
.bg-\[rgba\(0\2c 0\2c 0\2c \.5\)\]{
  background-color: rgba(0,0,0,.5);
}
.bg-tangerin500{
  --tw-bg-opacity: 1;
  background-color: rgb(255 132 107 / var(--tw-bg-opacity));
}
.bg-\[\#5e6b7a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(94 107 122 / var(--tw-bg-opacity));
}
.bg-ui-background500{
  --tw-bg-opacity: 1;
  background-color: rgb(215 217 224 / var(--tw-bg-opacity));
}
.bg-secondary500{
  --tw-bg-opacity: 1;
  background-color: rgb(92 203 210 / var(--tw-bg-opacity));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(18 26 41 / var(--tw-bg-opacity));
}
.bg-primary600{
  --tw-bg-opacity: 1;
  background-color: rgb(242 67 67 / var(--tw-bg-opacity));
}
.bg-secondary800{
  --tw-bg-opacity: 1;
  background-color: rgb(27 127 140 / var(--tw-bg-opacity));
}
.bg-\[\#FF5C67\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 92 103 / var(--tw-bg-opacity));
}
.bg-\[\#5F697A39\]{
  background-color: #5F697A39;
}
.bg-\[\#E9E9E9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 233 / var(--tw-bg-opacity));
}
.bg-ui-background100{
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity));
}
.bg-semantic-blueBackground{
  --tw-bg-opacity: 1;
  background-color: rgb(238 248 252 / var(--tw-bg-opacity));
}
.bg-text-gray300{
  --tw-bg-opacity: 1;
  background-color: rgb(127 141 159 / var(--tw-bg-opacity));
}
.bg-\[\#EAEDF1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 237 241 / var(--tw-bg-opacity));
}
.bg-\[\#9FA2AA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(159 162 170 / var(--tw-bg-opacity));
}
.\!bg-transparent{
  background-color: var(--tailwind-color-transparent, rgba(0,0,0,0)) !important;
}
.bg-opacity-10{
  --tw-bg-opacity: .1;
}
.bg-none{
  background-image: none;
}
.bg-\[radial-gradient\(\#2c9ba6_30\%\2c _transparent_30\%\)\]{
  background-image: radial-gradient(#2c9ba6 30%, transparent 30%);
}
.bg-\[length\:10px_10px\]{
  background-size: 10px 10px;
}
.bg-top{
  background-position: top;
}
.bg-repeat-y{
  background-repeat: repeat-y;
}
.object-contain{
  object-fit: contain;
}
.p-\[20px_20px\]{
  padding: 20px 20px;
}
.p-16{
  padding: 16px;
}
.p-40{
  padding: 40px;
}
.\!p-8{
  padding: 8px !important;
}
.p-8{
  padding: 8px;
}
.p-24{
  padding: 24px;
}
.p-\[15px\]{
  padding: 15px;
}
.p-0{
  padding: 0px;
}
.\!p-0{
  padding: 0px !important;
}
.p-\[10px_20px\]{
  padding: 10px 20px;
}
.p-32{
  padding: 32px;
}
.\!p-\[6px_40px_6px_16px\]{
  padding: 6px 40px 6px 16px !important;
}
.p-4{
  padding: 4px;
}
.p-\[6\.7px\]{
  padding: 6.7px;
}
.p-\[10px\]{
  padding: 10px;
}
.py-16{
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-4{
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-12{
  padding-top: 12px;
  padding-bottom: 12px;
}
.px-16{
  padding-left: 16px;
  padding-right: 16px;
}
.py-8{
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-\[11px\]{
  padding-top: 11px;
  padding-bottom: 11px;
}
.px-\[20px\]{
  padding-left: 20px;
  padding-right: 20px;
}
.px-8{
  padding-left: 8px;
  padding-right: 8px;
}
.px-12{
  padding-left: 12px;
  padding-right: 12px;
}
.px-32{
  padding-left: 32px;
  padding-right: 32px;
}
.px-104{
  padding-left: 104px;
  padding-right: 104px;
}
.py-64{
  padding-top: 64px;
  padding-bottom: 64px;
}
.py-\[20px\]{
  padding-top: 20px;
  padding-bottom: 20px;
}
.px-40{
  padding-left: 40px;
  padding-right: 40px;
}
.py-40{
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-\[36px\]{
  padding-top: 36px;
  padding-bottom: 36px;
}
.px-24{
  padding-left: 24px;
  padding-right: 24px;
}
.py-\[18px\]{
  padding-top: 18px;
  padding-bottom: 18px;
}
.py-24{
  padding-top: 24px;
  padding-bottom: 24px;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.\!py-\[6px\]{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.\!px-16{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.\!px-8{
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.\!py-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.px-\[8px\]{
  padding-left: 8px;
  padding-right: 8px;
}
.py-\[9px\]{
  padding-top: 9px;
  padding-bottom: 9px;
}
.\!py-24{
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.py-32{
  padding-top: 32px;
  padding-bottom: 32px;
}
.px-\[15px\]{
  padding-left: 15px;
  padding-right: 15px;
}
.py-\[10px\]{
  padding-top: 10px;
  padding-bottom: 10px;
}
.px-4{
  padding-left: 4px;
  padding-right: 4px;
}
.\!py-8{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.py-\[6px\]{
  padding-top: 6px;
  padding-bottom: 6px;
}
.px-\[16px\]{
  padding-left: 16px;
  padding-right: 16px;
}
.py-\[5px\]{
  padding-top: 5px;
  padding-bottom: 5px;
}
.px-\[7px\]{
  padding-left: 7px;
  padding-right: 7px;
}
.pl-0{
  padding-left: 0px;
}
.pl-8{
  padding-left: 8px;
}
.pb-8{
  padding-bottom: 8px;
}
.pt-16{
  padding-top: 16px;
}
.pb-24{
  padding-bottom: 24px;
}
.pt-64{
  padding-top: 64px;
}
.pt-\[60px\]{
  padding-top: 60px;
}
.pb-64{
  padding-bottom: 64px;
}
.pb-40{
  padding-bottom: 40px;
}
.pb-4{
  padding-bottom: 4px;
}
.pt-8{
  padding-top: 8px;
}
.\!pt-16{
  padding-top: 16px !important;
}
.pr-8{
  padding-right: 8px;
}
.pb-\[10px\]{
  padding-bottom: 10px;
}
.pl-\[72px\]{
  padding-left: 72px;
}
.pr-\[108px\]{
  padding-right: 108px;
}
.pb-\[96px\]{
  padding-bottom: 96px;
}
.pl-\[var\(--padding-left\)\]{
  padding-left: var(--padding-left);
}
.pb-104{
  padding-bottom: 104px;
}
.pb-\[40px\]{
  padding-bottom: 40px;
}
.pt-12{
  padding-top: 12px;
}
.\!pl-\[28px\]{
  padding-left: 28px !important;
}
.\!pr-\[14px\]{
  padding-right: 14px !important;
}
.pl-16{
  padding-left: 16px;
}
.pt-24{
  padding-top: 24px;
}
.pt-40{
  padding-top: 40px;
}
.pb-16{
  padding-bottom: 16px;
}
.pt-\[107px\]{
  padding-top: 107px;
}
.pb-\[131px\]{
  padding-bottom: 131px;
}
.pb-12{
  padding-bottom: 12px;
}
.pl-40{
  padding-left: 40px;
}
.pr-24{
  padding-right: 24px;
}
.pl-12{
  padding-left: 12px;
}
.pl-\[6px\]{
  padding-left: 6px;
}
.pt-4{
  padding-top: 4px;
}
.pl-\[28px\]{
  padding-left: 28px;
}
.pl-4{
  padding-left: 4px;
}
.pt-2{
  padding-top: 2px;
}
.pb-2{
  padding-bottom: 2px;
}
.pt-\[20px\]{
  padding-top: 20px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.indent-2{
  text-indent: 2px;
}
.align-baseline{
  vertical-align: baseline;
}
.align-middle{
  vertical-align: middle;
}
.align-bottom{
  vertical-align: bottom;
}
.font-noto-sans{
  font-family: Noto Sans JP, sans-serif;
}
.font-heavy-sans{
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-\[24px\]{
  font-size: 24px;
}
.text-\[20px\]{
  font-size: 20px;
}
.\!text-\[20px\]{
  font-size: 20px !important;
}
.text-\[28px\]{
  font-size: 28px;
}
.text-\[18px\]{
  font-size: 18px;
}
.text-\[16px\]{
  font-size: 16px;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-\[58px\]{
  font-size: 58px;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-\[48px\]{
  font-size: 48px;
}
.text-\[21px\]{
  font-size: 21px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[36px\]{
  font-size: 36px;
}
.font-bold{
  font-weight: 700;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.font-light{
  font-weight: 300;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-\[20px\]{
  line-height: 20px;
}
.leading-none{
  line-height: 1;
}
.leading-\[32px\]{
  line-height: 32px;
}
.leading-\[28px\]{
  line-height: 28px;
}
.\!leading-\[28px\]{
  line-height: 28px !important;
}
.leading-\[40px\]{
  line-height: 40px;
}
.leading-\[46px\]{
  line-height: 46px;
}
.leading-normal{
  line-height: 1.5;
}
.leading-\[48px\]{
  line-height: 48px;
}
.leading-3{
  line-height: .75rem;
}
.leading-\[18px\]{
  line-height: 18px;
}
.text-text-default{
  --tw-text-opacity: 1;
  color: rgb(37 47 61 / var(--tw-text-opacity));
}
.text-secondary800{
  --tw-text-opacity: 1;
  color: rgb(27 127 140 / var(--tw-text-opacity));
}
.text-text-gray600{
  --tw-text-opacity: 1;
  color: rgb(61 70 81 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-text-gray500{
  --tw-text-opacity: 1;
  color: rgb(94 107 122 / var(--tw-text-opacity));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(18 26 41 / var(--tw-text-opacity));
}
.\!text-text-default{
  --tw-text-opacity: 1 !important;
  color: rgb(37 47 61 / var(--tw-text-opacity)) !important;
}
.text-\[\#252F3D\]{
  --tw-text-opacity: 1;
  color: rgb(37 47 61 / var(--tw-text-opacity));
}
.text-\[\#7F8D9F\]{
  --tw-text-opacity: 1;
  color: rgb(127 141 159 / var(--tw-text-opacity));
}
.text-\[\#5a5a60\]{
  --tw-text-opacity: 1;
  color: rgb(90 90 96 / var(--tw-text-opacity));
}
.\!text-text-gray600{
  --tw-text-opacity: 1 !important;
  color: rgb(61 70 81 / var(--tw-text-opacity)) !important;
}
.\!text-anchor{
  --tw-text-opacity: 1 !important;
  color: rgb(17 123 139 / var(--tw-text-opacity)) !important;
}
.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.\!text-primary500{
  --tw-text-opacity: 1 !important;
  color: rgb(252 77 80 / var(--tw-text-opacity)) !important;
}
.text-anchor{
  --tw-text-opacity: 1;
  color: rgb(17 123 139 / var(--tw-text-opacity));
}
.text-primary500{
  --tw-text-opacity: 1;
  color: rgb(252 77 80 / var(--tw-text-opacity));
}
.text-ui-label{
  --tw-text-opacity: 1;
  color: rgb(23 29 38 / var(--tw-text-opacity));
}
.text-primary700{
  --tw-text-opacity: 1;
  color: rgb(222 63 58 / var(--tw-text-opacity));
}
.text-\[\#1F1F1F\]{
  --tw-text-opacity: 1;
  color: rgb(31 31 31 / var(--tw-text-opacity));
}
.\!text-\[\#474747\]{
  --tw-text-opacity: 1 !important;
  color: rgb(71 71 71 / var(--tw-text-opacity)) !important;
}
.text-text-gray400{
  --tw-text-opacity: 1;
  color: rgb(101 115 134 / var(--tw-text-opacity));
}
.\!text-current{
  color: currentColor !important;
}
.text-primary400{
  --tw-text-opacity: 1;
  color: rgb(255 92 103 / var(--tw-text-opacity));
}
.text-primary600{
  --tw-text-opacity: 1;
  color: rgb(242 67 67 / var(--tw-text-opacity));
}
.text-text-gray300{
  --tw-text-opacity: 1;
  color: rgb(127 141 159 / var(--tw-text-opacity));
}
.text-text5{
  color: var(--tailwind-color-text5, #ffffff);
}
.text-\[\#DE3F3A\]{
  --tw-text-opacity: 1;
  color: rgb(222 63 58 / var(--tw-text-opacity));
}
.text-secondary700{
  --tw-text-opacity: 1;
  color: rgb(44 155 166 / var(--tw-text-opacity));
}
.text-text-gray200{
  --tw-text-opacity: 1;
  color: rgb(150 162 176 / var(--tw-text-opacity));
}
.\!text-semantic-red{
  --tw-text-opacity: 1 !important;
  color: rgb(222 63 58 / var(--tw-text-opacity)) !important;
}
.text-text-gray100{
  --tw-text-opacity: 1;
  color: rgb(185 193 202 / var(--tw-text-opacity));
}
.text-assertive{
  color: var(--tailwind-color-assertive, #ff2b00);
}
.text-semantic-blue{
  --tw-text-opacity: 1;
  color: rgb(89 191 241 / var(--tw-text-opacity));
}
.\!text-text2{
  color: var(--tailwind-color-text2, #474747) !important;
}
.\!text-text5{
  color: var(--tailwind-color-text5, #ffffff) !important;
}
.text-border300{
  --tw-text-opacity: 1;
  color: rgb(230 232 235 / var(--tw-text-opacity));
}
.\!text-text-gray500{
  --tw-text-opacity: 1 !important;
  color: rgb(94 107 122 / var(--tw-text-opacity)) !important;
}
.text-\[\#000\]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-current{
  color: currentColor;
}
.text-\[\#1877F2\]{
  --tw-text-opacity: 1;
  color: rgb(24 119 242 / var(--tw-text-opacity));
}
.text-\[\#00B900\]{
  --tw-text-opacity: 1;
  color: rgb(0 185 0 / var(--tw-text-opacity));
}
.text-\[\#00ADED\]{
  --tw-text-opacity: 1;
  color: rgb(0 173 237 / var(--tw-text-opacity));
}
.\!text-text-gray300{
  --tw-text-opacity: 1 !important;
  color: rgb(127 141 159 / var(--tw-text-opacity)) !important;
}
.text-text2{
  color: var(--tailwind-color-text2, #474747);
}
.text-text4{
  color: var(--tailwind-color-text4, #adadad);
}
.underline{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.no-underline{
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.\!no-underline{
  -webkit-text-decoration-line: none !important;
          text-decoration-line: none !important;
}
.decoration-dotted{
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
}
.placeholder-text3::placeholder{
  color: var(--tailwind-color-text3, #858585);
}
.opacity-\[\.6\]{
  opacity: .6;
}
.opacity-0{
  opacity: 0;
}
.opacity-\[0\.32\]{
  opacity: 0.32;
}
.opacity-100{
  opacity: 1;
}
.opacity-40{
  opacity: .4;
}
.opacity-\[49\%\]{
  opacity: 49%;
}
.opacity-60{
  opacity: .6;
}
.opacity-\[\.32\]{
  opacity: .32;
}
.opacity-\[0\.34\]{
  opacity: 0.34;
}
.\!shadow-secondary-focus{
  --tw-shadow: rgb(66 181 189 / 32%) 0px 0px 0px 4px !important;
  --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-primary-focus{
  --tw-shadow: rgb(255 92 103 / 32%) 0px 0px 0px 4px !important;
  --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_0_0_1px_\#e6e8eb_inset\]{
  --tw-shadow: 0 0 0 1px #e6e8eb inset;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_9px_0_rgba\(0\2c 0\2c 0\2c 0\.13\)\]{
  --tw-shadow: 0 1px 9px 0 rgba(0,0,0,0.13);
  --tw-shadow-colored: 0 1px 9px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline-0{
  outline-width: 0px;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_10px_10px_rgba\(252\2c 77\2c 80\2c 0\.4\)\]{
  --tw-drop-shadow: drop-shadow(0 10px 10px rgba(252,77,80,0.4));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_8px_rgba\(0\2c 0\2c 0\2c \.12\)\]{
  --tw-drop-shadow: drop-shadow(0 1px 8px rgba(0,0,0,.12));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
.duration-200{
  transition-duration: 200ms;
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.typography-12{
  font-size: 12px;
  line-height: 20px;
}
.typography-12::before{
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-top: -4px;
}
.typography-12::after{
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-bottom: -4px;
}
.typography-14{
  font-size: 14px;
  line-height: 22px;
}
.\!typography-14{
  font-size: 14px !important;
  line-height: 22px !important;
}
.typography-14::before{
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-top: -4px;
}
.\!typography-14::before{
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  content: "" !important;
  margin-top: -4px !important;
}
.typography-14::after{
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-bottom: -4px;
}
.\!typography-14::after{
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  content: "" !important;
  margin-bottom: -4px !important;
}
.typography-16{
  font-size: 16px;
  line-height: 24px;
}
.\!typography-16{
  font-size: 16px !important;
  line-height: 24px !important;
}
.typography-16::before{
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-top: -4px;
}
.\!typography-16::before{
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  content: "" !important;
  margin-top: -4px !important;
}
.typography-16::after{
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-bottom: -4px;
}
.\!typography-16::after{
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  content: "" !important;
  margin-bottom: -4px !important;
}
.typography-20{
  font-size: 20px;
  line-height: 28px;
}
.typography-20::before{
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-top: -4px;
}
.typography-20::after{
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-bottom: -4px;
}
.\!preserve-half-leading::before{
  content: none !important;
}
.preserve-half-leading::before{
  content: none;
}
.\!preserve-half-leading::after{
  content: none !important;
}
.preserve-half-leading::after{
  content: none;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.\[locale\:string\]{
  locale: string;
}
.aspect-h-1{
  --tw-aspect-h: 1;
}
.aspect-w-1{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 1;
}
.aspect-w-1 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* FIXME: https://gitlab.meganezaru.info/pixiv/plaza/-/issues/13982 */
* {
  border-width: 0;
  border-style: solid;
}

/* Tailwind CSS は `.break-words` の内部で `word-break: break-words;` ではなく `overflow-wrap: break-word;` を使用している */
/* そのため、一部レイアウトで表示崩れが起こってしまう問題があるので上書きする */
.break-words {
  overflow-wrap: normal;
  word-break: break-word;
}

.font-default-family {
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* charcoal-ui の Tailwind CSS で使えないため追加した */
.w-fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* !14998 をリバートする際に main.css に戻る内容をコンフリクト対策のためここに追加、即売会終了後にこの変更もリバートする */

.market-item-detail__exhibition-banner > .attending-exhibition-banner {
  margin: 1.625rem auto;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market-item-detail__exhibition-banner > .attending-exhibition-banner {
    margin: 0.6875rem auto;
  }
}
.attending-exhibition-banner {
  display: block;
  box-sizing: border-box;
  padding: 0.8125rem 1rem;
  background-color: transparent;
  background-image: linear-gradient(
    -180deg,
    hsla(0, 0%, 100%, 0.34),
    hsla(0, 0%, 99.2%, 0.05) 0.6%,
    hsla(0, 0%, 100%, 0.13) 60%,
    hsla(0, 0%, 100%, 0.21)
  );
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  border-radius: 8px;
  box-shadow: inset 0 -8px 13px rgba(0, 0, 0, 0.13);
  text-align: center;
  color: #fff !important;
  text-decoration: none;
}
.attending-exhibition-banner:hover {
  opacity: 0.92;
}
.attending-exhibition-banner__headgroup {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.attending-exhibition-banner__headgroup--type-title {
  margin-bottom: 0.39em;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.6), 0 5px 5px rgba(0, 0, 0, 0.34);
  letter-spacing: 0.1em;
}
.attending-exhibition-banner__headgroup--type-genre {
  padding: 0 0.625em;
  background-color: #fff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.6), 0 4px 12px 0 rgba(0, 0, 0, 0.34);
  color: #000;
  font-size: 1.3125rem;
  line-height: 1.5238095238;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .attending-exhibition-banner__headgroup--type-genre {
    max-width: 90%;
  }
}
.attending-exhibition-banner__headgroup--type-circle {
  margin-top: 0.625em;
  font-size: 0.8125rem;
  letter-spacing: 0.1em;
  line-height: 1.4615384615;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.6), 0 6px 5px rgba(0, 0, 0, 0.34);
}
.attending-exhibition-banner__headgroup--type-term {
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.625;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.6), 0 6px 5px rgba(0, 0, 0, 0.34);
}
.attending-exhibition-banner__headgroup--type-link {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #fff !important;
  letter-spacing: 0.05em;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.6), 0 6px 5px rgba(0, 0, 0, 0.34);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 40%;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .attending-exhibition-banner {
    padding: 0.6875rem 4.2666666667%;
  }
  .attending-exhibition-banner__headgroup {
    text-decoration: none;
  }
  .attending-exhibition-banner__headgroup--type-title {
    font-size: 0.8125rem;
    line-height: 1.4615384615;
  }
  .attending-exhibition-banner__headgroup--type-genre {
    padding: 0 0.39em 0 0.625em;
    font-size: 1rem;
    line-height: 1.375;
  }
  .attending-exhibition-banner__headgroup--type-circle {
    margin-top: 0.39em;
    font-size: 0.6875rem;
    line-height: 1.5454545455;
  }
  .attending-exhibition-banner__headgroup--type-term {
    font-size: 0.9375rem;
    line-height: 1.4666666667;
  }
  .attending-exhibition-banner__headgroup--type-link {
    display: none;
  }
  #shop_default .page-wrap .shop-item-detail__exhibition-banner {
    padding: 0 10px;
  }
}
.placeholder\:\!text-text-gray100::placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(185 193 202 / var(--tw-text-opacity)) !important;
}
.before\:absolute::before{
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-x-0::before{
  content: var(--tw-content);
  left: 0px;
  right: 0px;
}
.before\:top-\[5px\]::before{
  content: var(--tw-content);
  top: 5px;
}
.before\:right-\[-18px\]::before{
  content: var(--tw-content);
  right: -18px;
}
.before\:-left-\[20px\]::before{
  content: var(--tw-content);
  left: -20px;
}
.before\:bottom-0::before{
  content: var(--tw-content);
  bottom: 0px;
}
.before\:-left-4::before{
  content: var(--tw-content);
  left: -4px;
}
.before\:-top-\[2px\]::before{
  content: var(--tw-content);
  top: -2px;
}
.before\:mx-auto::before{
  content: var(--tw-content);
  margin-left: auto;
  margin-right: auto;
}
.before\:mr-8::before{
  content: var(--tw-content);
  margin-right: 8px;
}
.before\:box-border::before{
  content: var(--tw-content);
  box-sizing: border-box;
}
.before\:block::before{
  content: var(--tw-content);
  display: block;
}
.before\:h-\[7px\]::before{
  content: var(--tw-content);
  height: 7px;
}
.before\:h-40::before{
  content: var(--tw-content);
  height: 40px;
}
.before\:h-\[1px\]::before{
  content: var(--tw-content);
  height: 1px;
}
.before\:h-\[28px\]::before{
  content: var(--tw-content);
  height: 28px;
}
.before\:h-\[16px\]::before{
  content: var(--tw-content);
  height: 16px;
}
.before\:h-\[20px\]::before{
  content: var(--tw-content);
  height: 20px;
}
.before\:w-\[7px\]::before{
  content: var(--tw-content);
  width: 7px;
}
.before\:w-\[8px\]::before{
  content: var(--tw-content);
  width: 8px;
}
.before\:w-full::before{
  content: var(--tw-content);
  width: 100%;
}
.before\:w-\[28px\]::before{
  content: var(--tw-content);
  width: 28px;
}
.before\:w-\[16px\]::before{
  content: var(--tw-content);
  width: 16px;
}
.before\:w-\[20px\]::before{
  content: var(--tw-content);
  width: 20px;
}
.before\:origin-center::before{
  content: var(--tw-content);
  transform-origin: center;
}
.before\:rotate-45::before{
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:rounded-\[6px\]::before{
  content: var(--tw-content);
  border-radius: 6px;
}
.before\:rounded-\[50\%\]::before{
  content: var(--tw-content);
  border-radius: 50%;
}
.before\:border-\[0\.5px\]::before{
  content: var(--tw-content);
  border-width: 0.5px;
}
.before\:border-2::before{
  content: var(--tw-content);
  border-width: 2px;
}
.before\:border-t-2::before{
  content: var(--tw-content);
  border-top-width: 2px;
}
.before\:border-l-0::before{
  content: var(--tw-content);
  border-left-width: 0px;
}
.before\:border-r-2::before{
  content: var(--tw-content);
  border-right-width: 2px;
}
.before\:border-b-0::before{
  content: var(--tw-content);
  border-bottom-width: 0px;
}
.before\:border-solid::before{
  content: var(--tw-content);
  border-style: solid;
}
.before\:border-anchor::before{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(17 123 139 / var(--tw-border-opacity));
}
.before\:border-\[\#B7B7B7\]::before{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(183 183 183 / var(--tw-border-opacity));
}
.before\:border-\[\#D5D9DE\]::before{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(213 217 222 / var(--tw-border-opacity));
}
.before\:bg-secondary600::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(66 181 189 / var(--tw-bg-opacity));
}
.before\:bg-border300::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(230 232 235 / var(--tw-bg-opacity));
}
.before\:bg-secondary700::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(44 155 166 / var(--tw-bg-opacity));
}
.before\:bg-white::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.before\:opacity-\[0\.32\]::before{
  content: var(--tw-content);
  opacity: 0.32;
}
.before\:shadow-\[inset_0_0\.5px_2px_rgba\(0\2c 0\2c 0\2c \.3\)\]::before{
  content: var(--tw-content);
  --tw-shadow: inset 0 0.5px 2px rgba(0,0,0,.3);
  --tw-shadow-colored: inset 0 0.5px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:shadow-\[inset_0_0\.5px_2px_rgba\(0\2c 0\2c 0\2c \.11\)\]::before{
  content: var(--tw-content);
  --tw-shadow: inset 0 0.5px 2px rgba(0,0,0,.11);
  --tw-shadow-colored: inset 0 0.5px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:content-\[\'\'\]::before{
  --tw-content: '';
  content: var(--tw-content);
}
.before\:content-\[\"\"\]::before{
  --tw-content: "";
  content: var(--tw-content);
}
.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}
.after\:-top-\[2px\]::after{
  content: var(--tw-content);
  top: -2px;
}
.after\:-left-\[2px\]::after{
  content: var(--tw-content);
  left: -2px;
}
.after\:mx-auto::after{
  content: var(--tw-content);
  margin-left: auto;
  margin-right: auto;
}
.after\:h-\[1px\]::after{
  content: var(--tw-content);
  height: 1px;
}
.after\:h-\[20px\]::after{
  content: var(--tw-content);
  height: 20px;
}
.after\:w-full::after{
  content: var(--tw-content);
  width: 100%;
}
.after\:w-\[20px\]::after{
  content: var(--tw-content);
  width: 20px;
}
.after\:rounded-4::after{
  content: var(--tw-content);
  border-radius: 4px;
}
.after\:bg-secondary700::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(44 155 166 / var(--tw-bg-opacity));
}
.after\:content-\[\"\"\]::after{
  --tw-content: "";
  content: var(--tw-content);
}
.visited\:text-text-default:visited{
  color: rgb(37 47 61 );
}
.visited\:text-\[\#7F8D9F\]:visited{
  color: rgb(127 141 159 );
}
.visited\:text-text5:visited{
  color: var(--tailwind-color-text5, #ffffff);
}
.visited\:text-text-gray300:visited{
  color: rgb(127 141 159 );
}
.visited\:text-text2:visited{
  color: var(--tailwind-color-text2, #474747);
}
.visited\:no-underline:visited{
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.checked\:border-\[6px\]:checked{
  border-width: 6px;
}
.checked\:border-secondary600:checked{
  --tw-border-opacity: 1;
  border-color: rgb(66 181 189 / var(--tw-border-opacity));
}
.placeholder-shown\:text-ellipsis:placeholder-shown{
  text-overflow: ellipsis;
}
.empty\:m-0:empty{
  margin: 0px;
}
.empty\:my-0:empty{
  margin-top: 0px;
  margin-bottom: 0px;
}
.empty\:mt-0:empty{
  margin-top: 0px;
}
.empty\:hidden:empty{
  display: none;
}
.focus-within\:before\:bg-brand:focus-within::before{
  content: var(--tw-content);
  background-color: var(--tailwind-color-brand, #0096fa);
}
.focus-within\:before\:bg-secondary600:focus-within::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(66 181 189 / var(--tw-bg-opacity));
}
.hover\:border-opacity-80:hover{
  --tw-border-opacity: .8;
}
.hover\:bg-\[\#0C7ABF\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(12 122 191 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#f7f8fa\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 250 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-80:hover{
  --tw-bg-opacity: .8;
}
.hover\:text-text-default:hover{
  --tw-text-opacity: 1;
  color: rgb(37 47 61 / var(--tw-text-opacity));
}
.hover\:text-\[\#7F8D9F\]:hover{
  --tw-text-opacity: 1;
  color: rgb(127 141 159 / var(--tw-text-opacity));
}
.hover\:text-text5:hover{
  color: var(--tailwind-color-text5, #ffffff);
}
.hover\:text-text-gray300:hover{
  --tw-text-opacity: 1;
  color: rgb(127 141 159 / var(--tw-text-opacity));
}
.hover\:text-text2:hover{
  color: var(--tailwind-color-text2, #474747);
}
.hover\:text-opacity-80:hover{
  --tw-text-opacity: .8;
}
.hover\:underline:hover{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.hover\:opacity-80:hover{
  opacity: .8;
}
.hover\:after\:bg-surface3:hover::after{
  content: var(--tw-content);
  background-color: var(--tailwind-color-surface3, rgba(0,0,0,0.04));
}
.focus\:border-ui-label:focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 29 38 / var(--tw-border-opacity));
}
.focus\:border-\[\#171d26\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(23 29 38 / var(--tw-border-opacity));
}
.focus\:\!border-ui-background800:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(149 152 171 / var(--tw-border-opacity)) !important;
}
.focus\:\!border-assertive:focus{
  border-color: var(--tailwind-color-assertive, #ff2b00) !important;
}
.focus\:\!border-semantic-blue:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(89 191 241 / var(--tw-border-opacity)) !important;
}
.focus\:bg-surface3:focus{
  background-color: var(--tailwind-color-surface3, rgba(0,0,0,0.04));
}
.focus\:\!bg-white:focus{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.focus\:shadow-secondary-focus:focus{
  --tw-shadow: rgb(66 181 189 / 32%) 0px 0px 0px 4px;
  --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:\!shadow-secondary-focus:focus{
  --tw-shadow: rgb(66 181 189 / 32%) 0px 0px 0px 4px !important;
  --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.focus\:\!shadow-primary-focus:focus{
  --tw-shadow: rgb(255 92 103 / 32%) 0px 0px 0px 4px !important;
  --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.focus\:shadow-brand-focus:focus{
  --tw-shadow: rgb(0 150 250 / 32%) 0px 0px 0px 4px;
  --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:\!border-ui-background800:focus-visible{
  --tw-border-opacity: 1 !important;
  border-color: rgb(149 152 171 / var(--tw-border-opacity)) !important;
}
.focus-visible\:\!border-assertive:focus-visible{
  border-color: var(--tailwind-color-assertive, #ff2b00) !important;
}
.focus-visible\:\!border-semantic-blue:focus-visible{
  --tw-border-opacity: 1 !important;
  border-color: rgb(89 191 241 / var(--tw-border-opacity)) !important;
}
.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline-ui-background800:focus-visible{
  outline-color: #9598ab;
}
.focus-visible\:outline-assertive:focus-visible{
  outline-color: var(--tailwind-color-assertive, #ff2b00);
}
.focus-visible\:outline-semantic-blue:focus-visible{
  outline-color: #59bff1;
}
.active\:text-text-default:active{
  --tw-text-opacity: 1;
  color: rgb(37 47 61 / var(--tw-text-opacity));
}
.active\:after\:bg-text4:active::after{
  content: var(--tw-content);
  background-color: var(--tailwind-color-text4, #adadad);
}
.disabled\:opacity-\[0\.32\]:disabled{
  opacity: 0.32;
}
.disabled\:\!opacity-\[\.32\]:disabled{
  opacity: .32 !important;
}
.disabled\:opacity-\[0\.34\]:disabled{
  opacity: 0.34;
}
.disabled\:hover\:opacity-\[0\.32\]:hover:disabled{
  opacity: 0.32;
}
.disabled\:hover\:opacity-\[0\.34\]:hover:disabled{
  opacity: 0.34;
}
.peer:checked ~ .peer-checked\:before\:border-\[6px\]::before{
  content: var(--tw-content);
  border-width: 6px;
}
.peer:checked ~ .peer-checked\:before\:border-\[\#2C91FC\]::before{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(44 145 252 / var(--tw-border-opacity));
}
.peer:checked ~ .peer-checked\:before\:border-\[\#42B5BD\]::before{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(66 181 189 / var(--tw-border-opacity));
}
.peer:checked ~ .peer-checked\:before\:bg-\[\#3B99FC\]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(59 153 252 / var(--tw-bg-opacity));
}
.peer:checked ~ .peer-checked\:after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}
.peer:checked ~ .peer-checked\:after\:top-\[5px\]::after{
  content: var(--tw-content);
  top: 5px;
}
.peer:checked ~ .peer-checked\:after\:left-\[5px\]::after{
  content: var(--tw-content);
  left: 5px;
}
.peer:checked ~ .peer-checked\:after\:h-\[6px\]::after{
  content: var(--tw-content);
  height: 6px;
}
.peer:checked ~ .peer-checked\:after\:w-\[6px\]::after{
  content: var(--tw-content);
  width: 6px;
}
.peer:checked ~ .peer-checked\:after\:rounded-\[50\%\]::after{
  content: var(--tw-content);
  border-radius: 50%;
}
.peer:checked ~ .peer-checked\:after\:bg-white::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.peer:checked ~ .peer-checked\:after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}
@media (min-width: 0px) and (max-width: 744px){

  .mobile\:fixed{
    position: fixed;
  }

  .mobile\:inset-x-auto{
    left: auto;
    right: auto;
  }

  .mobile\:inset-x-0{
    left: 0px;
    right: 0px;
  }

  .mobile\:bottom-0{
    bottom: 0px;
  }

  .mobile\:z-10{
    z-index: 10;
  }

  .mobile\:m-16{
    margin: 16px;
  }

  .mobile\:m-0{
    margin: 0px;
  }

  .mobile\:m-\[22px_8px\]{
    margin: 22px 8px;
  }

  .mobile\:mx-16{
    margin-left: 16px;
    margin-right: 16px;
  }

  .mobile\:my-12{
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .mobile\:mx-32{
    margin-left: 32px;
    margin-right: 32px;
  }

  .mobile\:mx-\[32px\]{
    margin-left: 32px;
    margin-right: 32px;
  }

  .mobile\:my-8{
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .mobile\:my-16{
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .mobile\:my-4{
    margin-top: 4px;
    margin-bottom: 4px;
  }

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

  .mobile\:mt-24{
    margin-top: 24px;
  }

  .mobile\:mt-16{
    margin-top: 16px;
  }

  .mobile\:mb-16{
    margin-bottom: 16px;
  }

  .mobile\:mt-12{
    margin-top: 12px;
  }

  .mobile\:mb-40{
    margin-bottom: 40px;
  }

  .mobile\:mb-8{
    margin-bottom: 8px;
  }

  .mobile\:mt-32{
    margin-top: 32px;
  }

  .mobile\:mb-24{
    margin-bottom: 24px;
  }

  .mobile\:mt-\[28px\]{
    margin-top: 28px;
  }

  .mobile\:mb-\[32px\]{
    margin-bottom: 32px;
  }

  .mobile\:\!mt-16{
    margin-top: 16px !important;
  }

  .mobile\:\!mb-8{
    margin-bottom: 8px !important;
  }

  .mobile\:mb-12{
    margin-bottom: 12px;
  }

  .mobile\:mt-4{
    margin-top: 4px;
  }

  .mobile\:mb-4{
    margin-bottom: 4px;
  }

  .mobile\:mb-0{
    margin-bottom: 0px;
  }

  .mobile\:ml-16{
    margin-left: 16px;
  }

  .mobile\:mt-\[11px\]{
    margin-top: 11px;
  }

  .mobile\:mt-8{
    margin-top: 8px;
  }

  .mobile\:ml-\[32px\]{
    margin-left: 32px;
  }

  .mobile\:mb-\[6px\]{
    margin-bottom: 6px;
  }

  .mobile\:mb-\[28px\]{
    margin-bottom: 28px;
  }

  .mobile\:\!mt-\[44px\]{
    margin-top: 44px !important;
  }

  .mobile\:mt-2{
    margin-top: 2px;
  }

  .mobile\:mt-\[22px\]{
    margin-top: 22px;
  }

  .mobile\:ml-32{
    margin-left: 32px;
  }

  .mobile\:block{
    display: block;
  }

  .mobile\:inline-block{
    display: inline-block;
  }

  .mobile\:\!inline-block{
    display: inline-block !important;
  }

  .mobile\:flex{
    display: flex;
  }

  .mobile\:grid{
    display: grid;
  }

  .mobile\:contents{
    display: contents;
  }

  .mobile\:hidden{
    display: none;
  }

  .mobile\:h-auto{
    height: auto;
  }

  .mobile\:h-\[32px\]{
    height: 32px;
  }

  .mobile\:h-\[22px\]{
    height: 22px;
  }

  .mobile\:h-\[44px\]{
    height: 44px;
  }

  .mobile\:h-40{
    height: 40px;
  }

  .mobile\:h-\[56px\]{
    height: 56px;
  }

  .mobile\:h-\[176px\]{
    height: 176px;
  }

  .mobile\:h-\[24px\]{
    height: 24px;
  }

  .mobile\:\!max-h-\[calc\(100\%-44px\)\]{
    max-height: calc(100% - 44px) !important;
  }

  .mobile\:min-h-\[24px\]{
    min-height: 24px;
  }

  .mobile\:w-auto{
    width: auto;
  }

  .mobile\:w-\[311px\]{
    width: 311px;
  }

  .mobile\:w-full{
    width: 100%;
  }

  .mobile\:w-\[44px\]{
    width: 44px;
  }

  .mobile\:w-\[calc\(100\%-32px\)\]{
    width: calc(100% - 32px);
  }

  .mobile\:w-\[56px\]{
    width: 56px;
  }

  .mobile\:w-\[164px\]{
    width: 164px;
  }

  .mobile\:w-\[48px\]{
    width: 48px;
  }

  .mobile\:w-\[252px\]{
    width: 252px;
  }

  .mobile\:w-\[176px\]{
    width: 176px;
  }

  .mobile\:w-\[343px\]{
    width: 343px;
  }

  .mobile\:w-\[300px\]{
    width: 300px;
  }

  .mobile\:w-\[30px\]{
    width: 30px;
  }

  .mobile\:max-w-\[256px\]{
    max-width: 256px;
  }

  .mobile\:max-w-\[222px\]{
    max-width: 222px;
  }

  .mobile\:flex-1{
    flex: 1 1 0%;
  }

  .mobile\:flex-grow{
    flex-grow: 1;
  }

  .mobile\:grid-flow-row{
    grid-auto-flow: row;
  }

  .mobile\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mobile\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mobile\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .mobile\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .mobile\:flex-col{
    flex-direction: column;
  }

  .mobile\:flex-wrap{
    flex-wrap: wrap;
  }

  .mobile\:items-start{
    align-items: flex-start;
  }

  .mobile\:justify-end{
    justify-content: flex-end;
  }

  .mobile\:gap-16{
    gap: 16px;
  }

  .mobile\:gap-\[32px\]{
    gap: 32px;
  }

  .mobile\:gap-40{
    gap: 40px;
  }

  .mobile\:gap-4{
    gap: 4px;
  }

  .mobile\:gap-8{
    gap: 8px;
  }

  .mobile\:gap-24{
    gap: 24px;
  }

  .mobile\:gap-y-16{
    row-gap: 16px;
  }

  .mobile\:gap-y-8{
    row-gap: 8px;
  }

  .mobile\:gap-x-8{
    column-gap: 8px;
  }

  .mobile\:gap-y-\[18px\]{
    row-gap: 18px;
  }

  .mobile\:gap-x-16{
    column-gap: 16px;
  }

  .mobile\:gap-y-24{
    row-gap: 24px;
  }

  .mobile\:divide-y > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  }

  .mobile\:divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .mobile\:divide-border300 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(230 232 235 / var(--tw-divide-opacity));
  }

  .mobile\:self-center{
    align-self: center;
  }

  .mobile\:rounded-none{
    border-radius: 0px;
  }

  .mobile\:border-y{
    border-top-width: 1px;
    border-bottom-width: 1px;
  }

  .mobile\:border-x-0{
    border-left-width: 0px;
    border-right-width: 0px;
  }

  .mobile\:border-b{
    border-bottom-width: 1px;
  }

  .mobile\:border-b-2{
    border-bottom-width: 2px;
  }

  .mobile\:border-t{
    border-top-width: 1px;
  }

  .mobile\:border-l-0{
    border-left-width: 0px;
  }

  .mobile\:border-r-0{
    border-right-width: 0px;
  }

  .mobile\:border-border300{
    --tw-border-opacity: 1;
    border-color: rgb(230 232 235 / var(--tw-border-opacity));
  }

  .mobile\:border-border500{
    --tw-border-opacity: 1;
    border-color: rgb(213 217 222 / var(--tw-border-opacity));
  }

  .mobile\:bg-ui-background200{
    --tw-bg-opacity: 1;
    background-color: rgb(247 248 250 / var(--tw-bg-opacity));
  }

  .mobile\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .mobile\:p-16{
    padding: 16px;
  }

  .mobile\:p-0{
    padding: 0px;
  }

  .mobile\:p-8{
    padding: 8px;
  }

  .mobile\:px-16{
    padding-left: 16px;
    padding-right: 16px;
  }

  .mobile\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .mobile\:py-24{
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .mobile\:py-16{
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .mobile\:px-\[32px\]{
    padding-left: 32px;
    padding-right: 32px;
  }

  .mobile\:px-32{
    padding-left: 32px;
    padding-right: 32px;
  }

  .mobile\:\!py-8{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .mobile\:px-40{
    padding-left: 40px;
    padding-right: 40px;
  }

  .mobile\:py-\[20px\]{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .mobile\:py-4{
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .mobile\:py-12{
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .mobile\:py-\[48px\]{
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .mobile\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .mobile\:px-\[15px\]{
    padding-left: 15px;
    padding-right: 15px;
  }

  .mobile\:py-\[10px\]{
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .mobile\:py-32{
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .mobile\:pt-24{
    padding-top: 24px;
  }

  .mobile\:pb-40{
    padding-bottom: 40px;
  }

  .mobile\:pt-16{
    padding-top: 16px;
  }

  .mobile\:pt-40{
    padding-top: 40px;
  }

  .mobile\:pb-24{
    padding-bottom: 24px;
  }

  .mobile\:pb-\[56px\]{
    padding-bottom: 56px;
  }

  .mobile\:pt-\[32px\]{
    padding-top: 32px;
  }

  .mobile\:pl-\[1\.5px\]{
    padding-left: 1.5px;
  }

  .mobile\:pr-8{
    padding-right: 8px;
  }

  .mobile\:pt-\[13px\]{
    padding-top: 13px;
  }

  .mobile\:pb-8{
    padding-bottom: 8px;
  }

  .mobile\:pt-8{
    padding-top: 8px;
  }

  .mobile\:pb-16{
    padding-bottom: 16px;
  }

  .mobile\:pb-64{
    padding-bottom: 64px;
  }

  .mobile\:pt-12{
    padding-top: 12px;
  }

  .mobile\:pt-\[76px\]{
    padding-top: 76px;
  }

  .mobile\:\!pt-8{
    padding-top: 8px !important;
  }

  .mobile\:\!pb-24{
    padding-bottom: 24px !important;
  }

  .mobile\:pb-4{
    padding-bottom: 4px;
  }

  .mobile\:pl-12{
    padding-left: 12px;
  }

  .mobile\:\!pb-0{
    padding-bottom: 0px !important;
  }

  .mobile\:text-center{
    text-align: center;
  }

  .mobile\:text-right{
    text-align: right;
  }

  .mobile\:text-\[20px\]{
    font-size: 20px;
  }

  .mobile\:text-\[18px\]{
    font-size: 18px;
  }

  .mobile\:\!text-\[20px\]{
    font-size: 20px !important;
  }

  .mobile\:text-\[24px\]{
    font-size: 24px;
  }

  .mobile\:text-\[48px\]{
    font-size: 48px;
  }

  .mobile\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .mobile\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .mobile\:leading-\[26px\]{
    line-height: 26px;
  }

  .mobile\:leading-\[42px\]{
    line-height: 42px;
  }

  .mobile\:\!leading-\[28px\]{
    line-height: 28px !important;
  }

  .mobile\:leading-\[28px\]{
    line-height: 28px;
  }

  .mobile\:leading-\[44px\]{
    line-height: 44px;
  }

  .mobile\:leading-\[32px\]{
    line-height: 32px;
  }

  .mobile\:leading-\[40px\]{
    line-height: 40px;
  }

  .mobile\:text-text-gray500{
    --tw-text-opacity: 1;
    color: rgb(94 107 122 / var(--tw-text-opacity));
  }

  .mobile\:typography-12{
    font-size: 12px;
    line-height: 20px;
  }

  .mobile\:typography-12::before{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-top: -4px;
  }

  .mobile\:typography-12::after{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-bottom: -4px;
  }

  .mobile\:typography-14{
    font-size: 14px;
    line-height: 22px;
  }

  .mobile\:\!typography-14{
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .mobile\:typography-14::before{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-top: -4px;
  }

  .mobile\:\!typography-14::before{
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    content: "" !important;
    margin-top: -4px !important;
  }

  .mobile\:typography-14::after{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-bottom: -4px;
  }

  .mobile\:\!typography-14::after{
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    content: "" !important;
    margin-bottom: -4px !important;
  }

  .mobile\:typography-16{
    font-size: 16px;
    line-height: 24px;
  }

  .mobile\:typography-16::before{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-top: -4px;
  }

  .mobile\:typography-16::after{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-bottom: -4px;
  }

  .mobile\:typography-20{
    font-size: 20px;
    line-height: 28px;
  }

  .mobile\:typography-20::before{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-top: -4px;
  }

  .mobile\:typography-20::after{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-bottom: -4px;
  }

  .mobile\:\!preserve-half-leading::before{
    content: none !important;
  }

  .mobile\:\!preserve-half-leading::after{
    content: none !important;
  }

  .mobile\:before\:-left-16::before{
    content: var(--tw-content);
    left: -16px;
  }

  .mobile\:before\:h-32::before{
    content: var(--tw-content);
    height: 32px;
  }

  .mobile\:before\:w-\[6px\]::before{
    content: var(--tw-content);
    width: 6px;
  }
}
@media (min-width: 744px){

  .desktop\:absolute{
    position: absolute;
  }

  .desktop\:right-0{
    right: 0px;
  }

  .desktop\:top-0{
    top: 0px;
  }

  .desktop\:bottom-0{
    bottom: 0px;
  }

  .desktop\:top-64{
    top: 64px;
  }

  .desktop\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .desktop\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .desktop\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .desktop\:col-start-2{
    grid-column-start: 2;
  }

  .desktop\:col-start-1{
    grid-column-start: 1;
  }

  .desktop\:col-end-auto{
    grid-column-end: auto;
  }

  .desktop\:row-span-2{
    grid-row: span 2 / span 2;
  }

  .desktop\:row-start-2{
    grid-row-start: 2;
  }

  .desktop\:m-auto{
    margin: auto;
  }

  .desktop\:m-\[52px\]{
    margin: 52px;
  }

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

  .desktop\:my-24{
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .desktop\:my-40{
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .desktop\:mx-32{
    margin-left: 32px;
    margin-right: 32px;
  }

  .desktop\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .desktop\:mx-24{
    margin-left: 24px;
    margin-right: 24px;
  }

  .desktop\:my-4{
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .desktop\:my-8{
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .desktop\:mx-40{
    margin-left: 40px;
    margin-right: 40px;
  }

  .desktop\:mb-24{
    margin-bottom: 24px;
  }

  .desktop\:ml-auto{
    margin-left: auto;
  }

  .desktop\:ml-16{
    margin-left: 16px;
  }

  .desktop\:mb-40{
    margin-bottom: 40px;
  }

  .desktop\:mb-16{
    margin-bottom: 16px;
  }

  .desktop\:mt-64{
    margin-top: 64px;
  }

  .desktop\:mt-40{
    margin-top: 40px;
  }

  .desktop\:mb-64{
    margin-bottom: 64px;
  }

  .desktop\:mt-0{
    margin-top: 0px;
  }

  .desktop\:mr-0{
    margin-right: 0px;
  }

  .desktop\:mb-\[31px\]{
    margin-bottom: 31px;
  }

  .desktop\:mt-\[36px\]{
    margin-top: 36px;
  }

  .desktop\:mb-\[56px\]{
    margin-bottom: 56px;
  }

  .desktop\:mr-24{
    margin-right: 24px;
  }

  .desktop\:\!mb-16{
    margin-bottom: 16px !important;
  }

  .desktop\:ml-24{
    margin-left: 24px;
  }

  .desktop\:mb-\[32px\]{
    margin-bottom: 32px;
  }

  .desktop\:mt-8{
    margin-top: 8px;
  }

  .desktop\:mr-12{
    margin-right: 12px;
  }

  .desktop\:ml-12{
    margin-left: 12px;
  }

  .desktop\:mt-\[13px\]{
    margin-top: 13px;
  }

  .desktop\:mt-16{
    margin-top: 16px;
  }

  .desktop\:mt-4{
    margin-top: 4px;
  }

  .desktop\:mt-12{
    margin-top: 12px;
  }

  .desktop\:mb-\[28px\]{
    margin-bottom: 28px;
  }

  .desktop\:mb-8{
    margin-bottom: 8px;
  }

  .desktop\:mb-4{
    margin-bottom: 4px;
  }

  .desktop\:ml-40{
    margin-left: 40px;
  }

  .desktop\:mb-\[10px\]{
    margin-bottom: 10px;
  }

  .desktop\:mt-24{
    margin-top: 24px;
  }

  .desktop\:mb-0{
    margin-bottom: 0px;
  }

  .desktop\:\!mt-\[52px\]{
    margin-top: 52px !important;
  }

  .desktop\:mt-\[26px\]{
    margin-top: 26px;
  }

  .desktop\:block{
    display: block;
  }

  .desktop\:inline-block{
    display: inline-block;
  }

  .desktop\:flex{
    display: flex;
  }

  .desktop\:grid{
    display: grid;
  }

  .desktop\:contents{
    display: contents;
  }

  .desktop\:\!hidden{
    display: none !important;
  }

  .desktop\:hidden{
    display: none;
  }

  .desktop\:h-full{
    height: 100%;
  }

  .desktop\:h-\[48px\]{
    height: 48px;
  }

  .desktop\:h-\[234px\]{
    height: 234px;
  }

  .desktop\:h-\[28px\]{
    height: 28px;
  }

  .desktop\:h-\[56px\]{
    height: 56px;
  }

  .desktop\:h-\[172px\]{
    height: 172px;
  }

  .desktop\:h-\[80px\]{
    height: 80px;
  }

  .desktop\:h-\[38px\]{
    height: 38px;
  }

  .desktop\:h-\[136px\]{
    height: 136px;
  }

  .desktop\:h-\[216px\]{
    height: 216px;
  }

  .desktop\:h-\[36px\]{
    height: 36px;
  }

  .desktop\:h-\[66px\]{
    height: 66px;
  }

  .desktop\:max-h-\[60vh\]{
    max-height: 60vh;
  }

  .desktop\:min-h-\[26px\]{
    min-height: 26px;
  }

  .desktop\:min-h-\[34px\]{
    min-height: 34px;
  }

  .desktop\:w-\[150px\]{
    width: 150px;
  }

  .desktop\:w-\[808px\]{
    width: 808px;
  }

  .desktop\:w-\[1224px\]{
    width: 1224px;
  }

  .desktop\:w-\[600px\]{
    width: 600px;
  }

  .desktop\:w-\[410px\]{
    width: 410px;
  }

  .desktop\:w-\[260px\]{
    width: 260px;
  }

  .desktop\:w-\[1016px\]{
    width: 1016px;
  }

  .desktop\:w-\[416px\]{
    width: 416px;
  }

  .desktop\:w-\[256px\]{
    width: 256px;
  }

  .desktop\:w-\[56px\]{
    width: 56px;
  }

  .desktop\:w-\[362px\]{
    width: 362px;
  }

  .desktop\:w-\[612px\]{
    width: 612px;
  }

  .desktop\:w-\[320px\]{
    width: 320px;
  }

  .desktop\:w-\[944px\]{
    width: 944px;
  }

  .desktop\:w-\[340px\]{
    width: 340px;
  }

  .desktop\:w-\[80px\]{
    width: 80px;
  }

  .desktop\:w-\[208px\]{
    width: 208px;
  }

  .desktop\:w-\[96px\]{
    width: 96px;
  }

  .desktop\:w-\[222px\]{
    width: 222px;
  }

  .desktop\:w-\[519px\]{
    width: 519px;
  }

  .desktop\:w-\[297px\]{
    width: 297px;
  }

  .desktop\:w-\[136px\]{
    width: 136px;
  }

  .desktop\:w-\[200px\]{
    width: 200px;
  }

  .desktop\:w-\[520px\]{
    width: 520px;
  }

  .desktop\:w-\[485px\]{
    width: 485px;
  }

  .desktop\:w-\[648px\]{
    width: 648px;
  }

  .desktop\:w-\[36px\]{
    width: 36px;
  }

  .desktop\:w-\[20\%\]{
    width: 20%;
  }

  .desktop\:w-\[80\%\]{
    width: 80%;
  }

  .desktop\:w-\[728px\]{
    width: 728px;
  }

  .desktop\:w-fit{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .desktop\:w-\[500px\]{
    width: 500px;
  }

  .desktop\:w-\[280px\]{
    width: 280px;
  }

  .desktop\:w-\[122px\]{
    width: 122px;
  }

  .desktop\:w-\[182px\]{
    width: 182px;
  }

  .desktop\:w-\[192px\]{
    width: 192px;
  }

  .desktop\:w-\[88px\]{
    width: 88px;
  }

  .desktop\:max-w-\[1224px\]{
    max-width: 1224px;
  }

  .desktop\:max-w-\[472px\]{
    max-width: 472px;
  }

  .desktop\:max-w-\[288px\]{
    max-width: 288px;
  }

  .desktop\:max-w-\[600px\]{
    max-width: 600px;
  }

  .desktop\:max-w-\[808px\]{
    max-width: 808px;
  }

  .desktop\:max-w-\[1016px\]{
    max-width: 1016px;
  }

  .desktop\:flex-1{
    flex: 1 1 0%;
  }

  .desktop\:auto-cols-min{
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .desktop\:grid-flow-col{
    grid-auto-flow: column;
  }

  .desktop\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .desktop\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .desktop\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .desktop\:grid-cols-\[232px_1fr\]{
    grid-template-columns: 232px 1fr;
  }

  .desktop\:grid-cols-\[auto_1fr\]{
    grid-template-columns: auto 1fr;
  }

  .desktop\:grid-cols-\[1fr_0\.693fr\]{
    grid-template-columns: 1fr 0.693fr;
  }

  .desktop\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .desktop\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .desktop\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .desktop\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .desktop\:flex-row{
    flex-direction: row;
  }

  .desktop\:flex-row-reverse{
    flex-direction: row-reverse;
  }

  .desktop\:items-center{
    align-items: center;
  }

  .desktop\:justify-end{
    justify-content: flex-end;
  }

  .desktop\:justify-center{
    justify-content: center;
  }

  .desktop\:justify-between{
    justify-content: space-between;
  }

  .desktop\:gap-fixed{
    gap: 24px;
  }

  .desktop\:gap-16{
    gap: 16px;
  }

  .desktop\:gap-24{
    gap: 24px;
  }

  .desktop\:gap-4{
    gap: 4px;
  }

  .desktop\:gap-8{
    gap: 8px;
  }

  .desktop\:gap-40{
    gap: 40px;
  }

  .desktop\:gap-y-24{
    row-gap: 24px;
  }

  .desktop\:gap-x-\[48px\]{
    column-gap: 48px;
  }

  .desktop\:gap-y-12{
    row-gap: 12px;
  }

  .desktop\:gap-x-4{
    column-gap: 4px;
  }

  .desktop\:gap-y-16{
    row-gap: 16px;
  }

  .desktop\:gap-x-24{
    column-gap: 24px;
  }

  .desktop\:gap-y-\[32px\]{
    row-gap: 32px;
  }

  .desktop\:gap-y-32{
    row-gap: 32px;
  }

  .desktop\:divide-y > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  }

  .desktop\:overflow-scroll{
    overflow: scroll;
  }

  .desktop\:rounded-16{
    border-radius: 16px;
  }

  .desktop\:rounded-8{
    border-radius: 8px;
  }

  .desktop\:rounded-4{
    border-radius: 4px;
  }

  .desktop\:\!rounded-8{
    border-radius: 8px !important;
  }

  .desktop\:rounded-\[5px\]{
    border-radius: 5px;
  }

  .desktop\:rounded-none{
    border-radius: 0px;
  }

  .desktop\:border{
    border-width: 1px;
  }

  .desktop\:border-b-4{
    border-bottom-width: 4px;
  }

  .desktop\:border-b-\[1px\]{
    border-bottom-width: 1px;
  }

  .desktop\:border-b{
    border-bottom-width: 1px;
  }

  .desktop\:border-t{
    border-top-width: 1px;
  }

  .desktop\:border-none{
    border-style: none;
  }

  .desktop\:border-border300{
    --tw-border-opacity: 1;
    border-color: rgb(230 232 235 / var(--tw-border-opacity));
  }

  .desktop\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .desktop\:bg-transparent{
    background-color: var(--tailwind-color-transparent, rgba(0,0,0,0));
  }

  .desktop\:p-24{
    padding: 24px;
  }

  .desktop\:p-40{
    padding: 40px;
  }

  .desktop\:p-0{
    padding: 0px;
  }

  .desktop\:p-32{
    padding: 32px;
  }

  .desktop\:px-16{
    padding-left: 16px;
    padding-right: 16px;
  }

  .desktop\:px-8{
    padding-left: 8px;
    padding-right: 8px;
  }

  .desktop\:py-40{
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .desktop\:py-\[20px\]{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .desktop\:px-\[61px\]{
    padding-left: 61px;
    padding-right: 61px;
  }

  .desktop\:px-\[80px\]{
    padding-left: 80px;
    padding-right: 80px;
  }

  .desktop\:\!py-16{
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .desktop\:px-32{
    padding-left: 32px;
    padding-right: 32px;
  }

  .desktop\:px-40{
    padding-left: 40px;
    padding-right: 40px;
  }

  .desktop\:py-16{
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .desktop\:py-24{
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .desktop\:py-8{
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .desktop\:px-24{
    padding-left: 24px;
    padding-right: 24px;
  }

  .desktop\:px-64{
    padding-left: 64px;
    padding-right: 64px;
  }

  .desktop\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .desktop\:py-\[3px\]{
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .desktop\:py-64{
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .desktop\:px-\[20px\]{
    padding-left: 20px;
    padding-right: 20px;
  }

  .desktop\:py-\[13px\]{
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .desktop\:pb-16{
    padding-bottom: 16px;
  }

  .desktop\:pb-\[80px\]{
    padding-bottom: 80px;
  }

  .desktop\:pt-64{
    padding-top: 64px;
  }

  .desktop\:pb-\[15px\]{
    padding-bottom: 15px;
  }

  .desktop\:pt-\[20px\]{
    padding-top: 20px;
  }

  .desktop\:pb-24{
    padding-bottom: 24px;
  }

  .desktop\:pt-16{
    padding-top: 16px;
  }

  .desktop\:pt-32{
    padding-top: 32px;
  }

  .desktop\:pt-24{
    padding-top: 24px;
  }

  .desktop\:pt-\[14px\]{
    padding-top: 14px;
  }

  .desktop\:pt-\[26px\]{
    padding-top: 26px;
  }

  .desktop\:pt-12{
    padding-top: 12px;
  }

  .desktop\:pt-40{
    padding-top: 40px;
  }

  .desktop\:pb-\[48px\]{
    padding-bottom: 48px;
  }

  .desktop\:pl-16{
    padding-left: 16px;
  }

  .desktop\:pb-8{
    padding-bottom: 8px;
  }

  .desktop\:pt-\[36px\]{
    padding-top: 36px;
  }

  .desktop\:pb-0{
    padding-bottom: 0px;
  }

  .desktop\:text-left{
    text-align: left;
  }

  .desktop\:text-center{
    text-align: center;
  }

  .desktop\:text-\[24px\]{
    font-size: 24px;
  }

  .desktop\:text-\[20px\]{
    font-size: 20px;
  }

  .desktop\:\!text-\[24px\]{
    font-size: 24px !important;
  }

  .desktop\:text-\[28px\]{
    font-size: 28px;
  }

  .desktop\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .desktop\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .desktop\:text-\[18px\]{
    font-size: 18px;
  }

  .desktop\:font-bold{
    font-weight: 700;
  }

  .desktop\:leading-\[32px\]{
    line-height: 32px;
  }

  .desktop\:\!leading-\[31\.25px\]{
    line-height: 31.25px !important;
  }

  .desktop\:leading-\[44px\]{
    line-height: 44px;
  }

  .desktop\:leading-none{
    line-height: 1;
  }

  .desktop\:leading-\[56px\]{
    line-height: 56px;
  }

  .desktop\:leading-\[28px\]{
    line-height: 28px;
  }

  .desktop\:leading-\[26px\]{
    line-height: 26px;
  }

  .desktop\:typography-14{
    font-size: 14px;
    line-height: 22px;
  }

  .desktop\:typography-14::before{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-top: -4px;
  }

  .desktop\:typography-14::after{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-bottom: -4px;
  }

  .desktop\:\!typography-16{
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .desktop\:typography-16{
    font-size: 16px;
    line-height: 24px;
  }

  .desktop\:\!typography-16::before{
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    content: "" !important;
    margin-top: -4px !important;
  }

  .desktop\:typography-16::before{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-top: -4px;
  }

  .desktop\:\!typography-16::after{
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    content: "" !important;
    margin-bottom: -4px !important;
  }

  .desktop\:typography-16::after{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-bottom: -4px;
  }

  .desktop\:typography-20{
    font-size: 20px;
    line-height: 28px;
  }

  .desktop\:typography-20::before{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-top: -4px;
  }

  .desktop\:typography-20::after{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-bottom: -4px;
  }

  .desktop\:hover\:underline:hover{
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
  }
}
.\[\&\>summary\]\:open\:hidden[open]>summary{
  display: none;
}
.\[\&_ul\]\:my-8 ul{
  margin-top: 8px;
  margin-bottom: 8px;
}
.\[\&_ul\]\:grid ul{
  display: grid;
}
.\[\&_ul\]\:gap-8 ul{
  gap: 8px;
}
.\[\&_li\]\:m-0 li{
  margin: 0px;
}
.\[\&\:last-of-type\]\:border-none:last-of-type{
  border-style: none;
}
.\[\&\>iframe\]\:w-full>iframe{
  width: 100%;
}
.\[\&_\.badge\]\:\!m-0 .badge{
  margin: 0px !important;
}
.\[\&_div\]\:\!font-normal div{
  font-weight: 400 !important;
}
.\[\&_input\]\:\!m-0 input{
  margin: 0px !important;
}
.\[\&_input\]\:\!w-\[calc\(100\%_\/_0\.875\)\] input{
  width: calc(100% / 0.875) !important;
}
.\[\&_input\]\:rounded-\[calc\(4px_\/_0\.875\)\] input{
  border-radius: calc(4px / 0.875);
}
.\[\&_input\]\:\!border-none input{
  border-style: none !important;
}
.\[\&_input\]\:\!border-text4 input{
  border-color: var(--tailwind-color-text4, #adadad) !important;
}
.\[\&_input\]\:\!bg-surface3 input{
  background-color: var(--tailwind-color-surface3, rgba(0,0,0,0.04)) !important;
}
.\[\&_input\]\:\!px-\[calc\(\(8px_\+_0px\)_\/_0\.875\)\] input{
  padding-left: calc((8px + 0px) / 0.875) !important;
  padding-right: calc((8px + 0px) / 0.875) !important;
}
.\[\&_input\]\:\!py-0 input{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.\[\&_input\]\:\!align-baseline input{
  vertical-align: baseline !important;
}
.\[\&_input\]\:\!text-\[calc\(14px_\/_0\.875\)\] input{
  font-size: calc(14px / 0.875) !important;
}
.\[\&_input\]\:\!text-text-default input{
  --tw-text-opacity: 1 !important;
  color: rgb(37 47 61 / var(--tw-text-opacity)) !important;
}
.\[\&_input\]\:\!shadow-invalid input{
  --tw-shadow: rgb(222 63 58 / 32%) 0px 0px 0px 4px !important;
  --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\[\&_input\]\:\!transition-\[background-color\2c box-shadow\] input{
  transition-property: background-color,box-shadow !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 0.2s !important;
}
.\[\&_input\]\:\!duration-\[0\.2s\2c 0\.2s\] input{
  transition-duration: 0.2s,0.2s !important;
}
.checked\:\[\&_input\]\:\!bg-secondary600 input:checked{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(66 181 189 / var(--tw-bg-opacity)) !important;
}
.hover\:\[\&_input\]\:\!bg-surface3-hover input:hover{
  background-color: var(--tailwind-color-surface3--hover, rgba(0,0,0,0.0784)) !important;
}
.focus\:\[\&_input\]\:\!shadow-secondary-focus input:focus{
  --tw-shadow: rgb(66 181 189 / 32%) 0px 0px 0px 4px !important;
  --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.disabled\:\[\&_input\]\:opacity-100 input:disabled{
  opacity: 1;
}
.\[\&_button\]\:border-none button{
  border-style: none;
}
.\[\&_button\]\:bg-surface1 button{
  background-color: var(--tailwind-color-surface1, #ffffff);
}
.\[\&_button\]\:\!shadow-invalid button{
  --tw-shadow: rgb(222 63 58 / 32%) 0px 0px 0px 4px !important;
  --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.focus\:\[\&_button\]\:\!shadow-secondary-focus button:focus{
  --tw-shadow: rgb(66 181 189 / 32%) 0px 0px 0px 4px !important;
  --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.disabled\:\[\&_button\]\:opacity-100 button:disabled{
  opacity: 1;
}
.\[\&\>button\]\:bg-transparent>button{
  background-color: var(--tailwind-color-transparent, rgba(0,0,0,0));
}
.\[\&\>button\]\:\!text-semantic-red>button{
  --tw-text-opacity: 1 !important;
  color: rgb(222 63 58 / var(--tw-text-opacity)) !important;
}
.\[\&_h3\]\:text-text-default h3{
  --tw-text-opacity: 1;
  color: rgb(37 47 61 / var(--tw-text-opacity));
}
.focus\:\[\&_\~_button\]\:\!shadow-secondary-focus ~ button:focus{
  --tw-shadow: rgb(66 181 189 / 32%) 0px 0px 0px 4px !important;
  --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\[\&_textarea\]\:\!m-0 textarea{
  margin: 0px !important;
}
.\[\&_textarea\]\:\!box-content textarea{
  box-sizing: content-box !important;
}
.\[\&_textarea\]\:\!w-\[calc\(100\%_\/_0\.875\)\] textarea{
  width: calc(100% / 0.875) !important;
}
.\[\&_textarea\]\:\!border-none textarea{
  border-style: none !important;
}
.\[\&_textarea\]\:\!bg-transparent textarea{
  background-color: var(--tailwind-color-transparent, rgba(0,0,0,0)) !important;
}
.\[\&_textarea\]\:\!align-baseline textarea{
  vertical-align: baseline !important;
}
.last-of-type\:\[\&\>div\]\:text-text-default>div:last-of-type{
  --tw-text-opacity: 1;
  color: rgb(37 47 61 / var(--tw-text-opacity));
}
.last-of-type\:\[\&\>div\]\:\!shadow-invalid>div:last-of-type{
  --tw-shadow: rgb(222 63 58 / 32%) 0px 0px 0px 4px !important;
  --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.focus-within\:last-of-type\:\[\&\>div\]\:\!shadow-secondary-focus>div:last-of-type:focus-within{
  --tw-shadow: rgb(66 181 189 / 32%) 0px 0px 0px 4px !important;
  --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\[\&\>p\]\:\!text-semantic-red>p{
  --tw-text-opacity: 1 !important;
  color: rgb(222 63 58 / var(--tw-text-opacity)) !important;
}