:root{font:14px/1.5 Hiragino Sans GB,Microsoft Yahei,Arial,sans-serif;color:#333;background-color:#faf9f9}@media screen and (prefers-color-scheme:dark){:root{color:#fff;background-color:#333}}body,html{overscroll-behavior:none}body{margin:0;color:var(--color-font-main);background-color:var(--color-theme)}body.lock{overflow:hidden}body{--color-accent:#cd5c5c;--color-accent-light:rgba(205,92,92,0.1);--color-theme:#faf9f9;--color-theme-rgb:250,249,249;--color-pure:#fff;--color-pure-rgb:255,255,255;--color-bold:#111;--color-bold-rgb:17,17,17;--color-dim:#eee;--color-font-main:#333;--color-font-secondary:#666;--color-font-tertiary:#999;--color-font-placeholder:#ccc;--color-font-inverse:#fff;--color-strength-0:#111;--color-strength-1:#333;--color-strength-2:#666;--color-strength-3:#999;--color-strength-4:#ccc;--color-strength-5:#ddd;--color-red:#cd5c5c;--color-red-light:rgba(205,92,92,0.09803921568627451);--color-green:#5ccd94;--color-green-light:rgba(92,205,148,0.09803921568627451);--color-blue:#5c94cd;--color-blue-light:rgba(92,148,205,0.09803921568627451);--color-yellow:#cdb05c;--color-yellow-light:rgba(205,176,92,0.09803921568627451)}body[instrument=ukulele]{--color-accent:#e16d49;--color-accent-light:rgba(225,109,73,0.09803921568627451)}body[instrument=piano]{--color-accent:#5ccd94;--color-accent-light:rgba(92,205,148,0.09803921568627451)}body[instrument=jian]{--color-accent:#5c94cd;--color-accent-light:rgba(92,148,205,0.09803921568627451)}body[instrument=drum]{--color-accent:#945ccd;--color-accent-light:rgba(148,92,205,0.09803921568627451)}body.dark{--color-accent:#cd7373;--color-accent-light:rgba(205,115,115,0.1);--color-theme:#333;--color-theme-rgb:51,51,51;--color-pure:#111;--color-pure-rgb:17,17,17;--color-bold:#fff;--color-bold-rgb:255,255,255;--color-dim:#222;--color-font-main:#fff;--color-font-secondary:#ccc;--color-font-tertiary:#999;--color-font-placeholder:#666;--color-font-inverse:#333;--color-strength-0:#fff;--color-strength-1:#ccc;--color-strength-2:#999;--color-strength-3:#666;--color-strength-4:#333;--color-strength-5:#2f2f3f;--color-red:#cd7373;--color-red-light:rgba(205,115,115,0.09803921568627451)}body[instrument=ukulele].dark{--color-accent:#e16d49;--color-accent-light:rgba(225,109,73,0.09803921568627451)}body[instrument=piano].dark{--color-accent:#5ccd94;--color-accent-light:rgba(92,205,148,0.09803921568627451)}body[instrument=jian].dark{--color-accent:#5c94cd;--color-accent-light:rgba(92,148,205,0.09803921568627451)}body[instrument=drum].dark{--color-accent:#945ccd;--color-accent-light:rgba(148,92,205,0.09803921568627451)}.hide{display:none!important}button{color:initial}.grecaptcha-badge{visibility:hidden}.yoopu3-icon{font-family:iconfont!important;color:var(--color-font-main);display:inline-block;text-align:center;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button.yoopu3-icon{border:none;background:transparent}@media screen and (max-width:1024px){body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}}@media print{.no-print{display:none!important}}#yp-toast{display:none}@media screen and (min-width:1025px){#yp-toast{display:block;z-index:100;position:fixed;bottom:-48px;height:48px;text-align:center;background-color:var(--color-green);color:var(--color-pure);transition:transform .5s;width:100%;line-height:48px;opacity:.9;letter-spacing:1px;font-size:15px}#yp-toast a{text-decoration:underline}#yp-toast[level=error]{background-color:var(--color-red)}#yp-toast[level=warn]{background-color:var(--color-yellow)}#yp-toast.show{transform:translateY(-48px)}}@media screen and (max-width:1024px){#yp-toast{position:fixed;z-index:100;padding:10px 20px;background-color:#666;color:#fff;opacity:0;pointer-events:none;transition:opacity .3s;display:flex;align-items:center;box-sizing:border-box;border-radius:10px}#yp-toast .message{flex:1}#yp-toast .right{margin-left:auto}#yp-toast .right button{font-weight:700;border:none;background:transparent;color:var(--color-yellow);letter-spacing:1px}#yp-toast[position=bottom]{left:50%;bottom:15px;transform:translateX(-50%);width:calc(100vw - 20px);max-width:500px}#yp-toast[position=center]{left:50%;top:50%;transform:translate(-50%,-50%)}#yp-toast.show{opacity:1;pointer-events:auto}#yp-toast[level=error] .message{color:#ffd9d6}#yp-toast[level=error] .right button{color:var(--color-font-inverse)}body[main] #yp-toast[position=bottom]{bottom:67px}}@media print{#yp-toast{display:none!important}}button.svelte-vsxyh9{box-sizing:border-box;position:relative;overflow:hidden;white-space:nowrap;outline:none;border:1px solid transparent;text-align:center;background-color:transparent;color:var(--color-font-secondary);transition:opacity .3s;border-radius:15px;line-height:18px;font-size:14px;height:30px;min-width:100px;cursor:pointer;display:flex;align-items:center;justify-content:center;letter-spacing:2px;padding:0 20px}button.svelte-vsxyh9:not(:disabled):hover{opacity:.8}button.svelte-vsxyh9:not(:disabled):active{opacity:.6}button.svelte-vsxyh9 .yoopu3-icon{font-size:14px!important}button.svelte-vsxyh9:disabled{opacity:.3}button[theme=primary].svelte-vsxyh9{background-color:var(--color-accent-light);border-color:var(--color-accent-light);color:var(--color-accent);font-weight:700}button[theme=secondary].svelte-vsxyh9{background-color:var(--color-dim);border-color:var(--color-dim)}button[theme=outline].svelte-vsxyh9{background-color:transparent;color:var(--color-accent);border-color:var(--color-accent)}button[theme=white].svelte-vsxyh9{background-color:var(--color-pure);border-color:var(--color-pure)}button[size=mini].svelte-vsxyh9{height:24px;padding:0 10px;min-width:auto;font-size:12px;border-radius:20px;letter-spacing:1px;font-weight:400}button[size=medium].svelte-vsxyh9{height:38px;border-radius:19px}button[size=big].svelte-vsxyh9{width:100%;height:44px;border-radius:22px;font-size:16px}.svg-container.svelte-jr7qzq{width:100%;height:100%;display:flex}.logo-container.svelte-dhvbeg.svelte-dhvbeg{display:flex;align-items:center}.logo-container.svelte-dhvbeg .logo.svelte-dhvbeg{display:flex;align-items:center;text-decoration:none}.logo-container.svelte-dhvbeg .yoopu3-icon.svelte-dhvbeg{font-size:32px;margin-right:8px;color:var(--color-red)}.logo-container.svelte-dhvbeg .name.svelte-dhvbeg{width:60px;color:var(--color-font-main)}.logo-container.svelte-dhvbeg .slogan-text.svelte-dhvbeg{position:relative;display:inline-block;height:20px;margin:0 .75em;padding:0 .75em;font-size:14px;color:var(--color-font-tertiary);letter-spacing:1px}.logo-container.svelte-dhvbeg .slogan-text.svelte-dhvbeg:after{content:"";position:absolute;left:0;top:2px;height:16px;width:1px;background-color:var(--color-font-tertiary)}header.svelte-1bpu3df{width:100%;background-color:var(--color-pure)}.dt-top-navigation.svelte-1bpu3df{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:1200px;height:52px;margin:0 auto}.tabs.svelte-1l9tlvb.svelte-1l9tlvb:not(.secondary){display:flex;align-items:flex-end;position:relative;height:35px;padding:0;border-radius:0;background-color:transparent}.tabs.svelte-1l9tlvb:not(.secondary) .option.svelte-1l9tlvb{font-size:14px;letter-spacing:2px;position:relative;cursor:pointer;height:auto;border-radius:0;padding:5px 12px;transition:transform .1s;line-height:25px}.tabs.svelte-1l9tlvb:not(.secondary) .option span.svelte-1l9tlvb{font-size:1.1em;color:#aaa}.tabs.svelte-1l9tlvb:not(.secondary) .option.dot.svelte-1l9tlvb:after{content:"";width:10px;height:10px;border-radius:10px;background-color:var(--color-accent);top:0;right:5px;position:absolute}.tabs.svelte-1l9tlvb:not(.secondary) .option.selected.svelte-1l9tlvb{background-color:transparent;transform:scale(1.1)}.tabs.svelte-1l9tlvb:not(.secondary) .option.selected span.svelte-1l9tlvb{color:var(--color-font-main);font-weight:700}.tabs.svelte-1l9tlvb:not(.secondary) .option.selected.svelte-1l9tlvb:before{content:"";background:var(--color-accent);width:14px;height:4px;display:inline-block;bottom:0;left:calc(50% - 10px);right:auto;position:absolute;border-radius:5px}.tabs.secondary.svelte-1l9tlvb.svelte-1l9tlvb{display:inline-flex;align-items:center}.tabs.secondary.svelte-1l9tlvb .option.svelte-1l9tlvb{cursor:pointer;min-width:45px;height:26px;margin-right:5px;border-radius:26px;line-height:26px;box-sizing:border-box;display:flex;justify-content:center;padding:0 15px;color:var(--color-font-tertiary)}.tabs.secondary.svelte-1l9tlvb .option.selected.svelte-1l9tlvb{background-color:var(--color-accent);color:var(--color-pure)}.tabs.secondary.svelte-1l9tlvb .option .icon.svelte-1l9tlvb{font-size:22px}.tabs.secondary.svelte-1l9tlvb .option .title.svelte-1l9tlvb{font-size:14px;white-space:nowrap}.tabs.secondary.svelte-1l9tlvb .option .title.svelte-1l9tlvb:not(:first-child){margin-left:5px}dialog.svelte-4llsvh.svelte-4llsvh{border:none;padding:0;color:var(--color-font-main)}dialog.svelte-4llsvh div[glass].svelte-4llsvh{background-color:rgba(var(--color-bold-rgb),.2);position:absolute;top:0;bottom:0;left:0;right:0;position:fixed;z-index:99}dialog.svelte-4llsvh div[wrapper].svelte-4llsvh{box-shadow:0 0 5px 0 var(--color-strength-4)}dialog.svelte-4llsvh div[wrapper] [content].svelte-4llsvh{flex:1}dialog.svelte-4llsvh div[wrapper] [content].svelte-4llsvh>[title]{letter-spacing:2px;padding:0 0 20px}dialog[position=center].svelte-4llsvh div[wrapper].svelte-4llsvh{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 80px);border-radius:20px;max-width:390px;background-color:var(--color-pure);padding:20px;box-sizing:border-box;display:flex;flex-direction:column;transform-origin:0 0;z-index:100;animation:svelte-4llsvh-transformer .1s ease-in}@keyframes svelte-4llsvh-transformer{0%{transform:scale(.6) translate(-50%,-50%)}to{transform:scale(1) translate(-50%,-50%)}}dialog[position=center].svelte-4llsvh div[wrapper] [content].svelte-4llsvh>[title]{font-size:24px;margin:10px 0;text-align:center}dialog[position=center].svelte-4llsvh div[wrapper] [content].svelte-4llsvh>[description]{color:var(--color-font-secondary);font-size:14px;text-align:center;margin-bottom:20px}dialog[position=center].svelte-4llsvh div[wrapper] .buttons.svelte-4llsvh{margin:20px 0 10px;display:flex;flex-direction:column;row-gap:10px}dialog[position=bottom].svelte-4llsvh div[wrapper].svelte-4llsvh,dialog[position=top].svelte-4llsvh div[wrapper].svelte-4llsvh{position:fixed;left:50%;transform:translateX(-50%);min-height:120px;max-width:500px;background-color:var(--color-pure);box-sizing:border-box;display:flex;flex-direction:column;z-index:100;width:100%}dialog[position=bottom].svelte-4llsvh div[content].svelte-4llsvh,dialog[position=top].svelte-4llsvh div[content].svelte-4llsvh{padding:15px 20px}dialog[position=bottom].svelte-4llsvh .buttons.svelte-4llsvh,dialog[position=top].svelte-4llsvh .buttons.svelte-4llsvh{display:flex;flex-direction:row-reverse;justify-content:space-between;box-sizing:border-box;width:100%;padding:12px 15px 10px}dialog[position=bottom].svelte-4llsvh .buttons.svelte-4llsvh>button,dialog[position=top].svelte-4llsvh .buttons.svelte-4llsvh>button{min-width:auto}dialog[position=bottom].svelte-4llsvh .buttons.svelte-4llsvh>button:first-of-type,dialog[position=top].svelte-4llsvh .buttons.svelte-4llsvh>button:first-of-type{color:var(--color-accent)}dialog[position=bottom].svelte-4llsvh div[wrapper].svelte-4llsvh{bottom:0;animation:svelte-4llsvh-animateOpenBottom .1s linear;border-radius:20px 20px 0 0}@keyframes svelte-4llsvh-animateOpenBottom{0%{bottom:-60px;opacity:.7}to{bottom:0;opacity:1}}dialog[position=bottom].svelte-4llsvh .buttons.svelte-4llsvh{position:absolute;left:0;top:0}dialog[position=bottom].svelte-4llsvh [content].svelte-4llsvh>[title]{font-size:18px;font-weight:700;text-align:center;margin-top:-8px}dialog[position=top].svelte-4llsvh div[wrapper].svelte-4llsvh{top:0;animation:svelte-4llsvh-animateOpenTop .1s linear;border-radius:0 0 20px 20px;padding-bottom:50px}@keyframes svelte-4llsvh-animateOpenTop{0%{top:-60px;opacity:.7}to{top:0;opacity:1}}dialog[position=top].svelte-4llsvh .buttons.svelte-4llsvh{position:absolute;left:0;bottom:0}dialog[position=top].svelte-4llsvh [content].svelte-4llsvh>[title]{font-size:18px;font-weight:700;text-align:center}dialog.wide.svelte-4llsvh div[wrapper].svelte-4llsvh{width:calc(100vw - 40px)}dialog[position=center].horizontal-buttons.svelte-4llsvh .buttons.svelte-4llsvh{flex-direction:row!important;align-items:center}@media screen and (max-width:1024px){dialog.svelte-4llsvh div[glass].svelte-4llsvh{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}dialog.svelte-4llsvh div[wrapper].svelte-4llsvh{box-shadow:none}}.container.svelte-1a9wei7.svelte-1a9wei7{display:inline-block;vertical-align:middle;text-align:center;position:relative;width:80px;height:80px;min-width:80px}.container.svelte-1a9wei7 .avatar.svelte-1a9wei7{border-radius:50%;border:2px solid var(--color-strength-1);width:70px;height:70px;background-color:var(--color-theme)}.container.svelte-1a9wei7 .badge.svelte-1a9wei7,.container.svelte-1a9wei7 .hat.svelte-1a9wei7{display:none}.container.link.svelte-1a9wei7.svelte-1a9wei7{cursor:pointer}.container[gender].svelte-1a9wei7:not([size]) .hat.svelte-1a9wei7{display:initial;left:-5px;top:-8px;position:absolute;width:80px;height:80px}.container[gender=m].svelte-1a9wei7:not([size]) .hat.svelte-1a9wei7{left:0;top:-10px}.container[ladder].svelte-1a9wei7 .badge.svelte-1a9wei7{display:initial;background-color:var(--color-pure);right:4px;bottom:4px;position:absolute;width:20px;height:20px;border-radius:50%;border:1px solid var(--color-strength-1)}.container[size=large].svelte-1a9wei7.svelte-1a9wei7{width:62px;height:62px;min-width:62px}.container[size=large].svelte-1a9wei7 .avatar.svelte-1a9wei7{margin-left:0;border-width:1px;width:60px;height:60px}.container[size=large].svelte-1a9wei7 .badge.svelte-1a9wei7{width:18px;height:18px;bottom:-1px;right:0}.container[size=medium].svelte-1a9wei7.svelte-1a9wei7{width:42px;height:42px;min-width:42px}.container[size=medium].svelte-1a9wei7 .avatar.svelte-1a9wei7{margin-left:0;border-width:1px;width:40px;height:40px}.container[size=medium].svelte-1a9wei7 .badge.svelte-1a9wei7{width:14px;height:14px;bottom:0;right:0}.container[size=small].svelte-1a9wei7.svelte-1a9wei7{width:32px;height:32px;min-width:32px}.container[size=small].svelte-1a9wei7 .avatar.svelte-1a9wei7{margin-left:0;border-width:1px;width:30px;height:30px}.container[size=small].svelte-1a9wei7 .badge.svelte-1a9wei7{display:none}.container[size=xsmall].svelte-1a9wei7.svelte-1a9wei7{width:21px;height:21px;min-width:21px}.container[size=xsmall].svelte-1a9wei7 .avatar.svelte-1a9wei7{margin-left:0;border-width:0;width:21px;height:21px}.container[size=xsmall].svelte-1a9wei7 .badge.svelte-1a9wei7{display:none}.wechat-pay.svelte-mkrojt .code-frame.svelte-mkrojt{position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:120px;height:120px;background-color:var(--color-pure);overflow:hidden;margin:0 auto 10px}.wechat-pay.svelte-mkrojt .code-frame .code.svelte-mkrojt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px}.wechat-pay.svelte-mkrojt .code-frame .icon.svelte-mkrojt{color:var(--color-font-secondary);font-size:32px;animation:svelte-mkrojt-spin 1s infinite}@keyframes svelte-mkrojt-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wechat-pay.svelte-mkrojt .info.svelte-mkrojt{text-align:center}.wechat-pay.svelte-mkrojt .info .icon.svelte-mkrojt{color:var(--color-green);font-size:18px}.wechat-pay.svelte-mkrojt .price.svelte-mkrojt{font-size:32px;color:var(--color-accent)}.wechat-pay.svelte-mkrojt .tips.svelte-mkrojt{font-size:12px;color:var(--color-font-secondary)}.wechat-pay.svelte-mkrojt .tips .blue.svelte-mkrojt{text-decoration:none;color:var(--color-blue)}.row.svelte-ez1px7.svelte-ez1px7{display:flex;flex-wrap:wrap;justify-content:flex-start}.col.svelte-ez1px7.svelte-ez1px7{flex-basis:33.33333%}.member-feature.svelte-ez1px7.svelte-ez1px7{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;justify-content:space-between;padding:20px}.member-feature.svelte-ez1px7 .title.svelte-ez1px7{margin-top:14px;font-size:15px;text-align:center}.member-feature.svelte-ez1px7 .description.svelte-ez1px7{font-size:12px;margin-top:5px;color:var(--color-font-secondary);text-align:center}.member-feature.svelte-ez1px7 .demo.svelte-ez1px7{color:var(--color-accent);font-size:12px}.member-feature.svelte-ez1px7 .yoopu3-icon.svelte-ez1px7{color:var(--color-accent);background-color:var(--color-accent-light);border-radius:45px;width:45px;height:45px;text-align:center;line-height:45px;font-size:24px}.plan-option.svelte-4bc10+.plan-option.svelte-4bc10.svelte-4bc10{margin-left:10px}.plan-option.svelte-4bc10 .option-box.svelte-4bc10.svelte-4bc10{background-color:var(--color-pure);display:flex;flex-direction:column;align-items:center;position:relative;border-radius:10px;border:1px solid var(--color-strength-4)}.plan-option.svelte-4bc10 input[type=radio].svelte-4bc10.svelte-4bc10{display:none}.plan-option.svelte-4bc10 input[type=radio].svelte-4bc10:checked~.option-box.svelte-4bc10{border-color:var(--color-strength-1)}.plan-option.svelte-4bc10 input[type=radio]:checked~.option-box .label.svelte-4bc10.svelte-4bc10{opacity:1}.plan-option.svelte-4bc10 .label.svelte-4bc10.svelte-4bc10{position:absolute;top:-10px;height:20px;border-radius:10px;color:var(--color-pure);background-color:var(--color-strength-1);width:80px;text-align:center;opacity:0}.plan-option.svelte-4bc10 .option-content.svelte-4bc10.svelte-4bc10{padding:20px 0;width:120px;box-sizing:border-box;text-align:center}.plan-option.svelte-4bc10 .option-content .price.svelte-4bc10.svelte-4bc10{font-size:24px}.plan-option.svelte-4bc10 .option-content .original-price.svelte-4bc10.svelte-4bc10{height:21px}.plan-option.svelte-4bc10 .option-content .description.svelte-4bc10.svelte-4bc10{margin-top:6px;color:var(--color-font-secondary);font-size:12px}.plan-option.svelte-4bc10 .option-content .on-sale.svelte-4bc10.svelte-4bc10{position:absolute;left:0;right:0;bottom:0;color:var(--color-pure);background-color:var(--color-accent);border-radius:0 0 9px 9px;font-size:.9em}.plan-option.big.svelte-4bc10.svelte-4bc10.svelte-4bc10{min-width:210px}.plan-option.big.svelte-4bc10 .option-box.svelte-4bc10.svelte-4bc10{border-radius:16px}.plan-option.big.svelte-4bc10 .label.svelte-4bc10.svelte-4bc10{opacity:1}.plan-option.big.svelte-4bc10 .on-sale.svelte-4bc10.svelte-4bc10{border-radius:0 0 15px 15px}.page-main.svelte-1pwxesq.svelte-1pwxesq{width:100%}section.svelte-1pwxesq.svelte-1pwxesq{box-sizing:border-box;width:100%;padding:20px 32px;margin-bottom:12px;border-radius:16px;background-color:var(--color-pure)}.membership-info.svelte-1pwxesq.svelte-1pwxesq{margin-bottom:35px}.user-info.svelte-1pwxesq.svelte-1pwxesq{display:flex}.user-info.svelte-1pwxesq .user-detail.svelte-1pwxesq{margin-left:16px}.user-info.svelte-1pwxesq .user-name.svelte-1pwxesq{font-size:20px}.plan-listing.svelte-1pwxesq.svelte-1pwxesq{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:22px;gap:10px}.member-feature-gallery.svelte-1pwxesq.svelte-1pwxesq{margin-bottom:60px}.member-feature-gallery.svelte-1pwxesq .section-title.svelte-1pwxesq{font-size:18px;font-weight:700;text-align:center;letter-spacing:1px;position:relative}.member-feature-gallery.svelte-1pwxesq .section-title span.svelte-1pwxesq{z-index:2;position:relative}.member-feature-gallery.svelte-1pwxesq .section-title.svelte-1pwxesq:after,.member-feature-gallery.svelte-1pwxesq .section-title.svelte-1pwxesq:before{z-index:1;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.member-feature-gallery.svelte-1pwxesq .section-title.svelte-1pwxesq:after{width:5em;height:1.25em;background-color:var(--color-pure)}.member-feature-gallery.svelte-1pwxesq .section-title.svelte-1pwxesq:before{width:40%;height:1px;background-color:var(--color-strength-3)}.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.3333333333%;left:0;top:33.3333333333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.3333333333%;top:0;width:33.3333333333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(../images/bg.png)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.dropdown-selector.svelte-8gyafi.svelte-8gyafi{position:relative;display:inline-block;font-size:13px;color:var(--color-font-main);text-align:left;cursor:pointer}.current.svelte-8gyafi.svelte-8gyafi{position:relative;display:flex;align-items:center;justify-content:flex-end;background-color:var(--color-dim);border-radius:25px;box-sizing:border-box;padding:0 12px;height:25px;line-height:25px}.current.svelte-8gyafi span.svelte-8gyafi{flex:1;margin-right:8px;display:inline-block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current.svelte-8gyafi .icon.svelte-8gyafi{font-size:11px}.options.svelte-8gyafi.svelte-8gyafi{z-index:100;opacity:0;pointer-events:none;overflow-x:hidden;overflow-y:auto;max-height:250px;position:absolute;left:0;bottom:-5px;transform:translateY(100%);background-color:var(--color-pure);border-radius:6.25px;box-shadow:0 0 5px 0 var(--color-dim);padding:5px 0}.options.show.svelte-8gyafi.svelte-8gyafi{opacity:1;pointer-events:auto}.top.svelte-8gyafi.svelte-8gyafi{top:-5px;bottom:auto;transform:translateY(-100%)}.option.svelte-8gyafi.svelte-8gyafi{cursor:pointer;box-sizing:border-box;padding:0 8px;white-space:nowrap;height:30px;line-height:30px}.option.svelte-8gyafi.svelte-8gyafi:hover{background-color:var(--color-accent-light)}.option.selected.svelte-8gyafi.svelte-8gyafi{background-color:var(--color-theme)}.option.disabled.svelte-8gyafi.svelte-8gyafi{color:var(--color-font-tertiary)}.dropdown-selector.gray.svelte-8gyafi .current.svelte-8gyafi{background-color:var(--color-theme);border-radius:6px;height:38px;padding:4px 12px;line-height:38px;font-weight:400;font-size:14px}.dropdown-selector.gray.svelte-8gyafi .option-icon.svelte-8gyafi,.dropdown-selector.gray.svelte-8gyafi .selected-icon.svelte-8gyafi{margin-right:6px;font-size:16px}.dropdown-selector.gray.svelte-8gyafi .options.svelte-8gyafi{border-radius:6px}.dropdown-selector.small.svelte-8gyafi .current.svelte-8gyafi{background-color:transparent;padding:0 6px;height:16px;line-height:16px;font-size:12px}.dropdown-selector.small.svelte-8gyafi .option.svelte-8gyafi{height:24px;line-height:24px;font-size:12px}.text-area.svelte-13gzu6m.svelte-13gzu6m{box-sizing:border-box;padding:12px 12px 6px;border:1px solid var(--color-dim);border-radius:10px;width:100%}.text-area[disabled].svelte-13gzu6m.svelte-13gzu6m{background-color:var(--color-dim);padding:12px}.text-area[disabled].svelte-13gzu6m .count.svelte-13gzu6m{display:none}.text-area[disabled].svelte-13gzu6m textarea.svelte-13gzu6m{color:var(--color-font-tertiary)}.text-area.svelte-13gzu6m textarea.svelte-13gzu6m{box-sizing:border-box;display:block;outline:none;width:100%;padding:0;margin:0;border:none;line-height:18px;font-size:14px;font-family:Hiragino Sans GB,Microsoft Yahei,Arial,sans-serif;font-weight:400;color:var(--color-font-main);background-color:transparent}.text-area.svelte-13gzu6m textarea.svelte-13gzu6m::placeholder{color:var(--color-font-tertiary)}.text-area.svelte-13gzu6m textarea.svelte-13gzu6m::-ms-input-placeholder{color:var(--color-font-tertiary)}.text-area.svelte-13gzu6m:not([resize]) textarea.svelte-13gzu6m{resize:none}.text-area[resize=vertical].svelte-13gzu6m textarea.svelte-13gzu6m{resize:vertical}.text-area[resize=horizontal].svelte-13gzu6m textarea.svelte-13gzu6m{resize:horizontal}.text-area[resize=both].svelte-13gzu6m textarea.svelte-13gzu6m{resize:both}.count.svelte-13gzu6m.svelte-13gzu6m{text-align:right;font-size:12px}.warn.svelte-13gzu6m.svelte-13gzu6m{color:var(--color-accent)}.text-area.gray.svelte-13gzu6m.svelte-13gzu6m{background-color:var(--color-theme);border:none;border-radius:6px}input.svelte-1bm78md{display:block;box-sizing:border-box;width:100%;height:55px;padding:16px 20px;border:1px solid var(--color-theme);border-radius:12px;background-color:var(--color-pure);box-shadow:0 3px 12px 0 rgba(0,0,0,.01);font-size:16px;font-family:Hiragino Sans GB,Microsoft Yahei,Arial,sans-serif;caret-color:var(--color-accent);color:var(--color-font-main);letter-spacing:2px;outline:none}input.svelte-1bm78md::placeholder{color:#ccc;letter-spacing:normal;font-size:16px}input.svelte-1bm78md::placeholder{color:var(--color-font-tertiary)}input.svelte-1bm78md:-ms-input-placeholder{color:var(--color-font-tertiary)}input.svelte-1bm78md::-ms-input-placeholder{color:var(--color-font-tertiary)}input.svelte-1bm78md:disabled{color:var(--color-font-tertiary);background-color:var(--color-dim);pointer-events:none}input.gray.svelte-1bm78md{background-color:var(--color-theme);height:38px;padding:4px 12px;border:none;border-radius:6px;font-weight:400;font-size:14px;box-shadow:none}input.gray.svelte-1bm78md::placeholder{font-size:14px}.toggle-button.svelte-xwwv1z.svelte-xwwv1z{padding:3px;border-radius:30px;background-color:var(--color-dim);box-sizing:border-box;display:inline-flex;align-items:center}.toggle-button.svelte-xwwv1z .option.svelte-xwwv1z{border:none;outline:none;background:transparent;color:var(--color-font-main);min-width:45px;height:22px;border-radius:22px;line-height:22px;box-sizing:border-box;display:flex;justify-content:center;padding:0 10px;cursor:pointer}.toggle-button.svelte-xwwv1z .option.selected.svelte-xwwv1z{background-color:var(--color-pure);color:var(--color-accent)}.toggle-button.svelte-xwwv1z .option .icon.svelte-xwwv1z{font-size:22px}.toggle-button.svelte-xwwv1z .option .title.svelte-xwwv1z{font-size:14px;white-space:nowrap}.toggle-button.svelte-xwwv1z .option .title.svelte-xwwv1z:not(:first-child){margin-left:5px}.toggle-button.svelte-xwwv1z .option[disabled].svelte-xwwv1z{color:#aaa;cursor:not-allowed}.toggle-button.white.svelte-xwwv1z.svelte-xwwv1z{background-color:var(--color-pure)}.toggle-button.white.svelte-xwwv1z .option.selected.svelte-xwwv1z{background:var(--color-accent-light)}.toggle-button.gray.svelte-xwwv1z.svelte-xwwv1z{height:38px;padding:3px;border-radius:6px;background-color:var(--color-theme)}.toggle-button.gray.svelte-xwwv1z .option.svelte-xwwv1z{height:32px;line-height:32px;border-radius:5px}.small.svelte-xwwv1z .option.svelte-xwwv1z{min-width:35px;padding:0 8px;color:var(--color-font-secondary)}.small.svelte-xwwv1z .option .icon.svelte-xwwv1z{font-size:17px}.item.svelte-1yz5thf{display:flex;align-items:center;margin-bottom:20px}.item.bottom-line.svelte-1yz5thf{align-items:center;padding:12px;margin:0 -12px;border-bottom:1px solid hsla(0,0%,87.5%,.5)}.label.svelte-1yz5thf{min-width:80px;margin-right:12px}.error-message.svelte-1yz5thf{padding:4px 0;color:var(--color-accent)}b.svelte-1hlxk8z{color:var(--color-accent)}.page-side.svelte-1q2f9a1.svelte-1q2f9a1{width:240px;margin-right:16px;box-sizing:border-box;padding:24px;margin-bottom:12px;border-radius:16px;background-color:var(--color-pure)}.page-side.svelte-1q2f9a1 .user-info.svelte-1q2f9a1{position:relative;margin-bottom:12px;text-align:center}.page-side.svelte-1q2f9a1 .visually-hidden.svelte-1q2f9a1{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.page-side.svelte-1q2f9a1 label.svelte-1q2f9a1{display:block;cursor:pointer}.page-side.svelte-1q2f9a1 .hint.svelte-1q2f9a1{display:block;margin:10px auto 20px;font-size:12px;color:var(--color-font-secondary)}.page-main.svelte-1q2f9a1.svelte-1q2f9a1{flex:1}section.svelte-1q2f9a1.svelte-1q2f9a1{box-sizing:border-box;width:100%;padding:20px 32px;margin-bottom:12px;border-radius:16px;background-color:var(--color-pure)}.section-title.svelte-1q2f9a1.svelte-1q2f9a1{margin-bottom:8px;font-size:18px}.bind.svelte-1q2f9a1.svelte-1q2f9a1{display:flex;justify-content:space-between;align-items:center}.avatar-picker.svelte-1q2f9a1.svelte-1q2f9a1{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;flex-direction:column;z-index:1000;position:fixed;background-color:var(--color-strength-1)}.avatar-picker.svelte-1q2f9a1 .image-container.svelte-1q2f9a1{width:100%;overflow:hidden;flex:1}.avatar-picker.svelte-1q2f9a1 .image-container img.svelte-1q2f9a1{max-width:100%}.avatar-picker.svelte-1q2f9a1 .controls.svelte-1q2f9a1{display:flex;background-color:var(--color-pure);height:50px;margin-top:auto;width:100%}.avatar-picker.svelte-1q2f9a1 .controls button.svelte-1q2f9a1{height:50px;width:50%;font-size:1.2em;letter-spacing:5px;outline:none;border:none;background-color:var(--color-pure);transition:background-color .3s}.avatar-picker.svelte-1q2f9a1 .controls button.svelte-1q2f9a1:active{background-color:var(--color-dim)}.icon-success.svelte-1q2f9a1.svelte-1q2f9a1{font-size:16px;color:var(--color-green)}.page-main.svelte-18y1746.svelte-18y1746{width:100%}section.svelte-18y1746.svelte-18y1746{box-sizing:border-box;width:100%;padding:20px 0;border-radius:16px;background-color:var(--color-pure)}.list.svelte-18y1746.svelte-18y1746{overflow-y:scroll;box-sizing:border-box;padding:0 20px}.item.svelte-18y1746.svelte-18y1746{padding:12px 0;border-bottom:1px solid var(--color-strength-4);color:var(--color-font-tertiary);font-size:12px}.item.svelte-18y1746 .row.svelte-18y1746{display:flex;justify-content:space-between;align-items:center}.item.svelte-18y1746 .amount.svelte-18y1746,.item.svelte-18y1746 .title.svelte-18y1746{flex-basis:45%;color:var(--color-font-main);font-size:14px}.item.svelte-18y1746 .order.svelte-18y1746{flex-basis:25%}.item.svelte-18y1746 .date.svelte-18y1746,.item.svelte-18y1746 .status.svelte-18y1746{flex-basis:20%;text-align:right}.item.svelte-18y1746 .status .icon.svelte-18y1746{font-size:18px}.item.svelte-18y1746 .status .apple.svelte-18y1746{color:var(--color-font-main)}.item.svelte-18y1746 .status .wechat.svelte-18y1746{color:var(--color-green)}.item.svelte-18y1746 .status-text.svelte-18y1746{font-size:14px}.item.create.svelte-18y1746 .status.svelte-18y1746{color:var(--color-yellow)}.item.completed.svelte-18y1746 .status.svelte-18y1746{color:var(--color-green)}.item.closed.svelte-18y1746 .amount.svelte-18y1746,.item.closed.svelte-18y1746 .apple.svelte-18y1746,.item.closed.svelte-18y1746 .order.svelte-18y1746,.item.closed.svelte-18y1746 .status.svelte-18y1746,.item.closed.svelte-18y1746 .title.svelte-18y1746,.item.closed.svelte-18y1746 .wechat.svelte-18y1746{color:#a4a9ad}.loading.svelte-18y1746.svelte-18y1746{text-align:center}em.svelte-pwz90e.svelte-pwz90e{font-style:normal;color:var(--color-accent)}.product.svelte-pwz90e.svelte-pwz90e{background-color:var(--color-pure);border-radius:5px;padding:10px;box-sizing:border-box;width:calc(50% - 5px);max-width:200px;display:flex;flex-direction:column}.product.svelte-pwz90e .coupon.svelte-pwz90e{height:60px;border-radius:5px;background:var(--color-green);position:relative;padding:10px;color:var(--color-pure);font-size:13px;opacity:.9}.product.svelte-pwz90e .coupon.svelte-pwz90e:before{top:-7px}.product.svelte-pwz90e .coupon.svelte-pwz90e:after,.product.svelte-pwz90e .coupon.svelte-pwz90e:before{content:"";width:14px;height:14px;border-radius:14px;background-color:var(--color-pure);position:absolute;left:30px}.product.svelte-pwz90e .coupon.svelte-pwz90e:after{bottom:-7px}.product.svelte-pwz90e .coupon .number.svelte-pwz90e{font-size:18px}.product.svelte-pwz90e .coupon .icon.svelte-pwz90e{position:absolute;font-size:56px;color:var(--color-pure);right:0;bottom:-12px;opacity:.3}.product.svelte-pwz90e .coupon.cashOut.svelte-pwz90e{background:var(--color-red)}.product.svelte-pwz90e .name.svelte-pwz90e{margin:10px 0 5px}.product.svelte-pwz90e .description.svelte-pwz90e{font-size:12px;color:var(--color-font-tertiary);margin-bottom:10px}.product.svelte-pwz90e .buttons.svelte-pwz90e{display:flex;align-items:center;margin-top:auto}.product.svelte-pwz90e .buttons .unit.svelte-pwz90e{font-size:12px;margin-left:4px}.product.svelte-pwz90e .buttons .buy-button.svelte-pwz90e{margin-left:auto}.product[size=big].svelte-pwz90e.svelte-pwz90e{max-width:200px;padding:0}.product[size=big].svelte-pwz90e .coupon.svelte-pwz90e{box-sizing:border-box;height:100px;border-radius:6px;padding:13px;display:flex;align-items:center}.product[size=big].svelte-pwz90e .buttons em.svelte-pwz90e{font-size:20px}.product[size=big].svelte-pwz90e .buttons .price .unit.svelte-pwz90e{font-size:10px;color:var(--color-font-secondary)}.display.svelte-g3upyb.svelte-g3upyb{height:110px;display:flex;align-items:center;justify-content:center;background-image:url(//cdn.yopu.co/img/coupon-background.814c6c51.png);background-size:cover;background-position:50%}.coin-wrapper.svelte-g3upyb.svelte-g3upyb{position:relative;transition:.5s linear;transform-style:preserve-3d}.coin-wrapper.spin.svelte-g3upyb.svelte-g3upyb{animation:svelte-g3upyb-coin-spin .5s linear infinite}.coin-wrapper.svelte-g3upyb.svelte-g3upyb:after{bottom:0;left:40px;width:5px;z-index:-10;transform:rotateY(-90deg);transform-origin:100% 50%}.coin-wrapper.svelte-g3upyb.svelte-g3upyb:after,.coin-wrapper.svelte-g3upyb.svelte-g3upyb:before{background-color:#ffa92a;background-image:-webkit-linear-gradient(hsla(0,0%,100%,.25),rgba(0,0,0,.25));content:"";position:absolute;top:0}.coin-wrapper.svelte-g3upyb.svelte-g3upyb:before{border-radius:100%;height:80px;left:0;width:80px;transform:translateZ(-5px)}.coin-wrapper.svelte-g3upyb #coupon-display.svelte-g3upyb{border-radius:60px;font-family:Arial,serif;color:#ffe545;font-weight:700;width:60px;height:60px;background:#ffa92a;border:10px solid #ffe545;display:flex;align-items:center;justify-content:center}.coin-wrapper.svelte-g3upyb #coupon-display .plus.svelte-g3upyb{font-size:14px;margin-right:-5px;margin-left:3px;margin-top:2px}.coin-wrapper.svelte-g3upyb #coupon-display #coupon-value.svelte-g3upyb{font-size:30px;margin:0 5px}.coin-wrapper.svelte-g3upyb #coupon-display.svelte-g3upyb:after{content:"";position:absolute;bottom:5px;right:-15px;background:#ffa929;opacity:.2;width:80px;height:40px;transform:rotate(-45deg);border-radius:0 0 100px 100px}[title].svelte-g3upyb.svelte-g3upyb{text-align:center;font-size:1.4em;font-weight:700;color:var(--color-font-secondary);margin-bottom:10px}.description.svelte-g3upyb.svelte-g3upyb{text-align:center;font-size:1.1em;line-height:1.7em;color:var(--color-font-tertiary);margin-bottom:10px}.rules.svelte-g3upyb.svelte-g3upyb{display:flex;margin:20px 0;justify-content:space-evenly}.rules.svelte-g3upyb .day.svelte-g3upyb{background-color:rgba(255,169,42,.5);border-radius:5px;width:30px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;transition:background-color .3s}.rules.svelte-g3upyb .day.claimed.svelte-g3upyb{background-color:#ffa92a}.rules.svelte-g3upyb .day.claimed .text.svelte-g3upyb{color:var(--color-pure)}.rules.svelte-g3upyb .day.claimed img.star.svelte-g3upyb,.rules.svelte-g3upyb .day:not(.claimed) img.tick.svelte-g3upyb{display:none}.rules.svelte-g3upyb .day .text.svelte-g3upyb{font-size:.7em;font-family:Arial,serif}.rules.svelte-g3upyb .day img.svelte-g3upyb{width:16px;height:16px}@keyframes svelte-g3upyb-coin-spin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.display.svelte-1tf65fj.svelte-1tf65fj{height:110px;display:flex;align-items:center;justify-content:center;background-image:url(//cdn.yopu.co/img/coupon-background.814c6c51.png);background-size:cover;background-position:50%}.coin-wrapper.svelte-1tf65fj.svelte-1tf65fj{position:relative;transition:.5s linear;transform-style:preserve-3d}.coin-wrapper.spin.svelte-1tf65fj.svelte-1tf65fj{animation:svelte-1tf65fj-coin-spin .5s linear infinite}.coin-wrapper.svelte-1tf65fj.svelte-1tf65fj:after{bottom:0;left:40px;width:5px;z-index:-10;transform:rotateY(-90deg);transform-origin:100% 50%}.coin-wrapper.svelte-1tf65fj.svelte-1tf65fj:after,.coin-wrapper.svelte-1tf65fj.svelte-1tf65fj:before{background-color:#ffa92a;background-image:-webkit-linear-gradient(hsla(0,0%,100%,.25),rgba(0,0,0,.25));content:"";position:absolute;top:0}.coin-wrapper.svelte-1tf65fj.svelte-1tf65fj:before{border-radius:100%;height:80px;left:0;width:80px;transform:translateZ(-5px)}.coin-wrapper.svelte-1tf65fj #coupon-display.svelte-1tf65fj{border-radius:60px;font-family:Arial,serif;color:#ffe545;font-weight:700;width:60px;height:60px;background:#ffa92a;border:10px solid #ffe545;display:flex;align-items:center;justify-content:center}.coin-wrapper.svelte-1tf65fj #coupon-display .plus.svelte-1tf65fj{font-size:14px;margin-right:-5px;margin-left:3px;margin-top:2px}.coin-wrapper.svelte-1tf65fj #coupon-display #coupon-value.svelte-1tf65fj{font-size:30px;margin:0 5px}.coin-wrapper.svelte-1tf65fj #coupon-display.svelte-1tf65fj:after{content:"";position:absolute;bottom:5px;right:-15px;background:#ffa929;opacity:.2;width:80px;height:40px;transform:rotate(-45deg);border-radius:0 0 100px 100px}[title].svelte-1tf65fj.svelte-1tf65fj{text-align:center;font-size:1.4em;font-weight:700;color:var(--color-font-secondary);margin-bottom:10px}.description.svelte-1tf65fj.svelte-1tf65fj{text-align:left;font-size:1.1em;line-height:1.7em;color:var(--color-font-tertiary);margin-bottom:10px}.description.svelte-1tf65fj em.svelte-1tf65fj{color:var(--color-accent);font-style:normal}@keyframes svelte-1tf65fj-coin-spin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}ul.svelte-o64lxs.svelte-o64lxs.svelte-o64lxs{text-align:left;padding-inline-start:15px}ul.svelte-o64lxs li.svelte-o64lxs+li.svelte-o64lxs{margin-top:10px}em.svelte-8fhqhd.svelte-8fhqhd.svelte-8fhqhd,ul.svelte-o64lxs em.svelte-o64lxs.svelte-o64lxs{color:var(--color-accent);font-style:normal}.tasks.svelte-8fhqhd.svelte-8fhqhd.svelte-8fhqhd{display:flex;flex-direction:column}.tasks.svelte-8fhqhd .task.svelte-8fhqhd.svelte-8fhqhd{background-color:var(--color-pure);border-radius:10px;display:flex;padding:10px;justify-content:space-between;align-items:center}.tasks.svelte-8fhqhd .task .icon-wrapper.svelte-8fhqhd.svelte-8fhqhd{height:39px}.tasks.svelte-8fhqhd .task .icon-wrapper .icon.svelte-8fhqhd.svelte-8fhqhd{margin-right:5px;font-size:20px;margin-top:-3px}.tasks.svelte-8fhqhd .task .content-wrapper.svelte-8fhqhd.svelte-8fhqhd{display:flex;flex:1;align-items:center;justify-content:space-between}.tasks.svelte-8fhqhd .task .description.svelte-8fhqhd.svelte-8fhqhd{font-size:12px;color:var(--color-font-secondary)}.tasks.svelte-8fhqhd .task.svelte-8fhqhd+.task.svelte-8fhqhd{margin-top:10px}.tasks[direction=row].svelte-8fhqhd.svelte-8fhqhd.svelte-8fhqhd{flex-direction:row;gap:20px}.tasks[direction=row].svelte-8fhqhd .task.svelte-8fhqhd.svelte-8fhqhd{display:flex;flex:1;align-items:flex-start;border-right:1px solid hsla(0,0%,59.2%,.27);border-radius:0}.tasks[direction=row].svelte-8fhqhd .task.svelte-8fhqhd.svelte-8fhqhd:last-child{border-right:none}.tasks[direction=row].svelte-8fhqhd .task.svelte-8fhqhd+.task.svelte-8fhqhd{margin-top:0}.tasks[direction=row].svelte-8fhqhd .icon-wrapper.svelte-8fhqhd.svelte-8fhqhd{width:32px;margin-right:16px}.tasks[direction=row].svelte-8fhqhd .icon-wrapper .icon.svelte-8fhqhd.svelte-8fhqhd{font-size:28px}.tasks[direction=row].svelte-8fhqhd .content-wrapper.svelte-8fhqhd.svelte-8fhqhd{flex-direction:column;align-items:flex-start}.tasks[direction=row].svelte-8fhqhd .content .title.svelte-8fhqhd.svelte-8fhqhd{margin-bottom:5px;font-size:16px;color:var(--color-font-main)}.tasks[direction=row].svelte-8fhqhd .content .description.svelte-8fhqhd.svelte-8fhqhd{margin-bottom:10px;font-size:13px;color:var(--color-font-main)}.tasks[direction=row].svelte-8fhqhd .content .description em.svelte-8fhqhd.svelte-8fhqhd{font-style:normal;color:var(--color-accent)}.page-main.svelte-u32k76.svelte-u32k76.svelte-u32k76{width:100%}section.svelte-u32k76.svelte-u32k76.svelte-u32k76{box-sizing:border-box;width:100%;padding:20px 32px;margin-bottom:12px;border-radius:16px;background-color:var(--color-pure)}section.svelte-u32k76 .section-title.svelte-u32k76.svelte-u32k76{font-size:16px;font-weight:400}.total.svelte-u32k76.svelte-u32k76.svelte-u32k76{cursor:pointer}.total.svelte-u32k76 .total-amount.svelte-u32k76.svelte-u32k76{font-size:30px}.total.svelte-u32k76 .icon.svelte-u32k76.svelte-u32k76,.total.svelte-u32k76 .unit.svelte-u32k76.svelte-u32k76{font-size:14px}.expiring.svelte-u32k76 .expiring-record.svelte-u32k76.svelte-u32k76{background-color:var(--color-accent-light);padding:4px 10px;border-radius:10px}.expiring.svelte-u32k76 .expiring-record .red.svelte-u32k76.svelte-u32k76{color:var(--color-accent)}.records.svelte-u32k76.svelte-u32k76.svelte-u32k76{list-style:none;padding:0;margin:0}.record.svelte-u32k76.svelte-u32k76.svelte-u32k76{padding:8px 0;border-bottom:1px solid var(--color-strength-4)}.record.svelte-u32k76 .info.svelte-u32k76.svelte-u32k76{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.record.svelte-u32k76 .date.svelte-u32k76.svelte-u32k76{font-size:12px;color:var(--color-font-tertiary)}.record.svelte-u32k76 .amount.svelte-u32k76.svelte-u32k76{font-size:14px;color:var(--color-accent)}.record.svelte-u32k76 .amount.earning.svelte-u32k76.svelte-u32k76{color:var(--color-green)}.plan-listing.svelte-u32k76.svelte-u32k76.svelte-u32k76{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:22px;gap:10px}.plan-listing.svelte-u32k76 .plan-option.svelte-u32k76.svelte-u32k76{min-width:200px}.plan-listing.svelte-u32k76 .plan-option .option-box.svelte-u32k76.svelte-u32k76{background-color:var(--color-pure);display:flex;flex-direction:column;position:relative;box-sizing:border-box;height:80px;padding:10px 20px;border-radius:16px;border:2px solid var(--color-strength-4)}.plan-listing.svelte-u32k76 .plan-option input[type=radio].svelte-u32k76.svelte-u32k76{display:none}.plan-listing.svelte-u32k76 .plan-option input[type=radio].svelte-u32k76:checked~.option-box.svelte-u32k76{border-color:var(--color-strength-1)}.plan-listing.svelte-u32k76 .plan-option .coins.svelte-u32k76.svelte-u32k76{font-size:20px;margin-bottom:5px}.plan-listing.svelte-u32k76 .plan-option .original-price.svelte-u32k76.svelte-u32k76,.plan-listing.svelte-u32k76 .plan-option .price.svelte-u32k76.svelte-u32k76{font-size:14px}.plan-listing.svelte-u32k76 .plan-option .original-price.svelte-u32k76.svelte-u32k76{color:var(--color-font-tertiary)}.plan-listing.svelte-u32k76 .plan-option .red.svelte-u32k76.svelte-u32k76{color:var(--color-accent)}.plan-listing.svelte-u32k76 .plan-option .red i.svelte-u32k76.svelte-u32k76{display:inline-block;width:20px;height:20px;line-height:20px;border-radius:3px;text-align:center;font-style:normal;font-size:12px;background-color:var(--color-accent);color:#fff}.listing.svelte-u32k76.svelte-u32k76.svelte-u32k76{display:flex;flex-flow:row wrap;gap:20px}.page-body.svelte-9acx4e,.page-header.svelte-9acx4e{display:flex;width:960px;margin:15px auto 0}.page-header.svelte-9acx4e{justify-content:space-between;align-items:center}.page-header.end.svelte-9acx4e{justify-content:flex-end}.logout-button.svelte-9acx4e{color:var(--color-accent);margin-right:5px}.page-body.svelte-9acx4e{margin-bottom:60px}