/* color preview */ #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview { display: flex; justify-content: center; gap: 12px; width: 100%; margin-bottom: 30px; min-height: 20px; cursor: pointer; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview >.color-circle.selected::before { font-family: "Material Icons"; content: "check"; -webkit-font-feature-settings: "liga"; font-size: 12px; font-weight: 600; color: white; line-height: 1; display: flex; align-items: center; justify-content: center; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > span.color-circle.bright.selected::before { color: var(--button-inverse-text-color); } /* transition-delay between color circles */ #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > .color-circle + .color-circle { transition-delay: .01s; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > .color-circle + .color-circle + .color-circle { transition-delay: .02s; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > .color-circle + .color-circle + .color-circle + .color-circle { transition-delay: .03s; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > .color-circle + .color-circle + .color-circle + .color-circle + .color-circle { transition-delay: .04s; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle { transition-delay: .05s; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle { transition-delay: .06s; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle { transition-delay: .07s; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle { transition-delay: .08s; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle { transition-delay: .09s; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle + .color-circle { transition-delay: .1s; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > span.color-circle { display: inline-block; position: relative; border-radius: 50%; width: 18px; height: 18px; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > span.color-circle.wheel { background: url(data:image/png;base64,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) no-repeat center center; background-size: 18px 18px; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > span.color-circle:hover, #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > span.color-circle.active, #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > span.color-circle.selected { transform: scale(1.3); } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > span.color-circle::before { content: ""; position: absolute; top: -6px; left: -6px; right: -6px; bottom: -6px; } #logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > span.color-circle.bright { border: 1px solid #cccccc; } #logo-upload .ui-logo-upload-carousel-wrapper { position: relative; margin: auto; } #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel { overflow: hidden; } #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel::before, #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel::after { content: ""; position: absolute; top: 0; left: -35px; width: 35px; } #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel::after { left: auto; right: -35px; } #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel > [data-toggle="logo-upload-carousel"].transition { transition: transform 400ms ease; } #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel > [data-toggle="logo-upload-carousel"] { display: flex; flex-direction: row; height: 100%; justify-content: flex-start; gap: 0; padding-left: 0; margin-bottom: 0; } #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel > [data-toggle="logo-upload-carousel"] > li { list-style-type: none; min-width: 100%; padding-left: 1px; padding-right: 1px; } /* navigate buttons */ #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel-nav { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto 0; height: 50px; pointer-events: none; } #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel-nav > .ui-prev, #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel-nav > .ui-next { position: absolute; top: 0; left: 0; bottom: 0; width: 50px; height: 50px; transition: opacity 150ms linear; opacity: 0; } #logo-upload .ui-logo-upload-carousel-wrapper:hover > .ui-logo-upload-carousel-nav > .ui-prev, #logo-upload .ui-logo-upload-carousel-wrapper:hover > .ui-logo-upload-carousel-nav > .ui-next, #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel.dragged + .ui-logo-upload-carousel-nav > .ui-prev, #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel.dragged + .ui-logo-upload-carousel-nav > .ui-next { opacity: 1; pointer-events: all; } #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel-nav > .hide { opacity: 0 !important; } @media (pointer: coarse) { #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel-nav > .ui-prev, #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel-nav > .ui-next { opacity: 1 !important; } } #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel-nav > .ui-next { left: auto; right: 0; } #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel-nav button { background-color: #000; width: 100%; height: 100%; border-radius: 50%; margin: 0; padding: 0; z-index: 0; text-decoration: none; } #logo-upload .ui-logo-upload-carousel-wrapper > .ui-logo-upload-carousel-nav button > .material-icons { color: #fff; font-size: 32px; -webkit-user-select: none; user-select: none; } #logo-upload .ui-carousel > .ui-carousel-wrapper > .ui-carousel-item .ui-overlay { min-height: 100%; max-height: calc(100vh); width: 100%; height: 100%; } @media only screen and (max-height: 1093px) { #logo-upload .ui-carousel > .ui-carousel-wrapper .ui-overlay-wrapper { width: 500px; margin: 0 auto; } }