body.schnuppi-celebration-mode .module-schnuppi-tool .header h1{color:#fff}body.schnuppi-celebration-mode .module-schnuppi-tool .footer-content img{filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(220deg) brightness(108%) contrast(101%)}.module-schnuppi-tool{--primary-color:#36286d;--accent-color:#00c8ed;--success-color:#c6f002;--border-radius:8px;--transition:0.3s ease;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--header-height:130px;--footer-height:50px;--grid-gap:var(--spacing-sm);font-family:Effra,sans-serif;@media (max-height:720px){overflow-y:auto!important}.btn-primary{background:#c6f002;border-radius:33px;color:#000;display:inline-block;font-family:Open Sans,sans-serif;font-weight:700;margin-bottom:0;padding:15px 25px;text-align:center;user-select:none;vertical-align:middle;&:focus,&:hover{background:#fff;color:#000}}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius);display:flex;font-size:var(--bs-progress-font-size);height:var(--bs-progress-height);overflow:hidden;.progress-bar{background-color:var(--bs-progress-bar-bg);color:var(--bs-progress-bar-color);display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;transition:var(--bs-progress-bar-transition);white-space:nowrap}}&.celebration{background-color:var(--primary-color);:not(a){color:#fff!important}.header-content{height:calc(var(--header-height)*.6);margin-bottom:0!important}}.row.height-limiter{margin:0}.col-12{display:flex;flex-direction:column;padding:0}.module-container{display:flex;flex-direction:column;height:100dvh;padding:0 var(--spacing-sm);width:100%;@media (min-width:576px){padding:0 var(--spacing-md)}}.header-content{display:flex;flex-direction:column;flex-shrink:0;height:var(--header-height);padding-top:15px;h1{color:#333;font-family:QuatroSlab,Roboto Slab,sans-serif;font-size:clamp(36px,7vw,44px);font-weight:900;line-height:1.2;margin-bottom:10px;@media (min-width:576px){font-size:clamp(28px,6vw,42px)}@media (min-width:992px){font-size:clamp(24px,8vw,48px)}}p.subtext{font-size:clamp(14px,3.5vw,16px);font-weight:700;line-height:1.2;margin-bottom:8px;@media (min-width:576px){font-size:clamp(18px,4vw,20px)}}.progress{background-color:#e9ecef;border-radius:4px;height:12px;overflow:hidden;.progress-bar{background-color:#333!important;border-bottom-right-radius:10px;border-top-right-radius:10px;filter:drop-shadow(2px 1px 4px #777777B8);transition:width var(--transition)}}@media (min-width:992px){margin-bottom:20px}}.content{flex:1;min-height:0;overflow:hidden;.steps{height:100%;.swiper-slide{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-sm) 0;.row{height:100%;margin-left:unset;margin-right:unset;width:100%}}.step-1{.row{height:100%;.col-12{height:100%}}.jobs{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);height:100%;width:100%;.job{background:none;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;min-height:44px;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition);&.specialization{display:none}.job-image{align-items:center;display:flex;height:70%;justify-content:center;overflow:hidden;position:relative;width:100%;img{height:100%;mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;min-height:100%;min-width:100%;object-fit:cover;object-position:center;width:100%}}.job-text{align-items:flex-start;display:flex;height:30%;justify-content:flex-start;padding-top:5px!important;.label{display:-webkit-box;font-family:QuatroSlab,Roboto Slab,sans-serif;font-size:clamp(12px,3.5vw,14px);font-weight:900;line-height:1.2;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%}}}@media (min-width:576px) and (max-width:991px){gap:15px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);.job{.job-text{.label{font-size:clamp(13px,3vw,15px)}}}}@media (min-width:992px){gap:30px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);.job{.job-image{img{aspect-ratio:16/12}}.job-text{.label{font-size:24px}}}}}}.step-2{.canton-selection{display:flex;flex-direction:column;gap:var(--spacing-md);select{border:2px solid #333;border-radius:var(--border-radius);padding:var(--spacing-sm)}button,select{font-size:16px;min-height:44px}button{width:100%}}.loading-animation{display:none;overflow:hidden;text-align:center;img{height:auto;max-width:200px;width:100%}}}.step-3{display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:space-between;.calendar-container{height:100%;margin-bottom:1rem;min-height:350px;overflow:hidden;position:relative;@media (min-width:992px){flex:1;height:auto;max-height:none;min-height:400px}}.calendar{height:100%;width:100%;table{margin-bottom:0}& *{background:none;border:none;color:#000;font-weight:700;text-decoration:none}.fc-button-group{margin:0}.fc-selected-day{background-color:rgba(198,240,2,.3)!important;color:#fff}.fc-range-start{border-bottom-left-radius:50%;border-top-left-radius:50%}.fc-range-end,.fc-range-start{background-color:#c6f002!important}.fc-range-end{border-bottom-right-radius:50%;border-top-right-radius:50%}.fc-day-past,.fc-day-sat,.fc-day-sun,.fc-day-today{& *{opacity:.6;pointer-events:none}}.fc-header-toolbar{background-color:#333;border-radius:var(--border-radius);color:#fff;margin-bottom:10px;min-height:104px;padding:12px;& *{color:#fff}}.fc-view-harness{table.fc-col-header thead th{background:none;border:none}tbody{.fc-daygrid-day-frame{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center;min-height:35px;width:100%;@media (min-width:576px){min-height:40px}}.fc-daygrid-day{position:relative;width:100%;&:before{content:"";display:block;padding-top:100%}.fc-daygrid-day-frame{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}}}}@media (max-width:450px){.fc-toolbar-chunk{display:flex;flex-direction:column;button{padding:0!important}&:nth-of-type(3){flex-basis:60px;flex-shrink:0}}.fc-button-group{flex-direction:column}}}.calendar-loading{align-items:center;background-color:hsla(0,0%,100%,.95);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10;.loading-animation{height:100%;padding:var(--spacing-md);text-align:center;width:100%;img{height:100%}}}>button{flex-shrink:0;font-size:16px;margin-top:0;min-height:50px;width:100%}.no-results{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:var(--border-radius);color:#6c757d;display:none;flex-shrink:0;font-style:italic;margin-top:var(--spacing-sm);padding:var(--spacing-md);text-align:center}}.step-4{.companies{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:80%;width:100%;.company{align-items:center;border:1px solid #000;border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:44px;overflow:hidden;padding:calc(var(--spacing-xs)*.75);transition:transform var(--transition),box-shadow var(--transition);.name{display:-webkit-box;font-family:QuatroSlab,Roboto Slab,sans-serif;font-weight:900;margin-bottom:var(--spacing-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.name,.place{font-size:18px;line-height:1.1;text-align:center}&.next-box{background-color:var(--accent-color);color:#fff;.show-more{font-size:clamp(14px,3.5vw,16px);font-weight:700;margin-bottom:var(--spacing-xs);text-align:center}.next-arrow{align-items:center;background-color:#fff;border-radius:50%;display:flex;flex-shrink:0;height:clamp(28px,6vw,32px);justify-content:center;width:clamp(28px,6vw,32px);img{height:60%;width:60%}}}}@media (min-width:576px) and (max-width:991px){gap:12px;.company{padding:var(--spacing-sm);.show-more{font-size:clamp(16px,4vw,20px)}.next-arrow{height:clamp(32px,8vw,40px);width:clamp(32px,8vw,40px)}}}@media (min-width:992px){gap:15px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:unset;.company{aspect-ratio:16/12;padding:var(--spacing-sm);.show-more{font-size:clamp(16px,4vw,20px)}.next-arrow{height:clamp(32px,8vw,40px);width:clamp(32px,8vw,40px)}}}}.pagination{align-items:center;display:flex;gap:10px;height:20%;justify-content:center;.item{align-items:center;border:1px solid #000;border-radius:50%;display:flex;height:30px;justify-content:center;width:30px;&.active{background-color:var(--accent-color);border-color:var(--accent-color)}}@media (min-width:992px){margin-top:30px;.item{height:35px;width:35px}}}}.step-5{overflow:auto;form{display:flex;flex-direction:column;gap:calc(var(--spacing-sm)*.75);height:100%;.form-group{margin-bottom:calc(var(--spacing-sm)*.75)}input,label{font-family:Effra,sans-serif!important}input[type=email],input[type=tel],input[type=text]{border:2px solid #333;border-radius:var(--spacing-sm);font-size:16px;min-height:44px;min-width:90px;padding:var(--spacing-sm);transition:border-color var(--transition);&.is-invalid{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}}input[type=checkbox]{border:2px solid #333;border-radius:4px;height:20px;width:20px;&.is-invalid{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}}input[type=radio]{border:2px solid #333}.form-check-input:checked{background-color:#333}.age-verification{align-items:flex-start;column-gap:clamp(1rem,1rem + 2vw,3rem)!important;display:flex;flex-direction:column;flex-wrap:wrap;margin-bottom:5px;row-gap:.5rem}.parent-mobile{display:none;margin-bottom:0!important;transform-origin:top;transition:all var(--transition) ease-in-out;>div{align-items:center;column-gap:20px;display:flex;flex-wrap:wrap;justify-content:space-between;label{flex-shrink:0}input{flex:1;height:44px}}}.opt-in{a{color:#000;text-decoration-color:#c6f002}}.btn-submit{border-radius:50px;font-size:16px;margin-bottom:1rem;margin-top:auto;min-height:44px}}@media (min-width:576px){form{gap:var(--spacing-sm);.form-group{margin-bottom:var(--spacing-sm)}.form-group.form-check{margin-bottom:var(--spacing-lg)}.age-verification{align-items:center;flex-direction:row;margin-bottom:10px}.parent-mobile{max-height:none;opacity:1;transition:none}}}}.step-6{&.celebration-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;position:relative;text-align:center;.celebration-video{align-items:center;display:flex;height:70%;justify-content:center;margin-bottom:20px;position:relative;width:100%;img{display:block;height:100%;inset:0;margin:auto;max-height:100%;object-fit:contain;position:absolute;width:100%;&.celebration{z-index:1}&.confetti{object-fit:cover;pointer-events:none;z-index:2}}}.celebration-message{h2{font-family:QuatroSlab,Roboto Slab,sans-serif;font-size:clamp(20px,5vw,32px);font-weight:900;margin-bottom:var(--spacing-sm)}p{font-size:clamp(14px,4vw,18px);margin-bottom:0}}.bottom{display:flex;flex:1;flex-direction:column;justify-content:center;width:100%;.celebration-actions{button{color:#000;font-size:16px;min-height:44px;padding:var(--spacing-sm) var(--spacing-lg);width:100%}}.slanted-text{font-family:QuatroSlab,Roboto Slab,sans-serif;font-size:30px;font-weight:900;margin-top:30px;transform:rotate(348deg)}}.confetti-container{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:10}@media (min-width:992px){.celebration-video{height:70%;img{height:100%;max-width:100%;width:auto}}.bottom{.celebration-actions{button{font-size:30px;line-height:1;padding:18px 60px;width:auto}}}}}}}}.footer-content{align-items:center;display:flex;flex-shrink:0;height:var(--footer-height);.step-back{align-items:center;border-radius:var(--spacing-sm);color:#000;display:none;gap:var(--spacing-xs);min-height:44px;padding:var(--spacing-xs);text-decoration:none;transition:background-color var(--transition);>div{align-items:center;display:flex;img{height:20px;margin-right:10px;width:20px}.text{font-size:clamp(13px,2.5vw,15px)}}}}}@keyframes fall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sr-only{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}