.image-holder{height:auto;width:100%;aspect-ratio:1}.no-picture{background-color:#eee;color:#7d7d7d;display:flex;align-items:center;justify-content:center;height:100%}.no-picture i{color:#ccc;font-size:3rem}.product-modal{min-width:550px}@media only screen and (max-width:550px){.product-modal{min-width:100%}}.modal-player,.modal-player video{background-color:#000}.modal-player video{max-height:500px}.product-video-icon{cursor:pointer;position:relative}.product-video-icon svg{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);z-index:9;font-size:50px;color:#000;filter:drop-shadow(3px 3px 2px rgba(255,255,255,.5))}hr{border-top:1px solid gray}.contact-list i{font-size:1.2rem}.icon-search-keyword{padding-left:5px;font-size:.8rem;padding-top:1px}.variations-box{margin-bottom:1rem;max-height:300px;overflow:auto}.variations-box ul{padding:0}.variations-box li{border:1px solid;border-radius:5px;padding:4px;margin-right:5px;font-size:13px;cursor:pointer;display:inline-block;margin-bottom:5px}.variations-box li:hover{background-color:#f0f0f0}.variations-box .disabled{opacity:.5;cursor:unset}.variations-box .active{border:2px solid;background-color:#f0f0f0}.variations-box{max-width:20rem}.modal-change input{padding:8px 12px;height:40px;font-size:inherit;border-radius:5px;border:1px solid;width:100%;outline:none;font-family:inherit}.modal-change input:hover{border-color:gray .5}.break-word{word-wrap:break-word;overflow:hidden}.link{cursor:pointer}.text-right{text-align:right}.pull-right{float:right}.details{position:relative}.product-code-abs{position:absolute;right:0;top:5px}.product-code,.product-code-abs{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;text-overflow:clip}.title{white-space:unset!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2}