.vis-Visualiser{block-size:100%}.vis-Visualiser_Columns{flex-direction:column;display:flex;block-size:100%}@media only screen and (min-width: 901px){.vis-Visualiser_Columns{flex-direction:row}}.vis-Visualiser_Column{position:relative;display:flex}.vis-Visualiser_Column-canvas{flex:1 0 50%}.vis-Visualiser_Column-selectors{flex:0 0 50%;overflow-x:hidden}.vis-Visualiser_Column-selectors[aria-hidden=true]{display:none}@media only screen and (max-width: 900px){.vis-Visualiser_Column-summary{flex:0 0 50%;overflow:hidden}}@media only screen and (min-width: 901px){.vis-Visualiser_Column-canvas{flex:1 0 55%;background:var(--Color_Info)}.vis-Visualiser_Column-selectors{flex:1 0 45%;grid-template-columns:repeat(3,1fr);border-inline-start:1px solid var(--Color_TranslucentCapeCod)}.vis-Visualiser_Column-selectors[aria-hidden]{display:grid}}.vis-Visualiser_Placeholder{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;background-size:cover}.vis-Visualiser_Canvas{align-items:center;justify-content:center;display:flex;inline-size:100%;block-size:100%;background:var(--Color_Info);transition:.5s}.vis-Visualiser_Canvas-loading{filter:blur(10px);opacity:0;transition:.2s}.vis-Visualiser_BottomInfo{opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.vis-Visualiser_BottomInfo[aria-hidden=true]{opacity:0;visibility:hidden}.vis-Tooltip{position:absolute;inset-block-end:15px;inset-inline-end:15px;display:none}@media only screen and (min-width: 901px){.vis-Tooltip{inset-block-end:30px;inset-inline-end:30px;display:inline-block}}.vis-Tooltip:hover .vis-Tooltip_Message{opacity:1;visibility:visible}.vis-Tooltip:not(:hover) svg rect{fill:var(--Color_White)}.vis-Tooltip:not(:hover) svg path{stroke:var(--Color_CapeCod)}.vis-Tooltip svg rect,.vis-Tooltip svg path{transition:.3s all ease}.vis-Tooltip_Icon{cursor:pointer}.vis-Tooltip_Message{position:absolute;inset-block-end:calc(100% + 20px);inset-inline-end:0;z-index:1;inline-size:250px;padding:5px;text-align:center;background-color:var(--Color_White);filter:drop-shadow(0 8px 24px rgba(0,0,0,.1));opacity:0;visibility:hidden;transition:.25s ease all;pointer-events:none}@media only screen and (min-width: 901px){.vis-Tooltip_Message{inset-inline-start:50%;transform:translate(-50%)}}.vis-Tooltip_Message:before{content:"";position:absolute;inset-block-end:-50%;inset-inline-start:calc(100% - 20px);z-index:1;inline-size:14px;block-size:14px;background-color:var(--Color_White);transform:translate(-50%,-100%) rotate(45deg)}@media only screen and (min-width: 901px){.vis-Tooltip_Message:before{inset-inline-start:50%}}.vis-TooltipMobile{position:absolute;inset-block-start:20px;inset-inline-start:0;inset-inline-end:0;text-align:center}@media only screen and (min-width: 901px){.vis-TooltipMobile{display:none}}.vis-Zoom{position:absolute;inset-block-end:15px;inset-inline-end:15px;display:flex;gap:10px}@media only screen and (min-width: 901px){.vis-Zoom{inset-block-end:30px;inset-inline-end:90px}}.vis-Zoom svg rect,.vis-Zoom svg path{transition:.3s all ease}.vis-Zoom_Icon{cursor:pointer}@media only screen and (min-width: 901px){.vis-Zoom_Icon:hover svg rect{fill:var(--Color_CapeCod)}.vis-Zoom_Icon:hover svg path{stroke:var(--Color_White)}}.vis-Zoom-zoomed .vis-Zoom_Icon-zoomOut{display:block}.vis-Visualiser_Steps{flex-direction:column;grid-column:span 1;display:flex;inline-size:100%;background-color:var(--Color_LightNude)}.vis-Visualiser_Steps[aria-hidden=true]{display:none}@media only screen and (min-width: 901px){.vis-Visualiser_Steps{background-color:var(--Color_Info)}.vis-Visualiser_Steps[aria-hidden=true]{display:flex}}.vis-Visualiser_Step{align-items:center;justify-content:space-between;gap:5px;display:flex;max-block-size:150px;margin:0 15px;padding:15px 0;border-block-end:1px solid rgba(0,0,0,.1);cursor:pointer}.vis-Visualiser_Step[aria-disabled=true]{cursor:not-allowed}.vis-Visualiser_Step-mobileOnly{display:flex}@media only screen and (min-width: 901px){.vis-Visualiser_Step{flex-grow:1;margin:0;padding:15px;border:0}.vis-Visualiser_Step-mobileOnly{display:none}}@media only screen and (min-width: 1201px){.vis-Visualiser_Step{padding:15px 30px}}@media only screen and (min-width: 901px){.vis-Visualiser_Step-active{background-color:var(--Color_Background)}}.vis-Visualiser_StepIcon{align-items:center;justify-content:center;display:flex}.vis-Visualiser_StepArrow{inline-size:12px;block-size:12px}.vis-Visualiser_StepArrow-desktop{display:none}@media only screen and (min-width: 901px){.vis-Visualiser_StepArrow{inline-size:6px}.vis-Visualiser_StepArrow-desktop{display:block}.vis-Visualiser_StepArrow-mobile{display:none}}.vis-Visualiser_Step[data-completed=true] .vis-Visualiser_StepArrow,.vis-Visualiser_StepSuccess{display:none}.vis-Visualiser_Step[data-completed=true] .vis-Visualiser_StepSuccess{display:block}.vis-Visualiser_StepContainer{display:flex;margin-inline-start:10px;margin-inline-end:auto}.vis-Visualiser_StepValue,.vis-Visualiser_StepMax{display:inline-block;opacity:.5}.vis-Visualiser_StepValue-active,.vis-Visualiser_StepMax-active{opacity:1}@media only screen and (min-width: 901px){.vis-Visualiser_StepValue:not([data-stage=charms]):not(.vis-Visualiser_StepValue-active){display:none}.vis-Visualiser_StepValue,.vis-Visualiser_StepMax{opacity:.5}}.vis-Visualiser_StepSummary{margin-block-start:auto;padding:20px;padding-block-start:15px}.vis-Visualiser_StepSummary[aria-hidden=true]{display:none}@media only screen and (min-width: 901px){.vis-Visualiser_StepSummary{display:none}}.vis-Visualiser_InputTotal{justify-content:space-between;display:flex}.vis-Visualiser_StepSummaryButton{inline-size:100%;margin-block-start:15px}
/*# sourceMappingURL=/cdn/shop/t/513/assets/bespoke-visualiser.css.map */