.tile-carousel{flex-direction:column;gap:12px;min-width:0;display:flex;container:tile-carousel/inline-size}.tile-carousel-track{--tile-carousel-gap:10px;--tile-carousel-pad:6px;--tile-carousel-peek:32px;--tile-carousel-fade:calc(var(--tile-carousel-peek) - var(--tile-carousel-gap) + var(--tile-carousel-pad));grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--tile-carousel-gap) - var(--tile-carousel-peek)) / 3);gap:var(--tile-carousel-gap);margin:calc(-1 * var(--tile-carousel-pad)) calc(-1 * var(--tile-carousel-pad)) -14px;padding:var(--tile-carousel-pad) var(--tile-carousel-pad) 14px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--tile-carousel-pad);scrollbar-width:none;list-style:none;display:grid;overflow-x:auto}.tile-carousel-track::-webkit-scrollbar{display:none}.tile-carousel-track[data-fade=end]{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--tile-carousel-fade)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--tile-carousel-fade)), transparent)}.tile-carousel-track[data-fade=start]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--tile-carousel-fade));mask-image:linear-gradient(to right, transparent, #000 var(--tile-carousel-fade))}.tile-carousel-track[data-fade=both]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--tile-carousel-fade), #000 calc(100% - var(--tile-carousel-fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--tile-carousel-fade), #000 calc(100% - var(--tile-carousel-fade)), transparent)}.tile-carousel-slot{min-width:0;animation:.46s cubic-bezier(.34,1.56,.64,1) both tile-rise;animation-delay:calc(var(--tile-i,0) * 50ms);display:flex}.tile-carousel-slot:nth-child(3n+1){scroll-snap-align:start}@keyframes tile-rise{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.illustrated-tile{--illustrated-tile-fade:linear-gradient(to top, var(--card) 0, var(--card) 62px, transparent 72%);--illustrated-tile-art-opacity:.6;isolation:isolate;aspect-ratio:3/4;border:1px solid var(--border);background:var(--card);width:100%;color:var(--foreground);text-align:left;cursor:pointer;border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:14px;transition:transform .24s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}@media (max-height:879px) and (min-width:640px){.illustrated-tile{aspect-ratio:4/5}}.illustrated-tile:before{z-index:1;background:var(--illustrated-tile-fade);content:"";pointer-events:none;position:absolute;inset:0}.illustrated-tile:hover{border-color:color-mix(in oklch, var(--pip-terracotta) 60%, var(--border));transform:translateY(-3px);box-shadow:0 10px 24px -14px #00000059}.illustrated-tile:active{transform:translateY(0)scale(.98)}.illustrated-tile:focus-visible{outline:2px solid var(--pip-terracotta);outline-offset:2px}.illustrated-tile-art{z-index:0;opacity:var(--illustrated-tile-art-opacity);pointer-events:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0;overflow:hidden}.dark .illustrated-tile{--illustrated-tile-art-opacity:.5}.illustrated-tile-art-frame{position:absolute;inset:0}.illustrated-tile-art img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.illustrated-tile:hover .illustrated-tile-art{transform:scale(1.04)}.illustrated-tile-title{z-index:2;text-wrap:balance;font-size:15px;font-weight:650;line-height:1.3;position:relative}.illustrated-tile-word{white-space:nowrap}.tile-carousel-strip{min-width:0;position:relative}.tile-carousel{--tile-carousel-quiet:color-mix(in oklch, var(--foreground) 50%, var(--background))}.tile-carousel-step{z-index:3;width:44px;height:44px;color:var(--tile-carousel-quiet);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .16s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.tile-carousel-step[data-side=previous]{right:100%}.tile-carousel-step[data-side=next]{left:100%}.tile-carousel-step[hidden]{display:none}.tile-carousel-step-face{border:1px solid var(--border);background:var(--card);border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .16s;display:inline-flex;box-shadow:0 6px 16px -10px #00000059}.tile-carousel-step svg{width:16px;height:16px}.tile-carousel-step:hover{color:var(--foreground)}.tile-carousel-step:hover .tile-carousel-step-face{background:var(--muted)}.tile-carousel-controls{justify-content:center;align-items:center;display:flex}.tile-carousel-dots{display:flex}.tile-carousel-dot{width:24px;height:24px;color:var(--tile-carousel-quiet);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .2s;display:inline-flex}.tile-carousel-dot:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px}.tile-carousel-dot:not([aria-current=true]):hover{color:color-mix(in oklch, var(--foreground) 75%, var(--background))}.tile-carousel-dot[aria-current=true]{color:var(--foreground)}.tile-carousel-step:focus-visible{outline:none}.tile-carousel-step:focus-visible .tile-carousel-step-face,.tile-carousel-dot:focus-visible{outline:2px solid var(--pip-terracotta);outline-offset:2px}@media (max-width:639px){.tile-carousel-track[data-paged]{--tile-carousel-pad:44px;margin:-16px -28px -14px;padding:16px 44px 14px}.tile-carousel-step[data-side=previous]{left:-28px;right:auto}.tile-carousel-step[data-side=next]{left:auto;right:-28px}}@container tile-carousel not (min-width:38rem){.tile-carousel-track{--tile-carousel-gap:8px;--tile-carousel-peek:28px;--tile-carousel-fade:var(--tile-carousel-peek);grid-template-rows:repeat(3,1fr);grid-auto-columns:calc(100% - var(--tile-carousel-peek));column-gap:var(--tile-carousel-pad)}.illustrated-tile{--illustrated-tile-fade:linear-gradient(to right, var(--card) 0, var(--card) 172px, transparent 100%);aspect-ratio:auto;border-radius:16px;flex-direction:row;justify-content:flex-start;align-items:center;min-height:60px;padding:10px 14px}.illustrated-tile-art{width:min(55%,210px);inset:0 0 0 auto}.illustrated-tile-art img{object-position:50% 45%}.illustrated-tile-title{max-width:152px;font-size:14.5px}}@supports not (container-type:inline-size){@media (max-width:703.98px){.tile-carousel-track{--tile-carousel-gap:8px;--tile-carousel-peek:28px;--tile-carousel-fade:var(--tile-carousel-peek);grid-template-rows:repeat(3,1fr);grid-auto-columns:calc(100% - var(--tile-carousel-peek));column-gap:var(--tile-carousel-pad)}.illustrated-tile{--illustrated-tile-fade:linear-gradient(to right, var(--card) 0, var(--card) 172px, transparent 100%);aspect-ratio:auto;border-radius:16px;flex-direction:row;justify-content:flex-start;align-items:center;min-height:60px;padding:10px 14px}.illustrated-tile-art{width:min(55%,210px);inset:0 0 0 auto}.illustrated-tile-art img{object-position:50% 45%}.illustrated-tile-title{max-width:152px;font-size:14.5px}}}.tile-carousel-track:not([data-paged]){--tile-carousel-peek:0px}.illustrated-tile[data-prompt] .illustrated-tile-title{font-size:16px}.illustrated-tile[data-prompt]{transition:transform .15s,border-color .15s,box-shadow .15s}.illustrated-tile[data-prompt] .illustrated-tile-art{opacity:1}.illustrated-tile[data-prompt]{--illustrated-tile-story-white:var(--card);--illustrated-tile-story-ramp-start:104px;--illustrated-tile-story-ramp-end:max(60%, 170px);--illustrated-tile-story-card-fade:linear-gradient(to top, var(--illustrated-tile-story-white) 0, var(--illustrated-tile-story-white) var(--illustrated-tile-story-ramp-start), color-mix(in srgb, var(--card) 96.2%, transparent) calc(var(--illustrated-tile-story-ramp-start) + (var(--illustrated-tile-story-ramp-end) - var(--illustrated-tile-story-ramp-start)) * .125), color-mix(in srgb, var(--card) 85.4%, transparent) calc(var(--illustrated-tile-story-ramp-start) + (var(--illustrated-tile-story-ramp-end) - var(--illustrated-tile-story-ramp-start)) * .25), color-mix(in srgb, var(--card) 69.1%, transparent) calc(var(--illustrated-tile-story-ramp-start) + (var(--illustrated-tile-story-ramp-end) - var(--illustrated-tile-story-ramp-start)) * .375), color-mix(in srgb, var(--card) 50.0%, transparent) calc(var(--illustrated-tile-story-ramp-start) + (var(--illustrated-tile-story-ramp-end) - var(--illustrated-tile-story-ramp-start)) * .5), color-mix(in srgb, var(--card) 30.9%, transparent) calc(var(--illustrated-tile-story-ramp-start) + (var(--illustrated-tile-story-ramp-end) - var(--illustrated-tile-story-ramp-start)) * .625), color-mix(in srgb, var(--card) 14.6%, transparent) calc(var(--illustrated-tile-story-ramp-start) + (var(--illustrated-tile-story-ramp-end) - var(--illustrated-tile-story-ramp-start)) * .75), color-mix(in srgb, var(--card) 3.8%, transparent) calc(var(--illustrated-tile-story-ramp-start) + (var(--illustrated-tile-story-ramp-end) - var(--illustrated-tile-story-ramp-start)) * .875), transparent var(--illustrated-tile-story-ramp-end))}@container tile-carousel (min-width:38rem){.illustrated-tile[data-prompt] .illustrated-tile-title{font-size:clamp(17px,3.125cqi,20px);line-height:1.25}.illustrated-tile[data-prompt][data-play] .illustrated-tile-title{font-size:clamp(16px,2.36cqi,20px)}}@supports not (container-type:inline-size){@media (min-width:704px){.illustrated-tile[data-prompt] .illustrated-tile-title{font-size:clamp(17px,3.125cqi,20px);line-height:1.25}.illustrated-tile[data-prompt][data-play] .illustrated-tile-title{font-size:clamp(16px,2.36cqi,20px)}}}@container tile-carousel (min-width:38rem){.illustrated-tile[data-prompt]{--illustrated-tile-fade:var(--illustrated-tile-story-card-fade);padding-bottom:20px}}@supports not (container-type:inline-size){@media (min-width:704px){.illustrated-tile[data-prompt]{--illustrated-tile-fade:var(--illustrated-tile-story-card-fade);padding-bottom:20px}}}.illustrated-tile[data-prompt]:hover,.illustrated-tile[data-prompt]:hover .illustrated-tile-art{transform:none}.illustrated-tile[data-prompt]:hover{box-shadow:0 8px 14px -11px #00000059}.illustrated-tile[data-prompt]:after{z-index:3;border:3px solid var(--pip-terracotta);border-radius:inherit;opacity:0;content:"";pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.illustrated-tile[data-prompt]:focus-visible{border-color:var(--pip-terracotta);outline:none}.illustrated-tile[data-prompt]:focus-visible:after{opacity:1}@media (hover:hover){.illustrated-tile[data-prompt]:hover{border-color:var(--pip-terracotta)}.illustrated-tile[data-prompt]:hover:after{opacity:1}}.illustrated-tile-foot{z-index:2;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.illustrated-tile-foot .illustrated-tile-title{min-width:0}.illustrated-tile-play{background:var(--primary);width:40px;height:40px;color:var(--primary-foreground);pointer-events:none;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex;box-shadow:0 6px 16px -10px #00000073}.illustrated-tile-play svg{fill:currentColor;width:18px;height:18px;margin-left:2px}.illustrated-tile[data-play]:hover .illustrated-tile-play,.illustrated-tile[data-play]:focus-visible .illustrated-tile-play{background:var(--pip-terracotta);color:#fff}@container tile-carousel not (min-width:38rem){.illustrated-tile[data-prompt]{--illustrated-tile-fade:linear-gradient(to right, var(--illustrated-tile-story-white) 0, var(--illustrated-tile-story-white) 172px, transparent 240px);min-height:76px}}@supports not (container-type:inline-size){@media (max-width:703.98px){.illustrated-tile[data-prompt]{--illustrated-tile-fade:linear-gradient(to right, var(--illustrated-tile-story-white) 0, var(--illustrated-tile-story-white) 172px, transparent 240px);min-height:76px}}}.tile-carousel[data-all] .tile-carousel-track{scroll-snap-type:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;overflow:visible}.illustrated-tile-art[data-icon]{background:#fff8ec;justify-content:center;align-items:center;padding-bottom:84px;display:flex}.illustrated-tile-icon{width:112px;height:112px;display:flex}.illustrated-tile-art[data-icon] img{object-fit:contain;width:100%;height:100%}.dark .illustrated-tile-art[data-icon]{background:0 0}.dark .illustrated-tile-icon{background:#fff8ec;border-radius:999px;box-shadow:0 0 0 4px #fff8ec}@container tile-carousel not (min-width:38rem){.tile-carousel[data-all] .tile-carousel-track{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.illustrated-tile-art[data-icon]{background:linear-gradient(90deg,#fff8ec00 0,#fff8ec 85px);justify-content:flex-end;padding:0 20px 0 0}.illustrated-tile-icon{width:64px;height:64px}}@supports not (container-type:inline-size){@media (max-width:703.98px){.tile-carousel[data-all] .tile-carousel-track{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.illustrated-tile-art[data-icon]{background:linear-gradient(90deg,#fff8ec00 0,#fff8ec 85px);justify-content:flex-end;padding:0 20px 0 0}.illustrated-tile-icon{width:64px;height:64px}}}.tile-carousel-track{--tile-carousel-per-page:3}.tile-carousel[data-narrow=swipe] .tile-carousel-track[data-paged]{--tile-carousel-pad:6px;margin:-6px -6px -14px;padding:6px 6px 14px}@container tile-carousel not (min-width:38rem){.tile-carousel[data-narrow=swipe] .tile-carousel-track{--tile-carousel-per-page:1;--tile-carousel-gap:12px;--tile-carousel-fade:40px;grid-template-rows:none;grid-auto-columns:var(--tile-carousel-card,min(calc(100% - 64px), 18rem));column-gap:var(--tile-carousel-gap)}.tile-carousel[data-narrow=swipe] .tile-carousel-slot{scroll-snap-align:start}.tile-carousel[data-narrow=swipe] .illustrated-tile{--illustrated-tile-fade:linear-gradient(to top, var(--card) 0, var(--card) 62px, transparent 72%);aspect-ratio:3/4;border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:0;padding:14px}.tile-carousel[data-narrow=swipe] .illustrated-tile-art{width:auto;inset:0}.tile-carousel[data-narrow=swipe] .illustrated-tile-art img{object-position:50% 50%}.tile-carousel[data-narrow=swipe] .illustrated-tile-title{max-width:none}.tile-carousel[data-narrow=swipe] .illustrated-tile[data-prompt]{--illustrated-tile-fade:var(--illustrated-tile-story-card-fade);padding-bottom:20px}.tile-carousel[data-narrow=swipe] .illustrated-tile[data-prompt] .illustrated-tile-title{font-size:20px;line-height:1.25}.tile-carousel[data-narrow=swipe] .tile-carousel-step{display:none}}@supports not (container-type:inline-size){@media (max-width:703.98px){.tile-carousel[data-narrow=swipe] .tile-carousel-track{--tile-carousel-per-page:1;--tile-carousel-gap:12px;--tile-carousel-fade:40px;grid-template-rows:none;grid-auto-columns:var(--tile-carousel-card,min(calc(100% - 64px), 18rem));column-gap:var(--tile-carousel-gap)}.tile-carousel[data-narrow=swipe] .tile-carousel-slot{scroll-snap-align:start}.tile-carousel[data-narrow=swipe] .illustrated-tile{--illustrated-tile-fade:linear-gradient(to top, var(--card) 0, var(--card) 62px, transparent 72%);aspect-ratio:3/4;border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:0;padding:14px}.tile-carousel[data-narrow=swipe] .illustrated-tile-art{width:auto;inset:0}.tile-carousel[data-narrow=swipe] .illustrated-tile-art img{object-position:50% 50%}.tile-carousel[data-narrow=swipe] .illustrated-tile-title{max-width:none}.tile-carousel[data-narrow=swipe] .illustrated-tile[data-prompt]{--illustrated-tile-fade:var(--illustrated-tile-story-card-fade);padding-bottom:20px}.tile-carousel[data-narrow=swipe] .illustrated-tile[data-prompt] .illustrated-tile-title{font-size:20px;line-height:1.25}.tile-carousel[data-narrow=swipe] .tile-carousel-step{display:none}}}.illustrated-tile[aria-disabled=true]{cursor:default}.illustrated-tile[aria-disabled=true]:hover,.illustrated-tile[aria-disabled=true]:active{border-color:var(--border);box-shadow:none;transform:none}.illustrated-tile[aria-disabled=true]:hover:not(:focus-visible):after{opacity:0}.illustrated-tile[aria-disabled=true]:hover .illustrated-tile-art{transform:none}.illustrated-tile[aria-disabled=true] .illustrated-tile-play,.illustrated-tile[aria-disabled=true]:hover .illustrated-tile-play{background:var(--muted);color:var(--muted-foreground)}@media (prefers-reduced-motion:reduce){.tile-carousel-slot{animation:none}.illustrated-tile,.illustrated-tile[data-prompt],.illustrated-tile:after,.illustrated-tile[data-prompt]:after,.illustrated-tile-art,.illustrated-tile-play,.tile-carousel-step,.tile-carousel-step-face,.tile-carousel-dot{transition:none}.illustrated-tile:hover,.illustrated-tile:active,.illustrated-tile:hover .illustrated-tile-art{transform:none}.tile-carousel-track[data-fade]{-webkit-mask-image:none;mask-image:none}}
/*# sourceMappingURL=3ctvodrn9j34k.css.map*/