*,*::before,*::after {
	box-sizing:border-box
}
html,body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	background:#ffffff;
	/* font-family:sans-serif; */
	font-size:1em;
	line-height:1.5;
	color:#6b7177;
	font-weight:400
}
main {
	display:block;
	background-color:#ffffff
}
a {
	text-decoration:none;
	cursor:pointer;
	color:#FF7D00
}
p,ul,ol {
	margin:0;
	padding:0
}
ul,ol {
	list-style:none
}
cite {
	font-style:normal
}
h1,h2,h3,h4,h5 {
	margin-top:0
}
figure {
	margin-left:0;
	margin-right:0
}
audio,canvas,img,video {
	vertical-align:middle
}
fieldset {
	border:0;
	margin:0;
	padding:0
}
textarea {
	resize:vertical
}
@media screen and (max-width:78.0625em) {
	input,textarea,select {
	font-size:1em
}
}.clearfix::after {
	content:'';
	display:table;
	clear:both
}
@supports (display:flow-root) {
	.clearfix {
	display:flow-root
}
.clearfix::after {
	content:none
}
}.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
	white-space:nowrap;
}
.showvisuallyhidden,.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto;
	white-space:inherit
}
a,button,[role='button'],input,label,select,textarea {
	touch-action:manipulation
}
button {
	background:none;
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	display:inline-block;
	cursor:pointer;
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	line-height:inherit
}
button,[type='button'],[type='reset'],[type='submit'] {
	-webkit-appearance:button;
    appearance:button;
	background-image:none;
}
.icon {
	display:inline-block;
	width:0.8em;
	height:1em;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
#GlobalIconSymbols {
	width:0;
	height:0;
	visibility:hidden;
	overflow:hidden;
}
.page--styles-preview #SiteContainer {
	overflow:hidden;
	height:100%;
}
.marketing-nav-pinned {
	width:100%;
	border-bottom:1px solid #d2d5d9;
}
.marketing-nav--skin-light {
	background-color:#ffffff;
	border-bottom-color:#d2d5d9;
	width:100%;
	position:relative;
	clear:both;
}
.marketing-nav__items__wrapper {
	display:flex;
	width:100%;
	justify-content:space-between;
	padding:0 16px;
}
.marketing-nav__items--install-theme {
	margin-right:10px;
}
.marketing-button {
	display:inline-block;
	padding:0.5em 1em;
	border-radius:4px;
	/* font-family:ShopifySans,Helvetica,Arial,sans-serif; */
	font-weight:500;
	font-size:15px;
	line-height:1.133;
	transition:150ms ease;
	transition-property:background-color,border-color,box-shadow,color;
	text-align:center;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
	box-shadow:0 5px 15px 0 rgba(0,0,0,0.15);
	background-color:#FF7D00;
	color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:transparent;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.marketing-button:hover{
    background-color: #1983F9;
}
.marketing-nav__item {
	display:block;
	white-space:nowrap;
	font-size:1.0625em;
	font-weight:500;
	/* font-family:ShopifySans,Helvetica,Arial,sans-serif; */
	transition-property:border-color,fill;
	transition-duration:300ms;
}
.marketing-nav__item--primary.device-preview-controls__toggle {
	margin:0;
	padding:0 0.75em;
	padding-top:4px;
	color:#ffffff !important;
}
.marketing-nav__item--primary.device-preview-controls__toggle--push-right {
	margin-right:0.75em;
}
.marketing-nav--skin-light .marketing-nav__item--primary {
	color:#42474c;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.marketing-nav--skin-light .marketing-nav__item--primary:hover{
    color: #FF7D00;
}
.device-preview-controls__icon {
	fill:#000000;
	display:inline-block;
	width:20px;
	height:20px;
	padding:0 !important;
	pointer-events:none;
}
.device-preview__back-button-icon {
	position:relative;
	top:4px;
	width:20px;
	height:20px;
	margin-right:4px;
	fill:#42474c;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.marketing-nav--skin-light .marketing-nav__item--primary:hover .device-preview__back-button-icon{
    fill: #FF7D00;
}
.device-preview-controls__wrapper {
	display:flex;
}
.marketing-nav__items {
	margin-right:auto;
	display:flex;
}
.device-preview-controls__toggle {
	margin:0;
	padding:0 0.75em;
	padding-top:4px;
	color:#ffffff !important;
	margin-right:0.75em;
}
.device-preview-controls__toggle.active,.device-preview-controls__toggle:hover {
	color:#ffffff !important;
	border-bottom:3px solid #000000;
}
#PageContainer {
	overflow:hidden;
	max-width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
#PageContainer::before {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	visibility:hidden;
	opacity:0;
	background-color:rgba(0,0,0,0.6);
	transition:visibility 0.4s linear,opacity 0.4s cubic-bezier(0.4,0,0.2,1);
	transform:translateZ(0);
	content:'';
	z-index:999;
}
.page--styles-preview #Main {
	background-color:transparent;
	height:100%;
	padding:0;
}
.page--styles-preview #SiteContainer,.page--styles-preview #PageContainer,.page--styles-preview #Main {
	height:100%;
}
.device-preview {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	background:#d2d5d9;
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%205%205%22%3E%3Cg%20fill%3D%22%23D3DBE2%22%3E%3Crect%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-position: 0 center;
    background-size: 5px 5px;
}
.device-preview__container {
	height:100%;
	width:100%;
	max-width:100%;
	max-height:100%;
	transition:all 300ms cubic-bezier(0.605,0.195,0.175,1);
}
.device-preview__iframe {
	width:100%;
	height:100%;
	border:none;
}
@media screen and (max-width:78.0625em) {
	.device-preview {
        height:calc(100% - 48px);
    }
    .marketing-nav__items {
        height:48px;
        align-items:center;
    }
}
@media (max-height:675px) {
	.device-preview__container {
        margin-top:0 !important;
    }
}
@media screen and (max-width:46.8125em) {
	.hide--mobile {
        display:none !important;
    }
    .device-preview__container {
        max-width:100% !important;
        max-height:100% !important;
        margin:0 !important;
    }
}
@media screen and (min-width:46.875em) {
	.marketing-nav__items>li {
        line-height:48px;
    }
    .marketing-nav__item--primary,.marketing-nav__item--user {
        height:48px;
    }
    .marketing-nav__item--primary {
        margin-left:15px;
        margin-right:15px;
        padding-left:0;
        padding-right:0;
    }
    }
@media screen and (min-width:78.125em) {
	.marketing-nav__items>li {
        line-height:48px;
    }
    .marketing-nav__item--primary,.marketing-nav__item--user {
        height:48px;
    }
    .device-preview {
        height:calc(100% - 48px);
    }
}