html:not(.stop) ._playButton_1vds9_9{display:none}html.stop ._stopButton_1vds9_13{display:none}.container[data-astro-cid-twn44t7i]{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background-color:var(--color-accent);position:relative}.monitor[data-astro-cid-twn44t7i]{aspect-ratio:8 / 5;height:20vh;min-height:180px;background-color:var(--color-background);border-radius:var(--radius-xl);border:8px solid var(--color-background);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.keyboard[data-astro-cid-twn44t7i]{width:150px;border-bottom:30px solid var(--color-background);border-left:8px solid transparent;border-right:8px solid transparent;position:fixed;top:calc(50% + 160px);left:50%;transform:translate(-50%,-50%)}.absolute[data-astro-cid-twn44t7i]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;justify-content:center;z-index:2}.title[data-astro-cid-twn44t7i]{font-size:var(--step-6);font-weight:900;margin-bottom:var(--space-xl)}.scroll[data-astro-cid-twn44t7i]{position:fixed;bottom:10%;left:50%;transform:translate(-50%);letter-spacing:.1rem;&:after{content:"";position:absolute;top:1.8rem;left:50%;transform:translate(-50%);width:var(--space-4xs);height:36px;background:var(--color-border);animation:pathmove 1.5s ease-in-out infinite;opacity:1}}@keyframes pathmove{0%{height:20px;top:1.8rem;opacity:0}30%{height:36px;opacity:1}to{height:20px;top:calc(1.8rem + 30px);opacity:0}}.stop .scroll[data-astro-cid-twn44t7i]:after{animation-play-state:paused}.animation-button[data-astro-cid-twn44t7i]{position:fixed;bottom:var(--space-l);right:var(--space-l);@media screen and (max-width:1024px){bottom:var(--space-s);right:var(--space-s)}}._button_14th7_1{padding:var(--space-xs) var(--space-s);border:solid 1px var(--color-border);color:var(--color-text);background-color:var(--color-surface);border-radius:var(--radius-infinity);width:fit-content;display:flex;align-items:center;transition:background-color .2s}._button_14th7_1:hover,._button_14th7_1:focus{background-color:var(--color-accent)}.about[data-astro-cid-abtmhuo5]{display:flex;gap:var(--space-2xl);justify-content:center;align-items:center;@media screen and (max-width:1024px){flex-direction:column}.pc{width:100%;max-width:300px;display:flex;align-items:center;flex-direction:column;gap:var(--space-xl);.monitor{width:300px;height:187.5px;background-color:var(--color-surface);border-radius:var(--radius-xl);border:8px solid var(--color-surface);position:relative;.screen{position:absolute;top:0;left:0;background-color:var(--color-surface);width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}}.keyboard{width:150px;border-bottom:30px solid var(--color-surface);border-left:8px solid transparent;border-right:8px solid transparent}}.texts{display:flex;flex-direction:column;gap:var(--space-xl);max-width:var(--text-max-width);.title{font-size:var(--step-5);font-weight:900}}}.container[data-astro-cid-yclxpdt7]{display:flex;flex-direction:column;gap:var(--space-2xl);.titles{display:flex;flex-direction:row;flex-wrap:wrap;align-items:end;gap:var(--space-m);.title{font-size:var(--step-5);font-weight:900;line-height:1}}.products{display:flex;gap:var(--space-xl);width:100%;@media screen and (max-width:1024px){flex-direction:column}}}.container[data-astro-cid-z6labx4k]{display:flex;flex-direction:column;gap:var(--space-2xl);.titles{display:flex;flex-wrap:wrap;flex-direction:row;align-items:end;gap:var(--space-m);.title{font-size:var(--step-5);font-weight:900;line-height:1}}.articles{display:flex;gap:var(--space-xl);width:100%;@media screen and (max-width:1024px){flex-direction:column}}}.container[data-astro-cid-j7pv25f6]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background-color:var(--color-accent);.background{margin-top:50vh;position:relative;z-index:var(--z-index-content);width:100%;display:flex;justify-content:center;.main{padding:var(--space-xl) var(--space-s) var(--space-3xl) var(--space-s);overflow:hidden;display:flex;flex-direction:column;gap:var(--space-2xl);max-width:90rem}}}.stop .background[data-astro-cid-j7pv25f6]{background-color:var(--color-background);margin-top:0}