156 lines
14 KiB
CSS
156 lines
14 KiB
CSS
/* layer: preflights */
|
|
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
|
|
/* layer: icons */
|
|
.i-pixelarticons\:bug{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M8 2h2v4h4V2h2v4h2v3h2v2h-2v2h4v2h-4v2h2v2h-2v3H6v-3H4v-2h2v-2H2v-2h4v-2H4V9h2V6h2zm8 6H8v3h8zm-5 5H8v7h3zm2 7h3v-7h-3zM4 9H2V7h2zm0 10v2H2v-2zm16 0h2v2h-2zm0-10V7h2v2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
|
|
.i-pixelarticons\:camera{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9 3H7v2H2v16h20V5h-5V3zm8 4h3v12H4V7h5V5h6v2zm-7 2h4v2h-4zm4 6h-4v2h4zh2v-4h-2zm-6-4h2v4H8z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
|
|
.i-pixelarticons\:external-link{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M21 11V3h-8v2h4v2h-2v2h-2v2h-2v2H9v2h2v-2h2v-2h2V9h2V7h2v4zM11 5H3v16h16v-8h-2v6H5V7h6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
|
|
.i-pixelarticons\:file-alt{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M21 22H3V2h12v2h2v2h2v2h2zM17 6h-2v2h2zM5 4v16h14V10h-6V4zm8 12H7v2h6zm-6-4h10v2H7zm4-4H7v2h4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
|
|
.i-pixelarticons\:heart{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9 2H5v2H3v2H1v6h2v2h2v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2v-2h2v-2h2V6h-2V4h-2V2h-4v2h-2v2h-2V4H9zm0 2v2h2v2h2V6h2V4h4v2h2v6h-2v2h-2v2h-2v2h-2v2h-2v-2H9v-2H7v-2H5v-2H3V6h2V4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
|
|
/* layer: default */
|
|
.pointer-events-none{pointer-events:none;}
|
|
.absolute{position:absolute;}
|
|
.fixed{position:fixed;}
|
|
.relative{position:relative;}
|
|
.bottom-20{bottom:5rem;}
|
|
.left-0{left:0;}
|
|
.right-0{right:0;}
|
|
.right-20{right:5rem;}
|
|
.top-0{top:0;}
|
|
.z-1{z-index:1;}
|
|
.z-10{z-index:10;}
|
|
.z-2{z-index:2;}
|
|
.z-3{z-index:3;}
|
|
.z-4{z-index:4;}
|
|
.m-0{margin:0;}
|
|
.m-4{margin:1rem;}
|
|
.mb-0{margin-bottom:0;}
|
|
.mb-3{margin-bottom:0.75rem;}
|
|
.mb-4{margin-bottom:1rem;}
|
|
.mb-8{margin-bottom:2rem;}
|
|
.me{margin-inline-end:1rem;}
|
|
.mt-3{margin-top:0.75rem;}
|
|
.mt-4{margin-top:1rem;}
|
|
.inline-block{display:inline-block;}
|
|
.hidden{display:none;}
|
|
.h-0\.5rem{height:0.5rem;}
|
|
.h-0\.75rem{height:0.75rem;}
|
|
.h-100\%,
|
|
.h-full{height:100%;}
|
|
.h-100vh{height:100vh;}
|
|
.h-15rem{height:15rem;}
|
|
.h-1rem{height:1rem;}
|
|
.h-3rem{height:3rem;}
|
|
.max-h-80\%{max-height:80%;}
|
|
.max-w-60\%{max-width:60%;}
|
|
.max-w-full{max-width:100%;}
|
|
.min-h-20rem{min-height:20rem;}
|
|
.min-w-20rem{min-width:20rem;}
|
|
.w-0\.5rem{width:0.5rem;}
|
|
.w-100\%,
|
|
.w-full{width:100%;}
|
|
.w-100vw{width:100vw;}
|
|
.w-15rem{width:15rem;}
|
|
.w-1rem{width:1rem;}
|
|
.w-20{width:5rem;}
|
|
.flex{display:flex;}
|
|
.flex-col{flex-direction:column;}
|
|
.-translate-x-15\%{--un-translate-x:-15%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
.translate-x-100\%{--un-translate-x:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
.translate-x-50\%{--un-translate-x:50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
.translate-x-70\%{--un-translate-x:70%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
.snap-y{scroll-snap-type:y var(--un-scroll-snap-strictness);}
|
|
.snap-mandatory{--un-scroll-snap-strictness:mandatory;}
|
|
.snap-center{scroll-snap-align:center;}
|
|
.snap-normal{scroll-snap-stop:normal;}
|
|
.list-none{list-style-type:none;}
|
|
.items-end{align-items:flex-end;}
|
|
.items-center{align-items:center;}
|
|
.justify-end{justify-content:flex-end;}
|
|
.justify-center{justify-content:center;}
|
|
.justify-between{justify-content:space-between;}
|
|
.gap-2{gap:0.5rem;}
|
|
.overflow-x-hidden{overflow-x:hidden;}
|
|
.overflow-y-hidden{overflow-y:hidden;}
|
|
.scroll-smooth{scroll-behavior:smooth;}
|
|
.border-0{border-width:0px;}
|
|
.border-b-1{border-bottom-width:1px;}
|
|
.bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity)) /* #000 */;}
|
|
.bg-current{background-color:currentColor /* currentColor */;}
|
|
.bg-gray{--un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity)) /* #9ca3af */;}
|
|
.bg-transparent{background-color:transparent /* transparent */;}
|
|
.from-black{--un-gradient-from-position:0%;--un-gradient-from:rgb(0 0 0 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(0 0 0 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
|
|
.to-transparent{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}
|
|
.to-50\%{--un-gradient-to-position:50%;}
|
|
.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}
|
|
.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}
|
|
.bg-gradient-to-t{--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}
|
|
.bg-bottom{background-position:bottom;}
|
|
.bg-top{background-position:top;}
|
|
.p-0{padding:0;}
|
|
.px-10{padding-left:2.5rem;padding-right:2.5rem;}
|
|
.py-20{padding-top:5rem;padding-bottom:5rem;}
|
|
.pl-3{padding-left:0.75rem;}
|
|
.pr-5{padding-right:1.25rem;}
|
|
.pt-4{padding-top:1rem;}
|
|
.text-center{text-align:center;}
|
|
.text-right{text-align:right;}
|
|
.text-justify{text-align:justify;}
|
|
.text-2xl{font-size:1.5rem;line-height:2rem;}
|
|
.text-4xl{font-size:2.25rem;line-height:2.5rem;}
|
|
.text-5xl{font-size:3rem;line-height:1;}
|
|
.text-8xl{font-size:6rem;line-height:1;}
|
|
.text-9xl{font-size:8rem;line-height:1;}
|
|
.text-xs{font-size:0.75rem;line-height:1rem;}
|
|
.text-current{color:currentColor /* currentColor */;}
|
|
.text-gray-500{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity)) /* #6b7280 */;}
|
|
.text-green-500{--un-text-opacity:1;color:rgb(34 197 94 / var(--un-text-opacity)) /* #22c55e */;}
|
|
.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity)) /* #ef4444 */;}
|
|
.text-transparent{color:transparent /* transparent */;}
|
|
.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;}
|
|
.font-japanese{font-family:Kaisei Decol;}
|
|
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
|
|
.font-serif{font-family:Quattrocento,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}
|
|
.italic{font-style:italic;}
|
|
.underline{text-decoration-line:underline;}
|
|
.underline-offset-3{text-underline-offset:3px;}
|
|
.no-underline{text-decoration:none;}
|
|
.opacity-10{opacity:0.1;}
|
|
.opacity-50{opacity:0.5;}
|
|
.saturate-0{--un-saturate:saturate(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
.min-h-screen{min-height:100vh;min-height:100dvh;}
|
|
.w-screen{width:100vw;width:100dvw;}
|
|
.text-stroke-1px{-webkit-text-stroke-width:1px;text-stroke-width:1px;}
|
|
.text-stroke-white{-webkit-text-stroke-color:white;text-stroke-color:white;}
|
|
.vertical-lr{writing-mode:vertical-lr;}
|
|
.vertical-rl{writing-mode:vertical-rl;}
|
|
.bg-heropattern{background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10h10v10H0V10zM10 0h10v10H10V0z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");}
|
|
@media (min-width: 768px){
|
|
.md\:relative{position:relative;}
|
|
.md\:m-0{margin:0;}
|
|
.md\:mt-1{margin-top:0.25rem;}
|
|
.md\:block{display:block;}
|
|
.md\:inline-block{display:inline-block;}
|
|
.md\:hidden{display:none;}
|
|
.md\:h-70\%{height:70%;}
|
|
.md\:h-fit{height:fit-content;}
|
|
.md\:w-fit{width:fit-content;}
|
|
.md\:flex{display:flex;}
|
|
.md\:flex-col{flex-direction:column;}
|
|
.md\:translate-x-0{--un-translate-x:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
.md\:translate-x-100\%{--un-translate-x:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
.md\:rotate-0{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
.md\:items-center{align-items:center;}
|
|
.md\:justify-center{justify-content:center;}
|
|
.md\:gap-10{gap:2.5rem;}
|
|
.md\:gap-7{gap:1.75rem;}
|
|
.md\:rounded-xl{border-radius:0.75rem;}
|
|
.md\:from-20\%{--un-gradient-from-position:20%;}
|
|
.md\:to-50\%{--un-gradient-to-position:50%;}
|
|
.md\:bg-gradient-to-t{--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}
|
|
.md\:p-0{padding:0;}
|
|
.md\:text-center{text-align:center;}
|
|
.md\:opacity-100{opacity:1;}
|
|
.md\:horizontal-tb{writing-mode:horizontal-tb;}
|
|
} |