.opm_option-list{}.opm_option-element{display:grid;grid-template-areas:"cover title select" "cover content content";grid-template-columns:150px 1fr 130px;grid-template-rows:100px 0;transition:all 0.2s;grid-gap:10px;margin-bottom:16px}.opm_option-element.open{grid-template-rows:100px 1fr;grid-template-columns:300px 1fr 130px}.opm_cover-wrapper{grid-area:cover;cursor:pointer;transition:all 0.2s;position:relative}.opm_cover-wrapper::after{position:absolute;content:'';overflow:hidden;top:0;left:0;right:0;bottom:0;text-align:center;background-color:#fff0;font-size:32px;transition:all 0.2s}.opm_cover-wrapper:hover::after{background-color:rgb(249 176 0 / .8);bottom:0}.opm_cover-wrapper::before{z-index:1;position:absolute;top:calc(50% - 20px);left:calc(50% - 16px);color:#FFF;content:'\f14c';font-family:dashicons;font-size:32px;opacity:0}.opm_cover-wrapper:hover::before{opacity:1}.opm_cover-img-wrapper{display:flex;flex-direction:column;justify-content:center;height:100%;transition:all 0.2s;overflow:hidden}.opm_cover-img{max-height:100%;width:auto;transition:all 0.2s}.opm_option-element.open .opm_cover-img{max-height:inherit}.opm_title-wrapper{grid-area:title}.opm_title-title{font-family:"Sulphur Point";font-weight:400;font-size:1.2em;color:#f9b000}.opm_selecter{grid-area:select;background-color:#f9b000;border-radius:5px;display:flex;justify-content:center;align-items:center;padding:3px 0;margin:24px -11px}.opm_content-wrapper{grid-area:content;overflow:hidden}.opm_content{background-color:#f9b0001c;padding:10px}.opm_selecter:hover{opacity:.8}.opm_form-group{margin-bottom:16px}.opm_footer-total{text-align:right}@media(max-width :765px){.opm_option-element{display:flex;flex-direction:column;margin-bottom:45px}.opm_cover-wrapper:hover::after{background-color:unset}.opm_cover-wrapper:hover::before{opacity:0}.opm_selecter{padding:4px;margin:20px 25%}.opm_selecter:hover{opacity:1}.opm_content{margin-bottom:50px}}