.media_slides{padding:0 var(--screen-margin);padding-bottom:34px;overflow:hidden;position:relative;z-index:2}.media_slides .head{margin-left:auto;margin-right:auto;width:100%;max-width:var(--screen-max-width)}.media_slides .swiper{overflow:visible}.media_slides .swiper .swiper-slide{width:65.52vw;max-width:calc(var(--screen-max-width) * .7);background:#fff;display:flex;flex-direction:column;opacity:.6;transform:none;transition:transform .3s ease,opacity .3s ease;box-shadow:0 0 20px 1px #0003;border-radius:16px;overflow:hidden}.media_slides_tabs .swiper .swiper-slide{width:43.52vw;max-width:calc(var(--screen-max-width) * .5)}.media_slides_tabs .tabs-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.media_slides_tabs .tabs-nav-center{justify-content:center}.media_slides_tabs .tab-button{padding:8px 16px;border-radius:9999px;border:1px solid var(--button-background);background-color:#fff;color:var(--button-background);font-size:13px;line-height:1.4;cursor:pointer;transition:all .2s ease}.media_slides_tabs .tab-button-active{background-color:var(--button-background);color:#fff}.media_slides_tabs .tab-panel{display:none}.media_slides_tabs .tab-panel-active{display:block}.media_slides .swiper .swiper-slide .card{width:100%;aspect-ratio:814/500;object-position:center;overflow:hidden;position:relative;flex-shrink:0;background:#fff}.media_slides .swiper .swiper-slide .swiper-slide-user-info{padding:4px 16px;color:#fff;flex-shrink:0;background-color:#d5a24b;display:flex;align-items:center;gap:12px}.media_slides .swiper .swiper-slide .swiper-slide-user-header{display:flex;align-items:center;gap:12px}.media_slides .swiper .swiper-slide .swiper-slide-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.media_slides .swiper .swiper-slide .swiper-slide-nickname{font-size:18px;font-weight:600;line-height:1.4;color:#222}.media_slides .swiper .swiper-slide .swiper-slide-content-text{font-size:18px;line-height:1.5;color:#555}.media_slides .swiper .swiper-slide .swiper-slide-link{display:inline-block;font-size:16px;color:#222;text-decoration:underline;transition:color .2s ease}.media_slides .swiper .swiper-slide .swiper-slide-link:hover{color:#555}.media_slides .swiper .swiper-slide .media-slide-content{padding:16px;color:#222;flex-shrink:0}.media_slides .swiper .swiper-slide .media-slide-content-title{font-size:16px;font-weight:600;line-height:1.3;margin-bottom:8px}.media_slides .swiper .swiper-slide .media-slide-content-wrapper{position:relative;text-align:center}.media_slides .swiper .swiper-slide .media-slide-content-description{line-height:1.5;color:#555;overflow:hidden;transition:max-height .3s ease;max-height:4.5em}.media_slides .swiper .swiper-slide .media-slide-content-description.is-expanded{max-height:none}.media_slides .swiper .swiper-slide .media-slide-content-toggle{margin-top:8px;padding:4px 0;border:none;background:none;color:#222;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color .2s ease}.media_slides .swiper .swiper-slide .media-slide-content-toggle:hover{color:#555}.media_slides .swiper .swiper-slide .media-slide-content-toggle svg{transition:transform .3s ease}.media_slides .swiper .swiper-slide .media-slide-content-toggle.is-expanded svg{transform:rotate(180deg)}.media_slides .swiper .swiper-slide .media-slide-content-toggle.hidden{display:none}.media_slides .swiper .swiper-slide .card .play-btn{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;-webkit-user-select:none;user-select:none}.media_slides .swiper .swiper-slide .card .play-btn.disable{display:none}.media_slides .swiper .swiper-slide .card .media{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.media_slides .swiper .swiper-slide-prev{transform:scale(.8) translate(34%)}.media_slides .swiper .swiper-slide-next{transform:scale(.8) translate(-34%)}.media_slides .swiper .swiper-slide-active{position:relative;z-index:1;opacity:1}.media_slides .customize-pagination,.media_slides .swiper-pagination{position:absolute;top:auto;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;column-gap:8px;width:auto}.media_slides .customize-pagination .pagination-bullet,.media_slides .customize-pagination .swiper-pagination-bullet,.media_slides .swiper-pagination .pagination-bullet,.media_slides .swiper-pagination .swiper-pagination-bullet{cursor:pointer;margin:0;width:40px;height:8px;border-radius:10px;background-color:#0000001a;transition:background-color .3s ease;opacity:1}.media_slides .customize-pagination .pagination-bullet.active,.media_slides .customize-pagination .swiper-pagination-bullet-active,.media_slides .swiper-pagination .pagination-bullet.active,.media_slides .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--theme-primary-color, #5B6751)}.media_slides .error{height:400px;display:flex;align-items:center;justify-content:center;color:#ba4a4a}.media-slides-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none}.media-slides-modal.is-open{display:block}.media-slides-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0009}.media-slides-modal-dialog{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);max-width:88vw;max-height:90vh;width:100%;background-color:#000;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0006;z-index:99}.media-slides-modal-close{position:absolute;top:8px;right:12px;z-index:2;border:none;background:none;color:#fff;font-size:24px;line-height:1;cursor:pointer}.media-slides-modal-content{width:100%;height:100%}.media-slides-modal-content .media{width:100%;height:100%;object-fit:contain;position:static;transform:none}@media (max-width: 768px){.media_slides .swiper .swiper-slide{width:90vw}.media_slides .swiper .swiper-slide .card{border-radius:8px;aspect-ratio:340/220}.media_slides .swiper .swiper-slide .swiper-slide-user-info{padding:12px}.media_slides .swiper .swiper-slide .swiper-slide-user-header{gap:10px}.media_slides .swiper .swiper-slide .swiper-slide-avatar{width:36px;height:36px}.media_slides .swiper .swiper-slide .swiper-slide-content-text{margin-bottom:10px}.media_slides .swiper .swiper-slide .media-slide-content{padding:12px}.media_slides .swiper .swiper-slide .media-slide-content-description{line-height:1.5;max-height:4.5em}.media_slides .swiper .swiper-slide .media-slide-content-toggle{margin-top:6px}.media_slides .swiper .swiper-slide .card .play-btn{width:12%;height:auto;aspect-ratio:1/1;padding-left:2px;font-size:20px}.media_slides .customize-pagination,.media_slides .swiper-pagination{column-gap:6px}.media_slides .customize-pagination .pagination-bullet,.media_slides .customize-pagination .swiper-pagination-bullet,.media_slides .swiper-pagination .pagination-bullet,.media_slides .swiper-pagination .swiper-pagination-bullet{width:30px;height:6px}}@media (max-width: 576px){.media_slides .customize-pagination,.media_slides .swiper-pagination{column-gap:4px}.media_slides .customize-pagination .pagination-bullet,.media_slides .customize-pagination .swiper-pagination-bullet,.media_slides .swiper-pagination .pagination-bullet,.media_slides .swiper-pagination .swiper-pagination-bullet{margin:0;width:20px;height:4px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/dk-media_slides.css.map */