#__next,
#noteui-provider{
	height: 100%
}


/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/
/*
*,
:after,
:before {
	box-sizing: border-box;
	border: 0 solid
}

:after,
:before {
	--tw-content: ""
}

:host,
html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent
}

body {
	line-height: inherit
}

hr {
	height: 0;
	color: inherit;
	border-top-width: 1px
}

abbr:where([title]) {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit
}

a {
	text-decoration: inherit
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
pre,
samp {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

table {
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
	margin: 0;
	padding: 0
}

button,
select {
	text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none
}

:-moz-focusring {
	outline: auto
}

:-moz-ui-invalid {
	box-shadow: none
}

progress {
	vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
	margin: 0
}

fieldset {
	margin: 0
}

fieldset,
legend {
	padding: 0
}

menu,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

dialog {
	padding: 0
}

textarea {
	resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #9ca3af
}

input::placeholder,
textarea::placeholder {
	opacity: 1;
	color: #9ca3af
}

[role=button],
button {
	cursor: pointer
}

:disabled {
	cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	display: block;
	vertical-align: middle
}

img,
video {
	max-width: 100%;
	height: auto
}

[hidden] {
	display: none
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	display: initial;
	vertical-align: initial
}

*,
:after,
:before {
	--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-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--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: rgba(59, 130, 246, .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: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

::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-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--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: rgba(59, 130, 246, .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: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}
*/
.\!container {
	width: 100% !important
}

.container {
	width: 100%
}

@media (min-width:361px) {
	.\!container {
		max-width: 361px !important
	}

	.container {
		max-width: 361px
	}
}

@media (min-width:481px) {
	.\!container {
		max-width: 481px !important
	}

	.container {
		max-width: 481px
	}
}

@media (min-width:769px) {
	.\!container {
		max-width: 769px !important
	}

	.container {
		max-width: 769px
	}
}

@media (min-width:941px) {
	.\!container {
		max-width: 941px !important
	}

	.container {
		max-width: 941px
	}
}

@media (min-width:1280px) {
	.\!container {
		max-width: 1280px !important
	}

	.container {
		max-width: 1280px
	}
}

@media (min-width:2048px) {
	.\!container {
		max-width: 2048px !important
	}

	.container {
		max-width: 2048px
	}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0
}

.pointer-events-none {
	pointer-events: none
}

.pointer-events-auto {
	pointer-events: auto
}

.visible {
	visibility: visible
}

.invisible {
	visibility: hidden
}

.static {
	position: static
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.sticky {
	position: sticky
}

.-inset-2 {
	inset: -.5rem
}

.inset-0 {
	inset: 0
}

.inset-6 {
	inset: 1.5rem
}

.inset-8 {
	inset: 2rem
}

.-inset-x-2 {
	left: -.5rem;
	right: -.5rem
}

.-inset-y-1 {
	top: -.25rem;
	bottom: -.25rem
}

.inset-x-0 {
	left: 0;
	right: 0
}

.-left-1 {
	left: -.25rem
}

.-left-2 {
	left: -.5rem
}

.-right-1 {
	right: -.25rem
}

.-right-1\.5 {
	right: -.375rem
}

.-top-1 {
	top: -.25rem
}

.bottom-0 {
	bottom: 0
}

.bottom-2\.5 {
	bottom: .625rem
}

.bottom-auto {
	bottom: auto
}

.bottom-full {
	bottom: 100%
}

.left-0 {
	left: 0
}

.left-1\/2 {
	left: 50%
}

.left-2 {
	left: .5rem
}

.left-3 {
	left: .75rem
}

.left-4 {
	left: 1rem
}

.left-8 {
	left: 2rem
}

.left-auto {
	left: auto
}

.left-full {
	left: 100%
}

.right-0 {
	right: 0
}

.right-1 {
	right: .25rem
}

.right-2 {
	right: .5rem
}

.right-4 {
	right: 1rem
}

.right-\[-39px\] {
	right: -39px
}

.right-auto {
	right: auto
}

.right-full {
	right: 100%
}

.top-0 {
	top: 0
}

.top-1 {
	top: .25rem
}

.top-1\/2 {
	top: 50%
}

.top-2 {
	top: .5rem
}

.top-24 {
	top: 6rem
}

.top-3 {
	top: .75rem
}

.top-4 {
	top: 1rem
}

.top-\[81px\] {
	top: 81px
}

.top-full {
	top: 100%
}

.isolate {
	isolation: isolate
}

.z-0 {
	z-index: 0
}

.z-10 {
	z-index: 10
}

.z-20 {
	z-index: 20
}

.z-30 {
	z-index: 30
}

.z-40 {
	z-index: 40
}

.z-50 {
	z-index: 50
}

.z-\[11\] {
	z-index: 11
}

.z-auto {
	z-index: auto
}

.order-1 {
	order: 1
}

.order-2 {
	order: 2
}

.col-span-2 {
	grid-column: span 2/span 2
}

.col-span-3 {
	grid-column: span 3/span 3
}

.col-span-full {
	grid-column: 1/-1
}

.col-start-1 {
	grid-column-start: 1
}

.col-start-2 {
	grid-column-start: 2
}

.col-end-3 {
	grid-column-end: 3
}

.row-start-1 {
	grid-row-start: 1
}

.row-start-2 {
	grid-row-start: 2
}

.-m-1 {
	margin: -.25rem
}

.m-0 {
	margin: 0
}

.m-1 {
	margin: .25rem
}

.m-4 {
	margin: 1rem
}

.m-5 {
	margin: 1.25rem
}

.m-6 {
	margin: 1.5rem
}

.m-auto {
	margin: auto
}

.-mx-4 {
	margin-left: -1rem;
	margin-right: -1rem
}

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

.mx-1 {
	margin-left: .25rem;
	margin-right: .25rem
}

.mx-2 {
	margin-left: .5rem;
	margin-right: .5rem
}

.mx-4 {
	margin-left: 1rem;
	margin-right: 1rem
}

.mx-5 {
	margin-left: 1.25rem;
	margin-right: 1.25rem
}

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

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

.my-0\.5 {
	margin-top: .125rem;
	margin-bottom: .125rem
}

.my-1 {
	margin-top: .25rem;
	margin-bottom: .25rem
}

.my-10 {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem
}

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

.my-4 {
	margin-top: 1rem;
	margin-bottom: 1rem
}

.my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}

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

.-mb-1 {
	margin-bottom: -.25rem
}

.-mb-2 {
	margin-bottom: -.5rem
}

.-ml-2 {
	margin-left: -.5rem
}

.-mr-2 {
	margin-right: -.5rem
}

.-mr-4 {
	margin-right: -1rem
}

.-mt-2 {
	margin-top: -.5rem
}

.-mt-9 {
	margin-top: -2.25rem
}

.-mt-px {
	margin-top: -1px
}

.mb-0 {
	margin-bottom: 0
}

.mb-0\.5 {
	margin-bottom: .125rem
}

.mb-1 {
	margin-bottom: .25rem
}

.mb-10 {
	margin-bottom: 2.5rem
}

.mb-2 {
	margin-bottom: .5rem
}

.mb-3 {
	margin-bottom: .75rem
}

.mb-4 {
	margin-bottom: 1rem
}

.mb-5 {
	margin-bottom: 1.25rem
}

.mb-6 {
	margin-bottom: 1.5rem
}

.mb-8 {
	margin-bottom: 2rem
}

.mb-\[15px\] {
	margin-bottom: 15px
}

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

.mb-\[7px\] {
	margin-bottom: 7px
}

.ml-0 {
	margin-left: 0
}

.ml-0\.5 {
	margin-left: .125rem
}

.ml-1 {
	margin-left: .25rem
}

.ml-2 {
	margin-left: .5rem
}

.ml-3 {
	margin-left: .75rem
}

.ml-4 {
	margin-left: 1rem
}

.ml-6 {
	margin-left: 1.5rem
}

.ml-\[-8px\] {
	margin-left: -8px
}

.ml-\[6px\] {
	margin-left: 6px
}

.ml-\[7px\] {
	margin-left: 7px
}

.ml-auto {
	margin-left: auto
}

.mr-1 {
	margin-right: .25rem
}

.mr-1\.5 {
	margin-right: .375rem
}

.mr-16 {
	margin-right: 4rem
}

.mr-2 {
	margin-right: .5rem
}

.mr-4 {
	margin-right: 1rem
}

.mr-\[6px\] {
	margin-right: 6px
}

.mr-\[7px\] {
	margin-right: 7px
}

.mt-0 {
	margin-top: 0
}

.mt-0\.5 {
	margin-top: .125rem
}

.mt-1 {
	margin-top: .25rem
}

.mt-10 {
	margin-top: 2.5rem
}

.mt-2 {
	margin-top: .5rem
}

.mt-20 {
	margin-top: 5rem
}

.mt-3 {
	margin-top: .75rem
}

.mt-4 {
	margin-top: 1rem
}

.mt-6 {
	margin-top: 1.5rem
}

.mt-8 {
	margin-top: 2rem
}

.mt-9 {
	margin-top: 2.25rem
}

.mt-\[-8px\] {
	margin-top: -8px
}

.mt-\[3\.375rem\] {
	margin-top: 3.375rem
}

.mt-\[30px\] {
	margin-top: 30px
}

.mt-\[4\.5rem\] {
	margin-top: 4.5rem
}

.mt-\[6px\] {
	margin-top: 6px
}

.mt-\[7px\] {
	margin-top: 7px
}

.mt-auto {
	margin-top: auto
}

.mt-px {
	margin-top: 1px
}

.box-border {
	box-sizing: border-box
}

.box-content {
	box-sizing: content-box
}

.line-clamp-1 {
	-webkit-line-clamp: 1
}

.line-clamp-1,
.line-clamp-2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.line-clamp-2 {
	-webkit-line-clamp: 2
}

.line-clamp-3 {
	-webkit-line-clamp: 3
}

.line-clamp-3,
.line-clamp-6 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.line-clamp-6 {
	-webkit-line-clamp: 6
}

.line-clamp-none {
	overflow: visible;
	display: block;
	-webkit-box-orient: horizontal;
	-webkit-line-clamp: none
}

.block {
	display: block
}

.inline-block {
	display: inline-block
}

.inline {
	display: inline
}

.flex {
	display: flex
}

.inline-flex {
	display: inline-flex
}

.table {
	display: table
}

.grid {
	display: grid
}

.contents {
	display: contents
}

.hidden {
	display: none
}

.aspect-\[1280\/670\] {
	aspect-ratio: 1280/670
}

.aspect-\[1920\/1006\] {
	aspect-ratio: 1920/1006
}

.aspect-\[21\/11\] {
	aspect-ratio: 21/11
}

.aspect-\[3\/1\] {
	aspect-ratio: 3/1
}

.aspect-\[800\/450\] {
	aspect-ratio: 800/450
}

.aspect-square {
	aspect-ratio: 1/1
}

.aspect-video {
	aspect-ratio: 16/9
}

.size-10 {
	width: 2.5rem;
	height: 2.5rem
}

.size-14 {
	width: 3.5rem;
	height: 3.5rem
}

.size-16 {
	width: 4rem;
	height: 4rem
}

.size-20 {
	width: 5rem;
	height: 5rem
}

.size-24 {
	width: 6rem;
	height: 6rem
}

.size-4 {
	width: 1rem;
	height: 1rem
}

.size-5 {
	width: 1.25rem;
	height: 1.25rem
}

.size-6 {
	width: 1.5rem;
	height: 1.5rem
}

.size-7 {
	width: 1.75rem;
	height: 1.75rem
}

.size-8 {
	width: 2rem;
	height: 2rem
}

.size-\[12\.5rem\] {
	width: 12.5rem;
	height: 12.5rem
}

.size-\[6\.25rem\] {
	width: 6.25rem;
	height: 6.25rem
}

.size-full {
	width: 100%;
	height: 100%
}

.h-0 {
	height: 0
}

.h-1 {
	height: .25rem
}

.h-1\.5 {
	height: .375rem
}

.h-10 {
	height: 2.5rem
}

.h-12 {
	height: 3rem
}

.h-14 {
	height: 3.5rem
}

.h-16 {
	height: 4rem
}

.h-2 {
	height: .5rem
}

.h-2\.5 {
	height: .625rem
}

.h-20 {
	height: 5rem
}

.h-24 {
	height: 6rem
}

.h-3 {
	height: .75rem
}

.h-3\.5 {
	height: .875rem
}

