File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/modules/calendar/install/js/calendar/sharing/public/dist/public.bundle.css
Back
.calendar-sharing--public-html { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; flex-grow: 1; margin: 0; overflow: hidden; } .calendar-sharing--public-body { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; min-width: 100vw; max-width: 100vw; min-height: 100vh; max-height: 100vh; overflow: auto; margin: 0; } .calendar-sharing-html-body-center { display: -webkit-flex; justify-content: center; -webkit-justify-content: center; } .calendar-sharing--public-html-mobile { height: -webkit-fill-available; height: fill-available; } .calendar-sharing--public-body-mobile { min-height: 100%; max-height: 100%; } .calendar-sharing--bg-blue { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1027' height='711' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1027' height='711' rx='16' fill='%23fff'/%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1027' height='711'%3E%3Crect width='1027' height='711' rx='16' fill='url(%23paint0_linear_1082_199497)'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Crect opacity='.23' width='1027' height='715.378' rx='16' fill='url(%23paint1_linear_1082_199497)'/%3E%3Cg opacity='.5'%3E%3Cellipse opacity='.5' cx='704' cy='-101.5' rx='467' ry='468.5' stroke='url(%23paint2_angular_1082_199497)' stroke-width='1.272'/%3E%3Cellipse opacity='.5' cx='704' cy='-101.5' rx='628' ry='625.5' stroke='url(%23paint3_angular_1082_199497)' stroke-width='1.272'/%3E%3Cpath opacity='.5' fill-rule='evenodd' clip-rule='evenodd' d='M88.84 396.071C-61.105 482.641-112.513 674.317-25.984 824.19c86.53 149.873 278.23 201.19 428.174 114.619 149.945-86.57 201.353-278.246 114.824-428.119-86.53-149.873-278.23-201.19-428.174-114.619zm57.477 99.556c-94.89 54.784-127.402 176.12-72.617 271.01 54.785 94.89 176.12 127.402 271.01 72.617 94.891-54.785 127.402-176.12 72.617-271.01-54.784-94.89-176.12-127.402-271.01-72.617z' fill='url(%23paint4_linear_1082_199497)'/%3E%3Cpath opacity='.3' fill-rule='evenodd' clip-rule='evenodd' d='M550.343-26.58C310.05 112.153 227.665 419.322 366.333 659.501 505 899.68 812.208 981.918 1052.5 843.184c240.29-138.733 322.68-445.902 184.01-686.081C1097.84-83.076 790.636-165.313 550.343-26.58zm79.636 137.94c-163.997 94.684-220.186 304.386-125.502 468.383C599.16 743.741 808.863 799.93 972.86 705.246c164-94.683 220.19-304.386 125.5-468.383C1003.68 72.866 793.977 16.676 629.979 111.36z' fill='url(%23paint5_linear_1082_199497)'/%3E%3C/g%3E%3Cpath opacity='.3' fill-rule='evenodd' clip-rule='evenodd' d='M150.782 140.976h-36.134c-.309 0-.615-.012-.919-.035-8.166-.189-14.729-6.972-14.729-15.313a15.448 15.448 0 014.426-10.835 15.066 15.066 0 015.034-3.377 16.3 16.3 0 014.623-12.686 15.795 15.795 0 0111.26-4.73c5.409.007 10.184 2.754 13.054 6.948a12.807 12.807 0 014.358-.756c6.752.008 12.297 5.236 12.94 11.922 6.47 1.433 11.311 7.288 11.305 14.288-.007 8.066-6.448 14.601-14.389 14.598-.278 0-.555-.008-.829-.024zM916.381 408.956h-67.953c-.581 0-1.158-.022-1.729-.063-15.357-.346-27.698-12.759-27.699-28.02.004-7.438 2.998-14.57 8.323-19.826a28.4 28.4 0 019.467-6.179 29.997 29.997 0 01-.088-2.293c.005-7.849 3.164-15.374 8.782-20.92 5.618-5.547 13.235-8.66 21.176-8.655a29.988 29.988 0 0124.549 12.713 24.744 24.744 0 018.197-1.384c12.697.016 23.125 9.582 24.334 21.817 12.166 2.621 21.271 13.334 21.26 26.142-.012 14.761-12.125 26.718-27.059 26.712-.524 0-1.044-.015-1.56-.044zM636.195 216.966h-51.774c-.443 0-.882-.016-1.317-.047-11.701-.261-21.103-9.643-21.104-21.177.003-5.622 2.284-11.013 6.341-14.986a21.651 21.651 0 017.214-4.669 22.139 22.139 0 01-.068-1.734c.004-5.932 2.411-11.62 6.691-15.812 4.281-4.192 10.084-6.545 16.134-6.541 7.75.009 14.593 3.809 18.705 9.609a18.973 18.973 0 016.244-1.046c9.674.011 17.62 7.242 18.541 16.489 9.27 1.981 16.206 10.078 16.198 19.759-.009 11.156-9.238 20.194-20.616 20.189-.399 0-.796-.011-1.189-.034z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1082_199497' x1='180.271' y1='24.639' x2='453.98' y2='827.128' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300C1FF'/%3E%3Cstop offset='1' stop-color='%2326D3EB'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1082_199497' x1='513.5' y1='0' x2='513.5' y2='715.378' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232FC6F6'/%3E%3Cstop offset='1' stop-color='%2355D0E0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_1082_199497' x1='226.915' y1='378.79' x2='473.356' y2='921.546' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.71'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_1082_199497' x1='801.422' y1='-133.411' x2='801.422' y2='950.016' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232FC6F6'/%3E%3Cstop offset='1' stop-color='%232FD2F6' stop-opacity='.92'/%3E%3C/linearGradient%3E%3CradialGradient id='paint2_angular_1082_199497' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(467 0 0 468.5 704 -101.5)'%3E%3Cstop stop-color='%232FC6F6'/%3E%3Cstop offset='1' stop-color='%232FF6EA'/%3E%3C/radialGradient%3E%3CradialGradient id='paint3_angular_1082_199497' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(628 0 0 625.5 704 -101.5)'%3E%3Cstop stop-color='%232FC6F6'/%3E%3Cstop offset='1' stop-color='%2355D0E0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E") center no-repeat; background-size: cover; } .calendar-sharing--bg-gray { background: var(--ui-color-palette-gray-03, #f5f7f8); } /*.calendar-sharing--public-html.calendar-sharing--bg-blue .calendar-sharing--bg-gray {*/ /* border-radius: var(--ui-border-radius-3xl, 20px);*/ /*}*/ .calendar-sharing--bg-green { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1027' height='711' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1027' height='711' rx='16' fill='%23fff'/%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1027' height='711'%3E%3Crect width='1027' height='711' rx='16' fill='url(%23paint0_linear_1082_199514)'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath opacity='.23' fill='url(%23paint1_linear_1082_199514)' d='M0 0h1027v715.378H0z'/%3E%3Cg opacity='.5'%3E%3Cellipse opacity='.5' cx='704' cy='-101.5' rx='467' ry='468.5' stroke='url(%23paint2_linear_1082_199514)' stroke-width='1.272'/%3E%3Cellipse opacity='.5' cx='704' cy='-101.5' rx='628' ry='625.5' stroke='url(%23paint3_linear_1082_199514)' stroke-width='1.272'/%3E%3Cpath opacity='.8' fill-rule='evenodd' clip-rule='evenodd' d='M88.84 396.071C-61.105 482.641-112.513 674.317-25.984 824.19c86.53 149.873 278.229 201.19 428.174 114.619 149.945-86.57 201.353-278.246 114.824-428.119-86.53-149.873-278.23-201.19-428.174-114.619zm57.477 99.556c-94.89 54.784-127.402 176.12-72.617 271.01 54.785 94.89 176.12 127.402 271.01 72.617 94.89-54.785 127.402-176.12 72.617-271.01-54.785-94.89-176.12-127.402-271.01-72.617z' fill='url(%23paint4_linear_1082_199514)'/%3E%3Cpath opacity='.22' fill-rule='evenodd' clip-rule='evenodd' d='M550.343-26.58C310.05 112.153 227.665 419.322 366.333 659.501 505 899.68 812.208 981.918 1052.5 843.184c240.29-138.733 322.68-445.902 184.01-686.081C1097.84-83.076 790.636-165.313 550.343-26.58zm79.636 137.94c-163.997 94.684-220.186 304.386-125.502 468.383C599.16 743.741 808.863 799.93 972.86 705.246c164-94.683 220.19-304.386 125.5-468.383C1003.68 72.866 793.977 16.676 629.979 111.36z' fill='url(%23paint5_linear_1082_199514)'/%3E%3C/g%3E%3Cpath opacity='.3' fill-rule='evenodd' clip-rule='evenodd' d='M150.782 140.976h-36.134c-.309 0-.615-.012-.919-.035-8.166-.189-14.729-6.972-14.729-15.313a15.448 15.448 0 014.426-10.835 15.066 15.066 0 015.034-3.377 16.3 16.3 0 014.623-12.686 15.795 15.795 0 0111.26-4.73c5.409.007 10.184 2.754 13.054 6.948a12.807 12.807 0 014.358-.756c6.752.008 12.297 5.236 12.94 11.922 6.47 1.433 11.311 7.288 11.305 14.288-.007 8.066-6.448 14.601-14.389 14.598-.278 0-.555-.008-.829-.024zM916.381 408.956h-67.953c-.581 0-1.158-.022-1.729-.063-15.357-.346-27.698-12.759-27.699-28.02.004-7.438 2.998-14.57 8.323-19.826a28.4 28.4 0 019.467-6.179 29.997 29.997 0 01-.088-2.293c.005-7.849 3.164-15.374 8.782-20.92 5.618-5.547 13.235-8.66 21.176-8.655a29.988 29.988 0 0124.549 12.713 24.744 24.744 0 018.197-1.384c12.697.016 23.125 9.582 24.334 21.817 12.166 2.621 21.271 13.334 21.26 26.142-.012 14.761-12.125 26.718-27.059 26.712-.524 0-1.044-.015-1.56-.044zM636.195 216.966h-51.774c-.443 0-.882-.016-1.317-.047-11.701-.261-21.103-9.643-21.104-21.177.003-5.622 2.284-11.013 6.341-14.986a21.651 21.651 0 017.214-4.669 22.139 22.139 0 01-.068-1.734c.004-5.932 2.411-11.62 6.691-15.812 4.281-4.192 10.084-6.545 16.134-6.541 7.75.009 14.593 3.809 18.705 9.609a18.973 18.973 0 016.244-1.046c9.674.011 17.62 7.242 18.541 16.489 9.27 1.981 16.206 10.078 16.198 19.759-.009 11.156-9.238 20.194-20.616 20.189-.399 0-.796-.011-1.189-.034z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1082_199514' x1='180.271' y1='24.639' x2='453.98' y2='827.128' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300C1FF'/%3E%3Cstop offset='1' stop-color='%2326D3EB'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1082_199514' x1='513.5' y1='0' x2='513.5' y2='715.378' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239DCF00'/%3E%3Cstop offset='1' stop-color='%239DCF00' stop-opacity='.71'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1082_199514' x1='704' y1='-570' x2='704' y2='367' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239DCF00'/%3E%3Cstop offset='1' stop-color='%239DCF00' stop-opacity='.54'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_1082_199514' x1='704' y1='-727' x2='704' y2='524' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239DCF00'/%3E%3Cstop offset='1' stop-color='%239DCF00' stop-opacity='.54'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_1082_199514' x1='226.915' y1='378.79' x2='473.355' y2='921.546' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.71'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_1082_199514' x1='801.422' y1='-133.411' x2='801.422' y2='950.016' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232FC6F6'/%3E%3Cstop offset='0' stop-color='%239DCF00'/%3E%3Cstop offset='1' stop-color='%2374CF00' stop-opacity='.54'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") center no-repeat; background-size: cover; } .calendar-sharing--bg-red { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1027' height='711' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1027' height='711' rx='16' fill='%23fff'/%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1027' height='711'%3E%3Crect width='1027' height='711' rx='16' fill='url(%23paint0_linear_1082_199513)'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath opacity='.23' fill='url(%23paint1_linear_1082_199513)' d='M0 0h1027v715.378H0z'/%3E%3Cg opacity='.5'%3E%3Cellipse opacity='.5' cx='704' cy='-101.5' rx='467' ry='468.5' stroke='url(%23paint2_linear_1082_199513)' stroke-width='1.272'/%3E%3Cellipse opacity='.5' cx='704' cy='-101.5' rx='628' ry='625.5' stroke='url(%23paint3_linear_1082_199513)' stroke-width='1.272'/%3E%3Cpath opacity='.5' fill-rule='evenodd' clip-rule='evenodd' d='M88.84 396.071C-61.105 482.641-112.513 674.317-25.984 824.19c86.53 149.873 278.229 201.19 428.174 114.619 149.945-86.57 201.353-278.246 114.824-428.119-86.53-149.873-278.23-201.19-428.174-114.619zm57.477 99.556c-94.89 54.784-127.402 176.12-72.617 271.01 54.785 94.89 176.12 127.402 271.01 72.617 94.89-54.785 127.402-176.12 72.617-271.01-54.785-94.89-176.12-127.402-271.01-72.617z' fill='url(%23paint4_linear_1082_199513)'/%3E%3Cpath opacity='.1' fill-rule='evenodd' clip-rule='evenodd' d='M550.343-26.58C310.049 112.153 227.665 419.322 366.332 659.501 505 899.68 812.208 981.918 1052.5 843.184c240.29-138.733 322.68-445.902 184.01-686.081C1097.84-83.076 790.636-165.313 550.343-26.58zm79.636 137.94c-163.997 94.684-220.187 304.386-125.503 468.383C599.16 743.741 808.862 799.93 972.86 705.246c164-94.683 220.19-304.386 125.5-468.383C1003.68 72.866 793.976 16.676 629.979 111.36z' fill='url(%23paint5_linear_1082_199513)'/%3E%3C/g%3E%3Cpath opacity='.3' fill-rule='evenodd' clip-rule='evenodd' d='M150.782 140.976h-36.134c-.309 0-.615-.012-.919-.035-8.166-.189-14.729-6.972-14.729-15.313a15.448 15.448 0 014.426-10.835 15.066 15.066 0 015.034-3.377 16.3 16.3 0 014.623-12.686 15.795 15.795 0 0111.26-4.73c5.409.007 10.184 2.754 13.054 6.948a12.807 12.807 0 014.358-.756c6.752.008 12.297 5.236 12.94 11.922 6.47 1.433 11.311 7.288 11.305 14.288-.007 8.066-6.448 14.601-14.389 14.598-.278 0-.555-.008-.829-.024zM916.381 408.956h-67.953c-.581 0-1.158-.022-1.729-.063-15.357-.346-27.698-12.759-27.699-28.02.004-7.438 2.998-14.57 8.323-19.826a28.4 28.4 0 019.467-6.179 29.997 29.997 0 01-.088-2.293c.005-7.849 3.164-15.374 8.782-20.92 5.618-5.547 13.235-8.66 21.176-8.655a29.988 29.988 0 0124.549 12.713 24.744 24.744 0 018.197-1.384c12.697.016 23.125 9.582 24.334 21.817 12.166 2.621 21.271 13.334 21.26 26.142-.012 14.761-12.125 26.718-27.059 26.712-.524 0-1.044-.015-1.56-.044zM636.195 216.966h-51.774c-.443 0-.882-.016-1.317-.047-11.701-.261-21.103-9.643-21.104-21.177.003-5.622 2.284-11.013 6.341-14.986a21.651 21.651 0 017.214-4.669 22.139 22.139 0 01-.068-1.734c.004-5.932 2.411-11.62 6.691-15.812 4.281-4.192 10.084-6.545 16.134-6.541 7.75.009 14.593 3.809 18.705 9.609a18.973 18.973 0 016.244-1.046c9.674.011 17.62 7.242 18.541 16.489 9.27 1.981 16.206 10.078 16.198 19.759-.009 11.156-9.238 20.194-20.616 20.189-.399 0-.796-.011-1.189-.034z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1082_199513' x1='180.271' y1='24.639' x2='453.98' y2='827.128' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300C1FF'/%3E%3Cstop offset='1' stop-color='%2326D3EB'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1082_199513' x1='513.5' y1='0' x2='513.5' y2='715.378' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF5752'/%3E%3Cstop offset='1' stop-color='%23FF5752' stop-opacity='.85'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1082_199513' x1='704' y1='-570' x2='704' y2='367' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239DCF00'/%3E%3Cstop offset='1' stop-color='%239DCF00' stop-opacity='.54'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_1082_199513' x1='704' y1='-727' x2='704' y2='524' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239DCF00'/%3E%3Cstop offset='1' stop-color='%239DCF00' stop-opacity='.54'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_1082_199513' x1='226.915' y1='378.79' x2='473.355' y2='921.546' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.71'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_1082_199513' x1='801.422' y1='-94' x2='801.422' y2='910.604' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF5752'/%3E%3Cstop offset='1' stop-color='%23FF5752' stop-opacity='.73'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") center no-repeat; background-size: cover; } .calendar-sharing--inactive .calendar-sharing__main { opacity: .4; pointer-events: none; } .calendar-sharing__main { --main-box-width: 351px; position: relative; display: flex; justify-content: center; align-items: center; padding: 20px; width: var(--main-box-width); background-color: var(--ui-color-palette-white-base, #fff); border-radius: var(--ui-border-radius-3xl, 20px); font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); box-shadow: 0 6px 21px rgba(83, 92, 105, .08); box-sizing: border-box; z-index: 10; } .calendar-sharing--public-html.calendar-sharing--slots .calendar-sharing__main { border-radius: var(--ui-border-radius-none, 0); } @media (max-width: 480px) { .calendar-sharing--public-html.calendar-sharing--slots { margin: 0; } .calendar-sharing--public-html.calendar-sharing--slots .calendar-sharing__main { padding: 0 20px; } } .calendar-sharing__main.calendar-sharing--subtract, .calendar-sharing-main__container.calendar-sharing--subtract, .calendar-sharing-welcome-page__container.calendar-sharing--subtract { padding-top: 10px; border-radius: 0 0 var(--ui-border-radius-3xl, 20px) var(--ui-border-radius-3xl, 20px); } .calendar-sharing__main.calendar-sharing--subtract:before, .calendar-sharing-main__container.calendar-sharing--subtract:before, .calendar-sharing-welcome-page__container.calendar-sharing--subtract:before { content: ''; position: absolute; top: -55px; left: 0; width: var(--main-box-width); height: 56px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='351' height='56' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M110.44 9.788c-1.576-3.958-2.363-5.937-3.335-7.008-.963-1.064-1.782-1.619-3.126-2.121-1.355-.506-3.135-.506-6.697-.506H32c-11.201 0-16.802 0-21.08 2.18a20 20 0 00-8.74 8.74C0 15.351 0 20.952 0 32.153v316c0 11.201 0 16.801 2.18 21.08a20.003 20.003 0 008.74 8.74c4.278 2.18 9.879 2.18 21.08 2.18h287c11.201 0 16.802 0 21.08-2.18a20.001 20.001 0 008.74-8.74c2.18-4.279 2.18-9.879 2.18-21.08v-316c0-11.201 0-16.802-2.18-21.08a19.998 19.998 0 00-8.74-8.74C335.802.153 330.201.153 319 .153h-65.282c-3.561 0-5.342 0-6.697.506-1.344.502-2.163 1.057-3.126 2.12-.971 1.072-1.759 3.05-3.335 7.01-10.298 25.866-35.546 44.147-65.06 44.147-29.514 0-54.762-18.28-65.06-44.148z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); } .calendar-sharing-main__container.calendar-sharing--subtract:before { top: -49px; height: 50px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='351' height='50'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M119.633 9.248c-1.754-3.8-2.632-5.7-3.596-6.687-.972-.995-1.731-1.48-3.042-1.946-1.299-.462-3.005-.462-6.416-.462H32c-11.201 0-16.802 0-21.08 2.18a20 20 0 00-8.74 8.74C0 15.351 0 20.952 0 32.153v316c0 11.201 0 16.801 2.18 21.08a20.003 20.003 0 008.74 8.74c4.278 2.18 9.879 2.18 21.08 2.18h287c11.201 0 16.802 0 21.08-2.18a20.001 20.001 0 008.74-8.74c2.18-4.279 2.18-9.879 2.18-21.08v-316c0-11.201 0-16.802-2.18-21.08a19.998 19.998 0 00-8.74-8.74C335.802.153 330.201.153 319 .153h-74.579c-3.411 0-5.117 0-6.416.462-1.311.466-2.07.95-3.042 1.946-.964.986-1.842 2.887-3.596 6.687C221.624 30.354 200.272 45 175.5 45s-46.124-14.646-55.867-35.752z'/%3E%3C/svg%3E"); } .calendar-sharing--public-html:before, .calendar-sharing__main:after { content: ''; position: absolute; background-repeat: no-repeat; } .calendar-sharing--public-html:before { top: 0; left: calc(50% - 150px); width: 56px; height: 39px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='39' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M42.858 38.319H13.07c-.255 0-.508-.01-.758-.028C5.58 38.138.17 32.633.17 25.866a12.436 12.436 0 017.798-11.532A13.122 13.122 0 0121.062.202 13.102 13.102 0 0131.825 5.84a10.722 10.722 0 013.593-.614c5.566.007 10.137 4.25 10.667 9.674 5.333 1.163 9.324 5.914 9.319 11.593-.005 6.546-5.315 11.848-11.861 11.846-.23 0-.458-.007-.684-.02z' clip-rule='evenodd' opacity='.3'/%3E%3C/svg%3E"); transform: translateX(-50%); } .calendar-sharing__main:after { right: -98px; bottom: 55px; width: 102px; height: 71px; } .calendar-sharing-main__container.calendar-sharing--subtract, .calendar-sharing-welcome-page__container.calendar-sharing--subtract { width: var(--main-box-width); box-sizing: border-box; position: relative; } .calendar-sharing-main__container.calendar-sharing--subtract.calendar-sharing--success, .calendar-sharing-main__container.calendar-sharing--subtract.calendar-sharing--error { border-radius: 0 0 20px 20px; } .calendar-sharing--public-html .calendar-sharing-main__container.calendar-sharing--subtract.calendar-sharing--success, .calendar-sharing--public-html .calendar-sharing-main__container.calendar-sharing--subtract.calendar-sharing--error { margin-top: 120px; } .calendar-sharing__main.calendar-sharing--subtract .calendar-sharing-welcome-page__photo, .calendar-sharing-main__container.calendar-sharing--subtract.calendar-sharing--success .calendar-sharing-header-title_icon, .calendar-sharing-main__container.calendar-sharing--subtract.calendar-sharing--error .calendar-sharing-header-title_icon { position: absolute; top: -143px; left: 50%; transform: translateX(-50%); } .calendar-sharing-main__container.calendar-sharing--subtract.calendar-sharing--success .calendar-sharing-header-title_icon, .calendar-sharing-main__container.calendar-sharing--subtract.calendar-sharing--error .calendar-sharing-header-title_icon { top: -115px; width: 100px; height: 100px; border-radius: var(--ui-border-radius-circle, 50%); } .calendar-sharing-main__container.calendar-sharing--subtract.calendar-sharing--success .calendar-sharing-header-title_icon { background-color: var(--ui-color-palette-green-55, #9dcf00); } .calendar-sharing-main__container.calendar-sharing--subtract.calendar-sharing--error .calendar-sharing-header-title_icon { background: var(--ui-color-palette-red-50, #ff5752); } .calendar-sharing-main__container.calendar-sharing--subtract.calendar-sharing--success .calendar-sharing-header-title_icon:before, .calendar-sharing-main__container.calendar-sharing--subtract.calendar-sharing--error .calendar-sharing-header-title_icon:before { content: ''; position: absolute; top: 50%; left: 50%; width: 47px; height: 38px; transform: translate(-50%,-50%); } .calendar-sharing-main__container.calendar-sharing--subtract.calendar-sharing--success .calendar-sharing-header-title_icon:before { width: 47px; height: 38px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='38' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M16.71 37.153L.168 20.26l5.79-5.912 10.754 10.98L41.043.486l5.79 5.912-30.122 30.755z' clip-rule='evenodd'/%3E%3C/svg%3E") center no-repeat; } .calendar-sharing-main__container.calendar-sharing--subtract.calendar-sharing--error .calendar-sharing-header-title_icon:before { width: 41px; height: 42px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='42' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M25.99 21l14.644 14.643-5.643 5.643-14.643-14.643L5.704 41.286.061 35.643 14.704 21 .061 6.357 5.704.713l14.644 14.644L34.99.713l5.643 5.644L25.991 21z' clip-rule='evenodd'/%3E%3C/svg%3E") center no-repeat; } .calendar-sharing__main-container { display: flex; width: 300px; justify-content: center; flex-flow: column; } .calendar-sharing__calendar { display: flex; min-width: 375px; overflow: hidden; border-radius: 12px; } .calendar-sharing__date-selector { min-width: 100%; height: -webkit-fit-content; height: fit-content; } .calendar-sharing__add-form { min-width: 100%; background-color: var(--ui-color-palette-white-base, #fff); } .calendar-sharing__months-container { display: flex; overflow: hidden; min-height: 300px; will-change: scroll-position; } .calendar-sharing__month { height: -webkit-fit-content; height: fit-content; } .calendar-sharing_title { display: inline-flex; padding-bottom: 10px; } .calendar-sharing_month-title { display: inline-flex; } .calendar-sharing_previous-month-arrow.--unavailable { opacity: .5; } .calendar-sharing__weekdays-container { display: inline-flex; } .calendar-sharing_weekday, .calendar-sharing_day { display: flex; align-items: center; justify-content: center; margin: 3px; min-width: 44px; height: 44px; border-radius: var(--ui-border-radius-sm, 8px); text-align: center; box-sizing: border-box; } .calendar-sharing_weekday { font-size: 18px; color: var(--ui-color-palette-gray-90, #525c69); } .calendar-sharing_week-line { display: flex; font-size: 18px; font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--ui-color-palette-gray-50, #a8adb4); overflow: hidden; } .calendar-sharing_day { cursor: pointer; font-size: 18px; opacity: 1; } .calendar-sharing_day.--weekend { background: var(--ui-color-palette-gray-03, #f5f7f8); color: var(--ui-color-palette-gray-60, #959ca4); } .calendar-sharing_day.--enable-booking { background: var(--ui-color-palette-green-20, #f1fbd0); color: var(--ui-color-palette-gray-90, #525c69); } .calendar-sharing_day.--active { background: var(--ui-color-palette-green-50, #9dcf00); color: var(--ui-color-palette-white-base, #fff); } .calendar-sharing_day.--active:not(.--enable-booking) { background: var(--ui-color-palette-gray-60, #959ca4); color: var(--ui-color-palette-gray-03, #f5f7f8); } .calendar-sharing_day.--unavailable { cursor: default; opacity: .3; } .calendar-sharing_day.--empty { opacity: 0; cursor: default; } .calendar-sharing_day.--first-week { cursor: default; } .calendar-sharing__event-slot-container { padding-top: 20px; display: inline-block; } .calendar-sharing_event-slot-item { margin: 5px 0; } .calendar-sharing_event-slot-title { padding-top: 10px; } .calendar-sharing__event-slot-timezone_name { white-space: nowrap; font-size: 14px; } .calendar-sharing__event-slot-timezone_select_helper-element, .calendar-sharing__event-slot-timezone_select { display: block; margin: 1px 0 1px 3px; border: 0; background: var(--ui-color-background-transparent, transparent); outline: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden!important; } .calendar-sharing-header-title-container { display: flex; flex-direction: column; } .calendar-sharing-event-add-form { display: flex; flex-direction: column; justify-content: space-between; } .calendar-sharing-event-add-form-content { display: flex; flex-direction: column; } .calendar-sharing-event-start-info-container { display: flex; } .calendar-sharing-event-start-info-icon { margin-right: 1em; } .calendar-sharing-event-start-info-datetime { display: flex; flex-direction: column; } .calendar-sharing-event-add-form_buttons { display: flex; flex-direction: column; } .calendar-sharing-welcome-page__container { position: relative; display: flex; flex-direction: column; background-color: var(--ui-color-palette-white-base, #fff); padding: 12px; margin-bottom: 12px; margin-top: 150px; } .calendar-sharing-welcome-page__head { display: flex; flex-direction: column; align-items: center; } .calendar-sharing-view-form__back-button { position: absolute; left: 15px; top: 15px; display: flex; flex-direction: row; align-items: center; z-index: 10; } .calendar-sharing-view-form__text { position: absolute; font-size: 15px; font-weight: 400; color: var(--ui-color-palette-black-base, #333); font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); left: 25px; } .calendar-sharing-view-form__owner_container { display: flex; align-items: center; justify-content: center; margin-bottom: 18px; width: -webkit-fit-content; width: fit-content; cursor: default; } .calendar-sharing_header .calendar-sharing-view-form__owner_container { padding-left: 95px; } .calendar-sharing-view-form__owner_icon_container { display: flex; position: relative; } .calendar-sharing-view-form__owner_icon { display: inline-flex; margin-right: 15px; width: 30px !important; padding-top: 0 !important; height: 30px; border-radius: var(--ui-border-radius-circle, 50%); background-size: cover; } .calendar-sharing-view-form__owner_name { max-width: 100%; font: 14px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); color: var(--ui-color-palette-black-base, #333); text-overflow: ellipsis; overflow: hidden; } .calendar-sharing-view-form__owner_status { display: block; color: var(--ui-color-palette-gray-60, #959ca4); font: 10px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); } .calendar-sharing-welcome-page__photo { position: absolute; left: 32.5%; top: -131px; display: block; margin: 0 auto; width: 122px; height: 122px; background-color: var(--ui-color-palette-blue-50, #2fc6f6); border-radius: var(--ui-border-radius-circle, 50%); } .calendar-sharing-welcome-page__photo.ui-icon.ui-icon-common-user { position: absolute; width: 122px; } .calendar-sharing-welcome-page__photo_item { position: absolute; top: 50%; left: 50%; display: block; width: 100px !important; padding-top: 0 !important; height: 100px; border: 5px solid var(--ui-color-palette-white-base, #fff); border-radius: var(--ui-border-radius-circle, 50%); transform: translate(-50%, -50%); object-fit: cover; } .calendar-sharing-welcome-page__user-name { display: block; margin-bottom: 30px; font-size: 14px; font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--ui-color-palette-gray-90, #525c69); text-align: center; } .calendar-sharing-welcome-page_title { display: block; margin-bottom: 27px; font-size: 24px; font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--ui-color-palette-black-base, #333); text-align: center; } .calendar-sharing-welcome-page_subtitle { display: block; margin-bottom: 40px; font-size: 20px; line-height: 30px; color: var(--ui-color-palette-gray-90, #525c69); letter-spacing: .2px; text-align: center; } .calendar-sharing--slots .calendar-sharing__main { background: var(--ui-color-background-transparent, transparent); border-radius: var(--ui-border-radius-none, 0); box-shadow: none; } .calendar-sharing--slots .calendar-sharing-main__container { margin-bottom: 12px; padding: 12px; background-color: var(--ui-color-palette-white-base, #fff); border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; box-shadow: 0 6px 21px rgb(83,92,105,.08); } .calendar-sharing--slots .calendar-sharing_title { display: block; margin-bottom: 10px; font-size: 20px; font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--ui-color-palette-black-base, #333); } .calendar-sharing_month-title { display: flex; justify-content: space-between; align-items: center; } .calendar-sharing_mount-name { font-size: 16px; font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--ui-color-palette-black-base, #333); } .calendar-sharing_month_btn-box { display: flex; align-items: center; } .calendar-sharing_previous-month-arrow, .calendar-sharing_next-month-arrow { width: 30px; height: 30px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 14'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.217 11.714L4.445 7.942 3.5 7l.945-.94 3.772-3.773L6.886.955.841 7l6.045 6.046 1.331-1.332z' clip-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 9px 14px; cursor: pointer; } .calendar-sharing_previous-month-arrow { margin-right: 6px; } .calendar-sharing_next-month-arrow { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 14'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.217 11.714L4.445 7.942 3.5 7l.945-.94 3.772-3.773L6.886.955.841 7l6.045 6.046 1.331-1.332z' clip-rule='evenodd'/%3E%3C/svg%3E"); transform: rotate(-180deg); } .calendar-sharing-main__bottom-container, .calendar-sharing-event-slot-container { padding: 0 10px; } .calendar-sharing__event-slot-timezone { position: relative; display: flex; align-items: center; padding-left: 17px; margin-bottom: 12px; font-size: 14px; color: var(--ui-color-palette-gray-60, #959ca4); } .calendar-sharing__event-slot-timezone:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 13px; height: 13px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill='%23959CA4' d='M6.618 3.99h1.75v2.625h2.625v1.75H6.618V3.99z'/%3E%3Cpath fill='%23959CA4' fill-rule='evenodd' d='M1.14 10.36a6.972 6.972 0 006.638 4.107A6.836 6.836 0 0014.472 7.5a6.972 6.972 0 10-13.331 2.86zm1.624-.73a5.193 5.193 0 004.943 3.059 5.091 5.091 0 004.986-5.19 5.193 5.193 0 10-9.929 2.13z' clip-rule='evenodd'/%3E%3C/svg%3E"); } .calendar-sharing-event-slot-container { max-width: var(--main-box-width); margin-bottom: 7px; } .calendar-sharing-event-slot-item { position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; padding: 8px 10px 8px 25px; height: 26px; opacity: 1; overflow: hidden; background: var(--ui-color-palette-white-base, #fff); border-radius: var(--ui-border-radius-xs, 6px); transition: 200ms height ease, 200ms padding ease, 200ms margin ease, 250ms opacity ease; } .calendar-sharing-event-slot-item:before { content: ''; position: absolute; top: 17px; left: 8px; width: 10px; height: 10px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cpath fill='%239DCF00' fill-rule='evenodd' d='M5.833 0H4.167v4.167H0v1.666h4.167V10h1.666V5.833H10V4.167H5.833V0z' clip-rule='evenodd'/%3E%3C/svg%3E"); } .calendar-sharing-event-slot-item-time { font-size: 16px; color: var(--ui-color-palette-gray-90, #525c69); } .calendar-sharing__event-slot-timezone_select_box { --select-size: min(calc(var(--dynamic-size, 100%) + 5px), 100%); } .calendar-sharing__event-slot-timezone_select_box .calendar-sharing__event-slot-timezone_select { max-width: var(--select-size); width: 100%; height: 25px; font-size: 14px; } .calendar-sharing__event-slot-timezone_select_helper-element { position: absolute; top: 0; left: -9999px; font-size: 14px; } .calendar-sharing-event-slot-empty { display: block; margin-bottom: 12px; height: 174px; overflow: hidden; font-size: 16px; font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--ui-color-palette-black-base, #333); transition: 200ms all ease; } .calendar-sharing-event-slot-item-hidden { height: 0; padding-top: 0; padding-bottom: 0; margin: 0; opacity: 0; transition: 200ms height ease, 200ms padding ease, 200ms margin ease, 150ms opacity ease; } .calendar-sharing-header-title_container { display: flex; align-items: center; margin-bottom: 12px; font-size: 20px; font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--ui-color-palette-black-base, #333); } .calendar-sharing-header-title_container.--center { justify-content: center; } .calendar-sharing-header-title_back-button { display: block; margin-right: 12px; width: 20px; height: 20px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' fill='none'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.218 11.215L4.445 7.442 3.5 6.5l.945-.94 3.773-3.773L6.887.456.84 6.5l6.046 6.045 1.33-1.331z' clip-rule='evenodd'/%3E%3C/svg%3E") center no-repeat; transition: opacity .3s; opacity: 1; cursor: pointer; } .calendar-sharing-header-title_back-button:hover { opacity: .7; } .calendar-sharing-header-title_text { font-size: 24px; text-align: center; } .calendar-sharing-main__container.calendar-sharing__form_box { width: var(--main-box-width); border-radius: 12px; } .calendar-sharing-event-start__info_container { display: flex; padding: 12px; margin-bottom: 11px; border-radius: var(--ui-border-radius-lg, 12px); } .calendar-sharing-event-start__info-icon { position: relative; display: block; margin-right: 10px; min-width: 44px; height: 55px; background-color: var(--ui-color-palette-blue-50, #2fc6f6); border-radius: var(--ui-border-radius-sm, 8px); } .calendar-sharing-event-start__info-icon.--xl { min-width: 66px; height: 75px; margin-right: 16px; } .calendar-sharing-event-start__info-icon_date { display: block; margin: 0 auto; width: 38px; height: 34px; background-color: var(--ui-color-palette-white-base, #fff); border-radius: var(--ui-border-radius-2xs, 4px); font: 24px/32px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-bold, 700); color: var(--ui-color-palette-gray-80, #6a737f); text-align: center; } .calendar-sharing-event-start__info-icon_date.--xl { width: 56px; height: 49px; font: 35px/48px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-bold, 700); } .calendar-sharing-event-start__info-icon_status, .calendar-sharing-view-form__owner_icon_status { position: absolute; top: -8px; right: -10px; display: block; width: 20px; height: 20px; border-radius: var(--ui-border-radius-circle, 50%); background-color: var(--ui-color-palette-white-base, #fff); } .calendar-sharing-view-form__owner_icon_status { right: 5px; top: 16px; } .calendar-sharing-event-start__info-icon_status:before, .calendar-sharing-view-form__owner_icon_status:before { content: ''; display: block; margin: 1px auto 0 auto; width: 14px; height: 16px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' fill='none'%3E%3Cpath fill='%23BDC1C6' fill-rule='evenodd' d='M13.007 3.93a.692.692 0 000-.973.678.678 0 00-.964 0l-.783.79a6.756 6.756 0 00-3.628-1.52L7.63 1.87h.9a.684.684 0 00.68-.687.684.684 0 00-.68-.688H5.367a.684.684 0 00-.682.688c0 .38.305.687.682.687h.9v.357C2.828 2.572.134 5.508.134 9.067c0 3.792 3.057 6.876 6.815 6.876 3.758 0 6.816-3.084 6.816-6.876 0-1.648-.58-3.162-1.542-4.348l.784-.79zm-3.12 6.045H6.95a.684.684 0 01-.681-.687V5.544c0-.38.305-.688.681-.688.377 0 .682.308.682.688V8.6h2.257c.376 0 .681.308.681.688 0 .38-.305.687-.681.687z' clip-rule='evenodd'/%3E%3C/svg%3E"); } .calendar-sharing-view-form__owner_icon_status:before { width: 21px; height: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' fill='none'%3E%3Ccircle cx='10.438' cy='10' r='10' fill='%23fff'/%3E%3Ccircle cx='10.438' cy='10' r='8' fill='%23BDC1C6'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M14.913 6.368a.498.498 0 00-.704-.704l-.572.572a4.96 4.96 0 00-2.651-1.101v-.258h.657a.498.498 0 100-.996h-2.31a.498.498 0 100 .996h.656v.258a4.986 4.986 0 00-4.481 4.954 4.985 4.985 0 004.98 4.98 4.985 4.985 0 004.979-4.98c0-1.194-.423-2.29-1.126-3.149l.572-.572zm-2.279 4.378h-2.147a.498.498 0 01-.498-.498V7.537a.498.498 0 11.996 0V9.75h1.65a.498.498 0 110 .996z' clip-rule='evenodd'/%3E%3C/svg%3E"); } .calendar-sharing-event-start__info-icon_day { display: block; margin-top: 2px; font: 12px/16px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--ui-color-palette-white-base, #fff); text-align: center; } .calendar-sharing-event-start__info-icon_day.--xl { margin-bottom: 3px; } .calendar-sharing-event-start__info_date, .calendar-sharing-event-start__info_time, .calendar-sharing-event-start__event-name { display: block; margin-bottom: 3px; font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--ui-color-palette-gray-90, #525c69); } .calendar-sharing-event-start__info_date, .calendar-sharing-event-start__info_time { white-space: nowrap; } .calendar-sharing-event-start__info_date, .calendar-sharing-event-start__info_time { font-size: 16px; } .calendar-sharing-event-start__event-name { font-size: 20px; } .calendar-sharing-event-start__info_time_box { display: flex; align-items: center; } .calendar-sharing-event-start__info_time { margin: 0 6px 0 0; } .calendar-sharing-event-start__info_timezone { margin-top: 4px; font-size: 12px; color: var(--ui-color-palette-gray-60, #959ca4); } .calendar-sharing-event-add-form_content { margin-bottom: 20px; } .calendar-sharing-event-add-form_buttons .ui-btn { margin-bottom: 10px; } .calendar-sharing-event-add-form_buttons .ui-btn:last-child { margin: 0; } .calendar-sharing-event-add-form_title {} .calendar-sharing-event-add-form_input_box { position: relative; } .calendar-sharing-event-add-form_input { display: block; margin-bottom: 6px; padding: 15px 10px; width: 100%; height: 50px; border: none; border-bottom: 1px solid var(--ui-color-palette-gray-20, #dfe0e3); font-size: 18px; outline: none; box-sizing: border-box; } .calendar-sharing-event-add-form_input:last-child { margin-bottom: 0; } .calendar-sharing-event-add-form_input::placeholder { font-size: 18px; color: var(--ui-color-palette-gray-50, #a8adb4); } .calendar-sharing-event-add-form_input:focus { border: none; border-bottom: 2px solid var(--ui-color-palette-blue-50, #2fc6f6); background-color: var(--ui-color-palette-blue-10, #f4fcfe); } .calendar-sharing-event-add-form_input_note { display: none; } .calendar-sharing-event-add-form_input_box.--error .calendar-sharing-event-add-form_input { border-bottom: 2px solid var(--ui-color-palette-red-50, #ff5752); background-color: var(--ui-color-palette-red-10, #fff8f8); } .calendar-sharing-event-add-form_input_box.--error .calendar-sharing-event-add-form_input_note { position: absolute; right: 0; bottom: 2px; display: block; padding: 0 9px; height: 14px; font-size: 13px; line-height: 14px; border-radius: 6px 0 0 0; background-color: var(--ui-color-palette-red-50, #ff5752); color: var(--ui-color-palette-white-base, #fff); box-sizing: border-box; } .calendar-sharing__timer_box { margin-top: 20px; text-align: center; } .calendar-sharing__time_count-box { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; } .calendar-sharing__time_count-item { display: inline-flex; justify-content: center; align-items: center; margin-right: 7px; min-width: 60px; height: 60px; border: 2px solid var(--ui-color-palette-gray-10, #edeef0); border-radius: var(--ui-border-radius-xl, 14px); font-size: 30px; color: var(--ui-color-palette-gray-40, #bdc1c6); } .calendar-sharing__time_count-item:last-child { margin-right: 0; } .calendar-sharing__timer_title { display: block; margin-bottom: 8px; font-size: 18px; font-weight: var(--ui-font-weight-semi-bold, 600); color: var(--ui-color-palette-gray-90, #525c69); } .calendar-sharing__timer_desc { display: block; font-size: 14px; font-weight: 400; line-height: 19px; color: var(--ui-color-palette-gray-60, #959ca4); } .calendar-sharing__loader_box { position: absolute; top: 50%; left: 50%; display: flex; justify-content: center; align-items: center; transform: translate(-50%,-50%); z-index: 10; } .calendar-sharing_circular { height: 160px; width: 160px; animation: rotate 2s linear infinite; transform-origin: center center; } .calendar-sharing_path { stroke: var(--ui-color-palette-blue-50, #2fc6f6); stroke-width: 3; stroke-dasharray: 20, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; } .calendar-sharing-event-created-info { color: var(--ui-color-palette-black-base, #333); padding: 10px 5px; font-size: 14px; text-align: center; } .calendar-sharing-event-created-info a { color: var(--ui-color-palette-black-base, #333); text-decoration: none; border-bottom: 1px dashed; } @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @media (max-width: 480px) { .calendar-sharing--public-html:before { top: 130px; left: calc(50% - 125px); width: 40px; height: 27px; background-size: 40px 27px; } .calendar-sharing__main:after { right: 50px; top: -170px; width: 56px; height: 38px; background-size: 56px 38px; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.23 |
proxy
|
phpinfo
|
Settings