.vis-Design{position:fixed;inset-block-start:0;inset-block-end:0;inset-inline-end:0;z-index:20;flex-direction:column;display:flex;max-inline-size:460px;inline-size:90%;background:var(--Color_White);opacity:0;overflow:hidden;visibility:hidden;transform:translate(100%);transition:opacity .3s,visibility .3s,transform .3s}.vis-Visualiser_Column-design[aria-hidden=false] .vis-Design{opacity:1;visibility:visible;transform:unset}@media only screen and (min-width: 901px){.vis-Design{inline-size:45%;margin:10px}}.vis-Design_Backdrop{position:fixed;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;z-index:19;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.vis-Visualiser_Column-design[aria-hidden=false] .vis-Design_Backdrop{opacity:1;visibility:visible}.vis-Design_Image{display:block;inline-size:100%}.vis-Design_Title{margin-block-end:20px}.vis-Design_Body{flex-grow:1;inline-size:100%;background-color:var(--Color_White);overflow-y:scroll}.vis-Design_Content{padding:17px 20px}@media only screen and (min-width: 901px){.vis-Design_Content{padding:20px 30px}}.vis-Design_Options{flex-direction:column;gap:10px;display:flex}.vis-Design_Option{align-items:center;gap:10px;display:flex;padding:13px 20px;border:1px solid var(--Color_TranslucentCapeCod);border-radius:100px;cursor:pointer}.vis-Design_Option:hover .vis-Design_OptionSelect svg{opacity:1;visibility:visible}.vis-Design_Option-selected,.vis-Design_Option-selected .vis-Design_OptionSelect{border-color:var(--Color_CapeCod)}.vis-Design_Option-selected .vis-Design_OptionSelect svg{opacity:1;visibility:visible}.vis-Design_OptionSelect{margin-inline-start:auto;border:1px solid var(--Color_TranslucentCapeCod);border-radius:100px}.vis-Design_OptionSelect svg{inline-size:20px;block-size:20px;padding:5px;opacity:0;visibility:hidden}.vis-Design_Text{margin-block-start:20px}.vis-Design_OptionPrice{white-space:nowrap}.vis-Design_Inputs{padding:17px 20px}@media only screen and (min-width: 901px){.vis-Design_Inputs{padding:20px 30px}}.vis-Design_Button{inline-size:100%;margin-block-start:15px}.vis-Design_Close{position:absolute;inset-block-start:30px;inset-inline-end:30px;z-index:2;inline-size:15px;block-size:15px;cursor:pointer}.vis-Design_Slide{flex:1 0 100%}.vis-Design_Control{position:absolute;inset-block-start:50%;z-index:1;align-items:center;justify-content:center;display:flex;inline-size:60px;block-size:60px;background-color:#0000001a;box-shadow:2px 2px 10px #0000001a;color:#fff;opacity:1;visibility:visible;transform:translateY(-50%);transition:background-color .3s ease,opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vis-Design_Control:is(:focus,:hover){background-color:#000}.vis-Design_Control[disabled]{opacity:0;visibility:hidden}.vis-Design_Control-next{inset-inline-end:0}.vis-Design_Control-previous{inset-inline-start:0}.vis-Design_ControlIcon{inline-size:7.5px}
/*# sourceMappingURL=/cdn/shop/t/513/assets/bespoke-visualiser-design.css.map */