.door-design-preview{display:block;align-items:center;text-align:center;justify-content:center;position:relative}.door-design-preview .frame-container{display:flex;justify-content:center;margin-right:20px;margin-left:20px}.door-design-preview .frame{z-index:2;display:grid;grid:"frame-top frame-top frame-top" 12px "frame-left doors frame-right" 1fr "frame-bottom frame-bottom frame-bottom" 4px/8px auto 8px;justify-content:center;align-content:center}.door-design-preview .frame.softline{grid:"frame-top frame-top frame-top" 12px "frame-left doors frame-right" 1fr "frame-bottom frame-bottom frame-bottom" 4px/8px auto 8px}.door-design-preview .frame.slimline{grid:"frame-top frame-top frame-top" 12px "frame-left doors frame-right" 1fr "frame-bottom frame-bottom frame-bottom" 4px/6px auto 6px}.door-design-preview .frame.frameless{grid:"frame-top frame-top frame-top" 12px "frame-left doors frame-right" 1fr "frame-bottom frame-bottom frame-bottom" 4px/3px auto 3px}.door-design-preview .frame .frame-top,.door-design-preview .frame .frame-bottom{grid-area:frame-top;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px}.door-design-preview .frame .frame-top .line-indicator,.door-design-preview .frame .frame-bottom .line-indicator{line-height:0;margin-top:-22px;border-bottom:1px solid rgba(0,0,0,.2);position:relative;display:flex;justify-content:center}.door-design-preview .frame .frame-top .line-indicator .line-label,.door-design-preview .frame .frame-bottom .line-indicator .line-label{background:#fff;z-index:999;padding:10px 0;margin-bottom:-10px;font-size:14px;border-radius:5px;white-space:nowrap;cursor:pointer}.door-design-preview .frame .frame-bottom>.line-indicator{margin-top:10px}.door-design-preview .frame .frame-left,.door-design-preview .frame .frame-right{grid-area:frame-left;box-shadow:-10px 0 10px #00000026;height:100%!important}.door-design-preview .frame .frame-left .line-indicator,.door-design-preview .frame .frame-right .line-indicator{display:flex;align-items:center;height:calc(100% + 16px);margin-top:-12px;width:100%;border-left:1px solid rgba(0,0,0,.2);margin-left:-20px;line-height:0}.door-design-preview .frame .frame-left .line-indicator .line-label,.door-design-preview .frame .frame-right .line-indicator .line-label{width:auto;white-space:nowrap;margin-left:0;transform:translate(-50%) translateY(-50%) rotate(270deg);background:#fff;z-index:999;padding:10px;font-size:14px;border-radius:5px;cursor:pointer}.door-design-preview .frame .frame-right>.line-indicator{margin-left:28px}.door-design-preview .frame .line-indicator:hover,.door-design-preview .frame .line-indicator.focus{border-width:3px;border-color:#f1762b}.door-design-preview .frame .line-indicator:hover .line-label,.door-design-preview .frame .line-indicator.focus .line-label{background:#ed7732;color:#fff;cursor:pointer}.door-design-preview .frame .doors{height:100%;overflow-x:auto;grid-area:doors;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:0px 0px;grid-template-areas:". ."}.door-design-preview .frame .doors.doors-2{grid-template-columns:1fr 1fr;grid-template-areas:". ."}.door-design-preview .frame .doors.doors-3{grid-template-columns:1fr 1fr 1fr;grid-template-areas:". . ."}.door-design-preview .frame .doors.doors-4{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:". . . ."}.door-design-preview .frame .doors.doors-5{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-areas:". . . . ."}.door-design-preview .frame .doors.doors-6{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:". . . . . ."}.door-design-preview .frame .frame-right{grid-area:frame-right;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px}.door-design-preview .frame .frame-bottom{grid-area:frame-bottom;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px}.door-design-preview .frame .frame-top,.door-design-preview .frame .frame-left,.door-design-preview .frame .frame-right,.door-design-preview .frame .frame-bottom{display:block;width:100%;background-color:#49494b;z-index:99999}.door-design-preview .frame.white .frame-top,.door-design-preview .frame.white .frame-left,.door-design-preview .frame.white .frame-right,.door-design-preview .frame.white .frame-bottom{background-color:#fff}.door-design-preview .frame.black .frame-top,.door-design-preview .frame.black .frame-left,.door-design-preview .frame.black .frame-right,.door-design-preview .frame.black .frame-bottom{background-color:#1c1c1c}.door-design-preview .frame.brightnatural .frame-top,.door-design-preview .frame.brightnatural .frame-left,.door-design-preview .frame.brightnatural .frame-right,.door-design-preview .frame.brightnatural .frame-bottom{background-color:#cbcdce}.door-design-preview .frame.mattnatural .frame-top,.door-design-preview .frame.mattnatural .frame-left,.door-design-preview .frame.mattnatural .frame-right,.door-design-preview .frame.mattnatural .frame-bottom{background-color:#9a9ca5}.door-design-preview .frame .frame-top.active{border-top:3px dashed #F57521}.door-design-preview .frame .frame-bottom.active{border-bottom:3px dashed #F57521}.door-design-preview .frame .frame-left.active{border-left:3px dashed #F57521}.door-design-preview .frame .frame-right.active{border-right:3px dashed #F57521}.door-design-preview .mini-doors,.door-design-preview .doors{display:inline-flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-direction:row}.door-design-preview .mini-doors door-option,.door-design-preview .doors door-option{display:block;position:relative;height:100%;min-height:480px;background-color:#f9fafb;border-left:1px solid #454f5b;border-right:1px solid #454f5b;border-bottom:3px solid black;border-top:0px;cursor:pointer}.door-design-preview .mini-doors door-option:not(:first-child):not(.to-left),.door-design-preview .doors door-option:not(:first-child):not(.to-left){border-left:1px solid black;box-shadow:#00000059 -10px 0 15px}.door-design-preview .mini-doors door-option.to-left:not(:last-child),.door-design-preview .doors door-option.to-left:not(:last-child){border-right:1px solid black;box-shadow:#00000059 10px 0 15px}.door-design-preview .mini-doors door-option:hover,.door-design-preview .mini-doors door-option.selected,.door-design-preview .doors door-option:hover,.door-design-preview .doors door-option.selected{border:7px dashed #f1762b!important}.door-design-preview .mini-doors door-option.gyprock,.door-design-preview .doors door-option.gyprock{background-color:#cecece}.door-design-preview .mini-doors door-option.paintedglass,.door-design-preview .doors door-option.paintedglass{background:linear-gradient(#fff,#e7eef0 40%,#e2e6e7 60%,#a9acac)}.door-design-preview .mini-doors door-option.mirror,.door-design-preview .doors door-option.mirror{background:-moz-linear-gradient(-72deg,#dedede,#ffffff 16%,#dedede 21%,#ffffff 24%,#e1dede 27%,#dedede 36%,#ffffff 45%,#ffffff 60%,#dedede 72%,#ffffff 80%,#dedede 84%,#e1dede);background:-webkit-linear-gradient(-72deg,#dedede,#ffffff 16%,#dedede 21%,#ffffff 24%,#e1dede 27%,#dedede 36%,#ffffff 45%,#ffffff 60%,#dedede 72%,#ffffff 80%,#dedede 84%,#e1dede);background:-o-linear-gradient(-72deg,#dedede,#ffffff 16%,#dedede 21%,#ffffff 24%,#e1dede 27%,#dedede 36%,#ffffff 45%,#ffffff 60%,#dedede 72%,#ffffff 80%,#dedede 84%,#e1dede);background:linear-gradient(-72deg,#dedede,#fff 16%,#dedede 21%,#fff,#e1dede 27%,#dedede 36%,#fff 45% 60%,#dedede 72%,#fff 80%,#dedede 84%,#e1dede)}.door-design-preview .mini-doors door-option.glacier,.door-design-preview .doors door-option.glacier{background-color:#f7f4f4}.door-design-preview .mini-doors door-option.chalk,.door-design-preview .doors door-option.chalk{background-color:#faf7e9}.door-design-preview .mini-doors door-option.whitebirch,.door-design-preview .doors door-option.whitebirch{background-color:#f6f6ef}.door-design-preview .mini-doors door-option.buff,.door-design-preview .doors door-option.buff{background-color:#f3ecd5}.door-design-preview .mini-doors door-option.cameo,.door-design-preview .doors door-option.cameo{background-color:#f6f0dd}.door-design-preview .mini-doors door-option.shadow,.door-design-preview .doors door-option.shadow{background-color:#eeeeec}.door-design-preview .mini-doors door-option.buckingham,.door-design-preview .doors door-option.buckingham{background:url(https://storage.googleapis.com/artifacts.smapi-385722.appspot.com/inserts/colonials-v4/buckingham-full-min.jpg) no-repeat center center;background-size:100% 100%}.door-design-preview .mini-doors door-option.rochester,.door-design-preview .doors door-option.rochester{background:url(https://storage.googleapis.com/artifacts.smapi-385722.appspot.com/inserts/colonials-v4/rochester-full-min.jpg) no-repeat center center;background-size:100% 100%}.door-design-preview .mini-doors door-option.sandringham,.door-design-preview .doors door-option.sandringham{background:url(https://storage.googleapis.com/artifacts.smapi-385722.appspot.com/inserts/colonials-v4/sandringham-full-min.jpg) no-repeat center center;background-size:100% 100%}.door-design-preview .mini-doors door-option.cromwell,.door-design-preview .doors door-option.cromwell{background:url(https://storage.googleapis.com/artifacts.smapi-385722.appspot.com/inserts/colonials-v4/cromwell-full-min.jpg) no-repeat center center;background-size:100% 100%}.door-design-preview .mini-doors door-option.hastings,.door-design-preview .doors door-option.hastings{background:url(https://storage.googleapis.com/artifacts.smapi-385722.appspot.com/inserts/colonials-v4/hastings-full-min.jpg) no-repeat center center;background-size:100% 100%}.door-design-preview .mini-doors door-option.vj,.door-design-preview .doors door-option.vj{background:url(https://storage.googleapis.com/artifacts.smapi-385722.appspot.com/inserts/colonials-v4/vj-full-min.jpg) no-repeat center center;background-size:100% 100%}.door-design-preview .mini-doors door-option img,.door-design-preview .doors door-option img{height:550px;margin-top:75px;margin-bottom:150px;z-index:2}#door-designer-preview-container{z-index:6}.checkbox label{padding-left:24px;position:relative;cursor:pointer}.checkbox label input[type=checkbox]{display:none}.checkbox label input[type=checkbox]+.box:before,.checkbox label input[type=checkbox]+.box:after{transition:all .3s}.checkbox label input[type=checkbox]+.box:after{position:absolute;left:4px;top:6px;margin-top:-5px;margin-left:-4px;display:inline-block;content:" ";width:20px;height:20px;border:2px solid #999;border-radius:2px;background-color:#fff;z-index:2}.checkbox label input[type=checkbox]:checked+.box:after{background-color:#f1762b;border-color:#6a6c7e}.checkbox label input[type=checkbox]:checked+.box:before{transform:rotate(45deg);position:absolute;left:7px;top:3px;width:6px;height:13px;border-width:2px;border-style:solid;border-top:0;border-left:0;border-color:#fff;content:"";z-index:3}
/*# sourceMappingURL=/cdn/shop/t/48/assets/sm-wardrobe-doors-v2.css.map */