.h-32 {
	height: 8rem
}

.h-4 {
	height: 1rem
}

.h-44 {
	height: 11rem
}

.h-5 {
	height: 1.25rem
}

.h-6 {
	height: 1.5rem
}

.h-8 {
	height: 2rem
}

.h-9 {
	height: 2.25rem
}

.h-\[1\.125rem\] {
	height: 1.125rem
}

.h-\[1\.875rem\] {
	height: 1.875rem
}

.h-\[126px\] {
	height: 126px
}

.h-\[16\.375rem\] {
	height: 16.375rem
}

.h-\[18\.75rem\] {
	height: 18.75rem
}

.h-\[6\.25rem\] {
	height: 6.25rem
}

.h-\[6\.5rem\] {
	height: 6.5rem
}

.h-\[6rem\] {
	height: 6rem
}

.h-\[88px\] {
	height: 88px
}

.h-\[calc\(100vh-64px\)\] {
	height: calc(100vh - 64px)
}

.h-\[calc\(100vh-81px\)\] {
	height: calc(100vh - 81px)
}

.h-\[var\(--visual-viewport-height\)\] {
	height: var(--visual-viewport-height)
}

.h-auto {
	height: auto
}

.h-full {
	height: 100%
}

.h-px {
	height: 1px
}

.h-screen {
	height: 100vh
}

.max-h-0 {
	max-height: 0
}

.max-h-12 {
	max-height: 3rem
}

.max-h-14 {
	max-height: 3.5rem
}

.max-h-80 {
	max-height: 20rem
}

.max-h-\[2\.625rem\] {
	max-height: 2.625rem
}

.max-h-\[3\.375rem\] {
	max-height: 3.375rem
}

.max-h-\[3\.9375rem\] {
	max-height: 3.9375rem
}

.max-h-\[4\.375rem\] {
	max-height: 4.375rem
}

.max-h-\[4\.5rem\] {
	max-height: 4.5rem
}

.max-h-\[43\.27rem\] {
	max-height: 43.27rem
}

.max-h-\[500px\] {
	max-height: 500px
}

.max-h-\[580px\] {
	max-height: 580px
}

.max-h-\[calc\(var\(--visual-viewport-height\)\*0\.9\)\] {
	max-height: calc(var(--visual-viewport-height) * .9)
}

.max-h-\[inherit\] {
	max-height: inherit
}

.min-h-0 {
	min-height: 0
}

.min-h-10 {
	min-height: 2.5rem
}

.min-h-32 {
	min-height: 8rem
}

.min-h-\[150px\] {
	min-height: 150px
}

.min-h-\[1em\] {
	min-height: 1em
}

.min-h-\[2\.5rem\] {
	min-height: 2.5rem
}

.min-h-\[200px\] {
	min-height: 200px
}

.min-h-\[25rem\] {
	min-height: 25rem
}

.min-h-\[2rem\] {
	min-height: 2rem
}

.min-h-\[3rem\] {
	min-height: 3rem
}

.min-h-\[49px\] {
	min-height: 49px
}

.min-h-\[6\.25rem\] {
	min-height: 6.25rem
}

.min-h-\[600px\] {
	min-height: 600px
}

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

.min-h-\[88px\] {
	min-height: 88px
}

.min-h-fit {
	min-height: -moz-fit-content;
	min-height: fit-content
}

.min-h-screen {
	min-height: 100vh
}

.w-1 {
	width: .25rem
}

.w-1\.5 {
	width: .375rem
}

.w-1\/2 {
	width: 50%
}

.w-1\/3 {
	width: 33.333333%
}

.w-1\/5 {
	width: 20%
}

.w-10 {
	width: 2.5rem
}

.w-12 {
	width: 3rem
}

.w-14 {
	width: 3.5rem
}

.w-16 {
	width: 4rem
}

.w-2 {
	width: .5rem
}

.w-2\.5 {
	width: .625rem
}

.w-2\/3 {
	width: 66.666667%
}

.w-2\/4 {
	width: 50%
}

.w-2\/5 {
	width: 40%
}

.w-20 {
	width: 5rem
}

.w-24 {
	width: 6rem
}

.w-3 {
	width: .75rem
}

.w-32 {
	width: 8rem
}

.w-4 {
	width: 1rem
}

.w-40 {
	width: 10rem
}

.w-44 {
	width: 11rem
}

.w-48 {
	width: 12rem
}

.w-5 {
	width: 1.25rem
}

.w-52 {
	width: 13rem
}

.w-6 {
	width: 1.5rem
}

.w-60 {
	width: 15rem
}

.w-72 {
	width: 18rem
}

.w-8 {
	width: 2rem
}

.w-\[0\.0625rem\] {
	width: .0625rem
}

.w-\[12\.5rem\] {
	width: 12.5rem
}

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

.w-\[18\.75rem\] {
	width: 18.75rem
}

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

.w-\[25rem\] {
	width: 25rem
}

.w-\[26\%\] {
	width: 26%
}

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

.w-\[4\.5rem\] {
	width: 4.5rem
}

.w-\[6\.25rem\] {
	width: 6.25rem
}

.w-\[6\.5rem\] {
	width: 6.5rem
}

.w-\[6\.875rem\] {
	width: 6.875rem
}

.w-\[68\%\] {
	width: 68%
}

.w-\[90\%\] {
	width: 90%
}

.w-\[calc\(100\%-1rem\)\] {
	width: calc(100% - 1rem)
}

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

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

.w-\[calc\(100\%_-_24px\)\] {
	width: calc(100% - 24px)
}

.w-auto {
	width: auto
}

.w-full {
	width: 100%
}

.w-px {
	width: 1px
}

.w-screen {
	width: 100vw
}

.min-w-0 {
	min-width: 0
}

.min-w-14 {
	min-width: 3.5rem
}

.min-w-16 {
	min-width: 4rem
}

.min-w-20 {
	min-width: 5rem
}

.min-w-3\.5 {
	min-width: .875rem
}

.min-w-4 {
	min-width: 1rem
}

.min-w-40 {
	min-width: 10rem
}

.min-w-5 {
	min-width: 1.25rem
}

.min-w-6 {
	min-width: 1.5rem
}

.min-w-72 {
	min-width: 18rem
}

.min-w-8 {
	min-width: 2rem
}

.min-w-\[10rem\] {
	min-width: 10rem
}

.min-w-\[16rem\] {
	min-width: 16rem
}

.min-w-\[17rem\] {
	min-width: 17rem
}

.min-w-\[6\.5rem\] {
	min-width: 6.5rem
}

.min-w-\[calc\(100vw-2rem\)\] {
	min-width: calc(100vw - 2rem)
}

.max-w-24 {
	max-width: 6rem
}

.max-w-40 {
	max-width: 10rem
}

.max-w-48 {
	max-width: 12rem
}

.max-w-60 {
	max-width: 15rem
}

.max-w-\[12\.5rem\] {
	max-width: 12.5rem
}

.max-w-\[18rem\] {
	max-width: 18rem
}

.max-w-\[21\.875rem\] {
	max-width: 21.875rem
}

.max-w-\[22\.5rem\] {
	max-width: 22.5rem
}

.max-w-\[31\.25rem\] {
	max-width: 31.25rem
}

.max-w-\[40rem\] {
	max-width: 40rem
}

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

.max-w-\[var\(--size-content\)\] {
	max-width: var(--size-content)
}

.max-w-\[var\(--size-content\\_small\)\] {
	max-width: var(--size-content_small)
}

.max-w-full {
	max-width: 100%
}

.max-w-none {
	max-width: none
}

.max-w-screen-lg {
	max-width: 941px
}

.max-w-screen-sm {
	max-width: 481px
}

.max-w-xl {
	max-width: 36rem
}

.flex-1 {
	flex: 1 1 0%
}

.flex-shrink-0 {
	flex-shrink: 0
}

.shrink {
	flex-shrink: 1
}

.shrink-0 {
	flex-shrink: 0
}

.flex-grow,
.grow {
	flex-grow: 1
}

.grow-0 {
	flex-grow: 0
}

.basis-1\/2 {
	flex-basis: 50%
}

.basis-4\/5 {
	flex-basis: 80%
}

.basis-auto {
	flex-basis: auto
}

.-translate-x-1\/2 {
	--tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-px {
	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-px {
	--tw-translate-x: -1px
}

.-translate-y-1\/2 {
	--tw-translate-y: -50%
}

.-translate-y-1\/2,
.-translate-y-full {
	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-full {
	--tw-translate-y: -100%
}

.-translate-y-px {
	--tw-translate-y: -1px
}

.-translate-y-px,
.translate-x-px {
	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-px {
	--tw-translate-x: 1px
}

.translate-y-0 {
	--tw-translate-y: 0px
}

.translate-y-0,
.translate-y-full {
	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-full {
	--tw-translate-y: 100%
}

.translate-y-px {
	--tw-translate-y: 1px
}

.-rotate-90,
.translate-y-px {
	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-90 {
	--tw-rotate: -90deg
}

.rotate-45 {
	--tw-rotate: 45deg
}

.rotate-45,
.scale-100 {
	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-100 {
	--tw-scale-x: 1;
	--tw-scale-y: 1
}

.scale-\[2\.25\] {
	--tw-scale-x: 2.25;
	--tw-scale-y: 2.25
}

.-scale-x-100,
.scale-\[2\.25\] {
	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-100 {
	--tw-scale-x: -1
}

.-scale-y-100 {
	--tw-scale-y: -1
}

.-scale-y-100,
.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 pulse {
	50% {
		opacity: .5
	}

	0% {
		opacity: 1
	}

	to {
		opacity: .3
	}
}

.animate-pulse {
	animation: pulse 2s var(--easeInOutExpo, cubic-bezier(1, 0, 0, 1)) infinite
}

@keyframes spin {
	to {
		transform: rotate(1turn)
	}
}

.animate-spin {
	animation: spin 1s linear infinite
}

.cursor-default {
	cursor: default
}

.cursor-grab {
	cursor: grab
}

.cursor-grabbing {
	cursor: grabbing
}

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

.cursor-pointer {
	cursor: pointer
}

.cursor-zoom-in {
	cursor: zoom-in
}

.touch-none {
	touch-action: none
}

.touch-manipulation {
	touch-action: manipulation
}

.select-none {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.resize-none {
	resize: none
}

.resize-y {
	resize: vertical
}

.resize {
	resize: both
}

.list-inside {
	list-style-position: inside
}

.list-disc {
	list-style-type: disc
}

.appearance-none {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

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

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

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

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

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

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

.grid-cols-\[1fr\2c auto\] {
	grid-template-columns: 1fr auto
}

.grid-cols-\[auto\2c 1fr\] {
	grid-template-columns: auto 1fr
}

.grid-cols-\[repeat\(auto-fill\2c _minmax\(208px\2c _1fr\)\)\] {
	grid-template-columns: repeat(auto-fill, minmax(208px, 1fr))
}

.grid-cols-\[repeat\(auto-fill\2c _minmax\(320px\2c _1fr\)\)\] {
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr))
}

.grid-cols-\[repeat\(auto-fill\2c minmax\(10rem\2c 1fr\)\)\] {
	grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr))
}

.grid-cols-\[repeat\(auto-fill\2c minmax\(13rem\2c 1fr\)\)\] {
	grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr))
}

.grid-cols-\[repeat\(auto-fill\2c minmax\(17\.5rem\2c 1fr\)\)\] {
	grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr))
}

.grid-rows-\[auto\2c auto\] {
	grid-template-rows: auto auto
}

.grid-rows-subgrid {
	grid-template-rows: subgrid
}

.flex-row {
	flex-direction: row
}

.flex-row-reverse {
	flex-direction: row-reverse
}

.flex-col {
	flex-direction: column
}

.flex-col-reverse {
	flex-direction: column-reverse
}

.flex-wrap {
	flex-wrap: wrap
}

.flex-nowrap {
	flex-wrap: nowrap
}

.place-content-center {
	place-content: center
}

.place-items-center {
	place-items: center
}

.items-start {
	align-items: flex-start
}

.items-end {
	align-items: flex-end
}

.items-center {
	align-items: center
}

.items-stretch {
	align-items: stretch
}

.justify-start {
	justify-content: flex-start
}

.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center
}

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

.gap-0\.5 {
	gap: .125rem
}

.gap-1 {
	gap: .25rem
}

.gap-10 {
	gap: 2.5rem
}

.gap-2 {
	gap: .5rem
}

.gap-3 {
	gap: .75rem
}

.gap-4 {
	gap: 1rem
}

.gap-6 {
	gap: 1.5rem
}

.gap-8 {
	gap: 2rem
}

.gap-\[1px\] {
	gap: 1px
}

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

.gap-px {
	gap: 1px
}

.gap-x-0 {
	-moz-column-gap: 0;
	column-gap: 0
}

.gap-x-1 {
	-moz-column-gap: .25rem;
	column-gap: .25rem
}

.gap-x-2 {
	-moz-column-gap: .5rem;
	column-gap: .5rem
}

.gap-x-4 {
	-moz-column-gap: 1rem;
	column-gap: 1rem
}

.gap-y-1 {
	row-gap: .25rem
}

.gap-y-2 {
	row-gap: .5rem
}

.gap-y-4 {
	row-gap: 1rem
}

.space-x-\[0\.04em\]>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-right: calc(.04em * var(--tw-space-x-reverse));
	margin-left: calc(.04em * calc(1 - var(--tw-space-x-reverse)))
}

