@tailwind base;@tailwind components;@tailwind utilities;:root{--foreground-rgb:255, 255, 255;--background-start-rgb:255, 255, 255;--background-end-rgb:255, 255, 255}body{color:rgb(var(--foreground-rgb));background:linear-gradient( to bottom,transparent,rgb(var(--background-end-rgb)) )rgb(var(--background-start-rgb))}body{color:#222;font-family:sans-serif;line-height:1.5;margin:1rem;max-width:768px}header{border-bottom:1px solid #222;margin-bottom:1rem}footer{border-top:1px solid #222;margin-top:1rem}a{color:#00e;text-decoration:none}.carousel{position:relative;top:0;display:flex}.carousel ul{overflow:auto;display:flex;flex-wrap:nowrap;scroll-snap-type:x mandatory;scroll-snap-points-y:repeat(100%);scroll-behavior:smooth;background:gray;-ms-overflow-style:none;scrollbar-width:none;margin:0;padding:0}.carousel ul::-webkit-scrollbar{display:none}.carousel ul li{position:relative;min-width:100%;list-style:none;background:url()50%/cover no-repeat;scroll-snap-align:start}.carousel ul li>*{position:absolute;left:0;top:0;width:100%;height:100%}.carousel ul li>img{object-fit:cover}.carousel ul li>div{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:20px}.carousel ol{position:absolute;bottom:15px;display:flex;justify-content:center;left:50%;transform:translateX(-50%);z-index:9}.carousel ol li{list-style:none;padding:0 5px}.carousel ol li a{display:block;height:10px;width:10px;border:2px solid #fff;background:0 0;border-radius:100%}.carousel ol li.selected a{background:#fff}.carousel .prev,.carousel .next{display:none;user-select:none;cursor:pointer;font-size:50px;color:#fff;position:absolute;left:0;padding:15px 15px 30px;top:50%;transform:translateY(-50%);z-index:9;line-height:0}.carousel .next{left:auto;right:0}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px rgba(0,0,0,.2);padding:12px 16px;z-index:1}.dropdown:hover .dropdown-content{display:block}