.xopbyq_wrap{position:relative}.xopbyq_row{-webkit-user-select:none;user-select:none;overflow-clip-margin:40px;touch-action:pan-y;width:100%;padding:44px 0;position:relative;overflow:clip}.xopbyq_track{z-index:1;width:100%;transition-property:transform;transition-timing-function:var(--tsk-sys-ease);margin:0;padding:0;list-style:none;display:flex;position:relative}.xopbyq_slide{flex-shrink:0;width:calc(12.5% - 17.5px);height:auto;transition-property:transform;position:relative}.xopbyq_row img{-webkit-user-drag:none}.xopbyq_row:not([class~=swiper-initialized]){scrollbar-width:none;overflow-x:auto}.xopbyq_row:not([class~=swiper-initialized]) .xopbyq_track{gap:20px}.xopbyq_card{height:100%;color:var(--foreground);transition:translate var(--tsk-motion-hover-zoom) var(--tsk-sys-ease), scale var(--tsk-motion-hover-zoom) var(--tsk-sys-ease);flex-direction:column;gap:14px;padding:0 0 8px;text-decoration:none;display:flex;position:relative}.xopbyq_picture{aspect-ratio:4/3;color:var(--foreground);place-items:center;display:grid;position:relative}.xopbyq_picture img{object-fit:contain;filter:drop-shadow(0 16px 14px #00000029);width:82%;height:82%}.xopbyq_name{text-align:center;text-wrap:balance;font-size:1rem;font-weight:700;line-height:1.35}@media (hover:hover) and (pointer:fine){.xopbyq_slide:hover{z-index:5}.xopbyq_slide:hover .xopbyq_card{scale:1.2}.xopbyq_slide:has(+.xopbyq_slide:hover) .xopbyq_card{translate:calc(10px - 10%)}.xopbyq_slide:hover+.xopbyq_slide .xopbyq_card{translate:calc(10% - 10px)}}.xopbyq_progress{background:var(--border);max-width:none;height:2px;margin:0 auto}.xopbyq_progress i{background:var(--foreground);transform-origin:0;height:100%;display:block;transform:scaleX(.08)}.xopbyq_wrap[data-locked] .xopbyq_progress{visibility:hidden}@media (max-width:1023px){.xopbyq_slide{width:calc(25% - 15px)}}@media (max-width:719px){.xopbyq_slide{width:30vw}.xopbyq_row{padding:20px 0 24px}.xopbyq_name{font-size:.9rem}}.xopbyq_wrap[data-reduced] .xopbyq_card{transition:none}@keyframes xopbyq_category-in{0%{opacity:0;transform:translateY(32px)scale(.97)}to{opacity:1;transform:none}}.xopbyq_wrap[data-armed]:not([data-in]) .xopbyq_card{opacity:0}.xopbyq_wrap[data-armed][data-in] .xopbyq_card{animation:xopbyq_category-in var(--tsk-sys-reveal) var(--tsk-sys-ease) both;animation-delay:calc(var(--i,0) * 90ms)}
/*! © THAISERKIT SUPPLY. All rights reserved. Unauthorized copying, scraping or reuse of this code or content is prohibited. */