@media (width <= 650px){#sound-list[data-v-c51e2a24]{background-color:#00000073}}.pomodoro-content-main[data-v-c51e2a24]{position:relative;overflow:hidden;padding:0;margin:0;width:100%;height:100%;background-position:center bottom;background-repeat:no-repeat;border-radius:var(--yy-dialog-radius);transition:background-image .3s ease;-webkit-user-select:none;user-select:none}.pomodoro-content-main[data-v-c51e2a24]:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:#0003}ul[data-v-c51e2a24]{padding:0;margin:0}canvas#bg[data-v-c51e2a24]{position:absolute;top:0;left:0;width:100%;height:100%}#menu[data-v-c51e2a24]{position:fixed;top:50%;left:50%;margin-top:-120px;margin-left:-120px;width:240px;height:240px;opacity:0;transition:opacity .18s ease-in;transform:rotate(45deg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:var(--yy-cursor-pointer)}#menu .row[data-v-c51e2a24]{display:flex;width:100%;height:80px}#menu .col[data-v-c51e2a24]{display:flex;justify-content:center;align-items:center;width:80px;height:80px;flex:1}#menu .icon[data-v-c51e2a24]{transform:rotate(-45deg)}.line-group>div[data-v-c51e2a24]{position:absolute;width:240px;height:1px;background-color:#fff;transition:transform .2s ease-in;transition-delay:.18s}.line-1[data-v-c51e2a24]{top:80px;transform:translate(200px)}.line-2[data-v-c51e2a24]{top:160px;transform:translate(-200px)}.line-3[data-v-c51e2a24]{top:120px;left:-40px;transform:rotate(90deg) translate(-200px)}.line-4[data-v-c51e2a24]{top:120px;left:40px;transform:rotate(90deg) translate(200px)}#menu.visible[data-v-c51e2a24]{background-color:#00000059;border-radius:10%;opacity:1}#menu.visible .line-1[data-v-c51e2a24],#menu.visible .line-2[data-v-c51e2a24]{transform:translate(0);opacity:1}#menu.visible .line-3[data-v-c51e2a24],#menu.visible .line-4[data-v-c51e2a24]{transform:rotate(90deg) translate(0);opacity:1}#sound-list[data-v-c51e2a24]{position:absolute;right:0;z-index:2;overflow:hidden scroll;width:240px;height:100%;background-color:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-overflow-scrolling:touch;transition:transform .3s ease;transform:translate(100%)}#sound-list.visible[data-v-c51e2a24]{transform:translate(0)}#sound-list[data-v-c51e2a24]::-webkit-scrollbar-thumb{background:#ffffff4d}#sound-list li[data-v-c51e2a24]{display:-webkit-box;display:flexbox;display:flex;align-items:center;padding:0;margin:0;width:100%;height:72px;opacity:.6;list-style:none;border-bottom:1px solid #5d5f5c}#sound-list .active[data-v-c51e2a24]{opacity:1}#sound-list .icon[data-v-c51e2a24]{display:inline-block;margin:10px;width:60px;height:60px;background-repeat:no-repeat;background-size:720px 60px;cursor:var(--yy-cursor-pointer)}.icon-rain[data-v-c51e2a24]{background-position:0 0}.icon-thunder[data-v-c51e2a24]{background-position:-540px 0}.icon-farm[data-v-c51e2a24]{background-position:-660px 0}.icon-night[data-v-c51e2a24]{background-position:-360px 0}.icon-forest[data-v-c51e2a24]{background-position:-60px 0}.icon-leaves[data-v-c51e2a24]{background-position:-120px 0}.icon-river[data-v-c51e2a24]{background-position:-180px 0}.icon-fire[data-v-c51e2a24]{background-position:-240px 0}.icon-seaside[data-v-c51e2a24]{background-position:-600px 0}.icon-yacht[data-v-c51e2a24]{background-position:-420px 0}.icon-coffee[data-v-c51e2a24]{background-position:-300px 0}.icon-train[data-v-c51e2a24]{background-position:-480px 0}.sound-icon[data-v-c51e2a24]{width:80px;height:80px;-webkit-box-flex:4;-ms-flex:4;flex:4}.control-block[data-v-c51e2a24]{padding:10px;width:140px;height:60px;flex:7}.control-block h4[data-v-c51e2a24]{margin-top:0;margin-bottom:0;font-size:18px;color:#fff;transition:transform .3s ease;font-weight:400;cursor:var(--yy-cursor-pointer);transform:translateY(14px)}.control-block h4 small[data-v-c51e2a24]{margin-left:10px}.control-bar[data-v-c51e2a24]{position:relative;display:none;margin-top:12px;width:100%;height:4px;background-color:#fff;border-radius:2px}.timer[data-v-c51e2a24]{position:relative;display:block;font-size:24px;text-align:center;color:#fff;opacity:.8}#sound-list li.active h4[data-v-c51e2a24]{margin-top:0;margin-bottom:2px;transform:translateY(0)}#sound-list li.active .control-bar[data-v-c51e2a24]{display:block}.time-list[data-v-c51e2a24]{display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px 30px}.time-list .time-item[data-v-c51e2a24]{margin:6px;width:60px;height:50px;text-align:center;color:rgba(var(--yy-alpha-color),.8);border:1px solid rgba(var(--yy-alpha-color),.8);border-radius:6px;line-height:50px}.time-list .time-item[data-v-c51e2a24]:hover{background-color:rgba(var(--yy-primary-color-rgb),.8)}.input-item[data-v-c51e2a24]{display:flex;padding:5px 36px 30px}
