.preview{position:relative}.preview__image{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center}.preview__image__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.preview__play{cursor:pointer;position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;left:0;top:0;background-color:#00000080}.preview__play__button{width:80px;height:80px;display:flex;align-items:center;justify-content:center;transition:transform .14s ease-in-out}.preview__play__mount{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 15px 8px}.preview__play__label{color:#fff}.preview__play__duration{position:absolute;right:10px;bottom:10px;background-color:#00000080;color:#fff;border-radius:8px}.preview__play:hover .preview__play__button{transform:scale(1.07)}.order__preview[data-v-77dc3b33]{pointer-events:none}.order__preview--clickable[data-v-77dc3b33]{pointer-events:auto;cursor:pointer}.grid-item .preview-button[data-v-d5eba4c9]{position:absolute;width:80px;height:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;display:flex;align-items:center;justify-content:center;border:1px rgb(106,155,244) solid;font-size:1.5rem;color:#6a9bf4;transition:transform .14s ease-in-out}.grid-item .label-wrapper[data-v-d5eba4c9]{position:absolute;top:50%;width:100%;margin-top:calc(40px + .5rem);display:flex;justify-content:center}.grid-item .label[data-v-d5eba4c9]{background-color:#ffffffe6}.grid-item:hover .preview-button[data-v-d5eba4c9]{transform:scale(1.07)}