.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-border-default>:not([hidden])~:not([hidden]) {
	border-color: var(--color-border-default, #08131a24)
}

.self-start {
	align-self: flex-start
}

.self-center {
	align-self: center
}

.overflow-auto {
	overflow: auto
}

.overflow-hidden {
	overflow: hidden
}

.overflow-x-auto {
	overflow-x: auto
}

.overflow-y-auto {
	overflow-y: auto
}

.overflow-x-hidden {
	overflow-x: hidden
}

.overflow-y-hidden {
	overflow-y: hidden
}

.overflow-y-scroll {
	overflow-y: scroll
}

.overscroll-none {
	overscroll-behavior: none
}

.overscroll-x-auto {
	overscroll-behavior-x: auto
}

.truncate {
	overflow: hidden;
	white-space: nowrap
}

.text-ellipsis,
.truncate {
	text-overflow: ellipsis
}

.whitespace-normal {
	white-space: normal
}

.whitespace-nowrap {
	white-space: nowrap
}

.whitespace-pre-line {
	white-space: pre-line
}

.whitespace-pre-wrap {
	white-space: pre-wrap
}

.text-nowrap {
	text-wrap: nowrap
}

.break-words {
	overflow-wrap: break-word
}

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

.rounded {
	border-radius: .25rem
}

.rounded-3xl {
	border-radius: 1.5rem
}

.rounded-\[2rem\] {
	border-radius: 2rem
}

.rounded-\[4\%_\/_7\.1\%\] {
	border-radius: 4%/7.1%
}

.rounded-\[50\%\] {
	border-radius: 50%
}

.rounded-full {
	border-radius: 9999px
}

.rounded-lg {
	border-radius: .5rem
}

.rounded-md {
	border-radius: .375rem
}

.rounded-none {
	border-radius: 0
}

.rounded-b {
	border-bottom-right-radius: .25rem
}

.rounded-b,
.rounded-l {
	border-bottom-left-radius: .25rem
}

.rounded-l {
	border-top-left-radius: .25rem
}

.rounded-r {
	border-bottom-right-radius: .25rem
}

.rounded-r,
.rounded-t {
	border-top-right-radius: .25rem
}

.rounded-t {
	border-top-left-radius: .25rem
}

.border {
	border-width: 1px
}

.border-0 {
	border-width: 0
}

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

.border-4 {
	border-width: 4px
}

.border-8 {
	border-width: 8px
}

.border-\[3px\] {
	border-width: 3px
}

.border-b {
	border-bottom-width: 1px
}

.border-b-0 {
	border-bottom-width: 0
}

.border-l {
	border-left-width: 1px
}

.border-r {
	border-right-width: 1px
}

.border-t {
	border-top-width: 1px
}

.border-solid {
	border-style: solid
}

.border-dashed {
	border-style: dashed
}

.border-none {
	border-style: none
}

.border-blue-600 {
	border-color: var(--color-blue-600, #5193c6)
}

.border-border-caution {
	border-color: var(--color-border-caution, #c88d34)
}

.border-border-danger {
	border-color: var(--color-border-danger, #bc3852)
}

.border-border-default {
	border-color: var(--color-border-default, #08131a24)
}

.border-border-focus {
	border-color: var(--color-border-focus, #292d9e)
}

.border-border-invert {
	border-color: var(--color-border-invert, #fff)
}

.border-border-offer {
	border-color: var(--color-border-offer, #d13e5c)
}

.border-border-primary {
	border-color: var(--color-border-primary, #08131a)
}

.border-border-strong {
	border-color: var(--color-border-strong, #08131a38)
}

.border-border-success {
	border-color: var(--color-border-success, #1e7b65)
}

.border-border-weak {
	border-color: var(--color-border-weak, #f5f8fa)
}

.border-custom-accent {
	border-color: var(--color-custom-accent, #08131a)
}

.border-inherit {
	border-color: inherit
}

.border-orange-600 {
	border-color: var(--color-orange-600, #c88d34)
}

.border-pink-600 {
	border-color: var(--color-pink-600, #bc3852)
}

.border-purple-600 {
	border-color: var(--color-purple-600, #833d98)
}

.border-text-like {
	border-color: var(--color-text-like, #d13e5c)
}

.border-transparent {
	border-color: transparent
}

.border-b-border-default {
	border-bottom-color: var(--color-border-default, #08131a24)
}

.border-l-current {
	border-left-color: currentColor
}

.border-t-background-secondary {
	border-top-color: var(--color-background-secondary, #f5f8fa)
}

.border-t-border-default {
	border-top-color: var(--color-border-default, #08131a24)
}

.border-t-current {
	border-top-color: currentColor
}

.bg-background-primary {
	background-color: var(--color-background-primary, #fff)
}

.bg-background-secondary {
	background-color: var(--color-background-secondary, #f5f8fa)
}

.bg-blackAlpha-200 {
	background-color: var(--color-blackAlpha-200, #00000038)
}

.bg-blackAlpha-400 {
	background-color: var(--color-blackAlpha-400, #00000066)
}

.bg-blackAlpha-50 {
	background-color: var(--color-blackAlpha-50, #00000008)
}

.bg-blackAlpha-500 {
	background-color: var(--color-blackAlpha-500, #00000080)
}

.bg-blackAlpha-600 {
	background-color: var(--color-blackAlpha-600, #000000a8)
}

.bg-blue-50 {
	background-color: var(--color-blue-50, #e3f4fb)
}

.bg-blue-800 {
	background-color: var(--color-blue-800, #43709d)
}

.bg-border-default {
	background-color: var(--color-border-default, #08131a24)
}

.bg-custom-accent {
	background-color: var(--color-custom-accent, #08131a)
}

.bg-custom-accent-reaction {
	background-color: var(--color-custom-accent-reaction, #202a30)
}

.bg-gray-100 {
	background-color: var(--color-gray-100, #dce0e3)
}

.bg-grayAlpha-400 {
	background-color: var(--color-grayAlpha-400, #08131a66)
}

.bg-green-700 {
	background-color: var(--color-green-700, #1e7b65)
}

.bg-inherit {
	background-color: inherit
}

.bg-orange-50 {
	background-color: var(--color-orange-50, #fff3e0)
}

.bg-pink-50 {
	background-color: var(--color-pink-50, #fdf0f3)
}

.bg-purple-50 {
	background-color: var(--color-purple-50, #f4eaf8)
}

.bg-reactionOverlay {
	background-color: var(--color-reactionOverlay, #08131a08)
}

.bg-red-700 {
	background-color: var(--color-red-700, #ac4e3b)
}

.bg-social-facebook {
	background-color: var(--color-social-facebook, #1877f2)
}

.bg-social-line {
	background-color: var(--color-social-line, #01b901)
}

.bg-social-twitter {
	background-color: var(--color-social-twitter, #000)
}

.bg-surface-caution {
	background-color: var(--color-surface-caution, #ac7a2d)
}

.bg-surface-cautionSubdued {
	background-color: var(--color-surface-cautionSubdued, #fefbea)
}

.bg-surface-danger {
	background-color: var(--color-surface-danger, #bc3852)
}

.bg-surface-dangerSubdued {
	background-color: var(--color-surface-dangerSubdued, #fdf0f3)
}

.bg-surface-disabled {
	background-color: var(--color-surface-disabled, #00000024)
}

.bg-surface-invert {
	background-color: var(--color-surface-invert, #000)
}

.bg-surface-like {
	background-color: var(--color-surface-like, #d13e5c)
}

.bg-surface-normal {
	background-color: var(--color-surface-normal, #fff)
}

.bg-surface-offer {
	background-color: var(--color-surface-offer, #d13e5c)
}

.bg-surface-primary {
	background-color: var(--color-surface-primary, #08131a)
}

.bg-surface-success {
	background-color: var(--color-surface-success, #1e7b65)
}

.bg-surface-successSubdued {
	background-color: var(--color-surface-successSubdued, #e6f6f2)
}

.bg-surface-tertiary {
	background-color: var(--color-surface-tertiary, #5a656b)
}

.bg-text-clickable-icon {
	background-color: var(--color-text-clickable-icon, #08131a80)
}

.bg-transparent {
	background-color: transparent
}

.bg-whiteAlpha-900 {
	background-color: var(--color-whiteAlpha-900, #fff)
}

.bg-yellow-900 {
	background-color: var(--color-yellow-900, #716724)
}

.bg-\[url\(\'https\:\/\/assets\.st-note\.com\/poc-image\/manual\/note-common-images\/production\/icons\/like_animation_sprite\.png\'\)\] {
	background-image: url(https://assets.st-note.com/poc-image/manual/note-common-images/production/icons/like_animation_sprite.png)
}

.bg-gradient-to-t {
	background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.from-blackAlpha-400 {
	--tw-gradient-from: var(--color-blackAlpha-400, #00000066) var(--tw-gradient-from-position);
	--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.bg-\[length\:0_0\] {
	background-size: 0 0
}

.bg-cover {
	background-size: cover
}

.bg-center {
	background-position: 50%
}

.bg-no-repeat {
	background-repeat: no-repeat
}

.fill-social-facebook {
	fill: var(--color-social-facebook, #1877f2)
}

.fill-social-line {
	fill: var(--color-social-line, #01b901)
}

.fill-social-twitter {
	fill: var(--color-social-twitter, #000)
}

.fill-surface-normal {
	fill: var(--color-surface-normal, #fff)
}

.fill-surface-primary {
	fill: var(--color-surface-primary, #08131a)
}

.stroke-border-default {
	stroke: var(--color-border-default, #08131a24)
}

.object-contain {
	-o-object-fit: contain;
	object-fit: contain
}

.object-cover {
	-o-object-fit: cover;
	object-fit: cover
}

.object-none {
	-o-object-fit: none;
	object-fit: none
}

.object-right-top {
	-o-object-position: right top;
	object-position: right top
}

.p-0 {
	padding: 0
}

.p-1 {
	padding: .25rem
}

.p-10 {
	padding: 2.5rem
}

.p-2 {
	padding: .5rem
}

.p-3 {
	padding: .75rem
}

.p-4 {
	padding: 1rem
}

.p-6 {
	padding: 1.5rem
}

.p-8 {
	padding: 2rem
}

.px-0\.5 {
	padding-left: .125rem;
	padding-right: .125rem
}

.px-1 {
	padding-left: .25rem;
	padding-right: .25rem
}

.px-1\.5 {
	padding-left: .375rem;
	padding-right: .375rem
}

.px-10 {
	padding-left: 2.5rem;
	padding-right: 2.5rem
}

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

.px-20 {
	padding-left: 5rem;
	padding-right: 5rem
}

.px-3 {
	padding-left: .75rem;
	padding-right: .75rem
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

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

.py-0 {
	padding-top: 0;
	padding-bottom: 0
}

.py-0\.5 {
	padding-top: .125rem;
	padding-bottom: .125rem
}

.py-1 {
	padding-top: .25rem;
	padding-bottom: .25rem
}

.py-10 {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem
}

.py-14 {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem
}

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

.py-3 {
	padding-top: .75rem;
	padding-bottom: .75rem
}

.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem
}

.py-5 {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem
}

.py-6 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem
}

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

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

.py-px {
	padding-top: 1px;
	padding-bottom: 1px
}

.pb-0 {
	padding-bottom: 0
}

.pb-10 {
	padding-bottom: 2.5rem
}

.pb-12 {
	padding-bottom: 3rem
}

.pb-2 {
	padding-bottom: .5rem
}

.pb-4 {
	padding-bottom: 1rem
}

.pb-6 {
	padding-bottom: 1.5rem
}

.pb-8 {
	padding-bottom: 2rem
}

.pb-\[3\.75rem\] {
	padding-bottom: 3.75rem
}

.pb-\[50\%\] {
	padding-bottom: 50%
}

.pl-0 {
	padding-left: 0
}

.pl-1 {
	padding-left: .25rem
}

.pl-2 {
	padding-left: .5rem
}

.pl-3 {
	padding-left: .75rem
}

.pl-4 {
	padding-left: 1rem
}

.pl-5 {
	padding-left: 1.25rem
}

.pl-6 {
	padding-left: 1.5rem
}

.pl-8 {
	padding-left: 2rem
}

.pr-0 {
	padding-right: 0
}

.pr-1 {
	padding-right: .25rem
}

.pr-10 {
	padding-right: 2.5rem
}

.pr-2 {
	padding-right: .5rem
}

.pr-3 {
	padding-right: .75rem
}

.pr-4 {
	padding-right: 1rem
}

.pr-8 {
	padding-right: 2rem
}

.pt-1 {
	padding-top: .25rem
}

.pt-10 {
	padding-top: 2.5rem
}

.pt-2 {
	padding-top: .5rem
}

.pt-3 {
	padding-top: .75rem
}

.pt-4 {
	padding-top: 1rem
}

.pt-6 {
	padding-top: 1.5rem
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.align-top {
	vertical-align: top
}

.align-middle {
	vertical-align: middle
}

.align-bottom {
	vertical-align: bottom
}

.align-text-bottom {
	vertical-align: text-bottom
}

.font-base {
	font-family: var(--family-base, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, Meiryo, sans-serif)
}

.font-serif {
	font-family: var(--family-serif, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGSMinchoE, "Yu Mincho", YuMincho, "MS PMincho", serif)
}

.text-2xl {
	font-size: var(--font-size-2xl, 1.75rem)
}

.text-3xl {
	font-size: var(--font-size-3xl, 2.25rem)
}

.text-\[0\.625rem\] {
	font-size: .625rem
}

.text-article-title-desktop {
	font-size: var(--font-size-article-title-desktop, 2rem)
}

.text-base {
	font-size: var(--font-size-base, 1rem)
}

.text-lg {
	font-size: var(--font-size-lg, 1.125rem)
}

.text-sm {
	font-size: var(--font-size-sm, .875rem)
}

.text-xl {
	font-size: var(--font-size-xl, 1.25rem)
}

.text-xs {
	font-size: var(--font-size-xs, .75rem)
}

.font-bold {
	font-weight: 700
}

.font-light {
	font-weight: 300
}

.font-medium {
	font-weight: 500
}

.font-normal {
	font-weight: 400
}

.italic {
	font-style: italic
}

.leading-5 {
	line-height: 1.25rem
}

.leading-6 {
	line-height: 1.5rem
}

.leading-9 {
	line-height: 2.25rem
}

.leading-\[1\.125rem\] {
	line-height: 1.125rem
}

.leading-loose {
	line-height: 2
}

.leading-none {
	line-height: 1
}

.leading-normal {
	line-height: 1.5
}

.tracking-\[0\.04em\],
.tracking-\[\.04em\] {
	letter-spacing: .04em
}

.tracking-tight {
	letter-spacing: -.025em
}

.tracking-wide {
	letter-spacing: .025em
}

.tracking-wider {
	letter-spacing: .05em
}

.text-\[var\(--color-surface-disabled\)\] {
	color: var(--color-surface-disabled)
}

.text-blue-500 {
	color: var(--color-blue-500, #57a0d4)
}

.text-custom-accent {
	color: var(--color-custom-accent, #08131a)
}

.text-inherit {
	color: inherit
}

.text-social-facebook {
	color: var(--color-social-facebook, #1877f2)
}

.text-social-line {
	color: var(--color-social-line, #01b901)
}

.text-social-twitter {
	color: var(--color-social-twitter, #000)
}

.text-surface-caution {
	color: var(--color-surface-caution, #ac7a2d)
}

.text-surface-danger {
	color: var(--color-surface-danger, #bc3852)
}

.text-surface-normal {
	color: var(--color-surface-normal, #fff)
}

.text-surface-success {
	color: var(--color-surface-success, #1e7b65)
}

.text-text-caution {
	color: var(--color-text-caution, #c88d34)
}

.text-text-clickable-icon {
	color: var(--color-text-clickable-icon, #08131a80)
}

.text-text-danger {
	color: var(--color-text-danger, #bc3852)
}

.text-text-disabled {
	color: var(--color-text-disabled, #08131a80)
}

.text-text-invert {
	color: var(--color-text-invert, #fff)
}

.text-text-like {
	color: var(--color-text-like, #d13e5c)
}

.text-text-offer {
	color: var(--color-text-offer, #d13e5c)
}

.text-text-primary {
	color: var(--color-text-primary, #08131a)
}

.text-text-secondary {
	color: var(--color-text-secondary, #08131aa8)
}

.text-text-success {
	color: var(--color-text-success, #1e7b65)
}

.text-text-success-reaction {
	color: var(--color-text-success-reaction, #196755)
}

.underline {
	text-decoration-line: underline
}

.line-through {
	text-decoration-line: line-through
}

.no-underline {
	text-decoration-line: none
}

.decoration-0 {
	text-decoration-thickness: 0
}

.opacity-0 {
	opacity: 0
}

.opacity-100 {
	opacity: 1
}

.opacity-30 {
	opacity: .3
}

.opacity-40 {
	opacity: .4
}

.opacity-50 {
	opacity: .5
}

.opacity-90 {
	opacity: .9
}

.shadow-1 {
	--tw-shadow: var(--elevation-1, 0px 1px 3px 1px #00000024, 0px 1px 2px 0px #00000038);
	--tw-shadow-colored: var(--elevation-1, 0px 1px 3px 1px #00000024, 0px 1px 2px 0px #00000038)
}

.shadow-1,
.shadow-4 {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-4 {
	--tw-shadow: var(--elevation-4, 0px 4px 8px 3px #00000024, 0px 1px 3px 0px #00000038);
	--tw-shadow-colored: var(--elevation-4, 0px 4px 8px 3px #00000024, 0px 1px 3px 0px #00000038)
}

.shadow-6 {
	--tw-shadow: var(--elevation-6, 0px 6px 10px 4px #00000024, 0px 2px 3px 0px #00000038);
	--tw-shadow-colored: var(--elevation-6, 0px 6px 10px 4px #00000024, 0px 2px 3px 0px #00000038);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

.outline {
	outline-style: solid
}

.outline-0 {
	outline-width: 0
}

.outline-2 {
	outline-width: 2px
}

.outline-offset-2 {
	outline-offset: 2px
}

.ring {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.grayscale {
	--tw-grayscale: grayscale(100%)
}

.grayscale,
.invert {
	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 {
	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-all {
	transition-property: all;
	transition-duration: .15s
}

.transition-colors {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-duration: .15s
}

.transition-opacity {
	transition-property: opacity;
	transition-duration: .15s
}

.transition-transform {
	transition-property: transform;
	transition-duration: .15s
}

.delay-75 {
	transition-delay: 75ms
}

.duration-100 {
	transition-duration: .1s
}

.duration-150 {
	transition-duration: .15s
}

.duration-200 {
	transition-duration: .2s
}

.duration-300 {
	transition-duration: .3s
}

.ease-in {
	transition-timing-function: var(--easeIn, ease-in)
}

.ease-inOut {
	transition-timing-function: var(--easeInOut, ease-in-out)
}

.ease-inOutExpo {
	transition-timing-function: var(--easeInOutExpo, cubic-bezier(1, 0, 0, 1))
}

.hidden-scrollbar::-webkit-scrollbar {
	width: 0;
	height: 0
}

.hidden-scrollbar::-webkit-scrollbar-track {
	background-color: transparent
}

.hidden-scrollbar::-webkit-scrollbar-thumb {
	background-color: transparent;
	border: none;
	border-radius: 0
}

.font-palt {
	font-feature-settings: var(--font-feature-settings-palt, "palt" 1)
}

.\[--note-slider-track-gradient\:var\(--color-gray\2c \#cccccc\)\] {
	--note-slider-track-gradient: var(--color-gray, #ccc)
}

.\[--popover-tip-borderWidth\:1px\] {
	--popover-tip-borderWidth: 1px
}

.\[--popover-tip-size\:13px\] {
	--popover-tip-size: 13px
}

.\[--tray-margin-top\:4rem\] {
	--tray-margin-top: 4rem
}

.\[--tray-max-width\:28rem\] {
	--tray-max-width: 28rem
}

.\[-webkit-transform\:translate\(0\2c 0\)\] {
	-webkit-transform: translate(0)
}

.\[animation-delay\:1300ms\] {
	animation-delay: 1.3s
}

.\[animation-delay\:666ms\] {
	animation-delay: 666ms
}

.\[animation-duration\:1200ms\] {
	animation-duration: 1.2s
}

.\[animation-iteration-count\:infinite\] {
	animation-iteration-count: infinite
}

.\[animation-timing-function\:linear\] {
	animation-timing-function: linear
}

.\[box-shadow\:inset_0_0_0_2px_var\(--color-border-focus\)\] {
	box-shadow: inset 0 0 0 2px var(--color-border-focus)
}

.\[field-sizing\:content\] {
	field-sizing: content
}

.\[font-feature-settings\:\"palt\"_1\],
.\[font-feature-settings\:\'palt\'_1\] {
	font-feature-settings: "palt" 1
}

.\[grid-row\:2\] {
	grid-row: 2
}

.\[grid-row\:span_2\] {
	grid-row: span 2
}

.\[height\:calc\(var\(--visual-viewport-height\)_-_var\(--tray-margin-top\)\)\] {
	height: calc(var(--visual-viewport-height) - var(--tray-margin-top))
}

.\[max-height\:calc\(var\(--visual-viewport-height\)_-_var\(--tray-margin-top\)\)\] {
	max-height: calc(var(--visual-viewport-height) - var(--tray-margin-top))
}

.\[max-width\:var\(--tray-max-width\)\] {
	max-width: var(--tray-max-width)
}

.\[min-height\:4rem\] {
	min-height: 4rem
}

.\[outline-color\:-webkit-focus-ring-color\] {
	outline-color: -webkit-focus-ring-color
}

.\[padding-bottom\:max\(calc\(100vh_-_var\(--visual-viewport-height\)\)\2c env\(safe-area-inset-bottom\)\)\] {
	padding-bottom: max(calc(100vh - var(--visual-viewport-height)), env(safe-area-inset-bottom))
}

.\[stroke-linecap\:square\] {
	stroke-linecap: square
}

.\[stroke-linejoin\:miter\] {
	stroke-linejoin: miter
}

.\[stroke-width\:1px\] {
	stroke-width: 1px
}

.\[top\:var\(--tray-margin-top\)\] {
	top: var(--tray-margin-top)
}

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

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

.touch-none {
	-webkit-touch-callout: none;
	touch-callout: none
}

.before\:pointer-events-none:before {
	content: var(--tw-content);
	pointer-events: none
}

.before\:absolute:before {
	content: var(--tw-content);
	position: absolute
}

.before\:-inset-px:before {
	content: var(--tw-content);
	inset: -1px
}

.before\:inset-0:before {
	content: var(--tw-content);
	inset: 0
}

.before\:inset-x-0:before {
	content: var(--tw-content);
	left: 0;
	right: 0
}

.before\:-left-2:before {
	content: var(--tw-content);
	left: -.5rem
}

.before\:bottom-0:before {
	content: var(--tw-content);
	bottom: 0
}

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

.before\:left-0:before {
	content: var(--tw-content);
	left: 0
}

.before\:left-1:before {
	content: var(--tw-content);
	left: .25rem
}

.before\:left-1\/2:before,
.before\:left-2\/4:before {
	content: var(--tw-content);
	left: 50%
}

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

.before\:right-0:before {
	content: var(--tw-content);
	right: 0
}

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

.before\:top-0:before {
	content: var(--tw-content);
	top: 0
}

.before\:top-1:before {
	content: var(--tw-content);
	top: .25rem
}

.before\:top-1\/2:before {
	content: var(--tw-content);
	top: 50%
}

.before\:top-4:before {
	content: var(--tw-content);
	top: 1rem
}

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

.before\:-z-20:before {
	content: var(--tw-content);
	z-index: -20
}

.before\:-m-1:before {
	content: var(--tw-content);
	margin: -.25rem
}

.before\:ml-1:before {
	content: var(--tw-content);
	margin-left: .25rem
}

.before\:mr-2:before {
	content: var(--tw-content);
	margin-right: .5rem
}

.before\:mr-8:before {
	content: var(--tw-content);
	margin-right: 2rem
}

.before\:block:before {
	content: var(--tw-content);
	display: block
}

.before\:inline-block:before {
	content: var(--tw-content);
	display: inline-block
}

.before\:hidden:before {
	content: var(--tw-content);
	display: none
}

.before\:h-20:before {
	content: var(--tw-content);
	height: 5rem
}

.before\:h-4:before {
	content: var(--tw-content);
	height: 1rem
}

.before\:h-\[2px\]:before {
	content: var(--tw-content);
	height: 2px
}

.before\:h-\[calc\(100\%-2rem\)\]:before {
	content: var(--tw-content);
	height: calc(100% - 2rem)
}

.before\:h-full:before {
	content: var(--tw-content);
	height: 100%
}

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

.before\:w-2:before {
	content: var(--tw-content);
	width: .5rem
}

.before\:w-4:before {
	content: var(--tw-content);
	width: 1rem
}

.before\:w-\[190rem\]:before {
	content: var(--tw-content);
	width: 190rem
}

.before\:w-full:before {
	content: var(--tw-content);
	width: 100%
}

.before\:w-px:before {
	content: var(--tw-content);
	width: 1px
}

.before\:flex-1:before {
	content: var(--tw-content);
	flex: 1 1 0%
}

.before\:-translate-x-2\/4:before {
	--tw-translate-x: -50%
}

.before\:-translate-x-2\/4:before,
.before\:-translate-y-2\/4:before {
	content: var(--tw-content);
	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\:-translate-y-2\/4:before {
	--tw-translate-y: -50%
}

.before\:translate-x-4:before {
	content: var(--tw-content);
	--tw-translate-x: 1rem;
	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 likeAnimation {
	0% {
		content: var(--tw-content);
		transform: translateZ(0)
	}

	to {
		content: var(--tw-content);
		transform: translate3d(-100%, 0, 0)
	}
}

.before\:animate-likeAnimation:before {
	content: var(--tw-content);
	animation: likeAnimation 1s steps(38) forwards
}

.before\:rounded:before {
	content: var(--tw-content);
	border-radius: .25rem
}

.before\:rounded-full:before {
	content: var(--tw-content);
	border-radius: 9999px
}

.before\:border:before {
	content: var(--tw-content);
	border-width: 1px
}

.before\:border-2:before {
	content: var(--tw-content);
	border-width: 2px
}

.before\:border-b:before {
	content: var(--tw-content);
	border-bottom-width: 1px
}

.before\:border-solid:before {
	content: var(--tw-content);
	border-style: solid
}

.before\:border-border-default:before {
	content: var(--tw-content);
	border-color: var(--color-border-default, #08131a24)
}

.before\:border-border-focus:before {
	content: var(--tw-content);
	border-color: var(--color-border-focus, #292d9e)
}

.before\:border-border-invert:before {
	content: var(--tw-content);
	border-color: var(--color-border-invert, #fff)
}

.before\:border-b-border-default:before {
	content: var(--tw-content);
	border-bottom-color: var(--color-border-default, #08131a24)
}

.before\:bg-blackAlpha-50:before {
	content: var(--tw-content);
	background-color: var(--color-blackAlpha-50, #00000008)
}

.before\:bg-border-default:before {
	content: var(--tw-content);
	background-color: var(--color-border-default, #08131a24)
}

.before\:bg-border-strong:before {
	content: var(--tw-content);
	background-color: var(--color-border-strong, #08131a38)
}

.before\:bg-gray-900:before {
	content: var(--tw-content);
	background-color: var(--color-gray-900, #08131a)
}

.before\:bg-reactionOverlay:before {
	content: var(--tw-content);
	background-color: var(--color-reactionOverlay, #08131a08)
}

.before\:bg-reactionOverlay-invert:before {
	content: var(--tw-content);
	background-color: var(--color-reactionOverlay-invert, #ffffff08)
}

.before\:bg-surface-normal:before {
	content: var(--tw-content);
	background-color: var(--color-surface-normal, #fff)
}

.before\:bg-surface-success:before {
	content: var(--tw-content);
	background-color: var(--color-surface-success, #1e7b65)
}

.before\:bg-surface-tertiary:before {
	content: var(--tw-content);
	background-color: var(--color-surface-tertiary, #5a656b)
}

.before\:bg-\[url\(\'https\:\/\/assets\.st-note\.com\/poc-image\/manual\/note-common-images\/production\/icons\/like_animation_sprite\.png\'\)\]:before {
	content: var(--tw-content);
	background-image: url(https://assets.st-note.com/poc-image/manual/note-common-images/production/icons/like_animation_sprite.png)
}

.before\:bg-\[length\:100\%_auto\]:before {
	content: var(--tw-content);
	background-size: 100% auto
}

.before\:bg-left-top:before {
	content: var(--tw-content);
	background-position: 0 0
}

.before\:bg-no-repeat:before {
	content: var(--tw-content);
	background-repeat: no-repeat
}

.before\:opacity-0:before {
	content: var(--tw-content);
	opacity: 0
}

.before\:opacity-100:before {
	content: var(--tw-content);
	opacity: 1
}

.before\:transition-opacity:before {
	content: var(--tw-content);
	transition-property: opacity;
	transition-duration: .15s
}

.before\:transition-transform:before {
	content: var(--tw-content);
	transition-property: transform;
	transition-duration: .15s
}

.before\:duration-100:before {
	content: var(--tw-content);
	transition-duration: .1s
}

.before\:duration-200:before {
	content: var(--tw-content);
	transition-duration: .2s
}

.before\:ease-inOut:before {
	content: var(--tw-content);
	transition-timing-function: var(--easeInOut, ease-in-out)
}

.before\:ease-inOutExpo:before {
	content: var(--tw-content);
	transition-timing-function: var(--easeInOutExpo, cubic-bezier(1, 0, 0, 1))
}

.before\:content-\[\"\"\]:before {
	--tw-content: "";
	content: var(--tw-content)
}

.before\:content-\[\"\30FB\"\]:before {
	--tw-content: "・";
	content: var(--tw-content)
}

.before\:\[background-image\:var\(--note-slider-track-gradient\)\]:before {
	content: var(--tw-content);
	background-image: var(--note-slider-track-gradient)
}

.before\:\[background-position\:var\(--spectrum-track-background-position\)\]:before {
	content: var(--tw-content);
	background-position: var(--spectrum-track-background-position)
}

.before\:\[background-size\:var\(--spectrum-track-background-size\)\]:before {
	content: var(--tw-content);
	background-size: var(--spectrum-track-background-size)
}

.after\:pointer-events-none:after {
	content: var(--tw-content);
	pointer-events: none
}

.after\:absolute:after {
	content: var(--tw-content);
	position: absolute
}

.after\:inset-0:after {
	content: var(--tw-content);
	inset: 0
}

.after\:inset-x-0:after {
	content: var(--tw-content);
	left: 0;
	right: 0
}

.after\:inset-y-0:after {
	content: var(--tw-content);
	top: 0;
	bottom: 0
}

.after\:-right-2:after {
	content: var(--tw-content);
	right: -.5rem
}

.after\:bottom-0:after {
	content: var(--tw-content);
	bottom: 0
}

.after\:bottom-\[-3px\]:after {
	content: var(--tw-content);
	bottom: -3px
}

.after\:left-0:after {
	content: var(--tw-content);
	left: 0
}

.after\:left-1\/2:after {
	content: var(--tw-content);
	left: 50%
}

.after\:left-2:after {
	content: var(--tw-content);
	left: .5rem
}

.after\:left-\[2px\]:after {
	content: var(--tw-content);
	left: 2px
}

.after\:right-\[-3px\]:after {
	content: var(--tw-content);
	right: -3px
}

.after\:top-1\/2:after {
	content: var(--tw-content);
	top: 50%
}

.after\:top-2:after {
	content: var(--tw-content);
	top: .5rem
}

.after\:top-\[2px\]:after {
	content: var(--tw-content);
	top: 2px
}

.after\:-z-10:after {
	content: var(--tw-content);
	z-index: -10
}

.after\:z-10:after {
	content: var(--tw-content);
	z-index: 10
}

.after\:-m-1:after {
	content: var(--tw-content);
	margin: -.25rem
}

.after\:-mt-3:after {
	content: var(--tw-content);
	margin-top: -.75rem
}

.after\:mb-3:after {
	content: var(--tw-content);
	margin-bottom: .75rem
}

.after\:ml-8:after {
	content: var(--tw-content);
	margin-left: 2rem
}

.after\:block:after {
	content: var(--tw-content);
	display: block
}

.after\:hidden:after {
	content: var(--tw-content);
	display: none
}

.after\:h-3:after {
	content: var(--tw-content);
	height: .75rem
}

.after\:h-\[2px\]:after {
	content: var(--tw-content);
	height: 2px
}

.after\:h-full:after {
	content: var(--tw-content);
	height: 100%
}

.after\:h-px:after {
	content: var(--tw-content);
	height: 1px
}

.after\:w-2:after {
	content: var(--tw-content);
	width: .5rem
}

.after\:w-3:after {
	content: var(--tw-content);
	width: .75rem
}

.after\:w-\[2px\]:after {
	content: var(--tw-content);
	width: 2px
}

.after\:w-full:after {
	content: var(--tw-content);
	width: 100%
}

.after\:flex-1:after {
	content: var(--tw-content);
	flex: 1 1 0%
}

.after\:-translate-x-1\/2:after {
	--tw-translate-x: -50%
}

.after\:-translate-x-1\/2:after,
.after\:-translate-y-1\/2:after {
	content: var(--tw-content);
	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))
}

.after\:-translate-y-1\/2:after {
	--tw-translate-y: -50%
}

.after\:rounded:after {
	content: var(--tw-content);
	border-radius: .25rem
}

.after\:rounded-full:after {
	content: var(--tw-content);
	border-radius: 9999px
}

.after\:rounded-lg:after {
	content: var(--tw-content);
	border-radius: .5rem
}

.after\:border:after {
	content: var(--tw-content);
	border-width: 1px
}

.after\:border-2:after {
	content: var(--tw-content);
	border-width: 2px
}

.after\:border-t:after {
	content: var(--tw-content);
	border-top-width: 1px
}

.after\:border-solid:after {
	content: var(--tw-content);
	border-style: solid
}

.after\:border-dashed:after {
	content: var(--tw-content);
	border-style: dashed
}

.after\:border-border-default:after {
	content: var(--tw-content);
	border-color: var(--color-border-default, #08131a24)
}

.after\:border-border-focus:after {
	content: var(--tw-content);
	border-color: var(--color-border-focus, #292d9e)
}

.after\:border-border-strong:after {
	content: var(--tw-content);
	border-color: var(--color-border-strong, #08131a38)
}

.after\:bg-background-primary:after {
	content: var(--tw-content);
	background-color: var(--color-background-primary, #fff)
}

.after\:bg-border-default:after {
	content: var(--tw-content);
	background-color: var(--color-border-default, #08131a24)
}

.after\:bg-current:after {
	content: var(--tw-content);
	background-color: currentColor
}

.after\:bg-reactionOverlay:after {
	content: var(--tw-content);
	background-color: var(--color-reactionOverlay, #08131a08)
}

.after\:bg-reactionOverlay-invert:after {
	content: var(--tw-content);
	background-color: var(--color-reactionOverlay-invert, #ffffff08)
}

.after\:bg-surface-badge:after {
	content: var(--tw-content);
	background-color: var(--color-surface-badge, #e4674e)
}

.after\:bg-surface-danger:after {
	content: var(--tw-content);
	background-color: var(--color-surface-danger, #bc3852)
}

.after\:bg-surface-disabled:after {
	content: var(--tw-content);
	background-color: var(--color-surface-disabled, #00000024)
}

.after\:bg-surface-normal:after {
	content: var(--tw-content);
	background-color: var(--color-surface-normal, #fff)
}

.after\:bg-surface-success:after {
	content: var(--tw-content);
	background-color: var(--color-surface-success, #1e7b65)
}

.after\:bg-text-disabled:after {
	content: var(--tw-content);
	background-color: var(--color-text-disabled, #08131a80)
}

.after\:leading-none:after {
	content: var(--tw-content);
	line-height: 1
}

.after\:text-text-primary:after {
	content: var(--tw-content);
	color: var(--color-text-primary, #08131a)
}

.after\:opacity-0:after {
	content: var(--tw-content);
	opacity: 0
}

.after\:opacity-100:after {
	content: var(--tw-content);
	opacity: 1
}

.after\:transition-opacity:after {
	content: var(--tw-content);
	transition-property: opacity;
	transition-duration: .15s
}

.after\:duration-200:after {
	content: var(--tw-content);
	transition-duration: .2s
}

.after\:ease-inOutExpo:after {
	content: var(--tw-content);
	transition-timing-function: var(--easeInOutExpo, cubic-bezier(1, 0, 0, 1))
}

.after\:content-\[\"\"\]:after {
	--tw-content: "";
	content: var(--tw-content)
}

.after\:\[box-shadow\:inset_0_-1px_0_0_var\(--color-border-default\)\]:after {
	content: var(--tw-content);
	box-shadow: inset 0 -1px 0 0 var(--color-border-default)
}

.after\:\[box-shadow\:inset_0_0_0_2px_var\(--color-border-focus\)\]:after {
	content: var(--tw-content);
	box-shadow: inset 0 0 0 2px var(--color-border-focus)
}

.first\:mt-0:first-child {
	margin-top: 0
}

.first\:w-full:first-child {
	width: 100%
}

.last\:-mt-1:last-child {
	margin-top: -.25rem
}

.last\:mb-0:last-child {
	margin-bottom: 0
}

.last\:border-b-0:last-child {
	border-bottom-width: 0
}

.only\:mt-0:only-child {
	margin-top: 0
}

.last-of-type\:mr-0:last-of-type {
	margin-right: 0
}

.last-of-type\:border-none:last-of-type {
	border-style: none
}

.empty\:mb-0:empty {
	margin-bottom: 0
}

.empty\:hidden:empty {
	display: none
}

.empty\:p-0:empty {
	padding: 0
}

.hover\:cursor-pointer:hover {
	cursor: pointer
}

.hover\:border:hover {
	border-width: 1px
}

.hover\:border-0:hover {
	border-width: 0
}

.hover\:border-border-primary:hover {
	border-color: var(--color-border-primary, #08131a)
}

.hover\:border-border-strong:hover {
	border-color: var(--color-border-strong, #08131a38)
}

.hover\:border-border-success:hover {
	border-color: var(--color-border-success, #1e7b65)
}

.hover\:bg-background-secondary:hover {
	background-color: var(--color-background-secondary, #f5f8fa)
}

.hover\:text-\[\#f00\]:hover {
	--tw-text-opacity: 1;
	color: rgb(255 0 0/var(--tw-text-opacity))
}

.hover\:text-grayAlpha-200:hover {
	color: var(--color-grayAlpha-200, #08131a38)
}

.hover\:text-text-disabled:hover {
	color: var(--color-text-disabled, #08131a80)
}

.hover\:text-text-primary:hover {
	color: var(--color-text-primary, #08131a)
}

.hover\:text-text-secondary:hover {
	color: var(--color-text-secondary, #08131aa8)
}

.hover\:underline:hover {
	text-decoration-line: underline
}

.hover\:opacity-80:hover {
	opacity: .8
}

.focus\:border-border-strong:focus {
	border-color: var(--color-border-strong, #08131a38)
}

.focus\:bg-background-secondary:focus {
	background-color: var(--color-background-secondary, #f5f8fa)
}

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

.focus-visible\:outline-2:focus-visible {
	outline-width: 2px
}

.focus-visible\:after\:block:focus-visible:after {
	content: var(--tw-content);
	display: block
}

.group\/parent:hover .group-hover\/parent\:z-10 {
	z-index: 10
}

.group\/section:hover .group-hover\/section\:z-20 {
	z-index: 20
}

.group\/section:hover .group-hover\/section\:inline-flex {
	display: inline-flex
}

.group\/parent:hover .group-hover\/parent\:border {
	border-width: 1px
}

.group\/parent:hover .group-hover\/parent\:border-border-default {
	border-color: var(--color-border-default, #08131a24)
}

.group\/parent:hover .group-hover\/parent\:border-border-primary {
	border-color: var(--color-border-primary, #08131a)
}

.group:hover .group-hover\:bg-blackAlpha-600 {
	background-color: var(--color-blackAlpha-600, #000000a8)
}

.group:hover .group-hover\:opacity-100,
.group\/parent:hover .group-hover\/parent\:opacity-100 {
	opacity: 1
}

.group:last-of-type .group-\[\:last-of-type\]\:after\:\[box-shadow\:none\]:after {
	content: var(--tw-content);
	box-shadow: none
}

.peer:focus-visible~.peer-focus-visible\:outline {
	outline-style: solid
}

.peer:focus-visible~.peer-focus-visible\:outline-2 {
	outline-width: 2px
}

.peer:focus-visible~.peer-focus-visible\:outline-offset-2 {
	outline-offset: 2px
}

.peer:focus-visible~.peer-focus-visible\:\[outline-color\:-webkit-focus-ring-color\] {
	outline-color: -webkit-focus-ring-color
}

.peer:focus-visible~.peer-focus-visible\:before\:block:before {
	content: var(--tw-content);
	display: block
}

.data-\[selected\=true\]\:bg-background-secondary[data-selected=true] {
	background-color: var(--color-background-secondary, #f5f8fa)
}

@media not all and (min-width:769px) {
	.max-md\:pointer-events-none {
		pointer-events: none
	}

	.max-md\:absolute {
		position: absolute
	}

	.max-md\:relative {
		position: relative
	}

	.max-md\:left-0 {
		left: 0
	}

	.max-md\:top-0 {
		top: 0
	}

	.max-md\:h-0 {
		height: 0
	}

	.max-md\:h-full {
		height: 100%
	}

	.max-md\:w-full {
		width: 100%
	}

	.max-md\:overflow-hidden {
		overflow: hidden
	}

	.max-md\:pb-\[50\%\] {
		padding-bottom: 50%
	}
}

@media (min-width:481px) {
	.sm\:-left-20 {
		left: -5rem
	}

	.sm\:-right-20 {
		right: -5rem
	}

	.sm\:right-4 {
		right: 1rem
	}

	.sm\:top-4 {
		top: 1rem
	}

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

	.sm\:mx-10 {
		margin-left: 2.5rem;
		margin-right: 2.5rem
	}

	.sm\:my-12 {
		margin-top: 3rem;
		margin-bottom: 3rem
	}

	.sm\:my-20 {
		margin-top: 5rem;
		margin-bottom: 5rem
	}

	.sm\:my-6 {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem
	}

	.sm\:my-8 {
		margin-top: 2rem;
		margin-bottom: 2rem
	}

	.sm\:mb-0 {
		margin-bottom: 0
	}

	.sm\:mb-12 {
		margin-bottom: 3rem
	}

	.sm\:mb-2 {
		margin-bottom: .5rem
	}

	.sm\:mb-4 {
		margin-bottom: 1rem
	}

	.sm\:mb-6 {
		margin-bottom: 1.5rem
	}

	.sm\:mb-8 {
		margin-bottom: 2rem
	}

	.sm\:mb-\[18px\] {
		margin-bottom: 18px
	}

	.sm\:mr-4 {
		margin-right: 1rem
	}

	.sm\:mt-0 {
		margin-top: 0
	}

	.sm\:mt-10 {
		margin-top: 2.5rem
	}

	.sm\:mt-4 {
		margin-top: 1rem
	}

	.sm\:mt-8 {
		margin-top: 2rem
	}

	.sm\:mt-\[72px\] {
		margin-top: 72px
	}

	.sm\:block {
		display: block
	}

	.sm\:flex {
		display: flex
	}

	.sm\:hidden {
		display: none
	}

	.sm\:h-12 {
		height: 3rem
	}

	.sm\:h-\[8\.75rem\] {
		height: 8.75rem
	}

	.sm\:min-h-\[260px\] {
		min-height: 260px
	}

	.sm\:w-\[10rem\] {
		width: 10rem
	}

	.sm\:w-\[16\.25rem\] {
		width: 16.25rem
	}

	.sm\:w-\[calc\(100\%-80px\)\] {
		width: calc(100% - 80px)
	}

	.sm\:w-full {
		width: 100%
	}

	.sm\:max-w-56 {
		max-width: 14rem
	}

	.sm\:max-w-\[13\.75rem\] {
		max-width: 13.75rem
	}

	.sm\:max-w-\[21\.25rem\] {
		max-width: 21.25rem
	}

	.sm\:max-w-\[31\.25rem\] {
		max-width: 31.25rem
	}

	.sm\:basis-\[14\.375rem\] {
		flex-basis: 14.375rem
	}

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

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

	.sm\:grid-cols-\[repeat\(auto-fit\2c _minmax\(200px\2c _1fr\)\)\] {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
	}

	.sm\:flex-row {
		flex-direction: row
	}

	.sm\:flex-col {
		flex-direction: column
	}

	.sm\:items-center {
		align-items: center
	}

	.sm\:justify-center {
		justify-content: center
	}

	.sm\:gap-4 {
		gap: 1rem
	}

	.sm\:gap-8 {
		gap: 2rem
	}

	.sm\:gap-x-2 {
		-moz-column-gap: .5rem;
		column-gap: .5rem
	}

	.sm\:overflow-visible {
		overflow: visible
	}

	.sm\:rounded {
		border-radius: .25rem
	}

	.sm\:border {
		border-width: 1px
	}

	.sm\:bg-transparent {
		background-color: transparent
	}

	.sm\:p-10 {
		padding: 2.5rem
	}

	.sm\:p-4 {
		padding: 1rem
	}

	.sm\:p-6 {
		padding: 1.5rem
	}

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

	.sm\:px-10 {
		padding-left: 2.5rem;
		padding-right: 2.5rem
	}

	.sm\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem
	}

	.sm\:py-10 {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem
	}

	.sm\:py-20 {
		padding-top: 5rem;
		padding-bottom: 5rem
	}

	.sm\:py-6 {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem
	}

	.sm\:pb-20 {
		padding-bottom: 5rem
	}

	.sm\:pb-4 {
		padding-bottom: 1rem
	}

	.sm\:pl-0 {
		padding-left: 0
	}

	.sm\:pl-4 {
		padding-left: 1rem
	}

	.sm\:pr-4 {
		padding-right: 1rem
	}

	.sm\:pt-0 {
		padding-top: 0
	}

	.sm\:pt-12 {
		padding-top: 3rem
	}

	.sm\:text-center {
		text-align: center
	}

	.sm\:text-2xl {
		font-size: var(--font-size-2xl, 1.75rem)
	}

	.sm\:text-\[2rem\] {
		font-size: 2rem
	}

	.sm\:text-base {
		font-size: var(--font-size-base, 1rem)
	}

	.sm\:text-sm {
		font-size: var(--font-size-sm, .875rem)
	}

	.sm\:text-xl {
		font-size: var(--font-size-xl, 1.25rem)
	}
}

@media (min-width:769px) {
	.md\:left-auto {
		left: auto
	}

	.md\:right-4 {
		right: 1rem
	}

	.md\:m-2 {
		margin: .5rem
	}

	.md\:m-\[initial\] {
		margin: initial
	}

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

	.md\:my-0 {
		margin-top: 0;
		margin-bottom: 0
	}

	.md\:my-12 {
		margin-top: 3rem;
		margin-bottom: 3rem
	}

	.md\:mb-0 {
		margin-bottom: 0
	}

	.md\:mb-10 {
		margin-bottom: 2.5rem
	}

	.md\:mb-4 {
		margin-bottom: 1rem
	}

	.md\:mt-4 {
		margin-top: 1rem
	}

	.md\:block {
		display: block
	}

	.md\:flex {
		display: flex
	}

	.md\:contents {
		display: contents
	}

	.md\:hidden {
		display: none
	}

	.md\:size-10 {
		width: 2.5rem;
		height: 2.5rem
	}

	.md\:size-20 {
		width: 5rem;
		height: 5rem
	}

	.md\:size-\[120px\] {
		width: 120px;
		height: 120px
	}

	.md\:h-12 {
		height: 3rem
	}

	.md\:h-14 {
		height: 3.5rem
	}

	.md\:min-h-14 {
		min-height: 3.5rem
	}

	.md\:w-1\/3 {
		width: 33.333333%
	}

	.md\:w-40 {
		width: 10rem
	}

	.md\:w-\[30rem\] {
		width: 30rem
	}

	.md\:w-\[36\.25rem\] {
		width: 36.25rem
	}

	.md\:w-\[40rem\] {
		width: 40rem
	}

	.md\:w-\[var\(--size-content\\_small\)\] {
		width: var(--size-content_small)
	}

	.md\:w-full {
		width: 100%
	}

	.md\:w-min {
		width: -moz-min-content;
		width: min-content
	}

	.md\:min-w-24 {
		min-width: 6rem
	}

	.md\:min-w-\[100px\] {
		min-width: 100px
	}

	.md\:min-w-\[10rem\] {
		min-width: 10rem
	}

	.md\:min-w-\[23\.5rem\] {
		min-width: 23.5rem
	}

	.md\:max-w-\[1000px\] {
		max-width: 1000px
	}

	.md\:max-w-\[16\.5rem\] {
		max-width: 16.5rem
	}

	.md\:max-w-\[333px\] {
		max-width: 333px
	}

	.md\:max-w-\[666px\] {
		max-width: 666px
	}

	.md\:flex-auto {
		flex: 1 1 auto
	}

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

	.md\:grid-cols-\[repeat\(auto-fill\2c minmax\(375px\2c 1fr\)\)\] {
		grid-template-columns: repeat(auto-fill, minmax(375px, 1fr))
	}

	.md\:flex-row {
		flex-direction: row
	}

	.md\:items-end {
		align-items: flex-end
	}

	.md\:items-center {
		align-items: center
	}

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

	.md\:gap-6 {
		gap: 1.5rem
	}

	.md\:gap-x-4 {
		-moz-column-gap: 1rem;
		column-gap: 1rem
	}

	.md\:gap-x-6 {
		-moz-column-gap: 1.5rem;
		column-gap: 1.5rem
	}

	.md\:gap-y-4 {
		row-gap: 1rem
	}

	.md\:gap-y-6 {
		row-gap: 1.5rem
	}

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

	.md\:border {
		border-width: 1px
	}

	.md\:border-none {
		border-style: none
	}

	.md\:bg-transparent {
		background-color: transparent
	}

	.md\:p-4 {
		padding: 1rem
	}

	.md\:p-6 {
		padding: 1.5rem
	}

	.md\:p-8 {
		padding: 2rem
	}

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

	.md\:px-2 {
		padding-left: .5rem;
		padding-right: .5rem
	}

	.md\:px-20 {
		padding-left: 5rem;
		padding-right: 5rem
	}

	.md\:px-3 {
		padding-left: .75rem;
		padding-right: .75rem
	}

	.md\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem
	}

	.md\:px-6 {
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}

	.md\:py-10 {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem
	}

	.md\:py-4 {
		padding-top: 1rem;
		padding-bottom: 1rem
	}

	.md\:text-left {
		text-align: left
	}

	.md\:text-3xl {
		font-size: var(--font-size-3xl, 2.25rem)
	}

	.md\:text-4xl {
		font-size: var(--font-size-4xl, 3.5rem)
	}

	.md\:text-base {
		font-size: var(--font-size-base, 1rem)
	}

	.md\:text-lg {
		font-size: var(--font-size-lg, 1.125rem)
	}

	.md\:text-sm {
		font-size: var(--font-size-sm, .875rem)
	}
}

@media (min-width:941px) {
	.lg\:mx-8 {
		margin-left: 2rem;
		margin-right: 2rem
	}

	.lg\:my-4 {
		margin-top: 1rem;
		margin-bottom: 1rem
	}

	.lg\:mb-0 {
		margin-bottom: 0
	}

	.lg\:mb-4 {
		margin-bottom: 1rem
	}

	.lg\:mb-5 {
		margin-bottom: 1.25rem
	}

	.lg\:mr-0 {
		margin-right: 0
	}

	.lg\:mt-2 {
		margin-top: .5rem
	}

	.lg\:mt-4 {
		margin-top: 1rem
	}

	.lg\:mt-8 {
		margin-top: 2rem
	}

	.lg\:block {
		display: block
	}

	.lg\:flex {
		display: flex
	}

	.lg\:inline-flex {
		display: inline-flex
	}

	.lg\:grid {
		display: grid
	}

	.lg\:hidden {
		display: none
	}

	.lg\:size-20 {
		width: 5rem;
		height: 5rem
	}

	.lg\:w-96 {
		width: 24rem
	}

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

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

	.lg\:grid-cols-\[384px_minmax\(auto\2c 940px\)\] {
		grid-template-columns: 384px minmax(auto, 940px)
	}

	.lg\:grid-cols-\[384px_minmax\(auto\2c var\(--size-content\)\)\] {
		grid-template-columns: 384px minmax(auto, var(--size-content))
	}

	.lg\:flex-col {
		flex-direction: column
	}

	.lg\:items-start {
		align-items: flex-start
	}

	.lg\:justify-center {
		justify-content: center
	}

	.lg\:gap-14 {
		gap: 3.5rem
	}

	.lg\:gap-2 {
		gap: .5rem
	}

	.lg\:gap-4 {
		gap: 1rem
	}

	.lg\:gap-6 {
		gap: 1.5rem
	}

	.lg\:gap-x-6 {
		-moz-column-gap: 1.5rem;
		column-gap: 1.5rem
	}

	.lg\:gap-x-8 {
		-moz-column-gap: 2rem;
		column-gap: 2rem
	}

	.lg\:gap-y-4 {
		row-gap: 1rem
	}

	.lg\:p-0 {
		padding: 0
	}

	.lg\:p-6 {
		padding: 1.5rem
	}

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

	.lg\:px-8 {
		padding-left: 2rem;
		padding-right: 2rem
	}

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

	.lg\:pr-0 {
		padding-right: 0
	}

	.lg\:pt-4 {
		padding-top: 1rem
	}

	.lg\:text-xs {
		font-size: var(--font-size-xs, .75rem)
	}

	.lg\:empty\:hidden:empty {
		display: none
	}
}

@media (min-width:1280px) {
	.xl\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}
}

@media print {
	.print\:hidden {
		display: none
	}
}

.\[\&\>\*\]\:w-full>* {
	width: 100%
}

.\[\&\>\*\]\:shrink-0>* {
	flex-shrink: 0
}

.\[\&\>svg\]\:text-text-like>svg {
	color: var(--color-text-like, #d13e5c)
}

.\[\&_\[data-name\=ListViewItem-dragHandleWrap\]\]\:hidden [data-name=ListViewItem-dragHandleWrap] {
	display: none
}

.\[\&_\[data-name\=ListViewItem-dragHandleWrap\]\]\:border-r [data-name=ListViewItem-dragHandleWrap] {
	border-right-width: 1px
}

.\[\&_\[data-name\=ListViewItem-dragHandleWrap\]\]\:border-border-default [data-name=ListViewItem-dragHandleWrap] {
	border-color: var(--color-border-default, #08131a24)
}

.\[\&_a\]\:underline a {
	text-decoration-line: underline
}

.hover\:\[\&_svg\]\:fill-text-primary svg:hover {
	fill: var(--color-text-primary, #08131a)
}

:root {
	--color-custom-accent: #08131a;
	--color-custom-accent-reaction: #202a30;
	--color-surface-primary: #08131a;
	--color-surface-primary-reaction: #202a30;
	--color-surface-secondary: #43709d;
	--color-surface-tertiary: #5a656b;
	--color-surface-quaternary: #f5f8fa;
	--color-surface-like: #d13e5c;
	--color-surface-success: #1e7b65;
	--color-surface-success-reaction: #196755;
	--color-surface-danger: #bc3852;
	--color-surface-danger-reaction: #a53148;
	--color-surface-caution: #ac7a2d;
	--color-surface-disabled: #00000024;
	--color-surface-normal: #fff;
	--color-surface-clear: #ffffff00;
	--color-surface-successSubdued: #e6f6f2;
	--color-surface-dangerSubdued: #fdf0f3;
	--color-surface-cautionSubdued: #fefbea;
	--color-surface-badge: #e4674e;
	--color-surface-offer: #d13e5c;
	--color-surface-invert: #000;
	--color-surface-image-overlay: #00000052;
	--color-text-primary: #08131a;
	--color-text-secondary: #08131aa8;
	--color-text-clickable-icon: #08131a80;
	--color-text-disabled: #08131a80;
	--color-text-success: #1e7b65;
	--color-text-success-reaction: #196755;
	--color-text-danger: #bc3852;
	--color-text-danger-reaction: #a53148;
	--color-text-caution: #c88d34;
	--color-text-like: #d13e5c;
	--color-text-offer: #d13e5c;
	--color-text-point: #8b7f2c;
	--color-text-invert: #fff;
	--color-text-placeholder: #888;
	--color-border-primary: #08131a;
	--color-border-default: #08131a24;
	--color-border-normal: #08131a24;
	--color-border-weak: #f5f8fa;
	--color-border-strong: #08131a38;
	--color-border-focus: #292d9e;
	--color-border-success: #1e7b65;
	--color-border-danger: #bc3852;
	--color-border-caution: #c88d34;
	--color-border-offer: #d13e5c;
	--color-border-invert: #fff;
	--color-background-primary: #fff;
	--color-background-secondary: #f5f8fa;
	--color-social-twitter: #000;
	--color-social-twitter-reaction: #222;
	--color-social-facebook: #1877f2;
	--color-social-facebook-reaction: #0b5fcc;
	--color-social-hatena: #00a4df;
	--color-social-hatena-reaction: #007eac;
	--color-social-line: #01b901;
	--color-social-line-reaction: #018601;
	--color-social-note: #5ac8b8;
	--color-social-note-reaction: #3cb3a2;
	--color-ambientLight: #00000024;
	--color-keyLight: #00000038;
	--color-reactionOverlay: #08131a08;
	--color-reactionOverlay-invert: #ffffff08
}

@media only screen and (prefers-color-scheme:dark) {

	html.android-webview,
	html.ios-webview {
		--color-custom-accent: #ffffffe6;
		--color-custom-accent-reaction: #ffffffd1;
		--color-surface-primary: #ffffffe6;
		--color-surface-primary-reaction: #ffffffd1;
		--color-surface-secondary: #90cfeb;
		--color-surface-tertiary: #c5ccd1;
		--color-surface-quaternary: #000;
		--color-surface-like: #f0718a;
		--color-surface-success: #5ac6ad;
		--color-surface-success-reaction: #2cb696;
		--color-surface-danger: #f0718a;
		--color-surface-danger-reaction: #eb4667;
		--color-surface-caution: #ffb442;
		--color-surface-disabled: #ffffff1f;
		--color-surface-normal: #202a30;
		--color-surface-clear: #ffffff00;
		--color-surface-successSubdued: #145445;
		--color-surface-dangerSubdued: #762334;
		--color-surface-cautionSubdued: #75531e;
		--color-surface-badge: #e4674e;
		--color-surface-offer: #f0718a;
		--color-surface-invert: #fff;
		--color-surface-image-overlay: #00000052;
		--color-text-primary: #ffffffe6;
		--color-text-secondary: #ffffffa8;
		--color-text-clickable-icon: #ffffff66;
		--color-text-disabled: #ffffff66;
		--color-text-success: #5ac6ad;
		--color-text-success-reaction: #2cb696;
		--color-text-danger: #f0718a;
		--color-text-danger-reaction: #eb4667;
		--color-text-caution: #ffb442;
		--color-text-like: #f0718a;
		--color-text-offer: #f0718a;
		--color-text-point: #a69735;
		--color-text-invert: #202a30;
		--color-text-placeholder: #888;
		--color-border-primary: #ffffffe6;
		--color-border-default: #ffffff1f;
		--color-border-normal: #ffffff1f;
		--color-border-weak: #ffffff08;
		--color-border-strong: #ffffff38;
		--color-border-focus: #70bce1;
		--color-border-success: #5ac6ad;
		--color-border-danger: #f0718a;
		--color-border-caution: #ffb442;
		--color-border-offer: #f0718a;
		--color-border-invert: #202a30;
		--color-background-primary: #202a30;
		--color-background-secondary: #000;
		--color-social-twitter: #000;
		--color-social-twitter-reaction: #222;
		--color-social-facebook: #1877f2;
		--color-social-facebook-reaction: #0b5fcc;
		--color-social-hatena: #00a4df;
		--color-social-hatena-reaction: #007eac;
		--color-social-line: #06c755;
		--color-social-line-reaction: #018601;
		--color-social-note: #5ac8b8;
		--color-social-note-reaction: #3cb3a2;
		--color-ambientLight: #00000024;
		--color-keyLight: #00000038;
		--color-reactionOverlay: #ffffff08;
		--color-reactionOverlay-invert: #08131a08
	}
}

:root {
	--font-feature-settings-palt: "palt" 1;
	--color-clear: #ffffff00;
	--color-whiteAlpha-900: #fff;
	--color-whiteAlpha-800: #ffffffe6;
	--color-whiteAlpha-700: #ffffffd1;
	--color-whiteAlpha-600: #ffffffa8;
	--color-whiteAlpha-500: #ffffff80;
	--color-whiteAlpha-400: #ffffff66;
	--color-whiteAlpha-300: #ffffff52;
	--color-whiteAlpha-200: #ffffff38;
	--color-whiteAlpha-100: #ffffff1f;
	--color-whiteAlpha-50: #ffffff08;
	--color-blackAlpha-900: #000;
	--color-blackAlpha-800: #000000e6;
	--color-blackAlpha-700: #000000d1;
	--color-blackAlpha-600: #000000a8;
	--color-blackAlpha-500: #00000080;
	--color-blackAlpha-400: #00000066;
	--color-blackAlpha-300: #00000052;
	--color-blackAlpha-200: #00000038;
	--color-blackAlpha-100: #00000024;
	--color-blackAlpha-50: #00000008;
	--color-grayAlpha-800: #08131ae6;
	--color-grayAlpha-700: #08131ad1;
	--color-grayAlpha-600: #08131aa8;
	--color-grayAlpha-500: #08131a80;
	--color-grayAlpha-400: #08131a66;
	--color-grayAlpha-300: #08131a52;
	--color-grayAlpha-200: #08131a38;
	--color-grayAlpha-100: #08131a24;
	--color-grayAlpha-50: #08131a08;
	--color-gray-900: #08131a;
	--color-gray-800: #202a30;
	--color-gray-700: #363f42;
	--color-gray-600: #5a656b;
	--color-gray-500: #7e888f;
	--color-gray-400: #9ca7ad;
	--color-gray-300: #aeb7bd;
	--color-gray-200: #c5ccd1;
	--color-gray-100: #dce0e3;
	--color-gray-50: #f5f8fa;
	--color-darkblue-900: #181a5d;
	--color-darkblue-800: #1e2072;
	--color-darkblue-700: #232788;
	--color-darkblue-600: #292d9e;
	--color-darkblue-500: #2e33b3;
	--color-darkblue-400: #3439c9;
	--color-darkblue-300: #6165d5;
	--color-darkblue-200: #8d90e1;
	--color-darkblue-100: #babced;
	--color-darkblue-50: #e7e7f9;
	--color-blue-900: #32517d;
	--color-blue-800: #43709d;
	--color-blue-700: #4981b2;
	--color-blue-600: #5193c6;
	--color-blue-500: #57a0d4;
	--color-blue-400: #60aedb;
	--color-blue-300: #70bce1;
	--color-blue-200: #90cfeb;
	--color-blue-100: #bae2f4;
	--color-blue-50: #e3f4fb;
	--color-green-900: #145445;
	--color-green-800: #196755;
	--color-green-700: #1e7b65;
	--color-green-600: #238f76;
	--color-green-500: #27a286;
	--color-green-400: #2cb696;
	--color-green-300: #5ac6ad;
	--color-green-200: #89d6c4;
	--color-green-100: #b7e6db;
	--color-green-50: #e6f6f2;
	--color-yellow-900: #716724;
	--color-yellow-800: #8b7f2c;
	--color-yellow-700: #a69735;
	--color-yellow-600: #c0af3d;
	--color-yellow-500: #dbc746;
	--color-yellow-400: #f5df4e;
	--color-yellow-300: #f7e675;
	--color-yellow-200: #f9ed9c;
	--color-yellow-100: #fcf4c3;
	--color-yellow-50: #fefbea;
	--color-orange-900: #75531e;
	--color-orange-800: #916626;
	--color-orange-700: #ac7a2d;
	--color-orange-600: #c88d34;
	--color-orange-500: #e4a13b;
	--color-orange-400: #ffb442;
	--color-orange-300: #ffb94f;
	--color-orange-200: #ffcd81;
	--color-orange-100: #ffe1b3;
	--color-orange-50: #fff3e0;
	--color-red-900: #753528;
	--color-red-800: #914131;
	--color-red-700: #ac4e3b;
	--color-red-600: #c85a44;
	--color-red-500: #e4674e;
	--color-red-400: #ff7357;
	--color-red-300: #ff927c;
	--color-red-200: #ffb1a1;
	--color-red-100: #ffcfc6;
	--color-red-50: #ffeeeb;
	--color-pink-900: #762334;
	--color-pink-800: #8d2a3e;
	--color-pink-700: #a53148;
	--color-pink-600: #bc3852;
	--color-pink-500: #d13e5c;
	--color-pink-400: #eb4667;
	--color-pink-300: #f0718a;
	--color-pink-200: #f49bad;
	--color-pink-100: #f9c6d0;
	--color-pink-50: #fdf0f3;
	--color-purple-900: #4d2459;
	--color-purple-800: #5f2c6e;
	--color-purple-700: #713583;
	--color-purple-600: #833d98;
	--color-purple-500: #9546ad;
	--color-purple-400: #a74ec2;
	--color-purple-300: #ba75cf;
	--color-purple-200: #d09fde;
	--color-purple-100: #e1c3ea;
	--color-purple-50: #f4eaf8;
	--elevation-6: 0px 6px 10px 4px #00000024, 0px 2px 3px 0px #00000038;
	--elevation-4: 0px 4px 8px 3px #00000024, 0px 1px 3px 0px #00000038;
	--elevation-1: 0px 1px 3px 1px #00000024, 0px 1px 2px 0px #00000038;
	--z-index-toast: 10000;
	--z-index-modal: 9999;
	--z-index-popupMessage: 9998;
	--z-index-10000: 10000;
	--z-index-9999: 9999;
	--z-index-9998: 9998;
	--z-index-50: 50;
	--z-index-40: 40;
	--z-index-30: 30;
	--z-index-20: 20;
	--z-index-10: 10;
	--z-index-0: 0;
	--easeOut: cubic-bezier(0, 0, 0.58, 1);
	--easeInOutExpo: cubic-bezier(1, 0, 0, 1);
	--easeInOut: cubic-bezier(0.42, 0, 0.58, 1);
	--easeIn: cubic-bezier(0.42, 0, 1, 1);
	--ratio-movieNoteCard: calc(720 / 1280 * 100%);
	--ratio-soundNoteCard: calc(600 / 900 * 100%);
	--ratio-imageNoteCard: calc(600 / 900 * 100%);
	--ratio-introductionCard: calc(900 / 1600 * 100%);
	--ratio-circlePlanCard: calc(900 / 1600 * 100%);
	--ratio-circleCard: calc(670 / 1280 * 100%);
	--ratio-userPopupBanner: calc(300 / 600 * 100%);
	--ratio-contestBanner: calc(160 / 480 * 100%);
	--ratio-movieCover: calc(90 / 160 * 100%);
	--ratio-magazineCover--card: calc(568 / 1600 * 100%);
	--ratio-magazineCover: calc(216 / 1280 * 100%);
	--ratio-creatorCover--card: calc(568 / 1600 * 100%);
	--ratio-creatorCover: calc(216 / 1280 * 100%);
	--ratio-noteDetailCover: calc(670 / 1280 * 100%);
	--size-breakpoint-2xl: 2048px;
	--size-breakpoint-xl: 1280px;
	--size-breakpoint-lg: 941px;
	--size-breakpoint-md: 769px;
	--size-breakpoint-sm: 481px;
	--size-breakpoint-xs: 361px;
	--size-breakpoint_xlarge: 1920px;
	--size-breakpoint_large: 1280px;
	--size-breakpoint_tb: 768px;
	--size-breakpoint_sp: 480px;
	--size-breakpoint_sp_under: 360px;
	--size-content_navbar_primary_mobile_height: 48px;
	--size-content_navbar_primary_height: 64px;
	--size-content_edit: 580px;
	--size-content_timeline: 580px;
	--size-content_2column_sub: 280px;
	--size-content_2column_main: 610px;
	--size-content_large: 1920px;
	--size-content_small: 620px;
	--size-content: 940px;
	--family-emoji: PrimaryEmojiFont, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Apple Color Emoji", "noto color emoji", Arial, "Segoe UI Emoji", "Segoe UI Symbol", Meiryo, sans-serif;
	--family-monospace: SFMono-Regular, Consolas, Menlo, Courier, monospace;
	--family-en: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial;
	--family-number: "Open Sans", sans-serif;
	--family-windowsSerif: YakuHanMPs, "Yu Mincho", YuMincho, "MS PMincho", serif;
	--family-windowsYakuhan: YakuHanJPs, "Segoe UI", Arial, Meiryo, sans-serif;
	--family-windows: "Segoe UI", Arial, Meiryo, sans-serif;
	--family-serif: "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGSMinchoE, "Yu Mincho", YuMincho, "MS PMincho", serif;
	--family-base: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, Meiryo, sans-serif;
	--family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, Meiryo, sans-serif;
	--font-size-4xl: 3.5rem;
	--font-size-3xl: 2.25rem;
	--font-size-2xl: 1.75rem;
	--font-size-xl: 1.25rem;
	--font-size-lg: 1.125rem;
	--font-size-base: 1rem;
	--font-size-sm: 0.875rem;
	--font-size-xs: 0.75rem;
	--font-size-article-title-desktop: 2rem;
	--font-size-layout-infra-56: 3.5rem;
	--font-size-layout-infra-36: 2.25rem;
	--font-size-layout-infra-20: 1.25rem;
	--font-size-layout-infra-16: 1rem;
	--font-size-layout-infra-14: 0.875rem;
	--font-size-layout-infra-12: 0.75rem
}

@font-face {
	font-family: PrimaryEmojiFont;
	src: local("Apple Color Emoji");
	unicode-range: u+2764
}

html {
	box-sizing: border-box;
	font-size: 100%
}

body {
	height: 100%;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, Arial, Meiryo, sans-serif;
	font-size: var(--font-size-base);
	font-weight: 400;
	font-kerning: normal;
	line-height: 1.5;
	color: var(--color-text-primary);
	word-wrap: break-word;
	background-color: var(--color-background-primary);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

[tabindex]:active,
[tabindex]:hover {
	outline: none
}

@media only screen and (min-width:769px) {

	[data-tooltip]:focus,
	[data-tooltip]:hover {
		position: relative
	}

	[data-tooltip]:focus:after,
	[data-tooltip]:hover:after {
		position: absolute;
		display: block;
		max-width: 200px;
		padding: 4px 8px;
		overflow: hidden;
		font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, Arial, Meiryo, sans-serif;
		font-size: var(--font-size-xs);
		font-weight: 400;
		line-height: 1.5;
		text-align: center;
		text-overflow: ellipsis;
		word-break: break-all;
		white-space: nowrap;
		pointer-events: none;
		content: attr(data-tooltip);
		border: 1px solid var(--color-border-weak);
		border-radius: 4px;
		opacity: 0;
		animation: tooltipAnimation .2s cubic-bezier(1, 0, 0, 1) .2s forwards;
		top: -8px;
		left: calc(50% - 0px);
		transform: translateX(-50%) translateY(-100%);
		color: var(--color-text-secondary);
		background-color: var(--color-background-secondary)
	}

	@keyframes tooltipAnimation {
		0% {
			opacity: 0
		}

		to {
			opacity: 1
		}
	}
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
	display: none;
	width: 0;
	height: 0
}
/*
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	display: none
}

::-moz-placeholder {
	color: var(--color-text-placeholder)
}

::placeholder {
	color: var(--color-text-placeholder)
}

button {
	padding: 0
}

a {
	color: inherit;
	text-decoration: none
}

*,
:after,
:before {
	box-sizing: inherit
}

address,
blockquote,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
ol,
p,
pre,
table,
ul {
	padding: 0;
	margin: 0
}

address,
cite,
dfn,
em,
i {
	font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	font-size: 100%;
	font-weight: 400;
	color: inherit
}

ol,
ul {
	list-style-type: none
}

table {
	width: 100%
}

th {
	text-align: left
}
*/
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px)
}