@charset "utf-8";

/* スライドメニュー */
capi-slide-menu>*{
	overflow:auto;
	scrollbar-width: none;
}
capi-slide-menu:not(.type-custom)>*{
	display:flex;
	white-space:nowrap;
	overflow:auto;
	margin:0;
	scrollbar-width: none;
}
capi-slide-menu:not(.type-custom) button{
	font-size:14px;
	line-height:18px;
	cursor:pointer;
}
capi-slide-menu:not(.type-custom) button.selected{
	background-color:#333;
	color:var(--surface-primary-default);
}
capi-slide-menu>*::-webkit-scrollbar{
	display:none;
}

capi-slide-menu.type-tab>*::after{
	content:"";
	box-sizing:border-box;
	height:1px;
	align-self: end;
	flex-grow:1;
	border-top-right-radius:8px;
	background-color: var(--surface-primary-default);
	border-bottom: 1px solid var(--border-tertiary);
}

capi-slide-menu.type-tab button{
	padding:10px 16px 9px 16px;
	border:none;
	border-bottom:1px solid var(--border-tertiary);
	background-color:var(--surface-primary-default);
	color: var(--Text-Secondary);
}
capi-slide-menu.type-tab button.selected{
	font-weight:bold;
	padding:10px 16px 8px 16px;
	border-bottom: 2px solid var(--border-accent-primary);
	background-color: var(--surface-accent-secondary-default);
	color: var(--Text-Accent-Primary);
}
capi-slide-menu.type-tab button:not(:disabled):hover{
	background-color: var(--surface-primary-hover);
}
capi-slide-menu.type-tab.full button{
	padding-top:15px;
	padding-bottom:14px;
}
@media (width < 768px) {
	capi-slide-menu.type-tab.full button{
		padding-top:13px;
		padding-bottom:12px;
	}
}

capi-slide-menu.type-button>div{
	gap:8px;
	padding-right:1px;
}
capi-slide-menu.type-button button{
	border-radius:4px;
	padding:8px 12px;
	line-height:16px;
	color:var(--Text-Secondary);
	border: 1px solid var(--border-secondary);
	background-color: var(--surface-primary-default);

}
capi-slide-menu.type-button button.selected{
	font-weight:bold;
	color:var(--Text-Accent-Primary);
	border-color:var(--Border-Accent-Primar);
	background-color:var(--surface-accent-secondary-default);
}
capi-slide-menu.type-button button:not(:disabled):hover{
	background-color: var(--surface-primary-hover);
}

capi-slide-menu.type-button2>div{
	border-radius:5px;
	border: 1px solid var(--border-accent-secondary);
}
capi-slide-menu.type-button2 button{
	border: none;
	padding:9px 4px;
	color:var(--Text-Secondary);
	background-color: var(--surface-primary-default);
	width:10%;
	flex-grow:1;
}
capi-slide-menu.type-button2 button:not(:last-child){
	border-right: 1px solid var(--border-secondary);
}
capi-slide-menu.type-button2 button.selected{
	font-weight:bold;
	color:var(--Text-Accent-Primary);
	background-color:var(--surface-accent-secondary-default);
}
capi-slide-menu.type-button2 button:not(:disabled):hover{
	background-color: var(--surface-primary-hover);
}