#visualise-instructions,#product-info{color:#666666}#visualise-instructions .modal-content,#product-info .modal-content{border-radius:10px}#visualise-instructions .modal-content .modal-header,#product-info .modal-content .modal-header{border-bottom:0}#visualise-instructions .modal-content .modal-footer,#product-info .modal-content .modal-footer{border-top:0}.visualisersteps{border:1px solid #EEE;border-radius:10px;overflow:hidden}.visualisersteps #visualisestepsnav{border-right:1px solid #EEEEEE;background-color:#F5F5F5}.visualisersteps #visualisestepsnav .nav-item .nav-link{position:relative;margin-bottom:0;border:0;border-radius:0;font-weight:bold;font-family:"EB Garamond", times, serif !important;color:#475e6b;font-size:1.5rem;border-bottom:1px solid #EEE;text-decoration:none !important;background-color:#F5F5F5;font-weight:300}.visualisersteps #visualisestepsnav .nav-item .nav-link i{margin-left:1.5em;opacity:0;transition:0.5s;text-decoration:none !important}.visualisersteps #visualisestepsnav .nav-item .nav-link.active,.visualisersteps #visualisestepsnav .nav-item .nav-link:hover{background-color:#FFFFFF}.visualisersteps #visualisestepsnav .nav-item .nav-link.active i,.visualisersteps #visualisestepsnav .nav-item .nav-link:hover i{margin-left:0.5em;opacity:1}.visualisersteps #visualisestepsnav .nav-item .nav-link.active:after,.visualisersteps #visualisestepsnav .nav-item .nav-link:hover:after{content:"";display:block;height:100%;width:1px;background-color:#FFF;position:absolute;right:-1px;top:0}@keyframes waggle{0%{top:10%}10%{top:25%}15%{right:2.5rem}20%{right:1.5rem}22%{right:2.5rem}24%{top:25%;right:2.5rem}26%{top:40%;right:2.5rem}30%{top:40%;right:2.5rem}35%{top:60%;right:2.5rem}40%{top:40%;right:2.5rem}50%{right:2.5rem}52%{right:1.5rem}54%{right:2.5rem;opacity:1}59%{top:40%}71%{top:90%}76%{right:2.5rem;transform:rotate(0deg)}78%{right:1.5rem;transform:rotate(30deg)}80%{right:2.5rem;transform:rotate(0deg)}90%{opacity:1}92%{top:90%;opacity:0}100%{top:10%;opacity:0}}@keyframes flyout{0%{width:0rem}20%{width:0rem}22%{width:4.5rem}80%{width:4.5rem}82%{width:0rem}100%{width:0rem}}@keyframes reveal{0%{opacity:0}66%{opacity:0}68%{opacity:1}100%{opacity:1}}@keyframes reveal1{0%{opacity:0}76%{opacity:0}78%{opacity:1}100%{opacity:1}}@keyframes reveal2{0%{opacity:0}86%{opacity:0}88%{opacity:1}100%{opacity:1}}@keyframes reveal3{0%{opacity:0}86%{opacity:0}88%{opacity:1}100%{opacity:1}}@keyframes instructions{0%{content:"1. Select a category";opacity:1}18%{opacity:1}19%{opacity:0;content:"1. Select a category"}20%{opacity:1;content:"2. Browse the options"}46%{opacity:1}48%{opacity:0;content:"2. Browse the options"}50%{opacity:1;content:"3. Tap on an option"}76%{opacity:1}78%{opacity:0;content:"3. Tap on an option"}80%{opacity:1;content:"4. Watch your design come to life!"}100%{content:"4. Watch your design come to life!"}}.mini-preview{position:relative;border:0;overflow:hidden}.mini-preview:before{content:"";display:block;height:3rem;width:3rem;position:absolute;top:1.5rem;right:2.5rem;background-size:contain;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23FFFFFF" d="M448 128l-177.6 0c1 5.2 1.6 10.5 1.6 16l0 16 32 0 144 0c8.8 0 16-7.2 16-16s-7.2-16-16-16zM224 144c0-17.7-14.3-32-32-32c0 0 0 0 0 0l-24 0c-66.3 0-120 53.7-120 120l0 48c0 52.5 33.7 97.1 80.7 113.4c-.5-3.1-.7-6.2-.7-9.4c0-20 9.2-37.9 23.6-49.7c-4.9-9-7.6-19.4-7.6-30.3c0-15.1 5.3-29 14-40c-8.8-11-14-24.9-14-40l0-40c0-13.3 10.7-24 24-24s24 10.7 24 24l0 40c0 8.8 7.2 16 16 16s16-7.2 16-16l0-40 0-40zM192 64s0 0 0 0c18 0 34.6 6 48 16l208 0c35.3 0 64 28.7 64 64s-28.7 64-64 64l-82 0c1.3 5.1 2 10.5 2 16c0 25.3-14.7 47.2-36 57.6c2.6 7 4 14.5 4 22.4c0 20-9.2 37.9-23.6 49.7c4.9 9 7.6 19.4 7.6 30.3c0 35.3-28.7 64-64 64l-64 0-24 0C75.2 448 0 372.8 0 280l0-48C0 139.2 75.2 64 168 64l24 0zm64 336c8.8 0 16-7.2 16-16s-7.2-16-16-16l-48 0-16 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l64 0zm16-176c0 5.5-.7 10.9-2 16l2 0 32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0 0 16zm-24 64l-40 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l48 0 16 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-24 0z"/></svg>');background-position:center;z-index:5;animation-name:waggle;animation-duration:12s;animation-iteration-count:infinite}.mini-preview:after{content:"";display:block;height:9rem;width:3rem;border-radius:3px;background-color:rgba(0, 0, 0, 0.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:1rem;right:0.5rem;background-size:100% 1.5rem;background-image:linear-gradient(to bottom, grey 1px, transparent 1px)}.mini-preview span:nth-child(1){content:"";display:block;position:absolute;top:1rem;left:1rem;height:3rem;width:3rem;background-color:#00a4ca;background-size:cover;z-index:2}.mini-preview span:nth-child(3){content:"";display:block;height:100%;width:0rem;border-radius:0;background-color:rgba(0, 0, 0, 0.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:0;right:0;z-index:2;animation-name:flyout;animation-duration:12s;animation-iteration-count:infinite;background-size:100% 1.5rem;background-image:linear-gradient(to bottom, grey 1px, transparent 1px)}.mini-preview span:nth-child(3):after{content:"";display:block;height:1rem;width:calc(100%-2rem);position:absolute;bottom:0;left:0;right:0;background-color:#0097c3;border-radius:3px}.mini-preview span:nth-child(4){display:block;width:auto;height:auto;padding:0.75rem 1rem;border-radius:3px;background-color:rgba(0, 0, 0, 0.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#FFFFFF;position:absolute;bottom:1rem;left:1rem;z-index:10;white-space:nowrap}.mini-preview span:nth-child(4):before{content:"Select a category";display:block;animation-name:instructions;animation-duration:12s;animation-iteration-count:infinite;white-space:no-wrap;overflow:auto;font-size:14px}.mini-preview .baselayer,.mini-preview .newlayer,.mini-preview .newlayer1,.mini-preview .newlayer2,.mini-preview .newlayer3{position:absolute;top:0;left:0;height:100%;width:100%;animation-duration:12s;animation-iteration-count:infinite;object-fit:cover}.mini-preview>img{position:absolute;top:0;left:0;height:100%;width:100%;animation-duration:12s;animation-iteration-count:infinite;object-fit:cover}.mini-preview .newlayer{z-index:1;animation-name:reveal}.mini-preview .newlayer1{z-index:2;animation-name:reveal1}.mini-preview .newlayer2{z-index:3;animation-name:reveal2}.mini-preview .newlayer3{z-index:4;animation-name:reveal3}