Untitled
unknown
plain_text
3 years ago
4.3 kB
3
Indexable
<style> .carousel--rotator .carousel__tab.lytx-acc-open p, .carousel--rotator .carousel__tab.lytx-acc-open .rhythm--small>a { display: block; } @media screen and (min-width: 768px) { .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__tabs .rhythm--small { padding-right: 70px; } .flush-top .wrapper.rhythm--default .carousel--rotator .lytx-left-arrow, .flush-top .wrapper.rhythm--default .carousel--rotator .lytx-right-arrow { display: none !important; } .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__tab { position: relative; } .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__tab .lytx-icon { position: absolute; top: 25px; right: 0px; font-size: 0; border-radius: 100%; padding: 15px; border: 1px solid #009cde; background: transparent; color: #009cde; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; font-weight: 100; cursor: pointer; } .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__tab .lytx-icon .open, .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__tab .lytx-icon .close { background: #009cde; width: 45%; height: 2px; position: absolute; } .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__tab .lytx-icon .open { transform: rotate(90deg); } .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__tab a.button, .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__tab.lytx-acc-open .lytx-icon .open { display: none !important; } .carousel--rotator .carousel__tab p, .carousel--rotator .carousel__tab .rhythm--small>a { display: none; } .flush-top .wrapper.rhythm--default .carousel--rotator { display: flex; align-items: center; flex-wrap: wrap; } .flush-top .flickity-button { background: #000000 !important; } .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__tabs { width: 35%; order: -1; } .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__container { width: 65%; } .carousel--rotator .carousel__cell { max-width: 90% !important; } .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__tabs .list { display: flex; flex-direction: column; grid-gap: 0px; } .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__tab:not(.active) .button { display: none; } .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__tab>div { max-width: 346px; } .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__tab { padding-top: 20px !important; } .flush-top .wrapper.rhythm--default .carousel--rotator .flickity-enabled.is-draggable .flickity-viewport { -ms-overflow-style: none; scrollbar-width: none; } .flush-top .wrapper.rhythm--default .carousel--rotator .flickity-enabled.is-draggable .flickity-viewport::-webkit-scrollbar { display: none; } .flush-top .wrapper.rhythm--default .carousel--rotator>div:last-child { width: 100%; } } @media (max-width: 767px) { .carousel--rotator.rhythm--small { display: flex; flex-direction: column; } .carousel--rotator .carousel__tabs.rhythm--extra-large { order: -1; } .flush-top .wrapper.rhythm--default .carousel--rotator .lytx-icon { display: none !important; } .flush-top .wrapper.rhythm--default .carousel--rotator .carousel__tabs .rhythm--small { width: 74%; margin: 0 auto; } } button.lytx-right-arrow, button.lytx-left-arrow { position: absolute; top: 50%; /* margin: 0px; */ width: 2.5rem; height: 2.5rem; z-index: 99; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: .5; border: none; background-color: #009cde; } button.lytx-right-arrow { right: 4px; } button.lytx-left-arrow svg, button.lytx-right-arrow svg { fill: #fff; height: 16px; height: 1rem; left: calc(50% - 0.5rem); top: calc(50% - 0.5rem); width: 16px; width: 1rem; } .flush-top .wrapper.rhythm--default .carousel--rotator a.button { display: none !important; } </style>
Editor is loading...