@font-face {
	font-family: "Magister";
	font-display: swap;
	src: url("/assets/fonts/MagisterST_Regular.woff2") format("woff2"),
		url("/assets/fonts/MagisterST_Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Magister";
	font-display: swap;
	src: url("/assets/fonts/MagisterST_Italic.woff2") format("woff2"),
		url("/assets/fonts/MagisterST_Italic.woff") format("woff");
	font-weight: 400;
	font-style: italic;
}
:root {
	--p-top-bottom: 18px;
	--p-left-right: 25px;
	--p-phone-top: calc(46% + 50px);
	--p-cart-phone: 25px;
	--p-cart-desktop: 70px;
	--w-slide-desktop: 56.25vh !important;
}
html, body {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
* {
	box-sizing: border-box;
	font-family: "Magister", serif;
	font-size: 22px;
	line-height: 1.2;
	color: #000;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased;
}
button,
select,
input {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}
select {
	background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M21 5.176l-9.086 9.353L3 5.176.686 7.647 12 19.382 23.314 7.647 21 5.176z'/></svg>") no-repeat 95% 50%;
	background-size: 10px 10px;
	webkit-appearance: none;
	appearance: none;
	text-align: center;
	padding-right: 20px;
}
a,
.link,
.shopify-buy__btn {
	text-decoration: underline;
	text-underline-offset: 0.15rem;
	text-decoration-thickness: 1px;
	-webkit-text-decoration-thickness: 1px !important;
	cursor: pointer;
}
a:hover,
.link:hover,
.shopify-buy__btn:hover {
	text-decoration: none;
}
.shopify-buy__btn:disabled,
.shopify-buy__btn[disabled] {
	text-decoration: none;
	cursor: text;
}
.overlay--shop__product__specs__title {
	text-decoration: underline;
	text-underline-offset: 0.15rem;
	text-decoration-thickness: 1px;
}
ul {
	margin: 0;
	padding: 0;
}
article p:first-child {
	margin-block-start: 0;
}
.shopify-buy__cart-item__title {
	font-style: italic;
}

/* Menu */
.shopwork {
	position: fixed;
	z-index: 10000;
	top: 30px;
	left: 0;
	width: 100%;
	padding: 0 40px;
}
.menu {
	position: fixed;
	z-index: 100;
	bottom: 0;
	padding: var(--p-top-bottom) var(--p-left-right);
}
.menu--shop {
	left: 0;
	display: block;
}
.menu--about {
	right: 0;
}
.overlay__close {
	position: fixed;
	top: 0;
	right: 0;
	padding: var(--p-top-bottom) var(--p-left-right);
	z-index: 1000;
}

/* Notification */
.notifications {
	position: fixed;
	top: 0;
	width: 98%;
	height: 99vh;
	background: rgba(255, 255, 255, 0.8);
	z-index: 3147483645;
	transform: rotate(2deg);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	cursor: pointer;
}
.notifications__notification {
	max-width: 500px;
	transform: rotate(-2deg);
	padding: 0 20px;
	text-align: center;
	margin: auto;
}

/* Overlay */
.overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow-y: auto;
	background: #fff;
	z-index: 200;
}
.shopify-buy__cart {
	padding: var(--p-phone-top) var(--p-left-right) 1em;
}

/* About */
.overlay--about {
	padding: var(--p-phone-top) var(--p-left-right) 5em;
}
.overlay--about__credits {
	padding-top: 3em;
}

/* Shop */
.overlay--shop {
	text-align: center;
	padding: var(--p-phone-top) 0 5em;
}
.overlay--shop__product {
	padding-bottom: 1.5em;
}
.productSwiper .swiper-button-prev {
	left: 40px;
}
.productSwiper .swiper-button-next {
	right: 40px;
}
.productSwiper .swiper-button::after {
	width: 18px;
}
.productSwiper .swiper-button-prev::after {
	content: url(https://shopworkmagazine.com/assets/svgs/arrow_prev.svg);
}
.productSwiper .swiper-button-next::after {
	content: url(https://shopworkmagazine.com/assets/svgs/arrow_next.svg);
}
.productSwiper .swiper-slide {
	display: flex;
	background: #fff;
	align-items: center;
	justify-content: center;
}
.overlay--shop__product__specs {
	padding: 0.75em 30px 0;
}
.overlay--shop__product__specs__hidden {
	display: none;
}
.overlay--shop__product__specs__hidden.open {
	display: block;
}
.shopify-buy__product__variant-selectors {
	padding-bottom: 1em;
}

/* Slideshow */
.imageSwiper {
	height: 100vh;
}
.imageSwiper .swiper-slide img,
.imageSwiper .swiper-slide video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.imageSwiper .swiper-button-next::after {
	content: none;
}

/* Shopify Cart Toggle Button */
.shopify-buy-frame--toggle.is-sticky {
  right: auto !important;
  top: auto !important;
  left: 0;
  bottom: 0;
  padding: var(--p-top-bottom) var(--p-left-right);
  transform: none !important;
  display: block !important;
}
.shopify-buy-frame--toggle.is-sticky {
  	opacity: 0;
		pointer-events: none;
}
.shopify-buy-frame--toggle.is-sticky.force-show-toggle {
	opacity: 1 !important;
		pointer-events: auto !important;
}

/* Shopify Cart Wrapper */
.shopify-buy-frame--cart,
.shopify-buy-frame--cart.is-active,
.shopify-buy-frame--cart.is-initialized {
	transform: none !important;
	-webkit-transform: none !important;
	transition: none !important;
}
.shopify-buy-frame--cart {
	background: #fff;
	max-width: 100% !important;
	left: 0 !important;
	right: auto !important;
	opacity: 0 !important;
	visibility: hidden !important;
	/*z-index: 1000 !important;*/
	z-index: 3147483645 !important;
	overflow-y: scroll;
}
.shopify-buy-frame--cart.is-active {
	opacity: 1 !important;
	visibility: visible !important;
}
/* Shopify Cart Content */
.shopify-buy__cart__header {
	padding-bottom: 2.85em;
}
li.shopify-buy__cart-item,
.subtotal-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-top: 1px solid #000;
	padding: 0.4em var(--p-cart-phone) 1.1em;
}
.shopify-buy__cart-item__price,
.shopify-buy__cart__subtotal__price, 
.checkout-wrapper {
	text-align: right;
}
button.shopify-buy__quantity-decrement svg,
button.shopify-buy__quantity-increment svg {
	width: 20px;
	fill: #000;
	stroke: #fff !important;
	stroke-width: 1px !important;
}
input.shopify-buy__quantity {
	width: 30px;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.shopify-buy__select-icon {
	display: none;
}
.shopify-buy__cart__notice,
.checkout-wrapper {
	padding-top: 1.5em;
}

/* Update cart */
.shopify-buy-cart-wrapper.shopify-buy-frame--cart
	.shopify-buy__quantity-container.is-loading {
	opacity: 0.5;
}
.shopify-buy__cart-item.is-hidden {
	animation: flipOut 1ms ease;
}
@keyframes flipOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 1;
	}
}
.visuallyhidden,
.shopify-buy--visually-hidden {
	position: absolute;
	border: 0;
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
}
.hidden {
	display: none;
}

@media screen and (min-width: 764px) {
	.menu {
		z-index: 10000;
	}
	.shopwork {
		width: calc(56.25vh - 80px);
		padding-left: var(--p-left-right);
	}
	.overlay,
	.imageSwiper .swiper-slide,
	.shopify-buy-frame--cart {
		width: var(--w-slide-desktop) !important;
	}
	.overlay {
		padding-top: 300px;
	}
	.overlay__close,
	.shopify-buy__btn--close {
		right: calc(100% - 56.25vh);
	}
	li.shopify-buy__cart-item,
	.subtotal-wrapper {
		grid-template-columns: 2fr 1fr;
		padding-right: var(--p-cart-desktop);
		padding-left: var(--p-cart-desktop);
	}
}

@media (hover: none) and (pointer: coarse) {
	.imageSwiper .swiper-button {
		display: none;
	}
}

@media (hover: hover) and (pointer: fine) {
	.imageSwiper .swiper-button {
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		margin: 0;
		cursor: e-resize;;
	}
}