/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@namespace url("http://www.w3.org/1999/xhtml");

.videocontrols {
    writing-mode: horizontal-tb;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;

    direction: ltr;
    /* Prevent selection from interacting weirdly with the page,
     * see bug 1766093. Our text selection story with shadow dom should be
     * better, see bug 1590379 */
    user-select: none;
    /* Prevent unwanted style inheritance. See bug 554717. */
    text-align: left;
    list-style-image: none !important;
    font: normal normal normal 100% / normal sans-serif !important;
    text-decoration: none !important;
    white-space: normal !important;
}

.videocontrols[flipped] {
    transform: scaleX(-1);
}

.controlsContainer {
    --clickToPlay-size: 48px;
    --button-size: 30px;
    --timer-size: 40px;
    --timer-long-size: 60px;
    --track-size: 5px;
    --thumb-size: 13px;
    --label-font-size: 13px;
    --pip-toggle-padding: 5px;
    --control-focus-outline: 2px solid #00ddff;
    --control-focus-outline-offset: -2px;
    --pip-toggle-icon-width-height: 16px;
    --pip-toggle-translate-x: calc(100% - var(--pip-toggle-icon-width-height) - 2 * var(--pip-toggle-padding));

    color: #fff;
}
.controlsContainer.touch {
    --clickToPlay-size: 64px;
    --button-size: 40px;
    --timer-size: 52px;
    --timer-long-size: 78px;
    --track-size: 7px;
    --thumb-size: 16px;
    --label-font-size: 16px;
}

/* Some CSS custom properties defined here are referenced by videocontrols.js */
.controlBar {
    /* Do not delete: these variables are accessed by JavaScript directly.
       see videocontrols.js and search for |-width|. */
    --clickToPlay-width: var(--clickToPlay-size);
    --playButton-width: var(--button-size);
    --scrubberStack-width: 64px;
    --muteButton-width: var(--button-size);
    --volumeStack-width: 48px;
    --castingButton-width: var(--button-size);
    --closedCaptionButton-width: var(--button-size);
    --fullscreenButton-width: var(--button-size);
    --positionDurationBox-width: var(--timer-size);
    --durationSpan-width: var(--timer-size);
    --positionDurationBox-width-long: var(--timer-long-size);
    --durationSpan-width-long: var(--timer-long-size);
}

.touch .controlBar {
    /* Do not delete: these variables are accessed by JavaScript directly.
       see videocontrols.js and search for |-width|. */
    --scrubberStack-width: 84px;
    --volumeStack-width: 64px;
}

.controlsContainer [hidden],
.controlBar[hidden] .progressBar,
.controlBar[hidden] .bufferBar,
.videocontrols[inDOMFullscreen] > .controlsContainer > .controlsOverlay > #pictureInPictureToggle {
    display: none;
}

/* We hide the controlBar visually so it doesn't obscure the video. However,
 * we still want to expose it to a11y so users who don't use a mouse can access
 * it.
 */
.controlBar[hidden] {
    display: flex;
    opacity: 0;
    pointer-events: none;
}

.controlBar[size="hidden"] {
    display: none;
}

.controlsSpacer[hideCursor] {
    cursor: none;
}

.controlsContainer,
.progressContainer {
    position: relative;
    height: 100%;
}

.stackItem {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.statusOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgb(80, 80, 80, 0.85);
}

.controlsOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.controlsSpacerStack {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.controlBar {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 40px;
    padding: 0 9px;
    background-color: rgba(26, 26, 26, 0.8);
}

.touch .controlBar {
    height: 52px;
}

.controlBar > .button {
    /* Prevent #textTrackListContainer from blocking clicks on controls */
    z-index: 1;
    height: 100%;
    min-width: var(--button-size);
    min-height: var(--button-size);
    padding: 6px;
    border: 0;
    margin: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    background-clip: content-box;
    -moz-context-properties: fill;
    fill: currentColor;
    color: inherit;
    outline: none;
}

/* Keyboard focus styling for interactive control elements (includes control
   bar, click to play and track list) */
.controlBar > .button:focus-visible,
.volumeControl:focus-visible,
.scrubber:focus-visible,
.clickToPlay:focus-visible,
.textTrackList > .textTrackItem:focus-visible {
    outline: var(--control-focus-outline);
    outline-offset: var(--control-focus-outline-offset);
}

.touch .controlBar > .button {
    background-size: 24px 24px;
}

.controlBar > .button:enabled:hover {
    fill: #48a0f7;
}

.controlBar > .button:enabled:hover:active {
    fill: #2d89e6;
}

.playButton {
    background-image: url(chrome://global/skin/media/pause-fill.svg);
}
.playButton[paused] {
    background-image: url(chrome://global/skin/media/play-fill.svg);
}

.muteButton {
    background-image: url(chrome://global/skin/media/audio.svg);
}
.muteButton[muted] {
    background-image: url(chrome://global/skin/media/audio-muted.svg);
}
.muteButton[noAudio] {
    background-image: url(chrome://global/skin/media/audioNoAudioButton.svg);
}
.muteButton[noAudio] + .volumeStack {
    display: none;
}

.castingButton {
    background-image: url(chrome://global/skin/media/castingButton-ready.svg);
}

.castingButton[enabled] {
    background-image: url(chrome://global/skin/media/castingButton-active.svg);
}

.closedCaptionButton {
    background-image: url(chrome://global/skin/media/closedCaptionButton-cc-off.svg);
}
.closedCaptionButton[enabled] {
    background-image: url(chrome://global/skin/media/closedCaptionButton-cc-on.svg);
}

.fullscreenButton {
    background-image: url(chrome://global/skin/media/fullscreenEnterButton.svg);
}
.fullscreenButton[fullscreened] {
    background-image: url(chrome://global/skin/media/fullscreenExitButton.svg);
}

.controlBarSpacer {
    flex-grow: 1;
}

.volumeControl::-moz-range-thumb,
.scrubber::-moz-range-thumb {
    height: var(--thumb-size);
    width: var(--thumb-size);
    border: none;
    border-radius: 50%;
    /* this is a foreground element even though it is implemented as a background */
    background-color: currentColor;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
}

.volumeControl,
.scrubber {
    outline: none;
}

.progressBackgroundBar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.progressStack {
    position: relative;
    width: 100%;
    height: var(--track-size);
}

.scrubberStack {
    /* minus margin to get basis of required width */
    min-width: calc(var(--scrubberStack-width) - 18px);
    flex-basis: calc(var(--scrubberStack-width) - 18px);
    flex-grow: 2;
    flex-shrink: 0;
    margin: 0 9px;
}

.volumeStack {
    max-width: 60px;
    min-width: var(--volumeStack-width);
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 6px;
    margin-left: 4px;
}

.bufferBar,
.progressBar,
.scrubber,
.volumeControl {
    bottom: 0;
    color: inherit;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: calc(var(--track-size) / 2);
    margin: 0;
    background: none;
    outline: none;
}

.bufferBar {
    background-color: rgba(0, 0, 0, 0.7);
}

.bufferBar::-moz-progress-bar,
.progressBar::-moz-progress-bar {
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: calc(var(--track-size) / 2);
    background: none;
}

.bufferBar::-moz-progress-bar {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: calc(var(--track-size) / 2);
}

.progressBar::-moz-progress-bar {
    background-color: #00b6f0;
}

.scrubber:hover::-moz-range-thumb,
.volumeControl:hover::-moz-range-thumb {
    background-color: #48a0f7;
}

.scrubber:active::-moz-range-thumb,
.volumeControl:active::-moz-range-thumb {
    background-color: #2d89e6;
}

.scrubber::-moz-range-track,
.scrubber::-moz-range-progress {
    background-color: transparent;
}

.volumeControl::-moz-range-progress,
.volumeControl::-moz-range-track {
    height: var(--track-size);
    border-radius: calc(var(--track-size) / 2);
}

.volumeControl::-moz-range-progress {
    /* this is a foreground element even though it is implemented as a background */
    background-color: currentColor;
}

.volumeControl::-moz-range-track {
    background-color: rgba(0, 0, 0, 0.7);
}

@media (prefers-contrast) {
    /* Show a border in high contrast mode since background-colors
       are not shown. */
    .scrubber::-moz-range-track,
    .volumeControl::-moz-range-track {
        border: 1px solid;
    }

    .scrubber::-moz-range-progress,
    .volumeControl::-moz-range-progress {
        border: 2px solid;
    }
}

.textTrackListContainer {
    position: absolute;
    right: 5px;
    bottom: 45px;
    top: 5px;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.textTrackList {
    flex: 0 1 auto;
    border: 1px solid #000;
    border-radius: 2.5px;
    padding: 5px 0;
    vertical-align: middle;
    background-color: #000;
    opacity: 0.7;
    overflow-y: auto;
}

.touch .textTrackList {
    bottom: 58px;
}

.textTrackList > .textTrackItem {
    display: block;
    width: 100%;
    height: var(--button-size);
    font-size: var(--label-font-size);
    padding: 2px 10px;
    border: none;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    background-color: transparent;
    color: inherit;
}

.textTrackList > .textTrackItem:hover {
    background-color: #444;
}

.textTrackList > .textTrackItem[aria-checked="true"] {
    color: #48a0f7;
}

.positionLabel,
.durationLabel {
    display: none;
}

.positionDurationBox {
    text-align: center;
    padding-inline-start: 1px;
    padding-inline-end: 9px;
    white-space: nowrap;
    font: message-box;
    font-size: var(--label-font-size);
    font-size-adjust: 0.55;
    font-variant-numeric: tabular-nums;
}

@media (-moz-platform: macos) {
    .positionDurationBox {
        font-size-adjust: unset;
        font-family: "Helvetica Neue", "Helvetica", sans-serif;
    }
}

.duration {
    display: inline-block;
    white-space: pre;
    color: #929292;
}

.statusIcon {
    width: 36px;
    height: 36px;
    margin-bottom: 20px;
}

/* Not showing the throbber on mobile because of conflict with m.youtube.com (see bug 1289412) */
.controlsContainer:not(.mobile) .statusIcon[type="throbber"] {
    background: url(chrome://global/skin/media/throbber.png) no-repeat center;
}

.controlsContainer:not(.mobile) .statusIcon[type="throbber"][stalled] {
    background: url(chrome://global/skin/media/stalled.png) no-repeat center;
}

.statusIcon[type="error"],
.statusIcon[type="pictureInPicture"] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.statusIcon[type="error"] {
    min-width: 70px;
    min-height: 60px;
    background-image: url(chrome://global/skin/media/error.png);
}

.statusIcon[type="pictureInPicture"] {
    min-width: 84px;
    min-height: 84px;
    background-image: url(chrome://global/skin/media/picture-in-picture-open.svg);
    -moz-context-properties: fill;
    fill: currentColor;
}

.videocontrols[localedir="rtl"] .statusIcon[type="pictureInPicture"] {
    transform: scaleX(-1);
}

.pictureInPictureToggleLabel {
    margin-inline-start: var(--pip-toggle-padding);
}

/* Overlay Play button */
.clickToPlay {
    appearance: none;
    border: none;
    min-width: var(--clickToPlay-size);
    min-height: var(--clickToPlay-size);
    border-radius: 50%;
    background-image: url(chrome://global/skin/media/play-fill.svg);
    background-repeat: no-repeat;
    background-position: 54% 50%;
    background-size: 40% 40%;
    background-color: #1a1a1a;
    -moz-context-properties: fill;
    fill: currentColor;
    color: inherit;
    opacity: 0.8;
    position: relative;
    top: 20px;
}

.controlsSpacerStack:hover > .clickToPlay,
.clickToPlay:hover {
    opacity: 0.55;
}

.controlsSpacerStack:hover > .clickToPlay[fadeout] {
    opacity: 0;
}

.controlBar[fullscreen-unavailable] .fullscreenButton {
    display: none;
}

.statusOverlay[fadeout],
.statusOverlay[error] + .controlsOverlay > .controlsSpacerStack {
    opacity: 0;
}

.pictureInPictureOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1;
    background-color: rgb(12, 12, 13);
}

/* Status description formatting */
.statusLabel {
    display: none;
    padding: 0 10px;
    text-align: center;
    font: message-box;
    font-size: 14px;
}

.videocontrols[localedir="rtl"] .statusLabel {
    direction: rtl;
}

[status="errorAborted"] > #errorAborted,
[status="errorNetwork"] > #errorNetwork,
[status="errorDecode"] > #errorDecode,
[status="errorSrcNotSupported"] > #errorSrcNotSupported,
[status="errorNoSource"] > #errorNoSource,
[status="errorGeneric"] > #errorGeneric,
[status="pictureInPicture"] > #pictureInPicture {
    display: inline;
}

@media (-moz-platform: windows) and (prefers-contrast) {
    .controlsSpacer,
    .clickToPlay {
        background-color: transparent;
    }
}

.a11y-only {
    position: absolute;
    left: -10000px;
    width: 100px;
    height: 100px;
}

:host::cue {
    font-size: var(--cue-font-size);
    writing-mode: var(--cue-writing-mode, inherit);
}
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* This CSS file is for the Picture-in-Picture toggle.
 *
 * The "experiment" class is used to enable styling for the VARIANT version
 * of the toggle for upcoming PiP Nimbus experiments.
 * @see Bug 1811314.
 *
 * To see each section of style changes, search "PIP STYLING" in this file.
 */

/* SHARED PIP STYLING */

.controlsOverlay[hidetoggle="true"].hovering > .pip-wrapper:not(.hovering) {
    /* If this isn't !important, it will fail to override the other opacity
     * rules, which are currently defined below this point in this file. */
    opacity: 0 !important;
}

.pip-wrapper {
    position: absolute;
    cursor: pointer;
    -moz-appearance: none;
    background: none;
    color: inherit;
    border: none;
    text-align: unset;
    top: calc(70% - 40px);
    opacity: 0;
    padding-inline: 0;
    transition: opacity 200ms;
    --pip-icon-size: 24px;
    --pip-icon-width-with-margins: calc(2 * var(--pip-toggle-margin) + var(--pip-icon-size));
    --pip-highlight-style: solid rgba(0, 254, 255, 1);
    --pip-highlight-width: 2px;
    --pip-toggle-distanceFromVideoEdge: 18px;
    --pip-toggle-focus-outline-offset: 1px;
    --pip-toggle-margin: 8px;
    --pip-border-radius-toggle: 4px;
    --pip-box-shadow-default: 0 0 4px rgba(255, 255, 255, 0.9);
    --pip-box-shadow-hover: 0 0 10px rgba(255, 255, 255, 0.7);
    --pip-expanded-height: 40px;
    --pip-expanded-min-width: 200px;
    --pip-expanded-max-width: max-content;
}

/* Adjust sizing of the regular toggle wrapper to correctly show the
 * focus outline when navigating via keyboard. */
.pip-wrapper[has-used],
.pip-wrapper[small-video] {
    height: var(--pip-icon-width-with-margins);
    width: var(--pip-icon-width-with-margins);
    border-radius: var(--pip-border-radius-toggle);
    margin-right: calc(var(--pip-icon-width-with-margins) * -1);
}

.pip-wrapper[policy="hidden"] {
    display: none;
}

.pip-wrapper[policy="top"] {
    top: 0%;
    translate: var(--pip-toggle-translate-x);
}

.pip-wrapper[policy="one-quarter"] {
    top: 25%;
}

.pip-wrapper[policy="middle"] {
    top: 50%;
}

.pip-wrapper[policy="three-quarters"] {
    top: 75%;
}

.pip-wrapper[policy="bottom"] {
    top: 100%;
    translate: var(--pip-toggle-translate-x) -100%;
}

.pip-wrapper[medium-video] > .pip-expanded > .pip-icon-label > .pip-label {
    font-size: 13px;
}

.pip-wrapper[medium-video] > .pip-expanded {
    font-size: 11px;
}

.pip-wrapper[position="right"] {
    /* move from the right by total width of pip toggle so that it is at least visible in the video element */
    right: calc(var(--pip-icon-width-with-margins) + var(--pip-toggle-distanceFromVideoEdge));
}

/* Re-position the first-time toggle such that it will always be the same distance away from the right edge
 * of the video, even if the label and/or message string(s) are long. */
.pip-wrapper[position="right"] > .pip-expanded {
    translate: calc(-100% + var(--pip-icon-width-with-margins));
    transform-origin: right;
}

.pip-wrapper[position="left"] {
    left: var(--pip-toggle-distanceFromVideoEdge);
}

.pip-expanded,
.pip-small,
.pip-icon,
.pip-explainer {
    position: absolute;
    left: 0;
    top: 0;
}

.pip-wrapper > .pip-expanded {
    display: flex;
    opacity: 0;
    align-items: center;
    scale: 0.33 1;
    font-size: 14px;
}

.pip-wrapper:not([small-video], [has-used]) > .pip-small {
    opacity: 0;
    transition: opacity 200ms;
}

.pip-wrapper:not([small-video], [has-used]) > .pip-expanded {
    opacity: 1;
    scale: 1;
    pointer-events: none;
}

.pip-wrapper:not([small-video], [has-used]).hovering > .pip-expanded {
    pointer-events: auto;
}

.pip-icon {
    top: 8px;
    left: 8px;
    pointer-events: none;
    background-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: var(--pip-icon-size) var(--pip-icon-size);
    -moz-context-properties: fill;
    fill: currentColor;
    height: var(--pip-icon-size);
    width: var(--pip-icon-size);
}

.videocontrols[localedir="rtl"] .pip-icon {
    transform: scaleX(-1);
}

.pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-left: var(--pip-icon-width-with-margins);
    margin-right: var(--pip-toggle-margin);
}

.pip-small {
    width: 40px;
    height: 40px;
}

.pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-icon {
    display: none;
}

.pip-wrapper:is([small-video], [has-used]) > .pip-expanded,
.pip-wrapper[position="right"]:not([small-video], [has-used]) > .pip-icon {
    display: none;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label {
    display: flex;
    flex-direction: row;
    align-content: center;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon,
.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-block: auto;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
    margin-inline: var(--pip-toggle-margin);
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-right: var(--pip-toggle-margin);
}

@media (prefers-reduced-motion) {
    .pip-wrapper,
    .pip-expanded,
    .pip-small,
    .pip-explainer {
        /* Transition changes in other rules may override this one if reduced motion is preferred.
         * Make sure this one always takes priority. */
        transition: none !important;
    }
}

/* NO EXPERIMENT - PIP STYLING */

.controlsOverlay:not(.experiment).hovering > .pip-wrapper:not(:focus-visible) {
    opacity: 0.8;
}

.controlsOverlay:not(.experiment).hovering > .pip-wrapper.hovering {
    opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it at 100% opacity */
.pip-wrapper:not([policy="hidden"], .experiment):focus-visible {
    opacity: 1;
}

/* If showing the expanded PiP toggle, don't outline the
 * parent wrapper element - the expanded toggle handles its
 * own outline. This also affects the regular toggle for small-videos. */
.pip-wrapper:not([policy="hidden"], [has-used], .experiment):focus-visible {
    outline: none;
}

/* Override outline set by ua.css for the regular toggle. */
.pip-wrapper[has-used]:not([policy="hidden"], .experiment):focus-visible {
    outline: var(--control-focus-outline);
}

.pip-wrapper:not(.experiment) > .pip-small {
    background-color: rgba(12, 12, 13, 0.65);
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper:not(.experiment) > .pip-expanded,
.pip-wrapper:not(.experiment) > .pip-small {
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
}

/* If first-time toggle is visible and then switched to the regular toggle for smaller videos,
 * maintain the border shown on the first-time toggle. */
.pip-wrapper:not([has-used], .experiment) > .pip-small {
    border: var(--pip-highlight-width) var(--pip-highlight-style);
}

.pip-wrapper:not(.experiment) > .pip-expanded {
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    transition:
            opacity 250ms,
            scale 200ms;
    height: var(--pip-expanded-height);
    background-color: rgba(12, 12, 13, 0.9);
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    width: var(--pip-expanded-max-width);
    min-width: var(--pip-expanded-min-width);
    border-radius: 8px;
}

.pip-wrapper:not(.experiment).hovering > .pip-expanded {
    box-shadow: none;
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    /* Remove bottom border but keep text centred with padding. */
    border-bottom: none;
    padding-bottom: var(--pip-highlight-width);
}

.pip-wrapper:not([small-video], [has-used], .experiment).hovering > .pip-expanded {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

/* Toggle message only appears for CONTROL variant. */
.pip-wrapper:not(.experiment) > .pip-expanded > .pip-explainer {
    padding: 6px 16px 8px 8px;
    translate: 0;
    transition:
            opacity 250ms,
            translate 190ms;
    transition-timing-function: cubic-bezier(0.07, 0.95, 0, 1);
    background: rgba(12, 12, 13, 0.65);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    border-top: 0;
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    opacity: 0;
    margin-inline: calc(-1 * var(--pip-highlight-width));
    width: calc(100% - 24px);
    word-break: break-word;
    pointer-events: none;
    user-select: none;
}

.videocontrols[localedir="rtl"] .pip-wrapper:not(.experiment) > .pip-explainer {
    text-align: right;
    direction: rtl;
}

.pip-wrapper:not(.experiment).hovering > .pip-expanded > .pip-explainer {
    pointer-events: auto;
    opacity: 1;
    translate: 0 calc(40px - var(--pip-highlight-width));
}

/* EXPERIMENT ONLY - PIP STYLING */

/* Since we change the outline for the first-time PiP toggle VARIANT,
 * override the focus outline in videocontrols.css as well so that
 * there is design consistency. */
.controlsContainer.experiment {
    --control-focus-outline: 2px solid #0060df;
}

.pip-wrapper.experiment > .pip-expanded > .pip-icon-label > .pip-label {
    font-size: min(16px, 1.4em);
}

/* Only the background will be set at 70% opacity. The icons and labels will remain at 100%. */
.controlsOverlay.experiment.hovering > .pip-wrapper {
    opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it and override outline set by ua.css.
 * Opacity only affects the toggle icon and label, not the background, which is handled separately. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible {
    opacity: 1;
    /* Wrapper size won't always match pip-small or pip-expanded, so don't apply outline on wrapper. */
    outline: none;
}

/* For the regular PiP toggle, take into consideration small videos and has-used=true. */
.pip-wrapper.experiment:is([has-used], [small-video]):not([policy="hidden"]):focus-visible > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], [has-used]):focus-visible > .pip-expanded {
    outline: var(--control-focus-outline);
    outline-offset: var(--pip-toggle-focus-outline-offset);
}

.pip-wrapper.experiment > .pip-expanded > .pip-explainer {
    display: none;
}

.pip-wrapper.experiment > .pip-small {
    border-radius: var(--pip-border-radius-toggle);
    transition: background-color 200ms;
}

.pip-wrapper.experiment > .pip-expanded {
    transition:
            opacity 250ms,
            scale 200ms,
            translate 190ms,
            background-color 200ms;
    height: var(--pip-expanded-height);
    width: var(--pip-expanded-max-width);
    min-width: var(--pip-expanded-min-width);
    border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper.experiment > .pip-small,
.pip-wrapper.experiment > .pip-expanded {
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
}

.pip-wrapper.experiment.hovering > .pip-small,
.pip-wrapper.experiment.hovering > .pip-expanded {
    background-color: rgba(0, 0, 0, 1);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-expanded {
    box-shadow: var(--pip-box-shadow-default);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-expanded {
    box-shadow: var(--pip-box-shadow-hover);
}

/* Remove white box shadow if there is keyboard focus on the toggle and
 * replace it with blue box shadow instead. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-expanded {
    box-shadow: 0 0 10px rgba(0, 96, 223, 0.9);
}
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@namespace url("http://www.w3.org/1999/xhtml");

.videocontrols {
    writing-mode: horizontal-tb;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;

    direction: ltr;
    /* Prevent selection from interacting weirdly with the page,
     * see bug 1766093. Our text selection story with shadow dom should be
     * better, see bug 1590379 */
    user-select: none;
    /* Prevent unwanted style inheritance. See bug 554717. */
    text-align: left;
    list-style-image: none !important;
    font: normal normal normal 100% / normal sans-serif !important;
    text-decoration: none !important;
    white-space: normal !important;
}

.videocontrols[flipped] {
    transform: scaleX(-1);
}

.controlsContainer {
    --clickToPlay-size: 48px;
    --button-size: 30px;
    --timer-size: 40px;
    --timer-long-size: 60px;
    --track-size: 5px;
    --thumb-size: 13px;
    --label-font-size: 13px;
    --pip-toggle-padding: 5px;
    --control-focus-outline: 2px solid #00ddff;
    --control-focus-outline-offset: -2px;
    --pip-toggle-icon-width-height: 16px;
    --pip-toggle-translate-x: calc(100% - var(--pip-toggle-icon-width-height) - 2 * var(--pip-toggle-padding));

    color: #fff;
}
.controlsContainer.touch {
    --clickToPlay-size: 64px;
    --button-size: 40px;
    --timer-size: 52px;
    --timer-long-size: 78px;
    --track-size: 7px;
    --thumb-size: 16px;
    --label-font-size: 16px;
}

/* Some CSS custom properties defined here are referenced by videocontrols.js */
.controlBar {
    /* Do not delete: these variables are accessed by JavaScript directly.
       see videocontrols.js and search for |-width|. */
    --clickToPlay-width: var(--clickToPlay-size);
    --playButton-width: var(--button-size);
    --scrubberStack-width: 64px;
    --muteButton-width: var(--button-size);
    --volumeStack-width: 48px;
    --castingButton-width: var(--button-size);
    --closedCaptionButton-width: var(--button-size);
    --fullscreenButton-width: var(--button-size);
    --positionDurationBox-width: var(--timer-size);
    --durationSpan-width: var(--timer-size);
    --positionDurationBox-width-long: var(--timer-long-size);
    --durationSpan-width-long: var(--timer-long-size);
}

.touch .controlBar {
    /* Do not delete: these variables are accessed by JavaScript directly.
       see videocontrols.js and search for |-width|. */
    --scrubberStack-width: 84px;
    --volumeStack-width: 64px;
}

.controlsContainer [hidden],
.controlBar[hidden] .progressBar,
.controlBar[hidden] .bufferBar,
.videocontrols[inDOMFullscreen] > .controlsContainer > .controlsOverlay > #pictureInPictureToggle {
    display: none;
}

/* We hide the controlBar visually so it doesn't obscure the video. However,
 * we still want to expose it to a11y so users who don't use a mouse can access
 * it.
 */
.controlBar[hidden] {
    display: flex;
    opacity: 0;
    pointer-events: none;
}

.controlBar[size="hidden"] {
    display: none;
}

.controlsSpacer[hideCursor] {
    cursor: none;
}

.controlsContainer,
.progressContainer {
    position: relative;
    height: 100%;
}

.stackItem {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.statusOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgb(80, 80, 80, 0.85);
}

.controlsOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.controlsSpacerStack {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.controlBar {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 40px;
    padding: 0 9px;
    background-color: rgba(26, 26, 26, 0.8);
}

.touch .controlBar {
    height: 52px;
}

.controlBar > .button {
    /* Prevent #textTrackListContainer from blocking clicks on controls */
    z-index: 1;
    height: 100%;
    min-width: var(--button-size);
    min-height: var(--button-size);
    padding: 6px;
    border: 0;
    margin: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    background-clip: content-box;
    -moz-context-properties: fill;
    fill: currentColor;
    color: inherit;
    outline: none;
}

/* Keyboard focus styling for interactive control elements (includes control
   bar, click to play and track list) */
.controlBar > .button:focus-visible,
.volumeControl:focus-visible,
.scrubber:focus-visible,
.clickToPlay:focus-visible,
.textTrackList > .textTrackItem:focus-visible {
    outline: var(--control-focus-outline);
    outline-offset: var(--control-focus-outline-offset);
}

.touch .controlBar > .button {
    background-size: 24px 24px;
}

.controlBar > .button:enabled:hover {
    fill: #48a0f7;
}

.controlBar > .button:enabled:hover:active {
    fill: #2d89e6;
}

.playButton {
    background-image: url(chrome://global/skin/media/pause-fill.svg);
}
.playButton[paused] {
    background-image: url(chrome://global/skin/media/play-fill.svg);
}

.muteButton {
    background-image: url(chrome://global/skin/media/audio.svg);
}
.muteButton[muted] {
    background-image: url(chrome://global/skin/media/audio-muted.svg);
}
.muteButton[noAudio] {
    background-image: url(chrome://global/skin/media/audioNoAudioButton.svg);
}
.muteButton[noAudio] + .volumeStack {
    display: none;
}

.castingButton {
    background-image: url(chrome://global/skin/media/castingButton-ready.svg);
}

.castingButton[enabled] {
    background-image: url(chrome://global/skin/media/castingButton-active.svg);
}

.closedCaptionButton {
    background-image: url(chrome://global/skin/media/closedCaptionButton-cc-off.svg);
}
.closedCaptionButton[enabled] {
    background-image: url(chrome://global/skin/media/closedCaptionButton-cc-on.svg);
}

.fullscreenButton {
    background-image: url(chrome://global/skin/media/fullscreenEnterButton.svg);
}
.fullscreenButton[fullscreened] {
    background-image: url(chrome://global/skin/media/fullscreenExitButton.svg);
}

.controlBarSpacer {
    flex-grow: 1;
}

.volumeControl::-moz-range-thumb,
.scrubber::-moz-range-thumb {
    height: var(--thumb-size);
    width: var(--thumb-size);
    border: none;
    border-radius: 50%;
    /* this is a foreground element even though it is implemented as a background */
    background-color: currentColor;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
}

.volumeControl,
.scrubber {
    outline: none;
}

.progressBackgroundBar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.progressStack {
    position: relative;
    width: 100%;
    height: var(--track-size);
}

.scrubberStack {
    /* minus margin to get basis of required width */
    min-width: calc(var(--scrubberStack-width) - 18px);
    flex-basis: calc(var(--scrubberStack-width) - 18px);
    flex-grow: 2;
    flex-shrink: 0;
    margin: 0 9px;
}

.volumeStack {
    max-width: 60px;
    min-width: var(--volumeStack-width);
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 6px;
    margin-left: 4px;
}

.bufferBar,
.progressBar,
.scrubber,
.volumeControl {
    bottom: 0;
    color: inherit;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: calc(var(--track-size) / 2);
    margin: 0;
    background: none;
    outline: none;
}

.bufferBar {
    background-color: rgba(0, 0, 0, 0.7);
}

.bufferBar::-moz-progress-bar,
.progressBar::-moz-progress-bar {
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: calc(var(--track-size) / 2);
    background: none;
}

.bufferBar::-moz-progress-bar {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: calc(var(--track-size) / 2);
}

.progressBar::-moz-progress-bar {
    background-color: #00b6f0;
}

.scrubber:hover::-moz-range-thumb,
.volumeControl:hover::-moz-range-thumb {
    background-color: #48a0f7;
}

.scrubber:active::-moz-range-thumb,
.volumeControl:active::-moz-range-thumb {
    background-color: #2d89e6;
}

.scrubber::-moz-range-track,
.scrubber::-moz-range-progress {
    background-color: transparent;
}

.volumeControl::-moz-range-progress,
.volumeControl::-moz-range-track {
    height: var(--track-size);
    border-radius: calc(var(--track-size) / 2);
}

.volumeControl::-moz-range-progress {
    /* this is a foreground element even though it is implemented as a background */
    background-color: currentColor;
}

.volumeControl::-moz-range-track {
    background-color: rgba(0, 0, 0, 0.7);
}

@media (prefers-contrast) {
    /* Show a border in high contrast mode since background-colors
       are not shown. */
    .scrubber::-moz-range-track,
    .volumeControl::-moz-range-track {
        border: 1px solid;
    }

    .scrubber::-moz-range-progress,
    .volumeControl::-moz-range-progress {
        border: 2px solid;
    }
}

.textTrackListContainer {
    position: absolute;
    right: 5px;
    bottom: 45px;
    top: 5px;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.textTrackList {
    flex: 0 1 auto;
    border: 1px solid #000;
    border-radius: 2.5px;
    padding: 5px 0;
    vertical-align: middle;
    background-color: #000;
    opacity: 0.7;
    overflow-y: auto;
}

.touch .textTrackList {
    bottom: 58px;
}

.textTrackList > .textTrackItem {
    display: block;
    width: 100%;
    height: var(--button-size);
    font-size: var(--label-font-size);
    padding: 2px 10px;
    border: none;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    background-color: transparent;
    color: inherit;
}

.textTrackList > .textTrackItem:hover {
    background-color: #444;
}

.textTrackList > .textTrackItem[aria-checked="true"] {
    color: #48a0f7;
}

.positionLabel,
.durationLabel {
    display: none;
}

.positionDurationBox {
    text-align: center;
    padding-inline-start: 1px;
    padding-inline-end: 9px;
    white-space: nowrap;
    font: message-box;
    font-size: var(--label-font-size);
    font-size-adjust: 0.55;
    font-variant-numeric: tabular-nums;
}

@media (-moz-platform: macos) {
    .positionDurationBox {
        font-size-adjust: unset;
        font-family: "Helvetica Neue", "Helvetica", sans-serif;
    }
}

.duration {
    display: inline-block;
    white-space: pre;
    color: #929292;
}

.statusIcon {
    width: 36px;
    height: 36px;
    margin-bottom: 20px;
}

/* Not showing the throbber on mobile because of conflict with m.youtube.com (see bug 1289412) */
.controlsContainer:not(.mobile) .statusIcon[type="throbber"] {
    background: url(chrome://global/skin/media/throbber.png) no-repeat center;
}

.controlsContainer:not(.mobile) .statusIcon[type="throbber"][stalled] {
    background: url(chrome://global/skin/media/stalled.png) no-repeat center;
}

.statusIcon[type="error"],
.statusIcon[type="pictureInPicture"] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.statusIcon[type="error"] {
    min-width: 70px;
    min-height: 60px;
    background-image: url(chrome://global/skin/media/error.png);
}

.statusIcon[type="pictureInPicture"] {
    min-width: 84px;
    min-height: 84px;
    background-image: url(chrome://global/skin/media/picture-in-picture-open.svg);
    -moz-context-properties: fill;
    fill: currentColor;
}

.videocontrols[localedir="rtl"] .statusIcon[type="pictureInPicture"] {
    transform: scaleX(-1);
}

.pictureInPictureToggleLabel {
    margin-inline-start: var(--pip-toggle-padding);
}

/* Overlay Play button */
.clickToPlay {
    appearance: none;
    border: none;
    min-width: var(--clickToPlay-size);
    min-height: var(--clickToPlay-size);
    border-radius: 50%;
    background-image: url(chrome://global/skin/media/play-fill.svg);
    background-repeat: no-repeat;
    background-position: 54% 50%;
    background-size: 40% 40%;
    background-color: #1a1a1a;
    -moz-context-properties: fill;
    fill: currentColor;
    color: inherit;
    opacity: 0.8;
    position: relative;
    top: 20px;
}

.controlsSpacerStack:hover > .clickToPlay,
.clickToPlay:hover {
    opacity: 0.55;
}

.controlsSpacerStack:hover > .clickToPlay[fadeout] {
    opacity: 0;
}

.controlBar[fullscreen-unavailable] .fullscreenButton {
    display: none;
}

.statusOverlay[fadeout],
.statusOverlay[error] + .controlsOverlay > .controlsSpacerStack {
    opacity: 0;
}

.pictureInPictureOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1;
    background-color: rgb(12, 12, 13);
}

/* Status description formatting */
.statusLabel {
    display: none;
    padding: 0 10px;
    text-align: center;
    font: message-box;
    font-size: 14px;
}

.videocontrols[localedir="rtl"] .statusLabel {
    direction: rtl;
}

[status="errorAborted"] > #errorAborted,
[status="errorNetwork"] > #errorNetwork,
[status="errorDecode"] > #errorDecode,
[status="errorSrcNotSupported"] > #errorSrcNotSupported,
[status="errorNoSource"] > #errorNoSource,
[status="errorGeneric"] > #errorGeneric,
[status="pictureInPicture"] > #pictureInPicture {
    display: inline;
}

@media (-moz-platform: windows) and (prefers-contrast) {
    .controlsSpacer,
    .clickToPlay {
        background-color: transparent;
    }
}

.a11y-only {
    position: absolute;
    left: -10000px;
    width: 100px;
    height: 100px;
}

:host::cue {
    font-size: var(--cue-font-size);
    writing-mode: var(--cue-writing-mode, inherit);
}
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* This CSS file is for the Picture-in-Picture toggle.
 *
 * The "experiment" class is used to enable styling for the VARIANT version
 * of the toggle for upcoming PiP Nimbus experiments.
 * @see Bug 1811314.
 *
 * To see each section of style changes, search "PIP STYLING" in this file.
 */

/* SHARED PIP STYLING */

.controlsOverlay[hidetoggle="true"].hovering > .pip-wrapper:not(.hovering) {
    /* If this isn't !important, it will fail to override the other opacity
     * rules, which are currently defined below this point in this file. */
    opacity: 0 !important;
}

.pip-wrapper {
    position: absolute;
    cursor: pointer;
    -moz-appearance: none;
    background: none;
    color: inherit;
    border: none;
    text-align: unset;
    top: calc(70% - 40px);
    opacity: 0;
    padding-inline: 0;
    transition: opacity 200ms;
    --pip-icon-size: 24px;
    --pip-icon-width-with-margins: calc(2 * var(--pip-toggle-margin) + var(--pip-icon-size));
    --pip-highlight-style: solid rgba(0, 254, 255, 1);
    --pip-highlight-width: 2px;
    --pip-toggle-distanceFromVideoEdge: 18px;
    --pip-toggle-focus-outline-offset: 1px;
    --pip-toggle-margin: 8px;
    --pip-border-radius-toggle: 4px;
    --pip-box-shadow-default: 0 0 4px rgba(255, 255, 255, 0.9);
    --pip-box-shadow-hover: 0 0 10px rgba(255, 255, 255, 0.7);
    --pip-expanded-height: 40px;
    --pip-expanded-min-width: 200px;
    --pip-expanded-max-width: max-content;
}

/* Adjust sizing of the regular toggle wrapper to correctly show the
 * focus outline when navigating via keyboard. */
.pip-wrapper[has-used],
.pip-wrapper[small-video] {
    height: var(--pip-icon-width-with-margins);
    width: var(--pip-icon-width-with-margins);
    border-radius: var(--pip-border-radius-toggle);
    margin-right: calc(var(--pip-icon-width-with-margins) * -1);
}

.pip-wrapper[policy="hidden"] {
    display: none;
}

.pip-wrapper[policy="top"] {
    top: 0%;
    translate: var(--pip-toggle-translate-x);
}

.pip-wrapper[policy="one-quarter"] {
    top: 25%;
}

.pip-wrapper[policy="middle"] {
    top: 50%;
}

.pip-wrapper[policy="three-quarters"] {
    top: 75%;
}

.pip-wrapper[policy="bottom"] {
    top: 100%;
    translate: var(--pip-toggle-translate-x) -100%;
}

.pip-wrapper[medium-video] > .pip-expanded > .pip-icon-label > .pip-label {
    font-size: 13px;
}

.pip-wrapper[medium-video] > .pip-expanded {
    font-size: 11px;
}

.pip-wrapper[position="right"] {
    /* move from the right by total width of pip toggle so that it is at least visible in the video element */
    right: calc(var(--pip-icon-width-with-margins) + var(--pip-toggle-distanceFromVideoEdge));
}

/* Re-position the first-time toggle such that it will always be the same distance away from the right edge
 * of the video, even if the label and/or message string(s) are long. */
.pip-wrapper[position="right"] > .pip-expanded {
    translate: calc(-100% + var(--pip-icon-width-with-margins));
    transform-origin: right;
}

.pip-wrapper[position="left"] {
    left: var(--pip-toggle-distanceFromVideoEdge);
}

.pip-expanded,
.pip-small,
.pip-icon,
.pip-explainer {
    position: absolute;
    left: 0;
    top: 0;
}

.pip-wrapper > .pip-expanded {
    display: flex;
    opacity: 0;
    align-items: center;
    scale: 0.33 1;
    font-size: 14px;
}

.pip-wrapper:not([small-video], [has-used]) > .pip-small {
    opacity: 0;
    transition: opacity 200ms;
}

.pip-wrapper:not([small-video], [has-used]) > .pip-expanded {
    opacity: 1;
    scale: 1;
    pointer-events: none;
}

.pip-wrapper:not([small-video], [has-used]).hovering > .pip-expanded {
    pointer-events: auto;
}

.pip-icon {
    top: 8px;
    left: 8px;
    pointer-events: none;
    background-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: var(--pip-icon-size) var(--pip-icon-size);
    -moz-context-properties: fill;
    fill: currentColor;
    height: var(--pip-icon-size);
    width: var(--pip-icon-size);
}

.videocontrols[localedir="rtl"] .pip-icon {
    transform: scaleX(-1);
}

.pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-left: var(--pip-icon-width-with-margins);
    margin-right: var(--pip-toggle-margin);
}

.pip-small {
    width: 40px;
    height: 40px;
}

.pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-icon {
    display: none;
}

.pip-wrapper:is([small-video], [has-used]) > .pip-expanded,
.pip-wrapper[position="right"]:not([small-video], [has-used]) > .pip-icon {
    display: none;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label {
    display: flex;
    flex-direction: row;
    align-content: center;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon,
.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-block: auto;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
    margin-inline: var(--pip-toggle-margin);
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-right: var(--pip-toggle-margin);
}

@media (prefers-reduced-motion) {
    .pip-wrapper,
    .pip-expanded,
    .pip-small,
    .pip-explainer {
        /* Transition changes in other rules may override this one if reduced motion is preferred.
         * Make sure this one always takes priority. */
        transition: none !important;
    }
}

/* NO EXPERIMENT - PIP STYLING */

.controlsOverlay:not(.experiment).hovering > .pip-wrapper:not(:focus-visible) {
    opacity: 0.8;
}

.controlsOverlay:not(.experiment).hovering > .pip-wrapper.hovering {
    opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it at 100% opacity */
.pip-wrapper:not([policy="hidden"], .experiment):focus-visible {
    opacity: 1;
}

/* If showing the expanded PiP toggle, don't outline the
 * parent wrapper element - the expanded toggle handles its
 * own outline. This also affects the regular toggle for small-videos. */
.pip-wrapper:not([policy="hidden"], [has-used], .experiment):focus-visible {
    outline: none;
}

/* Override outline set by ua.css for the regular toggle. */
.pip-wrapper[has-used]:not([policy="hidden"], .experiment):focus-visible {
    outline: var(--control-focus-outline);
}

.pip-wrapper:not(.experiment) > .pip-small {
    background-color: rgba(12, 12, 13, 0.65);
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper:not(.experiment) > .pip-expanded,
.pip-wrapper:not(.experiment) > .pip-small {
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
}

/* If first-time toggle is visible and then switched to the regular toggle for smaller videos,
 * maintain the border shown on the first-time toggle. */
.pip-wrapper:not([has-used], .experiment) > .pip-small {
    border: var(--pip-highlight-width) var(--pip-highlight-style);
}

.pip-wrapper:not(.experiment) > .pip-expanded {
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    transition:
            opacity 250ms,
            scale 200ms;
    height: var(--pip-expanded-height);
    background-color: rgba(12, 12, 13, 0.9);
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    width: var(--pip-expanded-max-width);
    min-width: var(--pip-expanded-min-width);
    border-radius: 8px;
}

.pip-wrapper:not(.experiment).hovering > .pip-expanded {
    box-shadow: none;
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    /* Remove bottom border but keep text centred with padding. */
    border-bottom: none;
    padding-bottom: var(--pip-highlight-width);
}

.pip-wrapper:not([small-video], [has-used], .experiment).hovering > .pip-expanded {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

/* Toggle message only appears for CONTROL variant. */
.pip-wrapper:not(.experiment) > .pip-expanded > .pip-explainer {
    padding: 6px 16px 8px 8px;
    translate: 0;
    transition:
            opacity 250ms,
            translate 190ms;
    transition-timing-function: cubic-bezier(0.07, 0.95, 0, 1);
    background: rgba(12, 12, 13, 0.65);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    border-top: 0;
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    opacity: 0;
    margin-inline: calc(-1 * var(--pip-highlight-width));
    width: calc(100% - 24px);
    word-break: break-word;
    pointer-events: none;
    user-select: none;
}

.videocontrols[localedir="rtl"] .pip-wrapper:not(.experiment) > .pip-explainer {
    text-align: right;
    direction: rtl;
}

.pip-wrapper:not(.experiment).hovering > .pip-expanded > .pip-explainer {
    pointer-events: auto;
    opacity: 1;
    translate: 0 calc(40px - var(--pip-highlight-width));
}

/* EXPERIMENT ONLY - PIP STYLING */

/* Since we change the outline for the first-time PiP toggle VARIANT,
 * override the focus outline in videocontrols.css as well so that
 * there is design consistency. */
.controlsContainer.experiment {
    --control-focus-outline: 2px solid #0060df;
}

.pip-wrapper.experiment > .pip-expanded > .pip-icon-label > .pip-label {
    font-size: min(16px, 1.4em);
}

/* Only the background will be set at 70% opacity. The icons and labels will remain at 100%. */
.controlsOverlay.experiment.hovering > .pip-wrapper {
    opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it and override outline set by ua.css.
 * Opacity only affects the toggle icon and label, not the background, which is handled separately. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible {
    opacity: 1;
    /* Wrapper size won't always match pip-small or pip-expanded, so don't apply outline on wrapper. */
    outline: none;
}

/* For the regular PiP toggle, take into consideration small videos and has-used=true. */
.pip-wrapper.experiment:is([has-used], [small-video]):not([policy="hidden"]):focus-visible > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], [has-used]):focus-visible > .pip-expanded {
    outline: var(--control-focus-outline);
    outline-offset: var(--pip-toggle-focus-outline-offset);
}

.pip-wrapper.experiment > .pip-expanded > .pip-explainer {
    display: none;
}

.pip-wrapper.experiment > .pip-small {
    border-radius: var(--pip-border-radius-toggle);
    transition: background-color 200ms;
}

.pip-wrapper.experiment > .pip-expanded {
    transition:
            opacity 250ms,
            scale 200ms,
            translate 190ms,
            background-color 200ms;
    height: var(--pip-expanded-height);
    width: var(--pip-expanded-max-width);
    min-width: var(--pip-expanded-min-width);
    border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper.experiment > .pip-small,
.pip-wrapper.experiment > .pip-expanded {
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
}

.pip-wrapper.experiment.hovering > .pip-small,
.pip-wrapper.experiment.hovering > .pip-expanded {
    background-color: rgba(0, 0, 0, 1);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-expanded {
    box-shadow: var(--pip-box-shadow-default);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-expanded {
    box-shadow: var(--pip-box-shadow-hover);
}

/* Remove white box shadow if there is keyboard focus on the toggle and
 * replace it with blue box shadow instead. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-expanded {
    box-shadow: 0 0 10px rgba(0, 96, 223, 0.9);
}
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@namespace url("http://www.w3.org/1999/xhtml");

.videocontrols {
    writing-mode: horizontal-tb;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;

    direction: ltr;
    /* Prevent selection from interacting weirdly with the page,
     * see bug 1766093. Our text selection story with shadow dom should be
     * better, see bug 1590379 */
    user-select: none;
    /* Prevent unwanted style inheritance. See bug 554717. */
    text-align: left;
    list-style-image: none !important;
    font: normal normal normal 100% / normal sans-serif !important;
    text-decoration: none !important;
    white-space: normal !important;
}

.videocontrols[flipped] {
    transform: scaleX(-1);
}

.controlsContainer {
    --clickToPlay-size: 48px;
    --button-size: 30px;
    --timer-size: 40px;
    --timer-long-size: 60px;
    --track-size: 5px;
    --thumb-size: 13px;
    --label-font-size: 13px;
    --pip-toggle-padding: 5px;
    --control-focus-outline: 2px solid #00ddff;
    --control-focus-outline-offset: -2px;
    --pip-toggle-icon-width-height: 16px;
    --pip-toggle-translate-x: calc(100% - var(--pip-toggle-icon-width-height) - 2 * var(--pip-toggle-padding));

    color: #fff;
}
.controlsContainer.touch {
    --clickToPlay-size: 64px;
    --button-size: 40px;
    --timer-size: 52px;
    --timer-long-size: 78px;
    --track-size: 7px;
    --thumb-size: 16px;
    --label-font-size: 16px;
}

/* Some CSS custom properties defined here are referenced by videocontrols.js */
.controlBar {
    /* Do not delete: these variables are accessed by JavaScript directly.
       see videocontrols.js and search for |-width|. */
    --clickToPlay-width: var(--clickToPlay-size);
    --playButton-width: var(--button-size);
    --scrubberStack-width: 64px;
    --muteButton-width: var(--button-size);
    --volumeStack-width: 48px;
    --castingButton-width: var(--button-size);
    --closedCaptionButton-width: var(--button-size);
    --fullscreenButton-width: var(--button-size);
    --positionDurationBox-width: var(--timer-size);
    --durationSpan-width: var(--timer-size);
    --positionDurationBox-width-long: var(--timer-long-size);
    --durationSpan-width-long: var(--timer-long-size);
}

.touch .controlBar {
    /* Do not delete: these variables are accessed by JavaScript directly.
       see videocontrols.js and search for |-width|. */
    --scrubberStack-width: 84px;
    --volumeStack-width: 64px;
}

.controlsContainer [hidden],
.controlBar[hidden] .progressBar,
.controlBar[hidden] .bufferBar,
.videocontrols[inDOMFullscreen] > .controlsContainer > .controlsOverlay > #pictureInPictureToggle {
    display: none;
}

/* We hide the controlBar visually so it doesn't obscure the video. However,
 * we still want to expose it to a11y so users who don't use a mouse can access
 * it.
 */
.controlBar[hidden] {
    display: flex;
    opacity: 0;
    pointer-events: none;
}

.controlBar[size="hidden"] {
    display: none;
}

.controlsSpacer[hideCursor] {
    cursor: none;
}

.controlsContainer,
.progressContainer {
    position: relative;
    height: 100%;
}

.stackItem {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.statusOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgb(80, 80, 80, 0.85);
}

.controlsOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.controlsSpacerStack {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.controlBar {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 40px;
    padding: 0 9px;
    background-color: rgba(26, 26, 26, 0.8);
}

.touch .controlBar {
    height: 52px;
}

.controlBar > .button {
    /* Prevent #textTrackListContainer from blocking clicks on controls */
    z-index: 1;
    height: 100%;
    min-width: var(--button-size);
    min-height: var(--button-size);
    padding: 6px;
    border: 0;
    margin: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    background-clip: content-box;
    -moz-context-properties: fill;
    fill: currentColor;
    color: inherit;
    outline: none;
}

/* Keyboard focus styling for interactive control elements (includes control
   bar, click to play and track list) */
.controlBar > .button:focus-visible,
.volumeControl:focus-visible,
.scrubber:focus-visible,
.clickToPlay:focus-visible,
.textTrackList > .textTrackItem:focus-visible {
    outline: var(--control-focus-outline);
    outline-offset: var(--control-focus-outline-offset);
}

.touch .controlBar > .button {
    background-size: 24px 24px;
}

.controlBar > .button:enabled:hover {
    fill: #48a0f7;
}

.controlBar > .button:enabled:hover:active {
    fill: #2d89e6;
}

.playButton {
    background-image: url(chrome://global/skin/media/pause-fill.svg);
}
.playButton[paused] {
    background-image: url(chrome://global/skin/media/play-fill.svg);
}

.muteButton {
    background-image: url(chrome://global/skin/media/audio.svg);
}
.muteButton[muted] {
    background-image: url(chrome://global/skin/media/audio-muted.svg);
}
.muteButton[noAudio] {
    background-image: url(chrome://global/skin/media/audioNoAudioButton.svg);
}
.muteButton[noAudio] + .volumeStack {
    display: none;
}

.castingButton {
    background-image: url(chrome://global/skin/media/castingButton-ready.svg);
}

.castingButton[enabled] {
    background-image: url(chrome://global/skin/media/castingButton-active.svg);
}

.closedCaptionButton {
    background-image: url(chrome://global/skin/media/closedCaptionButton-cc-off.svg);
}
.closedCaptionButton[enabled] {
    background-image: url(chrome://global/skin/media/closedCaptionButton-cc-on.svg);
}

.fullscreenButton {
    background-image: url(chrome://global/skin/media/fullscreenEnterButton.svg);
}
.fullscreenButton[fullscreened] {
    background-image: url(chrome://global/skin/media/fullscreenExitButton.svg);
}

.controlBarSpacer {
    flex-grow: 1;
}

.volumeControl::-moz-range-thumb,
.scrubber::-moz-range-thumb {
    height: var(--thumb-size);
    width: var(--thumb-size);
    border: none;
    border-radius: 50%;
    /* this is a foreground element even though it is implemented as a background */
    background-color: currentColor;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
}

.volumeControl,
.scrubber {
    outline: none;
}

.progressBackgroundBar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.progressStack {
    position: relative;
    width: 100%;
    height: var(--track-size);
}

.scrubberStack {
    /* minus margin to get basis of required width */
    min-width: calc(var(--scrubberStack-width) - 18px);
    flex-basis: calc(var(--scrubberStack-width) - 18px);
    flex-grow: 2;
    flex-shrink: 0;
    margin: 0 9px;
}

.volumeStack {
    max-width: 60px;
    min-width: var(--volumeStack-width);
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 6px;
    margin-left: 4px;
}

.bufferBar,
.progressBar,
.scrubber,
.volumeControl {
    bottom: 0;
    color: inherit;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: calc(var(--track-size) / 2);
    margin: 0;
    background: none;
    outline: none;
}

.bufferBar {
    background-color: rgba(0, 0, 0, 0.7);
}

.bufferBar::-moz-progress-bar,
.progressBar::-moz-progress-bar {
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: calc(var(--track-size) / 2);
    background: none;
}

.bufferBar::-moz-progress-bar {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: calc(var(--track-size) / 2);
}

.progressBar::-moz-progress-bar {
    background-color: #00b6f0;
}

.scrubber:hover::-moz-range-thumb,
.volumeControl:hover::-moz-range-thumb {
    background-color: #48a0f7;
}

.scrubber:active::-moz-range-thumb,
.volumeControl:active::-moz-range-thumb {
    background-color: #2d89e6;
}

.scrubber::-moz-range-track,
.scrubber::-moz-range-progress {
    background-color: transparent;
}

.volumeControl::-moz-range-progress,
.volumeControl::-moz-range-track {
    height: var(--track-size);
    border-radius: calc(var(--track-size) / 2);
}

.volumeControl::-moz-range-progress {
    /* this is a foreground element even though it is implemented as a background */
    background-color: currentColor;
}

.volumeControl::-moz-range-track {
    background-color: rgba(0, 0, 0, 0.7);
}

@media (prefers-contrast) {
    /* Show a border in high contrast mode since background-colors
       are not shown. */
    .scrubber::-moz-range-track,
    .volumeControl::-moz-range-track {
        border: 1px solid;
    }

    .scrubber::-moz-range-progress,
    .volumeControl::-moz-range-progress {
        border: 2px solid;
    }
}

.textTrackListContainer {
    position: absolute;
    right: 5px;
    bottom: 45px;
    top: 5px;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.textTrackList {
    flex: 0 1 auto;
    border: 1px solid #000;
    border-radius: 2.5px;
    padding: 5px 0;
    vertical-align: middle;
    background-color: #000;
    opacity: 0.7;
    overflow-y: auto;
}

.touch .textTrackList {
    bottom: 58px;
}

.textTrackList > .textTrackItem {
    display: block;
    width: 100%;
    height: var(--button-size);
    font-size: var(--label-font-size);
    padding: 2px 10px;
    border: none;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    background-color: transparent;
    color: inherit;
}

.textTrackList > .textTrackItem:hover {
    background-color: #444;
}

.textTrackList > .textTrackItem[aria-checked="true"] {
    color: #48a0f7;
}

.positionLabel,
.durationLabel {
    display: none;
}

.positionDurationBox {
    text-align: center;
    padding-inline-start: 1px;
    padding-inline-end: 9px;
    white-space: nowrap;
    font: message-box;
    font-size: var(--label-font-size);
    font-size-adjust: 0.55;
    font-variant-numeric: tabular-nums;
}

@media (-moz-platform: macos) {
    .positionDurationBox {
        font-size-adjust: unset;
        font-family: "Helvetica Neue", "Helvetica", sans-serif;
    }
}

.duration {
    display: inline-block;
    white-space: pre;
    color: #929292;
}

.statusIcon {
    width: 36px;
    height: 36px;
    margin-bottom: 20px;
}

/* Not showing the throbber on mobile because of conflict with m.youtube.com (see bug 1289412) */
.controlsContainer:not(.mobile) .statusIcon[type="throbber"] {
    background: url(chrome://global/skin/media/throbber.png) no-repeat center;
}

.controlsContainer:not(.mobile) .statusIcon[type="throbber"][stalled] {
    background: url(chrome://global/skin/media/stalled.png) no-repeat center;
}

.statusIcon[type="error"],
.statusIcon[type="pictureInPicture"] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.statusIcon[type="error"] {
    min-width: 70px;
    min-height: 60px;
    background-image: url(chrome://global/skin/media/error.png);
}

.statusIcon[type="pictureInPicture"] {
    min-width: 84px;
    min-height: 84px;
    background-image: url(chrome://global/skin/media/picture-in-picture-open.svg);
    -moz-context-properties: fill;
    fill: currentColor;
}

.videocontrols[localedir="rtl"] .statusIcon[type="pictureInPicture"] {
    transform: scaleX(-1);
}

.pictureInPictureToggleLabel {
    margin-inline-start: var(--pip-toggle-padding);
}

/* Overlay Play button */
.clickToPlay {
    appearance: none;
    border: none;
    min-width: var(--clickToPlay-size);
    min-height: var(--clickToPlay-size);
    border-radius: 50%;
    background-image: url(chrome://global/skin/media/play-fill.svg);
    background-repeat: no-repeat;
    background-position: 54% 50%;
    background-size: 40% 40%;
    background-color: #1a1a1a;
    -moz-context-properties: fill;
    fill: currentColor;
    color: inherit;
    opacity: 0.8;
    position: relative;
    top: 20px;
}

.controlsSpacerStack:hover > .clickToPlay,
.clickToPlay:hover {
    opacity: 0.55;
}

.controlsSpacerStack:hover > .clickToPlay[fadeout] {
    opacity: 0;
}

.controlBar[fullscreen-unavailable] .fullscreenButton {
    display: none;
}

.statusOverlay[fadeout],
.statusOverlay[error] + .controlsOverlay > .controlsSpacerStack {
    opacity: 0;
}

.pictureInPictureOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1;
    background-color: rgb(12, 12, 13);
}

/* Status description formatting */
.statusLabel {
    display: none;
    padding: 0 10px;
    text-align: center;
    font: message-box;
    font-size: 14px;
}

.videocontrols[localedir="rtl"] .statusLabel {
    direction: rtl;
}

[status="errorAborted"] > #errorAborted,
[status="errorNetwork"] > #errorNetwork,
[status="errorDecode"] > #errorDecode,
[status="errorSrcNotSupported"] > #errorSrcNotSupported,
[status="errorNoSource"] > #errorNoSource,
[status="errorGeneric"] > #errorGeneric,
[status="pictureInPicture"] > #pictureInPicture {
    display: inline;
}

@media (-moz-platform: windows) and (prefers-contrast) {
    .controlsSpacer,
    .clickToPlay {
        background-color: transparent;
    }
}

.a11y-only {
    position: absolute;
    left: -10000px;
    width: 100px;
    height: 100px;
}

:host::cue {
    font-size: var(--cue-font-size);
    writing-mode: var(--cue-writing-mode, inherit);
}
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* This CSS file is for the Picture-in-Picture toggle.
 *
 * The "experiment" class is used to enable styling for the VARIANT version
 * of the toggle for upcoming PiP Nimbus experiments.
 * @see Bug 1811314.
 *
 * To see each section of style changes, search "PIP STYLING" in this file.
 */

/* SHARED PIP STYLING */

.controlsOverlay[hidetoggle="true"].hovering > .pip-wrapper:not(.hovering) {
    /* If this isn't !important, it will fail to override the other opacity
     * rules, which are currently defined below this point in this file. */
    opacity: 0 !important;
}

.pip-wrapper {
    position: absolute;
    cursor: pointer;
    -moz-appearance: none;
    background: none;
    color: inherit;
    border: none;
    text-align: unset;
    top: calc(70% - 40px);
    opacity: 0;
    padding-inline: 0;
    transition: opacity 200ms;
    --pip-icon-size: 24px;
    --pip-icon-width-with-margins: calc(2 * var(--pip-toggle-margin) + var(--pip-icon-size));
    --pip-highlight-style: solid rgba(0, 254, 255, 1);
    --pip-highlight-width: 2px;
    --pip-toggle-distanceFromVideoEdge: 18px;
    --pip-toggle-focus-outline-offset: 1px;
    --pip-toggle-margin: 8px;
    --pip-border-radius-toggle: 4px;
    --pip-box-shadow-default: 0 0 4px rgba(255, 255, 255, 0.9);
    --pip-box-shadow-hover: 0 0 10px rgba(255, 255, 255, 0.7);
    --pip-expanded-height: 40px;
    --pip-expanded-min-width: 200px;
    --pip-expanded-max-width: max-content;
}

/* Adjust sizing of the regular toggle wrapper to correctly show the
 * focus outline when navigating via keyboard. */
.pip-wrapper[has-used],
.pip-wrapper[small-video] {
    height: var(--pip-icon-width-with-margins);
    width: var(--pip-icon-width-with-margins);
    border-radius: var(--pip-border-radius-toggle);
    margin-right: calc(var(--pip-icon-width-with-margins) * -1);
}

.pip-wrapper[policy="hidden"] {
    display: none;
}

.pip-wrapper[policy="top"] {
    top: 0%;
    translate: var(--pip-toggle-translate-x);
}

.pip-wrapper[policy="one-quarter"] {
    top: 25%;
}

.pip-wrapper[policy="middle"] {
    top: 50%;
}

.pip-wrapper[policy="three-quarters"] {
    top: 75%;
}

.pip-wrapper[policy="bottom"] {
    top: 100%;
    translate: var(--pip-toggle-translate-x) -100%;
}

.pip-wrapper[medium-video] > .pip-expanded > .pip-icon-label > .pip-label {
    font-size: 13px;
}

.pip-wrapper[medium-video] > .pip-expanded {
    font-size: 11px;
}

.pip-wrapper[position="right"] {
    /* move from the right by total width of pip toggle so that it is at least visible in the video element */
    right: calc(var(--pip-icon-width-with-margins) + var(--pip-toggle-distanceFromVideoEdge));
}

/* Re-position the first-time toggle such that it will always be the same distance away from the right edge
 * of the video, even if the label and/or message string(s) are long. */
.pip-wrapper[position="right"] > .pip-expanded {
    translate: calc(-100% + var(--pip-icon-width-with-margins));
    transform-origin: right;
}

.pip-wrapper[position="left"] {
    left: var(--pip-toggle-distanceFromVideoEdge);
}

.pip-expanded,
.pip-small,
.pip-icon,
.pip-explainer {
    position: absolute;
    left: 0;
    top: 0;
}

.pip-wrapper > .pip-expanded {
    display: flex;
    opacity: 0;
    align-items: center;
    scale: 0.33 1;
    font-size: 14px;
}

.pip-wrapper:not([small-video], [has-used]) > .pip-small {
    opacity: 0;
    transition: opacity 200ms;
}

.pip-wrapper:not([small-video], [has-used]) > .pip-expanded {
    opacity: 1;
    scale: 1;
    pointer-events: none;
}

.pip-wrapper:not([small-video], [has-used]).hovering > .pip-expanded {
    pointer-events: auto;
}

.pip-icon {
    top: 8px;
    left: 8px;
    pointer-events: none;
    background-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: var(--pip-icon-size) var(--pip-icon-size);
    -moz-context-properties: fill;
    fill: currentColor;
    height: var(--pip-icon-size);
    width: var(--pip-icon-size);
}

.videocontrols[localedir="rtl"] .pip-icon {
    transform: scaleX(-1);
}

.pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-left: var(--pip-icon-width-with-margins);
    margin-right: var(--pip-toggle-margin);
}

.pip-small {
    width: 40px;
    height: 40px;
}

.pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-icon {
    display: none;
}

.pip-wrapper:is([small-video], [has-used]) > .pip-expanded,
.pip-wrapper[position="right"]:not([small-video], [has-used]) > .pip-icon {
    display: none;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label {
    display: flex;
    flex-direction: row;
    align-content: center;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon,
.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-block: auto;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
    margin-inline: var(--pip-toggle-margin);
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-right: var(--pip-toggle-margin);
}

@media (prefers-reduced-motion) {
    .pip-wrapper,
    .pip-expanded,
    .pip-small,
    .pip-explainer {
        /* Transition changes in other rules may override this one if reduced motion is preferred.
         * Make sure this one always takes priority. */
        transition: none !important;
    }
}

/* NO EXPERIMENT - PIP STYLING */

.controlsOverlay:not(.experiment).hovering > .pip-wrapper:not(:focus-visible) {
    opacity: 0.8;
}

.controlsOverlay:not(.experiment).hovering > .pip-wrapper.hovering {
    opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it at 100% opacity */
.pip-wrapper:not([policy="hidden"], .experiment):focus-visible {
    opacity: 1;
}

/* If showing the expanded PiP toggle, don't outline the
 * parent wrapper element - the expanded toggle handles its
 * own outline. This also affects the regular toggle for small-videos. */
.pip-wrapper:not([policy="hidden"], [has-used], .experiment):focus-visible {
    outline: none;
}

/* Override outline set by ua.css for the regular toggle. */
.pip-wrapper[has-used]:not([policy="hidden"], .experiment):focus-visible {
    outline: var(--control-focus-outline);
}

.pip-wrapper:not(.experiment) > .pip-small {
    background-color: rgba(12, 12, 13, 0.65);
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper:not(.experiment) > .pip-expanded,
.pip-wrapper:not(.experiment) > .pip-small {
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
}

/* If first-time toggle is visible and then switched to the regular toggle for smaller videos,
 * maintain the border shown on the first-time toggle. */
.pip-wrapper:not([has-used], .experiment) > .pip-small {
    border: var(--pip-highlight-width) var(--pip-highlight-style);
}

.pip-wrapper:not(.experiment) > .pip-expanded {
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    transition:
            opacity 250ms,
            scale 200ms;
    height: var(--pip-expanded-height);
    background-color: rgba(12, 12, 13, 0.9);
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    width: var(--pip-expanded-max-width);
    min-width: var(--pip-expanded-min-width);
    border-radius: 8px;
}

.pip-wrapper:not(.experiment).hovering > .pip-expanded {
    box-shadow: none;
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    /* Remove bottom border but keep text centred with padding. */
    border-bottom: none;
    padding-bottom: var(--pip-highlight-width);
}

.pip-wrapper:not([small-video], [has-used], .experiment).hovering > .pip-expanded {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

/* Toggle message only appears for CONTROL variant. */
.pip-wrapper:not(.experiment) > .pip-expanded > .pip-explainer {
    padding: 6px 16px 8px 8px;
    translate: 0;
    transition:
            opacity 250ms,
            translate 190ms;
    transition-timing-function: cubic-bezier(0.07, 0.95, 0, 1);
    background: rgba(12, 12, 13, 0.65);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    border-top: 0;
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    opacity: 0;
    margin-inline: calc(-1 * var(--pip-highlight-width));
    width: calc(100% - 24px);
    word-break: break-word;
    pointer-events: none;
    user-select: none;
}

.videocontrols[localedir="rtl"] .pip-wrapper:not(.experiment) > .pip-explainer {
    text-align: right;
    direction: rtl;
}

.pip-wrapper:not(.experiment).hovering > .pip-expanded > .pip-explainer {
    pointer-events: auto;
    opacity: 1;
    translate: 0 calc(40px - var(--pip-highlight-width));
}

/* EXPERIMENT ONLY - PIP STYLING */

/* Since we change the outline for the first-time PiP toggle VARIANT,
 * override the focus outline in videocontrols.css as well so that
 * there is design consistency. */
.controlsContainer.experiment {
    --control-focus-outline: 2px solid #0060df;
}

.pip-wrapper.experiment > .pip-expanded > .pip-icon-label > .pip-label {
    font-size: min(16px, 1.4em);
}

/* Only the background will be set at 70% opacity. The icons and labels will remain at 100%. */
.controlsOverlay.experiment.hovering > .pip-wrapper {
    opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it and override outline set by ua.css.
 * Opacity only affects the toggle icon and label, not the background, which is handled separately. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible {
    opacity: 1;
    /* Wrapper size won't always match pip-small or pip-expanded, so don't apply outline on wrapper. */
    outline: none;
}

/* For the regular PiP toggle, take into consideration small videos and has-used=true. */
.pip-wrapper.experiment:is([has-used], [small-video]):not([policy="hidden"]):focus-visible > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], [has-used]):focus-visible > .pip-expanded {
    outline: var(--control-focus-outline);
    outline-offset: var(--pip-toggle-focus-outline-offset);
}

.pip-wrapper.experiment > .pip-expanded > .pip-explainer {
    display: none;
}

.pip-wrapper.experiment > .pip-small {
    border-radius: var(--pip-border-radius-toggle);
    transition: background-color 200ms;
}

.pip-wrapper.experiment > .pip-expanded {
    transition:
            opacity 250ms,
            scale 200ms,
            translate 190ms,
            background-color 200ms;
    height: var(--pip-expanded-height);
    width: var(--pip-expanded-max-width);
    min-width: var(--pip-expanded-min-width);
    border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper.experiment > .pip-small,
.pip-wrapper.experiment > .pip-expanded {
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
}

.pip-wrapper.experiment.hovering > .pip-small,
.pip-wrapper.experiment.hovering > .pip-expanded {
    background-color: rgba(0, 0, 0, 1);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-expanded {
    box-shadow: var(--pip-box-shadow-default);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-expanded {
    box-shadow: var(--pip-box-shadow-hover);
}

/* Remove white box shadow if there is keyboard focus on the toggle and
 * replace it with blue box shadow instead. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-expanded {
    box-shadow: 0 0 10px rgba(0, 96, 223, 0.9);
}
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@namespace url("http://www.w3.org/1999/xhtml");

.videocontrols {
    writing-mode: horizontal-tb;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;

    direction: ltr;
    /* Prevent selection from interacting weirdly with the page,
     * see bug 1766093. Our text selection story with shadow dom should be
     * better, see bug 1590379 */
    user-select: none;
    /* Prevent unwanted style inheritance. See bug 554717. */
    text-align: left;
    list-style-image: none !important;
    font: normal normal normal 100% / normal sans-serif !important;
    text-decoration: none !important;
    white-space: normal !important;
}

.videocontrols[flipped] {
    transform: scaleX(-1);
}

.controlsContainer {
    --clickToPlay-size: 48px;
    --button-size: 30px;
    --timer-size: 40px;
    --timer-long-size: 60px;
    --track-size: 5px;
    --thumb-size: 13px;
    --label-font-size: 13px;
    --pip-toggle-padding: 5px;
    --control-focus-outline: 2px solid #00ddff;
    --control-focus-outline-offset: -2px;
    --pip-toggle-icon-width-height: 16px;
    --pip-toggle-translate-x: calc(100% - var(--pip-toggle-icon-width-height) - 2 * var(--pip-toggle-padding));

    color: #fff;
}
.controlsContainer.touch {
    --clickToPlay-size: 64px;
    --button-size: 40px;
    --timer-size: 52px;
    --timer-long-size: 78px;
    --track-size: 7px;
    --thumb-size: 16px;
    --label-font-size: 16px;
}

/* Some CSS custom properties defined here are referenced by videocontrols.js */
.controlBar {
    /* Do not delete: these variables are accessed by JavaScript directly.
       see videocontrols.js and search for |-width|. */
    --clickToPlay-width: var(--clickToPlay-size);
    --playButton-width: var(--button-size);
    --scrubberStack-width: 64px;
    --muteButton-width: var(--button-size);
    --volumeStack-width: 48px;
    --castingButton-width: var(--button-size);
    --closedCaptionButton-width: var(--button-size);
    --fullscreenButton-width: var(--button-size);
    --positionDurationBox-width: var(--timer-size);
    --durationSpan-width: var(--timer-size);
    --positionDurationBox-width-long: var(--timer-long-size);
    --durationSpan-width-long: var(--timer-long-size);
}

.touch .controlBar {
    /* Do not delete: these variables are accessed by JavaScript directly.
       see videocontrols.js and search for |-width|. */
    --scrubberStack-width: 84px;
    --volumeStack-width: 64px;
}

.controlsContainer [hidden],
.controlBar[hidden] .progressBar,
.controlBar[hidden] .bufferBar,
.videocontrols[inDOMFullscreen] > .controlsContainer > .controlsOverlay > #pictureInPictureToggle {
    display: none;
}

/* We hide the controlBar visually so it doesn't obscure the video. However,
 * we still want to expose it to a11y so users who don't use a mouse can access
 * it.
 */
.controlBar[hidden] {
    display: flex;
    opacity: 0;
    pointer-events: none;
}

.controlBar[size="hidden"] {
    display: none;
}

.controlsSpacer[hideCursor] {
    cursor: none;
}

.controlsContainer,
.progressContainer {
    position: relative;
    height: 100%;
}

.stackItem {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.statusOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgb(80, 80, 80, 0.85);
}

.controlsOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.controlsSpacerStack {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.controlBar {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 40px;
    padding: 0 9px;
    background-color: rgba(26, 26, 26, 0.8);
}

.touch .controlBar {
    height: 52px;
}

.controlBar > .button {
    /* Prevent #textTrackListContainer from blocking clicks on controls */
    z-index: 1;
    height: 100%;
    min-width: var(--button-size);
    min-height: var(--button-size);
    padding: 6px;
    border: 0;
    margin: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    background-clip: content-box;
    -moz-context-properties: fill;
    fill: currentColor;
    color: inherit;
    outline: none;
}

/* Keyboard focus styling for interactive control elements (includes control
   bar, click to play and track list) */
.controlBar > .button:focus-visible,
.volumeControl:focus-visible,
.scrubber:focus-visible,
.clickToPlay:focus-visible,
.textTrackList > .textTrackItem:focus-visible {
    outline: var(--control-focus-outline);
    outline-offset: var(--control-focus-outline-offset);
}

.touch .controlBar > .button {
    background-size: 24px 24px;
}

.controlBar > .button:enabled:hover {
    fill: #48a0f7;
}

.controlBar > .button:enabled:hover:active {
    fill: #2d89e6;
}

.playButton {
    background-image: url(chrome://global/skin/media/pause-fill.svg);
}
.playButton[paused] {
    background-image: url(chrome://global/skin/media/play-fill.svg);
}

.muteButton {
    background-image: url(chrome://global/skin/media/audio.svg);
}
.muteButton[muted] {
    background-image: url(chrome://global/skin/media/audio-muted.svg);
}
.muteButton[noAudio] {
    background-image: url(chrome://global/skin/media/audioNoAudioButton.svg);
}
.muteButton[noAudio] + .volumeStack {
    display: none;
}

.castingButton {
    background-image: url(chrome://global/skin/media/castingButton-ready.svg);
}

.castingButton[enabled] {
    background-image: url(chrome://global/skin/media/castingButton-active.svg);
}

.closedCaptionButton {
    background-image: url(chrome://global/skin/media/closedCaptionButton-cc-off.svg);
}
.closedCaptionButton[enabled] {
    background-image: url(chrome://global/skin/media/closedCaptionButton-cc-on.svg);
}

.fullscreenButton {
    background-image: url(chrome://global/skin/media/fullscreenEnterButton.svg);
}
.fullscreenButton[fullscreened] {
    background-image: url(chrome://global/skin/media/fullscreenExitButton.svg);
}

.controlBarSpacer {
    flex-grow: 1;
}

.volumeControl::-moz-range-thumb,
.scrubber::-moz-range-thumb {
    height: var(--thumb-size);
    width: var(--thumb-size);
    border: none;
    border-radius: 50%;
    /* this is a foreground element even though it is implemented as a background */
    background-color: currentColor;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
}

.volumeControl,
.scrubber {
    outline: none;
}

.progressBackgroundBar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.progressStack {
    position: relative;
    width: 100%;
    height: var(--track-size);
}

.scrubberStack {
    /* minus margin to get basis of required width */
    min-width: calc(var(--scrubberStack-width) - 18px);
    flex-basis: calc(var(--scrubberStack-width) - 18px);
    flex-grow: 2;
    flex-shrink: 0;
    margin: 0 9px;
}

.volumeStack {
    max-width: 60px;
    min-width: var(--volumeStack-width);
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 6px;
    margin-left: 4px;
}

.bufferBar,
.progressBar,
.scrubber,
.volumeControl {
    bottom: 0;
    color: inherit;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: calc(var(--track-size) / 2);
    margin: 0;
    background: none;
    outline: none;
}

.bufferBar {
    background-color: rgba(0, 0, 0, 0.7);
}

.bufferBar::-moz-progress-bar,
.progressBar::-moz-progress-bar {
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: calc(var(--track-size) / 2);
    background: none;
}

.bufferBar::-moz-progress-bar {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: calc(var(--track-size) / 2);
}

.progressBar::-moz-progress-bar {
    background-color: #00b6f0;
}

.scrubber:hover::-moz-range-thumb,
.volumeControl:hover::-moz-range-thumb {
    background-color: #48a0f7;
}

.scrubber:active::-moz-range-thumb,
.volumeControl:active::-moz-range-thumb {
    background-color: #2d89e6;
}

.scrubber::-moz-range-track,
.scrubber::-moz-range-progress {
    background-color: transparent;
}

.volumeControl::-moz-range-progress,
.volumeControl::-moz-range-track {
    height: var(--track-size);
    border-radius: calc(var(--track-size) / 2);
}

.volumeControl::-moz-range-progress {
    /* this is a foreground element even though it is implemented as a background */
    background-color: currentColor;
}

.volumeControl::-moz-range-track {
    background-color: rgba(0, 0, 0, 0.7);
}

@media (prefers-contrast) {
    /* Show a border in high contrast mode since background-colors
       are not shown. */
    .scrubber::-moz-range-track,
    .volumeControl::-moz-range-track {
        border: 1px solid;
    }

    .scrubber::-moz-range-progress,
    .volumeControl::-moz-range-progress {
        border: 2px solid;
    }
}

.textTrackListContainer {
    position: absolute;
    right: 5px;
    bottom: 45px;
    top: 5px;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.textTrackList {
    flex: 0 1 auto;
    border: 1px solid #000;
    border-radius: 2.5px;
    padding: 5px 0;
    vertical-align: middle;
    background-color: #000;
    opacity: 0.7;
    overflow-y: auto;
}

.touch .textTrackList {
    bottom: 58px;
}

.textTrackList > .textTrackItem {
    display: block;
    width: 100%;
    height: var(--button-size);
    font-size: var(--label-font-size);
    padding: 2px 10px;
    border: none;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    background-color: transparent;
    color: inherit;
}

.textTrackList > .textTrackItem:hover {
    background-color: #444;
}

.textTrackList > .textTrackItem[aria-checked="true"] {
    color: #48a0f7;
}

.positionLabel,
.durationLabel {
    display: none;
}

.positionDurationBox {
    text-align: center;
    padding-inline-start: 1px;
    padding-inline-end: 9px;
    white-space: nowrap;
    font: message-box;
    font-size: var(--label-font-size);
    font-size-adjust: 0.55;
    font-variant-numeric: tabular-nums;
}

@media (-moz-platform: macos) {
    .positionDurationBox {
        font-size-adjust: unset;
        font-family: "Helvetica Neue", "Helvetica", sans-serif;
    }
}

.duration {
    display: inline-block;
    white-space: pre;
    color: #929292;
}

.statusIcon {
    width: 36px;
    height: 36px;
    margin-bottom: 20px;
}

/* Not showing the throbber on mobile because of conflict with m.youtube.com (see bug 1289412) */
.controlsContainer:not(.mobile) .statusIcon[type="throbber"] {
    background: url(chrome://global/skin/media/throbber.png) no-repeat center;
}

.controlsContainer:not(.mobile) .statusIcon[type="throbber"][stalled] {
    background: url(chrome://global/skin/media/stalled.png) no-repeat center;
}

.statusIcon[type="error"],
.statusIcon[type="pictureInPicture"] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.statusIcon[type="error"] {
    min-width: 70px;
    min-height: 60px;
    background-image: url(chrome://global/skin/media/error.png);
}

.statusIcon[type="pictureInPicture"] {
    min-width: 84px;
    min-height: 84px;
    background-image: url(chrome://global/skin/media/picture-in-picture-open.svg);
    -moz-context-properties: fill;
    fill: currentColor;
}

.videocontrols[localedir="rtl"] .statusIcon[type="pictureInPicture"] {
    transform: scaleX(-1);
}

.pictureInPictureToggleLabel {
    margin-inline-start: var(--pip-toggle-padding);
}

/* Overlay Play button */
.clickToPlay {
    appearance: none;
    border: none;
    min-width: var(--clickToPlay-size);
    min-height: var(--clickToPlay-size);
    border-radius: 50%;
    background-image: url(chrome://global/skin/media/play-fill.svg);
    background-repeat: no-repeat;
    background-position: 54% 50%;
    background-size: 40% 40%;
    background-color: #1a1a1a;
    -moz-context-properties: fill;
    fill: currentColor;
    color: inherit;
    opacity: 0.8;
    position: relative;
    top: 20px;
}

.controlsSpacerStack:hover > .clickToPlay,
.clickToPlay:hover {
    opacity: 0.55;
}

.controlsSpacerStack:hover > .clickToPlay[fadeout] {
    opacity: 0;
}

.controlBar[fullscreen-unavailable] .fullscreenButton {
    display: none;
}

.statusOverlay[fadeout],
.statusOverlay[error] + .controlsOverlay > .controlsSpacerStack {
    opacity: 0;
}

.pictureInPictureOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1;
    background-color: rgb(12, 12, 13);
}

/* Status description formatting */
.statusLabel {
    display: none;
    padding: 0 10px;
    text-align: center;
    font: message-box;
    font-size: 14px;
}

.videocontrols[localedir="rtl"] .statusLabel {
    direction: rtl;
}

[status="errorAborted"] > #errorAborted,
[status="errorNetwork"] > #errorNetwork,
[status="errorDecode"] > #errorDecode,
[status="errorSrcNotSupported"] > #errorSrcNotSupported,
[status="errorNoSource"] > #errorNoSource,
[status="errorGeneric"] > #errorGeneric,
[status="pictureInPicture"] > #pictureInPicture {
    display: inline;
}

@media (-moz-platform: windows) and (prefers-contrast) {
    .controlsSpacer,
    .clickToPlay {
        background-color: transparent;
    }
}

.a11y-only {
    position: absolute;
    left: -10000px;
    width: 100px;
    height: 100px;
}

:host::cue {
    font-size: var(--cue-font-size);
    writing-mode: var(--cue-writing-mode, inherit);
}
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* This CSS file is for the Picture-in-Picture toggle.
 *
 * The "experiment" class is used to enable styling for the VARIANT version
 * of the toggle for upcoming PiP Nimbus experiments.
 * @see Bug 1811314.
 *
 * To see each section of style changes, search "PIP STYLING" in this file.
 */

/* SHARED PIP STYLING */

.controlsOverlay[hidetoggle="true"].hovering > .pip-wrapper:not(.hovering) {
    /* If this isn't !important, it will fail to override the other opacity
     * rules, which are currently defined below this point in this file. */
    opacity: 0 !important;
}

.pip-wrapper {
    position: absolute;
    cursor: pointer;
    -moz-appearance: none;
    background: none;
    color: inherit;
    border: none;
    text-align: unset;
    top: calc(70% - 40px);
    opacity: 0;
    padding-inline: 0;
    transition: opacity 200ms;
    --pip-icon-size: 24px;
    --pip-icon-width-with-margins: calc(2 * var(--pip-toggle-margin) + var(--pip-icon-size));
    --pip-highlight-style: solid rgba(0, 254, 255, 1);
    --pip-highlight-width: 2px;
    --pip-toggle-distanceFromVideoEdge: 18px;
    --pip-toggle-focus-outline-offset: 1px;
    --pip-toggle-margin: 8px;
    --pip-border-radius-toggle: 4px;
    --pip-box-shadow-default: 0 0 4px rgba(255, 255, 255, 0.9);
    --pip-box-shadow-hover: 0 0 10px rgba(255, 255, 255, 0.7);
    --pip-expanded-height: 40px;
    --pip-expanded-min-width: 200px;
    --pip-expanded-max-width: max-content;
}

/* Adjust sizing of the regular toggle wrapper to correctly show the
 * focus outline when navigating via keyboard. */
.pip-wrapper[has-used],
.pip-wrapper[small-video] {
    height: var(--pip-icon-width-with-margins);
    width: var(--pip-icon-width-with-margins);
    border-radius: var(--pip-border-radius-toggle);
    margin-right: calc(var(--pip-icon-width-with-margins) * -1);
}

.pip-wrapper[policy="hidden"] {
    display: none;
}

.pip-wrapper[policy="top"] {
    top: 0%;
    translate: var(--pip-toggle-translate-x);
}

.pip-wrapper[policy="one-quarter"] {
    top: 25%;
}

.pip-wrapper[policy="middle"] {
    top: 50%;
}

.pip-wrapper[policy="three-quarters"] {
    top: 75%;
}

.pip-wrapper[policy="bottom"] {
    top: 100%;
    translate: var(--pip-toggle-translate-x) -100%;
}

.pip-wrapper[medium-video] > .pip-expanded > .pip-icon-label > .pip-label {
    font-size: 13px;
}

.pip-wrapper[medium-video] > .pip-expanded {
    font-size: 11px;
}

.pip-wrapper[position="right"] {
    /* move from the right by total width of pip toggle so that it is at least visible in the video element */
    right: calc(var(--pip-icon-width-with-margins) + var(--pip-toggle-distanceFromVideoEdge));
}

/* Re-position the first-time toggle such that it will always be the same distance away from the right edge
 * of the video, even if the label and/or message string(s) are long. */
.pip-wrapper[position="right"] > .pip-expanded {
    translate: calc(-100% + var(--pip-icon-width-with-margins));
    transform-origin: right;
}

.pip-wrapper[position="left"] {
    left: var(--pip-toggle-distanceFromVideoEdge);
}

.pip-expanded,
.pip-small,
.pip-icon,
.pip-explainer {
    position: absolute;
    left: 0;
    top: 0;
}

.pip-wrapper > .pip-expanded {
    display: flex;
    opacity: 0;
    align-items: center;
    scale: 0.33 1;
    font-size: 14px;
}

.pip-wrapper:not([small-video], [has-used]) > .pip-small {
    opacity: 0;
    transition: opacity 200ms;
}

.pip-wrapper:not([small-video], [has-used]) > .pip-expanded {
    opacity: 1;
    scale: 1;
    pointer-events: none;
}

.pip-wrapper:not([small-video], [has-used]).hovering > .pip-expanded {
    pointer-events: auto;
}

.pip-icon {
    top: 8px;
    left: 8px;
    pointer-events: none;
    background-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: var(--pip-icon-size) var(--pip-icon-size);
    -moz-context-properties: fill;
    fill: currentColor;
    height: var(--pip-icon-size);
    width: var(--pip-icon-size);
}

.videocontrols[localedir="rtl"] .pip-icon {
    transform: scaleX(-1);
}

.pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-left: var(--pip-icon-width-with-margins);
    margin-right: var(--pip-toggle-margin);
}

.pip-small {
    width: 40px;
    height: 40px;
}

.pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-icon {
    display: none;
}

.pip-wrapper:is([small-video], [has-used]) > .pip-expanded,
.pip-wrapper[position="right"]:not([small-video], [has-used]) > .pip-icon {
    display: none;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label {
    display: flex;
    flex-direction: row;
    align-content: center;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon,
.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-block: auto;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
    margin-inline: var(--pip-toggle-margin);
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-right: var(--pip-toggle-margin);
}

@media (prefers-reduced-motion) {
    .pip-wrapper,
    .pip-expanded,
    .pip-small,
    .pip-explainer {
        /* Transition changes in other rules may override this one if reduced motion is preferred.
         * Make sure this one always takes priority. */
        transition: none !important;
    }
}

/* NO EXPERIMENT - PIP STYLING */

.controlsOverlay:not(.experiment).hovering > .pip-wrapper:not(:focus-visible) {
    opacity: 0.8;
}

.controlsOverlay:not(.experiment).hovering > .pip-wrapper.hovering {
    opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it at 100% opacity */
.pip-wrapper:not([policy="hidden"], .experiment):focus-visible {
    opacity: 1;
}

/* If showing the expanded PiP toggle, don't outline the
 * parent wrapper element - the expanded toggle handles its
 * own outline. This also affects the regular toggle for small-videos. */
.pip-wrapper:not([policy="hidden"], [has-used], .experiment):focus-visible {
    outline: none;
}

/* Override outline set by ua.css for the regular toggle. */
.pip-wrapper[has-used]:not([policy="hidden"], .experiment):focus-visible {
    outline: var(--control-focus-outline);
}

.pip-wrapper:not(.experiment) > .pip-small {
    background-color: rgba(12, 12, 13, 0.65);
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper:not(.experiment) > .pip-expanded,
.pip-wrapper:not(.experiment) > .pip-small {
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
}

/* If first-time toggle is visible and then switched to the regular toggle for smaller videos,
 * maintain the border shown on the first-time toggle. */
.pip-wrapper:not([has-used], .experiment) > .pip-small {
    border: var(--pip-highlight-width) var(--pip-highlight-style);
}

.pip-wrapper:not(.experiment) > .pip-expanded {
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    transition:
            opacity 250ms,
            scale 200ms;
    height: var(--pip-expanded-height);
    background-color: rgba(12, 12, 13, 0.9);
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    width: var(--pip-expanded-max-width);
    min-width: var(--pip-expanded-min-width);
    border-radius: 8px;
}

.pip-wrapper:not(.experiment).hovering > .pip-expanded {
    box-shadow: none;
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    /* Remove bottom border but keep text centred with padding. */
    border-bottom: none;
    padding-bottom: var(--pip-highlight-width);
}

.pip-wrapper:not([small-video], [has-used], .experiment).hovering > .pip-expanded {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

/* Toggle message only appears for CONTROL variant. */
.pip-wrapper:not(.experiment) > .pip-expanded > .pip-explainer {
    padding: 6px 16px 8px 8px;
    translate: 0;
    transition:
            opacity 250ms,
            translate 190ms;
    transition-timing-function: cubic-bezier(0.07, 0.95, 0, 1);
    background: rgba(12, 12, 13, 0.65);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    border-top: 0;
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    opacity: 0;
    margin-inline: calc(-1 * var(--pip-highlight-width));
    width: calc(100% - 24px);
    word-break: break-word;
    pointer-events: none;
    user-select: none;
}

.videocontrols[localedir="rtl"] .pip-wrapper:not(.experiment) > .pip-explainer {
    text-align: right;
    direction: rtl;
}

.pip-wrapper:not(.experiment).hovering > .pip-expanded > .pip-explainer {
    pointer-events: auto;
    opacity: 1;
    translate: 0 calc(40px - var(--pip-highlight-width));
}

/* EXPERIMENT ONLY - PIP STYLING */

/* Since we change the outline for the first-time PiP toggle VARIANT,
 * override the focus outline in videocontrols.css as well so that
 * there is design consistency. */
.controlsContainer.experiment {
    --control-focus-outline: 2px solid #0060df;
}

.pip-wrapper.experiment > .pip-expanded > .pip-icon-label > .pip-label {
    font-size: min(16px, 1.4em);
}

/* Only the background will be set at 70% opacity. The icons and labels will remain at 100%. */
.controlsOverlay.experiment.hovering > .pip-wrapper {
    opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it and override outline set by ua.css.
 * Opacity only affects the toggle icon and label, not the background, which is handled separately. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible {
    opacity: 1;
    /* Wrapper size won't always match pip-small or pip-expanded, so don't apply outline on wrapper. */
    outline: none;
}

/* For the regular PiP toggle, take into consideration small videos and has-used=true. */
.pip-wrapper.experiment:is([has-used], [small-video]):not([policy="hidden"]):focus-visible > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], [has-used]):focus-visible > .pip-expanded {
    outline: var(--control-focus-outline);
    outline-offset: var(--pip-toggle-focus-outline-offset);
}

.pip-wrapper.experiment > .pip-expanded > .pip-explainer {
    display: none;
}

.pip-wrapper.experiment > .pip-small {
    border-radius: var(--pip-border-radius-toggle);
    transition: background-color 200ms;
}

.pip-wrapper.experiment > .pip-expanded {
    transition:
            opacity 250ms,
            scale 200ms,
            translate 190ms,
            background-color 200ms;
    height: var(--pip-expanded-height);
    width: var(--pip-expanded-max-width);
    min-width: var(--pip-expanded-min-width);
    border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper.experiment > .pip-small,
.pip-wrapper.experiment > .pip-expanded {
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
}

.pip-wrapper.experiment.hovering > .pip-small,
.pip-wrapper.experiment.hovering > .pip-expanded {
    background-color: rgba(0, 0, 0, 1);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-expanded {
    box-shadow: var(--pip-box-shadow-default);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-expanded {
    box-shadow: var(--pip-box-shadow-hover);
}

/* Remove white box shadow if there is keyboard focus on the toggle and
 * replace it with blue box shadow instead. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-expanded {
    box-shadow: 0 0 10px rgba(0, 96, 223, 0.9);
}
.index-module__onload-animate___19txo {
    opacity:0;
    transition:all .3s ease;
    margin:0
}
.index-module__onload-animate___19txo.index-module__with-translateY___3CrjO {
    transform:translateY(-16px)
}
.index-module__visible___1lS-k {
    opacity:1
}
.index-module__visible___1lS-k.index-module__with-translateY___3CrjO {
    transform:translateY(0)
}
.index-module__product-menu-item___1DHn7::after {
    content:'';
    position:absolute;
    height:1px;
    bottom:0;
    background:rgba(0,0,0,.06);
    left:16px;
    width:calc(100% - 32px)
}
.index-module__group___3ou98 {
    padding:16px 0;
    position:relative
}
.index-module__select-content___2PTHR {
    background-color:rgba(0,0,0,.05)
}
.index-module__benefits___3G3XG {
    padding:16px;
    background-color:#f7f9fa
}
a.index-module__dji-link___3WAei {
    display:inline-block;
    transition:all .3s ease;
    cursor:pointer;
    text-decoration:none;
    outline:0
}
a.index-module__dji-link___3WAei.index-module__focus-visible___2yOHm {
    outline:4px solid #d6e8ff;
    border-radius:.1em;
    box-shadow:none
}
a.index-module__dji-link___3WAei.index-module__focus-visible___2yOHm {
    outline:4px solid #d6e8ff;
    border-radius:.1em;
    box-shadow:none
}
a.index-module__dji-link___3WAei:focus-visible {
    outline:4px solid #d6e8ff;
    border-radius:.1em;
    box-shadow:none
}
a.index-module__dji-link___3WAei.index-module__underline___18hMy span:hover {
    text-decoration:underline
}
a.index-module__dji-link___3WAei.index-module__white-main___3nfVY {
    color:#fff
}
a.index-module__dji-link___3WAei.index-module__white-main___3nfVY.index-module__disabled___1zQpB,
a.index-module__dji-link___3WAei.index-module__white-main___3nfVY:disabled {
    color:rgba(255,255,255,.3)
}
a.index-module__dji-link___3WAei.index-module__black-main___1_PcZ {
    color:rgba(0,0,0,.85)
}
.index-module__black-main___1_PcZ::after {
    position:relative;
    background:#000;
    width:1px;
    height:100%
}
a.index-module__dji-link___3WAei::after,
a.index-module__dji-link___3WAei::before {
    display:inline-block;
    text-decoration:none;
    font-weight:300;
    padding-right:4px;
    padding-left:4px
}
a[data-test-locator=extraProductLink]::before,
a[data-test-locator=productDetailHrefLink]::before,
a[data-test-locator=productMoreHref]::before {
    height:100%;
    width:100%;
    content:'';
    position:absolute;
    top:0
}
a.index-module__dji-link___3WAei.index-module__more___RxwPB {
    font-size:12px;
    line-height:23px
}
body.index-module__modal-open___2OxGl {
    overflow:hidden
}
.index-module__group___2UmXm {
    padding:12px 0;
    position:relative
}
.index-module__website___2jGy8 {
    font-size:14px;
    padding:16px;
    display:block
}
.index-module__website___2jGy8 svg {
    position:relative;
    top:3px
}
.index-module__group___2UmXm header {
    display:flex;
    justify-content:space-between;
    padding:8px 20px 8px 16px
}
.index-module__group___2UmXm header+.index-module__class___1N9KB {
    margin-top:16px
}
.index-module__group___2UmXm header a {
    margin-top:0
}
.index-module__group___2UmXm header .index-module__group-title___2lTFI {
    margin:0
}
.index-module__group___2UmXm header .index-module__group-learn-more___1VsbR {
    line-height:20px
}
.index-module__benefits___19Xv3 {
    content:'';
    height:1px;
    bottom:0;
    left:0;
    background:rgba(0,0,0,.06);
    width:calc(100% - 32px);
    margin-left:16px;
    margin-bottom:28px
}
.index-module__link-padding___2x9-u {
    padding-top:12px
}
@media screen and (min-width:768px) {
    .index-module__group___2UmXm header {
        padding:8px 24px
    }
    .index-module__nav-item___14x1L.index-module__product___2_DTv {
        padding:4px 24px
    }
    .index-module__nav-item___14x1L .index-module__prefix___3AYfB {
        width:96px;
        height:96px;
        margin-right:24px
    }
}
.index-module__group___2UmXm .index-module__class-divider___2ALcu {
    height:32px;
    width:calc(100% - 16px);
    margin-left:auto
}
.index-module__group___2UmXm .index-module__search-title___sE4xP {
    padding:0 16px;
    margin-bottom:8px
}
.index-module__group___2UmXm .index-module__class-title___zHboz {
    color:rgba(0,0,0,.45);
    padding:0 16px;
    margin-bottom:8px
}
.index-module__nav-item___14x1L {
    color:rgba(0,0,0,.85);
    transition:all .3s ease;
    padding:4px 16px;
    display:flex;
    font-size:14px;
    align-items:center;
    text-decoration:none;
    margin:0;
    position:relative
}
.index-module__nav-item___14x1L.index-module__pure-link___cEJgd {
    padding:0 16px
}
.index-module__nav-item___14x1L .index-module__prefix___3AYfB {
    width:64px;
    height:64px;
    margin-right:16px;
    display:flex;
    align-items:center;
    justify-content:center
}
.index-module__globe-icon___YRHhz {
    margin-right:8px;
    margin-left:-6px
}
@media screen and (max-width:320px) {
    .index-module__nav-item___14x1L .index-module__prefix___3AYfB {
        width:48px;
        height:48px
    }
}
.index-module__nav-item___14x1L .index-module__prefix___3AYfB img {
    width:100%
}
.index-module__nav-item___14x1L .index-module__copy-wrapper___3ysyu {
    flex:1 1;
    margin-right:24px
}
.index-module__nav-item___14x1L .index-module__copy-wrapper___3ysyu .index-module__intro___2Xcq4 {
    margin-top:4px;
    color:rgba(0,0,0,.65)
}
.index-module__nav-item___14x1L .index-module__suffix___1z635 {
    margin-right:8px
}
.index-module__nav-item___14x1L.index-module__product___2_DTv {
    padding:4px 16px
}
.index-module__nav-item___14x1L::after {
    content:'';
    width:calc(100% - 16px);
    height:1px;
    background-color:rgba(0,0,0,.06);
    position:absolute;
    bottom:0;
    display:none;
    transition:all .3s ease
}
.index-module__nav-item___14x1L:last-child::after {
    display:none
}
.index-module__nav-item___14x1L:active {
    background-color:rgba(0,0,0,.04)
}
.index-module__dji-btn-col___4aUJY {
    display:flex
}
.index-module__dji-btn-col___4aUJY .index-module__button-wrapper___7cH38+.index-module__button-wrapper___7cH38 {
    margin-left:8px
}
.index-module__dji-btn___19vO5 {
    position:relative;
    display:inline-flex;
    height:32px;
    width:auto;
    padding:0 15px;
    justify-content:center;
    align-items:center;
    color:rgba(255,255,255,.85);
    white-space:nowrap;
    text-align:center;
    transition:all .3s ease;
    touch-action:manipulation;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border:none
}
.index-module__dji-btn___19vO5 * {
    display:inline-flex
}
.index-module__dji-btn___19vO5:hover {
    cursor:pointer;
    text-decoration:none;
    color:rgba(0,0,0,.85)
}
.index-module__dji-btn___19vO5:focus {
    outline:0
}
.index-module__dji-btn___19vO5:active {
    background:rgba(0,0,0,.06);
    box-shadow:none;
    outline:0
}
.index-module__dji-btn___19vO5:disabled {
    cursor:not-allowed
}
.index-module__dji-btn___19vO5.index-module__loading___bOpKR {
    pointer-events:none;
    opacity:.6
}
.index-module__dji-btn___19vO5.index-module__block___2Aa6Y {
    width:100%
}
.index-module__dji-btn___19vO5.index-module__icon___1fsqU {
    width:32px;
    padding:0
}
.index-module__dji-btn___19vO5.index-module__dji-btn-xl___1eznT {
    height:48px;
    padding:0 15px
}
.index-module__dji-btn___19vO5.index-module__dji-btn-xl___1eznT.index-module__icon___1fsqU {
    width:48px
}
.index-module__dji-btn___19vO5.index-module__dji-btn-lg___y3dsM {
    height:40px;
    padding:0 15px
}
.index-module__dji-btn___19vO5.index-module__dji-btn-lg___y3dsM.index-module__icon___1fsqU {
    width:40px
}
.index-module__dji-btn___19vO5.index-module__dji-btn-sm___3QTFw {
    height:24px;
    padding:0 7px
}
.index-module__dji-btn___19vO5.index-module__dji-btn-sm___3QTFw.index-module__icon___1fsqU {
    width:24px
}
.index-module__dji-btn___19vO5.index-module__dji-btn-disabled-outline-dark___30-mt {
    background:rgba(0,0,0,.04);
    color:rgba(0,0,0,.25);
    border:1px solid rgba(0,0,0,.15)
}
.index-module__dji-btn___19vO5.index-module__dji-btn-disabled-flat-dark___13x4b {
    background:0 0;
    color:rgba(0,0,0,.25);
    border:none
}
.index-module__dji-btn___19vO5.index-module__dji-btn-disabled-outline-light___3eDvj {
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.3);
    border:1px solid rgba(255,255,255,.2)
}
.index-module__dji-btn___19vO5.index-module__dji-btn-disabled-flat-light___1RbK6 {
    background:0 0;
    color:rgba(255,255,255,.3);
    border:none
}
.index-module__dji-btn___19vO5.index-module__dji-btn-primary___3WjBw {
    background:#0060ef;
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-primary___3WjBw:active {
    background:linear-gradient(#1890ff,#40a9ff);
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-dark___2o0dp {
    background:linear-gradient(#535759,#3b3e40);
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-dark___2o0dp:active {
    background:linear-gradient(#3b3e40,#535759);
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-danger___T5Xo3 {
    background:linear-gradient(#ff4d4f,#f5222d);
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-danger___T5Xo3:active {
    background:linear-gradient(#f5222d,#ff4d4f);
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-light___31YWX {
    background:#fff;
    color:rgba(0,0,0,.85)
}
.index-module__dji-btn___19vO5.index-module__dji-btn-light___31YWX:active {
    background:rgba(255,255,255,.8);
    color:rgba(0,0,0,.85)
}
.index-module__dji-btn___19vO5.index-module__dji-btn-secondary-danger___Xaius {
    color:#f5222d
}
.index-module__dji-btn___19vO5.index-module__dji-btn-secondary-danger___Xaius:active {
    color:#f5222d
}
.index-module__dji-btn___19vO5.index-module__dji-btn-secondary-dark___3tbWK {
    border-color:rgba(0,0,0,.85);
    color:rgba(0,0,0,.85);
    background:0 0
}
.index-module__dji-btn___19vO5.index-module__dji-btn-secondary-dark___3tbWK:active {
    border-color:none;
    background:rgba(0,0,0,.06);
    color:rgba(0,0,0,.85)
}
.index-module__dji-btn___19vO5.index-module__dji-btn-variant___2pVBF {
    background:rgba(0,0,0,.04);
    color:#1890ff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-variant___2pVBF:active {
    background:rgba(0,0,0,.15)
}
.index-module__dji-btn___19vO5.index-module__dji-btn-variant-danger___2oFEQ {
    background:rgba(0,0,0,.04);
    color:#f5222d
}
.index-module__dji-btn___19vO5.index-module__dji-btn-variant-danger___2oFEQ:active {
    background:rgba(0,0,0,.15);
    color:#f5222d
}
.index-module__dji-btn___19vO5.index-module__dji-btn-variant-light___2n3Wm {
    background:rgba(255,255,255,.08);
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-variant-light___2n3Wm:active {
    background:rgba(255,255,255,.2);
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-variant-dark___1HqYY {
    background:rgba(0,0,0,.2);
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-variant-dark___1HqYY:active {
    background:rgba(0,0,0,.4);
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-tertiary___3uuSV {
    color:#1890ff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-tertiary-dark___pk-fp {
    color:rgba(255,255,255,.85)
}
.index-module__dji-btn___19vO5.index-module__dji-btn-tertiary-danger___1HUJ4 {
    color:#f5222d
}
.index-module__dji-btn___19vO5.index-module__dji-btn-ld___2KZP- {
    padding:0 10px;
    height:40px
}
.index-module__search-btn___3AQJ8 {
    position:absolute;
    display:inline-block;
    left:0;
    border:none;
    opacity:0
}
.index-module__dji-btn-cart-count___13EU1 {
    width:100%;
    box-sizing:border-box;
    padding:0 16px;
    height:40px;
    margin-top:16px;
    border-radius:40px
}
.index-module__dji-btn-cart-count___13EU1.index-module__focus-visible___2T9L8 {
    border-radius:.1em!important;
    left:0
}
.index-module__dji-btn-cart-count___13EU1.index-module__focus-visible___2T9L8 {
    border-radius:.1em!important;
    left:0
}
.index-module__dji-btn-cart-count___13EU1:focus-visible {
    border-radius:.1em!important;
    left:0
}
.index-module__button-cart___1QZpP {
    margin-right:8px
}
.index-module__dji-btn___19vO5:focus {
    outline:0
}
.index-module__dji-btn___19vO5.index-module__focus-visible___2T9L8 {
    outline:4px solid #d6e8ff;
    border-radius:100%;
    box-shadow:none;
    position:relative;
    transition:none!important;
    z-index:11;
    outline-offset:-2px
}
.index-module__dji-btn___19vO5.index-module__focus-visible___2T9L8 {
    outline:4px solid #d6e8ff;
    border-radius:100%;
    box-shadow:none;
    position:relative;
    transition:none!important;
    z-index:11;
    outline-offset:-2px
}
.index-module__dji-btn___19vO5:focus-visible {
    outline:4px solid #d6e8ff;
    border-radius:100%;
    box-shadow:none;
    position:relative;
    transition:none!important;
    z-index:11;
    outline-offset:-2px
}
.index-module__dji-btn___19vO5:active {
    background:rgba(0,0,0,.06);
    box-shadow:none;
    outline:0
}
.index-module__dji-btn___19vO5:disabled {
    cursor:not-allowed
}
.index-module__dji-btn-search-btn___8ZLTo {
    position:absolute;
    display:inline-block;
    left:0;
    border:none;
    opacity:0
}
.index-module__dji-btn___19vO5::after,
.index-module__dji-btn___19vO5::before {
    font-weight:300
}
.index-module__dji-btn___19vO5.index-module__dji-btn-primary___3WjBw:focus,
.index-module__dji-btn___19vO5.index-module__dji-btn-primary___3WjBw:hover {
    background:#004ecb;
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-dark___2o0dp:focus,
.index-module__dji-btn___19vO5.index-module__dji-btn-dark___2o0dp:hover {
    background:linear-gradient(#6c7073,#535759);
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-danger___T5Xo3:focus,
.index-module__dji-btn___19vO5.index-module__dji-btn-danger___T5Xo3:hover {
    background:linear-gradient(#ff7875,#ff4d4f);
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-light___31YWX:focus,
.index-module__dji-btn___19vO5.index-module__dji-btn-light___31YWX:hover {
    background:rgba(255,255,255,.9);
    color:rgba(0,0,0,.85)
}
.index-module__dji-btn___19vO5.index-module__dji-btn-secondary-danger___Xaius:focus,
.index-module__dji-btn___19vO5.index-module__dji-btn-secondary-danger___Xaius:hover {
    color:#f5222d
}
.index-module__dji-btn___19vO5.index-module__dji-btn-secondary-dark___3tbWK:focus,
.index-module__dji-btn___19vO5.index-module__dji-btn-secondary-dark___3tbWK:hover {
    border-color:rgba(0,0,0,.85);
    background:rgba(0,0,0,.04);
    color:rgba(0,0,0,.85)
}
.index-module__dji-btn___19vO5.index-module__dji-btn-secondary-light___36N8n,
.index-module__dji-btn___19vO5.index-module__dji-btn-tertiary-light___1LK49 {
    border-color:#fff;
    color:#fff;
    background:0 0
}
.index-module__dji-btn___19vO5.index-module__dji-btn-secondary-light___36N8n:focus,
.index-module__dji-btn___19vO5.index-module__dji-btn-secondary-light___36N8n:hover,
.index-module__dji-btn___19vO5.index-module__dji-btn-tertiary-light___1LK49:focus,
.index-module__dji-btn___19vO5.index-module__dji-btn-tertiary-light___1LK49:hover {
    border-color:#fff;
    background:rgba(255,255,255,.08);
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-secondary-light___36N8n:active,
.index-module__dji-btn___19vO5.index-module__dji-btn-tertiary-light___1LK49:active {
    border-color:none;
    background:rgba(255,255,255,.12);
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-variant___2pVBF:focus,
.index-module__dji-btn___19vO5.index-module__dji-btn-variant___2pVBF:hover {
    background:rgba(0,0,0,.06)
}
.index-module__dji-btn___19vO5.index-module__dji-btn-variant-danger___2oFEQ:focus,
.index-module__dji-btn___19vO5.index-module__dji-btn-variant-danger___2oFEQ:hover {
    background:rgba(0,0,0,.06);
    color:#f5222d
}
.index-module__dji-btn___19vO5.index-module__dji-btn-variant-light___2n3Wm:focus,
.index-module__dji-btn___19vO5.index-module__dji-btn-variant-light___2n3Wm:hover {
    background:rgba(255,255,255,.12);
    color:#fff
}
.index-module__dji-btn___19vO5.index-module__dji-btn-variant-dark___1HqYY:focus,
.index-module__dji-btn___19vO5.index-module__dji-btn-variant-dark___1HqYY:hover {
    background:rgba(0,0,0,.3);
    color:#fff
}
.index-module__dji-btn-danger___T5Xo3,
.index-module__dji-btn-dark___2o0dp,
.index-module__dji-btn-disabled-solid-dark___1Ck5p,
.index-module__dji-btn-disabled-solid-light___2n1yK,
.index-module__dji-btn-light___31YWX,
.index-module__dji-btn-primary___3WjBw,
.index-module__dji-btn-tertiary-dark___pk-fp,
.index-module__dji-btn-tertiary-light___1LK49,
.index-module__dji-btn-variant-danger___2oFEQ,
.index-module__dji-btn-variant-dark___1HqYY,
.index-module__dji-btn-variant-light___2n3Wm,
.index-module__dji-btn-variant___2pVBF {
    border:none;
    padding:0 16px
}
.index-module__dji-btn-danger___T5Xo3:active,
.index-module__dji-btn-danger___T5Xo3:focus,
.index-module__dji-btn-danger___T5Xo3:hover,
.index-module__dji-btn-dark___2o0dp:active,
.index-module__dji-btn-dark___2o0dp:focus,
.index-module__dji-btn-dark___2o0dp:hover,
.index-module__dji-btn-disabled-solid-dark___1Ck5p:active,
.index-module__dji-btn-disabled-solid-dark___1Ck5p:focus,
.index-module__dji-btn-disabled-solid-dark___1Ck5p:hover,
.index-module__dji-btn-disabled-solid-light___2n1yK:active,
.index-module__dji-btn-disabled-solid-light___2n1yK:focus,
.index-module__dji-btn-disabled-solid-light___2n1yK:hover,
.index-module__dji-btn-light___31YWX:active,
.index-module__dji-btn-light___31YWX:focus,
.index-module__dji-btn-light___31YWX:hover,
.index-module__dji-btn-primary___3WjBw:active,
.index-module__dji-btn-primary___3WjBw:focus,
.index-module__dji-btn-primary___3WjBw:hover,
.index-module__dji-btn-tertiary-dark___pk-fp:active,
.index-module__dji-btn-tertiary-dark___pk-fp:focus,
.index-module__dji-btn-tertiary-dark___pk-fp:hover,
.index-module__dji-btn-tertiary-light___1LK49:active,
.index-module__dji-btn-tertiary-light___1LK49:focus,
.index-module__dji-btn-tertiary-light___1LK49:hover,
.index-module__dji-btn-variant-danger___2oFEQ:active,
.index-module__dji-btn-variant-danger___2oFEQ:focus,
.index-module__dji-btn-variant-danger___2oFEQ:hover .index-module__dji-btn-variant-light___2n3Wm:hover,
.index-module__dji-btn-variant-dark___1HqYY:active,
.index-module__dji-btn-variant-dark___1HqYY:focus,
.index-module__dji-btn-variant-dark___1HqYY:hover,
.index-module__dji-btn-variant-light___2n3Wm:active,
.index-module__dji-btn-variant-light___2n3Wm:focus,
.index-module__dji-btn-variant___2pVBF:active,
.index-module__dji-btn-variant___2pVBF:focus,
.index-module__dji-btn-variant___2pVBF:hover {
    border:none
}
.index-module__dji-btn-danger___T5Xo3.index-module__dji-btn-sm___3QTFw,
.index-module__dji-btn-dark___2o0dp.index-module__dji-btn-sm___3QTFw,
.index-module__dji-btn-disabled-solid-dark___1Ck5p.index-module__dji-btn-sm___3QTFw,
.index-module__dji-btn-disabled-solid-light___2n1yK.index-module__dji-btn-sm___3QTFw,
.index-module__dji-btn-light___31YWX.index-module__dji-btn-sm___3QTFw,
.index-module__dji-btn-primary___3WjBw.index-module__dji-btn-sm___3QTFw,
.index-module__dji-btn-tertiary-dark___pk-fp.index-module__dji-btn-sm___3QTFw,
.index-module__dji-btn-tertiary-light___1LK49.index-module__dji-btn-sm___3QTFw,
.index-module__dji-btn-variant-danger___2oFEQ.index-module__dji-btn-sm___3QTFw,
.index-module__dji-btn-variant-dark___1HqYY.index-module__dji-btn-sm___3QTFw,
.index-module__dji-btn-variant-light___2n3Wm.index-module__dji-btn-sm___3QTFw,
.index-module__dji-btn-variant___2pVBF.index-module__dji-btn-sm___3QTFw {
    padding:0 8px
}
.index-module__dji-btn-danger___T5Xo3.index-module__dji-btn-lg___y3dsM,
.index-module__dji-btn-dark___2o0dp.index-module__dji-btn-lg___y3dsM,
.index-module__dji-btn-disabled-solid-dark___1Ck5p.index-module__dji-btn-lg___y3dsM,
.index-module__dji-btn-disabled-solid-light___2n1yK.index-module__dji-btn-lg___y3dsM,
.index-module__dji-btn-light___31YWX.index-module__dji-btn-lg___y3dsM,
.index-module__dji-btn-primary___3WjBw.index-module__dji-btn-lg___y3dsM,
.index-module__dji-btn-tertiary-dark___pk-fp.index-module__dji-btn-lg___y3dsM,
.index-module__dji-btn-tertiary-light___1LK49.index-module__dji-btn-lg___y3dsM,
.index-module__dji-btn-variant-danger___2oFEQ.index-module__dji-btn-lg___y3dsM,
.index-module__dji-btn-variant-dark___1HqYY.index-module__dji-btn-lg___y3dsM,
.index-module__dji-btn-variant-light___2n3Wm.index-module__dji-btn-lg___y3dsM,
.index-module__dji-btn-variant___2pVBF.index-module__dji-btn-lg___y3dsM {
    padding:0 8px
}
.index-module__dji-btn-tertiary-dark___pk-fp.index-module__dji-btn-dt___xLKCo,
.index-module__dji-btn-tertiary-dark___pk-fp.index-module__dji-btn-md___11gUV {
    padding:0 10px;
    height:40px
}
.index-module__dji-btn-dt___xLKCo {
    border-radius:50%
}
.index-module__dji-btn-dt___xLKCo:hover {
    background:rgba(0,0,0,.04);
    cursor:pointer;
    text-decoration:none;
    border-radius:50%
}
.index-module__dji-btn-disabled-flat-dark___13x4b,
.index-module__dji-btn-disabled-flat-light___1RbK6,
.index-module__dji-btn-tertiary-danger___1HUJ4,
.index-module__dji-btn-tertiary-dark___pk-fp,
.index-module__dji-btn-tertiary-light___1LK49,
.index-module__dji-btn-tertiary___3uuSV {
    border:none;
    background:0 0;
    padding:0 8px
}
.index-module__dji-btn-group___3ob8G {
    display:flex
}
.index-module__dji-btn-group___3ob8G .index-module__dji-btn___19vO5 {
    margin-right:0
}
.index-module__dji-btn-group___3ob8G .index-module__dji-btn___19vO5:not(:first-child) {
    border-left-width:0
}
.index-module__dji-btn-group___3ob8G .index-module__dji-btn___19vO5.index-module__active___38Am_ {
    margin-left:-1px
}
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-tertiary-dark___pk-fp {
    color:rgba(0,0,0,.45)
}
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-tertiary-light___1LK49 {
    color:rgba(255,255,255,.45)
}
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-danger___T5Xo3:last-child,
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-danger___T5Xo3:not(:first-child):not(:last-child),
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-dark___2o0dp:last-child,
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-dark___2o0dp:not(:first-child):not(:last-child),
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-disabled-solid-dark___1Ck5p:last-child,
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-disabled-solid-dark___1Ck5p:not(:first-child):not(:last-child),
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-disabled-solid-light___2n1yK:last-child,
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-disabled-solid-light___2n1yK:not(:first-child):not(:last-child),
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-light___31YWX:last-child,
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-light___31YWX:not(:first-child):not(:last-child),
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-primary___3WjBw:last-child,
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-primary___3WjBw:not(:first-child):not(:last-child),
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-tertiary-dark___pk-fp:last-child,
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-tertiary-dark___pk-fp:not(:first-child):not(:last-child),
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-tertiary-light___1LK49:last-child,
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-tertiary-light___1LK49:not(:first-child):not(:last-child),
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-variant-danger___2oFEQ:last-child,
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-variant-danger___2oFEQ:not(:first-child):not(:last-child),
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-variant-dark___1HqYY:last-child,
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-variant-dark___1HqYY:not(:first-child):not(:last-child),
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-variant-light___2n3Wm:last-child,
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-variant-light___2n3Wm:not(:first-child):not(:last-child),
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-variant___2pVBF:last-child,
.index-module__dji-btn-group___3ob8G .index-module__dji-btn-variant___2pVBF:not(:first-child):not(:last-child) {
    border-left:1px solid rgba(255,255,255,.2)
}
.index-module__dji-btn-close-nav-btn___2yHS3 {
    position:absolute;
    right:calc(50vw - 604px);
    top:12px;
    z-index:3
}
.index-module__button-wrapper___7cH38::after,
.index-module__button-wrapper___7cH38::before {
    display:none
}
a {
    text-decoration:none
}
.index-module__dji-badge___GaEDU {
    position:absolute;
    display:flex;
    overflow:visible;
    min-width:16px;
    height:16px;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,.25);
    color:#fff;
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em;
    border-radius:88rem;
    top:0;
    right:0;
    box-sizing:border-box;
    padding:0 4px
}
.index-module__blue___2KpSg {
    background:#0060ef
}
.index-module__brand-badge___32zBP.index-module__dot___vDjaK {
    min-width:8px;
    max-width:8px;
    height:8px;
    padding:0
}
.index-module__brand-badge___32zBP.index-module__sup___3JWAd {
    position:absolute;
    z-index:9;
    top:0;
    right:0;
    transform:translate(50%,-50%)
}
.index-module__brand-badge___32zBP.index-module__red___2I0Ej {
    background:#f5222d
}
.index-module__brand-badge___32zBP.index-module__blue___2KpSg {
    background:#0060ef
}
.index-module__brand-badge___32zBP.index-module__green___1yaGT {
    background:#52c41a
}
.index-module__brand-badge___32zBP.index-module__orange___idF5z {
    background:#fa8c16
}
.index-module__search___Ep64t {
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:592px;
    align-items:center;
    justify-content:center;
    opacity:0;
    display:inline-flex
}
.index-module__no-cursor___21ADy:disabled {
    cursor:default
}
.index-module__search-title___1dOUH em {
    font-style:normal;
    font-weight:550
}
.index-module__prefix___396DJ {
    font-size:16px;
    line-height:20px;
    letter-spacing:-.02em;
    color:rgba(0,0,0,.65);
    transform:translateX(8px)
}
.index-module__search-input___29mGh {
    outline:0;
    border:none;
    color:rgba(0,0,0,.85);
    width:100%;
    font-size:16px
}
.index-module__magnifierClass___21CdE {
    font-size:15px;
    width:23px;
    height:19px;
    position:relative;
    top:0;
    left:10px
}
.index-module__search-form___287Mt {
    width:100%;
    height:100%
}
.index-module__search-btn___2U-6b {
    position:absolute;
    display:inline-block;
    left:4px;
    top:15px;
    border:none;
    opacity:0
}
.index-module__search___Ep64t input {
    border:none;
    outline:0;
    color:rgba(0,0,0,.85);
    margin-left:16px;
    flex:1 1;
    height:0;
    padding:0;
    background:0 0;
    font-family:'Open Sans'
}
.index-module__search___Ep64t input::-ms-clear {
    display:none
}
.index-module__search___Ep64t .index-module__button-search-cancel___1PLEy {
    transform:translateX(5px);
    transition:opacity .3s ease,transform .3s ease;
    cursor:default
}
.index-module__search___Ep64t.index-module__active___24VMd {
    opacity:1;
    display:inline-flex;
    height:100%;
    transform:translateX(0)
}
.index-module__search___Ep64t.index-module__active___24VMd input {
    height:100%
}
.index-module__search___Ep64t.index-module__active___24VMd .index-module__button-search-cancel___1PLEy {
    transform:translateX(0);
    cursor:pointer
}
.index-module__search___Ep64t input::-moz-placeholder {
    color:rgba(0,0,0,.45)
}
.index-module__search___Ep64t input:-ms-input-placeholder {
    color:rgba(0,0,0,.45)
}
.index-module__search___Ep64t input::placeholder {
    color:rgba(0,0,0,.45)
}
.index-module__search-input___29mGh::-moz-placeholder {
    color:rgba(0,0,0,.45)
}
.index-module__search-input___29mGh:-ms-input-placeholder {
    color:rgba(0,0,0,.45)
}
.index-module__search-input___29mGh::placeholder {
    color:rgba(0,0,0,.45)
}
@media screen and (max-width:1199px) {
    .index-module__search-input___29mGh {
        position:absolute;
        left:48px;
        height:100%;
        width:calc(100% - 96px);
        z-index:3;
        transition:all .3s ease
    }
}
@media screen and (min-width:1200px) {
    .index-module__search-input___29mGh {
        color:rgba(0,0,0,.85);
        height:100%;
        margin-left:16px;
        flex:1 1;
        background:0 0
    }
}
.index-module__search-recommend___3zOAV {
    position:absolute;
    top:80px;
    display:block;
    margin:0 auto;
    left:0;
    right:0;
    background-color:#fff;
    width:592px;
    max-height:calc(100vh - 128px);
    overflow-y:scroll;
    box-shadow:0 16px 32px rgba(0,0,0,.1);
    border-radius:8px;
    transform:translateY(-8px);
    transition:all .3s ease
}
.index-module__search-recommend___3zOAV.index-module__active___24VMd {
    transform:translateY(0)
}
.index-module__search-recommend___3zOAV .index-module__content___1UsuZ {
    padding:24px 0
}
.index-module__select-content___1W_gL a {
    background-color:rgba(0,0,0,.05);
    width:100%;
    cursor:pointer
}
.index-module__search-recommend___3zOAV .index-module__content___1UsuZ .index-module__title___2Yl8m {
    font-size:16px;
    line-height:20px;
    letter-spacing:-.02em;
    font-weight:600;
    padding:0 32px;
    margin:0
}
.index-module__search-recommend___3zOAV .index-module__content___1UsuZ>div {
    padding:0;
    margin:8px 0 0 0
}
.index-module__search-recommend___3zOAV .index-module__content___1UsuZ>div a {
    padding:8px 32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:14px;
    line-height:20px;
    letter-spacing:-.02em;
    color:rgba(0,0,0,.85);
    text-decoration:none;
    transition:all .3s ease
}
.index-module__button-search-cancel___1PLEy {
    border:none;
    width:40px;
    flex:0 0 40px;
    transform:translateX(10px);
    transition:transform .3s ease
}
@media screen and (min-width:768px) and (max-width:1199px) {
    .index-module__mobile-add-fixed___3wATi {
        z-index:101;
        position:fixed;
        top:0;
        width:100%;
        height:48px;
        background-color:#fff
    }
    .index-module__search___Ep64t {
        z-index:-1
    }
    .index-module__search___Ep64t.index-module__active___24VMd {
        z-index:100
    }
    .index-module__search-recommend___3zOAV,
    .index-module__search___Ep64t {
        width:100%
    }
    .index-module__search-input___29mGh {
        top:0;
        left:28px
    }
    .index-module__search-recommend___3zOAV {
        top:48px;
        border-radius:0;
        padding-top:16px
    }
    .index-module__button-search-cancel___1PLEy {
        position:absolute;
        right:10px;
        transform:translateX(10px);
        transition:transform .3s ease
    }
    .index-module__search-recommend___3zOAV .index-module__content___1UsuZ {
        padding:0
    }
    .index-module__magnifierClass___21CdE {
        font-size:15px;
        width:24px;
        height:24px;
        position:relative;
        left:20px
    }
    .index-module__search-btn___2U-6b {
        position:absolute;
        display:inline-block;
        left:12px;
        top:10px;
        border:none;
        opacity:0
    }
    .index-module__search-title___1dOUH em {
        font-style:normal;
        font-weight:600
    }
}
@media screen and (max-width:767px) {
    .index-module__mobile-add-fixed___3wATi {
        z-index:101;
        position:fixed;
        top:0;
        width:100%;
        height:48px;
        background-color:#fff
    }
    .index-module__search___Ep64t {
        z-index:-1
    }
    .index-module__search___Ep64t.index-module__active___24VMd {
        z-index:100
    }
    .index-module__search-recommend___3zOAV,
    .index-module__search___Ep64t {
        width:100%
    }
    .index-module__search-input___29mGh {
        top:0;
        left:28px
    }
    .index-module__search-recommend___3zOAV {
        top:48px;
        border-radius:0;
        padding-top:16px
    }
    .index-module__button-search-cancel___1PLEy {
        position:absolute;
        right:10px;
        transform:translateX(10px);
        transition:transform .3s ease
    }
    .index-module__search-recommend___3zOAV .index-module__content___1UsuZ {
        padding:0
    }
    .index-module__magnifierClass___21CdE {
        font-size:15px;
        width:24px;
        height:24px;
        position:relative;
        left:20px
    }
    .index-module__search-btn___2U-6b {
        position:absolute;
        display:inline-block;
        left:12px;
        top:10px;
        border:none;
        opacity:0
    }
    .index-module__search-title___1dOUH em {
        font-style:normal;
        font-weight:600
    }
}
.index-module__mobile-search-drop___3xiCG {
    position:fixed;
    width:100%;
    top:48px;
    z-index:100;
    height:0
}
.index-module__mobile-add-fixed___3wATi .index-module__mobile-search-drop___3xiCG {
    position:fixed;
    width:100%;
    height:calc(100% - 48px);
    top:48px;
    z-index:100
}
.index-module__line___35kX1 {
    content:'';
    height:1px;
    background:rgba(0,0,0,.06);
    width:100%;
    position:absolute;
    top:48px;
    left:0;
    z-index:102
}
.index-module__mobile-search-recommend___KGfxp {
    position:absolute;
    display:block;
    margin:0 auto;
    left:0;
    right:0;
    background-color:#fff;
    width:100%;
    overflow-y:scroll;
    height:0%
}
.index-module__mobile-active___tIqGZ {
    height:100%
}
.index-module__mobile-search-recommend___KGfxp .index-module__content___1UsuZ {
    padding:0 0 24px 0
}
.index-module__mobile-search-recommend___KGfxp .index-module__content___1UsuZ .index-module__title___2Yl8m {
    font-size:16px;
    line-height:20px;
    letter-spacing:-.02em;
    font-weight:600;
    padding:0 24px;
    margin:16px 0 0 0
}
.index-module__mobile-search-recommend___KGfxp .index-module__content___1UsuZ>div {
    padding:0;
    margin:8px 0 0 0
}
.index-module__mobile-search-recommend___KGfxp .index-module__content___1UsuZ>div a {
    padding:8px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:14px;
    line-height:20px;
    letter-spacing:-.02em;
    color:rgba(0,0,0,.85);
    text-decoration:none;
    transition:all .3s ease
}
.index-module__mobile-search-recommend___KGfxp .index-module__content___1UsuZ .index-module__hint___19hon {
    padding:8px 24px;
    margin:0
}
@media screen and (min-width:1200px) {
    .index-module__mobile-add-fixed___3wATi.index-module__mobile-search___1joko {
        z-index:101;
        position:fixed;
        top:0;
        width:100%;
        height:48px;
        background-color:#fff
    }
    .index-module__mobile-search___1joko .index-module__search___Ep64t {
        z-index:-1
    }
    .index-module__mobile-search___1joko .index-module__search___Ep64t.index-module__active___24VMd {
        z-index:100
    }
    .index-module__mobile-search___1joko .index-module__search-recommend___3zOAV,
    .index-module__mobile-search___1joko .index-module__search___Ep64t {
        width:100%
    }
    .index-module__mobile-search___1joko .index-module__search-input___29mGh {
        top:0;
        left:0;
        margin-left:0
    }
    .index-module__mobile-search___1joko .index-module__search-recommend___3zOAV {
        top:48px;
        border-radius:0;
        padding-top:16px
    }
    .index-module__mobile-search___1joko .index-module__button-search-cancel___1PLEy {
        position:absolute;
        right:10px;
        transform:translateX(10px);
        transition:transform .3s ease
    }
    .index-module__mobile-search___1joko .index-module__search-recommend___3zOAV .index-module__content___1UsuZ {
        padding:0
    }
    .index-module__mobile-search___1joko .index-module__magnifierClass___21CdE {
        font-size:15px;
        width:24px;
        height:24px;
        position:relative;
        margin-left:20px;
        left:0
    }
    .index-module__mobile-search___1joko .index-module__search-btn___2U-6b {
        position:absolute;
        display:inline-block;
        left:12px;
        top:10px;
        border:none;
        opacity:0
    }
    .index-module__mobile-search___1joko .index-module__search-title___1dOUH em {
        font-style:normal;
        font-weight:600
    }
}
body:not(.modal-open):not(.nav__sticky) [data-nav-theme=black] .index-module__line___35kX1 {
    height:0
}
body:not(.modal-open):not(.nav__sticky) [data-nav-theme=white] .index-module__line___35kX1 {
    height:0
}
body.index-module__modal-open___2TSg1 {
    overflow:hidden
}
.index-module__dji-navbar___KQEhe {
    position:relative;
    width:100%;
    height:62px;
    background:#232526
}
.index-module__hide___JJVwa {
    visibility:hidden;
    opacity:0
}
.index-module__nav___3cCS1 {
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:100%
}
.index-module__dji-navbar___KQEhe::before {
    content:'';
    width:100%;
    height:1px;
    background-color:rgba(0,0,0,.06);
    bottom:0;
    left:0;
    position:absolute;
    transition:all .3s ease
}
.index-module__dji-navbar___KQEhe.index-module__active___hch0F::before {
    background-color:rgba(0,0,0,.06)
}
.index-module__dji-navbar___KQEhe.index-module__dji-navbar-lg___3cidB {
    height:80px
}
.index-module__dji-navbar___KQEhe.index-module__dji-navbar-sm___1kQHL {
    height:48px;
    width:100%
}
.index-module__dji-navbar___KQEhe.index-module__line-top-dark___12NNJ::before {
    content:'';
    position:absolute;
    width:100%;
    height:1px;
    top:0;
    background:rgba(255,255,255,.12)
}
.index-module__dji-navbar___KQEhe.index-module__line-top-light___crFPE::before {
    content:'';
    position:absolute;
    width:100%;
    height:1px;
    top:0;
    background:rgba(0,0,0,.06)
}
.index-module__dji-navbar-end___3oMqe,
.index-module__dji-navbar-start___cRvhA {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 8px;
    opacity:1;
    transition:width .3s cubuc-bezier(.215, .61, .355, 1) 0s
}
.index-module__dji-navbar___KQEhe .index-module__dji-navbar-end___3oMqe .index-module__dji-btn___8WDSA,
.index-module__dji-navbar___KQEhe .index-module__dji-navbar-start___cRvhA .index-module__dji-btn___8WDSA {
    transition:all .3s ease
}
.index-module__dji-navbar___KQEhe .index-module__title___2H7Z6 {
    color:#fff;
    padding-left:8px
}
.index-module__dji-navbar___KQEhe .index-module__title___2H7Z6 a {
    color:#fff
}
.index-module__dji-navbar___KQEhe .index-module__title___2H7Z6 a:hover {
    text-decoration:none
}
.index-module__dji-navbar___KQEhe .index-module__dji-input-wrapper___2YZwW .index-module__dji-input___3pOPN {
    background:0 0
}
.index-module__dji-navbar___KQEhe .index-module__dji-input-wrapper___2YZwW .index-module__dji-input-prefix___2SLKn {
    color:#fff
}
.index-module__dji-navbar___KQEhe.index-module__dark___1C4WR .index-module__dji-input-wrapper___2YZwW .index-module__dji-input___3pOPN {
    border-color:transparent
}
.index-module__dji-navbar___KQEhe.index-module__dark___1C4WR .index-module__dji-input-wrapper___2YZwW .index-module__dji-input___3pOPN:focus {
    box-shadow:none
}
.index-module__dji-navbar___KQEhe.index-module__dark___1C4WR .index-module__dji-input-wrapper___2YZwW .index-module__dji-input-prefix___2SLKn {
    color:#fff
}
.index-module__dji-navbar___KQEhe.index-module__light___2yeM7 {
    background:#fff
}
.index-module__dji-navbar___KQEhe.index-module__light___2yeM7 .index-module__title___2H7Z6 {
    color:rgba(0,0,0,.85);
    display:flex;
    align-items:center
}
.index-module__dji-navbar___KQEhe.index-module__light___2yeM7 .index-module__title___2H7Z6 a {
    color:rgba(0,0,0,.85)
}
.index-module__dji-navbar___KQEhe.index-module__light___2yeM7 .index-module__dji-input-wrapper___2YZwW .index-module__dji-input___3pOPN {
    border-color:transparent
}
.index-module__dji-navbar___KQEhe.index-module__light___2yeM7 .index-module__dji-input-wrapper___2YZwW .index-module__dji-input___3pOPN:focus {
    box-shadow:none
}
.index-module__dji-navbar___KQEhe.index-module__light___2yeM7 .index-module__dji-input-wrapper___2YZwW .index-module__dji-input-prefix___2SLKn {
    color:rgba(0,0,0,.85)
}
.index-module__dji-navbar___KQEhe.index-module__on-search___3kBZ4 .index-module__search___mjM0s {
    overflow:hidden
}
.index-module__dji-navbar___KQEhe.index-module__on-search___3kBZ4 .index-module__button-account___2fyai,
.index-module__dji-navbar___KQEhe.index-module__on-search___3kBZ4 .index-module__button-cart___1PriO,
.index-module__dji-navbar___KQEhe.index-module__on-search___3kBZ4 .index-module__dji-navbar-start___cRvhA {
    opacity:0;
    pointer-events:none
}
.index-module__dji-navbar___KQEhe.index-module__on-search___3kBZ4 .index-module__button-search___RAjPH {
    transform:translateX(calc(136px - 100vw))
}
.index-module__dji-navbar___KQEhe.index-module__on-search___3kBZ4 .index-module__button-search-cancel___1Km3o {
    opacity:1;
    transition-delay:0.3s
}
@media screen and (min-width:320px) and (max-width:360px) {
    .index-module__dji-navbar-start___cRvhA {
        padding:0 6px
    }
    .index-module__dji-navbar-end___3oMqe {
        padding:0 8px
    }
    .index-module__button-cart___1PriO {
        margin-right:8px
    }
}
@media screen and (min-width:361px) and (max-width:375px) {
    .index-module__dji-navbar-end___3oMqe {
        padding:0 8px
    }
}
@media screen and (min-width:376px) and (max-width:480px) {
    .index-module__dji-navbar-end___3oMqe {
        padding:0 8px
    }
}
@media screen and (min-width:481px) and (max-width:1024px) {
    .index-module__dji-navbar-end___3oMqe {
        padding:0 20px
    }
}
@media screen and (max-width:1199px) {
    .index-module__dji-navbar___KQEhe .index-module__dji-navbar-end___3oMqe .index-module__dji-btn___8WDSA:hover,
    .index-module__dji-navbar___KQEhe .index-module__dji-navbar-start___cRvhA .index-module__dji-btn___8WDSA:hover {
        background-color:transparent
    }
    .index-module__dji-navbar___KQEhe .index-module__search-input___2gYWG {
        position:absolute;
        left:48px;
        height:100%;
        padding:0;
        width:calc(100% - 96px);
        z-index:3;
        transition:all .3s ease
    }
    .index-module__dji-navbar___KQEhe.index-module__on-search___3kBZ4 .index-module__button-search-cancel___1Km3o {
        right:8px
    }
}
.index-module__dji-navbar___KQEhe.index-module__on-search___3kBZ4 .index-module__search-input___2gYWG {
    opacity:1;
    transition-delay:0.3s;
    pointer-events:auto
}
.index-module__dji-navbar-start___cRvhA .index-module__button-bars___IXBYu {
    display:inline-block;
    vertical-align:top;
    width:40px;
    border:0;
    background:0 0;
    outline:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    height:40px
}
.index-module__bread___2dDMA {
    display:block;
    transition:all .4s ease;
    line-height:0;
    font-size:0;
    color:#3b3e40
}
.index-module__bread___2dDMA.index-module__close___3k3RC:nth-child(1) {
    transform:translateY(3px)
}
.index-module__bread___2dDMA.index-module__close___3k3RC:nth-child(2) {
    opacity:0
}
.index-module__bread___2dDMA.index-module__close___3k3RC:nth-child(3) {
    transform:translateY(-7px)
}
.index-module__bread___2dDMA:nth-child(2) {
    padding:4px 0
}
.index-module__bread___2dDMA::before {
    background-color:#303233;
    border-bottom-left-radius:2px;
    border-top-right-radius:2px;
    content:'';
    display:inline-block;
    height:1px;
    transition:transform .4s ease .2s;
    width:14px
}
.index-module__bread___2dDMA.index-module__close___3k3RC:first-child::before {
    transform:rotate(45deg)
}
.index-module__bread___2dDMA.index-module__close___3k3RC:nth-child(3)::before {
    transform:rotate(-45deg)
}
.index-module__dji-badge___XFSak {
    position:absolute;
    top:0;
    left:30px
}
.index-module__logo___h17uH {
    height:22px
}
.index-module__text___1zztT {
    display:inline-block;
    margin-left:8px;
    color:#3b3e40;
    font-size:18px;
    line-height:24px;
    font-weight:400;
    text-transform:uppercase;
    font-family:'DJI Demi'
}
body:not(.modal-open):not(.nav__sticky) [data-nav-theme=black] .index-module__dji-navbar___KQEhe::before {
    height:0
}
body:not(.modal-open):not(.nav__sticky) [data-nav-theme=black] .index-module__dji-navbar___KQEhe.index-module__light___2yeM7 {
    background:0 0
}
body:not(.modal-open):not(.nav__sticky) [data-nav-theme=black] .index-module__bread___2dDMA {
    color:#fff
}
body:not(.modal-open):not(.nav__sticky) [data-nav-theme=black] .index-module__bread___2dDMA::before {
    background-color:#fff
}
body:not(.modal-open):not(.nav__sticky) [data-nav-theme=black] .index-module__dji-navbar___KQEhe .index-module__text___1zztT,
body:not(.modal-open):not(.nav__sticky) [data-nav-theme=black] .index-module__dji-navbar___KQEhe svg {
    color:#fff
}
body:not(.modal-open):not(.nav__sticky) [data-nav-theme=white] .index-module__dji-navbar___KQEhe::before {
    height:0
}
body:not(.modal-open):not(.nav__sticky) [data-nav-theme=white] .index-module__dji-navbar___KQEhe.index-module__light___2yeM7 {
    background:0 0
}
.index-module__dji-divider___12zo9 {
    position:relative;
    display:flex;
    align-items:center;
    height:16px;
    width:100%
}
.index-module__dji-divider___12zo9 hr {
    position:relative;
    width:48px;
    height:48px;
    border:0;
    background:0 0
}
.index-module__dji-divider___12zo9 hr::after {
    position:absolute;
    content:'';
    left:0;
    top:50%;
    width:100%;
    height:1px;
    margin:0;
    background:rgba(0,0,0,.06)
}
.index-module__dji-divider___12zo9.index-module__sm___WGreo {
    height:32px
}
.index-module__dji-divider___12zo9.index-module__lg___RL0R9 {
    height:64px
}
.index-module__dji-divider___12zo9.index-module__xl___3crDq {
    height:96px
}
.index-module__dji-divider___12zo9.index-module__zl___1diCs {
    height:48px
}
.index-module__dji-divider___12zo9::before {
    position:absolute;
    content:'';
    width:100%;
    height:1px;
    background:rgba(0,0,0,.06)
}
.index-module__dji-divider___12zo9.index-module__on-dark___HU6b4::before {
    background:rgba(255,255,255,.12)
}
.index-module__dji-divider___12zo9.index-module__on-dark___HU6b4 span {
    background:#232526;
    color:rgba(255,255,255,.45)
}
.index-module__dji-divider___12zo9 span {
    z-index:1;
    padding:0 12px;
    background:#fff;
    color:rgba(0,0,0,.45)
}
.index-module__dji-divider___12zo9.index-module__vertical___1eorJ {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:24px
}
.index-module__dji-divider___12zo9.index-module__vertical___1eorJ::before {
    position:relative;
    content:'';
    width:1px;
    height:100%
}
.index-module__dji-divider___12zo9.index-module__vertical___1eorJ.index-module__dot___1ZMCg::before {
    display:none
}
.index-module__dji-divider___12zo9.index-module__vertical___1eorJ.index-module__dot___1ZMCg::after {
    position:relative;
    content:'';
    width:4px;
    height:4px;
    background:rgba(0,0,0,.06)
}
.index-module__more-divider___gDKIr {
    margin-top:0!important;
    height:32px;
    width:calc(100% - 48px);
    margin-left:32px
}
.logo-module__dji-logo___TWD8X {
    height:24px;
    width:42px;
    fill:currentColor
}
.index-module__dji-menu-list___1ECKq {
    position:relative;
    overflow:visible;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    align-content:stretch;
    justify-content:space-between;
    vertical-align:middle;
    margin:0;
    list-style:none;
    padding:8px 0;
    background:#fff;
    color:rgba(0,0,0,.65);
    white-space:nowrap;
    text-align:center;
    border-radius:5px;
    box-shadow:0 8px 16px rgba(0,0,0,.1)
}
.index-module__dji-menu-list___1ECKq i,
.index-module__dji-menu-list___1ECKq span {
    display:inline-flex
}
.index-module__dji-menu-list___1ECKq i {
    width:16px;
    align-items:center;
    justify-content:center;
    vertical-align:middle
}
.index-module__dji-menu-list___1ECKq i+span,
.index-module__dji-menu-list___1ECKq span+i {
    margin-left:8px
}
.index-module__dji-menu-list___1ECKq i:last-child:not(:first-child) {
    position:absolute;
    right:16px
}
.index-module__dji-menu-list___1ECKq .index-module__dji-divider___3u_KW {
    height:8px
}
.index-module__dji-menu-list___1ECKq a.index-module__dji-menu-link___1Zm7W {
    font-size:14px;
    line-height:20px;
    height:40px;
    padding:0 19px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    vertical-align:middle;
    transition:all .3s ease;
    color:rgba(0,0,0,.65)
}
.index-module__dji-menu-list___1ECKq a.index-module__dji-menu-link___1Zm7W:hover {
    cursor:pointer;
    background:rgba(0,0,0,.04);
    text-decoration:none
}
.index-module__dji-menu-list___1ECKq a.index-module__dji-menu-link___1Zm7W.index-module__focus-visible___mog6U {
    outline:4px solid #d6e8ff;
    border-radius:.1em;
    box-shadow:none
}
.index-module__dji-menu-list___1ECKq a.index-module__dji-menu-link___1Zm7W.index-module__focus-visible___mog6U {
    outline:4px solid #d6e8ff;
    border-radius:.1em;
    box-shadow:none
}
.index-module__dji-menu-list___1ECKq a.index-module__dji-menu-link___1Zm7W:focus-visible {
    outline:4px solid #d6e8ff;
    border-radius:.1em;
    box-shadow:none
}
.index-module__dji-menu-list___1ECKq a.index-module__dji-menu-link___1Zm7W.index-module__sub___2zUcF {
    padding:0 40px 0 16px
}
.index-module__find-more___2PAzy {
    position:absolute;
    z-index:2;
    left:50%;
    top:24px;
    transform:translateX(-50%) translateY(-8px);
    opacity:0;
    transition:all .3s ease;
    pointer-events:none
}
.index-module__find-more___2PAzy.index-module__active___27FMM {
    opacity:1;
    transform:translateX(-50%) translateY(0);
    pointer-events:auto
}
.index-module__dji-nav-group___2mc_b .index-module__dji-nav-heading___1CSSz {
    box-sizing:border-box;
    display:flex;
    width:100%;
    padding:16px 24px 8px 24px;
    color:rgba(0,0,0,.45)
}
.index-module__dji-nav-group___2mc_b .index-module__dji-nav-heading___1CSSz.index-module__on-dark___e2Xjx {
    color:rgba(255,255,255,.45)
}
.index-module__dji-nav___jPCTB {
    position:relative;
    box-sizing:border-box;
    overflow:visible;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    vertical-align:middle;
    margin:0;
    list-style:none;
    padding:0;
    height:100%;
    color:rgba(0,0,0,.65);
    white-space:nowrap;
    text-align:center;
    font-size:14px;
    line-height:20px
}
.index-module__dji-nav___jPCTB i,
.index-module__dji-nav___jPCTB span {
    display:inline-flex;
    transition:all .1s ease
}
.index-module__dji-nav___jPCTB i {
    width:16px;
    height:24px;
    align-items:center;
    justify-content:center;
    vertical-align:middle
}
.index-module__dji-nav___jPCTB i+span,
.index-module__dji-nav___jPCTB span+i {
    margin-left:4px
}
.index-module__dji-nav___jPCTB .index-module__dji-nav-item___3NZp_ {
    display:flex;
    height:100%
}
.index-module__dji-nav___jPCTB .index-module__dji-nav-item___3NZp_+.index-module__dji-nav-item___3NZp_ {
    margin-left:32px
}
.index-module__dji-nav___jPCTB a.index-module__dji-nav-link___v4DLy {
    box-sizing:border-box;
    display:inline-flex;
    padding:0;
    align-items:center;
    justify-content:center;
    vertical-align:middle;
    color:rgba(0,0,0,.85);
    border-top:2px solid transparent;
    border-bottom:2px solid transparent
}
.index-module__dji-nav___jPCTB a.index-module__dji-nav-link___v4DLy .index-module__dji-nav-link-badge___1BL51 {
    height:18px;
    margin-left:8px;
    position:relative
}
.index-module__dji-nav___jPCTB a.index-module__dji-nav-link___v4DLy .index-module__dji-nav-link-badge___1BL51 ::before {
    content:'';
    height:0;
    width:0;
    position:absolute;
    left:-4px;
    bottom:0;
    top:0;
    margin:auto;
    border-right:6px solid #0060ef;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent
}
.index-module__dji-nav___jPCTB a.index-module__dji-nav-link___v4DLy .index-module__dji-nav-link-badge___1BL51 .index-module__text___2pmQc {
    background-color:#0060ef;
    color:#fff;
    padding:0 4px;
    height:18px;
    border-radius:4px;
    line-height:18px;
    font-weight:600;
    font-size:10px
}
.index-module__no-decoration___17Ts4:hover {
    text-decoration:none
}
.index-module__dji-nav___jPCTB a.index-module__dji-nav-link___v4DLy:focus {
    z-index:1
}
.index-module__dji-nav___jPCTB .index-module__dji-nav-item-menu___jnd_3 a.index-module__dji-nav-link___v4DLy {
    border-top:2px solid transparent;
    border-bottom:2px solid rgba(0,0,0,.85)
}
.index-module__dji-nav___jPCTB .index-module__dji-nav-item-menu___jnd_3.index-module__nolink___1OL11 a.index-module__dji-nav-link___v4DLy:hover {
    cursor:default;
    color:rgba(0,0,0,.85)
}
.index-module__dji-nav___jPCTB.index-module__on-dark___e2Xjx .index-module__dji-nav-item-menu___jnd_3 a.index-module__dji-nav-link___v4DLy {
    color:#fff;
    border-top:2px solid transparent;
    border-bottom:2px solid #fff
}
.index-module__dji-nav___jPCTB.index-module__on-dark___e2Xjx .index-module__dji-nav-item-menu___jnd_3.index-module__nolink___1OL11 a.index-module__dji-nav-link___v4DLy:hover {
    color:#fff
}
.index-module__dji-nav___jPCTB.index-module__on-dark___e2Xjx a.index-module__dji-nav-link___v4DLy {
    color:#fff
}
.index-module__dji-nav___jPCTB.index-module__on-dark___e2Xjx a.index-module__dji-nav-link___v4DLy.index-module__active___2SdBp,
.index-module__dji-nav___jPCTB.index-module__on-dark___e2Xjx a.index-module__dji-nav-link___v4DLy:hover {
    color:rgba(255,255,255,.45)
}
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS {
    flex-direction:column;
    width:100%
}
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS .index-module__dji-nav-item___3NZp_ {
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
    margin:0
}
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS i:last-child:not(:first-child) {
    position:absolute;
    right:24px;
    transition:all .3s ease
}
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS a.index-module__dji-nav-link___v4DLy {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    vertical-align:middle;
    padding:0 24px;
    border-top:none;
    border-bottom:none;
    color:rgba(0,0,0,.65);
    width:100%;
    height:48px
}
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS a.index-module__dji-nav-link___v4DLy:hover {
    background:rgba(0,0,0,.04);
    color:rgba(0,0,0,.85)
}
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS a.index-module__dji-nav-link___v4DLy:focus {
    background:rgba(0,0,0,.04)
}
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS a.index-module__dji-nav-link___v4DLy.index-module__active___2SdBp,
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS a.index-module__dji-nav-link___v4DLy:focus {
    color:rgba(0,0,0,.85)
}
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS a.index-module__dji-nav-link___v4DLy.index-module__active___2SdBp i:last-child:not(:first-child),
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS a.index-module__dji-nav-link___v4DLy:focus i:last-child:not(:first-child) {
    transform:rotate(180deg)
}
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS.index-module__on-dark___e2Xjx a.index-module__dji-nav-link___v4DLy {
    color:rgba(255,255,255,.65)
}
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS.index-module__on-dark___e2Xjx a.index-module__dji-nav-link___v4DLy:hover {
    background:rgba(0,0,0,.85);
    color:#fff
}
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS.index-module__on-dark___e2Xjx a.index-module__dji-nav-link___v4DLy:focus {
    background:rgba(0,0,0,.85)
}
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS.index-module__on-dark___e2Xjx a.index-module__dji-nav-link___v4DLy.index-module__active___2SdBp,
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS.index-module__on-dark___e2Xjx a.index-module__dji-nav-link___v4DLy:focus {
    color:#fff
}
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS.index-module__mini___gAZN2 {
    min-height:48px
}
.index-module__dji-nav___jPCTB.index-module__vertical___1FagS.index-module__mini___gAZN2 a {
    justify-content:center;
    padding-left:16px;
    padding-right:16px
}
.index-module__dji-nav___jPCTB .index-module__dji-nav-sub___2Rp2i.index-module__dji-nav-anchor___LA5v2::before {
    content:'';
    position:absolute;
    left:24px;
    top:16px;
    width:2px;
    height:calc(100% - 32px);
    background:rgba(0,0,0,.04)
}
.index-module__dji-nav___jPCTB .index-module__dji-nav-sub___2Rp2i.index-module__dji-nav-anchor___LA5v2 a.index-module__dji-nav-link___v4DLy.index-module__active___2SdBp::before {
    content:'';
    position:absolute;
    top:16px;
    width:2px;
    height:16px;
    background:rgba(0,0,0,.85)
}
.index-module__dji-nav___jPCTB .index-module__dji-nav-sub___2Rp2i.index-module__dji-nav-anchor___LA5v2.index-module__level2___2lahS.index-module__active___2SdBp a.index-module__dji-nav-link___v4DLy.index-module__active___2SdBp::before {
    left:24px
}
.index-module__dji-nav___jPCTB .index-module__dji-nav-sub___2Rp2i.index-module__dji-nav-anchor___LA5v2.index-module__level3___3qS-7 a.index-module__dji-nav-link___v4DLy.index-module__active___2SdBp::before {
    left:48px
}
.index-module__dji-nav___jPCTB .index-module__dji-nav-sub___2Rp2i.index-module__dji-nav-anchor___LA5v2.index-module__level3___3qS-7::before {
    left:48px
}
.index-module__dji-nav___jPCTB .index-module__dji-nav-sub___2Rp2i.index-module__dji-nav-anchor___LA5v2.index-module__level3___3qS-7.index-module__active___2SdBp a.index-module__dji-nav-link___v4DLy.index-module__active___2SdBp::before {
    left:48px
}
.index-module__dji-nav___jPCTB .index-module__level2___2lahS a.index-module__dji-nav-link___v4DLy {
    padding-left:48px
}
.index-module__dji-nav___jPCTB .index-module__level3___3qS-7 a.index-module__dji-nav-link___v4DLy {
    padding-left:72px
}
.index-module__dji-nav___jPCTB.index-module__on-dark___e2Xjx .index-module__dji-nav-sub___2Rp2i.index-module__dji-nav-anchor___LA5v2::before {
    background:rgba(0,0,0,.85)
}
.index-module__dji-nav___jPCTB.index-module__on-dark___e2Xjx .index-module__dji-nav-sub___2Rp2i.index-module__dji-nav-anchor___LA5v2 a.index-module__dji-nav-link___v4DLy.index-module__active___2SdBp::before {
    background:#fff
}
.index-module__dji-nav-theme-green___1Nz4I a.index-module__dji-nav-link___v4DLy.index-module__active___2SdBp,
.index-module__dji-nav-theme-green___1Nz4I a.index-module__dji-nav-link___v4DLy:focus,
.index-module__dji-nav-theme-green___1Nz4I a.index-module__dji-nav-link___v4DLy:hover {
    color:#52c41a
}
.index-module__dji-nav-theme-green___1Nz4I a.index-module__dji-nav-link___v4DLy.index-module__active___2SdBp::before {
    background:#52c41a
}
.index-module__dji-nav-theme-green___1Nz4I .index-module__dji-nav-item-menu___jnd_3 a.index-module__dji-nav-link___v4DLy {
    border-top:2px solid transparent;
    border-bottom:2px solid #52c41a
}
.index-module__no-pointer___2Hie6 {
    cursor:auto;
    cursor:initial
}
.style-module__modal___3RAeF {
    display:none;
    overflow:hidden;
    position:fixed;
    left:0;
    top:0;
    z-index:1200;
    width:100%;
    height:100%
}
.style-module__modal___3RAeF.style-module__visible___3EKcc {
    display:block;
    overflow-x:hidden;
    overflow-y:auto
}
.style-module__modal___3RAeF.style-module__visible___3EKcc .style-module__modal-dialog___1axUH {
    opacity:1;
    transform:translateY(0)
}
.style-module__modal___3RAeF .style-module__modal-mask___ykH8E {
    position:fixed;
    left:0;
    top:0;
    z-index:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.2)
}
.style-module__modal___3RAeF .style-module__modal-dialog___1axUH {
    position:relative;
    z-index:1;
    width:1000px;
    max-width:100%;
    margin:30px auto;
    opacity:0;
    transform:translateY(-30px);
    transition:all .3s ease
}
.style-module__modal___3RAeF .style-module__modal-dialog___1axUH .style-module__modal-close___2mTZS {
    position:absolute;
    right:20px;
    top:20px;
    cursor:pointer
}
.style-module__modal___3RAeF .style-module__modal-dialog___1axUH .style-module__modal-content___1PyuM {
    background-color:#fff
}
.modal-open {
    overflow:hidden
}
.style-module__iconFont___Hf8e0 {
    font-size:48px
}
.CollapseMotion-module__motion___YaIiS {
    transition:height .3s,opacity .3s;
    overflow:hidden
}
.CollapseMotion-module__hidden___2b0k8 {
    display:none
}
.index-module__dji-collapse-item___eX1Ip {
    display:block;
    width:100%;
    position:relative
}
.index-module__dji-collapse-item___eX1Ip::after {
    content:'';
    position:absolute;
    height:1px;
    bottom:0;
    background:rgba(0,0,0,.06);
    left:16px;
    width:calc(100% - 32px)
}
.index-module__dji-collapse-item___eX1Ip .index-module__dji-collapse-header___1ZC9Z {
    position:relative;
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:center;
    min-height:48px;
    color:rgba(0,0,0,.85);
    transition:all .3s ease;
    box-sizing:border-box;
    font-family:'Open Sans';
    font-size:14px;
    line-height:20px;
    letter-spacing:-.02em;
    font-weight:400;
    padding:16px;
    word-break:break-word
}
.index-module__dji-collapse-item___eX1Ip .index-module__dji-collapse-header___1ZC9Z svg {
    position:absolute;
    right:16px;
    transition:all .3s ease
}
.index-module__dji-collapse-item___eX1Ip .index-module__dji-collapse-header___1ZC9Z.index-module__active___19HWp svg {
    transform:rotate(180deg)
}
.index-module__dji-collapse-item___eX1Ip .index-module__dji-collapse-body___KX2eJ {
    color:rgba(0,0,0,.65);
    transition:all .3s ease;
    font-size:14px;
    line-height:20px;
    letter-spacing:-.02em
}
.index-module__dji-collapse-item___eX1Ip .index-module__dji-collapse-body___KX2eJ .index-module__dji-collapse-content___3dBHW {
    padding:0 0 16px 0;
    transition:all .3s ease
}
.index-module__dji-collapse-item___eX1Ip .index-module__dji-collapse-body___KX2eJ .index-module__dji-collapse-content___3dBHW>div+div {
    margin-top:24px
}
.index-module__dji-collapse-item___eX1Ip .index-module__dji-collapse-body___KX2eJ p {
    margin:0
}
.index-module__dji-collapse-item___eX1Ip .index-module__dji-collapse-body___KX2eJ p+p {
    margin:16px 0 0
}
.index-module__level-3___22PZd .index-module__dji-collapse-header___1ZC9Z {
    padding:8px 0 8px 32px;
    width:100%
}
.index-module__level-3___22PZd::after {
    height:0
}
.index-module__dji-collapse-item___eX1Ip .index-module__dji-collapse-body___KX2eJ .index-module__level-3___22PZd .index-module__dji-collapse-content___3dBHW {
    padding:0
}
.index-module__dji-collapse-item___eX1Ip .index-module__dji-collapse-body___KX2eJ .index-module__level-3___22PZd .index-module__dji-collapse-content___3dBHW>div+div {
    margin-top:0
}
@media screen and (max-width:1199px) {
    .index-module__announcement___3QtXw {
        background-color:#e6f7ff;
        padding:16px;
        font-size:14px
    }
}
@media screen and (min-width:1200px) {
    .index-module__announcement___3QtXw {
        background-color:#e6f7ff;
        padding:10px 16px;
        font-size:14px;
        margin-bottom:32px;
        width:841px
    }
}
.index-module__top-menu-header___Nhg1o {
    display:block;
    width:100%;
    position:relative
}
.index-module__group-title___y6org {
    position:relative;
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:center;
    color:rgba(0,0,0,.85);
    font-size:14px;
    line-height:20px;
    letter-spacing:-.02em;
    transition:all .3s ease;
    font-weight:400;
    padding:16px;
    margin:0
}
.index-module__drop-down___2SC88 {
    position:absolute;
    right:16px
}
.index-module__isDropActive___2W9Pk {
    transform:rotate(180deg)
}
.index-module__isSecondDropActive___cedKc {
    transform:rotate(180deg)
}
.index-module__collapse-second-item___2roxs {
    color:rgba(0,0,0,.85);
    transition:all .3s ease;
    padding:0;
    font-size:14px;
    line-height:20px;
    letter-spacing:-.02em;
    text-decoration:none;
    margin:0;
    position:relative;
    width:100%;
    display:block
}
a {
    text-decoration:none
}
.index-module__dji-collapse-body___2MzOA {
    height:auto;
    overflow:visible;
    overflow:initial;
    color:rgba(0,0,0,.65);
    transition:all .3s ease;
    font-size:14px;
    line-height:20px;
    letter-spacing:-.02em
}
.index-module__second-collapse-body___Ji6EY {
    height:auto;
    overflow:visible;
    overflow:initial;
    color:rgba(0,0,0,.65);
    transition:all .3s ease;
    font-size:14px;
    line-height:20px;
    letter-spacing:-.02em
}
.index-module__dji-collapse-content___V1TrJ {
    padding:0 0 16px 0;
    transition:all .3s ease
}
.index-module__product-title___1fzx_ {
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em;
    color:rgba(0,0,0,.65);
    padding:0 16px 0 32px;
    margin:0
}
figure.index-module__dji-img___17Drx {
    width:48px;
    height:48px;
    margin:0;
    margin-right:8px;
    display:flex;
    align-items:center;
    justify-content:center
}
figure.index-module__dji-img___17Drx img {
    width:100%
}
.index-module__dji-collapse-item___27Hpq {
    color:rgba(0,0,0,.85);
    transition:all .3s ease;
    padding:0;
    font-size:14px;
    line-height:20px;
    letter-spacing:-.02em;
    text-decoration:none;
    margin:0;
    position:relative;
    display:block;
    width:100%
}
.index-module__dji-collapse-header___1CbLS {
    padding:8px 0 8px 32px;
    width:100%;
    font-size:14px;
    line-height:20px;
    letter-spacing:-.02em;
    font-weight:400;
    position:relative;
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:center;
    min-height:48px;
    color:rgba(0,0,0,.85);
    transition:all .3s ease;
    box-sizing:border-box
}
.index-module__dji-copy-wrapper___2rGZV {
    flex:1 1;
    margin-right:48px
}
.index-module__text-12___2esug {
    color:#ff9502;
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em
}
.index-module__fourth-menu-content___wHKxW {
    padding:0
}
.index-module__fourth-menu-product___GWjyP {
    padding:32px 0;
    background-color:rgba(0,0,0,.02)
}
.index-module__fourth-menu-product___GWjyP+.index-module__fourth-menu-product___GWjyP {
    padding:0 0 32px 0
}
.index-module__fourth-menu-title___2O33M {
    padding:0 16px 0 32px;
    font-size:16px;
    line-height:20px;
    letter-spacing:-.02em;
    color:rgba(0,0,0,.85);
    font-weight:600;
    margin:0
}
.index-module__fourth-main-product___1Es2b {
    position:relative;
    list-style:none;
    padding-left:32px;
    display:flex;
    flex-wrap:nowrap;
    width:100%;
    overflow-x:auto;
    -ms-scroll-snap-type:x mandatory;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:none;
    scrollbar-width:none;
    margin-top:16px;
    box-sizing:border-box;
    white-space:nowrap
}
.index-module__product-right-items___1acFc::after {
    width:32px;
    height:100%;
    content:'';
    display:block
}
.index-module__fourth-main-product___1Es2b::-webkit-scrollbar {
    display:none
}
.index-module__fourth-product-item___1608l:first-child {
    margin-left:0
}
.index-module__fourth-product-item___1608l {
    width:calc(50vw - 36px);
    flex-shrink:0;
    margin-left:8px;
    background-color:rgba(0,0,0,.04);
    padding-bottom:16px;
    position:relative;
    scroll-snap-align:start;
    scroll-margin-left:32px
}
.index-module__fourth-product-item___1608l .index-module__fourth-img-box___LvzE0 {
    width:100%;
    aspect-ratio:1/1;
    transition:all .3s ease;
    padding:0
}
.index-module__more-img-box___1JOhY {
    width:100%;
    transition:all .3s ease;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    height:100%
}
.index-module__fourth-menu-product___GWjyP .index-module__more-img-container___2KK_Q {
    height:100%;
    display:flex;
    justify-content:space-between;
    flex-direction:column
}
.index-module__fourth-img-box___LvzE0 img {
    display:block;
    width:100%;
    height:100%
}
.index-module__fourth-new-label___2Ep8C {
    color:#ff9502;
    text-align:center;
    display:block;
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em;
    position:absolute;
    bottom:48px;
    padding:0 5px;
    width:100%;
    box-sizing:border-box
}
.index-module__fourth-product-item___1608l .index-module__name___2Plsx {
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em;
    height:32px;
    color:rgba(0,0,0,.85);
    padding:0 8px;
    position:relative;
    margin:8px 0 0 0;
    text-align:center;
    word-break:break-word
}
.index-module__fourth-product-item___1608l .index-module__name___2Plsx div {
    display:flex;
    align-items:center;
    flex-direction:column;
    margin-top:8px;
    justify-content:center;
    line-height:16px;
    height:34px
}
.index-module__fourth-product-item___1608l .index-module__name___2Plsx p {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    overflow:hidden;
    width:100%;
    box-sizing:border-box;
    font-size:12px;
    text-overflow:ellipsis;
    white-space:normal;
    align-items:center;
    justify-content:center
}
.index-module__name___2Plsx div.index-module__content___34v7r {
    margin-top:0
}
.index-module__fourth-product-item___1608l .index-module__name___2Plsx span {
    word-break:normal;
    width:auto;
    white-space:pre-wrap;
    word-wrap:break-word;
    overflow:hidden;
    text-align:center
}
.index-module__fourth-menu-product___GWjyP a {
    display:flex;
    transition:all .3s ease;
    cursor:pointer;
    color:rgba(0,0,0,.85);
    text-decoration:none;
    align-items:center
}
.index-module__view-all___1txuU {
    padding-left:32px;
    padding-top:12px
}
.index-module__nav-more-link___2-EWi {
    padding:12px 16px 12px 32px;
    color:rgba(0,0,0,.85);
    display:flex;
    align-items:center
}
.index-module__angle-right___3yoyz {
    position:relative;
    top:3px;
    width:12px;
    height:14px
}
.index-module__more-link___25frG {
    margin-top:0
}
@media screen and (min-width:600px) {
    .index-module__fourth-product-item___1608l {
        width:calc(25vw - 22px)
    }
}
.index-module__announcement-wrapper___I4iTJ {
    padding:12px 32px 0;
    background-color:rgba(0,0,0,.02)
}
.index-module__nav-panel___YIYA_ {
    position:absolute;
    right:0;
    top:0;
    z-index:1001;
    background-color:#fff;
    display:block;
    transition:all .3s ease;
    transform:translateY(-8px);
    opacity:0;
    pointer-events:none;
    box-shadow:0 8px 16px rgba(0,0,0,.1);
    border-radius:8px
}
.index-module__nav-panel___YIYA_.index-module__visible___16CaW {
    transform:translateY(0);
    opacity:1;
    pointer-events:auto
}
.index-module__nav-panel___YIYA_ .index-module__content___1comu {
    padding:16px 0
}
.index-module__content___1comu a.index-module__focus-visible___2dngK {
    outline-offset:-2px!important
}
.index-module__content___1comu a.index-module__focus-visible___2dngK {
    outline-offset:-2px!important
}
.index-module__content___1comu a:focus-visible {
    outline-offset:-2px!important
}
.index-module__nav-panel___YIYA_ .index-module__shape-triangle___1m5fF {
    position:absolute;
    background:#fff;
    z-index:8;
    top:0;
    right:54px;
    transform:translateY(-50%) rotate(45deg);
    box-shadow:-2px -2px 4px rgba(0,0,0,.1);
    width:11px;
    height:11px
}
.index-module__nav-panel___YIYA_.index-module__cart___rKwK4 .index-module__cart-list___KIxKg {
    max-height:288px;
    overflow-y:scroll
}
.index-module__nav-panel___YIYA_.index-module__cart___rKwK4 .index-module__cart-list___KIxKg::-webkit-scrollbar {
    display:none
}
.index-module__nav-panel___YIYA_.index-module__cart___rKwK4 .index-module__cart-item___1uC-A {
    display:flex;
    align-items:center;
    padding:0 16px;
    min-width:256px;
    margin-bottom:16px
}
.index-module__nav-panel___YIYA_.index-module__cart___rKwK4 .index-module__cart-item___1uC-A .index-module__cover___3EIzk {
    width:48px;
    margin-right:16px
}
.index-module__cart-count___3NbWC {
    width:100%
}
.index-module__nav-panel___YIYA_.index-module__cart___rKwK4 .index-module__cart-item___1uC-A .index-module__cover___3EIzk img {
    width:100%
}
.index-module__nav-panel___YIYA_.index-module__cart___rKwK4 .index-module__overview___3mDeh {
    padding:16px 16px 0 16px;
    position:relative
}
.index-module__nav-panel___YIYA_.index-module__cart___rKwK4 .index-module__overview___3mDeh::after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background-color:rgba(0,0,0,.06)
}
.index-module__nav-panel___YIYA_.index-module__cart___rKwK4 .index-module__overview___3mDeh .index-module__summary___2oP4k {
    display:flex;
    justify-content:space-between
}
.index-module__nav-panel___YIYA_.index-module__cart___rKwK4 .index-module__overview___3mDeh .index-module__dji-btn___2-2Of {
    width:100%
}
.index-module__nav-panel___YIYA_.index-module__account___1LjaQ .index-module__content___1comu {
    padding:8px 0
}
.index-module__nav-panel___YIYA_.index-module__account___1LjaQ a {
    display:block;
    padding:8px 16px;
    transition:all .3s ease;
    color:rgba(0,0,0,.85);
    text-decoration:none;
    min-width:128px;
    box-sizing:border-box;
    font-size:14px
}
.index-module__content-divider___1zyva {
    position:relative;
    display:flex;
    align-items:center;
    height:24px;
    width:100%
}
.index-module__content-divider___1zyva::before {
    content:'';
    width:100%;
    height:1px;
    background:rgba(0,0,0,.06)
}
.index-module__nav-panel___YIYA_.index-module__account___1LjaQ a:hover {
    background-color:rgba(0,0,0,.04);
    cursor:pointer
}
.index-module__nav-panel___YIYA_.index-module__account___1LjaQ .index-module__shape-triangle___1m5fF {
    right:14px
}
.index-module__nav-panel___YIYA_.index-module__account___1LjaQ .index-module__dji-divider___2wHpI {
    height:16px
}
@media screen and (min-width:320px) and (max-width:375px) {
    .index-module__nav-panel___YIYA_.index-module__account___1LjaQ {
        right:10px;
        top:14px;
        z-index:1001;
        position:absolute
    }
    .index-module__nav-panel___YIYA_.index-module__account___1LjaQ .index-module__content___1comu {
        padding:8px 0
    }
    .index-module__nav-panel___YIYA_.index-module__account___1LjaQ a {
        padding:12px 16px
    }
}
@media screen and (min-width:376px) and (max-width:410px) {
    .index-module__nav-panel___YIYA_.index-module__account___1LjaQ {
        right:10px;
        top:14px;
        z-index:1001;
        position:absolute
    }
    .index-module__nav-panel___YIYA_.index-module__account___1LjaQ .index-module__content___1comu {
        padding:8px 0
    }
    .index-module__nav-panel___YIYA_.index-module__account___1LjaQ a {
        padding:12px 16px
    }
}
@media screen and (min-width:411px) and (max-width:480px) {
    .index-module__nav-panel___YIYA_.index-module__account___1LjaQ {
        right:10px;
        top:14px;
        z-index:1001;
        position:absolute
    }
    .index-module__nav-panel___YIYA_.index-module__account___1LjaQ .index-module__content___1comu {
        padding:8px 0
    }
    .index-module__nav-panel___YIYA_.index-module__account___1LjaQ a {
        padding:12px 16px
    }
}
@media screen and (min-width:481px) and (max-width:767px) {
    .index-module__nav-panel___YIYA_.index-module__account___1LjaQ {
        right:20px;
        top:14px;
        z-index:1001;
        position:absolute
    }
    .index-module__nav-panel___YIYA_.index-module__account___1LjaQ .index-module__content___1comu {
        padding:8px 0
    }
    .index-module__nav-panel___YIYA_.index-module__account___1LjaQ a {
        padding:12px 16px
    }
}
@media screen and (min-width:1025px) and (max-width:1199px) {
    .index-module__nav-panel___YIYA_ {
        position:absolute;
        right:8px;
        top:14px;
        z-index:1001;
        background-color:#fff;
        display:block;
        transition:all .3s ease;
        transform:translateY(-8px);
        opacity:0;
        pointer-events:none;
        box-shadow:0 8px 16px rgba(0,0,0,.1);
        border-radius:8px
    }
}
@media screen and (min-width:768px) and (max-width:1024px) {
    .index-module__nav-panel___YIYA_ {
        position:absolute;
        right:20px;
        top:14px;
        z-index:1001;
        background-color:#fff;
        display:block;
        transition:all .3s ease;
        transform:translateY(-8px);
        opacity:0;
        pointer-events:none;
        box-shadow:0 8px 16px rgba(0,0,0,.1);
        border-radius:8px
    }
    .index-module__nav-panel___YIYA_.index-module__account___1LjaQ a {
        padding:12px 16px
    }
}
@media screen and (min-width:1200px) {
    .index-module__isMobile___1_pJM {
        right:10px;
        top:14px;
        transition:all .3s ease;
        transform:translateY(-8px)
    }
    .index-module__isMobile___1_pJM.index-module__account___1LjaQ a {
        padding:12px 16px
    }
}
.index-module__global-panel___yaHup {
    position:absolute;
    right:40%;
    top:40px;
    z-index:1001;
    background-color:#fff;
    transition:all .6s ease;
    transform:translateY(-8px);
    opacity:0;
    pointer-events:none;
    box-shadow:0 2px 8px rgba(0,0,0,.2);
    min-width:128px;
    padding:14px 8px 14px 16px;
    display:flex;
    align-items:center
}
.index-module__global-panel___yaHup.index-module__visible___1OwTx {
    transform:translateY(0);
    opacity:1;
    pointer-events:auto
}
.index-module__global-panel___yaHup .index-module__content___27SU_ {
    font-size:14px;
    line-height:20px;
    color:#0a0c0f;
    white-space:nowrap
}
.index-module__global-panel___yaHup .index-module__content___27SU_ p {
    margin:0;
    cursor:default
}
.index-module__global-panel___yaHup .index-module__close-icon____mSXM {
    height:14px;
    width:14px;
    margin-right:8px;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer
}
.index-module__global-panel___yaHup .index-module__shape-triangle___19hRI {
    position:absolute;
    background:#fff;
    z-index:8;
    top:0;
    right:16px;
    transform:translateY(-50%) rotate(45deg);
    box-shadow:-2px -2px 4px rgba(0,0,0,.1);
    width:6px;
    height:6px
}
.index-module__global-container___23TLn {
    background-color:#fff;
    padding:8px 12px;
    flex-direction:row;
    font-size:14px;
    line-height:20px;
    display:none;
    position:relative;
    letter-spacing:-.02em;
    border-bottom:1px solid rgba(0,0,0,.08)
}
.index-module__global-container___23TLn.index-module__visible___1OwTx {
    display:flex;
    justify-content:space-between;
    align-items:center
}
.index-module__global-container___23TLn .index-module__right-container___dGXc5 {
    display:flex;
    align-items:center;
    justify-content:space-between
}
.index-module__global-container___23TLn .index-module__global-tip___A-sBk .index-module__tip-content___2mLWt {
    font-size:16px;
    color:rgba(0,0,0,.65);
    margin:0;
    padding-right:8px;
    line-height:24px
}
.index-module__global-container___23TLn .index-module__global-tip___A-sBk .index-module__tip-content___2mLWt strong {
    color:rgba(0,0,0,.85)
}
.index-module__global-container___23TLn .index-module__global-confirm___1_pj4 {
    border:none;
    background-color:rgba(0,0,0,.85);
    color:#fff;
    padding:6px 12px;
    font-size:14px;
    line-height:20px;
    white-space:nowrap;
    transition:all .3s ease;
    text-align:center;
    letter-spacing:-.02em;
    border-radius:9999px;
    cursor:pointer;
    max-height:32px
}
.index-module__global-container___23TLn .index-module__global-confirm___1_pj4:hover {
    background-color:#3b3e40
}
.index-module__global-container___23TLn .index-module__global-confirm___1_pj4:active {
    background-color:#1b1d1f
}
.index-module__global-container___23TLn .index-module__close-icon____mSXM {
    position:static;
    margin-right:8px;
    height:32px;
    width:32px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    cursor:pointer
}
.index-module__global-container___23TLn .index-module__close-icon____mSXM:hover {
    background-color:rgba(10,12,15,.08)
}
.index-module__global-container___23TLn .index-module__close-icon____mSXM:active {
    background-color:rgba(10,12,15,.1)
}
@media screen and (min-width:1024px) {
    .index-module__global-container___23TLn.index-module__visible___1OwTx {
        justify-content:center
    }
}
@media screen and (min-width:768px) {
    .index-module__global-container___23TLn {
        padding:20px 12px;
        align-items:center;
        justify-content:center
    }
    .index-module__global-container___23TLn .index-module__close-icon____mSXM {
        width:40px;
        height:40px
    }
    .index-module__global-container___23TLn .index-module__global-tip___A-sBk .index-module__tip-content___2mLWt {
        padding-right:32px
    }
    .index-module__global-container___23TLn .index-module__global-confirm___1_pj4 {
        padding:6px 12px;
        margin-top:0;
        height:32px
    }
}
@media screen and (max-width:1279px) {
    .index-module__global-panel___yaHup {
        display:none
    }
}
body.mobile-module__modal-open___2auDO {
    overflow:hidden
}
.mobile-module__dji-navbar-group___4NvIj {
    position:relative;
    display:flex;
    flex-flow:column nowrap;
    width:100%;
    z-index:100
}
.mobile-module__small-phone-warning___2pc5D {
    display:none
}
.mobile-module__account-panel___2fH_c {
    position:relative
}
@media screen and (max-width:360px) {
    .mobile-module__small-phone-warning___2pc5D {
        display:block;
        background:#fff1f0;
        position:fixed;
        top:50%;
        width:100%;
        z-index:9999;
        padding:16px;
        color:red
    }
}
@media screen and (min-width:1200px) {
    .mobile-module__not-for-desktop___1vAro,
    .mobile-module__not-for-lg___3SnbN {
        display:none
    }
}
@media screen and (max-width:767px) {
    .mobile-module__account___8F5wL {
        right:8px;
        top:-10px;
        z-index:99;
        position:absolute
    }
}
.mobile-module__dji-navbar-group___4NvIj.mobile-module__for-desktop-only___2hYHc {
    display:none
}
@media screen and (min-width:1200px) {
    .mobile-module__dji-navbar-group___4NvIj.mobile-module__for-mobile-only___eDjBm {
        display:none
    }
    .mobile-module__dji-navbar-group___4NvIj.mobile-module__for-desktop-only___2hYHc {
        display:flex
    }
}
.mobile-module__nav-mask___2Guvk {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99;
    pointer-events:none;
    transition:all .3s ease;
    visibility:hidden
}
.mobile-module__nav-mask___2Guvk.mobile-module__active___2Vjw5 {
    pointer-events:auto;
    background-color:whitergba(0,0,0,.5);
    visibility:visible
}
.mobile-module__dji-navbar-body___3idg3 {
    background-color:#fff;
    width:100%;
    transition:all .3s ease
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__mobile___i9EPC {
    position:fixed;
    top:48px;
    z-index:1000;
    height:0;
    display:flex;
    overflow:hidden
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__mobile___i9EPC .mobile-module__nav-content___1xgiY {
    opacity:0;
    transition:all .3s ease;
    box-sizing:border-box;
    width:100vw;
    height:100%;
    overflow-y:scroll;
    flex-shrink:0;
    padding-bottom:48px
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__mobile___i9EPC .mobile-module__nav-content___1xgiY.mobile-module__hide___3ISVN {
    transform:translateX(-100%)
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__mobile___i9EPC .mobile-module__nav-content___1xgiY.mobile-module__active___2Vjw5 {
    opacity:1
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__mobile___i9EPC .mobile-module__nav-content___1xgiY.mobile-module__active___2Vjw5::before {
    opacity:1
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__mobile___i9EPC .mobile-module__nav-content___1xgiY .mobile-module__benefits___3MpaN {
    padding:16px;
    background-color:#f7f9fa
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__mobile___i9EPC .mobile-module__nav-content___1xgiY .mobile-module__benefits___3MpaN p {
    color:rgba(0,0,0,.65)
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__mobile___i9EPC.mobile-module__active___2Vjw5 {
    height:calc(100% - 48px)
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__mobile___i9EPC.mobile-module__active___2Vjw5::before {
    opacity:1
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__mobile___i9EPC.mobile-module__active___2Vjw5 .mobile-module__nav-content___1xgiY {
    opacity:1
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__mobile___i9EPC.mobile-module__active___2Vjw5 .mobile-module__nav-content___1xgiY::before {
    opacity:1
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__desktop___2C4GB {
    position:absolute;
    overflow-y:scroll;
    height:0;
    transition:all .3s ease
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__desktop___2C4GB.mobile-module__active___2Vjw5 {
    height:auto;
    max-height:calc(100vh - 104px)
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__desktop___2C4GB .mobile-module__close-nav-btn___JRDnz {
    position:fixed;
    right:calc(50vw - 604px);
    top:112px;
    z-index:3
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__desktop___2C4GB .mobile-module__close-nav-btn___JRDnz .mobile-module__suffix___2-53i {
    font-size:24px
}
.mobile-module__dji-navbar-body___3idg3.mobile-module__desktop___2C4GB .mobile-module__nav-content___1xgiY {
    margin-top:32px;
    margin-bottom:48px
}
.mobile-module__benefits___3MpaN {
    padding:13px 16px;
    background-color:#f7f9fa
}
.mobile-module__benefits-text___222lL {
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em;
    color:rgba(0,0,0,.65);
    margin:0;
    display:block;
    margin-top:4px
}
.mobile-module__benefits-text___222lL:first-child {
    margin-top:0
}
.mobile-module__benefits-text___222lL a {
    color:#0060ef
}
.index-module__product-item___2Y5lo:hover {
    background:rgba(0,0,0,.02);
    cursor:pointer
}
.index-module__product-item___2Y5lo:active {
    background:rgba(0,0,0,.04)
}
.index-module__product-item___2Y5lo .index-module__cover___1a4MV {
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .6s ease;
    aspect-ratio:1/1;
    height:163.2px;
    width:163.2px
}
.index-module__product-item___2Y5lo .index-module__cover___1a4MV .index-module__overflow-text___1kuE8 {
    display:flex
}
.index-module__product-item___2Y5lo .index-module__cover___1a4MV .index-module__overflow-text___1kuE8 .index-module__suffix___3VzQy {
    transition:all .3s ease;
    max-width:24px;
    height:24px;
    overflow-x:hidden;
    margin-left:8px;
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-end;
    position:relative
}
.index-module__product-item___2Y5lo .index-module__cover___1a4MV .index-module__overflow-text___1kuE8 .index-module__suffix___3VzQy .index-module__icon___nUntE {
    width:24px;
    height:24px;
    font-size:24px;
    transition:all .6s ease;
    margin-left:24px
}
.index-module__product-item___2Y5lo .index-module__cover___1a4MV img {
    width:100%
}
.index-module__product-item___2Y5lo .index-module__copy-wrapper___ANR7g .index-module__features___2nlHX .index-module__feature-item___3d20R {
    margin-left:8px
}
.index-module__product-item___2Y5lo {
    float:left;
    position:relative;
    margin-bottom:6px;
    margin-right:6px;
    background:rgba(0,0,0,.04);
    transition:background .3s ease;
    padding-bottom:64px
}
.index-module__product-item___2Y5lo:nth-child(10),
.index-module__product-item___2Y5lo:nth-child(6),
.index-module__product-item___2Y5lo:nth-child(7),
.index-module__product-item___2Y5lo:nth-child(8),
.index-module__product-item___2Y5lo:nth-child(9) {
    margin-bottom:0
}
.index-module__isMain-product-item___1xhl7 {
    margin-right:6px
}
.index-module__isMain-product-item___1xhl7:nth-child(4),
.index-module__isMain-product-item___1xhl7:nth-child(5),
.index-module__isMain-product-item___1xhl7:nth-child(6) {
    margin-bottom:0
}
.index-module__product-item___2Y5lo a {
    color:inherit;
    display:block
}
.index-module__text-warning___2S8fb {
    color:#fa8c16;
    margin-left:4px;
    position:relative;
    bottom:1px;
    font-weight:400;
    font-size:12px;
    line-height:16px
}
.index-module__text-12___1Dw_W {
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em
}
.index-module__product-item___2Y5lo .index-module__copy-wrapper___ANR7g .index-module__features___2nlHX {
    margin-top:8px;
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em;
    color:rgba(0,0,0,.65);
    padding:0 5px
}
.index-module__product-item___2Y5lo .index-module__copy-wrapper___ANR7g {
    text-align:center;
    position:absolute;
    left:0;
    width:100%;
    bottom:12px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end
}
.index-module__product-item___2Y5lo .index-module__ellipsis-style___r8jVl {
    text-overflow:ellipsis;
    line-clamp:2;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    word-break:break-word;
    overflow:hidden
}
.index-module__product-item___2Y5lo .index-module__copy-wrapper___ANR7g .index-module__name___1MbUR {
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em;
    height:32px;
    line-clamp:2;
    text-overflow:ellipsis;
    margin-top:4px;
    padding:0 16px;
    text-align:center;
    margin-bottom:0;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.index-module__product-item___3Gyyc:hover {
    background:rgba(0,0,0,.02);
    cursor:pointer
}
.index-module__product-item___3Gyyc:active {
    background:rgba(0,0,0,.04)
}
.index-module__product-item___3Gyyc .index-module__cover___2aa66 {
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .6s ease;
    width:163.2px;
    height:163.2px;
    -o-object-fit:cover;
    object-fit:cover
}
.index-module__isMain-product-item___143Wn .index-module__cover___2aa66 {
    height:0;
    padding-bottom:100%;
    text-align:center
}
.index-module__isMain-product-item___143Wn .index-module__cover___2aa66 svg {
    margin-top:100%
}
.index-module__product-item___3Gyyc .index-module__cover___2aa66 .index-module__overflow-text___3v9wx {
    display:flex
}
.index-module__product-item___3Gyyc .index-module__cover___2aa66 .index-module__overflow-text___3v9wx .index-module__suffix___3XscG {
    transition:all .3s ease;
    max-width:24px;
    height:24px;
    overflow-x:hidden;
    margin-left:8px;
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-end;
    position:relative
}
.index-module__product-item___3Gyyc .index-module__cover___2aa66 .index-module__overflow-text___3v9wx .index-module__suffix___3XscG .index-module__icon___OlCnG {
    width:24px;
    height:24px;
    font-size:24px;
    transition:all .6s ease;
    margin-left:24px
}
.index-module__product-item___3Gyyc .index-module__cover___2aa66 img {
    width:100%;
    z-index:2
}
.index-module__product-item___3Gyyc {
    float:left;
    position:relative;
    margin-bottom:6px;
    margin-right:6px;
    background:rgba(0,0,0,.04);
    transition:background .3s ease;
    padding-bottom:64px
}
.index-module__product-item___3Gyyc:nth-child(10) {
    margin-bottom:0
}
.index-module__isMain-product-item___143Wn {
    margin-right:6px
}
.index-module__product-item___3Gyyc a {
    display:flex;
    width:100%;
    height:100%
}
.index-module__isMain-product-item___143Wn:nth-child(4),
.index-module__isMain-product-item___143Wn:nth-child(5),
.index-module__isMain-product-item___143Wn:nth-child(6) {
    margin-bottom:0
}
.index-module__product-item___3Gyyc .index-module__copy-wrapper___28yGS {
    text-align:center;
    position:absolute;
    left:0;
    width:100%;
    bottom:12px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end
}
.index-module__product-item___3Gyyc .index-module__copy-wrapper___28yGS .index-module__name___329P9 {
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em;
    height:32px;
    line-clamp:2;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
    margin-top:4px;
    padding:0 16px;
    text-align:center
}
.index-module__text-32___2oycy {
    font-size:32px;
    line-height:40px;
    letter-spacing:-.03em
}
.index-module__text-black-tertiary___1h6TX {
    color:rgba(0,0,0,.45)
}
.index-module__series-content___1G4BW {
    opacity:1;
    transition:all .3s ease
}
.index-module__series-content___1G4BW.index-module__on-change___2FJJN {
    opacity:0
}
.index-module__series-content___1G4BW .index-module__series-intro___2FF8z {
    font-size:14px;
    line-height:20px;
    letter-spacing:-.02em;
    margin-top:8px;
    color:rgba(0,0,0,.65)
}
.index-module__col-xs-9___1Qar2 {
    box-sizing:border-box;
    flex:0 0 auto;
    padding-right:1rem;
    padding-left:1rem;
    flex-basis:75%;
    max-width:75%
}
.index-module__series-content___1G4BW .index-module__series-page___MTPsp {
    font-size:18px;
    line-height:24px;
    letter-spacing:-.03em;
    font-weight:600;
    color:rgba(0,0,0,.85)
}
.index-module__series-content___1G4BW .index-module__series-info___Leewp {
    margin-bottom:32px
}
.index-module__series-content___1G4BW .index-module__service-series-info___16A9i {
    margin-bottom:32px
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-title___355ts {
    display:block;
    font-size:16px;
    line-height:20px;
    letter-spacing:-.02em;
    font-weight:600;
    margin-bottom:16px;
    margin-top:0;
    color:rgba(0,0,0,.85)
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-title___355ts:lang(JA) {
    font-weight:600;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.index-module__series-content___1G4BW .index-module__service-series-page___3l9wo {
    color:rgba(0,0,0,.85)
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT+.index-module__product-group___2U9rT {
    margin-top:32px
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7 {
    display:flex;
    padding-right:4px;
    flex-wrap:wrap
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7 .index-module__product-item___1cHy0 {
    background:rgba(0,0,0,.04);
    padding-bottom:64px;
    position:relative;
    flex-shrink:0
}
.index-module__mainRight___3vJkH {
    flex:1 1;
    width:32.3%
}
.index-module__extraProduct___2Lf_S {
    width:334.4px;
    margin-right:6px
}
.index-module__extraProduct___2Lf_S:hover {
    background:rgba(0,0,0,.02)
}
a {
    color:inherit
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7 .index-module__product-item___1cHy0:hover {
    background:rgba(0,0,0,.02);
    cursor:pointer
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7 .index-module__product-item___1cHy0:active {
    background:rgba(0,0,0,.04)
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7 .index-module__product-item___1cHy0 .index-module__cover___31ZQ- {
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .6s ease
}
.index-module__mainRight___3vJkH .index-module__product-item___1cHy0 .index-module__cover___31ZQ- {
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .6s ease;
    width:163.2px;
    height:163.2px
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7 .index-module__product-item___1cHy0 .index-module__cover___31ZQ- .index-module__overflow-text___2jHTx {
    display:flex
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7 .index-module__product-item___1cHy0 .index-module__cover___31ZQ- .index-module__overflow-text___2jHTx .index-module__suffix___1dg7o {
    transition:all .3s ease;
    max-width:24px;
    height:24px;
    overflow-x:hidden;
    margin-left:8px;
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-end;
    position:relative
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7 .index-module__product-item___1cHy0 .index-module__cover___31ZQ- .index-module__overflow-text___2jHTx .index-module__suffix___1dg7o .index-module__icon___3b3_g {
    width:24px;
    height:24px;
    font-size:24px;
    transition:all .6s ease;
    margin-left:24px
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7 .index-module__product-item___1cHy0 .index-module__cover___31ZQ- img {
    width:100%;
    mix-blend-mode:multiply
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7 .index-module__product-item___1cHy0 .index-module__copy-wrapper___EbaYh .index-module__name___3dz_b {
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em;
    height:32px;
    line-clamp:2;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
    margin-top:4px;
    padding:0 16px;
    text-align:center;
    margin-bottom:0
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7.index-module__main___3ydBN {
    display:flex;
    overflow:hidden
}
.index-module__mainRight___3vJkH .index-module__product-item___1cHy0 {
    float:left;
    padding-top:32px;
    width:32.3%;
    height:227px;
    margin-bottom:6px;
    margin-right:5px
}
.index-module__mainRight___3vJkH .index-module__product-item___1cHy0:nth-child(3n) {
    margin-right:0
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7.index-module__main___3ydBN .index-module__product-item___1cHy0 {
    padding-top:32px;
    background:rgba(0,0,0,.04);
    padding-bottom:94px;
    position:relative;
    flex-shrink:0
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7.index-module__main___3ydBN .index-module__product-item___1cHy0:hover {
    background:rgba(0,0,0,.02);
    cursor:pointer
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7.index-module__main___3ydBN .index-module__extraProduct___2Lf_S .index-module__copy-wrapper___EbaYh {
    height:auto;
    bottom:32px
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7.index-module__main___3ydBN .index-module__extraProduct___2Lf_S .index-module__copy-wrapper___EbaYh .index-module__name___3dz_b {
    font-size:18px;
    line-height:24px;
    letter-spacing:-.03em;
    height:auto;
    text-overflow:ellipsis;
    line-clamp:2;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    word-break:break-word;
    overflow:hidden
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__ellipsis-style___wtEdP {
    text-overflow:ellipsis;
    line-clamp:2;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    word-break:break-word;
    overflow:hidden
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7 .index-module__product-item___1cHy0 .index-module__copy-wrapper___EbaYh .index-module__features___cHoie {
    margin-top:8px;
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em;
    color:rgba(0,0,0,.65);
    padding:0 16px
}
.index-module__view-all___2IgWR {
    margin:0 0 0 16px;
    font-size:14px;
    line-height:24px;
    letter-spacing:-.02em;
    font-weight:400;
    color:inherit
}
.index-module__view-all___2IgWR:hover {
    text-decoration:underline
}
.index-module__series-content___1G4BW .index-module__product-group___2U9rT .index-module__group-grid___1Oqg7 .index-module__product-item___1cHy0 .index-module__copy-wrapper___EbaYh {
    text-align:center;
    position:absolute;
    left:0;
    width:100%;
    bottom:16px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end
}
.index-module__angle-right___1aA1w {
    position:relative;
    top:2px;
    width:14px;
    height:14px
}
.index-module__text-warning___1fg8M {
    color:#fa8c16;
    margin-left:4px;
    position:relative;
    bottom:1px;
    font-weight:400;
    font-size:12px;
    line-height:16px
}
.index-module__text-12___ejAuv {
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em
}
.index-module__series-tab___2B-46 {
    position:sticky;
    top:32px;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content
}
.index-module__series-tab___2B-46 .index-module__add-transition___3iOgG {
    transition:all .3s ease
}
.index-module__series-tab___2B-46 .index-module__underline___2Ofhw {
    display:block
}
.index-module__series-tab___2B-46 .index-module__extra-link___1vx7G {
    padding-right:24px
}
.index-module__series-tab___2B-46 .index-module__underline___2Ofhw span:hover {
    text-decoration:underline
}
.index-module__series-tab___2B-46 .index-module__series-tab-item___2rda_ {
    padding:4px 8px;
    cursor:default;
    display:flex;
    align-items:center;
    color:rgba(0,0,0,.65);
    min-height:48px;
    font-size:14px;
    background-color:rgba(0,0,0,0)
}
.index-module__series-tab___2B-46 .index-module__series-tab-item___2rda_:hover {
    background-color:rgba(0,0,0,.04);
    transition:none
}
.index-module__series-tab___2B-46 .index-module__series-tab-item___2rda_ .index-module__prefix___2a7qE {
    width:48px;
    height:48px;
    margin-right:8px;
    opacity:.85;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto
}
.index-module__col-xs-3___ZBCh3 {
    box-sizing:border-box;
    flex:0 0 auto;
    padding-right:1rem;
    padding-left:1rem;
    flex-basis:25%;
    max-width:25%
}
.index-module__series-tab___2B-46 .index-module__series-tab-item___2rda_ .index-module__prefix___2a7qE img {
    width:100%
}
.index-module__series-tab___2B-46 .index-module__series-tab-item___2rda_ .index-module__series-name___J2lGs {
    margin:8px 0;
    word-break:break-word;
    letter-spacing:-.02em
}
.index-module__series-tab___2B-46 .index-module__series-tab-item___2rda_ .index-module__series-name___J2lGs .index-module__title___2mNHN {
    margin-right:4px
}
.index-module__series-tab___2B-46 .index-module__series-tab-item___2rda_::after {
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:0;
    background-color:rgba(0,0,0,.04);
    transition:all .3s ease
}
.index-module__series-tab___2B-46 .index-module__series-tab-item___2rda_.index-module__active___1IItr {
    color:rgba(0,0,0,.85);
    transition-delay:0s
}
.index-module__series-tab___2B-46 .index-module__series-tab-item___2rda_.index-module__active___1IItr .index-module__prefix___2a7qE {
    opacity:1
}
.index-module__series-tab___2B-46 .index-module__tab-wrapper___1fkzr {
    padding-right:24px;
    position:relative
}
.index-module__series-tab___2B-46 .index-module__tab-wrapper___1fkzr::after {
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:100%;
    background-color:rgba(0,0,0,.15)
}
.index-module__series-tab___2B-46 .index-module__series-class___3cugk+.index-module__series-class___3cugk {
    margin-top:16px
}
.index-module__series-tab___2B-46 .index-module__class-title___2vSNH {
    color:rgba(0,0,0,.45);
    margin-bottom:8px;
    display:block;
    font-size:12px
}
.index-module__underline___2Ofhw {
    text-decoration:underline
}
.index-module__text-warning___h7RHF {
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em;
    color:#fa8c16;
    position:relative;
    bottom:1px;
    font-weight:400;
    margin:11px 0 8px 0
}
.index-module__ange-right___1ueDf {
    position:relative;
    top:3px;
    font-size:14px
}
.index-module__ange-left___3_QU5 {
    display:inline-block;
    max-width:260px;
    word-break:break-word;
    font-size:14px;
    color:rgba(0,0,0,.85)
}
@media screen and (min-width:1200px) and (max-width:1224px) {
    .index-module__series-tab___2B-46 {
        padding-left:18px;
        transition:all .3s ease
    }
}
.index-module__row___eDRja {
    box-sizing:border-box;
    display:flex;
    flex:0 1 auto;
    flex-direction:row;
    margin-right:-1rem;
    margin-left:-1rem
}
.index-module__account-mask___1gxvZ {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9
}
.index-module__nav-panel___3etbh {
    position:absolute;
    right:10px;
    top:0;
    z-index:10;
    background-color:#fff;
    display:block;
    transition:all .3s ease;
    transform:translateY(-8px);
    opacity:0;
    pointer-events:none;
    box-shadow:0 8px 16px rgba(0,0,0,.1);
    border-radius:8px
}
.index-module__nav-panel___3etbh .index-module__underline___1mP6s:hover .index-module__name___QM79a {
    text-decoration:underline
}
.index-module__underline___1mP6s.index-module__focus-visible___fEBy7 {
    outline-offset:-4px
}
.index-module__underline___1mP6s.index-module__focus-visible___fEBy7 {
    outline-offset:-4px
}
.index-module__underline___1mP6s:focus-visible {
    outline-offset:-4px
}
.index-module__content___10zRf {
    padding:16px 0;
    min-width:256px;
    text-align:center
}
.index-module__shape-triangle___hnpWX {
    position:absolute;
    background:#fff;
    z-index:8;
    top:0;
    right:44px;
    transform:translateY(-50%) rotate(45deg);
    box-shadow:-2px -2px 4px rgba(0,0,0,.1);
    width:11px;
    height:11px
}
.index-module__contentEmpty___3O5a9 {
    position:absolute;
    right:10px;
    top:0;
    z-index:10;
    background-color:#fff;
    display:block;
    transition:all .3s ease;
    transform:translateY(-8px);
    opacity:0;
    pointer-events:none;
    box-shadow:0 8px 16px rgba(0,0,0,.1);
    border-radius:8px;
    min-width:256px
}
.index-module__cartEmpty___3jUfE {
    vertical-align:middle;
    text-align:center;
    color:#979797;
    font-size:14px
}
.index-module__visible___1Pg_y {
    transform:translateY(0);
    opacity:1;
    pointer-events:auto
}
.index-module__cart___hKI-k .index-module__cart-list___3wP3E {
    max-height:288px;
    overflow-y:scroll
}
.index-module__cart___hKI-k .index-module__cart-list___3wP3E::-webkit-scrollbar {
    display:none
}
.index-module__cart___hKI-k .index-module__cart-item___2E3Ze {
    display:flex;
    align-items:center;
    padding:0 16px;
    min-width:256px;
    margin-bottom:16px
}
.index-module__cart___hKI-k .index-module__cart-item___2E3Ze .index-module__cover___1YZWs {
    margin:0;
    width:48px;
    margin-right:16px;
    display:flex;
    flex:0 0 auto
}
.index-module__cart-count___1Ow7v {
    width:100%
}
.index-module__cart___hKI-k .index-module__cart-item___2E3Ze .index-module__cover___1YZWs img {
    width:100%
}
.index-module__cart___hKI-k .index-module__cart-item___2E3Ze .index-module__info___3lss5 .index-module__price___8opa0,
.index-module__cart___hKI-k .index-module__cart-item___2E3Ze .index-module__info___3lss5 p {
    font-size:14px;
    line-height:20px;
    text-align:left;
    margin:4px 0 0 0
}
.index-module__cart___hKI-k .index-module__overview___1qegK {
    padding:16px 16px 0 16px;
    position:relative;
    font-size:14px;
    line-height:20px
}
.index-module__cart___hKI-k .index-module__overview___1qegK::after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1px;
    background-color:rgba(0,0,0,.06)
}
.index-module__cart___hKI-k .index-module__overview___1qegK .index-module__summary___Q8N8E {
    display:flex;
    justify-content:space-between;
    margin:0
}
.index-module__cart___hKI-k .index-module__overview___1qegK .index-module__dji-btn___21cVH {
    width:100%
}
.index-module__account___1RzV6 .index-module__content___10zRf {
    padding:8px 0
}
.index-module__account___1RzV6 a {
    display:block;
    padding:8px 16px;
    transition:all .3s ease;
    color:rgba(0,0,0,.85);
    text-decoration:none;
    min-width:128px
}
.index-module__account___1RzV6 a:hover {
    background-color:rgba(0,0,0,.04);
    cursor:pointer
}
.index-module__account___1RzV6 .index-module__shape-triangle___hnpWX {
    right:14px
}
.index-module__account___1RzV6 .index-module__dji-divider___3Ph8X {
    height:16px
}
@media screen and (max-width:767px) {
    .index-module__nav-panel___3etbh.index-module__account___1RzV6 {
        right:8px;
        top:64px;
        z-index:99
    }
    .index-module__nav-panel___3etbh.index-module__account___1RzV6 .index-module__content___10zRf {
        padding:8px 0
    }
    .index-module__nav-panel___3etbh.index-module__account___1RzV6 a {
        padding:12px 16px
    }
}
.index-module__nav-panel___2NXdT {
    position:absolute;
    right:0;
    top:64px;
    z-index:1001;
    background-color:#fff;
    display:block;
    transition:all .3s ease;
    transform:translateY(-8px);
    opacity:0;
    pointer-events:none;
    box-shadow:0 8px 16px rgba(0,0,0,.1);
    border-radius:8px
}
.index-module__nav-panel___2NXdT.index-module__visible___1OT-a {
    transform:translateY(0);
    opacity:1;
    pointer-events:auto
}
.index-module__content___3cWnv a.index-module__focus-visible___5yUAU {
    outline-offset:-2px!important
}
.index-module__content___3cWnv a.index-module__focus-visible___5yUAU {
    outline-offset:-2px!important
}
.index-module__content___3cWnv a:focus-visible {
    outline-offset:-2px!important
}
.index-module__nav-panel___2NXdT .index-module__shape-triangle___Fh-JB {
    position:absolute;
    background:#fff;
    z-index:8;
    top:0;
    right:30px;
    transform:translateY(-50%) rotate(45deg);
    box-shadow:-2px -2px 4px rgba(0,0,0,.1);
    width:11px;
    height:11px
}
.index-module__nav-panel___2NXdT .index-module__content___3cWnv {
    padding:8px 0;
    display:flex;
    flex-direction:column;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    align-items:flex-start
}
.index-module__nav-panel___2NXdT .index-module__content___3cWnv a.index-module__dji-nav-link___2RBDJ {
    display:flex;
    padding:8px 16px;
    transition:all .3s ease;
    color:rgba(0,0,0,.85);
    text-decoration:none;
    box-sizing:border-box;
    font-size:14px;
    white-space:nowrap;
    width:100%;
    align-items:center;
    vertical-align:middle
}
.index-module__nav-panel___2NXdT .index-module__content___3cWnv a.index-module__dji-nav-link___2RBDJ:hover {
    background-color:rgba(0,0,0,.04);
    cursor:pointer
}
.index-module__dji-nav-link-badge___2gR8Y {
    height:18px;
    margin-left:8px;
    position:relative
}
.index-module__dji-nav-link-badge___2gR8Y ::before {
    content:'';
    height:0;
    width:0;
    position:absolute;
    left:-4px;
    bottom:0;
    top:0;
    margin:auto;
    border-right:6px solid #0060ef;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent
}
.index-module__dji-nav-link-badge___2gR8Y .index-module__text___294RE {
    background-color:#0060ef;
    color:#fff;
    padding:0 4px;
    height:18px;
    border-radius:4px;
    line-height:18px;
    font-weight:600;
    font-size:10px
}
.Item-module__item___eAGk8 a {
    display:flex;
    justify-content:space-between;
    padding:10px 15px;
    line-height:24px;
    text-transform:capitalize;
    font-size:14px;
    border-radius:3px;
    cursor:pointer;
    white-space:nowrap;
    outline:0!important;
    transition:all .3s ease;
    text-decoration:none
}
.Item-module__item___eAGk8 a:hover .Item-module__name___3lklm {
    color:#0060ef
}
.Item-module__item___eAGk8 a:hover .Item-module__info___2cprR {
    color:#0060ef
}
.Item-module__item___eAGk8 a .Item-module__name___3lklm {
    color:#333
}
.Item-module__item___eAGk8 a .Item-module__info___2cprR {
    color:#707473;
    font-weight:lighter
}
.List-module__title___28DyF {
    margin:40px 0 15px 0;
    color:#333;
    font-size:20px;
    font-weight:lighter
}
.style-module__country-selector___1Eq79 {
    padding:80px;
    max-width:100%
}
.style-module__country-selector___1Eq79 .style-module__title___20IS1 {
    padding-bottom:30px;
    border-bottom:1px solid #eee;
    text-align:center
}
.style-module__country-selector___1Eq79 .style-module__title___20IS1 h3 {
    color:#333;
    text-transform:capitalize;
    font-size:40px;
    font-family:'Open Sans';
    font-weight:300
}
.style-module__country-selector___1Eq79 .style-module__title___20IS1 p {
    margin-top:15px;
    color:#707473;
    font-family:'Open Sans';
    font-weight:300
}
.style-module__country-selector___1Eq79 .style-module__content___EQ3r9 .style-module__list___2Q8GP::after {
    content:'';
    clear:both;
    display:table;
    width:0;
    height:0;
    visibility:hidden
}
.style-module__country-selector___1Eq79 .style-module__content___EQ3r9 .style-module__item___1gOVW {
    float:left;
    width:calc((100% - 20px)/ 3);
    margin-left:10px;
    margin-bottom:10px;
    background-color:#f7f8f9
}
.style-module__country-selector___1Eq79 .style-module__content___EQ3r9 .style-module__item___1gOVW:nth-child(3n-1) {
    margin-left:0
}
.style-module__country-selector-wrapper___2Sd5H {
    position:relative
}
.style-module__nav-option-item___15yRb {
    display:inline-block;
    font-size:12px;
    color:rgba(0,0,0,.85);
    padding:0 8px;
    border-radius:4px;
    line-height:24px
}
.style-module__nav-option-item___15yRb svg {
    vertical-align:-3px;
    margin-right:8px
}
.style-module__nav-option-item___15yRb:hover {
    background:rgba(0,0,0,.04)
}
.fingerpost-module__fingerpost___1SA8Z {
    background-color:#f7f9fa;
    height:40px
}
.fingerpost-module__fingerpost___1SA8Z .fingerpost-module__container___2X8Fl {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:8px 0;
    max-width:1200px;
    margin:0 auto
}
.fingerpost-module__fingerpost___1SA8Z .fingerpost-module__container___2X8Fl .fingerpost-module__left___1-zNR {
    display:flex;
    align-items:center;
    font-size:12px
}
.fingerpost-module__fingerpost___1SA8Z .fingerpost-module__container___2X8Fl .fingerpost-module__left___1-zNR .fingerpost-module__copywriting___orRNF {
    align-items:center;
    font-size:12px;
    color:rgba(0,0,0,.65)
}
.fingerpost-module__fingerpost___1SA8Z .fingerpost-module__container___2X8Fl .fingerpost-module__left___1-zNR .fingerpost-module__copywriting___orRNF span a {
    color:#0060ef
}
.fingerpost-module__fingerpost___1SA8Z .fingerpost-module__container___2X8Fl .fingerpost-module__left___1-zNR .fingerpost-module__copywriting___orRNF span a:hover {
    text-decoration:underline
}
.fingerpost-module__fingerpost___1SA8Z .fingerpost-module__container___2X8Fl .fingerpost-module__right___3modt {
    display:flex;
    align-items:center;
    cursor:pointer;
    color:rgba(0,0,0,.85)
}
.fingerpost-module__fingerpost___1SA8Z .fingerpost-module__container___2X8Fl .fingerpost-module__left___1-zNR a {
    color:rgba(0,0,0,.65)
}
.fingerpost-module__fingerpost___1SA8Z .fingerpost-module__top-links___niaBB a.fingerpost-module__underline___1IrJv {
    margin-left:16px
}
.fingerpost-module__fingerpost___1SA8Z .fingerpost-module__top-links___niaBB a:first-child,
.fingerpost-module__fingerpost___1SA8Z .fingerpost-module__top-more-links___1ZABO a:first-child {
    margin-left:0
}
.fingerpost-module__fingerpost___1SA8Z .fingerpost-module__underline___1IrJv:hover {
    text-decoration:underline
}
.fingerpost-module__mouse-cursor___aM_6R {
    cursor:pointer;
    padding:0 0 0 16px
}
.fingerpost-module__tips-content___2475X {
    -webkit-animation:fingerpost-module__fadeIn___1NGfK .3s ease-in-out;
    animation:fingerpost-module__fadeIn___1NGfK .3s ease-in-out
}
@-webkit-keyframes fingerpost-module__fadeIn___1NGfK {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@keyframes fingerpost-module__fadeIn___1NGfK {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
.desktop-module__dji-navbar-group___3zTCD {
    position:relative;
    display:flex;
    flex-flow:column nowrap;
    width:100%;
    z-index:100
}
.desktop-module__dji-navbar-group___3zTCD.desktop-module__for-desktop-only___23M4Z {
    display:none
}
@media screen and (min-width:1200px) {
    .desktop-module__dji-navbar-group___3zTCD.desktop-module__for-desktop-only___23M4Z {
        display:flex
    }
    .desktop-module__isMobile___3-ZUd {
        display:none
    }
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 {
    display:flex;
    justify-content:space-between;
    width:100%;
    max-width:1200px;
    margin:0 auto
}
.desktop-module__dji-navbar___3sy26 {
    position:relative;
    display:flex;
    justify-content:space-between;
    width:100%;
    height:64px;
    background:#232526;
    border-bottom:1px solid rgba(0,0,0,.06)
}
.desktop-module__account-panel___1HLCQ {
    position:relative
}
.desktop-module__dji-navbar-group___3zTCD .desktop-module__nav-content___Fz9lv {
    justify-content:space-between;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    position:relative
}
.desktop-module__dji-navbar-group___3zTCD .desktop-module__nav-content___Fz9lv .desktop-module__hide-close-button___276-q {
    display:none
}
.desktop-module__dji-navbar-group___3zTCD .desktop-module__nav-content___Fz9lv .desktop-module__show-close-button___3v1D_ {
    display:inline-flex;
    background:0 0
}
.desktop-module__dji-navbar___3sy26.desktop-module__light___IEGHP {
    background:#fff
}
.desktop-module__dji-navbar___3sy26.desktop-module__light___IEGHP .desktop-module__title___2tAVu {
    color:rgba(0,0,0,.85);
    display:flex;
    align-items:center
}
.desktop-module__dji-navbar___3sy26.desktop-module__light___IEGHP .desktop-module__title___2tAVu a {
    color:rgba(0,0,0,.85)
}
.desktop-module__dji-navbar___3sy26 .desktop-module__title___2tAVu {
    color:#fff;
    padding:0;
    margin-right:48px;
    flex-shrink:0
}
.desktop-module__dji-navbar___3sy26 .desktop-module__title___2tAVu a {
    color:#fff
}
.desktop-module__dji-navbar___3sy26.desktop-module__light___IEGHP .desktop-module__dji-input-wrapper___r2O-l .desktop-module__dji-input___2Ld_a {
    border-color:transparent
}
.desktop-module__dji-navbar___3sy26.desktop-module__light___IEGHP .desktop-module__dji-input-wrapper___r2O-l .desktop-module__dji-input-prefix___CvYLv {
    color:rgba(0,0,0,.85)
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-start___Z6zpe {
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    position:relative;
    z-index:1;
    opacity:1;
    visibility:visible;
    visibility:initial;
    transition:all .3s ease;
    overflow:hidden
}
.desktop-module__dji-navbar___3sy26.desktop-module__on-search___1RRmq .desktop-module__dji-navbar-start___Z6zpe {
    opacity:0;
    pointer-events:none;
    visibility:hidden
}
.desktop-module__dji-navbar___3sy26.desktop-module__mobile-hide___3bSsv .desktop-module__dji-navbar-start___Z6zpe {
    display:none
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-end___2PBOk {
    flex-shrink:0
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-end___2PBOk .desktop-module__button-search___xNNVk {
    opacity:1;
    margin-right:8px;
    transition-delay:0.15s;
    visibility:visible;
    visibility:initial
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-end___2PBOk .desktop-module__button-cart___1jzaA {
    opacity:1;
    transition:all .3s ease;
    transition-delay:0.1s;
    visibility:visible;
    visibility:initial;
    height:40px;
    padding:0 10px
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-end___2PBOk .desktop-module__button-account___3VHA0 {
    opacity:1;
    transition:all .3s ease;
    transition-delay:50ms;
    visibility:visible;
    visibility:initial
}
.desktop-module__dji-navbar___3sy26.desktop-module__on-search___1RRmq .desktop-module__dji-navbar-end___2PBOk .desktop-module__button-cart___1jzaA {
    opacity:0;
    pointer-events:none;
    visibility:hidden
}
.desktop-module__dji-navbar___3sy26.desktop-module__on-search___1RRmq .desktop-module__dji-navbar-end___2PBOk .desktop-module__button-search___xNNVk {
    pointer-events:none;
    opacity:0;
    visibility:hidden
}
.desktop-module__dji-navbar___3sy26.desktop-module__on-search___1RRmq .desktop-module__dji-navbar-end___2PBOk .desktop-module__button-account___3VHA0 {
    pointer-events:none;
    opacity:0;
    visibility:hidden
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__text___1aAAK {
    display:inline-block;
    margin-left:8px;
    color:#3b3e40;
    font-size:18px;
    line-height:24px;
    font-weight:400;
    text-transform:uppercase;
    font-family:'DJI Demi'
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-end___2PBOk .desktop-module__right-nav-btn___2JCNl {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:100%
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-end___2PBOk .desktop-module__modal-relative___2YU6L {
    position:relative
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-end___2PBOk .desktop-module__dji-nav-item___sqC1W,
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-start___Z6zpe .desktop-module__dji-nav-item___sqC1W {
    position:relative;
    transition:all .3s ease-in-out
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-end___2PBOk .desktop-module__dji-nav-item___sqC1W .desktop-module__dji-nav-link___qPNAf:hover,
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-start___Z6zpe .desktop-module__dji-nav-item___sqC1W .desktop-module__dji-nav-link___qPNAf:hover {
    color:rgba(0,0,0,.85)
}
.desktop-module__desktop-user___gAgHB {
    font-weight:700;
    opacity:.9
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-end___2PBOk .desktop-module__dji-nav-item___sqC1W::after,
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-start___Z6zpe .desktop-module__dji-nav-item___sqC1W::after {
    content:'';
    position:absolute;
    bottom:0;
    top:auto;
    left:0;
    width:100%;
    height:2px;
    opacity:0;
    background-color:rgba(0,0,0,.85);
    transition:all .3s ease;
    transform-origin:center center
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-end___2PBOk .desktop-module__dji-nav-item___sqC1W.desktop-module__active___1W9M4::after,
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-start___Z6zpe .desktop-module__dji-nav-item___sqC1W.desktop-module__active___1W9M4::after {
    opacity:1
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-end___2PBOk .desktop-module__dji-nav-item___sqC1W:hover,
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-start___Z6zpe .desktop-module__dji-nav-item___sqC1W:hover {
    cursor:pointer
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-end___2PBOk .desktop-module__dji-nav-item___sqC1W:hover::after,
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-start___Z6zpe .desktop-module__dji-nav-item___sqC1W:hover::after {
    opacity:1;
    bottom:0
}
.desktop-module__button-cart___1jzaA {
    margin-left:-8px
}
.desktop-module__dji-navbar___3sy26 .desktop-module__dji-navbar-end___2PBOk .desktop-module__button-cart___1jzaA i,
.desktop-module__dji-navbar___3sy26 .desktop-module__dji-navbar-start___Z6zpe .desktop-module__button-cart___1jzaA i {
    margin:0
}
.desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-end___2PBOk .desktop-module__button-cart___1jzaA .desktop-module__cart-position___1lpwO {
    position:absolute;
    top:0;
    right:0
}
@media screen and (max-width:767px) {
    .desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 {
        padding:0 8px 0 16px
    }
}
@media screen and (min-width:1200px) {
    .desktop-module__dji-navbar___3sy26.desktop-module__on-search___1RRmq .desktop-module__button-account___3VHA0 {
        pointer-events:none
    }
    .desktop-module__dji-navbar___3sy26 .desktop-module__dji-navbar-end___2PBOk .desktop-module__button-cart___1jzaA .desktop-module__dji-badge___2uCMp,
    .desktop-module__dji-navbar___3sy26 .desktop-module__dji-navbar-start___Z6zpe .desktop-module__button-cart___1jzaA .desktop-module__dji-badge___2uCMp {
        position:absolute;
        top:-12px;
        left:36px
    }
    .desktop-module__dji-badge___2uCMp {
        position:absolute;
        top:0;
        left:30px
    }
    .desktop-module__dji-navbar___3sy26 .desktop-module__dji-navbar-end___2PBOk .desktop-module__button-cart___1jzaA i,
    .desktop-module__dji-navbar___3sy26 .desktop-module__dji-navbar-start___Z6zpe .desktop-module__button-cart___1jzaA i {
        margin:0
    }
}
.desktop-module__dji-navbar-body___3-8Kl {
    top:104px;
    background-color:#fff;
    width:100%;
    transition:all .3s ease
}
body.hidden-echat .desktop-module__dji-navbar-body___3-8Kl {
    top:185px
}
.desktop-module__dji-navbar-body___3-8Kl.desktop-module__mobile____-pNC {
    top:48px;
    z-index:2;
    height:0;
    overflow:hidden;
    display:flex
}
.desktop-module__dji-navbar-body___3-8Kl.desktop-module__mobile____-pNC::before {
    content:'';
    width:100%;
    height:1px;
    background-color:rgba(0,0,0,.06);
    position:fixed;
    top:48px;
    opacity:0;
    transition:all .3s ease
}
.desktop-module__dji-navbar-body___3-8Kl.desktop-module__desktop___13l9V {
    position:absolute;
    overflow-y:auto;
    height:0;
    transition:all .3s ease
}
.desktop-module__dji-navbar-body___3-8Kl.desktop-module__desktop___13l9V:not(.desktop-module__active___1W9M4) {
    transition:none!important
}
.desktop-module__dji-navbar-body___3-8Kl.desktop-module__mobile____-pNC .desktop-module__nav-content___Fz9lv {
    opacity:0;
    transition:all .3s ease;
    box-sizing:border-box;
    width:100vw;
    height:100%;
    overflow-y:auto;
    flex-shrink:0
}
.desktop-module__dji-navbar-body___3-8Kl.desktop-module__mobile____-pNC .desktop-module__nav-content___Fz9lv.desktop-module__hide___3c_3X {
    transform:translateX(-100%)
}
.desktop-module__dji-navbar-body___3-8Kl.desktop-module__mobile____-pNC .desktop-module__nav-content___Fz9lv.desktop-module__active___1W9M4 {
    opacity:1
}
.desktop-module__dji-navbar-body___3-8Kl.desktop-module__mobile____-pNC .desktop-module__nav-content___Fz9lv.desktop-module__active___1W9M4::before {
    opacity:1
}
.desktop-module__dji-navbar-body___3-8Kl.desktop-module__mobile____-pNC.desktop-module__active___1W9M4 .desktop-module__nav-content___Fz9lv {
    opacity:1
}
.desktop-module__dji-navbar-body___3-8Kl.desktop-module__mobile____-pNC.desktop-module__active___1W9M4 .desktop-module__nav-content___Fz9lv::before {
    opacity:1
}
.desktop-module__dji-navbar-body___3-8Kl.desktop-module__desktop___13l9V .desktop-module__close-nav-btn___1hhXJ {
    z-index:3;
    font-size:24px;
    border-radius:50%;
    padding:14px 16px;
    position:absolute;
    right:0;
    top:-24px
}
.desktop-module__dji-navbar-body___3-8Kl.desktop-module__desktop___13l9V .desktop-module__close-nav-btn___1hhXJ:hover {
    background:rgba(0,0,0,.04);
    border-radius:50%
}
.desktop-module__dji-navbar-body___3-8Kl.desktop-module__desktop___13l9V .desktop-module__close-nav-btn___1hhXJ .desktop-module__suffix___3r0OV {
    font-size:24px
}
.desktop-module__nav-mask___gaE8F {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99;
    pointer-events:none;
    transition:all .4s ease;
    visibility:hidden
}
.desktop-module__nav-mask___gaE8F.desktop-module__active___1W9M4 {
    pointer-events:auto;
    background-color:rgba(0,0,0,.5);
    visibility:visible
}
.desktop-module__dji-navbar-body___3-8Kl.desktop-module__desktop___13l9V .desktop-module__nav-content___Fz9lv {
    margin-top:32px;
    margin-bottom:48px
}
[data-nav-theme=black] .desktop-module__dji-navbar___3sy26.desktop-module__light___IEGHP:not(.desktop-module__dji-navbar___3sy26.desktop-module__active___1W9M4):not(.desktop-module__dji-navbar___3sy26.desktop-module__on-search___1RRmq) {
    background:0 0;
    border-bottom:none
}
[data-nav-theme=black] .desktop-module__dji-navbar___3sy26.desktop-module__light___IEGHP:not(.desktop-module__dji-navbar___3sy26.desktop-module__active___1W9M4):not(.desktop-module__dji-navbar___3sy26.desktop-module__on-search___1RRmq) svg {
    color:#fff
}
[data-nav-theme=black] .desktop-module__dji-navbar___3sy26.desktop-module__light___IEGHP:not(.desktop-module__dji-navbar___3sy26.desktop-module__active___1W9M4):not(.desktop-module__dji-navbar___3sy26.desktop-module__on-search___1RRmq) .desktop-module__container___25ck5 .desktop-module__text___1aAAK {
    color:#fff
}
[data-nav-theme=black] .desktop-module__dji-navbar___3sy26.desktop-module__light___IEGHP:not(.desktop-module__dji-navbar___3sy26.desktop-module__active___1W9M4):not(.desktop-module__dji-navbar___3sy26.desktop-module__on-search___1RRmq) .desktop-module__dji-nav-item___sqC1W a {
    color:#fff
}
[data-nav-theme=black] .desktop-module__dji-navbar___3sy26.desktop-module__light___IEGHP:not(.desktop-module__dji-navbar___3sy26.desktop-module__active___1W9M4):not(.desktop-module__dji-navbar___3sy26.desktop-module__on-search___1RRmq) button:hover {
    background:rgba(206,178,178,.08)
}
[data-nav-theme=white] .desktop-module__dji-navbar___3sy26.desktop-module__light___IEGHP:not(.desktop-module__dji-navbar___3sy26.desktop-module__active___1W9M4):not(.desktop-module__dji-navbar___3sy26.desktop-module__on-search___1RRmq) {
    background:0 0;
    border-bottom:none
}
.desktop-module__fade-in___3A6gG {
    -webkit-animation:desktop-module__fadeIn___3EaNB .5s ease-in-out;
    animation:desktop-module__fadeIn___3EaNB .5s ease-in-out
}
@-webkit-keyframes desktop-module__fadeIn___3EaNB {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes desktop-module__fadeIn___3EaNB {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}
.desktop-module__nav-more___22V3T {
    position:relative;
    padding-left:32px;
    height:100%;
    flex-shrink:0
}
.desktop-module__nav-more___22V3T .desktop-module__more-button___1QLsA {
    color:rgba(0,0,0,.85);
    font-size:14px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.desktop-module__dji-navbar___3sy26.desktop-module__active___1W9M4 .desktop-module__nav-more___22V3T .desktop-module__more-button___1QLsA {
    color:rgba(0,0,0,.85)
}
[data-nav-theme=white] .desktop-module__dji-navbar___3sy26:not(.desktop-module__dji-navbar___3sy26.desktop-module__active___1W9M4) .desktop-module__nav-more___22V3T .desktop-module__more-button___1QLsA {
    color:rgba(0,0,0,.85)
}
[data-nav-theme=black] .desktop-module__dji-navbar___3sy26:not(.desktop-module__dji-navbar___3sy26.desktop-module__active___1W9M4) .desktop-module__nav-more___22V3T .desktop-module__more-button___1QLsA {
    color:#fff
}
.desktop-module__more-button-icon___2nbha {
    margin-left:2px;
    transition:transform .3s ease-in-out
}
.desktop-module__more-button-icon___2nbha.desktop-module__active___1W9M4 {
    transform:rotate(180deg)
}
html.js .desktop-module__dji-navbar___3sy26 .desktop-module__container___25ck5 .desktop-module__dji-navbar-start___Z6zpe[data-show=true] {
    overflow:visible
}
body {
    font-family:'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif
}
button {
    font-family:inherit
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    box-shadow:0 0 0 50px #fff inset
}
html[lang=ja][data-optimize=new] body {
    font-family:'Open Sans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,sans-serif
}
.container {
    max-width:1200px;
    width:100%;
    margin:0 auto
}
.focus-visible {
    outline:4px solid rgba(0,96,239,.4);
    border-radius:.1em;
    box-shadow:none
}
.focus-visible {
    outline:4px solid rgba(0,96,239,.4);
    border-radius:.1em;
    box-shadow:none
}
:focus-visible {
    outline:4px solid rgba(0,96,239,.4);
    border-radius:.1em;
    box-shadow:none
}
body {
    margin:0;
    padding:0
}
i {
    font-style:normal
}
body[class*=modal-open] div[class*=global-container] {
    display:none!important
}
/*# sourceMappingURL=client.css.map*/
@font-face {
    font-family:iconfont;
    src:url(//store-cdn.djiits.com/assets/v3/static/media/5df6d0bd63d09590b08dc3fee37137fd.5df6d0bd.eot);
    src:url(//store-cdn.djiits.com/assets/v3/static/media/5df6d0bd63d09590b08dc3fee37137fd.5df6d0bd.eot?#iefix) format("embedded-opentype"),
    url(//store-cdn.djiits.com/assets/v3/static/media/852c5c4600ecbbc86f85fc080335a5d9.852c5c46.woff) format("woff"),
    url(//store-cdn.djiits.com/assets/v3/static/media/abb23427542e08b1773c4295a8d0aa2d.abb23427.ttf) format("truetype"),
    url(//store-cdn.djiits.com/assets/v3/static/media/77ab98cb536d573f857cf40acde8aba5.77ab98cb.svg#iconfont) format("svg");
    font-weight:400;
    font-style:normal
}
*,
::after,
::before {
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(0, 112, 213, 0.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}
::backdrop {
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(0, 112, 213, 0.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}
:root,
[data-theme] {
    color:hsl(var(--quarkui-foreground));
    background-color:hsl(var(--quarkui-background))
}
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border-width:0
}
.not-sr-only {
    position:static;
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    overflow:visible;
    clip:auto;
    white-space:normal
}
.pointer-events-none {
    pointer-events:none
}
.pointer-events-auto {
    pointer-events:auto
}
.\!visible {
    visibility:visible!important
}
.visible {
    visibility:visible
}
.invisible {
    visibility:hidden
}
.\!collapse {
    visibility:collapse!important
}
.collapse {
    visibility:collapse
}
.static {
    position:static
}
.fixed {
    position:fixed
}
.absolute {
    position:absolute
}
.relative {
    position:relative
}
.sticky {
    position:sticky
}
.inset-x-0 {
    left:0;
    right:0
}
.inset-y-0 {
    top:0;
    bottom:0
}
.bottom-0 {
    bottom:0
}
.bottom-\[10\%\] {
    bottom:10%
}
.bottom-\[5\%\] {
    bottom:5%
}
.left-0 {
    left:0
}
.left-1\.5 {
    left:.375rem
}
.left-1\/2 {
    left:50%
}
.left-2 {
    left:.5rem
}
.left-3 {
    left:.75rem
}
.left-4 {
    left:1rem
}
.left-\[10\%\] {
    left:10%
}
.left-\[5\%\] {
    left:5%
}
.right-0 {
    right:0
}
.right-1\.5 {
    right:.375rem
}
.right-3 {
    right:.75rem
}
.right-\[10\%\] {
    right:10%
}
.right-\[5\%\] {
    right:5%
}
.top-0 {
    top:0
}
.top-1\/2 {
    top:50%
}
.top-2\.5 {
    top:.625rem
}
.top-\[10\%\] {
    top:10%
}
.top-\[5\%\] {
    top:5%
}
.top-\[calc\(100\%_\+_2px\)\] {
    top:calc(100% + 2px)
}
.top-\[var\(--navbar-height\)\] {
    top:var(--navbar-height)
}
.isolate {
    isolation:isolate
}
.isolation-auto {
    isolation:auto
}
.-z-30 {
    z-index:-30
}
.z-0 {
    z-index:0
}
.z-10 {
    z-index:10
}
.z-20 {
    z-index:20
}
.z-30 {
    z-index:30
}
.z-40 {
    z-index:40
}
.z-50 {
    z-index:9999
}
.-m-2 {
    margin:-.5rem
}
.-m-2\.5 {
    margin:-.625rem
}
.m-0 {
    margin:0
}
.m-5 {
    margin:1.25rem
}
.-mx-1 {
    margin-left:-.25rem;
    margin-right:-.25rem
}
.mx-0 {
    margin-left:0;
    margin-right:0
}
.mx-1 {
    margin-left:.25rem;
    margin-right:.25rem
}
.mx-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] {
    margin-left:calc((1.25rem - .25rem)/ 2);
    margin-right:calc((1.25rem - .25rem)/ 2)
}
.mx-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] {
    margin-left:calc((1.5rem - .75rem)/ 2);
    margin-right:calc((1.5rem - .75rem)/ 2)
}
.mx-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] {
    margin-left:calc((1.75rem - 1.25rem)/ 2);
    margin-right:calc((1.75rem - 1.25rem)/ 2)
}
.my-0 {
    margin-top:0;
    margin-bottom:0
}
.my-16 {
    margin-top:4rem;
    margin-bottom:4rem
}
.my-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] {
    margin-top:calc((1.25rem - .25rem)/ 2);
    margin-bottom:calc((1.25rem - .25rem)/ 2)
}
.my-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] {
    margin-top:calc((1.5rem - .75rem)/ 2);
    margin-bottom:calc((1.5rem - .75rem)/ 2)
}
.my-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] {
    margin-top:calc((1.75rem - 1.25rem)/ 2);
    margin-bottom:calc((1.75rem - 1.25rem)/ 2)
}
.my-auto {
    margin-top:auto;
    margin-bottom:auto
}
.-mr-2 {
    margin-right:-.5rem
}
.-ms-2 {
    margin-inline-start:-.5rem
}
.mb-1\.5 {
    margin-bottom:.375rem
}
.mb-2 {
    margin-bottom:.5rem
}
.mb-5 {
    margin-bottom:1.25rem
}
.mb-px {
    margin-bottom:1px
}
.ml-1 {
    margin-left:.25rem
}
.ml-2 {
    margin-left:.5rem
}
.mr-2 {
    margin-right:.5rem
}
.mt-1 {
    margin-top:.25rem
}
.mt-2 {
    margin-top:.5rem
}
.box-border {
    box-sizing:border-box
}
.box-content {
    box-sizing:content-box
}
.line-clamp-1 {
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1
}
.\!block {
    display:block!important
}
.block {
    display:block
}
.inline-block {
    display:inline-block
}
.inline {
    display:inline
}
.flex {
    display:flex
}
.inline-flex {
    display:inline-flex
}
.table {
    display:table
}
.inline-table {
    display:inline-table
}
.table-caption {
    display:table-caption
}
.table-cell {
    display:table-cell
}
.table-column {
    display:table-column
}
.table-column-group {
    display:table-column-group
}
.table-footer-group {
    display:table-footer-group
}
.table-header-group {
    display:table-header-group
}
.table-row-group {
    display:table-row-group
}
.table-row {
    display:table-row
}
.flow-root {
    display:flow-root
}
.grid {
    display:grid
}
.inline-grid {
    display:inline-grid
}
.contents {
    display:contents
}
.list-item {
    display:list-item
}
.hidden {
    display:none
}
.\!h-auto {
    height:auto!important
}
.h-1 {
    height:.25rem
}
.h-1\.5 {
    height:.375rem
}
.h-10 {
    height:2.5rem
}
.h-12 {
    height:3rem
}
.h-14 {
    height:3.5rem
}
.h-16 {
    height:4rem
}
.h-2 {
    height:.5rem
}
.h-2\.5 {
    height:.625rem
}
.h-3 {
    height:.75rem
}
.h-3\.5 {
    height:.875rem
}
.h-4 {
    height:1rem
}
.h-40 {
    height:10rem
}
.h-5 {
    height:1.25rem
}
.h-6 {
    height:1.5rem
}
.h-7 {
    height:1.75rem
}
.h-8 {
    height:2rem
}
.h-9 {
    height:2.25rem
}
.h-\[100dvh\] {
    height:100dvh
}
.h-\[2px\] {
    height:2px
}
.h-\[calc\(100dvh_-_var\(--navbar-height\)_-_1px\)\] {
    height:calc(100dvh - var(--navbar-height) - 1px)
}
.h-\[var\(--navbar-height\)\] {
    height:var(--navbar-height)
}
.h-\[var\(--picker-height\)\] {
    height:var(--picker-height)
}
.h-auto {
    height:auto
}
.h-divider {
    height:var(--quarkui-divider-weight)
}
.h-fit {
    height:fit-content
}
.h-full {
    height:100%
}
.h-px {
    height:1px
}
.h-screen {
    height:100vh
}
.max-h-64 {
    max-height:16rem
}
.max-h-\[85vh\] {
    max-height:85vh
}
.max-h-\[none\] {
    max-height:none
}
.max-h-full {
    max-height:100%
}
.max-h-inherit {
    max-height:inherit
}
.min-h-10 {
    min-height:2.5rem
}
.min-h-12 {
    min-height:3rem
}
.min-h-14 {
    min-height:3.5rem
}
.min-h-16 {
    min-height:4rem
}
.min-h-3 {
    min-height:.75rem
}
.min-h-3\.5 {
    min-height:.875rem
}
.min-h-4 {
    min-height:1rem
}
.min-h-5 {
    min-height:1.25rem
}
.min-h-6 {
    min-height:1.5rem
}
.min-h-7 {
    min-height:1.75rem
}
.min-h-8 {
    min-height:2rem
}
.min-h-\[32px\] {
    min-height:32px
}
.w-1 {
    width:.25rem
}
.w-1\.5 {
    width:.375rem
}
.w-10 {
    width:2.5rem
}
.w-12 {
    width:3rem
}
.w-14 {
    width:3.5rem
}
.w-2 {
    width:.5rem
}
.w-2\.5 {
    width:.625rem
}
.w-3 {
    width:.75rem
}
.w-3\.5 {
    width:.875rem
}
.w-4 {
    width:1rem
}
.w-5 {
    width:1.25rem
}
.w-6 {
    width:1.5rem
}
.w-7 {
    width:1.75rem
}
.w-8 {
    width:2rem
}
.w-9 {
    width:2.25rem
}
.w-\[80\%\] {
    width:80%
}
.w-\[calc\(100\%_-_16px\)\] {
    width:calc(100% - 16px)
}
.w-\[calc\(100\%_-_theme\(spacing\.6\)\)\] {
    width:calc(100% - 1.5rem)
}
.w-\[calc\(var\(--visible-months\)_\*_var\(--calendar-width\)\)\] {
    width:calc(var(--visible-months) * var(--calendar-width))
}
.w-\[var\(--calendar-width\)\] {
    width:var(--calendar-width)
}
.w-auto {
    width:auto
}
.w-divider {
    width:var(--quarkui-divider-weight)
}
.w-fit {
    width:fit-content
}
.w-full {
    width:100%
}
.w-max {
    width:max-content
}
.w-px {
    width:1px
}
.w-screen {
    width:100vw
}
.min-w-10 {
    min-width:2.5rem
}
.min-w-12 {
    min-width:3rem
}
.min-w-16 {
    min-width:4rem
}
.min-w-20 {
    min-width:5rem
}
.min-w-24 {
    min-width:6rem
}
.min-w-3 {
    min-width:.75rem
}
.min-w-3\.5 {
    min-width:.875rem
}
.min-w-4 {
    min-width:1rem
}
.min-w-5 {
    min-width:1.25rem
}
.min-w-6 {
    min-width:1.5rem
}
.min-w-7 {
    min-width:1.75rem
}
.min-w-8 {
    min-width:2rem
}
.min-w-9 {
    min-width:2.25rem
}
.min-w-\[200px\] {
    min-width:200px
}
.min-w-full {
    min-width:100%
}
.min-w-max {
    min-width:max-content
}
.min-w-min {
    min-width:min-content
}
.max-w-2xl {
    max-width:42rem
}
.max-w-3xl {
    max-width:48rem
}
.max-w-4xl {
    max-width:56rem
}
.max-w-5xl {
    max-width:64rem
}
.max-w-\[270px\] {
    max-width:270px
}
.max-w-\[none\] {
    max-width:none
}
.max-w-fit {
    max-width:fit-content
}
.max-w-full {
    max-width:100%
}
.max-w-lg {
    max-width:32rem
}
.max-w-md {
    max-width:28rem
}
.max-w-sm {
    max-width:24rem
}
.max-w-xl {
    max-width:37.5rem
}
.max-w-xs {
    max-width:20rem
}
.flex-1 {
    flex:1 1 0%
}
.flex-auto {
    flex:1 1 auto
}
.flex-none {
    flex:none
}
.flex-shrink-0 {
    flex-shrink:0
}
.shrink {
    flex-shrink:1
}
.shrink-0 {
    flex-shrink:0
}
.flex-grow {
    flex-grow:1
}
.grow {
    flex-grow:1
}
.basis-0 {
    flex-basis:0px
}
.table-auto {
    table-layout:auto
}
.table-fixed {
    table-layout:fixed
}
.border-collapse {
    border-collapse:collapse
}
.origin-center {
    transform-origin:center
}
.origin-left {
    transform-origin:left
}
.origin-right {
    transform-origin:right
}
.origin-top {
    transform-origin:top
}
.origin-top-left {
    transform-origin:top left
}
.-translate-x-1\/2 {
    --tw-translate-x:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-1\/2 {
    --tw-translate-y:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-1 {
    --tw-translate-x:0.25rem;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-1\/2 {
    --tw-translate-x:50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-1 {
    --tw-translate-y:0.25rem;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-1\/2 {
    --tw-translate-y:50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-0 {
    --tw-rotate:0deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-180 {
    --tw-rotate:180deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-0 {
    --tw-scale-x:0;
    --tw-scale-y:0;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-100 {
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-105 {
    --tw-scale-x:1.05;
    --tw-scale-y:1.05;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-50 {
    --tw-scale-x:.5;
    --tw-scale-y:.5;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform {
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes drip-expand {
    0% {
        opacity:.2;
        transform:scale(0)
    }
    100% {
        opacity:0;
        transform:scale(2)
    }
}
.animate-drip-expand {
    animation:drip-expand 420ms linear
}
@keyframes indeterminate-bar {
    0% {
        transform:translateX(-50%) scaleX(.2)
    }
    100% {
        transform:translateX(100%) scaleX(1)
    }
}
.animate-indeterminate-bar {
    animation:indeterminate-bar 1.5s cubic-bezier(.65,.815,.735,.395) infinite normal none running
}
.animate-none {
    animation:none
}
@keyframes spinner-spin {
    0% {
        transform:rotate(0)
    }
    100% {
        transform:rotate(360deg)
    }
}
.animate-spinner-ease-spin {
    animation:spinner-spin .8s ease infinite
}
@keyframes spinner-spin {
    0% {
        transform:rotate(0)
    }
    100% {
        transform:rotate(360deg)
    }
}
.animate-spinner-linear-spin {
    animation:spinner-spin .8s linear infinite
}
.cursor-default {
    cursor:default
}
.cursor-grab {
    cursor:grab
}
.cursor-not-allowed {
    cursor:not-allowed
}
.cursor-pointer {
    cursor:pointer
}
.cursor-text {
    cursor:text
}
.touch-none {
    touch-action:none
}
.select-none {
    user-select:none
}
.resize-none {
    resize:none
}
.resize {
    resize:both
}
.snap-y {
    scroll-snap-type:y var(--tw-scroll-snap-strictness)
}
.snap-mandatory {
    --tw-scroll-snap-strictness:mandatory
}
.snap-center {
    scroll-snap-align:center
}
.scroll-py-6 {
    scroll-padding-top:1.5rem;
    scroll-padding-bottom:1.5rem
}
.list-none {
    list-style-type:none
}
.appearance-none {
    appearance:none
}
.grid-cols-4 {
    grid-template-columns:repeat(4,minmax(0,1fr))
}
.flex-row {
    flex-direction:row
}
.flex-row-reverse {
    flex-direction:row-reverse
}
.flex-col {
    flex-direction:column
}
.flex-col-reverse {
    flex-direction:column-reverse
}
.flex-wrap {
    flex-wrap:wrap
}
.flex-nowrap {
    flex-wrap:nowrap
}
.place-content-center {
    place-content:center
}
.items-start {
    align-items:flex-start
}
.items-end {
    align-items:flex-end
}
.items-center {
    align-items:center
}
.justify-start {
    justify-content:flex-start
}
.justify-end {
    justify-content:flex-end
}
.justify-center {
    justify-content:center
}
.justify-between {
    justify-content:space-between
}
.\!gap-0 {
    gap:0!important
}
.gap-0 {
    gap:0
}
.gap-0\.5 {
    gap:.125rem
}
.gap-1 {
    gap:.25rem
}
.gap-1\.5 {
    gap:.375rem
}
.gap-2 {
    gap:.5rem
}
.gap-3 {
    gap:.75rem
}
.gap-4 {
    gap:1rem
}
.gap-x-0\.5 {
    column-gap:.125rem
}
.gap-x-2 {
    column-gap:.5rem
}
.gap-x-6 {
    column-gap:1.5rem
}
.gap-y-1\.5 {
    row-gap:.375rem
}
.gap-y-2 {
    row-gap:.5rem
}
.space-x-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(.125rem * var(--tw-space-x-reverse));
    margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-reverse>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:1
}
.space-x-reverse>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:1
}
.divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse:0;
    border-right-width:calc(1px * var(--tw-divide-x-reverse));
    border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}
.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse:0;
    border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}
.divide-y-reverse>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse:1
}
.divide-x-reverse>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse:1
}
.self-center {
    align-self:center
}
.overflow-auto {
    overflow:auto
}
.overflow-hidden {
    overflow:hidden
}
.overflow-visible {
    overflow:visible
}
.overflow-x-auto {
    overflow-x:auto
}
.overflow-y-auto {
    overflow-y:auto
}
.overflow-y-hidden {
    overflow-y:hidden
}
.overflow-x-scroll {
    overflow-x:scroll
}
.overflow-y-scroll {
    overflow-y:scroll
}
.truncate {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.text-ellipsis {
    text-overflow:ellipsis
}
.text-clip {
    text-overflow:clip
}
.whitespace-normal {
    white-space:normal
}
.whitespace-nowrap {
    white-space:nowrap
}
.text-wrap {
    text-wrap:wrap
}
.break-words {
    overflow-wrap:break-word
}
.\!rounded-none {
    border-radius:0!important
}
.\!rounded-xl {
    border-radius:.75rem!important
}
.rounded {
    border-radius:.25rem
}
.rounded-\[calc\(theme\(borderRadius\.large\)\/1\.5\)\] {
    border-radius:calc(var(--quarkui-radius-large)/ 1.5)
}
.rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.5\)\] {
    border-radius:calc(var(--quarkui-radius-medium) * .5)
}
.rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.6\)\] {
    border-radius:calc(var(--quarkui-radius-medium) * .6)
}
.rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.7\)\] {
    border-radius:calc(var(--quarkui-radius-medium) * .7)
}
.rounded-\[calc\(theme\(borderRadius\.medium\)\/2\)\] {
    border-radius:calc(var(--quarkui-radius-medium)/ 2)
}
.rounded-\[calc\(theme\(borderRadius\.small\)\/2\)\] {
    border-radius:calc(var(--quarkui-radius-small)/ 2)
}
.rounded-full {
    border-radius:9999px
}
.rounded-large {
    border-radius:var(--quarkui-radius-large)
}
.rounded-md {
    border-radius:.375rem
}
.rounded-medium {
    border-radius:var(--quarkui-radius-medium)
}
.rounded-none {
    border-radius:0
}
.rounded-small {
    border-radius:var(--quarkui-radius-small)
}
.rounded-xl {
    border-radius:.75rem
}
.\!rounded-b-none {
    border-bottom-right-radius:0!important;
    border-bottom-left-radius:0!important
}
.\!rounded-l-none {
    border-top-left-radius:0!important;
    border-bottom-left-radius:0!important
}
.\!rounded-r-none {
    border-top-right-radius:0!important;
    border-bottom-right-radius:0!important
}
.\!rounded-t-lg {
    border-top-left-radius:.5rem!important;
    border-top-right-radius:.5rem!important
}
.\!rounded-t-xl {
    border-top-left-radius:.75rem!important;
    border-top-right-radius:.75rem!important
}
.rounded-b {
    border-bottom-right-radius:.25rem;
    border-bottom-left-radius:.25rem
}
.rounded-b-large {
    border-bottom-right-radius:var(--quarkui-radius-large);
    border-bottom-left-radius:var(--quarkui-radius-large)
}
.rounded-b-medium {
    border-bottom-right-radius:var(--quarkui-radius-medium);
    border-bottom-left-radius:var(--quarkui-radius-medium)
}
.rounded-b-none {
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.rounded-b-small {
    border-bottom-right-radius:var(--quarkui-radius-small);
    border-bottom-left-radius:var(--quarkui-radius-small)
}
.rounded-e {
    border-start-end-radius:0.25rem;
    border-end-end-radius:0.25rem
}
.rounded-l {
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem
}
.rounded-l-none {
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.rounded-r {
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem
}
.rounded-r-none {
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.rounded-s {
    border-start-start-radius:0.25rem;
    border-end-start-radius:0.25rem
}
.rounded-t {
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem
}
.rounded-t-large {
    border-top-left-radius:var(--quarkui-radius-large);
    border-top-right-radius:var(--quarkui-radius-large)
}
.rounded-t-medium {
    border-top-left-radius:var(--quarkui-radius-medium);
    border-top-right-radius:var(--quarkui-radius-medium)
}
.rounded-t-none {
    border-top-left-radius:0;
    border-top-right-radius:0
}
.rounded-t-small {
    border-top-left-radius:var(--quarkui-radius-small);
    border-top-right-radius:var(--quarkui-radius-small)
}
.rounded-t-xl {
    border-top-left-radius:.75rem;
    border-top-right-radius:.75rem
}
.rounded-bl {
    border-bottom-left-radius:.25rem
}
.rounded-br {
    border-bottom-right-radius:.25rem
}
.rounded-ee {
    border-end-end-radius:0.25rem
}
.rounded-es {
    border-end-start-radius:0.25rem
}
.rounded-se {
    border-start-end-radius:0.25rem
}
.rounded-ss {
    border-start-start-radius:0.25rem
}
.rounded-tl {
    border-top-left-radius:.25rem
}
.rounded-tr {
    border-top-right-radius:.25rem
}
.border {
    border-width:1px
}
.border-0 {
    border-width:0
}
.border-2 {
    border-width:2px
}
.border-3 {
    border-width:3px
}
.border-medium {
    border-width:var(--quarkui-border-width-medium)
}
.border-small {
    border-width:var(--quarkui-border-width-small)
}
.border-x {
    border-left-width:1px;
    border-right-width:1px
}
.border-x-\[calc\(theme\(spacing\.5\)\/2\)\] {
    border-left-width:calc(1.25rem / 2);
    border-right-width:calc(1.25rem / 2)
}
.border-x-\[calc\(theme\(spacing\.6\)\/2\)\] {
    border-left-width:calc(1.5rem / 2);
    border-right-width:calc(1.5rem / 2)
}
.border-x-\[calc\(theme\(spacing\.7\)\/2\)\] {
    border-left-width:calc(1.75rem / 2);
    border-right-width:calc(1.75rem / 2)
}
.border-y {
    border-top-width:1px;
    border-bottom-width:1px
}
.border-y-\[calc\(theme\(spacing\.5\)\/2\)\] {
    border-top-width:calc(1.25rem / 2);
    border-bottom-width:calc(1.25rem / 2)
}
.border-y-\[calc\(theme\(spacing\.6\)\/2\)\] {
    border-top-width:calc(1.5rem / 2);
    border-bottom-width:calc(1.5rem / 2)
}
.border-y-\[calc\(theme\(spacing\.7\)\/2\)\] {
    border-top-width:calc(1.75rem / 2);
    border-bottom-width:calc(1.75rem / 2)
}
.border-b {
    border-bottom-width:1px
}
.border-b-medium {
    border-bottom-width:var(--quarkui-border-width-medium)
}
.border-e {
    border-inline-end-width:1px
}
.border-l {
    border-left-width:1px
}
.border-r {
    border-right-width:1px
}
.border-s {
    border-inline-start-width:1px
}
.border-t {
    border-top-width:1px
}
.border-solid {
    border-style:solid
}
.border-dotted {
    border-style:dotted
}
.border-none {
    border-style:none
}
.\!border-danger {
    --tw-border-opacity:1!important;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))!important
}
.border-background {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-background) / var(--quarkui-background-opacity,var(--tw-border-opacity)))
}
.border-danger {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.border-default {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default) / var(--quarkui-default-opacity,var(--tw-border-opacity)))
}
.border-default-200 {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default-200) / var(--quarkui-default-200-opacity,var(--tw-border-opacity)))
}
.border-default-300 {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default-300) / var(--quarkui-default-300-opacity,var(--tw-border-opacity)))
}
.border-divider {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-divider) / var(--quarkui-divider-opacity,var(--tw-border-opacity)))
}
.border-foreground {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-border-opacity)))
}
.border-primary {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-border-opacity)))
}
.border-secondary {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-border-opacity)))
}
.border-success {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-border-opacity)))
}
.border-transparent {
    border-color:transparent
}
.border-warning {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-border-opacity)))
}
.border-x-transparent {
    border-left-color:transparent;
    border-right-color:transparent
}
.border-y-transparent {
    border-top-color:transparent;
    border-bottom-color:transparent
}
.border-b-current {
    border-bottom-color:currentColor
}
.border-b-danger {
    --tw-border-opacity:1;
    border-bottom-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.border-b-default {
    --tw-border-opacity:1;
    border-bottom-color:hsl(var(--quarkui-default) / var(--quarkui-default-opacity,var(--tw-border-opacity)))
}
.border-b-foreground {
    --tw-border-opacity:1;
    border-bottom-color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-border-opacity)))
}
.border-b-primary {
    --tw-border-opacity:1;
    border-bottom-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-border-opacity)))
}
.border-b-secondary {
    --tw-border-opacity:1;
    border-bottom-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-border-opacity)))
}
.border-b-success {
    --tw-border-opacity:1;
    border-bottom-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-border-opacity)))
}
.border-b-warning {
    --tw-border-opacity:1;
    border-bottom-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-border-opacity)))
}
.border-b-white {
    border-bottom-color:#fff
}
.border-l-transparent {
    border-left-color:transparent
}
.border-r-transparent {
    border-right-color:transparent
}
.border-s-danger {
    --tw-border-opacity:1;
    border-inline-start-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.border-s-foreground {
    --tw-border-opacity:1;
    border-inline-start-color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-border-opacity)))
}
.border-s-primary {
    --tw-border-opacity:1;
    border-inline-start-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-border-opacity)))
}
.border-s-secondary {
    --tw-border-opacity:1;
    border-inline-start-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-border-opacity)))
}
.border-s-success {
    --tw-border-opacity:1;
    border-inline-start-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-border-opacity)))
}
.border-s-warning {
    --tw-border-opacity:1;
    border-inline-start-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-border-opacity)))
}
.border-t-transparent {
    border-top-color:transparent
}
.\!bg-danger-50 {
    --tw-bg-opacity:1!important;
    background-color:hsl(var(--quarkui-danger-50) / var(--quarkui-danger-50-opacity,var(--tw-bg-opacity)))!important
}
.bg-background {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-background) / var(--quarkui-background-opacity,var(--tw-bg-opacity)))
}
.bg-background\/10 {
    background-color:hsl(var(--quarkui-background) / .1)
}
.bg-background\/70 {
    background-color:hsl(var(--quarkui-background) / .7)
}
.bg-background\/80 {
    background-color:hsl(var(--quarkui-background) / .8)
}
.bg-bg26 {
    --tw-bg-opacity:1;
    background-color:rgb(38 38 38 / var(--tw-bg-opacity,1))
}
.bg-black-400 {
    background-color:rgba(0,0,0,.15)
}
.bg-content1 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-content1) / var(--quarkui-content1-opacity,var(--tw-bg-opacity)))
}
.bg-content3 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-content3) / var(--quarkui-content3-opacity,var(--tw-bg-opacity)))
}
.bg-current {
    background-color:currentColor
}
.bg-danger {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.bg-danger-50 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger-50) / var(--quarkui-danger-50-opacity,var(--tw-bg-opacity)))
}
.bg-danger\/20 {
    background-color:hsl(var(--quarkui-danger) / .2)
}
.bg-default {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default) / var(--quarkui-default-opacity,var(--tw-bg-opacity)))
}
.bg-default-100 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-100) / var(--quarkui-default-100-opacity,var(--tw-bg-opacity)))
}
.bg-default-200 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-200) / var(--quarkui-default-200-opacity,var(--tw-bg-opacity)))
}
.bg-default-300\/50 {
    background-color:hsl(var(--quarkui-default-300) / .5)
}
.bg-default-400 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-400) / var(--quarkui-default-400-opacity,var(--tw-bg-opacity)))
}
.bg-default-50 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-50) / var(--quarkui-default-50-opacity,var(--tw-bg-opacity)))
}
.bg-default-500 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-500) / var(--quarkui-default-500-opacity,var(--tw-bg-opacity)))
}
.bg-default\/40 {
    background-color:hsl(var(--quarkui-default) / .4)
}
.bg-divider {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-divider) / var(--quarkui-divider-opacity,var(--tw-bg-opacity)))
}
.bg-foreground {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-bg-opacity)))
}
.bg-foreground\/10 {
    background-color:hsl(var(--quarkui-foreground) / .1)
}
.bg-overlay\/30 {
    background-color:hsl(var(--quarkui-overlay) / .3)
}
.bg-overlay\/50 {
    background-color:hsl(var(--quarkui-overlay) / .5)
}
.bg-overlay\/70 {
    background-color:hsl(var(--quarkui-overlay) / .7)
}
.bg-primary {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-bg-opacity)))
}
.bg-primary-50 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary-50) / var(--quarkui-primary-50-opacity,var(--tw-bg-opacity)))
}
.bg-primary\/20 {
    background-color:hsl(var(--quarkui-primary) / .2)
}
.bg-secondary {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-bg-opacity)))
}
.bg-secondary-50 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary-50) / var(--quarkui-secondary-50-opacity,var(--tw-bg-opacity)))
}
.bg-secondary\/20 {
    background-color:hsl(var(--quarkui-secondary) / .2)
}
.bg-success {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-bg-opacity)))
}
.bg-success-50 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success-50) / var(--quarkui-success-50-opacity,var(--tw-bg-opacity)))
}
.bg-success\/20 {
    background-color:hsl(var(--quarkui-success) / .2)
}
.bg-transparent {
    background-color:transparent
}
.bg-warning {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-bg-opacity)))
}
.bg-warning-50 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning-50) / var(--quarkui-warning-50-opacity,var(--tw-bg-opacity)))
}
.bg-warning\/20 {
    background-color:hsl(var(--quarkui-warning) / .2)
}
.bg-white {
    background-color:#fff
}
.bg-stripe-gradient {
    background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent)
}
.bg-\[length\:1\.25rem_1\.25rem\] {
    background-size:1.25rem 1.25rem
}
.bg-repeat {
    background-repeat:repeat
}
.stroke-current {
    stroke:currentColor
}
.stroke-default-300\/50 {
    stroke:hsl(var(--quarkui-default-300) / 0.5)
}
.object-cover {
    object-fit:cover
}
.p-0 {
    padding:0
}
.p-1 {
    padding:.25rem
}
.p-2 {
    padding:.5rem
}
.p-2\.5 {
    padding:.625rem
}
.p-3 {
    padding:.75rem
}
.p-4 {
    padding:1rem
}
.p-6 {
    padding:1.5rem
}
.\!px-1 {
    padding-left:.25rem!important;
    padding-right:.25rem!important
}
.px-0 {
    padding-left:0;
    padding-right:0
}
.px-0\.5 {
    padding-left:.125rem;
    padding-right:.125rem
}
.px-1 {
    padding-left:.25rem;
    padding-right:.25rem
}
.px-1\.5 {
    padding-left:.375rem;
    padding-right:.375rem
}
.px-12 {
    padding-left:3rem;
    padding-right:3rem
}
.px-2 {
    padding-left:.5rem;
    padding-right:.5rem
}
.px-2\.5 {
    padding-left:.625rem;
    padding-right:.625rem
}
.px-3 {
    padding-left:.75rem;
    padding-right:.75rem
}
.px-4 {
    padding-left:1rem;
    padding-right:1rem
}
.px-5 {
    padding-left:1.25rem;
    padding-right:1.25rem
}
.px-6 {
    padding-left:1.5rem;
    padding-right:1.5rem
}
.py-0 {
    padding-top:0;
    padding-bottom:0
}
.py-0\.5 {
    padding-top:.125rem;
    padding-bottom:.125rem
}
.py-1 {
    padding-top:.25rem;
    padding-bottom:.25rem
}
.py-1\.5 {
    padding-top:.375rem;
    padding-bottom:.375rem
}
.py-2 {
    padding-top:.5rem;
    padding-bottom:.5rem
}
.py-2\.5 {
    padding-top:.625rem;
    padding-bottom:.625rem
}
.py-3 {
    padding-top:.75rem;
    padding-bottom:.75rem
}
.py-4 {
    padding-top:1rem;
    padding-bottom:1rem
}
.py-8 {
    padding-top:2rem;
    padding-bottom:2rem
}
.\!pb-0 {
    padding-bottom:0!important
}
.pb-0 {
    padding-bottom:0
}
.pb-0\.5 {
    padding-bottom:.125rem
}
.pb-1 {
    padding-bottom:.25rem
}
.pb-1\.5 {
    padding-bottom:.375rem
}
.pb-2 {
    padding-bottom:.5rem
}
.pb-4 {
    padding-bottom:1rem
}
.pb-6 {
    padding-bottom:1.5rem
}
.pe-2 {
    padding-inline-end:0.5rem
}
.pl-0\.5 {
    padding-left:.125rem
}
.pl-1 {
    padding-left:.25rem
}
.pr-0\.5 {
    padding-right:.125rem
}
.pr-1 {
    padding-right:.25rem
}
.pr-2 {
    padding-right:.5rem
}
.pr-6 {
    padding-right:1.5rem
}
.pt-0 {
    padding-top:0
}
.pt-2 {
    padding-top:.5rem
}
.pt-6 {
    padding-top:1.5rem
}
.pt-8 {
    padding-top:2rem
}
.text-left {
    text-align:left
}
.text-center {
    text-align:center
}
.text-start {
    text-align:start
}
.align-middle {
    vertical-align:middle
}
.font-mono {
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}
.font-sans {
    font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
.text-\[0\.55rem\] {
    font-size:.55rem
}
.text-\[0\.5rem\] {
    font-size:.5rem
}
.text-\[0\.6rem\] {
    font-size:.6rem
}
.text-large {
    font-size:var(--quarkui-font-size-large);
    line-height:var(--quarkui-line-height-large)
}
.text-lg {
    font-size:1.125rem;
    line-height:1.75rem
}
.text-medium {
    font-size:var(--quarkui-font-size-medium);
    line-height:var(--quarkui-line-height-medium)
}
.text-small {
    font-size:var(--quarkui-font-size-small);
    line-height:var(--quarkui-line-height-small)
}
.text-tiny {
    font-size:var(--quarkui-font-size-tiny);
    line-height:var(--quarkui-line-height-tiny)
}
.text-xl {
    font-size:1.25rem;
    line-height:1.75rem
}
.font-medium {
    font-weight:500
}
.font-normal {
    font-weight:400
}
.font-semibold {
    font-weight:600
}
.uppercase {
    text-transform:uppercase
}
.lowercase {
    text-transform:lowercase
}
.capitalize {
    text-transform:capitalize
}
.normal-case {
    text-transform:none
}
.italic {
    font-style:italic
}
.not-italic {
    font-style:normal
}
.normal-nums {
    font-variant-numeric:normal
}
.ordinal {
    --tw-ordinal:ordinal;
    font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.slashed-zero {
    --tw-slashed-zero:slashed-zero;
    font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.lining-nums {
    --tw-numeric-figure:lining-nums;
    font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.oldstyle-nums {
    --tw-numeric-figure:oldstyle-nums;
    font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.proportional-nums {
    --tw-numeric-spacing:proportional-nums;
    font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.tabular-nums {
    --tw-numeric-spacing:tabular-nums;
    font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.diagonal-fractions {
    --tw-numeric-fraction:diagonal-fractions;
    font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
.leading-\[32px\] {
    line-height:32px
}
.\!text-danger {
    --tw-text-opacity:1!important;
    color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-text-opacity)))!important
}
.text-background {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-background) / var(--quarkui-background-opacity,var(--tw-text-opacity)))
}
.text-black {
    color:#000
}
.text-current {
    color:currentColor
}
.text-danger {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-text-opacity)))
}
.text-danger-300 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-300) / var(--quarkui-danger-300-opacity,var(--tw-text-opacity)))
}
.text-danger-600 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-600) / var(--quarkui-danger-600-opacity,var(--tw-text-opacity)))
}
.text-danger-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-foreground) / var(--quarkui-danger-foreground-opacity,var(--tw-text-opacity)))
}
.text-danger\/80 {
    color:hsl(var(--quarkui-danger) / .8)
}
.text-default-400 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-400) / var(--quarkui-default-400-opacity,var(--tw-text-opacity)))
}
.text-default-500 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-500) / var(--quarkui-default-500-opacity,var(--tw-text-opacity)))
}
.text-default-600 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-600) / var(--quarkui-default-600-opacity,var(--tw-text-opacity)))
}
.text-default-700 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-700) / var(--quarkui-default-700-opacity,var(--tw-text-opacity)))
}
.text-default-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-text-opacity)))
}
.text-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-text-opacity)))
}
.text-foreground-400 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground-400) / var(--quarkui-foreground-400-opacity,var(--tw-text-opacity)))
}
.text-foreground-500 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground-500) / var(--quarkui-foreground-500-opacity,var(--tw-text-opacity)))
}
.text-foreground-600 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground-600) / var(--quarkui-foreground-600-opacity,var(--tw-text-opacity)))
}
.text-foreground\/50 {
    color:hsl(var(--quarkui-foreground) / .5)
}
.text-inherit {
    color:inherit
}
.text-primary {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-text-opacity)))
}
.text-primary-300 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary-300) / var(--quarkui-primary-300-opacity,var(--tw-text-opacity)))
}
.text-primary-600 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary-600) / var(--quarkui-primary-600-opacity,var(--tw-text-opacity)))
}
.text-primary-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary-foreground) / var(--quarkui-primary-foreground-opacity,var(--tw-text-opacity)))
}
.text-primary\/80 {
    color:hsl(var(--quarkui-primary) / .8)
}
.text-secondary {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-text-opacity)))
}
.text-secondary-300 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary-300) / var(--quarkui-secondary-300-opacity,var(--tw-text-opacity)))
}
.text-secondary-600 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary-600) / var(--quarkui-secondary-600-opacity,var(--tw-text-opacity)))
}
.text-secondary-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary-foreground) / var(--quarkui-secondary-foreground-opacity,var(--tw-text-opacity)))
}
.text-secondary\/80 {
    color:hsl(var(--quarkui-secondary) / .8)
}
.text-success {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-text-opacity)))
}
.text-success-400 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-400) / var(--quarkui-success-400-opacity,var(--tw-text-opacity)))
}
.text-success-600 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-600) / var(--quarkui-success-600-opacity,var(--tw-text-opacity)))
}
.text-success-700 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-700) / var(--quarkui-success-700-opacity,var(--tw-text-opacity)))
}
.text-success-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-foreground) / var(--quarkui-success-foreground-opacity,var(--tw-text-opacity)))
}
.text-success\/80 {
    color:hsl(var(--quarkui-success) / .8)
}
.text-warning {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-text-opacity)))
}
.text-warning-400 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-400) / var(--quarkui-warning-400-opacity,var(--tw-text-opacity)))
}
.text-warning-600 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-600) / var(--quarkui-warning-600-opacity,var(--tw-text-opacity)))
}
.text-warning-700 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-700) / var(--quarkui-warning-700-opacity,var(--tw-text-opacity)))
}
.text-warning-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-foreground) / var(--quarkui-warning-foreground-opacity,var(--tw-text-opacity)))
}
.text-warning\/80 {
    color:hsl(var(--quarkui-warning) / .8)
}
.text-white {
    color:#fff
}
.underline {
    text-decoration-line:underline
}
.overline {
    text-decoration-line:overline
}
.line-through {
    text-decoration-line:line-through
}
.no-underline {
    text-decoration-line:none
}
.underline-offset-4 {
    text-underline-offset:4px
}
.antialiased {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.subpixel-antialiased {
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto
}
.opacity-0 {
    opacity:0
}
.opacity-100 {
    opacity:1
}
.opacity-30 {
    opacity:.3
}
.opacity-50 {
    opacity:.5
}
.opacity-70 {
    opacity:.7
}
.opacity-75 {
    opacity:.75
}
.opacity-\[value\] {
    opacity:value
}
.opacity-disabled {
    opacity:var(--quarkui-disabled-opacity)
}
.shadow {
    --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
    --tw-shadow:0 1px 0px 0 rgba(0,0,0,0.05);
    --tw-shadow-colored:0 1px 0px 0 var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-\[0px_20px_20px_0px_rgb\(0_0_0\/0\.05\)\] {
    --tw-shadow:0px 20px 20px 0px rgb(0 0 0/0.05);
    --tw-shadow-colored:0px 20px 20px 0px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-large {
    --tw-shadow:var(--quarkui-box-shadow-large);
    --tw-shadow-colored:var(--quarkui-box-shadow-large);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-lg {
    --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-md {
    --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-medium {
    --tw-shadow:var(--quarkui-box-shadow-medium);
    --tw-shadow-colored:var(--quarkui-box-shadow-medium);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-none {
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-sm {
    --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-small {
    --tw-shadow:var(--quarkui-box-shadow-small);
    --tw-shadow-colored:var(--quarkui-box-shadow-small);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-black\/5 {
    --tw-shadow-color:rgba(0, 0, 0, 0.05);
    --tw-shadow:var(--tw-shadow-colored)
}
.shadow-danger\/40 {
    --tw-shadow-color:hsl(var(--quarkui-danger) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.shadow-default\/50 {
    --tw-shadow-color:hsl(var(--quarkui-default) / 0.5);
    --tw-shadow:var(--tw-shadow-colored)
}
.shadow-foreground\/40 {
    --tw-shadow-color:hsl(var(--quarkui-foreground) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.shadow-primary\/40 {
    --tw-shadow-color:hsl(var(--quarkui-primary) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.shadow-secondary\/40 {
    --tw-shadow-color:hsl(var(--quarkui-secondary) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.shadow-success\/40 {
    --tw-shadow-color:hsl(var(--quarkui-success) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.shadow-warning\/40 {
    --tw-shadow-color:hsl(var(--quarkui-warning) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.\!outline-none {
    outline:2px solid transparent!important;
    outline-offset:2px!important
}
.outline-none {
    outline:2px solid transparent;
    outline-offset:2px
}
.outline {
    outline-style:solid
}
.ring {
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.ring-1 {
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.ring-2 {
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.ring-inset {
    --tw-ring-inset:inset
}
.ring-background {
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--quarkui-background) / var(--quarkui-background-opacity, var(--tw-ring-opacity)))
}
.ring-danger {
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity, var(--tw-ring-opacity)))
}
.ring-default {
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--quarkui-default) / var(--quarkui-default-opacity, var(--tw-ring-opacity)))
}
.ring-focus {
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--quarkui-focus) / var(--quarkui-focus-opacity, var(--tw-ring-opacity)))
}
.ring-primary {
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity, var(--tw-ring-opacity)))
}
.ring-secondary {
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity, var(--tw-ring-opacity)))
}
.ring-success {
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity, var(--tw-ring-opacity)))
}
.ring-transparent {
    --tw-ring-color:transparent
}
.ring-warning {
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity, var(--tw-ring-opacity)))
}
.ring-offset-2 {
    --tw-ring-offset-width:2px
}
.ring-offset-background {
    --tw-ring-offset-color:hsl(var(--quarkui-background) / var(--quarkui-background-opacity, 1))
}
.blur {
    --tw-blur:blur(8px);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.blur-lg {
    --tw-blur:blur(16px);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.drop-shadow {
    --tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.grayscale {
    --tw-grayscale:grayscale(100%);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.invert {
    --tw-invert:invert(100%);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.saturate-150 {
    --tw-saturate:saturate(1.5);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.sepia {
    --tw-sepia:sepia(100%);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.\!filter {
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important
}
.filter {
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.backdrop-blur {
    --tw-backdrop-blur:blur(8px);
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-lg {
    --tw-backdrop-blur:blur(16px);
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-md {
    --tw-backdrop-blur:blur(12px);
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-sm {
    --tw-backdrop-blur:blur(4px);
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-xl {
    --tw-backdrop-blur:blur(24px);
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-grayscale {
    --tw-backdrop-grayscale:grayscale(100%);
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-invert {
    --tw-backdrop-invert:invert(100%);
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-opacity-disabled {
    --tw-backdrop-opacity:opacity(var(--quarkui-disabled-opacity));
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-saturate-150 {
    --tw-backdrop-saturate:saturate(1.5);
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-sepia {
    --tw-backdrop-sepia:sepia(100%);
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-filter {
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.\!transition-none {
    transition-property:none!important
}
.transition {
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.transition-\[color\2c opacity\] {
    transition-property:color,opacity;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.transition-\[transform\2c background-color\2c color\] {
    transition-property:transform,background-color,color;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.transition-\[transform\2c color\2c left\2c opacity\] {
    transition-property:transform,color,left,opacity;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.transition-all {
    transition-property:all;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.transition-colors {
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.transition-none {
    transition-property:none
}
.transition-opacity {
    transition-property:opacity;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.transition-transform {
    transition-property:transform;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.\!duration-100 {
    transition-duration:.1s!important
}
.\!duration-150 {
    transition-duration:150ms!important
}
.\!duration-200 {
    transition-duration:.2s!important
}
.\!duration-250 {
    transition-duration:250ms!important
}
.\!duration-300 {
    transition-duration:.3s!important
}
.\!duration-500 {
    transition-duration:.5s!important
}
.duration-150 {
    transition-duration:150ms
}
.\!ease-out {
    transition-timing-function:cubic-bezier(0,0,0.2,1)!important
}
.\!ease-soft-spring {
    transition-timing-function:cubic-bezier(0.155,1.105,0.295,1.12)!important
}
.ease-in {
    transition-timing-function:cubic-bezier(0.4,0,1,1)
}
.ease-out {
    transition-timing-function:cubic-bezier(0,0,0.2,1)
}
.will-change-auto {
    will-change:auto
}
.will-change-transform {
    will-change:transform
}
.light,
:root,
[data-theme=light] {
    color-scheme:light;
    --quarkui-background:0 0% 100%;
    --quarkui-foreground-50:0 0% 0%;
    --quarkui-foreground-50-opacity:0.01;
    --quarkui-foreground-100:0 0% 0%;
    --quarkui-foreground-100-opacity:0.02;
    --quarkui-foreground-200:0 0% 0%;
    --quarkui-foreground-200-opacity:0.04;
    --quarkui-foreground-300:0 0% 0%;
    --quarkui-foreground-300-opacity:0.06;
    --quarkui-foreground-400:0 0% 0%;
    --quarkui-foreground-400-opacity:0.15;
    --quarkui-foreground-500:0 0% 0%;
    --quarkui-foreground-500-opacity:0.25;
    --quarkui-foreground-600:0 0% 0%;
    --quarkui-foreground-600-opacity:0.45;
    --quarkui-foreground-700:0 0% 0%;
    --quarkui-foreground-700-opacity:0.65;
    --quarkui-foreground-800:0 0% 0%;
    --quarkui-foreground-800-opacity:0.85;
    --quarkui-foreground-900:0 0% 0%;
    --quarkui-foreground-900-opacity:0.95;
    --quarkui-foreground:201.81999999999994 24.44% 8.82%;
    --quarkui-divider:0 0% 6.67%;
    --quarkui-divider-opacity:0.15;
    --quarkui-focus:208.45000000000005 100% 41.76%;
    --quarkui-overlay:0 0% 0%;
    --quarkui-content1:0 0% 100%;
    --quarkui-content1-foreground:201.81999999999994 24.44% 8.82%;
    --quarkui-content2:0 0% 96.08%;
    --quarkui-content2-foreground:0 0% 14.9%;
    --quarkui-content3:0 0% 94.12%;
    --quarkui-content3-foreground:0 0% 26.27%;
    --quarkui-content4:0 0% 85.1%;
    --quarkui-content4-foreground:0 0% 34.9%;
    --quarkui-default-50:0 0% 98.04%;
    --quarkui-default-100:0 0% 96.08%;
    --quarkui-default-200:0 0% 94.12%;
    --quarkui-default-300:0 0% 85.1%;
    --quarkui-default-400:0 0% 74.9%;
    --quarkui-default-500:0 0% 54.9%;
    --quarkui-default-600:0 0% 34.9%;
    --quarkui-default-700:0 0% 26.27%;
    --quarkui-default-800:0 0% 14.9%;
    --quarkui-default-900:0 0% 12.16%;
    --quarkui-default:0 0% 85.1%;
    --quarkui-default-foreground:0 0% 0%;
    --quarkui-primary-50:199.20000000000005 100% 95.1%;
    --quarkui-primary-100:200.22000000000003 100% 81.96%;
    --quarkui-primary-200:201.98000000000002 95.62% 73.14%;
    --quarkui-primary-300:203.93000000000006 84.46% 62.16%;
    --quarkui-primary-400:206.06999999999994 77.33% 51.57%;
    --quarkui-primary-500:208.45000000000005 100% 41.76%;
    --quarkui-primary-600:210 100% 34.51%;
    --quarkui-primary-700:212.16999999999996 100% 27.06%;
    --quarkui-primary-800:213.94000000000005 100% 19.41%;
    --quarkui-primary-900:216.39 100% 11.96%;
    --quarkui-primary:208.45000000000005 100% 41.76%;
    --quarkui-primary-foreground:0 0% 100%;
    --quarkui-secondary-50:276 100% 97.06%;
    --quarkui-secondary-100:273.3299999999999 100% 92.94%;
    --quarkui-secondary-200:270.80999999999995 82.22% 82.35%;
    --quarkui-secondary-300:268.89 72.97% 70.98%;
    --quarkui-secondary-400:266.96000000000004 67.65% 60%;
    --quarkui-secondary-500:265.03 63.92% 50%;
    --quarkui-secondary-600:262.81999999999994 71% 39.22%;
    --quarkui-secondary-700:261.03 78.52% 29.22%;
    --quarkui-secondary-800:258.62 86.14% 19.8%;
    --quarkui-secondary-900:256.98 89.83% 11.57%;
    --quarkui-secondary:265.03 63.92% 50%;
    --quarkui-secondary-foreground:0 0% 100%;
    --quarkui-success-50:124 100% 97.06%;
    --quarkui-success-100:127.26999999999998 100% 93.53%;
    --quarkui-success-200:128.45 81.61% 82.94%;
    --quarkui-success-300:130.75 72.6% 71.37%;
    --quarkui-success-400:132.89 67.16% 60.59%;
    --quarkui-success-500:134.63 63.49% 50.59%;
    --quarkui-success-600:136.71000000000004 69.31% 39.61%;
    --quarkui-success-700:139.14 77.33% 29.41%;
    --quarkui-success-800:140.93 84.31% 20%;
    --quarkui-success-900:143.08000000000004 86.67% 11.76%;
    --quarkui-success:134.63 63.49% 50.59%;
    --quarkui-success-foreground:0 0% 0%;
    --quarkui-warning-50:57.60000000000002 100% 95.1%;
    --quarkui-warning-100:56.09000000000003 100% 81.96%;
    --quarkui-warning-200:54.139999999999986 100% 73.92%;
    --quarkui-warning-300:52.01999999999998 100% 66.08%;
    --quarkui-warning-400:49.90999999999997 100% 58.04%;
    --quarkui-warning-500:48 100% 48.04%;
    --quarkui-warning-600:45.80000000000001 100% 40.59%;
    --quarkui-warning-700:43.93000000000001 100% 32.94%;
    --quarkui-warning-800:42 100% 25.49%;
    --quarkui-warning-900:39.77999999999997 100% 18.04%;
    --quarkui-warning:48 100% 48.04%;
    --quarkui-warning-foreground:0 0% 0%;
    --quarkui-danger-50:4 100% 97.06%;
    --quarkui-danger-100:5.560000000000002 100% 89.41%;
    --quarkui-danger-200:3.230000000000018 90.29% 79.8%;
    --quarkui-danger-300:1.4300000000000068 77.78% 68.24%;
    --quarkui-danger-400:359.22 71.3% 57.65%;
    --quarkui-danger-500:356.98 73.66% 47.65%;
    --quarkui-danger-600:355.21000000000004 83.19% 44.31%;
    --quarkui-danger-700:352.9200000000001 92% 34.31%;
    --quarkui-danger-800:350.77 100% 25.49%;
    --quarkui-danger-900:348.9100000000001 100% 18.04%;
    --quarkui-danger:356.98 73.66% 47.65%;
    --quarkui-danger-foreground:0 0% 100%;
    --quarkui-divider-weight:1px;
    --quarkui-disabled-opacity:.5;
    --quarkui-font-size-tiny:0.75rem;
    --quarkui-font-size-small:0.875rem;
    --quarkui-font-size-medium:1rem;
    --quarkui-font-size-large:1.125rem;
    --quarkui-line-height-tiny:1rem;
    --quarkui-line-height-small:1.25rem;
    --quarkui-line-height-medium:1.5rem;
    --quarkui-line-height-large:1.75rem;
    --quarkui-radius-small:2px;
    --quarkui-radius-medium:4px;
    --quarkui-radius-large:8px;
    --quarkui-border-width-small:1px;
    --quarkui-border-width-medium:1px;
    --quarkui-border-width-large:2px;
    --quarkui-box-shadow-small:0px 0px 5px 0px rgb(0 0 0 / 0.02),0px 2px 10px 0px rgb(0 0 0 / 0.06);
    --quarkui-box-shadow-medium:0px 0px 15px 0px rgb(0 0 0 / 0.03),0px 2px 30px 0px rgb(0 0 0 / 0.08);
    --quarkui-box-shadow-large:0px 0px 30px 0px rgb(0 0 0 / 0.04),0px 30px 60px 0px rgb(0 0 0 / 0.12);
    --quarkui-hover-opacity:.8
}
.dark,
[data-theme=dark] {
    color-scheme:dark;
    --quarkui-background:0 0% 0%;
    --quarkui-foreground-50:0 0% 100%;
    --quarkui-foreground-50-opacity:0.02;
    --quarkui-foreground-100:0 0% 100%;
    --quarkui-foreground-100-opacity:0.04;
    --quarkui-foreground-200:0 0% 100%;
    --quarkui-foreground-200-opacity:0.08;
    --quarkui-foreground-300:0 0% 100%;
    --quarkui-foreground-300-opacity:0.12;
    --quarkui-foreground-400:0 0% 100%;
    --quarkui-foreground-400-opacity:0.20;
    --quarkui-foreground-500:0 0% 100%;
    --quarkui-foreground-500-opacity:0.45;
    --quarkui-foreground-600:0 0% 100%;
    --quarkui-foreground-600-opacity:0.65;
    --quarkui-foreground-700:0 0% 100%;
    --quarkui-foreground-700-opacity:0.85;
    --quarkui-foreground-800:0 0% 100%;
    --quarkui-foreground-800-opacity:0.95;
    --quarkui-foreground-900:0 0% 100%;
    --quarkui-foreground:210 5.56% 92.94%;
    --quarkui-focus:208.45000000000005 100% 41.76%;
    --quarkui-overlay:0 0% 0%;
    --quarkui-divider:0 0% 100%;
    --quarkui-divider-opacity:0.15;
    --quarkui-content1:0 0% 12.16%;
    --quarkui-content1-foreground:0 0% 98.04%;
    --quarkui-content2:0 0% 14.9%;
    --quarkui-content2-foreground:0 0% 96.08%;
    --quarkui-content3:0 0% 26.27%;
    --quarkui-content3-foreground:0 0% 94.12%;
    --quarkui-content4:0 0% 34.9%;
    --quarkui-content4-foreground:0 0% 85.1%;
    --quarkui-default-50:0 0% 12.16%;
    --quarkui-default-100:0 0% 14.9%;
    --quarkui-default-200:0 0% 26.27%;
    --quarkui-default-300:0 0% 34.9%;
    --quarkui-default-400:0 0% 54.9%;
    --quarkui-default-500:0 0% 74.9%;
    --quarkui-default-600:0 0% 85.1%;
    --quarkui-default-700:0 0% 94.12%;
    --quarkui-default-800:0 0% 96.08%;
    --quarkui-default-900:0 0% 98.04%;
    --quarkui-default-foreground:0 0% 100%;
    --quarkui-default:0 0% 26.27%;
    --quarkui-primary-50:216.39 100% 11.96%;
    --quarkui-primary-100:213.94000000000005 100% 19.41%;
    --quarkui-primary-200:212.16999999999996 100% 27.06%;
    --quarkui-primary-300:210 100% 34.51%;
    --quarkui-primary-400:208.45000000000005 100% 41.76%;
    --quarkui-primary-500:206.06999999999994 77.33% 51.57%;
    --quarkui-primary-600:203.93000000000006 84.46% 62.16%;
    --quarkui-primary-700:201.98000000000002 95.62% 73.14%;
    --quarkui-primary-800:200.22000000000003 100% 81.96%;
    --quarkui-primary-900:199.20000000000005 100% 95.1%;
    --quarkui-primary-foreground:0 0% 100%;
    --quarkui-primary:208.45000000000005 100% 41.76%;
    --quarkui-secondary-50:256.98 89.83% 11.57%;
    --quarkui-secondary-100:258.62 86.14% 19.8%;
    --quarkui-secondary-200:261.03 78.52% 29.22%;
    --quarkui-secondary-300:262.81999999999994 71% 39.22%;
    --quarkui-secondary-400:265.03 63.92% 50%;
    --quarkui-secondary-500:266.96000000000004 67.65% 60%;
    --quarkui-secondary-600:268.89 72.97% 70.98%;
    --quarkui-secondary-700:270.80999999999995 82.22% 82.35%;
    --quarkui-secondary-800:273.3299999999999 100% 92.94%;
    --quarkui-secondary-900:276 100% 97.06%;
    --quarkui-secondary-foreground:0 0% 100%;
    --quarkui-secondary:266.96000000000004 67.65% 60%;
    --quarkui-success-50:143.08000000000004 86.67% 11.76%;
    --quarkui-success-100:140.93 84.31% 20%;
    --quarkui-success-200:139.14 77.33% 29.41%;
    --quarkui-success-300:136.71000000000004 69.31% 39.61%;
    --quarkui-success-400:134.63 63.49% 50.59%;
    --quarkui-success-500:132.89 67.16% 60.59%;
    --quarkui-success-600:130.75 72.6% 71.37%;
    --quarkui-success-700:128.45 81.61% 82.94%;
    --quarkui-success-800:127.26999999999998 100% 93.53%;
    --quarkui-success-900:124 100% 97.06%;
    --quarkui-success-foreground:0 0% 0%;
    --quarkui-success:134.63 63.49% 50.59%;
    --quarkui-warning-50:39.77999999999997 100% 18.04%;
    --quarkui-warning-100:42 100% 25.49%;
    --quarkui-warning-200:43.93000000000001 100% 32.94%;
    --quarkui-warning-300:45.80000000000001 100% 40.59%;
    --quarkui-warning-400:48 100% 48.04%;
    --quarkui-warning-500:49.90999999999997 100% 58.04%;
    --quarkui-warning-600:52.01999999999998 100% 66.08%;
    --quarkui-warning-700:54.139999999999986 100% 73.92%;
    --quarkui-warning-800:56.09000000000003 100% 81.96%;
    --quarkui-warning-900:57.60000000000002 100% 95.1%;
    --quarkui-warning-foreground:0 0% 0%;
    --quarkui-warning:48 100% 48.04%;
    --quarkui-danger-50:348.9100000000001 100% 18.04%;
    --quarkui-danger-100:350.77 100% 25.49%;
    --quarkui-danger-200:352.9200000000001 92% 34.31%;
    --quarkui-danger-300:355.21000000000004 83.19% 44.31%;
    --quarkui-danger-400:356.98 73.66% 47.65%;
    --quarkui-danger-500:359.22 71.3% 57.65%;
    --quarkui-danger-600:1.4300000000000068 77.78% 68.24%;
    --quarkui-danger-700:3.230000000000018 90.29% 79.8%;
    --quarkui-danger-800:5.560000000000002 100% 89.41%;
    --quarkui-danger-900:4 100% 97.06%;
    --quarkui-danger-foreground:0 0% 100%;
    --quarkui-danger:356.98 73.66% 47.65%;
    --quarkui-divider-weight:1px;
    --quarkui-disabled-opacity:.5;
    --quarkui-font-size-tiny:0.75rem;
    --quarkui-font-size-small:0.875rem;
    --quarkui-font-size-medium:1rem;
    --quarkui-font-size-large:1.125rem;
    --quarkui-line-height-tiny:1rem;
    --quarkui-line-height-small:1.25rem;
    --quarkui-line-height-medium:1.5rem;
    --quarkui-line-height-large:1.75rem;
    --quarkui-radius-small:2px;
    --quarkui-radius-medium:4px;
    --quarkui-radius-large:8px;
    --quarkui-border-width-small:1px;
    --quarkui-border-width-medium:1px;
    --quarkui-border-width-large:2px;
    --quarkui-box-shadow-small:0px 0px 5px 0px rgb(0 0 0 / 0.05),0px 2px 10px 0px rgb(0 0 0 / 0.2);
    --quarkui-box-shadow-medium:0px 0px 15px 0px rgb(0 0 0 / 0.06),0px 2px 30px 0px rgb(0 0 0 / 0.22);
    --quarkui-box-shadow-large:0px 0px 30px 0px rgb(0 0 0 / 0.07),0px 30px 60px 0px rgb(0 0 0 / 0.26);
    --quarkui-hover-opacity:.9
}
.leading-inherit {
    line-height:inherit
}
.bg-img-inherit {
    background-image:inherit
}
.bg-clip-inherit {
    background-clip:inherit
}
.text-fill-inherit {
    -webkit-text-fill-color:inherit
}
.tap-highlight-transparent {
    -webkit-tap-highlight-color:transparent
}
.transition-background {
    transition-property:background;
    transition-timing-function:ease;
    transition-duration:250ms
}
.transition-colors-opacity {
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity;
    transition-timing-function:ease;
    transition-duration:250ms
}
.transition-width {
    transition-property:width;
    transition-timing-function:ease;
    transition-duration:250ms
}
.transition-height {
    transition-property:height;
    transition-timing-function:ease;
    transition-duration:250ms
}
.transition-size {
    transition-property:width,height;
    transition-timing-function:ease;
    transition-duration:250ms
}
.transition-left {
    transition-property:left;
    transition-timing-function:ease;
    transition-duration:250ms
}
.transition-transform-opacity {
    transition-property:transform,opacity;
    transition-timing-function:ease;
    transition-duration:250ms
}
.transition-transform-background {
    transition-property:transform,background;
    transition-timing-function:ease;
    transition-duration:250ms
}
.transition-transform-colors {
    transition-property:transform,color,background,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function:ease;
    transition-duration:250ms
}
.transition-transform-colors-opacity {
    transition-property:transform,color,background,background-color,border-color,text-decoration-color,fill,stroke,opacity;
    transition-timing-function:ease;
    transition-duration:250ms
}
.scrollbar-hide {
    -ms-overflow-style:none;
    scrollbar-width:none
}
.scrollbar-hide::-webkit-scrollbar {
    display:none
}
.scrollbar-default {
    -ms-overflow-style:auto;
    scrollbar-width:auto
}
.scrollbar-default::-webkit-scrollbar {
    display:block
}
.\[--picker-height\:224px\] {
    --picker-height:224px
}
.\[--scale-enter\:100\%\] {
    --scale-enter:100%
}
.\[--scale-exit\:100\%\] {
    --scale-exit:100%
}
.\[--scroll-shadow-size\:100px\] {
    --scroll-shadow-size:100px
}
.\[--slide-enter\:0px\] {
    --slide-enter:0px
}
.\[--slide-exit\:80px\] {
    --slide-exit:80px
}
.\[mask-image\:linear-gradient\(\#000\2c \#000\2c transparent_0\2c \#000_var\(--scroll-shadow-size\)\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\] {
    mask-image:linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent)
}
:root {
    color:#3b3e40;
    background-color:#f0f1f2
}
.placeholder\:text-danger::placeholder {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-text-opacity)))
}
.placeholder\:text-foreground-500::placeholder {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground-500) / var(--quarkui-foreground-500-opacity,var(--tw-text-opacity)))
}
.placeholder\:text-primary::placeholder {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-text-opacity)))
}
.placeholder\:text-secondary::placeholder {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-text-opacity)))
}
.placeholder\:text-success-600::placeholder {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-600) / var(--quarkui-success-600-opacity,var(--tw-text-opacity)))
}
.placeholder\:text-warning-600::placeholder {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-600) / var(--quarkui-warning-600-opacity,var(--tw-text-opacity)))
}
.before\:absolute::before {
    content:var(--tw-content);
    position:absolute
}
.before\:bottom-0::before {
    content:var(--tw-content);
    bottom:0
}
.before\:left-0::before {
    content:var(--tw-content);
    left:0
}
.before\:right-0::before {
    content:var(--tw-content);
    right:0
}
.before\:top-0::before {
    content:var(--tw-content);
    top:0
}
.before\:z-0::before {
    content:var(--tw-content);
    z-index:0
}
.before\:z-\[-1\]::before {
    content:var(--tw-content);
    z-index:-1
}
.before\:box-border::before {
    content:var(--tw-content);
    box-sizing:border-box
}
.before\:block::before {
    content:var(--tw-content);
    display:block
}
.before\:hidden::before {
    content:var(--tw-content);
    display:none
}
.before\:h-0\.5::before {
    content:var(--tw-content);
    height:.125rem
}
.before\:h-11::before {
    content:var(--tw-content);
    height:2.75rem
}
.before\:h-2\.5::before {
    content:var(--tw-content);
    height:.625rem
}
.before\:h-px::before {
    content:var(--tw-content);
    height:1px
}
.before\:w-0::before {
    content:var(--tw-content);
    width:0
}
.before\:w-11::before {
    content:var(--tw-content);
    width:2.75rem
}
.before\:w-2\.5::before {
    content:var(--tw-content);
    width:.625rem
}
.before\:w-6::before {
    content:var(--tw-content);
    width:1.5rem
}
.before\:-translate-x-full::before {
    content:var(--tw-content);
    --tw-translate-x:-100%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.before\:-translate-y-1::before {
    content:var(--tw-content);
    --tw-translate-y:-0.25rem;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.before\:rotate-0::before {
    content:var(--tw-content);
    --tw-rotate:0deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.before\:rotate-45::before {
    content:var(--tw-content);
    --tw-rotate:45deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes shimmer {
    100% {
        content:var(--tw-content);
        transform:translateX(100%)
    }
}
.before\:animate-\[shimmer_2s_infinite\]::before {
    content:var(--tw-content);
    animation:shimmer 2s infinite
}
.before\:animate-none::before {
    content:var(--tw-content);
    animation:none
}
.before\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.5\)\]::before {
    content:var(--tw-content);
    border-radius:calc(var(--quarkui-radius-medium) * .5)
}
.before\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.6\)\]::before {
    content:var(--tw-content);
    border-radius:calc(var(--quarkui-radius-medium) * .6)
}
.before\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.7\)\]::before {
    content:var(--tw-content);
    border-radius:calc(var(--quarkui-radius-medium) * .7)
}
.before\:rounded-full::before {
    content:var(--tw-content);
    border-radius:9999px
}
.before\:rounded-none::before {
    content:var(--tw-content);
    border-radius:0
}
.before\:border-2::before {
    content:var(--tw-content);
    border-width:2px
}
.before\:border-t::before {
    content:var(--tw-content);
    border-top-width:1px
}
.before\:border-solid::before {
    content:var(--tw-content);
    border-style:solid
}
.before\:border-content4\/30::before {
    content:var(--tw-content);
    border-color:hsl(var(--quarkui-content4) / .3)
}
.before\:border-danger::before {
    content:var(--tw-content);
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.before\:border-default::before {
    content:var(--tw-content);
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default) / var(--quarkui-default-opacity,var(--tw-border-opacity)))
}
.before\:bg-content1::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-content1) / var(--quarkui-content1-opacity,var(--tw-bg-opacity)))
}
.before\:bg-current::before {
    content:var(--tw-content);
    background-color:currentColor
}
.before\:bg-danger::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.before\:bg-danger\/20::before {
    content:var(--tw-content);
    background-color:hsl(var(--quarkui-danger) / .2)
}
.before\:bg-default\/40::before {
    content:var(--tw-content);
    background-color:hsl(var(--quarkui-default) / .4)
}
.before\:bg-foreground::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-bg-opacity)))
}
.before\:bg-primary::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-bg-opacity)))
}
.before\:bg-primary\/20::before {
    content:var(--tw-content);
    background-color:hsl(var(--quarkui-primary) / .2)
}
.before\:bg-secondary::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-bg-opacity)))
}
.before\:bg-secondary\/20::before {
    content:var(--tw-content);
    background-color:hsl(var(--quarkui-secondary) / .2)
}
.before\:bg-success::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-bg-opacity)))
}
.before\:bg-success\/20::before {
    content:var(--tw-content);
    background-color:hsl(var(--quarkui-success) / .2)
}
.before\:bg-warning::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-bg-opacity)))
}
.before\:bg-warning\/20::before {
    content:var(--tw-content);
    background-color:hsl(var(--quarkui-warning) / .2)
}
.before\:bg-gradient-to-r::before {
    content:var(--tw-content);
    background-image:linear-gradient(to right,var(--tw-gradient-stops))
}
.before\:from-transparent::before {
    content:var(--tw-content);
    --tw-gradient-from:transparent var(--tw-gradient-from-position);
    --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.before\:via-content4::before {
    content:var(--tw-content);
    --tw-gradient-to:hsl(var(--quarkui-content4) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--quarkui-content4) / var(--quarkui-content4-opacity, 1)) var(--tw-gradient-via-position),var(--tw-gradient-to)
}
.before\:to-transparent::before {
    content:var(--tw-content);
    --tw-gradient-to:transparent var(--tw-gradient-to-position)
}
.before\:opacity-0::before {
    content:var(--tw-content);
    opacity:0
}
.before\:opacity-100::before {
    content:var(--tw-content);
    opacity:1
}
.before\:shadow-small::before {
    content:var(--tw-content);
    --tw-shadow:var(--quarkui-box-shadow-small);
    --tw-shadow-colored:var(--quarkui-box-shadow-small);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.before\:transition-colors::before {
    content:var(--tw-content);
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.before\:transition-none::before {
    content:var(--tw-content);
    transition-property:none
}
.before\:transition-opacity::before {
    content:var(--tw-content);
    transition-property:opacity;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.before\:transition-transform::before {
    content:var(--tw-content);
    transition-property:transform;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.before\:\!duration-300::before {
    content:var(--tw-content);
    transition-duration:.3s!important
}
.before\:duration-150::before {
    content:var(--tw-content);
    transition-duration:150ms
}
.before\:content-\[\'\'\]::before {
    --tw-content:'';
    content:var(--tw-content)
}
.before\:transition-width::before {
    content:var(--tw-content);
    transition-property:width;
    transition-timing-function:ease;
    transition-duration:250ms
}
.after\:absolute::after {
    content:var(--tw-content);
    position:absolute
}
.after\:-bottom-1::after {
    content:var(--tw-content);
    bottom:-.25rem
}
.after\:-bottom-\[2px\]::after {
    content:var(--tw-content);
    bottom:-2px
}
.after\:bottom-0::after {
    content:var(--tw-content);
    bottom:0
}
.after\:left-0::after {
    content:var(--tw-content);
    left:0
}
.after\:left-1\/2::after {
    content:var(--tw-content);
    left:50%
}
.after\:right-0::after {
    content:var(--tw-content);
    right:0
}
.after\:top-0::after {
    content:var(--tw-content);
    top:0
}
.after\:-z-10::after {
    content:var(--tw-content);
    z-index:-10
}
.after\:z-0::after {
    content:var(--tw-content);
    z-index:0
}
.after\:ml-0\.5::after {
    content:var(--tw-content);
    margin-left:.125rem
}
.after\:block::after {
    content:var(--tw-content);
    display:block
}
.after\:h-0::after {
    content:var(--tw-content);
    height:0
}
.after\:h-4::after {
    content:var(--tw-content);
    height:1rem
}
.after\:h-5::after {
    content:var(--tw-content);
    height:1.25rem
}
.after\:h-\[2px\]::after {
    content:var(--tw-content);
    height:2px
}
.after\:h-divider::after {
    content:var(--tw-content);
    height:var(--quarkui-divider-weight)
}
.after\:h-full::after {
    content:var(--tw-content);
    height:100%
}
.after\:h-px::after {
    content:var(--tw-content);
    height:1px
}
.after\:w-0::after {
    content:var(--tw-content);
    width:0
}
.after\:w-4::after {
    content:var(--tw-content);
    width:1rem
}
.after\:w-5::after {
    content:var(--tw-content);
    width:1.25rem
}
.after\:w-6::after {
    content:var(--tw-content);
    width:1.5rem
}
.after\:w-\[80\%\]::after {
    content:var(--tw-content);
    width:80%
}
.after\:w-full::after {
    content:var(--tw-content);
    width:100%
}
.after\:origin-center::after {
    content:var(--tw-content);
    transform-origin:center
}
.after\:-translate-x-1\/2::after {
    content:var(--tw-content);
    --tw-translate-x:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.after\:translate-y-1::after {
    content:var(--tw-content);
    --tw-translate-y:0.25rem;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.after\:rotate-0::after {
    content:var(--tw-content);
    --tw-rotate:0deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.after\:scale-50::after {
    content:var(--tw-content);
    --tw-scale-x:.5;
    --tw-scale-y:.5;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.after\:rounded-\[calc\(theme\(borderRadius\.large\)\/2\)\]::after {
    content:var(--tw-content);
    border-radius:calc(var(--quarkui-radius-large)/ 2)
}
.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.5\)\]::after {
    content:var(--tw-content);
    border-radius:calc(var(--quarkui-radius-medium) * .5)
}
.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.6\)\]::after {
    content:var(--tw-content);
    border-radius:calc(var(--quarkui-radius-medium) * .6)
}
.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.7\)\]::after {
    content:var(--tw-content);
    border-radius:calc(var(--quarkui-radius-medium) * .7)
}
.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\/3\)\]::after {
    content:var(--tw-content);
    border-radius:calc(var(--quarkui-radius-medium)/ 3)
}
.after\:rounded-\[calc\(theme\(borderRadius\.small\)\/3\)\]::after {
    content:var(--tw-content);
    border-radius:calc(var(--quarkui-radius-small)/ 3)
}
.after\:rounded-full::after {
    content:var(--tw-content);
    border-radius:9999px
}
.after\:rounded-none::after {
    content:var(--tw-content);
    border-radius:0
}
.after\:rounded-xl::after {
    content:var(--tw-content);
    border-radius:.75rem
}
.after\:\!bg-danger::after {
    content:var(--tw-content);
    --tw-bg-opacity:1!important;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))!important
}
.after\:bg-background::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-background) / var(--quarkui-background-opacity,var(--tw-bg-opacity)))
}
.after\:bg-content1::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-content1) / var(--quarkui-content1-opacity,var(--tw-bg-opacity)))
}
.after\:bg-content3::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-content3) / var(--quarkui-content3-opacity,var(--tw-bg-opacity)))
}
.after\:bg-current::after {
    content:var(--tw-content);
    background-color:currentColor
}
.after\:bg-danger::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.after\:bg-default::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default) / var(--quarkui-default-opacity,var(--tw-bg-opacity)))
}
.after\:bg-default-foreground::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-bg-opacity)))
}
.after\:bg-divider::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-divider) / var(--quarkui-divider-opacity,var(--tw-bg-opacity)))
}
.after\:bg-primary::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-bg-opacity)))
}
.after\:bg-secondary::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-bg-opacity)))
}
.after\:bg-success::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-bg-opacity)))
}
.after\:bg-warning::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-bg-opacity)))
}
.after\:text-danger::after {
    content:var(--tw-content);
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-text-opacity)))
}
.after\:text-danger-foreground::after {
    content:var(--tw-content);
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-foreground) / var(--quarkui-danger-foreground-opacity,var(--tw-text-opacity)))
}
.after\:text-default-foreground::after {
    content:var(--tw-content);
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-text-opacity)))
}
.after\:text-primary-foreground::after {
    content:var(--tw-content);
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary-foreground) / var(--quarkui-primary-foreground-opacity,var(--tw-text-opacity)))
}
.after\:text-secondary-foreground::after {
    content:var(--tw-content);
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary-foreground) / var(--quarkui-secondary-foreground-opacity,var(--tw-text-opacity)))
}
.after\:text-success-foreground::after {
    content:var(--tw-content);
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-foreground) / var(--quarkui-success-foreground-opacity,var(--tw-text-opacity)))
}
.after\:text-warning-foreground::after {
    content:var(--tw-content);
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-foreground) / var(--quarkui-warning-foreground-opacity,var(--tw-text-opacity)))
}
.after\:opacity-0::after {
    content:var(--tw-content);
    opacity:0
}
.after\:opacity-100::after {
    content:var(--tw-content);
    opacity:1
}
.after\:shadow-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]::after {
    content:var(--tw-content);
    --tw-shadow:0 1px 0px 0 rgba(0,0,0,0.05);
    --tw-shadow-colored:0 1px 0px 0 var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.after\:shadow-small::after {
    content:var(--tw-content);
    --tw-shadow:var(--quarkui-box-shadow-small);
    --tw-shadow-colored:var(--quarkui-box-shadow-small);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.after\:transition-all::after {
    content:var(--tw-content);
    transition-property:all;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.after\:transition-none::after {
    content:var(--tw-content);
    transition-property:none
}
.after\:transition-transform::after {
    content:var(--tw-content);
    transition-property:transform;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.after\:\!duration-200::after {
    content:var(--tw-content);
    transition-duration:.2s!important
}
.after\:duration-150::after {
    content:var(--tw-content);
    transition-duration:150ms
}
.after\:\!ease-linear::after {
    content:var(--tw-content);
    transition-timing-function:linear!important
}
.after\:content-\[\'\'\]::after {
    --tw-content:'';
    content:var(--tw-content)
}
.after\:content-\[\'\*\'\]::after {
    --tw-content:'*';
    content:var(--tw-content)
}
.after\:transition-background::after {
    content:var(--tw-content);
    transition-property:background;
    transition-timing-function:ease;
    transition-duration:250ms
}
.after\:transition-width::after {
    content:var(--tw-content);
    transition-property:width;
    transition-timing-function:ease;
    transition-duration:250ms
}
.after\:transition-height::after {
    content:var(--tw-content);
    transition-property:height;
    transition-timing-function:ease;
    transition-duration:250ms
}
.after\:transition-transform-opacity::after {
    content:var(--tw-content);
    transition-property:transform,opacity;
    transition-timing-function:ease;
    transition-duration:250ms
}
.first\:-ml-0\.5:first-child {
    margin-left:-.125rem
}
.first\:mt-2:first-child {
    margin-top:.5rem
}
.first\:rounded-l-lg:first-child {
    border-top-left-radius:.5rem;
    border-bottom-left-radius:.5rem
}
.first\:rounded-s-full:first-child {
    border-start-start-radius:9999px;
    border-end-start-radius:9999px
}
.first\:rounded-s-large:first-child {
    border-start-start-radius:var(--quarkui-radius-large);
    border-end-start-radius:var(--quarkui-radius-large)
}
.first\:rounded-s-medium:first-child {
    border-start-start-radius:var(--quarkui-radius-medium);
    border-end-start-radius:var(--quarkui-radius-medium)
}
.first\:rounded-s-none:first-child {
    border-start-start-radius:0px;
    border-end-start-radius:0px
}
.first\:rounded-s-small:first-child {
    border-start-start-radius:var(--quarkui-radius-small);
    border-end-start-radius:var(--quarkui-radius-small)
}
.first\:before\:rounded-l-lg:first-child::before {
    content:var(--tw-content);
    border-top-left-radius:.5rem;
    border-bottom-left-radius:.5rem
}
.last\:rounded-e-full:last-child {
    border-start-end-radius:9999px;
    border-end-end-radius:9999px
}
.last\:rounded-e-large:last-child {
    border-start-end-radius:var(--quarkui-radius-large);
    border-end-end-radius:var(--quarkui-radius-large)
}
.last\:rounded-e-medium:last-child {
    border-start-end-radius:var(--quarkui-radius-medium);
    border-end-end-radius:var(--quarkui-radius-medium)
}
.last\:rounded-e-none:last-child {
    border-start-end-radius:0px;
    border-end-end-radius:0px
}
.last\:rounded-e-small:last-child {
    border-start-end-radius:var(--quarkui-radius-small);
    border-end-end-radius:var(--quarkui-radius-small)
}
.last\:rounded-r-lg:last-child {
    border-top-right-radius:.5rem;
    border-bottom-right-radius:.5rem
}
.last\:before\:rounded-r-lg:last-child::before {
    content:var(--tw-content);
    border-top-right-radius:.5rem;
    border-bottom-right-radius:.5rem
}
.first-of-type\:rounded-r-none:first-of-type {
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.last-of-type\:rounded-l-none:last-of-type {
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.focus-within\:border-danger:focus-within {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.focus-within\:border-default-foreground:focus-within {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-border-opacity)))
}
.focus-within\:border-primary:focus-within {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-border-opacity)))
}
.focus-within\:border-secondary:focus-within {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-border-opacity)))
}
.focus-within\:border-success:focus-within {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-border-opacity)))
}
.focus-within\:border-warning:focus-within {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-border-opacity)))
}
.focus-within\:bg-danger-50:focus-within {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger-50) / var(--quarkui-danger-50-opacity,var(--tw-bg-opacity)))
}
.focus-within\:bg-primary-50:focus-within {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary-50) / var(--quarkui-primary-50-opacity,var(--tw-bg-opacity)))
}
.focus-within\:bg-secondary-50:focus-within {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary-50) / var(--quarkui-secondary-50-opacity,var(--tw-bg-opacity)))
}
.focus-within\:bg-success-50:focus-within {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success-50) / var(--quarkui-success-50-opacity,var(--tw-bg-opacity)))
}
.focus-within\:bg-warning-50:focus-within {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning-50) / var(--quarkui-warning-50-opacity,var(--tw-bg-opacity)))
}
.focus-within\:after\:w-full:focus-within::after {
    content:var(--tw-content);
    width:100%
}
.hover\:-translate-x-0:hover {
    --tw-translate-x:-0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:scale-125:hover {
    --tw-scale-x:1.25;
    --tw-scale-y:1.25;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:border-default:hover {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default) / var(--quarkui-default-opacity,var(--tw-border-opacity)))
}
.hover\:border-default-300:hover {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default-300) / var(--quarkui-default-300-opacity,var(--tw-border-opacity)))
}
.hover\:border-default-400:hover {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default-400) / var(--quarkui-default-400-opacity,var(--tw-border-opacity)))
}
.hover\:\!bg-foreground:hover {
    --tw-bg-opacity:1!important;
    background-color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-bg-opacity)))!important
}
.hover\:bg-danger-100:hover {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger-100) / var(--quarkui-danger-100-opacity,var(--tw-bg-opacity)))
}
.hover\:bg-default-200:hover {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-200) / var(--quarkui-default-200-opacity,var(--tw-bg-opacity)))
}
.hover\:bg-primary-100:hover {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary-100) / var(--quarkui-primary-100-opacity,var(--tw-bg-opacity)))
}
.hover\:bg-secondary-100:hover {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary-100) / var(--quarkui-secondary-100-opacity,var(--tw-bg-opacity)))
}
.hover\:bg-success-100:hover {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success-100) / var(--quarkui-success-100-opacity,var(--tw-bg-opacity)))
}
.hover\:bg-warning-100:hover {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning-100) / var(--quarkui-warning-100-opacity,var(--tw-bg-opacity)))
}
.hover\:underline:hover {
    text-decoration-line:underline
}
.hover\:\!opacity-100:hover {
    opacity:1!important
}
.hover\:opacity-100:hover {
    opacity:1
}
.hover\:opacity-80:hover {
    opacity:.8
}
.hover\:after\:bg-danger\/20:hover::after {
    content:var(--tw-content);
    background-color:hsl(var(--quarkui-danger) / .2)
}
.hover\:after\:bg-foreground\/10:hover::after {
    content:var(--tw-content);
    background-color:hsl(var(--quarkui-foreground) / .1)
}
.hover\:after\:bg-primary\/20:hover::after {
    content:var(--tw-content);
    background-color:hsl(var(--quarkui-primary) / .2)
}
.hover\:after\:bg-secondary\/20:hover::after {
    content:var(--tw-content);
    background-color:hsl(var(--quarkui-secondary) / .2)
}
.hover\:after\:bg-success\/20:hover::after {
    content:var(--tw-content);
    background-color:hsl(var(--quarkui-success) / .2)
}
.hover\:after\:bg-warning\/20:hover::after {
    content:var(--tw-content);
    background-color:hsl(var(--quarkui-warning) / .2)
}
.hover\:after\:opacity-100:hover::after {
    content:var(--tw-content);
    opacity:1
}
.focus-within\:hover\:border-danger:hover:focus-within {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.focus-within\:hover\:border-default-foreground:hover:focus-within {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-border-opacity)))
}
.focus-within\:hover\:border-primary:hover:focus-within {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-border-opacity)))
}
.focus-within\:hover\:border-secondary:hover:focus-within {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-border-opacity)))
}
.focus-within\:hover\:border-success:hover:focus-within {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-border-opacity)))
}
.focus-within\:hover\:border-warning:hover:focus-within {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-border-opacity)))
}
.focus-within\:hover\:bg-default-100:hover:focus-within {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-100) / var(--quarkui-default-100-opacity,var(--tw-bg-opacity)))
}
.focus\:bg-danger-400\/50:focus {
    background-color:hsl(var(--quarkui-danger-400) / .5)
}
.focus\:bg-default-400\/50:focus {
    background-color:hsl(var(--quarkui-default-400) / .5)
}
.focus\:bg-primary-400\/50:focus {
    background-color:hsl(var(--quarkui-primary-400) / .5)
}
.focus\:bg-secondary-400\/50:focus {
    background-color:hsl(var(--quarkui-secondary-400) / .5)
}
.focus\:bg-success-400\/50:focus {
    background-color:hsl(var(--quarkui-success-400) / .5)
}
.focus\:bg-warning-400\/50:focus {
    background-color:hsl(var(--quarkui-warning-400) / .5)
}
.focus\:underline:focus {
    text-decoration-line:underline
}
.focus\:shadow-sm:focus {
    --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.focus-visible\:z-10:focus-visible {
    z-index:10
}
.focus-visible\:outline-none:focus-visible {
    outline:2px solid transparent;
    outline-offset:2px
}
.focus-visible\:outline-2:focus-visible {
    outline-width:2px
}
.focus-visible\:outline-offset-2:focus-visible {
    outline-offset:2px
}
.focus-visible\:outline-focus:focus-visible {
    outline-color:hsl(var(--quarkui-focus) / var(--quarkui-focus-opacity,1))
}
.active\:bg-default-200:active {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-200) / var(--quarkui-default-200-opacity,var(--tw-bg-opacity)))
}
.active\:bg-default-300:active {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-300) / var(--quarkui-default-300-opacity,var(--tw-bg-opacity)))
}
.active\:underline:active {
    text-decoration-line:underline
}
.active\:\!opacity-70:active {
    opacity:.7!important
}
.active\:opacity-disabled:active {
    opacity:var(--quarkui-disabled-opacity)
}
.group:hover .group-hover\:block {
    display:block
}
.group:hover .group-hover\:hidden {
    display:none
}
.group:hover .group-hover\:border-current {
    border-color:currentColor
}
.group:hover .group-hover\:text-current {
    color:currentColor
}
.group.is-splitted .group-\[\.is-splitted\]\:rounded-medium {
    border-radius:var(--quarkui-radius-medium)
}
.group.is-splitted .group-\[\.is-splitted\]\:bg-content1 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-content1) / var(--quarkui-content1-opacity,var(--tw-bg-opacity)))
}
.group.is-splitted .group-\[\.is-splitted\]\:px-4 {
    padding-left:1rem;
    padding-right:1rem
}
.group.is-splitted .group-\[\.is-splitted\]\:shadow-medium {
    --tw-shadow:var(--quarkui-box-shadow-medium);
    --tw-shadow-colored:var(--quarkui-box-shadow-medium);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.aria-expanded\:scale-\[0\.97\][aria-expanded=true] {
    --tw-scale-x:0.97;
    --tw-scale-y:0.97;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.aria-expanded\:opacity-70[aria-expanded=true] {
    opacity:.7
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
    pointer-events:none
}
.data-\[focus-visible\=true\]\:z-10[data-focus-visible=true] {
    z-index:10
}
.data-\[focused\=true\]\:z-10[data-focused=true] {
    z-index:10
}
.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_10px\)\][data-has-label=true] {
    margin-top:calc(var(--quarkui-font-size-small) + 10px)
}
.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_12px\)\][data-has-label=true] {
    margin-top:calc(var(--quarkui-font-size-small) + 12px)
}
.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_8px\)\][data-has-label=true] {
    margin-top:calc(var(--quarkui-font-size-small) + 8px)
}
.data-\[open\=true\]\:block[data-open=true] {
    display:block
}
.data-\[open\=true\]\:flex[data-open=true] {
    display:flex
}
.data-\[inert\=true\]\:hidden[data-inert=true] {
    display:none
}
.data-\[justify\=end\]\:flex-grow[data-justify=end] {
    flex-grow:1
}
.data-\[justify\=start\]\:flex-grow[data-justify=start] {
    flex-grow:1
}
.data-\[justify\=end\]\:basis-0[data-justify=end] {
    flex-basis:0px
}
.data-\[justify\=start\]\:basis-0[data-justify=start] {
    flex-basis:0px
}
.data-\[focus-visible\=true\]\:-translate-x-3[data-focus-visible=true] {
    --tw-translate-x:-0.75rem;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[hover\=true\]\:-translate-x-3[data-hover=true] {
    --tw-translate-x:-0.75rem;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[hover\=true\]\:translate-x-0[data-hover=true] {
    --tw-translate-x:0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[before\=true\]\:rotate-180[data-before=true] {
    --tw-rotate:180deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[direction\=ascending\]\:rotate-180[data-direction=ascending] {
    --tw-rotate:180deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[open\=true\]\:-rotate-90[data-open=true] {
    --tw-rotate:-90deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[open\=true\]\:rotate-180[data-open=true] {
    --tw-rotate:180deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[invisible\=true\]\:scale-0[data-invisible=true] {
    --tw-scale-x:0;
    --tw-scale-y:0;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[pressed\=true\]\:scale-\[0\.97\][data-pressed=true] {
    --tw-scale-x:0.97;
    --tw-scale-y:0.97;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[disabled\=true\]\:cursor-default[data-disabled=true] {
    cursor:default
}
.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled=true] {
    cursor:not-allowed
}
.data-\[dragging\=true\]\:cursor-grabbing[data-dragging=true] {
    cursor:grabbing
}
.data-\[readonly\=true\]\:cursor-default[data-readonly=true] {
    cursor:default
}
.data-\[sortable\=true\]\:cursor-pointer[data-sortable=true] {
    cursor:pointer
}
.data-\[unavailable\=true\]\:cursor-default[data-unavailable=true] {
    cursor:default
}
.data-\[visible\=true\]\:cursor-pointer[data-visible=true] {
    cursor:pointer
}
.data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal] {
    flex-direction:row
}
.data-\[has-helper\=true\]\:items-start[data-has-helper=true] {
    align-items:flex-start
}
.data-\[justify\=start\]\:justify-start[data-justify=start] {
    justify-content:flex-start
}
.data-\[justify\=end\]\:justify-end[data-justify=end] {
    justify-content:flex-end
}
.data-\[justify\=center\]\:justify-center[data-justify=center] {
    justify-content:center
}
.data-\[loaded\=true\]\:overflow-visible[data-loaded=true] {
    overflow:visible
}
.data-\[has-multiple-rows\=true\]\:rounded-large[data-has-multiple-rows=true] {
    border-radius:var(--quarkui-radius-large)
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-range-selection=true][data-selection-end=true][data-selected=true] {
    border-radius:9999px
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-range-selection=true][data-selection-start=true][data-selected=true] {
    border-radius:9999px
}
.data-\[menu-open\=true\]\:border-none[data-menu-open=true] {
    border-style:none
}
.data-\[active\=true\]\:border-danger[data-active=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.data-\[active\=true\]\:border-default-400[data-active=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default-400) / var(--quarkui-default-400-opacity,var(--tw-border-opacity)))
}
.data-\[active\=true\]\:border-primary[data-active=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-border-opacity)))
}
.data-\[active\=true\]\:border-secondary[data-active=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-border-opacity)))
}
.data-\[active\=true\]\:border-success[data-active=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-border-opacity)))
}
.data-\[active\=true\]\:border-warning[data-active=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-border-opacity)))
}
.data-\[focus\=true\]\:border-danger[data-focus=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.data-\[focus\=true\]\:border-default-foreground[data-focus=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-border-opacity)))
}
.data-\[focus\=true\]\:border-primary[data-focus=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-border-opacity)))
}
.data-\[focus\=true\]\:border-secondary[data-focus=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-border-opacity)))
}
.data-\[focus\=true\]\:border-success[data-focus=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-border-opacity)))
}
.data-\[focus\=true\]\:border-warning[data-focus=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-border-opacity)))
}
.data-\[hover\=true\]\:border-danger[data-hover=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.data-\[hover\=true\]\:border-default[data-hover=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default) / var(--quarkui-default-opacity,var(--tw-border-opacity)))
}
.data-\[hover\=true\]\:border-default-400[data-hover=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default-400) / var(--quarkui-default-400-opacity,var(--tw-border-opacity)))
}
.data-\[hover\=true\]\:border-primary[data-hover=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-border-opacity)))
}
.data-\[hover\=true\]\:border-secondary[data-hover=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-border-opacity)))
}
.data-\[hover\=true\]\:border-success[data-hover=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-border-opacity)))
}
.data-\[hover\=true\]\:border-warning[data-hover=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-border-opacity)))
}
.data-\[open\=true\]\:border-danger[data-open=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.data-\[open\=true\]\:border-default-foreground[data-open=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-border-opacity)))
}
.data-\[open\=true\]\:border-primary[data-open=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-border-opacity)))
}
.data-\[open\=true\]\:border-secondary[data-open=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-border-opacity)))
}
.data-\[open\=true\]\:border-success[data-open=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-border-opacity)))
}
.data-\[open\=true\]\:border-warning[data-open=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-border-opacity)))
}
.data-\[active\=true\]\:bg-danger[data-active=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.data-\[active\=true\]\:bg-default-400[data-active=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-400) / var(--quarkui-default-400-opacity,var(--tw-bg-opacity)))
}
.data-\[active\=true\]\:bg-primary[data-active=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-bg-opacity)))
}
.data-\[active\=true\]\:bg-secondary[data-active=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-bg-opacity)))
}
.data-\[active\=true\]\:bg-success[data-active=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-bg-opacity)))
}
.data-\[active\=true\]\:bg-warning[data-active=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:\!bg-danger-100[data-hover=true] {
    --tw-bg-opacity:1!important;
    background-color:hsl(var(--quarkui-danger-100) / var(--quarkui-danger-100-opacity,var(--tw-bg-opacity)))!important
}
.data-\[hover\=true\]\:bg-content2[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-content2) / var(--quarkui-content2-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-danger[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-danger-100[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger-100) / var(--quarkui-danger-100-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-danger\/20[data-hover=true] {
    background-color:hsl(var(--quarkui-danger) / .2)
}
.data-\[hover\=true\]\:bg-default[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default) / var(--quarkui-default-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-default-100[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-100) / var(--quarkui-default-100-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-default-200[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-200) / var(--quarkui-default-200-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-default\/40[data-hover=true] {
    background-color:hsl(var(--quarkui-default) / .4)
}
.data-\[hover\=true\]\:bg-foreground-200[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-foreground-200) / var(--quarkui-foreground-200-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-primary[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-primary-100[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary-100) / var(--quarkui-primary-100-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-primary-50[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary-50) / var(--quarkui-primary-50-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-primary\/20[data-hover=true] {
    background-color:hsl(var(--quarkui-primary) / .2)
}
.data-\[hover\=true\]\:bg-secondary[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-secondary-100[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary-100) / var(--quarkui-secondary-100-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-secondary-50[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary-50) / var(--quarkui-secondary-50-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-secondary\/20[data-hover=true] {
    background-color:hsl(var(--quarkui-secondary) / .2)
}
.data-\[hover\=true\]\:bg-success[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-success-100[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success-100) / var(--quarkui-success-100-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-success\/20[data-hover=true] {
    background-color:hsl(var(--quarkui-success) / .2)
}
.data-\[hover\=true\]\:bg-transparent[data-hover=true] {
    background-color:transparent
}
.data-\[hover\=true\]\:bg-warning[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-warning-100[data-hover=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning-100) / var(--quarkui-warning-100-opacity,var(--tw-bg-opacity)))
}
.data-\[hover\=true\]\:bg-warning\/20[data-hover=true] {
    background-color:hsl(var(--quarkui-warning) / .2)
}
.data-\[in-range\=false\]\:bg-default-200[data-in-range=false] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-200) / var(--quarkui-default-200-opacity,var(--tw-bg-opacity)))
}
.data-\[in-range\=true\]\:bg-background\/50[data-in-range=true] {
    background-color:hsl(var(--quarkui-background) / .5)
}
.data-\[in-range\=true\]\:bg-danger[data-in-range=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.data-\[in-range\=true\]\:bg-foreground[data-in-range=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-bg-opacity)))
}
.data-\[in-range\=true\]\:bg-primary[data-in-range=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-bg-opacity)))
}
.data-\[in-range\=true\]\:bg-secondary[data-in-range=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-bg-opacity)))
}
.data-\[in-range\=true\]\:bg-success[data-in-range=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-bg-opacity)))
}
.data-\[in-range\=true\]\:bg-warning[data-in-range=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-bg-opacity)))
}
.data-\[loaded\=true\]\:\!bg-transparent[data-loaded=true] {
    background-color:transparent!important
}
.data-\[selected\=true\]\:bg-danger[data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:bg-default[data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default) / var(--quarkui-default-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:bg-default-200[data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-200) / var(--quarkui-default-200-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:bg-foreground[data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:bg-primary[data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:bg-secondary[data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:bg-success[data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:bg-warning[data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger[data-hover=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-foreground[data-hover=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-primary[data-hover=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-secondary[data-hover=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success[data-hover=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning[data-hover=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:bg-transparent[data-outside-month=true][data-range-selection=true][data-selected=true] {
    background-color:transparent
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-range-selection=true][data-selection-end=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-range-selection=true][data-selection-end=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-range-selection=true][data-selection-end=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-range-selection=true][data-selection-end=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-success[data-range-selection=true][data-selection-end=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-range-selection=true][data-selection-end=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-range-selection=true][data-selection-start=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-range-selection=true][data-selection-start=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-range-selection=true][data-selection-start=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-range-selection=true][data-selection-start=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-success[data-range-selection=true][data-selection-start=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-range-selection=true][data-selection-start=true][data-selected=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-bg-opacity)))
}
.data-\[has-end-content\=true\]\:pe-1\.5[data-has-end-content=true] {
    padding-inline-end:0.375rem
}
.data-\[has-helper\=true\]\:pb-\[calc\(theme\(fontSize\.tiny\)_\+8px\)\][data-has-helper=true] {
    padding-bottom:calc(var(--quarkui-font-size-tiny) + 8px)
}
.data-\[has-helper\=true\]\:pb-\[calc\(theme\(fontSize\.tiny\)_\+_8px\)\][data-has-helper=true] {
    padding-bottom:calc(var(--quarkui-font-size-tiny) + 8px)
}
.data-\[has-start-content\=true\]\:ps-1\.5[data-has-start-content=true] {
    padding-inline-start:0.375rem
}
.data-\[has-title\=true\]\:pt-1[data-has-title=true] {
    padding-top:.25rem
}
.data-\[active\=true\]\:font-semibold[data-active=true] {
    font-weight:600
}
.data-\[active\=true\]\:text-danger-foreground[data-active=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-foreground) / var(--quarkui-danger-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[active\=true\]\:text-default-foreground[data-active=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[active\=true\]\:text-primary-foreground[data-active=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary-foreground) / var(--quarkui-primary-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[active\=true\]\:text-secondary-foreground[data-active=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary-foreground) / var(--quarkui-secondary-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[active\=true\]\:text-success-foreground[data-active=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-foreground) / var(--quarkui-success-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[active\=true\]\:text-warning-foreground[data-active=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-foreground) / var(--quarkui-warning-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[disabled\=true\]\:text-default-300[data-disabled=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-300) / var(--quarkui-default-300-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-danger-300[data-placeholder=true][data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-300) / var(--quarkui-danger-300-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-foreground-500[data-placeholder=true][data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground-500) / var(--quarkui-foreground-500-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-primary-300[data-placeholder=true][data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary-300) / var(--quarkui-primary-300-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-secondary-300[data-placeholder=true][data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary-300) / var(--quarkui-secondary-300-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-success-400[data-placeholder=true][data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-400) / var(--quarkui-success-400-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-warning-400[data-placeholder=true][data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-400) / var(--quarkui-warning-400-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:text-danger[data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:text-foreground[data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:text-primary[data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:text-secondary[data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:text-success-600[data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-600) / var(--quarkui-success-600-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:text-warning-600[data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-600) / var(--quarkui-warning-600-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-danger[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-danger-500[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-500) / var(--quarkui-danger-500-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-danger-foreground[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-foreground) / var(--quarkui-danger-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-default-500[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-500) / var(--quarkui-default-500-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-default-foreground[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-foreground-400[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground-400) / var(--quarkui-foreground-400-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-foreground-600[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground-600) / var(--quarkui-foreground-600-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-primary[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-primary-400[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary-400) / var(--quarkui-primary-400-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-primary-foreground[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary-foreground) / var(--quarkui-primary-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-secondary[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-secondary-400[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary-400) / var(--quarkui-secondary-400-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-secondary-foreground[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary-foreground) / var(--quarkui-secondary-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-success[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-success-600[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-600) / var(--quarkui-success-600-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-success-foreground[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-foreground) / var(--quarkui-success-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-warning[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-warning-600[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-600) / var(--quarkui-warning-600-opacity,var(--tw-text-opacity)))
}
.data-\[hover\=true\]\:text-warning-foreground[data-hover=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-foreground) / var(--quarkui-warning-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[invalid\=true\]\:data-\[editable\=true\]\:text-danger[data-editable=true][data-invalid=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-text-opacity)))
}
.data-\[invalid\=true\]\:text-danger-300[data-invalid=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-300) / var(--quarkui-danger-300-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-background[data-hover=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-background) / var(--quarkui-background-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground[data-hover=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-foreground) / var(--quarkui-danger-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-primary-foreground[data-hover=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary-foreground) / var(--quarkui-primary-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-secondary-foreground[data-hover=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary-foreground) / var(--quarkui-secondary-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground[data-hover=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-foreground) / var(--quarkui-success-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground[data-hover=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-foreground) / var(--quarkui-warning-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:text-default-300[data-outside-month=true][data-range-selection=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-300) / var(--quarkui-default-300-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-danger-500[data-range-selection=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-500) / var(--quarkui-danger-500-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-foreground[data-range-selection=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-primary[data-range-selection=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-secondary[data-range-selection=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-600[data-range-selection=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-600) / var(--quarkui-success-600-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-warning-500[data-range-selection=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-500) / var(--quarkui-warning-500-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-background[data-range-selection=true][data-selection-end=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-background) / var(--quarkui-background-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-range-selection=true][data-selection-end=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-foreground) / var(--quarkui-danger-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-range-selection=true][data-selection-end=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary-foreground) / var(--quarkui-primary-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-range-selection=true][data-selection-end=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary-foreground) / var(--quarkui-secondary-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection=true][data-selection-end=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-foreground) / var(--quarkui-success-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-range-selection=true][data-selection-end=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-foreground) / var(--quarkui-warning-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-background[data-range-selection=true][data-selection-start=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-background) / var(--quarkui-background-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-range-selection=true][data-selection-start=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-foreground) / var(--quarkui-danger-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-range-selection=true][data-selection-start=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary-foreground) / var(--quarkui-primary-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-range-selection=true][data-selection-start=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary-foreground) / var(--quarkui-secondary-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection=true][data-selection-start=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-foreground) / var(--quarkui-success-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-range-selection=true][data-selection-start=true][data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-foreground) / var(--quarkui-warning-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:text-background[data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-background) / var(--quarkui-background-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:text-danger[data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:text-danger-foreground[data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-foreground) / var(--quarkui-danger-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:text-default-foreground[data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:text-primary[data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:text-primary-foreground[data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary-foreground) / var(--quarkui-primary-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:text-secondary[data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:text-secondary-foreground[data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary-foreground) / var(--quarkui-secondary-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:text-success-600[data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-600) / var(--quarkui-success-600-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:text-success-foreground[data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-foreground) / var(--quarkui-success-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:text-warning-600[data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-600) / var(--quarkui-warning-600-opacity,var(--tw-text-opacity)))
}
.data-\[selected\=true\]\:text-warning-foreground[data-selected=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-foreground) / var(--quarkui-warning-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[unavailable\=true\]\:text-default-300[data-unavailable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-300) / var(--quarkui-default-300-opacity,var(--tw-text-opacity)))
}
.data-\[unavailable\=true\]\:line-through[data-unavailable=true] {
    text-decoration-line:line-through
}
.data-\[disabled\=true\]\:data-\[outside-month\=true\]\:opacity-0[data-outside-month=true][data-disabled=true] {
    opacity:0
}
.data-\[disabled\=true\]\:opacity-30[data-disabled=true] {
    opacity:.3
}
.data-\[hover-unselected\=true\]\:opacity-disabled[data-hover-unselected=true] {
    opacity:var(--quarkui-disabled-opacity)
}
.data-\[hover\=true\]\:opacity-hover[data-hover=true] {
    opacity:var(--quarkui-hover-opacity)
}
.data-\[in-range\=true\]\:opacity-100[data-in-range=true] {
    opacity:1
}
.data-\[invisible\=true\]\:opacity-0[data-invisible=true] {
    opacity:0
}
.data-\[loaded\=true\]\:opacity-100[data-loaded=true] {
    opacity:1
}
.data-\[moving\]\:opacity-100[data-moving] {
    opacity:1
}
.data-\[pressed\=true\]\:opacity-50[data-pressed=true] {
    opacity:.5
}
.data-\[pressed\=true\]\:opacity-70[data-pressed=true] {
    opacity:.7
}
.data-\[visible\=true\]\:opacity-100[data-visible=true] {
    opacity:1
}
.data-\[active\=true\]\:shadow-md[data-active=true] {
    --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.data-\[hover\=true\]\:shadow-lg[data-hover=true] {
    --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:shadow-md[data-selection-end=true][data-selected=true] {
    --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:shadow-md[data-selection-start=true][data-selected=true] {
    --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.data-\[selected\=true\]\:shadow-md[data-selected=true] {
    --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.data-\[selected\=true\]\:shadow-none[data-selected=true] {
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.data-\[active\=true\]\:shadow-danger\/40[data-active=true] {
    --tw-shadow-color:hsl(var(--quarkui-danger) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[active\=true\]\:shadow-default\/50[data-active=true] {
    --tw-shadow-color:hsl(var(--quarkui-default) / 0.5);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[active\=true\]\:shadow-primary\/40[data-active=true] {
    --tw-shadow-color:hsl(var(--quarkui-primary) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[active\=true\]\:shadow-secondary\/40[data-active=true] {
    --tw-shadow-color:hsl(var(--quarkui-secondary) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[active\=true\]\:shadow-success\/40[data-active=true] {
    --tw-shadow-color:hsl(var(--quarkui-success) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[active\=true\]\:shadow-warning\/40[data-active=true] {
    --tw-shadow-color:hsl(var(--quarkui-warning) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[hover\=true\]\:shadow-danger\/30[data-hover=true] {
    --tw-shadow-color:hsl(var(--quarkui-danger) / 0.3);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[hover\=true\]\:shadow-default\/50[data-hover=true] {
    --tw-shadow-color:hsl(var(--quarkui-default) / 0.5);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[hover\=true\]\:shadow-primary\/30[data-hover=true] {
    --tw-shadow-color:hsl(var(--quarkui-primary) / 0.3);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[hover\=true\]\:shadow-secondary\/30[data-hover=true] {
    --tw-shadow-color:hsl(var(--quarkui-secondary) / 0.3);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[hover\=true\]\:shadow-success\/30[data-hover=true] {
    --tw-shadow-color:hsl(var(--quarkui-success) / 0.3);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[hover\=true\]\:shadow-warning\/30[data-hover=true] {
    --tw-shadow-color:hsl(var(--quarkui-warning) / 0.3);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[selected\=true\]\:shadow-danger\/40[data-selected=true] {
    --tw-shadow-color:hsl(var(--quarkui-danger) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[selected\=true\]\:shadow-foreground\/40[data-selected=true] {
    --tw-shadow-color:hsl(var(--quarkui-foreground) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[selected\=true\]\:shadow-primary\/40[data-selected=true] {
    --tw-shadow-color:hsl(var(--quarkui-primary) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[selected\=true\]\:shadow-secondary\/40[data-selected=true] {
    --tw-shadow-color:hsl(var(--quarkui-secondary) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[selected\=true\]\:shadow-success\/40[data-selected=true] {
    --tw-shadow-color:hsl(var(--quarkui-success) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[selected\=true\]\:shadow-warning\/40[data-selected=true] {
    --tw-shadow-color:hsl(var(--quarkui-warning) / 0.4);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[focus-visible\=true\]\:outline-2[data-focus-visible=true] {
    outline-width:2px
}
.data-\[focus-visible\=true\]\:outline-offset-2[data-focus-visible=true] {
    outline-offset:2px
}
.data-\[focus-visible\=true\]\:outline-focus[data-focus-visible=true] {
    outline-color:hsl(var(--quarkui-focus) / var(--quarkui-focus-opacity,1))
}
.data-\[focus-visible\]\:outline-danger-foreground[data-focus-visible] {
    outline-color:hsl(var(--quarkui-danger-foreground) / var(--quarkui-danger-foreground-opacity,1))
}
.data-\[focus-visible\]\:outline-default-foreground[data-focus-visible] {
    outline-color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,1))
}
.data-\[focus-visible\]\:outline-primary-foreground[data-focus-visible] {
    outline-color:hsl(var(--quarkui-primary-foreground) / var(--quarkui-primary-foreground-opacity,1))
}
.data-\[focus-visible\]\:outline-secondary-foreground[data-focus-visible] {
    outline-color:hsl(var(--quarkui-secondary-foreground) / var(--quarkui-secondary-foreground-opacity,1))
}
.data-\[focus-visible\]\:outline-success-foreground[data-focus-visible] {
    outline-color:hsl(var(--quarkui-success-foreground) / var(--quarkui-success-foreground-opacity,1))
}
.data-\[focus-visible\]\:outline-warning-foreground[data-focus-visible] {
    outline-color:hsl(var(--quarkui-warning-foreground) / var(--quarkui-warning-foreground-opacity,1))
}
.data-\[menu-open\=true\]\:backdrop-blur-xl[data-menu-open=true] {
    --tw-backdrop-blur:blur(24px);
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.data-\[disabled\=true\]\:transition-none[data-disabled=true] {
    transition-property:none
}
.data-\[hover\=true\]\:transition-colors[data-hover=true] {
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.data-\[moving\=true\]\:transition-transform[data-moving=true] {
    transition-property:transform;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.data-\[sortable\=true\]\:transition-colors[data-sortable=true] {
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
.data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll=true] {
    -ms-overflow-style:none;
    scrollbar-width:none
}
.data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll=true]::-webkit-scrollbar {
    display:none
}
.data-\[top-bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(\#000\2c \#000\2c transparent_0\2c \#000_var\(--scroll-shadow-size\)\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-top-bottom-scroll=true] {
    mask-image:linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent)
}
.data-\[top-scroll\=true\]\:\[mask-image\:linear-gradient\(0deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-top-scroll=true] {
    mask-image:linear-gradient(0deg,#000 calc(100% - var(--scroll-shadow-size)),transparent)
}
.data-\[bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(180deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-bottom-scroll=true] {
    mask-image:linear-gradient(180deg,#000 calc(100% - var(--scroll-shadow-size)),transparent)
}
.data-\[left-scroll\=true\]\:\[mask-image\:linear-gradient\(270deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-left-scroll=true] {
    mask-image:linear-gradient(270deg,#000 calc(100% - var(--scroll-shadow-size)),transparent)
}
.data-\[right-scroll\=true\]\:\[mask-image\:linear-gradient\(90deg\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-right-scroll=true] {
    mask-image:linear-gradient(90deg,#000 calc(100% - var(--scroll-shadow-size)),transparent)
}
.data-\[left-right-scroll\=true\]\:\[mask-image\:linear-gradient\(to_right\2c \#000\2c \#000\2c transparent_0\2c \#000_var\(--scroll-shadow-size\)\2c \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c transparent\)\][data-left-right-scroll=true] {
    mask-image:linear-gradient(to right,#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent)
}
.data-\[placement\=bottom-end\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=bottom-end]::before {
    content:var(--tw-content);
    top:calc(calc(1.25rem / 4 - 1.5px) * -1)
}
.data-\[placement\=bottom-end\]\:before\:right-3[data-placement=bottom-end]::before {
    content:var(--tw-content);
    right:.75rem
}
.data-\[placement\=bottom-start\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=bottom-start]::before {
    content:var(--tw-content);
    top:calc(calc(1.25rem / 4 - 1.5px) * -1)
}
.data-\[placement\=bottom-start\]\:before\:left-3[data-placement=bottom-start]::before {
    content:var(--tw-content);
    left:.75rem
}
.data-\[placement\=bottom\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=bottom]::before {
    content:var(--tw-content);
    top:calc(calc(1.25rem / 4 - 1.5px) * -1)
}
.data-\[placement\=bottom\]\:before\:left-1\/2[data-placement=bottom]::before {
    content:var(--tw-content);
    left:50%
}
.data-\[placement\=left-end\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=left-end]::before {
    content:var(--tw-content);
    right:calc(calc(1.25rem / 4 - 1.5px) * -1)
}
.data-\[placement\=left-end\]\:before\:bottom-1\/4[data-placement=left-end]::before {
    content:var(--tw-content);
    bottom:25%
}
.data-\[placement\=left-start\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=left-start]::before {
    content:var(--tw-content);
    right:calc(calc(1.25rem / 4 - 1.5px) * -1)
}
.data-\[placement\=left-start\]\:before\:top-1\/4[data-placement=left-start]::before {
    content:var(--tw-content);
    top:25%
}
.data-\[placement\=left\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=left]::before {
    content:var(--tw-content);
    right:calc(calc(1.25rem / 4 - 1.5px) * -1)
}
.data-\[placement\=left\]\:before\:top-1\/2[data-placement=left]::before {
    content:var(--tw-content);
    top:50%
}
.data-\[placement\=right-end\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=right-end]::before {
    content:var(--tw-content);
    left:calc(calc(1.25rem / 4 - 1.5px) * -1)
}
.data-\[placement\=right-end\]\:before\:bottom-1\/4[data-placement=right-end]::before {
    content:var(--tw-content);
    bottom:25%
}
.data-\[placement\=right-start\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=right-start]::before {
    content:var(--tw-content);
    left:calc(calc(1.25rem / 4 - 1.5px) * -1)
}
.data-\[placement\=right-start\]\:before\:top-1\/4[data-placement=right-start]::before {
    content:var(--tw-content);
    top:25%
}
.data-\[placement\=right\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=right]::before {
    content:var(--tw-content);
    left:calc(calc(1.25rem / 4 - 1.5px) * -1)
}
.data-\[placement\=right\]\:before\:top-1\/2[data-placement=right]::before {
    content:var(--tw-content);
    top:50%
}
.data-\[placement\=top-end\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=top-end]::before {
    content:var(--tw-content);
    bottom:calc(calc(1.25rem / 4 - 1.5px) * -1)
}
.data-\[placement\=top-end\]\:before\:right-3[data-placement=top-end]::before {
    content:var(--tw-content);
    right:.75rem
}
.data-\[placement\=top-start\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=top-start]::before {
    content:var(--tw-content);
    bottom:calc(calc(1.25rem / 4 - 1.5px) * -1)
}
.data-\[placement\=top-start\]\:before\:left-3[data-placement=top-start]::before {
    content:var(--tw-content);
    left:.75rem
}
.data-\[placement\=top\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=top]::before {
    content:var(--tw-content);
    bottom:calc(calc(1.25rem / 4 - 1.5px) * -1)
}
.data-\[placement\=top\]\:before\:left-1\/2[data-placement=top]::before {
    content:var(--tw-content);
    left:50%
}
.data-\[arrow\=true\]\:before\:block[data-arrow=true]::before {
    content:var(--tw-content);
    display:block
}
.data-\[outside-month\=true\]\:before\:hidden[data-outside-month=true]::before {
    content:var(--tw-content);
    display:none
}
.data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement=bottom]::before {
    content:var(--tw-content);
    --tw-translate-x:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement=left]::before {
    content:var(--tw-content);
    --tw-translate-y:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement=right]::before {
    content:var(--tw-content);
    --tw-translate-y:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement=top]::before {
    content:var(--tw-content);
    --tw-translate-x:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[loaded\=true\]\:before\:animate-none[data-loaded=true]::before {
    content:var(--tw-content);
    animation:none
}
.data-\[range-end\=true\]\:before\:rounded-r-full[data-range-end=true]::before {
    content:var(--tw-content);
    border-top-right-radius:9999px;
    border-bottom-right-radius:9999px
}
.data-\[range-start\=true\]\:before\:rounded-l-full[data-range-start=true]::before {
    content:var(--tw-content);
    border-top-left-radius:9999px;
    border-bottom-left-radius:9999px
}
.data-\[selection-end\=true\]\:before\:rounded-r-full[data-selection-end=true]::before {
    content:var(--tw-content);
    border-top-right-radius:9999px;
    border-bottom-right-radius:9999px
}
.data-\[selection-start\=true\]\:before\:rounded-l-full[data-selection-start=true]::before {
    content:var(--tw-content);
    border-top-left-radius:9999px;
    border-bottom-left-radius:9999px
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-danger-50[data-range-selection=true][data-selected=true]::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger-50) / var(--quarkui-danger-50-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-foreground\/10[data-range-selection=true][data-selected=true]::before {
    content:var(--tw-content);
    background-color:hsl(var(--quarkui-foreground) / .1)
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-primary-50[data-range-selection=true][data-selected=true]::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary-50) / var(--quarkui-primary-50-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-secondary-50[data-range-selection=true][data-selected=true]::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary-50) / var(--quarkui-secondary-50-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-100[data-range-selection=true][data-selected=true]::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success-100) / var(--quarkui-success-100-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-100[data-range-selection=true][data-selected=true]::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning-100) / var(--quarkui-warning-100-opacity,var(--tw-bg-opacity)))
}
.data-\[loaded\=true\]\:before\:opacity-0[data-loaded=true]::before {
    content:var(--tw-content);
    opacity:0
}
.data-\[selected\=true\]\:before\:opacity-100[data-selected=true]::before {
    content:var(--tw-content);
    opacity:1
}
.data-\[focus\=true\]\:after\:w-full[data-focus=true]::after {
    content:var(--tw-content);
    width:100%
}
.data-\[open\=true\]\:after\:w-full[data-open=true]::after {
    content:var(--tw-content);
    width:100%
}
.data-\[dragging\=true\]\:after\:scale-100[data-dragging=true]::after {
    content:var(--tw-content);
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[dragging\=true\]\:after\:scale-80[data-dragging=true]::after {
    content:var(--tw-content);
    --tw-scale-x:0.8;
    --tw-scale-y:0.8;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.data-\[selected\=true\]\:after\:bg-danger[data-selected=true]::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:after\:bg-foreground[data-selected=true]::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:after\:bg-primary[data-selected=true]::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:after\:bg-secondary[data-selected=true]::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:after\:bg-success[data-selected=true]::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-bg-opacity)))
}
.data-\[selected\=true\]\:after\:bg-warning[data-selected=true]::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-bg-opacity)))
}
.data-\[loaded\=true\]\:after\:opacity-0[data-loaded=true]::after {
    content:var(--tw-content);
    opacity:0
}
.data-\[selected\=true\]\:after\:opacity-100[data-selected=true]::after {
    content:var(--tw-content);
    opacity:1
}
.data-\[selectable\=true\]\:focus\:border-danger:focus[data-selectable=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.data-\[selectable\=true\]\:focus\:border-default:focus[data-selectable=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default) / var(--quarkui-default-opacity,var(--tw-border-opacity)))
}
.data-\[selectable\=true\]\:focus\:border-primary:focus[data-selectable=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-border-opacity)))
}
.data-\[selectable\=true\]\:focus\:border-secondary:focus[data-selectable=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-border-opacity)))
}
.data-\[selectable\=true\]\:focus\:border-success:focus[data-selectable=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-border-opacity)))
}
.data-\[selectable\=true\]\:focus\:border-warning:focus[data-selectable=true] {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-border-opacity)))
}
.data-\[invalid\=true\]\:focus\:bg-danger-400\/50:focus[data-invalid=true] {
    background-color:hsl(var(--quarkui-danger-400) / .5)
}
.data-\[selectable\=true\]\:focus\:bg-danger:focus[data-selectable=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.data-\[selectable\=true\]\:focus\:bg-danger\/20:focus[data-selectable=true] {
    background-color:hsl(var(--quarkui-danger) / .2)
}
.data-\[selectable\=true\]\:focus\:bg-default:focus[data-selectable=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default) / var(--quarkui-default-opacity,var(--tw-bg-opacity)))
}
.data-\[selectable\=true\]\:focus\:bg-default-100:focus[data-selectable=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-100) / var(--quarkui-default-100-opacity,var(--tw-bg-opacity)))
}
.data-\[selectable\=true\]\:focus\:bg-default\/40:focus[data-selectable=true] {
    background-color:hsl(var(--quarkui-default) / .4)
}
.data-\[selectable\=true\]\:focus\:bg-primary:focus[data-selectable=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-bg-opacity)))
}
.data-\[selectable\=true\]\:focus\:bg-primary\/20:focus[data-selectable=true] {
    background-color:hsl(var(--quarkui-primary) / .2)
}
.data-\[selectable\=true\]\:focus\:bg-secondary:focus[data-selectable=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-bg-opacity)))
}
.data-\[selectable\=true\]\:focus\:bg-secondary\/20:focus[data-selectable=true] {
    background-color:hsl(var(--quarkui-secondary) / .2)
}
.data-\[selectable\=true\]\:focus\:bg-success:focus[data-selectable=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-bg-opacity)))
}
.data-\[selectable\=true\]\:focus\:bg-success\/20:focus[data-selectable=true] {
    background-color:hsl(var(--quarkui-success) / .2)
}
.data-\[selectable\=true\]\:focus\:bg-warning:focus[data-selectable=true] {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-bg-opacity)))
}
.data-\[selectable\=true\]\:focus\:bg-warning\/20:focus[data-selectable=true] {
    background-color:hsl(var(--quarkui-warning) / .2)
}
.data-\[editable\=true\]\:focus\:text-danger:focus[data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:focus\:text-default-foreground:focus[data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:focus\:text-primary:focus[data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:focus\:text-secondary:focus[data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:focus\:text-success:focus[data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:focus\:text-success-600:focus[data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-600) / var(--quarkui-success-600-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:focus\:text-warning:focus[data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-text-opacity)))
}
.data-\[editable\=true\]\:focus\:text-warning-600:focus[data-editable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-600) / var(--quarkui-warning-600-opacity,var(--tw-text-opacity)))
}
.data-\[invalid\=true\]\:data-\[editable\=true\]\:focus\:text-danger:focus[data-editable=true][data-invalid=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-text-opacity)))
}
.data-\[selectable\=true\]\:focus\:text-danger:focus[data-selectable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-text-opacity)))
}
.data-\[selectable\=true\]\:focus\:text-danger-foreground:focus[data-selectable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-foreground) / var(--quarkui-danger-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selectable\=true\]\:focus\:text-default-500:focus[data-selectable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-500) / var(--quarkui-default-500-opacity,var(--tw-text-opacity)))
}
.data-\[selectable\=true\]\:focus\:text-default-foreground:focus[data-selectable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selectable\=true\]\:focus\:text-primary:focus[data-selectable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-text-opacity)))
}
.data-\[selectable\=true\]\:focus\:text-primary-foreground:focus[data-selectable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary-foreground) / var(--quarkui-primary-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selectable\=true\]\:focus\:text-secondary:focus[data-selectable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-text-opacity)))
}
.data-\[selectable\=true\]\:focus\:text-secondary-foreground:focus[data-selectable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary-foreground) / var(--quarkui-secondary-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selectable\=true\]\:focus\:text-success:focus[data-selectable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-text-opacity)))
}
.data-\[selectable\=true\]\:focus\:text-success-foreground:focus[data-selectable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-foreground) / var(--quarkui-success-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selectable\=true\]\:focus\:text-warning:focus[data-selectable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-text-opacity)))
}
.data-\[selectable\=true\]\:focus\:text-warning-foreground:focus[data-selectable=true] {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-foreground) / var(--quarkui-warning-foreground-opacity,var(--tw-text-opacity)))
}
.data-\[selectable\=true\]\:focus\:shadow-danger\/30:focus[data-selectable=true] {
    --tw-shadow-color:hsl(var(--quarkui-danger) / 0.3);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[selectable\=true\]\:focus\:shadow-default\/50:focus[data-selectable=true] {
    --tw-shadow-color:hsl(var(--quarkui-default) / 0.5);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[selectable\=true\]\:focus\:shadow-primary\/30:focus[data-selectable=true] {
    --tw-shadow-color:hsl(var(--quarkui-primary) / 0.3);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[selectable\=true\]\:focus\:shadow-secondary\/30:focus[data-selectable=true] {
    --tw-shadow-color:hsl(var(--quarkui-secondary) / 0.3);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[selectable\=true\]\:focus\:shadow-success\/30:focus[data-selectable=true] {
    --tw-shadow-color:hsl(var(--quarkui-success) / 0.3);
    --tw-shadow:var(--tw-shadow-colored)
}
.data-\[selectable\=true\]\:focus\:shadow-warning\/30:focus[data-selectable=true] {
    --tw-shadow-color:hsl(var(--quarkui-warning) / 0.3);
    --tw-shadow:var(--tw-shadow-colored)
}
.group[data-filled=true] .group-data-\[filled\=true\]\:pointer-events-none {
    pointer-events:none
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:pointer-events-auto {
    pointer-events:auto
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:left-0 {
    left:0
}
.group[data-filled=true] .group-data-\[filled\=true\]\:left-0 {
    left:0
}
.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:z-10 {
    z-index:10
}
.group[data-selected=true] .group-data-\[selected\=true\]\:ml-4 {
    margin-left:1rem
}
.group[data-selected=true] .group-data-\[selected\=true\]\:ml-5 {
    margin-left:1.25rem
}
.group[data-selected=true] .group-data-\[selected\=true\]\:ml-6 {
    margin-left:1.5rem
}
.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-3 {
    margin-left:.75rem
}
.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-4 {
    margin-left:1rem
}
.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-5 {
    margin-left:1.25rem
}
.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:block {
    display:block
}
.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:flex {
    display:flex
}
.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:hidden {
    display:none
}
.group[data-pressed=true] .group-data-\[pressed\=true\]\:w-5 {
    width:1.25rem
}
.group[data-pressed=true] .group-data-\[pressed\=true\]\:w-6 {
    width:1.5rem
}
.group[data-pressed=true] .group-data-\[pressed\=true\]\:w-7 {
    width:1.75rem
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_20px\)\] {
    --tw-translate-y:calc(calc(100% + var(--quarkui-font-size-small) / 2 + 20px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_24px\)\] {
    --tw-translate-y:calc(calc(100% + var(--quarkui-font-size-small) / 2 + 24px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.tiny\)\/2_\+_16px\)\] {
    --tw-translate-y:calc(calc(100% + var(--quarkui-font-size-tiny) / 2 + 16px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_3\.5px\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-small) / 2 - 3.5px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_4px\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-small) / 2 - 4px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-small) / 2 - 6px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px_-_theme\(borderWidth\.medium\)\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-small) / 2 - 6px - var(--quarkui-border-width-medium)) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-small) / 2 - 8px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-small) / 2 - 8px - var(--quarkui-border-width-medium)) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_5px\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-tiny) / 2 - 5px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-tiny) / 2 - 8px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-tiny) / 2 - 8px - var(--quarkui-border-width-medium)) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_20px\)\] {
    --tw-translate-y:calc(calc(100% + var(--quarkui-font-size-small) / 2 + 20px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_24px\)\] {
    --tw-translate-y:calc(calc(100% + var(--quarkui-font-size-small) / 2 + 24px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.tiny\)\/2_\+_16px\)\] {
    --tw-translate-y:calc(calc(100% + var(--quarkui-font-size-tiny) / 2 + 16px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_3\.5px\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-small) / 2 - 3.5px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_4px\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-small) / 2 - 4px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-small) / 2 - 6px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px_-_theme\(borderWidth\.medium\)\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-small) / 2 - 6px - var(--quarkui-border-width-medium)) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-small) / 2 - 8px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-small) / 2 - 8px - var(--quarkui-border-width-medium)) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_5px\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-tiny) / 2 - 5px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-tiny) / 2 - 8px) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] {
    --tw-translate-y:calc(calc(50% + var(--quarkui-font-size-tiny) / 2 - 8px - var(--quarkui-border-width-medium)) * -1);
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:translate-x-3 {
    --tw-translate-x:0.75rem;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-copied=true] .group-data-\[copied\=true\]\:scale-100 {
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-copied=true] .group-data-\[copied\=true\]\:scale-50 {
    --tw-scale-x:.5;
    --tw-scale-y:.5;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:scale-85 {
    --tw-scale-x:0.85;
    --tw-scale-y:0.85;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:scale-85 {
    --tw-scale-x:0.85;
    --tw-scale-y:0.85;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-pressed=true] .group-data-\[pressed\=true\]\:scale-95 {
    --tw-scale-x:.95;
    --tw-scale-y:.95;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:scale-100 {
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-disabled=true] .group-data-\[disabled\=true\]\:cursor-not-allowed {
    cursor:not-allowed
}
.group[data-has-multiple-months=true] .group-data-\[has-multiple-months\=true\]\:flex-row {
    flex-direction:row
}
.group[data-has-label=true] .group-data-\[has-label\=true\]\:items-start {
    align-items:flex-start
}
.group[data-has-label=true] .group-data-\[has-label\=true\]\:items-end {
    align-items:flex-end
}
.group[data-focus=true] .group-data-\[focus\=true\]\:\!border-danger {
    --tw-border-opacity:1!important;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))!important
}
.group[data-focus=true] .group-data-\[focus\=true\]\:border-danger {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.group[data-focus=true] .group-data-\[focus\=true\]\:border-default-foreground {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-border-opacity)))
}
.group[data-focus=true] .group-data-\[focus\=true\]\:border-primary {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-border-opacity)))
}
.group[data-focus=true] .group-data-\[focus\=true\]\:border-secondary {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-border-opacity)))
}
.group[data-focus=true] .group-data-\[focus\=true\]\:border-success {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-border-opacity)))
}
.group[data-focus=true] .group-data-\[focus\=true\]\:border-warning {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-border-opacity)))
}
.group[data-invalid=true] .group-data-\[invalid\=true\]\:border-danger {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:border-danger {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:border-default-500 {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-default-500) / var(--quarkui-default-500-opacity,var(--tw-border-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:border-primary {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-border-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:border-secondary {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-border-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:border-success {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-border-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:border-warning {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-border-opacity)))
}
.group[data-focus=true] .group-data-\[focus\=true\]\:\!bg-danger-50 {
    --tw-bg-opacity:1!important;
    background-color:hsl(var(--quarkui-danger-50) / var(--quarkui-danger-50-opacity,var(--tw-bg-opacity)))!important
}
.group[data-focus=true] .group-data-\[focus\=true\]\:bg-danger-50 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger-50) / var(--quarkui-danger-50-opacity,var(--tw-bg-opacity)))
}
.group[data-focus=true] .group-data-\[focus\=true\]\:bg-default-100 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-100) / var(--quarkui-default-100-opacity,var(--tw-bg-opacity)))
}
.group[data-focus=true] .group-data-\[focus\=true\]\:bg-primary-50 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary-50) / var(--quarkui-primary-50-opacity,var(--tw-bg-opacity)))
}
.group[data-focus=true] .group-data-\[focus\=true\]\:bg-secondary-50 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary-50) / var(--quarkui-secondary-50-opacity,var(--tw-bg-opacity)))
}
.group[data-focus=true] .group-data-\[focus\=true\]\:bg-success-50 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success-50) / var(--quarkui-success-50-opacity,var(--tw-bg-opacity)))
}
.group[data-focus=true] .group-data-\[focus\=true\]\:bg-warning-50 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning-50) / var(--quarkui-warning-50-opacity,var(--tw-bg-opacity)))
}
.group[data-hover-unselected=true] .group-data-\[hover-unselected\=true\]\:bg-default-100 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-100) / var(--quarkui-default-100-opacity,var(--tw-bg-opacity)))
}
.group[data-invalid=true] .group-data-\[invalid\=true\]\:bg-danger-50 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger-50) / var(--quarkui-danger-50-opacity,var(--tw-bg-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:bg-danger {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:bg-default-400 {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-400) / var(--quarkui-default-400-opacity,var(--tw-bg-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:bg-primary {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-bg-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:bg-secondary {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-bg-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:bg-success {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-bg-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:bg-warning {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-bg-opacity)))
}
.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:pt-2 {
    padding-top:.5rem
}
.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:pt-3 {
    padding-top:.75rem
}
.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:pt-4 {
    padding-top:1rem
}
.group[data-has-label=true] .group-data-\[has-label\=true\]\:pt-4 {
    padding-top:1rem
}
.group[data-has-label=true] .group-data-\[has-label\=true\]\:pt-5 {
    padding-top:1.25rem
}
.group[data-disabled=true] .group-data-\[disabled\=true\]\:text-foreground-300 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground-300) / var(--quarkui-foreground-300-opacity,var(--tw-text-opacity)))
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:text-default-600 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-600) / var(--quarkui-default-600-opacity,var(--tw-text-opacity)))
}
.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:text-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-text-opacity)))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:text-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-text-opacity)))
}
.group[data-filled=true] .group-data-\[filled\=true\]\:text-foreground-600 {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground-600) / var(--quarkui-foreground-600-opacity,var(--tw-text-opacity)))
}
.group[data-has-value=true] .group-data-\[has-value\=true\]\:text-default-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-text-opacity)))
}
.group[data-has-value=true] .group-data-\[has-value\=true\]\:text-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-text-opacity)))
}
.group[data-invalid=true] .group-data-\[invalid\=true\]\:text-danger {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-text-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:text-danger {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-text-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:text-danger-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-foreground) / var(--quarkui-danger-foreground-opacity,var(--tw-text-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:text-default-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-default-foreground) / var(--quarkui-default-foreground-opacity,var(--tw-text-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:text-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-foreground) / var(--quarkui-foreground-opacity,var(--tw-text-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:text-primary {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary) / var(--quarkui-primary-opacity,var(--tw-text-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:text-primary-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-primary-foreground) / var(--quarkui-primary-foreground-opacity,var(--tw-text-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:text-secondary {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary) / var(--quarkui-secondary-opacity,var(--tw-text-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:text-secondary-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-secondary-foreground) / var(--quarkui-secondary-foreground-opacity,var(--tw-text-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:text-success {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-text-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:text-success-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-foreground) / var(--quarkui-success-foreground-opacity,var(--tw-text-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:text-warning {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-text-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:text-warning-foreground {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-foreground) / var(--quarkui-warning-foreground-opacity,var(--tw-text-opacity)))
}
.group[data-copied=true] .group-data-\[copied\=true\]\:opacity-0 {
    opacity:0
}
.group[data-copied=true] .group-data-\[copied\=true\]\:opacity-100 {
    opacity:1
}
.group[data-hover=true] .group-data-\[hover\=true\]\:opacity-100 {
    opacity:1
}
.group[data-loaded=true] .group-data-\[loaded\=true\]\:opacity-100 {
    opacity:1
}
.group[data-pressed=true] .group-data-\[pressed\=true\]\:opacity-70 {
    opacity:.7
}
.group[data-selected=true] .group-data-\[selected\=true\]\:opacity-0 {
    opacity:0
}
.group[data-selected=true] .group-data-\[selected\=true\]\:opacity-100 {
    opacity:1
}
.group[data-selected=true] .group-data-\[selected\=true\]\:opacity-60 {
    opacity:.6
}
.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-2 {
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-focus {
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--quarkui-focus) / var(--quarkui-focus-opacity, var(--tw-ring-opacity)))
}
.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-offset-2 {
    --tw-ring-offset-width:2px
}
.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-offset-background {
    --tw-ring-offset-color:hsl(var(--quarkui-background) / var(--quarkui-background-opacity, 1))
}
.group[data-odd=true] .group-data-\[odd\=true\]\:before\:-z-10::before {
    content:var(--tw-content);
    z-index:-10
}
.group[data-selected=true] .group-data-\[selected\=true\]\:before\:w-full::before {
    content:var(--tw-content);
    width:100%
}
.group[data-open=true] .group-data-\[open\=true\]\:before\:translate-y-px::before {
    content:var(--tw-content);
    --tw-translate-y:1px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-open=true] .group-data-\[open\=true\]\:before\:rotate-45::before {
    content:var(--tw-content);
    --tw-rotate:45deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-middle=true] .group-data-\[middle\=true\]\:before\:rounded-none::before {
    content:var(--tw-content);
    border-radius:0
}
.group[data-hover=true] .group-data-\[hover\=true\]\:before\:bg-default-100::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-100) / var(--quarkui-default-100-opacity,var(--tw-bg-opacity)))
}
.group[data-odd=true] .group-data-\[odd\=true\]\:before\:bg-default-100::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-100) / var(--quarkui-default-100-opacity,var(--tw-bg-opacity)))
}
.group[data-odd=true] .group-data-\[odd\=true\]\:before\:opacity-100::before {
    content:var(--tw-content);
    opacity:1
}
.group[data-required=true] .group-data-\[required\=true\]\:after\:ml-0\.5::after {
    content:var(--tw-content);
    margin-left:.125rem
}
.group[data-focus=true] .group-data-\[focus\=true\]\:after\:w-full::after {
    content:var(--tw-content);
    width:100%
}
.group[data-open=true] .group-data-\[open\=true\]\:after\:translate-y-0::after {
    content:var(--tw-content);
    --tw-translate-y:0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-open=true] .group-data-\[open\=true\]\:after\:-rotate-45::after {
    content:var(--tw-content);
    --tw-rotate:-45deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:after\:scale-100::after {
    content:var(--tw-content);
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-invalid=true] .group-data-\[invalid\=true\]\:after\:bg-danger::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.group[data-required=true] .group-data-\[required\=true\]\:after\:text-danger::after {
    content:var(--tw-content);
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-text-opacity)))
}
.group[data-selected=true] .group-data-\[selected\=true\]\:after\:opacity-100::after {
    content:var(--tw-content);
    opacity:1
}
.group[data-required=true] .group-data-\[required\=true\]\:after\:content-\[\'\*\'\]::after {
    --tw-content:'*';
    content:var(--tw-content)
}
.group[data-first=true] .group-data-\[first\=true\]\:first\:before\:rounded-tl-lg:first-child::before {
    content:var(--tw-content);
    border-top-left-radius:.5rem
}
.group[data-last=true] .group-data-\[last\=true\]\:first\:before\:rounded-bl-lg:first-child::before {
    content:var(--tw-content);
    border-bottom-left-radius:.5rem
}
.group[data-first=true] .group-data-\[first\=true\]\:last\:before\:rounded-tr-lg:last-child::before {
    content:var(--tw-content);
    border-top-right-radius:.5rem
}
.group[data-last=true] .group-data-\[last\=true\]\:last\:before\:rounded-br-lg:last-child::before {
    content:var(--tw-content);
    border-bottom-right-radius:.5rem
}
.group[data-invalid=true] .group-data-\[invalid\=true\]\:hover\:border-danger:hover {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.group[data-invalid=true] .group-data-\[invalid\=true\]\:hover\:bg-danger-100:hover {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger-100) / var(--quarkui-danger-100-opacity,var(--tw-bg-opacity)))
}
.group[data-invalid=true] .group-data-\[invalid\=true\]\:focus-within\:hover\:border-danger:hover:focus-within {
    --tw-border-opacity:1;
    border-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-border-opacity)))
}
.group[data-invalid=true] .group-data-\[invalid\=true\]\:focus-within\:hover\:bg-danger-50:hover:focus-within {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger-50) / var(--quarkui-danger-50-opacity,var(--tw-bg-opacity)))
}
.group[aria-selected=false][data-hover=true] .group-aria-\[selected\=false\]\:group-data-\[hover\=true\]\:before\:bg-default-100::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-100) / var(--quarkui-default-100-opacity,var(--tw-bg-opacity)))
}
.group[aria-selected=false][data-hover=true] .group-aria-\[selected\=false\]\:group-data-\[hover\=true\]\:before\:opacity-70::before {
    content:var(--tw-content);
    opacity:.7
}
.peer[data-filled=true]~.peer-data-\[filled\=true\]\:block {
    display:block
}
.peer[data-filled=true]~.peer-data-\[filled\=true\]\:opacity-70 {
    opacity:.7
}
@media (prefers-reduced-motion:reduce) {
    .motion-reduce\:transition-none {
        transition-property:none
    }
    .motion-reduce\:after\:transition-none::after {
        content:var(--tw-content);
        transition-property:none
    }
}
.dark\:bg-background:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-background) / var(--quarkui-background-opacity,var(--tw-bg-opacity)))
}
.dark\:bg-background\/20:is(.dark *) {
    background-color:hsl(var(--quarkui-background) / .2)
}
.dark\:bg-content2:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-content2) / var(--quarkui-content2-opacity,var(--tw-bg-opacity)))
}
.dark\:bg-default:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default) / var(--quarkui-default-opacity,var(--tw-bg-opacity)))
}
.dark\:bg-transparent:is(.dark *) {
    background-color:transparent
}
.dark\:text-danger-500:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-500) / var(--quarkui-danger-500-opacity,var(--tw-text-opacity)))
}
.dark\:text-success:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-text-opacity)))
}
.dark\:text-warning:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-text-opacity)))
}
.dark\:placeholder\:text-danger-500:is(.dark *)::placeholder {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-500) / var(--quarkui-danger-500-opacity,var(--tw-text-opacity)))
}
.dark\:placeholder\:text-success:is(.dark *)::placeholder {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-text-opacity)))
}
.dark\:placeholder\:text-warning:is(.dark *)::placeholder {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-text-opacity)))
}
.dark\:before\:via-default-700\/10:is(.dark *)::before {
    content:var(--tw-content);
    --tw-gradient-to:hsl(var(--quarkui-default-700) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--quarkui-default-700) / 0.1) var(--tw-gradient-via-position),var(--tw-gradient-to)
}
.dark\:after\:bg-content2:is(.dark *)::after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-content2) / var(--quarkui-content2-opacity,var(--tw-bg-opacity)))
}
.dark\:focus\:bg-danger-400\/20:focus:is(.dark *) {
    background-color:hsl(var(--quarkui-danger-400) / .2)
}
.dark\:focus\:bg-success-400\/20:focus:is(.dark *) {
    background-color:hsl(var(--quarkui-success-400) / .2)
}
.dark\:focus\:bg-warning-400\/20:focus:is(.dark *) {
    background-color:hsl(var(--quarkui-warning-400) / .2)
}
.dark\:data-\[hover\=true\]\:bg-content2[data-hover=true]:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-content2) / var(--quarkui-content2-opacity,var(--tw-bg-opacity)))
}
.dark\:data-\[hover\=true\]\:bg-danger-50[data-hover=true]:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger-50) / var(--quarkui-danger-50-opacity,var(--tw-bg-opacity)))
}
.dark\:data-\[hover\=true\]\:bg-success-50[data-hover=true]:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success-50) / var(--quarkui-success-50-opacity,var(--tw-bg-opacity)))
}
.dark\:data-\[hover\=true\]\:bg-warning-50[data-hover=true]:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning-50) / var(--quarkui-warning-50-opacity,var(--tw-bg-opacity)))
}
.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger[data-hover=true][data-selected=true]:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-danger) / var(--quarkui-danger-opacity,var(--tw-bg-opacity)))
}
.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success[data-hover=true][data-selected=true]:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-bg-opacity)))
}
.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning[data-hover=true][data-selected=true]:is(.dark *) {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-bg-opacity)))
}
.dark\:data-\[hover\=true\]\:text-danger-500[data-hover=true]:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-500) / var(--quarkui-danger-500-opacity,var(--tw-text-opacity)))
}
.dark\:data-\[hover\=true\]\:text-success-500[data-hover=true]:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-500) / var(--quarkui-success-500-opacity,var(--tw-text-opacity)))
}
.dark\:data-\[hover\=true\]\:text-warning-500[data-hover=true]:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-500) / var(--quarkui-warning-500-opacity,var(--tw-text-opacity)))
}
.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground[data-hover=true][data-selected=true]:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-foreground) / var(--quarkui-danger-foreground-opacity,var(--tw-text-opacity)))
}
.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground[data-hover=true][data-selected=true]:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-foreground) / var(--quarkui-success-foreground-opacity,var(--tw-text-opacity)))
}
.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground[data-hover=true][data-selected=true]:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning-foreground) / var(--quarkui-warning-foreground-opacity,var(--tw-text-opacity)))
}
.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-500[data-range-selection=true][data-selected=true]:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-500) / var(--quarkui-success-500-opacity,var(--tw-text-opacity)))
}
.dark\:data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection=true][data-selection-end=true][data-selected=true]:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-foreground) / var(--quarkui-success-foreground-opacity,var(--tw-text-opacity)))
}
.dark\:data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection=true][data-selection-start=true][data-selected=true]:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success-foreground) / var(--quarkui-success-foreground-opacity,var(--tw-text-opacity)))
}
.dark\:data-\[selected\=true\]\:text-danger-500[data-selected=true]:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-danger-500) / var(--quarkui-danger-500-opacity,var(--tw-text-opacity)))
}
.dark\:data-\[selected\=true\]\:text-success[data-selected=true]:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-success) / var(--quarkui-success-opacity,var(--tw-text-opacity)))
}
.dark\:data-\[selected\=true\]\:text-warning[data-selected=true]:is(.dark *) {
    --tw-text-opacity:1;
    color:hsl(var(--quarkui-warning) / var(--quarkui-warning-opacity,var(--tw-text-opacity)))
}
.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-50[data-range-selection=true][data-selected=true]:is(.dark *)::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-success-50) / var(--quarkui-success-50-opacity,var(--tw-bg-opacity)))
}
.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-50[data-range-selection=true][data-selected=true]:is(.dark *)::before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-warning-50) / var(--quarkui-warning-50-opacity,var(--tw-bg-opacity)))
}
.dark\:data-\[invalid\=true\]\:focus\:bg-danger-400\/20:focus[data-invalid=true]:is(.dark *) {
    background-color:hsl(var(--quarkui-danger-400) / .2)
}
@media (min-width:360px) {
    .sm\:mx-0 {
        margin-left:0;
        margin-right:0
    }
    .sm\:my-0 {
        margin-top:0;
        margin-bottom:0
    }
    .sm\:items-start {
        align-items:flex-start
    }
    .sm\:items-end {
        align-items:flex-end
    }
    .sm\:items-center {
        align-items:center
    }
    .sm\:\[--scale-enter\:100\%\] {
        --scale-enter:100%
    }
    .sm\:\[--scale-exit\:103\%\] {
        --scale-exit:103%
    }
    .sm\:\[--slide-enter\:0px\] {
        --slide-enter:0px
    }
    .sm\:\[--slide-exit\:0px\] {
        --slide-exit:0px
    }
    .sm\:data-\[visible\=true\]\:opacity-0[data-visible=true] {
        opacity:0
    }
    .group[data-hover=true] .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:opacity-100[data-visible=true] {
        opacity:1
    }
}
@media (min-width:768px) {
    .md\:left-\[unset\] {
        left:unset
    }
    .md\:right-5 {
        right:1.25rem
    }
    .md\:top-5 {
        top:1.25rem
    }
    .md\:m-10 {
        margin:2.5rem
    }
    .md\:block {
        display:block
    }
    .md\:hidden {
        display:none
    }
    .md\:h-\[unset\] {
        height:unset
    }
    .md\:h-auto {
        height:auto
    }
    .md\:max-h-\[calc\(100\%_-_5rem\)\] {
        max-height:calc(100% - 5rem)
    }
    .md\:w-762 {
        width:762px
    }
    .md\:w-\[unset\] {
        width:unset
    }
    .md\:w-auto {
        width:auto
    }
    .md\:max-w-2xl {
        max-width:42rem
    }
    .md\:max-w-3xl {
        max-width:48rem
    }
    .md\:max-w-4xl {
        max-width:56rem
    }
    .md\:max-w-5xl {
        max-width:64rem
    }
    .md\:max-w-\[1000px\] {
        max-width:1000px
    }
    .md\:max-w-\[unset\] {
        max-width:unset
    }
    .md\:max-w-lg {
        max-width:32rem
    }
    .md\:max-w-md {
        max-width:28rem
    }
    .md\:max-w-sm {
        max-width:24rem
    }
    .md\:max-w-xl {
        max-width:37.5rem
    }
    .md\:max-w-xs {
        max-width:20rem
    }
    .md\:\!rounded-lg {
        border-radius:.5rem!important
    }
    .md\:rounded-lg {
        border-radius:.5rem
    }
    .md\:\!rounded-b-lg {
        border-bottom-right-radius:.5rem!important;
        border-bottom-left-radius:.5rem!important
    }
    .md\:p-0 {
        padding:0
    }
    .md\:p-12 {
        padding:3rem
    }
    .md\:p-6 {
        padding:1.5rem
    }
    .md\:px-0 {
        padding-left:0;
        padding-right:0
    }
    .md\:px-6 {
        padding-left:1.5rem;
        padding-right:1.5rem
    }
    .md\:py-0 {
        padding-top:0;
        padding-bottom:0
    }
    .md\:text-foreground-500 {
        --tw-text-opacity:1;
        color:hsl(var(--quarkui-foreground-500) / var(--quarkui-foreground-500-opacity,var(--tw-text-opacity)))
    }
    .md\:hover\:text-foreground-800:hover {
        --tw-text-opacity:1;
        color:hsl(var(--quarkui-foreground-800) / var(--quarkui-foreground-800-opacity,var(--tw-text-opacity)))
    }
}
@media (min-width:1200px) {
    .lg\:m-20 {
        margin:5rem
    }
    .lg\:w-794 {
        width:794px
    }
}
.rtl\:left-1:where([dir=rtl],
[dir=rtl] *) {
    left:.25rem
}
.rtl\:left-1\.5:where([dir=rtl],
[dir=rtl] *) {
    left:.375rem
}
.rtl\:left-3:where([dir=rtl],
[dir=rtl] *) {
    left:.75rem
}
.rtl\:left-\[unset\]:where([dir=rtl],
[dir=rtl] *) {
    left:unset
}
.rtl\:left-auto:where([dir=rtl],
[dir=rtl] *) {
    left:auto
}
.rtl\:right-0:where([dir=rtl],
[dir=rtl] *) {
    right:0
}
.rtl\:right-1\.5:where([dir=rtl],
[dir=rtl] *) {
    right:.375rem
}
.rtl\:right-2:where([dir=rtl],
[dir=rtl] *) {
    right:.5rem
}
.rtl\:right-3:where([dir=rtl],
[dir=rtl] *) {
    right:.75rem
}
.rtl\:right-\[unset\]:where([dir=rtl],
[dir=rtl] *) {
    right:unset
}
.rtl\:right-auto:where([dir=rtl],
[dir=rtl] *) {
    right:auto
}
.rtl\:ml-2:where([dir=rtl],
[dir=rtl] *) {
    margin-left:.5rem
}
.rtl\:ml-\[unset\]:where([dir=rtl],
[dir=rtl] *) {
    margin-left:unset
}
.rtl\:mr-2:where([dir=rtl],
[dir=rtl] *) {
    margin-right:.5rem
}
.rtl\:mr-\[unset\]:where([dir=rtl],
[dir=rtl] *) {
    margin-right:unset
}
.rtl\:origin-top-right:where([dir=rtl],
[dir=rtl] *) {
    transform-origin:top right
}
.rtl\:-rotate-180:where([dir=rtl],
[dir=rtl] *) {
    --tw-rotate:-180deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rtl\:space-x-reverse:where([dir=rtl],
[dir=rtl] *)>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:1
}
.rtl\:pl-2:where([dir=rtl],
[dir=rtl] *) {
    padding-left:.5rem
}
.rtl\:pl-6:where([dir=rtl],
[dir=rtl] *) {
    padding-left:1.5rem
}
.rtl\:pr-0:where([dir=rtl],
[dir=rtl] *) {
    padding-right:0
}
.rtl\:pr-\[unset\]:where([dir=rtl],
[dir=rtl] *) {
    padding-right:unset
}
.rtl\:text-right:where([dir=rtl],
[dir=rtl] *) {
    text-align:right
}
.rtl\:after\:ml-\[unset\]:where([dir=rtl],
[dir=rtl] *)::after {
    content:var(--tw-content);
    margin-left:unset
}
.rtl\:after\:mr-0\.5:where([dir=rtl],
[dir=rtl] *)::after {
    content:var(--tw-content);
    margin-right:.125rem
}
.rtl\:first\:rounded-l-\[unset\]:first-child:where([dir=rtl],
[dir=rtl] *) {
    border-top-left-radius:unset;
    border-bottom-left-radius:unset
}
.rtl\:first\:rounded-r-lg:first-child:where([dir=rtl],
[dir=rtl] *) {
    border-top-right-radius:.5rem;
    border-bottom-right-radius:.5rem
}
.rtl\:first\:before\:rounded-l-\[unset\]:first-child:where([dir=rtl],
[dir=rtl] *)::before {
    content:var(--tw-content);
    border-top-left-radius:unset;
    border-bottom-left-radius:unset
}
.rtl\:first\:before\:rounded-r-lg:first-child:where([dir=rtl],
[dir=rtl] *)::before {
    content:var(--tw-content);
    border-top-right-radius:.5rem;
    border-bottom-right-radius:.5rem
}
.rtl\:last\:rounded-l-lg:last-child:where([dir=rtl],
[dir=rtl] *) {
    border-top-left-radius:.5rem;
    border-bottom-left-radius:.5rem
}
.rtl\:last\:rounded-r-\[unset\]:last-child:where([dir=rtl],
[dir=rtl] *) {
    border-top-right-radius:unset;
    border-bottom-right-radius:unset
}
.rtl\:last\:before\:rounded-l-lg:last-child:where([dir=rtl],
[dir=rtl] *)::before {
    content:var(--tw-content);
    border-top-left-radius:.5rem;
    border-bottom-left-radius:.5rem
}
.rtl\:last\:before\:rounded-r-\[unset\]:last-child:where([dir=rtl],
[dir=rtl] *)::before {
    content:var(--tw-content);
    border-top-right-radius:unset;
    border-bottom-right-radius:unset
}
.rtl\:data-\[focus-visible\=true\]\:translate-x-3[data-focus-visible=true]:where([dir=rtl],
[dir=rtl] *) {
    --tw-translate-x:0.75rem;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rtl\:data-\[hover\=true\]\:translate-x-3[data-hover=true]:where([dir=rtl],
[dir=rtl] *) {
    --tw-translate-x:0.75rem;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rtl\:data-\[open\=true\]\:-rotate-90[data-open=true]:where([dir=rtl],
[dir=rtl] *) {
    --tw-rotate:-90deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group[data-filled=true] .rtl\:group-data-\[filled\=true\]\:left-\[unset\]:where([dir=rtl],
[dir=rtl] *) {
    left:unset
}
.group[data-filled=true] .rtl\:group-data-\[filled\=true\]\:right-0:where([dir=rtl],
[dir=rtl] *) {
    right:0
}
.group[data-selected=true] .rtl\:group-data-\[selected\=true\]\:ml-0:where([dir=rtl],
[dir=rtl] *) {
    margin-left:0
}
.group[data-selected=true] .rtl\:group-data-\[selected\=true\]\:mr-4:where([dir=rtl],
[dir=rtl] *) {
    margin-right:1rem
}
.group[data-selected=true] .rtl\:group-data-\[selected\=true\]\:mr-5:where([dir=rtl],
[dir=rtl] *) {
    margin-right:1.25rem
}
.group[data-selected=true] .rtl\:group-data-\[selected\=true\]\:mr-6:where([dir=rtl],
[dir=rtl] *) {
    margin-right:1.5rem
}
.group[data-first=true] .group-data-\[first\=true\]\:rtl\:first\:before\:rounded-tl-\[unset\]:first-child:where([dir=rtl],
[dir=rtl] *)::before {
    content:var(--tw-content);
    border-top-left-radius:unset
}
.group[data-first=true] .group-data-\[first\=true\]\:rtl\:first\:before\:rounded-tr-lg:first-child:where([dir=rtl],
[dir=rtl] *)::before {
    content:var(--tw-content);
    border-top-right-radius:.5rem
}
.group[data-last=true] .group-data-\[last\=true\]\:rtl\:first\:before\:rounded-bl-\[unset\]:first-child:where([dir=rtl],
[dir=rtl] *)::before {
    content:var(--tw-content);
    border-bottom-left-radius:unset
}
.group[data-last=true] .group-data-\[last\=true\]\:rtl\:first\:before\:rounded-br-lg:first-child:where([dir=rtl],
[dir=rtl] *)::before {
    content:var(--tw-content);
    border-bottom-right-radius:.5rem
}
.group[data-first=true] .group-data-\[first\=true\]\:rtl\:last\:before\:rounded-tl-lg:last-child:where([dir=rtl],
[dir=rtl] *)::before {
    content:var(--tw-content);
    border-top-left-radius:.5rem
}
.group[data-first=true] .group-data-\[first\=true\]\:rtl\:last\:before\:rounded-tr-\[unset\]:last-child:where([dir=rtl],
[dir=rtl] *)::before {
    content:var(--tw-content);
    border-top-right-radius:unset
}
.group[data-last=true] .group-data-\[last\=true\]\:rtl\:last\:before\:rounded-bl-lg:last-child:where([dir=rtl],
[dir=rtl] *)::before {
    content:var(--tw-content);
    border-bottom-left-radius:.5rem
}
.group[data-last=true] .group-data-\[last\=true\]\:rtl\:last\:before\:rounded-br-\[unset\]:last-child:where([dir=rtl],
[dir=rtl] *)::before {
    content:var(--tw-content);
    border-bottom-right-radius:unset
}
.\[\&\+\.border-medium\.border-danger\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]+.border-medium.border-danger {
    margin-inline-start:calc(var(--quarkui-border-width-medium) * -1)
}
.\[\&\+\.border-medium\.border-default\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]+.border-medium.border-default {
    margin-inline-start:calc(var(--quarkui-border-width-medium) * -1)
}
.\[\&\+\.border-medium\.border-primary\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]+.border-medium.border-primary {
    margin-inline-start:calc(var(--quarkui-border-width-medium) * -1)
}
.\[\&\+\.border-medium\.border-secondary\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]+.border-medium.border-secondary {
    margin-inline-start:calc(var(--quarkui-border-width-medium) * -1)
}
.\[\&\+\.border-medium\.border-success\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]+.border-medium.border-success {
    margin-inline-start:calc(var(--quarkui-border-width-medium) * -1)
}
.\[\&\+\.border-medium\.border-warning\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]+.border-medium.border-warning {
    margin-inline-start:calc(var(--quarkui-border-width-medium) * -1)
}
.\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none:not(:first-child):not(:last-child) {
    border-radius:0
}
.\[\&\:not\(\:first-child\)\]\:-ml-1:not(:first-child) {
    margin-left:-.25rem
}
.\[\&\:not\(\:first-of-type\)\:not\(\:last-of-type\)\]\:rounded-none:not(:first-of-type):not(:last-of-type) {
    border-radius:0
}
.\[\&\:not\(\:first-of-type\)\]\:ml-\[calc\(theme\(borderWidth\.2\)\*-1\)\]:not(:first-of-type) {
    margin-left:calc(2px * -1)
}
.\[\&\>\*\]\:relative>* {
    position:relative
}
.\[\&\>svg\]\:max-w-\[theme\(spacing\.8\)\]>svg {
    max-width:2rem
}
.\[\&\>tr\]\:first\:rounded-lg:first-child>tr {
    border-radius:.5rem
}
.\[\&\>tr\]\:first\:shadow-small:first-child>tr {
    --tw-shadow:var(--quarkui-box-shadow-small);
    --tw-shadow-colored:var(--quarkui-box-shadow-small);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-100[data-hover=true]:not([data-active=true]) {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-100) / var(--quarkui-default-100-opacity,var(--tw-bg-opacity)))
}
.\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-200[data-hover=true]:not([data-active=true]) {
    --tw-bg-opacity:1;
    background-color:hsl(var(--quarkui-default-200) / var(--quarkui-default-200-opacity,var(--tw-bg-opacity)))
}
.\[\&_\.chevron-icon\]\:flex-none .chevron-icon {
    flex:none
}
.\[\&_\.chevron-icon\]\:rotate-180 .chevron-icon {
    --tw-rotate:180deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.\[\&_\.chevron-icon\]\:transition-transform .chevron-icon {
    transition-property:transform;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:250ms
}
@keyframes TLTn_ {
    0% {
        transform:scale(0)
    }
    80% {
        transform:scale(1.1)
    }
    to {
        transform:scale(1)
    }
}
@keyframes CN73A {
    0% {
        transform:scale(1)
    }
    20% {
        transform:scale(1.1)
    }
    to {
        transform:scale(0)
    }
}
._3zmnd {
    transform:scale(0)
}
._2NKDw {
    animation-duration:.3s;
    animation-timing-function:cubic-bezier(.23,1,.32,1);
    animation-name:TLTn_;
    animation-fill-mode:forwards;
    transform-origin:50% 50%
}
.CN73A {
    transform:scale(1)
}
.ffAC4 {
    animation-duration:.3s;
    animation-timing-function:cubic-bezier(.23,1,.32,1);
    animation-name:CN73A;
    animation-fill-mode:forwards;
    transform-origin:50% 50%
}
._1iVeB {
    display:inline-block;
    overflow:hidden;
    border-radius:.75rem;
    min-width:1.5rem;
    height:1.5rem;
    padding:0 .5rem;
    background-color:#0060ef;
    color:#fff;
    top:0;
    font-size:0;
    text-align:center
}
._1iVeB._36TEn {
    background-color:#3b3e40
}
._1iVeB._22fhF {
    background-color:#0060ef
}
._1iVeB._18KV9 {
    background-color:#47b347
}
._1iVeB.TUDGQ {
    background-color:#e64839
}
._1iVeB.WOSGb {
    background-color:#e67e22
}
._2XuxM {
    background-color:#fff;
    border:.0625rem solid #d4d7d9;
    border-color:#3b3e40;
    padding:0 .4375rem
}
._2XuxM._3a9gR {
    padding:0 .1875rem
}
._2XuxM._36TEn {
    background-color:#fff;
    color:#3b3e40;
    border-color:#3b3e40
}
._2XuxM._22fhF {
    background-color:#fff;
    color:#0060ef;
    border-color:#0060ef
}
._2XuxM._18KV9 {
    background-color:#fff;
    color:#47b347;
    border-color:#47b347
}
._2XuxM.TUDGQ {
    background-color:#fff;
    color:#e64839;
    border-color:#e64839
}
._2XuxM.WOSGb {
    background-color:#fff;
    color:#e67e22;
    border-color:#e67e22
}
._35z7W {
    display:block;
    font-size:.75rem;
    line-height:2
}
._3a9gR {
    border-radius:.5rem;
    min-width:1rem;
    height:1rem;
    padding:0 .25rem
}
._3a9gR ._35z7W {
    transform:scale(.84);
    transform-origin:50% 50%;
    line-height:1rem
}
._1LgN0 {
    position:relative;
    transform-origin:50% 50%
}
.yp2SH {
    display:inline-block
}
.yp2SH._27MOp {
    position:absolute;
    right:0;
    top:0;
    font-size:0;
    line-height:0;
    transform:translate(50%,-50%)
}
._3c0Qz {
    speak:none;
    font-style:normal;
    font-weight:400;
    font-feature-settings:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    display:inline-block
}
._1j2v0 {
    animation:-lu88 2s infinite linear
}
@keyframes -lu88 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(1turn)
    }
}
@font-face {
    font-family:quark;
    src:url(//store-cdn.djiits.com/assets/v3/static/media/8eab1e68e0d8fc383be4fbb81feace07.8eab1e68.eot);
    src:url(//store-cdn.djiits.com/assets/v3/static/media/8eab1e68e0d8fc383be4fbb81feace07.8eab1e68.eot?#iefix) format("embedded-opentype"),
    url(//store-cdn.djiits.com/assets/v3/static/media/08fd18c7730448410e3530c7ef6efdad.08fd18c7.woff) format("woff"),
    url(//store-cdn.djiits.com/assets/v3/static/media/185d47dc1a7b6b69d80957ddc8df3941.185d47dc.ttf) format("truetype"),
    url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIuL2ltZy8zMzc3Nzg2Y2Q2YWM2NjM1Zjg4MGRkMTY2NTM5NmFkYS5zdmciOw==#iconfont) format("svg");
    font-weight:400;
    font-style:normal
}
._35bgc:before {
    content:"\F2B9"
}
.byXrR:before {
    content:"\F2BB"
}
._128ri:before {
    content:"\F042"
}
._1KHsi:before {
    content:"\E917"
}
._2bT-Y:before {
    content:"\E348"
}
._3UEZX:before {
    content:"\ECA2"
}
._1fXKU:before {
    content:"\EE57"
}
._2OZ_n:before {
    content:"\F16D"
}
._6cr8a:before {
    content:"\E719"
}
.ZAGKa:before {
    content:"\F3FF"
}
._1lH5w:before {
    content:"\EBAD"
}
._3BSr4:before {
    content:"\E8B5"
}
._4wlbR:before {
    content:"\F0D1"
}
._26SUY:before {
    content:"\E3A8"
}
._30-mD:before {
    content:"\F057"
}
._1_xvC:before {
    content:"\F27D"
}
._17P2f:before {
    content:"\F099"
}
._2I_EY:before {
    content:"\F167"
}
._3qb3s:before {
    content:"\F0D7"
}
._2jwD5:before {
    content:"\F0D8"
}
._19X43:before {
    content:"\ECDE"
}
._2WwM4:before {
    content:"\E6C0"
}
._1shcg:before {
    content:"\ED3F"
}
._1qLWd:before {
    content:"\EBD6"
}
.Z8Prc:before {
    content:"\EFE0"
}
._3MItB:before {
    content:"\E65F"
}
._2Bvn6:before {
    content:"\E0CA"
}
._3IVo_:before {
    content:"\F100"
}
._34FGS:before {
    content:"\F107"
}
._3e62_:before {
    content:"\F101"
}
._1zbhS:before {
    content:"\F104"
}
._27RtX:before {
    content:"\F105"
}
.jhfcy:before {
    content:"\F106"
}
.Q82xM:before {
    content:"\E386"
}
._1vyf0:before {
    content:"\F05E"
}
.B0IHZ:before {
    content:"\F0A1"
}
._2cpQ_:before {
    content:"\F0C9"
}
._2FImd:before {
    content:"\EB68"
}
._3wXJB:before {
    content:"\EC02"
}
._2fXyR:before {
    content:"\EF8E"
}
._2KLCQ:before {
    content:"\EDD8"
}
._-4DAY:before {
    content:"\E540"
}
._2I4g3:before {
    content:"\F0A3"
}
._1m5z7:before {
    content:"\E753"
}
._1vR3p:before {
    content:"\EE6B"
}
._2LJ7o:before {
    content:"\F00C"
}
._3AQSX:before {
    content:"\F1CE"
}
._3ASBw:before {
    content:"\F017"
}
._6eszT:before {
    content:"\F013"
}
._1WxHW:before {
    content:"\F0EE"
}
._2uv1U:before {
    content:"\E688"
}
._3s-NW:before {
    content:"\E1F8"
}
._1ZzVY:before {
    content:"\E7E4"
}
.OBwuW:before {
    content:"\F0C5"
}
._2Ri-k:before {
    content:"\F066"
}
._1588m:before {
    content:"\ED6E"
}
._2uIqb:before {
    content:"\F09D"
}
._1P5xZ:before {
    content:"\F019"
}
._2iuBX:before {
    content:"\F044"
}
._1exha:before {
    content:"\F141"
}
._3bokS:before {
    content:"\ED0B"
}
.vMM-Y:before {
    content:"\F0E0"
}
._3jZwp:before {
    content:"\F142"
}
._2SUQ-:before {
    content:"\F06A"
}
._1Piil:before {
    content:"\F12A"
}
._20oXE:before {
    content:"\F321"
}
._2gTe8:before {
    content:"\F08E"
}
.okv_Y:before {
    content:"\F065"
}
._3l-6g:before {
    content:"\F06E"
}
.OhY9C:before {
    content:"\F15C"
}
.Cb5jY:before {
    content:"\F09A"
}
._1ajFe:before {
    content:"\F15B"
}
.ve2KQ:before {
    content:"\F1C1"
}
._3OU3j:before {
    content:"\EDCF"
}
.lgV2x:before {
    content:"\F0AC"
}
._1gQtG:before {
    content:"\E902"
}
._3Zaag:before {
    content:"\EE55"
}
._33jTA:before {
    content:"\F015"
}
._1jJbn:before {
    content:"\E348"
}
.UuxAk:before {
    content:"\F30F"
}
._1OEuY:before {
    content:"\F05A"
}
.Lm_MF:before {
    content:"\F129"
}
._3LwbN:before {
    content:"\F1AB"
}
._2XN05:before {
    content:"\F0C1"
}
._33OcX:before {
    content:"\E8C1"
}
.bMc_E:before {
    content:"\F124"
}
.IAlEP:before {
    content:"\F03A"
}
._25GQ2:before {
    content:"\ED51"
}
._3t3HT:before {
    content:"\F30D"
}
._2W_XA:before {
    content:"\EE36"
}
._3NPLS:before {
    content:"\F3C5"
}
.UhwjW:before {
    content:"\F068"
}
._2hDpl:before {
    content:"\F0C6"
}
.dCZz2:before {
    content:"\E70A"
}
._1FMUV:before {
    content:"\F144"
}
._2H8bj:before {
    content:"\F095"
}
._3KkpT:before {
    content:"\F067"
}
._23p5a:before {
    content:"\E85D"
}
._18A_e:before {
    content:"\F059"
}
.gf_rb:before {
    content:"\F029"
}
._1Djb6:before {
    content:"\F010"
}
._3d-6G:before {
    content:"\F002"
}
._1fawl:before {
    content:"\EA0F"
}
._20uY7:before {
    content:"\F00E"
}
._2Z6dE:before {
    content:"\F02B"
}
._1c3Qh:before {
    content:"\F064"
}
._1GlZx:before {
    content:"\E200"
}
._3hG3b:before {
    content:"\F00D"
}
._15wCJ:before {
    content:"\EEA2"
}
._1Rw_U:before {
    content:"\F2ED"
}
._2Jlwc:before {
    content:"\EAAA"
}
._1bahP:before {
    content:"\E872"
}
._27Nd-:before {
    content:"\F13E"
}
._3To44:before {
    content:"\F007"
}
._1O_Hy:before {
    content:"\F0C0"
}
.W6H_f:before {
    content:"\F03D"
}
._2_sls:before {
    content:"\E087"
}
._35BGQ:before {
    content:"\E665"
}
._3xfLM:before {
    content:"\E111"
}
._1pvYF:before {
    content:"\F055"
}
._3TvKd {
    margin-right:4px
}
.xnv6R {
    display:inline-flex;
    font-weight:400;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    border:none;
    color:#3b3e40;
    transition:all .3s cubic-bezier(.23,1,.32,1);
    justify-content:center;
    align-items:center
}
.xnv6R:active,
.xnv6R:focus,
.xnv6R:hover {
    text-decoration:none
}
.xnv6R._3e-BG {
    outline:0
}
._3RO_K {
    display:block;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis
}
._3RO_K+._3RO_K {
    margin-top:.5rem
}
._19X_H {
    color:#fff;
    background-color:rgba(0,0,0,.85)
}
._19X_H:focus,
._19X_H:hover {
    background-color:rgba(0,0,0,.65)
}
._19X_H:active {
    background-color:rgba(0,0,0,.45)
}
._8oCtR {
    background-color:#fff;
    border:1px solid rgba(0,0,0,.85);
    color:#3b3e40
}
._8oCtR:focus,
._8oCtR:hover {
    border-color:transparent;
    color:#fff;
    background-color:rgba(0,0,0,.65)
}
._8oCtR:active {
    border-color:transparent;
    color:#fff;
    background-color:rgba(0,0,0,.45)
}
._1bpad {
    background-color:rgba(0,0,0,.04)
}
._1bpad:focus,
._1bpad:hover {
    background-color:rgba(0,0,0,.08)
}
._1bpad:active {
    background-color:rgba(0,0,0,.12)
}
._27-6k {
    background-color:#fff
}
._27-6k:focus,
._27-6k:hover {
    background-color:hsla(0,0%,100%,.65)
}
._27-6k:active {
    background-color:hsla(0,0%,100%,.45)
}
._2QwEc {
    color:#fff;
    background-color:#0060ef
}
._2QwEc:focus,
._2QwEc:hover {
    background-color:#004ecb
}
._2QwEc:active {
    background-color:#003ea8
}
._3IIr- {
    color:#fff;
    background-color:#e64839
}
._3IIr-:focus,
._3IIr-:hover {
    background-color:#bd2a17
}
._3IIr-:active {
    background-color:#941600
}
._16fYW {
    color:#fff;
    background-color:#47b347
}
._16fYW:focus,
._16fYW:hover {
    background-color:#2c9934
}
._16fYW:active {
    background-color:#178025
}
.upL7u {
    color:#fff;
    background-color:#e67e22
}
.upL7u:focus,
.upL7u:hover {
    background-color:#bd5e00
}
.upL7u:active {
    background-color:#944f00
}
._3oax7 {
    color:#fff;
    background-color:hsla(0,0%,100%,.08)
}
._3oax7:focus,
._3oax7:hover {
    background-color:hsla(0,0%,100%,.12)
}
._3oax7:active {
    background-color:hsla(0,0%,100%,.2)
}
._958V1 {
    border-radius:200rem
}
._22qIt {
    border-radius:.25rem
}
.mrbT4 {
    border-radius:0
}
._1i5fk {
    font-size:1rem;
    line-height:1.25;
    padding:.875rem 2rem
}
._1i5fk:not(._1FsY1) {
    min-width:80px;
    min-height:48px
}
._1i5fk._1FsY1 {
    width:3rem;
    height:3rem
}
._1i5fk._8oCtR {
    font-size:1rem;
    line-height:1.25
}
._1i5fk._8oCtR._1FsY1 {
    width:3rem;
    height:3rem
}
._1i5fk._1FsY1 {
    padding:0 .875rem
}
._1i5fk._8oCtR {
    padding:0 1.9375rem
}
.p8s4W {
    font-size:1rem;
    line-height:1.25;
    padding:.625rem 1rem
}
.p8s4W:not(._1FsY1) {
    min-width:80px;
    min-height:40px
}
.p8s4W._1FsY1 {
    width:2.5rem;
    height:2.5rem
}
.p8s4W._8oCtR {
    font-size:1rem;
    line-height:1.25
}
.p8s4W._8oCtR._1FsY1 {
    width:2.5rem;
    height:2.5rem
}
.p8s4W._1FsY1 {
    padding:0 .625rem
}
.p8s4W._8oCtR {
    padding:0 .9375rem
}
@media (max-width:767px) {
    .p8s4W {
        font-size:.875rem;
        line-height:1.25
    }
    .p8s4W._1FsY1 {
        width:1.84375rem;
        height:1.84375rem
    }
    .p8s4W._8oCtR {
        font-size:.875rem;
        line-height:1.25
    }
    .p8s4W._8oCtR._1FsY1 {
        width:1.84375rem;
        height:1.84375rem
    }
}
._27-yu {
    font-size:.875rem;
    line-height:1.25;
    padding:.375rem .75rem
}
._27-yu:not(._1FsY1) {
    min-width:64px;
    min-height:32px
}
._27-yu._1FsY1 {
    width:1.84375rem;
    height:1.84375rem
}
._27-yu._8oCtR {
    font-size:.875rem;
    line-height:1.25
}
._27-yu._8oCtR._1FsY1 {
    width:1.84375rem;
    height:1.84375rem
}
._27-yu._1FsY1 {
    padding:0 .375rem
}
._27-yu._8oCtR {
    padding:0 .6875rem
}
._2ghvt {
    font-size:.75rem;
    line-height:1;
    padding:.375rem .625rem
}
._2ghvt:not(._1FsY1) {
    min-width:48px;
    min-height:28px
}
._2ghvt._1FsY1 {
    width:1.5rem;
    height:1.5rem
}
._2ghvt._8oCtR {
    font-size:.75rem;
    line-height:1
}
._2ghvt._8oCtR._1FsY1 {
    width:1.5rem;
    height:1.5rem
}
._2ghvt._1FsY1 {
    padding:0 .375rem
}
._2ghvt._8oCtR {
    padding:0 .5625rem
}
._21L3I {
    font-size:.75rem;
    line-height:1;
    padding:.375rem .625rem
}
._21L3I:not(._1FsY1) {
    min-width:48px;
    min-height:28px
}
._21L3I._1FsY1 {
    width:1.5rem;
    height:1.5rem
}
._21L3I._8oCtR {
    font-size:.75rem;
    line-height:1
}
._21L3I._8oCtR._1FsY1 {
    width:1.5rem;
    height:1.5rem
}
._21L3I._1FsY1 {
    padding:0 .375rem
}
._21L3I._8oCtR {
    padding:0 .5625rem
}
.xnv6R:disabled {
    background-color:#f0f1f2;
    color:#9fa3a6;
    cursor:not-allowed;
    background-image:none
}
.xnv6R:disabled._19X_H {
    color:hsla(0,0%,100%,.3);
    background-color:rgba(0,0,0,.85);
    border:none
}
.xnv6R:disabled._1bpad {
    background-color:rgba(0,0,0,.04);
    color:rgba(0,0,0,.25);
    border:none
}
.xnv6R:disabled._27-6k {
    color:rgba(0,0,0,.25);
    background-color:#fff;
    border:none
}
.xnv6R:disabled._2QwEc {
    background-color:#0060ef;
    color:hsla(0,0%,100%,.45);
    border:none
}
.xnv6R:disabled._8oCtR {
    background-color:#fff;
    color:#d4d7d9;
    border:none
}
.xnv6R:disabled._3IIr- {
    background-color:#e64839;
    color:hsla(0,0%,100%,.45);
    border:none
}
.xnv6R:disabled._16fYW {
    background-color:#47b347;
    color:hsla(0,0%,100%,.45);
    border:none
}
.xnv6R:disabled.upL7u {
    background-color:#e67e22;
    color:hsla(0,0%,100%,.45);
    border:none
}
.xnv6R:disabled._3oax7 {
    background-color:hsla(0,0%,100%,.08);
    border:none;
    color:hsla(0,0%,100%,.3)
}
._1wazg {
    cursor:not-allowed
}
._1wazg._19X_H {
    color:hsla(0,0%,100%,.3);
    background-color:rgba(0,0,0,.85)
}
._1wazg._19X_H,
._1wazg._8oCtR {
    background-image:none;
    border:none
}
._1wazg._8oCtR {
    background-color:#fff;
    color:#d4d7d9
}
._1wazg._1bpad {
    background-color:rgba(0,0,0,.04);
    background-image:none
}
._1wazg._1bpad,
._1wazg._27-6k {
    color:rgba(0,0,0,.25);
    border:none
}
._1wazg._27-6k {
    background-color:#fff
}
._1wazg._2QwEc {
    background-color:#0060ef
}
._1wazg._2QwEc,
._1wazg._3IIr- {
    background-image:none;
    color:hsla(0,0%,100%,.45);
    border:none
}
._1wazg._3IIr- {
    background-color:#e64839
}
._1wazg._16fYW {
    background-color:#47b347
}
._1wazg._16fYW,
._1wazg.upL7u {
    background-image:none;
    color:hsla(0,0%,100%,.45);
    border:none
}
._1wazg.upL7u {
    background-color:#e67e22
}
._1wazg._3oax7 {
    background-color:hsla(0,0%,100%,.08);
    border:none;
    color:hsla(0,0%,100%,.3)
}
._1nhYK {
    text-decoration:none
}
.j7iyJ {
    margin-right:4px
}
._3TbAa {
    display:inline-block;
    position:relative
}
._3TbAa button {
    border-radius:0;
    z-index:1;
    margin-left:.0625rem
}
._3TbAa button:first-child {
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem;
    margin-left:0
}
._3TbAa button:last-child {
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem
}
._3TbAa button:active,
._3TbAa button:focus,
._3TbAa button:hover {
    position:relative;
    z-index:2
}
._23nPs button {
    margin-left:-.0625rem
}
._23nPs button:first-child {
    margin-left:0
}
._1sB9Z button {
    margin-left:-.0625rem
}
._1sB9Z button:first-child {
    margin-left:0
}
.carousel {
    box-sizing:border-box;
    margin:0;
    padding:0;
    list-style:none
}
.carousel .slick-slider {
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-touch-callout:none;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.carousel .slick-list {
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    padding:0
}
.carousel .slick-list:focus {
    outline:0
}
.carousel .slick-list.dragging {
    cursor:pointer
}
.carousel .slick-slider .slick-list,
.carousel .slick-slider .slick-track {
    transform:translateZ(0)
}
.carousel .slick-track {
    position:relative;
    left:0;
    top:0;
    display:block
}
.carousel .slick-track:after,
.carousel .slick-track:before {
    content:"";
    display:table
}
.carousel .slick-track:after {
    clear:both
}
._1dFgn .carousel .slick-track {
    visibility:hidden
}
.carousel .slick-slide {
    /*float:left;*/
    height:100%;
    min-height:1px;
    display:none
}
[dir=rtl] .carousel .slick-slide {
    float:right
}
.carousel .slick-slide img {
    display:block
}
.carousel .slick-slide.slick-loading img {
    display:none
}
.carousel .slick-slide.dragging img {
    pointer-events:none
}
.carousel .slick-initialized .slick-slide {
    display:block
}
.carousel .slick-loading .slick-slide {
    visibility:hidden
}
.carousel .slick-vertical .slick-slide {
    display:block;
    height:auto
}
.carousel .slick-arrow.slick-hidden {
    display:none
}
.carousel .slick-next,
.carousel .slick-prev {
    position:absolute;
    height:3rem;
    width:3rem;
    cursor:pointer;
    top:50%;
    margin-top:-1.5rem;
    padding:0;
    border:0;
    outline:0;
    z-index:1;
    border-radius:50%;
    background:#6c7073;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:2rem
}
.carousel .slick-next:focus,
.carousel .slick-next:hover,
.carousel .slick-prev:focus,
.carousel .slick-prev:hover {
    outline:0
}
.carousel .slick-next:focus:before,
.carousel .slick-next:hover:before,
.carousel .slick-prev:focus:before,
.carousel .slick-prev:hover:before {
    opacity:1
}
.carousel .slick-next:active,
.carousel .slick-prev:active {
    opacity:.8
}
.carousel .slick-next.slick-disabled:before,
.carousel .slick-prev.slick-disabled:before {
    opacity:.25
}
.carousel .slick-prev {
    left:1.5rem
}
.carousel .slick-next {
    right:1.5rem
}
.carousel .slick-dots {
    position:absolute;
    bottom:1rem;
    list-style:none;
    display:block;
    text-align:center;
    margin:0;
    padding:0;
    width:100%;
    height:.5rem
}
.carousel .slick-dots li {
    position:relative;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    margin:0 .25rem;
    padding:0
}
.carousel .slick-dots li button {
    border:0;
    cursor:pointer;
    display:block;
    width:.5rem;
    height:.5rem;
    background:#f0f1f2;
    outline:0;
    font-size:0;
    color:transparent;
    transition:all .5s cubic-bezier(.23,1,.32,1);
    padding:0;
    border-radius:50%
}
.carousel .slick-dots li button:focus,
.carousel .slick-dots li button:hover {
    opacity:.75
}
.carousel .slick-dots li.slick-active button {
    background:#0060ef;
    opacity:1;
    width:.5rem
}
.carousel .slick-dots li.slick-active button:focus,
.carousel .slick-dots li.slick-active button:hover {
    opacity:1
}
.carousel-vertical .slick-dots {
    width:.5rem;
    bottom:auto;
    right:1rem;
    top:50%;
    transform:translateY(-50%);
    height:auto
}
.carousel-vertical .slick-dots li {
    margin:0 .25rem;
    vertical-align:baseline
}
.carousel-vertical .slick-dots li button,
.carousel-vertical .slick-dots li.slick-active button {
    width:.5rem;
    height:.5rem
}
.ZJnnz {
    left:-2px
}
.ZJnnz,
._3ctaf {
    position:relative
}
._3ctaf {
    left:2px
}
._18Gti {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display:inline-block;
    outline:0;
    width:1rem;
    height:1rem;
    line-height:1rem;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    border:none;
    background:0 0
}
._18Gti:after {
    position:relative;
    content:"";
    border:.0625rem solid #0060ef;
    display:block;
    width:14px;
    height:14px;
    border-radius:.25rem;
    transition:border .3s cubic-bezier(.23,1,.32,1);
    box-sizing:content-box
}
._18Gti:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:1rem;
    height:1rem;
    background-color:transparent;
    border-radius:.25rem;
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
._18Gti.focus-visible {
    box-shadow:0 0 0 4px rgba(0,96,239,.4)
}
._18Gti:focus-visible {
    box-shadow:0 0 0 4px rgba(0,96,239,.4)
}
._1kBeN:before {
    content:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGU+c29saWQvY2hlY2s8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxkZWZzPjxwYXRoIGQ9Ik02LjcxNzE1NSwxMC44ODIxNjAyIEw0LjExNzE1MjQ2LDguMjY3MjA4NSBDMy45NjA5NDkxOCw4LjExMDEwNzExIDMuOTYwOTQ5MTgsNy44NTUzODUwNCA0LjExNzE1MjQ2LDcuNjk4MjY3OTMgTDQuNjgyODI0ODksNy4xMjkzMjczNiBDNC44MzkwMjgxNiw2Ljk3MjIxMDI1IDUuMDkyMzA5NjYsNi45NzIyMTAyNSA1LjI0ODUxMjk0LDcuMTI5MzI3MzYgTDYuOTk5OTk5MDIsOC44OTA4NjgyIEwxMC43NTE0ODcxLDUuMTE3ODI2MDUgQzEwLjkwNzY5MDMsNC45NjA3MjQ2NSAxMS4xNjA5NzE4LDQuOTYwNzI0NjUgMTEuMzE3MTc1MSw1LjExNzgyNjA1IEwxMS44ODI4NDc1LDUuNjg2NzY2NjIgQzEyLjAzOTA1MDgsNS44NDM4NjgwMSAxMi4wMzkwNTA4LDYuMDk4NTkwMDggMTEuODgyODQ3NSw2LjI1NTcwNzE5IEw3LjI4Mjg0MzA1LDEwLjg4MjE3NTkgQzcuMTI2NjI0MTUsMTEuMDM5Mjc3MyA2Ljg3MzM1ODI3LDExLjAzOTI3NzMgNi43MTcxNTUsMTAuODgyMTYwMiBaIiBpZD0icGF0aC0xIj48L3BhdGg+PC9kZWZzPjxnIGlkPSJzb2xpZC9jaGVjayIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+PC9tYXNrPjx1c2UgaWQ9ImNoZWNrIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPjxnIGlkPSJ3aGl0ZS8xMCIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjRkZGRkZGIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNC4wMDAwMDApIiBpZD0iYmFzZSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjgiIGhlaWdodD0iOCI+PC9yZWN0PjwvZz48L2c+PC9nPjwvc3ZnPg==");
    background-color:#0060ef;
    transform:scale(1)
}
._3Yfo3:before {
    content:"";
    transform:scale(.5);
    background-color:transparent
}
._28NkA {
    background-color:#f7f9fa;
    border-radius:.25rem
}
._28NkA:after {
    border:.0625rem solid #d4d7d9;
    border-color:#d4d7d9
}
._28NkA:checked:before {
    content:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGU+c29saWQvY2hlY2s8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxkZWZzPjxwYXRoIGQ9Ik02LjcxNzE1NSwxMC44ODIxNjAyIEw0LjExNzE1MjQ2LDguMjY3MjA4NSBDMy45NjA5NDkxOCw4LjExMDEwNzExIDMuOTYwOTQ5MTgsNy44NTUzODUwNCA0LjExNzE1MjQ2LDcuNjk4MjY3OTMgTDQuNjgyODI0ODksNy4xMjkzMjczNiBDNC44MzkwMjgxNiw2Ljk3MjIxMDI1IDUuMDkyMzA5NjYsNi45NzIyMTAyNSA1LjI0ODUxMjk0LDcuMTI5MzI3MzYgTDYuOTk5OTk5MDIsOC44OTA4NjgyIEwxMC43NTE0ODcxLDUuMTE3ODI2MDUgQzEwLjkwNzY5MDMsNC45NjA3MjQ2NSAxMS4xNjA5NzE4LDQuOTYwNzI0NjUgMTEuMzE3MTc1MSw1LjExNzgyNjA1IEwxMS44ODI4NDc1LDUuNjg2NzY2NjIgQzEyLjAzOTA1MDgsNS44NDM4NjgwMSAxMi4wMzkwNTA4LDYuMDk4NTkwMDggMTEuODgyODQ3NSw2LjI1NTcwNzE5IEw3LjI4Mjg0MzA1LDEwLjg4MjE3NTkgQzcuMTI2NjI0MTUsMTEuMDM5Mjc3MyA2Ljg3MzM1ODI3LDExLjAzOTI3NzMgNi43MTcxNTUsMTAuODgyMTYwMiBaIiBpZD0icGF0aC0xIj48L3BhdGg+PC9kZWZzPjxnIGlkPSJzb2xpZC9jaGVjayIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+PC9tYXNrPjx1c2UgaWQ9ImNoZWNrIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPjxnIGlkPSJ3aGl0ZS8xMCIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjRkZGRkZGIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNC4wMDAwMDApIiBpZD0iYmFzZSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjgiIGhlaWdodD0iOCI+PC9yZWN0PjwvZz48L2c+PC9nPjwvc3ZnPg==");
    background-color:#d4d7d9;
    transform:scale(1)
}
._1FA_h {
    position:absolute;
    z-index:0;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:block;
    border-radius:inherit
}
._3hNGr {
    background-color:transparent
}
._3t0Lo {
    background-color:rgba(0,0,0,.1)
}
._2x8UJ {
    z-index:0;
    border-radius:inherit
}
._1l4MP,
._2x8UJ {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:block
}
._1l4MP {
    border-radius:inherit;
    border:0 solid #0060ef;
    opacity:.4;
    pointer-events:none
}
._3xSto {
    transition:all .3s;
    border-width:.3125rem;
    top:-.25rem;
    left:-.25rem;
    bottom:-.25rem;
    right:-.25rem
}
._350VY {
    transition:all .5s;
    border-width:.5625rem;
    opacity:0;
    top:-.5rem;
    left:-.5rem;
    bottom:-.5rem;
    right:-.5rem
}
._1QSYl {
    border-color:#0060ef
}
._1jx4W {
    border-color:#6c7073
}
._2LUPU {
    border-color:#3b3e40
}
._3LoR7 {
    border-color:#9fa3a6
}
._2TdAx {
    border-color:#f7f9fa
}
._3d3Z- {
    border-color:#e64839
}
.IvNmx {
    border-color:#47b347
}
._3KkHs {
    border-color:#e67e22
}
._19ehJ {
    border-color:#fff
}
._3Yu6x {
    display:flex;
    flex-wrap:wrap;
    flex:0 1 auto;
    flex-direction:row;
    align-items:stretch
}
._2OFp0,
._3Yu6x {
    box-sizing:border-box
}
._2OFp0 {
    flex:0 0 auto
}
._2SRvk {
    flex-direction:row-reverse
}
.QcKAD {
    margin-left:-.125rem;
    margin-right:-.125rem
}
._1pfYs {
    padding:.125rem
}
._1XCZb {
    margin-left:-.25rem;
    margin-right:-.25rem
}
._3Uq9I {
    padding:.25rem
}
._11D-N {
    margin-left:-.5rem;
    margin-right:-.5rem
}
._2qDDL {
    padding:.5rem
}
._1dh8K {
    margin-left:-.75rem;
    margin-right:-.75rem
}
._3rA0z {
    padding:.75rem
}
._2PQet {
    margin-left:-1.5rem;
    margin-right:-1.5rem
}
.U_7OW {
    padding:1.5rem
}
.CL3em {
    flex-basis:20%;
    max-width:20%
}
._30rSr {
    margin-left:0
}
._3dXas {
    flex-basis:40%;
    max-width:40%
}
._1UDTF {
    margin-left:20%
}
._2der7 {
    flex-basis:60%;
    max-width:60%
}
._1By7S {
    margin-left:40%
}
._3E7yL {
    flex-basis:80%;
    max-width:80%
}
._3dhiw {
    margin-left:60%
}
._32FWi {
    flex-basis:100%;
    max-width:100%
}
._3NlnY {
    margin-left:80%
}
._2wYpQ {
    flex-basis:16.66666667%;
    max-width:16.66666667%
}
._33o92 {
    margin-left:0
}
._3kfk0 {
    flex-basis:33.33333333%;
    max-width:33.33333333%
}
._1J96b {
    margin-left:16.66666667%
}
.BIWvz {
    flex-basis:50%;
    max-width:50%
}
._2kG35 {
    margin-left:33.33333333%
}
._2rcNk {
    flex-basis:66.66666667%;
    max-width:66.66666667%
}
.CEZXQ {
    margin-left:50%
}
._29IYL {
    flex-basis:83.33333333%;
    max-width:83.33333333%
}
._2LiL3 {
    margin-left:66.66666667%
}
._86_DD {
    flex-basis:100%;
    max-width:100%
}
.NMhou {
    margin-left:83.33333333%
}
._1a-hc {
    flex-basis:12.5%;
    max-width:12.5%
}
._2qlKH {
    margin-left:0
}
._24XTK {
    flex-basis:25%;
    max-width:25%
}
.wGAKc {
    margin-left:12.5%
}
._1ZN15 {
    flex-basis:37.5%;
    max-width:37.5%
}
._1rjGe {
    margin-left:25%
}
.LRZtW {
    flex-basis:50%;
    max-width:50%
}
._3IjWt {
    margin-left:37.5%
}
._2BVw1 {
    flex-basis:62.5%;
    max-width:62.5%
}
._3_87W {
    margin-left:50%
}
._2ELip {
    flex-basis:75%;
    max-width:75%
}
._37fg_ {
    margin-left:62.5%
}
._2pJbu {
    flex-basis:87.5%;
    max-width:87.5%
}
._214Cj {
    margin-left:75%
}
._3BQwe {
    flex-basis:100%;
    max-width:100%
}
._3zDth {
    margin-left:87.5%
}
.quark-collapse {
    background-color:#fff;
    border-radius:.25rem;
    border:.0625rem solid #d4d7d9;
    border-bottom:0;
    margin-bottom:1rem
}
.quark-collapse:last-child {
    margin-bottom:0
}
.quark-collapse>.quark-collapse-item {
    border-bottom:.0625rem solid #d4d7d9
}
.quark-collapse>.quark-collapse-item:last-child,
.quark-collapse>.quark-collapse-item:last-child>.collapse-prefix-cls-header {
    border-radius:0 0 .25rem .25rem
}
.quark-collapse>.quark-collapse-item>.quark-collapse-header {
    font-size:1rem;
    line-height:1.5;
    padding:.75rem 1rem;
    color:#3b3e40;
    cursor:pointer;
    position:relative
}
.quark-collapse>.quark-collapse-item>.quark-collapse-header .quark-collapse-header-inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:relative;
    font-weight:500
}
.quark-collapse>.quark-collapse-item>.quark-collapse-header .quark-collapse-header-icon {
    color:#3b3e40
}
.quark-collapse-content {
    overflow:hidden;
    color:#3b3e40;
    padding:0 1rem;
    border-top:.0625rem solid #d4d7d9
}
.quark-collapse-content>.quark-collapse-content-box {
    padding-top:1rem;
    padding-bottom:1rem
}
.quark-collapse-content-inactive {
    display:none
}
.quark-collapse-item:last-child>.quark-collapse-content {
    border-radius:0 0 .25rem .25rem
}
.quark-collapse-tight {
    background-color:#fff;
    border:0;
    border-radius:0
}
.quark-collapse-tight>.quark-collapse-item {
    border-top:.0625rem solid #d4d7d9;
    border-bottom:0
}
.quark-collapse-tight>.quark-collapse-item:last-child {
    border-bottom:.0625rem solid #d4d7d9
}
.quark-collapse-tight>.quark-collapse-item:last-child,
.quark-collapse-tight>.quark-collapse-item:last-child .quark-collapse-header {
    border-radius:0
}
.quark-collapse-tight.quark-collapse-border-bottom .quark-collapse-item:first-child {
    border-top:0
}
.quark-collapse-tight.quark-collapse-border-top .quark-collapse-item:last-child {
    border-bottom:0
}
.quark-collapse-tight>.quark-collapse-item>.quark-collapse-content {
    background-color:transparent;
    border-top:0;
    padding-left:0;
    padding-right:0
}
.quark-collapse-tight>.quark-collapse-item>.quark-collapse-header {
    padding-left:0;
    padding-right:0
}
.quark-collapse-tight>.quark-collapse-item>.quark-collapse-content>.quark-collapse-content-box {
    padding-top:.25rem
}
.quark-collapse .quark-collapse-item-disabled>.quark-collapse-header,
.quark-collapse .quark-collapse-item-disabled>.quark-collapse-header .quark-collapse-header-icon {
    cursor:not-allowed;
    color:#d4d7d9
}
.quark-collapse-motion-collapse {
    overflow:hidden
}
.quark-collapse-motion-collapse-active {
    transition:height .15s ease-out,opacity .3s cubic-bezier(.23,1,.32,1)!important
}
.quark-collapse-header-icon {
    position:absolute;
    right:0;
    top:0;
    transform:rotate(0);
    opacity:1;
    transition:transform .3s ease-out,opacity .3s ease-out;
    line-height:inherit;
    display:block
}
.quark-collapse-header-icon-plus {
    visibility:visible
}
.quark-collapse-header-icon-minus {
    visibility:hidden
}
.quark-collapse-item-active>.quark-collapse-header .quark-collapse-header-icon-minus {
    opacity:1;
    transform:rotate(180deg);
    visibility:visible
}
.quark-collapse-item-active>.quark-collapse-header .quark-collapse-header-icon-plus {
    opacity:0;
    transform:rotate(180deg);
    visibility:hidden
}
.quark-collapse-dark {
    background:#f7f9fa;
    border:none
}
.quark-collapse-dark.quark-collapse-tight .quark-collapse-item:first-child {
    border-top:0
}
.quark-collapse-dark .quark-collapse-item:last-child {
    border-bottom:none
}
.lCk-C {
    position:relative;
    height:32px;
    overflow:hidden
}
.lCk-C:before {
    content:" ";
    position:absolute;
    left:0;
    top:50%;
    right:0;
    height:0;
    border-top:1px solid #f0f1f2;
    transform:translateY(-50%)
}
._3OCCt {
    display:inline-block;
    width:100%;
    border-radius:.25rem;
    outline:0;
    box-sizing:border-box;
    -webkit-appearance:none;
    transition:.3s
}
._279g4 {
    height:3rem;
    padding:.6875rem .9375rem
}
._1qZ9R {
    height:2.5rem;
    padding:.4375rem .9375rem
}
._1NI2J {
    height:2rem;
    padding:.1875rem .4375rem
}
._37uUR._3OCCt {
    color:#3b3e40;
    border:.0625rem solid #d4d7d9
}
._37uUR._2qpuN {
    background-color:#fff;
    border-color:#d4d7d9
}
._37uUR._2qpuN::-moz-placeholder {
    color:#6c7073
}
._37uUR._2qpuN::placeholder {
    color:#6c7073
}
._37uUR._2qpuN:focus {
    border-color:#0060ef;
    box-shadow:0 0 0 2px rgba(0,96,239,.2)
}
._37uUR._2qpuN._207Kj {
    background-color:rgba(0,0,0,.04);
    border:.0625rem solid transparent
}
._37uUR._2qpuN._207Kj:focus {
    border-color:#232526;
    box-shadow:none
}
._37uUR._3C13b {
    background-color:#fff;
    border-color:#47b347
}
._37uUR._3C13b:focus {
    box-shadow:0 0 0 2px rgba(71,179,71,.2)
}
._37uUR._3C13b::-moz-placeholder {
    color:#47b347
}
._37uUR._3C13b::placeholder {
    color:#47b347
}
._37uUR._3C13b._207Kj {
    background-color:#eaf2e6;
    border:.0625rem solid transparent
}
._37uUR._3C13b._207Kj:focus {
    border-color:#47b347;
    box-shadow:none
}
._37uUR._18Ejo {
    border-color:#e64839
}
._37uUR._18Ejo:focus {
    box-shadow:0 0 0 2px rgba(230,72,57,.2)
}
._37uUR._18Ejo::-moz-placeholder {
    color:#e64839
}
._37uUR._18Ejo::placeholder {
    color:#e64839
}
._37uUR._18Ejo._207Kj {
    background-color:#ffe6e8;
    border:.0625rem solid transparent
}
._37uUR._18Ejo._207Kj:focus {
    border-color:#e64839;
    box-shadow:none
}
._37uUR._2IaCm {
    border-color:#e67e22
}
._37uUR._2IaCm:focus {
    box-shadow:0 0 0 2px rgba(230,126,34,.2)
}
._37uUR._2IaCm::-moz-placeholder {
    color:#e67e22
}
._37uUR._2IaCm::placeholder {
    color:#e67e22
}
._37uUR._2IaCm._207Kj {
    background-color:#ffede6;
    border:.0625rem solid transparent
}
._37uUR._2IaCm._207Kj:focus {
    border-color:#bd5e00;
    box-shadow:none
}
._37uUR._207Kj::-moz-placeholder {
    color:rgba(0,0,0,.45)
}
._37uUR._207Kj::placeholder {
    color:rgba(0,0,0,.45)
}
._3OCCt:disabled {
    background-color:#f7f9fa;
    color:#9fa3a6;
    border-color:#d4d7d9
}
._207Kj:disabled {
    background-color:rgba(0,0,0,.08)!important
}
._207Kj:disabled,
._2ZkTR._3OCCt {
    border:.0625rem solid transparent
}
._2ZkTR._3OCCt {
    color:#fff
}
._2ZkTR._2qpuN {
    background-color:#535759
}
._2ZkTR._2qpuN::-moz-placeholder {
    color:#9fa3a6
}
._2ZkTR._2qpuN::placeholder {
    color:#9fa3a6
}
._2ZkTR._2qpuN:focus {
    background-color:transparent;
    border:.0625rem solid #d4d7d9
}
._2ZkTR._3C13b {
    background-color:#47b347
}
._2ZkTR._3C13b::-moz-placeholder {
    color:#fff
}
._2ZkTR._3C13b::placeholder {
    color:#fff
}
._2ZkTR._3C13b:focus {
    background-color:transparent;
    border:.0625rem solid #47b347
}
._2ZkTR._18Ejo {
    background-color:#e64839
}
._2ZkTR._18Ejo::-moz-placeholder {
    color:#fff
}
._2ZkTR._18Ejo::placeholder {
    color:#fff
}
._2ZkTR._18Ejo:focus {
    background-color:transparent;
    border:.0625rem solid #e64839
}
._2ZkTR._2IaCm {
    background-color:#e67e22
}
._2ZkTR._2IaCm::-moz-placeholder {
    color:#fff
}
._2ZkTR._2IaCm::placeholder {
    color:#fff
}
._2ZkTR._2IaCm:focus {
    background-color:transparent;
    border:.0625rem solid #e67e22
}
._2ZkTR._3OCCt:disabled {
    background-color:#3b3e40;
    border:.0625rem dashed #d4d7d9;
    color:#6c7073
}
._2ZkTR._3OCCt:disabled::-moz-placeholder {
    color:#6c7073
}
._2ZkTR._3OCCt:disabled::placeholder {
    color:#6c7073
}
.SuH-V {
    position:relative;
    display:flex;
    align-items:flex-end;
    border-collapse:separate;
    border-spacing:0;
    width:100%
}
._1I5MB {
    height:3rem
}
._2beH2 {
    height:2.5rem
}
._13atH {
    height:2rem
}
._1I5MB .BbUFg {
    padding:.6875rem .9375rem
}
._2beH2 .BbUFg {
    padding:.4375rem .9375rem
}
._13atH .BbUFg {
    padding:.1875rem .4375rem
}
.SuH-V>input {
    flex:1 1;
    z-index:1
}
.SuH-V>._3OCCt:first-child {
    border-bottom-right-radius:0;
    border-top-right-radius:0
}
.SuH-V>._3OCCt:last-child {
    border-bottom-left-radius:0;
    border-top-left-radius:0
}
.SuH-V>input:not(:first-child):not(:last-child) {
    border-radius:0
}
.BbUFg {
    outline:0;
    box-sizing:border-box;
    border-radius:.25rem;
    border:.0625rem solid #d4d7d9
}
.BbUFg:first-child {
    border-right:0;
    border-bottom-right-radius:0;
    border-top-right-radius:0
}
.BbUFg:last-child {
    border-bottom-left-radius:0;
    border-top-left-radius:0;
    border-left:0
}
._1EA8w button {
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
._1x3dz .BbUFg {
    background-color:#f7f9fa;
    border-color:#d4d7d9
}
._15Da1 .BbUFg {
    background-color:#3b3e40;
    border-color:#535759;
    color:#6c7073
}
@keyframes _2jbDS {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(1turn)
    }
}
._1dXq0 {
    display:inline-block;
    animation:_2jbDS 1s linear 0s infinite;
    width:1rem;
    height:1rem
}
._2Z0aa {
    padding:0;
    margin:0;
    list-style:none
}
.CS9Pu {
    color:#6c7073;
    font-weight:500
}
.CS9Pu,
._3rmHr {
    line-height:1.715;
    font-size:.875rem;
    padding:.5rem 0
}
._3rmHr {
    color:#3b3e40;
    display:flex;
    flex-wrap:nowrap;
    max-width:100%;
    overflow:hidden
}
._2NH4m {
    flex:1 1 auto
}
._3aEk7 {
    overflow:hidden
}
._2eHA_,
._3aEk7 {
    display:flex
}
._2eHA_ {
    flex:0 0 auto;
    margin-left:.5rem;
    align-items:center
}
.f8QCC {
    margin-right:.5rem
}
._3icWg {
    opacity:0
}
._1F3fZ {
    transition:all .5s cubic-bezier(.23,1,.32,1)
}
._1F3fZ,
.sIKi6 {
    opacity:1
}
._2YgUs {
    opacity:0;
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
._3H2fk {
    display:inline-block;
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    margin:0;
    background:0 0
}
._2xKeN {
    display:block;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    background:rgba(0,0,0,.4)
}
._1gXuk {
    display:block;
    border:2px solid #ccc;
    border-top-color:#eee;
    border-right-color:#eee;
    border-bottom-color:#eee;
    border-radius:50%
}
._2a9vh {
    position:relative;
    left:auto;
    top:auto
}
._2a9vh._195uC {
    width:16px;
    height:16px
}
._2a9vh.cN-Ik {
    width:24px;
    height:24px
}
._2a9vh._1Yw-5 {
    width:48px;
    height:48px
}
._2a9vh._1Cxp7 {
    width:72px;
    height:72px
}
._158An {
    position:absolute
}
._158An._195uC {
    width:16px;
    height:16px;
    left:calc(50% - 8px);
    top:calc(50% - 8px)
}
._158An.cN-Ik {
    width:24px;
    height:24px;
    left:calc(50% - 16px);
    top:calc(50% - 16px)
}
._158An._1Yw-5 {
    width:48px;
    height:48px;
    left:calc(50% - 24px);
    top:calc(50% - 24px)
}
._158An._1Cxp7 {
    width:72px;
    height:72px;
    left:calc(50% - 36px);
    top:calc(50% - 36px)
}
._3LVyz {
    animation:_2r7k0 3s linear infinite
}
.cN-Ik {
    animation:_2r7k0 2s linear infinite
}
._1z4KA {
    animation:_2r7k0 1s linear infinite
}
@keyframes _2r7k0 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(1turn)
    }
}
._5iCMy {
    opacity:0
}
._3N80o {
    transition:all .5s cubic-bezier(.23,1,.32,1)
}
._3N80o,
._3jNlY {
    opacity:1
}
._249s1 {
    opacity:0;
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
._3XtIS {
    display:none!important
}
.RBtig {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(35,37,38,.7)
}
._7JaSP {
    opacity:0;
    transform:translate3d(0,-100%,0)
}
.tvXTW {
    transition:all .5s cubic-bezier(.23,1,.32,1)
}
._1igjc,
.tvXTW {
    opacity:1;
    transform:none
}
._1igjc {
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
.-LLfy {
    opacity:0;
    transform:translate3d(0,-100%,0)
}
._3i6t5 {
    position:fixed;
    text-align:center;
    width:100%;
    z-index:1050;
    line-height:0;
    top:5rem;
    bottom:auto
}
._2Fm9A {
    pointer-events:none
}
._1Dow8 {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    max-width:95%;
    max-width:calc(100vw - 32px);
    box-sizing:border-box;
    color:#3b3e40;
    background:#fff;
    border-radius:.25rem;
    overflow:hidden;
    font-size:.875rem;
    line-height:1.5;
    padding:.5rem 1rem;
    word-break:break-all;
    box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.1)
}
@keyframes _3Ocmg {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(1turn)
    }
}
._3MN7r {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:1rem;
    height:1rem;
    margin-right:1rem;
    border-radius:100%;
    vertical-align:middle;
    color:#fff
}
._3MN7r i {
    transform:scale(.5)
}
._25VbF {
    background:0 0;
    border:1px solid #0060ef;
    border-top-color:transparent;
    width:1rem;
    height:1rem;
    animation:_3Ocmg .3s infinite linear
}
._3SpWJ {
    background:#0060ef
}
.ewVTM {
    background:#e64839
}
.ULNpE {
    background:#e67e22
}
._3zC8b {
    background:#47b347
}
._2lif0 {
    border:none;
    outline:0;
    background:0 0;
    width:1rem;
    height:1rem;
    margin-left:.5rem
}
._2lif0 i {
    display:block
}
._1SoeU {
    padding:1.5rem;
    overflow:auto;
    overscroll-behavior:contain
}
._2bhiO {
    padding:.6875rem 1.5rem .75rem;
    border-top:.0625rem solid #d4d7d9
}
._5FUC {
    height:3.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 2.5rem;
    font-weight:500;
    overflow:hidden;
    text-overflow:ellipsis
}
._19qBt {
    background-color:#fff;
    border-bottom:.0625rem solid #d4d7d9
}
._1fEts {
    background-color:#0060ef;
    color:#fff
}
._2-nfI {
    background-color:#47b347;
    color:#fff
}
.UT4Rh {
    background-color:#e64839;
    color:#fff
}
._134Zt {
    background-color:#e67e22;
    color:#fff
}
.Vsj0k {
    background-color:#3b3e40;
    color:#fff
}
._3WeTt {
    opacity:0;
    transform:translate3d(0,100%,0)
}
._2_fNz {
    transition:all .5s cubic-bezier(.23,1,.32,1)
}
._29zRf,
._2_fNz {
    opacity:1;
    transform:none
}
._29zRf {
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
.bsi6l {
    opacity:0;
    transform:translate3d(0,100%,0)
}
._1ffJd {
    display:none!important
}
._2fvBN {
    opacity:0;
    transform:translateY(-5rem)
}
.kvUUT {
    transition:all .5s cubic-bezier(.23,1,.32,1)
}
.F2CYv,
.kvUUT {
    opacity:1;
    transform:translateY(0)
}
.ssUw_ {
    opacity:0;
    transform:translateY(-5rem);
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
._5gj5g {
    display:none!important
}
._2PzHu {
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    justify-content:center;
    align-items:center
}
._2PzHu._1naMW,
._2PzHu:focus {
    outline:initial
}
._12j5q {
    top:0
}
.g2SoP {
    align-items:flex-end;
    background-color:#fff
}
.g2SoP ._3U3Et {
    border-radius:0
}
._3U3Et {
    border-radius:.25rem;
    background-color:#fff;
    overflow:hidden;
    position:relative
}
._2b7K4 {
    width:72rem
}
._3XX52 {
    width:56.5rem
}
._168gc {
    width:37.5rem
}
._3N4z4 {
    width:24.75rem
}
._33vWN {
    width:18.5rem
}
._1hhu5 {
    width:0;
    height:0;
    border:0;
    overflow:hidden;
    outline:initial
}
._17SAi {
    display:flex;
    justify-content:flex-end
}
._17SAi button {
    margin-left:.5rem
}
._17SAi button:first-child {
    margin-left:0
}
._2ND-v {
    position:absolute;
    right:1.25rem;
    top:1.25rem;
    display:block;
    height:1rem;
    width:1rem;
    font-size:0;
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    transition:all .15s cubic-bezier(.23,1,.32,1)
}
._2ND-v i {
    font-size:1rem
}
._2VI4U,
._32gGw {
    color:#9fa3a6
}
._2VI4U:active,
._2VI4U:focus,
._2VI4U:hover,
._32gGw:active,
._32gGw:focus,
._32gGw:hover {
    color:#3b3e40
}
.SGzBY,
._2P3bW,
._2RlE1,
._2YiVO,
._3LZfU,
.kmSxj {
    color:hsla(0,0%,100%,.7)
}
.SGzBY:active,
.SGzBY:focus,
.SGzBY:hover,
._2P3bW:active,
._2P3bW:focus,
._2P3bW:hover,
._2RlE1:active,
._2RlE1:focus,
._2RlE1:hover,
._2YiVO:active,
._2YiVO:focus,
._2YiVO:hover,
._3LZfU:active,
._3LZfU:focus,
._3LZfU:hover,
.kmSxj:active,
.kmSxj:focus,
.kmSxj:hover {
    color:#fff
}
.leytg {
    position:relative;
    display:inline-flex;
    justify-content:flex-start;
    min-width:18rem
}
._1Fbwl,
.leytg {
    width:100%
}
._3Nq3W {
    font-size:1rem;
    line-height:1.5;
    font-weight:500
}
._38_U0 {
    font-size:.875rem;
    line-height:1.5;
    margin-top:.5rem
}
._2gf0i,
._2l3Wv {
    font-size:1.5rem;
    height:1.5rem;
    min-width:1.5rem;
    margin-right:.5rem
}
._3GTn6 {
    color:#0060ef
}
._38rwj {
    color:#47b347
}
._28BxZ {
    color:#e64839
}
.Jf-sC {
    color:#e67e22
}
._303Q5 {
    color:#3b3e40
}
._1gPIw {
    color:#13c2c2
}
._2QV08 {
    display:flex
}
._2QV08 li {
    list-style:none;
    text-align:center;
    min-width:2rem;
    height:2rem;
    padding:.3125rem;
    margin-left:.5rem;
    border-radius:.25rem;
    transition:all .3s cubic-bezier(.23,1,.32,1);
    cursor:pointer;
    font-size:14px;
    color:rgba(0,0,0,.65);
    overflow:hidden;
    text-overflow:ellipsis
}
._2QV08 li._1OZg9 {
    color:rgba(0,0,0,.85)
}
._2QV08 li._1OZg9,
._2QV08 li:hover {
    background:rgba(0,0,0,.04)
}
._2QV08 ._3D2Y-,
._2QV08 ._3qG0e {
    cursor:default
}
._2QV08 ._3D2Y-:hover,
._2QV08 ._3qG0e:hover {
    background:0 0
}
._2QV08 .VcfdI {
    color:#9fa3a6;
    cursor:not-allowed
}
._2QV08 .VcfdI:hover {
    background:0 0
}
._3DZRc,
._3DZRc ._3xseh {
    justify-content:center
}
._3Clqi,
._3Clqi ._3xseh {
    justify-content:flex-start
}
.BOO9a,
.BOO9a ._3xseh {
    justify-content:flex-end
}
._3wM3k ._3xseh {
    justify-content:space-between
}
._3tW2o li {
    padding:.2rem .75rem
}
._35rly li:hover {
    border:.0625rem solid #3b3e40
}
._35rly ._1OZg9 {
    background-color:#3b3e40
}
._3xseh {
    display:flex;
    width:100%
}
.quark-tooltip {
    position:absolute;
    z-index:1050;
    display:block;
    visibility:visible;
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
.quark-tooltip-hidden {
    display:none
}
.quark-tooltip-placement-top,
.quark-tooltip-placement-topLeft,
.quark-tooltip-placement-topRight {
    padding-bottom:.5rem
}
.quark-tooltip-placement-right,
.quark-tooltip-placement-rightBottom,
.quark-tooltip-placement-rightTop {
    padding-left:.5rem
}
.quark-tooltip-placement-bottom,
.quark-tooltip-placement-bottomLeft,
.quark-tooltip-placement-bottomRight {
    padding-top:.5rem
}
.quark-tooltip-placement-left,
.quark-tooltip-placement-leftBottom,
.quark-tooltip-placement-leftTop {
    padding-right:.5rem
}
.quark-tooltip-inner {
    max-width:18.75rem;
    padding:.375rem .5rem;
    color:#fff;
    text-align:left;
    text-decoration:none;
    background-color:#3b3e40;
    border-radius:.25rem;
    box-shadow:0 2px 8px rgba(0,0,0,.15);
    min-height:2rem
}
.quark-tooltip-arrow {
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
}
.quark-tooltip-placement-top .quark-tooltip-arrow,
.quark-tooltip-placement-topLeft .quark-tooltip-arrow,
.quark-tooltip-placement-topRight .quark-tooltip-arrow {
    bottom:.25rem;
    border-width:.25rem .25rem 0;
    border-top-color:#3b3e40
}
.quark-tooltip-placement-top .quark-tooltip-arrow {
    left:50%;
    margin-left:-.25rem
}
.quark-tooltip-placement-topLeft .quark-tooltip-arrow {
    left:1rem
}
.quark-tooltip-placement-topRight .quark-tooltip-arrow {
    right:1rem
}
.quark-tooltip-placement-right .quark-tooltip-arrow,
.quark-tooltip-placement-rightBottom .quark-tooltip-arrow,
.quark-tooltip-placement-rightTop .quark-tooltip-arrow {
    left:.25rem;
    border-width:.25rem .25rem .25rem 0;
    border-right-color:#3b3e40
}
.quark-tooltip-placement-right .quark-tooltip-arrow {
    top:50%;
    margin-top:-.25rem
}
.quark-tooltip-placement-rightTop .quark-tooltip-arrow {
    top:.5rem
}
.quark-tooltip-placement-rightBottom .quark-tooltip-arrow {
    bottom:.5rem
}
.quark-tooltip-placement-left .quark-tooltip-arrow,
.quark-tooltip-placement-leftBottom .quark-tooltip-arrow,
.quark-tooltip-placement-leftTop .quark-tooltip-arrow {
    right:.25rem;
    border-width:.25rem 0 .25rem .25rem;
    border-left-color:#3b3e40
}
.quark-tooltip-placement-left .quark-tooltip-arrow {
    top:50%;
    margin-top:-.25rem
}
.quark-tooltip-placement-leftTop .quark-tooltip-arrow {
    top:.5rem
}
.quark-tooltip-placement-leftBottom .quark-tooltip-arrow {
    bottom:.5rem
}
.quark-tooltip-placement-bottom .quark-tooltip-arrow,
.quark-tooltip-placement-bottomLeft .quark-tooltip-arrow,
.quark-tooltip-placement-bottomRight .quark-tooltip-arrow {
    top:.25rem;
    border-width:0 .25rem .25rem;
    border-bottom-color:#3b3e40
}
.quark-tooltip-placement-bottom .quark-tooltip-arrow {
    left:50%;
    margin-left:-.25rem
}
.quark-tooltip-placement-bottomLeft .quark-tooltip-arrow {
    left:1rem
}
.quark-tooltip-placement-bottomRight .quark-tooltip-arrow {
    right:1rem
}
.fade-in-enter {
    opacity:0
}
.fade-in-enter.fade-in-enter-active {
    opacity:1;
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
.fade-in-leave {
    opacity:1
}
.fade-in-leave.fade-in-leave-active {
    opacity:0;
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
.quark-popover {
    position:absolute;
    top:0;
    left:0;
    z-index:1030;
    cursor:auto;
    -webkit-user-select:text;
    -moz-user-select:text;
    user-select:text;
    white-space:normal;
    font-weight:400;
    text-align:left
}
.quark-popover:after {
    content:"";
    position:absolute;
    background:hsla(0,0%,100%,.01)
}
.quark-popover-hidden {
    display:none
}
.quark-popover-placement-top,
.quark-popover-placement-topLeft,
.quark-popover-placement-topRight {
    padding-bottom:.5rem
}
.quark-popover-placement-right,
.quark-popover-placement-rightBottom,
.quark-popover-placement-rightTop {
    padding-left:.5rem
}
.quark-popover-placement-bottom,
.quark-popover-placement-bottomLeft,
.quark-popover-placement-bottomRight {
    padding-top:.5rem
}
.quark-popover-placement-left,
.quark-popover-placement-leftBottom,
.quark-popover-placement-leftTop {
    padding-right:.5rem
}
.quark-popover-inner {
    background-color:#fff;
    background-clip:padding-box;
    border-radius:.25rem;
    box-shadow:0 .125rem .25rem rgba(0,0,0,.1)
}
.quark-popover-title {
    min-width:10rem;
    margin:0;
    padding:0 1rem;
    height:2.5rem;
    line-height:2.5rem;
    border-bottom:.0625rem solid #d4d7d9;
    color:#3b3e40;
    font-weight:500
}
.quark-popover-inner-content {
    color:#3b3e40
}
.quark-popover-message {
    padding:.25rem 0 .75rem;
    font-size:1rem;
    color:#3b3e40
}
.quark-popover-message .quark-popover-title {
    padding-left:1.5rem
}
.quark-popover-buttons {
    text-align:right;
    margin-bottom:.25rem
}
.quark-popover-buttons button {
    margin-left:.5rem
}
.quark-popover-arrow {
    background:#fff;
    width:.5rem;
    height:.5rem;
    transform:rotate(45deg);
    position:absolute;
    display:block;
    border-color:transparent;
    border-style:solid
}
.quark-popover-placement-top>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-topLeft>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-topRight>.quark-popover-content>.quark-popover-arrow {
    bottom:.25rem;
    box-shadow:3px 3px 7px rgba(0,0,0,.07)
}
.quark-popover-placement-top>.quark-popover-content>.quark-popover-arrow {
    left:50%;
    transform:translateX(-50%) rotate(45deg)
}
.quark-popover-placement-topLeft>.quark-popover-content>.quark-popover-arrow {
    left:1rem
}
.quark-popover-placement-topRight>.quark-popover-content>.quark-popover-arrow {
    right:1rem
}
.quark-popover-placement-right>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-rightBottom>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-rightTop>.quark-popover-content>.quark-popover-arrow {
    left:.25rem;
    box-shadow:-3px 3px 7px rgba(0,0,0,.07)
}
.quark-popover-placement-right>.quark-popover-content>.quark-popover-arrow {
    top:50%;
    transform:translateY(-50%) rotate(45deg)
}
.quark-popover-placement-rightTop>.quark-popover-content>.quark-popover-arrow {
    top:.75rem
}
.quark-popover-placement-rightBottom>.quark-popover-content>.quark-popover-arrow {
    bottom:.75rem
}
.quark-popover-placement-bottom>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-bottomLeft>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-bottomRight>.quark-popover-content>.quark-popover-arrow {
    top:.25rem;
    box-shadow:-1px -1px 4px rgba(0,0,0,.06)
}
.quark-popover-placement-bottom>.quark-popover-content>.quark-popover-arrow {
    left:50%;
    transform:translateX(-50%) rotate(45deg)
}
.quark-popover-placement-bottomLeft>.quark-popover-content>.quark-popover-arrow {
    left:1rem
}
.quark-popover-placement-bottomRight>.quark-popover-content>.quark-popover-arrow {
    right:1rem
}
.quark-popover-placement-left>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-leftBottom>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-leftTop>.quark-popover-content>.quark-popover-arrow {
    right:.25rem;
    box-shadow:3px -3px 7px rgba(0,0,0,.07)
}
.quark-popover-placement-left>.quark-popover-content>.quark-popover-arrow {
    top:50%;
    transform:translateY(-50%) rotate(45deg)
}
.quark-popover-placement-leftTop>.quark-popover-content>.quark-popover-arrow {
    top:.75rem
}
.quark-popover-placement-leftBottom>.quark-popover-content>.quark-popover-arrow {
    bottom:.75rem
}
._2LRdL {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display:inline-block;
    outline:0;
    width:1rem;
    height:1rem;
    position:relative;
    border:none
}
._2LRdL:before {
    width:100%;
    height:100%;
    border-radius:50%;
    border:1px solid #d4d7d9;
    background-color:#fff
}
._2LRdL:after,
._2LRdL:before {
    content:"";
    display:block;
    box-sizing:inherit
}
._2LRdL:after {
    position:absolute;
    left:.25rem;
    top:.25rem;
    width:.5rem;
    height:.5rem;
    border-radius:50%;
    background-color:transparent;
    transition-duration:.3s;
    transform:scale(0)
}
._2LRdL:checked:before {
    background-color:#fff;
    border:.0625rem solid #0060ef;
    cursor:pointer
}
._2LRdL:checked:after {
    background-color:#0060ef;
    transform:scale(1)
}
._2LRdL.focus-visible {
    box-shadow:0 0 0 4px rgba(0,96,239,.4);
    border-radius:100%
}
._2LRdL:focus-visible {
    box-shadow:0 0 0 4px rgba(0,96,239,.4);
    border-radius:100%
}
._2xOeU:before {
    cursor:not-allowed;
    background-color:#f0f1f2;
    border:1px solid #d4d7d9
}
._2xOeU:checked:before {
    background-color:#fff;
    border:.0625rem solid #0060ef
}
._2xOeU:checked:after {
    background-color:#0060ef
}
._1hhpD {
    display:block;
    width:100%;
    border:1px solid #d4d7d9;
    padding:.9375rem;
    cursor:pointer
}
._1hhpD+._1hhpD,
._3Cgnh {
    margin-top:.5rem
}
._1ugxI {
    border:2px solid #0060ef;
    padding:.875rem
}
._32Gp4 {
    border-radius:.25rem
}
._33_wJ {
    border-style:solid
}
._3zG95 {
    border-style:dotted
}
._1nsaQ {
    background:#f7f9fa;
    cursor:not-allowed
}
._1ApEC {
    width:100%;
    table-layout:fixed;
    text-align:left;
    background:#fff
}
.KbuI8 {
    text-align:center
}
._2uq9f {
    text-align:right
}
._1PNSE td,
._1PNSE th,
._3j22K td,
._3j22K th {
    padding:.75rem 1rem .6875rem;
    border-bottom:.0625rem solid #d4d7d9
}
._1PNSE:first-child th {
    border-top:.0625rem solid transparent
}
._3j22K:last-child td {
    border-bottom:.0625rem solid transparent
}
._2j2IP ._1PNSE:first-child th,
._2j2IP ._3j22K:last-child td,
._2j2IP td,
._2j2IP th {
    border:.0625rem solid #d4d7d9
}
._3YFdc ._3j22K:nth-child(2n-1) {
    background:#f7f9fa
}
._3NUH_ ._3j22K:nth-child(2n-1) {
    background:#6c7073
}
._3l4sO {
    background-color:#3b3e40;
    color:#fff
}
._3l4sO ._1PNSE,
._3l4sO ._3j22K {
    border-bottom:.0625rem solid #6c7073
}
.WiKJi {
    background-color:#fff
}
.iZrxJ ._1PNSE {
    background-color:#f0f1f2;
    color:#232526
}
.BsKu4 {
    background-color:#3b3e40;
    color:#fff
}
._3lMTV {
    margin:0;
    padding:0
}
._2bOox ._28KUW {
    color:#9fa3a6
}
._2bOox ._28KUW:active,
._2bOox ._28KUW:focus,
._2bOox ._28KUW:hover {
    color:#fff
}
._2bOox ._1Ltud,
._2bOox ._28KUW:focus {
    color:#fff;
    border-bottom:.125rem solid #fff
}
._2bOox ._2LH7P,
._2bOox ._2LH7P:active,
._2bOox ._2LH7P:focus,
._2bOox ._2LH7P:hover {
    color:#6c7073
}
._2bOox ._1ubfg .zPFdO {
    background:#fff
}
._3-a_h {
    margin-bottom:1rem
}
._8wsGN {
    border-bottom:.0625rem solid #d4d7d9
}
._1RPG6,
._2RUui {
    display:inline-block
}
._1ubfg {
    position:relative
}
._1ubfg .zPFdO {
    display:inline-block;
    position:absolute;
    bottom:-1px;
    width:auto;
    height:2px;
    background:#3b3e40;
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
._1ubfg ._28KUW,
._1ubfg ._28KUW:focus {
    border-bottom:none
}
.pHyFu {
    text-align:left
}
._3yx3R {
    text-align:right
}
._1DkKo {
    text-align:center
}
._1G3aQ ._1RPG6 {
    display:flex
}
._1G3aQ ._28KUW {
    flex:1 1;
    text-align:center
}
._28KUW {
    color:#9fa3a6;
    padding:.75rem 1rem .6875rem;
    display:inline-block;
    transition:all .3s cubic-bezier(.23,1,.32,1);
    border-bottom:.125rem solid transparent
}
._28KUW:active,
._28KUW:focus,
._28KUW:hover {
    color:#3b3e40;
    cursor:pointer
}
._1Ltud {
    border-bottom:.125rem solid #3b3e40
}
._1Ltud,
._28KUW:focus {
    color:#3b3e40
}
._2LH7P {
    color:#d4d7d9
}
._2LH7P:active,
._2LH7P:focus,
._2LH7P:hover {
    color:#d4d7d9;
    cursor:not-allowed
}
._3Qm4W {
    width:100%
}
._14aFm {
    opacity:0;
    height:0;
    overflow:hidden
}
._2d3yp {
    opacity:1;
    height:auto
}
._1RhgG {
    opacity:0;
    height:0
}
.quark-tab-default-tab-bar-wrap {
    margin-bottom:1rem
}
.quark-tab-default-tab-bar {
    display:inline-block
}
.quark-tab-default-tab-container {
    display:block
}
._2PRH2 {
    border:1px solid #3b3e40;
    color:#3b3e40;
    padding:.25rem .5rem;
    font-size:.875rem;
    text-align:center;
    border-radius:.25rem;
    height:2rem;
    display:inline-block;
    overflow:hidden;
    cursor:pointer
}
._2PRH2 ._1EzPH {
    display:flex
}
._2PRH2 ._1EzPH ._25n48 {
    white-space:nowrap;
    text-overflow:ellipsis;
    margin-right:.25rem;
    overflow:hidden;
    display:inline-block
}
._2PRH2 ._1EzPH ._3Po2p {
    background:0 0;
    border:none;
    outline:0
}
._2PRH2 ._1EzPH ._3Po2p.focus-visible {
    outline:2px solid rgba(0,96,239,.4);
    border-radius:.1em;
    box-shadow:none
}
._2PRH2 ._1EzPH ._3Po2p:focus-visible {
    outline:2px solid rgba(0,96,239,.4);
    border-radius:.1em;
    box-shadow:none
}
._1Q77f {
    background-color:#3b3e40;
    color:#fff
}
* {
    padding:0;
    margin:0;
    box-sizing:inherit
}
html {
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    box-sizing:border-box
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display:block
}
audio,
canvas,
progress,
video {
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]) {
    display:none;
    height:0
}
[hidden],
template {
    display:none
}
a {
    background-color:transparent
}
a:active,
a:hover {
    outline:0
}
abbr[title] {
    border-bottom:1px dotted
}
b,
strong {
    font-weight:700
}
dfn {
    font-style:italic
}
h1 {
    font-size:2em;
    margin:.67em 0
}
mark {
    background:#ff0;
    color:#000
}
small {
    font-size:80%
}
sub,
sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup {
    top:-.5em
}
sub {
    bottom:-.25em
}
img {
    border:0
}
svg:not(:root) {
    overflow:hidden
}
figure {
    margin:1em 40px
}
hr {
    box-sizing:content-box;
    height:0
}
pre {
    overflow:auto
}
code,
kbd,
pre,
samp {
    font-family:monospace;
    font-size:1em
}
button,
input,
optgroup,
select,
textarea {
    color:inherit;
    font:inherit;
    margin:0
}
button {
    overflow:visible
}
button,
select {
    text-transform:none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],
html input[disabled] {
    cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border:0;
    padding:0
}
input {
    line-height:normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing:border-box;
    padding:0;
    vertical-align:text-bottom
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height:auto
}
input[type=search] {
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
fieldset {
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend {
    border:0;
    padding:0
}
textarea {
    overflow:auto
}
optgroup {
    font-weight:700
}
table {
    border-collapse:collapse;
    border-spacing:0
}
td,
th {
    padding:0
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:500;
    color:#3b3e40;
    margin:0
}
.h1,
h1 {
    font-size:2.5rem;
    line-height:1.4
}
.h1.text-compact,
h1.text-compact {
    line-height:1.2
}
.h2,
h2 {
    font-size:2rem;
    line-height:1.5
}
.h2.text-compact,
h2.text-compact {
    line-height:1.25
}
.h3,
h3 {
    font-size:1.75rem;
    line-height:1.429
}
.h3.text-compact,
h3.text-compact {
    line-height:1.143
}
.h4,
h4 {
    font-size:1.5rem
}
.h4,
.h4.text-compact,
h4,
h4.text-compact {
    line-height:1.334
}
.h5,
h5 {
    font-size:1.25rem;
    line-height:1.6
}
.h5.text-compact,
h5.text-compact {
    line-height:1.2
}
.h6,
h6 {
    font-size:1rem
}
.h6,
.h6.text-compact,
h6,
h6.text-compact {
    line-height:1.5
}
body {
    font-weight:400;
    color:#3b3e40;
    font-family:Open Sans,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
    font-synthesis:none;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -moz-font-feature-settings:"liga","kern";
    direction:ltr
}
[lang=ja] body {
    font-family:Open Sans,PingFang SC,Microsoft YaHei,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,sans-serif
}
.body,
body {
    font-size:1rem
}
.body,
.body.text-compact,
body,
body.text-compact {
    line-height:1.5
}
.text-small {
    font-size:.875rem;
    line-height:1.715
}
.text-small.text-compact {
    line-height:1.143
}
.text-mini {
    font-size:.75rem;
    line-height:2
}
.text-mini.text-compact {
    line-height:1.334
}
.text-bold {
    font-weight:600
}
.text-primary {
    color:#0060ef
}
.text-success {
    color:#47b347
}
.text-warning {
    color:#e67e22
}
.text-danger {
    color:#e64839
}
.text-dark {
    color:#3b3e40
}
.text-secondary {
    color:#6c7073
}
.text-muted {
    color:#9fa3a6
}
.text-white {
    color:#fff
}
.focus-visible {
    outline:4px solid rgba(0,96,239,.4);
    border-radius:.1em;
    box-shadow:none
}
:focus-visible {
    outline:4px solid rgba(0,96,239,.4);
    border-radius:.1em;
    box-shadow:none
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not([focus-within]) {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}
.m-3c0Qz {
    speak:none;
    font-style:normal;
    font-weight:400;
    font-feature-settings:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    display:inline-block
}
.m-1j2v0 {
    animation:m--lu88 2s infinite linear
}
@keyframes m--lu88 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(1turn)
    }
}
@font-face {
    font-family:quark-mobile;
    src:url(//store-cdn.djiits.com/assets/v3/static/media/31ccd23c9b5b0a1023e146a7c8844f0a.31ccd23c.eot);
    src:url(//store-cdn.djiits.com/assets/v3/static/media/31ccd23c9b5b0a1023e146a7c8844f0a.31ccd23c.eot?#iefix) format("embedded-opentype"),
    url(//store-cdn.djiits.com/assets/v3/static/media/6af6846735a48911173ed0cc6859e566.6af68467.woff) format("woff"),
    url(//store-cdn.djiits.com/assets/v3/static/media/85dc7b4f971d3852f30fe6df2aab9fcf.85dc7b4f.ttf) format("truetype"),
    url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIuL2ltZy9kNjFmZGJiNGQ0YzlkNmM1NjNlYTM4ODU5ZTYzMDc3OC5zdmciOw==#iconfont) format("svg");
    font-weight:400;
    font-style:normal
}
.m-1SNi1:before {
    content:"\E2C3"
}
.m-3__s8:before {
    content:"\F060"
}
.m-3TIM_:before {
    content:"\F082"
}
.m-2dG2j:before {
    content:"\F16D"
}
.m-627K0:before {
    content:"\E719"
}
.m-34X92:before {
    content:"\E8B5"
}
.m-1YX74:before {
    content:"\F081"
}
.m-2ZDAE:before {
    content:"\F07A"
}
.m-1zbuu:before {
    content:"\F431"
}
.m-TpMVE:before {
    content:"\F194"
}
.m-1BwRM:before {
    content:"\F02D"
}
.m-73KX6:before {
    content:"\ECDD"
}
.m-2aLEE:before {
    content:"\F46D"
}
.m-15Ay5:before {
    content:"\EC3B"
}
.m-RMPAT:before {
    content:"\F06B"
}
.m-3k70b:before {
    content:"\E119"
}
.m-3WPvE:before {
    content:"\F0E7"
}
.m-Gu3_R:before {
    content:"\F058"
}
.m-2ku7s:before {
    content:"\ECA2"
}
.m-233Hy:before {
    content:"\E917"
}
.m-21rg_:before {
    content:"\ED60"
}
.m-3Zsqk:before {
    content:"\F025"
}
.m-3MVmD:before {
    content:"\EE57"
}
.m-1j4LS:before {
    content:"\F48C"
}
.m-v2xrM:before {
    content:"\F3FF"
}
.m-WMlRF:before {
    content:"\F2F7"
}
.m-CPpoF:before {
    content:"\F157"
}
.m-265-S:before {
    content:"\F057"
}
.m-3Bjft:before {
    content:"\F0D7"
}
.m-2irB3:before {
    content:"\F0D8"
}
.m-1YL-i:before {
    content:"\EFE0"
}
.m-po9AH:before {
    content:"\ED3F"
}
.m-Hr6cG:before {
    content:"\EBD6"
}
.m-1YSng:before {
    content:"\E0CA"
}
.m-3Ys44:before {
    content:"\ECDE"
}
.m-asz67:before {
    content:"\E6C0"
}
.m-1XA4x:before {
    content:"\E65F"
}
.m-2ulYU:before {
    content:"\F100"
}
.m-3iBCY:before {
    content:"\F101"
}
.m-2Rpnx:before {
    content:"\F107"
}
.m-2w9kb:before {
    content:"\F104"
}
.m-1XEsT:before {
    content:"\F105"
}
.m-28Wva:before {
    content:"\F106"
}
.m-3xTMt:before {
    content:"\E386"
}
.m-3x7_Z:before {
    content:"\F05E"
}
.m-2usbt:before {
    content:"\F0C9"
}
.m-1v5DC:before {
    content:"\F0A1"
}
.m-PDER6:before {
    content:"\EC02"
}
.m-2cDzl:before {
    content:"\EB68"
}
.m-3Ec9o:before {
    content:"\EF8E"
}
.m-winDS:before {
    content:"\EDD8"
}
.m-3iqGa:before {
    content:"\E540"
}
.m-3-Yop:before {
    content:"\F0A3"
}
.m-1hFOc:before {
    content:"\E753"
}
.m-v-p7v:before {
    content:"\EE6B"
}
.m-3MKOm:before {
    content:"\F00C"
}
.m-2j0dq:before {
    content:"\F1CE"
}
.m-2pm2S:before {
    content:"\F017"
}
.m-n9s9n:before {
    content:"\F0EE"
}
.m-38Bhl:before {
    content:"\F013"
}
.m-PYPh8:before {
    content:"\E688"
}
.m-pLLNE:before {
    content:"\E7E4"
}
.m-Emx3c:before {
    content:"\E1F8"
}
.m-17dtv:before {
    content:"\F066"
}
.m-P-G9K:before {
    content:"\F0C5"
}
.m-1X_io:before {
    content:"\ED6E"
}
.m-2Ef-8:before {
    content:"\F09D"
}
.m-3myvT:before {
    content:"\F019"
}
.m-3E0wd:before {
    content:"\F044"
}
.m-1jEGu:before {
    content:"\ED0B"
}
.m-3Acz1:before {
    content:"\F141"
}
.m-3yK3-:before {
    content:"\F142"
}
.m-ppmBp:before {
    content:"\F0E0"
}
.m-2uDAf:before {
    content:"\F06A"
}
.m-3Z0C2:before {
    content:"\F321"
}
.m-2K7k-:before {
    content:"\F12A"
}
.m-3EFye:before {
    content:"\F065"
}
.m-1bSmk:before {
    content:"\F08E"
}
.m-8qG7_:before {
    content:"\F06E"
}
.m-10fBt:before {
    content:"\F09A"
}
.m-1tWXe:before {
    content:"\F15C"
}
.m-3Y8DM:before {
    content:"\F1C1"
}
.m-37LC3:before {
    content:"\F15B"
}
.m-1Or0-:before {
    content:"\EDCF"
}
.m-xzyP3:before {
    content:"\F0AC"
}
.m-1Tvye:before {
    content:"\E902"
}
.m-aQfFX:before {
    content:"\EE55"
}
.m-pk4hy:before {
    content:"\F015"
}
.m-3k6Q4:before {
    content:"\E348"
}
.m-2CuBD:before {
    content:"\F05A"
}
.m-229dE:before {
    content:"\F30F"
}
.m-B1nfz:before {
    content:"\F129"
}
.m-2ozTy:before {
    content:"\F1AB"
}
.m-1f28k:before {
    content:"\F0C1"
}
.m-1i9p6:before {
    content:"\E8C1"
}
.m-3aeE_:before {
    content:"\F03A"
}
.m-354ZS:before {
    content:"\F124"
}
.m-2nXlU:before {
    content:"\ED51"
}
.m-34aaK:before {
    content:"\F30D"
}
.m-ezscI:before {
    content:"\EE36"
}
.m-3PqCV:before {
    content:"\F3C5"
}
.m-3XBlg:before {
    content:"\F068"
}
.m-24svv:before {
    content:"\E70A"
}
.m-2txLa:before {
    content:"\F0C6"
}
.m-13PCN:before {
    content:"\F095"
}
.m-3440F:before {
    content:"\F144"
}
.m-1cx-1:before {
    content:"\F067"
}
.m-2CIW5:before {
    content:"\E85D"
}
.m-_dYEl:before {
    content:"\F029"
}
.m-iaU11:before {
    content:"\F059"
}
.m-2cxVP:before {
    content:"\F010"
}
.m-1pr3W:before {
    content:"\F00E"
}
.m-1zeNg:before {
    content:"\F002"
}
.m-1eXCC:before {
    content:"\EA0F"
}
.m-UnMI3:before {
    content:"\F064"
}
.m-2qpgI:before {
    content:"\F02B"
}
.m-1aTKg:before {
    content:"\E200"
}
.m-37Wt2:before {
    content:"\EEA2"
}
.m-3Q8Jn:before {
    content:"\F00D"
}
.m-1vQJB:before {
    content:"\F2ED"
}
.m-eQTLa:before {
    content:"\EAAA"
}
.m-27V06:before {
    content:"\E872"
}
.m-1q6MF:before {
    content:"\F13E"
}
.m-2QQ5D:before {
    content:"\F007"
}
.m-OlQIv:before {
    content:"\F0C0"
}
.m-2lgB3:before {
    content:"\F03D"
}
.m-3TAo6:before {
    content:"\F075"
}
.m-2fxAL:before {
    content:"\ECD4"
}
.m-3h4Ee:before {
    content:"\E111"
}
.m-3BRJN:before {
    content:"\E665"
}
.m-3FIU6:before {
    content:"\E855"
}
.m-3TVOQ:before {
    content:"\E087"
}
.m-3SZhH:before {
    content:"\F055"
}
.page-title {
    font-family:'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
    font-size:26px
}
.primary-title,
.section-title {
    font-family:'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
    font-size:26px
}
.price,
.product-title {
    font-family:'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
    font-size:18px
}
.content {
    font-family:'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
    font-size:16px;
    line-height:1.5em
}
.badge,
.tab,
button,
input,
label,
nav,
textarea {
    font-family:'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
    font-size:14px
}
.breadcrumb,
.notes,
.site-map {
    font-family:'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
    font-size:12px
}
.product-logo {
    font-family:"DJI Demi",'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
    text-transform:uppercase
}
.product-name {
    font-family:'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif
}
.product-logo.large,
.product-name.large {
    font-size:36px
}
.product-logo.medium,
.product-name.medium {
    font-size:26px
}
.product-logo.small,
.product-name.small {
    font-size:18px
}
.product-logo .font-dji-book,
.product-name .font-dji-book {
    font-family:"DJI Book",'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif
}
.product-logo .gold,
.product-name .gold {
    color:#eabc63
}
@font-face {
    font-family:'DJI Demi';
    font-weight:400;
    src:url('//store-cdn.djiits.com/assets/fonts/Dji/Demi/Dji-Demi-92558c3a43371e9aa6918445de0b113a.eot');
    src:url('//store-cdn.djiits.com/assets/fonts/Dji/Demi/Dji-Demi-ade74acd7ac9192bf8d8967f222f0f60.woff') format('woff'),
    url('//store-cdn.djiits.com/assets/fonts/Dji/Demi/Dji-Demi-928a70dddcca68346f654917223fea08.ttf') format('truetype');
    font-display:swap
}
@font-face {
    font-family:'DJI Book';
    font-weight:400;
    src:url('//store-cdn.djiits.com/assets/fonts/Dji/Book/Dji-Book-793e3681f7933f86096e8b0f492f7b80.eot');
    src:url('//store-cdn.djiits.com/assets/fonts/Dji/Book/Dji-Book-bf32738c7136614fc3ecf9ec6d7d2648.woff') format('woff'),
    url('//store-cdn.djiits.com/assets/fonts/Dji/Book/Dji-Book-a07c98734374d05b8649e3f68088cb40.ttf') format('truetype'),
    url('//store-cdn.djiits.com/assets/fonts/Dji/Book/Dji-Book-4a6172ec2654d8b802e37f01b10c9add.svg') format('svg');
    font-display:swap
}
@font-face {
    font-family:'Open Sans';
    font-weight:400;
    src:url('//store-cdn.djiits.com/assets/fonts/opensans/Regular/OpenSans-Regular-bf267baabdc6d63ff0417cba9fae03f1.eot');
    src:url('//store-cdn.djiits.com/assets/fonts/opensans/Regular/OpenSans-Regular-ec45559568d311d618a83a74f89b64a2.woff') format('woff'),
    url('//store-cdn.djiits.com/assets/fonts/opensans/Regular/OpenSans-Regular-f29dbb0301e04da3e97b9f789b665ea5.ttf') format('truetype'),
    url('//store-cdn.djiits.com/assets/fonts/opensans/Regular/OpenSans-Regular-f641a7d4e80fd6321135b1a2b4ce8bb1.svg') format('svg');
    font-display:swap
}
@font-face {
    font-family:'Open Sans';
    font-weight:300;
    src:url('//store-cdn.djiits.com/assets/fonts/opensans/Light/OpenSans-Light-3e7acbcad9bcc9e58947a6d97376f426.eot');
    src:url('//store-cdn.djiits.com/assets/fonts/opensans/Light/OpenSans-Light-de684f5e300c628f9a361bb89ace613e.woff') format('woff'),
    url('//store-cdn.djiits.com/assets/fonts/opensans/Light/OpenSans-Light-0efaaea939f7b7d44ce46be533be6871.ttf') format('truetype'),
    url('//store-cdn.djiits.com/assets/fonts/opensans/Light/OpenSans-Light-d79f021974b1f6bc5c21f31689cde94f.svg') format('svg');
    font-display:swap
}
@font-face {
    font-family:'Open Sans';
    font-weight:500;
    src:url('//store-cdn.djiits.com/assets/fonts/opensans/Semibold/OpenSans-Semibold-34f5f07700ff23aff5b4ab0c97694040.eot');
    src:url('//store-cdn.djiits.com/assets/fonts/opensans/Semibold/OpenSans-Semibold-012c16b6d112ed8bc8447b937942e054.woff') format('woff'),
    url('//store-cdn.djiits.com/assets/fonts/opensans/Semibold/OpenSans-Semibold-76ff80b4e11006cf6cb13f019d5b73e7.ttf') format('truetype'),
    url('//store-cdn.djiits.com/assets/fonts/opensans/Semibold/OpenSans-Semibold-bb100c995f1d20b8a96462fe5f528bd4.svg') format('svg');
    font-display:swap
}
@font-face {
    font-family:'Open Sans';
    font-weight:600;
    src:url('//store-cdn.djiits.com/assets/fonts/opensans/Semibold/OpenSans-Semibold-34f5f07700ff23aff5b4ab0c97694040.eot');
    src:url('//store-cdn.djiits.com/assets/fonts/opensans/Semibold/OpenSans-Semibold-012c16b6d112ed8bc8447b937942e054.woff') format('woff'),
    url('//store-cdn.djiits.com/assets/fonts/opensans/Semibold/OpenSans-Semibold-76ff80b4e11006cf6cb13f019d5b73e7.ttf') format('truetype'),
    url('//store-cdn.djiits.com/assets/fonts/opensans/Semibold/OpenSans-Semibold-bb100c995f1d20b8a96462fe5f528bd4.svg') format('svg');
    font-display:swap
}
@font-face {
    font-family:'Open Sans';
    font-weight:700;
    src:url('//store-cdn.djiits.com/assets/fonts/opensans/Bold/OpenSans-Bold-6e12ed18b41b210c67cf09147aaa278e.eot');
    src:url('//store-cdn.djiits.com/assets/fonts/opensans/Bold/OpenSans-Bold-8b64954925c72abf5e52d44c6f69b317.woff') format('woff'),
    url('//store-cdn.djiits.com/assets/fonts/opensans/Bold/OpenSans-Bold-31d1609399d7eb26aeaf789d0374ecfa.ttf') format('truetype'),
    url('//store-cdn.djiits.com/assets/fonts/opensans/Bold/OpenSans-Bold-d6291f88056601e360ce6cea4bf676f4.svg') format('svg');
    font-display:swap
}
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
body div,
caption,
cite,
code,
dd,
del,
details,
dfn,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font-weight:400;
    vertical-align:baseline;
    background:0 0
}
article,
aside,
details,
figure,
footer,
header,
main,
nav,
section,
summary {
    display:block
}
html {
    box-sizing:border-box
}
*,
:after,
:before {
    box-sizing:inherit
}
embed,
img,
object {
    max-width:100%
}
html {
    overflow-y:scroll
}
ul {
    list-style:none
}
blockquote,
q {
    quotes:none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content:'';
    content:none
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:0 0
}
del {
    text-decoration:line-through
}
abbr[title],
dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help
}
table {
    border-collapse:collapse;
    border-spacing:0
}
th {
    font-weight:700;
    vertical-align:bottom
}
td {
    font-weight:400;
    vertical-align:top
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}
input,
select {
    vertical-align:middle
}
pre {
    white-space:pre;
    white-space:pre-wrap;
    white-space:pre-line;
    word-wrap:break-word
}
input[type=radio] {
    vertical-align:text-bottom
}
input[type=checkbox] {
    vertical-align:bottom
}
.basic__ie7___sacsr input[type=checkbox] {
    vertical-align:baseline
}
.basic__ie6___aUTP\+ input {
    vertical-align:text-bottom
}
input,
select,
textarea {
    font:99% sans-serif
}
table {
    font-size:inherit;
    font:100%
}
small {
    font-size:85%
}
strong {
    font-weight:700
}
td,
td img {
    vertical-align:top
}
sub,
sup {
    font-size:75%;
    line-height:0;
    position:relative
}
sup {
    top:-.5em
}
sub {
    bottom:-.25em
}
code,
kbd,
pre,
samp {
    font-family:monospace,sans-serif
}
.basic__clickable___nl3qy,
button,
input[type=button],
input[type=file],
input[type=submit],
label {
    cursor:pointer
}
button,
input,
select,
textarea {
    margin:0
}
button,
input[type=button] {
    width:auto;
    overflow:visible
}
.basic__ie7___sacsr img {
    -ms-interpolation-mode:bicubic
}
.basic__clearfix___qZg3M:after,
.basic__clearfix___qZg3M:before {
    content:"\0020";
    display:block;
    height:0;
    overflow:hidden
}
.basic__clearfix___qZg3M:after {
    clear:both
}
.basic__clearfix___qZg3M {
    zoom:1
}
a.btn {
    display:inline-block
}
.btn {
    text-transform:uppercase;
    text-align:center;
    border-radius:2px;
    padding:0 50px;
    background:#fff;
    color:#ccc;
    height:34px;
    line-height:34px;
    border:1px solid #ccc;
    font-size:16px;
    cursor:pointer;
    text-decoration:none;
    font-family:'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif
}
.btn.bigger {
    height:48px;
    line-height:48px
}
.btn.big {
    height:48px;
    line-height:48px
}
.btn.small {
    height:24px;
    line-height:24px;
    font-size:14px
}
.btn.primary {
    color:#fff;
    background:#0060ef;
    border:1px solid #0060ef
}
.btn.info {
    color:#0060ef;
    border-color:#0060ef
}
.btn.gray {
    color:#f7f8f9;
    border-color:#ddd;
    color:#ccc
}
.btn.disabled,
.btn:disabled {
    opacity:.6
}
.btn.hover,
.btn:hover {
    box-shadow:0 0 4px rgba(0,0,0,.2)
}
a {
    color:inherit;
    outline:0;
    text-decoration:none
}
.primary-link {
    color:#0060ef
}
.primary-link:hover {
    text-decoration:underline
}
.default-link-style a {
    color:#0060ef
}
.default-link-style a:hover {
    text-decoration:underline
}
.default-link-style a.btn:hover {
    text-decoration:none
}
button {
    cursor:pointer;
    margin:0;
    padding:0;
    outline:0;
    border:none;
    background-color:transparent
}
a.button {
    display:inline-block;
    vertical-align:middle;
    text-align:center
}
.button {
    height:34px;
    padding:0 20px;
    min-width:200px;
    background-color:transparent;
    border:none;
    outline:0;
    font-family:'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
    font-size:16px;
    border-radius:2px;
    text-decoration:none;
    text-transform:uppercase;
    color:#707473;
    border:1px solid #979797;
    transition:all .3s ease
}
.button:hover {
    color:#333;
    border-color:#333
}
.button:disabled {
    color:#ddd;
    border:#ddd;
    background-color:#f7f8f9
}
.button.primary {
    background-color:#0060ef;
    border-color:transparent;
    color:#fff
}
.button.primary:hover {
    background-color:#3d96d9
}
.button.primary:disabled {
    background-color:#ddd
}
.button.lg {
    height:50px;
    line-height:50px
}
.button.md {
    height:34px;
    line-height:34px
}
.button.sm {
    height:30px;
    line-height:30px
}
.button.xs {
    height:22px;
    line-height:22px
}
input[type=checkbox]:not(.raw),
input[type=radio]:not(.raw) {
    width:24px;
    height:24px;
    border:1px solid #ccc;
    background:#fff;
    outline:0;
    -webkit-appearance:none
}
input[type=checkbox]:not(.raw):before,
input[type=radio]:not(.raw):before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    background-color:#0060ef;
    transform:scale(0)
}
input[type=checkbox]:not(.raw):checked,
input[type=radio]:not(.raw):checked {
    border-color:#0060ef
}
input[type=checkbox]:not(.raw):checked:before,
input[type=radio]:not(.raw):checked:before {
    transform:scale(1)
}
input[type=checkbox]:not(.raw)[readonly],
input[type=radio]:not(.raw)[readonly] {
    border-color:#ddd
}
input[type=checkbox]:not(.raw)[readonly]:before,
input[type=radio]:not(.raw)[readonly]:before {
    background-color:#ddd
}
input[type=radio]:not(.raw) {
    border-radius:100%
}
input[type=radio]:not(.raw):before {
    border-radius:100%
}
input[type=radio]:not(.raw):checked:before {
    transform:scale(.7)
}
input[type=checkbox]:not(.raw) {
    position:relative
}
input[type=checkbox]:not(.raw):before {
    border-color:#ddd
}
input[type=checkbox]:not(.raw):after {
    content:"\F00C";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    line-height:24px;
    color:#fff;
    text-align:center;
    font-size:12px;
    font-family:FontAwesome
}
.checkable {
    display:block;
    font-size:16px;
    color:#333;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.checkable>input[type=checkbox],
.checkable>input[type=radio] {
    display:none;
    box-sizing:border-box;
    padding:20px;
    border:1px solid #ccc
}
.checkable>input[type=checkbox]+*,
.checkable>input[type=radio]+* {
    padding:20px;
    border:1px solid #ddd;
    box-sizing:border-box;
    border-radius:2px
}
.checkable>input[type=checkbox]+* .input,
.checkable>input[type=radio]+* .input {
    width:24px;
    height:24px;
    border:1px solid #ccc;
    display:inline-block;
    margin-right:20px;
    background:#fff;
    transition:all .3s ease
}
.checkable>input[type=checkbox]+:hover .input,
.checkable>input[type=radio]+:hover .input {
    border-color:#0060ef
}
@media (max-width:767px) {
    .checkable>input[type=checkbox]+:hover .input,
    .checkable>input[type=radio]+:hover .input {
        border-color:#ccc
    }
}
.checkable>input[type=checkbox].dashed+*,
.checkable>input[type=radio].dashed+* {
    border-style:dashed
}
.checkable>input[type=checkbox]+* .input:focus,
.checkable>input[type=checkbox]:focus+* .input,
.checkable>input[type=radio]+* .input:focus,
.checkable>input[type=radio]:focus+* .input {
    box-shadow:0 0 0 4px rgba(24,144,255,.2);
    outline:0
}
.checkable>input[type=checkbox]:checked+*,
.checkable>input[type=radio]:checked+* {
    padding:19px;
    border-width:2px;
    border-color:rgba(68,168,242,.5);
    background:rgba(68,168,242,.1)
}
.checkable>input[type=checkbox]:checked+* .input,
.checkable>input[type=radio]:checked+* .input {
    border-color:#0060ef
}
.checkable>input[type=checkbox].disabled:checked+*,
.checkable>input[type=checkbox]:disabled:checked+*,
.checkable>input[type=radio].disabled:checked+*,
.checkable>input[type=radio]:disabled:checked+* {
    border-width:2px;
    border-color:rgba(68,168,242,.5);
    padding:19px;
    background:rgba(68,168,242,.1)
}
.checkable>input[type=checkbox]:disabled,
.checkable>input[type=radio]:disabled {
    cursor:not-allowed
}
.checkable>input[type=radio]+* .input {
    border-radius:50%;
    padding:3px
}
.checkable>input[type=radio]:checked+* .input:before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    border-radius:50%;
    background:#0060ef
}
.checkable>input[type=radio]:disabled+* .input {
    border-color:#ddd;
    cursor:not-allowed
}
.checkable>input[type=radio]:disabled+* .input:before {
    background-color:#ddd
}
.checkable>input[type=radio]:disabled:checked+* .input {
    border-color:#ddd
}
.checkable>input[type=radio]:disabled:checked+* .input:before {
    background-color:#ddd
}
.checkable>input[type=checkbox]:checked+* .input {
    position:relative
}
.checkable>input[type=checkbox]:checked+* .input:before {
    content:'';
    border-left:3px solid #fff;
    border-bottom:3px solid #fff;
    width:12px;
    height:7px;
    left:5px;
    top:6px;
    position:absolute;
    display:inline-block;
    transform:rotate(-45deg) scale(.8)
}
.checkable>input[type=checkbox]:checked+* .input {
    background-color:#0060ef
}
.checkable>input[type=checkbox]:disabled+* .input {
    border-color:#ddd;
    cursor:not-allowed
}
.checkable>input[type=checkbox]:disabled:checked+* .input {
    background-color:#ddd
}
body,
html {
    min-height:100%;
    height:100%
}
html {
    -webkit-tap-highlight-color:transparent
}
html a {
    -webkit-tap-highlight-color:rgba(0,0,0,0.1)
}
@media (max-width:1199px) {
    body,
    html {
        min-height:100%;
        height:initial
    }
}
body {
    font-family:'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
    font-size:16px;
    font-style:normal;
    font-feature-settings:normal;
    font-variant:normal;
    font-weight:400;
    background-color:#f0f1f2;
    font-synthesis:none;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -moz-font-feature-settings:'liga','kern';
    direction:ltr
}
[lang=ja] body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif
}
body * {
    letter-spacing:-.02em
}
h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing:-.03em
}
@media screen and (max-width:1200px) {
    #nav {
        position:-webkit-sticky;
        position:sticky;
        top:0;
        z-index:1005
    }
    .modal-open #nav {
        position:fixed!important;
        height:100%;
        width:100%
    }
}
@media (max-width:767px) {
    .iphone-x-padding-bottom::after {
        content:'';
        display:block;
        padding-bottom:constant(safe-area-inset-bottom);
        padding-bottom:env(safe-area-inset-bottom)
    }
    :focus {
        outline:0
    }
}
body figure {
    margin:0
}
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
    transform:translateY(-100%) translateY(-8px) translateX(16px);
    transition:transform .2s
}
.sr-only.focus-visible,
.sr-only:active,
.sr-only:focus {
    display:block;
    height:auto;
    width:auto;
    clip:auto;
    z-index:20000;
    border-radius:100px;
    background:#fff;
    color:rgba(0,0,0,.85);
    padding:0 15px;
    line-height:32px;
    transform:translateY(16px) translateX(16px)
}
.sr-only:active,
.sr-only:focus,
.sr-only:focus-visible {
    display:block;
    height:auto;
    width:auto;
    clip:auto;
    z-index:20000;
    border-radius:100px;
    background:#fff;
    color:rgba(0,0,0,.85);
    padding:0 15px;
    line-height:32px;
    transform:translateY(16px) translateX(16px)
}
#app {
    min-height:100%;
    height:100%
}
.appstore #nav {
    display:none
}
.appstore #global-popup {
    display:none
}
.appstore #store-footer-price-tips-wrap {
    margin-top:-156px;
    padding-bottom:180px;
    background-color:#f6f6f6
}
.appstore #list-main {
    margin-bottom:0
}
.appstore #list_products div[class*=pagination] {
    margin-bottom:24px
}
.section-container {
    position:relative;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto
}
@media (min-width:768px) {
    .section-container {
        min-width:initial
    }
}
@media (min-width:1200px) {
    .section-container {
        min-width:1200px
    }
}
.container {
    margin-left:auto;
    margin-right:auto
}
.text-danger {
    color:#e74c3c
}
.page-container {
    min-height:calc(100% - 104px)
}
.cc-bar {
    z-index:990
}
#pc-tap-banner-adiversity-content {
    position:relative;
    z-index:100
}
.quark-message-controller {
    position:relative;
    z-index:10000
}
[data-responsive-page] {
    padding-bottom:64px
}
@media (min-width:768px) {
    [data-responsive-page] {
        padding-bottom:128px
    }
}
[data-responsive-page] .section-module {
    margin-top:48px
}
@media (min-width:768px) {
    [data-responsive-page] .section-module {
        margin-top:64px
    }
}
@media (max-width:1199px) {
    #nav.nav-fixed {
        position:fixed!important;
        width:100%
    }
    #nav.nav-fixed~#app {
        margin-top:48px
    }
    #nav.nav-sticky {
        position:-webkit-sticky!important;
        position:sticky!important;
        width:100%
    }
    #nav.nav-sticky~#app {
        margin-top:0
    }
}
.cc-window.cc-modal input[type=checkbox].focus-visible {
    outline:4px solid #0060ef
}
.cc-window.cc-modal input[type=checkbox]:focus-visible {
    outline:4px solid #0060ef
}
@media (max-width:767px) {
    .echat-tip-text {
        font-size:14px
    }
}
body[class*=hidden-echat] figure[class*='_echat_'] {
    display:none
}
#gray-mask~#gray-mask {
    display:none
}
._3OCCt {
    display:inline-block;
    width:100%;
    border-radius:.25rem;
    outline:0;
    box-sizing:border-box;
    -webkit-appearance:none;
    transition:.3s
}
._279g4 {
    height:3rem;
    padding:.6875rem .9375rem
}
._1qZ9R {
    height:2.5rem;
    padding:.4375rem .9375rem
}
._1NI2J {
    height:2rem;
    padding:.1875rem .4375rem
}
._37uUR._3OCCt {
    color:#3b3e40;
    border:.0625rem solid #d4d7d9
}
._37uUR._2qpuN {
    background-color:#fff;
    border-color:#d4d7d9
}
._37uUR._2qpuN::-moz-placeholder {
    color:#6c7073
}
._37uUR._2qpuN::placeholder {
    color:#6c7073
}
._37uUR._2qpuN:focus {
    border-color:#0060ef;
    box-shadow:0 0 0 2px rgba(0,96,239,.2)
}
._37uUR._2qpuN._207Kj {
    background-color:rgba(0,0,0,.04);
    border:.0625rem solid transparent
}
._37uUR._2qpuN._207Kj:focus {
    border-color:#232526;
    box-shadow:none
}
._37uUR._3C13b {
    background-color:#fff;
    border-color:#47b347
}
._37uUR._3C13b:focus {
    box-shadow:0 0 0 2px rgba(71,179,71,.2)
}
._37uUR._3C13b::-moz-placeholder {
    color:#47b347
}
._37uUR._3C13b::placeholder {
    color:#47b347
}
._37uUR._3C13b._207Kj {
    background-color:#eaf2e6;
    border:.0625rem solid transparent
}
._37uUR._3C13b._207Kj:focus {
    border-color:#47b347;
    box-shadow:none
}
._37uUR._18Ejo {
    border-color:#e64839
}
._37uUR._18Ejo:focus {
    box-shadow:0 0 0 2px rgba(230,72,57,.2)
}
._37uUR._18Ejo::-moz-placeholder {
    color:#e64839
}
._37uUR._18Ejo::placeholder {
    color:#e64839
}
._37uUR._18Ejo._207Kj {
    background-color:#ffe6e8;
    border:.0625rem solid transparent
}
._37uUR._18Ejo._207Kj:focus {
    border-color:#e64839;
    box-shadow:none
}
._37uUR._2IaCm {
    border-color:#e67e22
}
._37uUR._2IaCm:focus {
    box-shadow:0 0 0 2px rgba(230,126,34,.2)
}
._37uUR._2IaCm::-moz-placeholder {
    color:#e67e22
}
._37uUR._2IaCm::placeholder {
    color:#e67e22
}
._37uUR._2IaCm._207Kj {
    background-color:#ffede6;
    border:.0625rem solid transparent
}
._37uUR._2IaCm._207Kj:focus {
    border-color:#bd5e00;
    box-shadow:none
}
._37uUR._207Kj::-moz-placeholder {
    color:rgba(0,0,0,.45)
}
._37uUR._207Kj::placeholder {
    color:rgba(0,0,0,.45)
}
._3OCCt:disabled {
    background-color:#f7f9fa;
    color:#9fa3a6;
    border-color:#d4d7d9
}
._207Kj:disabled {
    background-color:rgba(0,0,0,.08)!important
}
._207Kj:disabled,
._2ZkTR._3OCCt {
    border:.0625rem solid transparent
}
._2ZkTR._3OCCt {
    color:#fff
}
._2ZkTR._2qpuN {
    background-color:#535759
}
._2ZkTR._2qpuN::-moz-placeholder {
    color:#9fa3a6
}
._2ZkTR._2qpuN::placeholder {
    color:#9fa3a6
}
._2ZkTR._2qpuN:focus {
    background-color:transparent;
    border:.0625rem solid #d4d7d9
}
._2ZkTR._3C13b {
    background-color:#47b347
}
._2ZkTR._3C13b::-moz-placeholder {
    color:#fff
}
._2ZkTR._3C13b::placeholder {
    color:#fff
}
._2ZkTR._3C13b:focus {
    background-color:transparent;
    border:.0625rem solid #47b347
}
._2ZkTR._18Ejo {
    background-color:#e64839
}
._2ZkTR._18Ejo::-moz-placeholder {
    color:#fff
}
._2ZkTR._18Ejo::placeholder {
    color:#fff
}
._2ZkTR._18Ejo:focus {
    background-color:transparent;
    border:.0625rem solid #e64839
}
._2ZkTR._2IaCm {
    background-color:#e67e22
}
._2ZkTR._2IaCm::-moz-placeholder {
    color:#fff
}
._2ZkTR._2IaCm::placeholder {
    color:#fff
}
._2ZkTR._2IaCm:focus {
    background-color:transparent;
    border:.0625rem solid #e67e22
}
._2ZkTR._3OCCt:disabled {
    background-color:#3b3e40;
    border:.0625rem dashed #d4d7d9;
    color:#6c7073
}
._2ZkTR._3OCCt:disabled::-moz-placeholder {
    color:#6c7073
}
._2ZkTR._3OCCt:disabled::placeholder {
    color:#6c7073
}
.SuH-V {
    position:relative;
    display:flex;
    align-items:flex-end;
    border-collapse:separate;
    border-spacing:0;
    width:100%
}
._1I5MB {
    height:3rem
}
._2beH2 {
    height:2.5rem
}
._13atH {
    height:2rem
}
._1I5MB .BbUFg {
    padding:.6875rem .9375rem
}
._2beH2 .BbUFg {
    padding:.4375rem .9375rem
}
._13atH .BbUFg {
    padding:.1875rem .4375rem
}
.SuH-V>input {
    flex:1 1;
    z-index:1
}
.SuH-V>._3OCCt:first-child {
    border-bottom-right-radius:0;
    border-top-right-radius:0
}
.SuH-V>._3OCCt:last-child {
    border-bottom-left-radius:0;
    border-top-left-radius:0
}
.SuH-V>input:not(:first-child):not(:last-child) {
    border-radius:0
}
.BbUFg {
    outline:0;
    box-sizing:border-box;
    border-radius:.25rem;
    border:.0625rem solid #d4d7d9
}
.BbUFg:first-child {
    border-right:0;
    border-bottom-right-radius:0;
    border-top-right-radius:0
}
.BbUFg:last-child {
    border-bottom-left-radius:0;
    border-top-left-radius:0;
    border-left:0
}
._1EA8w button {
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
._1x3dz .BbUFg {
    background-color:#f7f9fa;
    border-color:#d4d7d9
}
._15Da1 .BbUFg {
    background-color:#3b3e40;
    border-color:#535759;
    color:#6c7073
}
.m-xnv6R {
    display:inline-flex;
    font-weight:400;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    border:none;
    color:#3b3e40;
    transition:all .3s cubic-bezier(.23,1,.32,1);
    justify-content:center;
    align-items:center
}
.m-xnv6R:active,
.m-xnv6R:focus {
    text-decoration:none
}
.m-xnv6R.m-3e-BG {
    outline:0
}
.m-3RO_K {
    display:block;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis
}
.m-3RO_K+.m-3RO_K {
    margin-top:.5rem
}
.m-19X_H {
    color:#fff;
    background-color:rgba(0,0,0,.85)
}
.m-19X_H:focus {
    background-color:rgba(0,0,0,.65)
}
.m-19X_H:active {
    background-color:rgba(0,0,0,.45)
}
.m-8oCtR {
    background-color:#fff;
    border:1px solid rgba(0,0,0,.85);
    color:#3b3e40
}
.m-8oCtR:focus {
    background-color:rgba(0,0,0,.65)
}
.m-8oCtR:active,
.m-8oCtR:focus {
    border-color:transparent;
    color:#fff
}
.m-8oCtR:active {
    background-color:rgba(0,0,0,.45)
}
.m-1bpad {
    background-color:rgba(0,0,0,.04)
}
.m-1bpad:focus {
    background-color:rgba(0,0,0,.08)
}
.m-1bpad:active {
    background-color:rgba(0,0,0,.12)
}
.m-27-6k {
    background-color:#fff
}
.m-27-6k:focus {
    background-color:hsla(0,0%,100%,.65)
}
.m-27-6k:active {
    background-color:hsla(0,0%,100%,.45)
}
.m-2QwEc {
    color:#fff;
    background-color:#0060ef
}
.m-2QwEc:focus {
    background-color:#004ecb
}
.m-2QwEc:active {
    background-color:#003ea8
}
.m-3IIr- {
    color:#fff;
    background-color:#e64839
}
.m-3IIr-:focus {
    background-color:#bd2a17
}
.m-3IIr-:active {
    background-color:#941600
}
.m-16fYW {
    color:#fff;
    background-color:#47b347
}
.m-16fYW:focus {
    background-color:#2c9934
}
.m-16fYW:active {
    background-color:#178025
}
.m-upL7u {
    color:#fff;
    background-color:#e67e22
}
.m-upL7u:focus {
    background-color:#bd5e00
}
.m-upL7u:active {
    background-color:#944f00
}
.m-3oax7 {
    color:#fff;
    background-color:hsla(0,0%,100%,.08)
}
.m-3oax7:focus {
    background-color:hsla(0,0%,100%,.12)
}
.m-3oax7:active {
    background-color:hsla(0,0%,100%,.2)
}
.m-958V1 {
    border-radius:200rem
}
.m-22qIt {
    border-radius:.25rem
}
.m-mrbT4 {
    border-radius:0
}
.m-1i5fk {
    font-size:1rem;
    line-height:1.25;
    padding:.875rem 2rem
}
.m-1i5fk:not(.m-1FsY1) {
    min-width:80px;
    min-height:48px
}
.m-1i5fk.m-1FsY1 {
    width:3rem;
    height:3rem
}
.m-1i5fk.m-8oCtR {
    font-size:1rem;
    line-height:1.25
}
.m-1i5fk.m-8oCtR.m-1FsY1 {
    width:3rem;
    height:3rem
}
.m-1i5fk.m-1FsY1 {
    padding:0 .875rem
}
.m-1i5fk.m-8oCtR {
    padding:0 1.9375rem
}
.m-p8s4W {
    font-size:1rem;
    line-height:1.25;
    padding:.625rem 1rem
}
.m-p8s4W:not(.m-1FsY1) {
    min-width:80px;
    min-height:40px
}
.m-p8s4W.m-1FsY1 {
    width:2.5rem;
    height:2.5rem
}
.m-p8s4W.m-8oCtR {
    font-size:1rem;
    line-height:1.25
}
.m-p8s4W.m-8oCtR.m-1FsY1 {
    width:2.5rem;
    height:2.5rem
}
.m-p8s4W.m-1FsY1 {
    padding:0 .625rem
}
.m-p8s4W.m-8oCtR {
    padding:0 .9375rem
}
@media (max-width:767px) {
    .m-p8s4W {
        font-size:.875rem;
        line-height:1.25
    }
    .m-p8s4W.m-1FsY1 {
        width:1.84375rem;
        height:1.84375rem
    }
    .m-p8s4W.m-8oCtR {
        font-size:.875rem;
        line-height:1.25
    }
    .m-p8s4W.m-8oCtR.m-1FsY1 {
        width:1.84375rem;
        height:1.84375rem
    }
}
.m-27-yu {
    font-size:.875rem;
    line-height:1.25;
    padding:.375rem .75rem
}
.m-27-yu:not(.m-1FsY1) {
    min-width:64px;
    min-height:32px
}
.m-27-yu.m-1FsY1 {
    width:1.84375rem;
    height:1.84375rem
}
.m-27-yu.m-8oCtR {
    font-size:.875rem;
    line-height:1.25
}
.m-27-yu.m-8oCtR.m-1FsY1 {
    width:1.84375rem;
    height:1.84375rem
}
.m-27-yu.m-1FsY1 {
    padding:0 .375rem
}
.m-27-yu.m-8oCtR {
    padding:0 .6875rem
}
.m-2ghvt {
    font-size:.75rem;
    line-height:1;
    padding:.375rem .625rem
}
.m-2ghvt:not(.m-1FsY1) {
    min-width:48px;
    min-height:28px
}
.m-2ghvt.m-1FsY1 {
    width:1.5rem;
    height:1.5rem
}
.m-2ghvt.m-8oCtR {
    font-size:.75rem;
    line-height:1
}
.m-2ghvt.m-8oCtR.m-1FsY1 {
    width:1.5rem;
    height:1.5rem
}
.m-2ghvt.m-1FsY1 {
    padding:0 .375rem
}
.m-2ghvt.m-8oCtR {
    padding:0 .5625rem
}
.m-21L3I {
    font-size:.75rem;
    line-height:1;
    padding:.375rem .625rem
}
.m-21L3I:not(.m-1FsY1) {
    min-width:48px;
    min-height:28px
}
.m-21L3I.m-1FsY1 {
    width:1.5rem;
    height:1.5rem
}
.m-21L3I.m-8oCtR {
    font-size:.75rem;
    line-height:1
}
.m-21L3I.m-8oCtR.m-1FsY1 {
    width:1.5rem;
    height:1.5rem
}
.m-21L3I.m-1FsY1 {
    padding:0 .375rem
}
.m-21L3I.m-8oCtR {
    padding:0 .5625rem
}
.m-xnv6R:disabled {
    background-color:#f0f1f2;
    color:#9fa3a6;
    cursor:not-allowed;
    background-image:none
}
.m-xnv6R:disabled.m-19X_H {
    color:hsla(0,0%,100%,.3);
    background-color:rgba(0,0,0,.85);
    border:none
}
.m-xnv6R:disabled.m-1bpad {
    background-color:rgba(0,0,0,.04);
    color:rgba(0,0,0,.25);
    border:none
}
.m-xnv6R:disabled.m-27-6k {
    color:rgba(0,0,0,.25);
    background-color:#fff;
    border:none
}
.m-xnv6R:disabled.m-2QwEc {
    background-color:#0060ef;
    color:hsla(0,0%,100%,.45);
    border:none
}
.m-xnv6R:disabled.m-8oCtR {
    background-color:#fff;
    color:#d4d7d9;
    border:none
}
.m-xnv6R:disabled.m-3IIr- {
    background-color:#e64839;
    color:hsla(0,0%,100%,.45);
    border:none
}
.m-xnv6R:disabled.m-16fYW {
    background-color:#47b347;
    color:hsla(0,0%,100%,.45);
    border:none
}
.m-xnv6R:disabled.m-upL7u {
    background-color:#e67e22;
    color:hsla(0,0%,100%,.45);
    border:none
}
.m-xnv6R:disabled.m-3oax7 {
    background-color:hsla(0,0%,100%,.08);
    border:none;
    color:hsla(0,0%,100%,.3)
}
.m-1wazg {
    cursor:not-allowed
}
.m-1wazg.m-19X_H {
    color:hsla(0,0%,100%,.3);
    background-color:rgba(0,0,0,.85);
    background-image:none;
    border:none
}
.m-1wazg.m-8oCtR {
    background-color:#fff;
    background-image:none;
    color:#d4d7d9;
    border:none
}
.m-1wazg.m-1bpad {
    background-color:rgba(0,0,0,.04);
    background-image:none;
    color:rgba(0,0,0,.25);
    border:none
}
.m-1wazg.m-27-6k {
    color:rgba(0,0,0,.25);
    background-color:#fff;
    border:none
}
.m-1wazg.m-2QwEc {
    background-color:#0060ef
}
.m-1wazg.m-2QwEc,
.m-1wazg.m-3IIr- {
    background-image:none;
    color:hsla(0,0%,100%,.45);
    border:none
}
.m-1wazg.m-3IIr- {
    background-color:#e64839
}
.m-1wazg.m-16fYW {
    background-color:#47b347
}
.m-1wazg.m-16fYW,
.m-1wazg.m-upL7u {
    background-image:none;
    color:hsla(0,0%,100%,.45);
    border:none
}
.m-1wazg.m-upL7u {
    background-color:#e67e22
}
.m-1wazg.m-3oax7 {
    background-color:hsla(0,0%,100%,.08);
    border:none;
    color:hsla(0,0%,100%,.3)
}
.m-1nhYK {
    text-decoration:none
}
._3lMTV {
    margin:0;
    padding:0
}
._2bOox ._28KUW {
    color:#9fa3a6
}
._2bOox ._28KUW:active,
._2bOox ._28KUW:focus,
._2bOox ._28KUW:hover {
    color:#fff
}
._2bOox ._1Ltud,
._2bOox ._28KUW:focus {
    color:#fff;
    border-bottom:.125rem solid #fff
}
._2bOox ._2LH7P,
._2bOox ._2LH7P:active,
._2bOox ._2LH7P:focus,
._2bOox ._2LH7P:hover {
    color:#6c7073
}
._2bOox ._1ubfg .zPFdO {
    background:#fff
}
._3-a_h {
    margin-bottom:1rem
}
._8wsGN {
    border-bottom:.0625rem solid #d4d7d9
}
._1RPG6,
._2RUui {
    display:inline-block
}
._1ubfg {
    position:relative
}
._1ubfg .zPFdO {
    display:inline-block;
    position:absolute;
    bottom:-1px;
    width:auto;
    height:2px;
    background:#3b3e40;
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
._1ubfg ._28KUW,
._1ubfg ._28KUW:focus {
    border-bottom:none
}
.pHyFu {
    text-align:left
}
._3yx3R {
    text-align:right
}
._1DkKo {
    text-align:center
}
._1G3aQ ._1RPG6 {
    display:flex
}
._1G3aQ ._28KUW {
    flex:1 1;
    text-align:center
}
._28KUW {
    color:#9fa3a6;
    padding:.75rem 1rem .6875rem;
    display:inline-block;
    transition:all .3s cubic-bezier(.23,1,.32,1);
    border-bottom:.125rem solid transparent
}
._28KUW:active,
._28KUW:focus,
._28KUW:hover {
    color:#3b3e40;
    cursor:pointer
}
._1Ltud {
    border-bottom:.125rem solid #3b3e40
}
._1Ltud,
._28KUW:focus {
    color:#3b3e40
}
._2LH7P {
    color:#d4d7d9
}
._2LH7P:active,
._2LH7P:focus,
._2LH7P:hover {
    color:#d4d7d9;
    cursor:not-allowed
}
._3Qm4W {
    width:100%
}
._14aFm {
    opacity:0;
    height:0;
    overflow:hidden
}
._2d3yp {
    opacity:1;
    height:auto
}
._1RhgG {
    opacity:0;
    height:0
}
.quark-tab-default-tab-bar-wrap {
    margin-bottom:1rem
}
.quark-tab-default-tab-bar {
    display:inline-block
}
.quark-tab-default-tab-container {
    display:block
}
._3c0Qz {
    speak:none;
    font-style:normal;
    font-weight:400;
    font-feature-settings:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    display:inline-block
}
._1j2v0 {
    animation:-lu88 2s infinite linear
}
@keyframes -lu88 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(1turn)
    }
}
@font-face {
    font-family:quark;
    src:url(//store-cdn.djiits.com/assets/v3/static/media/8eab1e68e0d8fc383be4fbb81feace07.8eab1e68.eot);
    src:url(//store-cdn.djiits.com/assets/v3/static/media/8eab1e68e0d8fc383be4fbb81feace07.8eab1e68.eot?#iefix) format("embedded-opentype"),
    url(//store-cdn.djiits.com/assets/v3/static/media/08fd18c7730448410e3530c7ef6efdad.08fd18c7.woff) format("woff"),
    url(//store-cdn.djiits.com/assets/v3/static/media/185d47dc1a7b6b69d80957ddc8df3941.185d47dc.ttf) format("truetype"),
    url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIuL2ltZy8zMzc3Nzg2Y2Q2YWM2NjM1Zjg4MGRkMTY2NTM5NmFkYS5zdmciOw==#iconfont) format("svg");
    font-weight:400;
    font-style:normal
}
._35bgc:before {
    content:"\F2B9"
}
.byXrR:before {
    content:"\F2BB"
}
._128ri:before {
    content:"\F042"
}
._1KHsi:before {
    content:"\E917"
}
._2bT-Y:before {
    content:"\E348"
}
._3UEZX:before {
    content:"\ECA2"
}
._1fXKU:before {
    content:"\EE57"
}
._2OZ_n:before {
    content:"\F16D"
}
._6cr8a:before {
    content:"\E719"
}
.ZAGKa:before {
    content:"\F3FF"
}
._1lH5w:before {
    content:"\EBAD"
}
._3BSr4:before {
    content:"\E8B5"
}
._4wlbR:before {
    content:"\F0D1"
}
._26SUY:before {
    content:"\E3A8"
}
._30-mD:before {
    content:"\F057"
}
._1_xvC:before {
    content:"\F27D"
}
._17P2f:before {
    content:"\F099"
}
._2I_EY:before {
    content:"\F167"
}
._3qb3s:before {
    content:"\F0D7"
}
._2jwD5:before {
    content:"\F0D8"
}
._19X43:before {
    content:"\ECDE"
}
._2WwM4:before {
    content:"\E6C0"
}
._1shcg:before {
    content:"\ED3F"
}
._1qLWd:before {
    content:"\EBD6"
}
.Z8Prc:before {
    content:"\EFE0"
}
._3MItB:before {
    content:"\E65F"
}
._2Bvn6:before {
    content:"\E0CA"
}
._3IVo_:before {
    content:"\F100"
}
._34FGS:before {
    content:"\F107"
}
._3e62_:before {
    content:"\F101"
}
._1zbhS:before {
    content:"\F104"
}
._27RtX:before {
    content:"\F105"
}
.jhfcy:before {
    content:"\F106"
}
.Q82xM:before {
    content:"\E386"
}
._1vyf0:before {
    content:"\F05E"
}
.B0IHZ:before {
    content:"\F0A1"
}
._2cpQ_:before {
    content:"\F0C9"
}
._2FImd:before {
    content:"\EB68"
}
._3wXJB:before {
    content:"\EC02"
}
._2fXyR:before {
    content:"\EF8E"
}
._2KLCQ:before {
    content:"\EDD8"
}
._-4DAY:before {
    content:"\E540"
}
._2I4g3:before {
    content:"\F0A3"
}
._1m5z7:before {
    content:"\E753"
}
._1vR3p:before {
    content:"\EE6B"
}
._2LJ7o:before {
    content:"\F00C"
}
._3AQSX:before {
    content:"\F1CE"
}
._3ASBw:before {
    content:"\F017"
}
._6eszT:before {
    content:"\F013"
}
._1WxHW:before {
    content:"\F0EE"
}
._2uv1U:before {
    content:"\E688"
}
._3s-NW:before {
    content:"\E1F8"
}
._1ZzVY:before {
    content:"\E7E4"
}
.OBwuW:before {
    content:"\F0C5"
}
._2Ri-k:before {
    content:"\F066"
}
._1588m:before {
    content:"\ED6E"
}
._2uIqb:before {
    content:"\F09D"
}
._1P5xZ:before {
    content:"\F019"
}
._2iuBX:before {
    content:"\F044"
}
._1exha:before {
    content:"\F141"
}
._3bokS:before {
    content:"\ED0B"
}
.vMM-Y:before {
    content:"\F0E0"
}
._3jZwp:before {
    content:"\F142"
}
._2SUQ-:before {
    content:"\F06A"
}
._1Piil:before {
    content:"\F12A"
}
._20oXE:before {
    content:"\F321"
}
._2gTe8:before {
    content:"\F08E"
}
.okv_Y:before {
    content:"\F065"
}
._3l-6g:before {
    content:"\F06E"
}
.OhY9C:before {
    content:"\F15C"
}
.Cb5jY:before {
    content:"\F09A"
}
._1ajFe:before {
    content:"\F15B"
}
.ve2KQ:before {
    content:"\F1C1"
}
._3OU3j:before {
    content:"\EDCF"
}
.lgV2x:before {
    content:"\F0AC"
}
._1gQtG:before {
    content:"\E902"
}
._3Zaag:before {
    content:"\EE55"
}
._33jTA:before {
    content:"\F015"
}
._1jJbn:before {
    content:"\E348"
}
.UuxAk:before {
    content:"\F30F"
}
._1OEuY:before {
    content:"\F05A"
}
.Lm_MF:before {
    content:"\F129"
}
._3LwbN:before {
    content:"\F1AB"
}
._2XN05:before {
    content:"\F0C1"
}
._33OcX:before {
    content:"\E8C1"
}
.bMc_E:before {
    content:"\F124"
}
.IAlEP:before {
    content:"\F03A"
}
._25GQ2:before {
    content:"\ED51"
}
._3t3HT:before {
    content:"\F30D"
}
._2W_XA:before {
    content:"\EE36"
}
._3NPLS:before {
    content:"\F3C5"
}
.UhwjW:before {
    content:"\F068"
}
._2hDpl:before {
    content:"\F0C6"
}
.dCZz2:before {
    content:"\E70A"
}
._1FMUV:before {
    content:"\F144"
}
._2H8bj:before {
    content:"\F095"
}
._3KkpT:before {
    content:"\F067"
}
._23p5a:before {
    content:"\E85D"
}
._18A_e:before {
    content:"\F059"
}
.gf_rb:before {
    content:"\F029"
}
._1Djb6:before {
    content:"\F010"
}
._3d-6G:before {
    content:"\F002"
}
._1fawl:before {
    content:"\EA0F"
}
._20uY7:before {
    content:"\F00E"
}
._2Z6dE:before {
    content:"\F02B"
}
._1c3Qh:before {
    content:"\F064"
}
._1GlZx:before {
    content:"\E200"
}
._3hG3b:before {
    content:"\F00D"
}
._15wCJ:before {
    content:"\EEA2"
}
._1Rw_U:before {
    content:"\F2ED"
}
._2Jlwc:before {
    content:"\EAAA"
}
._1bahP:before {
    content:"\E872"
}
._27Nd-:before {
    content:"\F13E"
}
._3To44:before {
    content:"\F007"
}
._1O_Hy:before {
    content:"\F0C0"
}
.W6H_f:before {
    content:"\F03D"
}
._2_sls:before {
    content:"\E087"
}
._35BGQ:before {
    content:"\E665"
}
._3xfLM:before {
    content:"\E111"
}
._1pvYF:before {
    content:"\F055"
}
._3TvKd {
    margin-right:4px
}
.xnv6R {
    display:inline-flex;
    font-weight:400;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    border:none;
    color:#3b3e40;
    transition:all .3s cubic-bezier(.23,1,.32,1);
    justify-content:center;
    align-items:center
}
.xnv6R:active,
.xnv6R:focus,
.xnv6R:hover {
    text-decoration:none
}
.xnv6R._3e-BG {
    outline:0
}
._3RO_K {
    display:block;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis
}
._3RO_K+._3RO_K {
    margin-top:.5rem
}
._19X_H {
    color:#fff;
    background-color:rgba(0,0,0,.85)
}
._19X_H:focus,
._19X_H:hover {
    background-color:rgba(0,0,0,.65)
}
._19X_H:active {
    background-color:rgba(0,0,0,.45)
}
._8oCtR {
    background-color:#fff;
    border:1px solid rgba(0,0,0,.85);
    color:#3b3e40
}
._8oCtR:focus,
._8oCtR:hover {
    border-color:transparent;
    color:#fff;
    background-color:rgba(0,0,0,.65)
}
._8oCtR:active {
    border-color:transparent;
    color:#fff;
    background-color:rgba(0,0,0,.45)
}
._1bpad {
    background-color:rgba(0,0,0,.04)
}
._1bpad:focus,
._1bpad:hover {
    background-color:rgba(0,0,0,.08)
}
._1bpad:active {
    background-color:rgba(0,0,0,.12)
}
._27-6k {
    background-color:#fff
}
._27-6k:focus,
._27-6k:hover {
    background-color:hsla(0,0%,100%,.65)
}
._27-6k:active {
    background-color:hsla(0,0%,100%,.45)
}
._2QwEc {
    color:#fff;
    background-color:#0060ef
}
._2QwEc:focus,
._2QwEc:hover {
    background-color:#004ecb
}
._2QwEc:active {
    background-color:#003ea8
}
._3IIr- {
    color:#fff;
    background-color:#e64839
}
._3IIr-:focus,
._3IIr-:hover {
    background-color:#bd2a17
}
._3IIr-:active {
    background-color:#941600
}
._16fYW {
    color:#fff;
    background-color:#47b347
}
._16fYW:focus,
._16fYW:hover {
    background-color:#2c9934
}
._16fYW:active {
    background-color:#178025
}
.upL7u {
    color:#fff;
    background-color:#e67e22
}
.upL7u:focus,
.upL7u:hover {
    background-color:#bd5e00
}
.upL7u:active {
    background-color:#944f00
}
._3oax7 {
    color:#fff;
    background-color:hsla(0,0%,100%,.08)
}
._3oax7:focus,
._3oax7:hover {
    background-color:hsla(0,0%,100%,.12)
}
._3oax7:active {
    background-color:hsla(0,0%,100%,.2)
}
._958V1 {
    border-radius:200rem
}
._22qIt {
    border-radius:.25rem
}
.mrbT4 {
    border-radius:0
}
._1i5fk {
    font-size:1rem;
    line-height:1.25;
    padding:.875rem 2rem
}
._1i5fk:not(._1FsY1) {
    min-width:80px;
    min-height:48px
}
._1i5fk._1FsY1 {
    width:3rem;
    height:3rem
}
._1i5fk._8oCtR {
    font-size:1rem;
    line-height:1.25
}
._1i5fk._8oCtR._1FsY1 {
    width:3rem;
    height:3rem
}
._1i5fk._1FsY1 {
    padding:0 .875rem
}
._1i5fk._8oCtR {
    padding:0 1.9375rem
}
.p8s4W {
    font-size:1rem;
    line-height:1.25;
    padding:.625rem 1rem
}
.p8s4W:not(._1FsY1) {
    min-width:80px;
    min-height:40px
}
.p8s4W._1FsY1 {
    width:2.5rem;
    height:2.5rem
}
.p8s4W._8oCtR {
    font-size:1rem;
    line-height:1.25
}
.p8s4W._8oCtR._1FsY1 {
    width:2.5rem;
    height:2.5rem
}
.p8s4W._1FsY1 {
    padding:0 .625rem
}
.p8s4W._8oCtR {
    padding:0 .9375rem
}
@media (max-width:767px) {
    .p8s4W {
        font-size:.875rem;
        line-height:1.25
    }
    .p8s4W._1FsY1 {
        width:1.84375rem;
        height:1.84375rem
    }
    .p8s4W._8oCtR {
        font-size:.875rem;
        line-height:1.25
    }
    .p8s4W._8oCtR._1FsY1 {
        width:1.84375rem;
        height:1.84375rem
    }
}
._27-yu {
    font-size:.875rem;
    line-height:1.25;
    padding:.375rem .75rem
}
._27-yu:not(._1FsY1) {
    min-width:64px;
    min-height:32px
}
._27-yu._1FsY1 {
    width:1.84375rem;
    height:1.84375rem
}
._27-yu._8oCtR {
    font-size:.875rem;
    line-height:1.25
}
._27-yu._8oCtR._1FsY1 {
    width:1.84375rem;
    height:1.84375rem
}
._27-yu._1FsY1 {
    padding:0 .375rem
}
._27-yu._8oCtR {
    padding:0 .6875rem
}
._2ghvt {
    font-size:.75rem;
    line-height:1;
    padding:.375rem .625rem
}
._2ghvt:not(._1FsY1) {
    min-width:48px;
    min-height:28px
}
._2ghvt._1FsY1 {
    width:1.5rem;
    height:1.5rem
}
._2ghvt._8oCtR {
    font-size:.75rem;
    line-height:1
}
._2ghvt._8oCtR._1FsY1 {
    width:1.5rem;
    height:1.5rem
}
._2ghvt._1FsY1 {
    padding:0 .375rem
}
._2ghvt._8oCtR {
    padding:0 .5625rem
}
._21L3I {
    font-size:.75rem;
    line-height:1;
    padding:.375rem .625rem
}
._21L3I:not(._1FsY1) {
    min-width:48px;
    min-height:28px
}
._21L3I._1FsY1 {
    width:1.5rem;
    height:1.5rem
}
._21L3I._8oCtR {
    font-size:.75rem;
    line-height:1
}
._21L3I._8oCtR._1FsY1 {
    width:1.5rem;
    height:1.5rem
}
._21L3I._1FsY1 {
    padding:0 .375rem
}
._21L3I._8oCtR {
    padding:0 .5625rem
}
.xnv6R:disabled {
    background-color:#f0f1f2;
    color:#9fa3a6;
    cursor:not-allowed;
    background-image:none
}
.xnv6R:disabled._19X_H {
    color:hsla(0,0%,100%,.3);
    background-color:rgba(0,0,0,.85);
    border:none
}
.xnv6R:disabled._1bpad {
    background-color:rgba(0,0,0,.04);
    color:rgba(0,0,0,.25);
    border:none
}
.xnv6R:disabled._27-6k {
    color:rgba(0,0,0,.25);
    background-color:#fff;
    border:none
}
.xnv6R:disabled._2QwEc {
    background-color:#0060ef;
    color:hsla(0,0%,100%,.45);
    border:none
}
.xnv6R:disabled._8oCtR {
    background-color:#fff;
    color:#d4d7d9;
    border:none
}
.xnv6R:disabled._3IIr- {
    background-color:#e64839;
    color:hsla(0,0%,100%,.45);
    border:none
}
.xnv6R:disabled._16fYW {
    background-color:#47b347;
    color:hsla(0,0%,100%,.45);
    border:none
}
.xnv6R:disabled.upL7u {
    background-color:#e67e22;
    color:hsla(0,0%,100%,.45);
    border:none
}
.xnv6R:disabled._3oax7 {
    background-color:hsla(0,0%,100%,.08);
    border:none;
    color:hsla(0,0%,100%,.3)
}
._1wazg {
    cursor:not-allowed
}
._1wazg._19X_H {
    color:hsla(0,0%,100%,.3);
    background-color:rgba(0,0,0,.85)
}
._1wazg._19X_H,
._1wazg._8oCtR {
    background-image:none;
    border:none
}
._1wazg._8oCtR {
    background-color:#fff;
    color:#d4d7d9
}
._1wazg._1bpad {
    background-color:rgba(0,0,0,.04);
    background-image:none
}
._1wazg._1bpad,
._1wazg._27-6k {
    color:rgba(0,0,0,.25);
    border:none
}
._1wazg._27-6k {
    background-color:#fff
}
._1wazg._2QwEc {
    background-color:#0060ef
}
._1wazg._2QwEc,
._1wazg._3IIr- {
    background-image:none;
    color:hsla(0,0%,100%,.45);
    border:none
}
._1wazg._3IIr- {
    background-color:#e64839
}
._1wazg._16fYW {
    background-color:#47b347
}
._1wazg._16fYW,
._1wazg.upL7u {
    background-image:none;
    color:hsla(0,0%,100%,.45);
    border:none
}
._1wazg.upL7u {
    background-color:#e67e22
}
._1wazg._3oax7 {
    background-color:hsla(0,0%,100%,.08);
    border:none;
    color:hsla(0,0%,100%,.3)
}
._1nhYK {
    text-decoration:none
}
.j7iyJ {
    margin-right:4px
}
._5iCMy {
    opacity:0
}
._3N80o {
    transition:all .5s cubic-bezier(.23,1,.32,1)
}
._3N80o,
._3jNlY {
    opacity:1
}
._249s1 {
    opacity:0;
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
._3XtIS {
    display:none!important
}
.RBtig {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(35,37,38,.7)
}
._1SoeU {
    padding:1.5rem;
    overflow:auto;
    overscroll-behavior:contain
}
._2bhiO {
    padding:.6875rem 1.5rem .75rem;
    border-top:.0625rem solid #d4d7d9
}
._5FUC {
    height:3.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 2.5rem;
    font-weight:500;
    overflow:hidden;
    text-overflow:ellipsis
}
._19qBt {
    background-color:#fff;
    border-bottom:.0625rem solid #d4d7d9
}
._1fEts {
    background-color:#0060ef;
    color:#fff
}
._2-nfI {
    background-color:#47b347;
    color:#fff
}
.UT4Rh {
    background-color:#e64839;
    color:#fff
}
._134Zt {
    background-color:#e67e22;
    color:#fff
}
.Vsj0k {
    background-color:#3b3e40;
    color:#fff
}
._3WeTt {
    opacity:0;
    transform:translate3d(0,100%,0)
}
._2_fNz {
    transition:all .5s cubic-bezier(.23,1,.32,1)
}
._29zRf,
._2_fNz {
    opacity:1;
    transform:none
}
._29zRf {
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
.bsi6l {
    opacity:0;
    transform:translate3d(0,100%,0)
}
._1ffJd {
    display:none!important
}
._2fvBN {
    opacity:0;
    transform:translateY(-5rem)
}
.kvUUT {
    transition:all .5s cubic-bezier(.23,1,.32,1)
}
.F2CYv,
.kvUUT {
    opacity:1;
    transform:translateY(0)
}
.ssUw_ {
    opacity:0;
    transform:translateY(-5rem);
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
._5gj5g {
    display:none!important
}
._2PzHu {
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    justify-content:center;
    align-items:center
}
._2PzHu._1naMW,
._2PzHu:focus {
    outline:initial
}
._12j5q {
    top:0
}
.g2SoP {
    align-items:flex-end;
    background-color:#fff
}
.g2SoP ._3U3Et {
    border-radius:0
}
._3U3Et {
    border-radius:.25rem;
    background-color:#fff;
    overflow:hidden;
    position:relative
}
._2b7K4 {
    width:72rem
}
._3XX52 {
    width:56.5rem
}
._168gc {
    width:37.5rem
}
._3N4z4 {
    width:24.75rem
}
._33vWN {
    width:18.5rem
}
._1hhu5 {
    width:0;
    height:0;
    border:0;
    overflow:hidden;
    outline:initial
}
._17SAi {
    display:flex;
    justify-content:flex-end
}
._17SAi button {
    margin-left:.5rem
}
._17SAi button:first-child {
    margin-left:0
}
._2ND-v {
    position:absolute;
    right:1.25rem;
    top:1.25rem;
    display:block;
    height:1rem;
    width:1rem;
    font-size:0;
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    transition:all .15s cubic-bezier(.23,1,.32,1)
}
._2ND-v i {
    font-size:1rem
}
._2VI4U,
._32gGw {
    color:#9fa3a6
}
._2VI4U:active,
._2VI4U:focus,
._2VI4U:hover,
._32gGw:active,
._32gGw:focus,
._32gGw:hover {
    color:#3b3e40
}
.SGzBY,
._2P3bW,
._2RlE1,
._2YiVO,
._3LZfU,
.kmSxj {
    color:hsla(0,0%,100%,.7)
}
.SGzBY:active,
.SGzBY:focus,
.SGzBY:hover,
._2P3bW:active,
._2P3bW:focus,
._2P3bW:hover,
._2RlE1:active,
._2RlE1:focus,
._2RlE1:hover,
._2YiVO:active,
._2YiVO:focus,
._2YiVO:hover,
._3LZfU:active,
._3LZfU:focus,
._3LZfU:hover,
.kmSxj:active,
.kmSxj:focus,
.kmSxj:hover {
    color:#fff
}
.leytg {
    position:relative;
    display:inline-flex;
    justify-content:flex-start;
    min-width:18rem
}
._1Fbwl,
.leytg {
    width:100%
}
._3Nq3W {
    font-size:1rem;
    line-height:1.5;
    font-weight:500
}
._38_U0 {
    font-size:.875rem;
    line-height:1.5;
    margin-top:.5rem
}
._2gf0i,
._2l3Wv {
    font-size:1.5rem;
    height:1.5rem;
    min-width:1.5rem;
    margin-right:.5rem
}
._3GTn6 {
    color:#0060ef
}
._38rwj {
    color:#47b347
}
._28BxZ {
    color:#e64839
}
.Jf-sC {
    color:#e67e22
}
._303Q5 {
    color:#3b3e40
}
._1gPIw {
    color:#13c2c2
}
.Banner__container___0ue0c {
    height:480px;
    overflow:hidden;
    position:relative;
    letter-spacing:-.03em;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center
}
@media (min-width:768px) {
    .Banner__container___0ue0c {
        height:476px
    }
}
@media (min-width:1200px) {
    .Banner__container___0ue0c.Banner__page___HXp3a {
        height:640px
    }
    .Banner__container___0ue0c.Banner__page___HXp3a .Banner__content___-n7XO {
        padding:0;
        width:960px
    }
    .Banner__container___0ue0c.Banner__page___HXp3a .Banner__content___-n7XO .Banner__title___DsdGR {
        font-size:48px;
        line-height:56px;
        color:inherit;
        letter-spacing:-.02em
    }
    .Banner__container___0ue0c.Banner__page___HXp3a .Banner__content___-n7XO .Banner__desc___CvA1f {
        margin-top:24px
    }
}
.Banner__container___0ue0c figure {
    position:absolute;
    width:100%;
    height:100%
}
.Banner__container___0ue0c figure,
.Banner__container___0ue0c picture {
    height:100%
}
.Banner__container___0ue0c img {
    width:100%;
    height:100%;
    object-fit:cover
}
.Banner__container___0ue0c .Banner__content___-n7XO {
    position:relative;
    height:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    z-index:1;
    max-width:960px
}
@media (min-width:1200px) {
    .Banner__container___0ue0c .Banner__content___-n7XO.Banner__left___9H79G {
        align-items:flex-start;
        text-align:left
    }
}
.Banner__container___0ue0c .Banner__content___-n7XO.Banner__left___9H79G .Banner__desc___CvA1f {
    max-width:unset
}
.Banner__container___0ue0c .Banner__content___-n7XO>:first-child {
    margin-top:0
}
.Banner__container___0ue0c .Banner__title___DsdGR {
    font-weight:600;
    font-size:32px;
    line-height:36px;
    color:inherit;
    letter-spacing:-.02em
}
@media (min-width:768px) {
    .Banner__container___0ue0c .Banner__title___DsdGR {
        font-size:40px;
        line-height:48px
    }
}
.Banner__container___0ue0c .Banner__desc___CvA1f {
    font-size:18px;
    line-height:28px;
    margin-top:16px;
    max-width:693px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
@media (min-width:768px) {
    .Banner__container___0ue0c .Banner__desc___CvA1f {
        font-size:20px;
        line-height:28px
    }
}
.Banner__container___0ue0c .Banner__button___YuwY8 {
    margin-top:24px;
    max-width:100%;
    transition:all .3s ease
}
.Banner__container___0ue0c .Banner__button___YuwY8 span {
    display:inline-block;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.Banner__container___0ue0c.Banner__black___NKyyH {
    color:rgba(0,0,0,.85)
}
@media (min-width:1200px) {
    .Image__cps-image-content___lLTL9.Image__page___cA6ZC .Image__comment___oibSX {
        width:553px
    }
}
.Image__cps-image-content___lLTL9.Image__fixed-height___mVBeT .Image__comment___oibSX {
    float:none;
    margin-left:auto;
    margin-right:auto
}
.Image__cps-image-content___lLTL9 .Image__carousel-item___uPTiD {
    display:flex;
    justify-content:center
}
.Image__cps-image-content___lLTL9 .Image__carousel-item___uPTiD>* {
    display:flex;
    justify-content:center
}
.Image__cps-image-content___lLTL9 .Image__image-outer___Cvke9 {
    overflow:hidden
}
.Image__cps-image-content___lLTL9 figure {
    display:block;
    transition:all .3s ease;
    background:0 0
}
@media (max-width:767px) {
    .Image__cps-image-content___lLTL9 figure .slick-next,
    .Image__cps-image-content___lLTL9 figure .slick-prev {
        display:none
    }
}
@media not all and (any-pointer:fine),(hover:none),(max-width:767px) {
    .Image__cps-image-content___lLTL9 figure .slick-next,
    .Image__cps-image-content___lLTL9 figure .slick-prev {
        display:none
    }
}
.Image__cps-image-content___lLTL9 figure .slick-next,
.Image__cps-image-content___lLTL9 figure .slick-prev {
    width:32px;
    height:32px;
    background-color:rgba(0,0,0,.2);
    transition:all .3s ease;
    opacity:0
}
.Image__cps-image-content___lLTL9 figure .slick-next i,
.Image__cps-image-content___lLTL9 figure .slick-prev i {
    color:#fff;
    font-size:20px
}
.Image__cps-image-content___lLTL9 figure .slick-next:hover,
.Image__cps-image-content___lLTL9 figure .slick-prev:hover {
    background-color:rgba(0,0,0,.3)
}
.Image__cps-image-content___lLTL9 figure .slick-prev {
    left:8px
}
.Image__cps-image-content___lLTL9 figure .slick-next {
    right:8px
}
.Image__cps-image-content___lLTL9 figure:hover .slick-prev {
    opacity:1
}
.Image__cps-image-content___lLTL9 figure:hover .slick-next {
    opacity:1
}
.Image__cps-image-content___lLTL9 figure .slick-dots {
    bottom:8px;
    height:16px
}
@media (max-width:767px) {
    .Image__cps-image-content___lLTL9 figure .slick-dots {
        bottom:0
    }
}
.Image__cps-image-content___lLTL9 figure .slick-dots>li {
    border-radius:0;
    width:16px;
    height:16px;
    transition:all .3s ease;
    margin:0;
    background:0 0
}
.Image__cps-image-content___lLTL9 figure .slick-dots>li button,
.Image__cps-image-content___lLTL9 figure .slick-dots>li.slick-active button {
    width:100%;
    height:100%;
    background:0 0;
    border-radius:0
}
.Image__cps-image-content___lLTL9 figure .slick-dots>li button::before,
.Image__cps-image-content___lLTL9 figure .slick-dots>li.slick-active button::before {
    content:'';
    height:2px;
    display:block;
    background:rgba(0,0,0,.2);
    transition:all .3s ease
}
.Image__cps-image-content___lLTL9 figure .slick-dots>li button.focus-visible,
.Image__cps-image-content___lLTL9 figure .slick-dots>li.slick-active button.focus-visible {
    outline:4px solid rgba(0,96,239,.4)
}
.Image__cps-image-content___lLTL9 figure .slick-dots>li button:focus-visible,
.Image__cps-image-content___lLTL9 figure .slick-dots>li.slick-active button:focus-visible {
    outline:4px solid rgba(0,96,239,.4)
}
.Image__cps-image-content___lLTL9 figure .slick-dots>li.slick-active button::before {
    background:rgba(0,0,0,.85)
}
.Image__cps-image-content___lLTL9 figure .Image__picture___Tz\+tA {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.Image__cps-image-content___lLTL9 figure .Image__lazy-load___7RVNG {
    position:relative;
    display:block;
    width:100%;
    overflow:hidden
}
.Image__cps-image-content___lLTL9 figure .slick-active {
    z-index:1
}
.Image__cps-image-content___lLTL9 figure .slick-slide {
    position:relative
}
.Image__cps-image-content___lLTL9 figure .slick-arrow {
    width:40px;
    height:40px
}
.Image__cps-image-content___lLTL9 figure .slick-arrow:active {
    background:rgba(0,0,0,.4)
}
.Image__cps-image-content___lLTL9 figure .slick-next {
    right:24px
}
.Image__cps-image-content___lLTL9 figure .slick-prev {
    left:24px
}
.Image__cps-image-content___lLTL9 figure .slick-dots {
    bottom:16px;
    height:32px;
    display:flex!important;
    align-items:center;
    justify-content:center
}
.Image__cps-image-content___lLTL9 figure .slick-dots li {
    margin:0 5px
}
.Image__cps-image-content___lLTL9 figure .slick-dots li button::before {
    background:rgba(255,255,255,.2)
}
.Image__cps-image-content___lLTL9 figure .slick-dots li.slick-active button::before {
    background:#fff
}
.Image__cps-image-content___lLTL9 figure .Image__comment___oibSX {
    text-align:right;
    font-size:12px;
    margin-top:8px;
    cursor:default;
    transition:opacity 125ms linear,height 125ms ease;
    opacity:1
}
.Image__cps-image-content___lLTL9 figure .Image__comment-transition___ucarM {
    opacity:0
}
.Image__cps-image-content___lLTL9 figure img {
    object-fit:cover
}
.Image__no-margin-top___uTcQ2 {
    margin-top:0!important
}
[data-content-page-theme=light] .Image__comment___oibSX {
    color:rgba(0,0,0,.45)
}
[data-content-page-theme=dark] .Image__comment___oibSX {
    color:rgba(255,255,255,.45)
}
@media (min-width:768px) {
    .Image__comment___oibSX {
        float:right;
        width:425px
    }
}
.Price__original-price___D4-mU {
    text-decoration:line-through
}
.Price__original-price-color___5Bm-7 {
    color:rgba(255,255,255,.45)
}
.Price__from-price___2o3kw span:first-child,
.Price__from-price___2o3kw span:last-child {
    padding-left:6px
}
.Price__invisible___RFU\+d {
    visibility:hidden
}
@keyframes Product__rotate___DiRnn {
    from {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
.Product__wrapper___pZ6rO {
    display:flex;
    align-items:center;
    cursor:pointer;
    transition:all .3s ease;
    background-color:rgba(0,0,0,.04)
}
.Product__wrapper___pZ6rO:not(:last-child) {
    margin-bottom:8px
}
@media (min-width:768px) {
    .Product__wrapper___pZ6rO:not(:last-child) {
        margin-bottom:16px
    }
}
.Product__wrapper___pZ6rO:hover {
    background-color:rgba(0,0,0,.06)
}
.Product__wrapper___pZ6rO:active {
    background-color:rgba(0,0,0,.15)
}
.Product__wrapper___pZ6rO img {
    width:96px;
    height:96px;
    padding:24px 8px;
    align-self:flex-start;
    box-sizing:content-box
}
@media (min-width:768px) {
    .Product__wrapper___pZ6rO img {
        width:240px;
        height:240px;
        padding:0 16px 0 0;
        align-self:center
    }
}
.Product__wrapper___pZ6rO aside {
    flex-grow:1;
    padding:24px 24px 24px 0;
    width:0
}
@media (min-width:768px) {
    .Product__wrapper___pZ6rO aside {
        padding-right:32px
    }
}
.Product__wrapper___pZ6rO aside>.Product__tag___whtzu {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:block;
    color:#be4e04;
    font-size:14px;
    margin-bottom:4px
}
.Product__wrapper___pZ6rO aside>.Product__variant-info___SpDtg>.Product__variant-name___LkhS6 {
    font-size:18px;
    line-height:24px;
    font-weight:600;
    margin-bottom:8px;
    color:rgba(0,0,0,.85)
}
.Product__wrapper___pZ6rO aside>.Product__desc___gwH3q {
    color:rgba(0,0,0,.65);
    line-height:24px
}
.Product__wrapper___pZ6rO aside>.Product__variant-info___SpDtg .Product__benefit-point___xXA4y {
    color:#9fa3a6;
    font-size:12px;
    line-height:16px;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.Product__wrapper___pZ6rO aside>.Product__variant-info___SpDtg .Product__benefit-point___xXA4y:nth-child(n+3) {
    display:none
}
.Product__wrapper___pZ6rO aside>.Product__jump___T3uoB {
    display:flex;
    align-items:center;
    justify-content:space-between
}
.Product__wrapper___pZ6rO aside>div>div {
    display:flex;
    flex-direction:row-reverse;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-top:16px;
    margin-bottom:8px
}
@media (min-width:768px) {
    .Product__wrapper___pZ6rO aside>div>div {
        margin-top:24px;
        margin-bottom:16px
    }
}
.Product__wrapper___pZ6rO aside>div>div>:not(:first-child) {
    margin-right:8px
}
.Product__wrapper___pZ6rO aside>div>div .product-current-price {
    line-height:24px;
    color:rgba(0,0,0,.85)
}
.Product__wrapper___pZ6rO aside>div>div .product-original-price {
    font-size:14px;
    line-height:24px;
    color:rgba(0,0,0,.45)
}
.Product__wrapper___pZ6rO aside button {
    cursor:pointer;
    display:flex;
    align-items:center;
    transition:all .3s ease
}
.Product__wrapper___pZ6rO aside button div {
    margin-right:12px
}
.Product__wrapper___pZ6rO aside button .Product__success___lvtR0 {
    height:16px;
    width:16px;
    background:url('//se-cdn.djiits.com/stormsend/uploads/d1ebab40565b4cd2f556b68bd3aa2e51.svg') no-repeat center
}
.Product__wrapper___pZ6rO aside button .Product__loading___gg2zF {
    height:16px;
    width:16px;
    background:url('//se-cdn.djiits.com/stormsend/uploads/f2b7efe329cc0babcf7951ef77049aab.svg') no-repeat center;
    animation:Product__rotate___DiRnn 1s linear infinite forwards
}
.Product__wrapper___pZ6rO aside .Product__button-square___dxwh4 {
    width:24px;
    height:24px;
    padding:0
}
[data-content-page-theme=dark] .Product__wrapper___pZ6rO {
    background-color:rgba(255,255,255,.08)
}
[data-content-page-theme=dark] .Product__wrapper___pZ6rO:hover {
    background-color:rgba(255,255,255,.12)
}
[data-content-page-theme=dark] .Product__wrapper___pZ6rO:active {
    background-color:rgba(255,255,255,.2)
}
[data-content-page-theme=dark] .Product__wrapper___pZ6rO aside>.Product__tag___whtzu {
    color:#d98c4a
}
[data-content-page-theme=dark] .Product__wrapper___pZ6rO aside>.Product__variant-info___SpDtg>.Product__variant-name___LkhS6 {
    color:#fff
}
[data-content-page-theme=dark] .Product__wrapper___pZ6rO aside>.Product__desc___gwH3q {
    color:rgba(255,255,255,.65)
}
[data-content-page-theme=dark] .Product__wrapper___pZ6rO aside>.Product__variant-info___SpDtg .Product__benefit-point___xXA4y {
    color:rgba(255,255,255,.65)
}
[data-content-page-theme=dark] .Product__wrapper___pZ6rO aside .product-current-price {
    color:#fff
}
[data-content-page-theme=dark] .Product__wrapper___pZ6rO aside .product-original-price {
    color:rgba(255,255,255,.45)
}
@media (min-width:1200px) {
    .Product__page___4wsb- .Product__wrapper___pZ6rO img {
        width:320px;
        height:320px
    }
    .Product__page___4wsb- .Product__wrapper___pZ6rO aside>.Product__variant-info___SpDtg>.Product__variant-name___LkhS6 {
        font-size:20px
    }
}
.Text__wrapper___26JAA {
    color:rgba(0,0,0,.65);
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
}
.Text__wrapper___26JAA[data-slug*=with-dark-bg] {
    background-color:#1f1f1f
}
.Text__wrapper___26JAA[data-slug*=with-full-width] {
    max-width:unset!important
}
@media (min-width:1200px) {
    .Text__wrapper___26JAA.Text__page___8d-1x>* {
        padding:0
    }
    .Text__wrapper___26JAA.Text__page___8d-1x h1 {
        padding:0 122px
    }
}
.Text__wrapper___26JAA>* {
    padding-left:24px;
    padding-right:24px;
    width:100%;
    max-width:960px
}
@media (min-width:768px) {
    .Text__wrapper___26JAA>* {
        padding-left:48px;
        padding-right:48px
    }
}
@media (min-width:1200px) {
    .Text__wrapper___26JAA>* {
        padding-left:64px;
        padding-right:64px
    }
}
.Text__wrapper___26JAA>:not(:last-child) {
    margin-bottom:16px
}
.Text__wrapper___26JAA h1,
.Text__wrapper___26JAA h2,
.Text__wrapper___26JAA h3,
.Text__wrapper___26JAA h4,
.Text__wrapper___26JAA h5,
.Text__wrapper___26JAA h6 {
    color:rgba(0,0,0,.85);
    font-weight:600;
    line-height:calc(1em + 4px);
    text-align:center;
    margin-bottom:8px!important
}
@media (min-width:768px) {
    .Text__wrapper___26JAA h1,
    .Text__wrapper___26JAA h2,
    .Text__wrapper___26JAA h3,
    .Text__wrapper___26JAA h4,
    .Text__wrapper___26JAA h5,
    .Text__wrapper___26JAA h6 {
        text-align:left;
        margin-bottom:16px!important
    }
}
.Text__wrapper___26JAA h1 {
    font-size:2em
}
.Text__wrapper___26JAA h2 {
    font-size:1.5em
}
.Text__wrapper___26JAA h3 {
    font-size:1.17em
}
.Text__wrapper___26JAA h5 {
    font-size:.83em
}
.Text__wrapper___26JAA h6 {
    font-size:.67em
}
.Text__wrapper___26JAA em {
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif
}
.Text__wrapper___26JAA td {
    padding:.4em;
    border:1px solid #d4d7d9
}
.Text__wrapper___26JAA a {
    color:#0060ef;
    line-height:inherit;
    cursor:pointer
}
.Text__wrapper___26JAA a:hover {
    text-decoration:underline
}
.Text__wrapper___26JAA ul {
    list-style-type:initial
}
.Text__wrapper___26JAA ol li,
.Text__wrapper___26JAA ul li {
    margin-left:1em
}
.Text__wrapper___26JAA ol,
.Text__wrapper___26JAA p {
    line-height:calc(1em + 8px)
}
.Text__wrapper___26JAA ol *,
.Text__wrapper___26JAA p * {
    line-height:inherit
}
.Text__wrapper___26JAA.Text__margin-big___3Uhvs {
    margin-top:48px
}
@media (min-width:768px) {
    .Text__wrapper___26JAA.Text__margin-big___3Uhvs {
        margin-top:64px
    }
}
.Text__wrapper___26JAA.Text__margin-small___An1xg {
    margin-top:24px
}
@media (min-width:768px) {
    .Text__wrapper___26JAA.Text__margin-small___An1xg {
        margin-top:32px
    }
}
.Text__wrapper___26JAA .Text__notes___2m-9U {
    font-size:12px;
    line-height:16px;
    color:rgba(255,255,255,.55);
    list-style-type:none
}
.Text__wrapper___26JAA .Text__notes___2m-9U li {
    margin-left:0;
    margin-bottom:16px
}
[data-content-page-theme=dark] .Text__wrapper___26JAA {
    color:rgba(255,255,255,.85)
}
[data-content-page-theme=dark] .Text__wrapper___26JAA .Text__notes___2m-9U,
[data-content-page-theme=dark] .Text__wrapper___26JAA h1,
[data-content-page-theme=dark] .Text__wrapper___26JAA h2,
[data-content-page-theme=dark] .Text__wrapper___26JAA h3,
[data-content-page-theme=dark] .Text__wrapper___26JAA h4,
[data-content-page-theme=dark] .Text__wrapper___26JAA h5,
[data-content-page-theme=dark] .Text__wrapper___26JAA h6,
[data-content-page-theme=dark] .Text__wrapper___26JAA strong {
    color:#fff
}
.Video__fixed-height___UILXD {
    display:flex;
    justify-content:center;
    flex-flow:column;
    align-items:center
}
.Video__cps-padding-video___kQ4Ax {
    overflow:hidden
}
.Video__video-container___cwsKy {
    position:relative;
    width:100%
}
.Video__video-container___cwsKy .Video__cover___x6llB {
    position:absolute;
    z-index:1;
    height:100%;
    width:100%;
    background-size:cover;
    background-position:50%;
    opacity:1;
    transition:all .6s ease;
    pointer-events:none
}
.Video__video-container___cwsKy .Video__cover___x6llB.Video__cover-shut___sDWwY {
    display:none;
    opacity:0
}
.Video__video-container___cwsKy .Video__video-main___2F6c0 {
    width:100%;
    height:100%;
    position:absolute
}
.Video__video-container___cwsKy .Video__video-main___2F6c0 #mod_player {
    background-color:#7fffd4
}
.Video__video-container___cwsKy .Video__video-main___2F6c0 .tvp-overlay-play button {
    width:40px;
    height:40px;
    border-radius:50%;
    border:solid 1px #fff;
    background-color:transparent
}
#mod_player {
    background-color:#7fffd4
}
.Video__comment___tamgh {
    font-size:12px;
    line-height:16px;
    font-weight:400;
    text-align:right;
    margin-top:8px
}
.Video__comment___tamgh a {
    color:#0060ef
}
.Video__comment___tamgh a:hover {
    text-decoration:underline
}
[data-content-page-theme=light] .Video__comment___tamgh {
    color:rgba(0,0,0,.45)
}
[data-content-page-theme=dark] .Video__comment___tamgh {
    color:rgba(255,255,255,.45)
}
@media (min-width:768px) {
    .Video__comment___tamgh {
        float:right;
        width:425px
    }
}
@media (min-width:1200px) {
    .Video__page___oxTFr .Video__comment___tamgh {
        width:553px
    }
}
.Contrast__contrast-container___ekYLY {
    margin:22px 0 24px 0
}
.Contrast__contrast-container___ekYLY h3 {
    font-size:24px;
    line-height:28px;
    font-weight:600;
    color:rgba(0,0,0,.85);
    margin:0 0 30px -32px
}
.Contrast__contrast-container___ekYLY .Contrast__title-container___YXMMW {
    display:grid;
    grid-template-columns:repeat(2,1fr)
}
.Contrast__contrast-container___ekYLY .Contrast__title-container___YXMMW p {
    font-weight:600;
    font-size:20px;
    line-height:28px;
    color:rgba(0,0,0,.85);
    padding:20px 0;
    display:flex;
    align-items:center
}
.Contrast__contrast-container___ekYLY .Contrast__title-container___YXMMW p img {
    width:20px;
    height:20px;
    margin-left:8px
}
.Contrast__contrast-container___ekYLY .Contrast__title-container___YXMMW .Contrast__title-1___5AX0i {
    padding-right:64px
}
.Contrast__contrast-container___ekYLY .Contrast__title-container___YXMMW .Contrast__title-2___QVizw {
    padding-left:64px
}
.Contrast__contrast-container___ekYLY .Contrast__item___ATJEp {
    padding:16px 0 8px;
    border-bottom:1px solid rgba(0,0,0,.06)
}
.Contrast__contrast-container___ekYLY .Contrast__item___ATJEp:last-child {
    border-bottom:0
}
.Contrast__contrast-container___ekYLY .Contrast__item___ATJEp .Contrast__item-title___o8Bql {
    display:flex;
    align-items:center
}
.Contrast__contrast-container___ekYLY .Contrast__item___ATJEp .Contrast__item-title___o8Bql>p {
    font-weight:600;
    font-size:18px;
    line-height:28px;
    margin:8px 0
}
.Contrast__contrast-container___ekYLY .Contrast__item___ATJEp .Contrast__item-title___o8Bql .Contrast__compare-tooltip___2cRsH {
    margin-left:10px;
    margin-bottom:3px
}
.Contrast__contrast-container___ekYLY .Contrast__item___ATJEp .Contrast__column-container___gzLa6 {
    display:grid;
    grid-template-columns:repeat(2,1fr)
}
.Contrast__contrast-container___ekYLY .Contrast__item___ATJEp .Contrast__column-container___gzLa6 p {
    font-weight:400;
    font-size:16px;
    line-height:24px;
    padding:12px 0
}
.Contrast__contrast-container___ekYLY .Contrast__item___ATJEp .Contrast__column-container___gzLa6 .Contrast__column-1___Dqhq2 {
    padding-right:64px
}
.Contrast__contrast-container___ekYLY .Contrast__item___ATJEp .Contrast__column-container___gzLa6 .Contrast__column-2___7AARb {
    padding-left:64px
}
.Contrast__tooltip___zL0eP {
    --rt-transition-closing-delay:0;
    z-index:99999!important;
    max-width:200px
}
.Contrast__tooltip___zL0eP span {
    font-size:14px;
    line-height:20px
}
@media (max-width:767px) {
    .Contrast__contrast-container___ekYLY {
        margin:16px 0 16px 0
    }
    .Contrast__contrast-container___ekYLY h3 {
        font-size:20px;
        line-height:28px;
        margin:0 0 32px 0
    }
    .Contrast__contrast-container___ekYLY .Contrast__title-container___YXMMW p {
        font-size:16px;
        line-height:24px;
        padding:16px 0
    }
    .Contrast__contrast-container___ekYLY .Contrast__title-container___YXMMW .Contrast__title-1___5AX0i {
        padding-right:24px
    }
    .Contrast__contrast-container___ekYLY .Contrast__title-container___YXMMW .Contrast__title-2___QVizw {
        padding-left:24px
    }
    .Contrast__contrast-container___ekYLY .Contrast__item___ATJEp>p {
        padding:8px 0
    }
    .Contrast__contrast-container___ekYLY .Contrast__item___ATJEp .Contrast__item-title___o8Bql {
        font-size:16px;
        line-height:24px;
        margin:8px 0
    }
    .Contrast__contrast-container___ekYLY .Contrast__item___ATJEp .Contrast__column-container___gzLa6 p {
        font-size:14px;
        line-height:24px;
        padding:12px 0
    }
    .Contrast__contrast-container___ekYLY .Contrast__item___ATJEp .Contrast__column-container___gzLa6 .Contrast__column-1___Dqhq2 {
        padding-right:24px
    }
    .Contrast__contrast-container___ekYLY .Contrast__item___ATJEp .Contrast__column-container___gzLa6 .Contrast__column-2___7AARb {
        padding-left:24px
    }
    .Contrast__tooltip___zL0eP {
        max-width:45%
    }
}
.Rank__cps-rank-content___Jz2Q9 {
    padding:0!important;
    max-width:initial!important
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-one-tabs___p-sGm {
    position:relative
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-one-tabs___p-sGm .rank-list-one-tab-container {
    position:absolute;
    z-index:1;
    width:100%;
    height:40px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-one-tabs___p-sGm .rank-list-one-tab-container .rank-list-one-tab-bar {
    white-space:nowrap;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    overflow-y:hidden
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-one-tabs___p-sGm .rank-list-one-tab-container .rank-list-one-tab-bar::-webkit-scrollbar {
    display:none
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-one-tabs___p-sGm .rank-list-one-tab-container .rank-list-one-tab-bar>div {
    color:rgba(255,255,255,.55);
    font-weight:600;
    font-size:16px;
    line-height:24px;
    padding:8px 0;
    margin-right:24px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-one-tabs___p-sGm .rank-list-one-tab-container .rank-list-one-tab-bar>div:first-child {
    display:none
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-one-tabs___p-sGm .rank-list-one-tab-container .rank-list-one-tab-bar>div:last-child {
    padding:8px 0;
    margin-right:16px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-one-tabs___p-sGm .rank-list-one-tab-container .rank-list-one-tab-bar>div:nth-child(2) {
    margin-left:16px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-one-tabs___p-sGm .rank-list-one-tab-container .rank-list-one-tab-bar div[aria-selected=true] {
    position:relative;
    color:rgba(255,255,255,.95)
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-one-tabs___p-sGm .rank-list-one-tab-container .rank-list-one-tab-bar div[aria-selected=true]::after {
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    height:2px;
    background-color:#fff
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-one-tabs-fixed___jng\+5 .rank-list-one-tab-container {
    position:fixed;
    background-color:#fff
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-one-tabs-fixed___jng\+5 .rank-list-one-tab-container .rank-list-one-tab-bar>div {
    color:#6c7073
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-one-tabs-fixed___jng\+5 .rank-list-one-tab-container .rank-list-one-tab-bar div[aria-selected=true] {
    color:#3b3e40
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-one-tabs-fixed___jng\+5 .rank-list-one-tab-container .rank-list-one-tab-bar div[aria-selected=true]::after {
    background-color:#3b3e40
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl {
    padding:12px 16px 0;
    background-color:#f6f6f6
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl .rank-list-two-tab-container {
    border-radius:24px;
    margin-bottom:12px;
    margin-top:8px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl .rank-list-two-tab-container .rank-list-two-tab-bar {
    display:flex;
    align-items:stretch;
    justify-content:space-evenly;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    overflow-y:hidden;
    text-align:center
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl .rank-list-two-tab-container .rank-list-two-tab-bar::-webkit-scrollbar {
    display:none
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl .rank-list-two-tab-container .rank-list-two-tab-bar>div {
    padding:4px 6px;
    border-radius:24px;
    margin:0 2px;
    font-weight:600;
    font-size:14px;
    line-height:20px;
    color:#fff;
    flex:1 1;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.55)
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl .rank-list-two-tab-container .rank-list-two-tab-bar>div:first-child {
    display:none
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl .rank-list-two-tab-container .rank-list-two-tab-bar div[aria-selected=true] {
    background-color:#fff;
    border:1px solid #fff;
    color:#3b3e40
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl .rank-list-two-tab-container .rank-list-two-tab-bar div[aria-selected=false] {
    font-weight:400
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl .cps-padding {
    padding:0
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a {
    background:#fff;
    box-shadow:2px 2px 4px rgba(0,0,0,.05);
    border-radius:6px;
    position:relative
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a::before {
    position:absolute;
    top:0;
    left:0;
    content:'';
    width:24px;
    height:24px;
    background-size:24px 24px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a:first-child::before {
    background:url(//store-cdn.djiits.com/assets/v3/static/media/1st.d1b16dd5.svg) no-repeat
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a:nth-child(2)::before {
    background:url(//store-cdn.djiits.com/assets/v3/static/media/2nd.60336dad.svg) no-repeat
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a:nth-child(3)::before {
    background:url(//store-cdn.djiits.com/assets/v3/static/media/3rd.d7982ffb.svg) no-repeat
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a:nth-child(4)::before {
    background:url(//store-cdn.djiits.com/assets/v3/static/media/4th.33e84c5f.svg) no-repeat
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a:nth-child(5)::before {
    background:url(//store-cdn.djiits.com/assets/v3/static/media/5th.fa0caae7.svg) no-repeat
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a:nth-child(6)::before {
    background:url(//store-cdn.djiits.com/assets/v3/static/media/6th.5de013ac.svg) no-repeat
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a:nth-child(7)::before {
    background:url(//store-cdn.djiits.com/assets/v3/static/media/7th.a19800db.svg) no-repeat
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a:nth-child(8)::before {
    background:url(//store-cdn.djiits.com/assets/v3/static/media/8th.86a9a80b.svg) no-repeat
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a:nth-child(9)::before {
    background:url(//store-cdn.djiits.com/assets/v3/static/media/9th.70174c43.svg) no-repeat
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a:nth-child(n+10) {
    display:none
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a img {
    width:144px;
    height:144px;
    padding:0;
    border-radius:6px;
    object-fit:cover
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a aside {
    padding:16px 12px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    height:144px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a aside>p,
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a aside>span {
    display:none
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a aside>div>h3 {
    font-weight:600;
    font-size:14px;
    line-height:16px;
    margin-bottom:7px;
    padding-bottom:1px;
    color:#3b3e40;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a aside>div>div {
    flex-direction:column-reverse;
    margin:0
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a aside>div i {
    font-size:24px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a aside>div p {
    font-size:14px;
    line-height:16px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentProduct]>a aside>div [data-test-locator=originalPrice] {
    font-size:12px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentText] {
    margin-top:24px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentText] ul {
    padding:0
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentText] ul li {
    margin-left:0;
    margin-bottom:16px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl [data-component=ContentText] ul li:last-child {
    margin-bottom:0
}
.Rank__cps-rank-content___Jz2Q9 .Rank__rank-list-two-tabs___yorQl .Rank__product___gqNsb {
    margin-bottom:32px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP {
    color:#fff
}
@media (max-width:767px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP {
        height:224px
    }
}
@media (min-width:768px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP {
        height:490px
    }
}
@media (min-width:1200px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP {
        height:640px
    }
}
.Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP.Rank__black___HAfei {
    color:rgba(0,0,0,.85)
}
.Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG {
    position:relative;
    text-align:center
}
.Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG picture {
    display:flex
}
.Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG picture img {
    width:100%;
    object-fit:fill
}
@media (max-width:767px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG picture img {
        height:224px
    }
}
@media (min-width:768px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG picture img {
        height:490px
    }
}
@media (min-width:1200px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG picture img {
        height:640px
    }
}
.Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu {
    width:100%;
    display:flex;
    flex-direction:column;
    position:absolute;
    z-index:1;
    top:40%;
    left:50%;
    transform:translate(-50%,-40%)
}
.Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh {
    display:flex;
    flex-direction:row;
    justify-content:center;
    margin:0 8px;
    color:#fff;
    align-items:stretch
}
@media (max-width:767px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__icon___INHYv {
        width:28px;
        height:60px
    }
}
@media (min-width:768px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__icon___INHYv {
        width:42px;
        height:90px
    }
}
@media (min-width:1200px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__icon___INHYv {
        width:56px;
        height:120px
    }
}
.Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__img-title___1TL38 {
    object-fit:fill;
    margin:0 4px
}
@media (max-width:767px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__img-title___1TL38 {
        width:102px;
        height:60px;
        padding:6px 0
    }
}
@media (min-width:768px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__img-title___1TL38 {
        width:152px;
        height:90px;
        padding:9px 0
    }
}
@media (min-width:1200px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__img-title___1TL38 {
        width:204px;
        height:120px
    }
}
.Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__text___TUcSp {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    padding:0 8px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__text___TUcSp>h1 {
    font-size:28px;
    line-height:34px;
    font-weight:600;
    color:#fff;
    text-wrap:nowrap
}
@media (max-width:767px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__text___TUcSp>h1 {
        font-size:28px;
        line-height:34px
    }
}
@media (min-width:768px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__text___TUcSp>h1 {
        font-size:32px;
        line-height:36px
    }
}
@media (min-width:1200px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__text___TUcSp>h1 {
        font-size:40px;
        line-height:56px
    }
}
.Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__text___TUcSp>h2 {
    font-size:16px;
    line-height:24px;
    font-weight:600;
    color:#fff;
    text-wrap:nowrap
}
@media (max-width:767px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__text___TUcSp>h2 {
        font-size:16px;
        line-height:24px
    }
}
@media (min-width:768px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__text___TUcSp>h2 {
        font-size:28px;
        line-height:32px
    }
}
@media (min-width:1200px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__main-title___Zlosh .Rank__text___TUcSp>h2 {
        font-size:32px;
        line-height:36px
    }
}
.Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__desc___J0TwA {
    margin-top:16px;
    color:rgba(255,255,255,.75);
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
@media (max-width:767px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__desc___J0TwA {
        font-size:12px;
        line-height:16px;
        height:48px
    }
}
@media (min-width:768px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__desc___J0TwA {
        font-size:16px;
        line-height:20px;
        height:60px
    }
}
@media (min-width:1200px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__container___cIjBP .Rank__banner___IfUQG .Rank__banner-content___ZPnWu .Rank__desc___J0TwA {
        font-size:18px;
        line-height:24px;
        height:72px
    }
}
.Rank__cps-rank-content___Jz2Q9 .Rank__error-info___z\+d7T {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:176px 0
}
.Rank__cps-rank-content___Jz2Q9 .Rank__error-img___eSHff {
    background-image:url(//store-cdn.djiits.com/assets/v3/static/media/networkErrorsvg.2b312f48.svg);
    width:80px;
    height:80px;
    display:block;
    margin-bottom:16px
}
.Rank__cps-rank-content___Jz2Q9 .Rank__error___w80hl {
    margin:0;
    text-align:center;
    color:#4b4b4b
}
@media (max-width:767px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__error___w80hl {
        font-size:14px;
        line-height:20px
    }
}
@media (min-width:768px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__error___w80hl {
        font-size:18px;
        line-height:24px
    }
}
@media (min-width:1200px) {
    .Rank__cps-rank-content___Jz2Q9 .Rank__error___w80hl {
        font-size:24px;
        line-height:28px
    }
}
.Render__page___DI0ie {
    background-color:#fff;
    color:rgba(0,0,0,.85)
}
.Render__page___DI0ie[data-content-page-theme=dark] {
    background-color:#262626;
    color:#fff
}
.Render__page___DI0ie>section {
    margin-top:24px
}
@media (min-width:768px) {
    .Render__page___DI0ie>section {
        margin-top:32px
    }
}
.Render__page___DI0ie>section:first-child {
    margin-top:0!important
}
.Render__page___DI0ie .cps-padding {
    padding:0 24px
}
@media (min-width:768px) {
    .Render__page___DI0ie .cps-padding {
        padding:0 48px
    }
}
@media (min-width:1200px) {
    .Render__page___DI0ie .cps-padding {
        padding:0 64px
    }
}
body.hidden-top-banner .style__top-banner___R53Hg {
    display:none
}
.style__top-banner___R53Hg {
    position:relative;
    width:100%;
    height:calc(80 * 100vw / 1200);
    max-height:80px;
    overflow:hidden
}
.style__top-banner-image-wrapper___5R9HJ {
    width:1920px;
    height:100%;
    position:absolute;
    left:50%;
    top:0;
    background-position:center;
    transform:translateX(-50%);
    text-align:center
}
.style__top-banner-image-wrapper___5R9HJ img {
    height:100%
}
@media (max-width:767px) {
    .style__top-banner___R53Hg {
        height:50px
    }
    .style__top-banner-image-wrapper___5R9HJ {
        width:100%
    }
    .style__top-banner-image-wrapper___5R9HJ img {
        object-fit:cover
    }
    html.topbanner #pc-tap-banner-adiversity-content.topbanner-unload {
        height:50px!important
    }
}
html.topbanner #pc-tap-banner-adiversity-content.topbanner-unload {
    position:relative;
    width:100%;
    height:calc(80 * 100vw / 1200);
    max-height:80px;
    overflow:hidden
}
.style__popup-content___zaEnJ {
    padding:0 20px 10px 20px
}
.style__popup-content___zaEnJ p {
    margin:20px 0;
    max-width:100%
}
.style__popup-content___zaEnJ .style__privacy-policy___Xwo3n {
    font-size:12px;
    line-height:16px;
    color:#333
}
.style__popup-content___zaEnJ .style__privacy-policy___Xwo3n a {
    color:#0060ef
}
.style__input___QOJQZ {
    margin-top:20px;
    min-height:60px;
    font-size:16px
}
.style__error___BNIth {
    color:red
}
.style__modal___X8cLb>div main+span>i {
    color:rgba(0,0,0,.85)
}
.style__container___eYN6h {
    position:static!important
}
.style__popup-bottom___VMCqh {
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    padding:0;
    margin:0 -24px
}
.style__popup-bottom___VMCqh .style__description___7aixD {
    flex:1 1 50%;
    padding-left:88px;
    background:url(//store-cdn.djiits.com/assets/v3/static/media/coupon.a267ae39.svg) 0 -8px no-repeat;
    background-size:64px 64px;
    min-height:48px
}
.style__popup-bottom___VMCqh .style__form___s7Tg7 {
    flex:1 1 50%;
    display:flex;
    justify-content:center
}
.style__popup-bottom___VMCqh .style__input___QOJQZ {
    width:390px
}
.style__popup-bottom___VMCqh .style__input___QOJQZ>div>input {
    outline:0
}
.style__popup-bottom___VMCqh .style__content___BFeul {
    margin:0 0 8px;
    font-size:20px;
    line-height:24px;
    font-weight:600
}
.style__popup-bottom___VMCqh .style__privacy-policy___Xwo3n {
    margin:0;
    color:rgba(0,0,0,.45)
}
@media (max-width:767px) {
    .style__popup-bottom___VMCqh {
        flex-direction:column;
        margin:0;
        padding:8px
    }
    .style__popup-bottom___VMCqh>.style__privacy-policy___Xwo3n {
        margin-bottom:8px
    }
    .style__popup-bottom___VMCqh .style__description___7aixD {
        background:url(//store-cdn.djiits.com/assets/v3/static/media/coupon.a267ae39.svg) top no-repeat;
        padding-left:0;
        padding-top:80px;
        background-size:64px 64px;
        text-align:center
    }
    .style__popup-bottom___VMCqh .style__description___7aixD .style__content___BFeul {
        font-weight:600;
        margin:0
    }
    .style__modal___X8cLb>.style__container___eYN6h>div>main {
        padding:16px
    }
    .style__form___s7Tg7 {
        width:100%
    }
    .style__form___s7Tg7 .style__input___QOJQZ {
        width:100%
    }
    .style__form___s7Tg7 .style__input___QOJQZ>div>input {
        font-size:16px
    }
    .style__form___s7Tg7 .style__input___QOJQZ>div>span>button {
        font-size:14px
    }
    .style__prompt___iX5zT>:first-child {
        width:90%
    }
    .style__prompt___iX5zT>:first-child main {
        padding:16px
    }
    .style__prompt___iX5zT>:first-child main>div {
        flex-direction:column;
        align-items:center
    }
    .style__prompt___iX5zT>:first-child main>div>i {
        width:48px;
        height:48px;
        font-size:48px
    }
    .style__prompt___iX5zT>:first-child main>div>div>h6 {
        text-align:center;
        margin:16px 0
    }
    .style__prompt___iX5zT>:first-child span {
        display:none
    }
    .style__prompt___iX5zT>:first-child footer {
        padding:0
    }
    .style__prompt___iX5zT>:first-child footer button {
        width:100%;
        background-image:none;
        color:#0060ef;
        font-size:14px;
        font-weight:600;
        height:56px;
        line-height:56px;
        padding:0
    }
    .style__error___BNIth {
        font-size:12px;
        line-height:16px;
        margin-top:8px
    }
}
@media (min-width:768px) {
    .style__modal___X8cLb>div {
        box-shadow:0 16px 32px rgba(0,0,0,.2)
    }
    .style__modal___X8cLb>div main+span>i {
        width:40px;
        height:40px;
        margin-top:23px;
        margin-left:-10px;
        line-height:40px;
        color:rgba(0,0,0,.85)
    }
    .style__modal___X8cLb>div main+span>i:hover {
        border-radius:50%;
        background-color:rgba(0,0,0,.04)
    }
}
@media (min-width:1200px) {
    .DownloadApp__container___TPlni {
        display:none
    }
}
.DownloadApp__banner___eelCU {
    position:relative;
    display:flex;
    align-items:center;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:cover
}
.DownloadApp__banner___eelCU::after {
    height:1px;
    content:'';
    width:100%;
    position:absolute;
    bottom:0;
    background:rgba(0,0,0,.06)
}
.DownloadApp__link-area-btn___3syHa {
    flex:1 1 auto;
    width:100%
}
.DownloadApp__link-area___Hofd9 {
    display:flex;
    flex:1 1 auto;
    align-items:center;
    text-decoration:none;
    height:80px;
    padding-right:16px
}
.DownloadApp__app-icon___mHKmM {
    flex:0 0 48px
}
.DownloadApp__app-icon___mHKmM img {
    width:48px;
    height:48px
}
.DownloadApp__app-info___s5XEY {
    padding:4px 8px;
    flex:1 1 auto;
    overflow:auto;
    text-align:left;
    letter-spacing:-.03em
}
.DownloadApp__app-title___SEuMn {
    font-size:18px;
    color:rgba(0,0,0,.85);
    line-height:24px;
    font-weight:600;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden
}
.DownloadApp__app-desc___2hjxc {
    font-size:14px;
    color:rgba(0,0,0,.65);
    line-height:20px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden
}
.DownloadApp__app-download___k-faA {
    flex:0 0 auto;
    overflow:hidden
}
.DownloadApp__app-download___k-faA a {
    max-width:72px
}
.DownloadApp__icon-close___E5iO4 {
    float:left;
    color:rgba(0,0,0,.65);
    padding:22px 8px 22px 12px;
    font-size:0;
    border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:0 0
}
.DownloadApp__icon-close___E5iO4 img {
    height:12px;
    width:12px
}
@media screen and (max-width:1200px) {
    body.hidden-download-banner #top-banner-download {
        display:none
    }
    html.nodjiapp body.download__bar #top-banner-download,
    html.nodjiapp.downloadbanner #top-banner-download {
        height:80px;
        position:-webkit-sticky;
        position:sticky;
        top:0;
        left:0;
        right:0;
        z-index:999
    }
    body.download__bar:not(.hidden-download-banner) #nav {
        top:80px
    }
    body.download__bar:not(.hidden-download-banner) #nav div#mobile-navbar-animate-height-body {
        top:128px
    }
    body.download__bar:not(.hidden-download-banner) #nav div#mobile-navbar-animate-height-body[class*=mobile-module__active] {
        height:calc(100% - 128px)
    }
    body.download__bar:not(.hidden-download-banner) #compare-nav[class*=Compare__compare-nav-sticky___] {
        top:128px
    }
    body.download__bar:not(.hidden-download-banner) #list-main-content #list-main-content-tab-filter {
        top:128px
    }
    body.download__bar.modal-open:not(.hidden-download-banner) #top-banner-download {
        position:fixed
    }
    body.download__bar:not(.hidden-download-banner) #top-banner-download.top-banner-download-fixed {
        position:fixed
    }
}
.style__error___JGELj {
    padding:46px 20px;
    display:flex;
    align-items:center;
    justify-content:center
}
.style__error___JGELj .style__copy___VZwX- {
    width:100%;
    text-align:center
}
.style__error___JGELj .style__copy___VZwX- h3 {
    font-size:24px;
    line-height:28px;
    letter-spacing:-.03em;
    font-weight:600;
    color:rgba(0,0,0,.85);
    text-align:center
}
.style__error___JGELj .style__copy___VZwX- p {
    margin-top:16px;
    font-size:16px;
    line-height:24px
}
.style__error___JGELj .style__copy___VZwX- .style__btn___dbfk- {
    margin-top:24px;
    position:relative;
    display:inline-flex;
    height:32px;
    width:auto;
    padding:0 15px;
    border:1px solid rgba(0,0,0,.15);
    justify-content:center;
    align-items:center;
    font-size:14px;
    line-height:20px;
    letter-spacing:-.02em;
    font-weight:400;
    white-space:nowrap;
    text-align:center;
    transition:all .3s ease
}
.style__error___JGELj .style__loading___\+1TXJ {
    padding:0 8px 0 0
}
@media (max-width:767px) {
    .ContentModal__mini-modal___gimr2>div:nth-child(2)>div:first-child {
        width:100%;
        height:100%;
        border-radius:0
    }
}
.ContentModal__mini-modal___gimr2.ContentModal__focus-visible___QTHO6 {
    outline:0
}
.ContentModal__mini-modal___gimr2:focus-visible {
    outline:0
}
.ContentModal__mini-modal___gimr2 main {
    padding:0;
    height:100%
}
@media (max-width:767px) {
    .ContentModal__mini-modal___gimr2 main {
        max-height:none!important
    }
}
.ContentModal__mini-modal___gimr2>div>div:first-child {
    z-index:1
}
@media (max-width:767px) {
    .ContentModal__mini-modal___gimr2>div>div:first-child {
        width:100%;
        padding-top:24px
    }
}
.ContentModal__mini-modal___gimr2>div>div:first-child>span {
    z-index:9999;
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,.2);
    color:#fff;
    transition:all .3s ease;
    right:16px;
    top:16px
}
@media (max-width:767px) {
    .ContentModal__mini-modal___gimr2>div>div:first-child>span {
        width:32px;
        height:32px
    }
}
.ContentModal__mini-modal___gimr2>div>div:first-child>span:hover {
    background:rgba(0,0,0,.3);
    color:#fff
}
.ContentModal__mini-modal___gimr2>div>div:first-child>span:active {
    background:rgba(0,0,0,.4);
    color:#fff
}
@media (max-width:767px) {
    .ContentModal__others-content___K-0j8 {
        display:flex;
        flex-direction:column;
        justify-content:center;
        height:100%;
        background:#fff
    }
}
.ContentModal__loading___BeDMp {
    padding:96px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px
}
.style__app___dawpD {
    min-height:100%;
    height:100%
}
.style__container___i1KMA {
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:980;
    background-color:#fff;
    transition:transform .4s ease .2s
}
@media (max-width:767px) {
    .style__container___i1KMA {
        z-index:100
    }
}
.Footer-module__footer-wrapper___e0YJf {
    background:#fff
}
.Footer-module__footer-container___1pvmZ {
    position:relative;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto
}
@media screen and (min-width:1200px) {
    .Footer-module__footer-container___1pvmZ {
        min-width:1200px
    }
}
.Footer-module__footer___gYz5F {
    padding-top:72px
}
.Footer-module__footer___gYz5F .Footer-module__store-footer___2JSCH {
    padding-top:0;
    margin-top:0
}
.Footer-module__store-footer___2JSCH {
    padding-top:60px;
    margin-top:60px
}
.Footer-module__store-footer___2JSCH .Footer-module__container___1czbF {
    width:1200px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:48px;
    flex-basis:0
}
.Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__section-item___ee8hm {
    width:100%
}
.Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__section-item___ee8hm:not(:last-child) {
    margin-right:24px
}
.Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__section-item___ee8hm h3 {
    line-height:24px;
    margin-bottom:8px;
    color:#3b3e40;
    font-size:12px;
    font-weight:600
}
.Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__section-item___ee8hm li {
    font-size:12px
}
.Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__section-item___ee8hm li:not(:last-child) {
    margin-bottom:8px
}
.Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__section-item___ee8hm li a {
    display:inline-block;
    text-decoration:none;
    color:#6c7073;
    font-size:12px;
    line-height:24px
}
.Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__section-item___ee8hm li a:hover {
    color:#0060ef
}
.Footer-module__www-footer___pccsl {
    padding:0 0 72px;
    position:relative
}
.Footer-module__www-footer___pccsl .Footer-module__container___1czbF {
    width:1200px;
    margin:0 auto;
    position:relative
}
.Footer-module__www-footer___pccsl .Footer-module__footer-top___9_5cz {
    display:flex;
    flex-basis:0;
    border-bottom:1px solid #f0f1f2;
    padding-bottom:16px;
    margin-bottom:16px;
    line-height:24px;
    height:40px
}
.Footer-module__www-footer___pccsl .Footer-module__kr-policy-footer___1ydvG {
    font-size:12px;
    line-height:24px;
    color:#6c7073;
    margin-top:16px
}
.Footer-module__www-footer___pccsl .Footer-module__section-item___ee8hm {
    flex-grow:1;
    font-weight:400;
    font-size:12px;
    color:#6c7073;
    height:24px;
    line-height:24px
}
.Footer-module__www-footer___pccsl .Footer-module__footer-logo___3D10E img {
    width:42px;
    height:24px;
    vertical-align:middle
}
.Footer-module__www-footer___pccsl .Footer-module__footer-logo___3D10E a {
    display:inline-block;
    line-height:24px
}
.Footer-module__www-footer___pccsl .Footer-module__footer-logo___3D10E a:not(:last-child) {
    margin-right:24px
}
.Footer-module__www-footer___pccsl .Footer-module__footer-logo___3D10E a.Footer-module__logo-img___1lAl9 {
    display:inline-block;
    height:24px;
    width:42px;
    margin-right:32px
}
.Footer-module__www-footer___pccsl .Footer-module__footer-logo___3D10E a:hover {
    color:#0060ef
}
.Footer-module__www-footer___pccsl .Footer-module__copyright___ih-u4 {
    display:flex;
    flex-basis:0
}
.Footer-module__www-footer___pccsl .Footer-module__footer-copyright___2bGC9 {
    text-align:left;
    font-weight:400;
    font-size:12px;
    color:#6c7073;
    height:24px
}
.Footer-module__www-footer___pccsl .Footer-module__footer-copyright___2bGC9 span {
    display:inline-block;
    line-height:24px
}
.Footer-module__www-footer___pccsl .Footer-module__footer-copyright___2bGC9 .Footer-module__service___3MwJr {
    margin-left:32px
}
.Footer-module__www-footer___pccsl .Footer-module__footer-copyright___2bGC9 .Footer-module__service___3MwJr a {
    position:relative;
    display:inline-block
}
.Footer-module__www-footer___pccsl .Footer-module__footer-copyright___2bGC9 .Footer-module__service___3MwJr a:not(:last-child) {
    margin-right:20px
}
.Footer-module__www-footer___pccsl .Footer-module__footer-copyright___2bGC9 .Footer-module__service___3MwJr a:hover {
    color:#0060ef;
    cursor:pointer
}
.Footer-module__www-footer___pccsl .Footer-module__footer-copyright___2bGC9 .Footer-module__service___3MwJr .Footer-module__point___Wxle4 {
    width:2px;
    height:2px;
    border-radius:50%;
    background:#6c7073;
    position:absolute;
    right:-10px;
    top:50%;
    transform:translateY(-50%)
}
.Footer-module__www-footer___pccsl .Footer-module__footer-copyright___2bGC9 .Footer-module__service___3MwJr a:last-child .Footer-module__point___Wxle4 {
    display:none
}
.Footer-module__www-footer___pccsl .Footer-module__footer-social___20AIO {
    display:flex;
    justify-content:right
}
.Footer-module__www-footer___pccsl .Footer-module__footer-social___20AIO a {
    display:inline-block;
    width:24px;
    height:24px;
    cursor:pointer
}
.Footer-module__www-footer___pccsl .Footer-module__footer-social___20AIO a i {
    display:inline-block;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center
}
.Footer-module__www-footer___pccsl .Footer-module__footer-social___20AIO .Footer-module__fa-youku___1CK_R {
    background:url('//store-cdn.djiits.com/assets/www/new/images/common/youku-d96cab2a4189db500a45111d26a85745.svg');
    position:relative;
    top:2px;
    width:15px;
    height:18px;
    -ms-background-size:15px 18px;
    background-size:15px 18px
}
.Footer-module__www-footer___pccsl .Footer-module__footer-social___20AIO .Footer-module__link___3GIPQ {
    padding:4px;
    box-sizing:content-box;
    box-sizing:initial;
    border-radius:16px;
    margin-top:-4px;
    display:flex;
    align-items:center;
    justify-content:center
}
.Footer-module__www-footer___pccsl .Footer-module__footer-social___20AIO .Footer-module__link___3GIPQ:last-child {
    margin-right:0
}
.Footer-module__www-footer___pccsl .Footer-module__footer-social___20AIO .Footer-module__link___3GIPQ:hover {
    background:rgba(0,0,0,.04)
}
.Footer-module__www-footer___pccsl .Footer-module__footer-click___7At4L {
    font-size:12px;
    color:#6c7073
}
.Footer-module__www-footer___pccsl .Footer-module__footer-click___7At4L a {
    display:inline-block;
    line-height:24px
}
.Footer-module__www-footer___pccsl .Footer-module__footer-click___7At4L a:hover {
    color:#0060ef
}
.Footer-module__mobile-content___1Kc3K {
    display:none
}
.Footer-module__pc-content___2jb3Y {
    display:block
}
@media screen and (min-width:768px) and (max-width:826px) {
    .Footer-module__www-footer___pccsl .Footer-module__footer-copyright___2bGC9 .Footer-module__service___3MwJr {
        display:block;
        margin-left:0
    }
}
@media screen and (min-width:768px) and (max-width:1260px) {
    .Footer-module__store-footer___2JSCH .Footer-module__container___1czbF {
        padding:0 24px 48px 24px;
        width:100%
    }
    .Footer-module__footer-container___1pvmZ {
        max-width:100%;
        min-width:100%
    }
    .Footer-module__www-footer___pccsl .Footer-module__container___1czbF {
        width:100%;
        padding:0 24px
    }
}
.Footer-module__mobile-ui-popover___3fML3,
.Footer-module__mobile-ui___1X5T8 {
    display:none
}
.Footer-module__pc-ui___1KBaf {
    display:flex;
    justify-content:space-between
}
.Footer-module__popover___2tSvO {
    display:inherit
}
@media screen and (max-width:767px) {
    .Footer-module__footer___gYz5F {
        padding-top:0;
        background:#fff
    }
    .Footer-module__footer-container___1pvmZ {
        max-width:100%;
        min-width:100%
    }
    .Footer-module__store-footer___2JSCH .Footer-module__container___1czbF {
        width:100%;
        padding:0 24px 8px 24px;
        display:flex;
        justify-content:space-between;
        flex-direction:column
    }
    .Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__section-item___ee8hm h3 {
        display:none
    }
    .Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__section-item___ee8hm li:not(:last-child) {
        margin-bottom:0
    }
    .Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__mobile-content___1Kc3K {
        display:block
    }
    .Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__pc-content___2jb3Y {
        display:none
    }
    .Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__collapse-nav___30srm .Footer-module__title___AtWzu {
        font-size:12px;
        line-height:24px;
        color:#3b3e40;
        font-weight:600
    }
    .Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__collapse-nav___30srm .Footer-module__link___3GIPQ {
        font-size:12px;
        padding:4px 8px;
        color:#3b3e40
    }
    .Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__collapse-nav___30srm .quark-collapse-item .quark-collapse-header[tabindex]:focus {
        outline:0
    }
    .Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__section-item-subscribe___3_5sy {
        display:none
    }
    .Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__country-selector___3GXsa {
        display:flex;
        font-size:12px;
        justify-content:space-between;
        align-items:center;
        border-bottom:.0625rem solid #d4d7d9;
        padding-bottom:1rem;
        margin-bottom:1rem;
        -webkit-tap-highlight-color:transparent
    }
    .Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__country-selector___3GXsa .Footer-module__country-selector-text___2Xfhy {
        display:flex;
        align-items:center
    }
    .Footer-module__store-footer___2JSCH .Footer-module__container___1czbF .Footer-module__country-selector___3GXsa .Footer-module__country-selector-text___2Xfhy>span {
        margin-left:8px
    }
    .Footer-module__www-footer___pccsl {
        padding:0 0 60px
    }
    .Footer-module__www-footer___pccsl .Footer-module__container___1czbF {
        width:100%;
        align-items:center;
        padding-bottom:0;
        margin-bottom:0;
        line-height:0
    }
    .Footer-module__www-footer___pccsl .Footer-module__container___1czbF .Footer-module__footer-top___9_5cz {
        border-bottom:none;
        padding-bottom:0;
        margin-bottom:8px;
        height:auto;
        height:initial
    }
    .Footer-module__www-footer___pccsl .Footer-module__container___1czbF .Footer-module__footer-top___9_5cz .Footer-module__footer-logo___3D10E {
        display:none
    }
    .Footer-module__www-footer___pccsl .Footer-module__container___1czbF .Footer-module__footer-top___9_5cz .Footer-module__footer-social___20AIO {
        text-align:left;
        justify-content:left;
        padding:0 20px
    }
    .Footer-module__www-footer___pccsl .Footer-module__container___1czbF .Footer-module__copyright___ih-u4 {
        padding:0 24px 0 20px
    }
    .Footer-module__www-footer___pccsl .Footer-module__container___1czbF .Footer-module__copyright___ih-u4 .Footer-module__footer-click___7At4L {
        display:none
    }
    .Footer-module__www-footer___pccsl .Footer-module__container___1czbF .Footer-module__copyright___ih-u4 .Footer-module__point___Wxle4 {
        display:none
    }
    .Footer-module__www-footer___pccsl .Footer-module__container___1czbF .Footer-module__copyright___ih-u4 .Footer-module__service___3MwJr a:not(:last-child) {
        padding-right:0;
        margin-right:20px
    }
    .Footer-module__www-footer___pccsl .Footer-module__container___1czbF .Footer-module__copyright___ih-u4 .Footer-module__footer-copyright___2bGC9 {
        display:flex;
        flex-direction:column-reverse;
        height:auto
    }
    .Footer-module__www-footer___pccsl .Footer-module__container___1czbF .Footer-module__copyright___ih-u4 .Footer-module__footer-copyright___2bGC9 span {
        line-height:32px
    }
    .Footer-module__www-footer___pccsl .Footer-module__container___1czbF .Footer-module__copyright___ih-u4 .Footer-module__footer-copyright___2bGC9 .Footer-module__copyright-content___1GT2P {
        color:#9fa3a6
    }
    .Footer-module__www-footer___pccsl .Footer-module__container___1czbF .Footer-module__copyright___ih-u4 .Footer-module__footer-copyright___2bGC9 .Footer-module__service___3MwJr a:first-child {
        padding-right:0;
        margin-left:0
    }
    .Footer-module__www-footer___pccsl .Footer-module__container___1czbF .Footer-module__copyright___ih-u4 .Footer-module__footer-copyright___2bGC9 .Footer-module__service___3MwJr {
        margin-left:0
    }
    .Footer-module__mobile-ui___1X5T8 {
        display:block
    }
    .Footer-module__pc-ui___1KBaf {
        display:none
    }
    .Footer-module__popover___2tSvO {
        display:none
    }
    .Footer-module__mobile-ui-popover___3fML3 {
        display:inline-block
    }
}
@media (max-width:767px) {
    [data-page=product] .Footer-module__copyright___ih-u4 {
        padding-bottom:102px!important
    }
}
.Footer-module__pop-img___3VQ6j {
    width:136px;
    height:136px
}
.index-module__price-annotation-container___1nUoD {
    padding:32px 0;
    width:100%
}
.index-module__price-annotation-container___1nUoD .index-module__price-annotation-wrap___32Env {
    padding:0 24px
}
@media (min-width:768px) {
    .index-module__price-annotation-container___1nUoD .index-module__price-annotation-wrap___32Env {
        padding:0 56px
    }
}
@media (min-width:1200px) {
    .index-module__price-annotation-container___1nUoD .index-module__price-annotation-wrap___32Env {
        max-width:1200px;
        padding:0 24px
    }
}
.index-module__price-annotation-container___1nUoD .index-module__price-annotation-wrap___32Env .index-module__price-title___7xq4h {
    font-size:12px;
    line-height:16px;
    font-weight:600;
    color:rgba(0,0,0,.85)
}
.index-module__price-annotation-container___1nUoD .index-module__price-annotation-wrap___32Env .index-module__price-content___1Wd_r {
    font-size:12px;
    line-height:16px;
    margin-top:8px;
    color:rgba(0,0,0,.65)
}
.index-module__price-annotation-container___1nUoD .index-module__price-annotation-wrap___32Env .index-module__price-content___1Wd_r p+p {
    margin-top:8px
}
.index-module__price-annotation-container___1nUoD .index-module__price-annotation-wrap___32Env .index-module__price-content___1Wd_r li+li {
    margin-top:8px
}
.index-module__price-annotation-container___1nUoD .index-module__price-annotation-wrap___32Env .index-module__price-content___1Wd_r ul {
    list-style:none
}
.index-module__price-annotation-container___1nUoD .index-module__price-annotation-wrap___32Env .index-module__price-content___1Wd_r a {
    text-decoration:none
}
.Features-module__features___1m3VQ {
    flex-basis:0;
    border-bottom:1px solid #f0f1f2
}
@media screen and (max-width:1024px) {
    .Features-module__features___1m3VQ {
        display:none
    }
    .Features-module__features___1m3VQ .Features-module__features-container___1F8ix {
        display:flex;
        width:100%
    }
    .Features-module__features___1m3VQ .Features-module__features-section___3PCAI {
        display:none
    }
    .Features-module__features___1m3VQ .Features-module__au-section___3tNdZ {
        display:block
    }
    .Features-module__features___1m3VQ .Features-module__au-section___3tNdZ .Features-module__au-logo___2k77q .Features-module__au-image___3O3fO {
        width:100%;
        height:100%
    }
}
.Features-module__features___1m3VQ .Features-module__features-section___3PCAI {
    flex-grow:1;
    flex-basis:0;
    padding:48px 0;
    margin-right:16px
}
.Features-module__features___1m3VQ .Features-module__features-section___3PCAI.Features-module__last-child___3WZk0 {
    margin-right:0
}
.Features-module__features___1m3VQ .Features-module__features-section___3PCAI .Features-module__section-item___3EYcB {
    width:100%;
    height:auto;
    padding:0 16px;
    text-align:center;
    font-weight:lighter
}
.Features-module__features___1m3VQ .Features-module__features-section___3PCAI .Features-module__section-item___3EYcB>div {
    height:48px;
    margin-bottom:8px
}
.Features-module__features___1m3VQ .Features-module__features-section___3PCAI .Features-module__section-item___3EYcB>p {
    font-size:14px;
    line-height:24px;
    color:#6c7073;
    font-weight:400
}
.Features-module__features___1m3VQ .Features-module__features-section___3PCAI .Features-module__section-item___3EYcB>p a {
    color:#0060ef!important
}
.Features-module__features___1m3VQ .Features-module__features-section___3PCAI .Features-module__section-item___3EYcB>p a:hover {
    text-decoration:underline
}
.Features-module__features___1m3VQ .Features-module__features-section___3PCAI .Features-module__section-item___3EYcB img {
    width:48px;
    height:48px
}
.Features-module__features___1m3VQ .Features-module__features-section___3PCAI .Features-module__section-item___3EYcB .Features-module__shopping-img___1bEPW {
    display:block;
    width:auto;
    height:80px;
    margin:0 auto
}
.Features-module__features___1m3VQ .Features-module__features-section___3PCAI .Features-module__section-item___3EYcB .Features-module__au-logo___2k77q {
    display:inline-block;
    height:48px;
    margin-top:11px
}
.Features-module__features___1m3VQ .Features-module__features-section___3PCAI .Features-module__section-item___3EYcB .Features-module__au-logo___2k77q img {
    width:auto;
    height:48px
}
.Features-module__features___1m3VQ .Features-module__features-section___3PCAI .Features-module__section-item-vieid___2o9cV {
    width:100%;
    height:auto;
    padding:0 16px;
    text-align:center;
    font-weight:lighter
}
.Features-module__features___1m3VQ .Features-module__features-section___3PCAI .Features-module__section-item-vieid___2o9cV img {
    margin-top:4px
}
.Features-module__features___1m3VQ .Features-module__features-container___1F8ix {
    display:flex;
    width:100%;
    margin-left:auto;
    margin-right:auto
}
._3c0Qz {
    speak:none;
    font-style:normal;
    font-weight:400;
    font-feature-settings:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    display:inline-block
}
._1j2v0 {
    animation:-lu88 2s infinite linear
}
@keyframes -lu88 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(1turn)
    }
}
@font-face {
    font-family:quark;
    src:url(https://store-cdn.djiits.com/pkg/@4f2e/store-footer@f522a69a20505979b5e9b67b175496a17388ba36/static/media/8eab1e68e0d8fc383be4fbb81feace07.8eab1e68.eot);
    src:url(https://store-cdn.djiits.com/pkg/@4f2e/store-footer@f522a69a20505979b5e9b67b175496a17388ba36/static/media/8eab1e68e0d8fc383be4fbb81feace07.8eab1e68.eot?#iefix) format("embedded-opentype"),
    url(https://store-cdn.djiits.com/pkg/@4f2e/store-footer@f522a69a20505979b5e9b67b175496a17388ba36/static/media/08fd18c7730448410e3530c7ef6efdad.08fd18c7.woff) format("woff"),
    url(https://store-cdn.djiits.com/pkg/@4f2e/store-footer@f522a69a20505979b5e9b67b175496a17388ba36/static/media/185d47dc1a7b6b69d80957ddc8df3941.185d47dc.ttf) format("truetype"),
    url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIuL2ltZy8zMzc3Nzg2Y2Q2YWM2NjM1Zjg4MGRkMTY2NTM5NmFkYS5zdmciOw==#iconfont) format("svg");
    font-weight:400;
    font-style:normal
}
._35bgc:before {
    content:"\F2B9"
}
.byXrR:before {
    content:"\F2BB"
}
._128ri:before {
    content:"\F042"
}
._1KHsi:before {
    content:"\E917"
}
._2bT-Y:before {
    content:"\E348"
}
._3UEZX:before {
    content:"\ECA2"
}
._1fXKU:before {
    content:"\EE57"
}
._2OZ_n:before {
    content:"\F16D"
}
._6cr8a:before {
    content:"\E719"
}
.ZAGKa:before {
    content:"\F3FF"
}
._1lH5w:before {
    content:"\EBAD"
}
._3BSr4:before {
    content:"\E8B5"
}
._4wlbR:before {
    content:"\F0D1"
}
._26SUY:before {
    content:"\E3A8"
}
._30-mD:before {
    content:"\F057"
}
._1_xvC:before {
    content:"\F27D"
}
._17P2f:before {
    content:"\F099"
}
._2I_EY:before {
    content:"\F167"
}
._3qb3s:before {
    content:"\F0D7"
}
._2jwD5:before {
    content:"\F0D8"
}
._19X43:before {
    content:"\ECDE"
}
._2WwM4:before {
    content:"\E6C0"
}
._1shcg:before {
    content:"\ED3F"
}
._1qLWd:before {
    content:"\EBD6"
}
.Z8Prc:before {
    content:"\EFE0"
}
._3MItB:before {
    content:"\E65F"
}
._2Bvn6:before {
    content:"\E0CA"
}
._3IVo_:before {
    content:"\F100"
}
._34FGS:before {
    content:"\F107"
}
._3e62_:before {
    content:"\F101"
}
._1zbhS:before {
    content:"\F104"
}
._27RtX:before {
    content:"\F105"
}
.jhfcy:before {
    content:"\F106"
}
.Q82xM:before {
    content:"\E386"
}
._1vyf0:before {
    content:"\F05E"
}
.B0IHZ:before {
    content:"\F0A1"
}
._2cpQ_:before {
    content:"\F0C9"
}
._2FImd:before {
    content:"\EB68"
}
._3wXJB:before {
    content:"\EC02"
}
._2fXyR:before {
    content:"\EF8E"
}
._2KLCQ:before {
    content:"\EDD8"
}
._-4DAY:before {
    content:"\E540"
}
._2I4g3:before {
    content:"\F0A3"
}
._1m5z7:before {
    content:"\E753"
}
._1vR3p:before {
    content:"\EE6B"
}
._2LJ7o:before {
    content:"\F00C"
}
._3AQSX:before {
    content:"\F1CE"
}
._3ASBw:before {
    content:"\F017"
}
._6eszT:before {
    content:"\F013"
}
._1WxHW:before {
    content:"\F0EE"
}
._2uv1U:before {
    content:"\E688"
}
._3s-NW:before {
    content:"\E1F8"
}
._1ZzVY:before {
    content:"\E7E4"
}
.OBwuW:before {
    content:"\F0C5"
}
._2Ri-k:before {
    content:"\F066"
}
._1588m:before {
    content:"\ED6E"
}
._2uIqb:before {
    content:"\F09D"
}
._1P5xZ:before {
    content:"\F019"
}
._2iuBX:before {
    content:"\F044"
}
._1exha:before {
    content:"\F141"
}
._3bokS:before {
    content:"\ED0B"
}
.vMM-Y:before {
    content:"\F0E0"
}
._3jZwp:before {
    content:"\F142"
}
._2SUQ-:before {
    content:"\F06A"
}
._1Piil:before {
    content:"\F12A"
}
._20oXE:before {
    content:"\F321"
}
._2gTe8:before {
    content:"\F08E"
}
.okv_Y:before {
    content:"\F065"
}
._3l-6g:before {
    content:"\F06E"
}
.OhY9C:before {
    content:"\F15C"
}
.Cb5jY:before {
    content:"\F09A"
}
._1ajFe:before {
    content:"\F15B"
}
.ve2KQ:before {
    content:"\F1C1"
}
._3OU3j:before {
    content:"\EDCF"
}
.lgV2x:before {
    content:"\F0AC"
}
._1gQtG:before {
    content:"\E902"
}
._3Zaag:before {
    content:"\EE55"
}
._33jTA:before {
    content:"\F015"
}
._1jJbn:before {
    content:"\E348"
}
.UuxAk:before {
    content:"\F30F"
}
._1OEuY:before {
    content:"\F05A"
}
.Lm_MF:before {
    content:"\F129"
}
._3LwbN:before {
    content:"\F1AB"
}
._2XN05:before {
    content:"\F0C1"
}
._33OcX:before {
    content:"\E8C1"
}
.bMc_E:before {
    content:"\F124"
}
.IAlEP:before {
    content:"\F03A"
}
._25GQ2:before {
    content:"\ED51"
}
._3t3HT:before {
    content:"\F30D"
}
._2W_XA:before {
    content:"\EE36"
}
._3NPLS:before {
    content:"\F3C5"
}
.UhwjW:before {
    content:"\F068"
}
._2hDpl:before {
    content:"\F0C6"
}
.dCZz2:before {
    content:"\E70A"
}
._1FMUV:before {
    content:"\F144"
}
._2H8bj:before {
    content:"\F095"
}
._3KkpT:before {
    content:"\F067"
}
._23p5a:before {
    content:"\E85D"
}
._18A_e:before {
    content:"\F059"
}
.gf_rb:before {
    content:"\F029"
}
._1Djb6:before {
    content:"\F010"
}
._3d-6G:before {
    content:"\F002"
}
._1fawl:before {
    content:"\EA0F"
}
._20uY7:before {
    content:"\F00E"
}
._2Z6dE:before {
    content:"\F02B"
}
._1c3Qh:before {
    content:"\F064"
}
._1GlZx:before {
    content:"\E200"
}
._3hG3b:before {
    content:"\F00D"
}
._15wCJ:before {
    content:"\EEA2"
}
._1Rw_U:before {
    content:"\F2ED"
}
._2Jlwc:before {
    content:"\EAAA"
}
._1bahP:before {
    content:"\E872"
}
._27Nd-:before {
    content:"\F13E"
}
._3To44:before {
    content:"\F007"
}
._1O_Hy:before {
    content:"\F0C0"
}
.W6H_f:before {
    content:"\F03D"
}
._2_sls:before {
    content:"\E087"
}
._35BGQ:before {
    content:"\E665"
}
._3xfLM:before {
    content:"\E111"
}
._1pvYF:before {
    content:"\F055"
}
.quark-collapse {
    background-color:#fff;
    border-radius:.25rem;
    border:.0625rem solid #d4d7d9;
    border-bottom:0;
    margin-bottom:1rem
}
.quark-collapse:last-child {
    margin-bottom:0
}
.quark-collapse>.quark-collapse-item {
    border-bottom:.0625rem solid #d4d7d9
}
.quark-collapse>.quark-collapse-item:last-child,
.quark-collapse>.quark-collapse-item:last-child>.collapse-prefix-cls-header {
    border-radius:0 0 .25rem .25rem
}
.quark-collapse>.quark-collapse-item>.quark-collapse-header {
    font-size:1rem;
    line-height:1.5;
    padding:.75rem 1rem;
    color:#3b3e40;
    cursor:pointer;
    position:relative
}
.quark-collapse>.quark-collapse-item>.quark-collapse-header .quark-collapse-header-inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:relative;
    font-weight:500
}
.quark-collapse>.quark-collapse-item>.quark-collapse-header .quark-collapse-header-icon {
    color:#3b3e40
}
.quark-collapse-content {
    overflow:hidden;
    color:#3b3e40;
    padding:0 1rem;
    border-top:.0625rem solid #d4d7d9
}
.quark-collapse-content>.quark-collapse-content-box {
    padding-top:1rem;
    padding-bottom:1rem
}
.quark-collapse-content-inactive {
    display:none
}
.quark-collapse-item:last-child>.quark-collapse-content {
    border-radius:0 0 .25rem .25rem
}
.quark-collapse-tight {
    background-color:#fff;
    border:0;
    border-radius:0
}
.quark-collapse-tight>.quark-collapse-item {
    border-top:.0625rem solid #d4d7d9;
    border-bottom:0
}
.quark-collapse-tight>.quark-collapse-item:last-child {
    border-bottom:.0625rem solid #d4d7d9
}
.quark-collapse-tight>.quark-collapse-item:last-child,
.quark-collapse-tight>.quark-collapse-item:last-child .quark-collapse-header {
    border-radius:0
}
.quark-collapse-tight.quark-collapse-border-bottom .quark-collapse-item:first-child {
    border-top:0
}
.quark-collapse-tight.quark-collapse-border-top .quark-collapse-item:last-child {
    border-bottom:0
}
.quark-collapse-tight>.quark-collapse-item>.quark-collapse-content {
    background-color:transparent;
    border-top:0;
    padding-left:0;
    padding-right:0
}
.quark-collapse-tight>.quark-collapse-item>.quark-collapse-header {
    padding-left:0;
    padding-right:0
}
.quark-collapse-tight>.quark-collapse-item>.quark-collapse-content>.quark-collapse-content-box {
    padding-top:.25rem
}
.quark-collapse .quark-collapse-item-disabled>.quark-collapse-header,
.quark-collapse .quark-collapse-item-disabled>.quark-collapse-header .quark-collapse-header-icon {
    cursor:not-allowed;
    color:#d4d7d9
}
.quark-collapse-motion-collapse {
    overflow:hidden
}
.quark-collapse-motion-collapse-active {
    transition:height .15s ease-out,opacity .3s cubic-bezier(.23,1,.32,1)!important
}
.quark-collapse-header-icon {
    position:absolute;
    right:0;
    top:0;
    transform:rotate(0);
    opacity:1;
    transition:transform .3s ease-out,opacity .3s ease-out;
    line-height:inherit;
    display:block
}
.quark-collapse-header-icon-plus {
    visibility:visible
}
.quark-collapse-header-icon-minus {
    visibility:hidden
}
.quark-collapse-item-active>.quark-collapse-header .quark-collapse-header-icon-minus {
    opacity:1;
    transform:rotate(180deg);
    visibility:visible
}
.quark-collapse-item-active>.quark-collapse-header .quark-collapse-header-icon-plus {
    opacity:0;
    transform:rotate(180deg);
    visibility:hidden
}
.quark-collapse-dark {
    background:#f7f9fa;
    border:none
}
.quark-collapse-dark.quark-collapse-tight .quark-collapse-item:first-child {
    border-top:0
}
.quark-collapse-dark .quark-collapse-item:last-child {
    border-bottom:none
}
a.index-module__dji-link___2zSe3 {
    display:inline-block;
    transition:all .3s ease;
    cursor:pointer;
    text-decoration:none;
    outline:0
}
a.index-module__dji-link___2zSe3.index-module__focus-visible___23TPj {
    outline:4px solid #d6e8ff;
    border-radius:.1em;
    box-shadow:none
}
a.index-module__dji-link___2zSe3.focus-visible {
    outline:4px solid #d6e8ff;
    border-radius:.1em;
    box-shadow:none
}
a.index-module__dji-link___2zSe3:focus-visible {
    outline:4px solid #d6e8ff;
    border-radius:.1em;
    box-shadow:none
}
a.index-module__dji-link___2zSe3.index-module__underline___3iIwP span:hover {
    text-decoration:underline
}
a.index-module__dji-link___2zSe3.index-module__white-main___1op6N {
    color:#fff
}
a.index-module__dji-link___2zSe3.index-module__white-main___1op6N.index-module__disabled___2xSfy,
a.index-module__dji-link___2zSe3.index-module__white-main___1op6N:disabled {
    color:rgba(255,255,255,.3)
}
a.index-module__dji-link___2zSe3.index-module__black-main___MKPRu {
    color:rgba(0,0,0,.85)
}
.index-module__black-main___MKPRu::after {
    position:relative;
    background:#000;
    width:1px;
    height:100%
}
a.index-module__dji-link___2zSe3::after,
a.index-module__dji-link___2zSe3::before {
    display:inline-block;
    text-decoration:none;
    font-weight:300;
    padding-right:4px;
    padding-left:4px
}
a[data-test-locator=extraProductLink]::before,
a[data-test-locator=productDetailHrefLink]::before,
a[data-test-locator=productMoreHref]::before {
    height:100%;
    width:100%;
    content:'';
    position:absolute;
    top:0
}
a.index-module__dji-link___2zSe3.index-module__more___qEvTC {
    font-size:12px;
    line-height:23px
}
.Subscribe-module__subscribe___BAFrc {
    width:187px
}
.Subscribe-module__subscribe___BAFrc p {
    color:#979797;
    font-size:12px;
    padding-top:8px;
    padding-bottom:16px
}
.Subscribe-module__subscribe___BAFrc .Subscribe-module__subscribe-text___356ks {
    color:#6c7073;
    font-size:12px;
    line-height:16px;
    padding-bottom:16px
}
.Subscribe-module__subscribe___BAFrc .Subscribe-module__form-control___37521 {
    float:left;
    display:inline-block;
    height:32px;
    padding:0 8px;
    width:156px;
    font-size:12px;
    font-family:'Open Sans',BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
    line-height:32px;
    color:#6c7073;
    background-color:#fff;
    background-image:none;
    border:1px solid #d4d7d9;
    border-radius:4px 0 0 4px;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.Subscribe-module__subscribe___BAFrc .Subscribe-module__form-control___37521:focus {
    z-index:2;
    outline:0;
    border-color:#0060ef;
    box-shadow:0 0 0 4px rgba(0,112,213,.2)
}
.Subscribe-module__subscribe___BAFrc .Subscribe-module__btn-primary___2NiSZ {
    color:#fff;
    font-size:14px;
    background-color:#0060ef;
    width:32px;
    height:32px;
    line-height:32px;
    border-radius:0 4px 4px 0;
    text-transform:uppercase;
    display:inline-block;
    vertical-align:middle;
    margin:0 0 0 -1px;
    cursor:pointer;
    padding:0;
    outline:0;
    border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    font-family:inherit
}
.Subscribe-module__subscribe___BAFrc .Subscribe-module__btn-primary___2NiSZ:disabled {
    background-image:none;
    background-color:#6c7073;
    cursor:not-allowed;
    pointer-events:none;
    box-shadow:none
}
.Subscribe-module__subscribe___BAFrc .Subscribe-module__form-radius___QFM-m {
    border-radius:4px
}
.Subscribe-module__subscribe___BAFrc .Subscribe-module__error-info___1QhKM,
.Subscribe-module__subscribe___BAFrc .Subscribe-module__success-info___3sNSQ {
    display:inline-block;
    width:156px;
    line-height:16px;
    margin-top:8px;
    font-size:12px;
    color:#6c7073
}
.Subscribe-module__subscribe___BAFrc .Subscribe-module__error-info___1QhKM {
    color:#e74c3c
}
.quark-tooltip {
    position:absolute;
    z-index:1050;
    display:block;
    visibility:visible;
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
.quark-tooltip-hidden {
    display:none
}
.quark-tooltip-placement-top,
.quark-tooltip-placement-topLeft,
.quark-tooltip-placement-topRight {
    padding-bottom:.5rem
}
.quark-tooltip-placement-right,
.quark-tooltip-placement-rightBottom,
.quark-tooltip-placement-rightTop {
    padding-left:.5rem
}
.quark-tooltip-placement-bottom,
.quark-tooltip-placement-bottomLeft,
.quark-tooltip-placement-bottomRight {
    padding-top:.5rem
}
.quark-tooltip-placement-left,
.quark-tooltip-placement-leftBottom,
.quark-tooltip-placement-leftTop {
    padding-right:.5rem
}
.quark-tooltip-inner {
    max-width:18.75rem;
    padding:.375rem .5rem;
    color:#fff;
    text-align:left;
    text-decoration:none;
    background-color:#3b3e40;
    border-radius:.25rem;
    box-shadow:0 2px 8px rgba(0,0,0,.15);
    min-height:2rem
}
.quark-tooltip-arrow {
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
}
.quark-tooltip-placement-top .quark-tooltip-arrow,
.quark-tooltip-placement-topLeft .quark-tooltip-arrow,
.quark-tooltip-placement-topRight .quark-tooltip-arrow {
    bottom:.25rem;
    border-width:.25rem .25rem 0;
    border-top-color:#3b3e40
}
.quark-tooltip-placement-top .quark-tooltip-arrow {
    left:50%;
    margin-left:-.25rem
}
.quark-tooltip-placement-topLeft .quark-tooltip-arrow {
    left:1rem
}
.quark-tooltip-placement-topRight .quark-tooltip-arrow {
    right:1rem
}
.quark-tooltip-placement-right .quark-tooltip-arrow,
.quark-tooltip-placement-rightBottom .quark-tooltip-arrow,
.quark-tooltip-placement-rightTop .quark-tooltip-arrow {
    left:.25rem;
    border-width:.25rem .25rem .25rem 0;
    border-right-color:#3b3e40
}
.quark-tooltip-placement-right .quark-tooltip-arrow {
    top:50%;
    margin-top:-.25rem
}
.quark-tooltip-placement-rightTop .quark-tooltip-arrow {
    top:.5rem
}
.quark-tooltip-placement-rightBottom .quark-tooltip-arrow {
    bottom:.5rem
}
.quark-tooltip-placement-left .quark-tooltip-arrow,
.quark-tooltip-placement-leftBottom .quark-tooltip-arrow,
.quark-tooltip-placement-leftTop .quark-tooltip-arrow {
    right:.25rem;
    border-width:.25rem 0 .25rem .25rem;
    border-left-color:#3b3e40
}
.quark-tooltip-placement-left .quark-tooltip-arrow {
    top:50%;
    margin-top:-.25rem
}
.quark-tooltip-placement-leftTop .quark-tooltip-arrow {
    top:.5rem
}
.quark-tooltip-placement-leftBottom .quark-tooltip-arrow {
    bottom:.5rem
}
.quark-tooltip-placement-bottom .quark-tooltip-arrow,
.quark-tooltip-placement-bottomLeft .quark-tooltip-arrow,
.quark-tooltip-placement-bottomRight .quark-tooltip-arrow {
    top:.25rem;
    border-width:0 .25rem .25rem;
    border-bottom-color:#3b3e40
}
.quark-tooltip-placement-bottom .quark-tooltip-arrow {
    left:50%;
    margin-left:-.25rem
}
.quark-tooltip-placement-bottomLeft .quark-tooltip-arrow {
    left:1rem
}
.quark-tooltip-placement-bottomRight .quark-tooltip-arrow {
    right:1rem
}
.fade-in-enter {
    opacity:0
}
.fade-in-enter.fade-in-enter-active {
    opacity:1;
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
.fade-in-leave {
    opacity:1
}
.fade-in-leave.fade-in-leave-active {
    opacity:0;
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
.quark-popover {
    position:absolute;
    top:0;
    left:0;
    z-index:1030;
    cursor:auto;
    -webkit-user-select:text;
    -moz-user-select:text;
    user-select:text;
    white-space:normal;
    font-weight:400;
    text-align:left
}
.quark-popover:after {
    content:"";
    position:absolute;
    background:hsla(0,0%,100%,.01)
}
.quark-popover-hidden {
    display:none
}
.quark-popover-placement-top,
.quark-popover-placement-topLeft,
.quark-popover-placement-topRight {
    padding-bottom:.5rem
}
.quark-popover-placement-right,
.quark-popover-placement-rightBottom,
.quark-popover-placement-rightTop {
    padding-left:.5rem
}
.quark-popover-placement-bottom,
.quark-popover-placement-bottomLeft,
.quark-popover-placement-bottomRight {
    padding-top:.5rem
}
.quark-popover-placement-left,
.quark-popover-placement-leftBottom,
.quark-popover-placement-leftTop {
    padding-right:.5rem
}
.quark-popover-inner {
    background-color:#fff;
    background-clip:padding-box;
    border-radius:.25rem;
    box-shadow:0 .125rem .25rem rgba(0,0,0,.1)
}
.quark-popover-title {
    min-width:10rem;
    margin:0;
    padding:0 1rem;
    height:2.5rem;
    line-height:2.5rem;
    border-bottom:.0625rem solid #d4d7d9;
    color:#3b3e40;
    font-weight:500
}
.quark-popover-inner-content {
    color:#3b3e40
}
.quark-popover-message {
    padding:.25rem 0 .75rem;
    font-size:1rem;
    color:#3b3e40
}
.quark-popover-message .quark-popover-title {
    padding-left:1.5rem
}
.quark-popover-buttons {
    text-align:right;
    margin-bottom:.25rem
}
.quark-popover-buttons button {
    margin-left:.5rem
}
.quark-popover-arrow {
    background:#fff;
    width:.5rem;
    height:.5rem;
    transform:rotate(45deg);
    position:absolute;
    display:block;
    border-color:transparent;
    border-style:solid
}
.quark-popover-placement-top>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-topLeft>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-topRight>.quark-popover-content>.quark-popover-arrow {
    bottom:.25rem;
    box-shadow:3px 3px 7px rgba(0,0,0,.07)
}
.quark-popover-placement-top>.quark-popover-content>.quark-popover-arrow {
    left:50%;
    transform:translateX(-50%) rotate(45deg)
}
.quark-popover-placement-topLeft>.quark-popover-content>.quark-popover-arrow {
    left:1rem
}
.quark-popover-placement-topRight>.quark-popover-content>.quark-popover-arrow {
    right:1rem
}
.quark-popover-placement-right>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-rightBottom>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-rightTop>.quark-popover-content>.quark-popover-arrow {
    left:.25rem;
    box-shadow:-3px 3px 7px rgba(0,0,0,.07)
}
.quark-popover-placement-right>.quark-popover-content>.quark-popover-arrow {
    top:50%;
    transform:translateY(-50%) rotate(45deg)
}
.quark-popover-placement-rightTop>.quark-popover-content>.quark-popover-arrow {
    top:.75rem
}
.quark-popover-placement-rightBottom>.quark-popover-content>.quark-popover-arrow {
    bottom:.75rem
}
.quark-popover-placement-bottom>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-bottomLeft>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-bottomRight>.quark-popover-content>.quark-popover-arrow {
    top:.25rem;
    box-shadow:-1px -1px 4px rgba(0,0,0,.06)
}
.quark-popover-placement-bottom>.quark-popover-content>.quark-popover-arrow {
    left:50%;
    transform:translateX(-50%) rotate(45deg)
}
.quark-popover-placement-bottomLeft>.quark-popover-content>.quark-popover-arrow {
    left:1rem
}
.quark-popover-placement-bottomRight>.quark-popover-content>.quark-popover-arrow {
    right:1rem
}
.quark-popover-placement-left>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-leftBottom>.quark-popover-content>.quark-popover-arrow,
.quark-popover-placement-leftTop>.quark-popover-content>.quark-popover-arrow {
    right:.25rem;
    box-shadow:3px -3px 7px rgba(0,0,0,.07)
}
.quark-popover-placement-left>.quark-popover-content>.quark-popover-arrow {
    top:50%;
    transform:translateY(-50%) rotate(45deg)
}
.quark-popover-placement-leftTop>.quark-popover-content>.quark-popover-arrow {
    top:.75rem
}
.quark-popover-placement-leftBottom>.quark-popover-content>.quark-popover-arrow {
    bottom:.75rem
}
._3c0Qz {
    speak:none;
    font-style:normal;
    font-weight:400;
    font-feature-settings:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    display:inline-block
}
._1j2v0 {
    animation:-lu88 2s infinite linear
}
@keyframes -lu88 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(1turn)
    }
}
@font-face {
    font-family:quark;
    src:url(//store-cdn.djiits.com/assets/v3/static/media/8eab1e68e0d8fc383be4fbb81feace07.8eab1e68.eot);
    src:url(//store-cdn.djiits.com/assets/v3/static/media/8eab1e68e0d8fc383be4fbb81feace07.8eab1e68.eot?#iefix) format("embedded-opentype"),
    url(//store-cdn.djiits.com/assets/v3/static/media/08fd18c7730448410e3530c7ef6efdad.08fd18c7.woff) format("woff"),
    url(//store-cdn.djiits.com/assets/v3/static/media/185d47dc1a7b6b69d80957ddc8df3941.185d47dc.ttf) format("truetype"),
    url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIuL2ltZy8zMzc3Nzg2Y2Q2YWM2NjM1Zjg4MGRkMTY2NTM5NmFkYS5zdmciOw==#iconfont) format("svg");
    font-weight:400;
    font-style:normal
}
._35bgc:before {
    content:"\F2B9"
}
.byXrR:before {
    content:"\F2BB"
}
._128ri:before {
    content:"\F042"
}
._1KHsi:before {
    content:"\E917"
}
._2bT-Y:before {
    content:"\E348"
}
._3UEZX:before {
    content:"\ECA2"
}
._1fXKU:before {
    content:"\EE57"
}
._2OZ_n:before {
    content:"\F16D"
}
._6cr8a:before {
    content:"\E719"
}
.ZAGKa:before {
    content:"\F3FF"
}
._1lH5w:before {
    content:"\EBAD"
}
._3BSr4:before {
    content:"\E8B5"
}
._4wlbR:before {
    content:"\F0D1"
}
._26SUY:before {
    content:"\E3A8"
}
._30-mD:before {
    content:"\F057"
}
._1_xvC:before {
    content:"\F27D"
}
._17P2f:before {
    content:"\F099"
}
._2I_EY:before {
    content:"\F167"
}
._3qb3s:before {
    content:"\F0D7"
}
._2jwD5:before {
    content:"\F0D8"
}
._19X43:before {
    content:"\ECDE"
}
._2WwM4:before {
    content:"\E6C0"
}
._1shcg:before {
    content:"\ED3F"
}
._1qLWd:before {
    content:"\EBD6"
}
.Z8Prc:before {
    content:"\EFE0"
}
._3MItB:before {
    content:"\E65F"
}
._2Bvn6:before {
    content:"\E0CA"
}
._3IVo_:before {
    content:"\F100"
}
._34FGS:before {
    content:"\F107"
}
._3e62_:before {
    content:"\F101"
}
._1zbhS:before {
    content:"\F104"
}
._27RtX:before {
    content:"\F105"
}
.jhfcy:before {
    content:"\F106"
}
.Q82xM:before {
    content:"\E386"
}
._1vyf0:before {
    content:"\F05E"
}
.B0IHZ:before {
    content:"\F0A1"
}
._2cpQ_:before {
    content:"\F0C9"
}
._2FImd:before {
    content:"\EB68"
}
._3wXJB:before {
    content:"\EC02"
}
._2fXyR:before {
    content:"\EF8E"
}
._2KLCQ:before {
    content:"\EDD8"
}
._-4DAY:before {
    content:"\E540"
}
._2I4g3:before {
    content:"\F0A3"
}
._1m5z7:before {
    content:"\E753"
}
._1vR3p:before {
    content:"\EE6B"
}
._2LJ7o:before {
    content:"\F00C"
}
._3AQSX:before {
    content:"\F1CE"
}
._3ASBw:before {
    content:"\F017"
}
._6eszT:before {
    content:"\F013"
}
._1WxHW:before {
    content:"\F0EE"
}
._2uv1U:before {
    content:"\E688"
}
._3s-NW:before {
    content:"\E1F8"
}
._1ZzVY:before {
    content:"\E7E4"
}
.OBwuW:before {
    content:"\F0C5"
}
._2Ri-k:before {
    content:"\F066"
}
._1588m:before {
    content:"\ED6E"
}
._2uIqb:before {
    content:"\F09D"
}
._1P5xZ:before {
    content:"\F019"
}
._2iuBX:before {
    content:"\F044"
}
._1exha:before {
    content:"\F141"
}
._3bokS:before {
    content:"\ED0B"
}
.vMM-Y:before {
    content:"\F0E0"
}
._3jZwp:before {
    content:"\F142"
}
._2SUQ-:before {
    content:"\F06A"
}
._1Piil:before {
    content:"\F12A"
}
._20oXE:before {
    content:"\F321"
}
._2gTe8:before {
    content:"\F08E"
}
.okv_Y:before {
    content:"\F065"
}
._3l-6g:before {
    content:"\F06E"
}
.OhY9C:before {
    content:"\F15C"
}
.Cb5jY:before {
    content:"\F09A"
}
._1ajFe:before {
    content:"\F15B"
}
.ve2KQ:before {
    content:"\F1C1"
}
._3OU3j:before {
    content:"\EDCF"
}
.lgV2x:before {
    content:"\F0AC"
}
._1gQtG:before {
    content:"\E902"
}
._3Zaag:before {
    content:"\EE55"
}
._33jTA:before {
    content:"\F015"
}
._1jJbn:before {
    content:"\E348"
}
.UuxAk:before {
    content:"\F30F"
}
._1OEuY:before {
    content:"\F05A"
}
.Lm_MF:before {
    content:"\F129"
}
._3LwbN:before {
    content:"\F1AB"
}
._2XN05:before {
    content:"\F0C1"
}
._33OcX:before {
    content:"\E8C1"
}
.bMc_E:before {
    content:"\F124"
}
.IAlEP:before {
    content:"\F03A"
}
._25GQ2:before {
    content:"\ED51"
}
._3t3HT:before {
    content:"\F30D"
}
._2W_XA:before {
    content:"\EE36"
}
._3NPLS:before {
    content:"\F3C5"
}
.UhwjW:before {
    content:"\F068"
}
._2hDpl:before {
    content:"\F0C6"
}
.dCZz2:before {
    content:"\E70A"
}
._1FMUV:before {
    content:"\F144"
}
._2H8bj:before {
    content:"\F095"
}
._3KkpT:before {
    content:"\F067"
}
._23p5a:before {
    content:"\E85D"
}
._18A_e:before {
    content:"\F059"
}
.gf_rb:before {
    content:"\F029"
}
._1Djb6:before {
    content:"\F010"
}
._3d-6G:before {
    content:"\F002"
}
._1fawl:before {
    content:"\EA0F"
}
._20uY7:before {
    content:"\F00E"
}
._2Z6dE:before {
    content:"\F02B"
}
._1c3Qh:before {
    content:"\F064"
}
._1GlZx:before {
    content:"\E200"
}
._3hG3b:before {
    content:"\F00D"
}
._15wCJ:before {
    content:"\EEA2"
}
._1Rw_U:before {
    content:"\F2ED"
}
._2Jlwc:before {
    content:"\EAAA"
}
._1bahP:before {
    content:"\E872"
}
._27Nd-:before {
    content:"\F13E"
}
._3To44:before {
    content:"\F007"
}
._1O_Hy:before {
    content:"\F0C0"
}
.W6H_f:before {
    content:"\F03D"
}
._2_sls:before {
    content:"\E087"
}
._35BGQ:before {
    content:"\E665"
}
._3xfLM:before {
    content:"\E111"
}
._1pvYF:before {
    content:"\F055"
}
._3TvKd {
    margin-right:4px
}
.xnv6R {
    display:inline-flex;
    font-weight:400;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    border:none;
    color:#3b3e40;
    transition:all .3s cubic-bezier(.23,1,.32,1);
    justify-content:center;
    align-items:center
}
.xnv6R:active,
.xnv6R:focus,
.xnv6R:hover {
    text-decoration:none
}
.xnv6R._3e-BG {
    outline:0
}
._3RO_K {
    display:block;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis
}
._3RO_K+._3RO_K {
    margin-top:.5rem
}
._19X_H {
    color:#fff;
    background-color:rgba(0,0,0,.85)
}
._19X_H:focus,
._19X_H:hover {
    background-color:rgba(0,0,0,.65)
}
._19X_H:active {
    background-color:rgba(0,0,0,.45)
}
._8oCtR {
    background-color:#fff;
    border:1px solid rgba(0,0,0,.85);
    color:#3b3e40
}
._8oCtR:focus,
._8oCtR:hover {
    border-color:transparent;
    color:#fff;
    background-color:rgba(0,0,0,.65)
}
._8oCtR:active {
    border-color:transparent;
    color:#fff;
    background-color:rgba(0,0,0,.45)
}
._1bpad {
    background-color:rgba(0,0,0,.04)
}
._1bpad:focus,
._1bpad:hover {
    background-color:rgba(0,0,0,.08)
}
._1bpad:active {
    background-color:rgba(0,0,0,.12)
}
._27-6k {
    background-color:#fff
}
._27-6k:focus,
._27-6k:hover {
    background-color:hsla(0,0%,100%,.65)
}
._27-6k:active {
    background-color:hsla(0,0%,100%,.45)
}
._2QwEc {
    color:#fff;
    background-color:#0060ef
}
._2QwEc:focus,
._2QwEc:hover {
    background-color:#004ecb
}
._2QwEc:active {
    background-color:#003ea8
}
._3IIr- {
    color:#fff;
    background-color:#e64839
}
._3IIr-:focus,
._3IIr-:hover {
    background-color:#bd2a17
}
._3IIr-:active {
    background-color:#941600
}
._16fYW {
    color:#fff;
    background-color:#47b347
}
._16fYW:focus,
._16fYW:hover {
    background-color:#2c9934
}
._16fYW:active {
    background-color:#178025
}
.upL7u {
    color:#fff;
    background-color:#e67e22
}
.upL7u:focus,
.upL7u:hover {
    background-color:#bd5e00
}
.upL7u:active {
    background-color:#944f00
}
._3oax7 {
    color:#fff;
    background-color:hsla(0,0%,100%,.08)
}
._3oax7:focus,
._3oax7:hover {
    background-color:hsla(0,0%,100%,.12)
}
._3oax7:active {
    background-color:hsla(0,0%,100%,.2)
}
._958V1 {
    border-radius:200rem
}
._22qIt {
    border-radius:.25rem
}
.mrbT4 {
    border-radius:0
}
._1i5fk {
    font-size:1rem;
    line-height:1.25;
    padding:.875rem 2rem
}
._1i5fk:not(._1FsY1) {
    min-width:80px;
    min-height:48px
}
._1i5fk._1FsY1 {
    width:3rem;
    height:3rem
}
._1i5fk._8oCtR {
    font-size:1rem;
    line-height:1.25
}
._1i5fk._8oCtR._1FsY1 {
    width:3rem;
    height:3rem
}
._1i5fk._1FsY1 {
    padding:0 .875rem
}
._1i5fk._8oCtR {
    padding:0 1.9375rem
}
.p8s4W {
    font-size:1rem;
    line-height:1.25;
    padding:.625rem 1rem
}
.p8s4W:not(._1FsY1) {
    min-width:80px;
    min-height:40px
}
.p8s4W._1FsY1 {
    width:2.5rem;
    height:2.5rem
}
.p8s4W._8oCtR {
    font-size:1rem;
    line-height:1.25
}
.p8s4W._8oCtR._1FsY1 {
    width:2.5rem;
    height:2.5rem
}
.p8s4W._1FsY1 {
    padding:0 .625rem
}
.p8s4W._8oCtR {
    padding:0 .9375rem
}
@media (max-width:767px) {
    .p8s4W {
        font-size:.875rem;
        line-height:1.25
    }
    .p8s4W._1FsY1 {
        width:1.84375rem;
        height:1.84375rem
    }
    .p8s4W._8oCtR {
        font-size:.875rem;
        line-height:1.25
    }
    .p8s4W._8oCtR._1FsY1 {
        width:1.84375rem;
        height:1.84375rem
    }
}
._27-yu {
    font-size:.875rem;
    line-height:1.25;
    padding:.375rem .75rem
}
._27-yu:not(._1FsY1) {
    min-width:64px;
    min-height:32px
}
._27-yu._1FsY1 {
    width:1.84375rem;
    height:1.84375rem
}
._27-yu._8oCtR {
    font-size:.875rem;
    line-height:1.25
}
._27-yu._8oCtR._1FsY1 {
    width:1.84375rem;
    height:1.84375rem
}
._27-yu._1FsY1 {
    padding:0 .375rem
}
._27-yu._8oCtR {
    padding:0 .6875rem
}
._2ghvt {
    font-size:.75rem;
    line-height:1;
    padding:.375rem .625rem
}
._2ghvt:not(._1FsY1) {
    min-width:48px;
    min-height:28px
}
._2ghvt._1FsY1 {
    width:1.5rem;
    height:1.5rem
}
._2ghvt._8oCtR {
    font-size:.75rem;
    line-height:1
}
._2ghvt._8oCtR._1FsY1 {
    width:1.5rem;
    height:1.5rem
}
._2ghvt._1FsY1 {
    padding:0 .375rem
}
._2ghvt._8oCtR {
    padding:0 .5625rem
}
._21L3I {
    font-size:.75rem;
    line-height:1;
    padding:.375rem .625rem
}
._21L3I:not(._1FsY1) {
    min-width:48px;
    min-height:28px
}
._21L3I._1FsY1 {
    width:1.5rem;
    height:1.5rem
}
._21L3I._8oCtR {
    font-size:.75rem;
    line-height:1
}
._21L3I._8oCtR._1FsY1 {
    width:1.5rem;
    height:1.5rem
}
._21L3I._1FsY1 {
    padding:0 .375rem
}
._21L3I._8oCtR {
    padding:0 .5625rem
}
.xnv6R:disabled {
    background-color:#f0f1f2;
    color:#9fa3a6;
    cursor:not-allowed;
    background-image:none
}
.xnv6R:disabled._19X_H {
    color:hsla(0,0%,100%,.3);
    background-color:rgba(0,0,0,.85);
    border:none
}
.xnv6R:disabled._1bpad {
    background-color:rgba(0,0,0,.04);
    color:rgba(0,0,0,.25);
    border:none
}
.xnv6R:disabled._27-6k {
    color:rgba(0,0,0,.25);
    background-color:#fff;
    border:none
}
.xnv6R:disabled._2QwEc {
    background-color:#0060ef;
    color:hsla(0,0%,100%,.45);
    border:none
}
.xnv6R:disabled._8oCtR {
    background-color:#fff;
    color:#d4d7d9;
    border:none
}
.xnv6R:disabled._3IIr- {
    background-color:#e64839;
    color:hsla(0,0%,100%,.45);
    border:none
}
.xnv6R:disabled._16fYW {
    background-color:#47b347;
    color:hsla(0,0%,100%,.45);
    border:none
}
.xnv6R:disabled.upL7u {
    background-color:#e67e22;
    color:hsla(0,0%,100%,.45);
    border:none
}
.xnv6R:disabled._3oax7 {
    background-color:hsla(0,0%,100%,.08);
    border:none;
    color:hsla(0,0%,100%,.3)
}
._1wazg {
    cursor:not-allowed
}
._1wazg._19X_H {
    color:hsla(0,0%,100%,.3);
    background-color:rgba(0,0,0,.85)
}
._1wazg._19X_H,
._1wazg._8oCtR {
    background-image:none;
    border:none
}
._1wazg._8oCtR {
    background-color:#fff;
    color:#d4d7d9
}
._1wazg._1bpad {
    background-color:rgba(0,0,0,.04);
    background-image:none
}
._1wazg._1bpad,
._1wazg._27-6k {
    color:rgba(0,0,0,.25);
    border:none
}
._1wazg._27-6k {
    background-color:#fff
}
._1wazg._2QwEc {
    background-color:#0060ef
}
._1wazg._2QwEc,
._1wazg._3IIr- {
    background-image:none;
    color:hsla(0,0%,100%,.45);
    border:none
}
._1wazg._3IIr- {
    background-color:#e64839
}
._1wazg._16fYW {
    background-color:#47b347
}
._1wazg._16fYW,
._1wazg.upL7u {
    background-image:none;
    color:hsla(0,0%,100%,.45);
    border:none
}
._1wazg.upL7u {
    background-color:#e67e22
}
._1wazg._3oax7 {
    background-color:hsla(0,0%,100%,.08);
    border:none;
    color:hsla(0,0%,100%,.3)
}
._1nhYK {
    text-decoration:none
}
.j7iyJ {
    margin-right:4px
}
._5iCMy {
    opacity:0
}
._3N80o {
    transition:all .5s cubic-bezier(.23,1,.32,1)
}
._3N80o,
._3jNlY {
    opacity:1
}
._249s1 {
    opacity:0;
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
._3XtIS {
    display:none!important
}
.RBtig {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(35,37,38,.7)
}
._1SoeU {
    padding:1.5rem;
    overflow:auto;
    overscroll-behavior:contain
}
._2bhiO {
    padding:.6875rem 1.5rem .75rem;
    border-top:.0625rem solid #d4d7d9
}
._5FUC {
    height:3.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 2.5rem;
    font-weight:500;
    overflow:hidden;
    text-overflow:ellipsis
}
._19qBt {
    background-color:#fff;
    border-bottom:.0625rem solid #d4d7d9
}
._1fEts {
    background-color:#0060ef;
    color:#fff
}
._2-nfI {
    background-color:#47b347;
    color:#fff
}
.UT4Rh {
    background-color:#e64839;
    color:#fff
}
._134Zt {
    background-color:#e67e22;
    color:#fff
}
.Vsj0k {
    background-color:#3b3e40;
    color:#fff
}
._3WeTt {
    opacity:0;
    transform:translate3d(0,100%,0)
}
._2_fNz {
    transition:all .5s cubic-bezier(.23,1,.32,1)
}
._29zRf,
._2_fNz {
    opacity:1;
    transform:none
}
._29zRf {
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
.bsi6l {
    opacity:0;
    transform:translate3d(0,100%,0)
}
._1ffJd {
    display:none!important
}
._2fvBN {
    opacity:0;
    transform:translateY(-5rem)
}
.kvUUT {
    transition:all .5s cubic-bezier(.23,1,.32,1)
}
.F2CYv,
.kvUUT {
    opacity:1;
    transform:translateY(0)
}
.ssUw_ {
    opacity:0;
    transform:translateY(-5rem);
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
._5gj5g {
    display:none!important
}
._2PzHu {
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    justify-content:center;
    align-items:center
}
._2PzHu._1naMW,
._2PzHu:focus {
    outline:initial
}
._12j5q {
    top:0
}
.g2SoP {
    align-items:flex-end;
    background-color:#fff
}
.g2SoP ._3U3Et {
    border-radius:0
}
._3U3Et {
    border-radius:.25rem;
    background-color:#fff;
    overflow:hidden;
    position:relative
}
._2b7K4 {
    width:72rem
}
._3XX52 {
    width:56.5rem
}
._168gc {
    width:37.5rem
}
._3N4z4 {
    width:24.75rem
}
._33vWN {
    width:18.5rem
}
._1hhu5 {
    width:0;
    height:0;
    border:0;
    overflow:hidden;
    outline:initial
}
._17SAi {
    display:flex;
    justify-content:flex-end
}
._17SAi button {
    margin-left:.5rem
}
._17SAi button:first-child {
    margin-left:0
}
._2ND-v {
    position:absolute;
    right:1.25rem;
    top:1.25rem;
    display:block;
    height:1rem;
    width:1rem;
    font-size:0;
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    transition:all .15s cubic-bezier(.23,1,.32,1)
}
._2ND-v i {
    font-size:1rem
}
._2VI4U,
._32gGw {
    color:#9fa3a6
}
._2VI4U:active,
._2VI4U:focus,
._2VI4U:hover,
._32gGw:active,
._32gGw:focus,
._32gGw:hover {
    color:#3b3e40
}
.SGzBY,
._2P3bW,
._2RlE1,
._2YiVO,
._3LZfU,
.kmSxj {
    color:hsla(0,0%,100%,.7)
}
.SGzBY:active,
.SGzBY:focus,
.SGzBY:hover,
._2P3bW:active,
._2P3bW:focus,
._2P3bW:hover,
._2RlE1:active,
._2RlE1:focus,
._2RlE1:hover,
._2YiVO:active,
._2YiVO:focus,
._2YiVO:hover,
._3LZfU:active,
._3LZfU:focus,
._3LZfU:hover,
.kmSxj:active,
.kmSxj:focus,
.kmSxj:hover {
    color:#fff
}
.leytg {
    position:relative;
    display:inline-flex;
    justify-content:flex-start;
    min-width:18rem
}
._1Fbwl,
.leytg {
    width:100%
}
._3Nq3W {
    font-size:1rem;
    line-height:1.5;
    font-weight:500
}
._38_U0 {
    font-size:.875rem;
    line-height:1.5;
    margin-top:.5rem
}
._2gf0i,
._2l3Wv {
    font-size:1.5rem;
    height:1.5rem;
    min-width:1.5rem;
    margin-right:.5rem
}
._3GTn6 {
    color:#0060ef
}
._38rwj {
    color:#47b347
}
._28BxZ {
    color:#e64839
}
.Jf-sC {
    color:#e67e22
}
._303Q5 {
    color:#3b3e40
}
._1gPIw {
    color:#13c2c2
}
._3lMTV {
    margin:0;
    padding:0
}
._2bOox ._28KUW {
    color:#9fa3a6
}
._2bOox ._28KUW:active,
._2bOox ._28KUW:focus,
._2bOox ._28KUW:hover {
    color:#fff
}
._2bOox ._1Ltud,
._2bOox ._28KUW:focus {
    color:#fff;
    border-bottom:.125rem solid #fff
}
._2bOox ._2LH7P,
._2bOox ._2LH7P:active,
._2bOox ._2LH7P:focus,
._2bOox ._2LH7P:hover {
    color:#6c7073
}
._2bOox ._1ubfg .zPFdO {
    background:#fff
}
._3-a_h {
    margin-bottom:1rem
}
._8wsGN {
    border-bottom:.0625rem solid #d4d7d9
}
._1RPG6,
._2RUui {
    display:inline-block
}
._1ubfg {
    position:relative
}
._1ubfg .zPFdO {
    display:inline-block;
    position:absolute;
    bottom:-1px;
    width:auto;
    height:2px;
    background:#3b3e40;
    transition:all .3s cubic-bezier(.23,1,.32,1)
}
._1ubfg ._28KUW,
._1ubfg ._28KUW:focus {
    border-bottom:none
}
.pHyFu {
    text-align:left
}
._3yx3R {
    text-align:right
}
._1DkKo {
    text-align:center
}
._1G3aQ ._1RPG6 {
    display:flex
}
._1G3aQ ._28KUW {
    flex:1 1;
    text-align:center
}
._28KUW {
    color:#9fa3a6;
    padding:.75rem 1rem .6875rem;
    display:inline-block;
    transition:all .3s cubic-bezier(.23,1,.32,1);
    border-bottom:.125rem solid transparent
}
._28KUW:active,
._28KUW:focus,
._28KUW:hover {
    color:#3b3e40;
    cursor:pointer
}
._1Ltud {
    border-bottom:.125rem solid #3b3e40
}
._1Ltud,
._28KUW:focus {
    color:#3b3e40
}
._2LH7P {
    color:#d4d7d9
}
._2LH7P:active,
._2LH7P:focus,
._2LH7P:hover {
    color:#d4d7d9;
    cursor:not-allowed
}
._3Qm4W {
    width:100%
}
._14aFm {
    opacity:0;
    height:0;
    overflow:hidden
}
._2d3yp {
    opacity:1;
    height:auto
}
._1RhgG {
    opacity:0;
    height:0
}
.quark-tab-default-tab-bar-wrap {
    margin-bottom:1rem
}
.quark-tab-default-tab-bar {
    display:inline-block
}
.quark-tab-default-tab-container {
    display:block
}
._3c0Qz {
    speak:none;
    font-style:normal;
    font-weight:400;
    font-feature-settings:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    display:inline-block
}
._1j2v0 {
    animation:-lu88 2s infinite linear
}
@keyframes -lu88 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(1turn)
    }
}
@font-face {
    font-family:quark;
    src:url(//store-cdn.djiits.com/assets/v3/static/media/8eab1e68e0d8fc383be4fbb81feace07.8eab1e68.eot);
    src:url(//store-cdn.djiits.com/assets/v3/static/media/8eab1e68e0d8fc383be4fbb81feace07.8eab1e68.eot?#iefix) format("embedded-opentype"),
    url(//store-cdn.djiits.com/assets/v3/static/media/08fd18c7730448410e3530c7ef6efdad.08fd18c7.woff) format("woff"),
    url(//store-cdn.djiits.com/assets/v3/static/media/185d47dc1a7b6b69d80957ddc8df3941.185d47dc.ttf) format("truetype"),
    url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICIuL2ltZy8zMzc3Nzg2Y2Q2YWM2NjM1Zjg4MGRkMTY2NTM5NmFkYS5zdmciOw==#iconfont) format("svg");
    font-weight:400;
    font-style:normal
}
._35bgc:before {
    content:"\F2B9"
}
.byXrR:before {
    content:"\F2BB"
}
._128ri:before {
    content:"\F042"
}
._1KHsi:before {
    content:"\E917"
}
._2bT-Y:before {
    content:"\E348"
}
._3UEZX:before {
    content:"\ECA2"
}
._1fXKU:before {
    content:"\EE57"
}
._2OZ_n:before {
    content:"\F16D"
}
._6cr8a:before {
    content:"\E719"
}
.ZAGKa:before {
    content:"\F3FF"
}
._1lH5w:before {
    content:"\EBAD"
}
._3BSr4:before {
    content:"\E8B5"
}
._4wlbR:before {
    content:"\F0D1"
}
._26SUY:before {
    content:"\E3A8"
}
._30-mD:before {
    content:"\F057"
}
._1_xvC:before {
    content:"\F27D"
}
._17P2f:before {
    content:"\F099"
}
._2I_EY:before {
    content:"\F167"
}
._3qb3s:before {
    content:"\F0D7"
}
._2jwD5:before {
    content:"\F0D8"
}
._19X43:before {
    content:"\ECDE"
}
._2WwM4:before {
    content:"\E6C0"
}
._1shcg:before {
    content:"\ED3F"
}
._1qLWd:before {
    content:"\EBD6"
}
.Z8Prc:before {
    content:"\EFE0"
}
._3MItB:before {
    content:"\E65F"
}
._2Bvn6:before {
    content:"\E0CA"
}
._3IVo_:before {
    content:"\F100"
}
._34FGS:before {
    content:"\F107"
}
._3e62_:before {
    content:"\F101"
}
._1zbhS:before {
    content:"\F104"
}
._27RtX:before {
    content:"\F105"
}
.jhfcy:before {
    content:"\F106"
}
.Q82xM:before {
    content:"\E386"
}
._1vyf0:before {
    content:"\F05E"
}
.B0IHZ:before {
    content:"\F0A1"
}
._2cpQ_:before {
    content:"\F0C9"
}
._2FImd:before {
    content:"\EB68"
}
._3wXJB:before {
    content:"\EC02"
}
._2fXyR:before {
    content:"\EF8E"
}
._2KLCQ:before {
    content:"\EDD8"
}
._-4DAY:before {
    content:"\E540"
}
._2I4g3:before {
    content:"\F0A3"
}
._1m5z7:before {
    content:"\E753"
}
._1vR3p:before {
    content:"\EE6B"
}
._2LJ7o:before {
    content:"\F00C"
}
._3AQSX:before {
    content:"\F1CE"
}
._3ASBw:before {
    content:"\F017"
}
._6eszT:before {
    content:"\F013"
}
._1WxHW:before {
    content:"\F0EE"
}
._2uv1U:before {
    content:"\E688"
}
._3s-NW:before {
    content:"\E1F8"
}
._1ZzVY:before {
    content:"\E7E4"
}
.OBwuW:before {
    content:"\F0C5"
}
._2Ri-k:before {
    content:"\F066"
}
._1588m:before {
    content:"\ED6E"
}
._2uIqb:before {
    content:"\F09D"
}
._1P5xZ:before {
    content:"\F019"
}
._2iuBX:before {
    content:"\F044"
}
._1exha:before {
    content:"\F141"
}
._3bokS:before {
    content:"\ED0B"
}
.vMM-Y:before {
    content:"\F0E0"
}
._3jZwp:before {
    content:"\F142"
}
._2SUQ-:before {
    content:"\F06A"
}
._1Piil:before {
    content:"\F12A"
}
._20oXE:before {
    content:"\F321"
}
._2gTe8:before {
    content:"\F08E"
}
.okv_Y:before {
    content:"\F065"
}
._3l-6g:before {
    content:"\F06E"
}
.OhY9C:before {
    content:"\F15C"
}
.Cb5jY:before {
    content:"\F09A"
}
._1ajFe:before {
    content:"\F15B"
}
.ve2KQ:before {
    content:"\F1C1"
}
._3OU3j:before {
    content:"\EDCF"
}
.lgV2x:before {
    content:"\F0AC"
}
._1gQtG:before {
    content:"\E902"
}
._3Zaag:before {
    content:"\EE55"
}
._33jTA:before {
    content:"\F015"
}
._1jJbn:before {
    content:"\E348"
}
.UuxAk:before {
    content:"\F30F"
}
._1OEuY:before {
    content:"\F05A"
}
.Lm_MF:before {
    content:"\F129"
}
._3LwbN:before {
    content:"\F1AB"
}
._2XN05:before {
    content:"\F0C1"
}
._33OcX:before {
    content:"\E8C1"
}
.bMc_E:before {
    content:"\F124"
}
.IAlEP:before {
    content:"\F03A"
}
._25GQ2:before {
    content:"\ED51"
}
._3t3HT:before {
    content:"\F30D"
}
._2W_XA:before {
    content:"\EE36"
}
._3NPLS:before {
    content:"\F3C5"
}
.UhwjW:before {
    content:"\F068"
}
._2hDpl:before {
    content:"\F0C6"
}
.dCZz2:before {
    content:"\E70A"
}
._1FMUV:before {
    content:"\F144"
}
._2H8bj:before {
    content:"\F095"
}
._3KkpT:before {
    content:"\F067"
}
._23p5a:before {
    content:"\E85D"
}
._18A_e:before {
    content:"\F059"
}
.gf_rb:before {
    content:"\F029"
}
._1Djb6:before {
    content:"\F010"
}
._3d-6G:before {
    content:"\F002"
}
._1fawl:before {
    content:"\EA0F"
}
._20uY7:before {
    content:"\F00E"
}
._2Z6dE:before {
    content:"\F02B"
}
._1c3Qh:before {
    content:"\F064"
}
._1GlZx:before {
    content:"\E200"
}
._3hG3b:before {
    content:"\F00D"
}
._15wCJ:before {
    content:"\EEA2"
}
._1Rw_U:before {
    content:"\F2ED"
}
._2Jlwc:before {
    content:"\EAAA"
}
._1bahP:before {
    content:"\E872"
}
._27Nd-:before {
    content:"\F13E"
}
._3To44:before {
    content:"\F007"
}
._1O_Hy:before {
    content:"\F0C0"
}
.W6H_f:before {
    content:"\F03D"
}
._2_sls:before {
    content:"\E087"
}
._35BGQ:before {
    content:"\E665"
}
._3xfLM:before {
    content:"\E111"
}
._1pvYF:before {
    content:"\F055"
}
.carousel {
    box-sizing:border-box;
    margin:0;
    padding:0;
    list-style:none
}
.carousel .slick-slider {
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-touch-callout:none;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.carousel .slick-list {
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    padding:0
}
.carousel .slick-list:focus {
    outline:0
}
.carousel .slick-list.dragging {
    cursor:pointer
}
.carousel .slick-slider .slick-list,
.carousel .slick-slider .slick-track {
    transform:translateZ(0)
}
.carousel .slick-track {
    position:relative;
    left:0;
    top:0;
    display:block
}
.carousel .slick-track:after,
.carousel .slick-track:before {
    content:"";
    display:table
}
.carousel .slick-track:after {
    clear:both
}
._1dFgn .carousel .slick-track {
    visibility:hidden
}
.carousel .slick-slide {
    /*float:left;*/
    height:100%;
    min-height:1px;
    display:none;
    width:80% !important;
    margin:auto;
}
[dir=rtl] .carousel .slick-slide {
    float:right
}
.carousel .slick-slide img {
    display:block
}
.carousel .slick-slide.slick-loading img {
    display:none
}
.carousel .slick-slide.dragging img {
    pointer-events:none
}
.carousel .slick-initialized .slick-slide {
    display:block
}
.carousel .slick-loading .slick-slide {
    visibility:hidden
}
.carousel .slick-vertical .slick-slide {
    display:block;
    height:auto
}
.carousel .slick-arrow.slick-hidden {
    display:none
}
.carousel .slick-next,
.carousel .slick-prev {
    position:absolute;
    height:3rem;
    width:3rem;
    cursor:pointer;
    top:50%;
    margin-top:-1.5rem;
    padding:0;
    border:0;
    outline:0;
    z-index:1;
    border-radius:50%;
    background:#6c7073;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:2rem
}
.carousel .slick-next:focus,
.carousel .slick-next:hover,
.carousel .slick-prev:focus,
.carousel .slick-prev:hover {
    outline:0
}
.carousel .slick-next:focus:before,
.carousel .slick-next:hover:before,
.carousel .slick-prev:focus:before,
.carousel .slick-prev:hover:before {
    opacity:1
}
.carousel .slick-next:active,
.carousel .slick-prev:active {
    opacity:.8
}
.carousel .slick-next.slick-disabled:before,
.carousel .slick-prev.slick-disabled:before {
    opacity:.25
}
.carousel .slick-prev {
    left:1.5rem
}
.carousel .slick-next {
    right:1.5rem
}
.carousel .slick-dots {
    position:absolute;
    bottom:1rem;
    list-style:none;
    display:block;
    text-align:center;
    margin:0;
    padding:0;
    width:100%;
    height:.5rem
}
.carousel .slick-dots li {
    position:relative;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    margin:0 .25rem;
    padding:0
}
.carousel .slick-dots li button {
    border:0;
    cursor:pointer;
    display:block;
    width:.5rem;
    height:.5rem;
    background:#f0f1f2;
    outline:0;
    font-size:0;
    color:transparent;
    transition:all .5s cubic-bezier(.23,1,.32,1);
    padding:0;
    border-radius:50%
}
.carousel .slick-dots li button:focus,
.carousel .slick-dots li button:hover {
    opacity:.75
}
.carousel .slick-dots li.slick-active button {
    background:#0060ef;
    opacity:1;
    width:.5rem
}
.carousel .slick-dots li.slick-active button:focus,
.carousel .slick-dots li.slick-active button:hover {
    opacity:1
}
.carousel-vertical .slick-dots {
    width:.5rem;
    bottom:auto;
    right:1rem;
    top:50%;
    transform:translateY(-50%);
    height:auto
}
.carousel-vertical .slick-dots li {
    margin:0 .25rem;
    vertical-align:baseline
}
.carousel-vertical .slick-dots li button,
.carousel-vertical .slick-dots li.slick-active button {
    width:.5rem;
    height:.5rem
}
.ZJnnz {
    left:-2px
}
.ZJnnz,
._3ctaf {
    position:relative
}
._3ctaf {
    left:2px
}
.style__error___JGELj {
    padding:46px 20px;
    display:flex;
    align-items:center;
    justify-content:center
}
.style__error___JGELj .style__copy___VZwX- {
    width:100%;
    text-align:center
}
.style__error___JGELj .style__copy___VZwX- h3 {
    font-size:24px;
    line-height:28px;
    letter-spacing:-.03em;
    font-weight:600;
    color:rgba(0,0,0,.85);
    text-align:center
}
.style__error___JGELj .style__copy___VZwX- p {
    margin-top:16px;
    font-size:16px;
    line-height:24px
}
.style__error___JGELj .style__copy___VZwX- .style__btn___dbfk- {
    margin-top:24px;
    position:relative;
    display:inline-flex;
    height:32px;
    width:auto;
    padding:0 15px;
    border:1px solid rgba(0,0,0,.15);
    justify-content:center;
    align-items:center;
    font-size:14px;
    line-height:20px;
    letter-spacing:-.02em;
    font-weight:400;
    white-space:nowrap;
    text-align:center;
    transition:all .3s ease
}
.style__error___JGELj .style__loading___\+1TXJ {
    padding:0 8px 0 0
}
@media (max-width:767px) {
    .ContentModal__mini-modal___gimr2>div:nth-child(2)>div:first-child {
        width:100%;
        height:100%;
        border-radius:0
    }
}
.ContentModal__mini-modal___gimr2.ContentModal__focus-visible___QTHO6 {
    outline:0
}
.ContentModal__mini-modal___gimr2:focus-visible {
    outline:0
}
.ContentModal__mini-modal___gimr2 main {
    padding:0;
    height:100%
}
@media (max-width:767px) {
    .ContentModal__mini-modal___gimr2 main {
        max-height:none!important
    }
}
.ContentModal__mini-modal___gimr2>div>div:first-child {
    z-index:1
}
@media (max-width:767px) {
    .ContentModal__mini-modal___gimr2>div>div:first-child {
        width:100%;
        padding-top:24px
    }
}
.ContentModal__mini-modal___gimr2>div>div:first-child>span {
    z-index:9999;
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,.2);
    color:#fff;
    transition:all .3s ease;
    right:16px;
    top:16px
}
@media (max-width:767px) {
    .ContentModal__mini-modal___gimr2>div>div:first-child>span {
        width:32px;
        height:32px
    }
}
.ContentModal__mini-modal___gimr2>div>div:first-child>span:hover {
    background:rgba(0,0,0,.3);
    color:#fff
}
.ContentModal__mini-modal___gimr2>div>div:first-child>span:active {
    background:rgba(0,0,0,.4);
    color:#fff
}
@media (max-width:767px) {
    .ContentModal__others-content___K-0j8 {
        display:flex;
        flex-direction:column;
        justify-content:center;
        height:100%;
        background:#fff
    }
}
.ContentModal__loading___BeDMp {
    padding:96px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px
}
.NavIcon__nav-icon-wrap___vuPbf {
    opacity:0;
    display:none
}
.NavIcon__nav-icon-wrap___vuPbf .NavIcon__left-arrow___9RXme {
    left:32px
}
.NavIcon__nav-icon-wrap___vuPbf .NavIcon__right-arrow___qiutH {
    right:32px
}
.NavIcon__nav-icon-wrap___vuPbf .NavIcon__button-arrow___4hNCc {
    width:72px;
    height:72px;
    border-radius:50%;
    background-color:rgba(0,0,0,.1);
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .3s ease;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.NavIcon__nav-icon-wrap___vuPbf .NavIcon__button-arrow___4hNCc:active {
    background-color:rgba(0,0,0,.12)
}
.NavIcon__nav-icon-wrap___vuPbf .NavIcon__button-disabled___gbE\+V {
    visibility:hidden;
    opacity:0;
    transition:all .3s ease
}
@media (min-width:1200px) {
    .NavIcon__nav-icon-wrap___vuPbf {
        display:block
    }
}
.CardsScroller__container___GDUgU {
    margin-bottom:-32px;
    position:relative
}
.CardsScroller__container___GDUgU:hover div[class*=nav-icon-wrap] {
    opacity:1
}
.CardsScroller__card-list___oMJkb {
    padding-bottom:32px;
    padding-top:8px;
    margin-top:-8px;
    display:flex;
    scroll-snap-type:x mandatory;
    overflow-x:auto;
    overflow-y:hidden;
    position:relative;
    -ms-overflow-style:none;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain
}
@media not all and (any-pointer:fine),(hover:none),(max-width:767px) {
    .CardsScroller__card-list___oMJkb {
        scroll-snap-type:none
    }
}
.CardsScroller__card-list___oMJkb::-webkit-scrollbar {
    display:none
}
.CardsScroller__card-list___oMJkb [data-cards-scroller-item] {
    --col-gap:8px;
    --visible-cols:1;
    --col-hint:0.154168;
    --padding-left:24px;
    --total-gap:calc(var(--col-gap) * (var(--visible-cols)));
    --full-width:calc(100vw - var(--scrollbar-width, 0%));
    --col-size:calc((var(--full-width) - var(--total-gap) - var(--padding-left)) / (var(--visible-cols) + var(--col-hint)));
    --last-col-size:calc(var(--col-size) + var(--padding-left));
    scroll-snap-coordinate:left;
    scroll-snap-align:start;
    margin:0 calc(var(--col-gap)/ 2);
    flex:0 0 var(--col-size)
}
@media (min-width:768px) {
    .CardsScroller__card-list___oMJkb [data-cards-scroller-item] {
        --col-gap:16px;
        --visible-cols:2;
        --col-hint:0.5;
        --padding-left:32px
    }
}
@media (min-width:1200px) {
    .CardsScroller__card-list___oMJkb [data-cards-scroller-item] {
        --col-gap:16px;
        --visible-cols:3;
        --padding-left:calc((var(--full-width) - 1200px) / 2);
        --col-size:calc((1200px - (var(--visible-cols) - 1) * var(--col-gap)) / var(--visible-cols))
    }
}
.CardsScroller__card-list___oMJkb [data-cards-scroller-item]:first-child {
    margin-left:0
}
.CardsScroller__card-list___oMJkb [data-cards-scroller-item]:last-child {
    flex-basis:var(--last-col-size)
}
.CardsScroller__card-list___oMJkb [data-cards-scroller-item]:last-child [data-cards-scroller-item-container]::after {
    content:'';
    padding-right:var(--padding-left)
}
.CardsScroller__card-list___oMJkb [data-cards-scroller-item] [data-cards-scroller-item-container] {
    position:relative;
    height:100%;
    display:flex;
    transform:translateX(var(--padding-left))
}
.CardsScroller__card-list___oMJkb [data-cards-scroller-item] [data-cards-scroller-item-content] {
    flex:1 1
}
.ProductCard__product-card___C2yJH {
    display:flex
}
.ProductCard__product-card___C2yJH .ProductCard__product-card-inner___GUye7 {
    background-color:#fff;
    transition:all .3s ease;
    position:relative;
    display:block;
    flex:1 1;
    isolation:isolate;
    width:100%;
    height:100%;
    overflow:hidden
}
@media (max-width:767px) {
    .ProductCard__product-card___C2yJH .ProductCard__product-card-inner___GUye7 {
        box-shadow:0 4px 16px rgba(0,0,0,.04)
    }
}
.ProductCard__product-card___C2yJH .ProductCard__product-card-inner___GUye7:hover {
    box-shadow:0 4px 24px rgba(0,0,0,.1)
}
.ProductCard__product-card___C2yJH .ProductCard__product-card-inner___GUye7 {
    border-radius:6px
}
.ProductCard__product-card___C2yJH .ProductCard__product-card-inner___GUye7.ProductCard__focus-visible___dxdWR {
    border-radius:6px
}
.ProductCard__product-card___C2yJH .ProductCard__product-card-inner___GUye7:focus-visible {
    border-radius:6px
}
.ProductCard__product-card___C2yJH .ProductCard__content___IEtNY {
    padding:16px 16px 64px 16px;
    position:relative;
    display:block
}
.ProductCard__product-card___C2yJH .ProductCard__content___IEtNY .ProductCard__label___\+5o39 {
    color:rgba(0,0,0,.65);
    margin-bottom:4px;
    font-size:12px;
    line-height:16px;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.ProductCard__product-card___C2yJH .ProductCard__content___IEtNY .ProductCard__title___JpnJU {
    color:rgba(0,0,0,.85);
    font-weight:600;
    word-break:break-word;
    display:block;
    font-size:16px;
    line-height:20px
}
.ProductCard__product-card___C2yJH figure {
    display:block;
    transition:all .3s ease;
    background-image:linear-gradient(#fff,#fafafa)
}
@media (max-width:767px) {
    .ProductCard__product-card___C2yJH figure .slick-next,
    .ProductCard__product-card___C2yJH figure .slick-prev {
        display:none
    }
}
@media not all and (any-pointer:fine),(hover:none),(max-width:767px) {
    .ProductCard__product-card___C2yJH figure .slick-next,
    .ProductCard__product-card___C2yJH figure .slick-prev {
        display:none
    }
}
.ProductCard__product-card___C2yJH figure .slick-next,
.ProductCard__product-card___C2yJH figure .slick-prev {
    width:32px;
    height:32px;
    background-color:rgba(0,0,0,.2);
    transition:all .3s ease;
    opacity:0
}
.ProductCard__product-card___C2yJH figure .slick-next i,
.ProductCard__product-card___C2yJH figure .slick-prev i {
    color:#fff;
    font-size:20px
}
.ProductCard__product-card___C2yJH figure .slick-next:hover,
.ProductCard__product-card___C2yJH figure .slick-prev:hover {
    background-color:rgba(0,0,0,.3)
}
.ProductCard__product-card___C2yJH figure .slick-prev {
    left:8px
}
.ProductCard__product-card___C2yJH figure .slick-next {
    right:8px
}
.ProductCard__product-card___C2yJH figure:hover .slick-prev {
    opacity:1
}
.ProductCard__product-card___C2yJH figure:hover .slick-next {
    opacity:1
}
.ProductCard__product-card___C2yJH figure .slick-dots {
    bottom:8px;
    height:16px
}
@media (max-width:767px) {
    .ProductCard__product-card___C2yJH figure .slick-dots {
        bottom:0
    }
}
.ProductCard__product-card___C2yJH figure .slick-dots>li {
    border-radius:0;
    width:16px;
    height:16px;
    transition:all .3s ease;
    margin:0;
    background:0 0
}
.ProductCard__product-card___C2yJH figure .slick-dots>li button,
.ProductCard__product-card___C2yJH figure .slick-dots>li.slick-active button {
    width:100%;
    height:100%;
    background:0 0;
    border-radius:0
}
.ProductCard__product-card___C2yJH figure .slick-dots>li button::before,
.ProductCard__product-card___C2yJH figure .slick-dots>li.slick-active button::before {
    content:'';
    height:2px;
    display:block;
    background:rgba(0,0,0,.2);
    transition:all .3s ease
}
.ProductCard__product-card___C2yJH figure .slick-dots>li button.focus-visible,
.ProductCard__product-card___C2yJH figure .slick-dots>li.slick-active button.focus-visible {
    outline:4px solid rgba(0,96,239,.4)
}
.ProductCard__product-card___C2yJH figure .slick-dots>li button:focus-visible,
.ProductCard__product-card___C2yJH figure .slick-dots>li.slick-active button:focus-visible {
    outline:4px solid rgba(0,96,239,.4)
}
.ProductCard__product-card___C2yJH figure .slick-dots>li.slick-active button::before {
    background:rgba(0,0,0,.85)
}
.ProductCard__product-card___C2yJH figure .ProductCard__image-container___Vd6Ei {
    position:relative;
    width:100%;
    height:0;
    padding-bottom:100%
}
.ProductCard__product-card___C2yJH figure .ProductCard__image-content___9C6Vb {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow:hidden
}
.ProductCard__product-card___C2yJH figure .ProductCard__image-outer___PeWqk {
    position:absolute;
    margin:-1px;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.ProductCard__product-card___C2yJH figure .ProductCard__image-outer___PeWqk .carousel,
.ProductCard__product-card___C2yJH figure .ProductCard__image-outer___PeWqk .carousel .slick-slider,
.ProductCard__product-card___C2yJH figure .ProductCard__image-outer___PeWqk .carousel .slick-slider .slick-list {
    width:100%;
    height:100%
}
.ProductCard__product-card___C2yJH figure .ProductCard__image-outer___PeWqk .carousel .slick-slider .slick-track {
    height:100%
}
.ProductCard__product-card___C2yJH figure img {
    object-fit:cover
}
.ProductCard__product-card___C2yJH .ProductCard__shop___xoiRD {
    position:absolute;
    bottom:16px;
    padding:0 16px;
    font-size:14px;
    line-height:20px
}
.ProductCard__product-card___C2yJH .ProductCard__shop___xoiRD .ProductCard__originPrice___Fr5Xq {
    color:rgba(0,0,0,.45);
    text-decoration:line-through
}
.ProductCard__product-card___C2yJH .ProductCard__shop___xoiRD .ProductCard__price___\+GCiF {
    color:rgba(0,0,0,.85)
}
.ProductCard__product-card___C2yJH:hover {
    cursor:pointer
}
@media (min-width:768px) {
    .ProductCard__product-card___C2yJH .ProductCard__content___IEtNY {
        padding:16px 24px 76px 24px
    }
    .ProductCard__product-card___C2yJH .ProductCard__content___IEtNY .ProductCard__label___\+5o39 {
        font-size:14px;
        line-height:20px
    }
    .ProductCard__product-card___C2yJH .ProductCard__content___IEtNY .ProductCard__title___JpnJU {
        font-size:20px;
        line-height:24px
    }
    .ProductCard__product-card___C2yJH .ProductCard__shop___xoiRD {
        margin-top:24px;
        bottom:32px;
        padding:0 24px;
        font-size:16px;
        line-height:20px
    }
}
@media (min-width:1200px) {
    .ProductCard__product-card___C2yJH .ProductCard__content___IEtNY {
        padding:16px 32px 88px 32px
    }
    .ProductCard__product-card___C2yJH .ProductCard__content___IEtNY .ProductCard__title___JpnJU {
        font-size:24px;
        line-height:28px
    }
    .ProductCard__product-card___C2yJH .ProductCard__shop___xoiRD {
        padding:0 32px
    }
}
.ProductCard__original-price___WOGeP {
    color:rgba(0,0,0,.45)
}
.LinkCard__link-card___22-6m {
    position:relative;
    display:flex;
    isolation:isolate;
    flex-direction:column;
    overflow:initial!important
}
.LinkCard__link-card___22-6m .LinkCard__product___fq5H3 {
    flex:1 1;
    transition:all .6s ease
}
.LinkCard__link-card___22-6m .LinkCard__product___fq5H3 span {
    display:block;
    height:100%
}
.LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__channel-img___8xBas {
    position:relative;
    border-radius:6px;
    height:100%;
    display:flex;
    background-color:#fff;
    overflow:hidden
}
.LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__channel-img___8xBas img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    transition:all .6s ease
}
.LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__content___7yQh9 {
    position:relative;
    padding:16px 16px 48px
}
.LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__eyebrow___HDlJq {
    color:rgba(0,0,0,.65);
    font-size:12px;
    line-height:16px;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__name___R-yCM {
    color:rgba(0,0,0,.85);
    font-weight:600;
    margin-top:4px;
    font-size:16px;
    line-height:20px
}
.LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__name___R-yCM .LinkCard__channel-title___g35qP {
    display:inline-block
}
.LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__icon___d70p8 {
    display:inline-block;
    transform:translate(0,2px)
}
.LinkCard__link-card___22-6m .LinkCard__accessory___SwXwr {
    margin-top:8px;
    padding:24px;
    border-radius:6px;
    background-color:#fff;
    transition:all .3s ease;
    display:flex;
    align-items:center;
    justify-content:center;
    height:64px;
    text-align:center
}
.LinkCard__link-card___22-6m .LinkCard__accessory___SwXwr p {
    font-weight:600;
    font-size:14px;
    line-height:20px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.LinkCard__link-card___22-6m .LinkCard__icon___d70p8 {
    background-color:rgba(0,0,0,.85);
    margin-left:8px;
    flex-shrink:0;
    border-radius:50%;
    width:16px;
    height:16px;
    display:flex;
    align-items:center;
    justify-content:center
}
.LinkCard__link-card___22-6m .LinkCard__icon___d70p8::after {
    content:'';
    transform:scale(.9);
    background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMTYgMHYxNkgwVjBoMTZ6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGQ9Ik0xLjYxNS4yMTFsLjA5NC4wODQgMy4yODggMy4zMDNMOC4yOTIuMjk0YTEgMSAwIDAgMSAxLjUgMS4zMThsLS4wODQuMDk0LTMuNzM3IDMuNzQ5Yy0uNS41MDItMS4yOTIuNTM3LTEuODMzLjEwM2wtLjExNS0uMTA0TC4yOSAxLjcwNUExIDEgMCAwIDEgMS42MTUuMjExeiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2IpIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgOS4wODIgMy44NCkiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTB2NS44NkgwVjB6Ii8+PC9nPjwvZz48L3N2Zz4=') no-repeat center center;
    position:absolute;
    z-index:2;
    width:16px;
    height:16px
}
@media (min-width:768px) {
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__channel-img___8xBas {
        background-size:cover
    }
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__content___7yQh9 {
        padding:20px
    }
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__name___R-yCM {
        margin-top:4px;
        font-size:20px;
        line-height:24px
    }
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__eyebrow___HDlJq {
        font-size:14px;
        line-height:20px
    }
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__icon___d70p8 {
        transform:translate(0,4px)
    }
    .LinkCard__link-card___22-6m .LinkCard__accessory___SwXwr {
        height:80px;
        margin-top:16px
    }
    .LinkCard__link-card___22-6m .LinkCard__accessory___SwXwr p {
        font-weight:600;
        font-size:18px;
        line-height:24px
    }
    .LinkCard__link-card___22-6m .LinkCard__icon___d70p8 {
        width:24px;
        height:24px
    }
    .LinkCard__link-card___22-6m .LinkCard__icon___d70p8::after {
        transform:initial;
        width:24px;
        height:24px
    }
}
@media (min-width:1200px) and (max-width:767px) {
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3 {
        box-shadow:0 4px 16px rgba(0,0,0,.04)
    }
}
@media (min-width:1200px) {
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3:hover {
        box-shadow:0 4px 24px rgba(0,0,0,.1)
    }
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3 {
        border-radius:6px
    }
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3.LinkCard__focus-visible___ykGeN {
        border-radius:6px
    }
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3:focus-visible {
        border-radius:6px
    }
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__channel-img___8xBas img {
        transform:scale(1);
        transform-origin:50% 0
    }
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__channel-img___8xBas:hover img {
        transform:scale(1.1)
    }
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__content___7yQh9 {
        padding:32px
    }
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__name___R-yCM {
        margin-top:4px;
        font-size:24px;
        line-height:28px
    }
    .LinkCard__link-card___22-6m .LinkCard__product___fq5H3 .LinkCard__eyebrow___HDlJq {
        font-size:14px;
        line-height:20px
    }
    .LinkCard__link-card___22-6m .LinkCard__accessory___SwXwr {
        height:80px
    }
}
@media (min-width:1200px) and (max-width:767px) {
    .LinkCard__link-card___22-6m .LinkCard__accessory___SwXwr {
        box-shadow:0 4px 16px rgba(0,0,0,.04)
    }
}
@media (min-width:1200px) {
    .LinkCard__link-card___22-6m .LinkCard__accessory___SwXwr:hover {
        box-shadow:0 4px 24px rgba(0,0,0,.1)
    }
    .LinkCard__link-card___22-6m .LinkCard__accessory___SwXwr {
        border-radius:6px
    }
    .LinkCard__link-card___22-6m .LinkCard__accessory___SwXwr.LinkCard__focus-visible___ykGeN {
        border-radius:6px
    }
    .LinkCard__link-card___22-6m .LinkCard__accessory___SwXwr:focus-visible {
        border-radius:6px
    }
    .LinkCard__link-card___22-6m .LinkCard__accessory___SwXwr p {
        font-size:20px;
        line-height:24px
    }
}
@media (max-width:767px) {
    .LinkCard__product___fq5H3 .LinkCard__content___7yQh9 {
        min-height:calc(50vw + 20px)
    }
}
.ProductList__container___Twc9Q {
    width:100%;
    max-width:1200px;
    margin:0 auto
}
.ProductList__card-list___7f4JS {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:8px;
    padding:0 24px
}
@media (max-width:360px) {
    .ProductList__card-list___7f4JS {
        padding:0 16px
    }
}
@media (min-width:768px) {
    .ProductList__card-list___7f4JS {
        padding:0 32px;
        grid-template-columns:1fr 1fr 1fr 1fr;
        grid-gap:16px
    }
}
@media (min-width:1200px) {
    .ProductList__card-list___7f4JS {
        padding:0
    }
}
.VideoPlayer__primary-background___8xsGh {
    height:100%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    overflow:hidden
}
.VideoPlayer__box___kMTsS {
    position:relative;
    height:100%;
    width:100%
}
.VideoPlayer__box___kMTsS video {
    opacity:0;
    position:absolute;
    height:100%;
    width:100%;
    object-fit:cover;
    pointer-events:none;
    transition:opacity .3s;
    z-index:2;
    border-radius:6px
}
.VideoPlayer__box___kMTsS img {
    opacity:1;
    height:100%;
    width:100%;
    object-fit:cover;
    pointer-events:none;
    position:absolute;
    top:0;
    z-index:1;
    border-radius:6px
}
.VideoPlayer__video___gN4gY video {
    opacity:1
}
.VideoPlayer__video___gN4gY img {
    opacity:0;
    transition:opacity .3s .3s
}
.VideoPlayer__replay-btn___PLxNd {
    background:rgba(255,255,255,.08);
    color:#fff;
    right:24px;
    bottom:24px;
    position:absolute;
    z-index:3;
    display:flex;
    justify-content:center;
    margin:0;
    height:48px;
    font-size:16px;
    line-height:20px;
    width:48px;
    border:none;
    align-items:center;
    border-radius:40px;
    font-weight:400;
    white-space:nowrap;
    text-align:center;
    transition:all .3s ease;
    touch-action:manipulation;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.VideoPlayer__replay-btn___PLxNd:focus,
.VideoPlayer__replay-btn___PLxNd:hover {
    background:rgba(255,255,255,.12);
    color:#fff
}
.VideoPlayer__replay-btn___PLxNd i {
    font-size:20px
}
.VideoPlayer__replay-btn-right-top___oVC3m {
    top:24px
}
button.GuideCard__card___fdMcA {
    display:inline-flex;
    text-align:left
}
.GuideCard__card___fdMcA {
    height:400px;
    position:relative;
    overflow:hidden;
    transition:box-shadow .3s ease;
    z-index:1;
    border-radius:6px
}
.GuideCard__card___fdMcA.GuideCard__focus-visible___xs9Yy {
    border-radius:6px
}
.GuideCard__card___fdMcA:focus-visible {
    border-radius:6px
}
@media (min-width:1200px) {
    .GuideCard__card___fdMcA {
        height:480px
    }
    .GuideCard__card___fdMcA:hover {
        box-shadow:0 8px 16px rgba(0,0,0,.1)
    }
    .GuideCard__card___fdMcA:hover figure {
        transform:scale(1.05)
    }
}
.GuideCard__card___fdMcA figure {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    transition:all .6s ease
}
.GuideCard__card___fdMcA figure img {
    object-fit:cover;
    width:100%;
    height:100%
}
.GuideCard__card___fdMcA .GuideCard__content___IBWdV {
    padding:32px 24px 0 24px;
    color:rgba(255,255,255,.65);
    position:relative
}
@media (min-width:768px) {
    .GuideCard__card___fdMcA .GuideCard__content___IBWdV {
        padding:32px 24px
    }
}
@media (min-width:1200px) {
    .GuideCard__card___fdMcA .GuideCard__content___IBWdV {
        padding:32px
    }
}
.GuideCard__card___fdMcA .GuideCard__content___IBWdV>p {
    margin-top:8px
}
.GuideCard__card___fdMcA .GuideCard__content___IBWdV>p:first-child {
    margin-top:0
}
.GuideCard__card___fdMcA .GuideCard__content___IBWdV .GuideCard__primary-title___ANPaB {
    font-size:24px;
    line-height:28px;
    letter-spacing:-.03em;
    font-weight:600;
    color:#fff
}
@media (min-width:1200px) {
    .GuideCard__card___fdMcA .GuideCard__content___IBWdV .GuideCard__primary-title___ANPaB {
        font-size:28px;
        line-height:32px
    }
}
.GuideCard__card___fdMcA .GuideCard__content___IBWdV .GuideCard__secondary-title___aFRuw {
    font-size:14px;
    line-height:20px;
    white-space:pre-line;
    vertical-align:bottom;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
@media (min-width:1200px) {
    .GuideCard__card___fdMcA .GuideCard__content___IBWdV .GuideCard__secondary-title___aFRuw {
        font-size:18px;
        line-height:28px;
        letter-spacing:-.03em
    }
}
.GuideCard__card___fdMcA .GuideCard__content___IBWdV .GuideCard__desc___siCC4 {
    font-size:14px;
    line-height:20px;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.GuideCard__card___fdMcA.GuideCard__black___7a83T .GuideCard__content___IBWdV {
    color:rgba(0,0,0,.65)
}
.GuideCard__card___fdMcA.GuideCard__black___7a83T .GuideCard__content___IBWdV .GuideCard__primary-title___ANPaB {
    color:rgba(0,0,0,.85)
}
.GuideCard__content-modal___\+sMti {
    cursor:zoom-in
}
.PrimarySection__primary-section___pg5kI {
    margin:0 24px 8px;
    position:relative;
    height:480px;
    border-radius:6px;
    display:flex;
    align-items:center
}
.PrimarySection__primary-section___pg5kI a {
    width:100%;
    height:100%;
    display:flex;
    align-items:center
}
.PrimarySection__primary-section___pg5kI a.PrimarySection__focus-visible___oYsnM {
    border-radius:6px
}
.PrimarySection__primary-section___pg5kI a:focus-visible {
    border-radius:6px
}
@media screen and (min-width:768px) {
    .PrimarySection__primary-section___pg5kI {
        margin:0 32px 16px;
        padding:0;
        height:400px
    }
}
@media screen and (min-width:1200px) {
    .PrimarySection__primary-section___pg5kI {
        margin:24px 0 16px 0;
        height:480px
    }
}
@media screen and (max-width:360px) {
    .PrimarySection__primary-section___pg5kI {
        margin:0 16px 8px
    }
}
.PrimarySection__content___fPKr- {
    z-index:3;
    border-radius:0 0 8px 8px;
    padding:24px;
    width:100%
}
.PrimarySection__content___fPKr- .PrimarySection__label___2mTM0 {
    color:rgba(255,255,255,.65);
    font-size:18px;
    line-height:24px
}
.PrimarySection__content___fPKr- h3 {
    font-size:24px;
    line-height:28px;
    font-weight:600;
    color:#fff;
    margin-top:4px;
    word-break:break-word;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.PrimarySection__content___fPKr- .PrimarySection__desc___LURh3 {
    color:rgba(255,255,255,.65);
    font-size:16px;
    line-height:24px;
    margin-top:8px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
@media screen and (min-width:768px) {
    .PrimarySection__content___fPKr- {
        max-width:50%;
        border-radius:6px 0 0 6px;
        padding-left:48px
    }
}
@media screen and (max-width:767px) {
    .PrimarySection__content___fPKr- {
        height:100%
    }
}
@media screen and (min-width:1200px) {
    .PrimarySection__content___fPKr- {
        padding:64px;
        width:592px;
        max-width:33.3333%;
        padding-right:0
    }
    .PrimarySection__content___fPKr- h3 {
        font-size:32px;
        line-height:36px
    }
    .PrimarySection__content___fPKr- .PrimarySection__desc___LURh3 {
        font-size:18px;
        line-height:28px;
        margin-top:8px
    }
}
.PrimarySection__replay-btn___KCqwk {
    opacity:0
}
.PrimarySection__shop___Qjzy5 {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:32px
}
@media screen and (min-width:768px) {
    .PrimarySection__shop___Qjzy5 {
        margin-top:32px;
        display:block
    }
}
.PrimarySection__price___1ItdO {
    color:#fff;
    font-size:14px;
    line-height:20px
}
@media (min-width:768px) {
    .PrimarySection__price___1ItdO {
        font-size:16px
    }
}
@media (min-width:1200px) {
    .PrimarySection__price___1ItdO {
        font-size:18px;
        line-height:24px
    }
}
@media screen and (max-width:767px) {
    .PrimarySection__wrap___5n-Td {
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        height:100%
    }
}
.PrimarySection__action___GXYFA button {
    position:relative;
    width:auto;
    border:none;
    justify-content:center;
    align-items:center;
    border-radius:40px;
    white-space:nowrap;
    text-align:center;
    transition:all .3s ease;
    touch-action:manipulation;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.PrimarySection__action___GXYFA .PrimarySection__buy-btn___Kg\+YQ {
    display:inline-flex;
    position:relative;
    justify-content:center;
    align-items:center;
    white-space:nowrap;
    text-align:center;
    transition:all .3s ease;
    touch-action:manipulation;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.PrimarySection__action___GXYFA .PrimarySection__replay-btn___KCqwk {
    background:rgba(255,255,255,.08);
    color:#fff;
    right:24px;
    top:24px;
    position:absolute;
    z-index:3;
    display:flex;
    justify-content:center;
    margin:0;
    height:48px;
    width:48px;
    font-size:16px;
    line-height:20px;
    font-weight:400
}
.PrimarySection__action___GXYFA .PrimarySection__replay-btn___KCqwk:focus,
.PrimarySection__action___GXYFA .PrimarySection__replay-btn___KCqwk:hover {
    background:rgba(255,255,255,.12);
    color:#fff
}
.PrimarySection__action___GXYFA .PrimarySection__replay-btn___KCqwk i {
    font-size:20px
}
@media screen and (min-width:768px) {
    .PrimarySection__action___GXYFA {
        margin-top:64px;
        display:inline-flex
    }
}
@media screen and (max-width:767px) {
    .PrimarySection__action___GXYFA button.PrimarySection__replay-btn___KCqwk {
        width:40px;
        height:40px
    }
}
.PrimarySection__product-tag___n7HR4 {
    color:#fff
}
.PrimarySection__product-tag___n7HR4 span {
    font-size:12px;
    line-height:16px;
    color:#fff!important
}
@media screen and (min-width:768px) {
    .PrimarySection__product-tag___n7HR4 span {
        font-size:14px
    }
}
@media screen and (min-width:1200px) {
    .PrimarySection__product-tag___n7HR4 span {
        font-size:16px;
        line-height:20px
    }
}
.PrimarySection__primary-section___pg5kI.PrimarySection__black___o5J6T .PrimarySection__content___fPKr- .PrimarySection__label___2mTM0 {
    color:rgba(0,0,0,.65)
}
.PrimarySection__primary-section___pg5kI.PrimarySection__black___o5J6T .PrimarySection__content___fPKr- h3 {
    color:rgba(0,0,0,.85)
}
.PrimarySection__primary-section___pg5kI.PrimarySection__black___o5J6T .PrimarySection__content___fPKr- .PrimarySection__desc___LURh3 {
    color:rgba(0,0,0,.65)
}
.PrimarySection__primary-section___pg5kI.PrimarySection__black___o5J6T .PrimarySection__price___1ItdO p {
    color:rgba(0,0,0,.65)
}
.PrimarySection__primary-section___pg5kI.PrimarySection__black___o5J6T .PrimarySection__price___1ItdO .PrimarySection__current___apUa0 {
    color:rgba(0,0,0,.85)
}
.PrimarySection__primary-section___pg5kI.PrimarySection__black___o5J6T .PrimarySection__action___GXYFA button.PrimarySection__replay-btn___KCqwk {
    background:rgba(0,0,0,.09)
}
.PrimarySection__primary-section___pg5kI.PrimarySection__black___o5J6T .PrimarySection__product-tag___n7HR4 {
    color:rgba(0,0,0,.85)
}
.PrimarySection__primary-section___pg5kI.PrimarySection__black___o5J6T .PrimarySection__product-tag___n7HR4 span {
    color:rgba(0,0,0,.85)!important
}
@media (max-width:767px) {
    .GuideCardList__container___ALIMK [data-cards-scroller-item] {
        --col-hint:0.2555
    }
}
@media (min-width:768px) {
    .GuideCardList__container___ALIMK [data-cards-scroller-item] {
        --col-hint:0.588235
    }
}
@media (min-width:1024px) {
    .GuideCardList__container___ALIMK [data-cards-scroller-item] {
        --visible-cols:3;
        --col-size:calc((var(--full-width) - (var(--visible-cols) - 1) * var(--col-gap) - var(--padding-left) * 2) / var(--visible-cols))
    }
}
.ProductColumnsModule__section-container___ESdVD {
    max-width:1200px;
    margin:0 auto
}
.ProductColumnsModule__header___dDNA5 {
    padding:0 24px;
    margin-bottom:24px;
    display:flex;
    align-items:center
}
.ProductColumnsModule__header___dDNA5 h2 {
    font-size:24px;
    line-height:28px;
    font-weight:600;
    color:rgba(0,0,0,.85)
}
@media screen and (max-width:360px) {
    .ProductColumnsModule__header___dDNA5 {
        padding:0 16px
    }
}
@media screen and (min-width:768px) {
    .ProductColumnsModule__header___dDNA5 {
        padding:0 32px;
        min-height:40px
    }
    .ProductColumnsModule__header___dDNA5 h2 {
        font-size:28px;
        line-height:32px
    }
}
@media screen and (min-width:1200px) {
    .ProductColumnsModule__header___dDNA5 {
        padding:0
    }
    .ProductColumnsModule__header___dDNA5 h2 {
        font-size:32px;
        line-height:36px
    }
}
.FullScreenBanner__full-screen-banner___wlwtn {
    position:relative;
    top:-64px;
    margin-bottom:-64px;
    height:640px;
    display:flex;
    align-items:center;
    margin-top:0!important;
    background-color:rgba(0,0,0,.04)
}
@media (max-width:767px) {
    .FullScreenBanner__full-screen-banner___wlwtn {
        padding:56px 24px 0 24px;
        height:490px;
        top:-48px;
        margin-bottom:-48px
    }
}
@media (min-width:768px) {
    .FullScreenBanner__full-screen-banner___wlwtn {
        padding:0 32px;
        height:490px;
        top:-48px;
        margin-bottom:-48px
    }
}
@media (min-width:1200px) {
    .FullScreenBanner__full-screen-banner___wlwtn {
        height:640px;
        top:-64px;
        margin-bottom:-64px
    }
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__copy___M420u {
    width:100%;
    height:100%;
    display:flex;
    align-items:center
}
@media (max-width:767px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__copy___M420u {
        align-items:initial
    }
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__resouces___dTPkJ {
    height:100%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    overflow:hidden
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__box___uOyEq {
    position:relative;
    height:100%;
    width:100%
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__box___uOyEq video {
    opacity:0;
    position:absolute;
    height:auto;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    min-width:100%;
    min-height:100%;
    max-width:none!important;
    pointer-events:none;
    transition:opacity .3s;
    z-index:2;
    object-fit:contain
}
@media (max-width:767px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__box___uOyEq video {
        height:480px
    }
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__box___uOyEq img {
    opacity:1;
    height:100%;
    width:100%;
    object-fit:cover;
    pointer-events:none;
    position:relative;
    z-index:1
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__video___8YzTU video {
    opacity:1
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__video___8YzTU img {
    opacity:0;
    transition:opacity .3s
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O {
    max-width:1200px;
    width:100%;
    margin:0 auto;
    z-index:3;
    pointer-events:none
}
@media (min-width:768px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 {
        max-width:50%
    }
}
@media (max-width:767px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 {
        text-align:center
    }
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 .FullScreenBanner__eyebrow___Yu4aS {
    color:rgba(0,0,0,.65)
}
@media (max-width:767px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 .FullScreenBanner__eyebrow___Yu4aS {
        font-size:14px;
        line-height:24px
    }
}
@media (min-width:768px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 .FullScreenBanner__eyebrow___Yu4aS {
        font-size:16px;
        line-height:20px
    }
}
@media (min-width:1200px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 .FullScreenBanner__eyebrow___Yu4aS {
        font-size:24px;
        line-height:28px
    }
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 h2 {
    color:rgba(0,0,0,.85);
    font-weight:600
}
@media (max-width:767px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 h2 {
        font-size:32px;
        line-height:36px;
        display:inline-block;
        margin-top:8px
    }
}
@media (min-width:768px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 h2 {
        font-size:40px;
        line-height:48px;
        margin-top:8px
    }
}
@media (min-width:1200px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 h2 {
        font-size:64px;
        line-height:72px;
        margin-top:16px
    }
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 h2 picture {
    display:block
}
@media (max-width:767px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 h2 img {
        min-height:32px
    }
}
@media (min-width:768px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 h2 img {
        min-height:32px
    }
}
@media (min-width:1200px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 h2 img {
        min-height:64px;
        padding:0
    }
}
@media (min-width:768px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 h2.FullScreenBanner__new-line___nMRcC {
        margin-top:12px;
        max-width:400px
    }
}
@media (min-width:1200px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 h2.FullScreenBanner__new-line___nMRcC {
        margin-top:16px;
        max-width:initial
    }
}
@media (min-width:768px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 h2.FullScreenBanner__pc-new-line___AXDYj picture {
        line-height:0
    }
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 .FullScreenBanner__desc___vkwEE {
    color:#000
}
@media (max-width:767px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 .FullScreenBanner__desc___vkwEE {
        font-size:18px;
        line-height:24px;
        margin-top:8px
    }
}
@media (min-width:768px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 .FullScreenBanner__desc___vkwEE {
        font-size:20px;
        line-height:24px;
        margin-top:16px
    }
}
@media (min-width:1200px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 .FullScreenBanner__desc___vkwEE {
        font-size:28px;
        line-height:32px;
        margin-top:24px
    }
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__action___Lc32e {
    display:flex;
    flex-wrap:wrap
}
@media (max-width:767px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__action___Lc32e {
        margin-top:16px;
        grid-gap:8px;
        gap:8px;
        justify-content:center
    }
}
@media (min-width:768px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__action___Lc32e {
        margin-top:24px;
        grid-gap:16px;
        gap:16px
    }
}
@media (min-width:1200px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__action___Lc32e {
        margin-top:48px
    }
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__action___Lc32e a {
    position:relative;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    white-space:nowrap;
    transition:all .3s ease;
    touch-action:manipulation;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    border-radius:100px
}
@media (max-width:767px) {
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__action___Lc32e a.FullScreenBanner__buy-btn___MGJAU {
        padding:6px 12px;
        font-size:14px;
        min-height:32px!important
    }
    .FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__action___Lc32e a.FullScreenBanner__learn-more___HttK4 {
        padding:6px 12px;
        font-size:14px;
        min-height:32px!important
    }
}
.FullScreenBanner__full-screen-banner___wlwtn .FullScreenBanner__content___4Km7O .FullScreenBanner__action___Lc32e a {
    pointer-events:all
}
[data-theme=black] .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 .FullScreenBanner__eyebrow___Yu4aS {
    color:rgba(255,255,255,.65)
}
[data-theme=black] .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 .FullScreenBanner__desc___vkwEE,
[data-theme=black] .FullScreenBanner__content___4Km7O .FullScreenBanner__wrap___asPT7 h2 {
    color:#fff
}
.GroupHeader__header___Hk3zD {
    display:flex;
    justify-content:space-around;
    align-items:center;
    margin:0 auto;
    margin-bottom:24px;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    max-width:1200px;
    padding:0 24px
}
.GroupHeader__title___-qgRJ {
    font-size:24px;
    font-weight:600;
    color:rgba(0,0,0,.85);
    line-height:28px
}
.GroupHeader__copy___PL7io {
    flex:1 1
}
.GroupHeader__action___mjrOM {
    display:none
}
.GroupHeader__button___i5opo {
    width:40px;
    height:40px;
    border:1px solid #000;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%!important;
    transition:all .3s ease
}
.GroupHeader__button___i5opo:hover {
    background:rgba(0,0,0,.04)
}
.GroupHeader__button___i5opo.GroupHeader__focus-visible___u-IA9 {
    outline-offset:-5px
}
.GroupHeader__button___i5opo:focus-visible {
    outline-offset:-5px
}
.GroupHeader__right-btn___pvJsz {
    margin-left:8px
}
.GroupHeader__button-disabled___cUQ3d {
    border-color:rgba(0,0,0,.25);
    pointer-events:none
}
.GroupHeader__button-disabled___cUQ3d:hover {
    background:0 0
}
.GroupHeader__button-disabled___cUQ3d .btn-svg {
    fill:rgba(0,0,0,0.25)
}
@media (min-width:768px) {
    .GroupHeader__header___Hk3zD {
        padding:0 32px;
        min-height:40px
    }
    .GroupHeader__title___-qgRJ {
        font-size:28px;
        line-height:32px
    }
}
@media (min-width:1200px) {
    .GroupHeader__header___Hk3zD {
        padding:0
    }
    .GroupHeader__action___mjrOM {
        display:flex!important
    }
    .GroupHeader__title___-qgRJ {
        font-size:32px;
        line-height:36px;
        font-weight:600
    }
}
.ProductTag__product-tag___3tb1g {
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.ProductTag__primary-tag___DoDI5 {
    margin-right:4px
}
.NewArrivalCard__card-content___4agp8 {
    display:block;
    position:relative;
    height:100%
}
.NewArrivalCard__card-content___4agp8.NewArrivalCard__focus-visible___zDyIj {
    border-radius:6px
}
.NewArrivalCard__card-content___4agp8:focus-visible {
    border-radius:6px
}
.NewArrivalCard__card-content___4agp8 figure {
    padding-bottom:66.66%;
    border-radius:6px 6px 0 0;
    background-size:cover;
    background-position:bottom;
    position:relative
}
.NewArrivalCard__card-content___4agp8 .NewArrivalCard__placeholder___b7CDX {
    height:32px
}
@media (min-width:1200px) {
    .NewArrivalCard__card-content___4agp8 .NewArrivalCard__placeholder___b7CDX {
        height:48px
    }
}
.NewArrivalCard__card-content___4agp8 img {
    height:100%;
    object-fit:cover
}
.NewArrivalCard__card-content___4agp8 .NewArrivalCard__content___shGtg {
    position:relative;
    transition:all .3s ease;
    display:flex;
    flex-direction:column;
    border-radius:6px;
    height:calc(100% - 32px)
}
@media (min-width:1200px) {
    .NewArrivalCard__card-content___4agp8 .NewArrivalCard__content___shGtg {
        height:calc(100% - 48px)
    }
}
.NewArrivalCard__card-content___4agp8 .NewArrivalCard__content___shGtg:hover {
    box-shadow:0 8px 16px rgba(0,0,0,.1)
}
.NewArrivalCard__card-content___4agp8 .NewArrivalCard__content___shGtg img {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    object-fit:cover;
    border-radius:6px 6px 0 0
}
.NewArrivalCard__card-content___4agp8 .NewArrivalCard__content___shGtg .NewArrivalCard__text-content___vIRIc {
    position:relative;
    padding:0 24px 96px 24px;
    border-radius:0 0 6px 6px;
    flex:1 1;
    display:flex;
    flex-direction:column
}
@media (min-width:1200px) {
    .NewArrivalCard__card-content___4agp8 .NewArrivalCard__content___shGtg .NewArrivalCard__text-content___vIRIc {
        padding:0 32px 96px 32px
    }
}
.NewArrivalCard__card-content___4agp8 .NewArrivalCard__content___shGtg .NewArrivalCard__text-content___vIRIc>div {
    z-index:4
}
.NewArrivalCard__card-content___4agp8 .NewArrivalCard__front___EHImG {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    height:80%;
    width:100%;
    z-index:3;
    transition:all .6s ease;
    pointer-events:none;
    display:flex;
    justify-content:center;
    border-radius:8px;
    overflow:hidden
}
.NewArrivalCard__card-content___4agp8 .NewArrivalCard__mask___94nsG {
    position:absolute;
    bottom:-1px;
    height:33.33%;
    width:100%;
    z-index:2
}
.NewArrivalCard__label___\+beJH {
    position:absolute;
    left:8px;
    top:8px;
    background:#fa8c16;
    color:#fff;
    padding:4px 8px
}
.NewArrivalCard__shop___o3Gsj {
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:absolute;
    bottom:32px;
    width:calc(100% - 48px)
}
@media (min-width:1200px) {
    .NewArrivalCard__shop___o3Gsj {
        width:calc(100% - 64px)
    }
}
.NewArrivalCard__originPrice___M1JI3 {
    text-decoration:line-through;
    color:rgba(255,255,255,.45)
}
.NewArrivalCard__price___MWSm3 {
    color:#fff;
    font-size:14px;
    line-height:20px
}
@media (min-width:1200px) {
    .NewArrivalCard__price___MWSm3 {
        font-size:16px;
        line-height:20px
    }
}
.NewArrivalCard__buy-button___uoyW8 {
    position:relative;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    white-space:nowrap;
    text-align:center;
    transition:all .3s ease;
    touch-action:manipulation;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    cursor:pointer
}
.NewArrivalCard__title___Q-uZF {
    color:#fff;
    font-weight:600;
    font-size:24px;
    line-height:28px
}
@media (min-width:1200px) {
    .NewArrivalCard__title___Q-uZF {
        font-size:28px;
        line-height:32px
    }
}
.NewArrivalCard__title___Q-uZF {
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.NewArrivalCard__description___p9ny5 {
    color:rgba(255,255,255,.65);
    margin-top:8px;
    font-size:14px;
    line-height:20px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
@media (min-width:1200px) {
    .NewArrivalCard__description___p9ny5 {
        font-size:16px;
        line-height:20px
    }
}
.NewArrivalCard__product-tag___IRZbp {
    position:absolute;
    top:-20px;
    font-size:12px;
    line-height:16px
}
@media (min-width:1200px) {
    .NewArrivalCard__product-tag___IRZbp {
        font-size:14px;
        line-height:20px
    }
}
.NewArrivalCard__product-tag___IRZbp span {
    color:#fff!important
}
[data-component=NewArrival] div[class*=nav-icon-wrap] button[class*=left-arrow],
[data-component=NewArrival] div[class*=nav-icon-wrap] button[class*=right-arrow] {
    transform:unset
}
.NewArrivalModule__new-arrived-container___RlnOw {
    margin-bottom:-32px
}
.NewArrivalModule__scroller-platter___RzVFt {
    width:100%;
    padding-bottom:32px;
    z-index:99;
    display:flex;
    scroll-snap-type:x mandatory;
    overflow-x:auto;
    overflow-y:hidden;
    position:relative;
    -ms-overflow-style:none;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain
}
@media not all and (any-pointer:fine),(hover:none),(max-width:767px) {
    .NewArrivalModule__scroller-platter___RzVFt {
        scroll-snap-type:none
    }
}
.NewArrivalModule__scroller-platter___RzVFt::-webkit-scrollbar {
    display:none
}
.NewArrivalModule__scroller-platter___RzVFt [data-cards-scroller-item] {
    --col-gap:8px;
    --visible-cols:1;
    --col-hint:0.154168;
    --padding-left:24px;
    --total-gap:calc(var(--col-gap) * (var(--visible-cols)));
    --full-width:calc(100vw - var(--scrollbar-width, 0%));
    --col-size:calc((var(--full-width) - var(--total-gap) - var(--padding-left)) / (var(--visible-cols) + var(--col-hint)));
    --last-col-size:calc(var(--col-size) + var(--padding-left));
    scroll-snap-coordinate:left;
    scroll-snap-align:start;
    margin:0 calc(var(--col-gap)/ 2);
    flex:0 0 var(--col-size)
}
@media (min-width:768px) {
    .NewArrivalModule__scroller-platter___RzVFt [data-cards-scroller-item] {
        --col-gap:16px;
        --visible-cols:2;
        --col-hint:0.5;
        --padding-left:32px
    }
}
@media (min-width:1200px) {
    .NewArrivalModule__scroller-platter___RzVFt [data-cards-scroller-item] {
        --col-gap:16px;
        --visible-cols:3;
        --padding-left:calc((var(--full-width) - 1200px) / 2);
        --col-size:calc((1200px - (var(--visible-cols) - 1) * var(--col-gap)) / var(--visible-cols))
    }
}
.NewArrivalModule__scroller-platter___RzVFt [data-cards-scroller-item]:first-child {
    margin-left:0
}
.NewArrivalModule__scroller-platter___RzVFt [data-cards-scroller-item]:last-child {
    flex-basis:var(--last-col-size)
}
.NewArrivalModule__scroller-platter___RzVFt [data-cards-scroller-item]:last-child [data-cards-scroller-item-container]::after {
    content:'';
    padding-right:var(--padding-left)
}
.NewArrivalModule__scroller-platter___RzVFt [data-cards-scroller-item] [data-cards-scroller-item-container] {
    position:relative;
    height:100%;
    display:flex;
    transform:translateX(var(--padding-left))
}
.NewArrivalModule__scroller-platter___RzVFt [data-cards-scroller-item] [data-cards-scroller-item-content] {
    flex:1 1
}
.NewArrivalModule__card-container___oxvPM {
    box-sizing:border-box
}
@media (max-width:768px) {
    .InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw {
        border-radius:4px!important
    }
}
.InterestsCard__card___-aXkW {
    height:240px;
    display:flex;
    flex-direction:column
}
@media (min-width:768px) {
    .InterestsCard__card___-aXkW {
        height:320px
    }
}
@media (min-width:1200px) {
    .InterestsCard__card___-aXkW {
        height:400px
    }
}
.InterestsCard__card___-aXkW>button {
    display:flex;
    justify-content:center
}
@media (min-width:1200px) {
    .InterestsCard__card___-aXkW>button:hover {
        box-shadow:0 8px 16px rgba(0,0,0,.1)
    }
    .InterestsCard__card___-aXkW>button:hover figure {
        transform:scale(1.05)
    }
}
.InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw {
    position:relative;
    overflow:hidden;
    padding:8px;
    transition:box-shadow .3s ease;
    z-index:1
}
@media (min-width:768px) {
    .InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw {
        padding:16px 24px
    }
}
@media (min-width:1200px) {
    .InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw {
        padding:16px 32px
    }
}
.InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw {
    border-radius:6px
}
.InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw.InterestsCard__focus-visible___KLHhw {
    border-radius:6px
}
.InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw:focus-visible {
    border-radius:6px
}
.InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw:last-child {
    margin-top:var(--col-gap)
}
.InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw:first-child {
    margin-top:0
}
.InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw figure {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    transition:all .6s ease
}
.InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw figure img {
    object-fit:cover;
    width:100%;
    height:100%
}
.InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw .InterestsCard__title___5eG\+h {
    display:flex;
    align-items:start;
    justify-content:center;
    height:40px;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    padding:8px
}
@media (min-width:768px) {
    .InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw .InterestsCard__title___5eG\+h {
        padding:16px 24px
    }
}
@media (min-width:1200px) {
    .InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw .InterestsCard__title___5eG\+h {
        padding:16px 32px;
        height:48px
    }
}
.InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw .InterestsCard__title___5eG\+h p {
    display:block;
    position:relative;
    z-index:1;
    text-align:center;
    white-space:pre-line;
    font-weight:600;
    color:rgba(0,0,0,.85);
    font-size:14px;
    line-height:20px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
@media (min-width:768px) {
    .InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw .InterestsCard__title___5eG\+h p {
        font-size:16px;
        line-height:20px
    }
}
@media (min-width:1200px) {
    .InterestsCard__card___-aXkW .InterestsCard__card-sub-item___0Y6Nw .InterestsCard__title___5eG\+h p {
        letter-spacing:-.03em;
        font-size:20px;
        line-height:24px
    }
}
.InterestsCard__full-card___S4Z4X .InterestsCard__title___5eG\+h {
    margin-top:20px
}
@media (min-width:768px) {
    .InterestsCard__full-card___S4Z4X .InterestsCard__title___5eG\+h {
        margin-top:24px
    }
}
.InterestsCard__modal___FSeXv {
    overflow:hidden
}
.InterestsCard__modal___FSeXv main>:not(:first-child) {
    margin-top:16px
}
.InterestsCard__modal___FSeXv main>h2 {
    color:rgba(0,0,0,.85);
    font-weight:600;
    font-size:24px;
    line-height:28px
}
.InterestsCard__modal___FSeXv main>p {
    color:rgba(0,0,0,.65);
    line-height:24px
}
.InterestsCard__modal___FSeXv main a {
    color:#0060ef;
    line-height:24px;
    cursor:pointer
}
.InterestsCard__modal___FSeXv main a:hover {
    text-decoration:underline
}
@media (max-width:767px) {
    .Interests__card-list___hglH- [data-cards-scroller-item] {
        --col-size2:calc((var(--col-size) - var(--col-gap)) / 2);
        --last-col-size:calc(var(--col-size2) + var(--padding-left));
        flex:0 0 var(--col-size2)
    }
}
@media (min-width:768px) {
    .Interests__card-list___hglH- [data-cards-scroller-item] {
        --visible-cols:3;
        --col-size:calc((var(--full-width) - (var(--visible-cols) - 1) * var(--col-gap) - var(--padding-left) * 2) / var(--visible-cols))
    }
}
@media (min-width:1024px) {
    .Interests__card-list___hglH- [data-cards-scroller-item] {
        --visible-cols:4
    }
}
@media (min-width:1200px) {
    .Interests__card-list___hglH- [data-cards-scroller-item] {
        --visible-cols:4
    }
}
.BannerItem__event-banner-section___hElpm {
    display:none;
    flex-basis:0;
    margin-top:48px
}
.BannerItem__event-banner-section___hElpm .BannerItem__head-container___DadrF {
    display:flex;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:24px;
    padding:0 24px;
    align-items:center
}
.BannerItem__event-banner-section___hElpm .BannerItem__head-container___DadrF .BannerItem__title___ayEf- {
    font-weight:600;
    color:rgba(0,0,0,.85);
    font-size:24px;
    line-height:28px
}
.BannerItem__event-banner-section___hElpm .BannerItem__event-banner-item___cN9HF {
    border-radius:6px;
    transition:all .3s ease;
    position:relative;
    flex-grow:1;
    background-color:#fff
}
.BannerItem__event-banner-section___hElpm .BannerItem__event-banner-item___cN9HF:hover {
    box-shadow:0 15px 15px -10px rgba(0,0,0,.15);
    transition:all .3s ease
}
.BannerItem__event-banner-section___hElpm .BannerItem__event-banner-item___cN9HF:not(:last-child) {
    margin-right:0;
    margin-bottom:20px
}
.BannerItem__event-banner-section___hElpm .BannerItem__event-banner-item___cN9HF a {
    display:block;
    height:100%;
    background-size:cover;
    background-position:50%;
    border-radius:6px
}
.BannerItem__event-banner-section___hElpm .BannerItem__event-banner-item___cN9HF img {
    object-fit:cover;
    height:100%;
    width:100%
}
.BannerItem__event-banner-section___hElpm .BannerItem__event-banner-item___cN9HF .BannerItem__text-style___9uAgZ {
    text-align:center;
    font-size:18px;
    line-height:32px;
    width:100%;
    left:50%;
    transform:translateX(-50%);
    position:absolute;
    top:20px;
    font-weight:600;
    padding:0 72px
}
.BannerItem__event-banner-section___hElpm .BannerItem__event-banner-container___qnPgR {
    height:500px;
    display:flex;
    flex-direction:column;
    padding:0 24px;
    margin-left:auto;
    margin-right:auto
}
@media (min-width:768px) {
    .BannerItem__event-banner-section___hElpm {
        margin-top:64px;
        display:block
    }
    .BannerItem__event-banner-section___hElpm .BannerItem__head-container___DadrF {
        padding:0 32px;
        min-height:40px
    }
    .BannerItem__event-banner-section___hElpm .BannerItem__head-container___DadrF .BannerItem__title___ayEf- {
        font-size:28px;
        line-height:32px
    }
    .BannerItem__event-banner-section___hElpm .BannerItem__event-banner-container___qnPgR {
        height:400px;
        flex-direction:initial;
        padding:0 32px
    }
    .BannerItem__event-banner-section___hElpm .BannerItem__event-banner-item___cN9HF .BannerItem__text-style___9uAgZ {
        font-size:24px;
        line-height:28px;
        top:48px
    }
    .BannerItem__event-banner-section___hElpm .BannerItem__event-banner-item___cN9HF:not(:last-child) {
        margin-right:16px;
        margin-bottom:0
    }
}
@media (min-width:1200px) {
    .BannerItem__event-banner-section___hElpm {
        margin-top:64px
    }
    .BannerItem__event-banner-section___hElpm .BannerItem__head-container___DadrF {
        padding:0;
        display:flex;
        width:1200px;
        margin-left:auto;
        margin-right:auto
    }
    .BannerItem__event-banner-section___hElpm .BannerItem__head-container___DadrF .BannerItem__title___ayEf- {
        font-size:32px;
        line-height:36px
    }
    .BannerItem__event-banner-section___hElpm .BannerItem__event-banner-container___qnPgR {
        height:400px;
        width:1200px;
        display:flex;
        padding:0;
        margin-left:auto;
        margin-right:auto
    }
}
.BannerItem__wrap___j7fWT {
    position:relative;
    display:block;
    width:100%;
    height:240px;
    overflow:hidden;
    border-radius:6px
}
.BannerItem__image-holder___a7cwo {
    display:block;
    width:100%;
    height:100%
}
.BannerItem__image___uipnS {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-height:100%
}
@supports (object-fit:cover) {
    .BannerItem__image___uipnS {
        position:static;
        transform:translate(0,0);
        object-fit:cover;
        height:100%;
        width:100%
    }
}
.BannerItem__small___5xjBT {
    display:flex;
    align-items:center;
    justify-content:center
}
.BannerItem__small___5xjBT .BannerItem__text-wrap___C8TeU {
    position:absolute;
    width:156px;
    height:100%;
    left:0;
    right:0;
    margin:0 auto
}
.BannerItem__small___5xjBT .BannerItem__text-info___rTVNb {
    position:absolute;
    top:16px;
    text-align:center;
    left:8px;
    right:8px
}
.BannerItem__small___5xjBT .BannerItem__text-info___rTVNb .BannerItem__title___-vFpx {
    font-weight:600;
    font-size:16px;
    line-height:24px
}
.BannerItem__large___QdJKS {
    display:flex;
    align-items:center;
    justify-content:center
}
.BannerItem__large___QdJKS .BannerItem__text-wrap___C8TeU {
    position:absolute;
    width:320px;
    height:100%;
    left:0;
    right:0;
    margin:0 auto
}
.BannerItem__large___QdJKS .BannerItem__text-info___rTVNb {
    position:absolute
}
.BannerItem__large___QdJKS .BannerItem__text-info___rTVNb .BannerItem__title___-vFpx {
    font-weight:600;
    font-size:20px;
    line-height:24px
}
.BannerItem__large___QdJKS .BannerItem__text-info___rTVNb p {
    line-height:24px;
    margin-top:8px
}
.BannerItem__large___QdJKS .BannerItem__text-info___rTVNb.BannerItem__left___2fjb9.BannerItem__top___X20b8 {
    top:24px;
    left:16px;
    width:160px
}
.BannerItem__large___QdJKS .BannerItem__text-info___rTVNb.BannerItem__center___\+QiBY {
    text-align:center
}
.BannerItem__large___QdJKS .BannerItem__text-info___rTVNb.BannerItem__center___\+QiBY.BannerItem__middle___L4l9q {
    text-align:center;
    top:50%;
    left:16px;
    right:16px;
    transform:translateY(-50%)
}
.BannerItem__large___QdJKS .BannerItem__text-info___rTVNb.BannerItem__center___\+QiBY.BannerItem__top___X20b8 {
    text-align:center;
    top:24px;
    left:16px;
    right:16px
}
.BannerItem__large___QdJKS .BannerItem__text-info___rTVNb.BannerItem__center___\+QiBY.BannerItem__bottom___Fa\+z8 {
    text-align:center;
    bottom:24px;
    left:16px;
    right:16px
}
.BannerItem__auto___KKhpc {
    height:auto;
    display:flex;
    align-items:center;
    justify-content:center
}
.BannerItem__auto___KKhpc .BannerItem__text-wrap___C8TeU {
    position:absolute;
    width:320px;
    height:100%;
    left:0;
    right:0;
    margin:0 auto
}
.BannerItem__auto___KKhpc .BannerItem__text-info___rTVNb {
    position:absolute
}
.BannerItem__auto___KKhpc .BannerItem__text-info___rTVNb .BannerItem__title___-vFpx {
    font-weight:600;
    font-size:20px;
    line-height:24px
}
.BannerItem__auto___KKhpc .BannerItem__text-info___rTVNb p {
    line-height:24px;
    margin-top:8px
}
.BannerItem__auto___KKhpc .BannerItem__text-info___rTVNb.BannerItem__left___2fjb9.BannerItem__top___X20b8 {
    top:24px;
    left:16px;
    width:160px
}
.BannerItem__auto___KKhpc .BannerItem__text-info___rTVNb.BannerItem__center___\+QiBY {
    text-align:center
}
.BannerItem__auto___KKhpc .BannerItem__text-info___rTVNb.BannerItem__center___\+QiBY.BannerItem__middle___L4l9q {
    text-align:center;
    top:50%;
    left:16px;
    right:16px;
    transform:translateY(-50%)
}
.BannerItem__auto___KKhpc .BannerItem__text-info___rTVNb.BannerItem__center___\+QiBY.BannerItem__top___X20b8 {
    text-align:center;
    top:24px;
    left:16px;
    right:16px
}
.BannerItem__auto___KKhpc .BannerItem__text-info___rTVNb.BannerItem__center___\+QiBY.BannerItem__bottom___Fa\+z8 {
    text-align:center;
    bottom:24px;
    left:16px;
    right:16px
}
.BannerItem__slider___BFlrs .BannerItem__center___\+QiBY.BannerItem__bottom___Fa\+z8 {
    bottom:40px!important
}
.style__event-banner-section___4e0l8 {
    flex-basis:0;
    margin-top:48px
}
.style__event-banner-section___4e0l8 .style__head-container___-VWJs {
    display:flex;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:24px;
    padding:0 24px
}
.style__event-banner-section___4e0l8 .style__head-container___-VWJs .style__title___sal\+h {
    font-weight:600;
    color:rgba(0,0,0,.85);
    font-size:24px;
    line-height:28px
}
.style__event-banner-section___4e0l8 .style__event-banner-container___fhUIj {
    display:flex;
    flex-direction:column;
    padding:0 24px;
    margin-left:auto;
    margin-right:auto
}
.style__event-banner-section___4e0l8 .style__event-banner-container___fhUIj a {
    margin-bottom:16px
}
.style__event-banner-section___4e0l8 .style__event-banner-container___fhUIj a:last-child {
    margin-bottom:0
}
@media only screen and (min-width:768px) {
    .style__event-banner-section___4e0l8 {
        display:none
    }
}
@media (max-width:768px) {
    .style__container___enZ5K .style__banner-content___SMaw1 {
        border-radius:4px!important
    }
}
.style__big-interspersed-banner___O8YrK {
    margin-top:48px
}
.style__small-interspersed-banner___UBFDP {
    margin-top:48px
}
.style__container___enZ5K {
    width:100%;
    margin:0 auto;
    padding:0 24px
}
.style__container___enZ5K .style__small-banner-content___sZcaS {
    position:relative;
    height:64px;
    display:flex;
    align-items:center;
    border-radius:6px;
    overflow:hidden
}
.style__container___enZ5K .style__small-banner-content___sZcaS picture {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    transition:all .6s ease
}
.style__container___enZ5K .style__small-banner-content___sZcaS img {
    height:100%;
    width:100%;
    object-fit:cover
}
.style__container___enZ5K .style__small-banner-content___sZcaS .style__copy___iLA14 {
    padding:10px 24px;
    width:100%;
    z-index:1
}
.style__container___enZ5K .style__small-banner-content___sZcaS .style__copy___iLA14 .style__title___mKdq9 {
    color:rgba(0,0,0,.85);
    width:50%;
    font-weight:600;
    font-size:16px;
    line-height:20px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.style__container___enZ5K .style__small-banner-content___sZcaS .style__copy___iLA14 .style__title___mKdq9.style__white-font-color___DlH0Z {
    color:#fff
}
.style__container___enZ5K .style__banner-content___SMaw1 {
    min-height:128px;
    padding:24px;
    align-items:center;
    display:flex;
    background-color:#fff;
    position:relative;
    border-radius:6px;
    overflow:hidden
}
.style__container___enZ5K .style__banner-content___SMaw1 picture {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    transition:all .6s ease
}
.style__container___enZ5K .style__banner-content___SMaw1 img {
    height:100%;
    width:100%;
    object-fit:cover
}
.style__container___enZ5K .style__banner-content___SMaw1 .style__copy___iLA14 {
    width:calc(50% - 16px);
    z-index:1
}
.style__container___enZ5K .style__banner-content___SMaw1 .style__copy___iLA14 .style__eyebrow___ovjwt {
    color:rgba(0,0,0,.65);
    font-size:12px;
    line-height:16px;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.style__container___enZ5K .style__banner-content___SMaw1 .style__copy___iLA14 .style__eyebrow___ovjwt.style__white-font-color___DlH0Z {
    color:rgba(255,255,255,.65)
}
.style__container___enZ5K .style__banner-content___SMaw1 .style__copy___iLA14 .style__title___mKdq9 {
    margin-top:4px;
    font-weight:600;
    color:rgba(0,0,0,.85);
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:16px;
    line-height:20px
}
.style__container___enZ5K .style__banner-content___SMaw1 .style__copy___iLA14 .style__title___mKdq9.style__white-font-color___DlH0Z {
    color:#fff
}
@media (min-width:768px) {
    .style__big-interspersed-banner___O8YrK {
        margin-top:64px
    }
    .style__small-interspersed-banner___UBFDP {
        margin-top:64px
    }
    .style__container___enZ5K {
        padding:0 32px
    }
    .style__container___enZ5K .style__small-banner-content___sZcaS {
        height:96px
    }
    .style__container___enZ5K .style__small-banner-content___sZcaS .style__copy___iLA14 {
        padding:10px 48px;
        width:100%
    }
    .style__container___enZ5K .style__small-banner-content___sZcaS .style__copy___iLA14 .style__title___mKdq9 {
        text-align:center;
        max-width:50%;
        padding-right:48px;
        font-size:20px;
        line-height:24px;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .style__container___enZ5K .style__banner-content___SMaw1 {
        min-height:256px;
        padding:48px
    }
    .style__container___enZ5K .style__banner-content___SMaw1 .style__copy___iLA14 {
        width:50%
    }
    .style__container___enZ5K .style__banner-content___SMaw1 .style__copy___iLA14 .style__eyebrow___ovjwt {
        font-size:16px;
        line-height:20px
    }
    .style__container___enZ5K .style__banner-content___SMaw1 .style__copy___iLA14 .style__title___mKdq9 {
        margin-top:8px;
        font-size:28px;
        line-height:32px
    }
}
@media (min-width:1200px) {
    .style__big-interspersed-banner___O8YrK {
        margin-top:64px
    }
    .style__small-interspersed-banner___UBFDP {
        margin-top:64px
    }
    .style__container___enZ5K {
        width:1200px;
        padding:0
    }
    .style__container___enZ5K .style__small-banner-content___sZcaS:hover picture {
        transform:scale(1.03)
    }
    .style__container___enZ5K .style__small-banner-content___sZcaS .style__copy___iLA14 {
        padding:0 64px
    }
    .style__container___enZ5K .style__small-banner-content___sZcaS .style__copy___iLA14 .style__title___mKdq9 {
        text-align:center;
        padding-right:64px;
        max-width:50%;
        font-size:24px;
        line-height:28px;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .style__container___enZ5K .style__banner-content___SMaw1 {
        min-height:320px;
        padding:64px
    }
    .style__container___enZ5K .style__banner-content___SMaw1 .style__copy___iLA14 .style__title___mKdq9 {
        margin-top:8px;
        font-size:32px;
        line-height:40px
    }
    .style__container___enZ5K .style__banner-content___SMaw1 .style__copy___iLA14 .style__eyebrow___ovjwt {
        font-size:20px;
        line-height:24px
    }
    .style__container___enZ5K .style__banner-content___SMaw1:hover picture {
        transform:scale(1.05)
    }
}
.style__nav-icon___5bbrv .style__nav-icon-items___RTK2c {
    padding-left:24px;
    display:flex;
    overflow-x:scroll;
    transition:all .3s ease
}
.style__nav-icon___5bbrv .style__nav-icon-items___RTK2c::after {
    content:' ';
    width:0;
    height:100%;
    padding-right:24px;
    white-space:pre
}
.style__nav-icon___5bbrv .style__nav-icon-items___RTK2c::-webkit-scrollbar {
    display:none
}
.style__nav-icon___5bbrv .style__nav-icon-item___AUrWs {
    flex-shrink:0;
    display:flex;
    align-items:flex-end;
    margin-right:8px;
    background:rgba(0,0,0,.25);
    border-radius:4px;
    overflow:hidden;
    width:104px;
    height:104px;
    position:relative
}
.style__nav-icon___5bbrv .style__nav-icon-item___AUrWs:last-child {
    margin-right:0
}
.style__nav-icon___5bbrv .style__nav-icon-item___AUrWs a {
    display:block;
    letter-spacing:-.02em;
    width:104px;
    height:104px;
    font-size:12px;
    line-height:16px
}
.style__nav-icon___5bbrv .style__nav-icon-item___AUrWs img {
    width:100%;
    height:100%;
    object-fit:cover
}
.style__nav-icon___5bbrv .style__nav-icon-item___AUrWs .style__title___j98O8 {
    letter-spacing:-.02em;
    font-weight:600;
    color:#fff;
    transition:all .3s ease;
    padding:8px;
    width:100%;
    text-align:center;
    position:absolute;
    left:0;
    bottom:0;
    font-size:12px;
    line-height:16px
}
@media (min-width:768px) {
    .style__nav-icon___5bbrv {
        display:none
    }
}
.NavIcon__nav-icon___IMDyi {
    display:none;
    padding:8px 0 16px;
    background:#fff;
    z-index:1!important;
    position:initial!important
}
.NavIcon__nav-icon___IMDyi .NavIcon__nav-icon-items___7Y0Sd {
    width:1200px;
    min-width:700px;
    display:flex;
    justify-content:center;
    margin-left:auto;
    margin-right:auto;
    padding:0
}
.NavIcon__nav-icon___IMDyi .NavIcon__nav-icon-item___mCnMI {
    width:120px;
    padding:0 8px
}
.NavIcon__nav-icon___IMDyi .NavIcon__nav-icon-item___mCnMI a {
    color:rgba(0,0,0,.85);
    text-align:center;
    text-decoration:none;
    display:block;
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em
}
.NavIcon__nav-icon___IMDyi .NavIcon__nav-icon-item___mCnMI .NavIcon__icon___O4WKF {
    line-height:64px;
    display:inline-block;
    vertical-align:middle;
    width:64px;
    height:64px
}
.NavIcon__nav-icon___IMDyi .NavIcon__nav-icon-item___mCnMI .NavIcon__title___wlMKu {
    margin-top:4px;
    display:block
}
.NavIcon__nav-icon___IMDyi .NavIcon__nav-icon-item___mCnMI:hover {
    text-decoration:underline
}
@media only screen and (min-width:1200px) {
    .NavIcon__nav-icon___IMDyi {
        display:block
    }
}
.nav-icon-card div[class*=card-list] {
    padding-bottom:24px;
    padding-top:0
}
[data-responsive-page] [data-component=NavIcon] {
    background-color:#fff;
    display:block;
    margin-top:0;
    padding-top:16px
}
@media (max-width:1199px) {
    [data-responsive-page] [data-component=NavIcon] {
        display:none
    }
}
[data-responsive-page] .show-banner {
    background:0 0;
    padding:0;
    margin-top:48px!important
}
@media (max-width:1919px) {
    [data-responsive-page] .show-banner {
        margin-top:40px!important
    }
}
@media (max-width:1503px) {
    [data-responsive-page] .show-banner {
        margin-top:32px!important
    }
}
.nav-icon-card {
    margin-bottom:0
}
.nav-icon-card [data-cards-scroller-item] {
    --col-gap:35px;
    --visible-cols:11;
    --padding-left:calc((var(--full-width) - 1660px) / 2)!important;
    --col-size:calc((var(--full-width) - (var(--visible-cols) - 1) * var(--col-gap) - var(--padding-left) * 2) / var(--visible-cols))!important
}
@media (max-width:1919px) {
    .nav-icon-card [data-cards-scroller-item] {
        --col-gap:20px;
        --visible-cols:11;
        --padding-left:calc((var(--full-width) - 1440px) / 2)!important
    }
}
@media (max-width:1503px) {
    .nav-icon-card [data-cards-scroller-item] {
        --col-gap:4px;
        --padding-left:32px!important
    }
}
.CardComponent__nav-icon-item___dkZPK {
    width:120px;
    padding:0 8px
}
.CardComponent__nav-icon-item___dkZPK a {
    color:rgba(0,0,0,.85);
    text-align:center;
    text-decoration:none;
    display:block;
    letter-spacing:-.02em;
    width:140px
}
@media (max-width:1919px) {
    .CardComponent__nav-icon-item___dkZPK a {
        width:130px
    }
}
@media (max-width:1503px) {
    .CardComponent__nav-icon-item___dkZPK a {
        width:120px
    }
}
.CardComponent__nav-icon-item___dkZPK .CardComponent__icon___CFK6d {
    line-height:96px;
    display:inline-block;
    vertical-align:middle;
    width:96px;
    height:96px
}
@media (max-width:1919px) {
    .CardComponent__nav-icon-item___dkZPK .CardComponent__icon___CFK6d {
        width:88px;
        height:88px;
        line-height:88px
    }
}
@media (max-width:1503px) {
    .CardComponent__nav-icon-item___dkZPK .CardComponent__icon___CFK6d {
        width:80px;
        height:80px;
        line-height:80px
    }
}
.CardComponent__nav-icon-item___dkZPK .CardComponent__title___xX2vo {
    text-align:center;
    font-size:14px;
    line-height:24px;
    color:rgba(0,0,0,.85);
    width:140px
}
@media (max-width:1919px) {
    .CardComponent__nav-icon-item___dkZPK .CardComponent__title___xX2vo {
        width:130px;
        font-size:12px;
        line-height:16px
    }
}
@media (max-width:1503px) {
    .CardComponent__nav-icon-item___dkZPK .CardComponent__title___xX2vo {
        width:120px
    }
}
.CardComponent__nav-icon-item___dkZPK:hover {
    text-decoration:underline
}
@media (min-width:1920px) {
    div[class*=footer-container] {
        max-width:1664px;
        padding-left:0;
        padding-right:0
    }
}
@media (min-width:1200px) {
    div[class*=footer-container] {
        min-width:1200px;
        max-width:1504px;
        padding-left:32px;
        padding-right:32px
    }
    div[class*=www-footer] div[class*=container],
    footer[class*=store-footer] div[class*=container] {
        width:auto;
        max-width:100%
    }
}
#nav [class*=index-module__product-item] {
    background:#0000000d
}
#nav [class*=index-module__product-item]:hover {
    background:#00000005
}
#nav [class*=index-module__fourth-product-item] {
    background-color:#0000000d
}
[data-page=product] [class*=Content__extra-accessories-container___] [class*=Content__btn___] {
    cursor:pointer
}
@media (max-width:767px) {
    section[data-test-locator=sectionBundleDealsItems] div[class*=style__new-combo-thumb-img] {
        width:48px!important;
        height:48px!important
    }
    section[data-test-locator=onSaleEssentialAccessoryPools] div[class*=style__new-combo-thumb-img] {
        width:48px!important;
        height:48px!important
    }
}
@media (max-width:1199px) {
    #app .section-container[class*=__footer-container___] [class*=__features-container___] {
        width:100%
    }
}
@media (max-width:1200px) {
    button[class*=GuideCard__card__] [class*=GuideCard__content_] {
        position:absolute;
        top:0;
        left:0
    }
}
@media (min-width:1200px) {
    [class*=FullScreenBanner__full-screen-banner] [class*=FullScreenBanner__content],
    [class*=FullScreenBanner__full-screen-banner] [class*=FullScreenBanner__content] {
        max-width:1440px
    }
    .cc-window.cc-bar .cc-dialog,
    [class*=desktop-module__dji-navbar]>[class*=desktop-module__container],
    [class*=fingerpost-module__fingerpost] [class*=fingerpost-module__container],
    [class*=GroupHeader__header],
    [class*=ProductColumnsModule__section-container],
    #app [class*=section-container],
    [class*=ProductList__container][class*=ProductList__container] {
        max-width:1504px;
        padding-left:32px;
        padding-right:32px
    }
    [class*=NavIcon__nav-icon] [class*=NavIcon__nav-icon-items] {
        width:auto
    }
    #app [class*=section-container] [class*=ProductList__container][class*=ProductList__container] {
        padding-left:0;
        padding-right:0
    }
    [class*=style__big-interspersed-banner] [class*=style__container],
    [class*=BannerItem__event-banner-section] [class*=BannerItem__head-container],
    [class*=BannerItem__event-banner-section] [class*=BannerItem__event-banner-container] {
        max-width:1504px;
        width:100%;
        padding-left:32px;
        padding-right:32px
    }
    [class*=CardsScroller__card-list] [data-cards-scroller-item] {
        --padding-left:32px;
        --col-size:calc((var(--full-width) - (var(--visible-cols) - 1)*var(--col-gap) - var(--padding-left)*2)/var(--visible-cols))
    }
    [class*=PrimarySection__primary-section] {
        margin:24px 0 16px
    }
    #global-popup [class*=style__container]>div:first-child {
        max-width:1440px;
        width:100%!important
    }
    [class*=style__features] [class*=style__features-container],
    [class*=styles__store-footer] [class*=styles__container],
    [class*=styles__www-footer] [class*=styles__container] {
        width:auto
    }
    .fingerpost-module__fingerpost___1SA8Z .fingerpost-module__container___2X8Fl {
        padding-left:32px;
        padding-right:32px
    }
}
@media (min-width:1504px) {
    [class*=CardsScroller__card-list] [data-cards-scroller-item] {
        --padding-left:calc((var(--full-width) - 1440px)/2);
        --col-size:calc((1292px - (var(--visible-cols) - 1)*var(--col-gap))/var(--visible-cols))
    }
    [class*=CardsScroller__card-list] [data-cards-scroller-item]:nth-last-child(3):first-child,
    [class*=CardsScroller__card-list] [data-cards-scroller-item]:nth-last-child(3):first-child~div,
    [class*=Interests__card-list] [data-cards-scroller-item] {
        --col-size:calc((1440px - (var(--visible-cols) - 1)*var(--col-gap))/var(--visible-cols))
    }
    [class*=GuideCard__card] {
        height:525px
    }
    [class*=CardsScroller__card-list] [data-cards-scroller-item]:nth-last-child(3):first-child [class*=GuideCard__card],
    [class*=CardsScroller__card-list] [data-cards-scroller-item]:nth-last-child(3):first-child~div [class*=GuideCard__card] {
        height:587px
    }
    [class*=InterestsCard__card] {
        height:450px
    }
    [class*=PrimarySection__primary-section] {
        height:576px;
        margin:24px 0 16px
    }
    [class*=style__container] [class*=style__banner-content] {
        min-height:360px
    }
    [class*=BannerItem__event-banner-section] [class*=BannerItem__event-banner-container] {
        width:1440px;
        height:480px;
        padding-left:0;
        padding-right:0
    }
}
@media (min-width:1920px) {
    .cc-window.cc-bar .cc-dialog,
    [class*=desktop-module__dji-navbar]>[class*=desktop-module__container],
    [class*=fingerpost-module__fingerpost] [class*=fingerpost-module__container],
    [class*=GroupHeader__header],
    [class*=ProductColumnsModule__section-container],
    #app [class*=section-container],
    [class*=ProductList__container][class*=ProductList__container] {
        max-width:1664px;
        padding-left:0;
        padding-right:0
    }
    [class*=style__big-interspersed-banner] [class*=style__container],
    [class*=BannerItem__event-banner-section] [class*=BannerItem__head-container],
    [class*=BannerItem__event-banner-section] [class*=BannerItem__event-banner-container] {
        max-width:1664px;
        width:100%;
        padding-left:0;
        padding-right:0
    }
    [class*=FullScreenBanner__full-screen-banner] [class*=FullScreenBanner__content] {
        max-width:1664px
    }
    [class*=CardsScroller__card-list] [class*=NewArrivalModule__card-container] {
        --padding-left:calc((var(--full-width) - 1664px)/2);
        --visible-cols:3;
        --col-gap:16px;
        --col-size:calc((1484px - (var(--visible-cols) - 1)*var(--col-gap))/var(--visible-cols))
    }
    [class*=CardsScroller__card-list] [class*=NewArrivalModule__card-container] [class*=NewArrivalCard__card-content_] {
        height:560px
    }
    [class*=Interests__card-list] [data-cards-scroller-item] {
        --padding-left:calc((var(--full-width) - 1664px)/2);
        --visible-cols:4;
        --col-gap:16px;
        --col-size:calc((1664px - (var(--visible-cols) - 1)*var(--col-gap))/var(--visible-cols))
    }
    [class*=Interests__card-list] [class*=InterestsCard__card_] {
        height:520px
    }
    [class*=ProductSection__section-content] {
        grid-gap:16px;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        grid-template-columns:1fr 1fr 1fr 1fr 1fr;
        padding:0;
        display:grid
    }
    [class*=ProductSection__section-content] [class*=AccessoriesItem__title_] {
        font-size:20px;
        line-height:28px
    }
    [class*=ProductSection__section-content] [class*=AccessoriesItem__content__] {
        padding:16px 24px 84px
    }
    [class*=PrimarySection__primary-section] {
        margin:24px 0 16px;
        height:665px!important
    }
    [class*=ProductList__card-list] {
        grid-gap:16px;
        grid-template-columns:1fr 1fr 1fr 1fr 1fr
    }
    [class*=ProductCard__product-card] [class*=ProductCard__content] {
        padding:16px 24px 84px
    }
    [class*=ProductCard__product-card] [class*=ProductCard__content] [class*=ProductCard__title] {
        font-size:20px;
        line-height:28px
    }
    [class*=GuideCardList__container_] [class*=CardsScroller__card-list] [data-cards-scroller-item] {
        --padding-left:calc((var(--full-width) - 1664px)/2);
        --visible-cols:3;
        --col-gap:16px;
        --col-size:calc((1484px - (var(--visible-cols) - 1)*var(--col-gap))/var(--visible-cols))
    }
    [class*=GuideCardList__container_] [class*=CardsScroller__card-list] [data-cards-scroller-item] [class*=GuideCard__card_] {
        height:605px
    }
    [class*=GuideCardList__container_] [class*=CardsScroller__card-list] [data-cards-scroller-item]:nth-last-child(3):first-child,
    [class*=GuideCardList__container_] [class*=CardsScroller__card-list] [data-cards-scroller-item]:nth-last-child(3):first-child~div {
        --visible-cols:3;
        --col-size:calc((1664px - (var(--visible-cols) - 1)*var(--col-gap))/var(--visible-cols))
    }
    [class*=GuideCardList__container_] [class*=CardsScroller__card-list] [data-cards-scroller-item]:nth-last-child(3):first-child [class*=GuideCard__card],
    [class*=GuideCardList__container_] [class*=CardsScroller__card-list] [data-cards-scroller-item]:nth-last-child(3):first-child~div [class*=GuideCard__card] {
        height:676px!important
    }
}
@media (min-width:1504px) {
    [class*=ProductSection__section-content] {
        grid-gap:16px;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        grid-template-columns:1fr 1fr 1fr 1fr 1fr;
        padding:0;
        display:grid
    }
    [class*=ProductSection__section-content] [class*=AccessoriesItem__title_] {
        font-size:20px;
        line-height:28px
    }
    [class*=ProductSection__section-content] [class*=AccessoriesItem__content__] {
        padding:16px 24px 84px
    }
    [class*=ProductList__card-list] {
        grid-gap:16px;
        grid-template-columns:1fr 1fr 1fr 1fr 1fr
    }
    [class*=ProductCard__product-card] [class*=ProductCard__content] {
        padding:16px 24px 84px
    }
    [class*=ProductCard__product-card] [class*=ProductCard__shop] {
        padding:0 24px
    }
    [class*=ProductCard__product-card] [class*=ProductCard__content] [class*=ProductCard__title] {
        font-size:20px;
        line-height:28px
    }
}
html[lang=zh-CN] #section-footer-wrapper [class*=style__features-section]:last-child {
    display:none
}
.index_echat__YTUBd {
    height:40px;
    margin:0;
    position:relative;
    width:40px
}
.index_echat__YTUBd:hover svg {
    transform:scale(1.4)
}
.index_echat__YTUBd:hover .index_notification__WlZ6d {
    opacity:1;
    transform:translateX(-12px);
    visibility:visible
}
.index_button__AYB9- {
    -webkit-tap-highlight-color:transparent;
    align-items:center;
    -webkit-animation-duration:.4s;
    animation-duration:.4s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    background:#fff;
    border:none;
    border-radius:100%;
    box-shadow:0 8px 16px rgba(0,0,0,.1);
    color:rgba(0,0,0,.85);
    cursor:pointer;
    display:flex;
    height:100%;
    justify-content:center;
    margin-bottom:constant(safe-area-inset-bottom)!important;
    min-height:40px!important;
    min-width:40px!important;
    text-align:center;
    width:100%
}
.index_button__AYB9- svg {
    transform:scale(1.1)
}
.index_button__AYB9- .index_img__T18ZA {
    border-radius:50%;
    height:40px;
    -o-object-fit:cover;
    object-fit:cover;
    width:40px
}
.index_button__AYB9-.index_show__gv1Bk {
    opacity:1;
    transition:opacity .4s ease-in-out;
    visibility:visible
}
.index_button__AYB9-:not(.index_show__gv1Bk) {
    opacity:0;
    visibility:hidden
}
.index_notification__WlZ6d {
    align-items:center;
    bottom:0;
    color:rgba(0,0,0,.85);
    cursor:default;
    display:flex;
    font-size:14px;
    line-height:20px;
    pointer-events:none;
    position:absolute;
    right:40px;
    top:0;
    transform-origin:right bottom;
    transition:all .3s ease;
    transition-delay:.1s
}
.index_notification__WlZ6d .index_desc__ISHb0 {
    align-items:center;
    background:#fff;
    border-radius:8px;
    box-shadow:0 8px 16px rgba(0,0,0,.1);
    box-sizing:border-box;
    display:flex;
    min-height:56px;
    padding:12px 16px;
    width:240px
}
.index_notification__WlZ6d .index_point__eStsW {
    background-color:#fff;
    bottom:0;
    content:"";
    height:8px;
    margin:auto;
    position:absolute;
    right:-4px;
    top:0;
    transform:rotate(45deg);
    width:8px
}
@media (min-width:768px) {
    .index_notification__WlZ6d {
        opacity:0;
        transform:translateX(28px);
        visibility:hidden
    }
    .index_pcAnimation__tpSmT {
        -webkit-animation-duration:5.6s;
        animation-duration:5.6s;
        -webkit-animation-name:index_pc-animation__6F-9v;
        animation-name:index_pc-animation__6F-9v;
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear
    }
}
@media (max-width:768px) {
    .index_echat__YTUBd:hover .index_notification__WlZ6d,
    .index_notification__WlZ6d {
        opacity:0;
        visibility:hidden
    }
    .index_notification__WlZ6d {
        border-radius:4px;
        transform:translateX(0);
        transition:all .3s ease 0s
    }
    .index_notification__WlZ6d .index_desc__ISHb0 {
        box-sizing:border-box;
        min-height:48px;
        padding:8px 12px;
        width:216px
    }
    .index_notification__WlZ6d .index_point__eStsW {
        background:#fff;
        height:8px;
        position:absolute;
        right:-4px;
        transform:rotate(45deg);
        width:8px
    }
    .index_mAnimation__T8jdh {
        -webkit-animation-duration:5.6s;
        animation-duration:5.6s;
        -webkit-animation-name:index_mobile-animation__RrToH;
        animation-name:index_mobile-animation__RrToH;
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear
    }
}
.index_hideTips__u4N1R {
    opacity:0!important;
    visibility:hidden!important
}
@-webkit-keyframes index_pc-animation__6F-9v {
    0% {
        opacity:0;
        transform:translateX(28px);
        visibility:hidden
    }
    5%,
    95% {
        opacity:1;
        transform:translateX(-12px);
        visibility:visible
    }
    to {
        opacity:0;
        transform:translateX(28px);
        visibility:hidden
    }
}
@keyframes index_pc-animation__6F-9v {
    0% {
        opacity:0;
        transform:translateX(28px);
        visibility:hidden
    }
    5%,
    95% {
        opacity:1;
        transform:translateX(-12px);
        visibility:visible
    }
    to {
        opacity:0;
        transform:translateX(28px);
        visibility:hidden
    }
}
@-webkit-keyframes index_mobile-animation__RrToH {
    0% {
        opacity:0;
        transform:translateX(24px);
        visibility:hidden
    }
    5%,
    95% {
        opacity:1;
        transform:translateX(-4px);
        visibility:visible
    }
    to {
        opacity:0;
        transform:translateX(24px);
        visibility:hidden
    }
}
@keyframes index_mobile-animation__RrToH {
    0% {
        opacity:0;
        transform:translateX(24px);
        visibility:hidden
    }
    5%,
    95% {
        opacity:1;
        transform:translateX(-4px);
        visibility:visible
    }
    to {
        opacity:0;
        transform:translateX(24px);
        visibility:hidden
    }
}
.style_goto-top__sl1KN {
    align-items:center;
    -webkit-animation-duration:.4s;
    animation-duration:.4s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    background:#fff;
    border:none;
    border-radius:100%;
    box-shadow:0 8px 16px rgba(0,0,0,.1);
    cursor:pointer;
    display:flex;
    height:40px;
    justify-content:center;
    min-height:40px!important;
    min-width:40px!important;
    opacity:1;
    overflow:hidden;
    text-align:center;
    width:40px
}
.style_goto-top__sl1KN svg {
    height:20px;
    width:20px
}
.style_goto-top__sl1KN:hover svg {
    transform:scale(1.2)
}
.style_goto-top__sl1KN.style_show__laMby {
    opacity:1;
    transition:opacity .4s ease-in-out;
    visibility:visible
}
.style_goto-top__sl1KN:not(.style_show__laMby) {
    opacity:0;
    visibility:hidden
}
.index_modal__tOf2O {
    align-items:center;
    background-color:rgba(0,0,0,.5);
    bottom:0;
    display:flex;
    justify-content:center;
    left:0;
    opacity:0;
    position:fixed;
    right:0;
    top:0;
    transition-duration:.3s;
    transition-property:opacity;
    transition-timing-function:linear
}
.index_modal-show__3FSa0 {
    opacity:1
}
.index_modal-content__qf8ZH {
    background-color:#fff;
    bottom:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    left:0;
    max-height:80%;
    overflow-y:auto;
    position:fixed;
    right:0;
    transform:translateY(100%);
    transition-duration:.3s;
    transition-property:transform;
    transition-timing-function:linear;
    width:100%
}
.index_modal-content-show__Wt-ij {
    transform:translateY(1px)
}
.index_Toast__iJPDP {
    bottom:80px;
    color:#fff;
    line-height:0;
    pointer-events:none;
    position:fixed;
    text-align:center;
    top:auto;
    width:100%;
    z-index:9999
}
.index_Toast-bottom__FcWCV {
    opacity:0;
    transform:translateY(40px)
}
.index_Toast-content__kgzAe {
    align-items:Center;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-name:index_fade__UV3Zn;
    animation-name:index_fade__UV3Zn;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease;
    background:#3b3e40;
    border-radius:4px;
    box-sizing:border-box;
    color:#fff;
    display:inline-flex;
    font-size:14px;
    letter-spacing:-.02em;
    line-height:1.5;
    max-width:calc(100vw - 32px);
    overflow:hidden;
    padding:8px;
    word-break:break-all
}
@-webkit-keyframes index_fade__UV3Zn {
    0% {
        opacity:0;
        transform:translateY(40px)
    }
    15% {
        opacity:1;
        transform:translateY(0)
    }
    50% {
        opacity:1;
        transform:translateY(0)
    }
    85% {
        opacity:1;
        transform:translateY(0)
    }
    to {
        opacity:0;
        transform:translateY(40px)
    }
}
@keyframes index_fade__UV3Zn {
    0% {
        opacity:0;
        transform:translateY(40px)
    }
    15% {
        opacity:1;
        transform:translateY(0)
    }
    50% {
        opacity:1;
        transform:translateY(0)
    }
    85% {
        opacity:1;
        transform:translateY(0)
    }
    to {
        opacity:0;
        transform:translateY(40px)
    }
}
.index_echat-wrapper__vRjaI {
    grid-gap:16px;
    align-items:center;
    bottom:88px;
    display:flex;
    flex-direction:column;
    gap:16px;
    position:fixed;
    right:32px;
    z-index:100
}
.index_service-modal__yXvXq>div {
    -webkit-tap-highlight-color:transparent;
    z-index:1010
}
.index_service-modal__yXvXq button {
    -webkit-tap-highlight-color:transparent;
    background:transparent;
    border:none;
    color:#6c7073;
    padding:0;
    width:100%
}
.index_service-modal__yXvXq .index_customer-title__2et29 {
    background:0 0;
    border-bottom:none;
    color:#3b3e40;
    display:flex;
    font-size:18px;
    font-weight:500;
    justify-content:space-between;
    letter-spacing:-.03em;
    line-height:1.6;
    margin:0;
    padding:12px 16px
}
.index_headset-icon__9UwMc {
    display:block
}
.index_modal-list__mJWIJ,
.index_service-link__5nLmn {
    color:#3b3e40;
    text-decoration:none
}
.index_modal-list__mJWIJ {
    background-color:#fff;
    border:1px solid transparent;
    cursor:pointer;
    display:block;
    display:flex;
    flex-direction:column;
    margin:0;
    outline:none;
    padding:16px;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.index_modal-list__mJWIJ:after {
    background:#f0f1f2;
    bottom:0;
    content:"";
    display:block;
    height:1px;
    left:16px;
    position:absolute;
    right:0
}
.index_modal-list__mJWIJ .index_modal-list-head__A8MpX {
    display:flex;
    letter-spacing:-.02em;
    width:100%
}
.index_modal-list__mJWIJ .index_modal-list-head__A8MpX .index_icon-headline__fVShI {
    align-items:center;
    display:flex;
    flex:1 1 auto;
    font-size:16px;
    font-weight:500;
    margin-right:8px;
    overflow:hidden
}
.index_modal-list__mJWIJ .index_modal-list-head__A8MpX .index_icon-headline__fVShI svg {
    height:24px;
    margin-right:16px;
    width:24px
}
.index_modal-list__mJWIJ .index_modal-list-head__A8MpX .index_arrow__xo5wd {
    align-items:center;
    display:flex;
    flex:0 0 auto;
    transform:rotate(90deg)
}
.index_modal-list__mJWIJ .index_modal-list-head__A8MpX .index_arrow__xo5wd svg {
    height:24px;
    width:24px
}
.index_modal-list__mJWIJ .index_modal-list-content__9yTSO {
    color:#6c7073;
    font-size:12px;
    letter-spacing:-.02em;
    line-height:1.5;
    padding-left:40px;
    padding-top:16px;
    text-align:left
}
.index_modal-list__mJWIJ .index_modal-list-content__9yTSO button {
    text-align:left;
    width:100%
}
#accountCenterFeedbackComponentContainer {
    right:32px!important;
    top:0!important;
    z-index:100!important
}
#accountCenterFeedbackComponentContainer div[class*=_sideBar_] {
    background-color:#2b62df;
    bottom:-48px;
    height:40px;
    width:40px
}
#accountCenterFeedbackComponentContainer .hide-icon {
    opacity:0;
    visibility:hidden
}
#accountCenterFeedbackComponentContainer .appear-icon {
    opacity:1;
    transition:opacity .4s ease-in-out;
    visibility:visible
}
#accountCenterFeedbackComponentContainer div[class*=_card_] {
    right:38px
}
#accountCenterFeedbackComponentContainer div[class*=_showCard_] {
    bottom:-50px
}
@media (max-width:768px) {
    .index_echat-wrapper__vRjaI {
        bottom:72px;
        right:16px
    }
    #accountCenterFeedbackComponentContainer {
        right:16px!important
    }
    #accountCenterFeedbackComponentContainer div[class*=_showCard_],
    #accountCenterFeedbackComponentContainer div[class*=_sideBar_] {
        bottom:-64px
    }
}
@media (max-width:456px) {
    #accountCenterFeedbackComponentContainer {
        right:16px!important
    }
    #accountCenterFeedbackComponentContainer div[class*=_sideBar_] {
        bottom:-64px
    }
    #accountCenterFeedbackComponentContainer div[class*=_showCard_] {
        bottom:0
    }
}
.account-feedback-global {
    font-family:Open Sans,PingFang SC,Microsoft YaHei,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,sans-serif
}
.account-feedback-global *:not(svg,
path,
rect) {
    all:unset
}
.account-feedback-global svg,
.account-feedback-global path,
.account-feedback-global rect {
    display:initial;
    vertical-align:initial
}
.account-feedback-global .feedback-hidden {
    display:none!important
}
@media screen and (max-width: 456px) {
    .feedback-overflow-hidden {
        overflow:hidden!important
    }
}
.account-feedback-global {
    --account-center-feedback-main-text-color: rgba(0, 0, 0, .85);
    --account-center-feedback-main-title-font-size: 16px;
    --account-center-feedback-main-title-font-weight: 600;
    --account-center-feedback-main-title-padding-right: 0;
    --account-center-feedback-card-background: #fff;
    --account-center-feedback-card-width: 338px;
    --account-center-feedback-card-min-width: 240px;
    --account-center-feedback-card-close-icon-color: rgba(0, 0, 0, .85);
    --account-center-feedback-card-close-icon-color-hover: rgba(0, 0, 0, .04);
    --account-center-feedback-card-close-icon-color-active: rgba(0, 0, 0, .06);
    --account-center-feedback-card-close-icon-top: 1.5px;
    --account-center-feedback-card-close-icon-right: 1.5px;
    --account-center-feedback-card-arrow-color: #fff;
    --account-center-feedback-card-placeholder-height: 40px;
    --account-center-feedback-scrollbar-track-background: #f1f1f1;
    --account-center-feedback-scrollbar-thumb-background: #c1c1c1;
    --account-center-feedback-scrollbar-thumb-hover-background: #a8a8a8;
    --account-center-feedback-scrollbar-thumb-active-background: #787878;
    --account-center-feedback-line-color: rgba(0, 0, 0, .06);
    --account-center-feedback-star-flex-align-items: center;
    --account-center-feedback-star-icon-color: rgba(0, 0, 0, .06);
    --account-center-feedback-star-icon-size: 24px;
    --account-center-feedback-star-margin: 0 24px;
    --account-center-feedback-checkbox-stroke-color: rgba(0, 0, 0, .15);
    --account-center-feedback-checkbox-selected-background-color: #262626;
    --account-center-feedback-checkbox-hover-stroke-color: rgba(0, 0, 0, .15);
    --account-center-feedback-choice-page-margin: 0 24px 16px;
    --account-center-feedback-text-area-font-color: fieldtext;
    --account-center-feedback-text-area-background-color: field;
    --account-center-feedback-text-area-border: 1px solid rgba(0, 0, 0, .15);
    --account-center-feedback-text-area-font-size: 16px;
    --account-center-feedback-text-area-word-count-color: rgba(0, 0, 0, .45);
    --account-center-feedback-text-area-input-border: 1px solid rgba(0, 0, 0, .15);
    --account-center-feedback-text-area-input-focus-border: 1px solid rgba(0, 0, 0, .15);
    --account-center-feedback-text-area-caret-color: rgba(0, 0, 0, .85);
    --account-center-feedback-textarea-margin: 0 24px 24px;
    --account-center-feedback-input-area-height: 50px;
    --account-center-feedback-radio-border-color: #d7dae0;
    --account-center-feedback-radio-checked-border-color: #212733;
    --account-center-feedback-radio-checked-border-width: 4px;
    --account-center-feedback-radio-hover-border-color: #212733;
    --account-center-feedback-radio-margin-left: 24px;
    --account-center-feedback-radio-margin-right: 24px;
    --account-center-feedback-radio-margin-bottom: 24px;
    --account-center-feedback-radio-label-margin-bottom: 12px;
    --account-center-feedback-button-background-color: #262626;
    --account-center-feedback-button-hover-background-color: #434343;
    --account-center-feedback-button-active-background-color: #1f1f1f;
    --account-center-feedback-button-disabled-background-color: rgba(0, 0, 0, .04);
    --account-center-feedback-button-disabled-font-color: rgba(0, 0, 0, .25);
    --account-center-feedback-button-margin-bottom: 16px;
    --account-center-feedback-button-width:calc(100% - 64px);
    --account-center-feedback-thanks-background: #fff;
    --account-center-feedback-thanks-font-size: 18px;
    --account-center-feedback-thanks-icon-color: #31d158;
    --account-center-feedback-scrollbar-width: 8px;
    --account-center-feedback-scrollbar-height: 8px
}
.account-feedback-white-theme {
    --account-center-feedback-sidebar-background: white;
    --account-center-feedback-sidebar-hover-background: white;
    --account-center-feedback-sidebar-width: 40px;
    --account-center-feedback-sidebar-height: 40px;
    --account-center-feedback-mobile-sidebar-width: 40px;
    --account-center-feedback-mobile-sidebar-height: 40px;
    --account-center-feedback-sidebar-icon-width: 18px;
    --account-center-feedback-sidebar-icon-height: 18px;
    --account-center-feedback-mobile-sidebar-icon-width: 18px;
    --account-center-feedback-mobile-sidebar-icon-height: 18px;
    --account-center-feedback-sidebar-icon-fill-color: #2b62df;
    --account-center-feedback-card-position-right: 40px
}
.account-feedback-global._global_wv1xx_1 {
    z-index:100!important;
    display:flex;
    box-sizing:border-box
}
.account-feedback-global._global_wv1xx_1 ._feedbackMask_wv1xx_6 {
    width:0;
    height:0;
    background-color:#00000080;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    opacity:0
}
@media screen and (max-width: 456px) {
    .account-feedback-global._global_wv1xx_1 ._feedbackMaskOpen_wv1xx_17 {
        transition:opacity .4s ease;
        width:100%;
        height:100%;
        opacity:1
    }
}
@media screen and (max-width: 456px) {
    .account-feedback-global._global_wv1xx_1 ._feedbackMaskClose_wv1xx_25 {
        animation-name:_fade-out_wv1xx_1;
        animation-duration:.5s
    }
}
@keyframes _fade-out_wv1xx_1 {
    0% {
        height:100%;
        width:100%
    }
    to {
        width:0;
        height:0
    }
}
.account-feedback-global ._feedBack_ltypc_1 {
    align-self:center;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    flex-grow:1;
    align-items:flex-start;
    order:0;
    margin:0 24px;
    background:var(--account-center-feedback-thanks-background);
    border-radius:4px;
    text-align:center
}
.account-feedback-global ._feedBack_ltypc_1 path {
    fill:var(--account-center-feedback-thanks-icon-color)
}
.account-feedback-global ._checkCircle_ltypc_17 {
    margin:0 auto;
    height:42px
}
.account-feedback-global ._thanksText_ltypc_21 {
    color:var(--account-center-feedback-main-text-color);
    display:flex;
    margin:19px auto 24px;
    font-size:var(--account-center-feedback-thanks-font-size);
    font-weight:600;
    line-height:24px
}
.account-feedback-global ._buttonContainer_mdmxn_1 {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:var(--account-center-feedback-button-margin-bottom)
}
.account-feedback-global button._button_mdmxn_1 {
    justify-content:center;
    align-items:center;
    height:38px;
    min-height:38px;
    width:var(--account-center-feedback-button-width);
    border:1px solid #262626;
    border-radius:4px;
    background-color:var(--account-center-feedback-button-background-color);
    text-align:center;
    transition:all .3s ease;
    color:#fff!important;
    -webkit-text-fill-color:#fff
}
.account-feedback-global button._button_mdmxn_1:disabled {
    cursor:not-allowed;
    background:var(--account-center-feedback-button-disabled-background-color);
    border:1px solid rgba(0,0,0,.15);
    color:var(--account-center-feedback-button-disabled-font-color)!important;
    -webkit-text-fill-color:var(--account-center-feedback-button-disabled-font-color)
}
.account-feedback-global button._button_mdmxn_1:enabled {
    cursor:pointer
}
.account-feedback-global button._button_mdmxn_1:enabled._pcButton_mdmxn_32:hover {
    background-color:var(--account-center-feedback-button-hover-background-color)
}
.account-feedback-global button._button_mdmxn_1:enabled._pcButton_mdmxn_32:active {
    background-color:var(--account-center-feedback-button-active-background-color)
}
.account-feedback-global ._mobileButton_mdmxn_38 {
    -webkit-tap-highlight-color:transparent
}
.account-feedback-global ._star_14q5j_1 {
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    flex-grow:1;
    margin:var(--account-center-feedback-star-margin);
    background:var(--account-center-feedback-card-background);
    border-radius:4px;
    justify-content:center;
    align-items:var(--account-center-feedback-star-flex-align-items)
}
.account-feedback-global ._starTitle_14q5j_12 {
    display:flex;
    flex-grow:0;
    margin-bottom:16px;
    padding-right:var(--account-center-feedback-main-title-padding-right);
    font-size:var(--account-center-feedback-main-title-font-size);
    font-style:normal;
    font-weight:var(--account-center-feedback-main-title-font-weight);
    line-height:20px;
    color:var(--account-center-feedback-main-text-color);
    word-wrap:break-word;
    word-break:break-word
}
.account-feedback-global ._require_14q5j_25 {
    color:red;
    display:inline
}
.account-feedback-global ._rateText_14q5j_29 {
    position:relative;
    width:101px;
    left:-26px;
    margin-top:7px;
    font-size:12px;
    color:var(--account-center-feedback-main-text-color);
    line-height:16px;
    transform:scale(.8333);
    transition:.1s all ease;
    text-align:center
}
.account-feedback-global ._starContent_14q5j_41 {
    margin-bottom:14px;
    display:flex;
    transform:rotate(180deg);
    width:100%;
    justify-content:space-evenly
}
.account-feedback-global ._starText_14q5j_48 {
    position:relative;
    display:flex;
    flex-direction:column
}
.account-feedback-global ._starBlock_14q5j_53 {
    position:relative;
    display:inline-block;
    cursor:pointer
}
.account-feedback-global ._rateStar_14q5j_58 {
    position:relative;
    left:12px;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    width:var(--account-center-feedback-star-icon-size);
    height:var(--account-center-feedback-star-icon-size)
}
.account-feedback-global ._rateStar_14q5j_58 path {
    fill:var(--account-center-feedback-star-icon-color)
}
.account-feedback-global ._showRateText_14q5j_69 {
    opacity:1
}
.account-feedback-global ._hideRateText_14q5j_72 {
    opacity:0
}
.account-feedback-global ._starRate_14q5j_75 {
    width:48px;
    min-height:32px;
    display:inline-block;
    -webkit-tap-highlight-color:transparent;
    transform:rotate(180deg);
    cursor:pointer
}
.account-feedback-global ._starRate_14q5j_75 svg {
    padding:0
}
.account-feedback-global ._starRate_14q5j_75 ._rateText_14q5j_29 {
    opacity:0;
    transition:all .4s ease
}
.account-feedback-global ._starRate_14q5j_75:hover ._rateText_14q5j_29 {
    opacity:1!important
}
.account-feedback-global ._starRate_14q5j_75:hover path,
.account-feedback-global ._starRate_14q5j_75:hover~._starRate_14q5j_75 path {
    fill:#f5c400;
    fill-opacity:1;
    transition:all .4s ease
}
.account-feedback-global ._chosenStarRate_14q5j_99 ._rateText_14q5j_29 {
    opacity:1
}
.account-feedback-global ._chosenStarRate_14q5j_99 path,
.account-feedback-global ._chosenStarRate_14q5j_99~._starRate_14q5j_75 path {
    fill:#f5c400;
    fill-opacity:1;
    transition:all .4s ease
}
.account-feedback-global ._choiceOption_30yek_1 {
    display:flex;
    margin-bottom:8px;
    cursor:pointer;
    word-wrap:break-word;
    word-break:break-word;
    overflow-wrap:break-word
}
.account-feedback-global ._checkboxContainer_30yek_9 {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:8px;
    height:20px
}
.account-feedback-global ._checkboxContainer_30yek_9 rect {
    stroke:var(--account-center-feedback-checkbox-stroke-color)
}
.account-feedback-global ._checkboxContainer_30yek_9:hover rect {
    stroke:var(--account-center-feedback-checkbox-hover-stroke-color)
}
.account-feedback-global ._checkBoxIcon_30yek_22 {
    object-fit:scale-down;
    display:flex;
    justify-content:center;
    align-items:center
}
.account-feedback-global ._checkBoxIcon_30yek_22._isCheckBoxSelected_30yek_28 rect {
    fill:var(--account-center-feedback-checkbox-selected-background-color);
    stroke:var(--checkbox-selected-stroke-color)
}
.account-feedback-global ._label_30yek_32 {
    color:var(--account-center-feedback-main-text-color)
}
.account-feedback-global ._choicePage_u8knf_1 {
    margin:var(--account-center-feedback-choice-page-margin);
    display:flex;
    flex-direction:column;
    line-height:20px;
    align-self:flex-start
}
.account-feedback-global ._choiceTitle_u8knf_8 {
    display:flex;
    margin-bottom:8px;
    font-size:var(--account-center-feedback-main-title-font-size);
    padding-right:var(--account-center-feedback-main-title-padding-right);
    font-weight:var(--account-center-feedback-main-title-font-weight);
    letter-spacing:-.02em;
    color:var(--account-center-feedback-main-text-color);
    word-wrap:break-word;
    word-break:break-word
}
.account-feedback-global ._require_u8knf_19 {
    color:red;
    display:inline
}
.account-feedback-global ._line_ksiv2_1 {
    max-height:1px;
    min-height:1px;
    background-color:var(--account-center-feedback-line-color);
    margin-bottom:24px
}
._radioGroupContainer_11psn_1 ._radioLabelContainer_11psn_1 {
    cursor:pointer;
    display:flex;
    width:auto;
    -webkit-tap-highlight-color:transparent
}
._radioGroupContainer_11psn_1 ._radioLabelContainer_11psn_1 ._radio_11psn_1 {
    margin-top:2px;
    margin-right:4px;
    display:inline
}
._radioGroupContainer_11psn_1 ._radioLabelContainer_11psn_1 ._radio_11psn_1 ._radioInput_11psn_12 {
    width:16px;
    height:16px;
    inset:0;
    z-index:1;
    cursor:pointer;
    appearance:auto;
    opacity:0;
    box-sizing:border-box;
    position:absolute;
    margin:0;
    padding:0;
    display:none
}
._radioGroupContainer_11psn_1 ._radioLabelContainer_11psn_1 ._radio_11psn_1 ._radioInputInner_11psn_26 {
    box-sizing:border-box;
    position:relative;
    inset-block-start:0;
    inset-inline-start:0;
    display:block;
    width:16px;
    height:16px;
    border-color:var(--account-center-feedback-radio-border-color);
    border-style:solid;
    border-width:1px;
    border-radius:50%;
    transition:all .2s
}
._radioGroupContainer_11psn_1 ._radioLabelContainer_11psn_1 ._labelText_11psn_40 {
    color:var(--account-center-feedback-main-text-color);
    word-wrap:break-word;
    word-break:break-word
}
._radioGroupContainer_11psn_1 ._radioLabelContainer_11psn_1:hover ._radioInputInner_11psn_26 {
    border-color:var(--account-center-feedback-radio-hover-border-color)
}
._radioGroupContainer_11psn_1 ._radioLabelContainer_11psn_1:not(:last-child) {
    margin-bottom:var(--account-center-feedback-radio-label-margin-bottom)
}
._radioGroupContainer_11psn_1 ._radioLabelContainerChecked_11psn_51 ._radioChecked_11psn_51 ._radioInputInner_11psn_26 {
    background-color:#fff;
    border-width:var(--account-center-feedback-radio-checked-border-width);
    border-color:var(--account-center-feedback-radio-checked-border-color)
}
.account-feedback-global ._radioQuestionContainer_1uton_1 {
    margin-left:var(--account-center-feedback-radio-margin-left);
    margin-right:var(--account-center-feedback-radio-margin-right);
    margin-bottom:var(--account-center-feedback-radio-margin-bottom)
}
.account-feedback-global ._radioQuestionContainer_1uton_1 ._radioQuestionTitle_1uton_6 {
    font-size:var(--account-center-feedback-main-title-font-size);
    padding-right:var(--account-center-feedback-main-title-padding-right);
    line-height:22px;
    font-weight:var(--account-center-feedback-main-title-font-weight);
    display:block;
    margin-bottom:12px;
    word-wrap:break-word;
    word-break:break-word;
    color:var(--account-center-feedback-main-text-color)
}
.account-feedback-global ._require_1uton_17 {
    color:red;
    display:inline
}
.account-feedback-global ._textarea_wzsra_1 {
    margin:var(--account-center-feedback-textarea-margin)
}
.account-feedback-global ._textarea_wzsra_1 textarea {
    font-size:var(--account-center-feedback-text-area-font-size);
    writing-mode:horizontal-tb!important;
    text-rendering:auto;
    color:var(--account-center-feedback-text-area-font-color);
    letter-spacing:normal;
    word-spacing:normal;
    line-height:normal;
    text-transform:none;
    text-indent:0;
    text-shadow:none;
    display:block;
    text-align:start;
    -webkit-rtl-ordering:logical;
    resize:none;
    cursor:text;
    white-space:pre-wrap;
    word-wrap:break-word;
    word-break:break-word;
    background-color:var(--account-center-feedback-text-area-background-color);
    column-count:initial!important;
    margin:0;
    border:var(--account-center-feedback-text-area-border);
    border-radius:4px;
    outline:none
}
.account-feedback-global ._title_wzsra_30 {
    color:var(--account-center-feedback-main-text-color);
    padding-right:var(--account-center-feedback-main-title-padding-right);
    display:flex;
    font-size:var(--account-center-feedback-main-title-font-size);
    line-height:20px;
    font-weight:var(--account-center-feedback-main-title-font-weight);
    margin-bottom:8px;
    word-wrap:break-word;
    word-break:break-word
}
.account-feedback-global ._require_wzsra_41 {
    color:red;
    display:inline
}
.account-feedback-global ._inputArea_wzsra_45 {
    box-sizing:border-box;
    height:var(--account-center-feedback-input-area-height);
    width:100%;
    background:#fff;
    border:var(--account-center-feedback-text-area-input-border);
    border-radius:4px;
    padding:0 4px;
    caret-color:var(--account-center-feedback-text-area-caret-color)
}
.account-feedback-global ._inputArea_wzsra_45:focus {
    border:var(--account-center-feedback-text-area-input-focus-border)
}
.account-feedback-global ._inputArea_wzsra_45:hover {
    border:var(--account-center-feedback-text-area-input-focus-border)
}
.account-feedback-global ._wordCount_wzsra_63 {
    position:relative;
    left:calc(100% - 36px);
    font-weight:400;
    font-size:12px;
    line-height:16px;
    letter-spacing:-.02em;
    color:var(--account-center-feedback-text-area-word-count-color)
}
.account-feedback-global ._card_1najy_1 {
    position:absolute;
    bottom:0;
    right:48px;
    right:var(--account-center-feedback-card-position-right, 48px);
    box-sizing:border-box;
    margin-right:12px;
    font-size:14px;
    line-height:20px;
    border-radius:4px;
    filter:drop-shadow(0 8px 16px rgba(0,0,0,.1));
    transform:scale(.9);
    transform-origin:right bottom;
    background:var(--account-center-feedback-card-background);
    width:var(--account-center-feedback-card-width);
    min-width:var(--account-center-feedback-card-min-width)
}
.account-feedback-global ._card_1najy_1 ::-webkit-scrollbar {
    width:var(--account-center-feedback-scrollbar-width);
    height:var(--account-center-feedback-scrollbar-height)
}
.account-feedback-global ._card_1najy_1 ::-webkit-scrollbar-track {
    background-color:var(--account-center-feedback-scrollbar-track-background)
}
.account-feedback-global ._card_1najy_1 ::-webkit-scrollbar-thumb {
    border-radius:6px;
    background-color:var(--account-center-feedback-scrollbar-thumb-background)
}
.account-feedback-global ._card_1najy_1 ::-webkit-scrollbar-thumb:hover {
    background-color:var(--account-center-feedback-scrollbar-thumb-hover-background)
}
.account-feedback-global ._card_1najy_1 ::-webkit-scrollbar-thumb:active {
    background-color:var(--account-center-feedback-scrollbar-thumb-active-background)
}
.account-feedback-global ._showCard_1najy_36 {
    visibility:visible;
    transform:translate(0);
    opacity:1;
    transition:opacity,transform .4s ease
}
.account-feedback-global ._hideCard_1najy_42 {
    visibility:hidden;
    opacity:0;
    transition-delay:.1s
}
.account-feedback-global ._hideCardWithoutDelay_1najy_47 {
    visibility:hidden;
    opacity:0;
    z-index:-1
}
.account-feedback-global ._cardContainer_1najy_52 {
    overflow-y:auto;
    overflow-x:hidden;
    position:relative;
    display:block;
    overscroll-behavior-y:contain;
    max-height:160px;
    max-height:var(--account-center-feedback-max-height);
    max-height:calc(100vh - var(--account-center-feedback-top-margin, 64px) - var(--account-center-feedback-botton-margin, 140px))
}
@media screen and (max-height: 280px) {
    .account-feedback-global ._cardContainer_1najy_52 {
        max-height:160px;
        max-height:var(--account-center-feedback-max-height);
        max-height:calc(280px - var(--account-center-feedback-top-margin, 64px) - var(--account-center-feedback-botton-margin, 140px))
    }
}
.account-feedback-global ._cardContent_1najy_69 {
    display:flex;
    flex-direction:column;
    position:relative
}
.account-feedback-global ._closeIcon_1najy_74 {
    display:flex;
    flex-direction:column;
    align-items:center;
    position:absolute;
    top:var(--account-center-feedback-card-close-icon-top);
    right:var(--account-center-feedback-card-close-icon-right);
    width:32px;
    height:32px;
    cursor:pointer;
    transition:all .3s ease;
    -webkit-tap-highlight-color:transparent
}
.account-feedback-global ._closeIcon_1najy_74 path {
    fill:var(--account-center-feedback-card-close-icon-color)
}
.account-feedback-global ._closeIcon_1najy_74 ._closeSvg_1najy_90 {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(.9)
}
.account-feedback-global ._closeIcon_1najy_74:hover {
    background:var(--account-center-feedback-card-close-icon-color-hover);
    border-radius:99px
}
.account-feedback-global ._closeIcon_1najy_74:active {
    background:var(--account-center-feedback-card-close-icon-color-active);
    border-radius:99px
}
.account-feedback-global ._card_1najy_1:before {
    height:6px;
    position:absolute;
    right:-3px;
    bottom:20px;
    transform:rotate(45deg);
    width:6px;
    content:"";
    background-color:var(--account-center-feedback-card-arrow-color)
}
.account-feedback-global ._cardArrowHide_1najy_114:before {
    content:none
}
.account-feedback-global ._placeholder_1najy_117 {
    content:"";
    height:var(--account-center-feedback-card-placeholder-height)
}
@media screen and (max-width: 456px) {
    .account-feedback-global ._card_1najy_1 {
        position:fixed;
        left:0;
        width:100vw;
        transition:bottom .4s ease;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0
    }
    .account-feedback-global ._hideCard_1najy_42,
    .account-feedback-global ._hideCardWithoutDelay_1najy_47 {
        bottom:-100%
    }
    .account-feedback-global ._showCard_1najy_36 {
        bottom:0
    }
}
.account-feedback-global ._sideBar_1lt7b_1 {
    position:absolute;
    right:0;
    bottom:0;
    background-color:#0060e7;
    background-color:var(--account-center-feedback-sidebar-background, #0060e7);
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    width:var(--account-center-feedback-sidebar-width, 48px);
    height:48px;
    height:var(--account-center-feedback-sidebar-height, 48px);
    border-radius:50%;
    box-shadow:0 8px 16px #0000001a;
    transition:opacity .4s ease
}
.account-feedback-global ._sideBar_1lt7b_1:hover {
    background-color:#1a6de8;
    background-color:var(--account-center-feedback-sidebar-hover-background, #1a6de8)
}
.account-feedback-global ._sideBar_1lt7b_1 ._sidebarIcon_1lt7b_22 {
    width:20px;
    width:var(--account-center-feedback-sidebar-icon-width, 20px);
    height:20px;
    height:var(--account-center-feedback-sidebar-icon-height, 20px)
}
.account-feedback-global ._sideBar_1lt7b_1 ._sidebarIcon_1lt7b_22 path {
    fill:#fff;
    fill:var(--account-center-feedback-sidebar-icon-fill-color, white)
}
@media screen and (max-width: 456px) {
    .account-feedback-global ._sideBar_1lt7b_1 {
        width:40px;
        width:var(--account-center-feedback-mobile-sidebar-width, 40px);
        height:40px;
        height:var(--account-center-feedback-mobile-sidebar-height, 40px)
    }
    .account-feedback-global ._sideBar_1lt7b_1 ._sidebarIcon_1lt7b_22 {
        width:18px;
        width:var(--account-center-feedback-mobile-sidebar-icon-width, 18px);
        height:18px;
        height:var(--account-center-feedback-mobile-sidebar-icon-height, 18px)
    }
}
.account-feedback-global ._feedbackSideBarHidden_1lt7b_46 {
    opacity:0;
    pointer-events:none
}
.wp-optin-dialog-container {
    padding:24px 16px;
    font-family:'Open Sans','PingFang SC','Microsoft YaHei','Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei',Arial,sans-serif;
    border:none;
    box-shadow:0 8px 16px rgb(0 0 0 / 10%);
    letter-spacing:-.02em
}
@media screen and (min-width:768px) {
    div.wp-optin-dialog-container {
        padding:24px 24px 16px 24px;
        border-radius:10px;
        width:400px;
        right:68px!important;
        left:initial!important;
        top:80px!important;
        bottom:initial!important;
        transform:none
    }
}
@media screen and (max-width:767px) {
    .wp-optin-dialog-container {
        border-radius:8px 8px 0 0;
        width:100%
    }
    .wp-optin-dialog-container .wp-optin-dialog-body {
        flex-direction:column;
        align-items:center
    }
}
.wp-optin-dialog-container .wp-optin-dialog-text {
    flex-grow:initial;
    padding-left:12px
}
@media screen and (max-width:767px) {
    .wp-optin-dialog-container .wp-optin-dialog-text {
        align-items:center;
        padding-left:0
    }
}
.wp-optin-dialog-container .wp-optin-dialog-close {
    display:none
}
.wp-optin-dialog-container .wp-optin-dialog-close:hover {
    background-color:rgba(0,0,0,.04)
}
.wp-optin-dialog-container .wp-optin-dialog-close:active {
    background-color:rgba(0,0,0,.06)
}
.wp-optin-dialog-container .wp-optin-dialog-icon {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xMDE2IDMuNjc5NjlDMTMuMzA0MSAzLjcxMTQ1IDEzLjQ5MjEgMy43NTI0NSAxMy42ODc1IDMuNzk2ODhDMTYuMjM4NSA0LjQ4MDg1IDE4LjExNTYgNi41NDg5IDE4LjExNzIgOS4xNjQwNlYxNC4yMjY2QzE4LjExNTYgMTUuNTAxNiAxOC42NTIgMTYuODUyOCAxOS43MzQ0IDE4LjI4MTJDMTkuODIxOCAxOC40MDk4IDE5Ljg3NDUgMTguNTY3IDE5Ljg3NSAxOC43MjY2QzE5Ljg3NjMgMTkuMTQzIDE5LjU0MTggMTkuNDc5OSAxOS4xMjUgMTkuNDc2NkMxNS41MzAyIDE5LjQ5MjYgMTMuMTU4MiAxOS40OTg0IDEyLjAyMzUgMTkuNUMxMC42MjExIDE5LjQ5ODQgOC4yMzQyMyAxOS40OTg5IDQuODUxNiAxOS41QzQuNjkyODYgMTkuNTAwMSA0LjUzODMzIDE5LjQ0OTggNC40MDYyOSAxOS4zNTk0QzQuMDc1NCAxOS4xMTI2IDQuMDAxNTcgMTguNjQzNSA0LjI0MjIyIDE4LjMwNDdDNS4zNTQwNCAxNi43ODQ0IDUuOTA4MzkgMTUuNDIzOCA1LjkwNjI5IDE0LjIyNjZDNS45MDgwMyAxMi4xODAzIDUuOTA4MjYgOS41NTcyNSA1LjkwNjI5IDkuMTY0MDZDNS45MDgyNiA2LjM2NzkzIDguMDUzNjkgNC4xNDc0NCAxMC44OTg1IDMuNjc5NjlWMi42MjVDMTAuODg3NiAxLjk5ODQzIDExLjM4NTcgMS41IDEyIDEuNUMxMi42MTQ3IDEuNSAxMy4xMTI5IDEuOTk4NDMgMTMuMTAxNiAyLjYwMTU2VjMuNjc5NjlaTTkuMjU3ODUgMjAuMjVIMTQuNzY1N0MxNC43NjU3IDIxLjQ5MjYgMTMuNTMyNyAyMi41IDEyIDIyLjVDMTAuNDkwOCAyMi41IDkuMjU3ODUgMjEuNDkyNiA5LjI1Nzg1IDIwLjI1WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzFfMzA1KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzFfMzA1IiB4MT0iNC4wMDAxMiIgeTE9IjIiIHgyPSIyMC4wMDAxIiB5Mj0iMjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+)!important;
    margin-right:0
}
@media screen and (min-width:768px) {
    .wp-optin-dialog-container .wp-optin-dialog-icon {
        width:24px;
        height:24px;
        flex-basis:24px
    }
}
@media screen and (max-width:767px) {
    .wp-optin-dialog-container .wp-optin-dialog-icon {
        width:32px;
        height:32px;
        flex-basis:32px;
        margin-bottom:16px
    }
}
.wp-optin-dialog-title {
    font-family:'Open Sans','PingFang SC','Microsoft YaHei','Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei',Arial,sans-serif!important;
    font-weight:600!important;
    font-size:16px!important;
    line-height:20px!important;
    letter-spacing:-.02em;
    margin-bottom:8px!important;
    color:rgba(0,0,0,.85)
}
@media screen and (max-width:767px) {
    .wp-optin-dialog-title {
        font-size:18px!important;
        line-height:24px!important;
        letter-spacing:-.03em
    }
}
.wp-optin-dialog-message {
    word-break:break-word;
    font-family:'Open Sans','PingFang SC','Microsoft YaHei','Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei',Arial,sans-serif!important;
    font-weight:400!important;
    font-size:14px!important;
    letter-spacing:-.02em;
    line-height:20px!important;
    color:rgba(0,0,0,.85)
}
.wp-optin-dialog-container .wp-optin-dialog-buttons {
    margin-top:16px;
    justify-content:flex-end
}
@media screen and (max-width:767px) {
    .wp-optin-dialog-container .wp-optin-dialog-buttons {
        justify-content:center
    }
}
.wp-optin-dialog-negativeButton,
.wp-optin-dialog-positiveButton {
    border-radius:88rem!important;
    flex-grow:0!important;
    font-size:14px!important;
    font-family:'Open Sans','PingFang SC','Microsoft YaHei','Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei',Arial,sans-serif!important;
    letter-spacing:-.02em;
    padding:6px 16px!important;
    min-width:initial!important
}
.wp-optin-dialog-positiveButton {
    color:#fff!important;
    background-color:#000!important;
    transition:background-color .3s ease,border-color .3s ease;
    margin-left:4px!important
}
.wp-optin-dialog-positiveButton:hover {
    background-color:rgba(0,0,0,.65)!important
}
.wp-optin-dialog-positiveButton:active {
    background-color:rgba(0,0,0,.45)!important
}
.wp-optin-dialog-negativeButton {
    color:rgba(0,0,0,.85)!important;
    background-color:rgba(0,0,0,.04)!important;
    margin-right:4px
}
.wp-optin-dialog-negativeButton:hover {
    background-color:rgba(0,0,0,.08)!important
}
.wp-optin-dialog-negativeButton:active {
    background-color:rgba(0,0,0,.12)!important
}
.wp-optin-dialog-container .wp-optin-dialog-button {
    min-width:64px!important;
    padding:6px 12px!important;
    border-radius:9999px!important;
    font-size:14px!important;
    border:0!important
}
@media screen and (max-width:767px) {
    .wp-optin-dialog-container .wp-optin-dialog-button {
        width:100%;
        padding:10px 16px!important;
        font-size:16px!important
    }
}
BODY.modal-open {
    overflow: hidden;
}

.wp-modal {
    z-index: 10000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.75);
    overflow: auto;
}

.wp-modal > .wp-modal-wrapper-outer {
    display: flex;
    height: 100%;
}

.wp-modal > .wp-modal-wrapper-outer > .wp-modal-wrapper-inner {
    margin: auto;
    max-height: 100%;
    display: flex;
    flex-direction: column;
}

.wp-modal > .wp-modal-wrapper-outer > .wp-modal-wrapper-inner > .wp-modal-block {
    display: flex;
    flex-direction: column;
    max-width: 30em;
    max-height: 50em;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    box-shadow: 0 0.2em 2em black;
    background-color: #FFF;
    color: #333;
    margin: 1em;
}

.wp-modal-block > .wp-modal-title {
    border-bottom: 2px solid #10ACFF;
    color: #10ACFF;
    padding: 0.7em 0.6em;
    line-height: 1.2em;
    font-size: 125%;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.wp-modal-title > .wp-modal-title-icon {
    background-size: 2em 2em;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 2em;
    height: 2em;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 0.7em;
}

.wp-modal-title > .wp-modal-title-text {
    flex-grow: 1;
}

wp-modal-block > .wp-modal-content {
    overflow: auto;
}

.wp-modal-content > .wp-modal-text {
    padding: 0.7em 0.6em;
}

.wp-modal-block > .wp-modal-buttons {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    border-top: 1px solid #E0E0E0;
}

.wp-modal-buttons > .wp-modal-button {
    flex: 1;
    -moz-user-select: none;
    border-right: 1px solid #E0E0E0;
    cursor: pointer;
    font-weight: normal;
    line-height: 1.2em;
    padding: 0.7em 0.6em;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.wp-modal-buttons > .wp-modal-button:hover {
    background-color: #f0f0f0;
}

.wp-modal-buttons > .wp-modal-button:last-child {
    border-right: 0;
}
.wp-popup {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    font-family: arial;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.wp-popup .wp-popup-content {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 auto;
    max-width: 350px;
    min-width: 231px;
}
.wp-popup .wp-popup-title {
    font: bold 18px arial;
    margin-bottom: 12px;
}
.wp-popup .wp-popup-message {
    font: 15px arial;
    color: #777;
    margin-bottom: 25px;
}
.wp-popup .wp-popup-example {
    background-color: #fff;
    height: 80px;
    box-shadow: 0 0 20px #888888;
    margin-bottom: 20px;
    flex-flow: row nowrap;
    display: flex;
    align-self: stretch;
}

/* When used inside the notification example */
.wp-popup .wp-popup-example .wp-popup-icon {
    flex-basis: 80px;
    width: 80px;
    height: 80px;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #efefef;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* When used directly on the popup */
.wp-popup #logo.wp-popup-icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.wp-popup .wp-popup-example-text {
    text-align: left;
    flex: 1 auto;
    padding: 10px 17px 8px 17px;
    display: flex;
    flex-flow: column nowrap;
}
.wp-popup .wp-popup-example-text>div {
    flex: 0 auto;
}

.wp-popup .wp-popup-example-text .wp-popup-example-title {
    font: 13px arial;
    color: #3c3c3c;
    margin-bottom: 5px;
}
.wp-popup .wp-popup-example-text .wp-popup-example-message {
    flex-grow: 1;
    font: 12px arial;
    color: #3c3c3c;
}
.wp-popup .wp-popup-example-text .wp-popup-example-url {
    font: 10px arial;
    color: #9d9d9d;
}
.wp-popup .wp-popup-disclaimer {
    font: 10px arial;
    font-style: italic;
    color: #b0b0b0;
}
.wp-popup .wp-popup-buttons {
    padding: 20px;
}

.wp-popup .wp-popup-buttons .wp-popup-negative-button {
    border: none;
    background: none;
    color: #777;
    text-decoration: underline;
    padding: 15px;
    font-size:12px;
    cursor: pointer;
}
.wp-popup .wp-popup-buttons .wp-popup-positive-button {
    border: none;
    background: #1a73e8;
    color: white;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
    padding: 15px;
    cursor: pointer;
    font-size:20px;
}
.wp-switch {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    width:auto;
    height:auto;
    padding:.2em;
    border-radius:1.25em;
    box-shadow:inset 0 -1px rgba(0,0,0,.05),inset 0 1px 1px rgba(0,0,0,.05);
    cursor:pointer;
    background-image:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(255,255,255,.3) 1.5em)
}
.wp-switch-input {
    display:none
}
.wp-switch-label {
    position:relative;
    display:block;
    height:2em;
    font-size:60%;
    text-transform:uppercase;
    background:#eceeef;
    border-radius:inherit;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15);
    transition:.15s ease-out;
    transition-property:opacity,background
}
.wp-switch-label:after,
.wp-switch-label:before {
    line-height:0;
    clear:both;
    transition:inherit;
    white-space:nowrap;
    display:inline-block
}
.wp-switch-label:before {
    content:attr(data-off);
    right:1em;
    color:#aaa;
    text-shadow:0 1px rgba(255,255,255,.5);
    float:right;
    margin-top:1em;
    margin-right:1em;
    margin-left:2.5em
}
.wp-switch-label:after {
    content:attr(data-on);
    left:1em;
    color:#fff;
    text-shadow:0 1px rgba(0,0,0,.2);
    opacity:0;
    float:left;
    margin-top:0;
    margin-left:1em;
    margin-right:2.5em
}
.wp-switch-input:checked~.wp-switch-label {
    background:#47a8d8;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2)
}
.wp-switch-input:checked~.wp-switch-label:before {
    opacity:0
}
.wp-switch-input:checked~.wp-switch-label:after {
    opacity:1
}
.wp-switch-handle {
    position:absolute;
    top:.24em;
    left:.24em;
    width:1.125em;
    height:1.125em;
    background:#fff;
    border-radius:100%;
    box-shadow:1px 1px 5px rgba(0,0,0,.2);
    background-image:linear-gradient(to bottom,#fff 40%,#f0f0f0);
    transition:.15s ease-out;
    transition-property:left,margin-left
}
.wp-switch-handle:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    margin:.1875em 0 0 .1875em;
    width:.75em;
    height:.75em;
    background:#f9f9f9;
    border-radius:100%;
    box-shadow:inset 0 1px rgba(0,0,0,.02);
    background-image:linear-gradient(to bottom,#eee,#fff)
}
.wp-switch-input:checked~.wp-switch-handle {
    left:100%;
    margin-left:-1.365em;
    box-shadow:-1px 1px 5px rgba(0,0,0,.2)
}
.wp-switch-input:disabled~.wp-switch-handle {
    background-image:linear-gradient(to bottom,silver 40%,grey)
}
.wp-switch-input:disabled~.wp-switch-handle:before {
    background:#b0b0b0
}
.wp-switch-input:disabled~.wp-switch-label {
    background:silver
}
.wp-switch-input:disabled~.wp-switch-label:before {
    color:#eee
}
.wp-switch-off-gray>.wp-switch-label {
    background:#eceeef
}
.wp-switch-off-gray>.wp-switch-label:before {
    color:#aaa;
    text-shadow:0 1px rgba(255,255,255,.5)
}
.wp-switch-off-grey>.wp-switch-label {
    background:#eceeef
}
.wp-switch-off-grey>.wp-switch-label:before {
    color:#aaa;
    text-shadow:0 1px rgba(255,255,255,.5)
}
.wp-switch-off-red>.wp-switch-label {
    background:#ed2121
}
.wp-switch-off-red>.wp-switch-label:before {
    color:#fff;
    text-shadow:0 1px rgba(0,0,0,.2)
}
.wp-switch-on-green>.wp-switch-input:checked~.wp-switch-label {
    background:#4fb845;
    text-shadow:0 1px rgba(0,0,0,.2)
}
.wp-switch-on-blue>.wp-switch-input:checked~.wp-switch-label {
    background:#47a8d8;
    text-shadow:0 1px rgba(0,0,0,.2)
}
.wp-tag-switch {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    width:auto;
    height:auto;
    padding:.2em;
    border-radius:1.25em;
    box-shadow:inset 0 -1px rgba(0,0,0,.05),inset 0 1px 1px rgba(0,0,0,.05);
    cursor:pointer;
    background-image:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(255,255,255,.3) 1.5em)
}
.wp-tag-switch-input {
    display:none!important
}
.wp-tag-switch-label {
    position:relative;
    display:block;
    height:2em;
    font-size:60%;
    text-transform:uppercase;
    background:#eceeef;
    border-radius:inherit;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15);
    transition:.15s ease-out;
    transition-property:opacity,background
}
.wp-tag-switch-label:after,
.wp-tag-switch-label:before {
    line-height:0;
    clear:both;
    transition:inherit;
    white-space:nowrap;
    display:inline-block
}
.wp-tag-switch-label:before {
    content:attr(data-off);
    right:1em;
    color:#aaa;
    text-shadow:0 1px rgba(255,255,255,.5);
    float:right;
    margin-top:1em;
    margin-right:1em;
    margin-left:2.5em
}
.wp-tag-switch-label:after {
    content:attr(data-on);
    left:1em;
    color:#fff;
    text-shadow:0 1px rgba(0,0,0,.2);
    opacity:0;
    float:left;
    margin-top:0;
    margin-left:1em;
    margin-right:2.5em
}
.wp-tag-switch-input:checked~.wp-tag-switch-label {
    background:#47a8d8;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2)
}
.wp-tag-switch-input:checked~.wp-tag-switch-label:before {
    opacity:0
}
.wp-tag-switch-input:checked~.wp-tag-switch-label:after {
    opacity:1
}
.wp-tag-switch-handle {
    position:absolute;
    top:.24em;
    left:.24em;
    width:1.125em;
    height:1.125em;
    background:#fff;
    border-radius:100%;
    box-shadow:1px 1px 5px rgba(0,0,0,.2);
    background-image:linear-gradient(to bottom,#fff 40%,#f0f0f0);
    transition:.15s ease-out;
    transition-property:left,margin-left
}
.wp-tag-switch-handle:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    margin:.1875em 0 0 .1875em;
    width:.75em;
    height:.75em;
    background:#f9f9f9;
    border-radius:100%;
    box-shadow:inset 0 1px rgba(0,0,0,.02);
    background-image:linear-gradient(to bottom,#eee,#fff)
}
.wp-tag-switch-input:checked~.wp-tag-switch-handle {
    left:100%;
    margin-left:-1.365em;
    box-shadow:-1px 1px 5px rgba(0,0,0,.2)
}
.wp-tag-switch-input:disabled~.wp-tag-switch-handle {
    background-image:linear-gradient(to bottom,silver 40%,grey)
}
.wp-tag-switch-input:disabled~.wp-tag-switch-handle:before {
    background:#b0b0b0
}
.wp-tag-switch-input:disabled~.wp-tag-switch-label {
    background:silver
}
.wp-tag-switch-input:disabled~.wp-tag-switch-label:before {
    color:#eee
}
.wp-tag-switch-off-gray>.wp-tag-switch-label {
    background:#eceeef
}
.wp-tag-switch-off-gray>.wp-tag-switch-label:before {
    color:#aaa;
    text-shadow:0 1px rgba(255,255,255,.5)
}
.wp-tag-switch-off-grey>.wp-tag-switch-label {
    background:#eceeef
}
.wp-tag-switch-off-grey>.wp-tag-switch-label:before {
    color:#aaa;
    text-shadow:0 1px rgba(255,255,255,.5)
}
.wp-tag-switch-off-red>.wp-tag-switch-label {
    background:#ed2121
}
.wp-tag-switch-off-red>.wp-tag-switch-label:before {
    color:#fff;
    text-shadow:0 1px rgba(0,0,0,.2)
}
.wp-tag-switch-on-green>.wp-tag-switch-input:checked~.wp-tag-switch-label {
    background:#4fb845;
    text-shadow:0 1px rgba(0,0,0,.2)
}
.wp-tag-switch-on-blue>.wp-tag-switch-input:checked~.wp-tag-switch-label {
    background:#47a8d8;
    text-shadow:0 1px rgba(0,0,0,.2)
}
.wp-optin-dialog-container {
    z-index:10000;
    width:420px;
    max-width:100%;
    box-sizing:border-box;
    background-image:linear-gradient(to bottom,#eae9ea,#eeedee);
    position:fixed;
    top:0;
    left:50%;
    transform:translateX(-50%);
    padding:15px 20px 10px 20px;
    border:1px solid #dfdfdf;
    box-shadow:0 0 20px #888
}
.wp-optin-dialog-container .wp-optin-dialog-body {
    display:flex;
    flex-direction:row
}
.wp-optin-dialog-container .wp-optin-dialog-icon {
    flex-shrink:0;
    flex-basis:64px;
    width:64px;
    height:64px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50% 50%;
    margin-right:20px
}
.wp-optin-dialog-container .wp-optin-dialog-text {
    display:flex;
    flex-direction:column;
    flex-grow:1
}
.wp-optin-dialog-container .wp-optin-dialog-text .wp-optin-dialog-title {
    font:bold 16px arial;
    margin-bottom:15px
}
.wp-optin-dialog-container .wp-optin-dialog-text .wp-optin-dialog-message {
    font:12px arial
}
.wp-optin-dialog-container .wp-optin-dialog-buttons {
    display:flex;
    flex-direction:row;
    margin-top:1em
}
.wp-optin-dialog-container .wp-optin-dialog-powered-by {
    flex-grow:1;
    align-self:flex-end;
    font:10px arial;
    color:#333;
    opacity:.8;
    background-position:bottom right;
    background-repeat:no-repeat;
    text-decoration:none;
    margin-right:.5em
}
.wp-optin-dialog-container .wp-optin-dialog-button {
    flex-grow:1;
    border-radius:4px;
    border:1px solid #d3d3d3;
    background:#fff;
    text-decoration:none;
    font:15px arial;
    color:#333;
    text-align:center;
    display:flex;
    min-width:5em;
    padding:.25em .5em
}
.wp-optin-dialog-container .wp-optin-dialog-button label {
    cursor:inherit;
    margin:auto
}
.wp-optin-dialog-container .wp-optin-dialog-button.wp-optin-dialog-positiveButton {
    border-color:#46a4f3;
    color:#fff;
    background-image:linear-gradient(to bottom,#62b3f4,#0486f6);
    margin-left:.5em
}
.wp-optin-dialog-container .wp-optin-dialog-close {
    position:absolute;
    top:4px;
    right:4px;
    width:10px;
    height:10px;
    text-decoration:none;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MDVDQUVGMDQzOUIxMUU3ODE2N0YyM0EyNDc4QTZCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MDVDQUVGMTQzOUIxMUU3ODE2N0YyM0EyNDc4QTZCNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI4NjdCN0UxNDM5QTExRTc4MTY3RjIzQTI0NzhBNkI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI4NjdCN0UyNDM5QTExRTc4MTY3RjIzQTI0NzhBNkI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JRvgJAAAAEdJREFUeNpiYmBgOAPEDP///8eKYfIMuBQiK8CqEEUBVABFIYYJSDoZsCkAyTGhmQhSYIJsNQNON6C5Eacv0K0+Q8iNAAEGAG9QVX0F8yI2AAAAAElFTkSuQmCC);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%
}