*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:#0000;touch-action:manipulation;font-family:KlarheitKurrent;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit;background-color:#0000;border-radius:0;outline:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}sup,sub{font-size:.5em}em{font-style:normal}button{cursor:pointer}:root{--ease-in-quad:cubic-bezier(.11,0,.5,0);--ease-out-quad:cubic-bezier(.5,1,.89,1);--ease-in-out-quad:cubic-bezier(.45,0,.55,1);--ease-in-cubic:cubic-bezier(.32,0,.67,0);--ease-out-cubic:cubic-bezier(.33,1,.68,1);--ease-in-out-cubic:cubic-bezier(.65,0,.35,1);--ease-in-quart:cubic-bezier(.5,0,.75,0);--ease-out-quart:cubic-bezier(.25,1,.5,1);--ease-in-out-quart:cubic-bezier(.76,0,.24,1);--ease-in-quint:cubic-bezier(.64,0,.78,0);--ease-out-quint:cubic-bezier(.22,1,.36,1);--ease-in-out-quint:cubic-bezier(.83,0,.17,1);--ease-in-back:cubic-bezier(.36,0,.66,-.56);--ease-out-back:cubic-bezier(.34,1.56,.64,1);--ease-in-out-back:cubic-bezier(.68,-.6,.32,1.6);--duration-1:.15s;--duration-2:.25s;--duration-3:.5s;--duration-4:.75s;--duration-5:1s;--default-duration:var(--duration-2);--default-timing-function:var(--ease-out-cubic)}.fade-enter-active,.fade-leave-active{transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,0,1)}.fade-enter-from,.fade-leave-to{opacity:0}.collapse-enter-active,.collapse-leave-active{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,0,1);overflow:hidden}.collapse-enter-from,.collapse-leave-to{opacity:0}.hamburger{--hamburger-size:20px;--hamburger-line-height:1px;--hamburger-line-offset:6px;width:var(--hamburger-size);height:var(--hamburger-size);display:block;position:relative}.hamburger-midline,.hamburger:before,.hamburger:after{height:var(--hamburger-line-height);background-color:currentColor;transition-duration:.3s;transition-timing-function:cubic-bezier(1,0,0,1);position:absolute;top:50%;left:0;right:0}.hamburger-midline{transition-property:opacity}.hamburger:before,.hamburger:after{content:"";transform-origin:50%;transition-property:transform}.hamburger:before{transform:translate3d(0,calc(var(--hamburger-line-offset)*-1),0)}.hamburger:after{transform:translate3d(0,var(--hamburger-line-offset),0)}.open .hamburger-midline,.hamburger.open .hamburger-midline{opacity:0}.open .hamburger:before,.hamburger.open:before{transform:rotate(45deg)}.open .hamburger:after,.hamburger.open:after{transform:rotate(-45deg)}.container{--padding-x:2rem;padding:0 var(--padding-x);max-width:1920px;margin:0 auto}.container-full{margin:0 var(--margin-x);max-width:none}@media (max-width:1200px){.container{--padding-x:1rem}}.popup{z-index:100;background-color:#00000040;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0;overflow:hidden}.popup-content{padding:2rem;overflow:auto}.relative{position:relative}.logo{color:#000;border-width:8px;border-radius:9999px;width:4rem;height:4rem;position:relative}.logo:before{content:"";border-width:inherit;border-radius:inherit;width:62.5%;height:62.5%;margin:auto;position:absolute;inset:0}@media (max-width:1200px){.logo{border-width:4px;width:2.5rem;height:2.5rem}}.before-disc:before,.after-disc:after{content:"";background-color:currentColor;border-radius:9999px;width:1em;height:1em;margin-bottom:-.125em;display:inline-block}.before-disc:before{margin-right:.25em}.after-disc:after{margin-left:.25em}.text-underline{text-decoration:underline}.icon{width:1.5rem;height:1.5rem}.icon-arrow{width:3rem;height:3rem}.icon-emotion-frown{width:6rem;height:6rem}.header{z-index:99;padding:2rem 0;font-weight:700;transition-property:opacity,visibility;transition-duration:.25s;transition-timing-function:ease-in-out;position:fixed;inset:0 0 auto}.header .container{align-items:center;display:flex;position:relative}.header .logo{margin:auto;position:absolute;inset:0}.scrollbar-down .header{opacity:0;visibility:hidden}.header-home{margin-right:auto}.header-link{text-transform:uppercase;border-bottom-width:2px;border-bottom-color:#0000;margin-left:1.5rem}.header-link:hover{border-bottom-color:inherit}.header-logout{color:#d1d1d1;margin-left:.5rem;font-weight:700;text-decoration:underline}.header-username{color:#e2e262}.header-menu-btn{display:none}@media (max-width:1200px){.header{padding:1rem 0}.header-link{display:none}.header-menu-btn{width:2.5rem;height:2.5rem;display:block;position:relative}.header-menu-btn .icon{margin:auto;position:absolute;inset:0}}.menu{z-index:98;background-color:#fff;padding:4rem 0;position:fixed;inset:0}.menu-link{text-align:left;border-bottom-width:4px;width:100%;padding:12px 0;font-size:1.25rem;font-weight:700;display:block}.hero{padding-top:50rem;position:relative;overflow:hidden}.hero-heading{z-index:-1;white-space:nowrap;text-align:center;letter-spacing:-.07em;color:#e1eb61;text-transform:uppercase;font-size:40rem;font-weight:700;line-height:1.25;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-heading span{display:inline-block}.hero-image{max-height:35rem;margin:auto;display:block;position:absolute;inset:0}.hero-content{text-align:center;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:4.5rem;font-weight:700;line-height:5.25rem;display:flex;position:relative}.hero-content .btn{line-height:1.5;position:absolute;right:2rem}.hero-content .marquee-list{width:60rem}@media (max-width:1200px){.hero{padding-top:25rem}.hero-heading{font-size:17.5rem;line-height:25rem;left:-2.5rem;transform:none}.hero-image{height:17.5rem;margin:8.75rem 0 0 auto}.hero-content{text-align:left;font-size:2.25rem;line-height:1.25;display:block}.hero-content .btn{padding:.5rem 1.5rem;font-size:.875rem;line-height:1.25rem;position:absolute;top:.25rem;right:0}.hero-content .marquee-list{margin:0 calc(-1*var(--padding-x))}}.btn{text-align:center;background-color:#e1eb61;border-radius:9999px;padding:.5rem 3rem;font-size:2rem;font-weight:700}@keyframes marquee-scroll{0%{transform:translate(0%)}to{transform:translate(-100%)}}.marquee-list,.hashtag-list{display:flex;overflow:hidden}.marquee-item,.hashtag-item{flex-shrink:0}.marquee-item{animation:10s linear infinite marquee-scroll}.hashtag-item{color:#e5e5e5}.hashtag-item:first-child{color:inherit}.footer{padding:4.5rem 0 2rem;font-size:.875rem;font-weight:700}.footer a:hover{text-decoration:underline}.footer .container{align-items:flex-start;display:flex}.footer-icon-smile{fill:currentColor;width:4.5rem;height:2.625rem}.footer-copy{margin-left:8rem}.footer-addr{margin-left:14rem}.footer-nav{margin-left:auto}@media (max-width:1200px){.footer{line-height:1rem}.footer .container{flex-direction:column}.footer-copy,.footer-addr,.footer-nav{margin-left:0}.footer-copy{margin-bottom:.5rem}.footer-addr{margin-bottom:2rem}}.popup-login{z-index:100;justify-content:end}.login-dialog-header{display:flex;position:relative}.login-dialog-tab{text-align:left;color:#0000001a;flex:1;padding:2rem;font-size:3rem;font-weight:700}.login-dialog-close{width:8.5rem;height:8.5rem;position:absolute;top:0;right:0}.login-dialog-close .icon-close{stroke-linecap:butt;width:3rem;height:3rem;margin:auto;position:absolute;inset:0}.login-dialog-close:hover,.login-dialog-close:focus,.login-dialog-tab-login{background-color:#e5e5e5}.login-dialog-tab-register{background-color:#e1eb61}.login-dialog-login .login-dialog-tab-login,.login-dialog-register .login-dialog-tab-register{color:#000}.login-dialog-footer{text-align:left;color:#e1eb61;background-color:#000;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;font-size:3rem;font-weight:700;display:flex}.login-dialog-content{background-color:#e5e5e5;padding:2rem 2rem 6rem}.login-dialog-register .login-dialog-content{background-color:#e1eb61}.login-form-row{--row-gap:var(--gap,0px);--column-gap:2.5rem;gap:var(--gap,var(--row-gap))var(--gap,var(--column-gap));flex-wrap:wrap;display:flex}.login-form-col{width:calc(50% - var(--column-gap,0px)*.5)}.login-form-field{border-bottom-width:8px;flex-wrap:wrap;font-size:2.25rem;font-weight:700;display:flex}.login-form-label,.login-form-input{padding-top:2rem;padding-bottom:.5rem}.login-form-input{text-align:right;flex-grow:1;width:0}.login-form-input-action{color:#e1eb61;background-color:#000;align-self:stretch;margin-left:1rem;padding:0 1.5rem;font-size:2rem}.login-form-error{color:#ff4040;margin-top:.5rem;font-weight:700}.login-form-tip{letter-spacing:-.01em;max-width:43.75rem;margin-bottom:2rem;font-weight:700}@media (max-width:1200px){.popup-login .popup-content{padding:1.25rem}.login-dialog{max-width:32rem;margin:auto}.login-dialog-tab{padding:1rem .75rem;font-size:.75rem;line-height:1rem}.login-dialog-content{padding:1rem 1rem 2rem;font-size:.875rem}.login-dialog-close{width:3rem;height:3rem}.login-dialog-close .icon-close{width:1rem;height:1rem}.login-dialog-footer{padding-left:1rem;padding-right:1rem;font-size:1rem}.login-dialog-footer .icon-arrow{width:2rem;height:2rem}.login-form-input-action{padding:0 .75rem;font-size:.75rem}.login-form-col{width:calc(100% - var(--column-gap,0px)*0)}.login-form-field{border-bottom-width:4px;font-size:1rem}.login-form-label,.login-form-input{padding-top:1rem}.login-form-tip{margin-bottom:1rem}}.dialog{max-width:43.75rem;margin:auto}.dialog-content{background-color:#e1eb61;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:4rem 8rem;font-size:2rem;font-weight:700;line-height:1.125;display:flex}.dialog-message{flex:1}.dialog-footer{display:flex}.dialog-button{text-align:center;letter-spacing:.5em;background-color:#e5e5e5;flex:1;padding:1rem;font-size:1.25rem;font-weight:700}.dialog-button-ok{color:#e1eb61;background-color:#000}@media (max-width:1200px){.dialog-content{flex-direction:column;padding:2rem;font-size:1.5rem}.dialog-content .icon{width:4rem;height:4rem}}.dot-matrix{grid-template-columns:repeat(auto-fill,5rem);justify-content:space-between;gap:6rem;display:grid;position:relative}.dot-matrix-action{transition-property:color,transform;transition-timing-function:var(--default-timing-function);transition-duration:var(--duration-3);background-color:currentColor;border-radius:9999px;padding-top:100%;transform:scale(.4)}.dot-matrix-action:hover,.dot-matrix-action-active{color:#e1eb61}@media (max-width:1200px){.dot-matrix{grid-template-columns:repeat(auto-fill,1.75rem);gap:4rem}}.product{font-weight:700}.product-card{background-color:#e1eb61;flex-direction:column;width:37.5rem;height:37.5rem;padding:2rem 8rem 2rem 2rem;display:flex;overflow:hidden}.product-card .icon-arrow{stroke-width:6px;width:4rem;height:4rem;position:absolute;top:2rem;right:2rem;transform:rotate(-45deg)}.product-subtitle{font-size:1.25rem}.product-title{font-size:3rem;line-height:1.25}.product-price{margin-top:auto;font-size:4.5rem;font-weight:700;line-height:1}.product-rmb-symbol{font-size:2rem}.product-image{object-fit:contain;width:100%;height:100%;position:absolute;top:8rem;left:4rem;transform:translateZ(6rem)}@media (max-width:1200px){.product-card{width:16rem;height:16rem;padding:1rem}.product-card .icon{width:1.5rem;height:1.5rem;top:1rem;right:1rem}.product-title{font-size:1.25rem}.product-price{font-size:2rem}.product-image{width:80%;height:80%;margin-top:auto;margin-left:auto;top:4rem}}.page-overlay{z-index:11111;background-color:#e1eb61;position:fixed;inset:0}.opening-screen{z-index:9000;background-color:#e2e262;position:fixed;inset:0;overflow:hidden}.opening-round{border-radius:9999px;position:absolute;top:50%;left:50%}.opening-round-1{background-color:#000}.opening-round-2,.opening-round-3{background-color:#fff}.home-page .recycle-section{margin-top:8rem}.home-page .recycle-form{grid-template-columns:repeat(2,1fr);column-gap:3rem;display:grid}.home-page .recycle-form-top{grid-row:1/4}.home-page .recycle-badge-list{flex-wrap:wrap;align-items:center;display:flex}.home-page .recycle-badge-list .logo{margin-right:1rem}.home-page .recycle-badge-item{color:#fff;background-color:#e1eb61;border-width:4px;border-radius:9999px;width:4.5rem;height:4.5rem}.home-page .recycle-badge-item+.recycle-badge-item{margin-left:-1.5rem}.home-page .recycle-badge-btn{position:relative}.home-page .recycle-badge-btn svg{stroke-width:4px;color:#000;stroke-linecap:square;width:1.5rem;height:1.5rem;margin:auto;position:absolute;inset:0}.home-page .form-field{color:#e5e5e5;transition-property:color;transition-timing-function:var(--ease-out-cubic);transition-duration:var(--duration-5);flex-wrap:wrap;padding:.5rem 0 1rem;font-size:3rem;font-weight:700;display:flex;position:relative}.home-page .form-field:after{content:"";transition-property:transform;transition-duration:inherit;transition-timing-function:inherit;transform-origin:0%;border-top-width:8px;position:absolute;inset:auto 0 0;transform:scaleX(0)}.home-page .form-field-triggered:after{transform:none}.home-page .form-field-active{color:#000}.home-page .form-control-text{text-align:right;flex-grow:1;width:0;margin-left:1rem}.home-page .form-control-text::-webkit-input-placeholder{color:inherit}.home-page .form-submit{justify-content:space-between;width:100%;display:flex}.home-page .hashtag-section{padding:4rem 0 8rem;font-size:10rem;font-weight:700;line-height:1}.home-page .product-grid{grid-template-columns:repeat(auto-fill,5rem);justify-content:space-between;gap:7rem;display:grid}.home-page .product-action{transition-property:color,transform;transition-timing-function:var(--default-timing-function);transition-duration:var(--duration-3);background-color:currentColor;border-radius:9999px;padding-top:100%;transform:scale(.4)}.home-page .product-action:hover{color:#e1eb61}@media (max-width:1200px){.home-page .recycle-section{margin-top:3rem}.home-page .recycle-badge-list .logo{width:3rem;height:3rem;margin-right:.75rem}.home-page .recycle-badge-item{border-width:2px;width:3.5rem;height:3.5rem}.home-page .recycle-badge-item+.recycle-badge-item{margin-left:-1rem}.home-page .recycle-form-top{margin-bottom:1.5rem}.home-page .recycle-form{grid-template-columns:repeat(1,1fr)}.home-page .form-field{font-size:1.25rem}.home-page .form-field:after{border-top-width:.25rem}.home-page .hashtag-section{padding:2rem 0 4rem;font-size:3rem}}.about-page .page-header,.about-page .story{color:#bcbcbc;font-weight:700}.about-page .page-header{margin:0 calc(-1*var(--padding-x))4rem;flex-wrap:wrap;justify-content:space-between;padding-top:8rem;font-size:5.625rem;display:flex}.about-page .page-header-keyword{display:inline-block}.about-page .hero{z-index:-1;padding:0;position:fixed;inset:0;overflow:hidden}.about-page .hero-heading-2,.about-page .hero-heading-3{display:none}.about-page .story{--row-gap:var(--gap,0px);--column-gap:var(--gap,0px);gap:var(--gap,var(--row-gap))var(--gap,var(--column-gap));flex-wrap:wrap;justify-content:flex-end;margin-bottom:12rem;font-size:3.5rem;line-height:4rem;display:flex}.about-page .story a{text-decoration:underline}.about-page .story-title{width:calc(33.3333% - var(--column-gap,0px)*.666667)}.about-page .story-content{width:calc(66.6667% - var(--column-gap,0px)*.333333);padding-right:12rem}.about-page .story-content a:hover{color:#000}.about-page .story:last-child .story-content{width:calc(100% - var(--column-gap,0px)*0)}@media (max-width:1200px){.about-page .hero-heading{font-size:20rem;position:relative;left:auto;transform:none}.about-page .hero-heading-1{left:-2rem}.about-page .hero-heading-2{margin-top:-4rem;font-size:16rem;display:block;left:-27rem}.about-page .hero-heading-3{display:block}.about-page .page-header{margin:0 calc(-1*var(--padding-x));font-size:2.5rem}.about-page .story{margin-top:4rem;margin-bottom:0;font-size:1.75rem;line-height:2rem}.about-page .story-title{width:calc(100% - var(--column-gap,0px)*0)}.about-page .story-content{width:calc(83.3333% - var(--column-gap,0px)*.166667);margin-top:2rem;padding-right:0}.about-page .story:last-child .story-content{margin-top:0}}.user-page .hero-heading{z-index:auto}.user-page .hero-heading>span{display:inline-block;position:relative}.user-page .user-face{border-radius:9999px;position:absolute}.user-page .user-face-uploaded{object-fit:cover;background-color:#e2e262;width:25rem;height:25rem;top:13.375rem;left:5rem}.user-page .user-face-default{width:10rem;height:10rem;top:20rem;left:12rem}.user-page .user-face-image,.user-page .user-face .icon-emotion-smile{border-radius:inherit;width:100%;height:100%}.user-page .user-face-uploaded .user-face-image{filter:grayscale();mix-blend-mode:multiply}.user-page .user-greeting{letter-spacing:normal;font-size:3rem;line-height:4rem;position:absolute;top:50%;left:50%;transform:translate(-40%,-50%)}.user-page .user-greeting .icon{vertical-align:baseline;width:2rem;height:2rem;display:inline-block}.user-page .user-greeting input{display:none}.user-page .user-greeting-file-label{color:#e5e5e5;cursor:pointer;margin-right:1rem;font-size:.875rem;line-height:1.25rem;text-decoration:underline;display:inline-block;position:relative;top:-.25rem}@media (max-width:1200px){.user-page .user-face-uploaded{width:11rem;height:11rem;top:7.5rem;left:2rem}.user-page .user-greeting{color:#e2e262;text-align:center;text-transform:uppercase;margin-top:-4rem;margin-bottom:2rem;font-size:2rem;font-weight:700;line-height:2.5rem;position:relative;top:auto;left:auto;transform:none}.user-page .user-greeting .icon{width:1.5rem;height:1.5rem}.user-page .user-greeting-file-label{margin-right:.75rem;font-size:.75rem;line-height:1rem;top:auto}}.product-page{min-height:50vh}.product-page .hero-heading{position:fixed}.product-page .detail{--row-gap:var(--gap,0px);--column-gap:var(--gap,0px);gap:var(--gap,var(--row-gap))var(--gap,var(--column-gap));--gap:8rem;flex-wrap:wrap;min-height:60rem;padding-top:7.5rem;padding-bottom:2rem;display:flex}.product-page .gallery{width:calc(58.3333% - var(--column-gap,0px)*.416667);flex-direction:column;align-items:flex-start;display:flex;position:relative}.product-page .image{object-fit:contain;max-width:100%;max-height:100%;margin:auto}.product-page .next-image{object-fit:contain;max-height:20rem;margin-bottom:1rem}.product-page .detail-info{width:calc(41.6667% - var(--column-gap,0px)*.583333);margin-top:auto;font-weight:700}.product-page .title,.product-page .prop{border-bottom-width:4px;padding:.5rem 0}.product-page .title{text-transform:uppercase;font-size:3.5rem;line-height:1}.product-page .prop{justify-content:space-between;align-items:flex-start;display:flex}.product-page .prop-key{flex-shrink:0;width:6rem}.product-page .prop-desc{box-sizing:content-box;min-height:6rem;padding:1rem 0;font-size:1.25rem;line-height:1.5rem}.product-page .price{color:#e2e262;align-items:center;display:flex}.product-page .price-number{font-size:3.5rem;line-height:1}.product-page .cta-buy{color:#e2e262;background-color:#000;margin-left:auto;padding:.625rem 2.5rem;font-size:2rem;font-weight:700}.product-page .back,.product-page .pagination{margin-top:5rem}.product-page .pagination{justify-content:space-between;display:flex}@media (max-width:1200px){.product-page .detail{--gap:3rem;padding-bottom:2rem}.product-page .gallery,.product-page .detail-info{width:calc(100% - var(--column-gap,0px)*0)}.product-page .gallery a{display:none}.product-page .title{font-size:2.25rem}.product-page .price-number{font-size:2.5rem}.product-page .cta-buy{padding:1rem 1.5rem;font-size:1rem}.product-page .pagination{margin-top:2rem;font-size:.75rem}}