#cancellation-offer-popup { position:relative; background:#FFF; padding:40px; max-width:900px; width:90%; margin:20px auto; } .cancellation-offer-popup-survey-item-checkbox { width:22px; height:22px; border-radius:50%; position:relative; box-sizing:border-box; border:1px solid var(--cos-accent-color); background:#fff; } .cancellation-offer-popup-survey-item--active .cancellation-offer-popup-survey-item-checkbox::after { content:""; width:14px; height:14px; background:var(--cos-accent-color); position:absolute; border-radius:50%; left:3px; top:3px; } .cancellation-offer-popup-survey__buttons { margin-top:20px; display:flex; gap:20px; flex-wrap:nowrap; justify-content:space-between; align-items:center; } .cancellation-offer-popup-survey-items { margin-top:20px; gap:10px; display:grid; grid-template-columns:1fr 1fr; grid-gap:1em; } @media screen and (max-width:600px) { .cancellation-offer-popup-survey-items {  grid-template-columns:1fr; } .cancellation-offer-popup-survey__buttons {  flex-direction:column; } #cancellation-offer-popup {  padding:30px; } } .cancellation-offer-popup-survey-item { border:1px solid #f5f5f5; padding:15px; border-radius:5px; display:flex; gap:15px; align-items:center; background:#f5f5f5; } .cancellation-offer-popup-survey-item--active { border:1px solid var(--cos-accent-color); } .cancellation-offer-popup-survey-item:not(.cancellation-offer-popup-survey-item--active):hover { background:#e5e5e5; cursor:pointer; }  .mfp-bg { top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:0.8; } .mfp-wrap { top:0; left:0; width:100%; height:100%; z-index:1043; position:fixed; outline:none !important; -webkit-backface-visibility:hidden; } .mfp-container { text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; box-sizing:border-box; } .mfp-container:before { content:''; display:inline-block; height:100%; vertical-align:middle; } .mfp-align-top .mfp-container:before { display:none; } .mfp-content { position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width:100%; cursor:auto; } .mfp-ajax-cur { cursor:progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out; } .mfp-zoom { cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; } .mfp-auto-cursor .mfp-content { cursor:auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select:none; -moz-user-select:none; user-select:none; } .mfp-loading.mfp-figure { display:none; } .mfp-hide { display:none !important; } .mfp-preloader { color:#CCC; position:absolute; top:50%; width:auto; text-align:center; margin-top:-0.8em; left:8px; right:8px; z-index:1044; } .mfp-preloader a { color:#CCC; } .mfp-preloader a:hover { color:#FFF; } .mfp-s-ready .mfp-preloader { display:none; } .mfp-s-error .mfp-content { display:none; } button.mfp-close, button.mfp-arrow { overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1046; box-shadow:none; touch-action:manipulation; } button::-moz-focus-inner { padding:0; border:0; } .mfp-close { width:44px; height:44px; line-height:44px; position:absolute; right:0; top:0; text-decoration:none; text-align:center; opacity:0.65; padding:0 0 18px 10px; color:#FFF; font-style:normal; font-size:28px; font-family:Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity:1; } .mfp-close:active { top:1px; } .mfp-close-btn-in .mfp-close { color:#333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color:#FFF; right:-6px; text-align:right; padding-right:6px; width:100%; } .mfp-counter { position:absolute; top:0; right:0; color:#CCC; font-size:12px; line-height:18px; white-space:nowrap; } .mfp-arrow { position:absolute; opacity:0.65; margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:transparent; } .mfp-arrow:active { margin-top:-54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity:1; } .mfp-arrow:before, .mfp-arrow:after { content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:medium inset transparent; } .mfp-arrow:after { border-top-width:13px; border-bottom-width:13px; top:8px; } .mfp-arrow:before { border-top-width:21px; border-bottom-width:21px; opacity:0.7; } .mfp-arrow-left { left:0; } .mfp-arrow-left:after { border-right:17px solid #FFF; margin-left:31px; } .mfp-arrow-left:before { margin-left:25px; border-right:27px solid #3F3F3F; } .mfp-arrow-right { right:0; } .mfp-arrow-right:after { border-left:17px solid #FFF; margin-left:39px; } .mfp-arrow-right:before { border-left:27px solid #3F3F3F; } .mfp-iframe-holder { padding-top:40px; padding-bottom:40px; } .mfp-iframe-holder .mfp-content { line-height:0; width:100%; max-width:900px; } .mfp-iframe-holder .mfp-close { top:-40px; } .mfp-iframe-scaler { width:100%; height:0; overflow:hidden; padding-top:56.25%; } .mfp-iframe-scaler iframe { position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.6); background:#000; }  img.mfp-img { width:auto; max-width:100%; height:auto; display:block; line-height:0; box-sizing:border-box; padding:40px 0 40px; margin:0 auto; }  .mfp-figure { line-height:0; } .mfp-figure:after { content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0, 0, 0, 0.6); background:#444; } .mfp-figure small { color:#BDBDBD; display:block; font-size:12px; line-height:14px; } .mfp-figure figure { margin:0; } .mfp-bottom-bar { margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto; } .mfp-title { text-align:left; line-height:18px; color:#F3F3F3; word-wrap:break-word; padding-right:36px; } .mfp-image-holder .mfp-content { max-width:100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor:pointer; } @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {  .mfp-img-mobile .mfp-image-holder {  padding-left:0;  padding-right:0; } .mfp-img-mobile img.mfp-img {  padding:0; } .mfp-img-mobile .mfp-figure:after {  top:0;  bottom:0; } .mfp-img-mobile .mfp-figure small {  display:inline;  margin-left:5px; } .mfp-img-mobile .mfp-bottom-bar {  background:rgba(0, 0, 0, 0.6);  bottom:0;  margin:0;  top:auto;  padding:3px 5px;  position:fixed;  box-sizing:border-box; } .mfp-img-mobile .mfp-bottom-bar:empty {  padding:0; } .mfp-img-mobile .mfp-counter {  right:5px;  top:3px; } .mfp-img-mobile .mfp-close {  top:0;  right:0;  width:35px;  height:35px;  line-height:35px;  background:rgba(0, 0, 0, 0.6);  position:fixed;  text-align:center;  padding:0; } } @media all and (max-width:900px) { .mfp-arrow {  -webkit-transform:scale(0.75);  transform:scale(0.75); } .mfp-arrow-left {  -webkit-transform-origin:0;  transform-origin:0; } .mfp-arrow-right {  -webkit-transform-origin:100%;  transform-origin:100%; } .mfp-container {  padding-left:6px;  padding-right:6px; } }