:root{--red: #FF395D }body,textarea{font-family:Roboto,serif}*{box-sizing:border-box}.flex{display:flex}.mt-30{margin-top:30px!important}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.hidden{display:none!important}@media all and (min-width: 1100px){.container{display:flex;width:calc(100% - 600px);justify-content:center;margin:20px auto}}.container.center{justify-content:center}.calendar{display:flex;gap:30px;margin:30px 0}.month{width:380px}.month .top{padding:0;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.month .top .prev,.month .top .next{cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background-color .3s;color:#333}.month .top .prev:hover,.month .top .next:hover{background-color:#f9f9f9}.month .top svg{width:20px}.month .name{text-align:center;font-weight:400;font-size:16px}.month ul.daynames{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:1px;list-style:none;margin:0 0 10px;padding:0}.month ul.daynames li{padding:0;text-align:center;font-size:12px;color:#999;font-weight:400}.month ul.days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:5px;list-style:none;margin:0;padding:0}.month ul.days li.inactive{color:silver}.month ul.days li.today{border-color:#c8c8c8}.month ul.days li.selectable:hover{cursor:pointer;border-color:#222}#cal.red .month ul.days li.selectable:hover{border-color:#ff385c}#cal.red .month ul.days li.booked{background:#ff385c;border-color:#ff385c}#cal.blue .month ul.days li.selectable:hover{border-color:#ff385c}#cal.blue .month ul.days li.booked{background:#917547;border-color:#917547}.month ul.days li{padding:0;text-align:center;font-size:14px;color:#333;font-weight:500;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1.5px solid transparent}.calendar.rounded .month ul.days li{border-radius:5px}.month ul.days li.booked{background-color:#ff385c;border-color:transparent;color:#fff}.calendar.design.gradient .month ul.days li.booked{background-image:linear-gradient(#ff6a85,#ff395d);background-color:#ff385c;border-color:#ff385c}.switch-container{font-size:13px;display:flex;align-items:center;cursor:pointer}.switch-container:hover{opacity:.9}.switch-container:active{opacity:.8}.switch{position:relative;display:inline-block;width:60px;height:34px;margin-right:10px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-image:radial-gradient(circle,#ff385c,#e61e4d 27.5%,#e31c5f 40%,#d70466,#bd1e59 75%,#bd1e59);background-position-x:86.164063%;background-position-y:50%;background-size:200% 200%}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(26px)}.menu{box-shadow:#00000026 0 3px 12px;width:100px;position:fixed;top:0;left:0;bottom:0}.version{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:12px;color:#999;padding:20px 10px}.menu a{display:flex;align-items:center;justify-content:center;color:#333;width:100px;height:100px}.menu a svg{display:block;width:40px}.menu a:hover{background:#f9f9f9}.app{margin-left:100px;display:flex}.app .left{width:60%;padding:30px;display:flex;align-content:center;justify-content:center}.app .right{width:40%;padding:30px}.dates{display:flex}.dates .date{flex:1}.dates .date .date-label{font-size:12px;font-weight:500;color:#222;margin-bottom:3px}.dates .date .date-date{font-size:15px;font-weight:400;color:#888}.notes{margin-top:10px;padding:20px;border-radius:12px;font-size:14px;box-shadow:#00000026 0 3px 12px;outline:none;border:1px solid #f1f1f1;width:100%;height:200px;resize:none}.notes:focus{border:1px solid #9b9b9b}.button{background-image:radial-gradient(circle,#ff385c,#e61e4d 27.5%,#e31c5f 40%,#d70466,#bd1e59 75%,#bd1e59);background-position-x:86.164063%;background-position-y:50%;background-size:200% 200%;color:#fff;padding:15px 25px;border:none;border-radius:60px;cursor:pointer;font-size:16px;margin-top:20px;display:flex;align-items:center;gap:5px}.button.button-gray{background:#ddd;color:#333}.button:hover{opacity:.9}.button:active{opacity:.8}.button svg{display:block;width:20px}.code{width:100%;box-shadow:#00000026 0 3px 12px;overflow:auto;border-radius:12px;padding:0 20px;margin-top:20px}.code pre{margin:0;display:flex;align-items:center}.code pre code{margin:0;font-size:12px}.left h2{font-size:16px;margin:0;font-weight:500}.copy-button-container{display:flex;justify-content:flex-end}.copy-button{box-shadow:#00000026 0 3px 12px;border-radius:6px;border:none;color:#fff;display:flex;align-items:center;gap:5px;cursor:pointer;color:#333;background:#fff;padding:10px 15px;font-size:14px;margin-top:10px;width:100%;justify-content:center}.copy-button:hover{background:#f9f9f9}.copy-button:active{opacity:.5}.copy-button svg{width:20px;display:block}.colors{display:flex;gap:10px;margin-top:10px;margin-bottom:10px}.colors .color{width:100%;height:50px;border-radius:6px;border:4px solid transparent;display:flex;align-items:center;justify-content:center}.colors .color span{display:block;background:#ffffff80;padding:5px;border-radius:6px;font-size:11px}.colors .color:hover{cursor:pointer;opacity:.9}.colors .color:active{opacity:.8}.colors .color.black{background:#222}.colors .color.red{background:#ff385c}.colors .color.blue{background:#917547}.colors .color.active{border-color:#fff;box-shadow:0 0 2px #000}.login{margin-top:100px;background:#fff;padding:40px;border-radius:12px;max-width:380px;background:#f9f9f9}.login h1{margin:0;font-size:18px;text-align:center}.login .logo{margin-bottom:30px;margin-top:20px}.login .button{display:block;background-image:linear-gradient(#ff6a85 0%,var(--red) 100%);color:#fff;text-decoration:none;font-size:16px;font-weight:700;padding:12px 26px;border-radius:6px;border:none;width:100%}.login .button:hover{background-image:linear-gradient(var(--red) 0%,var(--red) 100%)}.login .link{font-size:14px;color:#333;text-decoration:none}.form{width:100%}.form .row:not(:last-child){margin-bottom:20px}.form .field-container{position:relative}.form .field-container .field-container-label{position:absolute;top:4px;left:12px;color:#888;font-size:12px;line-height:21px}.form .field-container .field-container-label span{color:#e56456}.form .field-container .field-container-field{background-color:#fff;border:1px solid rgb(150,150,150);border-radius:8px;color:#333;line-height:21px;padding:24px 12px 6px;width:100%;outline:none;font-size:16px}.form .field-container .field-container-field:hover{background-color:#fafafa}.form .field-container .field-container-field:focus{background-color:#fafafa;border-color:#888}.form .field-container .field-container-field:focus+.field-container-label{color:#777}.form .label{font-weight:500;color:#777;margin-bottom:5px;font-size:11px;display:block;text-transform:uppercase}.form .field{border:1px solid gray;border-radius:8px;font-size:14px;color:#333;padding:12px;outline:none;width:100%;background:#fff}.form .field:hover{border-color:#000}.form .field:focus{border-color:#000}.booking-form{margin-bottom:40px}.bookings{font-size:12px;height:100%;overflow-y:auto}.bookings .booking{border-radius:6px;padding:10px;background:#f0f0f0;border-bottom:3px solid transparent;margin-bottom:10px}.bookings .booking.past-booking{opacity:.3}.bookings .booking.black{border-color:#222}.bookings .booking.red{border-color:#ff385c}.bookings .booking.blue{border-color:#917547}.bookings .booking.booking-view{display:flex;align-items:center;justify-content:space-between}.bookings .booking .booking-dates{margin-bottom:5px}.booking-actions{display:flex;align-items:center;gap:10px}.booking-actions a,.booking-actions button{border:none;cursor:pointer;display:block;padding:5px;font-size:12px;display:flex;align-items:center;gap:5px;color:#000;text-decoration:none;background:#fff;border-radius:4px}.booking-actions a:hover{opacity:.8}.booking-actions a:active{opacity:.6}.booking-actions a svg{display:block;width:15px}.booking-dates-edit{display:flex;gap:10px;justify-content:space-between}.booking-dates-edit input{border:1px solid #f1f1f1;border-radius:6px;padding:5px;width:100%;outline:none}.booking-actions-buttons{display:flex;gap:10px;justify-content:space-between}.cal-bg-black{background:#222!important}.cal-bg-red{background:#ff385c!important}.cal-bg-blue{background:#917547!important}.cal-booked-black{background:#222!important;border-color:#222!important}.cal-booked-red{background:#ff385c!important;border-color:#ff385c!important}.cal-booked-blue{background:#917547!important;border-color:#917547!important}.book-btns{display:flex;gap:10px;justify-content:space-between}.header{display:flex;justify-content:space-between;padding:5px}@media (min-width: 1024px){.header{justify-content:flex-end;padding:10px 30px}}.header .trial{font-size:18px;line-height:50px;display:block;text-decoration:none;margin-right:20px;color:#6000ff}.header .trial:hover{opacity:.5}.header__logo{display:block;width:50px;height:50px;border:3px solid #fff;border-radius:50%}.header__menu{cursor:pointer;display:flex;align-items:center}@media (min-width: 1024px){.header__menu{display:none}}.header__menu:hover .header__logo{border-color:#ddd}.header__menu:active{opacity:.5}.header__menu svg{width:20px}.header__back{cursor:pointer;display:flex;align-items:center}.header__back-logo{display:block;width:50px;height:50px;border:3px solid #fff;border-radius:50%}.header__back:hover .header__back-logo{border-color:#ddd}.header__back:active{opacity:.5}.header__back svg{width:20px;color:#aaa}.user{width:44px;height:44px;background-size:cover;background-position:center;border-radius:50%;border:1px solid #fff;cursor:pointer;border-color:#ddd}.user:hover{opacity:.6}.user:active{opacity:.4}.dropdown{position:relative}.dropdown__menu{background-color:#fff;list-style:none;margin:0;padding:0;width:250px;box-shadow:#dee5eb 0 4px 14px;border-radius:20px;position:absolute;top:50px;z-index:9999999999}.dropdown__menu li{margin:0;padding:0}.dropdown__menu li:not(:last-child){border-bottom:1px solid #ddd}.dropdown__menu li a{display:block;color:#333;text-decoration:none;display:flex;align-items:center;font-size:16px;padding:20px}.dropdown__menu li a:hover{background:#f4f4f4}.dropdown__menu li:first-child a{border-top-left-radius:20px;border-top-right-radius:20px}.dropdown__menu li:last-child a{border-bottom-left-radius:20px;border-bottom-right-radius:20px}.dropdown__menu li a svg{width:20px;margin-right:5px}.overlay{background:#0003;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.choose-colors{display:flex;flex-direction:column;gap:15px;margin:20px 0}.choose-color{display:flex;align-items:center;gap:10px}.choose-color input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50px;height:50px;padding:0;border:none;border-radius:6px;cursor:pointer}.choose-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.choose-color input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.choose-color input[type=text]{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.choose-color input[type=text]:focus{outline:none;border-color:#999}.choose-color input[type=text]::-moz-placeholder{color:#999}.choose-color input[type=text]::placeholder{color:#999}.calendar-designs{display:flex;gap:20px}.calendar.design{zoom:.5;box-shadow:1px 1px 10px #00000040;padding:10px;border-radius:12px;position:relative}.calendar.design .month{pointer-events:none}.calendar.design:hover{cursor:pointer;opacity:.8}.calendar.design.selected{border:4px solid #2bde73}.calendar.design svg.check{display:block;width:40px;height:40px;position:absolute;top:-20px;right:-20px;color:#2bde73;display:none}.calendar.design.selected svg.check{display:block}.calendar-designs .calendar{margin-top:0}