.design-your-own{background:#fff;height:100vh;position:fixed;top:86px;width:100vw}.design-your-own .container{padding:0}.design-your-own .content{display:none;padding:0 15px}.design-your-own .image{background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:70vh}.design-your-own .description div{display:none}.design-your-own .description a{position:fixed;right:20px;top:75px}.design-your-own .options{background-color:#fff;border-radius:32px 32px 0 0;bottom:-70px;box-shadow:0 3px 8px 0 rgba(0,0,0,.32);padding:22px 30px;position:fixed;transition:.3s;width:100vw}.design-your-own .options.options-open{bottom:0}.design-your-own .options .option{max-height:0;opacity:0;overflow:hidden;transition:opacity .3s}.design-your-own .options .option .option-title{display:none}.design-your-own .options .option.active{max-height:100vh;opacity:1;padding-bottom:20px}.design-your-own .options .option button:not(.btn){background:transparent;border:none;border-radius:7px;cursor:pointer;margin:5px 5px 15px;padding:5px 5px 2px;position:relative}.design-your-own .options .option button:not(.btn) img{margin:0;padding:0;width:100%}.design-your-own .options .option button:not(.btn) .button-indicator{color:#000;font-size:10px;left:50%;opacity:0;position:absolute;text-align:center;top:calc(100% + 15px);transform:translateX(-50%);transition:opacity .3s,top .3s;width:80px}.design-your-own .options .option button:not(.btn):hover .button-indicator{opacity:1;top:calc(100% + 5px)}.design-your-own .options .option button:not(.btn).selected{border:1px solid #979797}.design-your-own .options .ui-bar{background-color:#5b5b5b;border-radius:25px;height:3px;margin:0 auto 20px;width:30px}.design-your-own .options .ui-bar-text{font-size:13px;font-weight:600;letter-spacing:2px;text-align:center;text-transform:uppercase}.design-your-own .options .nav{display:flex;justify-content:space-between;list-style-type:none;margin:20px 0 15px;padding:0}.design-your-own .options .nav li{border-bottom:2px solid transparent;font-size:15px;font-weight:500;padding-bottom:10px}.design-your-own .options .nav li.active{border-bottom:2px solid #004730}.design-your-own .options .title{font-size:15px;font-weight:500}.design-your-own .options .finishes #finish-options{display:flex;margin-bottom:20px;margin-left:5px}.design-your-own .options .finishes #finish-options button{width:10%}.design-your-own .options .button-group{grid-template-columns:repeat(5,1fr)}.design-your-own .options .accordion{border-bottom:1px solid #979797}.design-your-own .options .accordion .title{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px;position:relative}.design-your-own .options .accordion .title .toggle span{background-color:#000;height:2px;position:absolute;right:0;width:11px}.design-your-own .options .accordion .title .toggle span:last-of-type{transform:rotate(-90deg);transition:.2s}.design-your-own .options .accordion .button-group{max-height:0;opacity:0;overflow:hidden;transition:opacity .3s}.design-your-own .options .accordion.open .toggle span:last-of-type{transform:rotate(0)}.design-your-own .options .accordion.open .button-group{max-height:100vh;opacity:1;padding-bottom:20px}.design-your-own .options .description .current-selection{font-size:15px;font-weight:600}.design-your-own .options .description .current-selection span{font-style:italic;font-weight:100;margin-left:10px}.design-your-own .options .description .price{font-size:25px;font-weight:600;margin-top:25px}.design-your-own .options .description .btn{margin-top:20px}.design-your-own .button-group{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;grid-template-columns:repeat(5,1fr);overflow-x:auto!important;white-space:nowrap}.design-your-own .button-group button:not(.btn){display:inline-block;vertical-align:middle;width:calc(20% - 10px)}.design-your-own .button-group::-webkit-scrollbar{display:none}@media (min-width:768px){.design-your-own{height:100%;position:relative;top:0;width:100%}.design-your-own .description div{display:block}.design-your-own .description a{position:relative;right:0;top:0}.design-your-own .image{position:-webkit-sticky;position:sticky;top:0}.design-your-own .grid-area{display:grid;gap:60px;grid-template-columns:45% 55%}.design-your-own .button-group{display:grid}.design-your-own .button-group button:not(.btn){width:calc(100% - 8px)}.design-your-own .content{display:block;margin-bottom:30px}.design-your-own .content h1{margin-bottom:0}.design-your-own .content p{width:50vw}.design-your-own .options{border-left:1px solid #979797;border-radius:0;bottom:0;box-shadow:none;padding:22px 30px 22px 60px;position:relative;width:100%}.design-your-own .options .top{display:none}.design-your-own .options .option{margin-bottom:35px;max-height:100vh;opacity:1}.design-your-own .options .option .option-title{display:block;font-family:Lora;font-size:27px;font-weight:600;margin-bottom:10px}.design-your-own .options .option .accordion{border-bottom:none}.design-your-own .options .option .accordion .title{font-size:20px;padding:10px 10px 10px 0}.design-your-own .options .option .accordion.open .button-group{padding-top:10px}}