@font-face{font-family:"SeatBlack";src:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Black.eot");src:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Black.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"SeatBold";src:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Bold.eot");src:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}
@font-face{font-family:"SeatMedium";src:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Medium.eot");src:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"SeatRegular";src:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Regular.eot");src:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/fonts/SeatBcn-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}
@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
.cmp-button{position:relative;display:flex;align-items:center;width:100%;height:40px;border-radius:2px;background-color:#ece9e1;padding:12px 16px;cursor:pointer;transition:all .15s ease-in-out;border:0}
.cmp-button__text{width:100%;height:16px;text-align:center;color:#190f14;font-size:14px;line-height:16px;font-family:'SeatBold',sans-serif;font-weight:700;overflow:hidden;max-height:16px}
@media(hover:hover){.cmp-button:hover{opacity:.6;text-decoration:none}
}
.cmp-button:disabled{cursor:not-allowed;opacity:.4}
.mod__short-height-button .cmp-button{height:32px;padding:7px 16px 9px}
.mod__short-height-button .cmp-button__text{height:auto;line-height:1.33;font-size:12px}
@media(min-width:1016px){.cmp-button{height:48px;padding:13px 16px 15px}
.cmp-button__text{font-size:16px;line-height:20px;height:20px;max-height:20px}
}
.mod__primary-button .cmp-button{background-color:#190f14;border-radius:50px}
@media(hover:hover){.mod__primary-button .cmp-button:hover{opacity:.8}
}
.mod__primary-button .cmp-button__text{color:#ece9e1}
.mod__primary-button .cmp-button:disabled{background-color:#190f14}
.mod__light-primary-button .cmp-button{border-radius:50px}
.mod__secondary-button{border-radius:50px}
.mod__secondary-button .cmp-button{border:solid 1px #190f14;background-color:transparent;border-radius:50px}
.mod__secondary-button .cmp-button__text{color:#190f14}
@media(hover:hover) and (pointer:fine){.mod__secondary-button .cmp-button:hover{opacity:1;box-shadow:0 0 0 1px #190f14}
}
.mod__secondary-button .cmp-button:disabled{opacity:.2}
.mod__light-secondary-button{border-radius:50px}
.mod__light-secondary-button .cmp-button{border:solid 1px #f5f5f5;background-color:transparent;border-radius:50px}
.mod__light-secondary-button .cmp-button__text{color:#f5f5f5}
@media(hover:hover) and (pointer:fine){.mod__light-secondary-button .cmp-button:hover{opacity:1;box-shadow:0 0 0 1px #f5f5f5}
}
.mod__light-secondary-button .cmp-button:disabled{opacity:.2}
.mod__tertiary-button{position:relative;overflow:hidden}
.mod__tertiary-button .cmp-button{border:0;background:transparent;z-index:1}
.mod__tertiary-button .cmp-button__text{color:#f5f5f5}
.mod__tertiary-button .cmp-button:before,.mod__tertiary-button .cmp-button:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s ease;z-index:-1}
.mod__tertiary-button .cmp-button:before{background:linear-gradient(90deg,#f31d57 50%,var(--color-brand-primary) 100%);border-radius:50px}
.mod__tertiary-button .cmp-button:after{background:linear-gradient(90deg,#c20a3c 50%,var(--color-brand-primary) 100%);border-radius:50px;opacity:0}
@media(hover:hover){.mod__tertiary-button .cmp-button:hover{opacity:1}
.mod__tertiary-button .cmp-button:hover:after{opacity:1}
}
.mod__tertiary-button .cmp-button:disabled{opacity:1;color:#e3e3e4}
.mod__tertiary-button .cmp-button:disabled:before{background:#b7b6b9}
.mod__link-button .cmp-button{padding:0;width:max-content;height:auto;text-decoration:none;border:0;background-color:transparent;display:inline-block}
.mod__link-button .cmp-button__text{font-family:'SeatRegular',sans-serif;font-weight:400;color:#190f14;font-size:14px;line-height:16px;height:auto}
.mod__link-button .cmp-button:after{content:'';position:absolute;width:100%;height:1px;bottom:0;left:0;transition:all .15s ease-in-out;background-color:#190f14}
@media(hover:hover){.mod__link-button .cmp-button:hover{border:0;text-decoration:none}
.mod__link-button .cmp-button:hover:after{opacity:.6}
}
@media(min-width:1016px){.mod__link-button .cmp-button__text{font-size:16px;line-height:20px}
}
.mod__light-link-button .cmp-button{padding:0;width:max-content;height:auto;text-decoration:none;border:0;background-color:transparent;display:inline-block}
.mod__light-link-button .cmp-button__text{font-family:'SeatRegular',sans-serif;font-weight:400;color:#ece9e1;font-size:14px;line-height:16px;height:auto}
.mod__light-link-button .cmp-button:after{content:'';position:absolute;width:100%;height:1px;bottom:0;left:0;transition:all .15s ease-in-out;background-color:#ece9e1}
@media(hover:hover){.mod__light-link-button .cmp-button:hover{border:0;text-decoration:none}
.mod__light-link-button .cmp-button:hover:after{opacity:.6}
}
@media(min-width:1016px){.mod__light-link-button .cmp-button__text{font-size:16px;line-height:20px}
}
.mod__arrow-button .cmp-button{border:0;background-color:transparent;width:auto;height:16px;justify-content:flex-start;padding:0}
.mod__arrow-button .cmp-button__text{width:auto;height:16px;text-align:start;color:#190f14;transition:none}
.mod__arrow-button .cmp-button:after{content:'';width:7px;height:12px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-image:url("../../../../../../etc.clientlibs/private-area/seat/components/page/base/clientlibs/resources/icons/button-arrow-right-dark.svg");margin:6px 8px 6px 9px}
@media(min-width:1016px){.mod__arrow-button .cmp-button .cmp-button{height:20px}
.mod__arrow-button .cmp-button .cmp-button__text{height:20px}
}
.mod__arrow-left-button .cmp-button{border:0;background-color:transparent;width:auto;height:16px;justify-content:flex-start;padding:0}
.mod__arrow-left-button .cmp-button__text{width:auto;height:16px;text-align:start;color:#190f14;transition:none}
.mod__arrow-left-button .cmp-button:before{content:'';width:7px;height:12px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-image:url("../../../../../../etc.clientlibs/private-area/seat/components/page/base/clientlibs/resources/icons/button-arrow-right-dark.svg");margin:6px 7px 6px 9px;transform:rotate(180deg)}
@media(min-width:1016px){.mod__arrow-left-button .cmp-button .cmp-button{height:20px}
.mod__arrow-left-button .cmp-button .cmp-button__text{height:20px}
}
.mod__light-arrow-button .cmp-button{border:0;background-color:transparent;width:auto;height:16px;justify-content:flex-start;padding:0}
.mod__light-arrow-button .cmp-button__text{width:auto;height:16px;text-align:start;color:#ece9e1;transition:none}
.mod__light-arrow-button .cmp-button:after{content:'';width:7px;height:12px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-image:url("../../../../../../etc.clientlibs/private-area/seat/components/page/base/clientlibs/resources/icons/button-arrow-right-light.svg");margin:6px 8px 6px 9px}
@media(min-width:1016px){.mod__light-arrow-button .cmp-button .cmp-button{height:20px}
.mod__light-arrow-button .cmp-button .cmp-button__text{height:20px}
}
.mod__light-arrow-left-button .cmp-button{border:0;background-color:transparent;width:auto;height:16px;justify-content:flex-start;padding:0}
.mod__light-arrow-left-button .cmp-button__text{width:auto;height:16px;text-align:start;color:#ece9e1;transition:none}
.mod__light-arrow-left-button .cmp-button:before{content:'';width:7px;height:12px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-image:url("../../../../../../etc.clientlibs/private-area/seat/components/page/base/clientlibs/resources/icons/button-arrow-right-light.svg");margin:6px 7px 6px 9px;transform:rotate(180deg)}
@media(min-width:1016px){.mod__light-arrow-left-button .cmp-button .cmp-button{height:20px}
.mod__light-arrow-left-button .cmp-button .cmp-button__text{height:20px}
}
@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
.cmp-cancellation-appointment__close-icon{background-image:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/icons/close/close-black.svg")}
.cmp-cancellation-appointment__wrapper{background-color:#fff}
.cmp-cancellation-cancel__title .cmp-title__text{color:#190f14;font-family:'SeatBlack',sans-serif}
.cmp-cancellation-cancel__title-appt-details .cmp-title__text{color:#1b1b1b;font-family:'SeatMedium',sans-serif}
.cmp-cancellation-cancel__block,.cmp-cancellation-cancel__workshop-links{color:#666;font-family:'SeatRegular',sans-serif}
.cmp-cancellation-cancel__block:nth-of-type(2):before,.cmp-cancellation-cancel__workshop-links:nth-of-type(2):before{background-image:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/icons/ico-ba-calendar-orange.svg")}
.cmp-cancellation-cancel__block:nth-of-type(3):before,.cmp-cancellation-cancel__workshop-links:nth-of-type(3):before{background-image:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/icons/ico-location.svg")}
.cmp-cancellation-cancel__block:nth-of-type(4):before,.cmp-cancellation-cancel__workshop-links:nth-of-type(4):before{background-image:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/icons/ico-ba-repair.svg")}
.cmp-cancellation-cancel__workshop-name{font-family:'SeatMedium',sans-serif}
@media(min-width:764px){.cmp-cancellation-cancel__title .cmp-title__text{line-height:32px}
}
@media(min-width:1436px){.cmp-cancellation-cancel__title .cmp-title__text{line-height:44px}
}
.cmp-cancellation-reason__title .cmp-title__text{color:#190f14;font-family:'SeatBlack',sans-serif}
.cmp-cancellation-reason__text p{color:#190f14;font-family:'SeatMedium',sans-serif}
.cmp-cancellation-reason__content .cmp-input-text__input{padding:8px}
.cmp-cancellation-reason__content .cmp-input-text__input::placeholder{color:#190f14}
@media(min-width:764px){.cmp-cancellation-reason__title .cmp-title__text{line-height:32px}
}
@media(min-width:1436px){.cmp-cancellation-reason__title .cmp-title__text{line-height:44px}
}
.cmp-cancellation-message.mod__confirmation:before{background-image:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/icons/ico-ba-check.svg")}
.cmp-cancellation-message.mod__error:before{background-image:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/icons/ico-ba-warning.svg")}
.cmp-cancellation-message .cmp-title__text{color:#190f14;font-family:'SeatBlack',sans-serif}
.cmp-cancellation-message .cmp-text p{color:#1b1b1b;font-family:'SeatRegular',sans-serif}
@media(min-width:764px){.cmp-cancellation-message .cmp-title__text{line-height:32px}
}
@media(min-width:1016px){.cmp-cancellation-message .cmp-text p{font-family:'SeatMedium',sans-serif}
}
@media(min-width:1436px){.cmp-cancellation-message .cmp-title__text{line-height:44px}
}