.tips{max-width:100%;background-color:var(--w-s-color-background-subtle);padding:24px}@media (min-width: 768px){.tips{max-width:478px;padding:42px}}@media (min-width: 990px){.tips{background-color:transparent;padding:0}.tips ol{background-color:var(--w-s-color-background-subtle);padding:42px}}.no-gutters{background-color:var(--f-white);margin:0;max-width:1010px;padding:0 16px}@media (min-width: 1300px){.no-gutters{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}}.text-wrap{width:calc(100vw - 172px)}@media (min-width: 480px){.text-wrap{width:100%}}.contract{width:183px;height:200px;position:absolute;top:-15px;right:-45px}@media (min-width: 480px){.contract{width:230px;height:250px;position:initial}}.tab-container{display:flex;max-width:706px;padding:0;margin-left:0;margin-right:0}@media (min-width: 480px){.tab-container{margin-left:16px;margin-right:16px}}@media (min-width: 768px){.tab-container{display:flex;width:100%;margin-left:auto;margin-right:auto;border-bottom:0!important}}.tab-container>div{width:100%}.tab-container>div>*{border-bottom-width:6px}.tab{background-color:initial;line-height:1.5;text-align:center;width:33%;cursor:pointer;font-size:22px;color:#71717a}.tab:after{content:"";background-color:transparent;height:6px;display:block;margin-top:10px}.tab[selected]{color:#3f3f46}.tab[selected]:after{background-color:var(--w-s-color-border-selected)}@media (min-width: 768px){.tab{color:var(--w-s-color-text-placeholder);padding:10px 22px 0}.tab[selected]{color:var(--w-s-color-text-inverted)}}.item-container{display:flex;flex-wrap:wrap;margin-top:24px;margin-bottom:32px;gap:16px;max-width:800px}@media (min-width: 768px){.item-container{margin-top:0;margin-bottom:64px}}.item{display:flex;width:100%}@media (min-width: 768px){.item{display:flex;flex:0 0 calc(33.33% - 11px)}}.item svg{width:24px;height:24px;font-size:16px}@media (min-width: 768px){.tabs-on-top{top:-56px}.after-tabs{margin-top:-47px}}.body-scroll-lock{overflow:hidden;position:relative;height:100%}.close-button-dark-mode{border-color:var(--w-gray-400);background-color:var(--w-gray-750)!important}.close-button-dark-mode:hover{background-color:var(--w-gray-700)!important}.close-button-dark-mode:active{background-color:var(--w-gray-600)!important}.close-button-dark-mode:focus-visible{outline:2px solid var(--w-blue-400)}.dot{width:4px;height:4px;background-color:var(--w-gray-50);opacity:.6}.pill{height:6px;width:16px;background-color:var(--w-gray-50);border-radius:100px}.ul-height{height:calc(100vh - 94px);height:calc(100dvh - 94px)}.package-example-transition{view-transition-name:package-example-transition}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}::view-transition-old(package-example-transition){animation:slide-down .35s ease-out}::view-transition-new(package-example-transition){animation:slide-up .35s ease-in}.expanded-click-area:after{content:"";position:absolute;inset:0;z-index:2}.example .card--cardShadow:hover,.example .card--cardShadow:active{background-color:var(--w-s-color-surface-elevated-200);box-shadow:var(--w-s-shadow-surface-elevated-200)}#disable-links-wrapper *,#disable-links-wrapper *:hover{cursor:default!important}.background-container{height:210px;background-image:linear-gradient(180deg,#191d3400 0% .01%,#191d34),var(--small-background-image)}@media (min-width: 768px){.background-container{background-image:linear-gradient(180deg,#191d3400 0% .01%,#191d34),var(--medium-background-image)}}@media (min-width: 990px){.background-container{background-image:linear-gradient(180deg,#191d3400 0% .01%,#191d34),var(--large-background-image)}}@media (min-width: 1536px){.background-container{background-image:linear-gradient(180deg,#191d3400 0% .01%,#191d34),var(--xl-background-image)}}.search-heading{margin-bottom:15px}@media (min-width: 768px){.background-container{height:465px}.background-container-overlay{height:465px;margin-top:32px;margin-bottom:auto}}@media (min-width: 990px) and (min-height: 1360px){.background-container-overlay{height:465px;justify-content:center;margin-top:auto;margin-bottom:auto}}@media (min-width: 990px) and (min-height: 1360px){.background-container{height:680px}.search-heading{margin-bottom:40px}}.display-text{font-size:34px;line-height:1.5}@media (min-width: 768px){.display-text{font-size:50px}}@media (min-width: 990px){.display-text{font-size:64px}}@media (min-width: 990px) and (min-height: 1360px){.display-text{font-size:96px;line-height:91px}}.search-box{display:flex;flex-direction:column;padding:16px 16px 32px;gap:16px}@media (min-width: 768px){.search-box{display:flex;flex-direction:column;border-radius:8px;width:50%;max-width:576px;padding:46px 40px 45px;color:#fff;gap:16px}}@media (min-width: 990px){.search-box{display:flex;flex-direction:column;border-radius:8px;width:50%;max-width:576px;padding:46px 40px 45px;color:#fff;gap:16px}}.link-button{display:flex;width:100px;border-radius:4px;border:1px solid #c3ccd9;background:#fff;padding:10px 16px;justify-content:center;align-items:center;color:#3f3f46;gap:8px}.search-area{display:flex;align-items:center;justify-content:space-between;gap:8px}@media (min-width: 768px){.search-area{gap:16px}}.search-area>span{flex-grow:3;flex-shrink:1;flex-basis:0}.search-area>a.link-button{flex-grow:0;flex-shrink:0;flex-basis:0}.page-container-lookalike{width:min(calc(100vw - 32px),944px)}@media (min-width: 1300px){.page-container-lookalike{width:min(calc(100vw - 62px),944px)}}.heading-container{margin:0;max-width:1010px;padding:0 16px}@media (min-width: 1300px){.heading-container{margin-left:auto;margin-right:auto;padding-left:31px;padding-right:31px}}.slide-container{scroll-snap-type:x mandatory;height:264px;max-width:1424px}@media (min-width: 768px){.slide-container{height:487px}}@media (min-width: 990px) and (min-height: 1360px){.slide-container{height:638px}}.slide-container>div{margin-left:16px}@media (min-width: 768px){.slide-container>div{margin-left:16px}}.slide-item{scroll-snap-align:center;width:min(calc(100vw - 132px),464px);flex-shrink:0}@media (prefers-reduced-motion: no-preference){@media (min-width: 768px){.slide-item{flex:1;transition:flex .8s ease;width:100%}.slide-item.slide-item-hovered{flex:3.2}.slide-text{width:min(50vw,416px);opacity:0}.slide-viewing{width:min(50vw,416px)}.slide-item.slide-item-hovered .slide-text{opacity:1}.slide-favorite{opacity:0}.slide-item.slide-item-hovered .slide-favorite{opacity:1}.show-when-expanded{opacity:0}.slide-item.slide-item-hovered .show-when-expanded{opacity:1}.slide-favorite{transition-property:opacity;transition-duration:20ms;transition-delay:0ms}.slide-item.slide-item-hovered .slide-favorite{transition-duration:.2s;transition-delay:.5s}}}.hide-scroll{scrollbar-width:none;-ms-overflow-style:none}.hide-scroll::-webkit-scrollbar{width:0!important;display:none}.scroll-button-container{margin-left:auto;margin-right:auto;width:min(calc(100vw - 32px),944px)}@supports (animation-timeline: scroll()){@media (min-width: 1082px){.scroll-button-container{width:1082px;transform:translateY(-96px)}}@media (prefers-reduced-motion: no-preference){.scroll-text{opacity:0;animation:clarify;animation-fill-mode:both;animation-timing-function:ease-in-out;view-timeline:--item inline;animation-timeline:view(inline);animation-range:cover 40% cover 60%}@keyframes scalify{50%{scale:1;background-position:100% 100%}}@keyframes clarify{50%{opacity:1}}}}.heading-line-clamp{display:-webkit-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:normal;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}@supports selector(:has(a,b)){.viewings-ad:has(.viewings-ad-link:focus-visible)>.viewings-ad-outline{border-color:var(--w-s-color-border-selected)}.viewings-ad-link{&:focus{text-decoration:none}&:focus-visible{outline:none}}}.swipe-container{scroll-snap-type:x mandatory;margin-left:-16px;margin-right:-16px}@media (min-width: 768px){.swipe-container{margin-left:0;margin-right:0}}.swipe-item{scroll-snap-align:center;width:min(calc(100vw - 70px),343px);flex-shrink:0}.swipe-item:first-child{margin-left:16px}@media (min-width: 768px){.swipe-item{width:100%}.swipe-item:first-child{margin-left:0}}@supports selector(:has(a,b)){.swipe-item:has(.swipe-item-link:focus-visible)>.swipe-item-outline{border-color:var(--w-s-color-border-selected)}.swipe-item-link{&:focus{text-decoration:none}&:focus-visible{outline:none}}}