.booking-management-widget{color:var(--light-3);padding:0 20px;>div.title{text-align:center;margin-top:16px;i{padding:18px 16px 16px;font-size:38px}h1,i{color:var(--primary)}h1{margin:0;font-size:22px;text-transform:uppercase;font-weight:400;border-bottom:none}}.volcano-button{padding:9px 30px}.login{padding:10px;p{text-align:center}button{margin-top:10px}>.form-field-error{margin-bottom:20px}}.booking-details,.booking-management{h2{margin-top:.5rem;margin-bottom:.5rem;font-size:15px;color:var(--light-3);font-weight:600;text-transform:uppercase;text-align:center}}.cancel-request-form,.date-change,.invoice-request-form{padding:7px 15px 0;>p{border-top:1px solid var(--light-e);padding-top:10px}}.invoices{padding:7px 15px 0;h2{border-bottom:1px solid var(--light-e);padding-bottom:18px}table{border:none;td,th{border:none}>tr:nth-of-type(odd),tbody tr:nth-of-type(odd){border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;td{background:var(--grid-odd-rows);padding:12px;vertical-align:middle;.volcano-button{padding:7px 30px;i{font-size:15px}}}}}}.booking-details{margin:15px 5px 10px;text-align:center;color:var(--light-3);font-size:.875rem;>div.flex{flex-direction:column;line-height:1.75rem;padding-top:.5rem;border-top:1px solid var(--light-e);.ratesbm .ratebm{border:1px solid var(--primary);background-color:var(--secondary);border-radius:4px;font-size:.875rem;text-align:center;padding:5px 5px 10px;margin-bottom:1rem;ul{padding-left:0}&:last-child{margin-bottom:.5rem}}span:has(+.ratesbm){margin-bottom:10px}}+.form-field-error,+.msg-success{margin-bottom:20px;display:block;text-align:center}}.booking-management{.date-change{.calendar-legend ul{margin-left:0;padding-left:10px;margin-top:83px}.sessions-container{max-width:100%}}.cancel-request-form,.invoice-request-form{.volcano-buttons-group{margin:20px auto;display:flex;justify-content:center;.volcano-button-wrapper{width:unset;flex:unset}.volcano-button,>button{margin:unset;text-transform:uppercase;line-height:normal;width:auto;font-size:.875rem}}}.invoice-request-form{.volcano-form .form-fieldset-content{grid-template-columns:repeat(2,minmax(0,1fr))}.volcano-buttons-group{padding-left:10px}}.cancel-request-form .form-field-wrapper{margin-bottom:15px;justify-items:center;>.flex{align-items:center;column-gap:5px!important}.form-field-error{margin-bottom:5px}}.booking-actions{padding:0 10px;.volcano-button{line-height:unset;text-transform:uppercase;font-size:.875rem}:last-child:nth-child(odd) button{width:50%!important}}.lg\:grid-cols-3{.booking-actions{display:grid;grid-template-columns:1fr;:last-child:nth-child(odd) button,button{width:100%!important}}}}}@media (max-width:768px){.booking-management-widget{.booking-management{.date-change{.availability-calendar{margin-left:-33px;.react-datepicker__day{width:30px;height:30px}.calendar-legend ul{margin-top:0}}}.cancel-request-form .volcano-buttons-group,.date-change .volcano-button-wrapper,.invoice-request-form .volcano-buttons-group{display:block;.volcano-button{margin-top:var(--grid-spacing-y-md);width:100%}}.invoice-request-form{.volcano-form .form-fieldset-content{grid-template-columns:1fr}}.invoices{overflow-x:auto}.booking-actions{:last-child:nth-child(odd) button{width:100%!important}}}}}.video-player{position:relative;width:100%;height:100%;picture{width:100%;height:100%;display:block;img{width:100%;height:100%;object-fit:cover}}.play-video{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;div{background-color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:.75rem;overflow:hidden;i{background-image:var(--img-play);background-repeat:no-repeat;background-size:contain;filter:var(--f-white);width:100%;height:100%;margin:0;padding:1.25rem}}}.video-player-content{width:100%;height:100%;>div{position:relative;width:100%;aspect-ratio:16/9;.youtube-player{width:100%;height:100%}}}}.element.carousel{width:100%;height:100%;aspect-ratio:4/3;position:relative;overflow:hidden;>div.items{width:100%;height:100%;position:relative;.item{position:absolute;width:100%;height:100%;transition:opacity 1s;opacity:0;z-index:0;.video-container picture{display:block}&.active{opacity:1;z-index:1}}}.nav{button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.3);opacity:.8;z-index:1;transition:opacity .2s ease-in-out;i{padding:12px;filter:var(--f-white)}&.left-button{left:1rem;i{background-image:var(--img-chevron-left)}}&.right-button{right:1rem;i{background-image:var(--img-chevron-right)}}&:hover{background-color:hsla(0,0%,100%,.5);opacity:1}}}.steps{position:absolute;bottom:1rem;width:100%;display:flex;justify-content:center;column-gap:var(--grid-spacing-x);z-index:2;button{width:.625rem;height:.625rem;border-radius:50%;border:1px solid var(--light-f);&.active{background-color:var(--light-f);border:none}}}.go-to-video{position:absolute;bottom:0;right:0;z-index:3;align-items:center;border-top-left-radius:.25rem;background:hsla(0,0%,100%,.9);transition:opacity .3s ease-in-out;opacity:.89;button{display:flex;align-items:center;span:first-child{font-weight:500;font-size:14px;color:var(--light-0);margin-bottom:2px;padding:2px 12px}span:last-child{display:flex;position:relative;background-color:var(--primary);align-items:center;padding:5px;i{background-image:var(--img-play);background-repeat:no-repeat;background-size:contain;filter:brightness(0) saturate(100%) invert(100%);width:100%;height:100%;padding:.625rem}}}&:hover{opacity:1}}}@media only screen and (max-width:768px){.element.carousel{aspect-ratio:16/9;.nav{button{width:35px;height:35px}}.steps{column-gap:5px}}}