::selection {
	background: #ffdcc3;
	color: #2f1500;
}
a, button, summary {
	-webkit-tap-highlight-color: transparent;
}
img, video {
	max-width: 100%;
}
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	box-sizing: border-box;
	min-height: 3rem;
	padding: 0 1.25rem;
	border-radius: 0.75rem;
	border: 2px solid #6d514c;
	box-shadow: 3px 3px 0 0 rgba(109, 81, 76, 1);
	font-weight: 700;
}
.account-title {
	color: #af101a;
	font-weight: 900;
	letter-spacing: -0.03em;
	line-height: 1;
	text-shadow: 3px 3px 0 #e4d9c8;
}
.btn-square {
	border-radius: 0;
}
.btn:active {
	transform: translate(2px, 2px);
	box-shadow: 1px 1px 0 0 rgba(109, 81, 76, 1);
}
.tactile-shadow {
	box-shadow: 4px 4px 0px 0px rgba(109, 81, 76, 1);
}
.tactile-shadow-hover:hover {
	box-shadow: 2px 2px 0px 0px rgba(109, 81, 76, 1);
	transform: translate(2px, 2px);
}
.tactile-shadow-large {
	box-shadow: 8px 8px 0px 0px rgba(109, 81, 76, 1);
}
.tilt-slight {
	transform: rotate(2deg);
}
.tilt-slight-reverse {
	transform: rotate(-1deg);
}
.dashed-border-y {
	border-top: 2px dashed #6d514c;
	border-bottom: 2px dashed #6d514c;
}
.tactile-card {
	border: 3px solid #6d514c;
	background-color: #fff9ea;
}
.js-opt.tactile-card {
	background-color: #fff;
}
.topping-bounce {
	transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.js-topping:hover .topping-bounce {
	transform: scale(1.1) rotate(-3deg);
}
.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.material-symbols-outlined[data-weight="fill"] {
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.btn-interact {
	transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}
.btn-interact:active {
	transform: translate(2px, 2px);
	box-shadow: none !important;
}
.card-tilt {
	transition: transform 0.2s ease-out;
}
.card-tilt:hover {
	transform: rotate(-1deg) scale(1.02);
}
.vintage-separator {
	background-image: linear-gradient(to right, #6d514c 50%, transparent 50%);
	background-size: 16px 3px;
	background-repeat: repeat-x;
	height: 3px;
}
.hide-scrollbar::-webkit-scrollbar {
	display: none;
}
.hide-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
@supports (padding-bottom: env(safe-area-inset-bottom)) {
	.pb-safe {
		padding-bottom: env(safe-area-inset-bottom);
	}
}
.js-opt.is-on:not(.js-topping),
.js-opt.is-on:not(.js-topping):hover {
	border: 3px solid #af101a;
	box-shadow: 4px 4px 0 0 #6d514c;
	transform: none;
}
.opt-check {
	width: 1.625rem;
	height: 1.625rem;
	padding: 0;
	border-width: 2px;
	border-radius: 9999px;
	line-height: 0;
}
.opt-check .material-symbols-outlined {
	font-size: 1rem;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
}
.js-opt.is-on .opt-check {
	display: flex;
}
.js-topping.is-on .topping-img {
	border: 3px solid #af101a;
	box-shadow: 2px 2px 0 0 #6d514c;
}
.js-topping.is-on .topping-check {
	display: flex;
}
.mobile-nav summary {
	list-style: none;
}
.mobile-nav summary::-webkit-details-marker {
	display: none;
}
.mobile-nav .icon-close {
	display: none;
}
.mobile-nav[open] .icon-menu {
	display: none;
}
.mobile-nav[open] .icon-close {
	display: inline-block;
}
.account-menu summary {
	list-style: none;
}
.account-menu summary::-webkit-details-marker {
	display: none;
}
.splat-title {
	color: #fff9ea;
	-webkit-text-stroke: 7px #6d514c;
	paint-order: stroke fill;
	filter: drop-shadow(4px 4px 0 #6d514c);
}
.splat-svg {
	overflow: visible;
}
.splat-svg path {
	fill: #fff9ea;
	stroke: #6d514c;
	stroke-width: 7;
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
}
.splat-drip {
	background: #fff9ea;
	border: 4px solid #6d514c;
	border-radius: 9999px;
	position: absolute;
	z-index: 1;
}
.splat-chunk {
	position: absolute;
	z-index: 1;
	background: #fff9ea;
	border: 3px solid #6d514c;
	box-shadow: 3px 3px 0 #6d514c;
}