fab-receipe-change-box{display:grid;grid-gap:20px;grid-template-columns:repeat(3, 1fr) [end];margin:20px 0;width:100%}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){fab-receipe-change-box .receipe{flex:1 1 33%;margin-left:5px;margin-right:5px;max-width:calc(33% - 10px)}fab-receipe-change-box .add-area{flex:1 1 100%}}@media(max-width: 991px){fab-receipe-change-box{grid-template-columns:repeat(2, 1fr) [end]}}@media(max-width: 991px)and (-ms-high-contrast: none),(max-width: 991px)and (-ms-high-contrast: active){fab-receipe-change-box .receipe{flex:1 1 50%;max-width:calc(50% - 10px)}}@media(max-width: 767px){fab-receipe-change-box{grid-template-columns:repeat(1, 1fr) [end]}}@media(max-width: 767px)and (-ms-high-contrast: none),(max-width: 767px)and (-ms-high-contrast: active){fab-receipe-change-box .receipe{flex:1 1 100%;max-width:calc(100% - 10px)}}fab-receipe-change-box button.reloadReceipes{display:none}fab-receipe-change-box .receipe{position:relative}fab-receipe-change-box .receipe fab-img-loader{display:block;margin:0;overflow:hidden;position:relative;width:100%;display:block}fab-receipe-change-box .receipe fab-img-loader:before{content:"";display:block;padding-top:75%}fab-receipe-change-box .receipe fab-img-loader>*{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}fab-receipe-change-box .receipe fab-img-loader img{border-radius:2px;height:100%;object-fit:cover;width:100%}fab-receipe-change-box .receipe button{background-color:#6b8455;border-radius:2px;color:#fff;font-size:28px;height:40px;position:absolute;top:0;widows:40px;border:none}fab-receipe-change-box .receipe button span{display:none;visibility:hidden}fab-receipe-change-box .receipe button.delete{right:0}fab-receipe-change-box .receipe .changeText,fab-receipe-change-box .receipe .deleteText{display:none;visibility:hidden}fab-receipe-change-box .receipe .name{background-color:#fff;border-radius:7px;bottom:0;margin:5px;opacity:.9;padding:15px 35px;position:absolute}fab-receipe-change-box .add-area{align-items:center;border:4px dashed #6b8455 !important;display:flex;flex-direction:column;grid-column:1/end;padding:20px}fab-receipe-change-box .add-area i{font-size:48px}fab-receipe-change-box .modal-content .modal-body{display:grid;padding:0;grid-gap:20px;grid-template-columns:repeat(3, 1fr) [end]}@media(max-width: 991px){fab-receipe-change-box .modal-content .modal-body{grid-template-columns:repeat(2, 1fr) [end]}}@media(max-width: 767px){fab-receipe-change-box .modal-content .modal-body{grid-template-columns:repeat(1, 1fr) [end]}fab-receipe-change-box .modal-content .modal-body .receipe{min-width:260px}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){fab-receipe-change-box,fab-receipe-change-box .modal-body{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}fab-receipe-change-box .receipe{min-width:auto !important}}