.slider{display:flex;flex-direction:column;align-items:center;gap:.8rem;scroll-margin-top:7.7rem;outline:none!important}.slider--horizontal{flex-direction:row;max-width:100%}.slider--horizontal .slider__list{flex-direction:row;margin-left:1.1rem;margin-right:1.1rem;padding:.4rem}.slider__list{list-style:none;display:flex;flex-direction:column;gap:.8rem;overflow:auto;scrollbar-width:none;padding:.4rem .4rem .5rem}.slider__item{width:5.5rem;height:5.5rem;padding:.2rem;border-radius:.8rem;border:.1rem solid #8E8E8E;display:flex;justify-content:center;align-items:center;flex:none;background:#fff;position:relative;cursor:default;overflow:hidden}.slider__item::-webkit-scrollbar{display:none}.slider__item--selected,.slider__item:hover{padding:.1rem;border-color:#3c3c3c;border-width:.2rem}.slider__item img{width:100%;height:100%;object-fit:contain;border-radius:.4rem}.slider__item__video-player-button{width:100%;height:100%;border-radius:0;box-shadow:none;cursor:default}.slider__item__video-player-button svg{width:1.6rem;height:2.2rem;margin-left:0}.slider__item button{border:none;background:none}.slider__control--hidden{visibility:hidden}@keyframes slideup{0%{bottom:-100%}to{bottom:0}}.fade-enter-active,.fade-leave-active{transition:height .3s ease-in-out,opacity .3s ease-in-out}.fade-enter-from,.fade-leave-to{height:0;opacity:0}.pdp-details-overlay{width:100%;height:calc(100vh - 13rem);height:calc(100dvh - 13rem);display:flex;flex-direction:column;background-color:#fff}@media (min-width: 768px){.pdp-details-overlay{height:100%;position:fixed;top:0;left:0;z-index:7000}}.pdp-details-overlay__header{display:flex;justify-content:space-between;align-items:center;height:72px;padding:0 20px}.pdp-details-overlay__header__zoom-control{flex:1;display:flex;justify-content:center;align-items:center}.pdp-details-overlay__header__zoom-control__input{margin:0 12px;accent-color:#000}.pdp-details-overlay__header__zoom-control button{background:none;border:none;cursor:pointer}.pdp-details-overlay__header__zoom-control button:disabled{cursor:not-allowed}.pdp-details-overlay__header__outer-col{width:48px;display:flex;align-items:center;justify-content:flex-end}.pdp-details-overlay__header__close{background:none;border:none;cursor:pointer}.pdp-details-overlay__stage__wrapper{position:relative;flex:1}.pdp-details-overlay__stage{flex:1;position:relative;overflow:hidden}.pdp-details-overlay__stage:hover{cursor:grab}.pdp-details-overlay__stage:active{cursor:grabbing}.pdp-details-overlay__stage__zoom-container{align-items:center;display:flex;width:100%;height:100%;justify-content:center;text-align:center}.pdp-details-overlay__stage__image{-webkit-user-select:none;user-select:none;object-fit:contain;height:calc(100% - 3.2rem);width:100%;transition-property:scale;transition-duration:.3s;transition-timing-function:cubic-bezier(0,1,1,1);animation-duration:.3s;animation-timing-function:cubic-bezier(0,1,1,1)}.pdp-details-overlay__stage__image--transition-transform{transition-property:transform,scale}.pdp-details-overlay__stage__image--animate-to-the-left{animation-name:slideLeft}.pdp-details-overlay__stage__image--animate-to-the-right{animation-name:slideRight}@media (min-width: 768px){.pdp-details-overlay__stage{border-top:1px solid #F5F5F5;border-bottom:1px solid #F5F5F5}}.pdp-details-overlay__bottom{padding-top:1.6rem;border-top:.1rem solid #DEDEDE;display:flex;justify-content:center}@media (min-width: 768px){.pdp-details-overlay__bottom{border-top:none;padding:2.4rem 0;margin:0}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}