[data-image-cycle-item="active"] { transition: opacity 0.4s ease 0s, visibility 0s ease 0s; opacity: 1; visibility: visible; z-index: 3; } [data-image-cycle-item="previous"] { transition: opacity 0.4s ease 0.4s, visibility 0s ease 0.4s; opacity: 0; visibility: visible; z-index: 2; } [data-image-cycle-item="not-active"] { opacity: 0; visibility: hidden; z-index: 1; } /* Hide the back-to-top wrapper on default (to prevent flash on loaded site) */ [data-back-to-top="wrap"] { opacity: 0; } /* Show the button in the Webflow environment */ .wf-design-mode [data-back-to-top="wrap"], .w-editor [data-back-to-top="wrap"] { opacity: 1; } .back-top__arrow-row { transition: transform 0.5s cubic-bezier(.65, 0, 0, 1); } .back-top__button { transition: border-width 0.5s cubic-bezier(.65, 0, 0, 1); } /* Keyboard focus state */ .back-top__button:focus-visible { border-width: 0.6em; } .back-top__button:focus-visible .back-top__arrow-row { transform: translate(0px, -100%); } /* Hover styling */ @media (hover: hover) { .back-top__button:hover { border-width: 0.6em; } .back-top__button:hover .back-top__arrow-row { transform: translate(0px, -100%); } } [data-modal-group-status] { transition: all 0.2s linear; } [data-modal-group-status="active"] { opacity: 1; visibility: visible; } [data-modal-name][data-modal-status="active"] { display: flex; } .btn .btn__text { transition: color 0.7s cubic-bezier(0.625, 0.05, 0, 1); } .btn .btn__circle { transition: transform 0.7s cubic-bezier(0.625, 0.05, 0, 1), background-color 0.4s cubic-bezier(0.625, 0.05, 0, 1); transform: translate(-50%, -50%) scale(0) rotate(0.001deg); background-color: #D1FD88; } .btn:hover .btn__circle { transform: translate(-50%, -50%) scale(1) rotate(0.001deg); } /* Dark */ .btn[data-theme="dark"] .btn__circle { background-color: #D1FD88; } .btn[data-theme="dark"]:hover .btn__text { color: #031819; } /* Light */ .btn[data-theme="light"] .btn__bg { background-color: #EFEDE3 } .btn[data-theme="light"] .btn__text { color: #031819; } .btn[data-theme="light"] .btn__circle { background-color: #9FCCC8; } /* Primary */ .btn[data-theme="primary"] .btn__bg { background-color: #ff8e47; } .btn[data-theme="primary"] .btn__text { color: #ff8e47; } .btn[data-theme="primary"] .btn__circle { background-color: #e25d09; } .w-lightbox-frame, .w-lightbox-embed { width: 90vw; height: 90vh; }