@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
*{margin:0;padding:0;box-sizing:border-box;position:relative;font-family:"Roboto",sans-serif}img{width:100%;height:auto}.container{height:100dvh;display:flex;overflow:hidden}.props{max-width:300px;width:100%;height:100%;background:#fff;border-right:1px solid #000;overflow:hidden;display:flex;flex-direction:column;padding:0 0 175px}.canvas-container{width:100%;height:100%}.patterns-btn{height:50px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #000;transition:background .2s;cursor:pointer}.patterns-btn:hover{background:#ebebeb}.patterns{padding:10px;width:300px;height:calc(100% - 50px);background:#fff;border-right:1px solid #000;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-content:flex-start;position:absolute;z-index:1;top:50px;transform:translateX(-100%);transition:transform .2s;overflow-y:auto}.patterns__section{width:100%;text-align:center;border-bottom:1px solid #000}.patterns__items{display:flex;flex-wrap:wrap;gap:10px;width:100%;padding:15px 0px}.patterns_active{transform:translateX(0)}.patterns__item{width:45%;height:auto;cursor:pointer}.config{padding:20px 10px;flex:1 1 auto;display:flex;flex-direction:column;gap:20px}.config__label{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap}.config__label input{padding-left:5px}.countGlass,.colorFrame{display:flex}.countGlass__item,.colorFrame__item{padding:2px 10px;height:25px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #000;transition:background .2s;cursor:pointer}.countGlass__item_active,.colorFrame__item_active{background:#ebebeb}.countGlass__item:last-child,.colorFrame__item:last-child{border-left:none}.colorLamination{display:flex;align-items:center;gap:10px}.colorLamination input{padding:0;cursor:pointer}.colorPicker{display:none}.colorPicker_active{display:flex}.colorPicker{margin-top:20px}.wrapper{display:none}.wrapper_active{display:block}.price{width:200px;border:1px solid #000;background:#fff;position:absolute;left:50px;bottom:50px;z-index:1}.price__cost{padding:5px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000;font-size:18px}.price__cost span{font-weight:bold}.price__options{padding:5px;display:flex;flex-direction:column}.price__square,.price__perimeter{padding:2px 5px 2px 15px;display:flex;align-items:flex-end}.price__square span,.price__perimeter span{margin-left:5px}.info{width:24px;height:24px;position:absolute;top:15px;right:15px;z-index:1;cursor:pointer}.info .info-text{padding:5px;width:400px;background:#fff;border:1px solid #000;position:absolute;right:0;visibility:hidden;opacity:0;z-index:-1;transition:all .2s}.info input{opacity:0;position:absolute;z-index:-1}.info input:checked~.info-text{visibility:visible;opacity:1;z-index:1}.infoSash{width:24px;height:24px;display:flex;align-items:center;cursor:pointer}.modal{width:100%;height:100%;position:absolute;background:rgba(0,0,0,.3);display:none;align-items:center;justify-content:center;z-index:100}.modal-img{width:50%}.modal_active{display:flex}.side-menu{position:fixed;display:flex;top:0px;right:-25vw;width:25vw;height:100vh;z-index:3;border-left:1px solid #000;background:#fff;transition:all .5s ease 0s}.side-menu.opened{right:0vw}.side-menu.opened .side-menu__button::after{transform:translate(0px, 0px) rotate(-45deg)}.side-menu.opened .side-menu__button::before{transform:translate(0px, 0px) rotate(45deg)}.side-menu__list{overflow:auto;width:100%}.side-menu__list::-webkit-scrollbar{display:none}.side-menu__button{position:absolute;top:50%;left:0px;transform:translate(calc(-100% - 1px), -50%);width:50px;height:100px;background:#fff;border:1px solid #000;border-right:0px;border-radius:20px 0px 0px 20px;cursor:pointer}.side-menu__button::after,.side-menu__button::before{content:"";position:absolute;top:50%;left:10px;width:30px;height:2px;background:#000;transition:.5s}.side-menu__button::after{transform:translate(0px, -10px) rotate(-45deg)}.side-menu__button::before{transform:translate(0px, 10px) rotate(45deg)}.material-list__item{display:flex;flex-direction:column;width:100%}.material-list__item-label{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;padding:20px 50px;border-bottom:1px solid #000;background:#e4e4e4;font-size:18px;transition:all .3s ease 0s;z-index:2}.material-list__item-label:hover{background:#bcbcbc}.material-list__item-input{position:absolute;top:-20px;left:-20px;z-index:-1;opacity:0}.material-list__item-input:checked~.material-list__item-text{display:flex}.material-list__item-text{display:none;padding:10px 20px;border-bottom:1px solid #000}.material-data{flex-direction:column;gap:10px}.material-data__item{display:flex;align-items:flex-start;gap:5px;padding-bottom:15px}.material-data__item:not(:last-child){border-bottom:1px dashed #000}.btn-home{padding:8px;background:rgba(35,28,28,.73);border-radius:4px;color:#fff;-webkit-text-decoration:none;text-decoration:none;position:absolute;right:50px;top:10px;z-index:200;opacity:.5;transition:opacity .2s}.btn-home:hover{opacity:1}.share-window{display:none;width:80%;margin:0 auto}.share-window:hover{cursor:pointer}