.calendar{place-content:center;place-items:center;height:100vh;font-family:TildaSans,sans-serif;display:grid}.calendar-card{text-align:center;grid-template-rows:9.5%;height:702px;font-family:TildaSans,sans-serif;display:grid;overflow:hidden}.header-left-butt{color:#afa8a0;background:#d7d0c8;border-radius:40px;justify-content:center;align-items:center;margin-bottom:10px;padding:13px 17px;font-size:18px;display:flex}.calendar-header{place-content:end start;align-items:end;display:grid}.input-item{background:#d7d0c8;border-radius:30px;padding:8px 67px}.header-input{text-align:center;background:0 0;border:none;outline:none;font-size:16px}.container{align-content:start;justify-items:center;gap:20px;display:grid}.notifications{border-top:1px solid gray;width:90%;display:grid}.date-message{color:#f9775e;border:2px solid #f9775e;border-radius:50%;width:14%;padding:15px 4px}.notify-message{border-bottom:1px solid gray;align-items:center;gap:20px;padding:10px 0;display:flex}.add-item{place-items:end;display:grid}.add{color:#fff;cursor:pointer;background:#f9775e;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:10px;font-family:TildaSans,sans-serif;font-size:70px;font-weight:300;line-height:1;display:flex}.header-cn{font-size:25px;display:flex}.create-notification{text-align:center;grid-template-rows:35px auto auto 1fr;gap:20px;width:352px;height:702px;font-family:TildaSans,sans-serif;display:grid;overflow:hidden}.info-group-cn{background:#d7d0c8;border-radius:40px;padding:8px 25px;transition:height .3s}.info-item-cn{border-bottom:1px solid #9e9e9e;padding:6px 0}.info-item-cn:last-child{border-bottom:none}.info-description{border-bottom:none;padding:6px 0}.input-info-cn{background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-size:20px}.input-info-cn:focus{outline:none}.arrow{cursor:pointer;margin:0 45px 0 8px;font-size:30px;font-weight:600;transform:rotate(90deg)}.title{margin-top:4px;font-size:24px}.date-group{background:#d7d0c8;border-radius:40px;padding:8px 25px;transition:height .3s}.info-date-cn{background:#d7d0c8;border-radius:40px;padding:8px 25px;display:grid}.date-item{border-bottom:1px solid #daa7a8;justify-content:space-between;padding:6px 0;font-size:20px;display:flex}.date-item:last-child{border-bottom:none}.time-button,.date-button{color:#f9775e;border:2.5px solid #f9775e;border-radius:25px;width:35%;padding:8px 2px}.time-title{margin-top:10px}.save-info-cn{align-content:end;justify-items:center;display:grid}.save-button-cn{color:#f9775e;cursor:pointer;border:2.5px solid #f9775e;border-radius:25px;width:98%;margin-bottom:20px;padding:15px 0}.time-button-container{flex-direction:column;align-items:flex-end;width:100%;display:flex}.time-button-widget{color:#f9775e;cursor:pointer;text-align:center;background:0 0;border:2.5px solid #f9775e;border-radius:25px;width:35%;padding:8px 2px;transition:all .2s ease-in-out}.time-button-widget.active{color:#fff;background:#f9775e}.time-selector-panel{border-top:1px solid #f9775e;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:10px;padding:27px;display:flex}.time-selector-panel .time-input{border:1px solid #ccc;border-radius:5px;padding:5px}.info-item-cn.info-description{transition:all .3s}.info-item-cn.info-description .input-info-cn{resize:none;cursor:pointer;overflow:hidden}.info-item-cn.info-description.expanded .input-info-cn{cursor:text}.navigator{background:#d7d0c8;border-radius:50px;justify-content:space-around;align-items:center;width:294px;height:62px;display:flex}.nav-item{cursor:pointer;color:#000;border-radius:25px;justify-content:center;align-items:center;width:90px;height:50px;text-decoration:none;transition:background-color .3s;display:flex}.nav-item.active{opacity:.5;background-color:#f9775e}.nav-item.active img{filter:brightness(0)}.settings-content{place-content:center;justify-items:center;height:100vh;font-family:TildaSans,sans-serif;display:grid}.settings-page{text-align:center;border-radius:40px;grid-template-rows:8rem auto;width:352px;height:702px;margin-bottom:20px;display:grid}.settings-info{background:#d7d0c8;border-radius:40px;margin-top:40px;padding:8px 25px;display:grid}.settings-container{grid-template-rows:14rem 1fr;display:grid}.settings-info-content{border-bottom:2px solid #c0bcb7;justify-content:space-between;padding:16px 0;font-size:20px;display:flex}.settings-info-content:last-child{border-bottom:none}header{justify-content:center;font-size:25px;display:grid}.cards-img{border-radius:20px;width:80px;height:80px}.app-username{margin-top:12px}.image-avatar{background:#d7d0c8;border-radius:50%;width:100px;height:100px}.theme-button{background:#f9775e;border-radius:40px;width:60px;height:30px}.theme-button-round{background:#eee;border-radius:50%;width:40%;height:80%;margin:3px}.pet-card-selector{background:#d7d0c8;border-radius:40px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr;gap:25px;margin-top:20px;padding:40px 30px;display:grid}.cards{background:#98c5df;border-radius:20px;width:80px}.cards-img-content{border-radius:20px;width:80px;height:80px}.Configure{place-content:center;place-items:center;height:100vh;display:grid}.configure{justify-content:center;align-items:center;width:100%;height:65vh;display:grid}.configure-header{text-align:center;margin-bottom:20px;font-size:24px}.configure-card{border-radius:15px;justify-content:center;gap:20px;width:352px;margin-bottom:30px;font-family:TildaSans,sans-serif;display:grid}.configure-info{background:#d7d0c8;flex-direction:column;gap:15px;width:100%;display:flex}.configure-limit{flex-direction:column;align-items:center;display:flex}.color-change{gap:10px;display:flex}.input-info,.input-limit{background:0 0;border:none;border-bottom:1px solid #9e9e9e;outline:none;width:100%;padding:10px 0;font-size:20px}.input-info:focus,.input-limit:focus{outline:none}.color-review{background:#d7d0c8;border-radius:10px 30px 30px 10px;width:20%}.photo-changer{text-align:center;background:#d7d0c8;border-radius:30px;padding:12px 25px}.save{color:#f9775e;cursor:pointer;background:0 0;border:2px solid #f9775e;border-radius:30px;padding:12px 25px}.info-group{background:#d7d0c8;border-radius:30px;gap:5px;padding:8px 25px;display:grid}.info-item{border-bottom:1px solid #9e9e9e;padding:6px 0}.info-item:last-child{border-bottom:none}.input-info{background:0 0;border:none;outline:none;width:100%;padding:8px 0;font-size:16px}.color-changer{text-align:center;cursor:pointer;background:#d7d0c8;border-radius:40px 20px 20px 40px;padding:20px 44px}.colorselect-card{border-radius:15px;flex-wrap:wrap;width:100%;display:flex}.colors{background:#000;border-radius:10px 30px 30px 10px;width:85%;height:85%;margin:3px 4px}.Color-select{width:100%}.error-message{color:#f9775e;text-align:center;border:1px solid #f9775e;border-radius:20px;padding:8px 16px;font-size:14px}.Color-Select{font-family:TildaSans,sans-serif}.colorselect-header{text-align:center;color:#3a3a3a;margin-bottom:24px;font-size:21px;font-weight:500}.colorselect-item{flex-direction:row;align-items:flex-start;gap:10px;margin-bottom:20px;display:flex}.card-preview{background:#e2d9cf;border-radius:40px;width:200px;height:360px}.card-image{background:#9c9c9c;border-radius:40px;width:100%;height:55%}.color-picker{cursor:crosshair;background:linear-gradient(red,#ff8c00,#fff600,#00ff04,#00a6ff,#0004ff,#ff00c3);border:3px solid #e2d9cf;border-radius:28px;width:152px;height:360px}.color-input{width:100%;margin-bottom:12px}.colorInput{color:#3a3a3a;box-sizing:border-box;background:#e2d9cf;border:none;border-radius:50px;outline:none;width:100%;padding:20px;font-size:16px}.colorInput::placeholder{color:#aaa}.colorselect-actions{flex-direction:row;align-items:center;gap:12px;width:100%;display:flex}.colorselect-save{text-align:center;color:#3a3a3a;cursor:pointer;background:#e2d9cf;border-radius:40px 25px 25px 40px;flex:1;padding:20px 0;font-size:17px}.colorselect-save:active{opacity:.8}.colorselect-review{background:#e2d9cf;border-radius:20px 40px 40px 20px;width:25%;height:60px}.color{background:#a1a0a0;border-radius:20px 40px 40px 20px;width:85%;height:85%;margin:4px 7px}.pet{place-content:center;place-items:center;gap:80px;height:100vh;font-family:TildaSans,sans-serif;display:grid}.pet-card{text-align:center;background:#e0cfc3;border-radius:40px;grid-template-rows:352px auto;width:352px;height:622px;display:grid;overflow:hidden;box-shadow:0 2px 10px #0000001a}.image-pet-card{background-image:url(/images/dog.png);border-radius:40px}.status-card{grid-template-columns:1fr auto;align-items:start;gap:20px;padding:40px;display:grid}.status-list{text-align:left;gap:15px;font-size:24px;display:grid}.status-name,.status-breed{font-size:24px}.status-info{align-items:center;gap:10px;display:flex}