/* /cs_website_frost/static/src/site/36_appointment.scss */
 body.o_fz_site .o_cs_appointment.o_cs_appt_message::before, body.o_fz_site .o_cs_appointment > .card > .card-body::before, body.o_fz_site .o_cs_appointment .cs_appt_form_hint::before, body.o_fz_site .o_cs_appointment > .alert-info::before, body.o_fz_site .o_cs_appointment .cs_appt_slot.cs_appt_slot_selected::before, body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_selected::after, body.o_fz_site .o_cs_appointment .cs_appt_durations .btn.btn-primary::before, body.o_fz_site .o_cs_appointment > .row > div > .card .btn-primary::after{display: inline-block; flex: none; font-family: var(--icon-font-family, "Material Symbols Outlined"); font-style: normal; font-weight: 400; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-break: keep-all; direction: ltr; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased;}body.o_fz_site .o_cs_appointment .cs_appt_slot, body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_day_btn, body.o_fz_site .o_cs_appointment .cs_appt_durations .btn, body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body > .d-flex > .btn-light, body.o_fz_site .o_cs_appointment > .row > div > .card .btn-primary{border: 1px solid rgba(var(--cs-fz-rim-rgb), 0.92); background-color: rgba(var(--cs-fz-glass-rgb), 0.8); background-image: linear-gradient(145deg, rgba(var(--cs-fz-glass-rgb), 0.9), rgba(var(--cs-fz-glass-rgb), 0)); box-shadow: var(--cs-fz-key-shadow); color: var(--cs-fz-ink); text-decoration: none; cursor: pointer; transition: transform var(--cs-motion-dur-fast) var(--cs-motion-ease-out), box-shadow var(--cs-motion-dur-fast) var(--cs-motion-ease-out), background-color var(--cs-motion-dur-fast) var(--cs-motion-ease-out);}body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_day_btn, body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body > .d-flex > .btn-light{display: inline-flex; flex: none; align-items: center; justify-content: center; box-sizing: border-box; width: 44px; height: 44px; min-height: 44px; margin: 0 !important; padding: 0; border-radius: var(--cs-fz-radius-pill) !important;}body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_day_btn > .oi, body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body > .d-flex > .btn-light > .oi{font-size: 20px;}body.o_fz_site .o_cs_appointment .cs_appt_slot, body.o_fz_site .o_cs_appointment .cs_appt_durations .btn, body.o_fz_site .o_cs_appointment > .row > div > .card .btn-primary{display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; min-height: 46px; padding: 4px 20px; border-radius: var(--cs-fz-radius-pill) !important; font-size: 1rem; line-height: 1.2; font-weight: 700; white-space: nowrap;}body.o_fz_site .o_cs_appointment > h1{margin: 0; color: var(--cs-fz-ink); font-size: clamp(1.75rem, 3.6vw, 3.0625rem); line-height: 1.04; font-weight: 700; letter-spacing: -0.02em; text-wrap: balance;}body.o_fz_site .o_cs_appointment > .card + div > h5, body.o_fz_site .o_cs_appointment .cs_appt_form .card .card-title{margin: 0; color: var(--cs-fz-ink); font-size: 1.5625rem; line-height: 1.15; font-weight: 700; letter-spacing: -0.015em; text-wrap: balance;}body.o_fz_site .o_cs_appointment > .row > div > .card .card-title{margin: 0; color: var(--cs-fz-ink); font-size: 1.25rem; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em;}body.o_fz_site .o_cs_appointment.o_cs_appt_message, body.o_fz_site .o_cs_appointment > .card, body.o_fz_site .o_cs_appointment .cs_appt_form .card, body.o_fz_site .o_cs_appointment .cs_appt_picker{border: var(--cs-fz-edge-border); border-radius: var(--cs-fz-radius-panel); background: var(--cs-fz-glass-fill); box-shadow: var(--cs-fz-edge-shadow);}body.o_fz_site .o_cs_appointment > .card .badge, body.o_fz_site .o_cs_appointment > .row > div > .card > .card-body > .text-muted.small{display: inline-flex; align-items: center; gap: 8px; min-height: 28px; padding: 2px 12px; border: 0 !important; border-radius: var(--cs-fz-radius-pill); background: var(--cs-fz-chip-fill) !important; box-shadow: var(--cs-fz-chip-ring); color: var(--cs-fz-ink) !important; font-size: 0.9375rem; line-height: 1.25; font-weight: 600; white-space: nowrap; vertical-align: middle;}body.o_fz_site .o_cs_appointment.o_cs_appt_message::before, body.o_fz_site .o_cs_appointment > .card > .card-body::before{display: inline-flex; flex: none; align-items: center; justify-content: center; box-sizing: border-box; width: 56px; height: 56px; border: 1px solid rgba(var(--cs-fz-rim-rgb), 0.92); border-radius: var(--cs-fz-radius-pill); background: rgba(var(--cs-fz-glass-rgb), 0.8); box-shadow: inset 1px 1px 0 rgba(var(--cs-fz-rim-rgb), 1), 0 0 0 1px rgba(var(--cs-fz-shade-rgb), 0.05); color: var(--cs-fz-primary);}@media (hover: hover){body.o_fz_site .o_cs_appointment .cs_appt_slot:hover, body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_day_btn:hover, body.o_fz_site .o_cs_appointment .cs_appt_durations .btn.btn-outline-secondary:hover, body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body > .d-flex > .btn-light:hover:not(:disabled), body.o_fz_site .o_cs_appointment > .row > div > .card:hover .btn-primary{border-color: rgba(var(--cs-fz-rim-rgb), 1); background-color: rgba(var(--cs-fz-glass-rgb), 0.97); box-shadow: var(--cs-fz-key-shadow-hover);}}body.o_fz_site .o_cs_appointment .cs_appt_slot:active, body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_day_btn:active, body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body > .d-flex > .btn-light:active:not(:disabled), body.o_fz_site .o_cs_appointment > .row > div > .card .btn-primary:active{border-color: rgba(var(--cs-fz-shade-rgb), 0.06); background-color: rgba(var(--cs-fz-shade-rgb), 0.07); background-image: none; box-shadow: var(--cs-fz-pressed-shadow); transform: none;}body.o_fz_site .o_cs_appointment .cs_appt_slot.cs_appt_slot_selected, body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_selected .cs_appt_day_btn, body.o_fz_site .o_cs_appointment .cs_appt_durations .btn.btn-primary{border-color: var(--cs-fz-primary); background-color: rgba(var(--cs-fz-shade-rgb), 0.07); background-image: none; box-shadow: var(--cs-fz-chosen-shadow); transform: none;}body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_day_btn:active, body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body > .d-flex > .btn-light:active:not(:disabled){transform: var(--cs-motion-press-knob); transition-duration: var(--cs-motion-dur-press); transition-timing-function: var(--cs-motion-ease-press);}body.o_fz_site .o_cs_appointment .cs_appt_slot:active{transform: var(--cs-motion-press); transition-duration: var(--cs-motion-dur-press); transition-timing-function: var(--cs-motion-ease-press);}@media (max-width: 640px){body.o_fz_site .o_cs_appointment.o_cs_appt_message, body.o_fz_site .o_cs_appointment > .card, body.o_fz_site .o_cs_appointment .cs_appt_form .card, body.o_fz_site .o_cs_appointment .cs_appt_picker{border-radius: 22px;}}body.o_fz_site .o_cs_appt_head .o_cs_appt_facts{display: flex; flex-wrap: wrap; gap: 8px;}body.o_fz_site .o_cs_appt_head .o_fz_ph_chip{display: inline-flex; align-items: center; gap: 8px; min-height: 32px; text-align: left;}body.o_fz_site .o_cs_appt_head .o_fz_ph_chip > .oi{flex: none; color: var(--cs-fz-primary); font-size: 18px;}body.o_fz_site .o_cs_appt_head .o_cs_appt_intro > *{margin: 0;}body.o_fz_site .o_cs_appt_head .o_cs_appt_intro > * + *{margin-top: 8px;}body.o_fz_site .o_cs_appt_head + .o_cs_appointment{margin-top: 8px !important;}body.o_fz_site .o_cs_appointment{margin-top: 24px !important; margin-bottom: 88px !important; color: var(--cs-fz-ink);}body.o_fz_site .o_cs_appointment > h1{margin: 0 0 36px !important;}body.o_fz_site .o_cs_appointment.o_cs_appt_index > .row{display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 0;}body.o_fz_site .o_cs_appointment.o_cs_appt_index > .row > div{flex: 1 1 272px; width: auto; max-width: 400px; margin: 0; padding: 0;}body.o_fz_site .o_cs_appointment.o_cs_appt_index > .row:empty{display: none;}body.o_fz_site .o_cs_appointment > .row > div > .card{position: relative; border: 1px solid rgba(var(--cs-fz-ink-rgb), 0.2); border-radius: 22px; background: rgba(var(--cs-fz-glass-rgb), 0.42); box-shadow: none !important; color: var(--cs-fz-ink); transition: transform var(--cs-motion-dur-fast) var(--cs-motion-ease-out), background-color var(--cs-motion-dur-fast) var(--cs-motion-ease-out), border-color var(--cs-motion-dur-fast) var(--cs-motion-ease-out);}body.o_fz_site .o_cs_appointment > .row > div > .card:has(.btn:focus-visible){outline: var(--cs-fz-focus); outline-offset: 3px;}body.o_fz_site .o_cs_appointment > .row > div > .card > .card-body{gap: 10px; padding: 24px 24px 22px;}body.o_fz_site .o_cs_appointment > .row > div > .card > .card-body > p, body.o_fz_site .o_cs_appointment > .row > div > .card > .card-body > .card-text p{margin: 0; color: var(--cs-fz-muted) !important; line-height: 1.5; font-weight: 500;}body.o_fz_site .o_cs_appointment > .row > div > .card > .card-body > p:empty{margin-top: -10px;}body.o_fz_site .o_cs_appointment > .row > div > .card > .card-body > .text-muted.small{align-self: flex-start; margin: 4px 0 12px !important; font-size: 0.9375rem !important;}body.o_fz_site .o_cs_appointment > .row > div > .card > .card-body > .text-muted.small .oi{margin: 0 !important; color: var(--cs-fz-primary); font-size: 18px;}body.o_fz_site .o_cs_appointment > .row > div > .card .card-title{text-wrap: balance;}body.o_fz_site .o_cs_appointment > .row > div > .card .btn-primary{align-self: flex-start; gap: 10px; outline: 0;}body.o_fz_site .o_cs_appointment > .row > div > .card .btn-primary::before{content: ""; position: absolute; inset: 0; border-radius: 22px;}body.o_fz_site .o_cs_appointment > .row > div > .card .btn-primary::after{content: "arrow_forward"; color: var(--cs-fz-primary); font-size: 18px; transition: transform var(--cs-motion-dur-fast) var(--cs-motion-ease-out);}body.o_fz_site .o_cs_appointment > .row > div > .card:active{transform: var(--cs-motion-press);}body.o_fz_site .o_cs_appointment .cs_appt_picker{box-shadow: var(--cs-fz-edge-shadow) !important; color: var(--cs-fz-ink);}body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body{padding: 32px;}body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body > .d-flex > .btn-light{padding-bottom: 3px; font-size: 1.5rem; line-height: 1;}body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body > .d-flex > .btn-light:disabled{opacity: 0.42; box-shadow: 0 0 0 1px rgba(var(--cs-fz-shade-rgb), 0.1);}body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body > .d-flex > strong{font-size: 1.25rem; font-weight: 700; letter-spacing: -0.01em;}body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body > .d-flex > strong::first-letter{text-transform: uppercase;}body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body > .text-muted.py-4{display: flex; align-items: center; justify-content: center; min-height: 356px; color: var(--cs-fz-muted) !important; font-weight: 600;}body.o_fz_site .o_cs_appointment .cs_appt_picker label.text-muted{color: var(--cs-fz-muted) !important; font-size: 0.9375rem !important; font-weight: 600;}body.o_fz_site .o_cs_appointment .cs_appt_picker .form-select-sm{min-height: 44px; font-size: 1rem;}body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body > .d-flex:has(> select){flex-wrap: wrap;}body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body > .d-flex:has(> select) > label{white-space: nowrap;}body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body > .d-flex:has(> select) > select{min-width: 0; max-width: 100%;}body.o_fz_site .o_cs_appointment .cs_appt_durations .btn{min-height: 44px;}body.o_fz_site .o_cs_appointment .cs_appt_durations .btn.btn-primary{color: var(--cs-fz-ink);}body.o_fz_site .o_cs_appointment .cs_appt_durations .btn.btn-primary::before{content: "check"; color: var(--cs-fz-primary); font-size: 18px;}body.o_fz_site .o_cs_appointment .cs_appt_month{table-layout: fixed; border-spacing: 2px 6px;}body.o_fz_site .o_cs_appointment .cs_appt_month th{padding-bottom: 6px; color: var(--cs-fz-muted); font-size: 0.875rem; letter-spacing: 0; text-transform: none;}body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_day{position: relative; height: 48px; padding: 0; border: 0; background: none; color: var(--cs-fz-muted); font-size: 1rem; line-height: 1; font-variant-numeric: tabular-nums;}body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_day.cs_appt_avail, body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_day.cs_appt_avail:hover, body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_day.cs_appt_avail.cs_appt_selected{background: none; color: var(--cs-fz-ink);}body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_day_btn{display: flex; margin: 0 auto !important; font-weight: 700;}body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_day_btn:focus-visible{border-radius: var(--cs-fz-radius-pill);}body.o_fz_site .o_cs_appointment .cs_appt_month .cs_appt_selected::after{content: "check"; position: absolute; top: -3px; left: calc(50% + 10px); display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: var(--cs-fz-radius-pill); background: var(--cs-fz-primary); box-shadow: 0 0 0 2px var(--cs-fz-pure); color: var(--cs-fz-on-primary); font-size: 13px; pointer-events: none;}body.o_fz_site .o_cs_appointment .cs_appt_slots{margin-top: 28px !important; padding-top: 22px; border-top: 1px solid var(--cs-fz-line);}body.o_fz_site .o_cs_appointment .cs_appt_slots_head{margin-bottom: 14px; font-size: 1.0625rem; font-weight: 700;}body.o_fz_site .o_cs_appointment .cs_appt_slotgrid{grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 10px;}body.o_fz_site .o_cs_appointment .cs_appt_slot{gap: 6px; min-height: 44px; padding: 4px 8px;}body.o_fz_site .o_cs_appointment .cs_appt_slot.cs_appt_slot_selected{color: var(--cs-fz-ink);}body.o_fz_site .o_cs_appointment .cs_appt_slot.cs_appt_slot_selected::before{content: "check"; color: var(--cs-fz-primary); font-size: 16px;}body.o_fz_site .o_cs_appointment .cs_appt_day_btn:focus-visible, body.o_fz_site .o_cs_appointment .cs_appt_slot:focus-visible{outline: var(--cs-fz-focus); outline-offset: 3px;}body.o_fz_site .o_cs_appointment .cs_appt_form .card{background: rgba(var(--cs-fz-glass-rgb), 0.74); box-shadow: var(--cs-fz-edge-shadow) !important; backdrop-filter: var(--cs-fz-blur); color: var(--cs-fz-ink);}body.o_fz_site .o_cs_appointment .cs_appt_form .card > .card-body{padding: 36px;}body.o_fz_site .o_cs_appointment .cs_appt_form .card .card-title{margin-bottom: 8px;}body.o_fz_site .o_cs_appointment .cs_appt_form .card .form-label{margin-bottom: 6px; font-size: 0.9375rem; font-weight: 600;}body.o_fz_site .o_cs_appointment .cs_appt_form .card .btn-primary{margin-top: 8px;}body.o_fz_site .o_cs_appointment .cs_appt_when{margin-bottom: 22px; padding-bottom: 22px; border-bottom: 1px solid var(--cs-fz-line); color: var(--cs-fz-ink) !important; font-size: 1.0625rem !important; font-weight: 700;}body.o_fz_site .o_cs_appointment .cs_appt_form_hint, body.o_fz_site .o_cs_appointment > .alert-info{display: flex; align-items: center; gap: 14px; min-height: 72px; margin: 0; padding: 18px 22px; border: 2px dashed rgba(var(--cs-fz-shade-rgb), 0.3); border-radius: 22px; background: rgba(var(--cs-fz-glass-rgb), 0.4); box-shadow: none; color: var(--cs-fz-muted); font-size: 1.0625rem; line-height: 1.4; font-weight: 700;}body.o_fz_site .o_cs_appointment .cs_appt_form_hint::before, body.o_fz_site .o_cs_appointment > .alert-info::before{content: "calendar_clock"; position: static; color: var(--cs-fz-muted); font-size: 26px;}body.o_fz_site .o_cs_appointment.o_cs_appt_manage > .alert{margin-bottom: 20px;}body.o_fz_site .o_cs_appointment > .card{border-radius: 28px; box-shadow: var(--cs-fz-edge-shadow) !important; color: var(--cs-fz-ink); text-align: center;}body.o_fz_site .o_cs_appointment > .card > .card-body{display: flex; flex-direction: column; align-items: center; gap: 10px; padding: clamp(32px, 3.4vw, 46px) clamp(22px, 5vw, 64px);}body.o_fz_site .o_cs_appointment > .card > .card-body::before{content: "event_available"; margin-bottom: 8px; font-size: 28px;}body.o_fz_site .o_cs_appointment > .card > .card-body > h4, body.o_fz_site .o_cs_appointment > .card > .card-body > .o_cs_appt_title{margin: 6px 0 8px; font-size: var(--cs-fz-h2-panel); line-height: 1.08; font-weight: 700; letter-spacing: -0.02em; text-wrap: balance;}body.o_fz_site .o_cs_appointment > .card > .card-body > p{max-width: 54ch; margin: 0 !important;}body.o_fz_site .o_cs_appointment > .card > .card-body > p.text-muted{color: var(--cs-fz-ink) !important; font-size: 1.0625rem; line-height: 1.45; font-weight: 600;}body.o_fz_site .o_cs_appointment > .card > .card-body > p.text-muted.small{margin-top: 8px !important; color: var(--cs-fz-muted) !important; font-size: 1rem !important; font-weight: 500;}body.o_fz_site .o_cs_appointment > .card > .card-body > p.text-muted .oi{color: var(--cs-fz-primary); font-size: 20px; vertical-align: -4px;}body.o_fz_site .o_cs_appointment > .card > .card-body > div.mt-3{max-width: 54ch; margin-top: 8px !important; line-height: 1.5; font-weight: 500;}body.o_fz_site .o_cs_appointment > .card > .card-body > div.mt-3 > :last-child{margin-bottom: 0;}body.o_fz_site .o_cs_appointment > .card > .card-body > form{align-self: stretch; margin-top: 20px !important; padding-top: 22px; border-top: 1px solid var(--cs-fz-line);}body.o_fz_site .o_cs_appointment > .card[data-state="canceled"] > .card-body::before{content: "event_busy"; color: var(--cs-fz-muted);}body.o_fz_site .o_cs_appointment > .card .badge{--o-fz-appt-dot: var(--cs-fz-muted); float: none !important;}body.o_fz_site .o_cs_appointment > .card .badge::before{content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--o-fz-appt-dot);}body.o_fz_site .o_cs_appointment > .card .badge.text-bg-success{--o-fz-appt-dot: var(--cs-fz-success);}body.o_fz_site .o_cs_appointment > .card .badge.text-bg-info{--o-fz-appt-dot: var(--cs-fz-primary);}body.o_fz_site .o_cs_appointment > .card + div{margin-top: 64px !important;}body.o_fz_site .o_cs_appointment > .card + div > h5{margin: 0 0 20px !important;}body.o_fz_site .o_cs_appointment.o_cs_appt_message{display: flex; flex-direction: column; align-items: center; gap: 18px; box-sizing: border-box; width: calc(100% - 32px); margin-top: 48px !important; padding: clamp(32px, 3.4vw, 46px) clamp(22px, 5vw, 64px); border-radius: 28px; text-align: center;}body.o_fz_site .o_cs_appointment.o_cs_appt_message::before{content: "event_available"; font-size: 28px;}body.o_fz_site .o_cs_appointment.o_cs_appt_message.o_cs_appt_error::before{content: "event_busy";}body.o_fz_site .o_cs_appointment.o_cs_appt_message > h1{margin: 0 !important; font-size: var(--cs-fz-h2-panel) !important;}body.o_fz_site .o_cs_appointment.o_cs_appt_message > .alert{max-width: 54ch; margin: 0; padding: 0; border-radius: 0; background: none; box-shadow: none; color: var(--cs-fz-ink); font-size: 1.0625rem; font-weight: 500;}body.o_fz_site .o_cs_appointment.o_cs_appt_message > .alert::before{content: none !important;}body.o_fz_site .o_cs_appointment.o_cs_appt_message > .btn{margin-top: 6px;}@media (max-width: 640px){body.o_fz_site .o_cs_appointment{margin-bottom: 64px !important;}body.o_fz_site .o_cs_appointment .cs_appt_picker > .card-body, body.o_fz_site .o_cs_appointment .cs_appt_form .card > .card-body{padding: 26px 18px;}body.o_fz_site .o_cs_appointment > .card, body.o_fz_site .o_cs_appointment.o_cs_appt_message{border-radius: 22px;}body.o_fz_site .o_cs_appointment .cs_appt_form .card{backdrop-filter: none;}body.o_fz_site .o_cs_appointment .cs_appt_month{border-spacing: 0 4px;}}@media (hover: hover){body.o_fz_site .o_cs_appointment > .row > div > .card:hover{transform: translateY(calc(var(--cs-motion-lift) * -1)); border-color: rgba(var(--cs-fz-ink-rgb), 0.3); background: rgba(var(--cs-fz-glass-rgb), 0.74);}body.o_fz_site .o_cs_appointment > .row > div > .card:hover .btn-primary::after{transform: translateX(var(--cs-motion-nudge));}}@media (prefers-reduced-motion: reduce){body.o_fz_site .o_cs_appointment > .row > div > .card, body.o_fz_site .o_cs_appointment > .row > div > .card:active, body.o_fz_site .o_cs_appointment > .row > div > .card .btn-primary::after, body.o_fz_site .o_cs_appointment .cs_appt_day_btn:active, body.o_fz_site .o_cs_appointment .cs_appt_slot:active, body.o_fz_site .o_cs_appointment .btn-light:active{transform: none !important;}}

