.account-page{padding-top:120px}.account-page section[name=profile]{padding-bottom:30px}.account-page section[name=profile] .container{max-width:900px;position:relative}.account-page section[name=profile] .row{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;margin-bottom:15px;display:inline-flex}.account-page section[name=profile] .thumbnail{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:160px;height:160px;margin-right:45px;padding:3px;display:inline-block;box-shadow:0 0 3px #00000040}.account-page section[name=profile] .thumbnail .inner{background-image:url(/images/icon-user.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:100%;height:100%;display:inline-block}.account-page section[name=profile] .detail{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;display:inline-flex;position:relative}.account-page section[name=profile] .name{letter-spacing:-3px;font-family:FontTitle;font-size:60px}.account-page section[name=profile] .age{align-self:flex-end;margin-bottom:12px;margin-left:20px;font-size:18px}.account-page section[name=profile] .desc{text-align:left;font-size:14px}.account-page section[name=profile] .row[name=tag-list]{flex-wrap:wrap;align-items:center;margin-top:15px}.account-page section[name=profile] .tag{color:#fff;cursor:pointer;background-color:#000;border-radius:25px;margin-bottom:8px;margin-right:8px;padding:.6em 1.2em;font-family:FontTitle;font-size:16px;font-weight:500;transition:background-color .2s ease-in-out;box-shadow:0 0 2px #00000040}.stat-row{background-color:#f8f8f8;border-radius:12px;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;margin-top:30px;display:inline-flex}.stat-row .stat-item{border-right:1px solid #ddd;flex-direction:column;justify-content:center;align-items:center;width:33.3333%;padding:12px 0;display:inline-flex}.stat-row .stat-item:last-child{border-right:none}.stat-item .number{text-align:center;font-size:18px;font-weight:700}.stat-item .stat-name{text-align:center;margin-top:8px;font-size:14px;font-weight:500}.account-page section[name=profile] .menu{cursor:pointer;background-image:url(/images/icon-menu-dark.png);background-position:50%;background-repeat:no-repeat;background-size:auto 30px;width:45px;height:45px;display:inline-block;position:absolute;top:15px;right:35px}.account-page section[name=profile] .menu .dropdown{z-index:10;background-color:#000;flex-direction:column;width:200px;padding:5px 15px;display:none;position:absolute;top:0;left:100%;box-shadow:0 0 3px #00000040}.account-page section[name=profile] .menu:focus .dropdown{display:inline-flex}.account-page section[name=profile] .menu .dropdown .option{color:#fff;letter-spacing:-1px;text-align:center;border-bottom:1px solid #fff;width:100%;padding:10px 0;font-family:FontTitle;font-size:18px;transition:background-color .2s ease-in-out;display:inline-block}.account-page section[name=profile] .menu .dropdown .option:last-child{border-bottom:none}.account-page section[name=tab]{padding:0}.account-page section[name=tab] .container{border-top:1px solid #000;border-bottom:1px solid #000;flex-direction:row;justify-content:center;align-items:center;max-width:1000px;padding:15px}.account-page section[name=tab] .tab-item{cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:center;width:120px;height:120px;margin:0 10px;padding-top:15px;display:inline-flex}.account-page section[name=tab] .tab-item.selected{background-color:#000}.account-page section[name=tab] .tab-item .icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:60px;height:60px;display:inline-block}.account-page section[name=tab] .tab-item[name=analysis] .icon{background-image:url(/images/profile-analyse.png)}.account-page section[name=tab] .tab-item.selected[name=analysis] .icon{background-image:url(/images/profile-analyse-active.png)}.account-page section[name=tab] .tab-item[name=selfie] .icon{background-image:url(/images/profile-selfie.png)}.account-page section[name=tab] .tab-item.selected[name=selfie] .icon{background-image:url(/images/profile-selfie-active.png)}.account-page section[name=tab] .tab-item[name=mood] .icon{background-image:url(/images/profile-mood.png)}.account-page section[name=tab] .tab-item.selected[name=mood] .icon{background-image:url(/images/profile-mood-active.png)}.account-page section[name=tab] .tab-item[name=period] .icon{background-image:url(/images/profile-period.png)}.account-page section[name=tab] .tab-item.selected[name=period] .icon{background-image:url(/images/profile-period-active.png)}.account-page section[name=tab] .tab-item[name=skincare] .icon{background-image:url(/images/profile-skincare.png)}.account-page section[name=tab] .tab-item.selected[name=skincare] .icon{background-image:url(/images/profile-skincare-active.png)}.account-page section[name=tab] .tab-item[name=ban] .icon{background-image:url(/images/profile-ban.png)}.account-page section[name=tab] .tab-item.selected[name=ban] .icon{background-image:url(/images/profile-ban-active.png)}.account-page section[name=tab] .tab-item .name{color:#000;text-align:center;margin-top:5px;font-size:14px}.account-page section[name=tab] .tab-item.selected .name{color:#fff}.account-page section[name=analysis]{padding-top:30px}.account-page section[name=analysis] .container{max-width:900px}.account-page section[name=analysis] .title{text-align:center;margin-bottom:15px;font-size:32px}.account-page section[name=analysis] svg{margin-bottom:30px}.account-page section[name=analysis] rect{transform-origin:bottom;transition:all 1s}.account-page section[name=analysis] .reminder{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;margin-top:30px;display:inline-flex}.account-page section[name=analysis] .reminder .description{font-size:20px}.account-page section[name=analysis] .reminder button{color:#fff;border-radius:30px;flex-direction:row;justify-content:center;align-items:center;width:240px;height:60px;margin-top:30px;font-family:FontTitle;font-size:20px;display:inline-flex}.account-page section[name=analysis] .reminder .title{margin-top:90px}.account-page section[name=analysis] .subtitle{text-align:left;width:100%;max-width:640px;margin-top:30px;margin-bottom:30px;font-size:20px;font-weight:400}.account-page section[name=analysis] .suggestion-list{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:640px;display:inline-flex}.account-page section[name=analysis] .suggestion-item{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;margin-bottom:10px;display:inline-flex}.account-page section[name=analysis] .suggestion-item .tick{cursor:pointer;border:4px solid #d6c1ed;border-radius:50%;width:60px;height:60px}.account-page section[name=analysis] .suggestion-item.selected .tick{background-color:#d6c1ed;background-image:url(/images/icon-tick.png);background-position:50%;background-repeat:no-repeat;background-size:auto 30px}.account-page section[name=analysis] .suggestion-item .detail{background-color:#fff;border:2px solid #000;border-radius:16px;flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;width:auto;margin-left:25px;padding:15px;display:inline-flex}.account-page section[name=analysis] .suggestion-item .name{color:#000;text-align:left;font-size:20px}.account-page section[name=analysis] .suggestion-item .description{color:#000;text-align:left;margin-top:0;font-size:16px}.account-page section[name=analysis] .suggestion-item .rating{flex-direction:row;justify-content:flex-start;align-self:flex-start;align-items:center;width:auto;margin-top:10px;display:inline-flex}.account-page section[name=analysis] .suggestion-item .rating span{color:#4e4e4e;text-align:left;margin-right:15px;font-size:14px;font-style:italic}.account-page section[name=analysis] .suggestion-item .rating .button{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:contain;width:18px;height:18px;margin-right:10px;display:inline-block}.account-page section[name=analysis] .suggestion-item .rating .button.like{background-image:url(/images/icon-ai-like.png)}.account-page section[name=analysis] .suggestion-item .rating .button.dislike{background-image:url(/images/icon-ai-dislike.png)}.account-page section[name=selfie]{padding-top:0}.account-page section[name=selfie] .container{max-width:900px}.account-page section[name=selfie] .menu{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;padding:15px 20px;display:inline-flex}.account-page section[name=selfie] .menu .position{color:#707070;cursor:pointer;flex-direction:row;justify-content:center;align-items:center;margin-left:auto;font-size:16px;display:inline-flex;position:relative}.account-page section[name=selfie] .menu .position b{color:#000;font-weight:500}.account-page section[name=selfie] .menu .position .arrow{background-image:url(/images/icon-dropdown.png);background-position:50%;background-repeat:no-repeat;background-size:auto 12px;width:18px;height:18px;margin:0 10px;display:inline-block}.account-page section[name=selfie] .menu .position .dropdown{z-index:1;background-color:#000;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:150px;height:auto;padding:0 15px;display:none;position:absolute;top:calc(100% + 10px);right:10px}.account-page section[name=selfie] .menu .position:focus .dropdown{display:inline-flex}.account-page section[name=selfie] .menu .position .dropdown .item{color:#fff;text-align:left;cursor:pointer;border-bottom:1px solid #fff;width:100%;padding:10px 0;font-family:FontTitle;font-size:16px}.account-page section[name=selfie] .menu .position .dropdown .item:last-child{border-bottom:none}.account-page section[name=selfie] .selfie-row{flex-direction:row;justify-content:center;align-items:center;width:100%;height:auto;display:inline-flex}.account-page section[name=selfie] .selfie-now{flex-direction:column;justify-content:flex-start;align-items:flex-end;width:240px;margin-right:2%;display:inline-flex}.account-page section[name=selfie] .selfie-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:240px;height:auto;max-height:840px;display:inline-block;overflow:auto}.account-page section[name=selfie] .selfie-list::-webkit-scrollbar{display:none}.account-page section[name=selfie] .selfie-item{cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:240px;margin:10px 0;display:inline-flex;position:relative;overflow:hidden}.account-page section[name=selfie] .selfie-item img{aspect-ratio:.6666;object-fit:cover;border-radius:16px;width:100%;height:auto;display:inline-block}.account-page section[name=selfie] .selfie-item .date{color:#000;margin:5px 0;font-size:14px}.account-page section[name=selfie] .selfie-item .rating{flex-direction:row;justify-content:flex-start;align-items:center;width:auto;display:inline-flex;position:absolute;top:24px;left:15px}.account-page section[name=selfie] .selfie-item .rating .star{cursor:pointer;background-image:url(/images/review-star.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:18px;height:18px;margin-right:5px;transition:background-image .2s ease-in-out;display:inline-block}.account-page section[name=selfie] .selfie-item .rating .starred{background-image:url(/images/review-starred.png)}.account-page section[name=selfie] .selfie-item .upload{cursor:pointer;background-color:#fff;background-image:url(/images/icon-upload-blue.png);background-position:50%;background-repeat:no-repeat;background-size:auto 16px;border-radius:50%;width:36px;height:36px;display:inline-block;position:absolute;top:15px;right:15px;box-shadow:0 0 2px #00000040}.account-page section[name=selfie] .selfie-item .camera{cursor:pointer;background-color:#fff;background-image:url(/images/icon-camera-blue.png);background-position:50%;background-repeat:no-repeat;background-size:auto 16px;border-radius:50%;width:36px;height:36px;display:inline-block;position:absolute;top:15px;right:15px;box-shadow:0 0 2px #00000040}.account-page section[name=selfie] .selfie-item.empty .upload{display:inline-block}.account-page section[name=period]{padding-top:0}.account-page section[name=period] .title{text-align:center;width:100%;margin-top:60px;margin-bottom:30px;font-size:24px}.account-page section[name=period] .period-list{flex-direction:row;justify-content:center;align-items:flex-start;width:100%;margin-top:15px;display:inline-flex}.account-page section[name=period] .period-item{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:120px;margin:0 10px;display:inline-flex}.account-page section[name=period] .period-item img{aspect-ratio:1;object-fit:contain;background-color:#fff;border:1px solid #000;border-radius:15px;width:100%;height:auto}.account-page section[name=period] .period-item.selected img{border:4px solid #54a8fc}.account-page section[name=period] .period-item .name{color:#000;text-align:center;margin-top:5px;font-size:16px}.account-page section[name=mood]{padding-top:0}.account-page section[name=mood] .title{text-align:center;width:100%;margin-top:60px;margin-bottom:30px;font-size:24px}.account-page section[name=mood] .mood-list{flex-direction:row;justify-content:center;align-items:flex-start;width:100%;margin-top:15px;display:inline-flex}.account-page section[name=mood] .mood-item{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:120px;margin:0 10px;display:inline-flex}.account-page section[name=mood] .mood-item img{aspect-ratio:1;object-fit:contain;background-color:#fff;border:1px solid #000;border-radius:15px;width:100%;height:auto}.account-page section[name=mood] .mood-item.selected img{border:4px solid #54a8fc}.account-page section[name=mood] .mood-item .name{color:#000;text-align:center;margin-top:5px;font-size:16px}.account-page section[name=skincare]{padding-top:0}.account-page section[name=skincare] .container{max-width:900px}.account-page section[name=skincare] .title{text-align:center;width:100%;margin-top:60px;margin-bottom:30px;font-size:24px}.account-page section[name=skincare] .skincare-item{cursor:pointer;flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:center;width:200px;margin:0 15px 30px;display:inline-flex;position:relative}.account-page section[name=skincare] .skincare-item .thumbnail{aspect-ratio:1;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #000;border-radius:12px;width:100%;height:auto}.account-page section[name=skincare] .skincare-item .detail{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:10px 0;display:inline-flex}.account-page section[name=skincare] .skincare-item .brand{text-align:center;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:18px;display:-webkit-box;overflow:hidden}.account-page section[name=skincare] .skincare-item .name{text-align:center;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:5px;font-size:16px;display:-webkit-box;overflow:hidden}.account-page section[name=skincare] .skincare-item .tick{opacity:0;cursor:pointer;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:auto 18px;border:3px solid #000;border-radius:50%;width:30px;height:30px;transition:opacity .2s ease-in-out;display:inline-block;position:absolute;top:10px;right:10px}.account-page section[name=skincare] .skincare-item:hover .tick{opacity:1}.account-page section[name=skincare] .skincare-item .tick.ticked{opacity:1;background-image:url(/images/icon-tick.png)}.account-page section[name=skincare] .skincare-list{flex-flow:wrap;justify-content:center;align-items:flex-start;width:100%;margin-top:30px;display:inline-flex}.account-page section[name=ban]{padding-top:30px}.account-page section[name=ban] .container{max-width:900px}.account-page section[name=ban] .title{text-align:center;font-size:24px}.account-page section[name=ban] .search{border-bottom:2px solid #000;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;max-width:720px;display:inline-flex;position:relative}.account-page section[name=ban] .search input{background-color:#0000;border:none;flex:1;width:auto;max-width:none}.account-page section[name=ban] .search .search-icon{cursor:pointer;background-image:url(/images/icon-search.png);background-position:50%;background-repeat:no-repeat;background-size:auto 32px;width:45px;height:45px;margin-left:15px;display:inline-block}.account-page section[name=ban] .search .autocomplete{z-index:5;background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;max-height:360px;display:inline-flex;position:absolute;top:calc(100% - 1px);left:0;overflow-y:auto}.account-page section[name=ban] .search .autocomplete-item{color:#000;text-align:left;cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;padding:8px 12px;font-size:14px;transition:background-color .2s ease-in-out;display:inline-flex}.account-page section[name=ban] .search .autocomplete-item:hover{background-color:#f9f9f9}.account-page section[name=ban] .ban-list{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:720px;min-height:300px;margin-top:30px;display:inline-flex}.account-page section[name=ban] .ban-item{color:#000;text-align:left;cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:20px;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;margin-bottom:6px;padding:8px 15px;font-size:16px;display:inline-flex}.account-page section[name=ban] .ban-item:last-child{margin-bottom:0}.account-page section[name=ban] .ban-item .delete{cursor:pointer;background-image:url(/images/icon-bin.png);background-position:50%;background-repeat:no-repeat;background-size:auto 16px;width:18px;height:18px;margin-left:auto;display:inline-block}.account-page section[name=uploaded]{padding-top:0}.account-page section[name=uploaded] .container{max-width:900px}.account-page section[name=uploaded] .product-menu{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;padding:15px 20px;display:inline-flex}.account-page section[name=uploaded] .product-menu .count{color:#707070;text-align:left;font-size:16px}.account-page section[name=uploaded] .product-menu .sort{color:#707070;cursor:pointer;flex-direction:row;justify-content:center;align-items:center;margin-left:auto;font-size:16px;display:inline-flex;position:relative}.account-page section[name=uploaded] .product-menu .sort b{color:#000;font-weight:500}.account-page section[name=uploaded] .product-menu .sort .arrow{background-image:url(/images/icon-dropdown.png);background-position:50%;background-repeat:no-repeat;background-size:auto 12px;width:18px;height:18px;margin:0 10px;display:inline-block}.account-page section[name=uploaded] .product-menu .sort .dropdown{z-index:1;background-color:#000;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:150px;height:auto;padding:0 15px;display:none;position:absolute;top:calc(100% + 10px);right:10px}.account-page section[name=uploaded] .product-menu .sort:focus .dropdown{display:inline-flex}.account-page section[name=uploaded] .product-menu .sort .dropdown .item{color:#fff;text-align:left;cursor:pointer;border-bottom:1px solid #fff;width:100%;padding:10px 0;font-family:FontTitle;font-size:16px}.account-page section[name=uploaded] .product-menu .sort .dropdown .item:last-child{border-bottom:none}.account-page section[name=uploaded] .product-menu button{margin-left:auto}.account-page section[name=uploaded] .uploaded-list{flex-flow:wrap;justify-content:center;align-items:flex-start;width:100%;margin-top:30px;display:inline-flex}.account-page section[name=uploaded] .upload-item{cursor:pointer;flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:center;width:200px;margin:0 15px 30px;display:inline-flex;position:relative}.account-page section[name=uploaded] .upload-item .thumbnail{aspect-ratio:1;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #000;border-radius:12px;width:100%;height:auto}.account-page section[name=uploaded] .upload-item .detail{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:10px 0;display:inline-flex}.account-page section[name=uploaded] .upload-item .brand{text-align:center;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:18px;display:-webkit-box;overflow:hidden}.account-page section[name=uploaded] .upload-item .name{text-align:center;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:5px;font-size:16px;display:-webkit-box;overflow:hidden}.account-page section[name=uploaded] .upload-item .delete{cursor:pointer;z-index:1;background-image:url(/images/icon-bin.png);background-position:50%;background-repeat:no-repeat;background-size:auto 16px;border-radius:50%;width:36px;height:36px;transition:all .2s ease-in-out;display:inline-block;position:absolute;top:10px;right:10px}.account-page section[name=uploaded] .upload-item .delete:hover{background-color:#fff;box-shadow:0 0 3px #00000040}.account-page section[name=uploaded] .upload-item .delete.load{background-image:url(/images/load.gif)}.account-page section[name=saved]{padding-top:0}.account-page section[name=saved] .container{max-width:900px}.account-page section[name=saved] .liked-menu{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;padding:15px 20px;display:inline-flex}.account-page section[name=saved] .liked-menu .count{color:#707070;text-align:left;font-size:16px}.account-page section[name=saved] .liked-menu .sort{color:#707070;cursor:pointer;flex-direction:row;justify-content:center;align-items:center;margin-left:auto;font-size:16px;display:inline-flex;position:relative}.account-page section[name=saved] .liked-menu .sort b{color:#000;font-weight:500}.account-page section[name=saved] .liked-menu .sort .arrow{background-image:url(/images/icon-dropdown.png);background-position:50%;background-repeat:no-repeat;background-size:auto 12px;width:18px;height:18px;margin:0 10px;display:inline-block}.account-page section[name=saved] .liked-menu .sort .dropdown{z-index:1;background-color:#000;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:150px;height:auto;padding:0 15px;display:none;position:absolute;top:calc(100% + 10px);right:10px}.account-page section[name=saved] .liked-menu .sort:focus .dropdown{display:inline-flex}.account-page section[name=saved] .liked-menu .sort .dropdown .item{color:#fff;text-align:left;cursor:pointer;border-bottom:1px solid #fff;width:100%;padding:10px 0;font-family:FontTitle;font-size:16px}.account-page section[name=saved] .liked-menu .sort .dropdown .item:last-child{border-bottom:none}.account-page section[name=saved] .liked-list{flex-flow:wrap;justify-content:center;align-items:flex-start;width:100%;margin-top:30px;display:inline-flex}.account-page section[name=saved] .liked-item{flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:center;width:200px;margin:0 15px 30px;display:inline-flex;position:relative}.account-page section[name=saved] .liked-item .thumbnail{aspect-ratio:1;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #000;border-radius:12px;width:100%;height:auto}.account-page section[name=saved] .liked-item .detail{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:10px 0;display:inline-flex}.account-page section[name=saved] .liked-item .brand{text-align:center;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:18px;display:-webkit-box;overflow:hidden}.account-page section[name=saved] .liked-item .name{text-align:center;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:5px;font-size:16px;display:-webkit-box;overflow:hidden}.account-page section[name=saved] .liked-item .delete{cursor:pointer;z-index:1;background-image:url(/images/icon-exit.png);background-position:50%;background-repeat:no-repeat;background-size:auto 24px;width:50px;height:50px;display:inline-block;position:absolute;top:0;left:0}.calendar{flex-direction:column;justify-content:center;align-items:center;width:720px;height:auto;display:inline-flex}.calendar .week-row{flex-direction:row;justify-content:space-around;align-items:flex-start;width:100%;padding:30px 0;display:inline-flex}.calendar.expanded .week-row{display:none}.calendar .week-row .week-cell{flex-direction:column;flex:1;justify-content:center;align-items:center;width:auto;display:inline-flex}.calendar .week-row .week-title{color:#000;text-align:center;margin-bottom:10px;font-size:18px}.calendar .expand{cursor:pointer;background-image:url(/images/calendar-expand.png);background-position:50%;background-repeat:no-repeat;background-size:auto 15px;border-top:1px solid #000;width:100%;height:45px;display:inline-block}.calendar.expanded .expand{background-image:url(/images/calendar-collapse.png)}.calendar .month-row{flex-direction:row;justify-content:center;align-items:center;width:100%;margin-top:60px;padding:0 20px;display:none}.calendar.expanded .month-row{display:inline-flex}.calendar .arrow{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:auto 30px;width:35px;height:35px;display:inline-block}.calendar .arrow.left{background-image:url(/images/slider-left.png)}.calendar .arrow.right{background-image:url(/images/slider-right.png)}.calendar .month-title{text-align:center;flex:1;font-family:FontTitle;font-size:24px}.calendar-body{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:30px;padding-top:15px;display:none}.calendar.expanded .calendar-body{display:inline-flex}.calendar-row{flex-direction:row;justify-content:space-around;align-items:center;width:100%;display:inline-flex}.calendar-cell{cursor:pointer;border-radius:30px;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:inline-flex;position:relative}.calendar-cell.selected{background-color:var(--theme-color-blue)}.calendar-cell.th{height:45px;font-size:20px;font-weight:700}.calendar-cell.outrange{opacity:.75}.calendar-cell .dot{background-color:var(--theme-color-purple);border-radius:50%;width:12px;height:12px;display:inline-block;position:absolute;bottom:-5px;left:calc(50% - 6px)}.calendar-cell.selected .dot{background-color:var(--theme-color-blue)}.calendar-cell .note-dot{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:inline-flex;position:absolute;bottom:-5px;right:-5px}.calendar-cell .note-dot img{width:75%;height:auto}.empty-block{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;padding:20px 0;display:inline-flex}.empty-block img{object-fit:contain;width:120px;height:120px}.empty-block .title{text-align:center;margin-top:20px;margin-bottom:0;font-size:18px}@media only screen and (max-width:480px){.account-page{padding-top:60px}.account-page section[name=profile]{padding-bottom:0}.account-page section[name=profile] .container{flex-direction:column;align-items:center;max-width:100%;padding:0 20px}.account-page section[name=profile] .row{flex-direction:column;align-items:center}.account-page section[name=profile] .thumbnail{margin-left:0;margin-right:0}.account-page section[name=profile] .detail{width:100%;margin-top:10px;padding-top:0}.account-page section[name=profile] .name{font-size:36px}.account-page section[name=profile] .detail .row{justify-content:center}.account-page section[name=profile] .detail .row:first-child{flex-direction:column}.account-page section[name=profile] .age{align-self:unset;margin-left:0}.account-page section[name=profile] .row[name=tag-list]{flex-flow:wrap;justify-content:center}.account-page section[name=profile] .tag{margin-bottom:8px;padding:.3em .6em;font-size:14px}.account-page section[name=profile] .menu{background-size:auto 24px;width:50px;height:50px;position:absolute;top:-50px;right:0}.account-page section[name=profile] .menu .dropdown{top:100%;left:auto;right:0}.account-page section[name=saved] .liked-list{padding:0 15px}.account-page section[name=saved] .liked-item{width:48%;margin:0 4% 15px 0}.account-page section[name=saved] .liked-item:nth-child(2n){margin-right:0}.account-page section[name=tab] .container{white-space:nowrap;width:100%;max-width:100%;display:inline-block;overflow-x:auto}.account-page section[name=tab] .tab-item{white-space:normal;width:90px;height:90px;margin:0 10px 0 0;font-size:22px}.account-page section[name=tab] .tab-item:last-child{margin-right:0}.account-page section[name=tab] .tab-item .icon{width:45px;height:45px}.account-page section[name=tab] .tab-item .name{font-size:11px}.account-page section[name=analysis] .subtitle{padding:0 15px;font-size:18px}.account-page section[name=analysis] .suggestion-list{padding:0 15px}.account-page section[name=analysis] .suggestion-item .tick{width:45px;height:45px}.account-page section[name=analysis] .suggestion-item .detail{margin-left:10px}.account-page section[name=mood] .mood-list{flex-wrap:wrap;justify-content:center}.calendar{width:100%}.calendar .week-row{padding:12px 0}.calendar .week-row .week-title{font-size:14px}.calendar-cell{width:45px;height:45px;font-size:20px}.calendar-cell .note-dot{width:20px;height:20px;bottom:0;right:0}}