.SilverBroochVisualizationHotspot{transform:translate(-50%,-50%);z-index:10;padding:0;margin:0;border:.0625rem solid #2a9fd8;background:#00adff8a;border-radius:50%;min-width:2rem;min-height:2rem;max-width:3rem;max-height:3rem;opacity:.000001;transition-timing-function:ease-in-out;transition-duration:.25s;transition-property:opacity,border-color,background}.SilverBroochVisualizationHotspot--semiVisible{border:.0625rem solid #d6d6d6;background:#ffffff8a}.SilverBroochVisualizationHotspot:hover,.SilverBroochVisualizationHotspot--visible{opacity:1}.SilverBroochVisualizationHotspot:hover{transition-duration:.125s}.SilverBroochVisualizationHotspot:focus{outline:none}.SilverBroochVisualization{display:flex;justify-content:center;align-items:center;outline:none}@media (min-width: 576px){.SilverBroochVisualization--mode-webshop{align-items:flex-start}}@media (min-width: 576px){.SilverBroochVisualization--mode-designStation{align-items:center}}.SilverBroochVisualization__inner{display:flex;justify-content:center;align-items:flex-start;min-width:12rem}.SilverBroochVisualization .SilverBroochVisualization__baseCoupling,.SilverBroochVisualization .SilverBroochVisualization__componentAttachmentCoupling,.SilverBroochVisualization .SilverBroochVisualization__hotspot{position:absolute;top:0;left:0}.Modal{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center}.Modal__body{background:#fffc;display:flex;flex-direction:column;max-height:calc(100vh - 10rem);width:18rem}@media (min-width: 576px){.Modal__body{width:22rem}}@media (min-width: 768px){.Modal__body{width:40rem}}@media (min-width: 992px){.Modal__body{width:56rem}}.Modal__header{display:flex;justify-content:space-between;height:100%;padding:2rem}.Modal__title{font-family:Beausite Fit,sans-serif}.Modal__closeButton{align-self:start}.Modal__main{overflow-y:scroll;padding:0 2rem 2rem}.SilverBroochPanel{background:#fffc;border-radius:.5rem;padding:1rem 1.25rem}@media (min-width: 576px){.SilverBroochPanel{padding:1.5rem}}.SilverBroochPanel p{margin:0}.SilverBroochEquivalentProductLink{width:min(100%,16rem);border-radius:.5rem;padding-inline:.5rem;padding-block-end:1.875rem;--background-opacity: .03;background-color:rgba(var(--theme-foreground-rgb),var(--background-opacity));display:flex;flex-direction:column;align-items:center;justify-content:center}.SilverBroochEquivalentProductLink:any-link{--background-opacity: .1;cursor:pointer}@media (any-hover: hover){.SilverBroochEquivalentProductLink:any-link{--background-opacity: .03;transition:background-color .5s ease-out}.SilverBroochEquivalentProductLink:any-link:hover{--background-opacity: .1}}.SilverBroochEquivalentProductLink--current{border-color:#000}.SilverBroochEquivalentProductLink__image{height:13.875rem!important;object-fit:contain}.SilverBroochEquivalentProductLink__name{text-align:center}.SilverBroochEquivalentProductsPanel{align-self:stretch;display:grid;grid-template-rows:auto minmax(.75rem,1fr) auto}@media (max-width: 575.98px){.SilverBroochEquivalentProductsPanel{padding-block-start:0;background:none}}@media (min-width: 576px){.SilverBroochEquivalentProductsPanel{padding:1.5rem;display:initial}}.SilverBroochEquivalentProductsPanel__infoAndChangeButton{grid-row:1;margin-inline:-1.25rem;padding:.5rem 1.25rem;background:#fffc;display:flex;align-items:center}@media (min-width: 576px){.SilverBroochEquivalentProductsPanel__infoAndChangeButton{padding:0;margin:0;background:none}}.SilverBroochEquivalentProductsPanel__info{margin-inline-end:1rem;flex:1 1 auto;display:flex;align-items:center;justify-content:space-between}@media (min-width: 576px){.SilverBroochEquivalentProductsPanel__info{display:initial;margin-inline-end:0}}.SilverBroochEquivalentProductsPanel__name{font-size:1.25rem}@media (min-width: 576px){.SilverBroochEquivalentProductsPanel__name{font-size:1.375rem}}@media (max-width: 575.98px){.SilverBroochEquivalentProductsPanel__name{margin:0}}.SilverBroochEquivalentProductsPanel__property{font-size:85%}.SilverBroochEquivalentProductsPanel__price{margin-inline-start:1rem}@media (min-width: 576px){.SilverBroochEquivalentProductsPanel__price{margin-bottom:.5rem;margin-inline-start:0}}.SilverBroochEquivalentProductsPanel__changeProductButton{margin-block:.5rem}@media (min-width: 576px){.SilverBroochEquivalentProductsPanel__changeProductButton{margin-block:0}}.SilverBroochEquivalentProductsPanel__productLinks{max-width:51rem;display:grid;grid-template-columns:repeat(auto-fill,min(100%,16rem));grid-gap:1rem;justify-content:center}.SilverBroochEquivalentProductsPanel__changeProductButton,.SilverBroochEquivalentProductsPanel__changeProductButton:hover,.SilverBroochEquivalentProductsPanel__cancelButton,.SilverBroochEquivalentProductsPanel__cancelButton:hover{border-color:#000}.SilverBroochEquivalentProductsPanel__cancelButton{grid-row:3;grid-column:1;justify-self:start}.SilverBroochEquivalentProductsPanel__finishedButton{grid-row:3;grid-column:1;justify-self:end}.SilverBroochComponentSelectionOption{inline-size:5.375rem;min-block-size:5.375rem;block-size:100%;-webkit-user-select:none;user-select:none;padding:.5rem;border-radius:.5rem;--background-opacity: .03;background-color:rgba(var(--theme-foreground-rgb),var(--background-opacity));overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:.5rem}@media (min-width: 576px){.SilverBroochComponentSelectionOption{inline-size:7rem;min-block-size:7rem}}@media (any-hover: hover){.SilverBroochComponentSelectionOption{--background-opacity: .03;transition:background-color .5s ease-out}.SilverBroochComponentSelectionOption:hover{--background-opacity: .1}}.SilverBroochComponentSelectionOption--selected{--background-opacity: .1}@media (any-hover: hover){.SilverBroochComponentSelectionOption--selected:hover{--background-opacity: .15}}.SilverBroochComponentSelectionOption__name{display:none;-webkit-hyphens:auto;hyphens:auto;-webkit-user-select:auto;user-select:auto;word-break:auto-phrase;max-inline-size:100%}@media (min-width: 576px){.SilverBroochComponentSelectionOption__name{display:inline}}.SilverBroochComponentSelectionOption__imageWrapper{inline-size:4.375rem;block-size:4.375rem}@media (min-width: 576px){.SilverBroochComponentSelectionOption__imageWrapper{inline-size:6rem;block-size:6rem}}.SilverBroochComponentSelectionOption__image{pointer-events:none}.SilverBroochComponentSelectionPanel{display:grid;grid-template-areas:"buttons" "componentSelection";grid-row-gap:.625rem}@media (min-width: 576px){.SilverBroochComponentSelectionPanel{max-block-size:26.5rem;block-size:100%;grid-auto-flow:row;grid-template-areas:unset;grid-row-gap:1.5rem}}.SilverBroochComponentSelectionPanel__title{font-size:1.25rem}.SilverBroochComponentSelectionPanel__componentSelection{grid-area:componentSelection;min-block-size:0;display:grid;grid-auto-flow:column;grid-column-gap:.625rem;justify-content:start;overflow:auto}@media (min-width: 576px){.SilverBroochComponentSelectionPanel__componentSelection{grid-gap:1rem;grid-auto-flow:unset;grid-template-columns:repeat(auto-fill,7rem);grid-area:unset}}.SilverBroochComponentSelectionPanel__componentButton{background:none;border:none;padding:0}.SilverBroochComponentSelectionPanel__componentButton:focus{outline:none}.SilverBroochComponentSelectionPanel__buttons{grid-area:buttons;display:flex;flex-wrap:wrap;gap:.625rem}@media (min-width: 576px){.SilverBroochComponentSelectionPanel__buttons{gap:1rem;grid-area:unset}}.SilverBroochComponentSelectionPanel__button{min-inline-size:max-content}.SilverBroochComponentSelectionPanel__button--closePanel{margin-inline-start:auto}.SilverBroochEngravingPanel{display:grid;grid:auto-flow/1fr;grid-row-gap:.5rem;align-content:space-between;block-size:10.25rem}@media (min-width: 576px){.SilverBroochEngravingPanel{block-size:auto}}.SilverBroochEngravingPanel__header{display:grid;grid:"title closeButton" "subTitle subTitle";grid-gap:.5rem;justify-content:space-between;align-items:center}@media (min-width: 576px){.SilverBroochEngravingPanel__header{grid:"title" "subtitle"}}.SilverBroochEngravingPanel__title{grid-area:title;font-size:1.25rem;margin:0}.SilverBroochEngravingPanel__subTitle{grid-area:subTitle}.SilverBroochEngravingPanel__closeButton{grid-area:closeButton;align-self:start}.SilverBroochEngravingPanel__inputAndButtons{align-self:end;display:flex;flex-wrap:wrap;gap:.625rem}@media (min-width: 576px){.SilverBroochEngravingPanel__inputAndButtons{gap:1rem}}.SilverBroochEngravingPanel__input{flex:1 1 auto;padding:.25rem .5rem;background:#fff;border:.0625rem solid #1D1D1C;width:7.75rem}.SilverBroochEngravingPanel__button{min-inline-size:max-content}.SilverBroochFinalizationPanel{display:grid;grid-auto-flow:row;align-content:space-between;min-block-size:10.25rem}@media (min-width: 576px){.SilverBroochFinalizationPanel{grid-row-gap:1rem}}.SilverBroochFinalizationPanel__header{display:grid;grid:1fr/auto-flow;grid-column-gap:1rem;align-items:center;justify-content:space-between}.SilverBroochFinalizationPanel__title{font-size:1.0625rem;margin:0;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width: 576px){.SilverBroochFinalizationPanel__title{font-size:1.25rem}}.SilverBroochFinalizationPanel__closeButton{align-self:start}.SilverBroochFinalizationPanel__addToCart{display:grid;grid-auto-flow:column;grid-column-gap:.625rem;align-items:end}.SilverBroochFinalizationPanel__sendEmail{block-size:8.25rem;display:grid;grid:"label label label close" 1fr "input input input input" "back  .     send  send"/auto 1fr auto auto;grid-row-gap:.625rem}@media (min-width: 576px){.SilverBroochFinalizationPanel__sendEmail{block-size:unset;display:grid;grid:auto-flow/1fr}}.SilverBroochFinalizationPanel__sendEmail .SilverBroochFinalizationPanel__formItem{display:contents}@media (min-width: 576px){.SilverBroochFinalizationPanel__sendEmail .SilverBroochFinalizationPanel__formItem{display:grid}}.SilverBroochFinalizationPanel__sendEmail .SilverBroochFinalizationPanel__title{grid-area:label}.SilverBroochFinalizationPanel__sendEmail .SilverBroochFinalizationPanel__label{grid-area:label;align-self:end}@media (min-width: 576px){.SilverBroochFinalizationPanel__sendEmail .SilverBroochFinalizationPanel__label{grid-area:unset}}.SilverBroochFinalizationPanel__sendEmail .SilverBroochFinalizationPanel__input{grid-area:input}@media (min-width: 576px){.SilverBroochFinalizationPanel__sendEmail .SilverBroochFinalizationPanel__input{grid-area:unset}}.SilverBroochFinalizationPanel__formItem{display:grid;grid-auto-flow:row;grid-row-gap:.5rem}.SilverBroochFinalizationPanel__label{font-size:1.25rem}.SilverBroochFinalizationPanel__input{padding:.25rem .5rem;background:#fff;border:.0625rem solid #1D1D1C}.SilverBroochFinalizationPanel__input--invalid{border-color:red}.SilverBroochFinalizationPanel__buttonGroup{display:flex;flex-wrap:wrap;gap:.625rem}@media (min-width: 576px){.SilverBroochFinalizationPanel__buttonGroup{gap:1rem}}.SilverBroochFinalizationPanel__buttonGroupButton{display:flex;align-items:center;justify-content:center;gap:.5rem}@media (min-width: 576px){.SilverBroochFinalizationPanel__buttonGroupButton{flex:0 0 auto}}.SilverBroochFinalizationPanel__buttonGroupButton--addToCart,.SilverBroochFinalizationPanel__buttonGroupButton--email{flex:1 1 auto}.SilverBroochFinalizationPanel__emailCloseButton{grid-area:close;align-self:start}.SilverBroochFinalizationPanel__emailBackButton{grid-area:back}.SilverBroochFinalizationPanel__sendEmailButton{grid-area:send;align-self:start}@media (min-width: 576px){.SilverBroochFinalizationPanel__sendEmailButton{grid-area:unset;justify-self:start}}.PriceToggle{display:flex;align-items:center}.PriceToggle .form-check-input,.PriceToggle .form-check-label{cursor:pointer}.PriceToggle .form-check-input{width:2.5rem;height:1.25rem}.PriceToggle .form-check-input:checked{background-color:#fff;border-color:#000}.SilverBroochCustomizationApp{position:relative;min-block-size:100%;background-size:auto 100%;background-position:center;background-repeat:repeat;display:grid;grid-template:".                         .                   .             .     " 1.25rem [logoLink-start] ".                         visualization       visualization .     " [logoLink-end] ".                         visualization       visualization .     " 1fr ".                         .                   .             .     " 1.25rem "panels                    panels              panels        panels"/1.25rem [logoLink-start] 3rem [logoLink-end] auto 1.25rem}@media (min-width: 576px){.SilverBroochCustomizationApp{background-size:auto 150%;background-position:50% 70%;background-repeat:no-repeat}}@media (min-width: 576px){.SilverBroochCustomizationApp{--panelsColumnWidth: 13.5rem;--topRowHeight: 3rem;grid-template:".        .               .               .               .                        .               ." var(--topRowHeight) ".        logoLink        title           title           title                    switch          ." ".        .               .               .               .                        .               ." 4rem ".        visualization   visualization   .               panels                   panels          ." 1fr ".        .               .               .               .                        .               ." 2rem ".        copyrightNotice copyrightNotice copyrightNotice copyrightNotice          copyrightNotice ."/1.25rem 4rem auto 1rem var(--panelsColumnWidth) 4rem 1.25rem;grid-column-gap:.5rem;margin-block-end:5rem}}@media (min-width: 768px){.SilverBroochCustomizationApp{--panelsColumnWidth: 21.5rem}}@media (min-width: 992px){.SilverBroochCustomizationApp{--topRowHeight: 2rem}}@media (min-width: 1200px){.SilverBroochCustomizationApp{--panelsColumnWidth: 29.5rem}}@media (min-width: 1400px){.SilverBroochCustomizationApp{--panelsColumnWidth: 37.5rem}}.SilverBroochCustomizationApp__title{grid-area:title;align-self:center;display:none;font-family:Beausite Fit,sans-serif;color:#1d1d1c;font-size:2.25rem;text-align:center}@media (min-width: 576px){.SilverBroochCustomizationApp__title{font-size:2.875rem;display:block}}@media (min-width: 768px){.SilverBroochCustomizationApp__title{font-size:3.125rem}}.SilverBroochCustomizationApp__customization{flex:1 1 auto;block-size:100%}.SilverBroochCustomizationApp__logoLink{grid-area:logoLink;place-self:center;inline-size:100%}.SilverBroochCustomizationApp__priceSwitch{position:absolute;top:1.75rem;right:1.25rem}@media (min-width: 576px){.SilverBroochCustomizationApp__priceSwitch{top:.5rem;right:1rem}}@media (min-width: 992px){.SilverBroochCustomizationApp__priceSwitch{top:3.25rem;right:2rem}}.SilverBroochCustomizationApp__logo{display:block}.SilverBroochCustomizationApp__visualization{grid-area:visualization}.SilverBroochCustomizationApp__panels{grid-area:panels;align-self:end;display:grid;grid-auto-flow:row;grid-row-gap:.5rem}@media (min-width: 576px){.SilverBroochCustomizationApp--mode-webshop .SilverBroochCustomizationApp__panels{align-self:start}}@media (min-width: 576px){.SilverBroochCustomizationApp--mode-designStation .SilverBroochCustomizationApp__panels{align-self:center}}.SilverBroochCustomizationApp__copyrightNotice{grid-area:copyrightNotice}
