.three-d-crate{background-color:var(--wp--preset--color--white)}.three-d-crate .three-d-container{display:flex;align-items:center;flex-direction:column}@media (min-width:981px){.three-d-crate .three-d-container{flex-direction:row}}.three-d-crate .three-d-container .render-crate{flex-grow:1;height:350px;width:100%;background-repeat:no-repeat;background-position:50%;background-size:contain}@media (min-width:480px){.three-d-crate .three-d-container .render-crate{height:550px}}@media (min-width:981px){.three-d-crate .three-d-container .render-crate{width:auto;height:650px}}.three-d-crate .three-d-container .render-crate canvas{width:100%!important;height:inherit!important}.three-d-crate .three-d-container .crate-selector{display:flex;align-items:center;gap:15px;padding:10px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}@media (min-width:981px){.three-d-crate .three-d-container .crate-selector{flex-direction:column}}.three-d-crate .three-d-container .crate-selector .crate-item{flex-shrink:0;width:70px;height:70px;border-radius:20px;background-color:var(--wp--preset--color--white);border:1px solid transparent;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;transition:border-color .2s ease-in-out;cursor:pointer;position:relative}.three-d-crate .three-d-container .crate-selector .crate-item.active{border-color:var(--wp--preset--color--primary)}@media (min-width:981px){.three-d-crate .three-d-container .crate-selector .crate-item{width:100px;height:100px}}.three-d-crate .three-d-container .crate-selector .crate-item .item-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:45px;height:45px;border-radius:25px;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--wp--preset--color--white-rgb),.75);color:var(--wp--preset--color--primary);font-size:28px}.three-d-crate .three-d-container .crate-selector .crate-item .item-in{padding:0 10px}.three-d-crate .product-usps{margin-top:40px}.three-d-crate .product-usps-in>.wp-block-group.is-layout-flex{justify-content:center;align-items:center;gap:15px 30px}@media (min-width:981px){.three-d-crate .product-usps-in>.wp-block-group.is-layout-flex{gap:15px 50px}}