body.scroll-stop{overflow:hidden}#sample-preview-barrier{display:none;z-index:5000}#sample-preview-barrier.show{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);align-items:center;justify-content:center}#sample-preview-barrier>.close-button{line-height:2em;cursor:pointer;position:fixed;top:50px;right:20px;color:#fff;z-index:100}#sample-preview-barrier>.close-button span.material-symbols-outlined{font-size:36px}#sample-preview-barrier>.sample-preview-video{display:none;min-width:350px;height:80hv;min-height:150px;background:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}#sample-preview-barrier>.sample-preview-video.show{display:block}#sample-preview-barrier>.sample-preview-thumbnail{display:none;position:fixed;height:100vh;width:100vw;top:0;left:0;overflow:auto}#sample-preview-barrier>.sample-preview-thumbnail.show{display:block}@media only screen and (max-width: 750px){#sample-preview-barrier>.sample-preview-video{width:100%}}@media only screen and (max-width: 750px){#sample-preview-barrier.show{background:#000}}#sample-preview-dialog{min-width:350px;max-height:80vh;min-height:200px;width:700px;background:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);padding:10px;border-radius:4px;display:flex;flex-direction:column}#sample-preview-dialog .inner-wrapper{height:100%;display:flex;flex-direction:column}#sample-preview-dialog .inner-wrapper .title-bar{display:flex}#sample-preview-dialog .inner-wrapper .title-bar .title{flex:1;line-height:1.8em;font-size:14px;text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap}#sample-preview-dialog .inner-wrapper .title-bar .close-button{line-height:2em;cursor:pointer}#sample-preview-dialog .inner-wrapper .sample-preview-video{display:none}#sample-preview-dialog .inner-wrapper .sample-preview-video.show{display:flex;flex-direction:column;flex:1;overflow:hidden}#sample-preview-dialog .inner-wrapper .sample-preview-video .description{max-height:200px;overflow-y:scroll;margin-top:10px;flex:1}#sample-preview-dialog .inner-wrapper .sample-preview-thumbnail{display:none}#sample-preview-dialog .inner-wrapper .sample-preview-thumbnail.show{display:flex;flex-direction:column}#sample-preview-dialog .inner-wrapper img.preview{max-width:780px;max-height:480px;border:none;object-fit:contain}#sample-preview-dialog .inner-wrapper .buttons{margin-top:5px;text-align:center}#sample-preview-dialog .inner-wrapper .buttons a.prev,#sample-preview-dialog .inner-wrapper .buttons a.next{margin:auto 5px}#sample-preview-dialog .inner-wrapper .buttons a.prev.disabled,#sample-preview-dialog .inner-wrapper .buttons a.next.disabled{cursor:not-allowed;color:gray}.product-item{position:relative}.sample_preview_button{background:#000;opacity:.4;color:#fff;border:solid #d3d3d3 2px;border-radius:5px;position:absolute;width:28px;height:28px;bottom:0;left:0;float:left;margin-right:2px;margin-top:4px;cursor:pointer}.sample_preview_button.video+.sample_preview_button.thumbnail{left:30px}.sample_preview_button.disabled{cursor:not-allowed}@media only screen and (max-width: 750px){.sample_preview_button{bottom:auto;top:164px;padding:0;width:40px;height:40px;padding-top:6px;margin-left:8px}.sample_preview_button.video+.sample_preview_button.thumbnail{left:44px}}@media only screen and (max-width: 750px){.product-item-sale{position:relative}}.product-item-sale .sample_preview_button{bottom:auto;top:100px}@media only screen and (max-width: 750px){.product-item-sale .sample_preview_button{top:188px}}@media screen and (max-width: 750px){.product-item-ranking{position:relative}.product-item-ranking .sample_preview_button{top:200px}}.preview-buttons{text-align:center;margin-top:3px}img.thumbnail-item{width:100%;margin:3px 0}.thumbnails{display:flex;overflow-x:auto;white-space:nowrap;gap:10px}.thumbnails img{max-height:100px;flex-shrink:0}@keyframes background-fadeout{0%{background:rgba(0,0,0,0)}100%{background:#fff}}.sample-video{position:relative;width:240px;height:136px;top:-12px;cursor:pointer}.sample-video>span{position:absolute;bottom:5px;left:5px;opacity:.6}.sample-video>span .playing{display:none}.sample-video>video{background:rgba(0,0,0,0);width:240px;height:136px}.sample-video>video.playing{animation:background-fadeout .5s ease 0s 1 forwards}.progress-circular{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;border:none;border-radius:50%;padding:.25em;width:3em;height:3em;color:#2196f3;background-color:rgba(0,0,0,0);font-size:16px;overflow:hidden;position:relative;top:-6em;display:none}.progress-circular.loading{display:inline-block}.progress-circular::-webkit-progress-bar{background-color:rgba(0,0,0,0)}.progress-circular:indeterminate{-webkit-mask-image:linear-gradient(transparent 50%, black 50%),linear-gradient(to right, transparent 50%, black 50%);mask-image:linear-gradient(transparent 50%, black 50%),linear-gradient(to right, transparent 50%, black 50%);animation:progress-circular 6s infinite cubic-bezier(0.3, 0.6, 1, 1)}:-ms-lang(x),.progress-circular:indeterminate{animation:none}.progress-circular:indeterminate::before,.progress-circular:indeterminate::-webkit-progress-value{content:"";display:block;box-sizing:border-box;margin-bottom:.25em;border:solid .25em rgba(0,0,0,0);border-top-color:currentColor;border-radius:50%;width:100% !important;height:100%;background-color:rgba(0,0,0,0);animation:progress-circular-pseudo .75s infinite linear alternate}.progress-circular:indeterminate::-moz-progress-bar{box-sizing:border-box;border:solid .25em rgba(0,0,0,0);border-top-color:currentColor;border-radius:50%;width:100%;height:100%;background-color:rgba(0,0,0,0);animation:progress-circular-pseudo .75s infinite linear alternate}.progress-circular:indeterminate::-ms-fill{animation-name:-ms-ring}@keyframes progress-circular{0%{transform:rotate(0deg)}12.5%{transform:rotate(180deg);animation-timing-function:linear}25%{transform:rotate(630deg)}37.5%{transform:rotate(810deg);animation-timing-function:linear}50%{transform:rotate(1260deg)}62.5%{transform:rotate(1440deg);animation-timing-function:linear}75%{transform:rotate(1890deg)}87.5%{transform:rotate(2070deg);animation-timing-function:linear}100%{transform:rotate(2520deg)}}@keyframes progress-circular-pseudo{0%{transform:rotate(-30deg)}29.4%{border-left-color:rgba(0,0,0,0)}29.41%{border-left-color:currentColor}64.7%{border-bottom-color:rgba(0,0,0,0)}64.71%{border-bottom-color:currentColor}100%{border-left-color:currentColor;border-bottom-color:currentColor;transform:rotate(225deg)}}.sp-playable:before{font-family:"Material Icons";font-size:24px;content:""}/*# sourceMappingURL=sample_preview.css.map */