/** Shopify CDN: Minification failed

Line 225:1 Expected "}" to go with "{"

**/
.ckWrap {
    position: fixed;
    right: 0;
    left: 0;
    top: -600px;
    z-index: 50;
    border: 1px solid #777;
    width: 100%;
    padding: 10px 20px;
    background: rgba(255,255,255,.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 -10px 25px -5px #0000001a;
    align-items: center;
    justify-content: center;
    text-align: center;
	animation: ckUp 2.5s forwards;
	animation-delay: 1s;
	-webkit-animation: ckUp 2.5s forwards;
	-webkit-animation-delay: 1s
}

.ckWrap.acptd {
	animation: ckDn 2.5s backwards;
	animation-delay: .3s;
	-webkit-animation: ckDn 2.5s backwards;
	-webkit-animation-delay: .3s
}

.innercooker {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ckCont {
    text-align: left;
    flex: 1;
}

.ckWrap.hidden, .ckWrap.acptd {
	display: none
}

.ckWrap .ckCont svg {
	width: 50px;
	height: 50px;
	fill: #08102b;
	stroke: #08102b;
	stroke-width: .8
}

.ckCont h2 {
	margin: 0;
	color: #08102b;
	font-size: 1.5rem;
	font-weight: 800;
	font-family: inherit
}

.ckCont p {
	margin: 0;
	line-height: 1.7em;
	color: #08102b;
	font-size: 12px;
	font-weight: 400;
	font-family: inherit
}

.ckWrap .btn {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 10px 15px;
	outline: 0;
	border: 0;
	border-radius: 2px;
	line-height: 20px;
	font-size: 13px;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
	cursor: pointer;
	transition: all 0.3s ease
}

.ckWrap .btn.outl {
	color: #08102b;
	background-color: transparent;
	border: 1px solid #767676
}

@media screen and (min-width:768px) {
	.ckWrap {
		max-width: 100%;
		box-shadow: 0 5px 35px rgba(0, 0, 0, .1);
		animation: ckdeskUp 2.5s forwards;
		animation-delay: 1s;
		-webkit-animation: ckdeskUp 2.5s forwards;
		-webkit-animation-delay: 1s
	}
.ckWrap.acptd {
		animation: ckdeskDn 2.5s backwards;
		animation-delay: .3s;
		-webkit-animation: ckdeskDn 2.5s backwards;
		-webkit-animation-delay: 0.3s
	}
}

@-webkit-keyframes ckUp {
	100% {
		top: 0
	}
}

@keyframes ckUp {
	100% {
		top: 0
	}
}

@-webkit-keyframes ckdeskUp {
	100% {
		top: 30px
	}
}

@keyframes ckdeskUp {
	100% {
		top: 60px
	}
}

@-webkit-keyframes ckDn {
	0% {
		top: 0
	}

	100% {
		top: -600px
	}
}

@keyframes ckDn {
	0% {
		top: 0
	}

	100% {
		top: -600px
	}
}

@-webkit-keyframes ckdeskDn {
	0% {
		top: 60px
	}

	100% {
		top: -600px
	}
}

@keyframes ckdeskDn {
	0% {
		top: 60px
	}

	100% {
		top: -600px
	}
}

.darkMode .ckWrap {
	background: rgba(50, 50, 50, 0.8)
}

.darkMode .ckWrap .ckCont svg {
	fill: #fefefe;
	stroke: #fefefe
}

.darkMode .ckCont h2,
.darkMode .ckCont p,
.darkMode .btn.outl {
	color: #fefefe
}
@media screen and (max-width: 800px){
.innercooker {
    display: block;
}
  .ckCont {
    text-align: center;
}
  .ckCont p {
    font-size: 10px;
    margin-bottom: 5px;
}

@keyframes ckUp {
	100% {
		top: 60px
	}
}
  @keyframes ckDn {
	0% {
		top: 60px
	}

	100% {
		top: -600px
	}
}
  
@-webkit-keyframes ckUp {
	100% {
		top: 60px
	}
}