.product-configurator{display:block}.product-configurator .pc__step:not([aria-expanded=true]),.product-configurator a:target~product-form .pc__step,.product-configurator a.active~product-form .pc__step{display:none}.product-configurator #step-1.active~product-form .pc__step:nth-child(1),.product-configurator #step-2.active~product-form .pc__step:nth-child(2),.product-configurator #step-3.active~product-form .pc__step:nth-child(3),.product-configurator #step-4.active~product-form .pc__step:nth-child(4),.product-configurator #step-1:target~product-form .pc__step:nth-child(1),.product-configurator #step-2:target~product-form .pc__step:nth-child(2),.product-configurator #step-3:target~product-form .pc__step:nth-child(3),.product-configurator #step-4:target~product-form .pc__step:nth-child(4){display:revert}.product-configurator #step-4.active~product-form nav,.product-configurator #step-4:target~product-form nav{display:none}.product-configurator nav{align-items:flex-start;display:grid;gap:var(--space-s);grid-template-columns:1fr;margin-block-end:var(--space-m);margin-block-start:var(--space-xs)}.product-configurator nav a.has-icon{justify-items:flex-start}.product-configurator nav [aria-expanded=false][aria-disabled=true]{color:var(--pale-brown);pointer-events:none}@media screen and (max-width: 989px){.product-configurator product-form nav [aria-expanded=false]{display:none}.product-configurator #step-2.active~product-form nav [aria-expanded=false]:nth-child(1),.product-configurator #step-3.active~product-form nav [aria-expanded=false]:nth-child(2){display:grid}.product-configurator nav [aria-expanded=true].has-icon{grid-template-columns:1fr}.product-configurator nav [aria-expanded=true].has-icon svg{display:none}}@media screen and (min-width: 990px){.product-configurator nav{display:grid;gap:var(--space-m);grid-template-columns:repeat(3,auto)}.product-configurator nav a.has-icon{justify-items:flex-start}}.product-configurator .pc__steps{display:grid}.product-configurator .pc__step{counter-reset:step-option var(--option-index-start, 1)}.product-configurator .pc__step li:nth-child(n+2){counter-increment:step-option}.product-configurator .pc__step li h4:before{content:counter(step-option) "."}.product-configurator ul.pc__options{display:grid;gap:var(--space-l)}.product-configurator ul.pc__summary-list{list-style:disc;margin-block:var(--space-s);padding-inline-start:var(--space-m)}.product-configurator h4{margin-block-end:var(--space-s)}.product-configurator label{cursor:pointer}.product-configurator .cta--secondary{width:100%}.product-configurator .pc__step .cta--secondary{margin-block-start:var(--space-xl)}radio-select[data-without-preselection] :checked+label{--selected-color-override: transparent}radio-select[data-without-preselection][data-selected-value] :checked+label{--selected-color-override: revert}radio-select.as-images{--base-column-width: 92px;--column-width: var(--base-column-width)}radio-select.as-images fieldset{gap:var(--space-m);grid-template-columns:repeat(auto-fit,var(--column-width))}radio-select.as-images .image img{height:auto;width:100%}radio-select.as-images label{--selected-color: transparent;display:grid}radio-select.as-images label:before{background-color:var(--light-gray);background-image:var(--image);background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:0 0 0 var(--space-xxs) var(--selected-color) inset;content:"";height:var(--column-width);margin-block-end:var(--space-s);width:var(--column-width)}radio-select.as-images .radio-select__value:hover label,radio-select.as-images .radio-select__value :checked+label{--selected-color: var(--selected-color-override, var(--rust-brown))}@media (prefers-reduced-motion: no-preference){radio-select.as-images .radio-select__value label:before{transition:var(--duration-short) var(--transition-ease-default)}}:root{--enamel-hunter-green: #486545;--enamel-navy-blue: #222D42;--enamel-eggplant: #422838;--enamel-light-blue: #8FA7D3;--enamel-teal: #2C6A7E;--enamel-light-pink: #E8959E;--enamel-red: #9C222D;--enamel-hot-pink: #D56383;--enamel-white: #fff;--enamel-black: #000}radio-select.as-swatches{--swatch-width: var(--space-xl)}radio-select.as-swatches fieldset{align-items:flex-start;grid-template-columns:repeat(4,1fr)}radio-select.as-swatches label{--swatch-color: var(--image);display:grid;gap:var(--space-xs);justify-items:center;text-align:center}radio-select.as-swatches label span{display:revert}radio-select.as-swatches :checked+label:before{height:var(--swatch-width);margin:0;width:var(--swatch-width)}.swatch [value*=Raised]+label{--outline-color: var(--medium-brown);position:relative}.swatch [value*=Raised]+label:after{background-color:var(--outline-color);content:"";display:block;height:1px;position:absolute;top:calc(var(--swatch-width) / 2);transform:rotate(-45deg);width:var(--swatch-width)}.swatch [value*=White]+label{--outline-color: var(--medium-grey)}radio-select.as-buttons fieldset{gap:var(--space-s);grid-template-columns:repeat(auto-fit,22%)}radio-select.as-buttons .radio-select__value label{--border-color: transparent;align-items:center;border-radius:var(--space-l);border:1px solid var(--rust-brown);box-shadow:0 0 0 calc(var(--space-xxs) - 1px) var(--border-color) inset;display:flex;height:100%;justify-content:center;min-height:var(--space-xl);padding:0 var(--space-s);text-align:center;white-space:nowrap}radio-select.as-buttons .radio-select__value:hover label,radio-select.as-buttons .radio-select__value :checked+label{--border-color: var(--rust-brown)}@media (prefers-reduced-motion: no-preference){radio-select.as-buttons .radio-select__value label{transition:var(--duration-short) var(--transition-ease-default)}}.charm-back__engraving{--input-height: var(--space-m)}.charm-back__engraving[aria-expanded=false]{display:none}.charm-back__engraving[aria-expanded=true]{margin-block-start:var(--space-m)}.product__configurator__header{background-color:var(--airy-pink-light);border-bottom:1px solid var(--light-brown);display:grid;gap:var(--space-xs);grid-template-areas:"title media" "price media" "link  media";grid-template-columns:50% auto;grid-template-rows:auto auto 1fr;justify-content:space-between;margin-inline:calc(var(--grid-margin) * -1);margin-block-end:var(--space-s);padding:var(--space-s);position:sticky;top:var(--header-height);z-index:1}.product__configurator__header h1{grid-area:title}.product__configurator__header>.price{grid-area:price}.product__configurator__header dialog-opener{align-self:flex-end;grid-area:link;justify-self:flex-start;margin-top:var(--space-xs)}.product__configurator__header>.product__media .cta--primary{display:none}@media screen and (max-width: 989px){.product__configurator__header>.product__media{display:grid}.product__configurator__header>.product__media{grid-area:media;margin-block:calc(var(--space-s) * -1)}.product__configurator__header>.product__media img{max-height:180px;width:auto}}@media screen and (min-width: 990px){.product__configurator__header{display:none}}.product-configurator-header-dialog{align-content:flex-start;border:0;color:var(--rust-brown);display:grid;gap:var(--space-s);grid-template-areas:"title" "price" "media" "link";grid-template-columns:100%;grid-template-rows:auto auto auto auto;height:calc(100vh - var(--header-height));margin:0;max-height:none;max-width:none;width:100%;z-index:3}.product-configurator-header-dialog[open]{position:fixed;top:var(--header-height)}.product-configurator-header-dialog::backdrop{display:none}.product-configurator-header-dialog h1{grid-row:1}.product-configurator-header-dialog>.price{grid-row:2}.product-configurator-header-dialog .product__media{grid-row:3}.product-configurator-header-dialog [name=add],.product-configurator-header-dialog dialog-closer{grid-row:4}.product-configurator-header-dialog dialog-closer a{width:100%}.product-configurator-header-dialog [name=add]{display:none}@media screen and (max-width: 989px){.product-configurator #step-4.active~product-form .product__configurator__header{background:transparent;position:static;display:block}.product-configurator #step-4.active~product-form .product__configurator__header>h1,.product-configurator #step-4.active~product-form .product__configurator__header>.price,.product-configurator #step-4.active~product-form .product__configurator__header>dialog-opener,.product-configurator #step-4.active~product-form .product__configurator__header>.product__media{display:none}.product-configurator #step-4.active~product-form .product__configurator__header .product-configurator-header-dialog{display:grid;height:auto;padding:0;pointer-events:all;position:static}.product-configurator #step-4.active~product-form dialog-closer{display:none}.product-configurator #step-4.active~product-form [name=add]{display:inline-grid}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-product-configurator.css.map */