.cn-homepage-popular-cards{--cn-popular-text: rgba(242, 242, 242, 1);--cn-popular-text-soft: rgba(210, 210, 210, .9);--cn-popular-gap-desktop: 8px;--cn-popular-gap-tablet: 8px;--cn-popular-gap-mobile: 8px;--cn-popular-edge-fade-desktop: 25px;--cn-popular-edge-fade-tablet: 20px;--cn-popular-edge-fade-mobile: 15px;position:relative;padding-block:34px;color:var(--cn-popular-text)}.cn-homepage-popular-cards,.cn-homepage-popular-cards *{box-sizing:border-box}.cn-homepage-popular-cards-section{--cn-popular-section-gap-top-desktop: -20px;--cn-popular-section-gap-top-tablet: -12px;--cn-popular-section-gap-top-mobile: -8px;position:relative;top:var(--cn-popular-section-gap-top-desktop);margin-bottom:var(--cn-popular-section-gap-top-desktop)!important}.cn-homepage-popular-cards__header{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:20px}.cn-homepage-popular-cards__copy{min-width:0}.cn-homepage-popular-cards__eyebrow{margin:0 0 8px;color:#bebebeb8;font-size:1.02rem;line-height:1;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.cn-homepage-popular-cards__heading{margin:0;color:var(--cn-popular-text);font-size:clamp(2.8rem,3.1vw,4.5rem);line-height:1.04;font-weight:850;letter-spacing:-.045em;text-wrap:balance}.cn-homepage-popular-cards__text{max-width:68ch;margin-top:13px;color:var(--cn-popular-text-soft);font-size:clamp(1.38rem,1vw,1.62rem);line-height:1.58}.cn-homepage-popular-cards__text>*{margin:0}.cn-homepage-popular-cards__button{display:inline-flex;flex:0 0 auto;min-height:44px;align-items:center;justify-content:center;padding:11px 17px;border:1px solid rgba(255,255,255,.17);border-radius:8px;color:#f2f2f2!important;background:linear-gradient(180deg,#303030fa,#262626);box-shadow:inset 0 1px #ffffff0f,0 10px 24px #00000038;font-size:1.34rem;line-height:1;font-weight:800;text-decoration:none!important;white-space:nowrap;transition:border-color .17s cubic-bezier(.22,1,.36,1),background .17s cubic-bezier(.22,1,.36,1),box-shadow .17s cubic-bezier(.22,1,.36,1),transform .17s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.cn-homepage-popular-cards__button:hover{border-color:#ffffff4d;background:linear-gradient(180deg,#373737,#2b2b2b);box-shadow:inset 0 1px #ffffff14,0 14px 30px #00000047;transform:translateY(-1px)}}.cn-homepage-popular-cards__viewport{position:relative;width:100%;min-width:0;overflow:visible;isolation:isolate}.cn-homepage-popular-cards__track{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;align-items:stretch;gap:var(--cn-popular-gap-desktop);margin:0;padding:20px 0;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent;-webkit-overflow-scrolling:touch;-webkit-mask-image:none;mask-image:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;list-style:none}.cn-homepage-popular-cards__track::-webkit-scrollbar{display:block;width:auto;height:6px}.cn-homepage-popular-cards__track::-webkit-scrollbar-track{background:transparent}.cn-homepage-popular-cards__track::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff3d}@media(hover:hover){.cn-homepage-popular-cards__track::-webkit-scrollbar-thumb:hover{background:#ffffff57}}.cn-homepage-popular-cards__slide{box-sizing:border-box;flex:0 0 calc((100% - (5 * var(--cn-popular-gap-desktop))) / 6)!important;width:calc((100% - (5 * var(--cn-popular-gap-desktop))) / 6)!important;min-width:0!important;max-width:none!important;scroll-snap-align:start}.cn-homepage-popular-cards__slide .card-wrapper.product-card-wrapper,.cn-homepage-popular-cards__slide .card{width:100%!important;min-width:0!important}.cn-homepage-popular-cards[data-can-scroll-left="false"][data-can-scroll-right="false"] .cn-homepage-popular-cards__track{-webkit-mask-image:none!important;mask-image:none!important}.cn-homepage-popular-cards[data-can-scroll-right=true][data-can-scroll-left=false] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--cn-popular-edge-fade-desktop)),transparent 100%)!important;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--cn-popular-edge-fade-desktop)),transparent 100%)!important}.cn-homepage-popular-cards[data-can-scroll-left=true][data-can-scroll-right=false] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-desktop),#000 100%)!important;mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-desktop),#000 100%)!important}.cn-homepage-popular-cards:not([data-can-scroll-left]):not([data-can-scroll-right]) .cn-homepage-popular-cards__track{-webkit-mask-image:none!important;mask-image:none!important}.cn-homepage-popular-cards[data-can-scroll-left=true][data-can-scroll-right=true] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-desktop),#000 calc(100% - var(--cn-popular-edge-fade-desktop)),transparent 100%)!important;mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-desktop),#000 calc(100% - var(--cn-popular-edge-fade-desktop)),transparent 100%)!important}.cn-homepage-popular-cards__loading{min-height:340px;display:grid;place-items:center;color:#bebebeb8;font-size:1.3rem}.cn-homepage-popular-cards__viewport:not(.is-loading) .cn-homepage-popular-cards__loading{display:none}.cn-homepage-popular-cards__empty{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#d2d2d2db;background:#232323b8;text-align:center}.cn-homepage-popular-cards{--cn-card-panel-top: rgba(48, 48, 48, .98);--cn-card-panel-bottom: rgba(38, 38, 38, 1);--cn-card-panel-top-hover: rgba(55, 55, 55, 1);--cn-card-panel-bottom-hover: rgba(43, 43, 43, 1);--cn-card-border: rgba(255, 255, 255, .17);--cn-card-border-hover: rgba(255, 255, 255, .3);--cn-card-text: rgba(242, 242, 242, 1);--cn-card-text-soft: rgba(212, 212, 212, .94);--cn-card-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), inset 0 0 0 1px rgba(255, 255, 255, .03), 0 9px 22px rgba(0, 0, 0, .2);--cn-card-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .075), inset 0 0 0 1px rgba(255, 255, 255, .046), 0 10px 24px rgba(0, 0, 0, .23), 0 0 0 .5px rgba(255, 255, 255, .08);--cn-card-transition: box-shadow .17s cubic-bezier(.22, 1, .36, 1), background .17s cubic-bezier(.22, 1, .36, 1), border-color .17s cubic-bezier(.22, 1, .36, 1), opacity .17s ease}.cn-homepage-popular-cards__slide .card{position:relative!important;isolation:isolate!important;display:grid!important;grid-template-rows:auto 1fr!important;align-content:start!important;overflow:hidden!important;box-sizing:border-box!important;border:1px solid var(--cn-card-border)!important;border-radius:var(--ygo-panel-radius, 8px)!important;background-color:transparent!important;background-image:linear-gradient(180deg,var(--cn-card-panel-top) 0%,var(--cn-card-panel-bottom) 100%)!important;background-clip:padding-box!important;box-shadow:var(--cn-card-shadow)!important;filter:none!important;cursor:pointer!important;transition:var(--cn-card-transition)!important}.cn-homepage-popular-cards__slide .card:before,.cn-homepage-popular-cards__slide .card:after{display:none!important;content:none!important}.cn-homepage-popular-cards__slide .card>*{position:relative!important;z-index:1!important}.cn-homepage-popular-cards__slide .card__inner{grid-row:1!important;position:relative!important;overflow:hidden!important;border-radius:var(--ygo-panel-radius, 8px) var(--ygo-panel-radius, 8px) 0 0!important;background:transparent!important;box-shadow:none!important}.cn-homepage-popular-cards__slide .card__content{grid-row:2!important;position:static!important;margin:0!important;padding-top:0!important;background:transparent!important;box-shadow:none!important}.cn-homepage-popular-cards__slide .card__information{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 1fr auto auto auto!important;grid-template-areas:"title" "spacer" "set" "rarity" "price"!important;align-content:start!important;padding:0!important}.cn-homepage-popular-cards__slide .card__information:after{content:""!important;grid-area:spacer!important}.cn-homepage-popular-cards__slide .card__heading{grid-area:title!important;margin:-5px 0 14px!important}.cn-homepage-popular-cards__slide :is(.card__heading,.card__heading a){color:var(--cn-card-text)!important;font-size:16px!important;line-height:1.25!important;font-weight:500!important;text-decoration:none!important}.cn-homepage-popular-cards__slide .card__heading a{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;hyphens:none!important;-webkit-hyphens:none!important;overflow-wrap:normal!important;word-break:normal!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}.cn-homepage-popular-cards__slide .card__heading a::-webkit-scrollbar{display:none!important}.cn-homepage-popular-cards__slide .card__heading :is(a,.full-unstyled-link):after{display:none!important;content:none!important;pointer-events:none!important}.cn-homepage-popular-cards__slide .ygo-cardmeta__set{grid-area:set!important}.cn-homepage-popular-cards__slide :is(.ygo-cardmeta__set,.ygo-cardmeta__rarity,.ygo-cardmeta__rarity--inline){display:block!important;color:var(--cn-card-text-soft)!important;font-size:13px!important;line-height:1.2!important;font-weight:400!important;opacity:1!important}.cn-homepage-popular-cards__slide :is(.ygo-cardmeta__rarity,.ygo-cardmeta__rarity--inline){grid-area:rarity!important}.cn-homepage-popular-cards__slide .ygo-cardmeta__rarity{margin:3px 0 6px!important}.cn-homepage-popular-cards__slide .ygo-cardmeta__rarity--inline .ygo-cardmeta__rarity-text{display:inline!important;line-height:1.2!important}.cn-homepage-popular-cards__slide .price{grid-area:price!important;margin-bottom:2px!important;color:var(--cn-card-text)!important;font-size:16px!important;line-height:1.2!important}.cn-homepage-popular-cards__slide .price *{color:var(--cn-card-text)!important}.cn-homepage-popular-cards__slide :is(.card__media,.card__media .media){overflow:hidden!important;border-radius:var(--ygo-panel-radius, 8px) var(--ygo-panel-radius, 8px) 0 0!important}.cn-homepage-popular-cards__slide :is(.card__inner,.card__media,.card__media .media,.card__media .media>img){visibility:visible!important;opacity:1!important;pointer-events:auto!important}.cn-homepage-popular-cards__slide .card>.card__inner .card__badge{display:block!important;position:absolute!important;right:12px!important;bottom:12px!important;z-index:20!important;pointer-events:none!important}.cn-homepage-popular-cards__slide .card>.card__content>.card__badge{display:none!important}body #MainContent .cn-homepage-popular-cards .cn-card-member-price{grid-area:price!important;position:relative!important;display:block!important;width:100%!important;min-width:0!important;margin:4px 0 2px!important;padding-right:0!important;overflow:visible!important}body #MainContent .cn-homepage-popular-cards .cn-card-member-price__meta{display:none!important}body #MainContent .cn-homepage-popular-cards .cn-card-member-price__row{display:flex!important;align-items:baseline!important;flex-wrap:nowrap!important;gap:.62rem!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}body #MainContent .cn-homepage-popular-cards .cn-card-member-price__member{order:1!important}body #MainContent .cn-homepage-popular-cards .cn-card-member-price__regular{order:2!important}body #MainContent .cn-homepage-popular-cards .cn-card-member-price__regular,body #MainContent .cn-homepage-popular-cards .cn-card-member-price__regular *{margin:0!important;padding:0!important;color:#d4d4d480!important;-webkit-text-fill-color:rgba(212,212,212,.5)!important;font-family:Assistant,sans-serif!important;font-size:11px!important;font-style:normal!important;font-weight:450!important;line-height:1!important;letter-spacing:.015em!important;text-decoration-line:line-through!important;text-decoration-thickness:1px!important;text-decoration-color:#d4d4d475!important;text-shadow:none!important;opacity:1!important}body #MainContent .cn-homepage-popular-cards .cn-card-member-price__member,body #MainContent .cn-homepage-popular-cards .cn-card-member-price__member *{display:inline-block!important;position:relative!important;z-index:2!important;margin:0!important;padding:0!important;color:#f2f2f2!important;-webkit-text-fill-color:rgba(242,242,242,1)!important;background:none!important;background-image:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;font-family:Assistant,sans-serif!important;font-size:17px!important;font-style:normal!important;font-weight:500!important;line-height:1!important;letter-spacing:.005em!important;font-variant-numeric:tabular-nums lining-nums!important;font-feature-settings:"tnum" 1,"lnum" 1!important;text-shadow:none!important;filter:none!important}body #MainContent .cn-homepage-popular-cards .cn-card-member-price:before,body #MainContent .cn-homepage-popular-cards .cn-card-member-price:after{display:none!important;content:none!important;width:0!important;min-width:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;filter:none!important;opacity:0!important}@media(hover:hover){.cn-homepage-popular-cards__slide:hover .card,.cn-homepage-popular-cards__slide .card-wrapper.product-card-wrapper:hover .card{border-color:var(--cn-card-border-hover)!important;background-color:transparent!important;background-image:linear-gradient(180deg,var(--cn-card-panel-top-hover) 0%,var(--cn-card-panel-bottom-hover) 100%)!important;box-shadow:var(--cn-card-shadow-hover)!important;transform:none!important;filter:none!important}.cn-homepage-popular-cards__slide:hover .card__heading a,.cn-homepage-popular-cards__slide .card-wrapper.product-card-wrapper:hover .card__heading a{color:var(--cn-card-text)!important;text-decoration-line:underline!important;text-decoration-thickness:1px!important;text-underline-offset:.18em!important;text-decoration-color:#f2f2f2d1!important}}@media(hover:none){.cn-homepage-popular-cards__slide,.cn-homepage-popular-cards__slide :is(.card-wrapper,.card,.card__inner,.card__content){transform:none!important;filter:none!important}}@media screen and (min-width:750px){.cn-homepage-popular-cards__slide .card-wrapper.product-card-wrapper{--td-pt: 8px;--td-pr: 8px;--td-pb: 16px;--td-pl: 8px}.cn-homepage-popular-cards__slide .card__media .media>img{top:var(--td-pt)!important;left:var(--td-pl)!important;width:calc(100% - (var(--td-pl) + var(--td-pr)))!important;height:calc(100% - (var(--td-pt) + var(--td-pb)))!important;object-fit:contain!important}.cn-homepage-popular-cards__slide .card__information{margin-top:-3px!important;margin-bottom:-4px!important}.cn-homepage-popular-cards__slide .price{margin-top:4px!important}}@media screen and (max-width:749px){.cn-homepage-popular-cards__slide .card-wrapper.product-card-wrapper{--cn-card-mobile-bottom-gap: -4px}.cn-homepage-popular-cards__slide .card__media .media>img{top:3.5px!important;left:7px!important;width:calc(100% - 14px)!important;height:calc(100% - 14px)!important;object-fit:contain!important}.cn-homepage-popular-cards__slide .card__information{margin:0 0 0 -3px!important}.cn-homepage-popular-cards__slide .price{margin:0 0 var(--cn-card-mobile-bottom-gap, 7px)!important}.cn-homepage-popular-cards__slide :is(.ygo-cardmeta__set,.ygo-cardmeta__rarity){margin-left:.25px!important;line-height:1!important}body #MainContent .cn-homepage-popular-cards .cn-card-member-price{margin:3px 0 var(--cn-card-mobile-bottom-gap, 7px)!important;padding-right:0!important}body #MainContent .cn-homepage-popular-cards .cn-card-member-price__member,body #MainContent .cn-homepage-popular-cards .cn-card-member-price__member *{font-size:16px!important}}@media screen and (min-width:750px)and (max-width:989px){.cn-homepage-popular-cards-section{top:var(--cn-popular-section-gap-top-tablet);margin-bottom:var(--cn-popular-section-gap-top-tablet)!important}.cn-homepage-popular-cards__track{gap:var(--cn-popular-gap-tablet)}.cn-homepage-popular-cards__slide{flex:0 0 calc((100% - (4 * var(--cn-popular-gap-tablet))) / 5)!important;width:calc((100% - (4 * var(--cn-popular-gap-tablet))) / 5)!important}.cn-homepage-popular-cards[data-can-scroll-right=true][data-can-scroll-left=false] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--cn-popular-edge-fade-tablet)),transparent 100%)!important;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--cn-popular-edge-fade-tablet)),transparent 100%)!important}.cn-homepage-popular-cards[data-can-scroll-left=true][data-can-scroll-right=false] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-tablet),#000 100%)!important;mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-tablet),#000 100%)!important}.cn-homepage-popular-cards[data-can-scroll-left=true][data-can-scroll-right=true] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-tablet),#000 calc(100% - var(--cn-popular-edge-fade-tablet)),transparent 100%)!important;mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-tablet),#000 calc(100% - var(--cn-popular-edge-fade-tablet)),transparent 100%)!important}}@media screen and (max-width:749px){.cn-homepage-popular-cards-section{top:var(--cn-popular-section-gap-top-mobile);margin-bottom:var(--cn-popular-section-gap-top-mobile)!important}.cn-homepage-popular-cards{padding-block:26px}.cn-homepage-popular-cards__header{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}.cn-homepage-popular-cards__heading{font-size:clamp(2.65rem,8.2vw,3.45rem)}.cn-homepage-popular-cards__text{margin-top:11px;font-size:1.36rem;line-height:1.54}.cn-homepage-popular-cards__button{width:100%}.cn-homepage-popular-cards__viewport{width:100%!important;min-width:0!important;margin:0!important}.cn-homepage-popular-cards__track{gap:var(--cn-popular-gap-mobile);width:100%!important;max-width:100%!important;padding:5px 0 20px!important;scroll-snap-type:x mandatory;scroll-padding-inline:0}.cn-homepage-popular-cards__slide{flex:0 0 calc((100% - var(--cn-popular-gap-mobile)) / 2)!important;width:calc((100% - var(--cn-popular-gap-mobile)) / 2)!important;margin:0!important;scroll-snap-align:start;scroll-snap-stop:always}.cn-homepage-popular-cards[data-can-scroll-right=true][data-can-scroll-left=false] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--cn-popular-edge-fade-mobile)),transparent 100%)!important;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - var(--cn-popular-edge-fade-mobile)),transparent 100%)!important}.cn-homepage-popular-cards[data-can-scroll-left=true][data-can-scroll-right=false] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-mobile),#000 100%)!important;mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-mobile),#000 100%)!important}.cn-homepage-popular-cards[data-can-scroll-left=true][data-can-scroll-right=true] .cn-homepage-popular-cards__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-mobile),#000 calc(100% - var(--cn-popular-edge-fade-mobile)),transparent 100%)!important;mask-image:linear-gradient(to right,transparent 0,#000 var(--cn-popular-edge-fade-mobile),#000 calc(100% - var(--cn-popular-edge-fade-mobile)),transparent 100%)!important}}@media screen and (max-width:749px)and (hover:none)and (pointer:coarse){.cn-homepage-popular-cards__track{scrollbar-width:none!important;-ms-overflow-style:none!important}.cn-homepage-popular-cards__track::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}}@media(prefers-reduced-motion:reduce){.cn-homepage-popular-cards__button,.cn-homepage-popular-cards__track{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cn-homepage-popular-cards.css.map */