@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{
  --charcoal-transparent: rgba(0,0,0,0);
  --charcoal-transparent-hover: rgba(0,0,0,0.04);
  --charcoal-transparent-press: rgba(0,0,0,0.16);
  --charcoal-background1: #ffffff;
  --charcoal-background1-hover: #f5f5f5;
  --charcoal-background1-press: #d6d6d6;
  --charcoal-background2: #f5f5f5;
  --charcoal-background2-hover: #ebebeb;
  --charcoal-background2-press: #cecece;
  --charcoal-icon6: rgba(255,255,255,0.28);
  --charcoal-icon6-hover: rgba(222,222,222,0.3088);
  --charcoal-icon6-press: rgba(152,152,152,0.3952);
  --charcoal-link1: #3d7699;
  --charcoal-link1-hover: #3b7193;
  --charcoal-link1-press: #336381;
  --charcoal-link2: rgba(255,255,255,0.36);
  --charcoal-link2-hover: rgba(229,229,229,0.3856);
  --charcoal-link2-press: rgba(167,167,167,0.4624);
  --charcoal-surface1: #ffffff;
  --charcoal-surface1-hover: #f5f5f5;
  --charcoal-surface1-press: #d6d6d6;
  --charcoal-surface2: rgba(0,0,0,0.02);
  --charcoal-surface2-hover: rgba(0,0,0,0.0592);
  --charcoal-surface2-press: rgba(0,0,0,0.17679999999999998);
  --charcoal-surface3: rgba(0,0,0,0.04);
  --charcoal-surface3-hover: rgba(0,0,0,0.0784);
  --charcoal-surface3-press: rgba(0,0,0,0.1936);
  --charcoal-surface4: rgba(0,0,0,0.32);
  --charcoal-surface4-hover: rgba(0,0,0,0.3472);
  --charcoal-surface4-press: rgba(0,0,0,0.4288);
  --charcoal-surface6: rgba(0,0,0,0.88);
  --charcoal-surface6-hover: rgba(0,0,0,0.8848);
  --charcoal-surface6-press: rgba(0,0,0,0.8992);
  --charcoal-surface7: rgba(0,0,0,0.02);
  --charcoal-surface7-hover: rgba(0,0,0,0.0592);
  --charcoal-surface7-press: rgba(0,0,0,0.17679999999999998);
  --charcoal-surface8: rgba(0,0,0,0.88);
  --charcoal-surface8-hover: rgba(0,0,0,0.8848);
  --charcoal-surface8-press: rgba(0,0,0,0.8992);
  --charcoal-surface9: #ffffff;
  --charcoal-surface9-hover: #f5f5f5;
  --charcoal-surface9-press: #d6d6d6;
  --charcoal-surface10: rgba(0,0,0,0.16);
  --charcoal-surface10-hover: rgba(0,0,0,0.1936);
  --charcoal-surface10-press: rgba(0,0,0,0.2944);
  --charcoal-text1: #1f1f1f;
  --charcoal-text1-hover: #1e1e1e;
  --charcoal-text1-press: #1a1a1a;
  --charcoal-text2: #474747;
  --charcoal-text2-hover: #444;
  --charcoal-text2-press: #3c3c3c;
  --charcoal-text3: #858585;
  --charcoal-text3-hover: #808080;
  --charcoal-text3-press: #707070;
  --charcoal-text4: #adadad;
  --charcoal-text4-hover: #a6a6a6;
  --charcoal-text4-press: #919191;
  --charcoal-text5: #ffffff;
  --charcoal-text5-hover: #f5f5f5;
  --charcoal-text5-press: #d6d6d6;
  --charcoal-brand: #0096fa;
  --charcoal-brand-hover: #0090f0;
  --charcoal-brand-press: #007ed2;
  --charcoal-assertive: #ff2b00;
  --charcoal-assertive-hover: #f52900;
  --charcoal-assertive-press: #d62400;
  --charcoal-warning: #ffaf0f;
  --charcoal-warning-hover: #f5a80e;
  --charcoal-warning-press: #d6930d;
  --charcoal-success: #b1cc29;
  --charcoal-success-hover: #aac427;
  --charcoal-success-press: #95ab22;
  --charcoal-updatedItem: rgba(0,150,250,0.04);
  --charcoal-updatedItem-hover: rgba(0,73,122,0.0784);
  --charcoal-updatedItem-press: rgba(0,26,43,0.1936);
  --charcoal-border: rgba(0,0,0,0.08);
  --charcoal-border-hover: rgba(0,0,0,0.1168);
  --charcoal-border-press: rgba(0,0,0,0.2272);
  --charcoal-border-default: rgba(0,0,0,0.08);
  --charcoal-border-default-hover: rgba(0,0,0,0.1168);
  --charcoal-border-default-press: rgba(0,0,0,0.2272);
  --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;
}
.pointer-events-auto{
  pointer-events: auto;
}
.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;
}
.top-1\/2{
  top: 50%;
}
.right-\[12px\]{
  right: 12px;
}
.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;
}
.top-8{
  top: 8px;
}
.right-\[6px\]{
  right: 6px;
}
.top-\[24\%\]{
  top: 24%;
}
.right-\[20\%\]{
  right: 20%;
}
.left-0{
  left: 0px;
}
.right-\[10mm\]{
  right: 10mm;
}
.top-\[2px\]{
  top: 2px;
}
.left-\[2px\]{
  left: 2px;
}
.right-0{
  right: 0px;
}
.bottom-auto{
  bottom: auto;
}
.top-2{
  top: 2px;
}
.left-2{
  left: 2px;
}
.top-\[44px\]{
  top: 44px;
}
.top-\[-8px\]{
  top: -8px;
}
.right-\[-8px\]{
  right: -8px;
}
.top-32{
  top: 32px;
}
.top-\[10\%\]{
  top: 10%;
}
.right-8{
  right: 8px;
}
.top-full{
  top: 100%;
}
.bottom-full{
  bottom: 100%;
}
.\!left-1\/2{
  left: 50% !important;
}
.top-\[-4px\]{
  top: -4px;
}
.right-40{
  right: 40px;
}
.right-\[-10px\]{
  right: -10px;
}
.top-\[-48px\]{
  top: -48px;
}
.left-\[1px\]{
  left: 1px;
}
.bottom-\[-1px\]{
  bottom: -1px;
}
.right-auto{
  right: auto;
}
.right-2{
  right: 2px;
}
.-top-8{
  top: -8px;
}
.left-\[calc\(50\%-36\.5px\)\]{
  left: calc(50% - 36.5px);
}
.top-\[-27px\]{
  top: -27px;
}
.left-\[calc\(50\%-56px\)\]{
  left: calc(50% - 56px);
}
.top-\[-23px\]{
  top: -23px;
}
.isolate{
  isolation: isolate;
}
.z-\[2000\]{
  z-index: 2000;
}
.z-\[2\]{
  z-index: 2;
}
.z-\[9500\]{
  z-index: 9500;
}
.z-\[-2\]{
  z-index: -2;
}
.z-\[10000\]{
  z-index: 10000;
}
.z-\[-1\]{
  z-index: -1;
}
.z-\[1\]{
  z-index: 1;
}
.z-10{
  z-index: 10;
}
.z-50{
  z-index: 50;
}
.z-\[1000\]{
  z-index: 1000;
}
.z-\[1001\]{
  z-index: 1001;
}
.z-auto{
  z-index: auto;
}
.z-\[9000\]{
  z-index: 9000;
}
.z-\[9501\]{
  z-index: 9501;
}
.col-span-3{
  grid-column: span 3 / span 3;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-full{
  grid-column: 1 / -1;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-4{
  grid-column: span 4 / span 4;
}
.col-start-2{
  grid-column-start: 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;
}
.mx-16{
  margin-left: 16px;
  margin-right: 16px;
}
.my-24{
  margin-top: 24px;
  margin-bottom: 24px;
}
.my-16{
  margin-top: 16px;
  margin-bottom: 16px;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-4{
  margin-top: 4px;
  margin-bottom: 4px;
}
.\!my-0{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.my-8{
  margin-top: 8px;
  margin-bottom: 8px;
}
.my-2{
  margin-top: 2px;
  margin-bottom: 2px;
}
.mx-\[-5px\]{
  margin-left: -5px;
  margin-right: -5px;
}
.my-40{
  margin-top: 40px;
  margin-bottom: 40px;
}
.mx-\[10px\]{
  margin-left: 10px;
  margin-right: 10px;
}
.mx-24{
  margin-left: 24px;
  margin-right: 24px;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.my-12{
  margin-top: 12px;
  margin-bottom: 12px;
}
.mx-\[30px\]{
  margin-left: 30px;
  margin-right: 30px;
}
.mx-0{
  margin-left: 0px;
  margin-right: 0px;
}
.mx-\[20px\]{
  margin-left: 20px;
  margin-right: 20px;
}
.mx-\[3px\]{
  margin-left: 3px;
  margin-right: 3px;
}
.mx-\[-1px\]{
  margin-left: -1px;
  margin-right: -1px;
}
.mt-24{
  margin-top: 24px;
}
.ml-4{
  margin-left: 4px;
}
.mt-8{
  margin-top: 8px;
}
.mt-40{
  margin-top: 40px;
}
.mb-12{
  margin-bottom: 12px;
}
.mr-64{
  margin-right: 64px;
}
.mr-4{
  margin-right: 4px;
}
.ml-16{
  margin-left: 16px;
}
.mb-8{
  margin-bottom: 8px;
}
.mr-auto{
  margin-right: auto;
}
.ml-auto{
  margin-left: auto;
}
.mb-4{
  margin-bottom: 4px;
}
.mt-16{
  margin-top: 16px;
}
.mb-16{
  margin-bottom: 16px;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-40{
  margin-bottom: 40px;
}
.mb-24{
  margin-bottom: 24px;
}
.mt-64{
  margin-top: 64px;
}
.mb-64{
  margin-bottom: 64px;
}
.mr-8{
  margin-right: 8px;
}
.mt-2{
  margin-top: 2px;
}
.mr-0{
  margin-right: 0px;
}
.mr-\[6px\]{
  margin-right: 6px;
}
.\!mb-4{
  margin-bottom: 4px !important;
}
.\!mr-4{
  margin-right: 4px !important;
}
.mt-4{
  margin-top: 4px;
}
.\!mb-24{
  margin-bottom: 24px !important;
}
.\!mt-4{
  margin-top: 4px !important;
}
.\!mt-8{
  margin-top: 8px !important;
}
.ml-2{
  margin-left: 2px;
}
.mt-\[3\.225px\]{
  margin-top: 3.225px;
}
.mr-16{
  margin-right: 16px;
}
.mt-\[2\.25px\]{
  margin-top: 2.25px;
}
.mt-\[2px\]{
  margin-top: 2px;
}
.-mt-16{
  margin-top: -16px;
}
.ml-\[20px\]{
  margin-left: 20px;
}
.mt-0{
  margin-top: 0px;
}
.mt-12{
  margin-top: 12px;
}
.ml-\[2px\]{
  margin-left: 2px;
}
.\!mb-0{
  margin-bottom: 0px !important;
}
.mr-12{
  margin-right: 12px;
}
.ml-\[10px\]{
  margin-left: 10px;
}
.\!mt-\[20px\]{
  margin-top: 20px !important;
}
.mr-24{
  margin-right: 24px;
}
.mb-32{
  margin-bottom: 32px;
}
.mr-40{
  margin-right: 40px;
}
.mr-\[11px\]{
  margin-right: 11px;
}
.mt-\[11px\]{
  margin-top: 11px;
}
.mt-\[6px\]{
  margin-top: 6px;
}
.mt-\[3px\]{
  margin-top: 3px;
}
.mt-\[-16px\]{
  margin-top: -16px;
}
.mb-\[36px\]{
  margin-bottom: 36px;
}
.mb-2{
  margin-bottom: 2px;
}
.mb-\[2mm\]{
  margin-bottom: 2mm;
}
.mb-\[150px\]{
  margin-bottom: 150px;
}
.ml-8{
  margin-left: 8px;
}
.-mb-4{
  margin-bottom: -4px;
}
.mt-\[20px\]{
  margin-top: 20px;
}
.mb-auto{
  margin-bottom: auto;
}
.mb-\[2px\]{
  margin-bottom: 2px;
}
.mr-\[2px\]{
  margin-right: 2px;
}
.mb-\[20px\]{
  margin-bottom: 20px;
}
.-mt-4{
  margin-top: -4px;
}
.-ml-4{
  margin-left: -4px;
}
.\!mt-\[10px\]{
  margin-top: 10px !important;
}
.ml-32{
  margin-left: 32px;
}
.ml-\[8\.5333333333\%\]{
  margin-left: 8.5333333333%;
}
.mr-\[2\.1333333333\%\]{
  margin-right: 2.1333333333%;
}
.mt-\[30px\]{
  margin-top: 30px;
}
.ml-\[28px\]{
  margin-left: 28px;
}
.ml-24{
  margin-left: 24px;
}
.mt-\[45px\]{
  margin-top: 45px;
}
.mb-\[-45px\]{
  margin-bottom: -45px;
}
.mb-\[40px\]{
  margin-bottom: 40px;
}
.mt-\[5px\]{
  margin-top: 5px;
}
.mt-\[10px\]{
  margin-top: 10px;
}
.mb-\[3px\]{
  margin-bottom: 3px;
}
.mb-\[28px\]{
  margin-bottom: 28px;
}
.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;
}
.\!table{
  display: table !important;
}
.flow-root{
  display: flow-root;
}
.grid{
  display: grid;
}
.\!grid{
  display: grid !important;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.h-auto{
  height: auto;
}
.h-24{
  height: 24px;
}
.h-64{
  height: 64px;
}
.h-\[48px\]{
  height: 48px;
}
.h-40{
  height: 40px;
}
.h-32{
  height: 32px;
}
.h-\[20px\]{
  height: 20px;
}
.h-16{
  height: 16px;
}
.h-\[3\.5rem\]{
  height: 3.5rem;
}
.h-\[80px\]{
  height: 80px;
}
.h-\[400px\]{
  height: 400px;
}
.h-\[21px\]{
  height: 21px;
}
.h-\[40px\]{
  height: 40px;
}
.h-\[19px\]{
  height: 19px;
}
.h-\[600px\]{
  height: 600px;
}
.h-\[21\.55px\]{
  height: 21.55px;
}
.h-\[19\.5px\]{
  height: 19.5px;
}
.h-\[24px\]{
  height: 24px;
}
.h-full{
  height: 100%;
}
.h-fit{
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.h-\[44px\]{
  height: 44px;
}
.h-\[11px\]{
  height: 11px;
}
.h-\[52px\]{
  height: 52px;
}
.h-\[300px\]{
  height: 300px;
}
.h-\[260px\]{
  height: 260px;
}
.h-\[72px\]{
  height: 72px;
}
.h-\[21\.125rem\]{
  height: 21.125rem;
}
.h-\[338px\]{
  height: 338px;
}
.h-\[30px\]{
  height: 30px;
}
.h-\[12mm\]{
  height: 12mm;
}
.h-\[196px\]{
  height: 196px;
}
.h-\[var\(--height\)\]{
  height: var(--height);
}
.h-\[16px\]{
  height: 16px;
}
.h-0{
  height: 0px;
}
.\!h-\[calc\(114\.286\%\)\]{
  height: calc(114.286%) !important;
}
.\!h-full{
  height: 100% !important;
}
.\!h-\[32px\]{
  height: 32px !important;
}
.h-\[10px\]{
  height: 10px;
}
.h-\[32px\]{
  height: 32px;
}
.h-\[1\.5em\]{
  height: 1.5em;
}
.h-screen{
  height: 100vh;
}
.\!h-40{
  height: 40px !important;
}
.h-\[6px\]{
  height: 6px;
}
.h-\[64px\]{
  height: 64px;
}
.h-\[200px\]{
  height: 200px;
}
.h-\[670px\]{
  height: 670px;
}
.h-\[650px\]{
  height: 650px;
}
.h-\[128px\]{
  height: 128px;
}
.h-\[28px\]{
  height: 28px;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[130px\]{
  height: 130px;
}
.h-\[156px\]{
  height: 156px;
}
.h-\[39px\]{
  height: 39px;
}
.h-\[3px\]{
  height: 3px;
}
.h-\[110px\]{
  height: 110px;
}
.h-\[60vh\]{
  height: 60vh;
}
.h-\[208px\]{
  height: 208px;
}
.h-\[120px\]{
  height: 120px;
}
.h-min{
  height: -webkit-min-content;
  height: min-content;
}
.h-\[49px\]{
  height: 49px;
}
.h-\[7px\]{
  height: 7px;
}
.max-h-\[85vh\]{
  max-height: 85vh;
}
.max-h-\[70vh\]{
  max-height: 70vh;
}
.max-h-\[300px\]{
  max-height: 300px;
}
.max-h-\[70px\]{
  max-height: 70px;
}
.max-h-full{
  max-height: 100%;
}
.max-h-\[80vh\]{
  max-height: 80vh;
}
.max-h-\[calc\(\(100vw-48px\)\*0\.75\)\]{
  max-height: calc((100vw - 48px) * 0.75);
}
.max-h-\[calc\(100vh-44px\)\]{
  max-height: calc(100vh - 44px);
}
.max-h-\[525px\]{
  max-height: 525px;
}
.max-h-\[30vh\]{
  max-height: 30vh;
}
.max-h-\[200px\]{
  max-height: 200px;
}
.max-h-\[calc\(100vh-295px\)\]{
  max-height: calc(100vh - 295px);
}
.max-h-40{
  max-height: 40px;
}
.\!min-h-\[auto\]{
  min-height: auto !important;
}
.min-h-full{
  min-height: 100%;
}
.min-h-\[116px\]{
  min-height: 116px;
}
.min-h-\[300px\]{
  min-height: 300px;
}
.min-h-\[85px\]{
  min-height: 85px;
}
.w-full{
  width: 100%;
}
.w-\[24px\]{
  width: 24px;
}
.w-\[3\.5rem\]{
  width: 3.5rem;
}
.w-\[80px\]{
  width: 80px;
}
.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-\[66\%\]{
  width: 66%;
}
.w-screen{
  width: 100vw;
}
.w-\[207px\]{
  width: 207px;
}
.w-\[704px\]{
  width: 704px;
}
.w-\[272px\]{
  width: 272px;
}
.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-\[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-fit{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.w-\[44px\]{
  width: 44px;
}
.w-\[11px\]{
  width: 11px;
}
.w-\[52px\]{
  width: 52px;
}
.w-auto{
  width: auto;
}
.w-\[120px\]{
  width: 120px;
}
.w-\[88px\]{
  width: 88px;
}
.w-\[20px\]{
  width: 20px;
}
.w-\[calc\(100\%_-_104px\)\]{
  width: calc(100% - 104px);
}
.w-\[104px\]{
  width: 104px;
}
.w-\[300px\]{
  width: 300px;
}
.w-\[343px\]{
  width: 343px;
}
.w-\[72px\]{
  width: 72px;
}
.w-\[calc\(115\%-16px\)\]{
  width: calc(115% - 16px);
}
.w-\[30px\]{
  width: 30px;
}
.w-9\/12{
  width: 75%;
}
.w-\[12mm\]{
  width: 12mm;
}
.w-\[13\%\]{
  width: 13%;
}
.w-\[21\%\]{
  width: 21%;
}
.w-\[25\%\]{
  width: 25%;
}
.w-\[16\%\]{
  width: 16%;
}
.w-\[36px\]{
  width: 36px;
}
.w-\[16px\]{
  width: 16px;
}
.\!w-\[calc\(114\.286\%\)\]{
  width: calc(114.286%) !important;
}
.\!w-\[48px\]{
  width: 48px !important;
}
.w-\[200px\]{
  width: 200px;
}
.w-\[50\%\]{
  width: 50%;
}
.\!w-fit{
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.w-\[1\.5em\]{
  width: 1.5em;
}
.w-\[560px\]{
  width: 560px;
}
.w-\[64px\]{
  width: 64px;
}
.w-\[32px\]{
  width: 32px;
}
.w-\[352px\]{
  width: 352px;
}
.w-\[1000px\]{
  width: 1000px;
}
.w-\[140px\]{
  width: 140px;
}
.w-\[116px\]{
  width: 116px;
}
.w-\[256px\]{
  width: 256px;
}
.w-\[228px\]{
  width: 228px;
}
.w-\[39px\]{
  width: 39px;
}
.w-\[45px\]{
  width: 45px;
}
.w-\[258px\]{
  width: 258px;
}
.w-\[calc\(100\%-4px\)\]{
  width: calc(100% - 4px);
}
.w-\[10\%\]{
  width: 10%;
}
.w-\[254px\]{
  width: 254px;
}
.w-\[250px\]{
  width: 250px;
}
.w-\[246px\]{
  width: 246px;
}
.w-\[224px\]{
  width: 224px;
}
.w-\[73px\]{
  width: 73px;
}
.w-\[112px\]{
  width: 112px;
}
.w-\[122px\]{
  width: 122px;
}
.min-w-\[970px\]{
  min-width: 970px;
}
.min-w-0{
  min-width: 0px;
}
.min-w-fit{
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.min-w-\[230px\]{
  min-width: 230px;
}
.min-w-\[140px\]{
  min-width: 140px;
}
.max-w-full{
  max-width: 100%;
}
.max-w-\[3\.5rem\]{
  max-width: 3.5rem;
}
.max-w-\[1488px\]{
  max-width: 1488px;
}
.max-w-\[944px\]{
  max-width: 944px;
}
.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-\[100vw\]{
  max-width: 100vw;
}
.max-w-\[300px\]{
  max-width: 300px;
}
.max-w-\[70px\]{
  max-width: 70px;
}
.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-\[75\%\]{
  max-width: 75%;
}
.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);
}
.max-w-\[843px\]{
  max-width: 843px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[96px\]{
  max-width: 96px;
}
.max-w-\[220px\]{
  max-width: 220px;
}
.max-w-\[140px\]{
  max-width: 140px;
}
.max-w-\[224px\]{
  max-width: 224px;
}
.max-w-\[256px\]{
  max-width: 256px;
}
.flex-terminal{
  flex: 1 0 auto;
}
.flex-\[1\]{
  flex: 1;
}
.flex-shrink{
  flex-shrink: 1;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.shrink-\[100\]{
  flex-shrink: 100;
}
.shrink{
  flex-shrink: 1;
}
.flex-grow{
  flex-grow: 1;
}
.grow-0{
  flex-grow: 0;
}
.basis-\[40px\]{
  flex-basis: 40px;
}
.basis-auto{
  flex-basis: auto;
}
.basis-1\/4{
  flex-basis: 25%;
}
.basis-3\/4{
  flex-basis: 75%;
}
.border-collapse{
  border-collapse: collapse;
}
.border-separate{
  border-collapse: separate;
}
.origin-\[left_top\]{
  transform-origin: left top;
}
.origin-\[0\2c _0\]{
  transform-origin: 0, 0;
}
.origin-\[50\%_50\%\]{
  transform-origin: 50% 50%;
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  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));
}
.translate-x-16{
  --tw-translate-x: 16px;
  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));
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  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));
}
.translate-y-\[6px\]{
  --tw-translate-y: 6px;
  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));
}
.\!translate-y-0{
  --tw-translate-y: 0px !important;
  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)) !important;
}
.translate-x-\[var\(--translate-x\2c _0\)\]{
  --tw-translate-x: var(--translate-x, 0);
  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));
}
.translate-y-\[var\(--translate-y\2c _0\)\]{
  --tw-translate-y: var(--translate-y, 0);
  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));
}
.translate-y-2{
  --tw-translate-y: 2px;
  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));
}
.translate-y-0{
  --tw-translate-y: 0px;
  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));
}
.translate-y-\[50px\]{
  --tw-translate-y: 50px;
  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));
}
.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));
}
.scale-\[0\.875\]{
  --tw-scale-x: 0.875;
  --tw-scale-y: 0.875;
  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));
}
.scale-\[var\(--scale\2c _1\)\]{
  --tw-scale-x: var(--scale, 1);
  --tw-scale-y: var(--scale, 1);
  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));
}
.scale-x-\[var\(--scale-x\2c _1\)\]{
  --tw-scale-x: var(--scale-x, 1);
  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));
}
.scale-y-\[var\(--scale-y\2c _1\)\]{
  --tw-scale-y: var(--scale-y, 1);
  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-auto{
  cursor: auto;
}
.cursor-grab{
  cursor: grab;
}
.cursor-grabbing{
  cursor: grabbing;
}
.cursor-help{
  cursor: help;
}
.cursor-wait{
  cursor: wait;
}
.cursor-ew-resize{
  cursor: ew-resize;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.touch-manipulation{
  touch-action: manipulation;
}
.select-none{
  -webkit-user-select: none;
          user-select: none;
}
.resize{
  resize: both;
}
.list-none{
  list-style-type: none;
}
.list-disc{
  list-style-type: disc;
}
.appearance-none{
  -webkit-appearance: none;
          appearance: none;
}
.\!appearance-none{
  -webkit-appearance: none !important;
          appearance: none !important;
}
.break-after-page{
  break-after: page;
}
.auto-cols-\[100\%\]{
  grid-auto-columns: 100%;
}
.grid-flow-col{
  grid-auto-flow: column;
}
.auto-rows-min{
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.auto-rows-max{
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-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-\[auto_1fr\]{
  grid-template-columns: auto 1fr;
}
.grid-cols-\[1fr_auto\]{
  grid-template-columns: 1fr auto;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-\[auto_1fr_min-content\]{
  grid-template-columns: auto 1fr -webkit-min-content;
  grid-template-columns: auto 1fr min-content;
}
.grid-cols-\[1fr_auto_1fr\]{
  grid-template-columns: 1fr auto 1fr;
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[1fr\]{
  grid-template-columns: 1fr;
}
.grid-cols-\[1fr_4fr\]{
  grid-template-columns: 1fr 4fr;
}
.\!grid-cols-none{
  grid-template-columns: none !important;
}
.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.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-\[auto_min-content\]{
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
}
.grid-cols-\[1fr_40px\]{
  grid-template-columns: 1fr 40px;
}
.grid-cols-\[repeat\(3\2c 1fr\)\]{
  grid-template-columns: repeat(3,1fr);
}
.grid-cols-\[auto_45px_1fr_45px\]{
  grid-template-columns: auto 45px 1fr 45px;
}
.grid-cols-\[1fr_1fr\]{
  grid-template-columns: 1fr 1fr;
}
.grid-cols-\[repeat\(2\2c calc\(50\%-8px\)\)\]{
  grid-template-columns: repeat(2,calc(50% - 8px));
}
.grid-cols-\[min-content_calc\(100\%-62px\)_min-content\]{
  grid-template-columns: -webkit-min-content calc(100% - 62px) -webkit-min-content;
  grid-template-columns: min-content calc(100% - 62px) min-content;
}
.grid-cols-\[auto_15\%_15\%\]{
  grid-template-columns: auto 15% 15%;
}
.grid-cols-\[max-content_auto_max-content\]{
  grid-template-columns: -webkit-max-content auto -webkit-max-content;
  grid-template-columns: max-content auto max-content;
}
.grid-cols-\[max-content_auto\]{
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
}
.grid-cols-4{
  grid-template-columns: repeat(4, 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-start{
  align-items: flex-start !important;
}
.items-end{
  align-items: flex-end;
}
.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-center{
  justify-content: center !important;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.justify-items-end{
  justify-items: end;
}
.justify-items-center{
  justify-items: center;
}
.gap-16{
  gap: 16px;
}
.gap-12{
  gap: 12px;
}
.gap-8{
  gap: 8px;
}
.gap-24{
  gap: 24px;
}
.gap-4{
  gap: 4px;
}
.gap-40{
  gap: 40px;
}
.gap-\[32px\]{
  gap: 32px;
}
.gap-2{
  gap: 2px;
}
.gap-\[8px\]{
  gap: 8px;
}
.gap-\[1px\]{
  gap: 1px;
}
.gap-\[10px\]{
  gap: 10px;
}
.gap-\[13px\]{
  gap: 13px;
}
.gap-\[20px\]{
  gap: 20px;
}
.\!gap-0{
  gap: 0px !important;
}
.gap-x-16{
  column-gap: 16px;
}
.gap-y-16{
  row-gap: 16px;
}
.gap-x-40{
  column-gap: 40px;
}
.gap-x-8{
  column-gap: 8px;
}
.gap-y-8{
  row-gap: 8px;
}
.gap-y-12{
  row-gap: 12px;
}
.gap-y-4{
  row-gap: 4px;
}
.gap-y-24{
  row-gap: 24px;
}
.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-border500 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(213 217 222 / 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-end{
  justify-self: end;
}
.justify-self-center{
  justify-self: center;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-scroll{
  overflow: scroll;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-y-hidden{
  overflow-y: hidden;
}
.overflow-x-scroll{
  overflow-x: scroll;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.scroll-smooth{
  scroll-behavior: smooth;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.\!whitespace-normal{
  white-space: normal !important;
}
.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-oval{
  border-radius: 999999px;
}
.\!rounded-oval{
  border-radius: 999999px !important;
}
.rounded-\[2px\]{
  border-radius: 2px;
}
.rounded-\[5px\]{
  border-radius: 5px;
}
.rounded-4{
  border-radius: 4px;
}
.rounded-\[100px\]{
  border-radius: 100px;
}
.rounded-8{
  border-radius: 8px;
}
.rounded-16{
  border-radius: 16px;
}
.rounded-\[50\%\]{
  border-radius: 50%;
}
.rounded-\[20px\]{
  border-radius: 20px;
}
.\!rounded-4{
  border-radius: 4px !important;
}
.rounded-\[7px\]{
  border-radius: 7px;
}
.rounded-\[3px\]{
  border-radius: 3px;
}
.rounded-none{
  border-radius: 0px;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-24{
  border-radius: 24px;
}
.rounded-\[calc\(4\.57143px\)\]{
  border-radius: calc(4.57143px);
}
.rounded-\[9999px\]{
  border-radius: 9999px;
}
.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;
}
.rounded-t-4{
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-t-8{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-\[3px\]{
  border-width: 3px;
}
.border-\[1px\]{
  border-width: 1px;
}
.border-2{
  border-width: 2px;
}
.border-\[0\.5px\]{
  border-width: 0.5px;
}
.border-\[2px\]{
  border-width: 2px;
}
.\!border{
  border-width: 1px !important;
}
.border-\[4px\]{
  border-width: 4px;
}
.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-x-0{
  border-left-width: 0px;
  border-right-width: 0px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-l-4{
  border-left-width: 4px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-0{
  border-top-width: 0px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-l{
  border-left-width: 1px;
}
.border-r{
  border-right-width: 1px;
}
.\!border-t-0{
  border-top-width: 0px !important;
}
.border-b-\[0\.45mm\]{
  border-bottom-width: 0.45mm;
}
.border-b-0{
  border-bottom-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-primary700{
  --tw-border-opacity: 1;
  border-color: rgb(222 63 58 / var(--tw-border-opacity));
}
.border-border500{
  --tw-border-opacity: 1;
  border-color: rgb(213 217 222 / var(--tw-border-opacity));
}
.border-secondary700\/10{
  border-color: rgb(44 155 166 / .1);
}
.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-text-gray100{
  --tw-border-opacity: 1;
  border-color: rgb(185 193 202 / var(--tw-border-opacity));
}
.border-semantic-yellow{
  --tw-border-opacity: 1;
  border-color: rgb(255 193 37 / 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-\[\#5a5a60\]{
  --tw-border-opacity: 1;
  border-color: rgb(90 90 96 / var(--tw-border-opacity));
}
.\!border-sns-pixiv{
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 150 250 / var(--tw-border-opacity)) !important;
}
.border-ui-background400{
  --tw-border-opacity: 1;
  border-color: rgb(235 237 242 / var(--tw-border-opacity));
}
.border-semantic-red{
  --tw-border-opacity: 1;
  border-color: rgb(222 63 58 / var(--tw-border-opacity));
}
.border-surface10{
  border-color: var(--tailwind-color-surface10, rgba(0,0,0,0.16));
}
.border-\[\#d9d9d9\]{
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(18 26 41 / var(--tw-border-opacity));
}
.border-ui-background500{
  --tw-border-opacity: 1;
  border-color: rgb(215 217 224 / var(--tw-border-opacity));
}
.border-text-gray300{
  --tw-border-opacity: 1;
  border-color: rgb(127 141 159 / var(--tw-border-opacity));
}
.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-text-default{
  --tw-border-opacity: 1;
  border-color: rgb(37 47 61 / 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-current{
  border-color: currentColor;
}
.\!border-border600{
  --tw-border-opacity: 1 !important;
  border-color: rgb(192 197 207 / var(--tw-border-opacity)) !important;
}
.border-button-normal{
  --tw-border-opacity: 1;
  border-color: rgb(58 64 74 / var(--tw-border-opacity));
}
.border-secondary600{
  --tw-border-opacity: 1;
  border-color: rgb(66 181 189 / var(--tw-border-opacity));
}
.border-\[\#2eb5a3\]{
  --tw-border-opacity: 1;
  border-color: rgb(46 181 163 / var(--tw-border-opacity));
}
.border-b-border300{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(230 232 235 / var(--tw-border-opacity));
}
.border-t-border300{
  --tw-border-opacity: 1;
  border-top-color: rgb(230 232 235 / var(--tw-border-opacity));
}
.border-b-primary500{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(252 77 80 / var(--tw-border-opacity));
}
.border-t-border500{
  --tw-border-opacity: 1;
  border-top-color: rgb(213 217 222 / var(--tw-border-opacity));
}
.border-b-border500{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(213 217 222 / var(--tw-border-opacity));
}
.border-l-border500{
  --tw-border-opacity: 1;
  border-left-color: rgb(213 217 222 / var(--tw-border-opacity));
}
.border-opacity-\[0\.05\]{
  --tw-border-opacity: 0.05;
}
.bg-semantic-yellow{
  --tw-bg-opacity: 1;
  background-color: rgb(255 193 37 / var(--tw-bg-opacity));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-secondary800{
  --tw-bg-opacity: 1;
  background-color: rgb(27 127 140 / var(--tw-bg-opacity));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(18 26 41 / var(--tw-bg-opacity));
}
.bg-secondary700{
  --tw-bg-opacity: 1;
  background-color: rgb(44 155 166 / 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-\[\#f1f5f8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 248 / var(--tw-bg-opacity));
}
.bg-secondary600{
  --tw-bg-opacity: 1;
  background-color: rgb(66 181 189 / var(--tw-bg-opacity));
}
.\!bg-ui-background400{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(235 237 242 / var(--tw-bg-opacity)) !important;
}
.bg-semantic-green{
  --tw-bg-opacity: 1;
  background-color: rgb(42 213 135 / var(--tw-bg-opacity));
}
.bg-surface3{
  background-color: var(--tailwind-color-surface3, rgba(0,0,0,0.04));
}
.bg-\[\#1877f2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(24 119 242 / 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-background1{
  background-color: var(--tailwind-color-background1, #ffffff);
}
.bg-page-background500{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 248 / var(--tw-bg-opacity));
}
.\!bg-surface3{
  background-color: var(--tailwind-color-surface3, rgba(0,0,0,0.04)) !important;
}
.bg-success{
  background-color: var(--tailwind-color-success, #b1cc29);
}
.bg-\[\#e5f7f8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(229 247 248 / var(--tw-bg-opacity));
}
.\!bg-primary400{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 92 103 / var(--tw-bg-opacity)) !important;
}
.bg-primary600{
  --tw-bg-opacity: 1;
  background-color: rgb(242 67 67 / var(--tw-bg-opacity));
}
.\!bg-sns-pixiv{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 150 250 / var(--tw-bg-opacity)) !important;
}
.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-\[rgba\(0\2c 0\2c 0\2c \.04\)\]{
  background-color: rgba(0,0,0,.04);
}
.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-\[\#d9d9d9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity));
}
.bg-surface1{
  background-color: var(--tailwind-color-surface1, #ffffff);
}
.bg-ui-background500{
  --tw-bg-opacity: 1;
  background-color: rgb(215 217 224 / var(--tw-bg-opacity));
}
.bg-text-gray500{
  --tw-bg-opacity: 1;
  background-color: rgb(94 107 122 / var(--tw-bg-opacity));
}
.bg-brand{
  background-color: var(--tailwind-color-brand, #0096fa);
}
.bg-\[\#5f697a63\]{
  background-color: #5f697a63;
}
.bg-secondary500{
  --tw-bg-opacity: 1;
  background-color: rgb(92 203 210 / var(--tw-bg-opacity));
}
.\!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-\[\#b0f3f5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(176 243 245 / var(--tw-bg-opacity));
}
.\!bg-transparent{
  background-color: var(--tailwind-color-transparent, rgba(0,0,0,0)) !important;
}
.bg-\[rgba\(0\2c 0\2c 0\2c \.5\)\]{
  background-color: rgba(0,0,0,.5);
}
.bg-ui-background100{
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity));
}
.bg-\[\#e74a31\]{
  --tw-bg-opacity: 1;
  background-color: rgb(231 74 49 / var(--tw-bg-opacity));
}
.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-\[rgba\(255\2c 255\2c 255\2c 0\.96\)\]{
  background-color: rgba(255,255,255,0.96);
}
.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-inherit{
  background-color: inherit;
}
.bg-\[red\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}
.bg-\[green\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 128 0 / var(--tw-bg-opacity));
}
.bg-\[blue\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 255 / var(--tw-bg-opacity));
}
.bg-\[yellow\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 0 / 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-border300{
  --tw-bg-opacity: 1;
  background-color: rgb(230 232 235 / var(--tw-bg-opacity));
}
.bg-\[\#67d7cf\]{
  --tw-bg-opacity: 1;
  background-color: rgb(103 215 207 / var(--tw-bg-opacity));
}
.bg-\[\#f8d7d6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 215 214 / var(--tw-bg-opacity));
}
.bg-\[\#fff2d1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 242 209 / var(--tw-bg-opacity));
}
.bg-\[\#9ea2b3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(158 162 179 / var(--tw-bg-opacity));
}
.bg-lime500{
  --tw-bg-opacity: 1;
  background-color: rgb(171 227 118 / var(--tw-bg-opacity));
}
.bg-\[\#981d1a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(152 29 26 / var(--tw-bg-opacity));
}
.bg-border500{
  --tw-bg-opacity: 1;
  background-color: rgb(213 217 222 / var(--tw-bg-opacity));
}
.bg-\[\#f8f8f8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.bg-khaki400{
  --tw-bg-opacity: 1;
  background-color: rgb(242 238 128 / var(--tw-bg-opacity));
}
.bg-\[\#D7D9E0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(215 217 224 / var(--tw-bg-opacity));
}
.bg-page-background200{
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 252 / var(--tw-bg-opacity));
}
.bg-\[\#2eb5a3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(46 181 163 / var(--tw-bg-opacity));
}
.bg-\[\#66c1b5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(102 193 181 / var(--tw-bg-opacity));
}
.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-cover{
  background-size: cover;
}
.bg-\[50\%_0\]{
  background-position: 50% 0;
}
.bg-top{
  background-position: top;
}
.bg-bottom{
  background-position: bottom;
}
.bg-center{
  background-position: center;
}
.bg-no-repeat{
  background-repeat: no-repeat;
}
.bg-repeat-y{
  background-repeat: repeat-y;
}
.object-contain{
  object-fit: contain;
}
.object-cover{
  object-fit: cover;
}
.object-center{
  object-position: center;
}
.p-16{
  padding: 16px;
}
.p-\[20px_20px\]{
  padding: 20px 20px;
}
.p-40{
  padding: 40px;
}
.\!p-8{
  padding: 8px !important;
}
.p-\[1\.375rem_0_1\.03125rem\]{
  padding: 1.375rem 0 1.03125rem;
}
.p-0{
  padding: 0px;
}
.p-12{
  padding: 12px;
}
.p-8{
  padding: 8px;
}
.\!p-0{
  padding: 0px !important;
}
.p-\[26px\]{
  padding: 26px;
}
.p-64{
  padding: 64px;
}
.p-\[10px_20px\]{
  padding: 10px 20px;
}
.p-32{
  padding: 32px;
}
.p-\[15px\]{
  padding: 15px;
}
.\!p-\[6px_40px_6px_16px\]{
  padding: 6px 40px 6px 16px !important;
}
.p-4{
  padding: 4px;
}
.p-\[10px\]{
  padding: 10px;
}
.p-\[20px\]{
  padding: 20px;
}
.p-2{
  padding: 2px;
}
.p-24{
  padding: 24px;
}
.p-\[5px\]{
  padding: 5px;
}
.py-16{
  padding-top: 16px;
  padding-bottom: 16px;
}
.px-16{
  padding-left: 16px;
  padding-right: 16px;
}
.py-\[22px\]{
  padding-top: 22px;
  padding-bottom: 22px;
}
.py-\[6\.5px\]{
  padding-top: 6.5px;
  padding-bottom: 6.5px;
}
.py-4{
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-12{
  padding-top: 12px;
  padding-bottom: 12px;
}
.px-24{
  padding-left: 24px;
  padding-right: 24px;
}
.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-\[20px\]{
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-8{
  padding-top: 8px;
  padding-bottom: 8px;
}
.px-8{
  padding-left: 8px;
  padding-right: 8px;
}
.py-64{
  padding-top: 64px;
  padding-bottom: 64px;
}
.px-32{
  padding-left: 32px;
  padding-right: 32px;
}
.px-40{
  padding-left: 40px;
  padding-right: 40px;
}
.py-40{
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-\[36px\]{
  padding-top: 36px;
  padding-bottom: 36px;
}
.py-\[18px\]{
  padding-top: 18px;
  padding-bottom: 18px;
}
.px-12{
  padding-left: 12px;
  padding-right: 12px;
}
.px-\[26px\]{
  padding-left: 26px;
  padding-right: 26px;
}
.py-\[11px\]{
  padding-top: 11px;
  padding-bottom: 11px;
}
.px-\[20px\]{
  padding-left: 20px;
  padding-right: 20px;
}
.px-\[5px\]{
  padding-left: 5px;
  padding-right: 5px;
}
.\!py-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.\!px-8{
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.py-\[9px\]{
  padding-top: 9px;
  padding-bottom: 9px;
}
.py-2{
  padding-top: 2px;
  padding-bottom: 2px;
}
.px-4{
  padding-left: 4px;
  padding-right: 4px;
}
.px-\[11px\]{
  padding-left: 11px;
  padding-right: 11px;
}
.px-\[8px\]{
  padding-left: 8px;
  padding-right: 8px;
}
.\!py-24{
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.py-32{
  padding-top: 32px;
  padding-bottom: 32px;
}
.py-\[10px\]{
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[6px\]{
  padding-top: 6px;
  padding-bottom: 6px;
}
.px-\[15px\]{
  padding-left: 15px;
  padding-right: 15px;
}
.\!py-8{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.\!px-16{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.px-\[2px\]{
  padding-left: 2px;
  padding-right: 2px;
}
.py-\[3px\]{
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[5px\]{
  padding-top: 5px;
  padding-bottom: 5px;
}
.px-\[7px\]{
  padding-left: 7px;
  padding-right: 7px;
}
.\!px-4{
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.px-\[7\.2px\]{
  padding-left: 7.2px;
  padding-right: 7.2px;
}
.py-\[4\.5px\]{
  padding-top: 4.5px;
  padding-bottom: 4.5px;
}
.px-\[28px\]{
  padding-left: 28px;
  padding-right: 28px;
}
.\!px-12{
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.px-2{
  padding-left: 2px;
  padding-right: 2px;
}
.px-\[40px\]{
  padding-left: 40px;
  padding-right: 40px;
}
.px-\[1px\]{
  padding-left: 1px;
  padding-right: 1px;
}
.px-\[16px\]{
  padding-left: 16px;
  padding-right: 16px;
}
.py-\[50px\]{
  padding-top: 50px;
  padding-bottom: 50px;
}
.pl-0{
  padding-left: 0px;
}
.pl-8{
  padding-left: 8px;
}
.pt-\[210px\]{
  padding-top: 210px;
}
.pl-12{
  padding-left: 12px;
}
.pt-16{
  padding-top: 16px;
}
.pb-24{
  padding-bottom: 24px;
}
.pb-16{
  padding-bottom: 16px;
}
.pb-40{
  padding-bottom: 40px;
}
.pl-16{
  padding-left: 16px;
}
.pt-0{
  padding-top: 0px;
}
.pt-8{
  padding-top: 8px;
}
.pl-4{
  padding-left: 4px;
}
.pt-\[60px\]{
  padding-top: 60px;
}
.pb-64{
  padding-bottom: 64px;
}
.pb-4{
  padding-bottom: 4px;
}
.pb-8{
  padding-bottom: 8px;
}
.pb-32{
  padding-bottom: 32px;
}
.pl-\[72px\]{
  padding-left: 72px;
}
.pr-\[108px\]{
  padding-right: 108px;
}
.pt-64{
  padding-top: 64px;
}
.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-\[5px\]{
  padding-left: 5px;
}
.pt-24{
  padding-top: 24px;
}
.pl-\[9px\]{
  padding-left: 9px;
}
.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;
}
.pb-2{
  padding-bottom: 2px;
}
.pr-4{
  padding-right: 4px;
}
.pt-40{
  padding-top: 40px;
}
.pb-\[2mm\]{
  padding-bottom: 2mm;
}
.pl-\[6px\]{
  padding-left: 6px;
}
.pl-\[10px\]{
  padding-left: 10px;
}
.pl-\[28px\]{
  padding-left: 28px;
}
.pt-2{
  padding-top: 2px;
}
.pt-4{
  padding-top: 4px;
}
.pt-\[20px\]{
  padding-top: 20px;
}
.pt-\[13px\]{
  padding-top: 13px;
}
.pr-16{
  padding-right: 16px;
}
.pl-24{
  padding-left: 24px;
}
.pt-\[21px\]{
  padding-top: 21px;
}
.pr-12{
  padding-right: 12px;
}
.\!pt-16{
  padding-top: 16px !important;
}
.pb-\[14px\]{
  padding-bottom: 14px;
}
.pb-0{
  padding-bottom: 0px;
}
.pt-\[40px\]{
  padding-top: 40px;
}
.pr-8{
  padding-right: 8px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-justify{
  text-align: justify;
}
.indent-2{
  text-indent: 2px;
}
.\!align-baseline{
  vertical-align: baseline !important;
}
.align-baseline{
  vertical-align: baseline;
}
.align-top{
  vertical-align: top;
}
.\!align-middle{
  vertical-align: middle !important;
}
.align-middle{
  vertical-align: middle;
}
.align-bottom{
  vertical-align: bottom;
}
.align-text-bottom{
  vertical-align: text-bottom;
}
.font-feature-palt{
  font-family: [object Object];
}
.font-heavy-sans{
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
}
.font-booth-demi{
  font-family: -apple-system, BlinkMacSystemFont, booth demi en, booth demi jp, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
}
.font-booth-heavy{
  font-family: -apple-system, BlinkMacSystemFont, booth heavy en, booth heavy jp, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
}
.text-\[21px\]{
  font-size: 21px;
}
.text-\[18px\]{
  font-size: 18px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-\[0\.75rem\]{
  font-size: 0.75rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-\[24px\]{
  font-size: 24px;
}
.text-\[20px\]{
  font-size: 20px;
}
.\!text-\[20px\]{
  font-size: 20px !important;
}
.text-\[28px\]{
  font-size: 28px;
}
.text-\[16px\]{
  font-size: 16px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[40px\]{
  font-size: 40px;
}
.text-\[58px\]{
  font-size: 58px;
}
.text-\[24pt\]{
  font-size: 24pt;
}
.text-\[16pt\]{
  font-size: 16pt;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-\[calc\(16px\)\]{
  font-size: calc(16px);
}
.text-\[48px\]{
  font-size: 48px;
}
.text-\[36px\]{
  font-size: 36px;
}
.text-\[1\.0625rem\]{
  font-size: 1.0625rem;
}
.text-\[32px\]{
  font-size: 32px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[26px\]{
  font-size: 26px;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-\[30px\]{
  font-size: 30px;
}
.text-\[19px\]{
  font-size: 19px;
}
.text-\[1\.375rem\]{
  font-size: 1.375rem;
}
.text-\[0\.9375rem\]{
  font-size: 0.9375rem;
}
.font-semibold{
  font-weight: 600;
}
.font-bold{
  font-weight: 700;
}
.font-normal{
  font-weight: 400;
}
.font-medium{
  font-weight: 500;
}
.\!font-normal{
  font-weight: 400 !important;
}
.font-light{
  font-weight: 300;
}
.uppercase{
  text-transform: uppercase;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-\[1\.5\]{
  line-height: 1.5;
}
.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-\[20px\]{
  line-height: 20px;
}
.leading-\[48px\]{
  line-height: 48px;
}
.leading-\[12mm\]{
  line-height: 12mm;
}
.leading-tight{
  line-height: 1.25;
}
.leading-\[22px\]{
  line-height: 22px;
}
.leading-\[calc\(25\.1429px\)\]{
  line-height: calc(25.1429px);
}
.leading-3{
  line-height: .75rem;
}
.leading-\[26px\]{
  line-height: 26px;
}
.\!leading-9{
  line-height: 2.25rem !important;
}
.\!leading-8{
  line-height: 2rem !important;
}
.leading-\[18px\]{
  line-height: 18px;
}
.leading-\[1\.7647058824\]{
  line-height: 1.7647058824;
}
.leading-\[52px\]{
  line-height: 52px;
}
.leading-\[1\.5454545455\]{
  line-height: 1.5454545455;
}
.leading-4{
  line-height: 1rem;
}
.leading-\[1\.2\]{
  line-height: 1.2;
}
.leading-\[1\.3636363636\]{
  line-height: 1.3636363636;
}
.leading-\[1\.5333333333\]{
  line-height: 1.5333333333;
}
.text-text-default{
  --tw-text-opacity: 1;
  color: rgb(37 47 61 / var(--tw-text-opacity));
}
.text-primary700{
  --tw-text-opacity: 1;
  color: rgb(222 63 58 / var(--tw-text-opacity));
}
.text-\[\#000\]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.\!text-semantic-blue{
  --tw-text-opacity: 1 !important;
  color: rgb(89 191 241 / var(--tw-text-opacity)) !important;
}
.text-secondary800{
  --tw-text-opacity: 1;
  color: rgb(27 127 140 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-text-gray600{
  --tw-text-opacity: 1;
  color: rgb(61 70 81 / var(--tw-text-opacity));
}
.text-brand{
  color: var(--tailwind-color-brand, #0096fa);
}
.text-secondary600{
  --tw-text-opacity: 1;
  color: rgb(66 181 189 / var(--tw-text-opacity));
}
.text-semantic-red{
  --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-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-text-gray300{
  --tw-text-opacity: 1 !important;
  color: rgb(127 141 159 / var(--tw-text-opacity)) !important;
}
.text-primary400{
  --tw-text-opacity: 1;
  color: rgb(255 92 103 / 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-\[\#1b7f8c\]{
  --tw-text-opacity: 1;
  color: rgb(27 127 140 / var(--tw-text-opacity));
}
.\!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 !important;
  color: rgb(23 29 38 / var(--tw-text-opacity)) !important;
}
.text-ui-label{
  --tw-text-opacity: 1;
  color: rgb(23 29 38 / var(--tw-text-opacity));
}
.\!text-text-gray400{
  --tw-text-opacity: 1 !important;
  color: rgb(101 115 134 / var(--tw-text-opacity)) !important;
}
.text-\[\#5a5a60\]{
  --tw-text-opacity: 1;
  color: rgb(90 90 96 / var(--tw-text-opacity));
}
.text-assertive{
  color: var(--tailwind-color-assertive, #ff2b00);
}
.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-khaki900{
  --tw-text-opacity: 1;
  color: rgb(153 139 49 / var(--tw-text-opacity));
}
.text-text-gray400{
  --tw-text-opacity: 1;
  color: rgb(101 115 134 / var(--tw-text-opacity));
}
.\!text-current{
  color: currentColor !important;
}
.text-text-gray300{
  --tw-text-opacity: 1;
  color: rgb(127 141 159 / var(--tw-text-opacity));
}
.text-primary600{
  --tw-text-opacity: 1;
  color: rgb(242 67 67 / 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-\[\#bf2932\]{
  --tw-text-opacity: 1;
  color: rgb(191 41 50 / var(--tw-text-opacity));
}
.text-text-gray200{
  --tw-text-opacity: 1;
  color: rgb(150 162 176 / var(--tw-text-opacity));
}
.text-\[\#505c6b\]{
  --tw-text-opacity: 1;
  color: rgb(80 92 107 / var(--tw-text-opacity));
}
.\!text-secondary700{
  --tw-text-opacity: 1 !important;
  color: rgb(44 155 166 / var(--tw-text-opacity)) !important;
}
.text-ui-background400{
  --tw-text-opacity: 1;
  color: rgb(235 237 242 / var(--tw-text-opacity));
}
.text-semantic-yellowText{
  --tw-text-opacity: 1;
  color: rgb(141 106 2 / var(--tw-text-opacity));
}
.\!text-text-gray500{
  --tw-text-opacity: 1 !important;
  color: rgb(94 107 122 / var(--tw-text-opacity)) !important;
}
.text-text1{
  color: var(--tailwind-color-text1, #1f1f1f);
}
.text-text2{
  color: var(--tailwind-color-text2, #474747);
}
.\!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-semantic-blue{
  --tw-text-opacity: 1;
  color: rgb(89 191 241 / var(--tw-text-opacity));
}
.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-text2{
  color: var(--tailwind-color-text2, #474747) !important;
}
.\!text-text5{
  color: var(--tailwind-color-text5, #ffffff) !important;
}
.text-current{
  color: currentColor;
}
.text-\[\#303030\]{
  --tw-text-opacity: 1;
  color: rgb(48 48 48 / var(--tw-text-opacity));
}
.\!text-\[\#505c6b\]{
  --tw-text-opacity: 1 !important;
  color: rgb(80 92 107 / var(--tw-text-opacity)) !important;
}
.text-button-normal{
  --tw-text-opacity: 1;
  color: rgb(58 64 74 / var(--tw-text-opacity));
}
.\!text-button-normal{
  --tw-text-opacity: 1 !important;
  color: rgb(58 64 74 / var(--tw-text-opacity)) !important;
}
.text-border500{
  --tw-text-opacity: 1;
  color: rgb(213 217 222 / var(--tw-text-opacity));
}
.text-text3{
  color: var(--tailwind-color-text3, #858585);
}
.text-\[\#2eb5a3\]{
  --tw-text-opacity: 1;
  color: rgb(46 181 163 / var(--tw-text-opacity));
}
.underline{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.line-through{
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.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-0{
  opacity: 0;
}
.opacity-\[\.6\]{
  opacity: .6;
}
.opacity-\[\.66\]{
  opacity: .66;
}
.\!opacity-40{
  opacity: .4 !important;
}
.opacity-100{
  opacity: 1;
}
.opacity-\[0\.34\]{
  opacity: 0.34;
}
.opacity-\[0\.32\]{
  opacity: 0.32;
}
.opacity-40{
  opacity: .4;
}
.opacity-\[49\%\]{
  opacity: 49%;
}
.opacity-60{
  opacity: .6;
}
.opacity-\[\.32\]{
  opacity: .32;
}
.opacity-50{
  opacity: .5;
}
.shadow-\[inset_0_-1px_0_0\]{
  --tw-shadow: inset 0 -1px 0 0;
  --tw-shadow-colored: inset 0 -1px 0 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);
}
.shadow-\[rgba\(0\2c _0\2c _0\2c _0\.13\)_0_1px_2px\]{
  --tw-shadow: rgba(0, 0, 0, 0.13) 0 1px 2px;
  --tw-shadow-colored: 0 1px 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);
}
.shadow-\[1px_0_0_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  --tw-shadow: 1px 0 0 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: 1px 0 0 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);
}
.shadow-header{
  --tw-shadow: rgb(0 0 0 / 3%) 0 0 2px 0, inset 0 -1px 0 0;
  --tw-shadow-colored: 0 0 2px 0 var(--tw-shadow-color), inset 0 -1px 0 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);
}
.shadow-\[0_0_0_2px_rgba\(255\2c 255\2c 255\2c 1\.0\)\]{
  --tw-shadow: 0 0 0 2px rgba(255,255,255,1.0);
  --tw-shadow-colored: 0 0 0 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);
}
.shadow-\[rgba\(0\2c _0\2c _0\2c _0\.05\)_0_0_0_1px\]{
  --tw-shadow: rgba(0, 0, 0, 0.05) 0 0 0 1px;
  --tw-shadow-colored: 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-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-invalid{
  --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;
}
.shadow-\[inset_0_-1px_0_0_\#f2f4f5\]{
  --tw-shadow: inset 0 -1px 0 0 #f2f4f5;
  --tw-shadow-colored: inset 0 -1px 0 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);
}
.shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  --tw-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
  --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-invalid{
  --tw-shadow: rgb(222 63 58 / 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);
}
.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);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[1px_1px_1px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c _0px_0px_3px_rgba\(0\2c 0\2c 0\2c 0\.03\)\]{
  --tw-shadow: 1px 1px 1px rgba(0,0,0,0.05), 0px 0px 3px rgba(0,0,0,0.03);
  --tw-shadow-colored: 1px 1px 1px var(--tw-shadow-color), 0px 0px 3px 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-border100{
  --tw-shadow-color: #f2f4f5;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-border300{
  --tw-shadow-color: #e6e8eb;
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.outline-0{
  outline-width: 0px;
}
.outline-\[1px\]{
  outline-width: 1px;
}
.outline-offset-\[-1px\]{
  outline-offset: -1px;
}
.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-\[0\.18s\]{
  transition-property: 0.18s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
.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;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
.\!transition-\[background-color\2c box-shadow\]{
  transition-property: background-color,box-shadow !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 0.2s !important;
}
.transition-\[height\]{
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
.transition-\[background-color_0\.2s_ease_0s\2c _box-shadow_0\.2s_ease_0s\]{
  transition-property: background-color 0.2s ease 0s, box-shadow 0.2s ease 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
.transition-none{
  transition-property: none;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
.\!transition-transform{
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 0.2s !important;
}
.duration-\[300ms\]{
  transition-duration: 300ms;
}
.duration-\[180ms\]{
  transition-duration: 180ms;
}
.duration-200{
  transition-duration: 200ms;
}
.\!duration-\[0\.2s\2c 0\.2s\]{
  transition-duration: 0.2s,0.2s !important;
}
.duration-\[0\.3s\]{
  transition-duration: 0.3s;
}
.duration-\[120ms\]{
  transition-duration: 120ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.typography-12{
  font-size: 12px;
  line-height: 20px;
}
.\!typography-12{
  font-size: 12px !important;
  line-height: 20px !important;
}
.typography-12::before{
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-top: -4px;
}
.\!typography-12::before{
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  content: "" !important;
  margin-top: -4px !important;
}
.typography-12::after{
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-bottom: -4px;
}
.\!typography-12::after{
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  content: "" !important;
  margin-bottom: -4px !important;
}
.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;
  }
  #shop_default .page-wrap .play-liftle {
    box-sizing: border-box;
    vertical-align: middle;
  }
}
#shop_default .page-wrap .play-liftle {
  border-radius: 32px;
}
.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-0::before{
  content: var(--tw-content);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.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\:-top-\[25px\]::before{
  content: var(--tw-content);
  top: -25px;
}
.before\:right-1\/2::before{
  content: var(--tw-content);
  right: 50%;
}
.before\:-top-8::before{
  content: var(--tw-content);
  top: -8px;
}
.before\:left-16::before{
  content: var(--tw-content);
  left: 16px;
}
.before\:mx-auto::before{
  content: var(--tw-content);
  margin-left: auto;
  margin-right: auto;
}
.before\:mr-0::before{
  content: var(--tw-content);
  margin-right: 0px;
}
.before\:mr-8::before{
  content: var(--tw-content);
  margin-right: 8px;
}
.before\:-mr-12::before{
  content: var(--tw-content);
  margin-right: -12px;
}
.before\:box-border::before{
  content: var(--tw-content);
  box-sizing: border-box;
}
.before\:block::before{
  content: var(--tw-content);
  display: block;
}
.before\:\!inline::before{
  content: var(--tw-content);
  display: inline !important;
}
.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\:h-0::before{
  content: var(--tw-content);
  height: 0px;
}
.before\:h-full::before{
  content: var(--tw-content);
  height: 100%;
}
.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-\[12px\]::before{
  content: var(--tw-content);
  border-width: 12px;
}
.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-t-0::before{
  content: var(--tw-content);
  border-top-width: 0px;
}
.before\:border-l-8::before{
  content: var(--tw-content);
  border-left-width: 8px;
}
.before\:border-r-8::before{
  content: var(--tw-content);
  border-right-width: 8px;
}
.before\:border-b-8::before{
  content: var(--tw-content);
  border-bottom-width: 8px;
}
.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\:border-transparent::before{
  content: var(--tw-content);
  border-color: var(--tailwind-color-transparent, rgba(0,0,0,0));
}
.before\:\!border-b-border300::before{
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(230 232 235 / var(--tw-border-opacity)) !important;
}
.before\:border-l-transparent::before{
  content: var(--tw-content);
  border-left-color: var(--tailwind-color-transparent, rgba(0,0,0,0));
}
.before\:border-r-transparent::before{
  content: var(--tw-content);
  border-right-color: var(--tailwind-color-transparent, rgba(0,0,0,0));
}
.before\:border-b-khaki400::before{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-bottom-color: rgb(242 238 128 / 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\:bg-opacity-50::before{
  content: var(--tw-content);
  --tw-bg-opacity: .5;
}
.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-\[\"\E012\"\]::before{
  --tw-content: "";
  content: var(--tw-content);
}
.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\:-top-\[24px\]::after{
  content: var(--tw-content);
  top: -24px;
}
.after\:right-1\/2::after{
  content: var(--tw-content);
  right: 50%;
}
.after\:left-\[calc\(50\%-10px\)\]::after{
  content: var(--tw-content);
  left: calc(50% - 10px);
}
.after\:top-\[7px\]::after{
  content: var(--tw-content);
  top: 7px;
}
.after\:mx-auto::after{
  content: var(--tw-content);
  margin-left: auto;
  margin-right: auto;
}
.after\:-mr-12::after{
  content: var(--tw-content);
  margin-right: -12px;
}
.after\:block::after{
  content: var(--tw-content);
  display: block;
}
.after\:hidden::after{
  content: var(--tw-content);
  display: none;
}
.after\:h-\[1px\]::after{
  content: var(--tw-content);
  height: 1px;
}
.after\:h-\[20px\]::after{
  content: var(--tw-content);
  height: 20px;
}
.after\:h-0::after{
  content: var(--tw-content);
  height: 0px;
}
.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\:border-\[12px\]::after{
  content: var(--tw-content);
  border-width: 12px;
}
.after\:border-\[10px\]::after{
  content: var(--tw-content);
  border-width: 10px;
}
.after\:border-t-\[18px\]::after{
  content: var(--tw-content);
  border-top-width: 18px;
}
.after\:border-solid::after{
  content: var(--tw-content);
  border-style: solid;
}
.after\:border-transparent::after{
  content: var(--tw-content);
  border-color: var(--tailwind-color-transparent, rgba(0,0,0,0));
}
.after\:\!border-b-white::after{
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.after\:border-t-\[\#66c1b5\]::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-top-color: rgb(102 193 181 / var(--tw-border-opacity));
}
.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);
}
.first\:pb-12:first-child{
  padding-bottom: 12px;
}
.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}
.last\:pt-12:last-child{
  padding-top: 12px;
}
.first-of-type\:border-t-0:first-of-type{
  border-top-width: 0px;
}
.visited\:text-text-default:visited{
  color: rgb(37 47 61 );
}
.visited\:text-\[\#7F8D9F\]:visited{
  color: rgb(127 141 159 );
}
.visited\:text-ui-label:visited{
  color: rgb(23 29 38 );
}
.visited\:text-text-gray300:visited{
  color: rgb(127 141 159 );
}
.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\:shadow-secondary-focus:focus-within{
  --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-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-\[\#636870\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(99 104 112 / var(--tw-border-opacity));
}
.hover\:border-opacity-80:hover{
  --tw-border-opacity: .8;
}
.hover\:bg-ui-background100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 252 / var(--tw-bg-opacity));
}
.hover\:bg-surface3-hover:hover{
  background-color: var(--tailwind-color-surface3--hover, rgba(0,0,0,0.0784));
}
.hover\:\!bg-\[\#12a0ff\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(18 160 255 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-\[\#f7f8fa\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 250 / var(--tw-bg-opacity));
}
.hover\:bg-ui-background400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(235 237 242 / var(--tw-bg-opacity));
}
.hover\:bg-ui-background200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 250 / var(--tw-bg-opacity));
}
.hover\:bg-secondary700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(44 155 166 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#58b0b9\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(88 176 185 / 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-primary500:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(252 77 80 / var(--tw-text-opacity)) !important;
}
.hover\:\!text-ui-label:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(23 29 38 / var(--tw-text-opacity)) !important;
}
.hover\:\!text-\[\#505c6b\]:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(80 92 107 / var(--tw-text-opacity)) !important;
}
.hover\:\!text-secondary800:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(27 127 140 / var(--tw-text-opacity)) !important;
}
.hover\:text-text-gray300:hover{
  --tw-text-opacity: 1;
  color: rgb(127 141 159 / var(--tw-text-opacity));
}
.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-primary500:hover{
  --tw-text-opacity: 1;
  color: rgb(252 77 80 / var(--tw-text-opacity));
}
.hover\:text-\[\#636870\]:hover{
  --tw-text-opacity: 1;
  color: rgb(99 104 112 / var(--tw-text-opacity));
}
.hover\:\!text-\[\#636870\]:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(99 104 112 / var(--tw-text-opacity)) !important;
}
.hover\:text-opacity-80:hover{
  --tw-text-opacity: .8;
}
.hover\:underline:hover{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.hover\:no-underline:hover{
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.hover\:opacity-80:hover{
  opacity: .8;
}
.hover\:opacity-\[0\.34\]:hover{
  opacity: 0.34;
}
.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\:\!outline-none:focus{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.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\:bg-surface3-press:active{
  background-color: var(--tailwind-color-surface3--press, rgba(0,0,0,0.1936));
}
.active\:\!bg-\[\#2eabff\]:active{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(46 171 255 / var(--tw-bg-opacity)) !important;
}
.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;
}
.group:hover .group-hover\:text-primary500{
  --tw-text-opacity: 1;
  color: rgb(252 77 80 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-100{
  opacity: 1;
}
.group.js-accordion-open .group-\[\.js-accordion-open\]\:block{
  display: block;
}
.group.js-accordion-open .group-\[\.js-accordion-open\]\:hidden{
  display: none;
}
.group.js-accordion-open .group-\[\.js-accordion-open\]\: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));
}
.group.js-accordion-open .group-\[\.js-accordion-open\]\:scale-y-\[-1\]{
  --tw-scale-y: -1;
  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));
}
.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 print{

  .print\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 0px) and (max-width: 744px){

  .mobile\:static{
    position: static;
  }

  .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\:mx-16{
    margin-left: 16px;
    margin-right: 16px;
  }

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

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

  .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-\[22px\]{
    margin-top: 22px;
    margin-bottom: 22px;
  }

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

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

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

  .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\: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\:ml-16{
    margin-left: 16px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .mobile\:box-border{
    box-sizing: border-box;
  }

  .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\:min-h-\[24px\]{
    min-height: 24px;
  }

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

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

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

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

  .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-full{
    width: 100% !important;
  }

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

  .mobile\:\!w-fit{
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

  .mobile\:min-w-\[auto\]{
    min-width: auto;
  }

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

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

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

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

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

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

  .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-cols-2{
    grid-template-columns: repeat(2, 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\:items-center{
    align-items: center;
  }

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

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

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

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

  .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-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-0{
    border-bottom-width: 0px;
  }

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

  .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\:bg-\[length\:320px\]{
    background-size: 320px;
  }

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

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

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

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

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

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

  .mobile\:py-\[1\.375rem\]{
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
  }

  .mobile\:\!py-\[1\.375rem\]{
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }

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

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

  .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-24{
    padding-top: 24px;
    padding-bottom: 24px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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-\[22px\]{
    padding-top: 22px;
  }

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

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

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

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

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

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

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

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

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

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

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

  .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-\[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\:text-secondary800{
    --tw-text-opacity: 1;
    color: rgb(27 127 140 / 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\:\!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\:right-40::before{
    content: var(--tw-content);
    right: 40px;
  }

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

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

  .mobile\:after\:right-40::after{
    content: var(--tw-content);
    right: 40px;
  }
}
@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-\[52px\]{
    top: 52px;
  }

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

  .desktop\:\!left-1\/2{
    left: 50% !important;
  }

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

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

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

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

  .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-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\:mx-\[-1px\]{
    margin-left: -1px;
    margin-right: -1px;
  }

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

  .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\:mt-8{
    margin-top: 8px;
  }

  .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\:mr-12{
    margin-right: 12px;
  }

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

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

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

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

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

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

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

  .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\:mt-24{
    margin-top: 24px;
  }

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

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

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

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

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

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

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

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

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

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

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

  .desktop\:block{
    display: block;
  }

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

  .desktop\:inline{
    display: inline;
  }

  .desktop\:flex{
    display: flex;
  }

  .desktop\:grid{
    display: grid;
  }

  .desktop\:contents{
    display: contents;
  }

  .desktop\:hidden{
    display: none;
  }

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

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

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

  .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-\[52px\]{
    height: 52px;
  }

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

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

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

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

  .desktop\:\!h-auto{
    height: auto !important;
  }

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

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

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

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

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

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

  .desktop\:h-24{
    height: 24px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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-\[944px\]{
    width: 944px;
  }

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

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

  .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-\[340px\]{
    width: 340px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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-full{
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .desktop\:w-6\/12{
    width: 50%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .desktop\:shrink-0{
    flex-shrink: 0;
  }

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

  .desktop\:basis-1\/3{
    flex-basis: 33.333333%;
  }

  .desktop\:basis-2\/3{
    flex-basis: 66.666667%;
  }

  .desktop\:basis-\[20\%\]{
    flex-basis: 20%;
  }

  .desktop\:basis-\[80\%\]{
    flex-basis: 80%;
  }

  .desktop\:basis-\[280px\]{
    flex-basis: 280px;
  }

  .desktop\:-translate-x-1\/2{
    --tw-translate-x: -50%;
    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));
  }

  .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-\[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-\[1fr_520px_1fr\]{
    grid-template-columns: 1fr 520px 1fr;
  }

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

  .desktop\:grid-cols-\[20\%_auto\]{
    grid-template-columns: 20% auto;
  }

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

  .desktop\:grid-cols-\[auto_min-content\]{
    grid-template-columns: auto -webkit-min-content;
    grid-template-columns: auto min-content;
  }

  .desktop\:grid-cols-\[repeat\(5\2c 1fr\)\]{
    grid-template-columns: repeat(5,1fr);
  }

  .desktop\:grid-cols-\[min-content_1fr_min-content\]{
    grid-template-columns: -webkit-min-content 1fr -webkit-min-content;
    grid-template-columns: min-content 1fr min-content;
  }

  .desktop\:grid-cols-\[repeat\(2\2c calc\(50\%-8px\)\)\]{
    grid-template-columns: repeat(2,calc(50% - 8px));
  }

  .desktop\:grid-cols-\[25\%_1fr\]{
    grid-template-columns: 25% 1fr;
  }

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

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

  .desktop\:grid-rows-\[repeat\(2\2c auto\)\]{
    grid-template-rows: repeat(2,auto);
  }

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

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

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

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

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

  .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-40{
    gap: 40px;
  }

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

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

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

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

  .desktop\:gap-\[10px\]{
    gap: 10px;
  }

  .desktop\:gap-\[14px\]{
    gap: 14px;
  }

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

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

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

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

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

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

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

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

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

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

  .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\: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)));
  }

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

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

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

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

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

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

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

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

  .desktop\:rounded-t-4{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .desktop\:rounded-b-4{
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

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

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

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

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

  .desktop\:border-r{
    border-right-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\:bg-page-background500{
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 248 / var(--tw-bg-opacity));
  }

  .desktop\:bg-\[50\%_bottom\]{
    background-position: 50% bottom;
  }

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

  .desktop\:p-\[1\.625rem_0_2\.4375rem\]{
    padding: 1.625rem 0 2.4375rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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;
    padding-bottom: 16px;
  }

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

  .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\:px-\[18px\]{
    padding-left: 18px;
    padding-right: 18px;
  }

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

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

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

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

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

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

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

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

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

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

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

  .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\:pb-\[48px\]{
    padding-bottom: 48px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .desktop\:text-\[0\.8125rem\]{
    font-size: 0.8125rem;
  }

  .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\:text-\[22px\]{
    font-size: 22px;
  }

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

  .desktop\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

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

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

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

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

  .desktop\:leading-\[1\.4615384615\]{
    line-height: 1.4615384615;
  }

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

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

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

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

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

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

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

  .desktop\:leading-\[3\.25\]{
    line-height: 3.25;
  }

  .desktop\:leading-\[1\.3333333333\]{
    line-height: 1.3333333333;
  }

  .desktop\:leading-7{
    line-height: 1.75rem;
  }

  .desktop\:tracking-\[1\.875px\]{
    letter-spacing: 1.875px;
  }

  .desktop\:opacity-0{
    opacity: 0;
  }

  .desktop\:shadow-\[0_0_0_1px_rgba\(0\2c _0\2c _0\2c _0\.05\)\2c _8px_8px_0_0_rgba\(95\2c _105\2c _122\2c _0\.39\)\]{
    --tw-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 8px 8px 0 0 rgba(95, 105, 122, 0.39);
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 8px 8px 0 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);
  }

  .desktop\:shadow-none{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

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

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

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

  .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;
  }

  .group:hover .desktop\:group-hover\:flex{
    display: flex;
  }
}
.\[\&\>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;
}
.\[\&_li\]\:typography-14 li{
  font-size: 14px;
  line-height: 22px;
}
.\[\&_li\]\:typography-14 li::before{
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-top: -4px;
}
.\[\&_li\]\:typography-14 li::after{
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-bottom: -4px;
}
.\[\&_li\]\:\!preserve-half-leading li::before{
  content: none !important;
}
.\[\&_li\]\:\!preserve-half-leading li::after{
  content: none !important;
}
@media (min-width: 744px){

  .\[\&_li\]\:desktop\:typography-16 li{
    font-size: 16px;
    line-height: 24px;
  }

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

  .\[\&_li\]\:desktop\:typography-16 li::after{
    display: block;
    width: 0;
    height: 0;
    content: "";
    margin-bottom: -4px;
  }
}
.\[\&\:last-of-type\]\:border-none:last-of-type{
  border-style: none;
}
li.current .\[li\.current_\&\]\:\!text-primary500{
  --tw-text-opacity: 1 !important;
  color: rgb(252 77 80 / var(--tw-text-opacity)) !important;
}
.\[\&_a\]\:text-inherit a{
  color: inherit;
}
.\[\&\>\:nth-child\(even\)\]\:border-t>:nth-child(even){
  border-top-width: 1px;
}
.\[\&\.current\]\:\!text-ui-label.current{
  --tw-text-opacity: 1 !important;
  color: rgb(23 29 38 / var(--tw-text-opacity)) !important;
}
.current .\[\.current_\&\]\:text-primary500{
  --tw-text-opacity: 1;
  color: rgb(252 77 80 / var(--tw-text-opacity));
}
.\[\&\+label\]\:block+label{
  display: block;
}
.\[\&\+label\]\:break-all+label{
  word-break: break-all;
}
.\[\&\+label\]\:text-primary700+label{
  --tw-text-opacity: 1;
  color: rgb(222 63 58 / var(--tw-text-opacity));
}
.\[\&\+label\]\:typography-12+label{
  font-size: 12px;
  line-height: 20px;
}
.\[\&\+label\]\:typography-12+label::before{
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-top: -4px;
}
.\[\&\+label\]\:typography-12+label::after{
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-bottom: -4px;
}
.\[\&\+label\]\:preserve-half-leading+label::before{
  content: none;
}
.\[\&\+label\]\:preserve-half-leading+label::after{
  content: none;
}
@media (min-width: 744px){

  .desktop\:\[\&\+label\]\:w-\[224px\]+label{
    width: 224px;
  }
}
.\[\&\>iframe\]\:w-full>iframe{
  width: 100%;
}
.\[\&\>div\]\:border-b>div{
  border-bottom-width: 1px;
}
.\[\&\>div\]\:border-b-border300>div{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(230 232 235 / var(--tw-border-opacity));
}
.last\:\[\&\>div\]\:overflow-hidden>div:last-child{
  overflow: hidden;
}
.last\:\[\&\>div\]\:text-ellipsis>div:last-child{
  text-overflow: ellipsis;
}
.last-of-type\:\[\&\>div\]\:text-text-default>div:last-of-type{
  --tw-text-opacity: 1;
  color: rgb(37 47 61 / var(--tw-text-opacity));
}
.\[\&\>div\:last-child\]\:border-b-0>div:last-child{
  border-bottom-width: 0px;
}
.\[\&_\.slick-slide\]\:flex .slick-slide{
  display: flex;
}
.\[\&_\.slick-slide\]\:justify-center .slick-slide{
  justify-content: center;
}
.\[\&\>\.primary-image-area\]\:mb-0>.primary-image-area{
  margin-bottom: 0px;
}
@media (min-width: 0px) and (max-width: 744px){

  .\[\&\>\.primary-image-area\]\:mobile\:max-h-\[300px\]>.primary-image-area{
    max-height: 300px;
  }
}
.\[\&\>\.primary-image-thumbnails\]\:mb-0>.primary-image-thumbnails{
  margin-bottom: 0px;
}
.\[\&\>\.primary-image-thumbnails\]\:\!p-12>.primary-image-thumbnails{
  padding: 12px !important;
}
.\[\&_div\]\:max-h-\[calc\(22px\*4\+18px\)\] div{
  max-height: calc(22px * 4 + 18px);
}
.\[\&_div\]\:\!font-normal div{
  font-weight: 400 !important;
}
.\[\&_div\]\:\!text-text-default div{
  --tw-text-opacity: 1 !important;
  color: rgb(37 47 61 / var(--tw-text-opacity)) !important;
}
@media (min-width: 744px){

  .desktop\:\[\&_div\]\:max-h-\[calc\(22px\*20\+18px\)\] div{
    max-height: calc(22px * 20 + 18px);
  }
}
.\[\&\:not\(\&\>\.charcoal-checkbox-input\)\]\:\!text-text-default:not(&>.charcoal-checkbox-input){
  --tw-text-opacity: 1 !important;
  color: rgb(37 47 61 / var(--tw-text-opacity)) !important;
}
.\[\&\:not\(\&\>\.charcoal-checkbox-input\)\]\:\!shadow-invalid:not(&>.charcoal-checkbox-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;
}
.checked\:\[\&\:not\(\&\>\.charcoal-checkbox-input\)\]\:\!bg-secondary600:not(&>.charcoal-checkbox-input):checked{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(66 181 189 / var(--tw-bg-opacity)) !important;
}
.focus\:\[\&\:not\(\&\>\.charcoal-checkbox-input\)\]\:\!shadow-secondary-focus:not(&>.charcoal-checkbox-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\:\[\&\:not\(\&\>\.charcoal-checkbox-input\)\]\:opacity-100:not(&>.charcoal-checkbox-input):disabled{
  opacity: 1;
}
.disabled\:\[\&\>\.charcoal-checkbox-input\]\:opacity-100>.charcoal-checkbox-input:disabled{
  opacity: 1;
}
.\[\&_\.charcoal-checkbox-input\]\:flex-shrink-0 .charcoal-checkbox-input{
  flex-shrink: 0;
}
.\[\&_\.charcoal-checkbox-input\]\:bg-background1 .charcoal-checkbox-input{
  background-color: var(--tailwind-color-background1, #ffffff);
}
.\[\&_\.charcoal-checkbox-input\]\:\!text-text-default .charcoal-checkbox-input{
  --tw-text-opacity: 1 !important;
  color: rgb(37 47 61 / var(--tw-text-opacity)) !important;
}
.\[\&_\.charcoal-checkbox-input\]\:\!shadow-invalid .charcoal-checkbox-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;
}
.checked\:\[\&_\.charcoal-checkbox-input\]\:\!bg-secondary600 .charcoal-checkbox-input:checked{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(66 181 189 / var(--tw-bg-opacity)) !important;
}
.focus\:\[\&_\.charcoal-checkbox-input\]\:\!shadow-secondary-focus .charcoal-checkbox-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;
}
.\[\&\>a\]\:\!text-text-default>a{
  --tw-text-opacity: 1 !important;
  color: rgb(37 47 61 / var(--tw-text-opacity)) !important;
}
.\[\&\>a\]\:\!underline>a{
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}
.\[\&_textarea\]\:\!m-0 textarea{
  margin: 0px !important;
}
.\[\&_textarea\]\:\!box-border textarea{
  box-sizing: border-box !important;
}
.\[\&_textarea\]\:max-h-\[calc\(\(22px\*4\+18px\)\/0\.875\)\] textarea{
  max-height: calc((22px * 4 + 18px) / 0.875);
}
.\[\&_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;
}
.\[\&_textarea\]\:leading-\[calc\(22px\/0\.875-1px\)\] textarea{
  line-height: calc(22px / 0.875 - 1px);
}
@media (min-width: 744px){

  .desktop\:\[\&_textarea\]\:max-h-\[calc\(\(22px\*20\+18px\)\/0\.875\)\] textarea{
    max-height: calc((22px * 20 + 18px) / 0.875);
  }
}
.\[\&_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-within\:\[\&_button\]\:\!shadow-secondary-focus button: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;
}
.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;
}
.\[\&_input\:\:-webkit-inner-spin-button\]\:appearance-none input::-webkit-inner-spin-button{
  -webkit-appearance: none;
          appearance: none;
}
.\[\&_input\:\:-webkit-outer-spin-button\]\:appearance-none input::-webkit-outer-spin-button{
  -webkit-appearance: none;
          appearance: none;
}
.\[\&_input\]\:\!m-0 input{
  margin: 0px !important;
}
.\[\&_input\]\:\!w-\[calc\(100\%_\/_0\.875\)\] input{
  width: calc(100% / 0.875) !important;
}
.\[\&_input\]\:\!border-none input{
  border-style: none !important;
}
.\[\&_input\]\:\!bg-transparent input{
  background-color: var(--tailwind-color-transparent, rgba(0,0,0,0)) !important;
}
.\[\&_input\]\:\!p-\[6px\] input{
  padding: 6px !important;
}
.\[\&_input\]\:\!p-0 input{
  padding: 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;
}
.checked\:\[\&_input\]\:\!bg-secondary600 input:checked{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(66 181 189 / var(--tw-bg-opacity)) !important;
}
.hover\:\[\&_input\]\:\!shadow-secondary-focus input:hover{
  --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\:\[\&_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;
}
.\[\&_\.badge\]\:\!m-0 .badge{
  margin: 0px !important;
}
.\[\&_\.swiper-pagination\]\:static .swiper-pagination{
  position: static;
}
.\[\&_\.swiper-pagination\]\:my-8 .swiper-pagination{
  margin-top: 8px;
  margin-bottom: 8px;
}
.\[\&_\.swiper-pagination-bullet\]\:h-8 .swiper-pagination-bullet{
  height: 8px;
}
.\[\&_\.swiper-pagination-bullet\]\:bg-black .swiper-pagination-bullet{
  --tw-bg-opacity: 1;
  background-color: rgb(18 26 41 / var(--tw-bg-opacity));
}
.\[\&_\.swiper-pagination-bullet-active\]\:bg-text-gray600 .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(61 70 81 / var(--tw-bg-opacity));
}
.\[\&_\.charcoal-text-area-container\]\:\!shadow-invalid .charcoal-text-area-container{
  --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\:\[\&_\.charcoal-text-area-container\]\:\!shadow-secondary-focus .charcoal-text-area-container: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;
}
.\[\&_\.charcoal-text-field-assistive-text\]\:\!text-semantic-red .charcoal-text-field-assistive-text{
  --tw-text-opacity: 1 !important;
  color: rgb(222 63 58 / var(--tw-text-opacity)) !important;
}
.\[\&_label\]\:\!text-text-default label{
  --tw-text-opacity: 1 !important;
  color: rgb(37 47 61 / var(--tw-text-opacity)) !important;
}
.focus-within\:\[\&_div\:nth-child\(2\)\]\:\!shadow-secondary-focus div:nth-child(2):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;
}
.\[\&\>div\:nth-child\(2\)\]\:\!shadow-invalid>div:nth-child(2){
  --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;
}
.\[\&\>p\]\:\!text-semantic-red>p{
  --tw-text-opacity: 1 !important;
  color: rgb(222 63 58 / var(--tw-text-opacity)) !important;
}
.\[\&_\.charcoal-text-field-container\]\:\!bg-surface1 .charcoal-text-field-container{
  background-color: var(--tailwind-color-surface1, #ffffff) !important;
}
.\[\&_div\:has\(\>_input\)\]\:max-w-\[180px\] div:has(> input){
  max-width: 180px;
}
.\[\&\>li\]\:m-0>li{
  margin: 0px;
}
.\[\&\:nth-child\(2\)\]\:py-12:nth-child(2){
  padding-top: 12px;
  padding-bottom: 12px;
}
.\[\&\:not\(\:first-child\)\]\:border-t:not(:first-child){
  border-top-width: 1px;
}
.\[\&\:not\(\:first-child\)\]\:border-t-border300:not(:first-child){
  --tw-border-opacity: 1;
  border-top-color: rgb(230 232 235 / var(--tw-border-opacity));
}
.\[\&\:has\(\>_input\:checked\)\]\:bg-ui-background200:has(> input:checked){
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 250 / var(--tw-bg-opacity));
}
.\[\&\>label\]\:h-32>label{
  height: 32px;
}
.\[\&\>label\>div\]\:\!top-\[initial\]>label>div{
  top: initial !important;
}
.\[\&\>b\]\:leading-\[1\.2\]>b{
  line-height: 1.2;
}

/* src/components/Button/index.css */
.charcoal-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  box-sizing: border-box;
  padding: 0 24px;
  border-style: none;
  outline: none;
  text-rendering: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-decoration: none;
  font: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
  width: -moz-min-content;
  width: min-content;
  display: inline-grid;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  border-radius: 999999px;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  color: var(--charcoal-text2);
  background-color: var(--charcoal-surface3);
  transition:
    0.2s color,
    0.2s background-color,
    0.2s box-shadow;
  height: 40px;
}
.charcoal-button:disabled {
  cursor: default;
  opacity: 0.32;
}
.charcoal-button:not(:disabled):focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-button:not(:disabled):hover {
  color: var(--charcoal-text2-hover);
  background-color: var(--charcoal-surface3-hover);
}
.charcoal-button:not(:disabled):active,
.charcoal-button[data-active=true] {
  color: var(--charcoal-text2-press);
  background-color: var(--charcoal-surface3-press);
}
.charcoal-button[data-variant=Primary] {
  color: var(--charcoal-text5);
  background-color: var(--charcoal-brand);
}
.charcoal-button[data-variant=Primary]:hover:not(:disabled) {
  color: var(--charcoal-text5-hover);
  background-color: var(--charcoal-brand-hover);
}
.charcoal-button[data-variant=Primary]:active:not(:disabled),
.charcoal-button[data-variant=Primary][data-active=true] {
  color: var(--charcoal-text5-press);
  background-color: var(--charcoal-brand-press);
}
.charcoal-button[data-variant=Overlay] {
  color: var(--charcoal-text5);
  background-color: var(--charcoal-surface4);
}
.charcoal-button[data-variant=Overlay]:hover:not(:disabled) {
  color: var(--charcoal-text5-hover);
  background-color: var(--charcoal-surface4-hover);
}
.charcoal-button[data-variant=Overlay]:active:not(:disabled),
.charcoal-button[data-variant=Overlay][data-active=true] {
  color: var(--charcoal-text5-press);
  background-color: var(--charcoal-surface4-press);
}
.charcoal-button[data-variant=Navigation] {
  color: var(--charcoal-text5);
  background-color: var(--charcoal-surface6);
}
.charcoal-button[data-variant=Navigation]:hover:not(:disabled) {
  color: var(--charcoal-text5-hover);
  background-color: var(--charcoal-surface6-hover);
}
.charcoal-button[data-variant=Navigation]:active:not(:disabled),
.charcoal-button[data-variant=Navigation][data-active=true] {
  color: var(--charcoal-text5-press);
  background-color: var(--charcoal-surface6-press);
}
.charcoal-button[data-variant=Danger] {
  color: var(--charcoal-text5);
  background-color: var(--charcoal-assertive);
}
.charcoal-button[data-variant=Danger]:hover:not(:disabled) {
  color: var(--charcoal-text5-hover);
  background-color: var(--charcoal-assertive-hover);
}
.charcoal-button[data-variant=Danger]:active:not(:disabled),
.charcoal-button[data-variant=Danger][data-active=true] {
  color: var(--charcoal-text5-press);
  background-color: var(--charcoal-assertive-press);
}
.charcoal-button[data-size=S] {
  padding: 0 16px;
  height: 32px;
}
.charcoal-button[data-full-width=true] {
  width: 100%;
}

/* src/components/Clickable/index.css */
.charcoal-clickable {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  padding: 0;
  border-style: none;
  outline: none;
  color: inherit;
  text-rendering: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-decoration: none;
  font: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
}
.charcoal-clickable:disabled,
.charcoal-clickable[aria-disabled]:not([aria-disabled="false"]) {
  cursor: default;
}
.charcoal-clickable:focus {
  outline: none;
}
.charcoal-clickable::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* src/components/IconButton/index.css */
.charcoal-icon-button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  padding: 0;
  border-style: none;
  outline: none;
  color: inherit;
  text-rendering: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-decoration: none;
  font: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999999px;
  transition: 0.2s background-color, 0.2s box-shadow;
}
.charcoal-icon-button:disabled,
.charcoal-icon-button[aria-disabled]:not([aria-disabled="false"]) {
  cursor: default;
  opacity: 0.32;
}
.charcoal-icon-button:focus {
  outline: none;
}
.charcoal-icon-button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.charcoal-icon-button[data-size=XS] {
  width: 20px;
  height: 20px;
}
.charcoal-icon-button[data-size=S] {
  width: 32px;
  height: 32px;
}
.charcoal-icon-button[data-size=M] {
  width: 40px;
  height: 40px;
}
.charcoal-icon-button[data-variant=Default] {
  color: var(--charcoal-text3);
  background-color: var(--charcoal-transparent);
}
.charcoal-icon-button[data-variant=Default][data-active=true]:not(:disabled):not([aria-disabled]),
.charcoal-icon-button[data-variant=Default][data-active=true][aria-disabled=false] {
  color: var(--charcoal-text3-press);
  background-color: var(--charcoal-transparent-press);
}
.charcoal-icon-button[data-variant=Default][data-active=false]:not(:disabled):not([aria-disabled]):hover,
.charcoal-icon-button[data-variant=Default][data-active=false][aria-disabled=false]:hover {
  color: var(--charcoal-text3-hover);
  background-color: var(--charcoal-transparent-hover);
}
.charcoal-icon-button[data-variant=Default][data-active=false]:not(:disabled):not([aria-disabled]):active,
.charcoal-icon-button[data-variant=Default][data-active=false][aria-disabled=false]:active {
  color: var(--charcoal-text3-press);
  background-color: var(--charcoal-transparent-press);
}
.charcoal-icon-button[data-variant=Overlay] {
  color: var(--charcoal-text5);
  background-color: var(--charcoal-surface4);
}
.charcoal-icon-button[data-variant=Overlay][data-active=true]:not(:disabled):not([aria-disabled]),
.charcoal-icon-button[data-variant=Overlay][data-active=true][aria-disabled=false] {
  color: var(--charcoal-text5-press);
  background-color: var(--charcoal-surface4-press);
}
.charcoal-icon-button[data-variant=Overlay][data-active=false]:not(:disabled):not([aria-disabled]):hover,
.charcoal-icon-button[data-variant=Overlay][data-active=false][aria-disabled=false]:hover {
  color: var(--charcoal-text5-hover);
  background-color: var(--charcoal-surface4-hover);
}
.charcoal-icon-button[data-variant=Overlay][data-active=false]:not(:disabled):not([aria-disabled]):active,
.charcoal-icon-button[data-variant=Overlay][data-active=false][aria-disabled=false]:active {
  color: var(--charcoal-text5-press);
  background-color: var(--charcoal-surface4-press);
}
.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus,
.charcoal-icon-button[aria-disabled=false]:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus-visible,
.charcoal-icon-button[aria-disabled=false]:focus-visible {
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus:not(:focus-visible),
.charcoal-icon-button[aria-disabled=false]:focus:not(:focus-visible) {
  box-shadow: none;
}

/* src/components/Radio/index.css */
.charcoal-radio__label {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 4px;
  align-items: center;
  cursor: pointer;
}
.charcoal-radio__label[aria-disabled]:not([aria-disabled="false"]) {
  opacity: 0.32;
  cursor: default;
}
.charcoal-radio__label_div {
  font-size: 14px;
  line-height: 22px;
  color: var(--charcoal-text2);
}

/* src/components/Radio/RadioInput/index.css */
.charcoal-radio-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 6px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 999999px;
  background-color: var(--charcoal-surface1);
  transition: 0.2s background-color, 0.2s box-shadow;
}
.charcoal-radio-input:checked {
  background-color: var(--charcoal-brand);
}
.charcoal-radio-input:checked::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  pointer-events: none;
  background-color: var(--charcoal-text5);
  border-radius: 999999px;
  transition: 0.2s background-color, 0.2s box-shadow;
}
.charcoal-radio-input:not(:checked) {
  border-width: 2px;
  border-style: solid;
  border-color: var(--charcoal-text3);
}
.charcoal-radio-input:disabled {
  cursor: default;
}
.charcoal-radio-input:not(:disabled):hover {
  background-color: var(--charcoal-surface1-hover);
}
.charcoal-radio-input:not(:disabled):active {
  background-color: var(--charcoal-surface1-press);
}
.charcoal-radio-input:not(:disabled):focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-radio-input:not(:disabled):focus-visible {
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-radio-input:not(:disabled):focus:not(:focus-visible) {
  box-shadow: none;
}
.charcoal-radio-input:not(:disabled)[aria-invalid=true],
.charcoal-radio-input:not(:disabled)[aria-invalid=true]:focus {
  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);
}
.charcoal-radio-input:checked:not(:disabled):hover {
  background-color: var(--charcoal-brand-hover);
}
.charcoal-radio-input:checked:not(:disabled):hover::after {
  background-color: var(--charcoal-text5-hover);
}
.charcoal-radio-input:checked:not(:disabled):active {
  background-color: var(--charcoal-brand-press);
}
.charcoal-radio-input:checked:not(:disabled):active::after {
  background-color: var(--charcoal-text5-press);
}

/* src/components/Radio/RadioGroup/index.css */
.charcoal-radio-group {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 8px;
}

/* src/components/MultiSelect/index.css */
.charcoal-multi-select {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  position: relative;
  cursor: pointer;
  gap: 4px;
}
.charcoal-multi-select:disabled,
.charcoal-multi-select[aria-disabled]:not([aria-disabled="false"]) {
  opacity: 0.32;
  cursor: default;
}
.charcoal-multi-select-label {
  display: flow-root;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: var(--charcoal-text2);
}
.charcoal-multi-select-label::before {
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-top: -4px;
}
.charcoal-multi-select-label::after {
  display: block;
  width: 0;
  height: 0;
  content: "";
  margin-bottom: -4px;
}
.charcoal-multi-select-input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  background-color: var(--charcoal-text3);
  border-radius: 999999px;
  transition: 0.2s background-color, 0.2s box-shadow;
}
.charcoal-multi-select-input[type=checkbox]:checked {
  background-color: var(--charcoal-brand);
}
.charcoal-multi-select-input[type=checkbox]:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-multi-select-input[type=checkbox]:focus-visible {
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-multi-select-input[type=checkbox]:focus:not(:focus-visible) {
  box-shadow: none;
}
.charcoal-multi-select-input[type=checkbox]:hover:not(:disabled):not([aria-disabled]),
.charcoal-multi-select-input[type=checkbox]:hover[aria-disabled=false] {
  background-color: var(--charcoal-text3-hover);
}
.charcoal-multi-select-input[type=checkbox]:active:not(:disabled):not([aria-disabled]),
.charcoal-multi-select-input[type=checkbox]:active[aria-disabled=false] {
  background-color: var(--charcoal-text3-press);
}
.charcoal-multi-select-input[type=checkbox]:checked:hover:not(:disabled):not([aria-disabled]),
.charcoal-multi-select-input[type=checkbox]:checked:hover[aria-disabled=false] {
  background-color: var(--charcoal-brand-hover);
}
.charcoal-multi-select-input[type=checkbox]:checked:active:not(:disabled):not([aria-disabled]),
.charcoal-multi-select-input[type=checkbox]:checked:active[aria-disabled=false] {
  background-color: var(--charcoal-brand-press);
}
.charcoal-multi-select-input[aria-invalid=true][data-overlay=false]:not(:disabled):not([aria-disabled]) {
  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);
}
.charcoal-multi-select-input[aria-invalid=true][data-overlay=false][aria-disabled=false] {
  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);
}
.charcoal-multi-select-input[data-overlay=true] {
  background-color: var(--charcoal-surface4);
}
.charcoal-multi-select-overlay {
  position: absolute;
  top: -2px;
  left: -2px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999999px;
  color: var(--charcoal-text5);
  transition: 0.2s box-shadow;
}
.charcoal-multi-select-overlay[aria-invalid=true][data-overlay=true]:not(:disabled):not([aria-disabled]) {
  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);
}
.charcoal-multi-select-overlay[aria-invalid=true][data-overlay=true][aria-disabled=false] {
  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);
}
.charcoal-multi-select-overlay[data-overlay=true] {
  border-color: var(--charcoal-text5);
  border-width: 2px;
  border-style: solid;
}

/* src/components/Switch/index.css */
.charcoal-switch__label {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  cursor: pointer;
  outline: 0;
  gap: 4px;
}
.charcoal-switch__label[aria-disabled=true] {
  opacity: 0.32;
  cursor: default;
}
.charcoal-switch__label[aria-disabled=true] > input {
  opacity: 1;
}
.charcoal-switch__label_div {
  font-size: 14px;
  line-height: 22px;
  color: var(--charcoal-text2);
}

/* src/components/Switch/SwitchInput/index.css */
.charcoal-switch-input {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  width: 28px;
  border: 2px solid transparent;
  transition-property: background-color, box-shadow;
  transition-duration: 0.2s;
  outline: none;
  border-radius: 16px;
  height: 16px;
  margin: 0;
  background-color: var(--charcoal-text4);
}
.charcoal-switch-input:disabled,
.charcoal-switch-input[readonly] {
  opacity: 0.32;
  cursor: default;
}
.charcoal-switch-input::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  transform: translateX(0);
  transition: transform 0.2s;
  border-radius: 1024px;
  background-color: var(--charcoal-text5);
}
.charcoal-switch-input:checked::after {
  transform: translateX(12px);
  transition: transform 0.2s;
}
.charcoal-switch-input:checked {
  background-color: var(--charcoal-brand);
}
.charcoal-switch-input:not(:disabled):hover {
  background-color: var(--charcoal-text4-hover);
}
.charcoal-switch-input:not(:disabled):active {
  background-color: var(--charcoal-text4-press);
}
.charcoal-switch-input:not(:disabled):focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-switch-input:not(:disabled):focus-visible {
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-switch-input:not(:disabled):focus:not(:focus-visible) {
  box-shadow: none;
}
.charcoal-switch-input:not(:disabled)::after:hover {
  background-color: var(--charcoal-text5-hover);
}
.charcoal-switch-input:not(:disabled)::after:active {
  background-color: var(--charcoal-text5-press);
}
.charcoal-switch-input:not(:disabled):checked:hover {
  background-color: var(--charcoal-brand-hover);
}
.charcoal-switch-input:not(:disabled):checked:active {
  background-color: var(--charcoal-brand-press);
}

/* src/components/TextField/index.css */
.charcoal-text-field-root {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 4px;
}
.charcoal-text-field-root[aria-disabled=true] {
  opacity: 0.32;
}
.charcoal-text-field-container {
  display: flex;
  height: 40px;
  transition: 0.2s background-color, 0.2s box-shadow;
  color: var(--charcoal-text2);
  background-color: var(--charcoal-surface3);
  border-radius: 4px;
  padding: 0 8px;
  line-height: 22px;
  font-size: 14px;
}
.charcoal-text-field-container[data-invalid=true] {
  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);
}
.charcoal-text-field-container:not([aria-disabled="true"]):hover {
  background-color: var(--charcoal-surface3-hover);
}
.charcoal-text-field-container:not([aria-disabled="true"]):focus-within {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-text-field-container:not([aria-disabled="true"])[data-invalid=true]:focus-within {
  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);
}
.charcoal-text-field-prefix {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.charcoal-text-field-suffix {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 4px;
}
.charcoal-text-field-input {
  border: none;
  box-sizing: border-box;
  outline: none;
  font-family: inherit;
  transform-origin: top left;
  transform: scale(0.875);
  width: calc(100% / 0.875);
  height: calc(100% / 0.875);
  font-size: calc(14px / 0.875);
  line-height: calc(22px / 0.875);
  padding-left: 0;
  padding-right: 0;
  border-radius: calc(4px / 0.875);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  color: var(--charcoal-text2);
}
.charcoal-text-field-input::-moz-placeholder {
  color: var(--charcoal-text3);
}
.charcoal-text-field-input::placeholder {
  color: var(--charcoal-text3);
}
.charcoal-text-field-line-counter {
  line-height: 22px;
  font-size: 14px;
  color: var(--charcoal-text3);
}

/* src/components/FieldLabel/index.css */
.charcoal-field-label {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  display: flow-root;
  color: var(--charcoal-text1);
}
.charcoal-field-label-required-text {
  font-size: 14px;
  line-height: 22px;
  display: flow-root;
  color: var(--charcoal-text2);
}
.charcoal-field-label-sub-label {
  font-size: 14px;
  line-height: 22px;
  display: flow-root;
  color: var(--charcoal-text3);
  transition: 0.2s color, 0.2s box-shadow;
}
.charcoal-field-label-root {
  display: inline-flex;
  align-items: center;
}
.charcoal-field-label-root > .charcoal-field-label-required-text {
  margin-left: 4px;
}
.charcoal-field-label-root > .charcoal-field-label-sub-label {
  margin-left: auto;
}

/* src/components/TextField/AssistiveText/index.css */
.charcoal-text-field-assistive-text {
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  color: var(--charcoal-text2);
}
.charcoal-text-field-assistive-text[data-invalid=true] {
  color: var(--charcoal-assertive);
}

/* src/components/TextArea/index.css */
.charcoal-text-area-root {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 4px;
}
.charcoal-text-area-root[aria-disabled=true] {
  opacity: 0.32;
}
.charcoal-text-area-container {
  position: relative;
  overflow: hidden;
  color: var(--charcoal-text2);
  background-color: var(--charcoal-surface3);
  border-radius: 4px;
  transition: 0.2s background-color, 0.2s box-shadow;
  height: calc(22px * var(--charcoal-text-area-rows) + 18px);
}
.charcoal-text-area-container[aria-invalid=true] {
  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);
}
.charcoal-text-area-container:focus-within {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-text-area-container:not([aria-disabled="true"]):hover {
  background-color: var(--charcoal-surface3-hover);
}
.charcoal-text-area-container[aria-invalid=true]:focus-within {
  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);
}
.charcoal-text-area-textarea {
  border: none;
  outline: none;
  resize: none;
  font-family: inherit;
  color: inherit;
  box-sizing: border-box;
  transform-origin: top left;
  transform: scale(0.875);
  width: calc(100% / 0.875);
  font-size: calc(14px / 0.875);
  line-height: calc(22px / 0.875);
  padding: calc(9px / 0.875) calc(8px / 0.875);
  height: calc(22px / 0.875 * var(--charcoal-text-area-rows) + 20px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
}
.charcoal-text-area-textarea[data-no-bottom-padding=true] {
  padding: calc(9px / 0.875) calc(8px / 0.875) 0;
  height: calc(22px / 0.875 * (var(--charcoal-text-area-rows) - 1) + 9px);
}
.charcoal-text-area-textarea::-moz-placeholder {
  color: var(--charcoal-text3);
}
.charcoal-text-area-textarea::placeholder {
  color: var(--charcoal-text3);
}
.charcoal-text-area-counter {
  position: absolute;
  bottom: 9px;
  right: 8px;
  line-height: 22px;
  font-size: 14px;
  color: var(--charcoal-text3);
}

/* src/components/Modal/Dialog/index.css */
.charcoal-modal-dialog {
  margin: auto;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  width: 440px;
  background-color: var(--charcoal-surface1);
  border-radius: 24px;
}
.charcoal-modal-dialog[data-size=S] {
  width: 336px;
}
.charcoal-modal-dialog[data-size=M] {
  width: 440px;
}
.charcoal-modal-dialog[data-size=L] {
  width: 648px;
}
@media (max-width: 743px) {
  .charcoal-modal-dialog {
    max-width: 440px;
    width: calc(100% - 48px);
  }
  .charcoal-modal-dialog[data-bottom-sheet=true],
  .charcoal-modal-dialog[data-bottom-sheet=full] {
    max-width: unset;
    width: 100%;
    border-radius: 0;
    margin: auto 0 0 0;
  }
  .charcoal-modal-dialog[data-bottom-sheet=full] {
    min-height: 100%;
  }
}
.charcoal-modal-dialog:focus {
  outline: none;
}

/* src/components/Modal/index.css */
.charcoal-modal-background {
  overflow: auto;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  padding: 40px 0;
  box-sizing: border-box;
  background-color: var(--charcoal-surface4);
}
@media (max-width: 743px) {
  .charcoal-modal-background[data-bottom-sheet=true],
  .charcoal-modal-background[data-bottom-sheet=full] {
    padding: 0;
  }
}
.charcoal-modal-close-button {
  position: absolute;
  top: 8px;
  right: 8px;
  color: var(--charcoal-text3);
  transition: 0.2s color;
}
.charcoal-modal-title {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}

/* src/components/Modal/ModalPlumbing.css */
.charcoal-modal-header-root {
  height: 64px;
  display: grid;
  align-content: center;
  justify-content: center;
}
@media (max-width: 743px) {
  .charcoal-modal-header-root[data-bottom-sheet=true],
  .charcoal-modal-header-root[data-bottom-sheet=full] {
    height: 48px;
  }
}
.charcoal-modal-header-title {
  color: var(--charcoal-text1);
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  display: flow-root;
}
.charcoal-modal-align {
  padding-left: 16px;
  padding-right: 16px;
}
.charcoal-modal-body {
  padding-bottom: 40px;
}
.charcoal-modal-buttons {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 8px;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

/* src/components/LoadingSpinner/index.css */
.charcoal-loading-spinner {
  box-sizing: content-box;
  margin: auto;
  padding: var(--charcoal-loading-spinner-padding);
  border-radius: 8px;
  font-size: var(--charcoal-loading-spinner-size);
  width: var(--charcoal-loading-spinner-size);
  height: var(--charcoal-loading-spinner-size);
  opacity: 0.84;
  color: var(--charcoal-text4);
  background-color: var(--charcoal-background1);
}
.charcoal-loading-spinner[data-transparent=true] {
  background-color: var(--charcoal-transparent);
}
@keyframes charcoal-loading-spinner-icon-scale-out {
  from {
    transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
.charcoal-loading-spinner-icon {
  width: 1em;
  height: 1em;
  border-radius: 1em;
  background-color: currentColor;
  animation: charcoal-loading-spinner-icon-scale-out 1s both ease-out;
  animation-iteration-count: infinite;
}
.charcoal-loading-spinner-icon[data-reset-animation] {
  animation: none;
}
.charcoal-loading-spinner-icon[data-once=true] {
  animation-iteration-count: 1;
}

/* src/components/DropdownSelector/index.css */
.charcoal-dropdown-selector-root {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 4px;
  width: 100%;
}
.charcoal-dropdown-selector-root[aria-disabled=true] {
  cursor: default;
  opacity: 0.32;
}
.charcoal-dropdown-selector-button {
  display: grid;
  grid-template-columns: 1fr auto;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  gap: 4px;
  padding-right: 8px;
  padding-left: 8px;
  background-color: var(--charcoal-surface3);
  border-radius: 4px;
  transition: 0.2s box-shadow, 0.2s background-color;
}
.charcoal-dropdown-selector-button:disabled {
  cursor: default;
}
.charcoal-dropdown-selector-button:not(:disabled):focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-dropdown-selector-button:not(:disabled):focus-visible {
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-dropdown-selector-button:not(:disabled)[data-active=true],
.charcoal-dropdown-selector-button:not(:disabled):active {
  background-color: var(--charcoal-surface3-press);
}
.charcoal-dropdown-selector-button:not(:disabled):hover {
  background-color: var(--charcoal-surface3-hover);
}
.charcoal-dropdown-selector-button:not(:disabled):focus:not(:focus-visible) {
  box-shadow: none;
}
.charcoal-dropdown-selector-button[aria-invalid=true],
.charcoal-dropdown-selector-button:not(:disabled)[aria-invalid=true]:focus:not(:focus-visible) {
  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);
}
.charcoal-ui-dropdown-selector-text {
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  display: flow-root;
  color: var(--charcoal-text2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.charcoal-ui-dropdown-selector-text[data-placeholder=true] {
  color: var(--charcoal-text3);
}
.charcoal-ui-dropdown-selector-icon {
  color: var(--charcoal-text2);
}

/* src/components/DropdownSelector/Popover/index.css */
.charcoal-popover {
  margin: 4px 0;
  list-style: none;
  overflow: auto;
  max-height: inherit;
  background-color: var(--charcoal-background1);
  border: solid 1px var(--charcoal-border-default);
  border-radius: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* src/components/DropdownSelector/MenuList/index.css */
.charcoal-menu-list {
  padding: 0;
  margin: 0;
}

/* src/components/DropdownSelector/DropdownMenuItem/index.css */
.charcoal-dropdown-selector-menu-item {
  font-size: 14px;
  line-height: 22px;
  color: var(--charcoal-text2);
  padding: 9px 0;
  display: flex;
  align-items: center;
  width: 100%;
  margin-left: 20px;
}
.charcoal-dropdown-selector-menu-item[data-selected=true] {
  margin-left: 0px;
}
.charcoal-dropdown-selector-menu-item-icon {
  color: var(--charcoal-text2);
  padding-right: 4px;
}

/* src/components/DropdownSelector/ListItem/index.css */
.charcoal-list-item {
  list-style: none;
  display: flex;
  align-items: center;
  min-height: 40px;
  cursor: pointer;
  outline: none;
  padding-right: 16px;
  padding-left: 16px;
  transition: background-color 0.2s;
}
.charcoal-list-item:not([aria-disabled="true"]):hover,
.charcoal-list-item:not([aria-disabled="true"]):focus,
.charcoal-list-item:not([aria-disabled="true"]):focus-within {
  background-color: var(--charcoal-surface3);
}
.charcoal-list-item[aria-disabled=true] {
  opacity: 0.32;
  cursor: default;
}

/* src/components/DropdownSelector/MenuItemGroup/index.css */
.charcoal-menu-item-group {
  display: block;
}
.charcoal-menu-item-group > span {
  display: block;
  color: var(--charcoal-text3);
  font-size: 12px;
  font-weight: bold;
  padding: 12px 0 8px 16px;
}
.charcoal-menu-item-group > ul {
  padding-left: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  overflow: hidden;
}

/* src/components/SegmentedControl/index.css */
.charcoal-segmented-control {
  display: inline-flex;
  align-items: center;
  background-color: var(--charcoal-surface3);
  border-radius: 16px;
}
.charcoal-segmented-control-radio__label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 32px;
  padding-right: 16px;
  padding-left: 16px;
  border-radius: 16px;
  color: var(--charcoal-text2);
  font-size: 14px;
  line-height: 22px;
}
.charcoal-segmented-control-radio__label[aria-disabled]:not([aria-disabled="false"]) {
  cursor: default;
  opacity: 0.32;
}
.charcoal-segmented-control-radio__label[data-checked=true] {
  background-color: var(--charcoal-brand);
  color: var(--charcoal-text5);
}
.charcoal-segmented-control-radio__input {
  position: absolute;
  height: 0px;
  width: 0px;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
}

/* src/components/Checkbox/index.css */
.charcoal-checkbox__label {
  position: relative;
  cursor: pointer;
  display: flex;
  gap: 4px;
}
.charcoal-checkbox__label[aria-disabled=true] {
  cursor: default;
  opacity: 0.32;
}
.charcoal-checkbox__label[aria-disabled=true] > input {
  opacity: 1;
}
.charcoal-checkbox__label_div {
  color: var(--charcoal-text2);
  font-size: 14px;
  line-height: 20px;
}

/* src/components/Checkbox/CheckboxInput/index.css */
.charcoal-checkbox-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  cursor: pointer;
  margin: 0;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  transition: 0.2s box-shadow, 0.2s background-color;
  position: relative;
  box-sizing: border-box;
}
.charcoal-checkbox-input:disabled,
.charcoal-checkbox-input[readonly] {
  opacity: 0.32;
  cursor: default;
}
.charcoal-checkbox-input:checked {
  background-color: var(--charcoal-brand);
}
.charcoal-checkbox-input:checked::after {
  content: "";
  background-color: white;
  display: flex;
  margin: auto;
  width: 16px;
  height: 16px;
  clip-path: path("M10.6 5a1.3 1.3 0 0 1 1.8 1.9l-5.7 5.6-3-2.9a1.3 1.3 0 1 1 2-1.9l1 1z");
}
.charcoal-checkbox-input:not(:checked) {
  border-width: 2px;
  border-style: solid;
  border-color: var(--charcoal-text4);
}
.charcoal-checkbox-input:not(:disabled):focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-checkbox-input:not(:disabled):focus-visible {
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-checkbox-input:not(:disabled):focus:not(:focus-visible) {
  box-shadow: none;
}
.charcoal-checkbox-input:checked:not(:disabled):hover {
  background-color: var(--charcoal-brand-hover);
}
.charcoal-checkbox-input:checked:not(:disabled):active {
  background-color: var(--charcoal-brand-press);
}
.charcoal-checkbox-input[aria-invalid=true],
.charcoal-checkbox-input[aria-invalid=true]:not(:disabled):focus {
  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);
}
.charcoal-checkbox-input[data-rounded=true] {
  border-radius: 10px;
  background-color: var(--charcoal-surface3);
  border: 2px solid transparent;
}
.charcoal-checkbox-input[data-rounded=true]:checked {
  background-color: var(--charcoal-brand);
}
.charcoal-checkbox-input[data-rounded=true]:not(:disabled):hover {
  background-color: var(--charcoal-surface3-hover);
}
.charcoal-checkbox-input[data-rounded=true]:not(:disabled):active {
  background-color: var(--charcoal-surface3-press);
}
.charcoal-checkbox-input[data-rounded=true]:not(:disabled):focus-visible {
  box-shadow: 0 0 0 6px rgba(0, 150, 250, 0.32);
}
.charcoal-checkbox-input[data-rounded=true]:checked:not(:disabled):hover {
  background-color: var(--charcoal-brand-hover);
}
.charcoal-checkbox-input[data-rounded=true]:checked:not(:disabled):active {
  background-color: var(--charcoal-brand-press);
}
.charcoal-checkbox-input[data-rounded=true][aria-invalid=true],
.charcoal-checkbox-input[data-rounded=true][aria-invalid=true]:not(:disabled):focus {
  box-shadow: 0 0 0 6px rgba(255, 43, 0, 0.32);
}
.charcoal-checkbox-input[data-rounded=true]::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: -4px;
  left: -4px;
  border-radius: 12px;
  border: 2px solid #fff;
  box-sizing: border-box;
}

/* src/components/TagItem/index.css */
.charcoal-tag-item {
  --charcoal-tag-item-color: var(--charcoal-text5);
  --charcoal-tag-item-size: 40px;
  --charcoal-tag-item-padding-left: 24px;
  --charcoal-tag-item-padding-right: 24px;
  isolation: isolate;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-style: none;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  color: var(--charcoal-tag-item-color);
  height: var(--charcoal-tag-item-size);
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: var(--charcoal-tag-item-padding-left);
  padding-right: var(--charcoal-tag-item-padding-right);
  box-sizing: border-box;
  border-radius: 4px;
  transition: 0.2s box-shadow;
}
.charcoal-tag-item[data-size=M] {
  --charcoal-tag-item-size: 40px;
  --charcoal-tag-item-padding-left: 24px;
  --charcoal-tag-item-padding-right: 24px;
}
.charcoal-tag-item[data-size=S] {
  --charcoal-tag-item-size: 32px;
  --charcoal-tag-item-padding-left: 16px;
  --charcoal-tag-item-padding-right: 16px;
}
.charcoal-tag-item[data-state=inactive] {
  --charcoal-tag-item-color: var(--charcoal-text2);
}
.charcoal-tag-item[data-state=active] {
  --charcoal-tag-item-padding-left: 16px;
  --charcoal-tag-item-padding-right: 8px;
}
.charcoal-tag-item:disabled,
.charcoal-tag-item[aria-disabled]:not([aria-disabled="false"]) {
  opacity: 0.32;
  cursor: default;
}
.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus-visible,
.charcoal-tag-item[aria-disabled=false]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus,
.charcoal-tag-item[aria-disabled=false]:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
}
.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus:not(:focus-visible),
.charcoal-tag-item[aria-disabled=false]:focus:not(:focus-visible) {
  box-shadow: none;
}
.charcoal-tag-item__bg {
  background-color: var(--charcoal-tag-item-bg);
}
.charcoal-tag-item__bg[data-bg-variant=image] {
  background-color: var(--charcoal-surface4);
}
.charcoal-tag-item__bg[data-bg-variant=image]::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-image: var(--charcoal-tag-item-bg);
  mix-blend-mode: overlay;
}
.charcoal-tag-item__bg[data-state=inactive] {
  background-color: var(--charcoal-surface3);
}
.charcoal-tag-item__label {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.charcoal-tag-item__label[data-has-translate=true] {
  justify-content: space-between;
}
.charcoal-tag-item__label__translated {
  --charcoal-tag-item-text-font-size: 12px;
  --charcoal-tag-item-text-line-height: 20px;
  font-weight: bold;
}
.charcoal-tag-item__label__translated::before {
  display: none;
}
.charcoal-tag-item__label__text {
  --charcoal-tag-item-text-font-size: 14px;
  --charcoal-tag-item-text-line-height: 22px;
  max-width: 152px;
  overflow: hidden;
  font-weight: bold;
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.charcoal-tag-item__label__text[data-has-translate=true] {
  --charcoal-tag-item-text-font-size: 10px;
  --charcoal-tag-item-text-line-height: 14px;
  font-weight: normal;
}
.charcoal-tag-item__labe__text[data-has-translate=true]::after {
  display: none;
}