.view{display:flex;justify-content:center;padding:0 0 16px;height:100vh;max-width:450px;width:100%;margin:0 auto;background:#fff}.view--safe-ios{padding-bottom:37px}.button{width:100%;padding:16px 0;border:none;border-radius:16px;cursor:pointer;font-size:17px;font-weight:500;display:flex;justify-content:center;align-items:center;gap:5px}.button--primary{background:var(--accent-color-gradient);color:var(--accent-color-text)}.button--secondary{background:var(--light-gray);color:var(--accent-color-static)}.button:disabled{background:#eee;color:#b7b7b7}.button:disabled>svg{--accent-color-static: #EEEEEE;--accent-color-text: #B7B7B7}.input{width:100%;display:flex;align-items:center;gap:16px;position:relative;z-index:4}.input__inner{background:#f7f7f7;border-radius:16px;width:100%;display:flex;justify-content:space-between;align-items:center;transition:all .2s;z-index:2}.input.focus .input__inner{width:82%}.input__vanilla{flex:1;padding:18px;width:100%;background:transparent;color:#000;outline:none;border:none;caret-color:var(--accent-color-static);font-size:15px;font-weight:400}.input__inner::placeholder{color:#7a7a7a}.input__icon{margin-left:10px;color:#7a7a7a}.input__clear{background:url(images/icons/button-clear.svg) center / contain no-repeat;height:17px;width:17px;margin-left:8px;margin-right:16px;cursor:pointer}.input__clear:hover{opacity:.9}.input__cancel{position:absolute;right:16px;opacity:0;background:none;color:var(--accent-color-static);outline:none;border:none;font-size:17px;transition:opacity .2s;z-index:1}.input.focus .input__cancel{display:block;opacity:1}.radio-button{width:100%;cursor:pointer;font-size:17px;font-weight:500}.radio-button__vanilla{position:absolute;width:0;height:0;clip-path:inset(0)}.radio-button__inner{width:100%;padding:16px 0;background:var(--light-gray);color:#000;border-radius:16px;display:flex;justify-content:center;align-items:center;gap:5px}.radio-button__icon{width:22px}.radio-button__inner span{color:inherit}.radio-button__vanilla:checked+.radio-button__inner{background:var(--accent-color-gradient);color:var(--accent-color-text)}.radio-button-circle{height:24px;width:24px;border:1px solid #7B7B7C;border-radius:50%}.radio-button__vanilla:checked+.radio-button-circle{position:relative;height:24px;width:24px;border:2px solid var(--accent-color-static);border-radius:50%;display:flex;align-items:center;justify-content:center}.radio-button__vanilla:checked+.radio-button-circle:before{content:"";background:var(--accent-color-static);position:absolute;border-radius:50%;height:12px;width:12px}.checkbox__symbol{display:none;color:var(--accent-color-static)}.checkbox__vanilla:checked~.checkbox__symbol{display:block}.checkbox__box .checkbox__icon{display:none}.checkbox__vanilla:checked~.checkbox__box{background:var(--accent-color-static);color:var(--accent-color-text)}.checkbox__vanilla:checked~.checkbox__box .checkbox__icon{position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox__vanilla{position:absolute;width:0;height:0;clip-path:inset(0)}.checkbox__box{position:relative;height:28px;width:28px;background:#efeff0;border-radius:8px}.action-button{border:none;display:flex;width:38px;height:38px;padding:10px;justify-content:center;align-items:center;gap:10px;border-radius:9px;background:#f0f0f0}.card-remove__text-button,.card-remove__button{outline:none;border:none;cursor:pointer;font-size:15px}.card-remove__text-button{color:#929292;background:none}.card-remove__button{color:var(--accent-color-text);background:var(--accent-color-static);border-radius:8px;height:28px;min-width:28px}.textarea{width:100%;display:flex;align-items:center;gap:16px;position:relative;z-index:4}.textarea__inner{background:#f7f7f7;border-radius:16px;padding:18px 16px;width:100%;display:flex;justify-content:space-between;align-items:start;transition:all .2s;z-index:2}.textarea.focus .textarea__inner{width:82%}.textarea__vanilla{flex:1;width:100%;background:transparent;color:#000;outline:none;border:none;caret-color:var(--accent-color-static);font-size:15px;font-weight:400}.textarea__inner::placeholder{color:#7a7a7a}.textarea__icon{margin-left:10px;color:#7a7a7a}.textarea__clear{background:url(images/icons/button-clear.svg) center / contain no-repeat;height:17px;width:17px;margin-left:8px;cursor:pointer}.textarea__clear:hover{opacity:.9}.textarea__cancel{position:absolute;right:0;opacity:0;background:none;color:var(--accent-color-static);outline:none;border:none;font-size:17px;transition:opacity .2s;z-index:1}.textarea.focus .textarea__cancel{display:block;opacity:1}.card-drop-down{width:100%;border-radius:12px;position:relative}.card-drop-down__header{position:relative;z-index:3;background:#fff;border-radius:0 0 12px 12px}.card-drop-down__header-inner{border-radius:12px;padding:10px 8px 10px 16px;display:flex;justify-content:space-between;gap:4px}.card-drop-down.show>.card-drop-down__header .card-drop-down__header-inner{border-radius:12px 12px 0 0}.card-drop-down__title{flex:1;font-size:15px;font-weight:510;line-height:24px;display:flex;align-items:center;justify-content:space-between}.card-drop-down__arrow{display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:590;width:29px;text-align:center;transition:.3s}.card-drop-down.show>.card-drop-down__header .card-drop-down__arrow{transform:rotate(90deg)}.card-drop-down__counter{background:var(--accent-color-static);border-radius:50%;height:22px;width:22px;display:flex;align-items:center;justify-content:center;color:var(--accent-color-text);font-size:12px}.card-drop-down__content{opacity:0;max-height:0;overflow:hidden;transition:all .2s ease-out}.card-drop-down.show>.card-drop-down__header:after{content:"";position:absolute;background:#b4b4b6;opacity:.5;bottom:0;z-index:2;right:0;width:95%;height:1px}.card-drop-down__content .card-drop-down__header{background:transparent;z-index:2}.card-drop-down__content{padding-left:16px}.card-drop-down__content .card-drop-down__content{padding-left:0}.card-drop-down__content .card-drop-down__content>*{padding-left:32px!important}.card-drop-down__content>*:not(:last-child):after{content:"";position:absolute;background:#b4b4b6;opacity:.5;bottom:0;z-index:2;right:0;width:100%;height:1px}.card-drop-down__content>.card-drop-down .card-drop-down__header:after{width:100%}.card-select{width:100%;padding:12px 16px;border-radius:16px;font-size:17px;background:var(--light-gray);display:flex;align-items:center;justify-content:space-between}.card-select__button{font-weight:590;font-size:17px;color:var(--accent-color-static)}.card-select__menu{position:absolute;width:250px;background:#f6f5f599;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;box-shadow:0 0 32px #0003;overflow:hidden;z-index:9}.card-select__item{padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.card-select__item:not(:last-child){border-bottom:1px solid #BDBABA}.card-select__item:active{background:#ebebeb}.card{overflow:hidden;background:var(--light-gray)}.card__title{font-size:17px;font-weight:510;color:#0a0a0a}.card__text{font-size:13px}.card.disabled>*{opacity:.5}.tag{font-size:12px;font-weight:400;padding:6px 12px;border-radius:8px}.tag__content{display:flex;align-items:center;gap:5px;z-index:2}.tag__icon{height:13px}.progress-bar{background:#ecf1f5;width:100%;border-radius:12px}.progress-bar__inner{background:var(--accent-color-gradient);height:4px;border-radius:12px;transition:all .5s ease}.circular-progress-bar{display:flex;position:relative}.circular-progress-bar__number{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column}.circular-progress-bar__circle{transition:all .3s}.question{background:var(--light-gray);padding:12px;display:flex;flex-direction:column;gap:12px;width:100%;border-radius:16px}.question__value{text-align:center;font-size:15px;font-weight:500}.question__options{display:flex;justify-content:space-between;align-items:center;gap:10px}.question__option .question__option-circle{height:44px;width:44px;border:1px solid black;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer}.question__option:nth-child(2) .question__option-circle,.question__option:nth-child(6) .question__option-circle{height:36px;width:36px;font-size:15px}.question__option:nth-child(3) .question__option-circle,.question__option:nth-child(5) .question__option-circle{height:28px;width:28px;font-size:12px}.question__option:nth-child(4) .question__option-circle{height:24px;width:24px;border:1px solid #B8B8B8;font-size:11px}.question__option:nth-child(n+5) .question__option-circle{border:1px solid var(--accent-color-static)}.radio-button__vanilla:checked+.question__option-circle{background:#000}.question__option:nth-child(4) .radio-button__vanilla:checked+.question__option-circle{background:#b8b8b8}.question__option:nth-child(n+5) .radio-button__vanilla:checked+.question__option-circle{background:var(--accent-color-gradient)}.radio-button__vanilla:checked+.question__option-circle:before{content:"􀆅";font-weight:590;color:#fff;animation:check-mark-animation .5s ease}.question__option:nth-child(n+5) .radio-button__vanilla:checked+.question__option-circle:before{content:"􀆅";font-weight:590;color:var(--accent-color-text);animation:check-mark-animation .5s ease}@keyframes check-mark-animation{0%{transform:scale(1.3)}50%{transform:scale(.8)}to{transform:scale(1)}}.loader{border-bottom-color:transparent!important;border-radius:50%;display:inline-block;box-sizing:border-box;animation:loader-animation 1s linear infinite}@keyframes loader-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popup{position:absolute;top:0;left:0;height:100%;width:100%;z-index:8;display:flex;align-items:center;justify-content:center;transition:height .5s}.popup__backdrop{position:absolute;height:100vh;width:100%;top:0;left:0;background:#00000080}.popup__backdrop.show{animation:animation__popup__backdrop .4s forwards}.popup__backdrop.hide{animation:animation__popup__backdrop .7s forwards reverse}@keyframes animation__popup__backdrop{0%{background:#0000}to{background:#00000080}}.popup__window{background:#fff;padding:32px 22px 22px;border-radius:16px;position:relative;width:calc(100% - 32px);max-width:418px;display:flex;flex-direction:column;gap:22px}.popup__window.show{animation:animation__popup__window .4s forwards}.popup__window.hide{animation:animation__popup__window .4s forwards reverse}@keyframes animation__popup__window{0%{transform:translateY(-100vh)}50%{transform:translateY(50px)}to{transform:translateY(0)}}.popup__close{position:absolute;top:12px;right:12px;background:url(images/icons/button-clear.svg) center / contain no-repeat;height:17px;width:17px;cursor:pointer}.popup__title{text-align:center;font-size:24px;font-weight:510}.popup__buttons{display:flex;flex-direction:column;gap:8px}.toggle__checkbox{position:absolute;width:0;height:0;clip-path:inset(0)}.toggle__inner{display:block;width:50px;padding:3px 0;background:#cacaca;border-radius:100px;display:flex;justify-content:center;flex-direction:column;transition:background .2s}.toggle__circle{width:25px;height:25px;background:#fff;border-radius:50%;margin:0 3px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f;transition:transform .2s}.toggle__checkbox:checked+.toggle__inner{background:var(--accent-color-static)}.toggle__checkbox:checked+.toggle__inner .toggle__circle{transform:translate(calc(100% - 6px))}.segmented-control{background:#eeeeef;border-radius:9px;position:relative;height:28px;width:100%;display:flex;align-items:center;padding:2px}.segmented-control__item{flex:1;color:#000;height:24px;text-align:center;background:none;border:none;outline:none;font-size:13px;position:relative;z-index:2}.segmented-control__item.active{font-weight:590}.segmented-control__switcher{position:absolute;left:0;height:24px;background:#fff;border-radius:7px;z-index:1;transition:.2s}.tabbar{position:fixed;left:50%;bottom:0;transform:translate(-50%);background:#ffffffbf;width:100%;max-width:450px;display:flex;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:16px 0;justify-content:space-evenly}.tabbar:before{content:"";position:absolute;height:1px;width:100vw;max-width:450px;top:0;background:#ebeef2}.tabbar--safe-ios{padding-bottom:32px}.tabbar__item{background:none;outline:none;border:none;display:flex;align-items:center;justify-content:center;width:52px;height:44px}.main-page__seeds{align-self:flex-start;background:#f7f7f7;border-radius:9px;font-size:13px;padding:6px 10px;display:flex;align-items:center;gap:6px}.skeleton{background:#e6e6e6;border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 5s infinite}@keyframes shimmer{to{transform:translate(100%)}}.location{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.map{position:relative;width:100%}.map__container{width:100%;height:400px;border-radius:16px;overflow:hidden}.mapboxgl-control-container{display:none}.mapboxgl-canvas{width:100%!important}.map__marker{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 32px));background:var(--accent-color-gradient);color:var(--accent-color-text);padding:9px 16px;border-radius:12px;font-size:15px;min-width:100px;text-align:center}.map__marker:after{content:"";position:absolute;height:20px;width:20px;background:var(--accent-color-gradient);bottom:-10px;left:calc(50% - 10px);transform:rotate(-45deg);border-radius:0 0 0 5px;z-index:-1}.map__current-location{position:absolute;z-index:9;bottom:12px;left:50%;transform:translate(-50%);background:#393939;color:#fff;border-radius:12px;width:calc(100% - 24px);padding:9px 0;outline:none;border:none;font-size:15px}.location__cities{width:100%;display:flex;flex-direction:column;gap:8px}.counter{display:flex;align-items:center}.counter__button{background:var(--light-gray);color:var(--accent-color-static);border-radius:8px;font-size:15px;font-weight:510;height:34px;width:34px;outline:none;border:none}.counter__button:disabled{opacity:.4;color:gray}.counter__count{width:34px;display:flex;justify-content:center;font-size:15px;font-weight:590}.avatar{position:relative}.avatar__photo{background-size:cover;background-position:center;border-radius:50%}.avatar__theme{position:absolute}.profile-preview{padding:12px;border-radius:16px;display:flex;flex-direction:column;gap:12px}.profile-preview__header{display:flex;gap:12px}.profile-preview__header-info{display:flex;flex-direction:column;gap:8px}.profile-preview__header-name{color:#202020;font-size:17px;font-weight:590}.profile-preview__header-tags{display:flex;flex-wrap:wrap;gap:8px}.profile-preview__biography{font-size:12px;line-height:16px}.profile-preview__buttons{display:flex;align-items:center;gap:4px}.register-page{display:flex;flex-direction:column;flex:1;gap:16px}.register-page__content{padding-top:16px;flex:1;display:flex;flex-direction:column;align-items:center;gap:22px}.register-page__logo{width:100%;padding:22px;color:#e43985;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.register-page__logo-title{font-size:40px;font-weight:600}.register-page__logo-subtitle{font-size:20px;margin-bottom:20px}.register-page__choose-theme{font-size:20px;font-weight:500;border-radius:16px;padding:15px 24px 15px 15px;width:100%;display:flex;align-items:center;justify-content:space-between}.register-page__choose-theme-left{display:flex;align-items:center;gap:11px}.register-page__choose-theme-image{width:28px}.register-page__progress{padding-top:12px;display:flex;align-items:center;gap:12px}.register-page__image{height:200px}.register-page__text{display:flex;flex-direction:column;align-items:center;gap:8px}.register-page__title{color:#202020;font-size:24px;font-weight:510;text-align:center}.register-page__subtitle{text-align:center;color:#0b0b0bb2;font-size:12px;font-weight:400}.register-page__horizontal-wrapper{width:100%;display:flex;gap:8px}.register-page__skip{width:100%;font-size:17px;display:flex;justify-content:flex-end}.register-page__skip span{color:#949494;cursor:pointer}.register-page__pers-type-image{height:200px;width:200px;border-radius:16px}.datepicker{position:relative!important}.datepicker.ios{background:none!important}.datepicker-content{padding:0!important}.datepicker-wheel{border:none!important;background:none!important}.datepicker.ios:after{content:"";position:absolute;top:50%;transform:translateY(-50%);z-index:-1;left:0;width:100%;height:40px;background:#f7f7f7;border-radius:8px}.datepicker-col-1:nth-child(2){flex:2!important}.datepicker-scroll li:nth-child(6){animation:datepicker-animation 0s forwards}.datepicker-scroll li{font-size:18px!important}@keyframes datepicker-animation{0%{transform:scale(1)}to{transform:scale(1.3)}}.datepicker-viewport:after{background:linear-gradient(to bottom,white,transparent,white)!important}.register-page__limit-lang{color:#8a8a8e;font-size:12px;text-align:center;margin-top:4px}.register-page__letter-lang{color:#8a8a8e;font-size:17px;font-weight:590;padding:23px 0 8px;border-bottom:1px solid #B9B9BB}.register-page__warning{width:100%}.register-page__warning-inner{width:100%;position:relative;padding:11px 16px;margin-bottom:5px}.register-page__warning-background{position:absolute;top:0;left:0;border-radius:12px;background:var(--accent-color-static);width:100%;height:100%;opacity:.2;z-index:1}.register-page__warning-content{color:var(--accent-color-static);font-size:17px;font-weight:510;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.register-page__warning-hint{height:28px;width:28px;display:flex;align-items:center;justify-content:center;outline:none;border:none;border-radius:6px;background:var(--light-gray);color:var(--accent-color-static);font-size:17px;font-weight:510}.register-page__warning-limit{text-align:center;font-size:12px;color:#0b0b0b;height:0px}.register-page__interests{margin-top:10px;width:100%;display:flex;flex-direction:column;gap:12px}.register-page__interest-checkbox{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.register-page__interest-content{width:90%;display:grid}.register-page__count-points{display:flex;justify-content:space-between;background:var(--light-gray);padding:16px;border-radius:12px;font-size:17px;font-weight:510}.profile-page__card-header{width:100%;height:94px;background-position:center;background-size:cover;padding:0}.profile-page__theme-header{width:100%;border-radius:16px;padding:35px}.profile-page__name{font-size:24px;font-style:normal;font-weight:510;line-height:26px}.profile-page__biography{font-size:12px;line-height:16px}.profile-page__referrer{font-size:12px;display:flex;align-items:center;gap:4px}.profile-page__referrer-name{font-weight:510}.profile-page__main{width:100%}.profile-page__avatar{margin-top:-60px;display:flex;justify-content:space-between;align-items:flex-end}.profile-page__card-text{padding:12px 0}.profile-page__card-title{font-size:15px;font-style:normal;font-weight:510;line-height:20px;letter-spacing:-.4px;padding-right:22px;padding-bottom:4px}.profile-page__card-subtitle{font-size:12px;font-style:normal;font-weight:400;line-height:16px}.profile-page__achievements-prewiew{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;align-content:center}.check-icon{position:absolute;top:0;left:0;font-size:17px;font-weight:590;color:#fff;background:var(--accent-color-static);display:flex;width:27px;height:27px;justify-content:center;align-items:center;border-radius:10px}.theme-check-icon{position:absolute;top:8px;right:8px;font-size:15px;font-weight:400;color:var(--accent-color-static);background:var(--light-gray);display:flex;width:28px;height:28px;justify-content:center;align-items:center;border-radius:50%;padding:5px 5.5px}.profile-page__section{display:flex;flex-direction:row;gap:8px;width:max-content}.profile-page__user-photos{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.profile-page__more-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.profile-page__interest-points{height:34px;width:34px;background:#efeff0;display:flex;align-items:center;justify-content:center;border-radius:8px}.profile-page__sections>*:not(:last-child):after{content:"";position:absolute;background:#b4b4b6;opacity:.5;bottom:0;z-index:2;left:16px;width:100%;height:1px}.more-photos{max-width:450px;width:100%;scroll-snap-type:x mandatory;overflow-x:scroll;display:flex;flex-wrap:nowrap;gap:8px}.more-photos__item{position:relative;max-width:100%;flex-shrink:0;border-radius:16px;scroll-snap-align:center;scroll-snap-stop:always}.more-photos__item-counter{position:absolute;top:8px;right:8px;background:#f3f3f4;padding:4px 12px;font-size:12px;border-radius:8px}.more-photos__item img{max-width:100%}.main-page{display:flex;flex-direction:column;flex:1;gap:16px}.main-page__content{padding-top:16px;flex:1;display:flex;flex-direction:column;align-items:center;gap:22px}.main-page>div:last-child{padding-bottom:80px}@supports (-webkit-touch-callout: none){.main-page>div:last-child{padding-bottom:70px}}.main-page__text{display:flex;flex-direction:column;align-items:center;gap:8px}.main-page__title{color:#202020;font-size:24px;font-weight:510;text-align:center}.main-page__subtitle{text-align:center;color:#0b0b0bb2;font-size:12px;font-weight:400}.main-page__navbar{display:flex;justify-content:space-between}.main-page__action-buttons{display:flex;gap:8px}.main-page__interest-name{padding:8px 8px 8px 0;display:flex;align-items:center;justify-content:space-between;position:relative}.circular-progressbar{width:65px;height:65px}.progress-bar-title{color:#666666b3;font-size:13px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:-.4px}.heading{font-size:17px;font-weight:510;line-height:22px;text-align:start}.hint{position:absolute;bottom:32px;padding:8px 32px;background:#ffffffbf;color:#898a8d;font-size:15px;border-radius:16px;display:flex;justify-content:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 0 15px #00000026;animation:hint--hidden .3s 3s forwards}@keyframes hint--hidden{0%{opacity:1}to{opacity:0}}@font-face{font-family:SFPro;src:url(/assets/SF-Pro-Ci___yb_.ttf)}:root{--light-gray: rgba(118, 118, 128, .06);--accent-color-gradient: linear-gradient(to right, #FF5463 0%, #FF384A 100%);--accent-color-static: #FF4455;--accent-color-text: #fff}*{margin:0;padding:0;box-sizing:border-box;font-family:SFPro,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-ms-overflow-style:none;overflow:-moz-scrollbars-none}*::-webkit-scrollbar{display:none;width:0;height:0}body{background:#fff;overflow:hidden;touch-action:none!important;font-size:15px}#root{overflow:hidden auto}.horizontal-scroll-container{width:100vw;max-width:450px;overflow-x:auto}.buttons{display:flex;flex-direction:column;gap:12px}.buttons.horizontal{flex-direction:row;gap:8px}.content-scroll{overflow:scroll;width:100%}.side-padding{padding-left:16px;padding-right:16px}.route__container{width:100%;background:#fff}.show.slide .animation-enter{position:absolute;z-index:10;transform:translate(100%)}.show.slide .animation-enter-active{transform:translate(0);transition:all .25s ease-out}.show.slide .animation-exit{position:absolute;z-index:8;transform:translate(0)}.show.slide .animation-exit-active{transform:translate(-50px);transition:all .25s ease-out}.show.slide .animation-exit .backdrop{content:"";background:#000;height:100%;width:100%;top:0;left:0;position:absolute;opacity:0;z-index:9}.show.slide .animation-exit-active .backdrop{opacity:.8;transition:all .25s ease-out}.hide.slide .animation-enter{position:absolute;z-index:8;transform:translate(-25px)}.hide.slide .animation-enter-active{transform:translate(0);transition:all .25s ease-in}.hide.slide .animation-exit{position:absolute;z-index:10;transform:translate(0)}.hide.slide .animation-exit-active{transform:translate(100%);transition:all .25s ease-in}.hide.slide .animation-enter .backdrop{content:"";background:#000;height:100%;width:100%;top:0;left:0;position:absolute;opacity:.8;z-index:9}.hide.slide .animation-enter-active .backdrop{opacity:0;transition:all .25s ease-in}.show.opacity .animation-enter{position:absolute;z-index:10;opacity:0}.show.opacity .animation-enter-active{opacity:1;transition:all .25s ease-out}.hide.opacity .animation-enter{position:absolute;z-index:10;opacity:0}.hide.opacity .animation-enter-active{opacity:1;transition:all .25s ease-out}