NEW – Page 9 – Tealecoco
wrapped-preset { /* breakpoints: not-implemented / reference only */ /* --shadow-breakpoint-xs: 320px; */ /* --shadow-breakpoint-sm: 490px; */ /* --shadow-breakpoint-md: 768px; */ /* --shadow-breakpoint-lg: 1040px; */ /* --shadow-breakpoint-xl: 1440px; */ --shadow-thumbnail-position-start: "media gift-dialog-header" "media content" "media gift-block-actions"; --shadow-thumbnail-position-end: "gift-dialog-header media" "content media" "gift-block-actions media"; /* border radius */ --shadow-border-radius-xs: calc(var(--shadow-border-radius-scale, 65) / 100 * 1rem); --shadow-border-radius-sm: calc(var(--shadow-border-radius-scale, 65) / 100 * 1.5rem); --shadow-border-radius-base: calc(var(--shadow-border-radius-scale, 65) / 100 * 2.5rem); --shadow-outline-width: calc(var(--shadow-field-border-width) + 0.5px); /* buttons */ --shadow-hover-style-light: #ffffff; --shadow-hover-style-dark: #000000; --shadow-primary-button-surface--active: color-mix(in srgb, var(--shadow-primary-button-surface), var(--shadow-hover-style) 20%); --shadow-primary-button-surface--hover: color-mix(in srgb, var(--shadow-primary-button-surface), var(--shadow-hover-style) 16%); --shadow-launcher-button-surface--active: color-mix(in srgb, var(--shadow-launcher-button-surface), var(--shadow-hover-style) 20%); --shadow-launcher-button-surface--hover: color-mix(in srgb, var(--shadow-launcher-button-surface), var(--shadow-hover-style) 16%); --shadow-primary-button-text-color--active: color-mix(in srgb, var(--shadow-primary-button-text-color), var(--shadow-hover-style) 20%); --shadow-primary-button-text-color--hover: color-mix(in srgb, var(--shadow-primary-button-text-color), var(--shadow-hover-style) 16%); --shadow-secondary-button-surface--active: color-mix(in srgb, var(--shadow-secondary-button-surface), var(--shadow-hover-style) 20%); --shadow-secondary-button-surface--hover: color-mix(in srgb, var(--shadow-secondary-button-surface), var(--shadow-hover-style) 16%); --shadow-secondary-button-text-color--active: color-mix(in srgb, var(--shadow-secondary-button-text-color), var(--shadow-hover-style) 20%); --shadow-secondary-button-text-color--hover: color-mix(in srgb, var(--shadow-secondary-button-text-color), var(--shadow-hover-style) 16%); /* text and fonts */ --shadow-font-size-sm: clamp(12px, calc(14px * var(--shadow-font-scale)), 16px); --shadow-font-size-base: clamp(12px, calc(16px * var(--shadow-font-scale)), 20px); --shadow-font-size-lg: clamp(16px, calc(24px * var(--shadow-font-scale)), 28px); --shadow-font-weight-md: 500; --shadow-font-weight-lg: 600; --shadow-line-height-base: 1.5em; /* transitions */ --shadow-transition-duration: 0.1s; --shadow-spinner-duration: 0.7s; /* disabled */ --shadow-disabled-opacity-sm: 0.16; --shadow-disabled-opacity: 0.32; --shadow-disabled-opacity-md: 0.4; --shadow-disabled-opacity-lg: 0.64; /* precalculated percentages for color-mix */ --shadow-disabled-opacity-percent: 32%; --shadow-disabled-opacity-sm-percent: 16%; --shadow-disabled-opacity-md-percent: 40%; --shadow-disabled-opacity-lg-percent: 64%; --shadow-disabled-cursor: not-allowed; /* form elements */ --shadow-form-element-surface--disabled: color-mix(in srgb, var(--shadow-form-element-surface) var(--shadow-disabled-opacity-percent), var(--shadow-secondary-text-color) 8%); --shadow-form-element-border-color--active: color-mix(in srgb, var(--shadow-form-element-border-color), white 83%); --shadow-form-element-border-color--disabled: color-mix(in srgb, var(--shadow-form-element-border-color) var(--shadow-disabled-opacity-percent), var(--shadow-secondary-text-color) 8%); --shadow-form-element-text-color--disabled: color-mix(in srgb, var(--shadow-form-element-text-color), var(--shadow-secondary-text-color) 8%); --shadow-form-element-placeholder-text-color: color-mix(in srgb, var(--shadow-form-element-text-color) var(--shadow-disabled-opacity-percent), transparent); --shadow-form-element-placeholder-text-color--disabled: color-mix(in srgb, var(--shadow-form-element-text-color) var(--shadow-disabled-opacity-percent), var(--shadow-secondary-text-color) 8%); --shadow-form-element-selection-color--active: color-mix(in srgb, var(--shadow-form-element-selection-color), var(--shadow-hover-style) 40%); --shadow-form-element-selection-color--hover: color-mix(in srgb, var(--shadow-form-element-selection-color), var(--shadow-hover-style) 32%); /* primary colors */ --shadow-primary-text-color--hover: color-mix(in srgb, var(--shadow-primary-text-color), var(--shadow-hover-style) 32%); /* secondary colors */ --shadow-secondary-text-color--disabled: color-mix(in srgb, var(--shadow-secondary-text-color) var(--shadow-disabled-opacity-lg-percent), var(--shadow-secondary-text-color) 8%); /* spacing */ --shadow-spacing-fixed: 4px; --shadow-spacing-base: clamp(12px, calc(16px * var(--shadow-spacing-scale)), 24px); --shadow-spacing-lg: clamp(16px, calc(24px * var(--shadow-spacing-scale)), 28px); --shadow-spacing-sm: clamp(8px, calc(12px * var(--shadow-spacing-scale)), 14px); /* inline block */ --shadow-feature-max-height: 500px; --shadow-textarea-min-height: 80px; /* shadows */ --shadow-shadow-blur: 1.5rem; --shadow-shadow-color: rgba(0, 0, 0, 0.25); --shadow-shadow-offset: 0.75rem; /* the default look: what a shop without a presets entry paints; a saved entry overrides these per option type below */ --shadow-font-family: inherit; --shadow-header-font-family: inherit; --shadow-font-weight-base: 400; --shadow-letter-spacing: normal; --shadow-button-text-transform: none; --shadow-button-letter-spacing: normal; --shadow-button-font-style: normal; --shadow-launcher-button-font-weight: 400; --shadow-launcher-button-max-width: 500px; --shadow-launcher-button-alignment: center; --shadow-launcher-button-content-justify-content: space-between; --shadow-launcher-button-content-flex-direction: row-reverse; --shadow-grid-template-areas: var(--shadow-thumbnail-position-start); --shadow-border-radius-scale: 60; --shadow-block-border-surface: #00000000; --shadow-border-width: 1px; --shadow-field-border-width: var(--shadow-border-width); --shadow-hover-style: var(--shadow-hover-style-light, --shadow-hover-style-light); --shadow-launcher-button-surface: #000000; --shadow-launcher-button-text-color: #ffffff; --shadow-launcher-button-border-surface: #00000000; --shadow-launcher-button-border-surface--active: transparent; --shadow-launcher-button-border-surface--hover: transparent; --shadow-primary-button-surface: #000000; --shadow-primary-button-text-color: #ffffff; --shadow-primary-button-border-surface: #00000000; --shadow-primary-button-border-surface--active: transparent; --shadow-primary-button-border-surface--hover: transparent; --shadow-secondary-button-surface: #0000000f; --shadow-secondary-button-text-color: #333333; --shadow-secondary-button-border-surface: #00000000; --shadow-secondary-button-border-surface--active: transparent; --shadow-secondary-button-border-surface--hover: transparent; --shadow-font-scale: calc(100 / 100); --shadow-form-element-surface: #ffffff; --shadow-form-element-border-color: #0000000f; --shadow-form-element-text-color: #333333; --shadow-form-element-selection-color: #000000; --shadow-selection-accent-color: var(--shadow-form-element-selection-color); --shadow-selection-checked-surface: var(--shadow-form-element-selection-color); --shadow-selection-swatch-color: var(--shadow-form-element-selection-color); --shadow-primary-surface: #ffffff; --shadow-primary-text-color: #000000; --shadow-secondary-surface: #f3f3f3; --shadow-secondary-text-color: #333333; --shadow-gift-thumbnail-size: 60px; --shadow-thumbnail-size: clamp(40px, var(--shadow-gift-thumbnail-size), 200px); --shadow-thumbnail-flex-direction: row; --shadow-thumbnail-order: -1; --shadow-thumbnail-margin-left: 0; --shadow-thumbnail-margin-right: 0.6em; --shadow-block-padding: var(--shadow-block-padding-block-start, var(--shadow-spacing-sm)) var(--shadow-block-padding-inline-end, var(--shadow-spacing-sm)) var(--shadow-block-padding-block-end, var(--shadow-spacing-sm)) var(--shadow-block-padding-inline-start, var(--shadow-spacing-sm)); font-family: var(--shadow-font-family); line-height: var(--shadow-line-height-base); letter-spacing: var(--shadow-letter-spacing); } :host { /* do not change the root text size */ --shadow-font-size: 16px; /* spacing */ --shadow-spacing-scale-base: 1; --shadow-spacing-scale-less: 0.75; --shadow-spacing-scale-more: 1.166; --shadow-spacing-scale: var(--shadow-spacing-scale-base, 1); --shadow-spacing-xs: clamp(6px, calc(8px * var(--shadow-spacing-scale)), 10px); /* inline block */ --shadow-block-margin-block-start: calc(1em * var(--shadow-spacing-scale)); --shadow-block-margin-block-end: calc(2em * var(--shadow-spacing-scale)); /* default styles */ all: revert; box-sizing: border-box; cursor: default; display: block; font-size: var(--shadow-font-size); margin-block-start: var(--shadow-block-margin-start, var(--shadow-spacing-xs)) !important; margin-block-end: var(--shadow-block-margin-end, var(--shadow-spacing-xs)) !important; margin-inline-start: var(--shadow-block-margin-inline-start, 0) !important; margin-inline-end: var(--shadow-block-margin-inline-end, 0) !important; text-align: start; width: -webkit-fill-available; white-space: normal; } :host([option-type="product"]) { --shadow-spacing-scale: var(--shadow-spacing-scale-base, 1); } :host([option-type="product"]) wrapped-preset { --shadow-font-family: inherit; --shadow-header-font-family: inherit; --shadow-font-weight-base: 400; --shadow-letter-spacing: normal; --shadow-button-text-transform: none; --shadow-button-letter-spacing: normal; --shadow-button-font-style: normal; --shadow-launcher-button-font-weight: 400; --shadow-launcher-button-max-width: 500px; --shadow-launcher-button-alignment: center; --shadow-launcher-button-content-justify-content: space-between; --shadow-launcher-button-content-flex-direction: row-reverse; --shadow-grid-template-areas: var(--shadow-thumbnail-position-start); /* border radius */ --shadow-border-radius-scale: 6; --shadow-block-border-surface: #000000; --shadow-border-width: 1px; /* buttons */ --shadow-hover-style: var(--shadow-hover-style-light, --shadow-hover-style-light); --shadow-launcher-button-surface: #000000; --shadow-launcher-button-text-color: #ffffff; --shadow-launcher-button-border-surface: #00000000; --shadow-launcher-button-border-surface--active: transparent; --shadow-launcher-button-border-surface--hover: transparent; --shadow-primary-button-surface: #000000; --shadow-primary-button-text-color: #ffffff; --shadow-primary-button-border-surface: #00000000; --shadow-primary-button-border-surface--active: transparent; --shadow-primary-button-border-surface--hover: transparent; --shadow-secondary-button-surface: #0000000f; --shadow-secondary-button-text-color: #333333; --shadow-secondary-button-border-surface: #00000000; --shadow-secondary-button-border-surface--active: transparent; --shadow-secondary-button-border-surface--hover: transparent; /* text and fonts */ --shadow-font-scale: calc(100 / 100); /* form elements */ --shadow-form-element-surface: #020202; --shadow-form-element-border-color: #000000; --shadow-form-element-text-color: #333333; --shadow-form-element-selection-color: rgba(0,0,0,0); --shadow-selection-accent-color: auto; --shadow-selection-checked-surface: var(--shadow-primary-text-color); --shadow-selection-swatch-color: var(--shadow-form-element-border-color); /* primary colors */ --shadow-primary-surface: #020202; --shadow-primary-text-color: #ffffff; /* secondary colors */ --shadow-secondary-surface: #020202; --shadow-secondary-text-color: #333333; /* media */ --shadow-gift-thumbnail-size: 40px; --shadow-thumbnail-size: clamp(40px, var(--shadow-gift-thumbnail-size), 200px); --shadow-thumbnail-flex-direction: row; --shadow-thumbnail-order: -1; --shadow-thumbnail-margin-left: 0; --shadow-thumbnail-margin-right: 0.6em; } :host([option-type="order"]) { --shadow-spacing-scale: var(--shadow-spacing-scale-base, 1); } :host([option-type="order"]) wrapped-preset { --shadow-font-family: inherit; --shadow-header-font-family: inherit; --shadow-font-weight-base: 400; --shadow-letter-spacing: normal; --shadow-button-text-transform: none; --shadow-button-letter-spacing: normal; --shadow-button-font-style: normal; --shadow-launcher-button-font-weight: 400; --shadow-launcher-button-max-width: 500px; --shadow-launcher-button-alignment: center; --shadow-launcher-button-content-justify-content: space-between; --shadow-launcher-button-content-flex-direction: row-reverse; --shadow-grid-template-areas: var(--shadow-thumbnail-position-start); /* border radius */ --shadow-border-radius-scale: 6; --shadow-block-border-surface: #000000; --shadow-border-width: 1px; /* buttons */ --shadow-hover-style: var(--shadow-hover-style-light, --shadow-hover-style-light); --shadow-launcher-button-surface: #000000; --shadow-launcher-button-text-color: #ffffff; --shadow-launcher-button-border-surface: #00000000; --shadow-launcher-button-border-surface--active: transparent; --shadow-launcher-button-border-surface--hover: transparent; --shadow-primary-button-surface: #000000; --shadow-primary-button-text-color: #ffffff; --shadow-primary-button-border-surface: #00000000; --shadow-primary-button-border-surface--active: transparent; --shadow-primary-button-border-surface--hover: transparent; --shadow-secondary-button-surface: #0000000f; --shadow-secondary-button-text-color: #333333; --shadow-secondary-button-border-surface: #00000000; --shadow-secondary-button-border-surface--active: transparent; --shadow-secondary-button-border-surface--hover: transparent; /* text and fonts */ --shadow-font-scale: calc(100 / 100); /* form elements */ --shadow-form-element-surface: #020202; --shadow-form-element-border-color: #000000; --shadow-form-element-text-color: #333333; --shadow-form-element-selection-color: rgba(0,0,0,0); --shadow-selection-accent-color: auto; --shadow-selection-checked-surface: var(--shadow-primary-text-color); --shadow-selection-swatch-color: var(--shadow-form-element-border-color); /* primary colors */ --shadow-primary-surface: #020202; --shadow-primary-text-color: #ffffff; /* secondary colors */ --shadow-secondary-surface: #020202; --shadow-secondary-text-color: #333333; /* media */ --shadow-gift-thumbnail-size: 40px; --shadow-thumbnail-size: clamp(40px, var(--shadow-gift-thumbnail-size), 200px); --shadow-thumbnail-flex-direction: row; --shadow-thumbnail-order: -1; --shadow-thumbnail-margin-left: 0; --shadow-thumbnail-margin-right: 0.6em; } *, *::before, *::after { box-sizing: border-box; } .gift-block__launcher .icon-wrapper svg, :host(wrapped-extension) gift-block-launcher [data-part="container"] label svg, :host(wrapped-extension) [feature="gift-option"] [data-part="container"] label svg, :host(wrapped-gift-block) gift-block-option-heading label svg { box-sizing: border-box; border: calc(var(--shadow-field-border-width) + 0.5px) solid; border-radius: max(0px, calc(min(0.20625em, var(--shadow-border-radius-sm)) + min(var(--shadow-border-radius-sm) * 1000, var(--shadow-field-border-width) - 1px))); height: calc(var(--shadow-font-size-base) * 0.7875 + 3.5 * var(--shadow-field-border-width) - 0.5px); overflow: visible; width: calc(var(--shadow-font-size-base) * 0.7875 + 3.5 * var(--shadow-field-border-width) - 0.5px); } .gift-block__launcher .icon-wrapper svg, :host(wrapped-extension) gift-block-launcher [data-part="container"] label svg { height: calc(var(--shadow-block-launcher-font-size, var(--shadow-launcher-font-size, var(--shadow-font-size-base))) * 0.7875 + 3.5 * var(--shadow-field-border-width) - 0.5px); width: calc(var(--shadow-block-launcher-font-size, var(--shadow-launcher-font-size, var(--shadow-font-size-base))) * 0.7875 + 3.5 * var(--shadow-field-border-width) - 0.5px); } .checkmark-icon { fill: none; stroke-linecap: var(--shadow-tick-cap, round); stroke-linejoin: var(--shadow-tick-join, round); stroke-width: 1.5px; } gift-block-launcher:not([variant="inline"]) { display: flex; flex-direction: column; gap: var(--shadow-spacing-xs); align-items: var(--shadow-launcher-button-alignment); & gift-block-visibility-notice { display: block; font-family: var(--shadow-font-family); font-size: smaller; font-weight: var(--shadow-font-weight-base); font-style: var(--shadow-button-font-style); letter-spacing: var(--shadow-button-letter-spacing); padding: 0 var(--shadow-block-padding-inline-end, var(--shadow-spacing-sm)) 0 var(--shadow-block-padding-inline-start, var(--shadow-spacing-sm)); text-transform: var(--shadow-button-text-transform); width: 100%; } } .gift-block__launcher { background-color: var(--shadow-launcher-button-surface); border-color: var(--shadow-launcher-button-border-surface); border-width: var(--shadow-launcher-button-border-width, var(--shadow-border-width)); border-radius: var(--shadow-launcher-button-border-radius, var(--shadow-border-radius-sm)); border-style: solid; color: var(--shadow-launcher-button-text-color); padding: var(--shadow-block-padding); font-family: var(--shadow-font-family); font-size: var(--shadow-block-launcher-font-size, var(--shadow-launcher-font-size, var(--shadow-font-size-base))); font-weight: var(--shadow-launcher-button-font-weight); font-style: var(--shadow-button-font-style); letter-spacing: var(--shadow-button-letter-spacing); max-width: var(--shadow-block-launcher-button-max-width, var(--shadow-launcher-button-max-width)); text-transform: var(--shadow-button-text-transform); width: 100%; &:hover { cursor: pointer; background-color: var(--shadow-launcher-button-surface--hover); border-color: var(--shadow-launcher-button-border-surface--hover); } &:active { background-color: var(--shadow-launcher-button-surface--active); border-color: var(--shadow-launcher-button-border-surface--active); } &:focus, &:focus-visible { outline: none; } &[with-checkmark] { position: relative; display: inline-flex; align-items: center; gap: var(--shadow-spacing-fixed); & .icon-wrapper { display: flex; flex-shrink: 0; } &[with-gift-options] { .checkmark-icon { display: block; /* animation: unblur calc(var(--shadow-transition-duration) * 3) ease forwards; */ } } } &[variant="link"] { background: none; border: none; color: var(--shadow-primary-text-color); font-size: var(--shadow-block-launcher-font-size, var(--shadow-launcher-font-size, var(--shadow-font-size-base))); font-weight: var(--shadow-font-weight-base); font-style: var(--shadow-button-font-style); letter-spacing: var(--shadow-button-letter-spacing); text-transform: var(--shadow-button-text-transform); text-decoration: none; margin-inline-start: -0.25rem; padding: var(--shadow-block-padding-block-start, 0) var(--shadow-block-padding-inline-end, 0) var(--shadow-block-padding-block-end, 0) var(--shadow-block-padding-inline-start, 0); width: auto; &:hover { cursor: pointer; color: var(--shadow-primary-text-color--hover); text-decoration: underline; } &[with-checkmark] { padding-left: 0; text-align: start; word-break: keep-all; } & .button-content { flex-direction: row; justify-content: flex-start; } } & .button-content { display: inline-flex; align-items: center; gap: var(--shadow-spacing-fixed); flex-direction: var(--shadow-launcher-button-content-flex-direction); justify-content: var(--shadow-launcher-button-content-justify-content); width: 100%; & .label { text-align: start; } } & .icon-wrapper { display: none; align-items: center; justify-content: center; min-height: 1.5em; min-width: 1.5em; svg { border-color: currentColor; } .checkmark-icon { display: none; stroke: currentColor; } } } .gift-block__launcher:disabled, .gift-block__launcher[gifting-locked], .gift-block__launcher[region-unavailable] { cursor: var(--shadow-disabled-cursor); opacity: var(--shadow-disabled-opacity); pointer-events: none; &[with-checkmark] { .icon-wrapper { opacity: var(--shadow-disabled-opacity-md); } } } [data-part="subscription-notice"] { box-sizing: border-box; display: block; font-family: var(--shadow-font-family); font-size: calc(var(--shadow-font-size-base) * 0.875); margin-top: 4px; opacity: 0.7; padding-bottom: 1em; text-align: center; & a { color: inherit; cursor: pointer; pointer-events: auto; text-decoration: underline; } } gift-block-launcher:not([variant="inline"]) > [data-part="subscription-notice"] { margin-top: calc(4px - var(--shadow-spacing-xs)); max-width: var(--shadow-block-launcher-button-max-width, var(--shadow-launcher-button-max-width)); width: 100%; } :host(wrapped-extension) > [data-part="subscription-notice"] { opacity: 1; } /* gift block modal */ .gift-block-modal { background-color: var(--shadow-primary-surface); border: none; border-radius: var(--shadow-border-radius-base); box-shadow: 0 var(--shadow-shadow-offset) var(--shadow-shadow-blur) var(--shadow-shadow-color); outline: var(--shadow-border-width) solid var(--shadow-block-border-surface); padding: 0; } .gift-block-modal::backdrop { background-color: rgba(156, 163, 175, 0.75); } .gift-block-modal:focus, .gift-block-modal:focus-visible { outline: var(--shadow-border-width) solid var(--shadow-block-border-surface); } @media (max-width: 768px) { .gift-block-modal { max-height: calc(100% - var(--shadow-spacing-sm)); max-width: calc(100% - var(--shadow-spacing-sm)); overscroll-behavior: contain; } } /* gift block modal layout */ .gift-block-modal-layout { display: grid; grid-template-areas: var(--shadow-grid-template-areas); grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr auto; max-height: 80dvh; max-width: 80dvw; overflow: hidden; } /* Collapse to 1-column layout if media is hidden */ .gift-block-modal-layout:has(section#media[hidden]), .gift-block-modal-layout:has(section#media.with-media-inline), .gift-block-modal-layout:not(:has(section#media)), .gift-block-modal-layout:not(:has(section#media img)) { grid-template-areas: "gift-dialog-header" "content" "gift-block-actions"; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; section#media { display: none; } } gift-dialog-header { align-items: flex-start; background-color: var(--shadow-primary-surface); display: flex; flex-direction: row; gap: var(--shadow-spacing-fixed); grid-area: gift-dialog-header; justify-content: space-between; padding: var(--shadow-spacing-lg); position: sticky; top: 0; z-index: 1; & h1 { color: var(--shadow-primary-text-color); font-family: var(--shadow-header-font-family); font-size: var(--shadow-font-size-lg); font-weight: var(--shadow-font-weight-md); line-height: 1.25em; margin: 0; } /* dismiss button styles */ & button { background-color: color-mix(in srgb, var(--shadow-secondary-text-color) 8%, transparent); color: var(--shadow-secondary-text-color); border-radius: var(--shadow-border-radius-xs); font-size: var(--shadow-font-size-sm); font-weight: var(--shadow-font-weight-lg); font-style: var(--shadow-button-font-style); letter-spacing: var(--shadow-button-letter-spacing); text-transform: var(--shadow-button-text-transform); width: 2.25em; height: 2.25em; min-width: 2.25em; min-height: 2.25em; outline: none; border: 0; cursor: pointer; transition: background-color var(--shadow-transition-duration) ease, color var(--shadow-transition-duration) ease; &:hover { background-color: color-mix(in srgb, var(--shadow-secondary-text-color) 6%, var(--shadow-hover-style) 12%); } &:active { background-color: color-mix(in srgb, var(--shadow-secondary-text-color) 16%, var(--shadow-hover-style) 16%); } &:disabled { pointer-events: none; opacity: var(--shadow-disabled-opacity); } } } .gift-block-modal-layout gift-block-actions { background-color: var(--shadow-primary-surface); bottom: 0; grid-area: gift-block-actions; overscroll-behavior: contain; position: sticky; z-index: 1; /* the buttons live in the component's own shadow; only its layout knobs are ours */ --shadow-actions-gap: var(--shadow-spacing-sm); --shadow-actions-padding: var(--shadow-spacing-lg); } gift-dialog-content { display: contents; } section#media { align-self: stretch; background-color: var(--shadow-secondary-surface); grid-area: media; grid-row: 1 / 4; height: 100%; padding: var(--shadow-spacing-lg); position: sticky; top: 0; transition: order var(--shadow-transition-duration) ease, width var(--shadow-transition-duration) ease; &.with-media-cover { & img { height: 100%; } } &.with-media-fill { padding: 0; & img { border-radius: 0; height: 100%; } } & shopify-media { & img { border-radius: var(--shadow-border-radius-sm); width: 100%; height: auto; } } @media (min-width: 769px) { &.with-media-cover, &.with-media-fill { contain: size; } } } section#content { grid-area: content; background-color: var(--shadow-primary-surface); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; -webkit-overflow-scrolling: touch; padding: var(--shadow-spacing-lg); padding-bottom: 0; padding-top: 0; position: relative; /* important to prevent content shifting when changing variants */ align-items: stretch; display: flex; flex-direction: column; justify-content: flex-start; gap: var(--shadow-spacing-lg); transition: order var(--shadow-transition-duration) ease; @media (max-width: 768px) { & > *:first-child:not(:only-child) { margin-top: unset; } } & gift-block-option-heading { display: block; & span[data-part="label"] { color: var(--shadow-primary-text-color); display: block; font-size: var(--shadow-font-size-base); font-weight: var(--shadow-font-weight-md, 500); line-height: 1.25em; } } & .gift-option-group { display: flex; flex-direction: column; gap: var(--shadow-spacing-lg); } /* gift product details */ & .gift-product { display: flex; flex-direction: column; gap: var(--shadow-spacing-base); } & .gift-product-header { align-items: center; display: flex; flex-direction: var(--shadow-thumbnail-flex-direction); flex-wrap: wrap; row-gap: var(--shadow-spacing-base); column-gap: var(--shadow-spacing-sm); } & .gift-product-content { display: flex; flex: 1 1 50%; flex-direction: column; gap: var(--shadow-spacing-xs); } & .gift-product-media { display: flex; align-items: center; &:has(shopify-media) { --shadow-inline-media-max-size: var(--shadow-gift-thumbnail-size); --shadow-inline-media-size: clamp(40px, var(--shadow-gift-thumbnail-size), var(--shadow-inline-media-max-size)); border-radius: var(--shadow-border-radius-sm); height: var(--shadow-inline-media-size); width: var(--shadow-inline-media-size); overflow: hidden; margin-inline-start: auto; margin-inline-end: auto; } & shopify-media { & img { border-radius: var(--shadow-border-radius-sm); width: 100%; height: auto; } } } & .gift-product-title { color: var(--shadow-primary-text-color); display: var(--shadow-gift-product-title-display, block); font-size: var(--shadow-font-size-base); font-weight: var(--shadow-font-weight-md); margin: 0; } & .gift-product-pricing { display: flex; gap: var(--shadow-spacing-xs); margin: 0; font-weight: var(--shadow-font-weight-base); font-size: clamp(12px, calc(var(--shadow-font-size-base) * 0.94), 18px); line-height: 1em; } & .gift-product-price { color: var(--shadow-secondary-text-color); } & .gift-product-price--compare { color: var(--shadow-secondary-text-color); text-decoration: line-through; opacity: var(--shadow-disabled-opacity); } & .gift-product-description { font-weight: var(--shadow-font-weight-base); color: var(--shadow-secondary-text-color); font-size: clamp(12px, calc(var(--shadow-font-size-base) * 0.94), 18px); line-height: 1.5em; & shopify-data { & :first-child { margin-top: 0; } & :last-child { margin-bottom: 0; } & ul { padding-left: var(--shadow-spacing-lg); } } } } :host(wrapped-gift-block) gift-block-option-heading label { align-items: center; cursor: pointer; display: flex; gap: var(--shadow-spacing-sm); } :host(wrapped-gift-block[gift-option-optional]) section#content .gift-option-group { border-radius: var(--shadow-border-radius-sm); position: relative; } :host(wrapped-gift-block[gift-option-optional]:not([gift-option-included])) section#content .gift-option-group { pointer-events: none; } :host(wrapped-gift-block[gift-option-optional]:not([gift-option-included])) section#content .gift-option-group::after { background-color: color-mix(in srgb, var(--shadow-primary-surface) 62%, transparent); border-radius: inherit; content: ''; inset: calc(var(--shadow-spacing-sm) * -1); position: absolute; } /* shopify variant selector */ :host(wrapped-extension) gift-variant-selector { --shadow-picker-padding: var(--shadow-block-padding-block-start, var(--shadow-spacing-sm)) var(--shadow-block-padding-inline-end, var(--shadow-spacing-base)) var(--shadow-block-padding-block-end, var(--shadow-spacing-sm)) var(--shadow-block-padding-inline-start, var(--shadow-spacing-base)); --shadow-picker-rows-padding: var(--shadow-block-padding); } :host(wrapped-extension[saving="true"]) gift-variant-selector { --shadow-picker-opacity: 0.7; --shadow-picker-pointer-events: none; } :host(wrapped-gift-block[gift-option-optional]:not([gift-option-included])) gift-variant-selector { --shadow-picker-selection-color: var(--shadow-form-element-border-color); --shadow-picker-selection-width: var(--shadow-field-border-width); --shadow-picker-swatch-selection-color: rgba(0, 0, 0, .1); } :host(wrapped-extension[gift-option-optional="true"]:not([gift-option-included])) gift-variant-selector, :host(wrapped-gift-block[gift-option-optional="true"]:not([gift-option-included])) gift-variant-selector { --shadow-picker-card-accent: color-mix(in srgb, var(--shadow-form-element-border-color) 25%, transparent); --shadow-picker-card-opacity: 0.8; --shadow-picker-card-ring: transparent; --shadow-picker-radio-appearance: none; --shadow-picker-radio-border: var(--shadow-field-border-width) solid var(--shadow-form-element-border-color); --shadow-picker-radio-surface: var(--shadow-form-element-surface); --shadow-picker-row-shadow: none; --shadow-picker-row-surface: initial; } wrapped-message-field { gap: var(--shadow-spacing-xs); & label { color: var(--shadow-secondary-text-color); font-size: var(--shadow-font-size-sm); font-weight: var(--shadow-font-weight-base); line-height: 1em; } & :is(input, textarea) { background-color: var(--shadow-form-element-surface); border: none; border-radius: var(--shadow-border-radius-sm); color: var(--shadow-form-element-text-color); font-family: var(--shadow-font-family); font-size: var(--shadow-font-size-base); margin: 0; min-height: 42px; outline: var(--shadow-field-border-width) solid var(--shadow-form-element-border-color); padding: var(--shadow-spacing-sm); width: 100%; } & :is(input, textarea):is(:active, :focus, :focus-visible) { outline-color: var(--shadow-form-element-selection-color); outline-width: var(--shadow-outline-width); } & :is(input, textarea)::placeholder { color: var(--shadow-form-element-placeholder-text-color); } & textarea { min-height: 100px; resize: vertical; } & span.counter { align-self: flex-end; color: var(--shadow-secondary-text-color); font-size: var(--shadow-font-size-sm); line-height: normal; } } wrapped-message-field[disabled] { cursor: var(--shadow-disabled-cursor); opacity: var(--shadow-disabled-opacity-md); pointer-events: none; transition: background-color var(--shadow-transition-duration) ease, color var(--shadow-transition-duration) ease; & :is(input, textarea) { background-color: var(--shadow-form-element-surface--disabled); color: transparent; outline-color: var(--shadow-form-element-border-color--disabled); } } :host(wrapped-extension) { display: flex; flex-direction: column !important; height: fit-content !important; margin-block-start: var(--shadow-block-margin-start, var(--shadow-block-margin-block-start)) !important; margin-block-end: var(--shadow-block-margin-end, var(--shadow-block-margin-block-end)) !important; min-width: unset !important; max-width: 640px !important; padding: unset !important; width: unset !important; } :host(wrapped-extension) wrapped-preset { background-color: var(--shadow-primary-surface); border: var(--shadow-border-width) solid var(--shadow-block-border-surface); border-radius: var(--shadow-border-radius-sm); color: var(--shadow-primary-text-color); display: flex; flex-direction: column; font-size: var(--shadow-font-size-base); overflow: hidden; } :host(wrapped-extension[option-type="order"]) { margin-left: var(--shadow-block-margin-inline-start, auto) !important; margin-right: var(--shadow-block-margin-inline-end, 0) !important; width: -moz-available !important; width: -webkit-fill-available !important; width: stretch !important; } :host(wrapped-extension[target-group="drawer"]) { width: -moz-available !important; width: -webkit-fill-available !important; width: stretch !important; } :host(wrapped-extension[target-group="drawer"][option-type="order"]) { max-width: unset !important; margin-left: var(--shadow-block-margin-inline-start, 0) !important; margin-right: var(--shadow-block-margin-inline-end, 0) !important; margin-block-end: var(--shadow-block-margin-end, calc(var(--shadow-block-margin-block-end) * 0.5)) !important; } wrapped-advanced-mode, wrapped-basic-mode { display: contents; } :host(wrapped-gift-block) wrapped-preset { display: contents; } :host(wrapped-extension) [data-part="feature"], :host(wrapped-extension) gift-block-launcher { overflow: hidden !important; & [data-part="container"] { display: flex; flex-direction: column; row-gap: 0.25em; & label { align-items: center !important; column-gap: var(--shadow-spacing-sm) !important; cursor: pointer !important; display: flex; line-height: normal !important; margin: 0 !important; pointer-events: auto !important; text-align: left !important; text-transform: unset !important; } } } :host(wrapped-extension) [data-part="feature"] { background-color: var(--shadow-secondary-surface); } :host(wrapped-extension) [data-part="feature"]:is([feature="variant"], [feature="gift-option"]) { display: block; } :host(wrapped-extension) [data-part="feature"][enabled="false"] { display: none; opacity: 0; visibility: hidden; } :host(wrapped-extension) [data-part="disclosure"] { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.25s cubic-bezier(0.42, 0, 0.58, 1); } :host(wrapped-extension) [data-part="disclosure-content"] { display: flex; flex-direction: column; min-height: 0; opacity: 0; overflow: hidden; visibility: hidden; transition: opacity 0.25s, visibility 0.25s; } :host(wrapped-extension[expanded="true"]) gift-block-launcher:has(~ [data-part="disclosure"] [data-part="feature"][enabled="true"]:not([singular="true"])) { border-bottom: var(--shadow-border-width) solid var(--shadow-block-border-surface); } :host(wrapped-extension[expanded="true"]) [data-part="disclosure"], :host(wrapped-extension[hidden-checkbox="true"]) [data-part="disclosure"] { grid-template-rows: 1fr; } :host(wrapped-extension[expanded="true"]) [data-part="disclosure-content"], :host(wrapped-extension[hidden-checkbox="true"]) [data-part="disclosure-content"] { opacity: 1; visibility: visible; } :host(wrapped-extension[hidden-checkbox="true"]) gift-block-launcher { display: none; opacity: 0; visibility: hidden; } :host(wrapped-extension[limited="true"]), :host(wrapped-extension[region-unavailable="true"]) { cursor: none !important; pointer-events: none !important; opacity: 0.6 !important; & [data-part="container"] { & label { pointer-events: none !important; } } } :host(wrapped-extension[saving="true"]) { & [data-part="container"] { & label { pointer-events: none !important; & svg, input[type="radio"], span { opacity: 0.7 !important; transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1); } } & select { pointer-events: none !important; opacity: 0.7 !important; } & button { pointer-events: none; opacity: 0.7; transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1); } } } :host(wrapped-extension) gift-block-launcher [data-part="container"] { padding: var(--shadow-block-padding); & label { padding: 0 !important; & span { &[data-part="label"] { border: unset !important; flex-grow: 1; font-size: var(--shadow-block-launcher-font-size, var(--shadow-launcher-font-size, var(--shadow-font-size-base))); padding: unset !important; } &[data-part="pricing"] { align-content: center; font-size: var(--shadow-font-size-sm); white-space: nowrap; } &[data-part="thumbnail"] { background-color: var(--shadow-form-element-surface); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: var(--shadow-border-radius-sm); min-height: var(--shadow-thumbnail-size); max-height: var(--shadow-thumbnail-size); min-width: var(--shadow-thumbnail-size); max-width: var(--shadow-thumbnail-size); height: 100%; width: 100%; display: inline-block; overflow: hidden; vertical-align: middle; order: var(--shadow-thumbnail-order); margin-right: var(--shadow-thumbnail-margin-right); margin-left: var(--shadow-thumbnail-margin-left); } } } } :host(wrapped-extension) [feature="gift-option"] [data-part="container"] { padding: var(--shadow-block-padding); & label { align-items: center; cursor: pointer; display: flex; gap: var(--shadow-spacing-sm); } & span[data-part="label"] { color: var(--shadow-primary-text-color); display: block; font-size: var(--shadow-font-size-base); font-weight: var(--shadow-font-weight-md, 500); line-height: 1.25em; } } :host(wrapped-extension) gift-block-launcher [data-part="container"] label, :host(wrapped-extension) [feature="gift-option"] [data-part="container"] label, :host(wrapped-gift-block) gift-block-option-heading label { position: relative; & input[type="checkbox"] { height: 1px; margin: 0; opacity: 0; pointer-events: none; position: absolute; width: 1px; } & svg { background: var(--shadow-form-element-surface); border-color: var(--shadow-form-element-border-color); cursor: pointer; flex: 0 0 auto; & .checkmark-icon { display: none; } } & input:checked + svg { background: var(--shadow-selection-checked-surface); border-color: var(--shadow-selection-checked-surface); & .checkmark-icon { display: block; stroke: white; } } & input:focus-visible + svg { outline: var(--shadow-outline-width) solid var(--shadow-form-element-selection-color); outline-offset: var(--shadow-field-border-width); } } :host(wrapped-extension[hidden-checkbox="false"][gift-option-optional="false"]) [feature="variant"][enabled="true"][singular="true"] { display: none; } :host(wrapped-extension[gift-option-optional="true"]) .gift-option-group { transition: opacity 0.25s cubic-bezier(0.42, 0, 0.58, 1); } :host(wrapped-extension[gift-option-optional="true"]:not([gift-option-included])) .gift-option-group { opacity: 0.5; pointer-events: none; } :host(wrapped-extension[gift-option-optional="true"]) [feature="variant"][singular="true"] gift-variant-selector { --shadow-picker-list-overflow: auto; } :host(wrapped-extension) gift-block-message { --shadow-message-gap: var(--shadow-spacing-sm); --shadow-message-padding: var(--shadow-block-padding); --shadow-message-input-flex: 1 1 40%; & wrapped-message-field { & label { color: var(--shadow-primary-text-color); } & textarea { min-height: var(--shadow-textarea-min-height); } } } :host(wrapped-extension) gift-block-actions { --shadow-actions-gap: var(--shadow-spacing-xs); --shadow-actions-padding: var(--shadow-block-padding); } /* media queries */ /* md - and above */ @media (min-width: 768px) { wrapped-preset { --shadow-section-max-width: 420px; } gift-dialog-content > section { min-width: var(--shadow-section-max-width); max-width: var(--shadow-section-max-width); } gift-dialog-header, .gift-block-modal-layout gift-block-actions { min-width: var(--shadow-section-max-width); max-width: var(--shadow-section-max-width); } } /* md - and below */ @media (max-width: 768px) { wrapped-preset { --shadow-section-max-width: 390px; } gift-dialog-content > section { min-width: var(--shadow-section-max-width); max-width: var(--shadow-section-max-width); } gift-dialog-header, .gift-block-modal-layout gift-block-actions { min-width: var(--shadow-section-max-width); max-width: var(--shadow-section-max-width); } gift-dialog-header { padding: var(--shadow-spacing-base); } .gift-block-modal-layout gift-block-actions { --shadow-actions-padding: var(--shadow-spacing-base); } .gift-block-modal-layout { grid-template-areas: "gift-dialog-header" "media" "content" "gift-block-actions"; grid-template-columns: 1fr; grid-template-rows: auto auto 1fr auto; max-height: calc(100dvh - var(--shadow-spacing-base)); max-width: 100dvw; } gift-dialog-content { display: grid; grid-template-areas: "media" "content"; grid-template-columns: 1fr; grid-template-rows: auto 1fr; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; -webkit-overflow-scrolling: touch; } section#media { background: none; grid-row: auto; position: relative; padding: 0; & shopify-media { & img { border-radius: unset; min-height: var(--shadow-section-max-width); max-height: var(--shadow-section-max-width); } } } section#content { overflow-y: unset; padding: var(--shadow-spacing-base); &.with-media-inline { padding-top: 0; } & .gift-product-media { &:has(shopify-media) { --shadow-inline-media-max-size: 330px; } } } } /* sm - and below */ @media (max-width: 480px) { wrapped-preset { --shadow-section-max-width: 100%; } section#media { & shopify-media { & img { border-radius: unset; min-height: 350px; max-height: 350px; } } } } @keyframes unblur { from { filter: blur(2px); } to { filter: blur(0px); } }
Skip to content
Close menu
About
Shop All
Collections
Full Priced
Gift Cards
Accessories
Attachments
Belts
Chokers
Garters
Hands
Colorways
Shop All
Antique Gold
Bloodbath Red
Candy Pink
Classic Black
Dusted Pink
Forest Green
Luxury Lavender
Marine Teal
Royal Blue
Snow White
Clothing
Shop All
Midnight Couture
Mesh Basics
Midnight Basics
Unisex Streetwear
Discontinued
Harnesses
Attachments
Full Body Harness
Arm Harness
Bust Harness
Waist Harness
Leg Harness
Foot Harness
Gifts
Sale
STOCKTAKE SALE 💥
100$ & BELOW
Harness Sale
Chokers Sale
Accessories Sale
ARCHIVE SALE
Styling
Log in
Instagram
Facebook
YouTube
Twitter
Pinterest
TikTok
Cart
Close cart
Order note
Your cart is currently empty.
Pause slideshow
Play slideshow
SALE On noW!
Up to 80% off instock items (limited stock available)
*MADE-TO-ORDER*
paused until NOV 13th 2026 - orders will made after this time
FREE SHIPPING WORLDWIDE
all orders over 300$AUD within Australia & 600$AUD WORLDWIDE
Instagram
Facebook
YouTube
Twitter
Pinterest
TikTok
Currency
CAD $
AED د.إ
AFN ؋
ALL L
AMD դր.
ANG ƒ
AUD $
AWG ƒ
AZN ₼
BAM КМ
BBD $
BDT ৳
BIF Fr
BND $
BOB Bs.
BRL R$
BSD $
BWP P
BZD $
CAD $
CDF Fr
CHF CHF
CNY ¥
CRC ₡
CVE $
CZK Kč
DJF Fdj
DKK kr.
DOP $
DZD د.ج
EGP ج.م
ETB Br
EUR €
FJD $
FKP £
GBP £
GMD D
GNF Fr
GTQ Q
GYD $
HKD $
HNL L
HUF Ft
IDR Rp
ILS ₪
INR ₹
ISK kr
JMD $
JPY ¥
KES KSh
KGS som
KHR ៛
KMF Fr
KRW ₩
KYD $
KZT ₸
LAK ₭
LBP ل.ل
LKR ₨
MAD د.م.
MDL L
MKD ден
MMK K
MNT ₮
MOP P
MUR ₨
MVR MVR
MWK MK
MYR RM
NGN ₦
NIO C$
NPR Rs.
NZD $
PEN S/
PGK K
PHP ₱
PKR ₨
PLN zł
PYG ₲
QAR ر.ق
RON Lei
RSD РСД
RWF FRw
SAR ر.س
SBD $
SEK kr
SGD $
SHP £
SLL Le
STD Db
THB ฿
TJS ЅМ
TOP T$
TTD $
TWD $
TZS Sh
UAH ₴
UGX USh
USD $
UYU $U
UZS so'm
VND ₫
VUV Vt
WST T
XAF CFA
XCD $
XOF Fr
XPF Fr
YER ﷼
Tealecoco
About
Shop All
Collections
Full Priced
Gift Cards
Accessories
Attachments
Belts
Chokers
Garters
Hands
Colorways
Shop All
Antique Gold
Bloodbath Red
Candy Pink
Classic Black
Dusted Pink
Forest Green
Luxury Lavender
Marine Teal
Royal Blue
Snow White
Clothing
Shop All
Midnight Couture
Mesh Basics
Midnight Basics
Unisex Streetwear
Discontinued
Harnesses
Attachments
Full Body Harness
Arm Harness
Bust Harness
Waist Harness
Leg Harness
Foot Harness
Gifts
Sale
STOCKTAKE SALE 💥
100$ & BELOW
Harness Sale
Chokers Sale
Accessories Sale
ARCHIVE SALE
Styling
Log in
Search
Site navigation
Cart
Search
"Close (esc)"
NEW
Filter
Close menu
Filter
478 products
Sort
Sort
Featured
Most relevant
Best selling
Alphabetically, A-Z
Alphabetically, Z-A
Price, low to high
Price, high to low
Date, old to new
Date, new to old
478 products
blue / Silver / One Size Fits Most
$250.00
Quick view
blue
blue / Silver / Full-Figured
$250.00
Quick view
blue
blue / Silver / Petite
$250.00
Quick view
blue
blue / Gunmetal / One Size Fits Most
$250.00
Quick view
blue
blue / Gunmetal / Full-Figured
$250.00
Quick view
blue
blue / Gunmetal / Petite
$250.00
Quick view
blue
blue / Gold / One Size Fits Most
$250.00
Quick view
blue
blue / Gold / Full-Figured
$250.00
Quick view
blue
blue / Gold / Petite
$250.00
Quick view
blue
Blue / Silver / One Size Fits Most
$250.00
Quick view
Blue
Blue / Silver / Full-Figured
$250.00
Quick view
Blue
Blue / Silver / Petite
$250.00
Quick view
Blue
Blue / Gunmetal / One Size Fits Most
$250.00
Quick view
Blue
Blue / Gunmetal / Full-Figured
$250.00
Quick view
Blue
Blue / Gunmetal / Petite
$250.00
Quick view
Blue
Blue / Gold / One Size Fits Most
$250.00
Quick view
Blue
Blue / Gold / Full-Figured
$250.00
Quick view
Blue
Blue / Gold / Petite
$250.00
Quick view
Blue
Blue / Silver / Full-Figured
$150.00
Quick view
Blue
Blue / Silver / Petite
$150.00
Quick view
Blue
Blue / Gunmetal / Full-Figured
$150.00
Quick view
Blue
Blue / Gunmetal / Petite
$150.00
Quick view
Blue
Blue / Gold / Full-Figured
$150.00
Quick view
Blue
Blue / Gold / Petite
$150.00
Quick view
Blue
Blue / Silver / One Size Fits Most
$250.00
Quick view
Blue
Blue / Silver / Full-Figured
$250.00
Quick view
Blue
Blue / Silver / Petite
$250.00
Quick view
Blue
Blue / Gunmetal / One Size Fits Most
$250.00
Quick view
Blue
Blue / Gunmetal / Full-Figured
$250.00
Quick view
Blue
Blue / Gunmetal / Petite
$250.00
Quick view
Blue
Blue / Gold / One Size Fits Most
$250.00
Quick view
Blue
Blue / Gold / Full-Figured
$250.00
Quick view
Blue
Blue / Gold / Petite
$250.00
Quick view
Blue
Blue / Silver / Full-Figured
$130.00
Quick view
Blue
Blue / Silver / Petite
$130.00
Quick view
Blue
Blue / Gunmetal / Full-Figured
$130.00
Quick view
Blue
Blue / Gunmetal / Petite
$130.00
Quick view
Blue
Blue / Gold / Full-Figured
$130.00
Quick view
Blue
Blue / Gold / Petite
$130.00
Quick view
Blue
Blue / Silver / One Size Fits Most
$60.00
Quick view
Blue
Blue / Silver / Full-Figured
$60.00
Quick view
Blue
Blue / Silver / Petite
$60.00
Quick view
Blue
Blue / Gunmetal / One Size Fits Most
$60.00
Quick view
Blue
Blue / Gunmetal / Full-Figured
$60.00
Quick view
Blue
Blue / Gunmetal / Petite
$60.00
Quick view
Blue
Blue / Silver / One Size Fits Most
$235.00
Quick view
Blue
Blue / Silver / Full-Figured
$235.00
Quick view
Blue
Blue / Silver / Petite
$235.00
Quick view
Blue
Blue / Gunmetal / One Size Fits Most
$235.00
Quick view
Blue
Blue / Gunmetal / Full-Figured
$235.00
Quick view
Blue
Blue / Gunmetal / Petite
$235.00
Quick view
Blue
Blue / Gold / One Size Fits Most
$235.00
Quick view
Blue
Blue / Gold / Full-Figured
$235.00
Quick view
Blue
Blue / Gold / Petite
$235.00
Quick view
Blue
Blue / Silver / One Size Fits Most
$100.00
Quick view
Blue
Blue / Silver / Full-Figured
$100.00
Quick view
Blue
Blue / Silver / Petite
$100.00
Quick view
Blue
Blue / Gunmetal / One Size Fits Most
$100.00
Quick view
Blue
Blue / Gunmetal / Full-Figured
$100.00
Quick view
Blue
Blue / Gunmetal / Petite
$100.00
Quick view
Blue
Blue / Gold / One Size Fits Most
$100.00
Quick view
Blue
Blue / Gold / Full-Figured
$100.00
Quick view
Blue
Blue / Gold / Petite
$100.00
Quick view
Blue
Sold Out
Royal Blue / Silver / One Size Fits Most
$250.00
Quick view
Royal Blue
Royal Blue / Silver / Full-Figured
$250.00
Quick view
Royal Blue
Royal Blue / Silver / Petite
$250.00
Quick view
Royal Blue
Royal Blue / Gunmetal / One Size Fits Most
$250.00
Quick view
Royal Blue
Royal Blue / Gunmetal / Full-Figured
$250.00
Quick view
Royal Blue
Royal Blue / Gunmetal / Petite
$250.00
Quick view
Royal Blue
Royal Blue / Gold / One Size Fits Most
$250.00
Quick view
Royal Blue
Royal Blue / Gold / Full-Figured
$250.00
Quick view
Royal Blue
Royal Blue / Gold / Petite
$250.00
Quick view
Royal Blue
Sold Out
Blue / Silver / One Size Fits Most
$349.00
Quick view
Blue
Sold Out
Blue / Silver / Full-Figured
$349.00
Quick view
Blue
Sold Out
Blue / Silver / Petite
$349.00
Quick view
Blue
Sold Out
Blue / Gunmetal / One Size Fits Most
$349.00
Quick view
Blue
Sold Out
Blue / Gunmetal / Full-Figured
$349.00
Quick view
Blue
Sold Out
Blue / Gunmetal / Petite
$349.00
Quick view
Blue
Lavender / Silver / Full-Figured
$150.00
Quick view
Lavender
Lavender / Silver / Petite
$150.00
Quick view
Lavender
Lavender / Gunmetal / Full-Figured
$150.00
Quick view
Lavender
Lavender / Gunmetal / Petite
$150.00
Quick view
Lavender
Lavender / Gold / Full-Figured
$150.00
Quick view
Lavender
Lavender / Gold / Petite
$150.00
Quick view
Lavender
Sold Out
Teal / Silver / One Size Fits Most
Regular price
$449.00
Sale price
$225.00
Save
50
%
Quick view
Teal
Teal / Silver / Full-Figured
$449.00
Quick view
Teal
Teal / Silver / Petite
$449.00
Quick view
Teal
Teal / Gunmetal / One Size Fits Most
$449.00
Quick view
Teal
Teal / Gunmetal / Full-Figured
$449.00
Quick view
Teal
Teal / Gunmetal / Petite
$449.00
Quick view
Teal
Teal / Gold / One Size Fits Most
$449.00
Quick view
Teal
Teal / Gold / Full-Figured
$449.00
Quick view
Teal
Teal / Gold / Petite
$449.00
Quick view
Teal
Bloodbath Red / Gunmetal / One Size Fits Most
$449.00
Quick view
Bloodbath Red
Bloodbath Red / Gunmetal / Full-Figured
$449.00
Quick view
Bloodbath Red
Bloodbath Red / Gunmetal / Petite
$449.00
Quick view
Bloodbath Red
Bloodbath Red / Silver / One Size Fits Most
$449.00
Quick view
Bloodbath Red
Bloodbath Red / Silver / Full-Figured
$449.00
Quick view
Bloodbath Red
Bloodbath Red / Silver / Petite
$449.00
Quick view
Bloodbath Red
Bloodbath Red / Gold / One Size Fits Most
$449.00
Quick view
Bloodbath Red
Bloodbath Red / Gold / Full-Figured
$449.00
Quick view
Bloodbath Red
Bloodbath Red / Gold / Petite
$449.00
Quick view
Bloodbath Red
Lavender / Silver / Full-Figured
$65.00
Quick view
Lavender
Lavender / Silver / Petite
$65.00
Quick view
Lavender
Lavender / Gunmetal / Full-Figured
$65.00
Quick view
Lavender
Lavender / Gunmetal / Petite
$65.00
Quick view
Lavender
Lavender / Gold / Full-Figured
$65.00
Quick view
Lavender
Lavender / Gold / Petite
$65.00
Quick view
Lavender
Teal / Gunmetal / One Size Fits Most
$80.00
Quick view
Teal
Teal / Gunmetal / Full-Figured
$80.00
Quick view
Teal
Teal / Gunmetal / Petite
$80.00
Quick view
Teal
Teal / Silver / One Size Fits Most
$80.00
Quick view
Teal
Teal / Silver / Full-Figured
$80.00
Quick view
Teal
Teal / Silver / Petite
$80.00
Quick view
Teal
Teal / Silver / One Size Fits Most
$200.00
Quick view
Teal
Teal / Silver / Full-Figured
$200.00
Quick view
Teal
Teal / Silver / Petite
$200.00
Quick view
Teal
Teal / Gunmetal / One Size Fits Most
$200.00
Quick view
Teal
Teal / Gunmetal / Full-Figured
$200.00
Quick view
Teal
Teal / Gunmetal / Petite
$200.00
Quick view
Teal
Teal / Gold / One Size Fits Most
$200.00
Quick view
Teal
Teal / Gold / Full-Figured
$200.00
Quick view
Teal
Teal / Gold / Petite
$200.00
Quick view
Teal
Sale
White / Silver / One Size Fits Most
Regular price
$80.00
Sale price
$60.00
Save
25
%
Quick view
White
White / Silver / Full-Figured
$80.00
Quick view
White
White / Silver / Petite
$80.00
Quick view
White
White / Gunmetal / One Size Fits Most
$80.00
Quick view
White
White / Gunmetal / Full-Figured
$80.00
Quick view
White
White / Gunmetal / Petite
$80.00
Quick view
White
Lavender / Silver / One Size Fits Most
$80.00
Quick view
Lavender
Lavender / Silver / Full-Figured
$80.00
Quick view
Lavender
Lavender / Silver / Petite
$80.00
Quick view
Lavender
Lavender / Gunmetal / One Size Fits Most
$80.00
Quick view
Lavender
Lavender / Gunmetal / Full-Figured
$80.00
Quick view
Lavender
Lavender / Gunmetal / Petite
$80.00
Quick view
Lavender
Dusted Pink / Silver / One Size Fits Most
$80.00
Quick view
Dusted Pink
Dusted Pink / Silver / Full-Figured
$80.00
Quick view
Dusted Pink
Dusted Pink / Silver / Petite
$80.00
Quick view
Dusted Pink
Dusted Pink / Gunmetal / One Size Fits Most
$80.00
Quick view
Dusted Pink
Dusted Pink / Gunmetal / Full-Figured
$80.00
Quick view
Dusted Pink
Dusted Pink / Gunmetal / Petite
$80.00
Quick view
Dusted Pink
Bloodbath Red / Gunmetal / Full-Figured
$80.00
Quick view
Bloodbath Red
Bloodbath Red / Gunmetal / Petite
$80.00
Quick view
Bloodbath Red
Bloodbath Red / Silver / Full-Figured
$80.00
Quick view
Bloodbath Red
Bloodbath Red / Silver / Petite
$80.00
Quick view
Bloodbath Red
Black / Gunmetal / Full-Figured
$80.00
Quick view
Black
Black / Gunmetal / Petite
$80.00
Quick view
Black
Black / Silver / Full-Figured
$80.00
Quick view
Black
Black / Silver / Petite
$80.00
Quick view
Black
Bloodbath Red / Silver / One Size Fits Most
$200.00
Quick view
Bloodbath Red
Bloodbath Red / Silver / Full-Figured
$200.00
Quick view
Bloodbath Red
Bloodbath Red / Silver / Petite
$200.00
Quick view
Bloodbath Red
Bloodbath Red / Gunmetal / One Size Fits Most
$200.00
Quick view
Bloodbath Red
Bloodbath Red / Gunmetal / Full-Figured
$200.00
Quick view
Bloodbath Red
Bloodbath Red / Gunmetal / Petite
$200.00
Quick view
Bloodbath Red
Bloodbath Red / Gold / One Size Fits Most
$200.00
Quick view
Bloodbath Red
Bloodbath Red / Gold / Full-Figured
$200.00
Quick view
Bloodbath Red
Bloodbath Red / Gold / Petite
$200.00
Quick view
Bloodbath Red
Lavender / Silver / One Size Fits Most
$200.00
Quick view
Lavender
Lavender / Silver / Full-Figured
$200.00
Quick view
Lavender
Lavender / Silver / Petite
$200.00
Quick view
Lavender
Lavender / Gunmetal / One Size Fits Most
$200.00
Quick view
Lavender
Lavender / Gunmetal / Full-Figured
$200.00
Quick view
Lavender
Lavender / Gunmetal / Petite
$200.00
Quick view
Lavender
Lavender / Gold / One Size Fits Most
$200.00
Quick view
Lavender
Lavender / Gold / Full-Figured
$200.00
Quick view
Lavender
Lavender / Gold / Petite
$200.00
Quick view
Lavender
White / Silver / One Size Fits Most
$200.00
Quick view
White
White / Silver / Full-Figured
$200.00
Quick view
White
White / Silver / Petite
$200.00
Quick view
White
White / Gunmetal / One Size Fits Most
$200.00
Quick view
White
White / Gunmetal / Full-Figured
$200.00
Quick view
White
White / Gunmetal / Petite
$200.00
Quick view
White
White / Gold / One Size Fits Most
$200.00
Quick view
White
White / Gold / Full-Figured
$200.00
Quick view
White
White / Gold / Petite
$200.00
Quick view
White
Dusted Pink / Silver / One Size Fits Most
$200.00
Quick view
Dusted Pink
Dusted Pink / Silver / Full-Figured
$200.00
Quick view
Dusted Pink
Dusted Pink / Silver / Petite
$200.00
Quick view
Dusted Pink
Dusted Pink / Gunmetal / One Size Fits Most
$200.00
Quick view
Dusted Pink
Dusted Pink / Gunmetal / Full-Figured
$200.00
Quick view
Dusted Pink
Dusted Pink / Gunmetal / Petite
$200.00
Quick view
Dusted Pink
Dusted Pink / Gold / One Size Fits Most
$200.00
Quick view
Dusted Pink
Dusted Pink / Gold / Full-Figured
$200.00
Quick view
Dusted Pink
Dusted Pink / Gold / Petite
$200.00
Quick view
Dusted Pink
Black / Silver / One Size Fits Most
$200.00
Quick view
Black
Black / Silver / Full-Figured
$200.00
Quick view
Black
Black / Silver / Petite
$200.00
Quick view
Black
Black / Gunmetal / One Size Fits Most
$200.00
Quick view
Black
Black / Gunmetal / Full-Figured
$200.00
Quick view
Black
Black / Gunmetal / Petite
$200.00
Quick view
Black
Black / Gold / One Size Fits Most
$200.00
Quick view
Black
Black / Gold / Full-Figured
$200.00
Quick view
Black
Black / Gold / Petite
$200.00
Quick view
Black
Single / Silver / One Size Fits Most
$100.00
Quick view
Single / Silver / Full-Figured
$100.00
Quick view
Single / Silver / Petite
$100.00
Quick view
Single / Gunmetal / One Size Fits Most
$100.00
Quick view
Single / Gunmetal / Full-Figured
$100.00
Quick view
Single / Gunmetal / Petite
$100.00
Quick view
Pair / Silver / One Size Fits Most
$170.00
Quick view
Pair / Silver / Full-Figured
$170.00
Quick view
Pair / Silver / Petite
$170.00
Quick view
Pair / Gunmetal / One Size Fits Most
$170.00
Quick view
Pair / Gunmetal / Full-Figured
$170.00
Quick view
Pair / Gunmetal / Petite
$170.00
Quick view
Single / Silver / One Size Fits Most
$100.00
Quick view
Single / Silver / Full-Figured
$100.00
Quick view
Single / Silver / Petite
$100.00
Quick view
Single / Gunmetal / One Size Fits Most
$100.00
Quick view
Single / Gunmetal / Full-Figured
$100.00
Quick view
Single / Gunmetal / Petite
$100.00
Quick view
Pair / Silver / One Size Fits Most
$170.00
Quick view
Pair / Silver / Full-Figured
$170.00
Quick view
Pair / Silver / Petite
$170.00
Quick view
Pair / Gunmetal / One Size Fits Most
$170.00
Quick view
Pair / Gunmetal / Full-Figured
$170.00
Quick view
Pair / Gunmetal / Petite
$170.00
Quick view
Crucifixion Leg Harness - Blue
$250.00
Quick view
blue
Crucifixion Arm Harness - Royal Blue
$250.00
Quick view
Blue
Corset Harness - Blue
$150.00
Quick view
Blue
Cornelia Caged Bra Harness - Blue
$250.00
Quick view
Blue
Collar Harness - Blue
$130.00
Quick view
Blue
Bralette Harness - Blue
$60.00
Quick view
Blue
Boudoir Bra Harness - Blue
$235.00
Quick view
Blue
Bondage Barbie Harness - (Blue)
$100.00
Quick view
Blue
Blackmass Full Body Harness - Blue
$250.00
Quick view
Royal Blue
Sold Out
Apocalypse Tank Harness - Blue
$349.00
Quick view
Blue
High Priestess Crop Harness (Lavender)
$150.00
Quick view
Lavender
Inferno Full Body Harness - Teal
from $225.00
Quick view
Teal
Inferno Full Body Harness - Bloodbath Red
$449.00
Quick view
Bloodbath Red
X Crop Harness (lavender)
$65.00
Quick view
Lavender
D Ring Choker - (Teal)
$80.00
Quick view
Teal
D Ring Corset - (Teal)
$200.00
Quick view
Teal
Sale
D Ring Choker - (White)
Regular price
$80.00
Sale price
from $60.00
Save
25
%
Quick view
White
D Ring Choker - (Lavender)
$80.00
Quick view
Lavender
D Ring Choker - Dusted Pink
$80.00
Quick view
Dusted Pink
D Ring Choker - (Red)
$80.00
Quick view
Bloodbath Red
D Ring Choker - (Black)
$80.00
Quick view
Black
D Ring Corset - (Red)
$200.00
Quick view
Bloodbath Red
D Ring Corset - (Lavender)
$200.00
Quick view
Lavender
D Ring Corset - (White)
$200.00
Quick view
White
D Ring Corset - Dusted Pink
$200.00
Quick view
Dusted Pink
D Ring Corset - (Black)
$200.00
Quick view
Black
Skeleton Hand & Foot Harness - (Teal)
from $100.00
Quick view
Skeleton Hand & Foot Harness - (White)
from $100.00
Quick view
Previous
1
…
7
8
9
10
11
…
18
Next
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
"Close (esc)"
x