.mfp-wrap .mfp-container button:hover{background:transparent!important}.mfp-wrap .mfp-arrow:active{position:absolute;top:50%}.mfp-wrap .mfp-close:active{position:absolute;top:-10px}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after,.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{font-family:ETmodules;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mfp-fade.mfp-bg{opacity:.001;transition:all .5s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade .mfp-wrap.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade .mfp-wrap.mfp-wrap.mfp-removing .mfp-content{opacity:0}.mfp-fade .mfp-wrap .mfp-content{opacity:.001;transition:all .5s ease-out}.mfp-bg{z-index:1000000;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1000001;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-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;-ms-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:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none}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:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-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}.mfp-arrow{position:absolute;opacity:.55;filter:alpha(opacity=55);margin:0;top:50%;margin-top:-32px;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow-left{left:10px}.mfp-arrow-right{right:10px}.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,.6);background:#000}.mfp-arrow{background:none!important;margin-top:-32px!important;line-height:1em!important}.mfp-arrow,.mfp-arrow:after{width:48px!important;height:48px!important}.mfp-arrow:after{margin:0!important;top:0!important;border:none!important}.mfp-arrow-left{left:0!important}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after,.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border:none;font-size:64px;color:#fff}.mfp-arrow-left:before,.mfp-arrow-right:before{display:none}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{content:"4"}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{content:"5"}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{font-size:64px;font-family:Open Sans,Arial,sans-serif;font-weight:200;top:-10px;opacity:.2}.mfp-iframe-holder .mfp-close:hover,.mfp-image-holder .mfp-close:hover{opacity:1}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{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,.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-height:300px),screen and (max-width:800px) and (orientation:landscape){.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,.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,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}/* Theme Name: Divi Child Theme Theme URI: https://www.elegantthemes.com/gallery/divi/ Description: Divi Child Theme Author: Elegant Themes Author URI: https://www.elegantthemes.com Template: Divi Version: 1.0.0 */ /* =Theme customization starts here ------------------------------------------------------- */ .popup_link { display: inline !important; background: transparent !important; color: unset !important; padding: 0 !important; text-decoration: underline; } .popup_link:hover { display: inline !important; background: transparent !important; color: unset !important; padding: 0 !important; text-decoration: underline; } .wpb-pcf-form-style-true div.wpcf7-response-output { margin: 10px 0 0; padding: 10px 15px; font-size: 12px; } .wpb-pcf-form-style-true label{ margin-top: 8px; } .wpb-pcf-form-style-true .wpcf7-form { margin-bottom: -15px; } ul.sub-menu:before { position: absolute; width: 100%; content: ""; height: 15px; top: -11px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { background-color: #fff; } /*doordesign page */ button.wpb-pcf-form-fire.wpb-pcf-btn-small.wpb-pcf-btn.wpb-pcf-btn-default.popup_link { text-decoration: none; color: #2ea3f2 !important; font-style: italic; font-weight: normal; } /*submenu bar */ .et-menu-nav li.mega-menu>ul { max-width: 615px; margin-left: 500px; } ul.sub-menu { margin-top: 0px; } /* css for doordesign page */ @media query and (min-width: 360px) and (max-width: 740px) { .door-design-header .et_pb_text_0 h1 { font-size: 48px !important; } } @media query and (min-width: 360px) and (max-width: 915px) { body .program-header button .startpagebutton { width: 160px!important; } }.tippy-tooltip[data-animation=fade][data-state=hidden]{opacity:0}.tippy-iOS{cursor:pointer!important;-webkit-tap-highlight-color:transparent}.tippy-popper{pointer-events:none;max-width:calc(100vw);transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-property:transform}.tippy-tooltip{position:relative;border-radius:4px;background-color:#333;transition-property:visibility,opacity,transform;outline:0} .tippy-tooltip[data-placement^=top]>.tippy-arrow:before{border-width:8px 8px 0;border-top-color:#333;margin:0 3px;transform-origin:50% 0;bottom:-7px} .tippy-tooltip[data-placement^=bottom]>.tippy-arrow:before{border-width:0 8px 8px;border-bottom-color:#333;margin:0 3px;transform-origin:50% 7px;top:-7px} .tippy-tooltip[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:#333;margin:3px 0;transform-origin:0 50%;right:-7px} .tippy-tooltip[data-placement^=right]>.tippy-arrow:before{border-width:8px 8px 8px 0;border-right-color:#333;margin:3px 0;transform-origin:7px 50%;left:-7px} .tippy-tooltip[data-interactive][data-state=visible]{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)} .tippy-arrow{position:absolute;} .tippy-arrow:before { content: ""; position: absolute; border-color: transparent; border-style: solid; } .tippy-content{padding:5px 9px; position:relative; z-index:1002;} .tippy-tooltip[data-placement^="bottom"] > .tippy-arrow { top:0; } .tippy-tooltip[data-placement^="top"] > .tippy-arrow { bottom: 0; } .tippy-tooltip.dmmbasic-theme { padding:0 !important; } .tippy-tooltip[data-placement^=top]>.tippy-svg-arrow{transform-origin:50% 0;margin:0 3px;bottom:-6.5px} .tippy-tooltip[data-placement^=top]>.tippy-svg-arrow svg{transform:rotate(180deg)} .tippy-tooltip[data-placement^=bottom]>.tippy-svg-arrow{transform-origin:50% 7px;margin:0 3px;top:-7px} .tippy-tooltip[data-placement^=left]>.tippy-svg-arrow{transform-origin:33.33333333% 50%;margin:3px 0;right:-12px} .tippy-tooltip[data-placement^=left]>.tippy-svg-arrow svg{transform:rotate(90deg)} .tippy-tooltip[data-placement^=right]>.tippy-svg-arrow{transform-origin:66.66666666% 50%;margin:3px 0;left:-12px} .tippy-tooltip[data-placement^=right]>.tippy-svg-arrow svg{transform:rotate(-90deg)} .tippy-tooltip[data-interactive]>.tippy-svg-arrow path{pointer-events:auto} .tippy-svg-arrow{position:absolute;width:18px;height:7px;fill:#333;pointer-events:none;z-index:16777271;} .tippy-svg-arrow svg{position:absolute;left:0} .tippy-arrow-triangle .tippy-svg-arrow { width:16px;height:16px; z-index:1001; } .tippy-arrow-triangle .tippy-tooltip[data-placement^=top]>.tippy-svg-arrow{bottom:-6.5px} .tippy-arrow-triangle .tippy-tooltip[data-placement^=bottom]>.tippy-svg-arrow{top:-8px} .tippy-arrow-triangle .tippy-tooltip[data-placement^=left]>.tippy-svg-arrow{right:-12px} .tippy-arrow-triangle .tippy-tooltip[data-placement^=right]>.tippy-svg-arrow{left:-12px} .tippy-popper { pointer-events: auto; } .tippy-popper.tippy-popper-singleton .tippy-content { transition-property: transform, opacity, width, height, max-height !important; transition-duration: .3s !important; transition-delay: 0 !important; } .tippy-popper.tippy-popper-singleton .et_pb_row { transition-property: opacity !important; transition-duration: .2s !important; transition-timing-function: linear !important; transition-delay: 0 !important; } .tippy-popper.tippy-popper-singleton .et_pb_row { opacity:0.2; } .tippy-popper.tippy-popper-singleton .tippy-popper .et_pb_row { opacity:1; transition: opacity .3s, visibility .3s; } .tippy-popper-wide { width:100%; max-width: calc(100% - 0px) !important; } .tippy-popper-singleton .tippy-popper-wide { max-width:calc(100vw - 25px) !important; } .tippy-popper-75 { width:75%; } .tippy-popper-50 { width:50%; } .tippy-popper-25 { width:25%; } .tippy-popper-centered-horizontal { left: 0 !important; width:100%; } .tippy-content-centered-horizontal { position:relative; left: 50% !important; transform: translate(-50%) !important; } .tippy-popper-fixpercent .tippy-tooltip { max-width:100% !important; } .tippy-static-parent-node { position: static !important; } .osx .tippy-tooltip { position:relative !important; } .tippy-tooltip, .tippy-content { padding:0; background-color:transparent; } .tippy-backdrop { border-radius:0; } .divi-mega-pro-mobile .tippy-popper.topfixed { left: 0 !important; top: 0 !important; position: fixed !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .divi-mega-pro-mobile .tippy-popper .divimegapro-pre-body { height: auto; } .tippy-tooltip.dmpbasic-theme { background:0; border:0; } .dmphidden, .et_pb_signup_divimegaproid { visibility:hidden; display:none; } /* Divi Mega Pro style */ .dmmbasic-theme .divimegapro-flexheight { max-height: inherit; } .divimegapro-container { display:none; } .divimegapro-container.dmp-show, .dmp-divimobilemenu-visible { display:block !important; } .dmp-divimobilemenu-visible { padding: 5% !important; height:auto !important; } .divimegapro { min-width:300px; margin:0; width:auto !important; left:0; overflow:visible; background:none; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch; } .dl-noboxshadow > .et_pb_section:first-child { box-shadow: none !important; } .dl-noboxshadow-nopadding { padding:0 !important; box-shadow: none !important; } .tippy-popper-singleton .divimegapro { } .tippy-popper.tippy-popper-singleton.tippy-popper-transition .divimegapro, .tippy-popper.tippy-popper-singleton.tippy-popper-transition .tippy-content { overflow:hidden !important; } .divimegapro > .et_pb_section > div { width:100%; } .diviPositionRelative { position: relative !important; } .divimegapro-nob .divimegapro-content-inner { position: relative; margin: auto; } .tippy-popper-fixontop { top:0 !important; position:fixed !important; } #sidebar-divimegapro.sidebar-divimegapro-bottom { bottom:0; } .divimegapro a { cursor: pointer; } /* List Styles */ .divimegapro-body ul { padding: 0 0 23px 1em; line-height: 26px; list-style-type: disc; } .divimegapro-body ol { padding: 0 0 23px 0; line-height: 26px; list-style-position: inside; list-style-type: decimal; } /* Divi Mega Pro closing */ .divimegapro-close-container { position: absolute; right: 10px; top: 3px; width: 32px; height: 32px; clear: both; line-height: 1; visibility:hidden; } .divimegapro-close-container .divimegapro-close { width: auto; height: auto; display:block; position: absolute; cursor: pointer; right: 10px; top: 0; overflow: hidden; border: none; outline: none; z-index: 999991; font-size: 35px; line-height:32px; min-height: 15px; min-width:15px; color: inherit; background-color: transparent; font-family: inherit; font-weight: 300; padding:5px; -moz-border-radius:5%; -webkit-border-radius:5%; -khtml-border-radius:5%; border-radius:5%; } .divimegapro-close-container .divimegapro-close span { position: absolute; top: 45%; left: 50%; transform: translateX(-50%) translateY(-50%); } .dmp-open .divimegapro-close:focus, .dmp-open .divimegapro-close:focus-visible { border: dotted 2px gray; } .divimegapro-close-container .divimegapro-close:after { content: ' '; display:block; font-size:70px; height:25px; width:25px; z-index:99; position:relative; visibility:hidden; } .divimegapro-close-container .divimegapro-close span.dmm-custom-btn { position: absolute; top: 45%; left: 50%; transform: translateX(-50%) translateY(-50%); } .divimegapro-close-container .divimegapro-close:hover { opacity: .8; } .divimegapro-close-container .divimegapro-customclose-btn span { position:relative; top:-2px; } body:not(.divi-mega-pro-mobile) .divimegapro-close-container.dmp_enabledesktop, body.et_mobile_device .divimegapro-close-container.dmp_enablemobile, body .divimegapro-close-container.divimegapro-close-container-visible { display:block; visibility:visible; } body .tippy-popper.tippy-popper-singleton.tippy_left_5px_neg { left: -5px !important; } body .tippy-popper .divimegapro .et_pb_slide_image img.active { max-height:100% !important; } /* Divi Mega Pro Animations */ .divimegapro-shape { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .divimegapro-shape { fill: #141514; } .path-amras-1 { transform-origin: 115px 111px; } .path-amras-2 { transform-origin: 204px 107px; } .path-amras-3 { transform-origin: 279px 66px; } .path-amras-4 { transform-origin: 320px 99px; } .path-amras-5 { transform-origin: 137px 199px; } .path-amras-6 { transform-origin: 222px 217px; } .path-amras-7 { transform-origin: 80px 168px; } .path-amras-8 { transform-origin: 296px 211px; } .path-amras-9 { transform-origin: 310px 167px; } .divimegapro-overlay-background { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; color:transparent; background: transparent; z-index:16777209; opacity:0; display:none; } /* Extra theme support */ .divimegapro-open.et_extra .divimegapro .et_pb_section { background-color: #fff; } .divimegapro-open.et_extra .divimegapro .divimegapro-body > #divi-mega-pro-center-all { padding: 5px 0; } .divimegapro-open.et_extra .divimegapro .et_pb_extra_row, .divimegapro-open.et_extra .divimegapro .et_pb_row { margin: 0 auto !important; min-width: auto; } .divimegapro-open.et_extra .divimegapro .divimegapro-body > .et_section_regular > .et_pb_row > .et_pb_column { padding:0 !important; } /* used for temporarily exposing elements in the jquery actualHeight plugin */ /* since this is a temporary class we can override using important */ .temp-show{position:absolute !important; visibility:hidden !important; display:block !important;} /* CSS for Centering: #divi-mega-pro-center-all */ #divi-mega-pro-center-all.et_pb_section { display: table !important; width: 100% !important; text-align: center !important; } #divi-mega-pro-center-all.et_pb_row { display: table-cell !important; position: relative !important; text-align: center !important; } #divi-mega-pro-center-all .et_pb_column { text-align: center !important; display: table-cell !important; width: auto !important; float: none !important; max-width: none; min-width: auto; } #divi-mega-pro-center-all .et_pb_column_1_2, #divi-mega-pro-center-all .et_pb_column_1_3 { display: inline-block !important; margin-right: 15px !important; vertical-align: middle !important; margin-bottom: 0 !important; } /* Divi Mega Pro - Media Queries */ @media (max-width: 680px) { .et_mobile_device_not_ipad .tippy-popper.tippy-trigger-mobilemenu.tippy-reference-header { top:0 !important; left:0 !important; position:fixed !important; } } /* Extra small devices (portrait phones, less than 576px)*/ @media (max-width: 575px) { .tippy-popper.tippy-trigger-mobilemenu.tippy-reference-header { top:0; } } @media (max-width: 480px), @media (max-device-width: 480px) { } @media (max-width: 360px), @media (max-device-width: 360px) { } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767px) { } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { } /* High resolutions */ @media (min-width: 1440px) { } /* iPad in portrait & landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 980px) { .osx.et_mobile_device .tippy-popper.tippy-trigger-mobilemenu { top:0 !important; left:0 !important; } .et_mobile_device .tippy-popper-singleton { transform: translate3d(0, 0, 0px) !important; } } /* iPad in landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } /* iPad in portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { } /* iPhone 6, 7 & 8 */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) { .et_mobile_device .tippy-popper.tippy-trigger-mobilemenu.tippy-reference-header { top:0 !important; left:0 !important; } } /* iPhone 6 in landscape */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { } /* iPhone 6 in portrait */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { } /* iPhone 6 Plus in portrait & landscape */ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) { } /* iPhone 6 Plus in landscape */ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { } /* iPhone 6 Plus in portrait */ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { } /* Small devices */ @media only screen and (max-device-height: 667px) { .et_fixed_nav.osx .tippy-popper { transform: none !important; top:0 !important; left: 0 !important; } } /* iPhone 5 & 5S in portrait & landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { } /* iPhone 5 & 5S in landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { } /* iPhone 5 & 5S in portrait */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { } /* iPhone 2G-4S in portrait & landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { } /* iPhone 2G-4S in landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) { } /* iPhone 2G-4S in portrait */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) { } /* Retina iPad */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){ }.tippy-tooltip[data-animation=perspective][data-placement^=top]{transform-origin:bottom}.tippy-tooltip[data-animation=perspective][data-placement^=top][data-state=visible]{transform:perspective(700px)}.tippy-tooltip[data-animation=perspective][data-placement^=top][data-state=hidden]{transform:perspective(700px) translateY(8px) rotateX(60deg)}.tippy-tooltip[data-animation=perspective][data-placement^=bottom]{transform-origin:top}.tippy-tooltip[data-animation=perspective][data-placement^=bottom][data-state=visible]{transform:perspective(700px)}.tippy-tooltip[data-animation=perspective][data-placement^=bottom][data-state=hidden]{transform:perspective(700px) translateY(-8px) rotateX(-60deg)}.tippy-tooltip[data-animation=perspective][data-placement^=left]{transform-origin:right}.tippy-tooltip[data-animation=perspective][data-placement^=left][data-state=visible]{transform:perspective(700px)}.tippy-tooltip[data-animation=perspective][data-placement^=left][data-state=hidden]{transform:perspective(700px) translateX(8px) rotateY(-60deg)}.tippy-tooltip[data-animation=perspective][data-placement^=right]{transform-origin:left}.tippy-tooltip[data-animation=perspective][data-placement^=right][data-state=visible]{transform:perspective(700px)}.tippy-tooltip[data-animation=perspective][data-placement^=right][data-state=hidden]{transform:perspective(700px) translateX(-8px) rotateY(60deg)}.tippy-tooltip[data-animation=perspective][data-state=hidden]{opacity:0} .tippy-tooltip[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-tooltip[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-tooltip[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-tooltip[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-tooltip[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0} .tippy-tooltip[data-animation=shift-away][data-placement^=top][data-state=hidden]{transform:translateY(10px)}.tippy-tooltip[data-animation=shift-away][data-placement^=bottom][data-state=hidden]{transform:translateY(-10px)}.tippy-tooltip[data-animation=shift-away][data-placement^=left][data-state=hidden]{transform:translateX(10px)}.tippy-tooltip[data-animation=shift-away][data-placement^=right][data-state=hidden]{transform:translateX(-10px)}.tippy-tooltip[data-animation=shift-away][data-state=hidden]{opacity:0} .tippy-tooltip[data-animation=shift-toward][data-placement^=top][data-state=hidden]{transform:translateY(-10px)}.tippy-tooltip[data-animation=shift-toward][data-placement^=bottom][data-state=hidden]{transform:translateY(10px)}.tippy-tooltip[data-animation=shift-toward][data-placement^=left][data-state=hidden]{transform:translateX(-10px)}.tippy-tooltip[data-animation=shift-toward][data-placement^=right][data-state=hidden]{transform:translateX(10px)}.tippy-tooltip[data-animation=shift-toward][data-state=hidden]{opacity:0}