/* Shadow Overlay - Die Cut Overlay Styles */

/* WEB-126570: hide frame until sibling artwork has .loaded */
.stackable-image-container > img.base-image:not(.loaded) ~ .shadow-overlay-container {
	background-image: none !important;
	visibility: hidden;
}

/* Mobile - PDP detail overlay */
body.PRODUCT_TYPE_1.use_shadow_overlay .cardImg #folded-overlay,
body.PRODUCT_TYPE_1.use_shadow_overlay #details-container .cardImg img.dc_overlay {
	aspect-ratio: 1 / 1;
	max-width: unset;
	max-height: unset;
	width: 100vw;
	height: 100vw;
	margin: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

body.PRODUCT_TYPE_1.use_shadow_overlay #details-container .cardImg.landscape img.main_img {
	width: 81vw;
}
body.PRODUCT_TYPE_1.use_shadow_overlay #details-container .cardImg.portrait img.main_img {
	max-height: 82.5vw;
	width: auto;
}
body.PRODUCT_TYPE_1.use_shadow_overlay #details-container .cardImg.square img.main_img {
	width: 83vw;
	height: 83vw;
}

body.PRODUCT_TYPE_1.use_shadow_overlay #details-container .cardImg.landscape img.main_img.main-image-folded {
	width: 82vw;
	transform: skewX(-2.5deg);
}
body.PRODUCT_TYPE_1.use_shadow_overlay #details-container .cardImg.portrait img.main_img.main-image-folded {
	transform: skewY(2.5deg);
}
body.PRODUCT_TYPE_1.use_shadow_overlay .cardImg #folded-overlay {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/H-Folded-Shadow.png?t=260423);
	margin-left: 1.2vw;
	margin-top: 0;
}
body.PRODUCT_TYPE_1.use_shadow_overlay .cardImg #folded-overlay.folded-overlay-portrait {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/V-Folded-Shadow.png?t=260423);
	margin-top: -1.2vw;
	margin-left: 0;
}

/*
body.use_shadow_overlay.PRODUCT_TYPE_1 .scodix_preview_in_label_small.first_small_label .scodix_preview_in_label_small_inner {
	display: flex;
	align-items: center;
	justify-content: center;
}
body.use_shadow_overlay.PRODUCT_TYPE_1 .scodix_preview_in_label_small.first_small_label .scodix_preview_in_label_small_inner img#scodix_small_card {
	max-width: 82%;
	max-height: 82%;
	width: auto;
	height: auto;
	margin: 0 !important;
}
*/

/* Mobile - Category thumbnails */
#category_thumb_wrapper .category_thumb.card .thumb_wrapper {
	position: relative;
}

#category_thumb_wrapper .category_thumb.card.shadow-overlay .thumb_wrapper .thumb_img_wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: none;
	padding: 0;
}

#category_thumb_wrapper .category_thumb.card.shadow-overlay .thumb_img_wrapper > a {
	display: block;
	width: 100%;
	height: 100%;
}
#category_thumb_wrapper .category_thumb.card.shadow-overlay .thumb_img_wrapper .stackable-image-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

#category_thumb_wrapper .category_thumb.card.shadow-overlay .thumb_img_wrapper .stackable-image-container img.base-image,
#category_thumb_wrapper .category_thumb.card.shadow-overlay .thumb_img_wrapper .stackable-image-container img.base-image {
	max-width: 85% !important;
	max-height: 85% !important;
	margin: 0 !important;
}
/*#category_thumb_wrapper .category_thumb.card.shadow-overlay .thumb_img_wrapper.square .stackable-image-container img.base-image,*/
/*#category_thumb_wrapper .category_thumb.card.shadow-overlay .thumb_img_wrapper.square_dc .stackable-image-container img.base-image {*/
/*}*/

#category_thumb_wrapper .category_thumb.card.shadow-overlay .stackable-image-container .shadow-overlay-container {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	margin: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.shadow-overlay-container.H-None-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/H-None-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.H-Scallops-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/H-Scallops-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.H-RoundCorner-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/H-RoundCorner-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.H-Braces-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/H-Braces-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.H-Deco-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/H-Deco-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.H-Deckle-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/H-Deckle-Thumb-Shadow.png?t=260423);
	margin-left: -0.5% !important;
	margin-top: -0.1% !important;
}
.shadow-overlay-container.H-Geo-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/H-Geo-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.H-Petal-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/H-Petal-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.H-Wavy-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/H-Wavy-Thumb-Shadow.png?t=260423);
}


.shadow-overlay-container.V-None-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/V-None-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.V-Scallops-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/V-Scallops-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.V-RoundCorner-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/V-RoundCorner-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.V-Braces-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/V-Braces-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.V-Deco-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/V-Deco-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.V-Deckle-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/V-Deckle-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.V-Geo-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/V-Geo-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.V-Petal-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/V-Petal-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.V-Arched-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/V-Arched-Thumb-Shadow.png?t=260423v1);
}
.shadow-overlay-container.V-Wavy-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/V-Wavy-Thumb-Shadow.png?t=260423);
}

.shadow-overlay-container.S-None-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/S-None-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.S-Circle-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/S-Circle-Thumb-Shadow.png?t=260423);
}
.shadow-overlay-container.S-RoundCorner-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/S-RoundCorner-Thumb-Shadow.png?t=260423);
}


.thumb_img_wrapper.folded .shadow-overlay-container.H-Folded-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/H-Folded-Thumb-Shadow.png?t=260423v1);
}
.thumb_img_wrapper.folded .shadow-overlay-container.V-Folded-Thumb-Shadow {
	background-image: url(https://d16q1w9dn6bp9c.cloudfront.net/prod/ucd/die_cuts/elevated/V-Folded-Thumb-Shadow.png?t=260423);
}

#category_thumb_wrapper .category_thumb.shadow-overlay .thumb_img_wrapper.horizontal.folded .stackable-image-container .base-image,
#category_thumb_wrapper .category_thumb.shadow-overlay .thumb_img_wrapper.horizontal_dc.folded .stackable-image-container .base-image {
	max-width: 86% !important;
	margin-top: 0 !important;
	margin-left: -2% !important;
}
#category_thumb_wrapper .category_thumb.shadow-overlay .thumb_img_wrapper.vertical.folded .stackable-image-container .base-image,
#category_thumb_wrapper .category_thumb.shadow-overlay .thumb_img_wrapper.vertical_dc.folded .stackable-image-container .base-image {
	max-height: 87% !important;
	margin-top: 2% !important;
	margin-left: 0% !important;
}