*,:before,:after{margin:0;padding:0;box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light;tab-size:2;scrollbar-gutter:stable;interpolate-size:allow-keywords;line-height:1.5}:where(html:has(dialog:modal[open])){overflow:clip}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){line-height:inherit;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(button){all:unset}:where(input,button,textarea,select){font:inherit;color:inherit;letter-spacing:inherit;word-spacing:inherit;font-feature-settings:inherit;font-variation-settings:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role=button],[role=option],[role=link]){cursor:pointer}:where(:disabled,label:has(>:disabled,+disabled)){cursor:not-allowed}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg,video){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem);text-wrap:balance}:where(hr){border:0;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(dialog,[popover]){border:0;background:0 0;color:inherit;inset:unset;max-width:unset;max-height:unset;overflow:unset}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display:none!important}:where(:focus-visible){outline:3px solid CanvasText;box-shadow:0 0 0 5px Canvas;outline-offset:1px}:where(:focus-visible,:target){scroll-margin-block:8vh}:where(.visually-hidden:not(:focus-within,:active)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important;user-select:none!important}:root{--design-main-color:#ffb6a0;--design-color:#FF5E2E;--design-bg-color:#FFF5F5;--design-gray-color:#FCAFB5;--coding-main-color:#adc7e2;--coding-bg-color:#F3FBFD;--coding-gray-color:#9BDAE8;--coding-color:#4DA4FF;--bg-color:#f4f4f4;--bg-dark-color:#edeae8;--base-color:#333;--black:#000;--gray:#a8a8a8;--border-color:#D3D3D3;--line-height:1.22222222222;--leading-trim:calc((1em - 1lh)/2);--line-space:(var(--line-height) - 1)/2;--is-support-lh:initial;--is-support-not-lh:"";--base-font-family:"Noto Sans JP", sans-serif;--en-font-family:"Sen", sans-serif;--frame-width:1366;--frame-width-px:calc(var(--frame-width) * 1px);--outer-width:1240;--outer-width-px:calc(var(--outer-width) * 1px);--inner-width:1176;--inner-width-px:calc(var(--inner-width) * 1px);--inner-padding:32px;--outer-padding:63px;--vw:1vw;--vh:1vh;--slope-1px:clamp(0px, -.95663px + .2551vw, 1px);--header-height:60px;--ovall-radius:calc(1px / 0)}@media screen and (max-width:767px){:root{--outer-padding:30px;--inner-padding:16px}}:root{--button-animation:cubic-bezier(.455, .03, .515, .955)}:root{--logo:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><path fill-rule="evenodd" d="M44.9,76.9h-21.4c-8.8,0-16-7.2-16-16v-1.7c0-8.8,7.2-16,16-16h17.4c2.5,0,4.9-.6,7.1-1.7l41.3-20.4c10.6-5.2,23.1,2.5,23.1,14.3v.8c0,6.2-3.5,11.8-9.1,14.4l-51.5,24.6c-2.1,1-4.5,1.6-6.9,1.6h0ZM96.6,67.2l5.8,2.4c6,2.4,10,8.3,10,14.8h0c0,11.9-12.5,19.6-23.1,14.3l-34.6-17.3v-.2l29.1-13.7c4-1.9,8.6-2,12.8-.4h0Z"></path></svg>')}:root{--icon-arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path fill='currentColor' fill-rule='evenodd' d='M6.61336 18.9111C6.37887 18.6766 6.24714 18.3585 6.24714 18.0268C6.24714 17.6951 6.37887 17.3771 6.61336 17.1425L12.8048 10.951L6.61336 4.75959C6.38552 4.52368 6.25944 4.20773 6.26229 3.87977C6.26514 3.55182 6.39669 3.2381 6.6286 3.00619C6.8605 2.77429 7.17422 2.64274 7.50218 2.63989C7.83013 2.63704 8.14609 2.76312 8.38199 2.99096L15.4578 10.0667C15.6922 10.3013 15.824 10.6194 15.824 10.951C15.824 11.2827 15.6922 11.6008 15.4578 11.8354L8.38199 18.9111C8.14743 19.1456 7.82934 19.2773 7.49767 19.2773C7.16601 19.2773 6.84792 19.1456 6.61336 18.9111Z'/></svg>")}*,:before,:after{box-sizing:border-box}html{font-size:62.5%;height:100%;margin:0;padding:0;scroll-behavior:smooth;background:#fff;touch-action:manipulation;scroll-margin-top:var(--header-height)}body{font-family:var(--base-font-family);font-size:1.4rem;font-weight:500;line-height:var(--line-height);letter-spacing:.03em;width:100%;height:100%;color:var(--base-color);margin:0;padding:0;-webkit-text-size-adjust:100%;font-feature-settings:"palt"}img{display:block;max-width:100%}svg{width:100%;display:block}svg path:not([fill]){fill:currentColor}svg text:not([fill]){fill:currentColor}svg circle:not([fill]){fill:currentColor}a{color:currentColor;text-decoration:underline}a:hover,a.js-tel{text-decoration:none}a.js-tel._active{text-decoration:underline}a.js-tel._inactive{color:currentColor}a:focus-visible{border-color:#666;outline:0;box-shadow:0 0 0 .2em #6464ff4d;border-radius:6px}button{cursor:pointer}button:focus-visible{border-color:#666;outline:0;box-shadow:0 0 0 .2em #6464ff4d;border-radius:6px}sup{vertical-align:super;font-size:70%}sub{vertical-align:sub;font-size:70%}:where(._en){font-family:var(--en-font-family);line-height:.8}@media (any-hover:hover){.u-line-link{background-image:linear-gradient(90deg,currentColor,currentColor 50%,transparent 0,transparent);background-position:0 100%;background-repeat:repeat-x;background-size:200% 1px;border:0;overflow:hidden;position:relative}.is-line .u-line-link{animation-duration:.3s;animation-fill-mode:forwards;animation-name:lineanim_out;background-position:-100% 100%;background-size:200%0}.is-line:any-link:hover .u-line-link{animation-duration:.3s;animation-fill-mode:forwards;animation-name:lineanim_in}}@keyframes lineanim_in{0%{background-position:100% 100%;background-size:200% 1px}to{background-position:0 100%;background-size:200% 1px}}@keyframes lineanim_out{0%{background-position:0 100%;background-size:200% 1px}99.9%{background-position:-100% 100%;background-size:200% 1px}to{background-size:200%0}}:where([data-intersection]){transition:opacity 1s,transform .8s;--intersection-y:30px;--intersection-x:0;--intersection-opacity:0}[data-intersection]{opacity:var(--intersection-opacity);transform:translate(var(--intersection-x)) translateY(var(--intersection-y))}:where([data-intersection][data-intersecting=true]){--intersection-y:0;--intersection-x:0;--intersection-opacity:1}.l-wrapper{display:flex;flex-direction:column;width:100%;min-height:100%;position:relative;margin-inline:auto;transition:opacity .4s ease-out}body.is-loaded .l-wrapper{opacity:1}@media screen and (max-width:767px){.l-wrapper{min-width:0}}.l-hedaer{top:0;left:0;right:0;display:flex;justify-content:space-between;position:fixed;align-items:center;width:100%;height:var(--header-height);padding-block:1em;z-index:1000;padding-inline:1.5em;margin-inline:auto}@media screen and (max-width:767px){.l-hedaer{padding-inline:.5em 1em;padding-block:1em}}.l-header__menu{display:flex;justify-content:flex-end;width:100%;gap:1em}.l-header__menu a{text-transform:uppercase;font-family:var(--en-font-family);text-decoration:none;font-weight:700}.l-header__logo{display:flex;align-items:center;justify-content:center;gap:.5em;transition:opacity .3s;flex-shrink:0;text-decoration:none;font-family:var(--en-font-family)}.l-header__logo img{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.l-header__logo:hover{opacity:.7}.l-footer{width:100%;border-top:var(--border-color) 1px solid;padding-block:calc(30px + var(--slope-1px)*10);padding-inline:var(--inner-padding);text-align:center;background:var(--bg-color)}.l-main{padding-inline:var(--outer-padding);margin-inline:auto;width:100%;background:var(--bg-color)}.l-main__head{display:flex;position:relative;justify-content:center;flex-direction:column}body[data-category=design] .l-main__head{--_active-color:var(--design-main-color)}body[data-category=coding] .l-main__head{--_active-color:var(--coding-main-color)}.c-work-nav{display:flex;justify-content:space-between;width:100%;margin-inline:auto;align-items:center;margin-bottom:calc(30px + var(--slope-1px)*10)}@media screen and (max-width:767px){.c-work-nav{flex-direction:column;gap:1em;align-items:flex-start}}.c-work-nav__sorts{display:flex;gap:1em}@media screen and (max-width:767px){.c-work-nav__sorts{width:100%}}.c-work-nav__button{display:flex;border-radius:var(--ovall-radius);border:1px solid}@media screen and (max-width:767px){.c-work-nav__button{width:100%}}.c-work-nav__button button{display:flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none;padding:.75em 2.25em;color:var(--gray);transition:color .3s var(--button-animation);line-height:1;border-radius:var(--ovall-radius);position:relative;overflow:hidden;height:2.6666666667em;font-size:1.2rem;--_active-color:var(--base-color)}@media screen and (max-width:767px){.c-work-nav__button button{flex:1;padding-inline:0}}.c-work-nav__button button:before{content:"";transition:all .2s;transform:scale(0);opacity:0;width:100%;height:100%;background:0 0;display:block;position:absolute;border-radius:var(--ovall-radius);z-index:-1}.c-work-nav__button button.is-active{color:#fff}.c-work-nav__button button.is-active:before{opacity:1;content:"";transform:scale(1);background:var(--_active-color)}.c-work-nav__button button:hover{color:var(--_active-color)}.c-work-nav__button button:hover.is-active{color:#fff}.c-sort{display:flex;align-items:center;gap:.5em;font-family:sans-serif}@media screen and (max-width:767px){.c-sort{width:100%}}.c-sort__select{padding:.5em .9em;border:1px solid var(--gray);border-radius:.5em;background-color:var(--bg-color);cursor:pointer;transition:border-color .2s,box-shadow .2s}@media screen and (max-width:767px){.c-sort__select{width:100%}}.c-sort__select:focus-visible{border-color:#666;outline:0;box-shadow:0 0 0 .2em #6464ff33}.c-work-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:calc(40px + var(--slope-1px)*20) clamp(24px,calc(24px + (1vw - 11.76px)*15.7894736842),54px);margin-inline:auto;padding-bottom:100px}.c-work-item[data-category=coding]{--_color:var(--coding-main-color);--_bg-color:var(--coding-bg-color)}.c-work-item[data-category=design]{--_color:var(--design-main-color);--_bg-color:var(--design-bg-color)}.c-work-item{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards;animation-delay:calc(var(--animation-order)*.05s)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.c-work-item__link{text-decoration:none;width:100%;height:100%;display:block;padding-bottom:2em;border-bottom:1px solid var(--border-color);position:relative;cursor:pointer}.c-work-item__link:after{-webkit-transform:scaleX(0);-webkit-transform-origin:right center;position:absolute;bottom:-1px;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:right center;background-color:var(--base-color);content:"";transition-duration:.4s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:cubic-bezier(1,0,0,1);z-index:1}.c-work-item__link:hover:after{-webkit-transform:scaleX(1);-webkit-transform-origin:left center;transform:scaleX(1);transform-origin:left center}.c-work-item__link:hover .c-work-item__image img{transform:scale(1.03);opacity:.8}.c-work-item__image{width:100%;border-radius:6px;overflow:hidden;background:var(--_color);padding:1em;position:relative;aspect-ratio:3/2}.c-work-item__image img{transition:all .4s ease-out;opacity:1;width:100%;height:100%;object-fit:contain}.c-work-item__head{display:flex;justify-content:space-between;margin-block:1em;align-items:center}.c-work-item__body{display:flex;flex-direction:column;gap:.5em;width:100%}.c-work-item__title{display:flex;gap:0 .5em;flex-wrap:wrap;width:100%;font-size:calc(12px + var(--slope-1px)*2)}.c-work-item__title span:not(:first-child){position:relative;display:flex;align-items:center;justify-content:center;padding-left:.5em}.c-work-item__title span:not(:first-child):before{content:"";position:absolute;left:0;width:1px;height:.8lh;background:var(--base-color);display:block}.c-work-item__date{font-size:calc(12px + var(--slope-1px)*2);font-family:var(--en-font-family);font-weight:400;color:var(--gray);line-height:.7}.c-work-item__category{font-size:.7857142857em;padding:.5714285714em .8571428571em;border-radius:var(--ovall-radius);letter-spacing:0;display:flex;align-items:center;justify-content:center;background:var(--bg-dark-color);position:relative;font-family:var(--en-font-family);font-weight:700;gap:.5em;line-height:1}.c-work-item__category:before{content:"";width:.6em;height:.3em;border-radius:var(--ovall-radius);position:relative;background:var(--_category-color)}[data-category=design] .c-work-item__category{--_category-color:var(--design-color)}[data-category=coding] .c-work-item__category{--_category-color:var(--coding-color)}.c-skill{display:flex;flex-wrap:wrap;gap:.5em}.c-skill li{border:1px solid var(--border-color);padding:.5em 1em;border-radius:var(--ovall-radius)}.is-hidden{display:none}.l-footer{width:100%;border-top:var(--border-color) 1px solid;padding-block:calc(30px + var(--slope-1px)*10);padding-inline:var(--inner-padding);text-align:center}.l-footer__info{color:var(--gray);font-size:12px}.c-about{margin-inline:auto;padding-bottom:100px;padding-top:100px;position:relative;display:flex;flex-direction:column;background-image:var(--logo);background-repeat:no-repeat;background-size:480px;background-position:center right}@media screen and (max-width:767px){.c-about{background-size:contain;background-position:center center}}.c-about:before{content:"";background:var(--bg-color);border-radius:calc(30px + var(--slope-1px)*30) calc(30px + var(--slope-1px)*30)0 0;position:absolute;width:100vw;transform:translate(-50%);inset:0 0 0 50%;z-index:-1}.c-about__head{display:flex;gap:2em;align-items:baseline;margin-bottom:calc(40px + var(--slope-1px)*20)}.c-about__head .c-section-title span{position:relative;font-size:.5em;margin-block:var(--leading-trim);line-height:1}.c-about__body{display:flex;flex-direction:column;gap:1em;margin-bottom:calc(40px + var(--slope-1px)*20)}.c-about__foot{display:flex;flex-direction:column;gap:3em}.c-about-skill{display:flex;flex-direction:column;gap:1em;--_active-color:var(--border-color)}.c-about-skill[data-category=design]{--_active-color:var(--design-main-color)}.c-about-skill[data-category=coding]{--_active-color:var(--coding-main-color)}.c-about-skill__head{border-radius:var(--ovall-radius);padding:0;width:fit-content;display:flex;align-items:center;justify-content:center;gap:.5em;font-weight:700;font-family:var(--en-font-family);font-size:calc(16px + var(--slope-1px)*2)}.c-about-skill__head:before{content:"";width:.6em;height:.3em;border-radius:var(--ovall-radius);background:var(--_active-color);position:relative;left:0;display:block}.c-breadcrumbs{display:flex;flex-wrap:wrap;row-gap:1em;width:100%;font-size:calc(11px + var(--slope-1px)*2);margin-block:var(--leading-trim);margin-inline:auto}.c-breadcrumbs>li{display:flex;align-items:center}.c-breadcrumbs>li+li:before{content:"";display:inline-block;width:1em;height:1em;margin:0 .53846em;background:var(--icon-arrow)}.c-breadcrumbs>li a{text-decoration:none;position:relative}.c-back-button{appearance:none;border:1px solid var(--gray);background:0 0;cursor:pointer;border-radius:var(--ovall-radius);padding-inline:1em;padding-block:1.5em;text-decoration:none;display:inline grid;grid-template-columns:auto 1fr auto;align-items:center;justify-content:center;width:100%;gap:1em;position:relative;transition:opacity .3s;margin-bottom:3em}.c-back-button:after{content:""}.c-back-button:before{content:"";position:relative;mask:var(--icon-arrow);rotate:180deg;background:var(--gray);width:1.5em;height:1.5em;mask-size:1em;mask-repeat:no-repeat;mask-position:center center}.c-back-button span{font-style:normal;display:flex;align-items:center;justify-content:center}.c-back-button:hover{opacity:.7}.c-page-image{display:flex;align-items:center;justify-content:center;position:relative;background:var(--_active-color);overflow:hidden;padding:calc(48px + var(--slope-1px)*12) var(--inner-padding);transform:translate(-50%);left:50%;width:100vw}body[data-category=design] .c-page-image{--_active-color:var(--design-main-color)}body[data-category=coding] .c-page-image{--_active-color:var(--coding-main-color)}.c-page-image img{max-width:720px;width:100%;position:relative;z-index:1}.c-page-head{padding-block:30px;margin-bottom:calc(40px + var(--slope-1px)*40);display:grid;grid-template-columns:auto 1fr;width:100%;justify-content:space-between;gap:30px clamp(40px,calc(40px + (1vw - 12px)*36.1445783133),100px);border-bottom:1px solid var(--border-color)}@media screen and (max-width:767px){.c-page-head{display:flex;flex-direction:column}}.c-page-head__title{display:flex;flex-direction:column;gap:calc(20px + var(--slope-1px)*20);flex-shrink:0;flex-grow:0}.c-page-title{line-height:1.5;display:flex;gap:0 .5em;flex-wrap:wrap;width:100%;font-family:var(--en-font-family);font-size:calc(18px + var(--slope-1px)*6);font-weight:500}.c-page-title span:not(:first-child){position:relative;display:flex;align-items:center;justify-content:center;padding-left:.5em}.c-page-title span:not(:first-child):before{content:"";position:absolute;left:0;width:1px;height:.8lh;background:var(--base-color);display:block}.c-page-head__info{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;gap:calc(20px + var(--slope-1px)*20);font-family:var(--en-font-family);font-size:calc(12px + var(--slope-1px)*2)}.c-page-head__info>dl{flex-shrink:0;display:flex;flex-direction:column;gap:.5lh}.c-page-head__info>dl>dt{font-weight:700;color:var(--gray)}.c-page-head__info>dl>dd{font-weight:500}.c-page-head__description{line-height:1.75;flex-grow:1;flex-shrink:1}p.c-page-head__link{grid-row:2/3;grid-column:1/3;padding-block:.5em;padding-inline:1.5em;border:1px solid var(--border-color);color:var(--gray);border-radius:var(--ovall-radius);display:flex;align-items:center;justify-content:center;width:fit-content}@media screen and (max-width:767px){p.c-page-head__link{width:fit-content}}a.c-page-head__link{grid-row:2/3;grid-column:1/3;background:var(--base-color);color:#fff;border-radius:var(--ovall-radius);padding-inline:1em;padding-block:1.5em;text-decoration:none;display:inline grid;grid-template-columns:auto 1fr auto;align-items:center;justify-content:center;width:100%;gap:1em;position:relative;transition:opacity .3s}a.c-page-head__link:hover{opacity:.7}a.c-page-head__link:before{content:""}a.c-page-head__link:after{position:relative;content:"";mask:var(--icon-arrow);background:#fff;width:1.5em;height:1.5em;mask-size:1em;mask-repeat:no-repeat;mask-position:center center}a.c-page-head__link span{font-style:normal;display:flex;align-items:center;justify-content:center}.c-page-video{max-width:768px;margin-inline:auto}.c-page-device{display:flex;gap:2em 1em;margin-block:6rem;background:var(--bg-dark-color);border-radius:calc(30px + var(--slope-1px)*30);width:100%;padding:calc(40px + var(--slope-1px)*20) calc(var(--inner-padding)*2);position:relative}@media screen and (max-width:560px){.c-page-device{flex-direction:column;gap:2em}}.c-page-device__pc{flex:3;display:flex;flex-direction:column;gap:2em}.c-page-device__sp{flex:1;display:flex;flex-direction:column;gap:2em}.c-page-banner{display:flex;gap:2em 1em;margin-block:6rem;background:var(--bg-dark-color);border-radius:calc(30px + var(--slope-1px)*30);width:100%;padding:calc(40px + var(--slope-1px)*20) calc(var(--inner-padding)*2);position:relative}.c-page-banner img{width:100%}.c-section-title{font-size:calc(24px + var(--slope-1px)*12);font-weight:700;font-family:var(--en-font-family);text-transform:uppercase;padding-left:1ch;display:flex;align-items:baseline;position:relative;margin-block:var(--leading-trim)}.c-section-title:before{content:"";width:.5em;height:.3em;border-radius:var(--ovall-radius);background:currentColor;display:block;position:absolute;left:0;top:0;bottom:0;margin-block:auto}.c-section{display:flex;flex-direction:column;gap:calc(40px + var(--slope-1px)*20);margin-bottom:6rem}.c-section:last-child{margin-bottom:12rem}.c-section p:not(:last-child){margin-bottom:calc(var(--leading-trim) + .5lh)}.c-section p{line-height:1.75}.c-section__body{letter-spacing:.075em}.c-section__body h2{font-size:2.4rem;margin-bottom:calc(10px + var(--slope-1px)*10)}.c-section__body h2:not(:first-child){margin-top:calc(40px + var(--slope-1px)*40)}.c-section__body dl{display:grid;grid-template-columns:18ch auto;padding-block:3em;column-gap:1.5em;line-height:1.75}.c-section__body dl dt{font-weight:700}.c-section__body>ul{padding-left:1.5em;list-style-position:outside}.c-section__body>ul li{list-style:disc}.c-section__body>ul li:not(:last-child){margin-bottom:1lh}.c-loop-container{z-index:0;display:flex;align-items:center;overflow:visible;width:100%;position:absolute;will-change:transform}.c-loop-content{display:flex;flex-shrink:0;justify-content:space-around;align-items:center;white-space:nowrap;width:200%;will-change:transform;backface-visibility:hidden}.c-loop-content:nth-child(odd){animation:textLoop 40s -20s infinite linear}.c-loop-content:nth-child(2n){animation:textLoop2 40s infinite linear}.c-loop-text{white-space:nowrap;font-size:calc(72px + var(--slope-1px)*36);text-transform:uppercase;padding:.5em;box-sizing:border-box;line-height:.7;font-family:Sen,monospace;font-weight:700;text-rendering:optimizeSpeed;flex:1;color:#fff}@keyframes textLoop{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes textLoop2{0%{transform:translate(0)}to{transform:translate(-200%)}}