`s get reset. However, we also reset the\n// bottom margin to use `em` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: 1em;\n}\n\n// Abbreviations\n//\n// 1. remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\n\nabbr[title],\nabbr[data-original-title] {\n // 4\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n border-bottom: 0; // 1\n cursor: help; // 3\n}\n\naddress {\n margin-bottom: 1em;\n font-style: normal;\n line-height: inherit;\n}\n\ninput[type='text'],\ninput[type='password'],\ninput[type='number'],\ntextarea {\n -webkit-appearance: none;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1em;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 500;\n}\n\ndd {\n margin-bottom: 0.5em;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1em;\n}\n\ndfn {\n font-style: italic; // Add the correct font style in Android 4.3-\n}\n\nb,\nstrong {\n font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n font-size: 80%; // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n//\n// Links\n//\n\na {\n color: @link-color;\n text-decoration: @link-decoration;\n background-color: transparent; // remove the gray background on active links in IE 10.\n outline: none;\n cursor: pointer;\n transition: color 0.3s;\n -webkit-text-decoration-skip: objects; // remove gaps in links underline in iOS 8+ and Safari 8+.\n\n &:hover {\n color: @link-hover-color;\n }\n\n &:active {\n color: @link-active-color;\n }\n\n &:active,\n &:hover {\n text-decoration: @link-hover-decoration;\n outline: 0;\n }\n\n // https://github.com/ant-design/ant-design/issues/22503\n &:focus {\n text-decoration: @link-focus-decoration;\n outline: @link-focus-outline;\n }\n\n &[disabled] {\n color: @disabled-color;\n cursor: not-allowed;\n }\n}\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n font-family: @code-family;\n}\n\npre {\n // remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `em`s\n margin-bottom: 1em;\n // Don't allow content to break outside\n overflow: auto;\n}\n\n//\n// Figures\n//\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1em;\n}\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // remove the border on images inside links in IE 10-.\n}\n\n// Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.\n//\n// In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11\n// DON'T remove the click delay when `` is present.\n// However, they DO support emoving the click delay via `touch-action: manipulation`.\n// See:\n// * https://getbootstrap.com/docs/4.0/content/reboot/#click-delay-optimization-for-touch\n// * http://caniuse.com/#feat=css-touch-action\n// * https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay\n\na,\narea,\nbutton,\n[role='button'],\ninput:not([type='range']),\nlabel,\nselect,\nsummary,\ntextarea {\n touch-action: manipulation;\n}\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: 0.75em;\n padding-bottom: 0.3em;\n color: @text-color-secondary;\n text-align: left;\n caption-side: bottom;\n}\n\n//\n// Forms\n//\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // remove the margin in Firefox and Safari\n color: inherit;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // remove the inheritance of text transform in Firefox\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n@{html-selector} [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type='radio'],\ninput[type='checkbox'] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. remove the padding in IE 10-\n}\n\ninput[type='date'],\ninput[type='time'],\ninput[type='datetime-local'],\ninput[type='month'] {\n // remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `
`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n margin: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n margin-bottom: 0.5em;\n padding: 0;\n color: inherit; // 2\n font-size: 1.5em;\n line-height: inherit;\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of incement and decement buttons in Chrome.\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type='search'] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n//\n\n[type='search']::-webkit-search-cancel-button,\n[type='search']::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n\nmark {\n padding: 0.2em;\n background-color: @yellow-1;\n}\n\n::selection {\n color: @text-color-inverse;\n background: @text-selection-bg;\n}\n\n// Utility classes\n.clearfix {\n .clearfix();\n}\n", "// Sizing shortcuts\n\n.size(@width; @height) {\n width: @width;\n height: @height;\n}\n\n.square(@size) {\n .size(@size; @size);\n}\n", "// mixins for clearfix\n// ------------------------\n.clearfix() {\n // https://github.com/ant-design/ant-design/issues/21301#issuecomment-583955229\n &::before {\n display: table;\n content: '';\n }\n\n &::after {\n // https://github.com/ant-design/ant-design/issues/21864\n display: table;\n clear: both;\n content: '';\n }\n}\n", "@import '../themes/index';\n@import '../mixins/iconfont';\n\n.@{iconfont-css-prefix} {\n .iconfont-mixin();\n\n // https://github.com/ant-design/ant-design/issues/33703\n & > & {\n line-height: 0;\n vertical-align: 0;\n }\n\n &[tabindex] {\n cursor: pointer;\n }\n}\n\n.@{iconfont-css-prefix}-spin,\n.@{iconfont-css-prefix}-spin::before {\n display: inline-block;\n animation: loadingCircle 1s infinite linear;\n}\n", ".iconfont-mixin() {\n display: inline-flex;\n align-items: center;\n color: @icon-color;\n font-style: normal;\n line-height: 0;\n text-align: center;\n text-transform: none;\n vertical-align: -0.125em; // for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4\n text-rendering: optimizelegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n > * {\n line-height: 1;\n }\n\n svg {\n display: inline-block;\n }\n\n &::before {\n display: none; // dont display old icon.\n }\n\n & &-icon {\n display: block;\n }\n}\n", ".motion-common(@duration: @animation-duration-base) {\n animation-duration: @duration;\n animation-fill-mode: both;\n}\n\n.motion-common-leave(@duration: @animation-duration-base) {\n animation-duration: @duration;\n animation-fill-mode: both;\n}\n\n.make-motion(@className, @keyframeName, @duration: @animation-duration-base) {\n .@{className}-enter,\n .@{className}-appear {\n .motion-common(@duration);\n\n animation-play-state: paused;\n }\n .@{className}-leave {\n .motion-common-leave(@duration);\n\n animation-play-state: paused;\n }\n .@{className}-enter.@{className}-enter-active,\n .@{className}-appear.@{className}-appear-active {\n animation-name: ~'@{keyframeName}In';\n animation-play-state: running;\n }\n .@{className}-leave.@{className}-leave-active {\n animation-name: ~'@{keyframeName}Out';\n animation-play-state: running;\n pointer-events: none;\n }\n}\n", ".fade-motion(@className, @keyframeName) {\n @name: ~'@{ant-prefix}-@{className}';\n .make-motion(@name, @keyframeName);\n .@{name}-enter,\n .@{name}-appear {\n opacity: 0;\n animation-timing-function: linear;\n }\n .@{name}-leave {\n animation-timing-function: linear;\n }\n}\n\n.fade-motion(fade, antFade);\n\n@keyframes antFadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes antFadeOut {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n", ".move-motion(@className, @keyframeName) {\n @name: ~'@{ant-prefix}-@{className}';\n .make-motion(@name, @keyframeName);\n .@{name}-enter,\n .@{name}-appear {\n opacity: 0;\n animation-timing-function: @ease-out-circ;\n }\n .@{name}-leave {\n animation-timing-function: @ease-in-circ;\n }\n}\n\n.move-motion(move-up, antMoveUp);\n.move-motion(move-down, antMoveDown);\n.move-motion(move-left, antMoveLeft);\n.move-motion(move-right, antMoveRight);\n\n@keyframes antMoveDownIn {\n 0% {\n transform: translateY(100%);\n transform-origin: 0 0;\n opacity: 0;\n }\n\n 100% {\n transform: translateY(0%);\n transform-origin: 0 0;\n opacity: 1;\n }\n}\n\n@keyframes antMoveDownOut {\n 0% {\n transform: translateY(0%);\n transform-origin: 0 0;\n opacity: 1;\n }\n\n 100% {\n transform: translateY(100%);\n transform-origin: 0 0;\n opacity: 0;\n }\n}\n\n@keyframes antMoveLeftIn {\n 0% {\n transform: translateX(-100%);\n transform-origin: 0 0;\n opacity: 0;\n }\n\n 100% {\n transform: translateX(0%);\n transform-origin: 0 0;\n opacity: 1;\n }\n}\n\n@keyframes antMoveLeftOut {\n 0% {\n transform: translateX(0%);\n transform-origin: 0 0;\n opacity: 1;\n }\n\n 100% {\n transform: translateX(-100%);\n transform-origin: 0 0;\n opacity: 0;\n }\n}\n\n@keyframes antMoveRightIn {\n 0% {\n transform: translateX(100%);\n transform-origin: 0 0;\n opacity: 0;\n }\n\n 100% {\n transform: translateX(0%);\n transform-origin: 0 0;\n opacity: 1;\n }\n}\n\n@keyframes antMoveRightOut {\n 0% {\n transform: translateX(0%);\n transform-origin: 0 0;\n opacity: 1;\n }\n\n 100% {\n transform: translateX(100%);\n transform-origin: 0 0;\n opacity: 0;\n }\n}\n\n@keyframes antMoveUpIn {\n 0% {\n transform: translateY(-100%);\n transform-origin: 0 0;\n opacity: 0;\n }\n\n 100% {\n transform: translateY(0%);\n transform-origin: 0 0;\n opacity: 1;\n }\n}\n\n@keyframes antMoveUpOut {\n 0% {\n transform: translateY(0%);\n transform-origin: 0 0;\n opacity: 1;\n }\n\n 100% {\n transform: translateY(-100%);\n transform-origin: 0 0;\n opacity: 0;\n }\n}\n", "@keyframes loadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@click-animating-true: ~\"[@{ant-prefix}-click-animating='true']\";\n@click-animating-with-extra-node-true: ~\"[@{ant-prefix}-click-animating-without-extra-node='true']\";\n\n@{click-animating-true},\n@{click-animating-with-extra-node-true} {\n position: relative;\n}\n\nhtml {\n --antd-wave-shadow-color: @primary-color;\n --scroll-bar: 0;\n}\n\n@click-animating-with-extra-node-true-after: ~'@{click-animating-with-extra-node-true}::after';\n\n@{click-animating-with-extra-node-true-after},\n.@{ant-prefix}-click-animating-node {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n border-radius: inherit;\n box-shadow: 0 0 0 0 @primary-color;\n box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);\n opacity: 0.2;\n animation: fadeEffect 2s @ease-out-circ, waveEffect 0.4s @ease-out-circ;\n animation-fill-mode: forwards;\n content: '';\n pointer-events: none;\n}\n\n@keyframes waveEffect {\n 100% {\n box-shadow: 0 0 0 @primary-color;\n box-shadow: 0 0 0 @wave-animation-width var(--antd-wave-shadow-color);\n }\n}\n\n@keyframes fadeEffect {\n 100% {\n opacity: 0;\n }\n}\n", ".slide-motion(@className, @keyframeName) {\n @name: ~'@{ant-prefix}-@{className}';\n .make-motion(@name, @keyframeName);\n .@{name}-enter,\n .@{name}-appear {\n transform: scale(0);\n transform-origin: 0% 0%;\n opacity: 0;\n animation-timing-function: @ease-out-quint;\n }\n .@{name}-leave {\n animation-timing-function: @ease-in-quint;\n }\n}\n\n.slide-motion(slide-up, antSlideUp);\n.slide-motion(slide-down, antSlideDown);\n.slide-motion(slide-left, antSlideLeft);\n.slide-motion(slide-right, antSlideRight);\n\n@keyframes antSlideUpIn {\n 0% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n\n 100% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n}\n\n@keyframes antSlideUpOut {\n 0% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n\n 100% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n}\n\n@keyframes antSlideDownIn {\n 0% {\n transform: scaleY(0.8);\n transform-origin: 100% 100%;\n opacity: 0;\n }\n\n 100% {\n transform: scaleY(1);\n transform-origin: 100% 100%;\n opacity: 1;\n }\n}\n\n@keyframes antSlideDownOut {\n 0% {\n transform: scaleY(1);\n transform-origin: 100% 100%;\n opacity: 1;\n }\n\n 100% {\n transform: scaleY(0.8);\n transform-origin: 100% 100%;\n opacity: 0;\n }\n}\n\n@keyframes antSlideLeftIn {\n 0% {\n transform: scaleX(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n\n 100% {\n transform: scaleX(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n}\n\n@keyframes antSlideLeftOut {\n 0% {\n transform: scaleX(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n\n 100% {\n transform: scaleX(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n}\n\n@keyframes antSlideRightIn {\n 0% {\n transform: scaleX(0.8);\n transform-origin: 100% 0%;\n opacity: 0;\n }\n\n 100% {\n transform: scaleX(1);\n transform-origin: 100% 0%;\n opacity: 1;\n }\n}\n\n@keyframes antSlideRightOut {\n 0% {\n transform: scaleX(1);\n transform-origin: 100% 0%;\n opacity: 1;\n }\n\n 100% {\n transform: scaleX(0.8);\n transform-origin: 100% 0%;\n opacity: 0;\n }\n}\n", ".zoom-motion(@className, @keyframeName, @duration: @animation-duration-base) {\n @name: ~'@{ant-prefix}-@{className}';\n .make-motion(@name, @keyframeName, @duration);\n .@{name}-enter,\n .@{name}-appear {\n transform: scale(0); // need this by yiminghe\n opacity: 0;\n animation-timing-function: @ease-out-circ;\n\n &-prepare {\n transform: none;\n }\n }\n .@{name}-leave {\n animation-timing-function: @ease-in-out-circ;\n }\n}\n\n// For Modal, Select choosen item\n.zoom-motion(zoom, antZoom);\n// For Popover, Popconfirm, Dropdown\n.zoom-motion(zoom-big, antZoomBig);\n// For Tooltip\n.zoom-motion(zoom-big-fast, antZoomBig, @animation-duration-fast);\n\n.zoom-motion(zoom-up, antZoomUp);\n.zoom-motion(zoom-down, antZoomDown);\n.zoom-motion(zoom-left, antZoomLeft);\n.zoom-motion(zoom-right, antZoomRight);\n\n@keyframes antZoomIn {\n 0% {\n transform: scale(0.2);\n opacity: 0;\n }\n\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n@keyframes antZoomOut {\n 0% {\n transform: scale(1);\n }\n\n 100% {\n transform: scale(0.2);\n opacity: 0;\n }\n}\n\n@keyframes antZoomBigIn {\n 0% {\n transform: scale(0.8);\n opacity: 0;\n }\n\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n@keyframes antZoomBigOut {\n 0% {\n transform: scale(1);\n }\n\n 100% {\n transform: scale(0.8);\n opacity: 0;\n }\n}\n\n@keyframes antZoomUpIn {\n 0% {\n transform: scale(0.8);\n transform-origin: 50% 0%;\n opacity: 0;\n }\n\n 100% {\n transform: scale(1);\n transform-origin: 50% 0%;\n }\n}\n\n@keyframes antZoomUpOut {\n 0% {\n transform: scale(1);\n transform-origin: 50% 0%;\n }\n\n 100% {\n transform: scale(0.8);\n transform-origin: 50% 0%;\n opacity: 0;\n }\n}\n\n@keyframes antZoomLeftIn {\n 0% {\n transform: scale(0.8);\n transform-origin: 0% 50%;\n opacity: 0;\n }\n\n 100% {\n transform: scale(1);\n transform-origin: 0% 50%;\n }\n}\n\n@keyframes antZoomLeftOut {\n 0% {\n transform: scale(1);\n transform-origin: 0% 50%;\n }\n\n 100% {\n transform: scale(0.8);\n transform-origin: 0% 50%;\n opacity: 0;\n }\n}\n\n@keyframes antZoomRightIn {\n 0% {\n transform: scale(0.8);\n transform-origin: 100% 50%;\n opacity: 0;\n }\n\n 100% {\n transform: scale(1);\n transform-origin: 100% 50%;\n }\n}\n\n@keyframes antZoomRightOut {\n 0% {\n transform: scale(1);\n transform-origin: 100% 50%;\n }\n\n 100% {\n transform: scale(0.8);\n transform-origin: 100% 50%;\n opacity: 0;\n }\n}\n\n@keyframes antZoomDownIn {\n 0% {\n transform: scale(0.8);\n transform-origin: 50% 100%;\n opacity: 0;\n }\n\n 100% {\n transform: scale(1);\n transform-origin: 50% 100%;\n }\n}\n\n@keyframes antZoomDownOut {\n 0% {\n transform: scale(1);\n transform-origin: 50% 100%;\n }\n\n 100% {\n transform: scale(0.8);\n transform-origin: 50% 100%;\n opacity: 0;\n }\n}\n", "// @import '../mixins/motion'; This has moved to theme/xxx inside.\n@import 'motion/fade';\n@import 'motion/move';\n@import 'motion/other';\n@import 'motion/slide';\n@import 'motion/zoom';\n\n// For common/openAnimation\n.ant-motion-collapse-legacy {\n overflow: hidden;\n\n &-active {\n transition: height @animation-duration-base @ease-in-out,\n opacity @animation-duration-base @ease-in-out !important;\n }\n}\n\n.ant-motion-collapse {\n overflow: hidden;\n transition: height @animation-duration-base @ease-in-out,\n opacity @animation-duration-base @ease-in-out !important;\n}\n", "@import './themes/@{root-entry-name}.less';\n\n// cdk overlay\n.cdk-overlay-container,\n.cdk-global-overlay-wrapper {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.cdk-overlay-container {\n position: fixed;\n z-index: 1000;\n}\n\n.cdk-overlay-container:empty {\n display: none;\n}\n\n.cdk-global-overlay-wrapper {\n position: absolute;\n z-index: 1000;\n display: flex;\n}\n\n.cdk-overlay-pane {\n position: absolute;\n z-index: 1000;\n display: flex;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n pointer-events: auto;\n}\n\n.cdk-overlay-backdrop {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1000;\n opacity: 0;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n pointer-events: auto;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\n opacity: 1;\n}\n\n.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\n opacity: 0.6;\n}\n\n.cdk-overlay-dark-backdrop {\n background: rgba(0, 0, 0, 0.32);\n}\n\n.cdk-overlay-transparent-backdrop {\n visibility: hidden;\n opacity: 1;\n transition: visibility 1ms linear, opacity 1ms linear;\n}\n\n.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {\n visibility: visible;\n opacity: 0;\n}\n\n.cdk-overlay-backdrop-noop-animation {\n transition: none;\n}\n\n.cdk-overlay-connected-position-bounding-box {\n position: absolute;\n z-index: 1000;\n display: flex;\n flex-direction: column;\n min-width: 1px;\n min-height: 1px;\n}\n\n.cdk-global-scrollblock {\n position: fixed;\n width: 100%;\n overflow-y: scroll;\n}\n\n// cdk a11y\n.cdk-visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n border: 0;\n outline: 0;\n /* stylelint-disable property-no-vendor-prefix */\n -webkit-appearance: none;\n -moz-appearance: none;\n /* stylelint-enable property-no-vendor-prefix */\n}\n\n.nz-overlay-transparent-backdrop {\n &,\n &.cdk-overlay-backdrop-showing {\n opacity: 0;\n }\n}\n\n.nz-animate-disabled {\n // badge\n &.ant-scroll-number-only {\n transition: none;\n animation: none;\n }\n\n // drawer\n &.ant-drawer {\n &.ant-drawer-open .ant-drawer-mask {\n transition: none;\n animation: none;\n }\n\n & > * {\n transition: none;\n }\n }\n\n // modal\n .ant-modal-mask,\n .ant-modal {\n transition: none;\n animation: none;\n\n &.zoom-enter,\n &.zoom-leave,\n &.zoom-enter-active,\n &.zoom-leave-active {\n transition: none;\n animation: none;\n }\n }\n\n // menu\n &.ant-menu {\n transition: none;\n\n .ant-menu-item,\n .ant-menu-submenu-title {\n transition: none;\n }\n\n .ant-menu-item .anticon,\n .ant-menu-submenu-title .anticon {\n transition: none;\n\n & + span {\n transition: none;\n }\n }\n }\n\n // tabs\n &.ant-tabs {\n .ant-tabs-top-content.ant-tabs-content-animated,\n .ant-tabs-bottom-content.ant-tabs-content-animated,\n .ant-tabs-top-content > .ant-tabs-tabpane,\n .ant-tabs-bottom-content > .ant-tabs-tabpane,\n &.ant-tabs-left .ant-tabs-ink-bar-animated,\n &.ant-tabs-right .ant-tabs-ink-bar-animated,\n &.ant-tabs-top .ant-tabs-ink-bar-animated,\n &.ant-tabs-bottom .ant-tabs-ink-bar-animated {\n transition: none;\n }\n }\n\n // collapse\n &.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {\n transition: none;\n }\n}\n", "@import '../../style/themes/index';\n\n.@{ant-prefix}-affix {\n position: fixed;\n z-index: @zindex-affix;\n}\n", "nz-affix {\n display: block;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@alert-prefix-cls: ~'@{ant-prefix}-alert';\n\n.@{alert-prefix-cls} {\n .reset-component();\n\n position: relative;\n display: flex;\n align-items: center;\n padding: @alert-padding-vertical @alert-padding-horizontal;\n word-wrap: break-word;\n border-radius: @border-radius-base;\n\n &-content {\n flex: 1;\n min-width: 0;\n }\n\n &-icon {\n margin-right: @margin-xs;\n }\n\n &-description {\n display: none;\n font-size: @font-size-base;\n line-height: @font-size-base + 8px;\n }\n\n &-success {\n background-color: @alert-success-bg-color;\n border: @border-width-base @border-style-base @alert-success-border-color;\n .@{alert-prefix-cls}-icon {\n color: @alert-success-icon-color;\n }\n }\n\n &-info {\n background-color: @alert-info-bg-color;\n border: @border-width-base @border-style-base @alert-info-border-color;\n .@{alert-prefix-cls}-icon {\n color: @alert-info-icon-color;\n }\n }\n\n &-warning {\n background-color: @alert-warning-bg-color;\n border: @border-width-base @border-style-base @alert-warning-border-color;\n .@{alert-prefix-cls}-icon {\n color: @alert-warning-icon-color;\n }\n }\n\n &-error {\n background-color: @alert-error-bg-color;\n border: @border-width-base @border-style-base @alert-error-border-color;\n\n .@{alert-prefix-cls}-icon {\n color: @alert-error-icon-color;\n }\n\n .@{alert-prefix-cls}-description > pre {\n margin: 0;\n padding: 0;\n }\n }\n\n &-action {\n margin-left: @margin-xs;\n }\n\n &-close-icon {\n margin-left: @margin-xs;\n padding: 0;\n overflow: hidden;\n font-size: @font-size-sm;\n line-height: @font-size-sm;\n background-color: transparent;\n border: none;\n outline: none;\n cursor: pointer;\n\n .@{iconfont-css-prefix}-close {\n color: @alert-close-color;\n transition: color 0.3s;\n\n &:hover {\n color: @alert-close-hover-color;\n }\n }\n }\n\n &-close-text {\n color: @alert-close-color;\n transition: color 0.3s;\n\n &:hover {\n color: @alert-close-hover-color;\n }\n }\n\n &-with-description {\n align-items: flex-start;\n padding: @alert-with-description-padding;\n }\n\n &-with-description&-no-icon {\n padding: @alert-with-description-no-icon-padding-vertical 15px;\n }\n\n &-with-description &-icon {\n margin-right: @alert-with-description-padding-vertical;\n font-size: @alert-with-description-icon-size;\n }\n\n &-with-description &-message {\n display: block;\n margin-bottom: 4px;\n color: @alert-message-color;\n font-size: @font-size-lg;\n }\n\n &-message {\n color: @alert-message-color;\n }\n\n &-with-description &-description {\n display: block;\n }\n\n &&-motion-leave {\n overflow: hidden;\n opacity: 1;\n transition: max-height 0.3s @ease-in-out-circ, opacity 0.3s @ease-in-out-circ,\n padding-top 0.3s @ease-in-out-circ, padding-bottom 0.3s @ease-in-out-circ,\n margin-bottom 0.3s @ease-in-out-circ;\n }\n\n &&-motion-leave-active {\n max-height: 0;\n margin-bottom: 0 !important;\n padding-top: 0;\n padding-bottom: 0;\n opacity: 0;\n }\n\n &-banner {\n margin-bottom: 0;\n border: 0;\n border-radius: 0;\n }\n}\n\n@import './rtl';\n", ".reset-component() {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: @text-color;\n font-size: @font-size-base;\n font-variant: @font-variant-base;\n line-height: @line-height-base;\n list-style: none;\n font-feature-settings: @font-feature-settings-base;\n}\n", ".@{alert-prefix-cls} {\n &&-rtl {\n direction: rtl;\n }\n\n &-icon {\n .@{alert-prefix-cls}-rtl & {\n margin-right: auto;\n margin-left: @margin-xs;\n }\n }\n\n &-action {\n .@{alert-prefix-cls}-rtl & {\n margin-right: @margin-xs;\n margin-left: auto;\n }\n }\n\n &-close-icon {\n .@{alert-prefix-cls}-rtl & {\n margin-right: @margin-xs;\n margin-left: auto;\n }\n }\n\n &-with-description {\n .@{alert-prefix-cls}-rtl& {\n padding-right: @alert-with-description-icon-size;\n padding-left: @alert-with-description-padding-vertical;\n }\n\n .@{alert-prefix-cls}-icon {\n .@{alert-prefix-cls}-rtl& {\n margin-right: auto;\n margin-left: @alert-with-description-padding-vertical;\n }\n }\n }\n}\n", "nz-alert {\n display: block;\n}\n\n.@{alert-prefix-cls} {\n &-icon {\n line-height: 1;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@anchor-border-width: 2px;\n\n.@{ant-prefix}-anchor {\n .reset-component();\n\n position: relative;\n padding-left: @anchor-border-width;\n\n &-wrapper {\n margin-left: -4px;\n padding-left: 4px;\n overflow: auto;\n background-color: @anchor-bg;\n }\n\n &-ink {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n\n &::before {\n position: relative;\n display: block;\n width: @anchor-border-width;\n height: 100%;\n margin: 0 auto;\n background-color: @anchor-border-color;\n content: ' ';\n }\n\n &-ball {\n position: absolute;\n left: 50%;\n display: none;\n width: 8px;\n height: 8px;\n background-color: @component-background;\n border: 2px solid @primary-color;\n border-radius: 8px;\n transform: translateX(-50%);\n transition: top 0.3s ease-in-out;\n\n &.@{ant-prefix}-anchor-ink-ball-visible {\n display: inline-block;\n }\n }\n }\n\n &-fixed &-ink &-ink-ball {\n display: none;\n }\n\n &-link {\n padding: @anchor-link-padding;\n\n &-title {\n position: relative;\n display: block;\n margin-bottom: 3px;\n overflow: hidden;\n color: @text-color;\n white-space: nowrap;\n text-overflow: ellipsis;\n transition: all 0.3s;\n\n &:only-child {\n margin-bottom: 0;\n }\n }\n\n &-active > &-title {\n color: @primary-color;\n }\n }\n\n &-link &-link {\n padding-top: 2px;\n padding-bottom: 2px;\n }\n}\n\n@import './rtl';\n", ".@{ant-prefix}-anchor {\n &-rtl {\n direction: rtl;\n }\n\n &-wrapper {\n .@{ant-prefix}-anchor-rtl& {\n margin-right: -4px;\n margin-left: 0;\n padding-right: 4px;\n padding-left: 0;\n }\n }\n\n &-ink {\n .@{ant-prefix}-anchor-rtl & {\n right: 0;\n left: auto;\n }\n\n &-ball {\n .@{ant-prefix}-anchor-rtl & {\n right: 50%;\n left: 0;\n transform: translateX(50%);\n }\n }\n }\n\n &-link {\n .@{ant-prefix}-anchor-rtl & {\n padding: @anchor-link-top @anchor-link-left @anchor-link-top 0;\n }\n }\n}\n", "@import '../../style/themes/index';\n\nnz-link {\n display: block;\n}\n\n.@{ant-prefix}-anchor {\n &-wrapper {\n // This is a feature of Antd 5, so we need add in the patch file.\n &-horizontal {\n margin-left: unset;\n padding-left: unset;\n margin-bottom: -4px;\n padding-bottom: 4px;\n\n .ant-anchor {\n display: flex;\n\n &-ink {\n top: unset;\n bottom: 0;\n width: 100%;\n height: unset;\n\n &:before {\n width: 100%;\n height: 2px;\n }\n\n &-ball {\n transform: translate(-50%, -50%);\n }\n }\n\n &-link {\n &:first-of-type {\n padding-inline: 0;\n }\n }\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@avatar-prefix-cls: ~'@{ant-prefix}-avatar';\n\n.@{avatar-prefix-cls} {\n .reset-component();\n\n position: relative;\n display: inline-block;\n overflow: hidden;\n color: @avatar-color;\n white-space: nowrap;\n text-align: center;\n vertical-align: middle;\n background: @avatar-bg;\n\n &-image {\n background: transparent;\n }\n\n .@{ant-prefix}-image-img {\n display: block;\n }\n\n .avatar-size(@avatar-size-base, @avatar-font-size-base);\n\n &-lg {\n .avatar-size(@avatar-size-lg, @avatar-font-size-lg);\n }\n\n &-sm {\n .avatar-size(@avatar-size-sm, @avatar-font-size-sm);\n }\n\n &-square {\n border-radius: @avatar-border-radius;\n }\n\n & > img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n}\n\n.avatar-size(@size, @font-size) {\n width: @size;\n height: @size;\n line-height: @size;\n border-radius: 50%;\n\n &-string {\n position: absolute;\n left: 50%;\n transform-origin: 0 center;\n }\n\n &.@{avatar-prefix-cls}-icon {\n font-size: @font-size;\n\n > .@{iconfont-css-prefix} {\n margin: 0;\n }\n }\n}\n\n@import './group';\n@import './rtl';\n", ".@{avatar-prefix-cls}-group {\n display: inline-flex;\n\n .@{avatar-prefix-cls} {\n border: 1px solid @avatar-group-border-color;\n\n &:not(:first-child) {\n margin-left: @avatar-group-overlapping;\n }\n }\n\n &-popover {\n .@{ant-prefix}-avatar + .@{ant-prefix}-avatar {\n margin-left: @avatar-group-space;\n }\n }\n}\n", ".@{avatar-prefix-cls}-group {\n &-rtl {\n .@{avatar-prefix-cls}:not(:first-child) {\n margin-right: @avatar-group-overlapping;\n margin-left: 0;\n }\n }\n\n &-popover.@{ant-prefix}-popover-rtl {\n .@{ant-prefix}-avatar + .@{ant-prefix}-avatar {\n margin-right: @avatar-group-space;\n margin-left: 0;\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@backtop-prefix-cls: ~'@{ant-prefix}-back-top';\n\n.@{backtop-prefix-cls} {\n .reset-component();\n\n position: fixed;\n right: 100px;\n bottom: 50px;\n z-index: @zindex-back-top;\n width: 40px;\n height: 40px;\n cursor: pointer;\n\n &:empty {\n display: none;\n }\n\n &-rtl {\n right: auto;\n left: 100px;\n direction: rtl;\n }\n\n &-content {\n width: 40px;\n height: 40px;\n overflow: hidden;\n color: @back-top-color;\n text-align: center;\n background-color: @back-top-bg;\n border-radius: 20px;\n transition: all 0.3s;\n\n &:hover {\n background-color: @back-top-hover-bg;\n transition: all 0.3s;\n }\n }\n\n &-icon {\n font-size: 24px;\n line-height: 40px;\n }\n}\n\n@import './responsive';\n", "@media screen and (max-width: @screen-md) {\n .@{backtop-prefix-cls} {\n right: 60px;\n\n &-rtl {\n right: auto;\n left: 60px;\n }\n }\n}\n\n@media screen and (max-width: @screen-xs) {\n .@{backtop-prefix-cls} {\n right: 20px;\n\n &-rtl {\n right: auto;\n left: 20px;\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@badge-prefix-cls: ~'@{ant-prefix}-badge';\n@number-prefix-cls: ~'@{ant-prefix}-scroll-number';\n\n.@{badge-prefix-cls} {\n .reset-component();\n\n position: relative;\n display: inline-block;\n line-height: 1;\n\n &-count {\n z-index: @zindex-badge;\n min-width: @badge-height;\n height: @badge-height;\n padding: 0 6px;\n color: @badge-text-color;\n font-weight: @badge-font-weight;\n font-size: @badge-font-size;\n line-height: @badge-height;\n white-space: nowrap;\n text-align: center;\n background: @badge-color;\n border-radius: (@badge-height / 2);\n box-shadow: 0 0 0 1px @shadow-color-inverse;\n\n a,\n a:hover {\n color: @badge-text-color;\n }\n }\n\n &-count-sm {\n min-width: @badge-height-sm;\n height: @badge-height-sm;\n padding: 0;\n font-size: @badge-font-size-sm;\n line-height: @badge-height-sm;\n border-radius: (@badge-height-sm / 2);\n }\n\n &-multiple-words {\n padding: 0 8px;\n }\n\n &-dot {\n z-index: @zindex-badge;\n width: @badge-dot-size;\n min-width: @badge-dot-size;\n height: @badge-dot-size;\n background: @highlight-color;\n border-radius: 100%;\n box-shadow: 0 0 0 1px @shadow-color-inverse;\n }\n\n // Tricky way to resolve https://github.com/ant-design/ant-design/issues/30088\n &-dot.@{number-prefix-cls} {\n transition: background 1.5s;\n }\n\n &-count,\n &-dot,\n .@{number-prefix-cls}-custom-component {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%, -50%);\n transform-origin: 100% 0%;\n\n &.@{iconfont-css-prefix}-spin {\n animation: antBadgeLoadingCircle 1s infinite linear;\n }\n }\n\n &-status {\n line-height: inherit;\n vertical-align: baseline;\n\n &-dot {\n position: relative;\n top: -1px;\n display: inline-block;\n width: @badge-status-size;\n height: @badge-status-size;\n vertical-align: middle;\n border-radius: 50%;\n }\n\n &-success {\n background-color: @success-color;\n }\n\n &-processing {\n position: relative;\n background-color: @processing-color;\n\n &::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid @processing-color;\n border-radius: 50%;\n animation: antStatusProcessing 1.2s infinite ease-in-out;\n content: '';\n }\n }\n\n &-default {\n background-color: @normal-color;\n }\n\n &-error {\n background-color: @error-color;\n }\n\n &-warning {\n background-color: @warning-color;\n }\n\n // mixin to iterate over colors and create CSS class for each one\n .make-color-classes(@i: length(@preset-colors)) when (@i > 0) {\n .make-color-classes(@i - 1);\n @color: extract(@preset-colors, @i);\n @darkColor: '@{color}-6';\n &-@{color} {\n background: @@darkColor;\n }\n }\n .make-color-classes();\n\n &-text {\n margin-left: 8px;\n color: @text-color;\n font-size: @font-size-base;\n }\n }\n\n &-zoom-appear,\n &-zoom-enter {\n animation: antZoomBadgeIn @animation-duration-slow @ease-out-back;\n animation-fill-mode: both;\n }\n\n &-zoom-leave {\n animation: antZoomBadgeOut @animation-duration-slow @ease-in-back;\n animation-fill-mode: both;\n }\n\n &-not-a-wrapper {\n .@{badge-prefix-cls}-zoom-appear,\n .@{badge-prefix-cls}-zoom-enter {\n animation: antNoWrapperZoomBadgeIn @animation-duration-slow @ease-out-back;\n }\n\n .@{badge-prefix-cls}-zoom-leave {\n animation: antNoWrapperZoomBadgeOut @animation-duration-slow @ease-in-back;\n }\n\n &:not(.@{badge-prefix-cls}-status) {\n vertical-align: middle;\n }\n\n .@{number-prefix-cls}-custom-component,\n .@{badge-prefix-cls}-count {\n transform: none;\n }\n\n .@{number-prefix-cls}-custom-component,\n .@{number-prefix-cls} {\n position: relative;\n top: auto;\n display: block;\n transform-origin: 50% 50%;\n }\n }\n}\n\n@keyframes antStatusProcessing {\n 0% {\n transform: scale(0.8);\n opacity: 0.5;\n }\n\n 100% {\n transform: scale(2.4);\n opacity: 0;\n }\n}\n\n// Safari will blink with transform when inner element has absolute style.\n.safari-fix-motion() {\n /* stylelint-disable property-no-vendor-prefix */\n -webkit-transform-style: preserve-3d;\n -webkit-backface-visibility: hidden;\n /* stylelint-enable property-no-vendor-prefix */\n}\n\n.@{number-prefix-cls} {\n overflow: hidden;\n direction: ltr;\n\n &-only {\n position: relative;\n display: inline-block;\n height: @badge-height;\n transition: all @animation-duration-slow @ease-in-out;\n .safari-fix-motion;\n\n > p.@{number-prefix-cls}-only-unit {\n height: @badge-height;\n margin: 0;\n .safari-fix-motion;\n }\n }\n\n &-symbol {\n vertical-align: top;\n }\n}\n\n@keyframes antZoomBadgeIn {\n 0% {\n transform: scale(0) translate(50%, -50%);\n opacity: 0;\n }\n\n 100% {\n transform: scale(1) translate(50%, -50%);\n }\n}\n\n@keyframes antZoomBadgeOut {\n 0% {\n transform: scale(1) translate(50%, -50%);\n }\n\n 100% {\n transform: scale(0) translate(50%, -50%);\n opacity: 0;\n }\n}\n\n@keyframes antNoWrapperZoomBadgeIn {\n 0% {\n transform: scale(0);\n opacity: 0;\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n@keyframes antNoWrapperZoomBadgeOut {\n 0% {\n transform: scale(1);\n }\n\n 100% {\n transform: scale(0);\n opacity: 0;\n }\n}\n\n@keyframes antBadgeLoadingCircle {\n 0% {\n transform-origin: 50%;\n }\n\n 100% {\n transform: translate(50%, -50%) rotate(360deg);\n transform-origin: 50%;\n }\n}\n\n@import './ribbon';\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@ribbon-prefix-cls: ~'@{ant-prefix}-ribbon';\n@ribbon-wrapper-prefix-cls: ~'@{ant-prefix}-ribbon-wrapper';\n\n.@{ribbon-wrapper-prefix-cls} {\n position: relative;\n}\n\n.@{ribbon-prefix-cls} {\n .reset-component();\n\n position: absolute;\n top: 8px;\n height: 22px;\n padding: 0 8px;\n color: @badge-text-color;\n line-height: 22px;\n white-space: nowrap;\n background-color: @primary-color;\n border-radius: @border-radius-sm;\n\n &-text {\n color: @white;\n }\n\n &-corner {\n position: absolute;\n top: 100%;\n width: 8px;\n height: 8px;\n color: currentcolor;\n border: 4px solid;\n transform: scaleY(0.75);\n transform-origin: top;\n // If not support IE 11, use filter: brightness(75%) instead\n &::after {\n position: absolute;\n top: -4px;\n left: -4px;\n width: inherit;\n height: inherit;\n color: rgba(0, 0, 0, 0.25);\n border: inherit;\n content: '';\n }\n }\n\n // colors\n // mixin to iterate over colors and create CSS class for each one\n .make-color-classes(@i: length(@preset-colors)) when (@i > 0) {\n .make-color-classes(@i - 1);\n @color: extract(@preset-colors, @i);\n @darkColor: '@{color}-6';\n &-color-@{color} {\n color: @@darkColor;\n background: @@darkColor;\n }\n }\n .make-color-classes();\n\n // placement\n &.@{ribbon-prefix-cls}-placement-end {\n right: -8px;\n border-bottom-right-radius: 0;\n .@{ribbon-prefix-cls}-corner {\n right: 0;\n border-color: currentcolor transparent transparent currentcolor;\n }\n }\n\n &.@{ribbon-prefix-cls}-placement-start {\n left: -8px;\n border-bottom-left-radius: 0;\n .@{ribbon-prefix-cls}-corner {\n left: 0;\n border-color: currentcolor currentcolor transparent transparent;\n }\n }\n}\n", ".@{badge-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &:not(&-not-a-wrapper) &-count,\n &:not(&-not-a-wrapper) &-dot,\n &:not(&-not-a-wrapper) .@{number-prefix-cls}-custom-component {\n .@{badge-prefix-cls}-rtl& {\n right: auto;\n left: 0;\n direction: ltr;\n transform: translate(-50%, -50%);\n transform-origin: 0% 0%;\n }\n }\n\n &-rtl&:not(&-not-a-wrapper) .@{number-prefix-cls}-custom-component {\n right: auto;\n left: 0;\n transform: translate(-50%, -50%);\n transform-origin: 0% 0%;\n }\n\n &-status {\n &-text {\n .@{badge-prefix-cls}-rtl & {\n margin-right: 8px;\n margin-left: 0;\n }\n }\n }\n\n &:not(&-not-a-wrapper).@{badge-prefix-cls}-rtl {\n .@{badge-prefix-cls}-zoom-appear,\n .@{badge-prefix-cls}-zoom-enter {\n animation-name: antZoomBadgeInRtl;\n }\n\n .@{badge-prefix-cls}-zoom-leave {\n animation-name: antZoomBadgeOutRtl;\n }\n }\n}\n\n.@{ribbon-prefix-cls}-rtl {\n direction: rtl;\n &.@{ribbon-prefix-cls}-placement-end {\n right: unset;\n left: -8px;\n border-bottom-right-radius: @border-radius-sm;\n border-bottom-left-radius: 0;\n .@{ribbon-prefix-cls}-corner {\n right: unset;\n left: 0;\n border-color: currentcolor currentcolor transparent transparent;\n\n &::after {\n border-color: currentcolor currentcolor transparent transparent;\n }\n }\n }\n &.@{ribbon-prefix-cls}-placement-start {\n right: -8px;\n left: unset;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: @border-radius-sm;\n .@{ribbon-prefix-cls}-corner {\n right: 0;\n left: unset;\n border-color: currentcolor transparent transparent currentcolor;\n\n &::after {\n border-color: currentcolor transparent transparent currentcolor;\n }\n }\n }\n}\n\n@keyframes antZoomBadgeInRtl {\n 0% {\n transform: scale(0) translate(-50%, -50%);\n opacity: 0;\n }\n\n 100% {\n transform: scale(1) translate(-50%, -50%);\n }\n}\n\n@keyframes antZoomBadgeOutRtl {\n 0% {\n transform: scale(1) translate(-50%, -50%);\n }\n\n 100% {\n transform: scale(0) translate(-50%, -50%);\n opacity: 0;\n }\n}\n", ".ant-badge {\n .ant-scroll-number:only-child {\n position: relative;\n top: auto;\n display: block;\n }\n\n .ant-badge-count:only-child {\n transform: none;\n }\n}\n\nnz-ribbon {\n display: block;\n}", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@breadcrumb-prefix-cls: ~'@{ant-prefix}-breadcrumb';\n\n.@{breadcrumb-prefix-cls} {\n .reset-component();\n\n color: @breadcrumb-base-color;\n font-size: @breadcrumb-font-size;\n\n .@{iconfont-css-prefix} {\n font-size: @breadcrumb-icon-font-size;\n }\n\n ol {\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n a {\n color: @breadcrumb-link-color;\n transition: color 0.3s;\n\n &:hover {\n color: @breadcrumb-link-color-hover;\n }\n }\n\n li:last-child {\n color: @breadcrumb-last-item-color;\n\n a {\n color: @breadcrumb-last-item-color;\n }\n }\n\n li:last-child > &-separator {\n display: none;\n }\n\n &-separator {\n margin: @breadcrumb-separator-margin;\n color: @breadcrumb-separator-color;\n }\n\n &-link {\n > .@{iconfont-css-prefix} + span,\n > .@{iconfont-css-prefix} + a {\n margin-left: 4px;\n }\n }\n\n &-overlay-link {\n > .@{iconfont-css-prefix} {\n margin-left: 4px;\n }\n }\n}\n\n@import './rtl';\n", ".@{breadcrumb-prefix-cls} {\n &-rtl {\n .clearfix();\n direction: rtl;\n\n > span {\n float: right;\n }\n }\n\n &-link {\n > .@{iconfont-css-prefix} + span,\n > .@{iconfont-css-prefix} + a {\n .@{breadcrumb-prefix-cls}-rtl & {\n margin-right: 4px;\n margin-left: 0;\n }\n }\n }\n\n &-overlay-link {\n > .@{iconfont-css-prefix} {\n .@{breadcrumb-prefix-cls}-rtl & {\n margin-right: 4px;\n margin-left: 0;\n }\n }\n }\n}\n", ".@{breadcrumb-prefix-cls} {\n &-link {\n .@{iconfont-css-prefix} + span {\n margin-left: 4px;\n }\n }\n\n // We introduced an extra layer.\n & > nz-breadcrumb-item:last-child {\n color: @breadcrumb-last-item-color;\n\n a {\n color: @breadcrumb-last-item-color;\n }\n }\n\n &-rtl {\n > nz-breadcrumb-item {\n float: right;\n }\n }\n}\n\nnz-breadcrumb {\n display: block;\n}\n\nnz-breadcrumb-item:last-child .@{breadcrumb-prefix-cls}-separator {\n display: none;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import './mixin';\n\n@btn-prefix-cls: ~'@{ant-prefix}-btn';\n\n// for compatible\n@btn-ghost-color: @text-color;\n@btn-ghost-bg: transparent;\n@btn-ghost-border: @border-color-base;\n\n// Button styles\n// -----------------------------\n.@{btn-prefix-cls} {\n // Fixing https://github.com/ant-design/ant-design/issues/12978\n // Fixing https://github.com/ant-design/ant-design/issues/20058\n // Fixing https://github.com/ant-design/ant-design/issues/19972\n // Fixing https://github.com/ant-design/ant-design/issues/18107\n // Fixing https://github.com/ant-design/ant-design/issues/13214\n // It is a render problem of chrome, which is only happened in the codesandbox demo\n // 0.001px solution works and I don't know why\n line-height: @btn-line-height;\n .btn();\n .btn-default();\n\n // Fix loading button animation\n // https://github.com/ant-design/ant-design/issues/24323\n > span {\n display: inline-block;\n }\n\n &-primary {\n .btn-primary();\n\n .@{btn-prefix-cls}-group &:not(:first-child):not(:last-child) {\n border-right-color: @btn-group-border;\n border-left-color: @btn-group-border;\n\n &:disabled {\n border-color: @btn-default-border;\n }\n }\n\n .@{btn-prefix-cls}-group &:first-child {\n &:not(:last-child) {\n border-right-color: @btn-group-border;\n\n &[disabled] {\n border-right-color: @btn-default-border;\n }\n }\n }\n\n .@{btn-prefix-cls}-group &:last-child:not(:first-child),\n .@{btn-prefix-cls}-group & + & {\n border-left-color: @btn-group-border;\n\n &[disabled] {\n border-left-color: @btn-default-border;\n }\n }\n }\n\n &-ghost {\n .btn-ghost();\n }\n\n &-dashed {\n .btn-dashed();\n }\n\n // type=\"danger\" will deprecated\n // use danger instead\n &-danger {\n .btn-danger();\n }\n\n &-link {\n .btn-link();\n }\n\n &-text {\n .btn-text();\n }\n\n &-dangerous {\n .btn-danger-default();\n }\n\n &-dangerous&-primary {\n .btn-danger();\n }\n\n &-dangerous&-link {\n .btn-danger-link();\n }\n\n &-dangerous&-text {\n .btn-danger-text();\n }\n\n &-icon-only {\n .btn-square(@btn-prefix-cls);\n vertical-align: -3px;\n\n > .@{iconfont-css-prefix} {\n display: flex;\n justify-content: center;\n }\n\n .@{iconfont-css-prefix}-loading {\n padding: 0 !important;\n }\n }\n\n // https://github.com/ant-design/ant-design/issues/32365\n a&-icon-only {\n vertical-align: -1px;\n\n > .@{iconfont-css-prefix} {\n display: inline;\n }\n }\n\n &-round {\n .btn-round(@btn-prefix-cls);\n &.@{btn-prefix-cls}-icon-only {\n width: auto;\n }\n }\n\n &-circle {\n .btn-circle(@btn-prefix-cls);\n }\n\n &::before {\n position: absolute;\n top: -@btn-border-width;\n right: -@btn-border-width;\n bottom: -@btn-border-width;\n left: -@btn-border-width;\n z-index: 1;\n display: none;\n background: @component-background;\n border-radius: inherit;\n opacity: 0.35;\n transition: opacity 0.2s;\n content: '';\n pointer-events: none;\n }\n\n .@{iconfont-css-prefix} {\n transition: margin-left 0.3s @ease-in-out;\n\n // Follow icon blur under windows. Change the render.\n // https://github.com/ant-design/ant-design/issues/13924\n &.@{iconfont-css-prefix}-plus,\n &.@{iconfont-css-prefix}-minus {\n > svg {\n shape-rendering: optimizespeed;\n }\n }\n }\n\n &&-loading {\n position: relative;\n cursor: default;\n\n &::before {\n display: block;\n }\n }\n\n & > &-loading-icon {\n transition: width 0.3s @ease-in-out, opacity 0.3s @ease-in-out;\n\n .@{iconfont-css-prefix} {\n padding-right: @padding-xs;\n animation: none;\n // for smooth button padding transition\n svg {\n animation: loadingCircle 1s infinite linear;\n }\n }\n }\n\n &-group {\n .btn-group(@btn-prefix-cls);\n }\n\n // http://stackoverflow.com/a/21281554/3040605\n &:focus > span,\n &:active > span {\n position: relative;\n }\n\n // To ensure that a space will be placed between character and `Icon`.\n > .@{iconfont-css-prefix} + span,\n > span + .@{iconfont-css-prefix} {\n margin-left: @margin-xs;\n }\n\n &&-background-ghost {\n color: @btn-default-ghost-color;\n border-color: @btn-default-ghost-border;\n\n &,\n &:hover,\n &:active,\n &:focus {\n background: @btn-default-ghost-bg;\n }\n\n &:hover,\n &:focus {\n color: @primary-color-hover;\n border-color: @primary-color-hover;\n }\n\n &:active {\n color: @primary-color-active;\n border-color: @primary-color-active;\n }\n\n &[disabled] {\n color: @disabled-color;\n background: @btn-default-ghost-bg;\n border-color: @btn-default-border;\n }\n }\n\n &-background-ghost&-primary {\n .button-variant-ghost(@btn-primary-bg, @btn-primary-bg, @primary-color-hover, @primary-color-active);\n }\n\n &-background-ghost&-danger {\n .button-variant-ghost(@btn-danger-border, @btn-danger-border, @error-color-hover, @error-color-active);\n }\n\n &-background-ghost&-dangerous {\n .button-variant-ghost(@btn-danger-border, @btn-danger-border, @error-color-hover, @error-color-active);\n }\n\n &-background-ghost&-dangerous&-link {\n .button-variant-ghost(@btn-danger-border, transparent, @error-color-hover, @error-color-active);\n }\n\n &-two-chinese-chars::first-letter {\n letter-spacing: 0.34em;\n }\n\n &-two-chinese-chars > *:not(.@{iconfont-css-prefix}) {\n margin-right: -0.34em;\n letter-spacing: 0.34em;\n }\n\n &&-block {\n width: 100%;\n }\n\n // https://github.com/ant-design/ant-design/issues/12681\n // same method as Select\n &:empty {\n display: inline-block;\n width: 0;\n visibility: hidden;\n content: '\\a0';\n }\n}\n\na.@{btn-prefix-cls} {\n // Fixing https://github.com/ant-design/ant-design/issues/12978\n // https://github.com/ant-design/ant-design/issues/29978\n // It is a render problem of chrome, which is only happened in the codesandbox demo\n // 0.1px for padding-top solution works and I don't why\n padding-top: 0.01px !important;\n line-height: @btn-height-base - 2px;\n\n &-disabled {\n .btn-href-disabled();\n }\n\n &-lg {\n line-height: @btn-height-lg - 2px;\n }\n\n &-sm {\n line-height: @btn-height-sm - 2px;\n }\n}\n\n@import './space-compact';\n@import './rtl';\n", "// mixins for button\n// ------------------------\n.button-size(@height; @padding-horizontal; @font-size; @border-radius) {\n @padding-vertical: max(\n (round(((@height - @font-size * @line-height-base) / 2) * 10) / 10) - @border-width-base,\n 0\n );\n height: @height;\n padding: @padding-vertical @padding-horizontal;\n font-size: @font-size;\n border-radius: @border-radius;\n}\n\n.button-color(@color; @background; @border) {\n color: @color;\n border-color: @border; // a inside Button which only work in Chrome\n & when not(@background = null) {\n background: @background;\n }\n // http://stackoverflow.com/a/17253457\n > a:only-child {\n color: currentcolor;\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: transparent;\n content: '';\n }\n }\n}\n\n.button-disabled(@color: @btn-disable-color; @background: @btn-disable-bg; @border: @btn-disable-border) {\n &[disabled] {\n &,\n &:hover,\n &:focus,\n &:active {\n .button-color(@color; @background; @border);\n\n text-shadow: none;\n box-shadow: none;\n }\n }\n}\n\n.button-variant-primary(@color; @background; @backgroundHover: yellow; @backgroundActive: yellow) {\n .button-color(@color; @background; @background);\n\n text-shadow: @btn-text-shadow;\n box-shadow: @btn-primary-shadow;\n\n &:hover,\n &:focus {\n & when (@theme = dark) {\n .button-color(\n @color; colorPalette('@{background}', 7); colorPalette('@{background}', 7)\n );\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n .button-color(\n @color; colorPalette('@{background}', 5); colorPalette('@{background}', 5)\n );\n }\n & when (@theme = variable) {\n .button-color(@color; @backgroundHover; @backgroundHover);\n }\n }\n\n &:active {\n & when (@theme = dark) {\n .button-color(\n @color; colorPalette('@{background}', 5); colorPalette('@{background}', 5)\n );\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n .button-color(\n @color; colorPalette('@{background}', 7); colorPalette('@{background}', 7)\n );\n }\n & when (@theme = variable) {\n .button-color(@color; @backgroundActive; @backgroundActive);\n }\n }\n\n .button-disabled();\n}\n\n.button-variant-other(@color; @background; @border) {\n .button-color(@color; @background; @border);\n\n &:hover,\n &:focus {\n & when (@theme = dark) {\n .button-color(@primary-5; @background; @primary-5);\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n .button-color(\n colorPalette('@{btn-primary-bg}', 5); @background;\n colorPalette('@{btn-primary-bg}', 5)\n );\n }\n & when (@theme = variable) {\n .button-color(@primary-color-hover; @background; @primary-color-hover);\n }\n }\n\n &:active {\n & when (@theme = dark) {\n .button-color(@primary-7; @background; @primary-7);\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n .button-color(\n colorPalette('@{btn-primary-bg}', 7); @background;\n colorPalette('@{btn-primary-bg}', 7)\n );\n }\n & when (@theme = variable) {\n .button-color(@primary-color-active; @background; @primary-color-active);\n }\n }\n .button-disabled();\n}\n\n.button-variant-ghost(@color; @border; @borderHover: yellow; @borderActive: yellow) {\n .button-color(@color; null; @border);\n text-shadow: none;\n\n &:hover,\n &:focus {\n & when (@border = transparent) {\n & when (@theme = dark) {\n .button-color(colorPalette('@{color}', 7); null; transparent);\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n .button-color(colorPalette('@{color}', 5); null; transparent);\n }\n & when (@theme = variable) {\n .button-color(@borderActive; transparent; transparent);\n }\n }\n & when not (@border = transparent) {\n & when (@theme = dark) {\n .button-color(\n colorPalette('@{color}', 7); null; colorPalette('@{color}', 7)\n );\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n .button-color(\n colorPalette('@{color}', 5); null; colorPalette('@{color}', 5)\n );\n }\n & when (@theme = variable) {\n .button-color(@borderHover; transparent; @borderHover);\n }\n }\n }\n\n &:active {\n & when (@border = transparent) {\n & when (@theme = dark) {\n .button-color(colorPalette('@{color}', 5); null; transparent);\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n .button-color(colorPalette('@{color}', 7); null; transparent);\n }\n & when (@theme = variable) {\n .button-color(@borderActive; transparent; transparent);\n }\n }\n & when not (@border = transparent) {\n & when (@theme = dark) {\n .button-color(\n colorPalette('@{color}', 5); null; colorPalette('@{color}', 5)\n );\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n .button-color(\n colorPalette('@{color}', 7); null; colorPalette('@{color}', 7)\n );\n }\n & when (@theme = variable) {\n .button-color(@borderActive; transparent; @borderActive);\n }\n }\n }\n .button-disabled();\n}\n\n.button-group-base(@btnClassName) {\n position: relative;\n display: inline-flex;\n > .@{btnClassName},\n > span > .@{btnClassName} {\n position: relative;\n\n &:hover,\n &:focus,\n &:active {\n z-index: 2;\n }\n\n &[disabled] {\n z-index: 0;\n }\n }\n .@{btnClassName}-icon-only {\n font-size: @font-size-base;\n }\n}\n// Base styles of buttons\n// --------------------------------------------------\n.btn() {\n position: relative;\n display: inline-block;\n font-weight: @btn-font-weight;\n white-space: nowrap;\n text-align: center;\n background-image: none;\n border: @btn-border-width @btn-border-style transparent;\n box-shadow: @btn-shadow;\n cursor: pointer;\n transition: all 0.3s @ease-in-out;\n user-select: none;\n touch-action: manipulation;\n .button-size(\n @btn-height-base; @btn-padding-horizontal-base; @font-size-base; @btn-border-radius-base\n );\n > .@{iconfont-css-prefix} {\n line-height: 1;\n }\n\n &,\n &:active,\n &:focus {\n outline: 0;\n }\n\n &:not([disabled]):hover {\n text-decoration: none;\n }\n\n &:not([disabled]):active {\n outline: 0;\n box-shadow: none;\n }\n\n &[disabled] {\n cursor: not-allowed;\n\n > * {\n pointer-events: none;\n }\n }\n\n &-lg {\n .button-size(\n @btn-height-lg; @btn-padding-horizontal-lg; @btn-font-size-lg; @btn-border-radius-base\n );\n }\n\n &-sm {\n .button-size(\n @btn-height-sm; @btn-padding-horizontal-sm; @btn-font-size-sm; @btn-border-radius-sm\n );\n }\n}\n// primary button style\n.btn-primary() {\n .button-variant-primary(@btn-primary-color; @btn-primary-bg; @primary-color-hover; @primary-color-active);\n}\n// default button style\n.btn-default() {\n .button-variant-other(@btn-default-color; @btn-default-bg; @btn-default-border; );\n\n &:hover,\n &:focus,\n &:active {\n text-decoration: none;\n background: @btn-default-bg;\n }\n}\n// ghost button style\n.btn-ghost() {\n .button-variant-other(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);\n}\n// dashed button style\n.btn-dashed() {\n .button-variant-other(@btn-default-color, @btn-default-bg, @btn-default-border);\n border-style: dashed;\n}\n// danger button style\n.btn-danger() {\n .button-variant-primary(@btn-danger-color, @btn-danger-bg, @error-color-hover, @error-color-active);\n}\n// danger default button style\n.btn-danger-default() {\n .button-color(@error-color, @btn-default-bg, @error-color);\n\n &:hover,\n &:focus {\n & when (@theme = dark) {\n .button-color(\n colorPalette('@{error-color}', 7); @btn-default-bg; colorPalette('@{error-color}', 7)\n );\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n .button-color(\n colorPalette('@{error-color}', 5); @btn-default-bg; colorPalette('@{error-color}', 5)\n );\n }\n & when (@theme = variable) {\n .button-color(@error-color-hover, @btn-default-bg, @error-color-hover);\n }\n }\n\n &:active {\n & when (@theme = dark) {\n .button-color(\n colorPalette('@{error-color}', 5); @btn-default-bg; colorPalette('@{error-color}', 5)\n );\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n .button-color(\n colorPalette('@{error-color}', 7); @btn-default-bg; colorPalette('@{error-color}', 7)\n );\n }\n & when (@theme = variable) {\n .button-color(@error-color-active, @btn-default-bg, @error-color-active);\n }\n }\n .button-disabled();\n}\n// danger link button style\n.btn-danger-link() {\n .button-variant-other(@error-color, transparent, transparent);\n box-shadow: none;\n\n &:hover,\n &:focus {\n & when (@theme = dark) {\n .button-color(colorPalette('@{error-color}', 7); transparent; transparent);\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n .button-color(colorPalette('@{error-color}', 5); transparent; transparent);\n }\n & when (@theme = variable) {\n .button-color(@error-color-hover; transparent; transparent);\n }\n }\n\n &:active {\n & when (@theme = dark) {\n .button-color(colorPalette('@{error-color}', 5); transparent; transparent);\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n .button-color(colorPalette('@{error-color}', 7); transparent; transparent);\n }\n & when (@theme = variable) {\n .button-color(@error-color-active; transparent; transparent);\n }\n }\n .button-disabled(@disabled-color; transparent; transparent);\n}\n// link button style\n.btn-link() {\n .button-variant-other(@link-color, transparent, transparent);\n box-shadow: none;\n\n &:hover {\n background: @btn-link-hover-bg;\n }\n\n &:hover,\n &:focus,\n &:active {\n border-color: transparent;\n }\n .button-disabled(@disabled-color; transparent; transparent);\n}\n// link button disabled style\n.btn-href-disabled() {\n cursor: not-allowed;\n\n > * {\n pointer-events: none;\n }\n\n &,\n &:hover,\n &:focus,\n &:active {\n .button-color(@btn-disable-color,transparent, transparent);\n\n text-shadow: none;\n box-shadow: none;\n }\n}\n// text button style\n.btn-text() {\n .button-variant-other(@text-color, transparent, transparent);\n box-shadow: none;\n\n &:hover,\n &:focus {\n color: @text-color;\n background: @btn-text-hover-bg;\n border-color: transparent;\n }\n\n &:active {\n color: @text-color;\n background: fadein(@btn-text-hover-bg, 1%);\n border-color: transparent;\n }\n\n .button-disabled(@disabled-color; transparent; transparent);\n}\n.btn-danger-text() {\n .button-variant-other(@error-color, transparent, transparent);\n box-shadow: none;\n\n &:hover,\n &:focus {\n & when (@theme = dark) {\n .button-color(colorPalette('@{error-color}', 7); @btn-text-hover-bg; transparent);\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n .button-color(colorPalette('@{error-color}', 5); @btn-text-hover-bg; transparent);\n }\n & when (@theme = variable) {\n .button-color(@error-color-hover; @btn-text-hover-bg; transparent);\n }\n }\n\n &:active {\n & when (@theme = dark) {\n .button-color(colorPalette('@{error-color}', 5); fadein(@btn-text-hover-bg, 1%); transparent);\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n .button-color(colorPalette('@{error-color}', 7); fadein(@btn-text-hover-bg, 1%); transparent);\n }\n & when (@theme = variable) {\n .button-color(@error-color-active; fadein(@btn-text-hover-bg, 1%); transparent);\n }\n }\n .button-disabled(@disabled-color; transparent; transparent);\n}\n// round button\n.btn-round(@btnClassName: btn) {\n .button-size(@btn-circle-size; (@btn-circle-size / 2); @font-size-base; @btn-circle-size);\n &.@{btnClassName}-lg {\n .button-size(\n @btn-circle-size-lg; (@btn-circle-size-lg / 2); @btn-font-size-lg; @btn-circle-size-lg\n );\n }\n &.@{btnClassName}-sm {\n .button-size(\n @btn-circle-size-sm; (@btn-circle-size-sm / 2); @font-size-base; @btn-circle-size-sm\n );\n }\n}\n// square button: the content only contains icon\n.btn-square(@btnClassName: btn) {\n .square(@btn-square-size);\n .button-size(@btn-square-size; 0; @btn-square-only-icon-size; @btn-border-radius-base);\n\n & > * {\n font-size: @btn-square-only-icon-size;\n }\n &.@{btnClassName}-lg {\n .square(@btn-square-size-lg);\n .button-size(@btn-square-size-lg; 0; @btn-square-only-icon-size-lg; @btn-border-radius-base);\n\n & > * {\n font-size: @btn-square-only-icon-size-lg;\n }\n }\n &.@{btnClassName}-sm {\n .square(@btn-square-size-sm);\n .button-size(@btn-square-size-sm; 0; @btn-square-only-icon-size-sm; @btn-border-radius-base);\n\n & > * {\n font-size: @btn-square-only-icon-size-sm;\n }\n }\n}\n// circle button: the content only contains icon\n.btn-circle(@btnClassName: btn) {\n min-width: @btn-height-base;\n padding-right: 0;\n padding-left: 0;\n text-align: center;\n border-radius: 50%;\n &.@{btnClassName}-lg {\n min-width: @btn-height-lg;\n border-radius: 50%;\n }\n &.@{btnClassName}-sm {\n min-width: @btn-height-sm;\n border-radius: 50%;\n }\n}\n// Horizontal button groups style\n// --------------------------------------------------\n.btn-group(@btnClassName: btn) {\n .button-group-base(@btnClassName);\n .@{btnClassName} + .@{btnClassName},\n .@{btnClassName} + &,\n span + .@{btnClassName},\n .@{btnClassName} + span,\n > span + span,\n & + .@{btnClassName},\n & + & {\n margin-left: -1px;\n }\n .@{btnClassName}-primary + .@{btnClassName}:not(.@{btnClassName}-primary):not([disabled]) {\n border-left-color: transparent;\n }\n .@{btnClassName} {\n border-radius: 0;\n }\n > .@{btnClassName}:first-child,\n > span:first-child > .@{btnClassName} {\n margin-left: 0;\n }\n > .@{btnClassName}:only-child {\n border-radius: @btn-border-radius-base;\n }\n > span:only-child > .@{btnClassName} {\n border-radius: @btn-border-radius-base;\n }\n > .@{btnClassName}:first-child:not(:last-child),\n > span:first-child:not(:last-child) > .@{btnClassName} {\n border-top-left-radius: @btn-border-radius-base;\n border-bottom-left-radius: @btn-border-radius-base;\n }\n > .@{btnClassName}:last-child:not(:first-child),\n > span:last-child:not(:first-child) > .@{btnClassName} {\n border-top-right-radius: @btn-border-radius-base;\n border-bottom-right-radius: @btn-border-radius-base;\n }\n\n &-sm {\n > .@{btnClassName}:only-child {\n border-radius: @btn-border-radius-sm;\n }\n > span:only-child > .@{btnClassName} {\n border-radius: @btn-border-radius-sm;\n }\n > .@{btnClassName}:first-child:not(:last-child),\n > span:first-child:not(:last-child) > .@{btnClassName} {\n border-top-left-radius: @btn-border-radius-sm;\n border-bottom-left-radius: @btn-border-radius-sm;\n }\n > .@{btnClassName}:last-child:not(:first-child),\n > span:last-child:not(:first-child) > .@{btnClassName} {\n border-top-right-radius: @btn-border-radius-sm;\n border-bottom-right-radius: @btn-border-radius-sm;\n }\n }\n\n & > & {\n float: left;\n }\n & > &:not(:first-child):not(:last-child) > .@{btnClassName} {\n border-radius: 0;\n }\n\n & > &:first-child:not(:last-child) {\n > .@{btnClassName}:last-child {\n padding-right: 8px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n & > &:last-child:not(:first-child) > .@{btnClassName}:first-child {\n padding-left: 8px;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n}\n", ".@{btn-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-primary {\n .@{btn-prefix-cls}-group &:last-child:not(:first-child),\n .@{btn-prefix-cls}-group & + & {\n .@{btn-prefix-cls}-group-rtl& {\n border-right-color: @btn-group-border;\n border-left-color: @btn-default-border;\n }\n\n &[disabled] {\n .@{btn-prefix-cls}-group-rtl& {\n border-right-color: @btn-default-border;\n border-left-color: @btn-group-border;\n }\n }\n }\n }\n\n & > &-loading-icon {\n .@{iconfont-css-prefix} {\n .@{btn-prefix-cls}-rtl& {\n padding-right: 0;\n padding-left: @margin-xs;\n }\n }\n }\n\n > .@{iconfont-css-prefix} + span,\n > span + .@{iconfont-css-prefix} {\n .@{btn-prefix-cls}-rtl& {\n margin-right: 8px;\n margin-left: 0;\n }\n }\n}\n\n// mixin\n.btn-group(@btnClassName: btn) {\n .@{btnClassName} + .@{btnClassName},\n .@{btnClassName} + &,\n span + .@{btnClassName},\n .@{btnClassName} + span,\n > span + span,\n & + .@{btnClassName},\n & + & {\n .@{btnClassName}-rtl&,\n .@{btnClassName}-group-rtl& {\n margin-right: -1px;\n margin-left: auto;\n }\n }\n\n &.@{btnClassName}-group-rtl {\n direction: rtl;\n }\n\n > .@{btnClassName}:first-child:not(:last-child),\n > span:first-child:not(:last-child) > .@{btnClassName} {\n .@{btnClassName}-group-rtl& {\n border-radius: 0 @btn-border-radius-base @btn-border-radius-base 0;\n }\n }\n\n > .@{btnClassName}:last-child:not(:first-child),\n > span:last-child:not(:first-child) > .@{btnClassName} {\n .@{btnClassName}-group-rtl& {\n border-radius: @btn-border-radius-base 0 0 @btn-border-radius-base;\n }\n }\n\n &-sm {\n > .@{btnClassName}:first-child:not(:last-child),\n > span:first-child:not(:last-child) > .@{btnClassName} {\n .@{btnClassName}-group-rtl& {\n border-radius: 0 @btn-border-radius-sm @btn-border-radius-sm 0;\n }\n }\n\n > .@{btnClassName}:last-child:not(:first-child),\n > span:last-child:not(:first-child) > .@{btnClassName} {\n .@{btnClassName}-group-rtl& {\n border-radius: @btn-border-radius-sm 0 0 @btn-border-radius-sm;\n }\n }\n }\n}\n", ".compact-item-border-radius(@prefix-cls, @bordered-item-cls: null) {\n & when (@bordered-item-cls = null) {\n // border-radius\n &-item:not(&-first-item):not(&-last-item).@{prefix-cls} {\n border-radius: 0;\n }\n\n &-item.@{prefix-cls}&-first-item:not(&-last-item):not(&-item-rtl) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &-item.@{prefix-cls}&-last-item:not(&-first-item):not(&-item-rtl) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n // ----------rtl for first item----------\n &-item.@{prefix-cls}&-item-rtl&-first-item:not(&-last-item) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n // ----------rtl for last item----------\n &-item.@{prefix-cls}&-item-rtl&-last-item:not(&-first-item) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n & when (not (@bordered-item-cls = null)) {\n // border-radius\n &-item:not(&-first-item):not(&-last-item).@{prefix-cls} .@{bordered-item-cls} {\n border-radius: 0;\n }\n\n &-item&-first-item.@{prefix-cls}:not(&-last-item):not(&-item-rtl) .@{bordered-item-cls} {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &-item&-last-item.@{prefix-cls}:not(&-first-item):not(&-item-rtl) .@{bordered-item-cls} {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n // ----------rtl for first item----------\n &-item.@{prefix-cls}&-first-item&-item-rtl:not(&-last-item) .@{bordered-item-cls} {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n // ----------rtl for last item----------\n &-item.@{prefix-cls}&-last-item&-item-rtl:not(&-first-item) .@{bordered-item-cls} {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n}\n\n.compact-item-border(@prefix-cls, @bordered-item-cls: null, @special-open-cls) {\n & when (@bordered-item-cls = null) {\n // border collapse\n &-item:not(&-last-item):not(&-item-rtl) {\n margin-right: -@border-width-base;\n }\n\n // rtl border collapse\n &-item:not(&-last-item)&-item-rtl {\n margin-left: -@border-width-base;\n }\n\n &-item {\n &:hover,\n &:focus,\n &:active {\n z-index: 2;\n }\n\n // Select has an extra focus className\n & when (not (@special-item-cls = null)) {\n &.@{special-item-cls} {\n z-index: 2;\n }\n }\n\n &[disabled] {\n z-index: 0;\n }\n }\n }\n\n & when (not (@bordered-item-cls = null)) {\n // border collapse\n &-item:not(&-last-item) {\n margin-right: -@border-width-base;\n\n &.@{prefix-cls}-compact-item-rtl {\n margin-right: 0;\n margin-left: -@border-width-base;\n }\n }\n\n &-item {\n &:hover,\n &:focus,\n &:active {\n > * {\n z-index: 2;\n }\n }\n\n // Select has an special focus-item\n & when (not (@special-item-cls = null)) {\n &.@{special-item-cls} > * {\n z-index: 2;\n }\n }\n\n &[disabled] > * {\n z-index: 0;\n }\n }\n }\n}\n\n.compact-item(@prefix-cls, @bordered-item-cls: null, @special-item-cls: null) {\n &-compact {\n .compact-item-border(@prefix-cls, @bordered-item-cls, @special-item-cls);\n\n .compact-item-border-radius(@prefix-cls, @bordered-item-cls);\n }\n}\n", "@import '../../style/mixins/index';\n\n@btn-prefix-cls: ~'@{ant-prefix}-btn';\n\n// Button in Space.Compact\n.@{btn-prefix-cls} {\n .compact-item(@btn-prefix-cls);\n\n // make `btn-icon-only` not too narrow\n &-icon-only&-compact-item {\n flex: none;\n }\n\n // Special styles for Primary Button\n &-compact-item.@{btn-prefix-cls}-primary {\n &:not([disabled]) + &:not([disabled]):not([ant-click-animating-without-extra-node='true']) {\n position: relative;\n\n &::after {\n position: absolute;\n top: -@border-width-base;\n left: -@border-width-base;\n display: inline-block;\n width: @border-width-base;\n height: calc(100% + @border-width-base * 2);\n background-color: @btn-group-border;\n content: ' ';\n }\n }\n }\n\n // ----------RTL----------\n &-compact-item-rtl {\n &.@{btn-prefix-cls}-compact-first-item&:not(.@{btn-prefix-cls}-compact-last-item) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &.@{btn-prefix-cls}-compact-last-item&:not(.@{btn-prefix-cls}-compact-first-item) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.@{btn-prefix-cls}-sm {\n &.@{btn-prefix-cls}-compact-first-item&:not(.@{btn-prefix-cls}-compact-last-item) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &.@{btn-prefix-cls}-compact-last-item&:not(.@{btn-prefix-cls}-compact-first-item) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n // ----------RTL Special styles for Primary Button----------\n &.@{btn-prefix-cls}-primary {\n &:not([disabled]) + &:not([disabled]) {\n &::after {\n right: -@border-width-base;\n }\n }\n }\n }\n\n // Button in Space.Compact when direction=vertical\n .compact-item-vertical(@btn-prefix-cls);\n\n // Special styles for Primary Button\n &-compact-vertical-item {\n &.@{btn-prefix-cls}-primary {\n &:not([disabled]) + &:not([disabled]):not([ant-click-animating-without-extra-node='true']) {\n position: relative;\n\n &::after {\n position: absolute;\n top: -@border-width-base;\n left: -@border-width-base;\n display: inline-block;\n width: calc(100% + @border-width-base * 2);\n height: @border-width-base;\n background-color: @btn-group-border;\n content: ' ';\n }\n }\n }\n }\n}\n", ".compact-item-vertical-border-radius(@prefix-cls) {\n &-item:not(&-first-item):not(&-last-item) {\n border-radius: 0;\n }\n\n &-item&-first-item:not(&-last-item) {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &-item&-last-item:not(&-first-item) {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n}\n\n.compact-item-vertical-border(@prefix-cls) {\n // border collapse\n &-item:not(&-last-item) {\n margin-bottom: -@border-width-base;\n }\n\n &-item {\n &:hover,\n &:focus,\n &:active {\n z-index: 2;\n }\n\n &[disabled] {\n z-index: 0;\n }\n }\n}\n\n.compact-item-vertical(@prefix-cls) {\n &-compact-vertical {\n .compact-item-vertical-border(@prefix-cls);\n .compact-item-vertical-border-radius(@prefix-cls);\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@card-prefix-cls: ~'@{ant-prefix}-card';\n@card-hoverable-hover-border: transparent;\n@card-action-icon-size: 16px;\n\n@gradient-min: fade(@card-skeleton-bg, 20%);\n@gradient-max: fade(@card-skeleton-bg, 40%);\n\n.@{card-prefix-cls} {\n .reset-component();\n\n position: relative;\n background: @card-background;\n border-radius: @card-radius;\n\n &-rtl {\n direction: rtl;\n }\n\n &-hoverable {\n cursor: pointer;\n transition: box-shadow 0.3s, border-color 0.3s;\n\n &:hover {\n border-color: @card-hoverable-hover-border;\n box-shadow: @card-shadow;\n }\n }\n\n &-bordered {\n border: @border-width-base @border-style-base @border-color-split;\n }\n\n &-head {\n min-height: @card-head-height;\n margin-bottom: -1px; // Fix card grid overflow bug: https://gw.alipayobjects.com/zos/rmsportal/XonYxBikwpgbqIQBeuhk.png\n padding: 0 @card-padding-base;\n color: @card-head-color;\n font-weight: 500;\n font-size: @card-head-font-size;\n background: @card-head-background;\n border-bottom: @border-width-base @border-style-base @border-color-split;\n border-radius: @card-radius @card-radius 0 0;\n .clearfix();\n\n &-wrapper {\n display: flex;\n align-items: center;\n }\n\n &-title {\n display: inline-block;\n flex: 1;\n padding: @card-head-padding 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n > .@{ant-prefix}-typography,\n > .@{ant-prefix}-typography-edit-content {\n left: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n\n .@{ant-prefix}-tabs-top {\n clear: both;\n margin-bottom: @card-head-tabs-margin-bottom;\n color: @text-color;\n font-weight: normal;\n font-size: @font-size-base;\n\n &-bar {\n border-bottom: @border-width-base @border-style-base @border-color-split;\n }\n }\n }\n\n &-extra {\n // https://stackoverflow.com/a/22429853/3040605\n margin-left: auto;\n padding: @card-head-padding 0;\n color: @card-head-extra-color;\n font-weight: normal;\n font-size: @font-size-base;\n\n .@{card-prefix-cls}-rtl & {\n margin-right: auto;\n margin-left: 0;\n }\n }\n\n &-body {\n padding: @card-padding-base;\n .clearfix();\n }\n\n &-contain-grid &-body {\n display: flex;\n flex-wrap: wrap;\n }\n\n &-contain-grid:not(&-loading) &-body {\n margin: -1px 0 0 -1px;\n padding: 0;\n }\n\n &-grid {\n width: 33.33%;\n padding: @card-padding-base;\n border: 0;\n border-radius: 0;\n box-shadow: 1px 0 0 0 @border-color-split, 0 1px 0 0 @border-color-split,\n 1px 1px 0 0 @border-color-split, 1px 0 0 0 @border-color-split inset,\n 0 1px 0 0 @border-color-split inset;\n transition: all 0.3s;\n\n &-hoverable {\n &:hover {\n position: relative;\n z-index: 1;\n box-shadow: @card-shadow;\n }\n }\n }\n\n &-contain-tabs > &-head &-head-title {\n min-height: @card-head-height - @card-head-padding;\n padding-bottom: 0;\n }\n\n &-contain-tabs > &-head &-extra {\n padding-bottom: 0;\n }\n\n &-bordered &-cover {\n margin-top: -1px;\n margin-right: -1px;\n margin-left: -1px;\n }\n\n &-cover {\n > * {\n display: block;\n width: 100%;\n }\n\n img {\n border-radius: @card-radius @card-radius 0 0;\n }\n }\n\n &-actions {\n display: flex;\n margin: 0;\n padding: 0;\n list-style: none;\n background: @card-actions-background;\n border-top: @border-width-base @border-style-base @border-color-split;\n .clearfix();\n\n & > li {\n margin: @card-actions-li-margin;\n color: @text-color-secondary;\n text-align: center;\n\n > span {\n position: relative;\n display: block;\n min-width: 32px;\n font-size: @font-size-base;\n line-height: @line-height-base;\n cursor: pointer;\n\n &:hover {\n color: @primary-color;\n transition: color 0.3s;\n }\n\n a:not(.@{ant-prefix}-btn),\n > .@{iconfont-css-prefix} {\n display: inline-block;\n width: 100%;\n color: @text-color-secondary;\n line-height: 22px;\n transition: color 0.3s;\n\n &:hover {\n color: @primary-color;\n }\n }\n\n > .@{iconfont-css-prefix} {\n font-size: @card-action-icon-size;\n line-height: 22px;\n }\n }\n\n &:not(:last-child) {\n border-right: @border-width-base @border-style-base @border-color-split;\n\n .@{card-prefix-cls}-rtl & {\n border-right: none;\n border-left: @border-width-base @border-style-base @border-color-split;\n }\n }\n }\n }\n\n &-type-inner &-head {\n padding: 0 @card-padding-base;\n background: @background-color-light;\n\n &-title {\n padding: @card-inner-head-padding 0;\n font-size: @font-size-base;\n }\n }\n\n &-type-inner &-body {\n padding: 16px @card-padding-base;\n }\n\n &-type-inner &-extra {\n padding: @card-inner-head-padding + 1.5px 0;\n }\n\n &-meta {\n display: flex;\n margin: -4px 0;\n .clearfix();\n\n &-avatar {\n padding-right: 16px;\n\n .@{card-prefix-cls}-rtl & {\n padding-right: 0;\n padding-left: 16px;\n }\n }\n\n &-detail {\n flex: 1;\n overflow: hidden;\n\n > div:not(:last-child) {\n margin-bottom: @margin-xs;\n }\n }\n\n &-title {\n overflow: hidden;\n color: @card-head-color;\n font-weight: 500;\n font-size: @font-size-lg;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &-description {\n color: @text-color-secondary;\n }\n }\n\n &-loading {\n overflow: hidden;\n }\n\n &-loading &-body {\n user-select: none;\n }\n}\n\n@import './size';\n", ".@{card-prefix-cls}-small {\n > .@{card-prefix-cls}-head {\n min-height: @card-head-height-sm;\n padding: 0 @card-padding-base-sm;\n font-size: @card-head-font-size-sm;\n\n > .@{card-prefix-cls}-head-wrapper {\n > .@{card-prefix-cls}-head-title {\n padding: @card-head-padding-sm 0;\n }\n > .@{card-prefix-cls}-extra {\n padding: @card-head-padding-sm 0;\n font-size: @card-head-font-size-sm;\n }\n }\n }\n > .@{card-prefix-cls}-body {\n padding: @card-padding-base-sm;\n }\n}\n", "@skeleton-prefix-cls: ~'@{ant-prefix}-skeleton';\n.@{card-prefix-cls} {\n &-rtl {\n .@{skeleton-prefix-cls}-header {\n padding: 0 0 0 @card-head-padding;\n }\n }\n}\n\nnz-card {\n display: block;\n}\n\nnz-card-meta {\n display: block;\n}\n\nnz-card-loading {\n display: block;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@carousel-prefix-cls: ~'@{ant-prefix}-carousel';\n@carousel-dot-margin: 4px;\n@carousel-arrow-size: 16px;\n@carousel-arrow-offset: 12px;\n@carousel-arrow-bg: fade(#000, 20%);\n@carousel-arrow-bg-hover: fade(#000, 30%);\n@carousel-arrow-color: @white;\n\n.@{carousel-prefix-cls} {\n .reset-component();\n\n .slick-slider {\n position: relative;\n display: block;\n box-sizing: border-box;\n touch-action: pan-y;\n -webkit-touch-callout: none;\n -webkit-tap-highlight-color: transparent;\n }\n\n .slick-list {\n position: relative;\n display: block;\n margin: 0;\n padding: 0;\n overflow: hidden;\n\n &:focus {\n outline: none;\n }\n\n &.dragging {\n cursor: pointer;\n }\n\n .slick-slide {\n pointer-events: none;\n\n // https://github.com/ant-design/ant-design/issues/23294\n input.@{ant-prefix}-radio-input,\n input.@{ant-prefix}-checkbox-input {\n visibility: hidden;\n }\n\n &.slick-active {\n pointer-events: auto;\n\n input.@{ant-prefix}-radio-input,\n input.@{ant-prefix}-checkbox-input {\n visibility: visible;\n }\n }\n\n // fix Carousel content height not match parent node\n // when children is empty node\n // https://github.com/ant-design/ant-design/issues/25878\n > div > div {\n vertical-align: bottom;\n }\n }\n }\n\n .slick-slider .slick-track,\n .slick-slider .slick-list {\n transform: translate3d(0, 0, 0);\n touch-action: pan-y;\n }\n\n .slick-track {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n\n &::before,\n &::after {\n display: table;\n content: '';\n }\n\n &::after {\n clear: both;\n }\n\n .slick-loading & {\n visibility: hidden;\n }\n }\n\n .slick-slide {\n display: none;\n float: left;\n height: 100%;\n min-height: 1px;\n\n img {\n display: block;\n }\n\n &.slick-loading img {\n display: none;\n }\n\n &.dragging img {\n pointer-events: none;\n }\n }\n\n .slick-initialized .slick-slide {\n display: block;\n }\n\n .slick-loading .slick-slide {\n visibility: hidden;\n }\n\n .slick-vertical .slick-slide {\n display: block;\n height: auto;\n }\n\n .slick-arrow.slick-hidden {\n display: none;\n }\n\n // Arrows\n .slick-prev,\n .slick-next {\n position: absolute;\n top: 50%;\n z-index: 1;\n display: inline-block;\n width: @carousel-arrow-size;\n height: @carousel-arrow-size;\n margin: 0;\n padding: 0;\n color: @white;\n font-size: 0; // keep no text\n line-height: 0;\n background: transparent;\n border: 0;\n border-radius: 0;\n outline: none;\n transform: translateY(-50%);\n cursor: pointer;\n opacity: 0.3;\n transition:\n color 0.3s,\n opacity 0.3s;\n\n &::after {\n position: absolute;\n top: 2.3px;\n display: inline-block;\n box-sizing: border-box;\n width: 11.3px;\n height: 11.3px;\n border: 0 solid currentcolor;\n border-radius: 1px;\n opacity: 1;\n content: '';\n inset-inline-start: 2.3px;\n border-inline-start-width: 2px;\n border-block-start-width: 2px;\n }\n\n &:hover,\n &:focus {\n color: @white;\n outline: none;\n opacity: 1;\n }\n\n &.slick-disabled {\n display: none;\n }\n }\n\n .slick-prev {\n right: auto;\n left: @carousel-arrow-offset;\n\n &::after {\n transform: rotate(-45deg);\n }\n }\n\n .slick-next {\n right: @carousel-arrow-offset;\n left: auto;\n\n &::after {\n transform: rotate(135deg);\n }\n }\n\n // Vertical mode (dots on left or right)\n .slick-vertical {\n .slick-prev {\n top: @carousel-dot-margin * 3;\n right: auto;\n left: 50%;\n transform: translateX(-50%);\n\n &::after {\n transform: rotate(45deg);\n }\n }\n\n .slick-next {\n top: auto;\n right: auto;\n bottom: @carousel-dot-margin * 3;\n left: 50%;\n transform: translateX(-50%);\n\n &::after {\n transform: rotate(-135deg);\n }\n }\n }\n\n .slick-dots {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 15;\n display: flex !important;\n justify-content: center;\n margin-right: 15%;\n margin-bottom: 0;\n margin-left: 15%;\n padding-left: 0;\n list-style: none;\n\n &-bottom {\n bottom: 12px;\n }\n\n &-top {\n top: 12px;\n bottom: auto;\n }\n\n li {\n position: relative;\n display: inline-block;\n flex: 0 1 auto;\n box-sizing: content-box;\n width: @carousel-dot-width;\n height: @carousel-dot-height;\n margin: 0 @carousel-dot-margin;\n padding: 0;\n text-align: center;\n text-indent: -999px;\n vertical-align: top;\n transition: all 0.5s;\n\n button {\n position: relative;\n display: block;\n width: 100%;\n height: @carousel-dot-height;\n padding: 0;\n color: transparent;\n font-size: 0;\n background: @component-background;\n border: 0;\n border-radius: 1px;\n outline: none;\n cursor: pointer;\n opacity: 0.3;\n transition: all 0.5s;\n\n &:hover,\n &:focus {\n opacity: 0.75;\n }\n\n &::after {\n position: absolute;\n top: -@carousel-dot-margin;\n right: -@carousel-dot-margin;\n bottom: -@carousel-dot-margin;\n left: -@carousel-dot-margin;\n content: '';\n }\n }\n\n &.slick-active {\n width: @carousel-dot-active-width;\n\n & button {\n background: @component-background;\n opacity: 1;\n }\n\n &:hover,\n &:focus {\n opacity: 1;\n }\n }\n }\n }\n}\n\n.@{ant-prefix}-carousel-vertical {\n .slick-dots {\n top: 50%;\n bottom: auto;\n flex-direction: column;\n width: @carousel-dot-height;\n height: auto;\n margin: 0;\n transform: translateY(-50%);\n\n &-left {\n right: auto;\n left: 12px;\n }\n\n &-right {\n right: 12px;\n left: auto;\n }\n\n li {\n width: @carousel-dot-height;\n height: @carousel-dot-width;\n margin: @carousel-dot-margin 0;\n vertical-align: baseline;\n\n button {\n width: @carousel-dot-height;\n height: @carousel-dot-width;\n }\n\n &.slick-active {\n width: @carousel-dot-height;\n height: @carousel-dot-active-width;\n\n button {\n width: @carousel-dot-height;\n height: @carousel-dot-active-width;\n }\n }\n }\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@carousel-prefix-cls: ~'@{ant-prefix}-carousel';\n\n.@{carousel-prefix-cls} {\n &-rtl {\n direction: rtl;\n\n .slick-next {\n right: auto;\n left: @carousel-arrow-offset;\n\n &::after {\n // In RTL, next points to the left\n transform: rotate(-45deg);\n }\n }\n\n .slick-prev {\n right: @carousel-arrow-offset;\n left: auto;\n\n &::after {\n // In RTL, previous points to the right\n transform: rotate(135deg);\n }\n }\n }\n\n .slick-track {\n .@{carousel-prefix-cls}-rtl & {\n right: 0;\n left: auto;\n }\n }\n // Dots\n .slick-dots {\n .@{carousel-prefix-cls}-rtl& {\n flex-direction: row-reverse;\n }\n }\n}\n\n.@{ant-prefix}-carousel-vertical {\n .slick-dots {\n .@{carousel-prefix-cls}-rtl& {\n flex-direction: column;\n }\n }\n}\n\n// Vertical arrows in RTL follow the same reversal as LTR (prev up, next down)\n.@{carousel-prefix-cls} {\n .@{carousel-prefix-cls}-rtl & {\n .slick-vertical {\n .slick-prev::after {\n transform: rotate(45deg);\n }\n\n .slick-next::after {\n transform: rotate(-135deg);\n }\n }\n }\n}\n", "nz-carousel {\n position: relative;\n display: block;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.slick-dots {\n display: block;\n}\n\n.slick-track {\n opacity: 1;\n}\n", "@import '../../style/mixins/index';\n\n.antCheckboxFn(@checkbox-prefix-cls: ~'@{ant-prefix}-checkbox') {\n @checkbox-inner-prefix-cls: ~'@{checkbox-prefix-cls}-inner';\n // 一般状态\n .@{checkbox-prefix-cls} {\n .reset-component();\n\n position: relative;\n top: 0.2em;\n line-height: 1;\n white-space: nowrap;\n outline: none;\n cursor: pointer;\n\n .@{checkbox-prefix-cls}-wrapper:hover &-inner,\n &:hover &-inner,\n &-input:focus + &-inner {\n border-color: @checkbox-color;\n }\n\n &-checked::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid @checkbox-color;\n border-radius: @checkbox-border-radius;\n visibility: hidden;\n animation: antCheckboxEffect 0.36s ease-in-out;\n animation-fill-mode: backwards;\n content: '';\n }\n\n &:hover::after,\n .@{checkbox-prefix-cls}-wrapper:hover &::after {\n visibility: visible;\n }\n\n &-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n width: @checkbox-size;\n height: @checkbox-size;\n direction: ltr;\n background-color: @checkbox-check-bg;\n border: @checkbox-border-width @border-style-base @border-color-base;\n border-radius: @checkbox-border-radius;\n // Fix IE checked style\n // https://github.com/ant-design/ant-design/issues/12597\n border-collapse: separate;\n transition: all 0.3s;\n\n &::after {\n @check-width: (@checkbox-size / 14) * 5px;\n @check-height: (@checkbox-size / 14) * 8px;\n\n position: absolute;\n top: 50%;\n // https://github.com/ant-design/ant-design/pull/19452\n // https://github.com/ant-design/ant-design/pull/31726\n left: 21.5%;\n display: table;\n width: @check-width;\n height: @check-height;\n border: 2px solid @checkbox-check-color;\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(0) translate(-50%, -50%);\n opacity: 0;\n transition: all 0.1s @ease-in-back, opacity 0.1s;\n content: ' ';\n }\n }\n\n &-input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n cursor: pointer;\n opacity: 0;\n }\n }\n\n // 选中状态\n .@{checkbox-prefix-cls}-checked .@{checkbox-inner-prefix-cls}::after {\n position: absolute;\n display: table;\n border: 2px solid @checkbox-check-color;\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(1) translate(-50%, -50%);\n opacity: 1;\n transition: all 0.2s @ease-out-back 0.1s;\n content: ' ';\n }\n\n .@{checkbox-prefix-cls}-checked {\n .@{checkbox-inner-prefix-cls} {\n background-color: @checkbox-color;\n border-color: @checkbox-color;\n }\n }\n\n .@{checkbox-prefix-cls}-disabled {\n cursor: not-allowed;\n\n &.@{checkbox-prefix-cls}-checked {\n .@{checkbox-inner-prefix-cls}::after {\n border-color: @disabled-color;\n animation-name: none;\n }\n }\n\n .@{checkbox-prefix-cls}-input {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n .@{checkbox-inner-prefix-cls} {\n background-color: @input-disabled-bg;\n border-color: @border-color-base !important;\n\n &::after {\n border-color: @input-disabled-bg;\n border-collapse: separate;\n animation-name: none;\n }\n }\n\n & + span {\n color: @disabled-color;\n cursor: not-allowed;\n }\n\n // Not show highlight border of checkbox when disabled\n &:hover::after,\n .@{checkbox-prefix-cls}-wrapper:hover &::after {\n visibility: hidden;\n }\n }\n\n .@{checkbox-prefix-cls}-wrapper {\n .reset-component();\n display: inline-flex;\n align-items: baseline;\n line-height: unset;\n cursor: pointer;\n\n &::after {\n display: inline-block;\n width: 0;\n overflow: hidden;\n content: '\\a0';\n }\n\n &.@{checkbox-prefix-cls}-wrapper-disabled {\n cursor: not-allowed;\n }\n\n & + & {\n margin-left: 8px;\n }\n\n &&-in-form-item {\n input[type='checkbox'] {\n width: 14px;\n height: 14px;\n }\n }\n }\n\n .@{checkbox-prefix-cls} + span {\n padding-right: 8px;\n padding-left: 8px;\n }\n\n .@{checkbox-prefix-cls}-group {\n .reset-component();\n display: inline-block;\n\n &-item {\n margin-right: @checkbox-group-item-margin-right;\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n &-item + &-item {\n margin-left: 0;\n }\n }\n\n // 半选状态\n .@{checkbox-prefix-cls}-indeterminate {\n .@{checkbox-inner-prefix-cls} {\n background-color: @checkbox-check-bg;\n border-color: @border-color-base;\n }\n .@{checkbox-inner-prefix-cls}::after {\n @indeterminate-width: @checkbox-size - 8px;\n @indeterminate-height: @checkbox-size - 8px;\n\n top: 50%;\n left: 50%;\n width: @indeterminate-width;\n height: @indeterminate-height;\n background-color: @checkbox-color;\n border: 0;\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n content: ' ';\n }\n\n &.@{checkbox-prefix-cls}-disabled .@{checkbox-inner-prefix-cls}::after {\n background-color: @disabled-color;\n border-color: @disabled-color;\n }\n }\n}\n\n@keyframes antCheckboxEffect {\n 0% {\n transform: scale(1);\n opacity: 0.5;\n }\n\n 100% {\n transform: scale(1.6);\n opacity: 0;\n }\n}\n", "@import '../../style/mixins/index';\n\n.antCheckboxFn(@checkbox-prefix-cls: ~'@{ant-prefix}-checkbox') {\n .@{checkbox-prefix-cls}-rtl {\n direction: rtl;\n }\n\n .@{checkbox-prefix-cls}-group {\n &-item {\n .@{checkbox-prefix-cls}-group-rtl & {\n margin-right: 0;\n margin-left: @checkbox-group-item-margin-right;\n }\n\n &:last-child {\n .@{checkbox-prefix-cls}-group-rtl & {\n margin-left: 0 !important;\n }\n }\n }\n\n &-item + &-item {\n .@{checkbox-prefix-cls}-group-rtl & {\n margin-left: @checkbox-group-item-margin-right;\n }\n }\n }\n}\n", ".ant-checkbox + span {\n &:empty {\n display: none;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@collapse-prefix-cls: ~'@{ant-prefix}-collapse';\n\n.@{collapse-prefix-cls} {\n .reset-component();\n\n background-color: @collapse-header-bg;\n border: @border-width-base @border-style-base @border-color-base;\n border-bottom: 0;\n border-radius: @collapse-panel-border-radius;\n\n & > &-item {\n border-bottom: @border-width-base @border-style-base @border-color-base;\n\n &:last-child {\n &,\n & > .@{collapse-prefix-cls}-header {\n border-radius: 0 0 @collapse-panel-border-radius @collapse-panel-border-radius;\n }\n }\n\n > .@{collapse-prefix-cls}-header {\n position: relative; // Compatible with old version of antd, should remove in next version\n display: flex;\n flex-wrap: nowrap;\n align-items: flex-start;\n padding: @collapse-header-padding;\n color: @heading-color;\n line-height: @line-height-base;\n cursor: pointer;\n transition:\n all 0.3s,\n visibility 0s;\n\n .@{collapse-prefix-cls}-arrow {\n display: inline-block;\n margin-right: @margin-sm;\n font-size: @font-size-sm;\n vertical-align: -1px;\n\n & svg {\n transition: transform 0.24s;\n }\n }\n\n .@{collapse-prefix-cls}-header-text {\n flex: auto;\n }\n\n .@{collapse-prefix-cls}-extra {\n margin-left: auto;\n }\n\n &:focus {\n outline: none;\n }\n }\n\n .@{collapse-prefix-cls}-header-collapsible-only {\n cursor: default;\n .@{collapse-prefix-cls}-header-text {\n flex: none;\n cursor: pointer;\n }\n }\n\n .@{collapse-prefix-cls}-icon-collapsible-only {\n cursor: default;\n .@{collapse-prefix-cls}-expand-icon {\n cursor: pointer;\n }\n }\n\n &.@{collapse-prefix-cls}-no-arrow {\n > .@{collapse-prefix-cls}-header {\n padding-left: @padding-sm;\n }\n }\n }\n\n // Expand Icon end\n &-icon-position-end {\n & > .@{collapse-prefix-cls}-item {\n > .@{collapse-prefix-cls}-header {\n position: relative;\n padding: @collapse-header-padding;\n padding-right: @collapse-header-padding-extra;\n\n .@{collapse-prefix-cls}-arrow {\n position: absolute;\n top: 50%;\n right: @padding-md;\n left: auto;\n margin: 0;\n transform: translateY(-50%);\n }\n }\n }\n }\n\n &-content {\n color: @text-color;\n background-color: @collapse-content-bg;\n border-top: @border-width-base @border-style-base @border-color-base;\n\n & > &-box {\n padding: @collapse-content-padding;\n }\n\n &-hidden {\n display: none;\n }\n }\n\n &-item:last-child {\n > .@{collapse-prefix-cls}-content {\n border-radius: 0 0 @collapse-panel-border-radius @collapse-panel-border-radius;\n }\n }\n\n &-borderless {\n background-color: @collapse-header-bg;\n border: 0;\n }\n\n &-borderless > &-item {\n border-bottom: 1px solid @border-color-base;\n }\n\n &-borderless > &-item:last-child,\n &-borderless > &-item:last-child &-header {\n border-radius: 0;\n }\n\n // hide the last border-bottom in borderless mode\n &-borderless > &-item:last-child {\n border-bottom: 0;\n }\n\n &-borderless > &-item > &-content {\n background-color: transparent;\n border-top: 0;\n }\n\n &-borderless > &-item > &-content > &-content-box {\n padding-top: 4px;\n }\n\n &-ghost {\n background-color: transparent;\n border: 0;\n > .@{collapse-prefix-cls}-item {\n border-bottom: 0;\n > .@{collapse-prefix-cls}-content {\n background-color: transparent;\n border-top: 0;\n > .@{collapse-prefix-cls}-content-box {\n padding-top: 12px;\n padding-bottom: 12px;\n }\n }\n }\n }\n\n & &-item-disabled > &-header {\n &,\n & > .arrow {\n color: @disabled-color;\n cursor: not-allowed;\n }\n }\n\n &-small {\n > .@{collapse-prefix-cls}-item {\n > .@{collapse-prefix-cls}-header {\n padding: 8px 12px;\n padding-inline-start: 8px;\n }\n > .@{collapse-prefix-cls}-content {\n > .@{collapse-prefix-cls}-content-box {\n padding: 12px;\n }\n }\n }\n }\n\n &-large {\n > .@{collapse-prefix-cls}-item {\n font-size: 16px;\n line-height: 1.5;\n > .@{collapse-prefix-cls}-header {\n padding: 16px 24px;\n padding-inline-start: 16px;\n }\n > .@{collapse-prefix-cls}-content {\n > .@{collapse-prefix-cls}-content-box {\n padding: 24px;\n }\n }\n }\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@collapse-prefix-cls: ~'@{ant-prefix}-collapse';\n\n.@{collapse-prefix-cls} {\n &-rtl {\n direction: rtl;\n\n // Expand Icon end\n &.@{collapse-prefix-cls}.@{collapse-prefix-cls}-icon-position-end {\n & > .@{collapse-prefix-cls}-item {\n > .@{collapse-prefix-cls}-header {\n position: relative;\n padding: @collapse-header-padding;\n padding-left: @collapse-header-padding-extra;\n\n .@{collapse-prefix-cls}-arrow {\n position: absolute;\n top: 50%;\n right: auto;\n left: @padding-md;\n margin: 0;\n transform: translateY(-50%);\n }\n }\n }\n }\n }\n\n & > &-item {\n > .@{collapse-prefix-cls}-header {\n .@{collapse-prefix-cls}-rtl & {\n padding: @collapse-header-padding;\n padding-right: @collapse-header-padding-extra;\n }\n\n .@{collapse-prefix-cls}-arrow {\n .@{collapse-prefix-cls}-rtl& {\n margin-right: 0;\n margin-left: @margin-sm;\n }\n\n & svg {\n .@{collapse-prefix-cls}-rtl& {\n transform: rotate(180deg);\n }\n }\n }\n\n .@{collapse-prefix-cls}-extra {\n .@{collapse-prefix-cls}-rtl& {\n margin-right: auto;\n margin-left: 0;\n }\n }\n }\n\n &.@{collapse-prefix-cls}-no-arrow {\n > .@{collapse-prefix-cls}-header {\n .@{collapse-prefix-cls}-rtl& {\n padding-right: @padding-sm;\n padding-left: 0;\n }\n }\n }\n }\n}\n", "nz-collapse {\n display: block;\n}\n\nnz-collapse-panel {\n display: block;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@comment-prefix-cls: ~'@{ant-prefix}-comment';\n\n.@{comment-prefix-cls} {\n position: relative;\n background-color: @comment-bg;\n\n &-inner {\n display: flex;\n padding: @comment-padding-base;\n }\n\n &-avatar {\n position: relative;\n flex-shrink: 0;\n margin-right: @margin-sm;\n cursor: pointer;\n\n img {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n }\n }\n\n &-content {\n position: relative;\n flex: 1 1 auto;\n min-width: 1px;\n font-size: @comment-font-size-base;\n word-wrap: break-word;\n\n &-author {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n margin-bottom: @margin-xss;\n font-size: @comment-font-size-base;\n\n & > a,\n & > span {\n padding-right: @padding-xs;\n font-size: @comment-font-size-sm;\n line-height: 18px;\n }\n\n &-name {\n color: @comment-author-name-color;\n font-size: @comment-font-size-base;\n transition: color 0.3s;\n\n > * {\n color: @comment-author-name-color;\n\n &:hover {\n color: @comment-author-name-color;\n }\n }\n }\n\n &-time {\n color: @comment-author-time-color;\n white-space: nowrap;\n cursor: auto;\n }\n }\n\n &-detail p {\n margin-bottom: @comment-content-detail-p-margin-bottom;\n white-space: pre-wrap;\n }\n }\n\n &-actions {\n margin-top: @comment-actions-margin-top;\n margin-bottom: @comment-actions-margin-bottom;\n padding-left: 0;\n\n > li {\n display: inline-block;\n color: @comment-action-color;\n\n > span {\n margin-right: 10px;\n color: @comment-action-color;\n font-size: @comment-font-size-sm;\n cursor: pointer;\n transition: color 0.3s;\n user-select: none;\n\n &:hover {\n color: @comment-action-hover-color;\n }\n }\n }\n }\n\n &-nested {\n margin-left: @comment-nest-indent;\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@comment-prefix-cls: ~'@{ant-prefix}-comment';\n\n.@{comment-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-avatar {\n .@{comment-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: 12px;\n }\n }\n\n &-content {\n &-author {\n & > a,\n & > span {\n .@{comment-prefix-cls}-rtl & {\n padding-right: 0;\n padding-left: 8px;\n }\n }\n }\n }\n\n &-actions {\n .@{comment-prefix-cls}-rtl & {\n padding-right: 0;\n }\n\n > li {\n > span {\n .@{comment-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: 10px;\n }\n }\n }\n }\n\n &-nested {\n .@{comment-prefix-cls}-rtl & {\n margin-right: @comment-nest-indent;\n margin-left: 0;\n }\n }\n}\n", "nz-comment {\n display: block;\n}\n\nnz-comment-content {\n display: block;\n}\n", "@import '../../input/style/mixin';\n\n@picker-prefix-cls: ~'@{ant-prefix}-picker';\n\n.picker-status-color(\n @text-color: @input-color;\n @border-color: @input-border-color;\n @background-color: @input-bg;\n @hoverBorderColor: @primary-color-hover;\n @outlineColor: @primary-color-outline;\n) {\n &.@{picker-prefix-cls} {\n &,\n &:not(.@{picker-prefix-cls}-disabled):hover {\n background-color: @background-color;\n border-color: @border-color;\n }\n\n &-focused,\n &:focus {\n .active(@text-color, @hoverBorderColor, @outlineColor);\n }\n\n .@{picker-prefix-cls}-active-bar {\n background: @hoverBorderColor;\n }\n }\n}\n\n.@{picker-prefix-cls} {\n &-status-error {\n .picker-status-color(@error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);\n }\n\n &-status-warning {\n .picker-status-color(@warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@input-affix-with-clear-btn-width: 38px;\n\n// size mixins for input\n.input-lg() {\n padding: @input-padding-vertical-lg @input-padding-horizontal-lg;\n font-size: @font-size-lg;\n}\n\n.input-sm() {\n padding: @input-padding-vertical-sm @input-padding-horizontal-sm;\n}\n\n// input status\n// == when focus or active\n.active(@borderColor: @primary-color; @hoverBorderColor: @primary-color-hover; @outlineColor: @primary-color-outline) {\n & when (@theme = dark) {\n border-color: @borderColor;\n }\n & when (not (@theme = dark) and not (@theme = variable)) {\n border-color: @hoverBorderColor;\n }\n & when not (@theme = variable) {\n box-shadow: @input-outline-offset @outline-blur-size @outline-width\n fade(@borderColor, @outline-fade);\n }\n & when (@theme = variable) {\n border-color: @hoverBorderColor;\n box-shadow: @input-outline-offset @outline-blur-size @outline-width @outlineColor;\n }\n border-right-width: @border-width-base;\n outline: 0;\n}\n\n// == when hover\n.hover(@color: @input-hover-border-color) {\n border-color: @color;\n border-right-width: @border-width-base;\n}\n\n.disabled() {\n color: @input-disabled-color;\n background-color: @input-disabled-bg;\n border-color: @input-border-color;\n box-shadow: none;\n cursor: not-allowed;\n opacity: 1;\n\n &:hover {\n .hover(@input-border-color);\n }\n}\n\n// Basic style for input\n.input() {\n position: relative;\n display: inline-block;\n width: 100%;\n min-width: 0;\n padding: @input-padding-vertical-base @input-padding-horizontal-base;\n color: @input-color;\n font-size: @font-size-base;\n line-height: @line-height-base;\n background-color: @input-bg;\n background-image: none;\n border: @border-width-base @border-style-base @input-border-color;\n border-radius: @control-border-radius;\n transition: all 0.3s;\n .placeholder(); // Reset placeholder\n\n &:hover {\n .hover();\n }\n\n &:focus,\n &-focused {\n .active();\n }\n\n &-disabled {\n .disabled();\n }\n\n &[disabled] {\n .disabled();\n }\n\n &&-borderless,\n &&-borderless:hover,\n &&-borderless:focus,\n &&-borderless&-focused,\n &&-borderless&-disabled,\n &&-borderless&[disabled] {\n background-color: transparent;\n border: none;\n box-shadow: none;\n }\n\n &&-filled {\n background-color: @input-variant-filled-bg;\n border-color: transparent;\n box-shadow: none;\n }\n\n &&-filled:hover {\n background-color: @input-variant-filled-hover-bg;\n }\n\n &&-filled:focus,\n &&-filled&-focused {\n .active();\n background-color: transparent;\n box-shadow: none;\n }\n\n &&-filled&-disabled,\n &&-filled&[disabled] {\n .disabled();\n }\n\n &&-underlined,\n &&-underlined:hover,\n &&-underlined:focus,\n &&-underlined&-focused,\n &&-underlined&-disabled,\n &&-underlined&[disabled] {\n background-color: transparent;\n border-width: 0 0 @border-width-base;\n border-radius: 0;\n box-shadow: none;\n }\n\n &&-underlined:hover:not(&-focused):not(:focus) {\n border-color: @input-border-color;\n }\n\n // Reset height for `textarea`s\n textarea& {\n max-width: 100%; // prevent textearea resize from coming out of its container\n height: auto;\n min-height: @input-height-base;\n line-height: @line-height-base;\n vertical-align: bottom;\n transition: all 0.3s, height 0s;\n }\n\n // Size\n &-lg {\n .input-lg();\n }\n\n &-sm {\n .input-sm();\n }\n}\n\n// label input\n.input-group(@inputClass) {\n position: relative;\n display: table;\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n\n // Undo padding and float of grid classes\n &[class*='col-'] {\n float: none;\n padding-right: 0;\n padding-left: 0;\n }\n\n > [class*='col-'] {\n padding-right: 8px;\n\n &:last-child {\n padding-right: 0;\n }\n }\n\n &-addon,\n &-wrap,\n > .@{inputClass} {\n display: table-cell;\n\n &:not(:first-child):not(:last-child) {\n border-radius: 0;\n }\n }\n\n &-addon,\n &-wrap {\n width: 1px; // To make addon/wrap as small as possible\n white-space: nowrap;\n vertical-align: middle;\n }\n\n &-wrap > * {\n display: block !important;\n }\n\n .@{inputClass} {\n float: left;\n width: 100%;\n margin-bottom: 0;\n text-align: inherit;\n\n &:focus {\n z-index: 1; // Fix https://gw.alipayobjects.com/zos/rmsportal/DHNpoqfMXSfrSnlZvhsJ.png\n border-right-width: 1px;\n }\n\n &:hover {\n z-index: 1;\n border-right-width: 1px;\n .@{ant-prefix}-input-search-with-button & {\n z-index: 0;\n }\n }\n }\n\n &-addon {\n position: relative;\n padding: 0 @input-padding-horizontal-base;\n color: @input-color;\n font-weight: normal;\n font-size: @font-size-base;\n text-align: center;\n background-color: @input-addon-bg;\n border: @border-width-base @border-style-base @input-border-color;\n border-radius: @control-border-radius;\n transition: all 0.3s;\n\n // Reset Select's style in addon\n .@{ant-prefix}-select {\n margin: -(@input-padding-vertical-base + 1px) (-@input-padding-horizontal-base);\n\n &.@{ant-prefix}-select-single:not(.@{ant-prefix}-select-customize-input)\n .@{ant-prefix}-select-selector {\n background-color: inherit;\n border: @border-width-base @border-style-base transparent;\n box-shadow: none;\n }\n\n &-open,\n &-focused {\n .@{ant-prefix}-select-selector {\n color: @primary-color;\n }\n }\n }\n\n // https://github.com/ant-design/ant-design/issues/31333\n .@{ant-prefix}-cascader-picker {\n margin: -9px (-@control-padding-horizontal);\n background-color: transparent;\n .@{ant-prefix}-cascader-input {\n text-align: left;\n border: 0;\n box-shadow: none;\n }\n }\n }\n\n // Reset rounded corners\n > .@{inputClass}:first-child,\n &-addon:first-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n\n // Reset Select's style in addon\n .@{ant-prefix}-select .@{ant-prefix}-select-selector {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n > .@{inputClass}-affix-wrapper {\n &:not(:first-child) .@{inputClass} {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &:not(:last-child) .@{inputClass} {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n &-addon:first-child {\n border-right: 0;\n }\n\n &-addon:last-child {\n border-left: 0;\n }\n\n > .@{inputClass}:last-child,\n &-addon:last-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n\n // Reset Select's style in addon\n .@{ant-prefix}-select .@{ant-prefix}-select-selector {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n\n // Sizing options\n &-lg .@{inputClass},\n &-lg > &-addon {\n .input-lg();\n }\n\n &-sm .@{inputClass},\n &-sm > &-addon {\n .input-sm();\n }\n\n // Fix https://github.com/ant-design/ant-design/issues/5754\n &-lg .@{ant-prefix}-select-single .@{ant-prefix}-select-selector {\n height: @input-height-lg;\n }\n\n &-sm .@{ant-prefix}-select-single .@{ant-prefix}-select-selector {\n height: @input-height-sm;\n }\n\n .@{inputClass}-affix-wrapper {\n &:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n .@{ant-prefix}-input-search & {\n border-top-left-radius: @control-border-radius;\n border-bottom-left-radius: @control-border-radius;\n }\n }\n\n &:not(:first-child),\n .@{ant-prefix}-input-search &:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n\n &&-compact {\n display: block;\n .clearfix();\n\n &-addon,\n &-wrap,\n > .@{inputClass} {\n &:not(:first-child):not(:last-child) {\n border-right-width: @border-width-base;\n\n &:hover {\n z-index: 1;\n }\n\n &:focus {\n z-index: 1;\n }\n }\n }\n\n & > * {\n display: inline-block;\n float: none;\n vertical-align: top; // https://github.com/ant-design/ant-design-pro/issues/139\n border-radius: 0;\n }\n\n & > .@{inputClass}-affix-wrapper,\n & > .@{inputClass}-number-affix-wrapper,\n & > .@{ant-prefix}-picker-range {\n display: inline-flex;\n }\n\n & > *:not(:last-child) {\n margin-right: -@border-width-base;\n border-right-width: @border-width-base;\n }\n\n // Undo float for .ant-input-group .ant-input\n .@{inputClass} {\n float: none;\n }\n\n // reset border for Select, DatePicker, AutoComplete, Cascader, Mention, TimePicker, Input\n & > .@{ant-prefix}-select > .@{ant-prefix}-select-selector,\n & > .@{ant-prefix}-select-auto-complete .@{ant-prefix}-input,\n & > .@{ant-prefix}-cascader-picker .@{ant-prefix}-input,\n & > .@{ant-prefix}-input-group-wrapper .@{ant-prefix}-input {\n border-right-width: @border-width-base;\n border-radius: 0;\n\n &:hover {\n z-index: 1;\n }\n\n &:focus {\n z-index: 1;\n }\n }\n\n & > .@{ant-prefix}-select-focused {\n z-index: 1;\n }\n\n // update z-index for arrow icon\n & > .@{ant-prefix}-select > .@{ant-prefix}-select-arrow {\n z-index: 1; // https://github.com/ant-design/ant-design/issues/20371\n }\n\n & > *:first-child,\n & > .@{ant-prefix}-select:first-child > .@{ant-prefix}-select-selector,\n & > .@{ant-prefix}-select-auto-complete:first-child .@{ant-prefix}-input,\n & > .@{ant-prefix}-cascader-picker:first-child .@{ant-prefix}-input {\n border-top-left-radius: @control-border-radius;\n border-bottom-left-radius: @control-border-radius;\n }\n\n & > *:last-child,\n & > .@{ant-prefix}-select:last-child > .@{ant-prefix}-select-selector,\n & > .@{ant-prefix}-cascader-picker:last-child .@{ant-prefix}-input,\n & > .@{ant-prefix}-cascader-picker-focused:last-child .@{ant-prefix}-input {\n border-right-width: @border-width-base;\n border-top-right-radius: @control-border-radius;\n border-bottom-right-radius: @control-border-radius;\n }\n\n // https://github.com/ant-design/ant-design/issues/12493\n & > .@{ant-prefix}-select-auto-complete .@{ant-prefix}-input {\n vertical-align: top;\n }\n\n .@{ant-prefix}-input-group-wrapper + .@{ant-prefix}-input-group-wrapper {\n margin-left: -1px;\n .@{ant-prefix}-input-affix-wrapper {\n border-radius: 0;\n }\n }\n\n .@{ant-prefix}-input-group-wrapper:not(:last-child) {\n &.@{ant-prefix}-input-search > .@{ant-prefix}-input-group {\n & > .@{ant-prefix}-input-group-addon > .@{ant-prefix}-input-search-button {\n border-radius: 0;\n }\n\n & > .@{ant-prefix}-input {\n border-radius: @control-border-radius 0 0 @control-border-radius;\n }\n }\n }\n }\n}\n\n.input-group-wrapper-compact(@inputClass) {\n // Fix the issue of using icons in Space Compact mode\n // https://github.com/ant-design/ant-design/issues/42122\n &:not(.@{inputClass}-compact-first-item):not(.@{inputClass}-compact-last-item).@{inputClass}-compact-item {\n .@{inputClass},\n .@{inputClass}-group-addon {\n border-radius: 0,\n }\n }\n\n &:not(.@{inputClass}-compact-last-item).@{inputClass}-compact-first-item {\n .@{inputClass},\n .@{inputClass}-group-addon {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n }\n }\n\n &:not(.@{inputClass}-compact-first-item).@{inputClass}-compact-last-item {\n .@{inputClass},\n .@{inputClass}-group-addon {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n }\n }\n\n // Fix the issue of input use show-count param in space compact mode\n // https://github.com/ant-design/ant-design/issues/46872\n &:not(.@{inputClass}-compact-last-item).@{inputClass}-compact-item {\n .@{inputClass}-affix-wrapper {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n }\n }\n\n // Fix the issue of input use `addonAfter` param in space compact mode\n // https://github.com/ant-design/ant-design/issues/52483\n &:not(.@{inputClass}-compact-first-item).@{inputClass}-compact-item {\n .@{inputClass}-affix-wrapper {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n }\n }\n}\n\n.status-color(\n @prefix-cls: @input-prefix-cls;\n @text-color: @input-color;\n @border-color: @input-border-color;\n @background-color: @input-bg;\n @hoverBorderColor: @primary-color-hover;\n @outlineColor: @primary-color-outline;\n) {\n &:not(.@{prefix-cls}-disabled):not(.@{prefix-cls}-borderless).@{prefix-cls} {\n &,\n &:hover {\n background: @background-color;\n border-color: @border-color;\n }\n\n &:focus,\n &-focused {\n .active(@text-color, @hoverBorderColor, @outlineColor);\n }\n }\n}\n\n.status-color-common(\n @prefix-cls: @input-prefix-cls;\n @text-color: @input-color;\n @border-color: @input-border-color;\n @background-color: @input-bg;\n @hoverBorderColor: @primary-color-hover;\n @outlineColor: @primary-color-outline;\n) {\n .@{prefix-cls}-prefix {\n color: @text-color;\n }\n}\n\n.group-status-color(\n @prefix-cls: @input-prefix-cls;\n @text-color: @input-color;\n @border-color: @input-border-color;\n) {\n .@{prefix-cls}-group-addon {\n color: @text-color;\n border-color: @border-color;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../input/style/mixin';\n@import './status';\n\n@picker-prefix-cls: ~'@{ant-prefix}-picker';\n\n.picker-padding(@input-height, @font-size, @padding-horizontal) {\n // font height probably 22.0001， So use floor better\n @font-height: floor(@font-size * @line-height-base) + 2;\n @padding-top: max(((@input-height - @font-height) / 2), 0);\n @padding-bottom: max(@input-height - @font-height - @padding-top, 0);\n padding: @padding-top @padding-horizontal @padding-bottom;\n}\n\n.@{picker-prefix-cls} {\n @arrow-size: @popover-arrow-width;\n\n .reset-component();\n .picker-padding(@input-height-base, @font-size-base, @input-padding-horizontal-base);\n position: relative;\n display: inline-flex;\n align-items: center;\n background: @picker-bg;\n border: @border-width-base @border-style-base @select-border-color;\n border-radius: @control-border-radius;\n transition: border @animation-duration-slow, box-shadow @animation-duration-slow;\n\n &:hover,\n &-focused {\n .hover();\n }\n\n &-focused {\n .active();\n }\n\n &&-disabled {\n background: @input-disabled-bg;\n border-color: @select-border-color;\n cursor: not-allowed;\n }\n\n &&-disabled &-suffix {\n color: @disabled-color;\n }\n\n &&-borderless {\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n }\n\n // filled style\n &&-filled {\n background-color: @input-variant-filled-bg;\n border-color: transparent;\n box-shadow: none;\n }\n\n &&-filled:hover {\n background-color: @input-variant-filled-hover-bg;\n border-color: transparent;\n box-shadow: none;\n }\n\n &&-filled:focus,\n &&-filled&-focused {\n .active();\n background-color: transparent;\n box-shadow: none;\n }\n\n &&-filled&-disabled,\n &&-filled&[disabled] {\n .disabled();\n }\n\n // underlined style\n &&-underlined,\n &&-underlined:hover,\n &&-underlined:focus,\n &&-underlined&-focused,\n &&-underlined&-disabled,\n &&-underlined&[disabled] {\n background-color: transparent;\n border-width: 0 0 @border-width-base;\n border-radius: 0;\n box-shadow: none;\n }\n\n &&-underlined:hover:not(&-focused):not(:focus) {\n border-color: @input-border-color;\n }\n\n // ======================== Input =========================\n &-input {\n position: relative;\n display: inline-flex;\n align-items: center;\n width: 100%;\n\n > input {\n .input();\n flex: auto;\n\n // Fix Firefox flex not correct:\n // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553\n min-width: 1px;\n height: auto;\n padding: 0;\n background: transparent;\n\n border: 0;\n\n &:focus {\n box-shadow: none;\n }\n\n &[disabled] {\n background: transparent;\n }\n }\n\n &:hover {\n .@{picker-prefix-cls}-clear {\n opacity: 1;\n }\n }\n\n &-placeholder {\n > input {\n color: @input-placeholder-color;\n }\n }\n }\n\n // Size\n &-large {\n .picker-padding(@input-height-lg, @font-size-lg, @input-padding-horizontal-lg);\n\n .@{picker-prefix-cls}-input > input {\n font-size: @font-size-lg;\n }\n }\n\n &-small {\n .picker-padding(@input-height-sm, @font-size-base, @input-padding-horizontal-sm);\n }\n\n &-suffix {\n display: flex;\n flex: none;\n align-self: center;\n margin-left: (@padding-xs / 2);\n color: @disabled-color;\n line-height: 1;\n pointer-events: none;\n\n > * {\n vertical-align: top;\n\n &:not(:last-child) {\n margin-right: 8px;\n }\n }\n }\n\n &-clear {\n position: absolute;\n top: 50%;\n right: 0;\n color: @disabled-color;\n line-height: 1;\n background: @component-background;\n transform: translateY(-50%);\n cursor: pointer;\n opacity: 0;\n transition: opacity @animation-duration-slow, color @animation-duration-slow;\n\n > * {\n vertical-align: top;\n }\n\n &:hover {\n color: @text-color-secondary;\n }\n }\n\n &-separator {\n position: relative;\n display: inline-block;\n width: 1em;\n height: @font-size-lg;\n color: @disabled-color;\n font-size: @font-size-lg;\n vertical-align: top;\n cursor: default;\n\n .@{picker-prefix-cls}-focused & {\n color: @text-color-secondary;\n }\n\n .@{picker-prefix-cls}-range-separator & {\n .@{picker-prefix-cls}-disabled & {\n cursor: not-allowed;\n }\n }\n }\n\n // ======================== Range =========================\n &-range {\n position: relative;\n display: inline-flex;\n\n // Clear\n .@{picker-prefix-cls}-clear {\n right: @input-padding-horizontal-base;\n }\n\n &:hover {\n .@{picker-prefix-cls}-clear {\n opacity: 1;\n }\n }\n\n // Active bar\n .@{picker-prefix-cls}-active-bar {\n bottom: -@border-width-base;\n height: 2px;\n margin-left: @input-padding-horizontal-base;\n background: @primary-color;\n opacity: 0;\n transition: all @animation-duration-slow ease-out;\n pointer-events: none;\n }\n\n &.@{picker-prefix-cls}-focused {\n .@{picker-prefix-cls}-active-bar {\n opacity: 1;\n }\n }\n\n &-separator {\n align-items: center;\n padding: 0 @padding-xs;\n line-height: 1;\n }\n\n &.@{picker-prefix-cls}-small {\n .@{picker-prefix-cls}-clear {\n right: @input-padding-horizontal-sm;\n }\n\n .@{picker-prefix-cls}-active-bar {\n margin-left: @input-padding-horizontal-sm;\n }\n }\n }\n\n // ======================= Dropdown =======================\n &-dropdown {\n .reset-component();\n\n --antd-arrow-background-color: @calendar-bg;\n\n position: absolute;\n // Fix incorrect position of picker popup\n // https://github.com/ant-design/ant-design/issues/35590\n top: -9999px;\n left: -9999px;\n z-index: @zindex-picker;\n\n &-hidden {\n display: none;\n }\n\n &-placement-bottomLeft, &-placement-bottomRight {\n .@{picker-prefix-cls}-range-arrow {\n top: 0;\n display: block;\n transform: translateY(-100%);\n }\n }\n\n &-placement-topLeft, &-placement-topRight {\n .@{picker-prefix-cls}-range-arrow {\n bottom: 0;\n display: block;\n transform: translateY(100%) rotate(180deg);\n }\n }\n\n &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-topLeft,\n &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-topRight,\n &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-topLeft,\n &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-topRight {\n animation-name: antSlideDownIn;\n }\n\n &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-bottomLeft,\n &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-bottomRight,\n &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-bottomLeft,\n &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-bottomRight {\n animation-name: antSlideUpIn;\n }\n\n &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-topLeft,\n &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-topRight {\n animation-name: antSlideDownOut;\n }\n\n &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-bottomLeft,\n &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-bottomRight {\n animation-name: antSlideUpOut;\n }\n }\n\n &-dropdown-range {\n margin-block: (@arrow-size * 2 / 3);\n\n &-hidden {\n display: none;\n }\n }\n\n // Time picker with additional style\n &-dropdown &-panel > &-time-panel {\n padding-top: (@padding-xs / 2);\n }\n\n // ======================== Ranges ========================\n &-ranges {\n margin-bottom: 0;\n padding: (@padding-xs / 2) @padding-sm;\n overflow: hidden;\n line-height: @picker-text-height - 2 * @border-width-base - (@padding-xs / 2);\n text-align: left;\n list-style: none;\n\n > li {\n display: inline-block;\n }\n\n // https://github.com/ant-design/ant-design/issues/23687\n .@{picker-prefix-cls}-preset > .@{ant-prefix}-tag-blue {\n color: @primary-color;\n background: @primary-1;\n border-color: @primary-3;\n cursor: pointer;\n }\n\n .@{picker-prefix-cls}-ok {\n float: right;\n margin-left: @padding-xs;\n }\n }\n\n &-range-wrapper {\n display: flex;\n }\n\n &-range-arrow {\n position: absolute;\n z-index: 1;\n box-sizing: content-box;\n margin-left: @input-padding-horizontal-base * 1.5;\n transition: left @animation-duration-slow ease-out;\n .roundedArrow(@arrow-size, 4px, @arrow-border-radius, var(--antd-arrow-background-color), @popover-arrow-box-shadow);\n }\n\n &-panel-container {\n overflow: hidden;\n vertical-align: top;\n background: @calendar-bg;\n border-radius: @border-radius-base;\n box-shadow: @box-shadow-base;\n transition: margin @animation-duration-slow;\n\n .@{picker-prefix-cls}-panels {\n display: inline-flex;\n flex-wrap: nowrap;\n direction: ltr;\n }\n\n .@{picker-prefix-cls}-panel {\n vertical-align: top;\n background: transparent;\n border: none;\n border-radius: 0;\n\n .@{picker-prefix-cls}-content,\n table {\n text-align: center;\n }\n }\n }\n\n // ===================== Compact Item Styles =====================\n .compact-item(@picker-prefix-cls, null, ~'@{picker-prefix-cls}-focused');\n}\n\n@import './panel';\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n//== Style for input-group: input with label, with button or dropdown...\n.@{ant-prefix}-input-group {\n &-wrapper {\n &-rtl {\n direction: rtl;\n }\n }\n\n &-rtl {\n direction: rtl;\n }\n}\n\n// affix\n@input-affix-margin: 4px;\n\n.@{ant-prefix}-input {\n &-affix-wrapper&-affix-wrapper-rtl {\n > input.@{ant-prefix}-input {\n border: none;\n outline: none;\n }\n }\n\n &-affix-wrapper-rtl {\n .@{ant-prefix}-input-prefix {\n margin: 0 0 0 @input-affix-margin;\n }\n\n .@{ant-prefix}-input-suffix {\n margin: 0 @input-affix-margin 0 0;\n }\n }\n\n &-textarea {\n &-rtl {\n direction: rtl;\n }\n\n &-rtl&-show-count::after {\n text-align: left;\n }\n }\n}\n\n// allow-clear\n.@{ant-prefix}-input-clear-icon {\n &-has-suffix {\n .@{ant-prefix}-input-affix-wrapper-rtl & {\n margin-right: 0;\n margin-left: @input-affix-margin;\n }\n }\n\n .@{ant-prefix}-input-affix-wrapper-rtl & {\n right: auto;\n left: 8px;\n }\n}\n\n// mixin\n@input-rtl-cls: ~'@{ant-prefix}-input-rtl';\n\n.active() {\n .@{input-rtl-cls} & {\n border-right-width: 0;\n border-left-width: @border-width-base !important;\n }\n}\n\n.hover() {\n .@{input-rtl-cls} & {\n border-right-width: 0;\n border-left-width: @border-width-base !important;\n }\n}\n\n.input() {\n &-rtl {\n direction: rtl;\n }\n}\n\n// label input\n.input-group(@inputClass) {\n > .@{inputClass}-rtl:first-child,\n &-rtl &-addon:first-child {\n border-radius: 0 @border-radius-base @border-radius-base 0;\n }\n\n &-addon:first-child {\n .@{inputClass}-group-rtl & {\n border-right: @border-width-base @border-style-base @input-border-color;\n border-left: 0;\n }\n }\n\n &-addon:last-child {\n .@{inputClass}-group-rtl & {\n border-right: 0;\n border-left: @border-width-base @border-style-base @input-border-color;\n border-radius: @border-radius-base 0 0 @border-radius-base;\n }\n }\n\n > .@{inputClass}:last-child,\n &-addon:last-child {\n .@{inputClass}-group-rtl& {\n border-radius: @border-radius-base 0 0 @border-radius-base;\n }\n }\n\n .@{inputClass}-affix-wrapper {\n &:not(:first-child) {\n .@{inputClass}-group-rtl& {\n border-radius: @border-radius-base 0 0 @border-radius-base;\n }\n }\n\n &:not(:last-child) {\n .@{inputClass}-group-rtl& {\n border-radius: 0 @border-radius-base @border-radius-base 0;\n }\n }\n }\n\n &&-compact {\n & > *:not(:last-child) {\n .@{inputClass}-group-rtl& {\n margin-right: 0;\n margin-left: -@border-width-base;\n border-left-width: @border-width-base;\n }\n }\n\n & > *:first-child,\n & > .@{ant-prefix}-select:first-child > .@{ant-prefix}-select-selector,\n & > .@{ant-prefix}-select-auto-complete:first-child .@{ant-prefix}-input,\n & > .@{ant-prefix}-cascader-picker:first-child .@{ant-prefix}-input {\n .@{inputClass}-group-rtl& {\n border-radius: 0 @border-radius-base @border-radius-base 0;\n }\n }\n\n & > *:last-child,\n & > .@{ant-prefix}-select:last-child > .@{ant-prefix}-select-selector,\n & > .@{ant-prefix}-select-auto-complete:last-child .@{ant-prefix}-input,\n & > .@{ant-prefix}-cascader-picker:last-child .@{ant-prefix}-input,\n & > .@{ant-prefix}-cascader-picker-focused:last-child .@{ant-prefix}-input {\n .@{inputClass}-group-rtl& {\n border-left-width: @border-width-base;\n border-radius: @border-radius-base 0 0 @border-radius-base;\n }\n }\n\n .@{ant-prefix}-input-group-wrapper-rtl + .@{ant-prefix}-input-group-wrapper-rtl {\n margin-right: -1px;\n margin-left: 0;\n }\n\n .@{ant-prefix}-input-group-wrapper-rtl:not(:last-child) {\n &.@{ant-prefix}-input-search > .@{ant-prefix}-input-group {\n & > .@{ant-prefix}-input {\n border-radius: 0 @border-radius-base @border-radius-base 0;\n }\n }\n }\n }\n}\n\n// search-input\n@search-prefix: ~'@{ant-prefix}-input-search';\n@search-rtl-cls: ~'@{search-prefix}-rtl';\n\n.@{search-prefix}-rtl {\n direction: rtl;\n\n .@{ant-prefix}-input {\n &:hover,\n &:focus {\n + .@{ant-prefix}-input-group-addon .@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {\n border-left-color: @border-color-base;\n\n &:hover {\n border-left-color: @input-hover-border-color;\n }\n }\n }\n }\n\n > .@{ant-prefix}-input-group {\n > .@{ant-prefix}-input-affix-wrapper {\n &:hover,\n &-focused {\n border-right-color: @input-hover-border-color;\n }\n }\n\n > .@{ant-prefix}-input-group-addon:last-child {\n right: -1px;\n left: auto;\n .@{search-prefix}-button {\n border-radius: @border-radius-base 0 0 @border-radius-base;\n }\n }\n }\n}\n", "// Compatibility for browsers.\n\n// Placeholder text\n.placeholder(@color: @input-placeholder-color) {\n &::placeholder {\n color: @color;\n user-select: none; // https://github.com/ant-design/ant-design/pull/32639\n }\n\n &:placeholder-shown {\n text-overflow: ellipsis;\n }\n}\n", "@import './input-otp';\n\ntextarea.nz-textarea-autosize-measuring {\n height: auto !important;\n // Having 2px top and bottom padding seems to fix a bug where Chrome gets an incorrect\n // measurement. We just have to account for it later and subtract it off the final result.\n padding: 2px 0 !important;\n overflow: hidden !important;\n}\n\n.@{search-prefix} {\n &-enter-button {\n & + .@{ant-prefix}-input-group-addon,\n input + .@{ant-prefix}-input-group-addon {\n .@{search-rtl-cls}& {\n .@{search-prefix}-button.@{ant-prefix}-btn-icon-only {\n .square(@btn-height-base);\n &.@{ant-prefix}-btn-sm {\n .square(@btn-height-sm);\n }\n &.@{ant-prefix}-btn-lg {\n .square(@btn-height-lg);\n }\n }\n }\n }\n }\n}\n\n.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-suffix {\n margin-left: 0;\n}\n\nnz-form-item-feedback-icon.@{ant-prefix}-input {\n &-suffix {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n display: flex;\n flex: none;\n align-items: center;\n height: 100%;\n margin-right: @padding-sm;\n margin-left: @input-affix-margin;\n pointer-events: none;\n }\n}\n\n.@{ant-prefix}-input {\n &-status-error,\n &-status-warning,\n &-status-validating,\n &-status-success {\n &.@{ant-prefix}-input-has-feedback {\n padding-right: @padding-lg + @padding-xss;\n }\n }\n}\n\n.@{ant-prefix}-input-textarea-show-count {\n position: relative;\n display: block;\n}\n\n.input() {\n &-stepperless[type='number'] {\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -moz-appearance: textfield;\n\n &::-webkit-inner-spin-button,\n ::-webkit-outer-spin-button {\n margin: 0;\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-appearance: none;\n }\n }\n}\n\n.@{ant-prefix}-otp-input {\n width: auto;\n}\n", ".roundedArrow(\n @arrow-size,\n @border-radius-outer,\n @border-radius-inner,\n @bg-color: var(--antd-arrow-background-color),\n @box-shadow: none\n) {\n @unit-width: (unit(@arrow-size) / 2);\n @border-radius-outer-without-unit: unit(@border-radius-outer);\n @border-radius-inner-without-unit: unit(@border-radius-inner);\n\n @a-x: 0;\n @a-y: @unit-width;\n @b-x: ((@border-radius-outer-without-unit * 1) / sqrt(2));\n @b-y: (@unit-width - @border-radius-outer-without-unit * (1 - 1 / sqrt(2)));\n @c-x: (@unit-width - @border-radius-inner-without-unit * (1 / sqrt(2)));\n @c-y: (@border-radius-outer-without-unit * (sqrt(2) - 1) + @border-radius-inner-without-unit * (1 / sqrt(2)));\n @d-x: 2 * @unit-width - @c-x;\n @d-y: @c-y;\n @e-x: 2 * @unit-width - @b-x;\n @e-y: @b-y;\n @f-x: 2 * @unit-width - @a-x;\n @f-y: @a-y;\n\n @arrow-shadow-width: @unit-width * sqrt(2) + @border-radius-outer * (sqrt(2) - 2);\n\n // polygon offset\n @polygon-offset: @border-radius-outer * (sqrt(2) - 1);\n @polygon-right: @arrow-size - @polygon-offset;\n @arrow-polygon: polygon(@polygon-offset 100%, 50% @polygon-offset, @polygon-right 100%, @polygon-offset 100%);\n @arrow-path: path('M @{a-x} @{a-y} A @{border-radius-outer-without-unit} @{border-radius-outer-without-unit} 0 0 0 @{b-x} @{b-y} L @{c-x} @{c-y} A @{border-radius-inner-without-unit} @{border-radius-inner-without-unit} 0 0 1 @{d-x} @{d-y} L @{e-x} @{e-y} A @{border-radius-outer-without-unit} @{border-radius-outer-without-unit} 0 0 0 @{f-x} @{f-y} Z');\n\n width: @arrow-size;\n height: @arrow-size;\n overflow: hidden;\n pointer-events: none;\n\n &::before {\n position: absolute;\n bottom: 0;\n width: @arrow-size;\n height: calc(@arrow-size / 2);\n background: @bg-color;\n content: '';\n clip-path: @arrow-polygon; // For browser that do not support path()\n clip-path: @arrow-path;\n inset-inline-start: 0;\n }\n\n &::after {\n position: absolute;\n bottom: 0;\n z-index: 0;\n width: @arrow-shadow-width;\n height: @arrow-shadow-width;\n margin: auto;\n background: transparent;\n border-radius: 0 0 @border-radius-inner;\n box-shadow: @box-shadow;\n transform: translateY(50%) rotate(-135deg);\n content: '';\n inset-inline: 0;\n }\n}\n", "@picker-cell-inner-cls: ~'@{picker-prefix-cls}-cell-inner';\n\n.@{picker-prefix-cls} {\n @picker-arrow-size: 7px;\n @picker-year-month-cell-width: 60px;\n @picker-panel-width: @picker-panel-cell-width * 7 + @padding-sm * 2 + 4;\n\n &-panel {\n display: inline-flex;\n flex-direction: column;\n text-align: center;\n background: @calendar-bg;\n border: @border-width-base @border-style-base @picker-border-color;\n border-radius: @border-radius-base;\n outline: none;\n\n &-focused {\n border-color: @primary-color;\n }\n }\n\n // ========================================================\n // = Shared Panel =\n // ========================================================\n &-decade-panel,\n &-year-panel,\n &-quarter-panel,\n &-month-panel,\n &-week-panel,\n &-date-panel,\n &-time-panel {\n display: flex;\n flex-direction: column;\n width: @picker-panel-width;\n }\n\n // ======================= Header =======================\n &-header {\n display: flex;\n padding: 0 @padding-xs;\n color: @heading-color;\n border-bottom: @border-width-base @border-style-base @picker-border-color;\n\n > * {\n flex: none;\n }\n\n button {\n padding: 0;\n color: @disabled-color;\n line-height: @picker-text-height;\n background: transparent;\n border: 0;\n cursor: pointer;\n transition: color @animation-duration-slow;\n }\n\n > button {\n min-width: 1.6em;\n font-size: @font-size-base;\n\n &:hover {\n color: @text-color;\n }\n }\n\n &-view {\n flex: auto;\n font-weight: 500;\n line-height: @picker-text-height;\n\n button {\n color: inherit;\n font-weight: inherit;\n\n &:not(:first-child) {\n margin-left: @padding-xs;\n }\n\n &:hover {\n color: @primary-color;\n }\n }\n }\n }\n\n // Arrow button\n &-prev-icon,\n &-next-icon,\n &-super-prev-icon,\n &-super-next-icon {\n position: relative;\n display: inline-block;\n width: @picker-arrow-size;\n height: @picker-arrow-size;\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n width: @picker-arrow-size;\n height: @picker-arrow-size;\n border: 0 solid currentcolor;\n border-width: 1.5px 0 0 1.5px;\n content: '';\n }\n }\n\n &-super-prev-icon,\n &-super-next-icon {\n &::after {\n position: absolute;\n top: ceil((@picker-arrow-size / 2));\n left: ceil((@picker-arrow-size / 2));\n display: inline-block;\n width: @picker-arrow-size;\n height: @picker-arrow-size;\n border: 0 solid currentcolor;\n border-width: 1.5px 0 0 1.5px;\n content: '';\n }\n }\n\n &-prev-icon,\n &-super-prev-icon {\n transform: rotate(-45deg);\n }\n\n &-next-icon,\n &-super-next-icon {\n transform: rotate(135deg);\n }\n\n // ======================== Body ========================\n &-content {\n width: 100%;\n table-layout: fixed;\n border-collapse: collapse;\n\n th,\n td {\n position: relative;\n min-width: 24px;\n font-weight: 400;\n }\n\n th {\n height: 30px;\n color: @text-color;\n line-height: 30px;\n }\n }\n\n .picker-cell-inner(@cellClassName) {\n &::before {\n position: absolute;\n top: 50%;\n right: 0;\n left: 0;\n z-index: 1;\n height: @picker-panel-cell-height;\n transform: translateY(-50%);\n transition: all @animation-duration-slow;\n content: '';\n }\n\n // >>> Default\n .@{cellClassName} {\n position: relative;\n z-index: 2;\n display: inline-block;\n min-width: @picker-panel-cell-height;\n height: @picker-panel-cell-height;\n line-height: @picker-panel-cell-height;\n border-radius: @border-radius-base;\n transition: background @animation-duration-slow, border @animation-duration-slow;\n }\n\n // >>> Hover\n &:hover:not(&-in-view),\n &:hover:not(&-selected):not(&-range-start):not(&-range-end):not(&-range-hover-start):not(&-range-hover-end) {\n .@{cellClassName} {\n background: @picker-basic-cell-hover-color;\n }\n }\n\n // >>> Today\n &-in-view&-today .@{cellClassName} {\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n border: @border-width-base @border-style-base @primary-color;\n border-radius: @border-radius-base;\n content: '';\n }\n }\n\n // >>> In Range\n &-in-view&-in-range {\n position: relative;\n\n &::before {\n background: @picker-basic-cell-active-with-range-color;\n }\n }\n\n // >>> Selected\n &-in-view&-selected .@{cellClassName},\n &-in-view&-range-start .@{cellClassName},\n &-in-view&-range-end .@{cellClassName} {\n color: @text-color-inverse;\n background: @primary-color;\n }\n\n &-in-view&-range-start:not(&-range-start-single),\n &-in-view&-range-end:not(&-range-end-single) {\n &::before {\n background: @picker-basic-cell-active-with-range-color;\n }\n }\n\n &-in-view&-range-start::before {\n left: 50%;\n }\n\n &-in-view&-range-end::before {\n right: 50%;\n }\n\n // >>> Range Hover\n &-in-view&-range-hover-start:not(&-in-range):not(&-range-start):not(&-range-end),\n &-in-view&-range-hover-end:not(&-in-range):not(&-range-start):not(&-range-end),\n &-in-view&-range-hover-start&-range-start-single,\n &-in-view&-range-hover-start&-range-start&-range-end&-range-end-near-hover,\n &-in-view&-range-hover-end&-range-start&-range-end&-range-start-near-hover,\n &-in-view&-range-hover-end&-range-end-single,\n &-in-view&-range-hover:not(&-in-range) {\n &::after {\n position: absolute;\n top: 50%;\n z-index: 0;\n height: 24px;\n border-top: @border-width-base dashed @picker-date-hover-range-border-color;\n border-bottom: @border-width-base dashed @picker-date-hover-range-border-color;\n transform: translateY(-50%);\n transition: all @animation-duration-slow;\n content: '';\n }\n }\n\n // Add space for stash\n &-range-hover-start::after,\n &-range-hover-end::after,\n &-range-hover::after {\n right: 0;\n left: 2px;\n }\n\n // Hover with in range\n &-in-view&-in-range&-range-hover::before,\n &-in-view&-range-start&-range-hover::before,\n &-in-view&-range-end&-range-hover::before,\n &-in-view&-range-start:not(&-range-start-single)&-range-hover-start::before,\n &-in-view&-range-end:not(&-range-end-single)&-range-hover-end::before,\n .@{picker-prefix-cls}-panel\n > :not(.@{picker-prefix-cls}-date-panel)\n &-in-view&-in-range&-range-hover-start::before,\n .@{picker-prefix-cls}-panel\n > :not(.@{picker-prefix-cls}-date-panel)\n &-in-view&-in-range&-range-hover-end::before {\n background: @picker-date-hover-range-color;\n }\n\n // range start border-radius\n &-in-view&-range-start:not(&-range-start-single):not(&-range-end) .@{cellClassName} {\n border-radius: @border-radius-base 0 0 @border-radius-base;\n }\n\n // range end border-radius\n &-in-view&-range-end:not(&-range-end-single):not(&-range-start) .@{cellClassName} {\n border-radius: 0 @border-radius-base @border-radius-base 0;\n }\n\n // DatePanel only\n .@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-start .@{cellClassName},\n .@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName} {\n &::after {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: -1;\n background: @picker-date-hover-range-color;\n transition: all @animation-duration-slow;\n content: '';\n }\n }\n\n .@{picker-prefix-cls}-date-panel\n &-in-view&-in-range&-range-hover-start\n .@{cellClassName}::after {\n right: -5px - @border-width-base;\n left: 0;\n }\n\n .@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName}::after {\n right: 0;\n left: -5px - @border-width-base;\n }\n\n // Hover with range start & end\n &-range-hover&-range-start::after {\n right: 50%;\n }\n\n &-range-hover&-range-end::after {\n left: 50%;\n }\n\n // Edge start\n tr > &-in-view&-range-hover:first-child::after,\n tr > &-in-view&-range-hover-end:first-child::after,\n &-in-view&-start&-range-hover-edge-start&-range-hover-edge-start-near-range::after,\n &-in-view&-range-hover-edge-start:not(&-range-hover-edge-start-near-range)::after,\n &-in-view&-range-hover-start::after {\n left: 6px;\n border-left: @border-width-base dashed @picker-date-hover-range-border-color;\n border-top-left-radius: @border-radius-base;\n border-bottom-left-radius: @border-radius-base;\n }\n\n // Edge end\n tr > &-in-view&-range-hover:last-child::after,\n tr > &-in-view&-range-hover-start:last-child::after,\n &-in-view&-end&-range-hover-edge-end&-range-hover-edge-end-near-range::after,\n &-in-view&-range-hover-edge-end:not(&-range-hover-edge-end-near-range)::after,\n &-in-view&-range-hover-end::after {\n right: 6px;\n border-right: @border-width-base dashed @picker-date-hover-range-border-color;\n border-top-right-radius: @border-radius-base;\n border-bottom-right-radius: @border-radius-base;\n }\n\n // >>> Disabled\n &-disabled {\n color: @disabled-color;\n pointer-events: none;\n\n .@{cellClassName} {\n background: transparent;\n }\n\n &::before {\n background: @picker-basic-cell-disabled-bg;\n }\n }\n &-disabled&-today .@{cellClassName}::before {\n border-color: @disabled-color;\n }\n }\n\n &-cell {\n padding: 3px 0;\n color: @disabled-color;\n cursor: pointer;\n\n // In view\n &-in-view {\n color: @text-color;\n }\n\n .picker-cell-inner(~'@{picker-cell-inner-cls}');\n }\n\n &-decade-panel,\n &-year-panel,\n &-quarter-panel,\n &-month-panel {\n .@{picker-prefix-cls}-content {\n height: @picker-panel-without-time-cell-height * 4;\n }\n\n .@{picker-cell-inner-cls} {\n padding: 0 @padding-xs;\n }\n }\n\n &-quarter-panel {\n .@{picker-prefix-cls}-content {\n height: 56px;\n }\n }\n\n // ======================== Footer ========================\n &-footer {\n width: min-content;\n min-width: 100%;\n line-height: @picker-text-height - 2 * @border-width-base;\n text-align: center;\n border-bottom: @border-width-base @border-style-base transparent;\n\n .@{picker-prefix-cls}-panel & {\n border-top: @border-width-base @border-style-base @picker-border-color;\n }\n\n &-extra {\n padding: 0 @padding-sm;\n line-height: @picker-text-height - 2 * @border-width-base;\n text-align: left;\n\n &:not(:last-child) {\n border-bottom: @border-width-base @border-style-base @picker-border-color;\n }\n }\n }\n\n &-now {\n text-align: left;\n }\n\n &-today-btn {\n color: @link-color;\n\n &:hover {\n color: @link-hover-color;\n }\n\n &:active {\n color: @link-active-color;\n }\n\n &&-disabled {\n color: @disabled-color;\n cursor: not-allowed;\n }\n }\n\n // ========================================================\n // = Special =\n // ========================================================\n\n // ===================== Decade Panel =====================\n &-decade-panel {\n .@{picker-cell-inner-cls} {\n padding: 0 (@padding-xs / 2);\n }\n\n .@{picker-prefix-cls}-cell::before {\n display: none;\n }\n }\n\n // ============= Year & Quarter & Month Panel =============\n &-year-panel,\n &-quarter-panel,\n &-month-panel {\n @hover-cell-fixed-distance: (\n (((@picker-panel-width - @padding-xs * 2) / 3) - @picker-year-month-cell-width) / 2\n );\n\n .@{picker-prefix-cls}-body {\n padding: 0 @padding-xs;\n }\n\n .@{picker-cell-inner-cls} {\n width: @picker-year-month-cell-width;\n }\n\n .@{picker-prefix-cls}-cell-range-hover-start::after {\n left: @hover-cell-fixed-distance;\n border-left: @border-width-base dashed @picker-date-hover-range-border-color;\n border-radius: @border-radius-base 0 0 @border-radius-base;\n\n .@{picker-prefix-cls}-panel-rtl & {\n right: @hover-cell-fixed-distance;\n border-right: @border-width-base dashed @picker-date-hover-range-border-color;\n border-radius: 0 @border-radius-base @border-radius-base 0;\n }\n }\n .@{picker-prefix-cls}-cell-range-hover-end::after {\n right: @hover-cell-fixed-distance;\n border-right: @border-width-base dashed @picker-date-hover-range-border-color;\n border-radius: 0 @border-radius-base @border-radius-base 0;\n\n .@{picker-prefix-cls}-panel-rtl & {\n left: @hover-cell-fixed-distance;\n border-left: @border-width-base dashed @picker-date-hover-range-border-color;\n border-radius: @border-radius-base 0 0 @border-radius-base;\n }\n }\n }\n\n // ====================== Week Panel ======================\n &-week-panel {\n .@{picker-prefix-cls}-body {\n padding: @padding-xs @padding-sm;\n }\n\n // Clear cell style\n .@{picker-prefix-cls}-cell {\n &:hover .@{picker-cell-inner-cls},\n &-selected .@{picker-cell-inner-cls},\n .@{picker-cell-inner-cls} {\n background: transparent !important;\n }\n }\n\n &-row {\n td {\n transition: background @animation-duration-slow;\n }\n\n &:hover td {\n background: @picker-basic-cell-hover-color;\n }\n\n &-selected td,\n &-selected:hover td {\n background: @primary-color;\n\n &.@{picker-prefix-cls}-cell-week {\n color: fade(@text-color-inverse, 50%);\n }\n\n &.@{picker-prefix-cls}-cell-today .@{picker-cell-inner-cls}::before {\n border-color: @text-color-inverse;\n }\n\n .@{picker-cell-inner-cls} {\n color: @text-color-inverse;\n }\n }\n }\n }\n\n // ====================== Date Panel ======================\n &-date-panel {\n .@{picker-prefix-cls}-body {\n padding: @padding-xs @padding-sm;\n }\n\n .@{picker-prefix-cls}-content {\n width: @picker-panel-cell-width * 7;\n\n th {\n width: @picker-panel-cell-width;\n }\n }\n }\n\n // ==================== Datetime Panel ====================\n &-datetime-panel {\n display: flex;\n\n .@{picker-prefix-cls}-time-panel {\n border-left: @border-width-base @border-style-base @picker-border-color;\n }\n\n .@{picker-prefix-cls}-date-panel,\n .@{picker-prefix-cls}-time-panel {\n transition: opacity @animation-duration-slow;\n }\n\n // Keyboard\n &-active {\n .@{picker-prefix-cls}-date-panel,\n .@{picker-prefix-cls}-time-panel {\n opacity: 0.3;\n\n &-active {\n opacity: 1;\n }\n }\n }\n }\n\n // ====================== Time Panel ======================\n &-time-panel {\n width: auto;\n min-width: auto;\n\n .@{picker-prefix-cls}-content {\n display: flex;\n flex: auto;\n height: @picker-time-panel-column-height;\n }\n\n &-column {\n flex: 1 0 auto;\n width: @picker-time-panel-column-width;\n margin: 0;\n padding: 0;\n overflow-y: hidden;\n text-align: left;\n list-style: none;\n transition: background @animation-duration-slow;\n\n &::after {\n display: block;\n height: @picker-time-panel-column-height - @picker-time-panel-cell-height;\n content: '';\n .@{picker-prefix-cls}-datetime-panel & {\n height: @picker-time-panel-column-height - @picker-time-panel-cell-height + 2 *\n @border-width-base;\n }\n }\n\n &:not(:first-child) {\n border-left: @border-width-base @border-style-base @picker-border-color;\n }\n\n &-active {\n background: @calendar-column-active-bg;\n }\n\n &:hover {\n overflow-y: auto;\n }\n\n > li {\n margin: 0;\n padding: 0;\n\n &.@{picker-prefix-cls}-time-panel-cell {\n .@{picker-prefix-cls}-time-panel-cell-inner {\n display: block;\n width: 100%;\n height: @picker-time-panel-cell-height;\n margin: 0;\n padding: 0 0 0 ((@picker-time-panel-column-width - 28px) / 2);\n color: @text-color;\n line-height: @picker-time-panel-cell-height;\n border-radius: 0;\n cursor: pointer;\n transition: background @animation-duration-slow;\n\n &:hover {\n background: @item-hover-bg;\n }\n }\n\n &-selected {\n .@{picker-prefix-cls}-time-panel-cell-inner {\n background: @calendar-item-active-bg;\n }\n }\n\n &-disabled {\n .@{picker-prefix-cls}-time-panel-cell-inner {\n color: @disabled-color;\n background: transparent;\n cursor: not-allowed;\n }\n }\n }\n }\n }\n }\n}\n\n// Fix IE11 render bug by css hacks\n// https://github.com/ant-design/ant-design/issues/21559\n// https://codepen.io/afc163-1472555193/pen/mdJRaNj?editors=0110\n/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */\n_:-ms-fullscreen,\n:root {\n .@{picker-prefix-cls}-range-wrapper {\n .@{picker-prefix-cls}-month-panel .@{picker-prefix-cls}-cell,\n .@{picker-prefix-cls}-year-panel .@{picker-prefix-cls}-cell {\n padding: 21px 0;\n }\n }\n}\n", ".@{picker-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-suffix {\n .@{picker-prefix-cls}-rtl & {\n margin-right: (@padding-xs / 2);\n margin-left: 0;\n }\n }\n\n &-clear {\n .@{picker-prefix-cls}-rtl & {\n right: auto;\n left: 0;\n }\n }\n\n &-separator {\n .@{picker-prefix-cls}-rtl & {\n transform: rotate(180deg);\n }\n }\n\n &-header {\n &-view {\n button {\n &:not(:first-child) {\n .@{picker-prefix-cls}-panel-rtl & {\n margin-right: @padding-xs;\n margin-left: 0;\n }\n }\n }\n }\n }\n\n // ======================== Range =========================\n &-range {\n // Clear\n .@{picker-prefix-cls}-clear {\n .@{picker-prefix-cls}-rtl& {\n right: auto;\n left: @input-padding-horizontal-base;\n }\n }\n\n // Active bar\n .@{picker-prefix-cls}-active-bar {\n .@{picker-prefix-cls}-rtl& {\n margin-right: @input-padding-horizontal-base;\n margin-left: 0;\n }\n }\n\n &.@{picker-prefix-cls}-small {\n .@{picker-prefix-cls}-active-bar {\n .@{picker-prefix-cls}-rtl& {\n margin-right: @input-padding-horizontal-sm;\n }\n }\n }\n }\n\n // ======================== Ranges ========================\n &-ranges {\n .@{picker-prefix-cls}-dropdown-rtl & {\n text-align: right;\n }\n\n .@{picker-prefix-cls}-ok {\n .@{picker-prefix-cls}-dropdown-rtl & {\n float: left;\n margin-right: @padding-xs;\n margin-left: 0;\n }\n }\n }\n\n // ======================== Panel ========================\n &-panel {\n &-rtl {\n direction: rtl;\n }\n }\n\n &-prev-icon,\n &-super-prev-icon {\n .@{picker-prefix-cls}-panel-rtl & {\n transform: rotate(135deg);\n }\n }\n\n &-next-icon,\n &-super-next-icon {\n .@{picker-prefix-cls}-panel-rtl & {\n transform: rotate(-45deg);\n }\n }\n\n &-cell {\n .picker-cell-inner(~'@{picker-cell-inner-cls}');\n }\n\n // ======================== Body ==========================\n .picker-cell-inner(@cellClassName) {\n .@{cellClassName} {\n position: relative;\n z-index: 2;\n display: inline-block;\n min-width: @picker-panel-cell-height;\n height: @picker-panel-cell-height;\n line-height: @picker-panel-cell-height;\n border-radius: @border-radius-base;\n transition: background @animation-duration-slow, border @animation-duration-slow;\n }\n\n &-in-view&-range-start::before {\n .@{picker-prefix-cls}-panel-rtl & {\n right: 50%;\n left: 0;\n }\n }\n\n &-in-view&-range-end::before {\n .@{picker-prefix-cls}-panel-rtl & {\n right: 0;\n left: 50%;\n }\n }\n\n &-in-view&-range-start&-range-end::before {\n .@{picker-prefix-cls}-panel-rtl & {\n right: 50%;\n left: 50%;\n }\n }\n\n .@{picker-prefix-cls}-date-panel\n &-in-view&-in-range&-range-hover-start\n .@{cellClassName}::after {\n .@{picker-prefix-cls}-panel-rtl & {\n right: 0;\n left: -5px - @border-width-base;\n }\n }\n\n .@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName}::after {\n .@{picker-prefix-cls}-panel-rtl & {\n right: -5px - @border-width-base;\n left: 0;\n }\n }\n\n // Hover with range start & end\n &-range-hover&-range-start::after {\n .@{picker-prefix-cls}-panel-rtl & {\n right: 0;\n left: 50%;\n }\n }\n\n &-range-hover&-range-end::after {\n .@{picker-prefix-cls}-panel-rtl & {\n right: 50%;\n left: 0;\n }\n }\n\n // range start border-radius\n &-in-view&-range-start:not(&-range-start-single):not(&-range-end) .@{cellClassName} {\n .@{picker-prefix-cls}-panel-rtl & {\n border-radius: 0 @border-radius-base @border-radius-base 0;\n }\n }\n\n // range end border-radius\n &-in-view&-range-end:not(&-range-end-single):not(&-range-start) .@{cellClassName} {\n .@{picker-prefix-cls}-panel-rtl & {\n border-radius: @border-radius-base 0 0 @border-radius-base;\n }\n }\n\n // Edge start\n tr > &-in-view&-range-hover:not(&-selected):first-child::after,\n &-in-view&-start&-range-hover-edge-start&-range-hover-edge-start-near-range::after,\n &-in-view&-range-hover-edge-start:not(&-range-hover-edge-start-near-range)::after,\n &-in-view&-range-hover-start::after {\n .@{picker-prefix-cls}-panel-rtl & {\n right: 6px;\n left: 0;\n border-right: @border-width-base dashed @picker-date-hover-range-border-color;\n border-left: none;\n border-radius: 0 @border-radius-base @border-radius-base 0;\n }\n }\n\n // Edge end\n tr > &-in-view&-range-hover:not(&-selected):last-child::after,\n &-in-view&-end&-range-hover-edge-end&-range-hover-edge-end-near-range::after,\n &-in-view&-range-hover-edge-end:not(&-range-hover-edge-end-near-range)::after,\n &-in-view&-range-hover-end::after {\n .@{picker-prefix-cls}-panel-rtl & {\n right: 0;\n left: 6px;\n border-right: none;\n border-left: @border-width-base dashed @picker-date-hover-range-border-color;\n border-radius: @border-radius-base 0 0 @border-radius-base;\n }\n }\n\n tr > &-in-view&-range-hover-start:last-child::after,\n tr > &-in-view&-range-hover-end:first-child::after,\n &-in-view&-start&-range-hover-edge-start:not(&-range-hover)::after,\n &-in-view&-start&-range-hover-end&-range-hover-edge-start:not(&-range-hover)::after,\n &-in-view&-end&-range-hover-start&-range-hover-edge-end:not(&-range-hover)::after,\n tr > &-in-view&-start&-range-hover&-range-hover-edge-start:last-child::after,\n tr > &-in-view&-end&-range-hover&-range-hover-edge-end:first-child::after {\n .@{picker-prefix-cls}-panel-rtl & {\n right: 6px;\n left: 6px;\n border-right: @border-width-base dashed @picker-date-hover-range-border-color;\n border-left: @border-width-base dashed @picker-date-hover-range-border-color;\n border-radius: @border-radius-base;\n }\n }\n }\n\n // ======================== Footer ========================\n &-footer {\n &-extra {\n .@{picker-prefix-cls}-dropdown-rtl & {\n direction: rtl;\n text-align: right;\n }\n }\n }\n\n // ====================== Time Panel ======================\n &-time-panel {\n .@{picker-prefix-cls}-panel-rtl & {\n direction: ltr;\n }\n }\n}\n", "// inline mode\n.@{picker-prefix-cls}-inline {\n padding: 0;\n border: none;\n .@{picker-prefix-cls} {\n &-range-arrow {\n display: none !important;\n }\n\n &-dropdown {\n z-index: auto;\n }\n }\n}\n\n// overwrite css in index.less to make sure picker popup is in the right position\n.@{picker-prefix-cls}-dropdown {\n top: unset;\n left: unset;\n}\n\n// ensure table is correct width to display week numbers in date mode\n.@{picker-prefix-cls}-panel-container.@{picker-prefix-cls}-week-number .@{picker-prefix-cls}-date-panel .@{picker-prefix-cls}-content {\n width: 100%;\n\n th {\n width: inherit;\n }\n}\n\n// make arrow in the right position in right direction\n.@{picker-prefix-cls}-range-arrow {\n margin-right: @input-padding-horizontal-base * 1.5;\n}", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@descriptions-prefix-cls: ~'@{ant-prefix}-descriptions';\n\n.@{descriptions-prefix-cls} {\n &-header {\n display: flex;\n align-items: center;\n margin-bottom: @descriptions-title-margin-bottom;\n }\n\n &-title {\n flex: auto;\n overflow: hidden;\n color: @heading-color;\n font-weight: bold;\n font-size: @font-size-lg;\n line-height: @line-height-base;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &-extra {\n margin-left: auto;\n color: @descriptions-extra-color;\n font-size: @font-size-base;\n }\n\n &-view {\n width: 100%;\n border-radius: @border-radius-base;\n\n table {\n width: 100%;\n table-layout: fixed;\n }\n }\n\n &-row {\n > th,\n > td {\n padding-bottom: @descriptions-item-padding-bottom;\n }\n\n &:last-child {\n border-bottom: none;\n }\n }\n\n &-item-label {\n color: @heading-color;\n font-weight: normal;\n font-size: @font-size-base;\n line-height: @line-height-base;\n text-align: start;\n\n &::after {\n & when (@descriptions-item-trailing-colon=true) {\n content: ':';\n }\n & when not (@descriptions-item-trailing-colon=true) {\n content: ' ';\n }\n\n position: relative;\n top: -0.5px;\n margin: 0 @descriptions-item-label-colon-margin-right 0\n @descriptions-item-label-colon-margin-left;\n }\n\n &.@{descriptions-prefix-cls}-item-no-colon::after {\n content: ' ';\n }\n }\n\n &-item-no-label {\n &::after {\n margin: 0;\n content: '';\n }\n }\n\n &-item-content {\n display: table-cell;\n flex: 1;\n color: @text-color;\n font-size: @font-size-base;\n line-height: @line-height-base;\n word-break: break-word;\n overflow-wrap: break-word;\n }\n\n &-item {\n padding-bottom: 0;\n vertical-align: top;\n\n &-container {\n display: flex;\n\n .@{descriptions-prefix-cls}-item-label,\n .@{descriptions-prefix-cls}-item-content {\n display: inline-flex;\n align-items: baseline;\n }\n }\n }\n\n &-middle {\n .@{descriptions-prefix-cls}-row {\n > th,\n > td {\n padding-bottom: @padding-sm;\n }\n }\n }\n\n &-small {\n .@{descriptions-prefix-cls}-row {\n > th,\n > td {\n padding-bottom: @padding-xs;\n }\n }\n }\n\n &-bordered {\n .@{descriptions-prefix-cls}-view {\n border: 1px solid @border-color-split;\n\n > table {\n table-layout: auto;\n border-collapse: collapse;\n }\n }\n\n .@{descriptions-prefix-cls}-item-label,\n .@{descriptions-prefix-cls}-item-content {\n padding: @descriptions-default-padding;\n border-right: 1px solid @border-color-split;\n\n &:last-child {\n border-right: none;\n }\n }\n\n .@{descriptions-prefix-cls}-item-label {\n background-color: @descriptions-bg;\n\n &::after {\n display: none;\n }\n }\n\n .@{descriptions-prefix-cls}-row {\n border-bottom: 1px solid @border-color-split;\n\n &:last-child {\n border-bottom: none;\n }\n }\n\n &.@{descriptions-prefix-cls}-middle {\n .@{descriptions-prefix-cls}-item-label,\n .@{descriptions-prefix-cls}-item-content {\n padding: @descriptions-middle-padding;\n }\n }\n\n &.@{descriptions-prefix-cls}-small {\n .@{descriptions-prefix-cls}-item-label,\n .@{descriptions-prefix-cls}-item-content {\n padding: @descriptions-small-padding;\n }\n }\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@descriptions-prefix-cls: ~'@{ant-prefix}-descriptions';\n\n.@{descriptions-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-item-label {\n &::after {\n .@{descriptions-prefix-cls}-rtl & {\n margin: 0 @descriptions-item-label-colon-margin-left 0\n @descriptions-item-label-colon-margin-right;\n }\n }\n }\n\n &-bordered {\n .@{descriptions-prefix-cls}-item-label,\n .@{descriptions-prefix-cls}-item-content {\n .@{descriptions-prefix-cls}-rtl& {\n border-right: none;\n border-left: 1px solid @border-color-split;\n\n &:last-child {\n border-left: none;\n }\n }\n }\n }\n}\n", "nz-descriptions {\n display: block;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@divider-prefix-cls: ~'@{ant-prefix}-divider';\n\n.@{divider-prefix-cls} {\n .reset-component();\n\n border-top: @border-width-base solid @divider-color;\n\n &-vertical {\n position: relative;\n top: -0.06em;\n display: inline-block;\n height: 0.9em;\n margin: 0 @divider-vertical-gutter;\n vertical-align: middle;\n border-top: 0;\n border-left: @border-width-base solid @divider-color;\n }\n\n &-horizontal {\n display: flex;\n clear: both;\n width: 100%;\n min-width: 100%; // Fix https://github.com/ant-design/ant-design/issues/10914\n margin: 24px 0;\n }\n\n &-horizontal&-with-text {\n display: flex;\n align-items: center;\n margin: 16px 0;\n color: @heading-color;\n font-weight: 500;\n font-size: @font-size-lg;\n white-space: nowrap;\n text-align: center;\n border-top: 0;\n border-top-color: @divider-color;\n\n &::before,\n &::after {\n position: relative;\n width: 50%;\n border-top: @border-width-base solid transparent;\n // Chrome not accept `inherit` in `border-top`\n border-top-color: inherit;\n border-bottom: 0;\n transform: translateY(50%);\n content: '';\n }\n }\n\n &-horizontal&-with-text-left {\n &::before {\n width: @divider-orientation-margin;\n }\n\n &::after {\n width: 100% - @divider-orientation-margin;\n }\n }\n\n &-horizontal&-with-text-right {\n &::before {\n width: 100% - @divider-orientation-margin;\n }\n\n &::after {\n width: @divider-orientation-margin;\n }\n }\n\n &-inner-text {\n display: inline-block;\n padding: 0 @divider-text-padding;\n }\n\n &-dashed {\n background: none;\n border-color: @divider-color;\n border-style: dashed;\n border-width: @border-width-base 0 0;\n }\n\n &-horizontal&-with-text&-dashed {\n &::before,\n &::after {\n border-style: dashed none none;\n }\n }\n\n &-vertical&-dashed {\n border-width: 0 0 0 @border-width-base;\n }\n\n &-plain&-with-text {\n color: @text-color;\n font-weight: normal;\n font-size: @font-size-base;\n }\n\n &-horizontal&-with-text-left&-no-default-orientation-margin-left {\n &::before {\n width: 0;\n }\n\n &::after {\n width: 100%;\n }\n\n .@{divider-prefix-cls}-inner-text {\n padding-left: 0;\n }\n }\n\n &-horizontal&-with-text-right&-no-default-orientation-margin-right {\n &::before {\n width: 100%;\n }\n\n &::after {\n width: 0;\n }\n\n .@{divider-prefix-cls}-inner-text {\n padding-right: 0;\n }\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@divider-prefix-cls: ~'@{ant-prefix}-divider';\n\n.@{divider-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-horizontal&-with-text-left {\n &::before {\n .@{divider-prefix-cls}-rtl& {\n width: 100% - @divider-orientation-margin;\n }\n }\n\n &::after {\n .@{divider-prefix-cls}-rtl& {\n width: @divider-orientation-margin;\n }\n }\n }\n\n &-horizontal&-with-text-right {\n &::before {\n .@{divider-prefix-cls}-rtl& {\n width: @divider-orientation-margin;\n }\n }\n\n &::after {\n .@{divider-prefix-cls}-rtl& {\n width: 100% - @divider-orientation-margin;\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n\n.@{divider-prefix-cls} {\n &-dotted {\n background: none;\n border-color: @divider-color;\n border-style: dotted;\n border-width: @border-width-base 0 0;\n }\n\n &-horizontal&-with-text&-dotted {\n &::after,\n &::before {\n border-style: dotted none none;\n }\n }\n\n &-vertical&-dotted {\n border-width: 0 0 0 @border-width-base;\n }\n\n &-sm {\n margin-block: @margin-xs;\n }\n\n &-md {\n margin-block: @margin-md;\n }\n}\n", "@import '../../style/themes/index';\n\n@drawer-prefix-cls: ~'@{ant-prefix}-drawer';\n@picker-prefix-cls: ~'@{ant-prefix}-picker';\n@drawer-animation-ease: @ease-out-quint;\n\n.@{drawer-prefix-cls} {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @zindex-modal;\n pointer-events: none;\n\n &-inline {\n position: absolute;\n }\n\n // ====================== Mask ======================\n &-mask {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @zindex-modal;\n background: @modal-mask-bg;\n pointer-events: auto;\n }\n\n // ==================== Content =====================\n &-content-wrapper {\n position: absolute;\n z-index: @zindex-modal;\n transition: all @animation-duration-slow;\n\n &-hidden {\n display: none;\n }\n\n // Placement\n .@{drawer-prefix-cls}-left > & {\n top: 0;\n bottom: 0;\n left: 0;\n box-shadow: @shadow-1-right;\n }\n\n .@{drawer-prefix-cls}-right > & {\n top: 0;\n right: 0;\n bottom: 0;\n box-shadow: @shadow-1-left;\n }\n\n .@{drawer-prefix-cls}-top > & {\n top: 0;\n right: 0;\n left: 0;\n box-shadow: @shadow-1-down;\n }\n\n .@{drawer-prefix-cls}-bottom > & {\n right: 0;\n bottom: 0;\n left: 0;\n box-shadow: @shadow-1-up;\n }\n }\n\n &-content {\n width: 100%;\n height: 100%;\n overflow: auto;\n background: @drawer-bg;\n pointer-events: auto;\n }\n\n // ===================== Panel ======================\n &-wrapper-body {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n }\n\n // Header\n &-header {\n display: flex;\n flex: 0;\n align-items: center;\n padding: @drawer-header-padding;\n font-size: @drawer-title-font-size;\n line-height: @drawer-title-line-height;\n border-bottom: @border-width-base @border-style-base @border-color-split;\n\n &-title {\n display: flex;\n flex: 1;\n align-items: center;\n min-width: 0;\n min-height: 0;\n }\n }\n\n &-extra {\n flex: none;\n }\n\n &-close {\n display: inline-block;\n margin-right: 12px;\n color: @modal-close-color;\n font-weight: 700;\n font-size: @font-size-lg;\n font-style: normal;\n line-height: 1;\n text-align: center;\n text-transform: none;\n text-decoration: none;\n background: transparent;\n border: 0;\n outline: 0;\n cursor: pointer;\n transition: color @animation-duration-slow;\n text-rendering: auto;\n\n &:focus,\n &:hover {\n color: @icon-color-hover;\n text-decoration: none;\n }\n }\n\n &-title {\n flex: 1;\n margin: 0;\n color: @heading-color;\n font-weight: 500;\n font-size: @drawer-title-font-size;\n line-height: @drawer-title-line-height;\n }\n\n // Body\n &-body {\n flex: 1;\n min-width: 0;\n min-height: 0;\n padding: @drawer-body-padding;\n overflow: auto;\n }\n\n // Footer\n &-footer {\n flex-shrink: 0;\n padding: @drawer-footer-padding-vertical @drawer-footer-padding-horizontal;\n border-top: @border-width-base @border-style-base @border-color-split;\n }\n}\n", "@import (reference) '../../style/themes/index';\n\n@drawer-prefix-cls: ~'@{ant-prefix}-drawer';\n\n.panel-motion {\n &-enter,\n &-appear,\n &-leave {\n &-start {\n transition: none;\n }\n\n &-active {\n transition: all @animation-duration-slow;\n }\n }\n}\n\n.@{drawer-prefix-cls} {\n // ======================== Mask ========================\n &-mask-motion {\n &-enter,\n &-appear,\n &-leave {\n &-active {\n transition: all @animation-duration-slow;\n }\n }\n\n &-enter,\n &-appear {\n opacity: 0;\n\n &-active {\n opacity: 1;\n }\n }\n\n &-leave {\n opacity: 1;\n\n &-active {\n opacity: 0;\n }\n }\n }\n\n // ======================= Panel ========================\n &-panel-motion {\n // Left\n &-left {\n .panel-motion();\n\n &-enter,\n &-appear {\n &-start {\n transform: translateX(-100%) !important;\n }\n\n &-active {\n transform: translateX(0);\n }\n }\n\n &-leave {\n transform: translateX(0);\n\n &-active {\n transform: translateX(-100%);\n }\n }\n }\n\n // Right\n &-right {\n .panel-motion();\n\n &-enter,\n &-appear {\n &-start {\n transform: translateX(100%) !important;\n }\n\n &-active {\n transform: translateX(0);\n }\n }\n\n &-leave {\n transform: translateX(0);\n\n &-active {\n transform: translateX(100%);\n }\n }\n }\n\n // Top\n &-top {\n .panel-motion();\n\n &-enter,\n &-appear {\n &-start {\n transform: translateY(-100%) !important;\n }\n\n &-active {\n transform: translateY(0);\n }\n }\n\n &-leave {\n transform: translateY(0);\n\n &-active {\n transform: translateY(-100%);\n }\n }\n }\n\n // Bottom\n &-bottom {\n .panel-motion();\n\n &-enter,\n &-appear {\n &-start {\n transform: translateY(100%) !important;\n }\n\n &-active {\n transform: translateY(0);\n }\n }\n\n &-leave {\n transform: translateY(0);\n\n &-active {\n transform: translateY(100%);\n }\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n\n@drawer-prefix-cls: ~'@{ant-prefix}-drawer';\n\n.@{drawer-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-close {\n .@{drawer-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: 12px;\n }\n }\n}\n", ".@{drawer-prefix-cls} {\n // Fix the issue of the drawer content shadow when the drawer is closed\n &:not(.@{drawer-prefix-cls}-open) {\n .@{drawer-prefix-cls}-content-wrapper {\n box-shadow: none;\n }\n }\n}\n", "@import (reference) '../../style/themes/index';\n\n@dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';\n\n.@{dropdown-prefix-cls}-menu-item {\n &&-danger {\n color: @error-color;\n\n &:hover {\n color: @text-color-inverse;\n background-color: @error-color;\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import './status';\n\n@dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';\n\n.@{dropdown-prefix-cls} {\n .reset-component();\n\n --antd-arrow-background-color: @dropdown-menu-bg;\n\n position: absolute;\n top: -9999px;\n left: -9999px;\n z-index: @zindex-dropdown;\n display: block;\n\n &::before {\n position: absolute;\n inset-block: calc(@popover-arrow-width / 2 - @popover-distance);\n z-index: -9999;\n opacity: 0.0001;\n content: '';\n }\n\n &-wrap {\n position: relative;\n\n .@{ant-prefix}-btn > .@{iconfont-css-prefix}-down {\n font-size: 10px;\n }\n\n .@{iconfont-css-prefix}-down::before {\n transition: transform @animation-duration-base;\n }\n }\n\n &-wrap-open {\n .@{iconfont-css-prefix}-down::before {\n transform: rotate(180deg);\n }\n }\n\n &-hidden,\n &-menu-hidden,\n &-menu-submenu-hidden {\n display: none;\n }\n\n // Arrow Style\n .placementArrow(@popover-arrow-width, 4px, @arrow-border-radius, var(--antd-arrow-background-color), @popover-arrow-box-shadow);\n\n &-menu {\n position: relative;\n margin: 0;\n padding: @dropdown-edge-child-vertical-padding 0;\n text-align: left;\n list-style-type: none;\n background-color: @dropdown-menu-bg;\n background-clip: padding-box;\n border-radius: @border-radius-base;\n outline: none;\n box-shadow: @box-shadow-base;\n\n &-item-group-title {\n padding: 5px @control-padding-horizontal;\n color: @text-color-secondary;\n transition: all @animation-duration-slow;\n }\n\n &-submenu-popup {\n position: absolute;\n z-index: @zindex-dropdown;\n background: transparent;\n box-shadow: none;\n transform-origin: 0 0;\n\n ul,\n li {\n list-style: none;\n }\n\n ul {\n margin-right: 0.3em;\n margin-left: 0.3em;\n }\n }\n\n // ======================= Item Content =======================\n &-item {\n position: relative;\n display: flex;\n align-items: center;\n }\n\n &-item-icon {\n min-width: 12px;\n margin-right: 8px;\n font-size: @font-size-sm;\n }\n\n &-title-content {\n flex: auto;\n\n > a {\n color: inherit;\n transition: all @animation-duration-slow;\n\n &:hover {\n color: inherit;\n }\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n content: '';\n }\n }\n }\n\n // =========================== Item ===========================\n &-item,\n &-submenu-title {\n clear: both;\n margin: 0;\n padding: @dropdown-vertical-padding @control-padding-horizontal;\n color: @text-color;\n font-weight: normal;\n font-size: @dropdown-font-size;\n line-height: @dropdown-line-height;\n cursor: pointer;\n transition: all @animation-duration-slow;\n\n &:first-child {\n & when (@dropdown-edge-child-vertical-padding = 0) {\n border-radius: @border-radius-base @border-radius-base 0 0;\n }\n }\n\n &:last-child {\n & when (@dropdown-edge-child-vertical-padding = 0) {\n border-radius: 0 0 @border-radius-base @border-radius-base;\n }\n }\n\n &-selected {\n color: @dropdown-selected-color;\n background-color: @dropdown-selected-bg;\n }\n\n &:hover,\n &&-active {\n background-color: @item-hover-bg;\n }\n\n &&-disabled {\n color: @disabled-color;\n cursor: not-allowed;\n\n &:hover {\n color: @disabled-color;\n background-color: @dropdown-menu-submenu-disabled-bg;\n cursor: not-allowed;\n }\n\n a {\n pointer-events: none;\n }\n }\n\n &-divider {\n height: 1px;\n margin: 4px 0;\n overflow: hidden;\n line-height: 0;\n background-color: @border-color-split;\n }\n\n .@{dropdown-prefix-cls}-menu-submenu-expand-icon {\n position: absolute;\n right: @padding-xs;\n\n .@{dropdown-prefix-cls}-menu-submenu-arrow-icon {\n margin-right: 0 !important;\n color: @text-color-secondary;\n font-size: 10px;\n font-style: normal;\n }\n }\n }\n\n &-item-group-list {\n margin: 0 8px;\n padding: 0;\n list-style: none;\n }\n\n &-submenu-title {\n padding-right: @control-padding-horizontal + @font-size-sm;\n }\n\n &-submenu-vertical {\n position: relative;\n }\n\n &-submenu-vertical > & {\n position: absolute;\n top: 0;\n left: 100%;\n min-width: 100%;\n margin-left: 4px;\n transform-origin: 0 0;\n }\n\n &-submenu&-submenu-disabled .@{dropdown-prefix-cls}-menu-submenu-title {\n &,\n .@{dropdown-prefix-cls}-menu-submenu-arrow-icon {\n color: @disabled-color;\n background-color: @dropdown-menu-submenu-disabled-bg;\n cursor: not-allowed;\n }\n }\n\n // https://github.com/ant-design/ant-design/issues/19264\n &-submenu-selected &-submenu-title {\n color: @primary-color;\n }\n }\n\n &.@{ant-prefix}-slide-down-enter.@{ant-prefix}-slide-down-enter-active&-placement-bottomLeft,\n &.@{ant-prefix}-slide-down-appear.@{ant-prefix}-slide-down-appear-active&-placement-bottomLeft,\n &.@{ant-prefix}-slide-down-enter.@{ant-prefix}-slide-down-enter-active&-placement-bottom,\n &.@{ant-prefix}-slide-down-appear.@{ant-prefix}-slide-down-appear-active&-placement-bottom,\n &.@{ant-prefix}-slide-down-enter.@{ant-prefix}-slide-down-enter-active&-placement-bottomRight,\n &.@{ant-prefix}-slide-down-appear.@{ant-prefix}-slide-down-appear-active&-placement-bottomRight {\n animation-name: antSlideUpIn;\n }\n\n &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-topLeft,\n &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-topLeft,\n &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-top,\n &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-top,\n &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-topRight,\n &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-topRight {\n animation-name: antSlideDownIn;\n }\n\n &.@{ant-prefix}-slide-down-leave.@{ant-prefix}-slide-down-leave-active&-placement-bottomLeft,\n &.@{ant-prefix}-slide-down-leave.@{ant-prefix}-slide-down-leave-active&-placement-bottom,\n &.@{ant-prefix}-slide-down-leave.@{ant-prefix}-slide-down-leave-active&-placement-bottomRight {\n animation-name: antSlideUpOut;\n }\n\n &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-topLeft,\n &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-top,\n &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-topRight {\n animation-name: antSlideDownOut;\n }\n}\n\n.@{dropdown-prefix-cls}-trigger,\n.@{dropdown-prefix-cls}-link,\n.@{dropdown-prefix-cls}-button {\n > .@{iconfont-css-prefix}.@{iconfont-css-prefix}-down {\n font-size: 10px;\n vertical-align: baseline;\n }\n}\n\n.@{dropdown-prefix-cls}-button {\n white-space: nowrap;\n\n &.@{ant-prefix}-btn-group > .@{ant-prefix}-btn {\n &-loading,\n &-loading + .@{ant-prefix}-btn {\n cursor: default;\n pointer-events: none;\n }\n\n &-loading + .@{ant-prefix}-btn::before {\n display: block;\n }\n\n &:last-child:not(:first-child):not(.@{ant-prefix}-btn-icon-only) {\n padding-right: @padding-xs;\n padding-left: @padding-xs;\n }\n }\n}\n\n// https://github.com/ant-design/ant-design/issues/4903\n.@{dropdown-prefix-cls}-menu-dark {\n &,\n .@{dropdown-prefix-cls}-menu {\n background: @menu-dark-bg;\n }\n .@{dropdown-prefix-cls}-menu-item,\n .@{dropdown-prefix-cls}-menu-submenu-title,\n .@{dropdown-prefix-cls}-menu-item > a,\n .@{dropdown-prefix-cls}-menu-item > .@{iconfont-css-prefix} + span > a {\n color: @text-color-secondary-dark;\n .@{dropdown-prefix-cls}-menu-submenu-arrow::after {\n color: @text-color-secondary-dark;\n }\n\n &:hover {\n color: @text-color-inverse;\n background: transparent;\n }\n }\n .@{dropdown-prefix-cls}-menu-item-selected {\n &,\n &:hover,\n > a {\n color: @text-color-inverse;\n background: @primary-color;\n }\n }\n}\n\n@import './rtl';\n", ".placementArrow(\n @arrow-size,\n @border-radius-outer,\n @border-radius-inner,\n @bg-color: var(--antd-arrow-background-color),\n @box-shadow: none\n) {\n // internal variables\n @arrow-distance: 0px;\n @arrow-offset-horizontal: 16px;\n\n // ============================ Basic ============================\n &-arrow {\n position: absolute;\n z-index: 1; // lift it up so the menu wouldn't cask shadow on it\n display: block;\n\n .roundedArrow(@arrow-size, @border-radius-outer, @border-radius-inner, @bg-color, @box-shadow);\n\n &::before {\n background: @bg-color;\n }\n }\n\n // ========================== Placement ==========================\n // Here handle the arrow position and rotate stuff\n // >>>>> Top\n &-placement-top > &-arrow,\n &-placement-topLeft > &-arrow,\n &-placement-topRight > &-arrow {\n bottom: @arrow-distance;\n transform: translateY(100%) rotate(180deg);\n }\n\n &-placement-top > &-arrow {\n left: 50%;\n transform: translateX(-50%) translateY(100%) rotate(180deg);\n }\n\n &-placement-topLeft > &-arrow {\n left: @arrow-offset-horizontal;\n }\n\n &-placement-topRight > &-arrow {\n right: @arrow-offset-horizontal;\n }\n\n // >>>>> Bottom\n &-placement-bottom > &-arrow,\n &-placement-bottomLeft > &-arrow,\n &-placement-bottomRight > &-arrow {\n top: @arrow-distance;\n transform: translateY(-100%);\n }\n\n &-placement-bottom > &-arrow {\n left: 50%;\n transform: translateX(-50%) translateY(-100%);\n }\n\n &-placement-bottomLeft > &-arrow {\n left: @arrow-offset-horizontal;\n }\n\n &-placement-bottomRight > &-arrow {\n right: @arrow-offset-horizontal;\n }\n\n // >>>>> Left\n &-placement-left > &-arrow,\n &-placement-leftTop > &-arrow,\n &-placement-leftBottom > &-arrow {\n right: @arrow-distance;\n transform: translateX(100%) rotate(90deg);\n }\n\n &-placement-left > &-arrow {\n top: 50%;\n transform: translateY(-50%) translateX(100%) rotate(90deg);\n }\n\n &-placement-leftTop > &-arrow {\n top: @arrow-offset-horizontal;\n }\n\n &-placement-leftBottom > &-arrow {\n bottom: @arrow-offset-horizontal;\n }\n\n // >>>>> Right\n &-placement-right > &-arrow,\n &-placement-rightTop > &-arrow,\n &-placement-rightBottom > &-arrow {\n left: @arrow-distance;\n transform: translateX(-100%) rotate(-90deg);\n }\n\n &-placement-right > &-arrow {\n top: 50%;\n transform: translateY(-50%) translateX(-100%) rotate(-90deg);\n }\n\n &-placement-rightTop > &-arrow {\n top: @arrow-offset-horizontal;\n }\n\n &-placement-rightBottom > &-arrow {\n bottom: @arrow-offset-horizontal;\n }\n}", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';\n\n.@{dropdown-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &::before {\n .@{dropdown-prefix-cls}-rtl& {\n right: -7px;\n left: 0;\n }\n }\n\n &-menu {\n &&-rtl {\n direction: rtl;\n text-align: right;\n }\n\n &-item-group-title {\n .@{dropdown-prefix-cls}-rtl &,\n .@{dropdown-prefix-cls}-menu-submenu-rtl & {\n direction: rtl;\n text-align: right;\n }\n }\n\n &-submenu-popup {\n &.@{dropdown-prefix-cls}-menu-submenu-rtl {\n transform-origin: 100% 0;\n }\n\n ul,\n li {\n .@{dropdown-prefix-cls}-rtl & {\n text-align: right;\n }\n }\n }\n\n &-item,\n &-submenu-title {\n .@{dropdown-prefix-cls}-rtl & {\n text-align: right;\n }\n\n > .@{iconfont-css-prefix}:first-child,\n > span > .@{iconfont-css-prefix}:first-child {\n .@{dropdown-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: 8px;\n }\n }\n\n .@{dropdown-prefix-cls}-menu-submenu-expand-icon {\n .@{dropdown-prefix-cls}-rtl & {\n right: auto;\n left: @padding-xs;\n }\n\n .@{dropdown-prefix-cls}-menu-submenu-arrow-icon {\n .@{dropdown-prefix-cls}-rtl & {\n margin-left: 0 !important;\n transform: scaleX(-1);\n }\n }\n }\n }\n\n &-submenu-title {\n .@{dropdown-prefix-cls}-rtl & {\n padding-right: @control-padding-horizontal;\n padding-left: @control-padding-horizontal + @font-size-sm;\n }\n }\n\n &-submenu-vertical > & {\n .@{dropdown-prefix-cls}-rtl & {\n right: 100%;\n left: 0;\n margin-right: 4px;\n margin-left: 0;\n }\n }\n }\n}\n", ".ant-dropdown-menu {\n & > ul {\n margin: 0;\n padding: 0;\n list-style: inherit;\n }\n}\n\n.ant-dropdown {\n position: relative;\n inset: 0;\n\n &:not(:has(.ant-dropdown-arrow)) {\n margin-block: calc(@popover-distance - @popover-arrow-width / 2)\n }\n}\n\n.@{dropdown-prefix-cls} {\n &-menu {\n &-item,\n &-submenu-title {\n .@{dropdown-prefix-cls}-menu-submenu-arrow {\n .@{dropdown-prefix-cls}-rtl & {\n transform: rotate(180deg);\n }\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@empty-prefix-cls: ~'@{ant-prefix}-empty';\n@empty-img-prefix-cls: ~'@{ant-prefix}-empty-img';\n\n.@{empty-prefix-cls} {\n margin: 0 8px;\n font-size: @empty-font-size;\n line-height: @line-height-base;\n text-align: center;\n\n &-image {\n height: 100px;\n margin-bottom: 8px;\n\n img {\n height: 100%;\n }\n\n svg {\n height: 100%;\n margin: auto;\n }\n }\n\n &-footer {\n margin-top: 16px;\n }\n\n // antd internal empty style\n &-normal {\n margin: 32px 0;\n color: @disabled-color;\n\n .@{empty-prefix-cls}-image {\n height: 40px;\n }\n }\n\n &-small {\n margin: 8px 0;\n color: @disabled-color;\n\n .@{empty-prefix-cls}-image {\n height: 35px;\n }\n }\n}\n\n.@{empty-img-prefix-cls}-default {\n // not support the definition because the less variables have no meaning\n & when (@theme = dark) {\n &-ellipse {\n fill: @white;\n fill-opacity: 0.08;\n }\n\n &-path {\n &-1 {\n fill: #262626;\n }\n\n &-2 {\n fill: url('#linearGradient-1');\n }\n\n &-3 {\n fill: #595959;\n }\n\n &-4 {\n fill: #434343;\n }\n\n &-5 {\n fill: #595959;\n }\n }\n\n &-g {\n fill: #434343;\n }\n }\n & when not (@theme = dark) {\n &-ellipse {\n fill: #f5f5f5;\n fill-opacity: 0.8;\n }\n\n &-path {\n &-1 {\n fill: #aeb8c2;\n }\n\n &-2 {\n fill: url('#linearGradient-1');\n }\n\n &-3 {\n fill: #f5f5f7;\n }\n\n &-4 {\n fill: #dce0e6;\n }\n\n &-5 {\n fill: #dce0e6;\n }\n }\n\n &-g {\n fill: @white;\n }\n }\n}\n\n.@{empty-img-prefix-cls}-simple {\n // not support the definition because the less variables have no meaning\n & when (@theme = dark) {\n &-ellipse {\n fill: @white;\n fill-opacity: 0.08;\n }\n\n &-g {\n stroke: #434343;\n }\n\n &-path {\n fill: #262626;\n stroke: #434343;\n }\n }\n & when not (@theme = dark) {\n &-ellipse {\n fill: #f5f5f5;\n }\n\n &-g {\n stroke: #d9d9d9;\n }\n\n &-path {\n fill: #fafafa;\n }\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@empty-prefix-cls: ~'@{ant-prefix}-empty';\n\n.@{empty-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n}\n", "nz-empty {\n display: block;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import './mixin';\n\n// Grid system\n.@{row-prefix-cls} {\n display: flex;\n flex-flow: row wrap;\n min-width: 0;\n\n &::before,\n &::after {\n display: flex;\n }\n\n // No wrap of flex\n &-no-wrap {\n flex-wrap: nowrap;\n }\n}\n\n// x轴原点\n.@{row-prefix-cls}-start {\n justify-content: flex-start;\n}\n\n// x轴居中\n.@{row-prefix-cls}-center {\n justify-content: center;\n}\n\n// x轴反方向\n.@{row-prefix-cls}-end {\n justify-content: flex-end;\n}\n\n// x轴平分\n.@{row-prefix-cls}-space-between {\n justify-content: space-between;\n}\n\n// x轴有间隔地平分\n.@{row-prefix-cls}-space-around {\n justify-content: space-around;\n}\n\n// x轴有间隔地均分\n.@{row-prefix-cls}-space-evenly {\n justify-content: space-evenly;\n}\n\n// 顶部对齐\n.@{row-prefix-cls}-top {\n align-items: flex-start;\n}\n\n// 居中对齐\n.@{row-prefix-cls}-middle {\n align-items: center;\n}\n\n// 底部对齐\n.@{row-prefix-cls}-bottom {\n align-items: flex-end;\n}\n\n.@{col-prefix-cls} {\n position: relative;\n max-width: 100%;\n // Prevent columns from collapsing when empty\n min-height: 1px;\n}\n\n.make-grid();\n\n// Extra small grid\n//\n// Columns, offsets, pushes, and pulls for extra small devices like\n// smartphones.\n\n.make-grid(-xs);\n\n// Small grid\n//\n// Columns, offsets, pushes, and pulls for the small device range, from phones\n// to tablets.\n\n@media (min-width: @screen-sm-min) {\n .make-grid(-sm);\n}\n\n// Medium grid\n//\n// Columns, offsets, pushes, and pulls for the desktop device range.\n\n@media (min-width: @screen-md-min) {\n .make-grid(-md);\n}\n\n// Large grid\n//\n// Columns, offsets, pushes, and pulls for the large desktop device range.\n\n@media (min-width: @screen-lg-min) {\n .make-grid(-lg);\n}\n\n// Extra Large grid\n//\n// Columns, offsets, pushes, and pulls for the full hd device range.\n\n@media (min-width: @screen-xl-min) {\n .make-grid(-xl);\n}\n\n// Extra Extra Large grid\n//\n// Columns, offsets, pushes, and pulls for the full hd device range.\n\n@media (min-width: @screen-xxl-min) {\n .make-grid(-xxl);\n}\n\n@import './rtl';\n", "@import '../../style/mixins/index';\n\n@row-prefix-cls: ~'@{ant-prefix}-row';\n@col-prefix-cls: ~'@{ant-prefix}-col';\n\n// mixins for grid system\n// ------------------------\n\n.loop-grid-columns(@index, @class) when (@index > 0) {\n .@{col-prefix-cls}@{class}-@{index} {\n display: block;\n flex: 0 0 percentage((@index / @grid-columns));\n max-width: percentage((@index / @grid-columns));\n }\n .@{col-prefix-cls}@{class}-push-@{index} {\n left: percentage((@index / @grid-columns));\n }\n .@{col-prefix-cls}@{class}-pull-@{index} {\n right: percentage((@index / @grid-columns));\n }\n .@{col-prefix-cls}@{class}-offset-@{index} {\n margin-left: percentage((@index / @grid-columns));\n }\n .@{col-prefix-cls}@{class}-order-@{index} {\n order: @index;\n }\n .loop-grid-columns((@index - 1), @class);\n}\n\n.loop-grid-columns(@index, @class) when (@index = 0) {\n .@{col-prefix-cls}@{class}-@{index} {\n display: none;\n }\n .@{col-prefix-cls}-push-@{index} {\n left: auto;\n }\n .@{col-prefix-cls}-pull-@{index} {\n right: auto;\n }\n .@{col-prefix-cls}@{class}-push-@{index} {\n left: auto;\n }\n .@{col-prefix-cls}@{class}-pull-@{index} {\n right: auto;\n }\n .@{col-prefix-cls}@{class}-offset-@{index} {\n margin-left: 0;\n }\n .@{col-prefix-cls}@{class}-order-@{index} {\n order: 0;\n }\n}\n\n.make-grid(@class: ~'') {\n .loop-grid-columns(@grid-columns, @class);\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import './mixin';\n\n.@{row-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n}\n\n// mixin\n.loop-grid-columns(@index, @class) when (@index > 0) {\n .@{col-prefix-cls}@{class}-push-@{index} {\n // reset property in RTL direction\n &.@{col-prefix-cls}-rtl {\n right: percentage((@index / @grid-columns));\n left: auto;\n }\n }\n\n .@{col-prefix-cls}@{class}-pull-@{index} {\n // reset property in RTL direction\n &.@{col-prefix-cls}-rtl {\n right: auto;\n left: percentage((@index / @grid-columns));\n }\n }\n\n .@{col-prefix-cls}@{class}-offset-@{index} {\n // reset property in RTL direction\n &.@{col-prefix-cls}-rtl {\n margin-right: percentage((@index / @grid-columns));\n margin-left: 0;\n }\n }\n}\n\n.loop-grid-columns(@index, @class) when (@index = 0) {\n .@{col-prefix-cls}-push-@{index} {\n // reset property in RTL direction\n &.@{col-prefix-cls}-rtl {\n right: auto;\n }\n }\n\n .@{col-prefix-cls}-pull-@{index} {\n &.@{col-prefix-cls}-rtl {\n left: auto;\n }\n }\n\n .@{col-prefix-cls}@{class}-push-@{index} {\n &.@{col-prefix-cls}-rtl {\n right: auto;\n }\n }\n\n .@{col-prefix-cls}@{class}-pull-@{index} {\n &.@{col-prefix-cls}-rtl {\n left: auto;\n }\n }\n\n .@{col-prefix-cls}@{class}-offset-@{index} {\n &.@{col-prefix-cls}-rtl {\n margin-right: 0;\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@flex-prefix-cls: ~'@{ant-prefix}-flex';\n\n.@{flex-prefix-cls} {\n display: flex;\n\n &-vertical {\n flex-direction: column;\n }\n\n &-justify {\n &-flex-start {\n justify-content: flex-start;\n }\n\n &-center {\n justify-content: center;\n }\n\n &-flex-end {\n justify-content: flex-end;\n }\n\n &-space-between {\n justify-content: space-between;\n }\n\n &-space-around {\n justify-content: space-around;\n }\n\n &-space-evenly {\n justify-content: space-evenly;\n }\n\n &-start {\n justify-content: start;\n }\n\n &-end {\n justify-content: end;\n }\n\n &-right {\n justify-content: right;\n }\n\n &-left {\n justify-content: left;\n }\n\n &-stretch {\n justify-content: stretch;\n }\n\n &-normal {\n justify-content: normal;\n }\n }\n\n &-align {\n &-flex-start {\n align-items: flex-start;\n }\n\n &-center {\n align-items: center;\n }\n\n &-flex-end {\n align-items: flex-end;\n }\n\n &-start {\n align-items: start;\n }\n\n &-end {\n align-items: end;\n }\n\n &-stretch {\n align-items: stretch;\n }\n\n &-normal {\n align-items: normal;\n }\n }\n\n &-wrap {\n &-wrap {\n flex-wrap: wrap;\n }\n\n &-nowrap {\n flex-wrap: nowrap;\n }\n\n &-wrap-reverse {\n flex-wrap: wrap-reverse;\n }\n }\n}\n", "@import './mixin';\n@import (reference) '../../style/themes/index';\n@input-prefix-cls: ~'@{ant-prefix}-input';\n\n@input-affix-margin: 4px;\n\n.@{ant-prefix}-input {\n &-affix-wrapper {\n .input();\n display: inline-flex;\n\n &:not(&-disabled):hover {\n .hover();\n z-index: 1;\n .@{ant-prefix}-input-search-with-button & {\n z-index: 0;\n }\n }\n\n &-focused,\n &:focus {\n z-index: 1;\n }\n\n &-disabled {\n .@{ant-prefix}-input[disabled] {\n background: rgba(255, 255, 255, 0);\n }\n }\n\n > .@{ant-prefix}-input {\n font-size: inherit;\n border: none;\n outline: none;\n\n &:focus {\n box-shadow: none !important;\n }\n\n &:not(textarea) {\n padding: 0;\n }\n }\n\n &::before {\n display: inline-block;\n width: 0;\n visibility: hidden;\n content: '\\a0';\n }\n }\n\n &-prefix,\n &-suffix {\n display: flex;\n flex: none;\n align-items: center;\n\n > *:not(:last-child) {\n margin-right: 8px;\n }\n }\n\n &-show-count-suffix {\n color: @text-color-secondary;\n }\n\n &-show-count-has-suffix {\n margin-right: 2px;\n }\n\n &-prefix {\n margin-right: @input-affix-margin;\n }\n\n &-suffix {\n margin-left: @input-affix-margin;\n }\n}\n", "@import (reference) '../../style/themes/index';\n@input-prefix-cls: ~'@{ant-prefix}-input';\n\n// ========================= Input =========================\n.@{iconfont-css-prefix}.@{input-prefix-cls}-clear-icon,\n.@{input-prefix-cls}-clear-icon {\n margin: 0;\n color: @disabled-color;\n font-size: @font-size-sm;\n vertical-align: -1px;\n // https://github.com/ant-design/ant-design/pull/18151\n // https://codesandbox.io/s/wizardly-sun-u10br\n cursor: pointer;\n transition: color 0.3s;\n\n &:hover {\n color: @text-color-secondary;\n }\n\n &:active {\n color: @text-color;\n }\n\n &-hidden {\n visibility: hidden;\n }\n\n &-has-suffix {\n margin: 0 @input-affix-margin;\n }\n}\n\n// ======================= TextArea ========================\n.@{input-prefix-cls}-affix-wrapper.@{input-prefix-cls}-affix-wrapper-textarea-with-clear-btn {\n padding: 0;\n\n .@{input-prefix-cls}-clear-icon {\n position: absolute;\n top: 8px;\n right: 8px;\n z-index: 1;\n }\n}\n", "@import './mixin';\n\n@input-prefix-cls: ~'@{ant-prefix}-input';\n\n@input-wrapper-cls: @input-prefix-cls, ~'@{input-prefix-cls}-affix-wrapper';\n\neach(@input-wrapper-cls, {\n .@{value} {\n &-status-error {\n .status-color(@value, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);\n .status-color-common(@input-prefix-cls, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);\n }\n\n &-status-warning {\n .status-color(@value, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);\n .status-color-common(@input-prefix-cls, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);\n }\n }\n});\n\n.@{input-prefix-cls}-textarea {\n &-status-error,\n &-status-warning,\n &-status-success,\n &-status-validating {\n &.@{input-prefix-cls}-textarea-has-feedback {\n .@{input-prefix-cls} {\n padding-right: 24px;\n }\n }\n }\n}\n\n.@{input-prefix-cls}-group-wrapper {\n &-status-error {\n .group-status-color(@input-prefix-cls, @error-color, @error-color);\n }\n\n &-status-warning {\n .group-status-color(@input-prefix-cls, @warning-color, @warning-color);\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import './mixin';\n@import './affix';\n@import './allow-clear';\n@import './status';\n@input-prefix-cls: ~'@{ant-prefix}-input';\n\n// Input styles\n.@{input-prefix-cls} {\n .reset-component();\n .input();\n\n //== Style for input-group: input with label, with button or dropdown...\n &-group {\n .reset-component();\n .input-group(~'@{input-prefix-cls}');\n\n &-wrapper {\n display: inline-block;\n width: 100%;\n text-align: start;\n vertical-align: top; // https://github.com/ant-design/ant-design/issues/6403\n\n .input-group-wrapper-compact(~'@{input-prefix-cls}');\n }\n }\n\n &-password-icon {\n color: @text-color-secondary;\n cursor: pointer;\n transition: all 0.3s;\n\n &:hover {\n color: @input-icon-hover-color;\n }\n\n .@{input-prefix-cls}-disabled & {\n cursor: not-allowed;\n\n &:hover {\n color: @text-color-secondary;\n }\n }\n }\n\n &[type='color'] {\n height: @input-height-base;\n\n &.@{input-prefix-cls}-lg {\n height: @input-height-lg;\n }\n &.@{input-prefix-cls}-sm {\n height: @input-height-sm;\n padding-top: 3px;\n padding-bottom: 3px;\n }\n }\n\n &-textarea-show-count {\n // https://github.com/ant-design/ant-design/issues/33049\n > .@{input-prefix-cls} {\n height: 100%;\n }\n\n &::after {\n float: right;\n color: @text-color-secondary;\n white-space: nowrap;\n content: attr(data-count);\n pointer-events: none;\n }\n\n &.@{input-prefix-cls}-textarea-in-form-item {\n &::after {\n margin-bottom: -22px;\n }\n }\n }\n\n &-textarea-suffix {\n position: absolute;\n top: 0;\n right: @input-padding-horizontal-base;\n bottom: 0;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n margin: auto;\n }\n\n // ===================== Compact Item Styles =====================\n .compact-item(@input-prefix-cls);\n .compact-item(~'@{input-prefix-cls}-affix-wrapper');\n .compact-item(~'@{input-prefix-cls}-group-wrapper', ~'@{input-prefix-cls}-group-addon');\n}\n\n@import './search-input';\n@import './rtl';\n@import './IE11';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../input/style/mixin';\n\n@input-number-prefix-cls: ~'@{ant-prefix}-input-number';\n\n.@{input-number-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-handler {\n .@{input-number-prefix-cls}-rtl & {\n border-right: @border-width-base @border-style-base @input-number-handler-border-color;\n border-left: 0;\n }\n\n &-wrap {\n .@{input-number-prefix-cls}-rtl & {\n right: auto;\n left: 0;\n }\n\n .@{input-number-prefix-cls}-rtl.@{input-number-prefix-cls}-borderless &,\n .@{input-number-prefix-cls}-rtl.@{input-number-prefix-cls}-filled &,\n .@{input-number-prefix-cls}-rtl.@{input-number-prefix-cls}-underlined & {\n border-right-width: 0;\n }\n }\n\n &-up {\n .@{input-number-prefix-cls}-rtl & {\n border-top-right-radius: 0;\n }\n }\n\n &-down {\n .@{input-number-prefix-cls}-rtl & {\n border-bottom-right-radius: 0;\n }\n }\n }\n\n &-input {\n .@{input-number-prefix-cls}-rtl & {\n direction: ltr;\n text-align: right;\n }\n }\n}\n\n// https://github.com/ant-design/ant-design/issues/35870\n.input-group(@input-number-prefix-cls) {\n > .@{input-number-prefix-cls}-rtl:first-child {\n border-radius: 0 @border-radius-base @border-radius-base 0;\n }\n > .@{input-number-prefix-cls}-rtl:last-child {\n border-radius: @border-radius-base 0 0 @border-radius-base;\n }\n\n &-addon {\n .@{input-number-prefix-cls}-group-rtl &:first-child {\n border-right: @border-width-base @border-style-base @input-border-color;\n border-left: 0;\n border-radius: 0 @border-radius-base @border-radius-base 0;\n }\n .@{input-number-prefix-cls}-group-rtl &:last-child {\n border-right: 0;\n border-left: @border-width-base @border-style-base @input-border-color;\n border-radius: @border-radius-base 0 0 @border-radius-base;\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../button/style/mixin';\n@import './mixin';\n\n@search-prefix: ~'@{ant-prefix}-input-search';\n\n.@{search-prefix} {\n .@{ant-prefix}-input {\n &:hover,\n &:focus {\n border-color: @input-hover-border-color;\n\n + .@{ant-prefix}-input-group-addon .@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {\n border-left-color: @input-hover-border-color;\n }\n }\n }\n\n .@{ant-prefix}-input-affix-wrapper {\n border-radius: 0;\n }\n\n // fix slight height diff in Firefox:\n // https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-certain-category\n .@{ant-prefix}-input-lg {\n line-height: @line-height-base - 0.0002;\n }\n\n > .@{ant-prefix}-input-group {\n > .@{ant-prefix}-input-group-addon:last-child {\n left: -1px;\n padding: 0;\n border: 0;\n\n .@{search-prefix}-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 @border-radius-base @border-radius-base 0;\n }\n\n .@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {\n color: @text-color-secondary;\n\n &.@{ant-prefix}-btn-loading::before {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n }\n }\n }\n\n &-button {\n height: @input-height-base;\n\n &:hover,\n &:focus {\n z-index: 1;\n }\n }\n\n &-large &-button {\n height: @input-height-lg;\n }\n\n &-small &-button {\n height: @input-height-sm;\n }\n\n // ===================== Compact Item Customized Styles =====================\n &.@{input-prefix-cls}-compact-item {\n &:not(.@{input-prefix-cls}-compact-item-rtl) {\n &:not(.@{input-prefix-cls}-compact-last-item) {\n .@{input-prefix-cls}-group-addon {\n .@{input-prefix-cls}-search-button {\n margin-right: -@border-width-base;\n border-radius: 0;\n }\n }\n }\n }\n\n &:not(.@{input-prefix-cls}-compact-first-item) {\n .@{input-prefix-cls},\n .@{input-prefix-cls}-affix-wrapper {\n border-radius: 0;\n }\n }\n\n > .@{input-prefix-cls}-group-addon .@{input-prefix-cls}-search-button,\n > .@{input-prefix-cls},\n .@{input-prefix-cls}-affix-wrapper {\n &:hover,\n &:focus,\n &:active {\n z-index: 2;\n }\n }\n\n > .@{input-prefix-cls}-affix-wrapper-focused {\n z-index: 2;\n }\n }\n // ===================== For RTL Compact Item Customized Styles =====================\n &.@{input-prefix-cls}-compact-item-rtl {\n &:not(.@{input-prefix-cls}-compact-last-item) {\n .@{input-prefix-cls}-group-addon:last-child {\n .@{input-prefix-cls}-search-button {\n margin-left: -@border-width-base;\n border-radius: 0;\n }\n }\n }\n }\n}\n", "// Fix Input component height issue in IE11\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .@{ant-prefix}-input {\n height: @input-height-base;\n\n &-lg {\n height: @input-height-lg;\n }\n\n &-sm {\n height: @input-height-sm;\n }\n\n &-affix-wrapper {\n > input.@{ant-prefix}-input {\n height: auto;\n }\n }\n }\n}\n", ".@{ant-prefix}-otp {\n display: inline-flex;\n flex-wrap: nowrap;\n align-items: center;\n column-gap: 8px;\n\n &-input {\n text-align: center;\n padding-inline: 4px;\n }\n}\n", "@import '../../input/style/mixin';\n@import (reference) '../../style/themes/index';\n@input-prefix-cls: ~'@{ant-prefix}-input';\n\n@input-affix-margin: 4px;\n\n.@{ant-prefix}-input-number {\n &-affix-wrapper {\n .input();\n // or number handler will cover form status\n position: relative;\n display: inline-flex;\n width: 90px;\n padding: 0;\n padding-inline-start: @input-padding-horizontal-base;\n\n &:not(&-disabled):hover {\n .hover();\n z-index: 1;\n }\n\n &-focused,\n &:focus {\n z-index: 1;\n }\n\n &-disabled {\n .@{ant-prefix}-input-number[disabled] {\n background: transparent;\n }\n }\n\n > div.@{ant-prefix}-input-number {\n width: 100%;\n border: none;\n outline: none;\n\n &.@{ant-prefix}-input-number-focused {\n box-shadow: none !important;\n }\n }\n\n input.@{ant-prefix}-input-number-input {\n padding: 0;\n }\n\n &::before {\n display: inline-block;\n width: 0;\n visibility: hidden;\n content: '\\a0';\n }\n\n .@{ant-prefix}-input-number-handler-wrap {\n z-index: 2;\n }\n }\n\n &-prefix,\n &-suffix {\n display: flex;\n flex: none;\n align-items: center;\n pointer-events: none;\n }\n\n &-prefix {\n margin-inline-end: @input-affix-margin;\n }\n\n &-suffix {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n height: 100%;\n margin-right: @input-padding-horizontal-base;\n margin-left: @input-affix-margin;\n }\n}\n\n.@{ant-prefix}-input-number-group-wrapper .@{ant-prefix}-input-number-affix-wrapper {\n width: 100%;\n}\n", "@import '../../input/style/mixin';\n\n@input-number-prefix-cls: ~'@{ant-prefix}-input-number';\n\n@input-number-wrapper-cls: @input-number-prefix-cls, ~'@{input-number-prefix-cls}-affix-wrapper';\n\neach(@input-number-wrapper-cls, {\n .@{value} {\n &-status-error {\n .status-color(@value, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);\n .status-color-common(@input-number-prefix-cls, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline)\n }\n\n &-status-warning {\n .status-color(@value, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);\n .status-color-common(@input-number-prefix-cls, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline)\n }\n }\n});\n\n.@{input-number-prefix-cls}-group-wrapper {\n &-status-error {\n .group-status-color(@input-number-prefix-cls, @error-color, @error-color);\n }\n\n &-status-warning {\n .group-status-color(@input-number-prefix-cls, @warning-color, @warning-color);\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../input/style/mixin';\n@import './affix';\n@import './status';\n\n@input-number-prefix-cls: ~'@{ant-prefix}-input-number';\n@form-item-prefix-cls: ~'@{ant-prefix}-form-item';\n\n.@{input-number-prefix-cls} {\n .reset-component();\n .input();\n\n //== Style for input-group: input with label, with button or dropdown...\n &-group {\n .reset-component();\n .input-group(~'@{input-number-prefix-cls}');\n\n &-wrapper {\n display: inline-block;\n text-align: start;\n vertical-align: top; // https://github.com/ant-design/ant-design/issues/6403\n\n .input-group-wrapper-compact(~'@{input-number-prefix-cls}');\n }\n }\n\n display: inline-block;\n width: 90px;\n margin: 0;\n padding: 0;\n border: @border-width-base @border-style-base @input-border-color;\n border-radius: @control-border-radius;\n\n &-handler {\n position: relative;\n display: block;\n width: 100%;\n height: 50%;\n overflow: hidden;\n color: @text-color-secondary;\n font-weight: bold;\n line-height: 0;\n text-align: center;\n border-left: @border-width-base @border-style-base @input-number-handler-border-color;\n transition: all 0.1s linear;\n\n &:active {\n background: @input-number-handler-active-bg;\n }\n\n &:hover &-up-inner,\n &:hover &-down-inner {\n color: @input-number-handler-hover-bg;\n }\n }\n\n &-handler-up-inner,\n &-handler-down-inner {\n .iconfont-mixin();\n\n position: absolute;\n right: 4px;\n width: 12px;\n height: 12px;\n color: @text-color-secondary;\n line-height: 12px;\n transition: all 0.1s linear;\n user-select: none;\n }\n\n &:hover {\n & + .@{form-item-prefix-cls}-children-icon {\n opacity: 0;\n transition: opacity 0.24s linear 0.24s;\n }\n }\n\n &-focused {\n .active();\n }\n\n &-disabled {\n .disabled();\n .@{input-number-prefix-cls}-input {\n cursor: not-allowed;\n }\n .@{input-number-prefix-cls}-handler-wrap {\n display: none;\n }\n }\n\n &-readonly {\n .@{input-number-prefix-cls}-handler-wrap {\n display: none;\n }\n }\n\n &-input {\n width: 100%;\n height: @input-height-base - 2px;\n padding: 0 @control-padding-horizontal - 1px;\n text-align: left;\n background-color: transparent;\n border: 0;\n border-radius: @control-border-radius;\n outline: 0;\n transition: all 0.3s linear;\n appearance: textfield !important;\n .placeholder();\n\n &[type='number']::-webkit-inner-spin-button,\n &[type='number']::-webkit-outer-spin-button {\n margin: 0;\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-appearance: none;\n appearance: none;\n }\n }\n\n &-lg {\n padding: 0;\n font-size: @font-size-lg;\n\n input {\n height: @input-height-lg - 2px;\n }\n }\n\n &-sm {\n padding: 0;\n\n input {\n height: @input-height-sm - 2px;\n padding: 0 @control-padding-horizontal-sm - 1px;\n }\n }\n\n &-handler-wrap {\n position: absolute;\n top: 0;\n right: 0;\n width: 22px;\n height: 100%;\n background: transparent;\n border-radius: 0 @control-border-radius @control-border-radius 0;\n opacity: 0;\n transition: opacity 0.24s linear 0.1s;\n\n // Fix input number inside Menu makes icon too large\n // We arise the selector priority by nest selector here\n // https://github.com/ant-design/ant-design/issues/14367\n .@{input-number-prefix-cls}-handler {\n .@{input-number-prefix-cls}-handler-up-inner,\n .@{input-number-prefix-cls}-handler-down-inner {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: auto;\n margin-right: 0;\n font-size: 7px;\n }\n }\n\n .@{input-number-prefix-cls}-borderless & {\n border-left-width: 0;\n }\n }\n\n &-handler-wrap:hover &-handler {\n height: 40%;\n }\n\n &:hover &-handler-wrap,\n &-focused &-handler-wrap {\n opacity: 1;\n }\n\n &-handler-up {\n border-top-right-radius: @control-border-radius;\n cursor: pointer;\n\n &-inner {\n top: 50%;\n margin-top: -5px;\n text-align: center;\n }\n\n &:hover {\n height: 60% !important;\n }\n }\n\n &-handler-down {\n top: 0;\n border-top: @border-width-base @border-style-base @input-number-handler-border-color;\n border-bottom-right-radius: @control-border-radius;\n cursor: pointer;\n\n &-inner {\n top: 50%;\n text-align: center;\n transform: translateY(-50%);\n }\n\n &:hover {\n height: 60% !important;\n }\n .@{input-number-prefix-cls}-borderless & {\n border-top-width: 0;\n }\n }\n\n &:hover:not(.@{input-number-prefix-cls}-borderless) &-handler-down,\n &-focused:not(.@{input-number-prefix-cls}-borderless) &-handler-down {\n border-top: @border-width-base @border-style-base @input-number-handler-border-color;\n }\n\n &-handler-up-disabled,\n &-handler-down-disabled {\n cursor: not-allowed;\n }\n\n &-handler-up-disabled:hover &-handler-up-inner,\n &-handler-down-disabled:hover &-handler-down-inner {\n color: @disabled-color;\n }\n\n // ===================== Out Of Range =====================\n &-out-of-range {\n input {\n color: @error-color;\n }\n }\n\n // ===================== Compact Item Styles =====================\n /* stylelint-disable less/no-duplicate-variables */\n .compact-item(@input-number-prefix-cls, null, ~'@{input-number-prefix-cls}-focused');\n .compact-item(~'@{input-number-prefix-cls}-affix-wrapper', null, ~'@{input-number-prefix-cls}-focused');\n .compact-item(~'@{input-number-prefix-cls}-group-wrapper', ~'@{input-number-prefix-cls}-group-addon', ~'@{input-number-prefix-cls}-focused');\n}\n\n@import './rtl';\n", "// The following patch applies only to input-number-legacy.\n.@{ant-prefix}-input-number {\n &-affix-wrapper {\n > nz-input-number.@{ant-prefix}-input-number {\n width: 100%;\n border: none;\n outline: none;\n\n &.@{ant-prefix}-input-number-focused {\n box-shadow: none !important;\n }\n }\n }\n\n &&-has-feedback {\n .@{ant-prefix}-input-number-handler-wrap {\n z-index: 2;\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@layout-prefix-cls: ~'@{ant-prefix}-layout';\n@layout-menu-prefix-cls: ~'@{ant-prefix}-menu';\n\n.@{layout-prefix-cls} {\n display: flex;\n flex: auto;\n flex-direction: column;\n\n /* fix firefox can't set height smaller than content on flex item */\n min-height: 0;\n background: @layout-body-background;\n\n &,\n * {\n box-sizing: border-box;\n }\n\n &&-has-sider {\n flex-direction: row;\n\n > .@{layout-prefix-cls},\n > .@{layout-prefix-cls}-content {\n width: 0; // https://segmentfault.com/a/1190000019498300\n }\n }\n\n &-header,\n &-footer {\n flex: 0 0 auto;\n }\n\n &-header {\n height: @layout-header-height;\n padding: @layout-header-padding;\n color: @layout-header-color;\n line-height: @layout-header-height;\n background: @layout-header-background;\n }\n\n &-footer {\n padding: @layout-footer-padding;\n color: @text-color;\n font-size: @font-size-base;\n background: @layout-footer-background;\n }\n\n &-content {\n flex: auto;\n\n /* fix firefox can't set height smaller than content on flex item */\n min-height: 0;\n }\n\n &-sider {\n position: relative;\n\n /* fix firefox can't set width smaller than content on flex item */\n min-width: 0;\n background: @layout-sider-background;\n transition: all 0.2s;\n\n &-children {\n height: 100%;\n margin-top: -0.1px;\n // Hack for fixing margin collaspe bug\n // https://github.com/ant-design/ant-design/issues/7967\n // solution from https://stackoverflow.com/a/33132624/3040605\n padding-top: 0.1px;\n\n .@{layout-menu-prefix-cls}.@{layout-menu-prefix-cls}-inline-collapsed {\n width: auto;\n }\n }\n\n &-has-trigger {\n padding-bottom: @layout-trigger-height;\n }\n\n &-right {\n order: 1;\n }\n\n &-trigger {\n position: fixed;\n bottom: 0;\n z-index: 1;\n height: @layout-trigger-height;\n color: @layout-trigger-color;\n line-height: @layout-trigger-height;\n text-align: center;\n background: @layout-trigger-background;\n cursor: pointer;\n transition: all 0.2s;\n }\n\n &-zero-width {\n > * {\n overflow: hidden;\n }\n\n &-trigger {\n position: absolute;\n top: @layout-header-height;\n right: -@layout-zero-trigger-width;\n z-index: 1;\n width: @layout-zero-trigger-width;\n height: @layout-zero-trigger-height;\n color: @layout-trigger-color;\n font-size: (@layout-zero-trigger-width / 2);\n line-height: @layout-zero-trigger-height;\n text-align: center;\n background: @layout-sider-background;\n border-radius: 0 @border-radius-base @border-radius-base 0;\n cursor: pointer;\n transition: background 0.3s ease;\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: transparent;\n transition: all 0.3s;\n content: '';\n }\n\n &:hover::after {\n background: rgba(255, 255, 255, 0.1);\n }\n\n &-right {\n left: -@layout-zero-trigger-width;\n border-radius: @border-radius-base 0 0 @border-radius-base;\n }\n }\n }\n }\n}\n\n@import './light';\n@import './rtl';\n", ".@{layout-prefix-cls}-sider-light {\n background: @layout-sider-background-light;\n .@{layout-prefix-cls}-sider-trigger {\n color: @layout-trigger-color-light;\n background: @layout-trigger-background-light;\n }\n .@{layout-prefix-cls}-sider-zero-width-trigger {\n color: @layout-trigger-color-light;\n background: @layout-trigger-background-light;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@layout-prefix-cls: ~'@{ant-prefix}-layout';\n\n.@{layout-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n}\n", "nz-content {\n display: block;\n}\n\nnz-footer {\n display: block;\n}\n\nnz-header {\n display: block;\n}\n", "@import (reference) '../../style/themes/index';\n\n@form-prefix-cls: ~'@{ant-prefix}-form';\n@form-item-prefix-cls: ~'@{form-prefix-cls}-item';\n\n// ================================================================\n// = Children Component =\n// ================================================================\n// FIXME: useless, remove in v5\n.@{form-item-prefix-cls} {\n .@{ant-prefix}-input-number {\n + .@{form-prefix-cls}-text {\n margin-left: 8px;\n }\n }\n}\n", "@import (reference) '../../style/themes/index';\n\n@form-prefix-cls: ~'@{ant-prefix}-form';\n@form-item-prefix-cls: ~'@{form-prefix-cls}-item';\n\n.@{form-prefix-cls}-inline {\n display: flex;\n flex-wrap: wrap;\n\n .@{form-prefix-cls}-item {\n flex: none;\n flex-wrap: nowrap;\n margin-right: 16px;\n margin-bottom: 0;\n\n &-with-help {\n margin-bottom: @form-item-margin-bottom;\n }\n\n > .@{form-item-prefix-cls}-label,\n > .@{form-item-prefix-cls}-control {\n display: inline-block;\n vertical-align: top;\n }\n\n > .@{form-item-prefix-cls}-label {\n flex: none;\n }\n\n .@{form-prefix-cls}-text {\n display: inline-block;\n }\n\n .@{form-item-prefix-cls}-has-feedback {\n display: inline-block;\n }\n }\n}\n", "@import (reference) '../../style/themes/index';\n\n@form-prefix-cls: ~'@{ant-prefix}-form';\n@form-item-prefix-cls: ~'@{form-prefix-cls}-item';\n\n.@{form-prefix-cls}-horizontal {\n .@{form-item-prefix-cls}-label {\n flex-grow: 0;\n }\n .@{form-item-prefix-cls}-control {\n flex: 1 1 0;\n // https://github.com/ant-design/ant-design/issues/32777\n // https://github.com/ant-design/ant-design/issues/33773\n min-width: 0;\n }\n // https://github.com/ant-design/ant-design/issues/32980\n // https://github.com/ant-design/ant-design/issues/34903\n .@{form-item-prefix-cls}-label[class$='-24'] + .@{form-item-prefix-cls}-control,\n .@{form-item-prefix-cls}-label[class*='-24 '] + .@{form-item-prefix-cls}-control {\n min-width: unset;\n }\n}\n", "@import (reference) '../../style/themes/index';\n\n@form-prefix-cls: ~'@{ant-prefix}-form';\n@form-item-prefix-cls: ~'@{form-prefix-cls}-item';\n\n// ================== Label ==================\n.make-vertical-layout-label() {\n & when (@form-vertical-label-margin > 0) {\n margin: @form-vertical-label-margin;\n }\n padding: @form-vertical-label-padding;\n line-height: @line-height-base;\n white-space: initial;\n text-align: left;\n\n > label {\n margin: 0;\n\n &::after {\n display: none;\n }\n }\n}\n\n.make-vertical-layout() {\n .@{form-prefix-cls}-item .@{form-prefix-cls}-item-label {\n .make-vertical-layout-label();\n }\n .@{form-prefix-cls} {\n .@{form-prefix-cls}-item {\n flex-wrap: wrap;\n .@{form-prefix-cls}-item-label,\n .@{form-prefix-cls}-item-control {\n flex: 0 0 100%;\n max-width: 100%;\n }\n }\n }\n}\n\n.@{form-prefix-cls}-vertical {\n .@{form-item-prefix-cls} {\n &-row {\n flex-direction: column;\n }\n\n &-label > label {\n height: auto;\n }\n\n .@{form-prefix-cls}-item-control {\n width: 100%;\n }\n }\n}\n\n.@{form-prefix-cls}-vertical .@{form-item-prefix-cls}-label,\n/* when labelCol is 24, it is a vertical form */\n.@{ant-prefix}-col-24.@{form-item-prefix-cls}-label,\n.@{ant-prefix}-col-xl-24.@{form-item-prefix-cls}-label {\n .make-vertical-layout-label();\n}\n\n@media (max-width: @screen-xs-max) {\n .make-vertical-layout();\n .@{ant-prefix}-col-xs-24.@{form-item-prefix-cls}-label {\n .make-vertical-layout-label();\n }\n}\n\n@media (max-width: @screen-sm-max) {\n .@{ant-prefix}-col-sm-24.@{form-item-prefix-cls}-label {\n .make-vertical-layout-label();\n }\n}\n\n@media (max-width: @screen-md-max) {\n .@{ant-prefix}-col-md-24.@{form-item-prefix-cls}-label {\n .make-vertical-layout-label();\n }\n}\n\n@media (max-width: @screen-lg-max) {\n .@{ant-prefix}-col-lg-24.@{form-item-prefix-cls}-label {\n .make-vertical-layout-label();\n }\n}\n\n@media (max-width: @screen-xl-max) {\n .@{ant-prefix}-col-xl-24.@{form-item-prefix-cls}-label {\n .make-vertical-layout-label();\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../input/style/mixin';\n@import '../../button/style/mixin';\n@import '../../grid/style/mixin';\n\n@form-prefix-cls: ~'@{ant-prefix}-form';\n@form-item-prefix-cls: ~'@{form-prefix-cls}-item';\n\n.@{form-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n}\n\n// ================================================================\n// = Item =\n// ================================================================\n.@{form-item-prefix-cls} {\n // ==============================================================\n // = Label =\n // ==============================================================\n &-label {\n .@{form-prefix-cls}-rtl & {\n text-align: left;\n }\n\n > label {\n &.@{form-item-prefix-cls}-required::before {\n .@{form-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: 4px;\n }\n }\n\n &::after {\n .@{form-prefix-cls}-rtl & {\n margin: 0 @form-item-label-colon-margin-left 0 @form-item-label-colon-margin-right;\n }\n }\n\n .@{form-item-prefix-cls}-optional {\n .@{form-prefix-cls}-rtl & {\n margin-right: @margin-xss;\n margin-left: 0;\n }\n }\n }\n }\n\n // ==============================================================\n // = Input =\n // ==============================================================\n &-control {\n .@{ant-prefix}-col-rtl &:first-child {\n width: 100%;\n }\n }\n\n // status\n &-has-feedback {\n .@{ant-prefix}-input {\n .@{form-prefix-cls}-rtl & {\n padding-right: @input-padding-horizontal-base;\n padding-left: 24px;\n }\n }\n\n .@{ant-prefix}-input-affix-wrapper {\n .@{ant-prefix}-input-suffix {\n .@{form-prefix-cls}-rtl & {\n padding-right: @input-padding-horizontal-base;\n padding-left: 18px;\n }\n }\n .@{ant-prefix}-input {\n .@{form-prefix-cls}-rtl & {\n padding: 0;\n }\n }\n }\n\n .@{ant-prefix}-input-number-affix-wrapper {\n .@{ant-prefix}-input-number {\n .@{form-prefix-cls}-rtl & {\n padding: 0;\n }\n }\n }\n\n .@{ant-prefix}-input-search:not(.@{ant-prefix}-input-search-enter-button) {\n .@{ant-prefix}-input-suffix {\n .@{form-prefix-cls}-rtl & {\n right: auto;\n left: 28px;\n }\n }\n }\n\n .@{ant-prefix}-input-number {\n .@{form-prefix-cls}-rtl & {\n padding-left: 18px;\n }\n }\n\n > .@{ant-prefix}-select .@{ant-prefix}-select-arrow,\n > .@{ant-prefix}-select .@{ant-prefix}-select-clear,\n :not(.@{ant-prefix}-input-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-arrow,\n :not(.@{ant-prefix}-input-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-clear,\n :not(.@{ant-prefix}-input-number-group-addon)\n > .@{ant-prefix}-select\n .@{ant-prefix}-select-arrow,\n :not(.@{ant-prefix}-input-number-group-addon)\n > .@{ant-prefix}-select\n .@{ant-prefix}-select-clear {\n .@{form-prefix-cls}-rtl & {\n right: auto;\n left: 32px;\n }\n }\n\n > .@{ant-prefix}-select .@{ant-prefix}-select-selection-selected-value,\n :not(.@{ant-prefix}-input-group-addon)\n > .@{ant-prefix}-select\n .@{ant-prefix}-select-selection-selected-value,\n :not(.@{ant-prefix}-input-number-group-addon)\n > .@{ant-prefix}-select\n .@{ant-prefix}-select-selection-selected-value {\n .@{form-prefix-cls}-rtl & {\n padding-right: 0;\n padding-left: 42px;\n }\n }\n\n .@{ant-prefix}-cascader-picker {\n &-arrow {\n .@{form-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: 19px;\n }\n }\n\n &-clear {\n .@{form-prefix-cls}-rtl & {\n right: auto;\n left: 32px;\n }\n }\n }\n\n .@{ant-prefix}-picker {\n .@{form-prefix-cls}-rtl & {\n padding-right: @input-padding-horizontal-base;\n padding-left: @input-padding-horizontal-base + @font-size-base * 1.3;\n }\n\n &-large {\n .@{form-prefix-cls}-rtl & {\n padding-right: @input-padding-horizontal-lg;\n padding-left: @input-padding-horizontal-lg + @font-size-base * 1.3;\n }\n }\n\n &-small {\n .@{form-prefix-cls}-rtl & {\n padding-right: @input-padding-horizontal-sm;\n padding-left: @input-padding-horizontal-sm + @font-size-base * 1.3;\n }\n }\n }\n\n &.@{form-item-prefix-cls} {\n &-has-success,\n &-has-warning,\n &-has-error,\n &-is-validating {\n // ====================== Icon ======================\n .@{form-item-prefix-cls}-children-icon {\n .@{form-prefix-cls}-rtl & {\n right: auto;\n left: 0;\n }\n }\n }\n }\n }\n}\n\n// inline\n.@{form-prefix-cls}-inline {\n .@{form-prefix-cls}-item {\n .@{form-prefix-cls}-rtl& {\n margin-right: 0;\n margin-left: 16px;\n }\n }\n}\n\n// vertical\n.make-vertical-layout-label() {\n .@{form-prefix-cls}-rtl& {\n text-align: right;\n }\n}\n", "@import (reference) '../../style/themes/index';\n\n@form-prefix-cls: ~'@{ant-prefix}-form';\n@form-item-prefix-cls: ~'@{form-prefix-cls}-item';\n\n.@{form-item-prefix-cls} {\n // ================================================================\n // = Status =\n // ================================================================\n\n /* Some non-status related component style is in `components.less` */\n\n // ========================= Explain =========================\n\n /* To support leave along ErrorList. We add additional className to handle explain style */\n &-explain {\n &-error {\n color: @error-color;\n }\n\n &-warning {\n color: @warning-color;\n }\n }\n\n &-has-feedback {\n // ======================== Switch =========================\n .@{ant-prefix}-switch {\n margin: 2px 0 4px;\n }\n }\n\n // ======================== Warning ========================\n &-has-warning {\n .form-control-validation(@warning-color; @warning-color; @form-warning-input-bg; @warning-color-hover; @warning-color-outline);\n }\n\n // ========================= Error =========================\n &-has-error {\n .form-control-validation(@error-color; @error-color; @form-error-input-bg; @error-color-hover; @error-color-outline);\n }\n}\n", "@import '../../input/style/mixin';\n\n.form-control-validation(\n @text-color: @input-color;\n @border-color: @input-border-color;\n @background-color: @input-bg;\n @hoverBorderColor: @primary-color-hover;\n @outlineColor: @primary-color-outline;\n) {\n .@{ant-prefix}-form-item-split {\n color: @text-color;\n }\n}\n\n// Reset form styles\n// -----------------------------\n// Based on Bootstrap framework\n.reset-form() {\n legend {\n display: block;\n width: 100%;\n margin-bottom: 20px;\n padding: 0;\n color: @text-color-secondary;\n font-size: @font-size-lg;\n line-height: inherit;\n border: 0;\n border-bottom: @border-width-base @border-style-base @border-color-base;\n }\n\n label {\n font-size: @font-size-base;\n }\n\n input[type='search'] {\n box-sizing: border-box;\n }\n\n // Position radios and checkboxes better\n input[type='radio'],\n input[type='checkbox'] {\n line-height: normal;\n }\n\n input[type='file'] {\n display: block;\n }\n\n // Make range inputs behave like textual form controls\n input[type='range'] {\n display: block;\n width: 100%;\n }\n\n // Make multiple select elements height not fixed\n select[multiple],\n select[size] {\n height: auto;\n }\n\n // Focus for file, radio, and checkbox\n input[type='file']:focus,\n input[type='radio']:focus,\n input[type='checkbox']:focus {\n outline: thin dotted;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n }\n\n // Adjust output element\n output {\n display: block;\n padding-top: 15px;\n color: @input-color;\n font-size: @font-size-base;\n line-height: @line-height-base;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../input/style/mixin';\n@import '../../button/style/mixin';\n@import '../../grid/style/mixin';\n@import './components';\n@import './inline';\n@import './horizontal';\n@import './vertical';\n@import './status';\n@import './mixin';\n\n@form-prefix-cls: ~'@{ant-prefix}-form';\n@form-item-prefix-cls: ~'@{form-prefix-cls}-item';\n@form-font-height: ceil(@font-size-base * @line-height-base);\n\n.@{form-prefix-cls} {\n .reset-component();\n .reset-form();\n\n .@{form-prefix-cls}-text {\n display: inline-block;\n padding-right: 8px;\n }\n\n // ================================================================\n // = Size =\n // ================================================================\n .formSize(@input-height) {\n .@{form-item-prefix-cls}-label > label {\n height: @input-height;\n }\n\n .@{form-item-prefix-cls}-control-input {\n min-height: @input-height;\n }\n }\n\n &-small {\n .formSize(@input-height-sm);\n }\n\n &-large {\n .formSize(@input-height-lg);\n }\n}\n\n.explainAndExtraDistance(@num) when (@num >= 0) {\n padding-top: floor(@num);\n}\n\n.explainAndExtraDistance(@num) when (@num < 0) {\n margin-top: ceil(@num);\n margin-bottom: ceil(@num);\n}\n\n// ================================================================\n// = Item =\n// ================================================================\n.@{form-item-prefix-cls} {\n .reset-component();\n\n margin-bottom: @form-item-margin-bottom;\n vertical-align: top;\n\n &-with-help {\n transition: none;\n }\n\n &-hidden,\n &-hidden.@{ant-prefix}-row {\n // https://github.com/ant-design/ant-design/issues/26141\n display: none;\n }\n\n // ==============================================================\n // = Label =\n // ==============================================================\n &-label {\n display: inline-block;\n flex-grow: 0;\n overflow: hidden;\n white-space: nowrap;\n text-align: right;\n vertical-align: middle;\n\n &-left {\n text-align: left;\n }\n\n &-wrap {\n overflow: unset;\n line-height: (@line-height-base - 0.25em);\n white-space: unset;\n }\n\n > label {\n position: relative;\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n height: @form-item-label-height;\n color: @label-color;\n font-size: @form-item-label-font-size;\n\n > .@{iconfont-css-prefix} {\n font-size: @form-item-label-font-size;\n vertical-align: top;\n }\n\n // Required mark\n &.@{form-item-prefix-cls}-required:not(.@{form-item-prefix-cls}-required-mark-optional):not(\n .@{form-item-prefix-cls}-required-mark-hidden\n )::before {\n display: inline-block;\n margin-right: 4px;\n color: @label-required-color;\n font-size: @form-item-label-font-size;\n font-family: SimSun, sans-serif;\n line-height: 1;\n content: '*';\n\n .@{form-prefix-cls}-hide-required-mark & {\n display: none;\n }\n }\n\n // Optional mark\n .@{form-item-prefix-cls}-optional {\n display: inline-block;\n margin-left: @margin-xss;\n color: @text-color-secondary;\n\n .@{form-prefix-cls}-hide-required-mark & {\n display: none;\n }\n }\n\n // Optional mark\n .@{form-item-prefix-cls}-tooltip {\n color: @text-color-secondary;\n cursor: help;\n writing-mode: horizontal-tb;\n margin-inline-start: @margin-xss;\n }\n\n &::after {\n & when (@form-item-trailing-colon=true) {\n content: ':';\n }\n & when not (@form-item-trailing-colon=true) {\n content: ' ';\n }\n\n position: relative;\n top: -0.5px;\n margin: 0 @form-item-label-colon-margin-right 0 @form-item-label-colon-margin-left;\n }\n\n &.@{form-item-prefix-cls}-no-colon::after {\n content: ' ';\n }\n }\n }\n\n // ==============================================================\n // = Input =\n // ==============================================================\n &-control {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n\n &:first-child:not([class^=~\"'@{ant-prefix}-col-'\"]):not([class*=~\"' @{ant-prefix}-col-'\"]) {\n width: 100%;\n }\n }\n\n &-control-input {\n position: relative;\n display: flex;\n align-items: center;\n min-height: @input-height-base;\n\n &-content {\n flex: auto;\n max-width: 100%;\n }\n }\n\n // ==============================================================\n // = Explain =\n // ==============================================================\n &-explain,\n &-extra {\n clear: both;\n color: @text-color-secondary;\n font-size: @font-size-base;\n line-height: @line-height-base;\n transition: color 0.3s @ease-out; // sync input color transition\n .explainAndExtraDistance((@form-item-margin-bottom - @form-font-height) / 2);\n }\n\n &-explain-connected {\n width: 100%;\n }\n\n &-extra {\n min-height: @form-item-margin-bottom;\n }\n\n &-with-help &-explain {\n height: auto;\n // min-height: @form-item-margin-bottom;\n opacity: 1;\n }\n\n // ==============================================================\n // = Feedback Icon =\n // ==============================================================\n &-feedback-icon {\n font-size: @font-size-base;\n text-align: center;\n visibility: visible;\n animation: zoomIn 0.3s @ease-out-back;\n pointer-events: none;\n\n &-success {\n color: @success-color;\n }\n\n &-error {\n color: @error-color;\n }\n\n &-warning {\n color: @warning-color;\n }\n\n &-validating {\n color: @primary-color;\n }\n }\n}\n\n// >>>>>>>>>> Motion <<<<<<<<<<\n// Explain holder\n.@{ant-prefix}-show-help {\n transition: opacity @animation-duration-slow @ease-in-out;\n\n &-appear,\n &-enter {\n opacity: 0;\n\n &-active {\n opacity: 1;\n }\n }\n\n &-leave {\n opacity: 1;\n\n &-active {\n opacity: 0;\n }\n }\n}\n\n// Explain\n.@{ant-prefix}-show-help-item {\n overflow: hidden;\n transition:\n height @animation-duration-slow @ease-in-out,\n opacity @animation-duration-slow @ease-in-out,\n transform @animation-duration-slow @ease-in-out !important;\n\n &-appear,\n &-enter {\n transform: translateY(-5px);\n opacity: 0;\n\n &-active {\n transform: translateY(0);\n opacity: 1;\n }\n }\n\n &-leave {\n transition:\n height @animation-duration-base @ease-in-out,\n opacity @animation-duration-base @ease-in-out,\n transform @animation-duration-base @ease-in-out !important;\n }\n\n &-leave-active {\n transform: translateY(-5px);\n }\n}\n\n// need there different zoom animation\n// otherwise won't trigger anim\n@keyframes diffZoomIn1 {\n 0% {\n transform: scale(0);\n opacity: 0;\n }\n\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n@keyframes diffZoomIn2 {\n 0% {\n transform: scale(0);\n opacity: 0;\n }\n\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n@keyframes diffZoomIn3 {\n 0% {\n transform: scale(0);\n opacity: 0;\n }\n\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n@import './rtl';\n", "// Since zorro's form-item-margin-bottom doesn't currently animate, we need to fix some of the heights.\n.@{form-item-prefix-cls}{\n &-explain-connected {\n height: 0;\n }\n\n &-with-help {\n margin-bottom: 0;\n }\n\n &-with-help &-explain {\n min-height: @form-item-margin-bottom;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import './customize.less';\n\n@list-prefix-cls: ~'@{ant-prefix}-list';\n\n.@{list-prefix-cls} {\n .reset-component();\n\n position: relative;\n\n * {\n outline: none;\n }\n\n &-pagination {\n margin-top: @margin-lg;\n text-align: right;\n\n // https://github.com/ant-design/ant-design/issues/20037\n .@{ant-prefix}-pagination-options {\n text-align: left;\n }\n }\n\n &-more {\n margin-top: @margin-sm;\n text-align: center;\n\n button {\n padding-right: 32px;\n padding-left: 32px;\n }\n }\n\n &-spin {\n min-height: 40px;\n text-align: center;\n }\n\n &-empty-text {\n padding: @list-empty-text-padding;\n color: @disabled-color;\n font-size: @font-size-base;\n text-align: center;\n }\n\n &-items {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n &-item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: @list-item-padding;\n color: @text-color;\n\n &-meta {\n display: flex;\n flex: 1;\n align-items: flex-start;\n max-width: 100%;\n\n &-avatar {\n margin-right: @list-item-meta-avatar-margin-right;\n }\n\n &-content {\n flex: 1 0;\n width: 0;\n color: @text-color;\n }\n\n &-title {\n margin-bottom: 4px;\n color: @text-color;\n font-size: @font-size-base;\n line-height: @line-height-base;\n\n > a {\n color: @text-color;\n transition: all 0.3s;\n\n &:hover {\n color: @primary-color;\n }\n }\n }\n\n &-description {\n color: @text-color-secondary;\n font-size: @list-item-meta-description-font-size;\n line-height: @line-height-base;\n }\n }\n\n &-action {\n flex: 0 0 auto;\n margin-left: 48px;\n padding: 0;\n font-size: 0;\n list-style: none;\n\n & > li {\n position: relative;\n display: inline-block;\n padding: 0 @padding-xs;\n color: @text-color-secondary;\n font-size: @font-size-base;\n line-height: @line-height-base;\n text-align: center;\n\n &:first-child {\n padding-left: 0;\n }\n }\n\n &-split {\n position: absolute;\n top: 50%;\n right: 0;\n width: 1px;\n height: 14px;\n margin-top: -7px;\n background-color: @border-color-split;\n }\n }\n }\n\n &-header {\n background: @list-header-background;\n }\n\n &-footer {\n background: @list-footer-background;\n }\n\n &-header,\n &-footer {\n padding-top: @padding-sm;\n padding-bottom: @padding-sm;\n }\n\n &-empty {\n padding: @padding-md 0;\n color: @text-color-secondary;\n font-size: 12px;\n text-align: center;\n }\n\n &-split &-item {\n border-bottom: 1px solid @border-color-split;\n\n &:last-child {\n border-bottom: none;\n }\n }\n\n &-split &-header {\n border-bottom: 1px solid @border-color-split;\n }\n\n &-split&-empty &-footer {\n border-top: 1px solid @border-color-split;\n }\n\n &-loading &-spin-nested-loading {\n min-height: 32px;\n }\n\n &-split&-something-after-last-item .@{ant-prefix}-spin-container > &-items > &-item:last-child {\n border-bottom: 1px solid @border-color-split;\n }\n\n &-lg &-item {\n padding: @list-item-padding-lg;\n }\n\n &-sm &-item {\n padding: @list-item-padding-sm;\n }\n\n &-vertical &-item {\n align-items: initial;\n\n &-main {\n display: block;\n flex: 1;\n }\n\n &-extra {\n margin-left: 40px;\n }\n\n &-meta {\n margin-bottom: @list-item-meta-margin-bottom;\n\n &-title {\n margin-bottom: @list-item-meta-title-margin-bottom;\n color: @heading-color;\n font-size: @font-size-lg;\n line-height: 24px;\n }\n }\n\n &-action {\n margin-top: @padding-md;\n margin-left: auto;\n\n > li {\n padding: 0 @padding-md;\n\n &:first-child {\n padding-left: 0;\n }\n }\n }\n }\n\n &-grid .@{ant-prefix}-col > &-item {\n display: block;\n max-width: 100%;\n margin-bottom: @margin-md;\n padding-top: 0;\n padding-bottom: 0;\n border-bottom: none;\n }\n\n // ============================ without flex ============================\n &-item-no-flex {\n display: block;\n }\n\n // Horizontal\n &:not(.@{list-prefix-cls}-vertical) {\n .@{list-prefix-cls}-item-no-flex {\n .@{list-prefix-cls}-item-action {\n float: right;\n }\n }\n }\n}\n\n@import './bordered';\n@import './responsive';\n@import './rtl';\n", "@import '../../style/themes/index';\n\n.@{list-prefix-cls}-bordered {\n border: 1px solid @border-color-base;\n border-radius: @border-radius-base;\n .@{list-prefix-cls}-header {\n padding-right: @padding-lg;\n padding-left: @padding-lg;\n }\n\n .@{list-prefix-cls}-footer {\n padding-right: @padding-lg;\n padding-left: @padding-lg;\n }\n\n .@{list-prefix-cls}-item {\n padding-right: @padding-lg;\n padding-left: @padding-lg;\n }\n\n .@{list-prefix-cls}-pagination {\n margin: @margin-md @margin-lg;\n }\n\n &.@{list-prefix-cls}-sm {\n .@{list-prefix-cls}-item {\n padding: @list-item-padding-sm;\n }\n .@{list-prefix-cls}-header,\n .@{list-prefix-cls}-footer {\n padding: @list-item-padding-sm;\n }\n }\n\n &.@{list-prefix-cls}-lg {\n .@{list-prefix-cls}-item {\n padding: @list-item-padding-lg;\n }\n .@{list-prefix-cls}-header,\n .@{list-prefix-cls}-footer {\n padding: @list-item-padding-lg;\n }\n }\n}\n", "@media screen and (max-width: @screen-md) {\n .@{list-prefix-cls} {\n &-item {\n &-action {\n margin-left: 24px;\n }\n }\n }\n\n .@{list-prefix-cls}-vertical {\n .@{list-prefix-cls}-item {\n &-extra {\n margin-left: 24px;\n }\n }\n }\n}\n\n@media screen and (max-width: @screen-sm) {\n .@{list-prefix-cls} {\n &-item {\n flex-wrap: wrap;\n\n &-action {\n margin-left: 12px;\n }\n }\n }\n\n .@{list-prefix-cls}-vertical {\n .@{list-prefix-cls}-item {\n flex-wrap: wrap-reverse;\n\n &-main {\n min-width: 220px;\n }\n\n &-extra {\n margin: auto auto 16px;\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import './customize.less';\n\n@list-prefix-cls: ~'@{ant-prefix}-list';\n\n.@{list-prefix-cls} {\n &-rtl {\n direction: rtl;\n text-align: right;\n\n // fix for virtual scroll style attribute > (direction:ltr)\n .ReactVirtualized__List .@{list-prefix-cls}-item {\n direction: rtl;\n }\n }\n\n &-pagination {\n .@{list-prefix-cls}-rtl & {\n text-align: left;\n }\n }\n\n &-item {\n &-meta {\n &-avatar {\n .@{list-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: @list-item-meta-avatar-margin-right;\n }\n }\n }\n\n &-action {\n .@{list-prefix-cls}-rtl & {\n margin-right: 48px;\n margin-left: 0;\n }\n\n & > li:first-child {\n .@{list-prefix-cls}.@{list-prefix-cls}-rtl & {\n padding-right: 0;\n padding-left: @padding-md;\n }\n }\n\n &-split {\n .@{list-prefix-cls}-rtl & {\n right: auto;\n left: 0;\n }\n }\n }\n }\n\n &-vertical &-item {\n &-extra {\n .@{list-prefix-cls}-rtl& {\n margin-right: 40px;\n margin-left: 0;\n }\n }\n\n &-action {\n .@{list-prefix-cls}-rtl& {\n margin-right: auto;\n }\n\n > li {\n &:first-child {\n .@{list-prefix-cls}-rtl & {\n padding-right: 0;\n padding-left: @padding-md;\n }\n }\n }\n }\n }\n\n // Horizontal\n &:not(.@{list-prefix-cls}-vertical) {\n .@{list-prefix-cls}-item-no-flex {\n .@{list-prefix-cls}-item-action {\n .@{list-prefix-cls}-rtl & {\n float: left;\n }\n }\n }\n }\n}\n\n// responsive\n@media screen and (max-width: @screen-md) {\n .@{list-prefix-cls} {\n &-item {\n &-action {\n .@{list-prefix-cls}-rtl & {\n margin-right: 24px;\n margin-left: 0;\n }\n }\n }\n }\n\n .@{list-prefix-cls}-vertical {\n .@{list-prefix-cls}-item {\n &-extra {\n .@{list-prefix-cls}-rtl & {\n margin-right: 24px;\n margin-left: 0;\n }\n }\n }\n }\n}\n\n@media screen and (max-width: @screen-sm) {\n .@{list-prefix-cls} {\n &-item {\n &-action {\n .@{list-prefix-cls}-rtl & {\n margin-right: 22px;\n margin-left: 0;\n }\n }\n }\n }\n\n .@{list-prefix-cls}-vertical {\n .@{list-prefix-cls}-item {\n &-extra {\n // to override margins on rtl view\n .@{list-prefix-cls}-rtl& {\n margin: auto auto 16px;\n }\n }\n }\n }\n}\n", "nz-list,\nnz-list nz-spin,\nnz-list-header,\nnz-list-footer,\nnz-list-pagination,\nnz-list-empty,\nnz-list-item-extra {\n display: block;\n}\n", "@import (reference) '../../style/themes/index';\n@menu-prefix-cls: ~'@{ant-prefix}-menu';\n\n.@{menu-prefix-cls} {\n // Danger\n &-item-danger&-item {\n color: @menu-highlight-danger-color;\n\n &:hover,\n &-active {\n color: @menu-highlight-danger-color;\n }\n\n &:active {\n background: @menu-item-active-danger-bg;\n }\n\n &-selected {\n color: @menu-highlight-danger-color;\n\n > a,\n > a:hover {\n color: @menu-highlight-danger-color;\n }\n }\n\n .@{menu-prefix-cls}:not(.@{menu-prefix-cls}-horizontal) &-selected {\n background-color: @menu-item-active-danger-bg;\n }\n\n .@{menu-prefix-cls}-inline &::after {\n border-right-color: @menu-highlight-danger-color;\n }\n }\n\n // ==================== Dark ====================\n &-dark &-item-danger&-item {\n &,\n &:hover,\n & > a {\n color: @menu-dark-danger-color;\n }\n }\n\n &-dark&-dark:not(&-horizontal) &-item-danger&-item-selected {\n color: @menu-dark-highlight-color;\n background-color: @menu-dark-item-active-danger-bg;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import './status';\n\n@menu-prefix-cls: ~'@{ant-prefix}-menu';\n@menu-animation-duration-normal: 0.15s;\n\n.accessibility-focus() {\n box-shadow: 0 0 0 2px @primary-2;\n}\n\n// TODO: Should remove icon style compatible in v5\n\n// default theme\n.@{menu-prefix-cls} {\n .reset-component();\n\n margin-bottom: 0;\n padding-left: 0; // Override default ul/ol\n color: @menu-item-color;\n font-size: @menu-item-font-size;\n line-height: 0; // Fix display inline-block gap\n text-align: left;\n list-style: none;\n background: @menu-bg;\n outline: none;\n box-shadow: @box-shadow-base;\n transition: background @animation-duration-slow,\n width @animation-duration-slow cubic-bezier(0.2, 0, 0, 1) 0s;\n .clearfix();\n\n &&-root:focus-visible {\n .accessibility-focus();\n }\n\n ul,\n ol {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n // Overflow ellipsis\n &-overflow {\n display: flex;\n\n &-item {\n flex: none;\n }\n }\n\n &-hidden,\n &-submenu-hidden {\n display: none;\n }\n\n &-item-group-title {\n height: @menu-item-group-height;\n padding: 8px 16px;\n color: @menu-item-group-title-color;\n font-size: @menu-item-group-title-font-size;\n line-height: @menu-item-group-height;\n transition: all @animation-duration-slow;\n }\n\n &-horizontal &-submenu {\n transition: border-color @animation-duration-slow @ease-in-out,\n background @animation-duration-slow @ease-in-out;\n }\n\n &-submenu,\n &-submenu-inline {\n transition: border-color @animation-duration-slow @ease-in-out,\n background @animation-duration-slow @ease-in-out,\n padding @menu-animation-duration-normal @ease-in-out;\n }\n\n &-submenu-selected {\n color: @menu-highlight-color;\n }\n\n &-item:active,\n &-submenu-title:active {\n background: @menu-item-active-bg;\n }\n\n &-submenu &-sub {\n cursor: initial;\n transition: background @animation-duration-slow @ease-in-out,\n padding @animation-duration-slow @ease-in-out;\n }\n\n &-title-content {\n transition: color @animation-duration-slow;\n }\n\n &-item a {\n color: @menu-item-color;\n\n &:hover {\n color: @menu-highlight-color;\n }\n\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: transparent;\n content: '';\n }\n }\n\n // https://github.com/ant-design/ant-design/issues/19809\n &-item > .@{ant-prefix}-badge a {\n color: @menu-item-color;\n\n &:hover {\n color: @menu-highlight-color;\n }\n }\n\n &-item-divider {\n overflow: hidden;\n line-height: 0;\n border-color: @border-color-split;\n border-style: solid;\n border-width: 1px 0 0;\n }\n\n &-item-divider-dashed {\n border-style: dashed;\n }\n\n &-horizontal &-item,\n &-horizontal &-submenu {\n margin-top: -1px;\n }\n\n &-horizontal > &-item:hover,\n &-horizontal > &-item-active,\n &-horizontal > &-submenu &-submenu-title:hover {\n background-color: transparent;\n }\n\n &-item-selected {\n color: @menu-highlight-color;\n\n a,\n a:hover {\n color: @menu-highlight-color;\n }\n }\n\n &:not(&-horizontal) &-item-selected {\n background-color: @menu-item-active-bg;\n }\n\n &-inline,\n &-vertical,\n &-vertical-left {\n border-right: @border-width-base @border-style-base @border-color-split;\n }\n\n &-vertical-right {\n border-left: @border-width-base @border-style-base @border-color-split;\n }\n\n &-vertical&-sub,\n &-vertical-left&-sub,\n &-vertical-right&-sub {\n min-width: 160px;\n max-height: calc(100vh - 100px);\n padding: 0;\n overflow: hidden;\n border-right: 0;\n\n // https://github.com/ant-design/ant-design/issues/22244\n // https://github.com/ant-design/ant-design/issues/26812\n &:not([class*='-active']) {\n overflow-x: hidden;\n overflow-y: auto;\n }\n\n .@{menu-prefix-cls}-item {\n left: 0;\n margin-left: 0;\n border-right: 0;\n\n &::after {\n border-right: 0;\n }\n }\n > .@{menu-prefix-cls}-item,\n > .@{menu-prefix-cls}-submenu {\n transform-origin: 0 0;\n }\n }\n\n &-horizontal&-sub {\n min-width: 114px; // in case of submenu width is too big: https://codesandbox.io/s/qvpwm6mk66\n }\n\n &-horizontal &-item,\n &-horizontal &-submenu-title {\n transition: border-color @animation-duration-slow, background @animation-duration-slow;\n }\n\n &-item,\n &-submenu-title {\n position: relative;\n display: block;\n margin: 0;\n padding: @menu-item-padding;\n white-space: nowrap;\n cursor: pointer;\n transition: border-color @animation-duration-slow, background @animation-duration-slow,\n padding @animation-duration-slow @ease-in-out;\n\n .@{menu-prefix-cls}-item-icon,\n .@{iconfont-css-prefix} {\n min-width: 14px;\n font-size: @menu-icon-size;\n transition: font-size @menu-animation-duration-normal @ease-out,\n margin @animation-duration-slow @ease-in-out, color @animation-duration-slow;\n\n + span {\n margin-left: @menu-icon-margin-right;\n opacity: 1;\n transition: opacity @animation-duration-slow @ease-in-out, margin @animation-duration-slow,\n color @animation-duration-slow;\n }\n }\n\n .@{menu-prefix-cls}-item-icon.svg {\n vertical-align: -0.125em;\n }\n\n &.@{menu-prefix-cls}-item-only-child {\n > .@{iconfont-css-prefix},\n > .@{menu-prefix-cls}-item-icon {\n margin-right: 0;\n }\n }\n\n &:not(.@{menu-prefix-cls}-item-disabled):focus-visible {\n .accessibility-focus();\n }\n }\n\n & > &-item-divider {\n margin: 1px 0;\n padding: 0;\n }\n\n &-submenu {\n &-popup {\n position: absolute;\n z-index: @zindex-dropdown;\n background: transparent;\n border-radius: @border-radius-base;\n box-shadow: none;\n transform-origin: 0 0;\n\n // https://github.com/ant-design/ant-design/issues/13955\n &::before {\n position: absolute;\n top: -7px;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n opacity: 0.0001;\n content: ' ';\n }\n }\n\n // https://github.com/ant-design/ant-design/issues/13955\n &-placement-rightTop::before {\n top: 0;\n left: -7px;\n }\n\n > .@{menu-prefix-cls} {\n background-color: @menu-bg;\n border-radius: @border-radius-base;\n\n &-submenu-title::after {\n transition: transform @animation-duration-slow @ease-in-out;\n }\n }\n\n &-popup > .@{menu-prefix-cls} {\n background-color: @menu-popup-bg;\n }\n\n &-expand-icon,\n &-arrow {\n position: absolute;\n top: 50%;\n right: 16px;\n width: 10px;\n color: @menu-item-color;\n transform: translateY(-50%);\n transition: transform @animation-duration-slow @ease-in-out;\n }\n\n &-arrow {\n // →\n &::before,\n &::after {\n position: absolute;\n width: 6px;\n height: 1.5px;\n background-color: currentcolor;\n border-radius: 2px;\n transition: background @animation-duration-slow @ease-in-out,\n transform @animation-duration-slow @ease-in-out, top @animation-duration-slow @ease-in-out,\n color @animation-duration-slow @ease-in-out;\n content: '';\n }\n\n &::before {\n transform: rotate(45deg) translateY(-2.5px);\n }\n\n &::after {\n transform: rotate(-45deg) translateY(2.5px);\n }\n }\n\n &:hover > &-title > &-expand-icon,\n &:hover > &-title > &-arrow {\n color: @menu-highlight-color;\n }\n\n .@{menu-prefix-cls}-inline-collapsed &-arrow,\n &-inline &-arrow {\n // ↓\n &::before {\n transform: rotate(-45deg) translateX(2.5px);\n }\n\n &::after {\n transform: rotate(45deg) translateX(-2.5px);\n }\n }\n\n &-horizontal &-arrow {\n display: none;\n }\n\n &-open&-inline > &-title > &-arrow {\n // ↑\n transform: translateY(-2px);\n\n &::after {\n transform: rotate(-45deg) translateX(-2.5px);\n }\n\n &::before {\n transform: rotate(45deg) translateX(2.5px);\n }\n }\n }\n\n &-vertical &-submenu-selected,\n &-vertical-left &-submenu-selected,\n &-vertical-right &-submenu-selected {\n color: @menu-highlight-color;\n }\n\n &-horizontal {\n line-height: @menu-horizontal-line-height;\n border: 0;\n border-bottom: @border-width-base @border-style-base @border-color-split;\n box-shadow: none;\n\n &:not(.@{menu-prefix-cls}-dark) {\n > .@{menu-prefix-cls}-item,\n > .@{menu-prefix-cls}-submenu {\n margin-top: -1px;\n margin-bottom: 0;\n padding: @menu-item-padding;\n\n &:hover,\n &-active,\n &-open,\n &-selected {\n color: @menu-highlight-color;\n\n &::after {\n border-bottom: 2px solid @menu-highlight-color;\n }\n }\n }\n }\n\n > .@{menu-prefix-cls}-item,\n > .@{menu-prefix-cls}-submenu {\n position: relative;\n top: 1px;\n display: inline-block;\n vertical-align: bottom;\n\n &::after {\n position: absolute;\n right: @menu-item-padding-horizontal;\n bottom: 0;\n left: @menu-item-padding-horizontal;\n border-bottom: 2px solid transparent;\n transition: border-color @animation-duration-slow @ease-in-out;\n content: '';\n }\n }\n\n > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {\n padding: 0;\n }\n\n > .@{menu-prefix-cls}-item {\n a {\n color: @menu-item-color;\n\n &:hover {\n color: @menu-highlight-color;\n }\n\n &::before {\n bottom: -2px;\n }\n }\n\n &-selected a {\n color: @menu-highlight-color;\n }\n }\n\n &::after {\n display: block;\n clear: both;\n height: 0;\n content: '\\20';\n }\n }\n\n &-vertical,\n &-vertical-left,\n &-vertical-right,\n &-inline {\n .@{menu-prefix-cls}-item {\n position: relative;\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n border-right: @menu-item-active-border-width solid @menu-highlight-color;\n transform: scaleY(0.0001);\n opacity: 0;\n transition: transform @menu-animation-duration-normal @ease-out,\n opacity @menu-animation-duration-normal @ease-out;\n content: '';\n }\n }\n\n .@{menu-prefix-cls}-item,\n .@{menu-prefix-cls}-submenu-title {\n height: @menu-item-height;\n margin-top: @menu-item-vertical-margin;\n margin-bottom: @menu-item-vertical-margin;\n padding: 0 16px;\n overflow: hidden;\n line-height: @menu-item-height;\n text-overflow: ellipsis;\n }\n\n // disable margin collapsed\n .@{menu-prefix-cls}-submenu {\n padding-bottom: 0.02px;\n }\n\n .@{menu-prefix-cls}-item:not(:last-child) {\n margin-bottom: @menu-item-boundary-margin;\n }\n\n > .@{menu-prefix-cls}-item,\n > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {\n height: @menu-inline-toplevel-item-height;\n line-height: @menu-inline-toplevel-item-height;\n }\n }\n\n &-vertical {\n .@{menu-prefix-cls}-item-group-list .@{menu-prefix-cls}-submenu-title,\n .@{menu-prefix-cls}-submenu-title {\n padding-right: 34px;\n }\n }\n\n &-inline {\n width: 100%;\n .@{menu-prefix-cls}-selected,\n .@{menu-prefix-cls}-item-selected {\n &::after {\n transform: scaleY(1);\n opacity: 1;\n transition: transform @menu-animation-duration-normal @ease-in-out,\n opacity @menu-animation-duration-normal @ease-in-out;\n }\n }\n\n .@{menu-prefix-cls}-item,\n .@{menu-prefix-cls}-submenu-title {\n width: ~'calc(100% + 1px)';\n }\n\n .@{menu-prefix-cls}-item-group-list .@{menu-prefix-cls}-submenu-title,\n .@{menu-prefix-cls}-submenu-title {\n padding-right: 34px;\n }\n\n // Motion enhance for first level\n &.@{menu-prefix-cls}-root {\n .@{menu-prefix-cls}-item,\n .@{menu-prefix-cls}-submenu-title {\n display: flex;\n align-items: center;\n transition: border-color @animation-duration-slow, background @animation-duration-slow,\n padding 0.1s @ease-out;\n\n > .@{menu-prefix-cls}-title-content {\n flex: auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n > * {\n flex: none;\n }\n }\n }\n }\n\n &&-inline-collapsed {\n width: @menu-collapsed-width;\n\n > .@{menu-prefix-cls}-item,\n > .@{menu-prefix-cls}-item-group\n > .@{menu-prefix-cls}-item-group-list\n > .@{menu-prefix-cls}-item,\n > .@{menu-prefix-cls}-item-group\n > .@{menu-prefix-cls}-item-group-list\n > .@{menu-prefix-cls}-submenu\n > .@{menu-prefix-cls}-submenu-title,\n > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {\n left: 0;\n padding: 0 ~'calc(50% - @{menu-icon-size-lg} / 2)';\n text-overflow: clip;\n\n .@{menu-prefix-cls}-submenu-arrow {\n opacity: 0;\n }\n\n .@{menu-prefix-cls}-item-icon,\n .@{iconfont-css-prefix} {\n margin: 0;\n font-size: @menu-icon-size-lg;\n line-height: @menu-item-height;\n\n + span {\n display: inline-block;\n opacity: 0;\n }\n }\n }\n\n .@{menu-prefix-cls}-item-icon,\n .@{iconfont-css-prefix} {\n display: inline-block;\n }\n\n &-tooltip {\n pointer-events: none;\n\n .@{menu-prefix-cls}-item-icon,\n .@{iconfont-css-prefix} {\n display: none;\n }\n\n a {\n color: @text-color-dark;\n }\n }\n\n .@{menu-prefix-cls}-item-group-title {\n padding-right: 4px;\n padding-left: 4px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n }\n\n &-item-group-list {\n margin: 0;\n padding: 0;\n .@{menu-prefix-cls}-item,\n .@{menu-prefix-cls}-submenu-title {\n padding: 0 16px 0 28px;\n }\n }\n\n &-root&-vertical,\n &-root&-vertical-left,\n &-root&-vertical-right,\n &-root&-inline {\n box-shadow: none;\n }\n\n &-root&-inline-collapsed {\n .@{menu-prefix-cls}-item,\n .@{menu-prefix-cls}-submenu .@{menu-prefix-cls}-submenu-title {\n > .@{menu-prefix-cls}-inline-collapsed-noicon {\n font-size: @menu-icon-size-lg;\n text-align: center;\n }\n }\n }\n\n &-sub&-inline {\n padding: 0;\n background: @menu-inline-submenu-bg;\n border: 0;\n border-radius: 0;\n box-shadow: none;\n & > .@{menu-prefix-cls}-item,\n & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {\n height: @menu-item-height;\n line-height: @menu-item-height;\n list-style-position: inside;\n list-style-type: disc;\n }\n\n & .@{menu-prefix-cls}-item-group-title {\n padding-left: 32px;\n }\n }\n\n // Disabled state sets text to gray and nukes hover/tab effects\n &-item-disabled,\n &-submenu-disabled {\n color: @disabled-color !important;\n background: none;\n cursor: not-allowed;\n\n &::after {\n border-color: transparent !important;\n }\n\n a {\n color: @disabled-color !important;\n pointer-events: none;\n }\n\n > .@{menu-prefix-cls}-submenu-title {\n color: @disabled-color !important;\n cursor: not-allowed;\n > .@{menu-prefix-cls}-submenu-arrow {\n &::before,\n &::after {\n background: @disabled-color !important;\n }\n }\n }\n }\n}\n\n// Integration with header element so menu items have the same height\n.@{ant-prefix}-layout-header {\n .@{menu-prefix-cls} {\n line-height: inherit;\n }\n}\n\n// https://github.com/ant-design/ant-design/issues/32950\n.@{ant-prefix}-menu-inline-collapsed-tooltip {\n a,\n a:hover {\n color: @white;\n }\n}\n\n@import './light';\n@import './dark';\n@import './rtl';\n", ".@{menu-prefix-cls} {\n // light theme\n &-light {\n .@{menu-prefix-cls}-item:hover,\n .@{menu-prefix-cls}-item-active,\n .@{menu-prefix-cls}:not(.@{menu-prefix-cls}-inline) .@{menu-prefix-cls}-submenu-open,\n .@{menu-prefix-cls}-submenu-active,\n .@{menu-prefix-cls}-submenu-title:hover {\n color: @menu-highlight-color;\n }\n }\n}\n", ".accessibility-focus-dark() {\n box-shadow: 0 0 0 2px @primary-7;\n}\n\n.@{menu-prefix-cls} {\n &&-root:focus-visible {\n .accessibility-focus-dark();\n }\n\n &-dark &-item,\n &-dark &-submenu-title {\n &:focus-visible {\n .accessibility-focus-dark();\n }\n }\n\n // dark theme\n &&-dark,\n &-dark &-sub,\n &&-dark &-sub {\n color: @menu-dark-color;\n background: @menu-dark-bg;\n .@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow {\n opacity: 0.45;\n transition: all 0.3s;\n\n &::after,\n &::before {\n background: @menu-dark-arrow-color;\n }\n }\n }\n\n &-dark&-submenu-popup {\n background: transparent;\n }\n\n &-dark &-inline&-sub {\n background: @menu-dark-inline-submenu-bg;\n }\n\n &-dark&-horizontal {\n border-bottom: 0;\n }\n\n &-dark&-horizontal > &-item,\n &-dark&-horizontal > &-submenu {\n top: 0;\n margin-top: 0;\n padding: @menu-item-padding;\n border-color: @menu-dark-bg;\n border-bottom: 0;\n }\n\n &-dark&-horizontal > &-item:hover {\n background-color: @menu-dark-item-active-bg;\n }\n\n &-dark&-horizontal > &-item > a::before {\n bottom: 0;\n }\n\n &-dark &-item,\n &-dark &-item-group-title,\n &-dark &-item > a,\n &-dark &-item > span > a {\n color: @menu-dark-color;\n }\n\n &-dark&-inline,\n &-dark&-vertical,\n &-dark&-vertical-left,\n &-dark&-vertical-right {\n border-right: 0;\n }\n\n &-dark&-inline &-item,\n &-dark&-vertical &-item,\n &-dark&-vertical-left &-item,\n &-dark&-vertical-right &-item {\n left: 0;\n margin-left: 0;\n border-right: 0;\n\n &::after {\n border-right: 0;\n }\n }\n\n &-dark&-inline &-item,\n &-dark&-inline &-submenu-title {\n width: 100%;\n }\n\n &-dark &-item:hover,\n &-dark &-item-active,\n &-dark &-submenu-active,\n &-dark &-submenu-open,\n &-dark &-submenu-selected,\n &-dark &-submenu-title:hover {\n color: @menu-dark-highlight-color;\n background-color: transparent;\n\n > a,\n > span > a {\n color: @menu-dark-highlight-color;\n }\n > .@{menu-prefix-cls}-submenu-title {\n > .@{menu-prefix-cls}-submenu-arrow {\n opacity: 1;\n\n &::after,\n &::before {\n background: @menu-dark-highlight-color;\n }\n }\n }\n }\n\n &-dark &-item:hover {\n background-color: @menu-dark-item-hover-bg;\n }\n\n &-dark&-dark:not(&-horizontal) &-item-selected {\n background-color: @menu-dark-item-active-bg;\n }\n\n &-dark &-item-selected {\n color: @menu-dark-highlight-color;\n border-right: 0;\n\n &::after {\n border-right: 0;\n }\n\n > a,\n > span > a,\n > a:hover,\n > span > a:hover {\n color: @menu-dark-highlight-color;\n }\n\n .@{menu-prefix-cls}-item-icon,\n .@{iconfont-css-prefix} {\n color: @menu-dark-selected-item-icon-color;\n\n + span {\n color: @menu-dark-selected-item-text-color;\n }\n }\n }\n\n &&-dark &-item-selected,\n &-submenu-popup&-dark &-item-selected {\n background-color: @menu-dark-item-active-bg;\n }\n\n // Disabled state sets text to dark gray and nukes hover/tab effects\n &-dark &-item-disabled,\n &-dark &-submenu-disabled {\n &,\n > a,\n > span > a {\n color: @disabled-color-dark !important;\n opacity: 0.8;\n }\n > .@{menu-prefix-cls}-submenu-title {\n color: @disabled-color-dark !important;\n > .@{menu-prefix-cls}-submenu-arrow {\n &::before,\n &::after {\n background: @disabled-color-dark !important;\n }\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@menu-prefix-cls: ~'@{ant-prefix}-menu';\n\n.@{menu-prefix-cls} {\n &&-rtl {\n direction: rtl;\n text-align: right;\n }\n\n &-item-group-title {\n .@{menu-prefix-cls}-rtl & {\n text-align: right;\n }\n }\n\n &-inline,\n &-vertical {\n .@{menu-prefix-cls}-rtl& {\n border-right: none;\n border-left: @border-width-base @border-style-base @border-color-split;\n }\n }\n\n &-dark&-inline,\n &-dark&-vertical {\n .@{menu-prefix-cls}-rtl& {\n border-left: none;\n }\n }\n\n &-vertical&-sub,\n &-vertical-left&-sub,\n &-vertical-right&-sub {\n > .@{menu-prefix-cls}-item,\n > .@{menu-prefix-cls}-submenu {\n .@{menu-prefix-cls}-rtl& {\n transform-origin: top right;\n }\n }\n }\n\n &-item,\n &-submenu-title {\n .@{menu-prefix-cls}-item-icon,\n .@{iconfont-css-prefix} {\n .@{menu-prefix-cls}-rtl & {\n margin-right: auto;\n margin-left: @menu-icon-margin-right;\n }\n }\n\n &.@{menu-prefix-cls}-item-only-child {\n > .@{menu-prefix-cls}-item-icon,\n > .@{iconfont-css-prefix} {\n .@{menu-prefix-cls}-rtl & {\n margin-left: 0;\n }\n }\n }\n }\n\n &-submenu {\n &-rtl.@{menu-prefix-cls}-submenu-popup {\n transform-origin: 100% 0;\n }\n\n &-vertical,\n &-vertical-left,\n &-vertical-right,\n &-inline {\n > .@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow {\n .@{menu-prefix-cls}-rtl & {\n right: auto;\n left: 16px;\n }\n }\n }\n\n &-vertical,\n &-vertical-left,\n &-vertical-right {\n > .@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow {\n &::before {\n .@{menu-prefix-cls}-rtl & {\n transform: rotate(-45deg) translateY(-2px);\n }\n }\n\n &::after {\n .@{menu-prefix-cls}-rtl & {\n transform: rotate(45deg) translateY(2px);\n }\n }\n }\n }\n }\n\n &-vertical,\n &-vertical-left,\n &-vertical-right,\n &-inline {\n .@{menu-prefix-cls}-item {\n &::after {\n .@{menu-prefix-cls}-rtl& {\n right: auto;\n left: 0;\n }\n }\n }\n\n .@{menu-prefix-cls}-item,\n .@{menu-prefix-cls}-submenu-title {\n .@{menu-prefix-cls}-rtl& {\n text-align: right;\n }\n }\n }\n\n &-inline {\n .@{menu-prefix-cls}-submenu-title {\n .@{menu-prefix-cls}-rtl& {\n padding-right: 0;\n padding-left: 34px;\n }\n }\n }\n\n &-vertical {\n .@{menu-prefix-cls}-submenu-title {\n .@{menu-prefix-cls}-rtl& {\n padding-right: 16px;\n padding-left: 34px;\n }\n }\n }\n\n &-inline-collapsed&-vertical {\n .@{menu-prefix-cls}-submenu-title {\n .@{menu-prefix-cls}-rtl& {\n padding: 0 ~'calc(50% - @{menu-icon-size-lg} / 2)';\n }\n }\n }\n\n &-item-group-list {\n .@{menu-prefix-cls}-item,\n .@{menu-prefix-cls}-submenu-title {\n .@{menu-prefix-cls}-rtl & {\n padding: 0 28px 0 16px;\n }\n }\n }\n\n &-sub&-inline {\n border: 0;\n & .@{menu-prefix-cls}-item-group-title {\n .@{menu-prefix-cls}-rtl& {\n padding-right: 32px;\n padding-left: 0;\n }\n }\n }\n}\n", ".ant-menu-submenu.ant-menu-submenu-placement-bottom {\n position: relative;\n top: 6px;\n}\n\n.ant-menu-submenu.ant-menu-submenu-placement-right {\n position: relative;\n left: 4px;\n\n &.ant-menu-submenu-rtl {\n right: 4px;\n left: auto;\n }\n}\n\n.ant-menu-submenu.ant-menu-submenu-placement-left {\n position: relative;\n right: 4px;\n\n &.ant-menu-submenu-rtl {\n right: auto;\n left: 4px;\n }\n}\n", "@import '../../input/style/mixin';\n\n@mention-prefix-cls: ~'@{ant-prefix}-mentions';\n@input-prefix-cls: ~'@{ant-prefix}-input';\n\n.@{mention-prefix-cls} {\n &-status-error {\n .status-color(@mention-prefix-cls, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);\n .status-color-common(@input-prefix-cls, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);\n }\n\n &-status-warning {\n .status-color(@mention-prefix-cls, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);\n .status-color-common(@input-prefix-cls, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../input/style/mixin';\n@import './status';\n\n@mention-prefix-cls: ~'@{ant-prefix}-mentions';\n\n.@{mention-prefix-cls} {\n .reset-component();\n .input();\n\n position: relative;\n display: inline-block;\n height: auto;\n padding: 0;\n overflow: hidden;\n line-height: @line-height-base;\n white-space: pre-wrap;\n vertical-align: bottom;\n\n // =================== Status ===================\n &-disabled {\n > .@{ant-prefix}-input {\n .disabled();\n }\n }\n\n &-focused {\n .active();\n }\n\n // ================= Input Area =================\n > .@{ant-prefix}-input,\n &-measure {\n min-height: @input-height-base - 2px;\n margin: 0;\n padding: @input-padding-vertical-base @input-padding-horizontal-base;\n overflow: inherit;\n overflow-x: hidden;\n overflow-y: auto;\n /* stylelint-disable declaration-block-no-redundant-longhand-properties */\n font-weight: inherit;\n font-size: inherit;\n font-family: inherit;\n font-style: inherit;\n font-variant: inherit;\n font-size-adjust: inherit;\n font-stretch: inherit;\n line-height: inherit;\n /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n direction: inherit;\n letter-spacing: inherit;\n white-space: inherit;\n text-align: inherit;\n vertical-align: top;\n word-wrap: break-word;\n word-break: inherit;\n tab-size: inherit;\n }\n\n > .@{ant-prefix}-input {\n width: 100%;\n background-color: inherit;\n border: none;\n outline: none;\n resize: none;\n\n & when (@theme = dark) {\n background-color: transparent;\n }\n\n .placeholder();\n }\n\n &-measure {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n color: transparent;\n pointer-events: none;\n\n > span {\n display: inline-block;\n min-height: 1em;\n }\n }\n\n // ================== Dropdown ==================\n &-dropdown {\n // Ref select dropdown style\n .reset-component();\n\n position: absolute;\n top: -9999px;\n left: -9999px;\n z-index: @zindex-dropdown;\n box-sizing: border-box;\n font-size: @font-size-base;\n font-variant: initial;\n background-color: @mentions-dropdown-bg;\n border-radius: @border-radius-base;\n outline: none;\n box-shadow: @box-shadow-base;\n\n &-hidden {\n display: none;\n }\n\n &-menu {\n max-height: 250px;\n margin-bottom: 0;\n padding-left: 0; // Override default ul/ol\n overflow: auto;\n list-style: none;\n outline: none;\n\n &-item {\n position: relative;\n display: block;\n min-width: 100px;\n padding: 5px @control-padding-horizontal;\n overflow: hidden;\n color: @text-color;\n font-weight: normal;\n line-height: @line-height-base;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: pointer;\n transition: background 0.3s ease;\n\n &:hover {\n background-color: @item-hover-bg;\n }\n\n &:first-child {\n border-radius: @border-radius-base @border-radius-base 0 0;\n }\n\n &:last-child {\n border-radius: 0 0 @border-radius-base @border-radius-base;\n }\n\n &-disabled {\n color: @disabled-color;\n cursor: not-allowed;\n\n &:hover {\n color: @disabled-color;\n background-color: @mentions-dropdown-menu-item-hover-bg;\n cursor: not-allowed;\n }\n }\n\n &-selected {\n color: @text-color;\n font-weight: @select-item-selected-font-weight;\n background-color: @background-color-light;\n }\n\n &-active {\n background-color: @item-hover-bg;\n }\n }\n }\n }\n\n &-suffix {\n position: absolute;\n top: 0;\n right: @input-padding-horizontal-base;\n bottom: 0;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n margin: auto;\n }\n\n &-clear-icon {\n padding: 0;\n color: @disabled-color;\n font-size: @font-size-sm;\n line-height: 0;\n vertical-align: -1px;\n background-color: transparent;\n border: none;\n outline: none;\n cursor: pointer;\n transition: color 0.3s;\n\n &:hover {\n color: @text-color-secondary;\n }\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@mention-prefix-cls: ~'@{ant-prefix}-mentions';\n\n.@{mention-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n}\n", ".@{mention-prefix-cls} {\n &-dropdown {\n position: relative;\n top: 100%;\n left: 12px;\n width: 100%;\n margin-top: 8px;\n margin-bottom: 4px;\n }\n\n &:focus-within {\n .active();\n }\n\n &&-status-error {\n &:not(.@{mention-prefix-cls}-disabled):not(.@{mention-prefix-cls}-borderless).@{mention-prefix-cls} {\n &:focus-within {\n .active(@error-color, @error-color-hover, @error-color-outline);\n }\n }\n }\n\n &&-status-warning {\n &:not(.@{mention-prefix-cls}-disabled):not(.@{mention-prefix-cls}-borderless).@{mention-prefix-cls} {\n &:focus-within {\n .active(@warning-color, @warning-color-hover, @warning-color-outline);\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@message-prefix-cls: ~'@{ant-prefix}-message';\n\n.@{message-prefix-cls} {\n .reset-component();\n\n position: fixed;\n top: 8px;\n left: 0;\n z-index: @zindex-message;\n width: 100%;\n pointer-events: none;\n\n &-notice {\n padding: 8px;\n text-align: center;\n }\n\n &-notice-content {\n display: inline-block;\n padding: @message-notice-content-padding;\n background: @message-notice-content-bg;\n border-radius: @border-radius-base;\n box-shadow: @shadow-2;\n pointer-events: all;\n }\n\n &-success .@{iconfont-css-prefix} {\n color: @success-color;\n }\n\n &-error .@{iconfont-css-prefix} {\n color: @error-color;\n }\n\n &-warning .@{iconfont-css-prefix} {\n color: @warning-color;\n }\n\n &-info .@{iconfont-css-prefix},\n &-loading .@{iconfont-css-prefix} {\n color: @info-color;\n }\n\n .@{iconfont-css-prefix} {\n position: relative;\n top: 1px;\n margin-right: 8px;\n font-size: @font-size-lg;\n }\n\n &-notice.@{ant-prefix}-move-up-leave.@{ant-prefix}-move-up-leave-active {\n animation-name: MessageMoveOut;\n animation-duration: 0.3s;\n }\n}\n\n@keyframes MessageMoveOut {\n 0% {\n max-height: 150px;\n padding: 8px;\n opacity: 1;\n }\n\n 100% {\n max-height: 0;\n padding: 0;\n opacity: 0;\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@message-prefix-cls: ~'@{ant-prefix}-message';\n\n.@{message-prefix-cls}-rtl {\n direction: rtl;\n\n span {\n direction: rtl;\n }\n\n .@{iconfont-css-prefix} {\n margin-right: 0;\n margin-left: 8px;\n }\n}\n", "@dialog-prefix-cls: ~'@{ant-prefix}-modal';\n\n.@{dialog-prefix-cls} {\n .reset-component();\n .modal-mask();\n\n position: relative;\n top: 100px;\n width: auto;\n max-width: calc(100vw - 32px);\n margin: 0 auto;\n padding-bottom: 24px;\n\n &-wrap {\n z-index: @zindex-modal;\n }\n\n &-title {\n margin: 0;\n color: @modal-heading-color;\n font-weight: 500;\n font-size: @modal-header-title-font-size;\n line-height: @modal-header-title-line-height;\n word-wrap: break-word;\n }\n\n &-content {\n position: relative;\n background-color: @modal-content-bg;\n background-clip: padding-box;\n border: 0;\n border-radius: @modal-border-radius;\n box-shadow: @shadow-2;\n pointer-events: auto;\n }\n\n &-close {\n position: absolute;\n top: 0;\n right: 0;\n z-index: @zindex-popup-close;\n padding: 0;\n color: @modal-close-color;\n font-weight: 700;\n line-height: 1;\n text-decoration: none;\n background: transparent;\n border: 0;\n outline: 0;\n cursor: pointer;\n transition: color 0.3s;\n\n &-x {\n display: block;\n width: @modal-header-close-size;\n height: @modal-header-close-size;\n font-size: @font-size-lg;\n font-style: normal;\n line-height: @modal-header-close-size;\n text-align: center;\n text-transform: none;\n text-rendering: auto;\n }\n\n &:focus,\n &:hover {\n color: @icon-color-hover;\n text-decoration: none;\n }\n }\n\n &-header {\n padding: @modal-header-padding;\n color: @text-color;\n background: @modal-header-bg;\n border-bottom: @modal-header-border-width @modal-header-border-style\n @modal-header-border-color-split;\n border-radius: @modal-border-radius @modal-border-radius 0 0;\n }\n\n &-body {\n padding: @modal-body-padding;\n font-size: @font-size-base;\n line-height: @line-height-base;\n word-wrap: break-word;\n }\n\n &-footer {\n padding: @modal-footer-padding-vertical @modal-footer-padding-horizontal;\n text-align: right;\n background: @modal-footer-bg;\n border-top: @modal-footer-border-width @modal-footer-border-style\n @modal-footer-border-color-split;\n border-radius: 0 0 @modal-border-radius @modal-border-radius;\n\n .@{ant-prefix}-btn + .@{ant-prefix}-btn:not(.@{ant-prefix}-dropdown-trigger) {\n margin-bottom: 0;\n margin-left: 8px;\n }\n }\n\n &-open {\n overflow: hidden;\n }\n}\n\n.@{dialog-prefix-cls}-centered {\n text-align: center;\n\n &::before {\n display: inline-block;\n width: 0;\n height: 100%;\n vertical-align: middle;\n content: '';\n }\n .@{dialog-prefix-cls} {\n top: 0;\n display: inline-block;\n padding-bottom: 0;\n text-align: left;\n vertical-align: middle;\n }\n}\n\n@media (max-width: @screen-sm-max) {\n .@{dialog-prefix-cls} {\n max-width: calc(100vw - 16px);\n margin: 8px auto;\n }\n .@{dialog-prefix-cls}-centered {\n .@{dialog-prefix-cls} {\n flex: 1;\n }\n }\n}\n", "@import 'box';\n\n.modal-mask() {\n pointer-events: none;\n\n &.@{ant-prefix}-zoom-enter,\n &.@{ant-prefix}-zoom-appear {\n transform: none; // reset scale avoid mousePosition bug\n opacity: 0;\n animation-duration: @animation-duration-slow;\n user-select: none; // https://github.com/ant-design/ant-design/issues/11777\n }\n\n &-mask {\n .box(fixed);\n z-index: @zindex-modal-mask;\n height: 100%;\n background-color: @modal-mask-bg;\n\n &-hidden {\n display: none;\n }\n }\n\n &-wrap {\n .box(fixed);\n overflow: auto;\n outline: 0;\n }\n}\n", ".box(@position: absolute) {\n position: @position;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n}\n", "@import '../../style/mixins/index';\n\n@confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';\n\n.@{confirm-prefix-cls} {\n .@{ant-prefix}-modal-header {\n display: none;\n }\n\n .@{ant-prefix}-modal-body {\n padding: @modal-confirm-body-padding;\n }\n\n &-body-wrapper {\n .clearfix();\n }\n\n &-body {\n .@{confirm-prefix-cls}-title {\n display: block;\n // create BFC to avoid\n // https://user-images.githubusercontent.com/507615/37702510-ba844e06-2d2d-11e8-9b67-8e19be57f445.png\n overflow: hidden;\n color: @heading-color;\n font-weight: 500;\n font-size: @modal-confirm-title-font-size;\n line-height: 1.4;\n }\n\n .@{confirm-prefix-cls}-content {\n margin-top: 8px;\n color: @text-color;\n font-size: @font-size-base;\n }\n\n > .@{iconfont-css-prefix} {\n float: left;\n margin-right: 16px;\n font-size: 22px;\n\n // `content` after `icon` should set marginLeft\n + .@{confirm-prefix-cls}-title + .@{confirm-prefix-cls}-content {\n margin-left: 38px;\n }\n }\n }\n\n .@{confirm-prefix-cls}-btns {\n margin-top: 24px;\n text-align: right;\n\n .@{ant-prefix}-btn + .@{ant-prefix}-btn {\n margin-bottom: 0;\n margin-left: 8px;\n }\n }\n\n &-error &-body > .@{iconfont-css-prefix} {\n color: @error-color;\n }\n\n &-warning &-body > .@{iconfont-css-prefix},\n &-confirm &-body > .@{iconfont-css-prefix} {\n color: @warning-color;\n }\n\n &-info &-body > .@{iconfont-css-prefix} {\n color: @info-color;\n }\n\n &-success &-body > .@{iconfont-css-prefix} {\n color: @success-color;\n }\n\n // https://github.com/ant-design/ant-design/issues/37329\n .@{ant-prefix}-zoom-leave .@{confirm-prefix-cls}-btns {\n pointer-events: none;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@dialog-prefix-cls: ~'@{ant-prefix}-modal';\n@confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';\n@dialog-wrap-rtl-cls: ~'@{dialog-prefix-cls}-wrap-rtl';\n\n.@{dialog-prefix-cls} {\n &-wrap {\n &-rtl {\n direction: rtl;\n }\n }\n\n &-close {\n .@{dialog-wrap-rtl-cls} & {\n right: initial;\n left: 0;\n }\n }\n\n &-footer {\n .@{dialog-wrap-rtl-cls} & {\n text-align: left;\n }\n .@{ant-prefix}-btn + .@{ant-prefix}-btn {\n .@{dialog-wrap-rtl-cls} & {\n margin-right: 8px;\n margin-left: 0;\n }\n }\n }\n\n &-confirm {\n &-body {\n .@{dialog-wrap-rtl-cls} & {\n direction: rtl;\n }\n > .@{iconfont-css-prefix} {\n .@{dialog-wrap-rtl-cls} & {\n float: right;\n margin-right: 0;\n margin-left: 16px;\n }\n + .@{confirm-prefix-cls}-title + .@{confirm-prefix-cls}-content {\n .@{dialog-wrap-rtl-cls} & {\n margin-right: 38px;\n margin-left: 0;\n }\n }\n }\n }\n\n &-btns {\n .@{dialog-wrap-rtl-cls} & {\n text-align: left;\n }\n .@{ant-prefix}-btn + .@{ant-prefix}-btn {\n .@{dialog-wrap-rtl-cls} & {\n margin-right: 8px;\n margin-left: 0;\n }\n }\n }\n }\n}\n\n.@{dialog-prefix-cls}-centered {\n .@{dialog-prefix-cls} {\n .@{dialog-wrap-rtl-cls}& {\n text-align: right;\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n.popover-customize-bg(@notification-prefix-cls, @popover-background);\n\n@notification-prefix-cls: ~'@{ant-prefix}-notification';\n@notification-width: 384px;\n@notification-padding: @notification-padding-vertical @notification-padding-horizontal;\n@notification-margin-bottom: 16px;\n@notification-margin-edge: 24px;\n\n.@{notification-prefix-cls} {\n .reset-component();\n\n position: fixed;\n z-index: @zindex-notification;\n margin-right: @notification-margin-edge;\n\n &-close-icon {\n font-size: @font-size-base;\n cursor: pointer;\n }\n\n &-hook-holder {\n position: relative;\n }\n\n &-notice {\n position: relative;\n width: @notification-width;\n max-width: ~'calc(100vw - @{notification-margin-edge} * 2)';\n margin-bottom: @notification-margin-bottom;\n margin-left: auto;\n padding: @notification-padding;\n overflow: hidden;\n line-height: @line-height-base;\n word-wrap: break-word;\n background: @notification-bg;\n border-radius: @border-radius-base;\n box-shadow: @shadow-2;\n\n .@{notification-prefix-cls}-top &,\n .@{notification-prefix-cls}-bottom & {\n margin-right: auto;\n margin-left: auto;\n }\n\n .@{notification-prefix-cls}-topLeft &,\n .@{notification-prefix-cls}-bottomLeft & {\n margin-right: auto;\n margin-left: 0;\n }\n\n &-message {\n margin-bottom: 8px;\n color: @heading-color;\n font-size: @font-size-lg;\n line-height: 24px;\n\n // https://github.com/ant-design/ant-design/issues/5846#issuecomment-296244140\n &-single-line-auto-margin {\n display: block;\n width: ~'calc(@{notification-width} - @{notification-padding-horizontal} * 2 - 24px - 48px - 100%)';\n max-width: 4px;\n background-color: transparent;\n pointer-events: none;\n\n &::before {\n display: block;\n content: '';\n }\n }\n }\n\n &-description {\n font-size: @font-size-base;\n }\n\n &-closable &-message {\n padding-right: 24px;\n }\n\n &-with-icon &-message {\n margin-bottom: 4px;\n margin-left: 48px;\n font-size: @font-size-lg;\n }\n\n &-with-icon &-description {\n margin-left: 48px;\n font-size: @font-size-base;\n }\n\n // Icon & color style in different selector level\n // https://github.com/ant-design/ant-design/issues/16503\n // https://github.com/ant-design/ant-design/issues/15512\n &-icon {\n position: absolute;\n margin-left: 4px;\n font-size: 24px;\n line-height: 24px;\n }\n\n .@{iconfont-css-prefix}&-icon {\n &-success {\n color: @success-color;\n }\n\n &-info {\n color: @info-color;\n }\n\n &-warning {\n color: @warning-color;\n }\n\n &-error {\n color: @error-color;\n }\n }\n\n &-close {\n position: absolute;\n top: 16px;\n right: 22px;\n color: @text-color-secondary;\n outline: none;\n\n &:hover {\n & when (@theme = dark) {\n color: fade(@white, 85%);\n }\n & when not (@theme = dark) {\n color: shade(@text-color-secondary, 40%);\n }\n }\n }\n\n &-btn {\n float: right;\n margin-top: 16px;\n }\n }\n\n .notification-fade-effect {\n animation-duration: 0.24s;\n animation-timing-function: @ease-in-out;\n animation-fill-mode: both;\n }\n\n &-fade-enter,\n &-fade-appear {\n .notification-fade-effect();\n\n opacity: 0;\n animation-play-state: paused;\n }\n\n &-fade-leave {\n .notification-fade-effect();\n\n animation-duration: 0.2s;\n animation-play-state: paused;\n }\n\n &-fade-enter&-fade-enter-active,\n &-fade-appear&-fade-appear-active {\n animation-name: NotificationFadeIn;\n animation-play-state: running;\n }\n\n &-fade-leave&-fade-leave-active {\n animation-name: NotificationFadeOut;\n animation-play-state: running;\n }\n}\n\n@keyframes NotificationFadeIn {\n 0% {\n left: @notification-width;\n opacity: 0;\n }\n\n 100% {\n left: 0;\n opacity: 1;\n }\n}\n\n@keyframes NotificationFadeOut {\n 0% {\n max-height: 150px;\n margin-bottom: @notification-margin-bottom;\n opacity: 1;\n }\n\n 100% {\n max-height: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n opacity: 0;\n }\n}\n\n@import './rtl';\n@import './placement';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@notification-prefix-cls: ~'@{ant-prefix}-notification';\n\n.@{notification-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-notice {\n &-closable &-message {\n .@{notification-prefix-cls}-rtl & {\n padding-right: 0;\n padding-left: 24px;\n }\n }\n\n &-with-icon &-message {\n .@{notification-prefix-cls}-rtl & {\n margin-right: 48px;\n margin-left: 0;\n }\n }\n\n &-with-icon &-description {\n .@{notification-prefix-cls}-rtl & {\n margin-right: 48px;\n margin-left: 0;\n }\n }\n\n &-icon {\n .@{notification-prefix-cls}-rtl & {\n margin-right: 4px;\n margin-left: 0;\n }\n }\n\n &-close {\n .@{notification-prefix-cls}-rtl & {\n right: auto;\n left: 22px;\n }\n }\n\n &-btn {\n .@{notification-prefix-cls}-rtl & {\n float: left;\n }\n }\n }\n}\n", ".@{notification-prefix-cls} {\n &-top,\n &-bottom {\n margin-right: 0;\n margin-left: 0;\n }\n\n &-top {\n .@{notification-prefix-cls}-fade-enter.@{notification-prefix-cls}-fade-enter-active,\n .@{notification-prefix-cls}-fade-appear.@{notification-prefix-cls}-fade-appear-active {\n animation-name: NotificationTopFadeIn;\n }\n }\n\n &-bottom {\n .@{notification-prefix-cls}-fade-enter.@{notification-prefix-cls}-fade-enter-active,\n .@{notification-prefix-cls}-fade-appear.@{notification-prefix-cls}-fade-appear-active {\n animation-name: NotificationBottomFadeIn;\n }\n }\n\n &-topLeft,\n &-bottomLeft {\n margin-right: 0;\n margin-left: @notification-margin-edge;\n\n .@{notification-prefix-cls}-fade-enter.@{notification-prefix-cls}-fade-enter-active,\n .@{notification-prefix-cls}-fade-appear.@{notification-prefix-cls}-fade-appear-active {\n animation-name: NotificationLeftFadeIn;\n }\n }\n}\n\n@keyframes NotificationTopFadeIn {\n 0% {\n margin-top: -100%;\n opacity: 0;\n }\n\n 100% {\n margin-top: 0;\n opacity: 1;\n }\n}\n\n@keyframes NotificationBottomFadeIn {\n 0% {\n margin-bottom: -100%;\n opacity: 0;\n }\n\n 100% {\n margin-bottom: 0;\n opacity: 1;\n }\n}\n\n@keyframes NotificationLeftFadeIn {\n 0% {\n right: @notification-width;\n opacity: 0;\n }\n\n 100% {\n right: 0;\n opacity: 1;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@pageheader-prefix-cls: ~'@{ant-prefix}-page-header';\n\n.@{pageheader-prefix-cls} {\n .reset-component();\n position: relative;\n padding: @page-header-padding-vertical @page-header-padding;\n background-color: @component-background;\n\n &-ghost {\n background-color: @page-header-ghost-bg;\n }\n\n &.has-breadcrumb {\n padding-top: @page-header-padding-breadcrumb;\n }\n\n &.has-footer {\n padding-bottom: 0;\n }\n\n &-back {\n margin-right: @margin-md;\n font-size: 16px;\n line-height: 1;\n\n &-button {\n .operation-unit();\n color: @page-header-back-color;\n }\n }\n\n .@{ant-prefix}-divider-vertical {\n height: 14px;\n margin: 0 @margin-sm;\n vertical-align: middle;\n }\n\n .@{ant-prefix}-breadcrumb + &-heading {\n margin-top: @margin-xs;\n }\n\n .text-overflow-ellipsis() {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &-heading {\n display: flex;\n justify-content: space-between;\n\n &-left {\n display: flex;\n align-items: center;\n margin: (@margin-xs / 2) 0;\n overflow: hidden;\n }\n\n &-title {\n margin-right: @margin-sm;\n margin-bottom: 0;\n color: @heading-color;\n font-weight: 600;\n font-size: @page-header-heading-title;\n line-height: @height-base;\n .text-overflow-ellipsis();\n }\n\n .@{ant-prefix}-avatar {\n margin-right: @margin-sm;\n }\n\n &-sub-title {\n margin-right: @margin-sm;\n color: @text-color-secondary;\n font-size: @page-header-heading-sub-title;\n line-height: @line-height-base;\n .text-overflow-ellipsis();\n }\n\n &-extra {\n margin: (@margin-xs / 2) 0;\n white-space: nowrap;\n\n > * {\n white-space: unset;\n }\n }\n }\n\n &-content {\n padding-top: @page-header-content-padding-vertical;\n }\n\n &-footer {\n margin-top: @margin-md;\n .@{ant-prefix}-tabs {\n > .@{ant-prefix}-tabs-nav {\n margin: 0;\n\n &::before {\n border: none;\n }\n }\n\n .@{ant-prefix}-tabs-tab {\n padding-top: @padding-xs;\n padding-bottom: @padding-xs;\n font-size: @page-header-tabs-tab-font-size;\n }\n }\n }\n\n &-compact &-heading {\n flex-wrap: wrap;\n }\n}\n\n@import './rtl';\n", ".operation-unit() {\n color: @link-color;\n outline: none;\n cursor: pointer;\n transition: color 0.3s;\n\n &:focus-visible,\n &:hover {\n color: @link-hover-color;\n }\n\n &:active {\n color: @link-active-color;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@pageheader-prefix-cls: ~'@{ant-prefix}-page-header';\n\n.@{pageheader-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-back {\n .@{pageheader-prefix-cls}-rtl & {\n float: right;\n margin-right: 0;\n margin-left: 16px;\n }\n }\n\n &-heading {\n &-title {\n .@{pageheader-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: @margin-sm;\n }\n }\n\n .@{ant-prefix}-avatar {\n .@{pageheader-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: @margin-sm;\n }\n }\n\n &-sub-title {\n .@{pageheader-prefix-cls}-rtl & {\n float: right;\n margin-right: 0;\n margin-left: 12px;\n }\n }\n\n &-tags {\n .@{pageheader-prefix-cls}-rtl & {\n float: right;\n }\n }\n\n &-extra {\n .@{pageheader-prefix-cls}-rtl & {\n float: left;\n }\n\n > * {\n .@{pageheader-prefix-cls}-rtl & {\n margin-right: @margin-sm;\n margin-left: 0;\n }\n }\n\n > *:first-child {\n .@{pageheader-prefix-cls}-rtl & {\n margin-right: 0;\n }\n }\n }\n }\n\n &-footer {\n .@{ant-prefix}-tabs-bar {\n .@{ant-prefix}-tabs-nav {\n .@{pageheader-prefix-cls}-rtl & {\n float: right;\n }\n }\n }\n }\n}\n", ".ant-page-header-back-button {\n display: inline-block;\n padding: 0;\n line-height: inherit;\n background: transparent;\n border: 0;\n}\n\nnz-page-header,\nnz-page-header-content,\nnz-page-header-footer {\n display: block;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../input/style/mixin';\n\n@pagination-prefix-cls: ~'@{ant-prefix}-pagination';\n\n.@{pagination-prefix-cls} {\n .reset-component();\n display: flex;\n\n &-start {\n justify-content: start;\n }\n\n &-center {\n justify-content: center;\n }\n\n &-end {\n justify-content: end;\n }\n\n ul,\n ol {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n &::after {\n display: block;\n clear: both;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n content: ' ';\n }\n\n &-total-text {\n display: inline-block;\n height: @pagination-item-size;\n margin-right: 8px;\n line-height: @pagination-item-size - 2px;\n vertical-align: middle;\n }\n\n &-item {\n display: inline-block;\n min-width: @pagination-item-size;\n height: @pagination-item-size;\n margin-right: 8px;\n font-family: @pagination-font-family;\n line-height: @pagination-item-size - 2px;\n text-align: center;\n vertical-align: middle;\n list-style: none;\n background-color: @pagination-item-bg;\n border: @border-width-base @border-style-base @border-color-base;\n border-radius: @border-radius-base;\n outline: 0;\n cursor: pointer;\n user-select: none;\n\n a {\n display: block;\n padding: 0 6px;\n color: @text-color;\n transition: none;\n\n &:hover {\n text-decoration: none;\n }\n }\n\n &:hover {\n border-color: @primary-color;\n transition: all 0.3s;\n\n a {\n color: @primary-color;\n }\n }\n\n // cannot merge with `&:hover`\n // see https://github.com/ant-design/ant-design/pull/34002\n &:focus-visible {\n border-color: @primary-color;\n transition: all 0.3s;\n\n a {\n color: @primary-color;\n }\n }\n\n &-active {\n font-weight: @pagination-font-weight-active;\n background: @pagination-item-bg-active;\n border-color: @primary-color;\n\n a {\n color: @primary-color;\n }\n\n &:hover {\n border-color: @primary-5;\n }\n\n &:focus-visible {\n border-color: @primary-5;\n }\n\n &:hover a {\n color: @primary-5;\n }\n\n &:focus-visible a {\n color: @primary-5;\n }\n }\n }\n\n &-jump-prev,\n &-jump-next {\n outline: 0;\n .@{pagination-prefix-cls}-item-container {\n position: relative;\n\n .@{pagination-prefix-cls}-item-link-icon {\n color: @primary-color;\n font-size: @font-size-sm;\n letter-spacing: -1px;\n opacity: 0;\n transition: all 0.2s;\n\n &-svg {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n margin: auto;\n }\n }\n\n .@{pagination-prefix-cls}-item-ellipsis {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n margin: auto;\n color: @disabled-color;\n font-family: Arial, Helvetica, sans-serif;\n letter-spacing: 2px;\n text-align: center;\n text-indent: 0.13em;\n opacity: 1;\n transition: all 0.2s;\n }\n }\n\n &:hover {\n .@{pagination-prefix-cls}-item-link-icon {\n opacity: 1;\n }\n .@{pagination-prefix-cls}-item-ellipsis {\n opacity: 0;\n }\n }\n\n &:focus-visible {\n .@{pagination-prefix-cls}-item-link-icon {\n opacity: 1;\n }\n .@{pagination-prefix-cls}-item-ellipsis {\n opacity: 0;\n }\n }\n }\n\n &-prev,\n &-jump-prev,\n &-jump-next {\n margin-right: 8px;\n }\n\n &-prev,\n &-next,\n &-jump-prev,\n &-jump-next {\n display: inline-block;\n min-width: @pagination-item-size;\n height: @pagination-item-size;\n color: @text-color;\n font-family: @pagination-font-family;\n line-height: @pagination-item-size;\n text-align: center;\n vertical-align: middle;\n list-style: none;\n border-radius: @border-radius-base;\n cursor: pointer;\n transition: all 0.3s;\n }\n\n &-prev,\n &-next {\n font-family: Arial, Helvetica, sans-serif;\n outline: 0;\n\n button {\n color: @text-color;\n cursor: pointer;\n user-select: none;\n }\n\n &:hover button {\n border-color: @primary-5;\n }\n\n .@{pagination-prefix-cls}-item-link {\n display: block;\n width: 100%;\n height: 100%;\n padding: 0;\n font-size: 12px;\n text-align: center;\n background-color: @pagination-item-link-bg;\n border: @border-width-base @border-style-base @border-color-base;\n border-radius: @border-radius-base;\n outline: none;\n transition: all 0.3s;\n }\n\n &:focus-visible .@{pagination-prefix-cls}-item-link {\n color: @primary-color;\n border-color: @primary-color;\n }\n\n &:hover .@{pagination-prefix-cls}-item-link {\n color: @primary-color;\n border-color: @primary-color;\n }\n }\n\n &-disabled {\n &,\n &:hover {\n cursor: not-allowed;\n .@{pagination-prefix-cls}-item-link {\n color: @disabled-color;\n border-color: @border-color-base;\n cursor: not-allowed;\n }\n }\n\n &:focus-visible {\n cursor: not-allowed;\n .@{pagination-prefix-cls}-item-link {\n color: @disabled-color;\n border-color: @border-color-base;\n cursor: not-allowed;\n }\n }\n }\n\n &-slash {\n margin: 0 10px 0 5px;\n }\n\n &-options {\n display: inline-block;\n margin-left: 16px;\n vertical-align: middle;\n\n // IE11 css hack. `*::-ms-backdrop,` is a must have\n @media all and (-ms-high-contrast: none) {\n *::-ms-backdrop,\n & {\n vertical-align: top;\n }\n }\n\n &-size-changer.@{ant-prefix}-select {\n display: inline-block;\n width: auto;\n }\n\n &-quick-jumper {\n display: inline-block;\n height: @input-height-base;\n margin-left: @margin-xs;\n line-height: @input-height-base;\n vertical-align: top;\n\n input {\n .input();\n\n width: 50px;\n height: @input-height-base;\n margin: 0 8px;\n }\n }\n }\n\n &-simple &-prev,\n &-simple &-next {\n height: @pagination-item-size-sm;\n line-height: @pagination-item-size-sm;\n vertical-align: top;\n .@{pagination-prefix-cls}-item-link {\n height: @pagination-item-size-sm;\n background-color: transparent;\n border: 0;\n\n &::after {\n height: @pagination-item-size-sm;\n line-height: @pagination-item-size-sm;\n }\n }\n }\n\n &-simple &-simple-pager {\n display: inline-block;\n height: @pagination-item-size-sm;\n margin-right: 8px;\n\n input {\n box-sizing: border-box;\n height: 100%;\n margin-right: 8px;\n padding: 0 6px;\n text-align: center;\n background-color: @pagination-item-input-bg;\n border: @border-width-base @border-style-base @border-color-base;\n border-radius: @border-radius-base;\n outline: none;\n transition: border-color 0.3s;\n\n &:hover {\n border-color: @primary-color;\n }\n\n &:focus {\n border-color: @primary-color-hover;\n box-shadow: @input-outline-offset @outline-blur-size @outline-width @primary-color-outline;\n }\n\n &[disabled] {\n color: @disabled-color;\n background: @disabled-bg;\n border-color: @border-color-base;\n cursor: not-allowed;\n }\n }\n }\n\n &&-mini &-total-text,\n &&-mini &-simple-pager {\n height: @pagination-item-size-sm;\n line-height: @pagination-item-size-sm;\n }\n\n &&-mini &-item {\n min-width: @pagination-item-size-sm;\n height: @pagination-item-size-sm;\n margin: 0;\n line-height: @pagination-item-size-sm - 2px;\n }\n\n &&-mini &-item:not(&-item-active) {\n background: transparent;\n border-color: transparent;\n }\n\n &&-mini &-prev,\n &&-mini &-next {\n min-width: @pagination-item-size-sm;\n height: @pagination-item-size-sm;\n margin: 0;\n line-height: @pagination-item-size-sm;\n }\n\n &&-mini &-prev &-item-link,\n &&-mini &-next &-item-link {\n background: transparent;\n border-color: transparent;\n\n &::after {\n height: @pagination-item-size-sm;\n line-height: @pagination-item-size-sm;\n }\n }\n\n &&-mini &-jump-prev,\n &&-mini &-jump-next {\n height: @pagination-item-size-sm;\n margin-right: 0;\n line-height: @pagination-item-size-sm;\n }\n\n &&-mini &-options {\n margin-left: 2px;\n\n &-size-changer {\n top: @pagination-mini-options-size-changer-top;\n }\n\n &-quick-jumper {\n height: @pagination-item-size-sm;\n line-height: @pagination-item-size-sm;\n\n input {\n .input-sm();\n\n width: 44px;\n height: @input-height-sm;\n }\n }\n }\n\n // ============================ Disabled ============================\n &&-disabled {\n cursor: not-allowed;\n\n .@{pagination-prefix-cls}-item {\n background: @disabled-bg;\n border-color: @border-color-base;\n cursor: not-allowed;\n\n a {\n color: @disabled-color;\n background: transparent;\n border: none;\n cursor: not-allowed;\n }\n\n &-active {\n background: @pagination-item-disabled-bg-active;\n\n a {\n color: @pagination-item-disabled-color-active;\n }\n }\n }\n\n .@{pagination-prefix-cls}-item-link {\n color: @disabled-color;\n background: @disabled-bg;\n border-color: @border-color-base;\n cursor: not-allowed;\n .@{pagination-prefix-cls}-simple& {\n background: transparent;\n }\n }\n\n .@{pagination-prefix-cls}-item-link-icon {\n opacity: 0;\n }\n\n .@{pagination-prefix-cls}-item-ellipsis {\n opacity: 1;\n }\n\n .@{pagination-prefix-cls}-simple-pager {\n color: @disabled-color;\n }\n }\n}\n\n@media only screen and (max-width: @screen-lg) {\n .@{pagination-prefix-cls}-item {\n &-after-jump-prev,\n &-before-jump-next {\n display: none;\n }\n }\n}\n\n@media only screen and (max-width: @screen-sm) {\n .@{pagination-prefix-cls}-options {\n display: none;\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../input/style/mixin';\n\n@pagination-prefix-cls: ~'@{ant-prefix}-pagination';\n\n.@{pagination-prefix-cls}-rtl {\n .@{pagination-prefix-cls}-total-text {\n margin-right: 0;\n margin-left: 8px;\n }\n\n .@{pagination-prefix-cls}-item,\n .@{pagination-prefix-cls}-prev,\n .@{pagination-prefix-cls}-jump-prev,\n .@{pagination-prefix-cls}-jump-next {\n margin-right: 0;\n margin-left: 8px;\n }\n\n .@{pagination-prefix-cls}-slash {\n margin: 0 5px 0 10px;\n }\n\n .@{pagination-prefix-cls}-options {\n margin-right: 16px;\n margin-left: 0;\n\n .@{pagination-prefix-cls}-options-size-changer.@{ant-prefix}-select {\n margin-right: 0;\n margin-left: 8px;\n }\n\n .@{pagination-prefix-cls}-options-quick-jumper {\n margin-left: 0;\n }\n }\n\n &.@{pagination-prefix-cls}-simple {\n .@{pagination-prefix-cls}-simple-pager {\n margin-right: 0;\n margin-left: 8px;\n\n input {\n margin-right: 0;\n margin-left: 8px;\n }\n }\n }\n\n &.@{pagination-prefix-cls}.mini .@{pagination-prefix-cls}-options {\n margin-right: 2px;\n margin-left: 0;\n }\n}\n", "nz-pagination {\n display: block;\n}\n", ".ant-popover {\n position: relative;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@popover-prefix-cls: ~'@{ant-prefix}-popover';\n\n.@{popover-prefix-cls} {\n .reset-component();\n\n --antd-arrow-background-color: @popover-bg;\n\n position: absolute;\n top: 0;\n left: 0;\n z-index: @zindex-popover;\n max-width: 100vw;\n font-weight: normal;\n white-space: normal;\n text-align: left;\n cursor: auto;\n user-select: text;\n\n &-content {\n position: relative;\n }\n\n &::after {\n position: absolute;\n background: fade(@white, 1%);\n content: '';\n }\n\n &-hidden {\n display: none;\n }\n\n &-inner {\n background-color: @popover-bg;\n background-clip: padding-box;\n border-radius: @border-radius-base;\n box-shadow: @box-shadow-base;\n }\n\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n /* IE10+ */\n &-inner {\n box-shadow: @box-shadow-base;\n }\n }\n\n &-title {\n min-width: @popover-min-width;\n min-height: @popover-min-height;\n margin: 0; // reset heading margin\n padding: 5px @popover-padding-horizontal 4px;\n color: @heading-color;\n font-weight: 500;\n border-bottom: 1px solid @border-color-split;\n }\n\n &-inner-content {\n width: max-content;\n max-width: 100%;\n padding: @padding-sm @popover-padding-horizontal;\n color: @popover-color;\n }\n\n &-message {\n display: flex;\n padding: 4px 0 12px;\n color: @popover-color;\n font-size: @font-size-base;\n\n &-icon {\n display: inline-block;\n margin-right: 8px;\n color: @warning-color;\n font-size: @font-size-base;\n }\n }\n\n &-buttons {\n margin-bottom: 4px;\n text-align: right;\n\n button:not(:first-child) {\n margin-left: 8px;\n }\n }\n\n // Arrow Style\n .placementArrow(@popover-arrow-width, 4px, @arrow-border-radius, var(--antd-arrow-background-color), @popover-arrow-box-shadow);\n}\n\n.generator-popover-preset-color(@i: length(@preset-colors)) when (@i > 0) {\n .generator-popover-preset-color(@i - 1);\n @color: extract(@preset-colors, @i);\n @lightColor: '@{color}-6';\n\n .@{popover-prefix-cls}-@{color} {\n .@{popover-prefix-cls}-inner {\n background-color: @@lightColor;\n }\n\n .@{popover-prefix-cls}-arrow {\n background-color: @@lightColor;\n }\n }\n}\n\n.generator-popover-preset-color();\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@popover-prefix-cls: ~'@{ant-prefix}-popover';\n\n.@{popover-prefix-cls} {\n &-rtl {\n direction: rtl;\n text-align: right;\n }\n\n &-message {\n &-icon {\n .@{popover-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: 8px;\n }\n }\n\n &-title {\n .@{popover-prefix-cls}-rtl & {\n padding-left: @padding-md;\n }\n }\n }\n\n &-buttons {\n .@{popover-prefix-cls}-rtl & {\n text-align: left;\n }\n\n button {\n .@{popover-prefix-cls}-rtl & {\n margin-right: 8px;\n margin-left: 0;\n }\n }\n }\n}\n", ".ant-popover {\n position: relative;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@progress-prefix-cls: ~'@{ant-prefix}-progress';\n\n.@{progress-prefix-cls} {\n .reset-component();\n\n display: inline-block;\n\n &-line {\n position: relative;\n width: 100%;\n font-size: @font-size-base;\n }\n\n &-steps {\n display: inline-block;\n\n &-outer {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n &-item {\n flex-shrink: 0;\n min-width: 2px;\n margin-right: 2px;\n background: @progress-steps-item-bg;\n transition: all 0.3s;\n\n &-active {\n background: @progress-default-color;\n }\n }\n }\n\n &-small&-line,\n &-small&-line &-text .@{iconfont-css-prefix} {\n font-size: @font-size-sm;\n }\n\n &-outer {\n display: inline-block;\n width: 100%;\n margin-right: 0;\n padding-right: 0;\n .@{progress-prefix-cls}-show-info & {\n margin-right: ~'calc(-2em - 8px)';\n padding-right: ~'calc(2em + 8px)';\n }\n }\n\n &-inner {\n position: relative;\n display: inline-block;\n width: 100%;\n overflow: hidden;\n vertical-align: middle;\n background-color: @progress-remaining-color;\n border-radius: @progress-radius;\n }\n\n &-circle-trail {\n stroke: @progress-remaining-color;\n }\n\n &-circle-path {\n animation: ~'@{ant-prefix}-progress-appear' 0.3s;\n }\n\n &-inner:not(.@{ant-prefix}-progress-circle-gradient) {\n .@{ant-prefix}-progress-circle-path {\n stroke: @progress-default-color;\n }\n }\n\n &-success-bg,\n &-bg {\n position: relative;\n background-color: @progress-default-color;\n border-radius: @progress-radius;\n transition: all 0.4s @ease-out-circ 0s;\n }\n\n &-success-bg {\n position: absolute;\n top: 0;\n left: 0;\n background-color: @success-color;\n }\n\n &-text {\n display: inline-block;\n width: 2em;\n margin-left: 8px;\n color: @progress-info-text-color;\n font-size: @progress-text-font-size;\n line-height: 1;\n white-space: nowrap;\n text-align: left;\n vertical-align: middle;\n word-break: normal;\n .@{iconfont-css-prefix} {\n font-size: @font-size-base;\n }\n }\n\n &-status-active {\n .@{progress-prefix-cls}-bg::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: @component-background;\n border-radius: 10px;\n opacity: 0;\n animation: ~'@{ant-prefix}-progress-active' 2.4s @ease-out-quint infinite;\n content: '';\n }\n }\n\n &-status-exception {\n .@{progress-prefix-cls}-bg {\n background-color: @error-color;\n }\n .@{progress-prefix-cls}-text {\n color: @error-color;\n }\n }\n\n &-status-exception &-inner:not(.@{progress-prefix-cls}-circle-gradient) {\n .@{progress-prefix-cls}-circle-path {\n stroke: @error-color;\n }\n }\n\n &-status-success {\n .@{progress-prefix-cls}-bg {\n background-color: @success-color;\n }\n .@{progress-prefix-cls}-text {\n color: @success-color;\n }\n }\n\n &-status-success &-inner:not(.@{progress-prefix-cls}-circle-gradient) {\n .@{progress-prefix-cls}-circle-path {\n stroke: @success-color;\n }\n }\n\n &-circle &-inner {\n position: relative;\n line-height: 1;\n background-color: transparent;\n }\n\n &-circle &-text {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n margin: 0;\n padding: 0;\n color: @progress-text-color;\n font-size: @progress-circle-text-font-size;\n line-height: 1;\n white-space: normal;\n text-align: center;\n transform: translate(-50%, -50%);\n\n .@{iconfont-css-prefix} {\n font-size: (14 / 12em);\n }\n }\n\n &-circle&-status-exception {\n .@{progress-prefix-cls}-text {\n color: @error-color;\n }\n }\n\n &-circle&-status-success {\n .@{progress-prefix-cls}-text {\n color: @success-color;\n }\n }\n}\n\n@keyframes ~\"@{ant-prefix}-progress-active\" {\n 0% {\n transform: translateX(-100%) scaleX(0);\n opacity: 0.1;\n }\n\n 20% {\n transform: translateX(-100%) scaleX(0);\n opacity: 0.5;\n }\n\n 100% {\n transform: translateX(0) scaleX(1);\n opacity: 0;\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@progress-prefix-cls: ~'@{ant-prefix}-progress';\n\n.@{progress-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-outer {\n .@{progress-prefix-cls}-show-info & {\n .@{progress-prefix-cls}-rtl& {\n margin-right: 0;\n margin-left: ~'calc(-2em - 8px)';\n padding-right: 0;\n padding-left: ~'calc(2em + 8px)';\n }\n }\n }\n\n &-success-bg {\n .@{progress-prefix-cls}-rtl & {\n right: 0;\n left: auto;\n }\n }\n\n &-line &-text,\n &-steps &-text {\n .@{progress-prefix-cls}-rtl& {\n margin-right: 8px;\n margin-left: 0;\n text-align: right;\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@radio-prefix-cls: ~'@{ant-prefix}-radio';\n@radio-group-prefix-cls: ~'@{radio-prefix-cls}-group';\n@radio-inner-prefix-cls: ~'@{radio-prefix-cls}-inner';\n@radio-duration: 0.3s;\n@radio-focus-shadow: 0 0 0 3px @slider-handle-color-focus-shadow;\n@radio-button-focus-shadow: @radio-focus-shadow;\n\n.@{radio-group-prefix-cls} {\n .reset-component();\n\n display: inline-block;\n font-size: 0;\n\n .@{ant-prefix}-badge-count {\n z-index: 1;\n }\n\n > .@{ant-prefix}-badge:not(:first-child) > .@{radio-prefix-cls}-button-wrapper {\n border-left: none;\n }\n}\n\n// 一般状态\n.@{radio-prefix-cls}-wrapper {\n .reset-component();\n position: relative;\n display: inline-flex;\n align-items: baseline;\n margin-right: @radio-wrapper-margin-right;\n cursor: pointer;\n\n &-disabled {\n cursor: not-allowed;\n }\n\n &::after {\n display: inline-block;\n width: 0;\n overflow: hidden;\n content: '\\a0';\n }\n\n &&-in-form-item {\n input[type='radio'] {\n width: 14px;\n height: 14px;\n }\n }\n}\n\n.@{radio-prefix-cls} {\n .reset-component();\n\n position: relative;\n top: @radio-top;\n display: inline-block;\n outline: none;\n cursor: pointer;\n\n .@{radio-prefix-cls}-wrapper:hover &,\n &:hover .@{radio-inner-prefix-cls},\n &-input:focus + .@{radio-inner-prefix-cls} {\n border-color: @radio-dot-color;\n }\n\n &-input:focus + .@{radio-inner-prefix-cls} {\n box-shadow: @radio-focus-shadow;\n }\n\n &-checked::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid @radio-dot-color;\n border-radius: 50%;\n visibility: hidden;\n animation: antRadioEffect 0.36s ease-in-out;\n animation-fill-mode: both;\n content: '';\n }\n\n &:hover::after,\n .@{radio-prefix-cls}-wrapper:hover &::after {\n visibility: visible;\n }\n\n &-inner {\n &::after {\n position: absolute;\n top: 50%;\n left: 50%;\n display: block;\n width: @radio-size;\n height: @radio-size;\n margin-top: -(@radio-size / 2);\n margin-left: -(@radio-size / 2);\n background-color: @radio-dot-color;\n border-top: 0;\n border-left: 0;\n border-radius: @radio-size;\n transform: scale(0);\n opacity: 0;\n transition: all @radio-duration @ease-in-out-circ;\n content: ' ';\n }\n\n position: relative;\n top: 0;\n left: 0;\n display: block;\n width: @radio-size;\n height: @radio-size;\n background-color: @radio-button-bg;\n border-color: @border-color-base;\n border-style: solid;\n border-width: @radio-border-width;\n border-radius: 50%;\n transition: all @radio-duration;\n }\n\n &-input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n cursor: pointer;\n opacity: 0;\n }\n\n &&-disabled {\n .@{radio-inner-prefix-cls} {\n border-color: @border-color-base;\n }\n }\n}\n\n// 选中状态\n.@{radio-prefix-cls}-checked {\n .@{radio-inner-prefix-cls} {\n border-color: @radio-dot-color;\n\n &::after {\n transform: scale((unit(@radio-dot-size) / unit(@radio-size)));\n opacity: 1;\n transition: all @radio-duration @ease-in-out-circ;\n }\n }\n}\n\n.@{radio-prefix-cls}-disabled {\n cursor: not-allowed;\n\n .@{radio-inner-prefix-cls} {\n background-color: @input-disabled-bg;\n cursor: not-allowed;\n\n &::after {\n background-color: @radio-dot-disabled-color;\n }\n }\n\n .@{radio-prefix-cls}-input {\n cursor: not-allowed;\n }\n\n & + span {\n color: @disabled-color;\n cursor: not-allowed;\n }\n}\n\nspan.@{radio-prefix-cls} + * {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.@{radio-prefix-cls}-button-wrapper {\n position: relative;\n display: inline-block;\n height: @btn-height-base;\n margin: 0;\n padding: 0 @radio-button-padding-horizontal;\n color: @radio-button-color;\n font-size: @font-size-base;\n line-height: @btn-height-base - 2px;\n background: @radio-button-bg;\n border: @border-width-base @border-style-base @border-color-base;\n // strange align fix for chrome but works\n // https://gw.alipayobjects.com/zos/rmsportal/VFTfKXJuogBAXcvfAUWJ.gif\n border-top-width: @border-width-base + 0.02px;\n border-left-width: 0;\n cursor: pointer;\n transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;\n\n a {\n color: @radio-button-color;\n }\n\n > .@{radio-prefix-cls}-button {\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n }\n\n .@{radio-group-prefix-cls}-large & {\n height: @input-height-lg;\n font-size: @font-size-lg;\n line-height: @input-height-lg - 2px;\n }\n\n .@{radio-group-prefix-cls}-small & {\n height: @input-height-sm;\n padding: 0 @control-padding-horizontal-sm - 1px;\n line-height: @input-height-sm - 2px;\n }\n\n &:not(:first-child) {\n &::before {\n position: absolute;\n top: @border-width-base * -1;\n left: -1px;\n display: block;\n box-sizing: content-box;\n width: 1px;\n height: 100%;\n padding: @border-width-base 0;\n background-color: @border-color-base;\n transition: background-color 0.3s;\n content: '';\n }\n }\n\n &:first-child {\n border-left: @border-width-base @border-style-base @border-color-base;\n border-radius: @border-radius-base 0 0 @border-radius-base;\n }\n\n &:last-child {\n border-radius: 0 @border-radius-base @border-radius-base 0;\n }\n\n &:first-child:last-child {\n border-radius: @border-radius-base;\n }\n\n &:hover {\n position: relative;\n color: @radio-dot-color;\n }\n\n &:focus-within {\n box-shadow: @radio-button-focus-shadow;\n }\n\n .@{radio-prefix-cls}-inner,\n input[type='checkbox'],\n input[type='radio'] {\n width: 0;\n height: 0;\n opacity: 0;\n pointer-events: none;\n }\n\n &-checked:not(&-disabled) {\n z-index: 1;\n color: @radio-dot-color;\n background: @radio-button-checked-bg;\n border-color: @radio-dot-color;\n\n &::before {\n background-color: @radio-dot-color;\n }\n\n &:first-child {\n border-color: @radio-dot-color;\n }\n\n &:hover {\n color: @radio-button-hover-color;\n border-color: @radio-button-hover-color;\n\n &::before {\n background-color: @radio-button-hover-color;\n }\n }\n\n &:active {\n color: @radio-button-active-color;\n border-color: @radio-button-active-color;\n\n &::before {\n background-color: @radio-button-active-color;\n }\n }\n\n &:focus-within {\n box-shadow: @radio-button-focus-shadow;\n }\n }\n\n .@{radio-group-prefix-cls}-solid &-checked:not(&-disabled) {\n color: @radio-solid-checked-color;\n background: @radio-dot-color;\n border-color: @radio-dot-color;\n\n &:hover {\n color: @radio-solid-checked-color;\n background: @radio-button-hover-color;\n border-color: @radio-button-hover-color;\n }\n\n &:active {\n color: @radio-solid-checked-color;\n background: @radio-button-active-color;\n border-color: @radio-button-active-color;\n }\n\n &:focus-within {\n box-shadow: @radio-button-focus-shadow;\n }\n }\n\n &-disabled {\n color: @disabled-color;\n background-color: @input-disabled-bg;\n border-color: @border-color-base;\n cursor: not-allowed;\n\n &:first-child,\n &:hover {\n color: @disabled-color;\n background-color: @input-disabled-bg;\n border-color: @border-color-base;\n }\n\n &:first-child {\n border-left-color: @border-color-base;\n }\n }\n\n &-disabled&-checked {\n color: @radio-disabled-button-checked-color;\n background-color: @radio-disabled-button-checked-bg;\n border-color: @border-color-base;\n box-shadow: none;\n }\n}\n\n@keyframes antRadioEffect {\n 0% {\n transform: scale(1);\n opacity: 0.5;\n }\n\n 100% {\n transform: scale(1.6);\n opacity: 0;\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@radio-prefix-cls: ~'@{ant-prefix}-radio';\n@radio-group-prefix-cls: ~'@{radio-prefix-cls}-group';\n@radio-prefix-cls-button-wrapper: ~'@{radio-prefix-cls}-button-wrapper';\n\n.@{radio-group-prefix-cls} {\n &&-rtl {\n direction: rtl;\n }\n}\n\n// 一般状态\n.@{radio-prefix-cls}-wrapper {\n &&-rtl {\n margin-right: 0;\n margin-left: @radio-wrapper-margin-right;\n direction: rtl;\n }\n}\n\n.@{radio-prefix-cls-button-wrapper} {\n &&-rtl {\n border-right-width: 0;\n border-left-width: @border-width-base;\n }\n\n &:not(:first-child) {\n &::before {\n .@{radio-prefix-cls-button-wrapper}.@{radio-prefix-cls-button-wrapper}-rtl& {\n right: -1px;\n left: 0;\n }\n }\n }\n\n &:first-child {\n .@{radio-prefix-cls-button-wrapper}.@{radio-prefix-cls-button-wrapper}-rtl& {\n border-right: @border-width-base @border-style-base @border-color-base;\n border-radius: 0 @border-radius-base @border-radius-base 0;\n }\n .@{radio-prefix-cls-button-wrapper}-checked:not([class*=~\"' @{radio-prefix-cls}-button-wrapper-disabled'\"])& {\n border-right-color: @radio-button-hover-color;\n }\n }\n\n &:last-child {\n .@{radio-prefix-cls-button-wrapper}.@{radio-prefix-cls-button-wrapper}-rtl& {\n border-radius: @border-radius-base 0 0 @border-radius-base;\n }\n }\n\n &-disabled {\n &:first-child {\n .@{radio-prefix-cls-button-wrapper}.@{radio-prefix-cls-button-wrapper}-rtl& {\n border-right-color: @border-color-base;\n }\n }\n }\n}\n", ".ant-radio + span {\n &:empty {\n display: none;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@rate-prefix-cls: ~'@{ant-prefix}-rate';\n\n.@{rate-prefix-cls} {\n .reset-component();\n\n display: inline-block;\n margin: 0;\n padding: 0;\n color: @rate-star-color;\n font-size: @rate-star-size;\n line-height: unset;\n list-style: none;\n outline: none;\n\n &-disabled &-star {\n cursor: default;\n\n > div:hover {\n transform: scale(1);\n }\n }\n\n &-star {\n position: relative;\n display: inline-block;\n color: inherit;\n cursor: pointer;\n\n &:not(:last-child) {\n margin-right: 8px;\n }\n\n > div {\n transition: all 0.3s, outline 0s;\n\n &:hover {\n transform: @rate-star-hover-scale;\n }\n\n &:focus {\n outline: 0;\n }\n\n &:focus-visible {\n outline: 1px dashed @rate-star-color;\n transform: @rate-star-hover-scale;\n }\n }\n\n &-first,\n &-second {\n color: @rate-star-bg;\n transition: all 0.3s;\n user-select: none;\n .@{iconfont-css-prefix} {\n vertical-align: middle;\n }\n }\n\n &-first {\n position: absolute;\n top: 0;\n left: 0;\n width: 50%;\n height: 100%;\n overflow: hidden;\n opacity: 0;\n }\n\n &-half &-first,\n &-half &-second {\n opacity: 1;\n }\n\n &-half &-first,\n &-full &-second {\n color: inherit;\n }\n }\n\n &-text {\n display: inline-block;\n margin: 0 8px;\n font-size: @font-size-base;\n }\n}\n\n@import './rtl';\n", ".@{rate-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-star {\n &:not(:last-child) {\n .@{rate-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: 8px;\n }\n }\n\n &-first {\n .@{rate-prefix-cls}-rtl & {\n right: 0;\n left: auto;\n }\n }\n }\n}\n", "@import (reference) '../../style/themes/index';\n\n@select-prefix-cls: ~'@{ant-prefix}-select';\n\n.genSizeStyle(@suffix, @control-height, @font-size, @border-radius) {\n @merged-cls: ~'@{select-prefix-cls}@{suffix}';\n @select-height-without-border: @control-height - 2 * @line-width;\n @show-arrow-padding-inline-end: ceil(@font-size * 1.25);\n\n &.@{merged-cls} {\n height: @control-height;\n font-size: @font-size;\n\n // ========================= Selector =========================\n .@{select-prefix-cls}-selector {\n display: flex;\n flex: 1 1 auto;\n border-radius: @border-radius;\n\n .@{select-prefix-cls}-selection-wrap::after {\n line-height: @select-height-without-border;\n }\n\n .@{select-prefix-cls}-selection-search {\n position: absolute;\n width: 100%;\n inset: 0;\n\n &-input {\n width: 100%;\n appearance: textfield;\n }\n }\n\n .@{select-prefix-cls}-selection-item,\n .@{select-prefix-cls}-selection-placeholder {\n display: block;\n align-self: center;\n padding: 0;\n line-height: @select-height-without-border;\n transition:\n all 0.3s,\n visibility 0s;\n }\n\n .@{select-prefix-cls}-selection-placeholder {\n transition: none;\n pointer-events: none;\n }\n\n // For common baseline align\n &::after,\n /* For '' value baseline align */\n .@{select-prefix-cls}-selection-item::after,\n /* For undefined value baseline align */\n .@{select-prefix-cls}-selection-placeholder::after {\n display: inline-block;\n width: 0;\n visibility: hidden;\n content: '\\a0';\n }\n }\n\n // With arrow should provides `padding-inline-end` to show the arrow\n &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,\n &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search,\n &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {\n padding-inline-end: @show-arrow-padding-inline-end;\n }\n\n // Opacity selection if open\n &.@{select-prefix-cls}-open .@{select-prefix-cls}-selection-item {\n color: @input-placeholder-color;\n }\n\n // ========================== Input ==========================\n // We only change the style of non-customize input which is only support by `combobox` mode.\n // Not customize\n &:not(.@{select-prefix-cls}-customize-input) {\n .@{select-prefix-cls}-selector {\n align-items: center;\n width: 100%;\n height: 100%;\n padding: 0 @input-padding-horizontal-base;\n\n .@{select-prefix-cls}-selection-search-input {\n height: @select-height-without-border;\n font-size: @font-size-base;\n }\n\n &::after {\n line-height: @select-height-without-border;\n }\n }\n }\n\n &.@{select-prefix-cls}-customize-input {\n .@{select-prefix-cls}-selector {\n &::after {\n display: none;\n }\n\n .@{select-prefix-cls}-selection-search {\n position: static;\n width: 100%;\n }\n\n .@{select-prefix-cls}-selection-placeholder {\n position: absolute;\n padding: 0 @input-padding-horizontal-base;\n inset-inline-start: 0;\n inset-inline-end: 0;\n\n &::after {\n display: none;\n }\n }\n }\n }\n }\n}\n\n.@{select-prefix-cls}-single {\n .genSizeStyle('', @input-height-base, @font-size-base, @border-radius-base);\n\n // ======================== Small ========================\n // Shared\n // stylelint-disable-next-line less/no-duplicate-variables\n .genSizeStyle('-sm', @input-height-sm, @font-size-base, @border-radius-sm);\n\n // Padding\n &.@{select-prefix-cls}-sm {\n &:not(.@{select-prefix-cls}-customize-input) {\n .@{select-prefix-cls}-selector {\n padding: 0 @input-padding-horizontal-sm;\n }\n\n // With arrow should provides `padding-inline-end` to show the arrow\n &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {\n padding-inline-end: @input-padding-horizontal-sm + @font-size-base * 1.5;\n }\n\n &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,\n &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {\n padding-inline-end: @font-size-base * 1.5;\n }\n }\n }\n\n // ======================== Large ========================\n // Shared\n // stylelint-disable-next-line less/no-duplicate-variables\n .genSizeStyle('-lg', @select-single-item-height-lg, @font-size-lg, @border-radius-lg);\n}\n", "@import (reference) '../../style/themes/index';\n\n@select-prefix-cls: ~'@{ant-prefix}-select';\n\n@select-overflow-prefix-cls: ~'@{select-prefix-cls}-selection-overflow';\n\n// Multiple select specific variables\n@select-internal-fixed-item-margin: calc(@padding-xss / 2);\n@select-multiple-base-padding: max(calc(@padding-xss - @line-width), 0px);\n@select-multiple-container-padding: max(calc(@select-multiple-base-padding - @select-internal-fixed-item-margin), 0px);\n@select-item-dist: calc(calc(@select-height - @select-multiple-item-height) / 2 - @line-width);\n@select-multiple-selector-bg-disabled: @input-disabled-bg;\n\n/**\n * Get multiple selector needed style. The calculation:\n *\n * ContainerPadding = BasePadding - ItemMargin\n *\n * Border: ╔═══════════════════════════╗ ┬\n * ContainerPadding: ║ ║ │\n * ╟───────────────────────────╢ ┬ │\n * Item Margin: ║ ║ │ │\n * ║ ┌──────────┐ ║ │ │\n * Item(multipleItemHeight): ║ BasePadding │ Item │ ║ Overflow Container(ControlHeight)\n * ║ └──────────┘ ║ │ │\n * Item Margin: ║ ║ │ │\n * ╟───────────────────────────╢ ┴ │\n * ContainerPadding: ║ ║ │\n * Border: ╚═══════════════════════════╝ ┴\n */\n\n// Multiple selector utilities based on CSS-in-JS getMultipleSelectorUnit function\n.getMultipleSelectorUnit(@item-height, @base-padding, @container-padding) {\n @result-item-height: @item-height;\n @result-item-line-height: calc(@item-height - @line-width * 2);\n @result-base-padding: @base-padding;\n @result-container-padding: @container-padding;\n}\n\n// Utility to calculate select item distance\n.getSelectItemStyle(@select-height, @multiple-item-height) {\n @select-item-dist: calc(calc(@select-height - @multiple-item-height) / 2 - @line-width);\n}\n\n// Overflow styles\n.genOverflowStyle() {\n // Overflow container\n .@{select-overflow-prefix-cls} {\n position: relative;\n display: flex;\n flex: auto;\n flex-wrap: wrap;\n max-width: 100%;\n\n &-item {\n display: inline-flex;\n flex: none;\n align-self: center;\n // https://github.com/ant-design/ant-design/issues/54179\n max-width: calc(100% - 4px);\n }\n }\n\n // Selection items\n .@{select-prefix-cls}-selection-item {\n display: flex;\n flex: none;\n align-self: center;\n box-sizing: border-box;\n max-width: 100%;\n background: @select-selection-item-bg;\n border: @line-width @border-style-base @select-selection-item-border-color;\n border-radius: @border-radius-sm;\n cursor: default;\n transition:\n font-size @animation-duration-slow,\n line-height @animation-duration-slow,\n height @animation-duration-slow;\n margin-block: @select-internal-fixed-item-margin;\n margin-inline-end: calc(@select-internal-fixed-item-margin * 2);\n padding-inline-start: @padding-xs;\n padding-inline-end: calc(@padding-xs / 2);\n\n .@{select-prefix-cls}-disabled& {\n color: @select-multiple-item-disabled-color;\n border-color: @select-multiple-item-disabled-border-color;\n cursor: not-allowed;\n }\n\n // Content\n &-content {\n display: inline-block;\n overflow: hidden;\n white-space: pre; // fix whitespace wrapping. custom tags display all whitespace within.\n text-overflow: ellipsis;\n margin-inline-end: calc(@padding-xs / 2);\n }\n\n &-remove {\n .iconfont-mixin();\n display: inline-flex;\n align-items: center;\n color: @text-color-secondary;\n font-weight: bold;\n font-size: 10px;\n line-height: inherit;\n cursor: pointer;\n\n > .@{iconfont-css-prefix} {\n vertical-align: -0.2em;\n }\n\n &:hover {\n color: @icon-color-hover;\n }\n }\n }\n}\n\n// Selection styles\n.genSelectionStyle(@select-height, @multiple-item-height, @base-padding, @container-padding, @border-radius) {\n .getSelectItemStyle(@select-height, @multiple-item-height);\n .getMultipleSelectorUnit(@multiple-item-height, @base-padding, @container-padding);\n\n // Selector container\n .@{select-prefix-cls}-selector {\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n // Multiple is little different that horizontal is follow the vertical\n padding-inline: @base-padding;\n padding-block: @container-padding;\n border-radius: @border-radius;\n\n .@{select-prefix-cls}-disabled& {\n background: @select-multiple-selector-bg-disabled;\n cursor: not-allowed;\n }\n\n &::after {\n display: inline-block;\n width: 0;\n margin: @select-internal-fixed-item-margin 0;\n line-height: @multiple-item-height;\n visibility: hidden;\n content: '\\a0';\n }\n }\n\n // Selection items with calculated height\n .@{select-prefix-cls}-selection-item {\n height: @multiple-item-height;\n line-height: calc(@multiple-item-height - @line-width * 2);\n }\n\n // Selection wrap\n .@{select-prefix-cls}-selection-wrap {\n align-self: flex-start;\n\n &::after {\n line-height: @multiple-item-height;\n margin-block: @select-internal-fixed-item-margin;\n }\n }\n\n // Prefix adjustments\n .@{select-prefix-cls}-prefix {\n margin-inline-start: calc(@input-padding-horizontal-base - @base-padding);\n }\n\n // Overflow item spacing\n .@{select-overflow-prefix-cls}-item + .@{select-overflow-prefix-cls}-item,\n .@{select-prefix-cls}-prefix + .@{select-prefix-cls}-selection-wrap {\n .@{select-prefix-cls}-selection-search {\n margin-inline-start: 0;\n }\n .@{select-prefix-cls}-selection-placeholder {\n inset-inline-start: 0;\n }\n }\n\n // https://github.com/ant-design/ant-design/issues/44754\n // Same as `wrap:after`\n .@{select-overflow-prefix-cls}-item-suffix {\n min-height: @multiple-item-height;\n margin-block: @select-internal-fixed-item-margin;\n }\n\n // Search input\n .@{select-prefix-cls}-selection-search {\n position: relative;\n display: inline-flex;\n max-width: 100%;\n margin-inline-start: calc(@input-padding-horizontal-base - @select-item-dist);\n\n &-input,\n &-mirror {\n height: @multiple-item-height;\n font-family: @font-family;\n line-height: @multiple-item-height;\n transition: all @animation-duration-slow;\n }\n\n &-input {\n width: 100%;\n min-width: 4.1px; // fix search cursor missing\n }\n\n &-mirror {\n position: absolute;\n top: 0;\n z-index: 999;\n white-space: pre; // fix whitespace wrapping caused width calculation bug\n visibility: hidden;\n inset-inline-start: 0;\n inset-inline-end: auto;\n }\n }\n\n // Placeholder\n .@{select-prefix-cls}-selection-placeholder {\n position: absolute;\n top: 50%;\n inset-inline-start: calc(@input-padding-horizontal-base - @base-padding);\n inset-inline-end: @input-padding-horizontal-base;\n transform: translateY(-50%);\n transition: all @animation-duration-slow;\n }\n}\n\n// ============================================================\n// == Size ==\n// ============================================================\n.genSizeStyle(@suffix, @multiple-item-height, @border-radius, @border-radius-sm, @select-height, @font-size: @font-size-base) {\n @merged-cls: ~'@{select-prefix-cls}@{suffix}';\n\n // Calculate padding values\n @base-padding: max(calc(@padding-xss - @line-width), 0px);\n @container-padding: max(calc(@base-padding - @select-internal-fixed-item-margin), 0px);\n\n .@{select-prefix-cls}-multiple.@{merged-cls} {\n font-size: @font-size;\n\n // Include overflow styles\n .genOverflowStyle();\n\n // Include selection styles with calculated values\n .genSelectionStyle(@select-height, @multiple-item-height, @base-padding, @container-padding, @border-radius);\n\n // Selector specific styles\n .@{select-prefix-cls}-selector {\n .@{select-prefix-cls}-show-search& {\n cursor: text;\n }\n }\n\n // Show arrow and allow clear states\n &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selector,\n &.@{select-prefix-cls}-allow-clear .@{select-prefix-cls}-selector {\n padding-inline-end: calc(@font-size-icon + @control-padding-horizontal);\n }\n }\n}\n\n// Main multiple style generation - equivalent to genMultipleStyle function\n.genMultipleStyle() {\n // ======================== Default ========================\n .genSizeStyle('', @select-multiple-item-height, @border-radius-base, @border-radius-sm, @select-height);\n\n // ======================== Small ========================\n // stylelint-disable-next-line less/no-duplicate-variables\n .genSizeStyle('-sm', @select-multiple-item-height-sm, @border-radius-sm, @border-radius-sm, @input-height-sm);\n\n // Size small need additional set padding\n .@{select-prefix-cls}-multiple.@{select-prefix-cls}-sm {\n .@{select-prefix-cls}-selection-placeholder {\n inset-inline: calc(@control-padding-horizontal-sm - @line-width);\n }\n\n // https://github.com/ant-design/ant-design/issues/29559\n .@{select-prefix-cls}-selection-search {\n margin-inline-start: 2px; // magic number\n }\n }\n\n // ======================== Large ========================\n // stylelint-disable-next-line less/no-duplicate-variables\n .genSizeStyle('-lg', @select-multiple-item-height-lg, @border-radius-lg, @border-radius-base, @input-height-lg, @font-size-lg);\n}\n\n.genMultipleStyle();\n", "@import '../../input/style/mixin';\n\n@select-prefix-cls: ~'@{ant-prefix}-select';\n@pagination-prefix-cls: ~'@{ant-prefix}-pagination';\n\n.select-status-color(\n @text-color;\n @border-color;\n @background-color;\n @hoverBorderColor;\n @outlineColor;\n) {\n &.@{select-prefix-cls}:not(.@{select-prefix-cls}-disabled):not(.@{select-prefix-cls}-customize-input):not(.@{pagination-prefix-cls}-size-changer) {\n .@{select-prefix-cls}-selector {\n background-color: @background-color;\n border-color: @border-color !important;\n }\n &.@{select-prefix-cls}-open .@{select-prefix-cls}-selector,\n &.@{select-prefix-cls}-focused .@{select-prefix-cls}-selector {\n .active(@border-color, @hoverBorderColor, @outlineColor);\n }\n }\n}\n\n.@{select-prefix-cls} {\n &-status-error {\n .select-status-color(@error-color, @error-color, @select-background, @error-color-hover, @error-color-outline);\n }\n\n &-status-warning {\n .select-status-color(@warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);\n }\n\n &-status-error,\n &-status-warning,\n &-status-success,\n &-status-validating {\n &.@{select-prefix-cls}-has-feedback {\n //.@{prefix-cls}-arrow,\n .@{select-prefix-cls}-clear {\n inset-inline-end: 32px;\n }\n\n .@{select-prefix-cls}-selection-selected-value {\n padding-inline-end: 42px;\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../input/style/mixin';\n@import './single';\n@import './multiple';\n@import './status';\n\n@select-prefix-cls: ~'@{ant-prefix}-select';\n\n.select-selector() {\n position: relative;\n background-color: @select-background;\n border: @border-width-base @border-style-base @select-border-color;\n border-radius: @control-border-radius;\n transition: all 0.3s @ease-in-out;\n\n input {\n cursor: pointer;\n }\n\n .@{select-prefix-cls}-prefix {\n flex: none;\n margin-inline-end: @select-select-affix-padding;\n }\n\n .@{select-prefix-cls}-selection-wrap {\n position: relative;\n display: flex;\n width: 100%;\n min-width: 0;\n\n &::after {\n width: 0;\n overflow: hidden;\n content: '\\a0';\n }\n }\n\n .@{select-prefix-cls}-show-search& {\n cursor: text;\n\n input {\n cursor: auto;\n }\n }\n\n .@{select-prefix-cls}-disabled& {\n color: @disabled-color;\n background: @input-disabled-bg;\n cursor: not-allowed;\n\n .@{select-prefix-cls}-multiple& {\n background: @select-multiple-disabled-background;\n }\n\n input {\n cursor: not-allowed;\n }\n }\n}\n\n/* Reset search input style */\n.select-search-input-without-border() {\n .@{select-prefix-cls}-selection-search-input {\n margin: 0;\n padding: 0;\n font-family: inherit;\n background: transparent;\n border: none;\n outline: none;\n appearance: none;\n\n &::-webkit-search-cancel-button {\n display: none;\n appearance: none;\n }\n }\n}\n\n.@{select-prefix-cls} {\n .reset-component();\n position: relative;\n display: inline-flex;\n cursor: pointer;\n\n &:not(&-customize-input) &-selector {\n .select-selector();\n .select-search-input-without-border();\n }\n\n &:not(&-disabled):hover &-selector {\n .hover();\n }\n\n &:not(&-disabled)&-focused &-selector {\n .active();\n }\n\n // ======================== Selection ========================\n &-selection-item {\n flex: 1;\n overflow: hidden;\n font-weight: normal;\n white-space: nowrap;\n text-overflow: ellipsis;\n user-select: none;\n\n // IE11 css hack. `*::-ms-backdrop,` is a must have\n @media all and (-ms-high-contrast: none) {\n *::-ms-backdrop,\n & {\n flex: auto;\n }\n }\n }\n\n // ======================= Placeholder =======================\n &-selection-placeholder {\n flex: 1;\n overflow: hidden;\n color: @input-placeholder-color;\n white-space: nowrap;\n text-overflow: ellipsis;\n pointer-events: none;\n\n // IE11 css hack. `*::-ms-backdrop,` is a must have\n @media all and (-ms-high-contrast: none) {\n *::-ms-backdrop,\n & {\n flex: auto;\n }\n }\n }\n\n // ========================== Arrow ==========================\n &-arrow {\n .iconfont-mixin();\n position: absolute;\n top: 50%;\n inset-inline-start: auto;\n inset-inline-end: @input-padding-horizontal-base;\n display: flex;\n align-items: center;\n height: @font-size-icon;\n margin-top: (-@font-size-icon / 2);\n color: @disabled-color;\n font-size: @font-size-icon;\n line-height: 1;\n text-align: center;\n pointer-events: none;\n\n .@{iconfont-css-prefix} {\n vertical-align: top;\n transition: transform 0.3s;\n\n > svg {\n vertical-align: top;\n }\n\n &:not(.@{select-prefix-cls}-suffix) {\n pointer-events: auto;\n }\n }\n\n .@{select-prefix-cls}-disabled & {\n cursor: not-allowed;\n }\n\n > *:not(:last-child) {\n margin-inline-end: @padding-xs;\n }\n }\n\n // ========================== Clear ==========================\n &-clear {\n position: absolute;\n top: 50%;\n z-index: 1;\n display: inline-block;\n width: @font-size-icon;\n height: @font-size-icon;\n margin-top: (-@font-size-icon / 2);\n color: @disabled-color;\n font-size: @font-size-icon;\n font-style: normal;\n line-height: 1;\n text-align: center;\n text-transform: none;\n background: @select-clear-background;\n // https://github.com/ant-design/ant-design/issues/54205\n // Force GPU compositing on Safari to prevent flickering on opacity/transform transitions\n transform: translateZ(0);\n cursor: pointer;\n opacity: 0;\n transition:\n color 0.3s ease,\n opacity 0.15s ease;\n inset-inline-start: auto;\n inset-inline-end: @input-padding-horizontal-base;\n text-rendering: auto;\n\n &::before {\n display: block;\n }\n\n &:hover {\n color: @text-color-secondary;\n }\n\n .@{select-prefix-cls}:hover & {\n opacity: 1;\n }\n }\n\n // ========================== Popup ==========================\n &-dropdown {\n .reset-component();\n position: absolute;\n top: -9999px;\n z-index: @zindex-dropdown;\n box-sizing: border-box;\n padding: @padding-xss;\n overflow: hidden;\n font-size: @font-size-base;\n // Fix select render lag of long text in chrome\n // https://github.com/ant-design/ant-design/issues/11456\n // https://github.com/ant-design/ant-design/issues/11843\n font-variant: initial;\n background-color: @select-dropdown-bg;\n border-radius: @border-radius-base;\n outline: none;\n box-shadow: @box-shadow-base;\n\n &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-bottomLeft,\n &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-bottomLeft {\n animation-name: antSlideUpIn;\n }\n\n &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-topLeft,\n &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-topLeft {\n animation-name: antSlideDownIn;\n }\n\n &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-bottomLeft {\n animation-name: antSlideUpOut;\n }\n\n &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-topLeft {\n animation-name: antSlideDownOut;\n }\n\n &-hidden {\n display: none;\n }\n\n &-empty {\n color: @disabled-color;\n }\n }\n\n // ========================= Options =========================\n .item() {\n position: relative;\n display: block;\n min-height: @select-dropdown-height;\n padding: @select-dropdown-vertical-padding @control-padding-horizontal;\n color: @text-color;\n font-weight: normal;\n font-size: @select-dropdown-font-size;\n line-height: @select-dropdown-line-height;\n }\n\n &-item-empty {\n .item();\n color: @disabled-color;\n }\n\n &-item {\n .item();\n\n cursor: pointer;\n transition: background 0.3s ease;\n\n // =========== Group ============\n &-group {\n color: @text-color-secondary;\n font-size: @font-size-sm;\n cursor: default;\n }\n\n // =========== Option ===========\n &-option {\n display: flex;\n\n &-content {\n flex: auto;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &-state {\n flex: none;\n user-select: none;\n }\n\n &-active:not(&-disabled) {\n background-color: @select-item-active-bg;\n }\n\n &-selected:not(&-disabled) {\n color: @select-item-selected-color;\n font-weight: @select-item-selected-font-weight;\n background-color: @select-item-selected-bg;\n\n .@{select-prefix-cls}-item-option-state {\n color: @primary-color;\n }\n }\n\n &-disabled {\n &.@{select-prefix-cls}-item-option-selected {\n background-color: @select-multiple-disabled-background;\n }\n\n color: @disabled-color;\n cursor: not-allowed;\n }\n\n &-grouped {\n padding-inline-start: @control-padding-horizontal * 2;\n }\n }\n }\n\n // ============================================================\n // == Size ==\n // ============================================================\n &-lg {\n font-size: @font-size-lg;\n }\n\n // no border style\n &&-borderless,\n &&-borderless:hover,\n &&-borderless:focus,\n &&-borderless&-focused,\n &&-borderless&-disabled,\n &&-borderless&[disabled] {\n .@{select-prefix-cls}-selector {\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n }\n }\n\n // filled style\n &&-filled &-selector {\n background-color: @input-variant-filled-bg;\n border-color: transparent;\n box-shadow: none;\n }\n\n &&-filled:hover &-selector {\n background-color: @input-variant-filled-hover-bg;\n border-color: transparent;\n box-shadow: none;\n }\n\n &&-filled:focus,\n &&-filled&-focused {\n .@{select-prefix-cls}-selector {\n .active();\n background-color: transparent;\n box-shadow: none;\n }\n }\n\n &&-filled&-disabled,\n &&-filled&[disabled] {\n .@{select-prefix-cls}-selector {\n .disabled();\n }\n }\n\n // underlined style\n &&-underlined,\n &&-underlined:hover,\n &&-underlined:focus,\n &&-underlined&-focused,\n &&-underlined&-disabled,\n &&-underlined&[disabled] {\n .@{select-prefix-cls}-selector {\n background-color: transparent;\n border-width: 0 0 @border-width-base;\n border-radius: 0;\n box-shadow: none;\n }\n }\n\n &&-underlined:hover:not(&-focused):not(:focus) &-selector {\n border-color: @input-border-color;\n }\n\n\n &&-in-form-item {\n width: 100%;\n }\n\n // ===================== Compact Item Styles =====================\n .compact-item(@select-prefix-cls, ~'@{select-prefix-cls}-selector', ~'@{select-prefix-cls}-focused');\n}\n\n@import './rtl';\n", "@select-prefix-cls: ~'@{ant-prefix}-select';\n\n.@{select-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-dropdown {\n &-rtl {\n direction: rtl;\n }\n }\n}\n", ".ant-select-dropdown {\n position: relative;\n top: 100%;\n left: 0;\n display: block;\n width: 100%;\n margin-top: 4px;\n margin-bottom: 4px;\n\n .cdk-virtual-scroll-content-wrapper {\n right: 0;\n }\n\n .full-width {\n contain: initial;\n\n .cdk-virtual-scroll-content-wrapper {\n position: static;\n }\n\n .cdk-virtual-scroll-spacer {\n position: absolute;\n top: 0;\n width: 1px;\n }\n }\n}\n", "// mixins\n.segmented-disabled-item {\n &,\n &:hover,\n &:focus {\n color: @disabled-color;\n cursor: not-allowed;\n }\n}\n\n.segmented-item-selected {\n background-color: @segmented-selected-bg;\n border-radius: @border-radius-base;\n box-shadow: 0 2px 8px -2px fade(@black, 5%), 0 1px 4px -1px fade(@black, 7%),\n 0 0 1px 0 fade(@black, 8%);\n}\n\n.segmented-text-ellipsis {\n overflow: hidden;\n // handle text ellipsis\n white-space: nowrap;\n text-overflow: ellipsis;\n word-break: keep-all;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import './mixins.less';\n\n@segmented-prefix-cls: ~'@{ant-prefix}-segmented';\n\n@segmented-container-padding: 2px;\n\n.@{segmented-prefix-cls} {\n .reset-component();\n display: inline-block;\n padding: @segmented-container-padding;\n color: @segmented-label-color;\n background-color: @segmented-bg;\n border-radius: @border-radius-base;\n transition: all 0.3s @ease-in-out;\n\n &-group {\n position: relative;\n display: flex;\n align-items: stretch;\n justify-items: flex-start;\n width: 100%;\n }\n\n &-vertical {\n .@{segmented-prefix-cls}-group {\n flex-direction: column;\n }\n\n .@{segmented-prefix-cls}-thumb {\n width: 100%;\n height: 0;\n }\n\n .@{segmented-prefix-cls}-thumb-motion-appear-active {\n transition:\n transform 0.3s @ease-in-out,\n width 0.3s @ease-in-out,\n height 0.3s @ease-in-out;\n will-change: transform, width, height;\n }\n }\n\n &-shape-round {\n border-radius: 9999px;\n\n .@{segmented-prefix-cls}-item {\n border-radius: 9999px;\n }\n\n .@{segmented-prefix-cls}-thumb {\n border-radius: 9999px;\n }\n }\n\n // block styles\n &&-block {\n display: flex;\n }\n\n &&-block &-item {\n flex: 1;\n min-width: 0;\n }\n\n // hover/focus styles\n &:not(&-disabled) {\n &:hover,\n &:focus {\n background-color: @segmented-hover-bg;\n }\n }\n\n // item styles\n &-item {\n position: relative;\n text-align: center;\n cursor: pointer;\n transition: color 0.3s @ease-in-out;\n\n &-selected {\n .segmented-item-selected();\n color: @segmented-label-hover-color;\n }\n\n &:hover,\n &:focus {\n color: @segmented-label-hover-color;\n }\n\n &-label {\n min-height: @input-height-base - @segmented-container-padding * 2;\n padding: 0 @input-padding-horizontal-base;\n line-height: @input-height-base - @segmented-container-padding * 2;\n .segmented-text-ellipsis();\n }\n\n // syntactic sugar to add `icon` for Segmented Item\n &-icon + * {\n margin-left: (@margin-sm / 2);\n }\n\n &-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n opacity: 0;\n pointer-events: none;\n }\n }\n\n // size styles\n &&-lg &-item-label {\n min-height: @input-height-lg - @segmented-container-padding * 2;\n padding: 0 @input-padding-horizontal-lg;\n font-size: @font-size-lg;\n line-height: @input-height-lg - @segmented-container-padding * 2;\n }\n\n &&-sm &-item-label {\n min-height: @input-height-sm - @segmented-container-padding * 2;\n padding: 0 @input-padding-horizontal-sm;\n line-height: @input-height-sm - @segmented-container-padding * 2;\n }\n\n // disabled styles\n &-item-disabled {\n .segmented-disabled-item();\n }\n\n // thumb styles\n &-thumb {\n .segmented-item-selected();\n\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 100%;\n padding: 4px 0;\n }\n\n // transition effect when `appear-active`\n &-thumb-motion-appear-active {\n transition:\n transform 0.3s @ease-in-out,\n width 0.3s @ease-in-out;\n will-change: transform, width;\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@segmented-prefix-cls: ~'@{ant-prefix}-segmented';\n\n.@{segmented-prefix-cls} {\n &&-rtl {\n direction: rtl;\n }\n\n &&-rtl &-item-icon {\n margin-right: 0;\n margin-left: 6px;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@skeleton-prefix-cls: ~'@{ant-prefix}-skeleton';\n@skeleton-avatar-prefix-cls: ~'@{skeleton-prefix-cls}-avatar';\n@skeleton-title-prefix-cls: ~'@{skeleton-prefix-cls}-title';\n@skeleton-paragraph-prefix-cls: ~'@{skeleton-prefix-cls}-paragraph';\n@skeleton-button-prefix-cls: ~'@{skeleton-prefix-cls}-button';\n@skeleton-input-prefix-cls: ~'@{skeleton-prefix-cls}-input';\n@skeleton-image-prefix-cls: ~'@{skeleton-prefix-cls}-image';\n@skeleton-block-radius: @border-radius-base;\n\n.@{skeleton-prefix-cls} {\n display: table;\n width: 100%;\n\n &-header {\n display: table-cell;\n padding-right: @padding-md;\n vertical-align: top;\n\n // Avatar\n .@{skeleton-avatar-prefix-cls} {\n .skeleton-element-avatar();\n }\n }\n\n &-content {\n display: table-cell;\n width: 100%;\n vertical-align: top;\n\n // Title\n .@{skeleton-title-prefix-cls} {\n width: 100%;\n height: @skeleton-title-height;\n background: @skeleton-color;\n border-radius: @skeleton-block-radius;\n\n + .@{skeleton-paragraph-prefix-cls} {\n margin-top: @skeleton-title-paragraph-margin-top;\n }\n }\n\n // paragraph\n .@{skeleton-paragraph-prefix-cls} {\n padding: 0;\n\n > li {\n width: 100%;\n height: @skeleton-paragraph-li-height;\n list-style: none;\n background: @skeleton-color;\n border-radius: @skeleton-block-radius;\n\n &:last-child:not(:first-child):not(:nth-child(2)) {\n width: 61%;\n }\n\n + li {\n margin-top: @skeleton-paragraph-li-margin-top;\n }\n }\n }\n }\n\n &-with-avatar &-content {\n // Title\n .@{skeleton-title-prefix-cls} {\n margin-top: @margin-sm;\n\n + .@{skeleton-paragraph-prefix-cls} {\n margin-top: @skeleton-paragraph-margin-top;\n }\n }\n }\n\n &-round &-content {\n .@{skeleton-title-prefix-cls},\n .@{skeleton-paragraph-prefix-cls} > li {\n border-radius: 100px;\n }\n }\n\n // With active animation\n &-active {\n .@{skeleton-title-prefix-cls},\n .@{skeleton-paragraph-prefix-cls} > li,\n .@{skeleton-avatar-prefix-cls},\n .@{skeleton-button-prefix-cls},\n .@{skeleton-input-prefix-cls},\n .@{skeleton-image-prefix-cls} {\n .skeleton-color();\n }\n }\n\n // Skeleton Block Button, Input\n &.@{skeleton-prefix-cls}-block {\n width: 100%;\n\n .@{skeleton-button-prefix-cls} {\n width: 100%;\n }\n\n .@{skeleton-input-prefix-cls} {\n width: 100%;\n }\n }\n\n // Skeleton element\n &-element {\n display: inline-block;\n width: auto;\n\n .@{skeleton-button-prefix-cls} {\n .skeleton-element-button();\n }\n\n .@{skeleton-avatar-prefix-cls} {\n .skeleton-element-avatar();\n }\n\n .@{skeleton-input-prefix-cls} {\n .skeleton-element-input();\n }\n\n .@{skeleton-image-prefix-cls} {\n .skeleton-element-image();\n }\n }\n}\n// Button\n.skeleton-element-button() {\n display: inline-block;\n vertical-align: top;\n background: @skeleton-color;\n border-radius: @border-radius-base;\n\n .skeleton-element-button-size(@btn-height-base);\n\n &-lg {\n .skeleton-element-button-size(@btn-height-lg);\n }\n\n &-sm {\n .skeleton-element-button-size(@btn-height-sm);\n }\n}\n// Avatar\n.skeleton-element-avatar() {\n display: inline-block;\n vertical-align: top;\n background: @skeleton-color;\n\n .skeleton-element-avatar-size(@avatar-size-base);\n\n &-lg {\n .skeleton-element-avatar-size(@avatar-size-lg);\n }\n\n &-sm {\n .skeleton-element-avatar-size(@avatar-size-sm);\n }\n}\n\n// Input\n.skeleton-element-input() {\n display: inline-block;\n vertical-align: top;\n background: @skeleton-color;\n\n .skeleton-element-input-size(@input-height-base);\n\n &-lg {\n .skeleton-element-input-size(@input-height-lg);\n }\n\n &-sm {\n .skeleton-element-input-size(@input-height-sm);\n }\n}\n\n// Image\n.skeleton-element-image() {\n display: flex;\n align-items: center;\n justify-content: center;\n vertical-align: top;\n background: @skeleton-color;\n\n .skeleton-element-image-size(@image-size-base*2);\n\n &-path {\n fill: #bfbfbf;\n }\n\n &-svg {\n .skeleton-element-image-size(@image-size-base);\n max-width: @image-size-base * 4;\n max-height: @image-size-base * 4;\n }\n}\n\n.skeleton-element-avatar-size(@size) {\n width: @size;\n .skeleton-element-common-size(@size);\n\n &.@{skeleton-avatar-prefix-cls}-circle {\n border-radius: 50%;\n }\n}\n\n.skeleton-element-button-size(@size) {\n width: @size * 2;\n min-width: @size * 2;\n .skeleton-element-common-size(@size);\n\n &.@{skeleton-button-prefix-cls}-square {\n width: @size;\n min-width: @size;\n }\n\n &.@{skeleton-button-prefix-cls}-circle {\n width: @size;\n min-width: @size;\n border-radius: 50%;\n }\n\n &.@{skeleton-button-prefix-cls}-round {\n border-radius: @size;\n }\n}\n\n.skeleton-element-input-size(@size) {\n width: @size * 5;\n min-width: @size * 5;\n .skeleton-element-common-size(@size);\n}\n\n.skeleton-element-image-size(@size) {\n width: @size;\n .skeleton-element-common-size(@size);\n\n &.@{skeleton-image-prefix-cls}-circle {\n border-radius: 50%;\n }\n}\n\n.skeleton-element-common-size(@size) {\n height: @size;\n line-height: @size;\n}\n\n.skeleton-color() {\n position: relative;\n // fix https://github.com/ant-design/ant-design/issues/36444\n // https://monshin.github.io/202109/css/safari-border-radius-overflow-hidden/\n /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */\n z-index: 0;\n overflow: hidden;\n background: transparent;\n\n &::after {\n position: absolute;\n top: 0;\n right: -150%;\n bottom: 0;\n left: -150%;\n background: linear-gradient(\n 90deg,\n @skeleton-color 25%,\n @skeleton-to-color 37%,\n @skeleton-color 63%\n );\n animation: ~'@{skeleton-prefix-cls}-loading' 1.4s ease infinite;\n content: '';\n }\n}\n\n@keyframes ~\"@{skeleton-prefix-cls}-loading\" {\n 0% {\n transform: translateX(-37.5%);\n }\n\n 100% {\n transform: translateX(37.5%);\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@skeleton-prefix-cls: ~'@{ant-prefix}-skeleton';\n@skeleton-avatar-prefix-cls: ~'@{skeleton-prefix-cls}-avatar';\n@skeleton-title-prefix-cls: ~'@{skeleton-prefix-cls}-title';\n@skeleton-paragraph-prefix-cls: ~'@{skeleton-prefix-cls}-paragraph';\n\n.@{skeleton-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-header {\n .@{skeleton-prefix-cls}-rtl & {\n padding-right: 0;\n padding-left: 16px;\n }\n }\n\n // With active animation\n &.@{skeleton-prefix-cls}-active {\n & .@{skeleton-prefix-cls}-content {\n .@{skeleton-title-prefix-cls},\n .@{skeleton-paragraph-prefix-cls} > li {\n .@{skeleton-prefix-cls}-rtl& {\n animation-name: ~'@{skeleton-prefix-cls}-loading-rtl';\n }\n }\n }\n\n .@{skeleton-avatar-prefix-cls} {\n .@{skeleton-prefix-cls}-rtl& {\n animation-name: ~'@{skeleton-prefix-cls}-loading-rtl';\n }\n }\n }\n}\n\n@keyframes ~\"@{skeleton-prefix-cls}-loading-rtl\" {\n 0% {\n background-position: 0% 50%;\n }\n\n 100% {\n background-position: 100% 50%;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@slider-prefix-cls: ~'@{ant-prefix}-slider';\n\n.@{slider-prefix-cls} {\n .reset-component();\n\n position: relative;\n height: 12px;\n margin: @slider-margin;\n padding: 4px 0;\n cursor: pointer;\n touch-action: none;\n\n .vertical();\n\n &-with-marks {\n margin-bottom: 28px;\n }\n\n &-rail {\n position: absolute;\n width: 100%;\n height: 4px;\n background-color: @slider-rail-background-color;\n border-radius: @border-radius-base;\n transition: background-color 0.3s;\n }\n\n &-track {\n position: absolute;\n height: 4px;\n background-color: @slider-track-background-color;\n border-radius: @border-radius-base;\n transition: background-color 0.3s;\n }\n\n &-handle {\n position: absolute;\n width: @slider-handle-size;\n height: @slider-handle-size;\n margin-top: @slider-handle-margin-top;\n background-color: @slider-handle-background-color;\n border: solid @slider-handle-border-width @slider-handle-color;\n border-radius: 50%;\n box-shadow: @slider-handle-shadow;\n cursor: pointer;\n transition: border-color 0.3s, box-shadow 0.6s,\n transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);\n\n // &-dragging&-dragging&-dragging {\n // border-color: @slider-handle-color-focus;\n // box-shadow: 0 0 0 5px @slider-handle-color-focus-shadow;\n // }\n &-dragging {\n z-index: 1;\n }\n\n &:focus {\n border-color: @slider-handle-color-focus;\n outline: none;\n box-shadow: 0 0 0 5px @slider-handle-color-focus-shadow;\n }\n\n &.@{ant-prefix}-tooltip-open {\n border-color: @slider-handle-color-tooltip-open;\n }\n\n &::after {\n position: absolute;\n top: -6px;\n right: -6px;\n bottom: -6px;\n left: -6px;\n content: '';\n }\n }\n\n &:hover {\n .@{slider-prefix-cls}-rail {\n background-color: @slider-rail-background-color-hover;\n }\n .@{slider-prefix-cls}-track {\n background-color: @slider-track-background-color-hover;\n }\n .@{slider-prefix-cls}-handle:not(.@{ant-prefix}-tooltip-open) {\n border-color: @slider-handle-color-hover;\n }\n }\n\n &-mark {\n position: absolute;\n top: 14px;\n left: 0;\n width: 100%;\n font-size: @font-size-base;\n }\n\n &-mark-text {\n position: absolute;\n display: inline-block;\n color: @text-color-secondary;\n text-align: center;\n word-break: keep-all;\n cursor: pointer;\n user-select: none;\n\n &-active {\n color: @text-color;\n }\n }\n\n &-step {\n position: absolute;\n width: 100%;\n height: 4px;\n background: transparent;\n pointer-events: none;\n }\n\n &-dot {\n position: absolute;\n top: -2px;\n width: 8px;\n height: 8px;\n background-color: @component-background;\n border: 2px solid @slider-dot-border-color;\n border-radius: 50%;\n cursor: pointer;\n\n &-active {\n border-color: @slider-dot-border-color-active;\n }\n }\n\n &-disabled {\n cursor: not-allowed;\n\n .@{slider-prefix-cls}-rail {\n background-color: @slider-rail-background-color !important;\n }\n\n .@{slider-prefix-cls}-track {\n background-color: @slider-disabled-color !important;\n }\n\n .@{slider-prefix-cls}-handle,\n .@{slider-prefix-cls}-dot {\n background-color: @component-background;\n border-color: @slider-disabled-color !important;\n box-shadow: none;\n cursor: not-allowed;\n }\n\n .@{slider-prefix-cls}-mark-text,\n .@{slider-prefix-cls}-dot {\n cursor: not-allowed !important;\n }\n }\n}\n\n.vertical() {\n &-vertical {\n width: 12px;\n height: 100%;\n margin: 6px 10px;\n padding: 0 4px;\n\n .@{slider-prefix-cls}-rail {\n width: 4px;\n height: 100%;\n }\n\n .@{slider-prefix-cls}-track {\n width: 4px;\n }\n\n .@{slider-prefix-cls}-handle {\n margin-top: -6px; // we chould consider border width as well: (10 + 2 ) / 2\n margin-left: @slider-handle-margin-left;\n }\n\n .@{slider-prefix-cls}-mark {\n top: 0;\n left: 12px;\n width: 18px;\n height: 100%;\n }\n\n .@{slider-prefix-cls}-mark-text {\n left: 4px;\n white-space: nowrap;\n }\n\n .@{slider-prefix-cls}-step {\n width: 4px;\n height: 100%;\n }\n\n .@{slider-prefix-cls}-dot {\n top: auto;\n margin-left: -2px;\n }\n }\n\n &-tooltip {\n // https://github.com/ant-design/ant-design/issues/20014\n .@{ant-prefix}-tooltip-inner {\n min-width: unset;\n }\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@slider-prefix-cls: ~'@{ant-prefix}-slider';\n\n.@{slider-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-mark {\n .@{slider-prefix-cls}-rtl & {\n right: 0;\n left: auto;\n }\n }\n}\n\n.vertical() {\n &-vertical {\n .@{slider-prefix-cls}-handle {\n .@{slider-prefix-cls}-rtl& {\n margin-right: -5px;\n margin-left: 0;\n }\n }\n\n .@{slider-prefix-cls}-mark {\n .@{slider-prefix-cls}-rtl& {\n right: 12px;\n left: auto;\n }\n }\n\n .@{slider-prefix-cls}-mark-text {\n .@{slider-prefix-cls}-rtl& {\n right: 4px;\n left: auto;\n }\n }\n\n .@{slider-prefix-cls}-dot {\n .@{slider-prefix-cls}-rtl& {\n right: 2px;\n left: auto;\n }\n }\n }\n}\n", ".ant-slider {\n display: block;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@spin-prefix-cls: ~'@{ant-prefix}-spin';\n@spin-dot-default: @text-color-secondary;\n\n.@{spin-prefix-cls} {\n .reset-component();\n\n position: absolute;\n display: none;\n color: @primary-color;\n font-size: 0;\n text-align: center;\n vertical-align: middle;\n opacity: 0;\n transition: transform 0.3s @ease-in-out-circ;\n\n &-spinning {\n position: static;\n display: inline-block;\n opacity: 1;\n }\n\n &-nested-loading {\n position: relative;\n > div > .@{spin-prefix-cls} {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 4;\n display: block;\n width: 100%;\n height: 100%;\n max-height: 400px;\n .@{spin-prefix-cls}-dot {\n position: absolute;\n top: 50%;\n left: 50%;\n margin: -(@spin-dot-size / 2);\n }\n .@{spin-prefix-cls}-text {\n position: absolute;\n top: 50%;\n width: 100%;\n padding-top: ((@spin-dot-size - @font-size-base) / 2) + 2px;\n font-size: @font-size-base;\n text-shadow: 0 1px 2px @shadow-color-inverse;\n }\n &.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {\n margin-top: -(@spin-dot-size / 2) - 10px;\n }\n }\n\n > div > .@{spin-prefix-cls}-sm {\n .@{spin-prefix-cls}-dot {\n margin: -(@spin-dot-size-sm / 2);\n }\n .@{spin-prefix-cls}-text {\n padding-top: ((@spin-dot-size-sm - @font-size-base) / 2) + 2px;\n }\n &.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {\n margin-top: -(@spin-dot-size-sm / 2) - 10px;\n }\n }\n\n > div > .@{spin-prefix-cls}-lg {\n .@{spin-prefix-cls}-dot {\n margin: -(@spin-dot-size-lg / 2);\n }\n .@{spin-prefix-cls}-text {\n padding-top: ((@spin-dot-size-lg - @font-size-base) / 2) + 2px;\n }\n &.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {\n margin-top: -(@spin-dot-size-lg / 2) - 10px;\n }\n }\n }\n\n &-container {\n position: relative;\n transition: opacity 0.3s;\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n display: ~'none \\9';\n width: 100%;\n height: 100%;\n background: @component-background;\n opacity: 0;\n transition: all 0.3s;\n content: '';\n pointer-events: none;\n }\n }\n\n &-blur {\n clear: both;\n opacity: 0.5;\n user-select: none;\n pointer-events: none;\n\n &::after {\n opacity: 0.4;\n pointer-events: auto;\n }\n }\n\n // tip\n // ------------------------------\n &-tip {\n color: @spin-dot-default;\n }\n\n // dots\n // ------------------------------\n\n &-dot {\n position: relative;\n display: inline-block;\n font-size: @spin-dot-size;\n\n .square(1em);\n\n &-item {\n position: absolute;\n display: block;\n width: 9px;\n height: 9px;\n background-color: @primary-color;\n border-radius: 100%;\n transform: scale(0.75);\n transform-origin: 50% 50%;\n opacity: 0.3;\n animation: antSpinMove 1s infinite linear alternate;\n\n &:nth-child(1) {\n top: 0;\n left: 0;\n }\n\n &:nth-child(2) {\n top: 0;\n right: 0;\n animation-delay: 0.4s;\n }\n\n &:nth-child(3) {\n right: 0;\n bottom: 0;\n animation-delay: 0.8s;\n }\n\n &:nth-child(4) {\n bottom: 0;\n left: 0;\n animation-delay: 1.2s;\n }\n }\n\n &-spin {\n transform: rotate(0deg);\n animation: antRotate 1.2s infinite linear;\n }\n }\n\n // Sizes\n // ------------------------------\n\n // small\n &-sm &-dot {\n font-size: @spin-dot-size-sm;\n\n i {\n width: 6px;\n height: 6px;\n }\n }\n\n // large\n &-lg &-dot {\n font-size: @spin-dot-size-lg;\n\n i {\n width: 14px;\n height: 14px;\n }\n }\n\n &&-show-text &-text {\n display: block;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /* IE10+ */\n .@{spin-prefix-cls}-blur {\n background: @component-background;\n opacity: 0.5;\n }\n}\n\n@keyframes antSpinMove {\n to {\n opacity: 1;\n }\n}\n\n@keyframes antRotate {\n to {\n transform: rotate(360deg);\n }\n}\n\n@import './rtl';\n", ".@{spin-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-dot {\n &-spin {\n .@{spin-prefix-cls}-rtl & {\n transform: rotate(-45deg);\n animation-name: antRotateRtl;\n }\n }\n }\n}\n\n@keyframes antRotateRtl {\n to {\n transform: rotate(-405deg);\n }\n}\n", "nz-spin {\n display: block;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@splitter-prefix-cls: ~'@{ant-prefix}-splitter';\n\n.@{splitter-prefix-cls} {\n .reset-component();\n display: flex;\n align-items: stretch;\n\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n color: @text-color;\n font-size: @font-size-base;\n font-family: @font-family;\n line-height: @line-height-base;\n list-style: none;\n\n @half-trigger-size: calc(@splitter-split-trigger-size / 2);\n\n &-horizontal {\n flex-direction: row;\n }\n\n &-vertical {\n flex-direction: column;\n }\n\n &-panel {\n box-sizing: border-box;\n padding: 0 1px;\n overflow: auto;\n scrollbar-width: thin;\n\n &-hidden {\n padding: 0;\n overflow: hidden;\n }\n\n &:has(.@{splitter-prefix-cls}:only-child) {\n overflow: hidden;\n }\n }\n\n &-bar {\n position: relative;\n flex: none;\n user-select: none;\n\n &-preview {\n position: absolute;\n z-index: 1;\n display: none;\n background: @primary-color;\n opacity: 0.2;\n transition: none;\n pointer-events: none;\n\n &-active {\n display: block;\n }\n }\n\n // ======================= Dragger =======================\n &-dragger {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 1;\n transform: translate(-50%, -50%);\n\n // Hover background\n &::before {\n position: absolute;\n top: 50%;\n left: 50%;\n background: @splitter-bar-bg;\n transform: translate(-50%, -50%);\n content: '';\n }\n\n // Hover\n &:hover:not(&-active) {\n &::before {\n background: @splitter-bar-hover-bg;\n }\n }\n\n // Spinner\n &::after {\n position: absolute;\n top: 50%;\n left: 50%;\n background: @fill-color;\n transform: translate(-50%, -50%);\n content: '';\n }\n\n // Active\n &-active {\n z-index: 2;\n\n &::before {\n background: @splitter-bar-active-bg;\n }\n }\n }\n\n &:hover &-collapse-bar, &:active &-collapse-bar {\n opacity: 1;\n }\n }\n\n // Disabled\n & > &-bar > &-bar-dragger&-bar-dragger-disabled {\n z-index: 0;\n\n &, &:hover, &-active {\n cursor: default;\n\n &::before {\n background: @splitter-bar-bg;\n }\n }\n\n &::after {\n display: none;\n }\n }\n\n // ======================= Collapse =======================\n &-bar-collapse-bar {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n color: @text-color;\n font-size: @font-size-sm;\n background: @splitter-bar-bg;\n border-radius: @border-radius-sm;\n transform: translate(-50%, -50%);\n cursor: pointer;\n opacity: 0;\n\n &:hover {\n background: @splitter-bar-hover-bg;\n }\n\n &:active {\n background: @splitter-bar-active-bg;\n }\n }\n\n &-horizontal > &-bar {\n width: 0;\n }\n\n &-horizontal > &-bar &-bar-dragger {\n width: @splitter-split-trigger-size;\n height: 100%;\n cursor: col-resize;\n }\n\n &-horizontal > &-bar &-bar-dragger::before {\n width: @splitter-split-bar-size;\n height: 100%;\n }\n\n &-horizontal > &-bar &-bar-dragger::after {\n width: @splitter-split-bar-size;\n height: @splitter-split-bar-draggable-size;\n }\n\n &-horizontal > &-bar &-bar-preview {\n width: @splitter-split-bar-size;\n height: 100%;\n }\n\n &-horizontal > &-bar &-bar-collapse-bar {\n width: @font-size-sm;\n height: @splitter-split-bar-collapsible-size;\n }\n\n &-horizontal > &-bar &-bar-collapse-bar-start {\n right: @half-trigger-size;\n left: auto;\n transform: translateY(-50%);\n }\n\n &-horizontal > &-bar &-bar-collapse-bar-end {\n right: auto;\n left: @half-trigger-size;\n transform: translateY(-50%);\n }\n\n &-vertical > &-bar {\n height: 0;\n }\n\n &-vertical > &-bar &-bar-dragger {\n width: 100%;\n height: @splitter-split-trigger-size;\n cursor: row-resize;\n\n &:has(&-disabled) {\n cursor: default;\n }\n }\n\n &-vertical > &-bar &-bar-dragger::before {\n width: 100%;\n height: @splitter-split-bar-size;\n }\n\n &-vertical > &-bar &-bar-dragger::after {\n width: @splitter-split-bar-draggable-size;\n height: @splitter-split-bar-size;\n }\n\n &-vertical > &-bar &-bar-preview {\n width: 100%;\n height: @splitter-split-bar-size;\n }\n\n &-vertical > &-bar &-bar-collapse-bar {\n width: 24px;\n height: @font-size-sm;\n }\n\n &-vertical > &-bar &-bar-collapse-bar-start {\n top: auto;\n bottom: @half-trigger-size;\n transform: translateX(-50%);\n }\n\n &-vertical > &-bar &-bar-collapse-bar-end {\n top: @half-trigger-size;\n bottom: auto;\n transform: translateX(-50%);\n }\n\n // ======================= Mask =======================\n // Util dom for handle cursor\n &-mask {\n position: fixed;\n z-index: 1000;\n inset: 0;\n\n &-horizontal {\n cursor: col-resize;\n }\n\n &-vertical {\n cursor: row-resize;\n }\n }\n}\n\n@import './rtl';\n", ".@{splitter-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-dot {\n &-spin {\n .@{splitter-prefix-cls}-rtl & {\n transform: rotate(-45deg);\n animation-name: antRotateRtl;\n }\n }\n }\n}\n\n@keyframes antRotateRtl {\n to {\n transform: rotate(-405deg);\n }\n}\n", "nz-splitter {\n display: block;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@statistic-prefix-cls: ~'@{ant-prefix}-statistic';\n\n.@{statistic-prefix-cls} {\n .reset-component();\n\n &-title {\n margin-bottom: @margin-xss;\n color: @text-color-secondary;\n font-size: @statistic-title-font-size;\n }\n\n &-skeleton {\n padding-top: @padding-md;\n }\n\n &-content {\n color: @heading-color;\n font-size: @statistic-content-font-size;\n font-family: @statistic-font-family;\n\n &-value {\n display: inline-block;\n direction: ltr;\n }\n\n &-prefix,\n &-suffix {\n display: inline-block;\n }\n\n &-prefix {\n margin-right: 4px;\n }\n\n &-suffix {\n margin-left: 4px;\n }\n }\n}\n\n@import './rtl';\n", ".@{statistic-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-content {\n &-prefix {\n .@{statistic-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: 4px;\n }\n }\n\n &-suffix {\n .@{statistic-prefix-cls}-rtl & {\n margin-right: 4px;\n margin-left: 0;\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@steps-prefix-cls: ~'@{ant-prefix}-steps';\n@process-icon-color: @primary-color;\n@process-title-color: @heading-color;\n@process-description-color: @text-color;\n@process-icon-text-color: @text-color-inverse;\n@wait-icon-color: @disabled-color;\n@wait-title-color: @text-color-secondary;\n@wait-description-color: @wait-title-color;\n@wait-tail-color: @process-tail-color;\n@finish-icon-color: @process-icon-color;\n@finish-title-color: @text-color;\n@finish-description-color: @text-color-secondary;\n@finish-tail-color: @primary-color;\n@error-icon-color: @error-color;\n@error-title-color: @error-color;\n@error-description-color: @error-color;\n@error-tail-color: @wait-tail-color;\n@steps-nav-active-color: @primary-color;\n\n.@{steps-prefix-cls} {\n .reset-component();\n\n display: flex;\n width: 100%;\n font-size: 0;\n text-align: initial;\n}\n\n.@{steps-prefix-cls}-item {\n position: relative;\n display: inline-block;\n flex: 1;\n overflow: hidden;\n vertical-align: top;\n\n &-container {\n outline: none;\n }\n\n &:last-child {\n flex: none;\n }\n\n &:last-child > &-container > &-tail,\n &:last-child > &-container > &-content > &-title::after {\n display: none;\n }\n\n &-icon,\n &-content {\n display: inline-block;\n vertical-align: top;\n }\n\n &-icon {\n width: @steps-icon-size;\n height: @steps-icon-size;\n margin: @steps-icon-margin;\n font-size: @steps-icon-font-size;\n font-family: @font-family;\n line-height: @steps-icon-size;\n text-align: center;\n border: @border-width-base @border-style-base @wait-icon-color;\n border-radius: @steps-icon-size;\n transition: background-color 0.3s, border-color 0.3s;\n\n .@{steps-prefix-cls}-icon {\n position: relative;\n top: @steps-icon-top;\n color: @primary-color;\n line-height: 1;\n }\n }\n\n &-tail {\n position: absolute;\n top: 12px;\n left: 0;\n width: 100%;\n padding: 0 10px;\n\n &::after {\n display: inline-block;\n width: 100%;\n height: 1px;\n background: @border-color-split;\n border-radius: 1px;\n transition: background 0.3s;\n content: '';\n }\n }\n\n &-title {\n position: relative;\n display: inline-block;\n padding-right: 16px;\n color: @text-color;\n font-size: @font-size-lg;\n line-height: @steps-title-line-height;\n\n &::after {\n position: absolute;\n top: (@steps-title-line-height / 2);\n left: 100%;\n display: block;\n width: 9999px;\n height: 1px;\n background: @wait-tail-color;\n content: '';\n }\n }\n\n &-subtitle {\n display: inline;\n margin-left: 8px;\n color: @text-color-secondary;\n font-weight: normal;\n font-size: @font-size-base;\n }\n\n &-description {\n color: @text-color-secondary;\n font-size: @font-size-base;\n }\n .step-item-status(wait);\n .step-item-status(process);\n\n &-process > &-container > &-icon {\n background: @process-icon-color;\n .@{steps-prefix-cls}-icon {\n color: @process-icon-text-color;\n }\n }\n\n &-process > &-container > &-title {\n font-weight: 500;\n }\n .step-item-status(finish);\n .step-item-status(error);\n\n &.@{steps-prefix-cls}-next-error .@{steps-prefix-cls}-item-title::after {\n background: @error-icon-color;\n }\n\n &-disabled {\n cursor: not-allowed;\n }\n}\n\n// ===================== Clickable =====================\n.@{steps-prefix-cls} .@{steps-prefix-cls}-item {\n &:not(.@{steps-prefix-cls}-item-active) {\n & > .@{steps-prefix-cls}-item-container[role='button'] {\n cursor: pointer;\n\n .@{steps-prefix-cls}-item {\n &-title,\n &-subtitle,\n &-description,\n &-icon .@{steps-prefix-cls}-icon {\n transition: color 0.3s;\n }\n }\n\n &:hover {\n .@{steps-prefix-cls}-item {\n &-title,\n &-subtitle,\n &-description {\n color: @primary-color;\n }\n }\n }\n }\n\n &:not(.@{steps-prefix-cls}-item-process) {\n & > .@{steps-prefix-cls}-item-container[role='button']:hover {\n .@{steps-prefix-cls}-item {\n &-icon {\n border-color: @primary-color;\n\n .@{steps-prefix-cls}-icon {\n color: @primary-color;\n }\n }\n }\n }\n }\n }\n}\n\n.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {\n .@{steps-prefix-cls}-item {\n padding-left: 16px;\n white-space: nowrap;\n\n &:first-child {\n padding-left: 0;\n }\n &:last-child .@{steps-prefix-cls}-item-title {\n padding-right: 0;\n }\n\n &-tail {\n display: none;\n }\n\n &-description {\n max-width: @steps-description-max-width;\n white-space: normal;\n }\n }\n}\n\n.step-item-status(@status) {\n @icon-color: '@{status}-icon-color';\n @title-color: '@{status}-title-color';\n @description-color: '@{status}-description-color';\n @tail-color: '@{status}-tail-color';\n &-@{status} &-icon {\n background-color: @steps-background;\n border-color: @@icon-color;\n > .@{steps-prefix-cls}-icon {\n color: @@icon-color;\n .@{steps-prefix-cls}-icon-dot {\n background: @@icon-color;\n }\n }\n }\n &-@{status} > &-container > &-content > &-title {\n color: @@title-color;\n\n &::after {\n background-color: @@tail-color;\n }\n }\n &-@{status} > &-container > &-content > &-description {\n color: @@description-color;\n }\n &-@{status} > &-container > &-tail::after {\n background-color: @@tail-color;\n }\n}\n\n@import './custom-icon';\n@import './small';\n@import './vertical';\n@import './label-placement';\n@import './progress-dot';\n@import './nav';\n@import './rtl';\n@import './progress.less';\n", ".@{steps-prefix-cls}-item-custom {\n > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-icon {\n height: auto;\n background: none;\n border: 0;\n > .@{steps-prefix-cls}-icon {\n top: @steps-icon-custom-top;\n left: 0.5px;\n width: @steps-icon-custom-size;\n height: @steps-icon-custom-size;\n font-size: @steps-icon-custom-font-size;\n line-height: @steps-icon-custom-size;\n }\n }\n &.@{steps-prefix-cls}-item-process {\n .@{steps-prefix-cls}-item-icon > .@{steps-prefix-cls}-icon {\n color: @process-icon-color;\n }\n }\n}\n\n// Only adjust horizontal customize icon width\n.@{steps-prefix-cls} {\n &:not(.@{steps-prefix-cls}-vertical) {\n .@{steps-prefix-cls}-item-custom {\n .@{steps-prefix-cls}-item-icon {\n width: auto;\n background: none;\n }\n }\n }\n}\n", ".@{steps-prefix-cls}-small {\n &.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical)\n .@{steps-prefix-cls}-item {\n padding-left: 12px;\n\n &:first-child {\n padding-left: 0;\n }\n }\n .@{steps-prefix-cls}-item-icon {\n width: @steps-small-icon-size;\n height: @steps-small-icon-size;\n margin: @steps-small-icon-margin;\n font-size: @font-size-sm;\n line-height: @steps-small-icon-size;\n text-align: center;\n border-radius: @steps-small-icon-size;\n }\n .@{steps-prefix-cls}-item-title {\n padding-right: 12px;\n font-size: @font-size-base;\n line-height: @steps-small-icon-size;\n\n &::after {\n top: (@steps-small-icon-size / 2);\n }\n }\n .@{steps-prefix-cls}-item-description {\n color: @text-color-secondary;\n font-size: @font-size-base;\n }\n .@{steps-prefix-cls}-item-tail {\n top: 8px;\n }\n .@{steps-prefix-cls}-item-custom .@{steps-prefix-cls}-item-icon {\n width: inherit;\n height: inherit;\n line-height: inherit;\n background: none;\n border: 0;\n border-radius: 0;\n > .@{steps-prefix-cls}-icon {\n font-size: @steps-small-icon-size;\n line-height: @steps-small-icon-size;\n transform: none;\n }\n }\n}\n", ".@{steps-prefix-cls}-vertical {\n display: flex;\n flex-direction: column;\n\n > .@{steps-prefix-cls}-item {\n display: block;\n flex: 1 0 auto;\n padding-left: 0;\n overflow: visible;\n\n .@{steps-prefix-cls}-item-icon {\n float: left;\n margin-right: @steps-vertical-icon-width;\n }\n\n .@{steps-prefix-cls}-item-content {\n display: block;\n min-height: 48px;\n overflow: hidden;\n }\n\n .@{steps-prefix-cls}-item-title {\n line-height: @steps-icon-size;\n }\n\n .@{steps-prefix-cls}-item-description {\n padding-bottom: 12px;\n }\n }\n\n > .@{steps-prefix-cls}-item\n > .@{steps-prefix-cls}-item-container\n > .@{steps-prefix-cls}-item-tail {\n position: absolute;\n top: 0;\n left: @steps-vertical-tail-width - 1; // line width\n width: 1px;\n height: 100%;\n padding: @steps-icon-size + 6px 0 6px;\n\n &::after {\n width: 1px;\n height: 100%;\n }\n }\n\n > .@{steps-prefix-cls}-item:not(:last-child)\n > .@{steps-prefix-cls}-item-container\n > .@{steps-prefix-cls}-item-tail {\n display: block;\n }\n\n > .@{steps-prefix-cls}-item\n > .@{steps-prefix-cls}-item-container\n > .@{steps-prefix-cls}-item-content\n > .@{steps-prefix-cls}-item-title {\n &::after {\n display: none;\n }\n }\n\n &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item-container {\n .@{steps-prefix-cls}-item-tail {\n position: absolute;\n top: 0;\n left: @steps-vertical-tail-width-sm - 1; // line width\n padding: @steps-small-icon-size + 6px 0 6px;\n }\n .@{steps-prefix-cls}-item-title {\n line-height: @steps-small-icon-size;\n }\n }\n}\n", ".@{steps-prefix-cls}-label-vertical {\n .@{steps-prefix-cls}-item {\n overflow: visible;\n\n &-tail {\n margin-left: 58px;\n padding: 3.5px 24px;\n }\n\n &-content {\n display: block;\n width: ((@steps-icon-size / 2) + 42px) * 2;\n margin-top: 8px;\n text-align: center;\n }\n\n &-icon {\n display: inline-block;\n margin-left: 42px;\n }\n\n &-title {\n padding-right: 0;\n padding-left: 0;\n\n &::after {\n display: none;\n }\n }\n\n &-subtitle {\n display: block;\n margin-bottom: 4px;\n margin-left: 0;\n line-height: @line-height-base;\n }\n }\n &.@{steps-prefix-cls}-small:not(.@{steps-prefix-cls}-dot) {\n .@{steps-prefix-cls}-item {\n &-icon {\n margin-left: 46px;\n }\n }\n }\n}\n", ".@{steps-prefix-cls}-dot,\n.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {\n .@{steps-prefix-cls}-item {\n &-title {\n line-height: @line-height-base;\n }\n\n &-tail {\n top: @steps-dot-top;\n width: 100%;\n margin: 0 0 0 (@steps-description-max-width / 2);\n padding: 0;\n\n &::after {\n width: ~'calc(100% - 20px)';\n height: 3px;\n margin-left: 12px;\n }\n }\n &:first-child .@{steps-prefix-cls}-icon-dot {\n left: 2px;\n }\n\n &-icon {\n width: @steps-dot-size;\n height: @steps-dot-size;\n margin-left: 67px;\n padding-right: 0;\n line-height: @steps-dot-size;\n background: transparent;\n border: 0;\n\n .@{steps-prefix-cls}-icon-dot {\n position: relative;\n float: left;\n width: 100%;\n height: 100%;\n border-radius: 100px;\n transition: all 0.3s;\n\n /* expand hover area */\n &::after {\n position: absolute;\n top: -12px;\n left: -26px;\n width: 60px;\n height: 32px;\n background: fade(@black, 0.1%);\n content: '';\n }\n }\n }\n\n &-content {\n width: @steps-description-max-width;\n }\n &-process .@{steps-prefix-cls}-item-icon {\n position: relative;\n top: -1px;\n width: @steps-current-dot-size;\n height: @steps-current-dot-size;\n line-height: @steps-current-dot-size;\n background: none;\n }\n &-process .@{steps-prefix-cls}-icon {\n &:first-child .@{steps-prefix-cls}-icon-dot {\n left: 0;\n }\n }\n }\n}\n\n.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-dot {\n .@{steps-prefix-cls}-item-icon {\n margin-top: 13px;\n margin-left: 0;\n background: none;\n }\n\n // https://github.com/ant-design/ant-design/issues/18354\n .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {\n top: 6.5px;\n left: -9px;\n margin: 0;\n padding: 22px 0 4px;\n }\n\n &.@{steps-prefix-cls}-small {\n .@{steps-prefix-cls}-item-icon {\n margin-top: 10px;\n }\n\n .@{steps-prefix-cls}-item\n > .@{steps-prefix-cls}-item-container\n > .@{steps-prefix-cls}-item-tail {\n top: 3.5px;\n }\n }\n\n .@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {\n left: 0;\n }\n .@{steps-prefix-cls}-item-content {\n width: inherit;\n }\n .@{steps-prefix-cls}-item-process\n .@{steps-prefix-cls}-item-container\n .@{steps-prefix-cls}-item-icon\n .@{steps-prefix-cls}-icon-dot {\n top: -1px;\n left: -1px;\n }\n}\n", ".@{steps-prefix-cls}-navigation {\n padding-top: 12px;\n\n &.@{steps-prefix-cls}-small {\n .@{steps-prefix-cls}-item {\n &-container {\n margin-left: -12px;\n }\n }\n }\n\n .@{steps-prefix-cls}-item {\n overflow: visible;\n text-align: center;\n\n &-container {\n display: inline-block;\n height: 100%;\n margin-left: -16px;\n padding-bottom: 12px;\n text-align: left;\n transition: opacity 0.3s;\n\n .@{steps-prefix-cls}-item-content {\n max-width: @steps-nav-content-max-width;\n }\n\n .@{steps-prefix-cls}-item-title {\n max-width: 100%;\n padding-right: 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n &::after {\n display: none;\n }\n }\n }\n\n &:not(.@{steps-prefix-cls}-item-active) {\n .@{steps-prefix-cls}-item-container[role='button'] {\n cursor: pointer;\n\n &:hover {\n opacity: 0.85;\n }\n }\n }\n\n &:last-child {\n flex: 1;\n\n &::after {\n display: none;\n }\n }\n\n &::after {\n position: absolute;\n top: 50%;\n left: 100%;\n display: inline-block;\n width: 12px;\n height: 12px;\n margin-top: -14px;\n margin-left: -2px;\n border: 1px solid @steps-nav-arrow-color;\n border-bottom: none;\n border-left: none;\n transform: rotate(45deg);\n content: '';\n }\n\n &::before {\n position: absolute;\n bottom: 0;\n left: 50%;\n display: inline-block;\n width: 0;\n height: 2px;\n background-color: @steps-nav-active-color;\n transition: width 0.3s, left 0.3s;\n transition-timing-function: ease-out;\n content: '';\n }\n }\n\n .@{steps-prefix-cls}-item.@{steps-prefix-cls}-item-active::before {\n left: 0;\n width: 100%;\n }\n}\n\n.@{steps-prefix-cls}-navigation.@{steps-prefix-cls}-vertical {\n > .@{steps-prefix-cls}-item {\n margin-right: 0 !important;\n\n &::before {\n display: none;\n }\n &.@{steps-prefix-cls}-item-active::before {\n top: 0;\n right: 0;\n left: unset;\n display: block;\n width: 3px;\n height: calc(100% - 24px);\n }\n\n &::after {\n position: relative;\n top: -2px;\n left: 50%;\n display: block;\n width: 8px;\n height: 8px;\n margin-bottom: 8px;\n text-align: center;\n transform: rotate(135deg);\n }\n > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {\n visibility: hidden;\n }\n }\n}\n\n.@{steps-prefix-cls}-navigation.@{steps-prefix-cls}-horizontal {\n > .@{steps-prefix-cls}-item\n > .@{steps-prefix-cls}-item-container\n > .@{steps-prefix-cls}-item-tail {\n visibility: hidden;\n }\n}\n", ".@{steps-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n}\n\n.@{steps-prefix-cls}-item {\n &-icon {\n .@{steps-prefix-cls}.@{steps-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: 8px;\n }\n }\n\n &-tail {\n .@{steps-prefix-cls}-rtl & {\n right: 0;\n left: auto;\n }\n }\n\n &-title {\n .@{steps-prefix-cls}-rtl & {\n padding-right: 0;\n padding-left: 16px;\n }\n\n .@{steps-prefix-cls}-item-subtitle {\n .@{steps-prefix-cls}-rtl & {\n float: left;\n margin-right: 8px;\n margin-left: 0;\n }\n }\n\n &::after {\n .@{steps-prefix-cls}-rtl & {\n right: 100%;\n left: auto;\n }\n }\n }\n}\n\n.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {\n .@{steps-prefix-cls}-item {\n .@{steps-prefix-cls}-rtl& {\n padding-right: 16px;\n padding-left: 0;\n }\n\n &:first-child {\n .@{steps-prefix-cls}-rtl& {\n padding-right: 0;\n }\n }\n\n &:last-child .@{steps-prefix-cls}-item-title {\n .@{steps-prefix-cls}-rtl& {\n padding-left: 0;\n }\n }\n }\n}\n\n// custom-icon\n.@{steps-prefix-cls}-item-custom {\n .@{steps-prefix-cls}-item-icon {\n > .@{steps-prefix-cls}-icon {\n .@{steps-prefix-cls}-rtl & {\n right: 0.5px;\n left: auto;\n }\n }\n }\n}\n\n// nav\n.@{steps-prefix-cls}-navigation {\n &.@{steps-prefix-cls}-small {\n .@{steps-prefix-cls}-item {\n &-container {\n .@{steps-prefix-cls}-rtl& {\n margin-right: -12px;\n margin-left: 0;\n }\n }\n }\n }\n\n .@{steps-prefix-cls}-item {\n &-container {\n .@{steps-prefix-cls}-rtl& {\n margin-right: -16px;\n margin-left: 0;\n text-align: right;\n }\n\n .@{steps-prefix-cls}-item-title {\n .@{steps-prefix-cls}-rtl& {\n padding-left: 0;\n }\n }\n }\n\n &::after {\n .@{steps-prefix-cls}-rtl& {\n right: 100%;\n left: auto;\n margin-right: -2px;\n margin-left: 0;\n transform: rotate(225deg);\n }\n }\n }\n}\n\n// small\n.@{steps-prefix-cls}-small {\n &.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical)\n .@{steps-prefix-cls}-item {\n .@{steps-prefix-cls}-rtl& {\n padding-right: 12px;\n padding-left: 0;\n }\n\n &:first-child {\n .@{steps-prefix-cls}-rtl& {\n padding-right: 0;\n }\n }\n }\n\n .@{steps-prefix-cls}-item-title {\n .@{steps-prefix-cls}-rtl& {\n padding-right: 0;\n padding-left: 12px;\n }\n }\n}\n\n// vertical\n.@{steps-prefix-cls}-vertical {\n > .@{steps-prefix-cls}-item {\n .@{steps-prefix-cls}-item-icon {\n .@{steps-prefix-cls}-rtl& {\n float: right;\n margin-right: 0;\n margin-left: @steps-vertical-icon-width;\n }\n }\n }\n\n > .@{steps-prefix-cls}-item\n > .@{steps-prefix-cls}-item-container\n > .@{steps-prefix-cls}-item-tail {\n .@{steps-prefix-cls}-rtl& {\n right: @steps-vertical-tail-width;\n left: auto;\n }\n }\n\n &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item-container {\n .@{steps-prefix-cls}-item-tail {\n .@{steps-prefix-cls}-rtl& {\n right: @steps-vertical-tail-width-sm;\n left: auto;\n }\n }\n }\n}\n\n// label\n.@{steps-prefix-cls}-label-vertical {\n .@{steps-prefix-cls}-item {\n &-title {\n .@{steps-prefix-cls}-rtl& {\n padding-left: 0;\n }\n }\n }\n}\n\n// progress-dot\n.@{steps-prefix-cls}-dot,\n.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {\n .@{steps-prefix-cls}-item {\n &-tail {\n .@{steps-prefix-cls}-rtl& {\n margin: 0 (@steps-description-max-width / 2) 0 0;\n }\n\n &::after {\n .@{steps-prefix-cls}-rtl& {\n margin-right: 12px;\n margin-left: 0;\n }\n }\n }\n\n &:first-child .@{steps-prefix-cls}-icon-dot {\n .@{steps-prefix-cls}-rtl& {\n right: 2px;\n left: auto;\n }\n }\n\n &-icon {\n .@{steps-prefix-cls}-rtl& {\n margin-right: 67px;\n margin-left: 0;\n }\n\n .@{steps-prefix-cls}-icon-dot {\n .@{steps-prefix-cls}-rtl& {\n float: right;\n }\n\n /* expand hover area */\n &::after {\n .@{steps-prefix-cls}-rtl& {\n right: -26px;\n left: auto;\n }\n }\n }\n }\n }\n}\n\n.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-dot {\n .@{steps-prefix-cls}-item-icon {\n .@{steps-prefix-cls}-rtl& {\n margin-right: 0;\n margin-left: 16px;\n }\n }\n\n // https://github.com/ant-design/ant-design/issues/18354\n .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {\n .@{steps-prefix-cls}-rtl& {\n right: -9px;\n left: auto;\n }\n }\n\n .@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {\n .@{steps-prefix-cls}-rtl& {\n right: 0;\n left: auto;\n }\n }\n\n .@{steps-prefix-cls}-item-process .@{steps-prefix-cls}-icon-dot {\n .@{steps-prefix-cls}-rtl& {\n right: -2px;\n left: auto;\n }\n }\n}\n\n// RTL Steps with progress\n.@{steps-prefix-cls}-rtl.@{steps-prefix-cls}-with-progress {\n &.@{steps-prefix-cls}-vertical > .@{steps-prefix-cls}-item {\n padding-right: 4px;\n > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {\n right: @steps-vertical-tail-width + 3;\n }\n }\n\n &.@{steps-prefix-cls}-small.@{steps-prefix-cls}-vertical > .@{steps-prefix-cls}-item {\n > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {\n right: @steps-vertical-tail-width-sm + 3;\n }\n }\n\n &.@{steps-prefix-cls}-horizontal.@{steps-prefix-cls}-label-horizontal {\n .@{steps-prefix-cls}-item:first-child {\n padding-right: 4px;\n padding-left: 0;\n\n &.@{steps-prefix-cls}-item-active {\n padding-right: 4px;\n }\n }\n }\n}\n", "@progress-prefix-cls: ~'@{ant-prefix}-progress';\n\n.@{steps-prefix-cls}-with-progress {\n .@{steps-prefix-cls}-item {\n padding-top: 4px;\n\n & > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {\n top: 4px;\n left: @steps-vertical-tail-width + 3;\n }\n }\n\n &,\n &.@{steps-prefix-cls}-small {\n &.@{steps-prefix-cls}-horizontal .@{steps-prefix-cls}-item:first-child {\n padding-bottom: 4px;\n padding-left: 4px;\n }\n }\n\n &.@{steps-prefix-cls}-small\n > .@{steps-prefix-cls}-item\n > .@{steps-prefix-cls}-item-container\n > .@{steps-prefix-cls}-item-tail {\n left: @steps-vertical-tail-width-sm + 3;\n }\n\n &.@{steps-prefix-cls}-vertical .@{steps-prefix-cls}-item {\n padding-left: 4px;\n }\n\n &.@{steps-prefix-cls}-label-vertical {\n .@{steps-prefix-cls}-item .@{steps-prefix-cls}-item-tail {\n top: 14px !important;\n }\n }\n\n .@{steps-prefix-cls}-item-icon {\n position: relative;\n\n .@{progress-prefix-cls} {\n position: absolute;\n top: -5px;\n right: -5px;\n bottom: -5px;\n left: -5px;\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@switch-prefix-cls: ~'@{ant-prefix}-switch';\n@switch-duration: 0.2s;\n\n@switch-pin-size: @switch-height - 4px;\n@switch-sm-pin-size: @switch-sm-height - 4px;\n\n.@{switch-prefix-cls} {\n .reset-component();\n\n position: relative;\n display: inline-block;\n box-sizing: border-box;\n min-width: @switch-min-width;\n height: @switch-height;\n line-height: @switch-height;\n vertical-align: middle;\n background-color: @disabled-color;\n border: 0;\n border-radius: 100px;\n cursor: pointer;\n transition: all @switch-duration;\n user-select: none;\n\n &:focus {\n outline: 0;\n box-shadow: 0 0 0 2px fade(@disabled-color, 10%);\n }\n\n &-checked:focus {\n box-shadow: 0 0 0 2px @primary-1;\n }\n\n &:focus:hover {\n box-shadow: none;\n }\n\n &-checked {\n background-color: @switch-color;\n }\n\n &-loading,\n &-disabled {\n cursor: not-allowed;\n opacity: @switch-disabled-opacity;\n\n * {\n box-shadow: none;\n cursor: not-allowed;\n }\n }\n\n // ========================= Inner ==========================\n &-inner {\n display: block;\n margin: 0 @switch-inner-margin-min 0 @switch-inner-margin-max;\n color: @text-color-inverse;\n font-size: @font-size-sm;\n transition: margin @switch-duration;\n }\n\n &-checked &-inner {\n margin: 0 @switch-inner-margin-max 0 @switch-inner-margin-min;\n }\n\n // ========================= Handle =========================\n &-handle {\n position: absolute;\n top: @switch-padding;\n left: @switch-padding;\n width: @switch-pin-size;\n height: @switch-pin-size;\n transition: all @switch-duration ease-in-out;\n\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: @switch-bg;\n border-radius: (@switch-pin-size / 2);\n box-shadow: 0 2px 4px 0 @switch-shadow-color;\n transition: all @switch-duration ease-in-out;\n content: '';\n }\n }\n\n &-checked &-handle {\n left: calc(100% - @switch-pin-size - @switch-padding);\n }\n\n &:not(&-disabled):active {\n .@{switch-prefix-cls}-handle::before {\n right: -30%;\n left: 0;\n }\n\n &.@{switch-prefix-cls}-checked {\n .@{switch-prefix-cls}-handle::before {\n right: 0;\n left: -30%;\n }\n }\n }\n\n // ======================== Loading =========================\n &-loading-icon.@{iconfont-css-prefix} {\n position: relative;\n top: ((@switch-pin-size - @font-size-base) / 2);\n color: rgba(0, 0, 0, 0.65);\n vertical-align: top;\n }\n\n &-checked &-loading-icon {\n color: @switch-color;\n }\n\n // ========================== Size ==========================\n &-small {\n min-width: @switch-sm-min-width;\n height: @switch-sm-height;\n line-height: @switch-sm-height;\n\n .@{switch-prefix-cls}-inner {\n margin: 0 @switch-sm-inner-margin-min 0 @switch-sm-inner-margin-max;\n font-size: @font-size-sm;\n }\n\n .@{switch-prefix-cls}-handle {\n width: @switch-sm-pin-size;\n height: @switch-sm-pin-size;\n }\n\n .@{switch-prefix-cls}-loading-icon {\n top: ((@switch-sm-pin-size - 9px) / 2);\n font-size: 9px;\n }\n\n &.@{switch-prefix-cls}-checked {\n .@{switch-prefix-cls}-inner {\n margin: 0 @switch-sm-inner-margin-max 0 @switch-sm-inner-margin-min;\n }\n\n .@{switch-prefix-cls}-handle {\n left: calc(100% - @switch-sm-pin-size - @switch-padding);\n }\n }\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@switch-prefix-cls: ~'@{ant-prefix}-switch';\n\n@switch-pin-size: @switch-height - 4px;\n@switch-sm-pin-size: @switch-sm-height - 4px;\n\n.@{switch-prefix-cls}-rtl {\n direction: rtl;\n\n .@{switch-prefix-cls}-inner {\n margin: 0 @switch-inner-margin-max 0 @switch-inner-margin-min;\n }\n\n .@{switch-prefix-cls}-handle {\n right: @switch-padding;\n left: auto;\n }\n\n &:not(&-disabled):active {\n .@{switch-prefix-cls}-handle::before {\n right: 0;\n left: -30%;\n }\n\n &.@{switch-prefix-cls}-checked {\n .@{switch-prefix-cls}-handle::before {\n right: -30%;\n left: 0;\n }\n }\n }\n\n &.@{switch-prefix-cls}-checked {\n .@{switch-prefix-cls}-inner {\n margin: 0 @switch-inner-margin-min 0 @switch-inner-margin-max;\n }\n\n .@{switch-prefix-cls}-handle {\n right: calc(100% - @switch-pin-size - @switch-padding);\n }\n }\n\n &.@{switch-prefix-cls}-small {\n &.@{switch-prefix-cls}-checked {\n .@{switch-prefix-cls}-handle {\n right: calc(100% - @switch-sm-pin-size - @switch-padding);\n }\n }\n }\n}\n", "nz-switch {\n display: inline-block;\n}\n", "@import (reference) '../../style/themes/index';\n\n@table-prefix-cls: ~'@{ant-prefix}-table';\n\n.table-size(@size, @padding-vertical, @padding-horizontal, @font-size) {\n .@{table-prefix-cls}.@{table-prefix-cls}-@{size} {\n font-size: @font-size;\n\n .@{table-prefix-cls}-title,\n .@{table-prefix-cls}-footer,\n .@{table-prefix-cls}-thead > tr > th,\n .@{table-prefix-cls}-tbody > tr > td,\n tfoot > tr > th,\n tfoot > tr > td {\n padding: @padding-vertical @padding-horizontal;\n }\n\n .@{table-prefix-cls}-filter-trigger {\n margin-right: -(@padding-horizontal / 2);\n }\n\n .@{table-prefix-cls}-expanded-row-fixed {\n margin: -@padding-vertical -@padding-horizontal;\n }\n\n .@{table-prefix-cls}-tbody {\n // ========================= Nest Table ===========================\n .@{table-prefix-cls}-wrapper:only-child {\n .@{table-prefix-cls} {\n margin: -@padding-vertical -@padding-horizontal -@padding-vertical (@table-expand-column-width -\n @padding-horizontal);\n }\n }\n }\n\n // https://github.com/ant-design/ant-design/issues/35167\n .@{table-prefix-cls}-selection-column {\n padding-inline-start: (@padding-horizontal / 4);\n }\n }\n}\n\n// ================================================================\n// = Middle =\n// ================================================================\n.table-size(~'middle', @table-padding-vertical-md, @table-padding-horizontal-md, @table-font-size-md);\n\n// ================================================================\n// = Small =\n// ================================================================\n.table-size(~'small', @table-padding-vertical-sm, @table-padding-horizontal-sm, @table-font-size-sm);\n", "@import './size';\n@import (reference) '../../style/themes/index';\n@table-prefix-cls: ~'@{ant-prefix}-table';\n\n@table-border: @border-width-base @border-style-base @table-border-color;\n\n.@{table-prefix-cls}.@{table-prefix-cls}-bordered {\n // ============================ Title =============================\n > .@{table-prefix-cls}-title {\n border: @table-border;\n border-bottom: 0;\n }\n\n > .@{table-prefix-cls}-container {\n // ============================ Content ============================\n border-left: @table-border;\n\n > .@{table-prefix-cls}-content,\n > .@{table-prefix-cls}-header,\n > .@{table-prefix-cls}-body,\n > .@{table-prefix-cls}-summary {\n > table {\n // ============================= Cell =============================\n > thead > tr > th,\n > tbody > tr > td,\n > tfoot > tr > th,\n > tfoot > tr > td {\n border-right: @table-border;\n }\n // ============================ Header ============================\n > thead {\n > tr:not(:last-child) > th {\n border-bottom: @border-width-base @border-style-base @table-border-color;\n }\n\n > tr > th {\n &::before {\n background-color: transparent !important;\n }\n }\n }\n\n // Fixed right should provides additional border\n > thead > tr,\n > tbody > tr,\n > tfoot > tr {\n > .@{table-prefix-cls}-cell-fix-right-first::after {\n border-right: @table-border;\n }\n }\n }\n\n // ========================== Expandable ==========================\n > table > tbody > tr > td {\n > .@{table-prefix-cls}-expanded-row-fixed {\n margin: -@table-padding-vertical (-@table-padding-horizontal - @border-width-base);\n\n &::after {\n position: absolute;\n top: 0;\n right: @border-width-base;\n bottom: 0;\n border-right: @table-border;\n content: '';\n }\n }\n }\n }\n\n > .@{table-prefix-cls}-content,\n > .@{table-prefix-cls}-header {\n > table {\n border-top: @table-border;\n }\n }\n }\n\n &.@{table-prefix-cls}-scroll-horizontal {\n > .@{table-prefix-cls}-container > .@{table-prefix-cls}-body {\n > table > tbody {\n > tr.@{table-prefix-cls}-expanded-row,\n > tr.@{table-prefix-cls}-placeholder {\n > td {\n border-right: 0;\n }\n }\n }\n }\n }\n\n // Size related\n &.@{table-prefix-cls}-middle {\n > .@{table-prefix-cls}-container {\n > .@{table-prefix-cls}-content,\n > .@{table-prefix-cls}-body {\n > table > tbody > tr > td {\n > .@{table-prefix-cls}-expanded-row-fixed {\n margin: -@table-padding-vertical-md (-@table-padding-horizontal-md - @border-width-base);\n }\n }\n }\n }\n }\n\n &.@{table-prefix-cls}-small {\n > .@{table-prefix-cls}-container {\n > .@{table-prefix-cls}-content,\n > .@{table-prefix-cls}-body {\n > table > tbody > tr > td {\n > .@{table-prefix-cls}-expanded-row-fixed {\n margin: -@table-padding-vertical-sm (-@table-padding-horizontal-sm - @border-width-base);\n }\n }\n }\n }\n }\n\n // ============================ Footer ============================\n > .@{table-prefix-cls}-footer {\n border: @table-border;\n border-top: 0;\n }\n}\n\n.@{table-prefix-cls}-cell {\n // ============================ Nested ============================\n .@{table-prefix-cls}-container:first-child {\n // :first-child to avoid the case when bordered and title is set\n border-top: 0;\n }\n\n // https://github.com/ant-design/ant-design/issues/35577\n &-scrollbar:not([rowspan]) {\n box-shadow: 0 @border-width-base 0 @border-width-base @table-header-bg;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import './size';\n@import './bordered';\n\n@table-prefix-cls: ~'@{ant-prefix}-table';\n@tree-prefix-cls: ~'@{ant-prefix}-tree';\n@dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';\n@descriptions-prefix-cls: ~'@{ant-prefix}-descriptions';\n@table-header-icon-color: #bfbfbf;\n@table-header-icon-color-hover: darken(@table-header-icon-color, 10%);\n@table-sticky-zindex: calc(@zindex-table-fixed + 1);\n@table-sticky-scroll-bar-active-bg: fade(@table-sticky-scroll-bar-bg, 80%);\n@table-filter-dropdown-max-height: 264px;\n@table-expand-column-width: 48px;\n\n.@{table-prefix-cls}-wrapper {\n clear: both;\n max-width: 100%;\n .clearfix();\n}\n\n.@{table-prefix-cls} {\n .reset-component();\n position: relative;\n font-size: @table-font-size;\n background: @table-bg;\n border-radius: @table-border-radius-base;\n\n // https://github.com/ant-design/ant-design/issues/17611\n table {\n width: 100%;\n text-align: left;\n border-radius: @table-border-radius-base @table-border-radius-base 0 0;\n border-collapse: separate;\n border-spacing: 0;\n }\n\n // ============================= Cell =============================\n &-thead > tr > th,\n &-tbody > tr > td,\n tfoot > tr > th,\n tfoot > tr > td {\n position: relative;\n padding: @table-padding-vertical @table-padding-horizontal;\n overflow-wrap: break-word;\n }\n\n &-cell-ellipsis {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n word-break: keep-all;\n\n // Fixed first or last should special process\n &.@{table-prefix-cls}-cell-fix-left-last,\n &.@{table-prefix-cls}-cell-fix-right-first {\n overflow: visible;\n\n .@{table-prefix-cls}-cell-content {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n .@{table-prefix-cls}-column-title {\n overflow: hidden;\n text-overflow: ellipsis;\n word-break: keep-all;\n }\n }\n\n // ============================ Title =============================\n &-title {\n padding: @table-padding-vertical @table-padding-horizontal;\n }\n\n // ============================ Footer ============================\n &-footer {\n padding: @table-padding-vertical @table-padding-horizontal;\n color: @table-footer-color;\n background: @table-footer-bg;\n }\n\n // ============================ Header ============================\n &-thead {\n > tr {\n > th {\n position: relative;\n color: @table-header-color;\n font-weight: 500;\n text-align: left;\n background: @table-header-bg;\n border-bottom: @border-width-base @border-style-base @table-border-color;\n transition: background 0.3s ease;\n\n &[colspan]:not([colspan='1']) {\n text-align: center;\n }\n\n &:not(:last-child):not(.@{table-prefix-cls}-selection-column):not(.@{table-prefix-cls}-row-expand-icon-cell):not([colspan])::before {\n position: absolute;\n top: 50%;\n right: 0;\n width: 1px;\n height: 1.6em;\n background-color: @table-header-cell-split-color;\n transform: translateY(-50%);\n transition: background-color 0.3s;\n content: '';\n }\n }\n }\n\n > tr:not(:last-child) > th {\n &[colspan] {\n border-bottom: 0;\n }\n }\n }\n\n // ============================= Body =============================\n &-tbody {\n > tr {\n > td {\n border-bottom: @border-width-base @border-style-base @table-border-color;\n transition: background 0.3s;\n\n // ========================= Nest Table ===========================\n > .@{table-prefix-cls}-wrapper:only-child,\n > .@{table-prefix-cls}-expanded-row-fixed > .@{table-prefix-cls}-wrapper:only-child {\n .@{table-prefix-cls} {\n margin: -@table-padding-vertical -@table-padding-horizontal -@table-padding-vertical (@table-expand-column-width -\n @table-padding-horizontal);\n\n &-tbody > tr:last-child > td {\n border-bottom: 0;\n\n &:first-child,\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n }\n\n &.@{table-prefix-cls}-row:hover > td,\n > td.@{table-prefix-cls}-cell-row-hover {\n background: @table-row-hover-bg;\n }\n\n &.@{table-prefix-cls}-row-selected {\n > td {\n background: @table-selected-row-bg;\n border-color: rgba(0, 0, 0, 0.03);\n }\n\n &:hover {\n > td {\n background: @table-selected-row-hover-bg;\n }\n }\n }\n }\n }\n\n // =========================== Summary ============================\n &-summary {\n position: relative;\n z-index: @zindex-table-fixed;\n background: @table-bg;\n\n div& {\n box-shadow: 0 -@border-width-base 0 @table-border-color;\n }\n\n > tr {\n > th,\n > td {\n border-bottom: @border-width-base @border-style-base @table-border-color;\n }\n }\n }\n\n // ========================== Pagination ==========================\n &-pagination.@{ant-prefix}-pagination {\n margin: 16px 0;\n }\n\n &-pagination {\n display: flex;\n flex-wrap: wrap;\n row-gap: @padding-xs;\n\n > * {\n flex: none;\n }\n\n &-left {\n justify-content: flex-start;\n }\n\n &-center {\n justify-content: center;\n }\n\n &-right {\n justify-content: flex-end;\n }\n }\n\n // ================================================================\n // = Function =\n // ================================================================\n\n // ============================ Sorter ============================\n &-thead th.@{table-prefix-cls}-column-has-sorters {\n outline: none;\n cursor: pointer;\n transition: all 0.3s;\n\n &:hover {\n background: @table-header-sort-active-bg;\n\n &::before {\n background-color: transparent !important;\n }\n }\n\n &:focus-visible {\n color: @primary-color;\n }\n\n // https://github.com/ant-design/ant-design/issues/30969\n &.@{table-prefix-cls}-cell-fix-left:hover,\n &.@{table-prefix-cls}-cell-fix-right:hover {\n background: @table-fixed-header-sort-active-bg;\n }\n }\n\n &-thead th.@{table-prefix-cls}-column-sort {\n background: @table-header-sort-bg;\n\n &::before {\n background-color: transparent !important;\n }\n }\n\n td&-column-sort {\n background: @table-body-sort-bg;\n }\n\n &-column-title {\n position: relative;\n z-index: 1;\n flex: 1;\n }\n\n &-column-sorters {\n display: flex;\n flex: auto;\n align-items: center;\n justify-content: space-between;\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n }\n }\n\n &-column-sorter {\n margin-left: 4px;\n color: @table-header-icon-color;\n font-size: 0;\n transition: color 0.3s;\n\n &-inner {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n }\n\n &-up,\n &-down {\n font-size: 11px;\n\n &.active {\n color: @primary-color;\n }\n }\n\n &-up + &-down {\n margin-top: -0.3em;\n }\n }\n\n &-column-sorters:hover &-column-sorter {\n color: darken(@table-header-icon-color, 10%);\n }\n\n // ============================ Filter ============================\n &-filter-column {\n display: flex;\n justify-content: space-between;\n }\n\n &-filter-trigger {\n position: relative;\n display: flex;\n align-items: center;\n margin: -4px (-@table-padding-horizontal / 2) -4px 4px;\n padding: 0 4px;\n color: @table-header-icon-color;\n font-size: @font-size-sm;\n border-radius: @border-radius-base;\n cursor: pointer;\n transition: all 0.3s;\n\n &:hover {\n color: @text-color-secondary;\n background: @table-header-filter-active-bg;\n }\n\n &.active {\n color: @primary-color;\n }\n }\n\n // Dropdown\n &-filter-dropdown {\n .reset-component();\n\n min-width: 120px;\n background-color: @table-filter-dropdown-bg;\n border-radius: @border-radius-base;\n box-shadow: @box-shadow-base;\n\n // Reset menu\n .@{dropdown-prefix-cls}-menu {\n // https://github.com/ant-design/ant-design/issues/4916\n // https://github.com/ant-design/ant-design/issues/19542\n max-height: @table-filter-dropdown-max-height;\n overflow-x: hidden;\n border: 0;\n box-shadow: none;\n\n &:empty::after {\n display: block;\n padding: 8px 0;\n color: @disabled-color;\n font-size: @font-size-sm;\n text-align: center;\n content: 'Not Found';\n }\n }\n\n &-tree {\n padding: 8px 8px 0;\n\n .@{tree-prefix-cls}-treenode .@{tree-prefix-cls}-node-content-wrapper:hover {\n background-color: @tree-node-hover-bg;\n }\n\n .@{tree-prefix-cls}-treenode-checkbox-checked .@{tree-prefix-cls}-node-content-wrapper {\n &,\n &:hover {\n background-color: @tree-node-selected-bg;\n }\n }\n }\n\n &-search {\n padding: 8px;\n border-bottom: @border-width-base @border-color-split @border-style-base;\n\n &-input {\n input {\n min-width: 140px;\n }\n .@{iconfont-css-prefix} {\n color: @disabled-color;\n }\n }\n }\n\n &-checkall {\n width: 100%;\n margin-bottom: 4px;\n margin-left: 4px;\n }\n\n &-submenu > ul {\n max-height: calc(100vh - 130px);\n overflow-x: hidden;\n overflow-y: auto;\n }\n\n // Checkbox\n &,\n &-submenu {\n .@{ant-prefix}-checkbox-wrapper + span {\n padding-left: 8px;\n }\n }\n\n // Operation\n &-btns {\n display: flex;\n justify-content: space-between;\n padding: 7px 8px;\n overflow: hidden;\n background-color: @table-filter-btns-bg;\n border-top: @border-width-base @border-style-base @table-border-color;\n }\n }\n\n // ========================== Selections ==========================\n &-selection-col {\n width: @table-selection-column-width;\n }\n\n &-bordered &-selection-col {\n width: @table-selection-column-width + 18px;\n }\n\n table tr th&-selection-column,\n table tr td&-selection-column {\n padding-right: @padding-xs;\n padding-left: @padding-xs;\n text-align: center;\n\n .@{ant-prefix}-radio-wrapper {\n margin-right: 0;\n }\n }\n\n table tr th&-selection-column&-cell-fix-left {\n z-index: 3;\n }\n\n table tr th&-selection-column::after {\n background-color: transparent !important;\n }\n\n &-selection {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n\n &-extra {\n position: absolute;\n top: 0;\n z-index: 1;\n cursor: pointer;\n transition: all 0.3s;\n margin-inline-start: 100%;\n padding-inline-start: (@table-padding-horizontal / 4);\n\n .@{iconfont-css-prefix} {\n color: @table-header-icon-color;\n font-size: 10px;\n\n &:hover {\n color: @table-header-icon-color-hover;\n }\n }\n }\n }\n\n // ========================== Expandable ==========================\n &-expand-icon-col {\n width: @table-expand-column-width;\n }\n\n &-row-expand-icon-cell {\n text-align: center;\n\n .@{table-prefix-cls}-row-expand-icon {\n display: inline-flex;\n float: none;\n vertical-align: sub;\n }\n }\n\n &-row-indent {\n float: left;\n height: 1px;\n }\n\n &-row-expand-icon {\n .operation-unit();\n position: relative;\n float: left;\n box-sizing: border-box;\n width: @expand-icon-size;\n height: @expand-icon-size;\n padding: 0;\n color: inherit;\n line-height: ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2)) * 2 + @border-width-base *\n 3;\n background: @table-expand-icon-bg;\n border: @border-width-base @border-style-base @table-border-color;\n border-radius: @border-radius-base;\n transform: scale((unit(@checkbox-size) / unit(@expand-icon-size)));\n transition: all 0.3s;\n user-select: none;\n @expand-icon-size: ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2)) * 2 +\n @border-width-base * 3;\n\n &:focus,\n &:hover,\n &:active {\n border-color: currentcolor;\n }\n\n &::before,\n &::after {\n position: absolute;\n background: currentcolor;\n transition: transform 0.3s ease-out;\n content: '';\n }\n\n &::before {\n top: ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2));\n right: 3px;\n left: 3px;\n height: @border-width-base;\n }\n\n &::after {\n top: 3px;\n bottom: 3px;\n left: ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2));\n width: @border-width-base;\n transform: rotate(90deg);\n }\n\n // Motion effect\n &-collapsed::before {\n transform: rotate(-180deg);\n }\n\n &-collapsed::after {\n transform: rotate(0deg);\n }\n\n &-spaced {\n &::before,\n &::after {\n display: none;\n content: none;\n }\n background: transparent;\n border: 0;\n visibility: hidden;\n }\n\n .@{table-prefix-cls}-row-indent + & {\n margin-top: ((@font-size-base * @line-height-base - @border-width-base * 3) / 2) -\n ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2));\n margin-right: @padding-xs;\n }\n }\n\n tr&-expanded-row {\n &,\n &:hover {\n > td {\n background: @table-expanded-row-bg;\n }\n }\n\n // https://github.com/ant-design/ant-design/issues/25573\n .@{descriptions-prefix-cls}-view {\n display: flex;\n\n table {\n flex: auto;\n width: auto;\n }\n }\n }\n\n // With fixed\n .@{table-prefix-cls}-expanded-row-fixed {\n position: relative;\n margin: -@table-padding-vertical -@table-padding-horizontal;\n padding: @table-padding-vertical @table-padding-horizontal;\n }\n\n // ========================= Placeholder ==========================\n &-tbody > tr&-placeholder {\n text-align: center;\n .@{table-prefix-cls}-empty & {\n color: @disabled-color;\n }\n\n &:hover {\n > td {\n background: @component-background;\n }\n }\n }\n\n // ============================ Fixed =============================\n &-cell-fix-left,\n &-cell-fix-right {\n position: sticky !important;\n z-index: @zindex-table-fixed;\n background: @table-bg;\n }\n\n &-cell-fix-left-first::after,\n &-cell-fix-left-last::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: -1px;\n width: 30px;\n transform: translateX(100%);\n transition: box-shadow 0.3s;\n content: '';\n pointer-events: none;\n }\n\n &-cell-fix-left-all::after {\n display: none;\n }\n\n &-cell-fix-right-first::after,\n &-cell-fix-right-last::after {\n position: absolute;\n top: 0;\n bottom: -1px;\n left: 0;\n width: 30px;\n transform: translateX(-100%);\n transition: box-shadow 0.3s;\n content: '';\n pointer-events: none;\n }\n\n .@{table-prefix-cls}-container {\n &::before,\n &::after {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: calc(@table-sticky-zindex + 1);\n width: 30px;\n transition: box-shadow 0.3s;\n content: '';\n pointer-events: none;\n }\n\n &::before {\n left: 0;\n }\n\n &::after {\n right: 0;\n }\n }\n\n &-ping-left {\n &:not(.@{table-prefix-cls}-has-fix-left) > .@{table-prefix-cls}-container {\n position: relative;\n\n &::before {\n box-shadow: inset 10px 0 8px -8px darken(@shadow-color, 5%);\n }\n }\n\n .@{table-prefix-cls}-cell-fix-left-first::after,\n .@{table-prefix-cls}-cell-fix-left-last::after {\n box-shadow: inset 10px 0 8px -8px darken(@shadow-color, 5%);\n }\n\n .@{table-prefix-cls}-cell-fix-left-last::before {\n background-color: transparent !important;\n }\n }\n\n &-ping-right {\n &:not(.@{table-prefix-cls}-has-fix-right) > .@{table-prefix-cls}-container {\n position: relative;\n\n &::after {\n box-shadow: inset -10px 0 8px -8px darken(@shadow-color, 5%);\n }\n }\n\n .@{table-prefix-cls}-cell-fix-right-first::after,\n .@{table-prefix-cls}-cell-fix-right-last::after {\n box-shadow: inset -10px 0 8px -8px darken(@shadow-color, 5%);\n }\n }\n\n &-sticky {\n &-holder {\n position: sticky;\n z-index: @table-sticky-zindex;\n background: @component-background;\n }\n\n &-scroll {\n position: sticky;\n bottom: 0;\n z-index: @table-sticky-zindex;\n display: flex;\n align-items: center;\n background: lighten(@table-border-color, 80%);\n border-top: 1px solid @table-border-color;\n opacity: 0.6;\n\n &:hover {\n transform-origin: center bottom;\n }\n\n &-bar {\n height: 8px;\n background-color: @table-sticky-scroll-bar-bg;\n border-radius: @table-sticky-scroll-bar-radius;\n\n &:hover {\n background-color: @table-sticky-scroll-bar-active-bg;\n }\n\n &-active {\n background-color: @table-sticky-scroll-bar-active-bg;\n }\n }\n }\n }\n}\n\n@media all and (-ms-high-contrast: none) {\n .@{table-prefix-cls} {\n &-ping-left {\n .@{table-prefix-cls}-cell-fix-left-last::after {\n box-shadow: none !important;\n }\n }\n\n &-ping-right {\n .@{table-prefix-cls}-cell-fix-right-first::after {\n box-shadow: none !important;\n }\n }\n }\n}\n\n@import './radius';\n@import './rtl';\n", "// ================================================================\n// = Border Radius =\n// ================================================================\n.@{table-prefix-cls} {\n /* title + table */\n &-title {\n border-radius: @table-border-radius-base @table-border-radius-base 0 0;\n }\n\n &-title + &-container {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n\n table {\n border-radius: 0;\n\n > thead > tr:first-child {\n th:first-child {\n border-radius: 0;\n }\n\n th:last-child {\n border-radius: 0;\n }\n }\n }\n }\n\n /* table */\n &-container {\n border-top-left-radius: @table-border-radius-base;\n border-top-right-radius: @table-border-radius-base;\n\n table > thead > tr:first-child {\n th:first-child {\n border-top-left-radius: @table-border-radius-base;\n }\n\n th:last-child {\n border-top-right-radius: @table-border-radius-base;\n }\n }\n }\n\n /* table + footer */\n &-footer {\n border-radius: 0 0 @table-border-radius-base @table-border-radius-base;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@table-prefix-cls: ~'@{ant-prefix}-table';\n@table-wrapepr-cls: ~'@{table-prefix-cls}-wrapper';\n@table-wrapepr-rtl-cls: ~'@{table-prefix-cls}-wrapper-rtl';\n\n.@{table-prefix-cls}-wrapper {\n &-rtl {\n direction: rtl;\n }\n}\n\n.@{table-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n table {\n .@{table-wrapepr-rtl-cls} & {\n text-align: right;\n }\n }\n\n // ============================ Header ============================\n &-thead {\n > tr {\n > th {\n &[colspan]:not([colspan='1']) {\n .@{table-wrapepr-rtl-cls} & {\n text-align: center;\n }\n }\n\n &:not(:last-child):not(.@{table-prefix-cls}-selection-column):not(.@{table-prefix-cls}-row-expand-icon-cell):not([colspan])::before {\n .@{table-wrapepr-rtl-cls} & {\n right: auto;\n left: 0;\n }\n }\n\n .@{table-wrapepr-rtl-cls} & {\n text-align: right;\n }\n }\n }\n }\n\n // ============================= Body =============================\n &-tbody {\n > tr {\n // ========================= Nest Table ===========================\n .@{table-prefix-cls}-wrapper:only-child {\n .@{table-prefix-cls}.@{table-prefix-cls}-rtl {\n margin: -@table-padding-vertical (@table-padding-horizontal + ceil(@font-size-sm * 1.4)) -@table-padding-vertical -@table-padding-horizontal;\n }\n }\n }\n }\n\n // ========================== Pagination ==========================\n &-pagination {\n &-left {\n .@{table-wrapepr-cls}.@{table-wrapepr-rtl-cls} & {\n justify-content: flex-end;\n }\n }\n\n &-right {\n .@{table-wrapepr-cls}.@{table-wrapepr-rtl-cls} & {\n justify-content: flex-start;\n }\n }\n }\n\n // ================================================================\n // = Function =\n // ================================================================\n\n // ============================ Sorter ============================\n &-column-sorter {\n .@{table-wrapepr-rtl-cls} & {\n margin-right: 4px;\n margin-left: 0;\n }\n }\n\n // ============================ Filter ============================\n &-filter-column-title {\n .@{table-wrapepr-rtl-cls} & {\n padding: @table-padding-vertical @table-padding-horizontal @table-padding-vertical 2.3em;\n }\n }\n\n &-thead tr th.@{table-prefix-cls}-column-has-sorters {\n .@{table-prefix-cls}-filter-column-title {\n .@{table-prefix-cls}-rtl & {\n padding: 0 0 0 2.3em;\n }\n }\n }\n\n &-filter-trigger {\n .@{table-wrapepr-rtl-cls} & {\n margin: -4px 4px -4px (-@table-padding-horizontal / 2);\n }\n }\n\n // Dropdown\n &-filter-dropdown {\n // Checkbox\n &,\n &-submenu {\n .@{ant-prefix}-checkbox-wrapper + span {\n .@{ant-prefix}-dropdown-rtl &,\n .@{ant-prefix}-dropdown-menu-submenu-rtl& {\n padding-right: 8px;\n padding-left: 0;\n }\n }\n }\n }\n\n // ========================== Selections ==========================\n &-selection {\n .@{table-wrapepr-rtl-cls} & {\n text-align: center;\n }\n }\n\n // ========================== Expandable ==========================\n &-row-indent {\n .@{table-wrapepr-rtl-cls} & {\n float: right;\n }\n }\n\n &-row-expand-icon {\n .@{table-wrapepr-rtl-cls} & {\n float: right;\n }\n\n .@{table-prefix-cls}-row-indent + & {\n .@{table-wrapepr-rtl-cls} & {\n margin-right: 0;\n margin-left: @padding-xs;\n }\n }\n\n &::after {\n .@{table-wrapepr-rtl-cls} & {\n transform: rotate(-90deg);\n }\n }\n\n &-collapsed::before {\n .@{table-wrapepr-rtl-cls} & {\n transform: rotate(180deg);\n }\n }\n\n &-collapsed::after {\n .@{table-wrapepr-rtl-cls} & {\n transform: rotate(0deg);\n }\n }\n }\n}\n", "nz-table,\nnz-table-title-footer,\nnz-table-inner-scroll,\nnz-table-inner-default,\nnz-table-selection {\n display: block;\n}\n\nnz-filter-trigger {\n display: inline-flex;\n}\n\n.nz-table-out-bordered {\n > .@{table-prefix-cls}-title {\n border: @table-border;\n border-bottom: 0;\n }\n > .@{table-prefix-cls}-container {\n border: @table-border;\n border-bottom: 0;\n }\n > .@{table-prefix-cls}-footer {\n border: @table-border;\n border-top: 0;\n }\n}\n\ncdk-virtual-scroll-viewport.ant-table-body {\n overflow-y: scroll;\n}\n\n.nz-table-hide-scrollbar {\n scrollbar-color: @table-header-bg @table-header-bg;\n\n &::-webkit-scrollbar {\n background-color: @table-header-bg;\n }\n}\n\n.@{table-prefix-cls}.@{table-prefix-cls}-small {\n .nz-table-hide-scrollbar {\n scrollbar-color: @table-header-bg-sm @table-header-bg-sm;\n\n &::-webkit-scrollbar {\n background-color: transparent;\n }\n }\n}\n\n.ant-table-wrapper-rtl .ant-table thead > tr > th.ant-table-selection-column {\n text-align: center;\n}\n\n// virtual scroll border\n.@{table-prefix-cls}.@{table-prefix-cls}-bordered {\n\n > .@{table-prefix-cls}-container {\n > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper {\n > table {\n // ============================= Cell =============================\n > thead > tr > th,\n > tbody > tr > td,\n > tfoot > tr > th,\n > tfoot > tr > td {\n border-right: @table-border;\n }\n // ============================ Header ============================\n > thead {\n > tr:not(:last-child) > th {\n border-bottom: @border-width-base @border-style-base @table-border-color;\n }\n }\n\n // Fixed right should provides additional border\n > thead > tr,\n > tbody > tr,\n > tfoot > tr {\n > .@{table-prefix-cls}-cell-fix-right-first::after {\n border-right: @table-border;\n }\n }\n }\n\n // ========================== Expandable ==========================\n > table > tbody > tr > td {\n > .@{table-prefix-cls}-expanded-row-fixed {\n margin: -@table-padding-vertical (-@table-padding-horizontal - @border-width-base);\n\n &::after {\n position: absolute;\n top: 0;\n right: @border-width-base;\n bottom: 0;\n border-right: @table-border;\n content: '';\n }\n }\n }\n }\n }\n\n &.@{table-prefix-cls}-scroll-horizontal {\n > .@{table-prefix-cls}-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper {\n > table > tbody {\n > tr.@{table-prefix-cls}-expanded-row,\n > tr.@{table-prefix-cls}-placeholder {\n > td {\n border-right: 0;\n }\n }\n }\n }\n }\n\n // Size related\n &.@{table-prefix-cls}-middle {\n > .@{table-prefix-cls}-container {\n > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper {\n > table > tbody > tr > td {\n > .@{table-prefix-cls}-expanded-row-fixed {\n margin: -@table-padding-vertical-md (-@table-padding-horizontal-md - @border-width-base);\n }\n }\n }\n }\n }\n\n &.@{table-prefix-cls}-small {\n > .@{table-prefix-cls}-container {\n > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper {\n > table > tbody > tr > td {\n > .@{table-prefix-cls}-expanded-row-fixed {\n margin: -@table-padding-vertical-sm (-@table-padding-horizontal-sm - @border-width-base);\n }\n }\n }\n }\n }\n}\n\n.@{table-prefix-cls}-custom-column {\n col {\n display: none;\n width: auto !important;\n min-width: auto !important;\n }\n\n .@{table-prefix-cls}-thead {\n .@{table-prefix-cls}-row, tr {\n display: flex;\n justify-content: space-between;\n width: 100%;\n\n th {\n overflow: hidden;\n }\n }\n }\n\n .@{table-prefix-cls}-tbody {\n .@{table-prefix-cls}-row, tr {\n display: flex;\n justify-content: space-between;\n width: 100%;\n\n td {\n overflow: hidden;\n }\n\n .nz-disable-td {\n width: 100%;\n }\n }\n }\n\n .ant-table-fixed {\n tr {\n .ant-table-cell-fix-left-last, .ant-table-cell-fix-right-first {\n overflow: visible;\n }\n }\n\n .@{table-prefix-cls}-row {\n width: 100%;\n }\n }\n}", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@tab-prefix-cls: ~'@{ant-prefix}-tabs';\n\n.@{tab-prefix-cls} {\n &-small {\n > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-tab {\n padding: @tabs-horizontal-padding-sm;\n font-size: @tabs-title-font-size-sm;\n }\n }\n }\n\n &-large {\n > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-tab {\n padding: @tabs-horizontal-padding-lg;\n font-size: @tabs-title-font-size-lg;\n }\n }\n }\n\n &-card {\n &.@{tab-prefix-cls}-small {\n > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-tab {\n padding: @tabs-card-horizontal-padding-sm;\n }\n }\n }\n\n &.@{tab-prefix-cls}-large {\n > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-tab {\n padding: @tabs-card-horizontal-padding-lg;\n }\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@tab-prefix-cls: ~'@{ant-prefix}-tabs';\n\n.@{tab-prefix-cls} {\n &-rtl {\n direction: rtl;\n\n .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-tab {\n margin: @tabs-horizontal-margin-rtl;\n\n &:last-of-type {\n margin-left: 0;\n }\n\n .@{iconfont-css-prefix} {\n margin-right: 0;\n margin-left: @margin-sm;\n }\n\n .@{tab-prefix-cls}-tab-remove {\n margin-right: @margin-xs;\n margin-left: -@margin-xss;\n\n .@{iconfont-css-prefix} {\n margin: 0;\n }\n }\n }\n }\n\n &.@{tab-prefix-cls}-left {\n > .@{tab-prefix-cls}-nav {\n order: 1;\n }\n > .@{tab-prefix-cls}-content-holder {\n order: 0;\n }\n }\n\n &.@{tab-prefix-cls}-right {\n > .@{tab-prefix-cls}-nav {\n order: 0;\n }\n > .@{tab-prefix-cls}-content-holder {\n order: 1;\n }\n }\n }\n\n // ====================== Card ======================\n &-card {\n &.@{tab-prefix-cls}-top,\n &.@{tab-prefix-cls}-bottom {\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {\n .@{tab-prefix-cls}-rtl& {\n margin-right: @tabs-card-gutter;\n margin-left: 0;\n }\n }\n .@{tab-prefix-cls}-nav-add {\n .@{tab-prefix-cls}-rtl& {\n margin-right: @tabs-card-gutter;\n margin-left: 0;\n }\n }\n }\n }\n }\n}\n\n.@{tab-prefix-cls}-dropdown {\n &-rtl {\n direction: rtl;\n }\n\n &-menu-item {\n .@{tab-prefix-cls}-dropdown-rtl & {\n text-align: right;\n }\n }\n}\n", "@import '../../style/themes/index';\n@tab-prefix-cls: ~'@{ant-prefix}-tabs';\n\n.@{tab-prefix-cls} {\n // ========================== Top & Bottom ==========================\n &-top,\n &-bottom {\n flex-direction: column;\n\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n margin: @tabs-bar-margin;\n\n &::before {\n position: absolute;\n right: 0;\n left: 0;\n border-bottom: @border-width-base @border-style-base @border-color-split;\n content: '';\n }\n\n .@{tab-prefix-cls}-ink-bar {\n height: 2px;\n\n &-animated {\n transition: width @animation-duration-slow, left @animation-duration-slow,\n right @animation-duration-slow;\n }\n }\n\n .@{tab-prefix-cls}-nav-wrap {\n &::before,\n &::after {\n top: 0;\n bottom: 0;\n width: 30px;\n }\n\n &::before {\n left: 0;\n box-shadow: inset 10px 0 8px -8px fade(@shadow-color, 8%);\n }\n\n &::after {\n right: 0;\n box-shadow: inset -10px 0 8px -8px fade(@shadow-color, 8%);\n }\n\n &.@{tab-prefix-cls}-nav-wrap-ping-left::before {\n opacity: 1;\n }\n &.@{tab-prefix-cls}-nav-wrap-ping-right::after {\n opacity: 1;\n }\n }\n }\n }\n\n &-top {\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n &::before {\n bottom: 0;\n }\n\n .@{tab-prefix-cls}-ink-bar {\n bottom: 0;\n }\n }\n }\n\n &-bottom {\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n order: 1;\n margin-top: @margin-md;\n margin-bottom: 0;\n\n &::before {\n top: 0;\n }\n\n .@{tab-prefix-cls}-ink-bar {\n top: 0;\n }\n }\n\n > .@{tab-prefix-cls}-content-holder,\n > div > .@{tab-prefix-cls}-content-holder {\n order: 0;\n }\n }\n\n // ========================== Left & Right ==========================\n &-left,\n &-right {\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n flex-direction: column;\n min-width: 50px;\n\n // >>>>>>>>>>> Tab\n .@{tab-prefix-cls}-tab {\n padding: @tabs-vertical-padding;\n text-align: center;\n }\n\n .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {\n margin: @tabs-vertical-margin;\n }\n\n // >>>>>>>>>>> Nav\n .@{tab-prefix-cls}-nav-wrap {\n flex-direction: column;\n\n &::before,\n &::after {\n right: 0;\n left: 0;\n height: 30px;\n }\n\n &::before {\n top: 0;\n box-shadow: inset 0 10px 8px -8px fade(@shadow-color, 8%);\n }\n\n &::after {\n bottom: 0;\n box-shadow: inset 0 -10px 8px -8px fade(@shadow-color, 8%);\n }\n\n &.@{tab-prefix-cls}-nav-wrap-ping-top::before {\n opacity: 1;\n }\n &.@{tab-prefix-cls}-nav-wrap-ping-bottom::after {\n opacity: 1;\n }\n }\n\n // >>>>>>>>>>> Ink Bar\n .@{tab-prefix-cls}-ink-bar {\n width: 2px;\n\n &-animated {\n transition: height @animation-duration-slow, top @animation-duration-slow;\n }\n }\n\n .@{tab-prefix-cls}-nav-list,\n .@{tab-prefix-cls}-nav-operations {\n flex: 1 0 auto; // fix safari scroll problem\n flex-direction: column;\n }\n }\n }\n\n &-left {\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-ink-bar {\n right: 0;\n }\n }\n\n > .@{tab-prefix-cls}-content-holder,\n > div > .@{tab-prefix-cls}-content-holder {\n margin-left: -@border-width-base;\n border-left: @border-width-base @border-style-base @border-color-split;\n\n > .@{tab-prefix-cls}-content > .@{tab-prefix-cls}-tabpane {\n padding-left: @padding-lg;\n }\n }\n }\n\n &-right {\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n order: 1;\n\n .@{tab-prefix-cls}-ink-bar {\n left: 0;\n }\n }\n\n > .@{tab-prefix-cls}-content-holder,\n > div > .@{tab-prefix-cls}-content-holder {\n order: 0;\n margin-right: -@border-width-base;\n border-right: @border-width-base @border-style-base @border-color-split;\n\n > .@{tab-prefix-cls}-content > .@{tab-prefix-cls}-tabpane {\n padding-right: @padding-lg;\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@tab-prefix-cls: ~'@{ant-prefix}-tabs';\n\n.@{tab-prefix-cls}-dropdown {\n .reset-component();\n\n position: absolute;\n top: -9999px;\n left: -9999px;\n z-index: @zindex-dropdown;\n display: block;\n\n &-hidden {\n display: none;\n }\n\n &-menu {\n max-height: 200px;\n margin: 0;\n padding: @dropdown-edge-child-vertical-padding 0;\n overflow-x: hidden;\n overflow-y: auto;\n text-align: left;\n list-style-type: none;\n background-color: @dropdown-menu-bg;\n background-clip: padding-box;\n border-radius: @border-radius-base;\n outline: none;\n box-shadow: @box-shadow-base;\n\n &-item {\n display: flex;\n align-items: center;\n min-width: 120px;\n margin: 0;\n padding: @dropdown-vertical-padding @control-padding-horizontal;\n overflow: hidden;\n color: @text-color;\n font-weight: normal;\n font-size: @dropdown-font-size;\n line-height: @dropdown-line-height;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: pointer;\n transition: all 0.3s;\n\n > span {\n flex: 1;\n white-space: nowrap;\n }\n\n &-remove {\n flex: none;\n margin-left: @margin-sm;\n color: @text-color-secondary;\n font-size: @font-size-sm;\n background: transparent;\n border: 0;\n cursor: pointer;\n\n &:hover {\n color: @tabs-hover-color;\n }\n }\n\n &:hover {\n background: @item-hover-bg;\n }\n\n &-disabled {\n &,\n &:hover {\n color: @disabled-color;\n background: transparent;\n cursor: not-allowed;\n }\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@tab-prefix-cls: ~'@{ant-prefix}-tabs';\n\n.@{tab-prefix-cls}-card {\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-tab {\n margin: 0;\n padding: @tabs-card-horizontal-padding;\n background: @tabs-card-head-background;\n border: @border-width-base @border-style-base @border-color-split;\n transition: all @animation-duration-slow @ease-in-out;\n\n &-active {\n color: @tabs-card-active-color;\n background: @component-background;\n }\n }\n\n .@{tab-prefix-cls}-ink-bar {\n visibility: hidden;\n }\n }\n\n // ========================== Top & Bottom ==========================\n &.@{tab-prefix-cls}-top,\n &.@{tab-prefix-cls}-bottom {\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {\n margin-left: @tabs-card-gutter;\n }\n }\n }\n\n &.@{tab-prefix-cls}-top {\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-tab {\n border-radius: @border-radius-base @border-radius-base 0 0;\n\n &-active {\n border-bottom-color: @component-background;\n }\n }\n }\n }\n &.@{tab-prefix-cls}-bottom {\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-tab {\n border-radius: 0 0 @border-radius-base @border-radius-base;\n\n &-active {\n border-top-color: @component-background;\n }\n }\n }\n }\n\n // ========================== Left & Right ==========================\n &.@{tab-prefix-cls}-left,\n &.@{tab-prefix-cls}-right {\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {\n margin-top: @tabs-card-gutter;\n }\n }\n }\n\n &.@{tab-prefix-cls}-left {\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-tab {\n border-radius: @border-radius-base 0 0 @border-radius-base;\n\n &-active {\n border-right-color: @component-background;\n }\n }\n }\n }\n &.@{tab-prefix-cls}-right {\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-tab {\n border-radius: 0 @border-radius-base @border-radius-base 0;\n\n &-active {\n border-left-color: @component-background;\n }\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import './size';\n@import './rtl';\n@import './position';\n@import './dropdown';\n@import './card';\n\n@tab-prefix-cls: ~'@{ant-prefix}-tabs';\n\n.@{tab-prefix-cls} {\n .reset-component();\n\n display: flex;\n\n // ========================== Navigation ==========================\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n position: relative;\n display: flex;\n flex: none;\n align-items: center;\n\n .@{tab-prefix-cls}-nav-wrap {\n position: relative;\n display: inline-block;\n display: flex;\n flex: auto;\n align-self: stretch;\n overflow: hidden;\n white-space: nowrap;\n transform: translate(0); // Fix chrome render bug\n\n // >>>>> Ping shadow\n &::before,\n &::after {\n position: absolute;\n z-index: 1;\n opacity: 0;\n transition: opacity @animation-duration-slow;\n content: '';\n pointer-events: none;\n }\n }\n\n .@{tab-prefix-cls}-nav-list {\n position: relative;\n display: flex;\n transition: transform @animation-duration-slow;\n }\n\n // >>>>>>>> Operations\n .@{tab-prefix-cls}-nav-operations {\n display: flex;\n align-self: stretch;\n\n &-hidden {\n position: absolute;\n visibility: hidden;\n pointer-events: none;\n }\n }\n\n .@{tab-prefix-cls}-nav-more {\n position: relative;\n padding: @tabs-card-horizontal-padding;\n background: transparent;\n border: 0;\n\n &::after {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n height: 5px;\n transform: translateY(100%);\n content: '';\n }\n }\n\n .@{tab-prefix-cls}-nav-add {\n min-width: @tabs-card-height;\n margin-left: @tabs-card-gutter;\n padding: 0 @padding-xs;\n background: @tabs-card-head-background;\n border: @border-width-base @border-style-base @border-color-split;\n border-radius: @border-radius-base @border-radius-base 0 0;\n outline: none;\n cursor: pointer;\n transition: all @animation-duration-slow @ease-in-out;\n\n &:hover {\n color: @tabs-hover-color;\n }\n\n &:active,\n &:focus {\n color: @tabs-active-color;\n }\n }\n }\n\n &-extra-content {\n flex: none;\n }\n\n &-centered {\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-nav-wrap {\n &:not([class*='@{tab-prefix-cls}-nav-wrap-ping']) {\n justify-content: center;\n }\n }\n }\n }\n\n // ============================ InkBar ============================\n &-ink-bar {\n position: absolute;\n background: @tabs-ink-bar-color;\n pointer-events: none;\n }\n\n // ============================= Tabs =============================\n &-tab {\n position: relative;\n display: inline-flex;\n align-items: center;\n padding: @tabs-horizontal-padding;\n font-size: @tabs-title-font-size;\n background: transparent;\n border: 0;\n outline: none;\n cursor: pointer;\n\n &-btn,\n &-remove {\n &:focus,\n &:active {\n color: @tabs-active-color;\n }\n }\n\n &-btn {\n outline: none;\n transition: all 0.3s;\n }\n\n &-remove {\n flex: none;\n margin-right: -@margin-xss;\n margin-left: @margin-xs;\n color: @text-color-secondary;\n font-size: @font-size-sm;\n background: transparent;\n border: none;\n outline: none;\n cursor: pointer;\n transition: all @animation-duration-slow;\n\n &:hover {\n color: @heading-color;\n }\n }\n\n &:hover {\n color: @tabs-hover-color;\n }\n\n &&-active &-btn {\n color: @tabs-highlight-color;\n text-shadow: 0 0 0.25px currentcolor;\n }\n\n &&-disabled {\n color: @disabled-color;\n cursor: not-allowed;\n }\n\n &&-disabled &-btn,\n &&-disabled &-remove {\n &:focus,\n &:active {\n color: @disabled-color;\n }\n }\n\n & &-remove .@{iconfont-css-prefix} {\n margin: 0;\n }\n\n .@{iconfont-css-prefix} {\n margin-right: @margin-sm;\n }\n }\n\n &-tab + &-tab {\n margin: @tabs-horizontal-margin;\n }\n\n // =========================== TabPanes ===========================\n &-content {\n &-holder {\n flex: auto;\n min-width: 0;\n min-height: 0;\n }\n\n position: relative;\n width: 100%;\n }\n\n &-tabpane {\n outline: none;\n\n &-hidden {\n display: none;\n }\n }\n\n // Motion\n &-switch {\n &-appear,\n &-enter {\n transition: none;\n\n &-start {\n opacity: 0;\n }\n\n &-active {\n opacity: 1;\n transition: opacity @animation-duration-slow;\n }\n }\n\n &-leave {\n position: absolute;\n transition: none;\n inset: 0;\n\n &-start {\n opacity: 1;\n }\n\n &-active {\n opacity: 0;\n transition: opacity @animation-duration-slow;\n }\n }\n }\n}\n", "@import './index';\n\n.ant-tabs-dropdown-menu-item a[nz-tab-link] {\n position: relative;\n}\n\n.ant-tabs-tab-btn {\n background-color: unset;\n border: none;\n cursor: pointer;\n}\n\n.ant-tabs-tab a[nz-tab-link] {\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: transparent;\n content: '';\n }\n\n ~ * {\n position: relative;\n }\n}\n\n.nz-tabs-dropdown.ant-dropdown {\n .ant-dropdown-menu {\n max-height: 200px;\n margin: 0;\n padding: @dropdown-edge-child-vertical-padding 0;\n overflow-x: hidden;\n overflow-y: auto;\n text-align: left;\n list-style-type: none;\n background-color: @dropdown-menu-bg;\n background-clip: padding-box;\n border-radius: @border-radius-base;\n outline: none;\n box-shadow: @box-shadow-base;\n\n &-item {\n min-width: 120px;\n margin: 0;\n padding: @dropdown-vertical-padding @control-padding-horizontal;\n overflow: hidden;\n color: @text-color;\n font-weight: normal;\n font-size: @dropdown-font-size;\n line-height: @dropdown-line-height;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: pointer;\n transition: all 0.3s;\n\n &:hover {\n background: @item-hover-bg;\n }\n\n &-disabled {\n &,\n &:hover {\n color: @disabled-color;\n background: transparent;\n cursor: not-allowed;\n\n a {\n color: @disabled-color;\n pointer-events: none;\n }\n }\n }\n }\n }\n}\n\n.@{tab-prefix-cls} {\n &-rtl {\n &-tab-next {\n .@{tab-prefix-cls}-rtl & {\n right: auto;\n left: 2px;\n }\n }\n }\n\n &-tab-disabled a {\n color: @disabled-color;\n pointer-events: none;\n }\n\n > .@{tab-prefix-cls}-nav,\n > div > .@{tab-prefix-cls}-nav {\n .@{tab-prefix-cls}-nav-add {\n min-height: @tabs-card-height;\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@tag-prefix-cls: ~'@{ant-prefix}-tag';\n\n.@{tag-prefix-cls} {\n .reset-component();\n\n display: inline-block;\n height: auto;\n margin-right: 8px;\n padding: 0 7px;\n font-size: @tag-font-size;\n line-height: @tag-line-height;\n white-space: nowrap;\n background: @tag-default-bg;\n border: @border-width-base @border-style-base @border-color-base;\n border-radius: @tag-border-radius;\n opacity: 1;\n transition: all 0.3s;\n\n &,\n a,\n a:hover {\n color: @tag-default-color;\n }\n\n > a:first-child:last-child {\n display: inline-block;\n margin: 0 -8px;\n padding: 0 8px;\n }\n\n &-close-icon {\n margin-left: 3px;\n color: @text-color-secondary;\n font-size: 10px;\n cursor: pointer;\n transition: all 0.3s;\n\n &:hover {\n color: @heading-color;\n }\n }\n\n &-has-color {\n border-color: transparent;\n &,\n a,\n a:hover,\n .@{iconfont-css-prefix}-close,\n .@{iconfont-css-prefix}-close:hover {\n color: @text-color-inverse;\n }\n }\n\n &-checkable {\n background-color: transparent;\n border-color: transparent;\n cursor: pointer;\n\n &:not(&-checked):hover {\n color: @primary-color;\n }\n\n &:active,\n &-checked {\n color: @text-color-inverse;\n }\n\n &-checked {\n background-color: @primary-6;\n }\n\n &:active {\n background-color: @primary-7;\n }\n }\n\n &-hidden {\n display: none;\n }\n\n // mixin to iterate over colors and create CSS class for each one\n .make-color-classes(@i: length(@preset-colors)) when (@i > 0) {\n .make-color-classes(@i - 1);\n @color: extract(@preset-colors, @i);\n @lightColor: '@{color}-1';\n @lightBorderColor: '@{color}-3';\n @darkColor: '@{color}-6';\n @textColor: '@{color}-7';\n &-@{color} {\n color: @@textColor;\n background: @@lightColor;\n border-color: @@lightBorderColor;\n }\n &-@{color}-inverse {\n color: @text-color-inverse;\n background: @@darkColor;\n border-color: @@darkColor;\n }\n }\n\n .make-status-color-classes(@status, @cssVariableType) {\n @bgColor: '@{cssVariableType}-color-deprecated-bg';\n @borderColor: '@{cssVariableType}-color-deprecated-border';\n @textColor: '@{cssVariableType}-color';\n &-@{status} {\n color: @@textColor;\n background: @@bgColor;\n border-color: @@borderColor;\n }\n }\n\n .make-color-classes();\n\n .make-status-color-classes(success, success);\n .make-status-color-classes(processing, info);\n .make-status-color-classes(error, error);\n .make-status-color-classes(warning, warning);\n\n // To ensure that a space will be placed between character and `Icon`.\n > .@{iconfont-css-prefix} + span,\n > span + .@{iconfont-css-prefix} {\n margin-left: 7px;\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@tag-prefix-cls: ~'@{ant-prefix}-tag';\n\n.@{tag-prefix-cls} {\n &&-rtl {\n margin-right: 0;\n margin-left: 8px;\n direction: rtl;\n text-align: right;\n }\n\n &-close-icon {\n .@{tag-prefix-cls}-rtl & {\n margin-right: 3px;\n margin-left: 0;\n }\n }\n\n > .@{iconfont-css-prefix} + span,\n > span + .@{iconfont-css-prefix} {\n .@{tag-prefix-cls}-rtl& {\n margin-right: 7px;\n margin-left: 0;\n }\n }\n}\n", ".@{tag-prefix-cls} {\n // This is a feature of Antd 5, so we need add in the patch file.\n &&-borderless {\n border-color: transparent;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@timeline-prefix-cls: ~'@{ant-prefix}-timeline';\n\n.@{timeline-prefix-cls} {\n .reset-component();\n\n margin: 0;\n padding: 0;\n list-style: none;\n\n &-item {\n position: relative;\n margin: 0;\n padding-bottom: @timeline-item-padding-bottom;\n font-size: @font-size-base;\n list-style: none;\n\n &-tail {\n position: absolute;\n top: 10px;\n left: 4px;\n height: calc(100% - 10px);\n border-left: @timeline-width solid @timeline-color;\n }\n\n &-pending &-head {\n font-size: @font-size-sm;\n background-color: transparent;\n }\n\n &-pending &-tail {\n display: none;\n }\n\n &-head {\n position: absolute;\n width: 10px;\n height: 10px;\n background-color: @timeline-dot-bg;\n border: @timeline-dot-border-width solid transparent;\n border-radius: 100px;\n\n &-blue {\n color: @primary-color;\n border-color: @primary-color;\n }\n\n &-red {\n color: @error-color;\n border-color: @error-color;\n }\n\n &-green {\n color: @success-color;\n border-color: @success-color;\n }\n\n &-gray {\n color: @disabled-color;\n border-color: @disabled-color;\n }\n }\n\n &-head-custom {\n position: absolute;\n top: 5.5px;\n left: 5px;\n width: auto;\n height: auto;\n margin-top: 0;\n padding: 3px 1px;\n line-height: 1;\n text-align: center;\n border: 0;\n border-radius: 0;\n transform: translate(-50%, -50%);\n }\n\n &-content {\n position: relative;\n top: -(@font-size-base * @line-height-base - @font-size-base) + 1px;\n margin: 0 0 0 @margin-lg + 2px;\n word-break: break-word;\n }\n\n &-last {\n > .@{timeline-prefix-cls}-item-tail {\n display: none;\n }\n > .@{timeline-prefix-cls}-item-content {\n min-height: 48px;\n }\n }\n }\n\n &.@{timeline-prefix-cls}-alternate,\n &.@{timeline-prefix-cls}-right,\n &.@{timeline-prefix-cls}-label {\n .@{timeline-prefix-cls}-item {\n &-tail,\n &-head,\n &-head-custom {\n left: 50%;\n }\n\n &-head {\n margin-left: -4px;\n\n &-custom {\n margin-left: 1px;\n }\n }\n\n &-left {\n .@{timeline-prefix-cls}-item-content {\n left: calc(50% - 4px);\n width: calc(50% - 14px);\n text-align: left;\n }\n }\n\n &-right {\n .@{timeline-prefix-cls}-item-content {\n width: calc(50% - 12px);\n margin: 0;\n text-align: right;\n }\n }\n }\n }\n\n &.@{timeline-prefix-cls}-right {\n .@{timeline-prefix-cls}-item-right {\n .@{timeline-prefix-cls}-item-tail,\n .@{timeline-prefix-cls}-item-head,\n .@{timeline-prefix-cls}-item-head-custom {\n left: calc(100% - 4px - @timeline-width);\n }\n .@{timeline-prefix-cls}-item-content {\n width: calc(100% - 18px);\n }\n }\n }\n\n &&-pending &-item-last &-item-tail {\n display: block;\n height: calc(100% - 14px);\n border-left: 2px dotted @timeline-color;\n }\n\n &&-reverse &-item-last &-item-tail {\n display: none;\n }\n\n &&-reverse &-item-pending {\n .@{timeline-prefix-cls}-item-tail {\n top: 15px;\n display: block;\n height: calc(100% - 15px);\n border-left: 2px dotted @timeline-color;\n }\n .@{timeline-prefix-cls}-item-content {\n min-height: 48px;\n }\n }\n &.@{timeline-prefix-cls}-label {\n .@{timeline-prefix-cls}-item-label {\n position: absolute;\n top: -(@font-size-base * @line-height-base - @font-size-base) + 1px;\n width: calc(50% - 12px);\n text-align: right;\n }\n .@{timeline-prefix-cls}-item-right {\n .@{timeline-prefix-cls}-item-label {\n left: calc(50% + 14px);\n width: calc(50% - 14px);\n text-align: left;\n }\n }\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@timeline-prefix-cls: ~'@{ant-prefix}-timeline';\n\n.@{timeline-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-item {\n &-tail {\n .@{timeline-prefix-cls}-rtl & {\n right: 4px;\n left: auto;\n border-right: @timeline-width solid @timeline-color;\n border-left: none;\n }\n }\n\n &-head-custom {\n .@{timeline-prefix-cls}-rtl & {\n right: 5px;\n left: auto;\n transform: translate(50%, -50%);\n }\n }\n\n &-content {\n .@{timeline-prefix-cls}-rtl & {\n margin: 0 18px 0 0;\n }\n }\n }\n\n &.@{timeline-prefix-cls}-alternate,\n &.@{timeline-prefix-cls}-right,\n &.@{timeline-prefix-cls}-label {\n .@{timeline-prefix-cls}-item {\n &-tail,\n &-head,\n &-head-custom {\n .@{timeline-prefix-cls}-rtl& {\n right: 50%;\n left: auto;\n }\n }\n\n &-head {\n .@{timeline-prefix-cls}-rtl& {\n margin-right: -4px;\n margin-left: 0;\n }\n\n &-custom {\n .@{timeline-prefix-cls}-rtl& {\n margin-right: 1px;\n margin-left: 0;\n }\n }\n }\n\n &-left {\n .@{timeline-prefix-cls}-item-content {\n .@{timeline-prefix-cls}-rtl& {\n right: calc(50% - 4px);\n left: auto;\n text-align: right;\n }\n }\n }\n\n &-right {\n .@{timeline-prefix-cls}-item-content {\n .@{timeline-prefix-cls}-rtl& {\n text-align: left;\n }\n }\n }\n }\n }\n\n &.@{timeline-prefix-cls}-right {\n .@{timeline-prefix-cls}-item-right {\n .@{timeline-prefix-cls}-item-tail,\n .@{timeline-prefix-cls}-item-head,\n .@{timeline-prefix-cls}-item-head-custom {\n .@{timeline-prefix-cls}-rtl& {\n right: 0;\n left: auto;\n }\n }\n\n .@{timeline-prefix-cls}-item-content {\n .@{timeline-prefix-cls}-rtl& {\n width: 100%;\n margin-right: 18px;\n text-align: right;\n }\n }\n }\n }\n\n &&-pending &-item-last &-item-tail {\n .@{timeline-prefix-cls}-rtl& {\n border-right: 2px dotted @timeline-color;\n border-left: none;\n }\n }\n\n &&-reverse &-item-pending {\n .@{timeline-prefix-cls}-item-tail {\n .@{timeline-prefix-cls}-rtl& {\n border-right: 2px dotted @timeline-color;\n border-left: none;\n }\n }\n }\n\n &.@{timeline-prefix-cls}-label {\n .@{timeline-prefix-cls}-item-label {\n .@{timeline-prefix-cls}-rtl& {\n text-align: left;\n }\n }\n .@{timeline-prefix-cls}-item-right {\n .@{timeline-prefix-cls}-item-label {\n .@{timeline-prefix-cls}-rtl& {\n right: calc(50% + 14px);\n text-align: right;\n }\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@tooltip-prefix-cls: ~'@{ant-prefix}-tooltip';\n\n// Base class\n.@{tooltip-prefix-cls} {\n .reset-component();\n\n --antd-arrow-background-color: @tooltip-bg;\n\n position: absolute;\n z-index: @zindex-tooltip;\n display: block;\n width: max-content;\n max-width: @tooltip-max-width;\n visibility: visible;\n\n &-content {\n position: relative;\n }\n\n &-hidden {\n display: none;\n }\n\n // Wrapper for the tooltip content\n &-inner {\n min-width: 30px;\n min-height: 32px;\n padding: calc(@padding-sm / 2) @padding-xs;\n color: @tooltip-color;\n text-align: start;\n text-decoration: none;\n word-wrap: break-word;\n background-color: @tooltip-bg;\n border-radius: @border-radius-base;\n box-shadow: @box-shadow-base;\n }\n\n // Arrow Style\n .placementArrow(@tooltip-arrow-width, 4px, @arrow-border-radius, var(--antd-arrow-background-color), @popover-arrow-box-shadow);\n}\n\n.generator-tooltip-preset-color(@i: length(@preset-colors)) when (@i > 0) {\n .generator-tooltip-preset-color(@i - 1);\n @color: extract(@preset-colors, @i);\n @lightColor: '@{color}-6';\n\n .@{tooltip-prefix-cls}-@{color} {\n .@{tooltip-prefix-cls}-inner {\n background-color: @@lightColor;\n }\n\n .@{tooltip-prefix-cls}-arrow {\n --antd-arrow-background-color: @@lightColor;\n }\n }\n}\n\n.generator-tooltip-preset-color();\n\n@import './rtl';\n", "@tooltip-prefix-cls: ~'@{ant-prefix}-tooltip';\n\n// Base class\n.@{tooltip-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n}\n", ".ant-tooltip {\n position: relative;\n}\n", "@import '../../style/themes/index';\n\n@transfer-prefix-cls: ~'@{ant-prefix}-transfer';\n\n@table-prefix-cls: ~'@{ant-prefix}-table';\n@input-prefix-cls: ~'@{ant-prefix}-input';\n\n.@{transfer-prefix-cls}-customize-list {\n .@{transfer-prefix-cls}-list {\n flex: 1 1 50%;\n width: auto;\n height: auto;\n min-height: @transfer-list-height;\n }\n\n // =================== Hook Components ===================\n .@{table-prefix-cls}-wrapper {\n .@{table-prefix-cls}-small {\n border: 0;\n border-radius: 0;\n\n .@{table-prefix-cls}-selection-column {\n width: 40px;\n min-width: 40px;\n }\n\n > .@{table-prefix-cls}-content {\n // Header background color\n > .@{table-prefix-cls}-body > table > .@{table-prefix-cls}-thead > tr > th {\n background: @table-header-bg;\n }\n\n .@{table-prefix-cls}-row:last-child td {\n border-bottom: @border-width-base @border-style-base @border-color-split;\n }\n }\n\n .@{table-prefix-cls}-body {\n margin: 0;\n }\n }\n\n .@{table-prefix-cls}-pagination.@{ant-prefix}-pagination {\n margin: 16px 0 4px;\n }\n }\n .@{input-prefix-cls} {\n &[disabled] {\n background-color: transparent;\n }\n }\n}\n", "@import '../../input/style/mixin';\n\n@transfer-prefix-cls: ~'@{ant-prefix}-transfer';\n\n.transfer-status-color(@color) {\n .@{transfer-prefix-cls}-list {\n border-color: @color;\n\n &-search:not([disabled]) {\n border-color: @input-border-color;\n\n &:hover {\n .hover();\n }\n\n &:focus {\n .active();\n }\n }\n }\n}\n\n.@{transfer-prefix-cls} {\n &-status-error {\n .transfer-status-color(@error-color);\n }\n\n &-status-warning {\n .transfer-status-color(@warning-color);\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../checkbox/style/mixin';\n@import './customize';\n@import './status';\n\n@transfer-prefix-cls: ~'@{ant-prefix}-transfer';\n\n@transfer-header-vertical-padding: ceil(\n ((@transfer-header-height - 1px - @font-size-base * @line-height-base) / 2)\n);\n\n.@{transfer-prefix-cls} {\n .reset-component();\n\n position: relative;\n display: flex;\n align-items: stretch;\n\n &-disabled {\n .@{transfer-prefix-cls}-list {\n background: @transfer-disabled-bg;\n }\n }\n\n &-list {\n display: flex;\n flex-direction: column;\n width: 180px;\n height: @transfer-list-height;\n border: @border-width-base @border-style-base @border-color-base;\n border-radius: @border-radius-base;\n\n &-with-pagination {\n width: 250px;\n height: auto;\n }\n\n &-search {\n .anticon-search {\n color: @disabled-color;\n }\n }\n\n &-header {\n display: flex;\n flex: none;\n align-items: center;\n height: @transfer-header-height;\n // border-top is on the transfer dom. We should minus 1px for this\n padding: (@transfer-header-vertical-padding - 1px) @control-padding-horizontal\n @transfer-header-vertical-padding;\n color: @text-color;\n background: @component-background;\n border-bottom: @border-width-base @border-style-base @border-color-split;\n border-radius: @border-radius-base @border-radius-base 0 0;\n\n > *:not(:last-child) {\n margin-right: 4px;\n }\n\n > * {\n flex: none;\n }\n\n &-title {\n flex: auto;\n overflow: hidden;\n white-space: nowrap;\n text-align: right;\n text-overflow: ellipsis;\n }\n\n &-dropdown {\n font-size: 10px;\n transform: translateY(10%);\n cursor: pointer;\n\n &[disabled] {\n cursor: not-allowed;\n }\n }\n }\n\n &-body {\n display: flex;\n flex: auto;\n flex-direction: column;\n overflow: hidden;\n font-size: @font-size-base;\n\n &-search-wrapper {\n position: relative;\n flex: none;\n padding: @padding-sm;\n }\n }\n\n &-content {\n flex: auto;\n margin: 0;\n padding: 0;\n overflow: auto;\n list-style: none;\n\n &-item {\n display: flex;\n align-items: center;\n min-height: @transfer-item-height;\n padding: @transfer-item-padding-vertical @control-padding-horizontal;\n line-height: @transfer-item-height - 2 * @transfer-item-padding-vertical;\n transition: all 0.3s;\n\n > *:not(:last-child) {\n margin-right: 8px;\n }\n\n > * {\n flex: none;\n }\n\n &-text {\n flex: auto;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &-remove {\n position: relative;\n color: @border-color-base;\n cursor: pointer;\n transition: all 0.3s;\n\n &:hover {\n color: @link-hover-color;\n }\n\n &::after {\n position: absolute;\n top: -@transfer-item-padding-vertical;\n right: -50%;\n bottom: -@transfer-item-padding-vertical;\n left: -50%;\n content: '';\n }\n }\n }\n\n &-item:not(&-item-disabled) {\n &:hover {\n background-color: @transfer-item-hover-bg;\n cursor: pointer;\n }\n\n &.@{transfer-prefix-cls}-list-content-item-checked:hover {\n background-color: @transfer-item-selected-hover-bg;\n }\n }\n\n // Do not change hover style when `oneWay` mode\n &-show-remove &-item:not(&-item-disabled):hover {\n background: transparent;\n cursor: default;\n }\n\n &-item-checked {\n background-color: @item-active-bg;\n }\n\n &-item-disabled {\n color: @btn-disable-color;\n cursor: not-allowed;\n }\n }\n\n &-pagination {\n padding: @padding-xs 0;\n text-align: right;\n border-top: @border-width-base @border-style-base @border-color-split;\n }\n\n &-body-not-found {\n flex: none;\n width: 100%;\n margin: auto 0;\n color: @disabled-color;\n text-align: center;\n }\n\n &-footer {\n border-top: @border-width-base @border-style-base @border-color-split;\n }\n }\n\n &-operation {\n display: flex;\n flex: none;\n flex-direction: column;\n align-self: center;\n margin: 0 8px;\n vertical-align: middle;\n\n .@{ant-prefix}-btn {\n display: block;\n\n &:first-child {\n margin-bottom: 4px;\n }\n\n .@{iconfont-css-prefix} {\n font-size: 12px;\n }\n }\n }\n\n .@{ant-prefix}-empty-image {\n max-height: (@transfer-header-height / 2) - 22;\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../checkbox/style/mixin';\n\n@transfer-prefix-cls: ~'@{ant-prefix}-transfer';\n\n.@{transfer-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-list {\n &-search {\n .@{transfer-prefix-cls}-rtl & {\n padding-right: @control-padding-horizontal-sm;\n padding-left: 24px;\n }\n\n &-action {\n .@{transfer-prefix-cls}-rtl & {\n right: auto;\n left: 12px;\n }\n }\n }\n\n &-header {\n > *:not(:last-child) {\n .@{transfer-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: 4px;\n }\n }\n\n .@{transfer-prefix-cls}-rtl & {\n right: 0;\n left: auto;\n }\n\n &-title {\n .@{transfer-prefix-cls}-rtl & {\n text-align: left;\n }\n }\n }\n\n &-content {\n &-item {\n > *:not(:last-child) {\n .@{transfer-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: 8px;\n }\n }\n }\n }\n\n &-pagination {\n .@{transfer-prefix-cls}-rtl & {\n text-align: left;\n }\n }\n\n &-footer {\n .@{transfer-prefix-cls}-rtl & {\n right: 0;\n left: auto;\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@typography-prefix-cls: ~'@{ant-prefix}-typography';\n\n// =============== Basic ===============\n.@{typography-prefix-cls} {\n color: @text-color;\n word-break: break-word;\n\n &&-secondary {\n color: @text-color-secondary;\n }\n\n &&-success {\n color: @success-color;\n }\n\n &&-warning {\n color: @warning-color;\n }\n\n &&-danger {\n color: @error-color;\n\n a&:active,\n a&:focus {\n color: @error-color-active;\n }\n\n a&:hover {\n color: @error-color-hover;\n }\n }\n\n &&-disabled {\n color: @disabled-color;\n cursor: not-allowed;\n user-select: none;\n }\n\n // Tag\n div&,\n p {\n .typography-paragraph();\n }\n\n h1&,\n div&-h1,\n div&-h1 > textarea,\n h1 {\n .typography-title-1();\n }\n\n h2&,\n div&-h2,\n div&-h2 > textarea,\n h2 {\n .typography-title-2();\n }\n\n h3&,\n div&-h3,\n div&-h3 > textarea,\n h3 {\n .typography-title-3();\n }\n\n h4&,\n div&-h4,\n div&-h4 > textarea,\n h4 {\n .typography-title-4();\n }\n\n h5&,\n div&-h5,\n div&-h5 > textarea,\n h5 {\n .typography-title-5();\n }\n\n h1&,\n h2&,\n h3&,\n h4&,\n h5& {\n .@{typography-prefix-cls} + & {\n margin-top: @typography-title-margin-top;\n }\n }\n\n div,\n ul,\n li,\n p,\n h1,\n h2,\n h3,\n h4,\n h5 {\n + h1,\n + h2,\n + h3,\n + h4,\n + h5 {\n margin-top: @typography-title-margin-top;\n }\n }\n\n a&-ellipsis,\n span&-ellipsis {\n display: inline-block;\n max-width: 100%;\n }\n\n a&,\n a {\n .operation-unit();\n text-decoration: @link-decoration;\n\n &:active,\n &:hover {\n text-decoration: @link-hover-decoration;\n }\n\n &[disabled],\n &.@{typography-prefix-cls}-disabled {\n color: @disabled-color;\n cursor: not-allowed;\n\n &:active,\n &:hover {\n color: @disabled-color;\n }\n\n &:active {\n pointer-events: none;\n }\n }\n }\n\n code {\n margin: 0 0.2em;\n padding: 0.2em 0.4em 0.1em;\n font-size: 85%;\n background: rgba(150, 150, 150, 0.1);\n border: 1px solid rgba(100, 100, 100, 0.2);\n border-radius: 3px;\n }\n\n kbd {\n margin: 0 0.2em;\n padding: 0.15em 0.4em 0.1em;\n font-size: 90%;\n background: rgba(150, 150, 150, 0.06);\n border: 1px solid rgba(100, 100, 100, 0.2);\n border-bottom-width: 2px;\n border-radius: 3px;\n }\n\n mark {\n padding: 0;\n background-color: @gold-3;\n }\n\n u,\n ins {\n text-decoration: underline;\n text-decoration-skip-ink: auto;\n }\n\n s,\n del {\n text-decoration: line-through;\n }\n\n strong {\n font-weight: 600;\n }\n\n // Operation\n &-expand,\n &-edit,\n &-copy {\n .operation-unit();\n\n margin-left: 4px;\n }\n\n &-copy-success {\n &,\n &:hover,\n &:focus {\n color: @success-color;\n }\n }\n\n // Text input area\n &-edit-content {\n position: relative;\n\n div& {\n left: -@input-padding-horizontal - 1px;\n margin-top: -@input-padding-vertical-base - 1px;\n margin-bottom: calc(1em - @input-padding-vertical-base - 1px);\n }\n\n &-confirm {\n position: absolute;\n right: 10px;\n bottom: 8px;\n color: @text-color-secondary;\n // default style\n font-weight: normal;\n font-size: @font-size-base;\n font-style: normal;\n pointer-events: none;\n }\n\n // Fix Editable Textarea flash in Firefox\n textarea {\n // https://stackoverflow.com/a/7695964/3040605\n height: 1em;\n margin: 0 !important;\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -moz-transition: none;\n }\n }\n\n // list\n ul,\n ol {\n margin: 0 0 1em;\n padding: 0;\n\n li {\n margin: 0 0 0 20px;\n padding: 0 0 0 4px;\n }\n }\n\n ul {\n list-style-type: circle;\n\n ul {\n list-style-type: disc;\n }\n }\n\n ol {\n list-style-type: decimal;\n }\n\n // pre & block\n pre,\n blockquote {\n margin: 1em 0;\n }\n\n pre {\n padding: 0.4em 0.6em;\n white-space: pre-wrap;\n word-wrap: break-word;\n background: rgba(150, 150, 150, 0.1);\n border: 1px solid rgba(100, 100, 100, 0.2);\n border-radius: 3px;\n\n // Compatible for marked\n code {\n display: inline;\n margin: 0;\n padding: 0;\n font-size: inherit;\n font-family: inherit;\n background: transparent;\n border: 0;\n }\n }\n\n blockquote {\n padding: 0 0 0 0.6em;\n border-left: 4px solid rgba(100, 100, 100, 0.2);\n opacity: 0.85;\n }\n\n // ============ Ellipsis ============\n &-single-line {\n white-space: nowrap;\n }\n\n &-ellipsis-single-line {\n overflow: hidden;\n text-overflow: ellipsis;\n\n // https://blog.csdn.net/iefreer/article/details/50421025\n a&,\n span& {\n vertical-align: bottom;\n }\n }\n\n &-ellipsis-multiple-line {\n /* stylelint-disable-next-line value-no-vendor-prefix */\n display: -webkit-box;\n overflow: hidden;\n -webkit-line-clamp: 3;\n\n /*! autoprefixer: ignore next */\n -webkit-box-orient: vertical;\n }\n}\n\n@import './rtl';\n", "// =============== Common ===============\n.typography-paragraph() {\n margin-bottom: 1em;\n}\n\n.typography-title(@fontSize; @fontWeight; @lineHeight; @headingColor; @headingMarginBottom;) {\n margin-bottom: @headingMarginBottom;\n color: @headingColor;\n font-weight: @fontWeight;\n font-size: @fontSize;\n line-height: @lineHeight;\n}\n\n.typography-title-1() {\n .typography-title(\n @heading-1-size,\n @typography-title-font-weight,\n 1.23,\n @heading-color,\n @typography-title-margin-bottom\n );\n}\n.typography-title-2() {\n .typography-title(\n @heading-2-size,\n @typography-title-font-weight,\n 1.35,\n @heading-color,\n @typography-title-margin-bottom\n );\n}\n.typography-title-3() {\n .typography-title(\n @heading-3-size,\n @typography-title-font-weight,\n 1.35,\n @heading-color,\n @typography-title-margin-bottom\n );\n}\n.typography-title-4() {\n .typography-title(\n @heading-4-size,\n @typography-title-font-weight,\n 1.4,\n @heading-color,\n @typography-title-margin-bottom\n );\n}\n.typography-title-5() {\n .typography-title(\n @heading-5-size,\n @typography-title-font-weight,\n 1.5,\n @heading-color,\n @typography-title-margin-bottom\n );\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@typography-prefix-cls: ~'@{ant-prefix}-typography';\n\n.@{typography-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n // Operation\n &-expand,\n &-edit,\n &-copy {\n .@{typography-prefix-cls}-rtl & {\n margin-right: 4px;\n margin-left: 0;\n }\n }\n\n &-expand {\n .@{typography-prefix-cls}-rtl & {\n float: left;\n }\n }\n\n // Text input area\n &-edit-content {\n div& {\n &.@{typography-prefix-cls}-rtl {\n right: -@input-padding-horizontal - 1px;\n left: auto;\n }\n }\n\n &-confirm {\n .@{typography-prefix-cls}-rtl & {\n right: auto;\n left: 10px;\n }\n }\n }\n\n // list\n ul,\n ol {\n li {\n .@{typography-prefix-cls}-rtl& {\n margin: 0 20px 0 0;\n padding: 0 4px 0 0;\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@upload-prefix-cls: ~'@{ant-prefix}-upload';\n@upload-item: ~'@{ant-prefix}-upload-list-item';\n@upload-picture-card-size: 104px;\n@upload-picture-card-border-style: @border-style-base;\n\n.@{upload-prefix-cls} {\n .reset-component();\n\n outline: 0;\n\n p {\n margin: 0;\n }\n\n &-btn {\n display: block;\n width: 100%;\n outline: none;\n }\n\n input[type='file'] {\n cursor: pointer;\n }\n\n &&-select {\n display: inline-block;\n }\n\n &&-disabled {\n color: @disabled-color;\n cursor: not-allowed;\n }\n\n &&-select-picture-card {\n width: @upload-picture-card-size;\n height: @upload-picture-card-size;\n margin-right: 8px;\n margin-bottom: 8px;\n text-align: center;\n vertical-align: top;\n background-color: @background-color-light;\n border: @border-width-base dashed @border-color-base;\n border-radius: @border-radius-base;\n cursor: pointer;\n transition: border-color 0.3s;\n\n > .@{upload-prefix-cls} {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n text-align: center;\n }\n\n &:hover {\n border-color: @primary-color;\n .@{upload-prefix-cls}-disabled& {\n border-color: @border-color-base;\n }\n }\n }\n\n &&-drag {\n position: relative;\n width: 100%;\n height: 100%;\n text-align: center;\n background: @background-color-light;\n border: @border-width-base dashed @border-color-base;\n border-radius: @border-radius-base;\n cursor: pointer;\n transition: border-color 0.3s;\n\n .@{upload-prefix-cls} {\n padding: @padding-md 0;\n }\n\n &.@{upload-prefix-cls}-drag-hover:not(.@{upload-prefix-cls}-disabled) {\n border-color: @primary-7;\n }\n\n &.@{upload-prefix-cls}-disabled {\n cursor: not-allowed;\n }\n\n .@{upload-prefix-cls}-btn {\n display: table;\n height: 100%;\n }\n\n .@{upload-prefix-cls}-drag-container {\n display: table-cell;\n vertical-align: middle;\n }\n\n &:not(.@{upload-prefix-cls}-disabled):hover {\n border-color: @primary-5;\n }\n\n p.@{upload-prefix-cls}-drag-icon {\n .@{iconfont-css-prefix} {\n color: @primary-5;\n font-size: 48px;\n }\n\n margin-bottom: 20px;\n }\n p.@{upload-prefix-cls}-text {\n margin: 0 0 4px;\n color: @heading-color;\n font-size: @font-size-lg;\n }\n p.@{upload-prefix-cls}-hint {\n color: @text-color-secondary;\n font-size: @font-size-base;\n }\n\n .@{iconfont-css-prefix}-plus {\n color: @disabled-color;\n font-size: 30px;\n transition: all 0.3s;\n\n &:hover {\n color: @text-color-secondary;\n }\n }\n &:hover .@{iconfont-css-prefix}-plus {\n color: @text-color-secondary;\n }\n }\n\n &-picture-card-wrapper {\n .clearfix();\n\n display: inline-block;\n width: 100%;\n }\n}\n\n.@{upload-prefix-cls}-list {\n .reset-component();\n .clearfix();\n line-height: @line-height-base;\n\n // ============================ Item ============================\n &-item {\n position: relative;\n height: @line-height-base * @font-size-base;\n margin-top: @margin-xs;\n font-size: @font-size-base;\n\n &-name {\n display: inline-block;\n width: 100%;\n padding-left: @font-size-base + 8px;\n overflow: hidden;\n line-height: @line-height-base;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &-card-actions {\n position: absolute;\n right: 0;\n\n &-btn {\n opacity: 0;\n }\n\n &-btn.@{ant-prefix}-btn-sm {\n height: @line-height-base * @font-size-base;\n line-height: 1;\n vertical-align: top;\n }\n\n &.picture {\n top: 22px;\n line-height: 0;\n }\n\n &-btn:focus,\n &.picture &-btn {\n opacity: 1;\n }\n\n .@{iconfont-css-prefix} {\n color: @upload-actions-color;\n transition: all 0.3s;\n }\n\n &:hover .@{iconfont-css-prefix} {\n color: @text-color;\n }\n }\n\n &-info {\n height: 100%;\n transition: background-color 0.3s;\n\n > span {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n .@{iconfont-css-prefix}-loading,\n .@{upload-prefix-cls}-text-icon {\n .@{iconfont-css-prefix} {\n position: absolute;\n top: (@font-size-base / 2) - 2px;\n color: @text-color-secondary;\n font-size: @font-size-base;\n }\n }\n }\n\n &:hover &-info {\n background-color: @item-hover-bg;\n }\n\n &:hover &-card-actions-btn {\n opacity: 1;\n }\n\n &-error,\n &-error .@{upload-prefix-cls}-text-icon > .@{iconfont-css-prefix},\n &-error &-name {\n color: @error-color;\n }\n\n &-error &-card-actions {\n .@{iconfont-css-prefix} {\n color: @error-color;\n }\n\n &-btn {\n opacity: 1;\n }\n }\n\n &-progress {\n position: absolute;\n bottom: -12px;\n width: 100%;\n padding-left: @font-size-base + 12px;\n font-size: @font-size-base;\n line-height: 0;\n }\n }\n\n // =================== Picture & Picture Card ===================\n &-picture,\n &-picture-card {\n .@{upload-item} {\n position: relative;\n height: 66px;\n padding: @padding-xs;\n border: @border-width-base @upload-picture-card-border-style @border-color-base;\n border-radius: @border-radius-base;\n\n &:hover {\n background: transparent;\n }\n\n &-error {\n border-color: @error-color;\n }\n }\n\n .@{upload-item}-info {\n padding: 0;\n }\n\n .@{upload-item}:hover .@{upload-item}-info {\n background: transparent;\n }\n\n .@{upload-item}-uploading {\n border-style: dashed;\n }\n\n .@{upload-item}-thumbnail {\n width: 48px;\n height: 48px;\n line-height: 60px;\n text-align: center;\n opacity: 0.8;\n\n .@{iconfont-css-prefix} {\n font-size: 26px;\n }\n }\n\n // Adjust the color of the error icon : https://github.com/ant-design/ant-design/pull/24160\n .@{upload-item}-error .@{upload-item}-thumbnail {\n .@{iconfont-css-prefix} {\n svg path {\n &[fill='#e6f7ff'] {\n fill: @error-color-deprecated-bg;\n }\n\n &[fill='#1890ff'] {\n fill: @error-color;\n }\n }\n }\n }\n\n .@{upload-item}-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n font-size: 26px;\n transform: translate(-50%, -50%);\n\n .@{iconfont-css-prefix} {\n font-size: 26px;\n }\n }\n\n .@{upload-item}-image {\n max-width: 100%;\n }\n\n .@{upload-item}-thumbnail img {\n display: block;\n width: 48px;\n height: 48px;\n overflow: hidden;\n }\n\n .@{upload-item}-name {\n display: inline-block;\n box-sizing: border-box;\n max-width: 100%;\n margin: 0 0 0 8px;\n padding-right: 8px;\n padding-left: 48px;\n overflow: hidden;\n line-height: 44px;\n white-space: nowrap;\n text-overflow: ellipsis;\n transition: all 0.3s;\n }\n\n .@{upload-item}-uploading .@{upload-item}-name {\n margin-bottom: 12px;\n }\n\n .@{upload-item}-progress {\n bottom: 14px;\n width: ~'calc(100% - 24px)';\n margin-top: 0;\n padding-left: 56px;\n }\n }\n\n // ======================== Picture Card ========================\n &-picture-card {\n &-container {\n display: inline-block;\n width: @upload-picture-card-size;\n height: @upload-picture-card-size;\n margin: 0 @margin-xs @margin-xs 0;\n vertical-align: top;\n }\n\n .@{upload-item} {\n height: 100%;\n margin: 0;\n }\n\n .@{upload-item}-info {\n position: relative;\n height: 100%;\n overflow: hidden;\n\n &::before {\n position: absolute;\n z-index: 1;\n width: 100%;\n height: 100%;\n background-color: fade(@black, 50%);\n opacity: 0;\n transition: all 0.3s;\n content: ' ';\n }\n }\n\n .@{upload-item}:hover .@{upload-item}-info::before {\n opacity: 1;\n }\n\n .@{upload-item}-actions {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 10;\n white-space: nowrap;\n transform: translate(-50%, -50%);\n opacity: 0;\n transition: all 0.3s;\n\n .@{iconfont-css-prefix}-eye,\n .@{iconfont-css-prefix}-download,\n .@{iconfont-css-prefix}-delete {\n z-index: 10;\n width: 16px;\n margin: 0 4px;\n color: @text-color-dark;\n font-size: 16px;\n cursor: pointer;\n transition: all 0.3s;\n\n &:hover {\n color: @text-color-inverse;\n }\n }\n }\n\n .@{upload-item}-info:hover + .@{upload-item}-actions,\n .@{upload-item}-actions:hover {\n opacity: 1;\n }\n\n .@{upload-item}-thumbnail,\n .@{upload-item}-thumbnail img {\n position: static;\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .@{upload-item}-name {\n display: none;\n margin: 8px 0 0;\n padding: 0;\n line-height: @line-height-base;\n text-align: center;\n }\n\n .@{upload-item}-file + .@{upload-item}-name {\n position: absolute;\n bottom: 10px;\n display: block;\n }\n\n .@{upload-item}-uploading {\n &.@{upload-item} {\n background-color: @background-color-light;\n }\n\n .@{upload-item}-info {\n height: auto;\n\n &::before,\n .@{iconfont-css-prefix}-eye,\n .@{iconfont-css-prefix}-delete {\n display: none;\n }\n }\n }\n\n .@{upload-item}-progress {\n bottom: 32px;\n width: calc(100% - 14px);\n padding-left: 0;\n }\n }\n\n // ======================= Picture & Text =======================\n &-text,\n &-picture {\n &-container {\n transition: opacity @animation-duration-slow, height @animation-duration-slow;\n\n &::before {\n display: table;\n width: 0;\n height: 0;\n content: '';\n }\n\n // Don't know why span here, just stretch it\n .@{upload-prefix-cls}-span {\n display: block;\n flex: auto;\n }\n }\n\n // text & picture no need this additional element.\n // But it used for picture-card, let's keep it.\n .@{upload-prefix-cls}-span {\n display: flex;\n align-items: center;\n\n > * {\n flex: none;\n }\n }\n\n .@{upload-item}-name {\n flex: auto;\n margin: 0;\n padding: 0 @padding-xs;\n }\n\n .@{upload-item}-card-actions {\n position: static;\n }\n }\n\n // ============================ Text ============================\n &-text {\n .@{upload-prefix-cls}-text-icon {\n .@{iconfont-css-prefix} {\n position: static;\n }\n }\n }\n\n // =========================== Motion ===========================\n .@{upload-prefix-cls}-animate-inline-appear,\n .@{upload-prefix-cls}-animate-inline-enter,\n .@{upload-prefix-cls}-animate-inline-leave {\n animation-duration: @animation-duration-slow;\n animation-timing-function: @ease-in-out-circ;\n animation-fill-mode: forwards;\n }\n\n .@{upload-prefix-cls}-animate-inline-appear,\n .@{upload-prefix-cls}-animate-inline-enter {\n animation-name: uploadAnimateInlineIn;\n }\n\n .@{upload-prefix-cls}-animate-inline-leave {\n animation-name: uploadAnimateInlineOut;\n }\n}\n\n@keyframes uploadAnimateInlineIn {\n from {\n width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n }\n}\n\n@keyframes uploadAnimateInlineOut {\n to {\n width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@upload-prefix-cls: ~'@{ant-prefix}-upload';\n@upload-item: ~'@{ant-prefix}-upload-list-item';\n\n.@{upload-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &&-select-picture-card {\n .@{upload-prefix-cls}-rtl& {\n margin-right: auto;\n margin-left: 8px;\n }\n }\n}\n\n.@{upload-prefix-cls}-list {\n &-rtl {\n direction: rtl;\n }\n\n &-item-list-type-text {\n &:hover {\n .@{upload-prefix-cls}-list-item-name-icon-count-1 {\n .@{upload-prefix-cls}-list-rtl & {\n padding-right: 22px;\n padding-left: 14px;\n }\n }\n .@{upload-prefix-cls}-list-item-name-icon-count-2 {\n .@{upload-prefix-cls}-list-rtl & {\n padding-right: 22px;\n padding-left: 28px;\n }\n }\n }\n }\n\n &-item {\n &-name {\n .@{upload-prefix-cls}-list-rtl & {\n padding-right: @font-size-base + 8px;\n padding-left: 0;\n }\n }\n\n &-name-icon-count-1 {\n .@{upload-prefix-cls}-list-rtl & {\n padding-left: 14px;\n }\n }\n\n &-card-actions {\n .@{upload-prefix-cls}-list-rtl & {\n right: auto;\n left: 0;\n }\n .@{iconfont-css-prefix} {\n .@{upload-prefix-cls}-list-rtl & {\n padding-right: 0;\n padding-left: 5px;\n }\n }\n }\n\n &-info {\n .@{upload-prefix-cls}-list-rtl & {\n padding: 0 4px 0 12px;\n }\n }\n\n &-error &-card-actions {\n .@{iconfont-css-prefix} {\n .@{upload-prefix-cls}-list-rtl & {\n padding-right: 0;\n padding-left: 5px;\n }\n }\n }\n\n &-progress {\n .@{upload-prefix-cls}-list-rtl & {\n padding-right: @font-size-base + 12px;\n padding-left: 0;\n }\n }\n }\n\n &-picture,\n &-picture-card {\n .@{upload-item}-info {\n padding: 0;\n }\n\n .@{upload-item}-thumbnail {\n .@{upload-prefix-cls}-list-rtl& {\n right: 8px;\n left: auto;\n }\n }\n\n .@{upload-item}-icon {\n .@{upload-prefix-cls}-list-rtl& {\n right: 50%;\n left: auto;\n transform: translate(50%, -50%);\n }\n }\n\n .@{upload-item}-name {\n .@{upload-prefix-cls}-list-rtl& {\n margin: 0 8px 0 0;\n padding-right: 48px;\n padding-left: 8px;\n }\n }\n\n .@{upload-item}-name-icon-count-1 {\n .@{upload-prefix-cls}-list-rtl& {\n padding-right: 48px;\n padding-left: 18px;\n }\n }\n\n .@{upload-item}-name-icon-count-2 {\n .@{upload-prefix-cls}-list-rtl& {\n padding-right: 48px;\n padding-left: 36px;\n }\n }\n\n .@{upload-item}-progress {\n .@{upload-prefix-cls}-list-rtl& {\n padding-right: 0;\n padding-left: 0;\n }\n }\n }\n\n &-picture-card {\n &-container {\n .@{upload-prefix-cls}-list-rtl & {\n margin: 0 0 @margin-xs @margin-xs;\n }\n }\n\n .@{upload-item}-actions {\n .@{upload-prefix-cls}-list-rtl& {\n right: 50%;\n left: auto;\n transform: translate(50%, -50%);\n }\n }\n\n .@{upload-item}-file + .@{upload-item}-name {\n .@{upload-prefix-cls}-list-rtl& {\n margin: 8px 0 0;\n padding: 0;\n }\n }\n }\n}\n", ".ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item {\n float: unset;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../input/style/mixin';\n\n@input-prefix-cls: ~'@{ant-prefix}-input';\n@select-prefix-cls: ~'@{ant-prefix}-select';\n@autocomplete-prefix-cls: ~'@{select-prefix-cls}-auto-complete';\n\n.@{autocomplete-prefix-cls} {\n .reset-component();\n\n // https://github.com/ant-design/ant-design/issues/22302\n .@{select-prefix-cls}-clear {\n right: 13px;\n }\n}\n", ".ant-select-dropdown-hidden {\n display: none;\n}\n\n.ant-select-dropdown-content-wrapper {\n max-height: 256px;\n overflow-y: auto;\n overflow-anchor: none;\n}\n\n.ant-select-dropdown-content {\n display: flex;\n flex-direction: column;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../input/style/mixin';\n@import '../../checkbox/style/mixin';\n\n@cascader-prefix-cls: ~'@{ant-prefix}-cascader';\n\n.antCheckboxFn(@checkbox-prefix-cls: ~'@{cascader-prefix-cls}-checkbox');\n\n.@{cascader-prefix-cls} {\n width: 184px;\n\n &-checkbox {\n top: 0;\n margin-right: @padding-xs;\n }\n\n &-menus {\n display: flex;\n flex-wrap: nowrap;\n align-items: flex-start;\n\n &.@{cascader-prefix-cls}-menu-empty {\n .@{cascader-prefix-cls}-menu {\n width: 100%;\n height: auto;\n }\n }\n }\n\n &-menu {\n flex-grow: 1;\n min-width: 111px;\n height: 180px;\n margin: 0;\n padding: @cascader-dropdown-edge-child-vertical-padding 0;\n overflow: auto;\n vertical-align: top;\n list-style: none;\n -ms-overflow-style: -ms-autohiding-scrollbar; // https://github.com/ant-design/ant-design/issues/11857\n\n &:not(:last-child) {\n border-inline-end: @border-width-base @border-style-base @cascader-menu-border-color-split;\n }\n\n &-item {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n padding: @cascader-dropdown-vertical-padding @control-padding-horizontal;\n overflow: hidden;\n line-height: @cascader-dropdown-line-height;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: pointer;\n transition: all 0.3s;\n\n &:hover {\n background: @item-hover-bg;\n }\n\n &-disabled {\n color: @disabled-color;\n cursor: not-allowed;\n\n &:hover {\n background: transparent;\n }\n }\n\n .@{cascader-prefix-cls}-menu-empty & {\n color: @disabled-color;\n cursor: default;\n pointer-events: none;\n }\n\n &-active:not(&-disabled) {\n &,\n &:hover {\n font-weight: @select-item-selected-font-weight;\n background-color: @cascader-item-selected-bg;\n }\n }\n\n &-content {\n flex: auto;\n }\n\n &-expand &-expand-icon,\n &-loading-icon {\n margin-left: @padding-xss;\n color: @text-color-secondary;\n font-size: 10px;\n\n .@{cascader-prefix-cls}-menu-item-disabled& {\n color: @disabled-color;\n }\n }\n\n &-keyword {\n color: @highlight-color;\n }\n }\n }\n\n // ===================== Compact Item Styles =====================\n .compact-item(@cascader-prefix-cls);\n}\n\n@import './rtl';\n", "// We can not import reference of `./index` directly since it will make dead loop in less\n@import (reference) '../../style/themes/index';\n@cascader-prefix-cls: ~'@{ant-prefix}-cascader';\n\n.@{cascader-prefix-cls}-rtl {\n .@{cascader-prefix-cls}-menu-item {\n &-expand-icon,\n &-loading-icon {\n margin-right: @padding-xss;\n margin-left: 0;\n }\n }\n\n .@{cascader-prefix-cls}-checkbox {\n top: 0;\n margin-right: 0;\n margin-left: @padding-xs;\n }\n}\n", ".ant-cascader-menus {\n position: relative;\n margin-top: 2px;\n margin-bottom: 2px;\n}", "/*\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE\n */\n\nnz-tree-virtual-scroll-view {\n position: relative;\n display: block;\n overflow: auto;\n transform: translateZ(0);\n will-change: scroll-position;\n contain: strict;\n -webkit-overflow-scrolling: touch;\n\n .ant-tree-list, .ant-tree-list-holder {\n height: 100%;\n }\n}\n\nnz-tree-virtual-scroll-view, nz-tree-view {\n .ant-tree-switcher + .ant-tree-switcher.nz-tree-leaf-line-icon {\n display: none;\n }\n}\n\nnz-tree-view .ant-tree-list-holder-inner {\n display: flex;\n flex-direction: column;\n}\n", "@import '../../style/mixins/index';\n\n@tree-prefix-cls: ~'@{ant-prefix}-tree';\n@select-tree-prefix-cls: ~'@{ant-prefix}-select-tree';\n@tree-motion: ~'@{ant-prefix}-motion-collapse';\n@tree-node-padding: (@padding-xs / 2);\n// @deprecated: kept for customization usages, recommend using @tree-node-highlight-color instead.\n@tree-node-hightlight-color: inherit;\n@tree-node-highlight-color: @tree-node-hightlight-color;\n\n.antTreeSwitcherIcon(@type: 'tree-default-open-icon') {\n .@{tree-prefix-cls}-switcher-icon,\n .@{select-tree-prefix-cls}-switcher-icon {\n display: inline-block;\n font-size: 10px;\n vertical-align: baseline;\n\n svg {\n transition: transform 0.3s;\n }\n }\n}\n\n.drop-indicator() {\n .@{tree-prefix-cls}-drop-indicator {\n position: absolute;\n // it should displayed over the following node\n z-index: 1;\n height: 2px;\n background-color: @primary-color;\n border-radius: 1px;\n pointer-events: none;\n\n &::after {\n position: absolute;\n top: -3px;\n left: -6px;\n width: 8px;\n height: 8px;\n background-color: transparent;\n border: 2px solid @primary-color;\n border-radius: 50%;\n content: '';\n }\n }\n}\n\n.antTreeFn(@custom-tree-prefix-cls) {\n @custom-tree-node-prefix-cls: ~'@{custom-tree-prefix-cls}-treenode';\n .reset-component();\n background: @tree-bg;\n border-radius: @border-radius-base;\n transition: background-color 0.3s;\n\n &-focused:not(:hover):not(&-active-focused) {\n background: @primary-1;\n }\n\n // =================== Virtual List ===================\n &-list-holder-inner {\n align-items: flex-start;\n }\n\n &.@{custom-tree-prefix-cls}-block-node {\n .@{custom-tree-prefix-cls}-list-holder-inner {\n align-items: stretch;\n\n // >>> Title\n .@{custom-tree-prefix-cls}-node-content-wrapper {\n flex: auto;\n }\n\n // >>> Drag\n .@{custom-tree-node-prefix-cls}.dragging {\n position: relative;\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: @tree-node-padding;\n left: 0;\n border: 1px solid @primary-color;\n opacity: 0;\n animation: ant-tree-node-fx-do-not-use 0.3s;\n animation-play-state: running;\n animation-fill-mode: forwards;\n content: '';\n pointer-events: none;\n }\n }\n }\n }\n\n // ===================== TreeNode =====================\n .@{custom-tree-node-prefix-cls} {\n display: flex;\n align-items: flex-start;\n padding: 0 0 @tree-node-padding 0;\n outline: none;\n // Disabled\n &-disabled {\n // >>> Title\n .@{custom-tree-prefix-cls}-node-content-wrapper {\n color: @disabled-color;\n cursor: not-allowed;\n\n &:hover {\n background: transparent;\n }\n }\n }\n\n &-active .@{custom-tree-prefix-cls}-node-content-wrapper {\n background: @tree-node-hover-bg;\n }\n\n &:not(&-disabled).filter-node .@{custom-tree-prefix-cls}-title {\n color: @tree-node-highlight-color;\n font-weight: 500;\n }\n\n &-draggable {\n .@{custom-tree-prefix-cls}-draggable-icon {\n width: @tree-title-height;\n line-height: @tree-title-height;\n text-align: center;\n visibility: visible;\n opacity: 0.2;\n transition: opacity @animation-duration-slow;\n\n .@{custom-tree-node-prefix-cls}:hover & {\n opacity: 0.45;\n }\n }\n\n &.@{custom-tree-node-prefix-cls}-disabled {\n .@{custom-tree-prefix-cls}-draggable-icon {\n visibility: hidden;\n }\n }\n }\n }\n\n // >>> Indent\n &-indent {\n align-self: stretch;\n white-space: nowrap;\n user-select: none;\n\n &-unit {\n display: inline-block;\n width: @tree-title-height;\n }\n }\n\n // >>> Drag Handler\n &-draggable-icon {\n visibility: hidden;\n }\n\n // >>> Switcher\n &-switcher {\n .antTreeSwitcherIcon();\n position: relative;\n flex: none;\n align-self: stretch;\n width: @tree-title-height;\n margin: 0;\n line-height: @tree-title-height;\n text-align: center;\n cursor: pointer;\n user-select: none;\n\n &-noop {\n cursor: default;\n }\n\n &_close {\n .@{custom-tree-prefix-cls}-switcher-icon {\n svg {\n transform: rotate(-90deg);\n }\n }\n }\n\n &-loading-icon {\n color: @primary-color;\n }\n\n &-leaf-line {\n position: relative;\n z-index: 1;\n display: inline-block;\n width: 100%;\n height: 100%;\n // https://github.com/ant-design/ant-design/issues/31884\n &::before {\n position: absolute;\n top: 0;\n right: 12px;\n bottom: -@tree-node-padding;\n margin-left: -1px;\n border-right: 1px solid @normal-color;\n content: ' ';\n }\n\n &::after {\n position: absolute;\n width: @tree-title-height - 14px;\n height: @tree-title-height - 10px;\n border-bottom: 1px solid @normal-color;\n content: ' ';\n }\n }\n }\n\n // >>> Checkbox\n &-checkbox {\n top: initial;\n margin: ((@tree-title-height - @checkbox-size) / 2) 8px 0 0;\n }\n\n // >>> Title\n & &-node-content-wrapper {\n position: relative;\n z-index: auto;\n min-height: @tree-title-height;\n margin: 0;\n padding: 0 4px;\n color: inherit;\n line-height: @tree-title-height;\n background: transparent;\n border-radius: @border-radius-base;\n cursor: pointer;\n transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;\n\n &:hover {\n background-color: @tree-node-hover-bg;\n }\n\n &.@{custom-tree-prefix-cls}-node-selected {\n background-color: @tree-node-selected-bg;\n }\n\n // Icon\n .@{custom-tree-prefix-cls}-iconEle {\n display: inline-block;\n width: @tree-title-height;\n height: @tree-title-height;\n line-height: @tree-title-height;\n text-align: center;\n vertical-align: top;\n\n &:empty {\n display: none;\n }\n }\n }\n\n // https://github.com/ant-design/ant-design/issues/28217\n &-unselectable &-node-content-wrapper:hover {\n background-color: transparent;\n }\n\n // ==================== Draggable =====================\n &-node-content-wrapper {\n line-height: @tree-title-height;\n user-select: none;\n\n .drop-indicator();\n }\n\n .@{custom-tree-node-prefix-cls}.drop-container {\n > [draggable] {\n box-shadow: 0 0 0 2px @primary-color;\n }\n }\n\n // ==================== Show Line =====================\n &-show-line {\n // ================ Indent lines ================\n .@{custom-tree-prefix-cls}-indent {\n &-unit {\n position: relative;\n height: 100%;\n\n &::before {\n position: absolute;\n top: 0;\n right: (@tree-title-height / 2);\n bottom: -@tree-node-padding;\n border-right: 1px solid @border-color-base;\n content: '';\n }\n\n &-end {\n &::before {\n display: none;\n }\n }\n }\n }\n\n // ============== Cover Background ==============\n .@{custom-tree-prefix-cls}-switcher {\n background: @component-background;\n\n &-line-icon {\n // https://github.com/ant-design/ant-design/issues/32813\n vertical-align: -0.15em;\n }\n }\n }\n\n .@{custom-tree-node-prefix-cls}-leaf-last {\n .@{custom-tree-prefix-cls}-switcher {\n &-leaf-line {\n &::before {\n top: auto !important;\n bottom: auto !important;\n height: @tree-title-height - 10px !important;\n }\n }\n }\n }\n}\n\n@keyframes ant-tree-node-fx-do-not-use {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n", "@import '../../style/themes/index';\n\n@tree-prefix-cls: ~'@{ant-prefix}-tree';\n\n.@{tree-prefix-cls}.@{tree-prefix-cls}-directory {\n // ================== TreeNode ==================\n .@{tree-prefix-cls}-treenode {\n position: relative;\n\n // Hover color\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 4px;\n left: 0;\n transition: background-color 0.3s;\n content: '';\n pointer-events: none;\n }\n\n &:hover {\n &::before {\n background: @item-hover-bg;\n }\n }\n\n // Elements\n > * {\n z-index: 1;\n }\n\n // >>> Switcher\n .@{tree-prefix-cls}-switcher {\n transition: color 0.3s;\n }\n\n // >>> Title\n .@{tree-prefix-cls}-node-content-wrapper {\n border-radius: 0;\n user-select: none;\n\n &:hover {\n background: transparent;\n }\n\n &.@{tree-prefix-cls}-node-selected {\n color: @tree-directory-selected-color;\n background: transparent;\n }\n }\n\n // ============= Selected =============\n &-selected {\n &:hover::before,\n &::before {\n background: @tree-directory-selected-bg;\n }\n\n // >>> Switcher\n .@{tree-prefix-cls}-switcher {\n color: @tree-directory-selected-color;\n }\n\n // >>> Title\n .@{tree-prefix-cls}-node-content-wrapper {\n color: @tree-directory-selected-color;\n background: transparent;\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../checkbox/style/mixin';\n@import './mixin';\n@import './directory';\n\n@tree-prefix-cls: ~'@{ant-prefix}-tree';\n@tree-node-prefix-cls: ~'@{tree-prefix-cls}-treenode';\n\n.antCheckboxFn(@checkbox-prefix-cls: ~'@{ant-prefix}-tree-checkbox');\n\n.@{tree-prefix-cls} {\n .antTreeFn(@tree-prefix-cls);\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../checkbox/style/mixin';\n\n@tree-prefix-cls: ~'@{ant-prefix}-tree';\n@select-tree-prefix-cls: ~'@{ant-prefix}-select-tree';\n@tree-node-prefix-cls: ~'@{tree-prefix-cls}-treenode';\n\n.@{tree-prefix-cls} {\n &-rtl {\n direction: rtl;\n .@{tree-prefix-cls}-node-content-wrapper[draggable='true'] {\n .@{tree-prefix-cls}-drop-indicator {\n &::after {\n right: -6px;\n left: unset;\n }\n }\n }\n }\n\n // ===================== TreeNode =====================\n .@{tree-node-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n }\n\n // >>> Switcher\n &-switcher {\n &_close {\n .@{tree-prefix-cls}-switcher-icon {\n svg {\n .@{tree-prefix-cls}-rtl & {\n transform: rotate(90deg);\n }\n }\n }\n }\n }\n // ==================== Show Line =====================\n &-show-line {\n // ================ Indent lines ================\n .@{tree-prefix-cls}-indent {\n &-unit {\n &::before {\n .@{tree-prefix-cls}-rtl& {\n right: auto;\n left: -(@tree-title-height / 2) - 1px;\n border-right: none;\n border-left: 1px solid @border-color-base;\n }\n }\n }\n }\n }\n // >>> Checkbox\n &-checkbox {\n .@{tree-prefix-cls}-rtl & {\n margin: ((@tree-title-height - @checkbox-size) / 2) 0 0 8px;\n }\n }\n}\n\n.@{select-tree-prefix-cls} {\n // >>> Checkbox\n &-checkbox {\n .@{tree-prefix-cls}-select-dropdown-rtl & {\n margin: ((@tree-title-height - @checkbox-size) / 2) 0 0 8px;\n }\n }\n}\n", "/*\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE\n */\n\n.font-highlight {\n color: @highlight-color;\n}\n\n.@{tree-prefix-cls}-child-tree {\n // The overflow of the collapse animation in edge and IE is invalid\n overflow: hidden;\n}\n\nnz-tree {\n display: block;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n@import '../../tree/style/mixin';\n@import '../../checkbox/style/mixin';\n\n@tree-select-prefix-cls: ~'@{ant-prefix}-tree-select';\n@select-tree-prefix-cls: ~'@{ant-prefix}-select-tree';\n\n.antCheckboxFn(@checkbox-prefix-cls: ~'@{select-tree-prefix-cls}-checkbox');\n\n.@{tree-select-prefix-cls} {\n // ======================= Dropdown =======================\n &-dropdown {\n padding: @padding-xs (@padding-xs / 2);\n\n &-rtl {\n direction: rtl;\n }\n // ======================== Tree ========================\n .@{select-tree-prefix-cls} {\n border-radius: 0;\n\n &-list-holder-inner {\n align-items: stretch;\n\n .@{select-tree-prefix-cls}-treenode {\n .@{select-tree-prefix-cls}-node-content-wrapper {\n flex: auto;\n }\n }\n }\n }\n }\n}\n\n.@{select-tree-prefix-cls} {\n .antTreeFn(@select-tree-prefix-cls);\n\n // change switcher icon rotation in rtl direction\n & &-switcher {\n &_close {\n .@{select-tree-prefix-cls}-switcher-icon {\n svg {\n .@{tree-select-prefix-cls}-dropdown-rtl & {\n transform: rotate(90deg);\n }\n }\n }\n }\n\n &-loading-icon {\n .@{tree-select-prefix-cls}-dropdown-rtl & {\n transform: scaleY(-1);\n }\n }\n }\n}\n", ".ant-tree.ant-select-tree.ant-tree-show-line nz-tree-node[builtin]:not(:last-child) > li::before {\n position: absolute;\n left: 12px;\n width: 1px;\n height: calc(100% - 16px);\n margin: 26px 0;\n border-left: 1px solid #d9d9d9;\n content: ' ';\n}\n\n.ant-select-dropdown.ant-select-tree-dropdown {\n position: relative;\n top: 100%;\n left: 0;\n width: 100%;\n margin-top: 4px;\n margin-bottom: 4px;\n overflow: auto;\n\n .cdk-virtual-scroll-content-wrapper {\n overflow: auto;\n }\n}", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@calendar-prefix-cls: ~'@{ant-prefix}-picker-calendar';\n@calendar-picker-prefix-cls: ~'@{ant-prefix}-picker';\n\n.@{calendar-prefix-cls} {\n .reset-component();\n background: @calendar-full-bg;\n\n // ========================= Header =========================\n &-header {\n display: flex;\n justify-content: flex-end;\n padding: @padding-sm 0;\n\n .@{calendar-prefix-cls}-year-select {\n min-width: 80px;\n }\n\n .@{calendar-prefix-cls}-month-select {\n min-width: 70px;\n margin-left: @padding-xs;\n }\n\n .@{calendar-prefix-cls}-mode-switch {\n margin-left: @padding-xs;\n }\n }\n\n .@{calendar-picker-prefix-cls}-panel {\n background: @calendar-full-panel-bg;\n border: 0;\n border-top: @border-width-base @border-style-base @border-color-split;\n border-radius: 0;\n\n .@{calendar-picker-prefix-cls}-month-panel,\n .@{calendar-picker-prefix-cls}-date-panel {\n width: auto;\n }\n\n .@{calendar-picker-prefix-cls}-body {\n padding: @padding-xs 0;\n }\n\n .@{calendar-picker-prefix-cls}-content {\n width: 100%;\n }\n }\n\n // ========================== Mini ==========================\n &-mini {\n border-radius: @border-radius-base;\n\n .@{calendar-picker-prefix-cls}-calendar-header {\n padding-right: @padding-xs;\n padding-left: @padding-xs;\n }\n\n .@{calendar-picker-prefix-cls}-panel {\n border-radius: 0 0 @border-radius-base @border-radius-base;\n }\n\n .@{calendar-picker-prefix-cls}-content {\n height: 256px;\n\n th {\n height: auto;\n padding: 0;\n line-height: 18px;\n }\n }\n\n .@{calendar-picker-prefix-cls}-cell::before {\n pointer-events: none;\n }\n }\n\n // ========================== Full ==========================\n &-full {\n .@{calendar-picker-prefix-cls}-panel {\n display: block;\n width: 100%;\n text-align: right;\n background: @calendar-full-bg;\n border: 0;\n\n .@{calendar-picker-prefix-cls}-body {\n th,\n td {\n padding: 0;\n }\n\n th {\n height: auto;\n padding: 0 12px 5px 0;\n line-height: 18px;\n }\n }\n\n // Cell\n .@{calendar-picker-prefix-cls}-cell {\n &::before {\n display: none;\n }\n\n &:hover {\n .@{calendar-prefix-cls}-date {\n background: @item-hover-bg;\n }\n }\n\n .@{calendar-prefix-cls}-date-today::before {\n display: none;\n }\n\n &-selected,\n &-selected:hover {\n .@{calendar-prefix-cls}-date,\n .@{calendar-prefix-cls}-date-today {\n background: @calendar-item-active-bg;\n\n .@{calendar-prefix-cls}-date-value {\n color: @primary-color;\n }\n }\n }\n }\n\n // Cell date\n .@{calendar-prefix-cls}-date {\n display: block;\n width: auto;\n height: auto;\n margin: 0 (@padding-xs / 2);\n padding: (@padding-xs / 2) @padding-xs 0;\n border: 0;\n border-top: 2px solid @border-color-split;\n border-radius: 0;\n transition: background 0.3s;\n\n &-value {\n line-height: 24px;\n transition: color 0.3s;\n }\n\n &-content {\n position: static;\n width: auto;\n height: 86px;\n overflow-y: auto;\n color: @text-color;\n line-height: @line-height-base;\n text-align: left;\n }\n\n &-today {\n border-color: @primary-color;\n\n .@{calendar-prefix-cls}-date-value {\n color: @text-color;\n }\n }\n }\n }\n }\n}\n\n@media only screen and (max-width: @screen-xs) {\n .@{calendar-prefix-cls} {\n &-header {\n display: block;\n\n .@{calendar-prefix-cls}-year-select {\n width: 50%;\n }\n\n .@{calendar-prefix-cls}-month-select {\n width: ~'calc(50% - @{padding-xs})';\n }\n\n .@{calendar-prefix-cls}-mode-switch {\n width: 100%;\n margin-top: @padding-xs;\n margin-left: 0;\n\n > label {\n width: 50%;\n text-align: center;\n }\n }\n }\n }\n}\n\n@import './rtl';\n", ".@{calendar-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-header {\n .@{calendar-prefix-cls}-month-select {\n .@{calendar-prefix-cls}-rtl & {\n margin-right: @padding-xs;\n margin-left: 0;\n }\n }\n\n .@{calendar-prefix-cls}-mode-switch {\n .@{calendar-prefix-cls}-rtl & {\n margin-right: @padding-xs;\n margin-left: 0;\n }\n }\n }\n\n // ========================== Full ==========================\n &-full {\n .@{calendar-picker-prefix-cls}-panel {\n .@{calendar-prefix-cls}-rtl& {\n text-align: left;\n }\n\n .@{calendar-picker-prefix-cls}-body {\n th {\n .@{calendar-prefix-cls}-rtl& {\n padding: 0 0 5px 12px;\n }\n }\n }\n\n .@{calendar-prefix-cls}-date {\n &-content {\n .@{calendar-prefix-cls}-rtl& {\n text-align: right;\n }\n }\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@result-prefix-cls: ~'@{ant-prefix}-result';\n\n.@{result-prefix-cls} {\n padding: 48px 32px;\n // status color\n &-success &-icon > .@{iconfont-css-prefix} {\n color: @success-color;\n }\n\n &-error &-icon > .@{iconfont-css-prefix} {\n color: @error-color;\n }\n\n &-info &-icon > .@{iconfont-css-prefix} {\n color: @info-color;\n }\n\n &-warning &-icon > .@{iconfont-css-prefix} {\n color: @warning-color;\n }\n\n // Exception Status image\n &-image {\n width: 250px;\n height: 295px;\n margin: auto;\n }\n\n &-icon {\n margin-bottom: 24px;\n text-align: center;\n\n > .@{iconfont-css-prefix} {\n font-size: @result-icon-font-size;\n }\n }\n\n &-title {\n color: @heading-color;\n font-size: @result-title-font-size;\n line-height: 1.8;\n text-align: center;\n }\n\n &-subtitle {\n color: @text-color-secondary;\n font-size: @result-subtitle-font-size;\n line-height: 1.6;\n text-align: center;\n }\n\n &-extra {\n margin: @result-extra-margin;\n text-align: center;\n\n > * {\n margin-right: 8px;\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n\n &-content {\n margin-top: 24px;\n padding: 24px 40px;\n background-color: @background-color-light;\n }\n}\n\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@result-prefix-cls: ~'@{ant-prefix}-result';\n\n.@{result-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-extra {\n > * {\n .@{result-prefix-cls}-rtl & {\n margin-right: 0;\n margin-left: 8px;\n }\n\n &:last-child {\n .@{result-prefix-cls}-rtl & {\n margin-left: 0;\n }\n }\n }\n }\n}\n", "nz-result {\n display: block;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@space-prefix-cls: ~'@{ant-prefix}-space';\n@space-item-prefix-cls: ~'@{ant-prefix}-space-item';\n\n.@{space-prefix-cls} {\n display: inline-flex;\n\n &-vertical {\n flex-direction: column;\n }\n\n &-align {\n &-center {\n align-items: center;\n }\n\n &-start {\n align-items: flex-start;\n }\n\n &-end {\n align-items: flex-end;\n }\n\n &-baseline {\n align-items: baseline;\n }\n }\n}\n\n.@{space-item-prefix-cls} {\n &:empty {\n display: none;\n }\n}\n\n@import './compact';\n@import './rtl';\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@space-compact-prefix-cls: ~'@{ant-prefix}-space-compact';\n\n.@{space-compact-prefix-cls} {\n display: inline-flex;\n\n &-block {\n display: flex;\n width: 100%;\n }\n\n &-vertical {\n flex-direction: column;\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@space-prefix-cls: ~'@{ant-prefix}-space';\n\n.@{space-prefix-cls} {\n &-rtl {\n direction: rtl;\n }\n\n &-compact-rtl {\n direction: rtl;\n }\n}\n", "nz-space-item {\n display: block;\n}", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@image-prefix-cls: ~'@{ant-prefix}-image';\n@image-preview-prefix-cls: ~'@{image-prefix-cls}-preview';\n\n.@{image-prefix-cls} {\n position: relative;\n display: inline-block;\n\n &-img {\n width: 100%;\n height: auto;\n vertical-align: middle;\n\n &-placeholder {\n background-color: @image-bg;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 30%;\n }\n }\n\n &-mask {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n color: @text-color-inverse;\n background: fade(@black, 50%);\n cursor: pointer;\n opacity: 0;\n transition: opacity @animation-duration-slow;\n\n &-info {\n padding: 0 @padding-xss;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n .@{iconfont-css-prefix} {\n margin-inline-end: @margin-xss;\n }\n }\n\n &:hover {\n opacity: 1;\n }\n }\n\n &-placeholder {\n .box();\n }\n\n &-preview {\n .modal-mask();\n\n height: 100%;\n text-align: center;\n\n &-body {\n .box();\n overflow: hidden;\n }\n\n &-img {\n max-width: 100%;\n max-height: 100%;\n vertical-align: middle;\n transform: scale3d(1, 1, 1);\n cursor: grab;\n transition: transform 0.3s @ease-out 0s;\n user-select: none;\n pointer-events: auto;\n\n &-wrapper {\n .box();\n transition: transform 0.3s @ease-out 0s;\n\n &::before {\n display: inline-block;\n width: 1px;\n height: 50%;\n margin-right: -1px;\n content: '';\n }\n }\n }\n\n &-moving {\n .@{image-prefix-cls}-preview-img {\n cursor: grabbing;\n\n &-wrapper {\n transition-duration: 0s;\n }\n }\n }\n\n &-wrap {\n z-index: @zindex-image;\n }\n\n &-operations-wrapper {\n position: fixed;\n top: 0;\n right: 0;\n z-index: @zindex-image + 1;\n width: 100%;\n }\n\n &-operations {\n .reset-component();\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n color: @image-preview-operation-color;\n list-style: none;\n background: fade(@modal-mask-bg, 10%);\n pointer-events: auto;\n\n &-operation {\n margin-left: @control-padding-horizontal;\n padding: @control-padding-horizontal;\n cursor: pointer;\n transition: all 0.3s;\n\n &:hover {\n background: fade(@modal-mask-bg, 20%);\n }\n\n &-disabled {\n color: @image-preview-operation-disabled-color;\n pointer-events: none;\n }\n\n &:last-of-type {\n margin-left: 0;\n }\n }\n\n &-progress {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n }\n\n &-icon {\n font-size: @image-preview-operation-size;\n }\n }\n\n &-switch-left,\n &-switch-right {\n position: fixed;\n top: 50%;\n right: 8px;\n z-index: @zindex-image + 1;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n color: @image-preview-operation-color;\n background: fade(@modal-mask-bg, 10%);\n border-radius: 50%;\n transform: translateY(-50%);\n cursor: pointer;\n transition: all 0.3s;\n pointer-events: auto;\n\n &:hover {\n background: fade(@modal-mask-bg, 20%);\n }\n\n &-disabled,\n &-disabled:hover {\n color: @image-preview-operation-disabled-color;\n background: fade(@modal-mask-bg, 10%);\n cursor: not-allowed;\n > .@{iconfont-css-prefix} {\n cursor: not-allowed;\n }\n }\n\n > .@{iconfont-css-prefix} {\n font-size: 18px;\n }\n }\n\n &-switch-left {\n left: 8px;\n }\n\n &-switch-right {\n right: 8px;\n }\n\n &-focus-trap {\n width: 0;\n height: 0;\n overflow: hidden;\n outline: none;\n }\n }\n}\n", "@image-prefix-cls: ~'@{ant-prefix}-image';\n\n.cdk-overlay-backdrop {\n &.ant-image-preview-mask {\n opacity: 1;\n }\n}\n\n.cdk-global-overlay-wrapper[dir='rtl'] {\n .@{image-prefix-cls} {\n &-preview {\n &-switch-left {\n right: 10px;\n left: unset;\n\n rotate: 180deg;\n }\n\n &-switch-right {\n right: unset;\n left: 10px;\n\n rotate: 180deg;\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@cron-expression-prefix-cls: ~'@{ant-prefix}-cron-expression';\n\n.@{cron-expression-prefix-cls} {\n display: flex;\n flex-wrap: nowrap;\n\n &-content{\n width: 100%;\n\n .@{cron-expression-prefix-cls}-input-group-error-focus {\n box-shadow: 0 0 0 @outline-width @error-color-outline;\n }\n }\n\n nz-cron-expression-input{\n width: 20%;\n }\n\n &-input-group {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n\n input {\n width: 100%;\n padding: 0;\n border: none !important;\n border-radius: 0;\n outline: none;\n box-shadow: none !important;\n }\n }\n\n &-input-group-focus {\n border-color: @primary-color;\n outline: 0;\n box-shadow: 0 0 0 @outline-width @primary-color-outline;\n }\n\n nz-cron-expression-label {\n width: 20%;\n }\n\n &-label-group {\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-around;\n width: 100%;\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n\n &-default {\n padding: 0 @padding-sm;\n }\n }\n\n &-label-foucs {\n color: @primary-color;\n }\n\n &-map {\n margin-left: @margin-sm;\n }\n\n &-preview {\n display: flex;\n padding: @padding-sm;\n\n &-dateTime {\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n\n &-center {\n justify-content: center;\n }\n }\n\n &-content {\n display: flex;\n flex: 0 0 220px;\n align-items: center;\n padding-left: @padding-md;\n }\n\n &-list, &-icon {\n margin: 0;\n padding: 0;\n list-style: none;\n\n li {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n }\n\n &-list {\n height: 132px;\n overflow-y: scroll;\n }\n\n &-icon {\n display: flex;\n flex: 0 0 16px;\n justify-content: center;\n }\n }\n\n &-error {\n color: @error-color;\n }\n}", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@qrcode-prefix-cls: ~'@{ant-prefix}-qrcode';\n\n.@{qrcode-prefix-cls} {\n position: relative;\n display: inline-block;\n padding: @padding-sm;\n\n &>canvas {\n display: block;\n }\n}\n\n.@{qrcode-prefix-cls}-border {\n border: @border-width-base @border-style-base @border-color-split;\n border-radius: @border-radius-base;\n}\n\n.@{qrcode-prefix-cls}-mask {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 10;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n text-align: center;\n background-color: fade(@white, 96%);\n}\n\n.@{qrcode-prefix-cls}-expired {\n color: fade(@black, 85%);\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@water-mark-prefix-cls: ~'@{ant-prefix}-water-mark';\n\n.@{water-mark-prefix-cls} {\n position: relative;\n display: block;\n}", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@color-picker-prefix-cls: ~'@{ant-prefix}-color-picker';\n\n.@{color-picker-prefix-cls} {\n position: absolute;\n z-index: 1;\n display: block;\n width: max-content;\n min-width: 250px;\n visibility: visible;\n\n &-hidden {\n display: none;\n }\n\n &-panel {\n display: flex;\n flex-direction: column;\n width: 250px;\n border-radius: @border-radius-base;\n\n &-disabled {\n cursor: not-allowed;\n }\n }\n\n &-gradient {\n position: absolute;\n inset: 0;\n }\n\n &-palette {\n position: relative;\n }\n\n &-select {\n .@{color-picker-prefix-cls}-palette {\n min-height: 160px;\n overflow: hidden;\n border-radius: @border-radius-base;\n\n & > .@{color-picker-prefix-cls}-gradient {\n border-top-left-radius: 5px;\n }\n }\n\n margin-bottom: @margin-sm;\n }\n\n &-saturation {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-image: linear-gradient(0deg, #000, transparent), linear-gradient(90deg, #fff, hsla(0deg, 0%, 100%, 0));\n border-radius: inherit;\n }\n\n &-transform {\n position: absolute;\n z-index: 1;\n }\n\n &-handler {\n box-sizing: border-box;\n width: 16px;\n height: 16px;\n border: @border-width-base solid #fff;\n border-radius: 50%;\n }\n\n &-handler-sm {\n width: 12px;\n height: 12px;\n }\n\n &-slider {\n width: 100%;\n border-radius: @border-radius-base;\n\n .@{color-picker-prefix-cls}-palette {\n height: 8px;\n }\n\n .@{color-picker-prefix-cls}-gradient {\n border-radius: @border-radius-base;\n }\n\n &-hue {\n margin-bottom: @margin-sm;\n }\n\n &-alpha {\n background-image: conic-gradient(\n rgba(0, 0, 0, 0.06) 0 25%,\n transparent 0 50%,\n rgba(0, 0, 0, 0.06) 0 75%,\n transparent 0\n );\n background-size: 8px 8px;\n }\n }\n\n &-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 32px;\n height: 32px;\n padding: 3px;\n border: @border-width-base solid @border-color-split;\n border-radius: @border-radius-base;\n cursor: pointer;\n transition: all 0.2s;\n\n &:hover {\n border-color: @primary-color;\n }\n\n &-text {\n margin: 0 @margin-xss 0 @margin-xs;\n font-size: @font-size-base;\n }\n }\n\n &-sm {\n min-width: 24px;\n height: 24px;\n }\n\n &-lg {\n min-width: 40px;\n height: 40px;\n\n .@{color-picker-prefix-cls}-trigger-text {\n font-size: @font-size-lg;\n }\n }\n\n &-color-block {\n position: relative;\n width: 28px;\n height: 28px;\n overflow: hidden;\n background-image: conic-gradient(\n rgba(0, 0, 0, 0.06) 0 25%,\n transparent 0 50%,\n rgba(0, 0, 0, 0.06) 0 75%,\n transparent 0\n );\n background-size: 50% 50%;\n border-radius: @border-radius-base;\n\n &-inner {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n border: @border-width-base solid @border-color-split;\n }\n }\n\n &-slider-container {\n display: flex;\n gap: @margin-sm;\n margin-bottom: @margin-sm;\n\n .@{color-picker-prefix-cls}-slider-group {\n flex: 1;\n\n &-disabled-alpha {\n display: flex;\n align-items: center;\n\n .@{color-picker-prefix-cls}-slider {\n margin-bottom: 0;\n }\n }\n }\n }\n\n &-title {\n display: flex;\n\n &-content {\n flex: 1;\n margin-bottom: @margin-xs;\n }\n\n .@{color-picker-prefix-cls}-clear {\n flex: 0 0 18px;\n margin-left: @margin-xs;\n }\n }\n\n &-clear {\n position: relative;\n width: 18px;\n height: 18px;\n margin-bottom: @margin-xs;\n overflow: hidden;\n border: @border-width-base solid @border-color-split;\n border-radius: @border-radius-base;\n cursor: pointer;\n\n &::after {\n position: absolute;\n top: 0;\n display: block;\n width: 40px;\n height: 2px;\n background-color: #f5222d;\n transform: rotate(-45deg);\n transform-origin: right;\n content: '';\n inset-inline-end: 1px;\n }\n }\n\n &-input-container {\n display: flex;\n\n .ant-select {\n font-size: 12px;\n }\n\n .ant-input {\n font-size: 12px;\n }\n\n .ant-input-number {\n width: auto;\n font-size: 12px;\n }\n\n .ant-input-number-sm input {\n padding: 0 0 0 4px;\n }\n\n .ant-select-selector {\n padding: 0;\n }\n\n .@{color-picker-prefix-cls}-format-select {\n width: auto;\n }\n\n .@{color-picker-prefix-cls}-input {\n flex: 1;\n\n .@{color-picker-prefix-cls}-hex-input {\n margin-right: @margin-xss;\n padding: 0;\n }\n\n .@{color-picker-prefix-cls}-hsb-input {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n\n .@{color-picker-prefix-cls}-rgb-input {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n }\n\n .@{color-picker-prefix-cls}-steppers {\n flex: 1;\n }\n\n .@{color-picker-prefix-cls}-alpha-input {\n flex: 0 0 44px;\n margin-left: @margin-xss;\n }\n }\n\n &-disabled {\n color: @disabled-color;\n background: @disabled-bg;\n cursor: not-allowed;\n\n .@{color-picker-prefix-cls}-trigger {\n cursor: not-allowed;\n\n &:hover {\n border-color: @border-color-split;\n }\n }\n }\n\n &-inline {\n display: inline-block;\n\n .@{color-picker-prefix-cls}-color-block {\n width: 24px;\n height: 24px;\n margin: 0;\n }\n\n &-lg {\n .@{color-picker-prefix-cls}-color-block {\n width: 32px;\n height: 32px;\n }\n }\n\n &-sm {\n .@{color-picker-prefix-cls}-color-block {\n width: 16px;\n height: 16px;\n }\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@hash-code-prefix-cls: ~'@{ant-prefix}-hash-code';\n\n.@{hash-code-prefix-cls} {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: @text-color;\n font-size: @font-size-base;\n line-height: @line-height-base;\n list-style: none;\n cursor: pointer;\n}\n\n.@{hash-code-prefix-cls}-header-copy {\n margin-left: @margin-xs;\n cursor: pointer;\n opacity: 0.45;\n}\n\n.@{hash-code-prefix-cls}-header {\n display: flex;\n justify-content: left;\n width: 100%;\n height: 22px;\n padding-bottom: @padding-xs;\n\n .@{hash-code-prefix-cls}-header-title {\n font-size: @font-size-base;\n line-height: @line-height-base;\n text-align: center;\n opacity: 0.45;\n }\n\n .@{hash-code-prefix-cls}-header-logo {\n display: flex;\n flex: 1;\n justify-content: right;\n }\n}\n\n.@{hash-code-prefix-cls}-double {\n width: 172px;\n\n &.ant-hash-code-primary {\n width: 220px;\n }\n}\n\n.@{hash-code-prefix-cls}-single {\n display: flex;\n flex-direction: row-reverse;\n width: 236px;\n\n &.ant-hash-code-primary {\n width: 284px;\n }\n\n .@{hash-code-prefix-cls}-header-copy {\n margin-top: @margin-xs;\n }\n}\n\n.@{hash-code-prefix-cls}-strip {\n width: 350px;\n\n &.ant-hash-code-primary {\n width: 398px;\n }\n}\n\n.@{hash-code-prefix-cls}-rect {\n display: flex;\n flex-direction: row-reverse;\n width: 196px;\n\n &.ant-hash-code-primary {\n width: 244px;\n }\n}\n\n.@{hash-code-prefix-cls}-primary {\n padding: @padding-lg;\n background-color: @primary-color;\n border-radius: 24px;\n\n .@{hash-code-prefix-cls}-header-copy {\n opacity: 1;\n }\n\n .@{hash-code-prefix-cls}-header-title,\n .@{hash-code-prefix-cls}-header-copy,\n .@{hash-code-prefix-cls}-header-logo {\n color: @text-color-dark;\n }\n}\n\n.@{hash-code-prefix-cls}-contant {\n width: 100%;\n height: 100%;\n}\n\n.@{hash-code-prefix-cls}-code-value {\n display: flex;\n flex-wrap: wrap;\n gap: 0 10px;\n justify-content: space-between;\n height: 35px;\n overflow: hidden;\n}\n\n.@{hash-code-prefix-cls}-code-value-block {\n height: 16px;\n font-size: @font-size-base;\n font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;\n}\n\n.@{hash-code-prefix-cls}-value-primary {\n .ant-hash-code-code-value-block {\n color: @text-color-inverse;\n }\n}\n\n.@{hash-code-prefix-cls}-texaure-double {\n width: 175px;\n height: 36px;\n}\n\n.@{hash-code-prefix-cls}-texaure {\n position: absolute;\n margin-top: -35px;\n overflow: hidden;\n}\n\n.@{hash-code-prefix-cls}-texaure-single {\n width: 210px;\n height: 28px;\n margin-top: -21px;\n}\n\n.@{hash-code-prefix-cls}-texaure-strip {\n width: 350px;\n height: 36px;\n}\n\n.@{hash-code-prefix-cls}-texaure-rect {\n width: 175px;\n height: 72px;\n margin-top: -71px;\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@float-btn-prefix-cls: ~'@{ant-prefix}-float-btn';\n@float-btn-group-prefix-cls: ~'@{ant-prefix}-float-btn-group';\n\n// patch variables\n@badge-offset: @padding-xss * 1.5;\n@dot-offset-in-circle: 5.6px;\n@dot-offset-in-square: 1px;\n@float-button-size: 40px;\n@float-button-body-size: @float-button-size - (@padding-xss * 2);\n@float-button-body-padding: @padding-xss;\n@float-button-inset-inline-end: 24px;\n@float-button-inset-block-end: @float-button-inset-inline-end * 2;\n@float-button-icon-size: @font-size-sm * 1.5;\n\n.@{float-btn-prefix-cls} {\n position: fixed;\n bottom: @float-button-inset-block-end;\n z-index: 99;\n display: block;\n align-items: center;\n justify-content: center;\n width: @float-button-size;\n height: @float-button-size;\n border: none;\n box-shadow: @shadow-2;\n cursor: pointer;\n inset-inline-end: @float-button-inset-inline-end;\n\n &-hidden {\n display: none;\n }\n\n &-pure {\n position: relative;\n inset: auto;\n }\n\n &:empty {\n display: none;\n }\n\n .@{ant-prefix}-badge {\n width: 100%;\n height: 100%;\n\n .@{ant-prefix}-badge-count {\n top: -@badge-offset;\n transform: translate(0, 0);\n transform-origin: center;\n inset-inline-end: -@badge-offset;\n }\n }\n\n &-body {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n transition: all 0.2s;\n\n .@{float-btn-prefix-cls}-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: @float-button-size;\n padding: @float-button-body-padding / 2 @float-button-body-padding;\n overflow: hidden;\n text-align: center;\n\n .@{float-btn-prefix-cls}-icon {\n width: @float-button-icon-size;\n margin: auto;\n font-size: @float-button-icon-size;\n line-height: 1;\n text-align: center;\n }\n }\n }\n}\n\n.@{float-btn-prefix-cls}-inner {\n display: block;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n list-style: none;\n border: none;\n}\n\n.@{float-btn-prefix-cls}-rtl {\n direction: rtl;\n}\n\n.@{float-btn-prefix-cls}-circle {\n height: @float-button-size;\n border-radius: 50%;\n\n .@{ant-prefix}-badge {\n .@{ant-prefix}-badge-dot {\n top: @dot-offset-in-circle;\n inset-inline-end: @dot-offset-in-circle;\n }\n }\n\n .ant-float-btn-inner, .@{float-btn-prefix-cls}-body {\n border-radius: 50%;\n }\n}\n\n.@{float-btn-prefix-cls}-square {\n height: auto;\n min-height: @float-button-size;\n border-radius: @border-radius-base;\n\n .@{ant-prefix}-badge {\n .@{ant-prefix}-badge-dot {\n top: @dot-offset-in-square;\n inset-inline-end: @dot-offset-in-square;\n }\n }\n\n .@{float-btn-prefix-cls}-body {\n height: auto;\n border-radius: @border-radius-base;\n }\n}\n\n.@{float-btn-prefix-cls}-default {\n background-color: @component-background;\n transition: background-color 0.2s;\n\n .@{float-btn-prefix-cls}-body {\n background-color: @component-background;\n transition: background-color 0.2s;\n\n &:hover {\n color: @text-color;\n background-color: @background-color-base;\n }\n\n .@{float-btn-prefix-cls}-content {\n .@{float-btn-prefix-cls}-icon {\n color: @text-color;\n }\n\n .@{float-btn-prefix-cls}-description {\n display: flex;\n align-items: center;\n color: @text-color;\n font-size: @font-size-sm;\n line-height: @line-height-base;\n }\n }\n }\n\n &:focus {\n color: @text-color;\n }\n}\n\n.@{float-btn-prefix-cls}-top {\n padding: 0 !important;\n}\n\n.@{float-btn-group-prefix-cls} {\n position: fixed;\n bottom: @float-button-inset-block-end;\n z-index: 99;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n min-width: @float-button-size;\n height: auto;\n min-height: @float-button-size;\n margin: 0;\n padding: 0;\n color: @text-color;\n font-size: @font-size-base;\n font-family: @font-family;\n line-height: @line-height-base;\n list-style: none;\n border: none;\n border-radius: @border-radius-base;\n box-shadow: none;\n inset-inline-end: @float-button-inset-inline-end;\n\n &-wrap {\n position: absolute;\n z-index: -1;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n &&-rtl {\n direction: rtl;\n }\n\n .@{float-btn-prefix-cls} {\n position: static;\n }\n}\n\n.@{float-btn-group-prefix-cls}-top > .@{float-btn-group-prefix-cls}-wrap {\n top: auto;\n bottom: calc(@float-button-size + @margin-md);\n flex-direction: column;\n\n &::after {\n position: absolute;\n bottom: -@margin-md;\n width: 100%;\n height: @margin-md;\n content: '';\n }\n}\n.@{float-btn-group-prefix-cls}-bottom > .@{float-btn-group-prefix-cls}-wrap {\n top: calc(@float-button-size + @margin-md);\n bottom: auto;\n flex-direction: column;\n\n &::after {\n position: absolute;\n top: -@margin-md;\n width: 100%;\n height: @margin-md;\n content: '';\n }\n}\n.@{float-btn-group-prefix-cls}-left > .@{float-btn-group-prefix-cls}-wrap {\n right: calc(@float-button-size + @margin-md);\n left: auto;\n flex-direction: row;\n\n &::after {\n position: absolute;\n right: -@margin-md;\n width: @margin-md;\n height: 100%;\n content: '';\n }\n}\n.@{float-btn-group-prefix-cls}-right > .@{float-btn-group-prefix-cls}-wrap {\n right: auto;\n left: calc(@float-button-size + @margin-md);\n flex-direction: row;\n\n &::after {\n position: absolute;\n left: -@margin-md;\n width: @margin-md;\n height: 100%;\n content: '';\n }\n}\n\n.@{float-btn-group-prefix-cls}-circle {\n gap: @margin-md;\n\n .@{float-btn-group-prefix-cls}-wrap {\n gap: @margin-md;\n }\n\n .@{float-btn-prefix-cls}-body {\n width: @float-button-size;\n height: @float-button-size;\n }\n}\n\n.@{float-btn-group-prefix-cls}-square {\n .@{float-btn-prefix-cls}-square {\n padding: 0;\n border-radius: 0;\n\n &.@{float-btn-group-prefix-cls}-trigger {\n border-radius: @border-radius-base;\n }\n\n &:first-child {\n border-start-start-radius: @border-radius-base;\n border-start-end-radius: @border-radius-base;\n }\n\n &:last-child {\n border-end-start-radius: @border-radius-base;\n border-end-end-radius: @border-radius-base;\n }\n\n &:not(:last-child) {\n border-bottom: 1px solid @border-color-base;\n }\n\n .@{ant-prefix}-badge {\n .@{ant-prefix}-badge-count {\n top: -(@float-button-body-padding + @badge-offset);\n inset-inline-end: -(@float-button-body-padding + @badge-offset);\n }\n }\n }\n\n .@{float-btn-group-prefix-cls}-wrap {\n border-radius: @border-radius-base;\n box-shadow: @shadow-2;\n\n .@{float-btn-prefix-cls}-square {\n padding: @float-button-body-padding;\n border-radius: 0;\n box-shadow: none;\n\n .@{float-btn-prefix-cls}-body {\n width: @float-button-body-size;\n height: @float-button-body-size;\n }\n }\n }\n}\n\n.@{float-btn-group-prefix-cls}-top > .@{float-btn-group-prefix-cls}-wrap, .@{float-btn-group-prefix-cls}-bottom > .@{float-btn-group-prefix-cls}-wrap {\n > .@{float-btn-prefix-cls}-square {\n &:first-child {\n border-start-start-radius: @border-radius-base;\n border-start-end-radius: @border-radius-base;\n }\n\n &:last-child {\n border-end-start-radius: @border-radius-base;\n border-end-end-radius: @border-radius-base;\n }\n\n &:not(:last-child) {\n border-bottom: 1px solid @border-color-base;\n }\n }\n}\n\n.@{float-btn-group-prefix-cls}-left > .@{float-btn-group-prefix-cls}-wrap, .@{float-btn-group-prefix-cls}-right > .@{float-btn-group-prefix-cls}-wrap {\n > .@{float-btn-prefix-cls}-square {\n &:first-child {\n border-start-start-radius: @border-radius-base;\n border-end-start-radius: @border-radius-base;\n }\n\n &:last-child {\n border-start-end-radius: @border-radius-base;\n border-end-end-radius: @border-radius-base;\n }\n\n &:not(:last-child) {\n border-inline-end: 1px solid @border-color-base;\n border-bottom: none;\n }\n }\n}\n\n.@{float-btn-group-prefix-cls}-circle-shadow {\n box-shadow: none;\n}\n\n.@{float-btn-group-prefix-cls}-square-shadow {\n box-shadow: @shadow-2;\n\n .@{float-btn-prefix-cls}-square {\n padding: @float-button-body-padding;\n box-shadow: none;\n .@{float-btn-prefix-cls}-body {\n width: @float-button-body-size;\n height: @float-button-body-size;\n }\n }\n}\n", "@import '../../style/themes/index';\n@import '../../style/mixins/index';\n\n@check-list-prefix-cls: ~'@{ant-prefix}-check-list';\n\n.@{check-list-prefix-cls} {\n position: fixed;\n right: 32px;\n bottom: 32px;\n z-index: 999;\n font-size: @font-size-base;\n cursor: pointer;\n\n .@{check-list-prefix-cls}-button {\n position: relative;\n display: flex;\n gap: @margin-xs;\n align-items: center;\n justify-content: center;\n min-width: 110px;\n height: 40px;\n border-radius: 20px;\n }\n\n .@{check-list-prefix-cls}-icon {\n font-size: @heading-3-size;\n line-height: 24px;\n }\n\n .@{check-list-prefix-cls}-description {\n font-size: @font-size-base;\n }\n\n .@{check-list-prefix-cls}-trigger-dot {\n position: absolute;\n top: -12px;\n right: -12px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n color: @primary-color;\n background-color: @component-background;\n border: @border-width-base solid @primary-color;\n border-radius: 50%;\n }\n\n .@{check-list-prefix-cls}-trigger-dot-text {\n font-weight: 500;\n font-size: 16px;\n font-style: italic;\n line-height: 16px;\n }\n}\n\n.@{check-list-prefix-cls}-content {\n display: block;\n width: 303px;\n\n .@{check-list-prefix-cls}-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: @padding-sm @padding-sm @padding-md;\n .@{check-list-prefix-cls}-header-title {\n font-weight: 500;\n font-size: @heading-4-size;\n }\n .@{check-list-prefix-cls}-header-extra {\n cursor: pointer;\n }\n }\n\n .@{check-list-prefix-cls}-header-finish {\n width: 304px;\n padding-top: @margin-sm;\n text-align: center;\n\n .@{check-list-prefix-cls}-header-finish-icon {\n width: 64px;\n height: 64px;\n color: @primary-color;\n font-size: 64px;\n }\n\n .@{check-list-prefix-cls}-header-finish-title {\n margin-top: @margin-xs;\n margin-bottom: @margin-xs;\n font-weight: 500;\n font-size: @font-size-lg;\n }\n }\n\n .@{check-list-prefix-cls}-progressBar {\n display: flex;\n justify-content: space-between;\n margin: @margin-sm @margin-md;\n margin-top: 0;\n\n .@{check-list-prefix-cls}-progressBar-progress {\n flex: auto;\n }\n }\n\n .@{check-list-prefix-cls}-steps-content {\n max-height: 250px;\n overflow-y: scroll;\n }\n\n .@{check-list-prefix-cls}-steps {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 52px;\n padding-right: @padding-sm;\n padding-left: @padding-sm;\n border-radius: 6px;\n cursor: pointer;\n\n .@{check-list-prefix-cls}-steps-item {\n display: flex;\n gap: 12px;\n align-items: center;\n justify-content: center;\n width: calc(100% - 22px);\n font-weight: 400;\n\n .@{check-list-prefix-cls}-steps-item-circle {\n display: flex;\n flex: 0 0 28px;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n font-weight: 600;\n background-color: @component-background;\n border: @border-width-base solid @border-color-base;\n border-radius: 50%;\n user-select: none;\n\n .@{check-list-prefix-cls}-steps-number {\n color: @primary-color;\n font-size: @font-size-lg;\n }\n\n .@{check-list-prefix-cls}-steps-checkoutlined {\n color: @component-background;\n font-size: @font-size-base;\n }\n }\n\n .@{check-list-prefix-cls}-steps-item-description {\n flex: 1;\n overflow: hidden;\n line-height: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n }\n\n .@{check-list-prefix-cls}-steps-item-arrows {\n flex: 0 0 22px;\n width: 38px;\n height: 38px;\n color: @primary-color;\n font-size: 22px;\n }\n }\n\n .@{check-list-prefix-cls}-checked {\n\n .@{check-list-prefix-cls}-steps-item .@{check-list-prefix-cls}-steps-item-circle {\n background-color: @primary-color;\n border: none;\n }\n\n .@{check-list-prefix-cls}-steps-item .@{check-list-prefix-cls}-steps-item-description {\n font-weight: 500;\n text-decoration: line-through;\n text-decoration-thickness: 2px;\n text-decoration-color: @text-color;\n opacity: 0.85;\n }\n }\n\n .@{check-list-prefix-cls}-highlight {\n background-color: @info-color-deprecated-bg;\n\n .@{check-list-prefix-cls}-steps-item .@{check-list-prefix-cls}-steps-item-circle {\n border: @border-width-base solid @primary-color;\n\n .@{check-list-prefix-cls}-steps-number {\n color: @primary-color;\n }\n }\n .@{check-list-prefix-cls}-steps-item .@{check-list-prefix-cls}-steps-item-description {\n font-weight: 600;\n }\n }\n\n .@{check-list-prefix-cls}-footer {\n padding: @padding-sm @padding-sm 0;\n color: @text-color-secondary;\n font-size: @font-size-base;\n text-decoration: underline;\n cursor: pointer;\n }\n\n .@{check-list-prefix-cls}-close-check {\n display: flex;\n flex-direction: column;\n padding: @padding-sm;\n .@{check-list-prefix-cls}-close-check-title {\n margin-bottom: @margin-lg;\n font-weight: 500;\n font-size: @font-size-lg;\n }\n\n .@{check-list-prefix-cls}-close-check-action {\n display: flex;\n flex-direction: row;\n gap: @margin-xs;\n margin-bottom: @margin-md;\n }\n\n .@{check-list-prefix-cls}-close-check-other {\n color: @text-color-secondary;\n font-size: @font-size-base;\n cursor: pointer;\n }\n }\n}", null, "@tailwind utilities;\n", "/* Tailwind CSS v4 */\n@layer theme, base, components, utilities;\n@import \"tailwindcss/theme.css\" layer(theme);\n@import \"tailwindcss/utilities.css\" layer(utilities) important;\n\n/* CSS Custom Properties for theming */\n:root {\n --bg: #f5f5f0;\n --card: #ffffff;\n --text: #111111;\n --text-muted: #666666;\n --border: #e5e5e5;\n --primary: #000000;\n --primary-fg: #ffffff;\n}\n\nhtml.dark {\n --bg: #0a0a0a;\n --card: #1a1a1a;\n --text: #ffffff;\n --text-muted: #aaaaaa;\n --border: #333333;\n --primary: #ffffff;\n --primary-fg: #000000;\n}\n\n* {\n box-sizing: border-box;\n}\n\nhtml, body {\n margin: 0;\n padding: 0;\n height: 100%;\n overflow: hidden;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n background-color: var(--bg);\n color: var(--text);\n}\n\n/* App root and all routed page components fill height */\napp-root,\napp-catalog,\napp-my-courses,\napp-course-viewer,\napp-course-editor,\napp-auth {\n display: block;\n height: 100%;\n}\n\n/* Smooth transitions for theme changes */\n*, *::before, *::after {\n transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n}\n\n/* Override NZ-ZORRO for dark mode */\nhtml.dark .ant-input,\nhtml.dark .ant-select-selector,\nhtml.dark nz-input-group {\n background-color: var(--card) !important;\n border-color: var(--border) !important;\n color: var(--text) !important;\n}\n\nhtml.dark .ant-input::placeholder {\n color: var(--text-muted) !important;\n}\n\n/* Page container — the ONLY scrollable element */\n.page-container {\n max-width: 480px;\n margin: 0 auto;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n -webkit-overflow-scrolling: touch;\n background-color: var(--bg);\n}\n\n/* Card styles */\n.mc-card {\n background-color: var(--card);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 16px;\n}\n\n/* Input styles */\n.mc-input {\n width: 100%;\n background-color: var(--card);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 12px 16px;\n color: var(--text);\n font-size: 14px;\n outline: none;\n}\n\n.mc-input:focus {\n border-color: var(--primary);\n}\n\n/* Button styles */\n.mc-btn-primary {\n width: 100%;\n background-color: var(--primary);\n color: var(--primary-fg);\n border: none;\n border-radius: 12px;\n padding: 14px;\n font-size: 16px;\n font-weight: 600;\n cursor: pointer;\n}\n\n.mc-btn-primary:hover {\n opacity: 0.85;\n}\n\n/* Progress bar */\n.mc-progress-bar {\n width: 100%;\n height: 6px;\n background-color: var(--border);\n border-radius: 3px;\n overflow: hidden;\n}\n\n.mc-progress-fill {\n height: 100%;\n background-color: #1abc9c;\n border-radius: 3px;\n transition: width 0.3s ease;\n}\n\n/* Scrollbar */\n::-webkit-scrollbar {\n width: 4px;\n}\n\n::-webkit-scrollbar-track {\n background: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--border);\n border-radius: 2px;\n}\n", "@theme default {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n 'Noto Color Emoji';\n --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;\n --font-mono:\n ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',\n monospace;\n\n --color-red-50: oklch(97.1% 0.013 17.38);\n --color-red-100: oklch(93.6% 0.032 17.717);\n --color-red-200: oklch(88.5% 0.062 18.334);\n --color-red-300: oklch(80.8% 0.114 19.571);\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-red-700: oklch(50.5% 0.213 27.518);\n --color-red-800: oklch(44.4% 0.177 26.899);\n --color-red-900: oklch(39.6% 0.141 25.723);\n --color-red-950: oklch(25.8% 0.092 26.042);\n\n --color-orange-50: oklch(98% 0.016 73.684);\n --color-orange-100: oklch(95.4% 0.038 75.164);\n --color-orange-200: oklch(90.1% 0.076 70.697);\n --color-orange-300: oklch(83.7% 0.128 66.29);\n --color-orange-400: oklch(75% 0.183 55.934);\n --color-orange-500: oklch(70.5% 0.213 47.604);\n --color-orange-600: oklch(64.6% 0.222 41.116);\n --color-orange-700: oklch(55.3% 0.195 38.402);\n --color-orange-800: oklch(47% 0.157 37.304);\n --color-orange-900: oklch(40.8% 0.123 38.172);\n --color-orange-950: oklch(26.6% 0.079 36.259);\n\n --color-amber-50: oklch(98.7% 0.022 95.277);\n --color-amber-100: oklch(96.2% 0.059 95.617);\n --color-amber-200: oklch(92.4% 0.12 95.746);\n --color-amber-300: oklch(87.9% 0.169 91.605);\n --color-amber-400: oklch(82.8% 0.189 84.429);\n --color-amber-500: oklch(76.9% 0.188 70.08);\n --color-amber-600: oklch(66.6% 0.179 58.318);\n --color-amber-700: oklch(55.5% 0.163 48.998);\n --color-amber-800: oklch(47.3% 0.137 46.201);\n --color-amber-900: oklch(41.4% 0.112 45.904);\n --color-amber-950: oklch(27.9% 0.077 45.635);\n\n --color-yellow-50: oklch(98.7% 0.026 102.212);\n --color-yellow-100: oklch(97.3% 0.071 103.193);\n --color-yellow-200: oklch(94.5% 0.129 101.54);\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-400: oklch(85.2% 0.199 91.936);\n --color-yellow-500: oklch(79.5% 0.184 86.047);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-yellow-700: oklch(55.4% 0.135 66.442);\n --color-yellow-800: oklch(47.6% 0.114 61.907);\n --color-yellow-900: oklch(42.1% 0.095 57.708);\n --color-yellow-950: oklch(28.6% 0.066 53.813);\n\n --color-lime-50: oklch(98.6% 0.031 120.757);\n --color-lime-100: oklch(96.7% 0.067 122.328);\n --color-lime-200: oklch(93.8% 0.127 124.321);\n --color-lime-300: oklch(89.7% 0.196 126.665);\n --color-lime-400: oklch(84.1% 0.238 128.85);\n --color-lime-500: oklch(76.8% 0.233 130.85);\n --color-lime-600: oklch(64.8% 0.2 131.684);\n --color-lime-700: oklch(53.2% 0.157 131.589);\n --color-lime-800: oklch(45.3% 0.124 130.933);\n --color-lime-900: oklch(40.5% 0.101 131.063);\n --color-lime-950: oklch(27.4% 0.072 132.109);\n\n --color-green-50: oklch(98.2% 0.018 155.826);\n --color-green-100: oklch(96.2% 0.044 156.743);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-300: oklch(87.1% 0.15 154.449);\n --color-green-400: oklch(79.2% 0.209 151.711);\n --color-green-500: oklch(72.3% 0.219 149.579);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-green-700: oklch(52.7% 0.154 150.069);\n --color-green-800: oklch(44.8% 0.119 151.328);\n --color-green-900: oklch(39.3% 0.095 152.535);\n --color-green-950: oklch(26.6% 0.065 152.934);\n\n --color-emerald-50: oklch(97.9% 0.021 166.113);\n --color-emerald-100: oklch(95% 0.052 163.051);\n --color-emerald-200: oklch(90.5% 0.093 164.15);\n --color-emerald-300: oklch(84.5% 0.143 164.978);\n --color-emerald-400: oklch(76.5% 0.177 163.223);\n --color-emerald-500: oklch(69.6% 0.17 162.48);\n --color-emerald-600: oklch(59.6% 0.145 163.225);\n --color-emerald-700: oklch(50.8% 0.118 165.612);\n --color-emerald-800: oklch(43.2% 0.095 166.913);\n --color-emerald-900: oklch(37.8% 0.077 168.94);\n --color-emerald-950: oklch(26.2% 0.051 172.552);\n\n --color-teal-50: oklch(98.4% 0.014 180.72);\n --color-teal-100: oklch(95.3% 0.051 180.801);\n --color-teal-200: oklch(91% 0.096 180.426);\n --color-teal-300: oklch(85.5% 0.138 181.071);\n --color-teal-400: oklch(77.7% 0.152 181.912);\n --color-teal-500: oklch(70.4% 0.14 182.503);\n --color-teal-600: oklch(60% 0.118 184.704);\n --color-teal-700: oklch(51.1% 0.096 186.391);\n --color-teal-800: oklch(43.7% 0.078 188.216);\n --color-teal-900: oklch(38.6% 0.063 188.416);\n --color-teal-950: oklch(27.7% 0.046 192.524);\n\n --color-cyan-50: oklch(98.4% 0.019 200.873);\n --color-cyan-100: oklch(95.6% 0.045 203.388);\n --color-cyan-200: oklch(91.7% 0.08 205.041);\n --color-cyan-300: oklch(86.5% 0.127 207.078);\n --color-cyan-400: oklch(78.9% 0.154 211.53);\n --color-cyan-500: oklch(71.5% 0.143 215.221);\n --color-cyan-600: oklch(60.9% 0.126 221.723);\n --color-cyan-700: oklch(52% 0.105 223.128);\n --color-cyan-800: oklch(45% 0.085 224.283);\n --color-cyan-900: oklch(39.8% 0.07 227.392);\n --color-cyan-950: oklch(30.2% 0.056 229.695);\n\n --color-sky-50: oklch(97.7% 0.013 236.62);\n --color-sky-100: oklch(95.1% 0.026 236.824);\n --color-sky-200: oklch(90.1% 0.058 230.902);\n --color-sky-300: oklch(82.8% 0.111 230.318);\n --color-sky-400: oklch(74.6% 0.16 232.661);\n --color-sky-500: oklch(68.5% 0.169 237.323);\n --color-sky-600: oklch(58.8% 0.158 241.966);\n --color-sky-700: oklch(50% 0.134 242.749);\n --color-sky-800: oklch(44.3% 0.11 240.79);\n --color-sky-900: oklch(39.1% 0.09 240.876);\n --color-sky-950: oklch(29.3% 0.066 243.157);\n\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-700: oklch(48.8% 0.243 264.376);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-blue-900: oklch(37.9% 0.146 265.522);\n --color-blue-950: oklch(28.2% 0.091 267.935);\n\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-200: oklch(87% 0.065 274.039);\n --color-indigo-300: oklch(78.5% 0.115 274.713);\n --color-indigo-400: oklch(67.3% 0.182 276.935);\n --color-indigo-500: oklch(58.5% 0.233 277.117);\n --color-indigo-600: oklch(51.1% 0.262 276.966);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-indigo-800: oklch(39.8% 0.195 277.366);\n --color-indigo-900: oklch(35.9% 0.144 278.697);\n --color-indigo-950: oklch(25.7% 0.09 281.288);\n\n --color-violet-50: oklch(96.9% 0.016 293.756);\n --color-violet-100: oklch(94.3% 0.029 294.588);\n --color-violet-200: oklch(89.4% 0.057 293.283);\n --color-violet-300: oklch(81.1% 0.111 293.571);\n --color-violet-400: oklch(70.2% 0.183 293.541);\n --color-violet-500: oklch(60.6% 0.25 292.717);\n --color-violet-600: oklch(54.1% 0.281 293.009);\n --color-violet-700: oklch(49.1% 0.27 292.581);\n --color-violet-800: oklch(43.2% 0.232 292.759);\n --color-violet-900: oklch(38% 0.189 293.745);\n --color-violet-950: oklch(28.3% 0.141 291.089);\n\n --color-purple-50: oklch(97.7% 0.014 308.299);\n --color-purple-100: oklch(94.6% 0.033 307.174);\n --color-purple-200: oklch(90.2% 0.063 306.703);\n --color-purple-300: oklch(82.7% 0.119 306.383);\n --color-purple-400: oklch(71.4% 0.203 305.504);\n --color-purple-500: oklch(62.7% 0.265 303.9);\n --color-purple-600: oklch(55.8% 0.288 302.321);\n --color-purple-700: oklch(49.6% 0.265 301.924);\n --color-purple-800: oklch(43.8% 0.218 303.724);\n --color-purple-900: oklch(38.1% 0.176 304.987);\n --color-purple-950: oklch(29.1% 0.149 302.717);\n\n --color-fuchsia-50: oklch(97.7% 0.017 320.058);\n --color-fuchsia-100: oklch(95.2% 0.037 318.852);\n --color-fuchsia-200: oklch(90.3% 0.076 319.62);\n --color-fuchsia-300: oklch(83.3% 0.145 321.434);\n --color-fuchsia-400: oklch(74% 0.238 322.16);\n --color-fuchsia-500: oklch(66.7% 0.295 322.15);\n --color-fuchsia-600: oklch(59.1% 0.293 322.896);\n --color-fuchsia-700: oklch(51.8% 0.253 323.949);\n --color-fuchsia-800: oklch(45.2% 0.211 324.591);\n --color-fuchsia-900: oklch(40.1% 0.17 325.612);\n --color-fuchsia-950: oklch(29.3% 0.136 325.661);\n\n --color-pink-50: oklch(97.1% 0.014 343.198);\n --color-pink-100: oklch(94.8% 0.028 342.258);\n --color-pink-200: oklch(89.9% 0.061 343.231);\n --color-pink-300: oklch(82.3% 0.12 346.018);\n --color-pink-400: oklch(71.8% 0.202 349.761);\n --color-pink-500: oklch(65.6% 0.241 354.308);\n --color-pink-600: oklch(59.2% 0.249 0.584);\n --color-pink-700: oklch(52.5% 0.223 3.958);\n --color-pink-800: oklch(45.9% 0.187 3.815);\n --color-pink-900: oklch(40.8% 0.153 2.432);\n --color-pink-950: oklch(28.4% 0.109 3.907);\n\n --color-rose-50: oklch(96.9% 0.015 12.422);\n --color-rose-100: oklch(94.1% 0.03 12.58);\n --color-rose-200: oklch(89.2% 0.058 10.001);\n --color-rose-300: oklch(81% 0.117 11.638);\n --color-rose-400: oklch(71.2% 0.194 13.428);\n --color-rose-500: oklch(64.5% 0.246 16.439);\n --color-rose-600: oklch(58.6% 0.253 17.585);\n --color-rose-700: oklch(51.4% 0.222 16.935);\n --color-rose-800: oklch(45.5% 0.188 13.697);\n --color-rose-900: oklch(41% 0.159 10.272);\n --color-rose-950: oklch(27.1% 0.105 12.094);\n\n --color-slate-50: oklch(98.4% 0.003 247.858);\n --color-slate-100: oklch(96.8% 0.007 247.896);\n --color-slate-200: oklch(92.9% 0.013 255.508);\n --color-slate-300: oklch(86.9% 0.022 252.894);\n --color-slate-400: oklch(70.4% 0.04 256.788);\n --color-slate-500: oklch(55.4% 0.046 257.417);\n --color-slate-600: oklch(44.6% 0.043 257.281);\n --color-slate-700: oklch(37.2% 0.044 257.287);\n --color-slate-800: oklch(27.9% 0.041 260.031);\n --color-slate-900: oklch(20.8% 0.042 265.755);\n --color-slate-950: oklch(12.9% 0.042 264.695);\n\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-gray-900: oklch(21% 0.034 264.665);\n --color-gray-950: oklch(13% 0.028 261.692);\n\n --color-zinc-50: oklch(98.5% 0 0);\n --color-zinc-100: oklch(96.7% 0.001 286.375);\n --color-zinc-200: oklch(92% 0.004 286.32);\n --color-zinc-300: oklch(87.1% 0.006 286.286);\n --color-zinc-400: oklch(70.5% 0.015 286.067);\n --color-zinc-500: oklch(55.2% 0.016 285.938);\n --color-zinc-600: oklch(44.2% 0.017 285.786);\n --color-zinc-700: oklch(37% 0.013 285.805);\n --color-zinc-800: oklch(27.4% 0.006 286.033);\n --color-zinc-900: oklch(21% 0.006 285.885);\n --color-zinc-950: oklch(14.1% 0.005 285.823);\n\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-300: oklch(87% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-600: oklch(43.9% 0 0);\n --color-neutral-700: oklch(37.1% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n\n --color-stone-50: oklch(98.5% 0.001 106.423);\n --color-stone-100: oklch(97% 0.001 106.424);\n --color-stone-200: oklch(92.3% 0.003 48.717);\n --color-stone-300: oklch(86.9% 0.005 56.366);\n --color-stone-400: oklch(70.9% 0.01 56.259);\n --color-stone-500: oklch(55.3% 0.013 58.071);\n --color-stone-600: oklch(44.4% 0.011 73.639);\n --color-stone-700: oklch(37.4% 0.01 67.558);\n --color-stone-800: oklch(26.8% 0.007 34.298);\n --color-stone-900: oklch(21.6% 0.006 56.043);\n --color-stone-950: oklch(14.7% 0.004 49.25);\n\n --color-mauve-50: oklch(98.5% 0 0);\n --color-mauve-100: oklch(96% 0.003 325.6);\n --color-mauve-200: oklch(92.2% 0.005 325.62);\n --color-mauve-300: oklch(86.5% 0.012 325.68);\n --color-mauve-400: oklch(71.1% 0.019 323.02);\n --color-mauve-500: oklch(54.2% 0.034 322.5);\n --color-mauve-600: oklch(43.5% 0.029 321.78);\n --color-mauve-700: oklch(36.4% 0.029 323.89);\n --color-mauve-800: oklch(26.3% 0.024 320.12);\n --color-mauve-900: oklch(21.2% 0.019 322.12);\n --color-mauve-950: oklch(14.5% 0.008 326);\n\n --color-olive-50: oklch(98.8% 0.003 106.5);\n --color-olive-100: oklch(96.6% 0.005 106.5);\n --color-olive-200: oklch(93% 0.007 106.5);\n --color-olive-300: oklch(88% 0.011 106.6);\n --color-olive-400: oklch(73.7% 0.021 106.9);\n --color-olive-500: oklch(58% 0.031 107.3);\n --color-olive-600: oklch(46.6% 0.025 107.3);\n --color-olive-700: oklch(39.4% 0.023 107.4);\n --color-olive-800: oklch(28.6% 0.016 107.4);\n --color-olive-900: oklch(22.8% 0.013 107.4);\n --color-olive-950: oklch(15.3% 0.006 107.1);\n\n --color-mist-50: oklch(98.7% 0.002 197.1);\n --color-mist-100: oklch(96.3% 0.002 197.1);\n --color-mist-200: oklch(92.5% 0.005 214.3);\n --color-mist-300: oklch(87.2% 0.007 219.6);\n --color-mist-400: oklch(72.3% 0.014 214.4);\n --color-mist-500: oklch(56% 0.021 213.5);\n --color-mist-600: oklch(45% 0.017 213.2);\n --color-mist-700: oklch(37.8% 0.015 216);\n --color-mist-800: oklch(27.5% 0.011 216.9);\n --color-mist-900: oklch(21.8% 0.008 223.9);\n --color-mist-950: oklch(14.8% 0.004 228.8);\n\n --color-taupe-50: oklch(98.6% 0.002 67.8);\n --color-taupe-100: oklch(96% 0.002 17.2);\n --color-taupe-200: oklch(92.2% 0.005 34.3);\n --color-taupe-300: oklch(86.8% 0.007 39.5);\n --color-taupe-400: oklch(71.4% 0.014 41.2);\n --color-taupe-500: oklch(54.7% 0.021 43.1);\n --color-taupe-600: oklch(43.8% 0.017 39.3);\n --color-taupe-700: oklch(36.7% 0.016 35.7);\n --color-taupe-800: oklch(26.8% 0.011 36.5);\n --color-taupe-900: oklch(21.4% 0.009 43.1);\n --color-taupe-950: oklch(14.7% 0.004 49.3);\n\n --color-black: #000;\n --color-white: #fff;\n\n --spacing: 0.25rem;\n\n --breakpoint-sm: 40rem;\n --breakpoint-md: 48rem;\n --breakpoint-lg: 64rem;\n --breakpoint-xl: 80rem;\n --breakpoint-2xl: 96rem;\n\n --container-3xs: 16rem;\n --container-2xs: 18rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --container-3xl: 48rem;\n --container-4xl: 56rem;\n --container-5xl: 64rem;\n --container-6xl: 72rem;\n --container-7xl: 80rem;\n\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-4xl: 2.25rem;\n --text-4xl--line-height: calc(2.5 / 2.25);\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 6rem;\n --text-8xl--line-height: 1;\n --text-9xl: 8rem;\n --text-9xl--line-height: 1;\n\n --font-weight-thin: 100;\n --font-weight-extralight: 200;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-extrabold: 800;\n --font-weight-black: 900;\n\n --tracking-tighter: -0.05em;\n --tracking-tight: -0.025em;\n --tracking-normal: 0em;\n --tracking-wide: 0.025em;\n --tracking-wider: 0.05em;\n --tracking-widest: 0.1em;\n\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-normal: 1.5;\n --leading-relaxed: 1.625;\n --leading-loose: 2;\n\n --radius-xs: 0.125rem;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n\n --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);\n --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);\n --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);\n --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);\n\n --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);\n --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);\n --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);\n --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);\n --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);\n --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);\n\n --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);\n --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);\n --text-shadow-sm:\n 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075);\n --text-shadow-md:\n 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1);\n --text-shadow-lg:\n 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1);\n\n --ease-in: cubic-bezier(0.4, 0, 1, 1);\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\n --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n\n --animate-spin: spin 1s linear infinite;\n --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n --animate-bounce: bounce 1s infinite;\n\n @keyframes spin {\n to {\n transform: rotate(360deg);\n }\n }\n\n @keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n }\n\n @keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n }\n\n @keyframes bounce {\n 0%,\n 100% {\n transform: translateY(-25%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n\n 50% {\n transform: none;\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n }\n\n --blur-xs: 4px;\n --blur-sm: 8px;\n --blur-md: 12px;\n --blur-lg: 16px;\n --blur-xl: 24px;\n --blur-2xl: 40px;\n --blur-3xl: 64px;\n\n --perspective-dramatic: 100px;\n --perspective-near: 300px;\n --perspective-normal: 500px;\n --perspective-midrange: 800px;\n --perspective-distant: 1200px;\n\n --aspect-video: 16 / 9;\n\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: --theme(--font-sans, initial);\n --default-font-feature-settings: --theme(--font-sans--font-feature-settings, initial);\n --default-font-variation-settings: --theme(--font-sans--font-variation-settings, initial);\n --default-mono-font-family: --theme(--font-mono, initial);\n --default-mono-font-feature-settings: --theme(--font-mono--font-feature-settings, initial);\n --default-mono-font-variation-settings: --theme(--font-mono--font-variation-settings, initial);\n}\n\n/* Deprecated */\n@theme default inline reference {\n --blur: 8px;\n --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n --drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06);\n --radius: 0.25rem;\n --max-width-prose: 65ch;\n}\n", "@use \"sass:map\";\n@import \"../themes/ionic.globals\";\n@import \"../components/menu/menu.ios.vars\";\n@import \"../components/menu/menu.md.vars\";\n@import \"../components/modal/modal.vars\";\n\n:root {\n /**\n * Loop through each color object from the\n * `ionic.theme.default.scss` file\n * and generate CSS Variables for each color.\n */\n @each $color-name, $value in $colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n}\n\n// Ionic Font Family\n// --------------------------------------------------\n\nhtml.ios {\n --ion-default-font: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Roboto\", sans-serif;\n}\nhtml.md {\n --ion-default-font: \"Roboto\", \"Helvetica Neue\", sans-serif;\n}\n\nhtml {\n --ion-dynamic-font: -apple-system-body;\n --ion-font-family: var(--ion-default-font);\n}\n\nbody {\n background: var(--ion-background-color);\n color: var(--ion-text-color);\n}\n\nbody.backdrop-no-scroll {\n overflow: hidden;\n}\n\n// Modal - Card Style\n// --------------------------------------------------\n/**\n * Card style modal needs additional padding on the\n * top of the header. We accomplish this by targeting\n * the first toolbar in the header.\n * Footer also needs this. We do not adjust the bottom\n * padding though because of the safe area.\n */\nhtml.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,\nhtml.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,\nhtml.ios ion-modal ion-footer ion-toolbar:first-of-type,\nhtml.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type {\n padding-top: $modal-sheet-padding-top;\n}\n\n/**\n* Card style modal needs additional padding on the\n* bottom of the header. We accomplish this by targeting\n* the last toolbar in the header.\n*/\nhtml.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,\nhtml.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {\n padding-bottom: $modal-sheet-padding-bottom;\n}\n\n/**\n* Add padding on the left and right\n* of toolbars while accounting for\n* safe area values when in landscape.\n*/\nhtml.ios ion-modal ion-toolbar,\nhtml.ios .modal-footer-moving ion-toolbar {\n padding-right: calc(var(--ion-safe-area-right) + 8px);\n padding-left: calc(var(--ion-safe-area-left) + 8px);\n}\n\n/**\n * Card style modal on iPadOS\n * should only have backdrop on first instance.\n */\n@media screen and (min-width: 768px) {\n html.ios ion-modal.modal-card:first-of-type {\n --backdrop-opacity: 0.18;\n }\n}\n\n/**\n * Subsequent modals should not have a backdrop/box shadow\n * as it will cause the screen to appear to get progressively\n * darker. With Ionic 6, declarative modals made it\n * possible to have multiple non-presented modals in the DOM,\n * so we could no longer rely on ion-modal:first-of-type.\n * Here we disable the opacity/box-shadow for every modal\n * that comes after the first presented modal.\n *\n * Note: ion-modal:not(.overlay-hidden):first-of-type\n * does not match the first modal to not have\n * the .overlay-hidden class, it will match the\n * first modal in general only if it does not\n * have the .overlay-hidden class.\n * The :nth-child() pseudo-class has support\n * for selectors which would help us here. At the\n * time of writing it does not have great cross browser\n * support.\n *\n * Note 2: This should only apply to non-card and\n * non-sheet modals. Card and sheet modals have their\n * own criteria for displaying backdrops/box shadows.\n *\n * Do not use :not(.overlay-hidden) in place of\n * .show-modal because that triggers a memory\n * leak in Blink: https://bugs.chromium.org/p/chromium/issues/detail?id=1418768\n */\nion-modal.modal-default.show-modal ~ ion-modal.modal-default {\n --backdrop-opacity: 0;\n --box-shadow: none;\n}\n\n/**\n * This works around a bug in WebKit where the\n * content will overflow outside of the bottom border\n * radius when re-painting. As long as a single\n * border radius value is set on .ion-page, this\n * issue does not happen. We set the top left radius\n * here because the top left corner will always have a\n * radius no matter the platform.\n * This behavior only applies to card modals.\n */\nhtml.ios ion-modal.modal-card .ion-page {\n border-top-left-radius: var(--border-radius);\n}\n\n// Ionic Colors\n// --------------------------------------------------\n// Generates the color classes and variables based on the\n// colors map\n\n@mixin generate-color($color-name) {\n $value: map-get($colors, $color-name);\n\n $base: map-get($value, base);\n $contrast: map-get($value, contrast);\n $shade: map-get($value, shade);\n $tint: map-get($value, tint);\n\n --ion-color-base: var(--ion-color-#{$color-name}, #{$base}) !important;\n --ion-color-base-rgb: var(--ion-color-#{$color-name}-rgb, #{color-to-rgb-list($base)}) !important;\n --ion-color-contrast: var(--ion-color-#{$color-name}-contrast, #{$contrast}) !important;\n --ion-color-contrast-rgb: var(--ion-color-#{$color-name}-contrast-rgb, #{color-to-rgb-list($contrast)}) !important;\n --ion-color-shade: var(--ion-color-#{$color-name}-shade, #{$shade}) !important;\n --ion-color-tint: var(--ion-color-#{$color-name}-tint, #{$tint}) !important;\n}\n\n@each $color-name, $value in $colors {\n .ion-color-#{$color-name} {\n @include generate-color($color-name);\n }\n}\n\n\n// Page Container Structure\n// --------------------------------------------------\n\n.ion-page {\n @include position(0, 0, 0, 0);\n\n display: flex;\n position: absolute;\n\n flex-direction: column;\n justify-content: space-between;\n\n contain: layout size style;\n z-index: $z-index-page-container;\n}\n\n/**\n * Allows pointer events to pass through child route page wrappers\n * when they only contain a sheet modal that permits background interaction.\n * https://github.com/ionic-team/ionic-framework/issues/30700\n */\n.ion-page.ion-page-overlay-passthrough {\n pointer-events: none;\n}\n\n/**\n * When making custom dialogs, using\n * ion-content is not required. As a result,\n * some developers may wish to have dialogs\n * that are automatically sized by the browser.\n * These changes allow certain dimension values\n * such as fit-content to work correctly.\n */\nion-modal > .ion-page {\n position: relative;\n\n contain: layout style;\n\n height: 100%;\n}\n\n.split-pane-visible > .ion-page.split-pane-main {\n position: relative;\n}\n\nion-route,\nion-route-redirect,\nion-router,\nion-select-option,\nion-nav-controller,\nion-menu-controller,\nion-action-sheet-controller,\nion-alert-controller,\nion-loading-controller,\nion-modal-controller,\nion-picker-controller,\nion-popover-controller,\nion-toast-controller,\n.ion-page-hidden {\n /* stylelint-disable-next-line declaration-no-important */\n display: none !important;\n}\n\n.ion-page-invisible {\n opacity: 0;\n}\n\n.can-go-back > ion-header ion-back-button {\n display: block;\n}\n\n\n// Ionic Safe Margins\n// --------------------------------------------------\n\nhtml.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {\n --ion-statusbar-padding: 20px;\n}\n\n@supports (padding-top: 20px) {\n html {\n --ion-safe-area-top: var(--ion-statusbar-padding);\n }\n}\n\n@supports (padding-top: env(safe-area-inset-top)) {\n html {\n // `--safe-area-inset-*` are set by Capacitor\n // @see https://capacitorjs.com/docs/apis/system-bars#android-note\n --ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));\n --ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));\n --ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));\n --ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right));\n }\n}\n\n\n// Global Card Styles\n// --------------------------------------------------\n\nion-card.ion-color .ion-inherit-color,\nion-card-header.ion-color .ion-inherit-color {\n color: inherit;\n}\n\n\n// Menu Styles\n// --------------------------------------------------\n\n.menu-content {\n @include transform(translate3d(0, 0, 0));\n}\n\n.menu-content-open {\n cursor: pointer;\n touch-action: manipulation;\n\n /**\n * The containing element itself should be clickable but\n * everything inside of it should not clickable when menu is open\n *\n * Setting pointer-events after scrolling has already started\n * will not cancel scrolling which is why we also set\n * overflow-y below.\n */\n pointer-events: none;\n\n /**\n * This accounts for scenarios where the main content itself\n * is scrollable.\n */\n overflow-y: hidden;\n}\n\n/**\n * Setting overflow cancels any in-progress scrolling\n * when the menu opens. This prevents users from accidentally\n * scrolling the main content while also dragging the menu open.\n * The code below accounts for both ion-content and then custom\n * scroll containers within ion-content (such as virtual scroll)\n */\n.menu-content-open ion-content {\n --overflow: hidden;\n}\n\n.menu-content-open .ion-content-scroll-host {\n overflow: hidden;\n}\n\n.ios .menu-content-reveal {\n box-shadow: $menu-ios-box-shadow-reveal;\n}\n\n[dir=rtl].ios .menu-content-reveal {\n box-shadow: $menu-ios-box-shadow-reveal-rtl;\n}\n\n.ios .menu-content-push {\n box-shadow: $menu-ios-box-shadow-push;\n}\n\n.md .menu-content-reveal {\n box-shadow: $menu-md-box-shadow;\n}\n\n.md .menu-content-push {\n box-shadow: $menu-md-box-shadow;\n}\n\n// Accordion Styles\nion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\nion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n}\nion-accordion-group > ion-accordion:last-of-type ion-item[slot=\"header\"] {\n --border-width: 0px;\n}\n\nion-accordion.accordion-animated > [slot=\"header\"] .ion-accordion-toggle-icon {\n transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n\n@media (prefers-reduced-motion: reduce) {\n ion-accordion .ion-accordion-toggle-icon {\n /* stylelint-disable declaration-no-important */\n transition: none !important;\n }\n}\n/**\n * The > [slot=\"header\"] selector ensures that we do\n * not modify toggle icons for any nested accordions. The state\n * of one accordion should not affect any accordions inside\n * of a nested accordion group.\n */\nion-accordion.accordion-expanding > [slot=\"header\"] .ion-accordion-toggle-icon,\nion-accordion.accordion-expanded > [slot=\"header\"] .ion-accordion-toggle-icon {\n transform: rotate(180deg);\n}\n\nion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=\"header\"] {\n --border-width: 0px;\n --inner-border-width: 0px;\n}\n\nion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,\nion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {\n margin-top: 0;\n}\n\n// Safari/iOS 15 changes the appearance of input[type=\"date\"].\n// For backwards compatibility from Ionic 5/Safari 14 designs,\n// we override the appearance only when using within an ion-input.\nion-input input::-webkit-date-and-time-value {\n text-align: start;\n}\n\n/**\n * The .ion-datetime-button-overlay class contains\n * styles that allow any modal/popover to be\n * sized according to the dimensions of the datetime\n * when used with ion-datetime-button.\n */\n.ion-datetime-button-overlay {\n --width: fit-content;\n --height: fit-content;\n}\n\n/**\n * The grid variant can scale down when inline.\n * When used in a `fit-content` overlay, this causes\n * the overlay to shrink when the month/year picker is open.\n * Explicitly setting the dimensions lets us have a consistently\n * sized grid interface.\n */\n.ion-datetime-button-overlay ion-datetime.datetime-grid {\n width: 320px;\n min-height: 320px;\n}\n\n/**\n * When moving focus on page transitions we call .focus() on an element which can\n * add an undesired outline ring. This CSS removes the outline ring.\n * We also remove the outline ring from elements that are actively being focused\n * by the focus manager. We are intentionally selective about which elements this\n * applies to so we do not accidentally override outlines set by the developer.\n */\n[ion-last-focus],\nheader[tabindex=\"-1\"]:focus,\n[role=\"banner\"][tabindex=\"-1\"]:focus,\nmain[tabindex=\"-1\"]:focus,\n[role=\"main\"][tabindex=\"-1\"]:focus,\nh1[tabindex=\"-1\"]:focus,\n[role=\"heading\"][aria-level=\"1\"][tabindex=\"-1\"]:focus {\n outline: none;\n}\n\n/*\n * If a popover has a child ion-content (or class equivalent) then the .popover-viewport element\n * should not be scrollable to ensure the inner content does scroll. However, if the popover\n * does not have a child ion-content (or class equivalent) then the .popover-viewport element\n * should remain scrollable. This code exists globally because popover targets\n * .popover-viewport using ::slotted which only supports simple selectors.\n *\n * Note that we do not need to account for .ion-content-scroll-host here because that\n * class should always be placed within ion-content even if ion-content is not scrollable.\n */\n.popover-viewport:has(> ion-content) {\n overflow: hidden;\n}\n\n/**\n * :has has cross-browser support, but it is still relatively new. As a result,\n * we should fallback to the old behavior for environments that do not support :has.\n * Developers can explicitly enable this behavior by setting overflow: visible\n * on .popover-viewport if they know they are not going to use an ion-content.\n * TODO FW-6106 Remove this\n */\n@supports not selector(:has(> ion-content)) {\n .popover-viewport {\n overflow: hidden;\n }\n}\n", "@import \"../../themes/ionic.globals\";\n\n// Modals\n// --------------------------------------------------\n\n/// @prop - Min width of the modal inset\n$modal-inset-min-width: 768px;\n\n/// @prop - Minimum height of the small modal inset\n$modal-inset-min-height-small: 600px;\n\n/// @prop - Minimum height of the large modal inset\n$modal-inset-min-height-large: 768px;\n\n/// @prop - Width of the large modal inset\n$modal-inset-width: 600px;\n\n/// @prop - Height of the small modal inset\n$modal-inset-height-small: 500px;\n\n/// @prop - Height of the large modal inset\n$modal-inset-height-large: 600px;\n\n/// @prop - Text color of the modal content\n$modal-text-color: $text-color;\n\n/// @prop - Padding top of the sheet modal\n$modal-sheet-padding-top: 6px;\n\n/// @prop - Padding bottom of the sheet modal\n$modal-sheet-padding-bottom: 6px;\n", "\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n@mixin tablet-viewport() {\n @media screen and (min-width: 768px) {\n @content;\n }\n}\n\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n@mixin mobile-viewport() {\n @media screen and (max-width: 767px) {\n @content;\n }\n}\n\n@mixin input-cover() {\n @include position(0, null, null, 0);\n @include margin(0);\n\n position: absolute;\n\n width: 100%;\n height: 100%;\n\n border: 0;\n background: transparent;\n cursor: pointer;\n\n appearance: none;\n outline: none;\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin visually-hidden() {\n position: absolute;\n\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n outline: 0;\n clip: rect(0 0 0 0);\n\n opacity: 0;\n overflow: hidden;\n\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n@mixin text-inherit() {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n}\n\n@mixin button-state() {\n @include position(0, 0, 0, 0);\n\n position: absolute;\n\n content: \"\";\n\n opacity: 0;\n}\n\n// Font smoothing\n// --------------------------------------------------\n\n@mixin font-smoothing() {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\n// Get the key from a map based on the index\n@function index-to-key($map, $index) {\n $keys: map-keys($map);\n\n @return nth($keys, $index);\n}\n\n\n// Breakpoint Mixins\n// ---------------------------------------------------------------------------------\n\n// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$screen-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// ---------------------------------------------------------------------------------\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: str-split($root, \",\");\n $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: str-replace($flipped-url, \"
> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: str-split($root, \",\");\n $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: str-replace($flipped-url, \"> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: str-split($root, \",\");\n $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: str-replace($flipped-url, \"> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: str-split($root, \",\");\n $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: str-replace($flipped-url, \"> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: str-split($root, \",\");\n $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: str-replace($flipped-url, \"> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: str-split($root, \",\");\n $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: str-replace($flipped-url, \"> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: str-split($root, \",\");\n $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: str-replace($flipped-url, \"> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: str-split($root, \",\");\n $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: str-replace($flipped-url, \"> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: str-split($root, \",\");\n $selectors: #{add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: str-split(str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: str-replace($flipped-url, \"