/* /cs_website_frost/static/src/site/37_blog_jobs.scss */
 body.o_fz_site .oe_website_jobs .card > a::after{display: inline-block; flex: none; font-family: var(--icon-font-family, "Material Symbols Outlined"); font-style: normal; font-weight: 400; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-break: keep-all; direction: ltr; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased;}body.o_fz_site .oe_website_jobs .card > a::after, body.o_fz_site .website_blog .o_wblog_share_links > .oi, body.o_fz_site .website_blog .o_wblog_sheet_trigger{border: 1px solid rgba(var(--cs-fz-rim-rgb), 0.92); background-color: rgba(var(--cs-fz-glass-rgb), 0.8); background-image: linear-gradient(145deg, rgba(var(--cs-fz-glass-rgb), 0.9), rgba(var(--cs-fz-glass-rgb), 0)); box-shadow: var(--cs-fz-key-shadow); color: var(--cs-fz-ink); text-decoration: none; cursor: pointer; transition: transform var(--cs-motion-dur-fast) var(--cs-motion-ease-out), box-shadow var(--cs-motion-dur-fast) var(--cs-motion-ease-out), background-color var(--cs-motion-dur-fast) var(--cs-motion-ease-out);}body.o_fz_site .oe_website_jobs .card > a::after, body.o_fz_site .website_blog .o_wblog_share_links > .oi, body.o_fz_site .website_blog .o_wblog_sheet_trigger{display: inline-flex; flex: none; align-items: center; justify-content: center; box-sizing: border-box; width: 44px; height: 44px; min-height: 44px; margin: 0 !important; padding: 0; border-radius: var(--cs-fz-radius-pill) !important;}body.o_fz_site .oe_website_jobs .card > a::after > .oi, body.o_fz_site .website_blog .o_wblog_share_links > .oi > .oi, body.o_fz_site .website_blog .o_wblog_sheet_trigger > .oi{font-size: 20px;}body.o_fz_site .o_wblog_post_content_field a:not(.btn){color: var(--cs-fz-ink); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1.5px; text-decoration-color: rgba(var(--cs-fz-shade-rgb), 0.36); text-underline-offset: 6px; transition: text-decoration-color var(--cs-motion-dur-fast) var(--cs-motion-ease-out);}body.o_fz_site #wrap:has(> #jobs_section) > h1, body.o_fz_site .js_hr_recruitment > section:first-child h1, body.o_fz_site .oe_website_jobs > section h1, body.o_fz_site #o_wblog_post_top .o_wblog_post_name, body.o_fz_site .website_blog > nav.container h1{margin: 0; color: var(--cs-fz-ink); font-size: clamp(1.75rem, 3.6vw, 3.0625rem); line-height: 1.04; font-weight: 700; letter-spacing: -0.02em; text-wrap: balance;}body.o_fz_site .js_hr_recruitment > section + section .col-lg-8 .lead, body.o_fz_site .js_hr_recruitment > section:first-child h5, body.o_fz_site #o_wblog_post_top .o_wblog_post_subtitle{max-width: 54ch; margin: 0; color: var(--cs-fz-ink); font-size: 1.0625rem; line-height: 1.5; font-weight: 500; text-wrap: pretty;}body.o_fz_site .js_hr_recruitment > section + section .col-lg-8 h2, body.o_fz_site .o_wblog_post_content_field h2, body.o_fz_site #o_wblog_posts_loop .col-md-5 > .o_wblog_post .o_blog_post_title > :is(h2, h3){margin: 0; color: var(--cs-fz-ink); font-size: 1.5625rem; line-height: 1.15; font-weight: 700; letter-spacing: -0.015em; text-wrap: balance;}body.o_fz_site .js_hr_recruitment > section + section .col-lg-8 h3, body.o_fz_site .oe_website_jobs .col-lg-12.text-center > p, body.o_fz_site .oe_website_jobs .card h3, body.o_fz_site #o_wblog_post_content > div > a.bg-light .o_wblog_post_name, body.o_fz_site .o_wblog_post_content_field h3, body.o_fz_site .o_wblog_post .o_blog_post_title > :is(h2, h3), body.o_fz_site #o_wblog_posts_loop > .row > .col > h2{margin: 0; color: var(--cs-fz-ink); font-size: 1.25rem; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em;}body.o_fz_site .js_hr_recruitment > section + section .col-lg-8, body.o_fz_site .oe_website_jobs #jobs_grid_right > section, body.o_fz_site .oe_website_jobs #jobs_grid > .row, body.o_fz_site .o_wblog_post_content_field, body.o_fz_site #o_wblog_posts_loop{border: 0; border-radius: var(--cs-fz-radius-sheet); background: var(--cs-fz-sheet-fill); box-shadow: none;}body.o_fz_site #jobs_section #forms{border: var(--cs-fz-edge-border); border-radius: var(--cs-fz-radius-panel); background: var(--cs-fz-glass-fill); box-shadow: var(--cs-fz-edge-shadow);}body.o_fz_site main > .navbar:has(a[href$="/jobs"]) .navbar-brand > a, body.o_fz_site .website_blog .o_tag{display: inline-flex; align-items: center; gap: 8px; min-height: 28px; padding: 2px 12px; border: 0 !important; border-radius: var(--cs-fz-radius-pill); background: var(--cs-fz-chip-fill) !important; box-shadow: var(--cs-fz-chip-ring); color: var(--cs-fz-ink) !important; font-size: 0.9375rem; line-height: 1.25; font-weight: 600; white-space: nowrap; vertical-align: middle;}body.o_fz_site .website_blog .o_wblog_category{display: flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; box-sizing: border-box; width: fit-content; max-width: 100%; padding: 4px 6px; border: 0; border-radius: 26px; background: var(--cs-fz-chip-fill); box-shadow: var(--cs-fz-chip-ring); list-style: none;}body.o_fz_site .website_blog .o_wblog_category .btn{display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 44px; padding: 0 18px; border: 0; border-radius: var(--cs-fz-radius-pill); background: none; box-shadow: none; color: var(--cs-fz-ink); font-size: 1rem; line-height: 1.2; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background-color var(--cs-motion-dur-fast) var(--cs-motion-ease-out);}body.o_fz_site .website_blog .o_wblog_category .btn.active{background: rgba(var(--cs-fz-shade-rgb), 0.07); box-shadow: var(--cs-fz-pressed-shadow); color: var(--cs-fz-ink); font-weight: 700;}@media (hover: hover){body.o_fz_site .oe_website_jobs .card > a:hover::after, body.o_fz_site .website_blog .o_wblog_sheet_trigger:hover{border-color: rgba(var(--cs-fz-rim-rgb), 1); background-color: rgba(var(--cs-fz-glass-rgb), 0.97); box-shadow: var(--cs-fz-key-shadow-hover);}body.o_fz_site .o_wblog_post_content_field a:not(.btn):hover{text-decoration-color: var(--cs-fz-primary);}body.o_fz_site .website_blog .o_wblog_category .btn:hover{background: rgba(var(--cs-fz-shade-rgb), 0.05); color: var(--cs-fz-ink);}}@media (max-width: 640px){body.o_fz_site .js_hr_recruitment > section + section .col-lg-8, body.o_fz_site .oe_website_jobs #jobs_grid_right > section, body.o_fz_site .oe_website_jobs #jobs_grid > .row, body.o_fz_site .o_wblog_post_content_field, body.o_fz_site #o_wblog_posts_loop{border-radius: var(--cs-fz-radius-card);}body.o_fz_site #jobs_section #forms{border-radius: 22px;}body.o_fz_site .website_blog .o_wblog_category{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: auto;}}body.o_fz_site #jobs_section > .row > section + section > .d-flex > .text-muted, body.o_fz_site .oe_website_jobs .o_job_infos, body.o_fz_site .oe_website_jobs .card h5, body.o_fz_site #o_wblog_post_content > div > a.bg-light :is(.text-muted, small), body.o_fz_site .o_wblog_toc > h2, body.o_fz_site .o_wblog_post_content_field blockquote footer, body.o_fz_site .o_wblog_post_content_field figcaption, body.o_fz_site #o_wblog_post_top .o_wblog_post_info, body.o_fz_site .o_wblog_post .o_wblog_post_list_author, body.o_fz_site .o_wblog_post a.fw-bold.small{color: var(--cs-fz-muted) !important; font-size: 0.9375rem !important; font-weight: 500 !important;}body.o_fz_site .oe_website_jobs #jobs_grid_right > section img, body.o_fz_site #o_wblog_post_content > div > a.bg-light .o_record_cover_container, body.o_fz_site .o_wblog_post_content_field img, body.o_fz_site #o_wblog_post_top .o_wblog_post_page_cover, body.o_fz_site .o_wblog_post .o_wblog_post_cover{border: var(--cs-fz-photo-border); border-radius: var(--cs-fz-radius-card) !important; overflow: hidden;}body.o_fz_site #o_wblog_post_content > div > a.bg-light, body.o_fz_site .o_wblog_toc_mobile{border: 0 !important; border-radius: var(--cs-fz-radius-card) !important; background: var(--cs-fz-sheet-fill) !important; box-shadow: none !important;}body.o_fz_site .website_blog{color: var(--cs-fz-ink);}body.o_fz_site .website_blog > nav.container{padding-block: 24px 36px !important;}body.o_fz_site .website_blog > nav.container h1{font-size: clamp(1.75rem, 3.6vw, 3.0625rem) !important;}body.o_fz_site .website_blog .o_wblog_category{gap: 2px 4px !important;}body.o_fz_site .website_blog .o_wblog_category .btn{border: 0 !important; background: none !important; color: var(--cs-fz-ink) !important;}body.o_fz_site .website_blog .o_wblog_category .btn.active{background: rgba(var(--cs-fz-shade-rgb), 0.07) !important;}body.o_fz_site .website_blog .o_tag{text-decoration: none;}body.o_fz_site .website_blog .o_wblog_share_links > .oi{margin-right: 4px !important; box-shadow: var(--cs-fz-key-shadow) !important; font-size: 18px;}body.o_fz_site #o_wblog_posts_loop{padding: 40px !important;}body.o_fz_site #o_wblog_posts_loop > .row > .col > h2{padding: 20px 0; color: var(--cs-fz-muted);}body.o_fz_site #o_wblog_posts_loop .col-md-5 > .o_wblog_post .o_blog_post_title > :is(h2, h3){font-size: 1.5625rem !important;}body.o_fz_site .o_wblog_post{color: var(--cs-fz-ink);}body.o_fz_site .o_wblog_post .o_wblog_post_cover{margin-bottom: 18px !important; background-color: var(--cs-fz-stage);}body.o_fz_site .o_wblog_post a.fw-bold.small{font-weight: 600 !important; text-decoration: none;}body.o_fz_site .o_wblog_post .o_blog_post_title > :is(h2, h3){margin-top: 6px !important; text-wrap: balance;}body.o_fz_site .o_wblog_post .o_wblog_teaser{margin: 8px 0 12px; color: var(--cs-fz-muted); font-size: 1rem !important; line-height: 1.55;}body.o_fz_site .o_wblog_post .o_wblog_post_list_author .text-muted{color: inherit !important;}body.o_fz_site .o_wblog_post .o_wblog_post_list_author .o_wblog_post_author{color: var(--cs-fz-ink); font-weight: 600;}body.o_fz_site #o_wblog_post_top div:has(> .o_tag){margin-top: 14px;}body.o_fz_site #o_wblog_post_top .o_wblog_post_name{margin-bottom: 14px !important;}body.o_fz_site #o_wblog_post_top .o_wblog_post_subtitle{font-size: 1.25rem; line-height: 1.45;}body.o_fz_site #o_wblog_post_top .o_wblog_post_info .text-muted{color: inherit !important; font-size: inherit !important;}body.o_fz_site #o_wblog_post_top .o_wblog_post_info .o_wblog_post_author{color: var(--cs-fz-ink); font-weight: 600;}body.o_fz_site #o_wblog_post_top .o_wblog_post_page_cover{margin-top: 36px !important; border-radius: var(--cs-fz-radius-sheet) !important; box-shadow: var(--cs-fz-photo-shadow);}body.o_fz_site .o_wblog_post_content_field{padding: 40px; font-size: 1.0625rem; line-height: 1.6; font-weight: 500;}body.o_fz_site .o_wblog_post_content_field .container, body.o_fz_site .o_wblog_post_content_field .container-fluid{max-width: none; padding-inline: 0;}body.o_fz_site .o_wblog_post_content_field > section{padding-block: 0 !important;}body.o_fz_site .o_wblog_post_content_field :is(p, li, blockquote){max-width: 62ch;}body.o_fz_site .o_wblog_post_content_field h2{margin: 44px 0 14px; font-size: 1.5625rem !important;}body.o_fz_site .o_wblog_post_content_field h3{margin: 32px 0 12px; font-size: 1.25rem !important;}body.o_fz_site .o_wblog_post_content_field :is(h2, h3):first-child{margin-top: 0;}body.o_fz_site .o_wblog_post_content_field figcaption{margin-top: 10px;}body.o_fz_site .o_wblog_post_content_field blockquote{margin: 32px 0; padding: 22px 0; border: 0; border-block: 1px solid var(--cs-fz-line); font-size: 1.25rem; line-height: 1.4;}body.o_fz_site .o_wblog_post_content_field blockquote > :is(em, p){font: inherit !important; font-style: normal !important;}body.o_fz_site .o_wblog_post_content_field blockquote footer{margin-top: 12px;}body.o_fz_site .o_wblog_toc > h2{font-weight: 600 !important;}body.o_fz_site .o_wblog_toc .o_wblog_toc_nav .list-group::before{background-color: var(--cs-fz-line);}body.o_fz_site .o_wblog_toc .nav-link, body.o_fz_site .o_wblog_toc .list-group-item{min-height: 44px; padding-block: 8px !important; border-radius: 0; background: none !important; box-shadow: none; color: var(--cs-fz-muted); font-size: 0.9375rem !important; line-height: 28px; font-weight: 600;}body.o_fz_site .o_wblog_toc .nav-link.active, body.o_fz_site .o_wblog_toc .list-group-item.active{box-shadow: none; color: var(--cs-fz-ink); font-weight: 700;}body.o_fz_site .o_wblog_toc .nav-link.active::before, body.o_fz_site .o_wblog_toc .list-group-item.active::before{background-color: var(--cs-fz-primary);}body.o_fz_site .o_wblog_toc_mobile{padding: 20px 24px !important;}body.o_fz_site #o_wblog_post_content > div > a.bg-light .o_record_cover_container{border-radius: 18px !important;}body.o_fz_site #o_wblog_post_content > div > a.bg-light .o_wblog_post_name{font-size: 1.25rem !important;}body.o_fz_site .oe_website_jobs{color: var(--cs-fz-ink);}body.o_fz_site .oe_website_jobs > section{margin-block: 24px 36px !important;}body.o_fz_site .oe_website_jobs #jobs_grid > .row{margin-inline: 0; padding: 6px 32px;}body.o_fz_site .oe_website_jobs #jobs_grid > .row > div{margin-bottom: 0 !important; padding-inline: 0; border-top: 1px solid var(--cs-fz-line);}body.o_fz_site .oe_website_jobs #jobs_grid > .row > div:first-child{border-top: 0;}body.o_fz_site .oe_website_jobs .card{border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--cs-fz-ink);}body.o_fz_site .oe_website_jobs .card > a{position: relative; display: block; padding-right: 64px;}body.o_fz_site .oe_website_jobs .card > a::after{content: "arrow_forward"; position: absolute; top: 50%; right: 6px; margin-top: -22px !important; font-size: 20px;}body.o_fz_site .oe_website_jobs .card .card-body{padding: 24px 0 !important;}body.o_fz_site .oe_website_jobs .card h5{margin: 6px 0 0;}body.o_fz_site .oe_website_jobs .o_job_card_description{max-width: 62ch; margin: 10px 0 12px !important; color: var(--cs-fz-muted) !important; line-height: 1.55;}body.o_fz_site .oe_website_jobs .o_job_card_description > :last-child{margin-bottom: 0;}body.o_fz_site .oe_website_jobs .o_job_infos{flex-flow: row wrap !important; gap: 4px 20px;}body.o_fz_site .oe_website_jobs .o_job_infos .fw-light{font-weight: 500 !important;}body.o_fz_site .oe_website_jobs .o_job_infos .oi{margin-right: 6px; font-size: 18px;}body.o_fz_site .oe_website_jobs .col-lg-12.text-center{padding: 44px 0 !important;}body.o_fz_site .oe_website_jobs .col-lg-12.text-center > p{padding: 0 !important; color: var(--cs-fz-ink) !important; font-size: 1.25rem; font-weight: 700 !important; line-height: 1.4;}body.o_fz_site .oe_website_jobs .col-lg-12.text-center > img{display: none;}body.o_fz_site .oe_website_jobs #jobs_grid_right > section{padding: 28px 28px 12px;}body.o_fz_site main > .navbar:has(a[href$="/jobs"]){padding: 18px 0 0; border: 0 !important; background: none; box-shadow: none !important;}body.o_fz_site main > .navbar:has(a[href$="/jobs"]) .navbar-brand > a{min-height: 44px; padding: 0 20px; text-decoration: none;}body.o_fz_site main > .navbar:has(a[href$="/jobs"]) .navbar-brand > a > .oi{margin-right: 0 !important; color: inherit !important; font-size: 18px;}body.o_fz_site .js_hr_recruitment{color: var(--cs-fz-ink);}body.o_fz_site .js_hr_recruitment > section:first-child h5{margin-top: 12px; color: var(--cs-fz-muted);}body.o_fz_site .js_hr_recruitment > section + section .col-lg-8{flex: 0 0 auto; align-self: flex-start; width: calc(100% - 30px); margin-inline: 15px; padding: 40px !important; line-height: 1.6;}body.o_fz_site .js_hr_recruitment > section + section .col-lg-8 .lead{max-width: 62ch;}body.o_fz_site .js_hr_recruitment > section + section .col-lg-8 :is(p, li){max-width: 62ch;}body.o_fz_site #jobs_section{padding-inline: 0;}body.o_fz_site #jobs_section #forms{flex: 0 0 auto; width: calc(100% - 30px); margin-inline: 15px; padding: 36px;}body.o_fz_site #jobs_section #forms > .container{padding-inline: 0;}body.o_fz_site #jobs_section #forms .s_website_form_rows{margin-inline: 0; padding-inline: 0;}body.o_fz_site #jobs_section #forms .s_website_form_submit{margin-bottom: 0 !important;}body.o_fz_site #jobs_section > .row > section + section{padding-left: 48px !important;}body.o_fz_site #jobs_section > .row > section + section > .d-flex{padding: 12px 0; border-top: 1px solid var(--cs-fz-line);}body.o_fz_site #jobs_section > .row > section + section > .d-flex > h6{margin: 2px 0 0; font-size: 1rem; font-weight: 700;}body.o_fz_site #wrap:has(> #jobs_section) > h1{margin: 14px 0 36px !important;}@media (min-width: 992px){body.o_fz_site .js_hr_recruitment > section + section .col-lg-8{width: calc(66.66667% - 30px);}}@media (min-width: 768px){body.o_fz_site #jobs_section #forms{width: calc(75% - 30px);}}@media (max-width: 991.98px){body.o_fz_site .js_hr_recruitment > section + section .col-lg-8{margin-bottom: 20px;}body.o_fz_site .oe_website_jobs > section h1, body.o_fz_site .website_blog > nav.container h1{margin-bottom: 16px !important;}body.o_fz_site .oe_website_jobs #jobs_grid_right{margin-top: 20px;}}@media (max-width: 767.98px){body.o_fz_site #jobs_section > .row > section + section{margin-top: 28px; padding-left: 15px !important;}}@media (max-width: 640px){body.o_fz_site #o_wblog_posts_loop, body.o_fz_site .o_wblog_post_content_field, body.o_fz_site .js_hr_recruitment > section + section .col-lg-8{padding: 24px 20px !important;}body.o_fz_site .oe_website_jobs #jobs_grid > .row{padding-inline: 20px;}body.o_fz_site #jobs_section #forms{padding: 26px 20px;}}