.shg-rich-text {
overflow-wrap: break-word;
}
.shg-rich-text img {
margin: 0 20px;
}
@media (max-width: 768px) {
.shg-rich-text img {
display: block;
float: none !important;
margin: 0 auto;
}
}
.shg-default-text-content *:first-child {
margin-top: 0;
}
.shg-default-text-content {
text-align: left;
}
.shg-default-text-content p,
.shg-default-text-content h1,
.shg-default-text-content h2,
.shg-default-text-content h3,
.shg-default-text-content h4,
.shg-default-text-content h5,
.shg-default-text-content h6,
.shg-default-text-content address,
.shg-default-text-content pre,
.shg-default-text-content div,
.shg-default-text-content ol,
.shg-default-text-content ul {
background-color: transparent;
border: 0;
border-radius: 0;
color: #000000;
font-family: inherit;
font-style: normal;
margin-bottom: 0;
padding: 0;
text-align: left;
text-transform: none;
}
.shg-default-text-content h1,
.shg-default-text-content h2,
.shg-default-text-content h3,
.shg-default-text-content h4,
.shg-default-text-content h5,
.shg-default-text-content h6 {
color: ;
font-family: ;
font-weight: ;
}
.shg-default-text-content a {
background-color: inherit;
color: inherit;
cursor: pointer;
font-family: inherit;
font-style: inherit;
text-decoration: underline;
text-transform: inherit;
}
.shg-default-text-content strong,
.shg-default-text-content em {
background-color: inherit;
color: inherit;
font-family: inherit;
font-size: inherit;
letter-spacing: inherit;
line-height: inherit;
text-align: inherit;
text-transform: inherit;
}
.shg-default-text-content em {
font-weight: inherit;
}
.shg-default-text-content strong {
font-style: inherit;
font-weight: 700;
}
/* https://stackoverflow.com/a/16094931/3696652 */
.shg-default-text-content ::selection,
.shg-default-text-content *::selection {
background: #accef7;
}
.shg-default-text-content p {
font-size: 1em;
font-weight: ;
letter-spacing: -0.005em;
line-height: 1.714;
margin-top: 0.6em;
color: ;
font-family: ;
}
.shg-default-text-content h1 {
font-size: 1.714em;
font-weight: 500;
letter-spacing: -0.01em;
line-height: 1.166;
margin-top: 0.67em;
}
.shg-default-text-content h2 {
font-size: 1.43em;
font-weight: 500;
letter-spacing: -0.01em;
line-height: 1.2;
margin-top: 0.83em;
}
.shg-default-text-content h3 {
font-size: 1.142em;
font-weight: 500;
letter-spacing: -0.008em;
line-height: 1.5;
margin-top: 1em;
}
.shg-default-text-content h4 {
font-size: 1em;
font-weight: 600;
letter-spacing: -0.006em;
line-height: 1.428;
margin-top: 1.33em;
}
.shg-default-text-content h5 {
font-size: 0.857em;
font-weight: 600;
letter-spacing: -0.003em;
line-height: 1.333;
margin-top: 1.43em;
}
.shg-default-text-content h6 {
font-size: 0.785em;
font-weight: 600;
letter-spacing: -0.003em;
line-height: 1.454;
margin-top: 1.42em;
text-transform: uppercase;
}
.shg-default-text-content ul {
list-style: disc;
}
.shg-default-text-content ol {
list-style: decimal;
}
.shg-default-text-content ul,
.shg-default-text-content ol {
margin-block-end: 1em;
margin-block-start: 1em;
margin-bottom: 0;
margin-inline-end: 0;
margin-inline-start: 0;
margin-top: 0;
padding-inline-start: 40px;
}
.shg-default-text-content li {
font-size: 1em;
font-weight: normal;
letter-spacing: -0.005em;
line-height: 1;
list-style: inherit;
margin-top: 0.67em;
}
.shg-default-text-content pre {
font-family: monospace;
font-size: 1em;
font-weight: normal;
letter-spacing: -0.005em;
line-height: 1.714;
margin-top: 1em;
white-space: pre-wrap;
word-break: normal;
}
.shg-default-text-content address {
font-size: 1em;
font-style: italic;
font-weight: normal;
letter-spacing: -0.005em;
line-height: 1.714;
margin-top: 0;
}
.shg-default-text-content div {
font-size: 1em;
font-weight: normal;
letter-spacing: -0.005em;
line-height: 1.714;
margin-bottom: 0;
margin-top: 0.67em;
}
.shg-theme-text-content h1,
.shg-theme-text-content h2,
.shg-theme-text-content h3,
.shg-theme-text-content h4,
.shg-theme-text-content h5,
.shg-theme-text-content h6 {
color: ;
font-family: ;
font-weight: ;
}
.shg-theme-text-content p {
color: ;
font-family: ;
font-weight: ;
}
#s-645056b7-9405-4a84-a464-5a45300d08fe {
background-color: rgba(255, 255, 255, 1);
}
.shg-align-container {
box-sizing: border-box;
}
.shg-image-content-wrapper {
position: relative;
}
.shogun-image-container.shg-align-left {
text-align: left;
}
.shogun-image-container.shg-align-center {
text-align: center;
}
.shogun-image-container.shg-align-right {
text-align: right;
}
.shogun-image-linked {
cursor: pointer;
}
.shogun-image-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
padding: 20px;
align-items: center;
justify-content: center;
pointer-events: none;
}
.shogun-image-overlay.shg-top-left {
align-items: flex-start;
justify-content: flex-start;
}
.shogun-image-overlay.shg-top-center {
align-items: flex-start;
justify-content: center;
}
.shogun-image-overlay.shg-top-right {
align-items: flex-start;
justify-content: flex-end;
}
.shogun-image-overlay.shg-middle-left {
align-items: center;
justify-content: flex-start;
}
.shogun-image-overlay.shg-middle-center {
align-items: center;
justify-content: center;
}
.shogun-image-overlay.shg-middle-right {
align-items: center;
justify-content: flex-end;
}
.shogun-image-overlay.shg-bottom-left {
align-items: flex-end;
justify-content: flex-start;
}
.shogun-image-overlay.shg-bottom-center {
align-items: flex-end;
justify-content: center;
}
.shogun-image-overlay.shg-bottom-right {
align-items: flex-end;
justify-content: flex-end;
}
.shogun-image-overlay p {
margin: 0;
padding: 0;
line-height: normal;
}
.shogun-image-cover {
object-fit: cover;
font-family: "object-fit: cover;";
width: 100%;
}
.shogun-image-contain {
font-family: "object-fit: contain;";
object-fit: contain;
width: 100%;
}
.shogun-image-link {
display: block;
min-height: inherit;
max-height: inherit;
height: inherit;
position: relative;
}
img.shogun-image {
display: block;
margin: 0 auto;
max-width: 100%;
}
.shg-imageV2-content {
text-align: initial;
}
.shogun-image-content {
display: flex;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.shogun-image-content-linked,
.shogun-image-content-not-linked {
pointer-events: none;
}
.shogun-image-content-not-linked>div {
pointer-events: auto;
}
.shogun-image-content-linked a,
.shogun-image-content-linked button,
.shogun-image-content-linked iframe,
.shogun-image-content-linked .shg-box-linked {
pointer-events: auto;
}
.shogun-image-content>div {
width: 100%;
}
.shogun-image-content-top {
align-items: flex-start;
}
.shogun-image-content-center {
align-items: center;
}
.shogun-image-content-bottom {
align-items: flex-end;
}
.shg-image-content-wrapper .shogun-image.hover~* {
z-index: 1;
}
#s-b4f35e63-7757-4678-839e-85816eb88022 {
max-width: 2587px;
aspect-ratio: 2587/1200;
text-align: center;
}
#s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image,
#s-b4f35e63-7757-4678-839e-85816eb88022 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-b4f35e63-7757-4678-839e-85816eb88022 {
width: 100%;
height: auto;
}
#s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image {
}
.s-b4f35e63-7757-4678-839e-85816eb88022 .shogun-image-content {
align-items: center;
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shg-align-container {
display: flex;
justify-content: center
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-b4f35e63-7757-4678-839e-85816eb88022 {
--shg-aspect-ratio: calc(2587/1200);
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container {
position: relative;
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image,
#s-b4f35e63-7757-4678-839e-85816eb88022 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-b4f35e63-7757-4678-839e-85816eb88022 {
width: 100%;
height: auto;
}
#s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image {
}
.s-b4f35e63-7757-4678-839e-85816eb88022 .shogun-image-content {
align-items: center;
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shg-align-container {
display: flex;
justify-content: center
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-b4f35e63-7757-4678-839e-85816eb88022 {
--shg-aspect-ratio: calc(2587/1200);
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container {
position: relative;
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image,
#s-b4f35e63-7757-4678-839e-85816eb88022 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-b4f35e63-7757-4678-839e-85816eb88022 {
width: 100%;
height: auto;
}
#s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image {
}
.s-b4f35e63-7757-4678-839e-85816eb88022 .shogun-image-content {
align-items: center;
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shg-align-container {
display: flex;
justify-content: center
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-b4f35e63-7757-4678-839e-85816eb88022 {
--shg-aspect-ratio: calc(2587/1200);
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container {
position: relative;
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image,
#s-b4f35e63-7757-4678-839e-85816eb88022 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-b4f35e63-7757-4678-839e-85816eb88022 {
width: 100%;
height: auto;
}
#s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image {
}
.s-b4f35e63-7757-4678-839e-85816eb88022 .shogun-image-content {
align-items: center;
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shg-align-container {
display: flex;
justify-content: center
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-b4f35e63-7757-4678-839e-85816eb88022 {
--shg-aspect-ratio: calc(2587/1200);
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container {
position: relative;
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image,
#s-b4f35e63-7757-4678-839e-85816eb88022 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-b4f35e63-7757-4678-839e-85816eb88022 {
width: 100%;
height: auto;
}
#s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image {
}
.s-b4f35e63-7757-4678-839e-85816eb88022 .shogun-image-content {
align-items: center;
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shg-align-container {
display: flex;
justify-content: center
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-b4f35e63-7757-4678-839e-85816eb88022 {
--shg-aspect-ratio: calc(2587/1200);
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container {
position: relative;
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-b4f35e63-7757-4678-839e-85816eb88022.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-b4f35e63-7757-4678-839e-85816eb88022 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
.shg-row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: inherit;
max-height: inherit;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.shg-row > * {
min-height: inherit;
max-height: inherit;
}
[class*=shg-c-xs],
[class*=shg-c-sm],
[class*=shg-c-md],
[class*=shg-c-lg] {
position: relative;
}
#s-a1878220-bce7-41b6-acb5-d2c640da7729 {
margin-top: 0px;
margin-bottom: 15px;
}
@media (min-width: 0px) {
[id="s-a1878220-bce7-41b6-acb5-d2c640da7729"] > .shg-row > .shg-c-xs-6 {
width: calc(50% - 15.0px);
}
}
@media (min-width: 768px) {
[id="s-a1878220-bce7-41b6-acb5-d2c640da7729"] > .shg-row > .shg-c-sm-3 {
width: calc(25.0% - 22.5px);
}
}
@media (min-width: 992px) {
[id="s-a1878220-bce7-41b6-acb5-d2c640da7729"] > .shg-row > .shg-c-md-3 {
width: calc(25.0% - 22.5px);
}
}
@media (min-width: 1200px) {
[id="s-a1878220-bce7-41b6-acb5-d2c640da7729"] > .shg-row > .shg-c-lg-3 {
width: calc(25.0% - 22.5px);
}
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image,
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef {
width: 100%;
height: auto;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image {
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shogun-image-content {
align-items: center;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shg-align-container {
display: flex;
justify-content: center
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image {
box-sizing: border-box;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef {
--shg-aspect-ratio: calc(960/1280);
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container {
position: relative;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image,
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef {
width: 100%;
height: auto;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image {
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shogun-image-content {
align-items: center;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shg-align-container {
display: flex;
justify-content: center
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image {
box-sizing: border-box;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef {
--shg-aspect-ratio: calc(960/1280);
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container {
position: relative;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image,
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef {
width: 100%;
height: auto;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image {
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shogun-image-content {
align-items: center;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shg-align-container {
display: flex;
justify-content: center
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image {
box-sizing: border-box;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef {
--shg-aspect-ratio: calc(960/1280);
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container {
position: relative;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image,
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef {
width: 100%;
height: auto;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image {
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shogun-image-content {
align-items: center;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shg-align-container {
display: flex;
justify-content: center
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image {
box-sizing: border-box;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef {
--shg-aspect-ratio: calc(960/1280);
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container {
position: relative;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image,
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef {
width: 100%;
height: auto;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image {
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shogun-image-content {
align-items: center;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shg-align-container {
display: flex;
justify-content: center
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image {
box-sizing: border-box;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef {
--shg-aspect-ratio: calc(960/1280);
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container {
position: relative;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-bf467f8b-3928-4bf6-abc5-b97b2bb29fef img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
.shg-product-title-component h1,
.shg-product-title-component h2,
.shg-product-title-component h3,
.shg-product-title-component h4,
.shg-product-title-component h5,
.shg-product-title-component h6 {
margin: 0;
padding: 0;
display: block;
color: ;
font-family: ;
text-transform: none;
font-weight: ;
font-style: normal;
letter-spacing: normal;
line-height: normal;
}
.shg-product-title-component a {
text-decoration: none !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
#s-fe530b73-e50c-461c-91b0-d17edaa9c86c {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-fe530b73-e50c-461c-91b0-d17edaa9c86c .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-7f1767f8-e9b4-4a74-8e0d-bbd8bd9fe567 {
text-align: center;
}
#s-7f1767f8-e9b4-4a74-8e0d-bbd8bd9fe567 .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-7f1767f8-e9b4-4a74-8e0d-bbd8bd9fe567 .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-7f1767f8-e9b4-4a74-8e0d-bbd8bd9fe567 .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
.shg-btn-container {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.shg-variant-btn.shg-cse, .shg-btn.shg-cse:hover, .shg-btn.shg-cse:focus {
color: #FFF;
}
.shg-variant-btn {
cursor: pointer;
box-sizing: border-box;
display: inline-block;
text-decoration: none;
letter-spacing: normal;
}
.shg-variant-btn.hidden {
display: none;
}
.shg-variant-btn.disabled {
cursor: not-allowed;
}
.shg-variant-btn:not(.shg-variant-btn-stretch) {
display: inline-block;
}
.shg-variant-btn-wrapper.shg-align-left {
text-align: left;
}
.shg-variant-btn-wrapper.shg-align-center {
text-align: center;
}
.shg-variant-btn-wrapper.shg-align-right {
text-align: right;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59-btn-wrapper {
text-align: center;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-variant-btn:hover {
background: #252525;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-variant-btn:active, #s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-eb4d76af-1974-4975-9237-a839242f5e59 .shg-variant-btn.disabled {
background: #252525;
}
.shg-btn.shg-cse, .shg-btn.shg-cse:hover, .shg-btn.shg-cse:focus {
color: #FFF;
}
.shg-product-atc-wrapper {
position: relative;
}
.shg-product-atc-btn {
position: relative;
z-index: 2;
display: block;
border: none;
align-items: normal;
box-sizing: border-box;
cursor: pointer;
transition: opacity 200ms linear;
opacity: 1;
}
.shg-product-atc-btn-opaque {
opacity: 0;
}
.shg-product-atc-info-box {
position: absolute;
z-index: 1;
display: flex;
overflow: hidden;
justify-content: center;
align-items: center;
text-align: center;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.shg-product-atc-btn-wrapper.shg-align-center {
text-align: center;
}
.shg-product-atc-btn-wrapper.shg-align-right {
text-align: right;
}
#s-3fe86bb9-ca2b-42a4-87da-51c5d12e7dbc {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-3fe86bb9-ca2b-42a4-87da-51c5d12e7dbc:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-3fe86bb9-ca2b-42a4-87da-51c5d12e7dbc:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-3fe86bb9-ca2b-42a4-87da-51c5d12e7dbc {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-3fe86bb9-ca2b-42a4-87da-51c5d12e7dbc.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-3fe86bb9-ca2b-42a4-87da-51c5d12e7dbc.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-3fe86bb9-ca2b-42a4-87da-51c5d12e7dbc.shg-btn.shg-product-atc-error {
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image,
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a {
width: 100%;
height: auto;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image {
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shogun-image-content {
align-items: center;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shg-align-container {
display: flex;
justify-content: center
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image {
box-sizing: border-box;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a {
--shg-aspect-ratio: calc(960/1280);
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container {
position: relative;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image,
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a {
width: 100%;
height: auto;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image {
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shogun-image-content {
align-items: center;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shg-align-container {
display: flex;
justify-content: center
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image {
box-sizing: border-box;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a {
--shg-aspect-ratio: calc(960/1280);
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container {
position: relative;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image,
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a {
width: 100%;
height: auto;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image {
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shogun-image-content {
align-items: center;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shg-align-container {
display: flex;
justify-content: center
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image {
box-sizing: border-box;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a {
--shg-aspect-ratio: calc(960/1280);
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container {
position: relative;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image,
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a {
width: 100%;
height: auto;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image {
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shogun-image-content {
align-items: center;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shg-align-container {
display: flex;
justify-content: center
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image {
box-sizing: border-box;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a {
--shg-aspect-ratio: calc(960/1280);
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container {
position: relative;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image,
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a {
width: 100%;
height: auto;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image {
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shogun-image-content {
align-items: center;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shg-align-container {
display: flex;
justify-content: center
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image {
box-sizing: border-box;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a {
--shg-aspect-ratio: calc(960/1280);
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container {
position: relative;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-3fbd8feb-7d8d-483a-97f6-a8deabde1e9a img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-c6e018a5-ed62-4681-bbdc-e842b9265e52 {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-c6e018a5-ed62-4681-bbdc-e842b9265e52 .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-b78f8b2f-6ec5-4c96-88de-867a24a8a492 {
text-align: center;
}
#s-b78f8b2f-6ec5-4c96-88de-867a24a8a492 .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-b78f8b2f-6ec5-4c96-88de-867a24a8a492 .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-b78f8b2f-6ec5-4c96-88de-867a24a8a492 .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0-btn-wrapper {
text-align: center;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-variant-btn:hover {
background: #252525;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-variant-btn:active, #s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-caefa57d-56f0-45ac-8f0b-c5575d4129f0 .shg-variant-btn.disabled {
background: #252525;
}
#s-b0245b9f-e428-4109-804b-4f357d99d272 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-b0245b9f-e428-4109-804b-4f357d99d272:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-b0245b9f-e428-4109-804b-4f357d99d272:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-b0245b9f-e428-4109-804b-4f357d99d272 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-b0245b9f-e428-4109-804b-4f357d99d272.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-b0245b9f-e428-4109-804b-4f357d99d272.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-b0245b9f-e428-4109-804b-4f357d99d272.shg-btn.shg-product-atc-error {
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image,
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 {
width: 100%;
height: auto;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image {
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shogun-image-content {
align-items: center;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shg-align-container {
display: flex;
justify-content: center
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image {
box-sizing: border-box;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 {
--shg-aspect-ratio: calc(960/1280);
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container {
position: relative;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image,
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 {
width: 100%;
height: auto;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image {
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shogun-image-content {
align-items: center;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shg-align-container {
display: flex;
justify-content: center
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image {
box-sizing: border-box;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 {
--shg-aspect-ratio: calc(960/1280);
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container {
position: relative;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image,
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 {
width: 100%;
height: auto;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image {
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shogun-image-content {
align-items: center;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shg-align-container {
display: flex;
justify-content: center
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image {
box-sizing: border-box;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 {
--shg-aspect-ratio: calc(960/1280);
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container {
position: relative;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image,
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 {
width: 100%;
height: auto;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image {
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shogun-image-content {
align-items: center;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shg-align-container {
display: flex;
justify-content: center
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image {
box-sizing: border-box;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 {
--shg-aspect-ratio: calc(960/1280);
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container {
position: relative;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image,
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 {
width: 100%;
height: auto;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image {
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shogun-image-content {
align-items: center;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shg-align-container {
display: flex;
justify-content: center
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image {
box-sizing: border-box;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 {
--shg-aspect-ratio: calc(960/1280);
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container {
position: relative;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-0104788e-d9e8-45b7-b72f-9263f7eff490 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-89ddd487-27c0-4bb0-946a-a4a8321b8f72 {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-89ddd487-27c0-4bb0-946a-a4a8321b8f72 .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-96249642-557a-45ff-bb8f-f537210910d0 {
text-align: center;
}
#s-96249642-557a-45ff-bb8f-f537210910d0 .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-96249642-557a-45ff-bb8f-f537210910d0 .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-96249642-557a-45ff-bb8f-f537210910d0 .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56-btn-wrapper {
text-align: center;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-variant-btn:hover {
background: #252525;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-variant-btn:active, #s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-fd6990e0-91ce-4740-a12b-cb85e6ed6a56 .shg-variant-btn.disabled {
background: #252525;
}
#s-026ac752-6b7d-44ae-b349-ddf3b6aac91a {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-026ac752-6b7d-44ae-b349-ddf3b6aac91a:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-026ac752-6b7d-44ae-b349-ddf3b6aac91a:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-026ac752-6b7d-44ae-b349-ddf3b6aac91a {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-026ac752-6b7d-44ae-b349-ddf3b6aac91a.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-026ac752-6b7d-44ae-b349-ddf3b6aac91a.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-026ac752-6b7d-44ae-b349-ddf3b6aac91a.shg-btn.shg-product-atc-error {
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image,
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 {
width: 100%;
height: auto;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image {
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shogun-image-content {
align-items: center;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shg-align-container {
display: flex;
justify-content: center
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image {
box-sizing: border-box;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 {
--shg-aspect-ratio: calc(960/1280);
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container {
position: relative;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image,
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 {
width: 100%;
height: auto;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image {
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shogun-image-content {
align-items: center;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shg-align-container {
display: flex;
justify-content: center
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image {
box-sizing: border-box;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 {
--shg-aspect-ratio: calc(960/1280);
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container {
position: relative;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image,
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 {
width: 100%;
height: auto;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image {
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shogun-image-content {
align-items: center;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shg-align-container {
display: flex;
justify-content: center
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image {
box-sizing: border-box;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 {
--shg-aspect-ratio: calc(960/1280);
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container {
position: relative;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image,
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 {
width: 100%;
height: auto;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image {
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shogun-image-content {
align-items: center;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shg-align-container {
display: flex;
justify-content: center
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image {
box-sizing: border-box;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 {
--shg-aspect-ratio: calc(960/1280);
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container {
position: relative;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image,
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 {
width: 100%;
height: auto;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image {
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shogun-image-content {
align-items: center;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shg-align-container {
display: flex;
justify-content: center
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image {
box-sizing: border-box;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 {
--shg-aspect-ratio: calc(960/1280);
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container {
position: relative;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-77674340-97cc-4738-ab1f-cbd1f60be3f0 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-eed875ed-dcdf-486d-8077-fde20f6f810c {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-eed875ed-dcdf-486d-8077-fde20f6f810c .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-3a63c42d-77a7-48fc-b947-302ea70a124b {
text-align: center;
}
#s-3a63c42d-77a7-48fc-b947-302ea70a124b .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-3a63c42d-77a7-48fc-b947-302ea70a124b .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-3a63c42d-77a7-48fc-b947-302ea70a124b .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f-btn-wrapper {
text-align: center;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-variant-btn:hover {
background: #252525;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-variant-btn:active, #s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-a06f53d2-8f14-4aa2-a161-44308f3fd15f .shg-variant-btn.disabled {
background: #252525;
}
#s-1920efbe-e542-4af6-ac64-6183df85f7db {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-1920efbe-e542-4af6-ac64-6183df85f7db:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-1920efbe-e542-4af6-ac64-6183df85f7db:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-1920efbe-e542-4af6-ac64-6183df85f7db {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-1920efbe-e542-4af6-ac64-6183df85f7db.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-1920efbe-e542-4af6-ac64-6183df85f7db.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-1920efbe-e542-4af6-ac64-6183df85f7db.shg-btn.shg-product-atc-error {
}
#s-915045a2-ce49-4512-bd83-a032b3a4dc95 {
margin-top: 0px;
margin-bottom: 15px;
}
@media (min-width: 0px) {
[id="s-915045a2-ce49-4512-bd83-a032b3a4dc95"] > .shg-row > .shg-c-xs-6 {
width: calc(50% - 15.0px);
}
}
@media (min-width: 768px) {
[id="s-915045a2-ce49-4512-bd83-a032b3a4dc95"] > .shg-row > .shg-c-sm-3 {
width: calc(25.0% - 22.5px);
}
}
@media (min-width: 992px) {
[id="s-915045a2-ce49-4512-bd83-a032b3a4dc95"] > .shg-row > .shg-c-md-3 {
width: calc(25.0% - 22.5px);
}
}
@media (min-width: 1200px) {
[id="s-915045a2-ce49-4512-bd83-a032b3a4dc95"] > .shg-row > .shg-c-lg-3 {
width: calc(25.0% - 22.5px);
}
}
#s-917e450b-344a-41e1-b27b-212e0908aee2 {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image,
#s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2 {
width: 100%;
height: auto;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image {
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shogun-image-content {
align-items: center;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shg-align-container {
display: flex;
justify-content: center
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image {
box-sizing: border-box;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-917e450b-344a-41e1-b27b-212e0908aee2 {
--shg-aspect-ratio: calc(960/1280);
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container {
position: relative;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image,
#s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2 {
width: 100%;
height: auto;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image {
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shogun-image-content {
align-items: center;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shg-align-container {
display: flex;
justify-content: center
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image {
box-sizing: border-box;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-917e450b-344a-41e1-b27b-212e0908aee2 {
--shg-aspect-ratio: calc(960/1280);
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container {
position: relative;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image,
#s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2 {
width: 100%;
height: auto;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image {
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shogun-image-content {
align-items: center;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shg-align-container {
display: flex;
justify-content: center
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image {
box-sizing: border-box;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-917e450b-344a-41e1-b27b-212e0908aee2 {
--shg-aspect-ratio: calc(960/1280);
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container {
position: relative;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image,
#s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2 {
width: 100%;
height: auto;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image {
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shogun-image-content {
align-items: center;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shg-align-container {
display: flex;
justify-content: center
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image {
box-sizing: border-box;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-917e450b-344a-41e1-b27b-212e0908aee2 {
--shg-aspect-ratio: calc(960/1280);
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container {
position: relative;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image,
#s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2 {
width: 100%;
height: auto;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image {
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shogun-image-content {
align-items: center;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shg-align-container {
display: flex;
justify-content: center
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image {
box-sizing: border-box;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-917e450b-344a-41e1-b27b-212e0908aee2 {
--shg-aspect-ratio: calc(960/1280);
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container {
position: relative;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-917e450b-344a-41e1-b27b-212e0908aee2.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-917e450b-344a-41e1-b27b-212e0908aee2 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-94d30201-2dc5-4376-9578-912c33dd48d0 {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-94d30201-2dc5-4376-9578-912c33dd48d0 .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-959bf649-0391-46b2-9eb4-b07d1f94530d {
text-align: center;
}
#s-959bf649-0391-46b2-9eb4-b07d1f94530d .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-959bf649-0391-46b2-9eb4-b07d1f94530d .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-959bf649-0391-46b2-9eb4-b07d1f94530d .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-c4252911-37c3-493d-a3f4-34b226302967 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-c4252911-37c3-493d-a3f4-34b226302967-btn-wrapper {
text-align: center;
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-variant-btn:hover {
background: #252525;
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-variant-btn:active, #s-c4252911-37c3-493d-a3f4-34b226302967 .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-c4252911-37c3-493d-a3f4-34b226302967 .shg-variant-btn.disabled {
background: #252525;
}
#s-668d4560-192e-45b0-8a85-fca877c826a6 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-668d4560-192e-45b0-8a85-fca877c826a6:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-668d4560-192e-45b0-8a85-fca877c826a6:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-668d4560-192e-45b0-8a85-fca877c826a6 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-668d4560-192e-45b0-8a85-fca877c826a6.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-668d4560-192e-45b0-8a85-fca877c826a6.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-668d4560-192e-45b0-8a85-fca877c826a6.shg-btn.shg-product-atc-error {
}
#s-9b347f69-4756-4bd6-a877-af4382844d39 {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image,
#s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39 {
width: 100%;
height: auto;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image {
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shogun-image-content {
align-items: center;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shg-align-container {
display: flex;
justify-content: center
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image {
box-sizing: border-box;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-9b347f69-4756-4bd6-a877-af4382844d39 {
--shg-aspect-ratio: calc(960/1280);
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container {
position: relative;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image,
#s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39 {
width: 100%;
height: auto;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image {
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shogun-image-content {
align-items: center;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shg-align-container {
display: flex;
justify-content: center
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image {
box-sizing: border-box;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-9b347f69-4756-4bd6-a877-af4382844d39 {
--shg-aspect-ratio: calc(960/1280);
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container {
position: relative;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image,
#s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39 {
width: 100%;
height: auto;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image {
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shogun-image-content {
align-items: center;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shg-align-container {
display: flex;
justify-content: center
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image {
box-sizing: border-box;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-9b347f69-4756-4bd6-a877-af4382844d39 {
--shg-aspect-ratio: calc(960/1280);
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container {
position: relative;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image,
#s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39 {
width: 100%;
height: auto;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image {
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shogun-image-content {
align-items: center;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shg-align-container {
display: flex;
justify-content: center
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image {
box-sizing: border-box;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-9b347f69-4756-4bd6-a877-af4382844d39 {
--shg-aspect-ratio: calc(960/1280);
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container {
position: relative;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image,
#s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39 {
width: 100%;
height: auto;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image {
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shogun-image-content {
align-items: center;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shg-align-container {
display: flex;
justify-content: center
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image {
box-sizing: border-box;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-9b347f69-4756-4bd6-a877-af4382844d39 {
--shg-aspect-ratio: calc(960/1280);
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container {
position: relative;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-9b347f69-4756-4bd6-a877-af4382844d39.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-9b347f69-4756-4bd6-a877-af4382844d39 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-296b6b12-2a0f-461b-bc45-61a51a1e95f9 {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-296b6b12-2a0f-461b-bc45-61a51a1e95f9 .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-07874520-713f-4da1-a1e6-bd6663d25e11 {
text-align: center;
}
#s-07874520-713f-4da1-a1e6-bd6663d25e11 .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-07874520-713f-4da1-a1e6-bd6663d25e11 .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-07874520-713f-4da1-a1e6-bd6663d25e11 .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d-btn-wrapper {
text-align: center;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-variant-btn:hover {
background: #252525;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-variant-btn:active, #s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-414bdb0a-4576-4b19-8407-24a1f7c4482d .shg-variant-btn.disabled {
background: #252525;
}
#s-b51b0871-5c13-44a2-baf5-01c851edd7f9 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-b51b0871-5c13-44a2-baf5-01c851edd7f9:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-b51b0871-5c13-44a2-baf5-01c851edd7f9:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-b51b0871-5c13-44a2-baf5-01c851edd7f9 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-b51b0871-5c13-44a2-baf5-01c851edd7f9.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-b51b0871-5c13-44a2-baf5-01c851edd7f9.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-b51b0871-5c13-44a2-baf5-01c851edd7f9.shg-btn.shg-product-atc-error {
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image,
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 {
width: 100%;
height: auto;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image {
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shogun-image-content {
align-items: center;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shg-align-container {
display: flex;
justify-content: center
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image {
box-sizing: border-box;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 {
--shg-aspect-ratio: calc(960/1280);
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container {
position: relative;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image,
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 {
width: 100%;
height: auto;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image {
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shogun-image-content {
align-items: center;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shg-align-container {
display: flex;
justify-content: center
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image {
box-sizing: border-box;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 {
--shg-aspect-ratio: calc(960/1280);
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container {
position: relative;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image,
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 {
width: 100%;
height: auto;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image {
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shogun-image-content {
align-items: center;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shg-align-container {
display: flex;
justify-content: center
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image {
box-sizing: border-box;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 {
--shg-aspect-ratio: calc(960/1280);
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container {
position: relative;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image,
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 {
width: 100%;
height: auto;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image {
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shogun-image-content {
align-items: center;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shg-align-container {
display: flex;
justify-content: center
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image {
box-sizing: border-box;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 {
--shg-aspect-ratio: calc(960/1280);
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container {
position: relative;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image,
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 {
width: 100%;
height: auto;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image {
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shogun-image-content {
align-items: center;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shg-align-container {
display: flex;
justify-content: center
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image {
box-sizing: border-box;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 {
--shg-aspect-ratio: calc(960/1280);
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container {
position: relative;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-66c1cc97-4c0d-4122-829a-6be3d3f6de04 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-502543b4-90ee-4c18-a964-1c95be70251f {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-502543b4-90ee-4c18-a964-1c95be70251f .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-29530915-7ed0-46c2-912e-3a8082f79dac {
text-align: center;
}
#s-29530915-7ed0-46c2-912e-3a8082f79dac .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-29530915-7ed0-46c2-912e-3a8082f79dac .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-29530915-7ed0-46c2-912e-3a8082f79dac .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc-btn-wrapper {
text-align: center;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-variant-btn:hover {
background: #252525;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-variant-btn:active, #s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-0f0491de-5662-4b5f-bd1a-c8fa8ad626bc .shg-variant-btn.disabled {
background: #252525;
}
#s-bb2d204d-b170-427f-b587-5bd76dd23c91 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-bb2d204d-b170-427f-b587-5bd76dd23c91:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-bb2d204d-b170-427f-b587-5bd76dd23c91:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-bb2d204d-b170-427f-b587-5bd76dd23c91 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-bb2d204d-b170-427f-b587-5bd76dd23c91.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-bb2d204d-b170-427f-b587-5bd76dd23c91.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-bb2d204d-b170-427f-b587-5bd76dd23c91.shg-btn.shg-product-atc-error {
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image,
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 {
width: 100%;
height: auto;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image {
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shogun-image-content {
align-items: center;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shg-align-container {
display: flex;
justify-content: center
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image {
box-sizing: border-box;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 {
--shg-aspect-ratio: calc(960/1280);
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container {
position: relative;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image,
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 {
width: 100%;
height: auto;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image {
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shogun-image-content {
align-items: center;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shg-align-container {
display: flex;
justify-content: center
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image {
box-sizing: border-box;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 {
--shg-aspect-ratio: calc(960/1280);
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container {
position: relative;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image,
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 {
width: 100%;
height: auto;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image {
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shogun-image-content {
align-items: center;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shg-align-container {
display: flex;
justify-content: center
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image {
box-sizing: border-box;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 {
--shg-aspect-ratio: calc(960/1280);
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container {
position: relative;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image,
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 {
width: 100%;
height: auto;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image {
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shogun-image-content {
align-items: center;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shg-align-container {
display: flex;
justify-content: center
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image {
box-sizing: border-box;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 {
--shg-aspect-ratio: calc(960/1280);
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container {
position: relative;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image,
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 {
width: 100%;
height: auto;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image {
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shogun-image-content {
align-items: center;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shg-align-container {
display: flex;
justify-content: center
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image {
box-sizing: border-box;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 {
--shg-aspect-ratio: calc(960/1280);
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container {
position: relative;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-9833163a-cb4c-40d5-89de-1bc4544afaf7 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-6b882e8d-1f7d-4af3-afb8-3bc12fbc1bb1 {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-6b882e8d-1f7d-4af3-afb8-3bc12fbc1bb1 .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-3665bacd-7393-4758-b01f-58052a377680 {
text-align: center;
}
#s-3665bacd-7393-4758-b01f-58052a377680 .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-3665bacd-7393-4758-b01f-58052a377680 .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-3665bacd-7393-4758-b01f-58052a377680 .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46-btn-wrapper {
text-align: center;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-variant-btn:hover {
background: #252525;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-variant-btn:active, #s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-ac4903bc-998e-45bd-8fff-07c0ee08be46 .shg-variant-btn.disabled {
background: #252525;
}
#s-0aad7c00-2505-4d6c-8ff3-c45a79734616 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-0aad7c00-2505-4d6c-8ff3-c45a79734616:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-0aad7c00-2505-4d6c-8ff3-c45a79734616:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-0aad7c00-2505-4d6c-8ff3-c45a79734616 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-0aad7c00-2505-4d6c-8ff3-c45a79734616.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-0aad7c00-2505-4d6c-8ff3-c45a79734616.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-0aad7c00-2505-4d6c-8ff3-c45a79734616.shg-btn.shg-product-atc-error {
}
@media (min-width: 0px) {
[id="s-64b6a6bd-97fc-414e-88a2-c4f03b841c8b"] > .shg-row > .shg-c-xs-12 {
width: 100%;
}
}
@media (min-width: 768px) {
[id="s-64b6a6bd-97fc-414e-88a2-c4f03b841c8b"] > .shg-row > .shg-c-sm-6 {
width: calc(50.0% - 15.0px);
}
}
@media (min-width: 992px) {
[id="s-64b6a6bd-97fc-414e-88a2-c4f03b841c8b"] > .shg-row > .shg-c-md-6 {
width: calc(50.0% - 15.0px);
}
}
@media (min-width: 1200px) {
[id="s-64b6a6bd-97fc-414e-88a2-c4f03b841c8b"] > .shg-row > .shg-c-lg-6 {
width: calc(50.0% - 15.0px);
}
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1 {
max-width: 939px;
aspect-ratio: 939/785;
text-align: center;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image,
#s-a09e3062-e73f-46e0-b622-bf05917facc1 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1 {
width: 100%;
height: auto;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image {
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1 .shogun-image-content {
align-items: center;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shg-align-container {
display: flex;
justify-content: center
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-a09e3062-e73f-46e0-b622-bf05917facc1 {
--shg-aspect-ratio: calc(939/785);
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container {
position: relative;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image,
#s-a09e3062-e73f-46e0-b622-bf05917facc1 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1 {
width: 100%;
height: auto;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image {
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1 .shogun-image-content {
align-items: center;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shg-align-container {
display: flex;
justify-content: center
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-a09e3062-e73f-46e0-b622-bf05917facc1 {
--shg-aspect-ratio: calc(939/785);
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container {
position: relative;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image,
#s-a09e3062-e73f-46e0-b622-bf05917facc1 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1 {
width: 100%;
height: auto;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image {
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1 .shogun-image-content {
align-items: center;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shg-align-container {
display: flex;
justify-content: center
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-a09e3062-e73f-46e0-b622-bf05917facc1 {
--shg-aspect-ratio: calc(939/785);
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container {
position: relative;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image,
#s-a09e3062-e73f-46e0-b622-bf05917facc1 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1 {
width: 100%;
height: auto;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image {
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1 .shogun-image-content {
align-items: center;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shg-align-container {
display: flex;
justify-content: center
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-a09e3062-e73f-46e0-b622-bf05917facc1 {
--shg-aspect-ratio: calc(939/785);
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container {
position: relative;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image,
#s-a09e3062-e73f-46e0-b622-bf05917facc1 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1 {
width: 100%;
height: auto;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image {
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1 .shogun-image-content {
align-items: center;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shg-align-container {
display: flex;
justify-content: center
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-a09e3062-e73f-46e0-b622-bf05917facc1 {
--shg-aspect-ratio: calc(939/785);
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container {
position: relative;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-a09e3062-e73f-46e0-b622-bf05917facc1 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-5446ce3d-5855-474d-a5b4-26c6ee84b752 {
margin-top: 20%;
margin-bottom: 20%;
}
@media (max-width: 767px){#s-5446ce3d-5855-474d-a5b4-26c6ee84b752 {
display: none;
}
#s-5446ce3d-5855-474d-a5b4-26c6ee84b752, #wrap-s-5446ce3d-5855-474d-a5b4-26c6ee84b752 { display: none !important; }}
@media (min-width: 1200px){#s-aefd619a-d1f1-4f1f-9342-c8b1963229e2 {
display: none;
}
#s-aefd619a-d1f1-4f1f-9342-c8b1963229e2, #wrap-s-aefd619a-d1f1-4f1f-9342-c8b1963229e2 { display: none !important; }}@media (min-width: 992px) and (max-width: 1199px){#s-aefd619a-d1f1-4f1f-9342-c8b1963229e2 {
display: none;
}
#s-aefd619a-d1f1-4f1f-9342-c8b1963229e2, #wrap-s-aefd619a-d1f1-4f1f-9342-c8b1963229e2 { display: none !important; }}@media (min-width: 768px) and (max-width: 991px){#s-aefd619a-d1f1-4f1f-9342-c8b1963229e2 {
display: none;
}
#s-aefd619a-d1f1-4f1f-9342-c8b1963229e2, #wrap-s-aefd619a-d1f1-4f1f-9342-c8b1963229e2 { display: none !important; }}
@media (min-width: 0px) {
[id="s-0f14dcf2-b36f-48ae-8945-c5d8d3aae9ca"] > .shg-row > .shg-c-xs-12 {
width: 100%;
}
}
@media (min-width: 768px) {
[id="s-0f14dcf2-b36f-48ae-8945-c5d8d3aae9ca"] > .shg-row > .shg-c-sm-6 {
width: calc(50.0% - 15.0px);
}
}
@media (min-width: 992px) {
[id="s-0f14dcf2-b36f-48ae-8945-c5d8d3aae9ca"] > .shg-row > .shg-c-md-6 {
width: calc(50.0% - 15.0px);
}
}
@media (min-width: 1200px) {
[id="s-0f14dcf2-b36f-48ae-8945-c5d8d3aae9ca"] > .shg-row > .shg-c-lg-6 {
width: calc(50.0% - 15.0px);
}
}
#s-490932af-ba69-4edd-a2ba-1be578d2737c {
margin-top: 15%;
}
@media (max-width: 767px){#s-490932af-ba69-4edd-a2ba-1be578d2737c {
display: none;
}
#s-490932af-ba69-4edd-a2ba-1be578d2737c, #wrap-s-490932af-ba69-4edd-a2ba-1be578d2737c { display: none !important; }}
#s-26ca40b7-9f3e-4bff-a913-c029c251a1c5 {
margin-top: 0%;
margin-bottom: 0%;
}
@media (min-width: 1200px){#s-26ca40b7-9f3e-4bff-a913-c029c251a1c5 {
display: none;
}
#s-26ca40b7-9f3e-4bff-a913-c029c251a1c5, #wrap-s-26ca40b7-9f3e-4bff-a913-c029c251a1c5 { display: none !important; }}@media (min-width: 992px) and (max-width: 1199px){#s-26ca40b7-9f3e-4bff-a913-c029c251a1c5 {
display: none;
}
#s-26ca40b7-9f3e-4bff-a913-c029c251a1c5, #wrap-s-26ca40b7-9f3e-4bff-a913-c029c251a1c5 { display: none !important; }}@media (min-width: 768px) and (max-width: 991px){#s-26ca40b7-9f3e-4bff-a913-c029c251a1c5 {
display: none;
}
#s-26ca40b7-9f3e-4bff-a913-c029c251a1c5, #wrap-s-26ca40b7-9f3e-4bff-a913-c029c251a1c5 { display: none !important; }}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c {
max-width: 951px;
aspect-ratio: 951/754;
text-align: center;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image,
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c {
width: 100%;
height: auto;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image {
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c .shogun-image-content {
align-items: center;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shg-align-container {
display: flex;
justify-content: center
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c {
--shg-aspect-ratio: calc(951/754);
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container {
position: relative;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image,
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c {
width: 100%;
height: auto;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image {
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c .shogun-image-content {
align-items: center;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shg-align-container {
display: flex;
justify-content: center
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c {
--shg-aspect-ratio: calc(951/754);
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container {
position: relative;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image,
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c {
width: 100%;
height: auto;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image {
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c .shogun-image-content {
align-items: center;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shg-align-container {
display: flex;
justify-content: center
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c {
--shg-aspect-ratio: calc(951/754);
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container {
position: relative;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image,
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c {
width: 100%;
height: auto;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image {
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c .shogun-image-content {
align-items: center;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shg-align-container {
display: flex;
justify-content: center
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c {
--shg-aspect-ratio: calc(951/754);
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container {
position: relative;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image,
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c {
width: 100%;
height: auto;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image {
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c .shogun-image-content {
align-items: center;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shg-align-container {
display: flex;
justify-content: center
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c {
--shg-aspect-ratio: calc(951/754);
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container {
position: relative;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-a2c2ceaf-f535-4b14-9e48-2bf576b5c10c img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
@media (min-width: 0px) {
[id="s-afd5abd4-e77b-4ebf-9795-c5d9c5d9bb65"] > .shg-row > .shg-c-xs-6 {
width: calc(50% - 15.0px);
}
}
@media (min-width: 768px) {
[id="s-afd5abd4-e77b-4ebf-9795-c5d9c5d9bb65"] > .shg-row > .shg-c-sm-3 {
width: calc(25.0% - 22.5px);
}
}
@media (min-width: 992px) {
[id="s-afd5abd4-e77b-4ebf-9795-c5d9c5d9bb65"] > .shg-row > .shg-c-md-3 {
width: calc(25.0% - 22.5px);
}
}
@media (min-width: 1200px) {
[id="s-afd5abd4-e77b-4ebf-9795-c5d9c5d9bb65"] > .shg-row > .shg-c-lg-3 {
width: calc(25.0% - 22.5px);
}
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image,
#s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de {
width: 100%;
height: auto;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image {
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shogun-image-content {
align-items: center;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shg-align-container {
display: flex;
justify-content: center
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image {
box-sizing: border-box;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-b6352a83-dc1a-4526-bc33-aadd740936de {
--shg-aspect-ratio: calc(960/1280);
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container {
position: relative;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image,
#s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de {
width: 100%;
height: auto;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image {
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shogun-image-content {
align-items: center;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shg-align-container {
display: flex;
justify-content: center
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image {
box-sizing: border-box;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-b6352a83-dc1a-4526-bc33-aadd740936de {
--shg-aspect-ratio: calc(960/1280);
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container {
position: relative;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image,
#s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de {
width: 100%;
height: auto;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image {
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shogun-image-content {
align-items: center;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shg-align-container {
display: flex;
justify-content: center
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image {
box-sizing: border-box;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-b6352a83-dc1a-4526-bc33-aadd740936de {
--shg-aspect-ratio: calc(960/1280);
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container {
position: relative;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image,
#s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de {
width: 100%;
height: auto;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image {
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shogun-image-content {
align-items: center;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shg-align-container {
display: flex;
justify-content: center
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image {
box-sizing: border-box;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-b6352a83-dc1a-4526-bc33-aadd740936de {
--shg-aspect-ratio: calc(960/1280);
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container {
position: relative;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image,
#s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de {
width: 100%;
height: auto;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image {
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shogun-image-content {
align-items: center;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shg-align-container {
display: flex;
justify-content: center
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image {
box-sizing: border-box;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-b6352a83-dc1a-4526-bc33-aadd740936de {
--shg-aspect-ratio: calc(960/1280);
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container {
position: relative;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-b6352a83-dc1a-4526-bc33-aadd740936de img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-a954ecec-56f6-4ba2-909b-34d66145be2f {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-a954ecec-56f6-4ba2-909b-34d66145be2f .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-8cdca1c7-b0cf-4b7b-a33f-a61b2a492ce0 {
text-align: center;
}
#s-8cdca1c7-b0cf-4b7b-a33f-a61b2a492ce0 .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-8cdca1c7-b0cf-4b7b-a33f-a61b2a492ce0 .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-8cdca1c7-b0cf-4b7b-a33f-a61b2a492ce0 .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69-btn-wrapper {
text-align: center;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-variant-btn:hover {
background: #252525;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-variant-btn:active, #s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-daf8190b-9350-4bb6-a620-b73085831b69 .shg-variant-btn.disabled {
background: #252525;
}
#s-d4362c08-e9bd-4ae5-b73b-3e46d711ddc9 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-d4362c08-e9bd-4ae5-b73b-3e46d711ddc9:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-d4362c08-e9bd-4ae5-b73b-3e46d711ddc9:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-d4362c08-e9bd-4ae5-b73b-3e46d711ddc9 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-d4362c08-e9bd-4ae5-b73b-3e46d711ddc9.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-d4362c08-e9bd-4ae5-b73b-3e46d711ddc9.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-d4362c08-e9bd-4ae5-b73b-3e46d711ddc9.shg-btn.shg-product-atc-error {
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image,
#s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb {
width: 100%;
height: auto;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image {
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shogun-image-content {
align-items: center;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shg-align-container {
display: flex;
justify-content: center
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image {
box-sizing: border-box;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-d10038b9-affc-4532-8b1a-4391de8a25fb {
--shg-aspect-ratio: calc(960/1280);
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container {
position: relative;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image,
#s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb {
width: 100%;
height: auto;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image {
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shogun-image-content {
align-items: center;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shg-align-container {
display: flex;
justify-content: center
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image {
box-sizing: border-box;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-d10038b9-affc-4532-8b1a-4391de8a25fb {
--shg-aspect-ratio: calc(960/1280);
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container {
position: relative;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image,
#s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb {
width: 100%;
height: auto;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image {
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shogun-image-content {
align-items: center;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shg-align-container {
display: flex;
justify-content: center
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image {
box-sizing: border-box;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-d10038b9-affc-4532-8b1a-4391de8a25fb {
--shg-aspect-ratio: calc(960/1280);
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container {
position: relative;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image,
#s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb {
width: 100%;
height: auto;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image {
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shogun-image-content {
align-items: center;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shg-align-container {
display: flex;
justify-content: center
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image {
box-sizing: border-box;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-d10038b9-affc-4532-8b1a-4391de8a25fb {
--shg-aspect-ratio: calc(960/1280);
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container {
position: relative;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image,
#s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb {
width: 100%;
height: auto;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image {
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shogun-image-content {
align-items: center;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shg-align-container {
display: flex;
justify-content: center
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image {
box-sizing: border-box;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-d10038b9-affc-4532-8b1a-4391de8a25fb {
--shg-aspect-ratio: calc(960/1280);
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container {
position: relative;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-d10038b9-affc-4532-8b1a-4391de8a25fb img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-73b2e2fd-4940-4769-b3d1-c5632f0a443c {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-73b2e2fd-4940-4769-b3d1-c5632f0a443c .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-b2ccb98a-c580-46e9-8bc5-3cf10898c745 {
text-align: center;
}
#s-b2ccb98a-c580-46e9-8bc5-3cf10898c745 .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-b2ccb98a-c580-46e9-8bc5-3cf10898c745 .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-b2ccb98a-c580-46e9-8bc5-3cf10898c745 .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe-btn-wrapper {
text-align: center;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-variant-btn:hover {
background: #252525;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-variant-btn:active, #s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-b61578e3-4e7e-4843-9d1e-ba8ca1989abe .shg-variant-btn.disabled {
background: #252525;
}
#s-31d76347-d9d3-4a97-8cc6-14c0b339af2b {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-31d76347-d9d3-4a97-8cc6-14c0b339af2b:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-31d76347-d9d3-4a97-8cc6-14c0b339af2b:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-31d76347-d9d3-4a97-8cc6-14c0b339af2b {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-31d76347-d9d3-4a97-8cc6-14c0b339af2b.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-31d76347-d9d3-4a97-8cc6-14c0b339af2b.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-31d76347-d9d3-4a97-8cc6-14c0b339af2b.shg-btn.shg-product-atc-error {
}
#s-cba95659-d268-42f3-849a-34c6f47090a7 {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image,
#s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7 {
width: 100%;
height: auto;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image {
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shogun-image-content {
align-items: center;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shg-align-container {
display: flex;
justify-content: center
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image {
box-sizing: border-box;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-cba95659-d268-42f3-849a-34c6f47090a7 {
--shg-aspect-ratio: calc(960/1280);
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container {
position: relative;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image,
#s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7 {
width: 100%;
height: auto;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image {
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shogun-image-content {
align-items: center;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shg-align-container {
display: flex;
justify-content: center
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image {
box-sizing: border-box;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-cba95659-d268-42f3-849a-34c6f47090a7 {
--shg-aspect-ratio: calc(960/1280);
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container {
position: relative;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image,
#s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7 {
width: 100%;
height: auto;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image {
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shogun-image-content {
align-items: center;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shg-align-container {
display: flex;
justify-content: center
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image {
box-sizing: border-box;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-cba95659-d268-42f3-849a-34c6f47090a7 {
--shg-aspect-ratio: calc(960/1280);
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container {
position: relative;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image,
#s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7 {
width: 100%;
height: auto;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image {
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shogun-image-content {
align-items: center;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shg-align-container {
display: flex;
justify-content: center
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image {
box-sizing: border-box;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-cba95659-d268-42f3-849a-34c6f47090a7 {
--shg-aspect-ratio: calc(960/1280);
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container {
position: relative;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image,
#s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7 {
width: 100%;
height: auto;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image {
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shogun-image-content {
align-items: center;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shg-align-container {
display: flex;
justify-content: center
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image {
box-sizing: border-box;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-cba95659-d268-42f3-849a-34c6f47090a7 {
--shg-aspect-ratio: calc(960/1280);
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container {
position: relative;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-cba95659-d268-42f3-849a-34c6f47090a7.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-cba95659-d268-42f3-849a-34c6f47090a7 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-fa76cbfc-4606-47bd-bee0-48b8bd0fbfe2 {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-fa76cbfc-4606-47bd-bee0-48b8bd0fbfe2 .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-8939c03a-55db-4141-8cda-def4923b8e92 {
text-align: center;
}
#s-8939c03a-55db-4141-8cda-def4923b8e92 .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-8939c03a-55db-4141-8cda-def4923b8e92 .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-8939c03a-55db-4141-8cda-def4923b8e92 .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80-btn-wrapper {
text-align: center;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-variant-btn:hover {
background: #252525;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-variant-btn:active, #s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-91af635e-a34e-45b0-86b9-9f65a2832d80 .shg-variant-btn.disabled {
background: #252525;
}
#s-24f77400-6311-4fb3-9f01-66e6efa0b581 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-24f77400-6311-4fb3-9f01-66e6efa0b581:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-24f77400-6311-4fb3-9f01-66e6efa0b581:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-24f77400-6311-4fb3-9f01-66e6efa0b581 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-24f77400-6311-4fb3-9f01-66e6efa0b581.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-24f77400-6311-4fb3-9f01-66e6efa0b581.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-24f77400-6311-4fb3-9f01-66e6efa0b581.shg-btn.shg-product-atc-error {
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image,
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 {
width: 100%;
height: auto;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image {
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shogun-image-content {
align-items: center;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shg-align-container {
display: flex;
justify-content: center
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image {
box-sizing: border-box;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 {
--shg-aspect-ratio: calc(960/1280);
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container {
position: relative;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image,
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 {
width: 100%;
height: auto;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image {
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shogun-image-content {
align-items: center;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shg-align-container {
display: flex;
justify-content: center
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image {
box-sizing: border-box;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 {
--shg-aspect-ratio: calc(960/1280);
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container {
position: relative;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image,
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 {
width: 100%;
height: auto;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image {
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shogun-image-content {
align-items: center;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shg-align-container {
display: flex;
justify-content: center
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image {
box-sizing: border-box;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 {
--shg-aspect-ratio: calc(960/1280);
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container {
position: relative;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image,
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 {
width: 100%;
height: auto;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image {
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shogun-image-content {
align-items: center;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shg-align-container {
display: flex;
justify-content: center
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image {
box-sizing: border-box;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 {
--shg-aspect-ratio: calc(960/1280);
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container {
position: relative;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image,
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 {
width: 100%;
height: auto;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image {
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shogun-image-content {
align-items: center;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shg-align-container {
display: flex;
justify-content: center
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image {
box-sizing: border-box;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 {
--shg-aspect-ratio: calc(960/1280);
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container {
position: relative;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-e1c40b8d-95f1-4a12-aa33-c3f87cb02889 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-c1971549-ea2f-4be1-8d6a-12d290eadd4d {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-c1971549-ea2f-4be1-8d6a-12d290eadd4d .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-7c45ecb1-fc9c-488b-ae00-3be40fcf8a63 {
text-align: center;
}
#s-7c45ecb1-fc9c-488b-ae00-3be40fcf8a63 .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-7c45ecb1-fc9c-488b-ae00-3be40fcf8a63 .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-7c45ecb1-fc9c-488b-ae00-3be40fcf8a63 .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4-btn-wrapper {
text-align: center;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-variant-btn:hover {
background: #252525;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-variant-btn:active, #s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-14a87426-d71d-47a3-af3a-bfa4df1e4be4 .shg-variant-btn.disabled {
background: #252525;
}
#s-c0abc579-b85a-457e-b492-5702defa7341 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-c0abc579-b85a-457e-b492-5702defa7341:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-c0abc579-b85a-457e-b492-5702defa7341:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-c0abc579-b85a-457e-b492-5702defa7341 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-c0abc579-b85a-457e-b492-5702defa7341.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-c0abc579-b85a-457e-b492-5702defa7341.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-c0abc579-b85a-457e-b492-5702defa7341.shg-btn.shg-product-atc-error {
}
#s-ee430f5d-0ad0-4b56-b3f7-bd4aa971d4af {
margin-top: 0px;
margin-bottom: 15px;
}
@media (min-width: 0px) {
[id="s-ee430f5d-0ad0-4b56-b3f7-bd4aa971d4af"] > .shg-row > .shg-c-xs-6 {
width: calc(50% - 15.0px);
}
}
@media (min-width: 768px) {
[id="s-ee430f5d-0ad0-4b56-b3f7-bd4aa971d4af"] > .shg-row > .shg-c-sm-3 {
width: calc(25.0% - 22.5px);
}
}
@media (min-width: 992px) {
[id="s-ee430f5d-0ad0-4b56-b3f7-bd4aa971d4af"] > .shg-row > .shg-c-md-3 {
width: calc(25.0% - 22.5px);
}
}
@media (min-width: 1200px) {
[id="s-ee430f5d-0ad0-4b56-b3f7-bd4aa971d4af"] > .shg-row > .shg-c-lg-3 {
width: calc(25.0% - 22.5px);
}
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685 {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image,
#s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685 {
width: 100%;
height: auto;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image {
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shogun-image-content {
align-items: center;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shg-align-container {
display: flex;
justify-content: center
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image {
box-sizing: border-box;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-705f5361-7b69-4ae8-8071-89daef3ed685 {
--shg-aspect-ratio: calc(960/1280);
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container {
position: relative;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image,
#s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685 {
width: 100%;
height: auto;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image {
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shogun-image-content {
align-items: center;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shg-align-container {
display: flex;
justify-content: center
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image {
box-sizing: border-box;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-705f5361-7b69-4ae8-8071-89daef3ed685 {
--shg-aspect-ratio: calc(960/1280);
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container {
position: relative;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image,
#s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685 {
width: 100%;
height: auto;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image {
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shogun-image-content {
align-items: center;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shg-align-container {
display: flex;
justify-content: center
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image {
box-sizing: border-box;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-705f5361-7b69-4ae8-8071-89daef3ed685 {
--shg-aspect-ratio: calc(960/1280);
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container {
position: relative;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image,
#s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685 {
width: 100%;
height: auto;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image {
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shogun-image-content {
align-items: center;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shg-align-container {
display: flex;
justify-content: center
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image {
box-sizing: border-box;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-705f5361-7b69-4ae8-8071-89daef3ed685 {
--shg-aspect-ratio: calc(960/1280);
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container {
position: relative;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image,
#s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685 {
width: 100%;
height: auto;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image {
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shogun-image-content {
align-items: center;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shg-align-container {
display: flex;
justify-content: center
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image {
box-sizing: border-box;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-705f5361-7b69-4ae8-8071-89daef3ed685 {
--shg-aspect-ratio: calc(960/1280);
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container {
position: relative;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-705f5361-7b69-4ae8-8071-89daef3ed685 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-b5523064-f783-4475-be3c-e5e981b9f2eb {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-b5523064-f783-4475-be3c-e5e981b9f2eb .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-d5227dcb-c7cb-4434-9af3-794552bd08fc {
text-align: center;
}
#s-d5227dcb-c7cb-4434-9af3-794552bd08fc .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-d5227dcb-c7cb-4434-9af3-794552bd08fc .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-d5227dcb-c7cb-4434-9af3-794552bd08fc .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7-btn-wrapper {
text-align: center;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-variant-btn:hover {
background: #252525;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-variant-btn:active, #s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-53553684-4949-4f9c-a4d6-c5f7634e8dd7 .shg-variant-btn.disabled {
background: #252525;
}
#s-8a11afd1-32b7-4e9d-a358-95c8bceb5298 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-8a11afd1-32b7-4e9d-a358-95c8bceb5298:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-8a11afd1-32b7-4e9d-a358-95c8bceb5298:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-8a11afd1-32b7-4e9d-a358-95c8bceb5298 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-8a11afd1-32b7-4e9d-a358-95c8bceb5298.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-8a11afd1-32b7-4e9d-a358-95c8bceb5298.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-8a11afd1-32b7-4e9d-a358-95c8bceb5298.shg-btn.shg-product-atc-error {
}
.shg-product-image-wrapper img.shogun-image,
.shogun-component img.shogun-image {
display: inline-block;
vertical-align: middle;
}
.shg-product-img-placeholder img {
padding: 3rem;
background: rgba(0, 0, 0, 0.1);
}
.shg-product-image-wrapper {
display: none;
position: relative;
width: 100%;
}
.shg-product-image-wrapper.visible {
display: inline-block;
}
.shg-product-image-wrapper .shg-product-image-wrapper a {
text-decoration: none !important;
border-bottom: 0 !important;
}
.shg-product-image-wrapper .shg-image-zoom {
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: hidden;
max-width: 100%;
min-height: 100%;
}
.shg-c.shg-align-center .shg-image-zoom {
margin: 0 auto;
}
.shg-c.shg-align-right .shg-image-zoom {
margin-left: auto;
}
.shg-image-zoom .shg-image-zoom-background {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: transform 0.5s ease-out;
transform: scale(1);
}
/**
Fix for IE11, as min-width does not works there.
**/
@media screen\0 {
.shg-product-image-wrapper > .shogun-image {
width: 100%;
}
}
#s-a9836602-bb50-4bb7-8f11-3d8cc4f772bb {
text-align: left;
}
.shg-c#s-a9836602-bb50-4bb7-8f11-3d8cc4f772bb .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-a9836602-bb50-4bb7-8f11-3d8cc4f772bb img.shogun-image {
width: 100%;
}
@media (min-width: 1200px){
.shg-c#s-a9836602-bb50-4bb7-8f11-3d8cc4f772bb .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-a9836602-bb50-4bb7-8f11-3d8cc4f772bb img.shogun-image {
width: 100%;
}
}@media (min-width: 992px) and (max-width: 1199px){
.shg-c#s-a9836602-bb50-4bb7-8f11-3d8cc4f772bb .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-a9836602-bb50-4bb7-8f11-3d8cc4f772bb img.shogun-image {
width: 100%;
}
}@media (min-width: 768px) and (max-width: 991px){
.shg-c#s-a9836602-bb50-4bb7-8f11-3d8cc4f772bb .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-a9836602-bb50-4bb7-8f11-3d8cc4f772bb img.shogun-image {
width: 100%;
}
}@media (max-width: 767px){
.shg-c#s-a9836602-bb50-4bb7-8f11-3d8cc4f772bb .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-a9836602-bb50-4bb7-8f11-3d8cc4f772bb img.shogun-image {
width: 100%;
}
}
#s-30a03107-b635-4fb6-b364-ff89d90fa718 {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-30a03107-b635-4fb6-b364-ff89d90fa718 .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-29fa818f-2034-47b8-89bc-dcc304555965 {
text-align: center;
}
#s-29fa818f-2034-47b8-89bc-dcc304555965 .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-29fa818f-2034-47b8-89bc-dcc304555965 .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-29fa818f-2034-47b8-89bc-dcc304555965 .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c-btn-wrapper {
text-align: center;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-variant-btn:hover {
background: #252525;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-variant-btn:active, #s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-52d7da6e-a68b-4d73-8780-d9aed9cc6b9c .shg-variant-btn.disabled {
background: #252525;
}
#s-a66d84ed-1f52-4b14-98dd-30db51aed21b {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-a66d84ed-1f52-4b14-98dd-30db51aed21b:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-a66d84ed-1f52-4b14-98dd-30db51aed21b:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-a66d84ed-1f52-4b14-98dd-30db51aed21b {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-a66d84ed-1f52-4b14-98dd-30db51aed21b.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-a66d84ed-1f52-4b14-98dd-30db51aed21b.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-a66d84ed-1f52-4b14-98dd-30db51aed21b.shg-btn.shg-product-atc-error {
}
#s-b063fcbc-1510-4fce-a067-d8538ebc2365 {
text-align: left;
}
.shg-c#s-b063fcbc-1510-4fce-a067-d8538ebc2365 .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-b063fcbc-1510-4fce-a067-d8538ebc2365 img.shogun-image {
width: 100%;
}
@media (min-width: 1200px){
.shg-c#s-b063fcbc-1510-4fce-a067-d8538ebc2365 .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-b063fcbc-1510-4fce-a067-d8538ebc2365 img.shogun-image {
width: 100%;
}
}@media (min-width: 992px) and (max-width: 1199px){
.shg-c#s-b063fcbc-1510-4fce-a067-d8538ebc2365 .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-b063fcbc-1510-4fce-a067-d8538ebc2365 img.shogun-image {
width: 100%;
}
}@media (min-width: 768px) and (max-width: 991px){
.shg-c#s-b063fcbc-1510-4fce-a067-d8538ebc2365 .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-b063fcbc-1510-4fce-a067-d8538ebc2365 img.shogun-image {
width: 100%;
}
}@media (max-width: 767px){
.shg-c#s-b063fcbc-1510-4fce-a067-d8538ebc2365 .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-b063fcbc-1510-4fce-a067-d8538ebc2365 img.shogun-image {
width: 100%;
}
}
#s-ae902124-25bd-4984-952f-356fe25a0274 {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-ae902124-25bd-4984-952f-356fe25a0274 .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-ea97d99d-4cb1-4946-bcd2-bcaf14b6db15 {
text-align: center;
}
#s-ea97d99d-4cb1-4946-bcd2-bcaf14b6db15 .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-ea97d99d-4cb1-4946-bcd2-bcaf14b6db15 .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-ea97d99d-4cb1-4946-bcd2-bcaf14b6db15 .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b-btn-wrapper {
text-align: center;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-variant-btn:hover {
background: #252525;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-variant-btn:active, #s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-3623e20c-141e-4d5e-ba90-1eb32703bb3b .shg-variant-btn.disabled {
background: #252525;
}
#s-b5e5fc17-6fa5-444d-af30-7bf879ac6fa0 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-b5e5fc17-6fa5-444d-af30-7bf879ac6fa0:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-b5e5fc17-6fa5-444d-af30-7bf879ac6fa0:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-b5e5fc17-6fa5-444d-af30-7bf879ac6fa0 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-b5e5fc17-6fa5-444d-af30-7bf879ac6fa0.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-b5e5fc17-6fa5-444d-af30-7bf879ac6fa0.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-b5e5fc17-6fa5-444d-af30-7bf879ac6fa0.shg-btn.shg-product-atc-error {
}
#s-0f39b584-e5cd-4929-912d-c1fe5effcc04 {
text-align: left;
}
.shg-c#s-0f39b584-e5cd-4929-912d-c1fe5effcc04 .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-0f39b584-e5cd-4929-912d-c1fe5effcc04 img.shogun-image {
width: 100%;
}
@media (min-width: 1200px){
.shg-c#s-0f39b584-e5cd-4929-912d-c1fe5effcc04 .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-0f39b584-e5cd-4929-912d-c1fe5effcc04 img.shogun-image {
width: 100%;
}
}@media (min-width: 992px) and (max-width: 1199px){
.shg-c#s-0f39b584-e5cd-4929-912d-c1fe5effcc04 .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-0f39b584-e5cd-4929-912d-c1fe5effcc04 img.shogun-image {
width: 100%;
}
}@media (min-width: 768px) and (max-width: 991px){
.shg-c#s-0f39b584-e5cd-4929-912d-c1fe5effcc04 .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-0f39b584-e5cd-4929-912d-c1fe5effcc04 img.shogun-image {
width: 100%;
}
}@media (max-width: 767px){
.shg-c#s-0f39b584-e5cd-4929-912d-c1fe5effcc04 .shg-image-zoom {
width: 100%;
height: 100%;
}
.shg-c#s-0f39b584-e5cd-4929-912d-c1fe5effcc04 img.shogun-image {
width: 100%;
}
}
#s-a2d24b11-89b6-4610-8103-7625154df835 {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-a2d24b11-89b6-4610-8103-7625154df835 .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-b139f979-a603-4c4e-a296-513cfe6dd2be {
text-align: center;
}
#s-b139f979-a603-4c4e-a296-513cfe6dd2be .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-b139f979-a603-4c4e-a296-513cfe6dd2be .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-b139f979-a603-4c4e-a296-513cfe6dd2be .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159-btn-wrapper {
text-align: center;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-variant-btn:hover {
background: #252525;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-variant-btn:active, #s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-4f3fd982-ab29-4783-b755-9cfb5a90f159 .shg-variant-btn.disabled {
background: #252525;
}
#s-1a570df1-6aa9-4695-bfc1-34f78545c6a2 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-1a570df1-6aa9-4695-bfc1-34f78545c6a2:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-1a570df1-6aa9-4695-bfc1-34f78545c6a2:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-1a570df1-6aa9-4695-bfc1-34f78545c6a2 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-1a570df1-6aa9-4695-bfc1-34f78545c6a2.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-1a570df1-6aa9-4695-bfc1-34f78545c6a2.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-1a570df1-6aa9-4695-bfc1-34f78545c6a2.shg-btn.shg-product-atc-error {
}
#s-7f89242a-ae58-4ae4-b857-6bacbcc02560 {
margin-top: 0px;
margin-bottom: 15px;
}
@media (min-width: 0px) {
[id="s-7f89242a-ae58-4ae4-b857-6bacbcc02560"] > .shg-row > .shg-c-xs-6 {
width: calc(50% - 15.0px);
}
}
@media (min-width: 768px) {
[id="s-7f89242a-ae58-4ae4-b857-6bacbcc02560"] > .shg-row > .shg-c-sm-3 {
width: calc(25.0% - 22.5px);
}
}
@media (min-width: 992px) {
[id="s-7f89242a-ae58-4ae4-b857-6bacbcc02560"] > .shg-row > .shg-c-md-3 {
width: calc(25.0% - 22.5px);
}
}
@media (min-width: 1200px) {
[id="s-7f89242a-ae58-4ae4-b857-6bacbcc02560"] > .shg-row > .shg-c-lg-3 {
width: calc(25.0% - 22.5px);
}
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image,
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d {
width: 100%;
height: auto;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image {
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shogun-image-content {
align-items: center;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shg-align-container {
display: flex;
justify-content: center
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image {
box-sizing: border-box;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d {
--shg-aspect-ratio: calc(960/1280);
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container {
position: relative;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image,
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d {
width: 100%;
height: auto;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image {
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shogun-image-content {
align-items: center;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shg-align-container {
display: flex;
justify-content: center
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image {
box-sizing: border-box;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d {
--shg-aspect-ratio: calc(960/1280);
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container {
position: relative;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image,
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d {
width: 100%;
height: auto;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image {
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shogun-image-content {
align-items: center;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shg-align-container {
display: flex;
justify-content: center
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image {
box-sizing: border-box;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d {
--shg-aspect-ratio: calc(960/1280);
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container {
position: relative;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image,
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d {
width: 100%;
height: auto;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image {
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shogun-image-content {
align-items: center;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shg-align-container {
display: flex;
justify-content: center
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image {
box-sizing: border-box;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d {
--shg-aspect-ratio: calc(960/1280);
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container {
position: relative;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image,
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d {
width: 100%;
height: auto;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image {
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shogun-image-content {
align-items: center;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shg-align-container {
display: flex;
justify-content: center
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image {
box-sizing: border-box;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d {
--shg-aspect-ratio: calc(960/1280);
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container {
position: relative;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-011e47a2-603d-4dc5-9955-de3c8c562f8d img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-2ad867a7-9942-4c5f-8000-217bd45f5ccd {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-2ad867a7-9942-4c5f-8000-217bd45f5ccd .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-1452c3d4-6441-4c0a-a636-6186c11c9d71 {
text-align: center;
}
#s-1452c3d4-6441-4c0a-a636-6186c11c9d71 .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-1452c3d4-6441-4c0a-a636-6186c11c9d71 .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-1452c3d4-6441-4c0a-a636-6186c11c9d71 .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-8eba39e0-feeb-46e3-8f3f-da9277d87756 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-8eba39e0-feeb-46e3-8f3f-da9277d87756:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-8eba39e0-feeb-46e3-8f3f-da9277d87756:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-8eba39e0-feeb-46e3-8f3f-da9277d87756 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-8eba39e0-feeb-46e3-8f3f-da9277d87756.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-8eba39e0-feeb-46e3-8f3f-da9277d87756.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-8eba39e0-feeb-46e3-8f3f-da9277d87756.shg-btn.shg-product-atc-error {
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image,
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f {
width: 100%;
height: auto;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image {
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shogun-image-content {
align-items: center;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shg-align-container {
display: flex;
justify-content: center
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image {
box-sizing: border-box;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f {
--shg-aspect-ratio: calc(960/1280);
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container {
position: relative;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image,
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f {
width: 100%;
height: auto;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image {
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shogun-image-content {
align-items: center;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shg-align-container {
display: flex;
justify-content: center
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image {
box-sizing: border-box;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f {
--shg-aspect-ratio: calc(960/1280);
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container {
position: relative;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image,
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f {
width: 100%;
height: auto;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image {
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shogun-image-content {
align-items: center;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shg-align-container {
display: flex;
justify-content: center
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image {
box-sizing: border-box;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f {
--shg-aspect-ratio: calc(960/1280);
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container {
position: relative;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image,
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f {
width: 100%;
height: auto;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image {
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shogun-image-content {
align-items: center;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shg-align-container {
display: flex;
justify-content: center
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image {
box-sizing: border-box;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f {
--shg-aspect-ratio: calc(960/1280);
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container {
position: relative;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image,
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f {
width: 100%;
height: auto;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image {
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shogun-image-content {
align-items: center;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shg-align-container {
display: flex;
justify-content: center
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image {
box-sizing: border-box;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f {
--shg-aspect-ratio: calc(960/1280);
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container {
position: relative;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-1e0125ff-8c4b-46d6-bfd0-a56ca14a4d9f img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-6fcb2329-2806-45c6-a4dc-3899a1771eb8 {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-6fcb2329-2806-45c6-a4dc-3899a1771eb8 .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-dfe34a8c-c636-421c-abc3-b3ad309da890 {
text-align: center;
}
#s-dfe34a8c-c636-421c-abc3-b3ad309da890 .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-dfe34a8c-c636-421c-abc3-b3ad309da890 .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-dfe34a8c-c636-421c-abc3-b3ad309da890 .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-636632f8-3c2b-434c-93dc-98ccbca0eda0 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-636632f8-3c2b-434c-93dc-98ccbca0eda0:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-636632f8-3c2b-434c-93dc-98ccbca0eda0:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-636632f8-3c2b-434c-93dc-98ccbca0eda0 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-636632f8-3c2b-434c-93dc-98ccbca0eda0.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-636632f8-3c2b-434c-93dc-98ccbca0eda0.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-636632f8-3c2b-434c-93dc-98ccbca0eda0.shg-btn.shg-product-atc-error {
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image,
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 {
width: 100%;
height: auto;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image {
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shogun-image-content {
align-items: center;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shg-align-container {
display: flex;
justify-content: center
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image {
box-sizing: border-box;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 {
--shg-aspect-ratio: calc(960/1280);
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container {
position: relative;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image,
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 {
width: 100%;
height: auto;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image {
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shogun-image-content {
align-items: center;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shg-align-container {
display: flex;
justify-content: center
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image {
box-sizing: border-box;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 {
--shg-aspect-ratio: calc(960/1280);
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container {
position: relative;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image,
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 {
width: 100%;
height: auto;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image {
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shogun-image-content {
align-items: center;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shg-align-container {
display: flex;
justify-content: center
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image {
box-sizing: border-box;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 {
--shg-aspect-ratio: calc(960/1280);
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container {
position: relative;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image,
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 {
width: 100%;
height: auto;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image {
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shogun-image-content {
align-items: center;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shg-align-container {
display: flex;
justify-content: center
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image {
box-sizing: border-box;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 {
--shg-aspect-ratio: calc(960/1280);
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container {
position: relative;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image,
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 {
width: 100%;
height: auto;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image {
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shogun-image-content {
align-items: center;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shg-align-container {
display: flex;
justify-content: center
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image {
box-sizing: border-box;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 {
--shg-aspect-ratio: calc(960/1280);
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container {
position: relative;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-bf2a9b3f-8ecd-4e89-b953-931a5758d7a8 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-fad35a76-5bbe-4d9d-81de-777fdb0744d6 {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-fad35a76-5bbe-4d9d-81de-777fdb0744d6 .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-99220523-cbf0-4714-a1b9-79d3910abcaf {
text-align: center;
}
#s-99220523-cbf0-4714-a1b9-79d3910abcaf .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-99220523-cbf0-4714-a1b9-79d3910abcaf .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-99220523-cbf0-4714-a1b9-79d3910abcaf .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-8de43443-d679-4591-a7f5-df34f6f186d5 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-8de43443-d679-4591-a7f5-df34f6f186d5:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-8de43443-d679-4591-a7f5-df34f6f186d5:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-8de43443-d679-4591-a7f5-df34f6f186d5 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-8de43443-d679-4591-a7f5-df34f6f186d5.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-8de43443-d679-4591-a7f5-df34f6f186d5.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-8de43443-d679-4591-a7f5-df34f6f186d5.shg-btn.shg-product-atc-error {
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 {
max-width: 960px;
aspect-ratio: 960/1280;
text-align: center;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image,
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 {
width: 100%;
height: auto;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image {
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shogun-image-content {
align-items: center;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shg-align-container {
display: flex;
justify-content: center
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image {
box-sizing: border-box;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 {
--shg-aspect-ratio: calc(960/1280);
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container {
position: relative;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image,
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 {
width: 100%;
height: auto;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image {
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shogun-image-content {
align-items: center;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shg-align-container {
display: flex;
justify-content: center
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image {
box-sizing: border-box;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 {
--shg-aspect-ratio: calc(960/1280);
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container {
position: relative;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image,
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 {
width: 100%;
height: auto;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image {
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shogun-image-content {
align-items: center;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shg-align-container {
display: flex;
justify-content: center
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image {
box-sizing: border-box;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 {
--shg-aspect-ratio: calc(960/1280);
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container {
position: relative;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image,
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 {
width: 100%;
height: auto;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image {
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shogun-image-content {
align-items: center;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shg-align-container {
display: flex;
justify-content: center
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image {
box-sizing: border-box;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 {
--shg-aspect-ratio: calc(960/1280);
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container {
position: relative;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image,
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 {
width: 100%;
height: auto;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image {
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shogun-image-content {
align-items: center;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shg-align-container {
display: flex;
justify-content: center
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image {
box-sizing: border-box;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper .shogun-image.hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper:hover .shogun-image:not(.hover) {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 .shg-image-content-wrapper:hover .shogun-image.hover {
opacity: 1;
}
@supports not (aspect-ratio: 1/1) {
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 {
--shg-aspect-ratio: calc(960/1280);
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container {
position: relative;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-8e20ea7e-e39d-4e3e-a112-14214b58b1c0 img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
#s-ceb2c58e-e660-4a0c-853e-e43877e28bd2 {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
#s-ceb2c58e-e660-4a0c-853e-e43877e28bd2 .shg-product-title-component h2 {
color: ;
font-weight: ;
font-family: ;
font-style: ;
font-size: 14px;
line-height: ;
letter-spacing: ;
}
#s-56c15679-150a-41af-b0e2-db869d23b80d {
text-align: center;
}
#s-56c15679-150a-41af-b0e2-db869d23b80d .shg-product-sold-out {
display: none;
color: #000;
font-size: 18px;
font-weight: ;
font-family: ;
font-style: normal ;
}
#s-56c15679-150a-41af-b0e2-db869d23b80d .shg-product-price {
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
}
#s-56c15679-150a-41af-b0e2-db869d23b80d .shg-product-compare-price {
display: inline;
text-decoration: line-through;
color: #000;
font-weight: ;
font-family: ;
font-style: normal ;
font-size: 18px;
padding-left: 10px;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
text-decoration: none;
text-align: left;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-product-selector-wrapper {
display: flex;
flex-direction: row;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-product-selector-wrapper > * {
flex-grow: 1;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-product-selector-wrapper select {
width: 100% !important;
margin: 0 !important;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-product-selector-inline-wrapper:not(:first-child) {
margin-left: 10px;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-product-swatches-wrapper {
display: grid;
grid-gap: 12px;
grid-template-columns: repeat(auto-fit, 32px);
margin-top: 6px;
min-width: 100px;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-product-swatch {
position: relative;
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
cursor: pointer;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-product-swatch.not-available {
cursor: not-allowed;
background: url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%, auto;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-product-swatch::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid hsla(230, 13%, 23%, 0.1);
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
transition: 0.2s;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-product-swatch:hover::before {
border-color: hsla(230, 13%, 23%, 0.3);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-product-swatch.selected::before {
border-color: hsla(230, 13%, 23%, 0.8);
width: calc(100% + 6px);
height: calc(100% + 6px);
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-product-swatches-title {
height: 32px;
display: block;
font-size: 14px;
margin-top: 8px;
overflow-x: clip;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743-btn-wrapper {
text-align: center;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-variant-btn {
color: #ffffff;
background: #252525;
font-size: 14px;
padding: 10px;
border-radius: 2px;
border: solid ;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-variant-btn:hover {
background: #252525;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-variant-btn:active, #s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-variant-btn.active {
background: #252525;
color: #ffffff;
}
#s-0c598a0d-0b05-4d32-81a6-79f178d86743 .shg-variant-btn.disabled {
background: #252525;
}
#s-59101f8a-e3b4-494d-8b35-6838e35b0305 {
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
cursor: pointer;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-59101f8a-e3b4-494d-8b35-6838e35b0305:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(185, 185, 185, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-59101f8a-e3b4-494d-8b35-6838e35b0305:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-59101f8a-e3b4-494d-8b35-6838e35b0305 {
cursor: pointer;
user-select: none;
align-items: normal;
box-sizing: border-box;
}
#s-59101f8a-e3b4-494d-8b35-6838e35b0305.shg-product-atc-disabled {
opacity: 0.5;
cursor: initial;
}
#s-59101f8a-e3b4-494d-8b35-6838e35b0305.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 14px;
display: inline-block ;
}
#s-59101f8a-e3b4-494d-8b35-6838e35b0305.shg-btn.shg-product-atc-error {
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe {
max-width: 2578px;
aspect-ratio: 2578/1062;
text-align: center;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image,
#s-57af67cb-df19-4c6c-9c90-81da7b829abe .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe {
width: 100%;
height: auto;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image {
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe .shogun-image-content {
align-items: center;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shg-align-container {
display: flex;
justify-content: center
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-57af67cb-df19-4c6c-9c90-81da7b829abe {
--shg-aspect-ratio: calc(2578/1062);
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container {
position: relative;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px){
#s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image,
#s-57af67cb-df19-4c6c-9c90-81da7b829abe .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe {
width: 100%;
height: auto;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image {
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe .shogun-image-content {
align-items: center;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shg-align-container {
display: flex;
justify-content: center
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-57af67cb-df19-4c6c-9c90-81da7b829abe {
--shg-aspect-ratio: calc(2578/1062);
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container {
position: relative;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image,
#s-57af67cb-df19-4c6c-9c90-81da7b829abe .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe {
width: 100%;
height: auto;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image {
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe .shogun-image-content {
align-items: center;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shg-align-container {
display: flex;
justify-content: center
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-57af67cb-df19-4c6c-9c90-81da7b829abe {
--shg-aspect-ratio: calc(2578/1062);
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container {
position: relative;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (min-width: 768px) and (max-width: 991px){
#s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image,
#s-57af67cb-df19-4c6c-9c90-81da7b829abe .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe {
width: 100%;
height: auto;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image {
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe .shogun-image-content {
align-items: center;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shg-align-container {
display: flex;
justify-content: center
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-57af67cb-df19-4c6c-9c90-81da7b829abe {
--shg-aspect-ratio: calc(2578/1062);
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container {
position: relative;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}@media (max-width: 767px){
#s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image,
#s-57af67cb-df19-4c6c-9c90-81da7b829abe .shg-image-content-wrapper {
height: 100%;
width: 100%;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe {
width: 100%;
height: auto;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image {
position: absolute;
left: 0;
top: 0;
}
img.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image {
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe .shogun-image-content {
align-items: center;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shg-align-container {
display: flex;
justify-content: center
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container {
display: inline-block;
box-sizing: border-box;
}
#s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image {
box-sizing: border-box;
}
@supports not (aspect-ratio: 1/1) {
.s-57af67cb-df19-4c6c-9c90-81da7b829abe {
--shg-aspect-ratio: calc(2578/1062);
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container {
position: relative;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container::before {
float: left;
padding-top: calc(1 / var(--shg-aspect-ratio) * 100%);
content: '';
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe.shogun-image-container::after {
display: block;
content: '';
clear: both;
}
.s-57af67cb-df19-4c6c-9c90-81da7b829abe img.shogun-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
.shg-btn.shg-cse, .shg-btn.shg-cse:hover, .shg-btn.shg-cse:focus {
color: #FFF;
}
.shg-btn {
cursor: pointer;
box-sizing: border-box;
}
.shg-btn-text {
font-weight: ;
font-family: ;
}
.shg-btn.shg-btn-stretch {
display: block;
}
.shg-btn:not(.shg-btn-stretch) {
display: inline-block;
}
.shg-btn-wrapper.shg-align-left {
text-align: left;
}
.shg-btn-wrapper.shg-align-center {
text-align: center;
}
.shg-btn-wrapper.shg-align-right {
text-align: right;
}
#s-9a2c5ba3-f10d-4e42-b3c7-7e525c509e58 {
border-style: solid;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
padding-right: 20px;
border-top-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-color: rgba(255, 255, 255, 0);
border-radius: 2px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
text-decoration: none;
color: rgba(0, 0, 0, 1);
background-image: none;
hover-type: color;
}
#s-9a2c5ba3-f10d-4e42-b3c7-7e525c509e58:hover {background-color: rgba(255, 255, 255, 1) !important;
text-decoration: none !important;
color: rgba(158, 158, 158, 1) !important;
background-image: none !important;
hover-type: color !important;}#s-9a2c5ba3-f10d-4e42-b3c7-7e525c509e58:active {background-color: #000000 !important;
text-decoration: none !important;}
#s-9a2c5ba3-f10d-4e42-b3c7-7e525c509e58-root {
text-align: center;
}
#s-9a2c5ba3-f10d-4e42-b3c7-7e525c509e58.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 20px;
font-weight: 300;
font-family: Archivo;
display: inline-block ;
}
@media (min-width: 1200px){
#s-9a2c5ba3-f10d-4e42-b3c7-7e525c509e58-root {
text-align: center;
}
#s-9a2c5ba3-f10d-4e42-b3c7-7e525c509e58.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 20px;
font-weight: 300;
font-family: Archivo;
display: inline-block ;
}
}@media (min-width: 992px) and (max-width: 1199px){
#s-9a2c5ba3-f10d-4e42-b3c7-7e525c509e58-root {
text-align: center;
}
#s-9a2c5ba3-f10d-4e42-b3c7-7e525c509e58.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 20px;
font-weight: 300;
font-family: Archivo;
display: inline-block ;
}
}@media (min-width: 768px) and (max-width: 991px){
#s-9a2c5ba3-f10d-4e42-b3c7-7e525c509e58-root {
text-align: center;
}
#s-9a2c5ba3-f10d-4e42-b3c7-7e525c509e58.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 20px;
font-weight: 300;
font-family: Archivo;
display: inline-block ;
}
}@media (max-width: 767px){
#s-9a2c5ba3-f10d-4e42-b3c7-7e525c509e58-root {
text-align: center;
}
#s-9a2c5ba3-f10d-4e42-b3c7-7e525c509e58.shg-btn {
color: rgba(0, 0, 0, 1);
font-size: 20px;
font-weight: 300;
font-family: Archivo;
display: inline-block ;
}
}
/*
$vgutter : 20px
$hgutter : 10px;
*/
.shg-c:before,
.shg-c:after {
content: " ";
display: table;
}
/**
Ref:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
https://dnf.slack.com/archives/C0514HB79/p1538741509000100
**/
.shogun-root {
z-index: 1;
position: relative;
isolation: isolate;
}
.shogun-root iframe {
display: initial;
}
@media (max-width: 1024px) {
.shg-c,
.shg-box {
background-attachment: scroll !important;
}
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) and (orientation: landscape) {
.shg-box {
background-attachment: scroll !important;
}
}
#mc_embed_signup .clear {
width: auto !important;
height: auto !important;
visibility: visible !important;
}
.shg-clearfix:after {
content: "";
display: block;
clear: both;
}
.shogun-image {
max-width: 100%;
min-height: inherit;
max-height: inherit;
display: inline !important;
border: 0;
vertical-align: middle;
}
.shg-fw {
margin-left: calc(50% - 50vw);
width: 100vw;
}
.shg-fw .shg-fw {
margin-left: auto;
margin-right: auto;
width: 100%;
}
div[data-shg-lightbox-switch] {
cursor: pointer;
}
.shg-lightbox {
position: fixed;
z-index: 999999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.85);
}
.shg-lightbox.hidden {
display: none !important;
}
.shg-lightbox .shg-lightbox-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
.shg-lightbox .shg-lightbox-close {
position: absolute;
right: 0;
padding: 5px 0;
color: #fff;
font-size: 45px;
margin-right: 10px;
line-height: 30px;
user-select: none;
cursor: pointer;
z-index: 1;
}
.shg-lightbox .shg-lightbox-image-container {
padding: 25px;
}
.shg-lightbox .shg-lightbox-image {
margin: auto;
max-height: 90vh;
max-width: 100%;
}
.shg-lightbox .shg-lightbox-close:hover,
.shg-lightbox .shg-lightbox-close:focus {
color: #a2a2a2;
text-decoration: none;
cursor: pointer;
}
.shg-lightbox .shg-lightbox-nav {
cursor: pointer;
position: absolute;
top: 50%;
width: 35px;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transform: translate(0%, -50%);
z-index: 1;
}
.shg-lightbox .shg-lightbox-nav.hidden {
display: none !important;
}
.shg-lightbox .shg-lightbox-nav.shg-nav-left {
left: 0;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMjAzIDU0NHEwIDEzLTEwIDIzbC0zOTMgMzkzIDM5MyAzOTNxMTAgMTAgMTAgMjN0LTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiIvPjwvc3ZnPg==);
}
.shg-lightbox .shg-lightbox-nav.shg-nav-right {
right: 0;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6Ii8+PC9zdmc+);
}
@media screen and (min-width: 769px) {
.shg-lightbox .shg-lightbox-image-container {
padding: 50px;
}
}
.shogun-lazyload:not([src]),
.shogun-lazyloading:not([src]) {
opacity: 0;
}
.shogun-lazyloaded {
opacity: 1;
transition: opacity 300ms;
}
.shogun-lazyload-bg-image {
display: none;
}
.shogun-root a:empty,
.shogun-root article:empty,
.shogun-root dl:empty,
.shogun-root h1:empty,
.shogun-root h2:empty,
.shogun-root h3:empty,
.shogun-root h4:empty,
.shogun-root h5:empty,
.shogun-root h6:empty,
.shogun-root p:empty,
.shogun-root section:empty,
.shogun-root ul:empty {
display: unset;
}
.shogun-root div:empty {
display: inline-block;
}
/* User Content Animations --> */
[data-animations*="enterviewport"][data-animations*="fadeIn"],
[data-animations*="enterviewport"][data-animations*="zoomIn"] {
opacity: 0;
}
/* <-- User Content Animations */
.shogun-form-error-msg, .shogun-form-field-error-msg {
display: flex;
align-items: center;
color: #dc143c;
}
.shogun-badge {
margin-bottom: 50px;
}
.shogun-badge-container {
position: fixed;
right: 0;
bottom: 0;
margin-bottom: -10px;
}
.shg-c:before,.shg-c:after{content:" ";display:table}.shogun-root{z-index:1;position:relative;isolation:isolate}.shogun-root iframe{display:initial}@media (max-width: 1024px){.shg-c,.shg-box{background-attachment:scroll !important}}@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) and (orientation: landscape){.shg-box{background-attachment:scroll !important}}#mc_embed_signup .clear{width:auto !important;height:auto !important;visibility:visible !important}.shg-clearfix:after{content:"";display:block;clear:both}.shogun-image{max-width:100%;min-height:inherit;max-height:inherit;display:inline !important;border:0;vertical-align:middle}.shg-fw{margin-left:calc(50% - 50vw);width:100vw}.shg-fw .shg-fw{margin-left:auto;margin-right:auto;width:100%}div[data-shg-lightbox-switch]{cursor:pointer}.shg-lightbox{position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,0.85)}.shg-lightbox.hidden{display:none !important}.shg-lightbox .shg-lightbox-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center}.shg-lightbox .shg-lightbox-close{position:absolute;right:0;padding:5px 0;color:#fff;font-size:45px;margin-right:10px;line-height:30px;user-select:none;cursor:pointer;z-index:1}.shg-lightbox .shg-lightbox-image-container{padding:25px}.shg-lightbox .shg-lightbox-image{margin:auto;max-height:90vh;max-width:100%}.shg-lightbox .shg-lightbox-close:hover,.shg-lightbox .shg-lightbox-close:focus{color:#a2a2a2;text-decoration:none;cursor:pointer}.shg-lightbox .shg-lightbox-nav{cursor:pointer;position:absolute;top:50%;width:35px;height:100px;background-size:contain;background-repeat:no-repeat;background-position:center;transform:translate(0%, -50%);z-index:1}.shg-lightbox .shg-lightbox-nav.hidden{display:none !important}.shg-lightbox .shg-lightbox-nav.shg-nav-left{left:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMjAzIDU0NHEwIDEzLTEwIDIzbC0zOTMgMzkzIDM5MyAzOTNxMTAgMTAgMTAgMjN0LTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiIvPjwvc3ZnPg==)}.shg-lightbox .shg-lightbox-nav.shg-nav-right{right:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6Ii8+PC9zdmc+)}@media screen and (min-width: 769px){.shg-lightbox .shg-lightbox-image-container{padding:50px}}.shogun-lazyload:not([src]),.shogun-lazyloading:not([src]){opacity:0}.shogun-lazyloaded{opacity:1;transition:opacity 300ms}.shogun-lazyload-bg-image{display:none}.shogun-root a:empty,.shogun-root article:empty,.shogun-root dl:empty,.shogun-root h1:empty,.shogun-root h2:empty,.shogun-root h3:empty,.shogun-root h4:empty,.shogun-root h5:empty,.shogun-root h6:empty,.shogun-root p:empty,.shogun-root section:empty,.shogun-root ul:empty{display:unset}.shogun-root div:empty{display:inline-block}[data-animations*="enterviewport"][data-animations*="fadeIn"],[data-animations*="enterviewport"][data-animations*="zoomIn"]{opacity:0}.shogun-form-error-msg,.shogun-form-field-error-msg{display:flex;align-items:center;color:#dc143c}.shogun-badge{margin-bottom:50px}.shogun-badge-container{position:fixed;right:0;bottom:0;margin-bottom:-10px}