.modal{display:flex;position:relative;flex:1}.modal-left,.modal-right{display:flex;position:absolute;height:100%;width:50%;justify-content:center;align-items:center;box-sizing:border-box}.modal-left{left:0;border-right:var(--linewidth) solid var(--linecolor)}.modal-text{position:relative;height:50%;width:50%;height:auto;width:430px;margin:40px 20px;color:var(--textcolor)}.modal-text-top{display:flex;justify-content:space-between}.modal-price-top,.modal-price-bottom{color:var(--textcolorgrey)}.modal-price-top{display:none}.modal-name{padding-bottom:4px}.modal-text-top,.modal-description,.modal-measurements{padding-bottom:25px}.modal-type{color:var(--textcolorgrey)}p{padding:0;margin:0}.modal-status{font-style:italic;color:var(--textcolorgrey)}.modal-right{right:0}.modal-img{height:100%;width:100%}.modal-img img{position:absolute;height:100%;width:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.modal-right-overlay{display:flex;position:absolute;flex-direction:column;height:100%;width:100%;z-index:1}.modal-left-overlay{display:flex;position:absolute;flex-direction:column;align-items:end;height:100%;width:100%;z-index:1}.modal-ctrl{position:relative;display:flex;flex:1}.counter{position:absolute;-webkit-user-select:none;user-select:none;color:var(--grey700);padding:20px}.modal-ctrl button{background:none;border:none;color:inherit;padding:0;font:inherit;cursor:pointer;outline:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.modal-ctrl-left,.modal-ctrl-right{display:flex;align-items:center;box-sizing:border-box;width:50%;height:100%;cursor:var(--cursorPointer)}.modal-ctrl-close{cursor:var(--cursorPointer)}.symbol-close{stroke:var(--textcolor);stroke-width:2;-webkit-user-select:none;user-select:none;height:20px;margin:20px}.modal-ctrl-left{left:0;justify-content:baseline}.modal-ctrl-right{right:0;justify-content:end}.symbol-left,.symbol-right{stroke:var(--grey700);stroke-width:2;-webkit-user-select:none;user-select:none;height:25px;margin:15px}@media screen and (max-width: 974px){.modal{flex-direction:column-reverse;flex:none}.modal-left,.modal-right{position:relative;width:100%}.modal-left{border-right:none;border-top:var(--linewidth) solid var(--linecolor)}.modal-right{height:fit-content;aspect-ratio:3/4}.modal-text{height:auto;width:100%;margin:40px 30px}.modal-left-overlay{display:none}.counter{padding:15px 20px}.modal-price-top{display:block}.modal-price-bottom{display:none}}@media screen and (max-width: 600px){.counter{font-size:.75rem}}@media (hover:hover){.modal-ctrl-left:hover .symbol-left,.modal-ctrl-right:hover .symbol-right,.group-ctrl-left:hover .symbol-left,.group-ctrl-right:hover .symbol-right{stroke:var(--grey900)}.modal-ctrl-close:hover .symbol-close{stroke:var(--texthovercolor)}}@media (hover:none){.modal-ctrl-left:active .symbol-left,.modal-ctrl-right:active .symbol-right,.group-ctrl-left:active .symbol-left,.group-ctrl-right:active .symbol-right{stroke:var(--grey900)}.modal-ctrl-close:active .symbol-close{stroke:var(--texthovercolor)}}