.sy-world-popular,.sy-world-popular *{box-sizing:border-box}.sy-world-popular{--popular-ink: var(--world-ink, #091a2e);--popular-muted: var(--world-muted, #536174);--popular-line: #d2dde3;color:var(--popular-ink);background:var(--sy-page-bg, #fcfcff);font-family:var(--font-body-family, inherit);overflow:hidden;scroll-margin-top:92px}.sy-world-popular button,.sy-world-popular a{font-family:var(--font-body-family, inherit);letter-spacing:0}.sy-world-popular button{cursor:pointer}.sy-world-popular a{color:inherit;text-decoration:none}.sy-world-popular svg{display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.sy-world-popular__inner{width:min(calc(100% - 40px),1320px);margin:0 auto;padding:var(--popular-top-spacing, 72px) 0 72px}.sy-world-popular__header{max-width:980px;margin:0 auto;text-align:center}.sy-world-popular__pill{display:inline-flex;align-items:center;justify-content:center;gap:5.5px;min-height:0;margin:0 0 14.5px;padding:5.5px 12.5px;color:var(--world-accent-dark);border:1px solid var(--world-accent-border);border-radius:999px;background:color-mix(in srgb,var(--world-accent-soft) 86%,#fff);font-size:10.5px;font-weight:800;letter-spacing:.105em;line-height:1;text-transform:uppercase}.sy-world-popular__pill svg{width:13.5px;height:13.5px;fill:currentColor;stroke:none}.sy-world-popular__header h2{margin:0;color:var(--popular-ink);font-family:var(--font-heading-family, inherit);font-size:clamp(39.5px,3.1vw,44px);font-style:var(--font-heading-style, normal);font-weight:900;letter-spacing:0;line-height:1.08}.sy-world-popular__header h2 span{display:block}.sy-world-popular__header h2 span:first-child{font-size:.94em;white-space:nowrap}.sy-world-popular__header h2 span:last-child{color:var(--world-accent);font-size:1.08em}.sy-world-popular__header h2 span:after{display:none}.sy-world-popular__header>p:last-child{max-width:980px;margin:16px auto 0;color:var(--popular-muted);font-size:clamp(16.2px,1.15vw,18.5px);font-weight:650;line-height:1.48}.sy-world-popular__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(780px,100%);min-height:66px;margin:26px auto 12.5px;border:1px solid var(--popular-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px #142b3e0e;overflow:hidden}.sy-world-popular__tabs button{position:relative;-webkit-appearance:none;appearance:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;min-width:0;min-height:64px;margin:0;padding:0 12.5px;color:var(--popular-ink);border:0;border-left:1px solid var(--popular-line);background:#fff;font-size:14px;font-weight:850;line-height:1.1;text-align:left;transition:color .18s ease,background-color .18s ease}.sy-world-popular__tabs button:first-child{border-left:0}.sy-world-popular__tabs button:after{position:absolute;left:50%;bottom:0;width:min(88px,58%);height:3px;content:"";border-radius:3px 3px 0 0;background:var(--world-accent);opacity:0;transform:translate(-50%)}.sy-world-popular__tabs button:hover,.sy-world-popular__tabs button.is-active{color:var(--world-accent-dark);background:transparent}.sy-world-popular__tabs button.is-active:after{opacity:1}.sy-world-popular__tabs button>svg{width:20px;height:20px;flex:0 0 auto}.sy-world-popular__tabs strong{display:grid;place-items:center;min-width:27px;height:27px;padding:0 7px;color:var(--world-accent-dark);border:1px solid var(--world-accent-border);border-radius:999px;background:#fff;font-size:11px;font-weight:800}.sy-world-popular button:focus-visible,.sy-world-popular a:focus-visible{outline:3px solid color-mix(in srgb,var(--world-accent) 34%,transparent);outline-offset:3px}.sy-world-popular__carousel{position:relative;width:min(1260px,calc(100% - 80px));margin:0 auto}.sy-world-popular__viewport{min-width:0;overflow:hidden}.sy-world-popular__panel{display:none;gap:10px;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}.sy-world-popular__panel::-webkit-scrollbar{display:none}.sy-world-popular__panel.is-active{display:flex}.sy-world-popular .sy-world-topics-resource--popular{display:flex;flex:0 0 calc((100% - 40px)/5);min-width:0;min-height:500px;border:1px solid #d9e3e7;border-radius:17px;background:#fff;box-shadow:0 15px 34px #142b3e0f;overflow:hidden;scroll-snap-align:start;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.sy-world-popular .sy-world-topics-resource--popular:hover{border-color:var(--world-accent-border);box-shadow:0 19px 40px #142b3e17;transform:translateY(-2px)}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__link{display:flex;flex:1 1 auto;min-width:0;min-height:100%;flex-direction:column}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__media{display:grid;flex:0 0 auto;place-items:center;width:100%;height:auto;min-height:0;aspect-ratio:1 / 1;padding:0;background:#fff;overflow:hidden}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:drop-shadow(0 12px 13px rgba(12,32,26,.13));transition:transform .22s ease}.sy-world-popular .sy-world-topics-resource--popular:hover .sy-world-topics-resource__media img{transform:scale(1.02)}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--world-accent-dark);background:var(--world-accent-soft)}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__fallback svg{width:54px;height:54px}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__copy{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;min-width:0;padding:12.5px 15px 14.5px}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__format{display:inline-flex;align-items:center;gap:5px;min-height:24.5px;padding:3.5px 8px;color:var(--world-accent-dark);border:1px solid var(--world-accent-border);border-radius:999px;background:color-mix(in srgb,var(--world-accent-soft) 76%,#fff);font-size:11.5px;font-weight:850;line-height:1}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__format svg{width:14px;height:14px}.sy-world-popular .sy-world-topics-resource--popular h4{display:-webkit-box;min-height:44px;margin:10.5px 0 0;color:var(--popular-ink);font-family:var(--font-heading-family, inherit);font-size:17.8px;font-weight:900;letter-spacing:0;line-height:1.18;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__description{display:none}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7.5px 4px;width:100%;margin-top:8.5px;padding-top:0;color:#405468;border-top:0;font-size:11.2px;font-weight:750;line-height:1.22}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__meta>span,.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__mobile-detail,.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__desktop-detail{display:inline-flex;align-items:center;gap:5px;min-width:0}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__meta svg{width:14px;height:14px;flex:0 0 14px;color:var(--world-accent-dark)}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__stat--rating svg{color:var(--world-accent-dark)}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__action{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:13.5px;color:var(--world-accent-dark);font-size:12.8px;font-weight:900;line-height:1.1}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__action svg{width:16px;height:16px;stroke-width:2.2}.sy-world-popular__arrow{position:absolute;top:41%;z-index:2;-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin:0;padding:0;color:var(--world-accent-dark);border:1px solid var(--world-accent-border);border-radius:50%;background:#fff;box-shadow:0 12px 28px #142b3e17;transform:translateY(-50%);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.sy-world-popular__arrow:hover:not(:disabled){box-shadow:0 16px 32px #142b3e21;transform:translateY(calc(-50% - 2px))}.sy-world-popular__arrow:disabled{cursor:default;opacity:.34}.sy-world-popular__arrow[hidden]{display:none}.sy-world-popular__arrow svg{width:21px;height:21px;stroke-width:2.3}.sy-world-popular__arrow--prev{left:-52px}.sy-world-popular__arrow--next{right:-52px}.sy-world-popular__dots{display:none}.sy-world-popular__empty{display:grid;place-items:center;width:100%;min-height:300px;padding:32px;color:var(--popular-muted);border:1px solid var(--popular-line);border-radius:8px;background:#fff;text-align:center}.sy-world-popular__empty strong{color:var(--popular-ink);font-size:20px}.sy-world-popular__empty span{margin-top:7px;font-size:14px}.sy-world-popular__footer{display:flex;justify-content:center;margin-top:22px}.sy-world-popular__cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:0 8px;color:var(--world-accent-dark)!important;border-radius:0;background:transparent;box-shadow:none;font-size:12.8px;font-weight:900;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease}.sy-world-popular__cta:hover{box-shadow:none;transform:none}.sy-world-popular__cta svg{width:18px;height:18px;stroke-width:2.2}@media(min-width:750px)and (max-width:1199px){.sy-world-popular__header h2{font-size:40px}.sy-world-popular__carousel{width:100%}.sy-world-popular .sy-world-topics-resource--popular{flex-basis:calc((100% - 28px) / 3)}.sy-world-popular__arrow{display:none}}@media(max-width:749px){.sy-world-popular__inner{width:calc(100% - 32px);padding:46px 0 52px}.sy-world-popular__header{margin-bottom:0;padding-inline:2px}.sy-world-popular__pill{gap:4.5px;margin-bottom:12.5px;padding:4.8px 10.5px;font-size:10px}.sy-world-popular__header h2{display:grid;gap:1px;font-size:23.4px;line-height:1.04}.sy-world-popular__header h2 span:first-child{font-size:.93em;white-space:normal}.sy-world-popular__header h2 span:last-child{font-size:27px;line-height:1.04}.sy-world-popular__header>p:last-child{width:min(100%,370px);margin-top:12.5px;font-size:13.2px;font-weight:650;line-height:1.42}.sy-world-popular__tabs{width:100%;min-height:66.5px;margin:21px auto 14.5px;border-radius:13.5px}.sy-world-popular__tabs button{display:flex;min-height:64.5px;flex-direction:column;justify-content:center;gap:5px;padding:7.8px 2.8px 8.4px;font-size:clamp(11.2px,3vw,12px);line-height:1.1;text-align:center}.sy-world-popular__tabs button:after{right:12px;left:12px}.sy-world-popular__tabs button>svg{width:16.2px;height:16.2px}.sy-world-popular__tabs strong{position:absolute;top:5px;right:5px;min-width:21px;height:21px;padding-inline:5px;font-size:9px}.sy-world-popular__carousel{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;width:calc(100% + 11px);margin-inline:-5.5px}.sy-world-popular__viewport{grid-column:1 / -1;grid-row:1;padding:2px 2px 4.5px}.sy-world-popular__panel{gap:7px;padding-inline:0;scroll-padding-inline:0;scroll-snap-type:x mandatory}.sy-world-popular .sy-world-topics-resource--popular{flex:0 0 calc((100% - 7px)/2);min-height:min(calc((100vw - 32px)/2 + 202px),401px);border-radius:12.5px}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__media{height:auto;min-height:0;aspect-ratio:1 / 1;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--world-accent-soft) 50%,transparent),transparent 57%),#fff}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__media img{object-fit:contain;filter:drop-shadow(0 9px 9px rgba(11,18,38,.14))}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__copy{padding:9.5px 5.6px 10px}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__format{min-height:20px;padding:2.8px 5.5px;font-size:9.8px}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__format svg{width:11.4px;height:11.4px}.sy-world-popular .sy-world-topics-resource--popular h4{min-height:38px;margin-top:7.2px;font-size:13.4px;font-weight:900;line-height:1.22;-webkit-line-clamp:3}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__description{font-size:12.5px}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__meta{gap:4.8px 1px;margin-top:6.5px;font-size:11.6px;font-weight:800;line-height:1.18}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__meta>span,.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__mobile-detail,.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__desktop-detail{gap:1px}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__meta svg{width:13.4px;height:13.4px;flex-basis:13.4px}.sy-world-popular .sy-world-topics-resource--popular .sy-world-topics-resource__action{padding-top:7.5px;font-size:11.4px;font-weight:900}.sy-world-popular__arrow{position:static;grid-row:2;width:42px;height:42px;transform:none}.sy-world-popular__arrow:hover:not(:disabled){transform:translateY(-2px)}.sy-world-popular__arrow[hidden]{display:inline-flex}.sy-world-popular__arrow--prev{grid-column:1}.sy-world-popular__arrow--next{grid-column:3}.sy-world-popular__dots{display:flex;grid-column:2;grid-row:2;align-items:center;justify-content:center;flex-wrap:wrap;gap:5.5px;min-height:22px}.sy-world-popular__dot{-webkit-appearance:none;appearance:none;width:6.5px;height:6.5px;margin:0;padding:0;border:0;border-radius:50%;background:#cbd7d2}.sy-world-popular__dot.is-active{width:7.5px;height:7.5px;background:var(--world-accent-dark)}.sy-world-popular__footer{margin-top:12px;padding-inline:0}.sy-world-popular__cta{width:auto;min-height:40px;padding-inline:8px;font-size:11.4px;text-align:center}}@media(max-width:359px){.sy-world-popular__tabs button{font-size:10.5px}.sy-world-popular .sy-world-topics-resource--popular{flex-basis:calc(100vw - 44px)}}@media(prefers-reduced-motion:reduce){.sy-world-popular__panel{scroll-behavior:auto}.sy-world-popular *,.sy-world-popular *:before,.sy-world-popular *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/346/assets/suityou-world-popular-resources.css.map */