@charset "utf-8"; .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; height: var(--swiper-centered-offset-after); } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } :root { --swiper-navigation-size: 2.75rem; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0 - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev::after, .swiper-button-next::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .swiper-lazy-preloader { width: 2.625rem; height: 2.625rem; position: absolute; left: 50%; top: 50%; margin-left: -1.3125rem; margin-top: -1.3125rem; z-index: 10; transform-origin: 50% center; animation: 1s linear 0s infinite normal none running swiper-preloader-spin; box-sizing: border-box; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0.625rem; left: 0px; width: 100%; } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); } button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: 0.625rem; top: 50%; transform: translate3d(0px, -50%, 0px); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 0.5rem; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: 0.25rem; left: 0px; top: 0px; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: 0.25rem; height: 100%; left: 0px; top: 0px; } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translateZ(0px); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 75rem; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 0.0625rem; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 0.0625rem; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; } :root { --swiper-navigation-size: 2.75rem; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0 - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 0.625rem; right: auto; } .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 0.625rem; left: auto; } .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "next"; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translateZ(0px); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0.625rem; left: 0px; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); } button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: 0.625rem; top: 50%; transform: translate3d(0px, -50%, 0px); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 0.5rem; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translate(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 0.25rem; left: 0px; top: 0px; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: 0.25rem; height: 100%; left: 0px; top: 0px; } .swiper-pagination-lock { display: none; } .swiper-lazy-preloader { width: 2.625rem; height: 2.625rem; position: absolute; left: 50%; top: 50%; margin-left: -1.3125rem; margin-top: -1.3125rem; z-index: 10; transform-origin: 50% center; animation: 1s linear 0s infinite normal none running swiper-preloader-spin; box-sizing: border-box; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-size: 17.5rem; color: transparent; display: block; font-size: 0px; height: 1.25rem; line-height: 0; width: 1.25rem; } .viewer-zoom-in::before { background-position: 0px 0px; content: "Zoom In"; } .viewer-zoom-out::before { background-position: -1.25rem 0px; content: "Zoom Out"; } .viewer-one-to-one::before { background-position: -2.5rem 0px; content: "One to One"; } .viewer-reset::before { background-position: -3.75rem 0px; content: "Reset"; } .viewer-prev::before { background-position: -5rem 0px; content: "Previous"; } .viewer-play::before { background-position: -6.25rem 0px; content: "Play"; } .viewer-next::before { background-position: -7.5rem 0px; content: "Next"; } .viewer-rotate-left::before { background-position: -8.75rem 0px; content: "Rotate Left"; } .viewer-rotate-right::before { background-position: -10rem 0px; content: "Rotate Right"; } .viewer-flip-horizontal::before { background-position: -11.25rem 0px; content: "Flip Horizontal"; } .viewer-flip-vertical::before { background-position: -12.5rem 0px; content: "Flip Vertical"; } .viewer-fullscreen::before { background-position: -13.75rem 0px; content: "Enter Full Screen"; } .viewer-fullscreen-exit::before { background-position: -15rem 0px; content: "Exit Full Screen"; } .viewer-close::before { background-position: -16.25rem 0px; content: "Close"; } .viewer-container { inset: 0px; direction: ltr; font-size: 0px; line-height: 0; overflow: hidden; position: absolute; -webkit-tap-highlight-color: transparent; touch-action: none; user-select: none; } .viewer-container::selection, .viewer-container ::selection { background-color: transparent; } .viewer-container:focus { outline: 0px; } .viewer-container img { display: block; height: auto; width: 100%; max-height: none !important; max-width: none !important; min-height: 0px !important; min-width: 0px !important; } .viewer-canvas { inset: 0px; overflow: hidden; position: absolute; } .viewer-canvas > img { height: auto; margin: 0.9375rem auto; width: auto; max-width: 90% !important; } .viewer-footer { bottom: 0px; left: 0px; overflow: hidden; position: absolute; right: 0px; text-align: center; } .viewer-navbar { background-color: rgba(0, 0, 0, 0.5); overflow: hidden; } .viewer-list { box-sizing: content-box; height: 3.125rem; margin: 0px; overflow: hidden; padding: 0.0625rem 0px; } .viewer-list > li { color: transparent; cursor: pointer; float: left; font-size: 0px; height: 3.125rem; line-height: 0; opacity: 0.5; overflow: hidden; transition: opacity 0.15s; width: 1.875rem; } .viewer-list > li:focus, .viewer-list > li:hover { opacity: 0.75; } .viewer-list > li:focus { outline: 0px; } .viewer-list > li + li { margin-left: 0.0625rem; } .viewer-list > .viewer-loading { position: relative; } .viewer-list > .viewer-loading::after { border-width: 0.125rem; height: 1.25rem; margin-left: -0.625rem; margin-top: -0.625rem; width: 1.25rem; } .viewer-list > .viewer-active, .viewer-list > .viewer-active:focus, .viewer-list > .viewer-active:hover { opacity: 1; } .viewer-player { background-color: rgb(0, 0, 0); inset: 0px; cursor: none; display: none; position: absolute; z-index: 1; } .viewer-player > img { left: 0px; position: absolute; top: 0px; } .viewer-toolbar > ul { display: inline-block; margin: 0px auto 0.3125rem; overflow: hidden; padding: 0.375rem 0.1875rem; } .viewer-toolbar > ul > li { background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; float: left; height: 1.5rem; overflow: hidden; transition: background-color 0.15s; width: 1.5rem; } .viewer-toolbar > ul > li:focus, .viewer-toolbar > ul > li:hover { background-color: rgba(0, 0, 0, 0.8); } .viewer-toolbar > ul > li:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0.1875rem; outline: 0px; position: relative; z-index: 1; } .viewer-toolbar > ul > li::before { margin: 0.125rem; } .viewer-toolbar > ul > li + li { margin-left: 0.0625rem; } .viewer-toolbar > ul > .viewer-small { height: 1.125rem; margin-bottom: 0.1875rem; margin-top: 0.1875rem; width: 1.125rem; } .viewer-toolbar > ul > .viewer-small::before { margin: -0.0625rem; } .viewer-toolbar > ul > .viewer-large { height: 1.875rem; margin-bottom: -0.1875rem; margin-top: -0.1875rem; width: 1.875rem; } .viewer-toolbar > ul > .viewer-large::before { margin: 0.3125rem; } .viewer-tooltip { background-color: rgba(0, 0, 0, 0.8); border-radius: 0.625rem; color: rgb(255, 255, 255); display: none; font-size: 0.75rem; height: 1.25rem; left: 50%; line-height: 1.25rem; margin-left: -1.5625rem; margin-top: -0.625rem; position: absolute; text-align: center; top: 50%; width: 3.125rem; } .viewer-title { color: rgb(204, 204, 204); display: inline-block; font-size: 0.75rem; line-height: 1.2; margin: 0.3125rem 5%; max-width: 90%; min-height: 0.875rem; opacity: 0.8; overflow: hidden; text-overflow: ellipsis; transition: opacity 0.15s; white-space: nowrap; } .viewer-title:hover { opacity: 1; } .viewer-button { app-region: no-drag; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; height: 5rem; overflow: hidden; position: absolute; right: -2.5rem; top: -2.5rem; transition: background-color 0.15s; width: 5rem; } .viewer-button:focus, .viewer-button:hover { background-color: rgba(0, 0, 0, 0.8); } .viewer-button:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0.1875rem; outline: 0px; } .viewer-button::before { bottom: 0.9375rem; left: 0.9375rem; position: absolute; } .viewer-fixed { position: fixed; } .viewer-open { overflow: hidden; } .viewer-show { display: block; } .viewer-hide { display: none; } .viewer-backdrop { background-color: rgba(0, 0, 0, 0.5); } .viewer-invisible { visibility: hidden; } .viewer-move { cursor: grab; } .viewer-fade { opacity: 0; } .viewer-in { opacity: 1; } .viewer-transition { transition: 0.3s; } @keyframes viewer-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .viewer-loading::after { animation: 1s linear 0s infinite normal none running viewer-spinner; border-width: 0.25rem; border-style: solid; border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.5); border-image: initial; border-radius: 50%; content: ""; display: inline-block; height: 2.5rem; left: 50%; margin-left: -1.25rem; margin-top: -1.25rem; position: absolute; top: 50%; width: 2.5rem; z-index: 1; } @media (max-width: 767px) { .viewer-hide-xs-down { display: none; } } @media (max-width: 991px) { .viewer-hide-sm-down { display: none; } } @media (max-width: 1199px) { .viewer-hide-md-down { display: none; } } .ps { overflow-anchor: none; touch-action: auto; overflow: hidden !important; } .ps__rail-x { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; height: 0.9375rem; bottom: 0px; position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; width: 0.9375rem; right: 0px; position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: rgb(238, 238, 238); opacity: 0.9; } .ps__thumb-x { background-color: rgb(170, 170, 170); border-radius: 0.375rem; transition: background-color 0.2s linear, height 0.2s ease-in-out; height: 0.375rem; bottom: 0.125rem; position: absolute; } .ps__thumb-y { background-color: rgb(170, 170, 170); border-radius: 0.375rem; transition: background-color 0.2s linear, width 0.2s ease-in-out; width: 0.375rem; right: 0.125rem; position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: rgb(153, 153, 153); height: 0.6875rem; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: rgb(153, 153, 153); width: 0.6875rem; } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .ps { position: relative; } [data-v-21572c96]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-21572c96] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-21572c96] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-21572c96] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-21572c96] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-21572c96] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-21572c96] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-21572c96] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-21572c96] { padding: 0px 20px; } } .ant-form-item[data-v-21572c96], .ant-radio-wrapper[data-v-21572c96], .ant-radio-group[data-v-21572c96] { font-variant: normal !important; } .ant-message[data-v-21572c96] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-21572c96] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-21572c96] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-21572c96] { display: none; } .login-main[data-v-21572c96] { margin: 0px auto; max-width: 32.5rem; } .login-main .con h2[data-v-21572c96] { font-size: 1.625rem; font-weight: 400; text-align: center; letter-spacing: 0em; margin-bottom: 1.125rem; } .login-main[data-v-21572c96] .ant-form { max-width: 26.25rem; margin: 0px auto; } .login-main[data-v-21572c96] .ant-form .ant-input { border-radius: 0.375rem; height: 3.125rem; border-color: rgb(153, 153, 153); } .login-main[data-v-21572c96] .ant-form .ant-btn { font-size: 1.25rem; height: 3.125rem; border-radius: 6.1875rem; } .login-main[data-v-21572c96] .ant-form .ant-btn.guest { border-color: rgb(255, 200, 66); color: rgb(255, 200, 66); } .login-main .social-login[data-v-21572c96] { margin-top: 3rem; } .login-main .social-text[data-v-21572c96] { text-align: center; } .login-main .social-text .text[data-v-21572c96] { display: inline-block; width: 30%; color: rgb(175, 175, 175); text-align: center; font-size: 0.875rem; } .login-main .social-text .line[data-v-21572c96] { display: inline-block; width: 35%; border-top: 0.0625rem solid rgb(204, 204, 204); vertical-align: 0.3125rem; } .login-main .social-button[data-v-21572c96] { text-align: center; margin-top: 0.625rem; } .login-main .social-button ul li[data-v-21572c96] { display: inline-block; margin: 0px 0.625rem 0.1875rem 0px; } .login-main .social-button ul li .social-button-icon[data-v-21572c96] { display: block; float: left; width: 2.125rem; height: 2.125rem; margin: 0px; padding: 0px; border-radius: 50%; } .login-main .social-button ul li.facebook .social-button-icon[data-v-21572c96] { background: url("https://www.costway.ca/skin/frontend/default/hooya/images/pslogin/social.png") 0px 0px rgb(30, 67, 137); } .login-main .social-button ul li.twitter .social-button-icon[data-v-21572c96] { background: url("https://www.costway.ca/skin/frontend/default/hooya/images/pslogin/social.png") -2.125rem 0px rgb(40, 169, 226); } [data-v-589460a3]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-589460a3] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-589460a3] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-589460a3] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-589460a3] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-589460a3] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-589460a3] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-589460a3] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-589460a3] { padding: 0px 20px; } } .ant-form-item[data-v-589460a3], .ant-radio-wrapper[data-v-589460a3], .ant-radio-group[data-v-589460a3] { font-variant: normal !important; } .ant-message[data-v-589460a3] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-589460a3] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-589460a3] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-589460a3] { display: none; } .login-main[data-v-589460a3] { margin: 0px auto; max-width: 32.5rem; } .login-main .con[data-v-589460a3] { margin-bottom: 2.375rem; } .login-main .con h2[data-v-589460a3] { font-size: 1.625rem; font-weight: 400; text-align: center; letter-spacing: 0em; margin-bottom: 0.625rem; } .login-main .con p[data-v-589460a3] { margin-bottom: 0px; line-height: 2rem; font-size: 1rem; text-align: center; } .login-main .con p .change[data-v-589460a3] { color: rgb(253, 172, 14); text-decoration: underline; cursor: pointer; margin-left: 0.625rem; } .login-main .sing-in[data-v-589460a3] { color: rgb(253, 172, 14); font-size: 0.875rem; text-decoration: underline; text-align: center; cursor: pointer; } .login-main .forget-password[data-v-589460a3] { margin-top: 1.25rem; width: 100%; text-align: center; } .login-main .forget-password a[data-v-589460a3] { color: rgb(253, 172, 14); font-size: 1rem; text-decoration: underline; text-align: center; } .login-main[data-v-589460a3] .ant-form-item p { text-align: center; font-size: 0.875rem; width: 100%; } .login-main[data-v-589460a3] .ant-form-item p a { color: rgb(253, 172, 14); font-size: 0.875rem; text-decoration: underline; } .login-main .ant-form[data-v-589460a3] { max-width: 26.25rem; margin: 0px auto; } .login-main .ant-form .ant-btn[data-v-589460a3] { font-size: 1.25rem; height: 3.125rem; border-radius: 6.1875rem; } .login-main .ant-form .password-lable[data-v-589460a3] { display: none; } .login-main .ant-form[data-v-589460a3] .ant-input { height: 1.5625rem; } .login-main .ant-form[data-v-589460a3] .ant-input-affix-wrapper-lg { padding-top: 0.71875rem; padding-bottom: 0.71875rem; line-height: 1; } .login-main .ant-form[data-v-589460a3] .ant-input-suffix { position: absolute; right: 0.625rem; top: 0px; bottom: 0px; margin: auto; font-size: 1rem; } .login-main .ant-form .password .ant-input-affix-wrapper-lg[data-v-589460a3] { padding: 1.375rem 0.9375rem 0.1875rem; min-height: 3.125rem; font-size: 0px; } .login-main .ant-form .password .password-lable[data-v-589460a3] { position: absolute; top: 0.375rem; left: 0.9375rem; z-index: 2; font-size: 0.875rem; line-height: 1; color: rgb(153, 153, 153); display: inline-block; } .login-main .ant-form .password-tips.create[data-v-589460a3] { margin-top: -0.625rem; } .login-main .ant-form .password-tips.forgotpassword[data-v-589460a3] { margin-top: 0.375rem; } .login-main .ant-form .password-tips p[data-v-589460a3] { line-height: 1.625rem; font-size: 0.875rem; margin: 0px; display: flex; align-items: center; } .login-main .ant-form .password-tips p[data-v-589460a3]:last-child { margin-bottom: 1.25rem; } .login-main .ant-form .password-tips span[data-v-589460a3] { margin-right: 0.1875rem; } .login-main .ant-form .password-tips span[data-v-589460a3]:first-child { font-family: sans-serif; font-size: 1.375rem; } .login-main .ant-form .password-tips span.red[data-v-589460a3] { color: rgb(230, 77, 67); font-size: 1.5rem; } .login-main .ant-form .password-tips span.green[data-v-589460a3] { width: 1.125rem; height: 1.125rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-success-3b9ce1eb.png") center center no-repeat; } .login-main .ant-form .password-tips1[data-v-589460a3] { font-size: 0.75rem; text-align: left; color: rgb(253, 172, 14); } .login-main .ant-form .password-tips1 p[data-v-589460a3] { display: flex; align-items: center; } .login-main .ant-form .password-tips1 img[data-v-589460a3] { width: 0.875rem; height: 0.875rem; margin-right: 0.1875rem; } .login-main .ant-form .password-tips2[data-v-589460a3] { font-size: 0.75rem; text-align: left; color: rgb(230, 77, 67); } .login-main .tips[data-v-589460a3] { max-width: 26.25rem; font-size: 0.875rem; margin: 0px auto; } .login-main .tips p[data-v-589460a3] { text-align: center; } .login-main .tips p a[data-v-589460a3] { color: rgb(253, 172, 14); } .login-main .ant-btn-primary[disabled][data-v-589460a3] { border: 0px; background-color: rgb(255, 218, 146); color: rgb(255, 255, 255); } [data-v-1fed6db0]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-1fed6db0] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-1fed6db0] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-1fed6db0] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-1fed6db0] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-1fed6db0] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-1fed6db0] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-1fed6db0] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-1fed6db0] { padding: 0px 20px; } } .ant-form-item[data-v-1fed6db0], .ant-radio-wrapper[data-v-1fed6db0], .ant-radio-group[data-v-1fed6db0] { font-variant: normal !important; } .ant-message[data-v-1fed6db0] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-1fed6db0] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-1fed6db0] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-1fed6db0] { display: none; } .ant-alert[data-v-1fed6db0] { margin-top: -3.75rem; } .main[data-v-1fed6db0] { margin: 12vh auto 40vh; } .login-main[data-v-1fed6db0] { margin: 0px auto; max-width: 26.25rem; } .login-main .con h2[data-v-1fed6db0] { font-size: 1.625rem; font-weight: 400; text-align: center; letter-spacing: 0em; margin-bottom: 0.625rem; } .login-main .con p[data-v-1fed6db0] { margin-bottom: 0px; line-height: 2rem; font-size: 1rem; text-align: center; } .login-main .con p.t1[data-v-1fed6db0] { margin-top: 2.5rem; line-height: 1; font-size: 1.5rem; text-align: center; } .login-main .con p .change[data-v-1fed6db0] { color: rgb(253, 172, 14); text-decoration: underline; cursor: pointer; margin-left: 0.625rem; } .login-main .con p p[data-v-1fed6db0] { margin-bottom: 0px; line-height: 2rem; font-size: 1rem; text-align: center; } .login-main .con p p.t1[data-v-1fed6db0] { margin-top: 2.5rem; line-height: 1; font-size: 1.5rem; text-align: center; } .login-main .con p p.t2[data-v-1fed6db0] { margin-top: 0px; } .login-main .con p p.t3[data-v-1fed6db0] { margin-top: 2.5rem; margin-bottom: 0.625rem; } .login-main .con p.t4[data-v-1fed6db0] { margin-top: 1.25rem; margin-bottom: 0.625rem; line-height: 1; } .login-main .con p.t4 .svg svg[data-v-1fed6db0] { outline: none; } .login-main .con p.t4[data-v-1fed6db0] .ant-popover-content .ant-popover-inner-content { padding: 0.5rem; } .login-main .con p.t4[data-v-1fed6db0] .ant-popover-content p { display: block; white-space: nowrap; text-align: center; margin-bottom: 0px; line-height: 1.6; font-size: 0.875rem; } .login-main .con .code-tips[data-v-1fed6db0] { font-size: 1rem; text-align: center; } .login-main[data-v-1fed6db0] .ant-form { max-width: 26.25rem; margin: 0px auto; position: relative; } .login-main[data-v-1fed6db0] .ant-form .ant-input { height: 3.125rem; border-color: rgb(153, 153, 153); } .login-main[data-v-1fed6db0] .ant-form .ant-btn { font-size: 1.25rem; height: 3.125rem; border-radius: 1.5625rem; } .login-main[data-v-1fed6db0] .ant-form .pay-tips { text-align: center; cursor: pointer; text-decoration: underline; } .login-main[data-v-1fed6db0] .ant-form .resend-btn, .login-main[data-v-1fed6db0] .ant-form .deadline-box { position: absolute; right: 0.0625rem; top: 0.0625rem; background-color: rgb(255, 255, 255); height: 2.875rem; line-height: 2.875rem; text-align: center; width: 4.5rem; border-radius: 0.1875rem; color: rgb(253, 172, 14); z-index: 2; box-sizing: border-box; cursor: pointer; } .login-main[data-v-1fed6db0] .ant-form .resend-btn:hover { text-decoration: underline; } .login-main[data-v-1fed6db0] .ant-form .deadline-box { text-align: right; padding-right: 0.625rem; cursor: default; } .login-main[data-v-1fed6db0] .ant-form .deadline-box .ant-statistic { display: inline-block; } .login-main[data-v-1fed6db0] .ant-form .deadline-box .ant-statistic .ant-statistic-content { font-size: 1rem; color: rgb(253, 172, 14); } .login-main[data-v-1fed6db0] .ant-form .second { display: inline-block; font-size: 1.125rem; line-height: 1; } .login-main[data-v-1fed6db0] .ant-form .second:hover { text-decoration: none; } [data-v-f8a942d2]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-f8a942d2] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-f8a942d2] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-f8a942d2] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-f8a942d2] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-f8a942d2] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-f8a942d2] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-f8a942d2] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-f8a942d2] { padding: 0px 20px; } } .ant-form-item[data-v-f8a942d2], .ant-radio-wrapper[data-v-f8a942d2], .ant-radio-group[data-v-f8a942d2] { font-variant: normal !important; } .ant-message[data-v-f8a942d2] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-f8a942d2] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-f8a942d2] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-f8a942d2] { display: none; } .loginPopShow[data-v-f8a942d2] { display: block; } [data-v-f8a942d2] .login-main { width: 31.25rem; } .siteselect-wrapper1[data-v-f8a942d2], .siteselect-wrapper2[data-v-f8a942d2], .siteselect-wrapper4[data-v-f8a942d2] { background: rgba(0, 0, 0, 0.8); width: 100%; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 99999; } .siteselect-wrapper1 .siteselect-inner[data-v-f8a942d2], .siteselect-wrapper2 .siteselect-inner[data-v-f8a942d2], .siteselect-wrapper4 .siteselect-inner[data-v-f8a942d2] { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .siteselect-wrapper2 .costwayday-pop[data-v-f8a942d2] { position: relative; padding: 2.5rem 2.5rem 1.875rem; border-radius: 0.25rem; background: rgb(255, 255, 255); } .siteselect-wrapper2 .login-box-span[data-v-f8a942d2] { position: absolute; top: -0.5rem; right: -2.5rem; display: inline-block; border-radius: 50%; width: 1.6875rem; height: 1.6875rem; padding: 0.25rem 0.3125rem 0.375rem; cursor: pointer; } .siteselect-wrapper1 .costwayday-pop .popup-close[data-v-f8a942d2], .siteselect-wrapper2 .costwayday-pop .popup-close[data-v-f8a942d2] { width: 1.875rem; height: 1.875rem; text-align: center; position: absolute; cursor: pointer; top: -0.125rem; right: -2.75rem; transition: 0.5s; } .siteselect-wrapper1 .costwayday-pop svg[data-v-f8a942d2], .siteselect-wrapper2 .costwayday-pop svg[data-v-f8a942d2], .siteselect-wrapper4 .costwayday-pop svg[data-v-f8a942d2] { margin-top: 0.3125rem; } .wrap, .content { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap, .content { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap, .content { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap, .content { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap, .content { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap, .content { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap, .content { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap, .content { padding: 0px 20px; } } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } * { box-sizing: border-box; } ul { list-style-type: none; margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6, p, a, div, li, dt, dd { word-break: normal; white-space: normal; } html { overflow: hidden auto; --scroll-bar: 0; } @media only screen and (min-width: 1920px) { html { font-size: 1rem; } } @media only screen and (max-width: 1919px) { html { font-size: 0.85vw; } } body { font-family: Poppins-Regular !important; font-variant: normal !important; font-feature-settings: normal !important; line-height: 1.5 !important; color: rgb(51, 51, 51) !important; background-color: inherit !important; -webkit-font-smoothing: antialiased !important; width: 100% !important; overflow: visible !important; } #wrapper { display: block; } .svg { font-size: 0px; line-height: 0; vertical-align: middle; } .address-form .ant-checkbox-disabled .ant-checkbox-inner { border: 0px !important; } [data-v-39003c15]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-39003c15] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-39003c15] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-39003c15] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-39003c15] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-39003c15] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-39003c15] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-39003c15] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-39003c15] { padding: 0px 20px; } } .ant-form-item[data-v-39003c15], .ant-radio-wrapper[data-v-39003c15], .ant-radio-group[data-v-39003c15] { font-variant: normal !important; } .ant-message[data-v-39003c15] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-39003c15] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-39003c15] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-39003c15] { display: none; } @font-face { font-family: Poppins-Regular; font-style: normal; font-weight: 400; src: url("https://ca-static.costway.ca/fonts/Poppins-Regular.ttf"); font-display: swap; } @font-face { font-family: Poppins-Bold; font-style: normal; font-weight: 400; src: url("https://ca-static.costway.ca/fonts/Poppins-Bold.ttf"); } @font-face { font-family: Poppins-Medium; font-style: normal; font-weight: 400; src: url("https://ca-static.costway.ca/fonts/Poppins-Medium.ttf"); } @font-face { font-family: Poppins-SemiBold; font-style: normal; font-weight: 400; src: url("https://ca-static.costway.ca/fonts/Poppins-SemiBold.ttf"); } .ps[data-v-39003c15] { max-height: 25rem; } .ant-btn-dangerous.ant-btn-primary[data-v-39003c15], .ant-btn-dangerous.ant-btn-primary[data-v-39003c15], .ant-btn-dangerous.ant-btn-primary[data-v-39003c15]:hover, .ant-btn-dangerous.ant-btn-primary[data-v-39003c15]:focus { background: rgb(230, 77, 67) !important; border-color: rgb(230, 77, 67) !important; } .ant-breadcrumb[data-v-39003c15] { margin: 2.5rem 0px !important; } .ant-breadcrumb a[data-v-39003c15] { line-height: 1; font-size: 1.125rem; color: rgb(102, 102, 102) !important; } html, body { width: 100%; height: 100%; } *, ::before, ::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-variant: tabular-nums; line-height: 1.5715; background-color: rgb(255, 255, 255); font-feature-settings: "tnum"; } [tabindex="-1"]:focus { outline: none !important; } hr { box-sizing: content-box; height: 0px; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5em; color: rgb(0, 0, 0); font-weight: 500; } p { margin-top: 0px; margin-bottom: 1em; } abbr[title], abbr[data-original-title] { text-decoration: underline dotted; border-bottom: 0px; cursor: help; } address { margin-bottom: 1em; font-style: normal; line-height: inherit; } input[type="text"], input[type="password"], input[type="number"], textarea { appearance: none; } ol, ul, dl { margin-top: 0px; margin-bottom: 1em; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0px; } dt { font-weight: 500; } dd { margin-bottom: 0.5em; margin-left: 0px; } blockquote { margin: 0px 0px 1em; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgb(0, 0, 0); text-decoration: none; background-color: transparent; outline: none; cursor: pointer; transition: color 0.3s; } a:hover { color: rgb(13, 12, 12); } a:active { color: rgb(0, 0, 0); } a:active, a:hover { text-decoration: none; outline: 0px; } a:focus { text-decoration: none; outline: 0px; } a[disabled] { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } pre, code, kbd, samp { font-size: 1em; font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; } pre { margin-top: 0px; margin-bottom: 1em; overflow: auto; } figure { margin: 0px 0px 1em; } img { vertical-align: middle; border-style: none; } a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea { touch-action: manipulation; } table { border-collapse: collapse; } caption { padding-top: 0.75em; padding-bottom: 0.3em; color: rgba(0, 0, 0, 0.45); text-align: left; caption-side: bottom; } input, button, select, optgroup, textarea { margin: 0px; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { appearance: button; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0px; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0px; margin: 0px; padding: 0px; border: 0px; } legend { display: block; width: 100%; max-width: 100%; margin-bottom: 0.5em; padding: 0px; color: inherit; font-size: 1.5em; line-height: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -0.125rem; appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { font: inherit; appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none !important; } mark { padding: 0.2em; background-color: rgb(254, 255, 230); } ::selection { color: rgb(255, 255, 255); background: rgb(253, 172, 14); } .clearfix::before { display: table; content: ""; } .clearfix::after { display: table; clear: both; content: ""; } .anticon { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } .anticon > * { line-height: 1; } .anticon svg { display: inline-block; } .anticon::before { display: none; } .anticon .anticon-icon { display: block; } .anticon > .anticon { line-height: 0; vertical-align: 0px; } .anticon[tabindex] { cursor: pointer; } .anticon-spin::before { display: inline-block; animation: 1s linear 0s infinite normal none running loadingCircle; } .anticon-spin { display: inline-block; animation: 1s linear 0s infinite normal none running loadingCircle; } .ant-fade-enter, .ant-fade-appear, .ant-fade-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-fade-enter.ant-fade-enter-active, .ant-fade-appear.ant-fade-appear-active { animation-name: antFadeIn; animation-play-state: running; } .ant-fade-leave.ant-fade-leave-active { animation-name: antFadeOut; animation-play-state: running; pointer-events: none; } .ant-fade-enter, .ant-fade-appear { opacity: 0; animation-timing-function: linear; } .ant-fade-leave { animation-timing-function: linear; } .fade-enter, .fade-appear, .fade-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .fade-enter.fade-enter-active, .fade-appear.fade-appear-active { animation-name: antFadeIn; animation-play-state: running; } .fade-leave.fade-leave-active { animation-name: antFadeOut; animation-play-state: running; pointer-events: none; } .fade-enter, .fade-appear { opacity: 0; animation-timing-function: linear; } .fade-leave { animation-timing-function: linear; } @keyframes antFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes antFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .ant-move-up-enter, .ant-move-up-appear, .ant-move-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-up-enter.ant-move-up-enter-active, .ant-move-up-appear.ant-move-up-appear-active { animation-name: antMoveUpIn; animation-play-state: running; } .ant-move-up-leave.ant-move-up-leave-active { animation-name: antMoveUpOut; animation-play-state: running; pointer-events: none; } .ant-move-up-enter, .ant-move-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-up-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-up-enter, .move-up-appear, .move-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-up-enter.move-up-enter-active, .move-up-appear.move-up-appear-active { animation-name: antMoveUpIn; animation-play-state: running; } .move-up-leave.move-up-leave-active { animation-name: antMoveUpOut; animation-play-state: running; pointer-events: none; } .move-up-enter, .move-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-up-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-down-enter, .ant-move-down-appear, .ant-move-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-down-enter.ant-move-down-enter-active, .ant-move-down-appear.ant-move-down-appear-active { animation-name: antMoveDownIn; animation-play-state: running; } .ant-move-down-leave.ant-move-down-leave-active { animation-name: antMoveDownOut; animation-play-state: running; pointer-events: none; } .ant-move-down-enter, .ant-move-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-down-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-down-enter, .move-down-appear, .move-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-down-enter.move-down-enter-active, .move-down-appear.move-down-appear-active { animation-name: antMoveDownIn; animation-play-state: running; } .move-down-leave.move-down-leave-active { animation-name: antMoveDownOut; animation-play-state: running; pointer-events: none; } .move-down-enter, .move-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-down-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-left-enter, .ant-move-left-appear, .ant-move-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-left-enter.ant-move-left-enter-active, .ant-move-left-appear.ant-move-left-appear-active { animation-name: antMoveLeftIn; animation-play-state: running; } .ant-move-left-leave.ant-move-left-leave-active { animation-name: antMoveLeftOut; animation-play-state: running; pointer-events: none; } .ant-move-left-enter, .ant-move-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-left-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-left-enter, .move-left-appear, .move-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-left-enter.move-left-enter-active, .move-left-appear.move-left-appear-active { animation-name: antMoveLeftIn; animation-play-state: running; } .move-left-leave.move-left-leave-active { animation-name: antMoveLeftOut; animation-play-state: running; pointer-events: none; } .move-left-enter, .move-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-left-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-right-enter, .ant-move-right-appear, .ant-move-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-right-enter.ant-move-right-enter-active, .ant-move-right-appear.ant-move-right-appear-active { animation-name: antMoveRightIn; animation-play-state: running; } .ant-move-right-leave.ant-move-right-leave-active { animation-name: antMoveRightOut; animation-play-state: running; pointer-events: none; } .ant-move-right-enter, .ant-move-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-right-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-right-enter, .move-right-appear, .move-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-right-enter.move-right-enter-active, .move-right-appear.move-right-appear-active { animation-name: antMoveRightIn; animation-play-state: running; } .move-right-leave.move-right-leave-active { animation-name: antMoveRightOut; animation-play-state: running; pointer-events: none; } .move-right-enter, .move-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-right-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } @keyframes antMoveDownIn { 0% { transform: translateY(100%); transform-origin: 0px 0px; opacity: 0; } 100% { transform: translateY(0px); transform-origin: 0px 0px; opacity: 1; } } @keyframes antMoveDownOut { 0% { transform: translateY(0px); transform-origin: 0px 0px; opacity: 1; } 100% { transform: translateY(100%); transform-origin: 0px 0px; opacity: 0; } } @keyframes antMoveLeftIn { 0% { transform: translate(-100%); transform-origin: 0px 0px; opacity: 0; } 100% { transform: translate(0px); transform-origin: 0px 0px; opacity: 1; } } @keyframes antMoveLeftOut { 0% { transform: translate(0px); transform-origin: 0px 0px; opacity: 1; } 100% { transform: translate(-100%); transform-origin: 0px 0px; opacity: 0; } } @keyframes antMoveRightIn { 0% { transform: translate(100%); transform-origin: 0px 0px; opacity: 0; } 100% { transform: translate(0px); transform-origin: 0px 0px; opacity: 1; } } @keyframes antMoveRightOut { 0% { transform: translate(0px); transform-origin: 0px 0px; opacity: 1; } 100% { transform: translate(100%); transform-origin: 0px 0px; opacity: 0; } } @keyframes antMoveUpIn { 0% { transform: translateY(-100%); transform-origin: 0px 0px; opacity: 0; } 100% { transform: translateY(0px); transform-origin: 0px 0px; opacity: 1; } } @keyframes antMoveUpOut { 0% { transform: translateY(0px); transform-origin: 0px 0px; opacity: 1; } 100% { transform: translateY(-100%); transform-origin: 0px 0px; opacity: 0; } } @keyframes loadingCircle { 100% { transform: rotate(360deg); } } [ant-click-animating="true"], [ant-click-animating-without-extra-node="true"] { position: relative; } html { --antd-wave-shadow-color: #FDAC0E; --scroll-bar: 0; } [ant-click-animating-without-extra-node="true"]::after, .ant-click-animating-node { position: absolute; inset: 0px; display: block; border-radius: inherit; box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); opacity: 0.2; animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal forwards running fadeEffect, 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal running waveEffect; content: ""; pointer-events: none; } @keyframes waveEffect { 100% { box-shadow: 0 0 0 .375rem var(--antd-wave-shadow-color); } } @keyframes fadeEffect { 100% { opacity: 0; } } .slide-up-enter, .slide-up-appear, .slide-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-up-enter.slide-up-enter-active, .slide-up-appear.slide-up-appear-active { animation-name: antSlideUpIn; animation-play-state: running; } .slide-up-leave.slide-up-leave-active { animation-name: antSlideUpOut; animation-play-state: running; pointer-events: none; } .slide-up-enter, .slide-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-up-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-down-enter, .slide-down-appear, .slide-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-down-enter.slide-down-enter-active, .slide-down-appear.slide-down-appear-active { animation-name: antSlideDownIn; animation-play-state: running; } .slide-down-leave.slide-down-leave-active { animation-name: antSlideDownOut; animation-play-state: running; pointer-events: none; } .slide-down-enter, .slide-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-left-enter, .slide-left-appear, .slide-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-left-enter.slide-left-enter-active, .slide-left-appear.slide-left-appear-active { animation-name: antSlideLeftIn; animation-play-state: running; } .slide-left-leave.slide-left-leave-active { animation-name: antSlideLeftOut; animation-play-state: running; pointer-events: none; } .slide-left-enter, .slide-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-left-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-right-enter, .slide-right-appear, .slide-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-right-enter.slide-right-enter-active, .slide-right-appear.slide-right-appear-active { animation-name: antSlideRightIn; animation-play-state: running; } .slide-right-leave.slide-right-leave-active { animation-name: antSlideRightOut; animation-play-state: running; pointer-events: none; } .slide-right-enter, .slide-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-right-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-up-enter, .ant-slide-up-appear, .ant-slide-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-up-enter.ant-slide-up-enter-active, .ant-slide-up-appear.ant-slide-up-appear-active { animation-name: antSlideUpIn; animation-play-state: running; } .ant-slide-up-leave.ant-slide-up-leave-active { animation-name: antSlideUpOut; animation-play-state: running; pointer-events: none; } .ant-slide-up-enter, .ant-slide-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-up-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-down-enter, .ant-slide-down-appear, .ant-slide-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-down-enter.ant-slide-down-enter-active, .ant-slide-down-appear.ant-slide-down-appear-active { animation-name: antSlideDownIn; animation-play-state: running; } .ant-slide-down-leave.ant-slide-down-leave-active { animation-name: antSlideDownOut; animation-play-state: running; pointer-events: none; } .ant-slide-down-enter, .ant-slide-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-left-enter, .ant-slide-left-appear, .ant-slide-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-left-enter.ant-slide-left-enter-active, .ant-slide-left-appear.ant-slide-left-appear-active { animation-name: antSlideLeftIn; animation-play-state: running; } .ant-slide-left-leave.ant-slide-left-leave-active { animation-name: antSlideLeftOut; animation-play-state: running; pointer-events: none; } .ant-slide-left-enter, .ant-slide-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-left-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-right-enter, .ant-slide-right-appear, .ant-slide-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-right-enter.ant-slide-right-enter-active, .ant-slide-right-appear.ant-slide-right-appear-active { animation-name: antSlideRightIn; animation-play-state: running; } .ant-slide-right-leave.ant-slide-right-leave-active { animation-name: antSlideRightOut; animation-play-state: running; pointer-events: none; } .ant-slide-right-enter, .ant-slide-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-right-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @keyframes antSlideUpIn { 0% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideUpOut { 0% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideDownIn { 0% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } } @keyframes antSlideDownOut { 0% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } } @keyframes antSlideLeftIn { 0% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideLeftOut { 0% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideRightIn { 0% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } } @keyframes antSlideRightOut { 0% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } } .ant-zoom-enter, .ant-zoom-appear, .ant-zoom-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-enter.ant-zoom-enter-active, .ant-zoom-appear.ant-zoom-appear-active { animation-name: antZoomIn; animation-play-state: running; } .ant-zoom-leave.ant-zoom-leave-active { animation-name: antZoomOut; animation-play-state: running; pointer-events: none; } .ant-zoom-enter, .ant-zoom-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-enter-prepare, .ant-zoom-appear-prepare { transform: none; } .ant-zoom-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-enter, .zoom-appear, .zoom-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-enter.zoom-enter-active, .zoom-appear.zoom-appear-active { animation-name: antZoomIn; animation-play-state: running; } .zoom-leave.zoom-leave-active { animation-name: antZoomOut; animation-play-state: running; pointer-events: none; } .zoom-enter, .zoom-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-enter-prepare, .zoom-appear-prepare { transform: none; } .zoom-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-big-enter, .ant-zoom-big-appear, .ant-zoom-big-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-enter.ant-zoom-big-enter-active, .ant-zoom-big-appear.ant-zoom-big-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .ant-zoom-big-leave.ant-zoom-big-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .ant-zoom-big-enter, .ant-zoom-big-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-big-enter-prepare, .ant-zoom-big-appear-prepare { transform: none; } .ant-zoom-big-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-big-enter, .zoom-big-appear, .zoom-big-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-enter.zoom-big-enter-active, .zoom-big-appear.zoom-big-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .zoom-big-leave.zoom-big-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .zoom-big-enter, .zoom-big-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-big-enter-prepare, .zoom-big-appear-prepare { transform: none; } .zoom-big-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear, .ant-zoom-big-fast-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active, .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-big-fast-enter-prepare, .ant-zoom-big-fast-appear-prepare { transform: none; } .ant-zoom-big-fast-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-big-fast-enter, .zoom-big-fast-appear, .zoom-big-fast-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-fast-enter.zoom-big-fast-enter-active, .zoom-big-fast-appear.zoom-big-fast-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .zoom-big-fast-leave.zoom-big-fast-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .zoom-big-fast-enter, .zoom-big-fast-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-big-fast-enter-prepare, .zoom-big-fast-appear-prepare { transform: none; } .zoom-big-fast-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-up-enter, .ant-zoom-up-appear, .ant-zoom-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-up-enter.ant-zoom-up-enter-active, .ant-zoom-up-appear.ant-zoom-up-appear-active { animation-name: antZoomUpIn; animation-play-state: running; } .ant-zoom-up-leave.ant-zoom-up-leave-active { animation-name: antZoomUpOut; animation-play-state: running; pointer-events: none; } .ant-zoom-up-enter, .ant-zoom-up-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-up-enter-prepare, .ant-zoom-up-appear-prepare { transform: none; } .ant-zoom-up-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-up-enter, .zoom-up-appear, .zoom-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-up-enter.zoom-up-enter-active, .zoom-up-appear.zoom-up-appear-active { animation-name: antZoomUpIn; animation-play-state: running; } .zoom-up-leave.zoom-up-leave-active { animation-name: antZoomUpOut; animation-play-state: running; pointer-events: none; } .zoom-up-enter, .zoom-up-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-up-enter-prepare, .zoom-up-appear-prepare { transform: none; } .zoom-up-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-down-enter, .ant-zoom-down-appear, .ant-zoom-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-down-enter.ant-zoom-down-enter-active, .ant-zoom-down-appear.ant-zoom-down-appear-active { animation-name: antZoomDownIn; animation-play-state: running; } .ant-zoom-down-leave.ant-zoom-down-leave-active { animation-name: antZoomDownOut; animation-play-state: running; pointer-events: none; } .ant-zoom-down-enter, .ant-zoom-down-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-down-enter-prepare, .ant-zoom-down-appear-prepare { transform: none; } .ant-zoom-down-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-down-enter, .zoom-down-appear, .zoom-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-down-enter.zoom-down-enter-active, .zoom-down-appear.zoom-down-appear-active { animation-name: antZoomDownIn; animation-play-state: running; } .zoom-down-leave.zoom-down-leave-active { animation-name: antZoomDownOut; animation-play-state: running; pointer-events: none; } .zoom-down-enter, .zoom-down-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-down-enter-prepare, .zoom-down-appear-prepare { transform: none; } .zoom-down-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-left-enter, .ant-zoom-left-appear, .ant-zoom-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-left-enter.ant-zoom-left-enter-active, .ant-zoom-left-appear.ant-zoom-left-appear-active { animation-name: antZoomLeftIn; animation-play-state: running; } .ant-zoom-left-leave.ant-zoom-left-leave-active { animation-name: antZoomLeftOut; animation-play-state: running; pointer-events: none; } .ant-zoom-left-enter, .ant-zoom-left-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-left-enter-prepare, .ant-zoom-left-appear-prepare { transform: none; } .ant-zoom-left-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-left-enter, .zoom-left-appear, .zoom-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-left-enter.zoom-left-enter-active, .zoom-left-appear.zoom-left-appear-active { animation-name: antZoomLeftIn; animation-play-state: running; } .zoom-left-leave.zoom-left-leave-active { animation-name: antZoomLeftOut; animation-play-state: running; pointer-events: none; } .zoom-left-enter, .zoom-left-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-left-enter-prepare, .zoom-left-appear-prepare { transform: none; } .zoom-left-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-right-enter, .ant-zoom-right-appear, .ant-zoom-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-right-enter.ant-zoom-right-enter-active, .ant-zoom-right-appear.ant-zoom-right-appear-active { animation-name: antZoomRightIn; animation-play-state: running; } .ant-zoom-right-leave.ant-zoom-right-leave-active { animation-name: antZoomRightOut; animation-play-state: running; pointer-events: none; } .ant-zoom-right-enter, .ant-zoom-right-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-right-enter-prepare, .ant-zoom-right-appear-prepare { transform: none; } .ant-zoom-right-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-right-enter, .zoom-right-appear, .zoom-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-right-enter.zoom-right-enter-active, .zoom-right-appear.zoom-right-appear-active { animation-name: antZoomRightIn; animation-play-state: running; } .zoom-right-leave.zoom-right-leave-active { animation-name: antZoomRightOut; animation-play-state: running; pointer-events: none; } .zoom-right-enter, .zoom-right-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-right-enter-prepare, .zoom-right-appear-prepare { transform: none; } .zoom-right-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } @keyframes antZoomIn { 0% { transform: scale(0.2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes antZoomOut { 0% { transform: scale(1); } 100% { transform: scale(0.2); opacity: 0; } } @keyframes antZoomBigIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes antZoomBigOut { 0% { transform: scale(1); } 100% { transform: scale(0.8); opacity: 0; } } @keyframes antZoomUpIn { 0% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 0%; } } @keyframes antZoomUpOut { 0% { transform: scale(1); transform-origin: 50% 0%; } 100% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } } @keyframes antZoomLeftIn { 0% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 0% 50%; } } @keyframes antZoomLeftOut { 0% { transform: scale(1); transform-origin: 0% 50%; } 100% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } } @keyframes antZoomRightIn { 0% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 100% 50%; } } @keyframes antZoomRightOut { 0% { transform: scale(1); transform-origin: 100% 50%; } 100% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } } @keyframes antZoomDownIn { 0% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 100%; } } @keyframes antZoomDownOut { 0% { transform: scale(1); transform-origin: 50% 100%; } 100% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } } .ant-motion-collapse-legacy { overflow: hidden; } .ant-motion-collapse-legacy-active { transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-motion-collapse { overflow: hidden; transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-affix { position: fixed; z-index: 10; } .ant-alert { box-sizing: border-box; margin: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: flex; align-items: center; padding: 0.5rem 0.9375rem; overflow-wrap: break-word; border-radius: 0.1875rem; } .ant-alert-content { flex: 1 1 0%; min-width: 0px; } .ant-alert-icon { margin-right: 0.5rem; } .ant-alert-description { display: none; font-size: 1rem; line-height: 1.5rem; } .ant-alert-success { background-color: rgb(255, 245, 240); border: 0.0625rem solid rgb(255, 207, 191); } .ant-alert-success .ant-alert-icon { color: rgb(255, 95, 68); } .ant-alert-info { background-color: rgb(255, 251, 230); border: 0.0625rem solid rgb(255, 228, 138); } .ant-alert-info .ant-alert-icon { color: rgb(253, 172, 14); } .ant-alert-warning { background-color: rgb(255, 251, 230); border: 0.0625rem solid rgb(255, 228, 138); } .ant-alert-warning .ant-alert-icon { color: rgb(253, 172, 14); } .ant-alert-error { background-color: rgb(255, 243, 240); border: 0.0625rem solid rgb(255, 206, 196); } .ant-alert-error .ant-alert-icon { color: rgb(230, 77, 67); } .ant-alert-error .ant-alert-description > pre { margin: 0px; padding: 0px; } .ant-alert-action { margin-left: 0.5rem; } .ant-alert-close-icon { margin-left: 0.5rem; padding: 0px; overflow: hidden; font-size: 0.75rem; line-height: 0.75rem; background-color: transparent; border: none; outline: none; cursor: pointer; } .ant-alert-close-icon .anticon-close { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-alert-close-icon .anticon-close:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-close-text { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-alert-close-text:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-with-description { align-items: flex-start; padding: 0.9375rem 0.9375rem 0.9375rem 1.5rem; } .ant-alert-with-description.ant-alert-no-icon { padding: 0.9375rem; } .ant-alert-with-description .ant-alert-icon { margin-right: 0.9375rem; font-size: 1.5rem; } .ant-alert-with-description .ant-alert-message { display: block; margin-bottom: 0.25rem; color: rgb(0, 0, 0); font-size: 1.125rem; } .ant-alert-message { color: rgb(0, 0, 0); } .ant-alert-with-description .ant-alert-description { display: block; } .ant-alert.ant-alert-motion-leave { overflow: hidden; opacity: 1; transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-alert.ant-alert-motion-leave-active { max-height: 0px; padding-top: 0px; padding-bottom: 0px; opacity: 0; margin-bottom: 0px !important; } .ant-alert-banner { margin-bottom: 0px; border: 0px; border-radius: 0px; } .ant-alert.ant-alert-rtl { direction: rtl; } .ant-alert-rtl .ant-alert-icon { margin-right: auto; margin-left: 0.5rem; } .ant-alert-rtl .ant-alert-action, .ant-alert-rtl .ant-alert-close-icon { margin-right: 0.5rem; margin-left: auto; } .ant-alert-rtl.ant-alert-with-description { padding-right: 1.5rem; padding-left: 0.9375rem; } .ant-alert-rtl.ant-alert-with-description .ant-alert-icon { margin-right: auto; margin-left: 0.9375rem; } .ant-anchor { box-sizing: border-box; margin: 0px; padding: 0px 0px 0px 0.125rem; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; } .ant-anchor-wrapper { margin-left: -0.25rem; padding-left: 0.25rem; overflow: auto; background-color: transparent; } .ant-anchor-ink { position: absolute; top: 0px; left: 0px; height: 100%; } .ant-anchor-ink::before { position: relative; display: block; width: 0.125rem; height: 100%; margin: 0px auto; background-color: rgb(240, 240, 240); content: " "; } .ant-anchor-ink-ball { position: absolute; left: 50%; display: none; width: 0.5rem; height: 0.5rem; background-color: rgb(255, 255, 255); border: 0.125rem solid rgb(253, 172, 14); border-radius: 0.5rem; transform: translate(-50%); transition: top 0.3s ease-in-out; } .ant-anchor-ink-ball.visible { display: inline-block; } .ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball { display: none; } .ant-anchor-link { padding: 0.4375rem 0px 0.4375rem 1rem; line-height: 1.143; } .ant-anchor-link-title { position: relative; display: block; margin-bottom: 0.375rem; overflow: hidden; color: rgb(0, 0, 0); white-space: nowrap; text-overflow: ellipsis; transition: 0.3s; } .ant-anchor-link-title:only-child { margin-bottom: 0px; } .ant-anchor-link-active > .ant-anchor-link-title { color: rgb(253, 172, 14); } .ant-anchor-link .ant-anchor-link { padding-top: 0.3125rem; padding-bottom: 0.3125rem; } .ant-anchor-rtl { direction: rtl; } .ant-anchor-rtl.ant-anchor-wrapper { margin-right: -0.25rem; margin-left: 0px; padding-right: 0.25rem; padding-left: 0px; } .ant-anchor-rtl .ant-anchor-ink { right: 0px; left: auto; } .ant-anchor-rtl .ant-anchor-ink-ball { right: 50%; left: 0px; transform: translate(50%); } .ant-anchor-rtl .ant-anchor-link { padding: 0.4375rem 1rem 0.4375rem 0px; } .ant-select-auto-complete { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; } .ant-select-auto-complete .ant-select-clear { right: 0.8125rem; } .ant-avatar { box-sizing: border-box; margin: 0px; padding: 0px; font-size: 1rem; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; position: relative; display: inline-block; overflow: hidden; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; vertical-align: middle; background: rgb(204, 204, 204); width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; } .ant-avatar-image { background: transparent; } .ant-avatar .ant-image-img { display: block; } .ant-avatar-string { position: absolute; left: 50%; transform-origin: 0px center; } .ant-avatar.ant-avatar-icon { font-size: 1.125rem; } .ant-avatar.ant-avatar-icon > .anticon { margin: 0px; } .ant-avatar-lg { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; border-radius: 50%; } .ant-avatar-lg-string { position: absolute; left: 50%; transform-origin: 0px center; } .ant-avatar-lg.ant-avatar-icon { font-size: 1.5rem; } .ant-avatar-lg.ant-avatar-icon > .anticon { margin: 0px; } .ant-avatar-sm { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 50%; } .ant-avatar-sm-string { position: absolute; left: 50%; transform-origin: 0px center; } .ant-avatar-sm.ant-avatar-icon { font-size: 0.875rem; } .ant-avatar-sm.ant-avatar-icon > .anticon { margin: 0px; } .ant-avatar-square { border-radius: 0.1875rem; } .ant-avatar > img { display: block; width: 100%; height: 100%; object-fit: cover; } .ant-avatar-group { display: inline-flex; } .ant-avatar-group .ant-avatar { border: 0.0625rem solid rgb(255, 255, 255); } .ant-avatar-group .ant-avatar:not(:first-child) { margin-left: -0.5rem; } .ant-avatar-group-popover .ant-avatar + .ant-avatar { margin-left: 0.1875rem; } .ant-avatar-group-rtl .ant-avatar:not(:first-child) { margin-right: -0.5rem; margin-left: 0px; } .ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar { margin-right: 0.1875rem; margin-left: 0px; } .ant-back-top { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: fixed; right: 6.25rem; bottom: 3.125rem; z-index: 10; width: 2.5rem; height: 2.5rem; cursor: pointer; } .ant-back-top:empty { display: none; } .ant-back-top-rtl { right: auto; left: 6.25rem; direction: rtl; } .ant-back-top-content { width: 2.5rem; height: 2.5rem; overflow: hidden; color: rgb(255, 255, 255); text-align: center; background-color: rgba(0, 0, 0, 0.45); border-radius: 1.25rem; transition: 0.3s; } .ant-back-top-content:hover { background-color: rgb(0, 0, 0); transition: 0.3s; } .ant-back-top-icon { font-size: 1.5rem; line-height: 2.5rem; } @media screen and (max-width: 768px) { .ant-back-top { right: 3.75rem; } } @media screen and (max-width: 480px) { .ant-back-top { right: 1.25rem; } } .ant-badge { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; position: relative; display: inline-block; line-height: 1; } .ant-badge-count { z-index: auto; min-width: 1.25rem; height: 1.25rem; padding: 0px 0.375rem; color: rgb(255, 255, 255); font-weight: 400; font-size: 0.75rem; line-height: 1.25rem; white-space: nowrap; text-align: center; background: rgb(255, 77, 79); border-radius: 0.625rem; box-shadow: rgb(255, 255, 255) 0px 0px 0px 0.0625rem; } .ant-badge-count a, .ant-badge-count a:hover { color: rgb(255, 255, 255); } .ant-badge-count-sm { min-width: 0.875rem; height: 0.875rem; padding: 0px; font-size: 0.75rem; line-height: 0.875rem; border-radius: 0.4375rem; } .ant-badge-multiple-words { padding: 0px 0.5rem; } .ant-badge-dot { z-index: auto; width: 0.375rem; min-width: 0.375rem; height: 0.375rem; background: rgb(255, 77, 79); border-radius: 100%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 0.0625rem; } .ant-badge-dot.ant-scroll-number { transition: background 1.5s; } .ant-badge-count, .ant-badge-dot, .ant-badge .ant-scroll-number-custom-component { position: absolute; top: 0px; right: 0px; transform: translate(50%, -50%); transform-origin: 100% 0%; } .ant-badge-count.anticon-spin, .ant-badge-dot.anticon-spin, .ant-badge .ant-scroll-number-custom-component.anticon-spin { animation: 1s linear 0s infinite normal none running antBadgeLoadingCircle; } .ant-badge-status { line-height: inherit; vertical-align: baseline; } .ant-badge-status-dot { position: relative; top: -0.0625rem; display: inline-block; width: 0.375rem; height: 0.375rem; vertical-align: middle; border-radius: 50%; } .ant-badge-status-success { background-color: rgb(255, 95, 68); } .ant-badge-status-processing { position: relative; background-color: rgb(24, 144, 255); } .ant-badge-status-processing::after { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0.0625rem solid rgb(24, 144, 255); border-radius: 50%; animation: 1.2s ease-in-out 0s infinite normal none running antStatusProcessing; content: ""; } .ant-badge-status-default { background-color: rgb(217, 217, 217); } .ant-badge-status-error { background-color: rgb(230, 77, 67); } .ant-badge-status-warning { background-color: rgb(253, 172, 14); } .ant-badge-status-pink, .ant-badge-status-magenta { background: rgb(235, 47, 150); } .ant-badge-status-red { background: rgb(245, 34, 45); } .ant-badge-status-volcano { background: rgb(250, 84, 28); } .ant-badge-status-orange { background: rgb(250, 140, 22); } .ant-badge-status-yellow { background: rgb(250, 219, 20); } .ant-badge-status-gold { background: rgb(250, 173, 20); } .ant-badge-status-cyan { background: rgb(19, 194, 194); } .ant-badge-status-lime { background: rgb(160, 217, 17); } .ant-badge-status-green { background: rgb(82, 196, 26); } .ant-badge-status-blue { background: rgb(24, 144, 255); } .ant-badge-status-geekblue { background: rgb(47, 84, 235); } .ant-badge-status-purple { background: rgb(114, 46, 209); } .ant-badge-status-text { margin-left: 0.5rem; color: rgb(0, 0, 0); font-size: 1rem; } .ant-badge-zoom-appear, .ant-badge-zoom-enter { animation: 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0s 1 normal both running antZoomBadgeIn; } .ant-badge-zoom-leave { animation: 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0s 1 normal both running antZoomBadgeOut; } .ant-badge-not-a-wrapper .ant-badge-zoom-appear, .ant-badge-not-a-wrapper .ant-badge-zoom-enter { animation: 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0s 1 normal none running antNoWrapperZoomBadgeIn; } .ant-badge-not-a-wrapper .ant-badge-zoom-leave { animation: 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0s 1 normal none running antNoWrapperZoomBadgeOut; } .ant-badge-not-a-wrapper:not(.ant-badge-status) { vertical-align: middle; } .ant-badge-not-a-wrapper .ant-scroll-number-custom-component, .ant-badge-not-a-wrapper .ant-badge-count { transform: none; } .ant-badge-not-a-wrapper .ant-scroll-number-custom-component, .ant-badge-not-a-wrapper .ant-scroll-number { position: relative; top: auto; display: block; transform-origin: 50% 50%; } @keyframes antStatusProcessing { 0% { transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(2.4); opacity: 0; } } .ant-scroll-number { overflow: hidden; direction: ltr; } .ant-scroll-number-only { position: relative; display: inline-block; height: 1.25rem; transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transform-style: preserve-3d; backface-visibility: hidden; } .ant-scroll-number-only > p.ant-scroll-number-only-unit { height: 1.25rem; margin: 0px; transform-style: preserve-3d; backface-visibility: hidden; } .ant-scroll-number-symbol { vertical-align: top; } @keyframes antZoomBadgeIn { 0% { transform: scale(0) translate(50%, -50%); opacity: 0; } 100% { transform: scale(1) translate(50%, -50%); } } @keyframes antZoomBadgeOut { 0% { transform: scale(1) translate(50%, -50%); } 100% { transform: scale(0) translate(50%, -50%); opacity: 0; } } @keyframes antNoWrapperZoomBadgeIn { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); } } @keyframes antNoWrapperZoomBadgeOut { 0% { transform: scale(1); } 100% { transform: scale(0); opacity: 0; } } @keyframes antBadgeLoadingCircle { 0% { transform-origin: 50% center; } 100% { transform: translate(50%, -50%) rotate(360deg); transform-origin: 50% center; } } .ant-ribbon-wrapper { position: relative; } .ant-ribbon { box-sizing: border-box; margin: 0px; font-size: 1rem; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; position: absolute; top: 0.5rem; height: 1.375rem; padding: 0px 0.5rem; color: rgb(255, 255, 255); line-height: 1.375rem; white-space: nowrap; background-color: rgb(253, 172, 14); border-radius: 0.1875rem; } .ant-ribbon-text { color: rgb(255, 255, 255); } .ant-ribbon-corner { position: absolute; top: 100%; width: 0.5rem; height: 0.5rem; color: currentcolor; border: 0.25rem solid; transform: scaleY(0.75); transform-origin: center top; } .ant-ribbon-corner::after { position: absolute; top: -0.25rem; left: -0.25rem; width: inherit; height: inherit; color: rgba(0, 0, 0, 0.25); border: inherit; content: ""; } .ant-ribbon-color-pink, .ant-ribbon-color-magenta { color: rgb(235, 47, 150); background: rgb(235, 47, 150); } .ant-ribbon-color-red { color: rgb(245, 34, 45); background: rgb(245, 34, 45); } .ant-ribbon-color-volcano { color: rgb(250, 84, 28); background: rgb(250, 84, 28); } .ant-ribbon-color-orange { color: rgb(250, 140, 22); background: rgb(250, 140, 22); } .ant-ribbon-color-yellow { color: rgb(250, 219, 20); background: rgb(250, 219, 20); } .ant-ribbon-color-gold { color: rgb(250, 173, 20); background: rgb(250, 173, 20); } .ant-ribbon-color-cyan { color: rgb(19, 194, 194); background: rgb(19, 194, 194); } .ant-ribbon-color-lime { color: rgb(160, 217, 17); background: rgb(160, 217, 17); } .ant-ribbon-color-green { color: rgb(82, 196, 26); background: rgb(82, 196, 26); } .ant-ribbon-color-blue { color: rgb(24, 144, 255); background: rgb(24, 144, 255); } .ant-ribbon-color-geekblue { color: rgb(47, 84, 235); background: rgb(47, 84, 235); } .ant-ribbon-color-purple { color: rgb(114, 46, 209); background: rgb(114, 46, 209); } .ant-ribbon.ant-ribbon-placement-end { right: -0.5rem; border-bottom-right-radius: 0px; } .ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner { right: 0px; border-color: currentcolor transparent transparent currentcolor; } .ant-ribbon.ant-ribbon-placement-start { left: -0.5rem; border-bottom-left-radius: 0px; } .ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner { left: 0px; border-color: currentcolor currentcolor transparent transparent; } .ant-badge-rtl { direction: rtl; } .ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count, .ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot, .ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component { right: auto; left: 0px; direction: ltr; transform: translate(-50%, -50%); transform-origin: 0% 0%; } .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component { right: auto; left: 0px; transform: translate(-50%, -50%); transform-origin: 0% 0%; } .ant-badge-rtl .ant-badge-status-text { margin-right: 0.5rem; margin-left: 0px; } .ant-ribbon-rtl { direction: rtl; } .ant-ribbon-rtl.ant-ribbon-placement-end { right: unset; left: -0.5rem; border-bottom-right-radius: 0.1875rem; border-bottom-left-radius: 0px; } .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner { right: unset; left: 0px; border-color: currentcolor currentcolor transparent transparent; } .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after { border-color: currentcolor currentcolor transparent transparent; } .ant-ribbon-rtl.ant-ribbon-placement-start { right: -0.5rem; left: unset; border-bottom-right-radius: 0px; border-bottom-left-radius: 0.1875rem; } .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner { right: 0px; left: unset; border-color: currentcolor transparent transparent currentcolor; } .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after { border-color: currentcolor transparent transparent currentcolor; } .ant-breadcrumb { box-sizing: border-box; margin: 0px; padding: 0px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; color: rgba(0, 0, 0, 0.45); font-size: 1rem; } .ant-breadcrumb .anticon { font-size: 1rem; } .ant-breadcrumb a { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-breadcrumb a:hover { color: rgb(255, 195, 56); } .ant-breadcrumb > span:last-child { color: rgb(0, 0, 0); } .ant-breadcrumb > span:last-child a { color: rgb(0, 0, 0); } .ant-breadcrumb > span:last-child .ant-breadcrumb-separator { display: none; } .ant-breadcrumb-separator { margin: 0px 0.5rem; color: rgba(0, 0, 0, 0.45); } .ant-breadcrumb-link > .anticon + span, .ant-breadcrumb-link > .anticon + a { margin-left: 0.25rem; } .ant-breadcrumb-overlay-link > .anticon { margin-left: 0.25rem; } .ant-breadcrumb-rtl { direction: rtl; } .ant-breadcrumb-rtl::before { display: table; content: ""; } .ant-breadcrumb-rtl::after { display: table; clear: both; content: ""; } .ant-breadcrumb-rtl > span { float: right; } .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span, .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a { margin-right: 0.25rem; margin-left: 0px; } .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon { margin-right: 0.25rem; margin-left: 0px; } .ant-btn { line-height: 1.5715; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; border: 0.0625rem solid rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.016) 0px 0.125rem; cursor: pointer; transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); user-select: none; touch-action: manipulation; height: 2rem; padding: 0.15rem 0.9375rem; font-size: 1rem; border-radius: 0.1875rem; color: rgb(0, 0, 0); background: rgb(255, 255, 255); } .ant-btn > .anticon { line-height: 1; } .ant-btn, .ant-btn:active, .ant-btn:focus { outline: 0px; } .ant-btn:not([disabled]):hover { text-decoration: none; } .ant-btn:not([disabled]):active { outline: 0px; box-shadow: none; } .ant-btn[disabled] { cursor: not-allowed; } .ant-btn[disabled] > * { pointer-events: none; } .ant-btn-lg { height: 2.5rem; padding: 0.30625rem 0.9375rem; font-size: 1.125rem; border-radius: 0.1875rem; } .ant-btn-sm { height: 1.5rem; padding: 0px 0.4375rem; font-size: 1rem; border-radius: 0.1875rem; } .ant-btn > a:only-child { color: currentcolor; } .ant-btn > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn:hover, .ant-btn:focus { color: rgb(255, 195, 56); border-color: rgb(255, 195, 56); background: rgb(255, 255, 255); } .ant-btn:hover > a:only-child, .ant-btn:focus > a:only-child { color: currentcolor; } .ant-btn:hover > a:only-child::after, .ant-btn:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn:active { color: rgb(214, 136, 2); border-color: rgb(214, 136, 2); background: rgb(255, 255, 255); } .ant-btn:active > a:only-child { color: currentcolor; } .ant-btn:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn[disabled], .ant-btn[disabled]:hover, .ant-btn[disabled]:focus, .ant-btn[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn[disabled] > a:only-child, .ant-btn[disabled]:hover > a:only-child, .ant-btn[disabled]:focus > a:only-child, .ant-btn[disabled]:active > a:only-child { color: currentcolor; } .ant-btn[disabled] > a:only-child::after, .ant-btn[disabled]:hover > a:only-child::after, .ant-btn[disabled]:focus > a:only-child::after, .ant-btn[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn:hover, .ant-btn:focus, .ant-btn:active { text-decoration: none; background: rgb(255, 255, 255); } .ant-btn > span { display: inline-block; } .ant-btn-primary { color: rgb(255, 255, 255); border-color: rgb(253, 172, 14); background: rgb(253, 172, 14); text-shadow: rgba(0, 0, 0, 0.12) 0px -0.0625rem 0px; box-shadow: rgba(0, 0, 0, 0.043) 0px 0.125rem; } .ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-primary > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-primary:hover, .ant-btn-primary:focus { color: rgb(255, 255, 255); border-color: rgb(255, 195, 56); background: rgb(255, 195, 56); } .ant-btn-primary:hover > a:only-child, .ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-primary:hover > a:only-child::after, .ant-btn-primary:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-primary:active { color: rgb(255, 255, 255); border-color: rgb(214, 136, 2); background: rgb(214, 136, 2); } .ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-primary:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-primary[disabled], .ant-btn-primary[disabled]:hover, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn-primary[disabled] > a:only-child, .ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-primary[disabled] > a:only-child::after, .ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { border-right-color: rgb(255, 195, 56); border-left-color: rgb(255, 195, 56); } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { border-color: rgb(0, 0, 0); } .ant-btn-group .ant-btn-primary:first-child:not(:last-child) { border-right-color: rgb(255, 195, 56); } .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { border-right-color: rgb(0, 0, 0); } .ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group .ant-btn-primary + .ant-btn-primary { border-left-color: rgb(255, 195, 56); } .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-left-color: rgb(0, 0, 0); } .ant-btn-ghost { color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); background: transparent; } .ant-btn-ghost > a:only-child { color: currentcolor; } .ant-btn-ghost > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-ghost:hover, .ant-btn-ghost:focus { color: rgb(255, 195, 56); border-color: rgb(255, 195, 56); background: transparent; } .ant-btn-ghost:hover > a:only-child, .ant-btn-ghost:focus > a:only-child { color: currentcolor; } .ant-btn-ghost:hover > a:only-child::after, .ant-btn-ghost:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-ghost:active { color: rgb(214, 136, 2); border-color: rgb(214, 136, 2); background: transparent; } .ant-btn-ghost:active > a:only-child { color: currentcolor; } .ant-btn-ghost:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-ghost[disabled], .ant-btn-ghost[disabled]:hover, .ant-btn-ghost[disabled]:focus, .ant-btn-ghost[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn-ghost[disabled] > a:only-child, .ant-btn-ghost[disabled]:hover > a:only-child, .ant-btn-ghost[disabled]:focus > a:only-child, .ant-btn-ghost[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-ghost[disabled] > a:only-child::after, .ant-btn-ghost[disabled]:hover > a:only-child::after, .ant-btn-ghost[disabled]:focus > a:only-child::after, .ant-btn-ghost[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dashed { color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); background: rgb(255, 255, 255); border-style: dashed; } .ant-btn-dashed > a:only-child { color: currentcolor; } .ant-btn-dashed > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dashed:hover, .ant-btn-dashed:focus { color: rgb(255, 195, 56); border-color: rgb(255, 195, 56); background: rgb(255, 255, 255); } .ant-btn-dashed:hover > a:only-child, .ant-btn-dashed:focus > a:only-child { color: currentcolor; } .ant-btn-dashed:hover > a:only-child::after, .ant-btn-dashed:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dashed:active { color: rgb(214, 136, 2); border-color: rgb(214, 136, 2); background: rgb(255, 255, 255); } .ant-btn-dashed:active > a:only-child { color: currentcolor; } .ant-btn-dashed:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dashed[disabled], .ant-btn-dashed[disabled]:hover, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn-dashed[disabled] > a:only-child, .ant-btn-dashed[disabled]:hover > a:only-child, .ant-btn-dashed[disabled]:focus > a:only-child, .ant-btn-dashed[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dashed[disabled] > a:only-child::after, .ant-btn-dashed[disabled]:hover > a:only-child::after, .ant-btn-dashed[disabled]:focus > a:only-child::after, .ant-btn-dashed[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-danger { color: rgb(255, 255, 255); border-color: rgb(230, 77, 67); background: rgb(230, 77, 67); text-shadow: rgba(0, 0, 0, 0.12) 0px -0.0625rem 0px; box-shadow: rgba(0, 0, 0, 0.043) 0px 0.125rem; } .ant-btn-danger > a:only-child { color: currentcolor; } .ant-btn-danger > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-danger:hover, .ant-btn-danger:focus { color: rgb(255, 255, 255); border-color: rgb(242, 122, 109); background: rgb(242, 122, 109); } .ant-btn-danger:hover > a:only-child, .ant-btn-danger:focus > a:only-child { color: currentcolor; } .ant-btn-danger:hover > a:only-child::after, .ant-btn-danger:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-danger:active { color: rgb(255, 255, 255); border-color: rgb(191, 51, 46); background: rgb(191, 51, 46); } .ant-btn-danger:active > a:only-child { color: currentcolor; } .ant-btn-danger:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-danger[disabled], .ant-btn-danger[disabled]:hover, .ant-btn-danger[disabled]:focus, .ant-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn-danger[disabled] > a:only-child, .ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-danger[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-danger[disabled] > a:only-child::after, .ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-danger[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-link { color: rgb(0, 0, 0); border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-link > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-link:hover, .ant-btn-link:focus { color: rgb(255, 195, 56); border-color: rgb(255, 195, 56); background: transparent; } .ant-btn-link:hover > a:only-child, .ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-link:hover > a:only-child::after, .ant-btn-link:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-link:active { color: rgb(214, 136, 2); border-color: rgb(214, 136, 2); background: transparent; } .ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-link:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn-link:hover { background: transparent; } .ant-btn-link:hover, .ant-btn-link:focus, .ant-btn-link:active { border-color: transparent; } .ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-link[disabled] > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-text { color: rgb(0, 0, 0); border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-text > a:only-child { color: currentcolor; } .ant-btn-text > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-text:hover, .ant-btn-text:focus { color: rgb(255, 195, 56); border-color: rgb(255, 195, 56); background: transparent; } .ant-btn-text:hover > a:only-child, .ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-text:hover > a:only-child::after, .ant-btn-text:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-text:active { color: rgb(214, 136, 2); border-color: rgb(214, 136, 2); background: transparent; } .ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-text:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn-text:hover, .ant-btn-text:focus { color: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.02); border-color: transparent; } .ant-btn-text:active { color: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.027); border-color: transparent; } .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-text[disabled] > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-text[disabled] > a:only-child::after, .ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-text[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous { color: rgb(230, 77, 67); border-color: rgb(230, 77, 67); background: rgb(255, 255, 255); } .ant-btn-dangerous > a:only-child { color: currentcolor; } .ant-btn-dangerous > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous:hover, .ant-btn-dangerous:focus { color: rgb(242, 122, 109); border-color: rgb(242, 122, 109); background: rgb(255, 255, 255); } .ant-btn-dangerous:hover > a:only-child, .ant-btn-dangerous:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous:hover > a:only-child::after, .ant-btn-dangerous:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous:active { color: rgb(191, 51, 46); border-color: rgb(191, 51, 46); background: rgb(255, 255, 255); } .ant-btn-dangerous:active > a:only-child { color: currentcolor; } .ant-btn-dangerous:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous[disabled], .ant-btn-dangerous[disabled]:hover, .ant-btn-dangerous[disabled]:focus, .ant-btn-dangerous[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn-dangerous[disabled] > a:only-child, .ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-dangerous[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous[disabled] > a:only-child::after, .ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-dangerous[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-primary { color: rgb(255, 255, 255); border-color: rgb(230, 77, 67); background: rgb(230, 77, 67); text-shadow: rgba(0, 0, 0, 0.12) 0px -0.0625rem 0px; box-shadow: rgba(0, 0, 0, 0.043) 0px 0.125rem; } .ant-btn-dangerous.ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-primary:hover, .ant-btn-dangerous.ant-btn-primary:focus { color: rgb(255, 255, 255); border-color: rgb(242, 122, 109); background: rgb(242, 122, 109); } .ant-btn-dangerous.ant-btn-primary:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-primary:active { color: rgb(255, 255, 255); border-color: rgb(191, 51, 46); background: rgb(191, 51, 46); } .ant-btn-dangerous.ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-primary[disabled], .ant-btn-dangerous.ant-btn-primary[disabled]:hover, .ant-btn-dangerous.ant-btn-primary[disabled]:focus, .ant-btn-dangerous.ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-link { color: rgb(230, 77, 67); border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-dangerous.ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus { color: rgb(255, 195, 56); border-color: rgb(255, 195, 56); background: transparent; } .ant-btn-dangerous.ant-btn-link:active { color: rgb(214, 136, 2); border-color: rgb(214, 136, 2); background: transparent; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus { color: rgb(242, 122, 109); border-color: transparent; background: transparent; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-link:active { color: rgb(191, 51, 46); border-color: transparent; background: transparent; } .ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-text { color: rgb(230, 77, 67); border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-dangerous.ant-btn-text > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus { color: rgb(255, 195, 56); border-color: rgb(255, 195, 56); background: transparent; } .ant-btn-dangerous.ant-btn-text:active { color: rgb(214, 136, 2); border-color: rgb(214, 136, 2); background: transparent; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus { color: rgb(242, 122, 109); border-color: transparent; background: rgba(0, 0, 0, 0.02); } .ant-btn-dangerous.ant-btn-text:hover > a:only-child, .ant-btn-dangerous.ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-text:active { color: rgb(191, 51, 46); border-color: transparent; background: rgba(0, 0, 0, 0.027); } .ant-btn-dangerous.ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-icon-only { width: 2rem; height: 2rem; padding: 0.05625rem 0px; font-size: 1.125rem; border-radius: 0.1875rem; vertical-align: -0.1875rem; } .ant-btn-icon-only > * { font-size: 1.125rem; } .ant-btn-icon-only.ant-btn-lg { width: 2.5rem; height: 2.5rem; padding: 0.20625rem 0px; font-size: 1.25rem; border-radius: 0.1875rem; } .ant-btn-icon-only.ant-btn-lg > * { font-size: 1.25rem; } .ant-btn-icon-only.ant-btn-sm { width: 1.5rem; height: 1.5rem; padding: 0px; font-size: 1rem; border-radius: 0.1875rem; } .ant-btn-icon-only.ant-btn-sm > * { font-size: 1rem; } .ant-btn-icon-only > .anticon { display: flex; justify-content: center; } a.ant-btn-icon-only { vertical-align: -0.0625rem; } a.ant-btn-icon-only > .anticon { display: inline; } .ant-btn-round { height: 2rem; padding: 0.15rem 1rem; font-size: 1rem; border-radius: 2rem; } .ant-btn-round.ant-btn-lg { height: 2.5rem; padding: 0.30625rem 1.25rem; font-size: 1.125rem; border-radius: 2.5rem; } .ant-btn-round.ant-btn-sm { height: 1.5rem; padding: 0px 0.75rem; font-size: 1rem; border-radius: 1.5rem; } .ant-btn-round.ant-btn-icon-only { width: auto; } .ant-btn-circle { min-width: 2rem; padding-right: 0px; padding-left: 0px; text-align: center; border-radius: 50%; } .ant-btn-circle.ant-btn-lg { min-width: 2.5rem; border-radius: 50%; } .ant-btn-circle.ant-btn-sm { min-width: 1.5rem; border-radius: 50%; } .ant-btn::before { position: absolute; inset: -0.0625rem; z-index: 1; display: none; background: rgb(255, 255, 255); border-radius: inherit; opacity: 0.35; transition: opacity 0.2s; content: ""; pointer-events: none; } .ant-btn .anticon { transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn .anticon.anticon-plus > svg, .ant-btn .anticon.anticon-minus > svg { shape-rendering: optimizespeed; } .ant-btn.ant-btn-loading { position: relative; cursor: default; } .ant-btn.ant-btn-loading::before { display: block; } .ant-btn > .ant-btn-loading-icon { transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn > .ant-btn-loading-icon .anticon { padding-right: 0.5rem; animation: auto ease 0s 1 normal none running none; } .ant-btn > .ant-btn-loading-icon .anticon svg { animation: 1s linear 0s infinite normal none running loadingCircle; } .ant-btn > .ant-btn-loading-icon:only-child .anticon { padding-right: 0px; } .ant-btn-group { position: relative; display: inline-flex; } .ant-btn-group > .ant-btn, .ant-btn-group > span > .ant-btn { position: relative; } .ant-btn-group > .ant-btn:hover, .ant-btn-group > span > .ant-btn:hover, .ant-btn-group > .ant-btn:focus, .ant-btn-group > span > .ant-btn:focus, .ant-btn-group > .ant-btn:active, .ant-btn-group > span > .ant-btn:active { z-index: 2; } .ant-btn-group > .ant-btn[disabled], .ant-btn-group > span > .ant-btn[disabled] { z-index: 0; } .ant-btn-group .ant-btn-icon-only { font-size: 1rem; } .ant-btn-group-lg > .ant-btn, .ant-btn-group-lg > span > .ant-btn { height: 2.5rem; padding: 0.30625rem 0.9375rem; font-size: 1.125rem; border-radius: 0px; } .ant-btn-group-lg .ant-btn.ant-btn-icon-only { width: 2.5rem; height: 2.5rem; padding-right: 0px; padding-left: 0px; } .ant-btn-group-sm > .ant-btn, .ant-btn-group-sm > span > .ant-btn { height: 1.5rem; padding: 0px 0.4375rem; font-size: 1rem; border-radius: 0px; } .ant-btn-group-sm > .ant-btn > .anticon, .ant-btn-group-sm > span > .ant-btn > .anticon { font-size: 1rem; } .ant-btn-group-sm .ant-btn.ant-btn-icon-only { width: 1.5rem; height: 1.5rem; padding-right: 0px; padding-left: 0px; } .ant-btn-group .ant-btn + .ant-btn, .ant-btn + .ant-btn-group, .ant-btn-group span + .ant-btn, .ant-btn-group .ant-btn + span, .ant-btn-group > span + span, .ant-btn-group + .ant-btn, .ant-btn-group + .ant-btn-group { margin-left: -0.0625rem; } .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) { border-left-color: transparent; } .ant-btn-group .ant-btn { border-radius: 0px; } .ant-btn-group > .ant-btn:first-child, .ant-btn-group > span:first-child > .ant-btn { margin-left: 0px; } .ant-btn-group > .ant-btn:only-child { border-radius: 0.1875rem; } .ant-btn-group > span:only-child > .ant-btn { border-radius: 0.1875rem; } .ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .ant-btn-group-sm > .ant-btn:only-child { border-radius: 0.1875rem; } .ant-btn-group-sm > span:only-child > .ant-btn { border-radius: 0.1875rem; } .ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .ant-btn-group > .ant-btn-group { float: left; } .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn { border-radius: 0px; } .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child { padding-right: 0.5rem; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child { padding-left: 0.5rem; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-rtl.ant-btn + .ant-btn-group, .ant-btn-rtl.ant-btn-group span + .ant-btn, .ant-btn-rtl.ant-btn-group .ant-btn + span, .ant-btn-rtl.ant-btn-group > span + span, .ant-btn-rtl.ant-btn-group + .ant-btn, .ant-btn-rtl.ant-btn-group + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-group-rtl.ant-btn + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group span + .ant-btn, .ant-btn-group-rtl.ant-btn-group .ant-btn + span, .ant-btn-group-rtl.ant-btn-group > span + span, .ant-btn-group-rtl.ant-btn-group + .ant-btn, .ant-btn-group-rtl.ant-btn-group + .ant-btn-group { margin-right: -0.0625rem; margin-left: auto; } .ant-btn-group.ant-btn-group-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-btn:focus > span, .ant-btn:active > span { position: relative; } .ant-btn > .anticon + span, .ant-btn > span + .anticon { margin-left: 0.5rem; } .ant-btn.ant-btn-background-ghost { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .ant-btn.ant-btn-background-ghost, .ant-btn.ant-btn-background-ghost:hover, .ant-btn.ant-btn-background-ghost:active, .ant-btn.ant-btn-background-ghost:focus { background: transparent; } .ant-btn.ant-btn-background-ghost:hover, .ant-btn.ant-btn-background-ghost:focus { color: rgb(255, 195, 56); border-color: rgb(255, 195, 56); } .ant-btn.ant-btn-background-ghost:active { color: rgb(214, 136, 2); border-color: rgb(214, 136, 2); } .ant-btn.ant-btn-background-ghost[disabled] { color: rgba(0, 0, 0, 0.25); background: transparent; border-color: rgb(0, 0, 0); } .ant-btn-background-ghost.ant-btn-primary { color: rgb(253, 172, 14); border-color: rgb(253, 172, 14); text-shadow: none; } .ant-btn-background-ghost.ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-primary:hover, .ant-btn-background-ghost.ant-btn-primary:focus { color: rgb(255, 195, 56); border-color: rgb(255, 195, 56); } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-primary:active { color: rgb(214, 136, 2); border-color: rgb(214, 136, 2); } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-primary[disabled], .ant-btn-background-ghost.ant-btn-primary[disabled]:hover, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, .ant-btn-background-ghost.ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-danger { color: rgb(230, 77, 67); border-color: rgb(230, 77, 67); text-shadow: none; } .ant-btn-background-ghost.ant-btn-danger > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-danger:hover, .ant-btn-background-ghost.ant-btn-danger:focus { color: rgb(242, 122, 109); border-color: rgb(242, 122, 109); } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-danger:active { color: rgb(191, 51, 46); border-color: rgb(191, 51, 46); } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-danger[disabled], .ant-btn-background-ghost.ant-btn-danger[disabled]:hover, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, .ant-btn-background-ghost.ant-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous { color: rgb(230, 77, 67); border-color: rgb(230, 77, 67); text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous:hover, .ant-btn-background-ghost.ant-btn-dangerous:focus { color: rgb(242, 122, 109); border-color: rgb(242, 122, 109); } .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous:active { color: rgb(191, 51, 46); border-color: rgb(191, 51, 46); } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous[disabled], .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link { color: rgb(230, 77, 67); border-color: transparent; text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus { color: rgb(242, 122, 109); border-color: transparent; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active { color: rgb(191, 51, 46); border-color: transparent; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); background: rgb(245, 245, 245); text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; inset: 0px; background: transparent; content: ""; } .ant-btn-two-chinese-chars::first-letter { letter-spacing: 0.34em; } .ant-btn-two-chinese-chars > :not(.anticon) { margin-right: -0.34em; letter-spacing: 0.34em; } .ant-btn.ant-btn-block { width: 100%; } .ant-btn:empty { display: inline-block; width: 0px; visibility: hidden; content: " "; } a.ant-btn { padding-top: 0.00063rem !important; line-height: 1.875rem; } a.ant-btn-lg { line-height: 2.375rem; } a.ant-btn-sm { line-height: 1.375rem; } .ant-btn-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary { border-right-color: rgb(255, 195, 56); border-left-color: rgb(0, 0, 0); } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-right-color: rgb(0, 0, 0); border-left-color: rgb(255, 195, 56); } .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon { padding-right: 0px; padding-left: 0.5rem; } .ant-btn > .ant-btn-loading-icon:only-child .anticon { padding-right: 0px; padding-left: 0px; } .ant-btn-rtl.ant-btn > .anticon + span, .ant-btn-rtl.ant-btn > span + .anticon { margin-right: 0.5rem; margin-left: 0px; } .ant-picker-calendar { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; background: rgb(255, 255, 255); } .ant-picker-calendar-header { display: flex; justify-content: flex-end; padding: 0.75rem 0px; } .ant-picker-calendar-header .ant-picker-calendar-year-select { min-width: 5rem; } .ant-picker-calendar-header .ant-picker-calendar-month-select { min-width: 4.375rem; margin-left: 0.5rem; } .ant-picker-calendar-header .ant-picker-calendar-mode-switch { margin-left: 0.5rem; } .ant-picker-calendar .ant-picker-panel { background: rgb(255, 255, 255); border-width: 0.0625rem 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(240, 240, 240); border-radius: 0px; } .ant-picker-calendar .ant-picker-panel .ant-picker-month-panel, .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel { width: auto; } .ant-picker-calendar .ant-picker-panel .ant-picker-body { padding: 0.5rem 0px; } .ant-picker-calendar .ant-picker-panel .ant-picker-content { width: 100%; } .ant-picker-calendar-mini { border-radius: 0.1875rem; } .ant-picker-calendar-mini .ant-picker-calendar-header { padding-right: 0.5rem; padding-left: 0.5rem; } .ant-picker-calendar-mini .ant-picker-panel { border-radius: 0px 0px 0.1875rem 0.1875rem; } .ant-picker-calendar-mini .ant-picker-content { height: 16rem; } .ant-picker-calendar-mini .ant-picker-content th { height: auto; padding: 0px; line-height: 1.125rem; } .ant-picker-calendar-full .ant-picker-panel { display: block; width: 100%; text-align: right; background: rgb(255, 255, 255); border: 0px; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th, .ant-picker-calendar-full .ant-picker-panel .ant-picker-body td { padding: 0px; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th { height: auto; padding: 0px 0.75rem 0.3125rem 0px; line-height: 1.125rem; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before { display: none; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date { background: rgb(245, 245, 245); } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before { display: none; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today { background: rgb(255, 251, 230); } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value { color: rgb(253, 172, 14); } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date { display: block; width: auto; height: auto; margin: 0px 0.25rem; padding: 0.25rem 0.5rem 0px; border-width: 0.125rem 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(240, 240, 240); border-radius: 0px; transition: background 0.3s; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value { line-height: 1.5rem; transition: color 0.3s; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content { position: static; width: auto; height: 5.375rem; overflow-y: auto; color: rgb(0, 0, 0); line-height: 1.5715; text-align: left; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today { border-color: rgb(253, 172, 14); } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value { color: rgb(0, 0, 0); } @media only screen and (max-width: 480px) { .ant-picker-calendar-header { display: block; } .ant-picker-calendar-header .ant-picker-calendar-year-select { width: 50%; } .ant-picker-calendar-header .ant-picker-calendar-month-select { width: calc(50% - 0.5rem); } .ant-picker-calendar-header .ant-picker-calendar-mode-switch { width: 100%; margin-top: 0.5rem; margin-left: 0px; } .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label { width: 50%; text-align: center; } } .ant-picker-calendar-rtl { direction: rtl; } .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select, .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch { margin-right: 0.5rem; margin-left: 0px; } .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel { text-align: left; } .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th { padding: 0px 0px 0.3125rem 0.75rem; } .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content { text-align: right; } .ant-card { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; background: rgb(255, 255, 255); border-radius: 0.1875rem; } .ant-card-rtl { direction: rtl; } .ant-card-hoverable { cursor: pointer; transition: box-shadow 0.3s, border-color 0.3s; } .ant-card-hoverable:hover { border-color: transparent; box-shadow: rgba(0, 0, 0, 0.16) 0px 0.0625rem 0.125rem -0.125rem, rgba(0, 0, 0, 0.12) 0px 0.1875rem 0.375rem, rgba(0, 0, 0, 0.09) 0px 0.3125rem 0.75rem 0.25rem; } .ant-card-bordered { border: 0.0625rem solid rgb(240, 240, 240); } .ant-card-head { min-height: 3rem; margin-bottom: -0.0625rem; padding: 0px 1.5rem; color: rgb(0, 0, 0); font-weight: 500; font-size: 1.125rem; background: transparent; border-bottom: 0.0625rem solid rgb(240, 240, 240); border-radius: 0.1875rem 0.1875rem 0px 0px; } .ant-card-head::before { display: table; content: ""; } .ant-card-head::after { display: table; clear: both; content: ""; } .ant-card-head-wrapper { display: flex; align-items: center; } .ant-card-head-title { display: inline-block; flex: 1 1 0%; padding: 1rem 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-card-head-title > .ant-typography, .ant-card-head-title > .ant-typography-edit-content { left: 0px; margin-top: 0px; margin-bottom: 0px; } .ant-card-head .ant-tabs-top { clear: both; margin-bottom: -1.0625rem; color: rgb(0, 0, 0); font-weight: 400; font-size: 1rem; } .ant-card-head .ant-tabs-top-bar { border-bottom: 0.0625rem solid rgb(240, 240, 240); } .ant-card-extra { float: right; margin-left: auto; padding: 1rem 0px; color: rgb(0, 0, 0); font-weight: 400; font-size: 1rem; } .ant-card-rtl .ant-card-extra { margin-right: auto; margin-left: 0px; } .ant-card-body { padding: 1.5rem; } .ant-card-body::before { display: table; content: ""; } .ant-card-body::after { display: table; clear: both; content: ""; } .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body { margin: -0.0625rem 0px 0px -0.0625rem; padding: 0px; } .ant-card-grid { float: left; width: 33.33%; padding: 1.5rem; border: 0px; border-radius: 0px; box-shadow: rgb(240, 240, 240) 0.0625rem 0px, rgb(240, 240, 240) 0px 0.0625rem, rgb(240, 240, 240) 0.0625rem 0.0625rem, rgb(240, 240, 240) 0.0625rem 0px inset, rgb(240, 240, 240) 0px 0.0625rem inset; transition: 0.3s; } .ant-card-rtl .ant-card-grid { float: right; } .ant-card-grid-hoverable:hover { position: relative; z-index: 1; box-shadow: rgba(0, 0, 0, 0.16) 0px 0.0625rem 0.125rem -0.125rem, rgba(0, 0, 0, 0.12) 0px 0.1875rem 0.375rem, rgba(0, 0, 0, 0.09) 0px 0.3125rem 0.75rem 0.25rem; } .ant-card-contain-tabs > .ant-card-head .ant-card-head-title { min-height: 2rem; padding-bottom: 0px; } .ant-card-contain-tabs > .ant-card-head .ant-card-extra { padding-bottom: 0px; } .ant-card-bordered .ant-card-cover { margin-top: -0.0625rem; margin-right: -0.0625rem; margin-left: -0.0625rem; } .ant-card-cover > * { display: block; width: 100%; } .ant-card-cover img { border-radius: 0.1875rem 0.1875rem 0px 0px; } .ant-card-actions { margin: 0px; padding: 0px; list-style: none; background: rgb(255, 255, 255); border-top: 0.0625rem solid rgb(240, 240, 240); } .ant-card-actions::before { display: table; content: ""; } .ant-card-actions::after { display: table; clear: both; content: ""; } .ant-card-actions > li { float: left; margin: 0.75rem 0px; color: rgba(0, 0, 0, 0.45); text-align: center; } .ant-card-rtl .ant-card-actions > li { float: right; } .ant-card-actions > li > span { position: relative; display: block; min-width: 2rem; font-size: 1rem; line-height: 1.5715; cursor: pointer; } .ant-card-actions > li > span:hover { color: rgb(253, 172, 14); transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn), .ant-card-actions > li > span > .anticon { display: inline-block; width: 100%; color: rgba(0, 0, 0, 0.45); line-height: 1.375rem; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn):hover, .ant-card-actions > li > span > .anticon:hover { color: rgb(253, 172, 14); } .ant-card-actions > li > span > .anticon { font-size: 1rem; line-height: 1.375rem; } .ant-card-actions > li:not(:last-child) { border-right: 0.0625rem solid rgb(240, 240, 240); } .ant-card-rtl .ant-card-actions > li:not(:last-child) { border-right: none; border-left: 0.0625rem solid rgb(240, 240, 240); } .ant-card-type-inner .ant-card-head { padding: 0px 1.5rem; background: rgb(250, 250, 250); } .ant-card-type-inner .ant-card-head-title { padding: 0.75rem 0px; font-size: 1rem; } .ant-card-type-inner .ant-card-body { padding: 1rem 1.5rem; } .ant-card-type-inner .ant-card-extra { padding: 0.84375rem 0px; } .ant-card-meta { margin: -0.25rem 0px; } .ant-card-meta::before { display: table; content: ""; } .ant-card-meta::after { display: table; clear: both; content: ""; } .ant-card-meta-avatar { float: left; padding-right: 1rem; } .ant-card-rtl .ant-card-meta-avatar { float: right; padding-right: 0px; padding-left: 1rem; } .ant-card-meta-detail { overflow: hidden; } .ant-card-meta-detail > div:not(:last-child) { margin-bottom: 0.5rem; } .ant-card-meta-title { overflow: hidden; color: rgb(0, 0, 0); font-weight: 500; font-size: 1.125rem; white-space: nowrap; text-overflow: ellipsis; } .ant-card-meta-description { color: rgba(0, 0, 0, 0.45); } .ant-card-loading { overflow: hidden; } .ant-card-loading .ant-card-body { user-select: none; } .ant-card-loading-content p { margin: 0px; } .ant-card-loading-block { height: 0.875rem; margin: 0.25rem 0px; background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2)) 0% 0% / 600% 600%; border-radius: 0.1875rem; animation: 1.4s ease 0s infinite normal none running card-loading; } @keyframes card-loading { 0%, 100% { background-position: 0px 50%; } 50% { background-position: 100% 50%; } } .ant-card-small > .ant-card-head { min-height: 2.25rem; padding: 0px 0.75rem; font-size: 1rem; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title { padding: 0.5rem 0px; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra { padding: 0.5rem 0px; font-size: 1rem; } .ant-card-small > .ant-card-body { padding: 0.75rem; } .ant-carousel { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; } .ant-carousel .slick-slider { position: relative; display: block; box-sizing: border-box; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .ant-carousel .slick-list { position: relative; display: block; margin: 0px; padding: 0px; overflow: hidden; } .ant-carousel .slick-list:focus { outline: none; } .ant-carousel .slick-list.dragging { cursor: pointer; } .ant-carousel .slick-list .slick-slide { pointer-events: none; } .ant-carousel .slick-list .slick-slide input.ant-radio-input, .ant-carousel .slick-list .slick-slide input.ant-checkbox-input { visibility: hidden; } .ant-carousel .slick-list .slick-slide.slick-active { pointer-events: auto; } .ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input, .ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input { visibility: visible; } .ant-carousel .slick-list .slick-slide > div > div { vertical-align: bottom; } .ant-carousel .slick-slider .slick-track, .ant-carousel .slick-slider .slick-list { transform: translateZ(0px); touch-action: pan-y; } .ant-carousel .slick-track { position: relative; top: 0px; left: 0px; display: block; } .ant-carousel .slick-track::before, .ant-carousel .slick-track::after { display: table; content: ""; } .ant-carousel .slick-track::after { clear: both; } .slick-loading .ant-carousel .slick-track { visibility: hidden; } .ant-carousel .slick-slide { display: none; float: left; height: 100%; min-height: 0.0625rem; } .ant-carousel .slick-slide img { display: block; } .ant-carousel .slick-slide.slick-loading img { display: none; } .ant-carousel .slick-slide.dragging img { pointer-events: none; } .ant-carousel .slick-initialized .slick-slide { display: block; } .ant-carousel .slick-loading .slick-slide { visibility: hidden; } .ant-carousel .slick-vertical .slick-slide { display: block; height: auto; } .ant-carousel .slick-arrow.slick-hidden { display: none; } .ant-carousel .slick-prev, .ant-carousel .slick-next { position: absolute; top: 50%; display: block; width: 1.25rem; height: 1.25rem; margin-top: -0.625rem; padding: 0px; color: transparent; font-size: 0px; line-height: 0; background: transparent; border: 0px; outline: none; cursor: pointer; } .ant-carousel .slick-prev:hover, .ant-carousel .slick-next:hover, .ant-carousel .slick-prev:focus, .ant-carousel .slick-next:focus { color: transparent; background: transparent; outline: none; } .ant-carousel .slick-prev:hover::before, .ant-carousel .slick-next:hover::before, .ant-carousel .slick-prev:focus::before, .ant-carousel .slick-next:focus::before { opacity: 1; } .ant-carousel .slick-prev.slick-disabled::before, .ant-carousel .slick-next.slick-disabled::before { opacity: 0.25; } .ant-carousel .slick-prev { left: -1.5625rem; } .ant-carousel .slick-prev::before { content: "←"; } .ant-carousel .slick-next { right: -1.5625rem; } .ant-carousel .slick-next::before { content: "→"; } .ant-carousel .slick-dots { position: absolute; right: 0px; bottom: 0px; left: 0px; z-index: 15; justify-content: center; margin-right: 15%; margin-left: 15%; padding-left: 0px; list-style: none; display: flex !important; } .ant-carousel .slick-dots-bottom { bottom: 0.75rem; } .ant-carousel .slick-dots-top { top: 0.75rem; bottom: auto; } .ant-carousel .slick-dots li { position: relative; display: inline-block; flex: 0 1 auto; box-sizing: content-box; width: 1rem; height: 0.1875rem; margin: 0px 0.1875rem; padding: 0px; text-align: center; text-indent: -62.4375rem; vertical-align: top; transition: 0.5s; } .ant-carousel .slick-dots li button { display: block; width: 100%; height: 0.1875rem; padding: 0px; color: transparent; font-size: 0px; background: rgb(255, 255, 255); border: 0px; border-radius: 0.0625rem; outline: none; cursor: pointer; opacity: 0.3; transition: 0.5s; } .ant-carousel .slick-dots li button:hover, .ant-carousel .slick-dots li button:focus { opacity: 0.75; } .ant-carousel .slick-dots li.slick-active { width: 1.5rem; } .ant-carousel .slick-dots li.slick-active button { background: rgb(255, 255, 255); opacity: 1; } .ant-carousel .slick-dots li.slick-active:hover, .ant-carousel .slick-dots li.slick-active:focus { opacity: 1; } .ant-carousel-vertical .slick-dots { top: 50%; bottom: auto; flex-direction: column; width: 0.1875rem; height: auto; margin: 0px; transform: translateY(-50%); } .ant-carousel-vertical .slick-dots-left { right: auto; left: 0.75rem; } .ant-carousel-vertical .slick-dots-right { right: 0.75rem; left: auto; } .ant-carousel-vertical .slick-dots li { width: 0.1875rem; height: 1rem; margin: 0.25rem 0.125rem; vertical-align: baseline; } .ant-carousel-vertical .slick-dots li button { width: 0.1875rem; height: 1rem; } .ant-carousel-vertical .slick-dots li.slick-active, .ant-carousel-vertical .slick-dots li.slick-active button { width: 0.1875rem; height: 1.5rem; } .ant-carousel-rtl { direction: rtl; } .ant-carousel-rtl .ant-carousel .slick-track { right: 0px; left: auto; } .ant-carousel-rtl .ant-carousel .slick-prev { right: -1.5625rem; left: auto; } .ant-carousel-rtl .ant-carousel .slick-prev::before { content: "→"; } .ant-carousel-rtl .ant-carousel .slick-next { right: auto; left: -1.5625rem; } .ant-carousel-rtl .ant-carousel .slick-next::before { content: "←"; } .ant-carousel-rtl.ant-carousel .slick-dots { flex-direction: row-reverse; } .ant-carousel-rtl.ant-carousel-vertical .slick-dots { flex-direction: column; } @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-cascader-checkbox { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner, .ant-cascader-checkbox:hover .ant-cascader-checkbox-inner, .ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner { border-color: rgb(253, 172, 14); } .ant-cascader-checkbox-checked::after { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0.0625rem solid rgb(253, 172, 14); border-radius: 0.1875rem; visibility: hidden; animation: 0.36s ease-in-out 0s 1 normal backwards running antCheckboxEffect; content: ""; } .ant-cascader-checkbox:hover::after, .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after { visibility: visible; } .ant-cascader-checkbox-inner { position: relative; top: 0px; left: 0px; display: block; width: 1rem; height: 1rem; direction: ltr; background-color: rgb(255, 255, 255); border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; border-collapse: separate; transition: 0.3s; } .ant-cascader-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 0.35714rem; height: 0.57143rem; border-width: 0px 0.125rem 0.125rem 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-image: initial; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: " "; } .ant-cascader-checkbox-input { position: absolute; inset: 0px; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { position: absolute; display: table; border-width: 0px 0.125rem 0.125rem 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-image: initial; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: " "; } .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner { background-color: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .ant-cascader-checkbox-disabled { cursor: not-allowed; } .ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner { background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0) !important; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { border-color: rgb(245, 245, 245); border-collapse: separate; animation-name: none; } .ant-cascader-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-cascader-checkbox-disabled:hover::after, .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after { visibility: hidden; } .ant-cascader-checkbox-wrapper { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-cascader-checkbox-wrapper::after { display: inline-block; width: 0px; overflow: hidden; content: " "; } .ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper { margin-left: 0.5rem; } .ant-cascader-checkbox + span { padding-right: 0.5rem; padding-left: 0.5rem; } .ant-cascader-checkbox-group { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-block; } .ant-cascader-checkbox-group-item { margin-right: 0.5rem; } .ant-cascader-checkbox-group-item:last-child { margin-right: 0px; } .ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item { margin-left: 0px; } .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner { background-color: rgb(255, 255, 255); border-color: rgb(0, 0, 0); } .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after { top: 50%; left: 50%; width: 0.5rem; height: 0.5rem; background-color: rgb(253, 172, 14); border: 0px; transform: translate(-50%, -50%) scale(1); opacity: 1; content: " "; } .ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-cascader-checkbox-rtl { direction: rtl; } .ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item { margin-right: 0px; margin-left: 0.5rem; } .ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item:last-child { margin-left: 0px !important; } .ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item { margin-left: 0.5rem; } .ant-cascader { width: 11.5rem; } .ant-cascader-checkbox { top: 0px; margin-right: 0.5rem; } .ant-cascader-menus { display: flex; flex-wrap: nowrap; align-items: flex-start; } .ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu { width: 100%; height: auto; } .ant-cascader-menu { min-width: 6.9375rem; height: 11.25rem; margin: -0.25rem 0px; padding: 0.25rem 0px; overflow: auto; vertical-align: top; list-style: none; border-right: 0.0625rem solid rgb(240, 240, 240); } .ant-cascader-menu-item { display: flex; flex-wrap: nowrap; align-items: center; padding: 0.3125rem 0.75rem; overflow: hidden; line-height: 1.375rem; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: 0.3s; } .ant-cascader-menu-item:hover { background: rgb(245, 245, 245); } .ant-cascader-menu-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-cascader-menu-item-disabled:hover { background: transparent; } .ant-cascader-menu-empty .ant-cascader-menu-item { color: rgba(0, 0, 0, 0.25); cursor: default; pointer-events: none; } .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover { font-weight: 600; background-color: rgb(255, 251, 230); } .ant-cascader-menu-item-content { flex: 1 1 auto; } .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon { margin-left: 0.25rem; color: rgba(0, 0, 0, 0.45); font-size: 0.625rem; } .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon { color: rgba(0, 0, 0, 0.25); } .ant-cascader-menu-item-keyword { color: rgb(255, 77, 79); } .ant-cascader-rtl .ant-cascader-menu-item-expand-icon, .ant-cascader-rtl .ant-cascader-menu-item-loading-icon { margin-right: 0.25rem; margin-left: 0px; } .ant-cascader-rtl .ant-cascader-checkbox { top: 0px; margin-right: 0px; margin-left: 0.5rem; } .ant-checkbox { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner { border-color: rgb(253, 172, 14); } .ant-checkbox-checked::after { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0.0625rem solid rgb(253, 172, 14); border-radius: 0.1875rem; visibility: hidden; animation: 0.36s ease-in-out 0s 1 normal backwards running antCheckboxEffect; content: ""; } .ant-checkbox:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox::after { visibility: visible; } .ant-checkbox-inner { position: relative; top: 0px; left: 0px; display: block; width: 1rem; height: 1rem; direction: ltr; background-color: rgb(255, 255, 255); border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; border-collapse: separate; transition: 0.3s; } .ant-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 0.35714rem; height: 0.57143rem; border-width: 0px 0.125rem 0.125rem 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-image: initial; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: " "; } .ant-checkbox-input { position: absolute; inset: 0px; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-checkbox-checked .ant-checkbox-inner::after { position: absolute; display: table; border-width: 0px 0.125rem 0.125rem 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-image: initial; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: " "; } .ant-checkbox-checked .ant-checkbox-inner { background-color: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .ant-checkbox-disabled { cursor: not-allowed; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-checkbox-disabled .ant-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-checkbox-disabled .ant-checkbox-inner { background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0) !important; } .ant-checkbox-disabled .ant-checkbox-inner::after { border-color: rgb(245, 245, 245); border-collapse: separate; animation-name: none; } .ant-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-checkbox-disabled:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after { visibility: hidden; } .ant-checkbox-wrapper { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-checkbox-wrapper::after { display: inline-block; width: 0px; overflow: hidden; content: " "; } .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 0.5rem; } .ant-checkbox + span { padding-right: 0.5rem; padding-left: 0.5rem; } .ant-checkbox-group { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-block; } .ant-checkbox-group-item { margin-right: 0.5rem; } .ant-checkbox-group-item:last-child { margin-right: 0px; } .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 0px; } .ant-checkbox-indeterminate .ant-checkbox-inner { background-color: rgb(255, 255, 255); border-color: rgb(0, 0, 0); } .ant-checkbox-indeterminate .ant-checkbox-inner::after { top: 50%; left: 50%; width: 0.5rem; height: 0.5rem; background-color: rgb(253, 172, 14); border: 0px; transform: translate(-50%, -50%) scale(1); opacity: 1; content: " "; } .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-checkbox-rtl { direction: rtl; } .ant-checkbox-group-rtl .ant-checkbox-group-item { margin-right: 0px; margin-left: 0.5rem; } .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child { margin-left: 0px !important; } .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 0.5rem; } .ant-collapse { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; background-color: rgb(250, 250, 250); border-width: 0.0625rem 0.0625rem 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; border-radius: 0.1875rem; } .ant-collapse > .ant-collapse-item { border-bottom: 0.0625rem solid rgb(0, 0, 0); } .ant-collapse > .ant-collapse-item:last-child, .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header { border-radius: 0px 0px 0.1875rem 0.1875rem; } .ant-collapse > .ant-collapse-item > .ant-collapse-header { position: relative; display: flex; flex-wrap: nowrap; align-items: flex-start; padding: 0.75rem 1rem; color: rgb(0, 0, 0); line-height: 1.5715; cursor: pointer; transition: 0.3s, visibility; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { display: inline-block; margin-right: 0.75rem; font-size: 0.75rem; vertical-align: -0.0625rem; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { transition: transform 0.24s; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { margin-left: auto; } .ant-collapse > .ant-collapse-item > .ant-collapse-header:focus { outline: none; } .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only { cursor: default; } .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text { cursor: pointer; } .ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header { padding-left: 0.75rem; } .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header { position: relative; padding: 0.75rem 2.5rem 0.75rem 1rem; } .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { position: absolute; top: 50%; right: 1rem; left: auto; margin: 0px; transform: translateY(-50%); } .ant-collapse-content { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-top: 0.0625rem solid rgb(0, 0, 0); } .ant-collapse-content > .ant-collapse-content-box { padding: 1rem; } .ant-collapse-content-hidden { display: none; } .ant-collapse-item:last-child > .ant-collapse-content { border-radius: 0px 0px 0.1875rem 0.1875rem; } .ant-collapse-borderless { background-color: rgb(250, 250, 250); border: 0px; } .ant-collapse-borderless > .ant-collapse-item { border-bottom: 0.0625rem solid rgb(0, 0, 0); } .ant-collapse-borderless > .ant-collapse-item:last-child, .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header { border-radius: 0px; } .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content { background-color: transparent; border-top: 0px; } .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-top: 0.25rem; } .ant-collapse-ghost { background-color: transparent; border: 0px; } .ant-collapse-ghost > .ant-collapse-item { border-bottom: 0px; } .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content { background-color: transparent; border-top: 0px; } .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-top: 0.75rem; padding-bottom: 0.75rem; } .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header, .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-collapse-rtl { direction: rtl; } .ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header { padding: 0.75rem 2.5rem 0.75rem 1rem; } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { margin-right: 0px; margin-left: 0.75rem; } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { transform: rotate(180deg); } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { margin-right: auto; margin-left: 0px; } .ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header { padding-right: 0.75rem; padding-left: 0px; } .ant-comment { position: relative; background-color: inherit; } .ant-comment-inner { display: flex; padding: 1rem 0px; } .ant-comment-avatar { position: relative; flex-shrink: 0; margin-right: 0.75rem; cursor: pointer; } .ant-comment-avatar img { width: 2rem; height: 2rem; border-radius: 50%; } .ant-comment-content { position: relative; flex: 1 1 auto; min-width: 0.0625rem; font-size: 1rem; overflow-wrap: break-word; } .ant-comment-content-author { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 0.25rem; font-size: 1rem; } .ant-comment-content-author > a, .ant-comment-content-author > span { padding-right: 0.5rem; font-size: 0.75rem; line-height: 1.125rem; } .ant-comment-content-author-name { color: rgba(0, 0, 0, 0.45); font-size: 1rem; transition: color 0.3s; } .ant-comment-content-author-name > * { color: rgba(0, 0, 0, 0.45); } .ant-comment-content-author-name > :hover { color: rgba(0, 0, 0, 0.45); } .ant-comment-content-author-time { color: rgb(204, 204, 204); white-space: nowrap; cursor: auto; } .ant-comment-content-detail p { margin-bottom: inherit; white-space: pre-wrap; } .ant-comment-actions { margin-top: 0.75rem; margin-bottom: inherit; padding-left: 0px; } .ant-comment-actions > li { display: inline-block; color: rgba(0, 0, 0, 0.45); } .ant-comment-actions > li > span { margin-right: 0.625rem; color: rgba(0, 0, 0, 0.45); font-size: 0.75rem; cursor: pointer; transition: color 0.3s; user-select: none; } .ant-comment-actions > li > span:hover { color: rgb(89, 89, 89); } .ant-comment-nested { margin-left: 2.75rem; } .ant-comment-rtl { direction: rtl; } .ant-comment-rtl .ant-comment-avatar { margin-right: 0px; margin-left: 0.75rem; } .ant-comment-rtl .ant-comment-content-author > a, .ant-comment-rtl .ant-comment-content-author > span { padding-right: 0px; padding-left: 0.5rem; } .ant-comment-rtl .ant-comment-actions { padding-right: 0px; } .ant-comment-rtl .ant-comment-actions > li > span { margin-right: 0px; margin-left: 0.625rem; } .ant-comment-rtl .ant-comment-nested { margin-right: 2.75rem; margin-left: 0px; } .ant-picker { box-sizing: border-box; margin: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; padding: 0.15625rem 0.6875rem; position: relative; display: inline-flex; align-items: center; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; transition: border 0.3s, box-shadow 0.3s; } .ant-picker:hover, .ant-picker-focused { border-color: rgb(255, 195, 56); border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-picker:hover, .ant-input-rtl .ant-picker-focused { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-picker-focused { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-picker-focused { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-picker.ant-picker-disabled { background: rgb(245, 245, 245); border-color: rgb(0, 0, 0); cursor: not-allowed; } .ant-picker.ant-picker-disabled .ant-picker-suffix { color: rgba(0, 0, 0, 0.25); } .ant-picker.ant-picker-borderless { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } .ant-picker-input { position: relative; display: inline-flex; align-items: center; width: 100%; } .ant-picker-input > input { position: relative; display: inline-block; width: 100%; color: rgb(0, 0, 0); font-size: 1rem; line-height: 1.5715; border-radius: 0.1875rem; transition: 0.3s; flex: 1 1 auto; min-width: 0.0625rem; height: auto; padding: 0px; background: transparent; border: 0px; } .ant-picker-input > input::placeholder { color: rgb(191, 191, 191); user-select: none; } .ant-picker-input > input:placeholder-shown { text-overflow: ellipsis; } .ant-picker-input > input:hover { border-color: rgb(255, 195, 56); border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-picker-input > input:hover { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-picker-input > input:focus, .ant-picker-input > input-focused { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-picker-input > input:focus, .ant-input-rtl .ant-picker-input > input-focused { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-picker-input > input-disabled { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-picker-input > input-disabled:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-picker-input > input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-picker-input > input[disabled]:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-picker-input > input-borderless, .ant-picker-input > input-borderless:hover, .ant-picker-input > input-borderless:focus, .ant-picker-input > input-borderless-focused, .ant-picker-input > input-borderless-disabled, .ant-picker-input > input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-picker-input > input { max-width: 100%; height: auto; min-height: 2rem; line-height: 1.5715; vertical-align: bottom; transition: 0.3s, height; } .ant-picker-input > input-lg { padding: 0.30625rem 0.6875rem; font-size: 1.125rem; } .ant-picker-input > input-sm { padding: 0px 0.4375rem; } .ant-picker-input > input-rtl { direction: rtl; } .ant-picker-input > input:focus { box-shadow: none; } .ant-picker-input > input[disabled] { background: transparent; } .ant-picker-input:hover .ant-picker-clear { opacity: 1; } .ant-picker-input-placeholder > input { color: rgb(191, 191, 191); } .ant-picker-large { padding: 0.3125rem 0.6875rem; } .ant-picker-large .ant-picker-input > input { font-size: 1.125rem; } .ant-picker-small { padding: 0px 0.4375rem; } .ant-picker-suffix { align-self: center; margin-left: 0.25rem; color: rgba(0, 0, 0, 0.25); line-height: 1; pointer-events: none; } .ant-picker-suffix > * { vertical-align: top; } .ant-picker-clear { position: absolute; top: 50%; right: 0px; color: rgba(0, 0, 0, 0.25); line-height: 1; background: rgb(255, 255, 255); transform: translateY(-50%); cursor: pointer; opacity: 0; transition: opacity 0.3s, color 0.3s; } .ant-picker-clear > * { vertical-align: top; } .ant-picker-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-picker-separator { position: relative; display: inline-block; width: 1em; height: 1.125rem; color: rgba(0, 0, 0, 0.25); font-size: 1.125rem; vertical-align: top; cursor: default; } .ant-picker-focused .ant-picker-separator { color: rgba(0, 0, 0, 0.45); } .ant-picker-disabled .ant-picker-range-separator .ant-picker-separator { cursor: not-allowed; } .ant-picker-range { position: relative; display: inline-flex; } .ant-picker-range .ant-picker-clear { right: 0.6875rem; } .ant-picker-range:hover .ant-picker-clear { opacity: 1; } .ant-picker-range .ant-picker-active-bar { bottom: -0.0625rem; height: 0.125rem; margin-left: 0.6875rem; background: rgb(253, 172, 14); opacity: 0; transition: 0.3s ease-out; pointer-events: none; } .ant-picker-range.ant-picker-focused .ant-picker-active-bar { opacity: 1; } .ant-picker-range-separator { align-items: center; padding: 0px 0.5rem; line-height: 1; } .ant-picker-range.ant-picker-small .ant-picker-clear { right: 0.4375rem; } .ant-picker-range.ant-picker-small .ant-picker-active-bar { margin-left: 0.4375rem; } .ant-picker-dropdown { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: absolute; z-index: 1050; } .ant-picker-dropdown-hidden { display: none; } .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow { top: 0.10417rem; display: block; transform: rotate(-45deg); } .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow { bottom: 0.10417rem; display: block; transform: rotate(135deg); } .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight { animation-name: antSlideDownIn; } .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight { animation-name: antSlideUpIn; } .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight { animation-name: antSlideDownOut; } .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight { animation-name: antSlideUpOut; } .ant-picker-dropdown-range { padding: 0.41667rem 0px; } .ant-picker-dropdown-range-hidden { display: none; } .ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel { padding-top: 0.25rem; } .ant-picker-ranges { margin-bottom: 0px; padding: 0.25rem 0.75rem; overflow: hidden; line-height: 2.125rem; text-align: left; list-style: none; } .ant-picker-ranges > li { display: inline-block; } .ant-picker-ranges .ant-picker-preset > .ant-tag-blue { color: rgb(253, 172, 14); background: rgb(255, 251, 230); border-color: rgb(255, 228, 138); cursor: pointer; } .ant-picker-ranges .ant-picker-ok { float: right; margin-left: 0.5rem; } .ant-picker-range-wrapper { display: flex; } .ant-picker-range-arrow { position: absolute; z-index: 1; display: none; width: 0.625rem; height: 0.625rem; margin-left: 1.03125rem; box-shadow: rgba(0, 0, 0, 0.06) 0.125rem -0.125rem 0.375rem; transition: left 0.3s ease-out; } .ant-picker-range-arrow::after { position: absolute; top: 0.0625rem; right: 0.0625rem; width: 0.625rem; height: 0.625rem; border-width: 0.3125rem; border-style: solid; border-image: initial; border-color: rgb(255, 255, 255) rgb(255, 255, 255) transparent transparent; content: ""; } .ant-picker-panel-container { overflow: hidden; vertical-align: top; background: rgb(255, 255, 255); border-radius: 0.1875rem; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.5rem; transition: margin 0.3s; } .ant-picker-panel-container .ant-picker-panels { display: inline-flex; flex-wrap: nowrap; direction: ltr; } .ant-picker-panel-container .ant-picker-panel { vertical-align: top; background: transparent; border-width: 0px 0px 0.0625rem; border-radius: 0px; } .ant-picker-panel-container .ant-picker-panel .ant-picker-content, .ant-picker-panel-container .ant-picker-panel table { text-align: center; } .ant-picker-panel-container .ant-picker-panel-focused { border-color: rgb(240, 240, 240); } .ant-picker-panel { display: inline-flex; flex-direction: column; text-align: center; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(240, 240, 240); border-radius: 0.1875rem; outline: none; } .ant-picker-panel-focused { border-color: rgb(253, 172, 14); } .ant-picker-decade-panel, .ant-picker-year-panel, .ant-picker-quarter-panel, .ant-picker-month-panel, .ant-picker-week-panel, .ant-picker-date-panel, .ant-picker-time-panel { display: flex; flex-direction: column; width: 17.5rem; } .ant-picker-header { display: flex; padding: 0px 0.5rem; color: rgb(0, 0, 0); border-bottom: 0.0625rem solid rgb(240, 240, 240); } .ant-picker-header > * { flex: 0 0 auto; } .ant-picker-header button { padding: 0px; color: rgba(0, 0, 0, 0.25); line-height: 2.5rem; background: transparent; border: 0px; cursor: pointer; transition: color 0.3s; } .ant-picker-header > button { min-width: 1.6em; font-size: 1rem; } .ant-picker-header > button:hover { color: rgb(0, 0, 0); } .ant-picker-header-view { flex: 1 1 auto; font-weight: 500; line-height: 2.5rem; } .ant-picker-header-view button { color: inherit; font-weight: inherit; } .ant-picker-header-view button:not(:first-child) { margin-left: 0.5rem; } .ant-picker-header-view button:hover { color: rgb(253, 172, 14); } .ant-picker-prev-icon, .ant-picker-next-icon, .ant-picker-super-prev-icon, .ant-picker-super-next-icon { position: relative; display: inline-block; width: 0.4375rem; height: 0.4375rem; } .ant-picker-prev-icon::before, .ant-picker-next-icon::before, .ant-picker-super-prev-icon::before, .ant-picker-super-next-icon::before { position: absolute; top: 0px; left: 0px; display: inline-block; width: 0.4375rem; height: 0.4375rem; border-style: solid; border-color: currentcolor; border-image: initial; border-width: 0.09375rem 0px 0px 0.09375rem; content: ""; } .ant-picker-super-prev-icon::after, .ant-picker-super-next-icon::after { position: absolute; top: 0.25rem; left: 0.25rem; display: inline-block; width: 0.4375rem; height: 0.4375rem; border-style: solid; border-color: currentcolor; border-image: initial; border-width: 0.09375rem 0px 0px 0.09375rem; content: ""; } .ant-picker-prev-icon, .ant-picker-super-prev-icon { transform: rotate(-45deg); } .ant-picker-next-icon, .ant-picker-super-next-icon { transform: rotate(135deg); } .ant-picker-content { width: 100%; table-layout: fixed; border-collapse: collapse; } .ant-picker-content th, .ant-picker-content td { position: relative; min-width: 1.5rem; font-weight: 400; } .ant-picker-content th { height: 1.875rem; color: rgb(0, 0, 0); line-height: 1.875rem; } .ant-picker-cell { padding: 0.1875rem 0px; color: rgba(0, 0, 0, 0.25); cursor: pointer; } .ant-picker-cell-in-view { color: rgb(0, 0, 0); } .ant-picker-cell::before { position: absolute; top: 50%; right: 0px; left: 0px; z-index: 1; height: 1.5rem; transform: translateY(-50%); transition: 0.3s; content: ""; } .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner { background: rgb(245, 245, 245); } .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before { position: absolute; inset: 0px; z-index: 1; border: 0.0625rem solid rgb(253, 172, 14); border-radius: 0.1875rem; content: ""; } .ant-picker-cell-in-view.ant-picker-cell-in-range { position: relative; } .ant-picker-cell-in-view.ant-picker-cell-in-range::before { background: rgb(255, 251, 230); } .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner { color: rgb(255, 255, 255); background: rgb(253, 172, 14); } .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before { background: rgb(255, 251, 230); } .ant-picker-cell-in-view.ant-picker-cell-range-start::before { left: 50%; } .ant-picker-cell-in-view.ant-picker-cell-range-end::before { right: 50%; } .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after { position: absolute; top: 50%; z-index: 0; height: 1.5rem; border-top: 0.0625rem dashed rgb(254, 207, 115); border-bottom: 0.0625rem dashed rgb(254, 207, 115); transform: translateY(-50%); transition: 0.3s; content: ""; } .ant-picker-cell-range-hover-start::after, .ant-picker-cell-range-hover-end::after, .ant-picker-cell-range-hover::after { right: 0px; left: 0.125rem; } .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before { background: rgb(254, 233, 191); } .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after, .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { position: absolute; top: 0px; bottom: 0px; z-index: -1; background: rgb(254, 233, 191); transition: 0.3s; content: ""; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { right: -0.375rem; left: 0px; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { right: 0px; left: -0.375rem; } .ant-picker-cell-range-hover.ant-picker-cell-range-start::after { right: 50%; } .ant-picker-cell-range-hover.ant-picker-cell-range-end::after { left: 50%; } tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { left: 0.375rem; border-left: 0.0625rem dashed rgb(254, 207, 115); border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { right: 0.375rem; border-right: 0.0625rem dashed rgb(254, 207, 115); border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .ant-picker-cell-disabled { color: rgba(0, 0, 0, 0.25); pointer-events: none; } .ant-picker-cell-disabled .ant-picker-cell-inner { background: transparent; } .ant-picker-cell-disabled::before { background: rgba(0, 0, 0, 0.04); } .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before { border-color: rgba(0, 0, 0, 0.25); } .ant-picker-decade-panel .ant-picker-content, .ant-picker-year-panel .ant-picker-content, .ant-picker-quarter-panel .ant-picker-content, .ant-picker-month-panel .ant-picker-content { height: 16.5rem; } .ant-picker-decade-panel .ant-picker-cell-inner, .ant-picker-year-panel .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-inner, .ant-picker-month-panel .ant-picker-cell-inner { padding: 0px 0.5rem; } .ant-picker-quarter-panel .ant-picker-content { height: 3.5rem; } .ant-picker-footer { width: min-content; min-width: 100%; line-height: 2.375rem; text-align: center; border-bottom: 0.0625rem solid transparent; } .ant-picker-panel .ant-picker-footer { border-top: 0.0625rem solid rgb(240, 240, 240); } .ant-picker-footer-extra { padding: 0px 0.75rem; line-height: 2.375rem; text-align: left; } .ant-picker-footer-extra:not(:last-child) { border-bottom: 0.0625rem solid rgb(240, 240, 240); } .ant-picker-now { text-align: left; } .ant-picker-today-btn { color: rgb(0, 0, 0); } .ant-picker-today-btn:hover { color: rgb(13, 12, 12); } .ant-picker-today-btn:active { color: rgb(0, 0, 0); } .ant-picker-today-btn.ant-picker-today-btn-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-picker-decade-panel .ant-picker-cell-inner { padding: 0px 0.25rem; } .ant-picker-decade-panel .ant-picker-cell::before { display: none; } .ant-picker-year-panel .ant-picker-body, .ant-picker-quarter-panel .ant-picker-body, .ant-picker-month-panel .ant-picker-body { padding: 0px 0.5rem; } .ant-picker-year-panel .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-inner, .ant-picker-month-panel .ant-picker-cell-inner { width: 3.75rem; } .ant-picker-year-panel .ant-picker-cell-range-hover-start::after, .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, .ant-picker-month-panel .ant-picker-cell-range-hover-start::after { left: 0.875rem; border-left: 0.0625rem dashed rgb(254, 207, 115); border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after, .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after { right: 0.875rem; border-right: 0.0625rem dashed rgb(254, 207, 115); border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-picker-year-panel .ant-picker-cell-range-hover-end::after, .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, .ant-picker-month-panel .ant-picker-cell-range-hover-end::after { right: 0.875rem; border-right: 0.0625rem dashed rgb(254, 207, 115); border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after, .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after { left: 0.875rem; border-left: 0.0625rem dashed rgb(254, 207, 115); border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-picker-week-panel .ant-picker-body { padding: 0.5rem 0.75rem; } .ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner, .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner { background: transparent !important; } .ant-picker-week-panel-row td { transition: background 0.3s; } .ant-picker-week-panel-row:hover td { background: rgb(245, 245, 245); } .ant-picker-week-panel-row-selected td, .ant-picker-week-panel-row-selected:hover td { background: rgb(253, 172, 14); } .ant-picker-week-panel-row-selected td.ant-picker-cell-week, .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week { color: rgba(255, 255, 255, 0.5); } .ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before, .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before { border-color: rgb(255, 255, 255); } .ant-picker-week-panel-row-selected td .ant-picker-cell-inner, .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner { color: rgb(255, 255, 255); } .ant-picker-date-panel .ant-picker-body { padding: 0.5rem 0.75rem; } .ant-picker-date-panel .ant-picker-content { width: 15.75rem; } .ant-picker-date-panel .ant-picker-content th { width: 2.25rem; } .ant-picker-datetime-panel { display: flex; } .ant-picker-datetime-panel .ant-picker-time-panel { border-left: 0.0625rem solid rgb(240, 240, 240); } .ant-picker-datetime-panel .ant-picker-date-panel, .ant-picker-datetime-panel .ant-picker-time-panel { transition: opacity 0.3s; } .ant-picker-datetime-panel-active .ant-picker-date-panel, .ant-picker-datetime-panel-active .ant-picker-time-panel { opacity: 0.3; } .ant-picker-datetime-panel-active .ant-picker-date-panel-active, .ant-picker-datetime-panel-active .ant-picker-time-panel-active { opacity: 1; } .ant-picker-time-panel { width: auto; min-width: auto; } .ant-picker-time-panel .ant-picker-content { display: flex; flex: 1 1 auto; height: 14rem; } .ant-picker-time-panel-column { flex: 1 0 auto; width: 3.5rem; margin: 0px; padding: 0px; overflow-y: hidden; text-align: left; list-style: none; transition: background 0.3s; } .ant-picker-time-panel-column::after { display: block; height: 12.25rem; content: ""; } .ant-picker-datetime-panel .ant-picker-time-panel-column::after { height: 12.375rem; } .ant-picker-time-panel-column:not(:first-child) { border-left: 0.0625rem solid rgb(240, 240, 240); } .ant-picker-time-panel-column-active { background: rgba(255, 251, 230, 0.2); } .ant-picker-time-panel-column:hover { overflow-y: auto; } .ant-picker-time-panel-column > li { margin: 0px; padding: 0px; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner { display: block; width: 100%; height: 1.75rem; margin: 0px; padding: 0px 0px 0px 0.875rem; color: rgb(0, 0, 0); line-height: 1.75rem; border-radius: 0px; cursor: pointer; transition: background 0.3s; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover { background: rgb(245, 245, 245); } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner { background: rgb(255, 251, 230); } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } .ant-picker-rtl { direction: rtl; } .ant-picker-rtl .ant-picker-suffix { margin-right: 0.25rem; margin-left: 0px; } .ant-picker-rtl .ant-picker-clear { right: auto; left: 0px; } .ant-picker-rtl .ant-picker-separator { transform: rotate(180deg); } .ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) { margin-right: 0.5rem; margin-left: 0px; } .ant-picker-rtl.ant-picker-range .ant-picker-clear { right: auto; left: 0.6875rem; } .ant-picker-rtl.ant-picker-range .ant-picker-active-bar { margin-right: 0.6875rem; margin-left: 0px; } .ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar { margin-right: 0.4375rem; } .ant-picker-dropdown-rtl .ant-picker-ranges { text-align: right; } .ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok { float: left; margin-right: 0.5rem; margin-left: 0px; } .ant-picker-panel-rtl { direction: rtl; } .ant-picker-panel-rtl .ant-picker-prev-icon, .ant-picker-panel-rtl .ant-picker-super-prev-icon { transform: rotate(135deg); } .ant-picker-panel-rtl .ant-picker-next-icon, .ant-picker-panel-rtl .ant-picker-super-next-icon { transform: rotate(-45deg); } .ant-picker-cell .ant-picker-cell-inner { position: relative; z-index: 2; display: inline-block; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 0.1875rem; transition: background 0.3s, border 0.3s; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before { right: 50%; left: 0px; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before { right: 0px; left: 50%; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before { right: 50%; left: 50%; } .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { right: 0px; left: -0.375rem; } .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { right: -0.375rem; left: 0px; } .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after { right: 0px; left: 50%; } .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after { right: 50%; left: 0px; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { right: 0.375rem; left: 0px; border-right: 0.0625rem dashed rgb(254, 207, 115); border-left: none; border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { right: 0px; left: 0.375rem; border-right: none; border-left: 0.0625rem dashed rgb(254, 207, 115); border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after { right: 0.375rem; left: 0.375rem; border-right: 0.0625rem dashed rgb(254, 207, 115); border-left: 0.0625rem dashed rgb(254, 207, 115); border-radius: 0.1875rem; } .ant-picker-dropdown-rtl .ant-picker-footer-extra { direction: rtl; text-align: right; } .ant-picker-panel-rtl .ant-picker-time-panel { direction: ltr; } .ant-descriptions-header { display: flex; align-items: center; margin-bottom: 1.25rem; } .ant-descriptions-title { flex: 1 1 auto; overflow: hidden; color: rgb(0, 0, 0); font-weight: 700; font-size: 1.125rem; line-height: 1.5715; white-space: nowrap; text-overflow: ellipsis; } .ant-descriptions-extra { margin-left: auto; color: rgb(0, 0, 0); font-size: 1rem; } .ant-descriptions-view { width: 100%; border-radius: 0.1875rem; } .ant-descriptions-view table { width: 100%; table-layout: fixed; } .ant-descriptions-row > th, .ant-descriptions-row > td { padding-bottom: 1rem; } .ant-descriptions-row:last-child { border-bottom: none; } .ant-descriptions-item-label { color: rgb(0, 0, 0); font-weight: 400; font-size: 1rem; line-height: 1.5715; text-align: start; } .ant-descriptions-item-label::after { content: ":"; position: relative; top: -0.03125rem; margin: 0px 0.5rem 0px 0.125rem; } .ant-descriptions-item-label.ant-descriptions-item-no-colon::after { content: " "; } .ant-descriptions-item-no-label::after { margin: 0px; content: ""; } .ant-descriptions-item-content { display: table-cell; flex: 1 1 0%; color: rgb(0, 0, 0); font-size: 1rem; line-height: 1.5715; word-break: break-word; overflow-wrap: break-word; } .ant-descriptions-item { padding-bottom: 0px; vertical-align: top; } .ant-descriptions-item-container { display: flex; } .ant-descriptions-item-container .ant-descriptions-item-label, .ant-descriptions-item-container .ant-descriptions-item-content { display: inline-flex; align-items: baseline; } .ant-descriptions-middle .ant-descriptions-row > th, .ant-descriptions-middle .ant-descriptions-row > td { padding-bottom: 0.75rem; } .ant-descriptions-small .ant-descriptions-row > th, .ant-descriptions-small .ant-descriptions-row > td { padding-bottom: 0.5rem; } .ant-descriptions-bordered .ant-descriptions-view { border: 0.0625rem solid rgb(240, 240, 240); } .ant-descriptions-bordered .ant-descriptions-view > table { table-layout: auto; border-collapse: collapse; } .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content { padding: 1rem 1.5rem; border-right: 0.0625rem solid rgb(240, 240, 240); } .ant-descriptions-bordered .ant-descriptions-item-label:last-child, .ant-descriptions-bordered .ant-descriptions-item-content:last-child { border-right: none; } .ant-descriptions-bordered .ant-descriptions-item-label { background-color: rgb(250, 250, 250); } .ant-descriptions-bordered .ant-descriptions-item-label::after { display: none; } .ant-descriptions-bordered .ant-descriptions-row { border-bottom: 0.0625rem solid rgb(240, 240, 240); } .ant-descriptions-bordered .ant-descriptions-row:last-child { border-bottom: none; } .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label, .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content { padding: 0.75rem 1.5rem; } .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label, .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content { padding: 0.5rem 1rem; } .ant-descriptions-rtl { direction: rtl; } .ant-descriptions-rtl .ant-descriptions-item-label::after { margin: 0px 0.125rem 0px 0.5rem; } .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content { border-right: none; border-left: 0.0625rem solid rgb(240, 240, 240); } .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child, .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child { border-left: none; } .ant-divider { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; border-top: 0.0625rem solid rgba(0, 0, 0, 0.06); } .ant-divider-vertical { position: relative; top: -0.06em; display: inline-block; height: 0.9em; margin: 0px 0.5rem; vertical-align: middle; border-top: 0px; border-left: 0.0625rem solid rgba(0, 0, 0, 0.06); } .ant-divider-horizontal { display: flex; clear: both; width: 100%; min-width: 100%; margin: 1.5rem 0px; } .ant-divider-horizontal.ant-divider-with-text { display: flex; margin: 1rem 0px; color: rgb(0, 0, 0); font-weight: 500; font-size: 1.125rem; white-space: nowrap; text-align: center; border-top: 0px rgba(0, 0, 0, 0.06); } .ant-divider-horizontal.ant-divider-with-text::before, .ant-divider-horizontal.ant-divider-with-text::after { position: relative; top: 50%; width: 50%; border-top-width: 0.0625rem; border-top-style: solid; border-top-color: inherit; border-bottom: 0px; transform: translateY(50%); content: ""; } .ant-divider-horizontal.ant-divider-with-text-left::before { top: 50%; width: 5%; } .ant-divider-horizontal.ant-divider-with-text-left::after { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::before { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::after { top: 50%; width: 5%; } .ant-divider-inner-text { display: inline-block; padding: 0px 1em; } .ant-divider-dashed { background: none; border-color: rgba(0, 0, 0, 0.06); border-style: dashed; border-width: 0.0625rem 0px 0px; } .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after { border-style: dashed none none; } .ant-divider-vertical.ant-divider-dashed { border-width: 0px 0px 0px 0.0625rem; } .ant-divider-plain.ant-divider-with-text { color: rgb(0, 0, 0); font-weight: 400; font-size: 1rem; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before { width: 0px; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after { width: 100%; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text { padding-left: 0px; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before { width: 100%; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after { width: 0px; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text { padding-right: 0px; } .ant-divider-rtl { direction: rtl; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before { width: 95%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after { width: 5%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before { width: 5%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after { width: 95%; } .ant-drawer { position: fixed; z-index: 1000; width: 0%; height: 100%; transition: width 0.3s, height 0.3s; } .ant-drawer-content-wrapper { position: absolute; width: 100%; height: 100%; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .ant-drawer .ant-drawer-content { width: 100%; height: 100%; } .ant-drawer-left, .ant-drawer-right { top: 0px; width: 0%; height: 100%; } .ant-drawer-left .ant-drawer-content-wrapper, .ant-drawer-right .ant-drawer-content-wrapper { height: 100%; } .ant-drawer-left.ant-drawer-open, .ant-drawer-right.ant-drawer-open { width: 100%; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .ant-drawer-left, .ant-drawer-left .ant-drawer-content-wrapper { left: 0px; } .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: rgba(0, 0, 0, 0.08) 0.375rem 0px 1rem -0.5rem, rgba(0, 0, 0, 0.05) 0.5625rem 0px 1.75rem, rgba(0, 0, 0, 0.03) 0.75rem 0px 3rem 1rem; } .ant-drawer-right, .ant-drawer-right .ant-drawer-content-wrapper { right: 0px; } .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: rgba(0, 0, 0, 0.08) -0.375rem 0px 1rem -0.5rem, rgba(0, 0, 0, 0.05) -0.5625rem 0px 1.75rem, rgba(0, 0, 0, 0.03) -0.75rem 0px 3rem 1rem; } .ant-drawer-right.ant-drawer-open.no-mask { right: 0.0625rem; transform: translate(0.0625rem); } .ant-drawer-top, .ant-drawer-bottom { left: 0px; width: 100%; height: 0%; } .ant-drawer-top .ant-drawer-content-wrapper, .ant-drawer-bottom .ant-drawer-content-wrapper { width: 100%; } .ant-drawer-top.ant-drawer-open, .ant-drawer-bottom.ant-drawer-open { height: 100%; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .ant-drawer-top { top: 0px; } .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: rgba(0, 0, 0, 0.08) 0px 0.375rem 1rem -0.5rem, rgba(0, 0, 0, 0.05) 0px 0.5625rem 1.75rem, rgba(0, 0, 0, 0.03) 0px 0.75rem 3rem 1rem; } .ant-drawer-bottom, .ant-drawer-bottom .ant-drawer-content-wrapper { bottom: 0px; } .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: rgba(0, 0, 0, 0.08) 0px -0.375rem 1rem -0.5rem, rgba(0, 0, 0, 0.05) 0px -0.5625rem 1.75rem, rgba(0, 0, 0, 0.03) 0px -0.75rem 3rem 1rem; } .ant-drawer-bottom.ant-drawer-open.no-mask { bottom: 0.0625rem; transform: translateY(0.0625rem); } .ant-drawer.ant-drawer-open .ant-drawer-mask { height: 100%; opacity: 1; transition: none; animation: 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s 1 normal none running antdDrawerFadeIn; pointer-events: auto; } .ant-drawer-title { flex: 1 1 0%; margin: 0px; color: rgb(0, 0, 0); font-weight: 500; font-size: 1.125rem; line-height: 1.375rem; } .ant-drawer-content { position: relative; z-index: 1; overflow: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 0px; } .ant-drawer-close { display: inline-block; margin-right: 0.75rem; color: rgba(0, 0, 0, 0.45); font-weight: 700; font-size: 1.125rem; font-style: normal; line-height: 1; text-align: center; text-transform: none; text-decoration: none; background: transparent; border: 0px; outline: 0px; cursor: pointer; transition: color 0.3s; text-rendering: auto; } .ant-drawer-close:focus, .ant-drawer-close:hover { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .ant-drawer-header { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.5rem; color: rgb(0, 0, 0); background: rgb(255, 255, 255); border-bottom: 0.0625rem solid rgb(240, 240, 240); border-radius: 0.1875rem 0.1875rem 0px 0px; } .ant-drawer-header-title { display: flex; flex: 1 1 0%; align-items: center; justify-content: space-between; } .ant-drawer-header-close-only { padding-bottom: 0px; border: none; } .ant-drawer-wrapper-body { display: flex; flex-flow: column; width: 100%; height: 100%; } .ant-drawer-body { flex-grow: 1; padding: 1.5rem; overflow: auto; font-size: 1rem; line-height: 1.5715; overflow-wrap: break-word; } .ant-drawer-footer { flex-shrink: 0; padding: 0.625rem 1rem; border-top: 0.0625rem solid rgb(240, 240, 240); } .ant-drawer-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 0px; background-color: rgba(0, 0, 0, 0.45); opacity: 0; transition: opacity 0.3s linear, height 0.3s; pointer-events: none; } .ant-drawer .ant-picker-clear { background: rgb(255, 255, 255); } @keyframes antdDrawerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .ant-drawer-rtl { direction: rtl; } .ant-drawer-rtl .ant-drawer-close { margin-right: 0px; margin-left: 0.75rem; } .ant-dropdown-menu-item.ant-dropdown-menu-item-danger { color: rgb(230, 77, 67); } .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover { color: rgb(255, 255, 255); background-color: rgb(230, 77, 67); } .ant-dropdown { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: absolute; top: -624.938rem; left: -624.938rem; z-index: 1050; display: block; } .ant-dropdown::before { position: absolute; inset: -0.25rem 0px -0.25rem -0.4375rem; z-index: -9999; opacity: 0.0001; content: " "; } .ant-dropdown-wrap { position: relative; } .ant-dropdown-wrap .ant-btn > .anticon-down { font-size: 0.625rem; } .ant-dropdown-wrap .anticon-down::before { transition: transform 0.2s; } .ant-dropdown-wrap-open .anticon-down::before { transform: rotate(180deg); } .ant-dropdown-hidden, .ant-dropdown-menu-hidden, .ant-dropdown-menu-submenu-hidden { display: none; } .ant-dropdown-show-arrow.ant-dropdown-placement-topCenter, .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-topRight { padding-bottom: 0.625rem; } .ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter, .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight { padding-top: 0.625rem; } .ant-dropdown-arrow { position: absolute; z-index: 1; display: block; width: 0.53033rem; height: 0.53033rem; background: transparent; border-style: solid; border-width: 0.26517rem; transform: rotate(45deg); } .ant-dropdown-placement-topCenter > .ant-dropdown-arrow, .ant-dropdown-placement-topLeft > .ant-dropdown-arrow, .ant-dropdown-placement-topRight > .ant-dropdown-arrow { bottom: 0.3875rem; border-color: transparent rgb(255, 255, 255) rgb(255, 255, 255) transparent; box-shadow: rgba(0, 0, 0, 0.07) 0.1875rem 0.1875rem 0.4375rem; } .ant-dropdown-placement-topCenter > .ant-dropdown-arrow { left: 50%; transform: translate(-50%) rotate(45deg); } .ant-dropdown-placement-topLeft > .ant-dropdown-arrow { left: 1rem; } .ant-dropdown-placement-topRight > .ant-dropdown-arrow { right: 1rem; } .ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow, .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow, .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { top: 0.375rem; border-color: rgb(255, 255, 255) transparent transparent rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) -0.125rem -0.125rem 0.3125rem; } .ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow { left: 50%; transform: translate(-50%) rotate(45deg); } .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow { left: 1rem; } .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { right: 1rem; } .ant-dropdown-menu { position: relative; margin: 0px; padding: 0.25rem 0px; text-align: left; list-style-type: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border-radius: 0.1875rem; outline: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.5rem; } .ant-dropdown-menu-item-group-title { padding: 0.3125rem 0.75rem; color: rgba(0, 0, 0, 0.45); transition: 0.3s; } .ant-dropdown-menu-submenu-popup { position: absolute; z-index: 1050; background: transparent; box-shadow: none; transform-origin: 0px 0px; } .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-menu-submenu-popup li { list-style: none; } .ant-dropdown-menu-submenu-popup ul { margin-right: 0.3em; margin-left: 0.3em; } .ant-dropdown-menu-item { position: relative; display: flex; align-items: center; } .ant-dropdown-menu-item-icon { min-width: 0.75rem; margin-right: 0.5rem; font-size: 0.75rem; } .ant-dropdown-menu-title-content { flex: 1 1 auto; white-space: nowrap; } .ant-dropdown-menu-title-content > a { color: inherit; transition: 0.3s; } .ant-dropdown-menu-title-content > a:hover { color: inherit; } .ant-dropdown-menu-title-content > a::after { position: absolute; inset: 0px; content: ""; } .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title { clear: both; margin: 0px; padding: 0.3125rem 0.75rem; color: rgb(0, 0, 0); font-weight: 400; font-size: 1rem; line-height: 1.375rem; cursor: pointer; transition: 0.3s; } .ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected { color: rgb(253, 172, 14); background-color: rgb(255, 251, 230); } .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover { background-color: rgb(245, 245, 245); } .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: rgb(255, 255, 255); cursor: not-allowed; } .ant-dropdown-menu-item-disabled a, .ant-dropdown-menu-submenu-title-disabled a { pointer-events: none; } .ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider { height: 0.0625rem; margin: 0.25rem 0px; overflow: hidden; line-height: 0; background-color: rgb(240, 240, 240); } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { position: absolute; right: 0.5rem; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0, 0, 0, 0.45); font-size: 0.625rem; font-style: normal; margin-right: 0px !important; } .ant-dropdown-menu-item-group-list { margin: 0px 0.5rem; padding: 0px; list-style: none; } .ant-dropdown-menu-submenu-title { padding-right: 1.5rem; } .ant-dropdown-menu-submenu-vertical { position: relative; } .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { position: absolute; top: 0px; left: 100%; min-width: 100%; margin-left: 0.25rem; transform-origin: 0px 0px; } .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0, 0, 0, 0.25); background-color: rgb(255, 255, 255); cursor: not-allowed; } .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title { color: rgb(253, 172, 14); } .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight { animation-name: antSlideUpIn; } .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topCenter, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topCenter, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight { animation-name: antSlideDownIn; } .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight { animation-name: antSlideUpOut; } .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topCenter, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight { animation-name: antSlideDownOut; } .ant-dropdown-trigger > .anticon.anticon-down, .ant-dropdown-link > .anticon.anticon-down, .ant-dropdown-button > .anticon.anticon-down { font-size: 0.625rem; vertical-align: baseline; } .ant-dropdown-button { white-space: nowrap; } .ant-dropdown-button.ant-btn-group > .ant-btn-loading, .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn { cursor: default; pointer-events: none; } .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before { display: block; } .ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) { padding-right: 0.5rem; padding-left: 0.5rem; } .ant-dropdown-menu-dark, .ant-dropdown-menu-dark .ant-dropdown-menu { background: rgb(0, 21, 41); } .ant-dropdown-menu-dark .ant-dropdown-menu-item, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover { color: rgb(255, 255, 255); background: transparent; } .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a { color: rgb(255, 255, 255); background: rgb(253, 172, 14); } .ant-dropdown-rtl { direction: rtl; } .ant-dropdown-rtl.ant-dropdown::before { right: -0.4375rem; left: 0px; } .ant-dropdown-menu.ant-dropdown-menu-rtl, .ant-dropdown-rtl .ant-dropdown-menu-item-group-title, .ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title { direction: rtl; text-align: right; } .ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl { transform-origin: 100% 0px; } .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li, .ant-dropdown-rtl .ant-dropdown-menu-item, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child { margin-right: 0px; margin-left: 0.5rem; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { right: auto; left: 0.5rem; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { margin-left: 0px !important; transform: scaleX(-1); } .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { padding-right: 0.75rem; padding-left: 1.5rem; } .ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { right: 100%; left: 0px; margin-right: 0.25rem; margin-left: 0px; } .ant-empty { margin: 0px 0.5rem; font-size: 1rem; line-height: 1.5715; text-align: center; } .ant-empty-image { height: 6.25rem; margin-bottom: 0.5rem; } .ant-empty-image img { height: 100%; } .ant-empty-image svg { height: 100%; margin: auto; } .ant-empty-footer { margin-top: 1rem; } .ant-empty-normal { margin: 2rem 0px; color: rgba(0, 0, 0, 0.25); } .ant-empty-normal .ant-empty-image { height: 2.5rem; } .ant-empty-small { margin: 0.5rem 0px; color: rgba(0, 0, 0, 0.25); } .ant-empty-small .ant-empty-image { height: 2.1875rem; } .ant-empty-img-default-ellipse { fill: rgb(245, 245, 245); fill-opacity: 0.8; } .ant-empty-img-default-path-1 { fill: rgb(174, 184, 194); } .ant-empty-img-default-path-2 { fill: url("#linearGradient-1"); } .ant-empty-img-default-path-3 { fill: rgb(245, 245, 247); } .ant-empty-img-default-path-4, .ant-empty-img-default-path-5 { fill: rgb(220, 224, 230); } .ant-empty-img-default-g { fill: rgb(255, 255, 255); } .ant-empty-img-simple-ellipse { fill: rgb(245, 245, 245); } .ant-empty-img-simple-g { stroke: rgb(217, 217, 217); } .ant-empty-img-simple-path { fill: rgb(250, 250, 250); } .ant-empty-rtl { direction: rtl; } .ant-form-item .ant-upload { background: transparent; } .ant-form-item .ant-upload.ant-upload-drag { background: rgb(250, 250, 250); } .ant-form-item input[type="radio"], .ant-form-item input[type="checkbox"] { width: 0.875rem; height: 0.875rem; } .ant-form-item .ant-radio-inline, .ant-form-item .ant-checkbox-inline { display: inline-block; margin-left: 0.5rem; font-weight: 400; vertical-align: middle; cursor: pointer; } .ant-form-item .ant-radio-inline:first-child, .ant-form-item .ant-checkbox-inline:first-child { margin-left: 0px; } .ant-form-item .ant-checkbox-vertical, .ant-form-item .ant-radio-vertical { display: block; } .ant-form-item .ant-checkbox-vertical + .ant-checkbox-vertical, .ant-form-item .ant-radio-vertical + .ant-radio-vertical { margin-left: 0px; } .ant-form-item .ant-input-number + .ant-form-text { margin-left: 0.5rem; } .ant-form-item .ant-input-number-handler-wrap { z-index: 2; } .ant-form-item .ant-select, .ant-form-item .ant-cascader-picker { width: 100%; } .ant-form-item .ant-picker-calendar-year-select, .ant-form-item .ant-picker-calendar-month-select, .ant-form-item .ant-input-group .ant-select, .ant-form-item .ant-input-group .ant-cascader-picker, .ant-form-item .ant-input-number-group .ant-select, .ant-form-item .ant-input-number-group .ant-cascader-picker { width: auto; } .ant-form-inline { display: flex; flex-wrap: wrap; } .ant-form-inline .ant-form-item { flex: 0 0 auto; flex-wrap: nowrap; margin-right: 1rem; margin-bottom: 0px; } .ant-form-inline .ant-form-item-with-help { margin-bottom: 1.5rem; } .ant-form-inline .ant-form-item > .ant-form-item-label, .ant-form-inline .ant-form-item > .ant-form-item-control { display: inline-block; vertical-align: top; } .ant-form-inline .ant-form-item > .ant-form-item-label { flex: 0 0 auto; } .ant-form-inline .ant-form-item .ant-form-text, .ant-form-inline .ant-form-item .ant-form-item-has-feedback { display: inline-block; } .ant-form-horizontal .ant-form-item-label { flex-grow: 0; } .ant-form-horizontal .ant-form-item-control { flex: 1 1 0px; min-width: 0px; } .ant-form-horizontal .ant-form-item-label.ant-col-24 + .ant-form-item-control { min-width: unset; } .ant-form-vertical .ant-form-item { flex-direction: column; } .ant-form-vertical .ant-form-item-label > label { height: auto; } .ant-form-vertical .ant-form-item-label, .ant-col-24.ant-form-item-label, .ant-col-xl-24.ant-form-item-label { padding: 0px 0px 0.5rem; line-height: 1.5715; white-space: initial; text-align: left; } .ant-form-vertical .ant-form-item-label > label, .ant-col-24.ant-form-item-label > label, .ant-col-xl-24.ant-form-item-label > label { margin: 0px; } .ant-form-vertical .ant-form-item-label > label::after, .ant-col-24.ant-form-item-label > label::after, .ant-col-xl-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-form-vertical .ant-form-item-label, .ant-form-rtl.ant-col-24.ant-form-item-label, .ant-form-rtl.ant-col-xl-24.ant-form-item-label { text-align: right; } @media (max-width: 575px) { .ant-form-item .ant-form-item-label { padding: 0px 0px 0.5rem; line-height: 1.5715; white-space: initial; text-align: left; } .ant-form-item .ant-form-item-label > label { margin: 0px; } .ant-form-item .ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-form-item .ant-form-item-label { text-align: right; } .ant-form .ant-form-item { flex-wrap: wrap; } .ant-form .ant-form-item .ant-form-item-label, .ant-form .ant-form-item .ant-form-item-control { flex: 0 0 100%; max-width: 100%; } .ant-col-xs-24.ant-form-item-label { padding: 0px 0px 0.5rem; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-xs-24.ant-form-item-label > label { margin: 0px; } .ant-col-xs-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-xs-24.ant-form-item-label { text-align: right; } } @media (max-width: 767px) { .ant-col-sm-24.ant-form-item-label { padding: 0px 0px 0.5rem; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-sm-24.ant-form-item-label > label { margin: 0px; } .ant-col-sm-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-sm-24.ant-form-item-label { text-align: right; } } @media (max-width: 991px) { .ant-col-md-24.ant-form-item-label { padding: 0px 0px 0.5rem; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-md-24.ant-form-item-label > label { margin: 0px; } .ant-col-md-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-md-24.ant-form-item-label { text-align: right; } } @media (max-width: 1199px) { .ant-col-lg-24.ant-form-item-label { padding: 0px 0px 0.5rem; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-lg-24.ant-form-item-label > label { margin: 0px; } .ant-col-lg-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-lg-24.ant-form-item-label { text-align: right; } } @media (max-width: 1599px) { .ant-col-xl-24.ant-form-item-label { padding: 0px 0px 0.5rem; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-xl-24.ant-form-item-label > label { margin: 0px; } .ant-col-xl-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-xl-24.ant-form-item-label { text-align: right; } } .ant-form-item-explain-error { color: rgb(230, 77, 67); } .ant-form-item-explain-warning { color: rgb(253, 172, 14); } .ant-form-item-has-feedback .ant-input { padding-right: 1.5rem; } .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix { padding-right: 1.125rem; } .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix { right: 1.75rem; } .ant-form-item-has-feedback .ant-switch { margin: 0.125rem 0px 0.25rem; } .ant-form-item-has-feedback > .ant-select .ant-select-arrow, .ant-form-item-has-feedback > .ant-select .ant-select-clear, .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow, .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear, .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow, .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear { right: 2rem; } .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value, .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value, .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value { padding-right: 2.625rem; } .ant-form-item-has-feedback .ant-cascader-picker-arrow { margin-right: 1.1875rem; } .ant-form-item-has-feedback .ant-cascader-picker-clear { right: 2rem; } .ant-form-item-has-feedback .ant-picker, .ant-form-item-has-feedback .ant-picker-large { padding-right: 1.9875rem; } .ant-form-item-has-feedback .ant-picker-small { padding-right: 1.7375rem; } .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon, .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon, .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon, .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon { position: absolute; top: 50%; right: 0px; z-index: 1; width: 2rem; height: 1.25rem; margin-top: -0.625rem; font-size: 1rem; line-height: 1.25rem; text-align: center; visibility: visible; animation: 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0s 1 normal none running zoomIn; pointer-events: none; } .ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon { color: rgb(255, 95, 68); animation-name: diffZoomIn1 !important; } .ant-form-item-has-warning .ant-form-item-split { color: rgb(253, 172, 14); } .ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, .ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover, .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover, .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover { background-color: rgb(255, 255, 255); border-color: rgb(253, 172, 14); } .ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, .ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused, .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused, .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-form-item-has-warning .ant-input-prefix, .ant-form-item-has-warning .ant-input-number-prefix { color: rgb(253, 172, 14); } .ant-form-item-has-warning .ant-input-group-addon, .ant-form-item-has-warning .ant-input-number-group-addon { color: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .ant-form-item-has-warning .has-feedback { color: rgb(253, 172, 14); } .ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon { color: rgb(253, 172, 14); animation-name: diffZoomIn3 !important; } .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector { background-color: rgb(255, 255, 255); border-color: rgb(253, 172, 14) !important; } .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector, .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-form-item-has-warning .ant-input-number, .ant-form-item-has-warning .ant-picker { background-color: rgb(255, 255, 255); border-color: rgb(253, 172, 14); } .ant-form-item-has-warning .ant-input-number-focused, .ant-form-item-has-warning .ant-picker-focused, .ant-form-item-has-warning .ant-input-number:focus, .ant-form-item-has-warning .ant-picker:focus { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-form-item-has-warning .ant-input-number:not([disabled]):hover, .ant-form-item-has-warning .ant-picker:not([disabled]):hover { background-color: rgb(255, 255, 255); border-color: rgb(253, 172, 14); } .ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-form-item-has-error .ant-form-item-split { color: rgb(230, 77, 67); } .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover, .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover { background-color: rgb(255, 255, 255); border-color: rgb(230, 77, 67); } .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused, .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused { border-color: rgb(242, 122, 109); box-shadow: rgba(230, 77, 67, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input { border-color: rgb(242, 122, 109); box-shadow: rgba(230, 77, 67, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-form-item-has-error .ant-input-prefix, .ant-form-item-has-error .ant-input-number-prefix { color: rgb(230, 77, 67); } .ant-form-item-has-error .ant-input-group-addon, .ant-form-item-has-error .ant-input-number-group-addon { color: rgb(230, 77, 67); border-color: rgb(230, 77, 67); } .ant-form-item-has-error .has-feedback { color: rgb(230, 77, 67); } .ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon { color: rgb(230, 77, 67); animation-name: diffZoomIn2 !important; } .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector { background-color: rgb(255, 255, 255); border-color: rgb(230, 77, 67) !important; } .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector, .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector { border-color: rgb(242, 122, 109); box-shadow: rgba(230, 77, 67, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector, .ant-form-item-has-error .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { background-color: inherit; border: 0px; box-shadow: none; } .ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus { border-color: rgb(230, 77, 67); } .ant-form-item-has-error .ant-input-number, .ant-form-item-has-error .ant-picker { background-color: rgb(255, 255, 255); border-color: rgb(230, 77, 67); } .ant-form-item-has-error .ant-input-number-focused, .ant-form-item-has-error .ant-picker-focused, .ant-form-item-has-error .ant-input-number:focus, .ant-form-item-has-error .ant-picker:focus { border-color: rgb(242, 122, 109); box-shadow: rgba(230, 77, 67, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-form-item-has-error .ant-input-number:not([disabled]):hover, .ant-form-item-has-error .ant-picker:not([disabled]):hover { background-color: rgb(255, 255, 255); border-color: rgb(230, 77, 67); } .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor, .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover { background-color: rgb(255, 255, 255); border-color: rgb(230, 77, 67); } .ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor, .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus { border-color: rgb(242, 122, 109); box-shadow: rgba(230, 77, 67, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-form-item-has-error .ant-cascader-picker:hover .ant-cascader-picker-label:hover + .ant-cascader-input.ant-input { border-color: rgb(230, 77, 67); } .ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input { background-color: rgb(255, 255, 255); border-color: rgb(242, 122, 109); box-shadow: rgba(230, 77, 67, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-form-item-has-error .ant-transfer-list { border-color: rgb(230, 77, 67); } .ant-form-item-has-error .ant-transfer-list-search:not([disabled]) { border-color: rgb(0, 0, 0); } .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover { border-color: rgb(255, 195, 56); border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-form-item-has-error .ant-radio-button-wrapper { border-color: rgb(230, 77, 67) !important; } .ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child)::before { background-color: rgb(230, 77, 67); } .ant-form-item-has-error .ant-mentions { border-color: rgb(230, 77, 67) !important; } .ant-form-item-has-error .ant-mentions-focused, .ant-form-item-has-error .ant-mentions:focus { border-color: rgb(242, 122, 109); box-shadow: rgba(230, 77, 67, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon { display: inline-block; color: rgb(253, 172, 14); } .ant-form { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; } .ant-form legend { display: block; width: 100%; margin-bottom: 1.25rem; padding: 0px; color: rgba(0, 0, 0, 0.45); font-size: 1.125rem; line-height: inherit; border-width: 0px 0px 0.0625rem; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); } .ant-form label { font-size: 1rem; } .ant-form input[type="search"] { box-sizing: border-box; } .ant-form input[type="radio"], .ant-form input[type="checkbox"] { line-height: normal; } .ant-form input[type="file"] { display: block; } .ant-form input[type="range"] { display: block; width: 100%; } .ant-form select[multiple], .ant-form select[size] { height: auto; } .ant-form input[type="file"]:focus, .ant-form input[type="radio"]:focus, .ant-form input[type="checkbox"]:focus { outline: -webkit-focus-ring-color auto 0.3125rem; outline-offset: -0.125rem; } .ant-form output { display: block; padding-top: 0.9375rem; color: rgb(0, 0, 0); font-size: 1rem; line-height: 1.5715; } .ant-form .ant-form-text { display: inline-block; padding-right: 0.5rem; } .ant-form-small .ant-form-item-label > label { height: 1.5rem; } .ant-form-small .ant-form-item-control-input { min-height: 1.5rem; } .ant-form-large .ant-form-item-label > label { height: 2.5rem; } .ant-form-large .ant-form-item-control-input { min-height: 2.5rem; } .ant-form-item { box-sizing: border-box; margin: 0px 0px 1.5rem; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; vertical-align: top; } .ant-form-item-with-help { margin-bottom: 0px; transition: none; } .ant-form-item-hidden, .ant-form-item-hidden.ant-row { display: none; } .ant-form-item-label { display: inline-block; flex-grow: 0; overflow: hidden; white-space: nowrap; text-align: right; vertical-align: middle; } .ant-form-item-label-left { text-align: left; } .ant-form-item-label-wrap { overflow: unset; line-height: 1.3215em; white-space: unset; } .ant-form-item-label > label { position: relative; display: inline-flex; align-items: center; max-width: 100%; height: 2rem; color: rgb(0, 0, 0); font-size: 1rem; } .ant-form-item-label > label > .anticon { font-size: 1rem; vertical-align: top; } .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { display: inline-block; margin-right: 0.25rem; color: rgb(255, 77, 79); font-size: 1rem; font-family: SimSun, sans-serif; line-height: 1; content: "*"; } .ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { display: none; } .ant-form-item-label > label .ant-form-item-optional { display: inline-block; margin-left: 0.25rem; color: rgba(0, 0, 0, 0.45); } .ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional { display: none; } .ant-form-item-label > label .ant-form-item-tooltip { color: rgba(0, 0, 0, 0.45); cursor: help; writing-mode: horizontal-tb; margin-inline-start: 0.25rem; } .ant-form-item-label > label::after { content: ":"; position: relative; top: -0.03125rem; margin: 0px 0.5rem 0px 0.125rem; } .ant-form-item-label > label.ant-form-item-no-colon::after { content: " "; } .ant-form-item-control { display: flex; flex-direction: column; flex-grow: 1; } .ant-form-item-control:first-child:not([class^="ant-col-"]):not([class*=" ant-col-"]) { width: 100%; } .ant-form-item-control-input { position: relative; display: flex; align-items: center; min-height: 2rem; } .ant-form-item-control-input-content { flex: 1 1 auto; max-width: 100%; } .ant-form-item-explain, .ant-form-item-extra { clear: both; color: rgba(0, 0, 0, 0.45); font-size: 1rem; line-height: 1.5715; transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-form-item-explain-connected { height: 0px; min-height: 0px; opacity: 0; } .ant-form-item-extra { min-height: 1.5rem; } .ant-form-item .ant-input-textarea-show-count::after { margin-bottom: -1.375rem; } .ant-form-item-with-help .ant-form-item-explain { height: auto; min-height: 1.5rem; opacity: 1; } .ant-show-help { transition: height 0.3s linear, min-height 0.3s linear, margin-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-show-help-leave { min-height: 1.5rem; } .ant-show-help-leave-active { min-height: 0px; } .ant-show-help-item { overflow: hidden; transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-show-help-item-appear, .ant-show-help-item-enter { transform: translateY(-0.3125rem); opacity: 0; } .ant-show-help-item-appear-active, .ant-show-help-item-enter-active { transform: translateY(0px); opacity: 1; } .ant-show-help-item-leave-active { transform: translateY(-0.3125rem); } @keyframes diffZoomIn1 { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes diffZoomIn2 { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes diffZoomIn3 { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .ant-form-rtl { direction: rtl; } .ant-form-rtl .ant-form-item-label { text-align: left; } .ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before { margin-right: 0px; margin-left: 0.25rem; } .ant-form-rtl .ant-form-item-label > label::after { margin: 0px 0.125rem 0px 0.5rem; } .ant-form-rtl .ant-form-item-label > label .ant-form-item-optional { margin-right: 0.25rem; margin-left: 0px; } .ant-col-rtl .ant-form-item-control:first-child { width: 100%; } .ant-form-rtl .ant-form-item-has-feedback .ant-input { padding-right: 0.6875rem; padding-left: 1.5rem; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix { padding-right: 0.6875rem; padding-left: 1.125rem; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input, .ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number { padding: 0px; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix { right: auto; left: 1.75rem; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-number { padding-left: 1.125rem; } .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear { right: auto; left: 2rem; } .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value { padding-right: 0px; padding-left: 2.625rem; } .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow { margin-right: 0px; margin-left: 1.1875rem; } .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear { right: auto; left: 2rem; } .ant-form-rtl .ant-form-item-has-feedback .ant-picker, .ant-form-rtl .ant-form-item-has-feedback .ant-picker-large { padding-right: 0.6875rem; padding-left: 1.9875rem; } .ant-form-rtl .ant-form-item-has-feedback .ant-picker-small { padding-right: 0.4375rem; padding-left: 1.7375rem; } .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon { right: auto; left: 0px; } .ant-form-rtl.ant-form-inline .ant-form-item { margin-right: 0px; margin-left: 1rem; } .ant-row { display: flex; flex-flow: wrap; } .ant-row::before, .ant-row::after { display: flex; } .ant-row-no-wrap { flex-wrap: nowrap; } .ant-row-start { justify-content: flex-start; } .ant-row-center { justify-content: center; } .ant-row-end { justify-content: flex-end; } .ant-row-space-between { justify-content: space-between; } .ant-row-space-around { justify-content: space-around; } .ant-row-top { align-items: flex-start; } .ant-row-middle { align-items: center; } .ant-row-bottom { align-items: flex-end; } .ant-col { position: relative; max-width: 100%; min-height: 0.0625rem; } .ant-col-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-push-24 { left: 100%; } .ant-col-pull-24 { right: 100%; } .ant-col-offset-24 { margin-left: 100%; } .ant-col-order-24 { order: 24; } .ant-col-23 { display: block; flex: 0 0 95.8333%; max-width: 95.8333%; } .ant-col-push-23 { left: 95.8333%; } .ant-col-pull-23 { right: 95.8333%; } .ant-col-offset-23 { margin-left: 95.8333%; } .ant-col-order-23 { order: 23; } .ant-col-22 { display: block; flex: 0 0 91.6667%; max-width: 91.6667%; } .ant-col-push-22 { left: 91.6667%; } .ant-col-pull-22 { right: 91.6667%; } .ant-col-offset-22 { margin-left: 91.6667%; } .ant-col-order-22 { order: 22; } .ant-col-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-push-21 { left: 87.5%; } .ant-col-pull-21 { right: 87.5%; } .ant-col-offset-21 { margin-left: 87.5%; } .ant-col-order-21 { order: 21; } .ant-col-20 { display: block; flex: 0 0 83.3333%; max-width: 83.3333%; } .ant-col-push-20 { left: 83.3333%; } .ant-col-pull-20 { right: 83.3333%; } .ant-col-offset-20 { margin-left: 83.3333%; } .ant-col-order-20 { order: 20; } .ant-col-19 { display: block; flex: 0 0 79.1667%; max-width: 79.1667%; } .ant-col-push-19 { left: 79.1667%; } .ant-col-pull-19 { right: 79.1667%; } .ant-col-offset-19 { margin-left: 79.1667%; } .ant-col-order-19 { order: 19; } .ant-col-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-push-18 { left: 75%; } .ant-col-pull-18 { right: 75%; } .ant-col-offset-18 { margin-left: 75%; } .ant-col-order-18 { order: 18; } .ant-col-17 { display: block; flex: 0 0 70.8333%; max-width: 70.8333%; } .ant-col-push-17 { left: 70.8333%; } .ant-col-pull-17 { right: 70.8333%; } .ant-col-offset-17 { margin-left: 70.8333%; } .ant-col-order-17 { order: 17; } .ant-col-16 { display: block; flex: 0 0 66.6667%; max-width: 66.6667%; } .ant-col-push-16 { left: 66.6667%; } .ant-col-pull-16 { right: 66.6667%; } .ant-col-offset-16 { margin-left: 66.6667%; } .ant-col-order-16 { order: 16; } .ant-col-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-push-15 { left: 62.5%; } .ant-col-pull-15 { right: 62.5%; } .ant-col-offset-15 { margin-left: 62.5%; } .ant-col-order-15 { order: 15; } .ant-col-14 { display: block; flex: 0 0 58.3333%; max-width: 58.3333%; } .ant-col-push-14 { left: 58.3333%; } .ant-col-pull-14 { right: 58.3333%; } .ant-col-offset-14 { margin-left: 58.3333%; } .ant-col-order-14 { order: 14; } .ant-col-13 { display: block; flex: 0 0 54.1667%; max-width: 54.1667%; } .ant-col-push-13 { left: 54.1667%; } .ant-col-pull-13 { right: 54.1667%; } .ant-col-offset-13 { margin-left: 54.1667%; } .ant-col-order-13 { order: 13; } .ant-col-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-push-12 { left: 50%; } .ant-col-pull-12 { right: 50%; } .ant-col-offset-12 { margin-left: 50%; } .ant-col-order-12 { order: 12; } .ant-col-11 { display: block; flex: 0 0 45.8333%; max-width: 45.8333%; } .ant-col-push-11 { left: 45.8333%; } .ant-col-pull-11 { right: 45.8333%; } .ant-col-offset-11 { margin-left: 45.8333%; } .ant-col-order-11 { order: 11; } .ant-col-10 { display: block; flex: 0 0 41.6667%; max-width: 41.6667%; } .ant-col-push-10 { left: 41.6667%; } .ant-col-pull-10 { right: 41.6667%; } .ant-col-offset-10 { margin-left: 41.6667%; } .ant-col-order-10 { order: 10; } .ant-col-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-push-9 { left: 37.5%; } .ant-col-pull-9 { right: 37.5%; } .ant-col-offset-9 { margin-left: 37.5%; } .ant-col-order-9 { order: 9; } .ant-col-8 { display: block; flex: 0 0 33.3333%; max-width: 33.3333%; } .ant-col-push-8 { left: 33.3333%; } .ant-col-pull-8 { right: 33.3333%; } .ant-col-offset-8 { margin-left: 33.3333%; } .ant-col-order-8 { order: 8; } .ant-col-7 { display: block; flex: 0 0 29.1667%; max-width: 29.1667%; } .ant-col-push-7 { left: 29.1667%; } .ant-col-pull-7 { right: 29.1667%; } .ant-col-offset-7 { margin-left: 29.1667%; } .ant-col-order-7 { order: 7; } .ant-col-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-push-6 { left: 25%; } .ant-col-pull-6 { right: 25%; } .ant-col-offset-6 { margin-left: 25%; } .ant-col-order-6 { order: 6; } .ant-col-5 { display: block; flex: 0 0 20.8333%; max-width: 20.8333%; } .ant-col-push-5 { left: 20.8333%; } .ant-col-pull-5 { right: 20.8333%; } .ant-col-offset-5 { margin-left: 20.8333%; } .ant-col-order-5 { order: 5; } .ant-col-4 { display: block; flex: 0 0 16.6667%; max-width: 16.6667%; } .ant-col-push-4 { left: 16.6667%; } .ant-col-pull-4 { right: 16.6667%; } .ant-col-offset-4 { margin-left: 16.6667%; } .ant-col-order-4 { order: 4; } .ant-col-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-push-3 { left: 12.5%; } .ant-col-pull-3 { right: 12.5%; } .ant-col-offset-3 { margin-left: 12.5%; } .ant-col-order-3 { order: 3; } .ant-col-2 { display: block; flex: 0 0 8.33333%; max-width: 8.33333%; } .ant-col-push-2 { left: 8.33333%; } .ant-col-pull-2 { right: 8.33333%; } .ant-col-offset-2 { margin-left: 8.33333%; } .ant-col-order-2 { order: 2; } .ant-col-1 { display: block; flex: 0 0 4.16667%; max-width: 4.16667%; } .ant-col-push-1 { left: 4.16667%; } .ant-col-pull-1 { right: 4.16667%; } .ant-col-offset-1 { margin-left: 4.16667%; } .ant-col-order-1 { order: 1; } .ant-col-0 { display: none; } .ant-col-offset-0 { margin-left: 0px; } .ant-col-order-0 { order: 0; } .ant-col-offset-0.ant-col-rtl { margin-right: 0px; } .ant-col-push-1.ant-col-rtl { right: 4.16667%; left: auto; } .ant-col-pull-1.ant-col-rtl { right: auto; left: 4.16667%; } .ant-col-offset-1.ant-col-rtl { margin-right: 4.16667%; margin-left: 0px; } .ant-col-push-2.ant-col-rtl { right: 8.33333%; left: auto; } .ant-col-pull-2.ant-col-rtl { right: auto; left: 8.33333%; } .ant-col-offset-2.ant-col-rtl { margin-right: 8.33333%; margin-left: 0px; } .ant-col-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0px; } .ant-col-push-4.ant-col-rtl { right: 16.6667%; left: auto; } .ant-col-pull-4.ant-col-rtl { right: auto; left: 16.6667%; } .ant-col-offset-4.ant-col-rtl { margin-right: 16.6667%; margin-left: 0px; } .ant-col-push-5.ant-col-rtl { right: 20.8333%; left: auto; } .ant-col-pull-5.ant-col-rtl { right: auto; left: 20.8333%; } .ant-col-offset-5.ant-col-rtl { margin-right: 20.8333%; margin-left: 0px; } .ant-col-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0px; } .ant-col-push-7.ant-col-rtl { right: 29.1667%; left: auto; } .ant-col-pull-7.ant-col-rtl { right: auto; left: 29.1667%; } .ant-col-offset-7.ant-col-rtl { margin-right: 29.1667%; margin-left: 0px; } .ant-col-push-8.ant-col-rtl { right: 33.3333%; left: auto; } .ant-col-pull-8.ant-col-rtl { right: auto; left: 33.3333%; } .ant-col-offset-8.ant-col-rtl { margin-right: 33.3333%; margin-left: 0px; } .ant-col-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0px; } .ant-col-push-10.ant-col-rtl { right: 41.6667%; left: auto; } .ant-col-pull-10.ant-col-rtl { right: auto; left: 41.6667%; } .ant-col-offset-10.ant-col-rtl { margin-right: 41.6667%; margin-left: 0px; } .ant-col-push-11.ant-col-rtl { right: 45.8333%; left: auto; } .ant-col-pull-11.ant-col-rtl { right: auto; left: 45.8333%; } .ant-col-offset-11.ant-col-rtl { margin-right: 45.8333%; margin-left: 0px; } .ant-col-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0px; } .ant-col-push-13.ant-col-rtl { right: 54.1667%; left: auto; } .ant-col-pull-13.ant-col-rtl { right: auto; left: 54.1667%; } .ant-col-offset-13.ant-col-rtl { margin-right: 54.1667%; margin-left: 0px; } .ant-col-push-14.ant-col-rtl { right: 58.3333%; left: auto; } .ant-col-pull-14.ant-col-rtl { right: auto; left: 58.3333%; } .ant-col-offset-14.ant-col-rtl { margin-right: 58.3333%; margin-left: 0px; } .ant-col-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0px; } .ant-col-push-16.ant-col-rtl { right: 66.6667%; left: auto; } .ant-col-pull-16.ant-col-rtl { right: auto; left: 66.6667%; } .ant-col-offset-16.ant-col-rtl { margin-right: 66.6667%; margin-left: 0px; } .ant-col-push-17.ant-col-rtl { right: 70.8333%; left: auto; } .ant-col-pull-17.ant-col-rtl { right: auto; left: 70.8333%; } .ant-col-offset-17.ant-col-rtl { margin-right: 70.8333%; margin-left: 0px; } .ant-col-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0px; } .ant-col-push-19.ant-col-rtl { right: 79.1667%; left: auto; } .ant-col-pull-19.ant-col-rtl { right: auto; left: 79.1667%; } .ant-col-offset-19.ant-col-rtl { margin-right: 79.1667%; margin-left: 0px; } .ant-col-push-20.ant-col-rtl { right: 83.3333%; left: auto; } .ant-col-pull-20.ant-col-rtl { right: auto; left: 83.3333%; } .ant-col-offset-20.ant-col-rtl { margin-right: 83.3333%; margin-left: 0px; } .ant-col-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0px; } .ant-col-push-22.ant-col-rtl { right: 91.6667%; left: auto; } .ant-col-pull-22.ant-col-rtl { right: auto; left: 91.6667%; } .ant-col-offset-22.ant-col-rtl { margin-right: 91.6667%; margin-left: 0px; } .ant-col-push-23.ant-col-rtl { right: 95.8333%; left: auto; } .ant-col-pull-23.ant-col-rtl { right: auto; left: 95.8333%; } .ant-col-offset-23.ant-col-rtl { margin-right: 95.8333%; margin-left: 0px; } .ant-col-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0px; } .ant-col-xs-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-xs-push-24 { left: 100%; } .ant-col-xs-pull-24 { right: 100%; } .ant-col-xs-offset-24 { margin-left: 100%; } .ant-col-xs-order-24 { order: 24; } .ant-col-xs-23 { display: block; flex: 0 0 95.8333%; max-width: 95.8333%; } .ant-col-xs-push-23 { left: 95.8333%; } .ant-col-xs-pull-23 { right: 95.8333%; } .ant-col-xs-offset-23 { margin-left: 95.8333%; } .ant-col-xs-order-23 { order: 23; } .ant-col-xs-22 { display: block; flex: 0 0 91.6667%; max-width: 91.6667%; } .ant-col-xs-push-22 { left: 91.6667%; } .ant-col-xs-pull-22 { right: 91.6667%; } .ant-col-xs-offset-22 { margin-left: 91.6667%; } .ant-col-xs-order-22 { order: 22; } .ant-col-xs-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-xs-push-21 { left: 87.5%; } .ant-col-xs-pull-21 { right: 87.5%; } .ant-col-xs-offset-21 { margin-left: 87.5%; } .ant-col-xs-order-21 { order: 21; } .ant-col-xs-20 { display: block; flex: 0 0 83.3333%; max-width: 83.3333%; } .ant-col-xs-push-20 { left: 83.3333%; } .ant-col-xs-pull-20 { right: 83.3333%; } .ant-col-xs-offset-20 { margin-left: 83.3333%; } .ant-col-xs-order-20 { order: 20; } .ant-col-xs-19 { display: block; flex: 0 0 79.1667%; max-width: 79.1667%; } .ant-col-xs-push-19 { left: 79.1667%; } .ant-col-xs-pull-19 { right: 79.1667%; } .ant-col-xs-offset-19 { margin-left: 79.1667%; } .ant-col-xs-order-19 { order: 19; } .ant-col-xs-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-xs-push-18 { left: 75%; } .ant-col-xs-pull-18 { right: 75%; } .ant-col-xs-offset-18 { margin-left: 75%; } .ant-col-xs-order-18 { order: 18; } .ant-col-xs-17 { display: block; flex: 0 0 70.8333%; max-width: 70.8333%; } .ant-col-xs-push-17 { left: 70.8333%; } .ant-col-xs-pull-17 { right: 70.8333%; } .ant-col-xs-offset-17 { margin-left: 70.8333%; } .ant-col-xs-order-17 { order: 17; } .ant-col-xs-16 { display: block; flex: 0 0 66.6667%; max-width: 66.6667%; } .ant-col-xs-push-16 { left: 66.6667%; } .ant-col-xs-pull-16 { right: 66.6667%; } .ant-col-xs-offset-16 { margin-left: 66.6667%; } .ant-col-xs-order-16 { order: 16; } .ant-col-xs-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-xs-push-15 { left: 62.5%; } .ant-col-xs-pull-15 { right: 62.5%; } .ant-col-xs-offset-15 { margin-left: 62.5%; } .ant-col-xs-order-15 { order: 15; } .ant-col-xs-14 { display: block; flex: 0 0 58.3333%; max-width: 58.3333%; } .ant-col-xs-push-14 { left: 58.3333%; } .ant-col-xs-pull-14 { right: 58.3333%; } .ant-col-xs-offset-14 { margin-left: 58.3333%; } .ant-col-xs-order-14 { order: 14; } .ant-col-xs-13 { display: block; flex: 0 0 54.1667%; max-width: 54.1667%; } .ant-col-xs-push-13 { left: 54.1667%; } .ant-col-xs-pull-13 { right: 54.1667%; } .ant-col-xs-offset-13 { margin-left: 54.1667%; } .ant-col-xs-order-13 { order: 13; } .ant-col-xs-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-xs-push-12 { left: 50%; } .ant-col-xs-pull-12 { right: 50%; } .ant-col-xs-offset-12 { margin-left: 50%; } .ant-col-xs-order-12 { order: 12; } .ant-col-xs-11 { display: block; flex: 0 0 45.8333%; max-width: 45.8333%; } .ant-col-xs-push-11 { left: 45.8333%; } .ant-col-xs-pull-11 { right: 45.8333%; } .ant-col-xs-offset-11 { margin-left: 45.8333%; } .ant-col-xs-order-11 { order: 11; } .ant-col-xs-10 { display: block; flex: 0 0 41.6667%; max-width: 41.6667%; } .ant-col-xs-push-10 { left: 41.6667%; } .ant-col-xs-pull-10 { right: 41.6667%; } .ant-col-xs-offset-10 { margin-left: 41.6667%; } .ant-col-xs-order-10 { order: 10; } .ant-col-xs-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-xs-push-9 { left: 37.5%; } .ant-col-xs-pull-9 { right: 37.5%; } .ant-col-xs-offset-9 { margin-left: 37.5%; } .ant-col-xs-order-9 { order: 9; } .ant-col-xs-8 { display: block; flex: 0 0 33.3333%; max-width: 33.3333%; } .ant-col-xs-push-8 { left: 33.3333%; } .ant-col-xs-pull-8 { right: 33.3333%; } .ant-col-xs-offset-8 { margin-left: 33.3333%; } .ant-col-xs-order-8 { order: 8; } .ant-col-xs-7 { display: block; flex: 0 0 29.1667%; max-width: 29.1667%; } .ant-col-xs-push-7 { left: 29.1667%; } .ant-col-xs-pull-7 { right: 29.1667%; } .ant-col-xs-offset-7 { margin-left: 29.1667%; } .ant-col-xs-order-7 { order: 7; } .ant-col-xs-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-xs-push-6 { left: 25%; } .ant-col-xs-pull-6 { right: 25%; } .ant-col-xs-offset-6 { margin-left: 25%; } .ant-col-xs-order-6 { order: 6; } .ant-col-xs-5 { display: block; flex: 0 0 20.8333%; max-width: 20.8333%; } .ant-col-xs-push-5 { left: 20.8333%; } .ant-col-xs-pull-5 { right: 20.8333%; } .ant-col-xs-offset-5 { margin-left: 20.8333%; } .ant-col-xs-order-5 { order: 5; } .ant-col-xs-4 { display: block; flex: 0 0 16.6667%; max-width: 16.6667%; } .ant-col-xs-push-4 { left: 16.6667%; } .ant-col-xs-pull-4 { right: 16.6667%; } .ant-col-xs-offset-4 { margin-left: 16.6667%; } .ant-col-xs-order-4 { order: 4; } .ant-col-xs-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-xs-push-3 { left: 12.5%; } .ant-col-xs-pull-3 { right: 12.5%; } .ant-col-xs-offset-3 { margin-left: 12.5%; } .ant-col-xs-order-3 { order: 3; } .ant-col-xs-2 { display: block; flex: 0 0 8.33333%; max-width: 8.33333%; } .ant-col-xs-push-2 { left: 8.33333%; } .ant-col-xs-pull-2 { right: 8.33333%; } .ant-col-xs-offset-2 { margin-left: 8.33333%; } .ant-col-xs-order-2 { order: 2; } .ant-col-xs-1 { display: block; flex: 0 0 4.16667%; max-width: 4.16667%; } .ant-col-xs-push-1 { left: 4.16667%; } .ant-col-xs-pull-1 { right: 4.16667%; } .ant-col-xs-offset-1 { margin-left: 4.16667%; } .ant-col-xs-order-1 { order: 1; } .ant-col-xs-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xs-push-0 { left: auto; } .ant-col-xs-pull-0 { right: auto; } .ant-col-xs-offset-0 { margin-left: 0px; } .ant-col-xs-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-xs-push-0.ant-col-rtl { right: auto; } .ant-col-xs-pull-0.ant-col-rtl { left: auto; } .ant-col-xs-offset-0.ant-col-rtl { margin-right: 0px; } .ant-col-xs-push-1.ant-col-rtl { right: 4.16667%; left: auto; } .ant-col-xs-pull-1.ant-col-rtl { right: auto; left: 4.16667%; } .ant-col-xs-offset-1.ant-col-rtl { margin-right: 4.16667%; margin-left: 0px; } .ant-col-xs-push-2.ant-col-rtl { right: 8.33333%; left: auto; } .ant-col-xs-pull-2.ant-col-rtl { right: auto; left: 8.33333%; } .ant-col-xs-offset-2.ant-col-rtl { margin-right: 8.33333%; margin-left: 0px; } .ant-col-xs-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-xs-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-xs-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0px; } .ant-col-xs-push-4.ant-col-rtl { right: 16.6667%; left: auto; } .ant-col-xs-pull-4.ant-col-rtl { right: auto; left: 16.6667%; } .ant-col-xs-offset-4.ant-col-rtl { margin-right: 16.6667%; margin-left: 0px; } .ant-col-xs-push-5.ant-col-rtl { right: 20.8333%; left: auto; } .ant-col-xs-pull-5.ant-col-rtl { right: auto; left: 20.8333%; } .ant-col-xs-offset-5.ant-col-rtl { margin-right: 20.8333%; margin-left: 0px; } .ant-col-xs-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-xs-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-xs-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0px; } .ant-col-xs-push-7.ant-col-rtl { right: 29.1667%; left: auto; } .ant-col-xs-pull-7.ant-col-rtl { right: auto; left: 29.1667%; } .ant-col-xs-offset-7.ant-col-rtl { margin-right: 29.1667%; margin-left: 0px; } .ant-col-xs-push-8.ant-col-rtl { right: 33.3333%; left: auto; } .ant-col-xs-pull-8.ant-col-rtl { right: auto; left: 33.3333%; } .ant-col-xs-offset-8.ant-col-rtl { margin-right: 33.3333%; margin-left: 0px; } .ant-col-xs-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-xs-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-xs-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0px; } .ant-col-xs-push-10.ant-col-rtl { right: 41.6667%; left: auto; } .ant-col-xs-pull-10.ant-col-rtl { right: auto; left: 41.6667%; } .ant-col-xs-offset-10.ant-col-rtl { margin-right: 41.6667%; margin-left: 0px; } .ant-col-xs-push-11.ant-col-rtl { right: 45.8333%; left: auto; } .ant-col-xs-pull-11.ant-col-rtl { right: auto; left: 45.8333%; } .ant-col-xs-offset-11.ant-col-rtl { margin-right: 45.8333%; margin-left: 0px; } .ant-col-xs-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-xs-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-xs-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0px; } .ant-col-xs-push-13.ant-col-rtl { right: 54.1667%; left: auto; } .ant-col-xs-pull-13.ant-col-rtl { right: auto; left: 54.1667%; } .ant-col-xs-offset-13.ant-col-rtl { margin-right: 54.1667%; margin-left: 0px; } .ant-col-xs-push-14.ant-col-rtl { right: 58.3333%; left: auto; } .ant-col-xs-pull-14.ant-col-rtl { right: auto; left: 58.3333%; } .ant-col-xs-offset-14.ant-col-rtl { margin-right: 58.3333%; margin-left: 0px; } .ant-col-xs-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-xs-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-xs-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0px; } .ant-col-xs-push-16.ant-col-rtl { right: 66.6667%; left: auto; } .ant-col-xs-pull-16.ant-col-rtl { right: auto; left: 66.6667%; } .ant-col-xs-offset-16.ant-col-rtl { margin-right: 66.6667%; margin-left: 0px; } .ant-col-xs-push-17.ant-col-rtl { right: 70.8333%; left: auto; } .ant-col-xs-pull-17.ant-col-rtl { right: auto; left: 70.8333%; } .ant-col-xs-offset-17.ant-col-rtl { margin-right: 70.8333%; margin-left: 0px; } .ant-col-xs-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-xs-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-xs-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0px; } .ant-col-xs-push-19.ant-col-rtl { right: 79.1667%; left: auto; } .ant-col-xs-pull-19.ant-col-rtl { right: auto; left: 79.1667%; } .ant-col-xs-offset-19.ant-col-rtl { margin-right: 79.1667%; margin-left: 0px; } .ant-col-xs-push-20.ant-col-rtl { right: 83.3333%; left: auto; } .ant-col-xs-pull-20.ant-col-rtl { right: auto; left: 83.3333%; } .ant-col-xs-offset-20.ant-col-rtl { margin-right: 83.3333%; margin-left: 0px; } .ant-col-xs-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-xs-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-xs-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0px; } .ant-col-xs-push-22.ant-col-rtl { right: 91.6667%; left: auto; } .ant-col-xs-pull-22.ant-col-rtl { right: auto; left: 91.6667%; } .ant-col-xs-offset-22.ant-col-rtl { margin-right: 91.6667%; margin-left: 0px; } .ant-col-xs-push-23.ant-col-rtl { right: 95.8333%; left: auto; } .ant-col-xs-pull-23.ant-col-rtl { right: auto; left: 95.8333%; } .ant-col-xs-offset-23.ant-col-rtl { margin-right: 95.8333%; margin-left: 0px; } .ant-col-xs-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-xs-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-xs-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0px; } @media (min-width: 576px) { .ant-col-sm-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-sm-push-24 { left: 100%; } .ant-col-sm-pull-24 { right: 100%; } .ant-col-sm-offset-24 { margin-left: 100%; } .ant-col-sm-order-24 { order: 24; } .ant-col-sm-23 { display: block; flex: 0 0 95.8333%; max-width: 95.8333%; } .ant-col-sm-push-23 { left: 95.8333%; } .ant-col-sm-pull-23 { right: 95.8333%; } .ant-col-sm-offset-23 { margin-left: 95.8333%; } .ant-col-sm-order-23 { order: 23; } .ant-col-sm-22 { display: block; flex: 0 0 91.6667%; max-width: 91.6667%; } .ant-col-sm-push-22 { left: 91.6667%; } .ant-col-sm-pull-22 { right: 91.6667%; } .ant-col-sm-offset-22 { margin-left: 91.6667%; } .ant-col-sm-order-22 { order: 22; } .ant-col-sm-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-sm-push-21 { left: 87.5%; } .ant-col-sm-pull-21 { right: 87.5%; } .ant-col-sm-offset-21 { margin-left: 87.5%; } .ant-col-sm-order-21 { order: 21; } .ant-col-sm-20 { display: block; flex: 0 0 83.3333%; max-width: 83.3333%; } .ant-col-sm-push-20 { left: 83.3333%; } .ant-col-sm-pull-20 { right: 83.3333%; } .ant-col-sm-offset-20 { margin-left: 83.3333%; } .ant-col-sm-order-20 { order: 20; } .ant-col-sm-19 { display: block; flex: 0 0 79.1667%; max-width: 79.1667%; } .ant-col-sm-push-19 { left: 79.1667%; } .ant-col-sm-pull-19 { right: 79.1667%; } .ant-col-sm-offset-19 { margin-left: 79.1667%; } .ant-col-sm-order-19 { order: 19; } .ant-col-sm-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-sm-push-18 { left: 75%; } .ant-col-sm-pull-18 { right: 75%; } .ant-col-sm-offset-18 { margin-left: 75%; } .ant-col-sm-order-18 { order: 18; } .ant-col-sm-17 { display: block; flex: 0 0 70.8333%; max-width: 70.8333%; } .ant-col-sm-push-17 { left: 70.8333%; } .ant-col-sm-pull-17 { right: 70.8333%; } .ant-col-sm-offset-17 { margin-left: 70.8333%; } .ant-col-sm-order-17 { order: 17; } .ant-col-sm-16 { display: block; flex: 0 0 66.6667%; max-width: 66.6667%; } .ant-col-sm-push-16 { left: 66.6667%; } .ant-col-sm-pull-16 { right: 66.6667%; } .ant-col-sm-offset-16 { margin-left: 66.6667%; } .ant-col-sm-order-16 { order: 16; } .ant-col-sm-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-sm-push-15 { left: 62.5%; } .ant-col-sm-pull-15 { right: 62.5%; } .ant-col-sm-offset-15 { margin-left: 62.5%; } .ant-col-sm-order-15 { order: 15; } .ant-col-sm-14 { display: block; flex: 0 0 58.3333%; max-width: 58.3333%; } .ant-col-sm-push-14 { left: 58.3333%; } .ant-col-sm-pull-14 { right: 58.3333%; } .ant-col-sm-offset-14 { margin-left: 58.3333%; } .ant-col-sm-order-14 { order: 14; } .ant-col-sm-13 { display: block; flex: 0 0 54.1667%; max-width: 54.1667%; } .ant-col-sm-push-13 { left: 54.1667%; } .ant-col-sm-pull-13 { right: 54.1667%; } .ant-col-sm-offset-13 { margin-left: 54.1667%; } .ant-col-sm-order-13 { order: 13; } .ant-col-sm-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-sm-push-12 { left: 50%; } .ant-col-sm-pull-12 { right: 50%; } .ant-col-sm-offset-12 { margin-left: 50%; } .ant-col-sm-order-12 { order: 12; } .ant-col-sm-11 { display: block; flex: 0 0 45.8333%; max-width: 45.8333%; } .ant-col-sm-push-11 { left: 45.8333%; } .ant-col-sm-pull-11 { right: 45.8333%; } .ant-col-sm-offset-11 { margin-left: 45.8333%; } .ant-col-sm-order-11 { order: 11; } .ant-col-sm-10 { display: block; flex: 0 0 41.6667%; max-width: 41.6667%; } .ant-col-sm-push-10 { left: 41.6667%; } .ant-col-sm-pull-10 { right: 41.6667%; } .ant-col-sm-offset-10 { margin-left: 41.6667%; } .ant-col-sm-order-10 { order: 10; } .ant-col-sm-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-sm-push-9 { left: 37.5%; } .ant-col-sm-pull-9 { right: 37.5%; } .ant-col-sm-offset-9 { margin-left: 37.5%; } .ant-col-sm-order-9 { order: 9; } .ant-col-sm-8 { display: block; flex: 0 0 33.3333%; max-width: 33.3333%; } .ant-col-sm-push-8 { left: 33.3333%; } .ant-col-sm-pull-8 { right: 33.3333%; } .ant-col-sm-offset-8 { margin-left: 33.3333%; } .ant-col-sm-order-8 { order: 8; } .ant-col-sm-7 { display: block; flex: 0 0 29.1667%; max-width: 29.1667%; } .ant-col-sm-push-7 { left: 29.1667%; } .ant-col-sm-pull-7 { right: 29.1667%; } .ant-col-sm-offset-7 { margin-left: 29.1667%; } .ant-col-sm-order-7 { order: 7; } .ant-col-sm-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-sm-push-6 { left: 25%; } .ant-col-sm-pull-6 { right: 25%; } .ant-col-sm-offset-6 { margin-left: 25%; } .ant-col-sm-order-6 { order: 6; } .ant-col-sm-5 { display: block; flex: 0 0 20.8333%; max-width: 20.8333%; } .ant-col-sm-push-5 { left: 20.8333%; } .ant-col-sm-pull-5 { right: 20.8333%; } .ant-col-sm-offset-5 { margin-left: 20.8333%; } .ant-col-sm-order-5 { order: 5; } .ant-col-sm-4 { display: block; flex: 0 0 16.6667%; max-width: 16.6667%; } .ant-col-sm-push-4 { left: 16.6667%; } .ant-col-sm-pull-4 { right: 16.6667%; } .ant-col-sm-offset-4 { margin-left: 16.6667%; } .ant-col-sm-order-4 { order: 4; } .ant-col-sm-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-sm-push-3 { left: 12.5%; } .ant-col-sm-pull-3 { right: 12.5%; } .ant-col-sm-offset-3 { margin-left: 12.5%; } .ant-col-sm-order-3 { order: 3; } .ant-col-sm-2 { display: block; flex: 0 0 8.33333%; max-width: 8.33333%; } .ant-col-sm-push-2 { left: 8.33333%; } .ant-col-sm-pull-2 { right: 8.33333%; } .ant-col-sm-offset-2 { margin-left: 8.33333%; } .ant-col-sm-order-2 { order: 2; } .ant-col-sm-1 { display: block; flex: 0 0 4.16667%; max-width: 4.16667%; } .ant-col-sm-push-1 { left: 4.16667%; } .ant-col-sm-pull-1 { right: 4.16667%; } .ant-col-sm-offset-1 { margin-left: 4.16667%; } .ant-col-sm-order-1 { order: 1; } .ant-col-sm-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-sm-push-0 { left: auto; } .ant-col-sm-pull-0 { right: auto; } .ant-col-sm-offset-0 { margin-left: 0px; } .ant-col-sm-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-sm-push-0.ant-col-rtl { right: auto; } .ant-col-sm-pull-0.ant-col-rtl { left: auto; } .ant-col-sm-offset-0.ant-col-rtl { margin-right: 0px; } .ant-col-sm-push-1.ant-col-rtl { right: 4.16667%; left: auto; } .ant-col-sm-pull-1.ant-col-rtl { right: auto; left: 4.16667%; } .ant-col-sm-offset-1.ant-col-rtl { margin-right: 4.16667%; margin-left: 0px; } .ant-col-sm-push-2.ant-col-rtl { right: 8.33333%; left: auto; } .ant-col-sm-pull-2.ant-col-rtl { right: auto; left: 8.33333%; } .ant-col-sm-offset-2.ant-col-rtl { margin-right: 8.33333%; margin-left: 0px; } .ant-col-sm-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-sm-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-sm-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0px; } .ant-col-sm-push-4.ant-col-rtl { right: 16.6667%; left: auto; } .ant-col-sm-pull-4.ant-col-rtl { right: auto; left: 16.6667%; } .ant-col-sm-offset-4.ant-col-rtl { margin-right: 16.6667%; margin-left: 0px; } .ant-col-sm-push-5.ant-col-rtl { right: 20.8333%; left: auto; } .ant-col-sm-pull-5.ant-col-rtl { right: auto; left: 20.8333%; } .ant-col-sm-offset-5.ant-col-rtl { margin-right: 20.8333%; margin-left: 0px; } .ant-col-sm-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-sm-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-sm-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0px; } .ant-col-sm-push-7.ant-col-rtl { right: 29.1667%; left: auto; } .ant-col-sm-pull-7.ant-col-rtl { right: auto; left: 29.1667%; } .ant-col-sm-offset-7.ant-col-rtl { margin-right: 29.1667%; margin-left: 0px; } .ant-col-sm-push-8.ant-col-rtl { right: 33.3333%; left: auto; } .ant-col-sm-pull-8.ant-col-rtl { right: auto; left: 33.3333%; } .ant-col-sm-offset-8.ant-col-rtl { margin-right: 33.3333%; margin-left: 0px; } .ant-col-sm-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-sm-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-sm-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0px; } .ant-col-sm-push-10.ant-col-rtl { right: 41.6667%; left: auto; } .ant-col-sm-pull-10.ant-col-rtl { right: auto; left: 41.6667%; } .ant-col-sm-offset-10.ant-col-rtl { margin-right: 41.6667%; margin-left: 0px; } .ant-col-sm-push-11.ant-col-rtl { right: 45.8333%; left: auto; } .ant-col-sm-pull-11.ant-col-rtl { right: auto; left: 45.8333%; } .ant-col-sm-offset-11.ant-col-rtl { margin-right: 45.8333%; margin-left: 0px; } .ant-col-sm-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-sm-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-sm-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0px; } .ant-col-sm-push-13.ant-col-rtl { right: 54.1667%; left: auto; } .ant-col-sm-pull-13.ant-col-rtl { right: auto; left: 54.1667%; } .ant-col-sm-offset-13.ant-col-rtl { margin-right: 54.1667%; margin-left: 0px; } .ant-col-sm-push-14.ant-col-rtl { right: 58.3333%; left: auto; } .ant-col-sm-pull-14.ant-col-rtl { right: auto; left: 58.3333%; } .ant-col-sm-offset-14.ant-col-rtl { margin-right: 58.3333%; margin-left: 0px; } .ant-col-sm-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-sm-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-sm-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0px; } .ant-col-sm-push-16.ant-col-rtl { right: 66.6667%; left: auto; } .ant-col-sm-pull-16.ant-col-rtl { right: auto; left: 66.6667%; } .ant-col-sm-offset-16.ant-col-rtl { margin-right: 66.6667%; margin-left: 0px; } .ant-col-sm-push-17.ant-col-rtl { right: 70.8333%; left: auto; } .ant-col-sm-pull-17.ant-col-rtl { right: auto; left: 70.8333%; } .ant-col-sm-offset-17.ant-col-rtl { margin-right: 70.8333%; margin-left: 0px; } .ant-col-sm-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-sm-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-sm-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0px; } .ant-col-sm-push-19.ant-col-rtl { right: 79.1667%; left: auto; } .ant-col-sm-pull-19.ant-col-rtl { right: auto; left: 79.1667%; } .ant-col-sm-offset-19.ant-col-rtl { margin-right: 79.1667%; margin-left: 0px; } .ant-col-sm-push-20.ant-col-rtl { right: 83.3333%; left: auto; } .ant-col-sm-pull-20.ant-col-rtl { right: auto; left: 83.3333%; } .ant-col-sm-offset-20.ant-col-rtl { margin-right: 83.3333%; margin-left: 0px; } .ant-col-sm-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-sm-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-sm-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0px; } .ant-col-sm-push-22.ant-col-rtl { right: 91.6667%; left: auto; } .ant-col-sm-pull-22.ant-col-rtl { right: auto; left: 91.6667%; } .ant-col-sm-offset-22.ant-col-rtl { margin-right: 91.6667%; margin-left: 0px; } .ant-col-sm-push-23.ant-col-rtl { right: 95.8333%; left: auto; } .ant-col-sm-pull-23.ant-col-rtl { right: auto; left: 95.8333%; } .ant-col-sm-offset-23.ant-col-rtl { margin-right: 95.8333%; margin-left: 0px; } .ant-col-sm-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-sm-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-sm-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0px; } } @media (min-width: 768px) { .ant-col-md-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-md-push-24 { left: 100%; } .ant-col-md-pull-24 { right: 100%; } .ant-col-md-offset-24 { margin-left: 100%; } .ant-col-md-order-24 { order: 24; } .ant-col-md-23 { display: block; flex: 0 0 95.8333%; max-width: 95.8333%; } .ant-col-md-push-23 { left: 95.8333%; } .ant-col-md-pull-23 { right: 95.8333%; } .ant-col-md-offset-23 { margin-left: 95.8333%; } .ant-col-md-order-23 { order: 23; } .ant-col-md-22 { display: block; flex: 0 0 91.6667%; max-width: 91.6667%; } .ant-col-md-push-22 { left: 91.6667%; } .ant-col-md-pull-22 { right: 91.6667%; } .ant-col-md-offset-22 { margin-left: 91.6667%; } .ant-col-md-order-22 { order: 22; } .ant-col-md-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-md-push-21 { left: 87.5%; } .ant-col-md-pull-21 { right: 87.5%; } .ant-col-md-offset-21 { margin-left: 87.5%; } .ant-col-md-order-21 { order: 21; } .ant-col-md-20 { display: block; flex: 0 0 83.3333%; max-width: 83.3333%; } .ant-col-md-push-20 { left: 83.3333%; } .ant-col-md-pull-20 { right: 83.3333%; } .ant-col-md-offset-20 { margin-left: 83.3333%; } .ant-col-md-order-20 { order: 20; } .ant-col-md-19 { display: block; flex: 0 0 79.1667%; max-width: 79.1667%; } .ant-col-md-push-19 { left: 79.1667%; } .ant-col-md-pull-19 { right: 79.1667%; } .ant-col-md-offset-19 { margin-left: 79.1667%; } .ant-col-md-order-19 { order: 19; } .ant-col-md-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-md-push-18 { left: 75%; } .ant-col-md-pull-18 { right: 75%; } .ant-col-md-offset-18 { margin-left: 75%; } .ant-col-md-order-18 { order: 18; } .ant-col-md-17 { display: block; flex: 0 0 70.8333%; max-width: 70.8333%; } .ant-col-md-push-17 { left: 70.8333%; } .ant-col-md-pull-17 { right: 70.8333%; } .ant-col-md-offset-17 { margin-left: 70.8333%; } .ant-col-md-order-17 { order: 17; } .ant-col-md-16 { display: block; flex: 0 0 66.6667%; max-width: 66.6667%; } .ant-col-md-push-16 { left: 66.6667%; } .ant-col-md-pull-16 { right: 66.6667%; } .ant-col-md-offset-16 { margin-left: 66.6667%; } .ant-col-md-order-16 { order: 16; } .ant-col-md-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-md-push-15 { left: 62.5%; } .ant-col-md-pull-15 { right: 62.5%; } .ant-col-md-offset-15 { margin-left: 62.5%; } .ant-col-md-order-15 { order: 15; } .ant-col-md-14 { display: block; flex: 0 0 58.3333%; max-width: 58.3333%; } .ant-col-md-push-14 { left: 58.3333%; } .ant-col-md-pull-14 { right: 58.3333%; } .ant-col-md-offset-14 { margin-left: 58.3333%; } .ant-col-md-order-14 { order: 14; } .ant-col-md-13 { display: block; flex: 0 0 54.1667%; max-width: 54.1667%; } .ant-col-md-push-13 { left: 54.1667%; } .ant-col-md-pull-13 { right: 54.1667%; } .ant-col-md-offset-13 { margin-left: 54.1667%; } .ant-col-md-order-13 { order: 13; } .ant-col-md-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-md-push-12 { left: 50%; } .ant-col-md-pull-12 { right: 50%; } .ant-col-md-offset-12 { margin-left: 50%; } .ant-col-md-order-12 { order: 12; } .ant-col-md-11 { display: block; flex: 0 0 45.8333%; max-width: 45.8333%; } .ant-col-md-push-11 { left: 45.8333%; } .ant-col-md-pull-11 { right: 45.8333%; } .ant-col-md-offset-11 { margin-left: 45.8333%; } .ant-col-md-order-11 { order: 11; } .ant-col-md-10 { display: block; flex: 0 0 41.6667%; max-width: 41.6667%; } .ant-col-md-push-10 { left: 41.6667%; } .ant-col-md-pull-10 { right: 41.6667%; } .ant-col-md-offset-10 { margin-left: 41.6667%; } .ant-col-md-order-10 { order: 10; } .ant-col-md-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-md-push-9 { left: 37.5%; } .ant-col-md-pull-9 { right: 37.5%; } .ant-col-md-offset-9 { margin-left: 37.5%; } .ant-col-md-order-9 { order: 9; } .ant-col-md-8 { display: block; flex: 0 0 33.3333%; max-width: 33.3333%; } .ant-col-md-push-8 { left: 33.3333%; } .ant-col-md-pull-8 { right: 33.3333%; } .ant-col-md-offset-8 { margin-left: 33.3333%; } .ant-col-md-order-8 { order: 8; } .ant-col-md-7 { display: block; flex: 0 0 29.1667%; max-width: 29.1667%; } .ant-col-md-push-7 { left: 29.1667%; } .ant-col-md-pull-7 { right: 29.1667%; } .ant-col-md-offset-7 { margin-left: 29.1667%; } .ant-col-md-order-7 { order: 7; } .ant-col-md-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-md-push-6 { left: 25%; } .ant-col-md-pull-6 { right: 25%; } .ant-col-md-offset-6 { margin-left: 25%; } .ant-col-md-order-6 { order: 6; } .ant-col-md-5 { display: block; flex: 0 0 20.8333%; max-width: 20.8333%; } .ant-col-md-push-5 { left: 20.8333%; } .ant-col-md-pull-5 { right: 20.8333%; } .ant-col-md-offset-5 { margin-left: 20.8333%; } .ant-col-md-order-5 { order: 5; } .ant-col-md-4 { display: block; flex: 0 0 16.6667%; max-width: 16.6667%; } .ant-col-md-push-4 { left: 16.6667%; } .ant-col-md-pull-4 { right: 16.6667%; } .ant-col-md-offset-4 { margin-left: 16.6667%; } .ant-col-md-order-4 { order: 4; } .ant-col-md-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-md-push-3 { left: 12.5%; } .ant-col-md-pull-3 { right: 12.5%; } .ant-col-md-offset-3 { margin-left: 12.5%; } .ant-col-md-order-3 { order: 3; } .ant-col-md-2 { display: block; flex: 0 0 8.33333%; max-width: 8.33333%; } .ant-col-md-push-2 { left: 8.33333%; } .ant-col-md-pull-2 { right: 8.33333%; } .ant-col-md-offset-2 { margin-left: 8.33333%; } .ant-col-md-order-2 { order: 2; } .ant-col-md-1 { display: block; flex: 0 0 4.16667%; max-width: 4.16667%; } .ant-col-md-push-1 { left: 4.16667%; } .ant-col-md-pull-1 { right: 4.16667%; } .ant-col-md-offset-1 { margin-left: 4.16667%; } .ant-col-md-order-1 { order: 1; } .ant-col-md-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-md-push-0 { left: auto; } .ant-col-md-pull-0 { right: auto; } .ant-col-md-offset-0 { margin-left: 0px; } .ant-col-md-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-md-push-0.ant-col-rtl { right: auto; } .ant-col-md-pull-0.ant-col-rtl { left: auto; } .ant-col-md-offset-0.ant-col-rtl { margin-right: 0px; } .ant-col-md-push-1.ant-col-rtl { right: 4.16667%; left: auto; } .ant-col-md-pull-1.ant-col-rtl { right: auto; left: 4.16667%; } .ant-col-md-offset-1.ant-col-rtl { margin-right: 4.16667%; margin-left: 0px; } .ant-col-md-push-2.ant-col-rtl { right: 8.33333%; left: auto; } .ant-col-md-pull-2.ant-col-rtl { right: auto; left: 8.33333%; } .ant-col-md-offset-2.ant-col-rtl { margin-right: 8.33333%; margin-left: 0px; } .ant-col-md-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-md-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-md-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0px; } .ant-col-md-push-4.ant-col-rtl { right: 16.6667%; left: auto; } .ant-col-md-pull-4.ant-col-rtl { right: auto; left: 16.6667%; } .ant-col-md-offset-4.ant-col-rtl { margin-right: 16.6667%; margin-left: 0px; } .ant-col-md-push-5.ant-col-rtl { right: 20.8333%; left: auto; } .ant-col-md-pull-5.ant-col-rtl { right: auto; left: 20.8333%; } .ant-col-md-offset-5.ant-col-rtl { margin-right: 20.8333%; margin-left: 0px; } .ant-col-md-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-md-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-md-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0px; } .ant-col-md-push-7.ant-col-rtl { right: 29.1667%; left: auto; } .ant-col-md-pull-7.ant-col-rtl { right: auto; left: 29.1667%; } .ant-col-md-offset-7.ant-col-rtl { margin-right: 29.1667%; margin-left: 0px; } .ant-col-md-push-8.ant-col-rtl { right: 33.3333%; left: auto; } .ant-col-md-pull-8.ant-col-rtl { right: auto; left: 33.3333%; } .ant-col-md-offset-8.ant-col-rtl { margin-right: 33.3333%; margin-left: 0px; } .ant-col-md-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-md-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-md-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0px; } .ant-col-md-push-10.ant-col-rtl { right: 41.6667%; left: auto; } .ant-col-md-pull-10.ant-col-rtl { right: auto; left: 41.6667%; } .ant-col-md-offset-10.ant-col-rtl { margin-right: 41.6667%; margin-left: 0px; } .ant-col-md-push-11.ant-col-rtl { right: 45.8333%; left: auto; } .ant-col-md-pull-11.ant-col-rtl { right: auto; left: 45.8333%; } .ant-col-md-offset-11.ant-col-rtl { margin-right: 45.8333%; margin-left: 0px; } .ant-col-md-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-md-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-md-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0px; } .ant-col-md-push-13.ant-col-rtl { right: 54.1667%; left: auto; } .ant-col-md-pull-13.ant-col-rtl { right: auto; left: 54.1667%; } .ant-col-md-offset-13.ant-col-rtl { margin-right: 54.1667%; margin-left: 0px; } .ant-col-md-push-14.ant-col-rtl { right: 58.3333%; left: auto; } .ant-col-md-pull-14.ant-col-rtl { right: auto; left: 58.3333%; } .ant-col-md-offset-14.ant-col-rtl { margin-right: 58.3333%; margin-left: 0px; } .ant-col-md-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-md-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-md-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0px; } .ant-col-md-push-16.ant-col-rtl { right: 66.6667%; left: auto; } .ant-col-md-pull-16.ant-col-rtl { right: auto; left: 66.6667%; } .ant-col-md-offset-16.ant-col-rtl { margin-right: 66.6667%; margin-left: 0px; } .ant-col-md-push-17.ant-col-rtl { right: 70.8333%; left: auto; } .ant-col-md-pull-17.ant-col-rtl { right: auto; left: 70.8333%; } .ant-col-md-offset-17.ant-col-rtl { margin-right: 70.8333%; margin-left: 0px; } .ant-col-md-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-md-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-md-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0px; } .ant-col-md-push-19.ant-col-rtl { right: 79.1667%; left: auto; } .ant-col-md-pull-19.ant-col-rtl { right: auto; left: 79.1667%; } .ant-col-md-offset-19.ant-col-rtl { margin-right: 79.1667%; margin-left: 0px; } .ant-col-md-push-20.ant-col-rtl { right: 83.3333%; left: auto; } .ant-col-md-pull-20.ant-col-rtl { right: auto; left: 83.3333%; } .ant-col-md-offset-20.ant-col-rtl { margin-right: 83.3333%; margin-left: 0px; } .ant-col-md-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-md-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-md-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0px; } .ant-col-md-push-22.ant-col-rtl { right: 91.6667%; left: auto; } .ant-col-md-pull-22.ant-col-rtl { right: auto; left: 91.6667%; } .ant-col-md-offset-22.ant-col-rtl { margin-right: 91.6667%; margin-left: 0px; } .ant-col-md-push-23.ant-col-rtl { right: 95.8333%; left: auto; } .ant-col-md-pull-23.ant-col-rtl { right: auto; left: 95.8333%; } .ant-col-md-offset-23.ant-col-rtl { margin-right: 95.8333%; margin-left: 0px; } .ant-col-md-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-md-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-md-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0px; } } @media (min-width: 992px) { .ant-col-lg-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-lg-push-24 { left: 100%; } .ant-col-lg-pull-24 { right: 100%; } .ant-col-lg-offset-24 { margin-left: 100%; } .ant-col-lg-order-24 { order: 24; } .ant-col-lg-23 { display: block; flex: 0 0 95.8333%; max-width: 95.8333%; } .ant-col-lg-push-23 { left: 95.8333%; } .ant-col-lg-pull-23 { right: 95.8333%; } .ant-col-lg-offset-23 { margin-left: 95.8333%; } .ant-col-lg-order-23 { order: 23; } .ant-col-lg-22 { display: block; flex: 0 0 91.6667%; max-width: 91.6667%; } .ant-col-lg-push-22 { left: 91.6667%; } .ant-col-lg-pull-22 { right: 91.6667%; } .ant-col-lg-offset-22 { margin-left: 91.6667%; } .ant-col-lg-order-22 { order: 22; } .ant-col-lg-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-lg-push-21 { left: 87.5%; } .ant-col-lg-pull-21 { right: 87.5%; } .ant-col-lg-offset-21 { margin-left: 87.5%; } .ant-col-lg-order-21 { order: 21; } .ant-col-lg-20 { display: block; flex: 0 0 83.3333%; max-width: 83.3333%; } .ant-col-lg-push-20 { left: 83.3333%; } .ant-col-lg-pull-20 { right: 83.3333%; } .ant-col-lg-offset-20 { margin-left: 83.3333%; } .ant-col-lg-order-20 { order: 20; } .ant-col-lg-19 { display: block; flex: 0 0 79.1667%; max-width: 79.1667%; } .ant-col-lg-push-19 { left: 79.1667%; } .ant-col-lg-pull-19 { right: 79.1667%; } .ant-col-lg-offset-19 { margin-left: 79.1667%; } .ant-col-lg-order-19 { order: 19; } .ant-col-lg-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-lg-push-18 { left: 75%; } .ant-col-lg-pull-18 { right: 75%; } .ant-col-lg-offset-18 { margin-left: 75%; } .ant-col-lg-order-18 { order: 18; } .ant-col-lg-17 { display: block; flex: 0 0 70.8333%; max-width: 70.8333%; } .ant-col-lg-push-17 { left: 70.8333%; } .ant-col-lg-pull-17 { right: 70.8333%; } .ant-col-lg-offset-17 { margin-left: 70.8333%; } .ant-col-lg-order-17 { order: 17; } .ant-col-lg-16 { display: block; flex: 0 0 66.6667%; max-width: 66.6667%; } .ant-col-lg-push-16 { left: 66.6667%; } .ant-col-lg-pull-16 { right: 66.6667%; } .ant-col-lg-offset-16 { margin-left: 66.6667%; } .ant-col-lg-order-16 { order: 16; } .ant-col-lg-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-lg-push-15 { left: 62.5%; } .ant-col-lg-pull-15 { right: 62.5%; } .ant-col-lg-offset-15 { margin-left: 62.5%; } .ant-col-lg-order-15 { order: 15; } .ant-col-lg-14 { display: block; flex: 0 0 58.3333%; max-width: 58.3333%; } .ant-col-lg-push-14 { left: 58.3333%; } .ant-col-lg-pull-14 { right: 58.3333%; } .ant-col-lg-offset-14 { margin-left: 58.3333%; } .ant-col-lg-order-14 { order: 14; } .ant-col-lg-13 { display: block; flex: 0 0 54.1667%; max-width: 54.1667%; } .ant-col-lg-push-13 { left: 54.1667%; } .ant-col-lg-pull-13 { right: 54.1667%; } .ant-col-lg-offset-13 { margin-left: 54.1667%; } .ant-col-lg-order-13 { order: 13; } .ant-col-lg-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-lg-push-12 { left: 50%; } .ant-col-lg-pull-12 { right: 50%; } .ant-col-lg-offset-12 { margin-left: 50%; } .ant-col-lg-order-12 { order: 12; } .ant-col-lg-11 { display: block; flex: 0 0 45.8333%; max-width: 45.8333%; } .ant-col-lg-push-11 { left: 45.8333%; } .ant-col-lg-pull-11 { right: 45.8333%; } .ant-col-lg-offset-11 { margin-left: 45.8333%; } .ant-col-lg-order-11 { order: 11; } .ant-col-lg-10 { display: block; flex: 0 0 41.6667%; max-width: 41.6667%; } .ant-col-lg-push-10 { left: 41.6667%; } .ant-col-lg-pull-10 { right: 41.6667%; } .ant-col-lg-offset-10 { margin-left: 41.6667%; } .ant-col-lg-order-10 { order: 10; } .ant-col-lg-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-lg-push-9 { left: 37.5%; } .ant-col-lg-pull-9 { right: 37.5%; } .ant-col-lg-offset-9 { margin-left: 37.5%; } .ant-col-lg-order-9 { order: 9; } .ant-col-lg-8 { display: block; flex: 0 0 33.3333%; max-width: 33.3333%; } .ant-col-lg-push-8 { left: 33.3333%; } .ant-col-lg-pull-8 { right: 33.3333%; } .ant-col-lg-offset-8 { margin-left: 33.3333%; } .ant-col-lg-order-8 { order: 8; } .ant-col-lg-7 { display: block; flex: 0 0 29.1667%; max-width: 29.1667%; } .ant-col-lg-push-7 { left: 29.1667%; } .ant-col-lg-pull-7 { right: 29.1667%; } .ant-col-lg-offset-7 { margin-left: 29.1667%; } .ant-col-lg-order-7 { order: 7; } .ant-col-lg-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-lg-push-6 { left: 25%; } .ant-col-lg-pull-6 { right: 25%; } .ant-col-lg-offset-6 { margin-left: 25%; } .ant-col-lg-order-6 { order: 6; } .ant-col-lg-5 { display: block; flex: 0 0 20.8333%; max-width: 20.8333%; } .ant-col-lg-push-5 { left: 20.8333%; } .ant-col-lg-pull-5 { right: 20.8333%; } .ant-col-lg-offset-5 { margin-left: 20.8333%; } .ant-col-lg-order-5 { order: 5; } .ant-col-lg-4 { display: block; flex: 0 0 16.6667%; max-width: 16.6667%; } .ant-col-lg-push-4 { left: 16.6667%; } .ant-col-lg-pull-4 { right: 16.6667%; } .ant-col-lg-offset-4 { margin-left: 16.6667%; } .ant-col-lg-order-4 { order: 4; } .ant-col-lg-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-lg-push-3 { left: 12.5%; } .ant-col-lg-pull-3 { right: 12.5%; } .ant-col-lg-offset-3 { margin-left: 12.5%; } .ant-col-lg-order-3 { order: 3; } .ant-col-lg-2 { display: block; flex: 0 0 8.33333%; max-width: 8.33333%; } .ant-col-lg-push-2 { left: 8.33333%; } .ant-col-lg-pull-2 { right: 8.33333%; } .ant-col-lg-offset-2 { margin-left: 8.33333%; } .ant-col-lg-order-2 { order: 2; } .ant-col-lg-1 { display: block; flex: 0 0 4.16667%; max-width: 4.16667%; } .ant-col-lg-push-1 { left: 4.16667%; } .ant-col-lg-pull-1 { right: 4.16667%; } .ant-col-lg-offset-1 { margin-left: 4.16667%; } .ant-col-lg-order-1 { order: 1; } .ant-col-lg-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-lg-push-0 { left: auto; } .ant-col-lg-pull-0 { right: auto; } .ant-col-lg-offset-0 { margin-left: 0px; } .ant-col-lg-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-lg-push-0.ant-col-rtl { right: auto; } .ant-col-lg-pull-0.ant-col-rtl { left: auto; } .ant-col-lg-offset-0.ant-col-rtl { margin-right: 0px; } .ant-col-lg-push-1.ant-col-rtl { right: 4.16667%; left: auto; } .ant-col-lg-pull-1.ant-col-rtl { right: auto; left: 4.16667%; } .ant-col-lg-offset-1.ant-col-rtl { margin-right: 4.16667%; margin-left: 0px; } .ant-col-lg-push-2.ant-col-rtl { right: 8.33333%; left: auto; } .ant-col-lg-pull-2.ant-col-rtl { right: auto; left: 8.33333%; } .ant-col-lg-offset-2.ant-col-rtl { margin-right: 8.33333%; margin-left: 0px; } .ant-col-lg-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-lg-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-lg-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0px; } .ant-col-lg-push-4.ant-col-rtl { right: 16.6667%; left: auto; } .ant-col-lg-pull-4.ant-col-rtl { right: auto; left: 16.6667%; } .ant-col-lg-offset-4.ant-col-rtl { margin-right: 16.6667%; margin-left: 0px; } .ant-col-lg-push-5.ant-col-rtl { right: 20.8333%; left: auto; } .ant-col-lg-pull-5.ant-col-rtl { right: auto; left: 20.8333%; } .ant-col-lg-offset-5.ant-col-rtl { margin-right: 20.8333%; margin-left: 0px; } .ant-col-lg-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-lg-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-lg-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0px; } .ant-col-lg-push-7.ant-col-rtl { right: 29.1667%; left: auto; } .ant-col-lg-pull-7.ant-col-rtl { right: auto; left: 29.1667%; } .ant-col-lg-offset-7.ant-col-rtl { margin-right: 29.1667%; margin-left: 0px; } .ant-col-lg-push-8.ant-col-rtl { right: 33.3333%; left: auto; } .ant-col-lg-pull-8.ant-col-rtl { right: auto; left: 33.3333%; } .ant-col-lg-offset-8.ant-col-rtl { margin-right: 33.3333%; margin-left: 0px; } .ant-col-lg-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-lg-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-lg-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0px; } .ant-col-lg-push-10.ant-col-rtl { right: 41.6667%; left: auto; } .ant-col-lg-pull-10.ant-col-rtl { right: auto; left: 41.6667%; } .ant-col-lg-offset-10.ant-col-rtl { margin-right: 41.6667%; margin-left: 0px; } .ant-col-lg-push-11.ant-col-rtl { right: 45.8333%; left: auto; } .ant-col-lg-pull-11.ant-col-rtl { right: auto; left: 45.8333%; } .ant-col-lg-offset-11.ant-col-rtl { margin-right: 45.8333%; margin-left: 0px; } .ant-col-lg-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-lg-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-lg-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0px; } .ant-col-lg-push-13.ant-col-rtl { right: 54.1667%; left: auto; } .ant-col-lg-pull-13.ant-col-rtl { right: auto; left: 54.1667%; } .ant-col-lg-offset-13.ant-col-rtl { margin-right: 54.1667%; margin-left: 0px; } .ant-col-lg-push-14.ant-col-rtl { right: 58.3333%; left: auto; } .ant-col-lg-pull-14.ant-col-rtl { right: auto; left: 58.3333%; } .ant-col-lg-offset-14.ant-col-rtl { margin-right: 58.3333%; margin-left: 0px; } .ant-col-lg-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-lg-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-lg-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0px; } .ant-col-lg-push-16.ant-col-rtl { right: 66.6667%; left: auto; } .ant-col-lg-pull-16.ant-col-rtl { right: auto; left: 66.6667%; } .ant-col-lg-offset-16.ant-col-rtl { margin-right: 66.6667%; margin-left: 0px; } .ant-col-lg-push-17.ant-col-rtl { right: 70.8333%; left: auto; } .ant-col-lg-pull-17.ant-col-rtl { right: auto; left: 70.8333%; } .ant-col-lg-offset-17.ant-col-rtl { margin-right: 70.8333%; margin-left: 0px; } .ant-col-lg-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-lg-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-lg-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0px; } .ant-col-lg-push-19.ant-col-rtl { right: 79.1667%; left: auto; } .ant-col-lg-pull-19.ant-col-rtl { right: auto; left: 79.1667%; } .ant-col-lg-offset-19.ant-col-rtl { margin-right: 79.1667%; margin-left: 0px; } .ant-col-lg-push-20.ant-col-rtl { right: 83.3333%; left: auto; } .ant-col-lg-pull-20.ant-col-rtl { right: auto; left: 83.3333%; } .ant-col-lg-offset-20.ant-col-rtl { margin-right: 83.3333%; margin-left: 0px; } .ant-col-lg-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-lg-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-lg-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0px; } .ant-col-lg-push-22.ant-col-rtl { right: 91.6667%; left: auto; } .ant-col-lg-pull-22.ant-col-rtl { right: auto; left: 91.6667%; } .ant-col-lg-offset-22.ant-col-rtl { margin-right: 91.6667%; margin-left: 0px; } .ant-col-lg-push-23.ant-col-rtl { right: 95.8333%; left: auto; } .ant-col-lg-pull-23.ant-col-rtl { right: auto; left: 95.8333%; } .ant-col-lg-offset-23.ant-col-rtl { margin-right: 95.8333%; margin-left: 0px; } .ant-col-lg-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-lg-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-lg-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0px; } } @media (min-width: 1200px) { .ant-col-xl-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-xl-push-24 { left: 100%; } .ant-col-xl-pull-24 { right: 100%; } .ant-col-xl-offset-24 { margin-left: 100%; } .ant-col-xl-order-24 { order: 24; } .ant-col-xl-23 { display: block; flex: 0 0 95.8333%; max-width: 95.8333%; } .ant-col-xl-push-23 { left: 95.8333%; } .ant-col-xl-pull-23 { right: 95.8333%; } .ant-col-xl-offset-23 { margin-left: 95.8333%; } .ant-col-xl-order-23 { order: 23; } .ant-col-xl-22 { display: block; flex: 0 0 91.6667%; max-width: 91.6667%; } .ant-col-xl-push-22 { left: 91.6667%; } .ant-col-xl-pull-22 { right: 91.6667%; } .ant-col-xl-offset-22 { margin-left: 91.6667%; } .ant-col-xl-order-22 { order: 22; } .ant-col-xl-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-xl-push-21 { left: 87.5%; } .ant-col-xl-pull-21 { right: 87.5%; } .ant-col-xl-offset-21 { margin-left: 87.5%; } .ant-col-xl-order-21 { order: 21; } .ant-col-xl-20 { display: block; flex: 0 0 83.3333%; max-width: 83.3333%; } .ant-col-xl-push-20 { left: 83.3333%; } .ant-col-xl-pull-20 { right: 83.3333%; } .ant-col-xl-offset-20 { margin-left: 83.3333%; } .ant-col-xl-order-20 { order: 20; } .ant-col-xl-19 { display: block; flex: 0 0 79.1667%; max-width: 79.1667%; } .ant-col-xl-push-19 { left: 79.1667%; } .ant-col-xl-pull-19 { right: 79.1667%; } .ant-col-xl-offset-19 { margin-left: 79.1667%; } .ant-col-xl-order-19 { order: 19; } .ant-col-xl-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-xl-push-18 { left: 75%; } .ant-col-xl-pull-18 { right: 75%; } .ant-col-xl-offset-18 { margin-left: 75%; } .ant-col-xl-order-18 { order: 18; } .ant-col-xl-17 { display: block; flex: 0 0 70.8333%; max-width: 70.8333%; } .ant-col-xl-push-17 { left: 70.8333%; } .ant-col-xl-pull-17 { right: 70.8333%; } .ant-col-xl-offset-17 { margin-left: 70.8333%; } .ant-col-xl-order-17 { order: 17; } .ant-col-xl-16 { display: block; flex: 0 0 66.6667%; max-width: 66.6667%; } .ant-col-xl-push-16 { left: 66.6667%; } .ant-col-xl-pull-16 { right: 66.6667%; } .ant-col-xl-offset-16 { margin-left: 66.6667%; } .ant-col-xl-order-16 { order: 16; } .ant-col-xl-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-xl-push-15 { left: 62.5%; } .ant-col-xl-pull-15 { right: 62.5%; } .ant-col-xl-offset-15 { margin-left: 62.5%; } .ant-col-xl-order-15 { order: 15; } .ant-col-xl-14 { display: block; flex: 0 0 58.3333%; max-width: 58.3333%; } .ant-col-xl-push-14 { left: 58.3333%; } .ant-col-xl-pull-14 { right: 58.3333%; } .ant-col-xl-offset-14 { margin-left: 58.3333%; } .ant-col-xl-order-14 { order: 14; } .ant-col-xl-13 { display: block; flex: 0 0 54.1667%; max-width: 54.1667%; } .ant-col-xl-push-13 { left: 54.1667%; } .ant-col-xl-pull-13 { right: 54.1667%; } .ant-col-xl-offset-13 { margin-left: 54.1667%; } .ant-col-xl-order-13 { order: 13; } .ant-col-xl-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-xl-push-12 { left: 50%; } .ant-col-xl-pull-12 { right: 50%; } .ant-col-xl-offset-12 { margin-left: 50%; } .ant-col-xl-order-12 { order: 12; } .ant-col-xl-11 { display: block; flex: 0 0 45.8333%; max-width: 45.8333%; } .ant-col-xl-push-11 { left: 45.8333%; } .ant-col-xl-pull-11 { right: 45.8333%; } .ant-col-xl-offset-11 { margin-left: 45.8333%; } .ant-col-xl-order-11 { order: 11; } .ant-col-xl-10 { display: block; flex: 0 0 41.6667%; max-width: 41.6667%; } .ant-col-xl-push-10 { left: 41.6667%; } .ant-col-xl-pull-10 { right: 41.6667%; } .ant-col-xl-offset-10 { margin-left: 41.6667%; } .ant-col-xl-order-10 { order: 10; } .ant-col-xl-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-xl-push-9 { left: 37.5%; } .ant-col-xl-pull-9 { right: 37.5%; } .ant-col-xl-offset-9 { margin-left: 37.5%; } .ant-col-xl-order-9 { order: 9; } .ant-col-xl-8 { display: block; flex: 0 0 33.3333%; max-width: 33.3333%; } .ant-col-xl-push-8 { left: 33.3333%; } .ant-col-xl-pull-8 { right: 33.3333%; } .ant-col-xl-offset-8 { margin-left: 33.3333%; } .ant-col-xl-order-8 { order: 8; } .ant-col-xl-7 { display: block; flex: 0 0 29.1667%; max-width: 29.1667%; } .ant-col-xl-push-7 { left: 29.1667%; } .ant-col-xl-pull-7 { right: 29.1667%; } .ant-col-xl-offset-7 { margin-left: 29.1667%; } .ant-col-xl-order-7 { order: 7; } .ant-col-xl-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-xl-push-6 { left: 25%; } .ant-col-xl-pull-6 { right: 25%; } .ant-col-xl-offset-6 { margin-left: 25%; } .ant-col-xl-order-6 { order: 6; } .ant-col-xl-5 { display: block; flex: 0 0 20.8333%; max-width: 20.8333%; } .ant-col-xl-push-5 { left: 20.8333%; } .ant-col-xl-pull-5 { right: 20.8333%; } .ant-col-xl-offset-5 { margin-left: 20.8333%; } .ant-col-xl-order-5 { order: 5; } .ant-col-xl-4 { display: block; flex: 0 0 16.6667%; max-width: 16.6667%; } .ant-col-xl-push-4 { left: 16.6667%; } .ant-col-xl-pull-4 { right: 16.6667%; } .ant-col-xl-offset-4 { margin-left: 16.6667%; } .ant-col-xl-order-4 { order: 4; } .ant-col-xl-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-xl-push-3 { left: 12.5%; } .ant-col-xl-pull-3 { right: 12.5%; } .ant-col-xl-offset-3 { margin-left: 12.5%; } .ant-col-xl-order-3 { order: 3; } .ant-col-xl-2 { display: block; flex: 0 0 8.33333%; max-width: 8.33333%; } .ant-col-xl-push-2 { left: 8.33333%; } .ant-col-xl-pull-2 { right: 8.33333%; } .ant-col-xl-offset-2 { margin-left: 8.33333%; } .ant-col-xl-order-2 { order: 2; } .ant-col-xl-1 { display: block; flex: 0 0 4.16667%; max-width: 4.16667%; } .ant-col-xl-push-1 { left: 4.16667%; } .ant-col-xl-pull-1 { right: 4.16667%; } .ant-col-xl-offset-1 { margin-left: 4.16667%; } .ant-col-xl-order-1 { order: 1; } .ant-col-xl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xl-push-0 { left: auto; } .ant-col-xl-pull-0 { right: auto; } .ant-col-xl-offset-0 { margin-left: 0px; } .ant-col-xl-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-xl-push-0.ant-col-rtl { right: auto; } .ant-col-xl-pull-0.ant-col-rtl { left: auto; } .ant-col-xl-offset-0.ant-col-rtl { margin-right: 0px; } .ant-col-xl-push-1.ant-col-rtl { right: 4.16667%; left: auto; } .ant-col-xl-pull-1.ant-col-rtl { right: auto; left: 4.16667%; } .ant-col-xl-offset-1.ant-col-rtl { margin-right: 4.16667%; margin-left: 0px; } .ant-col-xl-push-2.ant-col-rtl { right: 8.33333%; left: auto; } .ant-col-xl-pull-2.ant-col-rtl { right: auto; left: 8.33333%; } .ant-col-xl-offset-2.ant-col-rtl { margin-right: 8.33333%; margin-left: 0px; } .ant-col-xl-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-xl-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-xl-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0px; } .ant-col-xl-push-4.ant-col-rtl { right: 16.6667%; left: auto; } .ant-col-xl-pull-4.ant-col-rtl { right: auto; left: 16.6667%; } .ant-col-xl-offset-4.ant-col-rtl { margin-right: 16.6667%; margin-left: 0px; } .ant-col-xl-push-5.ant-col-rtl { right: 20.8333%; left: auto; } .ant-col-xl-pull-5.ant-col-rtl { right: auto; left: 20.8333%; } .ant-col-xl-offset-5.ant-col-rtl { margin-right: 20.8333%; margin-left: 0px; } .ant-col-xl-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-xl-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-xl-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0px; } .ant-col-xl-push-7.ant-col-rtl { right: 29.1667%; left: auto; } .ant-col-xl-pull-7.ant-col-rtl { right: auto; left: 29.1667%; } .ant-col-xl-offset-7.ant-col-rtl { margin-right: 29.1667%; margin-left: 0px; } .ant-col-xl-push-8.ant-col-rtl { right: 33.3333%; left: auto; } .ant-col-xl-pull-8.ant-col-rtl { right: auto; left: 33.3333%; } .ant-col-xl-offset-8.ant-col-rtl { margin-right: 33.3333%; margin-left: 0px; } .ant-col-xl-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-xl-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-xl-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0px; } .ant-col-xl-push-10.ant-col-rtl { right: 41.6667%; left: auto; } .ant-col-xl-pull-10.ant-col-rtl { right: auto; left: 41.6667%; } .ant-col-xl-offset-10.ant-col-rtl { margin-right: 41.6667%; margin-left: 0px; } .ant-col-xl-push-11.ant-col-rtl { right: 45.8333%; left: auto; } .ant-col-xl-pull-11.ant-col-rtl { right: auto; left: 45.8333%; } .ant-col-xl-offset-11.ant-col-rtl { margin-right: 45.8333%; margin-left: 0px; } .ant-col-xl-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-xl-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-xl-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0px; } .ant-col-xl-push-13.ant-col-rtl { right: 54.1667%; left: auto; } .ant-col-xl-pull-13.ant-col-rtl { right: auto; left: 54.1667%; } .ant-col-xl-offset-13.ant-col-rtl { margin-right: 54.1667%; margin-left: 0px; } .ant-col-xl-push-14.ant-col-rtl { right: 58.3333%; left: auto; } .ant-col-xl-pull-14.ant-col-rtl { right: auto; left: 58.3333%; } .ant-col-xl-offset-14.ant-col-rtl { margin-right: 58.3333%; margin-left: 0px; } .ant-col-xl-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-xl-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-xl-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0px; } .ant-col-xl-push-16.ant-col-rtl { right: 66.6667%; left: auto; } .ant-col-xl-pull-16.ant-col-rtl { right: auto; left: 66.6667%; } .ant-col-xl-offset-16.ant-col-rtl { margin-right: 66.6667%; margin-left: 0px; } .ant-col-xl-push-17.ant-col-rtl { right: 70.8333%; left: auto; } .ant-col-xl-pull-17.ant-col-rtl { right: auto; left: 70.8333%; } .ant-col-xl-offset-17.ant-col-rtl { margin-right: 70.8333%; margin-left: 0px; } .ant-col-xl-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-xl-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-xl-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0px; } .ant-col-xl-push-19.ant-col-rtl { right: 79.1667%; left: auto; } .ant-col-xl-pull-19.ant-col-rtl { right: auto; left: 79.1667%; } .ant-col-xl-offset-19.ant-col-rtl { margin-right: 79.1667%; margin-left: 0px; } .ant-col-xl-push-20.ant-col-rtl { right: 83.3333%; left: auto; } .ant-col-xl-pull-20.ant-col-rtl { right: auto; left: 83.3333%; } .ant-col-xl-offset-20.ant-col-rtl { margin-right: 83.3333%; margin-left: 0px; } .ant-col-xl-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-xl-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-xl-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0px; } .ant-col-xl-push-22.ant-col-rtl { right: 91.6667%; left: auto; } .ant-col-xl-pull-22.ant-col-rtl { right: auto; left: 91.6667%; } .ant-col-xl-offset-22.ant-col-rtl { margin-right: 91.6667%; margin-left: 0px; } .ant-col-xl-push-23.ant-col-rtl { right: 95.8333%; left: auto; } .ant-col-xl-pull-23.ant-col-rtl { right: auto; left: 95.8333%; } .ant-col-xl-offset-23.ant-col-rtl { margin-right: 95.8333%; margin-left: 0px; } .ant-col-xl-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-xl-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-xl-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0px; } } @media (min-width: 1600px) { .ant-col-xxl-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-xxl-push-24 { left: 100%; } .ant-col-xxl-pull-24 { right: 100%; } .ant-col-xxl-offset-24 { margin-left: 100%; } .ant-col-xxl-order-24 { order: 24; } .ant-col-xxl-23 { display: block; flex: 0 0 95.8333%; max-width: 95.8333%; } .ant-col-xxl-push-23 { left: 95.8333%; } .ant-col-xxl-pull-23 { right: 95.8333%; } .ant-col-xxl-offset-23 { margin-left: 95.8333%; } .ant-col-xxl-order-23 { order: 23; } .ant-col-xxl-22 { display: block; flex: 0 0 91.6667%; max-width: 91.6667%; } .ant-col-xxl-push-22 { left: 91.6667%; } .ant-col-xxl-pull-22 { right: 91.6667%; } .ant-col-xxl-offset-22 { margin-left: 91.6667%; } .ant-col-xxl-order-22 { order: 22; } .ant-col-xxl-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-xxl-push-21 { left: 87.5%; } .ant-col-xxl-pull-21 { right: 87.5%; } .ant-col-xxl-offset-21 { margin-left: 87.5%; } .ant-col-xxl-order-21 { order: 21; } .ant-col-xxl-20 { display: block; flex: 0 0 83.3333%; max-width: 83.3333%; } .ant-col-xxl-push-20 { left: 83.3333%; } .ant-col-xxl-pull-20 { right: 83.3333%; } .ant-col-xxl-offset-20 { margin-left: 83.3333%; } .ant-col-xxl-order-20 { order: 20; } .ant-col-xxl-19 { display: block; flex: 0 0 79.1667%; max-width: 79.1667%; } .ant-col-xxl-push-19 { left: 79.1667%; } .ant-col-xxl-pull-19 { right: 79.1667%; } .ant-col-xxl-offset-19 { margin-left: 79.1667%; } .ant-col-xxl-order-19 { order: 19; } .ant-col-xxl-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-xxl-push-18 { left: 75%; } .ant-col-xxl-pull-18 { right: 75%; } .ant-col-xxl-offset-18 { margin-left: 75%; } .ant-col-xxl-order-18 { order: 18; } .ant-col-xxl-17 { display: block; flex: 0 0 70.8333%; max-width: 70.8333%; } .ant-col-xxl-push-17 { left: 70.8333%; } .ant-col-xxl-pull-17 { right: 70.8333%; } .ant-col-xxl-offset-17 { margin-left: 70.8333%; } .ant-col-xxl-order-17 { order: 17; } .ant-col-xxl-16 { display: block; flex: 0 0 66.6667%; max-width: 66.6667%; } .ant-col-xxl-push-16 { left: 66.6667%; } .ant-col-xxl-pull-16 { right: 66.6667%; } .ant-col-xxl-offset-16 { margin-left: 66.6667%; } .ant-col-xxl-order-16 { order: 16; } .ant-col-xxl-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-xxl-push-15 { left: 62.5%; } .ant-col-xxl-pull-15 { right: 62.5%; } .ant-col-xxl-offset-15 { margin-left: 62.5%; } .ant-col-xxl-order-15 { order: 15; } .ant-col-xxl-14 { display: block; flex: 0 0 58.3333%; max-width: 58.3333%; } .ant-col-xxl-push-14 { left: 58.3333%; } .ant-col-xxl-pull-14 { right: 58.3333%; } .ant-col-xxl-offset-14 { margin-left: 58.3333%; } .ant-col-xxl-order-14 { order: 14; } .ant-col-xxl-13 { display: block; flex: 0 0 54.1667%; max-width: 54.1667%; } .ant-col-xxl-push-13 { left: 54.1667%; } .ant-col-xxl-pull-13 { right: 54.1667%; } .ant-col-xxl-offset-13 { margin-left: 54.1667%; } .ant-col-xxl-order-13 { order: 13; } .ant-col-xxl-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-xxl-push-12 { left: 50%; } .ant-col-xxl-pull-12 { right: 50%; } .ant-col-xxl-offset-12 { margin-left: 50%; } .ant-col-xxl-order-12 { order: 12; } .ant-col-xxl-11 { display: block; flex: 0 0 45.8333%; max-width: 45.8333%; } .ant-col-xxl-push-11 { left: 45.8333%; } .ant-col-xxl-pull-11 { right: 45.8333%; } .ant-col-xxl-offset-11 { margin-left: 45.8333%; } .ant-col-xxl-order-11 { order: 11; } .ant-col-xxl-10 { display: block; flex: 0 0 41.6667%; max-width: 41.6667%; } .ant-col-xxl-push-10 { left: 41.6667%; } .ant-col-xxl-pull-10 { right: 41.6667%; } .ant-col-xxl-offset-10 { margin-left: 41.6667%; } .ant-col-xxl-order-10 { order: 10; } .ant-col-xxl-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-xxl-push-9 { left: 37.5%; } .ant-col-xxl-pull-9 { right: 37.5%; } .ant-col-xxl-offset-9 { margin-left: 37.5%; } .ant-col-xxl-order-9 { order: 9; } .ant-col-xxl-8 { display: block; flex: 0 0 33.3333%; max-width: 33.3333%; } .ant-col-xxl-push-8 { left: 33.3333%; } .ant-col-xxl-pull-8 { right: 33.3333%; } .ant-col-xxl-offset-8 { margin-left: 33.3333%; } .ant-col-xxl-order-8 { order: 8; } .ant-col-xxl-7 { display: block; flex: 0 0 29.1667%; max-width: 29.1667%; } .ant-col-xxl-push-7 { left: 29.1667%; } .ant-col-xxl-pull-7 { right: 29.1667%; } .ant-col-xxl-offset-7 { margin-left: 29.1667%; } .ant-col-xxl-order-7 { order: 7; } .ant-col-xxl-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-xxl-push-6 { left: 25%; } .ant-col-xxl-pull-6 { right: 25%; } .ant-col-xxl-offset-6 { margin-left: 25%; } .ant-col-xxl-order-6 { order: 6; } .ant-col-xxl-5 { display: block; flex: 0 0 20.8333%; max-width: 20.8333%; } .ant-col-xxl-push-5 { left: 20.8333%; } .ant-col-xxl-pull-5 { right: 20.8333%; } .ant-col-xxl-offset-5 { margin-left: 20.8333%; } .ant-col-xxl-order-5 { order: 5; } .ant-col-xxl-4 { display: block; flex: 0 0 16.6667%; max-width: 16.6667%; } .ant-col-xxl-push-4 { left: 16.6667%; } .ant-col-xxl-pull-4 { right: 16.6667%; } .ant-col-xxl-offset-4 { margin-left: 16.6667%; } .ant-col-xxl-order-4 { order: 4; } .ant-col-xxl-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-xxl-push-3 { left: 12.5%; } .ant-col-xxl-pull-3 { right: 12.5%; } .ant-col-xxl-offset-3 { margin-left: 12.5%; } .ant-col-xxl-order-3 { order: 3; } .ant-col-xxl-2 { display: block; flex: 0 0 8.33333%; max-width: 8.33333%; } .ant-col-xxl-push-2 { left: 8.33333%; } .ant-col-xxl-pull-2 { right: 8.33333%; } .ant-col-xxl-offset-2 { margin-left: 8.33333%; } .ant-col-xxl-order-2 { order: 2; } .ant-col-xxl-1 { display: block; flex: 0 0 4.16667%; max-width: 4.16667%; } .ant-col-xxl-push-1 { left: 4.16667%; } .ant-col-xxl-pull-1 { right: 4.16667%; } .ant-col-xxl-offset-1 { margin-left: 4.16667%; } .ant-col-xxl-order-1 { order: 1; } .ant-col-xxl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xxl-push-0 { left: auto; } .ant-col-xxl-pull-0 { right: auto; } .ant-col-xxl-offset-0 { margin-left: 0px; } .ant-col-xxl-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-xxl-push-0.ant-col-rtl { right: auto; } .ant-col-xxl-pull-0.ant-col-rtl { left: auto; } .ant-col-xxl-offset-0.ant-col-rtl { margin-right: 0px; } .ant-col-xxl-push-1.ant-col-rtl { right: 4.16667%; left: auto; } .ant-col-xxl-pull-1.ant-col-rtl { right: auto; left: 4.16667%; } .ant-col-xxl-offset-1.ant-col-rtl { margin-right: 4.16667%; margin-left: 0px; } .ant-col-xxl-push-2.ant-col-rtl { right: 8.33333%; left: auto; } .ant-col-xxl-pull-2.ant-col-rtl { right: auto; left: 8.33333%; } .ant-col-xxl-offset-2.ant-col-rtl { margin-right: 8.33333%; margin-left: 0px; } .ant-col-xxl-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-xxl-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-xxl-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0px; } .ant-col-xxl-push-4.ant-col-rtl { right: 16.6667%; left: auto; } .ant-col-xxl-pull-4.ant-col-rtl { right: auto; left: 16.6667%; } .ant-col-xxl-offset-4.ant-col-rtl { margin-right: 16.6667%; margin-left: 0px; } .ant-col-xxl-push-5.ant-col-rtl { right: 20.8333%; left: auto; } .ant-col-xxl-pull-5.ant-col-rtl { right: auto; left: 20.8333%; } .ant-col-xxl-offset-5.ant-col-rtl { margin-right: 20.8333%; margin-left: 0px; } .ant-col-xxl-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-xxl-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-xxl-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0px; } .ant-col-xxl-push-7.ant-col-rtl { right: 29.1667%; left: auto; } .ant-col-xxl-pull-7.ant-col-rtl { right: auto; left: 29.1667%; } .ant-col-xxl-offset-7.ant-col-rtl { margin-right: 29.1667%; margin-left: 0px; } .ant-col-xxl-push-8.ant-col-rtl { right: 33.3333%; left: auto; } .ant-col-xxl-pull-8.ant-col-rtl { right: auto; left: 33.3333%; } .ant-col-xxl-offset-8.ant-col-rtl { margin-right: 33.3333%; margin-left: 0px; } .ant-col-xxl-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-xxl-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-xxl-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0px; } .ant-col-xxl-push-10.ant-col-rtl { right: 41.6667%; left: auto; } .ant-col-xxl-pull-10.ant-col-rtl { right: auto; left: 41.6667%; } .ant-col-xxl-offset-10.ant-col-rtl { margin-right: 41.6667%; margin-left: 0px; } .ant-col-xxl-push-11.ant-col-rtl { right: 45.8333%; left: auto; } .ant-col-xxl-pull-11.ant-col-rtl { right: auto; left: 45.8333%; } .ant-col-xxl-offset-11.ant-col-rtl { margin-right: 45.8333%; margin-left: 0px; } .ant-col-xxl-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-xxl-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-xxl-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0px; } .ant-col-xxl-push-13.ant-col-rtl { right: 54.1667%; left: auto; } .ant-col-xxl-pull-13.ant-col-rtl { right: auto; left: 54.1667%; } .ant-col-xxl-offset-13.ant-col-rtl { margin-right: 54.1667%; margin-left: 0px; } .ant-col-xxl-push-14.ant-col-rtl { right: 58.3333%; left: auto; } .ant-col-xxl-pull-14.ant-col-rtl { right: auto; left: 58.3333%; } .ant-col-xxl-offset-14.ant-col-rtl { margin-right: 58.3333%; margin-left: 0px; } .ant-col-xxl-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-xxl-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-xxl-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0px; } .ant-col-xxl-push-16.ant-col-rtl { right: 66.6667%; left: auto; } .ant-col-xxl-pull-16.ant-col-rtl { right: auto; left: 66.6667%; } .ant-col-xxl-offset-16.ant-col-rtl { margin-right: 66.6667%; margin-left: 0px; } .ant-col-xxl-push-17.ant-col-rtl { right: 70.8333%; left: auto; } .ant-col-xxl-pull-17.ant-col-rtl { right: auto; left: 70.8333%; } .ant-col-xxl-offset-17.ant-col-rtl { margin-right: 70.8333%; margin-left: 0px; } .ant-col-xxl-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-xxl-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-xxl-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0px; } .ant-col-xxl-push-19.ant-col-rtl { right: 79.1667%; left: auto; } .ant-col-xxl-pull-19.ant-col-rtl { right: auto; left: 79.1667%; } .ant-col-xxl-offset-19.ant-col-rtl { margin-right: 79.1667%; margin-left: 0px; } .ant-col-xxl-push-20.ant-col-rtl { right: 83.3333%; left: auto; } .ant-col-xxl-pull-20.ant-col-rtl { right: auto; left: 83.3333%; } .ant-col-xxl-offset-20.ant-col-rtl { margin-right: 83.3333%; margin-left: 0px; } .ant-col-xxl-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-xxl-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-xxl-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0px; } .ant-col-xxl-push-22.ant-col-rtl { right: 91.6667%; left: auto; } .ant-col-xxl-pull-22.ant-col-rtl { right: auto; left: 91.6667%; } .ant-col-xxl-offset-22.ant-col-rtl { margin-right: 91.6667%; margin-left: 0px; } .ant-col-xxl-push-23.ant-col-rtl { right: 95.8333%; left: auto; } .ant-col-xxl-pull-23.ant-col-rtl { right: auto; left: 95.8333%; } .ant-col-xxl-offset-23.ant-col-rtl { margin-right: 95.8333%; margin-left: 0px; } .ant-col-xxl-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-xxl-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-xxl-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0px; } } @media (min-width: 2000px) { .ant-col-xxxl-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-xxxl-push-24 { left: 100%; } .ant-col-xxxl-pull-24 { right: 100%; } .ant-col-xxxl-offset-24 { margin-left: 100%; } .ant-col-xxxl-order-24 { order: 24; } .ant-col-xxxl-23 { display: block; flex: 0 0 95.8333%; max-width: 95.8333%; } .ant-col-xxxl-push-23 { left: 95.8333%; } .ant-col-xxxl-pull-23 { right: 95.8333%; } .ant-col-xxxl-offset-23 { margin-left: 95.8333%; } .ant-col-xxxl-order-23 { order: 23; } .ant-col-xxxl-22 { display: block; flex: 0 0 91.6667%; max-width: 91.6667%; } .ant-col-xxxl-push-22 { left: 91.6667%; } .ant-col-xxxl-pull-22 { right: 91.6667%; } .ant-col-xxxl-offset-22 { margin-left: 91.6667%; } .ant-col-xxxl-order-22 { order: 22; } .ant-col-xxxl-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-xxxl-push-21 { left: 87.5%; } .ant-col-xxxl-pull-21 { right: 87.5%; } .ant-col-xxxl-offset-21 { margin-left: 87.5%; } .ant-col-xxxl-order-21 { order: 21; } .ant-col-xxxl-20 { display: block; flex: 0 0 83.3333%; max-width: 83.3333%; } .ant-col-xxxl-push-20 { left: 83.3333%; } .ant-col-xxxl-pull-20 { right: 83.3333%; } .ant-col-xxxl-offset-20 { margin-left: 83.3333%; } .ant-col-xxxl-order-20 { order: 20; } .ant-col-xxxl-19 { display: block; flex: 0 0 79.1667%; max-width: 79.1667%; } .ant-col-xxxl-push-19 { left: 79.1667%; } .ant-col-xxxl-pull-19 { right: 79.1667%; } .ant-col-xxxl-offset-19 { margin-left: 79.1667%; } .ant-col-xxxl-order-19 { order: 19; } .ant-col-xxxl-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-xxxl-push-18 { left: 75%; } .ant-col-xxxl-pull-18 { right: 75%; } .ant-col-xxxl-offset-18 { margin-left: 75%; } .ant-col-xxxl-order-18 { order: 18; } .ant-col-xxxl-17 { display: block; flex: 0 0 70.8333%; max-width: 70.8333%; } .ant-col-xxxl-push-17 { left: 70.8333%; } .ant-col-xxxl-pull-17 { right: 70.8333%; } .ant-col-xxxl-offset-17 { margin-left: 70.8333%; } .ant-col-xxxl-order-17 { order: 17; } .ant-col-xxxl-16 { display: block; flex: 0 0 66.6667%; max-width: 66.6667%; } .ant-col-xxxl-push-16 { left: 66.6667%; } .ant-col-xxxl-pull-16 { right: 66.6667%; } .ant-col-xxxl-offset-16 { margin-left: 66.6667%; } .ant-col-xxxl-order-16 { order: 16; } .ant-col-xxxl-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-xxxl-push-15 { left: 62.5%; } .ant-col-xxxl-pull-15 { right: 62.5%; } .ant-col-xxxl-offset-15 { margin-left: 62.5%; } .ant-col-xxxl-order-15 { order: 15; } .ant-col-xxxl-14 { display: block; flex: 0 0 58.3333%; max-width: 58.3333%; } .ant-col-xxxl-push-14 { left: 58.3333%; } .ant-col-xxxl-pull-14 { right: 58.3333%; } .ant-col-xxxl-offset-14 { margin-left: 58.3333%; } .ant-col-xxxl-order-14 { order: 14; } .ant-col-xxxl-13 { display: block; flex: 0 0 54.1667%; max-width: 54.1667%; } .ant-col-xxxl-push-13 { left: 54.1667%; } .ant-col-xxxl-pull-13 { right: 54.1667%; } .ant-col-xxxl-offset-13 { margin-left: 54.1667%; } .ant-col-xxxl-order-13 { order: 13; } .ant-col-xxxl-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-xxxl-push-12 { left: 50%; } .ant-col-xxxl-pull-12 { right: 50%; } .ant-col-xxxl-offset-12 { margin-left: 50%; } .ant-col-xxxl-order-12 { order: 12; } .ant-col-xxxl-11 { display: block; flex: 0 0 45.8333%; max-width: 45.8333%; } .ant-col-xxxl-push-11 { left: 45.8333%; } .ant-col-xxxl-pull-11 { right: 45.8333%; } .ant-col-xxxl-offset-11 { margin-left: 45.8333%; } .ant-col-xxxl-order-11 { order: 11; } .ant-col-xxxl-10 { display: block; flex: 0 0 41.6667%; max-width: 41.6667%; } .ant-col-xxxl-push-10 { left: 41.6667%; } .ant-col-xxxl-pull-10 { right: 41.6667%; } .ant-col-xxxl-offset-10 { margin-left: 41.6667%; } .ant-col-xxxl-order-10 { order: 10; } .ant-col-xxxl-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-xxxl-push-9 { left: 37.5%; } .ant-col-xxxl-pull-9 { right: 37.5%; } .ant-col-xxxl-offset-9 { margin-left: 37.5%; } .ant-col-xxxl-order-9 { order: 9; } .ant-col-xxxl-8 { display: block; flex: 0 0 33.3333%; max-width: 33.3333%; } .ant-col-xxxl-push-8 { left: 33.3333%; } .ant-col-xxxl-pull-8 { right: 33.3333%; } .ant-col-xxxl-offset-8 { margin-left: 33.3333%; } .ant-col-xxxl-order-8 { order: 8; } .ant-col-xxxl-7 { display: block; flex: 0 0 29.1667%; max-width: 29.1667%; } .ant-col-xxxl-push-7 { left: 29.1667%; } .ant-col-xxxl-pull-7 { right: 29.1667%; } .ant-col-xxxl-offset-7 { margin-left: 29.1667%; } .ant-col-xxxl-order-7 { order: 7; } .ant-col-xxxl-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-xxxl-push-6 { left: 25%; } .ant-col-xxxl-pull-6 { right: 25%; } .ant-col-xxxl-offset-6 { margin-left: 25%; } .ant-col-xxxl-order-6 { order: 6; } .ant-col-xxxl-5 { display: block; flex: 0 0 20.8333%; max-width: 20.8333%; } .ant-col-xxxl-push-5 { left: 20.8333%; } .ant-col-xxxl-pull-5 { right: 20.8333%; } .ant-col-xxxl-offset-5 { margin-left: 20.8333%; } .ant-col-xxxl-order-5 { order: 5; } .ant-col-xxxl-4 { display: block; flex: 0 0 16.6667%; max-width: 16.6667%; } .ant-col-xxxl-push-4 { left: 16.6667%; } .ant-col-xxxl-pull-4 { right: 16.6667%; } .ant-col-xxxl-offset-4 { margin-left: 16.6667%; } .ant-col-xxxl-order-4 { order: 4; } .ant-col-xxxl-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-xxxl-push-3 { left: 12.5%; } .ant-col-xxxl-pull-3 { right: 12.5%; } .ant-col-xxxl-offset-3 { margin-left: 12.5%; } .ant-col-xxxl-order-3 { order: 3; } .ant-col-xxxl-2 { display: block; flex: 0 0 8.33333%; max-width: 8.33333%; } .ant-col-xxxl-push-2 { left: 8.33333%; } .ant-col-xxxl-pull-2 { right: 8.33333%; } .ant-col-xxxl-offset-2 { margin-left: 8.33333%; } .ant-col-xxxl-order-2 { order: 2; } .ant-col-xxxl-1 { display: block; flex: 0 0 4.16667%; max-width: 4.16667%; } .ant-col-xxxl-push-1 { left: 4.16667%; } .ant-col-xxxl-pull-1 { right: 4.16667%; } .ant-col-xxxl-offset-1 { margin-left: 4.16667%; } .ant-col-xxxl-order-1 { order: 1; } .ant-col-xxxl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xxxl-push-0 { left: auto; } .ant-col-xxxl-pull-0 { right: auto; } .ant-col-xxxl-offset-0 { margin-left: 0px; } .ant-col-xxxl-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-xxxl-push-0.ant-col-rtl { right: auto; } .ant-col-xxxl-pull-0.ant-col-rtl { left: auto; } .ant-col-xxxl-offset-0.ant-col-rtl { margin-right: 0px; } .ant-col-xxxl-push-1.ant-col-rtl { right: 4.16667%; left: auto; } .ant-col-xxxl-pull-1.ant-col-rtl { right: auto; left: 4.16667%; } .ant-col-xxxl-offset-1.ant-col-rtl { margin-right: 4.16667%; margin-left: 0px; } .ant-col-xxxl-push-2.ant-col-rtl { right: 8.33333%; left: auto; } .ant-col-xxxl-pull-2.ant-col-rtl { right: auto; left: 8.33333%; } .ant-col-xxxl-offset-2.ant-col-rtl { margin-right: 8.33333%; margin-left: 0px; } .ant-col-xxxl-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-xxxl-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-xxxl-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0px; } .ant-col-xxxl-push-4.ant-col-rtl { right: 16.6667%; left: auto; } .ant-col-xxxl-pull-4.ant-col-rtl { right: auto; left: 16.6667%; } .ant-col-xxxl-offset-4.ant-col-rtl { margin-right: 16.6667%; margin-left: 0px; } .ant-col-xxxl-push-5.ant-col-rtl { right: 20.8333%; left: auto; } .ant-col-xxxl-pull-5.ant-col-rtl { right: auto; left: 20.8333%; } .ant-col-xxxl-offset-5.ant-col-rtl { margin-right: 20.8333%; margin-left: 0px; } .ant-col-xxxl-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-xxxl-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-xxxl-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0px; } .ant-col-xxxl-push-7.ant-col-rtl { right: 29.1667%; left: auto; } .ant-col-xxxl-pull-7.ant-col-rtl { right: auto; left: 29.1667%; } .ant-col-xxxl-offset-7.ant-col-rtl { margin-right: 29.1667%; margin-left: 0px; } .ant-col-xxxl-push-8.ant-col-rtl { right: 33.3333%; left: auto; } .ant-col-xxxl-pull-8.ant-col-rtl { right: auto; left: 33.3333%; } .ant-col-xxxl-offset-8.ant-col-rtl { margin-right: 33.3333%; margin-left: 0px; } .ant-col-xxxl-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-xxxl-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-xxxl-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0px; } .ant-col-xxxl-push-10.ant-col-rtl { right: 41.6667%; left: auto; } .ant-col-xxxl-pull-10.ant-col-rtl { right: auto; left: 41.6667%; } .ant-col-xxxl-offset-10.ant-col-rtl { margin-right: 41.6667%; margin-left: 0px; } .ant-col-xxxl-push-11.ant-col-rtl { right: 45.8333%; left: auto; } .ant-col-xxxl-pull-11.ant-col-rtl { right: auto; left: 45.8333%; } .ant-col-xxxl-offset-11.ant-col-rtl { margin-right: 45.8333%; margin-left: 0px; } .ant-col-xxxl-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-xxxl-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-xxxl-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0px; } .ant-col-xxxl-push-13.ant-col-rtl { right: 54.1667%; left: auto; } .ant-col-xxxl-pull-13.ant-col-rtl { right: auto; left: 54.1667%; } .ant-col-xxxl-offset-13.ant-col-rtl { margin-right: 54.1667%; margin-left: 0px; } .ant-col-xxxl-push-14.ant-col-rtl { right: 58.3333%; left: auto; } .ant-col-xxxl-pull-14.ant-col-rtl { right: auto; left: 58.3333%; } .ant-col-xxxl-offset-14.ant-col-rtl { margin-right: 58.3333%; margin-left: 0px; } .ant-col-xxxl-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-xxxl-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-xxxl-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0px; } .ant-col-xxxl-push-16.ant-col-rtl { right: 66.6667%; left: auto; } .ant-col-xxxl-pull-16.ant-col-rtl { right: auto; left: 66.6667%; } .ant-col-xxxl-offset-16.ant-col-rtl { margin-right: 66.6667%; margin-left: 0px; } .ant-col-xxxl-push-17.ant-col-rtl { right: 70.8333%; left: auto; } .ant-col-xxxl-pull-17.ant-col-rtl { right: auto; left: 70.8333%; } .ant-col-xxxl-offset-17.ant-col-rtl { margin-right: 70.8333%; margin-left: 0px; } .ant-col-xxxl-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-xxxl-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-xxxl-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0px; } .ant-col-xxxl-push-19.ant-col-rtl { right: 79.1667%; left: auto; } .ant-col-xxxl-pull-19.ant-col-rtl { right: auto; left: 79.1667%; } .ant-col-xxxl-offset-19.ant-col-rtl { margin-right: 79.1667%; margin-left: 0px; } .ant-col-xxxl-push-20.ant-col-rtl { right: 83.3333%; left: auto; } .ant-col-xxxl-pull-20.ant-col-rtl { right: auto; left: 83.3333%; } .ant-col-xxxl-offset-20.ant-col-rtl { margin-right: 83.3333%; margin-left: 0px; } .ant-col-xxxl-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-xxxl-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-xxxl-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0px; } .ant-col-xxxl-push-22.ant-col-rtl { right: 91.6667%; left: auto; } .ant-col-xxxl-pull-22.ant-col-rtl { right: auto; left: 91.6667%; } .ant-col-xxxl-offset-22.ant-col-rtl { margin-right: 91.6667%; margin-left: 0px; } .ant-col-xxxl-push-23.ant-col-rtl { right: 95.8333%; left: auto; } .ant-col-xxxl-pull-23.ant-col-rtl { right: auto; left: 95.8333%; } .ant-col-xxxl-offset-23.ant-col-rtl { margin-right: 95.8333%; margin-left: 0px; } .ant-col-xxxl-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-xxxl-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-xxxl-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0px; } } .ant-row-rtl { direction: rtl; } .ant-image { position: relative; display: inline-block; } .ant-image-img { width: 100%; height: auto; vertical-align: middle; } .ant-image-img-placeholder { background-color: rgb(245, 245, 245); background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4="); background-repeat: no-repeat; background-position: center center; background-size: 30%; } .ant-image-mask { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.5); cursor: pointer; opacity: 0; transition: opacity 0.3s; } .ant-image-mask-info { padding: 0px 0.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-image-mask-info .anticon { margin-inline-end: 0.25rem; } .ant-image-mask:hover { opacity: 1; } .ant-image-placeholder { position: absolute; inset: 0px; } .ant-image-preview { pointer-events: none; height: 100%; text-align: center; } .ant-image-preview.ant-zoom-enter, .ant-image-preview.antzoom-appear { transform: none; opacity: 0; animation-duration: 0.3s; user-select: none; } .ant-image-preview-mask { position: fixed; inset: 0px; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.45); } .ant-image-preview-mask-hidden { display: none; } .ant-image-preview-wrap { position: fixed; inset: 0px; overflow: auto; outline: 0px; } .ant-image-preview-body { position: absolute; inset: 0px; overflow: hidden; } .ant-image-preview-img { max-width: 100%; max-height: 100%; vertical-align: middle; transform: scaleZ(1); cursor: grab; transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); user-select: none; pointer-events: auto; } .ant-image-preview-img-wrapper { position: absolute; inset: 0px; transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-image-preview-img-wrapper::before { display: inline-block; width: 0.0625rem; height: 50%; margin-right: -0.0625rem; content: ""; } .ant-image-preview-moving .ant-image-preview-img { cursor: grabbing; } .ant-image-preview-moving .ant-image-preview-img-wrapper { transition-duration: 0s; } .ant-image-preview-wrap { z-index: 1080; } .ant-image-preview-operations { box-sizing: border-box; margin: 0px; padding: 0px; font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: "tnum"; position: absolute; top: 0px; right: 0px; z-index: 1; display: flex; flex-direction: row-reverse; align-items: center; width: 100%; color: rgba(255, 255, 255, 0.85); list-style: none; background: rgba(0, 0, 0, 0.1); pointer-events: auto; } .ant-image-preview-operations-operation { margin-left: 0.75rem; padding: 0.75rem; cursor: pointer; } .ant-image-preview-operations-operation-disabled { color: rgba(255, 255, 255, 0.25); pointer-events: none; } .ant-image-preview-operations-operation:last-of-type { margin-left: 0px; } .ant-image-preview-operations-icon { font-size: 1.125rem; } .ant-image-preview-switch-left, .ant-image-preview-switch-right { position: absolute; top: 50%; right: 0.625rem; z-index: 1; display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; margin-top: -1.375rem; color: rgba(255, 255, 255, 0.85); background: rgba(0, 0, 0, 0.1); border-radius: 50%; cursor: pointer; pointer-events: auto; } .ant-image-preview-switch-left-disabled, .ant-image-preview-switch-right-disabled { color: rgba(255, 255, 255, 0.25); cursor: not-allowed; } .ant-image-preview-switch-left-disabled > .anticon, .ant-image-preview-switch-right-disabled > .anticon { cursor: not-allowed; } .ant-image-preview-switch-left > .anticon, .ant-image-preview-switch-right > .anticon { font-size: 1.125rem; } .ant-image-preview-switch-left { left: 0.625rem; } .ant-image-preview-switch-right { right: 0.625rem; } .ant-input-affix-wrapper { position: relative; width: 100%; min-width: 0px; padding: 0.1875rem 0.6875rem; color: rgb(0, 0, 0); font-size: 1rem; line-height: 1.5715; background-color: rgb(255, 255, 255); background-image: none; border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; transition: 0.3s; display: inline-flex; } .ant-input-affix-wrapper::placeholder { color: rgb(191, 191, 191); user-select: none; } .ant-input-affix-wrapper:placeholder-shown { text-overflow: ellipsis; } .ant-input-affix-wrapper:hover { border-color: rgb(255, 195, 56); border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-input-affix-wrapper:hover { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-input-affix-wrapper:focus, .ant-input-rtl .ant-input-affix-wrapper-focused { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-input-affix-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper-disabled:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-input-affix-wrapper[disabled] { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper[disabled]:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-input-affix-wrapper-borderless, .ant-input-affix-wrapper-borderless:hover, .ant-input-affix-wrapper-borderless:focus, .ant-input-affix-wrapper-borderless-focused, .ant-input-affix-wrapper-borderless-disabled, .ant-input-affix-wrapper-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input-affix-wrapper { max-width: 100%; height: auto; min-height: 2rem; line-height: 1.5715; vertical-align: bottom; transition: 0.3s, height; } .ant-input-affix-wrapper-lg { padding: 0.30625rem 0.6875rem; font-size: 1.125rem; } .ant-input-affix-wrapper-sm { padding: 0px 0.4375rem; } .ant-input-affix-wrapper-rtl { direction: rtl; } .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border-color: rgb(255, 195, 56); z-index: 1; border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { z-index: 0; } .ant-input-affix-wrapper-focused, .ant-input-affix-wrapper:focus { z-index: 1; } .ant-input-affix-wrapper-disabled .ant-input[disabled] { background: transparent; } .ant-input-affix-wrapper > input.ant-input { padding: 0px; border: none; outline: none; } .ant-input-affix-wrapper > input.ant-input:focus { box-shadow: none !important; } .ant-input-affix-wrapper::before { width: 0px; visibility: hidden; content: " "; } .ant-input-prefix, .ant-input-suffix { display: flex; flex: 0 0 auto; align-items: center; } .ant-input-show-count-suffix { color: rgba(0, 0, 0, 0.45); } .ant-input-show-count-has-suffix { margin-right: 0.125rem; } .ant-input-prefix { margin-right: 0.25rem; } .ant-input-suffix { margin-left: 0.25rem; } .anticon.ant-input-clear-icon { margin: 0px; color: rgba(0, 0, 0, 0.25); font-size: 0.75rem; vertical-align: -0.0625rem; cursor: pointer; transition: color 0.3s; } .anticon.ant-input-clear-icon:hover { color: rgba(0, 0, 0, 0.45); } .anticon.ant-input-clear-icon:active { color: rgb(0, 0, 0); } .anticon.ant-input-clear-icon-hidden { visibility: hidden; } .anticon.ant-input-clear-icon-has-suffix { margin: 0px 0.25rem; } .ant-input-affix-wrapper-textarea-with-clear-btn { padding: 0px !important; border: 0px !important; } .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon { position: absolute; top: 0.5rem; right: 0.5rem; z-index: 1; } .ant-input { box-sizing: border-box; margin: 0px; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; position: relative; display: inline-block; width: 100%; min-width: 0px; padding: 0.1875rem 0.6875rem; color: rgb(0, 0, 0); font-size: 1rem; line-height: 1.5715; background-color: rgb(255, 255, 255); background-image: none; border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; transition: 0.3s; } .ant-input::placeholder { color: rgb(191, 191, 191); user-select: none; } .ant-input:placeholder-shown { text-overflow: ellipsis; } .ant-input:hover { border-color: rgb(255, 195, 56); border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-input:hover { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-input:focus, .ant-input-focused { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-input:focus, .ant-input-rtl .ant-input-focused { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-input-disabled { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-disabled:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input[disabled]:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-input-borderless, .ant-input-borderless:hover, .ant-input-borderless:focus, .ant-input-borderless-focused, .ant-input-borderless-disabled, .ant-input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input { max-width: 100%; height: auto; min-height: 2rem; line-height: 1.5715; vertical-align: bottom; transition: 0.3s, height; } .ant-input-lg { padding: 0.30625rem 0.6875rem; font-size: 1.125rem; } .ant-input-sm { padding: 0px 0.4375rem; } .ant-input-rtl { direction: rtl; } .ant-input-group { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: table; width: 100%; border-collapse: separate; border-spacing: 0px; } .ant-input-group[class*="col-"] { float: none; padding-right: 0px; padding-left: 0px; } .ant-input-group > [class*="col-"] { padding-right: 0.5rem; } .ant-input-group > [class*="col-"]:last-child { padding-right: 0px; } .ant-input-group-addon, .ant-input-group-wrap, .ant-input-group > .ant-input { display: table-cell; } .ant-input-group-addon:not(:first-child):not(:last-child), .ant-input-group-wrap:not(:first-child):not(:last-child), .ant-input-group > .ant-input:not(:first-child):not(:last-child) { border-radius: 0px; } .ant-input-group-addon, .ant-input-group-wrap { width: 0.0625rem; white-space: nowrap; vertical-align: middle; } .ant-input-group-wrap > * { display: block !important; } .ant-input-group .ant-input { float: left; width: 100%; margin-bottom: 0px; text-align: inherit; } .ant-input-group .ant-input:focus { z-index: 1; border-right-width: 0.0625rem; } .ant-input-group .ant-input:hover { z-index: 1; border-right-width: 0.0625rem; } .ant-input-search-with-button .ant-input-group .ant-input:hover { z-index: 0; } .ant-input-group-addon { position: relative; padding: 0px 0.6875rem; color: rgb(0, 0, 0); font-weight: 400; font-size: 1rem; text-align: center; background-color: rgb(250, 250, 250); border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; transition: 0.3s; } .ant-input-group-addon .ant-select { margin: -0.25rem -0.6875rem; } .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { background-color: inherit; border: 0.0625rem solid transparent; box-shadow: none; } .ant-input-group-addon .ant-select-open .ant-select-selector, .ant-input-group-addon .ant-select-focused .ant-select-selector { color: rgb(253, 172, 14); } .ant-input-group-addon .ant-cascader-picker { margin: -0.5625rem -0.75rem; background-color: transparent; } .ant-input-group-addon .ant-cascader-picker .ant-cascader-input { text-align: left; border: 0px; box-shadow: none; } .ant-input-group > .ant-input:first-child, .ant-input-group-addon:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector, .ant-input-group-addon:first-child .ant-select .ant-select-selector { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ant-input-group-addon:first-child { border-right: 0px; } .ant-input-group-addon:last-child { border-left: 0px; } .ant-input-group > .ant-input:last-child, .ant-input-group-addon:last-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector, .ant-input-group-addon:last-child .ant-select .ant-select-selector { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .ant-input-group-lg .ant-input, .ant-input-group-lg > .ant-input-group-addon { padding: 0.30625rem 0.6875rem; font-size: 1.125rem; } .ant-input-group-sm .ant-input, .ant-input-group-sm > .ant-input-group-addon { padding: 0px 0.4375rem; } .ant-input-group-lg .ant-select-single .ant-select-selector { height: 2.5rem; } .ant-input-group-sm .ant-select-single .ant-select-selector { height: 1.5rem; } .ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .ant-input-group .ant-input-affix-wrapper:not(:first-child), .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .ant-input-group.ant-input-group-compact { display: block; } .ant-input-group.ant-input-group-compact::before { display: table; content: ""; } .ant-input-group.ant-input-group-compact::after { display: table; clear: both; content: ""; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) { border-right-width: 0.0625rem; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover { z-index: 1; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus { z-index: 1; } .ant-input-group.ant-input-group-compact > * { display: inline-block; float: none; vertical-align: top; border-radius: 0px; } .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper { display: inline-flex; } .ant-input-group.ant-input-group-compact > .ant-picker-range { display: inline-flex; } .ant-input-group.ant-input-group-compact > :not(:last-child) { margin-right: -0.0625rem; border-right-width: 0.0625rem; } .ant-input-group.ant-input-group-compact .ant-input { float: none; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input { border-right-width: 0.0625rem; border-radius: 0px; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select-focused { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow { z-index: 1; } .ant-input-group.ant-input-group-compact > :first-child, .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .ant-input-group.ant-input-group-compact > :last-child, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-right-width: 0.0625rem; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input { vertical-align: top; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper { margin-left: -0.0625rem; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper { border-radius: 0px; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button { border-radius: 0px; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-input-group > .ant-input-rtl:first-child, .ant-input-group-rtl .ant-input-group-addon:first-child { border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-input-group-rtl .ant-input-group-addon:first-child { border-right: 0.0625rem solid rgb(0, 0, 0); border-left: 0px; } .ant-input-group-rtl .ant-input-group-addon:last-child { border-right: 0px; border-left: 0.0625rem solid rgb(0, 0, 0); } .ant-input-group-rtl.ant-input-group > .ant-input:last-child, .ant-input-group-rtl.ant-input-group-addon:last-child { border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > :not(:last-child) { margin-right: 0px; margin-left: -0.0625rem; border-left-width: 0.0625rem; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > :first-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > :last-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-left-width: 0.0625rem; border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl { margin-right: -0.0625rem; margin-left: 0px; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-input-group-wrapper { display: inline-block; width: 100%; text-align: start; vertical-align: top; } .ant-input-password-icon { color: rgba(0, 0, 0, 0.45); cursor: pointer; transition: 0.3s; } .ant-input-password-icon:hover { color: rgba(0, 0, 0, 0.85); } .ant-input[type="color"] { height: 2rem; } .ant-input[type="color"].ant-input-lg { height: 2.5rem; } .ant-input[type="color"].ant-input-sm { height: 1.5rem; padding-top: 0.1875rem; padding-bottom: 0.1875rem; } .ant-input-textarea-show-count > .ant-input { height: 100%; } .ant-input-textarea-show-count::after { float: right; color: rgba(0, 0, 0, 0.45); white-space: nowrap; content: attr(data-count); pointer-events: none; } .ant-input-search .ant-input:hover, .ant-input-search .ant-input:focus { border-color: rgb(255, 195, 56); } .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { border-left-color: rgb(255, 195, 56); } .ant-input-search .ant-input-affix-wrapper { border-radius: 0px; } .ant-input-search .ant-input-lg { line-height: 1.5713; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child { left: -0.0625rem; padding: 0px; border: 0px; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) { color: rgba(0, 0, 0, 0.45); } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before { inset: 0px; } .ant-input-search-button { height: 2rem; } .ant-input-search-button:hover, .ant-input-search-button:focus { z-index: 1; } .ant-input-search-large .ant-input-search-button { height: 2.5rem; } .ant-input-search-small .ant-input-search-button { height: 1.5rem; } .ant-input-group-wrapper-rtl, .ant-input-group-rtl { direction: rtl; } .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input { border: none; outline: none; } .ant-input-affix-wrapper-rtl .ant-input-prefix { margin: 0px 0px 0px 0.25rem; } .ant-input-affix-wrapper-rtl .ant-input-suffix { margin: 0px 0.25rem 0px 0px; } .ant-input-textarea-rtl { direction: rtl; } .ant-input-textarea-rtl.ant-input-textarea-show-count::after { text-align: left; } .ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix { margin-right: 0px; margin-left: 0.25rem; } .ant-input-affix-wrapper-rtl .ant-input-clear-icon { right: auto; left: 0.5rem; } .ant-input-search-rtl { direction: rtl; } .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { border-right-color: rgb(255, 195, 56); border-left-color: rgb(0, 0, 0); } .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover, .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused { border-right-color: rgb(255, 195, 56); } .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon { right: -0.0625rem; left: auto; } .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button { border-radius: 0.1875rem 0px 0px 0.1875rem; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-input { height: 2rem; } .ant-input-lg { height: 2.5rem; } .ant-input-sm { height: 1.5rem; } .ant-input-affix-wrapper > input.ant-input { height: auto; } } .ant-input-number-affix-wrapper { min-width: 0px; color: rgb(0, 0, 0); font-size: 1rem; line-height: 1.5715; background-color: rgb(255, 255, 255); background-image: none; border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; transition: 0.3s; position: static; display: inline-flex; width: 5.625rem; padding: 0px; padding-inline-start: 0.6875rem; } .ant-input-number-affix-wrapper::placeholder { color: rgb(191, 191, 191); user-select: none; } .ant-input-number-affix-wrapper:placeholder-shown { text-overflow: ellipsis; } .ant-input-number-affix-wrapper:hover { border-color: rgb(255, 195, 56); border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-input-number-affix-wrapper:hover { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-input-number-affix-wrapper:focus, .ant-input-number-affix-wrapper-focused { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-input-number-affix-wrapper:focus, .ant-input-rtl .ant-input-number-affix-wrapper-focused { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-input-number-affix-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-affix-wrapper-disabled:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-input-number-affix-wrapper[disabled] { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-affix-wrapper[disabled]:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-input-number-affix-wrapper-borderless, .ant-input-number-affix-wrapper-borderless:hover, .ant-input-number-affix-wrapper-borderless:focus, .ant-input-number-affix-wrapper-borderless-focused, .ant-input-number-affix-wrapper-borderless-disabled, .ant-input-number-affix-wrapper-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input-number-affix-wrapper { max-width: 100%; height: auto; min-height: 2rem; line-height: 1.5715; vertical-align: bottom; transition: 0.3s, height; } .ant-input-number-affix-wrapper-lg { padding: 0.30625rem 0.6875rem; font-size: 1.125rem; } .ant-input-number-affix-wrapper-sm { padding: 0px 0.4375rem; } .ant-input-number-affix-wrapper-rtl { direction: rtl; } .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover { border-color: rgb(255, 195, 56); z-index: 1; border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-input-number-affix-wrapper-focused, .ant-input-number-affix-wrapper:focus { z-index: 1; } .ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] { background: transparent; } .ant-input-number-affix-wrapper > div.ant-input-number { width: 100%; border: none; outline: none; } .ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused { box-shadow: none !important; } .ant-input-number-affix-wrapper input.ant-input-number-input { padding: 0px; } .ant-input-number-affix-wrapper::before { width: 0px; visibility: hidden; content: " "; } .ant-input-number-prefix { display: flex; flex: 0 0 auto; align-items: center; margin-inline-end: 0.25rem; } .ant-input-number-group-wrapper .ant-input-number-affix-wrapper { width: 100%; } .ant-input-number { box-sizing: border-box; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; position: relative; min-width: 0px; color: rgb(0, 0, 0); font-size: 1rem; line-height: 1.5715; background-color: rgb(255, 255, 255); background-image: none; transition: 0.3s; display: inline-block; width: 5.625rem; margin: 0px; padding: 0px; border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; } .ant-input-number::placeholder { color: rgb(191, 191, 191); user-select: none; } .ant-input-number:placeholder-shown { text-overflow: ellipsis; } .ant-input-rtl .ant-input-number:hover { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-input-number:focus, .ant-input-number-focused { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-input-number:focus, .ant-input-rtl .ant-input-number-focused { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-input-number[disabled] { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number[disabled]:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-input-number-borderless, .ant-input-number-borderless:hover, .ant-input-number-borderless:focus, .ant-input-number-borderless-focused, .ant-input-number-borderless-disabled, .ant-input-number-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input-number { max-width: 100%; height: auto; min-height: 2rem; line-height: 1.5715; vertical-align: bottom; transition: 0.3s, height; } .ant-input-number-lg { padding: 0.30625rem 0.6875rem; font-size: 1.125rem; } .ant-input-number-sm { padding: 0px 0.4375rem; } .ant-input-number-group { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: table; width: 100%; border-collapse: separate; border-spacing: 0px; } .ant-input-number-group[class*="col-"] { float: none; padding-right: 0px; padding-left: 0px; } .ant-input-number-group > [class*="col-"] { padding-right: 0.5rem; } .ant-input-number-group > [class*="col-"]:last-child { padding-right: 0px; } .ant-input-number-group-addon, .ant-input-number-group-wrap, .ant-input-number-group > .ant-input-number { display: table-cell; } .ant-input-number-group-addon:not(:first-child):not(:last-child), .ant-input-number-group-wrap:not(:first-child):not(:last-child), .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) { border-radius: 0px; } .ant-input-number-group-addon, .ant-input-number-group-wrap { width: 0.0625rem; white-space: nowrap; vertical-align: middle; } .ant-input-number-group-wrap > * { display: block !important; } .ant-input-number-group .ant-input-number { float: left; width: 100%; margin-bottom: 0px; text-align: inherit; } .ant-input-number-group .ant-input-number:focus { z-index: 1; border-right-width: 0.0625rem; } .ant-input-number-group .ant-input-number:hover { z-index: 1; border-right-width: 0.0625rem; } .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover { z-index: 0; } .ant-input-number-group-addon { position: relative; padding: 0px 0.6875rem; color: rgb(0, 0, 0); font-weight: 400; font-size: 1rem; text-align: center; background-color: rgb(250, 250, 250); border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; transition: 0.3s; } .ant-input-number-group-addon .ant-select { margin: -0.25rem -0.6875rem; } .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { background-color: inherit; border: 0.0625rem solid transparent; box-shadow: none; } .ant-input-number-group-addon .ant-select-open .ant-select-selector, .ant-input-number-group-addon .ant-select-focused .ant-select-selector { color: rgb(253, 172, 14); } .ant-input-number-group-addon .ant-cascader-picker { margin: -0.5625rem -0.75rem; background-color: transparent; } .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input { text-align: left; border: 0px; box-shadow: none; } .ant-input-number-group > .ant-input-number:first-child, .ant-input-number-group-addon:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector, .ant-input-number-group-addon:first-child .ant-select .ant-select-selector { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ant-input-number-group-addon:first-child { border-right: 0px; } .ant-input-number-group-addon:last-child { border-left: 0px; } .ant-input-number-group > .ant-input-number:last-child, .ant-input-number-group-addon:last-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector, .ant-input-number-group-addon:last-child .ant-select .ant-select-selector { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .ant-input-number-group-lg .ant-input-number, .ant-input-number-group-lg > .ant-input-number-group-addon { padding: 0.30625rem 0.6875rem; font-size: 1.125rem; } .ant-input-number-group-sm .ant-input-number, .ant-input-number-group-sm > .ant-input-number-group-addon { padding: 0px 0.4375rem; } .ant-input-number-group-lg .ant-select-single .ant-select-selector { height: 2.5rem; } .ant-input-number-group-sm .ant-select-single .ant-select-selector { height: 1.5rem; } .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child), .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .ant-input-number-group.ant-input-number-group-compact { display: block; } .ant-input-number-group.ant-input-number-group-compact::before { display: table; content: ""; } .ant-input-number-group.ant-input-number-group-compact::after { display: table; clear: both; content: ""; } .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child), .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) { border-right-width: 0.0625rem; } .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > * { display: inline-block; float: none; vertical-align: top; border-radius: 0px; } .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper { display: inline-flex; } .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range { display: inline-flex; } .ant-input-number-group.ant-input-number-group-compact > :not(:last-child) { margin-right: -0.0625rem; border-right-width: 0.0625rem; } .ant-input-number-group.ant-input-number-group-compact .ant-input-number { float: none; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input { border-right-width: 0.0625rem; border-radius: 0px; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > :first-child, .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .ant-input-number-group.ant-input-number-group-compact > :last-child, .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-right-width: 0.0625rem; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input { vertical-align: top; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper { margin-left: -0.0625rem; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper { border-radius: 0px; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button { border-radius: 0px; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-input-number-group > .ant-input-number-rtl:first-child, .ant-input-number-group-rtl .ant-input-number-group-addon:first-child { border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-input-number-group-rtl .ant-input-number-group-addon:first-child { border-right: 0.0625rem solid rgb(0, 0, 0); border-left: 0px; } .ant-input-number-group-rtl .ant-input-number-group-addon:last-child { border-right: 0px; border-left: 0.0625rem solid rgb(0, 0, 0); } .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child, .ant-input-number-group-rtl.ant-input-number-group-addon:last-child { border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) { border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) { border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > :not(:last-child) { margin-right: 0px; margin-left: -0.0625rem; border-left-width: 0.0625rem; } .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > :first-child, .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input { border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > :last-child, .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input, .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-left-width: 0.0625rem; border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl { margin-right: -0.0625rem; margin-left: 0px; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-input-number-group-wrapper { display: inline-block; text-align: start; vertical-align: top; } .ant-input-number-handler { position: relative; display: block; width: 100%; height: 50%; overflow: hidden; color: rgba(0, 0, 0, 0.45); font-weight: 700; line-height: 0; text-align: center; border-left: 0.0625rem solid rgb(0, 0, 0); transition: 0.1s linear; } .ant-input-number-handler:active { background: rgb(244, 244, 244); } .ant-input-number-handler:hover .ant-input-number-handler-up-inner, .ant-input-number-handler:hover .ant-input-number-handler-down-inner { color: rgb(255, 195, 56); } .ant-input-number-handler-up-inner, .ant-input-number-handler-down-inner { display: inline-block; font-style: normal; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; position: absolute; right: 0.25rem; width: 0.75rem; height: 0.75rem; color: rgba(0, 0, 0, 0.45); line-height: 0.75rem; transition: 0.1s linear; user-select: none; } .ant-input-number-handler-up-inner > *, .ant-input-number-handler-down-inner > * { line-height: 1; } .ant-input-number-handler-up-inner svg, .ant-input-number-handler-down-inner svg { display: inline-block; } .ant-input-number-handler-up-inner::before, .ant-input-number-handler-down-inner::before { display: none; } .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon, .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon, .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon, .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon { display: block; } .ant-input-number:hover { border-color: rgb(255, 195, 56); border-right-width: 0.0625rem !important; } .ant-input-number:hover + .ant-form-item-children-icon { opacity: 0; transition: opacity 0.24s linear 0.24s; } .ant-input-number-focused { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-input-number-focused { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-input-number-disabled { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-disabled:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-input-number-disabled .ant-input-number-input { cursor: not-allowed; } .ant-input-number-disabled .ant-input-number-handler-wrap, .ant-input-number-readonly .ant-input-number-handler-wrap { display: none; } .ant-input-number-input { width: 100%; height: 1.875rem; padding: 0px 0.6875rem; text-align: left; background-color: transparent; border: 0px; border-radius: 0.1875rem; outline: 0px; transition: 0.3s linear; appearance: textfield !important; } .ant-input-number-input::placeholder { color: rgb(191, 191, 191); user-select: none; } .ant-input-number-input:placeholder-shown { text-overflow: ellipsis; } .ant-input-number-input[type="number"]::-webkit-inner-spin-button, .ant-input-number-input[type="number"]::-webkit-outer-spin-button { margin: 0px; appearance: none; } .ant-input-number-lg { padding: 0px; font-size: 1.125rem; } .ant-input-number-lg input { height: 2.375rem; } .ant-input-number-sm { padding: 0px; } .ant-input-number-sm input { height: 1.375rem; padding: 0px 0.4375rem; } .ant-input-number-handler-wrap { position: absolute; top: 0px; right: 0px; width: 1.375rem; height: 100%; background: rgb(255, 255, 255); border-radius: 0px 0.1875rem 0.1875rem 0px; opacity: 0; transition: opacity 0.24s linear 0.1s; } .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner, .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner { display: flex; align-items: center; justify-content: center; min-width: auto; margin-right: 0px; font-size: 0.4375rem; } .ant-input-number-borderless .ant-input-number-handler-wrap { border-left-width: 0px; } .ant-input-number-handler-wrap:hover .ant-input-number-handler { height: 40%; } .ant-input-number:hover .ant-input-number-handler-wrap, .ant-input-number-focused .ant-input-number-handler-wrap { opacity: 1; } .ant-input-number-handler-up { border-top-right-radius: 0.1875rem; cursor: pointer; } .ant-input-number-handler-up-inner { top: 50%; margin-top: -0.3125rem; text-align: center; } .ant-input-number-handler-up:hover { height: 60% !important; } .ant-input-number-handler-down { top: 0px; border-top: 0.0625rem solid rgb(0, 0, 0); border-bottom-right-radius: 0.1875rem; cursor: pointer; } .ant-input-number-handler-down-inner { top: 50%; text-align: center; transform: translateY(-50%); } .ant-input-number-handler-down:hover { height: 60% !important; } .ant-input-number-borderless .ant-input-number-handler-down { border-top-width: 0px; } .ant-input-number-handler-up-disabled, .ant-input-number-handler-down-disabled { cursor: not-allowed; } .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner, .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner { color: rgba(0, 0, 0, 0.25); } .ant-input-number-borderless { box-shadow: none; } .ant-input-number-out-of-range input { color: rgb(230, 77, 67); } .ant-input-number-rtl { direction: rtl; } .ant-input-number-rtl .ant-input-number-handler { border-right: 0.0625rem solid rgb(0, 0, 0); border-left: 0px; } .ant-input-number-rtl .ant-input-number-handler-wrap { right: auto; left: 0px; } .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap { border-right-width: 0px; } .ant-input-number-rtl .ant-input-number-handler-up { border-top-right-radius: 0px; } .ant-input-number-rtl .ant-input-number-handler-down { border-bottom-right-radius: 0px; } .ant-input-number-rtl .ant-input-number-input { direction: ltr; text-align: right; } .ant-layout { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0px; background: rgb(240, 242, 245); } .ant-layout, .ant-layout * { box-sizing: border-box; } .ant-layout.ant-layout-has-sider { flex-direction: row; } .ant-layout.ant-layout-has-sider > .ant-layout, .ant-layout.ant-layout-has-sider > .ant-layout-content { width: 0px; } .ant-layout-header, .ant-layout-footer { flex: 0 0 auto; } .ant-layout-header { height: 4rem; padding: 0px 3.125rem; color: rgb(0, 0, 0); line-height: 4rem; background: rgb(0, 21, 41); } .ant-layout-footer { padding: 1.5rem 3.125rem; color: rgb(0, 0, 0); font-size: 1rem; background: rgb(240, 242, 245); } .ant-layout-content { flex: 1 1 auto; min-height: 0px; } .ant-layout-sider { position: relative; min-width: 0px; background: rgb(0, 21, 41); transition: 0.2s; } .ant-layout-sider-children { height: 100%; margin-top: -0.00625rem; padding-top: 0.00625rem; } .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed { width: auto; } .ant-layout-sider-has-trigger { padding-bottom: 3rem; } .ant-layout-sider-right { order: 1; } .ant-layout-sider-trigger { position: fixed; bottom: 0px; z-index: 1; height: 3rem; color: rgb(255, 255, 255); line-height: 3rem; text-align: center; background: rgb(0, 33, 64); cursor: pointer; transition: 0.2s; } .ant-layout-sider-zero-width > * { overflow: hidden; } .ant-layout-sider-zero-width-trigger { position: absolute; top: 4rem; right: -2.25rem; z-index: 1; width: 2.25rem; height: 2.625rem; color: rgb(255, 255, 255); font-size: 1.125rem; line-height: 2.625rem; text-align: center; background: rgb(0, 21, 41); border-radius: 0px 0.1875rem 0.1875rem 0px; cursor: pointer; transition: background 0.3s; } .ant-layout-sider-zero-width-trigger::after { position: absolute; inset: 0px; background: transparent; transition: 0.3s; content: ""; } .ant-layout-sider-zero-width-trigger:hover::after { background: rgba(255, 255, 255, 0.1); } .ant-layout-sider-zero-width-trigger-right { left: -2.25rem; border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-layout-sider-light { background: rgb(255, 255, 255); } .ant-layout-sider-light .ant-layout-sider-trigger, .ant-layout-sider-light .ant-layout-sider-zero-width-trigger { color: rgb(0, 0, 0); background: rgb(255, 255, 255); } .ant-layout-rtl { direction: rtl; } .ant-list { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; } .ant-list * { outline: none; } .ant-list-pagination { margin-top: 1.5rem; text-align: right; } .ant-list-pagination .ant-pagination-options { text-align: left; } .ant-list-more { margin-top: 0.75rem; text-align: center; } .ant-list-more button { padding-right: 2rem; padding-left: 2rem; } .ant-list-spin { min-height: 2.5rem; text-align: center; } .ant-list-empty-text { padding: 1rem; color: rgba(0, 0, 0, 0.25); font-size: 1rem; text-align: center; } .ant-list-items { margin: 0px; padding: 0px; list-style: none; } .ant-list-item { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 0px; color: rgb(0, 0, 0); } .ant-list-item-meta { display: flex; flex: 1 1 0%; align-items: flex-start; max-width: 100%; } .ant-list-item-meta-avatar { margin-right: 1rem; } .ant-list-item-meta-content { flex: 1 0 0%; width: 0px; color: rgb(0, 0, 0); } .ant-list-item-meta-title { margin-bottom: 0.25rem; color: rgb(0, 0, 0); font-size: 1rem; line-height: 1.5715; } .ant-list-item-meta-title > a { color: rgb(0, 0, 0); transition: 0.3s; } .ant-list-item-meta-title > a:hover { color: rgb(253, 172, 14); } .ant-list-item-meta-description { color: rgba(0, 0, 0, 0.45); font-size: 1rem; line-height: 1.5715; } .ant-list-item-action { flex: 0 0 auto; margin-left: 3rem; padding: 0px; font-size: 0px; list-style: none; } .ant-list-item-action > li { position: relative; display: inline-block; padding: 0px 0.5rem; color: rgba(0, 0, 0, 0.45); font-size: 1rem; line-height: 1.5715; text-align: center; } .ant-list-item-action > li:first-child { padding-left: 0px; } .ant-list-item-action-split { position: absolute; top: 50%; right: 0px; width: 0.0625rem; height: 0.875rem; margin-top: -0.4375rem; background-color: rgb(240, 240, 240); } .ant-list-header, .ant-list-footer { background: transparent; } .ant-list-header, .ant-list-footer { padding-top: 0.75rem; padding-bottom: 0.75rem; } .ant-list-empty { padding: 1rem 0px; color: rgba(0, 0, 0, 0.45); font-size: 0.75rem; text-align: center; } .ant-list-split .ant-list-item { border-bottom: 0.0625rem solid rgb(240, 240, 240); } .ant-list-split .ant-list-item:last-child { border-bottom: none; } .ant-list-split .ant-list-header { border-bottom: 0.0625rem solid rgb(240, 240, 240); } .ant-list-split.ant-list-empty .ant-list-footer { border-top: 0.0625rem solid rgb(240, 240, 240); } .ant-list-loading .ant-list-spin-nested-loading { min-height: 2rem; } .ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child { border-bottom: 0.0625rem solid rgb(240, 240, 240); } .ant-list-lg .ant-list-item { padding: 1rem 1.5rem; } .ant-list-sm .ant-list-item { padding: 0.5rem 1rem; } .ant-list-vertical .ant-list-item { align-items: initial; } .ant-list-vertical .ant-list-item-main { display: block; flex: 1 1 0%; } .ant-list-vertical .ant-list-item-extra { margin-left: 2.5rem; } .ant-list-vertical .ant-list-item-meta { margin-bottom: 1rem; } .ant-list-vertical .ant-list-item-meta-title { margin-bottom: 0.75rem; color: rgb(0, 0, 0); font-size: 1.125rem; line-height: 1.5rem; } .ant-list-vertical .ant-list-item-action { margin-top: 1rem; margin-left: auto; } .ant-list-vertical .ant-list-item-action > li { padding: 0px 1rem; } .ant-list-vertical .ant-list-item-action > li:first-child { padding-left: 0px; } .ant-list-grid .ant-col > .ant-list-item { display: block; max-width: 100%; margin-bottom: 1rem; padding-top: 0px; padding-bottom: 0px; border-bottom: none; } .ant-list-item-no-flex { display: block; } .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { float: right; } .ant-list-bordered { border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; } .ant-list-bordered .ant-list-header, .ant-list-bordered .ant-list-footer, .ant-list-bordered .ant-list-item { padding-right: 1.5rem; padding-left: 1.5rem; } .ant-list-bordered .ant-list-pagination { margin: 1rem 1.5rem; } .ant-list-bordered.ant-list-sm .ant-list-item, .ant-list-bordered.ant-list-sm .ant-list-header, .ant-list-bordered.ant-list-sm .ant-list-footer { padding: 0.5rem 1rem; } .ant-list-bordered.ant-list-lg .ant-list-item, .ant-list-bordered.ant-list-lg .ant-list-header, .ant-list-bordered.ant-list-lg .ant-list-footer { padding: 1rem 1.5rem; } @media screen and (max-width: 768px) { .ant-list-item-action, .ant-list-vertical .ant-list-item-extra { margin-left: 1.5rem; } } @media screen and (max-width: 576px) { .ant-list-item { flex-wrap: wrap; } .ant-list-item-action { margin-left: 0.75rem; } .ant-list-vertical .ant-list-item { flex-wrap: wrap-reverse; } .ant-list-vertical .ant-list-item-main { min-width: 13.75rem; } .ant-list-vertical .ant-list-item-extra { margin: auto auto 1rem; } } .ant-list-rtl { direction: rtl; text-align: right; } .ant-list-rtl .ReactVirtualized__List .ant-list-item { direction: rtl; } .ant-list-rtl .ant-list-pagination { text-align: left; } .ant-list-rtl .ant-list-item-meta-avatar { margin-right: 0px; margin-left: 1rem; } .ant-list-rtl .ant-list-item-action { margin-right: 3rem; margin-left: 0px; } .ant-list.ant-list-rtl .ant-list-item-action > li:first-child { padding-right: 0px; padding-left: 1rem; } .ant-list-rtl .ant-list-item-action-split { right: auto; left: 0px; } .ant-list-rtl.ant-list-vertical .ant-list-item-extra { margin-right: 2.5rem; margin-left: 0px; } .ant-list-rtl.ant-list-vertical .ant-list-item-action { margin-right: auto; } .ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child { padding-right: 0px; padding-left: 1rem; } .ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { float: left; } @media screen and (max-width: 768px) { .ant-list-rtl .ant-list-item-action, .ant-list-rtl .ant-list-vertical .ant-list-item-extra { margin-right: 1.5rem; margin-left: 0px; } } @media screen and (max-width: 576px) { .ant-list-rtl .ant-list-item-action { margin-right: 1.375rem; margin-left: 0px; } .ant-list-rtl.ant-list-vertical .ant-list-item-extra { margin: auto auto 1rem; } } .ant-mentions { box-sizing: border-box; margin: 0px; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; width: 100%; min-width: 0px; color: rgb(0, 0, 0); font-size: 1rem; background-color: rgb(255, 255, 255); background-image: none; border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; transition: 0.3s; position: relative; display: inline-block; height: auto; padding: 0px; overflow: hidden; line-height: 1.5715; white-space: pre-wrap; vertical-align: bottom; } .ant-mentions::placeholder { color: rgb(191, 191, 191); user-select: none; } .ant-mentions:placeholder-shown { text-overflow: ellipsis; } .ant-mentions:hover { border-color: rgb(255, 195, 56); border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-mentions:hover { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-mentions:focus, .ant-mentions-focused { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-mentions:focus, .ant-input-rtl .ant-mentions-focused { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-mentions-disabled { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-mentions-disabled:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-mentions[disabled] { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-mentions[disabled]:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-mentions-borderless, .ant-mentions-borderless:hover, .ant-mentions-borderless:focus, .ant-mentions-borderless-focused, .ant-mentions-borderless-disabled, .ant-mentions-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-mentions { max-width: 100%; height: auto; min-height: 2rem; line-height: 1.5715; vertical-align: bottom; transition: 0.3s, height; } .ant-mentions-lg { padding: 0.30625rem 0.6875rem; font-size: 1.125rem; } .ant-mentions-sm { padding: 0px 0.4375rem; } .ant-mentions-disabled > textarea { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-mentions-disabled > textarea:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-mentions-focused { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-mentions-focused { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-mentions > textarea, .ant-mentions-measure { min-height: 1.875rem; margin: 0px; padding: 0.1875rem 0.6875rem; overflow: hidden auto; font-weight: inherit; font-size: inherit; font-family: inherit; font-style: inherit; font-variant: inherit; font-size-adjust: inherit; font-stretch: inherit; line-height: inherit; direction: inherit; letter-spacing: inherit; white-space: inherit; text-align: inherit; vertical-align: top; overflow-wrap: break-word; word-break: inherit; tab-size: inherit; } .ant-mentions > textarea { width: 100%; border: none; outline: none; resize: none; } .ant-mentions > textarea::placeholder { color: rgb(191, 191, 191); user-select: none; } .ant-mentions > textarea:placeholder-shown { text-overflow: ellipsis; } .ant-mentions-measure { position: absolute; inset: 0px; z-index: -1; color: transparent; pointer-events: none; } .ant-mentions-measure > span { display: inline-block; min-height: 1em; } .ant-mentions-dropdown { margin: 0px; padding: 0px; color: rgb(0, 0, 0); line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: absolute; top: -624.938rem; left: -624.938rem; z-index: 1050; box-sizing: border-box; font-size: 1rem; font-variant: initial; background-color: rgb(255, 255, 255); border-radius: 0.1875rem; outline: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.5rem; } .ant-mentions-dropdown-hidden { display: none; } .ant-mentions-dropdown-menu { max-height: 15.625rem; margin-bottom: 0px; padding-left: 0px; overflow: auto; list-style: none; outline: none; } .ant-mentions-dropdown-menu-item { position: relative; display: block; min-width: 6.25rem; padding: 0.3125rem 0.75rem; overflow: hidden; color: rgb(0, 0, 0); font-weight: 400; line-height: 1.5715; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: background 0.3s; } .ant-mentions-dropdown-menu-item:hover { background-color: rgb(245, 245, 245); } .ant-mentions-dropdown-menu-item:first-child { border-radius: 0.1875rem 0.1875rem 0px 0px; } .ant-mentions-dropdown-menu-item:last-child { border-radius: 0px 0px 0.1875rem 0.1875rem; } .ant-mentions-dropdown-menu-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-mentions-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: rgb(255, 255, 255); cursor: not-allowed; } .ant-mentions-dropdown-menu-item-selected { color: rgb(0, 0, 0); font-weight: 600; background-color: rgb(250, 250, 250); } .ant-mentions-dropdown-menu-item-active { background-color: rgb(245, 245, 245); } .ant-mentions-rtl { direction: rtl; } .ant-menu-item-danger.ant-menu-item, .ant-menu-item-danger.ant-menu-item:hover, .ant-menu-item-danger.ant-menu-item-active { color: rgb(230, 77, 67); } .ant-menu-item-danger.ant-menu-item:active { background: rgb(255, 241, 240); } .ant-menu-item-danger.ant-menu-item-selected { color: rgb(230, 77, 67); } .ant-menu-item-danger.ant-menu-item-selected > a, .ant-menu-item-danger.ant-menu-item-selected > a:hover { color: rgb(230, 77, 67); } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { background-color: rgb(255, 241, 240); } .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after { border-right-color: rgb(230, 77, 67); } .ant-menu-dark .ant-menu-item-danger.ant-menu-item, .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover, .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a { color: rgb(230, 77, 67); } .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { color: rgb(255, 255, 255); background-color: rgb(230, 77, 67); } .ant-menu { box-sizing: border-box; margin: 0px; font-variant: tabular-nums; font-feature-settings: "tnum"; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; line-height: 0; text-align: left; list-style: none; background: rgb(255, 255, 255); outline: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.5rem; transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1); } .ant-menu::before { display: table; content: ""; } .ant-menu::after { display: table; clear: both; content: ""; } .ant-menu.ant-menu-root:focus-visible { box-shadow: rgb(255, 240, 179) 0px 0px 0px 0.125rem; } .ant-menu ul, .ant-menu ol { margin: 0px; padding: 0px; list-style: none; } .ant-menu-overflow { display: flex; } .ant-menu-overflow-item { flex: 0 0 auto; } .ant-menu-hidden, .ant-menu-submenu-hidden { display: none; } .ant-menu-item-group-title { padding: 0.5rem 1rem; color: rgba(0, 0, 0, 0.45); font-size: 1rem; line-height: 1.5715; transition: 0.3s; } .ant-menu-horizontal .ant-menu-submenu { transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu, .ant-menu-submenu-inline { transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-selected { color: rgb(253, 172, 14); } .ant-menu-item:active, .ant-menu-submenu-title:active { background: rgb(255, 251, 230); } .ant-menu-submenu .ant-menu-sub { cursor: initial; transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-title-content { transition: color 0.3s; } .ant-menu-item a { color: rgb(0, 0, 0); } .ant-menu-item a:hover { color: rgb(253, 172, 14); } .ant-menu-item a::before { position: absolute; inset: 0px; background-color: transparent; content: ""; } .ant-menu-item > .ant-badge a { color: rgb(0, 0, 0); } .ant-menu-item > .ant-badge a:hover { color: rgb(253, 172, 14); } .ant-menu-item-divider { overflow: hidden; line-height: 0; border-color: rgb(240, 240, 240); border-style: solid; border-width: 0.0625rem 0px 0px; } .ant-menu-item-divider-dashed { border-style: dashed; } .ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu { margin-top: -0.0625rem; } .ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover { background-color: transparent; } .ant-menu-item-selected, .ant-menu-item-selected a, .ant-menu-item-selected a:hover { color: rgb(253, 172, 14); } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: rgb(255, 251, 230); } .ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left { border-right: 0.0625rem solid rgb(240, 240, 240); } .ant-menu-vertical-right { border-left: 0.0625rem solid rgb(240, 240, 240); } .ant-menu-vertical.ant-menu-sub, .ant-menu-vertical-left.ant-menu-sub, .ant-menu-vertical-right.ant-menu-sub { min-width: 10rem; max-height: calc(-6.25rem + 100vh); padding: 0px; overflow: hidden; border-right: 0px; } .ant-menu-vertical.ant-menu-sub:not([class*="-active"]), .ant-menu-vertical-left.ant-menu-sub:not([class*="-active"]), .ant-menu-vertical-right.ant-menu-sub:not([class*="-active"]) { overflow: hidden auto; } .ant-menu-vertical.ant-menu-sub .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item { left: 0px; margin-left: 0px; border-right: 0px; } .ant-menu-vertical.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after { border-right: 0px; } .ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu { transform-origin: 0px 0px; } .ant-menu-horizontal.ant-menu-sub { min-width: 7.125rem; } .ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu-title { transition: border-color 0.3s, background 0.3s; } .ant-menu-item, .ant-menu-submenu-title { position: relative; display: block; margin: 0px; padding: 0px 1.25rem; white-space: nowrap; cursor: pointer; transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-item .ant-menu-item-icon, .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu-item .anticon, .ant-menu-submenu-title .anticon { min-width: 0.875rem; font-size: 1rem; transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s; } .ant-menu-item .ant-menu-item-icon + span, .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu-item .anticon + span, .ant-menu-submenu-title .anticon + span { margin-left: 0.625rem; opacity: 1; transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s; } .ant-menu-item .ant-menu-item-icon.svg, .ant-menu-submenu-title .ant-menu-item-icon.svg { vertical-align: -0.125em; } .ant-menu-item.ant-menu-item-only-child > .anticon, .ant-menu-submenu-title.ant-menu-item-only-child > .anticon, .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon { margin-right: 0px; } .ant-menu-item:focus-visible, .ant-menu-submenu-title:focus-visible { box-shadow: rgb(255, 240, 179) 0px 0px 0px 0.125rem; } .ant-menu > .ant-menu-item-divider { margin: 0.0625rem 0px; padding: 0px; } .ant-menu-submenu-popup { position: absolute; z-index: 1050; background: transparent; border-radius: 0.1875rem; box-shadow: none; transform-origin: 0px 0px; } .ant-menu-submenu-popup::before { position: absolute; inset: -0.4375rem 0px 0px; z-index: -1; width: 100%; height: 100%; opacity: 0.0001; content: " "; } .ant-menu-submenu-placement-rightTop::before { top: 0px; left: -0.4375rem; } .ant-menu-submenu > .ant-menu { background-color: rgb(255, 255, 255); border-radius: 0.1875rem; } .ant-menu-submenu > .ant-menu-submenu-title::after { transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-popup > .ant-menu { background-color: rgb(255, 255, 255); } .ant-menu-submenu-expand-icon, .ant-menu-submenu-arrow { position: absolute; top: 50%; right: 1rem; width: 0.625rem; color: rgb(0, 0, 0); transform: translateY(-50%); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-arrow::before, .ant-menu-submenu-arrow::after { position: absolute; width: 0.375rem; height: 0.09375rem; background-color: currentcolor; border-radius: 0.125rem; transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); content: ""; } .ant-menu-submenu-arrow::before { transform: rotate(45deg) translateY(-0.15625rem); } .ant-menu-submenu-arrow::after { transform: rotate(-45deg) translateY(0.15625rem); } .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon, .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { color: rgb(253, 172, 14); } .ant-menu-inline-collapsed .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline .ant-menu-submenu-arrow::before { transform: rotate(-45deg) translate(0.15625rem); } .ant-menu-inline-collapsed .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline .ant-menu-submenu-arrow::after { transform: rotate(45deg) translate(-0.15625rem); } .ant-menu-submenu-horizontal .ant-menu-submenu-arrow { display: none; } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow { transform: translateY(-0.125rem); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { transform: rotate(-45deg) translate(-0.15625rem); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before { transform: rotate(45deg) translate(0.15625rem); } .ant-menu-vertical .ant-menu-submenu-selected, .ant-menu-vertical-left .ant-menu-submenu-selected, .ant-menu-vertical-right .ant-menu-submenu-selected { color: rgb(253, 172, 14); } .ant-menu-horizontal { line-height: 2.875rem; border-width: 0px 0px 0.0625rem; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(240, 240, 240); box-shadow: none; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu { margin-top: -0.0625rem; margin-bottom: 0px; padding: 0px 1.25rem; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected { color: rgb(253, 172, 14); } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after { border-bottom: 0.125rem solid rgb(253, 172, 14); } .ant-menu-horizontal > .ant-menu-item, .ant-menu-horizontal > .ant-menu-submenu { position: relative; top: 0.0625rem; display: inline-block; vertical-align: bottom; } .ant-menu-horizontal > .ant-menu-item::after, .ant-menu-horizontal > .ant-menu-submenu::after { position: absolute; right: 1.25rem; bottom: 0px; left: 1.25rem; border-bottom: 0.125rem solid transparent; transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); content: ""; } .ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title { padding: 0px; } .ant-menu-horizontal > .ant-menu-item a { color: rgb(0, 0, 0); } .ant-menu-horizontal > .ant-menu-item a:hover { color: rgb(253, 172, 14); } .ant-menu-horizontal > .ant-menu-item a::before { bottom: -0.125rem; } .ant-menu-horizontal > .ant-menu-item-selected a { color: rgb(253, 172, 14); } .ant-menu-horizontal::after { display: block; clear: both; height: 0px; content: " "; } .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item { position: relative; } .ant-menu-vertical .ant-menu-item::after, .ant-menu-vertical-left .ant-menu-item::after, .ant-menu-vertical-right .ant-menu-item::after, .ant-menu-inline .ant-menu-item::after { position: absolute; top: 0px; right: 0px; bottom: 0px; border-right: 0.1875rem solid rgb(253, 172, 14); transform: scaleY(0.0001); opacity: 0; transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); content: ""; } .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title { height: 2.5rem; margin-top: 0.25rem; margin-bottom: 0.25rem; padding: 0px 1rem; overflow: hidden; line-height: 2.5rem; text-overflow: ellipsis; } .ant-menu-vertical .ant-menu-submenu, .ant-menu-vertical-left .ant-menu-submenu, .ant-menu-vertical-right .ant-menu-submenu, .ant-menu-inline .ant-menu-submenu { padding-bottom: 0.00125rem; } .ant-menu-vertical .ant-menu-item:not(:last-child), .ant-menu-vertical-left .ant-menu-item:not(:last-child), .ant-menu-vertical-right .ant-menu-item:not(:last-child), .ant-menu-inline .ant-menu-item:not(:last-child) { margin-bottom: 0.5rem; } .ant-menu-vertical > .ant-menu-item, .ant-menu-vertical-left > .ant-menu-item, .ant-menu-vertical-right > .ant-menu-item, .ant-menu-inline > .ant-menu-item, .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { height: 2.5rem; line-height: 2.5rem; } .ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title, .ant-menu-vertical .ant-menu-submenu-title { padding-right: 2.125rem; } .ant-menu-inline { width: 100%; } .ant-menu-inline .ant-menu-selected::after, .ant-menu-inline .ant-menu-item-selected::after { transform: scaleY(1); opacity: 1; transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title { width: calc(100% + 0.0625rem); } .ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title { padding-right: 2.125rem; } .ant-menu-inline.ant-menu-root .ant-menu-item, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title { display: flex; align-items: center; transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content { flex: 1 1 auto; min-width: 0px; overflow: hidden; text-overflow: ellipsis; } .ant-menu-inline.ant-menu-root .ant-menu-item > *, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * { flex: 0 0 auto; } .ant-menu.ant-menu-inline-collapsed { width: 5rem; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title { left: 0px; padding: 0px calc(50% - 0.5625rem); text-overflow: clip; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow { opacity: 0; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon { margin: 0px; font-size: 1.125rem; line-height: 2.5rem; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span { display: inline-block; opacity: 0; } .ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed .anticon { display: inline-block; } .ant-menu.ant-menu-inline-collapsed-tooltip { pointer-events: none; } .ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed-tooltip .anticon { display: none; } .ant-menu.ant-menu-inline-collapsed-tooltip a { color: rgba(255, 255, 255, 0.85); } .ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title { padding-right: 0.25rem; padding-left: 0.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-menu-item-group-list { margin: 0px; padding: 0px; } .ant-menu-item-group-list .ant-menu-item, .ant-menu-item-group-list .ant-menu-submenu-title { padding: 0px 1rem 0px 1.75rem; } .ant-menu-root.ant-menu-vertical, .ant-menu-root.ant-menu-vertical-left, .ant-menu-root.ant-menu-vertical-right, .ant-menu-root.ant-menu-inline { box-shadow: none; } .ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon, .ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon { font-size: 1.125rem; text-align: center; } .ant-menu-sub.ant-menu-inline { padding: 0px; background: rgb(250, 250, 250); border: 0px; border-radius: 0px; box-shadow: none; } .ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { height: 2.5rem; line-height: 2.5rem; list-style-position: inside; list-style-type: disc; } .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { padding-left: 2rem; } .ant-menu-item-disabled, .ant-menu-submenu-disabled { background: none; cursor: not-allowed; color: rgba(0, 0, 0, 0.25) !important; } .ant-menu-item-disabled::after, .ant-menu-submenu-disabled::after { border-color: transparent !important; } .ant-menu-item-disabled a, .ant-menu-submenu-disabled a { color: rgba(0, 0, 0, 0.25) !important; pointer-events: none; } .ant-menu-item-disabled > .ant-menu-submenu-title, .ant-menu-submenu-disabled > .ant-menu-submenu-title { color: rgba(0, 0, 0, 0.25) !important; cursor: not-allowed; } .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { background: rgba(0, 0, 0, 0.25) !important; } .ant-layout-header .ant-menu { line-height: inherit; } .ant-menu-inline-collapsed-tooltip a, .ant-menu-inline-collapsed-tooltip a:hover { color: rgb(255, 255, 255); } .ant-menu-light .ant-menu-item:hover, .ant-menu-light .ant-menu-item-active, .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-light .ant-menu-submenu-active, .ant-menu-light .ant-menu-submenu-title:hover { color: rgb(253, 172, 14); } .ant-menu.ant-menu-root:focus-visible { box-shadow: rgb(214, 136, 2) 0px 0px 0px 0.125rem; } .ant-menu-dark .ant-menu-item:focus-visible, .ant-menu-dark .ant-menu-submenu-title:focus-visible { box-shadow: rgb(214, 136, 2) 0px 0px 0px 0.125rem; } .ant-menu.ant-menu-dark, .ant-menu-dark .ant-menu-sub, .ant-menu.ant-menu-dark .ant-menu-sub { color: rgba(255, 255, 255, 0.65); background: rgb(0, 21, 41); } .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow { opacity: 0.45; transition: 0.3s; } .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before { background: rgb(255, 255, 255); } .ant-menu-dark.ant-menu-submenu-popup { background: transparent; } .ant-menu-dark .ant-menu-inline.ant-menu-sub { background: rgb(0, 12, 23); } .ant-menu-dark.ant-menu-horizontal { border-bottom: 0px; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item, .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu { top: 0px; margin-top: 0px; padding: 0px 1.25rem; border-top-color: rgb(0, 21, 41); border-right-color: rgb(0, 21, 41); border-left-color: rgb(0, 21, 41); border-bottom: 0px; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover { background-color: rgb(253, 172, 14); } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before { bottom: 0px; } .ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a, .ant-menu-dark .ant-menu-item > span > a { color: rgba(255, 255, 255, 0.65); } .ant-menu-dark.ant-menu-inline, .ant-menu-dark.ant-menu-vertical, .ant-menu-dark.ant-menu-vertical-left, .ant-menu-dark.ant-menu-vertical-right { border-right: 0px; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-vertical .ant-menu-item, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item { left: 0px; margin-left: 0px; border-right: 0px; } .ant-menu-dark.ant-menu-inline .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after { border-right: 0px; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title { width: 100%; } .ant-menu-dark .ant-menu-item:hover, .ant-menu-dark .ant-menu-item-active, .ant-menu-dark .ant-menu-submenu-active, .ant-menu-dark .ant-menu-submenu-open, .ant-menu-dark .ant-menu-submenu-selected, .ant-menu-dark .ant-menu-submenu-title:hover { color: rgb(255, 255, 255); background-color: transparent; } .ant-menu-dark .ant-menu-item:hover > a, .ant-menu-dark .ant-menu-item-active > a, .ant-menu-dark .ant-menu-submenu-active > a, .ant-menu-dark .ant-menu-submenu-open > a, .ant-menu-dark .ant-menu-submenu-selected > a, .ant-menu-dark .ant-menu-submenu-title:hover > a, .ant-menu-dark .ant-menu-item:hover > span > a, .ant-menu-dark .ant-menu-item-active > span > a, .ant-menu-dark .ant-menu-submenu-active > span > a, .ant-menu-dark .ant-menu-submenu-open > span > a, .ant-menu-dark .ant-menu-submenu-selected > span > a, .ant-menu-dark .ant-menu-submenu-title:hover > span > a { color: rgb(255, 255, 255); } .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { opacity: 1; } .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before { background: rgb(255, 255, 255); } .ant-menu-dark .ant-menu-item:hover { background-color: transparent; } .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: rgb(253, 172, 14); } .ant-menu-dark .ant-menu-item-selected { color: rgb(255, 255, 255); border-right: 0px; } .ant-menu-dark .ant-menu-item-selected::after { border-right: 0px; } .ant-menu-dark .ant-menu-item-selected > a, .ant-menu-dark .ant-menu-item-selected > span > a, .ant-menu-dark .ant-menu-item-selected > a:hover, .ant-menu-dark .ant-menu-item-selected > span > a:hover { color: rgb(255, 255, 255); } .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon, .ant-menu-dark .ant-menu-item-selected .anticon { color: rgb(255, 255, 255); } .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span, .ant-menu-dark .ant-menu-item-selected .anticon + span { color: rgb(255, 255, 255); } .ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected { background-color: rgb(253, 172, 14); } .ant-menu-dark .ant-menu-item-disabled, .ant-menu-dark .ant-menu-submenu-disabled, .ant-menu-dark .ant-menu-item-disabled > a, .ant-menu-dark .ant-menu-submenu-disabled > a, .ant-menu-dark .ant-menu-item-disabled > span > a, .ant-menu-dark .ant-menu-submenu-disabled > span > a { color: rgba(255, 255, 255, 0.35) !important; opacity: 0.8; } .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title { color: rgba(255, 255, 255, 0.35) !important; } .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { background: rgba(255, 255, 255, 0.35) !important; } .ant-menu.ant-menu-rtl { direction: rtl; text-align: right; } .ant-menu-rtl .ant-menu-item-group-title { text-align: right; } .ant-menu-rtl.ant-menu-inline, .ant-menu-rtl.ant-menu-vertical { border-right: none; border-left: 0.0625rem solid rgb(240, 240, 240); } .ant-menu-rtl.ant-menu-dark.ant-menu-inline, .ant-menu-rtl.ant-menu-dark.ant-menu-vertical { border-left: none; } .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu { transform-origin: right top; } .ant-menu-rtl .ant-menu-item .ant-menu-item-icon, .ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu-rtl .ant-menu-item .anticon, .ant-menu-rtl .ant-menu-submenu-title .anticon { margin-right: auto; margin-left: 0.625rem; } .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon, .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon { margin-left: 0px; } .ant-menu-submenu-rtl.ant-menu-submenu-popup { transform-origin: 100% 0px; } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow { right: auto; left: 1rem; } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before { transform: rotate(-45deg) translateY(-0.125rem); } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after { transform: rotate(45deg) translateY(0.125rem); } .ant-menu-rtl.ant-menu-vertical .ant-menu-item::after, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after, .ant-menu-rtl.ant-menu-inline .ant-menu-item::after { right: auto; left: 0px; } .ant-menu-rtl.ant-menu-vertical .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item, .ant-menu-rtl.ant-menu-inline .ant-menu-item, .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title { text-align: right; } .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title { padding-right: 0px; padding-left: 2.125rem; } .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title { padding-right: 1rem; padding-left: 2.125rem; } .ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title { padding: 0px calc(50% - 0.5625rem); } .ant-menu-rtl .ant-menu-item-group-list .ant-menu-item, .ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title { padding: 0px 1.75rem 0px 1rem; } .ant-menu-sub.ant-menu-inline { border: 0px; } .ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { padding-right: 2rem; padding-left: 0px; } .ant-message { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: fixed; top: 0.5rem; left: 0px; z-index: 1010; width: 100%; pointer-events: none; } .ant-message-notice { padding: 0.5rem; text-align: center; } .ant-message-notice-content { display: inline-block; padding: 0.625rem 1rem; background: rgb(255, 255, 255); border-radius: 0.1875rem; box-shadow: rgba(0, 0, 0, 0.12) 0px 0.1875rem 0.375rem -0.25rem, rgba(0, 0, 0, 0.08) 0px 0.375rem 1rem, rgba(0, 0, 0, 0.05) 0px 0.5625rem 1.75rem 0.5rem; pointer-events: all; } .ant-message-success .anticon { color: rgb(255, 95, 68); } .ant-message-error .anticon { color: rgb(230, 77, 67); } .ant-message-warning .anticon, .ant-message-info .anticon, .ant-message-loading .anticon { color: rgb(253, 172, 14); } .ant-message .anticon { position: relative; top: 0.0625rem; margin-right: 0.5rem; font-size: 1.125rem; } .ant-message-notice.ant-move-up-leave.ant-move-up-leave-active { animation-name: MessageMoveOut; animation-duration: 0.3s; } @keyframes MessageMoveOut { 0% { max-height: 9.375rem; padding: 0.5rem; opacity: 1; } 100% { max-height: 0px; padding: 0px; opacity: 0; } } .ant-message-rtl, .ant-message-rtl span { direction: rtl; } .ant-message-rtl .anticon { margin-right: 0px; margin-left: 0.5rem; } .ant-modal { box-sizing: border-box; padding: 0px 0px 1.5rem; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; pointer-events: none; position: relative; top: 6.25rem; width: auto; max-width: calc(-2rem + 100vw); margin: 0px auto; } .ant-modal.ant-zoom-enter, .ant-modal.antzoom-appear { transform: none; opacity: 0; animation-duration: 0.3s; user-select: none; } .ant-modal-mask { position: fixed; inset: 0px; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.45); } .ant-modal-mask-hidden { display: none; } .ant-modal-wrap { position: fixed; inset: 0px; overflow: auto; outline: 0px; } .ant-modal-wrap { z-index: 1000; } .ant-modal-title { margin: 0px; color: rgb(0, 0, 0); font-weight: 500; font-size: 1.125rem; line-height: 1.375rem; overflow-wrap: break-word; } .ant-modal-content { position: relative; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 0px; border-radius: 0.1875rem; box-shadow: rgba(0, 0, 0, 0.12) 0px 0.1875rem 0.375rem -0.25rem, rgba(0, 0, 0, 0.08) 0px 0.375rem 1rem, rgba(0, 0, 0, 0.05) 0px 0.5625rem 1.75rem 0.5rem; pointer-events: auto; } .ant-modal-close { position: absolute; top: 0px; right: 0px; z-index: 10; padding: 0px; color: rgba(0, 0, 0, 0.45); font-weight: 700; line-height: 1; text-decoration: none; background: transparent; border: 0px; outline: 0px; cursor: pointer; transition: color 0.3s; } .ant-modal-close-x { display: block; width: 3.5rem; height: 3.5rem; font-size: 1.125rem; font-style: normal; line-height: 3.5rem; text-align: center; text-transform: none; text-rendering: auto; } .ant-modal-close:focus, .ant-modal-close:hover { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .ant-modal-header { padding: 1rem 1.5rem; color: rgb(0, 0, 0); background: rgb(255, 255, 255); border-bottom: 0.0625rem solid rgb(240, 240, 240); border-radius: 0.1875rem 0.1875rem 0px 0px; } .ant-modal-body { padding: 1.5rem; font-size: 1rem; line-height: 1.5715; overflow-wrap: break-word; } .ant-modal-footer { padding: 0.625rem 1rem; text-align: right; background: transparent; border-top: 0.0625rem solid rgb(240, 240, 240); border-radius: 0px 0px 0.1875rem 0.1875rem; } .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) { margin-bottom: 0px; margin-left: 0.5rem; } .ant-modal-open { overflow: hidden; } .ant-modal-centered { text-align: center; } .ant-modal-centered::before { display: inline-block; width: 0px; height: 100%; vertical-align: middle; content: ""; } .ant-modal-centered .ant-modal { top: 0px; display: inline-block; padding-bottom: 0px; text-align: left; vertical-align: middle; } @media (max-width: 767px) { .ant-modal { max-width: calc(-1rem + 100vw); margin: 0.5rem auto; } .ant-modal-centered .ant-modal { flex: 1 1 0%; } } .ant-modal-confirm .ant-modal-header { display: none; } .ant-modal-confirm .ant-modal-body { padding: 2rem 2rem 1.5rem; } .ant-modal-confirm-body-wrapper::before { display: table; content: ""; } .ant-modal-confirm-body-wrapper::after { display: table; clear: both; content: ""; } .ant-modal-confirm-body .ant-modal-confirm-title { display: block; overflow: hidden; color: rgb(0, 0, 0); font-weight: 500; font-size: 1.125rem; line-height: 1.4; } .ant-modal-confirm-body .ant-modal-confirm-content { margin-top: 0.5rem; color: rgb(0, 0, 0); font-size: 1rem; } .ant-modal-confirm-body > .anticon { float: left; margin-right: 1rem; font-size: 1.375rem; } .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-left: 2.375rem; } .ant-modal-confirm .ant-modal-confirm-btns { float: right; margin-top: 1.5rem; } .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn { margin-bottom: 0px; margin-left: 0.5rem; } .ant-modal-confirm-error .ant-modal-confirm-body > .anticon { color: rgb(230, 77, 67); } .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon, .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon { color: rgb(253, 172, 14); } .ant-modal-confirm-info .ant-modal-confirm-body > .anticon { color: rgb(253, 172, 14); } .ant-modal-confirm-success .ant-modal-confirm-body > .anticon { color: rgb(255, 95, 68); } .ant-modal-wrap-rtl { direction: rtl; } .ant-modal-wrap-rtl .ant-modal-close { right: initial; left: 0px; } .ant-modal-wrap-rtl .ant-modal-footer { text-align: left; } .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn { margin-right: 0.5rem; margin-left: 0px; } .ant-modal-wrap-rtl .ant-modal-confirm-body { direction: rtl; } .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon { float: right; margin-right: 0px; margin-left: 1rem; } .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-right: 2.375rem; margin-left: 0px; } .ant-modal-wrap-rtl .ant-modal-confirm-btns { float: left; } .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn { margin-right: 0.5rem; margin-left: 0px; } .ant-modal-wrap-rtl.ant-modal-centered .ant-modal { text-align: right; } .ant-notification { box-sizing: border-box; margin: 0px 1.5rem 0px 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: fixed; z-index: 1010; } .ant-notification-topLeft, .ant-notification-bottomLeft { margin-right: 0px; margin-left: 1.5rem; } .ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active, .ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active { animation-name: NotificationLeftFadeIn; } .ant-notification-close-icon { font-size: 1rem; cursor: pointer; } .ant-notification-hook-holder { position: relative; } .ant-notification-notice { position: relative; width: 24rem; max-width: calc(-3rem + 100vw); margin-bottom: 1rem; margin-left: auto; padding: 1rem 1.5rem; overflow: hidden; line-height: 1.5715; overflow-wrap: break-word; background: rgb(255, 255, 255); border-radius: 0.1875rem; box-shadow: rgba(0, 0, 0, 0.12) 0px 0.1875rem 0.375rem -0.25rem, rgba(0, 0, 0, 0.08) 0px 0.375rem 1rem, rgba(0, 0, 0, 0.05) 0px 0.5625rem 1.75rem 0.5rem; } .ant-notification-topLeft .ant-notification-notice, .ant-notification-bottomLeft .ant-notification-notice { margin-right: auto; margin-left: 0px; } .ant-notification-notice-message { margin-bottom: 0.5rem; color: rgb(0, 0, 0); font-size: 1.125rem; line-height: 1.5rem; } .ant-notification-notice-message-single-line-auto-margin { display: block; width: calc(-100% + 16.5rem); max-width: 0.25rem; background-color: transparent; pointer-events: none; } .ant-notification-notice-message-single-line-auto-margin::before { display: block; content: ""; } .ant-notification-notice-description { font-size: 1rem; } .ant-notification-notice-closable .ant-notification-notice-message { padding-right: 1.5rem; } .ant-notification-notice-with-icon .ant-notification-notice-message { margin-bottom: 0.25rem; margin-left: 3rem; font-size: 1.125rem; } .ant-notification-notice-with-icon .ant-notification-notice-description { margin-left: 3rem; font-size: 1rem; } .ant-notification-notice-icon { position: absolute; margin-left: 0.25rem; font-size: 1.5rem; line-height: 1.5rem; } .anticon.ant-notification-notice-icon-success { color: rgb(255, 95, 68); } .anticon.ant-notification-notice-icon-info, .anticon.ant-notification-notice-icon-warning { color: rgb(253, 172, 14); } .anticon.ant-notification-notice-icon-error { color: rgb(230, 77, 67); } .ant-notification-notice-close { position: absolute; top: 1rem; right: 1.375rem; color: rgba(0, 0, 0, 0.45); outline: none; } .ant-notification-notice-close:hover { color: rgba(0, 0, 0, 0.67); } .ant-notification-notice-btn { float: right; margin-top: 1rem; } .ant-notification .notification-fade-effect { animation-duration: 0.24s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; } .ant-notification-fade-enter, .ant-notification-fade-appear { animation-duration: 0.24s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; opacity: 0; animation-play-state: paused; } .ant-notification-fade-leave { animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; animation-duration: 0.2s; animation-play-state: paused; } .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-fade-appear.ant-notification-fade-appear-active { animation-name: NotificationFadeIn; animation-play-state: running; } .ant-notification-fade-leave.ant-notification-fade-leave-active { animation-name: NotificationFadeOut; animation-play-state: running; } @keyframes NotificationFadeIn { 0% { left: 24rem; opacity: 0; } 100% { left: 0px; opacity: 1; } } @keyframes NotificationLeftFadeIn { 0% { right: 24rem; opacity: 0; } 100% { right: 0px; opacity: 1; } } @keyframes NotificationFadeOut { 0% { max-height: 9.375rem; margin-bottom: 1rem; opacity: 1; } 100% { max-height: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; opacity: 0; } } .ant-notification-rtl { direction: rtl; } .ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message { padding-right: 0px; padding-left: 1.5rem; } .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message, .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description { margin-right: 3rem; margin-left: 0px; } .ant-notification-rtl .ant-notification-notice-icon { margin-right: 0.25rem; margin-left: 0px; } .ant-notification-rtl .ant-notification-notice-close { right: auto; left: 1.375rem; } .ant-notification-rtl .ant-notification-notice-btn { float: left; } .ant-page-header { box-sizing: border-box; margin: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; padding: 1rem 1.5rem; background-color: rgb(255, 255, 255); } .ant-page-header-ghost { background-color: inherit; } .ant-page-header.has-breadcrumb { padding-top: 0.75rem; } .ant-page-header.has-footer { padding-bottom: 0px; } .ant-page-header-back { margin-right: 1rem; font-size: 1rem; line-height: 1; } .ant-page-header-back-button { text-decoration: none; outline: none; transition: color 0.3s; color: rgb(0, 0, 0); cursor: pointer; } .ant-page-header-back-button:focus, .ant-page-header-back-button:hover { color: rgb(13, 12, 12); } .ant-page-header-back-button:active { color: rgb(0, 0, 0); } .ant-page-header .ant-divider-vertical { height: 0.875rem; margin: 0px 0.75rem; vertical-align: middle; } .ant-breadcrumb + .ant-page-header-heading { margin-top: 0.5rem; } .ant-page-header-heading { display: flex; justify-content: space-between; } .ant-page-header-heading-left { display: flex; align-items: center; margin: 0.25rem 0px; overflow: hidden; } .ant-page-header-heading-title { margin-right: 0.75rem; margin-bottom: 0px; color: rgb(0, 0, 0); font-weight: 600; font-size: 1.4375rem; line-height: 2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-page-header-heading .ant-avatar { margin-right: 0.75rem; } .ant-page-header-heading-sub-title { margin-right: 0.75rem; color: rgba(0, 0, 0, 0.45); font-size: 0.875rem; line-height: 1.5715; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-page-header-heading-extra { margin: 0.25rem 0px; white-space: nowrap; } .ant-page-header-heading-extra > * { margin-left: 0.75rem; white-space: unset; } .ant-page-header-heading-extra > :first-child { margin-left: 0px; } .ant-page-header-content { padding-top: 0.75rem; } .ant-page-header-footer { margin-top: 1rem; } .ant-page-header-footer .ant-tabs > .ant-tabs-nav { margin: 0px; } .ant-page-header-footer .ant-tabs > .ant-tabs-nav::before { border: none; } .ant-page-header-footer .ant-tabs .ant-tabs-tab { padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1rem; } .ant-page-header-compact .ant-page-header-heading { flex-wrap: wrap; } .ant-page-header-rtl { direction: rtl; } .ant-page-header-rtl .ant-page-header-back { float: right; margin-right: 0px; margin-left: 1rem; } .ant-page-header-rtl .ant-page-header-heading-title, .ant-page-header-rtl .ant-page-header-heading .ant-avatar { margin-right: 0px; margin-left: 0.75rem; } .ant-page-header-rtl .ant-page-header-heading-sub-title { float: right; margin-right: 0px; margin-left: 0.75rem; } .ant-page-header-rtl .ant-page-header-heading-tags { float: right; } .ant-page-header-rtl .ant-page-header-heading-extra { float: left; } .ant-page-header-rtl .ant-page-header-heading-extra > * { margin-right: 0.75rem; margin-left: 0px; } .ant-page-header-rtl .ant-page-header-heading-extra > :first-child { margin-right: 0px; } .ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav { float: right; } .ant-pagination { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; } .ant-pagination ul, .ant-pagination ol { margin: 0px; padding: 0px; list-style: none; } .ant-pagination::after { display: block; clear: both; height: 0px; overflow: hidden; visibility: hidden; content: " "; } .ant-pagination-total-text { display: inline-block; height: 2rem; margin-right: 0.5rem; line-height: 1.875rem; vertical-align: middle; } .ant-pagination-item { display: inline-block; min-width: 2rem; height: 2rem; margin-right: 0.5rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.875rem; text-align: center; vertical-align: middle; list-style: none; background-color: rgb(255, 255, 255); border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; outline: 0px; cursor: pointer; user-select: none; } .ant-pagination-item a { display: block; padding: 0px 0.375rem; color: rgb(0, 0, 0); transition: none; } .ant-pagination-item a:hover { text-decoration: none; } .ant-pagination-item:hover { border-color: rgb(253, 172, 14); transition: 0.3s; } .ant-pagination-item:hover a { color: rgb(253, 172, 14); } .ant-pagination-item:focus-visible { border-color: rgb(253, 172, 14); transition: 0.3s; } .ant-pagination-item:focus-visible a { color: rgb(253, 172, 14); } .ant-pagination-item-active { font-weight: 500; background: rgb(255, 255, 255); border-color: rgb(253, 172, 14); } .ant-pagination-item-active a { color: rgb(253, 172, 14); } .ant-pagination-item-active:hover { border-color: rgb(255, 195, 56); } .ant-pagination-item-active:focus-visible { border-color: rgb(255, 195, 56); } .ant-pagination-item-active:hover a { color: rgb(255, 195, 56); } .ant-pagination-item-active:focus-visible a { color: rgb(255, 195, 56); } .ant-pagination-jump-prev, .ant-pagination-jump-next { outline: 0px; } .ant-pagination-jump-prev .ant-pagination-item-container, .ant-pagination-jump-next .ant-pagination-item-container { position: relative; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon { color: rgb(253, 172, 14); font-size: 0.75rem; letter-spacing: -0.0625rem; opacity: 0; transition: 0.2s; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg { inset: 0px; margin: auto; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis { position: absolute; inset: 0px; display: block; margin: auto; color: rgba(0, 0, 0, 0.25); font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.125rem; text-align: center; text-indent: 0.13em; opacity: 1; transition: 0.2s; } .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon, .ant-pagination-jump-next:hover .ant-pagination-item-link-icon { opacity: 1; } .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis, .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis { opacity: 0; } .ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon, .ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon { opacity: 1; } .ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis, .ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis { opacity: 0; } .ant-pagination-prev, .ant-pagination-jump-prev, .ant-pagination-jump-next { margin-right: 0.5rem; } .ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next { display: inline-block; min-width: 2rem; height: 2rem; color: rgb(0, 0, 0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 2rem; text-align: center; vertical-align: middle; list-style: none; border-radius: 0.1875rem; cursor: pointer; transition: 0.3s; } .ant-pagination-prev, .ant-pagination-next { font-family: Arial, Helvetica, sans-serif; outline: 0px; } .ant-pagination-prev button, .ant-pagination-next button { color: rgb(0, 0, 0); cursor: pointer; user-select: none; } .ant-pagination-prev:hover button, .ant-pagination-next:hover button { border-color: rgb(255, 195, 56); } .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { display: block; width: 100%; height: 100%; padding: 0px; font-size: 0.75rem; text-align: center; background-color: rgb(255, 255, 255); border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; outline: none; transition: 0.3s; } .ant-pagination-prev:focus-visible .ant-pagination-item-link, .ant-pagination-next:focus-visible .ant-pagination-item-link { color: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .ant-pagination-prev:hover .ant-pagination-item-link, .ant-pagination-next:hover .ant-pagination-item-link { color: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .ant-pagination-disabled, .ant-pagination-disabled:hover { cursor: not-allowed; } .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); cursor: not-allowed; } .ant-pagination-disabled:focus-visible { cursor: not-allowed; } .ant-pagination-disabled:focus-visible .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: rgb(0, 0, 0); cursor: not-allowed; } .ant-pagination-slash { margin: 0px 0.625rem 0px 0.3125rem; } .ant-pagination-options { display: inline-block; margin-left: 1rem; vertical-align: middle; } @media (-ms-high-contrast: none) { } .ant-pagination-options-size-changer.ant-select { display: inline-block; width: auto; } .ant-pagination-options-quick-jumper { display: inline-block; height: 2rem; margin-left: 0.5rem; line-height: 2rem; vertical-align: top; } .ant-pagination-options-quick-jumper input { position: relative; display: inline-block; min-width: 0px; padding: 0.1875rem 0.6875rem; color: rgb(0, 0, 0); font-size: 1rem; line-height: 1.5715; background-color: rgb(255, 255, 255); background-image: none; border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; transition: 0.3s; width: 3.125rem; height: 2rem; margin: 0px 0.5rem; } .ant-pagination-options-quick-jumper input::placeholder { color: rgb(191, 191, 191); user-select: none; } .ant-pagination-options-quick-jumper input:placeholder-shown { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:hover { border-color: rgb(255, 195, 56); border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-pagination-options-quick-jumper input:hover { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input-focused { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-pagination-options-quick-jumper input:focus, .ant-input-rtl .ant-pagination-options-quick-jumper input-focused { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-pagination-options-quick-jumper input-disabled { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input-disabled:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-pagination-options-quick-jumper input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input[disabled]:hover { border-color: rgb(0, 0, 0); border-right-width: 0.0625rem !important; } .ant-pagination-options-quick-jumper input-borderless, .ant-pagination-options-quick-jumper input-borderless:hover, .ant-pagination-options-quick-jumper input-borderless:focus, .ant-pagination-options-quick-jumper input-borderless-focused, .ant-pagination-options-quick-jumper input-borderless-disabled, .ant-pagination-options-quick-jumper input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-pagination-options-quick-jumper input { max-width: 100%; height: auto; min-height: 2rem; line-height: 1.5715; vertical-align: bottom; transition: 0.3s, height; } .ant-pagination-options-quick-jumper input-lg { padding: 0.30625rem 0.6875rem; font-size: 1.125rem; } .ant-pagination-options-quick-jumper input-sm { padding: 0px 0.4375rem; } .ant-pagination-options-quick-jumper input-rtl { direction: rtl; } .ant-pagination-simple .ant-pagination-prev, .ant-pagination-simple .ant-pagination-next { height: 1.5rem; line-height: 1.5rem; vertical-align: top; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link { height: 1.5rem; background-color: transparent; border: 0px; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after { height: 1.5rem; line-height: 1.5rem; } .ant-pagination-simple .ant-pagination-simple-pager { display: inline-block; height: 1.5rem; margin-right: 0.5rem; } .ant-pagination-simple .ant-pagination-simple-pager input { box-sizing: border-box; height: 100%; margin-right: 0.5rem; padding: 0px 0.375rem; text-align: center; background-color: rgb(255, 255, 255); border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; outline: none; transition: border-color 0.3s; } .ant-pagination-simple .ant-pagination-simple-pager input:hover { border-color: rgb(253, 172, 14); } .ant-pagination-simple .ant-pagination-simple-pager input:focus { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; } .ant-pagination-simple .ant-pagination-simple-pager input[disabled] { color: rgba(0, 0, 0, 0.25); background: rgb(245, 245, 245); border-color: rgb(0, 0, 0); cursor: not-allowed; } .ant-pagination.mini .ant-pagination-total-text, .ant-pagination.mini .ant-pagination-simple-pager { height: 1.5rem; line-height: 1.5rem; } .ant-pagination.mini .ant-pagination-item { min-width: 1.5rem; height: 1.5rem; margin: 0px; line-height: 1.375rem; } .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-prev, .ant-pagination.mini .ant-pagination-next { min-width: 1.5rem; height: 1.5rem; margin: 0px; line-height: 1.5rem; } .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after { height: 1.5rem; line-height: 1.5rem; } .ant-pagination.mini .ant-pagination-jump-prev, .ant-pagination.mini .ant-pagination-jump-next { height: 1.5rem; margin-right: 0px; line-height: 1.5rem; } .ant-pagination.mini .ant-pagination-options { margin-left: 0.125rem; } .ant-pagination.mini .ant-pagination-options-size-changer { top: 0px; } .ant-pagination.mini .ant-pagination-options-quick-jumper { height: 1.5rem; line-height: 1.5rem; } .ant-pagination.mini .ant-pagination-options-quick-jumper input { padding: 0px 0.4375rem; width: 2.75rem; height: 1.5rem; } .ant-pagination.ant-pagination-disabled { cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item { background: rgb(245, 245, 245); border-color: rgb(0, 0, 0); cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item a { color: rgba(0, 0, 0, 0.25); background: transparent; border: none; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active { background: rgb(230, 230, 230); } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a { color: rgba(0, 0, 0, 0.25); } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); background: rgb(245, 245, 245); border-color: rgb(0, 0, 0); cursor: not-allowed; } .ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link { background: transparent; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon { opacity: 0; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis { opacity: 1; } .ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager { color: rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 992px) { .ant-pagination-item-after-jump-prev, .ant-pagination-item-before-jump-next { display: none; } } @media only screen and (max-width: 576px) { .ant-pagination-options { display: none; } } .ant-pagination-rtl .ant-pagination-total-text, .ant-pagination-rtl .ant-pagination-item, .ant-pagination-rtl .ant-pagination-prev, .ant-pagination-rtl .ant-pagination-jump-prev, .ant-pagination-rtl .ant-pagination-jump-next { margin-right: 0px; margin-left: 0.5rem; } .ant-pagination-rtl .ant-pagination-slash { margin: 0px 0.3125rem 0px 0.625rem; } .ant-pagination-rtl .ant-pagination-options { margin-right: 1rem; margin-left: 0px; } .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select { margin-right: 0px; margin-left: 0.5rem; } .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper { margin-left: 0px; } .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager, .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input { margin-right: 0px; margin-left: 0.5rem; } .ant-pagination-rtl.ant-pagination.mini .ant-pagination-options { margin-right: 0.125rem; margin-left: 0px; } .ant-popconfirm { z-index: 1060; } .ant-popover { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: absolute; top: 0px; left: 0px; z-index: 1030; font-weight: 400; white-space: normal; text-align: left; cursor: auto; user-select: text; } .ant-popover::after { position: absolute; background: rgba(255, 255, 255, 0.01); content: ""; } .ant-popover-hidden { display: none; } .ant-popover-placement-top, .ant-popover-placement-topLeft, .ant-popover-placement-topRight { padding-bottom: 0.625rem; } .ant-popover-placement-right, .ant-popover-placement-rightTop, .ant-popover-placement-rightBottom { padding-left: 0.625rem; } .ant-popover-placement-bottom, .ant-popover-placement-bottomLeft, .ant-popover-placement-bottomRight { padding-top: 0.625rem; } .ant-popover-placement-left, .ant-popover-placement-leftTop, .ant-popover-placement-leftBottom { padding-right: 0.625rem; } .ant-popover-inner { background-color: rgb(255, 255, 255); background-clip: padding-box; border-radius: 0.1875rem; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.5rem; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-popover-inner { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.5rem; } } .ant-popover-title { min-width: 11.0625rem; min-height: 2rem; margin: 0px; padding: 0.3125rem 1rem 0.25rem; color: rgb(0, 0, 0); font-weight: 500; border-bottom: 0.0625rem solid rgb(240, 240, 240); } .ant-popover-inner-content { padding: 0.75rem 1rem; color: rgb(0, 0, 0); } .ant-popover-message { position: relative; padding: 0.25rem 0px 0.75rem; color: rgb(0, 0, 0); font-size: 1rem; } .ant-popover-message > .anticon { position: absolute; top: 0.53575rem; color: rgb(253, 172, 14); font-size: 1rem; } .ant-popover-message-title { padding-left: 1.5rem; } .ant-popover-buttons { margin-bottom: 0.25rem; text-align: right; } .ant-popover-buttons button { margin-left: 0.5rem; } .ant-popover-arrow { position: absolute; display: block; width: 0.53033rem; height: 0.53033rem; overflow: hidden; background: transparent; pointer-events: none; } .ant-popover-arrow-content { position: absolute; inset: 0px; display: block; width: 0.375rem; height: 0.375rem; margin: auto; background-color: rgb(255, 255, 255); content: ""; pointer-events: auto; } .ant-popover-placement-top .ant-popover-arrow, .ant-popover-placement-topLeft .ant-popover-arrow, .ant-popover-placement-topRight .ant-popover-arrow { bottom: 0.09467rem; } .ant-popover-placement-top .ant-popover-arrow-content, .ant-popover-placement-topLeft .ant-popover-arrow-content, .ant-popover-placement-topRight .ant-popover-arrow-content { box-shadow: rgba(0, 0, 0, 0.07) 0.1875rem 0.1875rem 0.4375rem; transform: translateY(-0.26517rem) rotate(45deg); } .ant-popover-placement-top .ant-popover-arrow { left: 50%; transform: translate(-50%); } .ant-popover-placement-topLeft .ant-popover-arrow { left: 1rem; } .ant-popover-placement-topRight .ant-popover-arrow { right: 1rem; } .ant-popover-placement-right .ant-popover-arrow, .ant-popover-placement-rightTop .ant-popover-arrow, .ant-popover-placement-rightBottom .ant-popover-arrow { left: 0.09467rem; } .ant-popover-placement-right .ant-popover-arrow-content, .ant-popover-placement-rightTop .ant-popover-arrow-content, .ant-popover-placement-rightBottom .ant-popover-arrow-content { box-shadow: rgba(0, 0, 0, 0.07) -0.1875rem 0.1875rem 0.4375rem; transform: translate(0.26517rem) rotate(45deg); } .ant-popover-placement-right .ant-popover-arrow { top: 50%; transform: translateY(-50%); } .ant-popover-placement-rightTop .ant-popover-arrow { top: 0.75rem; } .ant-popover-placement-rightBottom .ant-popover-arrow { bottom: 0.75rem; } .ant-popover-placement-bottom .ant-popover-arrow, .ant-popover-placement-bottomLeft .ant-popover-arrow, .ant-popover-placement-bottomRight .ant-popover-arrow { top: 0.09467rem; } .ant-popover-placement-bottom .ant-popover-arrow-content, .ant-popover-placement-bottomLeft .ant-popover-arrow-content, .ant-popover-placement-bottomRight .ant-popover-arrow-content { box-shadow: rgba(0, 0, 0, 0.06) -0.125rem -0.125rem 0.3125rem; transform: translateY(0.26517rem) rotate(45deg); } .ant-popover-placement-bottom .ant-popover-arrow { left: 50%; transform: translate(-50%); } .ant-popover-placement-bottomLeft .ant-popover-arrow { left: 1rem; } .ant-popover-placement-bottomRight .ant-popover-arrow { right: 1rem; } .ant-popover-placement-left .ant-popover-arrow, .ant-popover-placement-leftTop .ant-popover-arrow, .ant-popover-placement-leftBottom .ant-popover-arrow { right: 0.09467rem; } .ant-popover-placement-left .ant-popover-arrow-content, .ant-popover-placement-leftTop .ant-popover-arrow-content, .ant-popover-placement-leftBottom .ant-popover-arrow-content { box-shadow: rgba(0, 0, 0, 0.07) 0.1875rem -0.1875rem 0.4375rem; transform: translate(-0.26517rem) rotate(45deg); } .ant-popover-placement-left .ant-popover-arrow { top: 50%; transform: translateY(-50%); } .ant-popover-placement-leftTop .ant-popover-arrow { top: 0.75rem; } .ant-popover-placement-leftBottom .ant-popover-arrow { bottom: 0.75rem; } .ant-popover-pink .ant-popover-inner, .ant-popover-pink .ant-popover-arrow-content, .ant-popover-magenta .ant-popover-inner, .ant-popover-magenta .ant-popover-arrow-content { background-color: rgb(235, 47, 150); } .ant-popover-red .ant-popover-inner, .ant-popover-red .ant-popover-arrow-content { background-color: rgb(245, 34, 45); } .ant-popover-volcano .ant-popover-inner, .ant-popover-volcano .ant-popover-arrow-content { background-color: rgb(250, 84, 28); } .ant-popover-orange .ant-popover-inner, .ant-popover-orange .ant-popover-arrow-content { background-color: rgb(250, 140, 22); } .ant-popover-yellow .ant-popover-inner, .ant-popover-yellow .ant-popover-arrow-content { background-color: rgb(250, 219, 20); } .ant-popover-gold .ant-popover-inner, .ant-popover-gold .ant-popover-arrow-content { background-color: rgb(250, 173, 20); } .ant-popover-cyan .ant-popover-inner, .ant-popover-cyan .ant-popover-arrow-content { background-color: rgb(19, 194, 194); } .ant-popover-lime .ant-popover-inner, .ant-popover-lime .ant-popover-arrow-content { background-color: rgb(160, 217, 17); } .ant-popover-green .ant-popover-inner, .ant-popover-green .ant-popover-arrow-content { background-color: rgb(82, 196, 26); } .ant-popover-blue .ant-popover-inner, .ant-popover-blue .ant-popover-arrow-content { background-color: rgb(24, 144, 255); } .ant-popover-geekblue .ant-popover-inner, .ant-popover-geekblue .ant-popover-arrow-content { background-color: rgb(47, 84, 235); } .ant-popover-purple .ant-popover-inner, .ant-popover-purple .ant-popover-arrow-content { background-color: rgb(114, 46, 209); } .ant-popover-rtl { direction: rtl; text-align: right; } .ant-popover-rtl .ant-popover-message-title { padding-right: 1.5rem; padding-left: 1rem; } .ant-popover-rtl .ant-popover-buttons { text-align: left; } .ant-popover-rtl .ant-popover-buttons button { margin-right: 0.5rem; margin-left: 0px; } .ant-progress { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-block; } .ant-progress-line { position: relative; width: 100%; font-size: 1rem; } .ant-progress-steps { display: inline-block; } .ant-progress-steps-outer { display: flex; flex-direction: row; align-items: center; } .ant-progress-steps-item { flex-shrink: 0; min-width: 0.125rem; margin-right: 0.125rem; background: rgb(243, 243, 243); transition: 0.3s; } .ant-progress-steps-item-active { background: rgb(24, 144, 255); } .ant-progress-small.ant-progress-line, .ant-progress-small.ant-progress-line .ant-progress-text .anticon { font-size: 0.75rem; } .ant-progress-outer { display: inline-block; width: 100%; margin-right: 0px; padding-right: 0px; } .ant-progress-show-info .ant-progress-outer { margin-right: calc(-2em - 0.5rem); padding-right: calc(2em + 0.5rem); } .ant-progress-inner { position: relative; display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; background-color: rgb(245, 245, 245); border-radius: 6.25rem; } .ant-progress-circle-trail { stroke: rgb(245, 245, 245); } .ant-progress-circle-path { animation: 0.3s ease 0s 1 normal none running ant-progress-appear; } .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: rgb(24, 144, 255); } .ant-progress-success-bg, .ant-progress-bg { position: relative; background-color: rgb(24, 144, 255); border-radius: 6.25rem; transition: 0.4s cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-progress-success-bg { position: absolute; top: 0px; left: 0px; background-color: rgb(255, 95, 68); } .ant-progress-text { display: inline-block; width: 2em; margin-left: 0.5rem; color: rgb(0, 0, 0); font-size: 1em; line-height: 1; white-space: nowrap; text-align: left; vertical-align: middle; word-break: normal; } .ant-progress-text .anticon { font-size: 1rem; } .ant-progress-status-active .ant-progress-bg::before { position: absolute; inset: 0px; background: rgb(255, 255, 255); border-radius: 0.625rem; opacity: 0; animation: 2.4s cubic-bezier(0.23, 1, 0.32, 1) 0s infinite normal none running ant-progress-active; content: ""; } .ant-progress-status-exception .ant-progress-bg { background-color: rgb(230, 77, 67); } .ant-progress-status-exception .ant-progress-text { color: rgb(230, 77, 67); } .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: rgb(230, 77, 67); } .ant-progress-status-success .ant-progress-bg { background-color: rgb(255, 95, 68); } .ant-progress-status-success .ant-progress-text { color: rgb(255, 95, 68); } .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: rgb(255, 95, 68); } .ant-progress-circle .ant-progress-inner { position: relative; line-height: 1; background-color: transparent; } .ant-progress-circle .ant-progress-text { position: absolute; top: 50%; left: 50%; width: 100%; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1em; line-height: 1; white-space: normal; text-align: center; transform: translate(-50%, -50%); } .ant-progress-circle .ant-progress-text .anticon { font-size: 1.16667em; } .ant-progress-circle.ant-progress-status-exception .ant-progress-text { color: rgb(230, 77, 67); } .ant-progress-circle.ant-progress-status-success .ant-progress-text { color: rgb(255, 95, 68); } @keyframes ant-progress-active { 0% { transform: translate(-100%) scaleX(0); opacity: 0.1; } 20% { transform: translate(-100%) scaleX(0); opacity: 0.5; } 100% { transform: translate(0px) scaleX(1); opacity: 0; } } .ant-progress-rtl { direction: rtl; } .ant-progress-rtl.ant-progress-show-info .ant-progress-outer { margin-right: 0px; margin-left: calc(-2em - 0.5rem); padding-right: 0px; padding-left: calc(2em + 0.5rem); } .ant-progress-rtl .ant-progress-success-bg { right: 0px; left: auto; } .ant-progress-rtl.ant-progress-line .ant-progress-text, .ant-progress-rtl.ant-progress-steps .ant-progress-text { margin-right: 0.5rem; margin-left: 0px; text-align: right; } .ant-radio-group { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-block; font-size: 0px; } .ant-radio-group .ant-badge-count { z-index: 1; } .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper { border-left: none; } .ant-radio-wrapper { box-sizing: border-box; margin: 0px 0.5rem 0px 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: inline-flex; align-items: baseline; cursor: pointer; } .ant-radio-wrapper-disabled { cursor: not-allowed; } .ant-radio-wrapper::after { display: inline-block; width: 0px; overflow: hidden; content: " "; } .ant-radio { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; top: 0.2em; display: inline-block; outline: none; cursor: pointer; } .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner { border-color: rgb(253, 172, 14); } .ant-radio-input:focus + .ant-radio-inner { box-shadow: rgb(255, 251, 230) 0px 0px 0px 0.1875rem; } .ant-radio-checked::after { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0.0625rem solid rgb(253, 172, 14); border-radius: 50%; visibility: hidden; animation: 0.36s ease-in-out 0s 1 normal both running antRadioEffect; content: ""; } .ant-radio:hover::after, .ant-radio-wrapper:hover .ant-radio::after { visibility: visible; } .ant-radio-inner { position: relative; top: 0px; left: 0px; display: block; width: 1rem; height: 1rem; background-color: rgb(255, 255, 255); border-color: rgb(0, 0, 0); border-style: solid; border-width: 0.0625rem; border-radius: 50%; transition: 0.3s; } .ant-radio-inner::after { position: absolute; top: 50%; left: 50%; display: block; width: 1rem; height: 1rem; margin-top: -0.5rem; margin-left: -0.5rem; background-color: rgb(253, 172, 14); border-top: 0px; border-left: 0px; border-radius: 1rem; transform: scale(0); opacity: 0; transition: 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); content: " "; } .ant-radio-input { position: absolute; inset: 0px; z-index: 1; cursor: pointer; opacity: 0; } .ant-radio-checked .ant-radio-inner { border-color: rgb(253, 172, 14); } .ant-radio-checked .ant-radio-inner::after { transform: scale(0.5); opacity: 1; transition: 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-radio-disabled { cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner { background-color: rgb(245, 245, 245); cursor: not-allowed; border-color: rgb(0, 0, 0) !important; } .ant-radio-disabled .ant-radio-inner::after { background-color: rgba(0, 0, 0, 0.2); } .ant-radio-disabled .ant-radio-input { cursor: not-allowed; } .ant-radio-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } span.ant-radio + * { padding-right: 0.5rem; padding-left: 0.5rem; } .ant-radio-button-wrapper { position: relative; display: inline-block; height: 2rem; margin: 0px; padding: 0px 0.9375rem; color: rgb(0, 0, 0); font-size: 1rem; line-height: 1.875rem; background: rgb(255, 255, 255); border-width: 0.06375rem 0.0625rem 0.0625rem 0px; border-style: solid; border-color: rgb(0, 0, 0); border-image: initial; cursor: pointer; transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s; } .ant-radio-button-wrapper a { color: rgb(0, 0, 0); } .ant-radio-button-wrapper > .ant-radio-button { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; } .ant-radio-group-large .ant-radio-button-wrapper { height: 2.5rem; font-size: 1.125rem; line-height: 2.375rem; } .ant-radio-group-small .ant-radio-button-wrapper { height: 1.5rem; padding: 0px 0.4375rem; line-height: 1.375rem; } .ant-radio-button-wrapper:not(:first-child)::before { position: absolute; top: -0.0625rem; left: -0.0625rem; display: block; box-sizing: content-box; width: 0.0625rem; height: 100%; padding: 0.0625rem 0px; background-color: rgb(0, 0, 0); transition: background-color 0.3s; content: ""; } .ant-radio-button-wrapper:first-child { border-left: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-radio-button-wrapper:last-child { border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-radio-button-wrapper:first-child:last-child { border-radius: 0.1875rem; } .ant-radio-button-wrapper:hover { position: relative; color: rgb(253, 172, 14); } .ant-radio-button-wrapper:focus-within { box-shadow: rgb(255, 251, 230) 0px 0px 0px 0.1875rem; } .ant-radio-button-wrapper .ant-radio-inner, .ant-radio-button-wrapper input[type="checkbox"], .ant-radio-button-wrapper input[type="radio"] { width: 0px; height: 0px; opacity: 0; pointer-events: none; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { z-index: 1; color: rgb(253, 172, 14); background: rgb(255, 255, 255); border-color: rgb(253, 172, 14); } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { background-color: rgb(253, 172, 14); } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border-color: rgb(253, 172, 14); } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: rgb(255, 195, 56); border-color: rgb(255, 195, 56); } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before { background-color: rgb(255, 195, 56); } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: rgb(214, 136, 2); border-color: rgb(214, 136, 2); } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before { background-color: rgb(214, 136, 2); } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: rgb(255, 251, 230) 0px 0px 0px 0.1875rem; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { color: rgb(255, 255, 255); background: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: rgb(255, 255, 255); background: rgb(255, 195, 56); border-color: rgb(255, 195, 56); } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: rgb(255, 255, 255); background: rgb(214, 136, 2); border-color: rgb(214, 136, 2); } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: rgb(255, 251, 230) 0px 0px 0px 0.1875rem; } .ant-radio-button-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); cursor: not-allowed; } .ant-radio-button-wrapper-disabled:first-child, .ant-radio-button-wrapper-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0); } .ant-radio-button-wrapper-disabled:first-child { border-left-color: rgb(0, 0, 0); } .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { color: rgba(0, 0, 0, 0.25); background-color: rgb(230, 230, 230); border-color: rgb(0, 0, 0); box-shadow: none; } @keyframes antRadioEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-radio-group.ant-radio-group-rtl { direction: rtl; } .ant-radio-wrapper.ant-radio-wrapper-rtl { margin-right: 0px; margin-left: 0.5rem; direction: rtl; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl { border-right-width: 0px; border-left-width: 0.0625rem; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before { right: -0.0625rem; left: 0px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child { border-right: 0.0625rem solid rgb(0, 0, 0); border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]).ant-radio-button-wrapper:first-child { border-right-color: rgb(255, 195, 56); } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child { border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child { border-right-color: rgb(0, 0, 0); } .ant-rate { box-sizing: border-box; font-variant: tabular-nums; font-feature-settings: "tnum"; display: inline-block; margin: 0px; padding: 0px; color: rgb(250, 219, 20); font-size: 1.25rem; line-height: unset; list-style: none; outline: none; } .ant-rate-disabled .ant-rate-star { cursor: default; } .ant-rate-disabled .ant-rate-star:hover { transform: scale(1); } .ant-rate-star { position: relative; display: inline-block; color: inherit; cursor: pointer; } .ant-rate-star:not(:last-child) { margin-right: 0.5rem; } .ant-rate-star > div { transition: 0.3s, outline; } .ant-rate-star > div:hover { transform: scale(1.1); } .ant-rate-star > div:focus { outline: 0px; } .ant-rate-star > div:focus-visible { outline: rgb(250, 219, 20) dashed 0.0625rem; transform: scale(1.1); } .ant-rate-star-first, .ant-rate-star-second { color: rgb(240, 240, 240); transition: 0.3s; user-select: none; } .ant-rate-star-first .anticon, .ant-rate-star-second .anticon { vertical-align: middle; } .ant-rate-star-first { position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; overflow: hidden; opacity: 0; } .ant-rate-star-half .ant-rate-star-first, .ant-rate-star-half .ant-rate-star-second { opacity: 1; } .ant-rate-star-half .ant-rate-star-first, .ant-rate-star-full .ant-rate-star-second { color: inherit; } .ant-rate-text { display: inline-block; margin: 0px 0.5rem; font-size: 1rem; } .ant-rate-rtl { direction: rtl; } .ant-rate-rtl .ant-rate-star:not(:last-child) { margin-right: 0px; margin-left: 0.5rem; } .ant-rate-rtl .ant-rate-star-first { right: 0px; left: auto; } .ant-result { padding: 3rem 2rem; } .ant-result-success .ant-result-icon > .anticon { color: rgb(255, 95, 68); } .ant-result-error .ant-result-icon > .anticon { color: rgb(230, 77, 67); } .ant-result-info .ant-result-icon > .anticon { color: rgb(253, 172, 14); } .ant-result-warning .ant-result-icon > .anticon { color: rgb(253, 172, 14); } .ant-result-image { width: 15.625rem; height: 18.4375rem; margin: auto; } .ant-result-icon { margin-bottom: 1.5rem; text-align: center; } .ant-result-icon > .anticon { font-size: 4.5rem; } .ant-result-title { color: rgb(0, 0, 0); font-size: 1.5rem; line-height: 1.8; text-align: center; } .ant-result-subtitle { color: rgba(0, 0, 0, 0.45); font-size: 1rem; line-height: 1.6; text-align: center; } .ant-result-extra { margin: 1.5rem 0px 0px; text-align: center; } .ant-result-extra > * { margin-right: 0.5rem; } .ant-result-extra > :last-child { margin-right: 0px; } .ant-result-content { margin-top: 1.5rem; padding: 1.5rem 2.5rem; background-color: rgb(250, 250, 250); } .ant-result-rtl { direction: rtl; } .ant-result-rtl .ant-result-extra > * { margin-right: 0px; margin-left: 0.5rem; } .ant-result-rtl .ant-result-extra > :last-child { margin-left: 0px; } .ant-select-single .ant-select-selector { display: flex; } .ant-select-single .ant-select-selector .ant-select-selection-search { position: absolute; inset: 0px 0.6875rem; } .ant-select-single .ant-select-selector .ant-select-selection-search-input { width: 100%; } .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder { padding: 0px; line-height: 1.875rem; transition: 0.3s; } @supports (-moz-appearance: meterbar) { .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder { line-height: 1.875rem; } } .ant-select-single .ant-select-selector .ant-select-selection-item { position: relative; user-select: none; } .ant-select-single .ant-select-selector .ant-select-selection-placeholder { transition: none; pointer-events: none; } .ant-select-single .ant-select-selector::after, .ant-select-single .ant-select-selector .ant-select-selection-item::after, .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after { display: inline-block; width: 0px; visibility: hidden; content: " "; } .ant-select-single.ant-select-show-arrow .ant-select-selection-search { right: 1.6875rem; } .ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 1.25rem; } .ant-select-single.ant-select-open .ant-select-selection-item { color: rgb(191, 191, 191); } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { width: 100%; height: 2rem; padding: 0px 0.6875rem; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { height: 1.875rem; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after { line-height: 1.875rem; } .ant-select-single.ant-select-customize-input .ant-select-selector::after { display: none; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search { position: static; width: 100%; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder { position: absolute; right: 0px; left: 0px; padding: 0px 0.6875rem; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after { display: none; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { height: 2.5rem; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 2.375rem; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input { height: 2.375rem; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { height: 1.5rem; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 1.375rem; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input { height: 1.375rem; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search { right: 0.4375rem; left: 0.4375rem; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { padding: 0px 0.4375rem; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { right: 1.9375rem; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 1.5rem; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { padding: 0px 0.6875rem; } .ant-select-selection-overflow { position: relative; display: flex; flex: 1 1 auto; flex-wrap: wrap; max-width: 100%; } .ant-select-selection-overflow-item { flex: 0 0 auto; align-self: center; max-width: 100%; } .ant-select-multiple .ant-select-selector { display: flex; flex-wrap: wrap; align-items: center; padding: 0px 0.1875rem; } .ant-select-show-search.ant-select-multiple .ant-select-selector { cursor: text; } .ant-select-disabled.ant-select-multiple .ant-select-selector { background: rgb(245, 245, 245); cursor: not-allowed; } .ant-select-multiple .ant-select-selector::after { display: inline-block; width: 0px; margin: 0.125rem 0px; line-height: 1.625rem; content: " "; } .ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-right: 1.5rem; } .ant-select-multiple .ant-select-selection-item { position: relative; display: flex; flex: 0 0 auto; box-sizing: border-box; max-width: 100%; height: 1.625rem; margin-top: 0.125rem; margin-bottom: 0.125rem; line-height: 1.5rem; background: rgb(245, 245, 245); border: 0.0625rem solid rgb(240, 240, 240); border-radius: 0.1875rem; cursor: default; transition: font-size 0.3s, line-height 0.3s, height 0.3s; user-select: none; margin-inline-end: 0.1875rem; padding-inline: 0.5rem 0.25rem; } .ant-select-disabled.ant-select-multiple .ant-select-selection-item { color: rgb(191, 191, 191); border-color: rgb(0, 0, 0); cursor: not-allowed; } .ant-select-multiple .ant-select-selection-item-content { display: inline-block; margin-right: 0.25rem; overflow: hidden; white-space: pre; text-overflow: ellipsis; } .ant-select-multiple .ant-select-selection-item-remove { font-style: normal; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; display: inline-block; color: rgba(0, 0, 0, 0.45); font-weight: 700; font-size: 0.625rem; line-height: inherit; cursor: pointer; } .ant-select-multiple .ant-select-selection-item-remove > * { line-height: 1; } .ant-select-multiple .ant-select-selection-item-remove svg { display: inline-block; } .ant-select-multiple .ant-select-selection-item-remove::before { display: none; } .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon { display: block; } .ant-select-multiple .ant-select-selection-item-remove > .anticon { vertical-align: -0.2em; } .ant-select-multiple .ant-select-selection-item-remove:hover { color: rgba(0, 0, 0, 0.75); } .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search { margin-inline-start: 0px; } .ant-select-multiple .ant-select-selection-search { position: relative; max-width: 100%; margin-inline-start: 0.5rem; } .ant-select-multiple .ant-select-selection-search-input, .ant-select-multiple .ant-select-selection-search-mirror { height: 1.625rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.625rem; transition: 0.3s; } .ant-select-multiple .ant-select-selection-search-input { width: 100%; min-width: 0.25625rem; } .ant-select-multiple .ant-select-selection-search-mirror { position: absolute; top: 0px; left: 0px; z-index: 999; white-space: pre; visibility: hidden; } .ant-select-multiple .ant-select-selection-placeholder { position: absolute; top: 50%; right: 0.6875rem; left: 0.6875rem; transform: translateY(-50%); transition: 0.3s; } .ant-select-multiple.ant-select-lg .ant-select-selector::after { line-height: 2.125rem; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 2.125rem; line-height: 2rem; } .ant-select-multiple.ant-select-lg .ant-select-selection-search { height: 2.125rem; line-height: 2.125rem; } .ant-select-multiple.ant-select-lg .ant-select-selection-search-input, .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror { height: 2.125rem; line-height: 2rem; } .ant-select-multiple.ant-select-sm .ant-select-selector::after { line-height: 1.125rem; } .ant-select-multiple.ant-select-sm .ant-select-selection-item { height: 1.125rem; line-height: 1rem; } .ant-select-multiple.ant-select-sm .ant-select-selection-search { height: 1.125rem; line-height: 1.125rem; } .ant-select-multiple.ant-select-sm .ant-select-selection-search-input, .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror { height: 1.125rem; line-height: 1rem; } .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { left: 0.4375rem; } .ant-select-multiple.ant-select-sm .ant-select-selection-search { margin-inline-start: 0.1875rem; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 2rem; line-height: 2rem; } .ant-select-disabled .ant-select-selection-item-remove { display: none; } .ant-select { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: inline-block; cursor: pointer; } .ant-select:not(.ant-select-customize-input) .ant-select-selector { position: relative; background-color: rgb(255, 255, 255); border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: pointer; } .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector { cursor: text; } .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: auto; } .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { border-color: rgb(255, 195, 56); box-shadow: rgba(253, 172, 14, 0.2) 0px 0px 0px 0.125rem; outline: 0px; border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { color: rgba(0, 0, 0, 0.25); background: rgb(245, 245, 245); cursor: not-allowed; } .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { background: rgb(245, 245, 245); } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: not-allowed; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { margin: 0px; padding: 0px; background: transparent; border: none; outline: none; appearance: none; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button { display: none; appearance: none; } .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-color: rgb(255, 195, 56); border-right-width: 0.0625rem !important; } .ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-right-width: 0px; border-left-width: 0.0625rem !important; } .ant-select-selection-item { flex: 1 1 0%; overflow: hidden; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; } @media (-ms-high-contrast: none) { } .ant-select-selection-placeholder { flex: 1 1 0%; overflow: hidden; color: rgb(191, 191, 191); white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } @media (-ms-high-contrast: none) { } .ant-select-arrow { display: inline-block; font-style: normal; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; right: 0.6875rem; width: 0.75rem; height: 0.75rem; margin-top: -0.375rem; color: rgba(0, 0, 0, 0.25); font-size: 0.75rem; line-height: 1; text-align: center; pointer-events: none; } .ant-select-arrow > * { line-height: 1; } .ant-select-arrow svg { display: inline-block; } .ant-select-arrow::before { display: none; } .ant-select-arrow .ant-select-arrow-icon { display: block; } .ant-select-arrow .anticon { vertical-align: top; transition: transform 0.3s; } .ant-select-arrow .anticon > svg { vertical-align: top; } .ant-select-arrow .anticon:not(.ant-select-suffix) { pointer-events: auto; } .ant-select-disabled .ant-select-arrow { cursor: not-allowed; } .ant-select-clear { position: absolute; top: 50%; right: 0.6875rem; z-index: 1; display: inline-block; width: 0.75rem; height: 0.75rem; margin-top: -0.375rem; color: rgba(0, 0, 0, 0.25); font-size: 0.75rem; font-style: normal; line-height: 1; text-align: center; text-transform: none; background: rgb(255, 255, 255); cursor: pointer; opacity: 0; transition: color 0.3s, opacity 0.15s; text-rendering: auto; } .ant-select-clear::before { display: block; } .ant-select-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-select:hover .ant-select-clear { opacity: 1; } .ant-select-dropdown { margin: 0px; color: rgb(0, 0, 0); line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: absolute; top: -624.938rem; left: -624.938rem; z-index: 1050; box-sizing: border-box; padding: 0.25rem 0px; overflow: hidden; font-size: 1rem; font-variant: initial; background-color: rgb(255, 255, 255); border-radius: 0.1875rem; outline: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.5rem; } .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpIn; } .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownIn; } .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpOut; } .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownOut; } .ant-select-dropdown-hidden { display: none; } .ant-select-dropdown-empty { color: rgba(0, 0, 0, 0.25); } .ant-select-item-empty { position: relative; display: block; min-height: 2rem; padding: 0.3125rem 0.75rem; font-weight: 400; font-size: 1rem; line-height: 1.375rem; color: rgba(0, 0, 0, 0.25); } .ant-select-item { position: relative; display: block; min-height: 2rem; padding: 0.3125rem 0.75rem; color: rgb(0, 0, 0); font-weight: 400; font-size: 1rem; line-height: 1.375rem; cursor: pointer; transition: background 0.3s; } .ant-select-item-group { color: rgba(0, 0, 0, 0.45); font-size: 0.75rem; cursor: default; } .ant-select-item-option { display: flex; } .ant-select-item-option-content { flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-select-item-option-state { flex: 0 0 auto; } .ant-select-item-option-active:not(.ant-select-item-option-disabled) { background-color: rgb(245, 245, 245); } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { color: rgb(0, 0, 0); font-weight: 600; background-color: rgb(255, 251, 230); } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state { color: rgb(253, 172, 14); } .ant-select-item-option-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-item-option-disabled.ant-select-item-option-selected { background-color: rgb(245, 245, 245); } .ant-select-item-option-grouped { padding-left: 1.5rem; } .ant-select-lg { font-size: 1.125rem; } .ant-select-borderless .ant-select-selector { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } .ant-select-rtl { direction: rtl; } .ant-select-rtl .ant-select-arrow, .ant-select-rtl .ant-select-clear { right: initial; left: 0.6875rem; } .ant-select-dropdown-rtl { direction: rtl; } .ant-select-dropdown-rtl .ant-select-item-option-grouped { padding-right: 1.5rem; padding-left: 0.75rem; } .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-right: 0.1875rem; padding-left: 1.5rem; } .ant-select-rtl.ant-select-multiple .ant-select-selection-item { text-align: right; } .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content { margin-right: 0px; margin-left: 0.25rem; text-align: right; } .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror { right: 0px; left: auto; } .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder { right: 0.6875rem; left: auto; } .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { right: 0.4375rem; } .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder { right: 0px; left: 0.5625rem; text-align: right; } .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search { right: 0.6875rem; left: 1.6875rem; } .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0px; padding-left: 1.25rem; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { right: 0.375rem; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0px; padding-left: 1.5rem; } .ant-skeleton { display: table; width: 100%; } .ant-skeleton-header { display: table-cell; padding-right: 1rem; vertical-align: top; } .ant-skeleton-header .ant-skeleton-avatar { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 2rem; height: 2rem; line-height: 2rem; } .ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-header .ant-skeleton-avatar-lg { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; } .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-header .ant-skeleton-avatar-sm { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; } .ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-content { display: table-cell; width: 100%; vertical-align: top; } .ant-skeleton-content .ant-skeleton-title { width: 100%; height: 1rem; margin-top: 1rem; background: rgba(190, 190, 190, 0.2); border-radius: 0.25rem; } .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { margin-top: 1.5rem; } .ant-skeleton-content .ant-skeleton-paragraph { padding: 0px; } .ant-skeleton-content .ant-skeleton-paragraph > li { width: 100%; height: 1rem; list-style: none; background: rgba(190, 190, 190, 0.2); border-radius: 0.25rem; } .ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) { width: 61%; } .ant-skeleton-content .ant-skeleton-paragraph > li + li { margin-top: 1rem; } .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title { margin-top: 0.75rem; } .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { margin-top: 1.75rem; } .ant-skeleton-round .ant-skeleton-content .ant-skeleton-title, .ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li { border-radius: 6.25rem; } .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li { background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%) 0% 0% / 400% 100%; animation: 1.4s ease 0s infinite normal none running ant-skeleton-loading; } .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar, .ant-skeleton.ant-skeleton-active .ant-skeleton-button, .ant-skeleton.ant-skeleton-active .ant-skeleton-input, .ant-skeleton.ant-skeleton-active .ant-skeleton-image { background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%) 0% 0% / 400% 100%; animation: 1.4s ease 0s infinite normal none running ant-skeleton-loading; } .ant-skeleton.ant-skeleton-block, .ant-skeleton.ant-skeleton-block .ant-skeleton-button { width: 100%; } .ant-skeleton-element { display: inline-block; width: auto; } .ant-skeleton-element .ant-skeleton-button { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); border-radius: 0.1875rem; width: 4rem; min-width: 4rem; height: 2rem; line-height: 2rem; } .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle { width: 2rem; min-width: 2rem; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round { border-radius: 2rem; } .ant-skeleton-element .ant-skeleton-button-lg { width: 5rem; min-width: 5rem; height: 2.5rem; line-height: 2.5rem; } .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle { width: 2.5rem; min-width: 2.5rem; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round { border-radius: 2.5rem; } .ant-skeleton-element .ant-skeleton-button-sm { width: 3rem; min-width: 3rem; height: 1.5rem; line-height: 1.5rem; } .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle { width: 1.5rem; min-width: 1.5rem; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round { border-radius: 1.5rem; } .ant-skeleton-element .ant-skeleton-avatar { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 2rem; height: 2rem; line-height: 2rem; } .ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-avatar-lg { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; } .ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-avatar-sm { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; } .ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-input { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 100%; height: 2rem; line-height: 2rem; } .ant-skeleton-element .ant-skeleton-input-lg { width: 100%; height: 2.5rem; line-height: 2.5rem; } .ant-skeleton-element .ant-skeleton-input-sm { width: 100%; height: 1.5rem; line-height: 1.5rem; } .ant-skeleton-element .ant-skeleton-image { display: flex; align-items: center; justify-content: center; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 6rem; height: 6rem; line-height: 6rem; } .ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-image-path { fill: rgb(191, 191, 191); } .ant-skeleton-element .ant-skeleton-image-svg { width: 3rem; height: 3rem; line-height: 3rem; max-width: 12rem; max-height: 12rem; } .ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle { border-radius: 50%; } @keyframes ant-skeleton-loading { 0% { background-position: 100% 50%; } 100% { background-position: 0px 50%; } } .ant-skeleton-rtl { direction: rtl; } .ant-skeleton-rtl .ant-skeleton-header { padding-right: 0px; padding-left: 1rem; } .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li { animation-name: ant-skeleton-loading-rtl; } .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar { animation-name: ant-skeleton-loading-rtl; } @keyframes ant-skeleton-loading-rtl { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } .ant-slider { box-sizing: border-box; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; height: 0.75rem; margin: 0.625rem 0.375rem; padding: 0.25rem 0px; cursor: pointer; touch-action: none; } .ant-slider-vertical { width: 0.75rem; height: 100%; margin: 0.375rem 0.625rem; padding: 0px 0.25rem; } .ant-slider-vertical .ant-slider-rail { width: 0.25rem; height: 100%; } .ant-slider-vertical .ant-slider-track { width: 0.25rem; } .ant-slider-vertical .ant-slider-handle { margin-top: -0.375rem; margin-left: -0.3125rem; } .ant-slider-vertical .ant-slider-mark { top: 0px; left: 0.75rem; width: 1.125rem; height: 100%; } .ant-slider-vertical .ant-slider-mark-text { left: 0.25rem; white-space: nowrap; } .ant-slider-vertical .ant-slider-step { width: 0.25rem; height: 100%; } .ant-slider-vertical .ant-slider-dot { top: auto; left: 0.125rem; margin-bottom: -0.25rem; } .ant-slider-tooltip .ant-tooltip-inner { min-width: unset; } .ant-slider-rtl.ant-slider-vertical .ant-slider-handle { margin-right: -0.3125rem; margin-left: 0px; } .ant-slider-rtl.ant-slider-vertical .ant-slider-mark { right: 0.75rem; left: auto; } .ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text { right: 0.25rem; left: auto; } .ant-slider-rtl.ant-slider-vertical .ant-slider-dot { right: 0.125rem; left: auto; } .ant-slider-with-marks { margin-bottom: 1.75rem; } .ant-slider-rail { position: absolute; width: 100%; height: 0.25rem; background-color: rgb(245, 245, 245); border-radius: 0.1875rem; transition: background-color 0.3s; } .ant-slider-track { position: absolute; height: 0.25rem; background-color: rgb(255, 228, 138); border-radius: 0.1875rem; transition: background-color 0.3s; } .ant-slider-handle { position: absolute; width: 0.875rem; height: 0.875rem; margin-top: -0.3125rem; background-color: rgb(255, 255, 255); border: 0.125rem solid rgb(255, 228, 138); border-radius: 50%; cursor: pointer; transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); } .ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging { border-color: rgb(253, 189, 62); box-shadow: rgba(253, 172, 14, 0.12) 0px 0px 0px 0.3125rem; } .ant-slider-handle:focus { border-color: rgb(253, 189, 62); outline: none; box-shadow: rgba(253, 172, 14, 0.12) 0px 0px 0px 0.3125rem; } .ant-slider-handle.ant-tooltip-open { border-color: rgb(253, 172, 14); } .ant-slider:hover .ant-slider-rail { background-color: rgb(225, 225, 225); } .ant-slider:hover .ant-slider-track { background-color: rgb(255, 213, 97); } .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) { border-color: rgb(255, 213, 97); } .ant-slider-mark { position: absolute; top: 0.875rem; left: 0px; width: 100%; font-size: 1rem; } .ant-slider-mark-text { position: absolute; display: inline-block; color: rgba(0, 0, 0, 0.45); text-align: center; word-break: keep-all; cursor: pointer; user-select: none; } .ant-slider-mark-text-active { color: rgb(0, 0, 0); } .ant-slider-step { position: absolute; width: 100%; height: 0.25rem; background: transparent; } .ant-slider-dot { position: absolute; top: -0.125rem; width: 0.5rem; height: 0.5rem; margin-left: -0.25rem; background-color: rgb(255, 255, 255); border: 0.125rem solid rgb(240, 240, 240); border-radius: 50%; cursor: pointer; } .ant-slider-dot:first-child { margin-left: -0.25rem; } .ant-slider-dot:last-child { margin-left: -0.25rem; } .ant-slider-dot-active { border-color: rgb(254, 214, 135); } .ant-slider-disabled { cursor: not-allowed; } .ant-slider-disabled .ant-slider-rail { background-color: rgb(245, 245, 245) !important; } .ant-slider-disabled .ant-slider-track { background-color: rgba(0, 0, 0, 0.25) !important; } .ant-slider-disabled .ant-slider-handle, .ant-slider-disabled .ant-slider-dot { background-color: rgb(255, 255, 255); box-shadow: none; cursor: not-allowed; border-color: rgba(0, 0, 0, 0.25) !important; } .ant-slider-disabled .ant-slider-mark-text, .ant-slider-disabled .ant-slider-dot { cursor: not-allowed !important; } .ant-slider-rtl { direction: rtl; } .ant-slider-rtl .ant-slider-mark { right: 0px; left: auto; } .ant-slider-rtl .ant-slider-dot, .ant-slider-rtl .ant-slider-dot:first-child { margin-right: -0.25rem; margin-left: 0px; } .ant-slider-rtl .ant-slider-dot:last-child { margin-right: -0.25rem; margin-left: 0px; } .ant-space { display: inline-flex; } .ant-space-vertical { flex-direction: column; } .ant-space-align-center { align-items: center; } .ant-space-align-start { align-items: flex-start; } .ant-space-align-end { align-items: flex-end; } .ant-space-align-baseline { align-items: baseline; } .ant-space-item:empty { display: none; } .ant-space-rtl { direction: rtl; } .ant-spin { box-sizing: border-box; margin: 0px; padding: 0px; font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: absolute; display: none; color: rgb(253, 172, 14); text-align: center; vertical-align: middle; opacity: 0; transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-spin-spinning { position: static; display: inline-block; opacity: 1; } .ant-spin-nested-loading { position: relative; } .ant-spin-nested-loading > div > .ant-spin { position: absolute; top: 0px; left: 0px; z-index: 4; display: block; width: 100%; height: 100%; max-height: 25rem; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot { position: absolute; top: 50%; left: 50%; margin: -0.625rem; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-text { position: absolute; top: 50%; width: 100%; padding-top: 0.25rem; text-shadow: rgb(255, 255, 255) 0px 0.0625rem 0.125rem; } .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot { margin-top: -1.25rem; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot { margin: -0.4375rem; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text { padding-top: 0.0625rem; } .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot { margin-top: -1.0625rem; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot { margin: -1rem; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text { padding-top: 0.625rem; } .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot { margin-top: -1.625rem; } .ant-spin-container { position: relative; transition: opacity 0.3s; } .ant-spin-container::after { position: absolute; inset: 0px; z-index: 10; width: 100%; height: 100%; background: rgb(255, 255, 255); opacity: 0; transition: 0.3s; content: ""; pointer-events: none; } .ant-spin-blur { clear: both; opacity: 0.5; user-select: none; pointer-events: none; } .ant-spin-blur::after { opacity: 0.4; pointer-events: auto; } .ant-spin-tip { color: rgba(0, 0, 0, 0.45); } .ant-spin-dot { position: relative; display: inline-block; font-size: 1.25rem; width: 1em; height: 1em; } .ant-spin-dot-item { position: absolute; display: block; width: 0.5625rem; height: 0.5625rem; background-color: rgb(253, 172, 14); border-radius: 100%; transform: scale(0.75); transform-origin: 50% 50%; opacity: 0.3; animation: 1s linear 0s infinite alternate none running antSpinMove; } .ant-spin-dot-item:nth-child(1) { top: 0px; left: 0px; } .ant-spin-dot-item:nth-child(2) { top: 0px; right: 0px; animation-delay: 0.4s; } .ant-spin-dot-item:nth-child(3) { right: 0px; bottom: 0px; animation-delay: 0.8s; } .ant-spin-dot-item:nth-child(4) { bottom: 0px; left: 0px; animation-delay: 1.2s; } .ant-spin-dot-spin { transform: rotate(45deg); animation: 1.2s linear 0s infinite normal none running antRotate; } .ant-spin-sm .ant-spin-dot { font-size: 0.875rem; } .ant-spin-sm .ant-spin-dot i { width: 0.375rem; height: 0.375rem; } .ant-spin-lg .ant-spin-dot { font-size: 2rem; } .ant-spin-lg .ant-spin-dot i { width: 0.875rem; height: 0.875rem; } .ant-spin.ant-spin-show-text .ant-spin-text { display: block; } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .ant-spin-blur { background: rgb(255, 255, 255); opacity: 0.5; } } @keyframes antSpinMove { 100% { opacity: 1; } } @keyframes antRotate { 100% { transform: rotate(405deg); } } .ant-spin-rtl { direction: rtl; } .ant-spin-rtl .ant-spin-dot-spin { transform: rotate(-45deg); animation-name: antRotateRtl; } @keyframes antRotateRtl { 100% { transform: rotate(-405deg); } } .ant-statistic { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; } .ant-statistic-title { margin-bottom: 0.25rem; color: rgba(0, 0, 0, 0.45); font-size: 1rem; } .ant-statistic-content { color: rgb(0, 0, 0); font-size: 1.5rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .ant-statistic-content-value { display: inline-block; direction: ltr; } .ant-statistic-content-prefix, .ant-statistic-content-suffix { display: inline-block; } .ant-statistic-content-prefix { margin-right: 0.25rem; } .ant-statistic-content-suffix { margin-left: 0.25rem; } .ant-statistic-rtl { direction: rtl; } .ant-statistic-rtl .ant-statistic-content-prefix { margin-right: 0px; margin-left: 0.25rem; } .ant-statistic-rtl .ant-statistic-content-suffix { margin-right: 0.25rem; margin-left: 0px; } .ant-steps { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: flex; width: 100%; font-size: 0px; text-align: initial; } .ant-steps-item { position: relative; display: inline-block; flex: 1 1 0%; overflow: hidden; vertical-align: top; } .ant-steps-item-container { outline: none; } .ant-steps-item:last-child { flex: 0 0 auto; } .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail, .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { display: none; } .ant-steps-item-icon, .ant-steps-item-content { display: inline-block; vertical-align: top; } .ant-steps-item-icon { width: 2rem; height: 2rem; margin: 0px 0.5rem 0px 0px; font-size: 1.125rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 2rem; text-align: center; border: 0.0625rem solid rgba(0, 0, 0, 0.25); border-radius: 2rem; transition: background-color 0.3s, border-color 0.3s; } .ant-steps-item-icon .ant-steps-icon { position: relative; top: -0.03125rem; color: rgb(253, 172, 14); line-height: 1; } .ant-steps-item-tail { position: absolute; top: 0.75rem; left: 0px; width: 100%; padding: 0px 0.625rem; } .ant-steps-item-tail::after { display: inline-block; width: 100%; height: 0.0625rem; background: rgb(240, 240, 240); border-radius: 0.0625rem; transition: background 0.3s; content: ""; } .ant-steps-item-title { position: relative; display: inline-block; padding-right: 1rem; color: rgb(0, 0, 0); font-size: 1.125rem; line-height: 2rem; } .ant-steps-item-title::after { position: absolute; top: 1rem; left: 100%; display: block; width: 624.938rem; height: 0.0625rem; background: rgb(240, 240, 240); content: ""; } .ant-steps-item-subtitle { display: inline; margin-left: 0.5rem; color: rgba(0, 0, 0, 0.45); font-weight: 400; font-size: 1rem; } .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); font-size: 1rem; } .ant-steps-item-wait .ant-steps-item-icon { background-color: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon { color: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: rgb(240, 240, 240); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: rgb(240, 240, 240); } .ant-steps-item-process .ant-steps-item-icon { background-color: rgb(255, 255, 255); border-color: rgb(253, 172, 14); } .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { color: rgb(253, 172, 14); } .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: rgb(253, 172, 14); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgb(0, 0, 0); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: rgb(240, 240, 240); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgb(0, 0, 0); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: rgb(240, 240, 240); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon { background: rgb(253, 172, 14); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon { color: rgb(255, 255, 255); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title { font-weight: 500; } .ant-steps-item-finish .ant-steps-item-icon { background-color: rgb(255, 255, 255); border-color: rgb(253, 172, 14); } .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon { color: rgb(253, 172, 14); } .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: rgb(253, 172, 14); } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgb(0, 0, 0); } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: rgb(253, 172, 14); } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: rgb(253, 172, 14); } .ant-steps-item-error .ant-steps-item-icon { background-color: rgb(255, 255, 255); border-color: rgb(230, 77, 67); } .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon { color: rgb(230, 77, 67); } .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: rgb(230, 77, 67); } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgb(230, 77, 67); } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: rgb(240, 240, 240); } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgb(230, 77, 67); } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: rgb(240, 240, 240); } .ant-steps-item.ant-steps-next-error .ant-steps-item-title::after { background: rgb(230, 77, 67); } .ant-steps-item-disabled { cursor: not-allowed; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role="button"] { cursor: pointer; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role="button"] .ant-steps-item-title, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role="button"] .ant-steps-item-subtitle, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role="button"] .ant-steps-item-description, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role="button"] .ant-steps-item-icon .ant-steps-icon { transition: color 0.3s; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role="button"]:hover .ant-steps-item-title, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role="button"]:hover .ant-steps-item-subtitle, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role="button"]:hover .ant-steps-item-description { color: rgb(253, 172, 14); } .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role="button"]:hover .ant-steps-item-icon { border-color: rgb(253, 172, 14); } .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role="button"]:hover .ant-steps-item-icon .ant-steps-icon { color: rgb(253, 172, 14); } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-left: 1rem; white-space: nowrap; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-left: 0px; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title { padding-right: 0px; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail { display: none; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description { max-width: 8.75rem; white-space: normal; } .ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon { height: auto; background: none; border: 0px; } .ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon { top: 0px; left: 0.03125rem; width: 2rem; height: 2rem; font-size: 1.5rem; line-height: 2rem; } .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { color: rgb(253, 172, 14); } .ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon { width: auto; background: none; } .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-left: 0.75rem; } .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-left: 0px; } .ant-steps-small .ant-steps-item-icon { width: 1.5rem; height: 1.5rem; margin: 0px 0.5rem 0px 0px; font-size: 0.75rem; line-height: 1.5rem; text-align: center; border-radius: 1.5rem; } .ant-steps-small .ant-steps-item-title { padding-right: 0.75rem; font-size: 1rem; line-height: 1.5rem; } .ant-steps-small .ant-steps-item-title::after { top: 0.75rem; } .ant-steps-small .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); font-size: 1rem; } .ant-steps-small .ant-steps-item-tail { top: 0.5rem; } .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon { width: inherit; height: inherit; line-height: inherit; background: none; border: 0px; border-radius: 0px; } .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon { font-size: 1.5rem; line-height: 1.5rem; transform: none; } .ant-steps-vertical { display: flex; flex-direction: column; } .ant-steps-vertical > .ant-steps-item { display: block; flex: 1 0 auto; padding-left: 0px; overflow: visible; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-icon { float: left; margin-right: 1rem; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-content { display: block; min-height: 3rem; overflow: hidden; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-title { line-height: 2rem; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-description { padding-bottom: 0.75rem; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { position: absolute; top: 0px; left: 1rem; width: 0.0625rem; height: 100%; padding: 2.375rem 0px 0.375rem; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after { width: 0.0625rem; height: 100%; } .ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail { display: block; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { display: none; } .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { position: absolute; top: 0px; left: 0.75rem; padding: 1.875rem 0px 0.375rem; } .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title { line-height: 1.5rem; } .ant-steps-label-vertical .ant-steps-item { overflow: visible; } .ant-steps-label-vertical .ant-steps-item-tail { margin-left: 3.625rem; padding: 0.21875rem 1.5rem; } .ant-steps-label-vertical .ant-steps-item-content { display: block; width: 7.25rem; margin-top: 0.5rem; text-align: center; } .ant-steps-label-vertical .ant-steps-item-icon { display: inline-block; margin-left: 2.625rem; } .ant-steps-label-vertical .ant-steps-item-title { padding-right: 0px; padding-left: 0px; } .ant-steps-label-vertical .ant-steps-item-title::after { display: none; } .ant-steps-label-vertical .ant-steps-item-subtitle { display: block; margin-bottom: 0.25rem; margin-left: 0px; line-height: 1.5715; } .ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon { margin-left: 2.875rem; } .ant-steps-dot .ant-steps-item-title, .ant-steps-dot.ant-steps-small .ant-steps-item-title { line-height: 1.5715; } .ant-steps-dot .ant-steps-item-tail, .ant-steps-dot.ant-steps-small .ant-steps-item-tail { top: 0.125rem; width: 100%; margin: 0px 0px 0px 4.375rem; padding: 0px; } .ant-steps-dot .ant-steps-item-tail::after, .ant-steps-dot.ant-steps-small .ant-steps-item-tail::after { width: calc(100% - 1.25rem); height: 0.1875rem; margin-left: 0.75rem; } .ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot { left: 0.125rem; } .ant-steps-dot .ant-steps-item-icon, .ant-steps-dot.ant-steps-small .ant-steps-item-icon { width: 0.5rem; height: 0.5rem; margin-left: 4.1875rem; padding-right: 0px; line-height: 0.5rem; background: transparent; border: 0px; } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { position: relative; float: left; width: 100%; height: 100%; border-radius: 6.25rem; transition: 0.3s; } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after { position: absolute; top: -0.75rem; left: -1.625rem; width: 3.75rem; height: 2rem; background: rgba(0, 0, 0, 0); content: ""; } .ant-steps-dot .ant-steps-item-content, .ant-steps-dot.ant-steps-small .ant-steps-item-content { width: 8.75rem; } .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon, .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon { position: relative; top: -0.0625rem; width: 0.625rem; height: 0.625rem; line-height: 0.625rem; background: none; } .ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot { left: 0px; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-icon { margin-top: 0.8125rem; margin-left: 0px; background: none; } .ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { top: 0.40625rem; left: -0.5625rem; margin: 0px; padding: 1.375rem 0px 0.25rem; } .ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot { left: 0px; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-content { width: inherit; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot { top: -0.0625rem; left: -0.0625rem; } .ant-steps-navigation { padding-top: 0.75rem; } .ant-steps-navigation.ant-steps-small .ant-steps-item-container { margin-left: -0.75rem; } .ant-steps-navigation .ant-steps-item { overflow: visible; text-align: center; } .ant-steps-navigation .ant-steps-item-container { display: inline-block; height: 100%; margin-left: -1rem; padding-bottom: 0.75rem; text-align: left; transition: opacity 0.3s; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-content { } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title { max-width: 100%; padding-right: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after { display: none; } .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role="button"] { cursor: pointer; } .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role="button"]:hover { opacity: 0.85; } .ant-steps-navigation .ant-steps-item:last-child { flex: 1 1 0%; } .ant-steps-navigation .ant-steps-item:last-child::after { display: none; } .ant-steps-navigation .ant-steps-item::after { position: absolute; top: 50%; left: 100%; display: inline-block; width: 0.75rem; height: 0.75rem; margin-top: -0.875rem; margin-left: -0.125rem; border-top: 0.0625rem solid rgba(0, 0, 0, 0.25); border-right: 0.0625rem solid rgba(0, 0, 0, 0.25); border-image: initial; border-bottom: none; border-left: none; transform: rotate(45deg); content: ""; } .ant-steps-navigation .ant-steps-item::before { position: absolute; bottom: 0px; left: 50%; display: inline-block; width: 0px; height: 0.125rem; background-color: rgb(253, 172, 14); transition: width 0.3s ease-out, left 0.3s; content: ""; } .ant-steps-navigation .ant-steps-item.ant-steps-item-active::before { left: 0px; width: 100%; } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item { margin-right: 0px !important; } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before { display: none; } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-active::before { top: 0px; right: 0px; left: unset; display: block; width: 0.1875rem; height: calc(100% - 1.5rem); } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after { position: relative; top: -0.125rem; left: 50%; display: block; width: 0.5rem; height: 0.5rem; margin-bottom: 0.5rem; text-align: center; transform: rotate(135deg); } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { visibility: hidden; } .ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { visibility: hidden; } .ant-steps-rtl { direction: rtl; } .ant-steps.ant-steps-rtl .ant-steps-item-icon { margin-right: 0px; margin-left: 0.5rem; } .ant-steps-rtl .ant-steps-item-tail { right: 0px; left: auto; } .ant-steps-rtl .ant-steps-item-title { padding-right: 0px; padding-left: 1rem; } .ant-steps-rtl .ant-steps-item-title::after { right: 100%; left: auto; } .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-right: 1rem; padding-left: 0px; } .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-right: 0px; } .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title { padding-left: 0px; } .ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon { right: 0.03125rem; left: auto; } .ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container { margin-right: -0.75rem; margin-left: 0px; } .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container { margin-right: -1rem; margin-left: 0px; text-align: right; } .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title { padding-left: 0px; } .ant-steps-rtl.ant-steps-navigation .ant-steps-item::after { right: 100%; left: auto; margin-right: -0.125rem; margin-left: 0px; transform: rotate(225deg); } .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-right: 0.75rem; padding-left: 0px; } .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-right: 0px; } .ant-steps-rtl.ant-steps-small .ant-steps-item-title { padding-right: 0px; padding-left: 0.75rem; } .ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon { float: right; margin-right: 0px; margin-left: 1rem; } .ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { right: 1rem; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { right: 0.75rem; left: auto; } .ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title { padding-left: 0px; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail { margin: 0px 4.375rem 0px 0px; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after { margin-right: 0.75rem; margin-left: 0px; } .ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot { right: 0.125rem; left: auto; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon { margin-right: 4.1875rem; margin-left: 0px; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { float: right; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after { right: -1.625rem; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon { margin-right: 0px; margin-left: 1rem; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { right: -0.5625rem; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot { right: 0px; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot { right: -0.125rem; left: auto; } .ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active { padding-right: 0.25rem; } .ant-steps-with-progress .ant-steps-item { padding-top: 0.25rem; } .ant-steps-with-progress .ant-steps-item .ant-steps-item-tail { top: 0.25rem !important; } .ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child { padding-bottom: 0.25rem; padding-left: 0.25rem; } .ant-steps-with-progress .ant-steps-item-icon { position: relative; } .ant-steps-with-progress .ant-steps-item-icon .ant-progress { position: absolute; inset: -0.3125rem; } .ant-switch { margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; position: relative; display: inline-block; box-sizing: border-box; min-width: 2.75rem; height: 1.375rem; line-height: 1.375rem; vertical-align: middle; background-color: rgba(0, 0, 0, 0.25); border: 0px; border-radius: 6.25rem; cursor: pointer; transition: 0.2s; user-select: none; } .ant-switch:focus { outline: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0.125rem; } .ant-switch-checked:focus { box-shadow: rgb(255, 251, 230) 0px 0px 0px 0.125rem; } .ant-switch:focus:hover { box-shadow: none; } .ant-switch-checked { background-color: rgb(253, 172, 14); } .ant-switch-loading, .ant-switch-disabled { cursor: not-allowed; opacity: 0.4; } .ant-switch-loading *, .ant-switch-disabled * { box-shadow: none; cursor: not-allowed; } .ant-switch-inner { display: block; margin: 0px 0.4375rem 0px 1.5625rem; color: rgb(255, 255, 255); font-size: 0.75rem; transition: margin 0.2s; } .ant-switch-checked .ant-switch-inner { margin: 0px 1.5625rem 0px 0.4375rem; } .ant-switch-handle { position: absolute; top: 0.125rem; left: 0.125rem; width: 1.125rem; height: 1.125rem; transition: 0.2s ease-in-out; } .ant-switch-handle::before { position: absolute; inset: 0px; background-color: rgb(255, 255, 255); border-radius: 0.5625rem; box-shadow: rgba(0, 35, 11, 0.2) 0px 0.125rem 0.25rem; transition: 0.2s ease-in-out; content: ""; } .ant-switch-checked .ant-switch-handle { left: calc(100% - 1.25rem); } .ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before { right: -30%; left: 0px; } .ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before { right: 0px; left: -30%; } .ant-switch-loading-icon.anticon { position: relative; top: 0.0625rem; color: rgba(0, 0, 0, 0.65); vertical-align: top; } .ant-switch-checked .ant-switch-loading-icon { color: rgb(253, 172, 14); } .ant-switch-small { min-width: 1.75rem; height: 1rem; line-height: 1rem; } .ant-switch-small .ant-switch-inner { margin: 0px 0.3125rem 0px 1.125rem; font-size: 0.75rem; } .ant-switch-small .ant-switch-handle { width: 0.75rem; height: 0.75rem; } .ant-switch-small .ant-switch-loading-icon { top: 0.09375rem; font-size: 0.5625rem; } .ant-switch-small.ant-switch-checked .ant-switch-inner { margin: 0px 1.125rem 0px 0.3125rem; } .ant-switch-small.ant-switch-checked .ant-switch-handle { left: calc(100% - 0.875rem); } .ant-switch-rtl { direction: rtl; } .ant-switch-rtl .ant-switch-inner { margin: 0px 1.5625rem 0px 0.4375rem; } .ant-switch-rtl .ant-switch-handle { right: 0.125rem; left: auto; } .ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before { right: 0px; left: -30%; } .ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before { right: -30%; left: 0px; } .ant-switch-rtl.ant-switch-checked .ant-switch-inner { margin: 0px 0.4375rem 0px 1.5625rem; } .ant-switch-rtl.ant-switch-checked .ant-switch-handle { right: calc(100% - 1.25rem); } .ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle { right: calc(100% - 0.875rem); } .ant-table.ant-table-middle { font-size: 1rem; } .ant-table.ant-table-middle .ant-table-title, .ant-table.ant-table-middle .ant-table-footer, .ant-table.ant-table-middle .ant-table-thead > tr > th, .ant-table.ant-table-middle .ant-table-tbody > tr > td, .ant-table.ant-table-middle tfoot > tr > th, .ant-table.ant-table-middle tfoot > tr > td { padding: 0.75rem 0.5rem; } .ant-table.ant-table-middle .ant-table-filter-trigger { margin-right: -0.25rem; } .ant-table.ant-table-middle .ant-table-expanded-row-fixed { margin: -0.75rem -0.5rem; } .ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin: -0.75rem -0.5rem -0.75rem 1.5625rem; } .ant-table.ant-table-small { font-size: 1rem; } .ant-table.ant-table-small .ant-table-title, .ant-table.ant-table-small .ant-table-footer, .ant-table.ant-table-small .ant-table-thead > tr > th, .ant-table.ant-table-small .ant-table-tbody > tr > td, .ant-table.ant-table-small tfoot > tr > th, .ant-table.ant-table-small tfoot > tr > td { padding: 0.5rem; } .ant-table.ant-table-small .ant-table-filter-trigger { margin-right: -0.25rem; } .ant-table.ant-table-small .ant-table-expanded-row-fixed { margin: -0.5rem; } .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin: -0.5rem -0.5rem -0.5rem 1.5625rem; } .ant-table-small .ant-table-thead > tr > th { background-color: rgb(250, 250, 250); } .ant-table-small .ant-table-selection-column { width: 2.875rem; min-width: 2.875rem; } .ant-table.ant-table-bordered > .ant-table-title { border-width: 0.0625rem 0.0625rem 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(240, 240, 240); border-right-color: rgb(240, 240, 240); border-left-color: rgb(240, 240, 240); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; } .ant-table.ant-table-bordered > .ant-table-container { border-left: 0.0625rem solid rgb(240, 240, 240); } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td { border-right: 0.0625rem solid rgb(240, 240, 240); } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th { border-bottom: 0.0625rem solid rgb(240, 240, 240); } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before { background-color: transparent !important; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after { border-right: 0.0625rem solid rgb(240, 240, 240); } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -1rem -1.0625rem; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after { position: absolute; top: 0px; right: 0.0625rem; bottom: 0px; border-right: 0.0625rem solid rgb(240, 240, 240); content: ""; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table { border-top: 0.0625rem solid rgb(240, 240, 240); } .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td, .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td { border-right: 0px; } .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -0.75rem -0.5625rem; } .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -0.5rem -0.5625rem; } .ant-table.ant-table-bordered > .ant-table-footer { border-width: 0px 0.0625rem 0.0625rem; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(240, 240, 240); border-bottom-color: rgb(240, 240, 240); border-left-color: rgb(240, 240, 240); border-image: initial; border-top-style: initial; border-top-color: initial; } .ant-table-cell .ant-table-container:first-child { border-top: 0px; } .ant-table-cell-scrollbar { box-shadow: rgb(250, 250, 250) 0px 0.0625rem 0px 0.0625rem; } .ant-table-resize-handle { position: absolute; top: 0px; bottom: 0px; right: -0.5rem; cursor: col-resize; touch-action: none; user-select: auto; width: 1rem; z-index: 1; height: 100% !important; left: auto !important; } .ant-table-resize-handle-line { display: block; width: 0.0625rem; margin-left: 0.4375rem; background-color: rgb(253, 172, 14); opacity: 0; height: 100% !important; } .ant-table-resize-handle:hover .ant-table-resize-handle-line { opacity: 1; } .ant-table-resize-handle.dragging { overflow: hidden; } .ant-table-resize-handle.dragging .ant-table-resize-handle-line { opacity: 1; } .ant-table-resize-handle.dragging::before { position: absolute; top: 0px; bottom: 0px; content: " "; width: 200vw; transform: translate(-50%); opacity: 0; } .ant-table-wrapper { clear: both; max-width: 100%; } .ant-table-wrapper::before { display: table; content: ""; } .ant-table-wrapper::after { display: table; clear: both; content: ""; } .ant-table { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; font-size: 1rem; background: rgb(255, 255, 255); border-radius: 0.1875rem; } .ant-table table { width: 100%; text-align: left; border-radius: 0.1875rem 0.1875rem 0px 0px; border-collapse: separate; border-spacing: 0px; } .ant-table-thead > tr > th, .ant-table-tbody > tr > td, .ant-table tfoot > tr > th, .ant-table tfoot > tr > td { position: relative; padding: 1rem; overflow-wrap: break-word; } .ant-table-cell-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; } .ant-table-cell-ellipsis.ant-table-cell-fix-left-last, .ant-table-cell-ellipsis.ant-table-cell-fix-right-first { overflow: visible; } .ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content, .ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content { display: block; overflow: hidden; text-overflow: ellipsis; } .ant-table-cell-ellipsis .ant-table-column-title { overflow: hidden; text-overflow: ellipsis; word-break: keep-all; } .ant-table-title { padding: 1rem; } .ant-table-footer { padding: 1rem; color: rgb(0, 0, 0); background: rgb(250, 250, 250); } .ant-table-thead > tr > th { position: relative; color: rgb(0, 0, 0); font-weight: 500; text-align: left; background: rgb(250, 250, 250); border-bottom: 0.0625rem solid rgb(240, 240, 240); transition: background 0.3s; } .ant-table-thead > tr > th[colspan]:not([colspan="1"]) { text-align: center; } .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { position: absolute; top: 50%; right: 0px; width: 0.0625rem; height: 1.6em; background-color: rgba(0, 0, 0, 0.06); transform: translateY(-50%); transition: background-color 0.3s; content: ""; } .ant-table-thead > tr:not(:last-child) > th[colspan] { border-bottom: 0px; } .ant-table-tbody > tr > td { border-bottom: 0.0625rem solid rgb(240, 240, 240); transition: background 0.3s; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table { margin: -1rem -1rem -1rem 2.0625rem; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td { border-bottom: 0px; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child, .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child { border-radius: 0px; } .ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover { background: rgb(250, 250, 250); } .ant-table-tbody > tr.ant-table-row-selected > td { background: rgb(255, 251, 230); border-color: rgba(0, 0, 0, 0.03); } .ant-table-tbody > tr.ant-table-row-selected:hover > td { background: rgb(255, 249, 220); } .ant-table-summary { position: relative; z-index: 2; background: rgb(255, 255, 255); } div.ant-table-summary { box-shadow: rgb(240, 240, 240) 0px -0.0625rem; } .ant-table-summary > tr > th, .ant-table-summary > tr > td { border-bottom: 0.0625rem solid rgb(240, 240, 240); } .ant-table-pagination.ant-pagination { margin: 1rem 0px; } .ant-table-pagination { display: flex; flex-wrap: wrap; row-gap: 0.5rem; } .ant-table-pagination > * { flex: 0 0 auto; } .ant-table-pagination-left { justify-content: flex-start; } .ant-table-pagination-center { justify-content: center; } .ant-table-pagination-right { justify-content: flex-end; } .ant-table-thead th.ant-table-column-has-sorters { cursor: pointer; transition: 0.3s; } .ant-table-thead th.ant-table-column-has-sorters:hover { background: rgba(0, 0, 0, 0.04); } .ant-table-thead th.ant-table-column-has-sorters:hover::before { background-color: transparent !important; } .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover, .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover, .ant-table-thead th.ant-table-column-sort { background: rgb(245, 245, 245); } .ant-table-thead th.ant-table-column-sort::before { background-color: transparent !important; } td.ant-table-column-sort { background: rgb(250, 250, 250); } .ant-table-column-title { position: relative; z-index: 1; flex: 1 1 0%; } .ant-table-column-sorters { display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; } .ant-table-column-sorters::after { position: absolute; inset: 0px; width: 100%; height: 100%; content: ""; } .ant-table-column-sorter { margin-left: 0.25rem; color: rgb(191, 191, 191); font-size: 0px; transition: color 0.3s; } .ant-table-column-sorter-inner { display: inline-flex; flex-direction: column; align-items: center; } .ant-table-column-sorter-up, .ant-table-column-sorter-down { font-size: 0.6875rem; } .ant-table-column-sorter-up.active, .ant-table-column-sorter-down.active { color: rgb(253, 172, 14); } .ant-table-column-sorter-up + .ant-table-column-sorter-down { margin-top: -0.3em; } .ant-table-column-sorters:hover .ant-table-column-sorter { color: rgb(166, 166, 166); } .ant-table-filter-column { display: flex; justify-content: space-between; } .ant-table-filter-trigger { position: relative; display: flex; align-items: center; margin: -0.25rem -0.5rem -0.25rem 0.25rem; padding: 0px 0.25rem; color: rgb(191, 191, 191); font-size: 0.75rem; border-radius: 0.1875rem; cursor: pointer; transition: 0.3s; } .ant-table-filter-trigger:hover { color: rgba(0, 0, 0, 0.45); background: rgba(0, 0, 0, 0.04); } .ant-table-filter-trigger.active { color: rgb(253, 172, 14); } .ant-table-filter-dropdown { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; min-width: 7.5rem; background-color: rgb(255, 255, 255); border-radius: 0.1875rem; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.5rem; } .ant-table-filter-dropdown .ant-dropdown-menu { max-height: 16.5rem; overflow-x: hidden; border: 0px; box-shadow: none; } .ant-table-filter-dropdown .ant-dropdown-menu:empty::after { display: block; padding: 0.5rem 0px; color: rgba(0, 0, 0, 0.25); font-size: 0.75rem; text-align: center; content: "Not Found"; } .ant-table-filter-dropdown-tree { padding: 0.5rem 0.5rem 0px; } .ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover { background-color: rgb(245, 245, 245); } .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper, .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover { background-color: rgb(255, 240, 179); } .ant-table-filter-dropdown-search { padding: 0.5rem; border-bottom: 0.0625rem solid rgb(240, 240, 240); } .ant-table-filter-dropdown-search-input input { min-width: 8.75rem; } .ant-table-filter-dropdown-search-input .anticon { color: rgba(0, 0, 0, 0.25); } .ant-table-filter-dropdown-checkall { width: 100%; margin-bottom: 0.25rem; margin-left: 0.25rem; } .ant-table-filter-dropdown-submenu > ul { max-height: calc(-8.125rem + 100vh); overflow: hidden auto; } .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-left: 0.5rem; } .ant-table-filter-dropdown-btns { display: flex; justify-content: space-between; padding: 0.4375rem 0.5rem; overflow: hidden; background-color: inherit; border-top: 0.0625rem solid rgb(240, 240, 240); } .ant-table-selection-col { width: 2rem; } .ant-table-bordered .ant-table-selection-col { width: 3.125rem; } table tr th.ant-table-selection-column, table tr td.ant-table-selection-column { padding-right: 0.5rem; padding-left: 0.5rem; text-align: center; } table tr th.ant-table-selection-column .ant-radio-wrapper, table tr td.ant-table-selection-column .ant-radio-wrapper { margin-right: 0px; } table tr th.ant-table-selection-column.ant-table-cell-fix-left { z-index: 3; } table tr th.ant-table-selection-column::after { background-color: transparent !important; } .ant-table-selection { position: relative; display: inline-flex; flex-direction: column; } .ant-table-selection-extra { position: absolute; top: 0px; z-index: 1; cursor: pointer; transition: 0.3s; margin-inline-start: 100%; padding-inline-start: 0.25rem; } .ant-table-selection-extra .anticon { color: rgb(191, 191, 191); font-size: 0.625rem; } .ant-table-selection-extra .anticon:hover { color: rgb(166, 166, 166); } .ant-table-expand-icon-col { width: 3rem; } .ant-table-row-expand-icon-cell { text-align: center; } .ant-table-row-indent { float: left; height: 0.0625rem; } .ant-table-row-expand-icon { text-decoration: none; cursor: pointer; position: relative; display: inline-flex; float: left; box-sizing: border-box; width: 1.0625rem; height: 1.0625rem; padding: 0px; color: inherit; line-height: 1.0625rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(240, 240, 240); border-radius: 0.1875rem; outline: none; transform: scale(0.941176); transition: 0.3s; user-select: none; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover { color: rgb(13, 12, 12); } .ant-table-row-expand-icon:active { color: rgb(0, 0, 0); } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover, .ant-table-row-expand-icon:active { border-color: currentcolor; } .ant-table-row-expand-icon::before, .ant-table-row-expand-icon::after { position: absolute; background: currentcolor; transition: transform 0.3s ease-out; content: ""; } .ant-table-row-expand-icon::before { top: 0.4375rem; right: 0.1875rem; left: 0.1875rem; height: 0.0625rem; } .ant-table-row-expand-icon::after { top: 0.1875rem; bottom: 0.1875rem; left: 0.4375rem; width: 0.0625rem; transform: rotate(90deg); } .ant-table-row-expand-icon-collapsed::before { transform: rotate(-180deg); } .ant-table-row-expand-icon-collapsed::after { transform: rotate(0deg); } .ant-table-row-expand-icon-spaced { background: transparent; border: 0px; visibility: hidden; } .ant-table-row-expand-icon-spaced::before, .ant-table-row-expand-icon-spaced::after { display: none; content: none; } .ant-table-row-indent + .ant-table-row-expand-icon { margin-top: 0.2545rem; margin-right: 0.5rem; } tr.ant-table-expanded-row > td, tr.ant-table-expanded-row:hover > td { background: rgb(251, 251, 251); } tr.ant-table-expanded-row .ant-descriptions-view { display: flex; } tr.ant-table-expanded-row .ant-descriptions-view table { flex: 1 1 auto; width: auto; } .ant-table .ant-table-expanded-row-fixed { position: relative; margin: -1rem; padding: 1rem; } .ant-table-tbody > tr.ant-table-placeholder { text-align: center; } .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder { color: rgba(0, 0, 0, 0.25); } .ant-table-tbody > tr.ant-table-placeholder:hover > td { background: rgb(255, 255, 255); } .ant-table-cell-fix-left, .ant-table-cell-fix-right { z-index: 2; background: rgb(255, 255, 255); position: sticky !important; } .ant-table-cell-fix-left-first::after, .ant-table-cell-fix-left-last::after { position: absolute; top: 0px; right: 0px; bottom: -0.0625rem; width: 1.875rem; transform: translate(100%); transition: box-shadow 0.3s; content: ""; pointer-events: none; } .ant-table-cell-fix-right-first::after, .ant-table-cell-fix-right-last::after { position: absolute; top: 0px; bottom: -0.0625rem; left: 0px; width: 1.875rem; transform: translate(-100%); transition: box-shadow 0.3s; content: ""; pointer-events: none; } .ant-table .ant-table-container::before, .ant-table .ant-table-container::after { position: absolute; top: 0px; bottom: 0px; z-index: 2; width: 1.875rem; transition: box-shadow 0.3s; content: ""; pointer-events: none; } .ant-table .ant-table-container::before { left: 0px; } .ant-table .ant-table-container::after { right: 0px; } .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container { position: relative; } .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before { box-shadow: rgba(0, 0, 0, 0.15) 0.625rem 0px 0.5rem -0.5rem inset; } .ant-table-ping-left .ant-table-cell-fix-left-first::after, .ant-table-ping-left .ant-table-cell-fix-left-last::after { box-shadow: rgba(0, 0, 0, 0.15) 0.625rem 0px 0.5rem -0.5rem inset; } .ant-table-ping-left .ant-table-cell-fix-left-last::before { background-color: transparent !important; } .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container { position: relative; } .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after { box-shadow: rgba(0, 0, 0, 0.15) -0.625rem 0px 0.5rem -0.5rem inset; } .ant-table-ping-right .ant-table-cell-fix-right-first::after, .ant-table-ping-right .ant-table-cell-fix-right-last::after { box-shadow: rgba(0, 0, 0, 0.15) -0.625rem 0px 0.5rem -0.5rem inset; } .ant-table-sticky-holder { position: sticky; z-index: 3; background: rgb(255, 255, 255); } .ant-table-sticky-scroll { position: sticky; bottom: 0px; z-index: 3; display: flex; align-items: center; background: rgb(255, 255, 255); border-top: 0.0625rem solid rgb(240, 240, 240); opacity: 0.6; } .ant-table-sticky-scroll:hover { transform-origin: center bottom; } .ant-table-sticky-scroll-bar { height: 0.5rem; background-color: rgba(0, 0, 0, 0.35); border-radius: 0.25rem; } .ant-table-sticky-scroll-bar:hover, .ant-table-sticky-scroll-bar-active { background-color: rgba(0, 0, 0, 0.8); } @media (-ms-high-contrast: none) { .ant-table-ping-left .ant-table-cell-fix-left-last::after { box-shadow: none !important; } .ant-table-ping-right .ant-table-cell-fix-right-first::after { box-shadow: none !important; } } .ant-table-title { border-radius: 0.1875rem 0.1875rem 0px 0px; } .ant-table-title + .ant-table-container { border-top-left-radius: 0px; border-top-right-radius: 0px; } .ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child { border-radius: 0px; } .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child { border-radius: 0px; } .ant-table-container { border-top-left-radius: 0.1875rem; border-top-right-radius: 0.1875rem; } .ant-table-container table > thead > tr:first-child th:first-child { border-top-left-radius: 0.1875rem; } .ant-table-container table > thead > tr:first-child th:last-child { border-top-right-radius: 0.1875rem; } .ant-table-footer { border-radius: 0px 0px 0.1875rem 0.1875rem; } .ant-table-wrapper-rtl, .ant-table-rtl { direction: rtl; } .ant-table-wrapper-rtl .ant-table table { text-align: right; } .ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan="1"]) { text-align: center; } .ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { right: auto; left: 0px; } .ant-table-wrapper-rtl .ant-table-thead > tr > th { text-align: right; } .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl { margin: -1rem 2.0625rem -1rem -1rem; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left { justify-content: flex-end; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right { justify-content: flex-start; } .ant-table-wrapper-rtl .ant-table-column-sorter { margin-right: 0.25rem; margin-left: 0px; } .ant-table-wrapper-rtl .ant-table-filter-column-title { padding: 1rem 1rem 1rem 2.3em; } .ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title { padding: 0px 0px 0px 2.3em; } .ant-table-wrapper-rtl .ant-table-filter-trigger { margin: -0.25rem 0.25rem -0.25rem -0.5rem; } .ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-right: 0.5rem; padding-left: 0px; } .ant-table-wrapper-rtl .ant-table-selection { text-align: center; } .ant-table-wrapper-rtl .ant-table-row-indent, .ant-table-wrapper-rtl .ant-table-row-expand-icon { float: right; } .ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon { margin-right: 0px; margin-left: 0.5rem; } .ant-table-wrapper-rtl .ant-table-row-expand-icon::after { transform: rotate(-90deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before { transform: rotate(180deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after { transform: rotate(0deg); } .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab { padding: 0.5rem 0px; font-size: 1rem; } .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 1rem 0px; font-size: 1.125rem; } .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab { padding: 0.375rem 1rem; } .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 0.4375rem 1rem 0.375rem; } .ant-tabs-rtl { direction: rtl; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab { margin: 0px 0px 0px 2rem; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type { margin-left: 0px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon { margin-right: 0px; margin-left: 0.75rem; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove { margin-right: 0.5rem; margin-left: -0.25rem; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon { margin: 0px; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav { order: 1; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder { order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav { order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder { order: 1; } .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-right: 0.125rem; margin-left: 0px; } .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add { margin-right: 0.125rem; margin-left: 0px; } .ant-tabs-dropdown-rtl { direction: rtl; } .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item { text-align: right; } .ant-tabs-top, .ant-tabs-bottom { flex-direction: column; } .ant-tabs-top > .ant-tabs-nav, .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-top > div > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav { margin: 0px 0px 1rem; } .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before { position: absolute; right: 0px; left: 0px; border-bottom: 0.0625rem solid rgb(240, 240, 240); content: ""; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { height: 0.125rem; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { transition: width 0.3s, left 0.3s, right 0.3s; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { top: 0px; bottom: 0px; width: 1.875rem; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { left: 0px; box-shadow: rgba(0, 0, 0, 0.08) 0.625rem 0px 0.5rem -0.5rem inset; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { right: 0px; box-shadow: rgba(0, 0, 0, 0.08) -0.625rem 0px 0.5rem -0.5rem inset; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before { opacity: 1; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after { opacity: 1; } .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before { bottom: 0px; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar { bottom: 0px; } .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav { order: 1; margin-top: 1rem; margin-bottom: 0px; } .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before { top: 0px; } .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { top: 0px; } .ant-tabs-bottom > .ant-tabs-content-holder, .ant-tabs-bottom > div > .ant-tabs-content-holder { order: 0; } .ant-tabs-left > .ant-tabs-nav, .ant-tabs-right > .ant-tabs-nav, .ant-tabs-left > div > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav { flex-direction: column; min-width: 3.125rem; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { padding: 0.5rem 1.5rem; text-align: center; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin: 1rem 0px 0px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap { flex-direction: column; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { right: 0px; left: 0px; height: 1.875rem; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { top: 0px; box-shadow: rgba(0, 0, 0, 0.08) 0px 0.625rem 0.5rem -0.5rem inset; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { bottom: 0px; box-shadow: rgba(0, 0, 0, 0.08) 0px -0.625rem 0.5rem -0.5rem inset; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before { opacity: 1; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after { opacity: 1; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { width: 0.125rem; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { transition: height 0.3s, top 0.3s; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations { flex: 1 0 auto; flex-direction: column; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar { right: 0px; } .ant-tabs-left > .ant-tabs-content-holder, .ant-tabs-left > div > .ant-tabs-content-holder { margin-left: -0.0625rem; border-left: 0.0625rem solid rgb(240, 240, 240); } .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { padding-left: 1.5rem; } .ant-tabs-right > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav { order: 1; } .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { left: 0px; } .ant-tabs-right > .ant-tabs-content-holder, .ant-tabs-right > div > .ant-tabs-content-holder { order: 0; margin-right: -0.0625rem; border-right: 0.0625rem solid rgb(240, 240, 240); } .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { padding-right: 1.5rem; } .ant-tabs-dropdown { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: absolute; top: -624.938rem; left: -624.938rem; z-index: 1050; display: block; } .ant-tabs-dropdown-hidden { display: none; } .ant-tabs-dropdown-menu { max-height: 12.5rem; margin: 0px; padding: 0.25rem 0px; overflow: hidden auto; text-align: left; list-style-type: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border-radius: 0.1875rem; outline: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.5rem; } .ant-tabs-dropdown-menu-item { display: flex; align-items: center; min-width: 7.5rem; margin: 0px; padding: 0.3125rem 0.75rem; overflow: hidden; color: rgb(0, 0, 0); font-weight: 400; font-size: 1rem; line-height: 1.375rem; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: 0.3s; } .ant-tabs-dropdown-menu-item > span { flex: 1 1 0%; white-space: nowrap; } .ant-tabs-dropdown-menu-item-remove { flex: 0 0 auto; margin-left: 0.75rem; color: rgba(0, 0, 0, 0.45); font-size: 0.75rem; background: transparent; border: 0px; cursor: pointer; } .ant-tabs-dropdown-menu-item-remove:hover { color: rgb(255, 195, 56); } .ant-tabs-dropdown-menu-item:hover { background: rgb(245, 245, 245); } .ant-tabs-dropdown-menu-item-disabled, .ant-tabs-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab { margin: 0px; padding: 0.40625rem 1rem; background: rgb(250, 250, 250); border: 0.0625rem solid rgb(240, 240, 240); transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active { color: rgb(253, 172, 14); background: rgb(255, 255, 255); } .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar { visibility: hidden; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-left: 0.125rem; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0.1875rem 0.1875rem 0px 0px; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active { border-bottom-color: rgb(255, 255, 255); } .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0px 0px 0.1875rem 0.1875rem; } .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active { border-top-color: rgb(255, 255, 255); } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-top: 0.125rem; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0.1875rem 0px 0px 0.1875rem; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active { border-right-color: rgb(255, 255, 255); } .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0px 0.1875rem 0.1875rem 0px; } .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active { border-left-color: rgb(255, 255, 255); } .ant-tabs { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: flex; overflow: hidden; } .ant-tabs > .ant-tabs-nav, .ant-tabs > div > .ant-tabs-nav { position: relative; display: flex; flex: 0 0 auto; align-items: center; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap { position: relative; display: flex; flex: 1 1 auto; align-self: stretch; overflow: hidden; white-space: nowrap; transform: translate(0px); } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { position: absolute; z-index: 1; opacity: 0; transition: opacity 0.3s; content: ""; pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list { position: relative; display: flex; transition: transform 0.3s; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations { display: flex; align-self: stretch; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden { position: absolute; visibility: hidden; pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more { position: relative; padding: 0.40625rem 1rem; background: transparent; border: 0px; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after { position: absolute; right: 0px; bottom: 0px; left: 0px; height: 0.3125rem; transform: translateY(100%); content: ""; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add { min-width: 2.5rem; margin-left: 0.125rem; padding: 0px 0.5rem; background: rgb(250, 250, 250); border: 0.0625rem solid rgb(240, 240, 240); border-radius: 0.1875rem 0.1875rem 0px 0px; outline: none; cursor: pointer; transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover { color: rgb(255, 195, 56); } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus { color: rgb(214, 136, 2); } .ant-tabs-extra-content { flex: 0 0 auto; } .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*="ant-tabs-nav-wrap-ping"]), .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*="ant-tabs-nav-wrap-ping"]) { justify-content: center; } .ant-tabs-ink-bar { position: absolute; background: rgb(253, 172, 14); pointer-events: none; } .ant-tabs-tab { position: relative; display: inline-flex; align-items: center; padding: 0.75rem 0px; font-size: 1rem; background: transparent; border: 0px; outline: none; cursor: pointer; } .ant-tabs-tab-btn:focus, .ant-tabs-tab-remove:focus, .ant-tabs-tab-btn:active, .ant-tabs-tab-remove:active { color: rgb(214, 136, 2); } .ant-tabs-tab-btn { outline: none; transition: 0.3s; } .ant-tabs-tab-remove { flex: 0 0 auto; margin-right: -0.25rem; margin-left: 0.5rem; color: rgba(0, 0, 0, 0.45); font-size: 0.75rem; background: transparent; border: none; outline: none; cursor: pointer; transition: 0.3s; } .ant-tabs-tab-remove:hover { color: rgb(0, 0, 0); } .ant-tabs-tab:hover { color: rgb(255, 195, 56); } .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: rgb(253, 172, 14); text-shadow: currentcolor 0px 0px 0.01563rem; } .ant-tabs-tab.ant-tabs-tab-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active { color: rgba(0, 0, 0, 0.25); } .ant-tabs-tab .ant-tabs-tab-remove .anticon { margin: 0px; } .ant-tabs-tab .anticon { margin-right: 0.75rem; } .ant-tabs-tab + .ant-tabs-tab { margin: 0px 0px 0px 2rem; } .ant-tabs-content { display: flex; width: 100%; } .ant-tabs-content-holder { flex: 1 1 auto; min-width: 0px; min-height: 0px; } .ant-tabs-content-animated { transition: margin 0.3s; } .ant-tabs-tabpane { flex: 0 0 auto; width: 100%; outline: none; } .ant-tag { box-sizing: border-box; margin: 0px 0.5rem 0px 0px; color: rgb(0, 0, 0); font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; display: inline-block; height: auto; padding: 0px 0.4375rem; font-size: 0.75rem; line-height: 1.25rem; white-space: nowrap; background: rgb(250, 250, 250); border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; opacity: 1; transition: 0.3s; } .ant-tag, .ant-tag a, .ant-tag a:hover { color: rgb(0, 0, 0); } .ant-tag > a:first-child:last-child { display: inline-block; margin: 0px -0.5rem; padding: 0px 0.5rem; } .ant-tag-close-icon { margin-left: 0.1875rem; color: rgba(0, 0, 0, 0.45); font-size: 0.625rem; cursor: pointer; transition: 0.3s; } .ant-tag-close-icon:hover { color: rgb(0, 0, 0); } .ant-tag-has-color { border-color: transparent; } .ant-tag-has-color, .ant-tag-has-color a, .ant-tag-has-color a:hover, .ant-tag-has-color .anticon-close, .ant-tag-has-color .anticon-close:hover { color: rgb(255, 255, 255); } .ant-tag-checkable { background-color: transparent; border-color: transparent; cursor: pointer; } .ant-tag-checkable:not(.ant-tag-checkable-checked):hover { color: rgb(253, 172, 14); } .ant-tag-checkable:active, .ant-tag-checkable-checked { color: rgb(255, 255, 255); } .ant-tag-checkable-checked { background-color: rgb(253, 172, 14); } .ant-tag-checkable:active { background-color: rgb(214, 136, 2); } .ant-tag-hidden { display: none; } .ant-tag-pink { color: rgb(196, 29, 127); background: rgb(255, 240, 246); border-color: rgb(255, 173, 210); } .ant-tag-pink-inverse { color: rgb(255, 255, 255); background: rgb(235, 47, 150); border-color: rgb(235, 47, 150); } .ant-tag-magenta { color: rgb(196, 29, 127); background: rgb(255, 240, 246); border-color: rgb(255, 173, 210); } .ant-tag-magenta-inverse { color: rgb(255, 255, 255); background: rgb(235, 47, 150); border-color: rgb(235, 47, 150); } .ant-tag-red { color: rgb(207, 19, 34); background: rgb(255, 241, 240); border-color: rgb(255, 163, 158); } .ant-tag-red-inverse { color: rgb(255, 255, 255); background: rgb(245, 34, 45); border-color: rgb(245, 34, 45); } .ant-tag-volcano { color: rgb(212, 56, 13); background: rgb(255, 242, 232); border-color: rgb(255, 187, 150); } .ant-tag-volcano-inverse { color: rgb(255, 255, 255); background: rgb(250, 84, 28); border-color: rgb(250, 84, 28); } .ant-tag-orange { color: rgb(212, 107, 8); background: rgb(255, 247, 230); border-color: rgb(255, 213, 145); } .ant-tag-orange-inverse { color: rgb(255, 255, 255); background: rgb(250, 140, 22); border-color: rgb(250, 140, 22); } .ant-tag-yellow { color: rgb(212, 177, 6); background: rgb(254, 255, 230); border-color: rgb(255, 251, 143); } .ant-tag-yellow-inverse { color: rgb(255, 255, 255); background: rgb(250, 219, 20); border-color: rgb(250, 219, 20); } .ant-tag-gold { color: rgb(212, 136, 6); background: rgb(255, 251, 230); border-color: rgb(255, 229, 143); } .ant-tag-gold-inverse { color: rgb(255, 255, 255); background: rgb(250, 173, 20); border-color: rgb(250, 173, 20); } .ant-tag-cyan { color: rgb(8, 151, 156); background: rgb(230, 255, 251); border-color: rgb(135, 232, 222); } .ant-tag-cyan-inverse { color: rgb(255, 255, 255); background: rgb(19, 194, 194); border-color: rgb(19, 194, 194); } .ant-tag-lime { color: rgb(124, 179, 5); background: rgb(252, 255, 230); border-color: rgb(234, 255, 143); } .ant-tag-lime-inverse { color: rgb(255, 255, 255); background: rgb(160, 217, 17); border-color: rgb(160, 217, 17); } .ant-tag-green { color: rgb(56, 158, 13); background: rgb(246, 255, 237); border-color: rgb(183, 235, 143); } .ant-tag-green-inverse { color: rgb(255, 255, 255); background: rgb(82, 196, 26); border-color: rgb(82, 196, 26); } .ant-tag-blue { color: rgb(9, 109, 217); background: rgb(230, 247, 255); border-color: rgb(145, 213, 255); } .ant-tag-blue-inverse { color: rgb(255, 255, 255); background: rgb(24, 144, 255); border-color: rgb(24, 144, 255); } .ant-tag-geekblue { color: rgb(29, 57, 196); background: rgb(240, 245, 255); border-color: rgb(173, 198, 255); } .ant-tag-geekblue-inverse { color: rgb(255, 255, 255); background: rgb(47, 84, 235); border-color: rgb(47, 84, 235); } .ant-tag-purple { color: rgb(83, 29, 171); background: rgb(249, 240, 255); border-color: rgb(211, 173, 247); } .ant-tag-purple-inverse { color: rgb(255, 255, 255); background: rgb(114, 46, 209); border-color: rgb(114, 46, 209); } .ant-tag-success { color: rgb(255, 95, 68); background: rgb(255, 245, 240); border-color: rgb(255, 207, 191); } .ant-tag-processing { color: rgb(253, 172, 14); background: rgb(255, 251, 230); border-color: rgb(255, 228, 138); } .ant-tag-error { color: rgb(230, 77, 67); background: rgb(255, 243, 240); border-color: rgb(255, 206, 196); } .ant-tag-warning { color: rgb(253, 172, 14); background: rgb(255, 251, 230); border-color: rgb(255, 228, 138); } .ant-tag > .anticon + span, .ant-tag > span + .anticon { margin-left: 0.4375rem; } .ant-tag.ant-tag-rtl { margin-right: 0px; margin-left: 0.5rem; direction: rtl; text-align: right; } .ant-tag-rtl .ant-tag-close-icon { margin-right: 0.1875rem; margin-left: 0px; } .ant-tag-rtl.ant-tag > .anticon + span, .ant-tag-rtl.ant-tag > span + .anticon { margin-right: 0.4375rem; margin-left: 0px; } .ant-timeline { box-sizing: border-box; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: "tnum"; margin: 0px; padding: 0px; list-style: none; } .ant-timeline-item { position: relative; margin: 0px; padding-bottom: 1.25rem; font-size: 1rem; list-style: none; } .ant-timeline-item-tail { position: absolute; top: 0.625rem; left: 0.25rem; height: calc(100% - 0.625rem); border-left: 0.125rem solid rgb(240, 240, 240); } .ant-timeline-item-pending .ant-timeline-item-head { font-size: 0.75rem; background-color: transparent; } .ant-timeline-item-pending .ant-timeline-item-tail { display: none; } .ant-timeline-item-head { position: absolute; width: 0.625rem; height: 0.625rem; background-color: rgb(255, 255, 255); border: 0.125rem solid transparent; border-radius: 6.25rem; } .ant-timeline-item-head-blue { color: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .ant-timeline-item-head-red { color: rgb(230, 77, 67); border-color: rgb(230, 77, 67); } .ant-timeline-item-head-green { color: rgb(255, 95, 68); border-color: rgb(255, 95, 68); } .ant-timeline-item-head-gray { color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-timeline-item-head-custom { position: absolute; top: 0.34375rem; left: 0.3125rem; width: auto; height: auto; margin-top: 0px; padding: 0.1875rem 0.0625rem; line-height: 1; text-align: center; border: 0px; border-radius: 0px; transform: translate(-50%, -50%); } .ant-timeline-item-content { position: relative; top: -0.509rem; margin: 0px 0px 0px 1.625rem; word-break: break-word; } .ant-timeline-item-last > .ant-timeline-item-tail { display: none; } .ant-timeline-item-last > .ant-timeline-item-content { min-height: 3rem; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-tail, .ant-timeline.ant-timeline-label .ant-timeline-item-tail, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { left: 50%; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline.ant-timeline-label .ant-timeline-item-head { margin-left: -0.25rem; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { margin-left: 0.0625rem; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content { left: calc(50% - 0.25rem); width: calc(50% - 0.875rem); text-align: left; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content { width: calc(50% - 0.75rem); margin: 0px; text-align: right; } .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { left: calc(100% - 0.375rem); } .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: calc(100% - 1.125rem); } .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { display: block; height: calc(100% - 0.875rem); border-left: 0.125rem dotted rgb(240, 240, 240); } .ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail { display: none; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { top: 0.9375rem; display: block; height: calc(100% - 0.9375rem); border-left: 0.125rem dotted rgb(240, 240, 240); } .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content { min-height: 3rem; } .ant-timeline.ant-timeline-label .ant-timeline-item-label { position: absolute; top: -0.509rem; width: calc(50% - 0.75rem); text-align: right; } .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { left: calc(50% + 0.875rem); width: calc(50% - 0.875rem); text-align: left; } .ant-timeline-rtl { direction: rtl; } .ant-timeline-rtl .ant-timeline-item-tail { right: 0.25rem; left: auto; border-right: 0.125rem solid rgb(240, 240, 240); border-left: none; } .ant-timeline-rtl .ant-timeline-item-head-custom { right: 0.3125rem; left: auto; transform: translate(50%, -50%); } .ant-timeline-rtl .ant-timeline-item-content { margin: 0px 1.125rem 0px 0px; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { right: 50%; left: auto; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head { margin-right: -0.25rem; margin-left: 0px; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { margin-right: 0.0625rem; margin-left: 0px; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content { right: calc(50% - 0.25rem); left: auto; text-align: right; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content { text-align: left; } .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { right: 0px; left: auto; } .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: 100%; margin-right: 1.125rem; text-align: right; } .ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { border-right: 0.125rem dotted rgb(240, 240, 240); border-left: none; } .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label { text-align: left; } .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { right: calc(50% + 0.875rem); text-align: right; } .ant-tooltip { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: absolute; z-index: 1070; display: block; width: max-content; max-width: 15.625rem; visibility: visible; } .ant-tooltip-hidden { display: none; } .ant-tooltip-placement-top, .ant-tooltip-placement-topLeft, .ant-tooltip-placement-topRight { padding-bottom: 0.5rem; } .ant-tooltip-placement-right, .ant-tooltip-placement-rightTop, .ant-tooltip-placement-rightBottom { padding-left: 0.5rem; } .ant-tooltip-placement-bottom, .ant-tooltip-placement-bottomLeft, .ant-tooltip-placement-bottomRight { padding-top: 0.5rem; } .ant-tooltip-placement-left, .ant-tooltip-placement-leftTop, .ant-tooltip-placement-leftBottom { padding-right: 0.5rem; } .ant-tooltip-inner { min-width: 1.875rem; min-height: 2rem; padding: 0.375rem 0.5rem; color: rgb(255, 255, 255); text-align: left; text-decoration: none; overflow-wrap: break-word; background-color: rgba(0, 0, 0, 0.75); border-radius: 0.1875rem; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.5rem; } .ant-tooltip-arrow { position: absolute; display: block; width: 0.81694rem; height: 0.81694rem; overflow: hidden; background: transparent; pointer-events: none; } .ant-tooltip-arrow-content { position: absolute; inset: 0px; display: block; width: 0.3125rem; height: 0.3125rem; margin: auto; background-color: rgba(0, 0, 0, 0.75); content: ""; pointer-events: auto; } .ant-tooltip-placement-top .ant-tooltip-arrow, .ant-tooltip-placement-topLeft .ant-tooltip-arrow, .ant-tooltip-placement-topRight .ant-tooltip-arrow { bottom: -0.31694rem; } .ant-tooltip-placement-top .ant-tooltip-arrow-content, .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-topRight .ant-tooltip-arrow-content { box-shadow: rgba(0, 0, 0, 0.07) 0.1875rem 0.1875rem 0.4375rem; transform: translateY(-0.40847rem) rotate(45deg); } .ant-tooltip-placement-top .ant-tooltip-arrow { left: 50%; transform: translate(-50%); } .ant-tooltip-placement-topLeft .ant-tooltip-arrow { left: 0.8125rem; } .ant-tooltip-placement-topRight .ant-tooltip-arrow { right: 0.8125rem; } .ant-tooltip-placement-right .ant-tooltip-arrow, .ant-tooltip-placement-rightTop .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { left: -0.31694rem; } .ant-tooltip-placement-right .ant-tooltip-arrow-content, .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content { box-shadow: rgba(0, 0, 0, 0.07) -0.1875rem 0.1875rem 0.4375rem; transform: translate(0.40847rem) rotate(45deg); } .ant-tooltip-placement-right .ant-tooltip-arrow { top: 50%; transform: translateY(-50%); } .ant-tooltip-placement-rightTop .ant-tooltip-arrow { top: 0.3125rem; } .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { bottom: 0.3125rem; } .ant-tooltip-placement-left .ant-tooltip-arrow, .ant-tooltip-placement-leftTop .ant-tooltip-arrow, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { right: -0.31694rem; } .ant-tooltip-placement-left .ant-tooltip-arrow-content, .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content { box-shadow: rgba(0, 0, 0, 0.07) 0.1875rem -0.1875rem 0.4375rem; transform: translate(-0.40847rem) rotate(45deg); } .ant-tooltip-placement-left .ant-tooltip-arrow { top: 50%; transform: translateY(-50%); } .ant-tooltip-placement-leftTop .ant-tooltip-arrow { top: 0.3125rem; } .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { bottom: 0.3125rem; } .ant-tooltip-placement-bottom .ant-tooltip-arrow, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { top: -0.31694rem; } .ant-tooltip-placement-bottom .ant-tooltip-arrow-content, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content { box-shadow: rgba(0, 0, 0, 0.07) -0.1875rem -0.1875rem 0.4375rem; transform: translateY(0.40847rem) rotate(45deg); } .ant-tooltip-placement-bottom .ant-tooltip-arrow { left: 50%; transform: translate(-50%); } .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow { left: 0.8125rem; } .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { right: 0.8125rem; } .ant-tooltip-pink .ant-tooltip-inner, .ant-tooltip-pink .ant-tooltip-arrow-content, .ant-tooltip-magenta .ant-tooltip-inner, .ant-tooltip-magenta .ant-tooltip-arrow-content { background-color: rgb(235, 47, 150); } .ant-tooltip-red .ant-tooltip-inner, .ant-tooltip-red .ant-tooltip-arrow-content { background-color: rgb(245, 34, 45); } .ant-tooltip-volcano .ant-tooltip-inner, .ant-tooltip-volcano .ant-tooltip-arrow-content { background-color: rgb(250, 84, 28); } .ant-tooltip-orange .ant-tooltip-inner, .ant-tooltip-orange .ant-tooltip-arrow-content { background-color: rgb(250, 140, 22); } .ant-tooltip-yellow .ant-tooltip-inner, .ant-tooltip-yellow .ant-tooltip-arrow-content { background-color: rgb(250, 219, 20); } .ant-tooltip-gold .ant-tooltip-inner, .ant-tooltip-gold .ant-tooltip-arrow-content { background-color: rgb(250, 173, 20); } .ant-tooltip-cyan .ant-tooltip-inner, .ant-tooltip-cyan .ant-tooltip-arrow-content { background-color: rgb(19, 194, 194); } .ant-tooltip-lime .ant-tooltip-inner, .ant-tooltip-lime .ant-tooltip-arrow-content { background-color: rgb(160, 217, 17); } .ant-tooltip-green .ant-tooltip-inner, .ant-tooltip-green .ant-tooltip-arrow-content { background-color: rgb(82, 196, 26); } .ant-tooltip-blue .ant-tooltip-inner, .ant-tooltip-blue .ant-tooltip-arrow-content { background-color: rgb(24, 144, 255); } .ant-tooltip-geekblue .ant-tooltip-inner, .ant-tooltip-geekblue .ant-tooltip-arrow-content { background-color: rgb(47, 84, 235); } .ant-tooltip-purple .ant-tooltip-inner, .ant-tooltip-purple .ant-tooltip-arrow-content { background-color: rgb(114, 46, 209); } .ant-tooltip-rtl { direction: rtl; } .ant-tooltip-rtl .ant-tooltip-inner { text-align: right; } .ant-transfer-customize-list .ant-transfer-list { flex: 1 1 50%; width: auto; height: auto; min-height: 12.5rem; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small { border: 0px; border-radius: 0px; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column { width: 2.5rem; min-width: 2.5rem; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th { background: rgb(250, 250, 250); } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td { border-bottom: 0.0625rem solid rgb(240, 240, 240); } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body { margin: 0px; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination { margin: 1rem 0px 0.25rem; } .ant-transfer-customize-list .ant-input[disabled] { background-color: transparent; } .ant-transfer { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: flex; align-items: stretch; } .ant-transfer-disabled .ant-transfer-list { background: rgb(245, 245, 245); } .ant-transfer-list { display: flex; flex-direction: column; width: 11.25rem; height: 12.5rem; border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; } .ant-transfer-list-with-pagination { width: 15.625rem; height: auto; } .ant-transfer-list-search .anticon-search { color: rgba(0, 0, 0, 0.25); } .ant-transfer-list-header { display: flex; flex: 0 0 auto; align-items: center; height: 2.5rem; padding: 0.375rem 0.75rem 0.4375rem; color: rgb(0, 0, 0); background: rgb(255, 255, 255); border-bottom: 0.0625rem solid rgb(240, 240, 240); border-radius: 0.1875rem 0.1875rem 0px 0px; } .ant-transfer-list-header > :not(:last-child) { margin-right: 0.25rem; } .ant-transfer-list-header > * { flex: 0 0 auto; } .ant-transfer-list-header-title { flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-align: right; text-overflow: ellipsis; } .ant-transfer-list-header-dropdown { font-size: 0.625rem; transform: translateY(10%); cursor: pointer; } .ant-transfer-list-header-dropdown[disabled] { cursor: not-allowed; } .ant-transfer-list-body { display: flex; flex: 1 1 auto; flex-direction: column; overflow: hidden; font-size: 1rem; } .ant-transfer-list-body-search-wrapper { position: relative; flex: 0 0 auto; padding: 0.75rem; } .ant-transfer-list-content { flex: 1 1 auto; margin: 0px; padding: 0px; overflow: auto; list-style: none; } .ant-transfer-list-content-item { display: flex; align-items: center; min-height: 2rem; padding: 0.375rem 0.75rem; line-height: 1.25rem; transition: 0.3s; } .ant-transfer-list-content-item > :not(:last-child) { margin-right: 0.5rem; } .ant-transfer-list-content-item > * { flex: 0 0 auto; } .ant-transfer-list-content-item-text { flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-transfer-list-content-item-remove { text-decoration: none; outline: none; cursor: pointer; transition: color 0.3s; position: relative; color: rgb(0, 0, 0); } .ant-transfer-list-content-item-remove:focus, .ant-transfer-list-content-item-remove:hover { color: rgb(13, 12, 12); } .ant-transfer-list-content-item-remove:active { color: rgb(0, 0, 0); } .ant-transfer-list-content-item-remove::after { position: absolute; inset: -0.375rem -50%; content: ""; } .ant-transfer-list-content-item-remove:hover { color: rgb(13, 12, 12); } .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { background-color: rgb(245, 245, 245); cursor: pointer; } .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover { background-color: rgb(255, 249, 220); } .ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { background: transparent; cursor: default; } .ant-transfer-list-content-item-checked { background-color: rgb(255, 251, 230); } .ant-transfer-list-content-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-transfer-list-pagination { padding: 0.5rem 0px; text-align: right; border-top: 0.0625rem solid rgb(240, 240, 240); } .ant-transfer-list-body-not-found { flex: 0 0 auto; width: 100%; margin: auto 0px; color: rgba(0, 0, 0, 0.25); text-align: center; } .ant-transfer-list-footer { border-top: 0.0625rem solid rgb(240, 240, 240); } .ant-transfer-operation { display: flex; flex: 0 0 auto; flex-direction: column; align-self: center; margin: 0px 0.5rem; vertical-align: middle; } .ant-transfer-operation .ant-btn { display: block; } .ant-transfer-operation .ant-btn:first-child { margin-bottom: 0.25rem; } .ant-transfer-operation .ant-btn .anticon { font-size: 0.75rem; } .ant-transfer .ant-empty-image { } .ant-transfer-rtl { direction: rtl; } .ant-transfer-rtl .ant-transfer-list-search { padding-right: 0.5rem; padding-left: 1.5rem; } .ant-transfer-rtl .ant-transfer-list-search-action { right: auto; left: 0.75rem; } .ant-transfer-rtl .ant-transfer-list-header > :not(:last-child) { margin-right: 0px; margin-left: 0.25rem; } .ant-transfer-rtl .ant-transfer-list-header { right: 0px; left: auto; } .ant-transfer-rtl .ant-transfer-list-header-title { text-align: left; } .ant-transfer-rtl .ant-transfer-list-content-item > :not(:last-child) { margin-right: 0px; margin-left: 0.5rem; } .ant-transfer-rtl .ant-transfer-list-pagination { text-align: left; } .ant-transfer-rtl .ant-transfer-list-footer { right: 0px; left: auto; } @keyframes ant-tree-node-fx-do-not-use { 0% { opacity: 0; } 100% { opacity: 1; } } .ant-tree.ant-tree-directory .ant-tree-treenode { position: relative; } .ant-tree.ant-tree-directory .ant-tree-treenode::before { position: absolute; inset: 0px 0px 0.25rem; transition: background-color 0.3s; content: ""; pointer-events: none; } .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before { background: rgb(245, 245, 245); } .ant-tree.ant-tree-directory .ant-tree-treenode > * { z-index: 1; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher { transition: color 0.3s; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper { border-radius: 0px; user-select: none; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected { color: rgb(255, 255, 255); background: transparent; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before, .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before { background: rgb(253, 172, 14); } .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher { color: rgb(255, 255, 255); } .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper { color: rgb(255, 255, 255); background: transparent; } .ant-tree-checkbox { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner, .ant-tree-checkbox:hover .ant-tree-checkbox-inner, .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner { border-color: rgb(253, 172, 14); } .ant-tree-checkbox-checked::after { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0.0625rem solid rgb(253, 172, 14); border-radius: 0.1875rem; visibility: hidden; animation: 0.36s ease-in-out 0s 1 normal backwards running antCheckboxEffect; content: ""; } .ant-tree-checkbox:hover::after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after { visibility: visible; } .ant-tree-checkbox-inner { position: relative; top: 0px; left: 0px; display: block; width: 1rem; height: 1rem; direction: ltr; background-color: rgb(255, 255, 255); border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; border-collapse: separate; transition: 0.3s; } .ant-tree-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 0.35714rem; height: 0.57143rem; border-width: 0px 0.125rem 0.125rem 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-image: initial; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: " "; } .ant-tree-checkbox-input { position: absolute; inset: 0px; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { position: absolute; display: table; border-width: 0px 0.125rem 0.125rem 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-image: initial; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: " "; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner { background-color: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .ant-tree-checkbox-disabled { cursor: not-allowed; } .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-tree-checkbox-disabled .ant-tree-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner { background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0) !important; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { border-color: rgb(245, 245, 245); border-collapse: separate; animation-name: none; } .ant-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree-checkbox-disabled:hover::after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after { visibility: hidden; } .ant-tree-checkbox-wrapper { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-tree-checkbox-wrapper::after { display: inline-block; width: 0px; overflow: hidden; content: " "; } .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper { margin-left: 0.5rem; } .ant-tree-checkbox + span { padding-right: 0.5rem; padding-left: 0.5rem; } .ant-tree-checkbox-group { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-block; } .ant-tree-checkbox-group-item { margin-right: 0.5rem; } .ant-tree-checkbox-group-item:last-child { margin-right: 0px; } .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item { margin-left: 0px; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner { background-color: rgb(255, 255, 255); border-color: rgb(0, 0, 0); } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after { top: 50%; left: 50%; width: 0.5rem; height: 0.5rem; background-color: rgb(253, 172, 14); border: 0px; transform: translate(-50%, -50%) scale(1); opacity: 1; content: " "; } .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-tree-checkbox-rtl { direction: rtl; } .ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item { margin-right: 0px; margin-left: 0.5rem; } .ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item:last-child { margin-left: 0px !important; } .ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item { margin-left: 0.5rem; } .ant-tree { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; background: rgb(255, 255, 255); border-radius: 0.1875rem; transition: background-color 0.3s; } .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) { background: rgb(255, 251, 230); } .ant-tree-list-holder-inner { align-items: flex-start; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner { align-items: stretch; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper { flex: 1 1 auto; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging { position: relative; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after { position: absolute; inset: 0px 0px 0.25rem; border: 0.0625rem solid rgb(253, 172, 14); opacity: 0; animation: 0.3s ease 0s 1 normal forwards running ant-tree-node-fx-do-not-use; content: ""; pointer-events: none; } .ant-tree .ant-tree-treenode { display: flex; align-items: flex-start; padding: 0px 0px 0.25rem; outline: none; } .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper { background: rgb(245, 245, 245); } .ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title { color: inherit; font-weight: 500; } .ant-tree-indent { align-self: stretch; white-space: nowrap; user-select: none; } .ant-tree-indent-unit { display: inline-block; width: 1.5rem; } .ant-tree-draggable-icon { width: 1.5rem; line-height: 1.5rem; text-align: center; opacity: 0.2; transition: opacity 0.3s; } .ant-tree-treenode:hover .ant-tree-draggable-icon { opacity: 0.45; } .ant-tree-switcher { position: relative; flex: 0 0 auto; align-self: stretch; width: 1.5rem; margin: 0px; line-height: 1.5rem; text-align: center; cursor: pointer; user-select: none; } .ant-tree-switcher .ant-tree-switcher-icon, .ant-tree-switcher .ant-select-tree-switcher-icon { display: inline-block; font-size: 0.625rem; vertical-align: baseline; } .ant-tree-switcher .ant-tree-switcher-icon svg, .ant-tree-switcher .ant-select-tree-switcher-icon svg { transition: transform 0.3s; } .ant-tree-switcher-noop { cursor: default; } .ant-tree-switcher_close .ant-tree-switcher-icon svg { transform: rotate(-90deg); } .ant-tree-switcher-loading-icon { color: rgb(253, 172, 14); } .ant-tree-switcher-leaf-line { position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; } .ant-tree-switcher-leaf-line::before { position: absolute; top: 0px; right: 0.75rem; bottom: -0.25rem; margin-left: -0.0625rem; border-right: 0.0625rem solid rgb(217, 217, 217); content: " "; } .ant-tree-switcher-leaf-line::after { position: absolute; width: 0.625rem; height: 0.875rem; border-bottom: 0.0625rem solid rgb(217, 217, 217); content: " "; } .ant-tree-checkbox { top: initial; margin: 0.25rem 0.5rem 0px 0px; } .ant-tree .ant-tree-node-content-wrapper { position: relative; z-index: auto; min-height: 1.5rem; margin: 0px; padding: 0px 0.25rem; color: inherit; line-height: 1.5rem; background: transparent; border-radius: 0.1875rem; cursor: pointer; transition: 0.3s, border, line-height, box-shadow; } .ant-tree .ant-tree-node-content-wrapper:hover { background-color: rgb(245, 245, 245); } .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected { background-color: rgb(255, 240, 179); } .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle { display: inline-block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; vertical-align: top; } .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty { display: none; } .ant-tree-unselectable .ant-tree-node-content-wrapper:hover { background-color: transparent; } .ant-tree-node-content-wrapper { line-height: 1.5rem; user-select: none; } .ant-tree-node-content-wrapper .ant-tree-drop-indicator { position: absolute; z-index: 1; height: 0.125rem; background-color: rgb(253, 172, 14); border-radius: 0.0625rem; pointer-events: none; } .ant-tree-node-content-wrapper .ant-tree-drop-indicator::after { position: absolute; top: -0.1875rem; left: -0.375rem; width: 0.5rem; height: 0.5rem; background-color: transparent; border: 0.125rem solid rgb(253, 172, 14); border-radius: 50%; content: ""; } .ant-tree .ant-tree-treenode.drop-container > [draggable] { box-shadow: rgb(253, 172, 14) 0px 0px 0px 0.125rem; } .ant-tree-show-line .ant-tree-indent-unit { position: relative; height: 100%; } .ant-tree-show-line .ant-tree-indent-unit::before { position: absolute; top: 0px; right: 0.75rem; bottom: -0.25rem; border-right: 0.0625rem solid rgb(0, 0, 0); content: ""; } .ant-tree-show-line .ant-tree-indent-unit-end::before { display: none; } .ant-tree-show-line .ant-tree-switcher { background: rgb(255, 255, 255); } .ant-tree-show-line .ant-tree-switcher-line-icon { vertical-align: -0.15em; } .ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before { top: auto !important; bottom: auto !important; height: 0.875rem !important; } .ant-tree-rtl { direction: rtl; } .ant-tree-rtl .ant-tree-node-content-wrapper[draggable="true"] .ant-tree-drop-indicator::after { right: -0.375rem; left: unset; } .ant-tree .ant-tree-treenode-rtl { direction: rtl; } .ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg { transform: rotate(90deg); } .ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before { right: auto; left: -0.8125rem; border-right: none; border-left: 0.0625rem solid rgb(0, 0, 0); } .ant-tree-rtl.ant-tree-checkbox, .ant-tree-select-dropdown-rtl .ant-select-tree-checkbox { margin: 0.25rem 0px 0px 0.5rem; } .ant-select-tree-checkbox { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner { border-color: rgb(253, 172, 14); } .ant-select-tree-checkbox-checked::after { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0.0625rem solid rgb(253, 172, 14); border-radius: 0.1875rem; visibility: hidden; animation: 0.36s ease-in-out 0s 1 normal backwards running antCheckboxEffect; content: ""; } .ant-select-tree-checkbox:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after { visibility: visible; } .ant-select-tree-checkbox-inner { position: relative; top: 0px; left: 0px; display: block; width: 1rem; height: 1rem; direction: ltr; background-color: rgb(255, 255, 255); border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; border-collapse: separate; transition: 0.3s; } .ant-select-tree-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 0.35714rem; height: 0.57143rem; border-width: 0px 0.125rem 0.125rem 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-image: initial; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: " "; } .ant-select-tree-checkbox-input { position: absolute; inset: 0px; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { position: absolute; display: table; border-width: 0px 0.125rem 0.125rem 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-image: initial; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: " "; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner { background-color: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .ant-select-tree-checkbox-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner { background-color: rgb(245, 245, 245); border-color: rgb(0, 0, 0) !important; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { border-color: rgb(245, 245, 245); border-collapse: separate; animation-name: none; } .ant-select-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-tree-checkbox-disabled:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after { visibility: hidden; } .ant-select-tree-checkbox-wrapper { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-select-tree-checkbox-wrapper::after { display: inline-block; width: 0px; overflow: hidden; content: " "; } .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper { margin-left: 0.5rem; } .ant-select-tree-checkbox + span { padding-right: 0.5rem; padding-left: 0.5rem; } .ant-select-tree-checkbox-group { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-block; } .ant-select-tree-checkbox-group-item { margin-right: 0.5rem; } .ant-select-tree-checkbox-group-item:last-child { margin-right: 0px; } .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item { margin-left: 0px; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner { background-color: rgb(255, 255, 255); border-color: rgb(0, 0, 0); } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after { top: 50%; left: 50%; width: 0.5rem; height: 0.5rem; background-color: rgb(253, 172, 14); border: 0px; transform: translate(-50%, -50%) scale(1); opacity: 1; content: " "; } .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-select-tree-checkbox-rtl { direction: rtl; } .ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item { margin-right: 0px; margin-left: 0.5rem; } .ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item:last-child { margin-left: 0px !important; } .ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item { margin-left: 0.5rem; } .ant-tree-select-dropdown { padding: 0.5rem 0.25rem; } .ant-tree-select-dropdown-rtl { direction: rtl; } .ant-tree-select-dropdown .ant-select-tree { border-radius: 0px; } .ant-tree-select-dropdown .ant-select-tree-list-holder-inner { align-items: stretch; } .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper { flex: 1 1 auto; } .ant-select-tree { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; background: rgb(255, 255, 255); border-radius: 0.1875rem; transition: background-color 0.3s; } .ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) { background: rgb(255, 251, 230); } .ant-select-tree-list-holder-inner { align-items: flex-start; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner { align-items: stretch; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper { flex: 1 1 auto; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging { position: relative; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after { position: absolute; inset: 0px 0px 0.25rem; border: 0.0625rem solid rgb(253, 172, 14); opacity: 0; animation: 0.3s ease 0s 1 normal forwards running ant-tree-node-fx-do-not-use; content: ""; pointer-events: none; } .ant-select-tree .ant-select-tree-treenode { display: flex; align-items: flex-start; padding: 0px 0px 0.25rem; outline: none; } .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover { background: transparent; } .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper { background: rgb(245, 245, 245); } .ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title { color: inherit; font-weight: 500; } .ant-select-tree-indent { align-self: stretch; white-space: nowrap; user-select: none; } .ant-select-tree-indent-unit { display: inline-block; width: 1.5rem; } .ant-select-tree-draggable-icon { width: 1.5rem; line-height: 1.5rem; text-align: center; opacity: 0.2; transition: opacity 0.3s; } .ant-select-tree-treenode:hover .ant-select-tree-draggable-icon { opacity: 0.45; } .ant-select-tree-switcher { position: relative; flex: 0 0 auto; align-self: stretch; width: 1.5rem; margin: 0px; line-height: 1.5rem; text-align: center; cursor: pointer; user-select: none; } .ant-select-tree-switcher .ant-tree-switcher-icon, .ant-select-tree-switcher .ant-select-tree-switcher-icon { display: inline-block; font-size: 0.625rem; vertical-align: baseline; } .ant-select-tree-switcher .ant-tree-switcher-icon svg, .ant-select-tree-switcher .ant-select-tree-switcher-icon svg { transition: transform 0.3s; } .ant-select-tree-switcher-noop { cursor: default; } .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { transform: rotate(-90deg); } .ant-select-tree-switcher-loading-icon { color: rgb(253, 172, 14); } .ant-select-tree-switcher-leaf-line { position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; } .ant-select-tree-switcher-leaf-line::before { position: absolute; top: 0px; right: 0.75rem; bottom: -0.25rem; margin-left: -0.0625rem; border-right: 0.0625rem solid rgb(217, 217, 217); content: " "; } .ant-select-tree-switcher-leaf-line::after { position: absolute; width: 0.625rem; height: 0.875rem; border-bottom: 0.0625rem solid rgb(217, 217, 217); content: " "; } .ant-select-tree-checkbox { top: initial; margin: 0.25rem 0.5rem 0px 0px; } .ant-select-tree .ant-select-tree-node-content-wrapper { position: relative; z-index: auto; min-height: 1.5rem; margin: 0px; padding: 0px 0.25rem; color: inherit; line-height: 1.5rem; background: transparent; border-radius: 0.1875rem; cursor: pointer; transition: 0.3s, border, line-height, box-shadow; } .ant-select-tree .ant-select-tree-node-content-wrapper:hover { background-color: rgb(245, 245, 245); } .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected { background-color: rgb(255, 240, 179); } .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle { display: inline-block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; vertical-align: top; } .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty { display: none; } .ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover { background-color: transparent; } .ant-select-tree-node-content-wrapper { line-height: 1.5rem; user-select: none; } .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator { position: absolute; z-index: 1; height: 0.125rem; background-color: rgb(253, 172, 14); border-radius: 0.0625rem; pointer-events: none; } .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after { position: absolute; top: -0.1875rem; left: -0.375rem; width: 0.5rem; height: 0.5rem; background-color: transparent; border: 0.125rem solid rgb(253, 172, 14); border-radius: 50%; content: ""; } .ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] { box-shadow: rgb(253, 172, 14) 0px 0px 0px 0.125rem; } .ant-select-tree-show-line .ant-select-tree-indent-unit { position: relative; height: 100%; } .ant-select-tree-show-line .ant-select-tree-indent-unit::before { position: absolute; top: 0px; right: 0.75rem; bottom: -0.25rem; border-right: 0.0625rem solid rgb(0, 0, 0); content: ""; } .ant-select-tree-show-line .ant-select-tree-indent-unit-end::before { display: none; } .ant-select-tree-show-line .ant-select-tree-switcher { background: rgb(255, 255, 255); } .ant-select-tree-show-line .ant-select-tree-switcher-line-icon { vertical-align: -0.15em; } .ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before { top: auto !important; bottom: auto !important; height: 0.875rem !important; } .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { transform: rotate(90deg); } .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon { transform: scaleY(-1); } .ant-typography { color: rgb(0, 0, 0); overflow-wrap: break-word; } .ant-typography.ant-typography-secondary { color: rgba(0, 0, 0, 0.45); } .ant-typography.ant-typography-success { color: rgb(255, 95, 68); } .ant-typography.ant-typography-warning { color: rgb(253, 172, 14); } .ant-typography.ant-typography-danger { color: rgb(230, 77, 67); } a.ant-typography.ant-typography-danger:active, a.ant-typography.ant-typography-danger:focus, a.ant-typography.ant-typography-danger:hover { color: rgb(242, 122, 109); } .ant-typography.ant-typography-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; user-select: none; } div.ant-typography, .ant-typography p { margin-bottom: 1em; } h1.ant-typography, .ant-typography h1 { margin-bottom: 0.5em; color: rgb(0, 0, 0); font-weight: 600; font-size: 2.75rem; line-height: 1.23; } h2.ant-typography, .ant-typography h2 { margin-bottom: 0.5em; color: rgb(0, 0, 0); font-weight: 600; font-size: 2.1875rem; line-height: 1.35; } h3.ant-typography, .ant-typography h3 { margin-bottom: 0.5em; color: rgb(0, 0, 0); font-weight: 600; font-size: 1.75rem; line-height: 1.35; } h4.ant-typography, .ant-typography h4 { margin-bottom: 0.5em; color: rgb(0, 0, 0); font-weight: 600; font-size: 1.4375rem; line-height: 1.4; } h5.ant-typography, .ant-typography h5 { margin-bottom: 0.5em; color: rgb(0, 0, 0); font-weight: 600; font-size: 1.1875rem; line-height: 1.5; } .ant-typography + h1.ant-typography, .ant-typography + h2.ant-typography, .ant-typography + h3.ant-typography, .ant-typography + h4.ant-typography, .ant-typography + h5.ant-typography { margin-top: 1.2em; } .ant-typography div + h1, .ant-typography ul + h1, .ant-typography li + h1, .ant-typography p + h1, .ant-typography h1 + h1, .ant-typography h2 + h1, .ant-typography h3 + h1, .ant-typography h4 + h1, .ant-typography h5 + h1, .ant-typography div + h2, .ant-typography ul + h2, .ant-typography li + h2, .ant-typography p + h2, .ant-typography h1 + h2, .ant-typography h2 + h2, .ant-typography h3 + h2, .ant-typography h4 + h2, .ant-typography h5 + h2, .ant-typography div + h3, .ant-typography ul + h3, .ant-typography li + h3, .ant-typography p + h3, .ant-typography h1 + h3, .ant-typography h2 + h3, .ant-typography h3 + h3, .ant-typography h4 + h3, .ant-typography h5 + h3, .ant-typography div + h4, .ant-typography ul + h4, .ant-typography li + h4, .ant-typography p + h4, .ant-typography h1 + h4, .ant-typography h2 + h4, .ant-typography h3 + h4, .ant-typography h4 + h4, .ant-typography h5 + h4, .ant-typography div + h5, .ant-typography ul + h5, .ant-typography li + h5, .ant-typography p + h5, .ant-typography h1 + h5, .ant-typography h2 + h5, .ant-typography h3 + h5, .ant-typography h4 + h5, .ant-typography h5 + h5 { margin-top: 1.2em; } a.ant-typography-ellipsis, span.ant-typography-ellipsis { display: inline-block; max-width: 100%; } a.ant-typography, .ant-typography a { color: rgb(0, 0, 0); outline: none; cursor: pointer; transition: color 0.3s; text-decoration: none; } a.ant-typography:focus, .ant-typography a:focus, a.ant-typography:hover, .ant-typography a:hover { color: rgb(13, 12, 12); } a.ant-typography:active, .ant-typography a:active { color: rgb(0, 0, 0); } a.ant-typography:active, .ant-typography a:active, a.ant-typography:hover, .ant-typography a:hover { text-decoration: none; } a.ant-typography[disabled], .ant-typography a[disabled], a.ant-typography.ant-typography-disabled, .ant-typography a.ant-typography-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } a.ant-typography[disabled]:active, .ant-typography a[disabled]:active, a.ant-typography.ant-typography-disabled:active, .ant-typography a.ant-typography-disabled:active, a.ant-typography[disabled]:hover, .ant-typography a[disabled]:hover, a.ant-typography.ant-typography-disabled:hover, .ant-typography a.ant-typography-disabled:hover { color: rgba(0, 0, 0, 0.25); } a.ant-typography[disabled]:active, .ant-typography a[disabled]:active, a.ant-typography.ant-typography-disabled:active, .ant-typography a.ant-typography-disabled:active { pointer-events: none; } .ant-typography code { margin: 0px 0.2em; padding: 0.2em 0.4em 0.1em; font-size: 85%; background: rgba(150, 150, 150, 0.1); border: 0.0625rem solid rgba(100, 100, 100, 0.2); border-radius: 0.1875rem; } .ant-typography kbd { margin: 0px 0.2em; padding: 0.15em 0.4em 0.1em; font-size: 90%; background: rgba(150, 150, 150, 0.06); border-width: 0.0625rem 0.0625rem 0.125rem; border-style: solid; border-color: rgba(100, 100, 100, 0.2); border-image: initial; border-radius: 0.1875rem; } .ant-typography mark { padding: 0px; background-color: rgb(255, 229, 143); } .ant-typography u, .ant-typography ins { text-decoration: underline; text-decoration-skip-ink: auto; } .ant-typography s, .ant-typography del { text-decoration: line-through; } .ant-typography strong { font-weight: 600; } .ant-typography-expand, .ant-typography-edit, .ant-typography-copy { color: rgb(0, 0, 0); text-decoration: none; outline: none; cursor: pointer; transition: color 0.3s; margin-left: 0.25rem; } .ant-typography-expand:focus, .ant-typography-edit:focus, .ant-typography-copy:focus, .ant-typography-expand:hover, .ant-typography-edit:hover, .ant-typography-copy:hover { color: rgb(13, 12, 12); } .ant-typography-expand:active, .ant-typography-edit:active, .ant-typography-copy:active { color: rgb(0, 0, 0); } .ant-typography-copy-success, .ant-typography-copy-success:hover, .ant-typography-copy-success:focus { color: rgb(255, 95, 68); } .ant-typography-edit-content { position: relative; } div.ant-typography-edit-content { left: -0.75rem; margin-top: -0.25rem; margin-bottom: calc(1em - 0.25rem); } .ant-typography-edit-content-confirm { position: absolute; right: 0.625rem; bottom: 0.5rem; color: rgba(0, 0, 0, 0.45); pointer-events: none; } .ant-typography-edit-content textarea { } .ant-typography ul, .ant-typography ol { margin: 0px 0px 1em; padding: 0px; } .ant-typography ul li, .ant-typography ol li { margin: 0px 0px 0px 1.25rem; padding: 0px 0px 0px 0.25rem; } .ant-typography ul { list-style-type: circle; } .ant-typography ul ul { list-style-type: disc; } .ant-typography ol { list-style-type: decimal; } .ant-typography pre, .ant-typography blockquote { margin: 1em 0px; } .ant-typography pre { padding: 0.4em 0.6em; white-space: pre-wrap; overflow-wrap: break-word; background: rgba(150, 150, 150, 0.1); border: 0.0625rem solid rgba(100, 100, 100, 0.2); border-radius: 0.1875rem; } .ant-typography pre code { display: inline; margin: 0px; padding: 0px; font-size: inherit; font-family: inherit; background: transparent; border: 0px; } .ant-typography blockquote { padding: 0px 0px 0px 0.6em; border-left: 0.25rem solid rgba(100, 100, 100, 0.2); opacity: 0.85; } .ant-typography-single-line { white-space: nowrap; } .ant-typography-ellipsis-single-line { overflow: hidden; text-overflow: ellipsis; } a.ant-typography-ellipsis-single-line, span.ant-typography-ellipsis-single-line { vertical-align: bottom; } .ant-typography-ellipsis-multiple-line { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ant-typography-rtl { direction: rtl; } .ant-typography-rtl .ant-typography-expand, .ant-typography-rtl .ant-typography-edit, .ant-typography-rtl .ant-typography-copy { margin-right: 0.25rem; margin-left: 0px; } .ant-typography-rtl .ant-typography-expand { float: left; } div.ant-typography-edit-content.ant-typography-rtl { right: -0.75rem; left: auto; } .ant-typography-rtl .ant-typography-edit-content-confirm { right: auto; left: 0.625rem; } .ant-typography-rtl.ant-typography ul li, .ant-typography-rtl.ant-typography ol li { margin: 0px 1.25rem 0px 0px; padding: 0px 0.25rem 0px 0px; } .ant-upload { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; outline: 0px; } .ant-upload p { margin: 0px; } .ant-upload-btn { display: block; width: 100%; outline: none; } .ant-upload input[type="file"] { cursor: pointer; } .ant-upload.ant-upload-select { display: inline-block; } .ant-upload.ant-upload-disabled { cursor: not-allowed; } .ant-upload.ant-upload-select-picture-card { width: 6.5rem; height: 6.5rem; margin-right: 0.5rem; margin-bottom: 0.5rem; text-align: center; vertical-align: top; background-color: rgb(250, 250, 250); border: 0.0625rem dashed rgb(0, 0, 0); border-radius: 0.1875rem; cursor: pointer; transition: border-color 0.3s; } .ant-upload.ant-upload-select-picture-card > .ant-upload { display: flex; align-items: center; justify-content: center; height: 100%; text-align: center; } .ant-upload.ant-upload-select-picture-card:hover { border-color: rgb(253, 172, 14); } .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover { border-color: rgb(0, 0, 0); } .ant-upload.ant-upload-drag { position: relative; width: 100%; height: 100%; text-align: center; background: rgb(250, 250, 250); border: 0.0625rem dashed rgb(0, 0, 0); border-radius: 0.1875rem; cursor: pointer; transition: border-color 0.3s; } .ant-upload.ant-upload-drag .ant-upload { padding: 1rem 0px; } .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) { border-color: rgb(214, 136, 2); } .ant-upload.ant-upload-drag.ant-upload-disabled { cursor: not-allowed; } .ant-upload.ant-upload-drag .ant-upload-btn { display: table; height: 100%; } .ant-upload.ant-upload-drag .ant-upload-drag-container { display: table-cell; vertical-align: middle; } .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover { border-color: rgb(255, 195, 56); } .ant-upload.ant-upload-drag p.ant-upload-drag-icon { margin-bottom: 1.25rem; } .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon { color: rgb(255, 195, 56); font-size: 3rem; } .ant-upload.ant-upload-drag p.ant-upload-text { margin: 0px 0px 0.25rem; color: rgb(0, 0, 0); font-size: 1.125rem; } .ant-upload.ant-upload-drag p.ant-upload-hint { color: rgba(0, 0, 0, 0.45); font-size: 1rem; } .ant-upload.ant-upload-drag .anticon-plus { color: rgba(0, 0, 0, 0.25); font-size: 1.875rem; transition: 0.3s; } .ant-upload.ant-upload-drag .anticon-plus:hover, .ant-upload.ant-upload-drag:hover .anticon-plus { color: rgba(0, 0, 0, 0.45); } .ant-upload-picture-card-wrapper { display: inline-block; width: 100%; } .ant-upload-picture-card-wrapper::before { display: table; content: ""; } .ant-upload-picture-card-wrapper::after { display: table; clear: both; content: ""; } .ant-upload-list { box-sizing: border-box; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size: 1rem; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; line-height: 1.5715; } .ant-upload-list::before { display: table; content: ""; } .ant-upload-list::after { display: table; clear: both; content: ""; } .ant-upload-list-item { position: relative; height: 1.5715rem; margin-top: 0.5rem; font-size: 1rem; } .ant-upload-list-item-name { display: inline-block; width: 100%; padding-left: 1.5rem; overflow: hidden; line-height: 1.5715; white-space: nowrap; text-overflow: ellipsis; } .ant-upload-list-item-card-actions { position: absolute; right: 0px; } .ant-upload-list-item-card-actions-btn { opacity: 0; } .ant-upload-list-item-card-actions-btn.ant-btn-sm { height: 1.25rem; line-height: 1; } .ant-upload-list-item-card-actions.picture { top: 1.375rem; line-height: 0; } .ant-upload-list-item-card-actions-btn:focus, .ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-card-actions .anticon { color: rgba(0, 0, 0, 0.45); } .ant-upload-list-item-info { height: 100%; padding: 0px 0.25rem; transition: background-color 0.3s; } .ant-upload-list-item-info > span { display: block; width: 100%; height: 100%; } .ant-upload-list-item-info .anticon-loading .anticon, .ant-upload-list-item-info .ant-upload-text-icon .anticon { position: absolute; top: 0.375rem; color: rgba(0, 0, 0, 0.45); font-size: 1rem; } .ant-upload-list-item .anticon-close { position: absolute; top: 0.375rem; right: 0.25rem; color: rgba(0, 0, 0, 0.45); font-size: 0.625rem; line-height: 0; cursor: pointer; opacity: 0; transition: 0.3s; } .ant-upload-list-item .anticon-close:hover { color: rgb(0, 0, 0); } .ant-upload-list-item:hover .ant-upload-list-item-info { background-color: rgb(245, 245, 245); } .ant-upload-list-item:hover .anticon-close, .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-error, .ant-upload-list-item-error .ant-upload-text-icon > .anticon, .ant-upload-list-item-error .ant-upload-list-item-name { color: rgb(230, 77, 67); } .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { color: rgb(230, 77, 67); } .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-progress { position: absolute; bottom: -0.75rem; width: 100%; padding-left: 1.75rem; font-size: 1rem; line-height: 0; } .ant-upload-list-picture .ant-upload-list-item, .ant-upload-list-picture-card .ant-upload-list-item { position: relative; height: 4.125rem; padding: 0.5rem; border: 0.0625rem solid rgb(0, 0, 0); border-radius: 0.1875rem; } .ant-upload-list-picture .ant-upload-list-item:hover, .ant-upload-list-picture-card .ant-upload-list-item:hover { background: transparent; } .ant-upload-list-picture .ant-upload-list-item-error, .ant-upload-list-picture-card .ant-upload-list-item-error { border-color: rgb(230, 77, 67); } .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info { background: transparent; } .ant-upload-list-picture .ant-upload-list-item-uploading, .ant-upload-list-picture-card .ant-upload-list-item-uploading { border-style: dashed; } .ant-upload-list-picture .ant-upload-list-item-thumbnail, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail { width: 3rem; height: 3rem; line-height: 3.75rem; text-align: center; opacity: 0.8; } .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon { font-size: 1.625rem; } .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill="#e6f7ff"], .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill="#e6f7ff"] { fill: rgb(255, 243, 240); } .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill="#1890ff"], .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill="#1890ff"] { fill: rgb(230, 77, 67); } .ant-upload-list-picture .ant-upload-list-item-icon, .ant-upload-list-picture-card .ant-upload-list-item-icon { position: absolute; top: 50%; left: 50%; font-size: 1.625rem; transform: translate(-50%, -50%); } .ant-upload-list-picture .ant-upload-list-item-icon .anticon, .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon { font-size: 1.625rem; } .ant-upload-list-picture .ant-upload-list-item-image, .ant-upload-list-picture-card .ant-upload-list-item-image { max-width: 100%; } .ant-upload-list-picture .ant-upload-list-item-thumbnail img, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { display: block; width: 3rem; height: 3rem; overflow: hidden; } .ant-upload-list-picture .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-name { display: inline-block; box-sizing: border-box; max-width: 100%; margin: 0px 0px 0px 0.5rem; padding-right: 0.5rem; padding-left: 3rem; overflow: hidden; line-height: 2.75rem; white-space: nowrap; text-overflow: ellipsis; transition: 0.3s; } .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name { margin-bottom: 0.75rem; } .ant-upload-list-picture .ant-upload-list-item-progress, .ant-upload-list-picture-card .ant-upload-list-item-progress { bottom: 0.875rem; width: calc(100% - 1.5rem); margin-top: 0px; padding-left: 3.5rem; } .ant-upload-list-picture .anticon-close, .ant-upload-list-picture-card .anticon-close { position: absolute; top: 0.5rem; right: 0.5rem; line-height: 1; opacity: 1; } .ant-upload-list-picture-card-container { display: inline-block; width: 6.5rem; height: 6.5rem; margin: 0px 0.5rem 0.5rem 0px; vertical-align: top; } .ant-upload-list-picture-card.ant-upload-list::after { display: none; } .ant-upload-list-picture-card .ant-upload-list-item { height: 100%; margin: 0px; } .ant-upload-list-picture-card .ant-upload-list-item-info { position: relative; height: 100%; overflow: hidden; } .ant-upload-list-picture-card .ant-upload-list-item-info::before { position: absolute; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: 0.3s; content: " "; } .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before { opacity: 1; } .ant-upload-list-picture-card .ant-upload-list-item-actions { position: absolute; top: 50%; left: 50%; z-index: 10; white-space: nowrap; transform: translate(-50%, -50%); opacity: 0; transition: 0.3s; } .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete { z-index: 10; width: 1rem; margin: 0px 0.25rem; color: rgba(255, 255, 255, 0.85); font-size: 1rem; cursor: pointer; transition: 0.3s; } .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover { color: rgb(255, 255, 255); } .ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions, .ant-upload-list-picture-card .ant-upload-list-item-actions:hover { opacity: 1; } .ant-upload-list-picture-card .ant-upload-list-item-thumbnail, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { position: static; display: block; width: 100%; height: 100%; object-fit: contain; } .ant-upload-list-picture-card .ant-upload-list-item-name { display: none; margin: 0.5rem 0px 0px; padding: 0px; line-height: 1.5715; text-align: center; } .ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name { position: absolute; bottom: 0.625rem; display: block; } .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item { background-color: rgb(250, 250, 250); } .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info { height: auto; } .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete { display: none; } .ant-upload-list-picture-card .ant-upload-list-item-progress { bottom: 2rem; width: calc(100% - 0.875rem); padding-left: 0px; } .ant-upload-list-text-container, .ant-upload-list-picture-container { transition: opacity 0.3s, height 0.3s; } .ant-upload-list-text-container::before, .ant-upload-list-picture-container::before { display: table; width: 0px; height: 0px; content: ""; } .ant-upload-list-text-container .ant-upload-span, .ant-upload-list-picture-container .ant-upload-span { display: block; flex: 1 1 auto; } .ant-upload-list-text .ant-upload-span, .ant-upload-list-picture .ant-upload-span { display: flex; align-items: center; } .ant-upload-list-text .ant-upload-span > *, .ant-upload-list-picture .ant-upload-span > * { flex: 0 0 auto; } .ant-upload-list-text .ant-upload-list-item-name, .ant-upload-list-picture .ant-upload-list-item-name { flex: 1 1 auto; margin: 0px; padding: 0px 0.5rem; } .ant-upload-list-text .ant-upload-list-item-card-actions, .ant-upload-list-picture .ant-upload-list-item-card-actions, .ant-upload-list-text .ant-upload-text-icon .anticon { position: static; } .ant-upload-list .ant-upload-animate-inline-appear, .ant-upload-list .ant-upload-animate-inline-enter, .ant-upload-list .ant-upload-animate-inline-leave { animation-duration: 0.3s; } .ant-upload-list .ant-upload-animate-inline-appear, .ant-upload-list .ant-upload-animate-inline-enter { animation-name: uploadAnimateInlineIn; } .ant-upload-list .ant-upload-animate-inline-leave { animation-name: uploadAnimateInlineOut; } @keyframes uploadAnimateInlineIn { 0% { width: 0px; height: 0px; margin: 0px; padding: 0px; opacity: 0; } } @keyframes uploadAnimateInlineOut { 100% { width: 0px; height: 0px; margin: 0px; padding: 0px; opacity: 0; } } .ant-upload-rtl { direction: rtl; } .ant-upload-rtl.ant-upload.ant-upload-select-picture-card { margin-right: auto; margin-left: 0.5rem; } .ant-upload-list-rtl { direction: rtl; } .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 { padding-right: 1.375rem; padding-left: 0.875rem; } .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 { padding-right: 1.375rem; padding-left: 1.75rem; } .ant-upload-list-rtl .ant-upload-list-item-name { padding-right: 1.5rem; padding-left: 0px; } .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 { padding-left: 0.875rem; } .ant-upload-list-rtl .ant-upload-list-item-card-actions { right: auto; left: 0px; } .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon { padding-right: 0px; padding-left: 0.3125rem; } .ant-upload-list-rtl .ant-upload-list-item-info { padding: 0px 0.25rem 0px 0.75rem; } .ant-upload-list-rtl .ant-upload-list-item .anticon-close { right: auto; left: 0.25rem; } .ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { padding-right: 0px; padding-left: 0.3125rem; } .ant-upload-list-rtl .ant-upload-list-item-progress { padding-right: 1.75rem; padding-left: 0px; } .ant-upload-list-picture .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item-info { padding: 0px; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail { right: 0.5rem; left: auto; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon { right: 50%; left: auto; transform: translate(50%, -50%); } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name { margin: 0px 0.5rem 0px 0px; padding-right: 3rem; padding-left: 0.5rem; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 { padding-right: 3rem; padding-left: 1.125rem; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 { padding-right: 3rem; padding-left: 2.25rem; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress { padding-right: 0px; padding-left: 0px; } .ant-upload-list-rtl.ant-upload-list-picture .anticon-close, .ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close { right: auto; left: 0.5rem; } .ant-upload-list-rtl .ant-upload-list-picture-card-container { margin: 0px 0px 0.5rem 0.5rem; } .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions { right: 50%; left: auto; transform: translate(50%, -50%); } .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name { margin: 0.5rem 0px 0px; padding: 0px; } [data-v-1a86680c]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-1a86680c] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-1a86680c] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-1a86680c] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-1a86680c] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-1a86680c] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-1a86680c] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-1a86680c] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-1a86680c] { padding: 0px 20px; } } .ant-form-item[data-v-1a86680c], .ant-radio-wrapper[data-v-1a86680c], .ant-radio-group[data-v-1a86680c] { font-variant: normal !important; } .ant-message[data-v-1a86680c] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-1a86680c] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-1a86680c] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-1a86680c] { display: none; } .loading-box[data-v-1a86680c] { margin: 6.125rem auto; text-align: center; } [data-v-c2d64f28]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-c2d64f28] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-c2d64f28] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-c2d64f28] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-c2d64f28] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-c2d64f28] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-c2d64f28] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-c2d64f28] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-c2d64f28] { padding: 0px 20px; } } .ant-form-item[data-v-c2d64f28], .ant-radio-wrapper[data-v-c2d64f28], .ant-radio-group[data-v-c2d64f28] { font-variant: normal !important; } .ant-message[data-v-c2d64f28] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-c2d64f28] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-c2d64f28] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-c2d64f28] { display: none; } [data-v-c2d64f28] .ant-spin-nested-loading > div > .ant-spin { background: rgb(255, 255, 255); } .navbar[data-v-c2d64f28] { width: 100%; position: relative; margin-top: 0.3125rem; } .navbar[data-v-c2d64f28]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .nav[data-v-c2d64f28] { position: relative; } .nav_list[data-v-c2d64f28] { width: 100%; margin: 0px auto; padding: 0px; display: flex; list-style: none; text-align: center; font-size: 0px; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: nowrap; } .nav_list .saveoffimg[data-v-c2d64f28] { margin-top: -0.1875rem; } .nav_list > li[data-v-c2d64f28] { float: left; height: 3.125rem; transition: background-color 0.3s; display: block; } @media only screen and (max-width: 1360px) { .nav_list > li a[data-v-c2d64f28] { font-size: 0.9375rem !important; } } @media only screen and (max-width: 1260px) { .nav_list > li a[data-v-c2d64f28] { font-size: 0.875rem !important; } } @media only screen and (max-width: 1000px) { .nav_list > li a[data-v-c2d64f28] { font-size: 0.75rem !important; } } .nav_list.fr > li[data-v-c2d64f28] { padding: 0px 0.75rem; } .second_nav_cont .spr-nav-ul ul[data-v-c2d64f28] { width: 20% !important; } .nav_list > li:hover .second_nav[data-v-c2d64f28] { display: block; transition-delay: 0.3s; } .nav_list > li > a[data-v-c2d64f28] { position: relative; display: block; box-sizing: border-box; height: 3.125rem; border-bottom: 0px solid rgb(255, 200, 66); z-index: 10; text-decoration: none; line-height: 3.125rem; font-size: 1rem; white-space: nowrap; color: rgb(51, 51, 51); } .nav_list .nav_title[data-v-c2d64f28] { color: rgb(51, 51, 51); font-weight: 700; margin-bottom: 0.25rem; } .nav_list .nav_title a[data-v-c2d64f28] { color: rgb(51, 51, 51) !important; } .nav_list > li > a[data-v-c2d64f28]::before { position: absolute; inset: 0px; content: ""; border-bottom: 0.1875rem solid rgb(255, 200, 66); opacity: 0; transition: opacity 0.4s, transform 0.4s; transform: scaleX(0); } .nav_list > li:hover > a[data-v-c2d64f28] { color: rgb(0, 0, 0); } .nav_list > li:hover > a[data-v-c2d64f28]::before { opacity: 1; transform: scale(1); } .nav_list > li > a.alive[data-v-c2d64f28] { color: rgb(255, 200, 66); } .second_nav[data-v-c2d64f28] { position: absolute; width: 100%; left: 0px; display: none; z-index: 999; box-shadow: rgba(157, 157, 157, 0.4) 0px 0.125rem 0.5rem; transition: visibility; } @media only screen and (max-width: 1280px) { .second_nav_pic_bady22[data-v-c2d64f28] { display: none !important; } } .second_nav_cont[data-v-c2d64f28] { background: rgb(255, 255, 255); display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; padding: 1.25rem 1.25rem 0px; transition-delay: 0s; } .second_nav_cont .second_nav_list[data-v-c2d64f28] { width: 81%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .second_nav_cont .second_nav_list ul[data-v-c2d64f28] { width: 20%; margin-right: 1.25rem; margin-bottom: 1.25rem; } .second_nav_cont .second_nav_list ul li a[data-v-c2d64f28] { text-align: left; display: block; line-height: 1.5rem; padding: 0px 0.625rem; font-size: 0.875rem; color: rgb(102, 102, 102); white-space: nowrap; transition: color, background-color 0.3s; } @media only screen and (max-width: 1360px) { .second_nav_cont .second_nav_list ul li a[data-v-c2d64f28] { font-size: 0.75rem !important; } } @media only screen and (max-width: 1000px) { .second_nav_cont .second_nav_list ul li a[data-v-c2d64f28] { font-size: 0.75rem !important; } } @media only screen and (max-width: 800px) { .second_nav_cont .second_nav_list ul li a[data-v-c2d64f28] { font-size: 0.6875rem !important; } } .second_nav_cont .second_nav_list ul li a[data-v-c2d64f28]:hover { text-decoration: underline; } .second_nav_cont .second_nav_list .spr-ul[data-v-c2d64f28] { margin-top: -12.5rem; } .second_nav_cont .second_nav_pic[data-v-c2d64f28] { width: 15.625rem; margin-bottom: 1.25rem; } .second_nav_cont .second_nav_pic a:nth-of-type(2) img[data-v-c2d64f28] { margin-top: 1.25rem; } .second_nav_cont .second_nav_pic a[data-v-c2d64f28] { display: block; width: 100%; } .second_nav_cont .second_nav_pic a img[data-v-c2d64f28] { width: 100%; } .second_nav_cont .second_nav_pic a .img-dec[data-v-c2d64f28] { overflow: hidden; height: 1.25rem; margin-top: 0.1875rem; } .second_nav_cont .second_nav_pic a .img-dec .dec-t[data-v-c2d64f28] { float: left; font-weight: 700; font-size: 1rem; } .second_nav_cont .second_nav_pic a .img-dec span[data-v-c2d64f28] { float: right; } .second_nav_cont .second_nav_pic a .dec-r[data-v-c2d64f28] { text-align: left; font-size: 0.875rem; } .sales_events[data-v-c2d64f28] { color: rgb(255, 95, 68) !important; font-weight: 700; } .sales-events[data-v-c2d64f28] { width: 26.875rem; padding: 0.625rem; background: rgb(255, 255, 255); border-radius: 0.25rem; left: -10.1875rem; top: 3.125rem; } .sales-events a[data-v-c2d64f28] { display: inline-block; width: 49%; } .sales-events a[data-v-c2d64f28]:nth-of-type(1) { margin-right: 2%; } .sales-events a img[data-v-c2d64f28] { width: 100%; } [data-v-c2d64f28] .ant-spin { line-height: 15rem; } .nav_8[data-v-c2d64f28] { top: 3.125rem; left: -4.125rem; width: auto !important; } .nav_8 .nav-bar[data-v-c2d64f28] { width: 10rem; height: 16.875rem; position: relative; border-radius: 0.25rem; overflow: hidden; border: 0.1875rem solid rgb(255, 255, 255); background: rgb(255, 255, 255); } .nav_8 .click-window[data-v-c2d64f28] { width: 100%; height: 100%; } .live_streaming .live_table[data-v-c2d64f28] { display: inline-block; width: 1.8125rem; position: absolute; bottom: 0.625rem; left: 0px; } .turntable[data-v-c2d64f28] { padding: 0px; margin: 0px; position: relative; } .turntable > img[data-v-c2d64f28] { height: 3.125rem; width: 100%; cursor: pointer; } .turntable .second_nav[data-v-c2d64f28] { top: 3.125rem; left: -20.5rem; } .turntable .second_nav .turntable1[data-v-c2d64f28] { width: 28.125rem; } .turntable .second_nav .nav-bar[data-v-c2d64f28] { width: 28.125rem; height: 22.9375rem; position: relative; } .turntable .second_nav .nav-bar .apple[data-v-c2d64f28] { display: inline-block; width: 10.9375rem; height: 3.125rem; position: absolute; top: 3rem; left: 2.0625rem; } .turntable .second_nav .nav-bar .google[data-v-c2d64f28] { display: inline-block; width: 10.9375rem; height: 3.125rem; position: absolute; top: 3rem; left: 15.0625rem; } [data-v-398528fc]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-398528fc] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-398528fc] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-398528fc] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-398528fc] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-398528fc] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-398528fc] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-398528fc] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-398528fc] { padding: 0px 20px; } } .ant-form-item[data-v-398528fc], .ant-radio-wrapper[data-v-398528fc], .ant-radio-group[data-v-398528fc] { font-variant: normal !important; } .ant-message[data-v-398528fc] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-398528fc] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-398528fc] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-398528fc] { display: none; } .search-wrapper[data-v-398528fc] { display: block; width: 100%; font-size: 0px; } .search-wrapper .search-group[data-v-398528fc] { position: relative; } .search-wrapper .search-group .ant-input[data-v-398528fc] { height: 2.5rem; border-radius: 1.25rem; border: 0.0625rem solid rgb(204, 204, 204); padding-left: 1.25rem; padding-right: 3.375rem; font-size: 0.9375rem; } .search-wrapper .search-group .ant-btn[data-v-398528fc] { position: absolute; right: 0px; top: 0px; height: 2.5rem; width: 3.375rem; line-height: 2.5rem; border-radius: 0px 1.25rem 1.25rem 0px; background: transparent; } .search-wrapper .search-group .ant-btn svg[data-v-398528fc] { width: 1.0625rem; height: 1.125rem; } .search-wrapper .search-group .ant-btn svg path[data-v-398528fc] { fill: rgb(204, 204, 204); } .search-wrapper .search-group.focus .ant-input[data-v-398528fc] { border: 0.0625rem solid rgb(253, 172, 14); } .search-wrapper .search-group.focus .ant-btn[data-v-398528fc] { background: rgb(253, 172, 14); } .search-wrapper .search-group.focus .ant-btn svg path[data-v-398528fc] { fill: rgb(255, 255, 255); } .search-wrapper .search-pop[data-v-398528fc] { position: absolute; top: 3.625rem; left: 0px; width: 100%; display: block; z-index: 11; background: rgb(255, 255, 255); box-shadow: rgba(157, 157, 157, 0.25) 0px 0.125rem 0.5rem; } .search-wrapper .search-pop .pre[data-v-398528fc] { padding: 1.25rem 0px; } .search-wrapper .search-pop .pre .ant-col > p[data-v-398528fc] { display: block; line-height: 2rem; cursor: pointer; padding: 0px 1.25rem; color: rgb(51, 51, 51); font-size: 0.875rem; margin-bottom: 0px; } .search-wrapper .search-pop .pre .ant-col > p[data-v-398528fc]:hover { background: rgb(244, 244, 244); } .search-wrapper .search-pop .title[data-v-398528fc] { font-size: 1.125rem; margin-bottom: 1rem; font-weight: 600; } .search-wrapper .search-pop .popular[data-v-398528fc] { padding: 1.875rem; } .search-wrapper .search-pop .popular .recently-search[data-v-398528fc] { margin-bottom: 1.25rem; } .search-wrapper .search-pop .popular .text-key a[data-v-398528fc] { display: block; max-width: 12.5rem; color: rgb(102, 102, 102); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.875rem; } .search-wrapper .search-pop .popular .text-key a[data-v-398528fc]:hover { color: rgb(255, 95, 68); } .search-wrapper .search-pop .popular .img[data-v-398528fc] { cursor: pointer; width: 7.4375rem; height: 7.4375rem; overflow: hidden; border-radius: 0.25rem; font-size: 0px; } .search-wrapper .search-pop .popular .img img[data-v-398528fc] { cursor: pointer; width: 100%; height: 100%; } .search-wrapper .search-pop-box[data-v-398528fc] { position: absolute; top: 3.625rem; left: 0px; width: 100%; display: block; z-index: 11; background: rgb(255, 255, 255); box-shadow: rgba(157, 157, 157, 0.25) 0px 0.125rem 0.5rem; } .search-wrapper .search-pop-box .title[data-v-398528fc] { font-size: 1.125rem; margin-bottom: 0.8125rem; font-weight: 600; } .search-wrapper .search-pop-box .pre[data-v-398528fc] { padding: 1.25rem 0px; } .search-wrapper .search-pop-box .pre .ant-col > p[data-v-398528fc] { display: block; line-height: 2rem; cursor: pointer; padding: 0px 1.25rem; color: rgb(51, 51, 51); font-size: 0.875rem; margin-bottom: 0px; } .search-wrapper .search-pop-box .pre .ant-col > p[data-v-398528fc]:hover { background: rgb(244, 244, 244); } .search-wrapper .search-pop-box .search-pop-l[data-v-398528fc] { border: 0.0625rem solid rgb(244, 244, 244); padding: 1.875rem 0px 0.625rem 1.875rem; } .search-wrapper .search-pop-box .search-pop-l .popular-search[data-v-398528fc] { margin-bottom: 2.8125rem; } .search-wrapper .search-pop-box .search-pop-l ul li[data-v-398528fc] { margin-bottom: 0.5rem; } .search-wrapper .search-pop-box .search-pop-l ul li a[data-v-398528fc] { font-size: 0.875rem; font-weight: 400; height: 1.3125rem; line-height: 1.3125rem; text-align: left; color: rgb(102, 102, 102); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding-right: 0.625rem; } .search-wrapper .search-pop-box .search-pop-r[data-v-398528fc] { padding: 1.875rem 1.25rem 0px; max-height: 30.625rem; } .search-wrapper .search-pop-box .search-pop-r ul[data-v-398528fc] { display: flex; flex-wrap: wrap; place-content: flex-start space-between; } .search-wrapper .search-pop-box .search-pop-r ul li[data-v-398528fc] { list-style: none; width: 30%; margin-bottom: 1.25rem; border: none; transition: 0.2s; float: left; border-radius: 0.5rem; box-sizing: border-box; } .search-wrapper .search-pop-box .search-pop-r ul li[data-v-398528fc]:last-child:nth-child(3n-1) { margin-right: 35%; } .search-wrapper .search-pop-box .search-pop-r ul li[data-v-398528fc]:last-child:nth-child(3n-2) { margin-right: 70%; } .search-wrapper .search-pop-box .search-pop-r ul li a[data-v-398528fc] { position: relative; } .search-wrapper .search-pop-box .search-pop-r ul li a .img-box[data-v-398528fc] { padding: 0.625rem; } .search-wrapper .search-pop-box .search-pop-r ul li a .img-box img[data-v-398528fc] { width: 100%; } .search-wrapper .search-pop-box .search-pop-r ul li .shop-name[data-v-398528fc] { width: 100%; height: 2.25rem; line-height: 1.125rem; font-size: 0.75rem; margin: 0.25rem 0px; color: rgb(51, 51, 51); text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .search-wrapper .search-pop-box .search-pop-r ul li .shop-price[data-v-398528fc] { text-align: left; } .search-wrapper .search-pop-box .search-pop-r ul li .now-price[data-v-398528fc] { font-size: 0.875rem; color: rgb(230, 77, 67); } .search-wrapper .search-pop-box .search-pop-r ul li .now-price.black[data-v-398528fc] { color: rgb(51, 51, 51); } .search-wrapper .search-pop-box .search-pop-r ul li .productNew[data-v-398528fc] { text-decoration: line-through; font-size: 0.875rem; color: rgb(153, 153, 153); margin-left: 0.25rem; } [data-v-007a2e98]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-007a2e98] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-007a2e98] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-007a2e98] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-007a2e98] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-007a2e98] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-007a2e98] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-007a2e98] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-007a2e98] { padding: 0px 20px; } } .ant-form-item[data-v-007a2e98], .ant-radio-wrapper[data-v-007a2e98], .ant-radio-group[data-v-007a2e98] { font-variant: normal !important; } .ant-message[data-v-007a2e98] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-007a2e98] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-007a2e98] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-007a2e98] { display: none; } [data-v-007a2e98] .swiper-button-prev { transform: none; } [data-v-007a2e98] .ant-carousel { height: 2.5rem; overflow: hidden; } .top-bar[data-v-007a2e98] { width: 100%; height: 2.5rem; background: rgb(244, 244, 244); position: relative; } .top-bar[data-v-007a2e98]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .top-bar .top-bar-link[data-v-007a2e98] { cursor: pointer; } .top-bar .flash-bar[data-v-007a2e98] { width: 100%; height: 2.5rem; display: block; overflow: hidden; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 200, 66); text-align: center; line-height: 1.875rem; padding: 0.3125rem 0px; box-sizing: border-box; background-image: none !important; } .top-bar .flash-bar > span[data-v-007a2e98] { font-size: 1.125rem; } .top-bar .flash-bar > span[data-v-007a2e98]:nth-of-type(1) { font-weight: 600; margin-right: 2.5rem; } .top-bar .flash-bar > span[data-v-007a2e98]:nth-of-type(4) { height: 1.875rem; color: rgb(255, 255, 255); text-align: center; padding: 0px 0.9375rem; border-radius: 1.875rem; background: rgb(0, 0, 0); font-size: 0.9375rem; display: inline-block; margin-left: 5rem; } .top-bar .flash-bar > span.flash-time[data-v-007a2e98] { display: inline-block; margin-left: 0.3125rem; } .top-bar .flash-bar > span.flash-time span[data-v-007a2e98] { display: inline-block; background-color: rgb(255, 255, 255); padding: 0px 0.3125rem; border-radius: 0.1875rem; text-align: center; width: 2.0625rem; } .top-bar .costway-slogan[data-v-007a2e98] { color: rgb(51, 51, 51); font-size: 0.875rem; height: 2.5rem; line-height: 2.5rem; width: 100%; text-align: center; } .top-bar .top-bar-link > span[data-v-007a2e98] { display: block; width: 100%; background-repeat: no-repeat; background-position: center center; height: 2.5rem; } .top-bar .language[data-v-007a2e98] { position: absolute; top: 0px; right: 2.875rem; } .top-bar .language .default[data-v-007a2e98]::before, .top-bar .language .other > li > a[data-v-007a2e98]::after { content: ""; display: inline-block; vertical-align: middle; width: 1.125rem; height: 1.125rem; } .top-bar .language .default[data-v-007a2e98] { cursor: pointer; line-height: 2.5rem; position: relative; padding: 0px 1.3125rem 0px 1.875rem; } .top-bar .language .default[data-v-007a2e98]::before { background: url("https://ca-static.costway.ca/assets/1760598923/images/can-c18723c9.png") left top / 100% 100% no-repeat; } .top-bar .language .default > span[data-v-007a2e98] { vertical-align: middle; line-height: 1; color: rgb(255, 255, 255); margin-left: 0.375rem; } .top-bar .language .default .other[data-v-007a2e98] { display: none; position: absolute; z-index: 99; top: 2.5rem; right: 0px; width: 7rem; padding: 0.3125rem 0px 0.625rem; background: rgb(255, 255, 255); box-shadow: rgba(157, 157, 157, 0.25) 0px 0.125rem 0.5rem; } .top-bar .language .default .other > li[data-v-007a2e98] { display: block; margin: 0.3125rem 0px; line-height: 1; box-sizing: border-box; } .top-bar .language .default .other > li a[data-v-007a2e98] { display: inline-block; padding: 0.3125rem 1.25rem; white-space: normal; vertical-align: middle; } .top-bar .language .default .other > li a span[data-v-007a2e98] { display: inline-block; font-size: 0.875rem; min-width: 3.375rem; color: rgb(51, 51, 51); vertical-align: middle; } .top-bar .language .default .other > li a:hover span[data-v-007a2e98] { color: rgb(255, 200, 66); } .top-bar .language .default .other > li.uk a[data-v-007a2e98]::after { background: url("https://ca-static.costway.ca/assets/1760598923/images/gbr-294b7bb2.png") left top / 100% 100% no-repeat; } .top-bar .language .default .other > li.de a[data-v-007a2e98]::after { background: url("https://ca-static.costway.ca/assets/1760598923/images/ger-6565eee5.png") left top / 100% 100% no-repeat; } .top-bar .language .default .other > li.it a[data-v-007a2e98]::after { background: url("https://ca-static.costway.ca/assets/1760598923/images/ita-9f4b3bd7.png") left top / 100% 100% no-repeat; } .top-bar .language .default .other > li.us a[data-v-007a2e98]::after { background: url("https://ca-static.costway.ca/assets/1760598923/images/us-a7e522a9.png") left top / 100% 100% no-repeat; } .top-bar .language .default .other > li.fr a[data-v-007a2e98]::after { background: url("https://ca-static.costway.ca/assets/1760598923/images/fra-b295a26f.png") left top / 100% 100% no-repeat; } .top-bar .language .default .other > li.es a[data-v-007a2e98]::after { background: url("https://ca-static.costway.ca/assets/1760598923/images/esp-6b9f9ea0.png") left top / 100% 100% no-repeat; } .top-bar .language .default .other > li.pol a[data-v-007a2e98]::after { background: url("https://ca-static.costway.ca/assets/1760598923/images/pol-827fa472.png") left top / 100% 100% no-repeat; } .top-bar .language .default .other > li.aus a[data-v-007a2e98]::after { background: url("https://ca-static.costway.ca/assets/1760598923/images/aus-f49ae1c8.png") left top / 100% 100% no-repeat; } .top-bar .language .default .other > li.bel a[data-v-007a2e98]::after { background: url("https://ca-static.costway.ca/assets/1760598923/bel-76766d6f.webp") left top / 100% 100% no-repeat; } .top-bar .language .default .other > li.aut a[data-v-007a2e98]::after { background: url("https://ca-static.costway.ca/assets/1760598923/aut-1021c79b.webp") left top / 100% 100% no-repeat; } .top-bar .language .default .other > li.nld a[data-v-007a2e98]::after { background: url("https://ca-static.costway.ca/assets/1760598923/images/nld-2e54056e.png") left top / 100% 100% no-repeat; } .top-bar .language .default .other > li.swe a[data-v-007a2e98]::after { background: url("https://ca-static.costway.ca/assets/1760598923/images/country-swe-578aeb14.png") left top / 100% 100% no-repeat; } .top-bar .language .default .other > li[data-v-007a2e98]:last-child { margin-bottom: 0px; } .top-bar .language .default:hover .other[data-v-007a2e98] { display: inline-block; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .extend .ant-modal-content { border-radius: 0px; } .extend .ant-modal-body { padding: 0px; } .extend .ant-form-item { margin-bottom: 0.625rem; } .extend .ant-form-item-explain-error { text-align: left; font-size: 0.875rem; line-height: 1rem; } [data-v-1dce4fea]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-1dce4fea] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-1dce4fea] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-1dce4fea] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-1dce4fea] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-1dce4fea] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-1dce4fea] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-1dce4fea] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-1dce4fea] { padding: 0px 20px; } } .ant-form-item[data-v-1dce4fea], .ant-radio-wrapper[data-v-1dce4fea], .ant-radio-group[data-v-1dce4fea] { font-variant: normal !important; } .ant-message[data-v-1dce4fea] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-1dce4fea] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-1dce4fea] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-1dce4fea] { display: none; } .extend-box[data-v-1dce4fea] { display: flex; height: 32.5625rem; } .extend-box .extend-l[data-v-1dce4fea], .extend-box .extend-r[data-v-1dce4fea] { width: 33.75rem; height: 32.5625rem; } .extend-box .extend-l[data-v-1dce4fea] { width: 20rem; } .extend-box .extend-l img[data-v-1dce4fea] { width: 100%; height: 100%; } .extend-box .extend-r[data-v-1dce4fea] { padding: 2.1875rem 1.875rem; box-sizing: border-box; text-align: left; display: flex; flex-direction: column; position: relative; } .extend-box .extend-r h2[data-v-1dce4fea] { font-weight: 700; margin-bottom: 0.9375rem; font-size: 1.3125rem; } .extend-box .extend-r strong[data-v-1dce4fea] { margin-bottom: 0.9375rem; } .extend-box .extend-r p[data-v-1dce4fea] { font-size: 0.875rem; } .extend-box .extend-r .extend-dec li[data-v-1dce4fea] { font-size: 0.875rem; margin-bottom: 0.75rem; } .extend-box .extend-r .extend-dec li svg[data-v-1dce4fea] { vertical-align: middle; margin-right: 0.25rem; } .extend-box .extend-r .extend-price[data-v-1dce4fea] { display: flex; justify-content: space-between; } .extend-box .extend-r .extend-price li[data-v-1dce4fea] { cursor: pointer; margin-right: 0.625rem; border: 0.0625rem solid rgb(249, 249, 249); border-radius: 0.375rem; background: rgb(249, 249, 249); padding: 0.625rem 1.25rem; box-sizing: border-box; position: relative; flex: 1 1 0%; } .extend-box .extend-r .extend-price li[data-v-1dce4fea]:last-child { margin-right: 0px; } .extend-box .extend-r .extend-price li[data-v-1dce4fea]:hover { border: 0.0625rem solid rgb(253, 172, 14); background: rgb(255, 249, 238); } .extend-box .extend-r .extend-price li.checked[data-v-1dce4fea] { border: 0.0625rem solid rgb(253, 172, 14); background: rgb(255, 249, 238); color: rgb(253, 172, 14); } .extend-box .extend-r .extend-price li.checked[data-v-1dce4fea]::after { content: ""; display: inline-block; width: 1.6875rem; height: 1.6875rem; position: absolute; background: url("https://ca-static.costway.ca/assets/1760598923/images/extend2-8623f971.png") right bottom / 100% 100% no-repeat; bottom: 0px; right: 0px; z-index: 0; } .extend-box .extend-r .extend-btn[data-v-1dce4fea] { margin-top: 1.25rem; cursor: pointer; overflow: hidden; } .extend-box .extend-r .extend-btn span[data-v-1dce4fea], .extend-box .extend-r .extend-btn .add-extend[data-v-1dce4fea] { width: 10.125rem; display: inline-block; height: 2.8125rem; border-radius: 1.40625rem; border: 0.0625rem solid rgb(253, 172, 14); text-align: center; float: left; color: rgb(253, 172, 14); } .extend-box .extend-r .extend-btn span[data-v-1dce4fea] { line-height: 2.8125rem; } .extend-box .extend-r .extend-btn .add-extend[data-v-1dce4fea] { width: 19.25rem; color: rgb(255, 255, 255); background: rgb(253, 172, 14); float: right; } .extend-box .extend-r .extend-btn .extend-disable-btn[data-v-1dce4fea] { cursor: not-allowed; border: 0.0625rem solid rgb(217, 217, 217); background: rgb(217, 217, 217) !important; } .extend-box .extend-r .faq[data-v-1dce4fea] { position: absolute; bottom: 3.125rem; left: 1.875rem; font-size: 0.875rem; padding-right: 0.9375rem; } .extend-box .extend-r .faq svg[data-v-1dce4fea] { margin-right: 0.3125rem; vertical-align: middle; } .extend-box .extend-r .extend-pro[data-v-1dce4fea] { width: 33.75rem; height: 2.8125rem; background: rgb(245, 245, 245); padding: 0px 1.875rem; position: absolute; bottom: 0px; left: 0px; display: flex; justify-content: space-between; align-items: center; font-size: 0.875rem; } .extend-box .extend-r .extend-pro .extend-pro-l img[data-v-1dce4fea] { margin-left: 0.25rem; } .extend-box .extend-r .extend-pro .extend-pro-r a[data-v-1dce4fea] { text-decoration: underline; color: rgb(253, 172, 14); } [data-v-32b2e674]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-32b2e674] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-32b2e674] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-32b2e674] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-32b2e674] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-32b2e674] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-32b2e674] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-32b2e674] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-32b2e674] { padding: 0px 20px; } } .ant-form-item[data-v-32b2e674], .ant-radio-wrapper[data-v-32b2e674], .ant-radio-group[data-v-32b2e674] { font-variant: normal !important; } .ant-message[data-v-32b2e674] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-32b2e674] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-32b2e674] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-32b2e674] { display: none; } .detail-popWarp-b[data-v-32b2e674] { position: fixed; bottom: 0px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px -0.125rem 0.6875rem -0.125rem; padding: 0.875rem 20px; width: 26.25rem; z-index: 9999; } .detail-popWarp-b .t .row[data-v-32b2e674] { font-size: 0.875rem; overflow: hidden; } .detail-popWarp-b .t .row .label[data-v-32b2e674] { float: left; text-align: left; } .detail-popWarp-b .t .row .price[data-v-32b2e674] { float: right; text-align: right; } .detail-popWarp-b .t .grand-total[data-v-32b2e674] { margin: 0.9375rem 0px; } .detail-popWarp-b .t .grand-total .label[data-v-32b2e674], .detail-popWarp-b .t .grand-total .price[data-v-32b2e674] { font-size: 1.125rem; } .detail-popWarp-b .b[data-v-32b2e674] { display: flex; justify-content: space-between; } .detail-popWarp-b .b .btn[data-v-32b2e674] { display: inline-block; border-radius: 1.875rem; text-align: center; cursor: pointer; width: 11.625rem; height: 3.125rem; line-height: 3.125rem; } .detail-popWarp-b .b #proceedtoCheckout_button[data-v-32b2e674] { border: none; background: none; width: 11.625rem; height: 3.125rem; } .detail-popWarp-b .b .to-cart[data-v-32b2e674] { width: 11.625rem; border: 0.0625rem solid rgb(204, 204, 204); } .detail-popWarp-b .b .to-cart a[data-v-32b2e674] { display: block; width: 100%; height: 100%; } .detail-popWarp-b .b .check-out[data-v-32b2e674] { width: 11.25rem; color: rgb(255, 255, 255); border: none; background: rgb(255, 95, 68); height: 100%; } .detail-popWarp-b .b .check-out a[data-v-32b2e674] { width: 100%; color: rgb(255, 255, 255); display: inline-block; font-size: 1.125rem; } .cart-message[data-v-32b2e674] { width: 15.3125rem; position: absolute; top: 0.625rem; left: 50%; transform: translate(-50%); padding: 0.5rem 1rem; border-radius: 0.25rem; display: flex; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.79); color: rgb(255, 255, 255); } .cart-message svg[data-v-32b2e674] { margin-right: 0.75rem; } .fade-enter-active[data-v-32b2e674], .fade-leave-active[data-v-32b2e674] { transition: opacity 0.3s, transform 0.3s; } .fade-enter-from[data-v-32b2e674], .fade-leave-to[data-v-32b2e674] { opacity: 0; transform: translate(-50%) translateY(-0.625rem); } .cart-main[data-v-32b2e674], .savedforlater[data-v-32b2e674] { position: relative; } .cart-main .content[data-v-32b2e674]::after, .savedforlater .content[data-v-32b2e674]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .cart-banner img[data-v-32b2e674] { width: 100%; } .cart-main .content[data-v-32b2e674] { position: relative; margin: 0px auto 3.125rem; padding-bottom: 13.125rem; } .cart-main .cart-page-title[data-v-32b2e674] { margin-bottom: 1.875rem; } .cart-main .cart-page-title h1[data-v-32b2e674] { line-height: 2.375rem; color: rgb(51, 51, 51); font-size: 1.625rem; } .cart-main .svg_unavailable_icon[data-v-32b2e674] { width: 0.75rem; height: 0.8125rem; } .cart-main .svg_oos_icon[data-v-32b2e674], .cart-main .svg_out_of_icon[data-v-32b2e674] { width: 1.125rem; height: 1.125rem; } .cart-main .svg_remove_icon[data-v-32b2e674] { width: 0.9375rem; height: 0.9375rem; } .cart-main .cart-totals[data-v-32b2e674] { float: right; margin: 0px auto; width: 34.5%; position: sticky; top: 0px; background: rgb(255, 255, 255); height: auto; overflow: hidden; padding: 2.5rem 0px; box-shadow: rgba(157, 157, 157, 0.25) 0px 0.125rem 0.5rem; } .cart-main .cart-totals[data-v-32b2e674] .join-plus-card { margin-bottom: 1.5625rem; padding: 0px 1.875rem; } .cart-main .cart-totals[data-v-32b2e674] .join-plus-card p { right: 2.9375rem; } .cart-main .cart-totals .row[data-v-32b2e674] { display: flex; flex-wrap: nowrap; padding: 0px 1.875rem; margin-bottom: 1.375rem; } .cart-main .cart-totals .row .label[data-v-32b2e674], .cart-main .cart-totals .row .price[data-v-32b2e674] { line-height: 1.5rem; font-size: 1.125rem; } .cart-main .cart-totals .row .label svg[data-v-32b2e674], .cart-main .cart-totals .row .price svg[data-v-32b2e674] { vertical-align: middle; } .cart-main .cart-totals .row .min1[data-v-32b2e674] { font-size: 1rem; color: rgb(153, 153, 153); } .cart-main .cart-totals .row .price[data-v-32b2e674] { text-align: right; } .cart-main .cart-totals .row[data-v-32b2e674]:last-child { margin-bottom: 0px; } .cart-main .cart-totals .row.grand-total .label[data-v-32b2e674], .cart-main .cart-totals .row.grand-total .price[data-v-32b2e674] { line-height: 2.625rem; font-size: 1.75rem; } .cart-main .cart-totals .row > div[data-v-32b2e674] { display: inline-block; width: 50%; } .cart-main .cart-totals .row > div.label[data-v-32b2e674] { width: 85%; } .cart-main .cart-totals .row.coupon[data-v-32b2e674] { background: rgb(249, 249, 249); padding: 1.25rem 1.875rem; margin-bottom: 1.5625rem; } .cart-main .cart-totals .points-detail[data-v-32b2e674] { border-bottom: 0.0625rem solid rgb(244, 244, 244); padding-bottom: 1.25rem; } .cart-main .cart-totals .grand-total[data-v-32b2e674] { margin-bottom: 0.625rem; } .cart-main .cart-totals .submit[data-v-32b2e674] { padding: 0px 1.875rem; } .cart-main .cart-totals .submit .ant-btn[data-v-32b2e674] { width: 100%; height: 3.75rem; font-size: 1.25rem; background: rgb(255, 95, 68); box-shadow: rgba(255, 95, 68, 0.28) 0px 0.25rem 0.9375rem 0.125rem; border-radius: 1.875rem; } .cart-main .cart-totals .submit .ant-btn.ant-btn-dangerous[data-v-32b2e674] { border-color: rgb(255, 95, 68); } .cart-main .cart-totals .submit .ant-btn[data-v-32b2e674]:hover { background: rgb(255, 111, 87); } .cart-main .cart-totals .cou-price[data-v-32b2e674] { color: rgb(230, 77, 67); } .cart-main .cart-totals .svg[data-v-32b2e674] { margin-left: 0.625rem; } .cart-main .cart-totals .ant-col[data-v-32b2e674] { font-size: 1.125rem; } .cart-main .cart-totals .svg_coupon_arrow[data-v-32b2e674] { width: 0.4375rem; height: 0.75rem; } .cart-main .cart-totals .coupon-row[data-v-32b2e674] { cursor: pointer; padding-top: 0.75rem; padding-bottom: 0.75rem; border-top: 0.0625rem solid rgb(244, 244, 244); border-bottom: 0.0625rem solid rgb(244, 244, 244); } .cart-main .cart-totals .coupon-row .coupon-tips-svg[data-v-32b2e674] { vertical-align: middle; } .cart-main .cart-totals .points[data-v-32b2e674] { margin-bottom: 0.625rem; } .cart-main .cart-totals .points .points-tips-svg[data-v-32b2e674] { display: inline-block; cursor: pointer; vertical-align: baseline !important; } .cart-main .cart-totals .points .points-price[data-v-32b2e674] { color: rgb(230, 77, 67); } .cart-main .cart-totals .points-detail .label[data-v-32b2e674] { line-height: 2.25rem; } .cart-main .cart-totals .points-detail .amount-right[data-v-32b2e674] { color: rgb(102, 102, 102); font-size: 0.875rem; text-align: right; } .cart-main .cart-totals .points-detail[data-v-32b2e674] .ant-switch { min-width: 3.875rem; height: 2.25rem; line-height: 2.25rem; } .cart-main .cart-totals .points-detail[data-v-32b2e674] .ant-switch .ant-switch-handle { width: 1.9375rem !important; height: 1.9375rem !important; } .cart-main .cart-totals .points-detail[data-v-32b2e674] .ant-switch .ant-switch-handle::before { border-radius: 1rem; } .cart-main .cart-totals .points-detail[data-v-32b2e674] .ant-switch.ant-switch-checked .ant-switch-handle { left: calc(100% - 2.0625rem); } .cart-main .cart-totals .line[data-v-32b2e674] { display: block; height: 0.0625rem; font-size: 0px; overflow: hidden; border-bottom: 0.0625rem solid rgb(244, 244, 244); } .cart-main .cart-totals .mb25[data-v-32b2e674] { margin-bottom: 1.5625rem; } .cart-main .cart-totals .ad-plus[data-v-32b2e674] { background: rgb(246, 246, 246); border-radius: 0.5rem; margin: 0px 1.25rem; padding-bottom: 0.625rem; } .cart-main .cart-totals .ad-plus .ad-plus-fold[data-v-32b2e674] { position: relative; } .cart-main .cart-totals .ad-plus .ad-plus-fold .select[data-v-32b2e674] { position: absolute; width: 1.4375rem; height: 1.4375rem; border: 0.125rem solid rgb(147, 147, 147); border-radius: 1.15625rem; right: 5.2%; top: 3.4375rem; cursor: pointer; } .cart-main .cart-totals .ad-plus .ad-plus-spread[data-v-32b2e674] { width: 89.5%; margin-left: 5.1%; margin-top: 0.9375rem; } .cart-main .cart-totals .ad-plus .ad-plus-spread img[data-v-32b2e674] { width: 100%; } .cart-main .cart-totals .ad-plus .plus-con[data-v-32b2e674] { position: relative; padding-top: 1.125rem; } .cart-main .cart-totals .ad-plus .plus-con .con1[data-v-32b2e674] { position: absolute; width: 80%; height: 5.3875rem; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 0.25rem 0.5625rem; border-radius: 1.25rem; left: 5%; bottom: 0.875rem; display: flex; z-index: 1; } .cart-main .cart-totals .ad-plus .plus-con .con1 .left[data-v-32b2e674] { width: 31.94%; text-align: center; font-weight: 700; font-size: 2.0625rem; line-height: 5.3875rem; color: rgb(0, 0, 0); } .cart-main .cart-totals .ad-plus .plus-con .con1 .left span[data-v-32b2e674] { font-size: 1.125rem; } .cart-main .cart-totals .ad-plus .plus-con .con1 .right[data-v-32b2e674] { padding: 0.5rem 1rem 0px 0.5rem; } .cart-main .cart-totals .ad-plus .plus-con .con1 .right .label[data-v-32b2e674] { height: 1.4375rem; background: rgb(3, 2, 2); border-radius: 0.8125rem; padding: 0px 0.625rem; font-weight: 500; font-size: 0.875rem; color: rgb(255, 200, 66); display: inline; } .cart-main .cart-totals .ad-plus .plus-con .con1 .right .tips[data-v-32b2e674] { font-size: 0.875rem; line-height: 0.875rem; color: rgb(102, 102, 102); } .cart-main .cart-totals .ad-plus .plus-con .con2[data-v-32b2e674] { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 0.25rem 0.5625rem; border-radius: 1.25rem; width: 72%; bottom: -0.5625rem; height: 5.375rem; margin: 1rem 0px 0px 9%; } .cart-main .cart-totals .ad-plus .plus-con .con2 .left[data-v-32b2e674] { width: 26.94%; } .cart-main .cart-totals .ad-plus .plus-con .con3[data-v-32b2e674] { position: absolute; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 0.25rem 0.5625rem; border-radius: 1.25rem; width: 76%; bottom: 0.4375rem; height: 5.375rem; left: 7.3%; } .cart-main .cart-totals .ad-plus .plus-con .con3 .left[data-v-32b2e674] { width: 26%; } .cart-main .cart-totals .ad-plus .plus-con .left[data-v-32b2e674] { height: 5.3875rem; background: linear-gradient(148.64deg, rgb(255, 218, 130) -27.11%, rgb(246, 185, 37) 97.35%); border-radius: 1.25rem 0px 0px 1.25rem; } .cart-main .cart-totals .ad-plus .plus-see-more[data-v-32b2e674] { text-align: center; font-size: 0.875rem; margin: 0.625rem 0px 0px; text-decoration: underline; } .cart-main .cart-totals .ad-plus .plus-see-more span[data-v-32b2e674] { cursor: pointer; } .cart-main .cart-totals .ad-plus .plus-see-more .less[data-v-32b2e674] { transform: rotate(180deg); } .cart-box[data-v-32b2e674]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .cart-main .cart-list[data-v-32b2e674], .savedforlater .cart-list[data-v-32b2e674] { width: 100%; display: block; padding: 1.25rem; } .cart-main .cart-list .title-tips[data-v-32b2e674], .savedforlater .cart-list .title-tips[data-v-32b2e674] { display: block; width: 100%; padding: 0.75rem 0.625rem; background: rgb(249, 249, 249); border-radius: 0.125rem; margin-bottom: 1.875rem; } .cart-main .cart-list .title-tips span[data-v-32b2e674], .savedforlater .cart-list .title-tips span[data-v-32b2e674] { cursor: pointer; text-decoration: underline; color: rgb(253, 172, 14); } .cart-main .cart-list .cart-item[data-v-32b2e674], .savedforlater .cart-list .cart-item[data-v-32b2e674] { padding-bottom: 1rem; border-bottom: 0.0625rem solid rgb(244, 244, 244); padding-top: 1rem; } .cart-main .cart-list .cart-item[data-v-32b2e674]::after, .savedforlater .cart-list .cart-item[data-v-32b2e674]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .cart-main .cart-list .cart-item .products[data-v-32b2e674], .savedforlater .cart-list .cart-item .products[data-v-32b2e674] { display: flex; } .cart-main .cart-list .cart-item .products .dis[data-v-32b2e674], .savedforlater .cart-list .cart-item .products .dis[data-v-32b2e674] { opacity: 0.6; } .cart-main .cart-list .cart-item .extend-msg[data-v-32b2e674], .savedforlater .cart-list .cart-item .extend-msg[data-v-32b2e674] { overflow: hidden; height: 2rem; line-height: 2rem; background: rgb(246, 246, 246); margin: 0.875rem 0px 0.3125rem; border-radius: 0.25rem; padding: 0px 0.625rem; } .cart-main .cart-list .cart-item .extend-msg .extend-msg-l[data-v-32b2e674], .savedforlater .cart-list .cart-item .extend-msg .extend-msg-l[data-v-32b2e674] { float: left; font-size: 0.875rem; } .cart-main .cart-list .cart-item .extend-msg .extend-msg-l img[data-v-32b2e674], .savedforlater .cart-list .cart-item .extend-msg .extend-msg-l img[data-v-32b2e674] { margin-right: 0.3125rem; } .cart-main .cart-list .cart-item .extend-msg .extend-msg-l span[data-v-32b2e674], .savedforlater .cart-list .cart-item .extend-msg .extend-msg-l span[data-v-32b2e674] { text-decoration: underline; cursor: pointer; } .cart-main .cart-list .cart-item .extend-msg .extend-msg-l strong[data-v-32b2e674], .savedforlater .cart-list .cart-item .extend-msg .extend-msg-l strong[data-v-32b2e674] { margin-left: 0.3125rem; } .cart-main .cart-list .cart-item .extend-msg .extend-msg-r[data-v-32b2e674], .savedforlater .cart-list .cart-item .extend-msg .extend-msg-r[data-v-32b2e674] { font-size: 0.875rem; float: right; cursor: pointer; text-decoration: underline; } .cart-main .cart-list .cart-item[data-v-32b2e674]:first-child, .savedforlater .cart-list .cart-item[data-v-32b2e674]:first-child { padding-top: 0px; } .cart-main .cart-list .cart-item[data-v-32b2e674]:last-child, .savedforlater .cart-list .cart-item[data-v-32b2e674]:last-child { border-bottom: 0px; } .cart-main .cart-list .cart-item.free-gift-main[data-v-32b2e674], .savedforlater .cart-list .cart-item.free-gift-main[data-v-32b2e674] { border-radius: 0.5rem; padding: 1rem 2.5rem; margin: 1.25rem auto; cursor: pointer; border: 0.0625rem solid rgb(244, 244, 244) !important; } .cart-main .cart-list .cart-item.free-gift-main .select-title span[data-v-32b2e674], .cart-main .cart-list .cart-item.free-gift-main .select-title[data-v-32b2e674]::before, .savedforlater .cart-list .cart-item.free-gift-main .select-title span[data-v-32b2e674], .savedforlater .cart-list .cart-item.free-gift-main .select-title[data-v-32b2e674]::before { display: inline-block; vertical-align: middle; margin-right: 0.5rem; } .cart-main .cart-list .cart-item.free-gift-main .select-title span[data-v-32b2e674], .savedforlater .cart-list .cart-item.free-gift-main .select-title span[data-v-32b2e674] { cursor: pointer; color: rgb(153, 153, 153); } .cart-main .cart-list .cart-item.free-gift-main .select-title[data-v-32b2e674]::before, .savedforlater .cart-list .cart-item.free-gift-main .select-title[data-v-32b2e674]::before { content: ""; width: 1rem; height: 1rem; border-radius: 0.5rem; border: 0.0625rem solid rgb(153, 153, 153); } .cart-main .cart-list .cart-item.free-gift-main.select[data-v-32b2e674], .savedforlater .cart-list .cart-item.free-gift-main.select[data-v-32b2e674] { background: rgb(244, 244, 244); } .cart-main .cart-list .cart-item.free-gift-main.select .select-title span[data-v-32b2e674], .cart-main .cart-list .cart-item.free-gift-main.select .select-title[data-v-32b2e674]::before, .savedforlater .cart-list .cart-item.free-gift-main.select .select-title span[data-v-32b2e674], .savedforlater .cart-list .cart-item.free-gift-main.select .select-title[data-v-32b2e674]::before { display: inline-block; vertical-align: middle; margin-right: 0.5rem; } .cart-main .cart-list .cart-item.free-gift-main.select .select-title span[data-v-32b2e674], .savedforlater .cart-list .cart-item.free-gift-main.select .select-title span[data-v-32b2e674] { color: rgb(11, 192, 99); } .cart-main .cart-list .cart-item.free-gift-main.select .select-title[data-v-32b2e674]::before, .savedforlater .cart-list .cart-item.free-gift-main.select .select-title[data-v-32b2e674]::before { content: ""; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-free-gift-a9b5f1fe.png") center center no-repeat; width: 1rem; height: 1rem; border-radius: 0px; border: none; } .cart-main .cart-list .cart-item.free-gift-main .red[data-v-32b2e674], .savedforlater .cart-list .cart-item.free-gift-main .red[data-v-32b2e674] { font-weight: 600; margin-right: 0px; color: rgb(230, 77, 67) !important; } .cart-main .cart-list .cart-item .product-image[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-image[data-v-32b2e674] { flex-shrink: 0; width: 6.875rem; height: 6.875rem; border-radius: 0.25rem; margin-right: 0.9375rem; overflow: hidden; position: relative; } .cart-main .cart-list .cart-item .product-image a[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-image a[data-v-32b2e674] { display: block; } .cart-main .cart-list .cart-item .product-image .oos[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-image .oos[data-v-32b2e674] { position: absolute; inset: 0px; margin: auto; user-select: none; pointer-events: none; width: 6.875rem; height: 1.875rem; color: rgb(255, 255, 255); line-height: 1.875rem; text-align: center; background: rgba(51, 51, 51, 0.8); border-radius: 0.25rem; font-size: 0.875rem; } .cart-main .cart-list .cart-item .product-image img[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-image img[data-v-32b2e674] { display: inline-block; width: 6.875rem; height: 6.875rem; } .cart-main .cart-list .cart-item .product-item[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item[data-v-32b2e674] { width: 15.9375rem; } .cart-main .cart-list .cart-item .product-item .title[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .title[data-v-32b2e674] { margin-bottom: 0px; color: rgb(51, 51, 51); font-size: 0.875rem; line-height: 1.25rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all; white-space: normal; } .cart-main .cart-list .cart-item .product-item .list-tag[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .list-tag[data-v-32b2e674] { overflow: hidden; } .cart-main .cart-list .cart-item .product-item .list-tag .pickup[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .list-tag .pickup[data-v-32b2e674] { float: left; margin-bottom: 0.625rem; padding: 0.1875rem 0.5rem; font-size: 0.875rem; background: rgb(246, 246, 246); border-radius: 0.25rem; } .cart-main .cart-list .cart-item .product-item .list-tag .pickup svg[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .list-tag .pickup svg[data-v-32b2e674] { vertical-align: sub; } .cart-main .cart-list .cart-item .product-item .product-attr[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .product-attr[data-v-32b2e674] { display: flex; width: 100%; min-height: 2.1875rem; justify-content: space-between; align-items: center; } .cart-main .cart-list .cart-item .product-item .product-attr.product-attr-normal[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .product-attr.product-attr-normal[data-v-32b2e674] { display: block; } .cart-main .cart-list .cart-item .product-item .product-attr .remove[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .product-attr .remove[data-v-32b2e674] { cursor: pointer; margin-left: 1.25rem; float: right; } .cart-main .cart-list .cart-item .product-item .price-guarantee[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .price-guarantee[data-v-32b2e674] { padding: 0px 0.3125rem 0px 0px; display: inline-block; border: 0.0625rem solid rgb(11, 192, 99); background: rgb(239, 255, 247); border-radius: 0.375rem; overflow: hidden; float: left; margin-bottom: 0.625rem; margin-right: 0.625rem; } .cart-main .cart-list .cart-item .product-item .price-guarantee .icon[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .price-guarantee .icon[data-v-32b2e674] { background: rgb(11, 192, 99); display: inline-block; padding: 0px 0.25rem; border-bottom-right-radius: 0.3125rem; margin-right: 0.3125rem; } .cart-main .cart-list .cart-item .product-item .price-guarantee .icon img[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .price-guarantee .icon img[data-v-32b2e674] { width: 1rem; } .cart-main .cart-list .cart-item .product-item .price-guarantee .title[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .price-guarantee .title[data-v-32b2e674] { font-size: 0.875rem; color: rgb(11, 192, 99); } .cart-main .cart-list .cart-item .product-item .product-desc[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .product-desc[data-v-32b2e674] { margin-bottom: 0.625rem; } .cart-main .cart-list .cart-item .product-item .product-desc[data-v-32b2e674] p, .savedforlater .cart-list .cart-item .product-item .product-desc[data-v-32b2e674] p { margin-bottom: 0.3125rem; } .cart-main .cart-list .cart-item .product-item[data-v-32b2e674] .ant-select, .savedforlater .cart-list .cart-item .product-item[data-v-32b2e674] .ant-select { vertical-align: middle; } .cart-main .cart-list .cart-item .product-item[data-v-32b2e674] .ant-select .ant-select-arrow, .savedforlater .cart-list .cart-item .product-item[data-v-32b2e674] .ant-select .ant-select-arrow { right: 1.0625rem; color: rgb(0, 0, 0); font-size: 0.625rem; } .cart-main .cart-list .cart-item .product-item[data-v-32b2e674] .ant-select .ant-select-selector, .savedforlater .cart-list .cart-item .product-item[data-v-32b2e674] .ant-select .ant-select-selector { width: 6.6875rem; height: 2.1875rem; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 1.5625rem; } .cart-main .cart-list .cart-item .product-item .qty-select[data-v-32b2e674] .ant-select-selector, .savedforlater .cart-list .cart-item .product-item .qty-select[data-v-32b2e674] .ant-select-selector { width: 5.4375rem; } .cart-main .cart-list .cart-item .product-item[data-v-32b2e674] .ant-select-single.ant-select-open .ant-select-selection-item, .savedforlater .cart-list .cart-item .product-item[data-v-32b2e674] .ant-select-single.ant-select-open .ant-select-selection-item { color: rgb(0, 0, 0); } .cart-main .cart-list .cart-item .product-item[data-v-32b2e674] .ant-select-focused .ant-select-selector, .savedforlater .cart-list .cart-item .product-item[data-v-32b2e674] .ant-select-focused .ant-select-selector { outline: 0px !important; box-shadow: none !important; } .cart-main .cart-list .cart-item .product-item[data-v-32b2e674] .ant-select .ant-select-selection-item, .savedforlater .cart-list .cart-item .product-item[data-v-32b2e674] .ant-select .ant-select-selection-item { padding-left: 0px; line-height: 2.1875rem; font-size: 0.875rem; text-align: center; } .cart-main .cart-list .cart-item .product-item[data-v-32b2e674] .ant-dropdown-link.custom-dropdown, .savedforlater .cart-list .cart-item .product-item[data-v-32b2e674] .ant-dropdown-link.custom-dropdown { display: inline-block; height: 3.125rem; border: 0px; line-height: 3.125rem; text-align: center; padding: 0px 1.0625rem 0px 1.6875rem; margin-right: 1.5625rem; border-radius: 1.5625rem; background: rgb(244, 244, 244); color: rgb(0, 0, 0); } .cart-main .cart-list .cart-item .product-item[data-v-32b2e674] .ant-dropdown-link.custom-dropdown .anticon-down, .savedforlater .cart-list .cart-item .product-item[data-v-32b2e674] .ant-dropdown-link.custom-dropdown .anticon-down { margin-left: 0.625rem; } .cart-main .cart-list .cart-item .product-item .one-invertory[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .one-invertory[data-v-32b2e674] { margin-right: 1.25rem; } .cart-main .cart-list .cart-item .product-item .move-to-wishlist[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .move-to-wishlist[data-v-32b2e674] { display: inline-block; vertical-align: middle; cursor: pointer; } .cart-main .cart-list .cart-item .product-item .move-to-wishlist .label[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .move-to-wishlist .label[data-v-32b2e674] { font-size: 1.125rem; line-height: 1; vertical-align: middle; } .cart-main .cart-list .cart-item .product-item .reSelect[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-item .reSelect[data-v-32b2e674] { display: inline-block; height: 2.25rem; line-height: 2.25rem; border: 0.0625rem solid rgb(204, 204, 204); padding: 0px 1.25rem; margin-right: 1.25rem; border-radius: 2.5rem; } .cart-main .cart-list .cart-item .product-subtotal[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-subtotal[data-v-32b2e674] { flex-shrink: 0; margin: 0.1875rem 0px; } .cart-main .cart-list .cart-item .product-subtotal > div[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-subtotal > div[data-v-32b2e674] { display: block; } .cart-main .cart-list .cart-item .product-subtotal .row-total-price[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-subtotal .row-total-price[data-v-32b2e674] { font-size: 1.125rem; margin-bottom: 0px; color: rgb(230, 77, 67); } .cart-main .cart-list .cart-item .product-subtotal .row-total-price.black[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-subtotal .row-total-price.black[data-v-32b2e674] { color: rgb(34, 34, 34); } .cart-main .cart-list .cart-item .product-subtotal .old-total-price[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-subtotal .old-total-price[data-v-32b2e674] { font-size: 0.875rem; text-decoration-line: line-through; color: rgb(153, 153, 153); margin-left: 0.3125rem; } .cart-main .cart-list .cart-item .product-subtotal .save-for-later[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-subtotal .save-for-later[data-v-32b2e674] { margin: 0.9375rem 0px; } .cart-main .cart-list .cart-item .product-subtotal .save-for-later span[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-subtotal .save-for-later span[data-v-32b2e674] { font-size: 1.125rem; line-height: 1.375rem; text-decoration-line: underline; color: rgb(51, 51, 51); cursor: pointer; } .cart-main .cart-list .cart-item .product-subtotal .remove[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-subtotal .remove[data-v-32b2e674] { margin: 0.625rem 0px 0px; cursor: pointer; } .cart-main .cart-list .cart-item .product-subtotal .remove svg path[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-subtotal .remove svg path[data-v-32b2e674] { fill: rgb(51, 51, 51); } .cart-main .cart-list .cart-item .product-subtotal .remove .label[data-v-32b2e674], .savedforlater .cart-list .cart-item .product-subtotal .remove .label[data-v-32b2e674] { text-decoration: underline; vertical-align: middle; line-height: 1; color: rgb(51, 51, 51); font-size: 1.125rem; } .cart-main .cart-list .cart-item .tips[data-v-32b2e674], .savedforlater .cart-list .cart-item .tips[data-v-32b2e674] { display: block; width: 100%; font-size: 1rem; } .cart-main .cart-list .cart-item .tips > span[data-v-32b2e674], .savedforlater .cart-list .cart-item .tips > span[data-v-32b2e674] { display: inline-block; vertical-align: middle; font-size: 0.875rem; } .cart-main .cart-list .cart-item .tips.almost-out-of-stock[data-v-32b2e674], .savedforlater .cart-list .cart-item .tips.almost-out-of-stock[data-v-32b2e674], .cart-main .cart-list .cart-item .tips.coupons-tips[data-v-32b2e674], .savedforlater .cart-list .cart-item .tips.coupons-tips[data-v-32b2e674] { color: rgb(253, 172, 14); } .cart-main .cart-list .cart-item .tips.oos[data-v-32b2e674], .savedforlater .cart-list .cart-item .tips.oos[data-v-32b2e674] { color: rgb(230, 77, 67); } .cart-main .cart-list .cart-item .tips.disabled .disabled-box[data-v-32b2e674], .savedforlater .cart-list .cart-item .tips.disabled .disabled-box[data-v-32b2e674] { display: inline-block; background: rgb(254, 246, 245); border-radius: 0.25rem; padding: 0.25rem 0.625rem; color: rgb(230, 77, 67); } .cart-main .cart-list .cart-item .tips.disabled .disabled-box span[data-v-32b2e674], .savedforlater .cart-list .cart-item .tips.disabled .disabled-box span[data-v-32b2e674] { font-size: 0.875rem; margin-top: 0.625rem; } .cart-main .cart-list .cart-item .tips.pre-order[data-v-32b2e674], .savedforlater .cart-list .cart-item .tips.pre-order[data-v-32b2e674] { display: flex; align-items: center; font-size: 0.875rem; } .cart-main .cart-list .cart-item .tips.pre-order svg[data-v-32b2e674], .savedforlater .cart-list .cart-item .tips.pre-order svg[data-v-32b2e674] { width: 1.25rem; height: 1.25rem; } .savedforlater[data-v-32b2e674] { background: rgb(249, 249, 249); padding: 2.5rem 0px; } .savedforlater h2[data-v-32b2e674] { line-height: 2.375rem; color: rgb(51, 51, 51); font-size: 1.5rem; margin-bottom: 2.5rem; } .savedforlater .cart-list > dl > dd[data-v-32b2e674] { background-color: rgb(255, 255, 255); border: 0px; padding-left: 2.5rem; padding-right: 2.5rem; margin-bottom: 1.25rem; } .savedforlater .cart-list > dl > dd[data-v-32b2e674]:first-child { padding-top: 2.5rem; } .saveforlater-box.out-of-stock .save-for-later span[data-v-32b2e674] { color: rgba(153, 153, 153, 0.6) !important; cursor: not-allowed !important; } .related-main[data-v-32b2e674] { overflow: hidden; } .unavailable[data-v-32b2e674] { margin-top: 1.875rem; background: rgb(254, 246, 245); border-radius: 0.25rem; height: 3.125rem; line-height: 3.125rem; padding: 0px 1.25rem; color: rgb(230, 77, 67); } .svg[data-v-32b2e674] { font-size: 0px; vertical-align: middle; margin-right: 0.375rem; } .empty-title[data-v-32b2e674] { padding: 1.25rem 0px 0px; font-size: 1.5rem; color: rgb(51, 51, 51); font-weight: 500; } .cart-empty-container[data-v-32b2e674] { padding: 3.125rem 0px 4.375rem; text-align: center; } .cart-empty-container h2[data-v-32b2e674] { font-weight: 700; font-size: 1.125rem; margin-bottom: 0.9375rem; } .cart-empty-container .btn-box[data-v-32b2e674] { width: 27.875rem; margin: 1.5625rem auto; overflow: hidden; text-align: center; } .cart-empty-container .btn-box .btn[data-v-32b2e674] { border: 0.0625rem solid rgb(253, 172, 14); width: 13.4375rem; height: 3rem; line-height: 3rem; text-align: center; border-radius: 3rem; color: rgb(255, 255, 255); background: rgb(253, 172, 14); display: inline-block; font-size: 1rem; cursor: pointer; margin-left: 0.9375rem; } .cart-empty-container .btn-box .back-to-shop[data-v-32b2e674] { margin-left: 0px; border: 0.0625rem solid rgb(204, 204, 204); color: rgb(0, 0, 0); background: rgb(255, 255, 255); } .cart-empty-main[data-v-32b2e674] { padding-left: 11.25rem; text-align: center; } .cart-empty-main h2[data-v-32b2e674] { font-size: 2.125rem; line-height: 3.125rem; } .cart-empty-tip[data-v-32b2e674] { line-height: 2.125rem; font-size: 1.125rem; margin-bottom: 1.25rem; } .max-order-main-bg[data-v-32b2e674] { width: 605px; height: 659px; } .max-order-main-bg img[data-v-32b2e674] { width: 100%; } .max-order-main-bg .t1[data-v-32b2e674] { font-weight: 700; font-size: 46px; line-height: 70px; text-align: center; text-transform: uppercase; color: rgb(230, 77, 67); } .max-order-main-bg .t2[data-v-32b2e674] { padding: 10px 0px; font-size: 18px; line-height: 24px; text-align: center; color: rgb(51, 51, 51); } .max-order-main-bg .btn[data-v-32b2e674] { display: inline-block; line-height: 60px; width: 217px; height: 60px; font-weight: 500; font-size: 20px; text-align: center; color: rgb(255, 255, 255); background: rgb(253, 172, 14); border-radius: 30px; } .pop-plustips p[data-v-32b2e674] { margin-bottom: 0px; } .maxOrderTipsPop[data-v-32b2e674] { position: fixed; bottom: 219px; right: 42px; width: 45px; z-index: 9; } .maxOrderTipsPop .maxOrderTipsClose[data-v-32b2e674] { position: absolute; top: -0.375rem; right: -1.9375rem; cursor: pointer; } .maxOrderTipsPop[data-v-32b2e674] .ant-progress-circle .ant-progress-inner { width: 3.75rem !important; height: 3.75rem !important; } .maxOrderTipsPop[data-v-32b2e674] .ant-progress-circle .ant-progress-inner img { width: 3rem; height: 3rem; cursor: pointer; } .maxOrderTipsPop .countdown[data-v-32b2e674] { display: inline-block; color: rgb(153, 153, 153); width: 60px; text-align: center; font-size: 0.875rem; margin-top: 0.25rem; font-weight: 400; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-select-dropdown { z-index: 999999; } [data-v-46027429]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-46027429] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-46027429] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-46027429] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-46027429] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-46027429] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-46027429] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-46027429] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-46027429] { padding: 0px 20px; } } .ant-form-item[data-v-46027429], .ant-radio-wrapper[data-v-46027429], .ant-radio-group[data-v-46027429] { font-variant: normal !important; } .ant-message[data-v-46027429] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-46027429] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-46027429] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-46027429] { display: none; } .fbimg[data-v-46027429] { display: none; } .svg-notes[data-v-46027429], .svg-cart[data-v-46027429], .svg-login[data-v-46027429] { width: 1.875rem; height: 1.875rem; vertical-align: middle; } .user-menu-list[data-v-46027429] { width: 180px; padding: 1.25rem 0.625rem; } .user-menu-list .ant-col .user-info-box[data-v-46027429] { white-space: nowrap; } .user-menu-list .ant-col .greeting[data-v-46027429], .user-menu-list .ant-col .user-name[data-v-46027429] { display: inline-block; vertical-align: middle; margin-right: 0.3125rem; } .user-menu-list .ant-col .greeting[data-v-46027429] { margin-right: 0.3125rem; } .user-menu-list .ant-col .user-name[data-v-46027429] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 94px; } .user-menu-list .ant-col a[data-v-46027429] { display: block; color: rgb(0, 0, 0); font-size: 0.875rem; } .user-menu-list .ant-col a[data-v-46027429]:hover { color: rgb(253, 172, 14); } .user-menu-list .ant-col .logout-button[data-v-46027429] { cursor: pointer; display: block; min-width: 120px; height: 28px; padding-top: 0px; padding-bottom: 0px; line-height: 28px; border-radius: 99px; border: 0.0625rem solid rgb(253, 172, 14); color: rgb(253, 172, 14); font-size: 0.875rem; text-align: center; user-select: none; } .user-menu-list .user-info-box[data-v-46027429] { white-space: nowrap; font-weight: 700; color: rgb(51, 51, 51); } .user-menu-list .login-info-box[data-v-46027429] { font-weight: 700; color: rgb(51, 51, 51); } .user-menu-list .border[data-v-46027429] { width: 100%; height: 0.0625rem; background-color: rgb(228, 228, 228); } #index_cart_btn[data-v-46027429] { cursor: pointer; } .min-cart-popover .list[data-v-46027429], .min-cart-popover .is-empty[data-v-46027429], .min-message-popover .message-list[data-v-46027429] { width: 20.3125rem; box-sizing: border-box; } .min-cart-popover .list .not-login[data-v-46027429], .min-cart-popover .is-empty .not-login[data-v-46027429], .min-message-popover .message-list .not-login[data-v-46027429] { font-size: 0.875rem; } .min-cart-popover .list .not-login span[data-v-46027429], .min-cart-popover .is-empty .not-login span[data-v-46027429], .min-message-popover .message-list .not-login span[data-v-46027429] { cursor: pointer; text-decoration: underline; color: rgb(253, 172, 14); } .min-cart-popover .is-empty[data-v-46027429] { padding: 2.5rem 1.4375rem; } .min-cart-popover .is-empty.LoginEmpty[data-v-46027429] { padding: 3.75rem 1.4375rem; } .min-cart-popover .is-empty .svg_cart_empty[data-v-46027429] { width: 4.875rem; height: 4.875rem; } .min-cart-popover .is-empty .ant-col[data-v-46027429] { text-align: center; } .min-cart-popover .is-empty .ant-col p[data-v-46027429] { margin-bottom: 0px; } .min-cart-popover .is-empty .ant-col .not-login[data-v-46027429] { font-size: 0.875rem; } .min-cart-popover .is-empty .ant-col .not-login span[data-v-46027429] { cursor: pointer; text-decoration: underline; color: rgb(253, 172, 14); } .min-message-popover .message-list dl[data-v-46027429] { padding: 0px; } .min-message-popover .message-list dl .note-title[data-v-46027429] { font-weight: 700; font-size: 0.875rem; } .min-message-popover .message-list dl .note-detail.note-detail-hover[data-v-46027429] { -webkit-box-orient: inherit; } .min-message-popover .message-list dl .note-detail[data-v-46027429] { font-size: 0.9375rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .min-message-popover .message-list dl dt[data-v-46027429] { height: 3.125rem; line-height: 3.125rem; padding: 0px 0.625rem; text-align: left; font-size: 1rem; border-bottom: 0.0625rem solid rgb(244, 244, 244); } .min-message-popover .message-list dl dt > span[data-v-46027429] { color: rgb(102, 102, 102); } .min-message-popover .message-list dl dd[data-v-46027429] { padding: 0.625rem 0px; box-sizing: border-box; border-bottom: 0.0625rem solid rgb(244, 244, 244); overflow: hidden; position: relative; transition: 0.2s; align-items: flex-start !important; } .min-message-popover .message-list dl dd[data-v-46027429]:hover { background: rgb(249, 249, 249); } .min-message-popover .message-list dl dd .message-dos[data-v-46027429] { position: absolute; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: rgb(255, 95, 68); left: 0.625rem; top: 1.125rem; } .min-message-popover .message-list dl dd .message-title[data-v-46027429] { margin-left: 0.625rem; } .min-message-popover .message-list dl dd p[data-v-46027429] { margin: 0px 0px 0px 0.75rem; } .min-message-popover .message-list dl dd a[data-v-46027429] { display: block; color: rgb(51, 51, 51); } .header[data-v-46027429] { width: 100%; margin: 0px auto; position: relative; transition: 0.5s; } .header .logo[data-v-46027429] { margin-right: 3.75rem; } .header .logo a[data-v-46027429] { display: block; font-size: 0px; line-height: 1; } .header .logo .logo-svg[data-v-46027429] { width: 6.25rem; height: 2.75rem; } .header .search-box[data-v-46027429] { width: 43.75rem; margin-right: 1.875rem; } .header .fixedbox[data-v-46027429] { position: static; top: 0px; z-index: 999; width: 100%; display: block; } .header .middle[data-v-46027429] { background-color: rgb(255, 255, 255); box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.09) 0px 0.125rem 0.625rem; } .header .middle .content[data-v-46027429] { padding-top: 1.5625rem; } .header .middle .toolbar[data-v-46027429] { text-align: right; margin-left: auto; display: flex; align-items: center; } .header .middle .toolbar > div[data-v-46027429] { display: inline-block; white-space: nowrap; margin: 0px 1rem; position: relative; } .header .middle .toolbar > div[data-v-46027429]:last-child { margin-right: 0px; } .header .middle .toolbar > div:last-child a[data-v-46027429] { display: inline-block; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li[data-v-46027429] { border-bottom: 0.0625rem solid rgb(204, 204, 204); display: block; padding: 0.5rem; width: 100%; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li[data-v-46027429]::after, .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li[data-v-46027429]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li[data-v-46027429]:hover, .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li[data-v-46027429]:hover { background: rgb(249, 249, 249); } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .svg_cart_remove[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .svg_cart_remove[data-v-46027429] { width: 0.9375rem; height: 0.9375rem; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .img[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .img[data-v-46027429] { float: left; width: 85px; height: 85px; overflow: hidden; position: relative; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .img img[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .img img[data-v-46027429] { width: 100%; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .img .oos[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .img .oos[data-v-46027429] { position: absolute; inset: 0px; height: 1.25rem; line-height: 1.25rem; margin: auto; user-select: none; pointer-events: none; color: rgb(255, 255, 255); text-align: center; background: rgba(51, 51, 51, 0.9); border-radius: 0.125rem; font-size: 0.75rem; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .cart-title[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .cart-title[data-v-46027429] { margin-left: 95px; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .cart-title p[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .cart-title p[data-v-46027429] { margin-bottom: 0.625rem; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .cart-title .title[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .cart-title .title[data-v-46027429] { width: 100%; line-height: 18px; font-size: 1rem; color: rgb(51, 51, 51); text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 0.3125rem; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .cart-title .multi-rows[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .cart-title .multi-rows[data-v-46027429] { text-align: left; margin-bottom: 0.625rem; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .cart-title .multi-rows > span.lable[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .cart-title .multi-rows > span.lable[data-v-46027429] { background: rgb(244, 244, 244); padding: 0.125rem 0.3125rem; border-radius: 0.25rem; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .cart-title .qty[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .cart-title .qty[data-v-46027429] { padding-right: 0.625rem; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .cart-title .num-price .price-box[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .cart-title .num-price .price-box[data-v-46027429] { text-align: left; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .cart-title .num-price .price-box .old-row-total[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .cart-title .num-price .price-box .old-row-total[data-v-46027429] { color: rgb(153, 153, 153); text-decoration: line-through; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .cart-title .num-price .remove[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .cart-title .num-price .remove[data-v-46027429] { text-align: right; padding-right: 0.625rem; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .cart-title .num-price .remove .svg[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .cart-title .num-price .remove .svg[data-v-46027429] { cursor: pointer; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .cart-title .num-price .remove .svg:hover svg path[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .cart-title .num-price .remove .svg:hover svg path[data-v-46027429] { fill: rgb(255, 200, 66); } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .extend-msg[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .extend-msg[data-v-46027429] { overflow: hidden; margin-top: 0.3125rem; padding: 0.5rem; background: rgb(246, 246, 246); border-radius: 0.25rem; font-size: 0.8125rem; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .extend-msg .extend-msg-l[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .extend-msg .extend-msg-l[data-v-46027429] { font-size: 0.875rem; display: inline-block; width: 1.25rem; vertical-align: sub; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .extend-msg .extend-msg-l img[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .extend-msg .extend-msg-l img[data-v-46027429] { width: 1.25rem; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .extend-msg .extend-msg-r[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .extend-msg .extend-msg-r[data-v-46027429] { width: 16.5rem; font-size: 0.875rem; float: right; position: relative; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .extend-msg .extend-msg-r .extend-title[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .extend-msg .extend-msg-r .extend-title[data-v-46027429] { margin-bottom: 0.25rem; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .extend-msg .extend-msg-r .extend-price[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .extend-msg .extend-msg-r .extend-price[data-v-46027429] { float: left; } .header .middle .toolbar > div.min-cart .min-cart-popover .list ul li .extend-msg .extend-msg-r .extend-delete[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list ul li .extend-msg .extend-msg-r .extend-delete[data-v-46027429] { position: absolute; top: 0.8125rem; right: 0px; text-decoration: underline; cursor: pointer; } .header .middle .toolbar > div.min-cart .min-cart-popover .list .subtotal[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list .subtotal[data-v-46027429] { padding: 1.25rem 0.625rem; } .header .middle .toolbar > div.min-cart .min-cart-popover .list .subtotal .label[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list .subtotal .label[data-v-46027429] { float: left; font-size: 0.9375rem; font-weight: 700; } .header .middle .toolbar > div.min-cart .min-cart-popover .list .subtotal .price[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list .subtotal .price[data-v-46027429] { float: right; font-size: 1rem; font-weight: 700; } .header .middle .toolbar > div.min-cart .min-cart-popover .list .button[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list .button[data-v-46027429] { margin-top: 1.25rem; } .header .middle .toolbar > div.min-cart .min-cart-popover .list .button a[data-v-46027429], .header .middle .toolbar > div.wishlist .min-cart-popover .list .button a[data-v-46027429] { display: block; height: 3.125rem; line-height: 3.125rem; font-size: 1.25rem; color: rgb(255, 255, 255); border-radius: 1.875rem; text-align: center; width: 100%; margin: 0px auto 1.25rem; background: rgb(253, 172, 14); transition: 0.2s; } .header .middle .toolbar > div.login-btn[data-v-46027429] { position: relative; } .header .middle .toolbar > div.login-btn a[data-v-46027429] { display: inline-block; } .header .middle .toolbar > div.login-btn .svg[data-v-46027429] { cursor: pointer; } .header .middle .toolbar > div.login-btn .svg:hover svg path[data-v-46027429] { fill: rgb(255, 95, 68); } .header .middle .toolbar > div.login-btn[data-v-46027429] .loginMenu-popover { min-width: 10rem; } .header .middle .popular-search[data-v-46027429] { padding: 0px 1.125rem; height: 2.5rem; line-height: 2.5rem; border-radius: 2.25rem; background: rgb(245, 245, 245); font-size: 0.875rem; text-align: center; cursor: pointer; position: relative; } .header .middle .popular-search svg[data-v-46027429] { position: absolute; right: -1.25rem; top: 0px; width: 2rem; height: 1rem; } .header .middle .popular-search[data-v-46027429]:hover { background: rgba(232, 84, 52, 0.05); color: rgb(255, 95, 68); } .header .middle .popular-popover .ant-popover-inner-content[data-v-46027429] { padding: 0px 1rem !important; } .header .middle .popular-popover .ant-popover-inner-content .popular-search-list[data-v-46027429] { padding: 0.9375rem 0px; width: 10.75rem; } .header .middle .popular-popover .ant-popover-inner-content .popular-search-list .ant-col-24[data-v-46027429] { margin-top: 1.25rem; } .header .middle .popular-popover .ant-popover-inner-content .popular-search-list .ant-col-24[data-v-46027429]:nth-of-type(1) { margin-top: 0px; } .header .middle .popular-popover .ant-popover-inner-content .popular-search-list .ant-col-24 a[data-v-46027429] { font-size: 0.875rem; color: rgb(51, 51, 51); line-height: 1.125rem; } .header .middle .popular-popover .ant-popover-inner-content .popular-search-list .ant-col-24 a[data-v-46027429]:hover { color: rgb(253, 172, 14); } @media (max-width: 767px) { .header .middle .toolbar > div[data-v-46027429] { margin: 0px 0.5rem; } } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .nav_list > li > a { font-size: var(--842d4316) !important; } .translate span { cursor: pointer; font-size: 1rem; } .translate .active { color: rgb(255, 200, 66); } .goog-te-menu2 { border: none; border-radius: 0.25rem; width: 6.6875rem !important; } .goog-te-menu-frame { max-width: 155px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.5rem; border-radius: 0.25rem; width: auto !important; height: 100px !important; } .goog-te-menu-frame > div { width: auto; border: none; border-radius: 0.25rem; } .goog-te-menu-frame table { width: 100%; } #goog-gt-tt { display: none !important; } .goog-te-gadget-icon { background-size: 100%; width: 1.25rem; height: 1.25rem; background-position: 0px 0px !important; } .goog-te-menu-value > span { color: rgb(51, 51, 51) !important; border-left: none !important; } .goog-te-menu-value img { display: none; } .goog-te-menu-value span:first-child { position: relative; } .goog-te-menu-value span:first-child::after { content: ""; width: 0.75rem; height: 0.375rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/arrow_bottom-db2fddd6.png") center center / 100% no-repeat; position: absolute; right: -1rem; top: 0.5rem; } .goog-te-menu-value span:last-child { display: none; } .amap-logo { display: none; opacity: 0 !important; } .amap-copyright { opacity: 0; } .goog-te-gadget-simple { width: auto !important; background-color: transparent !important; border-width: 0px !important; border-style: initial !important; border-color: initial !important; font-size: 10pt !important; display: inline-block !important; padding-top: 0px !important; padding-bottom: 0px !important; cursor: pointer !important; zoom: 1 !important; } .goog-tooltip.skiptranslate { display: none !important; } .goog-text-highlight { background-color: transparent !important; box-shadow: rgba(0, 0, 0, 0) 0px 0px !important; } .goog-te-banner-frame { display: none; } .googletrans-wrap { margin-left: 1.25rem !important; margin-right: 0.3125rem !important; } .googletrans-wrap .mytranslate { display: flex; align-items: center; } .googletrans-wrap .img-translate { margin-right: 0.3125rem; } .googletrans-wrap span { cursor: pointer; padding: 0.1875rem; } .googletrans-wrap span.active { color: rgb(255, 95, 68); } .popular-popover .ant-popover-inner-content { padding: 0px 1rem !important; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .delivered-tips { z-index: 99999; } .delivered-tips .ant-tooltip-inner { color: rgb(102, 102, 102); width: auto; padding: 0.625rem; } [data-v-2f2dad96]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-2f2dad96] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-2f2dad96] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-2f2dad96] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-2f2dad96] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-2f2dad96] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-2f2dad96] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-2f2dad96] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-2f2dad96] { padding: 0px 20px; } } .ant-form-item[data-v-2f2dad96], .ant-radio-wrapper[data-v-2f2dad96], .ant-radio-group[data-v-2f2dad96] { font-variant: normal !important; } .ant-message[data-v-2f2dad96] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-2f2dad96] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-2f2dad96] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-2f2dad96] { display: none; } a[data-v-2f2dad96], a[data-v-2f2dad96]:hover { color: rgb(0, 0, 0); } .coupon-tips-svg[data-v-2f2dad96] { cursor: pointer; vertical-align: middle; } .logistic[data-v-2f2dad96] { display: block; margin-top: 2.5rem; margin-bottom: 2.1875rem; font-size: 0.875rem; } .logistic > span:last-child .anticon[data-v-2f2dad96] { color: rgb(51, 51, 51); } .logistic .delivered-time[data-v-2f2dad96] { margin-bottom: 0.25rem; } .logistic .ship-code[data-v-2f2dad96] { text-decoration: underline; } .logistic .ant-form[data-v-2f2dad96] { margin-top: 0.625rem; } .logistic .ant-form[data-v-2f2dad96] .ant-row { margin-right: 0px; } .logistic .ant-form[data-v-2f2dad96] .ant-row .ant-form-item { margin-bottom: 0px; } .logistic .ant-form[data-v-2f2dad96] .ant-input { max-width: 12.5rem; height: 3.125rem; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-color: rgb(204, 204, 204); } .logistic .ant-form[data-v-2f2dad96] .ant-btn { display: inline-block; height: 3.125rem; border-color: rgb(34, 34, 34); background-color: rgb(34, 34, 34); border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .logistic .ant-form-inline .ant-form-item-with-help[data-v-2f2dad96] { margin-bottom: 0px; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .shippingPolicy .ant-modal-content { border-radius: 0.625rem; } [data-v-efab822a]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-efab822a] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-efab822a] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-efab822a] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-efab822a] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-efab822a] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-efab822a] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-efab822a] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-efab822a] { padding: 0px 20px; } } .ant-form-item[data-v-efab822a], .ant-radio-wrapper[data-v-efab822a], .ant-radio-group[data-v-efab822a] { font-variant: normal !important; } .ant-message[data-v-efab822a] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-efab822a] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-efab822a] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-efab822a] { display: none; } p[data-v-efab822a] { color: rgb(47, 47, 47); text-align: left; font-size: 0.875rem; margin-bottom: 0.5rem; padding-left: 0.625rem; } p span[data-v-efab822a] { width: 0.25rem; height: 0.25rem; border-radius: 50%; background: rgb(47, 47, 47); display: inline-block; margin-right: 0.625rem; vertical-align: middle; margin-left: -0.9375rem; } .title[data-v-efab822a] { color: rgb(0, 0, 0); font-size: 1.25rem; margin-bottom: 0.9375rem; font-weight: 700; } .title svg[data-v-efab822a] { vertical-align: top; margin-right: 0.375rem; } a[data-v-efab822a] { font-size: 0.875rem; padding-left: 0.625rem; display: block; color: rgb(0, 0, 0); margin-top: 1.25rem; } a span[data-v-efab822a] { text-decoration: underline; } .svg-wish { width: 1.25rem; height: 1.25rem; } .custom-class .ant-message-notice-content { padding: 0px; background: none; } .custom-class .ant-message-notice-content .ant-message-custom-content { height: 3.125rem; line-height: 3.125rem; background: rgba(0, 0, 0, 0.8); border-radius: 0.5rem; text-align: center; color: rgb(255, 255, 255); font-size: 1rem; margin: 0px; padding: 0px 1.25rem; } .custom-class .ant-message-notice-content .ant-message-custom-content p { margin-bottom: 0px; } .custom-class .ant-message-notice-content .ant-message-custom-content .anticon-check-circle { display: none; } .custom-class .ant-message-notice-content .ant-message-custom-content a { color: rgb(255, 255, 255); } [data-v-75ec09ed]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-75ec09ed] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-75ec09ed] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-75ec09ed] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-75ec09ed] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-75ec09ed] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-75ec09ed] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-75ec09ed] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-75ec09ed] { padding: 0px 20px; } } .ant-form-item[data-v-75ec09ed], .ant-radio-wrapper[data-v-75ec09ed], .ant-radio-group[data-v-75ec09ed] { font-variant: normal !important; } .ant-message[data-v-75ec09ed] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-75ec09ed] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-75ec09ed] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-75ec09ed] { display: none; } .add-wish[data-v-75ec09ed] { width: 3.125rem; height: 3.125rem; border: 0px; position: relative; background: rgb(249, 249, 249); border-radius: 6.25rem; vertical-align: middle; box-shadow: none; } .add-wish.circle[data-v-75ec09ed] { width: 3.75rem; height: 3.75rem; border: 0.09375rem solid rgb(204, 204, 204); background: rgb(255, 255, 255); } .add-wish.circle[data-v-75ec09ed]:hover { border: 0.09375rem solid rgb(255, 95, 68); } .add-wish.white[data-v-75ec09ed] { background: rgba(255, 255, 255, 0.71); } .add-wish.border svg path[data-v-75ec09ed] { stroke: rgb(230, 77, 67); } .add-wish.border:hover svg path[data-v-75ec09ed] { fill: rgb(230, 77, 67); } .add-wish .label[data-v-75ec09ed], .add-wish .num[data-v-75ec09ed] { display: inline-block; margin-left: 0.625rem; vertical-align: middle; color: rgb(51, 51, 51); } .add-wish > svg[data-v-75ec09ed] { position: absolute; inset: 0px; margin: auto; z-index: 1; } .add-wish:hover svg path[data-v-75ec09ed], .add-wish.success svg path[data-v-75ec09ed] { stroke: rgb(230, 77, 67); } .add-wish.success svg path[data-v-75ec09ed] { stroke: rgb(230, 77, 67); fill: rgb(230, 77, 67); } .add-wish.label[data-v-75ec09ed] { width: auto; height: auto; } .add-wish.label > svg[data-v-75ec09ed] { position: static; display: inline-block; vertical-align: middle; } .add-wish.lang[data-v-75ec09ed] { width: auto; min-width: 3.125rem; height: 1.875rem; padding: 0px 1.25rem; } .add-wish.lang .svg[data-v-75ec09ed] { position: static; display: inline-block; vertical-align: middle; } .add-wish.lang .num[data-v-75ec09ed] { display: inline-block; } .wish-msg[data-v-75ec09ed] { position: fixed; left: 50%; top: 23.5%; z-index: 999; transform: translate(-50%, -50%); padding: 0px 2.1875rem 0px 1.5625rem; height: 3.125rem; line-height: 3.125rem; background: rgba(0, 0, 0, 0.8); border-radius: 0.5rem; text-align: center; color: rgb(255, 255, 255); font-size: 1rem; } .wish-msg a[data-v-75ec09ed] { color: rgb(255, 255, 255); } .wish-msg u[data-v-75ec09ed] { cursor: pointer; } .wish-msg img[data-v-75ec09ed] { margin-right: 0.625rem; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .newuser-success { width: 28.25rem !important; height: auto !important; } [data-v-21259a53]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-21259a53] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-21259a53] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-21259a53] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-21259a53] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-21259a53] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-21259a53] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-21259a53] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-21259a53] { padding: 0px 20px; } } .ant-form-item[data-v-21259a53], .ant-radio-wrapper[data-v-21259a53], .ant-radio-group[data-v-21259a53] { font-variant: normal !important; } .ant-message[data-v-21259a53] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-21259a53] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-21259a53] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-21259a53] { display: none; } .newuser-success-box[data-v-21259a53] { width: 28.25rem; height: auto; padding: 3.125rem 2.1875rem 1.875rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/newuser-bgnew3-d05cf67b.jpg") center center / 100% 100% no-repeat; text-align: center; } .newuser-success-box .newuser-success-content .newuser-success-img[data-v-21259a53] { width: 2.4375rem; height: 2.4375rem; } .newuser-success-box .newuser-success-content .nst[data-v-21259a53] { margin-bottom: 1.25rem; } .newuser-success-box .newuser-success-content .newuser-success-title[data-v-21259a53] { font-size: 1.25rem; margin: 0.9375rem 0px 0.3125rem; } .newuser-success-box .newuser-success-content .newuser-success-subtitle[data-v-21259a53] { font-size: 0.875rem; color: rgb(51, 51, 51); } .newuser-success-box .newuser-success-content .code-f[data-v-21259a53] { width: 21.75rem; margin: 0px auto; display: flex; justify-content: space-between; } .newuser-success-box .newuser-success-content .code-f .code1[data-v-21259a53] { width: 7rem; height: 6.25rem; padding: 1.25rem 0px; text-align: center; background: url("https://ca-static.costway.ca/assets/1760598923/images/newuser-code1-b03bcd64.png") center center / 100% no-repeat; position: relative; } .newuser-success-box .newuser-success-content .code-f .code1 h2[data-v-21259a53] { font-size: 1.25rem; color: rgb(255, 95, 68); font-weight: 700; } .newuser-success-box .newuser-success-content .code-f .code1 p[data-v-21259a53] { font-size: 0.75rem; color: rgb(102, 102, 102); } .newuser-success-box .newuser-success-content .code-f .code1 .code-count[data-v-21259a53] { position: absolute; top: -0.0625rem; right: 0.25rem; font-size: 0.875rem; color: rgb(255, 255, 255); } .newuser-success-box .newuser-success-content .code-f .code1 .code-count b[data-v-21259a53] { font-weight: 700; } .newuser-success-box .newuser-success-content .code-f .code1-gray[data-v-21259a53] { background: url("https://ca-static.costway.ca/assets/1760598923/images/newuser-code1-gray-40206079.png") center center / 100% no-repeat; } .newuser-success-box .newuser-success-content .code-s[data-v-21259a53] { width: 21.75rem; display: flex; justify-content: space-between; margin: 0.375rem auto 0px; } .newuser-success-box .newuser-success-content .code-s .code4[data-v-21259a53] { width: 10.625rem; height: 6.25rem; padding: 1.25rem 0px; text-align: center; background: url("https://ca-static.costway.ca/assets/1760598923/images/newuser-code2-2cf30a6f.png") center center / 100% no-repeat; position: relative; } .newuser-success-box .newuser-success-content .code-s .code4 h2[data-v-21259a53] { font-size: 1.25rem; color: rgb(255, 95, 68); font-weight: 700; } .newuser-success-box .newuser-success-content .code-s .code4 p[data-v-21259a53] { font-size: 0.75rem; color: rgb(102, 102, 102); } .newuser-success-box .newuser-success-content .code-s .code4 .code-count[data-v-21259a53] { position: absolute; top: -0.0625rem; right: 0.25rem; font-size: 0.875rem; color: rgb(255, 255, 255); } .newuser-success-box .newuser-success-content .code-s .code4 .code-count b[data-v-21259a53] { font-weight: 700; } .newuser-success-box .newuser-success-content .code-s .code4-gray[data-v-21259a53] { background: url("https://ca-static.costway.ca/assets/1760598923/images/newuser-code2-gray-2b07463d.png") center center / 100% no-repeat; } .newuser-success-box .newuser-success-content .tips[data-v-21259a53] { font-size: 0.75rem; color: rgb(102, 102, 102); margin-top: 0.9375rem; } .newuser-success-box .newuser-success-content .registration[data-v-21259a53] { font-size: 0.875rem; color: rgb(51, 51, 51); margin-top: 1.5625rem; margin-bottom: 0.75rem; } .newuser-success-box .newuser-success-content .register .ant-input-password[data-v-21259a53] { height: 2.8125rem; border-radius: 0.125rem 0px 0px 0.125rem; font-size: 0.875rem; border-width: 0.0625rem 0px 0.0625rem 0.0625rem; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-image: initial; border-right-style: initial; border-right-color: initial; } .newuser-success-box .newuser-success-content .register .ant-btn[data-v-21259a53] { height: 2.8125rem; border-radius: 0px 0.125rem 0.125rem 0px; font-size: 1rem; border: 0px; background: rgb(255, 200, 66); color: rgb(255, 255, 255); } .newuser-success-box .newuser-success-content .register .password-tips1[data-v-21259a53] { font-size: 0.75rem; text-align: left; color: rgb(253, 172, 14); } .newuser-success-box .newuser-success-content .register .password-tips1 p[data-v-21259a53] { display: flex; align-items: center; } .newuser-success-box .newuser-success-content .register .password-tips1 img[data-v-21259a53] { width: 0.875rem; height: 0.875rem; margin-right: 0.1875rem; } .newuser-success-box .newuser-success-content .register .password-tips2[data-v-21259a53] { font-size: 0.75rem; text-align: left; color: rgb(230, 77, 67); } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .new-user { width: 28.25rem !important; height: auto !important; } .new-user .ant-modal-content { border-radius: 0px; } .new-user .ant-modal-body { padding: 0px; } .new-user .ant-form-item { margin-bottom: 0.625rem; } .new-user .ant-form-item-explain-error { text-align: left; font-size: 0.875rem; line-height: 1rem; } .ant-message { z-index: 99999999 !important; } [data-v-0ee6fd6b]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-0ee6fd6b] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-0ee6fd6b] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-0ee6fd6b] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-0ee6fd6b] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-0ee6fd6b] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-0ee6fd6b] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-0ee6fd6b] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-0ee6fd6b] { padding: 0px 20px; } } .ant-form-item[data-v-0ee6fd6b], .ant-radio-wrapper[data-v-0ee6fd6b], .ant-radio-group[data-v-0ee6fd6b] { font-variant: normal !important; } .ant-message[data-v-0ee6fd6b] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-0ee6fd6b] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-0ee6fd6b] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-0ee6fd6b] { display: none; } .new-user-box[data-v-0ee6fd6b] { width: 28.25rem; height: auto; padding: 1.625rem 2.5rem 1.875rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/newuser-bgnew3-d05cf67b.jpg") center center / 100% 100% no-repeat; text-align: center; } .new-user-box .new-user-content .logo[data-v-0ee6fd6b] { width: 5.25rem; height: 2.25rem; } .new-user-box .new-user-content .new-user-title[data-v-0ee6fd6b] { margin: 2rem 0px 0px; } .new-user-box .new-user-content .new-user-title h2[data-v-0ee6fd6b], .new-user-box .new-user-content .new-user-title p[data-v-0ee6fd6b] { font-size: 1.25rem; color: rgb(51, 51, 51); margin: 0px; } .new-user-box .new-user-content .phone-title[data-v-0ee6fd6b] { margin: 2rem 0px 0px; } .new-user-box .new-user-content .phone-title h2[data-v-0ee6fd6b] { font-size: 1.25rem; color: rgb(51, 51, 51); margin: 0px; } .new-user-box .new-user-content .phone-title p[data-v-0ee6fd6b] { font-size: 1.125rem; color: rgb(51, 51, 51); margin: 0px 0px 2.1875rem; } .new-user-box .new-user-content .new-user-code img[data-v-0ee6fd6b] { width: 18.625rem; height: 12.625rem; } .new-user-box .new-user-content .subscribe-form[data-v-0ee6fd6b] { margin-top: 0.5rem; } .new-user-box .new-user-content .subscribe-form .ant-input[data-v-0ee6fd6b] { height: 2.8125rem; border-radius: 0.125rem; font-size: 0.875rem; border: 0.0625rem solid rgb(204, 204, 204); } .new-user-box .new-user-content .subscribe-form .ant-btn[data-v-0ee6fd6b] { height: 2.8125rem; border-radius: 0.125rem; font-size: 1rem; } .new-user-box .new-user-content .subscribe-form .terms[data-v-0ee6fd6b] { font-size: 0.8125rem; margin-top: 1.25rem; } .new-user-box .new-user-content .subscribe-form .terms a[data-v-0ee6fd6b] { text-decoration: underline; color: rgb(253, 172, 14); } .new-user-box .new-user-content .phone-form .ant-btn[data-v-0ee6fd6b] { height: 2.8125rem; border-radius: 0.125rem; font-size: 1rem; margin-bottom: 0.75rem; margin-top: 1rem; } .new-user-box .new-user-content .phone-form .notks[data-v-0ee6fd6b] { background: rgb(255, 255, 255); border: 0.0625rem solid rgb(204, 204, 204); margin-top: 0px !important; color: rgb(51, 51, 51) !important; } .new-user-box .new-user-content .phone-form .terms[data-v-0ee6fd6b] { margin: 0.625rem 0px; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } @media (max-width: 1150px) { .join-membership { width: 93.75rem !important; } .join-membership .plus-coupons img { width: 100%; } } .join-membership .ant-modal-content { border-radius: 0.625rem; } .join-membership .ant-modal-body { padding: 0px; } .join-membership svg { width: 1.375rem; height: 1.375rem; } .text-center { text-align: center; } .ant-spin-nested-loading > div > .ant-spin.plus-spin { bottom: 0px; margin: auto; left: 25%; } [data-v-b57eb816]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-b57eb816] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-b57eb816] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-b57eb816] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-b57eb816] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-b57eb816] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-b57eb816] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-b57eb816] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-b57eb816] { padding: 0px 20px; } } .ant-form-item[data-v-b57eb816], .ant-radio-wrapper[data-v-b57eb816], .ant-radio-group[data-v-b57eb816] { font-variant: normal !important; } .ant-message[data-v-b57eb816] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-b57eb816] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-b57eb816] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-b57eb816] { display: none; } .join-membership .vip-con[data-v-b57eb816] { display: flex; } .join-membership .vip-con > div[data-v-b57eb816] { width: 50%; } .join-membership .membership-benefits[data-v-b57eb816] { border-radius: 0.625rem 0px 0px 0.625rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/membership-benefits-bg-d9a059f9.png"); background-size: 100% 100%; background-color: rgb(34, 34, 33); padding: 0px 2.25rem 2.5rem; } .join-membership .membership-benefits h3[data-v-b57eb816] { font-weight: 600; font-size: 1.5rem; line-height: 2.25rem; text-align: center; color: rgb(255, 255, 255); padding-top: 2.5rem; } .join-membership .membership-benefits .plus-coupons[data-v-b57eb816] { width: 14.375rem; height: 7.625rem; margin: 1.875rem auto; } .join-membership .membership-benefits .plus-coupons img[data-v-b57eb816] { width: 100%; } .join-membership .membership-benefits .discount-off[data-v-b57eb816] { color: rgb(255, 255, 255); text-align: center; margin-bottom: 0.625rem; } .join-membership .membership-benefits .discount-off span[data-v-b57eb816] { font-size: 1rem; font-weight: 700; color: rgb(255, 200, 66); } .join-membership .membership-benefits .benefits[data-v-b57eb816] { display: flex; flex-wrap: wrap; background: rgba(0, 0, 0, 0.43); border-radius: 0.8125rem; margin: 0px auto; padding-bottom: 1.25rem; padding-right: 0.625rem; } .join-membership .membership-benefits .benefits li[data-v-b57eb816] { font-size: 0.875rem; color: rgb(204, 204, 204); width: 50%; display: flex; align-items: center; margin-top: 1.25rem; } .join-membership .membership-benefits .benefits li p[data-v-b57eb816] { margin-left: 0.625rem; margin-bottom: 0px; font-size: 0.875rem; } .join-membership .membership-benefits .benefits li img[data-v-b57eb816] { width: 3.125rem; height: 3.125rem; border-radius: 50%; background-color: rgb(0, 0, 0); margin-left: 1.25rem; } .join-membership .open-plus[data-v-b57eb816] { position: relative; } .join-membership .open-plus h2[data-v-b57eb816] { color: rgb(34, 34, 34); font-weight: 600; font-size: 1.5rem; line-height: 1.625rem; margin: 2.5rem 0px 0.625rem; text-align: center; } .join-membership .open-plus .text[data-v-b57eb816] { text-align: center; margin-bottom: 1.25rem; margin-top: 1.875rem; } .join-membership .open-plus .ant-input[data-v-b57eb816] { flex: 1 1 0%; height: 3.125rem; border-radius: 1.875rem; border: none; padding-left: 1.25rem; background: rgb(244, 244, 244) !important; } .join-membership .open-plus .phone-number[data-v-b57eb816] { display: flex; } .join-membership .open-plus .phone-number .ant-input[data-v-b57eb816] { flex: 1 1 0%; border-radius: 1.875rem 0px 0px 1.875rem; } .join-membership .open-plus .phone-number .verify[data-v-b57eb816] { width: 9.3125rem; height: 3.125rem; background: rgb(253, 172, 14); border-radius: 0px 1.875rem 1.875rem 0px; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; } .join-membership .open-plus .ant-form-item[data-v-b57eb816] { width: 28.625rem; margin: 0px auto 0.625rem; } .join-membership .open-plus .tips[data-v-b57eb816] { font-size: 0.875rem; color: rgb(153, 153, 153); text-align: center; margin: 0.9375rem 0px 0.3125rem; } .join-membership .open-plus .ant-checkbox-wrapper[data-v-b57eb816] { color: rgb(153, 153, 153); } .join-membership .open-plus .ant-checkbox-wrapper a[data-v-b57eb816] { color: rgb(253, 172, 14); text-decoration: underline; } .join-membership .open-plus .next-button[data-v-b57eb816] { height: 3.125rem; background: rgb(255, 200, 66); border: 0.0625rem solid rgb(255, 200, 66); box-shadow: rgba(222, 166, 28, 0.39) 0.125rem 0.3125rem 1.8125rem; border-radius: 1.875rem; font-weight: 500; font-size: 1.25rem; color: rgb(0, 0, 0); margin-top: 1.5625rem; } .join-membership .open-plus .checkout[data-v-b57eb816] { position: absolute; bottom: 2.5rem; border-top: 0.0625rem solid rgb(204, 204, 204); width: calc(100% - 5.75rem); margin: 0px 2.875rem; } .join-membership .open-plus .checkout .total[data-v-b57eb816] { font-size: 1.5rem; color: rgb(51, 51, 51); margin: 1.25rem 0px 0.625rem; text-align: center; } .join-membership .open-plus .checkout .total span[data-v-b57eb816]:nth-of-type(1) { font-size: 1.875rem; color: rgb(34, 34, 34); font-weight: 500; } .join-membership .open-plus .checkout .total span[data-v-b57eb816]:nth-of-type(2) { font-size: 1.25rem; color: rgb(153, 153, 153); text-decoration: line-through; } .join-membership .open-plus .checkout .plus-tips[data-v-b57eb816] { width: 26.1875rem; height: 2.8125rem; margin: 0px auto; background: url("https://ca-static.costway.ca/assets/1760598923/images/plus-icon14-949e8fa4.png") 0% 0% / cover; position: relative; } .join-membership .open-plus .checkout .plus-tips .plus-tips-l[data-v-b57eb816], .join-membership .open-plus .checkout .plus-tips .plus-tips-r[data-v-b57eb816] { position: absolute; top: 0px; width: 28%; height: 2.8125rem; line-height: 2.8125rem; text-align: center; font-size: 1rem; } .join-membership .open-plus .checkout .plus-tips .plus-tips-l[data-v-b57eb816] { left: 0px; font-weight: 700; } .join-membership .open-plus .checkout .plus-tips .plus-tips-r[data-v-b57eb816] { width: 72%; right: 0px; } .join-membership .open-plus .checkout .plus-tips .plus-tips-r span[data-v-b57eb816] { color: rgb(253, 172, 14); font-size: 1.25rem; font-weight: 700; } .join-membership .open-plus .checkout .checkout-button[disabled][data-v-b57eb816] { background: rgb(244, 244, 244); color: rgb(187, 187, 187); } .join-membership .open-plus .sec-pay iframe[data-v-b57eb816] { width: 100%; height: 660px; } .join-membership .open-plus .refresh-btn[data-v-b57eb816] { text-align: center; } .join-membership .open-plus .refresh-btn span[data-v-b57eb816] { width: 17.375rem; height: 44px; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 2.5rem; line-height: 44px; font-size: 16px; text-align: center; display: inline-block; cursor: pointer; margin: 1.25rem 0px; } .checkout-button[data-v-b57eb816], .use-now[data-v-b57eb816] { width: 19.125rem; height: 3.125rem; line-height: 2.875rem; background: rgb(255, 200, 66); border-radius: 2.5rem; font-weight: 500; font-size: 1.25rem; color: rgb(0, 0, 0); border: none; display: block; margin: 0px auto; text-align: center; } .use-now[data-v-b57eb816] { border: 0.125rem solid rgb(254, 204, 134); cursor: pointer; font-weight: 600; } .success-wrapper[data-v-b57eb816] { background: rgba(27, 27, 27, 0.9); width: 100%; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 999999; } .success-wrapper .success-inner[data-v-b57eb816] { display: flex; width: 100%; align-items: center; justify-content: center; flex-wrap: wrap; } .success-wrapper ul[data-v-b57eb816] { width: 37.5rem; margin-top: 1.25rem; display: flex; justify-content: space-around; } .success-wrapper ul li[data-v-b57eb816] { width: 23%; box-sizing: border-box; height: 11.3125rem; background-image: url("https://assets.costway.com/media/wysiwyg/FDS-product/Home/vip/vip20.png"); background-repeat: no-repeat; background-size: 100% 100%; padding-top: 1.375rem; } .success-wrapper ul li .coupon-t[data-v-b57eb816] { text-align: center; font-size: 2.75rem; font-weight: 700; } .success-wrapper ul li .coupon-b[data-v-b57eb816] { text-align: center; font-size: 0.9375rem; margin-top: 1.25rem; line-height: 1.25rem; } .success-wrapper .use-now[data-v-b57eb816] { display: block; margin-top: 2.375rem; } [data-v-b57eb816] .ant-carousel .slick-dots li.slick-active button { background: rgb(255, 200, 66); } [data-v-b57eb816] .ant-carousel .slick-dots li button { height: 0.4375rem; padding: 0px; border-radius: 0.625rem; } [data-v-48c3f0a6]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-48c3f0a6] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-48c3f0a6] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-48c3f0a6] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-48c3f0a6] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-48c3f0a6] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-48c3f0a6] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-48c3f0a6] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-48c3f0a6] { padding: 0px 20px; } } .ant-form-item[data-v-48c3f0a6], .ant-radio-wrapper[data-v-48c3f0a6], .ant-radio-group[data-v-48c3f0a6] { font-variant: normal !important; } .ant-message[data-v-48c3f0a6] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-48c3f0a6] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-48c3f0a6] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-48c3f0a6] { display: none; } .tag-group[data-v-48c3f0a6] { display: flex; justify-content: flex-start; margin-top: 0.625rem; cursor: pointer; flex-wrap: nowrap; margin-bottom: 0.625rem; height: 1.875rem; } .tag-group .tag-group-l[data-v-48c3f0a6] { padding-top: 0.25rem; max-width: 40.3125rem; height: 1.875rem; overflow: hidden; } .tag-group .tag-group-l span[data-v-48c3f0a6] { margin-right: 0.375rem; font-size: 0.875rem; background: rgb(254, 246, 245); color: rgb(230, 77, 67); border-radius: 0.125rem; padding: 0.3125rem 0.375rem; word-break: break-all; } .tag-group .tag-group-r[data-v-48c3f0a6] { margin-left: 0.625rem; font-size: 0.875rem; color: rgb(230, 77, 67); width: 4.6875rem; } .tag-group .tag-group-r .get-now[data-v-48c3f0a6] { text-decoration: underline; line-height: 2rem; } .feed-tag .tag-group-l[data-v-48c3f0a6] { max-width: 22.25rem; } .productdetailpop-tag .tag-group-l[data-v-48c3f0a6] { max-width: 20.125rem; } .coupon-box[data-v-48c3f0a6] { padding: 1.25rem; box-sizing: border-box; } .coupon-box .p-title[data-v-48c3f0a6] { text-align: left; color: rgb(51, 51, 51); margin: 1.25rem 0px 0.625rem; font-weight: 700; } .coupon-box .coupon-t .join-plus-card[data-v-48c3f0a6] { margin-bottom: 1.25rem; position: relative; } .coupon-box .coupon-t .join-plus-card img[data-v-48c3f0a6] { width: 100%; cursor: pointer; } .coupon-box .coupon-t .join-plus-card p[data-v-48c3f0a6] { position: absolute; top: 0.1875rem; right: 1.125rem; color: rgb(255, 255, 255); font-size: 0.875rem; margin-bottom: 0px; } .coupon-box .coupon-t .join-plus-card p span[data-v-48c3f0a6]:nth-of-type(1) { color: rgb(255, 200, 66); font-weight: 700; } .coupon-box .coupon-t .join-plus-card p span[data-v-48c3f0a6]:nth-of-type(2) { font-weight: 700; font-size: 1.25rem; color: rgb(255, 200, 66); } .coupon-box .coupon-item[data-v-48c3f0a6] { width: 100%; height: 6.25rem; border-radius: 0.375rem; background: rgb(254, 246, 245); padding: 1.25rem; margin-bottom: 1.25rem; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; position: relative; } .coupon-box .coupon-item .l[data-v-48c3f0a6] { width: 25%; color: rgb(255, 95, 68); font-size: 1.25rem; } .coupon-box .coupon-item .l span[data-v-48c3f0a6] { font-size: 1.625rem; font-weight: 600; line-height: 2.8125rem; } .coupon-box .coupon-item .c[data-v-48c3f0a6] { text-align: left; min-width: 50%; } .coupon-box .coupon-item .c .coupon-title[data-v-48c3f0a6] { font-size: 0.875rem; color: rgb(0, 0, 0); font-weight: 700; margin-bottom: 0.3125rem; } .coupon-box .coupon-item .c .coupon-dec[data-v-48c3f0a6], .coupon-box .coupon-item .c .coupon-date[data-v-48c3f0a6] { width: 9.375rem; font-size: 0.75rem; color: rgb(102, 102, 102); margin-bottom: 0.1875rem; line-height: 1rem; } .coupon-box .coupon-item .c .coupon-disable[data-v-48c3f0a6] { width: 9.375rem; font-size: 0.75rem; color: rgb(255, 95, 68); line-height: 1rem; } .coupon-box .coupon-item .c .coupon-disable svg[data-v-48c3f0a6] { vertical-align: middle; margin-right: 0.0625rem; } .coupon-box .coupon-item .c p[data-v-48c3f0a6]:last-child { margin-bottom: 0px; } .coupon-box .coupon-item .r[data-v-48c3f0a6] { width: 26%; z-index: 1; } .coupon-box .coupon-item .r .get-now[data-v-48c3f0a6] { width: 5.9375rem; height: 2.1875rem; display: inline-block; text-align: center; border-radius: 2.5rem; line-height: 2.1875rem; color: rgb(255, 95, 68); border: 0.0625rem solid rgb(255, 95, 68); font-size: 0.875rem; font-weight: 700; cursor: pointer; } .coupon-box .coupon-item .r .see-more-a[data-v-48c3f0a6] { font-size: 0.75rem; color: rgb(102, 102, 102); text-decoration: underline; text-align: center; display: inline-block; width: 100%; } .coupon-box .coupon-item .r .redeemed[data-v-48c3f0a6] { color: rgb(255, 155, 138); font-weight: 700; font-size: 0.875rem; } .coupon-box .coupon-item .coupon-icon[data-v-48c3f0a6] { position: absolute; right: 0px; bottom: 0px; } .coupon-box .coupon-plus[data-v-48c3f0a6] { background: rgb(255, 249, 238); } .coupon-box .coupon-plus .l[data-v-48c3f0a6] { color: rgb(0, 0, 0); } .coupon-box .coupon-plus .c .coupon-title[data-v-48c3f0a6] { padding: 0.0625rem 0.625rem; display: inline-block; font-size: 0.75rem; color: rgb(255, 200, 66); background: rgb(3, 2, 2); border-radius: 1.25rem; font-weight: 400; } [data-v-978023c2]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-978023c2] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-978023c2] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-978023c2] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-978023c2] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-978023c2] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-978023c2] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-978023c2] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-978023c2] { padding: 0px 20px; } } .ant-form-item[data-v-978023c2], .ant-radio-wrapper[data-v-978023c2], .ant-radio-group[data-v-978023c2] { font-variant: normal !important; } .ant-message[data-v-978023c2] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-978023c2] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-978023c2] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-978023c2] { display: none; } .ac-recommend-pop[data-v-978023c2] { padding: 0.9375rem; height: 32.5rem; } .ac-recommend-pop h4[data-v-978023c2] { font-size: 1.25rem; font-weight: 500; line-height: 1.875rem; text-align: center; margin: 0px 0px 1.5rem; } .ac-recommend-pop input[data-v-978023c2], .ac-recommend-pop textarea[data-v-978023c2] { height: 3.125rem; border: 0.0625rem solid rgb(204, 204, 204); font-size: 1rem; } .ac-recommend-pop input[data-v-978023c2]::placeholder, .ac-recommend-pop textarea[data-v-978023c2]::placeholder { color: rgb(153, 153, 153); } .ac-recommend-pop textarea[data-v-978023c2] { padding: 0.625rem 0.875rem 0px; height: 4.6875rem !important; } .ac-recommend-pop button[data-v-978023c2] { height: 3.125rem; border-radius: 2.1875rem; width: 100%; margin-top: 0.625rem; font-size: 1.125rem; } .ac-recommend-pop .ant-form-item[data-v-978023c2] { margin-top: 0.25rem; } .ac-recommend-pop .best-choice[data-v-978023c2] { margin-top: 3.125rem; text-align: center; font-size: 1.25rem; } .ac-recommend-pop .best-choice .icon-success[data-v-978023c2] { width: 3.125rem; height: 3.125rem; } .ac-recommend-pop .best-choice p[data-v-978023c2] { margin-top: 1.875rem; } .ac-recommend-pop .best-choice .heiglight[data-v-978023c2] { color: rgb(253, 172, 14); text-decoration: underline; } .ac-recommend-pop .btn-back[data-v-978023c2] { margin: 2.5rem auto 0px; width: 10.625rem; height: 3.125rem; line-height: 3.125rem; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 1.71875rem; cursor: pointer; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .chair-trial-pop { width: 35rem !important; max-width: 90vw !important; } .chair-trial-pop .ant-modal-mask { background-color: rgba(0, 0, 0, 0.8); } .chair-trial-pop .ant-picker-suffix { display: none; } .chair-trial-pop .ant-modal-content { border-radius: 1.375rem; background: none; box-shadow: none; } .chair-trial-pop .ant-modal-body { padding: 0px; } .chair-trial-pop .ant-form-item { margin-bottom: 1rem; } .chair-trial-pop .ant-form-item-explain-error { text-align: left; font-size: 0.75rem; line-height: 0.875rem; margin-top: 0.25rem; } .chair-trial-pop .ant-modal-close { display: none; } .ant-picker-dropdown, .ant-select-dropdown { z-index: 666667 !important; } .ant-select-dropdown .ant-select-item-option-selected::after { display: none !important; } .ant-select-dropdown .ant-select-item-option-selected .anticon-check { display: none !important; } .pac-container { border-radius: 0.375rem; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.25rem 0.75rem; border: 0.0625rem solid rgb(217, 217, 217); z-index: 666667 !important; } .pac-container .pac-item { padding: 0.5rem 0.75rem; border-bottom: 0.0625rem solid rgb(240, 240, 240); } .pac-container .pac-item:hover { background-color: rgb(245, 245, 245); } .pac-container .pac-item.pac-item-selected { background-color: rgb(230, 247, 255); } .pac-container .pac-item .pac-icon { margin-right: 0.5rem; } .pac-container .pac-item .pac-item-query { font-weight: 500; } .pac-container .pac-item:last-child { border-bottom: none; } [data-v-34f54835]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-34f54835] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-34f54835] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-34f54835] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-34f54835] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-34f54835] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-34f54835] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-34f54835] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-34f54835] { padding: 0px 20px; } } .ant-form-item[data-v-34f54835], .ant-radio-wrapper[data-v-34f54835], .ant-radio-group[data-v-34f54835] { font-variant: normal !important; } .ant-message[data-v-34f54835] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-34f54835] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-34f54835] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-34f54835] { display: none; } .chair-trial-content[data-v-34f54835] { padding: 0px; position: relative; color: rgb(51, 51, 51); } .chair-trial-content .con[data-v-34f54835] { padding: 1.125rem 1.5625rem 1.5625rem; } .chair-trial-content .close-btn[data-v-34f54835] { position: absolute; top: 0.375rem; right: -0.25rem; width: 1.875rem; height: 1.875rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; cursor: pointer; color: rgb(102, 102, 102); } .chair-trial-content h1[data-v-34f54835] { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.625rem; color: rgb(51, 51, 51); text-align: left; } .chair-trial-content .chair-image[data-v-34f54835] { width: 35rem; height: auto; } .chair-trial-content .description[data-v-34f54835] { line-height: 1.4; margin-bottom: 0.9375rem; color: rgb(0, 0, 0); clear: both; font-size: 1rem; } .chair-trial-content .form-notice[data-v-34f54835] { margin-bottom: 0.9375rem; } .chair-trial-content .form-notice p[data-v-34f54835] { margin: 0.1875rem 0px; font-size: 0.875rem; line-height: 1.4; color: rgb(51, 51, 51); } .chair-trial-content h2[data-v-34f54835] { font-size: 1rem; font-weight: 700; margin: 0.9375rem 0px 0.625rem; color: rgb(51, 51, 51); } .chair-trial-content .ant-form-item-has-error .form-input[data-v-34f54835], .chair-trial-content .ant-form-item-has-error .form-textarea[data-v-34f54835], .chair-trial-content .ant-form-item-has-error[data-v-34f54835] .ant-select-selector, .chair-trial-content .ant-form-item-has-error .ant-picker[data-v-34f54835] { border-color: rgb(230, 77, 67) !important; box-shadow: rgba(230, 77, 67, 0.2) 0px 0px 0px 0.125rem !important; } .chair-trial-content .ant-form-item-has-error .floating-label[data-v-34f54835], .chair-trial-content .ant-form-item-has-error .floating-label.active[data-v-34f54835], .chair-trial-content .ant-form-item-has-error .floating-label.focused[data-v-34f54835] { color: rgb(230, 77, 67) !important; } .chair-trial-content .chair-trial-form .floating-label-container[data-v-34f54835] { position: relative; margin-bottom: 0.8125rem; } .chair-trial-content .chair-trial-form .floating-label-container .select-svg[data-v-34f54835], .chair-trial-content .chair-trial-form .floating-label-container .icon-svg[data-v-34f54835] { position: absolute; top: 1.125rem; right: 0.6875rem; z-index: 99; } .chair-trial-content .chair-trial-form .floating-label-container .floating-label[data-v-34f54835] { position: absolute; left: 0.8125rem; top: 50%; transform: translateY(-50%); background: white; padding: 0px 0.25rem; color: rgb(153, 153, 153); font-size: 1rem; pointer-events: none; transition: 0.3s; z-index: 2; } .chair-trial-content .chair-trial-form .floating-label-container .floating-label.active[data-v-34f54835], .chair-trial-content .chair-trial-form .floating-label-container .floating-label.focused[data-v-34f54835] { top: 0px; transform: translateY(-50%); font-size: 0.75rem; font-weight: 500; } .chair-trial-content .chair-trial-form .floating-label-container:has(.form-textarea) .floating-label[data-v-34f54835] { top: 1.25rem; transform: translateY(0px); } .chair-trial-content .chair-trial-form .floating-label-container:has(.form-textarea) .floating-label.active[data-v-34f54835], .chair-trial-content .chair-trial-form .floating-label-container:has(.form-textarea) .floating-label.focused[data-v-34f54835] { top: 0px; transform: translateY(-50%); } .chair-trial-content .chair-trial-form .form-input[data-v-34f54835] { height: 3.5rem; border-radius: 0.375rem; border: 0.0625rem solid rgb(217, 217, 217); position: relative; z-index: 1; } .chair-trial-content .chair-trial-form .form-input[data-v-34f54835]::placeholder { color: transparent; } .chair-trial-content .chair-trial-form .form-input[data-v-34f54835]:focus { box-shadow: rgba(255, 167, 38, 0.2) 0px 0px 0px 0.125rem; } .chair-trial-content .chair-trial-form .form-textarea[data-v-34f54835] { border-radius: 0.375rem; border: 0.0625rem solid rgb(217, 217, 217); padding: 0.75rem; resize: vertical; position: relative; z-index: 1; } .chair-trial-content .chair-trial-form .form-textarea[data-v-34f54835]::placeholder { color: transparent; } .chair-trial-content .chair-trial-form .form-textarea[data-v-34f54835]:focus { box-shadow: rgba(255, 167, 38, 0.2) 0px 0px 0px 0.125rem; } .chair-trial-content .chair-trial-form .floating-label-container:has(.ant-select) .floating-label.active[data-v-34f54835], .chair-trial-content .chair-trial-form .floating-label-container:has(.ant-select) .floating-label.focused[data-v-34f54835] { top: 0px; transform: translateY(-50%); font-size: 0.75rem; font-weight: 500; } .chair-trial-content .chair-trial-form .floating-label-container:has(.ant-picker) .floating-label.active[data-v-34f54835], .chair-trial-content .chair-trial-form .floating-label-container:has(.ant-picker) .floating-label.focused[data-v-34f54835] { top: 0px; transform: translateY(-50%); font-size: 0.75rem; font-weight: 500; } .chair-trial-content .chair-trial-form[data-v-34f54835] .ant-select-selector { border-radius: 0.375rem; padding: 0.75rem; min-height: 3.3125rem !important; border: none !important; } .chair-trial-content .chair-trial-form[data-v-34f54835] .ant-select-selector .ant-select-selection-item { line-height: 1.125rem; margin: 0.125rem 0.25rem 0.125rem 0px; background: rgb(240, 240, 240); border: 0.0625rem solid rgb(217, 217, 217); border-radius: 0.25rem; padding: 0.25rem 0.5rem; font-size: 0.75rem; } .chair-trial-content .chair-trial-form[data-v-34f54835] .ant-select-selector .ant-select-selection-placeholder { color: transparent; line-height: 2rem; padding: 0px; } .chair-trial-content .chair-trial-form[data-v-34f54835] .ant-select-selector:focus, .chair-trial-content .chair-trial-form[data-v-34f54835] .ant-select-selector.ant-select-focused { box-shadow: rgba(255, 167, 38, 0.2) 0px 0px 0px 0.125rem; } .chair-trial-content .chair-trial-form[data-v-34f54835] .ant-select-selector.ant-select-multiple .ant-select-selection-item { background: rgba(253, 172, 14, 0.1); border-color: rgba(253, 172, 14, 0.3); color: rgb(51, 51, 51); } .chair-trial-content .chair-trial-form[data-v-34f54835] .ant-select-selector.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove { display: none !important; } .chair-trial-content .chair-trial-form .ant-picker[data-v-34f54835] { height: 3.5rem; border-radius: 0.375rem; border: 0.0625rem solid rgb(217, 217, 217); padding: 0.75rem; } .chair-trial-content .chair-trial-form .ant-picker .ant-picker-input > input[data-v-34f54835]::placeholder { color: transparent; } .chair-trial-content .chair-trial-form .ant-picker[data-v-34f54835]:focus, .chair-trial-content .chair-trial-form .ant-picker.ant-picker-focused[data-v-34f54835] { box-shadow: rgba(255, 167, 38, 0.2) 0px 0px 0px 0.125rem; } .chair-trial-content .privacy-notice[data-v-34f54835] { margin: 1.25rem 0px; } .chair-trial-content .privacy-notice .ant-checkbox-wrapper[data-v-34f54835] { font-size: 0.875rem; line-height: 1.4; color: rgb(51, 51, 51); } .chair-trial-content .privacy-notice .ant-checkbox-wrapper a[data-v-34f54835] { color: rgb(255, 167, 38); text-decoration: underline; } .chair-trial-content .submit-btn-wrapper[data-v-34f54835] { text-align: center; margin-top: 1.25rem; } .chair-trial-content .submit-btn-wrapper .submit-btn[data-v-34f54835] { background: rgb(253, 172, 14); border-color: rgb(253, 172, 14); font-size: 1rem; height: 3rem; width: 13.75rem; border-radius: 1.5rem; } [data-v-b53170b4]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-b53170b4] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-b53170b4] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-b53170b4] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-b53170b4] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-b53170b4] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-b53170b4] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-b53170b4] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-b53170b4] { padding: 0px 20px; } } .ant-form-item[data-v-b53170b4], .ant-radio-wrapper[data-v-b53170b4], .ant-radio-group[data-v-b53170b4] { font-variant: normal !important; } .ant-message[data-v-b53170b4] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-b53170b4] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-b53170b4] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-b53170b4] { display: none; } .product-overview[data-v-b53170b4] { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0px; background-color: rgb(249, 249, 249); border-radius: 0.375rem; padding: 1.5625rem 1.5625rem 0px; line-height: 1.375rem; } .product-overview li[data-v-b53170b4] { width: 50%; margin-bottom: 1.5625rem; display: flex; align-items: center; } .product-overview li[data-v-b53170b4]:nth-child(2n+1) { padding-right: 2.5rem; } .product-overview li img[data-v-b53170b4] { width: 1.75rem; margin-right: 0.9375rem; } .product-overview li img.AHRI[data-v-b53170b4] { width: 2.1875rem; margin-right: 0.625rem; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .countdown { display: inline-block; } .countdown .ant-statistic-content { color: rgb(255, 255, 255); font-size: 1rem; font-weight: 600; } .bf-countdown { display: inline-block; } .bf-countdown .ant-statistic-content { color: rgb(0, 0, 0); font-size: 1rem; font-weight: 600; } [data-v-29348e11]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-29348e11] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-29348e11] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-29348e11] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-29348e11] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-29348e11] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-29348e11] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-29348e11] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-29348e11] { padding: 0px 20px; } } .ant-form-item[data-v-29348e11], .ant-radio-wrapper[data-v-29348e11], .ant-radio-group[data-v-29348e11] { font-variant: normal !important; } .ant-message[data-v-29348e11] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-29348e11] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-29348e11] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-29348e11] { display: none; } .price-drop[data-v-29348e11] { position: absolute; bottom: 0px; left: -1.875rem; background: 0% 0% / 100% 100% rgb(230, 77, 67); height: 1.875rem; line-height: 1.875rem; color: rgb(255, 255, 255); width: calc(100% + 3.75rem); padding-right: 1.875rem; font-weight: 500; } .price-drop .drop-countdown[data-v-29348e11] { font-size: 0.875rem; display: flex; align-items: center; justify-content: flex-end; } .price-drop .icon-time[data-v-29348e11] { width: 1rem; height: 1rem; margin-right: 0.375rem; } .price-drop .drop-txt[data-v-29348e11] { position: absolute; left: -0.5rem; bottom: -0.625rem; z-index: 1; width: 9.25rem; height: 3.625rem; line-height: 2.375rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/price-drop-5f84fc5c.png") center center / 100% no-repeat; padding-left: 1.5rem; padding-top: 0.625rem; } .bf-price-drop[data-v-29348e11] { color: rgb(0, 0, 0); background: url("https://ca-static.costway.ca/assets/1760598923/images/bf1-3be66a39.png") center center / 100% no-repeat; } .bf-price-drop .drop-txt[data-v-29348e11] { background: none; } [data-v-8c3679fa]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-8c3679fa], .related-products .contents.detail[data-v-8c3679fa] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-8c3679fa], .related-products .contents.detail[data-v-8c3679fa] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-8c3679fa], .related-products .contents.detail[data-v-8c3679fa] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-8c3679fa], .related-products .contents.detail[data-v-8c3679fa] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-8c3679fa], .related-products .contents.detail[data-v-8c3679fa] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-8c3679fa], .related-products .contents.detail[data-v-8c3679fa] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-8c3679fa], .related-products .contents.detail[data-v-8c3679fa] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-8c3679fa], .related-products .contents.detail[data-v-8c3679fa] { padding: 0px 20px; } } .ant-form-item[data-v-8c3679fa], .ant-radio-wrapper[data-v-8c3679fa], .ant-radio-group[data-v-8c3679fa] { font-variant: normal !important; } .ant-message[data-v-8c3679fa] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-8c3679fa] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-8c3679fa] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-8c3679fa] { display: none; } .swiper-main[data-v-8c3679fa] { margin-left: auto; margin-right: auto; position: relative; padding: 0px; z-index: 1; } .swiper-main .swiper[data-v-8c3679fa] { padding-bottom: 2.5rem; } .swiper-main .swiper .swiper-slide[data-v-8c3679fa] { box-shadow: rgba(0, 0, 0, 0.08) 0.0625rem 0.1875rem 0.4375rem; border-radius: 0.5rem; height: auto; } .swiper-main .swiper[data-v-8c3679fa] .swiper-pagination { bottom: 0px; } .swiper-main .swiper[data-v-8c3679fa] .swiper-pagination .swiper-pagination-bullet { width: 0.5625rem; height: 0.5625rem; background: rgb(224, 224, 224); } .swiper-main .swiper[data-v-8c3679fa] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 1.625rem !important; height: 0.5625rem !important; background: rgb(255, 95, 68) !important; border-radius: 0.375rem !important; } .swiper-main[data-v-8c3679fa] .swiper-button-disabled { pointer-events: auto; } .swiper-main .swiper-button-prev[data-v-8c3679fa], .swiper-main .swiper-button-next[data-v-8c3679fa] { display: none; color: rgb(102, 102, 102); width: 4.375rem; height: 4.375rem; border-radius: 2.1875rem; background: rgba(255, 255, 255, 0.8); top: 28%; } @media only screen and (max-width: 1600px) { .swiper-main .swiper-button-prev[data-v-8c3679fa], .swiper-main .swiper-button-next[data-v-8c3679fa] { width: 3rem; height: 3rem; border-radius: 1.5rem; } } .swiper-main .swiper-button-prev[data-v-8c3679fa]::after, .swiper-main .swiper-button-next[data-v-8c3679fa]::after { font-size: 1.75rem; } @media only screen and (max-width: 1600px) { .swiper-main .swiper-button-prev[data-v-8c3679fa]::after, .swiper-main .swiper-button-next[data-v-8c3679fa]::after { font-size: 1.5rem; } } .swiper-main .swiper-button-prev[data-v-8c3679fa] { left: -2.1875rem; } @media only screen and (max-width: 1600px) { .swiper-main .swiper-button-prev[data-v-8c3679fa] { left: 0.625rem; } } .swiper-main .swiper-button-next[data-v-8c3679fa] { right: -2.1875rem; } @media only screen and (max-width: 1600px) { .swiper-main .swiper-button-next[data-v-8c3679fa] { right: 0.625rem; } } .swiper-main:hover .swiper-button-prev[data-v-8c3679fa], .swiper-main:hover .swiper-button-next[data-v-8c3679fa] { display: flex; } .related-products[data-v-8c3679fa] { display: block; width: 100%; margin: 3rem 0px; } .related-products[data-v-8c3679fa]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .related-products .contents[data-v-8c3679fa] { margin: 0px auto; width: 100%; max-width: 1440px; } .related-products .contents > h2[data-v-8c3679fa] { font-size: 1.25rem; } .related-products h3[data-v-8c3679fa] { margin-bottom: 1.875rem; font-size: 1.5rem; line-height: 1; } .related-products img[data-v-8c3679fa] { margin: 0px auto; width: 100%; height: auto; padding: 0.625rem; } .related-products a[data-v-8c3679fa] { color: rgb(0, 0, 0); } .related-products h2.name[data-v-8c3679fa] { height: 2.5rem; margin: 1.25rem 0px 0.625rem; padding: 0px 0.625rem; font-size: 0.875rem; line-height: 1.25rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: keep-all; white-space: normal; } .related-products p > span[data-v-8c3679fa] { font-size: 1.125rem; margin: 0px 0.3125rem; line-height: 1; } .related-products p > span.price[data-v-8c3679fa] { color: rgb(153, 153, 153); text-decoration: line-through; font-size: 1rem; } .related-products p .price-diff[data-v-8c3679fa] { color: rgb(230, 77, 67); } .related-products p .price-same[data-v-8c3679fa] { color: rgb(0, 0, 0); } .related-products .img[data-v-8c3679fa] { position: relative; } .related-products .img .wish-box[data-v-8c3679fa] { display: none; position: absolute; top: 0.625rem; right: 0.625rem; z-index: 1; transform: scale(0.7); transform-origin: right top; } .related-products .img .tag-presale[data-v-8c3679fa] { position: absolute; bottom: 0px; left: 0px; background: rgb(255, 245, 220); height: 1.25rem; line-height: 1.25rem; width: 100%; color: rgb(27, 27, 27); border: 0.0625rem solid rgb(255, 231, 172); font-weight: 500; font-size: 0.75rem; } .related-products .img .tag-presale .stock-left[data-v-8c3679fa] { display: flex; align-items: center; justify-content: center; width: 9.0625rem; float: right; } .related-products .img .tag-presale .presale-txt[data-v-8c3679fa] { position: absolute; left: -0.625rem; bottom: -0.3125rem; z-index: 1; min-width: 6.25rem; height: 1.875rem; line-height: 2rem; text-align: center; font-weight: 600; background: url("https://ca-static.costway.ca/assets/1760598923/images/presale-list-f3e383cc.png") center center / 100% no-repeat; font-size: 0.75rem; } .related-products .img .tag-presale .presale-txt .text[data-v-8c3679fa] { display: flex; align-items: center; padding-left: 1.125rem; } .related-products .img .tag-presale .presale-txt .clock[data-v-8c3679fa] { width: 1.125rem; height: 1.125rem; } .related-products .img[data-v-8c3679fa] .price-drop { width: 100%; height: 1.5625rem; line-height: 1.5625rem; left: 0px; padding-right: 0.3125rem; } .related-products .img[data-v-8c3679fa] .price-drop .drop-txt { width: 6.875rem; font-size: 0.75rem; bottom: -0.9375rem; } .related-products .img[data-v-8c3679fa] .price-drop .drop-countdown, .related-products .img[data-v-8c3679fa] .price-drop .ant-statistic-content { font-size: 0.75rem; } .related-products .img .tag[data-v-8c3679fa] { position: absolute; top: 0.625rem; left: 0.625rem; line-height: 1; font-size: 0.875rem; padding: 0.3125rem 0.625rem; border-radius: 0.25rem; z-index: 2; pointer-events: none; } .related-products .img .tag.sale[data-v-8c3679fa], .related-products .img .tag.transit[data-v-8c3679fa] { background-color: rgb(255, 255, 255); } .related-products .img .tag.limited[data-v-8c3679fa] { background-color: rgb(249, 249, 249); color: rgb(0, 0, 0); } .related-products .img .tag.new[data-v-8c3679fa], .related-products .img .tag.onsale[data-v-8c3679fa] { background-color: rgb(254, 246, 245); color: rgb(230, 77, 67); } .related-products .img .tag.new[data-v-8c3679fa] { padding: 0.375rem 0.875rem; } .related-products .img .tag.bestseller[data-v-8c3679fa], .related-products .img .tag.clearance[data-v-8c3679fa] { background-color: rgb(255, 95, 68); color: rgb(255, 255, 255); } .related-products .img .tag.pre-sale[data-v-8c3679fa] { background-color: rgb(255, 245, 220); color: rgb(253, 172, 14); } .related-products .img .tag.has_video[data-v-8c3679fa] { width: 4rem; height: 4rem; inset: 0px; margin: auto; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-player-b3cf0f2d.png") center center / 100% 100% no-repeat; pointer-events: none; } .related-products .img .tag.price-guarantee[data-v-8c3679fa] { padding: 0px 0.3125rem 0px 0px; border: 0.0625rem solid rgb(11, 192, 99); background: rgb(239, 255, 247); height: 1.5rem; line-height: 1.375rem; border-radius: 0.25rem; overflow: hidden; } .related-products .img .tag.price-guarantee .icon[data-v-8c3679fa] { background: rgb(11, 192, 99); display: inline-block; padding: 0px 0.25rem; border-bottom-right-radius: 0.3125rem; margin-right: 0.3125rem; } .related-products .img .tag.price-guarantee .icon img[data-v-8c3679fa] { margin-top: -0.1875rem; padding: 0px; width: 0.875rem; } .related-products .img .tag.price-guarantee .title[data-v-8c3679fa] { font-size: 0.875rem; color: rgb(11, 192, 99); } .related-products .img .tag.transit[data-v-8c3679fa] { inset: auto auto 0.625rem 0.625rem; } .related-products .img .tag.transit svg[data-v-8c3679fa] { margin-right: 0.3125rem; width: 1.125rem; height: 1.125rem; } .related-products .img .tag.transit svg[data-v-8c3679fa], .related-products .img .tag.transit span[data-v-8c3679fa] { display: inline-block; vertical-align: middle; } .related-products .img .tag.transit span[data-v-8c3679fa] { color: rgb(255, 95, 68); } .related-products .img .out-of-stock[data-v-8c3679fa] { position: absolute; width: 11.25rem; height: 2.5rem; inset: 0px; margin: auto; color: rgb(255, 255, 255); text-align: center; line-height: 2.5rem; z-index: 2; background: rgba(51, 51, 51, 0.8); border-radius: 0.25rem; pointer-events: none; } .related-products .img .plus-tips[data-v-8c3679fa] { position: absolute; top: 0.625rem; left: 0.3125rem; font-size: 0.875rem; z-index: 6; transform: scale(0.7); transform-origin: 0px 0px; pointer-events: none; display: inline-block; width: 11.5rem; height: 1.875rem; border-radius: 0px; line-height: 1.875rem; overflow: hidden; padding: 0px; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-list-plus-5929a2b0.png") left top / 100% 100% no-repeat; white-space: nowrap; } .related-products .img .plus-tips .plus-price[data-v-8c3679fa], .related-products .img .plus-tips .plus-txt[data-v-8c3679fa] { display: inline-block; vertical-align: top; } .related-products .img .plus-tips .plus-price[data-v-8c3679fa] { text-align: center; width: 4.0625rem; } .related-products .img .plus-tips .plus-price span[data-v-8c3679fa] { font-size: 0.875rem; font-weight: 500; color: rgb(255, 200, 66); } .related-products .img .plus-tips .plus-txt[data-v-8c3679fa] { text-align: center; color: rgb(0, 0, 0); font-size: 0.875rem; } .related-products .img .is-plus-tips[data-v-8c3679fa] { width: 12.5rem; height: auto; background: none; } .related-products .img .is-plus-tips img[data-v-8c3679fa] { padding: 0px; } .related-products .img:hover .wish-box[data-v-8c3679fa] { display: block; } [data-v-79e47cee]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-79e47cee] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-79e47cee] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-79e47cee] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-79e47cee] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-79e47cee] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-79e47cee] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-79e47cee] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-79e47cee] { padding: 0px 20px; } } .ant-form-item[data-v-79e47cee], .ant-radio-wrapper[data-v-79e47cee], .ant-radio-group[data-v-79e47cee] { font-variant: normal !important; } .ant-message[data-v-79e47cee] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-79e47cee] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-79e47cee] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-79e47cee] { display: none; } .reviews[data-v-79e47cee] { display: inline-block; text-align: left; } .reviews .star-num[data-v-79e47cee] { display: none; vertical-align: middle; margin-right: 1.0625rem; } .reviews .rating-box[data-v-79e47cee] { display: inline-block; vertical-align: middle; width: 5.9375rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/x22-978f5e04.png") 0% 0% / 1.1875rem 0.875rem repeat-x; height: 1rem; } .reviews .rating-box .rating[data-v-79e47cee] { background: url("https://ca-static.costway.ca/assets/1760598923/images/x11-0eb28af2.png") 0% 0% / 1.1875rem 0.875rem repeat-x; height: 0.875rem; } .reviews.large .star-num[data-v-79e47cee] { display: inline-block; font-size: 3rem; } .reviews.large .rating-box[data-v-79e47cee] { width: 10rem; height: 1.4375rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/star1-fb4e9d16.png") 0% 0% / 2.0625rem 1.4375rem repeat-x; } .reviews.large .rating-box .rating[data-v-79e47cee] { background: url("https://ca-static.costway.ca/assets/1760598923/images/star2-fde18dcb.png") 0% 0% / 2.0625rem 1.4375rem repeat-x; height: 1.4375rem; } .reviews.large .ant-rate-text[data-v-79e47cee] { display: inline-block; vertical-align: middle; } .reviews.large .ant-rate-text .list[data-v-79e47cee] { font-size: 1.125rem; color: rgb(51, 51, 51); } .reviews .go-reviews[data-v-79e47cee] { font-size: 1.125rem; cursor: pointer; text-decoration: underline; } .reviews .bestseller-count[data-v-79e47cee] { margin-left: -0.3125rem; font-size: 0.875rem; color: rgb(102, 102, 102); } [data-v-4205b954]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-4205b954] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-4205b954] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-4205b954] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-4205b954] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-4205b954] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-4205b954] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-4205b954] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-4205b954] { padding: 0px 20px; } } .ant-form-item[data-v-4205b954], .ant-radio-wrapper[data-v-4205b954], .ant-radio-group[data-v-4205b954] { font-variant: normal !important; } .ant-message[data-v-4205b954] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-4205b954] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-4205b954] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-4205b954] { display: none; } .font-bold[data-v-4205b954] { font-weight: 700; } .left-drawer .row[data-v-4205b954] { border-bottom: 0.0625rem solid rgb(244, 244, 244); } .left-drawer .row[data-v-4205b954]:last-child { border-bottom: 0px; } .left-drawer .row > div[data-v-4205b954] { margin: 0.9375rem 1.5rem; } .left-drawer .row .title[data-v-4205b954] { margin-bottom: 0.9375rem; font-size: 0.9375rem; } .left-drawer .row .discount-tips[data-v-4205b954] { font-size: 0.875rem; line-height: 1.25rem; color: rgb(102, 102, 102); padding: 0.3125rem 0px 1.25rem; } .left-drawer .row .coupons[data-v-4205b954] { cursor: pointer; margin-bottom: 0.9375rem; } .left-drawer .row .coupons img[data-v-4205b954] { height: auto; } .left-drawer .row .coupons img.chair_coupon[data-v-4205b954] { width: 21rem; } .left-drawer .row .coupons img.vip-coupon[data-v-4205b954] { width: 19.5rem; } .left-drawer .row .coupons img.new_coupon_subscrbers[data-v-4205b954] { width: 20.75rem; } .left-drawer .err-msg[data-v-4205b954] { text-align: left; box-sizing: border-box; width: 20.75rem; margin: 0px auto 0.625rem; border-radius: 0.25rem; padding: 0.625rem 0.625rem 0.625rem 2.625rem; font-size: 0.9375rem; box-shadow: rgba(0, 0, 0, 0.1) 0.125rem 0.125rem 0.5rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/checked-d0692527.png") 0.625rem 50% / 1.625rem 1.125rem no-repeat rgb(255, 255, 255); } .register-coupon[data-v-4205b954] { border-bottom: 0.125rem solid rgb(244, 244, 244); padding: 0.9375rem 1.5rem; margin: 0px !important; } .register-coupon .register-coupon-tips[data-v-4205b954] { font-size: 0.875rem; margin-bottom: 0.9375rem; } .register-coupon img[data-v-4205b954] { width: 100%; cursor: pointer; margin-bottom: 0.625rem; } .register-coupon .register-err-msg[data-v-4205b954] { color: rgb(235, 52, 10); text-align: left; padding: 0.4375rem 0.5625rem; box-sizing: border-box; margin: 0px auto 0.625rem; background: rgb(242, 222, 222) !important; } [data-v-7e3259b1]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-7e3259b1] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-7e3259b1] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-7e3259b1] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-7e3259b1] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-7e3259b1] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-7e3259b1] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-7e3259b1] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-7e3259b1] { padding: 0px 20px; } } .ant-form-item[data-v-7e3259b1], .ant-radio-wrapper[data-v-7e3259b1], .ant-radio-group[data-v-7e3259b1] { font-variant: normal !important; } .ant-message[data-v-7e3259b1] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-7e3259b1] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-7e3259b1] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-7e3259b1] { display: none; } .out-of-stock[data-v-7e3259b1] { display: flex; align-items: center; width: 100%; margin-top: 1.25rem; margin-bottom: 0px; } .out-of-stock p[data-v-7e3259b1] { font-size: 0px; line-height: 1; } .out-of-stock p svg[data-v-7e3259b1], .out-of-stock p span[data-v-7e3259b1] { vertical-align: middle; } .out-of-stock p span[data-v-7e3259b1] { font-size: 1rem; } .out-of-stock .oos[data-v-7e3259b1] { width: auto; padding: 0px 0.9375rem; height: 2rem; border-radius: 0.25rem; background-color: rgb(243, 243, 243); font-size: 1rem; text-align: center; line-height: 2rem; margin-right: 0.625rem; margin-bottom: 0px; } .out-of-stock .inlineblock[data-v-7e3259b1] { display: inline-block; margin-right: 0.625rem; } .out-of-stock .ant-form[data-v-7e3259b1] .ant-form-item { margin-right: 0px; } .out-of-stock .ant-form[data-v-7e3259b1] .ant-input { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right-width: 0px; height: 3.125rem; border-color: rgb(204, 204, 204); min-width: 16.5625rem; } .out-of-stock .ant-form[data-v-7e3259b1] .ant-btn { width: 7.625rem; height: 3.125rem; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background-color: rgb(34, 34, 34); border-color: rgb(34, 34, 34); } .out-of-stock .ant-form-inline .ant-form-item-with-help[data-v-7e3259b1] { margin-bottom: 0px; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .early-bird-pop .ant-modal-content { background: transparent; box-shadow: none; } .early-bird-pop .ant-modal-close { display: none; } .early-bird-pop .ant-modal-body { width: 780px; background: rgb(255, 255, 255); border-radius: 20px; position: relative; } .early-bird-pop .ant-modal-body svg { position: absolute; top: 3px; right: -40px; width: 22px; height: 22px; cursor: pointer; } @media (max-width: 1100px) { .early-bird-pop { width: 550px !important; } .early-bird-pop .ant-modal-body { width: 550px; } } [data-v-cc9d097e]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-cc9d097e] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-cc9d097e] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-cc9d097e] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-cc9d097e] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-cc9d097e] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-cc9d097e] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-cc9d097e] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-cc9d097e] { padding: 0px 20px; } } .ant-form-item[data-v-cc9d097e], .ant-radio-wrapper[data-v-cc9d097e], .ant-radio-group[data-v-cc9d097e] { font-variant: normal !important; } .ant-message[data-v-cc9d097e] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-cc9d097e] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-cc9d097e] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-cc9d097e] { display: none; } .pre-sale[data-v-cc9d097e] { font-size: 0.875rem; } .pre-sale .presale-con[data-v-cc9d097e] { position: relative; width: 20.375rem; min-width: 280px; color: rgb(80, 57, 13); } .pre-sale .presale-con .presale-bg[data-v-cc9d097e] { width: 100%; } .pre-sale .icon-question[data-v-cc9d097e] { position: absolute; top: 8px; right: -20px; cursor: pointer; } .pre-sale .early-bird[data-v-cc9d097e], .pre-sale .left-stock[data-v-cc9d097e] { position: absolute; top: 0px; bottom: 0px; margin: auto; display: flex; align-items: center; } .pre-sale .early-bird[data-v-cc9d097e] { left: 0.625rem; font-family: Poppins; font-weight: 500; } .pre-sale .left-stock[data-v-cc9d097e] { width: 100%; justify-content: flex-end; } .pre-sale .left-stock .stock-con[data-v-cc9d097e] { width: 52%; text-align: center; } .pre-sale .ship-time[data-v-cc9d097e] { display: flex; align-items: center; margin: 0.625rem 0px; } .earlybird-policy h2[data-v-cc9d097e] { font-weight: 600; font-size: 1.25rem; line-height: 1.875rem; } .earlybird-policy p[data-v-cc9d097e] { font-size: 0.875rem; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .coupon-tips-pop { z-index: 99999; } .coupon-tips-pop .ant-tooltip-inner { color: rgb(102, 102, 102); padding: 0.625rem; } .extend-box { margin-top: 1.875rem; } .extend-box .extend-title { font-size: 1rem; } .extend-box .extend-msg { overflow: hidden; height: 2rem; line-height: 2rem; background: rgb(246, 246, 246); margin: 0.5rem 0px 0.625rem; border-radius: 0.25rem; padding: 0px 0.625rem; } .extend-box .extend-msg .extend-msg-l { float: left; font-size: 0.875rem; } .extend-box .extend-msg .extend-msg-l img { margin-right: 0.3125rem; } .extend-box .extend-msg .extend-msg-l span { text-decoration: underline; cursor: pointer; } .extend-box .extend-msg .extend-msg-l strong { margin-left: 0.3125rem; } .extend-box .extend-msg .extend-msg-r { font-size: 0.875rem; float: right; cursor: pointer; text-decoration: underline; } .product-detail-drawerpop .product-overview { font-size: 14px; } .product-detail-drawerpop .product-overview li { margin-bottom: 15px; width: 100%; } .product-detail-drawerpop .product-overview li:nth-child(2n+1) { padding-right: 0px; } .product-detail-drawerpop .product-overview li img { width: 24px; } .product-detail-drawerpop .product-overview li img.AHRI { width: 30px; } .custom-class { z-index: 999; } .custom-class .ant-drawer-body { padding: 0px !important; } .custom-class .ant-drawer-body::-webkit-scrollbar { width: 10px; } .custom-class .ant-drawer-body::-webkit-scrollbar-track { background-color: rgb(255, 255, 255); border-radius: 100px; } .custom-class .ant-drawer-body::-webkit-scrollbar-thumb { background-color: rgb(204, 204, 204); border-radius: 100px; } .custom-class .ant-drawer-title { text-align: center; } .custom-class .ant-drawer-body { scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1); scrollbar-width: thin; width: 100%; height: calc(100% - 2.1875rem); overflow-y: auto; } .custom-class .ant-drawer-body::-webkit-scrollbar { width: 8px; height: 8px; } .custom-class .ant-drawer-body::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); } .custom-class .detail-wrapper .details-main .product-info-main .texts .key_features, .custom-class .detailPopWarp .product-info-main .reviews .go-reviews, .custom-class .detail-wrapper .details-main .product-info-main .item-no, .custom-class .logistic, .custom-class .detail-wrapper .details-main .product-info-main .attrs .attrs-text, .custom-class .detailPopWarp .specifications-wrap table tr td, .custom-class .detailPopWarp .details-main .product-info-main .texts .ant-collapse-header h2 { font-size: 14px !important; } .custom-class .detailPopWarp .product-info-main h1, .custom-class .detail-wrapper .details-main .product-info-main .qty_box .numCon .Quantity .ant-input-number-input { font-size: 18px !important; line-height: 24px !important; } .detailPopWarp ::-webkit-scrollbar { display: none; width: 5px; height: 0px; } .detailPopWarp .add-wish > svg { z-index: 0 !important; } .detailPopWarp .loadingSpin { position: absolute; left: 0px; top: 0px; z-index: 99; width: 100%; height: 100vh; background: rgb(255, 255, 255); } .detailPopWarp .loadingSpin .ant-spin { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .detailPopWarp .wrap, .detailPopWarp .content { padding: 0px !important; } .detailPopWarp .details-main, .detailPopWarp .detail-wrapper { margin-top: 0px !important; } .detailPopWarp .button-min-group { flex-wrap: wrap !important; } .detailPopWarp .product-info-main { width: 100% !important; padding: 0px 1.25rem 4.5625rem !important; } .detailPopWarp .product-info-main h1 { padding-top: 15px; font-size: 1.25rem !important; line-height: 1.5rem !important; } .detailPopWarp .product-info-main .reviews .rating-box { vertical-align: baseline; } .detailPopWarp .product-info-main .reviews .go-reviews { text-decoration: none; cursor: default !important; } .detailPopWarp .numCon { flex-grow: 0; width: 55% !important; margin-right: 0px !important; } .detailPopWarp .product-mark { cursor: pointer; width: 100% !important; display: flex !important; flex-wrap: wrap !important; } .detailPopWarp .product-mark p { height: auto !important; white-space: initial !important; background: none !important; } .detailPopWarp .product-mark p span { width: 100%; background: rgb(249, 249, 249); text-align: left; margin-right: 0px !important; padding-left: 1.5625rem !important; } .detailPopWarp .details-main .product-info-main .texts .ant-collapse-header h2 { font-size: 1rem !important; font-weight: 700 !important; } .detailPopWarp .specifications-wrap table tr td { font-size: 0.875rem !important; } .AddCartConfirm .ant-modal-confirm-btns .ant-btn.ant-btn-primary { border: none; background: rgb(253, 172, 14); margin-left: 0.625rem !important; } .product-info-main .countdown .ant-statistic-content { color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; } .coupon-drawer-tips { right: 20px; z-index: 99999; left: auto !important; max-width: 25.9375rem !important; } .coupon-drawer-tips .ant-tooltip-arrow { display: none; } .coupon-drawer-tips .ant-tooltip-inner { color: rgb(102, 102, 102); width: 100%; padding: 10px; } [data-v-1ae7fcf7]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-1ae7fcf7], .detail-wrapper .product-detailed .tablists > ul[data-v-1ae7fcf7] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-1ae7fcf7], .detail-wrapper .product-detailed .tablists > ul[data-v-1ae7fcf7] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-1ae7fcf7], .detail-wrapper .product-detailed .tablists > ul[data-v-1ae7fcf7] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-1ae7fcf7], .detail-wrapper .product-detailed .tablists > ul[data-v-1ae7fcf7] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-1ae7fcf7], .detail-wrapper .product-detailed .tablists > ul[data-v-1ae7fcf7] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-1ae7fcf7], .detail-wrapper .product-detailed .tablists > ul[data-v-1ae7fcf7] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-1ae7fcf7], .detail-wrapper .product-detailed .tablists > ul[data-v-1ae7fcf7] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-1ae7fcf7], .detail-wrapper .product-detailed .tablists > ul[data-v-1ae7fcf7] { padding: 0px 20px; } } .ant-form-item[data-v-1ae7fcf7], .ant-radio-wrapper[data-v-1ae7fcf7], .ant-radio-group[data-v-1ae7fcf7] { font-variant: normal !important; } .ant-message[data-v-1ae7fcf7] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-1ae7fcf7] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-1ae7fcf7] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-1ae7fcf7] { display: none; } .promotional-red[data-v-1ae7fcf7] { color: rgb(230, 77, 67); } [data-v-1ae7fcf7] .ant-page-header { padding-left: 0px !important; } .svg-live[data-v-1ae7fcf7] { width: 20px; height: 17px; } .svg-to-minus[data-v-1ae7fcf7] { width: 16px; height: 2px; } .svg-to-plus[data-v-1ae7fcf7] { width: 16px; height: 16px; } .detail-wrapper[data-v-1ae7fcf7] { display: block; width: 100% !important; } .detail-wrapper .details-main[data-v-1ae7fcf7] { margin-top: 20px; } .detail-wrapper .details-main[data-v-1ae7fcf7]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .detail-wrapper .details-main .product-media[data-v-1ae7fcf7], .detail-wrapper .details-main .product-info-main[data-v-1ae7fcf7] { float: left; } .detail-wrapper .details-main .product-media[data-v-1ae7fcf7] { position: sticky; width: 100%; z-index: 0; } .detail-wrapper .details-main .product-media .carousel-box[data-v-1ae7fcf7] { position: relative; } .detail-wrapper .details-main .product-media .ant-carousel[data-v-1ae7fcf7] { min-height: 736px; } .detail-wrapper .details-main .product-media .video-player-btn[data-v-1ae7fcf7] { position: absolute; width: 80px; height: 80px; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-player-b3cf0f2d.png") left top / 100% 100% no-repeat; top: 38%; left: 0px; right: 0px; margin: auto; display: inline-block; z-index: 4; cursor: pointer; } .detail-wrapper .details-main .product-media .video-iframe[data-v-1ae7fcf7], .detail-wrapper .details-main .product-media .three-d-iframe[data-v-1ae7fcf7] { position: absolute; top: 0px; left: 0px; z-index: 11; display: none; background-color: rgb(255, 255, 255); } .detail-wrapper .details-main .product-media .live-streaming[data-v-1ae7fcf7] { position: absolute; top: 33px; left: 37px; z-index: 8; } .detail-wrapper .details-main .product-media .live-streaming a[data-v-1ae7fcf7] { display: block; } .detail-wrapper .details-main .product-media .live-streaming .icon-live[data-v-1ae7fcf7] { display: block; width: 210px; height: 57px; padding: 5px; background: rgba(0, 0, 0, 0.3); border-radius: 99px; } .detail-wrapper .details-main .product-media .live-streaming .icon-live .icon[data-v-1ae7fcf7] { display: inline-block; width: 47px; height: 47px; border-radius: 99px; text-align: center; line-height: 47px; background: linear-gradient(318.2deg, rgb(215, 159, 85) -18.1%, rgb(218, 180, 129) 85.55%); } .detail-wrapper .details-main .product-media .live-streaming .icon-live .icon svg[data-v-1ae7fcf7] { display: inline-block; } .detail-wrapper .details-main .product-media .live-streaming .icon-live .text[data-v-1ae7fcf7] { display: inline-block; width: 140px; font-size: 24px; line-height: 29px; text-align: center; color: rgb(255, 255, 255); } .detail-wrapper .details-main .product-media .three-d-icon[data-v-1ae7fcf7] { position: absolute; bottom: 14%; left: 25px; width: 75px; height: 45px; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-3d-ba7c31c0.png") center center no-repeat rgb(255, 255, 255); border-radius: 30px; cursor: pointer; z-index: 8; } .detail-wrapper .details-main .product-media .ar_code[data-v-1ae7fcf7] { position: absolute; top: 5px; right: 5px; z-index: 12; cursor: pointer; width: 60px; height: 60px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 0.8125rem; border-radius: 30px; } .detail-wrapper .details-main .product-media .ar_code .svg-ar[data-v-1ae7fcf7] { position: absolute; inset: 0px; margin: auto; width: 25px; height: 29px; } .detail-wrapper .details-main[data-v-1ae7fcf7] .ar-code-popover .ant-popover-inner { border-radius: 0.375rem !important; } .detail-wrapper .details-main[data-v-1ae7fcf7] .ar-code-popover .ant-popover-inner-content { padding: 1.25rem 0px; max-width: 250px; } .detail-wrapper .details-main[data-v-1ae7fcf7] .ar-code-popover .ant-popover-inner-content #canvas { display: block; position: relative; z-index: 1; margin: -0.625rem auto 0px; } .detail-wrapper .details-main[data-v-1ae7fcf7] .ar-code-popover .ant-popover-inner-content .ar-t1 { margin-bottom: 0px; text-align: center; font-weight: 600; } .detail-wrapper .details-main[data-v-1ae7fcf7] .ar-code-popover .ant-popover-inner-content .ar-t1, .detail-wrapper .details-main[data-v-1ae7fcf7] .ar-code-popover .ant-popover-inner-content .ar-t2 { padding: 0px 20px; font-size: 12px; position: relative; z-index: 2; } .detail-wrapper .details-main[data-v-1ae7fcf7] .ar-code-popover .ant-popover-inner-content .ar-t2 { margin-top: -10px; margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main[data-v-1ae7fcf7] { width: 54%; padding-left: 50px; } .detail-wrapper .details-main .product-info-main h1[data-v-1ae7fcf7] { font-weight: 500; margin-bottom: 10px; font-size: 1.625rem; line-height: 31px; word-break: keep-all; overflow-wrap: break-word; white-space: pre-wrap; font-style: normal; } .detail-wrapper .details-main .product-info-main p[data-v-1ae7fcf7] { margin-bottom: 5px; } .detail-wrapper .details-main .product-info-main .row[data-v-1ae7fcf7] { display: block; margin-bottom: 10px; } .detail-wrapper .details-main .product-info-main .buy-for[data-v-1ae7fcf7] { margin-bottom: 10px; } .detail-wrapper .details-main .product-info-main .reviews[data-v-1ae7fcf7], .detail-wrapper .details-main .product-info-main .item-no[data-v-1ae7fcf7], .detail-wrapper .details-main .product-info-main .gtin[data-v-1ae7fcf7] { display: inline-block; } .detail-wrapper .details-main .product-info-main .item-no[data-v-1ae7fcf7] { margin-left: 10px; } .detail-wrapper .details-main .product-info-main .gtin[data-v-1ae7fcf7] { margin-left: 20px; } .detail-wrapper .details-main .product-info-main .product-detail-banner img[data-v-1ae7fcf7] { width: 100%; cursor: pointer; } .detail-wrapper .details-main .product-info-main .product-detail-banner a[data-v-1ae7fcf7] { margin-bottom: 10px; display: block; } .detail-wrapper .details-main .product-info-main .product-detail-banner a[data-v-1ae7fcf7]:last-child { margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .price-box[data-v-1ae7fcf7] { margin-top: 10px; margin-bottom: 35px; } .detail-wrapper .details-main .product-info-main .price-box .price-row[data-v-1ae7fcf7] { margin-bottom: 4px; } .detail-wrapper .details-main .product-info-main .price-box .special-price[data-v-1ae7fcf7] { vertical-align: middle; margin-right: 10px; line-height: 2.75rem; color: rgb(230, 77, 67); font-size: 2.25rem; font-weight: 500; } .detail-wrapper .details-main .product-info-main .price-box .old-price[data-v-1ae7fcf7] { margin-right: 10px; vertical-align: middle; line-height: 1.5; color: rgb(122, 122, 122); font-size: 1.25rem; text-decoration: line-through; } .detail-wrapper .details-main .product-info-main .price-box .price[data-v-1ae7fcf7] { margin-right: 10px; vertical-align: middle; line-height: 2.75rem; color: rgb(34, 34, 34); font-size: 2.25rem; font-weight: 500; } .detail-wrapper .details-main .product-info-main .price-box .save-off[data-v-1ae7fcf7] { vertical-align: middle; color: rgb(230, 77, 67); font-size: 1.25rem; } .detail-wrapper .details-main .product-info-main .price-box .on-sale[data-v-1ae7fcf7] { margin-top: 0px; display: block; line-height: 30px; color: rgb(230, 77, 67); font-size: 1.5rem; font-style: normal; font-weight: 500; margin-bottom: 5px; } .detail-wrapper .details-main .product-info-main .price-box .on-sale svg[data-v-1ae7fcf7] { vertical-align: revert; cursor: pointer; } .detail-wrapper .details-main .product-info-main .price-box .plus-row[data-v-1ae7fcf7] { margin-top: 10px; display: flex; align-items: center; } .detail-wrapper .details-main .product-info-main .price-box .plus-row a[data-v-1ae7fcf7] { display: inherit; } .detail-wrapper .details-main .product-info-main .price-box .plus-row svg[data-v-1ae7fcf7] { margin-left: 5px; cursor: pointer; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips[data-v-1ae7fcf7] { display: inline-block; border: 0.0625rem solid rgb(51, 51, 51); height: 42px; border-radius: 30px; line-height: 42px; overflow: hidden; white-space: nowrap; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-price[data-v-1ae7fcf7], .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-txt[data-v-1ae7fcf7] { display: inline-block; vertical-align: top; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-price[data-v-1ae7fcf7] { background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-plus-2-eb53d112.png") left top / 3.75rem 100% no-repeat rgb(36, 35, 33); height: 40px; position: relative; margin-right: 22px; padding: 0px 0.625rem 0px 24px; min-width: 120px; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-price[data-v-1ae7fcf7]::after { content: ""; position: absolute; top: 0px; right: -22px; width: 32px; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-plus-3-99996ec8.png") left top / 100% 100% no-repeat; height: 40px; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-price span[data-v-1ae7fcf7] { font-size: 24px; font-weight: 600; background: linear-gradient(144.47deg, rgb(255, 232, 201) -24.21%, rgb(223, 184, 129) 80.58%) text; -webkit-text-fill-color: transparent; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-txt[data-v-1ae7fcf7] { padding: 0px 1.25rem 0px 10px; color: rgb(19, 19, 19); } .detail-wrapper .details-main .product-info-main .price-box .discount[data-v-1ae7fcf7], .detail-wrapper .details-main .product-info-main .price-box .use-code[data-v-1ae7fcf7] { display: block; } .detail-wrapper .details-main .product-info-main .price-box .use-code[data-v-1ae7fcf7] { margin-top: 10px; } .detail-wrapper .details-main .product-info-main .price-box .discount-con[data-v-1ae7fcf7] { width: auto; display: inline-block; padding: 0px 10px; cursor: pointer; background: rgb(249, 249, 249); border-radius: 4px; min-height: 30px; line-height: 30px; } .detail-wrapper .details-main .product-info-main .price-box .discount-con svg[data-v-1ae7fcf7] { vertical-align: middle; line-height: 1; width: 22px; height: 22px; margin-right: 7px; } .detail-wrapper .details-main .product-info-main .price-box .discount-con .text[data-v-1ae7fcf7] { font-size: 14px; } .detail-wrapper .details-main .product-info-main .price-box .discount-con .text .check-now[data-v-1ae7fcf7] { margin-left: 10px; text-decoration: underline; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con[data-v-1ae7fcf7] { width: 100%; display: inline-block; padding: 0px 10px; cursor: pointer; background: rgba(232, 84, 52, 0.05); border-radius: 4px; min-height: 30px; line-height: 30px; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con svg[data-v-1ae7fcf7] { vertical-align: middle; line-height: 1; width: 20px; height: 16px; margin-right: 9px; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .svg-box[data-v-1ae7fcf7] { display: inline-block; width: 24px; margin-left: 0.625rem; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .copy-svg[data-v-1ae7fcf7] { width: 15px; height: 16px; margin-right: 0px; outline: none; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .copy-copied-svg[data-v-1ae7fcf7] { width: 16px; height: 9px; margin-right: 0px; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .use-code-box[data-v-1ae7fcf7] { margin-left: 14px; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .code-tips[data-v-1ae7fcf7] { font-weight: 700; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .code-tips.isCopied[data-v-1ae7fcf7], .detail-wrapper .details-main .product-info-main .price-box .use-code-con .code-tips[data-v-1ae7fcf7]:hover { text-decoration: underline dotted rgb(51, 51, 51); } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .text[data-v-1ae7fcf7] { font-size: 14px; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .text .use-code-more[data-v-1ae7fcf7] { margin-left: 60px; text-decoration: underline; } .detail-wrapper .details-main .product-info-main .price-box .see-userpop .see-userpop-con[data-v-1ae7fcf7] { width: auto; display: inline-block; padding: 0px 0.625rem; cursor: pointer; background: rgba(232, 84, 52, 0.05); border-radius: 0.25rem; min-height: 1.875rem; line-height: 1.875rem; } .detail-wrapper .details-main .product-info-main .price-box .see-userpop .see-userpop-con svg[data-v-1ae7fcf7] { vertical-align: middle; line-height: 1; width: 1.25rem; height: 1rem; margin-right: 0.5625rem; } .detail-wrapper .details-main .product-info-main .price-box .see-userpop .see-userpop-con .svg-box[data-v-1ae7fcf7] { display: inline-block; width: 1.5rem; margin-left: 0.625rem; } .detail-wrapper .details-main .product-info-main .price-box .see-userpop .see-userpop-con .see-userpop-text b[data-v-1ae7fcf7] { font-weight: 400; color: rgb(230, 77, 67); } .detail-wrapper .details-main .product-info-main .price-box .see-userpop .see-userpop-con .open-userpop[data-v-1ae7fcf7] { margin-left: 0.625rem; text-decoration: underline; } .detail-wrapper .details-main .product-info-main .price-box .free-Shipping[data-v-1ae7fcf7] { margin-top: 10px; display: block; line-height: 1; color: rgb(51, 51, 51); font-size: 1rem; } .detail-wrapper .details-main .product-info-main .price-box .free-Shipping.inline[data-v-1ae7fcf7] { display: inline-block; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .coupon-drawer-tips-svg[data-v-1ae7fcf7] { vertical-align: middle; margin-left: 5px; cursor: pointer; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .price-drop-con[data-v-1ae7fcf7] { background: linear-gradient(90.34deg, rgb(226, 64, 53) 0.06%, rgb(239, 73, 50) 100%); border-radius: 4px; color: rgb(255, 255, 255); padding: 0px 1.25rem 0px 14px; line-height: 30px; display: inline-block; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .end-in[data-v-1ae7fcf7] { font-size: 14px; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .img-decline[data-v-1ae7fcf7] { margin: 0px 15px; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .icon-time[data-v-1ae7fcf7] { margin-right: 7px; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .end-days[data-v-1ae7fcf7] { font-size: 14px; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .countdown-time[data-v-1ae7fcf7] { float: right; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .end-time[data-v-1ae7fcf7] { margin-left: 10px; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .price-drop-bf[data-v-1ae7fcf7] { width: 20.5rem; min-width: 358px; padding: 0.125rem 0px; border-radius: 0.25rem; display: inline-block; background: url("https://ca-static.costway.ca/assets/1760598923/images/bf1-3be66a39.png") center center / 100% 100% no-repeat; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .price-drop-bf .end-in[data-v-1ae7fcf7] { margin-left: 10.9375rem; color: rgb(0, 0, 0); } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .coupon-tips-pop-svg[data-v-1ae7fcf7] { margin-left: 0.25rem; vertical-align: middle; cursor: pointer; } .detail-wrapper .details-main .product-info-main .klarna-tips[data-v-1ae7fcf7] { margin-top: 20px; margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .promo a[data-v-1ae7fcf7] { display: block; } .detail-wrapper .details-main .product-info-main .promo img[data-v-1ae7fcf7] { width: 100%; height: auto; } .detail-wrapper .details-main .product-info-main .attrs dl[data-v-1ae7fcf7] { margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .attrs dt[data-v-1ae7fcf7] { margin-bottom: 20px; } .detail-wrapper .details-main .product-info-main .attrs .attrs-text[data-v-1ae7fcf7] { margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .attrs .attrs-text span[data-v-1ae7fcf7] { color: rgb(85, 85, 85); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item[data-v-1ae7fcf7] { display: inline-block; width: 80px; height: 80px; background: rgb(255, 255, 255); color: rgb(85, 85, 85); border: 0.0625rem solid rgb(204, 204, 204); box-sizing: border-box; border-radius: 4px; margin-right: 10px; margin-top: 10px; padding: 8px; user-select: none; cursor: pointer; position: relative; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item[data-v-1ae7fcf7]:hover { color: rgb(34, 34, 34); border: 0.0625rem solid rgb(34, 34, 34); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item img[data-v-1ae7fcf7] { width: 100%; height: 100%; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.current[data-v-1ae7fcf7] { color: rgb(34, 34, 34); border: 0.0625rem solid rgb(34, 34, 34); border-radius: 4px; pointer-events: none; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.current[data-v-1ae7fcf7]::after { content: ""; display: inline-block; width: 22px; height: 22px; position: absolute; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_configurable_checked1-09d8c548.png") right bottom / 100% 100% no-repeat; bottom: 0px; right: 0px; z-index: 0; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.disabled[data-v-1ae7fcf7] { border: 0.0625rem solid rgb(204, 204, 204); pointer-events: none; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.disabled img[data-v-1ae7fcf7] { opacity: 0.5; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.disabled[data-v-1ae7fcf7]::before { opacity: 0.6; z-index: 1; content: ""; position: absolute; left: 0px; top: -2px; width: 100%; height: 80px; box-sizing: border-box; border-bottom: 0.0625rem solid rgb(204, 204, 204); transform-origin: right bottom; transform: rotate(45deg) scale(1.4); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText[data-v-1ae7fcf7] { width: auto; height: auto; margin-right: 0.625rem; margin-top: 1.25rem; padding: 0.3125rem 1.25rem; user-select: none; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.current[data-v-1ae7fcf7] { opacity: 1 !important; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.current[data-v-1ae7fcf7]::after { content: ""; display: inline-block; width: 1.375rem; height: 1.375rem; position: absolute; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_configurable_checked1-09d8c548.png") right bottom / 100% 100% no-repeat; bottom: 0px; right: 0px; z-index: 1; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.disabled[data-v-1ae7fcf7] { border: 0.0625rem dashed rgb(204, 204, 204); color: rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.disabled.current[data-v-1ae7fcf7], .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.disabled[data-v-1ae7fcf7]:hover { border: 0.0625rem dashed rgb(0, 0, 0) !important; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.disabled[data-v-1ae7fcf7]::before { display: none !important; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size[data-v-1ae7fcf7] { width: auto; height: auto; margin-right: 0.625rem; margin-top: 1.25rem; padding: 0.3125rem 1.25rem; user-select: none; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size.disabled[data-v-1ae7fcf7] { color: rgb(204, 204, 204); border: 0.0625rem dashed rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size.disabled.current[data-v-1ae7fcf7] { color: rgb(204, 204, 204); border: 0.0625rem dashed rgb(0, 0, 0); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size.disabled[data-v-1ae7fcf7]:hover { border: 0.0625rem dashed rgb(0, 0, 0); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size.disabled[data-v-1ae7fcf7]::before { display: none; } .detail-wrapper .details-main .product-info-main .customize[data-v-1ae7fcf7] { cursor: pointer; } .detail-wrapper .details-main .product-info-main .customize img[data-v-1ae7fcf7] { width: 1.125rem; height: 1.125rem; } .detail-wrapper .details-main .product-info-main .customize span[data-v-1ae7fcf7] { color: rgb(255, 200, 66); font-size: 1rem; text-decoration: underline; margin-left: 0.5rem; } .detail-wrapper .details-main .product-info-main .qty_box[data-v-1ae7fcf7] { margin-top: 36px; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .btn[data-v-1ae7fcf7], .detail-wrapper .details-main .product-info-main .qty_box .numCon .Quantity[data-v-1ae7fcf7] { float: left; height: 50px; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .btn[data-v-1ae7fcf7] { display: block; border: 0.0625rem solid rgb(204, 204, 204); width: 60px; background-color: rgb(255, 255, 255); outline: none; cursor: pointer; font-size: 0px; overflow: hidden; user-select: none; text-align: center; color: rgb(51, 51, 51); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .btn:hover svg path[data-v-1ae7fcf7] { fill: rgb(230, 77, 67); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .btn[data-v-1ae7fcf7]:focus { border: 0.0625rem solid rgb(184, 165, 134); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .Quantity[data-v-1ae7fcf7] { width: 60px; border-radius: 0px; border-color: rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .Quantity[data-v-1ae7fcf7] .ant-input-number-input { height: 50px; text-align: center; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toMinus[data-v-1ae7fcf7] { border-right: 0px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; padding-left: 4px; line-height: 50px; user-select: none; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toPlus[data-v-1ae7fcf7] { height: 50px; border-left: 0px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; padding-right: 4px; line-height: 50px; user-select: none; display: flex; align-items: center; justify-content: space-around; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toMinus svg path[data-v-1ae7fcf7], .detail-wrapper .details-main .product-info-main .qty_box .numCon .toPlus svg path[data-v-1ae7fcf7] { fill: rgb(51, 51, 51); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toMinus.disabled[data-v-1ae7fcf7], .detail-wrapper .details-main .product-info-main .qty_box .numCon .toPlus.disabled[data-v-1ae7fcf7] { cursor: not-allowed; pointer-events: none; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toMinus.disabled svg path[data-v-1ae7fcf7], .detail-wrapper .details-main .product-info-main .qty_box .numCon .toPlus.disabled svg path[data-v-1ae7fcf7] { fill: rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .button-min-group[data-v-1ae7fcf7] { display: flex; flex-wrap: nowrap; } .detail-wrapper .details-main .product-info-main .button-min-group .numCon[data-v-1ae7fcf7], .detail-wrapper .details-main .product-info-main .button-min-group .add-button[data-v-1ae7fcf7] { margin-right: 20px; } .detail-wrapper .details-main .product-info-main .button-min-group .wish-button[data-v-1ae7fcf7] .add-wish.circle { width: 50px; height: 50px; } .detail-wrapper .details-main .product-info-main .button-min-group .numCon[data-v-1ae7fcf7], .detail-wrapper .details-main .product-info-main .button-min-group .wish-button[data-v-1ae7fcf7] { flex-grow: 0; } .detail-wrapper .details-main .product-info-main .button-min-group .add-button[data-v-1ae7fcf7] { flex-grow: 1; } .detail-wrapper .details-main .product-info-main .button-min-group .add[data-v-1ae7fcf7] { display: block; border: 0px; width: 100%; height: 50px; color: rgb(255, 255, 255); font-size: 1.25rem; background: rgb(255, 95, 68); border-radius: 25px; } .detail-wrapper .details-main .product-info-main .button-min-group .add[data-v-1ae7fcf7]:hover { background: rgb(255, 111, 87); } .detail-wrapper .details-main .product-info-main .button-group[data-v-1ae7fcf7] { margin-top: 40px; } .detail-wrapper .details-main .product-info-main .button-group > button[data-v-1ae7fcf7] { display: inline-block; vertical-align: middle; } .detail-wrapper .details-main .product-info-main .button-group .add[data-v-1ae7fcf7], .detail-wrapper .details-main .product-info-main .button-group .buy[data-v-1ae7fcf7] { font-size: 20px; width: 240px; height: 60px; margin-right: 20px; } .detail-wrapper .details-main .product-info-main .button-group button[data-v-1ae7fcf7]:first-child { margin-left: 0px; } .detail-wrapper .details-main .product-info-main .button-group .buy[data-v-1ae7fcf7] { background: rgb(255, 95, 68); border-color: rgb(255, 95, 68); } .detail-wrapper .details-main .product-info-main .button-group .buy[data-v-1ae7fcf7]:hover { opacity: 0.8; } .detail-wrapper .details-main .product-info-main .product-point[data-v-1ae7fcf7] { font-size: 0.875rem; margin-top: 1.875rem; background-color: rgb(249, 249, 249); padding: 0.5rem 0.9375rem; } .detail-wrapper .details-main .product-info-main .product-point img[data-v-1ae7fcf7] { width: 0.9375rem; height: 1.0625rem; margin: 0px 0.625rem 0px 0px; } .detail-wrapper .details-main .product-info-main .product-point a[data-v-1ae7fcf7] { text-decoration: underline; } .detail-wrapper .details-main .product-info-main .product-point span[data-v-1ae7fcf7] { margin-right: 0.625rem; } .detail-wrapper .details-main .product-info-main .product-point .login[data-v-1ae7fcf7] { color: rgb(253, 172, 14); text-decoration: underline; cursor: pointer; } .detail-wrapper .details-main .product-info-main .product-mark[data-v-1ae7fcf7] { margin-top: 40px; width: calc(100% - 4.375rem); } .detail-wrapper .details-main .product-info-main .product-mark[data-v-1ae7fcf7]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .detail-wrapper .details-main .product-info-main .product-mark > p[data-v-1ae7fcf7] { width: 100%; background: rgb(249, 249, 249); border-radius: 6px; white-space: nowrap; height: 50px; text-align: center; line-height: 50px; display: flex; justify-content: space-between; flex-wrap: wrap; } .detail-wrapper .details-main .product-info-main .product-mark span[data-v-1ae7fcf7] { display: inline-block; margin-right: 0px; color: rgb(102, 102, 102); font-size: 13px; white-space: nowrap; width: 32%; margin-bottom: 10px; text-align: center; padding: 0.625rem !important; } .detail-wrapper .details-main .product-info-main .product-mark span p[data-v-1ae7fcf7] { line-height: 20px; margin-top: 10px; margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .product-mark span[data-v-1ae7fcf7]:last-child { margin-right: 0px; } .detail-wrapper .details-main .product-info-main .product-mark span[data-v-1ae7fcf7]::before { content: ""; display: block; vertical-align: middle; margin: 0px auto; background-position: center center; background-size: auto 100%; background-repeat: no-repeat; text-align: center; } .detail-wrapper .details-main .product-info-main .product-mark span.free[data-v-1ae7fcf7]::before { width: 28px; height: 23px; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/icon-free-2-ec9c7bd4.png"); } .detail-wrapper .details-main .product-info-main .product-mark span.warranty[data-v-1ae7fcf7]::before { width: 23px; height: 27px; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/icon-warranty-f8d93cb2.png"); background-position: left center; } .detail-wrapper .details-main .product-info-main .product-mark span.return[data-v-1ae7fcf7]::before { width: 27px; height: 26px; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/icon-choice-89955d82.png"); } .detail-wrapper .details-main .product-info-main .product-door-service p[data-v-1ae7fcf7] { display: flex; } .detail-wrapper .details-main .product-info-main .product-door-service p span[data-v-1ae7fcf7] { display: block; } .detail-wrapper .details-main .product-info-main .product-door-service p span .svg-door-service[data-v-1ae7fcf7] { width: 16px; height: 19px; margin-right: 10px; margin-top: 0px; } .detail-wrapper .details-main .product-info-main .product-door-service p span.text[data-v-1ae7fcf7] { font-weight: 400; font-size: 14px; line-height: 21px; color: rgb(90, 184, 66); } .detail-wrapper .details-main .product-info-main .texts[data-v-1ae7fcf7] .ant-collapse-header { padding-left: 0px; padding-right: 0px; } .detail-wrapper .details-main .product-info-main .texts[data-v-1ae7fcf7] .ant-collapse-header h2 { font-weight: 500; font-size: 20px; line-height: 32px; margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless[data-v-1ae7fcf7] { background-color: transparent; } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless > .ant-collapse-item[data-v-1ae7fcf7] { border-bottom-color: rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless > .ant-collapse-item[data-v-1ae7fcf7] .ant-collapse-arrow { transform: rotate(90deg); } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless > .ant-collapse-item[data-v-1ae7fcf7] .ant-collapse-content-box { padding-left: 0px; padding-right: 0px; } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless > .ant-collapse-item.ant-collapse-item-active[data-v-1ae7fcf7] .ant-collapse-arrow { transform: rotate(180deg); } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless > .ant-collapse-item[data-v-1ae7fcf7]:last-child { border-bottom: 0px; } .detail-wrapper .details-main .product-info-main .texts[data-v-1ae7fcf7] .key_features { line-height: 30px; margin-bottom: 16px; } .detail-wrapper .details-main .product-info-main .texts[data-v-1ae7fcf7] .key_features p { margin-bottom: 0px; overflow-wrap: break-word; word-break: normal; white-space: normal; } .detail-wrapper .details-main .product-info-main .texts[data-v-1ae7fcf7] .key_features ul > li { display: block; width: 100%; white-space: pre-wrap; overflow-wrap: break-word; word-break: normal; } .detail-wrapper .details-main .product-info-main .texts[data-v-1ae7fcf7] .product-care { line-height: 30px; margin-bottom: 16px; } .detail-wrapper .details-main .product-info-main .texts[data-v-1ae7fcf7] .product-care p { margin-bottom: 0px; overflow-wrap: break-word; word-break: normal; white-space: normal; } .detail-wrapper .details-main .product-info-main .texts[data-v-1ae7fcf7] .product-care ul > li { display: block; width: 100%; white-space: pre-wrap; overflow-wrap: break-word; } .detail-wrapper .details-main .product-info-main .texts .see-more[data-v-1ae7fcf7] { color: rgb(253, 172, 14); cursor: pointer; } .detail-wrapper .first_review[data-v-1ae7fcf7] { text-decoration: underline; } .detail-wrapper .product-detailed[data-v-1ae7fcf7] { margin-top: 65px; width: 100%; } .detail-wrapper .product-detailed .tablists[data-v-1ae7fcf7] { padding: 0.9375rem 0px 0px; text-align: left; background-color: rgb(255, 255, 255); } @media only screen and (max-width: 1600px) { .detail-wrapper .product-detailed .tablists[data-v-1ae7fcf7] { padding: 0.625rem 0px 0px; } } .detail-wrapper .product-detailed .tablists li[data-v-1ae7fcf7] { display: inline-block; width: 8%; margin: 0px 1%; font-size: 1.25rem; text-align: center; line-height: 1; cursor: pointer; border-bottom: 0.3125rem solid transparent; padding-bottom: 15px; } @media only screen and (max-width: 1600px) { .detail-wrapper .product-detailed .tablists li[data-v-1ae7fcf7] { font-size: 1rem; padding-bottom: 10px; border-bottom: 0.125rem solid rgb(255, 255, 255); } } .detail-wrapper .product-detailed .tablists li:hover h2[data-v-1ae7fcf7] { font-weight: 700; } .detail-wrapper .product-detailed .tablists li.current[data-v-1ae7fcf7] { border-bottom: 0.3125rem solid rgb(253, 172, 14); } @media only screen and (max-width: 1600px) { .detail-wrapper .product-detailed .tablists li.current[data-v-1ae7fcf7] { border-bottom: 0.125rem solid rgb(253, 172, 14); } } .detail-wrapper .product-detailed .tablists li.current h2[data-v-1ae7fcf7] { font-weight: 700; } .detail-wrapper .product-detailed .tablists li > h2[data-v-1ae7fcf7] { font-size: inherit; } .detail-wrapper .product-detailed .tablists-container[data-v-1ae7fcf7] { background: rgb(249, 249, 249); border-top: 0.0625rem solid rgb(204, 204, 204); } .detail-wrapper .product-detailed .tablists-container > div[data-v-1ae7fcf7] { display: block; } .detail-wrapper .product-detailed .tablists-container .reviews-con[data-v-1ae7fcf7], .detail-wrapper .product-detailed .tablists-container .faq-con[data-v-1ae7fcf7], .detail-wrapper .product-detailed .tablists-container .manuals-con[data-v-1ae7fcf7], .detail-wrapper .product-detailed .tablists-container .shipping-con[data-v-1ae7fcf7], .detail-wrapper .product-detailed .tablists-container .large-order-con[data-v-1ae7fcf7], .detail-wrapper .product-detailed .tablists-container .description-main[data-v-1ae7fcf7] { padding-top: 48px; padding-bottom: 48px; } .detail-wrapper .product-detailed .tablists-container .description-main[data-v-1ae7fcf7] { background-color: rgb(255, 255, 255); padding: 2.5rem 0px !important; } .detail-wrapper .product-detailed .tablists-container .description-main .content h2[data-v-1ae7fcf7] { font-size: 1.25rem !important; } .detail-wrapper .product-detailed .tablists-container .description-main .content .con[data-v-1ae7fcf7] { color: rgb(51, 51, 51) !important; } .detail-wrapper .product-detailed .tablists-container .description-main .content .con p[data-v-1ae7fcf7] { font-size: 18px; margin-bottom: 0px !important; } .detail-wrapper .product-detailed .tablists-container .reviews-con.withe[data-v-1ae7fcf7] { background: rgb(255, 255, 255); } .detail-wrapper .product-detailed .tablists-container .manuals-con[data-v-1ae7fcf7], .detail-wrapper .product-detailed .tablists-container .faq-con[data-v-1ae7fcf7] { margin-top: 0px; padding-top: 48px; background-color: rgb(255, 255, 255); } .detail-wrapper .product-detailed .tablists-container .manuals-con .title[data-v-1ae7fcf7] { color: rgb(51, 51, 51); font-size: 1.25rem; } .detail-wrapper .product-detailed .tablists-container .manuals-con .pdf-files[data-v-1ae7fcf7] { display: inline-block; margin-right: 160px; margin-top: 48px; color: rgb(255, 95, 68); font-size: 1.25rem; text-align: center; } .detail-wrapper .product-detailed .tablists-container .manuals-con .pdf-files .icon-pdf[data-v-1ae7fcf7] { display: block; margin: 0px auto 1.5rem; width: 42px; height: 50px; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-pdf222-09e18b44.png") left top / 100% 100% no-repeat; } .detail-wrapper .product-detailed .tablists-container .manuals-con .no-data[data-v-1ae7fcf7] { padding: 1.25rem 0px; } .detail-wrapper .description-con[data-v-1ae7fcf7] { background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); padding: 0px; } .detail-wrapper .description-con.plus[data-v-1ae7fcf7] { background-color: rgb(50, 51, 53); } .detail-wrapper .description-con.white_bg[data-v-1ae7fcf7] { background-color: rgb(255, 255, 255); } .detail-wrapper .description-con[data-v-1ae7fcf7] img { width: auto; } @media only screen and (max-width: 1024px) { .detail-wrapper .description-con[data-v-1ae7fcf7] img { width: 100%; } } .detail-wrapper .description-con[data-v-1ae7fcf7] .a-box h1 { font-size: 1.75rem; text-align: left; padding-bottom: 1.25rem; } .detail-wrapper .description-con[data-v-1ae7fcf7] .a-box p, .detail-wrapper .description-con[data-v-1ae7fcf7] .a-box td { color: rgb(51, 51, 51); } .detail-wrapper .description-con[data-v-1ae7fcf7] .a-box .a-box-fir ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1.25rem; } .detail-wrapper .description-con[data-v-1ae7fcf7] .a-box .intro-item { display: flex; flex-flow: column wrap; margin-bottom: 0.375rem; } .detail-wrapper .description-con[data-v-1ae7fcf7] .a-box .intro-item-con-t { font-size: 1.25rem; text-align: left; margin: 0.625rem 0px 0px; font-weight: 700; } .detail-wrapper .description-con[data-v-1ae7fcf7] .a-box .intro-item-con-b { text-align: left; margin: 0.3125rem 0px 0px; } .detail-wrapper .description-con[data-v-1ae7fcf7] .a-box .child-2 { flex: 1 1 auto; order: 1; } .detail-wrapper .description-con[data-v-1ae7fcf7] .a-box .child-1 { flex: 1 1 auto; order: 2; } .detail-wrapper .description-con .demo[data-v-1ae7fcf7] { display: flex; flex-direction: column; } .detail-wrapper .description-con .child-1[data-v-1ae7fcf7] { flex: 1 1 auto; order: 2; } .detail-wrapper .description-con .child-2[data-v-1ae7fcf7] { flex: 1 1 auto; order: 1; } .detail-wrapper .description-con .overview-video[data-v-1ae7fcf7] { width: 100%; height: 580px; margin-bottom: 20px; } .detail-wrapper .description-con h4[data-v-1ae7fcf7], .detail-wrapper .description-con h6[data-v-1ae7fcf7] { padding: 1.25rem 0.25rem 5px; box-sizing: border-box; margin: 0.9375rem 0px 1rem; font-size: 20px; color: rgb(0, 0, 0); } .detail-wrapper .description-con .introduceList[data-v-1ae7fcf7], .detail-wrapper .description-con .specificationsList[data-v-1ae7fcf7] { padding: 1.25rem 1rem 20px; background: rgb(255, 255, 255); overflow: hidden; } .detail-wrapper .description-con .introduceList[data-v-1ae7fcf7] ul > li, .detail-wrapper .description-con .specificationsList[data-v-1ae7fcf7] ul > li { display: block; width: 100%; } .detail-wrapper .description-con .specificationsList[data-v-1ae7fcf7] ul > li { float: left; line-height: 2; color: rgb(68, 68, 68); margin-right: 4%; width: 46% !important; background: rgb(255, 255, 255) !important; } .detail-wrapper .description-con .overview-main[data-v-1ae7fcf7] { text-align: center; } .detail-wrapper .description-con .overview-main[data-v-1ae7fcf7] video { max-width: 970px; width: 100%; } .detail-wrapper .description-con .overview-main[data-v-1ae7fcf7] img { max-width: 970px; width: 100%; } .detail-wrapper .description-con .introduceList p[data-v-1ae7fcf7] { text-align: justify; line-height: 2; color: rgb(68, 68, 68); } .detail-wrapper .description-con .row:first-child h4[data-v-1ae7fcf7], .detail-wrapper .description-con .row:first-child h6[data-v-1ae7fcf7] { margin-top: 0px; padding-top: 0px; } .detail-wrapper .out-of-stock-main[data-v-1ae7fcf7], .detail-wrapper .out-of-stock-wish[data-v-1ae7fcf7] { display: inline-block; } .detail-wrapper .empty h3[data-v-1ae7fcf7] { font-size: 1.5rem; } .detail-wrapper .empty p[data-v-1ae7fcf7] { font-size: 1.125rem; color: rgb(34, 34, 34); } .detail-wrapper .productpop-main-image[data-v-1ae7fcf7] { --swiper-theme-color: $brand-red; --swiper-preloader-color: #333; } .detail-wrapper .productpop-main-image .swiper-slide img[data-v-1ae7fcf7] { margin: 0px auto; width: 100%; height: auto; } .detail-wrapper .productpop-main-image .product-main-prev[data-v-1ae7fcf7], .detail-wrapper .productpop-main-image .swiper-rtl .product-main-prev[data-v-1ae7fcf7] { left: 10px; right: auto; } .detail-wrapper .productpop-main-image .product-main-prev[data-v-1ae7fcf7]::after, .detail-wrapper .productpop-main-image .swiper-rtl .product-main-prev[data-v-1ae7fcf7]::after { content: "prev"; } .detail-wrapper .productpop-main-image .product-main-next[data-v-1ae7fcf7], .detail-wrapper .productpop-main-image .swiper-rtl .product-main-next[data-v-1ae7fcf7] { right: 10px; left: auto; } .detail-wrapper .productpop-main-image .product-main-next[data-v-1ae7fcf7]::after, .detail-wrapper .productpop-main-image .swiper-rtl .product-main-next[data-v-1ae7fcf7]::after { content: "next"; } .detail-wrapper .productpop-main-image .product-main-next[data-v-1ae7fcf7], .detail-wrapper .productpop-main-image .product-main-prev[data-v-1ae7fcf7] { position: absolute; width: 50px; height: 50px; border-radius: 25px; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(244, 244, 244); transform: translateY(-50%); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0.5; transition: 0.5s; color: rgb(122, 122, 122) !important; top: 50% !important; } @media only screen and (max-width: 1600px) { .detail-wrapper .productpop-main-image .product-main-next[data-v-1ae7fcf7], .detail-wrapper .productpop-main-image .product-main-prev[data-v-1ae7fcf7] { width: 48px; height: 48px; border-radius: 24px; } } .detail-wrapper .productpop-main-image .product-main-next[data-v-1ae7fcf7]:hover, .detail-wrapper .productpop-main-image .product-main-prev[data-v-1ae7fcf7]:hover { border: 0.0625rem solid rgb(253, 172, 14); transition: 0.5s; background-color: rgb(255, 249, 238); opacity: 1; } .detail-wrapper .productpop-main-image .product-main-next[data-v-1ae7fcf7]:hover::after, .detail-wrapper .productpop-main-image .product-main-prev[data-v-1ae7fcf7]:hover::after { color: rgb(253, 172, 14); } .detail-wrapper .productpop-main-image .product-main-next[data-v-1ae7fcf7]::after, .detail-wrapper .productpop-main-image .product-main-prev[data-v-1ae7fcf7]::after { font-size: 20px; transition: 0.5s; color: rgb(253, 172, 14); font-family: swiper-icons; letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } @media only screen and (max-width: 1600px) { .detail-wrapper .productpop-main-image .product-main-next[data-v-1ae7fcf7]::after, .detail-wrapper .productpop-main-image .product-main-prev[data-v-1ae7fcf7]::after { font-size: 18px; } } .detail-wrapper .productpop-main-image .product-main-next.swiper-button-disabled[data-v-1ae7fcf7], .detail-wrapper .productpop-main-image .product-main-prev.swiper-button-disabled[data-v-1ae7fcf7] { filter: grayscale(100%); cursor: auto; opacity: 0; } .detail-wrapper .productpop-main-image .product-main-next.swiper-button-disabled[data-v-1ae7fcf7]:hover, .detail-wrapper .productpop-main-image .product-main-prev.swiper-button-disabled[data-v-1ae7fcf7]:hover { border: 0.0625rem solid rgb(244, 244, 244); } .detail-wrapper .productpop-main-image .product-main-next.swiper-button-disabled[data-v-1ae7fcf7]:hover::after, .detail-wrapper .productpop-main-image .product-main-prev.swiper-button-disabled[data-v-1ae7fcf7]:hover::after { color: rgb(253, 172, 14); } .detail-wrapper .product-main-prev[data-v-1ae7fcf7]::after { margin-right: 2px; } .detail-wrapper .product-main-next[data-v-1ae7fcf7]::after { margin-left: 2px; } .detail-wrapper .product-thumb[data-v-1ae7fcf7] { margin-top: 20px; position: relative; } .detail-wrapper .product-thumb .product-thumbs-image[data-v-1ae7fcf7] { width: 81%; margin: 0px auto; --swiper-theme-color: $brand-red; --swiper-preloader-color: #999; } .detail-wrapper .product-thumb .product-thumbs-image .swiper-slide[data-v-1ae7fcf7] { overflow: hidden; box-sizing: border-box; cursor: pointer; } .detail-wrapper .product-thumb .product-thumbs-image .swiper-slide img[data-v-1ae7fcf7] { margin: 0px auto; max-width: 70px; width: 100%; height: 100%; } .detail-wrapper .product-thumb .product-thumbs-image .swiper-slide.swiper-slide-thumb-active img[data-v-1ae7fcf7] { border: 0.0625rem solid rgb(253, 172, 14); border-radius: 4px; box-shadow: rgba(171, 140, 98, 0.2) 0px 0px 0.6875rem 0.125rem; } .detail-wrapper .product-thumb .product-min-prev[data-v-1ae7fcf7], .detail-wrapper .product-thumb .swiper-rtl .product-min-prev[data-v-1ae7fcf7] { left: 0px; right: auto; } .detail-wrapper .product-thumb .product-min-prev[data-v-1ae7fcf7]::after, .detail-wrapper .product-thumb .swiper-rtl .product-min-prev[data-v-1ae7fcf7]::after { content: "prev"; } .detail-wrapper .product-thumb .product-min-next[data-v-1ae7fcf7], .detail-wrapper .product-thumb .swiper-rtl .product-min-next[data-v-1ae7fcf7] { right: 0px; left: auto; } .detail-wrapper .product-thumb .product-min-next[data-v-1ae7fcf7]::after, .detail-wrapper .product-thumb .swiper-rtl .product-min-next[data-v-1ae7fcf7]::after { content: "next"; } .detail-wrapper .product-thumb .product-min-next[data-v-1ae7fcf7], .detail-wrapper .product-thumb .product-min-prev[data-v-1ae7fcf7] { position: absolute; width: 50px; height: 50px; border-radius: 25px; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(244, 244, 244); transform: translateY(-50%); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.5s; color: rgb(80, 79, 79) !important; top: 50% !important; } .detail-wrapper .product-thumb .product-min-next[data-v-1ae7fcf7]:hover, .detail-wrapper .product-thumb .product-min-prev[data-v-1ae7fcf7]:hover { border: 0.0625rem solid rgb(253, 172, 14); transition: 0.5s; } .detail-wrapper .product-thumb .product-min-next[data-v-1ae7fcf7]:hover::after, .detail-wrapper .product-thumb .product-min-prev[data-v-1ae7fcf7]:hover::after { transition: 0.5s; color: rgb(253, 172, 14); } .detail-wrapper .product-thumb .product-min-next[data-v-1ae7fcf7]::after, .detail-wrapper .product-thumb .product-min-prev[data-v-1ae7fcf7]::after { font-size: 18px; font-family: swiper-icons; letter-spacing: 0px; font-variant: initial; line-height: 1; transition: 0.5s; text-transform: none !important; } .detail-wrapper .product-thumb .product-min-next.swiper-button-disabled[data-v-1ae7fcf7], .detail-wrapper .product-thumb .product-min-prev.swiper-button-disabled[data-v-1ae7fcf7] { opacity: 0.35; cursor: auto; pointer-events: none; } .detail-wrapper .full-screen[data-v-1ae7fcf7] { position: fixed; top: 0px; left: 0px; background-color: rgb(255, 255, 255); z-index: 999; width: 100%; height: 100%; display: block; } .detail-wrapper .full-screen .productpop-main-image[data-v-1ae7fcf7] { height: calc(-7.5rem + 100vh); } .detail-wrapper .full-screen .productpop-main-image img[data-v-1ae7fcf7] { display: block; height: 100%; width: auto; margin: 0px auto; } .detail-wrapper .full-screen .product-thumb[data-v-1ae7fcf7] { margin-left: auto; margin-right: auto; width: 100%; } .detail-wrapper .full-screen .product-thumb .product-min-next[data-v-1ae7fcf7], .detail-wrapper .full-screen .product-thumb .product-min-prev[data-v-1ae7fcf7] { display: none; } .detail-wrapper .full-screen .close-full-screen[data-v-1ae7fcf7] { position: absolute; top: 30px; right: 40px; width: 60px; height: 60px; background: url("https://ca-static.costway.ca/assets/1760598923/close-1fa7269d.webp") left top / 100% 100% no-repeat; z-index: 2147483647; cursor: pointer; } .pdpAssociatedProducts[data-v-1ae7fcf7] { width: auto !important; height: 35px !important; line-height: 35px !important; padding: 0px 20px !important; } .pdpAssociatedProducts.current[data-v-1ae7fcf7]::after { content: ""; display: inline-block; width: 22px; height: 22px; position: absolute; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_configurable_checked1-09d8c548.png") right bottom / 100% 100% no-repeat; bottom: 0px; right: 0px; z-index: 1; } .pdpAssociatedProducts.disabled[data-v-1ae7fcf7] { border: 0.0625rem dashed rgb(204, 204, 204) !important; color: rgb(204, 204, 204) !important; } .pdpAssociatedProducts.disabled.current[data-v-1ae7fcf7], .pdpAssociatedProducts.disabled[data-v-1ae7fcf7]:hover { border: 0.0625rem dashed rgb(0, 0, 0) !important; } .pdpAssociatedProducts.disabled[data-v-1ae7fcf7]::before { display: none !important; } .installation_services[data-v-1ae7fcf7] { padding: 0.625rem 0px; cursor: pointer; color: rgb(253, 172, 14); text-decoration: underline; } .installation_services img[data-v-1ae7fcf7] { margin-right: 0.3125rem; } .product-detail-drawerpop .ac-recommend[data-v-1ae7fcf7] { padding: 0.9375rem 0px; border-top: 0.0625rem solid rgb(240, 240, 240); border-bottom: 0.0625rem solid rgb(240, 240, 240); } .product-detail-drawerpop .ac-recommend .icon-ac[data-v-1ae7fcf7] { width: 1.75rem; height: 1.375rem; } .product-detail-drawerpop .ac-recommend h2[data-v-1ae7fcf7] { font-size: 1rem; display: inline-block; margin-right: 0.9375rem; } .product-detail-drawerpop .ac-recommend .ac-more[data-v-1ae7fcf7] { color: rgb(253, 172, 14); text-decoration: underline; cursor: pointer; margin-top: 0.625rem; } .gift-box[data-v-1ae7fcf7] { margin-bottom: 40px; } .exclusive-gift .row-title[data-v-1ae7fcf7] { line-height: 1; font-size: 1.25rem; margin-bottom: 20px; } .gift-row .img img[data-v-1ae7fcf7] { max-width: 260px; } .gift-row .txt[data-v-1ae7fcf7] { margin: 0.625rem 0px 0px 60px; } .gift-row .txt h3[data-v-1ae7fcf7] { line-height: 1.2; font-size: 1.625rem; margin-bottom: 40px; white-space: normal; overflow-wrap: break-word; word-break: normal; } .gift-row .txt .desc[data-v-1ae7fcf7] p { line-height: 2rem; font-size: 1rem; margin-bottom: 0px; } .specifications-wrap[data-v-1ae7fcf7] .ant-collapse-content-box { padding: 1rem 0px; } .specifications-wrap[data-v-1ae7fcf7] table { width: 100%; } .specifications-wrap[data-v-1ae7fcf7] table tr { display: flex; border-bottom: 0.0625rem solid rgb(204, 204, 204); align-items: center; } .specifications-wrap[data-v-1ae7fcf7] table tr:first-child { border-top: 0.0625rem solid rgb(204, 204, 204); } .specifications-wrap[data-v-1ae7fcf7] table tr td { padding: 0.625rem 1rem 10px; height: 100%; display: flex; align-items: center; line-height: 18px; } .specifications-wrap[data-v-1ae7fcf7] table tr td a { text-decoration: underline; } .specifications-wrap[data-v-1ae7fcf7] table tr td:first-child { width: 140px; flex-shrink: 0; background-color: rgb(249, 249, 249); } .specifications-wrap[data-v-1ae7fcf7] table tr td:last-child { flex: 1 1 0%; } .install-service-link[data-v-1ae7fcf7] { cursor: pointer; margin-bottom: 10px; } .install-service-link[data-v-1ae7fcf7]:hover { text-decoration: underline; } .install-service-link .wx-img[data-v-1ae7fcf7] { width: 18px; display: inline-block; height: auto; margin-right: 5px; vertical-align: text-top; } .detail-popWarp-b[data-v-1ae7fcf7] { display: flex; justify-content: center; position: fixed; bottom: 0px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px -0.125rem 0.6875rem -0.125rem; padding: 0.875rem 20px; width: 455px; z-index: 9999; } .detail-popWarp-b .btn[data-v-1ae7fcf7] { display: inline-block; padding: 10px; line-height: 23px; border-radius: 30px; text-align: center; cursor: pointer; } .detail-popWarp-b .full-details[data-v-1ae7fcf7] { width: 47%; border: 0.0625rem solid rgb(204, 204, 204); } .detail-popWarp-b .full-details a[data-v-1ae7fcf7] { display: block; width: 100%; height: 100%; } .detail-popWarp-b .add-button[data-v-1ae7fcf7] { width: 47%; margin-left: 30px; } .detail-popWarp-b .add-button .add[data-v-1ae7fcf7] { width: 100%; color: rgb(255, 255, 255); border: none; background: rgb(255, 95, 68); height: 100%; } .worryfree[data-v-1ae7fcf7] { padding: 0.9375rem 0px 0.9375rem 0.625rem; font-size: 0.875rem; } .worryfree img[data-v-1ae7fcf7] { vertical-align: -0.125rem; margin-right: 0.3125rem; } [data-v-7398d6f4]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-7398d6f4] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-7398d6f4] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-7398d6f4] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-7398d6f4] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-7398d6f4] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-7398d6f4] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-7398d6f4] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-7398d6f4] { padding: 0px 20px; } } .ant-form-item[data-v-7398d6f4], .ant-radio-wrapper[data-v-7398d6f4], .ant-radio-group[data-v-7398d6f4] { font-variant: normal !important; } .ant-message[data-v-7398d6f4] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-7398d6f4] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-7398d6f4] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-7398d6f4] { display: none; } .footer_main_top[data-v-7398d6f4] { width: 100%; background-color: rgb(249, 249, 249); padding: 1.875rem 0px 2.1875rem; } .footer_main_top .sub-success[data-v-7398d6f4] { text-align: center; height: 6.875rem; line-height: 6.875rem; } .footer_main_top .join-title[data-v-7398d6f4] { font-size: 1.75rem; font-weight: 700; line-height: 1; margin-bottom: 1.25rem; } .footer_main_top .join-title span[data-v-7398d6f4] strong { font-size: 2.25rem; } .footer_main_top .join-detail[data-v-7398d6f4] { width: 52%; font-size: 0.875rem; line-height: 1.25rem; } .footer_main_top .join-detail a[data-v-7398d6f4] { text-decoration: underline; color: rgb(253, 172, 14); } .svg-subscribe-arrow[data-v-7398d6f4] { width: 1.625rem; height: 1.4375rem; } .subscribe-form[data-v-7398d6f4] { width: 100%; margin: 0px; } .subscribe-form input[data-v-7398d6f4] { float: left; width: 100%; height: 3.75rem; border-radius: 0.5rem 0px 0px 0.5rem; font-size: 1rem; border: 0.0625rem solid rgb(217, 216, 216); } .subscribe-form span[data-v-7398d6f4] { float: left; color: rgb(153, 153, 153); } .subscribe-form button[data-v-7398d6f4] { background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); width: 100%; height: 3.75rem; line-height: 3.75rem; border-radius: 0px 0.5rem 0.5rem 0px; vertical-align: middle; } [data-v-50b0d02c]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-50b0d02c] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-50b0d02c] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-50b0d02c] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-50b0d02c] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-50b0d02c] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-50b0d02c] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-50b0d02c] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-50b0d02c] { padding: 0px 20px; } } .ant-form-item[data-v-50b0d02c], .ant-radio-wrapper[data-v-50b0d02c], .ant-radio-group[data-v-50b0d02c] { font-variant: normal !important; } .ant-message[data-v-50b0d02c] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-50b0d02c] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-50b0d02c] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-50b0d02c] { display: none; } .webpush-pop[data-v-50b0d02c] { border-radius: 0.625rem; } .webpush-pop .webpush[data-v-50b0d02c] { text-align: center; padding: 1rem 0.25rem 0.375rem; } .webpush-pop .webpush p[data-v-50b0d02c] { font-size: 0.875rem; color: rgb(51, 51, 51); margin-bottom: 1.25rem; } .webpush-pop .webpush .button[data-v-50b0d02c] { display: flex; justify-content: center; } .webpush-pop .webpush .button .accectbutton[data-v-50b0d02c] { width: 7.5rem; height: 2.5rem; border-radius: 2.5rem; background-color: rgb(255, 200, 66); color: rgb(255, 255, 255); padding: 0.625rem 1.25rem; cursor: pointer; margin-right: 0.625rem; font-size: 0.875rem; } .webpush-pop .webpush .button .cancelbutton[data-v-50b0d02c] { width: 7.5rem; height: 2.5rem; border-radius: 2.5rem; background-color: rgb(240, 240, 240); color: rgb(51, 51, 51); padding: 0.625rem 1.25rem; cursor: pointer; font-size: 0.875rem; margin-right: 0.625rem; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .webpush-pop { top: 0px; position: fixed; left: 12.5%; width: 19.375rem !important; height: 11.5rem !important; } .webpush-pop .ant-modal-content { border-radius: 0.625rem !important; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .massagearmchair-pop { width: 57.8125rem !important; } .massagearmchair-pop .ant-modal-content { border-radius: 0px; } .massagearmchair-pop .ant-modal-body { padding: 0px; } .massagearmchair-pop .ant-form-item { margin-bottom: 0.625rem; } .massagearmchair-pop .ant-form-item-explain-error { text-align: left; font-size: 0.875rem; line-height: 1rem; } [data-v-1c06da25]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-1c06da25] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-1c06da25] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-1c06da25] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-1c06da25] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-1c06da25] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-1c06da25] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-1c06da25] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-1c06da25] { padding: 0px 20px; } } .ant-form-item[data-v-1c06da25], .ant-radio-wrapper[data-v-1c06da25], .ant-radio-group[data-v-1c06da25] { font-variant: normal !important; } .ant-message[data-v-1c06da25] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-1c06da25] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-1c06da25] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-1c06da25] { display: none; } .massagearmchair-pop-box[data-v-1c06da25] { display: flex; } .massagearmchair-pop-box .massagearmchair-pop-l[data-v-1c06da25] { width: 20rem; height: 32.6875rem; } .massagearmchair-pop-box .massagearmchair-pop-l img[data-v-1c06da25] { width: 100%; } .massagearmchair-pop-box .massagearmchair-pop-r[data-v-1c06da25] { width: 37.8125rem; padding-top: 2.5rem; text-align: center; } .massagearmchair-pop-box .massagearmchair-pop-r h2[data-v-1c06da25] { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.625rem; } .massagearmchair-pop-box .massagearmchair-pop-r p[data-v-1c06da25] { font-size: 1rem; margin-bottom: 1.25rem; } .massagearmchair-pop-box .massagearmchair-pop-r .welfare[data-v-1c06da25] { width: 33.75rem; margin: auto; display: flex; justify-content: space-between; align-items: center; } .massagearmchair-pop-box .massagearmchair-pop-r .welfare .welfare-item img[data-v-1c06da25] { width: 2.4375rem; } .massagearmchair-pop-box .massagearmchair-pop-r .welfare .welfare-item p[data-v-1c06da25] { font-size: 0.875rem; margin-bottom: 0px; } .massagearmchair-pop-box .massagearmchair-pop-r .subscribe-form[data-v-1c06da25] { padding: 1.5625rem 2.1875rem 0px 1.875rem; } .massagearmchair-pop-box .massagearmchair-pop-r .subscribe-form input[data-v-1c06da25] { height: 2.8125rem; border: 0.0625rem solid rgb(204, 204, 204); font-size: 0.875rem; } .massagearmchair-pop-box .massagearmchair-pop-r .subscribe-form[data-v-1c06da25] .ant-row { display: flex; justify-content: space-between; } .massagearmchair-pop-box .massagearmchair-pop-r .subscribe-form .col-r[data-v-1c06da25] { width: 16.5625rem; } .massagearmchair-pop-box .massagearmchair-pop-r .subscribe-form[data-v-1c06da25] .ant-input { border-radius: 0.125rem 0px 0px 0.125rem; } .massagearmchair-pop-box .massagearmchair-pop-r .subscribe-form button[data-v-1c06da25] { height: 2.8125rem; font-size: 1rem; } .massagearmchair-pop-box .massagearmchair-pop-r .subscribe-form[data-v-1c06da25] .ant-btn-lg { border-radius: 0px 0.125rem 0.125rem 0px; } .massagearmchair-pop-box .massagearmchair-pop-r .babypop-bot[data-v-1c06da25] { padding: 0px 1.875rem; text-align: left; } .massagearmchair-pop-box .massagearmchair-pop-r .babypop-bot .terms[data-v-1c06da25] { font-size: 0.875rem; margin-top: 0.9375rem; } .massagearmchair-pop-box .massagearmchair-pop-r .babypop-bot .terms a[data-v-1c06da25] { text-decoration: underline; color: rgb(253, 172, 14); } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .newuser-success { width: 28.25rem !important; height: 36.25rem !important; } .newuser-success .ant-modal-content { border-radius: 0px; } .newuser-success .ant-modal-body { padding: 0px; } .newuser-success .ant-form-item { margin-bottom: 0.625rem; } .newuser-success .ant-form-item-explain-error { text-align: left; font-size: 0.875rem; line-height: 1rem; } [data-v-5866c397]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-5866c397] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-5866c397] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-5866c397] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-5866c397] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-5866c397] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-5866c397] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-5866c397] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-5866c397] { padding: 0px 20px; } } .ant-form-item[data-v-5866c397], .ant-radio-wrapper[data-v-5866c397], .ant-radio-group[data-v-5866c397] { font-variant: normal !important; } .ant-message[data-v-5866c397] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-5866c397] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-5866c397] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-5866c397] { display: none; } .newuser-success-box[data-v-5866c397] { width: 28.25rem; height: 36.25rem; padding: 3.125rem 2.1875rem 3.75rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/newuser-bgnew3-d05cf67b.jpg") center center / 100% 100% no-repeat; text-align: center; } .newuser-success-box .newuser-success-content .newuser-success-img[data-v-5866c397] { width: 2.4375rem; height: 2.4375rem; } .newuser-success-box .newuser-success-content .nst[data-v-5866c397] { margin-bottom: 1.25rem; } .newuser-success-box .newuser-success-content .newuser-success-title[data-v-5866c397] { font-size: 1.25rem; margin: 0.9375rem 0px 0.3125rem; } .newuser-success-box .newuser-success-content .newuser-success-subtitle[data-v-5866c397] { font-size: 0.875rem; color: rgb(51, 51, 51); } .newuser-success-box .newuser-success-content .code-f[data-v-5866c397] { width: 21.75rem; margin: 0px auto; display: flex; justify-content: space-between; } .newuser-success-box .newuser-success-content .code-f .code1[data-v-5866c397] { width: 7rem; height: 6.25rem; padding: 1.25rem 0px; text-align: center; background: url("https://ca-static.costway.ca/assets/1760598923/images/newuser-code1-b03bcd64.png") center center / 100% no-repeat; position: relative; } .newuser-success-box .newuser-success-content .code-f .code1 h2[data-v-5866c397] { font-size: 1.25rem; color: rgb(255, 95, 68); font-weight: 700; } .newuser-success-box .newuser-success-content .code-f .code1 p[data-v-5866c397] { font-size: 0.75rem; color: rgb(102, 102, 102); } .newuser-success-box .newuser-success-content .code-f .code1 .code-count[data-v-5866c397] { position: absolute; top: -0.0625rem; right: 0.25rem; font-size: 0.875rem; color: rgb(255, 255, 255); } .newuser-success-box .newuser-success-content .code-f .code1 .code-count b[data-v-5866c397] { font-weight: 700; } .newuser-success-box .newuser-success-content .code-f .code1-gray[data-v-5866c397] { background: url("https://ca-static.costway.ca/assets/1760598923/images/newuser-code1-gray-40206079.png") center center / 100% no-repeat; } .newuser-success-box .newuser-success-content .code-s[data-v-5866c397] { width: 21.75rem; display: flex; justify-content: space-between; margin: 0.375rem auto 0px; } .newuser-success-box .newuser-success-content .code-s .code4[data-v-5866c397] { width: 10.625rem; height: 6.25rem; padding: 1.25rem 0px; text-align: center; background: url("https://ca-static.costway.ca/assets/1760598923/images/newuser-code2-2cf30a6f.png") center center / 100% no-repeat; position: relative; } .newuser-success-box .newuser-success-content .code-s .code4 h2[data-v-5866c397] { font-size: 1.25rem; color: rgb(255, 95, 68); font-weight: 700; } .newuser-success-box .newuser-success-content .code-s .code4 p[data-v-5866c397] { font-size: 0.75rem; color: rgb(102, 102, 102); } .newuser-success-box .newuser-success-content .code-s .code4 .code-count[data-v-5866c397] { position: absolute; top: -0.0625rem; right: 0.25rem; font-size: 0.875rem; color: rgb(255, 255, 255); } .newuser-success-box .newuser-success-content .code-s .code4 .code-count b[data-v-5866c397] { font-weight: 700; } .newuser-success-box .newuser-success-content .code-s .code4-gray[data-v-5866c397] { background: url("https://ca-static.costway.ca/assets/1760598923/images/newuser-code2-gray-2b07463d.png") center center / 100% no-repeat; } .newuser-success-box .newuser-success-content .tips[data-v-5866c397] { font-size: 0.75rem; color: rgb(102, 102, 102); margin-top: 0.9375rem; margin-bottom: 5rem; } .newuser-success-box .newuser-success-content .code-flash[data-v-5866c397] { margin: 1.875rem auto; display: flex; justify-content: center; align-items: center; } .newuser-success-box .newuser-success-content .code-flash .ends[data-v-5866c397] { margin-right: 0.6875rem; font-size: 1rem; } .newuser-success-box .newuser-success-content .code-flash .date[data-v-5866c397] { display: block; width: 1.875rem; height: 1.875rem; line-height: 1.875rem; text-align: center; background-color: rgb(255, 95, 68); font-size: 1rem; color: rgb(255, 255, 255); border-radius: 0.25rem; } .newuser-success-box .newuser-success-content .code-flash .colon[data-v-5866c397] { color: rgb(51, 51, 51); width: 0.6875rem; height: 1.875rem; line-height: 1.875rem; text-align: center; } .newuser-success-box .newuser-success-content .show[data-v-5866c397] { width: 21.75rem; height: 2.8125rem; background-color: rgb(255, 200, 66); color: rgb(255, 255, 255); font-size: 1rem; border: 0px; } .newuser-success-box .newuser-success-content .toregister[data-v-5866c397] { font-size: 0.875rem; text-align: center; margin-top: 0.9375rem; } .newuser-success-box .newuser-success-content .toregister .toregister-title[data-v-5866c397] { color: rgb(255, 200, 66); text-decoration: underline; cursor: pointer; } [data-v-a484bb92]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-a484bb92] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-a484bb92] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-a484bb92] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-a484bb92] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-a484bb92] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-a484bb92] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-a484bb92] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-a484bb92] { padding: 0px 20px; } } .ant-form-item[data-v-a484bb92], .ant-radio-wrapper[data-v-a484bb92], .ant-radio-group[data-v-a484bb92] { font-variant: normal !important; } .ant-message[data-v-a484bb92] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-a484bb92] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-a484bb92] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-a484bb92] { display: none; } [data-v-a484bb92] .ant-drawer-body { padding: 0px !important; } .new-user-icon[data-v-a484bb92] { position: fixed; bottom: 167px; right: 30px; width: 56px; height: 41px; color: rgb(255, 255, 255); transition: 0.2s ease-out; text-align: center; margin-top: 5px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 14px; z-index: 999; line-height: 17px; padding: 0px; cursor: pointer; top: unset !important; } .new-user-icon img[data-v-a484bb92] { width: 100%; } .new-user-icon p[data-v-a484bb92] { position: absolute; width: 56px; height: 41px; line-height: 36px; font-size: 12px; text-align: center; top: 0px; left: 0px; } .new-user-icon p span[data-v-a484bb92] { font-size: 8px; } .new-user-icon-mask[data-v-a484bb92] { opacity: 0; z-index: 999; height: 60px; } .new-user-box[data-v-a484bb92] { width: 0px; height: 405px; z-index: 999; position: fixed; bottom: 235px; right: 36px; } .new-user-box .costwayday-pop[data-v-a484bb92] { position: relative; height: 100%; } .new-user-box .costwayday-pop.costwaydayPopShow[data-v-a484bb92] { padding: 10px 24px; } .new-user-box .costwayday-title[data-v-a484bb92] { font-style: italic; width: 100%; text-align: center; color: rgb(252, 144, 28); font-size: 42px; font-weight: 700; margin-bottom: 22px; } .new-user-box .costwayday-detail[data-v-a484bb92] { font-style: italic; width: 100%; text-align: center; font-size: 18px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 10px; } .new-user-box .costwayday-detail span[data-v-a484bb92] { font-style: italic; color: rgb(248, 219, 140); font-size: 30px; font-weight: 700; } .costwayday-pop .newUserBoxR[data-v-a484bb92] { float: left; width: 100%; height: 100%; padding: 10px 10px 48px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background: rgb(255, 255, 255); } .costwayday-pop .newUserBoxR > p[data-v-a484bb92] { width: 100%; text-align: center; font-size: 20px; font-weight: 700; margin-bottom: 0px; } .costwayday-pop .newUserBoxR a[data-v-a484bb92] { width: 100%; } .costwayday-pop .newUserBoxR .getCoupons[data-v-a484bb92]:hover { color: rgb(255, 255, 255) !important; } .costwayday-pop .getCoupons[data-v-a484bb92] { width: 100%; border-radius: 20px; background: rgb(253, 172, 14); color: rgb(255, 255, 255); text-align: center; margin-top: 8px; height: 35px; line-height: 35px; font-size: 16px; } .costwayday-pop .noCoupons[data-v-a484bb92] { cursor: pointer; width: 100%; padding: 0.3125rem 0px; color: rgb(253, 172, 14); text-align: center; text-decoration: underline; font-size: 16px; } .costwayday-pop .newUserBoxR .logo[data-v-a484bb92] { display: block; width: 100%; text-align: center; } .costwayday-pop .newUserBoxR .logo .svg_pop_logo[data-v-a484bb92] { width: 84px; height: 36px; } .costwayday-pop .newUserBoxR .logo .slogan[data-v-a484bb92] { margin-top: 10px; text-align: center; font-size: 12px; } .costwayday-pop .newUserBoxR .coupon_icon[data-v-a484bb92] { cursor: pointer; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ps__rail-y { opacity: 1 !important; } .rererral-code { width: 37.5rem !important; } .rererral-code .ant-modal-content { width: 37.5rem; border-radius: 0.5625rem; } .rererral-code .ant-modal-body { text-align: center; padding: 0px 0px 1.875rem !important; } .rererral-code .ant-modal-body .plus-t { background-image: url("https://ca-static.costway.ca/assets/1760598923/images/plus24-7fbad52b.png"); background-repeat: no-repeat; background-size: 100% 100%; padding: 2.5rem 0px 0px; height: 28.125rem; position: relative; } .rererral-code .ant-modal-body .plus-t h2 { font-weight: 600; font-size: 1.5rem; } .rererral-code .ant-modal-body .plus-t > p { font-size: 1.25rem; } .rererral-code .ant-modal-body .plus-t > p strong { font-size: 1.125rem; } .rererral-code .ant-modal-body .plus-t .code-box { width: 36.875rem; height: 23.125rem; padding: 3.125rem 1.875rem; position: absolute; bottom: -2.5rem; left: 50%; transform: translate(-50%); margin: 0px auto; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/plus25-eaea50bb.png"); background-repeat: no-repeat; background-size: 100% 100%; } .rererral-code .ant-modal-body .plus-t .code-box p:nth-of-type(1) { font-size: 1.25rem; margin-bottom: 0.625rem; } .rererral-code .ant-modal-body .plus-t .code-box p:nth-of-type(2) { font-size: 2.25rem; font-weight: 700; margin-bottom: 0.625rem; letter-spacing: 0.625rem; } .rererral-code .ant-modal-body .plus-t .code-box p:nth-of-type(3) { font-size: 0.8125rem; text-align: left; margin: 2.625rem 0px 0px; line-height: 1.25rem; } .rererral-code .ant-modal-body .plus-t .code-box p:nth-of-type(3) a { text-decoration: underline; color: rgb(253, 172, 14); } .rererral-code .ant-modal-body .plus-c { position: relative; width: 36.875rem; margin: 3.125rem auto 1.875rem; padding: 0px 1.25rem; z-index: 1; } .rererral-code .ant-modal-body .plus-c h2 { font-size: 1.25rem; } .rererral-code .ant-modal-body .plus-c ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .rererral-code .ant-modal-body .plus-c ul li { width: 32%; background: rgb(244, 244, 244); border-radius: 0.625rem; height: 8.125rem; padding: 0.625rem; box-sizing: border-box; } .rererral-code .ant-modal-body .plus-c ul li img { height: 2.125rem; margin-bottom: 0.75rem; } .rererral-code .ant-modal-body .plus-c ul li p { margin-bottom: 0px; font-size: 0.8125rem; } .rererral-code .ant-modal-body .plus-c ul li p span { font-size: 1rem; font-weight: 700; } .rererral-code .ant-modal-body .plus-c ul li:nth-of-type(1) p, .rererral-code .ant-modal-body .plus-c ul li:nth-of-type(3) p { margin-top: 0.625rem; } .rererral-code .ant-modal-body .plus-b h2 { font-size: 1.25rem; padding: 0px 1.5625rem; } .rererral-code .ant-modal-body .plus-b h2::before { display: inline-block; content: ""; height: 0.0625rem; width: 11.875rem; background: rgb(204, 204, 204); margin-right: 1.25rem; vertical-align: middle; } .rererral-code .ant-modal-body .plus-b h2::after { display: inline-block; content: ""; height: 0.0625rem; width: 11.875rem; background: rgb(204, 204, 204); margin-left: 1.25rem; vertical-align: middle; } .rererral-code .ant-modal-body .plus-b ul { width: 25.875rem; margin: 0px auto; cursor: pointer; } .rererral-code .ant-modal-body .plus-b ul li { height: 2.5rem; line-height: 2.5rem; padding: 0px 1.25rem; background: rgb(255, 250, 237); border-radius: 1.25rem; margin-bottom: 0.625rem; } .rererral-code .ant-modal-body .plus-b ul li p:nth-of-type(1) { display: inline-block; text-align: left; width: 80%; margin-bottom: 0px; } .rererral-code .ant-modal-body .plus-b ul li p:nth-of-type(2) { display: inline-block; width: 20%; margin-bottom: 0px; color: rgb(255, 200, 66); text-align: right; } .rererral-code .ant-modal-body .plus-icon { position: absolute; bottom: -0.625rem; right: -1.125rem; width: 7.25rem; z-index: 0; } .rererral-code .ant-modal-body .b-btn { padding: 0px 1.25rem; height: 2.8125rem; line-height: 2.8125rem; border-radius: 3.125rem; text-align: center; color: rgb(0, 0, 0); display: inline-block; background: rgb(255, 200, 66); cursor: pointer; } .rererral-code .ant-modal-body .b-btn2 { background: rgb(232, 85, 79); } .rererral-code .ant-modal-body .b-btn2 a { color: rgb(255, 255, 255); } .rererral-code .ant-modal-body .not-plus { padding: 6.25rem 0px 3.75rem; } .rererral-code .ant-modal-body .not-plus .b-btn { color: rgb(255, 255, 255); background: rgb(253, 172, 14); margin-top: 1.25rem; padding: 0px 3.125rem; } .rererral-code .ant-modal-footer { display: none !important; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-popover.ant-popover-placement-leftBottom { position: fixed; width: fit-content; } [data-v-5de8f33b]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-5de8f33b] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-5de8f33b] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-5de8f33b] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-5de8f33b] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-5de8f33b] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-5de8f33b] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-5de8f33b] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-5de8f33b] { padding: 0px 20px; } } .ant-form-item[data-v-5de8f33b], .ant-radio-wrapper[data-v-5de8f33b], .ant-radio-group[data-v-5de8f33b] { font-variant: normal !important; } .ant-message[data-v-5de8f33b] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-5de8f33b] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-5de8f33b] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-5de8f33b] { display: none; } .download-app[data-v-5de8f33b] { position: fixed; bottom: 119px; right: 35px; width: 45px; height: 45px; background-color: rgb(237, 237, 237); z-index: 99; border-radius: 4px; cursor: pointer; top: unset !important; } .download-app img[data-v-5de8f33b] { width: 100%; } .download-app-mask[data-v-5de8f33b] { opacity: 0; z-index: 99999; height: 45px; } .download-wrap[data-v-5de8f33b] { width: 300px; text-align: center; } .download-wrap .download-title[data-v-5de8f33b] { font-weight: 500; font-size: 20px; line-height: 20px; margin: 20px 20px 0px; } .download-wrap .exclusive[data-v-5de8f33b] { font-weight: 600; font-size: 20px; line-height: 45px; color: rgb(255, 95, 68); margin-bottom: 0px; } .download-wrap .download-image[data-v-5de8f33b] { display: flex; margin: 6px 0px 20px 15px; justify-content: space-between; } .download-wrap .download-image .qr-code[data-v-5de8f33b] { border: 1px solid rgb(204, 204, 204); border-radius: 4px; flex-shrink: 0; width: 116px; height: 116px; } .download-wrap .download-image .qr-code canvas[data-v-5de8f33b] { margin: 0.125rem; } .download-wrap .download-image .google-play[data-v-5de8f33b] { margin-top: 14px; } [data-v-14729ac5]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-14729ac5] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-14729ac5] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-14729ac5] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-14729ac5] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-14729ac5] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-14729ac5] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-14729ac5] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-14729ac5] { padding: 0px 20px; } } .ant-form-item[data-v-14729ac5], .ant-radio-wrapper[data-v-14729ac5], .ant-radio-group[data-v-14729ac5] { font-variant: normal !important; } .ant-message[data-v-14729ac5] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-14729ac5] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-14729ac5] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-14729ac5] { display: none; } .plus-birthday-icon[data-v-14729ac5] { position: fixed; bottom: 0px; right: 7.5rem; z-index: 99999; cursor: pointer; } .plus-birthday-icon .plus-birthday-svg[data-v-14729ac5] { position: absolute; right: 0.375rem; top: 0.9375rem; cursor: pointer; } .plus-birthday-pop[data-v-14729ac5] { background: rgba(0, 0, 0, 0.8); cursor: pointer; width: 100%; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 999999; } .plus-birthday-pop img[data-v-14729ac5] { width: 37.5rem; } .plus-birthday-pop .siteselect-inner[data-v-14729ac5] { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .plus-birthday-pop .costwayday-pop[data-v-14729ac5] { position: relative; } .plus-birthday-pop .costwayday-pop .popup-close[data-v-14729ac5] { width: 1.875rem; height: 1.875rem; text-align: center; position: absolute; cursor: pointer; top: -0.125rem; right: -2.75rem; transition: 0.5s; } .plus-birthday-pop .costwayday-title[data-v-14729ac5] { font-style: italic; width: 100%; text-align: center; color: rgb(252, 144, 28); font-size: 2.625rem; font-weight: 700; margin-bottom: 1.375rem; } .plus-birthday-pop .costwayday-detail[data-v-14729ac5] { font-style: italic; width: 100%; text-align: center; font-size: 1.125rem; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 0.625rem; } .plus-birthday-pop .costwayday-detail span[data-v-14729ac5] { font-style: italic; color: rgb(248, 219, 140); font-size: 1.875rem; font-weight: 700; } .plus-birthday-pop .link-to[data-v-14729ac5] { width: 10rem; height: 6.25rem; line-height: 6.25rem; text-align: center; color: rgb(255, 255, 255); font-size: 1.5rem; font-weight: 700; font-style: italic; margin: 18.4375rem auto 0px; display: block; background: url("https://assets.costway.com/media/wysiwyg/FDS-product/Home/specials_folder/2021card/costway2.png") 0px / 100% 100% no-repeat; } .plus-birthday-pop .link-to[data-v-14729ac5]:hover { color: rgb(255, 255, 255) !important; } .plus-birthday-pop .close-icon[data-v-14729ac5] { position: absolute; top: 0px; right: -1.875rem; display: inline-block; border-radius: 50%; width: 1.5625rem; height: 1.5625rem; padding: 0.25rem 0.3125rem 0.375rem; cursor: pointer; } .costwayday-pop .newUserBoxR[data-v-14729ac5] { float: left; width: 25.25rem; height: 29.6875rem; padding: 2.1875rem 2.375rem 0px; box-sizing: border-box; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; background: rgb(255, 255, 255); } .costwayday-pop .newUserBoxR > p[data-v-14729ac5] { width: 100%; text-align: center; font-size: 1.5rem; font-weight: 700; line-height: 1.5625rem; } .costwayday-pop .newUserBoxR img[data-v-14729ac5] { width: 100%; margin-top: -0.3125rem; } .costwayday-pop .newUserBoxR img[data-v-14729ac5]:nth-of-type(2) { margin-top: -0.625rem; } .costwayday-pop .newUserBoxR a[data-v-14729ac5] { width: 100%; } .costwayday-pop .newUserBoxR .getCoupons[data-v-14729ac5]:hover { color: rgb(255, 255, 255) !important; } .costwayday-pop .getCoupons[data-v-14729ac5] { width: 100%; padding: 0.3125rem 0px; border-radius: 1.25rem; background: rgb(253, 172, 14); color: rgb(255, 255, 255); text-align: center; margin-top: 0.5rem; } .costwayday-pop .noCoupons[data-v-14729ac5] { width: 100%; padding: 0.3125rem 0px; color: rgb(253, 172, 14); text-align: center; text-decoration: underline; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } #translations-main { font-family: Poppins-Regular !important; } .grw-net-widget { margin: 0px 0px 0px -0.4375rem !important; } .review-widget_net { margin-bottom: -1.25rem; } .review-widget_net .grw-net-text-much-big, .review-widget_net .grw-net-text-medium, .review-widget_net .grw-net-stars-text-small { font-family: Poppins-Regular !important; } .review-widget_net .grw-net-widget-four { border: none !important; } .review-widget_net .branding { display: none !important; opacity: 0 !important; } .trustpilot-widget { margin-left: -0.75rem; } .showDetailBody { padding-right: 0.9375rem; } .showDetailBody::-webkit-scrollbar { display: none; padding-right: 1.0625rem; } [data-v-ab60bc4e]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-ab60bc4e], .footer_bottom > div[data-v-ab60bc4e], .footer-container[data-v-ab60bc4e] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-ab60bc4e], .footer_bottom > div[data-v-ab60bc4e], .footer-container[data-v-ab60bc4e] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-ab60bc4e], .footer_bottom > div[data-v-ab60bc4e], .footer-container[data-v-ab60bc4e] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-ab60bc4e], .footer_bottom > div[data-v-ab60bc4e], .footer-container[data-v-ab60bc4e] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-ab60bc4e], .footer_bottom > div[data-v-ab60bc4e], .footer-container[data-v-ab60bc4e] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-ab60bc4e], .footer_bottom > div[data-v-ab60bc4e], .footer-container[data-v-ab60bc4e] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-ab60bc4e], .footer_bottom > div[data-v-ab60bc4e], .footer-container[data-v-ab60bc4e] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-ab60bc4e], .footer_bottom > div[data-v-ab60bc4e], .footer-container[data-v-ab60bc4e] { padding: 0px 20px; } } .ant-form-item[data-v-ab60bc4e], .ant-radio-wrapper[data-v-ab60bc4e], .ant-radio-group[data-v-ab60bc4e] { font-variant: normal !important; } .ant-message[data-v-ab60bc4e] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-ab60bc4e] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-ab60bc4e] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-ab60bc4e] { display: none; } .svg-footer-logo[data-v-ab60bc4e] { width: 8.875rem; height: 3.875rem; } .footer[data-v-ab60bc4e] { margin-top: 4.125rem; } .footer-container[data-v-ab60bc4e] { background: rgb(255, 255, 255); } .footer-container[data-v-ab60bc4e]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .footer-container .footer-bottom-ul[data-v-ab60bc4e] { margin: 0px auto; padding: 3.75rem 0px 2.5rem; } .footer-container .footer-bottom-ul li[data-v-ab60bc4e] { float: left; margin-right: 1.25rem; } .footer-container .footer-bottom-ul li dl[data-v-ab60bc4e]:nth-of-type(1) { margin-bottom: 0.9375rem; } .footer-container .footer-bottom-ul .footer-top dl[data-v-ab60bc4e] { width: 17%; } .footer-container .footer-bottom-ul .footer-top dt[data-v-ab60bc4e] { font-size: 1.25rem; line-height: 1.5; color: rgb(0, 0, 0); font-weight: 600; margin-bottom: 1.125rem; } .footer-container .footer-bottom-ul .footer-top dd[data-v-ab60bc4e] { line-height: 1.35; font-size: 0.875rem; color: rgb(14, 14, 14); margin-bottom: 1.125rem; } .footer-container .footer-bottom-ul .footer-top[data-v-ab60bc4e] { display: flex; justify-content: space-between; } .footer-container .footer-bottom-ul .footer-top dd a[data-v-ab60bc4e] { transition: 0.25s; color: rgb(14, 14, 14); display: inline-block; align-items: center; text-decoration: none; } .footer-container .footer-bottom-ul .footer-top dd a[data-v-ab60bc4e]::before { content: "->"; position: absolute; opacity: 0; display: block; transform: translate(-1.125rem); transition: 0.25s; } .footer-container .footer-bottom-ul .footer-top dd a[data-v-ab60bc4e]:hover { padding-left: 1.5625rem; color: rgb(255, 95, 68); } .footer-container .footer-bottom-ul .footer-top dd a[data-v-ab60bc4e]:hover::before { opacity: 1; transform: translateX(-1.125rem); } .footer-container .footer-bottom-ul .footer-bottom[data-v-ab60bc4e] { display: flex; justify-content: space-between; align-items: flex-end; } .bottom-logo[data-v-ab60bc4e] { padding-right: 11%; box-sizing: border-box; width: 28% !important; } @media only screen and (max-width: 1680px) { .bottom-logo[data-v-ab60bc4e] { padding-right: 10%; } } @media only screen and (max-width: 1536px) { .bottom-logo[data-v-ab60bc4e] { padding-right: 9%; } } @media only screen and (max-width: 1440px) { .bottom-logo[data-v-ab60bc4e] { padding-right: 8%; } } @media only screen and (max-width: 1280px) { .bottom-logo[data-v-ab60bc4e] { padding-right: 7%; } } @media only screen and (max-width: 1150px) { .bottom-logo[data-v-ab60bc4e] { padding-right: 4%; } } @media only screen and (max-width: 980px) { .bottom-logo[data-v-ab60bc4e] { padding-right: 5%; } } .bottom-logo a[data-v-ab60bc4e] { display: block; font-size: 0px; } .bottom-logo svg[data-v-ab60bc4e] { width: 7.5rem; margin-top: -0.3125rem; } .bottom-logo p[data-v-ab60bc4e] { font-size: 0.75rem; color: rgb(94, 91, 91); font-weight: 400; line-height: 1.5; } .bottom-logo .footer-slogan[data-v-ab60bc4e] { margin-top: 0.625rem; color: rgb(31, 31, 31); font-size: 1rem; line-height: 1; font-weight: 500; } .pay-title[data-v-ab60bc4e] { font-size: 1.25rem; line-height: 1.875rem; color: rgb(0, 0, 0); font-weight: 600; margin: 4.75rem 0px 1.875rem; } .footer_service .service_icon[data-v-ab60bc4e] { display: block; width: 1.8125rem; height: 1.625rem; margin: 0px auto 0.625rem; background-size: 100%; background-repeat: no-repeat; } .footer_main_top .aside[data-v-ab60bc4e] { width: 100%; height: auto; padding-top: 0.625rem; overflow: hidden; } .foot_payway[data-v-ab60bc4e] { float: left; overflow: hidden; height: 2.375rem; } .foot_share p[data-v-ab60bc4e], .foot_payway p[data-v-ab60bc4e] { font-size: 0.875rem; color: rgb(37, 37, 37); margin-right: 2.5rem; float: left; line-height: 2.125rem; } .foot_payway ul[data-v-ab60bc4e] { overflow: hidden; float: left; } .trust-box[data-v-ab60bc4e] { width: 265px; float: right; } .bottom-logo-row[data-v-ab60bc4e] { margin-top: 2.5rem; } .footer-container .share[data-v-ab60bc4e] { overflow: hidden; margin: 0.5rem 0px 0px; } .footer-container .share a[data-v-ab60bc4e] { display: block; width: 1.875rem; height: 1.875rem; border-radius: 50%; background-repeat: no-repeat; background-size: auto; background-position: center center; } .footer_bottom[data-v-ab60bc4e] { width: 100%; border-top: 0.0625rem solid rgb(204, 204, 204); height: 3.375rem; line-height: 3.375rem; text-align: center; color: rgb(0, 0, 0); } .footer_bottom > div[data-v-ab60bc4e]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .footer_bottom > div .fl[data-v-ab60bc4e] { float: left; } .footer_bottom > div .fr[data-v-ab60bc4e] { float: right; } .facebook[data-v-ab60bc4e] { background-image: url("https://ca-static.costway.ca/assets/1760598923/images/facebook-dda153e4.png"); } .twitter[data-v-ab60bc4e] { background-image: url("https://ca-static.costway.ca/assets/1760598923/images/twitter-8190d06d.png"); } .pinterest[data-v-ab60bc4e] { background-image: url("https://ca-static.costway.ca/assets/1760598923/images/pinterest-2a90c228.png"); } .youtube[data-v-ab60bc4e] { background-image: url("https://ca-static.costway.ca/assets/1760598923/images/youtube-e64959cb.png"); } .instagram[data-v-ab60bc4e] { background-image: url("https://ca-static.costway.ca/assets/1760598923/images/instagram-62ce9a30.png"); } .trustpilot[data-v-ab60bc4e] { margin: 0px 0px 0.625rem 0.625rem; } .trustpilot img[data-v-ab60bc4e] { display: block; margin-bottom: 0.625rem; } .trustpilot img[data-v-ab60bc4e]:nth-of-type(2) { margin-bottom: 0px; display: inline-block; } .trustpilot strong[data-v-ab60bc4e] { display: inline-block; margin-left: 0.3125rem; } .stjr-badge-main .stjr-badge[data-v-ab60bc4e] { width: 18.75rem; float: right; margin-bottom: 0.625rem; } .stjr-badge-main .stjr-badge[data-v-ab60bc4e] .stjr-container .stjr-review-badge-banner__rating { margin-right: 0px; } .stjr-badge-main .stjr-badge[data-v-ab60bc4e] .stjr-container a { font-size: 1rem; } .download-image[data-v-ab60bc4e] { display: flex; justify-content: space-between; } .download-image .qr-code[data-v-ab60bc4e] { width: 7.375rem; height: 7.3125rem; border: 0.0625rem solid rgb(204, 204, 204); padding: 0.125rem 0.125rem 0px; border-radius: 0.375rem; margin-right: 0.875rem; flex-shrink: 1; } .download-image .qr-code canvas[data-v-ab60bc4e] { width: 7rem !important; height: 7rem !important; } .download-image .google-play[data-v-ab60bc4e] { margin-top: 0.9375rem; } .download-image .google-image img[data-v-ab60bc4e] { width: 8.75rem; } .contact-line[data-v-ab60bc4e] { margin-bottom: 0.125rem; } .contact-line i[data-v-ab60bc4e] { display: inline-block; vertical-align: bottom; } .contact-line p[data-v-ab60bc4e] { display: inline-block; color: rgb(0, 0, 0); } .contact-line svg[data-v-ab60bc4e] { vertical-align: middle; margin-right: 0.3125rem; } .app-box[data-v-ab60bc4e] { text-align: right; } .app-box a[data-v-ab60bc4e] { display: inline-block; width: 8.75rem; height: 3.125rem; margin: 0px 0.3125rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/apple-store-800b7b42.jpg") center bottom / 100% no-repeat; } .app-box a[data-v-ab60bc4e]:nth-of-type(2) { background: url("https://ca-static.costway.ca/assets/1760598923/images/google-play-b00723e8.png") center bottom / 100% no-repeat; } .footer_main_bottom[data-v-ab60bc4e] { display: flex; justify-content: space-between; align-items: center; } .footer_main_bottom .join-left[data-v-ab60bc4e] { width: 60%; margin-right: 5%; } .footer_main_bottom .join-right[data-v-ab60bc4e] { width: 35%; } .footer_main_bottom .join-title[data-v-ab60bc4e] { text-align: left; font-weight: 400; font-size: 2rem; margin-bottom: 0.625rem; color: rgb(14, 14, 14); } .footer_main_bottom .join-detail[data-v-ab60bc4e] { text-align: left; font-size: 1rem; color: rgb(14, 14, 14); line-height: 1.25rem; } #components-back-top-demo-custom .ant-back-top[data-v-ab60bc4e] { bottom: 23px; right: 35px; z-index: 9999; height: 45px; width: 45px; } #components-back-top-demo-custom .ant-back-top-inner[data-v-ab60bc4e] { height: 45px; width: 45px; padding-top: 9px; box-sizing: border-box; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: rgb(34, 34, 34); color: rgb(255, 255, 255); text-align: center; } #components-back-top-demo-custom .ant-back-top-inner span[data-v-ab60bc4e] { font-size: 13px; } #components-back-top-demo-custom .ant-back-top-inner svg[data-v-ab60bc4e], #components-back-top-demo-custom .ant-back-top-inner span[data-v-ab60bc4e] { width: 45px; display: block; } [data-v-6ac27302]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-6ac27302] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-6ac27302] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-6ac27302] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-6ac27302] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-6ac27302] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-6ac27302] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-6ac27302] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-6ac27302] { padding: 0px 20px; } } .ant-form-item[data-v-6ac27302], .ant-radio-wrapper[data-v-6ac27302], .ant-radio-group[data-v-6ac27302] { font-variant: normal !important; } .ant-message[data-v-6ac27302] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-6ac27302] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-6ac27302] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-6ac27302] { display: none; } .product-list[data-v-6ac27302]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .product-list .pagination[data-v-6ac27302] { display: block; margin: 1.75rem auto 4.25rem; text-align: center; } .product-list .pagination[data-v-6ac27302] .ant-pagination-item, .product-list .pagination[data-v-6ac27302] .ant-pagination-prev, .product-list .pagination[data-v-6ac27302] .ant-pagination-next { width: 2.875rem; height: 2.875rem; font-size: 1.125rem; line-height: 2.75rem; border-radius: 0.25rem; border-color: rgb(204, 204, 204); } .product-list .pagination[data-v-6ac27302] .ant-pagination-item a, .product-list .pagination[data-v-6ac27302] .ant-pagination-prev a, .product-list .pagination[data-v-6ac27302] .ant-pagination-next a { color: rgb(102, 102, 102); } .product-list .pagination[data-v-6ac27302] .ant-pagination-item:hover, .product-list .pagination[data-v-6ac27302] .ant-pagination-prev:hover, .product-list .pagination[data-v-6ac27302] .ant-pagination-next:hover { border-color: rgb(253, 172, 14); } .product-list .pagination[data-v-6ac27302] .ant-pagination-item:hover.ant-pagination-disabled button, .product-list .pagination[data-v-6ac27302] .ant-pagination-prev:hover.ant-pagination-disabled button, .product-list .pagination[data-v-6ac27302] .ant-pagination-next:hover.ant-pagination-disabled button { border-color: rgb(204, 204, 204); } .product-list .pagination[data-v-6ac27302] .ant-pagination-item:hover.ant-pagination-disabled button svg path, .product-list .pagination[data-v-6ac27302] .ant-pagination-prev:hover.ant-pagination-disabled button svg path, .product-list .pagination[data-v-6ac27302] .ant-pagination-next:hover.ant-pagination-disabled button svg path { fill: rgb(102, 102, 102); } .product-list .pagination[data-v-6ac27302] .ant-pagination-item:hover a, .product-list .pagination[data-v-6ac27302] .ant-pagination-prev:hover a, .product-list .pagination[data-v-6ac27302] .ant-pagination-next:hover a { color: rgb(253, 172, 14); } .product-list .pagination[data-v-6ac27302] .ant-pagination-item:hover button, .product-list .pagination[data-v-6ac27302] .ant-pagination-prev:hover button, .product-list .pagination[data-v-6ac27302] .ant-pagination-next:hover button { border-color: rgb(253, 172, 14); } .product-list .pagination[data-v-6ac27302] .ant-pagination-item:hover button svg path, .product-list .pagination[data-v-6ac27302] .ant-pagination-prev:hover button svg path, .product-list .pagination[data-v-6ac27302] .ant-pagination-next:hover button svg path { fill: rgb(253, 172, 14); } .product-list .pagination[data-v-6ac27302] .ant-pagination-item.ant-pagination-item-active, .product-list .pagination[data-v-6ac27302] .ant-pagination-prev.ant-pagination-item-active, .product-list .pagination[data-v-6ac27302] .ant-pagination-next.ant-pagination-item-active { background: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .product-list .pagination[data-v-6ac27302] .ant-pagination-item.ant-pagination-item-active a, .product-list .pagination[data-v-6ac27302] .ant-pagination-prev.ant-pagination-item-active a, .product-list .pagination[data-v-6ac27302] .ant-pagination-next.ant-pagination-item-active a { color: rgb(255, 255, 255); } .product-list .pagination[data-v-6ac27302] .ant-pagination-item svg, .product-list .pagination[data-v-6ac27302] .ant-pagination-prev svg, .product-list .pagination[data-v-6ac27302] .ant-pagination-next svg { width: 1rem; height: 1rem; } .product-list .pagination[data-v-6ac27302] .ant-pagination-item svg path, .product-list .pagination[data-v-6ac27302] .ant-pagination-prev svg path, .product-list .pagination[data-v-6ac27302] .ant-pagination-next svg path { fill: rgb(102, 102, 102); } .product-list .pagination[data-v-6ac27302] .ant-pagination-item button, .product-list .pagination[data-v-6ac27302] .ant-pagination-prev button, .product-list .pagination[data-v-6ac27302] .ant-pagination-next button { display: flex; justify-content: center; align-items: center; border: 0.0625rem solid rgb(204, 204, 204); } .product-list .product-items[data-v-6ac27302] { display: flex; flex-wrap: wrap; place-content: flex-start space-between; } .product-list .product-items .product-item[data-v-6ac27302] { width: 24%; padding: 1.875rem; margin-bottom: 1.25rem; transition: 0.2s linear; box-shadow: rgba(122, 122, 122, 0.15) -0.0625rem 0.3125rem 1rem 0.1875rem; border-radius: 0.5rem; } .product-list .product-items .product-item[data-v-6ac27302]:last-child:nth-child(4n-1) { margin-right: 25.3333%; } .product-list .product-items .product-item[data-v-6ac27302]:last-child:nth-child(4n-2) { margin-right: 50.6667%; } .product-list .product-items .product-item p[data-v-6ac27302] { margin-bottom: 0px; } .product-list .product-items .product-item .attrs[data-v-6ac27302] { display: block; width: 100%; margin-top: 1.125rem; min-height: 1.6875rem; } .product-list .product-items .product-item .attrs .color_attrs[data-v-6ac27302] { display: inline-block; width: 1rem; height: 1rem; overflow: hidden; border-radius: 1.25rem; font-size: 0px; border: 0.125rem solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.1875rem; cursor: pointer; margin-right: 0.9375rem; box-sizing: content-box; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; } .product-list .product-items .product-item .attrs .color_attrs.current[data-v-6ac27302] { width: 1rem; height: 1rem; border-radius: 0.5625rem; background: 0% 0% / 100% rgb(255, 255, 255); border: 0.125rem solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.1875rem; } .product-list .product-items .product-item .attrs .color_attrs.gray_border[data-v-6ac27302] { border: 0.0625rem solid rgb(204, 204, 204); } .product-list .product-items .product-item .rating-list-box[data-v-6ac27302] { display: block; min-height: 1.375rem; } .product-list .product-items .product-item .product-title[data-v-6ac27302], .product-list .product-items .product-item .price-box[data-v-6ac27302] { display: block; } .product-list .product-items .product-item .product-title[data-v-6ac27302] { margin: 0px 0px 0.625rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1rem; line-height: 1.5rem; } .product-list .product-items .product-item .product-title a[data-v-6ac27302] { color: rgb(51, 51, 51); } .product-list .product-items .product-item .price-box[data-v-6ac27302] { margin-bottom: 0.625rem; line-height: 1; } .product-list .product-items .product-item .price-box > span[data-v-6ac27302] { font-size: 1.5rem; margin: 0px 0.5rem; } .product-list .product-items .product-item .price-box > span[data-v-6ac27302]:first-child { margin-left: 0px; } .product-list .product-items .product-item .price-box > span.special-price[data-v-6ac27302] { color: rgb(230, 77, 67); } .product-list .product-items .product-item .price-box > span.special-price.black[data-v-6ac27302] { color: rgb(51, 51, 51); } .product-list .product-items .product-item .price-box > span.price[data-v-6ac27302] { color: rgb(153, 153, 153); text-decoration: line-through; } .product-list .product-items .product-item .save[data-v-6ac27302] { margin-bottom: 0.625rem; } .product-list .product-items .product-item[data-v-6ac27302]:hover { border-radius: 0.25rem; transform: translate3d(0px, -0.625rem, 0px); } .product-list .product-items .product-item:hover .wish-box[data-v-6ac27302] { opacity: 1; pointer-events: all; } .product-list .product-items .product-item:hover .quick_view[data-v-6ac27302] { display: inline-block; } .product-list .product-items .product-item .sale-description[data-v-6ac27302] { position: absolute; bottom: -0.5rem; left: 0px; height: 1.5625rem; border-radius: 0.125rem; text-align: center; line-height: 1.5625rem; background-color: rgb(254, 246, 245); padding: 0px 0.8125rem; color: rgb(230, 77, 67); font-size: 0.875rem; } .product-images[data-v-6ac27302] { display: block; width: 100%; position: relative; } .product-images .tag[data-v-6ac27302] { position: absolute; top: -0.9375rem; left: -0.9375rem; line-height: 1; font-size: 0.875rem; padding: 0.3125rem 0.625rem; border-radius: 0.25rem; z-index: 2; pointer-events: none; } .product-images .tag.sale[data-v-6ac27302], .product-images .tag.transit[data-v-6ac27302] { background-color: rgb(255, 255, 255); } .product-images .tag.limited[data-v-6ac27302] { background-color: rgb(249, 249, 249); color: rgb(0, 0, 0); } .product-images .tag.per-order[data-v-6ac27302], .product-images .tag.new[data-v-6ac27302], .product-images .tag.onsale[data-v-6ac27302] { background-color: rgb(254, 246, 245); color: rgb(230, 77, 67); } .product-images .tag.new[data-v-6ac27302] { padding: 0.375rem 0.875rem; } .product-images .tag.bestseller[data-v-6ac27302], .product-images .tag.clearance[data-v-6ac27302] { background-color: rgb(255, 95, 68); color: rgb(255, 255, 255); } .product-images .tag.has_video[data-v-6ac27302] { width: 4rem; height: 4rem; inset: 0px; margin: auto; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-player-b3cf0f2d.png") center center / 100% 100% no-repeat; pointer-events: none; } .product-images .tag.price-guarantee[data-v-6ac27302] { padding: 0px 0.3125rem 0px 0px; border: 0.0625rem solid rgb(11, 192, 99); background: rgb(239, 255, 247); height: 1.75rem; line-height: 1.625rem; border-radius: 0.375rem; overflow: hidden; } .product-images .tag.price-guarantee .icon[data-v-6ac27302] { background: rgb(11, 192, 99); display: inline-block; padding: 0px 0.25rem; border-bottom-right-radius: 0.3125rem; margin-right: 0.3125rem; } .product-images .tag.price-guarantee .icon img[data-v-6ac27302] { width: 1rem; } .product-images .tag.price-guarantee .title[data-v-6ac27302] { color: rgb(11, 192, 99); } .product-images .tag.transit[data-v-6ac27302] { inset: auto auto 0.625rem 0.625rem; } .product-images .tag.transit svg[data-v-6ac27302] { margin-right: 0.3125rem; width: 1.125rem; height: 1.125rem; } .product-images .tag.transit svg[data-v-6ac27302], .product-images .tag.transit span[data-v-6ac27302] { display: inline-block; vertical-align: middle; } .product-images .tag.transit span[data-v-6ac27302] { color: rgb(255, 95, 68); } .product-images .quick_view[data-v-6ac27302] { display: none; position: absolute; width: 6.75rem; height: 2.125rem; font-size: 0.875rem; bottom: 2.8125rem; left: 50%; transform: translate(-50%); border-radius: 4.8125rem; border: 0.0625rem solid rgba(204, 204, 204, 0.71); line-height: 2rem; text-align: center; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); cursor: pointer; } .product-images img[data-v-6ac27302] { width: 100%; height: auto; } .product-images .wish-box[data-v-6ac27302] { position: absolute; top: -1.25rem; right: -1.25rem; display: flex; opacity: 0; pointer-events: none; transition: 0.3s; } .product-images .out-of-stock[data-v-6ac27302] { position: absolute; width: 13.75rem; height: 3.125rem; inset: 0px; margin: auto; color: rgb(255, 255, 255); text-align: center; line-height: 3.125rem; z-index: 2; background: rgba(51, 51, 51, 0.8); border-radius: 0.25rem; pointer-events: none; } .product-images .plus-tips[data-v-6ac27302] { display: inline-block; width: 11.5rem; top: -1.25rem; height: 1.875rem; border-radius: 0px; line-height: 1.875rem; overflow: hidden; padding: 0px; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-list-plus-5929a2b0.png") left top / 100% 100% no-repeat; white-space: nowrap; } .product-images .plus-tips .plus-price[data-v-6ac27302], .product-images .plus-tips .plus-txt[data-v-6ac27302] { display: inline-block; vertical-align: top; } .product-images .plus-tips .plus-price[data-v-6ac27302] { text-align: center; width: 4.0625rem; } .product-images .plus-tips .plus-price span[data-v-6ac27302] { font-size: 0.875rem; font-weight: 500; background: linear-gradient(144.47deg, rgb(255, 232, 201) -24.21%, rgb(223, 184, 129) 80.58%) text; -webkit-text-fill-color: transparent; } .product-images .plus-tips .plus-txt[data-v-6ac27302] { text-align: center; color: rgb(0, 0, 0); font-size: 0.875rem; } .product-images .tag-presale[data-v-6ac27302] { position: absolute; bottom: 0px; left: -1.875rem; background: rgb(255, 245, 220); height: 1.875rem; line-height: 1.875rem; color: rgb(27, 27, 27); width: calc(100% + 3.75rem); border: 0.0625rem solid rgb(255, 231, 172); font-weight: 500; font-size: 0.875rem; } .product-images .tag-presale .stock-left[data-v-6ac27302] { display: flex; align-items: center; justify-content: center; width: 53%; float: right; } .product-images .tag-presale .presale-txt[data-v-6ac27302] { position: absolute; left: -0.625rem; bottom: -0.625rem; z-index: 1; min-width: 11.5rem; height: 3.625rem; line-height: 2.375rem; text-align: center; font-weight: 600; background: url("https://ca-static.costway.ca/assets/1760598923/images/presale-list-f3e383cc.png") center center / 100% no-repeat; } .product-images .tag-presale .presale-txt .text[data-v-6ac27302] { display: flex; align-items: center; padding-left: 1.125rem; margin-top: 0.75rem; } .product-images .tag-presale .presale-txt .clock[data-v-6ac27302] { width: 1.125rem; height: 1.125rem; } .list-total[data-v-6ac27302] { font-size: 1.125rem; margin-top: 0.625rem; } .list-bar[data-v-6ac27302] { margin: 1.875rem auto 3.125rem; } .list-bar[data-v-6ac27302]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .list-bar[data-v-6ac27302] .ant-dropdown-trigger { display: inline-block; height: 2.5rem; border: 0px; line-height: 2.5rem; text-align: center; padding: 0px 1rem; border-radius: 1.25rem; background: rgb(244, 244, 244); color: rgb(0, 0, 0); user-select: none; white-space: nowrap; cursor: pointer; } .list-bar[data-v-6ac27302] .ant-dropdown { background-color: rgb(255, 255, 255); } .list-bar[data-v-6ac27302] .ant-dropdown .ps { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.5rem; padding: 0.25rem; } .list-bar[data-v-6ac27302] .ant-dropdown .ant-menu-inline, .list-bar[data-v-6ac27302] .ant-dropdown .ant-menu-vertical, .list-bar[data-v-6ac27302] .ant-dropdown .ant-menu-vertical-left { border: 0px; } .list-bar[data-v-6ac27302] .ant-input-number { min-width: 8.75rem; border-radius: 1.25rem; padding-top: 0.25rem; padding-bottom: 0.25rem; border-color: rgb(204, 204, 204); } .list-bar[data-v-6ac27302] .ant-input-number .ant-input-number-input { padding-left: 4.375rem; } .list-bar .num[data-v-6ac27302] { position: relative; } .list-bar .num .label[data-v-6ac27302] { position: absolute; top: 0.0625rem; left: 0.625rem; width: 3.75rem; text-align: center; margin: auto; line-height: 2.375rem; z-index: 2; height: 2.375rem; border-top-left-radius: 1.25rem; border-bottom-left-radius: 1.25rem; } .list-bar .sort-label[data-v-6ac27302] { margin-top: 1.875rem; } .list-bar .sort-label[data-v-6ac27302] .ant-tag { padding: 0.5625rem 0.9375rem; border-radius: 1.25rem; font-size: 1rem; border-color: rgb(204, 204, 204); } .list-bar .sort-label[data-v-6ac27302] .ant-tag .ant-tag-close-icon { margin-left: 0.9375rem; font-size: 1rem; } .list-bar .sort-label .clear-all[data-v-6ac27302] { height: 2.5rem; color: rgb(255, 200, 66) !important; } .list-bar .right[data-v-6ac27302] { float: right; } .list-bar .right .show-item[data-v-6ac27302], .list-bar .right .sort-by[data-v-6ac27302] { display: inline-block; } .list-bar .right .sort-by[data-v-6ac27302] { margin-left: 1.25rem; } [data-v-6ac27302] .leftparams { max-width: 62.5rem; } [data-v-6ac27302] .leftparams .leftparamsrow .ant-col { margin-bottom: 0.9375rem; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .AddCartConfirm .ant-modal-confirm-btns .ant-btn.ant-btn-primary { border: none; margin-left: 10px !important; } [data-v-77cec227]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-77cec227] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-77cec227] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-77cec227] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-77cec227] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-77cec227] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-77cec227] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-77cec227] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-77cec227] { padding: 0px 20px; } } .ant-form-item[data-v-77cec227], .ant-radio-wrapper[data-v-77cec227], .ant-radio-group[data-v-77cec227] { font-variant: normal !important; } .ant-message[data-v-77cec227] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-77cec227] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-77cec227] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-77cec227] { display: none; } .promotional-red[data-v-77cec227] { color: rgb(230, 77, 67); } [data-v-77cec227] .ant-page-header { padding-left: 0px !important; } .svg-live[data-v-77cec227] { width: 1.25rem; height: 1.0625rem; } .svg-to-minus[data-v-77cec227] { width: 1rem; height: 0.125rem; } .svg-to-plus[data-v-77cec227] { width: 1rem; height: 1rem; } .detail-wrapper[data-v-77cec227] { margin-top: 1.25rem; display: block; width: 100% !important; } .detail-wrapper .details-main[data-v-77cec227] { margin-top: 1.25rem; position: relative; display: flex; flex-direction: row; min-height: 27rem; } .detail-wrapper .details-main[data-v-77cec227]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .detail-wrapper .details-main .product-media[data-v-77cec227], .detail-wrapper .details-main .product-info-main[data-v-77cec227] { float: left; } .detail-wrapper .details-main .product-media[data-v-77cec227] { width: 46%; } .detail-wrapper .details-main .product-media .swiper-slide .swiper-lazy-preloader[data-v-77cec227] { width: 100%; padding-top: 100%; top: 0px; left: 0px; margin-left: 0px; margin-top: 0px; border-radius: 0.125rem; border: none; background: linear-gradient(90deg, rgb(249, 249, 249) 50%, rgb(241, 241, 241) 60%, rgb(249, 249, 249) 70%) 0% 0% / 600% 100%; animation: 20s linear 0s infinite normal none running shine-77cec227; } @-webkit-keyframes shine-77cec227 { 0% { background-position-x: 400%; } 50% { background-position-x: 0%; } 100% { background-position-x: -400%; } } .detail-wrapper .details-main .product-media .carousel-box[data-v-77cec227] { position: relative; display: block; width: 100%; min-height: 23.75rem; } .detail-wrapper .details-main .product-media .video-player-btn[data-v-77cec227] { position: absolute; width: 3.9375rem; height: 3.9375rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-player-b3cf0f2d.png") left top / 100% 100% no-repeat; transform: translate(5rem); inset: 0px; margin: auto; display: inline-block; z-index: 4; cursor: pointer; } .detail-wrapper .details-main .product-media .video-iframe[data-v-77cec227], .detail-wrapper .details-main .product-media .three-d-iframe[data-v-77cec227] { position: absolute; top: 0px; right: 0px; z-index: 10; display: none; background-color: rgb(255, 255, 255); } .detail-wrapper .details-main .product-media .live-streaming[data-v-77cec227] { position: absolute; top: 2.0625rem; left: 2.3125rem; z-index: 8; } .detail-wrapper .details-main .product-media .live-streaming a[data-v-77cec227] { display: block; } .detail-wrapper .details-main .product-media .live-streaming .icon-live[data-v-77cec227] { display: block; width: 13.125rem; height: 3.5625rem; padding: 0.3125rem; background: rgba(0, 0, 0, 0.3); border-radius: 6.1875rem; } .detail-wrapper .details-main .product-media .live-streaming .icon-live .icon[data-v-77cec227] { display: inline-block; width: 2.9375rem; height: 2.9375rem; border-radius: 6.1875rem; text-align: center; line-height: 2.9375rem; background: linear-gradient(318.2deg, rgb(215, 159, 85) -18.1%, rgb(218, 180, 129) 85.55%); } .detail-wrapper .details-main .product-media .live-streaming .icon-live .icon svg[data-v-77cec227] { display: inline-block; } .detail-wrapper .details-main .product-media .live-streaming .icon-live .text[data-v-77cec227] { display: inline-block; width: 8.75rem; font-size: 1.5rem; line-height: 1.8125rem; text-align: center; color: rgb(255, 255, 255); } .detail-wrapper .details-main .product-media .three-d-icon[data-v-77cec227] { position: absolute; bottom: 0.625rem; left: 7rem; width: 4.6875rem; height: 2.8125rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-3d-ba7c31c0.png") center center no-repeat rgb(255, 255, 255); border-radius: 1.875rem; cursor: pointer; z-index: 8; } .detail-wrapper .details-main .product-media .ar_code[data-v-77cec227] { position: absolute; top: 0.3125rem; right: 0.3125rem; z-index: 12; cursor: pointer; width: 3.75rem; height: 3.75rem; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 0.8125rem; border-radius: 1.875rem; } .detail-wrapper .details-main .product-media .ar_code .svg-ar[data-v-77cec227] { position: absolute; inset: 0px; margin: auto; width: 1.5625rem; height: 1.8125rem; } .detail-wrapper .details-main[data-v-77cec227] .ar-code-popover .ant-popover-inner { border-radius: 0.375rem !important; } .detail-wrapper .details-main[data-v-77cec227] .ar-code-popover .ant-popover-inner-content { padding: 20px 0px; max-width: 250px; } .detail-wrapper .details-main[data-v-77cec227] .ar-code-popover .ant-popover-inner-content #canvas { display: block; position: relative; z-index: 1; margin: -10px auto 0px; } .detail-wrapper .details-main[data-v-77cec227] .ar-code-popover .ant-popover-inner-content .ar-t1 { margin-bottom: 0px; text-align: center; font-weight: 600; } .detail-wrapper .details-main[data-v-77cec227] .ar-code-popover .ant-popover-inner-content .ar-t1, .detail-wrapper .details-main[data-v-77cec227] .ar-code-popover .ant-popover-inner-content .ar-t2 { padding: 0px 20px; font-size: 12px; position: relative; z-index: 2; } .detail-wrapper .details-main[data-v-77cec227] .ar-code-popover .ant-popover-inner-content .ar-t2 { margin-top: -10px; margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main[data-v-77cec227] { width: 54%; padding-left: 3.125rem; } .detail-wrapper .details-main .product-info-main h1[data-v-77cec227] { font-weight: 500; margin-bottom: 0.625rem; font-size: 1.625rem; line-height: 2.5rem; word-break: keep-all; overflow-wrap: break-word; white-space: pre-wrap; } .detail-wrapper .details-main .product-info-main p[data-v-77cec227] { margin-bottom: 0.3125rem; } .detail-wrapper .details-main .product-info-main .row[data-v-77cec227] { display: block; margin-bottom: 0.625rem; } .detail-wrapper .details-main .product-info-main .buy-for[data-v-77cec227] { margin-bottom: 0.625rem; } .detail-wrapper .details-main .product-info-main .reviews[data-v-77cec227], .detail-wrapper .details-main .product-info-main .item-no[data-v-77cec227], .detail-wrapper .details-main .product-info-main .gtin[data-v-77cec227] { display: inline-block; } .detail-wrapper .details-main .product-info-main .item-no[data-v-77cec227], .detail-wrapper .details-main .product-info-main .gtin[data-v-77cec227] { margin-left: 1.25rem; } .detail-wrapper .details-main .product-info-main .product-detail-banner img[data-v-77cec227] { width: 100%; } .detail-wrapper .details-main .product-info-main .product-detail-banner a[data-v-77cec227] { margin-bottom: 0.625rem; display: block; } .detail-wrapper .details-main .product-info-main .product-detail-banner a[data-v-77cec227]:last-child { margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .price-box[data-v-77cec227] { margin-top: 0.625rem; margin-bottom: 2.1875rem; } .detail-wrapper .details-main .product-info-main .price-box .price-row[data-v-77cec227] { margin-bottom: 0.9375rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .coupon-tips-svg[data-v-77cec227] { vertical-align: middle; margin-left: 0.3125rem; cursor: pointer; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .price-drop-con[data-v-77cec227] { background: linear-gradient(90.34deg, rgb(226, 64, 53) 0.06%, rgb(239, 73, 50) 100%); border-radius: 0.25rem; color: rgb(255, 255, 255); padding: 0px 1.25rem 0px 0.875rem; line-height: 1.875rem; display: inline-block; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .end-in[data-v-77cec227] { font-size: 0.875rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .img-decline[data-v-77cec227] { margin: 0px 0.9375rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .icon-time[data-v-77cec227] { margin-right: 0.4375rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .end-days[data-v-77cec227] { font-size: 0.875rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .countdown-time[data-v-77cec227] { float: right; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .end-time[data-v-77cec227] { margin-left: 0.625rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .price-drop-bf[data-v-77cec227] { width: 20.5rem; padding: 0.125rem 0px; border-radius: 0.25rem; display: inline-block; background: url("https://ca-static.costway.ca/assets/1760598923/images/bf1-3be66a39.png") center center / 100% 100% no-repeat; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .price-drop-bf .end-in[data-v-77cec227] { margin-left: 10.9375rem; color: rgb(0, 0, 0); } .detail-wrapper .details-main .product-info-main .price-box .special-price[data-v-77cec227] { vertical-align: middle; margin-right: 0.625rem; line-height: 1; color: rgb(230, 77, 67); font-size: 1.875rem; font-weight: 500; } .detail-wrapper .details-main .product-info-main .price-box .old-price[data-v-77cec227] { margin-right: 0.625rem; vertical-align: middle; line-height: 1.5; color: rgb(122, 122, 122); font-size: 1.25rem; text-decoration: line-through; } .detail-wrapper .details-main .product-info-main .price-box .price[data-v-77cec227] { margin-right: 0.625rem; vertical-align: middle; line-height: 1; color: rgb(34, 34, 34); font-size: 2.25rem; font-weight: 500; } .detail-wrapper .details-main .product-info-main .price-box .save-off[data-v-77cec227] { vertical-align: middle; color: rgb(230, 77, 67); font-size: 1.25rem; } .detail-wrapper .details-main .product-info-main .price-box .on-sale[data-v-77cec227] { margin-top: 0px; display: block; line-height: 1; color: rgb(230, 77, 67); font-size: 1.5rem; font-style: normal; font-weight: 500; margin-bottom: 1.5625rem; } .detail-wrapper .details-main .product-info-main .price-box .plus-row[data-v-77cec227] { margin-top: 0.625rem; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips[data-v-77cec227] { display: inline-block; border: 0.0625rem solid rgb(51, 51, 51); height: 2.625rem; border-radius: 1.875rem; line-height: 2.625rem; overflow: hidden; white-space: nowrap; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-price[data-v-77cec227], .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-txt[data-v-77cec227] { display: inline-block; vertical-align: top; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-price[data-v-77cec227] { background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-plus-2-eb53d112.png") left top / 3.75rem 100% no-repeat rgb(36, 35, 33); height: 2.5rem; position: relative; margin-right: 1.375rem; padding: 0px 0.625rem 0px 1.5rem; min-width: 7.5rem; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-price[data-v-77cec227]::after { content: ""; position: absolute; top: 0px; right: -1.375rem; width: 2rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-plus-3-99996ec8.png") left top / 100% 100% no-repeat; height: 2.5rem; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-price span[data-v-77cec227] { font-size: 1.5rem; font-weight: 600; background: linear-gradient(144.47deg, rgb(255, 232, 201) -24.21%, rgb(223, 184, 129) 80.58%) text; -webkit-text-fill-color: transparent; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-txt[data-v-77cec227] { padding: 0px 1.25rem 0px 0.625rem; color: rgb(19, 19, 19); } .detail-wrapper .details-main .product-info-main .price-box .discount[data-v-77cec227], .detail-wrapper .details-main .product-info-main .price-box .use-code[data-v-77cec227] { display: block; } .detail-wrapper .details-main .product-info-main .price-box .use-code[data-v-77cec227] { margin-bottom: 0.625rem; } .detail-wrapper .details-main .product-info-main .price-box .discount-con[data-v-77cec227] { width: 100%; display: inline-block; padding: 0px 0.625rem; cursor: pointer; background: rgb(249, 249, 249); border-radius: 0.25rem; min-height: 1.875rem; line-height: 1.875rem; } .detail-wrapper .details-main .product-info-main .price-box .discount-con svg[data-v-77cec227] { vertical-align: middle; line-height: 1; width: 1.375rem; height: 1.375rem; margin-right: 0.4375rem; } .detail-wrapper .details-main .product-info-main .price-box .discount-con .text[data-v-77cec227] { font-size: 0.875rem; } .detail-wrapper .details-main .product-info-main .price-box .discount-con .text .check-now[data-v-77cec227] { margin-left: 0.625rem; text-decoration: underline; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con[data-v-77cec227] { width: 100%; display: inline-block; padding: 0px 0.625rem; cursor: pointer; background: rgba(232, 84, 52, 0.05); border-radius: 0.25rem; min-height: 1.875rem; line-height: 1.875rem; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con svg[data-v-77cec227] { vertical-align: middle; line-height: 1; width: 1.25rem; height: 1rem; margin-right: 0.5625rem; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .svg-box[data-v-77cec227] { display: inline-block; width: 1.5rem; margin-left: 0.625rem; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .copy-svg[data-v-77cec227] { width: 0.9375rem; height: 1rem; margin-right: 0px; outline: none; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .copy-copied-svg[data-v-77cec227] { width: 1rem; height: 0.5625rem; margin-right: 0px; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .use-code-box[data-v-77cec227] { margin-left: 0.875rem; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .code-tips[data-v-77cec227] { font-weight: 700; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .code-tips.isCopied[data-v-77cec227], .detail-wrapper .details-main .product-info-main .price-box .use-code-con .code-tips[data-v-77cec227]:hover { text-decoration: underline dotted rgb(51, 51, 51); } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .text[data-v-77cec227] { font-size: 0.875rem; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .text .use-code-more[data-v-77cec227] { margin-left: 3.75rem; text-decoration: underline; } .detail-wrapper .details-main .product-info-main .price-box .free-Shipping[data-v-77cec227] { margin-top: 0.625rem; display: block; line-height: 1; color: rgb(51, 51, 51); font-size: 1rem; } .detail-wrapper .details-main .product-info-main .price-box .free-Shipping.inline[data-v-77cec227] { display: inline-block; } .detail-wrapper .details-main .product-info-main .price-box .price-drop[data-v-77cec227] { background: linear-gradient(90.34deg, rgb(226, 64, 53) 0.06%, rgb(239, 73, 50) 100%); border-radius: 0.25rem; color: rgb(255, 255, 255); padding: 0px 1.125rem 0px 0.875rem; line-height: 1.875rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop .img-decline[data-v-77cec227] { margin: 0px 0.9375rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop .icon-time[data-v-77cec227] { margin-right: 0.4375rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop .end-days[data-v-77cec227] { font-size: 0.875rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop .countdown-time[data-v-77cec227] { float: right; } .detail-wrapper .details-main .product-info-main .klarna-tips[data-v-77cec227] { margin-bottom: 1.25rem; } .detail-wrapper .details-main .product-info-main .promo a[data-v-77cec227] { display: block; } .detail-wrapper .details-main .product-info-main .promo img[data-v-77cec227] { width: 100%; height: auto; } .detail-wrapper .details-main .product-info-main .attrs dl[data-v-77cec227] { margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .attrs dt[data-v-77cec227] { margin-bottom: 1.25rem; } .detail-wrapper .details-main .product-info-main .attrs .attrs-text[data-v-77cec227] { margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .attrs .attrs-text span[data-v-77cec227] { color: rgb(85, 85, 85); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item[data-v-77cec227] { display: inline-block; width: 5rem; height: 5rem; background: rgb(255, 255, 255); color: rgb(85, 85, 85); border: 0.0625rem solid rgb(204, 204, 204); box-sizing: border-box; border-radius: 0.25rem; margin-right: 0.625rem; margin-top: 0.625rem; margin-bottom: 0px; padding: 0.5rem; user-select: none; cursor: pointer; position: relative; overflow: hidden; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item[data-v-77cec227]:hover { color: rgb(34, 34, 34); border: 0.0625rem solid rgb(34, 34, 34); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item img[data-v-77cec227] { width: 100%; height: 100%; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.current[data-v-77cec227] { color: rgb(34, 34, 34); border: 0.0625rem solid rgb(34, 34, 34); border-radius: 0.25rem; pointer-events: none; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.current[data-v-77cec227]::after { content: ""; display: inline-block; width: 1.375rem; height: 1.375rem; position: absolute; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_configurable_checked1-09d8c548.png") right bottom / 100% 100% no-repeat; bottom: 0px; right: 0px; z-index: 1; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.disabled[data-v-77cec227] { pointer-events: none; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.disabled img[data-v-77cec227] { opacity: 0.5; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.disabled[data-v-77cec227]::before { opacity: 0.6; z-index: 1; content: ""; position: absolute; left: 0px; top: -0.125rem; width: 100%; height: 5rem; box-sizing: border-box; border-bottom: 0.0625rem solid rgb(204, 204, 204); transform-origin: right bottom; transform: rotate(45deg) scale(1.4); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText[data-v-77cec227] { width: auto; height: auto; margin-right: 0.625rem; margin-top: 1.25rem; padding: 0.3125rem 1.25rem; user-select: none; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.current[data-v-77cec227]::after { content: ""; display: inline-block; width: 1.375rem; height: 1.375rem; position: absolute; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_configurable_checked1-09d8c548.png") right bottom / 100% 100% no-repeat; bottom: 0px; right: 0px; z-index: 1; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.disabled[data-v-77cec227] { border: 0.0625rem dashed rgb(204, 204, 204); color: rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.disabled.current[data-v-77cec227], .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.disabled[data-v-77cec227]:hover { border: 0.0625rem dashed rgb(0, 0, 0) !important; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.disabled[data-v-77cec227]::before { display: none !important; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size[data-v-77cec227] { width: auto; height: auto; margin-right: 0.625rem; margin-top: 1.25rem; padding: 0.3125rem 1.25rem; user-select: none; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size.disabled[data-v-77cec227] { color: rgb(204, 204, 204); border: 0.0625rem dashed rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size.disabled.current[data-v-77cec227] { color: rgb(204, 204, 204); border: 0.0625rem dashed rgb(0, 0, 0); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size.disabled[data-v-77cec227]:hover { border: 0.0625rem dashed rgb(0, 0, 0); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size.disabled[data-v-77cec227]::before { display: none; } .detail-wrapper .details-main .product-info-main .attrs .pdpAssociatedProducts[data-v-77cec227] { width: auto; height: 2.1875rem; line-height: 2.1875rem; padding: 0px 1.25rem; } .detail-wrapper .details-main .product-info-main .attrs .pdpAssociatedProducts.current[data-v-77cec227]::after { content: ""; display: inline-block; width: 1.375rem; height: 1.375rem; position: absolute; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_configurable_checked1-09d8c548.png") right bottom / 100% 100% no-repeat; bottom: 0px; right: 0px; z-index: 1; } .detail-wrapper .details-main .product-info-main .attrs .pdpAssociatedProducts.disabled[data-v-77cec227] { border: 0.0625rem dashed rgb(204, 204, 204); color: rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .attrs .pdpAssociatedProducts.disabled.current[data-v-77cec227], .detail-wrapper .details-main .product-info-main .attrs .pdpAssociatedProducts.disabled[data-v-77cec227]:hover { border: 0.0625rem dashed rgb(0, 0, 0) !important; } .detail-wrapper .details-main .product-info-main .attrs .pdpAssociatedProducts.disabled[data-v-77cec227]::before { display: none !important; } .detail-wrapper .details-main .product-info-main .qty_box[data-v-77cec227] { margin-top: 2.25rem; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .btn[data-v-77cec227], .detail-wrapper .details-main .product-info-main .qty_box .numCon .Quantity[data-v-77cec227] { float: left; height: 3.125rem; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .btn[data-v-77cec227] { display: block; border: 0.0625rem solid rgb(204, 204, 204); width: 3.75rem; background-color: rgb(255, 255, 255); outline: none; cursor: pointer; font-size: 0px; overflow: hidden; user-select: none; text-align: center; color: rgb(51, 51, 51); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .btn:hover svg path[data-v-77cec227] { fill: rgb(230, 77, 67); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .btn[data-v-77cec227]:focus { border: 0.0625rem solid rgb(184, 165, 134); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .Quantity[data-v-77cec227] { width: 3.75rem; border-radius: 0px; border-color: rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .Quantity[data-v-77cec227] .ant-input-number-input { height: 3.125rem; text-align: center; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toMinus[data-v-77cec227] { border-right: 0px; border-top-left-radius: 1.5625rem; border-bottom-left-radius: 1.5625rem; padding-left: 0.25rem; line-height: 3.125rem; user-select: none; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toPlus[data-v-77cec227] { height: 3.125rem; border-left: 0px; border-top-right-radius: 1.5625rem; border-bottom-right-radius: 1.5625rem; padding-right: 0.25rem; line-height: 3.125rem; user-select: none; display: flex; align-items: center; justify-content: space-around; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toMinus svg path[data-v-77cec227], .detail-wrapper .details-main .product-info-main .qty_box .numCon .toPlus svg path[data-v-77cec227] { fill: rgb(51, 51, 51); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toMinus.disabled[data-v-77cec227], .detail-wrapper .details-main .product-info-main .qty_box .numCon .toPlus.disabled[data-v-77cec227] { cursor: not-allowed; pointer-events: none; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toMinus.disabled svg path[data-v-77cec227], .detail-wrapper .details-main .product-info-main .qty_box .numCon .toPlus.disabled svg path[data-v-77cec227] { fill: rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .button-min-group[data-v-77cec227] { display: flex; flex-wrap: nowrap; } .detail-wrapper .details-main .product-info-main .button-min-group .numCon[data-v-77cec227], .detail-wrapper .details-main .product-info-main .button-min-group .add-button[data-v-77cec227] { margin-right: 1.25rem; } .detail-wrapper .details-main .product-info-main .button-min-group .wish-button[data-v-77cec227] .add-wish.circle { width: 3.125rem; height: 3.125rem; } .detail-wrapper .details-main .product-info-main .button-min-group .numCon[data-v-77cec227], .detail-wrapper .details-main .product-info-main .button-min-group .wish-button[data-v-77cec227] { flex-grow: 0; } .detail-wrapper .details-main .product-info-main .button-min-group .add-button[data-v-77cec227] { flex-grow: 1; } .detail-wrapper .details-main .product-info-main .button-group[data-v-77cec227] { margin-top: 2.5rem; } .detail-wrapper .details-main .product-info-main .button-group > button[data-v-77cec227] { display: inline-block; vertical-align: middle; } .detail-wrapper .details-main .product-info-main .button-group .add[data-v-77cec227], .detail-wrapper .details-main .product-info-main .button-group .buy[data-v-77cec227] { font-size: 1.25rem; width: 15rem; height: 3.75rem; margin-right: 1.25rem; } .detail-wrapper .details-main .product-info-main .button-group button[data-v-77cec227]:first-child { margin-left: 0px; } .detail-wrapper .details-main .product-info-main .button-group .buy[data-v-77cec227] { background: rgb(255, 95, 68); border-color: rgb(255, 95, 68); } .detail-wrapper .details-main .product-info-main .button-group .buy[data-v-77cec227]:hover { opacity: 0.8; } .detail-wrapper .details-main .product-info-main .product-point[data-v-77cec227] { font-size: 0.875rem; margin: 0.625rem 0px; } .detail-wrapper .details-main .product-info-main .product-point img[data-v-77cec227] { width: 0.9375rem; height: 1.0625rem; margin: 0px 0.625rem 0px 0px; } .detail-wrapper .details-main .product-info-main .product-point a[data-v-77cec227] { text-decoration: underline; } .detail-wrapper .details-main .product-info-main .product-point span[data-v-77cec227] { margin-right: 0.625rem; } .detail-wrapper .details-main .product-info-main .product-point .login[data-v-77cec227] { color: rgb(253, 172, 14); text-decoration: underline; cursor: pointer; } .detail-wrapper .details-main .product-info-main .product-mark[data-v-77cec227] { margin-top: 2.5rem; cursor: pointer; } .detail-wrapper .details-main .product-info-main .product-mark[data-v-77cec227]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .detail-wrapper .details-main .product-info-main .product-mark > div[data-v-77cec227] { display: inline-block; margin-bottom: 0.3125rem; min-width: 50%; white-space: nowrap; } .detail-wrapper .details-main .product-info-main .product-mark > div > span[data-v-77cec227] { margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .product-mark > div .text[data-v-77cec227] { font-size: 0.875rem; color: rgb(102, 102, 102); display: inline-block; vertical-align: middle; } .detail-wrapper .details-main .product-info-main .product-mark > div .svg[data-v-77cec227] { display: inline-block; width: 2.125rem; vertical-align: middle; margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .product-mark > div.free svg[data-v-77cec227] { width: 1.625rem; height: 1.375rem; } .detail-wrapper .details-main .product-info-main .product-mark > div.return svg[data-v-77cec227] { width: 1.5rem; height: 1.4375rem; } .detail-wrapper .details-main .product-info-main .product-mark > div.warranty svg[data-v-77cec227] { width: 1.25rem; height: 1.4375rem; } .detail-wrapper .details-main .product-info-main .texts[data-v-77cec227] .ant-collapse-header h2 { font-weight: 500; font-size: 1.25rem; line-height: 2rem; margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless[data-v-77cec227] { background-color: transparent; } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless > .ant-collapse-item[data-v-77cec227] { border-bottom-color: rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless > .ant-collapse-item[data-v-77cec227] .ant-collapse-arrow { transform: rotate(90deg); } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless > .ant-collapse-item.ant-collapse-item-active[data-v-77cec227] .ant-collapse-arrow { transform: rotate(180deg); } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless > .ant-collapse-item[data-v-77cec227]:last-child { border-bottom: 0px; } .detail-wrapper .details-main .product-info-main .texts[data-v-77cec227] .key_features { line-height: 1.875rem; margin-bottom: 1rem; } .detail-wrapper .details-main .product-info-main .texts[data-v-77cec227] .key_features p { margin-bottom: 0px; overflow-wrap: break-word; word-break: normal; white-space: normal; } .detail-wrapper .details-main .product-info-main .texts[data-v-77cec227] .key_features ul > li { display: block; width: 100%; white-space: pre-wrap; overflow-wrap: break-word; word-break: normal; } .detail-wrapper .details-main .product-info-main .texts[data-v-77cec227] .product-care { line-height: 1.875rem; margin-bottom: 1rem; } .detail-wrapper .details-main .product-info-main .texts[data-v-77cec227] .product-care p { margin-bottom: 0px; overflow-wrap: break-word; word-break: normal; white-space: normal; } .detail-wrapper .details-main .product-info-main .texts[data-v-77cec227] .product-care ul > li { display: block; width: 100%; white-space: pre-wrap; overflow-wrap: break-word; } .detail-wrapper .details-main .product-info-main .texts .see-more[data-v-77cec227] { color: rgb(253, 172, 14); cursor: pointer; } .detail-wrapper .first_review[data-v-77cec227] { text-decoration: underline; } .detail-wrapper .out-of-stock-main[data-v-77cec227], .detail-wrapper .out-of-stock-wish[data-v-77cec227] { display: inline-block; } .detail-wrapper .empty h3[data-v-77cec227] { font-size: 1.5rem; } .detail-wrapper .empty p[data-v-77cec227] { font-size: 1.125rem; color: rgb(34, 34, 34); } .detail-wrapper .product-main-image[data-v-77cec227] { --swiper-theme-color: $brand-red; --swiper-preloader-color: #333; } .detail-wrapper .product-main-image .swiper-slide img[data-v-77cec227] { margin: 0px auto; width: 100%; height: auto; } .detail-wrapper .product-main-image .product-main-prev[data-v-77cec227], .detail-wrapper .product-main-image .swiper-rtl .product-main-prev[data-v-77cec227] { left: 0.625rem; right: auto; } .detail-wrapper .product-main-image .product-main-prev[data-v-77cec227]::after, .detail-wrapper .product-main-image .swiper-rtl .product-main-prev[data-v-77cec227]::after { content: "prev"; } .detail-wrapper .product-main-image .product-main-next[data-v-77cec227], .detail-wrapper .product-main-image .swiper-rtl .product-main-next[data-v-77cec227] { right: 0.625rem; left: auto; } .detail-wrapper .product-main-image .product-main-next[data-v-77cec227]::after, .detail-wrapper .product-main-image .swiper-rtl .product-main-next[data-v-77cec227]::after { content: "next"; } .detail-wrapper .product-main-image .product-main-next[data-v-77cec227], .detail-wrapper .product-main-image .product-main-prev[data-v-77cec227] { position: absolute; width: 3.125rem; height: 3.125rem; border-radius: 1.5625rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(244, 244, 244); transform: translateY(-50%); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0.5; transition: 0.5s; color: rgb(122, 122, 122) !important; top: 50% !important; } @media only screen and (max-width: 1600px) { .detail-wrapper .product-main-image .product-main-next[data-v-77cec227], .detail-wrapper .product-main-image .product-main-prev[data-v-77cec227] { width: 3rem; height: 3rem; border-radius: 1.5rem; } } .detail-wrapper .product-main-image .product-main-next[data-v-77cec227]:hover, .detail-wrapper .product-main-image .product-main-prev[data-v-77cec227]:hover { border: 0.0625rem solid rgb(253, 172, 14); transition: 0.5s; background-color: rgb(255, 249, 238); opacity: 1; } .detail-wrapper .product-main-image .product-main-next[data-v-77cec227]:hover::after, .detail-wrapper .product-main-image .product-main-prev[data-v-77cec227]:hover::after { color: rgb(253, 172, 14); } .detail-wrapper .product-main-image .product-main-next[data-v-77cec227]::after, .detail-wrapper .product-main-image .product-main-prev[data-v-77cec227]::after { font-size: 1.25rem; transition: 0.5s; color: rgb(253, 172, 14); font-family: swiper-icons; letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } @media only screen and (max-width: 1600px) { .detail-wrapper .product-main-image .product-main-next[data-v-77cec227]::after, .detail-wrapper .product-main-image .product-main-prev[data-v-77cec227]::after { font-size: 1.125rem; } } .detail-wrapper .product-main-image .product-main-next.swiper-button-disabled[data-v-77cec227], .detail-wrapper .product-main-image .product-main-prev.swiper-button-disabled[data-v-77cec227] { filter: grayscale(100%); cursor: auto; opacity: 0; } .detail-wrapper .product-main-image .product-main-next.swiper-button-disabled[data-v-77cec227]:hover, .detail-wrapper .product-main-image .product-main-prev.swiper-button-disabled[data-v-77cec227]:hover { border: 0.0625rem solid rgb(244, 244, 244); } .detail-wrapper .product-main-image .product-main-next.swiper-button-disabled[data-v-77cec227]:hover::after, .detail-wrapper .product-main-image .product-main-prev.swiper-button-disabled[data-v-77cec227]:hover::after { color: rgb(253, 172, 14); } .detail-wrapper .product-main-prev[data-v-77cec227]::after { margin-right: 0.125rem; } .detail-wrapper .product-main-next[data-v-77cec227]::after { margin-left: 0.125rem; } .detail-wrapper .product-thumb[data-v-77cec227] { margin-top: 1.25rem; position: relative; } .detail-wrapper .product-thumb .product-thumbs-image[data-v-77cec227] { width: 81%; margin: 0px auto; --swiper-theme-color: $brand-red; --swiper-preloader-color: #999; } .detail-wrapper .product-thumb .product-thumbs-image .swiper-slide[data-v-77cec227] { overflow: hidden; box-sizing: border-box; cursor: pointer; } .detail-wrapper .product-thumb .product-thumbs-image .swiper-slide img[data-v-77cec227] { margin: 0px auto; max-width: 4.375rem; width: 100%; height: 100%; } .detail-wrapper .product-thumb .product-thumbs-image .swiper-slide.swiper-slide-thumb-active img[data-v-77cec227] { border: 0.0625rem solid rgb(253, 172, 14); border-radius: 0.25rem; box-shadow: rgba(171, 140, 98, 0.2) 0px 0px 0.6875rem 0.125rem; } .detail-wrapper .product-thumb .product-min-prev[data-v-77cec227], .detail-wrapper .product-thumb .swiper-rtl .product-min-prev[data-v-77cec227] { left: 0px; right: auto; } .detail-wrapper .product-thumb .product-min-prev[data-v-77cec227]::after, .detail-wrapper .product-thumb .swiper-rtl .product-min-prev[data-v-77cec227]::after { content: "prev"; } .detail-wrapper .product-thumb .product-min-next[data-v-77cec227], .detail-wrapper .product-thumb .swiper-rtl .product-min-next[data-v-77cec227] { right: 0px; left: auto; } .detail-wrapper .product-thumb .product-min-next[data-v-77cec227]::after, .detail-wrapper .product-thumb .swiper-rtl .product-min-next[data-v-77cec227]::after { content: "next"; } .detail-wrapper .product-thumb .product-min-next[data-v-77cec227], .detail-wrapper .product-thumb .product-min-prev[data-v-77cec227] { position: absolute; width: 3.125rem; height: 3.125rem; border-radius: 1.5625rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(244, 244, 244); transform: translateY(-50%); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.5s; color: rgb(80, 79, 79) !important; top: 50% !important; } .detail-wrapper .product-thumb .product-min-next[data-v-77cec227]:hover, .detail-wrapper .product-thumb .product-min-prev[data-v-77cec227]:hover { border: 0.0625rem solid rgb(253, 172, 14); transition: 0.5s; } .detail-wrapper .product-thumb .product-min-next[data-v-77cec227]:hover::after, .detail-wrapper .product-thumb .product-min-prev[data-v-77cec227]:hover::after { transition: 0.5s; color: rgb(253, 172, 14); } .detail-wrapper .product-thumb .product-min-next[data-v-77cec227]::after, .detail-wrapper .product-thumb .product-min-prev[data-v-77cec227]::after { font-size: 1.125rem; font-family: swiper-icons; letter-spacing: 0px; font-variant: initial; line-height: 1; transition: 0.5s; text-transform: none !important; } .detail-wrapper .product-thumb .product-min-next.swiper-button-disabled[data-v-77cec227], .detail-wrapper .product-thumb .product-min-prev.swiper-button-disabled[data-v-77cec227] { opacity: 0.35; cursor: auto; pointer-events: none; } .detail-wrapper .full-screen[data-v-77cec227] { position: fixed; top: 0px; left: 0px; background-color: rgb(255, 255, 255); z-index: 2147483647; width: 100%; height: 100%; display: block; } .detail-wrapper .full-screen .product-main-image[data-v-77cec227] { height: calc(-7.5rem + 100vh); } .detail-wrapper .full-screen .product-main-image img[data-v-77cec227] { display: block; height: 100%; width: auto; margin: 0px auto; } .detail-wrapper .full-screen .product-thumb[data-v-77cec227] { margin-left: auto; margin-right: auto; width: 100%; } .detail-wrapper .full-screen .product-thumb .product-min-next[data-v-77cec227], .detail-wrapper .full-screen .product-thumb .product-min-prev[data-v-77cec227] { display: none; } .detail-wrapper .full-screen .close-full-screen[data-v-77cec227] { position: absolute; top: 1.875rem; right: 2.5rem; width: 3.75rem; height: 3.75rem; background: url("https://ca-static.costway.ca/assets/1760598923/close-1fa7269d.webp") left top / 100% 100% no-repeat; z-index: 2147483647; cursor: pointer; } .details-main.min .product-media[data-v-77cec227] { position: static; width: 30rem !important; } .details-main.min .product-media .product-main-image[data-v-77cec227] { width: 23.75rem; height: 23.75rem; margin: 0px; float: right; } .details-main.min .product-media .product-thumb[data-v-77cec227] { margin: 0px 1.25rem; float: left; width: 3.75rem; height: 23.75rem; } .details-main.min .product-media .product-thumb .product-thumbs-image[data-v-77cec227] { margin: 3.4375rem 0px; height: 16.875rem; width: 100%; } .details-main.min .product-media .product-thumb .swiper-slide[data-v-77cec227] { width: 3.75rem !important; } .details-main.min .product-media .product-thumb .swiper-slide img[data-v-77cec227] { height: 3.625rem; } .details-main.min .product-media .product-thumb .product-min-next[data-v-77cec227], .details-main.min .product-media .product-thumb .product-min-prev[data-v-77cec227] { right: 0px; left: 0px; margin: auto; } .details-main.min .product-media .product-thumb .product-min-next[data-v-77cec227] { transform: rotate(90deg); bottom: 0px !important; top: auto !important; } .details-main.min .product-media .product-thumb .product-min-prev[data-v-77cec227] { top: 0px !important; transform: rotate(90deg); } .details-main.min .product-info-main h1[data-v-77cec227] { line-height: 1.4; word-break: keep-all; white-space: normal; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 1.25rem !important; } .details-main.min .product-info-main.center[data-v-77cec227] { width: 35.42%; padding-left: 3.125rem; margin-left: 0px; flex: 1 1 0%; } .details-main.min .product-info-main.center[data-v-77cec227] .go-reviews { font-size: 1rem !important; } .details-main.min .product-info-main.center .product-mark[data-v-77cec227] { margin-top: 0px; } .details-main.min .product-info-main.right[data-v-77cec227] { float: left; width: 28.125rem; padding-left: 3.125rem; margin-left: 0px; } .details-main.min .product-info-main.right .button-min-group[data-v-77cec227] { flex-wrap: wrap; margin-top: 0px; } .details-main.min .product-info-main.right .button-min-group .numCon[data-v-77cec227] { width: 100%; } .details-main.min .product-info-main.right .see-detail[data-v-77cec227] { width: 25rem; font-size: 1.125rem; line-height: 1.6875rem; text-align: center; display: block; bottom: 1.25rem; right: 0px; } .details-main.min .product-info-main.right .see-detail .add-button[data-v-77cec227] { display: flex; margin-bottom: 1.25rem; border-radius: 1.875rem; } .details-main.min .product-info-main.right .see-detail .add-button .add[data-v-77cec227] { display: block; border: 0.0625rem solid rgb(255, 95, 68); width: 15.4375rem; height: 3.125rem; color: rgb(255, 95, 68); font-size: 1.25rem; border-radius: 1.5625rem; margin-right: 0.625rem; } .details-main.min .product-info-main.right .see-detail .add-button .buynow[data-v-77cec227] { display: block; border: 0px; width: 15.4375rem; height: 3.125rem; color: rgb(255, 255, 255); font-size: 1.25rem; border-radius: 1.5625rem; background: rgb(255, 95, 68); } .details-main.min .product-info-main.right .see-detail .add-button .buynow[data-v-77cec227]:hover { background: rgb(255, 111, 87); } .details-main.min .product-info-main.right .see-detail a[data-v-77cec227] { text-decoration-line: underline; color: rgb(255, 95, 68); font-size: 1.125rem; } .details-main.min .product-info-main.right .see-detail a[data-v-77cec227]:hover { color: rgb(253, 172, 14); } .category-wraper[data-v-77cec227] { margin-top: 1.875rem; border-top: 0.0625rem solid rgb(204, 204, 204); padding-top: 1.875rem; } .category-wraper .catagory-image img[data-v-77cec227] { display: block; margin: 0px auto 1.25rem; max-width: 100%; } .category-wraper .category-title h2[data-v-77cec227] { font-size: 1.625rem; } .category-wraper[data-v-77cec227] .product-item .ant-rate-text { font-size: 0.875rem !important; } .category-wraper[data-v-77cec227] .product-item .special-price { font-size: 1.375rem !important; } .category-wraper[data-v-77cec227] .product-item .price { font-size: 1rem !important; } .rel_search[data-v-77cec227] { margin-bottom: 1.25rem; } .rel_search .h2[data-v-77cec227] { font-size: 1.25rem; } .rel_search .ant-col a[data-v-77cec227] { padding: 0.625rem 1rem; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 6.1875rem; } .extend-box[data-v-77cec227] { margin-top: 1.25rem; } .extend-box .extend-title[data-v-77cec227] { font-size: 1rem; } .extend-box .extend-msg[data-v-77cec227] { overflow: hidden; height: 2rem; line-height: 2rem; background: rgb(246, 246, 246); margin: 0.5rem 0px 0.625rem; border-radius: 0.25rem; padding: 0px 0.625rem; } .extend-box .extend-msg .extend-msg-l[data-v-77cec227] { float: left; font-size: 0.875rem; } .extend-box .extend-msg .extend-msg-l img[data-v-77cec227] { margin-right: 0.3125rem; } .extend-box .extend-msg .extend-msg-l span[data-v-77cec227] { text-decoration: underline; cursor: pointer; } .extend-box .extend-msg .extend-msg-l strong[data-v-77cec227] { margin-left: 0.3125rem; } .extend-box .extend-msg .extend-msg-r[data-v-77cec227] { font-size: 0.875rem; float: right; cursor: pointer; text-decoration: underline; } .worryfree[data-v-77cec227] { padding: 0.3125rem 0px 2.5rem 0.625rem; font-size: 0.875rem; } .worryfree img[data-v-77cec227] { vertical-align: -0.125rem; margin-right: 0.3125rem; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .best-seller-drawer { z-index: 999; } .best-seller-drawer .ant-drawer-title { margin-left: -0.9375rem; } .best-seller-drawer .ant-drawer-body { background: rgb(251, 242, 226); padding: 0px !important; } .best-seller-drawer .ant-drawer-body::-webkit-scrollbar { width: 0.625rem; } .best-seller-drawer .ant-drawer-body::-webkit-scrollbar-track { background-color: rgb(255, 255, 255); border-radius: 6.25rem; } .best-seller-drawer .ant-drawer-body::-webkit-scrollbar-thumb { background-color: rgb(204, 204, 204); border-radius: 6.25rem; } .best-seller-drawer .ant-drawer-title { text-align: center; } .best-seller-drawer .ant-drawer-body { scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1); scrollbar-width: thin; width: 100%; height: calc(100% - 2.1875rem); overflow-y: auto; } .best-seller-drawer .ant-drawer-body::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .best-seller-drawer .ant-drawer-body::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); } .best-seller-drawer .detail-wrapper .details-main .product-info-main .texts .key_features, .best-seller-drawer .detailPopWarp .product-info-main .reviews .go-reviews, .best-seller-drawer .detail-wrapper .details-main .product-info-main .item-no, .best-seller-drawer .logistic, .best-seller-drawer .detail-wrapper .details-main .product-info-main .attrs .attrs-text, .best-seller-drawer .detailPopWarp .specifications-wrap table tr td, .best-seller-drawer .detailPopWarp .details-main .product-info-main .texts .ant-collapse-header h2 { font-size: 0.875rem !important; } .best-seller-drawer .detailPopWarp .product-info-main h1, .best-seller-drawer .detail-wrapper .details-main .product-info-main .qty_box .numCon .Quantity .ant-input-number-input { font-size: 1.125rem !important; line-height: 1.5rem !important; } [data-v-74bfeb1a]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-74bfeb1a] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-74bfeb1a] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-74bfeb1a] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-74bfeb1a] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-74bfeb1a] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-74bfeb1a] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-74bfeb1a] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-74bfeb1a] { padding: 0px 20px; } } .ant-form-item[data-v-74bfeb1a], .ant-radio-wrapper[data-v-74bfeb1a], .ant-radio-group[data-v-74bfeb1a] { font-variant: normal !important; } .ant-message[data-v-74bfeb1a] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-74bfeb1a] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-74bfeb1a] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-74bfeb1a] { display: none; } .best-seller[data-v-74bfeb1a] { cursor: pointer; margin-bottom: 0.625rem; } .best-seller .l[data-v-74bfeb1a] { display: inline-block; width: 9.0625rem; height: 1.5625rem; line-height: 1.5625rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/best-sellers2-23b7fa02.png") 0% 0% / 100% 100% no-repeat; text-align: center; font-size: 0.875rem; font-weight: 700; color: rgb(0, 0, 0); z-index: 2; } .best-seller .r[data-v-74bfeb1a] { display: inline-block; height: 1.5625rem; line-height: 1.5625rem; font-size: 0.875rem; padding: 0px 0.75rem 0px 0.5rem; background: linear-gradient(90deg, rgb(255, 242, 212) 16.17%, rgb(255, 233, 185) 100%); border-top-right-radius: 1.25rem; border-bottom-right-radius: 1.25rem; z-index: 1; color: rgb(130, 99, 40); } .list-con[data-v-74bfeb1a] { background-size: 100%; background-repeat: no-repeat; } .list-con .list-box[data-v-74bfeb1a] { padding: 11.5625rem 0px 0px; position: relative; } .list-con .products-box[data-v-74bfeb1a] { margin-top: 0.625rem; padding: 0px 1.25rem; box-sizing: border-box; } .list-con .products-box .content > p[data-v-74bfeb1a] { color: rgb(255, 255, 255); font-size: 1.25rem; } .list-con .products-box .content > p svg[data-v-74bfeb1a] { display: inline-block; vertical-align: bottom; } .list-con .products-box ul[data-v-74bfeb1a] { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0px; } .list-con .products-box ul li[data-v-74bfeb1a] { width: 100%; border-radius: 0.5625rem; background: rgb(255, 255, 255); overflow: hidden; padding: 0.625rem; box-sizing: border-box; margin-bottom: 0.625rem; position: relative; } .list-con .products-box ul li .item-viewed[data-v-74bfeb1a] { width: 7.3125rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.875rem; display: inline-block; border-bottom-left-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; background: rgba(0, 0, 0, 0.38); color: rgb(255, 255, 255); text-align: center; position: absolute; bottom: 0.625rem; left: 0.625rem; opacity: 0.8; } .list-con .products-box ul li .product-icon[data-v-74bfeb1a] { display: inline-block; position: absolute; top: 0.625rem; left: 0.625rem; width: 2rem; height: 1.75rem; line-height: 2.1875rem; text-align: center; background: url("https://ca-static.costway.ca/assets/1760598923/images/best-sellers-icon4-341ca3ce.png") 0% 0% / 100% no-repeat; font-size: 1rem; font-weight: 700; color: rgb(255, 255, 255); } .list-con .products-box ul li .product-icon1[data-v-74bfeb1a] { background: url("https://ca-static.costway.ca/assets/1760598923/images/best-sellers-icon1-17a94db6.png") 0% 0% / 100% no-repeat; } .list-con .products-box ul li .product-icon2[data-v-74bfeb1a] { background: url("https://ca-static.costway.ca/assets/1760598923/images/best-sellers-icon2-04e8e509.png") 0% 0% / 100% no-repeat; } .list-con .products-box ul li .product-icon3[data-v-74bfeb1a] { background: url("https://ca-static.costway.ca/assets/1760598923/images/best-sellers-icon3-637629ef.png") 0% 0% / 100% no-repeat; } .list-con .products-box ul li .box[data-v-74bfeb1a] { cursor: pointer; } .list-con .products-box ul li .box img[data-v-74bfeb1a] { float: left; width: 34%; } .list-con .products-box ul li .box .product-detail[data-v-74bfeb1a] { float: right; width: 63%; } .list-con .products-box ul li .box .product-detail h2.name[data-v-74bfeb1a] { height: 2.5rem; margin: 0px; font-size: 0.9375rem; line-height: 1.25rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all; white-space: normal; } .list-con .products-box ul li .box .product-detail p[data-v-74bfeb1a] { margin: 0.3125rem 0px 0px; } .list-con .products-box ul li .box .product-detail p > span[data-v-74bfeb1a] { font-size: 1.125rem; margin: 0px 0.3125rem; line-height: 1; color: rgb(230, 77, 67); } .list-con .products-box ul li .box .product-detail p > span.price[data-v-74bfeb1a] { color: rgb(102, 102, 102); text-decoration: line-through; font-size: 1rem; } .list-con .products-box ul li .box .product-detail .btn[data-v-74bfeb1a] { display: flex; justify-content: space-between; } .list-con .products-box ul li .box .product-detail .btn span[data-v-74bfeb1a] { display: inline-block; height: 1.875rem; line-height: 1.875rem; text-align: center; border-radius: 2.5rem; width: 100%; cursor: pointer; margin-top: 0.1875rem; font-size: 0.875rem; color: rgb(255, 255, 255); background: rgb(253, 172, 14); } .menu-box[data-v-74bfeb1a] { padding: 0px 1.25rem; } .menu-container[data-v-74bfeb1a] { width: 100%; white-space: nowrap; scrollbar-width: none; cursor: grab; position: relative; overflow: hidden; } .menu-container.sticky[data-v-74bfeb1a] { background: rgb(233, 169, 87); z-index: 100; position: fixed; top: 3.1875rem; right: 0.6875rem; max-width: 25.625rem; padding: 0.625rem 1.25rem; overflow: hidden; } .menu-container[data-v-74bfeb1a]::-webkit-scrollbar { display: none; } .menu-list[data-v-74bfeb1a] { display: inline-block; list-style: none; padding: 0px; margin: 0px; } .menu-list li[data-v-74bfeb1a] { user-select: none; display: inline-block; padding: 0px 1.125rem; cursor: pointer; height: 2.1875rem; line-height: 2.1875rem; border-radius: 1.25rem; background: rgba(83, 47, 0, 0.3); color: rgb(255, 255, 255); margin-right: 0.625rem; } .menu-list li[data-v-74bfeb1a]:last-child { margin-right: 0px; } .menu-list li.active[data-v-74bfeb1a] { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } [data-v-433c5c29]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-433c5c29] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-433c5c29] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-433c5c29] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-433c5c29] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-433c5c29] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-433c5c29] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-433c5c29] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-433c5c29] { padding: 0px 20px; } } .ant-form-item[data-v-433c5c29], .ant-radio-wrapper[data-v-433c5c29], .ant-radio-group[data-v-433c5c29] { font-variant: normal !important; } .ant-message[data-v-433c5c29] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-433c5c29] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-433c5c29] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-433c5c29] { display: none; } .popular-search[data-v-433c5c29] { display: block; width: 100%; margin: 3rem 0px 0px; } .popular-search[data-v-433c5c29]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .popular-search .contents[data-v-433c5c29] { margin: 0px auto; width: 100%; max-width: 1440px; } .popular-search .contents > h2[data-v-433c5c29] { font-size: 1.25rem; margin-bottom: 1.4375rem; } .popular-search .contents > div[data-v-433c5c29] { display: flex; flex-wrap: wrap; } .popular-search .contents > div > a[data-v-433c5c29] { display: block; background: rgb(245, 245, 245); line-height: 2.8125rem; height: 2.8125rem; border-radius: 1.875rem; font-size: 1rem; color: rgb(0, 0, 0); padding: 0px 1.5625rem; margin: 0px 0.625rem 0.625rem 0px; } .popular-search .contents > div > a[data-v-433c5c29]:nth-last-of-type(1) { margin-right: 0px; } .popular-search .contents > div > a > svg[data-v-433c5c29] { width: 1.6875rem; height: 0.8125rem; position: relative; top: -0.3125rem; } .popular-search .contents .bottom-activity[data-v-433c5c29] { display: flex; overflow-x: auto; width: fit-content; margin: 2.375rem auto 0px; } .popular-search .contents .bottom-activity li[data-v-433c5c29] { width: 29.0625rem; height: auto; margin-right: 1.4375rem; list-style: none; } .popular-search .contents .bottom-activity li[data-v-433c5c29]:nth-last-of-type(1) { margin-right: 0px; } .popular-search .contents .bottom-activity li > a[data-v-433c5c29] { display: block; width: 100%; height: auto; } .popular-search .contents .bottom-activity li > a > img[data-v-433c5c29] { display: block; width: 100%; height: auto; border-radius: 0.5rem; } [data-v-ea461832]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-ea461832] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-ea461832] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-ea461832] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-ea461832] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-ea461832] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-ea461832] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-ea461832] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-ea461832] { padding: 0px 20px; } } .ant-form-item[data-v-ea461832], .ant-radio-wrapper[data-v-ea461832], .ant-radio-group[data-v-ea461832] { font-variant: normal !important; } .ant-message[data-v-ea461832] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-ea461832] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-ea461832] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-ea461832] { display: none; } h2[data-v-ea461832] { font-size: 1.25rem; } h4[data-v-ea461832] { font-size: 1.375rem; font-weight: 600; line-height: 1; margin-bottom: 0.625rem; } p[data-v-ea461832] { font-size: 1rem; margin-bottom: 0px; } .search-tips[data-v-ea461832] { margin-top: 3.75rem; font-size: 1.125rem; } .search-tips > div[data-v-ea461832] { margin-bottom: 0.625rem; } ul[data-v-ea461832] { list-style-type: disc; font-size: 0.875rem; } ul li[data-v-ea461832] { line-height: 1.6875rem; margin-bottom: 0px; } .tip-title[data-v-ea461832] { margin-left: -1.5625rem; } .normal-p[data-v-ea461832] { margin: 0px 0px 3.125rem -1.5625rem; font-size: 1.125rem; } .normal-p a[data-v-ea461832], .contact-us[data-v-ea461832] { text-decoration: underline; color: rgb(253, 172, 14); } [data-v-272c49d9]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-272c49d9] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-272c49d9] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-272c49d9] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-272c49d9] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-272c49d9] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-272c49d9] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-272c49d9] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-272c49d9] { padding: 0px 20px; } } .ant-form-item[data-v-272c49d9], .ant-radio-wrapper[data-v-272c49d9], .ant-radio-group[data-v-272c49d9] { font-variant: normal !important; } .ant-message[data-v-272c49d9] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-272c49d9] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-272c49d9] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-272c49d9] { display: none; } .review-form[data-v-272c49d9] { margin-bottom: 3.75rem; } .review-form[data-v-272c49d9] .ant-form { display: block; } .review-form[data-v-272c49d9] .ant-form .quality, .review-form[data-v-272c49d9] .ant-form .price, .review-form[data-v-272c49d9] .ant-form .value { font-size: 1rem; } .review-form[data-v-272c49d9] .ant-form .quality .label, .review-form[data-v-272c49d9] .ant-form .price .label, .review-form[data-v-272c49d9] .ant-form .value .label { display: inline-block; margin-right: 0.625rem; font-size: 1.125rem; } .review-form[data-v-272c49d9] .ant-form .ant-input { border-color: rgb(204, 204, 204); min-height: 3.125rem; } .review-form[data-v-272c49d9] .ant-form .ant-form-item-label > label { font-size: 1.125rem; } .review-form[data-v-272c49d9] .ant-form .ant-upload-list-picture-card .ant-upload-list-item { border-color: rgb(204, 204, 204); } .review-form[data-v-272c49d9] .ant-form .ant-upload-list-picture-card .ant-upload-list-item, .review-form[data-v-272c49d9] .ant-form .ant-upload-list-picture-card-container, .review-form[data-v-272c49d9] .ant-form .ant-upload.ant-upload-select-picture-card { width: 7.125rem; height: 7.125rem; } .review-form[data-v-272c49d9] .ant-form .ant-upload-list-item-actions > a { display: none; } .review-form[data-v-272c49d9] .ant-form .fileTitle .ant-form-item-control-input-content > div { color: rgb(0, 0, 0); font-size: 1.125rem; } .review-form[data-v-272c49d9] .ant-form .fileTitle .ant-form-item-control-input-content > div > span { color: rgb(51, 51, 51); font-size: 1rem; } .review-form[data-v-272c49d9] .ant-form .upfile-tips { color: red; } .review-form[data-v-272c49d9] .ant-form .submit, .review-form[data-v-272c49d9] .ant-form .close { height: 3.125rem; border-color: rgb(253, 172, 14); font-size: 1rem; min-width: 11.25rem; border-radius: 1.5625rem; } .review-form[data-v-272c49d9] .ant-form .close { border-color: rgb(204, 204, 204); } .review-form.account[data-v-272c49d9] { margin-bottom: 0px; } .review-form.account[data-v-272c49d9] .ant-form { display: block; } .review-form.account[data-v-272c49d9] .ant-form .quality, .review-form.account[data-v-272c49d9] .ant-form .price, .review-form.account[data-v-272c49d9] .ant-form .value { font-size: 1rem; } .review-form.account[data-v-272c49d9] .ant-form .quality .label, .review-form.account[data-v-272c49d9] .ant-form .price .label, .review-form.account[data-v-272c49d9] .ant-form .value .label { display: inline-block; width: 4.25rem; margin-right: 0.625rem; font-size: 1.125rem; text-align: right; } .review-form.account[data-v-272c49d9] .ant-form .ant-form-item:last-child { margin-bottom: 0px; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } [data-v-6b52ec97]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-6b52ec97] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-6b52ec97] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-6b52ec97] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-6b52ec97] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-6b52ec97] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-6b52ec97] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-6b52ec97] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-6b52ec97] { padding: 0px 20px; } } .ant-form-item[data-v-6b52ec97], .ant-radio-wrapper[data-v-6b52ec97], .ant-radio-group[data-v-6b52ec97] { font-variant: normal !important; } .ant-message[data-v-6b52ec97] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-6b52ec97] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-6b52ec97] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-6b52ec97] { display: none; } .svg-write[data-v-6b52ec97] { width: 1rem; height: 1rem; } .svg-review-like[data-v-6b52ec97] { width: 1.4375rem; height: 1.4375rem; } .reviews-con .review-from[data-v-6b52ec97] { display: block; } .reviews-con .empty[data-v-6b52ec97] { margin-top: 1.875rem; } .reviews-con .review-from[data-v-6b52ec97], .reviews-con .review-overview[data-v-6b52ec97] { background-color: rgb(255, 255, 255); padding: 3.5rem 2.5rem; margin-top: 2.5rem; } .reviews-con .review-overview .overview[data-v-6b52ec97] { display: flex; height: 100%; justify-content: center; align-items: center; } .reviews-con .review-overview .right .star-row[data-v-6b52ec97] { display: flex; justify-content: space-between; align-items: center; width: 26.25rem; } .reviews-con .review-overview .right .label[data-v-6b52ec97] { display: inline-block; width: 20%; font-size: 1.125rem; } .reviews-con .review-overview .right .label span[data-v-6b52ec97] { vertical-align: middle; line-height: 1; display: inline-block; min-width: 0.75rem; text-align: center; } .reviews-con .review-overview .right .label[data-v-6b52ec97]::after { content: ""; display: inline-block; margin-left: 0.375rem; width: 1.1875rem; height: 1.125rem; line-height: 1; background: url("https://ca-static.costway.ca/assets/1760598923/images/star3-693e4c57.png") 0% 0% / 100% 100% no-repeat; vertical-align: middle; } .reviews-con .review-overview .right .ant-progress[data-v-6b52ec97] { font-size: 1.125rem; } .reviews-con .review-overview .right .ant-progress .ant-progress-outer[data-v-6b52ec97] { max-width: 12.5rem; } .reviews-con .review-overview .right .ant-progress[data-v-6b52ec97] .ant-progress-text { color: rgb(51, 51, 51); } .reviews-con .review-overview .right .count[data-v-6b52ec97] { width: 5.5rem; display: inline-block; text-align: right; } .reviews-con .title[data-v-6b52ec97] { display: flex; align-items: center; justify-content: space-between; } .reviews-con .title h4[data-v-6b52ec97] { color: rgb(51, 51, 51); font-size: 1.25rem; margin-bottom: 0px; } .reviews-con .button[data-v-6b52ec97] { margin-left: auto; } .reviews-con .button .svg[data-v-6b52ec97] { display: inline-block; vertical-align: middle; margin-right: 0.5rem; margin-bottom: 0.25rem; } .reviews-con .button[data-v-6b52ec97] .ant-btn { height: 3.125rem; border-radius: 1.5625rem; min-width: 12.5rem; } .reviews-con .review-images[data-v-6b52ec97] { margin-top: 2.5rem; } .reviews-con .review-images h3[data-v-6b52ec97] { line-height: 2rem; font-size: 1.25rem; margin-bottom: 1.25rem; } .reviews-con .review-images .review-images-carousel[data-v-6b52ec97] .slick-slide > div { margin: 0.625rem; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; height: 13.75rem; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 0.25rem; } .reviews-con .review-images .review-images-carousel[data-v-6b52ec97] .slick-list { height: 15rem !important; overflow: hidden !important; } .reviews-con .review-images .review-images-carousel[data-v-6b52ec97] .slick-slide > div > div { height: 100%; } .reviews-con .review-images .review-images-carousel[data-v-6b52ec97] .slick-slide .ant-image { height: 100%; } .reviews-con .review-images .review-images-carousel[data-v-6b52ec97] .slick-slide .ant-image-mask { width: 13.75rem; height: 13.75rem; } .reviews-con .review-images .review-images-carousel[data-v-6b52ec97] .slick-slide img { width: 12.5rem; height: 12.5rem; object-fit: cover; } .reviews-con .review-images .review-images-carousel[data-v-6b52ec97] .slick-slide video { display: block; width: 12.5rem; height: 12.5rem; margin-left: 0.5625rem; margin-top: 0.5625rem; } .reviews-con .review-images .review-images-carousel[data-v-6b52ec97] .slick-arrow.custom-slick-arrow { width: 2.25rem; height: 2.25rem; border-radius: 2.1875rem; background: rgba(255, 255, 255, 0.8); transform: scaleX(-1); font-size: 1rem; color: rgb(102, 102, 102); opacity: 0.8; text-align: center; line-height: 2.25rem; margin-top: -1.125rem; } .reviews-con .review-images .review-images-carousel[data-v-6b52ec97] .slick-arrow.custom-slick-arrow.slick-prev { z-index: 1; left: 0.625rem; } .reviews-con .review-images .review-images-carousel[data-v-6b52ec97] .slick-arrow.custom-slick-arrow.slick-next { right: 0.625rem; } .reviews-con .review-images .review-images-carousel[data-v-6b52ec97] .slick-arrow.custom-slick-arrow.slick-disabled { display: none !important; } .reviews-con .review-images .review-images-carousel[data-v-6b52ec97] .custom-slick-arrow::before { display: none; } .reviews-con .review-images .review-images-carousel[data-v-6b52ec97] .custom-slick-arrow:hover { opacity: 1; } .reviews-con .review-images[data-v-6b52ec97] .ant-image { display: flex; flex-direction: row; justify-content: center; align-items: center; } .reviews-con .sort[data-v-6b52ec97] { margin-top: 4.25rem; } .reviews-con .sort[data-v-6b52ec97]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .reviews-con .sort h3[data-v-6b52ec97] { font-size: 1.25rem; } .reviews-con .sort .sort-by[data-v-6b52ec97] { float: right; } .reviews-con .sort .sort-by[data-v-6b52ec97] .ant-dropdown-link.custom-dropdown { display: inline-block; height: 2.5rem; border: 0px; line-height: 2.5rem; text-align: center; padding: 0px 1rem; margin-right: 1.25rem; border-radius: 1.25rem; background: rgb(255, 255, 255); color: rgb(0, 0, 0); } .reviews-con .review-nav[data-v-6b52ec97] { margin-top: 1.875rem; } .reviews-con .review-nav > span[data-v-6b52ec97] { display: inline-block; margin-right: 1.25rem; padding: 0.75rem 1.875rem; border: 0.0625rem solid rgb(153, 153, 153); background-color: rgb(255, 255, 255); border-radius: 1.875rem; font-size: 1.125rem; margin-bottom: 1.25rem; cursor: pointer; } .reviews-con .review-nav > span.current[data-v-6b52ec97] { background-color: rgb(255, 95, 68); color: rgb(255, 255, 255); border: 0.0625rem solid rgb(255, 95, 68); } .reviews-con .review-list[data-v-6b52ec97] { background-color: rgb(255, 255, 255); border-radius: 0.1875rem; padding: 3.125rem; margin-top: 2.5rem; } .reviews-con .review-list .more-reviews[data-v-6b52ec97] { text-align: center; margin-top: 3.75rem; } .reviews-con .review-list .more-reviews[data-v-6b52ec97] .ant-btn { font-size: 1.25rem; width: 11.25rem; height: 3.125rem; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 1.5625rem; } .reviews-con .review-list ul li[data-v-6b52ec97] { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; border-bottom: 0.0625rem solid rgb(204, 204, 204); padding-bottom: 2.5rem; margin-bottom: 2.5rem; position: relative; } .reviews-con .review-list ul li.no-more[data-v-6b52ec97] { margin-bottom: 0px; padding-bottom: 0px; } .reviews-con .review-list ul li.no-more p[data-v-6b52ec97] { margin: 0px auto; } .reviews-con .review-list ul li .pending_review[data-v-6b52ec97] { position: absolute; bottom: 0.3125rem; right: 0px; margin: 0px; padding: 0.25rem 1rem; background-color: rgb(204, 204, 204); } .reviews-con .review-list ul li[data-v-6b52ec97]:last-child { border-bottom: 0px; } .reviews-con .review-list ul li > div[data-v-6b52ec97] { margin-right: 1.25rem; } .reviews-con .review-list ul li .user-photo[data-v-6b52ec97] { width: 3.75rem; height: 3.75rem; background: rgb(244, 244, 244); border-radius: 1.875rem; text-align: center; line-height: 3.75rem; font-size: 1.5rem; color: rgb(153, 153, 153); flex: 0 1 auto; } .reviews-con .review-list ul li .user-info[data-v-6b52ec97] { width: 8.75rem; margin-right: 6.875rem; } .reviews-con .review-list ul li .user-info .name[data-v-6b52ec97] { font-size: 1.25rem; color: rgb(51, 51, 51); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 600; } .reviews-con .review-list ul li .user-info .rate[data-v-6b52ec97] { margin-top: 0px; } .reviews-con .review-list ul li .review-user-con[data-v-6b52ec97] { margin-right: 7.5rem; flex: 1 1 0%; } .reviews-con .review-list ul li .review-user-con .title[data-v-6b52ec97] { display: block; margin-bottom: 0.625rem; } .reviews-con .review-list ul li .review-user-con .title[data-v-6b52ec97]::after { content: ""; display: block; clear: both; } .reviews-con .review-list ul li .review-user-con .title h4[data-v-6b52ec97] { float: left; padding: 0px; font-size: 1.125rem; margin-bottom: 0px; } .reviews-con .review-list ul li .review-user-con .title .time[data-v-6b52ec97] { float: right; font-size: 1.125rem; } .reviews-con .review-list ul li .review-user-con p[data-v-6b52ec97] { margin-bottom: 0px; overflow-wrap: break-word; word-break: break-all; } .reviews-con .review-list ul li .review-user-con .review-img[data-v-6b52ec97] .ant-image { margin-top: 0.625rem; margin-right: 0.625rem; border: 0.0625rem solid rgb(204, 204, 204); float: left; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 3.75rem; height: 3.75rem; overflow: hidden; } .reviews-con .review-list ul li .review-user-con .review-img .video[data-v-6b52ec97] { float: left; display: flex; width: 3.75rem; height: 3.75rem; margin-top: 0.625rem; margin-right: 0.625rem; border: 0.0625rem solid rgb(204, 204, 204); background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-player-b3cf0f2d.png") center center / 70% 70% no-repeat rgb(241, 241, 241); cursor: pointer; } .reviews-con .review-list ul li .like[data-v-6b52ec97] { margin-right: 0px; margin-left: auto; } .reviews-con .review-list ul li .like[data-v-6b52ec97] .ant-btn { height: 2.5rem; min-width: 6.25rem; padding: 0.25rem 1.25rem; border-radius: 1.25rem; display: flex; align-items: center; margin: auto; } .reviews-con .review-list ul li .like[data-v-6b52ec97] .ant-btn:hover .svg-review-like path { fill: rgb(255, 195, 56); } .reviews-con .review-list ul li .like span[data-v-6b52ec97] { display: inline-block; vertical-align: middle; } .reviews-con .review-list ul li .like .svg[data-v-6b52ec97] { height: 1.4375rem; font-size: 0px; margin-right: 0.625rem; line-height: 0 !important; } .reviews-con .review-list ul li .like .like-item[data-v-6b52ec97] { font-size: 1.125rem; } .reviews-con .review-list ul li .like.add-like[data-v-6b52ec97] .ant-btn { background-color: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .reviews-con .review-list ul li .like.add-like[data-v-6b52ec97] .ant-btn:hover .svg-review-like path { fill: rgb(255, 255, 255); } .reviews-con .review-list ul li .like.add-like .like-item[data-v-6b52ec97] { color: rgb(255, 255, 255); } .reviews-con .review-list ul li .like.add-like svg path[data-v-6b52ec97] { fill: rgb(255, 255, 255); } [data-v-6c885a3c]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-6c885a3c] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-6c885a3c] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-6c885a3c] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-6c885a3c] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-6c885a3c] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-6c885a3c] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-6c885a3c] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-6c885a3c] { padding: 0px 20px; } } .ant-form-item[data-v-6c885a3c], .ant-radio-wrapper[data-v-6c885a3c], .ant-radio-group[data-v-6c885a3c] { font-variant: normal !important; } .ant-message[data-v-6c885a3c] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-6c885a3c] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-6c885a3c] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-6c885a3c] { display: none; } .svg-faq-like[data-v-6c885a3c] { width: 1.4375rem; height: 1.4375rem; } .faq-content .empty[data-v-6c885a3c] { margin-top: 1.875rem; } .faq-content .q-con[data-v-6c885a3c] { display: inline-block; margin-right: 0.625rem; } .faq-content .under_review[data-v-6c885a3c] { display: inline-block; background: rgb(255, 248, 231); margin: 0.3125rem auto; border-radius: 0.25rem; font-size: 0.875rem; line-height: 1.3125rem; padding: 0.5rem 0.75rem; color: rgb(255, 200, 66); } .faq-content .title[data-v-6c885a3c] { display: flex; align-items: center; justify-content: space-between; } .faq-content .title h4[data-v-6c885a3c] { color: rgb(51, 51, 51); font-size: 1.25rem; margin-bottom: 0px; } .faq-content .title .button[data-v-6c885a3c] { margin-left: auto; } .faq-content .title .button .svg[data-v-6c885a3c] { display: inline-block; vertical-align: middle; margin-right: 0.5rem; margin-bottom: 0.25rem; } .faq-content .title .button[data-v-6c885a3c] .ant-btn { height: 3.125rem; border-radius: 1.5625rem; min-width: 12.5rem; } .faq-content .button[data-v-6c885a3c] .ant-btn, .faq-content .faqForm[data-v-6c885a3c] .ant-btn { width: 12.5rem; height: 3.125rem; border-radius: 1.5625rem; margin-bottom: 1.875rem; } .faq-content .faqForm[data-v-6c885a3c] .ant-input { height: 3.125rem; border: 0.0625rem solid rgb(204, 204, 204); } .faq-content .faqForm[data-v-6c885a3c] textarea { border: 0.0625rem solid rgb(204, 204, 204); min-height: 12.625rem; } .faq-content .faqForm[data-v-6c885a3c] .botton-button { margin-top: 1.875rem; text-align: center; } .faq-content .faqForm[data-v-6c885a3c] .botton-button .submit { margin-right: 1.25rem; } .faq-content .faqForm[data-v-6c885a3c] .botton-button .cancel { border-color: rgb(204, 204, 204); } .faq-content .faq-list[data-v-6c885a3c] { padding: 1.25rem 0px; } .faq-content .faq-list .more-reviews[data-v-6c885a3c] { margin-top: 1.25rem; } .faq-content .faq-list .more-reviews span[data-v-6c885a3c] { font-size: 1.125rem; cursor: pointer; color: rgb(253, 172, 14); text-decoration: underline; } .faq-content .faq-list ul li[data-v-6c885a3c] { display: flex; flex-wrap: nowrap; justify-content: space-between; border-bottom: 0.0625rem solid rgb(204, 204, 204); padding-bottom: 1.25rem; margin-bottom: 1.25rem; } .faq-content .faq-list ul li.no-more[data-v-6c885a3c] { margin-bottom: 0px; padding-bottom: 0px; } .faq-content .faq-list ul li.no-more p[data-v-6c885a3c] { margin: 0px auto; } .faq-content .faq-list ul li .pending_review[data-v-6c885a3c] { position: absolute; bottom: 0.3125rem; right: 0px; margin: 0px; padding: 0.25rem 1rem; background-color: rgb(204, 204, 204); } .faq-content .faq-list ul li[data-v-6c885a3c]:last-child { border-bottom: 0px; } .faq-content .faq-list ul li .faq-con[data-v-6c885a3c] { margin-right: 0px; width: 100%; } .faq-content .faq-list ul li .faq-con .q[data-v-6c885a3c], .faq-content .faq-list ul li .faq-con .item[data-v-6c885a3c] { display: flex; margin-top: 0.625rem; color: rgb(51, 51, 51); font-size: 1rem; } .faq-content .faq-list ul li .faq-con .q .label[data-v-6c885a3c], .faq-content .faq-list ul li .faq-con .item .label[data-v-6c885a3c] { flex-shrink: 0; margin-right: 0.625rem; font-weight: 500; } .faq-content .faq-list ul li .faq-con .q .con[data-v-6c885a3c], .faq-content .faq-list ul li .faq-con .item .con[data-v-6c885a3c] { flex: 1 1 auto; min-width: 0.0625rem; overflow-wrap: break-word; word-break: break-all; } .faq-content .faq-list ul li .faq-con .add[data-v-6c885a3c] { margin-top: 1.25rem; } .faq-content .faq-list ul li .faq-con .add .item .ant-btn[data-v-6c885a3c] { min-width: 0.0625rem; } .faq-content .faq-list ul li .faq-con .add[data-v-6c885a3c] .ant-btn { flex-shrink: 0; min-width: 7.875rem; margin: 0px 2.3125rem; } .faq-content .faq-list ul li .faq-con .add[data-v-6c885a3c] .ant-btn span { pointer-events: none; } .faq-content .faq-list ul li .faq-con .add .addFaqSonForm[data-v-6c885a3c] { flex-basis: 100%; width: 100%; margin-top: 1.25rem; display: none; } .faq-content .faq-list ul li .faq-con .add .addFaqSonForm.show[data-v-6c885a3c] { display: block; } .faq-content .faq-list ul li .faq-con .add .addFaqSonForm .form-button[data-v-6c885a3c] { text-align: right; } .faq-content .faq-list ul li .faq-con .add .addFaqSonForm .form-button[data-v-6c885a3c] .ant-btn { margin: 0px; } .faq-content .faq-list ul li .faq-con .add .addFaqSonForm .form-button[data-v-6c885a3c] .ant-btn span { pointer-events: none; } .faq-content .faq-list ul li .faq-con .old[data-v-6c885a3c] { margin-left: 1.5rem; } .faq-content .faq-list ul li .faq-con .faq-images[data-v-6c885a3c] { display: flex; align-items: center; } .faq-content .faq-list ul li .faq-con .faq-images[data-v-6c885a3c] .ant-image { margin: 0.625rem 0.9375rem 0.3125rem 0px; float: left; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 6.25rem; height: 6.25rem; overflow: hidden; border-radius: 0.25rem; border: 0.0625rem solid rgb(204, 204, 204); } .faq-content .faq-list ul li .faq-con .faq-images .video[data-v-6c885a3c] { float: left; display: flex; width: 6.25rem; height: 6.25rem; margin: 0.625rem 0.9375rem 0.3125rem 0px; border: 0.0625rem solid rgb(204, 204, 204); background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-player-b3cf0f2d.png") center center / 50% 50% no-repeat; cursor: pointer; border-radius: 0.25rem; } .faq-content .faq-list ul li .like[data-v-6c885a3c] { margin-right: 0px; margin-left: auto; width: 12.5rem; flex-shrink: 0; text-align: center; } .faq-content .faq-list ul li .like[data-v-6c885a3c] .ant-btn { height: 2.5rem; min-width: 6.25rem; padding: 0.25rem 1.25rem; border-radius: 1.25rem; border-color: rgb(204, 204, 204); display: flex; align-items: center; margin: auto; } .faq-content .faq-list ul li .like[data-v-6c885a3c] .ant-btn:hover { border-color: rgb(255, 195, 56); } .faq-content .faq-list ul li .like[data-v-6c885a3c] .ant-btn:hover .svg-faq-like path { fill: rgb(255, 195, 56); } .faq-content .faq-list ul li .like span[data-v-6c885a3c] { display: inline-block; vertical-align: middle; } .faq-content .faq-list ul li .like .svg[data-v-6c885a3c] { height: 1.4375rem; font-size: 0px; margin-right: 0.625rem; line-height: 0 !important; } .faq-content .faq-list ul li .like .like-item[data-v-6c885a3c] { font-size: 1.125rem; } .faq-content .faq-list ul li .like.add-like[data-v-6c885a3c] .ant-btn { background-color: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .faq-content .faq-list ul li .like.add-like[data-v-6c885a3c] .ant-btn:hover .svg-faq-like path { fill: rgb(255, 255, 255); } .faq-content .faq-list ul li .like.add-like .like-item[data-v-6c885a3c] { color: rgb(255, 255, 255); } .faq-content .faq-list ul li .like.add-like svg path[data-v-6c885a3c] { fill: rgb(255, 255, 255); } [data-v-df777b2a]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-df777b2a] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-df777b2a] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-df777b2a] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-df777b2a] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-df777b2a] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-df777b2a] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-df777b2a] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-df777b2a] { padding: 0px 20px; } } .ant-form-item[data-v-df777b2a], .ant-radio-wrapper[data-v-df777b2a], .ant-radio-group[data-v-df777b2a] { font-variant: normal !important; } .ant-message[data-v-df777b2a] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-df777b2a] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-df777b2a] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-df777b2a] { display: none; } .content[data-v-df777b2a] { position: relative; } .content img[data-v-df777b2a] { width: 100%; } .content .canvas[data-v-df777b2a] { position: absolute; top: 3.5rem; left: 24.9375rem; border-radius: 0.375rem; } [data-v-498f688c]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-498f688c] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-498f688c] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-498f688c] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-498f688c] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-498f688c] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-498f688c] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-498f688c] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-498f688c] { padding: 0px 20px; } } .ant-form-item[data-v-498f688c], .ant-radio-wrapper[data-v-498f688c], .ant-radio-group[data-v-498f688c] { font-variant: normal !important; } .ant-message[data-v-498f688c] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-498f688c] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-498f688c] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-498f688c] { display: none; } .shipping-con[data-v-498f688c] { width: 100%; background: rgb(249, 249, 249); padding: 1.25rem 1.25rem 3.75rem; } .shipping-con h4[data-v-498f688c], .shipping-con h6[data-v-498f688c] { padding: 1.25rem 0.25rem 0.3125rem; box-sizing: border-box; margin: 0.9375rem 0px 1rem; font-size: 1.5rem; color: rgb(0, 0, 0); } .shipping-con .introduceList[data-v-498f688c], .shipping-con .specificationsList[data-v-498f688c] { padding: 1.25rem 1rem; background: rgb(255, 255, 255); overflow: hidden; } .shipping-con .introduceList[data-v-498f688c] ul > li, .shipping-con .specificationsList[data-v-498f688c] ul > li { display: block; width: 100%; } .shipping-con .specificationsList[data-v-498f688c] ul > li { float: left; line-height: 2; color: rgb(68, 68, 68); margin-right: 4%; width: 46% !important; background: rgb(255, 255, 255) !important; } .shipping-con .introduceList p[data-v-498f688c] { text-align: justify; line-height: 2; color: rgb(68, 68, 68); } .shipping-con .row:first-child h4[data-v-498f688c], .shipping-con .row:first-child h6[data-v-498f688c] { margin-top: 0px; padding-top: 0px; } .shipping-con .see-more[data-v-498f688c] { display: block; margin-top: 0.625rem; float: right; } [data-v-6076dbe5]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-6076dbe5] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-6076dbe5] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-6076dbe5] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-6076dbe5] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-6076dbe5] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-6076dbe5] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-6076dbe5] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-6076dbe5] { padding: 0px 20px; } } .ant-form-item[data-v-6076dbe5], .ant-radio-wrapper[data-v-6076dbe5], .ant-radio-group[data-v-6076dbe5] { font-variant: normal !important; } .ant-message[data-v-6076dbe5] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-6076dbe5] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-6076dbe5] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-6076dbe5] { display: none; } .large-order-container .large-order-title[data-v-6076dbe5] { line-height: 2rem; font-size: 1.875rem; margin-bottom: 1.25rem; } .large-order-container .large-order-introduce[data-v-6076dbe5] { line-height: 2rem; font-size: 1.25rem; margin-bottom: 1.25rem; } .large-order-container .large-order-form[data-v-6076dbe5] .ant-form-item-label > label { width: 100%; font-size: 1.25rem; } .large-order-container .large-order-form[data-v-6076dbe5] .ant-btn { width: 100%; height: 3.125rem; line-height: 3.125rem; } .large-order-container .large-order-form[data-v-6076dbe5] .ant-input { border: 0.0625rem solid rgb(204, 204, 204); height: 3.125rem; line-height: 3.125rem; } .large-order-container .large-order-form[data-v-6076dbe5] .ant-input-number { width: 100%; } .large-order-container .large-order-form[data-v-6076dbe5] .ant-input-number, .large-order-container .large-order-form[data-v-6076dbe5] .ant-input-number-handler-wrap { border: 0.0625rem solid rgb(204, 204, 204); } .large-order-container .large-order-form[data-v-6076dbe5] .ant-input-number-input { height: 3.125rem; } .large-order-container .large-order-form[data-v-6076dbe5] .ant-select-selector { border: 0.0625rem solid rgb(204, 204, 204); height: 3.125rem; } .large-order-container .large-order-form[data-v-6076dbe5] .ant-select-selection-search-input, .large-order-container .large-order-form[data-v-6076dbe5] .ant-select-selection-placeholder, .large-order-container .large-order-form[data-v-6076dbe5] .ant-select-selection-item { line-height: 3.125rem; } [data-v-186e3a40]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-186e3a40] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-186e3a40] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-186e3a40] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-186e3a40] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-186e3a40] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-186e3a40] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-186e3a40] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-186e3a40] { padding: 0px 20px; } } .ant-form-item[data-v-186e3a40], .ant-radio-wrapper[data-v-186e3a40], .ant-radio-group[data-v-186e3a40] { font-variant: normal !important; } .ant-message[data-v-186e3a40] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-186e3a40] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-186e3a40] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-186e3a40] { display: none; } .compare-similar-box[data-v-186e3a40] { background: rgb(255, 255, 255); padding-bottom: 2.5rem; } .compare-similar-box h2[data-v-186e3a40] { margin-bottom: 2.5rem; } .compare-similar-box .compare-product[data-v-186e3a40] { display: flex; justify-content: start; width: 80%; margin-bottom: 1.5625rem; float: right; } .compare-similar-box .compare-product li[data-v-186e3a40] { cursor: pointer; width: 25%; margin-right: 1.875rem; border-radius: 0.5rem; padding: 1.5625rem; transition: 0.2s; } .compare-similar-box .compare-product li[data-v-186e3a40]:hover { box-shadow: rgba(165, 165, 165, 0.17) 0.0625rem 0.25rem 0.9375rem 0.0625rem; } .compare-similar-box .compare-product li[data-v-186e3a40]:last-child { margin-right: 0px; } .compare-similar-box .compare-product li img[data-v-186e3a40] { width: 100%; } .compare-similar-box .compare-product li .productText[data-v-186e3a40] { height: 2.5rem; margin: 1.25rem 0px 0.625rem; font-size: 0.875rem; line-height: 1.25rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: keep-all; white-space: normal; } .compare-similar-box .compare-product li .shop-price[data-v-186e3a40] { margin-bottom: 0px; } .compare-similar-box .compare-product li .shop-price .now-price[data-v-186e3a40] { font-size: 1.125rem; line-height: 1; } .compare-similar-box .compare-product li .shop-price .pre-price[data-v-186e3a40] { color: rgb(153, 153, 153); text-decoration: line-through; font-size: 1rem; margin-left: 0.625rem; } .compare-similar-box .difference[data-v-186e3a40] { margin-top: 1.875rem; } .compare-similar-box .difference table[data-v-186e3a40] { width: 100%; } .compare-similar-box .difference table tr[data-v-186e3a40]:nth-of-type(2n-1) { background: rgb(244, 244, 244); } .compare-similar-box .difference table tr td[data-v-186e3a40] { width: 20%; padding: 0.8125rem 0.625rem 0.8125rem 1.5625rem; box-sizing: border-box; } .compare-similar-box .difference table tr td[data-v-186e3a40]:nth-child(1) { font-weight: 700; padding-left: 1.5625rem; } .compare-similar-box .difference table tr td[data-v-186e3a40]:nth-child(3) { padding-left: 2.1875rem; } .compare-similar-box .difference table tr td[data-v-186e3a40]:nth-child(4) { padding-left: 2.8125rem; } .compare-similar-box .difference table tr td[data-v-186e3a40]:last-child { padding-left: 3.125rem; margin-right: 0px; } .compare-similar-box .difference table tr td div[data-v-186e3a40] { width: 100%; white-space: normal; overflow-wrap: break-word; word-break: break-all; } [data-v-eef9268c]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-eef9268c] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-eef9268c] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-eef9268c] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-eef9268c] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-eef9268c] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-eef9268c] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-eef9268c] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-eef9268c] { padding: 0px 20px; } } .ant-form-item[data-v-eef9268c], .ant-radio-wrapper[data-v-eef9268c], .ant-radio-group[data-v-eef9268c] { font-variant: normal !important; } .ant-message[data-v-eef9268c] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-eef9268c] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-eef9268c] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-eef9268c] { display: none; } .bundle-products[data-v-eef9268c] { width: 100rem; margin: 5rem auto 0px; padding: 2.5rem 5rem; border-radius: 0.5rem; background: rgb(246, 246, 246); } .bundle-products-box[data-v-eef9268c] { border-radius: 0.375rem; margin-top: 1.875rem; display: flex; justify-content: space-between; align-items: center; } .bundle-products-box .bundle-products-box-l[data-v-eef9268c] { width: 20rem; display: flex; justify-content: flex-start; align-items: center; } .bundle-products-box .bundle-products-box-l ul[data-v-eef9268c] { width: 11.5rem; margin-right: 2.1875rem; } .bundle-products-box .bundle-products-box-l ul li[data-v-eef9268c] { width: 100%; height: 19rem; } .bundle-products-box .bundle-products-box-l ul li[data-v-eef9268c]:hover { border: 0.125rem solid rgb(255, 255, 255); } .bundle-products-box .bundleS[data-v-eef9268c] { width: 17rem; } .bundle-products-box .bundle-products-box-c[data-v-eef9268c] { width: 54%; position: relative; } .bundle-products-box .bundle-products-box-c .swiper-button-prev[data-v-eef9268c], .bundle-products-box .bundle-products-box-c .swiper-button-next[data-v-eef9268c] { position: absolute; color: rgb(102, 102, 102); width: 2.5rem; height: 2.5rem; border-radius: 2.1875rem; top: 48%; transform: translateY(-50%); border: 0.0625rem solid rgb(204, 204, 204); background: rgb(255, 255, 255); } .bundle-products-box .bundle-products-box-c .swiper-button-prev[data-v-eef9268c]::after, .bundle-products-box .bundle-products-box-c .swiper-button-next[data-v-eef9268c]::after { font-size: 1.125rem; } .bundle-products-box .bundle-products-box-c .swiper-button-prev[data-v-eef9268c] { left: -3.3125rem; top: 50%; } .bundle-products-box .bundle-products-box-c .swiper-button-next[data-v-eef9268c] { right: 0.875rem; } .bundle-products-box .bundle-products-box-r[data-v-eef9268c] { width: 24%; padding-left: 5.5rem; text-align: center; } .bundle-products-box .bundle-products-box-r p[data-v-eef9268c] { margin-bottom: 0.625rem; } .bundle-products-box .bundle-products-box-r p[data-v-eef9268c]:nth-of-type(2) { font-size: 1.5rem; color: rgb(51, 51, 51); } .bundle-products-box .bundle-products-box-r .add[data-v-eef9268c] { display: inline-block; border: 0px; width: 100%; height: 2.8125rem; font-size: 1rem; font-weight: 700; background: rgb(255, 200, 66); border-radius: 1.5625rem; margin: 0px auto; color: rgb(0, 0, 0) !important; } .bundle-products-box .bundle-products-box-r .add[data-v-eef9268c]:hover { color: rgb(0, 0, 0) !important; } .bundle-products-box ul[data-v-eef9268c] { width: 100%; } .bundle-products-box ul .swiper-slide[data-v-eef9268c] { display: flex; align-items: center; position: relative; } .bundle-products-box ul .product-box[data-v-eef9268c] { position: relative; } .bundle-products-box ul .product-box .oos[data-v-eef9268c] { width: 100%; height: 19rem; z-index: 1; position: absolute; background: rgba(255, 255, 255, 0.3); cursor: not-allowed; } .bundle-products-box ul .product-box .oos p[data-v-eef9268c] { width: 80%; height: 2.25rem; line-height: 2.25rem; border-radius: 0.25rem; font-size: 0.875rem; margin: 4.6875rem auto; color: rgb(255, 255, 255); text-align: center; background: rgba(51, 51, 51, 0.7); } .bundle-products-box ul .productBoxOos .dots[data-v-eef9268c] { background: rgb(247, 247, 247); } .bundle-products-box ul .add-img[data-v-eef9268c] { width: 1.625rem; margin: 0px 1.5625rem; } .bundle-products-box ul li[data-v-eef9268c] { width: 11.5rem; height: 19rem; border: 0.125rem solid rgb(255, 255, 255); border-radius: 0.5rem; background: rgb(255, 255, 255); overflow: hidden; padding: 0.625rem; box-sizing: border-box; cursor: pointer; position: relative; } .bundle-products-box ul li.isChecked[data-v-eef9268c] { border: 0.125rem solid rgb(255, 200, 66); } .bundle-products-box ul li .type-select[data-v-eef9268c] { width: 100%; display: block; margin: 0.375rem auto 0px; height: 2rem; border-radius: 1.0625rem; padding: 0px 0px 0px 0.9375rem; background-color: rgb(245, 245, 245); border: 0px; font-size: 0.875rem; } .bundle-products-box ul li .type-select[data-v-eef9268c]:focus { outline-color: rgb(204, 204, 204); } .bundle-products-box ul li .oosSelect[data-v-eef9268c] { color: rgb(204, 204, 204); } .bundle-products-box ul li .check-box[data-v-eef9268c] { width: 1.625rem; height: 1.625rem; position: absolute; right: 0.625rem; top: 0.625rem; } .bundle-products-box ul li .check-box .dots[data-v-eef9268c] { width: 100%; height: 100%; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 1.875rem; } .bundle-products-box ul li .check-box img[data-v-eef9268c] { width: 100%; } .bundle-products-box ul li a > img[data-v-eef9268c], .bundle-products-box ul li > img[data-v-eef9268c] { width: 100%; height: 10rem; } .bundle-products-box ul li h2.name[data-v-eef9268c] { height: 2.5rem; margin: 0.625rem 0px; font-size: 0.8125rem; line-height: 1.25rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: keep-all; white-space: normal; } .bundle-products-box ul li p[data-v-eef9268c] { margin-bottom: 0px; } .bundle-products-box ul li p > span[data-v-eef9268c] { font-size: 1.125rem; margin: 0px 0.3125rem; line-height: 1; } .bundle-products-box ul li p > span.price[data-v-eef9268c] { color: rgb(153, 153, 153); text-decoration: line-through; font-size: 0.875rem; } [data-v-72e6364f]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-72e6364f] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-72e6364f] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-72e6364f] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-72e6364f] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-72e6364f] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-72e6364f] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-72e6364f] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-72e6364f] { padding: 0px 20px; } } .ant-form-item[data-v-72e6364f], .ant-radio-wrapper[data-v-72e6364f], .ant-radio-group[data-v-72e6364f] { font-variant: normal !important; } .ant-message[data-v-72e6364f] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-72e6364f] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-72e6364f] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-72e6364f] { display: none; } h2[data-v-72e6364f] { font-size: 0.875rem; line-height: 1.3125rem; height: 1.4375rem; margin-bottom: 0.625rem; color: rgb(0, 0, 0); } .chair-info[data-v-72e6364f] { width: 65%; } .chair-info .regions ul[data-v-72e6364f] { display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 1.875rem; } .chair-info .regions ul span[data-v-72e6364f] { font-size: 0.75rem; text-align: center; display: block; color: rgb(102, 102, 102); margin: 0.3125rem auto 0.625rem; } .chair-info .all-progress[data-v-72e6364f] { position: relative; height: 1.125rem; background: rgb(244, 244, 244); border-radius: 9px; min-height: 16px; } .chair-info .info-progress[data-v-72e6364f] { position: absolute; background: rgb(255, 200, 66); border-radius: 9px; height: 1.125rem; min-height: 16px; display: flex; align-items: center; justify-content: center; } .chair-info .height[data-v-72e6364f] { margin-top: 1.25rem; } .chair-info .height .small[data-v-72e6364f] { height: 1.375rem; } .chair-info .height .large[data-v-72e6364f] { height: 1.75rem; } .chair-info .height .height-con[data-v-72e6364f] { display: flex; align-items: end; } .chair-info .height .all-progress[data-v-72e6364f] { flex: 1 1 0%; margin: 0px 1rem 0px 0.875rem; font-size: 0.75rem; color: rgb(79, 79, 79); line-height: 1.125rem; } .chair-info .height .info-progress[data-v-72e6364f] { width: var(--af6750b0); text-align: center; left: var(--05b29c36); } .chair-info .intensity[data-v-72e6364f] { margin-top: 1.875rem; } .chair-info .intensity .info-progress[data-v-72e6364f] { left: var(--555c5763); right: var(--5684f640); } .chair-info .intensity ul[data-v-72e6364f] { display: flex; justify-content: space-between; } .chair-info .intensity ul li[data-v-72e6364f] { font-size: 0.75rem; line-height: 1.125rem; color: rgb(102, 102, 102); margin-top: 0.3125rem; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .picker-box .ant-picker-panel-container { margin-top: -23.5625rem; } .offline-store-box { width: 37.5rem !important; } .offline-store-box .ant-modal-content { width: 37.5rem; border-radius: 0.5625rem; padding: 0.625rem 0px; } .offline-store-box .ant-modal-body { text-align: center; padding-bottom: 0px; } .offline-store-box .ant-modal-footer { display: none !important; } [data-v-6c0991fc]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-6c0991fc] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-6c0991fc] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-6c0991fc] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-6c0991fc] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-6c0991fc] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-6c0991fc] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-6c0991fc] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-6c0991fc] { padding: 0px 20px; } } .ant-form-item[data-v-6c0991fc], .ant-radio-wrapper[data-v-6c0991fc], .ant-radio-group[data-v-6c0991fc] { font-variant: normal !important; } .ant-message[data-v-6c0991fc] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-6c0991fc] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-6c0991fc] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-6c0991fc] { display: none; } .offline-store[data-v-6c0991fc] { overflow: hidden; margin-top: 2.5rem; } .offline-store .offline-store-l[data-v-6c0991fc] { float: left; padding-top: 0.125rem; } .offline-store .offline-store-r[data-v-6c0991fc] { float: left; margin-left: 0.375rem; } .offline-store .offline-store-r p[data-v-6c0991fc]:nth-of-type(2) { color: rgb(153, 153, 153); } .offline-store .offline-store-r p[data-v-6c0991fc]:nth-of-type(3) { text-decoration: underline; cursor: pointer; } .offline-store-box .offline-store-box-t[data-v-6c0991fc] { padding: 0px 0.625rem; margin-bottom: 0.9375rem; border-bottom: 0.0625rem solid rgb(243, 243, 243); } .offline-store-box .offline-store-box-t p[data-v-6c0991fc]:nth-of-type(1) { font-size: 1.25rem; font-weight: 500; margin-bottom: 0.3125rem; } .offline-store-box .offline-store-box-t p[data-v-6c0991fc]:nth-of-type(2) { color: rgb(51, 51, 51); } .offline-store-box .offline-store-box-c[data-v-6c0991fc] { font-size: 0.875rem; } .offline-store-box .offline-store-box-c[data-v-6c0991fc] .ant-collapse-icon-position-right .ant-collapse-item > .ant-collapse-header { font-size: 1.125rem; } .offline-store-box .offline-store-box-c[data-v-6c0991fc] .ant-collapse-ghost { padding-right: 0.625rem; } .offline-store-box .offline-store-box-c[data-v-6c0991fc] .ps__rail-y { opacity: 1; } .offline-store-box .offline-store-box-c[data-v-6c0991fc] .ant-form { margin: 0.9375rem 0px; padding-right: 0.625rem; } .offline-store-box .offline-store-box-c[data-v-6c0991fc] .ant-form .ant-input, .offline-store-box .offline-store-box-c[data-v-6c0991fc] .ant-form .ant-picker { width: 100%; height: 3.125rem; background: rgb(249, 249, 249); border: none; } .offline-store-box .offline-store-box-c[data-v-6c0991fc] .ant-form .time-errmsg { margin-bottom: 0px; text-align: left; color: rgb(230, 77, 67); } .offline-store-box .offline-store-box-c[data-v-6c0991fc] .ant-form .ant-form-item-explain-error { text-align: left; } .offline-store-box .offline-store-box-c[data-v-6c0991fc] .ant-form .cancel-btn, .offline-store-box .offline-store-box-c[data-v-6c0991fc] .ant-form .submit-btn { display: block; width: 45%; height: 3.125rem; border-radius: 3.125rem; } .offline-store-box .offline-store-box-c[data-v-6c0991fc] .ant-form .cancel-btn { border: 0.0625rem solid rgb(204, 204, 204); line-height: 3.125rem; text-align: center; cursor: pointer; } .offline-store-box .offline-store-box-c .offline-store-tips[data-v-6c0991fc] { font-size: 0.8125rem; color: rgb(204, 204, 204); text-align: left; margin: 0px 0px 1.25rem; } .offline-store-box .offline-store-box-c .store-box[data-v-6c0991fc] { border: 0.0625rem solid rgb(204, 204, 204); padding: 1.125rem; border-radius: 0.25rem; margin: 0px 0px 0.625rem; cursor: pointer; } .offline-store-box .offline-store-box-c .store-box .shop-detail[data-v-6c0991fc] { text-align: left; } .offline-store-box .offline-store-box-c .store-box .shop-detail .shop-detail-top[data-v-6c0991fc] { display: flex; } .offline-store-box .offline-store-box-c .store-box .shop-detail .shop-detail-top .shop-picture[data-v-6c0991fc] { width: 8.4375rem; height: 7.625rem; margin-right: 1.3125rem; } .offline-store-box .offline-store-box-c .store-box .shop-detail .shop-detail-top .shop-content[data-v-6c0991fc] { width: 25rem; text-align: left; } .offline-store-box .offline-store-box-c .store-box .shop-detail h2[data-v-6c0991fc] { width: 90%; word-break: break-all; margin-bottom: 1.4375rem; } .offline-store-box .offline-store-box-c .f-div[data-v-6c0991fc] { overflow: hidden; } .offline-store-box .offline-store-box-c .f-div p[data-v-6c0991fc] { float: left; } .offline-store-box .offline-store-box-c .f-div a[data-v-6c0991fc] { float: right; text-decoration: underline; width: 75%; text-align: right; } .offline-store-box .offline-store-box-c .f-div2[data-v-6c0991fc] { overflow: hidden; display: flex; } .offline-store-box .offline-store-box-c .f-div2 p[data-v-6c0991fc] { float: left; margin-right: 1.625rem; margin-bottom: 0px; } .offline-store-box .offline-store-box-c .f-div2 a[data-v-6c0991fc] { text-decoration: underline; text-align: right; color: rgb(255, 200, 66); } [data-v-a0c7af3e]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-a0c7af3e] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-a0c7af3e] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-a0c7af3e] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-a0c7af3e] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-a0c7af3e] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-a0c7af3e] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-a0c7af3e] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-a0c7af3e] { padding: 0px 20px; } } .ant-form-item[data-v-a0c7af3e], .ant-radio-wrapper[data-v-a0c7af3e], .ant-radio-group[data-v-a0c7af3e] { font-variant: normal !important; } .ant-message[data-v-a0c7af3e] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-a0c7af3e] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-a0c7af3e] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-a0c7af3e] { display: none; } .ac-media[data-v-a0c7af3e] { background: rgb(255, 255, 255); } .ac-media h2[data-v-a0c7af3e] { font-weight: 500; margin-bottom: 2.5rem; text-align: center; } .ac-media .ac-iamge[data-v-a0c7af3e] { padding-bottom: 3.75rem; } .ac-media .ac-iamge img[data-v-a0c7af3e] { width: 100%; height: 100%; border-radius: 0.5rem; } .ac-media .ac-iamge .swiper-slide[data-v-a0c7af3e] { border-radius: 0.5rem; } .ac-media .ac-iamge .desc[data-v-a0c7af3e] { height: 7.125rem; position: absolute; width: 100%; bottom: 0px; font-size: 1.25rem; font-weight: 500; color: rgb(255, 255, 255); background: linear-gradient(0deg, rgba(58, 50, 36, 0.69) -28.36%, rgba(0, 0, 0, 0) 60.41%); padding: 4.5rem 0px 0px 1.25rem; border-radius: 0px 0px 0.5rem 0.5rem; } .ac-media .ac-video[data-v-a0c7af3e] { padding-bottom: 3.75rem; } .ac-media .video-wrap[data-v-a0c7af3e] { display: flex; } .ac-media .video-wrap .video-box[data-v-a0c7af3e] { width: 33%; margin-right: 1.25rem; border-radius: 0.5rem; } .ac-media .video-wrap .video-box[data-v-a0c7af3e]:nth-child(3) { margin-right: 0px; } .ac-media .video-wrap .video-box.two[data-v-a0c7af3e] { width: 50%; } .ac-media .video-wrap .video-box video[data-v-a0c7af3e] { border-radius: 0.5rem; width: 100%; height: 100%; cursor: pointer; } .ac-media .swiper-button-next[data-v-a0c7af3e], .ac-media .swiper-rtl .swiper-button-prev[data-v-a0c7af3e] { right: 0.625rem; } .ac-media .swiper-button-next[data-v-a0c7af3e], .ac-media .swiper-rtl .swiper-button-prev[data-v-a0c7af3e], .ac-media .swiper-button-prev[data-v-a0c7af3e], .ac-media .swiper-rtl .swiper-button-next[data-v-a0c7af3e] { width: 3.125rem; height: 3.125rem; border-radius: 50%; background: rgba(255, 255, 255, 0.8); border: 0.0625rem solid rgb(204, 204, 204); flex-shrink: 0; top: 40%; } .ac-media .swiper-button-next[data-v-a0c7af3e]::after, .ac-media .swiper-rtl .swiper-button-prev[data-v-a0c7af3e]::after, .ac-media .swiper-button-prev[data-v-a0c7af3e]::after, .ac-media .swiper-rtl .swiper-button-next[data-v-a0c7af3e]::after { font-size: 1.25rem; transition: 0.5s; color: rgb(102, 102, 102); font-family: swiper-icons; letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .AddCartConfirm .ant-modal-confirm-body .anticon-check-circle { color: rgb(11, 192, 99); font-size: 35px; } .AddCartConfirm .ant-modal-confirm-body .ant-modal-confirm-content { margin-left: 61px; } .AddCartConfirm .ant-modal-confirm-body .ant-modal-confirm-content p { margin-bottom: 10px; font-size: 16px; } .AddCartConfirm .ant-modal-confirm-body .ant-modal-confirm-content p .total { color: rgb(230, 77, 67); font-weight: 700; } .AddCartConfirm .ant-modal-confirm-btns { text-align: center; float: none; margin-top: 40px; margin-bottom: 40px; } .AddCartConfirm .ant-modal-confirm-btns button { min-width: 180px; padding: 0px 15px; height: 50px; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 50px; } .AddCartConfirm .ant-modal-confirm-btns button:hover { border-color: rgb(255, 195, 56); } .AddCartConfirm .ant-modal-confirm-btns .ant-btn.ant-btn-primary { border: none; background: rgb(253, 172, 14); margin-left: 10px !important; } .AddCartConfirm .ant-modal-confirm-btns .ant-btn.ant-btn-primary:hover { background: rgb(255, 195, 56); } .AddCartConfirm .ant-modal-confirm-btns .ant-btn span { font-size: 16px; } .product-info-main .countdown { display: inline-block; } .product-info-main .countdown .ant-statistic-content { color: rgb(255, 255, 255); font-size: 1rem; font-weight: 600; } .product-info-main .bf-countdown .ant-statistic-content { color: rgb(0, 0, 0); } .coupon-tips .ant-tooltip-inner { color: rgb(102, 102, 102); width: 38.75rem; padding: 0.625rem; } .app-price-tips .ant-tooltip-inner { color: rgb(51, 51, 51); width: 18.375rem; height: 12.625rem; padding: 0.75rem 0.875rem; box-sizing: border-box; } .app-price-tips .ant-tooltip-inner .down-title { font-size: 1rem; font-weight: 700; text-align: center; margin-bottom: 0.625rem; } .app-price-tips .ant-tooltip-inner .down-title span { color: rgb(255, 95, 68); } .app-price-tips .ant-tooltip-inner .flexed { display: flex; justify-content: space-between; align-items: center; } .app-price-tips .ant-tooltip-inner .flexed .img-l { width: 7.125rem; height: 7.125rem; transform: scale(1.1); margin-right: 0.75rem; } .app-price-tips .ant-tooltip-inner .flexed .img-r-t { width: 8.75rem; margin-bottom: 0.875rem; } .app-price-tips .ant-tooltip-inner .flexed .img-r-b { width: 8.75rem; } [data-v-3c434514]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-3c434514], .detail-wrapper .product-detailed .tablists > ul[data-v-3c434514] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-3c434514], .detail-wrapper .product-detailed .tablists > ul[data-v-3c434514] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-3c434514], .detail-wrapper .product-detailed .tablists > ul[data-v-3c434514] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-3c434514], .detail-wrapper .product-detailed .tablists > ul[data-v-3c434514] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-3c434514], .detail-wrapper .product-detailed .tablists > ul[data-v-3c434514] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-3c434514], .detail-wrapper .product-detailed .tablists > ul[data-v-3c434514] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-3c434514], .detail-wrapper .product-detailed .tablists > ul[data-v-3c434514] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-3c434514], .detail-wrapper .product-detailed .tablists > ul[data-v-3c434514] { padding: 0px 20px; } } .ant-form-item[data-v-3c434514], .ant-radio-wrapper[data-v-3c434514], .ant-radio-group[data-v-3c434514] { font-variant: normal !important; } .ant-message[data-v-3c434514] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-3c434514] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-3c434514] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-3c434514] { display: none; } [data-v-3c434514] #extend-offer .caption { font-size: 0.875rem; } .promotional-red[data-v-3c434514] { color: rgb(230, 77, 67); } [data-v-3c434514] .ant-page-header { padding-left: 0px !important; } .svg-live[data-v-3c434514] { width: 1.25rem; height: 1.0625rem; } .svg-to-minus[data-v-3c434514] { width: 1rem; height: 0.125rem; } .svg-to-plus[data-v-3c434514] { width: 1rem; height: 1rem; } .detail-wrapper[data-v-3c434514] { margin-top: 1.25rem; display: block; width: 100% !important; } .detail-wrapper .details-main[data-v-3c434514] { margin-top: 1.25rem; } .detail-wrapper .details-main[data-v-3c434514]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .detail-wrapper .details-main .product-media[data-v-3c434514], .detail-wrapper .details-main .product-info-main[data-v-3c434514] { float: left; } .detail-wrapper .details-main .product-media[data-v-3c434514] { position: sticky; width: 46%; z-index: 2; } .detail-wrapper .details-main .product-media .swiper-slide .swiper-lazy-preloader[data-v-3c434514] { width: 100%; padding-top: 100%; top: 0px; left: 0px; margin-left: 0px; margin-top: 0px; border-radius: 0.125rem; border: none; background: linear-gradient(90deg, rgb(249, 249, 249) 50%, rgb(241, 241, 241) 60%, rgb(249, 249, 249) 70%) 0% 0% / 600% 100%; animation: 20s linear 0s infinite normal none running shine-3c434514; } @-webkit-keyframes shine-3c434514 { 0% { background-position-x: 400%; } 50% { background-position-x: 0%; } 100% { background-position-x: -400%; } } .detail-wrapper .details-main .product-media .carousel-box[data-v-3c434514] { position: relative; } .detail-wrapper .details-main .product-media .ant-carousel[data-v-3c434514] { min-height: 46rem; } .detail-wrapper .details-main .product-media .video-player-btn[data-v-3c434514] { position: absolute; width: 7.875rem; height: 7.875rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-player-b3cf0f2d.png") left top / 100% 100% no-repeat; top: 38%; left: 0px; right: 0px; margin: auto; display: inline-block; z-index: 4; cursor: pointer; } .detail-wrapper .details-main .product-media .video-iframe[data-v-3c434514], .detail-wrapper .details-main .product-media .three-d-iframe[data-v-3c434514] { position: absolute; top: 0px; left: 0px; z-index: 10; display: none; background-color: rgb(255, 255, 255); } .detail-wrapper .details-main .product-media .live-streaming[data-v-3c434514] { position: absolute; top: 2.0625rem; left: 2.3125rem; z-index: 8; } .detail-wrapper .details-main .product-media .live-streaming a[data-v-3c434514] { display: block; } .detail-wrapper .details-main .product-media .live-streaming .icon-live[data-v-3c434514] { display: block; width: 13.125rem; height: 3.5625rem; padding: 0.3125rem; background: rgba(0, 0, 0, 0.3); border-radius: 6.1875rem; } .detail-wrapper .details-main .product-media .live-streaming .icon-live .icon[data-v-3c434514] { display: inline-block; width: 2.9375rem; height: 2.9375rem; border-radius: 6.1875rem; text-align: center; line-height: 2.9375rem; background: linear-gradient(318.2deg, rgb(215, 159, 85) -18.1%, rgb(218, 180, 129) 85.55%); } .detail-wrapper .details-main .product-media .live-streaming .icon-live .icon svg[data-v-3c434514] { display: inline-block; } .detail-wrapper .details-main .product-media .live-streaming .icon-live .text[data-v-3c434514] { display: inline-block; width: 8.75rem; font-size: 1.5rem; line-height: 1.8125rem; text-align: center; color: rgb(255, 255, 255); } .detail-wrapper .details-main .product-media .icon-list[data-v-3c434514] { position: absolute; top: 0.625rem; right: 0.625rem; z-index: 2; } .detail-wrapper .details-main .product-media .icon-list .three-d-icon[data-v-3c434514] { width: 2.8125rem; height: 2.8125rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-3d-ba7c31c0.png") 0px 0px / cover no-repeat rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 0.8125rem; border-radius: 0.25rem; cursor: pointer; margin-bottom: 0.125rem; border: 0.0625rem solid rgb(255, 255, 255); } .detail-wrapper .details-main .product-media .icon-list .three-d-icon[data-v-3c434514]:hover { border: 0.0625rem solid rgb(0, 0, 0); } .detail-wrapper .details-main .product-media .icon-list .ar_code[data-v-3c434514] { cursor: pointer; width: 2.8125rem; height: 2.8125rem; box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 0.8125rem; border-radius: 0.25rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-ar-4507c78a.png") 0px 0px / cover no-repeat rgb(255, 255, 255); border: 0.0625rem solid rgb(255, 255, 255); } .detail-wrapper .details-main .product-media .icon-list .ar_code[data-v-3c434514]:hover { border: 0.0625rem solid rgb(0, 0, 0); } .detail-wrapper .details-main[data-v-3c434514] .ar-code-popover .ant-popover-inner { border-radius: 0.375rem !important; } .detail-wrapper .details-main[data-v-3c434514] .ar-code-popover .ant-popover-inner-content { padding: 20px 0px; max-width: 250px; } .detail-wrapper .details-main[data-v-3c434514] .ar-code-popover .ant-popover-inner-content #canvas { display: block; position: relative; z-index: 1; margin: -10px auto 0px; } .detail-wrapper .details-main[data-v-3c434514] .ar-code-popover .ant-popover-inner-content .ar-t1 { margin-bottom: 0px; text-align: center; font-weight: 600; } .detail-wrapper .details-main[data-v-3c434514] .ar-code-popover .ant-popover-inner-content .ar-t1, .detail-wrapper .details-main[data-v-3c434514] .ar-code-popover .ant-popover-inner-content .ar-t2 { padding: 0px 20px; font-size: 12px; position: relative; z-index: 2; } .detail-wrapper .details-main[data-v-3c434514] .ar-code-popover .ant-popover-inner-content .ar-t2 { margin-top: -10px; margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main[data-v-3c434514] { width: 54%; padding-left: 3.125rem; } .detail-wrapper .details-main .product-info-main h1[data-v-3c434514] { font-weight: 500; margin-bottom: 0.625rem; font-size: 1.625rem; line-height: 1.9375rem; word-break: keep-all; overflow-wrap: break-word; white-space: pre-wrap; font-style: normal; } .detail-wrapper .details-main .product-info-main p[data-v-3c434514] { margin-bottom: 0.3125rem; } .detail-wrapper .details-main .product-info-main .row[data-v-3c434514] { display: block; margin-bottom: 0.9375rem; } .detail-wrapper .details-main .product-info-main .buy-for[data-v-3c434514] { margin-bottom: 0.625rem; } .detail-wrapper .details-main .product-info-main .reviews[data-v-3c434514], .detail-wrapper .details-main .product-info-main .item-no[data-v-3c434514], .detail-wrapper .details-main .product-info-main .gtin[data-v-3c434514] { display: inline-block; } .detail-wrapper .details-main .product-info-main .item-no[data-v-3c434514] { margin-left: 0.625rem; } .detail-wrapper .details-main .product-info-main .gtin[data-v-3c434514] { margin-left: 1.25rem; } .detail-wrapper .details-main .product-info-main .product-detail-banner img[data-v-3c434514] { width: 100%; cursor: pointer; } .detail-wrapper .details-main .product-info-main .product-detail-banner a[data-v-3c434514] { margin-bottom: 0.625rem; display: block; } .detail-wrapper .details-main .product-info-main .product-detail-banner a[data-v-3c434514]:last-child { margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .price-box[data-v-3c434514] { margin-top: 1.25rem; margin-bottom: 2.1875rem; } .detail-wrapper .details-main .product-info-main .price-box .price-row[data-v-3c434514] { margin-bottom: 0.25rem; } .detail-wrapper .details-main .product-info-main .price-box .plus-icon[data-v-3c434514] { margin-bottom: 0.3125rem; } .detail-wrapper .details-main .product-info-main .price-box .special-price[data-v-3c434514] { vertical-align: middle; margin-right: 0.625rem; line-height: 2.75rem; color: rgb(230, 77, 67); font-size: 2.25rem; font-weight: 500; } .detail-wrapper .details-main .product-info-main .price-box .old-price[data-v-3c434514] { margin-right: 0.625rem; vertical-align: middle; line-height: 1.5; color: rgb(122, 122, 122); font-size: 1.25rem; text-decoration: line-through; } .detail-wrapper .details-main .product-info-main .price-box .price[data-v-3c434514] { margin-right: 0.625rem; vertical-align: middle; line-height: 2.75rem; color: rgb(34, 34, 34); font-size: 2.25rem; font-weight: 500; } .detail-wrapper .details-main .product-info-main .price-box .save-off[data-v-3c434514] { vertical-align: middle; color: rgb(230, 77, 67); font-size: 1.25rem; } .detail-wrapper .details-main .product-info-main .price-box .on-sale[data-v-3c434514] { margin-top: 0px; display: block; line-height: 1.875rem; color: rgb(230, 77, 67); font-size: 1.5rem; font-style: normal; font-weight: 500; margin-bottom: 0.3125rem; } .detail-wrapper .details-main .product-info-main .price-box .on-sale svg[data-v-3c434514] { vertical-align: revert; cursor: pointer; } .detail-wrapper .details-main .product-info-main .price-box .plus-row[data-v-3c434514] { margin: 0.625rem 0px; display: flex; align-items: center; } .detail-wrapper .details-main .product-info-main .price-box .plus-row a[data-v-3c434514] { display: inherit; } .detail-wrapper .details-main .product-info-main .price-box .plus-row svg[data-v-3c434514] { margin-left: 0.3125rem; cursor: pointer; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips[data-v-3c434514] { display: inline-block; border: 0.0625rem solid rgb(51, 51, 51); height: 2.625rem; border-radius: 1.875rem; line-height: 2.625rem; overflow: hidden; white-space: nowrap; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-price[data-v-3c434514], .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-txt[data-v-3c434514] { display: inline-block; vertical-align: top; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .discount[data-v-3c434514], .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .use-code[data-v-3c434514] { display: block; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .use-code[data-v-3c434514] { margin-bottom: 0.625rem; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .discount-con[data-v-3c434514] { width: auto; display: inline-block; padding: 0px 0.625rem; cursor: pointer; background: rgb(249, 249, 249); border-radius: 0.25rem; min-height: 1.875rem; line-height: 1.875rem; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .discount-con svg[data-v-3c434514] { vertical-align: middle; line-height: 1; width: 1.375rem; height: 1.375rem; margin-right: 0.4375rem; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .discount-con .text[data-v-3c434514] { font-size: 0.875rem; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .discount-con .text .check-now[data-v-3c434514] { margin-left: 0.625rem; text-decoration: underline; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-price[data-v-3c434514] { background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-plus-2-eb53d112.png") left top / 3.75rem 100% no-repeat rgb(36, 35, 33); height: 2.5rem; position: relative; margin-right: 1.375rem; padding: 0px 0.625rem 0px 1.5rem; min-width: 7.5rem; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-price[data-v-3c434514]::after { content: ""; position: absolute; top: 0px; right: -1.375rem; width: 2rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-plus-3-99996ec8.png") left top / 100% 100% no-repeat; height: 2.5rem; } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-price span[data-v-3c434514] { font-size: 1.5rem; font-weight: 600; color: rgb(255, 200, 66); } .detail-wrapper .details-main .product-info-main .price-box .plus-row .plus-tips .plus-txt[data-v-3c434514] { padding: 0px 1.25rem 0px 0.625rem; color: rgb(19, 19, 19); } .detail-wrapper .details-main .product-info-main .price-box .discount svg[data-v-3c434514] { vertical-align: middle; line-height: 1; width: 1.5rem; height: 1.3125rem; margin-right: 0.625rem; } .detail-wrapper .details-main .product-info-main .price-box .discount .text[data-v-3c434514] { font-size: 0.875rem; } .detail-wrapper .details-main .product-info-main .price-box .discount .discount-con[data-v-3c434514] { display: inline-block; cursor: pointer; background: rgb(249, 249, 249); border-radius: 0.5rem; height: 1.875rem; line-height: 1.875rem; padding: 0px 0.625rem; } .detail-wrapper .details-main .product-info-main .price-box .discount[data-v-3c434514], .detail-wrapper .details-main .product-info-main .price-box .use-code[data-v-3c434514] { display: block; } .detail-wrapper .details-main .product-info-main .price-box .use-code[data-v-3c434514] { margin-bottom: 0.625rem; } .detail-wrapper .details-main .product-info-main .price-box .app-price[data-v-3c434514] { padding: 0px 0.625rem; margin-bottom: 0.625rem; } .detail-wrapper .details-main .product-info-main .price-box .app-price svg[data-v-3c434514] { vertical-align: middle; margin-right: 0.75rem; } .detail-wrapper .details-main .product-info-main .price-box .app-price span[data-v-3c434514] { font-size: 0.875rem; } .detail-wrapper .details-main .product-info-main .price-box .app-price span strong[data-v-3c434514] { margin: 0px; padding: 0px; color: rgb(230, 77, 67); } .detail-wrapper .details-main .product-info-main .price-box .discount-con[data-v-3c434514] { width: auto; display: inline-block; padding: 0px 0.625rem; cursor: pointer; background: rgb(249, 249, 249); border-radius: 0.25rem; min-height: 1.875rem; line-height: 1.875rem; } .detail-wrapper .details-main .product-info-main .price-box .discount-con svg[data-v-3c434514] { vertical-align: middle; line-height: 1; width: 1.375rem; height: 1.375rem; margin-right: 0.4375rem; } .detail-wrapper .details-main .product-info-main .price-box .discount-con .text[data-v-3c434514] { font-size: 0.875rem; } .detail-wrapper .details-main .product-info-main .price-box .discount-con .text .check-now[data-v-3c434514] { margin-left: 0.625rem; text-decoration: underline; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con[data-v-3c434514] { width: auto; display: inline-block; padding: 0px 0.625rem; cursor: pointer; background: rgba(232, 84, 52, 0.05); border-radius: 0.25rem; min-height: 1.875rem; line-height: 1.875rem; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con svg[data-v-3c434514] { vertical-align: middle; line-height: 1; width: 1.25rem; height: 1rem; margin-right: 0.5625rem; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .svg-box[data-v-3c434514] { display: inline-block; width: 1.5rem; margin-left: 0.625rem; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .copy-svg[data-v-3c434514] { width: 0.9375rem; height: 1rem; margin-right: 0px; outline: none; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .copy-copied-svg[data-v-3c434514] { width: 1rem; height: 0.5625rem; margin-right: 0px; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .use-code-box[data-v-3c434514] { margin-left: 0.875rem; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .code-tips[data-v-3c434514] { font-weight: 700; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .code-tips.isCopied[data-v-3c434514], .detail-wrapper .details-main .product-info-main .price-box .use-code-con .code-tips[data-v-3c434514]:hover { text-decoration: underline dotted rgb(51, 51, 51); } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .text[data-v-3c434514] { font-size: 0.875rem; } .detail-wrapper .details-main .product-info-main .price-box .use-code-con .text .use-code-more[data-v-3c434514] { margin-left: 3.75rem; text-decoration: underline; } .detail-wrapper .details-main .product-info-main .price-box .free-Shipping[data-v-3c434514] { margin-top: 0.625rem; display: block; line-height: 1; color: rgb(51, 51, 51); font-size: 1rem; } .detail-wrapper .details-main .product-info-main .price-box .free-Shipping.inline[data-v-3c434514] { display: inline-block; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap[data-v-3c434514] { margin-bottom: 0.9375rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .coupon-tips-svg[data-v-3c434514] { vertical-align: middle; margin-left: 0.3125rem; cursor: pointer; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .price-drop-con[data-v-3c434514] { background: linear-gradient(90.34deg, rgb(226, 64, 53) 0.06%, rgb(239, 73, 50) 100%); border-radius: 0.25rem; color: rgb(255, 255, 255); padding: 0px 1.25rem 0px 0.875rem; line-height: 1.875rem; display: inline-block; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .end-in[data-v-3c434514] { font-size: 0.875rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .img-decline[data-v-3c434514] { margin: 0px 0.9375rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .icon-time[data-v-3c434514] { margin-right: 0.4375rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .end-days[data-v-3c434514] { font-size: 0.875rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .countdown-time[data-v-3c434514] { float: right; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .end-time[data-v-3c434514] { margin-left: 0.625rem; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .price-drop-bf[data-v-3c434514] { width: 20.5rem; padding: 0.125rem 0px; border-radius: 0.25rem; display: inline-block; background: url("https://ca-static.costway.ca/assets/1760598923/images/bf1-3be66a39.png") center center / 100% 100% no-repeat; } .detail-wrapper .details-main .product-info-main .price-box .price-drop-wrap .price-drop-bf .end-in[data-v-3c434514] { margin-left: 10.9375rem; color: rgb(0, 0, 0); } .detail-wrapper .details-main .product-info-main #product_banner_btn[data-v-3c434514] { margin-top: 0.9375rem; } .detail-wrapper .details-main .product-info-main .worryfree[data-v-3c434514] { padding: 0.9375rem 0px; } .detail-wrapper .details-main .product-info-main .worryfree img[data-v-3c434514] { vertical-align: -0.125rem; } .detail-wrapper .details-main .product-info-main .extend-box[data-v-3c434514] { margin-top: 2.5rem; } .detail-wrapper .details-main .product-info-main .extend-box .extend-title[data-v-3c434514] { font-size: 1.125rem; margin-bottom: 0.5rem; display: inline-block; } .detail-wrapper .details-main .product-info-main .extend-box .extend-dec[data-v-3c434514] { font-size: 0.875rem; margin-bottom: 0.9375rem; } .detail-wrapper .details-main .product-info-main .extend-box .extend-dec img[data-v-3c434514] { vertical-align: sub; margin-left: 0.1875rem; margin-right: 0.3125rem; } .detail-wrapper .details-main .product-info-main .extend-box .extend-dec span[data-v-3c434514] { cursor: pointer; text-decoration: underline; } .detail-wrapper .details-main .product-info-main .extend-box .extend-price[data-v-3c434514] { display: flex; } .detail-wrapper .details-main .product-info-main .extend-box .extend-price li[data-v-3c434514] { cursor: pointer; width: 32%; margin-right: 0.625rem; border: 0.0625rem solid rgb(249, 249, 249); border-radius: 0.375rem; background: rgb(249, 249, 249); padding: 0.625rem 1.25rem; box-sizing: border-box; position: relative; text-align: center; } .detail-wrapper .details-main .product-info-main .extend-box .extend-price li[data-v-3c434514]:hover { border: 0.0625rem solid rgb(253, 172, 14); background: rgb(255, 249, 238); } .detail-wrapper .details-main .product-info-main .extend-box .extend-price li.checked[data-v-3c434514] { border: 0.0625rem solid rgb(253, 172, 14); background: rgb(255, 249, 238); color: rgb(253, 172, 14); } .detail-wrapper .details-main .product-info-main .extend-box .extend-price li.checked[data-v-3c434514]::after { content: ""; display: inline-block; width: 1.6875rem; height: 1.6875rem; position: absolute; background: url("https://ca-static.costway.ca/assets/1760598923/images/extend2-8623f971.png") right bottom / 100% 100% no-repeat; bottom: 0px; right: 0px; z-index: 0; } .detail-wrapper .details-main .product-info-main .extend-box .extend-price li[data-v-3c434514]:last-child { margin-right: 0px; } .detail-wrapper .details-main .product-info-main .klarna-tips[data-v-3c434514] { margin-top: 1.875rem; } .detail-wrapper .details-main .product-info-main .klarna-tips[data-v-3c434514] ::part(osm-container) { border: none; padding: 0px; font-family: Poppins-Regular; } .detail-wrapper .details-main .product-info-main .klarna-tips[data-v-3c434514] ::part(osm-message) { margin-left: -0.375rem; } .detail-wrapper .details-main .product-info-main .klarna-tips[data-v-3c434514] ::part(osm-cta) { font-family: Poppins-Regular; } .detail-wrapper .details-main .product-info-main .klarna-tips[data-v-3c434514] ::part(osm-badge) { width: 3.125rem; } .detail-wrapper .details-main .product-info-main .klarna-tips-chairs[data-v-3c434514] { margin-top: 0.625rem; margin-bottom: 0.625rem; } .detail-wrapper .details-main .product-info-main .promo a[data-v-3c434514] { display: block; } .detail-wrapper .details-main .product-info-main .promo img[data-v-3c434514] { width: 100%; height: auto; } .detail-wrapper .details-main .product-info-main .attrs dl[data-v-3c434514] { margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .attrs dt[data-v-3c434514] { margin-bottom: 1.25rem; } .detail-wrapper .details-main .product-info-main .attrs .attrs-text[data-v-3c434514] { margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item[data-v-3c434514] { display: inline-block; width: 5rem; height: 5rem; background: rgb(255, 255, 255); color: rgb(85, 85, 85); border: 0.0625rem solid rgb(204, 204, 204); box-sizing: border-box; border-radius: 0.25rem; margin-right: 0.625rem; margin-top: 0.625rem; margin-bottom: 0px; padding: 0.5rem; user-select: none; cursor: pointer; position: relative; overflow: hidden; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item[data-v-3c434514]:hover { color: rgb(34, 34, 34); border: 0.0625rem solid rgb(34, 34, 34); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item img[data-v-3c434514] { width: 100%; height: 100%; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.current[data-v-3c434514] { color: rgb(34, 34, 34); border: 0.0625rem solid rgb(34, 34, 34); border-radius: 0.25rem; pointer-events: none; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.current[data-v-3c434514]::after { content: ""; display: inline-block; width: 1.375rem; height: 1.375rem; position: absolute; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_configurable_checked1-09d8c548.png") right bottom / 100% 100% no-repeat; bottom: 0px; right: 0px; z-index: 1; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.disabled[data-v-3c434514] { border: 0.0625rem solid rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.disabled img[data-v-3c434514] { opacity: 0.5; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.disabled[data-v-3c434514]::before { opacity: 0.6; z-index: 1; content: ""; position: absolute; left: 0px; top: -0.125rem; width: 100%; height: 5rem; box-sizing: border-box; border-bottom: 0.0625rem solid rgb(204, 204, 204); transform-origin: right bottom; transform: rotate(45deg) scale(1.4); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText[data-v-3c434514] { width: auto; height: auto; margin-right: 0.625rem; margin-top: 1.25rem; padding: 0.3125rem 1.25rem; user-select: none; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.current[data-v-3c434514]::after { content: ""; display: inline-block; width: 1.375rem; height: 1.375rem; position: absolute; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_configurable_checked1-09d8c548.png") right bottom / 100% 100% no-repeat; bottom: 0px; right: 0px; z-index: 1; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.disabled[data-v-3c434514] { border: 0.0625rem dashed rgb(204, 204, 204); color: rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.disabled.current[data-v-3c434514], .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.disabled[data-v-3c434514]:hover { border: 0.0625rem dashed rgb(0, 0, 0) !important; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.pdpText.disabled[data-v-3c434514]::before { display: none !important; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size[data-v-3c434514] { width: auto; height: auto; margin-right: 0.625rem; margin-top: 1.25rem; padding: 0.3125rem 1.25rem; user-select: none; } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size.disabled[data-v-3c434514] { color: rgb(204, 204, 204); border: 0.0625rem dashed rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size.disabled.current[data-v-3c434514] { color: rgb(204, 204, 204); border: 0.0625rem dashed rgb(0, 0, 0); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size.disabled[data-v-3c434514]:hover { border: 0.0625rem dashed rgb(0, 0, 0); } .detail-wrapper .details-main .product-info-main .attrs .attrs-item.size.disabled[data-v-3c434514]::before { display: none; } .detail-wrapper .details-main .product-info-main .attrs .pdpAssociatedProducts[data-v-3c434514] { width: auto; height: 2.1875rem; line-height: 2.1875rem; padding: 0px 1.25rem; } .detail-wrapper .details-main .product-info-main .attrs .pdpAssociatedProducts.current[data-v-3c434514]::after { content: ""; display: inline-block; width: 1.375rem; height: 1.375rem; position: absolute; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_configurable_checked1-09d8c548.png") right bottom / 100% 100% no-repeat; bottom: 0px; right: 0px; z-index: 1; } .detail-wrapper .details-main .product-info-main .attrs .pdpAssociatedProducts.disabled[data-v-3c434514] { border: 0.0625rem dashed rgb(204, 204, 204); color: rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .attrs .pdpAssociatedProducts.disabled.current[data-v-3c434514], .detail-wrapper .details-main .product-info-main .attrs .pdpAssociatedProducts.disabled[data-v-3c434514]:hover { border: 0.0625rem dashed rgb(0, 0, 0) !important; } .detail-wrapper .details-main .product-info-main .attrs .pdpAssociatedProducts.disabled[data-v-3c434514]::before { display: none !important; } .detail-wrapper .details-main .product-info-main .qty_box[data-v-3c434514] { margin-top: 2.1875rem; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .btn[data-v-3c434514], .detail-wrapper .details-main .product-info-main .qty_box .numCon .Quantity[data-v-3c434514] { float: left; height: 3.125rem; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .btn[data-v-3c434514] { display: block; border: 0.0625rem solid rgb(204, 204, 204); width: 2.5625rem; background-color: rgb(255, 255, 255); outline: none; cursor: pointer; font-size: 0px; overflow: hidden; user-select: none; text-align: center; color: rgb(51, 51, 51); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .btn:hover svg path[data-v-3c434514] { fill: rgb(230, 77, 67); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .btn[data-v-3c434514]:focus { border: 0.0625rem solid rgb(184, 165, 134); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .Quantity[data-v-3c434514] { width: 2.5625rem; border-radius: 0px; border-color: rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .Quantity[data-v-3c434514] .ant-input-number-input { height: 3.125rem; text-align: center; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toMinus[data-v-3c434514] { border-right: 0px; border-top-left-radius: 1.5625rem; border-bottom-left-radius: 1.5625rem; padding-left: 0.25rem; line-height: 3.125rem; user-select: none; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toPlus[data-v-3c434514] { height: 3.125rem; border-left: 0px; border-top-right-radius: 1.5625rem; border-bottom-right-radius: 1.5625rem; padding-right: 0.25rem; line-height: 3.125rem; user-select: none; display: flex; align-items: center; justify-content: space-around; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toMinus svg path[data-v-3c434514], .detail-wrapper .details-main .product-info-main .qty_box .numCon .toPlus svg path[data-v-3c434514] { fill: rgb(51, 51, 51); } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toMinus.disabled[data-v-3c434514], .detail-wrapper .details-main .product-info-main .qty_box .numCon .toPlus.disabled[data-v-3c434514] { cursor: not-allowed; pointer-events: none; } .detail-wrapper .details-main .product-info-main .qty_box .numCon .toMinus.disabled svg path[data-v-3c434514], .detail-wrapper .details-main .product-info-main .qty_box .numCon .toPlus.disabled svg path[data-v-3c434514] { fill: rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .isinstock[data-v-3c434514] { margin-top: 0.625rem; } .detail-wrapper .details-main .product-info-main .button-min-group[data-v-3c434514] { display: flex; flex-wrap: nowrap; } .detail-wrapper .details-main .product-info-main .button-min-group .numCon[data-v-3c434514], .detail-wrapper .details-main .product-info-main .button-min-group .add-button[data-v-3c434514], .detail-wrapper .details-main .product-info-main .button-min-group .wish-button[data-v-3c434514] { margin-right: 0.625rem; } .detail-wrapper .details-main .product-info-main .button-min-group .wish-button[data-v-3c434514] .add-wish.circle { width: 3.125rem; height: 3.125rem; } .detail-wrapper .details-main .product-info-main .button-min-group .numCon[data-v-3c434514], .detail-wrapper .details-main .product-info-main .button-min-group .wish-button[data-v-3c434514] { flex-grow: 0; } .detail-wrapper .details-main .product-info-main .button-min-group .add-button[data-v-3c434514] { display: flex; margin-right: 0px; } .detail-wrapper .details-main .product-info-main .button-min-group .add[data-v-3c434514] { display: block; border: 0.0625rem solid rgb(255, 95, 68); width: 15.4375rem; height: 3.125rem; color: rgb(255, 95, 68); font-size: 1.25rem; border-radius: 1.5625rem; margin-right: 0.625rem; } .detail-wrapper .details-main .product-info-main .button-min-group .buynow[data-v-3c434514] { display: block; border: 0px; width: 15.4375rem; height: 3.125rem; color: rgb(255, 255, 255); font-size: 1.25rem; border-radius: 1.5625rem; background: rgb(255, 95, 68); } .detail-wrapper .details-main .product-info-main .button-min-group .buynow[data-v-3c434514]:hover { background: rgb(255, 111, 87); } .detail-wrapper .details-main .product-info-main .button-min-group .instock-subscribe[data-v-3c434514] { width: 30.375rem; height: 3.125rem; border: 0.09375rem solid rgb(204, 204, 204); font-size: 1.125rem; text-align: center; line-height: 3.125rem; border-radius: 1.5625rem; margin-right: 0.625rem; cursor: pointer; } .detail-wrapper .details-main .product-info-main .button-group[data-v-3c434514] { margin-top: 2.5rem; } .detail-wrapper .details-main .product-info-main .button-group > button[data-v-3c434514] { display: inline-block; vertical-align: middle; } .detail-wrapper .details-main .product-info-main .button-group .add[data-v-3c434514], .detail-wrapper .details-main .product-info-main .button-group .buy[data-v-3c434514] { font-size: 1.25rem; width: 15rem; height: 3.75rem; margin-right: 1.25rem; } .detail-wrapper .details-main .product-info-main .button-group button[data-v-3c434514]:first-child { margin-left: 0px; } .detail-wrapper .details-main .product-info-main .button-group .buy[data-v-3c434514] { background: rgb(255, 95, 68); border-color: rgb(255, 95, 68); } .detail-wrapper .details-main .product-info-main .button-group .buy[data-v-3c434514]:hover { opacity: 0.8; } .detail-wrapper .details-main .product-info-main .product-point[data-v-3c434514] { font-size: 0.875rem; margin-top: 1.875rem; } .detail-wrapper .details-main .product-info-main .product-point img[data-v-3c434514] { width: 0.9375rem; height: 1.0625rem; margin: 0px 0.625rem 0px 0px; } .detail-wrapper .details-main .product-info-main .product-point a[data-v-3c434514] { text-decoration: underline; } .detail-wrapper .details-main .product-info-main .product-point span[data-v-3c434514] { margin-right: 0.625rem; } .detail-wrapper .details-main .product-info-main .product-point .login[data-v-3c434514] { color: rgb(253, 172, 14); text-decoration: underline; cursor: pointer; } .detail-wrapper .details-main .product-info-main .product-mark[data-v-3c434514] { margin-top: 1.25rem; width: 100%; background: rgb(249, 249, 249); cursor: pointer; } .detail-wrapper .details-main .product-info-main .product-mark .product-mark-en[data-v-3c434514] { display: flex; justify-content: space-between; border-radius: 0.375rem; white-space: nowrap; height: 3.125rem; text-align: center; line-height: 3.125rem; padding: 0px 0.625rem; } .detail-wrapper .details-main .product-info-main .product-mark .product-mark-fr[data-v-3c434514] { border-radius: 0.375rem; padding: 0.625rem 1.25rem 0px; } .detail-wrapper .details-main .product-info-main .product-mark span[data-v-3c434514] { display: inline-block; margin-right: 1.4375rem; color: rgb(102, 102, 102); font-size: 0.875rem; margin-bottom: 0.625rem; white-space: nowrap; } .detail-wrapper .details-main .product-info-main .product-mark span[data-v-3c434514]:last-child { margin-right: 0px; } .detail-wrapper .details-main .product-info-main .product-mark span[data-v-3c434514]::before { z-index: 1; content: ""; display: inline-block; vertical-align: middle; margin-right: 0.5rem; background-position: center center; background-size: auto 100%; background-repeat: no-repeat; } .detail-wrapper .details-main .product-info-main .product-mark span.free[data-v-3c434514]::before { width: 1.75rem; height: 1.4375rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/icon-free-2-ec9c7bd4.png"); } .detail-wrapper .details-main .product-info-main .product-mark span.warranty[data-v-3c434514]::before { width: 1.4375rem; height: 1.6875rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/icon-warranty-f8d93cb2.png"); background-position: left center; } .detail-wrapper .details-main .product-info-main .product-mark span.return[data-v-3c434514]::before { width: 1.6875rem; height: 1.625rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/icon-choice-89955d82.png"); } .detail-wrapper .details-main .product-info-main .massagechair-manual[data-v-3c434514] { border-top: 0.0625rem solid rgb(240, 240, 240); border-bottom: 0.0625rem solid rgb(240, 240, 240); padding: 1.25rem 0px; margin: 1.25rem 0px; } .detail-wrapper .details-main .product-info-main .massagechair-manual .msc-top[data-v-3c434514] { display: flex; justify-content: space-between; align-items: center; } .detail-wrapper .details-main .product-info-main .massagechair-manual .msc-top .msc-l[data-v-3c434514] { display: flex; align-items: center; } .detail-wrapper .details-main .product-info-main .massagechair-manual .msc-top .msc-l h3[data-v-3c434514] { margin-bottom: 0px; font-size: 1.125rem; font-weight: 700; margin-right: 0.3125rem; } .detail-wrapper .details-main .product-info-main .massagechair-manual .msc-top .msc-l img[data-v-3c434514] { width: 1.375rem; height: 1.375rem; } .detail-wrapper .details-main .product-info-main .massagechair-manual .msc-top .msc-r[data-v-3c434514] { width: 3.125rem; height: 3.125rem; text-align: right; line-height: 3.125rem; cursor: pointer; margin-right: 1rem; } .detail-wrapper .details-main .product-info-main .massagechair-manual .msc-top .msc-r .msc-icon[data-v-3c434514] { display: inline-block; font-size: 1.25rem; transform: rotate(90deg); transition: transform 0.3s; } .detail-wrapper .details-main .product-info-main .massagechair-manual .msc-top .msc-r .msc-icon.msc-down[data-v-3c434514] { transform: rotate(270deg); } .detail-wrapper .details-main .product-info-main .massagechair-manual h4[data-v-3c434514] { font-size: 1rem; margin: 0.3125rem 0px 0.625rem; } .detail-wrapper .details-main .product-info-main .massagechair-manual ul[data-v-3c434514] { height: 10rem; background-color: rgb(249, 249, 249); display: flex; flex-direction: column; justify-content: space-evenly; padding-left: 1.125rem; margin-bottom: 0.9375rem; } .detail-wrapper .details-main .product-info-main .massagechair-manual .massagechair-btn[data-v-3c434514] { text-decoration: underline; color: rgb(255, 200, 66); font-size: 1rem; cursor: pointer; } .detail-wrapper .details-main .product-info-main .texts[data-v-3c434514] .ant-collapse-header h2 { font-weight: 500; font-size: 1.25rem; line-height: 2rem; margin-bottom: 0px; } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless[data-v-3c434514] { background-color: transparent; } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless > .ant-collapse-item[data-v-3c434514] { border-bottom-color: rgb(204, 204, 204); } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless > .ant-collapse-item[data-v-3c434514] .ant-collapse-arrow { transform: rotate(90deg); } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless > .ant-collapse-item.ant-collapse-item-active[data-v-3c434514] .ant-collapse-arrow { transform: rotate(180deg); } .detail-wrapper .details-main .product-info-main .texts .ant-collapse-borderless > .ant-collapse-item[data-v-3c434514]:last-child { border-bottom: 0px; } .detail-wrapper .details-main .product-info-main .texts[data-v-3c434514] .key_features { line-height: 1.875rem; margin-bottom: 1rem; } .detail-wrapper .details-main .product-info-main .texts[data-v-3c434514] .key_features p { margin-bottom: 0px; overflow-wrap: break-word; word-break: normal; white-space: normal; } .detail-wrapper .details-main .product-info-main .texts[data-v-3c434514] .key_features ul > li { display: block; width: 100%; white-space: pre-wrap; overflow-wrap: break-word; word-break: normal; } .detail-wrapper .details-main .product-info-main .texts[data-v-3c434514] .product-care { line-height: 1.875rem; margin-bottom: 1rem; } .detail-wrapper .details-main .product-info-main .texts[data-v-3c434514] .product-care p { margin-bottom: 0px; overflow-wrap: break-word; word-break: normal; white-space: normal; } .detail-wrapper .details-main .product-info-main .texts[data-v-3c434514] .product-care ul > li { display: block; width: 100%; white-space: pre-wrap; overflow-wrap: break-word; } .detail-wrapper .details-main .product-info-main .texts .see-more[data-v-3c434514] { color: rgb(253, 172, 14); cursor: pointer; } .detail-wrapper .first_review[data-v-3c434514] { text-decoration: underline; } .detail-wrapper .product-detailed[data-v-3c434514] { margin-top: 4.0625rem; width: 100%; } .detail-wrapper .product-detailed .tablists[data-v-3c434514] { padding: 0.9375rem 0px 0px; text-align: left; background-color: rgb(255, 255, 255); } @media only screen and (max-width: 1600px) { .detail-wrapper .product-detailed .tablists[data-v-3c434514] { padding: 0.625rem 0px 0px; } } .detail-wrapper .product-detailed .tablists li[data-v-3c434514] { display: inline-block; padding: 0px 0.9375rem 0.9375rem; margin: 0px 1%; font-size: 1.25rem; text-align: center; line-height: 1; cursor: pointer; border-bottom: 0.3125rem solid transparent; } .detail-wrapper .product-detailed .tablists li[data-v-3c434514]:first-child { margin-left: 0px; } @media only screen and (max-width: 1600px) { .detail-wrapper .product-detailed .tablists li[data-v-3c434514] { font-size: 1rem; padding-bottom: 0.625rem; border-bottom: 0.125rem solid rgb(255, 255, 255); } } .detail-wrapper .product-detailed .tablists li.current[data-v-3c434514] { border-bottom: 0.3125rem solid rgb(253, 172, 14); } @media only screen and (max-width: 1600px) { .detail-wrapper .product-detailed .tablists li.current[data-v-3c434514] { border-bottom: 0.125rem solid rgb(253, 172, 14); } } .detail-wrapper .product-detailed .tablists li > h2[data-v-3c434514] { font-size: inherit; } .detail-wrapper .product-detailed .tablists-container[data-v-3c434514] { background: rgb(249, 249, 249); border-top: 0.0625rem solid rgb(204, 204, 204); } .detail-wrapper .product-detailed .tablists-container > div[data-v-3c434514] { display: block; } .detail-wrapper .product-detailed .tablists-container .reviews-con[data-v-3c434514], .detail-wrapper .product-detailed .tablists-container .faq-con[data-v-3c434514], .detail-wrapper .product-detailed .tablists-container .manuals-con[data-v-3c434514], .detail-wrapper .product-detailed .tablists-container .shipping-con[data-v-3c434514], .detail-wrapper .product-detailed .tablists-container .large-order-con[data-v-3c434514], .detail-wrapper .product-detailed .tablists-container .description-main[data-v-3c434514] { padding-top: 3rem; padding-bottom: 3rem; } .detail-wrapper .product-detailed .tablists-container .description-main[data-v-3c434514] { background-color: rgb(255, 255, 255); padding: 2.5rem 0px !important; } .detail-wrapper .product-detailed .tablists-container .description-main .content h2[data-v-3c434514] { font-size: 1.25rem !important; } .detail-wrapper .product-detailed .tablists-container .description-main .content .con[data-v-3c434514] { color: rgb(51, 51, 51) !important; } .detail-wrapper .product-detailed .tablists-container .description-main .content .con p[data-v-3c434514] { font-size: 1.125rem; margin-bottom: 0px !important; } .detail-wrapper .product-detailed .tablists-container .reviews-con.withe[data-v-3c434514] { background: rgb(255, 255, 255); } .detail-wrapper .product-detailed .tablists-container .manuals-con[data-v-3c434514], .detail-wrapper .product-detailed .tablists-container .faq-con[data-v-3c434514] { margin-top: 0px; padding-top: 3rem; background-color: rgb(255, 255, 255); } .detail-wrapper .product-detailed .tablists-container .manuals-con .title[data-v-3c434514] { color: rgb(51, 51, 51); font-size: 1.25rem; } .detail-wrapper .product-detailed .tablists-container .manuals-con .pdf-files[data-v-3c434514] { display: inline-block; margin-right: 10rem; margin-top: 3rem; color: rgb(255, 95, 68); font-size: 1.25rem; text-align: center; } .detail-wrapper .product-detailed .tablists-container .manuals-con .pdf-files .icon-pdf[data-v-3c434514] { display: block; margin: 0px auto 1.5rem; width: 2.625rem; height: 3.125rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-pdf222-09e18b44.png") left top / 100% 100% no-repeat; } .detail-wrapper .product-detailed .tablists-container .manuals-con .no-data[data-v-3c434514] { padding: 1.25rem 0px; } .detail-wrapper .description-con[data-v-3c434514] { background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); padding: 3rem 0px; } .detail-wrapper .description-con.white_bg[data-v-3c434514] { background-color: rgb(255, 255, 255); } .detail-wrapper .description-con[data-v-3c434514] img { width: auto; } @media only screen and (max-width: 1024px) { .detail-wrapper .description-con[data-v-3c434514] img { width: 100%; } } .detail-wrapper .description-con .overview-video[data-v-3c434514] { width: 100%; height: 36.25rem; margin-bottom: 1.25rem; } .detail-wrapper .description-con h4[data-v-3c434514], .detail-wrapper .description-con h6[data-v-3c434514] { padding: 1.25rem 0.25rem 0.3125rem; box-sizing: border-box; margin: 0.9375rem 0px 1rem; font-size: 1.25rem; color: rgb(0, 0, 0); } .detail-wrapper .description-con .introduceList[data-v-3c434514], .detail-wrapper .description-con .specificationsList[data-v-3c434514] { padding: 1.25rem 1rem; background: rgb(255, 255, 255); overflow: hidden; } .detail-wrapper .description-con .introduceList[data-v-3c434514] ul > li, .detail-wrapper .description-con .specificationsList[data-v-3c434514] ul > li { display: block; width: 100%; } .detail-wrapper .description-con .specificationsList[data-v-3c434514] ul > li { float: left; line-height: 2; color: rgb(68, 68, 68); margin-right: 4%; width: 46% !important; background: rgb(255, 255, 255) !important; } .detail-wrapper .description-con .overview-main[data-v-3c434514] { text-align: center; } .detail-wrapper .description-con .overview-main[data-v-3c434514] video { max-width: 100%; } .detail-wrapper .description-con .overview-main[data-v-3c434514] img { max-width: 100%; } .detail-wrapper .description-con .introduceList p[data-v-3c434514] { text-align: justify; line-height: 2; color: rgb(68, 68, 68); } .detail-wrapper .description-con .row:first-child h4[data-v-3c434514], .detail-wrapper .description-con .row:first-child h6[data-v-3c434514] { margin-top: 0px; padding-top: 0px; } .detail-wrapper .out-of-stock-main[data-v-3c434514], .detail-wrapper .out-of-stock-wish[data-v-3c434514] { display: inline-block; } .detail-wrapper .empty h3[data-v-3c434514] { font-size: 1.5rem; } .detail-wrapper .empty p[data-v-3c434514] { font-size: 1.125rem; color: rgb(34, 34, 34); } .detail-wrapper .product-main-image[data-v-3c434514] { --swiper-theme-color: $brand-red; --swiper-preloader-color: #333; } .detail-wrapper .product-main-image .swiper-slide img[data-v-3c434514] { margin: 0px auto; width: 100%; height: auto; } .detail-wrapper .product-main-image .product-main-prev[data-v-3c434514], .detail-wrapper .product-main-image .swiper-rtl .product-main-prev[data-v-3c434514] { left: 0.625rem; right: auto; } .detail-wrapper .product-main-image .product-main-prev[data-v-3c434514]::after, .detail-wrapper .product-main-image .swiper-rtl .product-main-prev[data-v-3c434514]::after { content: "prev"; } .detail-wrapper .product-main-image .product-main-next[data-v-3c434514], .detail-wrapper .product-main-image .swiper-rtl .product-main-next[data-v-3c434514] { right: 0.625rem; left: auto; } .detail-wrapper .product-main-image .product-main-next[data-v-3c434514]::after, .detail-wrapper .product-main-image .swiper-rtl .product-main-next[data-v-3c434514]::after { content: "next"; } .detail-wrapper .product-main-image .product-main-next[data-v-3c434514], .detail-wrapper .product-main-image .product-main-prev[data-v-3c434514] { position: absolute; width: 3.125rem; height: 3.125rem; border-radius: 1.5625rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(244, 244, 244); transform: translateY(-50%); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0.5; transition: 0.5s; color: rgb(122, 122, 122) !important; top: 50% !important; } @media only screen and (max-width: 1600px) { .detail-wrapper .product-main-image .product-main-next[data-v-3c434514], .detail-wrapper .product-main-image .product-main-prev[data-v-3c434514] { width: 3rem; height: 3rem; border-radius: 1.5rem; } } .detail-wrapper .product-main-image .product-main-next[data-v-3c434514]:hover, .detail-wrapper .product-main-image .product-main-prev[data-v-3c434514]:hover { border: 0.0625rem solid rgb(253, 172, 14); transition: 0.5s; background-color: rgb(255, 249, 238); opacity: 1; } .detail-wrapper .product-main-image .product-main-next[data-v-3c434514]:hover::after, .detail-wrapper .product-main-image .product-main-prev[data-v-3c434514]:hover::after { color: rgb(253, 172, 14); } .detail-wrapper .product-main-image .product-main-next[data-v-3c434514]::after, .detail-wrapper .product-main-image .product-main-prev[data-v-3c434514]::after { font-size: 1.25rem; transition: 0.5s; color: rgb(253, 172, 14); font-family: swiper-icons; letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } @media only screen and (max-width: 1600px) { .detail-wrapper .product-main-image .product-main-next[data-v-3c434514]::after, .detail-wrapper .product-main-image .product-main-prev[data-v-3c434514]::after { font-size: 1.125rem; } } .detail-wrapper .product-main-image .product-main-next.swiper-button-disabled[data-v-3c434514], .detail-wrapper .product-main-image .product-main-prev.swiper-button-disabled[data-v-3c434514] { filter: grayscale(100%); cursor: auto; opacity: 0; } .detail-wrapper .product-main-image .product-main-next.swiper-button-disabled[data-v-3c434514]:hover, .detail-wrapper .product-main-image .product-main-prev.swiper-button-disabled[data-v-3c434514]:hover { border: 0.0625rem solid rgb(244, 244, 244); } .detail-wrapper .product-main-image .product-main-next.swiper-button-disabled[data-v-3c434514]:hover::after, .detail-wrapper .product-main-image .product-main-prev.swiper-button-disabled[data-v-3c434514]:hover::after { color: rgb(253, 172, 14); } .detail-wrapper .product-main-prev[data-v-3c434514]::after { margin-right: 0.125rem; } .detail-wrapper .product-main-next[data-v-3c434514]::after { margin-left: 0.125rem; } .detail-wrapper .product-thumb[data-v-3c434514] { margin-top: 1.25rem; position: relative; } .detail-wrapper .product-thumb .product-thumbs-image[data-v-3c434514] { width: 81%; margin: 0px auto; --swiper-theme-color: $brand-red; --swiper-preloader-color: #999; } .detail-wrapper .product-thumb .product-thumbs-image .swiper-slide[data-v-3c434514] { overflow: hidden; box-sizing: border-box; cursor: pointer; } .detail-wrapper .product-thumb .product-thumbs-image .swiper-slide img[data-v-3c434514] { margin: 0px auto; max-width: 4.375rem; width: 100%; height: 100%; } .detail-wrapper .product-thumb .product-thumbs-image .swiper-slide.swiper-slide-thumb-active img[data-v-3c434514] { border: 0.0625rem solid rgb(253, 172, 14); border-radius: 0.25rem; box-shadow: rgba(171, 140, 98, 0.2) 0px 0px 0.6875rem 0.125rem; } .detail-wrapper .product-thumb .product-min-prev[data-v-3c434514], .detail-wrapper .product-thumb .swiper-rtl .product-min-prev[data-v-3c434514] { left: 0px; right: auto; } .detail-wrapper .product-thumb .product-min-prev[data-v-3c434514]::after, .detail-wrapper .product-thumb .swiper-rtl .product-min-prev[data-v-3c434514]::after { content: "prev"; } .detail-wrapper .product-thumb .product-min-next[data-v-3c434514], .detail-wrapper .product-thumb .swiper-rtl .product-min-next[data-v-3c434514] { right: 0px; left: auto; } .detail-wrapper .product-thumb .product-min-next[data-v-3c434514]::after, .detail-wrapper .product-thumb .swiper-rtl .product-min-next[data-v-3c434514]::after { content: "next"; } .detail-wrapper .product-thumb .product-min-next[data-v-3c434514], .detail-wrapper .product-thumb .product-min-prev[data-v-3c434514] { position: absolute; width: 3.125rem; height: 3.125rem; border-radius: 1.5625rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(244, 244, 244); transform: translateY(-50%); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.5s; color: rgb(80, 79, 79) !important; top: 50% !important; } .detail-wrapper .product-thumb .product-min-next[data-v-3c434514]:hover, .detail-wrapper .product-thumb .product-min-prev[data-v-3c434514]:hover { border: 0.0625rem solid rgb(253, 172, 14); transition: 0.5s; } .detail-wrapper .product-thumb .product-min-next[data-v-3c434514]:hover::after, .detail-wrapper .product-thumb .product-min-prev[data-v-3c434514]:hover::after { transition: 0.5s; color: rgb(253, 172, 14); } .detail-wrapper .product-thumb .product-min-next[data-v-3c434514]::after, .detail-wrapper .product-thumb .product-min-prev[data-v-3c434514]::after { font-size: 1.125rem; font-family: swiper-icons; letter-spacing: 0px; font-variant: initial; line-height: 1; transition: 0.5s; text-transform: none !important; } .detail-wrapper .product-thumb .product-min-next.swiper-button-disabled[data-v-3c434514], .detail-wrapper .product-thumb .product-min-prev.swiper-button-disabled[data-v-3c434514] { opacity: 0.35; cursor: auto; pointer-events: none; } .detail-wrapper .full-screen[data-v-3c434514] { position: fixed; top: 0px; left: 0px; background-color: rgb(255, 255, 255); z-index: 2147483647; width: 100%; height: 100%; display: block; } .detail-wrapper .full-screen .product-main-image[data-v-3c434514] { height: calc(-7.5rem + 100vh); } .detail-wrapper .full-screen .product-main-image img[data-v-3c434514] { display: block; height: 100%; width: auto; margin: 0px auto; } .detail-wrapper .full-screen .product-thumb[data-v-3c434514] { margin-left: auto; margin-right: auto; width: 100%; } .detail-wrapper .full-screen .product-thumb .product-min-next[data-v-3c434514], .detail-wrapper .full-screen .product-thumb .product-min-prev[data-v-3c434514] { display: none; } .detail-wrapper .full-screen .close-full-screen[data-v-3c434514] { position: absolute; top: 1.875rem; right: 2.5rem; width: 3.75rem; height: 3.75rem; background: url("https://ca-static.costway.ca/assets/1760598923/close-1fa7269d.webp") left top / 100% 100% no-repeat; z-index: 2147483647; cursor: pointer; } .installation_services[data-v-3c434514] { padding-bottom: 0.3125rem; } .installation_services span[data-v-3c434514] { padding: 0.625rem 0px; cursor: pointer; color: rgb(253, 172, 14); text-decoration: underline; } .installation_services img[data-v-3c434514] { margin-right: 0.3125rem; } .ac-recommend[data-v-3c434514] { display: flex; justify-content: space-between; align-items: center; padding: 0.9375rem 3.125rem 0.9375rem 0px; border-top: 0.0625rem solid rgb(240, 240, 240); border-bottom: 0.0625rem solid rgb(240, 240, 240); } .ac-recommend .icon-ac[data-v-3c434514] { width: 1.75rem; height: 1.375rem; } .ac-recommend h2[data-v-3c434514] { font-size: 1.125rem; display: inline-block; margin-right: 0.9375rem; } .ac-recommend .ac-more[data-v-3c434514] { color: rgb(253, 172, 14); text-decoration: underline; cursor: pointer; } .costwayday-pop[data-v-3c434514] { padding: 1.875rem 2.5rem; border-radius: 0.25rem; background: rgb(255, 255, 255); position: relative; } .costwayday-pop .install-service-title[data-v-3c434514] { font-weight: 700; font-size: 1.0625rem; } .costwayday-pop ul[data-v-3c434514] { margin-top: 1.25rem; } .costwayday-pop ul li a[data-v-3c434514] { display: flex; justify-content: space-between; height: 3.125rem; font-size: 0.875rem; align-items: center; width: 100%; line-height: 3.125rem; padding: 0px 0.9375rem; box-sizing: border-box; } .costwayday-pop ul li[data-v-3c434514]:nth-of-type(2n-1) { background: rgb(249, 249, 249); } .costwayday-pop ul li .install-img[data-v-3c434514] { width: 7.5rem; } .costwayday-pop ul li img[data-v-3c434514] { width: auto; } .costwayday-pop ul li p[data-v-3c434514] { text-align: center; margin-bottom: 0px; } .costwayday-pop ul li p[data-v-3c434514]:nth-of-type(1) { width: 10rem; } .costwayday-pop ul li p[data-v-3c434514]:nth-of-type(2) { width: 50%; text-align: left; } .costwayday-pop ul li p[data-v-3c434514]:nth-of-type(2):hover { text-decoration: underline; } .exclusive-gift .row-title[data-v-3c434514] { line-height: 1; font-size: 1.25rem; margin-bottom: 1.25rem; } .gift-row .img img[data-v-3c434514] { max-width: 16.25rem; } .gift-row .txt[data-v-3c434514] { margin: 0.625rem 0px 0px 3.75rem; } .gift-row .txt h3[data-v-3c434514] { line-height: 1.2; font-size: 1.625rem; margin-bottom: 2.5rem; white-space: normal; overflow-wrap: break-word; word-break: normal; } .gift-row .txt .desc[data-v-3c434514] p { line-height: 2rem; font-size: 1rem; margin-bottom: 0px; } .specifications-wrap[data-v-3c434514] .ant-collapse-content-box { padding: 1rem 0px; } .specifications-wrap[data-v-3c434514] table { width: 100%; } .specifications-wrap[data-v-3c434514] table tr { display: flex; border-bottom: 0.0625rem solid rgb(204, 204, 204); height: 3.125rem; align-items: center; } .specifications-wrap[data-v-3c434514] table tr:first-child { border-top: 0.0625rem solid rgb(204, 204, 204); } .specifications-wrap[data-v-3c434514] table tr td { padding-left: 1rem; height: 100%; display: flex; align-items: center; line-height: 1.125rem; } .specifications-wrap[data-v-3c434514] table tr td:first-child { width: 16.25rem; flex-shrink: 0; background-color: rgb(249, 249, 249); } .specifications-wrap[data-v-3c434514] table tr td:last-child { flex: 1 1 0%; } [data-v-3c434514] .a-box h1 { text-align: left; } [data-v-3c434514] .a-box p, [data-v-3c434514] .a-box table td { color: rgb(51, 51, 51); } [data-v-3c434514] .a-box .a-box-fir ul { display: flex; justify-content: start; flex-wrap: wrap; margin-top: 2.5rem; } [data-v-3c434514] .a-box .a-box-fir ul li { margin-right: 2%; text-align: center; } [data-v-3c434514] .a-box .a-box-fir ul li img { width: auto !important; height: 4rem; } [data-v-3c434514] .a-box .a-box-fir ul li p { color: rgb(51, 51, 51); margin-top: 0.625rem; text-align: center; } [data-v-3c434514] .a-box video { margin-top: 1.25rem; } [data-v-3c434514] .a-box .a-box-sec { margin-top: 3.75rem; } [data-v-3c434514] .a-box .a-box-sec .intro-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.875rem; } [data-v-3c434514] .a-box .a-box-sec .intro-item img { width: 31.875rem; } [data-v-3c434514] .a-box .a-box-sec .intro-item .intro-item-con { width: 45%; } [data-v-3c434514] .a-box .a-box-sec .intro-item .intro-item-con .intro-item-con-t { font-size: 1.75rem; text-align: left; } [data-v-3c434514] .a-box .a-box-sec .intro-item .intro-item-con .intro-item-con-b { text-align: left; } [data-v-3c434514] .a-box .a-box-sec .intro-item .intro-item-con table { width: 100%; } [data-v-3c434514] .a-box .a-box-sec .intro-item .intro-item-con table tr { border-bottom: 0.0625rem solid rgb(204, 204, 204); } [data-v-3c434514] .a-box .a-box-sec .intro-item .intro-item-con table tr:nth-of-type(1) { border-top: 0.0625rem solid rgb(204, 204, 204); } [data-v-3c434514] .a-box .a-box-sec .intro-item .intro-item-con table tr td { text-align: left; padding: 0.625rem 0.3125rem; } [data-v-3c434514] .a-box .a-box-sec .intro-item .intro-item-con table tr td:nth-of-type(1) { width: 40%; } [data-v-3c434514] .a-box .a-box-sec .intro-item .intro-item-con table tr td:nth-of-type(2) { margin-left: 5%; width: 55%; } .messages-chair-tel[data-v-3c434514] { background: rgb(249, 249, 249); border-radius: 0.375rem; margin: 1.25rem 0px 0px; width: fit-content; padding: 0px 1.1875rem 0px 0.75rem; height: 2.1875rem; line-height: 2.1875rem; display: flex; align-items: center; justify-content: flex-start; } .messages-chair-tel svg[data-v-3c434514] { width: 1.125rem; height: 1.125rem; } .messages-chair-tel p[data-v-3c434514] { margin: 0px 0px 0px 0.5rem; font-size: 1rem; color: rgb(0, 0, 0); } .threeD-content[data-v-3c434514] { position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; z-index: 200; background: rgb(255, 255, 255); } .threeD-content .three-d-iframe[data-v-3c434514] { width: 80%; height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .threeD-content .kuhoom-content[data-v-3c434514] { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 100%; height: 80%; } .threeD-content #three-d-box[data-v-3c434514] { width: 100%; height: 100%; } .threeD-content .close[data-v-3c434514] { position: absolute; top: 2.5rem; right: 2.5rem; width: 2.5rem; height: 2.5rem; z-index: 105; cursor: pointer; } .threeD-content .rule-button[data-v-3c434514] { position: absolute; left: 50%; bottom: 2.75rem; transform: translate(-50%); z-index: 104; display: flex; align-items: center; justify-content: flex-start; } .threeD-content .rule-button[data-v-3c434514] .ant-switch { width: 3.125rem; height: 1.8125rem; position: relative; } .threeD-content .rule-button[data-v-3c434514] .ant-switch .ant-switch-handle { width: 1.5625rem; height: 1.5625rem; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); } .threeD-content .rule-button[data-v-3c434514] .ant-switch .ant-switch-handle::before { border-radius: 100%; } .threeD-content .rule-button[data-v-3c434514] .ant-switch.ant-switch-checked .ant-switch-handle { transform: translate(1.375rem, -50%); } .threeD-content .rule-button .text[data-v-3c434514] { font-size: 1rem; color: rgb(51, 51, 51); margin-left: 0.4375rem; } .vedio-column[data-v-3c434514] { background: rgb(255, 255, 255); } .vedio-column .content[data-v-3c434514] { margin: 0px auto; padding-bottom: 3.75rem; } .vedio-column h2[data-v-3c434514] { margin-bottom: 1.875rem; } .vedio-column .swiper-vedio .vedio-box[data-v-3c434514] { width: 17rem; height: 23.125rem; display: flex; align-items: center; justify-content: center; overflow: hidden; background-color: rgb(217, 217, 217); } .vedio-column .swiper-vedio .vedio-box video[data-v-3c434514] { width: 100%; height: 100%; object-fit: contain; } .vedio-column .swiper-vedio .swiper-button-prev[data-v-3c434514], .vedio-column .swiper-vedio .swiper-button-next[data-v-3c434514] { position: absolute; color: rgb(102, 102, 102); width: 2.5rem; height: 2.5rem; border-radius: 2.1875rem; top: 48%; transform: translateY(-50%); background: rgb(255, 255, 255); } .vedio-column .swiper-vedio .swiper-button-prev[data-v-3c434514]::after, .vedio-column .swiper-vedio .swiper-button-next[data-v-3c434514]::after { font-size: 1.125rem; } .vedio-column .swiper-vedio .swiper-button-prev[data-v-3c434514] { left: 0.625rem; top: 50%; } .vedio-column .swiper-vedio .swiper-button-next[data-v-3c434514] { right: 0.625rem; } [data-v-18706e38]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-18706e38] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-18706e38] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-18706e38] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-18706e38] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-18706e38] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-18706e38] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-18706e38] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-18706e38] { padding: 0px 20px; } } .ant-form-item[data-v-18706e38], .ant-radio-wrapper[data-v-18706e38], .ant-radio-group[data-v-18706e38] { font-variant: normal !important; } .ant-message[data-v-18706e38] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-18706e38] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-18706e38] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-18706e38] { display: none; } .rateContainer[data-v-18706e38] { display: inline-block; vertical-align: middle; } .rateItem[data-v-18706e38] { display: inline-block; margin-right: 0.625rem; cursor: pointer; } .iconfont[data-v-18706e38] { display: inline-block; width: 1.375rem; height: 1.3125rem; } .iconfont.star[data-v-18706e38] { background: url("https://ca-static.costway.ca/assets/1760598923/images/star-5f935e21.png") center top / 100% 100% no-repeat; } .iconfont.star-o[data-v-18706e38] { background: url("https://ca-static.costway.ca/assets/1760598923/images/star-o-7ea1aa3c.png") center top / 100% 100% no-repeat; } .rateText[data-v-18706e38] { display: none; color: rgb(51, 51, 51); font-size: 1rem; } [data-v-35947bbf]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-35947bbf] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-35947bbf] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-35947bbf] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-35947bbf] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-35947bbf] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-35947bbf] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-35947bbf] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-35947bbf] { padding: 0px 20px; } } .ant-form-item[data-v-35947bbf], .ant-radio-wrapper[data-v-35947bbf], .ant-radio-group[data-v-35947bbf] { font-variant: normal !important; } .ant-message[data-v-35947bbf] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-35947bbf] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-35947bbf] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-35947bbf] { display: none; } .sub-catagory[data-v-35947bbf] { display: block; padding: 1.875rem 0px; border-bottom: 0.0625rem solid rgb(204, 204, 204); margin-bottom: 2.5rem; } .sub-catagory .ant-row[data-v-35947bbf] { justify-content: center; width: 100%; text-align: center; margin-left: -10px; margin-right: -10px; row-gap: 20px; flex-wrap: nowrap; } .sub-catagory .ant-row .ant-col[data-v-35947bbf] { padding-left: 0.625rem; padding-right: 0.625rem; margin: 0px 0.75rem; min-height: 0px; } .sub-catagory .ant-row.long[data-v-35947bbf] { flex-wrap: wrap; justify-content: left; } .sub-catagory .ant-row.long .ant-col[data-v-35947bbf] { margin: 0px 0px 1.25rem; width: 12.5%; max-width: 11.25rem; } .sub-catagory h1[data-v-35947bbf] { font-size: 1.625rem; color: rgb(51, 51, 51); line-height: 1; text-align: center; margin: 0px 0px 3.125rem; } .sub-catagory a[data-v-35947bbf] { display: block; text-align: center; } .sub-catagory h2[data-v-35947bbf] { margin-top: 1.25rem; font-size: 1rem; line-height: 1.5rem; } .sub-catagory .img-box[data-v-35947bbf] { width: 5.625rem; height: 5.625rem; margin: 0px auto; } .sub-catagory img[data-v-35947bbf] { width: 100%; height: 100%; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } [data-v-4d7c4a48]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-4d7c4a48] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-4d7c4a48] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-4d7c4a48] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-4d7c4a48] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-4d7c4a48] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-4d7c4a48] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-4d7c4a48] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-4d7c4a48] { padding: 0px 20px; } } .ant-form-item[data-v-4d7c4a48], .ant-radio-wrapper[data-v-4d7c4a48], .ant-radio-group[data-v-4d7c4a48] { font-variant: normal !important; } .ant-message[data-v-4d7c4a48] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-4d7c4a48] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-4d7c4a48] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-4d7c4a48] { display: none; } .aggTitle[data-v-4d7c4a48] { font-size: 1.5rem; margin: 1.25rem 0px; } .ant-menu-item[data-v-4d7c4a48] { color: rgb(51, 51, 51); display: flex; align-items: center; justify-content: space-between; padding: 0px 1.25rem; } .ant-menu-item .ant-checkbox-wrapper[data-v-4d7c4a48] { width: 1.125rem; margin-left: 0.625rem; } .ant-menu-item .ant-checkbox-wrapper[data-v-4d7c4a48] .ant-checkbox-disabled .ant-checkbox-inner, .ant-menu-item .ant-checkbox-wrapper[data-v-4d7c4a48] .ant-checkbox-inner { border: 0.0625rem solid rgb(204, 204, 204) !important; } .ant-menu-item .ant-checkbox-wrapper[data-v-4d7c4a48] .ant-checkbox-checked .ant-checkbox-inner { border: 0.0625rem solid rgb(253, 172, 14) !important; } .ant-menu-item .color[data-v-4d7c4a48] { width: 1.125rem; height: 1.125rem; border-radius: 1.125rem; } .ant-menu-item .white_border[data-v-4d7c4a48] { border: 0.125rem solid rgb(204, 204, 204); } .ant-menu-item .color-text[data-v-4d7c4a48] { width: 9.375rem; display: flex; margin-left: 0.9375rem; } .ant-menu-item .color-text p[data-v-4d7c4a48] { margin: 0px 0.625rem 0px 0px; font-size: 1rem; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .item-disabled[data-v-4d7c4a48] { color: rgb(204, 204, 204) !important; cursor: not-allowed; } .black-price-label[data-v-4d7c4a48] { color: rgb(0, 0, 0); } .list[data-v-4d7c4a48] { margin-top: 1.25rem; } .catagory-image[data-v-4d7c4a48] { margin: 1.25rem; text-align: center; } .catagory-image img[data-v-4d7c4a48] { max-width: 100%; } .product-list[data-v-4d7c4a48] { padding-top: 3.125rem; } .product-list[data-v-4d7c4a48]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .product-list .pagination-cont[data-v-4d7c4a48] { display: flex; margin: 1.75rem auto 4.25rem; align-items: center; justify-content: flex-end; position: relative; } .product-list .pagination-cont[data-v-4d7c4a48] .ant-dropdown-trigger { display: inline-block; height: 2.5rem; border: 0px; line-height: 2.5rem; text-align: center; padding: 0px 0.875rem; margin: auto 0.625rem; border-radius: 1.25rem; background: rgb(244, 244, 244); color: rgb(0, 0, 0); user-select: none; cursor: pointer; } .product-list .pagination[data-v-4d7c4a48] { display: block; text-align: center; margin: 0px auto; position: absolute; left: 50%; transform: translate(-50%); } .product-list .pagination[data-v-4d7c4a48] .ant-pagination-item, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-prev, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-next { width: 2.875rem; height: 2.875rem; font-size: 1.125rem; line-height: 2.75rem; border-radius: 0.25rem; border-color: rgb(204, 204, 204); } .product-list .pagination[data-v-4d7c4a48] .ant-pagination-item a, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-prev a, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-next a { color: rgb(102, 102, 102); } .product-list .pagination[data-v-4d7c4a48] .ant-pagination-item:hover, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-prev:hover, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-next:hover { border-color: rgb(253, 172, 14); } .product-list .pagination[data-v-4d7c4a48] .ant-pagination-item:hover.ant-pagination-disabled button, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-prev:hover.ant-pagination-disabled button, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-next:hover.ant-pagination-disabled button { border-color: rgb(204, 204, 204); } .product-list .pagination[data-v-4d7c4a48] .ant-pagination-item:hover.ant-pagination-disabled button svg path, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-prev:hover.ant-pagination-disabled button svg path, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-next:hover.ant-pagination-disabled button svg path { fill: rgb(102, 102, 102); } .product-list .pagination[data-v-4d7c4a48] .ant-pagination-item:hover a, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-prev:hover a, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-next:hover a { color: rgb(253, 172, 14); } .product-list .pagination[data-v-4d7c4a48] .ant-pagination-item:hover button, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-prev:hover button, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-next:hover button { border-color: rgb(253, 172, 14); } .product-list .pagination[data-v-4d7c4a48] .ant-pagination-item:hover button svg path, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-prev:hover button svg path, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-next:hover button svg path { fill: rgb(253, 172, 14); } .product-list .pagination[data-v-4d7c4a48] .ant-pagination-item.ant-pagination-item-active, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-prev.ant-pagination-item-active, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-next.ant-pagination-item-active { background: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .product-list .pagination[data-v-4d7c4a48] .ant-pagination-item.ant-pagination-item-active a, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-prev.ant-pagination-item-active a, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-next.ant-pagination-item-active a { color: rgb(255, 255, 255); } .product-list .pagination[data-v-4d7c4a48] .ant-pagination-item svg, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-prev svg, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-next svg { width: 1rem; height: 1rem; } .product-list .pagination[data-v-4d7c4a48] .ant-pagination-item svg path, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-prev svg path, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-next svg path { fill: rgb(102, 102, 102); } .product-list .pagination[data-v-4d7c4a48] .ant-pagination-item button, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-prev button, .product-list .pagination[data-v-4d7c4a48] .ant-pagination-next button { display: flex; justify-content: center; align-items: center; border: 0.0625rem solid rgb(204, 204, 204); } .product-list .product-items[data-v-4d7c4a48] { display: flex; flex-wrap: wrap; place-content: flex-start space-between; } .product-list .product-items .product-item[data-v-4d7c4a48] { width: 24%; padding: 1.875rem; margin-bottom: 1.25rem; transition: 0.2s linear; box-shadow: rgba(122, 122, 122, 0.15) -0.0625rem 0.3125rem 1rem 0.1875rem; border-radius: 0.5rem; } .product-list .product-items .product-item[data-v-4d7c4a48]:last-child:nth-child(4n-1) { margin-right: 25.3333%; } .product-list .product-items .product-item[data-v-4d7c4a48]:last-child:nth-child(4n-2) { margin-right: 50.6667%; } .product-list .product-items .product-item p[data-v-4d7c4a48] { margin-bottom: 0px; } .product-list .product-items .product-item .attrs[data-v-4d7c4a48] { display: block; width: 100%; margin-top: 1.125rem; min-height: 1.6875rem; } .product-list .product-items .product-item .attrs .color_attrs[data-v-4d7c4a48] { display: inline-block; width: 1rem; height: 1rem; overflow: hidden; border-radius: 1.25rem; font-size: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.1875rem; cursor: pointer; margin: 0px 0.9375rem 0px 0px; box-sizing: content-box; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; border: 0.0625rem solid rgb(204, 204, 204); vertical-align: middle; } .product-list .product-items .product-item .attrs .color_attrs.current[data-v-4d7c4a48] { width: 1rem; height: 1rem; background: 0% 0% / 100% rgb(255, 255, 255); border: 0.125rem solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.1875rem; margin: 0px 0.875rem 0px -0.0625rem; } .product-list .product-items .product-item .attrs .color_attrs.gray_border[data-v-4d7c4a48] { border: 0.0625rem solid rgb(204, 204, 204); margin: 0px 0.9375rem 0px 0px; } .product-list .product-items .product-item .attrs .color_attrs.gray_border.current[data-v-4d7c4a48] { width: 1rem; height: 1rem; background: 0% 0% / 100% rgb(255, 255, 255); border: 0.125rem solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.1875rem; margin: 0px 0.875rem 0px -0.0625rem; } .product-list .product-items .product-item .attrs .color_more[data-v-4d7c4a48] { background-image: url("https://ca-static.costway.ca/assets/1760598923/images/add-2c01a856.jpg"); background-size: 0.75rem; margin-right: 0px !important; } .product-list .product-items .product-item .rating-list-box[data-v-4d7c4a48] { display: block; min-height: 1.375rem; } .product-list .product-items .product-item .product-title[data-v-4d7c4a48], .product-list .product-items .product-item .price-box[data-v-4d7c4a48] { display: block; } .product-list .product-items .product-item .product-title[data-v-4d7c4a48] { margin: 0px 0px 0.625rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1rem; line-height: 1.5rem; } .product-list .product-items .product-item .product-title a[data-v-4d7c4a48] { color: rgb(51, 51, 51); } .product-list .product-items .product-item .price-box[data-v-4d7c4a48] { margin-bottom: 0.625rem; line-height: 1; } .product-list .product-items .product-item .price-box > span[data-v-4d7c4a48] { font-size: 1.5rem; margin: 0px 0.5rem; } .product-list .product-items .product-item .price-box > span[data-v-4d7c4a48]:first-child { margin-left: 0px; } .product-list .product-items .product-item .price-box > span.special-price[data-v-4d7c4a48] { color: rgb(230, 77, 67); } .product-list .product-items .product-item .price-box > span.special-price.black[data-v-4d7c4a48] { color: rgb(51, 51, 51); } .product-list .product-items .product-item .price-box > span.price[data-v-4d7c4a48] { font-size: 1rem; color: rgb(153, 153, 153); text-decoration: line-through; } .product-list .product-items .product-item .save[data-v-4d7c4a48] { margin-bottom: 0.625rem; } .product-list .product-items .product-item[data-v-4d7c4a48]:hover { border-radius: 0.25rem; transform: translate3d(0px, -0.625rem, 0px); } .product-list .product-items .product-item:hover .wish-box[data-v-4d7c4a48] { opacity: 1; pointer-events: all; } .product-list .product-items .product-item:hover .quick_view[data-v-4d7c4a48] { display: inline-block; } .product-list .product-items .product-item .sale-description[data-v-4d7c4a48] { position: absolute; bottom: -0.5rem; left: 0px; height: 1.5625rem; border-radius: 0.125rem; text-align: center; line-height: 1.5625rem; background-color: rgb(254, 246, 245); padding: 0px 0.8125rem; color: rgb(230, 77, 67); font-size: 0.875rem; } .product-images[data-v-4d7c4a48] { display: block; width: 100%; position: relative; } .product-images .tag[data-v-4d7c4a48] { position: absolute; top: -0.9375rem; left: -0.9375rem; line-height: 1; font-size: 0.875rem; padding: 0.3125rem 0.625rem; border-radius: 0.25rem; z-index: 2; pointer-events: none; } .product-images .tag.sale[data-v-4d7c4a48], .product-images .tag.transit[data-v-4d7c4a48] { background-color: rgb(255, 255, 255); } .product-images .tag.limited[data-v-4d7c4a48] { background-color: rgb(249, 249, 249); color: rgb(0, 0, 0); } .product-images .tag.per-order[data-v-4d7c4a48], .product-images .tag.new[data-v-4d7c4a48], .product-images .tag.onsale[data-v-4d7c4a48] { background-color: rgb(254, 246, 245); color: rgb(230, 77, 67); } .product-images .tag.new[data-v-4d7c4a48] { padding: 0.375rem 0.875rem; } .product-images .tag.bestseller[data-v-4d7c4a48], .product-images .tag.clearance[data-v-4d7c4a48] { background-color: rgb(255, 95, 68); color: rgb(255, 255, 255); } .product-images .tag.has_video[data-v-4d7c4a48] { width: 4rem; height: 4rem; inset: 0px; margin: auto; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-player-b3cf0f2d.png") center center / 100% 100% no-repeat; pointer-events: none; } .product-images .tag.price-guarantee[data-v-4d7c4a48] { padding: 0px 0.3125rem 0px 0px; border: 0.0625rem solid rgb(11, 192, 99); background: rgb(239, 255, 247); height: 1.75rem; line-height: 1.625rem; border-radius: 0.375rem; overflow: hidden; } .product-images .tag.price-guarantee .icon[data-v-4d7c4a48] { background: rgb(11, 192, 99); display: inline-block; padding: 0px 0.25rem; border-bottom-right-radius: 0.3125rem; margin-right: 0.3125rem; } .product-images .tag.price-guarantee .icon img[data-v-4d7c4a48] { width: 1rem; } .product-images .tag.price-guarantee .title[data-v-4d7c4a48] { color: rgb(11, 192, 99); } .product-images .tag.transit[data-v-4d7c4a48] { inset: auto auto 0.625rem 0.625rem; } .product-images .tag.transit svg[data-v-4d7c4a48] { margin-right: 0.3125rem; width: 1.125rem; height: 1.125rem; } .product-images .tag.transit svg[data-v-4d7c4a48], .product-images .tag.transit span[data-v-4d7c4a48] { display: inline-block; vertical-align: middle; } .product-images .tag.transit span[data-v-4d7c4a48] { color: rgb(255, 95, 68); } .product-images .quick_view[data-v-4d7c4a48] { display: none; position: absolute; width: 6.75rem; height: 2.125rem; font-size: 0.875rem; bottom: 2.8125rem; left: 50%; transform: translate(-50%); border-radius: 4.8125rem; border: 0.0625rem solid rgba(204, 204, 204, 0.71); line-height: 2rem; text-align: center; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); cursor: pointer; } .product-images img[data-v-4d7c4a48] { width: 100%; height: auto; } .product-images .wish-box[data-v-4d7c4a48] { position: absolute; top: -1.25rem; right: -1.25rem; display: flex; opacity: 0; pointer-events: none; transition: 0.3s; } .product-images .out-of-stock[data-v-4d7c4a48] { position: absolute; width: 13.75rem; height: 3.125rem; inset: 0px; margin: auto; color: rgb(255, 255, 255); text-align: center; line-height: 3.125rem; z-index: 2; background: rgba(51, 51, 51, 0.8); border-radius: 0.25rem; pointer-events: none; } .product-images .plus-tips[data-v-4d7c4a48] { display: inline-block; width: 11.5rem; top: -1.25rem; height: 1.875rem; border-radius: 0px; line-height: 1.875rem; overflow: hidden; padding: 0px; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-list-plus-5929a2b0.png") left top / 100% 100% no-repeat; white-space: nowrap; } .product-images .plus-tips .plus-price[data-v-4d7c4a48], .product-images .plus-tips .plus-txt[data-v-4d7c4a48] { display: inline-block; vertical-align: top; } .product-images .plus-tips .plus-price[data-v-4d7c4a48] { text-align: center; width: 4.0625rem; } .product-images .plus-tips .plus-price span[data-v-4d7c4a48] { font-size: 0.875rem; font-weight: 500; color: rgb(255, 200, 66); } .product-images .plus-tips .plus-txt[data-v-4d7c4a48] { text-align: center; color: rgb(0, 0, 0); font-size: 0.875rem; } .product-images .is-plus-tips[data-v-4d7c4a48] { width: 9.375rem; background: none; } .product-images .tag-presale[data-v-4d7c4a48] { position: absolute; bottom: 0px; left: -1.875rem; background: rgb(255, 245, 220); height: 1.875rem; line-height: 1.875rem; color: rgb(27, 27, 27); width: calc(100% + 3.75rem); border: 0.0625rem solid rgb(255, 231, 172); font-weight: 500; font-size: 0.875rem; } .product-images .tag-presale .stock-left[data-v-4d7c4a48] { display: flex; align-items: center; justify-content: center; width: 53%; float: right; } .product-images .tag-presale .presale-txt[data-v-4d7c4a48] { position: absolute; left: -0.625rem; bottom: -0.625rem; z-index: 1; min-width: 11.5rem; height: 3.625rem; line-height: 2.375rem; text-align: center; font-weight: 600; background: url("https://ca-static.costway.ca/assets/1760598923/images/presale-list-f3e383cc.png") center center / 100% no-repeat; } .product-images .tag-presale .presale-txt .text[data-v-4d7c4a48] { display: flex; align-items: center; padding-left: 1.125rem; margin-top: 0.75rem; } .product-images .tag-presale .presale-txt .clock[data-v-4d7c4a48] { width: 1.125rem; height: 1.125rem; } .list-total[data-v-4d7c4a48] { font-size: 1.125rem; margin-top: 0.625rem; } .category-top[data-v-4d7c4a48] { margin-bottom: 0px; } .list-bar[data-v-4d7c4a48] { width: 100%; padding-top: 0.625rem; display: flex; justify-content: space-between; } .list-bar[data-v-4d7c4a48] .ant-dropdown-trigger { display: inline-block; height: 2.5rem; border: 0px; line-height: 2.5rem; text-align: center; padding: 0px 0.875rem; border-radius: 1.25rem; background: rgb(244, 244, 244); color: rgb(0, 0, 0); user-select: none; cursor: pointer; } .list-bar[data-v-4d7c4a48] .ant-dropdown { background-color: rgb(255, 255, 255); } .list-bar[data-v-4d7c4a48] .ant-dropdown .ps { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.5rem; padding: 0.25rem; } .list-bar[data-v-4d7c4a48] .ant-dropdown .ant-menu-inline, .list-bar[data-v-4d7c4a48] .ant-dropdown .ant-menu-vertical, .list-bar[data-v-4d7c4a48] .ant-dropdown .ant-menu-vertical-left { border: 0px; } .list-bar[data-v-4d7c4a48] .ant-input-number { min-width: 8.75rem; border-radius: 1.25rem; padding-top: 0.25rem; padding-bottom: 0.25rem; border-color: rgb(204, 204, 204); } .list-bar[data-v-4d7c4a48] .ant-input-number .ant-input-number-input { padding-left: 4.375rem; } .list-bar .num[data-v-4d7c4a48] { position: relative; } .list-bar .num .label[data-v-4d7c4a48] { position: absolute; top: 0.0625rem; left: 0.625rem; width: 3.75rem; text-align: center; margin: auto; line-height: 2.375rem; z-index: 2; height: 2.375rem; border-top-left-radius: 1.25rem; border-bottom-left-radius: 1.25rem; } .list-bar .sort-label[data-v-4d7c4a48] .ant-tag { padding: 0.5625rem 0.9375rem; border-radius: 1.25rem; font-size: 1rem; border-color: rgb(204, 204, 204); margin-bottom: 0.9375rem; } .list-bar .sort-label[data-v-4d7c4a48] .ant-tag .ant-tag-close-icon { margin-left: 0.9375rem; font-size: 1rem; } .list-bar .sort-label .clear-all[data-v-4d7c4a48] { height: 2.5rem; color: rgb(255, 200, 66) !important; } .list-bar .right[data-v-4d7c4a48] { float: right; } .list-bar .right .show-item[data-v-4d7c4a48], .list-bar .right .sort-by[data-v-4d7c4a48] { display: inline-block; } .list-bar .right .sort-by[data-v-4d7c4a48] { margin-left: 0.625rem; } .list-bar .more-filter[data-v-4d7c4a48] { width: 12.25rem; height: 2.5rem; border-radius: 1.25rem; background: rgb(244, 244, 244); display: flex; align-items: center; justify-content: center; cursor: pointer; } .list-bar .more-filter img[data-v-4d7c4a48] { width: 0.9375rem; height: 0.9375rem; } .list-bar .more-filter p[data-v-4d7c4a48] { margin: 0px 0px 0px 0.1875rem; color: rgb(0, 0, 0); font-size: 1rem; } .list-bar.sticky[data-v-4d7c4a48] { position: fixed; top: 0px; left: 50%; transform: translate(-50%); z-index: 100; background: rgb(255, 255, 255); justify-content: center; } .show-item[data-v-4d7c4a48] .ant-dropdown-link.custom-dropdown { margin: auto 0.625rem; } .sort-by[data-v-4d7c4a48] .ant-dropdown-link.custom-dropdown { margin: auto 0px auto 0.625rem; } .rel_search[data-v-4d7c4a48] { margin-bottom: 1.25rem; } .rel_search .h2[data-v-4d7c4a48] { font-size: 1.25rem; } .rel_search .ant-col a[data-v-4d7c4a48] { padding: 0.625rem 1rem; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 6.1875rem; } .rel_search .relsearch_item[data-v-4d7c4a48] { margin-bottom: 0.9375rem; } [data-v-4d7c4a48] .leftparams { max-width: 60rem; margin-right: 15.625rem; } [data-v-4d7c4a48] .leftparams .leftparamsrow .ant-col { margin-bottom: 0.9375rem; } [data-v-4d7c4a48] .catlogDescription h2 { font-weight: 700; font-size: 1.125rem; cursor: pointer; } [data-v-4d7c4a48] .catlogDescription h2 strong { display: block; padding-right: 1.625rem; } [data-v-4d7c4a48] .catlogDescription h2.dis { background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_plus-c7933ac5.svg") right 0.3125rem / 1.25rem no-repeat; } [data-v-4d7c4a48] .catlogDescription h2.dis::after { content: ""; display: block; width: 100%; height: 0.0625rem; background: rgb(227, 227, 227); margin-top: 1.25rem; } [data-v-4d7c4a48] .catlogDescription h2.open { background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_mins-1fc707fb.svg") right 0.3125rem / 1.25rem no-repeat; } [data-v-4d7c4a48] .catlogDescription p, [data-v-4d7c4a48] .catlogDescription > div { margin-top: 0.625rem; margin-bottom: 1.25rem; } [data-v-4d7c4a48] .catlogDescription p a, [data-v-4d7c4a48] .catlogDescription > div a { font-size: 1rem; text-decoration: underline; } [data-v-4d7c4a48] .catlogDescription p a:hover, [data-v-4d7c4a48] .catlogDescription > div a:hover { color: rgb(253, 172, 14); } [data-v-4d7c4a48] .catlogDescription p { transition: height 0.3s; } [data-v-4d7c4a48] .catlogDescription p.dis { height: 0px; overflow: hidden; } [data-v-4d7c4a48] .catlogDescription p.open { height: auto; } [data-v-4d7c4a48] .catlogDescription p.open::after { content: ""; display: block; width: 100%; height: 0.0625rem; background: rgb(227, 227, 227); margin-top: 1.25rem; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-menu-submenu-popup { max-height: 21.875rem !important; } [data-v-3bbbf664]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-3bbbf664] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-3bbbf664] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-3bbbf664] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-3bbbf664] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-3bbbf664] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-3bbbf664] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-3bbbf664] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-3bbbf664] { padding: 0px 20px; } } .ant-form-item[data-v-3bbbf664], .ant-radio-wrapper[data-v-3bbbf664], .ant-radio-group[data-v-3bbbf664] { font-variant: normal !important; } .ant-message[data-v-3bbbf664] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-3bbbf664] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-3bbbf664] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-3bbbf664] { display: none; } .ant-spin-nested-loading > div > .ant-spin[data-v-3bbbf664] { background: rgba(255, 255, 255, 0.55); } .drawer-body[data-v-3bbbf664] { height: 100%; position: relative; } .drawer-body .filter-head[data-v-3bbbf664] { width: 26.875rem; padding-top: 1.5625rem; align-items: center; padding-bottom: 1.5625rem; border-bottom: 0.0625rem solid rgb(244, 244, 244); position: fixed; top: 0px; background-color: rgb(255, 255, 255); z-index: 10; } .drawer-body .filter-head h1[data-v-3bbbf664] { font-size: 1.125rem; text-align: center; font-weight: 400; color: rgb(51, 51, 51); margin: 0px; } .drawer-body .filter-head img[data-v-3bbbf664] { position: absolute; top: 1.875rem; right: 1.25rem; width: 1.125rem; height: 1.125rem; cursor: pointer; } .drawer-body .filter-content[data-v-3bbbf664] { overflow-y: auto; height: calc(100% - 9.6875rem); padding-top: 5.625rem; padding-bottom: 5rem; } .drawer-body .filter-content[data-v-3bbbf664] .ant-collapse { background-color: transparent; border: none; } .drawer-body .filter-content[data-v-3bbbf664] .ant-collapse .ant-collapse-item { border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 0.0625rem solid rgb(244, 244, 244); } .drawer-body .filter-content[data-v-3bbbf664] .ant-collapse .ant-collapse-item:first-child { border-top: none; } .drawer-body .filter-content[data-v-3bbbf664] .ant-collapse .ant-collapse-item .ant-collapse-header { position: relative; } .drawer-body .filter-content[data-v-3bbbf664] .ant-collapse .ant-collapse-item .ant-collapse-arrow { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%) rotate(90deg); transition: transform 0.3s; } .drawer-body .filter-content[data-v-3bbbf664] .ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-arrow { transform: translateY(-50%) rotate(180deg); } .drawer-body .filter-content[data-v-3bbbf664] .ant-collapse .ant-collapse-header { background-color: transparent; border: none; padding: 0.5rem 1rem; } .drawer-body .filter-content[data-v-3bbbf664] .ant-collapse .ant-collapse-content { background-color: transparent; border: none; } .drawer-body .filter-content .filter-count[data-v-3bbbf664] { width: 0.5rem; height: 0.5rem; background-color: rgb(255, 208, 54); border-radius: 50%; display: inline-block; margin-left: 0.3125rem; } .drawer-body .filter-content ul[data-v-3bbbf664] { width: 23.75rem; display: flex; flex-wrap: wrap; } .drawer-body .filter-content ul li[data-v-3bbbf664] { font-size: 1rem; text-align: center; color: rgb(0, 0, 0); background: rgb(246, 246, 246); height: 2.8125rem; line-height: 2.8125rem; cursor: pointer; } .drawer-body .filter-content ul li p[data-v-3bbbf664] { margin: 0px; } .drawer-body .filter-content ul li[data-v-3bbbf664]:nth-child(2n) { margin-right: 0px; } .drawer-body .filter-content ul .seemore[data-v-3bbbf664] { display: flex; align-items: center; justify-content: center; } .drawer-body .filter-content ul .seemore p[data-v-3bbbf664] { margin-right: 0.375rem; } .drawer-body .filter-content ul .filter-category[data-v-3bbbf664] { width: 23.75rem; border-radius: 1.375rem; margin-bottom: 0.625rem; color: rgb(0, 0, 0); } .drawer-body .filter-content ul .filter-normal[data-v-3bbbf664] { width: 11.5625rem; border-radius: 1.375rem; margin-bottom: 0.625rem; margin-right: 0.625rem; } .drawer-body .filter-content ul .filter-normal p[data-v-3bbbf664] { font-size: 1rem; display: flex; align-items: center; justify-content: center; } .drawer-body .filter-content ul .filter-normal .attr-text[data-v-3bbbf664] { max-width: 7.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 0.3125rem; } .drawer-body .filter-content ul .filter-normal svg[data-v-3bbbf664] { width: 0.8125rem; height: 0.4375rem; } .drawer-body .filter-content ul .filter-color[data-v-3bbbf664] { width: 11.5625rem; height: 2.8125rem; line-height: 2.5rem; margin-right: 0.625rem; margin-bottom: 0.625rem; background: none rgb(246, 246, 246); display: flex; align-items: center; padding-left: 1.25rem; } .drawer-body .filter-content ul .filter-color p[data-v-3bbbf664] { font-size: 1rem; text-align: left; margin-right: 0.3125rem; display: flex; align-items: center; } .drawer-body .filter-content ul .filter-color .attr-text[data-v-3bbbf664] { max-width: 5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .drawer-body .filter-content ul .filter-color .color[data-v-3bbbf664] { width: 1.5625rem; height: 1.5625rem; border-radius: 50%; margin-right: 0.625rem; flex-shrink: 0; flex-grow: 0; } .drawer-body .filter-content ul .filter-color .white_border[data-v-3bbbf664] { border: 0.125rem solid rgb(204, 204, 204); } .drawer-body .filter-content ul .selected[data-v-3bbbf664] { background: rgb(255, 249, 238); border: 0.0625rem solid rgb(253, 172, 14); color: rgb(253, 172, 14); } .drawer-body .filter-content ul .disabled[data-v-3bbbf664] { color: rgb(204, 204, 204); pointer-events: none; } .drawer-body .filter-content .price-cont[data-v-3bbbf664] { display: flex; margin-bottom: 0.625rem; } .drawer-body .filter-content .price-cont .ipt-price[data-v-3bbbf664] .ant-input-number { border: 0.0625rem solid rgb(204, 204, 204); border-radius: 1.375rem; width: 11.5625rem !important; height: 2.8125rem !important; } .drawer-body .filter-content .price-cont .ipt-price[data-v-3bbbf664] .ant-input-number .ant-input-number-input-wrap { height: 2.8125rem; padding: 0px 1.25rem; } .drawer-body .filter-content .price-cont .ipt-price[data-v-3bbbf664] .ant-input-number .ant-input-number-input-wrap input { height: 2.8125rem; } .drawer-body .filter-content .price-cont .minprice[data-v-3bbbf664] { margin-right: 0.625rem; } .drawer-body .filter-content[data-v-3bbbf664]::-webkit-scrollbar { width: 0.625rem; } .drawer-body .filter-content[data-v-3bbbf664]::-webkit-scrollbar-track { border-radius: 0.3125rem; background: rgb(255, 222, 142); } .drawer-body .filter-content[data-v-3bbbf664]::-webkit-scrollbar-thumb { background: rgb(241, 155, 15); border-radius: 0.3125rem; } .drawer-body .filter-choose[data-v-3bbbf664] { width: 26.875rem; height: 5rem; padding: 0.9375rem; display: flex; font-size: 1.125rem; position: fixed; bottom: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px -0.125rem 0.6875rem -0.125rem; background-color: rgb(255, 255, 255); z-index: 10; } .drawer-body .filter-choose .filter-reset[data-v-3bbbf664] { width: 11.8125rem; height: 3.125rem; border-radius: 1.5625rem; border: 0.0625rem solid rgb(204, 204, 204); } .drawer-body .filter-choose .filter-apply[data-v-3bbbf664] { width: 11.8125rem; height: 3.125rem; border-radius: 1.5625rem; margin-left: 0.9375rem; border: 0.0625rem solid rgb(253, 172, 14); background-color: rgb(253, 172, 14); color: rgb(255, 255, 255); } .drawer-body .toast[data-v-3bbbf664] { width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.8); color: rgb(255, 255, 255); padding: 0.75rem 1.25rem; border-radius: 0.25rem; text-align: center; z-index: 1000; white-space: normal; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .filter-pop .ant-drawer-content-wrapper { width: 26.875rem !important; } .filter-pop .ant-drawer-body { padding: 0px; } [data-v-367b2dfc]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-367b2dfc] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-367b2dfc] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-367b2dfc] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-367b2dfc] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-367b2dfc] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-367b2dfc] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-367b2dfc] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-367b2dfc] { padding: 0px 20px; } } .ant-form-item[data-v-367b2dfc], .ant-radio-wrapper[data-v-367b2dfc], .ant-radio-group[data-v-367b2dfc] { font-variant: normal !important; } .ant-message[data-v-367b2dfc] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-367b2dfc] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-367b2dfc] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-367b2dfc] { display: none; } .about_nav[data-v-367b2dfc] { width: 16%; margin-right: 4%; } .about_nav .nav_btui[data-v-367b2dfc] { clear: both; display: block; height: auto; overflow: hidden; } .about_nav .nav_btui li[data-v-367b2dfc] { width: 100%; border-top: 0.0625rem solid rgb(221, 221, 221); border-right: 0.0625rem solid rgb(221, 221, 221); background: rgb(247, 247, 247); height: auto; } .about_nav .nav_btui li.nav[data-v-367b2dfc] { background: rgb(255, 255, 255); border-right: 0.0625rem solid rgb(255, 255, 255); padding: 0.9375rem 0px; } .about_nav .nav_btui li.nav > a[data-v-367b2dfc] { color: rgb(51, 51, 51); font-size: 1.125rem; font-weight: 700; padding: 0px 0.625rem 0.3125rem 0px; display: block; border-top: 0.0625rem solid rgb(255, 255, 255); } .about_nav .nav_btui .nav_erji[data-v-367b2dfc] { line-height: 2; border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 0.0625rem dashed rgb(221, 221, 221); margin: 0.625rem 0px 0px; padding-top: 0.625rem; } .about_nav .nav_btui .nav_erji p[data-v-367b2dfc] { margin-bottom: 0px; } .about_nav .nav_btui .nav_erji p a[data-v-367b2dfc] { display: inline; color: rgb(102, 102, 102); padding-left: 0px; font-size: 0.875rem; } .about_nav .nav_btui .nav_erji p a[data-v-367b2dfc]:hover { text-decoration: underline; color: rgb(253, 172, 14); } .wrap, .cms-container.hasNavLeft { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap, .cms-container.hasNavLeft { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap, .cms-container.hasNavLeft { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap, .cms-container.hasNavLeft { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap, .cms-container.hasNavLeft { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap, .cms-container.hasNavLeft { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap, .cms-container.hasNavLeft { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap, .cms-container.hasNavLeft { padding: 0px 20px; } } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .loginPopShow { display: block !important; } .cms-container { width: 100%; margin: 0px auto; height: auto; overflow: hidden; } .cms-container .bedroom_img { width: 0.25rem !important; } .cms-container .content { width: 100%; max-width: 100%; padding: 0px; } .cms-container.hasNavLeft { display: flex; padding: 1.25rem !important; } .cms-container.hasNavLeft .content { flex: 1 1 0%; } .cms-container .costway-btn { background: rgb(255, 95, 68); transition: 0.2s; } .cms-container input:focus { outline: none; } .costway-loading-box { width: 100vw; height: 100vh; display: none; align-items: center; justify-content: center; position: fixed; z-index: 999999; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.6); } .costway-loading-box .costway-loading { border-radius: 50%; margin: 0px auto; animation-name: spinner-rotate; animation-duration: 0.8s; animation-timing-function: linear; animation-iteration-count: infinite; border-style: solid; width: 1.875rem; height: 1.875rem; border-width: 0.125rem; transform-origin: 50% 50% 0.625rem; border-color: rgb(82, 82, 82) rgba(82, 82, 82, 0.25) rgba(82, 82, 82, 0.25); } @keyframes spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } [data-v-0921d860]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-0921d860] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-0921d860] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-0921d860] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-0921d860] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-0921d860] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-0921d860] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-0921d860] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-0921d860] { padding: 0px 20px; } } .ant-form-item[data-v-0921d860], .ant-radio-wrapper[data-v-0921d860], .ant-radio-group[data-v-0921d860] { font-variant: normal !important; } .ant-message[data-v-0921d860] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-0921d860] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-0921d860] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-0921d860] { display: none; } .container[data-v-0921d860] { background: rgb(244, 244, 244); padding: 2.5rem 0px 6.25rem; margin-bottom: -4.125rem; } .container .installvideos[data-v-0921d860] { width: 90rem; margin: 0px auto; overflow: hidden; border-radius: 1.25rem; } .container .installvideos .l[data-v-0921d860] { width: 42.8125rem; height: 41.75rem; float: left; } .container .installvideos .r[data-v-0921d860] { width: 47.1875rem; height: 41.75rem; float: left; text-align: center; background: rgb(252, 201, 34); padding: 3.75rem 0px; } .container .installvideos .r h1[data-v-0921d860] { font-size: 1.625rem; color: rgb(0, 0, 0); text-align: center; } .container .installvideos .r p[data-v-0921d860] { font-size: 1.125rem; text-align: center; color: rgb(0, 0, 0); } .container .installvideos .r #canvas[data-v-0921d860] { margin: 1.25rem auto; border-radius: 0.625rem; width: 15rem !important; height: 15rem !important; } [data-v-08edff4c]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-08edff4c] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-08edff4c] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-08edff4c] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-08edff4c] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-08edff4c] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-08edff4c] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-08edff4c] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-08edff4c] { padding: 0px 20px; } } .ant-form-item[data-v-08edff4c], .ant-radio-wrapper[data-v-08edff4c], .ant-radio-group[data-v-08edff4c] { font-variant: normal !important; } .ant-message[data-v-08edff4c] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-08edff4c] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-08edff4c] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-08edff4c] { display: none; } .main[data-v-08edff4c] { margin: 20vh auto 40vh; } [data-v-f92f34c0]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-f92f34c0] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-f92f34c0] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-f92f34c0] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-f92f34c0] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-f92f34c0] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-f92f34c0] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-f92f34c0] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-f92f34c0] { padding: 0px 20px; } } .ant-form-item[data-v-f92f34c0], .ant-radio-wrapper[data-v-f92f34c0], .ant-radio-group[data-v-f92f34c0] { font-variant: normal !important; } .ant-message[data-v-f92f34c0] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-f92f34c0] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-f92f34c0] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-f92f34c0] { display: none; } .main[data-v-f92f34c0] { margin: 0px auto 40vh; max-width: 75rem; } .main .breadcrumb[data-v-f92f34c0] { padding-bottom: 5.625rem; } [data-v-70a36054]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-70a36054] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-70a36054] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-70a36054] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-70a36054] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-70a36054] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-70a36054] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-70a36054] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-70a36054] { padding: 0px 20px; } } .ant-form-item[data-v-70a36054], .ant-radio-wrapper[data-v-70a36054], .ant-radio-group[data-v-70a36054] { font-variant: normal !important; } .ant-message[data-v-70a36054] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-70a36054] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-70a36054] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-70a36054] { display: none; } .breadcrumb[data-v-70a36054] { display: block; width: 100%; padding: 2.75rem 0px; } .breadcrumb.min[data-v-70a36054] { padding: 0px 0px 1.25rem; } .breadcrumb .svg_left_arrow[data-v-70a36054] { width: 0.5625rem; height: 1rem; } .breadcrumb[data-v-70a36054] .ant-btn { background-color: transparent; border-color: transparent; box-shadow: none; padding: 0px; line-height: 1; color: rgb(102, 102, 102); font-size: 1.125rem; } .breadcrumb[data-v-70a36054] .ant-btn.ant-btn-primary { width: 8.875rem; height: 3.125rem; background: rgb(249, 249, 249); border-radius: 0.125rem; } .breadcrumb[data-v-70a36054] .ant-btn span { display: inline-block; vertical-align: middle; } .breadcrumb[data-v-70a36054] .ant-btn .label { display: inline-block; margin-left: 0.625rem; vertical-align: middle; } .breadcrumb[data-v-70a36054] .ant-btn:hover { color: rgb(255, 95, 68); } .breadcrumb[data-v-70a36054] .ant-btn:hover .svg path { fill: rgb(255, 95, 68); } [data-v-a05841ae]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-a05841ae] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-a05841ae] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-a05841ae] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-a05841ae] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-a05841ae] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-a05841ae] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-a05841ae] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-a05841ae] { padding: 0px 20px; } } .ant-form-item[data-v-a05841ae], .ant-radio-wrapper[data-v-a05841ae], .ant-radio-group[data-v-a05841ae] { font-variant: normal !important; } .ant-message[data-v-a05841ae] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-a05841ae] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-a05841ae] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-a05841ae] { display: none; } .main[data-v-a05841ae] { margin: 12vh auto 40vh; } .main .login-main[data-v-a05841ae] { margin: 0px auto; max-width: 32.5rem; } .main .login-main .con h2[data-v-a05841ae] { font-size: 1.625rem; font-weight: 400; text-align: center; letter-spacing: 0em; margin-bottom: 0.625rem; } .main .login-main .con p[data-v-a05841ae] { line-height: 2rem; font-size: 1rem; text-align: center; } .main .login-main .ant-form[data-v-a05841ae] { max-width: 26.25rem; margin: 0px auto; } .main .login-main .ant-form .ant-btn[data-v-a05841ae] { font-size: 1.125rem; } .main .login-main .ant-form .resend-btn[data-v-a05841ae], .main .login-main .ant-form .deadline-box[data-v-a05841ae] { position: absolute; right: 0.0625rem; top: 0.0625rem; background-color: rgb(255, 255, 255); height: 2.375rem; line-height: 2.375rem; text-align: center; width: 4.5rem; border-radius: 0.1875rem; color: rgb(253, 172, 14); z-index: 2; cursor: pointer; } .main .login-main .ant-form .resend-btn[data-v-a05841ae]:hover { text-decoration: underline; } .main .login-main .ant-form .deadline-box[data-v-a05841ae] { text-align: right; padding-right: 0.625rem; cursor: default; } .main .login-main .ant-form .deadline-box[data-v-a05841ae] .ant-statistic { display: inline-block; } .main .login-main .ant-form .deadline-box[data-v-a05841ae] .ant-statistic .ant-statistic-content { font-size: 1rem; color: rgb(253, 172, 14); } .main .login-main .ant-form .deadline-box .second[data-v-a05841ae] { display: inline-block; font-size: 1.125rem; line-height: 1; } .main .login-main .ant-form .deadline-box .second[data-v-a05841ae]:hover { text-decoration: none; } .main .login-main .ant-form .code-tips[data-v-a05841ae] { color: rgb(255, 95, 68); font-size: 1rem; } [data-v-480d6974]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-480d6974], .main .login-main[data-v-480d6974] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-480d6974], .main .login-main[data-v-480d6974] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-480d6974], .main .login-main[data-v-480d6974] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-480d6974], .main .login-main[data-v-480d6974] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-480d6974], .main .login-main[data-v-480d6974] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-480d6974], .main .login-main[data-v-480d6974] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-480d6974], .main .login-main[data-v-480d6974] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-480d6974], .main .login-main[data-v-480d6974] { padding: 0px 20px; } } .ant-form-item[data-v-480d6974], .ant-radio-wrapper[data-v-480d6974], .ant-radio-group[data-v-480d6974] { font-variant: normal !important; } .ant-message[data-v-480d6974] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-480d6974] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-480d6974] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-480d6974] { display: none; } .main[data-v-480d6974] { margin: 0px auto 40vh; max-width: 75rem; } .main .breadcrumb[data-v-480d6974] { padding-bottom: 3.75rem; } .main .login-main[data-v-480d6974] { max-width: 26.25rem; } @media only screen and (min-width: 1150px) and (max-width: 1680px) { .main .login-main[data-v-480d6974] { padding: 0px 3.125rem; } } .main .login-main .con h2[data-v-480d6974] { margin-top: 1.875rem; font-size: 1.625rem; font-weight: 400; text-align: center; letter-spacing: 0em; margin-bottom: 1.125rem; } .main .login-main .con p[data-v-480d6974] { line-height: 2rem; font-size: 1rem; text-align: center; } .main .login-main .con p .change[data-v-480d6974] { color: rgb(253, 172, 14); text-decoration: underline; cursor: pointer; } .main .login-main .ant-btn[data-v-480d6974] { height: 3.125rem; border-radius: 1.5625rem; margin-top: 1.5625rem; font-size: 1.25rem; } [data-v-b7af570c]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-b7af570c] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-b7af570c] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-b7af570c] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-b7af570c] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-b7af570c] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-b7af570c] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-b7af570c] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-b7af570c] { padding: 0px 20px; } } .ant-form-item[data-v-b7af570c], .ant-radio-wrapper[data-v-b7af570c], .ant-radio-group[data-v-b7af570c] { font-variant: normal !important; } .ant-message[data-v-b7af570c] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-b7af570c] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-b7af570c] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-b7af570c] { display: none; } .account-info-box[data-v-b7af570c] { padding: 14vh 0px 20vh; max-width: 42.875rem; margin: 0px auto; } .account-info-box > h2[data-v-b7af570c] { font-size: 2rem; font-weight: 700; text-align: center; line-height: 2rem; margin-bottom: 3.75rem; } .account-info-box .ant-form[data-v-b7af570c] .ant-switch { display: inline-block; vertical-align: top; margin-right: 0.625rem; } .account-info-box .ant-form[data-v-b7af570c] .ant-form-item-control-input-content label { display: block; } .account-info-box .ant-form .phoneRadio[data-v-b7af570c], .account-info-box .ant-form .subscribeCoupon[data-v-b7af570c] { display: inline-block; background-color: rgb(249, 249, 249); padding: 2rem; width: 100%; min-height: 13.9375rem; margin-left: auto; margin-right: auto; border-radius: 0.375rem; } .account-info-box .ant-form .phoneRadio a[data-v-b7af570c], .account-info-box .ant-form .subscribeCoupon a[data-v-b7af570c] { color: rgb(51, 51, 51); } .account-info-box .ant-form .subscribeCoupon[data-v-b7af570c] { margin-right: 1.25rem; } .account-info-box .ant-form .switch-label-box[data-v-b7af570c] { display: inline-block; width: 30.125rem; vertical-align: top; } .account-info-box .ant-form .switch-label-box .coupon-box[data-v-b7af570c], .account-info-box .ant-form .switch-label-box .phone-input-box[data-v-b7af570c] { display: block; margin-top: 1.25rem; } .account-info-box .ant-form .switch-label-box .phone-input-box[data-v-b7af570c] .ant-input { height: 3.125rem; border-radius: 0.375rem; border-color: rgb(153, 153, 153); } .account-info-box .ant-form .switch-label-box .phone-input-box .optional[data-v-b7af570c] { color: rgb(255, 95, 68); } .account-info-box .ant-form .switch-label-box .label-text[data-v-b7af570c] { font-size: 1.25rem; line-height: 1; } .account-info-box .button-box[data-v-b7af570c] { margin-top: 3.75rem; text-align: center; } .account-info-box .button-box .ant-btn[data-v-b7af570c] { border-radius: 6.1875rem; height: 4.375rem; font-size: 1.25rem; } .interest-model[data-v-b7af570c] { padding-bottom: 0px; } .interest-model p[data-v-b7af570c] { font-size: 1.25rem; text-align: center; } .interest-model span[data-v-b7af570c] { color: rgb(255, 95, 68); } [data-v-a435db2e]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-a435db2e] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-a435db2e] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-a435db2e] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-a435db2e] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-a435db2e] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-a435db2e] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-a435db2e] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-a435db2e] { padding: 0px 20px; } } .ant-form-item[data-v-a435db2e], .ant-radio-wrapper[data-v-a435db2e], .ant-radio-group[data-v-a435db2e] { font-variant: normal !important; } .ant-message[data-v-a435db2e] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-a435db2e] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-a435db2e] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-a435db2e] { display: none; } .choose-your-interests[data-v-a435db2e] { width: 100%; margin: 0px auto; } .choose-your-interests h3[data-v-a435db2e] { font-weight: 700; font-size: 1.125rem; margin: 1.875rem 0px 1rem; } .choose-your-interests .ant-row[data-v-a435db2e] { margin-top: 1.25rem; } .choose-your-interests .ant-row .ant-col[data-v-a435db2e] { cursor: pointer; } .choose-your-interests .ant-row .ant-col > div[data-v-a435db2e] { border: 0.0625rem solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); height: 3.75rem; line-height: 3.75rem; border-radius: 6.25rem; font-size: 1.125rem; display: flex; align-items: center; position: relative; padding: 0px 1.5rem !important; } @media only screen and (max-width: 1480px) { .choose-your-interests .ant-row .ant-col > div[data-v-a435db2e] { font-size: 1rem; } } @media only screen and (max-width: 1200px) { .choose-your-interests .ant-row .ant-col > div[data-v-a435db2e] { font-size: 0.875rem; } } .choose-your-interests .ant-row .ant-col > div > span[data-v-a435db2e] { display: inline-block; margin-left: 0px; vertical-align: middle; font-size: 1rem; } .choose-your-interests .ant-row .ant-col > div > span.img[data-v-a435db2e] { margin-left: 0px; width: 4.375rem; font-size: 0px; margin-right: 0.3125rem; } .choose-your-interests .ant-row .ant-col > div > span.img img[data-v-a435db2e] { width: 4.25rem; } .choose-your-interests .ant-row .ant-col > div[data-v-a435db2e]:hover { background: rgb(244, 244, 244); } .choose-your-interests .ant-row .ant-col > div[data-v-a435db2e]:hover::after, .choose-your-interests .ant-row .ant-col > div.isChecked[data-v-a435db2e]::after { position: absolute; top: 0px; bottom: 0px; right: 1.125rem; margin: auto; z-index: 2; content: ""; display: block; width: 1.625rem; height: 1.125rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/checked-d0692527.png") 0% 0% / 100% 100%; } .choose-your-interests .ant-row .ant-col > div.isChecked[data-v-a435db2e] { background: rgb(244, 244, 244); } [data-v-d59292c4]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-d59292c4] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-d59292c4] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-d59292c4] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-d59292c4] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-d59292c4] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-d59292c4] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-d59292c4] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-d59292c4] { padding: 0px 20px; } } .ant-form-item[data-v-d59292c4], .ant-radio-wrapper[data-v-d59292c4], .ant-radio-group[data-v-d59292c4] { font-variant: normal !important; } .ant-message[data-v-d59292c4] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-d59292c4] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-d59292c4] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-d59292c4] { display: none; } [data-v-d59292c4] .content { padding: 0px !important; } .siteselect-wrapper[data-v-d59292c4] { background: rgba(0, 0, 0, 0.8); z-index: 9999; width: 100%; height: 100vh; position: fixed; top: 0px; left: 0px; display: block; } .siteselect-wrapper .siteselect-inner[data-v-d59292c4] { display: flex; width: 100%; height: 100%; align-items: center; } .siteselect-wrapper .siteselect_box[data-v-d59292c4] { width: auto; height: auto; background: none; margin: 0px auto; position: relative; } .siteselect-wrapper .siteselect_box[data-v-d59292c4] { background: none; width: auto !important; height: auto !important; } .siteselect_box .close-icon[data-v-d59292c4] { position: absolute; top: -0.25rem; right: -2.5rem; display: inline-block; border-radius: 50%; width: 1rem; height: 1rem; padding: 0.3125rem; cursor: pointer; z-index: 1; } .siteselect-wrapper .pop-box[data-v-d59292c4] { width: auto; padding: 2.5rem 3.125rem; background: rgb(255, 255, 255); border-radius: 0.375rem; } .siteselect-wrapper .submit-title[data-v-d59292c4] { text-align: center; margin-top: 0.9375rem; } .orders-list[data-v-d59292c4] { margin-top: 2.5rem; } .orders-list h2[data-v-d59292c4] { display: inline-block; vertical-align: middle; line-height: 2.75rem; color: rgb(0, 0, 0); font-size: 1.875rem; } .orders-list .move[data-v-d59292c4] { float: right; display: block; } .orders-list .move a[data-v-d59292c4] { line-height: 1.8125rem; color: rgb(102, 102, 102); font-size: 1.25rem; } .orders-list .move a .anticon-right[data-v-d59292c4] { font-size: 1rem; } .related-products[data-v-d59292c4] { margin: 0px; } .related-products[data-v-d59292c4] .content { min-width: 100%; } .breadcrumb[data-v-d59292c4] { position: absolute; top: 0px; left: 1.25rem; } .join-costway-plus .con[data-v-d59292c4], .welcome .con[data-v-d59292c4], .my-orders .con[data-v-d59292c4], .join-costway-plus .con[data-v-d59292c4] { clear: both; display: block; max-width: 93.75rem; margin: 0px auto; } .account-index[data-v-d59292c4] { margin: 8.1875rem auto 0px; } .account-index .welcome[data-v-d59292c4] { width: 100%; background: url("https://ca-static.costway.ca/assets/1760598923/images/customer-center-bg-a69b2348.png") center top / 100% no-repeat; } .account-index .welcome .con .title[data-v-d59292c4] { margin-top: 3.25rem; display: block; } .account-index .welcome .con .title h3[data-v-d59292c4] { line-height: 1; color: rgb(0, 0, 0); font-size: 2.25rem; font-weight: 600; text-align: center; margin-bottom: 2.625rem; } .account-index .welcome .con .title p[data-v-d59292c4] { line-height: 2.125rem; color: rgb(0, 0, 0); font-size: 1.75rem; text-align: center; margin-bottom: 6.625rem; } .account-index .welcome .con .title p .icon-gold[data-v-d59292c4] { display: inline-block; margin: 0px 0.3125rem 0px 0px; width: 2.625rem; height: 2.6875rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-gold-a9a39e62.png") left top / 100% 100% no-repeat; vertical-align: bottom; } .account-index .welcome .con .title p .gold-val[data-v-d59292c4] { vertical-align: bottom; line-height: 2.6875rem; font-size: 2.25rem; text-decoration: underline; } .account-index .welcome .con .join-us[data-v-d59292c4] { max-width: 54.375rem; margin: 0px auto; } .account-index .welcome .con .join-us .ant-col[data-v-d59292c4] { height: 7.3125rem; display: flex; align-items: center; justify-content: center; } .account-index .welcome .con .join-us .ant-col[data-v-d59292c4]:first-child { width: 32.5rem; background-color: rgb(44, 44, 44); border-top-left-radius: 6.1875rem; border-bottom-left-radius: 6.1875rem; line-height: 2.75rem; color: rgb(255, 255, 255); font-size: 1.75rem; text-align: center; } .account-index .welcome .con .join-us .ant-col[data-v-d59292c4]:last-child { width: 15.625rem; background: linear-gradient(319.6deg, rgb(218, 180, 129) -7.43%, rgb(215, 159, 85) 173.48%); border-top-right-radius: 6.1875rem; border-bottom-right-radius: 6.1875rem; line-height: 1; color: rgb(34, 34, 34); font-size: 2.25rem; cursor: pointer; } .account-index .nav[data-v-d59292c4] { max-width: 93.75rem; margin: 7.5rem auto 0px; } .account-index .nav .nav-item a[data-v-d59292c4] { display: block; padding: 0px 2.125rem; border-radius: 6.1875rem; background-color: rgb(244, 244, 244); height: 6.5rem; border: 0.125rem solid rgb(244, 244, 244); line-height: 6.25rem; } .account-index .nav .nav-item a .label[data-v-d59292c4] { display: inline-block; vertical-align: middle; font-size: 1.75rem; } .account-index .nav .nav-item a .svg[data-v-d59292c4] { display: inline-block; vertical-align: middle; margin-right: 1.625rem; } .account-index .nav .nav-item.active a[data-v-d59292c4] { color: rgb(187, 152, 94); border: 0.125rem solid rgb(187, 152, 94); background: rgb(255, 255, 255); } .my-orders[data-v-d59292c4] { padding: 2.5rem 0px; } .my-orders .con[data-v-d59292c4] { background-color: rgb(255, 255, 255); } .my-orders .con .orders-list h2[data-v-d59292c4] { display: inline-block; vertical-align: middle; line-height: 2.75rem; color: rgb(0, 0, 0); font-size: 1.75rem; } .my-orders .con .orders-list .move[data-v-d59292c4] { float: right; display: block; } .my-orders .con .orders-list .move a[data-v-d59292c4] { line-height: 2.8125rem; color: rgb(102, 102, 102); font-size: 1.125rem; } .my-orders .con .orders-list .move a .anticon-right[data-v-d59292c4] { font-size: 1rem; } .join-costway-plus[data-v-d59292c4] { background-color: rgb(0, 0, 0); padding-top: 8.25rem; padding-bottom: 15.3125rem; } .join-costway-plus .con[data-v-d59292c4] { text-align: center; } .join-costway-plus .con .plus-title[data-v-d59292c4] { margin-bottom: 5rem; } .col1-layout .main[data-v-d59292c4] { background: rgb(255, 255, 255); } .vip-box[data-v-d59292c4], .vip-box1[data-v-d59292c4] { margin: 0px auto; background: rgb(255, 255, 255); } .points-t[data-v-d59292c4] { height: 17.125rem; padding: 3.125rem 0px 6.6875rem; box-sizing: border-box; background-image: url("https://assets.costway.com/media/wysiwyg/FDS-product/Home/vip/vip21.png"); background-repeat: no-repeat; background-size: 100% 100%; display: flex; align-items: center; flex-wrap: wrap; position: relative; } .points-t.generalTop[data-v-d59292c4] { height: 21.875rem; padding: 1.875rem 0px; box-sizing: border-box; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/user-plus-1fbc8a8b.jpg"); background-repeat: no-repeat; background-size: 100% 100%; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; position: relative; } .points-t.generalTop .joinus[data-v-d59292c4] { position: relative; left: 0px; bottom: 0px; transform: translate(0px); } .points-t > p[data-v-d59292c4] { width: 100%; margin: 0px auto; text-align: center; } .points-t > p[data-v-d59292c4]:nth-of-type(1) { font-size: 1.375rem; font-weight: 700; margin-bottom: 0.625rem; } .points-t p[data-v-d59292c4]:nth-of-type(2) { font-size: 1.125rem; margin: 0px; } .points-t p:nth-of-type(2) img[data-v-d59292c4] { width: 1.875rem; margin: -0.8125rem 0.3125rem 0px; } .generalTop .plus-equity p[data-v-d59292c4] { text-align: center; font-size: 1.125rem; margin-bottom: 0.625rem; } .generalTop .plus-equity p span[data-v-d59292c4] { font-weight: 700; font-size: 1.25rem; } .points-t .points-num[data-v-d59292c4] { font-weight: 700; text-decoration: underline; } .points-t .joinus[data-v-d59292c4] { position: absolute; width: 28.125rem; text-align: center; overflow: hidden; border-radius: 2.5rem; bottom: -1.25rem; left: 50%; transform: translate(-50%); } .points-t .joinus .joinus-l[data-v-d59292c4] { width: 68%; height: 3.75rem; padding: 0px 1.875rem; box-sizing: border-box; background: rgb(44, 44, 44); color: rgb(255, 200, 66); float: left; font-size: 1.0625rem; text-align: center; display: flex; align-items: center; } .points-t .joinus .joinus-r[data-v-d59292c4] { width: 32%; height: 3.75rem; line-height: 3.75rem; font-size: 1.25rem; padding: 0px 1.875rem; box-sizing: border-box; float: right; color: rgb(34, 34, 34); background: rgb(255, 200, 66); } .points-t .enter-user[data-v-d59292c4] { width: 25rem; text-align: center; border-radius: 2.5rem; margin: 1.25rem auto; } .points-t .enter-user .my-level[data-v-d59292c4] { background: rgb(255, 200, 66); color: rgb(19, 19, 19); text-align: center; border-radius: 3.125rem; padding: 0.8125rem 0px; font-size: 1.125rem; } .points-t .enter-user .my-level span[data-v-d59292c4] { color: rgb(0, 0, 0); } .points-t .enter-user .sales-box[data-v-d59292c4] { display: flex; justify-content: space-between; margin-top: 1.25rem; } .points-t .enter-user .sales-box .sales-box-l[data-v-d59292c4], .points-t .enter-user .sales-box .sales-box-r[data-v-d59292c4] { background: rgb(255, 255, 255); border-radius: 0.375rem; padding: 0.375rem 0.9375rem; width: 49%; text-align: left; box-sizing: border-box; cursor: pointer; } .points-t .enter-user .sales-box .sales-box-l span[data-v-d59292c4], .points-t .enter-user .sales-box .sales-box-r span[data-v-d59292c4] { font-size: 1.25rem; font-weight: 700; } .account-index .navigation-main ul[data-v-d59292c4] { width: 75rem; margin: 6.875rem auto 0px; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 1.875rem; } .account-index .navigation-main ul li.navi-list[data-v-d59292c4] { width: 30%; height: 3.4375rem; line-height: 3.4375rem; background: rgb(244, 244, 244); color: rgb(51, 51, 51); font-size: 1.25rem; cursor: pointer; border-radius: 1.875rem; margin-bottom: 1.875rem; box-sizing: border-box; border: 0.0625rem solid rgb(244, 244, 244); } .account-index .navigation-main ul li.navi-list a[data-v-d59292c4] { display: inline-block; width: 100%; } .account-index .navigation-main ul li[data-v-d59292c4]:nth-of-type(2n+1) { float: left; } .account-index .navigation-main ul li[data-v-d59292c4]:nth-of-type(2n) { float: right; } .account-index .navi-list .info-icon[data-v-d59292c4] { width: 2rem; height: 2rem; margin: 0.625rem 1.25rem; float: left; vertical-align: text-top; } .account-index .navi-list .info-icon img[data-v-d59292c4], .account-index .navi-list1 .info-icon img[data-v-d59292c4] { width: 100%; vertical-align: revert; } .account-index .navi-list p[data-v-d59292c4] { font-size: 1.125rem; color: rgb(51, 51, 51); margin-left: 1.25rem; height: 3.375rem; line-height: 3.375rem; float: left; transition: 0.2s; } .account-index .navi-list .info-icon svg[data-v-d59292c4] { transition: all; display: inline-block; vertical-align: middle; } .account-index .navi-list .info-icon svg path[data-v-d59292c4] { transition: all !important; } .account-index .navi-list .info-jt[data-v-d59292c4] { float: right; margin-right: 2.5rem; transition: 0.3s; } .account-index .navi-list:hover .info-icon img[data-v-d59292c4] { width: 100%; } .account-index .navigation-main ul li.navi-list[data-v-d59292c4]:hover { background: rgb(255, 255, 255); border: 0.0625rem solid rgb(255, 95, 68); } .account-index .navi-list:hover .info-icon svg path[data-v-d59292c4], .account-index .navi-list:hover svg path[data-v-d59292c4] { fill: rgb(255, 95, 68); } .account-index .navi-list:hover .info-icon svg path[data-v-d59292c4] { fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); } .account-index .navi-list:hover p[data-v-d59292c4] { color: rgb(255, 95, 68) !important; } .account-index .navi-list:hover .info-jt[data-v-d59292c4] { margin-right: 1.875rem; } .vip-js .vip-content[data-v-d59292c4] { width: 56.25rem; margin: 0px auto; padding-bottom: 5rem; box-sizing: border-box; } .vip-js .vip-content .content-img[data-v-d59292c4] { width: 100%; } .col1-layout .main .col-main[data-v-d59292c4], .cms-page-view .wrapper .main-container[data-v-d59292c4] { width: 100% !important; margin: 0px !important; padding: 0px !important; } .content[data-v-d59292c4] { width: 62.5rem; margin: 0px auto 6.25rem; box-sizing: border-box; } .points-t1[data-v-d59292c4] { height: 22.8125rem; padding: 1.875rem 0px 7.5rem; box-sizing: border-box; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/user-plus-1fbc8a8b.jpg"); background-repeat: no-repeat; background-size: 100% 100%; position: relative; } .points-t1 > p[data-v-d59292c4] { width: 100%; margin: 0px auto; color: rgb(0, 0, 0); text-align: center; } .points-t1 > p[data-v-d59292c4]:nth-of-type(1) { font-size: 1.25rem; font-weight: 700; } .points-t1 .user-card[data-v-d59292c4] { position: absolute; width: 27.5625rem; height: 16.3125rem; padding: 2rem 1.375rem 0px; box-sizing: border-box; text-align: center; overflow: hidden; border-radius: 2.5rem; bottom: 1.875rem; left: 50%; transform: translate(-50%); background-image: url("https://ca-static.costway.ca/assets/1760598923/images/plus31-795e62b7.png"); background-repeat: no-repeat; background-size: 100% 100%; } .plus-banner img[data-v-d59292c4] { width: 100%; cursor: pointer; } .user-card p[data-v-d59292c4] { color: rgb(34, 34, 34); text-align: left; margin-bottom: 0px !important; } .user-card .user-card-t[data-v-d59292c4] { overflow: hidden; } .user-card .user-card-t .vip23[data-v-d59292c4] { width: 11.25rem; float: left; margin: 0.625rem 1.875rem; } .user-card .user-card-t .vip24[data-v-d59292c4] { width: 2.5rem; float: right; margin-right: 1.875rem; } .user-card .user-card-c[data-v-d59292c4] { overflow: hidden; margin: 0.625rem 0px; } .user-card .user-card-c .card-points[data-v-d59292c4] { width: 45%; box-sizing: border-box; display: inline-block; padding: 0px 0px 0px 1.25rem; float: left; } .user-card .user-card-c .card-points .points-text .points[data-v-d59292c4] { font-weight: 700; font-size: 1.875rem; } .user-card .user-card-c .card-points .points-type[data-v-d59292c4] { font-size: 0.875rem; margin-top: 0.25rem; } .user-card .user-card-c .card-date[data-v-d59292c4] { width: 55%; box-sizing: border-box; display: inline-block; padding: 0px 0px 0px 1.25rem; margin-top: 1.875rem; float: left; border-left: 0.0625rem solid rgb(232, 232, 232); } .user-card .user-card-c .card-date .card-date-t[data-v-d59292c4] { font-size: 0.875rem; } .user-card .user-card-c .card-date .card-date-c[data-v-d59292c4] { display: flex; align-items: center; } .user-card .user-card-c .card-date .svg-question[data-v-d59292c4] { width: 1.5rem; height: 1.5rem; } .user-card .to-renew[data-v-d59292c4] { background: rgb(255, 255, 255); border: 0.0625rem solid rgb(34, 34, 34); border-radius: 2.5rem; text-align: center; font-size: 0.875rem; color: rgb(11, 11, 11); float: left; margin-top: 0.625rem; padding: 0.3125rem 0.625rem; } .user-card .user-card-c .card-date p[data-v-d59292c4] { margin-bottom: 0px !important; } .user-card-b[data-v-d59292c4] { margin-top: 1.3125rem; height: 3.125rem; line-height: 3.125rem; padding: 0px 1.875rem 0px 0.625rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; font-size: 0.9375rem; } .user-card-b .svg-points[data-v-d59292c4] { margin: -0.1875rem 0.625rem -0.25rem 3.125rem; display: inline-block; vertical-align: text-bottom; width: 1.25rem; height: 2rem; } .user-card-b .svg-right[data-v-d59292c4] { width: 0.625rem; height: 1.0625rem; margin-left: 1.25rem; } .user-card-b .points-num[data-v-d59292c4] { text-decoration: underline; font-size: 1.125rem; font-weight: 700; color: rgb(51, 51, 51); } .account-index .navigation1-main ul[data-v-d59292c4] { width: 75rem; margin: 6.875rem auto 0px; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 1.875rem; } .account-index .navigation1-main ul li.navi-list1[data-v-d59292c4] { width: 30%; height: 3.4375rem; line-height: 3.4375rem; background: rgb(19, 19, 19); color: rgb(255, 255, 255); font-size: 1.25rem; cursor: pointer; border-radius: 1.875rem; margin-bottom: 1.875rem; box-sizing: border-box; border: 0.0625rem solid rgb(13, 12, 9); } .account-index .navigation1-main ul li.navi-list1 a[data-v-d59292c4] { display: inline-block; width: 100%; } .account-index .navigation1-main ul li[data-v-d59292c4]:nth-of-type(2n+1) { float: left; } .account-index .navigation1-main ul li[data-v-d59292c4]:nth-of-type(2n) { float: right; } .account-index .navi-list1 .info-icon[data-v-d59292c4] { width: 2rem; height: 2rem; margin: 0.625rem 1.25rem; float: left; vertical-align: text-top; } .account-index .navi-list1 p[data-v-d59292c4] { font-size: 1.125rem; color: rgb(255, 255, 255); margin-left: 1.25rem; height: 3.375rem; line-height: 3.375rem; float: left; transition: 0.2s; } .account-index .navi-list1 .info-icon svg[data-v-d59292c4] { transition: all; display: inline-block; vertical-align: middle; } .account-index .navi-list1 .info-icon svg path[data-v-d59292c4] { transition: all !important; } .account-index .navi-list1 .info-jt[data-v-d59292c4] { float: right; margin-right: 2.5rem; transition: 0.3s; } .account-index .navi-list1:hover .info-icon img[data-v-d59292c4] { width: 100%; } .account-index .navigation1-main ul li.navi-list1[data-v-d59292c4]:hover { background: rgb(255, 255, 255); border: 0.0625rem solid rgb(255, 95, 68); } .vip-box1 .navigation1-main ul li.navi-list1[data-v-d59292c4]:hover { background: rgb(19, 19, 19); border: 0.0625rem solid rgb(255, 95, 68); } .account-index .navi-list1:hover .info-icon svg path[data-v-d59292c4], .account-index .navi-list1:hover svg path[data-v-d59292c4] { fill: rgb(255, 95, 68); } .account-index .navi-list1:hover .info-icon svg path[data-v-d59292c4] { fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); } .account-index .navi-list1:hover p[data-v-d59292c4] { color: rgb(255, 95, 68) !important; } .account-index .navi-list1:hover .info-jt[data-v-d59292c4] { margin-right: 1.875rem; } .vip-js[data-v-d59292c4] { background: rgb(13, 12, 9); } .vip-js .vip-content[data-v-d59292c4] { width: 50rem; margin: 0px auto; padding: 3.75rem 0px; box-sizing: border-box; } .vip-js .invite-box[data-v-d59292c4] { width: 100%; margin: 2.5rem 0px; background: rgb(223, 184, 129); border-radius: 0.625rem; padding: 2.8125rem 0px 1.25rem; box-sizing: border-box; } .vip-js .invite-wait[data-v-d59292c4] { display: flex; align-items: center; flex-wrap: wrap; padding: 0px 0.625rem; } .vip-js .invite-top[data-v-d59292c4] { width: 100%; max-height: 24.75rem; overflow-y: auto; } .vip-js .invite-now[data-v-d59292c4], .vip-js .invite-success[data-v-d59292c4], .vip-js .invite-pending[data-v-d59292c4] { overflow: hidden; padding: 0px 2.875rem; box-sizing: border-box; width: 100%; } .vip-js .invite-now input[data-v-d59292c4], .vip-js .invite-success .invite-email[data-v-d59292c4], .vip-js .invite-pending .invite-email[data-v-d59292c4] { width: 55%; height: 2.5rem; line-height: 2.5rem; border: none; border-radius: 1.875rem; background: rgb(255, 255, 255); float: left; margin-right: 0.9375rem; padding-left: 0.9375rem; } .vip-js .invite-now .ant-row[data-v-d59292c4] { width: 55%; display: inline-block; float: left; margin-right: 0.9375rem; } .vip-js .invite-now .ant-row input[data-v-d59292c4] { width: 100%; } .vip-js .invite-success .invite-btn[data-v-d59292c4], .vip-js .invite-pending .invite-btn[data-v-d59292c4] { height: 2.5625rem; line-height: 2.5rem; font-size: 0.9375rem; } .vip-js .invite-success .invite-email[data-v-d59292c4], .vip-js .invite-pending .invite-email[data-v-d59292c4] { background: rgb(253, 225, 186); } .vip-js .invite-now .invite-btn[data-v-d59292c4] { width: 8.75rem; height: 2.5rem; background: rgb(0, 0, 0); border-radius: 1.875rem; color: rgb(255, 255, 255); text-align: center; cursor: pointer; float: left; } .vip-js .extend-now[data-v-d59292c4] { width: 20.625rem; text-align: center; display: block; padding: 0.875rem 1.5625rem; border: 0.0625rem solid rgb(102, 102, 102); color: rgb(102, 102, 102); border-radius: 1.875rem; margin: 1.875rem auto; font-size: 1.25rem; cursor: not-allowed; } .vip-js .extend-now.get-now[data-v-d59292c4] { background: linear-gradient(270deg, rgb(196, 144, 73) -21.69%, rgb(243, 199, 139) 66.54%, rgb(255, 218, 166) 98.37%); border: 0.0625rem solid rgb(254, 204, 134); cursor: pointer; color: rgb(0, 0, 0); } .vip-js .invite-checked input[data-v-d59292c4] { background: rgb(253, 225, 186); } .vip-js .invite-checked .invite-btn[data-v-d59292c4] { width: 9.75rem; background: none; color: rgb(51, 51, 51); } @media (max-width: 1260px) { .points-t .joinus[data-v-d59292c4] { width: 39.375rem; } } @media (max-width: 976px) { .points-t .joinus[data-v-d59292c4] { width: 50rem; } .points-t .joinus .joinus-l[data-v-d59292c4] { line-height: 1.625rem; } } [data-v-9e328742]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-9e328742] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-9e328742] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-9e328742] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-9e328742] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-9e328742] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-9e328742] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-9e328742] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-9e328742] { padding: 0px 20px; } } .ant-form-item[data-v-9e328742], .ant-radio-wrapper[data-v-9e328742], .ant-radio-group[data-v-9e328742] { font-variant: normal !important; } .ant-message[data-v-9e328742] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-9e328742] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-9e328742] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-9e328742] { display: none; } .banner[data-v-9e328742] { margin: -0.5rem 0px 1.25rem; cursor: pointer; } .banner img[data-v-9e328742] { width: 100%; } .orders-list-data[data-v-9e328742] .ant-table .ant-table-thead > tr > th, .orders-list-data[data-v-9e328742] .ant-table .ant-table-tbody > tr > td, .orders-list-data[data-v-9e328742] .ant-table .ant-table tfoot > tr > th, .orders-list-data[data-v-9e328742] .ant-table .ant-table tfoot > tr > td { padding: 1rem 0.625rem; } .orders-list-data[data-v-9e328742] .ant-table .ant-table-thead .ant-table-cell { white-space: nowrap; background: transparent !important; } .orders-list-data[data-v-9e328742] .ant-table .ant-table-thead .ant-table-cell::before { display: none; } .orders-list-data[data-v-9e328742] .ant-table .ant-table-tbody .ant-table-cell a:last-child { text-align: center; } .orders-list-data[data-v-9e328742] .ant-table .ant-table-tbody .ant-table-cell:last-child { max-width: 16.25rem; } .orders-list-data[data-v-9e328742] .ant-table .action a, .orders-list-data[data-v-9e328742] .ant-table .action button { line-height: 2.5rem; display: inline-block; min-width: 7.5rem; border-radius: 1.25rem; height: 2.5rem; text-align: center; font-size: 1rem; } .orders-list-data[data-v-9e328742] .ant-table .action a { background-color: rgb(253, 172, 14); color: rgb(255, 255, 255); } .orders-list-data[data-v-9e328742] .ant-table .action button { padding: 0px; border: 1px solid rgb(204, 204, 204); color: rgb(51, 51, 51); } .order-list .item[data-v-9e328742] { border-radius: 0.5rem; border: 0.0625rem solid rgb(244, 244, 244); margin-bottom: 1.25rem; position: relative; } .order-list .item .first-line[data-v-9e328742] { width: 63.125rem; height: 2.1875rem; background-color: rgb(244, 244, 244); line-height: 2.1875rem; padding: 0px 1.875rem 0px 1.25rem; } .order-list .item .first-line .title[data-v-9e328742] { display: flex; justify-content: space-between; } .order-list .item .second-line[data-v-9e328742] { padding: 0px 1.25rem; } .order-list .item .second-line .second-content .product[data-v-9e328742] { display: flex; padding-top: 1.25rem; margin: 1.25rem 0px; height: 8.125rem; } .order-list .item .second-line .second-content .product .picture[data-v-9e328742] { width: 5rem; height: 5rem; margin-right: 1.25rem; } .order-list .item .second-line .second-content .product .picture img[data-v-9e328742] { width: 100%; height: 100%; } .order-list .item .second-line .second-content .product .message[data-v-9e328742] { margin-right: 2.5rem; font-size: 0.875rem; } .order-list .item .second-line .second-content .product .message .product-name[data-v-9e328742] { width: 25rem; } .order-list .item .second-line .second-content .product .message .product-type[data-v-9e328742] { display: flex; margin-top: 0.625rem; } .order-list .item .second-line .second-content .product .message .product-type .color .type[data-v-9e328742] { display: flex; } .order-list .item .second-line .second-content .product .message .product-type .color .type p[data-v-9e328742] { width: 9.375rem; height: 1.875rem; text-align: center; line-height: 1.875rem; font-size: 0.875rem; background-color: rgb(249, 249, 249); margin-right: 0.625rem; } .order-list .item .second-line .second-content .product .message .product-type .item-no[data-v-9e328742] { width: 9.375rem; height: 1.875rem; text-align: center; font-size: 0.875rem; line-height: 1.875rem; background-color: rgb(249, 249, 249); } .order-list .item .button[data-v-9e328742] { position: absolute; left: 84%; top: 4.375rem; width: 7.5rem; display: flex; flex-wrap: wrap; } .order-list .item .button .button1[data-v-9e328742] { width: 7.5rem; height: 2.125rem; background-color: rgb(255, 195, 56); border: none; border-radius: 0.9375rem; text-align: center; line-height: 2.125rem; } .order-list .item .button .button1 .button1-content[data-v-9e328742] { color: rgb(255, 255, 255); } .order-list .item .button .button2[data-v-9e328742], .order-list .item .button .cancel[data-v-9e328742] { width: 7.5rem; background-color: rgb(255, 255, 255); border: 0.0625rem solid rgb(204, 204, 204); color: rgb(51, 51, 51); border-radius: 1rem; margin-top: 0.625rem; text-align: center; } .order-list .item .all-price[data-v-9e328742] { position: absolute; top: 4.6875rem; left: 55%; } .order-list .item .canceled[data-v-9e328742] { position: absolute; left: 68%; top: 4.375rem; color: rgb(153, 153, 153); width: 9.375rem; } [data-v-8e22c4d4]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-8e22c4d4] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-8e22c4d4] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-8e22c4d4] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-8e22c4d4] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-8e22c4d4] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-8e22c4d4] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-8e22c4d4] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-8e22c4d4] { padding: 0px 20px; } } .ant-form-item[data-v-8e22c4d4], .ant-radio-wrapper[data-v-8e22c4d4], .ant-radio-group[data-v-8e22c4d4] { font-variant: normal !important; } .ant-message[data-v-8e22c4d4] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-8e22c4d4] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-8e22c4d4] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-8e22c4d4] { display: none; } .content-box[data-v-8e22c4d4] { background: rgb(249, 249, 249); padding: 1.875rem 0px; } .content-box .content-t[data-v-8e22c4d4] { background: rgb(255, 255, 255); padding: 3.125rem 0px; } .content-box .content-t h1[data-v-8e22c4d4], .content-box .content-t .coin-p[data-v-8e22c4d4] { text-align: center; } .content-box .content-t .coin-p span[data-v-8e22c4d4]:nth-child(1) { font-weight: 700; } .content-box .content-t .coin-p span[data-v-8e22c4d4]:nth-child(2) { color: rgb(253, 172, 14); cursor: pointer; text-decoration: underline; } .content-box .content-t .coin-p span.user-amount[data-v-8e22c4d4] { cursor: text; font-weight: 700; color: rgb(253, 172, 14); } .content-box .content-t[data-v-8e22c4d4] .ant-form { margin-top: 1.25rem; } .content-box .content-t[data-v-8e22c4d4] .ant-form .ant-form-item { margin-bottom: 0.3125rem; } .content-box .content-t[data-v-8e22c4d4] .ant-form .ant-input { border: 0.0625rem solid rgb(204, 204, 204); height: 2.5rem; } .content-box .content-t[data-v-8e22c4d4] .ant-form .ant-input.err-input { border: 0.0625rem solid rgb(255, 95, 68); } .content-box .content-t[data-v-8e22c4d4] .ant-form .ant-btn { height: 2.5rem; padding: 0px 1.875rem; } .content-box .content-t[data-v-8e22c4d4] .ant-form .ant-col-offset-8 { margin-left: 10%; } .content-box .content-t .err-msg[data-v-8e22c4d4] { text-align: center; color: rgb(255, 95, 68); } .content-box .content-b[data-v-8e22c4d4] { background: rgb(255, 255, 255); padding: 3.125rem 0px; margin-top: 1.875rem; } .content-box .content-b .container-b[data-v-8e22c4d4] { width: 54.375rem; margin: 0px auto; } .content-box .content-b .container-b h3[data-v-8e22c4d4] { font-weight: 700; } .content-box .content-b .container-b .sec-h3[data-v-8e22c4d4] { margin-top: 2.5rem; } .content-box .content-b .container-b .table-box[data-v-8e22c4d4] { border: 0.0625rem solid rgb(244, 244, 244); border-radius: 0.375rem; border-spacing: 0px; border-collapse: collapse; margin-bottom: 1.5625rem; } .content-box .content-b .container-b table[data-v-8e22c4d4] { width: 100%; } .content-box .content-b .container-b table tr:nth-of-type(1) td[data-v-8e22c4d4] { font-weight: 700; } .content-box .content-b .container-b table tr[data-v-8e22c4d4]:nth-of-type(2n) { background: rgb(247, 247, 247); } .content-box .content-b .container-b table tr td[data-v-8e22c4d4] { text-align: center; padding: 1.25rem; } .content-box .content-b .container-b p a[data-v-8e22c4d4] { text-decoration: underline; } .detail-p[data-v-8e22c4d4] { margin-bottom: 0.1875rem; } [data-v-8e22c4d4] .footer { margin-top: 0px !important; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .mile-modal .ant-modal-content { background: none; } .mile-modal .ant-modal-body { background: rgba(0, 0, 0, 0.8); padding: 2.5rem; text-align: center; border-radius: 0.75rem; } .mile-modal .ant-modal-body img { width: 12.5rem; height: 12.5rem; } .mile-modal .ant-modal-body img.disabled { filter: grayscale(100%); } .mile-modal .ant-modal-body p { text-align: center; color: rgb(255, 255, 255); margin-top: 1.25rem; } .mile-modal .ant-modal-body span { display: block; cursor: pointer; margin: 0px auto; width: 9.5rem; height: 3.125rem; line-height: 3.125rem; text-align: center; font-size: 1.375rem; border-radius: 1.5625rem; background: rgb(255, 200, 66); } .mile-modal .ant-modal-close { display: none; } [data-v-f73b0312]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-f73b0312] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-f73b0312] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-f73b0312] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-f73b0312] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-f73b0312] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-f73b0312] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-f73b0312] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-f73b0312] { padding: 0px 20px; } } .ant-form-item[data-v-f73b0312], .ant-radio-wrapper[data-v-f73b0312], .ant-radio-group[data-v-f73b0312] { font-variant: normal !important; } .ant-message[data-v-f73b0312] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-f73b0312] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-f73b0312] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-f73b0312] { display: none; } .MilestoneBadge[data-v-f73b0312] { padding: 3.125rem; background: linear-gradient(rgb(255, 249, 235) 61.09%, rgba(245, 245, 245, 0) 100%); } .MilestoneBadge .banner img[data-v-f73b0312] { width: 90rem; display: block; margin: 0px auto 1.875rem; } .MilestoneBadge .table ul li[data-v-f73b0312] { margin-bottom: 0px !important; } .MilestoneBadge .table ul li span[data-v-f73b0312] { width: 50%; height: 2.5rem; line-height: 2.5rem; padding-left: 1.25rem; display: inline-block; text-align: left; color: rgb(102, 102, 102); border-bottom: 0.125rem solid rgb(255, 255, 255); background: rgb(241, 241, 241); } .MilestoneBadge .table ul li span[data-v-f73b0312]:nth-of-type(1) { border-right: 0.125rem solid rgb(255, 255, 255); } .MilestoneBadge .table ul li .special[data-v-f73b0312] { background: rgb(246, 246, 246); } .MilestoneBadge .table ul li.header[data-v-f73b0312] { background: rgb(188, 188, 188); } .MilestoneBadge .table ul li.header span[data-v-f73b0312] { height: 3.375rem; line-height: 3.375rem; color: rgb(255, 255, 255); border-right: none; background: none; } .MilestoneBadge .progress[data-v-f73b0312] { width: 55.625rem; margin: 0px auto; } .MilestoneBadge .progress .t-box[data-v-f73b0312] { position: relative; } .MilestoneBadge .progress .t-box p[data-v-f73b0312] { text-align: center; margin-bottom: 0.3125rem; font-weight: 700; } .MilestoneBadge .progress .t-box p[data-v-f73b0312]:nth-of-type(1) { font-size: 1.5rem; } .MilestoneBadge .progress .t-box p[data-v-f73b0312]:nth-of-type(2), .MilestoneBadge .progress .t-box p[data-v-f73b0312]:nth-of-type(3) { font-size: 1.5rem; font-weight: 700; } .MilestoneBadge .progress .t-box p:nth-of-type(2) span[data-v-f73b0312], .MilestoneBadge .progress .t-box p:nth-of-type(3) span[data-v-f73b0312] { color: rgb(255, 113, 85); } .MilestoneBadge .progress .rules-img[data-v-f73b0312] { cursor: pointer; width: 6rem; position: absolute; top: 50%; transform: translateY(-50%); right: -8.125rem; } .MilestoneBadge .progress .login[data-v-f73b0312] { display: block; width: 13.375rem; height: 3rem; text-align: center; line-height: 3rem; color: rgb(255, 255, 255); border-radius: 3.125rem; background: rgb(255, 95, 68); margin: 1.25rem auto; cursor: pointer; } .MilestoneBadge .progress .progress-box[data-v-f73b0312] { width: 52.5rem; margin: 2.5rem auto 0px; } .MilestoneBadge .progress .progress-box .t div[data-v-f73b0312] { display: inline-block; width: 25%; position: relative; } .MilestoneBadge .progress .progress-box .t div p[data-v-f73b0312] { text-align: center; margin-bottom: 0px; } .MilestoneBadge .progress .progress-box .t div p.c1[data-v-f73b0312] { color: rgb(151, 184, 66); } .MilestoneBadge .progress .progress-box .t div p.c2[data-v-f73b0312] { color: rgb(255, 95, 68); } .MilestoneBadge .progress .progress-box .t div p.c3[data-v-f73b0312] { color: rgb(255, 200, 66); } .MilestoneBadge .progress .progress-box .t div p.c4[data-v-f73b0312] { color: rgb(98, 143, 244); } .MilestoneBadge .progress .progress-box .t div p[data-v-f73b0312]:nth-of-type(1) { font-size: 1.75rem; line-height: 1.25rem; font-weight: 700; } .MilestoneBadge .progress .progress-box .t div p[data-v-f73b0312]:nth-of-type(2) { font-size: 1.25rem; } .MilestoneBadge .progress .progress-box .t div .dots[data-v-f73b0312] { width: 1.625rem; height: 1.625rem; display: block; border-radius: 50%; background: rgb(255, 200, 66); box-shadow: rgba(224, 86, 0, 0.4) 0px -0.125rem 0.125rem inset; position: absolute; left: 50%; bottom: -2.3125rem; transform: translate(-50%); } .MilestoneBadge .progress .progress-box .c[data-v-f73b0312] { width: 52.5rem; height: 0.625rem; border-radius: 0.625rem; margin-top: 1.25rem; background-color: rgb(255, 240, 204); box-shadow: rgba(255, 143, 38, 0.25) 0px 0.533vw 0.533vw inset; overflow: hidden; } .MilestoneBadge .progress .progress-box .c .bar[data-v-f73b0312] { width: 50%; height: 100%; background-color: rgb(255, 95, 68); box-shadow: rgb(255, 95, 68) 0px 0.533vw 0.533vw inset; border-radius: 0.625rem; } .MilestoneBadge .progress .progress-box .b div[data-v-f73b0312] { display: inline-block; width: 25%; position: relative; margin-top: 1.25rem; text-align: center; } .MilestoneBadge .progress .progress-box .b div p[data-v-f73b0312] { margin-bottom: 0px; text-align: center; } .MilestoneBadge .progress .progress-box .b div p[data-v-f73b0312]:nth-of-type(1) { font-size: 1rem; } .MilestoneBadge .progress .progress-box .b div p[data-v-f73b0312]:nth-of-type(2) { font-weight: 700; } .MilestoneBadge .progress .progress-box .b div span[data-v-f73b0312] { display: inline-block; text-align: center; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.1); font-size: 0.875rem; padding: 0.125rem 0.625rem; border-radius: 0.9375rem; margin-top: 0.75rem; cursor: pointer; } .MilestoneBadge .progress .progress-box .b div span.redeem-rewards[data-v-f73b0312] { background: rgb(255, 95, 68); box-shadow: rgba(224, 86, 0, 0.4) 0px -0.125rem 0.25rem inset; } .MilestoneBadge .card[data-v-f73b0312] { width: 71.5rem; padding: 1.875rem 3.125rem; background: rgb(255, 255, 255); overflow: hidden; margin: 2.5rem auto; } .MilestoneBadge .card ul[data-v-f73b0312] { float: left; display: flex; justify-content: space-between; width: 35.625rem; flex-wrap: wrap; } .MilestoneBadge .card ul li[data-v-f73b0312] { width: 7.875rem; height: 10.875rem; padding: 0.3125rem 0.25rem; cursor: pointer; margin-bottom: 0.9375rem; } .MilestoneBadge .card ul li.c0[data-v-f73b0312] { background: rgb(191, 191, 191) !important; } .MilestoneBadge .card ul li.c0 p[data-v-f73b0312] { color: rgb(191, 191, 191) !important; } .MilestoneBadge .card ul li.c1[data-v-f73b0312] { background: rgb(151, 184, 66); } .MilestoneBadge .card ul li.c1 p[data-v-f73b0312] { color: rgb(151, 184, 66); } .MilestoneBadge .card ul li.c2[data-v-f73b0312] { background: rgb(255, 95, 68); } .MilestoneBadge .card ul li.c2 p[data-v-f73b0312] { color: rgb(255, 95, 68); } .MilestoneBadge .card ul li.c3[data-v-f73b0312] { background: rgb(255, 200, 66); } .MilestoneBadge .card ul li.c3 p[data-v-f73b0312] { color: rgb(255, 200, 66); } .MilestoneBadge .card ul li.c4[data-v-f73b0312] { background: rgb(98, 143, 244); } .MilestoneBadge .card ul li.c4 p[data-v-f73b0312] { color: rgb(98, 143, 244); } .MilestoneBadge .card ul li div[data-v-f73b0312] { width: 7.3125rem; height: 10.3125rem; background: rgb(255, 255, 255); border-radius: 0.75rem; padding: 1.25rem 0px; text-align: center; } .MilestoneBadge .card ul li div p[data-v-f73b0312] { text-align: center; margin-bottom: 0px; } .MilestoneBadge .card ul li div p[data-v-f73b0312]:nth-of-type(1) { font-size: 0.875rem; } .MilestoneBadge .card ul li div p[data-v-f73b0312]:nth-of-type(2) { font-size: 1.625rem; font-weight: 700; line-height: 1.5rem; margin-bottom: 0.75rem; } .MilestoneBadge .card ul li div img[data-v-f73b0312] { width: 4.5rem; height: 4.5rem; display: inline-block; } .MilestoneBadge .card ul li div img.disabled[data-v-f73b0312] { filter: grayscale(100%); } .MilestoneBadge .card .r[data-v-f73b0312] { width: 25rem; float: right; } .MilestoneBadge .card .r h1[data-v-f73b0312] { font-size: 1.5rem; margin-bottom: 1.25rem; text-align: center; font-weight: 700; } .MilestoneBadge .card .r .list .item[data-v-f73b0312] { display: flex; justify-content: start; margin-bottom: 0.625rem; } .MilestoneBadge .card .r .list .item span[data-v-f73b0312]:nth-of-type(1) { width: 6.625rem; color: rgb(102, 102, 102); margin-right: 1.25rem; } .MilestoneBadge .card .r .list .item span[data-v-f73b0312]:nth-of-type(2) { display: inline-block; width: 16.8125rem; color: rgb(102, 102, 102); } .MilestoneBadge .badge-campaign-rules[data-v-f73b0312] { width: 71.25rem; margin: 0px auto 2rem; border-radius: 0.75rem; font-size: 1rem; color: rgb(34, 34, 34); } .MilestoneBadge .badge-campaign-rules p[data-v-f73b0312] { margin-bottom: 0.625rem; color: rgb(102, 102, 102); } .MilestoneBadge .badge-campaign-rules h2[data-v-f73b0312] { font-size: 1.375rem; font-weight: 700; margin-bottom: 1.125rem; } .MilestoneBadge .badge-campaign-rules .section[data-v-f73b0312] { margin-bottom: 1.5rem; } .MilestoneBadge .badge-campaign-rules .section b[data-v-f73b0312] { text-decoration: underline; } .MilestoneBadge .badge-campaign-rules ul[data-v-f73b0312] { margin-bottom: 0.625rem; } .MilestoneBadge .badge-campaign-rules ul li[data-v-f73b0312] { color: rgb(102, 102, 102); margin-bottom: 0.3125rem; } .MilestoneBadge .mb1[data-v-f73b0312] { margin-bottom: 1.5625rem !important; } .MilestoneBadge .badge-campaign-rules table.reward-table[data-v-f73b0312] { width: 100%; border-collapse: collapse; margin: 1rem 0px; background: rgb(255, 255, 255); } .MilestoneBadge .badge-campaign-rules table.reward-table th[data-v-f73b0312], .MilestoneBadge .badge-campaign-rules table.reward-table td[data-v-f73b0312] { border: 0.0625rem solid rgb(204, 204, 204); padding: 0.5rem 0.75rem; text-align: left; font-size: 0.9375rem; } .MilestoneBadge .badge-campaign-rules table.reward-table th[data-v-f73b0312] { background: rgb(230, 230, 230); font-weight: 600; } .MilestoneBadge .badge-campaign-rules .milestone-note[data-v-f73b0312] { margin-top: 0.625rem; font-weight: 500; font-size: 1.25rem; margin-bottom: 0.625rem; } .MilestoneBadge .badge-campaign-rules .milestone-note img[data-v-f73b0312] { width: 2.875rem; vertical-align: middle; } .MilestoneBadge .badge-campaign-rules .milestone-note b[data-v-f73b0312] { text-decoration: none; } .milestone-lottery[data-v-f73b0312] { width: 41.75rem; margin: 3.125rem auto 3.75rem; } .milestone-lottery .info h1[data-v-f73b0312] { font-size: 2.5rem; margin-bottom: 0px; text-align: center; } .milestone-lottery .info h2[data-v-f73b0312] { font-size: 1.875rem; color: rgb(255, 95, 68); margin-bottom: 0px; text-align: center; } .milestone-lottery .info2[data-v-f73b0312] { cursor: pointer; } .milestone-lottery .info2 h2[data-v-f73b0312] { font-size: 1.875rem; color: rgb(255, 95, 68); margin-bottom: 0px; text-align: center; text-decoration: underline; } .turntable-bot[data-v-f73b0312] { width: 35.4375rem; height: 5.875rem; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%); } .turntable-zhuan[data-v-f73b0312] { width: 41.75rem; height: 45.3125rem; position: relative; margin-top: 1.25rem; } .turntable[data-v-f73b0312] { position: absolute; bottom: 4.0625rem; left: 50%; transform: translate(-50%); z-index: 9; } .start[data-v-f73b0312] { width: 9.5rem; height: 9.5rem; position: absolute; z-index: 10; left: 50%; transform: translate(-50%); top: 15.625rem; } .start img[data-v-f73b0312] { width: 100%; height: 100%; cursor: pointer; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .nospinpop .ant-modal-close-x { color: rgb(255, 255, 255); } [data-v-fc73040c]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-fc73040c] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-fc73040c] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-fc73040c] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-fc73040c] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-fc73040c] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-fc73040c] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-fc73040c] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-fc73040c] { padding: 0px 20px; } } .ant-form-item[data-v-fc73040c], .ant-radio-wrapper[data-v-fc73040c], .ant-radio-group[data-v-fc73040c] { font-variant: normal !important; } .ant-message[data-v-fc73040c] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-fc73040c] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-fc73040c] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-fc73040c] { display: none; } .costwayday25 .title[data-v-fc73040c] { text-align: center; } .costwayday25 .title h1[data-v-fc73040c] { font-size: 3.5rem; font-weight: 700; margin-bottom: 0.625rem; padding-top: 1.875rem; } .costwayday25 .title h2[data-v-fc73040c] { font-size: 2.5rem; font-weight: 700; margin-bottom: 0.625rem; } .costwayday25 .title h4[data-v-fc73040c] { font-size: 1.5rem; } .costwayday25 .title p[data-v-fc73040c] { font-size: 1.25rem; } .costwayday25 .costwayday25-cont[data-v-fc73040c] { width: 90rem; margin: 0px auto; } .costwayday25 .prize-wheel[data-v-fc73040c] { width: 100%; height: 47.5rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/costwayday5-4ebefe6d.jpg") 0% 0% / cover no-repeat; display: flex; justify-content: start; align-items: center; position: relative; } .costwayday25 .prize-wheel .turntable-bot[data-v-fc73040c] { width: 42.25rem; height: 7.25rem; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%); } .costwayday25 .prize-wheel .turntable-zhuan[data-v-fc73040c] { width: 50.875rem; height: 46.25rem; position: relative; margin-left: 11%; } .costwayday25 .prize-wheel .turntable[data-v-fc73040c] { position: absolute; bottom: 4.0625rem; left: 50%; transform: translate(-50%); z-index: 9; } .costwayday25 .prize-wheel .start[data-v-fc73040c] { width: 9.5rem; height: 9.5rem; position: absolute; z-index: 10; left: 50%; transform: translate(-50%); top: 16.875rem; } .costwayday25 .prize-wheel .start.spinning[data-v-fc73040c] { cursor: not-allowed; opacity: 0.7; } .costwayday25 .prize-wheel .start img[data-v-fc73040c] { width: 100%; height: 100%; cursor: pointer; } .costwayday25 .prize-wheel .turntable-cont[data-v-fc73040c] { margin-bottom: 3.75rem; } .costwayday25 .prize-wheel .info h1[data-v-fc73040c] { font-size: 2.5rem; margin-bottom: 0px; text-align: center; } .costwayday25 .prize-wheel .info h2[data-v-fc73040c] { font-size: 1.875rem; color: rgb(255, 95, 68); margin-bottom: 0px; text-align: center; } .costwayday25 .prize-wheel .info2[data-v-fc73040c] { cursor: pointer; } .costwayday25 .prize-wheel .info2 h2[data-v-fc73040c] { padding: 0px 1.25rem; font-size: 1.875rem; margin-bottom: 0px; text-decoration: underline; background: rgb(255, 95, 68); border-radius: 1.9375rem; color: rgb(255, 255, 255); text-align: center; line-height: 3.875rem; } .costwayday25 .prize-wheel .btn[data-v-fc73040c] { margin-top: 3.125rem; cursor: pointer; } .costwayday25 .prize-wheel .btn button[data-v-fc73040c] { cursor: pointer; width: auto; padding: 0px 1.875rem; height: 3.875rem; background: rgba(255, 255, 255, 0.5); border-radius: 1.9375rem; color: rgb(255, 76, 46); font-size: 1.375rem; text-align: center; line-height: 3.875rem; border: none; } .costwayday25 .costwayday25-rule[data-v-fc73040c] { width: 91.625rem; height: 20.75rem; margin: 3.125rem auto; background: url("https://ca-static.costway.ca/assets/1760598923/images/costwayday10-3eb24613.png") 0% 0% / cover no-repeat; } .costwayday25 .costwayday25-rule .rule-img[data-v-fc73040c] { display: flex; align-items: center; justify-content: space-between; padding: 0px 5rem; } .costwayday25 .costwayday25-rule .rule-img p[data-v-fc73040c] { width: 18.75rem; height: 7.5rem; border-radius: 1rem; color: rgb(255, 255, 255); font-size: 2rem; text-align: center; margin-bottom: 0px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .costwayday25 .costwayday25-rule .rule-img .rule1[data-v-fc73040c] { background: rgb(255, 95, 68); box-shadow: rgb(255, 167, 113) 0px 0.25rem 0.625rem inset; } .costwayday25 .costwayday25-rule .rule-img .rule2[data-v-fc73040c] { background: rgb(255, 200, 66); box-shadow: rgb(255, 226, 147) 0px 0.25rem 0.625rem inset; } .costwayday25 .costwayday25-rule .rule-img .rule3[data-v-fc73040c] { background: rgb(98, 143, 244); box-shadow: rgb(112, 192, 253) 0px 0.25rem 0.625rem inset; } .costwayday25 .costwayday25-rule .rule-img .rule4[data-v-fc73040c] { background: rgb(151, 184, 66); box-shadow: rgb(207, 202, 57) 0px 0.25rem 0.625rem inset; } .costwayday25 .table[data-v-fc73040c] { display: flex; justify-content: center; margin-top: 1.875rem; } .costwayday25 .table p[data-v-fc73040c] { width: auto; padding: 0px 2.5rem; height: 4rem; font-size: 1.625rem; line-height: 4rem; background: rgb(247, 247, 247); text-align: center; color: rgb(0, 0, 0); border-radius: 1rem; margin-right: 0.75rem; cursor: pointer; } .costwayday25 .table p.active[data-v-fc73040c] { background: rgb(255, 200, 66); } .costwayday25 .product-list[data-v-fc73040c] { display: flex; flex-wrap: wrap; margin-top: 2.5rem; } .costwayday25 .pro-item[data-v-fc73040c] { width: 17rem; height: 26rem; padding: 1.25rem; box-shadow: rgba(122, 122, 122, 0.15) -0.0625rem 0.3125rem 1rem 0.1875rem; border-radius: 0.5rem; transition: 0.2s linear; background-color: rgb(255, 255, 255); margin-right: 1.25rem; margin-bottom: 1.25rem; position: relative; } .costwayday25 .pro-item[data-v-fc73040c]:nth-child(5n) { margin-right: 0px; } .costwayday25 .pro-item[data-v-fc73040c]:hover { transform: translate3d(0px, -0.625rem, 0px); } .costwayday25 .pro-item .pro-img[data-v-fc73040c] { width: 14.5rem; height: 14.5rem; margin-bottom: 0.625rem; } .costwayday25 .pro-item .pro-img img[data-v-fc73040c] { width: 100%; height: 100%; } .costwayday25 .pro-item .pro-title[data-v-fc73040c] { font-size: 1rem; height: 2.5rem; line-height: 1.25rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden; color: rgb(0, 0, 0); margin: 0px 0px 0.9375rem; } .costwayday25 .pro-item .pro-nowprice[data-v-fc73040c] { font-size: 1.375rem; } .costwayday25 .pro-item .price-diff[data-v-fc73040c] { color: rgb(230, 77, 67); } .costwayday25 .pro-item .price-same[data-v-fc73040c] { color: rgb(0, 0, 0); } .costwayday25 .pro-item .pro-oldprice[data-v-fc73040c] { color: rgb(153, 153, 153); font-size: 1rem; text-decoration: line-through; margin-left: 0.3125rem; } .costwayday25 .pro-item .buy[data-v-fc73040c] { display: flex; justify-content: space-between; } .costwayday25 .pro-item .buy span[data-v-fc73040c] { background: url("https://www.costway.de/media/wysiwyg/FDS-product/Home/specials_folder/2023activity/baby/ship.png") left center / 1.25rem no-repeat; text-indent: 1.625rem; display: block; font-size: 0.875rem; color: rgb(0, 0, 0); padding-top: 0.125rem; } .costwayday25 .pro-item .buy b[data-v-fc73040c] { width: 5.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; color: rgb(255, 255, 255); font-size: 0.875rem; background: rgb(255, 95, 68); border-radius: 0.75rem; font-weight: 400; } .costwayday25 .pro-item .off[data-v-fc73040c] { position: absolute; top: 1.25rem; right: 1.25rem; width: 3.75rem; height: 3.75rem; border-radius: 3.75rem; background: rgb(255, 200, 66); display: flex; flex-direction: column; align-items: center; justify-content: center; } .costwayday25 .pro-item .off b[data-v-fc73040c] { font-size: 1.25rem; line-height: 1.25rem; } .costwayday25 .pro-item .off span[data-v-fc73040c] { font-size: 0.875rem; margin-left: 0.75rem; line-height: 0.875rem; } .costwayday25 .deal-type1[data-v-fc73040c] { margin-top: 3.125rem; } .costwayday25 .deal-type2[data-v-fc73040c] { background: rgb(253, 246, 229); padding-bottom: 3.125rem; padding-top: 3.125rem; margin-top: 3.125rem; } .costwayday25 .deal-type2 .type2 .type2-top[data-v-fc73040c] { display: flex; justify-content: space-between; margin-bottom: 1.25rem; } .costwayday25 .deal-type2 .type2 .type2-top a[data-v-fc73040c] { text-decoration: none; display: block; width: 44.375rem; } .costwayday25 .deal-type2 .type2 .type2-top .type2-top-item1[data-v-fc73040c] { width: 44.375rem; height: 20.625rem; border-radius: 0.5rem; color: rgb(255, 255, 255); padding: 3.125rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/costwayday6-bd1178cc.jpg") 0% 0% / cover no-repeat; } .costwayday25 .deal-type2 .type2 .type2-top .type2-top-item1 h4[data-v-fc73040c] { font-size: 2.25rem; margin-bottom: 1.25rem; font-weight: 700; color: rgb(255, 255, 255); } .costwayday25 .deal-type2 .type2 .type2-top .type2-top-item1 p[data-v-fc73040c] { font-size: 1.25rem; margin-bottom: 3.125rem; text-align: left; color: rgb(255, 255, 255); } .costwayday25 .deal-type2 .type2 .type2-top .type2-top-item1 button[data-v-fc73040c] { width: auto; padding: 0px 1.375rem; height: 3.125rem; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border: none; border-radius: 1.5625rem; font-size: 1.25rem; cursor: pointer; } .costwayday25 .deal-type2 .type2 .type2-top .type2-top-item2[data-v-fc73040c] { width: 44.375rem; height: 20.625rem; display: flex; background: white; border-radius: 0.5rem; box-shadow: rgba(122, 122, 122, 0.15) -0.0625rem 0.3125rem 1rem 0.1875rem; overflow: hidden; } .costwayday25 .deal-type2 .type2 .type2-top .type2-top-item2 .type2-top-item2-img[data-v-fc73040c] { width: 19.375rem; height: 19.375rem; margin: 0.625rem; display: flex; align-items: center; justify-content: center; } .costwayday25 .deal-type2 .type2 .type2-top .type2-top-item2 .type2-top-item2-img img[data-v-fc73040c] { max-width: 100%; max-height: 100%; object-fit: contain; } .costwayday25 .deal-type2 .type2 .type2-top .type2-top-item2 .type2-top-item2-text[data-v-fc73040c] { width: 23.75rem; padding: 1.875rem; display: flex; flex-direction: column; justify-content: center; } .costwayday25 .deal-type2 .type2 .type2-top .type2-top-item2 .type2-top-item2-text h4[data-v-fc73040c] { font-size: 1.375rem; margin-bottom: 1.25rem; height: 2.5rem; line-height: 1.25rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden; color: rgb(0, 0, 0); } .costwayday25 .deal-type2 .type2 .type2-top .type2-top-item2 .type2-top-item2-text .price[data-v-fc73040c] { display: flex; align-items: center; margin-bottom: 0.625rem; } .costwayday25 .deal-type2 .type2 .type2-top .type2-top-item2 .type2-top-item2-text .price .special[data-v-fc73040c] { font-size: 1.75rem; font-weight: 700; color: rgb(230, 77, 67); margin-right: 0.625rem; } .costwayday25 .deal-type2 .type2 .type2-top .type2-top-item2 .type2-top-item2-text .price .raw[data-v-fc73040c] { font-size: 1.125rem; color: rgb(153, 153, 153); text-decoration: line-through; } .costwayday25 .deal-type2 .type2 .type2-top .type2-top-item2 .type2-top-item2-text .save[data-v-fc73040c] { width: 11.4375rem; height: 1.75rem; border-radius: 0.25rem; text-align: center; line-height: 1.75rem; background: rgb(255, 200, 66); color: rgb(0, 0, 0); font-weight: 700; } .costwayday25 .deal-type2 .type2 .type2-top .type2-top-item2 .type2-top-item2-text button[data-v-fc73040c] { width: 7.5rem; height: 2.125rem; text-align: center; line-height: 2.125rem; background: rgb(255, 95, 68); color: rgb(255, 255, 255); border: none; border-radius: 1.0625rem; font-size: 1rem; margin-top: 2.75rem; cursor: pointer; } .costwayday25 .deal-type2 .product-list[data-v-fc73040c] { justify-content: left; } .costwayday25 .deal-type2 .product-list .pro-item[data-v-fc73040c] { margin-right: 1.5625rem; } .costwayday25 .deal-type2 .pro-item[data-v-fc73040c] { width: 21.25rem; height: 29.625rem; } .costwayday25 .deal-type2 .pro-item .pro-img[data-v-fc73040c] { text-align: center; width: 17.8125rem; height: 17.8125rem; } .costwayday25 .deal-type2 .pro-item[data-v-fc73040c]:nth-child(4n) { margin-right: 0px; } .costwayday25 .deal-type2 .pro-item[data-v-fc73040c]:nth-child(5n) { margin-right: 1.5625rem; } .costwayday25 .deal-type3[data-v-fc73040c] { margin-top: 3.125rem; } .costwayday25 .deal-type3 .product-list[data-v-fc73040c] { justify-content: left; } .costwayday25 .deal-type3 .product-list .pro-item[data-v-fc73040c] { margin-right: 1.5625rem; } .costwayday25 .deal-type3 .pro-item[data-v-fc73040c] { width: 21.25rem; height: 29.625rem; } .costwayday25 .deal-type3 .pro-item .pro-img[data-v-fc73040c] { text-align: center; width: 17.8125rem; height: 17.8125rem; } .costwayday25 .deal-type3 .pro-item[data-v-fc73040c]:nth-child(5n) { margin-right: 1.5625rem; } .costwayday25 .deal-type3 .pro-item[data-v-fc73040c]:nth-child(4n) { margin-right: 0px; } .costwayday25 .cost-see-more[data-v-fc73040c] { text-align: center; margin: 1.25rem 0px 0px; } .costwayday25 .cost-see-more button[data-v-fc73040c] { width: 15.625rem; height: 4rem; background: rgb(255, 200, 66); border-radius: 2rem; font-size: 1.5rem; text-align: center; line-height: 4rem; border: none; } .costwayday25 .costwayday25-footer[data-v-fc73040c] { width: 100%; height: 5rem; background: rgb(255, 222, 141); position: fixed; bottom: 0px; z-index: 9999; cursor: pointer; } .costwayday25 .costwayday25-footer .footer[data-v-fc73040c] { display: flex; justify-content: center; align-items: center; } .costwayday25 .costwayday25-footer h1[data-v-fc73040c] { font-size: 2.5rem; color: rgb(0, 0, 0); font-weight: 700; margin-bottom: 0px; } .costwayday25 .costwayday25-footer h1 span[data-v-fc73040c] { color: rgb(255, 95, 68); } .costwayday25 .costwayday25-footer img[data-v-fc73040c] { width: 5rem; height: 5rem; margin-left: 1.5625rem; } .costwayday25 .nav[data-v-fc73040c] { width: 100%; height: 5rem; background: white; z-index: 100; transition: 0.3s; } .costwayday25 .nav.sticky[data-v-fc73040c] { position: fixed; top: 0px; left: 0px; right: 0px; } .costwayday25 .nav .nav-cont[data-v-fc73040c] { width: 90rem; margin: 0px auto; height: 100%; } .costwayday25 .nav .nav-cont ul[data-v-fc73040c] { margin: 0px; padding: 0px; display: flex; justify-content: center; height: 100%; } .costwayday25 .nav .nav-cont ul li[data-v-fc73040c] { width: 33.33%; list-style: none; font-size: 1.625rem; cursor: pointer; text-align: center; height: 100%; line-height: 5rem; transition: 0.3s; } .costwayday25 .nav .nav-cont ul li.active[data-v-fc73040c] { background: rgb(255, 200, 66); } .costwayday25 .turntable-fixed[data-v-fc73040c] { width: 7.5rem; height: 7.5rem; position: fixed; left: 2.75rem; top: 50%; transform: translateY(-50%); cursor: pointer; } .costwayday25 .turntable-fixed img[data-v-fc73040c] { width: 100%; height: 100%; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .display-time { position: relative; } .display-time .ant-modal-body { padding-top: 3.4375rem; } .display-time img { position: absolute; top: -2.8125rem; left: 50%; transform: translate(-50%); width: 5.625rem; } .display-time p { text-align: center; } .display-time p:nth-of-type(1) { font-size: 1.25rem; font-weight: 700; margin-bottom: 0.625rem; } .display-time p:nth-of-type(2) { color: rgb(51, 51, 51); margin-bottom: 0px; } .display-time a { display: block; width: 7.875rem; height: 2.5rem; line-height: 2.5rem; text-align: center; background: rgb(34, 34, 34); border-radius: 2.5rem; margin: 1.25rem auto 0px; color: rgb(255, 255, 255); } .giftpop { border-radius: 0.75rem; width: 26.25rem !important; height: 36.25rem !important; background: rgb(0, 0, 0) !important; } .giftpop .ant-modal-content { height: 100%; border-radius: 0.75rem; } .giftpop .ant-modal-body { height: 100%; border-radius: 0.75rem; padding: 0px !important; background: rgb(0, 0, 0) !important; } .giftpop .giftpop-cont { height: 100%; text-align: center; } .giftpop .giftpop-cont img { width: 24.375rem; height: 23.75rem; margin-top: 1.875rem; } .giftpop .giftpop-cont .giftpop-btn button { width: 16.75rem; height: 3.125rem; border-radius: 1.5625rem; background: rgb(255, 200, 66); font-size: 1.375rem; border: none; text-align: center; line-height: 3.125rem; margin-top: 3.125rem; cursor: pointer; } .giftpop .giftpop-cont .giftpop-btn p { color: rgb(255, 255, 255); cursor: pointer; font-size: 0.875rem; margin-top: 0.625rem; } .nospinpop { border-radius: 0.75rem; width: 26.25rem !important; height: 28.125rem !important; background: rgb(0, 0, 0) !important; } .nospinpop .ant-modal-content { height: 100%; border-radius: 0.75rem; } .nospinpop .ant-modal-body { height: 100%; border-radius: 0.75rem; padding: 0px !important; background: rgb(0, 0, 0) !important; } .nospinpop .nospin { padding: 3.125rem; text-align: center; } .nospinpop .nospin img { width: 4.125rem; height: 4.125rem; } .nospinpop .nospin h1 { color: rgb(255, 255, 255); font-size: 1.875rem; margin-top: 2.5rem; margin-bottom: 0px; font-weight: 700; } .nospinpop .nospin p { color: rgb(255, 255, 255); font-size: 1rem; margin-top: 1.875rem; font-weight: 400; } .nospinpop .nospin button { width: 14.125rem; height: 3.125rem; border-radius: 1.5625rem; background: rgb(255, 200, 66); font-size: 1.375rem; border: none; text-align: center; line-height: 3.125rem; margin-top: 1.875rem; cursor: pointer; } .giveuppop { border-radius: 0.75rem; width: 33.25rem !important; height: 24.75rem !important; } .giveuppop .ant-modal-content { height: 100%; border-radius: 0.75rem; } .giveuppop .ant-modal-body { height: 100%; border-radius: 0.75rem; padding: 0px !important; } .giveuppop .giveup { padding: 3.75rem 3.125rem; text-align: center; } .giveuppop .giveup h1 { font-size: 1.875rem; font-weight: 700; margin-bottom: 1.875rem; } .giveuppop .giveup p { font-size: 1rem; font-weight: 400; line-height: 2.25rem; margin-bottom: 3.125rem; } .giveuppop .giveup .giveup-btn button { width: 10.25rem; height: 3.125rem; border-radius: 1.5625rem; font-size: 1.125rem; border: none; text-align: center; line-height: 3.125rem; } .giveuppop .giveup .giveup-btn .goback { background: rgb(255, 255, 255); border: 0.125rem solid rgb(204, 204, 204); margin-right: 1.875rem; } .giveuppop .giveup .giveup-btn .confirm { background: rgb(34, 34, 34); color: rgb(255, 255, 255); } .rule-modal { width: 63.625rem !important; } .rule-modal .rule-modal-content { padding: 3.125rem; height: auto; overflow-y: auto; } .rule-modal .rule-modal-content::-webkit-scrollbar { width: 0.375rem; } .rule-modal .rule-modal-content::-webkit-scrollbar-track { border-radius: 0.1875rem; background: rgb(249, 249, 249); } .rule-modal .rule-modal-content::-webkit-scrollbar-thumb { background: rgb(192, 192, 192); border-radius: 0.1875rem; } .rule-modal .rule-modal-content .rule-modal-header h2 { font-size: 1.875rem; font-weight: 700; text-align: center; } .rule-modal .rule-modal-content .rule-modal-body p { color: rgb(102, 102, 102); margin-bottom: 0px; line-height: 2rem; } .rule-modal .rule-modal-content .rule-modal-body span { font-size: 1.125rem; color: rgb(255, 200, 66); font-weight: 400; } .rule-modal .rule-modal-content .rule-modal-body h3 { margin-top: 1.25rem; font-size: 1.25rem; color: rgb(51, 51, 51); text-decoration: underline; margin-bottom: 0px; } .rule-modal .rule-modal-content .rule-modal-body .rewards-table { width: 100%; border: 0.0625rem solid rgb(255, 255, 255); border-radius: 0.25rem; margin: 1.25rem 0px; overflow: hidden; } .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-header { display: flex; background-color: rgb(255, 200, 66); font-weight: 700; font-size: 1.125rem; } .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-header .reward-type, .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-header .description { padding: 0.75rem 1.25rem; text-align: left; } .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-header .reward-type { width: 30%; border-right: 0.0625rem solid rgb(255, 255, 255); } .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-header .reward-type-f { border-right: 0.0625rem solid rgb(255, 200, 66); } .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-header .description { width: 70%; } .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-row { display: flex; border-bottom: 0.0625rem solid rgb(255, 255, 255); font-size: 1rem; color: rgb(102, 102, 102); background: rgb(252, 252, 252); } .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-row:last-child { border-bottom: none; } .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-row .reward-type, .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-row .description { padding: 0.75rem 1.25rem; text-align: left; } .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-row .reward-type.highlighted, .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-row .description.highlighted { background: rgb(246, 246, 246); } .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-row .reward-type { width: 30%; border-right: 0.0625rem solid rgb(255, 255, 255); } .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-row .reward-type-f { border-right: 0.0625rem solid rgb(255, 200, 66); } .rule-modal .rule-modal-content .rule-modal-body .rewards-table .table-row .description { width: 70%; } .rule-modal .ant-modal-body { padding: 0px; } .rule3 .rule-modal-content { height: 49.25rem; } .rule3 .rule-modal-content .rewards { display: flex; flex-direction: column; margin-bottom: 2.5rem; } .rule3 .rule-modal-content .rewards .rewards-item { width: 57.5rem; height: 2.5rem; background-color: rgb(249, 249, 249); line-height: 2.5rem; display: flex; margin-bottom: 0.125rem; } .rule3 .rule-modal-content .rewards .rewards-item img { width: 3.375rem; height: 2.5rem; margin-left: 20.625rem; margin-right: 0.625rem; } .rule3 .rule-modal-content .rewards .rewards-item p { font-size: 1.125rem; color: rgb(102, 102, 102); } .rule3 .rule-modal-content .no-rewards { width: 100%; height: 8.75rem; display: flex; justify-content: center; align-items: center; background-color: rgb(249, 249, 249); margin-bottom: 2.5rem; } .rule3 .rule-modal-content .no-rewards img { width: 7.5rem; height: 7.5rem; } .rule4 .rule-modal-content { height: auto; } .progress-container { width: 100%; padding: 1.25rem; margin: 1.875rem auto 1.25rem; max-width: 23.75rem; } .icons-row { display: flex; justify-content: space-between; padding: 0px 2.1875rem; } .icon-item { position: relative; display: flex; justify-content: center; } .check-icon { width: 1.875rem; height: 1.875rem; background: rgb(46, 204, 113); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); } .money-icon { width: 1.875rem; height: 1.875rem; display: flex; align-items: center; justify-content: center; } .percentage { position: absolute; top: -1.5625rem; background: rgb(92, 92, 92); color: rgb(255, 255, 255); padding: 0px 0.75rem; border-radius: 0.75rem; font-size: 0.875rem; } .percentage img { position: absolute; bottom: -0.25rem; left: 50%; transform: translate(-50%); } .progress-bar { width: 18.75rem; text-align: center; margin: 0.1875rem auto 0px; } .progress-bar img { width: 100%; height: auto; } .text-row { display: flex; justify-content: space-between; } .text-item { width: 6.25rem; text-align: center; font-size: 0.875rem; color: rgb(102, 102, 102); line-height: 1rem; } .text-item:nth-of-type(3) { padding-left: 1.25rem; } .rules { padding: 0px 1.75rem; text-align: center; color: rgb(102, 102, 102); font-size: 0.875rem; margin-top: 1.25rem; } .con h1 { font-size: 1.875rem; font-weight: 700; text-align: center; } .con p { font-size: 1.125rem; color: rgb(51, 51, 51); margin-bottom: 1.25rem; } .con .four-p { width: 43.75rem; background: rgb(248, 248, 248); padding: 0.625rem 0.625rem 0.0625rem; font-size: 1.125rem; border-radius: 0.25rem; margin: -0.3125rem 0px 0.9375rem; } .con .four-p p { color: rgb(102, 102, 102); } [data-v-309c96b0]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-309c96b0] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-309c96b0] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-309c96b0] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-309c96b0] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-309c96b0] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-309c96b0] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-309c96b0] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-309c96b0] { padding: 0px 20px; } } .ant-form-item[data-v-309c96b0], .ant-radio-wrapper[data-v-309c96b0], .ant-radio-group[data-v-309c96b0] { font-variant: normal !important; } .ant-message[data-v-309c96b0] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-309c96b0] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-309c96b0] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-309c96b0] { display: none; } .content-img[data-v-309c96b0] { width: 100%; } .col1-layout .main[data-v-309c96b0] { background: rgb(13, 12, 9); } .vip-box[data-v-309c96b0] { max-width: 95rem; margin: 0px auto; background: rgb(13, 12, 9); } .content-img[data-v-309c96b0] { width: 100% !important; } .col1-layout .main .col-main[data-v-309c96b0], .cms-page-view .wrapper .main-container[data-v-309c96b0] { width: 100% !important; margin: 0px !important; padding: 0px !important; } .content[data-v-309c96b0] { width: 56.25rem; padding: 5rem 0px; box-sizing: border-box; } .content .benefits-title[data-v-309c96b0] { width: 40.625rem; display: block; margin: 0px auto; } .benefits[data-v-309c96b0] { margin: 1.875rem 0px; display: flex; justify-content: space-between; flex-wrap: wrap; } .benefits li[data-v-309c96b0] { width: 18%; display: flex; justify-content: center; flex-wrap: wrap; margin-top: 3.125rem; } .benefits li .icon-mask[data-v-309c96b0] { width: 6.25rem; height: 6.25rem; display: block; border-radius: 50%; background: rgb(27, 27, 29); box-shadow: rgba(0, 0, 0, 0.75) 0px 0.5rem 2.4375rem; text-align: center; } .benefits li .icon-mask img[data-v-309c96b0] { width: 100%; } .benefits li p[data-v-309c96b0] { width: 100%; text-align: center; margin-top: 1.25rem; color: rgb(255, 255, 255); height: 3rem; } [data-v-4120cfba]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-4120cfba] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-4120cfba] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-4120cfba] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-4120cfba] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-4120cfba] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-4120cfba] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-4120cfba] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-4120cfba] { padding: 0px 20px; } } .ant-form-item[data-v-4120cfba], .ant-radio-wrapper[data-v-4120cfba], .ant-radio-group[data-v-4120cfba] { font-variant: normal !important; } .ant-message[data-v-4120cfba] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-4120cfba] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-4120cfba] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-4120cfba] { display: none; } h1[data-v-4120cfba] { font-size: 1.625rem; } .account-nav[data-v-4120cfba] { display: block; width: 100%; background-color: rgb(255, 255, 255); padding: 1.875rem 0px; border-radius: 0.5rem; } .account-nav .title[data-v-4120cfba] { margin-bottom: 2.5rem; padding: 0px 10%; } .account-nav .title a[data-v-4120cfba] { font-weight: 500; font-size: 1.75rem; line-height: 2.625rem; color: rgb(51, 51, 51); } .account-nav .title a[data-v-4120cfba]:hover { color: rgb(255, 95, 68); text-decoration: underline; } .account-nav .menu[data-v-4120cfba] { margin-bottom: 3.125rem; } .account-nav .menu li[data-v-4120cfba] { display: block; margin: 1.25rem 0px; } .account-nav .menu li .turntable-icon[data-v-4120cfba] { margin-right: 0.625rem !important; } .account-nav .menu li .turntable-icon img[data-v-4120cfba] { width: 1.9375rem; } .account-nav .menu li .svg[data-v-4120cfba] { margin-right: 1rem; vertical-align: middle; } .account-nav .menu li .svg svg[data-v-4120cfba] { width: 1.5rem; } .account-nav .menu li .svg__info[data-v-4120cfba] { width: 1.375rem; height: 1.5rem; } .account-nav .menu li .svg__coupons[data-v-4120cfba] { width: 1.5rem; height: 1.3125rem; } .account-nav .menu li .svg__orders[data-v-4120cfba] { width: 1.375rem; height: 1.5rem; } .account-nav .menu li .svg__dropship[data-v-4120cfba], .account-nav .menu li .svg__reward[data-v-4120cfba] { width: 1.625rem; height: 1.5rem; } .account-nav .menu li .svg__wishlists[data-v-4120cfba] { width: 1.4375rem; height: 1.4375rem; } .account-nav .menu li .svg__plus[data-v-4120cfba] { width: 1.5rem; height: 1.4375rem; } .account-nav .menu li .svg__reviews[data-v-4120cfba] { width: 1.5rem; height: 1.5rem; } .account-nav .menu li .svg__products[data-v-4120cfba] { width: 1.3125rem; height: 1.375rem; } .account-nav .menu li .svg__QA[data-v-4120cfba] { width: 1.5625rem; height: 1.5rem; } .account-nav .menu li .svg__newsletter[data-v-4120cfba] { width: 1.5625rem; height: 1.125rem; } .account-nav .menu li .svg__exclusive[data-v-4120cfba] { width: 1.25rem; height: 1.375rem; } .account-nav .menu li .svg__membership[data-v-4120cfba] { width: 1.5rem; height: 1.5rem; } .account-nav .menu li .svg__rewardponit[data-v-4120cfba] { width: 1.5625rem; height: 1.5625rem; } .account-nav .menu li a[data-v-4120cfba] { padding: 0px 10%; display: block; min-height: 3.125rem; line-height: 3.125rem; position: relative; white-space: nowrap; color: rgb(51, 51, 51); font-size: 1.125rem; } .account-nav .menu li a .svg path[data-v-4120cfba] { fill: rgb(51, 51, 51); } .account-nav .menu li a .svg.wishlist path[data-v-4120cfba], .account-nav .menu li a .svg.exclusive path[data-v-4120cfba] { fill: none; stroke: rgb(51, 51, 51); } .account-nav .menu li a[data-v-4120cfba]:hover { color: rgb(253, 172, 14); } .account-nav .menu li a:hover .svg path[data-v-4120cfba] { fill: rgb(253, 172, 14); } .account-nav .menu li a:hover .svg.wishlist path[data-v-4120cfba], .account-nav .menu li a:hover .svg.exclusive path[data-v-4120cfba] { fill: none; stroke: rgb(253, 172, 14); } .account-nav .menu li a.router-link-exact-active[data-v-4120cfba] { background: rgb(255, 255, 255); display: block; position: relative; color: rgb(253, 172, 14); } .account-nav .menu li a.router-link-exact-active .svg path[data-v-4120cfba] { fill: rgb(253, 172, 14); } .account-nav .menu li a.router-link-exact-active .svg.wishlist path[data-v-4120cfba], .account-nav .menu li a.router-link-exact-active .svg.exclusive path[data-v-4120cfba] { fill: none; stroke: rgb(253, 172, 14); } [data-v-1528c894]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-1528c894] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-1528c894] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-1528c894] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-1528c894] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-1528c894] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-1528c894] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-1528c894] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-1528c894] { padding: 0px 20px; } } .ant-form-item[data-v-1528c894], .ant-radio-wrapper[data-v-1528c894], .ant-radio-group[data-v-1528c894] { font-variant: normal !important; } .ant-message[data-v-1528c894] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-1528c894] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-1528c894] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-1528c894] { display: none; } [data-v-1528c894] .ant-form { max-width: 26.25rem; margin: 0px auto; } [data-v-1528c894] .ant-form .ant-input { border-radius: 1.375rem; height: 2.5rem; border: 0.0625rem solid rgb(255, 255, 255); } [data-v-1528c894] .ant-form .ant-btn { width: 100%; height: 2.5rem; font-size: 1.0625rem; line-height: 2.25rem; text-align: center; margin: 0px auto; color: rgb(11, 11, 11); background: linear-gradient(270deg, rgb(196, 144, 73) -21.69%, rgb(243, 199, 139) 66.54%, rgb(255, 218, 166) 98.37%); border: 0.125rem solid rgb(254, 204, 134); border-radius: 2.5rem; cursor: pointer; } [data-v-1528c894] .ant-form .ant-form-item-explain-error { text-align: left; padding-left: 0.625rem; } [data-v-1528c894] .pay-box .pay-box-container { width: 100%; border-radius: 0.3125rem; min-height: 50rem; } .col1-layout .main[data-v-1528c894] { background: rgb(13, 12, 9); } .vip-box[data-v-1528c894] { margin: 0px auto; background: rgb(13, 12, 9); } .content-img[data-v-1528c894] { width: 100% !important; } .col1-layout .main .col-main[data-v-1528c894], .cms-page-view .wrapper .main-container[data-v-1528c894] { width: 100% !important; margin: 0px !important; padding: 0px !important; } .content[data-v-1528c894] { width: 62.5rem; margin: 0px auto; box-sizing: border-box; } .vip-container[data-v-1528c894] { padding: 5rem 0px 12.5rem; background-image: url("https://assets.costway.com/media/wysiwyg/FDS-product/Home/vip/vip11.jpg"); background-repeat: no-repeat; background-size: 100% 100%; } .content .benefits-title[data-v-1528c894] { width: 40.625rem; display: block; margin: 0px auto; } .benefits-box[data-v-1528c894] { border: 0.125rem solid rgb(217, 177, 122); box-sizing: border-box; border-radius: 0.3125rem; padding: 1.875rem 3.125rem 3.125rem; background: rgb(0, 0, 0); } .benefits[data-v-1528c894] { margin: 1.875rem 0px; display: flex; justify-content: space-between; flex-wrap: wrap; } .benefits li[data-v-1528c894] { width: 18%; display: flex; justify-content: center; flex-wrap: wrap; margin-top: 1.25rem; } .benefits li .icon-mask[data-v-1528c894] { width: 5rem; height: 5rem; display: block; border-radius: 50%; text-align: center; } .benefits li .icon-mask img[data-v-1528c894] { width: 100%; } .benefits li p[data-v-1528c894] { width: 100%; text-align: center; color: rgb(255, 255, 255); height: 3rem; } .plus-logo[data-v-1528c894] { background: rgb(255, 255, 255); padding: 1.25rem 0px; border-top: 0.0625rem solid rgb(241, 241, 241); } .plus-logo img[data-v-1528c894] { width: 12.5rem; display: block; margin: 0px auto; } .p-normal[data-v-1528c894] { color: rgb(255, 255, 255); text-align: center; } .message-box[data-v-1528c894] { border-radius: 0.3125rem; background: rgb(26, 26, 26); padding: 1.875rem; box-sizing: border-box; text-align: center; } .message-title[data-v-1528c894] { color: rgb(255, 255, 255); text-align: center; font-size: 1.0625rem; margin-bottom: 0.625rem; } .message-box .message-form[data-v-1528c894] { margin: 0.9375rem 0px 0.625rem; overflow: hidden; width: 22.5rem; display: inline-block; } .message-box .message-form .phone-num[data-v-1528c894] { float: left; width: 15rem; background: rgb(249, 249, 249); border-top-left-radius: 1.375rem; border-bottom-left-radius: 1.375rem; height: 2.5rem; box-sizing: border-box; padding-left: 1.25rem; } .message-box .ver-code[data-v-1528c894] { width: 22.5rem; height: 2.5rem; line-height: 2.5rem; text-align: left; border-radius: 1.375rem; margin-top: 1.25rem; padding-left: 1.25rem; box-sizing: border-box; } .message-box .message-form .verify[data-v-1528c894] { width: 7.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; float: right; color: rgb(255, 255, 255); border-top-right-radius: 1.375rem; border-bottom-right-radius: 1.375rem; background: rgb(255, 95, 68); transition: 0.2s; cursor: pointer; font-size: 0.9375rem; } .message-box .message-sm[data-v-1528c894] { color: rgb(153, 153, 153); font-size: 0.875rem; margin: 0px 0px 1.25rem; } .vip-container .continue[data-v-1528c894], .success-wrapper .use-now[data-v-1528c894] { width: 16.25rem; height: 2.5rem; font-size: 1.0625rem; line-height: 2.5rem; text-align: center; margin: 1.25rem auto; color: rgb(11, 11, 11); background: linear-gradient(270deg, rgb(196, 144, 73) -21.69%, rgb(243, 199, 139) 66.54%, rgb(255, 218, 166) 98.37%); border: 0.125rem solid rgb(254, 204, 134); border-radius: 2.5rem; cursor: pointer; } .success-wrapper[data-v-1528c894] { background: rgba(27, 27, 27, 0.9); cursor: pointer; width: 100%; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 9999; display: none; } .success-wrapper .success-inner[data-v-1528c894] { display: flex; width: 100%; align-items: center; justify-content: center; flex-wrap: wrap; } .success-wrapper ul[data-v-1528c894] { width: 37.5rem; margin-top: 1.25rem; display: flex; justify-content: space-around; } .success-wrapper ul li[data-v-1528c894] { width: 23%; box-sizing: border-box; height: 11.3125rem; background-image: url("https://assets.costway.com/media/wysiwyg/FDS-product/Home/vip/vip20.png"); background-repeat: no-repeat; background-size: 100% 100%; padding-top: 2.625rem; } .success-wrapper ul li .coupon-t[data-v-1528c894] { text-align: center; font-size: 2.75rem; font-weight: 700; } .success-wrapper ul li .coupon-b[data-v-1528c894] { text-align: center; font-size: 0.9375rem; margin-top: 3.125rem; } .success-wrapper .use-now[data-v-1528c894] { display: block; margin-top: 3.125rem; } [data-v-71cc7436]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-71cc7436] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-71cc7436] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-71cc7436] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-71cc7436] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-71cc7436] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-71cc7436] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-71cc7436] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-71cc7436] { padding: 0px 20px; } } .ant-form-item[data-v-71cc7436], .ant-radio-wrapper[data-v-71cc7436], .ant-radio-group[data-v-71cc7436] { font-variant: normal !important; } .ant-message[data-v-71cc7436] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-71cc7436] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-71cc7436] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-71cc7436] { display: none; } .related-products[data-v-71cc7436], .orders-list[data-v-71cc7436] { margin: 0px; padding: 1.25rem 0px; background: rgb(255, 255, 255); } .col1-layout .main[data-v-71cc7436] { background: rgb(255, 255, 255); } .vip-box[data-v-71cc7436] { margin: 0px auto; background: rgb(13, 12, 9); } .col1-layout .main .col-main[data-v-71cc7436], .cms-page-view .wrapper .main-container[data-v-71cc7436] { width: 100% !important; margin: 0px !important; padding: 0px !important; } .content[data-v-71cc7436] { width: 62.5rem; margin: 0px auto 6.25rem; box-sizing: border-box; } .points-t[data-v-71cc7436] { height: 20.9375rem; padding: 3.75rem 0px 7.5rem; box-sizing: border-box; background-image: url("https://assets.costway.com/media/wysiwyg/FDS-product/Home/vip/vip25.png"); background-repeat: no-repeat; background-size: 100% 100%; position: relative; } .points-t > p[data-v-71cc7436] { width: 100%; margin: 0px auto; text-align: center; } .points-t > p[data-v-71cc7436]:nth-of-type(1) { font-size: 1.375rem; font-weight: 700; } .points-t .user-card[data-v-71cc7436] { position: absolute; width: 32.5rem; height: 18.75rem; padding: 2.5rem 1.375rem 0px; box-sizing: border-box; text-align: center; overflow: hidden; border-radius: 2.5rem; bottom: -5rem; left: 50%; transform: translate(-50%); background-image: url("https://assets.costway.com/media/wysiwyg/FDS-product/Home/vip/vip26.png"); background-repeat: no-repeat; background-size: 100% 100%; } .user-card p[data-v-71cc7436] { color: rgb(214, 170, 123); text-align: left; } .user-card .user-card-t[data-v-71cc7436] { overflow: hidden; } .user-card .user-card-c[data-v-71cc7436] { overflow: hidden; margin: 1.25rem 0px; } .user-card .user-card-c .card-points[data-v-71cc7436] { width: 50%; border-right: 0.0625rem solid rgb(112, 112, 112); box-sizing: border-box; display: inline-block; padding: 0.4375rem 0.625rem 0px 1.875rem; float: left; height: 6rem; } .user-card .user-card-c .card-date[data-v-71cc7436] { width: 50%; box-sizing: border-box; display: inline-block; padding: 0px 0px 0px 1.25rem; float: left; } .user-card .to-renew[data-v-71cc7436] { padding: 0.3125rem 1.25rem; background: linear-gradient(270deg, rgb(196, 144, 73) -21.69%, rgb(243, 199, 139) 66.54%, rgb(255, 218, 166) 98.37%); border: 0.125rem solid rgb(254, 204, 134); border-radius: 2.5rem; text-align: center; font-size: 1.25rem; color: rgb(11, 11, 11); float: left; margin-top: 0.625rem; } .user-card-b[data-v-71cc7436] { margin-top: 1.3125rem; height: 3.75rem; background: rgb(219, 174, 113); padding: 0px 1.875rem; box-sizing: border-box; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; display: flex; align-items: center; justify-content: space-between; } .account-index .navigation-main ul[data-v-71cc7436] { width: 75rem; margin: 6.875rem auto 0px; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; } .account-index .navigation-main ul li.navi-list[data-v-71cc7436] { width: 30%; height: 3.4375rem; line-height: 3.4375rem; background: rgb(244, 244, 244); color: rgb(51, 51, 51); font-size: 1.25rem; cursor: pointer; border-radius: 1.875rem; margin-bottom: 1.875rem; box-sizing: border-box; border: 0.0625rem solid rgb(13, 12, 9); } .account-index .navigation-main ul li.navi-list a[data-v-71cc7436] { display: inline-block; width: 100%; } .account-index .navigation-main ul li[data-v-71cc7436]:nth-of-type(2n+1) { float: left; } .account-index .navigation-main ul li[data-v-71cc7436]:nth-of-type(2n) { float: right; } .account-index .navi-list .info-icon[data-v-71cc7436] { width: 2rem; height: 2rem; margin: 0.625rem 1.25rem; float: left; vertical-align: text-top; } .account-index .navi-list .info-icon img[data-v-71cc7436] { width: 100%; vertical-align: revert; } .account-index .navi-list p[data-v-71cc7436] { font-size: 1.125rem; color: rgb(51, 51, 51); margin-left: 1.25rem; height: 3.375rem; line-height: 3.375rem; float: left; transition: 0.2s; } .account-index .navi-list .info-icon svg[data-v-71cc7436] { transition: all; display: inline-block; vertical-align: middle; } .account-index .navi-list .info-icon svg path[data-v-71cc7436] { transition: all !important; } .account-index .navi-list .info-jt[data-v-71cc7436] { float: right; margin-right: 2.5rem; transition: 0.3s; } .account-index .navi-list:hover .info-icon img[data-v-71cc7436] { width: 100%; } .account-index .navigation-main ul li.navi-list[data-v-71cc7436]:hover { background: rgb(255, 255, 255); border: 0.0625rem solid rgb(255, 95, 68); } .account-index .navi-list:hover .info-icon svg path[data-v-71cc7436], .account-index .navi-list:hover svg path[data-v-71cc7436] { fill: rgb(255, 95, 68); } .account-index .navi-list:hover .info-icon svg path[data-v-71cc7436] { fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); } .account-index .navi-list:hover p[data-v-71cc7436] { color: rgb(255, 95, 68) !important; } .account-index .navi-list:hover .info-jt[data-v-71cc7436] { margin-right: 1.875rem; } .vip-js[data-v-71cc7436] { background: rgb(13, 12, 9); } .vip-js .vip-content[data-v-71cc7436] { width: 50rem; margin: 5rem auto 0px; padding-bottom: 5rem; box-sizing: border-box; } .vip-js .invite-box[data-v-71cc7436] { width: 100%; height: 25rem; margin: 2.5rem 0px; background-image: url("https://assets.costway.com/media/wysiwyg/FDS-product/Home/vip/vip30.png"); background-repeat: no-repeat; background-size: 100% 100%; padding: 1.25rem 0px; box-sizing: border-box; } .vip-js .invite-wait[data-v-71cc7436] { display: flex; align-items: center; flex-wrap: wrap; } .vip-js .invite-now[data-v-71cc7436], .vip-js .invite-success[data-v-71cc7436] { overflow: hidden; margin-top: 1.625rem; padding: 0px 5.625rem; box-sizing: border-box; width: 100%; } .vip-js .invite-now input[data-v-71cc7436], .vip-js .invite-success .invite-email[data-v-71cc7436] { width: 60%; height: 2.5rem; line-height: 2.5rem; border: none; border-radius: 1.875rem; background: rgb(255, 255, 255); float: left; margin-right: 0.9375rem; padding-left: 0.9375rem; } .vip-js .invite-success .invite-btn[data-v-71cc7436] { height: 2.5rem; line-height: 2.5rem; } .vip-js .invite-success .invite-email[data-v-71cc7436] { background: rgb(253, 225, 186); } .vip-js .invite-now .invite-btn[data-v-71cc7436] { width: 7.5rem; height: 2.5rem; line-height: 2.5rem; background: rgb(0, 0, 0); border-radius: 1.875rem; color: rgb(255, 255, 255); text-align: center; cursor: pointer; float: left; } .vip-js .extend-now[data-v-71cc7436] { width: 17.5rem; text-align: center; display: block; padding: 0.875rem 1.5625rem; border: 0.0625rem solid rgb(102, 102, 102); color: rgb(102, 102, 102); border-radius: 1.875rem; margin: 1.875rem auto; font-size: 1.25rem; cursor: not-allowed; } .vip-js .extend-now.get-now[data-v-71cc7436] { background: linear-gradient(270deg, rgb(196, 144, 73) -21.69%, rgb(243, 199, 139) 66.54%, rgb(255, 218, 166) 98.37%); border: 0.0625rem solid rgb(254, 204, 134); cursor: pointer; color: rgb(0, 0, 0); } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-2312d4d8] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .points-pop[data-v-2312d4d8] { background: rgba(0, 0, 0, 0.8); z-index: 9999; width: 100%; height: 100vh; position: fixed; top: 0px; left: 0px; } .points-pop .siteselect-inner[data-v-2312d4d8] { display: flex; width: 100%; height: 100%; align-items: center; } .points-pop .siteselect_box[data-v-2312d4d8] { width: auto; height: auto; background: none; margin: 0px auto; position: relative; } .points-pop .siteselect_box[data-v-2312d4d8] { background: none; width: auto !important; height: auto !important; } .siteselect_box .close-icon[data-v-2312d4d8] { position: absolute; top: -0.25rem; right: -2.5rem; display: inline-block; border-radius: 50%; width: 1rem; height: 1rem; padding: 0.3125rem; cursor: pointer; z-index: 1; } .points-pop .pop-box[data-v-2312d4d8] { width: 23.125rem; padding: 2.5rem 3.125rem; background: rgb(255, 255, 255); border-radius: 0.375rem; } .points-pop .submit-title[data-v-2312d4d8] { text-align: center; margin-top: 0.9375rem; } .points-pop .buy-now[data-v-2312d4d8] { display: block; width: 11.25rem; height: 2.5rem; background: rgb(255, 95, 68); line-height: 2.5rem; border-radius: 2.5rem; color: rgb(255, 255, 255); text-align: center; margin: 1.25rem auto 0px; } .points-pop .buy-now[data-v-2312d4d8]:hover { color: rgb(255, 255, 255) !important; } .breadcrumb[data-v-2312d4d8] { position: absolute; top: 0px; left: 1.25rem; padding: 2.5rem 0px 0px; } .vip-box[data-v-2312d4d8] { margin: 0px auto; } .contents-img[data-v-2312d4d8] { width: 100% !important; } .col1-layout .main .col-main[data-v-2312d4d8], .cms-page-view .wrapper .main-container[data-v-2312d4d8] { width: 100% !important; margin: 0px !important; padding: 0px !important; } .contents[data-v-2312d4d8] { width: 90rem; margin: 0px auto; box-sizing: border-box; text-align: center; } .contents .benefits-title-s[data-v-2312d4d8] { font-size: 1.125rem; margin-top: 0.9375rem; } .contents .benefits-title[data-v-2312d4d8] { text-align: center; margin: 0px auto; font-size: 1.5rem; display: inline-block; font-weight: 700; } .contents .benefits-title div[data-v-2312d4d8] { border-bottom: 0.4375rem solid rgb(255, 200, 66); width: 100%; margin-top: -0.875rem; } .points-c[data-v-2312d4d8] { padding: 3.75rem 0px; background: rgb(244, 244, 244); } .benefits-box[data-v-2312d4d8] { box-sizing: border-box; border-radius: 0.3125rem; padding: 0px; } .benefits-box .banner[data-v-2312d4d8] { display: flex; justify-content: space-between; margin-top: 3.75rem; position: relative; cursor: pointer; } .benefits-box .banner .hover1[data-v-2312d4d8] { background: url("https://ca-static.costway.ca/assets/1760598923/images/points7-d0b88ce4.png") center center / 100% 100% no-repeat; } .benefits-box .banner .hover2[data-v-2312d4d8] { background: url("https://ca-static.costway.ca/assets/1760598923/images/points9-ad03a635.png") 100% center / cover no-repeat; } .benefits-box .banner canvas[data-v-2312d4d8] { border-radius: 0.75rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(204, 204, 204); margin-top: 5.625rem; width: 10rem !important; height: 10rem !important; } .benefits-box .banner canvas#canvas2[data-v-2312d4d8] { margin-left: 10.9375rem; } .benefits-box .banner canvas#canvas3[data-v-2312d4d8] { margin-left: 10.625rem; } .benefits-box .banner > img[data-v-2312d4d8], .benefits-box .banner > div[data-v-2312d4d8] { width: 44.0625rem; height: 18.75rem; } .benefits-box .banner > div[data-v-2312d4d8] { height: 18.75rem; text-align: left; } .benefits-box .banner .fr-box[data-v-2312d4d8] { width: 44.0625rem; height: 18.75rem; position: relative; background: url("https://ca-static.costway.ca/assets/1760598923/images/points-fr7-68967587.jpg") 0% 0% / 100% no-repeat; text-align: center; padding: 2.5rem 0px; } .benefits-box .banner .fr-box p[data-v-2312d4d8] { width: 100%; font-size: 1.25rem; color: rgb(255, 255, 255); } .benefits-box .banner .fr-box .down-box[data-v-2312d4d8] { width: 50%; margin-left: 50%; transform: translate(-50%); } .benefits-box .banner .fr-box .down-box > img[data-v-2312d4d8] { border-radius: 0.5rem; width: 9.5rem; } .benefits-box .banner .fr-box .down-box div[data-v-2312d4d8] { margin-left: 0.625rem; width: 11.875rem; } .benefits-box .banner .fr-box .down-box div img[data-v-2312d4d8] { border-radius: 0.5rem; width: 100%; margin-bottom: 0.9375rem; } .benefits-box .banner .fr-box .down-box div img[data-v-2312d4d8]:last-child { margin-bottom: 0px; } .benefits-box .banner .fr-box2[data-v-2312d4d8] { background: url("https://ca-static.costway.ca/assets/1760598923/images/points-fr9-45003c6b.jpg") 0% 0% / 100% no-repeat; } .benefits-box .banner .fr-box2 p[data-v-2312d4d8] { color: rgb(0, 0, 0); } .benefits[data-v-2312d4d8] { margin: 0.625rem 0px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .benefits li[data-v-2312d4d8] { width: 29.125rem; height: 10.625rem; margin-top: 1.25rem; padding: 1.25rem; border-radius: 0.9375rem; background: linear-gradient(0deg, rgb(250, 250, 250), rgb(250, 250, 250)), linear-gradient(0deg, rgb(255, 255, 255), rgb(255, 255, 255)); overflow: hidden; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; box-sizing: border-box; position: relative; } .benefits li .plus-icon[data-v-2312d4d8] { width: 8.6875rem; position: absolute; top: 0px; right: 0px; } .benefits li[data-v-2312d4d8]:last-child:nth-child(3n-1) { margin-right: 33.7%; } .benefits li .benefits-l[data-v-2312d4d8] { width: 20%; float: left; margin-right: 1.25rem; } .benefits li .benefits-l img[data-v-2312d4d8] { width: 5rem; } .benefits li .benefits-r[data-v-2312d4d8] { width: 70%; float: left; text-align: left; } .benefits li .benefits-r .benefit-d + .get-point[data-v-2312d4d8], .benefits li .benefits-r .benefit-d + .got-point[data-v-2312d4d8] { margin-top: 0.3125rem !important; } .benefits li .benefits-r > p[data-v-2312d4d8]:nth-of-type(1) { font-size: 1.25rem; color: rgb(0, 0, 0); margin-bottom: 0px; text-align: left; } .benefits li .benefits-r > p[data-v-2312d4d8]:nth-of-type(2) { margin-bottom: 0px; text-align: left; } .benefits li .benefits-r .get-point[data-v-2312d4d8] { display: inline-block; color: rgb(0, 0, 0); width: 12.5rem; height: 3.125rem; line-height: 3.125rem; text-align: center; background: rgb(255, 200, 66); border-radius: 2.5rem; cursor: pointer; margin-top: 1.25rem; box-shadow: rgba(249, 201, 84, 0.58) 0.0625rem 0.25rem 1rem; font-size: 1.125rem; font-weight: 700; } .benefits li .benefits-r .get-point img[data-v-2312d4d8] { width: 1.6875rem; margin-right: 0.25rem; } .benefits li .benefits-r .got-point[data-v-2312d4d8] { background: rgb(228, 228, 228); color: rgba(102, 102, 102, 0.4); box-shadow: none; cursor: not-allowed; display: inline-block; width: 11.25rem; height: 3.125rem; line-height: 3.125rem; text-align: center; border-radius: 2.5rem; margin-top: 1.25rem; font-size: 1.125rem; font-weight: 400; } .points-b[data-v-2312d4d8] { background: rgb(255, 255, 255); padding: 3.75rem 0px; width: 90rem; margin: 0px auto; } .points-b .faq[data-v-2312d4d8] { margin-bottom: 1.875rem; } .points-b .faq h2[data-v-2312d4d8] { font-size: 1.125rem; font-weight: 700; line-height: 1.6875rem; letter-spacing: 0em; text-align: left; margin-bottom: 0.75rem; } .points-b .faq p[data-v-2312d4d8] { text-align: left; font-size: 1rem; } .points-b .faq p a[data-v-2312d4d8] { text-decoration: underline; color: rgb(253, 172, 14); } .points-b .points-title1[data-v-2312d4d8] { text-align: center; font-size: 1.5rem; font-weight: 700; margin-bottom: 2.5rem; } .points-b .points-title2[data-v-2312d4d8] { color: rgb(102, 102, 102); } .points-b .points-title3[data-v-2312d4d8] { font-size: 1.125rem; } .points-b .points-sm[data-v-2312d4d8] { width: 21.25rem; height: 3.75rem; line-height: 3.75rem; text-align: center; font-weight: 700; font-size: 1.375rem; border-radius: 0.3125rem; background: rgb(241, 241, 241); margin: 1.875rem auto; } .points-b .points-title5 .available-points[data-v-2312d4d8], .points-b .points-title6 .redeemable-amount[data-v-2312d4d8] { font-size: 1.125rem; font-weight: 700; } .points-b .purchase-now[data-v-2312d4d8] { color: rgb(255, 255, 255); width: 16.25rem; height: 2.8125rem; line-height: 2.8125rem; margin: 2.5rem auto; font-size: 1.125rem; text-align: center; background: rgb(253, 172, 14); border-radius: 2.5rem; } .points-model h1[data-v-2312d4d8] { font-weight: 700; color: rgb(0, 0, 0); font-size: 1.75rem; margin-top: 1.25rem; } .day_container[data-v-2312d4d8] { padding: 0px 3.125rem; box-sizing: border-box; } .points-model p[data-v-2312d4d8], .points-model div[data-v-2312d4d8] { text-align: center; } .follow_content p[data-v-2312d4d8] { margin: 1.25rem 0px; } .day_container .singleItem p[data-v-2312d4d8] { font-weight: 700; font-size: 1.375rem; color: rgb(0, 0, 0); text-align: center; margin-bottom: 0.5rem; } .day_container .singleItem input[data-v-2312d4d8] { width: 100%; height: 3.125rem; box-sizing: border-box; padding: 0px 0.625rem; text-align: left; border-radius: 0.25rem; border: 0.0625rem solid rgb(204, 204, 204); } .phone_alert .invite-btn[data-v-2312d4d8] { width: 80% !important; } .download_icon[data-v-2312d4d8] { margin: 2.5rem auto 0px; display: flex; justify-content: space-around; } .download_icon .follow_btn[data-v-2312d4d8] { width: 45%; color: rgb(255, 255, 255); height: 2.8125rem; line-height: 2.8125rem; margin: 0px auto; border-radius: 3.125rem; font-size: 1.125rem; background: rgb(253, 172, 14); display: flex; justify-content: center; align-items: center; } .download_icon .follow_btn img[data-v-2312d4d8] { margin-left: 0.625rem; } .share_icon[data-v-2312d4d8] { width: 22.125rem; margin: 1.25rem auto 2.1875rem; display: flex; justify-content: space-between; } .share_icon span[data-v-2312d4d8] { display: block; border-radius: 50%; width: 2.375rem; height: 2.375rem; } .share_icon .share_fb[data-v-2312d4d8] { background: url("https://assets.costway.com/skin/frontend/default/hooya/points/share_fb.png") no-repeat; } .share_icon .share_twitter[data-v-2312d4d8] { background: url("https://assets.costway.com/skin/frontend/default/hooya/points/share_twitter.png") no-repeat; } .share_icon .share_pin[data-v-2312d4d8] { background: url("https://assets.costway.com/skin/frontend/default/hooya/points/share_pin.png") no-repeat; } .share_icon .share_g[data-v-2312d4d8] { background: url("https://assets.costway.com/skin/frontend/default/hooya/points/share_g.png") no-repeat; } .share_icon .share_ins[data-v-2312d4d8] { width: 2.4375rem; height: 2.375rem; background: url("https://assets.costway.com/skin/frontend/default/hooya/points/share_ins.png") no-repeat; } .note[data-v-2312d4d8] { display: inline-block; color: rgb(255, 255, 255); padding: 0.25rem 2.1875rem; background: rgb(204, 204, 204); border-radius: 3.125rem; margin: 0.625rem 0px; font-weight: 400; font-size: 0.875rem; width: 100%; } .write_input[data-v-2312d4d8], .user-email[data-v-2312d4d8] { width: 100%; height: 2.875rem; box-sizing: border-box; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 1.875rem; display: block; margin: 1rem auto; font-size: 1rem; color: rgb(51, 51, 51); padding-left: 0.9375rem; } .refer_btn[data-v-2312d4d8], .invite-btn[data-v-2312d4d8] { display: flex; border-radius: 1.875rem; background: rgb(253, 172, 14); width: 54%; height: 2.875rem; color: rgb(255, 255, 255); margin: 0px auto; justify-content: center; align-items: center; font-size: 1.125rem; cursor: pointer; } .invite-btn[data-v-2312d4d8] { margin-bottom: 1.25rem; } .phone_alert > div[data-v-2312d4d8] { margin-bottom: 1.25rem; } [data-v-2312d4d8] .ant-form-item-explain-error { max-width: 25rem; text-align: left; } .verify[data-v-2312d4d8] { position: absolute; color: rgb(253, 172, 14); right: 0.9375rem; top: 0.75rem; cursor: pointer; } [data-v-2312d4d8]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-2312d4d8] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-2312d4d8] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-2312d4d8] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-2312d4d8] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-2312d4d8] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-2312d4d8] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-2312d4d8] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-2312d4d8] { padding: 0px 20px; } } .ant-form-item[data-v-2312d4d8], .ant-radio-wrapper[data-v-2312d4d8], .ant-radio-group[data-v-2312d4d8] { font-variant: normal !important; } .ant-message[data-v-2312d4d8] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-2312d4d8] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-2312d4d8] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-2312d4d8] { display: none; } .flexed[data-v-2312d4d8] { display: flex; justify-content: space-between; align-items: center; } .points-t[data-v-2312d4d8] { position: relative; } .points-t .points-t-box[data-v-2312d4d8] { width: 31.25rem; height: 18.75rem; padding: 3.125rem 3.125rem 3.75rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.88); display: flex; justify-content: space-between; flex-direction: column; } .points-t .points-t-box h2[data-v-2312d4d8] { font-size: 1.875rem; font-weight: 600; line-height: 2.25rem; letter-spacing: 0em; text-align: center; margin-bottom: 0px; } .points-t .points-t-box p[data-v-2312d4d8] { margin-bottom: 0px; font-size: 1.25rem; text-align: center; } .points-t .points-t-box p span[data-v-2312d4d8] { font-size: 1.625rem; font-weight: 700; } .points-t .points-t-box .nologinBtn[data-v-2312d4d8] { width: 18.75rem; margin: 0px auto; } .points-t .points-t-box .nologinBtn span[data-v-2312d4d8], .points-t .points-t-box .nologinBtn a[data-v-2312d4d8] { width: 100% !important; } .points-t .points-t-box .btn[data-v-2312d4d8] { display: flex; justify-content: space-between; cursor: pointer; } .points-t .points-t-box .btn span[data-v-2312d4d8], .points-t .points-t-box .btn a[data-v-2312d4d8] { display: inline-block; color: rgb(0, 0, 0); width: 48%; height: 3.125rem; line-height: 3.125rem; text-align: center; background: rgb(255, 200, 66); border-radius: 2.5rem; font-size: 1.125rem; cursor: pointer; } .points-t .points-t-box .btn .rewards-history[data-v-2312d4d8] { background: rgb(255, 255, 255); color: rgb(253, 172, 14); border: 0.0625rem solid rgb(253, 172, 14); } .points-t .points-t-box .expire-points[data-v-2312d4d8] { position: absolute; bottom: 0px; left: 0px; width: 31.25rem; height: 2.25rem; background: rgb(255, 249, 238); font-size: 1rem; line-height: 2.25rem; } .points-t .points-t-box .expire-points span[data-v-2312d4d8] { font-weight: 400; font-size: 1rem; color: rgb(255, 200, 66); } .points-t .points-t-box a[data-v-2312d4d8] { display: block; width: 100%; text-align: center; font-size: 1.125rem; } .points-c .ul-fir li[data-v-2312d4d8] { border-radius: 0.9375rem; padding: 1.25rem 2.5rem; box-sizing: border-box; width: 32.5%; background-color: rgb(255, 255, 255); margin: 2.5rem 0px; } .points-c .ul-fir li p[data-v-2312d4d8]:nth-of-type(1) { text-align: left; margin-bottom: 1.25rem; font-size: 1.5rem; font-weight: 700; } .points-c .ul-fir li p[data-v-2312d4d8]:nth-of-type(2) { text-align: left; margin-bottom: 0px; } .points-c .ul-fir li img[data-v-2312d4d8] { margin-left: 2.5rem; } [data-v-2312d4d8] .ant-carousel img { width: 100%; } .redeeming-box[data-v-2312d4d8] { height: 25.25rem; background: rgb(255, 255, 255); border-radius: 1.375rem; padding: 0px 8.75rem; margin-bottom: 1.25rem; } .redeeming-box .redeeming-box-l[data-v-2312d4d8] { width: 31.125rem; position: relative; } .redeeming-box .redeeming-box-l img[data-v-2312d4d8] { width: 100%; } .redeeming-box .redeeming-box-l .banner[data-v-2312d4d8] { width: 14.25rem; position: absolute; top: 2.1875rem; left: 8.4375rem; } .redeeming-box .redeeming-box-l .banner img[data-v-2312d4d8] { width: 100%; } .redeeming-box .redeeming-box-r[data-v-2312d4d8] { width: 29rem; } .redeeming-box .redeeming-box-r h2[data-v-2312d4d8] { font-size: 1.5rem; font-weight: 700; text-align: left; } .redeeming-box .redeeming-box-r span[data-v-2312d4d8] { width: 28.5rem; height: 3.0625rem; line-height: 3.0625rem; display: block; border-radius: 0.5rem; background: rgb(255, 200, 66); font-size: 1.125rem; text-align: center; font-weight: 700; margin-bottom: 1.25rem; } .redeeming-box .redeeming-box-r p[data-v-2312d4d8] { text-align: left; } .redeeming-box .redeeming-box-r p[data-v-2312d4d8]:nth-of-type(1) { font-size: 1.125rem; } .redeeming-box .redeeming-box-r p[data-v-2312d4d8]:nth-of-type(2) { margin-bottom: 0px; } .redeeming-box .redeeming-box-r .down-box[data-v-2312d4d8] { width: 15.125rem; } .redeeming-box .redeeming-box-r .down-box canvas[data-v-2312d4d8] { width: 6.5rem; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 0.3125rem; margin-right: 0.625rem; } .redeeming-box .redeeming-box-r .down-box div img[data-v-2312d4d8] { width: 8rem; display: block; } .redeeming-box .redeeming-box-r .down-box .img-r-t[data-v-2312d4d8] { margin-bottom: 0.625rem; } .toFaq[data-v-2312d4d8] { text-decoration: underline; } [data-v-efd1b564]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-efd1b564] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-efd1b564] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-efd1b564] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-efd1b564] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-efd1b564] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-efd1b564] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-efd1b564] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-efd1b564] { padding: 0px 20px; } } .ant-form-item[data-v-efd1b564], .ant-radio-wrapper[data-v-efd1b564], .ant-radio-group[data-v-efd1b564] { font-variant: normal !important; } .ant-message[data-v-efd1b564] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-efd1b564] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-efd1b564] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-efd1b564] { display: none; } .breadcrumb[data-v-efd1b564] { position: absolute; top: 0px; left: 1.25rem; } .pages[data-v-efd1b564] { text-align: center; margin: 1.875rem auto 0px; } [data-v-efd1b564] .ant-pagination { display: inline-block; } .col1-layout .main[data-v-efd1b564] { background: rgb(255, 255, 255); } .vip-box[data-v-efd1b564] { margin: 0px auto; background: rgb(255, 255, 255); } .col1-layout .main .col-main[data-v-efd1b564], .cms-page-view .wrapper .main-container[data-v-efd1b564] { width: 100% !important; margin: 0px !important; padding: 0px !important; } .content[data-v-efd1b564] { width: 62.5rem; margin: 0px auto 6.25rem; box-sizing: border-box; } .points-t[data-v-efd1b564] { height: 20.9375rem; padding: 5rem 0px 7.5rem; box-sizing: border-box; background-image: url("https://assets.costway.com/media/wysiwyg/FDS-product/Home/vip/vip15.png"); background-repeat: no-repeat; background-size: 100% 100%; display: flex; align-items: center; flex-wrap: wrap; position: relative; } .points-t > p[data-v-efd1b564] { width: 100%; margin: 0px auto; text-align: center; } .points-t p[data-v-efd1b564]:nth-of-type(1) { font-size: 1.375rem; font-weight: 700; margin-top: 0.625rem; } .points-t p[data-v-efd1b564]:nth-of-type(2) { font-size: 1.125rem; margin-top: 1.25rem; } .points-t p[data-v-efd1b564]:nth-of-type(3) { padding: 0px 1.875rem; background: rgb(255, 249, 238); border-radius: 2.5rem; display: inline-block; width: auto; height: 2.1875rem; line-height: 2.1875rem; margin-top: 2.5rem; } .points-t p:nth-of-type(3) span[data-v-efd1b564] { color: rgb(255, 200, 66); } .points-t p:nth-of-type(2) img[data-v-efd1b564] { width: 1.875rem; margin: -0.8125rem 0.3125rem 0px; } .points-t .points-num[data-v-efd1b564] { font-weight: 700; text-decoration: underline; } .point-title[data-v-efd1b564] { text-align: center; font-size: 1.5rem; font-weight: 700; margin: 3.125rem 0px 1.875rem; } .points-box .points-title[data-v-efd1b564] { height: 2.75rem; line-height: 2.75rem; background: rgb(255, 200, 66); border-top-left-radius: 0.625rem; border-top-right-radius: 0.625rem; display: flex; padding: 0.625rem 2.5rem 0.625rem 5rem; box-sizing: border-box; justify-content: space-between; align-items: center; } .points-box ul[data-v-efd1b564] { border-bottom-left-radius: 0.625rem; border-bottom-right-radius: 0.625rem; box-shadow: rgba(91, 91, 91, 0.1) 0px 0px 4.25rem -0.25rem; border-right: 0.0625rem solid rgb(227, 227, 227); border-bottom: 0.0625rem solid rgb(227, 227, 227); border-left: 0.0625rem solid rgb(227, 227, 227); border-image: initial; border-top: none; overflow: hidden; } .points-box ul li[data-v-efd1b564] { display: flex; padding: 0.625rem 2.5rem 0.625rem 5rem; box-sizing: border-box; justify-content: space-between; align-items: center; } .points-box ul li[data-v-efd1b564]:nth-of-type(2n-1) { background: rgb(241, 241, 241); } .points-box ul li .points[data-v-efd1b564] { color: rgb(253, 172, 14); } .points-box .points-title div[data-v-efd1b564] { text-align: left; } .points-box .points-data[data-v-efd1b564] { width: 30%; padding-right: 1.5625rem; box-sizing: border-box; } .points-box .points-task[data-v-efd1b564] { width: 60%; padding-right: 1.5625rem; box-sizing: border-box; } .points-box .points[data-v-efd1b564] { width: 10%; padding-right: 0px; box-sizing: border-box; } [data-v-8ff196f0]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-8ff196f0] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-8ff196f0] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-8ff196f0] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-8ff196f0] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-8ff196f0] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-8ff196f0] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-8ff196f0] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-8ff196f0] { padding: 0px 20px; } } .ant-form-item[data-v-8ff196f0], .ant-radio-wrapper[data-v-8ff196f0], .ant-radio-group[data-v-8ff196f0] { font-variant: normal !important; } .ant-message[data-v-8ff196f0] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-8ff196f0] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-8ff196f0] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-8ff196f0] { display: none; } .plus-orders-list-data[data-v-8ff196f0] { width: 100rem; margin: 0px auto; } .plus-orders-list-data[data-v-8ff196f0] .breadcrumb { padding-bottom: 1.25rem; } .plus-orders-list-data[data-v-8ff196f0] .ant-table-wrapper .ant-table-thead > tr > th { background: rgb(255, 255, 255); font-weight: 700; } .plus-orders-list-data[data-v-8ff196f0] .ant-table-wrapper .ant-table-thead > tr > th ::before { display: none; } .plus-orders-list-data[data-v-8ff196f0] .ant-table-wrapper .oldPrice { color: rgb(153, 153, 153); text-decoration: line-through; margin-left: 0.375rem; } .plus-orders-list-data[data-v-8ff196f0] .ant-table-wrapper .ant-row .ant-col:nth-child(1) { line-height: 3.125rem; display: inline-block; min-width: 7.5rem; border-radius: 1.875rem; height: 3.125rem; text-align: center; border: 0.0625rem solid rgb(255, 95, 68); } .plus-orders-list-data[data-v-8ff196f0] .ant-table-wrapper .reorder { line-height: 3.125rem; display: inline-block; min-width: 7.5rem; border-radius: 1.875rem; height: 3.125rem; text-align: center; border: 0.0625rem solid rgb(204, 204, 204); } .plus-orders-list-data[data-v-8ff196f0] .ant-table-wrapper .ant-table-tbody > tr > td:last-child .ant-row { float: right; } [data-v-a95c08c2]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-a95c08c2] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-a95c08c2] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-a95c08c2] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-a95c08c2] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-a95c08c2] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-a95c08c2] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-a95c08c2] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-a95c08c2] { padding: 0px 20px; } } .ant-form-item[data-v-a95c08c2], .ant-radio-wrapper[data-v-a95c08c2], .ant-radio-group[data-v-a95c08c2] { font-variant: normal !important; } .ant-message[data-v-a95c08c2] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-a95c08c2] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-a95c08c2] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-a95c08c2] { display: none; } .page-print[data-v-a95c08c2] { background: rgb(255, 255, 255); padding: 1.5625rem 1.875rem; text-align: left; } .page-print .head[data-v-a95c08c2] { margin-bottom: 1.25rem; } .page-print .back[data-v-a95c08c2] { text-align: right; } .page-print .ordered-write-review-detail[data-v-a95c08c2] { vertical-align: middle; } .page-print[data-v-a95c08c2] .ant-table-footer { background-color: rgb(255, 255, 255); text-align: right; } .page-print[data-v-a95c08c2] .ant-table-footer .row > span { display: inline-block; } .page-print[data-v-a95c08c2] .ant-table-footer .row .val { min-width: 8.125rem; } .page-print h1[data-v-a95c08c2] { font-size: 1.125rem; font-weight: 700; } .page-print h2[data-v-a95c08c2] { font-size: 1rem; font-weight: 700; } .page-print h3[data-v-a95c08c2] { font-size: 0.875rem; font-weight: 700; } [data-v-df7a76e8]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-df7a76e8] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-df7a76e8] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-df7a76e8] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-df7a76e8] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-df7a76e8] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-df7a76e8] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-df7a76e8] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-df7a76e8] { padding: 0px 20px; } } .ant-form-item[data-v-df7a76e8], .ant-radio-wrapper[data-v-df7a76e8], .ant-radio-group[data-v-df7a76e8] { font-variant: normal !important; } .ant-message[data-v-df7a76e8] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-df7a76e8] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-df7a76e8] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-df7a76e8] { display: none; } [data-v-df7a76e8] .ant-anchor-ink::before { display: none !important; width: 0px !important; } [data-v-df7a76e8] .ant-anchor-link-title { height: 3.75rem; } [data-v-df7a76e8] .ant-row { display: block; } [data-v-df7a76e8] .ant-collapse-borderless > .ant-collapse-item { border-bottom: 0.0625rem solid rgb(217, 217, 217); } [data-v-df7a76e8] .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header { font-size: 1rem; font-weight: 700; } [data-v-df7a76e8] .ant-form-item-label > label { height: 1.25rem; } .dropship-main .content-fir[data-v-df7a76e8] { width: 81.25rem; margin: 4.375rem auto; text-align: center; } .dropship-main .content-fir ul li[data-v-df7a76e8] { display: flex; justify-content: space-between; padding: 1.25rem 0px; border-bottom: 0.0625rem solid rgb(204, 204, 204); } .dropship-main .content-fir ul li .li-l[data-v-df7a76e8] { width: 40%; margin-top: 7.5rem; padding: 0px 4%; } .dropship-main .content-fir ul li .li-l .li-title[data-v-df7a76e8] { text-align: left; font-size: 1.375rem; font-weight: 700; margin-bottom: 0px; } .dropship-main .content-fir ul li .li-l .li-line[data-v-df7a76e8] { width: 4.875rem; height: 0.375rem; background: rgb(255, 200, 66); margin: 1.25rem 0px; } .dropship-main .content-fir ul li .li-l .li-msg[data-v-df7a76e8] { text-align: left; } .dropship-main .content-fir ul li .li-r[data-v-df7a76e8] { width: 54%; } .dropship-main .content-fir ul li .li-r img[data-v-df7a76e8] { width: 100%; } .dropship-main .content-sec[data-v-df7a76e8] { width: 81.25rem; margin: 4.375rem auto; text-align: center; } .dropship-main .content-sec ul li[data-v-df7a76e8] { display: flex; justify-content: space-between; box-shadow: rgba(0, 0, 0, 0.08) 0.0625rem 0.1875rem 0.4375rem; border: 0.0625rem solid rgba(0, 0, 0, 0.08); border-radius: 0.3125rem; padding-left: 4%; margin-top: 1.875rem; } .dropship-main .content-sec ul li .li-l[data-v-df7a76e8] { width: 55%; margin-top: 3.125rem; } .dropship-main .content-sec ul li .li-l .li-title[data-v-df7a76e8] { text-align: left; font-size: 1.375rem; font-weight: 700; margin-bottom: 0.625rem; } .dropship-main .content-sec ul li .li-l .li-msg[data-v-df7a76e8] { text-align: left; } .dropship-main .content-sec ul li .li-r[data-v-df7a76e8] { width: 40%; } .dropship-main .content-sec ul li .li-r img[data-v-df7a76e8] { width: 100%; } .dropship-main .content-thr[data-v-df7a76e8] { width: 100%; padding: 0.625rem 0px; margin: 4.375rem auto; text-align: center; } .dropship-main .content-thr ul[data-v-df7a76e8] { width: 100%; background: rgb(255, 200, 66); } .dropship-main .content-thr ul li .li-box[data-v-df7a76e8] { width: 81.25rem; margin: 0px auto; padding: 1.875rem 0px; display: flex; justify-content: space-between; } .dropship-main .content-thr ul li .li-box .li-l[data-v-df7a76e8] { width: 35%; margin-top: 6.25rem; } .dropship-main .content-thr ul li .li-box .li-l .li-title[data-v-df7a76e8] { text-align: left; font-size: 1.375rem; font-weight: 700; margin-bottom: 0.625rem; } .dropship-main .content-thr ul li .li-box .li-l .li-msg[data-v-df7a76e8] { text-align: left; } .dropship-main .content-thr ul li .li-box .li-r[data-v-df7a76e8] { width: 60%; } .dropship-main .content-thr ul li .li-box .li-r img[data-v-df7a76e8] { width: 100%; } .dropship-main .content-four[data-v-df7a76e8] { width: 100%; padding: 0.625rem 0px; margin: 4.375rem auto; text-align: center; } .dropship-main .content-four .table-box .table-con[data-v-df7a76e8] { display: inline-block; margin: 0px auto; padding: 0.9375rem; box-shadow: rgba(0, 0, 0, 0.08) 0.0625rem 0.1875rem 0.4375rem; border: 0.0625rem solid rgba(0, 0, 0, 0.08); border-radius: 0.3125rem; } .dropship-main .content-four .table-box .table-con .rules[data-v-df7a76e8] { padding: 0px 3.125rem; } .dropship-main .content-four .table-box .table-con p[data-v-df7a76e8] { margin-bottom: 0.3125rem; text-align: left; } .dropship-main .content-four .table-box .table-con .discount-policy[data-v-df7a76e8] { text-align: center; color: rgb(255, 95, 68); } .dropship-main .content-four .table-box .table-con .to-login[data-v-df7a76e8] { display: inline-block; text-align: left; margin-bottom: 0.3125rem; } .dropship-main .content-four .table-box .table-con .to-application[data-v-df7a76e8] { position: relative; display: inline-block; top: 0px; left: 0px; background: rgb(255, 200, 66); padding: 0.75rem 2.1875rem; border-radius: 1.875rem; cursor: pointer; font-size: 1.25rem; margin: 1.25rem 0px; } .dropship-main .content-four .table-box .drop_benefits[data-v-df7a76e8] { margin: 0px auto 1.875rem; } .dropship-main .content-four .table-box .drop_benefits thead[data-v-df7a76e8] { background-color: rgb(255, 200, 66) !important; } .dropship-main .content-four .table-box .drop_benefits thead tr th[data-v-df7a76e8] { font-size: 1.125rem; } .dropship-main .content-four .table-box .drop_benefits tr[data-v-df7a76e8] { border: 0.125rem solid rgb(255, 255, 255); } .dropship-main .content-four .table-box .drop_benefits tr td[data-v-df7a76e8] { border-right: 0.125rem solid rgb(255, 255, 255); padding: 1.25rem 0px; } .dropship-main .content-four .table-box .drop_benefits tr td[data-v-df7a76e8]:last-child { border: none; } .dropship-main .content-five[data-v-df7a76e8] { width: 100%; padding: 0.625rem 0px; margin: 4.375rem auto -1.875rem; text-align: center; } .dropship-main .content-five ul[data-v-df7a76e8] { width: 100%; background: rgb(249, 249, 249); padding: 1.25rem 0px; } .dropship-main .content-five ul li[data-v-df7a76e8] { width: 63rem; margin: 1.25rem auto; } .dropship-main .content-five ul li p[data-v-df7a76e8] { margin-bottom: 0.125rem; text-align: left; } .dropship-main .content-five ul li .faq-title[data-v-df7a76e8] { font-weight: 700; font-size: 1rem; } .dropship-main .content-five .notice[data-v-df7a76e8] { width: 63rem; margin: 1.875rem auto; } .dropship-main .content-five .notice p[data-v-df7a76e8] { margin-bottom: 0.125rem; text-align: left; color: rgb(255, 95, 68); } .dropship-main .content-five .notice .notice-title[data-v-df7a76e8] { font-size: 1.125rem; font-weight: 700; } .dropship-main .content-title[data-v-df7a76e8] { font-size: 1.875rem; display: inline-block; font-weight: 700; margin-bottom: 1.875rem; } .dropship-main .content-title .content-title-line[data-v-df7a76e8] { height: 0.75rem; background: rgb(255, 200, 66); margin-top: -0.875rem; } .to-application[data-v-df7a76e8] { position: absolute; top: 23rem; left: 18rem; display: inline-block; background: rgb(255, 200, 66); padding: 0.375rem 0.75rem; border-radius: 0.25rem; cursor: pointer; font-size: 1rem; } .shopanswer_alert_div button[data-v-df7a76e8] { display: inline-block; background-color: rgb(255, 200, 66); padding: 0.375rem 1.5625rem; color: rgb(255, 255, 255); float: right; margin-top: 0.9375rem; cursor: pointer; border-radius: 0.1875rem; font-size: 1.125rem; border: 0.0625rem solid rgb(255, 200, 66); height: 2.6875rem; } .questions p[data-v-df7a76e8] { margin-bottom: 0px; } .shopstatus_alert_div .go_next button[data-v-df7a76e8] { display: inline-block; background-color: rgb(255, 200, 66); padding: 0.375rem 1.5625rem; color: rgb(255, 255, 255); float: right; margin-top: 0.9375rem; cursor: pointer; border-radius: 0.1875rem; font-size: 1.125rem; border: 0.0625rem solid rgb(255, 200, 66); line-height: 1.1875rem; } .isSelected-terms[data-v-df7a76e8] { display: none; } .col-main[data-v-df7a76e8] { width: 100% !important; } .hide_templete[data-v-df7a76e8] { display: none; } .button[data-v-df7a76e8] { margin: 0.625rem auto; } .button .submit[data-v-df7a76e8] { cursor: pointer; background: rgb(255, 0, 0); color: rgb(255, 255, 255); padding: 0.3125rem 0.9375rem; border-radius: 0.1875rem; } .top_content[data-v-df7a76e8] { width: 100%; position: relative; } .top_content .title_img[data-v-df7a76e8] { width: 100%; } .top_content .toLink[data-v-df7a76e8] { display: inline-block; width: 18.75rem; height: 5rem; position: absolute; right: 1.4375rem; top: 1.25rem; z-index: 99; cursor: pointer; } .content[data-v-df7a76e8] { margin-top: 1.25rem; padding: 0px !important; } .content .content_fir[data-v-df7a76e8] { width: 75rem; margin: 0px auto; padding-bottom: 3.125rem; border-bottom: 0.0625rem solid rgb(223, 223, 223); } .content .title[data-v-df7a76e8] { font-weight: 600; color: rgb(51, 51, 51); font-size: 1.375rem; } .content .text[data-v-df7a76e8] { margin-top: 0.625rem; color: rgb(107, 109, 112); line-height: 1.875rem; } .content .enter_text[data-v-df7a76e8] { margin-top: 1.875rem; font-size: 1rem; font-weight: 700; } .content_sec[data-v-df7a76e8] { width: 100%; margin-top: 4.375rem; } .nav_content[data-v-df7a76e8] { width: 75rem; margin: 0px auto; height: 1.5rem; position: relative; } .point_left[data-v-df7a76e8], .point_right[data-v-df7a76e8] { display: inline-block; height: 1.5rem; background-color: rgb(255, 200, 66); } .point_left[data-v-df7a76e8] { width: 2.875rem; } .point_right[data-v-df7a76e8] { width: 0.25rem; } .nav_content .nav_title[data-v-df7a76e8] { display: inline-block; font-size: 1.25rem; color: rgb(37, 37, 37); font-weight: 700; position: absolute; top: 0px; left: 4rem; } .content_sec .merit[data-v-df7a76e8] { margin-top: 1.875rem; position: relative; } .merit .merit_detail[data-v-df7a76e8] { width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; } .merit .merit_detail .ul_fir[data-v-df7a76e8] { width: 67.875rem; margin: 0px auto; padding: 0px 3.125rem; } .merit .merit_detail .ul_sec[data-v-df7a76e8] { width: 52.0625rem; margin: 1.25rem auto; padding: 0px 3.125rem; } .lastLi[data-v-df7a76e8] { margin-right: 0px !important; } .merit .merit_detail ul li[data-v-df7a76e8] { width: 13.75rem; height: 16.25rem; background-color: rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0.125rem 0.125rem 0.25rem; float: left; margin-right: 2.1875rem; margin-top: 1.875rem; padding: 1.25rem 0px 0px; box-sizing: border-box; } .merit ul li .merit_title[data-v-df7a76e8] { width: 11.875rem; margin-left: 0.9375rem; border-radius: 0.125rem; background-color: rgb(255, 200, 66); color: rgb(255, 255, 255); text-align: center; font-size: 1rem; padding: 0.375rem 0px; } .merit ul li p[data-v-df7a76e8] { width: 100%; padding: 0px 1.25rem; line-height: 1.125rem; font-size: 0.8125rem; box-sizing: border-box; } .merit ul li p[data-v-df7a76e8]:first-of-type { margin-top: 0.5rem; } .text_left[data-v-df7a76e8] { text-align: left !important; } .merit .merit_detail .footer_text[data-v-df7a76e8] { width: 100%; color: rgb(255, 200, 66); position: absolute; bottom: 1.5625rem; text-align: center; font-weight: 700; } .triangle-topleft[data-v-df7a76e8] { width: 0px; height: 0px; border-top: 1.875rem solid rgb(255, 200, 66); border-right: 1.375rem solid transparent; } .content_thr[data-v-df7a76e8] { margin-top: 2.5rem; width: 100%; height: auto; overflow: hidden; } .content_thr .ul_thr[data-v-df7a76e8] { width: 61.25rem; margin: 2.5rem auto; } .content_thr ul li[data-v-df7a76e8] { width: 16.25rem; height: 25rem; float: left; position: relative; margin-right: 6.25rem; } .content_thr ul li .user_head[data-v-df7a76e8] { display: block; width: 7.125rem; margin: 0px auto; } .content_thr ul li:nth-child(1) .chapter_img[data-v-df7a76e8] { position: absolute; top: 15.125rem; left: 8.25rem; } .content_thr ul li:nth-child(2) .chapter_img[data-v-df7a76e8] { position: absolute; top: 15.125rem; left: 8.25rem; } .content_thr ul li:nth-child(3) .chapter_img[data-v-df7a76e8] { position: absolute; top: 15.125rem; left: 12.25rem; } .content_thr ul li .user_name[data-v-df7a76e8] { font-weight: bolder; font-size: 1rem; color: rgb(37, 37, 37); text-align: center; } .content_thr ul li .detail_qa[data-v-df7a76e8] { height: 9.0625rem; width: 100%; margin-top: 0.75rem; box-sizing: border-box; } .content_thr .thr_question[data-v-df7a76e8] { font-weight: 700; font-size: 0.9375rem; color: rgb(37, 37, 37); text-align: center; padding: 0px 0.5rem; height: 5.625rem; } .content_thr .thr_res[data-v-df7a76e8] { width: 15rem; margin-left: 0.625rem; padding: 0.5rem; box-sizing: border-box; background-color: rgb(255, 255, 255); border-radius: 0.375rem; color: rgb(107, 109, 112); } .content_thr .thr_judge[data-v-df7a76e8] { width: 12.5rem; margin-left: 1.875rem; padding: 0.3125rem 0.75rem; box-sizing: border-box; background-color: rgb(255, 200, 66); border-radius: 0.375rem; font-size: 1.125rem; color: rgb(255, 255, 255); text-align: center; font-weight: 700; margin-top: 1.875rem; } .content_four[data-v-df7a76e8] { margin-top: 2.5rem; padding: 3.75rem 0px 1.25rem; } .content_four .drop_benefits[data-v-df7a76e8] { width: 62.5rem; margin: 1.5625rem auto; } .drop_benefits tbody tr[data-v-df7a76e8]:nth-of-type(2n) { background-color: rgb(252, 239, 207); } .drop_benefits tbody tr[data-v-df7a76e8]:nth-of-type(2n-1) { background-color: rgb(255, 249, 234); } .drop_benefits tr[data-v-df7a76e8] { height: 3.375rem; } .drop_benefits tr th p[data-v-df7a76e8] { font-weight: 400 !important; } .drop_benefits th[data-v-df7a76e8] { padding: 1.25rem 0px; } .drop_benefits tr p[data-v-df7a76e8] { text-align: center; } .content_four .text_explain[data-v-df7a76e8] { width: 62.5rem; margin: 0.625rem auto; font-size: 1rem; color: rgb(255, 113, 39); } .content_five[data-v-df7a76e8] { padding: 3.4375rem 0px 0px; background-color: rgb(250, 250, 250); } .content_five .merit[data-v-df7a76e8] { width: 58.75rem; margin: 2.5rem auto; overflow: hidden; padding-bottom: 3.75rem; } .content_five .merit .reason_list[data-v-df7a76e8] { width: 36.125rem; float: left; } .content_five .merit .reason_list p[data-v-df7a76e8] { background-color: rgb(255, 255, 255); width: 100%; padding: 1.125rem 1.875rem; color: rgb(37, 37, 37); font-size: 1rem; font-weight: 700; line-height: 1.75rem; margin-bottom: 0.9375rem; box-shadow: rgba(204, 204, 204, 0.33) 0.125rem 0.125rem 0.125rem; border-radius: 0.3125rem; } .content_five .merit .reason_detail[data-v-df7a76e8] { width: 16.375rem; float: right; } .content_five .merit .reason_detail .reason_card[data-v-df7a76e8] { width: 100%; height: 25.4375rem; background-color: rgb(255, 255, 255); padding: 4.375rem 1.125rem; box-sizing: border-box; box-shadow: rgba(204, 204, 204, 0.33) 0.125rem 0.125rem 0.125rem; border-radius: 0.3125rem; } .content_five .reason_card .text_top[data-v-df7a76e8] { font-size: 1rem; font-weight: 700; line-height: 1.875rem; color: rgb(37, 37, 37); } .content_five .reason_card .text_bottom[data-v-df7a76e8] { margin-top: 1.875rem; font-size: 1rem; line-height: 1.875rem; color: rgb(255, 200, 66); font-weight: 700; } .content_five .sign_up[data-v-df7a76e8] { width: 15.625rem; height: 3.75rem; margin: 0px 1.25rem; display: inline-block; border-radius: 0.3125rem; background-color: rgb(250, 250, 250); cursor: pointer; } .content_five .to_login[data-v-df7a76e8] { width: 100%; height: 7.5rem; padding-top: 0.9375rem; box-sizing: border-box; margin-bottom: 3.125rem; background-color: rgb(255, 200, 66); } .content_five .to_login .btn_box[data-v-df7a76e8] { width: 29.0625rem; margin: 0px auto; } .content_five .sign_up span[data-v-df7a76e8] { display: inline-block; } .content_five .sign_up span[data-v-df7a76e8]:nth-of-type(1) { color: rgb(255, 200, 66); font-size: 1.375rem; height: 3.75rem; margin-left: 3.4375rem; font-weight: 700; line-height: 3.75rem; } .content_five span[data-v-df7a76e8]:nth-of-type(2) { background-color: rgb(255, 200, 66); color: rgb(255, 255, 255); font-size: 1.375rem; width: 1.875rem; height: 1.875rem; border-radius: 50%; font-weight: bolder; text-align: center; margin-left: 0.625rem; line-height: 1.875rem; } .content_six .questions[data-v-df7a76e8] { width: 65rem; margin: 1.25rem auto; padding-bottom: 1.25rem; } .content_six .que_num[data-v-df7a76e8] { display: inline-block; width: 1.4375rem; } .content_six .questions .question_container[data-v-df7a76e8] { padding: 1.25rem 0px; border-bottom: 0.0625rem solid rgb(170, 170, 170); } .content_six .question_container .question_title[data-v-df7a76e8] { position: relative; height: 1.375rem; line-height: 1.375rem; cursor: pointer; margin-bottom: 0px; font-size: 1rem; font-weight: 700; color: rgb(51, 51, 51); } .content_six .footer-text[data-v-df7a76e8] { font-size: 1rem; color: rgb(68, 68, 68); line-height: 1.5625rem; margin-top: 1.25rem !important; } .content_six .scale_icon[data-v-df7a76e8] { position: absolute; top: 0.375rem; right: 0px; display: block; width: 1.125rem; height: 0.625rem; background: url("https://assets.costway.com/skin/frontend/default/hooya/points/nrewards/dropship/scale_icon1.png") 0% 0% / 100% no-repeat; } .content_six .select_icon[data-v-df7a76e8] { background: url("https://assets.costway.com/skin/frontend/default/hooya/points/nrewards/dropship/scale_icon2.png") no-repeat; } .content_six .footer_title[data-v-df7a76e8] { font-size: 1.125rem; margin: 3.4375rem auto 0px; color: rgb(255, 200, 66); } .content_six .footer_text[data-v-df7a76e8] { width: 65rem; color: rgb(255, 200, 66); font-weight: 400; text-align: left; margin: 0px auto; } #gotodropship[data-v-df7a76e8] { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; } #gotodropship .alert_div[data-v-df7a76e8] { position: fixed; top: 50%; transform: translateY(-50%); right: 0px; z-index: 99999; width: 38.4375rem; padding: 1.25rem 4.5rem 2.5rem; border-top: 0.75rem solid rgb(255, 200, 66); box-sizing: border-box; background-color: rgb(255, 255, 255); } #gotodropship .error_msg[data-v-df7a76e8] { margin: 0px auto 0.625rem; width: 100%; height: 1.25rem; text-align: center; font-size: 0.875rem; color: rgb(255, 200, 66); } #gotodropship .model_title[data-v-df7a76e8] { font-size: 1.75rem; color: rgb(19, 19, 19); margin-bottom: 1.25rem; font-weight: bolder; width: 100%; text-align: center; } #gotodropship .model_sm_title[data-v-df7a76e8] { font-size: 1.25rem; color: rgb(19, 19, 19); margin: 0.625rem 0px 1.5625rem; font-weight: bolder; width: 100%; text-align: left; } #gotodropship .form_msg[data-v-df7a76e8] { border-bottom: 0.0625rem solid rgb(112, 112, 112); margin-bottom: 1rem; } #gotodropship .form_msg .msg_icon[data-v-df7a76e8] { width: 1.25rem; } #gotodropship .left_des[data-v-df7a76e8] { font-size: 1rem; color: rgb(112, 112, 112); text-align: left; } #gotodropship .user_msg_box[data-v-df7a76e8] { position: relative; padding-bottom: 0.0625rem; } #gotodropship .user_msg_box input[data-v-df7a76e8] { margin-left: 0.5rem; width: 23.75rem; height: 2.625rem; border: none; } #gotodropship .go_next[data-v-df7a76e8] { width: 100%; height: 4.0625rem; } #gotodropship .sec-btn[data-v-df7a76e8] { display: inline-block; background-color: rgb(255, 200, 66); padding: 0.375rem 1.5625rem; color: rgb(255, 255, 255); float: right; margin-top: 0.9375rem; cursor: pointer; border-radius: 0.1875rem; font-size: 1.125rem; border: 0.0625rem solid rgb(255, 200, 66); height: 2.625rem; } #gotodropship .later[data-v-df7a76e8] { height: 2.625rem; display: inline-block; background-color: rgb(255, 255, 255); padding: 0.375rem 1.5625rem; color: rgb(255, 200, 66); float: right; margin-top: 0.9375rem; cursor: pointer; border: 0.0625rem solid rgb(255, 200, 66); box-sizing: border-box; font-size: 1.125rem; border-radius: 0.1875rem; margin-right: 0.625rem; } #gotodropship .clicklogin[data-v-df7a76e8] { float: right; text-decoration: underline; cursor: pointer; } #gotodropship .select_box[data-v-df7a76e8] { margin-top: 1.25rem; } #gotodropship .select_box select[data-v-df7a76e8] { width: 100%; height: 2.125rem; border: 0.0625rem solid rgb(0, 0, 0); } #gotodropship .border[data-v-df7a76e8] { margin-top: 3.125rem; border-bottom: 0.0625rem solid rgb(0, 0, 0); } .shopstatus_date_div #shopstatus_date[data-v-df7a76e8] { height: 2.125rem; border: 0.0625rem solid rgb(0, 0, 0); text-align: center; } .shopinfo_alert_div[data-v-df7a76e8] { position: relative; } .shopinfo_alert_div p[data-v-df7a76e8] { line-height: 1.25rem; } .shopinfo_alert_div .store_detail[data-v-df7a76e8]:not(:first-of-type) { margin-top: 2.5rem; } .shopinfo_alert_div .store_detail p[data-v-df7a76e8] { font-size: 1rem; font-weight: 700; margin-top: 0.625rem; } .shopinfo_alert_div .store_detail input[data-v-df7a76e8] { width: 100%; height: 2.625rem; box-sizing: border-box; border: 0.0625rem solid rgb(203, 203, 203); border-radius: 0.25rem; margin-top: 0.3125rem; padding-left: 0.9375rem; } .shopinfo_alert_div .add[data-v-df7a76e8] { display: inline-block; background-color: rgb(19, 19, 19); padding: 0.3125rem 1.5625rem; font-size: 1rem; color: rgb(255, 255, 255); margin-top: 1.25rem; margin-left: 0.625rem; cursor: pointer; border-radius: 0.1875rem; float: right; } .shopinfo_alert_div .delete[data-v-df7a76e8] { display: inline-block; background-color: rgba(200, 42, 46, 0.8); padding: 0.3125rem 1.5625rem; font-size: 1rem; color: rgb(255, 255, 255); margin-top: 1.25rem; cursor: pointer; border-radius: 0.1875rem; float: right; } .shopinfo_alert_div .footer_text[data-v-df7a76e8] { font-size: 0.875rem; font-weight: 700; margin-top: 1.25rem; } .shopinfo_alert_div .go_next[data-v-df7a76e8] { margin-top: 1.25rem; } .isDropShip_pop[data-v-df7a76e8] { top: 30% !important; left: 32% !important; } .litter_pop[data-v-df7a76e8] { z-index: 9999; background-image: url("https://assets.costway.com/skin/frontend/default/hooya/points/nrewards/dropship/bg06.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 37.625rem; height: 14.5625rem; position: fixed; top: 20%; transform: translate(-50%); left: 50%; padding-top: 6.25rem; box-sizing: border-box; } .litter_pop p[data-v-df7a76e8] { text-align: center; color: rgb(255, 255, 255); padding: 0px 1.875rem; margin-bottom: 0px; } .litter_pop p[data-v-df7a76e8]:nth-of-type(1) { margin-top: 0.625rem; font-size: 1rem; } .litter_pop p[data-v-df7a76e8]:nth-of-type(2) { font-size: 0.875rem; font-weight: 400; padding: 0px 1.875rem; } .litter_pop .close_pop[data-v-df7a76e8] { position: absolute; top: 0px; right: 0px; width: 2.1875rem; height: 2.1875rem; cursor: pointer; } .no-add-more[data-v-df7a76e8] { display: none; width: 100%; height: 1.25rem; text-align: right; font-size: 0.875rem; color: rgb(255, 200, 66); } .err-email[data-v-df7a76e8] { border: 0.0625rem dashed rgb(255, 200, 66) !important; background: rgb(242, 222, 222) !important; } [data-v-46ad991d]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-46ad991d] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-46ad991d] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-46ad991d] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-46ad991d] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-46ad991d] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-46ad991d] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-46ad991d] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-46ad991d] { padding: 0px 20px; } } .ant-form-item[data-v-46ad991d], .ant-radio-wrapper[data-v-46ad991d], .ant-radio-group[data-v-46ad991d] { font-variant: normal !important; } .ant-message[data-v-46ad991d] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-46ad991d] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-46ad991d] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-46ad991d] { display: none; } [data-v-46ad991d] .ant-btn-primary { border: none; background: rgb(255, 200, 66) !important; } [data-v-46ad991d] .ant-tabs-ink-bar { background: rgb(255, 200, 66) !important; } .shipments-header[data-v-46ad991d] { width: 61.625rem; padding: 0.875rem 1.25rem 0.5625rem; margin: 0px auto; } .shipments-top[data-v-46ad991d] { width: 100%; background-color: rgb(223, 227, 232); color: rgb(51, 51, 51); text-align: center; overflow: auto; padding: 0.5rem; font-size: 1rem; } .shipments-top a[data-v-46ad991d] { color: rgb(230, 77, 67); } .shipments-title[data-v-46ad991d] { padding: 5rem 0px 4.375rem; margin: 0px auto; text-align: center; font-size: 1.875rem; line-height: 1.15; color: rgb(17, 17, 17); font-weight: 700; } .shipments-box[data-v-46ad991d] { margin: 0px auto; max-width: 25rem; } [data-v-46ad991d] .ant-tabs-ink-bar { height: 0.1875rem !important; } [data-v-46ad991d] .ant-spin-spinning { padding: 3.125rem; } [data-v-46ad991d] .ant-tabs-nav-wrap .ant-tabs-nav-list { width: 99%; } [data-v-46ad991d] .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab { width: 50%; } [data-v-46ad991d] .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn { width: 100%; text-align: center; font-size: 1rem; color: rgb(160, 166, 177); font-weight: 400; } [data-v-46ad991d] .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active .ant-tabs-tab-btn { font-weight: 700; color: rgb(51, 51, 51); } [data-v-46ad991d] .ant-form { max-width: 100%; margin: 0.625rem auto 3.75rem; } [data-v-46ad991d] .ant-form .ant-input { border-radius: 0.375rem; height: 3.125rem; border-color: rgb(153, 153, 153); } [data-v-46ad991d] .ant-form .ant-btn { width: 100%; font-size: 1.25rem; height: 3.125rem; border-radius: 0.25rem; } [data-v-46ad991d] .ant-form .ant-btn.guest { border-color: rgb(255, 200, 66); color: rgb(255, 200, 66); } .b-banner[data-v-46ad991d] { max-width: 75rem; margin: 2.5rem auto; display: flex; justify-content: space-between; } .b-banner li[data-v-46ad991d] { width: 32%; } .b-banner li img[data-v-46ad991d] { width: 100%; border-radius: 0.25rem; } .shipment-nav[data-v-46ad991d] { max-width: 58.4375rem; margin: 1.25rem auto; } .shipment-nav[data-v-46ad991d] .ant-tabs-nav { margin-bottom: 0px; } .shipment-nav[data-v-46ad991d] .ant-tabs-nav .ant-tabs-tab-active { background-color: rgb(255, 200, 66); border-bottom-color: rgb(255, 200, 66) !important; } .shipment-nav[data-v-46ad991d] .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active .ant-tabs-tab-btn { color: rgb(255, 255, 255); } .shipment-nav[data-v-46ad991d] .ant-tabs-top { border-bottom-color: rgb(255, 200, 66); } .shipment-nav[data-v-46ad991d] .ant-tabs-content-holder { border-width: 0px 0.0625rem 0.0625rem; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(241, 241, 241); border-bottom-color: rgb(241, 241, 241); border-left-color: rgb(241, 241, 241); border-image: initial; border-top-style: initial; border-top-color: initial; box-sizing: border-box; } .shipment-nav-hide[data-v-46ad991d] .ant-tabs-nav { display: none; } .shipment-box h2[data-v-46ad991d] { background-color: rgb(255, 200, 66); color: rgb(255, 255, 255); padding: 1.25rem; border: rgb(255, 200, 66); } .shipment-box .shipment-detail[data-v-46ad991d] { padding: 1.25rem; height: 31.25rem; overflow-y: scroll; } .shipment-box .shipment-detail[data-v-46ad991d] .ant-timeline-item:not(:first-child) .ant-timeline-item-content { color: rgb(180, 180, 180); font-size: 0.875rem; } .timeline-box[data-v-46ad991d] { margin-left: 5.625rem; } .timeline-box .timeline-l[data-v-46ad991d] { width: 4.375rem; position: absolute; left: -7.125rem; top: 0px; } .shipments-footer[data-v-46ad991d] { background: rgb(246, 246, 246); padding: 0.9375rem 0px 0px; } .shipments-footer .shipments-footer-box[data-v-46ad991d] { max-width: 58.0625rem; margin: 0px auto; overflow: hidden; display: flex; justify-content: space-between; } .shipments-footer .shipments-footer-box .shipments-footer-r ul[data-v-46ad991d] { display: flex; justify-content: space-between; } .shipments-footer .shipments-footer-box .shipments-footer-r ul li[data-v-46ad991d] { margin-left: 1.25rem; } .fzhfdj[data-v-46ad991d] { overflow: hidden; position: relative; height: 34.3125rem; padding: 0px; border: 0.0625rem solid rgb(198, 205, 212); border-radius: 0.25rem; max-width: 58.4375rem; margin: 1.25rem auto; text-align: center; } .cAhGJd[data-v-46ad991d] { font-weight: 500; background-color: rgb(255, 200, 66); color: rgb(255, 255, 255); padding: 1rem; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; min-height: 8.75rem; } .lbYlnH[data-v-46ad991d] { padding: 1rem; } @media (max-width: 767px) { .b-banner[data-v-46ad991d] { flex-wrap: wrap; } .b-banner li[data-v-46ad991d] { width: 100%; margin-bottom: 1.25rem; } } [data-v-ad19b4be]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-ad19b4be] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-ad19b4be] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-ad19b4be] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-ad19b4be] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-ad19b4be] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-ad19b4be] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-ad19b4be] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-ad19b4be] { padding: 0px 20px; } } .ant-form-item[data-v-ad19b4be], .ant-radio-wrapper[data-v-ad19b4be], .ant-radio-group[data-v-ad19b4be] { font-variant: normal !important; } .ant-message[data-v-ad19b4be] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-ad19b4be] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-ad19b4be] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-ad19b4be] { display: none; } .plus-banner[data-v-ad19b4be] { width: 100%; } .plus_benefits[data-v-ad19b4be] { padding: 8.125rem 0px 3.75rem; overflow: hidden; } .plus_benefits li[data-v-ad19b4be] { display: flex; justify-content: center; align-items: center; } .plus_benefits li b[data-v-ad19b4be] { font-size: 1.5rem; } .plus_benefits li[data-v-ad19b4be]:nth-child(1) { height: 7.8125rem; } .plus_benefits li:nth-child(1) > div[data-v-ad19b4be]:nth-child(1) { border-radius: 1.5625rem 0px 0px; } .plus_benefits li:nth-child(1) > div[data-v-ad19b4be]:nth-child(3) { border-radius: 0px 1.5625rem 0px 0px; } .plus_benefits li:nth-child(1) > div[data-v-ad19b4be]:nth-child(2) { position: relative; } .plus_benefits li:nth-child(1) > div:nth-child(2) .badge[data-v-ad19b4be] { width: 100%; position: absolute; left: 0px; top: -3.75rem; height: 3.75rem; background: rgb(255, 204, 80); border-radius: 1.5625rem 1.5625rem 0px 0px; } .plus_benefits li:nth-child(1) > div:nth-child(2) .badge[data-v-ad19b4be]::after { content: ""; position: absolute; left: 50%; transform: translate(-50%); top: -2.125rem; width: 4.3125rem; height: 4.3125rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_badge-502fba3a.png") 0px 0px / 100% no-repeat; } .plus_benefits li:nth-child(2) div[data-v-ad19b4be] { height: 6.25rem; } .plus_benefits li:nth-child(3) div[data-v-ad19b4be] { height: 10rem; } .plus_benefits li:nth-child(4) div[data-v-ad19b4be] { height: 6.25rem; } .plus_benefits li:nth-child(5) div[data-v-ad19b4be], .plus_benefits li:nth-child(6) div[data-v-ad19b4be] { height: 6.25rem; } .plus_benefits li:nth-child(7) div[data-v-ad19b4be] { height: 6.25rem; } .plus_benefits li:nth-child(2n+1) > div[data-v-ad19b4be]:nth-child(1) { background: rgb(59, 57, 52); } .plus_benefits li:nth-child(2n+1) > div[data-v-ad19b4be]:nth-child(2) { background: rgb(255, 204, 80); } .plus_benefits li:nth-child(2n+1) > div[data-v-ad19b4be]:nth-child(3) { background: rgb(255, 239, 201); } .plus_benefits li:nth-child(2n) > div[data-v-ad19b4be]:nth-child(1) { background: rgb(67, 66, 64); } .plus_benefits li:nth-child(2n) > div[data-v-ad19b4be]:nth-child(2) { background: rgb(255, 210, 99); } .plus_benefits li:nth-child(2n) > div[data-v-ad19b4be]:nth-child(3) { background: rgb(255, 250, 236); } .plus_benefits li div[data-v-ad19b4be] { width: 13.125rem; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; flex-shrink: 0; } .plus_benefits li div p[data-v-ad19b4be] { flex-shrink: 0; width: 100%; font-size: 1.5rem; margin-bottom: 0.3125rem; } .plus_benefits li div p img[data-v-ad19b4be] { width: 6.4375rem; margin-bottom: 1.25rem; } .plus_benefits li div .span-s[data-v-ad19b4be] { font-size: 1.125rem; } .plus_benefits li div span[data-v-ad19b4be] { font-size: 1.25rem; } .plus_benefits li div img[data-v-ad19b4be] { margin: 0px auto; } .plus_benefits li div img.ok[data-v-ad19b4be] { width: 2.3125rem; } .plus_benefits li div img.no[data-v-ad19b4be] { width: 3.75rem; } .plus_benefits li div[data-v-ad19b4be]:nth-child(1) { color: rgb(255, 255, 255); width: 33%; } .plus_benefits li div:nth-child(1) > p[data-v-ad19b4be] { color: rgb(255, 255, 255); } .plus_benefits li div[data-v-ad19b4be]:nth-child(2) { width: 33%; } .plus_benefits li div[data-v-ad19b4be]:nth-child(3) { width: 33%; } .plus_benefits li:nth-child(8) > div[data-v-ad19b4be]:nth-child(1) { border-radius: 0px 0px 0px 1.5625rem; } .plus_benefits li:nth-child(8) > div[data-v-ad19b4be]:nth-child(3) { border-radius: 0px 0px 1.5625rem; } .content-fir[data-v-ad19b4be] { position: relative; } .content-fir .costway-info[data-v-ad19b4be] { width: 73.625rem; height: 11.375rem; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%); z-index: 9; background: rgb(254, 200, 66); display: flex; justify-content: space-between; align-items: center; padding: 0px 5rem; } .content-fir .costway-info .l .t[data-v-ad19b4be] { font-size: 2.5rem; line-height: 3.75rem; text-align: left; margin-bottom: 0.9375rem; font-weight: 700; color: rgb(0, 0, 0); } .content-fir .costway-info .l .b[data-v-ad19b4be] { font-size: 1.125rem; font-weight: 400; line-height: 1.6875rem; text-align: left; color: rgb(0, 0, 0); } .content-fir .costway-info .r[data-v-ad19b4be] { width: 24.375rem; } .content-fir .costway-info .r .t[data-v-ad19b4be] { display: flex; justify-content: space-between; align-items: center; } .content-fir .costway-info .r .t .tl[data-v-ad19b4be] { width: 30%; font-weight: 600; } .content-fir .costway-info .r .t .tr[data-v-ad19b4be] { width: 69%; display: flex; justify-content: space-between; } .content-fir .costway-info .r .t .tr > span[data-v-ad19b4be] { display: inline-block; width: 3.125rem; height: 3.4375rem; border-radius: 0.5rem; background: rgb(255, 255, 255); text-align: center; color: rgb(255, 95, 68); flex-wrap: wrap; padding: 0.125rem; } .content-fir .costway-info .r .t .tr > span span[data-v-ad19b4be]:nth-of-type(1) { width: 100%; display: block; text-align: center; font-size: 1.5rem; font-weight: 700; height: 1.875rem; } .content-fir .costway-info .r .t .tr > span span[data-v-ad19b4be]:nth-of-type(2) { width: 100%; display: block; text-align: center; font-size: 0.875rem; } .content-fir .costway-info .r .t .tr > span[data-v-ad19b4be]:nth-of-type(2n) { width: 1.0625rem; display: inline-block; font-size: 1.75rem; background: none; line-height: 3.4375rem; color: rgb(255, 255, 255); } .content-fir .costway-info .r .b[data-v-ad19b4be] { margin-top: 0.75rem; height: 3.125rem; text-align: center; border-radius: 2.1875rem; background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 1.125rem; cursor: pointer; } .content-fir .costway-info .r .b span[data-v-ad19b4be] { display: inline-block; height: 3.125rem; font-size: 2rem; font-weight: bolder; } .swiper-button-prev[data-v-ad19b4be], .swiper-button-next[data-v-ad19b4be] { color: rgb(124, 124, 124); width: 3.125rem; height: 3.125rem; border-radius: 2.1875rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(222, 222, 222); top: 46%; } .swiper-button-prev[data-v-ad19b4be]::after, .swiper-button-next[data-v-ad19b4be]::after { font-size: 1.375rem; } .swiper-button-prev[data-v-ad19b4be] { left: 1.25rem; } .swiper-button-next[data-v-ad19b4be] { right: 1.25rem; } .swiper .swiper-slide[data-v-ad19b4be] { border-radius: 0.5rem; background: rgb(255, 255, 255); padding: 1.25rem; } .swiper .swiper-slide .name[data-v-ad19b4be] { height: 2.25rem; line-height: 1.125rem; color: rgb(51, 51, 51); text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 0.625rem; margin-bottom: 0.375rem; width: 100% !important; } .swiper .swiper-slide .price-box[data-v-ad19b4be] { text-align: left; margin-bottom: 0px; } .swiper .swiper-slide .price-box span[data-v-ad19b4be]:nth-of-type(1) { font-family: Poppins; font-size: 1.375rem; font-weight: 400; line-height: 2.0625rem; letter-spacing: 0em; text-align: left; color: rgb(230, 77, 67); margin-right: 0.9375rem; } .swiper .swiper-slide .price-box span[data-v-ad19b4be]:nth-of-type(2) { color: rgb(153, 153, 153); text-decoration: line-through; } .swiper img[data-v-ad19b4be] { width: 100%; height: 14.5rem; } .special-item[data-v-ad19b4be] { position: relative; } .special-item .label[data-v-ad19b4be] { position: absolute; top: 0.625rem; left: 0.625rem; width: 9.1875rem; height: 1.875rem; background: rgb(0, 0, 0); border-radius: 1.25rem; color: rgb(255, 200, 66); text-align: center; line-height: 1.875rem; font-size: 0.875rem; } .special-item .label img[data-v-ad19b4be] { width: 1.125rem; height: 1.125rem; margin-right: 0.3125rem; vertical-align: text-top; } .special-item .plus-box[data-v-ad19b4be] { display: flex; justify-content: space-between; } .special-item .plus-box p[data-v-ad19b4be] { width: 48%; text-align: center; display: block; border: 0.0625rem solid rgba(0, 0, 0, 0.2); border-radius: 0.375rem; padding: 0.25rem 0px; margin-bottom: 0px; } .special-item .plus-box p span[data-v-ad19b4be] { display: block; } .special-item .plus-box p span[data-v-ad19b4be]:nth-of-type(1) { font-size: 0.75rem; text-align: center; } .special-item .plus-box p span[data-v-ad19b4be]:nth-of-type(2) { font-size: 1.25rem; text-align: center; font-weight: 500; } .special-item .plus-box .plus-price[data-v-ad19b4be] { background: rgb(255, 200, 66); border: 0.0625rem solid rgb(255, 200, 66); } .product-box[data-v-ad19b4be] { background: rgb(246, 246, 246); padding: 3.125rem 0px 0.625rem; } .flash-detail[data-v-ad19b4be] { width: 90rem; margin: 0px auto 3.75rem; } .flash-detail .t[data-v-ad19b4be] { position: relative; } .flash-detail .t .t-title[data-v-ad19b4be] { text-align: center; } .flash-detail .t .t-title p[data-v-ad19b4be] { font-size: 1.5rem; font-weight: 700; } .flash-detail .t .t-title p span[data-v-ad19b4be]:nth-of-type(1) { margin-left: 1.25rem; } .flash-detail .t .t-title p span[data-v-ad19b4be]:nth-of-type(2n-1) { display: inline-block; width: 3.75rem; height: 3.125rem; line-height: 3.125rem; text-align: center; border-radius: 0.25rem; background: rgb(251, 196, 61); } .flash-detail .t .t-title p span[data-v-ad19b4be]:nth-of-type(2n) { display: inline-block; margin: 0px 0.625rem; } .flash-detail .plus-see-more[data-v-ad19b4be] { position: absolute; right: 0px; top: 1.75rem; } .plus-list[data-v-ad19b4be] { background: rgb(254, 200, 66); padding: 3.125rem 0px 2.5rem; margin-top: -0.5rem; } .plus-list .title[data-v-ad19b4be] { width: 24.4375rem; height: 3.125rem; border-radius: 2.5rem; background: rgb(0, 0, 0); color: rgb(255, 255, 255); margin: 1.25rem auto; text-align: center; font-size: 1.5rem; line-height: 3.125rem; } .plus-list .title img[data-v-ad19b4be] { vertical-align: middle; } .plus-list .t-title[data-v-ad19b4be] { margin-bottom: 2.5rem; } .plus-list .t-title p[data-v-ad19b4be] { font-size: 1rem !important; font-weight: 400 !important; } .join-now-box[data-v-ad19b4be] { width: 100%; height: 3.75rem; line-height: 3.75rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/plus16-566f2403.png"); background-size: cover; background-position: center center; cursor: pointer; position: fixed; bottom: 0px; z-index: 999; opacity: 1; transition: 0.4s; } .join-now-box .join-now-con[data-v-ad19b4be] { width: 87.5rem; margin: 0px auto; text-align: right; color: rgb(255, 200, 66); } .join-now-box .join-now-con .span-fir[data-v-ad19b4be] { font-size: 1.125rem; } .join-now-box .join-now-con .span-sec[data-v-ad19b4be] { font-weight: 700; font-size: 1.75rem; } .join-now-box .join-now-con .span-thr[data-v-ad19b4be] { text-decoration: line-through; color: rgb(111, 86, 25); } .join-now-box .join-now-con .join-now[data-v-ad19b4be] { display: inline-block; padding: 0.125rem 0.9375rem; line-height: 2.5rem; text-align: center; margin-left: 0.9375rem; color: rgb(0, 0, 0); background: rgb(255, 200, 66); border-radius: 2.5rem; cursor: pointer; font-size: 1.25rem; } .footer[data-v-ad19b4be] { padding-bottom: 4.375rem; } .about-costway[data-v-ad19b4be] { width: 100%; margin: 0px auto; } .cms-container .content[data-v-ad19b4be] { width: 100%; max-width: 100%; padding: 0px; } .content-img[data-v-ad19b4be] { width: 100% !important; } .col1-layout .main .col-main[data-v-ad19b4be], .cms-page-view .wrapper .main-container[data-v-ad19b4be] { width: 100% !important; margin: 0px !important; padding: 0px !important; } .cms-content[data-v-ad19b4be] { width: 90rem; margin: 2.5rem auto 0.625rem; } .cms-content .title[data-v-ad19b4be] { text-align: center; margin-top: 1.875rem; } .costway-line[data-v-ad19b4be] { width: 2.1875rem; height: 0.125rem; background: rgb(171, 140, 98); margin: 0px auto; } .costway-info[data-v-ad19b4be] { width: 90rem; margin: 0px auto; position: relative; } .info-detail[data-v-ad19b4be] { position: absolute; } .flexed[data-v-ad19b4be] { display: flex; justify-content: space-between; align-items: center; } .costway-info1[data-v-ad19b4be] { width: 68.75rem; padding: 3.75rem 0px; } .costway-info1 .l[data-v-ad19b4be] { width: 23.0625rem; } .costway-info1 .l img[data-v-ad19b4be] { width: 100%; } .costway-info1 .r h2[data-v-ad19b4be] { font-size: 1.375rem; font-weight: 600; line-height: 1.625rem; letter-spacing: 0em; text-align: left; margin-bottom: 1.875rem; } .costway-info1 .r p svg[data-v-ad19b4be] { vertical-align: middle; margin-right: 0.25rem; } .costway-info1 .r .terms[data-v-ad19b4be] { font-size: 0.875rem; color: rgb(102, 102, 102); margin-bottom: 0px; } .costway-info1 .r .terms a[data-v-ad19b4be] { text-decoration: underline; color: rgb(253, 172, 14); } .subscribe[data-v-ad19b4be] { margin-top: 2.5rem; } .subscribe input[data-v-ad19b4be] { width: 19.5625rem; display: inline-block; height: 3.125rem; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 0.25rem; padding-left: 0.625rem; } .subscribe span[data-v-ad19b4be] { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; width: 8.125rem; display: inline-block; height: 3.125rem; line-height: 3.125rem; color: rgb(255, 255, 255); background-color: rgb(253, 172, 14); text-align: center; cursor: pointer; margin-left: -0.375rem; } .error[data-v-ad19b4be] { margin-bottom: 0px; color: rgb(230, 77, 67); } .content-sec[data-v-ad19b4be] { padding: 3.75rem 0px 0px; } .content-thr[data-v-ad19b4be] { background: rgb(246, 246, 246); } .costway-info2 > img[data-v-ad19b4be] { width: 100%; } .costway-info h2[data-v-ad19b4be] { font-size: 1.5rem; font-weight: 600; line-height: 2.0625rem; letter-spacing: 0em; text-align: center; } .costway-info h3[data-v-ad19b4be] { font-size: 1.25rem; text-align: center; } .costway-info2 ul[data-v-ad19b4be] { margin-top: 2rem; flex-wrap: wrap; } .costway-info2 .plus-members li[data-v-ad19b4be] { background: rgb(246, 246, 246); } .costway-info2 ul li[data-v-ad19b4be] { width: 21.5625rem; height: 23.1875rem; border-radius: 0.5rem; box-sizing: border-box; margin-bottom: 1.25rem; flex-wrap: wrap; justify-content: center; padding: 1.25rem; } .costway-info2 .ul-four li[data-v-ad19b4be] { width: 32.5%; border-radius: 0.375rem; box-sizing: border-box; margin-bottom: 1.25rem; flex-wrap: wrap; justify-content: center; padding: 0px; overflow: hidden; height: auto; } .costway-info2 .ul-four li a[data-v-ad19b4be] { position: relative; } .costway-info2 .ul-four li a .dec[data-v-ad19b4be] { position: absolute; top: 1.875rem; left: 1.875rem; } .costway-info2 .ul-four li a .dec p[data-v-ad19b4be] { text-align: left; } .costway-info2 .ul-four li a .dec p[data-v-ad19b4be] span { font-weight: 700; } .costway-info2 .ul-four li a .dec p[data-v-ad19b4be]:nth-of-type(1) { margin-bottom: 0.3125rem; } .costway-info2 .ul-four li a .dec p[data-v-ad19b4be]:nth-of-type(2) { font-size: 1rem; } .costway-info2 .ul-four li a .dec .see-more[data-v-ad19b4be] { background: rgb(255, 255, 255); color: rgb(0, 0, 0); padding: 0px 1.25rem; border-radius: 1.25rem; margin-top: 1.25rem; display: inline-block; line-height: 2.5rem; text-align: center; } .costway-info2 .ul-four li img[data-v-ad19b4be] { border-radius: 0.375rem; width: 100%; } .costway-info2 .plus-members li img[data-v-ad19b4be] { width: 8.75rem; height: 8.75rem; display: block; } .costway-info2 ul li div[data-v-ad19b4be] { width: 100%; } .costway-info2 ul li div p[data-v-ad19b4be]:nth-of-type(1) { font-size: 1.25rem; font-weight: 700; line-height: 1.625rem; letter-spacing: 0em; text-align: center; } .costway-info2 ul li div p[data-v-ad19b4be]:nth-of-type(2) { font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; letter-spacing: 0em; text-align: center; margin-bottom: 0px; height: 3rem; } .costway-info2 .ul-sec li[data-v-ad19b4be] { border-radius: 0.25rem; padding: 1.875rem; box-sizing: border-box; } .costway-info2 .ul-sec li img[data-v-ad19b4be] { width: 6.625rem; height: 6.625rem; } .costway-info2 .ul-sec li div[data-v-ad19b4be] { width: 66%; } .costway-info2 .ul-thr li[data-v-ad19b4be] { border-radius: 0.375rem; padding: 0px; box-shadow: rgba(122, 122, 122, 0.15) 0.0625rem 0.3125rem 2.1875rem 0.0625rem; height: auto; margin-bottom: 3.125rem; } .costway-info2 .ul-thr li img[data-v-ad19b4be] { width: 100%; border-radius: 0.375rem; } .costway-info2 .ul-thr li p[data-v-ad19b4be]:nth-of-type(1) { font-size: 1.25rem; font-weight: 600; text-align: center; margin: 1.875rem 0px 0.625rem; } .costway-info2 .ul-thr li p[data-v-ad19b4be]:nth-of-type(2) { font-size: 1rem; text-align: center; margin-bottom: 0px; } .costway-info2 .ul-thr li p[data-v-ad19b4be]:nth-of-type(3) { font-size: 1rem; text-align: center; margin-bottom: 1.875rem; } .info-detail1[data-v-ad19b4be] { width: 18.75rem; color: rgb(255, 255, 255); top: 7.5rem; right: 22.5rem; text-align: center; } .costway-line2[data-v-ad19b4be] { position: absolute; top: 8.75rem; left: 46.8125rem; background: rgb(187, 152, 94); } .info-detail2[data-v-ad19b4be] { width: 58.75rem; text-align: center; color: rgb(255, 255, 255); top: 5.125rem; font-size: 1.5625rem; right: 18.125rem; } .position-box[data-v-ad19b4be] { position: absolute; width: 24.75rem; overflow: hidden; top: 6.25rem; } .position-box .costway-line[data-v-ad19b4be] { margin: 0px; } .position-box .info-title[data-v-ad19b4be] { margin: 1.25rem 0px; font-size: 1.5rem; font-weight: 700; color: rgb(51, 51, 51); text-align: left; } .position-box .info-detail[data-v-ad19b4be] { position: relative; color: rgb(102, 102, 102); text-align: left; } .position-box3[data-v-ad19b4be] { left: 18.125rem; } .position-box4[data-v-ad19b4be] { right: 18.125rem; } .costway-info5[data-v-ad19b4be] { height: 30rem; background-image: url("https://assets.costway.com/media/wysiwyg/FDS-product/Home/footer/zp4.png"); background-repeat: no-repeat; background-size: 100%; } .costway-info6[data-v-ad19b4be] { height: 29.375rem; background-image: url("https://assets.costway.com/media/wysiwyg/FDS-product/Home/footer/zp5.png"); background-repeat: no-repeat; background-size: 100%; } .costway-info7[data-v-ad19b4be] { height: 29.375rem; background-image: url("https://assets.costway.com/media/wysiwyg/FDS-product/Home/footer/zp6.png"); background-repeat: no-repeat; background-size: 100%; } .strong-text[data-v-ad19b4be] { font-weight: 700; font-size: 1.375rem; } .bt-fir[data-v-ad19b4be] { color: rgb(190, 65, 66); } .employee[data-v-ad19b4be] { padding: 5rem 0px 3.75rem; box-sizing: border-box; background: rgba(171, 140, 98, 0.1); } .employee-title[data-v-ad19b4be] { font-size: 1.625rem; font-weight: 700; text-align: center; } .employee ul[data-v-ad19b4be] { width: 80rem; margin: 2.5rem auto 0px; display: flex; justify-content: space-between; flex-wrap: wrap; } .employee ul li[data-v-ad19b4be] { width: 32%; height: 4.375rem; line-height: 4.375rem; font-size: 1.25rem; text-align: center; padding: 0px 2.5rem; background: rgb(255, 255, 255); border-radius: 0.25rem; box-sizing: border-box; margin-bottom: 1.25rem; } .calling[data-v-ad19b4be] { padding: 1.875rem 0px 0px; } .calling .calling-box[data-v-ad19b4be] { width: 90rem; margin: 0px auto; } .calling .calling-select[data-v-ad19b4be] { margin: 3.125rem 0px; } .calling .calling-jobheader[data-v-ad19b4be], .calling .t-qa-con[data-v-ad19b4be] { display: flex; box-sizing: border-box; justify-content: space-between; align-items: center; } .calling .calling-jobheader[data-v-ad19b4be] { font-size: 1.125rem; font-weight: 700; } .calling .job-title[data-v-ad19b4be] { width: 100%; text-align: left; overflow: hidden; padding-right: 1.25rem; box-sizing: border-box; font-size: 1.125rem; } .calling .job-title[data-v-ad19b4be] p { margin-bottom: 0px; } .calling .job-department[data-v-ad19b4be], .calling .job-location[data-v-ad19b4be] { width: 30%; text-align: left; overflow: hidden; padding-right: 1.25rem; box-sizing: border-box; } .calling .svg-icon[data-v-ad19b4be] { width: 3%; } .faq-box[data-v-ad19b4be] { border-radius: 0.3125rem; margin: 1.25rem 0px; box-sizing: border-box; } .other-faq[data-v-ad19b4be] { display: none; } .see-all[data-v-ad19b4be] { border: 0.0625rem solid rgb(204, 204, 204); margin: 1.875rem auto 3.75rem; cursor: pointer; width: 15rem; padding: 0.5rem 0px; border-radius: 1.875rem; text-align: center; display: block; } .qa-con[data-v-ad19b4be] { border-bottom: 0.0625rem solid rgb(204, 204, 204); cursor: pointer; } .qa-con .t-qa-con[data-v-ad19b4be] { margin: 1.25rem 0px; } .qa-con .b-qa-con[data-v-ad19b4be] { padding-bottom: 1.25rem; } .qa-con .b-qa-con p[data-v-ad19b4be] { margin-bottom: 0px; } .qa-con .b-qa-con .respon-title[data-v-ad19b4be] { font-weight: 700; font-size: 1.125rem; margin: 1.25rem 0px 0.5rem; } .qa-con .t-qa-con svg.isShow[data-v-ad19b4be] { display: block; } .calling .apply-now[data-v-ad19b4be] { padding: 0.5rem 2.5rem; border-radius: 1.875rem; color: rgb(255, 255, 255); margin-top: 1.25rem; display: inline-block; } .calling .apply-now[data-v-ad19b4be]:hover { color: rgb(255, 255, 255) !important; } .out-ware ul[data-v-ad19b4be] { display: flex; justify-content: space-between; flex-wrap: wrap; } .out-ware ul li[data-v-ad19b4be] { width: 25%; margin-bottom: 1.875rem; } out-ware ul li strong[data-v-ad19b4be] { margin-bottom: 0.5rem; } .out-ware ul li p[data-v-ad19b4be] { width: 9.375rem; } .error[data-v-ad19b4be] { opacity: 0; } .lottie-container[data-v-ad19b4be] { z-index: 99; height: 25.4375rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/costwayplus_banner-dcfbc1c9.png"); background-size: cover; background-position: center center; overflow: hidden; position: relative; } .lottie-container .banner[data-v-ad19b4be] { height: 25.4375rem; overflow: hidden; display: flex; position: absolute; left: 50%; margin-left: -36.25rem; } .lottie-container .banner p[data-v-ad19b4be] { width: 7.8125rem; margin-right: 1.25rem; animation: 20s linear 0s infinite normal none running scroll_Y-ad19b4be; } .lottie-container .banner p[data-v-ad19b4be]:nth-of-type(2) { animation: 20s linear 0s infinite normal none running scroll_Y_t-ad19b4be; } .lottie-container .banner img[data-v-ad19b4be] { display: block; margin-bottom: 0.9375rem; width: 100%; } @keyframes scroll_Y-ad19b4be { 0% { transform: translateY(-31.25rem); } 100% { transform: translateY(0px); } } @keyframes scroll_Y_t-ad19b4be { 0% { transform: translateY(0px); } 100% { transform: translateY(-31.25rem); } } [data-v-a09dfa4a]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-a09dfa4a] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-a09dfa4a] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-a09dfa4a] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-a09dfa4a] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-a09dfa4a] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-a09dfa4a] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-a09dfa4a] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-a09dfa4a] { padding: 0px 20px; } } .ant-form-item[data-v-a09dfa4a], .ant-radio-wrapper[data-v-a09dfa4a], .ant-radio-group[data-v-a09dfa4a] { font-variant: normal !important; } .ant-message[data-v-a09dfa4a] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-a09dfa4a] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-a09dfa4a] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-a09dfa4a] { display: none; } .errpage[data-v-a09dfa4a] { width: 100%; margin: 3rem auto; } .svg[data-v-a09dfa4a] { vertical-align: middle; margin: -0.1875rem 0px 0px 0.3125rem; } .errpage .err-t[data-v-a09dfa4a] { width: 100%; display: flex; overflow: hidden; } .errpage .err-t .err-t-l[data-v-a09dfa4a] { width: 45%; background: linear-gradient(0deg, rgb(250, 248, 244), rgb(250, 248, 244)); overflow: hidden; padding: 6.25rem 7.5% 10%; box-sizing: border-box; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } @media only screen and (max-width: 1480px) { .errpage .err-t .err-t-l[data-v-a09dfa4a] { padding: 6% 5%; } } .errpage .err-t .err-t-l .go-back[data-v-a09dfa4a] { width: 16.125rem; height: 3.75rem; background: rgb(34, 34, 34); box-shadow: rgba(0, 0, 0, 0.1) 0.625rem 0.5rem 0.8125rem -0.0625rem; border-radius: 1.875rem; border-color: rgb(34, 34, 34); font-size: 1.25rem; color: rgb(255, 255, 255); text-align: center; line-height: 3.75rem; } .errpage .err-t .err-t-l .go-back svg[data-v-a09dfa4a] { margin-left: 0.9375rem; } .errpage .err-t div[data-v-a09dfa4a] { width: 100%; text-align: left; } .errpage .err-t .err-t-l .err-h1[data-v-a09dfa4a] { font-size: 1.625rem; font-weight: 700; } .errpage .err-t .err-t-l .err-h1 p[data-v-a09dfa4a] { margin-bottom: 0px; } .errpage .err-t .err-t-l .err-h2[data-v-a09dfa4a] { font-size: 1rem; } .errpage .err-t .err-t-r[data-v-a09dfa4a] { width: 55%; height: 100%; } .errpage .err-t .err-t-r img[data-v-a09dfa4a] { width: 100%; height: 100%; } .errpage .err-b[data-v-a09dfa4a] { display: block; width: 100%; margin: 1.875rem auto 3.125rem; } .errpage .err-b[data-v-a09dfa4a]::after { content: ""; display: block; width: 100%; clear: both; } .errpage .err-b .err-title[data-v-a09dfa4a] { font-size: 1.625rem; width: 100%; text-align: center; margin: 3.125rem 0px 1.875rem !important; } .errpage .err-b ul[data-v-a09dfa4a] { display: flex; justify-content: space-between; align-items: center; } .errpage .err-b .b-box[data-v-a09dfa4a] { height: 12.5rem; display: flex; justify-content: space-between; align-items: center; } .errpage .err-b .b-box .err-icon[data-v-a09dfa4a] { margin-right: 2.5rem; } .errpage .err-b .b-box .err-icon img[data-v-a09dfa4a] { width: 100%; height: auto; } .errpage .err-b .b-box[data-v-a09dfa4a]:last-child { margin-right: 0px; } .errpage .err-b .cart-r-b[data-v-a09dfa4a] { display: flex; flex-direction: column; align-items: flex-start; height: 100%; } .errpage .err-b .cart-r-b a[data-v-a09dfa4a] { margin-top: 0.5rem; } .errpage .err-b .link-title[data-v-a09dfa4a] { font-size: 1.125rem; font-weight: 700; margin-top: 1.875rem !important; } [data-v-1dc3831b]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-1dc3831b] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-1dc3831b] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-1dc3831b] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-1dc3831b] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-1dc3831b] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-1dc3831b] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-1dc3831b] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-1dc3831b] { padding: 0px 20px; } } .ant-form-item[data-v-1dc3831b], .ant-radio-wrapper[data-v-1dc3831b], .ant-radio-group[data-v-1dc3831b] { font-variant: normal !important; } .ant-message[data-v-1dc3831b] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-1dc3831b] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-1dc3831b] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-1dc3831b] { display: none; } [data-v-1dc3831b] .ant-select-selection-placeholder { color: rgb(51, 51, 51); } .cart-main .content[data-v-1dc3831b]::after, .savedforlater .content[data-v-1dc3831b]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .cart-banner img[data-v-1dc3831b] { width: 100%; } .cart-main .content[data-v-1dc3831b] { position: relative; margin: 0px auto 3.125rem; } .cart-main .cart-page-title[data-v-1dc3831b] { margin-bottom: 1.875rem; } .cart-main .cart-page-title h1[data-v-1dc3831b] { line-height: 2.375rem; color: rgb(51, 51, 51); font-size: 1.625rem; } .cart-main .svg_unavailable_icon[data-v-1dc3831b] { width: 0.75rem; height: 0.8125rem; } .cart-main .svg_oos_icon[data-v-1dc3831b], .cart-main .svg_out_of_icon[data-v-1dc3831b] { width: 1.25rem; height: 1.25rem; } .cart-main .svg_remove_icon[data-v-1dc3831b] { width: 0.9375rem; height: 0.9375rem; } .cart-main .cart-right[data-v-1dc3831b] { float: right; margin: 0px auto; width: 34.5%; position: sticky; top: 0px; } .cart-main .cart-totals[data-v-1dc3831b] { background: rgb(255, 255, 255); height: auto; overflow: hidden; padding: 2.5rem 0px; box-shadow: rgba(157, 157, 157, 0.25) 0px 0.125rem 0.5rem; } .cart-main .cart-totals[data-v-1dc3831b] .join-plus-card { margin-bottom: 1.5625rem; padding: 0px 1.875rem; } .cart-main .cart-totals[data-v-1dc3831b] .join-plus-card p { right: 2.9375rem; } .cart-main .cart-totals .row[data-v-1dc3831b] { display: flex; flex-wrap: nowrap; padding: 0px 1.875rem; margin-bottom: 1.375rem; } .cart-main .cart-totals .row .label[data-v-1dc3831b], .cart-main .cart-totals .row .price[data-v-1dc3831b] { line-height: 1.5rem; font-size: 1.125rem; } .cart-main .cart-totals .row .label svg[data-v-1dc3831b], .cart-main .cart-totals .row .price svg[data-v-1dc3831b] { vertical-align: middle; } .cart-main .cart-totals .row .min1[data-v-1dc3831b] { font-size: 1rem; color: rgb(153, 153, 153); } .cart-main .cart-totals .row .price[data-v-1dc3831b] { text-align: right; } .cart-main .cart-totals .row[data-v-1dc3831b]:last-child { margin-bottom: 0px; } .cart-main .cart-totals .row.grand-total .label[data-v-1dc3831b], .cart-main .cart-totals .row.grand-total .price[data-v-1dc3831b] { line-height: 2.625rem; font-size: 1.75rem; } .cart-main .cart-totals .row > div[data-v-1dc3831b] { display: inline-block; width: 50%; } .cart-main .cart-totals .row > div.label[data-v-1dc3831b] { width: 85%; } .cart-main .cart-totals .row.coupon[data-v-1dc3831b] { background: rgb(249, 249, 249); padding: 1.25rem 1.875rem; margin-bottom: 1.5625rem; } .cart-main .cart-totals .points-detail[data-v-1dc3831b] { border-bottom: 0.0625rem solid rgb(244, 244, 244); padding-bottom: 1.25rem; } .cart-main .cart-totals .grand-total[data-v-1dc3831b] { margin-bottom: 0.625rem; } .cart-main .cart-totals .submit[data-v-1dc3831b] { padding: 0px 1.875rem; } .cart-main .cart-totals .submit .ant-btn[data-v-1dc3831b] { width: 100%; height: 3.75rem; font-size: 1.25rem; background: rgb(255, 95, 68); box-shadow: rgba(255, 95, 68, 0.28) 0px 0.25rem 0.9375rem 0.125rem; border-radius: 1.875rem; } .cart-main .cart-totals .submit .ant-btn.ant-btn-dangerous[data-v-1dc3831b] { border-color: rgb(255, 95, 68); } .cart-main .cart-totals .submit .ant-btn[data-v-1dc3831b]:hover { background: rgb(255, 111, 87); } .cart-main .cart-totals .cou-price[data-v-1dc3831b] { color: rgb(230, 77, 67); } .cart-main .cart-totals .svg[data-v-1dc3831b] { margin-left: 0.625rem; } .cart-main .cart-totals .ant-col[data-v-1dc3831b] { font-size: 1.125rem; } .cart-main .cart-totals .svg_coupon_arrow[data-v-1dc3831b] { width: 0.4375rem; height: 0.75rem; } .cart-main .cart-totals .coupon-row[data-v-1dc3831b] { cursor: pointer; padding-top: 0.75rem; padding-bottom: 0.75rem; border-top: 0.0625rem solid rgb(244, 244, 244); border-bottom: 0.0625rem solid rgb(244, 244, 244); } .cart-main .cart-totals .coupon-row .coupon-tips-svg[data-v-1dc3831b] { vertical-align: middle; } .cart-main .cart-totals .points[data-v-1dc3831b] { margin-bottom: 0.625rem; } .cart-main .cart-totals .points .points-tips-svg[data-v-1dc3831b] { display: inline-block; cursor: pointer; vertical-align: baseline !important; } .cart-main .cart-totals .points .points-price[data-v-1dc3831b] { color: rgb(230, 77, 67); } .cart-main .cart-totals .tax-tips-svg[data-v-1dc3831b] { cursor: pointer; } .cart-main .cart-totals .points-detail .label[data-v-1dc3831b] { line-height: 2.25rem; } .cart-main .cart-totals .points-detail .amount-right[data-v-1dc3831b] { color: rgb(102, 102, 102); font-size: 0.875rem; text-align: right; } .cart-main .cart-totals .points-detail[data-v-1dc3831b] .ant-switch { min-width: 3.875rem; height: 2.25rem; line-height: 2.25rem; } .cart-main .cart-totals .points-detail[data-v-1dc3831b] .ant-switch .ant-switch-handle { width: 1.9375rem !important; height: 1.9375rem !important; } .cart-main .cart-totals .points-detail[data-v-1dc3831b] .ant-switch .ant-switch-handle::before { border-radius: 1rem; } .cart-main .cart-totals .points-detail[data-v-1dc3831b] .ant-switch.ant-switch-checked .ant-switch-handle { left: calc(100% - 2.0625rem); } .cart-main .cart-totals .line[data-v-1dc3831b] { display: block; height: 0.0625rem; font-size: 0px; overflow: hidden; border-bottom: 0.0625rem solid rgb(244, 244, 244); } .cart-main .cart-totals .mb25[data-v-1dc3831b] { margin-bottom: 1.5625rem; } .cart-main .cart-totals .ad-plus[data-v-1dc3831b] { background: rgb(246, 246, 246); border-radius: 0.5rem; margin: 0px 1.25rem; padding-bottom: 0.625rem; } .cart-main .cart-totals .ad-plus .ad-plus-fold[data-v-1dc3831b] { position: relative; } .cart-main .cart-totals .ad-plus .ad-plus-fold .select[data-v-1dc3831b] { position: absolute; width: 1.4375rem; height: 1.4375rem; border: 0.125rem solid rgb(147, 147, 147); border-radius: 1.15625rem; right: 5.2%; top: 3.4375rem; cursor: pointer; } .cart-main .cart-totals .ad-plus .ad-plus-spread[data-v-1dc3831b] { width: 89.5%; margin-left: 5.1%; margin-top: 0.9375rem; } .cart-main .cart-totals .ad-plus .ad-plus-spread img[data-v-1dc3831b] { width: 100%; } .cart-main .cart-totals .ad-plus .plus-con[data-v-1dc3831b] { position: relative; padding-top: 1.125rem; } .cart-main .cart-totals .ad-plus .plus-con .con1[data-v-1dc3831b] { position: absolute; width: 80%; height: 5.3875rem; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 0.25rem 0.5625rem; border-radius: 1.25rem; left: 5%; bottom: 0.875rem; display: flex; z-index: 1; } .cart-main .cart-totals .ad-plus .plus-con .con1 .left[data-v-1dc3831b] { width: 31.94%; text-align: center; font-weight: 700; font-size: 2.0625rem; line-height: 5.3875rem; color: rgb(0, 0, 0); } .cart-main .cart-totals .ad-plus .plus-con .con1 .left span[data-v-1dc3831b] { font-size: 1.125rem; } .cart-main .cart-totals .ad-plus .plus-con .con1 .right[data-v-1dc3831b] { padding: 0.5rem 1rem 0px 0.5rem; } .cart-main .cart-totals .ad-plus .plus-con .con1 .right .label[data-v-1dc3831b] { height: 1.4375rem; background: rgb(3, 2, 2); border-radius: 0.8125rem; padding: 0px 0.625rem; font-weight: 500; font-size: 0.875rem; color: rgb(255, 200, 66); display: inline; } .cart-main .cart-totals .ad-plus .plus-con .con1 .right .tips[data-v-1dc3831b] { font-size: 0.875rem; line-height: 0.875rem; color: rgb(102, 102, 102); margin-top: 0.75rem; } .cart-main .cart-totals .ad-plus .plus-con .con2[data-v-1dc3831b] { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 0.25rem 0.5625rem; border-radius: 1.25rem; width: 72%; bottom: -0.5625rem; height: 5.375rem; margin: 1rem 0px 0px 9%; } .cart-main .cart-totals .ad-plus .plus-con .con2 .left[data-v-1dc3831b] { width: 26.94%; } .cart-main .cart-totals .ad-plus .plus-con .con3[data-v-1dc3831b] { position: absolute; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 0.25rem 0.5625rem; border-radius: 1.25rem; width: 76%; bottom: 0.4375rem; height: 5.375rem; left: 7.3%; } .cart-main .cart-totals .ad-plus .plus-con .con3 .left[data-v-1dc3831b] { width: 26%; } .cart-main .cart-totals .ad-plus .plus-con .left[data-v-1dc3831b] { height: 5.3875rem; background: linear-gradient(148.64deg, rgb(255, 218, 130) -27.11%, rgb(246, 185, 37) 97.35%); border-radius: 1.25rem 0px 0px 1.25rem; } .cart-main .cart-totals .ad-plus .plus-see-more[data-v-1dc3831b] { text-align: center; font-size: 0.875rem; margin: 0.625rem 0px 0px; text-decoration: underline; } .cart-main .cart-totals .ad-plus .plus-see-more span[data-v-1dc3831b] { cursor: pointer; } .cart-main .cart-totals .ad-plus .plus-see-more .less[data-v-1dc3831b] { transform: rotate(180deg); } .cart-main .equity[data-v-1dc3831b] { margin-top: 1.875rem; } .cart-main .equity li[data-v-1dc3831b] { width: 100%; background: rgb(249, 249, 249); margin-bottom: 0.625rem; padding: 0.625rem 1.25rem; } .cart-main .equity li h1[data-v-1dc3831b] { font-weight: 400; font-size: 0.875rem; display: flex; align-items: center; margin-bottom: 0.3125rem; } .cart-main .equity li h1 span[data-v-1dc3831b] { color: rgb(51, 51, 51); } .cart-main .equity li h1 img[data-v-1dc3831b] { width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; } .cart-main .equity li .eq-cont[data-v-1dc3831b] { font-size: 0.75rem; color: rgb(102, 102, 102); margin: 0px; line-height: 1.4; } .cart-main .equity li .content-with-more[data-v-1dc3831b] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; position: relative; } .cart-main .equity li .content-with-more .learn-more-overlay[data-v-1dc3831b] { position: absolute; right: 0px; bottom: 0px; background: rgb(249, 249, 249); font-size: 0.75rem; cursor: pointer; padding-left: 0.1875rem; margin-bottom: 0px; } .cart-main .equity li .content-with-more .learn-more-overlay span[data-v-1dc3831b]:nth-child(1) { color: rgb(102, 102, 102); margin-right: 0.1875rem; } .cart-main .equity li .content-with-more .learn-more-overlay span[data-v-1dc3831b]:nth-child(2) { color: rgb(253, 172, 14); text-decoration: underline; } .cart-box[data-v-1dc3831b]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .cart-main .cart-list[data-v-1dc3831b], .savedforlater .cart-list[data-v-1dc3831b] { display: block; float: left; width: 62%; min-height: 32.5rem; } .cart-main .cart-list .title-tips[data-v-1dc3831b], .savedforlater .cart-list .title-tips[data-v-1dc3831b] { display: block; width: 100%; padding: 0.75rem 0.625rem; background: rgb(249, 249, 249); border-radius: 0.125rem; margin-bottom: 1.875rem; } .cart-main .cart-list .title-tips span[data-v-1dc3831b], .savedforlater .cart-list .title-tips span[data-v-1dc3831b] { cursor: pointer; text-decoration: underline; color: rgb(253, 172, 14); } .cart-main .cart-list .cart-item[data-v-1dc3831b], .savedforlater .cart-list .cart-item[data-v-1dc3831b] { padding-bottom: 1rem; border-bottom: 0.0625rem solid rgb(204, 204, 204); padding-top: 1rem; } .cart-main .cart-list .cart-item[data-v-1dc3831b]::after, .savedforlater .cart-list .cart-item[data-v-1dc3831b]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .cart-main .cart-list .cart-item .products[data-v-1dc3831b], .savedforlater .cart-list .cart-item .products[data-v-1dc3831b] { display: flex; align-content: flex-start; } .cart-main .cart-list .cart-item .products .dis[data-v-1dc3831b], .savedforlater .cart-list .cart-item .products .dis[data-v-1dc3831b] { opacity: 0.6; } .cart-main .cart-list .cart-item .extend-msg[data-v-1dc3831b], .savedforlater .cart-list .cart-item .extend-msg[data-v-1dc3831b] { overflow: hidden; height: 2rem; line-height: 2rem; background: rgb(246, 246, 246); margin: 0.875rem 0px 0.3125rem; border-radius: 0.25rem; padding: 0px 0.625rem; } .cart-main .cart-list .cart-item .extend-msg .extend-msg-l[data-v-1dc3831b], .savedforlater .cart-list .cart-item .extend-msg .extend-msg-l[data-v-1dc3831b] { float: left; font-size: 0.875rem; } .cart-main .cart-list .cart-item .extend-msg .extend-msg-l img[data-v-1dc3831b], .savedforlater .cart-list .cart-item .extend-msg .extend-msg-l img[data-v-1dc3831b] { margin-right: 0.3125rem; } .cart-main .cart-list .cart-item .extend-msg .extend-msg-l span[data-v-1dc3831b], .savedforlater .cart-list .cart-item .extend-msg .extend-msg-l span[data-v-1dc3831b] { text-decoration: underline; cursor: pointer; } .cart-main .cart-list .cart-item .extend-msg .extend-msg-l strong[data-v-1dc3831b], .savedforlater .cart-list .cart-item .extend-msg .extend-msg-l strong[data-v-1dc3831b] { margin-left: 0.3125rem; } .cart-main .cart-list .cart-item .extend-msg .extend-msg-r[data-v-1dc3831b], .savedforlater .cart-list .cart-item .extend-msg .extend-msg-r[data-v-1dc3831b] { font-size: 0.875rem; float: right; cursor: pointer; text-decoration: underline; } .cart-main .cart-list .cart-item[data-v-1dc3831b]:first-child, .savedforlater .cart-list .cart-item[data-v-1dc3831b]:first-child { padding-top: 0px; } .cart-main .cart-list .cart-item[data-v-1dc3831b]:last-child, .savedforlater .cart-list .cart-item[data-v-1dc3831b]:last-child { border-bottom: 0px; } .cart-main .cart-list .cart-item.free-gift-main[data-v-1dc3831b], .savedforlater .cart-list .cart-item.free-gift-main[data-v-1dc3831b] { border-radius: 0.5rem; padding: 1rem 2.5rem; margin: 1.25rem auto; cursor: pointer; border: 0.0625rem solid rgb(244, 244, 244) !important; } .cart-main .cart-list .cart-item.free-gift-main .select-title span[data-v-1dc3831b], .cart-main .cart-list .cart-item.free-gift-main .select-title[data-v-1dc3831b]::before, .savedforlater .cart-list .cart-item.free-gift-main .select-title span[data-v-1dc3831b], .savedforlater .cart-list .cart-item.free-gift-main .select-title[data-v-1dc3831b]::before { display: inline-block; vertical-align: middle; margin-right: 0.5rem; } .cart-main .cart-list .cart-item.free-gift-main .select-title span[data-v-1dc3831b], .savedforlater .cart-list .cart-item.free-gift-main .select-title span[data-v-1dc3831b] { cursor: pointer; color: rgb(153, 153, 153); } .cart-main .cart-list .cart-item.free-gift-main .select-title[data-v-1dc3831b]::before, .savedforlater .cart-list .cart-item.free-gift-main .select-title[data-v-1dc3831b]::before { content: ""; width: 1rem; height: 1rem; border-radius: 0.5rem; border: 0.0625rem solid rgb(153, 153, 153); } .cart-main .cart-list .cart-item.free-gift-main.select[data-v-1dc3831b], .savedforlater .cart-list .cart-item.free-gift-main.select[data-v-1dc3831b] { background: rgb(244, 244, 244); } .cart-main .cart-list .cart-item.free-gift-main.select .select-title span[data-v-1dc3831b], .cart-main .cart-list .cart-item.free-gift-main.select .select-title[data-v-1dc3831b]::before, .savedforlater .cart-list .cart-item.free-gift-main.select .select-title span[data-v-1dc3831b], .savedforlater .cart-list .cart-item.free-gift-main.select .select-title[data-v-1dc3831b]::before { display: inline-block; vertical-align: middle; margin-right: 0.5rem; } .cart-main .cart-list .cart-item.free-gift-main.select .select-title span[data-v-1dc3831b], .savedforlater .cart-list .cart-item.free-gift-main.select .select-title span[data-v-1dc3831b] { color: rgb(11, 192, 99); } .cart-main .cart-list .cart-item.free-gift-main.select .select-title[data-v-1dc3831b]::before, .savedforlater .cart-list .cart-item.free-gift-main.select .select-title[data-v-1dc3831b]::before { content: ""; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-free-gift-a9b5f1fe.png") center center no-repeat; width: 1rem; height: 1rem; border-radius: 0px; border: none; } .cart-main .cart-list .cart-item.free-gift-main .red[data-v-1dc3831b], .savedforlater .cart-list .cart-item.free-gift-main .red[data-v-1dc3831b] { font-weight: 600; margin-right: 0px; color: rgb(230, 77, 67) !important; } .cart-main .cart-list .cart-item .product-image[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-image[data-v-1dc3831b] { flex-shrink: 0; width: 14.5%; height: auto; border-radius: 0.25rem; margin-right: 1.875rem; overflow: hidden; position: relative; } .cart-main .cart-list .cart-item .product-image a[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-image a[data-v-1dc3831b] { display: block; } .cart-main .cart-list .cart-item .product-image .oos[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-image .oos[data-v-1dc3831b] { position: absolute; inset: 0px; margin: auto; user-select: none; pointer-events: none; width: 7.625rem; height: 2.1875rem; color: rgb(255, 255, 255); line-height: 2.1875rem; text-align: center; background: rgba(51, 51, 51, 0.8); border-radius: 0.25rem; } .cart-main .cart-list .cart-item .product-image img[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-image img[data-v-1dc3831b] { width: 100%; } .cart-main .cart-list .cart-item .product-item[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-item[data-v-1dc3831b] { margin-right: 1.875rem; flex-shrink: 1; width: 68%; } .cart-main .cart-list .cart-item .product-item .title[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-item .title[data-v-1dc3831b] { margin-bottom: 0.625rem; font-size: 1.125rem; text-overflow: ellipsis; overflow: hidden; } .cart-main .cart-list .cart-item .product-item .title > a[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-item .title > a[data-v-1dc3831b] { color: rgb(51, 51, 51); } .cart-main .cart-list .cart-item .product-item .price-guarantee[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-item .price-guarantee[data-v-1dc3831b] { padding: 0px 0.3125rem 0px 0px; display: inline-block; border: 0.0625rem solid rgb(11, 192, 99); background: rgb(239, 255, 247); border-radius: 0.375rem; overflow: hidden; margin: -0.4375rem 0px 0.625rem; } .cart-main .cart-list .cart-item .product-item .price-guarantee .icon[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-item .price-guarantee .icon[data-v-1dc3831b] { background: rgb(11, 192, 99); display: inline-block; padding: 0px 0.25rem; border-bottom-right-radius: 0.3125rem; margin-right: 0.3125rem; } .cart-main .cart-list .cart-item .product-item .price-guarantee .icon img[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-item .price-guarantee .icon img[data-v-1dc3831b] { width: 1rem; } .cart-main .cart-list .cart-item .product-item .price-guarantee .title[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-item .price-guarantee .title[data-v-1dc3831b] { font-size: 0.875rem; color: rgb(11, 192, 99); } .cart-main .cart-list .cart-item .product-item .product-desc[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-item .product-desc[data-v-1dc3831b] { margin-bottom: 0.625rem; } .cart-main .cart-list .cart-item .product-item .product-desc[data-v-1dc3831b] p, .savedforlater .cart-list .cart-item .product-item .product-desc[data-v-1dc3831b] p { margin-bottom: 0.3125rem; } .cart-main .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-select, .savedforlater .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-select { margin-right: 1.25rem; vertical-align: middle; } .cart-main .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-select .ant-select-arrow, .savedforlater .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-select .ant-select-arrow { right: 1.0625rem; color: rgb(0, 0, 0); font-size: 0.625rem; } .cart-main .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-select .ant-select-selector, .savedforlater .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-select .ant-select-selector { min-width: 7.5rem; height: 2.1875rem; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 1.5625rem; } .cart-main .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-select-single.ant-select-open .ant-select-selection-item, .savedforlater .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-select-single.ant-select-open .ant-select-selection-item { color: rgb(0, 0, 0); } .cart-main .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-select-focused .ant-select-selector, .savedforlater .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-select-focused .ant-select-selector { outline: 0px !important; box-shadow: none !important; } .cart-main .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-select .ant-select-selection-item, .savedforlater .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-select .ant-select-selection-item { padding-left: 1rem; line-height: 2.1875rem; } .cart-main .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-dropdown-link.custom-dropdown, .savedforlater .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-dropdown-link.custom-dropdown { display: inline-block; height: 3.125rem; border: 0px; line-height: 3.125rem; text-align: center; padding: 0px 1.0625rem 0px 1.6875rem; margin-right: 1.5625rem; border-radius: 1.5625rem; background: rgb(244, 244, 244); color: rgb(0, 0, 0); } .cart-main .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-dropdown-link.custom-dropdown .anticon-down, .savedforlater .cart-list .cart-item .product-item[data-v-1dc3831b] .ant-dropdown-link.custom-dropdown .anticon-down { margin-left: 0.625rem; } .cart-main .cart-list .cart-item .product-item .one-invertory[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-item .one-invertory[data-v-1dc3831b] { margin-right: 1.25rem; } .cart-main .cart-list .cart-item .product-item .move-to-wishlist[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-item .move-to-wishlist[data-v-1dc3831b] { display: inline-block; vertical-align: middle; cursor: pointer; } .cart-main .cart-list .cart-item .product-item .move-to-wishlist .label[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-item .move-to-wishlist .label[data-v-1dc3831b] { font-size: 1.125rem; line-height: 1; vertical-align: middle; } .cart-main .cart-list .cart-item .product-item .reSelect[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-item .reSelect[data-v-1dc3831b] { display: inline-block; height: 2.25rem; line-height: 2.25rem; border: 0.0625rem solid rgb(204, 204, 204); padding: 0px 1.25rem; margin-right: 1.25rem; border-radius: 2.5rem; } .cart-main .cart-list .cart-item .product-subtotal[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-subtotal[data-v-1dc3831b] { flex-shrink: 0; text-align: right; margin-left: auto; } .cart-main .cart-list .cart-item .product-subtotal > div[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-subtotal > div[data-v-1dc3831b] { display: block; } .cart-main .cart-list .cart-item .product-subtotal .row-total-price[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-subtotal .row-total-price[data-v-1dc3831b] { line-height: 2.25rem; color: rgb(230, 77, 67); font-size: 1.5rem; margin-bottom: 0px; } .cart-main .cart-list .cart-item .product-subtotal .row-total-price.black[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-subtotal .row-total-price.black[data-v-1dc3831b] { color: rgb(34, 34, 34); } .cart-main .cart-list .cart-item .product-subtotal .old-total-price[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-subtotal .old-total-price[data-v-1dc3831b] { line-height: 1.375rem; color: rgb(153, 153, 153); font-size: 1.125rem; text-decoration-line: line-through; } .cart-main .cart-list .cart-item .product-subtotal .save-for-later[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-subtotal .save-for-later[data-v-1dc3831b] { margin: 0.9375rem 0px; } .cart-main .cart-list .cart-item .product-subtotal .save-for-later span[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-subtotal .save-for-later span[data-v-1dc3831b] { font-size: 1.125rem; line-height: 1.375rem; text-decoration-line: underline; color: rgb(51, 51, 51); cursor: pointer; } .cart-main .cart-list .cart-item .product-subtotal .remove[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-subtotal .remove[data-v-1dc3831b] { margin: 0.625rem 0px 0px; cursor: pointer; } .cart-main .cart-list .cart-item .product-subtotal .remove svg path[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-subtotal .remove svg path[data-v-1dc3831b] { fill: rgb(51, 51, 51); } .cart-main .cart-list .cart-item .product-subtotal .remove .label[data-v-1dc3831b], .savedforlater .cart-list .cart-item .product-subtotal .remove .label[data-v-1dc3831b] { text-decoration: underline; vertical-align: middle; line-height: 1; color: rgb(51, 51, 51); font-size: 1.125rem; } .cart-main .cart-list .cart-item .tips[data-v-1dc3831b], .savedforlater .cart-list .cart-item .tips[data-v-1dc3831b] { display: block; width: 100%; margin-top: 0.625rem; font-size: 1rem; } .cart-main .cart-list .cart-item .tips > span[data-v-1dc3831b], .savedforlater .cart-list .cart-item .tips > span[data-v-1dc3831b] { display: inline-block; vertical-align: middle; } .cart-main .cart-list .cart-item .tips.almost-out-of-stock[data-v-1dc3831b], .savedforlater .cart-list .cart-item .tips.almost-out-of-stock[data-v-1dc3831b], .cart-main .cart-list .cart-item .tips.coupons-tips[data-v-1dc3831b], .savedforlater .cart-list .cart-item .tips.coupons-tips[data-v-1dc3831b] { color: rgb(253, 172, 14); } .cart-main .cart-list .cart-item .tips.oos[data-v-1dc3831b], .savedforlater .cart-list .cart-item .tips.oos[data-v-1dc3831b] { color: rgb(230, 77, 67); } .cart-main .cart-list .cart-item .tips.disabled .disabled-box[data-v-1dc3831b], .savedforlater .cart-list .cart-item .tips.disabled .disabled-box[data-v-1dc3831b] { display: inline-block; background: rgb(254, 246, 245); border-radius: 0.25rem; padding: 0.25rem 0.625rem; color: rgb(230, 77, 67); } .cart-main .cart-list .cart-item .tips.pre-order[data-v-1dc3831b], .savedforlater .cart-list .cart-item .tips.pre-order[data-v-1dc3831b] { display: flex; align-items: center; font-size: 0.875rem; } .cart-main .cart-list .cart-item .tips.pre-order svg[data-v-1dc3831b], .savedforlater .cart-list .cart-item .tips.pre-order svg[data-v-1dc3831b] { width: 1.25rem; height: 1.25rem; } .savedforlater[data-v-1dc3831b] { background: rgb(249, 249, 249); padding: 2.5rem 0px; } .savedforlater h2[data-v-1dc3831b] { line-height: 2.375rem; color: rgb(51, 51, 51); font-size: 1.5rem; margin-bottom: 2.5rem; } .savedforlater .cart-list > dl > dd[data-v-1dc3831b] { background-color: rgb(255, 255, 255); border: 0px; padding-left: 2.5rem; padding-right: 2.5rem; margin-bottom: 1.25rem; } .savedforlater .cart-list > dl > dd[data-v-1dc3831b]:first-child { padding-top: 2.5rem; } .savedforlater .cart-list > dl > dd .product-item[data-v-1dc3831b] { width: 65.5%; } .saveforlater-box.out-of-stock .save-for-later span[data-v-1dc3831b] { color: rgba(153, 153, 153, 0.6) !important; cursor: not-allowed !important; } .cartbanner .swiper[data-v-1dc3831b] { margin: auto; } .cartbanner .swiper .swiper-slide[data-v-1dc3831b] { width: 100% !important; margin-right: 0px !important; } .cartbanner .swiper .swiper-slide img[data-v-1dc3831b] { width: 100%; } .related-main[data-v-1dc3831b] { overflow: hidden; } .unavailable[data-v-1dc3831b] { margin-top: 1.875rem; background: rgb(254, 246, 245); border-radius: 0.25rem; height: 3.125rem; line-height: 3.125rem; padding: 0px; font-size: 0.875rem; color: rgb(230, 77, 67); } .svg[data-v-1dc3831b] { font-size: 0px; vertical-align: middle; margin-right: 0.375rem; } .empty-title[data-v-1dc3831b] { padding: 1.25rem 0px 0px; font-size: 1.5rem; color: rgb(51, 51, 51); font-weight: 500; } .cart-empty-container[data-v-1dc3831b] { padding: 3.125rem 0px 4.375rem; text-align: center; } .cart-empty-container h2[data-v-1dc3831b] { font-weight: 700; font-size: 1.125rem; margin-bottom: 0.9375rem; } .cart-empty-container .btn-box[data-v-1dc3831b] { width: 27.875rem; margin: 1.5625rem auto; overflow: hidden; text-align: center; } .cart-empty-container .btn-box .btn[data-v-1dc3831b] { border: 0.0625rem solid rgb(253, 172, 14); width: 13.4375rem; height: 3rem; line-height: 3rem; text-align: center; border-radius: 3rem; color: rgb(255, 255, 255); background: rgb(253, 172, 14); display: inline-block; font-size: 1rem; cursor: pointer; margin-left: 0.9375rem; } .cart-empty-container .btn-box .back-to-shop[data-v-1dc3831b] { margin-left: 0px; border: 0.0625rem solid rgb(204, 204, 204); color: rgb(0, 0, 0); background: rgb(255, 255, 255); } .cart-empty-main[data-v-1dc3831b] { padding-left: 11.25rem; text-align: center; } .cart-empty-main h2[data-v-1dc3831b] { font-size: 2.125rem; line-height: 3.125rem; } .cart-empty-tip[data-v-1dc3831b] { line-height: 2.125rem; font-size: 1.125rem; margin-bottom: 1.25rem; } .max-order-main-bg[data-v-1dc3831b] { width: 605px; height: 659px; } .max-order-main-bg img[data-v-1dc3831b] { width: 100%; } .max-order-main-bg .t1[data-v-1dc3831b] { font-weight: 700; font-size: 46px; line-height: 70px; text-align: center; text-transform: uppercase; color: rgb(230, 77, 67); } .max-order-main-bg .t2[data-v-1dc3831b] { padding: 10px 0px; font-size: 18px; line-height: 24px; text-align: center; color: rgb(51, 51, 51); } .max-order-main-bg .btn[data-v-1dc3831b] { display: inline-block; line-height: 60px; width: 217px; height: 60px; font-weight: 500; font-size: 20px; text-align: center; color: rgb(255, 255, 255); background: rgb(253, 172, 14); border-radius: 30px; } .pop-plustips p[data-v-1dc3831b] { margin-bottom: 0px; } .maxOrderTipsPop[data-v-1dc3831b] { position: fixed; bottom: 219px; right: 42px; width: 45px; z-index: 9; } .maxOrderTipsPop .maxOrderTipsClose[data-v-1dc3831b] { position: absolute; top: -0.375rem; right: -1.9375rem; cursor: pointer; } .maxOrderTipsPop[data-v-1dc3831b] .ant-progress-circle .ant-progress-inner { width: 3.75rem !important; height: 3.75rem !important; } .maxOrderTipsPop[data-v-1dc3831b] .ant-progress-circle .ant-progress-inner img { width: 3rem; height: 3rem; cursor: pointer; } .maxOrderTipsPop .countdown[data-v-1dc3831b] { display: inline-block; color: rgb(153, 153, 153); width: 60px; text-align: center; font-size: 0.875rem; margin-top: 0.25rem; font-weight: 400; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .max-order-main { width: 605px; height: 659px; position: relative; } .max-order-main svg { position: absolute; right: 20px; top: 210px; cursor: pointer; } .max-order-main img { width: 100%; cursor: pointer; } .max-order-main .ant-modal-content { box-shadow: none; background: transparent; } .max-order-main .ant-modal-content .ant-modal-body { padding: 0px; } .points-tips .ant-tooltip-inner { color: rgb(102, 102, 102); width: 29.375rem; padding: 0.625rem; } .plus-coupon-tips .ant-tooltip-inner { color: rgb(102, 102, 102); padding: 0.625rem; } [data-v-6a6d0df7]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-6a6d0df7] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-6a6d0df7] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-6a6d0df7] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-6a6d0df7] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-6a6d0df7] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-6a6d0df7] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-6a6d0df7] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-6a6d0df7] { padding: 0px 20px; } } .ant-form-item[data-v-6a6d0df7], .ant-radio-wrapper[data-v-6a6d0df7], .ant-radio-group[data-v-6a6d0df7] { font-variant: normal !important; } .ant-message[data-v-6a6d0df7] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-6a6d0df7] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-6a6d0df7] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-6a6d0df7] { display: none; } .counpon-from-main[data-v-6a6d0df7] .ant-btn-primary[disabled] { border-color: rgb(204, 204, 204); } .counpon-from-main[data-v-6a6d0df7] .ant-input { height: 3.125rem; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 0.125rem; } .counpon-from-main[data-v-6a6d0df7] .ant-btn { width: 100%; height: 3.125rem; } .error[data-v-6a6d0df7] { color: rgb(255, 95, 68); line-height: 1.5; font-size: 0.875rem; } [data-v-1eafb6fc]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-1eafb6fc] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-1eafb6fc] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-1eafb6fc] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-1eafb6fc] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-1eafb6fc] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-1eafb6fc] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-1eafb6fc] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-1eafb6fc] { padding: 0px 20px; } } .ant-form-item[data-v-1eafb6fc], .ant-radio-wrapper[data-v-1eafb6fc], .ant-radio-group[data-v-1eafb6fc] { font-variant: normal !important; } .ant-message[data-v-1eafb6fc] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-1eafb6fc] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-1eafb6fc] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-1eafb6fc] { display: none; } .pay-coupon-drawer .no-data[data-v-1eafb6fc] { text-align: center; } .pay-coupon-drawer .rules-wrap .tips[data-v-1eafb6fc] { position: absolute; display: none; left: -439px; top: 0px; padding: 1.625rem 0.625rem 0.75rem 1.25rem; width: 408px; text-align: left; background: rgb(255, 255, 255); box-shadow: rgba(75, 75, 75, 0.13) 0px 0px 1.125rem; border-radius: 0.625rem; } .pay-coupon-drawer .rules-wrap .tips p[data-v-1eafb6fc] { font-size: 0.75rem; line-height: 18px; margin-bottom: 0.625rem; } .pay-coupon-drawer .rules-wrap .rules-text[data-v-1eafb6fc] { cursor: pointer; font-size: 0.875rem; line-height: 21px; text-decoration-line: underline; color: rgb(51, 51, 51); float: left; position: relative; } .pay-coupon-drawer .rules-wrap .rules-text:hover .tips[data-v-1eafb6fc] { display: block; } .pay-coupon-drawer .rules-wrap .rules-text .icon-question[data-v-1eafb6fc] { margin-right: 0.3125rem; } .pay-coupon-drawer .rules-wrap h3[data-v-1eafb6fc] { margin-bottom: 0px; } .cop-tab .canuse[data-v-1eafb6fc] { margin: 20px auto; } .cop-tab .canuse h2[data-v-1eafb6fc] { width: 380px; margin: 30px auto 22px; font-size: 18px; font-weight: 500; } .cop-tab .canuse h2[data-v-1eafb6fc]:nth-of-type(2) { margin-top: 5px; color: rgb(51, 51, 51); } .cop-tab .canuse .list[data-v-1eafb6fc] { margin-top: 10px; } .cop-tab .line[data-v-1eafb6fc] { display: block; border: 0.0625rem solid rgb(244, 244, 244); margin: 1rem auto; } .cop-tab .login-tips[data-v-1eafb6fc] { margin-top: 0.625rem; } .cop-tab .login-tips p[data-v-1eafb6fc] { font-size: 0.9375rem; line-height: 1.25rem; color: rgb(102, 102, 102); } .cop-tab .login-tips p > span[data-v-1eafb6fc] { text-decoration: underline; color: rgb(17, 17, 17); cursor: pointer; } .cop-tab .counpon-from-main[data-v-1eafb6fc], .cop-tab .login-tips[data-v-1eafb6fc] { padding: 0px 1.25rem; } .cop-tab ul[data-v-1eafb6fc] { overflow: hidden; margin-bottom: 0px; } .cop-tab ul.none[data-v-1eafb6fc] { border-bottom: none; padding-bottom: 0px; } .cop-tab ul li[data-v-1eafb6fc] { margin: 0px auto 20px; width: 380px; height: 100px; background: 0% 0% / 100% 100% rgb(254, 246, 245); position: relative; cursor: pointer; border-radius: 0.625rem; } .cop-tab ul li[data-v-1eafb6fc]::after { content: ""; position: absolute; top: 0px; bottom: 0px; margin: auto; right: 22px; width: 27px; height: 27px; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_noselect_circle-16d06703.svg") 0px 0px / 100% no-repeat; } .cop-tab ul li.bestCoupon[data-v-1eafb6fc] { background: linear-gradient(98.56deg, rgb(255, 115, 71) 2.15%, rgb(255, 152, 78) 96.89%); width: 392px; height: 142px; padding: 36px 6px 0px; } .cop-tab ul li.bestCoupon .coupon-title[data-v-1eafb6fc] { position: absolute; top: 6px; left: 7px; color: rgb(255, 255, 255); } .cop-tab ul li.bestCoupon .coupon-title svg[data-v-1eafb6fc] { vertical-align: middle; } .cop-tab ul li.bestCoupon .couponbox[data-v-1eafb6fc] { width: 380px; height: 100px; background: rgb(254, 246, 245); border-radius: 0.625rem; position: relative; } .cop-tab ul li.bestCoupon[data-v-1eafb6fc]::after { top: 29px; right: 28px; } .cop-tab ul li span[data-v-1eafb6fc] { float: left; width: 132px; height: 100px; line-height: 100px; text-align: center; color: rgb(255, 95, 68); font-size: 30px; font-weight: 700; padding-left: 5px; } .cop-tab ul li span small[data-v-1eafb6fc] { font-size: 20px; padding-left: 5px; } .cop-tab ul li span.t[data-v-1eafb6fc] { line-height: normal; padding-top: 20px; } .cop-tab ul li span.t b[data-v-1eafb6fc] { display: block; font-size: 16px; font-weight: 400; line-height: 1; margin-top: 0px; } .cop-tab ul li .desc[data-v-1eafb6fc] { float: left; width: 65%; padding-left: 0px; padding-top: 18px; } .cop-tab ul li .desc i[data-v-1eafb6fc] { font-size: 0.875rem; color: rgb(51, 51, 51); font-weight: 700; margin-bottom: 3px; line-height: 1.5; display: block; vertical-align: top; font-style: normal; } .cop-tab ul li .desc p[data-v-1eafb6fc] { font-size: 0.875rem; color: rgb(0, 0, 0); font-weight: 700; line-height: 1.5; margin-bottom: 3px; width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cop-tab ul li .desc p[data-v-1eafb6fc]:last-child { font-size: 0.75rem; color: rgb(102, 102, 102); font-weight: 400; } .cop-tab ul li .desc .plustag[data-v-1eafb6fc] { padding: 0px 8px; height: 18px; line-height: 18px; background: rgb(3, 2, 2); border-radius: 9px; text-align: center; color: rgb(255, 200, 66); font-size: 12px; display: inline-block; } .cop-tab ul li .desc .plustag + i[data-v-1eafb6fc] { padding: 0px; margin-bottom: 0px; } .cop-tab ul li .superimposed[data-v-1eafb6fc] { position: absolute; top: 0px; right: 0px; width: 102px; height: 21px; line-height: 21px; background: url("https://ca-static.costway.ca/assets/1760598923/images/combinable_bg_2-7226d105.png") 0px 0px / 100% no-repeat; font-size: 12px; color: rgb(113, 75, 2); text-align: center; } .cop-tab ul li.plus[data-v-1eafb6fc] { background: url("https://ca-static.costway.ca/assets/1760598923/images/plus-2-1-5ea8df9b.png") left top / 100% 100% no-repeat; } .cop-tab ul li.plus span[data-v-1eafb6fc] { color: rgb(3, 2, 2); } .cop-tab ul li.selected[data-v-1eafb6fc]::after { background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_select_circle-5ae6dcbd.svg") 0px 0px / 100% no-repeat; } .cop-tab ul li.has-plus-icon .desc[data-v-1eafb6fc] { padding-top: 16px; } .cop-tab ul li.has-plus-icon .desc .plustag[data-v-1eafb6fc] { margin-bottom: 5px; } .cop-tab .cannotuse[data-v-1eafb6fc] { margin-top: 10px; } .cop-tab .cannotuse ul li[data-v-1eafb6fc] { background: rgb(249, 249, 249); cursor: default; overflow: hidden; min-height: 100px; height: auto; } .cop-tab .cannotuse ul li span[data-v-1eafb6fc], .cop-tab .cannotuse ul li p[data-v-1eafb6fc], .cop-tab .cannotuse ul li i[data-v-1eafb6fc] { color: rgb(102, 102, 102); } .cop-tab .cannotuse ul li .instructions[data-v-1eafb6fc] { width: 100%; float: left; padding-bottom: 0.625rem; } .cop-tab .cannotuse ul li .instructions .t[data-v-1eafb6fc] { display: flex; justify-content: space-between; align-items: center; width: 326px; margin: 0px auto; border-top: 0.0625rem dashed rgb(153, 153, 153); padding: 0.625rem 0px 0.25rem; } .cop-tab .cannotuse ul li .instructions .t p[data-v-1eafb6fc] { margin-bottom: 0px; cursor: pointer; font-size: 0.875rem; } .cop-tab .cannotuse ul li .instructions .t p svg[data-v-1eafb6fc] { vertical-align: middle; } .cop-tab .cannotuse ul li .instructions .t a[data-v-1eafb6fc] { display: inline-block; border: 0.0625rem solid rgb(255, 95, 68); border-radius: 1.25rem; padding: 0.3125rem 0.9375rem; font-size: 0.875rem; color: rgb(255, 95, 68); } .cop-tab .cannotuse ul li .instructions > p[data-v-1eafb6fc] { font-size: 0.75rem; color: rgb(122, 122, 122); width: 326px; margin: 0px auto 0.3125rem; } .cop-tab .cannotuse ul li[data-v-1eafb6fc]::after { content: ""; position: absolute; top: 37px; bottom: auto; margin: auto; right: 22px; width: 27px; height: 27px; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_noselect_circle2-d346fa51.svg") 0px 0px / 100% no-repeat; } .cop-tab .cannotuse ul li .superimposed[data-v-1eafb6fc] { background: url("https://ca-static.costway.ca/assets/1760598923/images/combinable_bg_2s-cc7a2255.png") 0px 0px / 100% no-repeat; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .wfg-rule { width: 70.375rem !important; height: 49.25rem !important; } .wfg-rule .ant-modal-content { border-radius: 0.625rem; } .wfg-rule .ant-modal-body { padding: 0px; } .wfg-rule .ant-form-item { margin-bottom: 0.625rem; } .wfg-rule .ant-form-item-explain-error { text-align: left; font-size: 0.875rem; line-height: 1rem; } .prizepop { background: url("https://ca-static.costway.ca/assets/1760598923/images/prize-bg-cfeaef4d.png") center center no-repeat; width: 46.875rem !important; height: 34.375rem !important; top: -6.25rem !important; } .prizepop .ant-modal-content { background: none; box-shadow: none; } .prizepop .ant-modal-close { display: none; } .prizepop-mask { background: rgba(0, 0, 0, 0.8); } [data-v-53f570a0]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-53f570a0] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-53f570a0] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-53f570a0] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-53f570a0] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-53f570a0] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-53f570a0] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-53f570a0] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-53f570a0] { padding: 0px 20px; } } .ant-form-item[data-v-53f570a0], .ant-radio-wrapper[data-v-53f570a0], .ant-radio-group[data-v-53f570a0] { font-variant: normal !important; } .ant-message[data-v-53f570a0] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-53f570a0] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-53f570a0] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-53f570a0] { display: none; } .win-freegifts[data-v-53f570a0] { width: 100%; height: calc(-10.25rem + 100vh); background: url("https://ca-static.costway.ca/assets/1760598923/images/wfg-bg-95e671fb.png") 0px 0px / 100% 100% no-repeat; } .win-freegifts .winfreegifts-cont[data-v-53f570a0] { width: 75rem; margin: auto; position: relative; } .win-freegifts .winfreegifts-cont .rule[data-v-53f570a0] { position: absolute; top: 8.125rem; right: 2%; width: 7.5rem; height: 2.125rem; border-radius: 0.375rem; cursor: pointer; } .win-freegifts .winfreegifts-cont .rule img[data-v-53f570a0] { width: 100%; } .win-freegifts .winfreegifts-cont .title[data-v-53f570a0] { width: 40.375rem; padding-top: 1.875rem; margin: auto; } .win-freegifts .winfreegifts-cont .title .wfg-title1[data-v-53f570a0] { width: 40.375rem; } .win-freegifts .winfreegifts-cont .title .wfg-title2[data-v-53f570a0] { width: 43.625rem; } .win-freegifts .winfreegifts-cont ul[data-v-53f570a0] { width: 75rem; margin: 1.25rem auto auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .win-freegifts .winfreegifts-cont ul li[data-v-53f570a0] { width: 13.75rem; height: 13.75rem; position: relative; cursor: pointer; margin-right: 1.5625rem; margin-bottom: 1.25rem; } .win-freegifts .winfreegifts-cont ul li[data-v-53f570a0]:nth-child(5) { margin-right: 0px; } .win-freegifts .winfreegifts-cont ul li img[data-v-53f570a0] { width: 100%; } .win-freegifts .winfreegifts-cont ul li .kind-paper[data-v-53f570a0] { width: 14.125rem; } .win-freegifts .winfreegifts-cont ul li .kind-paper p[data-v-53f570a0] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: Poppins; font-size: 1.625rem; font-weight: 700; line-height: 2.4375rem; text-align: center; color: rgb(115, 0, 0); text-shadow: rgb(252, 175, 65) 0.0625rem 0.125rem 0.375rem; } .win-freegifts .winfreegifts-cont ul li .kind-paper .gray-color[data-v-53f570a0] { color: rgb(55, 55, 55); text-shadow: none; } .win-freegifts .winfreegifts-cont ul li .kind-paper.disabled[data-v-53f570a0] { cursor: not-allowed; } .win-freegifts .winfreegifts-cont ul li .kind-paper.selected[data-v-53f570a0] { border: 0.1875rem solid black; border-radius: 1.25rem; } .win-freegifts .winfreegifts-cont .kind-confirm[data-v-53f570a0] { margin: 0.3125rem auto auto; width: 15rem; height: 3.5rem; line-height: 3.5rem; text-align: center; background: rgb(0, 0, 0); border-radius: 1.75rem; cursor: pointer; color: rgb(255, 255, 255); font-size: 1.5rem; } .win-freegifts .winfreegifts-cont .kind-confirm.inactive[data-v-53f570a0] { background: rgb(204, 204, 204); cursor: not-allowed; } .wfgrule-content[data-v-53f570a0] { background: 0% 0% / 100% 100% rgb(255, 200, 66); border-radius: 0.625rem; padding: 3.125rem 4.375rem 0px; width: 70.375rem !important; height: 49.25rem !important; } .wfgrule-content h1[data-v-53f570a0] { text-align: center; font-size: 2.25rem; font-weight: 700; border-bottom: 0.125rem solid rgba(243, 243, 243, 0.953); padding-bottom: 1.25rem; margin-bottom: 1.25rem; } .wfgrule-content h2[data-v-53f570a0] { text-align: center; font-size: 2.25rem; font-weight: 700; margin-bottom: 1.25rem; } .wfgrule-content .top[data-v-53f570a0] { margin-left: 2.5rem; margin-bottom: 1.25rem; } .wfgrule-content p[data-v-53f570a0] { font-size: 1.5rem; margin: 0px; } .wfgrule-content u[data-v-53f570a0] { font-weight: 700; } .wfgrule-content span[data-v-53f570a0] { margin-right: 1.25rem; } .wfgrule-content .list-item[data-v-53f570a0] { display: flex; align-items: baseline; margin-bottom: 1.25rem; } .wfgrule-content .item-number[data-v-53f570a0] { width: 1.375rem; flex-shrink: 0; } .wfgrule-content .item-text[data-v-53f570a0] { flex-grow: 1; text-align: left; } .prize-cont[data-v-53f570a0] { margin: auto; text-align: center; } .prize-cont h1[data-v-53f570a0] { color: rgb(255, 255, 255); font-size: 4.25rem; font-weight: 700; margin-bottom: 0px; } .prize-cont p[data-v-53f570a0] { width: 34.375rem; margin: auto; color: rgb(255, 255, 255); font-size: 1.625rem; line-height: 2.4375rem; } .prize-cont .prize-pro[data-v-53f570a0] { width: 19.5rem; margin: 1.25rem auto 0.625rem; background-color: rgb(255, 255, 255); padding: 0.75rem; border-radius: 1.25rem; } .prize-cont .prize-pro img[data-v-53f570a0] { width: 18rem; height: 18rem; } .prize-cont .prize-tort[data-v-53f570a0] { margin-top: 3.125rem; margin-bottom: 2.8125rem; } .prize-cont .prize-tort img[data-v-53f570a0] { width: 15rem; height: 16.9375rem; } .prize-cont .lotteryname[data-v-53f570a0] { max-width: 34.375rem; color: rgb(255, 255, 255); font-size: 1rem; line-height: 1.5rem; margin: 0.9375rem auto auto; } .prize-cont .choose-btn[data-v-53f570a0] { margin-top: 2.5rem; display: flex; justify-content: center; } .prize-cont .choose-btn .prize-confirm[data-v-53f570a0] { width: 15rem; height: 3.5rem; line-height: 3.5rem; text-align: center; background: rgb(255, 200, 66); border-radius: 1.75rem; cursor: pointer; color: rgb(0, 0, 0); font-size: 1.5rem; margin-right: 5rem; border: none; } .prize-cont .choose-btn .giveup[data-v-53f570a0] { width: 15rem; height: 3.5rem; line-height: 3.5rem; text-align: center; background: rgb(255, 255, 255); border-radius: 1.75rem; cursor: pointer; color: rgb(0, 0, 0); font-size: 1.5rem; border: none; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } [data-v-f5ab4fb6]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-f5ab4fb6] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-f5ab4fb6] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-f5ab4fb6] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-f5ab4fb6] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-f5ab4fb6] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-f5ab4fb6] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-f5ab4fb6] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-f5ab4fb6] { padding: 0px 20px; } } .ant-form-item[data-v-f5ab4fb6], .ant-radio-wrapper[data-v-f5ab4fb6], .ant-radio-group[data-v-f5ab4fb6] { font-variant: normal !important; } .ant-message[data-v-f5ab4fb6] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-f5ab4fb6] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-f5ab4fb6] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-f5ab4fb6] { display: none; } .order-main[data-v-f5ab4fb6] { margin: 0px auto; } .order-main .order-tips[data-v-f5ab4fb6] { clear: both; margin-left: 6.25rem; margin-top: 5rem; margin-bottom: 10rem; } .order-main .order-tips .app-entr[data-v-f5ab4fb6] { margin-top: 3.75rem; margin-left: 6.5rem; } .order-main .order-tips .app-entr .app-code[data-v-f5ab4fb6] { width: 12.5rem; height: 12.5rem; } .order-main .order-tips .app-entr .app-entr-cen[data-v-f5ab4fb6] { display: inline-block; width: 41.8125rem; height: 10.375rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/app-entr-d9355238.png") left top / 100% 100% no-repeat; padding: 1.25rem 2.125rem; } .order-main .order-tips .app-entr .app-entr-cen h3[data-v-f5ab4fb6] { font-size: 1.5rem; font-weight: 600; margin-bottom: 0.3125rem; } .order-main .order-tips .app-entr .app-entr-cen p[data-v-f5ab4fb6] { font-size: 1.125rem; margin-bottom: 1.25rem; } .order-main .order-tips .app-entr .app-entr-cen p.save-now[data-v-f5ab4fb6] { text-align: center; color: rgb(253, 172, 14); font-size: 1.75rem; } .order-main .order-tips .app-entr .app-entr-cen p.save-now a[data-v-f5ab4fb6] { display: inline-block; color: rgb(253, 172, 14); font-size: 1.75rem; text-decoration: underline; } .order-main .order-tips .app-entr .app-entr-cen[data-v-f5ab4fb6] .ant-tooltip-inner { width: auto !important; } .order-main .svg[data-v-f5ab4fb6] { font-size: 0px; vertical-align: middle; margin-right: 2.5rem; display: inline-block; } .order-main .text[data-v-f5ab4fb6] { display: inline-block; vertical-align: top; } .order-main .text h1[data-v-f5ab4fb6] { line-height: 1; font-size: 2rem; } .order-main .text p[data-v-f5ab4fb6] { margin-bottom: 0.625rem; line-height: 1.2; } .order-main .text .t1[data-v-f5ab4fb6] { font-size: 1.4375rem; margin-top: 0.375rem; } .order-main .text .t2[data-v-f5ab4fb6] { font-size: 1.125rem; } .order-main .text .t3[data-v-f5ab4fb6] { margin-top: 1.875rem; font-size: 1.125rem; } .order-main .text .button[data-v-f5ab4fb6] { margin-top: 3.75rem; } .order-main .text .button .ant-btn[data-v-f5ab4fb6] { min-width: 15rem; border-radius: 6.1875rem; height: 3.75rem; padding: 0px 2.25rem; font-size: 1.25rem; } .order-main .text .success-button[data-v-f5ab4fb6] { display: flex; } .order-main .text .success-button .free-gift[data-v-f5ab4fb6] { width: 16.25rem; height: 3.75rem; margin-left: 2.5rem; } .order-main .text .success-button .free-gift img[data-v-f5ab4fb6] { width: 100%; } .order-main .ant-row[data-v-f5ab4fb6] { margin-bottom: 1.25rem; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .costway-loading-main { padding-bottom: 0px; } .costway-loading-main .ant-modal-content { padding-top: 1.25rem; padding-bottom: 2.5rem; text-align: center; } .costway-loading-main h3 { font-weight: 600; font-size: 1.625rem; line-height: 2.75rem; margin-bottom: 0px; } .costway-loading-main p { font-size: 1.25rem; line-height: 2.75rem; color: rgb(47, 47, 47); } .costway-loading-main .dots { display: inline-block; width: 1.875rem; text-align: left; font-size: 1.25rem; vertical-align: bottom; } .costway-loading-main .dots::after { content: ""; animation: 1s ease 0s infinite normal none running dots; } @keyframes dots { 0%, 20% { content: "."; } 40% { content: ".."; } 60% { content: "..."; } 80%, 100% { content: ""; } } .costway-loading-main .loading-logo { text-align: center; width: 5.25rem; margin: 0px auto; display: inline-block; height: auto; } .costway-loading-main .loading-logo img { width: 100%; height: auto; } .costway-loading-main .go-shopping { width: 15.625rem; height: 3.75rem; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 1.875rem; font-size: 1.25rem; text-align: center; color: rgb(51, 51, 51); } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .cashback-pop .ant-modal-content { border-radius: 0px; } .cashback-pop .ant-modal-body { padding: 0px; } .cashback-pop .ant-form-item { margin-bottom: 0.625rem; } .cashback-pop .ant-form-item-explain-error { text-align: left; font-size: 0.875rem; line-height: 1rem; } [data-v-1a992a91]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-1a992a91] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-1a992a91] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-1a992a91] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-1a992a91] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-1a992a91] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-1a992a91] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-1a992a91] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-1a992a91] { padding: 0px 20px; } } .ant-form-item[data-v-1a992a91], .ant-radio-wrapper[data-v-1a992a91], .ant-radio-group[data-v-1a992a91] { font-variant: normal !important; } .ant-message[data-v-1a992a91] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-1a992a91] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-1a992a91] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-1a992a91] { display: none; } .cashback-pop-box[data-v-1a992a91] { overflow: hidden; background: rgb(255, 251, 242); } .cashback-pop-box .cashback-pop-l[data-v-1a992a91] { width: 23.125rem; float: left; position: relative; } .cashback-pop-box .cashback-pop-l > p[data-v-1a992a91] { width: 23.125rem; position: absolute; color: rgb(255, 255, 255); text-align: center; } .cashback-pop-box .cashback-pop-l > p[data-v-1a992a91]:nth-of-type(1) { top: 6.25rem; font-size: 1.5rem; } .cashback-pop-box .cashback-pop-l > p[data-v-1a992a91]:nth-of-type(2) { top: 11.875rem; font-size: 1.125rem; } .cashback-pop-box .cashback-pop-l .coupons[data-v-1a992a91] { position: absolute; top: 19.375rem; width: 24.0625rem; } .cashback-pop-box .cashback-pop-l .coupons p[data-v-1a992a91] { color: rgb(102, 102, 102); text-align: center; font-size: 1.25rem; margin-bottom: 0px; } .cashback-pop-box .cashback-pop-l .coupons p[data-v-1a992a91]:nth-of-type(2) { font-weight: 700; color: rgb(255, 95, 68); font-size: 3.125rem; margin: -1.125rem 0px; } .cashback-pop-box .cashback-pop-l .rules-div[data-v-1a992a91] { position: absolute; bottom: 1.875rem; left: 50%; transform: translate(-50%); font-size: 0.875rem; cursor: pointer; } .cashback-pop-box .cashback-pop-l .rules-div svg[data-v-1a992a91] { margin-right: 0.375rem; vertical-align: middle; } .cashback-pop-box .cashback-pop-l .rules-div span[data-v-1a992a91] { text-decoration: underline; color: rgb(51, 51, 51); } .cashback-pop-box .cashback-pop-l img[data-v-1a992a91] { width: 100%; height: 31.5rem; } .cashback-pop-box .cashback-pop-r[data-v-1a992a91] { float: left; width: 23.75rem; min-height: 31.5rem; box-sizing: border-box; padding: 2.5rem 0px 0px; text-align: center; background: rgb(255, 255, 255); } .cashback-pop-box .cashback-pop-r > img[data-v-1a992a91] { width: 100%; } .cashback-pop-box .cashback-pop-r .title[data-v-1a992a91] { font-size: 1.125rem; color: rgb(51, 51, 51); margin-bottom: 0.3125rem; } .cashback-pop-box .cashback-pop-r .btn[data-v-1a992a91] { padding: 0px 2.125rem; position: relative; } .cashback-pop-box .cashback-pop-r .btn .cursor[data-v-1a992a91] { position: absolute; width: 3.125rem; top: 0.9375rem; right: 0.8125rem; transform: translate(-50%); animation: 1.5s ease-in-out 0s infinite normal none running moveLeftRight-1a992a91; } @keyframes moveLeftRight-1a992a91 { 0% { transform: rotate(0deg); } 33% { transform: rotate(6deg); } 66% { transform: rotate(-6deg); } 100% { transform: rotate(0deg); } } .cashback-pop-box .cashback-pop-r .yes[data-v-1a992a91] { display: block; cursor: pointer; width: 100%; height: 2.8125rem; border-radius: 1.4375rem; background: rgb(255, 200, 66); text-align: center; line-height: 2.8125rem; margin-bottom: 0.9375rem; } .cashback-pop-box .cashback-pop-r .no[data-v-1a992a91] { display: block; cursor: pointer; width: 100%; height: 2.8125rem; border-radius: 1.4375rem; border: 0.0625rem solid rgb(204, 204, 204); text-align: center; line-height: 2.8125rem; margin-bottom: 0.625rem; color: rgb(51, 51, 51); } .progress-container[data-v-1a992a91] { width: 100%; padding: 1.25rem; margin: 1.875rem auto 1.25rem; max-width: 23.75rem; } .icons-row[data-v-1a992a91] { display: flex; justify-content: space-between; padding: 0px 2.1875rem; } .icon-item[data-v-1a992a91] { position: relative; display: flex; justify-content: center; } .check-icon[data-v-1a992a91] { width: 1.875rem; height: 1.875rem; background: rgb(46, 204, 113); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); } .money-icon[data-v-1a992a91] { width: 1.875rem; height: 1.875rem; display: flex; align-items: center; justify-content: center; } .percentage[data-v-1a992a91] { position: absolute; top: -1.5625rem; background: rgb(92, 92, 92); color: rgb(255, 255, 255); padding: 0px 0.75rem; border-radius: 0.75rem; font-size: 0.875rem; } .percentage img[data-v-1a992a91] { position: absolute; bottom: -0.25rem; left: 50%; transform: translate(-50%); } .progress-bar[data-v-1a992a91] { width: 18.75rem; text-align: center; margin: 0.1875rem auto 0px; } .progress-bar img[data-v-1a992a91] { width: 100%; height: auto; } .text-row[data-v-1a992a91] { display: flex; justify-content: space-between; } .text-item[data-v-1a992a91] { width: 6.25rem; text-align: center; font-size: 0.875rem; color: rgb(102, 102, 102); line-height: 1rem; } .text-item[data-v-1a992a91]:nth-of-type(3) { padding-left: 1.25rem; } .rules[data-v-1a992a91] { padding: 0px 1.75rem; text-align: center; color: rgb(102, 102, 102); font-size: 0.875rem; margin-top: 1.25rem; } .con h1[data-v-1a992a91] { font-size: 1.25rem; font-weight: 700; } .con p[data-v-1a992a91] { font-size: 0.875rem; color: rgb(0, 0, 0); margin-bottom: 0.625rem; } .con .four-p[data-v-1a992a91] { background: rgb(244, 244, 244); padding: 0.625rem 0.625rem 0.0625rem; font-size: 0.875rem; border-radius: 0.25rem; margin: -0.3125rem 0px 0.9375rem; } .order-progress-box[data-v-1a992a91] { margin-bottom: -3.75rem; overflow: hidden; } .order-progress[data-v-1a992a91] { float: left; margin-left: -2.75rem; max-width: 30rem; } .order-progress .progress-bar[data-v-1a992a91] { width: 100%; } .order-progress .progress-bar img[data-v-1a992a91] { width: 23.125rem; margin: 0px auto; } .order-progress .icon-item[data-v-1a992a91] { padding-left: 1.25rem; } .order-progress .text-item[data-v-1a992a91] { width: 6.875rem; } .order-progress .text-item[data-v-1a992a91]:nth-of-type(1) { padding-left: 1.25rem; } .order-progress .text-item[data-v-1a992a91]:nth-of-type(3) { padding-left: 0px; } .order-progress-rules[data-v-1a992a91] { float: left; padding-top: 3.75rem; margin-left: 1.875rem; cursor: pointer; } .order-progress-rules svg[data-v-1a992a91] { vertical-align: middle; margin-right: 0.25rem; } .order-progress-rules span[data-v-1a992a91] { text-decoration: underline; color: rgb(51, 51, 51); font-size: 0.875rem; } .order-btn[data-v-1a992a91] { margin: 4.375rem 0px 2.5rem; } .order-btn span[data-v-1a992a91], .order-btn a[data-v-1a992a91] { height: 2.8125rem; position: relative; cursor: pointer; border-radius: 2.8125rem; text-align: center; line-height: 2.8125rem; display: inline-block; padding: 0px 1.25rem; } .order-btn span img[data-v-1a992a91], .order-btn a img[data-v-1a992a91] { position: absolute; top: -2.4375rem; right: -0.1875rem; } .order-btn span[data-v-1a992a91] { background: rgb(255, 200, 66); margin-right: 1.25rem; } .order-btn a[data-v-1a992a91] { background: none; border: 0.0625rem solid rgb(204, 204, 204); } [data-v-08244071]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-08244071] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-08244071] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-08244071] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-08244071] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-08244071] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-08244071] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-08244071] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-08244071] { padding: 0px 20px; } } .ant-form-item[data-v-08244071], .ant-radio-wrapper[data-v-08244071], .ant-radio-group[data-v-08244071] { font-variant: normal !important; } .ant-message[data-v-08244071] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-08244071] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-08244071] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-08244071] { display: none; } .custmoer-main[data-v-08244071] { background: rgb(244, 244, 244); padding-top: 2.375rem; padding-bottom: 7rem; } .custmoer-main .left-box[data-v-08244071] { flex: 0 0 23.125rem; min-width: 0px; } .custmoer-main .right-box .con[data-v-08244071] { min-height: 67.625rem; padding: 2.5rem 1.875rem; background-color: rgb(255, 255, 255); border-radius: 0.5rem; overflow: hidden; } .custmoer-main .right-box.write-review .con[data-v-08244071] { padding: 0px; background-color: transparent; } [data-v-02b99ff6]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-02b99ff6] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-02b99ff6] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-02b99ff6] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-02b99ff6] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-02b99ff6] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-02b99ff6] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-02b99ff6] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-02b99ff6] { padding: 0px 20px; } } .ant-form-item[data-v-02b99ff6], .ant-radio-wrapper[data-v-02b99ff6], .ant-radio-group[data-v-02b99ff6] { font-variant: normal !important; } .ant-message[data-v-02b99ff6] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-02b99ff6] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-02b99ff6] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-02b99ff6] { display: none; } .address-form[data-v-02b99ff6] .ant-form-item .ant-input { border: 0.0625rem solid rgb(204, 204, 204); height: 3.125rem; border-radius: 0.125rem; } .address-form[data-v-02b99ff6] .ant-form-item-has-error .ant-input { border: 0.0625rem solid rgb(230, 77, 67); } .address-form[data-v-02b99ff6] .ant-select { width: 100%; } .address-form[data-v-02b99ff6] .ant-select .ant-select-selector { border: 0.0625rem solid rgb(204, 204, 204); } .address-form[data-v-02b99ff6] .ant-select .ant-select-selector, .address-form[data-v-02b99ff6] .ant-select input { height: 3.125rem !important; } @media only screen and (max-width: 1440px) { .address-form[data-v-02b99ff6] .ant-select .ant-select-selector, .address-form[data-v-02b99ff6] .ant-select input { height: 2.5rem !important; } } @media only screen and (max-width: 1280px) { .address-form[data-v-02b99ff6] .ant-select .ant-select-selector, .address-form[data-v-02b99ff6] .ant-select input { height: 2rem !important; } } .address-form[data-v-02b99ff6] .ant-select .ant-select-selection-placeholder, .address-form[data-v-02b99ff6] .ant-select .ant-select-selection-item { line-height: 3.125rem !important; font-size: 1.125rem; } @media only screen and (max-width: 1440px) { .address-form[data-v-02b99ff6] .ant-select .ant-select-selection-placeholder, .address-form[data-v-02b99ff6] .ant-select .ant-select-selection-item { line-height: 2.5rem !important; font-size: 0.875rem; } } @media only screen and (max-width: 1280px) { .address-form[data-v-02b99ff6] .ant-select .ant-select-selection-placeholder, .address-form[data-v-02b99ff6] .ant-select .ant-select-selection-item { line-height: 2rem !important; font-size: 0.75rem; } } .address-form[data-v-02b99ff6] .ant-checkbox-inner { border: 0.0625rem solid rgb(204, 204, 204); border-radius: 0.125rem; } .address-form[data-v-02b99ff6] .ant-form-item-label > label { font-size: 1.125rem; } @media only screen and (max-width: 1440px) { .address-form[data-v-02b99ff6] .ant-form-item-label > label { font-size: 0.875rem; } } .address-form .title[data-v-02b99ff6] { margin: 1.25rem 0px 0px; font-size: 1.25rem; } @media only screen and (max-width: 1440px) { .address-form .title[data-v-02b99ff6] { font-size: 1rem; line-height: 1; padding-bottom: 0px; margin: 0px; } } .address-form .contact-info[data-v-02b99ff6] { padding: 1.25rem 0px 0px; } @media only screen and (max-width: 1440px) { .address-form .contact-info[data-v-02b99ff6] { padding: 0.625rem 0px 0px; } } .address-form .address-box[data-v-02b99ff6] { padding: 1.25rem 0px; } @media only screen and (max-width: 1440px) { .address-form .address-box[data-v-02b99ff6] { padding: 0.625rem 0px 0px; } } .address-form .save-address .ant-btn[data-v-02b99ff6] { height: 3.125rem; border-radius: 1.5625rem; width: 100%; font-size: 1.25rem; } @media only screen and (max-width: 1440px) { .address-form .save-address .ant-btn[data-v-02b99ff6] { height: 2.625rem; font-size: 1.25rem; } } @media only screen and (max-width: 1280px) { .address-form .save-address .ant-btn[data-v-02b99ff6] { height: 2rem; font-size: 1rem; } } .address-form .ant-checkbox-disabled .ant-checkbox-inner[data-v-02b99ff6] { border: 0px !important; } [data-v-00f47f83]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-00f47f83] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-00f47f83] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-00f47f83] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-00f47f83] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-00f47f83] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-00f47f83] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-00f47f83] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-00f47f83] { padding: 0px 20px; } } .ant-form-item[data-v-00f47f83], .ant-radio-wrapper[data-v-00f47f83], .ant-radio-group[data-v-00f47f83] { font-variant: normal !important; } .ant-message[data-v-00f47f83] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-00f47f83] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-00f47f83] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-00f47f83] { display: none; } .tab-title[data-v-00f47f83] { margin-top: 2.125rem; line-height: 1.5rem; font-size: 1.25rem; font-weight: 500; margin-bottom: 1.875rem; } .account-information-form[data-v-00f47f83] .ant-form-item-label label, .change-password-form[data-v-00f47f83] .ant-form-item-label label { font-size: 1.25rem; } .account-information-form[data-v-00f47f83] .ant-input-password, .change-password-form[data-v-00f47f83] .ant-input-password, .account-information-form[data-v-00f47f83] .ant-input, .change-password-form[data-v-00f47f83] .ant-input { min-height: 3.75rem; border-color: rgb(204, 204, 204); max-width: 21.875rem; } .account-information-form[data-v-00f47f83] .ant-picker, .change-password-form[data-v-00f47f83] .ant-picker { min-height: 3.75rem; border-color: rgb(204, 204, 204); } .account-information-form[data-v-00f47f83] .ant-radio-inner, .change-password-form[data-v-00f47f83] .ant-radio-inner { border-color: rgb(204, 204, 204); } .account-information-form .change-password-form .ant-form-item-control-input-content input[data-v-00f47f83], .change-password-form .change-password-form .ant-form-item-control-input-content input[data-v-00f47f83] { width: 40%; } .account-information-form[data-v-00f47f83] .ant-form-item-control-input, .change-password-form[data-v-00f47f83] .ant-form-item-control-input { min-height: 3.75rem; } .account-information-form[data-v-00f47f83] .ant-tabs-tab, .change-password-form[data-v-00f47f83] .ant-tabs-tab { line-height: 1.5rem; font-size: 1.25rem; } .account-information-form[data-v-00f47f83] .ant-radio-group .ant-radio-wrapper, .change-password-form[data-v-00f47f83] .ant-radio-group .ant-radio-wrapper { margin-right: 3.125rem; } .bottom-tips[data-v-00f47f83] { margin-bottom: 3.625rem; line-height: 2rem; font-size: 1.25rem; } .bottom-tips span[data-v-00f47f83] { line-height: 2rem; font-size: 1.375rem; font-weight: 600; } .submit-btn[data-v-00f47f83] { width: 100%; max-width: 21.875rem; height: 3.125rem; border-radius: 1.5625rem; margin-top: 1.25rem; } .address-list[data-v-00f47f83] { margin: 1.25rem 0px; } .address-list[data-v-00f47f83]::after { content: ""; display: block; width: 100%; clear: both; } .address-list .address-item[data-v-00f47f83] { display: block; width: 100%; height: 100%; position: relative; background: rgb(249, 249, 249); border-radius: 0.125rem; padding: 1.8125rem 1.25rem 1.25rem; min-height: 11.25rem; } .address-list address[data-v-00f47f83] { font-size: 0.875rem; } .address-list address label[data-v-00f47f83] { width: 5rem; margin-right: 1.25rem; display: inline-block; text-align: right; color: rgb(170, 170, 170); } .address-list[data-v-00f47f83] { padding-top: 0px; border-bottom: none; padding-bottom: 0px; } .address-list h5[data-v-00f47f83] { position: absolute; right: 0px; bottom: 0px; font-size: 0.75rem; background: rgb(102, 102, 102); color: rgb(255, 255, 255); padding: 0px 0.9375rem; border-radius: 0.125rem 0px; height: 1.875rem; line-height: 1.875rem; } .address-list .addr-edit[data-v-00f47f83] { position: absolute; right: 1.25rem; top: 0.625rem; cursor: pointer; color: rgb(149, 118, 77); } .address-list .add-delete[data-v-00f47f83] { text-decoration: none; position: absolute; right: 5rem; top: 0.625rem; cursor: pointer; } .line[data-v-00f47f83] { border-bottom: 0.0625rem solid rgb(204, 204, 204); width: 100%; margin-top: 3.75rem; margin-bottom: 2.5rem; } .add-new-address[data-v-00f47f83] { margin-top: 3.75rem; } .add-new-address .ant-btn[data-v-00f47f83] { height: 3.125rem; border-radius: 1.5625rem; width: 100%; font-size: 1.25rem; max-width: 22.5rem; } .form-title[data-v-00f47f83] { font-weight: 500; font-size: 1.625rem; line-height: 2.4375rem; color: rgb(51, 51, 51); } @media only screen and (max-width: 1440px) { .form-title[data-v-00f47f83] { font-size: 1rem; line-height: 1; padding-bottom: 0.625rem; margin: 0.625rem 0px 0px; } } .form-title[data-v-00f47f83]::after { content: ""; display: block; width: 100%; margin-top: 0.625rem; height: 0.625rem; font-size: 0px; overflow: hidden; border-bottom: 0.0625rem solid rgb(204, 204, 204); } .account-information-form .email-lable[data-v-00f47f83], .account-information-form .births-lable[data-v-00f47f83] { position: absolute; top: 0.5rem; left: 0.75rem; z-index: 2; font-size: 0.875rem; line-height: 1; display: inline-block; } .account-information-form .email-lable[data-v-00f47f83] { color: rgb(153, 153, 153); } .account-information-form .births-lable[data-v-00f47f83] { color: rgb(51, 51, 51); } .account-information-form .births-box[data-v-00f47f83] .ant-picker-input { margin-top: 1.25rem; } .account-information-form .births-box[data-v-00f47f83] .ant-picker-input input { color: rgb(102, 102, 102); } .account-information-form .births-box[data-v-00f47f83] .ant-picker-suffix { margin-top: -1.25rem; } .account-information-form .births-box[data-v-00f47f83] .ant-picker-suffix svg { width: 1.5625rem; height: 1.5rem; } .account-information-form .births-box[data-v-00f47f83] .ant-picker-disabled { background-color: rgb(245, 245, 245); cursor: not-allowed; } .account-information-form .births-box[data-v-00f47f83] .ant-picker-disabled .ant-picker-input input { background-color: rgb(245, 245, 245); color: rgb(153, 153, 153); cursor: not-allowed; } .account-information-form .births-box[data-v-00f47f83] .ant-picker-disabled .ant-picker-suffix svg { opacity: 0.5; } .account-information-form .email-box .ant-input[data-v-00f47f83] { padding-top: 1.5rem; font-size: 1rem; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .addlistModel .ant-btn { width: 50% !important; } .addlistModel .ant-modal-body { text-align: center; padding-top: 3.125rem; } .addlistModel .ant-modal-footer { padding: 0px; } .addlistModel .ant-modal-footer .ant-btn { border: none; background: rgb(244, 244, 244); padding: 0.625rem 0px; height: auto; border-radius: 0px; margin: 0px !important; } .addlistModel .ant-modal-footer .ant-btn.ant-btn-primary { background: rgb(255, 200, 66); } [data-v-afecb024]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-afecb024] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-afecb024] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-afecb024] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-afecb024] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-afecb024] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-afecb024] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-afecb024] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-afecb024] { padding: 0px 20px; } } .ant-form-item[data-v-afecb024], .ant-radio-wrapper[data-v-afecb024], .ant-radio-group[data-v-afecb024] { font-variant: normal !important; } .ant-message[data-v-afecb024] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-afecb024] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-afecb024] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-afecb024] { display: none; } h1[data-v-afecb024] { font-size: 1.625rem; } .page-title[data-v-afecb024] { margin-bottom: 1.75rem; } .page-title[data-v-afecb024] .ant-input-affix-wrapper { border: 0.0625rem solid rgb(204, 204, 204); height: 3.125rem; line-height: 3.125rem; } .page-title[data-v-afecb024] .ant-btn { width: 3.75rem; height: 3.125rem; line-height: 3.125rem; font-size: 1.75rem; } .page-title .search[data-v-afecb024] .ant-btn { background-color: rgb(0, 0, 0); border: rgb(0, 0, 0); } .page-title .tips[data-v-afecb024] { color: red; margin-top: 0.3125rem; } .page-title .export-btn[data-v-afecb024] { width: 12.5rem; height: 3.125rem; line-height: 3.125rem; font-size: 1.25rem; border-radius: 1.5625rem; padding: 0px; float: right; border: 0.0625rem solid rgb(204, 204, 204); } .orders-list[data-v-afecb024] { float: left; width: 100%; display: block; margin-bottom: 3.125rem; } .modal-export .title[data-v-afecb024] { font-weight: 500; font-size: 1.625rem; } .modal-export .label[data-v-afecb024] { font-size: 1.25rem; margin: 1.25rem 0px; } .modal-export .ant-picker[data-v-afecb024] { margin-left: 0.625rem; } .modal-export .ant-modal-footer { padding: 1.5rem 1.25rem; } .modal-export .ant-modal-footer .ant-btn { height: 3.125rem; border-radius: 1.5625rem; font-size: 1.25rem; min-width: 10rem; border: 0.0625rem solid rgb(204, 204, 204); } .modal-export .ant-modal-footer .ant-btn.ant-btn-primary { border: none; } [data-v-586ae40f]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-586ae40f] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-586ae40f] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-586ae40f] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-586ae40f] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-586ae40f] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-586ae40f] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-586ae40f] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-586ae40f] { padding: 0px 20px; } } .ant-form-item[data-v-586ae40f], .ant-radio-wrapper[data-v-586ae40f], .ant-radio-group[data-v-586ae40f] { font-variant: normal !important; } .ant-message[data-v-586ae40f] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-586ae40f] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-586ae40f] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-586ae40f] { display: none; } .tax-tips-svg[data-v-586ae40f] { cursor: pointer; } .orderView .clear-margin .ant-btn[data-v-586ae40f] { padding: 0px; } .orderView .order-status[data-v-586ae40f] { text-transform: capitalize; } .orderView .row-1[data-v-586ae40f] { margin-top: 1.25rem; } .orderView .row-1 .order-title[data-v-586ae40f] { font-size: 1.75rem; margin-bottom: 0px; } .orderView .row-1 .button-group[data-v-586ae40f] { text-align: right; margin-left: -0.625rem; } .orderView .row-1 .button-group .ant-btn[data-v-586ae40f] { height: 3.125rem; border-radius: 1.5625rem; padding: 0px 1.5rem; border: 0.0625rem solid rgb(204, 204, 204); color: rgb(24, 24, 24); } .orderView .row-1 .button-group .ant-btn.print[data-v-586ae40f] { border: 0.0625rem solid rgb(253, 172, 14); color: rgb(253, 172, 14); } .orderView .row-2[data-v-586ae40f] { margin-top: 1.875rem; } .orderView .row-2 p[data-v-586ae40f] { font-size: 1.125rem; line-height: 1; } .orderView .row-3[data-v-586ae40f] { display: block; width: 100%; margin-top: 2.125rem; } .orderView .row-3[data-v-586ae40f] .ant-tabs-tab { font-size: 1.5rem; } @media only screen and (max-width: 1600px) { .orderView .row-3[data-v-586ae40f] .ant-tabs-tab { font-size: 1rem; } } .orderView .row-3 .tab-pane[data-v-586ae40f] { margin-top: 1.5rem; } .orderView .row-3 .order-information .con[data-v-586ae40f] { background: rgb(249, 249, 249); border-radius: 0.125rem; padding: 1.25rem 1.875rem; height: 100%; } .orderView .row-3 .order-information .con h5[data-v-586ae40f] { font-size: 1.125rem; } @media only screen and (max-width: 1600px) { .orderView .row-3 .order-information .con h5[data-v-586ae40f] { font-size: 0.875rem; } } .orderView .row-3 .order-information .con p[data-v-586ae40f], .orderView .row-3 .order-information .con address[data-v-586ae40f] { font-size: 1rem; line-height: 1.75rem; } @media only screen and (max-width: 1600px) { .orderView .row-3 .order-information .con p[data-v-586ae40f], .orderView .row-3 .order-information .con address[data-v-586ae40f] { font-size: 0.875rem; line-height: 1.6; } } .orderView .row-3 .order-information .con p[data-v-586ae40f] { margin-bottom: 0px; } .orderView .row-3 .order-information .items-ordered-title[data-v-586ae40f] { line-height: 1; font-size: 1.5rem; font-weight: 500; margin: 2.5rem 0px 1.25rem; } @media only screen and (max-width: 1600px) { .orderView .row-3 .order-information .items-ordered-title[data-v-586ae40f] { font-size: 1rem; } } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell { background: transparent; border-bottom: 0.0625rem solid rgb(240, 240, 240); font-size: 1.125rem; } @media only screen and (max-width: 1600px) { .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell { font-size: 0.875rem; } } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell::before { display: none; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell:first-child, .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-tbody .ant-table-cell:first-child { padding-left: 0px; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .underlined-price { text-decoration: line-through; color: rgb(153, 153, 153); } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer { background: transparent; text-align: right; border-bottom: 0.0625rem solid rgb(240, 240, 240); font-size: 1.125rem; padding: 1.25rem 0px; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .extend-Protection { overflow: hidden; background: rgb(246, 246, 246); border-radius: 0.25rem; padding: 0.375rem 3.125rem 0.375rem 0.75rem; margin-bottom: 1.25rem; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .extend-Protection .extend-Protection-l { float: left; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .extend-Protection .extend-Protection-l img { margin-right: 0.5rem; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .extend-Protection .extend-Protection-r { display: inline-block; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .extend-Protection .cancel-btn { float: right; cursor: pointer; text-decoration: underline; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .extend-Protection .cancel-btn:hover { color: rgb(253, 172, 14); } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .row { margin-bottom: 1rem; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .row > span { display: inline-block; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .row > span svg { vertical-align: middle; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .val { min-width: 7.5rem; text-align: left; color: rgb(102, 102, 102); } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .val.discount { color: rgb(230, 77, 67); } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .val.grandtotal { color: rgb(51, 51, 51); } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .label { margin-right: 2.5rem; color: rgb(102, 102, 102); } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .label.no-right { margin-right: 0px; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ant-table-footer .label.grandtotal { color: rgb(51, 51, 51); } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .product-name { display: flex; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .product-name .ant-image { width: 5rem; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .product-name .name { display: inline-block; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .cancel-order, .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .return-information, .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ordered-write-review-detail { display: inline-block; vertical-align: middle; line-height: 1; color: rgb(253, 172, 14); font-size: 1rem; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .ordered-write-review-detail:hover { text-decoration: underline; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .svg { margin-right: 0.3125rem; } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .svg path { fill: rgb(253, 172, 14); } .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .cancel-order, .orderView .row-3 .order-information[data-v-586ae40f] .ant-table .return-information { color: rgb(51, 51, 51); } .orderView .row-3 .proName[data-v-586ae40f] { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden; } .orderView .row-3 .text-label[data-v-586ae40f] { display: inline-block; background: rgb(249, 249, 249); border-radius: 0.125rem; padding: 0.1875rem 0.3125rem; margin: 0.3125rem 0.625rem 0.3125rem 0px; } .orderView .row-3 .text-label .label[data-v-586ae40f] { text-transform: capitalize; } .orderView .row-3 .claim-information .download-return-label > a[data-v-586ae40f] { display: block; margin-bottom: 1rem; } .orderView .row-3 .claim-information .footer[data-v-586ae40f] { clear: both; display: block; margin-top: 1.25rem; } .orderView .support[data-v-586ae40f] { display: inline-table; } .orderView .support[data-v-586ae40f]::before { content: ""; display: table-cell; width: 1.5625rem; height: 1.25rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-warn-71e64fba.png") left 0.1875rem no-repeat; vertical-align: top; } .orderView .support > span[data-v-586ae40f] { display: table-cell; vertical-align: top; } .orderView .shipments-pane > h3[data-v-586ae40f] { margin-top: 1.5rem; margin-bottom: 1.875rem; } .orderView .shipments-pane .shipments[data-v-586ae40f] { display: block; width: 100%; border-radius: 0.5rem; border: 0.0625rem solid rgb(244, 244, 244); overflow: hidden; } .orderView .shipments-pane .shipments .data-header[data-v-586ae40f] { padding: 0.9375rem 0px; font-size: 1.125rem; background: rgb(244, 244, 244); font-weight: 700; } .orderView .shipments-pane .shipments .data-header .name[data-v-586ae40f], .orderView .shipments-pane .shipments .data-header .options[data-v-586ae40f] { text-indent: 1.25rem; } .orderView .shipments-pane .shipments .qty[data-v-586ae40f] { text-align: center; } .orderView .shipments-pane .shipments .data-body .products > .ant-row[data-v-586ae40f] { margin-bottom: 0.625rem; padding-bottom: 0.625rem; } .orderView .shipments-pane .shipments .data-body .products > .ant-row[data-v-586ae40f]:last-child { border-bottom: 0px; } .orderView .shipments-pane .shipments .data-body .shipment[data-v-586ae40f] { padding-left: 0.625rem; } .orderView .shipments-pane .shipments .data-body .shipment .ant-row[data-v-586ae40f] { margin-top: 0.625rem; margin-bottom: 0.625rem; padding-bottom: 0.625rem; } .orderView .shipments-pane .shipments .product-name a[data-v-586ae40f] { overflow-wrap: break-word; word-break: break-all; } .orderView .shipments-pane .shipments .product-name .row[data-v-586ae40f] { padding-left: 0.625rem; } .orderView .claim-information[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell, .orderView .return-information[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell, .orderView .items-ordered-list[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell { background: transparent; border-bottom: 0.0625rem solid rgb(240, 240, 240); font-size: 1.125rem; } @media only screen and (max-width: 1600px) { .orderView .claim-information[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell, .orderView .return-information[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell, .orderView .items-ordered-list[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell { font-size: 0.875rem; } } .orderView .claim-information[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell::before, .orderView .return-information[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell::before, .orderView .items-ordered-list[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell::before { display: none; } .orderView .claim-information[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell:first-child, .orderView .return-information[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell:first-child, .orderView .items-ordered-list[data-v-586ae40f] .ant-table .ant-table-thead .ant-table-cell:first-child, .orderView .claim-information[data-v-586ae40f] .ant-table .ant-table-tbody .ant-table-cell:first-child, .orderView .return-information[data-v-586ae40f] .ant-table .ant-table-tbody .ant-table-cell:first-child, .orderView .items-ordered-list[data-v-586ae40f] .ant-table .ant-table-tbody .ant-table-cell:first-child { padding-left: 0px; } .orderView .return-information[data-v-586ae40f] .ant-table .ant-table-tbody .ant-table-row .ant-table-cell, .orderView .return-information[data-v-586ae40f] .ant-table .ant-table-tbody .ant-table-row .ant-table-row-hover, .orderView .items-table[data-v-586ae40f] .ant-table .ant-table-tbody .ant-table-row .ant-table-cell, .orderView .items-table[data-v-586ae40f] .ant-table .ant-table-tbody .ant-table-row .ant-table-row-hover { background: transparent; transition: none; } .orderView .return-information[data-v-586ae40f] .ant-table .option, .orderView .items-table[data-v-586ae40f] .ant-table .option { margin-bottom: 0.625rem; } .orderView .return-information .table-product-name[data-v-586ae40f], .orderView .items-table .table-product-name[data-v-586ae40f] { min-width: 21.25rem; } .orderView .return-information .table-product-hasExtend[data-v-586ae40f], .orderView .items-table .table-product-hasExtend[data-v-586ae40f] { padding-bottom: 1.875rem; } .orderView .return-information .extend-msg[data-v-586ae40f], .orderView .items-table .extend-msg[data-v-586ae40f] { margin-left: 0px; display: inline-block; background-color: rgb(249, 249, 249); padding: 0.1875rem 0.25rem; border-radius: 0.125rem; position: absolute; min-width: 29.25rem; overflow: hidden; z-index: 999; } .orderView .return-information .extend-msg .extend-msg-l[data-v-586ae40f], .orderView .items-table .extend-msg .extend-msg-l[data-v-586ae40f] { display: inline-block; float: left; } .orderView .return-information .extend-msg .extend-msg-r[data-v-586ae40f], .orderView .items-table .extend-msg .extend-msg-r[data-v-586ae40f] { display: inline-block; float: right; } .orderView .return-information .extend-msg .cancel-btn[data-v-586ae40f], .orderView .items-table .extend-msg .cancel-btn[data-v-586ae40f] { text-decoration: underline; cursor: pointer; } .orderView .return-information .extend-msg .cancel-btn[data-v-586ae40f]:hover, .orderView .items-table .extend-msg .cancel-btn[data-v-586ae40f]:hover { color: rgb(253, 172, 14); } .orderView .tarck-box[data-v-586ae40f] { margin-top: 3.125rem; } .orderView .tarck-box .tarck-details[data-v-586ae40f] { border-radius: 0.3125rem; padding: 1.875rem; background: rgb(244, 244, 244); } .orderView .tarck-box .tarck-details h4[data-v-586ae40f] { font-size: 1rem; } @media only screen and (max-width: 1600px) { .orderView .tarck-box .tarck-details h4[data-v-586ae40f] { font-size: 0.875rem; } } .btnactions[data-v-586ae40f] { margin-bottom: 0.625rem; min-width: 10.625rem; } .btnactions a[data-v-586ae40f] { display: flex; align-items: center; } .nopadding[data-v-586ae40f] { padding: 0px; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .write-revies-tips .ant-tooltip-inner { color: rgb(102, 102, 102); padding: 0.625rem; } .tax-tips .ant-tooltip-inner { font-size: 0.875rem; color: rgb(102, 102, 102); padding: 0.625rem; } .tip-tips { width: 21.875rem; max-width: 21.875rem; cursor: pointer; } .tip-tips .ant-tooltip-inner { font-size: 0.875rem; color: rgb(102, 102, 102); padding: 0.625rem; } .tip-tips .ant-tooltip-inner span { color: rgb(0, 0, 0); } [data-v-21a55d4a]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-21a55d4a] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-21a55d4a] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-21a55d4a] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-21a55d4a] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-21a55d4a] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-21a55d4a] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-21a55d4a] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-21a55d4a] { padding: 0px 20px; } } .ant-form-item[data-v-21a55d4a], .ant-radio-wrapper[data-v-21a55d4a], .ant-radio-group[data-v-21a55d4a] { font-variant: normal !important; } .ant-message[data-v-21a55d4a] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-21a55d4a] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-21a55d4a] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-21a55d4a] { display: none; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-thead .ant-table-cell { background: transparent; border-bottom: 0.0625rem solid rgb(240, 240, 240); font-size: 1.125rem; } @media only screen and (max-width: 1600px) { .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-thead .ant-table-cell { font-size: 0.875rem; } } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-thead .ant-table-cell::before { display: none; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-thead .ant-table-cell:first-child { padding-left: 0px; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-tbody .unavailable { opacity: 1; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-tbody .unavailable .ant-table-cell:not(:last-child) { opacity: 0.5; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-tbody .unavailable .ant-table-cell:not(:last-child) .special_price { color: rgb(153, 153, 153); } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-tbody .unavailable .tips span { opacity: 1; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-tbody .unavailable .ant-btn-link:last-child { opacity: 1; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-tbody .unavailable .ant-btn-link:last-child .svg__remove path { fill: rgb(51, 51, 51); } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-tbody .unavailable .ant-btn-link:last-child .remove-wishlist { color: rgb(51, 51, 51); } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-tbody .unavailable .pro-img { opacity: 0.5; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-tbody:hover .ant-table-cell { background: transparent; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-tbody .ant-table-cell:first-child { padding-left: 0px; } .wishlist-main[data-v-21a55d4a] .ant-table .underlined-price { text-decoration: line-through; color: rgb(153, 153, 153); } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-footer { background: transparent; text-align: right; border-bottom: 0.0625rem solid rgb(240, 240, 240); font-size: 1.125rem; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-footer .row { margin-bottom: 1rem; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-footer .row > span { display: inline-block; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-footer .val { min-width: 7.5rem; text-align: left; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-footer .label { margin-right: 2.5rem; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-table-footer .label.no-right { margin-right: 0px; } .wishlist-main[data-v-21a55d4a] .ant-table .pro-img { width: 9.375rem; height: 9.375rem; } .wishlist-main[data-v-21a55d4a] .ant-table .product-name { display: flex; } .wishlist-main[data-v-21a55d4a] .ant-table .product-name .ant-image { width: 5rem; } .wishlist-main[data-v-21a55d4a] .ant-table .product-name .name { display: inline-block; } .wishlist-main[data-v-21a55d4a] .ant-table .text-label { display: block; width: max-content; background: rgb(249, 249, 249); border-radius: 0.125rem; padding: 0.1875rem 0.3125rem; margin: 0.3125rem 0.625rem 0.3125rem 0px; } .wishlist-main[data-v-21a55d4a] .ant-table .text-label .label { text-transform: capitalize; } .wishlist-main[data-v-21a55d4a] .ant-table .svg .cancel-order, .wishlist-main[data-v-21a55d4a] .ant-table .return-information, .wishlist-main[data-v-21a55d4a] .ant-table .ordered-write-review-detail { display: inline-block; vertical-align: middle; line-height: 1; } .wishlist-main[data-v-21a55d4a] .ant-table .svg { margin-right: 0.5rem; } .wishlist-main[data-v-21a55d4a] .ant-table .svg__to-cart { width: 1.25rem; height: 1.25rem; } .wishlist-main[data-v-21a55d4a] .ant-table .svg__remove { width: 1.5rem; height: 1.5rem; margin-right: 0.25rem; } .wishlist-main[data-v-21a55d4a] .ant-table .svg__disable { width: 1.25rem; height: 1.25rem; } .wishlist-main[data-v-21a55d4a] .ant-table .ant-btn-link:hover .svg path { fill: rgb(253, 172, 14); } .wishlist-main[data-v-21a55d4a] .ant-table .ant-btn-link:hover .svg__disable path { fill: rgb(153, 153, 153); } .wishlist-main[data-v-21a55d4a] .ant-table .remove-wishlist, .wishlist-main[data-v-21a55d4a] .ant-table .add-to-cart { line-height: 1; vertical-align: middle; text-decoration: underline; font-size: 1rem; } .wishlist-main[data-v-21a55d4a] .ant-table .add-to-cart { color: rgb(253, 172, 14); } .wishlist-main[data-v-21a55d4a] .ant-table .cancel-order, .wishlist-main[data-v-21a55d4a] .ant-table .return-information { color: rgb(51, 51, 51); } .wishlist-main[data-v-21a55d4a] .ant-table .old_price { color: rgb(153, 153, 153); text-decoration-line: line-through; } .wishlist-main[data-v-21a55d4a] .ant-table .tips span { display: inline-block; width: auto; height: 1.875rem; line-height: 1.875rem; padding: 0px 0.625rem; background: rgb(254, 246, 245); color: rgb(230, 77, 67); } .wishlist-main[data-v-21a55d4a] .ant-table .tips span.warn { color: rgb(253, 172, 14); } .wishlist-main[data-v-21a55d4a] .ant-table .tips span.pur { background: rgb(254, 246, 245); height: 2.1875rem; line-height: 2.1875rem; padding: 0px 0.625rem; border-radius: 0.25rem; } .wishlist-main[data-v-21a55d4a] .ant-table .tips span img { vertical-align: -0.25rem; margin-right: 0.625rem; } span.oos[data-v-21a55d4a] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 7.625rem; height: 2.1875rem; line-height: 2.1875rem; background: rgba(51, 51, 51, 0.8); border-radius: 0.25rem; color: rgb(255, 255, 255); text-align: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } [data-v-c59e7cfa]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-c59e7cfa] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-c59e7cfa] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-c59e7cfa] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-c59e7cfa] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-c59e7cfa] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-c59e7cfa] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-c59e7cfa] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-c59e7cfa] { padding: 0px 20px; } } .ant-form-item[data-v-c59e7cfa], .ant-radio-wrapper[data-v-c59e7cfa], .ant-radio-group[data-v-c59e7cfa] { font-variant: normal !important; } .ant-message[data-v-c59e7cfa] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-c59e7cfa] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-c59e7cfa] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-c59e7cfa] { display: none; } h1[data-v-c59e7cfa] { font-size: 1.625rem; } .my-wish-list[data-v-c59e7cfa] { float: left; width: 100%; display: block; } [data-v-159a1650]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-159a1650] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-159a1650] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-159a1650] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-159a1650] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-159a1650] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-159a1650] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-159a1650] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-159a1650] { padding: 0px 20px; } } .ant-form-item[data-v-159a1650], .ant-radio-wrapper[data-v-159a1650], .ant-radio-group[data-v-159a1650] { font-variant: normal !important; } .ant-message[data-v-159a1650] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-159a1650] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-159a1650] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-159a1650] { display: none; } [data-v-159a1650] .ant-tabs-tab { font-size: 1.25rem; } @media only screen and (max-width: 1600px) { [data-v-159a1650] .ant-tabs-tab { font-size: 1rem; } } .title[data-v-159a1650] { font-size: 1.625rem; } [data-v-159a1650] .ant-table .ant-table-thead .ant-table-cell { background: transparent; } [data-v-159a1650] .ant-table .ant-table-thead .ant-table-cell::before { display: none; } [data-v-159a1650] .ant-table .coupon_available { background: url("https://ca-static.costway.ca/assets/1760598923/images/coupon_available-5162d609.png") left top no-repeat; height: 3.75rem; position: relative; display: block; overflow: hidden; } [data-v-159a1650] .ant-table .coupon_available .value { position: absolute; top: 0px; bottom: 0px; left: 1.25rem; margin: auto; font-size: 1.5rem; z-index: 1; line-height: 3.75rem; display: inline-block; color: rgb(255, 255, 255); } [data-v-159a1650] .ant-table .coupon_code { margin-top: 0.3125rem; font-size: 1.0625rem; } .invalid[data-v-159a1650] .ant-table-tbody { filter: grayscale(100%); opacity: 0.5; } .available[data-v-159a1650] { position: relative; margin-top: 1.875rem; } .available .couponItem[data-v-159a1650] { position: relative; background: url("https://ca-static.costway.ca/assets/1760598923/images/coupon-min-bg1-fef1ba7d.png") 0px 0px / 100% no-repeat; margin-bottom: 1.625rem; filter: drop-shadow(rgba(0, 0, 0, 0.1) 0.125rem 0.125rem 0.5rem); margin-right: 1.5rem; } .available .couponItem .contents[data-v-159a1650] { overflow: hidden; min-height: 7.25rem; } .available .couponItem .contents .fl[data-v-159a1650] { float: left; width: 28%; text-align: center; color: rgb(255, 255, 255); line-height: 7.25rem; padding-left: 0.3125rem; } .available .couponItem .contents .fl span[data-v-159a1650] { font-size: 1.375rem; } .available .couponItem .contents .fl b[data-v-159a1650] { font-size: 2.25rem; padding: 0px 0.3125rem; } .available .couponItem .contents .fr[data-v-159a1650] { float: left; padding-top: 0.9375rem; padding-left: 1.25rem; width: 70%; height: 7.25rem; position: relative; } .available .couponItem .contents .fr .codename[data-v-159a1650] { color: rgb(0, 0, 0); font-size: 1rem; margin-bottom: 0.3125rem; } .available .couponItem .contents .fr .codename + p[data-v-159a1650] { width: 61%; line-height: 1.125rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow-wrap: break-word; white-space: normal; overflow: hidden; } .available .couponItem .contents .fr p[data-v-159a1650] { color: rgb(102, 102, 102); font-size: 0.75rem; margin-bottom: 0.3125rem; } .available .couponItem .contents .fr p[data-v-159a1650]:last-child { line-height: 0.875rem; margin-bottom: 0px; position: absolute; bottom: 0.3125rem; left: 0.9375rem; } .available .couponItem .desc[data-v-159a1650] { padding-top: 0.3125rem; padding-bottom: 0.3125rem; border-radius: 0px 0px 0.5rem 0.5rem; background: rgb(255, 255, 255); margin-top: 0.25rem; overflow: hidden; position: relative; } .available .couponItem .desc .con[data-v-159a1650] { width: 25.625rem; height: 1.5rem; line-height: 1.5rem; margin: 0px auto; font-size: 0.75rem; } .available .couponItem .desc .con.open[data-v-159a1650] { height: auto; } .available .couponItem .desc i[data-v-159a1650] { position: absolute; top: 0.125rem; right: 0.9375rem; width: 1.875rem; height: 1.875rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/arrb-cbeb0a29.png") center center / 0.375rem 0.25rem no-repeat; cursor: pointer; transition: 0.3s; } .available .couponItem .desc i.open[data-v-159a1650] { transform: rotate(180deg); } .available .couponItem .usenow[data-v-159a1650] { position: absolute; min-width: 6.5625rem; padding: 0px 0.3125rem; height: 2.5rem; line-height: 2.5rem; right: 1.625rem; top: 2.5rem; background: rgb(232, 85, 79); border-radius: 1.25rem; text-align: center; color: rgb(255, 255, 255); font-size: 0.9375rem; cursor: pointer; } .available .couponItem.dis[data-v-159a1650] { background: url("https://ca-static.costway.ca/assets/1760598923/images/coupon-unavailable-721b1e8e.png") 0px 0px / 100% no-repeat; margin-right: 1rem; } .available .couponItem.dis .usenow[data-v-159a1650] { border: 0.0625rem solid rgb(204, 204, 204); background: rgb(255, 255, 255); color: rgb(204, 204, 204); cursor: auto; } .empty[data-v-159a1650] { text-align: center; margin-top: 7rem; } .empty .svg-empty[data-v-159a1650] { width: 9rem; height: 7.25rem; } .empty p[data-v-159a1650] { margin-top: 1.25rem; font-size: 1.25rem; line-height: 1.875rem; color: rgb(102, 102, 102); } .loading-box[data-v-159a1650] { position: absolute; top: 0px; left: 50%; transform: translate(-50%); z-index: 9; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); padding-top: 20%; } .ant-pagination[data-v-159a1650] { text-align: right; padding-right: 4.0625rem; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } [data-v-4e2ba111]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-4e2ba111] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-4e2ba111] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-4e2ba111] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-4e2ba111] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-4e2ba111] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-4e2ba111] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-4e2ba111] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-4e2ba111] { padding: 0px 20px; } } .ant-form-item[data-v-4e2ba111], .ant-radio-wrapper[data-v-4e2ba111], .ant-radio-group[data-v-4e2ba111] { font-variant: normal !important; } .ant-message[data-v-4e2ba111] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-4e2ba111] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-4e2ba111] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-4e2ba111] { display: none; } .my-aq-main p[data-v-4e2ba111] { margin-bottom: 0px; } .my-aq-main .title[data-v-4e2ba111] { font-weight: 500; font-size: 1.75rem; line-height: 2.625rem; margin-bottom: 3.4375rem; } .my-aq-main .form-title[data-v-4e2ba111] { font-weight: 500; font-size: 1.25rem; line-height: 1.75rem; } .my-aq-main .product-box[data-v-4e2ba111] { border: 0.0625rem solid rgb(244, 244, 244); overflow: hidden; border-radius: 0.5rem; } .my-aq-main .product-box .product[data-v-4e2ba111] { background-color: rgb(249, 249, 249); padding: 1.25rem; } .my-aq-main .product-box .product .product-img[data-v-4e2ba111] { border-radius: 0.25rem; overflow: hidden; } .my-aq-main .product-box .product .price[data-v-4e2ba111] { text-decoration-line: line-through; color: rgb(153, 153, 153); } .my-aq-main .product-box .qa[data-v-4e2ba111] { padding: 1.25rem; } .my-aq-main .product-box .qa .q[data-v-4e2ba111], .my-aq-main .product-box .qa .a[data-v-4e2ba111] { margin-bottom: 0px; font-size: 1.125rem; } .my-aq-main .product-box .qa .q[data-v-4e2ba111] { font-weight: 700; } .my-aq-main .product-box .qa .q span[data-v-4e2ba111] { display: inline-block; padding: 0px 0.625rem; height: 2.1875rem; line-height: 2.1875rem; background: rgb(255, 248, 231); border-radius: 0.25rem; color: rgb(255, 200, 66); font-size: 0.875rem; font-weight: 400; margin-left: 0.625rem; } .my-aq-main .my-faq-from[data-v-4e2ba111] { margin-top: 1.875rem; } .my-aq-main .helpful[data-v-4e2ba111], .my-aq-main .still[data-v-4e2ba111] { width: 10.625rem; height: 2.5rem; border-radius: 1.25rem; } .my-aq-main .helpful[data-v-4e2ba111], .my-aq-main .my-faq-cancel[data-v-4e2ba111], .my-aq-main .see-all-btn[data-v-4e2ba111] { border-color: rgb(204, 204, 204); } .my-aq-main .helpful[data-v-4e2ba111] { padding-top: 0px; padding-bottom: 0px; } .my-aq-main .helpful > span[data-v-4e2ba111] { display: inline-block; vertical-align: middle; } .my-aq-main .helpful svg[data-v-4e2ba111] { display: inline-block; vertical-align: middle; margin-right: 0.625rem; } .my-aq-main .helpful svg path[data-v-4e2ba111] { transition: 0.3s; } .my-aq-main .helpful[data-v-4e2ba111]:hover { color: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .my-aq-main .helpful:hover svg path[data-v-4e2ba111] { fill: rgb(253, 172, 14); } .my-aq-main .helpful.helpfuled[data-v-4e2ba111] { background-color: rgb(253, 172, 14); border-color: rgb(253, 172, 14); color: rgb(255, 255, 255); } .my-aq-main .helpful.helpfuled svg path[data-v-4e2ba111] { fill: rgb(255, 255, 255); } .my-aq-main .still[data-v-4e2ba111] { color: rgb(255, 200, 66); border-color: rgb(255, 200, 66); } .my-aq-main .my-faq-submit[data-v-4e2ba111], .my-aq-main .my-faq-cancel[data-v-4e2ba111], .my-aq-main .see-all-btn[data-v-4e2ba111] { width: 11.25rem; height: 3.125rem; border-radius: 1.5625rem; } .my-aq-main .see-all-btn[data-v-4e2ba111]:hover { border-color: rgb(253, 172, 14); color: rgb(253, 172, 14); } .my-aq-main .my-faq-submit[data-v-4e2ba111] { background-color: rgb(34, 34, 34); } .my-aq-main .myfaq-con-textarea[data-v-4e2ba111] { border-color: rgb(204, 204, 204); } .my-aq-main .see-all-box[data-v-4e2ba111] { text-align: center; } .related-main[data-v-4e2ba111] { padding: 0px 3.125rem; overflow: hidden; margin-top: 3.125rem; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .my-reviews-main .ant-tabs-nav::before { display: none !important; } .my-reviews-main .say-banner { width: 100%; height: 11.25rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/say-banner1-8ab3a0f7.jpg") 0% 0% / 100% no-repeat; padding-top: 1.875rem; } .my-reviews-main .say-banner p:nth-of-type(1) { font-size: 1.875rem; color: rgb(248, 212, 87); margin: 0px 0px 0.3125rem 21.875rem; font-weight: 700; } .my-reviews-main .say-banner p:nth-of-type(2) { font-size: 1.25rem; color: rgb(255, 255, 255); margin: 0px 0px 0.3125rem 21.875rem; } .my-reviews-main .say-banner p:nth-of-type(2) span { color: rgb(248, 212, 87); } .my-reviews-main .no-reviews { text-align: center; margin: 2.5rem 0px 1.875rem; } .my-reviews-main .no-reviews p { vertical-align: super; font-size: 1.125rem; margin-top: 1.25rem; } .my-reviews-main .no-reviews p a { text-decoration: underline; color: rgb(253, 172, 14); } .my-reviews-main .no-reviews a { background: rgb(34, 34, 34); display: inline-block; width: 12.25rem; height: 2.8125rem; line-height: 2.8125rem; border-radius: 1.875rem; color: rgb(255, 255, 255); text-align: center; } .review-img-box { margin-top: 1.25rem; } .review-img-box .ant-image { width: 2.875rem; margin: 0px 0.3125rem; } .review-img-box video { display: inline-block; vertical-align: middle; width: 2.875rem; height: 2.875rem; } .ant-tabs-tab { font-size: 1.25rem; } @media only screen and (max-width: 1600px) { .ant-tabs-tab { font-size: 1rem; } } .text-label { display: inline-block; background: rgb(249, 249, 249); border-radius: 0.125rem; padding: 0.1875rem 0.3125rem; margin: 0.3125rem 0.625rem 0.3125rem 0px; } .text-label .label { text-transform: capitalize; } .write-review-btn { display: block; background: rgb(255, 200, 66); width: 8.75rem; height: 2.5rem; margin: 0px auto; color: rgb(255, 255, 255); text-align: center; line-height: 2.5rem; border-radius: 1.25rem; } .write-review-btn:hover { color: rgb(255, 255, 255); } .view-order-btn, .see-more { display: block; width: 8.75rem; height: 2.5rem; margin: 0px auto; color: rgb(51, 51, 51); text-align: center; line-height: 2.5rem; border-radius: 1.25rem; border: 0.0625rem solid rgb(204, 204, 204); } .view-order-btn:hover, .see-more:hover { color: rgb(255, 95, 68); } .see-more-btn { display: block; margin: 0px auto; width: 11.25rem; height: 3.125rem; line-height: 3.125rem; border-radius: 1.5625rem; border: 0.0625rem solid rgb(204, 204, 204); padding: 0px; color: rgb(51, 51, 51); } .see-more-btn:hover { border: 0.0625rem solid rgb(255, 200, 66); color: rgb(255, 200, 66); } .check-details-btn { width: 10rem; height: 3.125rem; color: rgb(255, 95, 68); border: 0.0625rem solid rgb(255, 95, 68); border-radius: 1.5625rem; } .teviewed-tab .item { position: relative; border: 0.0625rem solid rgb(244, 244, 244); border-radius: 0.5rem; overflow: hidden; } .teviewed-tab .item .product { padding: 1.875rem 1.5625rem; background-color: rgb(249, 249, 249); } .teviewed-tab .item .review-detail, .teviewed-tab .item .review-media { padding: 1.875rem 1.5625rem; } .teviewed-tab .item .review-detail .ant-image-img, .teviewed-tab .item .review-media .ant-image-img { width: 5.625rem; height: 5.625rem; vertical-align: middle; object-fit: cover; } .teviewed-tab .approved, .teviewed-tab .being-submitted { position: absolute; top: 0px; right: 0px; z-index: 1; } .teviewed-tab .approved { padding: 0.5rem 1.25rem; text-align: center; font-size: 0.875rem; line-height: 1; color: rgb(11, 192, 99); background: rgba(197, 242, 199, 0.5); } .teviewed-tab .being-submitted { padding: 0.5rem 1.25rem; text-align: center; font-size: 0.875rem; line-height: 1; color: rgb(255, 200, 66); background: rgb(255, 248, 231); } .teviewed-tab .data { margin-right: 0.625rem; } .order-item { border: 0.0625rem solid rgb(244, 244, 244); margin-bottom: 1.875rem; border-radius: 0.5rem; overflow: hidden; } .order-item .hide { display: none; } .order-item > .ant-row:first-child { background: rgb(244, 244, 244); padding: 1rem; line-height: 1; } .order-item > .ant-row:first-child .ant-col div:first-child { font-weight: 600; } .order-item > .ant-row:first-child .ant-col:last-child > div { width: 10rem; text-align: center; } .order-item > .ant-row:last-child { padding: 1.25rem; } .modal-reviews-main .swiper-main { margin-left: auto; margin-right: auto; position: relative; padding: 0px; z-index: 1; } .modal-reviews-main .swiper-main .swiper-button-prev, .modal-reviews-main .swiper-main .swiper-button-next { width: 4.375rem; height: 4.375rem; border-radius: 2.1875rem; background: rgba(255, 255, 255, 0.8); color: rgb(102, 102, 102) !important; top: 38% !important; } @media only screen and (max-width: 1600px) { .modal-reviews-main .swiper-main .swiper-button-prev, .modal-reviews-main .swiper-main .swiper-button-next { width: 3rem; height: 3rem; border-radius: 1.5rem; } } .modal-reviews-main .swiper-main .swiper-button-prev::after, .modal-reviews-main .swiper-main .swiper-button-next::after { font-size: 1.75rem; } @media only screen and (max-width: 1600px) { .modal-reviews-main .swiper-main .swiper-button-prev::after, .modal-reviews-main .swiper-main .swiper-button-next::after { font-size: 1.5rem; } } .modal-reviews-main .swiper-main .swiper-button-prev { left: -2.1875rem; } @media only screen and (max-width: 1600px) { .modal-reviews-main .swiper-main .swiper-button-prev { left: 0.625rem; } } .modal-reviews-main .swiper-main .swiper-button-next { right: -2.1875rem; } @media only screen and (max-width: 1600px) { .modal-reviews-main .swiper-main .swiper-button-next { right: 0.625rem; } } .modal-reviews-main .swiper img { max-height: 21.75rem; } .modal-reviews-main .swiper video { min-height: 21.75rem; max-height: 21.75rem; max-width: 100%; min-width: 100%; } .modal-reviews-main .ant-modal-body { padding: 2.75rem 3.125rem; } .modal-reviews-main .ant-modal-close-x { width: 2.625rem !important; height: 2.625rem !important; line-height: 2.625rem !important; } .modal-reviews-main .detail { display: block; width: 100%; border: 0.0625rem solid rgb(204, 204, 204); padding: 0.9375rem; max-height: 12.5rem; overflow-y: auto; } .related-main { padding: 0px 3.125rem; overflow: hidden; margin-top: 3.125rem; } .ant-typography-expand { color: rgb(255, 200, 66) !important; text-decoration: underline !important; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: rgb(0, 0, 0) !important; } .ant-tabs-ink-bar { background: rgb(0, 0, 0) !important; height: 0.25rem !important; } .options > .ant-btn { color: rgb(255, 200, 66); } .options > .ant-btn span { border-bottom: 0.0625rem solid rgb(255, 200, 66) !important; } [data-v-d1519358]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-d1519358] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-d1519358] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-d1519358] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-d1519358] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-d1519358] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-d1519358] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-d1519358] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-d1519358] { padding: 0px 20px; } } .ant-form-item[data-v-d1519358], .ant-radio-wrapper[data-v-d1519358], .ant-radio-group[data-v-d1519358] { font-variant: normal !important; } .ant-message[data-v-d1519358] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-d1519358] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-d1519358] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-d1519358] { display: none; } .subscribe-newsletter-main .contents[data-v-d1519358] { margin: 0px auto; width: 100%; max-width: 1440px; } .subscribe-newsletter-main .title[data-v-d1519358] { font-weight: 500; font-size: 1.75rem; line-height: 2.625rem; margin-bottom: 0px; } .subscribe-newsletter-main .form-title[data-v-d1519358] { font-weight: 500; font-size: 1.25rem; line-height: 1.75rem; } .subscribe-newsletter-main .ant-btn[data-v-d1519358] { width: 18.625rem; height: 3.75rem; font-size: 1.25rem; border-radius: 1.875rem; } [data-v-34b34b92]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-34b34b92] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-34b34b92] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-34b34b92] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-34b34b92] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-34b34b92] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-34b34b92] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-34b34b92] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-34b34b92] { padding: 0px 20px; } } .ant-form-item[data-v-34b34b92], .ant-radio-wrapper[data-v-34b34b92], .ant-radio-group[data-v-34b34b92] { font-variant: normal !important; } .ant-message[data-v-34b34b92] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-34b34b92] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-34b34b92] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-34b34b92] { display: none; } .exclusive[data-v-34b34b92] { line-height: 1.125rem; overflow-wrap: break-word; word-break: break-all; } .exclusive h2[data-v-34b34b92] { margin-bottom: 2.5rem; } .exclusive b[data-v-34b34b92] { font-size: 0.875rem; font-weight: 700; } .exclusive .workingday[data-v-34b34b92] { margin-top: 1.875rem; } [data-v-07b9bfdb]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-07b9bfdb] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-07b9bfdb] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-07b9bfdb] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-07b9bfdb] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-07b9bfdb] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-07b9bfdb] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-07b9bfdb] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-07b9bfdb] { padding: 0px 20px; } } .ant-form-item[data-v-07b9bfdb], .ant-radio-wrapper[data-v-07b9bfdb], .ant-radio-group[data-v-07b9bfdb] { font-variant: normal !important; } .ant-message[data-v-07b9bfdb] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-07b9bfdb] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-07b9bfdb] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-07b9bfdb] { display: none; } .play-to-win[data-v-07b9bfdb] { position: relative; max-width: 63.125rem; } .play-to-win img[data-v-07b9bfdb] { width: 100%; max-width: 63.125rem; } .play-to-win canvas[data-v-07b9bfdb] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 4.375rem; margin-left: 15.1875rem; width: 7.25rem !important; height: 7.25rem !important; } [data-v-74044220]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-74044220] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-74044220] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-74044220] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-74044220] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-74044220] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-74044220] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-74044220] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-74044220] { padding: 0px 20px; } } .ant-form-item[data-v-74044220], .ant-radio-wrapper[data-v-74044220], .ant-radio-group[data-v-74044220] { font-variant: normal !important; } .ant-message[data-v-74044220] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-74044220] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-74044220] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-74044220] { display: none; } .cancel-order[data-v-74044220] { display: block; } .cancel-order h4[data-v-74044220] { font-size: 1.75rem; margin-top: 1.875rem; } .cancel-order[data-v-74044220] .ant-table .ant-table-thead .ant-table-cell { background: transparent; border-bottom: 0px; font-size: 1.125rem; } @media only screen and (max-width: 1600px) { .cancel-order[data-v-74044220] .ant-table .ant-table-thead .ant-table-cell { font-size: 0.875rem; } } .cancel-order[data-v-74044220] .ant-table .ant-table-thead .ant-table-cell::before { display: none; } .cancel-order[data-v-74044220] .ant-table .ant-table-thead .ant-table-cell:first-child { padding-left: 0px; } .cancel-order[data-v-74044220] .ant-table .ant-table-tbody .ant-table-cell { border-bottom: 0px; } .cancel-order[data-v-74044220] .ant-table .ant-table-tbody .ant-table-cell:first-child { padding-left: 0px; } .cancel-order[data-v-74044220] .ant-table .ant-table-tbody .ant-table-row .ant-table-cell, .cancel-order[data-v-74044220] .ant-table .ant-table-tbody .ant-table-row .ant-table-row-hover { background: transparent; transition: none; } .cancel-order .support[data-v-74044220] { display: inline-table; } .cancel-order .support[data-v-74044220]::before { content: ""; display: table-cell; width: 1.5625rem; height: 1.25rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-warn-71e64fba.png") left 0.1875rem no-repeat; vertical-align: top; } .cancel-order .support > span[data-v-74044220] { display: table-cell; vertical-align: top; } .cancel-order .upfile-tips[data-v-74044220] { color: red; } .cancel-order .refund-from[data-v-74044220] .ant-form .ant-row { margin-bottom: 1rem; } .cancel-order .refund-from[data-v-74044220] .ant-form .border { border: 0.0625rem solid rgb(204, 204, 204); border-radius: 0.25rem; } .cancel-order .refund-from[data-v-74044220] .ant-form .border.ant-form-item-has-error { border: 0.0625rem solid rgb(230, 77, 67) !important; } .cancel-order .refund-from[data-v-74044220] .ant-form .border .ant-form-item-label { padding: 0px 0px 0px 0.6875rem !important; } .cancel-order .refund-from[data-v-74044220] .ant-form .border .ant-form-item-label > label { font-size: 0.875rem; color: rgb(153, 153, 153) !important; } .cancel-order .refund-from[data-v-74044220] .ant-form .border .ant-select.ant-select-focused .ant-select-selector { box-shadow: none; border: 0px !important; } .cancel-order .refund-from[data-v-74044220] .ant-form .border .ant-form-item-control { position: relative; } .cancel-order .refund-from[data-v-74044220] .ant-form .border .ant-form-item-control .ant-form-item-explain { position: absolute; bottom: -1.625rem; } .cancel-order .refund-from[data-v-74044220] .ant-form .refund-upload .ant-upload.ant-upload-select-picture-card { border: 0px; background: rgb(249, 249, 249); width: 7.5rem; height: 7.5rem; } .cancel-order .refund-from[data-v-74044220] .ant-form .refund-upload .ant-upload-list-picture-card-container { width: 7.5rem; height: 7.5rem; } .cancel-order .refund-from[data-v-74044220] .ant-form .refund-upload .ant-upload-list-picture .ant-upload-list-item, .cancel-order .refund-from[data-v-74044220] .ant-form .refund-upload .ant-upload-list-picture-card .ant-upload-list-item { border-color: rgb(204, 204, 204); } .cancel-order .refund-from[data-v-74044220] .ant-form .amount { background: rgb(249, 249, 249); height: 3.125rem; line-height: 3.125rem; padding-left: 1.5625rem; } .cancel-order .refund-from[data-v-74044220] .ant-form .amount .amount-value { font-size: 1.125rem; font-weight: 500; } .cancel-order .refund-from[data-v-74044220] .ant-form .ant-select-selector, .cancel-order .refund-from[data-v-74044220] .ant-form .ant-input-number { border: 0px; } .cancel-order .refund-from[data-v-74044220] .ant-form .remarks textarea { border-color: rgb(204, 204, 204); padding: 0.9375rem; } .cancel-order .refund-from[data-v-74044220] .ant-form .qty .border { position: relative; } .cancel-order .refund-from[data-v-74044220] .ant-form .qty .ant-form-item-control, .cancel-order .refund-from[data-v-74044220] .ant-form .qty .ant-form-item-control-input { position: static !important; } .cancel-order .refund-from[data-v-74044220] .ant-form .qty .ant-input-number-handler { border-left-color: rgb(153, 153, 153); } .cancel-order .refund-from[data-v-74044220] .ant-form .qty .ant-input-number-handler-down { border-top-color: rgb(153, 153, 153); } .cancel-order .refund-from[data-v-74044220] .ant-form .ant-input-number { width: 100%; position: static; } .cancel-order .refund-from[data-v-74044220] .ant-form .ant-input-number .ant-input-number-handler-wrap { height: 3.625rem; } .cancel-order .refund-from[data-v-74044220] .ant-form .ant-input-number.ant-input-number-focused { box-shadow: none; border: 0px !important; } .cancel-order .refund-from[data-v-74044220] .ant-form .submit { display: block; font-size: 1.25rem; width: 22.3125rem; height: 3.75rem; background: rgb(255, 200, 66); border-radius: 1.875rem; border-color: rgb(255, 200, 66); } .cancel-order .refund-from[data-v-74044220] .ant-form .ant-input-number-handler-wrap { display: none; } .cancel-order .tips[data-v-74044220] { margin-top: 2.5rem; } [data-v-f8cd1c40]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-f8cd1c40] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-f8cd1c40] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-f8cd1c40] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-f8cd1c40] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-f8cd1c40] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-f8cd1c40] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-f8cd1c40] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-f8cd1c40] { padding: 0px 20px; } } .ant-form-item[data-v-f8cd1c40], .ant-radio-wrapper[data-v-f8cd1c40], .ant-radio-group[data-v-f8cd1c40] { font-variant: normal !important; } .ant-message[data-v-f8cd1c40] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-f8cd1c40] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-f8cd1c40] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-f8cd1c40] { display: none; } .page-print[data-v-f8cd1c40] { background: rgb(255, 255, 255); padding: 1.5625rem 1.875rem; text-align: left; position: relative; z-index: 10000000; } .page-print .head[data-v-f8cd1c40] { margin-bottom: 1.25rem; } .page-print .back[data-v-f8cd1c40] { text-align: right; } .page-print .ordered-write-review-detail[data-v-f8cd1c40] { vertical-align: middle; } .page-print[data-v-f8cd1c40] .ant-table-footer { background-color: rgb(255, 255, 255); text-align: right; } .page-print[data-v-f8cd1c40] .ant-table-footer .row > span { display: inline-block; } .page-print[data-v-f8cd1c40] .ant-table-footer .row .val { min-width: 8.125rem; } .page-print h1[data-v-f8cd1c40] { font-size: 1.125rem; font-weight: 700; } .page-print h2[data-v-f8cd1c40] { font-size: 1rem; font-weight: 700; } .page-print h3[data-v-f8cd1c40] { font-size: 0.875rem; font-weight: 700; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-table-thead > tr > th { background: none !important; } .ant-table-thead > tr > th::before { height: 0px !important; } .return-lable[data-v-5189323c] { margin: 0px auto; max-width: 50rem; } [data-v-136878e3]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-136878e3] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-136878e3] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-136878e3] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-136878e3] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-136878e3] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-136878e3] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-136878e3] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-136878e3] { padding: 0px 20px; } } .ant-form-item[data-v-136878e3], .ant-radio-wrapper[data-v-136878e3], .ant-radio-group[data-v-136878e3] { font-variant: normal !important; } .ant-message[data-v-136878e3] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-136878e3] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-136878e3] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-136878e3] { display: none; } .title[data-v-136878e3] { font-size: 1.25rem; color: rgb(0, 0, 0); font-weight: 700; margin: 0px 0px 1.25rem; } .swiper[data-v-136878e3] { position: relative; } .swiper .swiper-slide[data-v-136878e3] { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 27.5rem; margin-right: 1.25rem; border-radius: 0.625rem; } .swiper .swiper-slide[data-v-136878e3]:nth-child(1) { background: rgb(255, 200, 66); } .swiper .swiper-slide:nth-child(1) > a[data-v-136878e3] { color: rgb(0, 0, 0); } .swiper .swiper-slide[data-v-136878e3]:nth-child(2) { background: rgb(100, 129, 199); } .swiper .swiper-slide[data-v-136878e3]:nth-child(3) { background: rgb(132, 150, 77); } .swiper .swiper-slide[data-v-136878e3]:nth-child(4) { background: rgb(255, 95, 68); } .swiper .swiper-slide[data-v-136878e3]:last-child { margin-right: 0px; } .swiper .swiper-slide > a[data-v-136878e3] { display: block; width: 100%; color: rgb(255, 255, 255); } .swiper .swiper-slide > a > img[data-v-136878e3] { width: 100%; aspect-ratio: 2.56 / 1; border-radius: 0.625rem 0.625rem 0px 0px; } .swiper .swiper-slide > a > div[data-v-136878e3] { padding: 1rem 1.25rem; } .swiper .swiper-slide > a > div > b[data-v-136878e3] { font-size: 1rem; line-height: 1.5rem; height: 3rem; display: block; overflow: hidden; text-overflow: ellipsis; font-weight: 400; } .swiper .swiper-slide > a > div > p[data-v-136878e3] { font-size: 1rem; line-height: 1.5rem; text-decoration: underline; margin: 0.375rem 0px 0px; } .swiper .swiper-slide > a > div > p > svg[data-v-136878e3] { width: 1.125rem; height: 1.125rem; display: inline-block; vertical-align: middle; } .swiper .swiper-button-prev[data-v-136878e3], .swiper .swiper-button-next[data-v-136878e3] { position: absolute; width: 3.125rem; height: 3.125rem; border-radius: 1.5625rem; background: rgba(255, 255, 255, 0.8); transform: translateY(-50%); display: flex; z-index: 10; cursor: pointer; align-items: center; justify-content: center; opacity: 1; transition: 0.5s; color: rgb(102, 102, 102) !important; top: 50% !important; } @media only screen and (max-width: 1600px) { .swiper .swiper-button-prev[data-v-136878e3], .swiper .swiper-button-next[data-v-136878e3] { width: 3rem; height: 3rem; border-radius: 1.5rem; } } .swiper .swiper-button-prev[data-v-136878e3]::after, .swiper .swiper-button-next[data-v-136878e3]::after { font-size: 1.25rem; transition: 0.5s; font-family: swiper-icons; letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } @media only screen and (max-width: 1600px) { .swiper .swiper-button-prev[data-v-136878e3]::after, .swiper .swiper-button-next[data-v-136878e3]::after { font-size: 1.125rem; } } .swiper .swiper-button-prev.swiper-button-disabled[data-v-136878e3], .swiper .swiper-button-next.swiper-button-disabled[data-v-136878e3] { filter: grayscale(100%); cursor: auto; opacity: 0 !important; } .swiper .swiper-button-prev.swiper-button-disabled[data-v-136878e3]:hover, .swiper .swiper-button-next.swiper-button-disabled[data-v-136878e3]:hover { border: 0.0625rem solid rgb(244, 244, 244); } .swiper .swiper-button-prev.swiper-button-disabled[data-v-136878e3]:hover::after, .swiper .swiper-button-next.swiper-button-disabled[data-v-136878e3]:hover::after { color: rgb(253, 172, 14); } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .my-products-main .contents { margin: 0px auto; width: 100%; max-width: 1440px; } .my-products-main .text-label { display: inline-block; background: rgb(249, 249, 249); border-radius: 0.125rem; padding: 0.1875rem 0.3125rem; margin: 0.3125rem 0.625rem 0.3125rem 0px; } .my-products-main .text-label .label { text-transform: capitalize; } .my-products-main .other-btn { display: block; margin: 0px auto; width: 10rem; line-height: 1; height: auto; max-height: 3.125rem; padding: 0.89063rem 0.625rem; text-align: center; border-radius: 1.5625rem; border: 0.0625rem solid rgb(204, 204, 204); color: rgb(51, 51, 51); } .my-products-main .other-btn .svg { margin-right: 0.625rem; font-size: 0px; line-height: 1; } .my-products-main .other-btn .svg svg path { fill: rgb(51, 51, 51); } .my-products-main .other-btn .svg, .my-products-main .other-btn .label { display: inline-block; vertical-align: middle; } .my-products-main .other-btn .label { line-height: 1; } .my-products-main .other-btn:hover { border: 0.0625rem solid rgb(204, 204, 204); color: rgb(51, 51, 51); } .my-products-main .other-btn.claim { border-color: rgb(255, 200, 66); color: rgb(255, 200, 66); } .my-products-main .other-btn.claim svg path { fill: rgb(255, 200, 66); } .my-products-main .other-btn.active { display: block; margin: 0px auto; width: 10rem; line-height: 1; height: auto; max-height: 3.125rem; padding: 0.89063rem 0.625rem; text-align: center; border-radius: 1.5625rem; border: 0.0625rem solid rgb(255, 95, 68); color: rgb(255, 95, 68); } .my-products-main .other-btn.active .svg { margin-right: 0.625rem; font-size: 0px; line-height: 1; } .my-products-main .other-btn.active .svg svg path { fill: rgb(255, 95, 68); } .my-products-main .other-btn.active .svg, .my-products-main .other-btn.active .label { display: inline-block; vertical-align: middle; } .my-products-main .other-btn.active .label { line-height: 1; } .my-products-main .other-btn.active:hover { border: 0.0625rem solid rgb(255, 95, 68); color: rgb(255, 95, 68); } .my-products-main .other-btn.active:hover .svg svg path { fill: rgb(255, 95, 68); } .my-products-main .faq-btn, .my-products-main .user-manual-btn { display: block; margin: 0px auto; min-width: 10rem; line-height: 3.125rem; height: auto; max-height: 3.125rem; padding: 0px 0.625rem; text-align: center; border-radius: 1.5625rem; border: 0.0625rem solid rgb(204, 204, 204); color: rgb(51, 51, 51); } .my-products-main .faq-btn .svg, .my-products-main .user-manual-btn .svg { margin-right: 0.625rem; font-size: 0px; line-height: 1; } .my-products-main .faq-btn .svg, .my-products-main .faq-btn .label, .my-products-main .user-manual-btn .svg, .my-products-main .user-manual-btn .label { display: inline-block; vertical-align: middle; } .my-products-main .faq-btn .label, .my-products-main .user-manual-btn .label { line-height: 1; } .my-products-main .faq-btn:hover, .my-products-main .user-manual-btn:hover { border: 0.0625rem solid rgb(255, 95, 68); color: rgb(255, 95, 68); } .my-products-main .faq-btn:hover .svg svg path, .my-products-main .user-manual-btn:hover .svg svg path { fill: rgb(255, 95, 68); } .my-products-main .products-item { border: 0.0625rem solid rgb(244, 244, 244); margin-bottom: 1.875rem; border-radius: 0.5rem; overflow: hidden; } .my-products-main .products-item > .ant-row:first-child { background: rgb(244, 244, 244); padding: 1rem; line-height: 1; } .my-products-main .products-item > .ant-row:first-child .ant-col div:first-child { font-weight: 600; } .my-products-main .products-item > .ant-row:first-child .ant-col:last-child { text-align: center; } .my-products-main .products-item > .ant-row:last-child { padding: 1.25rem; } [data-v-12ab9c8b]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-12ab9c8b] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-12ab9c8b] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-12ab9c8b] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-12ab9c8b] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-12ab9c8b] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-12ab9c8b] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-12ab9c8b] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-12ab9c8b] { padding: 0px 20px; } } .ant-form-item[data-v-12ab9c8b], .ant-radio-wrapper[data-v-12ab9c8b], .ant-radio-group[data-v-12ab9c8b] { font-variant: normal !important; } .ant-message[data-v-12ab9c8b] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-12ab9c8b] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-12ab9c8b] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-12ab9c8b] { display: none; } .warranty-main[data-v-12ab9c8b] { display: block; } .warranty-main h4[data-v-12ab9c8b] { font-size: 1.75rem; margin-top: 1.875rem; margin-bottom: 2.5rem; } .warranty-main .upfile-tips[data-v-12ab9c8b] { color: red; } .warranty-main .warranty-from .btn-grounp[data-v-12ab9c8b] { margin-top: 2.5rem; } .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .border { border: 0.0625rem solid rgb(204, 204, 204); border-radius: 0.25rem; } .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .border.ant-form-item-has-error { border: 0.0625rem solid rgb(230, 77, 67) !important; } .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .border .ant-form-item-label { padding: 0px 0px 0px 0.6875rem !important; } .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .border .ant-form-item-label > label { font-size: 0.875rem; color: rgb(153, 153, 153) !important; } .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .border .ant-input-disabled:hover, .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .border .ant-input, .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .border .ant-input.ant-select-focused .ant-select-selector { box-shadow: none; border: 0px !important; } .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .border .ant-form-item-control { position: relative; } .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .border .ant-form-item-control .ant-form-item-explain { position: absolute; bottom: -1.625rem; } .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .warranty-upload .ant-upload.ant-upload-select-picture-card { border: 0px; background: rgb(249, 249, 249); width: 7.5rem; height: 7.5rem; } .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .warranty-upload .ant-upload-list-picture-card-container { width: 7.5rem; height: 7.5rem; } .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .warranty-upload .ant-upload-list-picture .ant-upload-list-item, .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .warranty-upload .ant-upload-list-picture-card .ant-upload-list-item { border-color: rgb(204, 204, 204); } .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .submit, .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .reset { display: inline-block; font-size: 1.25rem; width: 22.3125rem; height: 3.75rem; border-radius: 1.875rem; } .warranty-main .warranty-from[data-v-12ab9c8b] .ant-form .reset { margin-right: 1.25rem; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 1.875rem; } .warranty-main .tips[data-v-12ab9c8b] { margin-top: 2.5rem; } [data-v-ec7360e6]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-ec7360e6] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-ec7360e6] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-ec7360e6] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-ec7360e6] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-ec7360e6] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-ec7360e6] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-ec7360e6] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-ec7360e6] { padding: 0px 20px; } } .ant-form-item[data-v-ec7360e6], .ant-radio-wrapper[data-v-ec7360e6], .ant-radio-group[data-v-ec7360e6] { font-variant: normal !important; } .ant-message[data-v-ec7360e6] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-ec7360e6] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-ec7360e6] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-ec7360e6] { display: none; } .write-my-reviews-main[data-v-ec7360e6] { display: block; width: 100%; } .write-my-reviews-main[data-v-ec7360e6] .ant-spin-spinning { position: static; } .write-my-reviews-main h1[data-v-ec7360e6] { margin-bottom: 0px; } .write-my-reviews-main .white-bg[data-v-ec7360e6] { background-color: rgb(255, 255, 255); padding: 2.5rem 1.875rem; } .write-my-reviews-main .text-label[data-v-ec7360e6] { display: inline-block; background: rgb(249, 249, 249); border-radius: 0.125rem; padding: 0.1875rem 0.3125rem; margin: 0.3125rem 0.625rem 0.3125rem 0px; } .write-my-reviews-main .text-label .label[data-v-ec7360e6] { text-transform: capitalize; } .write-my-reviews-main .button-group[data-v-ec7360e6] { padding-top: 0px; padding-bottom: 3.75rem; } .write-my-reviews-main .button-group .ant-btn[data-v-ec7360e6] { width: 22.8125rem; height: 3.75rem; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 1.875rem; } .write-my-reviews-main[data-v-ec7360e6] .img-width { width: 5rem; } .write-my-reviews-main .recaptcha.white-bg[data-v-ec7360e6] { margin-top: 0px; padding-top: 0px !important; } .write-my-reviews-main .review-account-form .quality .label[data-v-ec7360e6], .write-my-reviews-main .review-account-form .price .label[data-v-ec7360e6], .write-my-reviews-main .review-account-form .value .label[data-v-ec7360e6] { display: inline-block; margin-right: 0.625rem; font-size: 1.125rem; } .write-my-reviews-main .review-account-form .ant-input[data-v-ec7360e6] { border-color: rgb(204, 204, 204); min-height: 3.125rem; } .write-my-reviews-main .review-account-form .ant-form-item-label > label[data-v-ec7360e6] { font-size: 1.125rem; } .write-my-reviews-main .review-account-form .ant-upload-list-picture-card .ant-upload-list-item[data-v-ec7360e6] { border-color: rgb(204, 204, 204); } .write-my-reviews-main .review-account-form .ant-upload-list-picture-card .ant-upload-list-item[data-v-ec7360e6], .write-my-reviews-main .review-account-form .ant-upload-list-picture-card-container[data-v-ec7360e6], .write-my-reviews-main .review-account-form .ant-upload.ant-upload-select-picture-card[data-v-ec7360e6] { width: 7.125rem; height: 7.125rem; } .write-my-reviews-main .review-account-form .ant-upload-list-item-actions > a[data-v-ec7360e6] { display: none; } .write-my-reviews-main .review-account-form .fileTitle .ant-form-item-control-input-content > div[data-v-ec7360e6] { color: rgb(0, 0, 0); font-size: 1.125rem; } .write-my-reviews-main .review-account-form .fileTitle .ant-form-item-control-input-content > div > span[data-v-ec7360e6] { color: rgb(51, 51, 51); font-size: 1rem; } .write-my-reviews-main .review-account-form .upfile-tips[data-v-ec7360e6] { color: red; } .write-my-reviews-main .review-account-form .submit[data-v-ec7360e6], .write-my-reviews-main .review-account-form .close[data-v-ec7360e6] { height: 3.125rem; border-color: rgb(253, 172, 14); font-size: 1rem; min-width: 11.25rem; border-radius: 1.5625rem; } .write-my-reviews-main .review-account-form .close[data-v-ec7360e6] { border-color: rgb(204, 204, 204); } .write-my-reviews-main .review-account-form .quality[data-v-ec7360e6], .write-my-reviews-main .review-account-form .price[data-v-ec7360e6], .write-my-reviews-main .review-account-form .value[data-v-ec7360e6] { font-size: 1rem; } .write-my-reviews-main .review-account-form .quality .label[data-v-ec7360e6], .write-my-reviews-main .review-account-form .price .label[data-v-ec7360e6], .write-my-reviews-main .review-account-form .value .label[data-v-ec7360e6] { display: inline-block; width: 4.25rem; margin-right: 0.625rem; font-size: 1.125rem; text-align: right; } .write-my-reviews-main .review-account-form .ant-form-item[data-v-ec7360e6]:last-child { margin-bottom: 0px; } [data-v-3b2ee0cb]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-3b2ee0cb] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-3b2ee0cb] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-3b2ee0cb] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-3b2ee0cb] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-3b2ee0cb] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-3b2ee0cb] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-3b2ee0cb] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-3b2ee0cb] { padding: 0px 20px; } } .ant-form-item[data-v-3b2ee0cb], .ant-radio-wrapper[data-v-3b2ee0cb], .ant-radio-group[data-v-3b2ee0cb] { font-variant: normal !important; } .ant-message[data-v-3b2ee0cb] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-3b2ee0cb] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-3b2ee0cb] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-3b2ee0cb] { display: none; } .ant-menu-item[data-v-3b2ee0cb] { color: rgb(51, 51, 51); display: flex; align-items: center; justify-content: space-between; padding: 0px 1.25rem; } .ant-menu-item .ant-checkbox-wrapper[data-v-3b2ee0cb] { width: 1.125rem; margin-left: 0.625rem; } .ant-menu-item .color[data-v-3b2ee0cb] { width: 1.125rem; height: 1.125rem; border-radius: 1.125rem; } .ant-menu-item .white_border[data-v-3b2ee0cb] { border: 0.125rem solid rgb(204, 204, 204); } .ant-menu-item .color-text[data-v-3b2ee0cb] { width: 9.375rem; display: flex; margin-left: 0.9375rem; } .ant-menu-item .color-text p[data-v-3b2ee0cb] { margin: 0px 0.625rem 0px 0px; font-size: 1rem; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .black-price-label[data-v-3b2ee0cb] { color: rgb(0, 0, 0); } .product-list[data-v-3b2ee0cb] { padding-top: 3.125rem; } .product-list[data-v-3b2ee0cb]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .product-list .pagination-cont[data-v-3b2ee0cb] { display: flex; margin: 1.75rem auto 4.25rem; align-items: center; justify-content: flex-end; position: relative; } .product-list .pagination-cont[data-v-3b2ee0cb] .ant-dropdown-trigger { display: inline-block; height: 2.5rem; border: 0px; line-height: 2.5rem; text-align: center; padding: 0px 0.875rem; border-radius: 1.25rem; background: rgb(244, 244, 244); color: rgb(0, 0, 0); user-select: none; cursor: pointer; } .product-list .pagination[data-v-3b2ee0cb] { display: block; margin: 0px auto; text-align: center; position: absolute; left: 50%; transform: translate(-50%); } .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-item, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-prev, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-next { width: 2.875rem; height: 2.875rem; font-size: 1.125rem; line-height: 2.75rem; border-radius: 0.25rem; border-color: rgb(204, 204, 204); } .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-item a, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-prev a, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-next a { color: rgb(102, 102, 102); } .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-item:hover, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-prev:hover, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-next:hover { border-color: rgb(253, 172, 14); } .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-item:hover.ant-pagination-disabled button, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-prev:hover.ant-pagination-disabled button, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-next:hover.ant-pagination-disabled button { border-color: rgb(204, 204, 204); } .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-item:hover.ant-pagination-disabled button svg path, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-prev:hover.ant-pagination-disabled button svg path, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-next:hover.ant-pagination-disabled button svg path { fill: rgb(102, 102, 102); } .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-item:hover a, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-prev:hover a, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-next:hover a { color: rgb(253, 172, 14); } .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-item:hover button, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-prev:hover button, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-next:hover button { border-color: rgb(253, 172, 14); } .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-item:hover button svg path, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-prev:hover button svg path, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-next:hover button svg path { fill: rgb(253, 172, 14); } .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-item.ant-pagination-item-active, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-prev.ant-pagination-item-active, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-next.ant-pagination-item-active { background: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-item.ant-pagination-item-active a, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-prev.ant-pagination-item-active a, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-next.ant-pagination-item-active a { color: rgb(255, 255, 255); } .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-item svg, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-prev svg, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-next svg { width: 1rem; height: 1rem; } .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-item svg path, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-prev svg path, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-next svg path { fill: rgb(102, 102, 102); } .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-item button, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-prev button, .product-list .pagination[data-v-3b2ee0cb] .ant-pagination-next button { display: flex; justify-content: center; align-items: center; border: 0.0625rem solid rgb(204, 204, 204); } .product-list .product-items[data-v-3b2ee0cb] { display: flex; flex-wrap: wrap; place-content: flex-start space-between; } .product-list .product-items .product-item[data-v-3b2ee0cb] { width: 24%; padding: 1.875rem; margin-bottom: 1.25rem; transition: 0.2s linear; box-shadow: rgba(122, 122, 122, 0.15) -0.0625rem 0.3125rem 1rem 0.1875rem; border-radius: 0.5rem; } .product-list .product-items .product-item[data-v-3b2ee0cb]:last-child:nth-child(4n-1) { margin-right: 25.3333%; } .product-list .product-items .product-item[data-v-3b2ee0cb]:last-child:nth-child(4n-2) { margin-right: 50.6667%; } .product-list .product-items .product-item p[data-v-3b2ee0cb] { margin-bottom: 0px; } .product-list .product-items .product-item .attrs[data-v-3b2ee0cb] { display: block; width: 100%; margin-top: 1.125rem; min-height: 1.6875rem; } .product-list .product-items .product-item .attrs .color_attrs[data-v-3b2ee0cb] { display: inline-block; width: 1rem; height: 1rem; overflow: hidden; border-radius: 1.25rem; font-size: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.1875rem; cursor: pointer; margin-right: 0.9375rem; box-sizing: content-box; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; border: 0.0625rem solid rgb(204, 204, 204); } .product-list .product-items .product-item .attrs .color_attrs.current[data-v-3b2ee0cb] { width: 1rem; height: 1rem; border-radius: 0.5625rem; background: 0% 0% / 100% rgb(255, 255, 255); border: 0.125rem solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.1875rem; } .product-list .product-items .product-item .attrs .color_attrs.gray_border[data-v-3b2ee0cb] { border: 0.0625rem solid rgb(204, 204, 204); } .product-list .product-items .product-item .attrs .color_more[data-v-3b2ee0cb] { background-image: url("https://ca-static.costway.ca/assets/1760598923/images/add-2c01a856.jpg"); background-size: 0.75rem; margin-right: 0px !important; } .product-list .product-items .product-item .rating-list-box[data-v-3b2ee0cb] { display: block; min-height: 1.375rem; } .product-list .product-items .product-item .product-title[data-v-3b2ee0cb], .product-list .product-items .product-item .price-box[data-v-3b2ee0cb] { display: block; } .product-list .product-items .product-item .product-title[data-v-3b2ee0cb] { margin: 0px 0px 0.625rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1rem; line-height: 1.5rem; } .product-list .product-items .product-item .product-title a[data-v-3b2ee0cb] { color: rgb(51, 51, 51); } .product-list .product-items .product-item .price-box[data-v-3b2ee0cb] { margin-bottom: 0.625rem; line-height: 1; } .product-list .product-items .product-item .price-box > span[data-v-3b2ee0cb] { font-size: 1.5rem; margin: 0px 0.5rem; } .product-list .product-items .product-item .price-box > span[data-v-3b2ee0cb]:first-child { margin-left: 0px; } .product-list .product-items .product-item .price-box > span.special-price[data-v-3b2ee0cb] { color: rgb(230, 77, 67); } .product-list .product-items .product-item .price-box > span.special-price.black[data-v-3b2ee0cb] { color: rgb(51, 51, 51); } .product-list .product-items .product-item .price-box > span.price[data-v-3b2ee0cb] { font-size: 1rem; color: rgb(153, 153, 153); text-decoration: line-through; } .product-list .product-items .product-item .save[data-v-3b2ee0cb] { margin-bottom: 0.625rem; } .product-list .product-items .product-item[data-v-3b2ee0cb]:hover { border-radius: 0.25rem; transform: translate3d(0px, -0.625rem, 0px); } .product-list .product-items .product-item:hover .wish-box[data-v-3b2ee0cb] { opacity: 1; pointer-events: all; } .product-list .product-items .product-item .sale-description[data-v-3b2ee0cb] { position: absolute; bottom: -0.5rem; left: 0px; height: 1.5625rem; border-radius: 0.125rem; text-align: center; line-height: 1.5625rem; background-color: rgb(254, 246, 245); padding: 0px 0.8125rem; color: rgb(230, 77, 67); font-size: 0.875rem; } .product-images[data-v-3b2ee0cb] { display: block; width: 100%; position: relative; } .product-images .tag[data-v-3b2ee0cb] { position: absolute; top: -0.9375rem; left: -0.9375rem; line-height: 1; font-size: 0.875rem; padding: 0.3125rem 0.625rem; border-radius: 0.25rem; z-index: 2; pointer-events: none; } .product-images .tag.sale[data-v-3b2ee0cb], .product-images .tag.transit[data-v-3b2ee0cb] { background-color: rgb(255, 255, 255); } .product-images .tag.limited[data-v-3b2ee0cb] { background-color: rgb(249, 249, 249); color: rgb(0, 0, 0); } .product-images .tag.new[data-v-3b2ee0cb], .product-images .tag.onsale[data-v-3b2ee0cb] { background-color: rgb(254, 246, 245); color: rgb(230, 77, 67); } .product-images .tag.new[data-v-3b2ee0cb] { padding: 0.375rem 0.875rem; } .product-images .tag.bestseller[data-v-3b2ee0cb], .product-images .tag.clearance[data-v-3b2ee0cb] { background-color: rgb(255, 95, 68); color: rgb(255, 255, 255); } .product-images .tag.pre-sale[data-v-3b2ee0cb] { background-color: rgb(255, 245, 220); color: rgb(253, 172, 14); } .product-images .tag.has_video[data-v-3b2ee0cb] { width: 4rem; height: 4rem; inset: 0px; margin: auto; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-player-b3cf0f2d.png") center center / 100% 100% no-repeat; pointer-events: none; } .product-images .tag.price-guarantee[data-v-3b2ee0cb] { padding: 0px 0.3125rem 0px 0px; border: 0.0625rem solid rgb(11, 192, 99); background: rgb(239, 255, 247); height: 1.75rem; line-height: 1.625rem; border-radius: 0.375rem; overflow: hidden; } .product-images .tag.price-guarantee .icon[data-v-3b2ee0cb] { background: rgb(11, 192, 99); display: inline-block; padding: 0px 0.25rem; border-bottom-right-radius: 0.3125rem; margin-right: 0.3125rem; } .product-images .tag.price-guarantee .icon img[data-v-3b2ee0cb] { width: 1rem; } .product-images .tag.price-guarantee .title[data-v-3b2ee0cb] { color: rgb(11, 192, 99); } .product-images .tag.transit[data-v-3b2ee0cb] { inset: auto auto 0.625rem 0.625rem; } .product-images .tag.transit svg[data-v-3b2ee0cb] { margin-right: 0.3125rem; width: 1.125rem; height: 1.125rem; } .product-images .tag.transit svg[data-v-3b2ee0cb], .product-images .tag.transit span[data-v-3b2ee0cb] { display: inline-block; vertical-align: middle; } .product-images .tag.transit span[data-v-3b2ee0cb] { color: rgb(255, 95, 68); } .product-images img[data-v-3b2ee0cb] { width: 100%; height: auto; } .product-images .wish-box[data-v-3b2ee0cb] { position: absolute; top: -1.25rem; right: -1.25rem; display: flex; opacity: 0; pointer-events: none; transition: 0.3s; } .product-images .out-of-stock[data-v-3b2ee0cb] { position: absolute; width: 13.75rem; height: 3.125rem; inset: 0px; margin: auto; color: rgb(255, 255, 255); text-align: center; line-height: 3.125rem; z-index: 2; background: rgba(51, 51, 51, 0.8); border-radius: 0.25rem; pointer-events: none; } .product-images .plus-tips[data-v-3b2ee0cb] { display: inline-block; width: 11.5rem; top: -1.25rem; height: 1.875rem; border-radius: 0px; line-height: 1.875rem; overflow: hidden; padding: 0px; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-list-plus-5929a2b0.png") left top / 100% 100% no-repeat; white-space: nowrap; } .product-images .plus-tips .plus-price[data-v-3b2ee0cb], .product-images .plus-tips .plus-txt[data-v-3b2ee0cb] { display: inline-block; vertical-align: top; } .product-images .plus-tips .plus-price[data-v-3b2ee0cb] { text-align: center; width: 4.0625rem; } .product-images .plus-tips .plus-price span[data-v-3b2ee0cb] { font-size: 0.875rem; font-weight: 500; color: rgb(255, 200, 66); } .product-images .plus-tips .plus-txt[data-v-3b2ee0cb] { text-align: center; color: rgb(0, 0, 0); font-size: 0.875rem; } .product-images .is-plus-tips[data-v-3b2ee0cb] { width: 9.375rem; height: auto; background: none; } .product-images .is-plus-tips img[data-v-3b2ee0cb] { padding: 0px; } .product-images .tag-presale[data-v-3b2ee0cb] { position: absolute; bottom: 0px; left: -1.875rem; background: rgb(255, 245, 220); height: 1.875rem; line-height: 1.875rem; color: rgb(27, 27, 27); width: calc(100% + 3.75rem); border: 0.0625rem solid rgb(255, 231, 172); font-weight: 500; font-size: 0.875rem; } .product-images .tag-presale .stock-left[data-v-3b2ee0cb] { display: flex; align-items: center; justify-content: center; width: 53%; float: right; } .product-images .tag-presale .presale-txt[data-v-3b2ee0cb] { position: absolute; left: -0.625rem; bottom: -0.625rem; z-index: 1; min-width: 11.5rem; height: 3.625rem; line-height: 2.375rem; text-align: center; font-weight: 600; background: url("https://ca-static.costway.ca/assets/1760598923/images/presale-list-f3e383cc.png") center center / 100% no-repeat; } .product-images .tag-presale .presale-txt .text[data-v-3b2ee0cb] { display: flex; align-items: center; padding-left: 1.125rem; margin-top: 0.75rem; } .product-images .tag-presale .presale-txt .clock[data-v-3b2ee0cb] { width: 1.125rem; height: 1.125rem; } .list-total[data-v-3b2ee0cb] { font-size: 1.125rem; margin-top: 0.625rem; } .list-bar[data-v-3b2ee0cb] { width: 100%; padding-top: 0.625rem; display: flex; justify-content: space-between; } .list-bar[data-v-3b2ee0cb] .ant-dropdown-trigger { display: inline-block; height: 2.5rem; border: 0px; line-height: 2.5rem; text-align: center; padding: 0px 0.875rem; border-radius: 1.25rem; background: rgb(244, 244, 244); color: rgb(0, 0, 0); user-select: none; white-space: nowrap; cursor: pointer; } .list-bar[data-v-3b2ee0cb] .ant-dropdown .ps { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.125rem 0.5rem; padding: 0.25rem; } .list-bar[data-v-3b2ee0cb] .ant-dropdown .ant-menu-inline, .list-bar[data-v-3b2ee0cb] .ant-dropdown .ant-menu-vertical, .list-bar[data-v-3b2ee0cb] .ant-dropdown .ant-menu-vertical-left { border: 0px; } .list-bar[data-v-3b2ee0cb] .ant-input-number { min-width: 8.75rem; border-radius: 1.25rem; padding-top: 0.25rem; padding-bottom: 0.25rem; border-color: rgb(204, 204, 204); } .list-bar[data-v-3b2ee0cb] .ant-input-number .ant-input-number-input { padding-left: 4.375rem; } .list-bar .num[data-v-3b2ee0cb] { position: relative; } .list-bar .num .label[data-v-3b2ee0cb] { position: absolute; top: 0.0625rem; left: 0.625rem; width: 3.75rem; text-align: center; margin: auto; line-height: 2.375rem; z-index: 2; height: 2.375rem; border-top-left-radius: 1.25rem; border-bottom-left-radius: 1.25rem; } .list-bar .sort-label[data-v-3b2ee0cb] .ant-tag { padding: 0.5625rem 0.9375rem; border-radius: 1.25rem; font-size: 1rem; border-color: rgb(204, 204, 204); margin-bottom: 0.9375rem; } .list-bar .sort-label[data-v-3b2ee0cb] .ant-tag .ant-tag-close-icon { margin-left: 0.9375rem; font-size: 1rem; } .list-bar .sort-label .clear-all[data-v-3b2ee0cb] { height: 2.5rem; color: rgb(255, 200, 66) !important; } .list-bar .right[data-v-3b2ee0cb] { float: right; } .list-bar .right .show-item[data-v-3b2ee0cb], .list-bar .right .sort-by[data-v-3b2ee0cb] { display: inline-block; } .list-bar .right .sort-by[data-v-3b2ee0cb] { margin-left: 1.25rem; } .list-bar .more-filter[data-v-3b2ee0cb] { width: 12.25rem; height: 2.5rem; border-radius: 1.25rem; background: rgb(244, 244, 244); display: flex; align-items: center; justify-content: center; cursor: pointer; } .list-bar .more-filter img[data-v-3b2ee0cb] { width: 0.9375rem; height: 0.9375rem; } .list-bar .more-filter p[data-v-3b2ee0cb] { margin: 0px 0px 0px 0.1875rem; color: rgb(0, 0, 0); font-size: 1rem; } [data-v-3b2ee0cb] .leftparams { max-width: 59.375rem; margin-right: 15.625rem; } [data-v-3b2ee0cb] .leftparams .leftparamsrow .ant-col { margin-bottom: 0.9375rem; } .list-bar.sticky[data-v-3b2ee0cb] { position: fixed; top: 0px; left: 50%; transform: translate(-50%); z-index: 100; background: rgb(255, 255, 255); justify-content: center; } [data-v-3b2532a2]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-3b2532a2] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-3b2532a2] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-3b2532a2] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-3b2532a2] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-3b2532a2] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-3b2532a2] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-3b2532a2] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-3b2532a2] { padding: 0px 20px; } } .ant-form-item[data-v-3b2532a2], .ant-radio-wrapper[data-v-3b2532a2], .ant-radio-group[data-v-3b2532a2] { font-variant: normal !important; } .ant-message[data-v-3b2532a2] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-3b2532a2] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-3b2532a2] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-3b2532a2] { display: none; } .search-box[data-v-3b2532a2] { margin-top: 1.875rem; } .search-box .keywrod[data-v-3b2532a2] { font-size: 1.125rem; } .search-content[data-v-3b2532a2] { width: 90rem; margin: 1.25rem auto 0px; } .hotword-cont[data-v-3b2532a2] { border-bottom: 0.0625rem solid rgb(244, 244, 244); margin-bottom: 1.25rem; } .hotword-cont .hotword[data-v-3b2532a2] { display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 2.5rem; margin-top: 1.875rem; } .hotword-cont .hotword .hotword-title[data-v-3b2532a2] { margin-right: 0.5rem; font-size: 1rem; margin-bottom: 0px; } .hotword-cont .hotword .hotword-item[data-v-3b2532a2] { margin-right: 1.25rem; } .hotword-cont .hotword .hotword-item p[data-v-3b2532a2] { font-size: 1rem; text-decoration: underline; color: rgb(253, 172, 14); margin: 0px; } [data-v-32e4cdfa]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-32e4cdfa] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-32e4cdfa] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-32e4cdfa] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-32e4cdfa] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-32e4cdfa] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-32e4cdfa] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-32e4cdfa] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-32e4cdfa] { padding: 0px 20px; } } .ant-form-item[data-v-32e4cdfa], .ant-radio-wrapper[data-v-32e4cdfa], .ant-radio-group[data-v-32e4cdfa] { font-variant: normal !important; } .ant-message[data-v-32e4cdfa] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-32e4cdfa] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-32e4cdfa] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-32e4cdfa] { display: none; } .extend-box[data-v-32e4cdfa] { background: rgb(246, 246, 246); border-radius: 0.5rem; font-size: 1.125rem; margin-bottom: 1.25rem; } .extend-box .tit .question[data-v-32e4cdfa] { cursor: pointer; vertical-align: baseline; } .extend-box .desc[data-v-32e4cdfa] { padding-left: 3.5rem; } .extend-box .desc span[data-v-32e4cdfa] { font-size: 1rem; } .extend-box .desc img[data-v-32e4cdfa] { vertical-align: -0.25rem; } .extend-box .desc p[data-v-32e4cdfa] { color: rgb(102, 102, 102); font-size: 1rem; } .extend-box[data-v-32e4cdfa] .ant-checkbox-wrapper { padding: 1.25rem 0px 0px 1.75rem; } .extend-box[data-v-32e4cdfa] .ant-checkbox { top: 0.125rem; } .extend-box[data-v-32e4cdfa] .ant-checkbox-inner { width: 1.25rem; height: 1.25rem; border: 0.0625rem solid rgb(204, 204, 204); } .extend-box[data-v-32e4cdfa] .ant-checkbox + span { font-size: 1.125rem; line-height: 2.125rem; } .payment-main[data-v-32e4cdfa] { margin-bottom: 18.75rem; } .payment-main .order-banner img[data-v-32e4cdfa] { width: 100%; margin: -2.1875rem 0px 1.25rem; } .payment-main[data-v-32e4cdfa] .ant-checkbox-wrapper { font-size: 1.125rem; } .payment-main[data-v-32e4cdfa] .ant-checkbox-wrapper .ant-checkbox-inner { width: 1.25rem; height: 1.25rem; border: 0.0625rem solid rgb(255, 200, 66); } .payment-main[data-v-32e4cdfa] .ant-checkbox-wrapper .ant-checkbox-inner::after { width: 0.42857rem; height: 0.68571rem; } .payment-main .save_continue[data-v-32e4cdfa] { width: 26.25rem; height: 3.75rem; border-radius: 2.03125rem; } .payment-main .save_continue[disabled][data-v-32e4cdfa] { border-color: rgb(253, 172, 14); } .payment-main .checkout-banner[data-v-32e4cdfa] { display: block; width: 100%; margin-bottom: 1.25rem; } .worryfree[data-v-32e4cdfa] { padding: 0.625rem 0.625rem 0px; } .worryfree .title[data-v-32e4cdfa] { background: url("https://ca-static.costway.ca/assets/1760598923/images/seel_icon-e63e5785.svg") left top / 2.4375rem no-repeat; padding-left: 3.125rem; font-size: 1.375rem; margin-bottom: 1.875rem; } .worryfree section[data-v-32e4cdfa] { margin-bottom: 1.25rem; } .worryfree section p[data-v-32e4cdfa] { font-size: 1rem; font-weight: 700; } .worryfree section p span[data-v-32e4cdfa] { display: block; font-weight: 400; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_yellow_right-090406b2.svg") left center / 1rem no-repeat; color: rgb(51, 51, 51); text-indent: 1.75rem; margin-top: 0.625rem; } .worryfree section p span.non[data-v-32e4cdfa] { background: none; text-indent: 0px; } .worryfree section p span.d[data-v-32e4cdfa] { background: none; text-indent: 0px; } .worryfree section p span.d[data-v-32e4cdfa]::before { content: ""; width: 0.1875rem; height: 0.1875rem; background: rgb(92, 95, 98); border-radius: 50%; display: inline-block; margin-right: 0.625rem; vertical-align: middle; } .worryfree .btns[data-v-32e4cdfa] { display: flex; padding-top: 0.625rem; align-items: center; justify-content: space-between; height: 2.8125rem; line-height: 2.8125rem; font-size: 1rem; text-align: center; margin-bottom: 2.5rem; } .worryfree .btns .no[data-v-32e4cdfa] { width: 10.125rem; border-radius: 1.375rem; color: rgb(253, 172, 14); border: 0.0625rem solid rgb(253, 172, 14); cursor: pointer; } .worryfree .btns .ok[data-v-32e4cdfa] { width: 19.4375rem; background: rgb(253, 172, 14); color: rgb(255, 255, 255); border-radius: 1.375rem; cursor: pointer; } .worryfree .texts[data-v-32e4cdfa] { height: 2.8125rem; line-height: 2.8125rem; background: rgb(245, 245, 245); font-size: 0.875rem; text-align: center; margin: 0px -2.125rem; } .worryfree .texts u[data-v-32e4cdfa] { margin: 0px 0.625rem; } .equity[data-v-32e4cdfa] { margin-top: 1.875rem; } .equity li[data-v-32e4cdfa] { width: 100%; background: rgb(249, 249, 249); margin-bottom: 0.625rem; padding: 0.625rem 1.25rem; } .equity li h1[data-v-32e4cdfa] { font-weight: 400; font-size: 0.875rem; display: flex; align-items: center; margin-bottom: 0.3125rem; } .equity li h1 span[data-v-32e4cdfa] { color: rgb(51, 51, 51); } .equity li h1 img[data-v-32e4cdfa] { width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; } .equity li .eq-cont[data-v-32e4cdfa] { font-size: 0.75rem; color: rgb(102, 102, 102); margin: 0px; line-height: 1.4; } .equity li .eq-cont .content-text[data-v-32e4cdfa] { line-height: 1.4; } .equity li .content-with-more[data-v-32e4cdfa] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; position: relative; } .equity li .content-with-more .learn-more-overlay[data-v-32e4cdfa] { position: absolute; right: 0px; bottom: 0px; background: rgb(249, 249, 249); font-size: 0.75rem; cursor: pointer; padding-left: 0.1875rem; margin-bottom: 0px; } .equity li .content-with-more .learn-more-overlay span[data-v-32e4cdfa]:nth-child(1) { color: rgb(102, 102, 102); margin-right: 0.1875rem; } .equity li .content-with-more .learn-more-overlay span[data-v-32e4cdfa]:nth-child(2) { color: rgb(253, 172, 14); text-decoration: underline; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } [data-v-1e0cdcbe]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-1e0cdcbe] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-1e0cdcbe] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-1e0cdcbe] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-1e0cdcbe] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-1e0cdcbe] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-1e0cdcbe] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-1e0cdcbe] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-1e0cdcbe] { padding: 0px 20px; } } .ant-form-item[data-v-1e0cdcbe], .ant-radio-wrapper[data-v-1e0cdcbe], .ant-radio-group[data-v-1e0cdcbe] { font-variant: normal !important; } .ant-message[data-v-1e0cdcbe] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-1e0cdcbe] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-1e0cdcbe] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-1e0cdcbe] { display: none; } .pay-header[data-v-1e0cdcbe] { margin: 0px auto 4.375rem; padding: 1.5625rem 0px; border-bottom: 0.0625rem solid rgb(244, 244, 244); } .pay-header .svg_pay_hader_logo[data-v-1e0cdcbe] { cursor: pointer; width: 6.25rem; height: 2.75rem; } .pay-header .svg_left_arrow[data-v-1e0cdcbe] { width: 0.4375rem; height: 0.75rem; } .pay-header .ant-breadcrumb a[data-v-1e0cdcbe] { color: rgb(204, 204, 204); } .pay-header .ant-breadcrumb .router-link-active[data-v-1e0cdcbe] { color: rgb(34, 34, 34); } .pay-header .back-cart[data-v-1e0cdcbe] { padding-right: 55px !important; } .confirm-box[data-v-1e0cdcbe] { padding: 1.25rem 2.5rem !important; } .confirm-box p[data-v-1e0cdcbe] { font-size: 1.25rem; font-weight: 700; margin-bottom: 1.875rem; } .confirm-box[data-v-1e0cdcbe] .ant-radio { top: 0.125rem; } .confirm-box .btn[data-v-1e0cdcbe] { display: flex; justify-content: space-between; cursor: pointer; margin-top: 1.25rem; } .confirm-box .btn span[data-v-1e0cdcbe], .confirm-box .btn a[data-v-1e0cdcbe] { display: inline-block; width: 48%; height: 3.125rem; line-height: 3.125rem; text-align: center; background: rgb(253, 172, 14); border-radius: 2.5rem; font-size: 1.125rem; cursor: pointer; color: rgb(255, 255, 255); } .confirm-box .btn span[data-v-1e0cdcbe] { line-height: 3rem; background: rgb(255, 255, 255); color: rgb(253, 172, 14); border: 0.125rem solid rgb(253, 172, 14); } [data-v-44f31035]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-44f31035] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-44f31035] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-44f31035] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-44f31035] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-44f31035] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-44f31035] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-44f31035] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-44f31035] { padding: 0px 20px; } } .ant-form-item[data-v-44f31035], .ant-radio-wrapper[data-v-44f31035], .ant-radio-group[data-v-44f31035] { font-variant: normal !important; } .ant-message[data-v-44f31035] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-44f31035] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-44f31035] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-44f31035] { display: none; } .address-form[data-v-44f31035] .ant-form-item .ant-input { border: 0.0625rem solid rgb(204, 204, 204); height: 3.125rem; border-radius: 0.125rem; } .tips[data-v-44f31035] { color: rgb(153, 153, 153); } .title[data-v-44f31035] { font-weight: 500; font-size: 1.625rem; line-height: 2.4375rem; padding-bottom: 1.25rem; border-bottom: 0.0625rem solid rgb(204, 204, 204); margin-bottom: 2.5rem; } .address-form[data-v-44f31035] .ant-form-item-has-error .ant-input { border: 0.0625rem solid rgb(230, 77, 67); } .address-form[data-v-44f31035] .ant-select { width: 100%; } .address-form[data-v-44f31035] .ant-select .ant-select-selector { border: 0.0625rem solid rgb(204, 204, 204); } .address-form[data-v-44f31035] .ant-select .ant-select-selector, .address-form[data-v-44f31035] .ant-select input { height: 3.125rem !important; } .address-form[data-v-44f31035] .ant-select .ant-select-selection-placeholder, .address-form[data-v-44f31035] .ant-select .ant-select-selection-item { line-height: 3.125rem !important; font-size: 1.125rem; } .address-form[data-v-44f31035] .ant-checkbox-inner { border: 0.0625rem solid rgb(204, 204, 204); border-radius: 0.125rem; } .address-form[data-v-44f31035] .ant-form-item-label > label { font-size: 1.125rem; } .save-btn[data-v-44f31035] { width: 100%; height: 3.75rem; background: rgb(253, 172, 14); border-radius: 2.1875rem; font-weight: 500; font-size: 1.25rem; line-height: 1.875rem; text-align: center; border-color: rgb(253, 172, 14); color: rgb(255, 255, 255); } .save-btn[data-v-44f31035]:hover { background: rgb(253, 189, 62); } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .join-plus-card { position: relative; } .join-plus-card img { width: 100%; cursor: pointer; } .join-plus-card p { position: absolute; top: 0.1875rem; right: 0.625rem; color: rgb(255, 255, 255); font-size: 0.875rem; margin-bottom: 0px; } .join-plus-card p span:nth-of-type(1) { color: rgb(255, 200, 66); font-weight: 700; } .join-plus-card p span:nth-of-type(2) { font-weight: 700; font-size: 1.25rem; color: rgb(255, 200, 66); } [data-v-18619980]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-18619980] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-18619980] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-18619980] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-18619980] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-18619980] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-18619980] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-18619980] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-18619980] { padding: 0px 20px; } } .ant-form-item[data-v-18619980], .ant-radio-wrapper[data-v-18619980], .ant-radio-group[data-v-18619980] { font-variant: normal !important; } .ant-message[data-v-18619980] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-18619980] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-18619980] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-18619980] { display: none; } .cart-order-review[data-v-18619980] { padding: 1.25rem 1.875rem; box-shadow: rgba(157, 157, 157, 0.25) 0px 0.125rem 0.5rem; } .cart-order-review .svg_arrow_2[data-v-18619980] { width: 0.75rem; height: 0.4375rem; } .cart-order-review .svg_coupon_arrow[data-v-18619980] { width: 0.5625rem; height: 0.875rem; } .cart-order-review .svg_point_arrow[data-v-18619980] { width: 1.0625rem; height: 1.1875rem; } .cart-order-review .cou-price[data-v-18619980] { color: rgb(230, 77, 67); margin-right: 0.625rem; } .cart-order-review h2[data-v-18619980] { margin-bottom: 0px; } .cart-order-review .min1[data-v-18619980] { font-size: 1rem; color: rgb(153, 153, 153); } .cart-order-review .prd-img .ant-col img[data-v-18619980] { width: 100%; max-width: 5rem; max-height: 5rem; } .cart-order-review .prd-img .ant-col .extend-icon[data-v-18619980] { width: 1.625rem; position: absolute; top: 0px; right: 0.3125rem; } .cart-order-review .coupon-row[data-v-18619980] { cursor: pointer; } .cart-order-review .line[data-v-18619980] { height: 0.0625rem; font-size: 0px; overflow: hidden; border-bottom: 0.0625rem solid rgb(244, 244, 244); } .cart-order-review .ant-col[data-v-18619980] { font-size: 1.125rem; } .cart-order-review .open-more[data-v-18619980] { cursor: pointer; } .cart-order-review .opne-cart-list li[data-v-18619980] { display: block; padding: 0.5rem; width: 100%; margin-top: 1.25rem; } .cart-order-review .opne-cart-list li[data-v-18619980]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .cart-order-review .opne-cart-list li[data-v-18619980]:hover { background: rgb(249, 249, 249); } .cart-order-review .opne-cart-list li .img[data-v-18619980] { float: left; width: 4.6875rem; height: 4.6875rem; overflow: hidden; } .cart-order-review .opne-cart-list li .cart-title[data-v-18619980] { margin-left: 5.3125rem; } .cart-order-review .opne-cart-list li .cart-title p[data-v-18619980] { margin-bottom: 0.625rem; } .cart-order-review .opne-cart-list li .cart-title .title[data-v-18619980] { width: 100%; line-height: 1.3; font-size: 0.9375rem; color: rgb(51, 51, 51); text-align: left; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .cart-order-review .opne-cart-list li .cart-title .multi-rows span[data-v-18619980] { font-size: 0.9375rem; background: rgb(249, 249, 249); padding: 0.125rem 0.3125rem; } .cart-order-review .opne-cart-list li .cart-title .num-price .price-box[data-v-18619980] { text-align: right; } .cart-order-review .opne-cart-list li .cart-title .num-price .price-box .old-row-total[data-v-18619980] { color: rgb(153, 153, 153); font-size: 0.875rem; text-decoration: line-through; } .cart-order-review .opne-cart-list li .cart-title .num-price .price-box .row-total[data-v-18619980] { font-size: 1.125rem; color: rgb(230, 77, 67); } .cart-order-review .opne-cart-list li .extend-msg[data-v-18619980] { overflow: hidden; margin-top: 0.3125rem; height: 2rem; line-height: 2rem; background: rgb(246, 246, 246); border-radius: 0.25rem; font-size: 0.8125rem; padding: 0px 0.5rem; } .cart-order-review .opne-cart-list li .extend-msg .extend-msg-l[data-v-18619980] { font-size: 0.875rem; float: left; } .cart-order-review .opne-cart-list li .extend-msg .extend-msg-l img[data-v-18619980] { width: 1.125rem; margin-right: 0.3125rem; } .cart-order-review .opne-cart-list li .extend-msg .extend-msg-r[data-v-18619980] { font-size: 0.875rem; float: right; } .cart-order-review .grand-total[data-v-18619980], .cart-order-review .grand-total-price[data-v-18619980] { font-size: 1.625rem; font-weight: 500; } .cart-order-review .amount[data-v-18619980] { display: inline-block; font-size: 0.875rem; margin-right: 0.625rem; } .cart-order-review .amount > span[data-v-18619980] { display: inline-block; font-size: 1rem; margin-left: 0.625rem; font-weight: 600; } .cart-order-review[data-v-18619980] .ant-switch { min-width: 3.875rem; height: 2.25rem; line-height: 2.25rem; } .cart-order-review[data-v-18619980] .ant-switch .ant-switch-handle { width: 1.9375rem !important; height: 1.9375rem !important; } .cart-order-review[data-v-18619980] .ant-switch .ant-switch-handle::before { border-radius: 1rem; } .cart-order-review[data-v-18619980] .ant-switch.ant-switch-checked .ant-switch-handle { left: calc(100% - 2.0625rem); } .cart-order-review .klarnc-payment[data-v-18619980] { font-size: 1.25rem; color: rgb(230, 77, 67); } .cart-order-review .place-order[data-v-18619980] { display: block; text-align: center; margin-bottom: 1.25rem; width: 100%; height: 3.75rem; background: rgb(255, 95, 68); box-shadow: rgba(255, 95, 68, 0.28) 0px 0.25rem 0.9375rem 0.125rem; border-radius: 1.875rem; font-weight: 500; font-size: 1.25rem; color: rgb(255, 255, 255); } .cart-order-review .place-order[data-v-18619980]:hover { background: rgb(255, 111, 87); } .cart-order-review #paypal-button[data-v-18619980] { width: 100%; text-align: center; } .cart-order-review .ant-btn-primary[disabled][data-v-18619980] { border-color: rgb(255, 95, 68); } .cart-order-review .amount-right[data-v-18619980] { color: rgb(102, 102, 102); font-size: 0.875rem; text-align: right; } .cart-order-review .ant-input[data-v-18619980] { border: 0.0625rem solid rgb(204, 204, 204); } .cart-order-review .ant-input[data-v-18619980]::-webkit-input-placeholder { font-size: 0.875rem; } .pop-plustips p[data-v-18619980] { margin-bottom: 0px; } .points-tips-svg[data-v-18619980], .tax-tips-svg[data-v-18619980] { cursor: pointer; } .points-price[data-v-18619980] { color: rgb(230, 77, 67); } .ant-tooltip-inner[data-v-18619980] { color: rgb(102, 102, 102); width: 30rem; padding: 0.625rem; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .points-tips .ant-tooltip-inner { color: rgb(102, 102, 102); width: 30rem; padding: 0.625rem; } .tax-tips { cursor: pointer; } .tax-tips .ant-tooltip-inner { font-size: 0.875rem; color: rgb(102, 102, 102); width: 16.25rem; padding: 0.625rem; } .tax-tips .ant-tooltip-inner span { color: rgb(0, 0, 0); } [data-v-582e7706]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-582e7706] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-582e7706] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-582e7706] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-582e7706] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-582e7706] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-582e7706] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-582e7706] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-582e7706] { padding: 0px 20px; } } .ant-form-item[data-v-582e7706], .ant-radio-wrapper[data-v-582e7706], .ant-radio-group[data-v-582e7706] { font-variant: normal !important; } .ant-message[data-v-582e7706] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-582e7706] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-582e7706] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-582e7706] { display: none; } .free-group[data-v-582e7706] { margin: 1.875rem 0px 0px; } .free-group .ant-radio-group[data-v-582e7706] { width: 100%; } .free-group .ant-radio-wrapper[data-v-582e7706] { display: flex; margin-bottom: 1.5625rem; font-size: 1.125rem; line-height: 1.5; } .free-group .ant-radio-wrapper[data-v-582e7706] span.ant-radio + * { width: 100%; padding-right: 1.25rem; } .free-group .ant-radio-wrapper .label-box[data-v-582e7706] { display: flex; justify-content: space-between; flex-flow: row; align-items: center; } .free-group .ant-radio-wrapper .label-box .label-text[data-v-582e7706] { padding-right: 1.25rem; } .free-group .ant-radio-wrapper .label-t[data-v-582e7706], .free-group .ant-radio-wrapper .label-sub-t[data-v-582e7706], .free-group .ant-radio-wrapper .label-p[data-v-582e7706] { display: block; font-size: 1.125rem; } .free-group .ant-radio-wrapper .label-t[data-v-582e7706] { line-height: 2; font-weight: 600; color: rgb(51, 51, 51); } .free-group .ant-radio-wrapper .label-t.free[data-v-582e7706] { font-weight: 500; } .free-group .ant-radio-wrapper .label-sub-t[data-v-582e7706] { line-height: 2; font-size: 1.125rem; color: rgb(51, 51, 51); } .free-group .ant-radio-wrapper .label-p[data-v-582e7706] { font-size: 1.125rem; color: rgb(153, 153, 153); } .free-group .ant-radio-wrapper[data-v-582e7706] .ant-radio-inner { width: 1.4375rem; height: 1.4375rem; border-color: rgb(253, 172, 14); } .free-group .ant-radio-wrapper[data-v-582e7706] .ant-radio-inner::after { width: 1.4375rem; height: 1.4375rem; margin-top: -0.71875rem; margin-left: -0.71875rem; } [data-v-41a96c7c]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-41a96c7c] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-41a96c7c] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-41a96c7c] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-41a96c7c] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-41a96c7c] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-41a96c7c] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-41a96c7c] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-41a96c7c] { padding: 0px 20px; } } .ant-form-item[data-v-41a96c7c], .ant-radio-wrapper[data-v-41a96c7c], .ant-radio-group[data-v-41a96c7c] { font-variant: normal !important; } .ant-message[data-v-41a96c7c] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-41a96c7c] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-41a96c7c] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-41a96c7c] { display: none; } .payment-shiping-address[data-v-41a96c7c] { background: rgb(249, 249, 249); border-radius: 0.5rem; padding: 1.375rem 1.625rem; margin-bottom: 3.75rem; } .payment-shiping-address .ant-col[data-v-41a96c7c]:first-child { font-size: 1.25rem; line-height: 2.375rem; } .new-address-button[data-v-41a96c7c] { margin-top: 1.875rem; margin-bottom: 1.875rem; height: 3.75rem; border-radius: 1.875rem; border: 0.0625rem solid rgb(204, 204, 204); font-size: 1.25rem; padding: 0px 2rem; display: flex; align-items: center; color: rgb(51, 51, 51); } .new-address-button[data-v-41a96c7c]:hover { color: rgb(255, 200, 66); } .new-address-button:hover svg path[data-v-41a96c7c] { fill: rgb(255, 200, 66); } .new-address-button svg[data-v-41a96c7c] { margin-right: 0.625rem; width: 1.125rem; height: 1.125rem; } .add-new-address-radio[data-v-41a96c7c] { margin-top: 1.25rem; pointer-events: none; } .addNewaddressradio[data-v-41a96c7c] { pointer-events: auto; } .ant-radio-group[data-v-41a96c7c] { width: 100%; margin-bottom: 1.875rem; } .ant-radio-group[data-v-41a96c7c] .ant-radio-wrapper { font-size: 1.125rem; position: relative; padding: 1.5625rem 1.25rem; border-radius: 0.5rem; } .ant-radio-group[data-v-41a96c7c] .ant-radio-wrapper .svg_edit { width: 1.3125rem; height: 1.3125rem; } .ant-radio-group[data-v-41a96c7c] .ant-radio-wrapper .svg_add { width: 1.25rem; height: 1.25rem; } .ant-radio-group[data-v-41a96c7c] .ant-radio-wrapper .default { position: absolute; right: 0px; bottom: 0px; width: 6.3125rem; height: 2.1875rem; text-align: center; line-height: 2.1875rem; color: rgb(255, 255, 255); background: rgb(102, 102, 102); border-radius: 0.5rem 0px; } @media only screen and (max-width: 1024px) { .ant-radio-group[data-v-41a96c7c] .ant-radio-wrapper .default { width: auto; height: auto; padding: 0.625rem; } } .ant-radio-group[data-v-41a96c7c] .ant-radio-wrapper span.ant-radio + * { width: 100% !important; } .ant-radio-group[data-v-41a96c7c] .ant-radio-wrapper.ant-radio-wrapper-checked { background: rgb(249, 249, 249); } .ant-radio-group[data-v-41a96c7c] .ant-radio-wrapper:last-child { margin-bottom: 0px; } .ant-radio-group[data-v-41a96c7c] .ant-radio-wrapper .ant-radio { top: 0.3em; } .ant-radio-group[data-v-41a96c7c] .ant-radio-wrapper .edit-box { text-align: right; min-width: 5rem; } .ant-radio-group[data-v-41a96c7c] .ant-radio-wrapper .edit-box .ant-btn { margin: 0px 1.25rem 0px 0px; padding: 0px; } .ant-radio-group[data-v-41a96c7c] .ant-radio-wrapper .edit-box .ant-btn:last-child { margin-right: 0px; } .ant-radio-group[data-v-41a96c7c] .ant-radio-wrapper .ant-radio-inner { width: 1.4375rem; height: 1.4375rem; } .ant-radio-group[data-v-41a96c7c] .ant-radio-wrapper .ant-radio-inner::after { width: 1.4375rem; height: 1.4375rem; margin-top: -0.71875rem; margin-left: -0.71875rem; } @media only screen and (max-width: 1440px) { .add-address-form-main .ant-modal-body[data-v-41a96c7c] { padding: 0.3125rem 1.25rem; } } [data-v-41a96c7c] .save-btn { width: 26.25rem; } [data-v-41a96c7c] .address-form { margin-top: 0px; } [data-v-41a96c7c] .address-form .title { display: none; border: none; margin-bottom: 0px; font-size: 1.4375rem; } [data-v-fc571c84]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-fc571c84] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-fc571c84] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-fc571c84] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-fc571c84] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-fc571c84] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-fc571c84] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-fc571c84] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-fc571c84] { padding: 0px 20px; } } .ant-form-item[data-v-fc571c84], .ant-radio-wrapper[data-v-fc571c84], .ant-radio-group[data-v-fc571c84] { font-variant: normal !important; } .ant-message[data-v-fc571c84] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-fc571c84] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-fc571c84] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-fc571c84] { display: none; } .pay-footer[data-v-fc571c84] { border-top: 0.0625rem solid rgb(244, 244, 244); margin: 3.75rem auto 0px; padding: 2.8125rem 0px; } .pay-footer .ant-col[data-v-fc571c84] { text-align: center; } .pay-footer .ant-col a[data-v-fc571c84] { margin: 0px 0.3125rem; } [data-v-7e393a4c]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-7e393a4c] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-7e393a4c] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-7e393a4c] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-7e393a4c] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-7e393a4c] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-7e393a4c] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-7e393a4c] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-7e393a4c] { padding: 0px 20px; } } .ant-form-item[data-v-7e393a4c], .ant-radio-wrapper[data-v-7e393a4c], .ant-radio-group[data-v-7e393a4c] { font-variant: normal !important; } .ant-message[data-v-7e393a4c] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-7e393a4c] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-7e393a4c] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-7e393a4c] { display: none; } .address-form[data-v-7e393a4c] .ant-form-item .ant-input { border: 0.0625rem solid rgb(204, 204, 204); height: 3.125rem; border-radius: 0.125rem; } .tips[data-v-7e393a4c] { color: rgb(153, 153, 153); } .title[data-v-7e393a4c] { font-weight: 500; font-size: 1.625rem; line-height: 2.4375rem; padding-bottom: 1.25rem; border-bottom: 0.0625rem solid rgb(204, 204, 204); margin-bottom: 2.5rem; } .address-form[data-v-7e393a4c] .ant-form-item-has-error .ant-input { border: 0.0625rem solid rgb(230, 77, 67); } .address-form[data-v-7e393a4c] .ant-select { width: 100%; } .address-form[data-v-7e393a4c] .ant-select .ant-select-selector { border: 0.0625rem solid rgb(204, 204, 204); } .address-form[data-v-7e393a4c] .ant-select .ant-select-selector, .address-form[data-v-7e393a4c] .ant-select input { height: 3.125rem !important; } .address-form[data-v-7e393a4c] .ant-select .ant-select-selection-placeholder, .address-form[data-v-7e393a4c] .ant-select .ant-select-selection-item { line-height: 3.125rem !important; font-size: 1.125rem; } .address-form[data-v-7e393a4c] .ant-checkbox-inner { border: 0.0625rem solid rgb(204, 204, 204); border-radius: 0.125rem; } .address-form[data-v-7e393a4c] .ant-form-item-label > label { font-size: 1.125rem; } .save-btn[data-v-7e393a4c] { width: 100%; height: 3.75rem; background: rgb(253, 172, 14); border-radius: 2.1875rem; font-weight: 500; font-size: 1.25rem; line-height: 1.875rem; text-align: center; border-color: rgb(253, 172, 14); color: rgb(255, 255, 255); } [data-v-c356f894]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-c356f894] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-c356f894] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-c356f894] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-c356f894] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-c356f894] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-c356f894] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-c356f894] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-c356f894] { padding: 0px 20px; } } .ant-form-item[data-v-c356f894], .ant-radio-wrapper[data-v-c356f894], .ant-radio-group[data-v-c356f894] { font-variant: normal !important; } .ant-message[data-v-c356f894] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-c356f894] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-c356f894] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-c356f894] { display: none; } .biling-address-box[data-v-c356f894] { position: relative; } .biling-address-box > label[data-v-c356f894] { position: absolute; top: 0.125rem; left: 0.75rem; z-index: 2; font-size: 0.75rem; color: rgb(153, 153, 153); } [data-v-c356f894] .defaultSelectBillingAddress { width: 100%; } [data-v-c356f894] .defaultSelectBillingAddress .ant-select-selector { height: 3.125rem; border-color: rgb(204, 204, 204); } [data-v-c356f894] .defaultSelectBillingAddress .ant-select-selector .ant-select-selection-placeholder { margin-top: 1.25rem; } [data-v-c356f894] .defaultSelectBillingAddress .ant-select-selection-item { margin-top: 1rem; } [data-v-703f57f1]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-703f57f1] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-703f57f1] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-703f57f1] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-703f57f1] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-703f57f1] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-703f57f1] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-703f57f1] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-703f57f1] { padding: 0px 20px; } } .ant-form-item[data-v-703f57f1], .ant-radio-wrapper[data-v-703f57f1], .ant-radio-group[data-v-703f57f1] { font-variant: normal !important; } .ant-message[data-v-703f57f1] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-703f57f1] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-703f57f1] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-703f57f1] { display: none; } #paypal-button[data-v-703f57f1] { max-width: 30rem; } .extend-box[data-v-703f57f1] { background: rgb(246, 246, 246); border-radius: 0.5rem; font-size: 1.125rem; margin-bottom: 1.25rem; } .extend-box .tit .question[data-v-703f57f1] { cursor: pointer; vertical-align: baseline; } .extend-box[data-v-703f57f1] .ant-checkbox-wrapper { padding: 1.25rem 0px 0px 1.75rem; } .extend-box[data-v-703f57f1] .ant-checkbox { top: 0.125rem; } .extend-box[data-v-703f57f1] .ant-checkbox-inner { width: 1.25rem; height: 1.25rem; border-color: rgb(204, 204, 204); } .extend-box[data-v-703f57f1] .ant-checkbox-inner::after { left: 32.5%; } .extend-box[data-v-703f57f1] .ant-checkbox + span { font-size: 1.125rem; line-height: 2.125rem; } .extend-box .desc[data-v-703f57f1] { padding-left: 3.5rem; } .extend-box .desc span[data-v-703f57f1] { font-size: 1rem; } .extend-box .desc img[data-v-703f57f1] { vertical-align: -0.25rem; } .extend-box .desc p[data-v-703f57f1] { color: rgb(102, 102, 102); font-size: 1rem; } .add-tips .add-tip-d[data-v-703f57f1] { display: inline-block; vertical-align: middle; } .add-tips svg[data-v-703f57f1] { cursor: pointer; } .add-tips .add-tips-detail[data-v-703f57f1] { background: rgb(246, 246, 246); border-radius: 0.5rem; font-size: 1.125rem; margin: 1.25rem 0px; padding: 1.5625rem; } .add-tips .add-tips-detail ul[data-v-703f57f1] { width: 100%; display: flex; margin: 1.25rem 0px 1.875rem; } .add-tips .add-tips-detail ul li[data-v-703f57f1] { cursor: pointer; width: 24%; margin-right: 0.75rem; border: 0.0625rem solid rgb(249, 249, 249); border-radius: 0.3125rem; background: rgb(255, 255, 255); padding: 0.375rem 1.25rem; box-sizing: border-box; position: relative; text-align: center; } .add-tips .add-tips-detail ul li span[data-v-703f57f1]:nth-of-type(1) { font-size: 1.125rem; color: rgb(51, 51, 51); margin-right: 0.375rem; } .add-tips .add-tips-detail ul li span[data-v-703f57f1]:nth-of-type(2) { font-size: 0.875rem; color: rgb(153, 153, 153); } .add-tips .add-tips-detail ul li[data-v-703f57f1]:hover { border: 0.0625rem solid rgb(253, 172, 14); background: rgb(255, 249, 238); } .add-tips .add-tips-detail ul li.checked[data-v-703f57f1] { border: 0.0625rem solid rgb(253, 172, 14); background: rgb(255, 249, 238); color: rgb(253, 172, 14); } .add-tips .add-tips-detail ul li.checked[data-v-703f57f1]::after { content: ""; display: inline-block; width: 1.375rem; height: 1.375rem; position: absolute; background: url("https://ca-static.costway.ca/assets/1760598923/images/extend2-8623f971.png") right bottom / 100% 100% no-repeat; bottom: 0px; right: 0px; z-index: 0; } .add-tips .add-tips-detail ul li[data-v-703f57f1]:last-child { margin-right: 0px; } .add-tips .add-tips-detail .custom-tip[data-v-703f57f1] { margin-bottom: 1.25rem; } .add-tips .add-tips-detail .tips-info[data-v-703f57f1] { font-size: 0.875rem; color: rgb(102, 102, 102); text-align: left; margin-bottom: 0px; } .add-tips .add-tips-detail[data-v-703f57f1] .ant-checkbox { top: 0.125rem; } .add-tips .add-tips-detail[data-v-703f57f1] .ant-checkbox-inner { width: 1.25rem; height: 1.25rem; border: 0.0625rem solid rgb(204, 204, 204); } .add-tips .add-tips-detail[data-v-703f57f1] .ant-checkbox-inner::after { left: 32.5%; } .add-tips .add-tips-detail[data-v-703f57f1] .ant-checkbox + span { font-size: 1.125rem; line-height: 2.125rem; } .add-tips .add-tips-detail .desc[data-v-703f57f1] { padding-left: 3.5rem; } .add-tips .add-tips-detail .desc span[data-v-703f57f1] { font-size: 1rem; } .add-tips .add-tips-detail .desc img[data-v-703f57f1] { vertical-align: -0.25rem; } .add-tips .add-tips-detail .desc p[data-v-703f57f1] { color: rgb(102, 102, 102); font-size: 1rem; } .add-tips .add-tips-detail .desc .tips[data-v-703f57f1] { color: rgb(102, 102, 102); font-size: 0.875rem; margin-bottom: 1.25rem; } .custom-tip .tip-input-container[data-v-703f57f1] { display: flex; gap: 0.75rem; align-items: flex-start; } .custom-tip .tip-input-container .ant-form-item[data-v-703f57f1] { flex: 1 1 0%; margin-bottom: 0px; } .custom-tip .tip-input-container .ant-form-item .tip-input[data-v-703f57f1] { height: 2.625rem; border-radius: 0.25rem; border: 0.0625rem solid rgb(204, 204, 204); font-size: 1rem; } .custom-tip .tip-input-container .ant-form-item .tip-input[data-v-703f57f1]:focus, .custom-tip .tip-input-container .ant-form-item .tip-input[data-v-703f57f1]:focus-within { border-color: rgb(24, 144, 255); box-shadow: rgba(24, 144, 255, 0.2) 0px 0px 0px 0.125rem; } .custom-tip .tip-input-container .ant-form-item .tip-input.error[data-v-703f57f1] { border-color: rgb(255, 77, 79); } .custom-tip .tip-input-container .ant-form-item .tip-input.error[data-v-703f57f1]:focus, .custom-tip .tip-input-container .ant-form-item .tip-input.error[data-v-703f57f1]:focus-within { border-color: rgb(255, 77, 79); box-shadow: rgba(255, 77, 79, 0.2) 0px 0px 0px 0.125rem; } .custom-tip .tip-input-container .ant-form-item .tip-input[data-v-703f57f1] .ant-input { border: none; box-shadow: none; font-size: 1rem; } .custom-tip .tip-input-container .ant-form-item .tip-input[data-v-703f57f1] .ant-input:focus { border: none; box-shadow: none; } .custom-tip .tip-input-container .ant-form-item .tip-input.error[data-v-703f57f1] .ant-input { color: rgb(230, 77, 67); } .custom-tip .tip-input-container .ant-form-item .tip-input.error[data-v-703f57f1] .ant-input::placeholder { color: rgb(230, 77, 67); } .custom-tip .tip-input-container .ant-form-item .tip-input[data-v-703f57f1] .ant-input-prefix { font-size: 1rem; margin-right: 0.25rem; } .custom-tip .tip-input-container .ant-form-item .tip-input.error[data-v-703f57f1] .ant-input-prefix { color: rgb(230, 77, 67); } .custom-tip .tip-input-container .tip-button[data-v-703f57f1] { height: 2.625rem; border-radius: 3rem; font-size: 1rem; font-weight: 500; min-width: 13.1875rem; border: 0.0625rem solid rgb(217, 217, 217); background: rgb(245, 245, 245); color: rgb(153, 153, 153); } .custom-tip .tip-input-container .tip-button[data-v-703f57f1]:disabled { background: rgb(245, 245, 245); color: rgb(153, 153, 153); border-color: rgb(217, 217, 217); cursor: not-allowed; } .custom-tip .tip-input-container .tip-button[data-v-703f57f1]:disabled:hover { background: rgb(245, 245, 245); color: rgb(153, 153, 153); border-color: rgb(217, 217, 217); } .custom-tip .tip-input-container .tip-button.active[data-v-703f57f1]:not(:disabled) { background: rgb(253, 172, 14); border-color: rgb(253, 172, 14); color: rgb(255, 255, 255); } .custom-tip .tip-input-container .tip-button.ant-btn-loading.active[data-v-703f57f1] { background: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .custom-tip[data-v-703f57f1] .ant-form-item-explain-error { color: rgb(255, 77, 79); font-size: 0.875rem; margin-top: 0.25rem; } .klarna-pay-tips[data-v-703f57f1] { vertical-align: middle; display: inline-block; margin-left: 0.625rem; padding: 0.5625rem 0.875rem; background: rgb(249, 249, 249); border-radius: 0.25rem; } .klarna-pay-tips[data-v-703f57f1] .klarna-tips-box { line-height: 1; color: rgb(51, 51, 51); font-size: 1rem; font-weight: 500; } #klarna-payments-container[data-v-703f57f1] { margin-bottom: 1.875rem; padding-left: 2.25rem; position: relative; } .payment-main .content[data-v-703f57f1] { position: relative; } .payment-main .order-banner img[data-v-703f57f1] { width: 100%; margin: -2.1875rem 0px 1.25rem; } .payment-main .cart-page-title[data-v-703f57f1] { margin-bottom: 1.875rem; } .payment-main .cart-page-title h1[data-v-703f57f1] { line-height: 2.375rem; color: rgb(51, 51, 51); font-size: 2rem; } .payment-main .cart-page-title p[data-v-703f57f1] { line-height: 1.375rem; color: rgb(51, 51, 51); font-size: 1.125rem; } .payment-main .cart-totals[data-v-703f57f1] { float: right; margin: 0px auto; width: 31.25%; background: rgb(255, 255, 255); height: auto; overflow: hidden; box-shadow: rgba(157, 157, 157, 0.25) 0px 0.125rem 0.5rem; } .payment-main .cart-totals .row[data-v-703f57f1] { display: block; width: 100%; white-space: nowrap; margin-bottom: 0.625rem; } .payment-main .cart-totals .payment-total[data-v-703f57f1] { display: block; width: 100%; white-space: nowrap; margin-bottom: 0.625rem; padding: 0px 1.875rem 2.5rem; } .payment-main .cart-totals .payment-total .label[data-v-703f57f1], .payment-main .cart-totals .payment-total .price[data-v-703f57f1] { display: inline-block; width: 50%; line-height: 1.5rem; font-size: 1.25rem; } .payment-main .cart-totals .payment-total .price[data-v-703f57f1] { text-align: right; } .payment-main .cart-totals .payment-total[data-v-703f57f1]:last-child { margin-bottom: 0px; } .payment-main .cart-totals .payment-total .grand-total[data-v-703f57f1] { border-top: 0.0625rem solid rgb(204, 204, 204); padding-top: 1.5625rem; } .payment-main .cart-totals .payment-total .grand-total .label[data-v-703f57f1], .payment-main .cart-totals .payment-total .grand-total .price[data-v-703f57f1] { line-height: 2.125rem; font-size: 1.75rem; font-weight: 600; } .payment-main .cart-totals .order-review[data-v-703f57f1] { padding: 2.5rem 1.875rem 0px; } .payment-main .cart-totals .order-review .title[data-v-703f57f1] { line-height: 1.8125rem; font-size: 1.5rem; margin-bottom: 1.875rem; } .payment-main .cart-totals .order-review ul li[data-v-703f57f1] { margin-top: 1.25rem; padding-bottom: 1.25rem; border-bottom: 0.0625rem solid rgb(244, 244, 244); position: relative; } .payment-main .cart-totals .order-review ul li[data-v-703f57f1]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .payment-main .cart-totals .order-review ul li[data-v-703f57f1]:last-child { border-bottom: 0px; } .payment-main .cart-totals .order-review ul li .img[data-v-703f57f1] { width: 5rem; height: 5rem; overflow: hidden; border-radius: 0.25rem; float: left; } .payment-main .cart-totals .order-review ul li .img > img[data-v-703f57f1] { width: 100%; height: 100%; } .payment-main .cart-totals .order-review ul li .right[data-v-703f57f1] { margin-left: 5.9375rem; } .payment-main .cart-totals .order-review ul li .right h4[data-v-703f57f1] { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0.625rem; line-height: 1; font-size: 1rem; } .payment-main .cart-totals .order-review ul li .right .attrs[data-v-703f57f1] { margin-bottom: 0.3125rem; } .payment-main .cart-totals .order-review ul li .right .attrs > div[data-v-703f57f1] { display: inline-block; padding: 0.25rem 0.625rem; background: rgb(249, 249, 249); border-radius: 0.125rem; margin-right: 0.625rem; } .payment-main .cart-totals .order-review ul li .right .qty[data-v-703f57f1] { font-size: 1rem; line-height: 1.1875rem; } .payment-main .cart-totals .order-review ul li .right .prices[data-v-703f57f1] { position: absolute; right: 0px; bottom: 1.25rem; text-align: right; } .payment-main .cart-totals .order-review ul li .right .prices .price[data-v-703f57f1] { width: auto; line-height: 1.0625rem; color: rgb(153, 153, 153); font-size: 0.875rem; text-decoration-line: line-through; } .payment-main .cart-totals .order-review ul li .right .prices .special-price[data-v-703f57f1] { line-height: 1.1875rem; color: rgb(230, 77, 67); font-size: 1rem; } .payment-main .cart-totals .order-review ul li .right .prices .special-price.black[data-v-703f57f1] { color: rgb(34, 34, 34); } .payment-main .cart-totals .coupon[data-v-703f57f1] { background: rgb(249, 249, 249); padding: 1.25rem 1.875rem; margin-bottom: 1.5625rem; } .payment-main .cart-totals .submit .ant-btn[data-v-703f57f1] { width: 100%; height: 3.75rem; font-size: 1.5rem; } .payment-main .shipping-address[data-v-703f57f1] { margin-bottom: 1.25rem; } .payment-main .shipping-address h2[data-v-703f57f1] { margin-bottom: 1.75rem; } .payment-main .payment-box .row[data-v-703f57f1] { margin-top: 2.5rem; } .payment-main .payment-box .row[data-v-703f57f1]:first-child { margin-top: 0px; } .payment-main .payment-box .row h2[data-v-703f57f1] { font-size: 1.5rem; line-height: 1.8125rem; margin-bottom: 1.875rem; } .svg[data-v-703f57f1] { font-size: 0px; vertical-align: middle; margin-right: 0.375rem; display: inline-block; } .address-box .address-tips[data-v-703f57f1] { padding: 0.625rem; background: rgb(249, 249, 249); border-radius: 0.125rem; font-size: 1.125rem; line-height: 1; margin-bottom: 0.625rem; } .address-box[data-v-703f57f1] .ant-select { width: 100%; } .address-box[data-v-703f57f1] .ant-select .ant-select-selector { border: 0.0625rem solid rgb(204, 204, 204); } .address-box[data-v-703f57f1] .ant-select .ant-select-selector, .address-box[data-v-703f57f1] .ant-select input { height: 3.125rem !important; } .address-box[data-v-703f57f1] .ant-select .ant-select-selection-placeholder, .address-box[data-v-703f57f1] .ant-select .ant-select-selection-item { line-height: 3.125rem !important; font-size: 1.125rem; } .add-new-address[data-v-703f57f1] { margin-top: 1.25rem; } .add-new-address .new-address-button[data-v-703f57f1] { height: 3.125rem; border-radius: 1.5625rem; font-size: 1.125rem; min-width: 13.125rem; } .free-group[data-v-703f57f1] .ant-radio-group { line-height: 1; width: 100%; } .free-group[data-v-703f57f1] .ant-radio-group .ant-radio-wrapper { display: block; padding: 0.625rem; } .free-group[data-v-703f57f1] .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked { background-color: rgb(249, 249, 249); border-radius: 0.125rem; } .payment-method-group[data-v-703f57f1] { display: block; padding-top: 1.875rem; } .payment-method-group .box-1[data-v-703f57f1], .payment-method-group .box-2[data-v-703f57f1], .payment-method-group .box-3[data-v-703f57f1] { margin-bottom: 1.875rem; padding: 0px 1.5625rem; } .payment-method-group .box-1.current[data-v-703f57f1], .payment-method-group .box-2.current[data-v-703f57f1], .payment-method-group .box-3.current[data-v-703f57f1] { padding: 1.875rem; background: rgb(246, 246, 246); border-radius: 0.5rem; } .payment-method-group .credit-card-icon[data-v-703f57f1] { display: block; float: right; width: 17.5rem; height: 1.875rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/credit-card-icon-dd2ff4ee.png") left top / 100% 100% no-repeat; } .payment-method-group[data-v-703f57f1] .ant-radio-group { width: 100%; } .payment-method-group[data-v-703f57f1] .ant-radio-group .ant-radio-wrapper { display: block; } .payment-method-group[data-v-703f57f1] .ant-radio-group .ant-radio-wrapper.klarna-pay-radio { margin-bottom: 1.25rem; } .payment-method-group[data-v-703f57f1] .ant-radio-group .svg { margin-left: 0px; } .payment-method-group[data-v-703f57f1] .ant-radio-group .label { margin-left: 0.625rem; font-size: 1.125rem; } .payment-method-group[data-v-703f57f1] .ant-radio-group .label, .payment-method-group[data-v-703f57f1] .ant-radio-group .credit-card-icon { vertical-align: middle; } .place-order[data-v-703f57f1] .ant-btn { width: 50%; height: 3.75rem; } .place-order[data-v-703f57f1] .ant-btn.ant-btn-dangerous.ant-btn-primary[disabled] { border-color: rgb(204, 204, 204); } .place-order[data-v-703f57f1] .ant-btn > span { font-size: 1.5rem; } .address[data-v-703f57f1] { background: rgb(249, 249, 249); border-radius: 0.125rem; padding: 1.875rem; margin-top: 1.875rem !important; } .credit-card-box[data-v-703f57f1] { margin-top: 1.25rem; } .credit-card-box .ant-row[data-v-703f57f1] { margin-bottom: 1.25rem; } .credit-card-box .ant-row label[data-v-703f57f1] { margin-bottom: 0.625rem; } .credit-card-box .ant-row .ant-form-item-explain-error[data-v-703f57f1] { display: none; } .credit-card-box .ant-row .ant-input[data-v-703f57f1] { height: 3.125rem; border: 0.0625rem solid rgb(204, 204, 204); } .credit-card-box .ant-row .ant-input.is-invalid[data-v-703f57f1] { border: 0.0625rem solid rgb(230, 77, 67); } .credit-card-box .is-invalid ~ .ant-form-item-explain-error[data-v-703f57f1] { display: block; color: rgb(230, 77, 67); } .credit-card-box .braintree-hosted-fields-valid ~ .braintree-hosted-fields-valid[data-v-703f57f1] { display: none; } .no-login-billing-address[data-v-703f57f1] { margin-top: 1.25rem; } .worryfree[data-v-703f57f1] { padding: 0.625rem 0.625rem 0px; } .worryfree .title[data-v-703f57f1] { background: url("https://ca-static.costway.ca/assets/1760598923/images/seel_icon-e63e5785.svg") left top / 2.4375rem no-repeat; padding-left: 3.125rem; font-size: 1.375rem; margin-bottom: 1.875rem; } .worryfree section[data-v-703f57f1] { margin-bottom: 1.25rem; } .worryfree section p[data-v-703f57f1] { font-size: 1rem; font-weight: 700; } .worryfree section p span[data-v-703f57f1] { display: block; font-weight: 400; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_yellow_right-090406b2.svg") left center / 1rem no-repeat; color: rgb(51, 51, 51); text-indent: 1.75rem; margin-top: 0.625rem; } .worryfree section p span.non[data-v-703f57f1] { background: none; text-indent: 0px; } .worryfree section p span.d[data-v-703f57f1] { background: none; text-indent: 0px; } .worryfree section p span.d[data-v-703f57f1]::before { content: ""; width: 0.1875rem; height: 0.1875rem; background: rgb(92, 95, 98); border-radius: 50%; display: inline-block; margin-right: 0.625rem; vertical-align: middle; } .worryfree .btns[data-v-703f57f1] { display: flex; padding-top: 0.625rem; align-items: center; justify-content: space-between; height: 2.8125rem; line-height: 2.8125rem; font-size: 1rem; text-align: center; margin-bottom: 2.5rem; } .worryfree .btns .no[data-v-703f57f1] { width: 10.125rem; border-radius: 1.375rem; color: rgb(253, 172, 14); border: 0.0625rem solid rgb(253, 172, 14); cursor: pointer; } .worryfree .btns .ok[data-v-703f57f1] { width: 19.4375rem; background: rgb(253, 172, 14); color: rgb(255, 255, 255); border-radius: 1.375rem; cursor: pointer; } .worryfree .texts[data-v-703f57f1] { height: 2.8125rem; line-height: 2.8125rem; background: rgb(245, 245, 245); font-size: 0.875rem; text-align: center; margin: 0px -2.125rem; } .worryfree .texts u[data-v-703f57f1] { margin: 0px 0.625rem; } .processing-content[data-v-703f57f1] { width: 29.625rem; height: 17rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } .processing-content .credit-card-custom[data-v-703f57f1] { width: 4.6875rem; height: 3.125rem; background: rgb(244, 244, 244); border-radius: 0.25rem; position: relative; margin-bottom: 1.25rem; overflow: hidden; } .processing-content .credit-card-custom .card-body .progress-section[data-v-703f57f1] { margin-top: 0.625rem; margin-bottom: 0.625rem; } .processing-content .credit-card-custom .card-body .progress-section .progress-bar[data-v-703f57f1] { width: 100%; height: 0.5rem; background-color: rgb(223, 223, 223); overflow: hidden; } .processing-content .credit-card-custom .card-body .progress-section .progress-bar .progress-fill[data-v-703f57f1] { height: 100%; background: rgb(40, 167, 69); border-radius: 0.125rem; animation: 1s ease 0s infinite normal none running progress-animation-703f57f1; } .processing-content .credit-card-custom .card-body .card-lines-container[data-v-703f57f1] { display: flex; align-items: center; } .processing-content .credit-card-custom .card-body .card-lines[data-v-703f57f1] { display: flex; } .processing-content .credit-card-custom .card-body .card-lines .line[data-v-703f57f1] { width: 0.4375rem; height: 0.1875rem; background-color: rgb(223, 223, 223); margin-left: 0.1875rem; transition: background-color 0.3s; } .processing-content .credit-card-custom .card-body .card-lines .line-1[data-v-703f57f1] { animation: 1.8s ease 0s infinite normal none running line1-animation-703f57f1; } .processing-content .credit-card-custom .card-body .card-lines .line-2[data-v-703f57f1] { animation: 1.8s ease 0s infinite normal none running line2-animation-703f57f1; } .processing-content .credit-card-custom .card-body .card-lines .line-3[data-v-703f57f1] { animation: 1.8s ease 0s infinite normal none running line3-animation-703f57f1; } .processing-content .credit-card-custom .card-body .card-f[data-v-703f57f1] { width: 1.25rem; height: 0.9375rem; border-radius: 0.25rem; background-color: rgb(223, 223, 223); margin-left: 1.25rem; } .processing-content .credit-card-custom .card-footer[data-v-703f57f1] { position: absolute; bottom: 1.25rem; right: 1.25rem; } .processing-content .credit-card-custom .card-footer .card-brand[data-v-703f57f1] { color: rgb(255, 255, 255); font-size: 1.125rem; font-weight: 700; font-family: Arial, sans-serif; letter-spacing: 0.125rem; } .processing-content .processing-title[data-v-703f57f1] { font-size: 1.375rem; font-weight: 600; color: rgb(51, 51, 51); margin-bottom: 0.5rem; } .processing-content .processing-title .loading-dots[data-v-703f57f1] { display: inline-block; } .processing-content .processing-title .loading-dots .dot[data-v-703f57f1] { display: inline-block; width: 0.375rem; height: 0.375rem; border-radius: 50%; background-color: rgb(223, 223, 223); margin-left: 0.5rem; } .processing-content .processing-title .loading-dots .dot-1[data-v-703f57f1] { animation: 1.8s ease 0s infinite normal none running dot1-animation-703f57f1; } .processing-content .processing-title .loading-dots .dot-2[data-v-703f57f1] { animation: 1.8s ease 0s infinite normal none running dot2-animation-703f57f1; } .processing-content .processing-title .loading-dots .dot-3[data-v-703f57f1] { animation: 1.8s ease 0s infinite normal none running dot3-animation-703f57f1; } .processing-content .processing-subtitle[data-v-703f57f1] { font-size: 1rem; color: rgb(51, 51, 51); } @keyframes dot1-animation-703f57f1 { 0%, 100% { background-color: rgb(52, 199, 89); } } @keyframes dot2-animation-703f57f1 { 0%, 33.33% { background-color: rgb(223, 223, 223); } 33.34%, 99.99% { background-color: rgb(52, 199, 89); } 100% { background-color: rgb(223, 223, 223); } } @keyframes dot3-animation-703f57f1 { 0%, 66.66% { background-color: rgb(223, 223, 223); } 66.67%, 99.99% { background-color: rgb(52, 199, 89); } 100% { background-color: rgb(223, 223, 223); } } @keyframes line1-animation-703f57f1 { 0%, 100% { background-color: rgb(40, 167, 69); } } @keyframes line2-animation-703f57f1 { 0%, 33.33% { background-color: rgb(233, 236, 239); } 33.34%, 99.99% { background-color: rgb(40, 167, 69); } 100% { background-color: rgb(233, 236, 239); } } @keyframes line3-animation-703f57f1 { 0%, 66.66% { background-color: rgb(233, 236, 239); } 66.67%, 99.99% { background-color: rgb(40, 167, 69); } 100% { background-color: rgb(233, 236, 239); } } @keyframes progress-animation-703f57f1 { 0% { width: 0%; } 100% { width: 100%; } } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .coupon-drawer-tips1 { max-width: 25.9375rem !important; z-index: 99999; } .coupon-drawer-tips1 .ant-tooltip-arrow { display: none; } .coupon-drawer-tips1 .ant-tooltip-inner { color: rgb(102, 102, 102); width: 100%; padding: 0.625rem; } [data-v-74e2abf9]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-74e2abf9] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-74e2abf9] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-74e2abf9] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-74e2abf9] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-74e2abf9] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-74e2abf9] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-74e2abf9] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-74e2abf9] { padding: 0px 20px; } } .ant-form-item[data-v-74e2abf9], .ant-radio-wrapper[data-v-74e2abf9], .ant-radio-group[data-v-74e2abf9] { font-variant: normal !important; } .ant-message[data-v-74e2abf9] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-74e2abf9] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-74e2abf9] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-74e2abf9] { display: none; } .homeSwiper .swiper-slide[data-v-74e2abf9] { width: 18.75rem !important; margin-right: 1.25rem; } .homeSwiper .home-swiper-button-prev[data-v-74e2abf9]::after { content: "prev"; } .homeSwiper .home-swiper-button-next[data-v-74e2abf9]::after { content: "next"; } .homeSwiper .home-swiper-button-prev[data-v-74e2abf9], .homeSwiper .home-swiper-button-next[data-v-74e2abf9] { position: absolute; width: 3.125rem; height: 3.125rem; border-radius: 1.5625rem; background: rgb(255, 255, 255); transform: translateY(-50%); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.5s; border: 0.0625rem solid rgb(222, 222, 222); color: rgb(124, 124, 124) !important; top: 50% !important; } @media only screen and (max-width: 1600px) { .homeSwiper .home-swiper-button-prev[data-v-74e2abf9], .homeSwiper .home-swiper-button-next[data-v-74e2abf9] { width: 3rem; height: 3rem; border-radius: 1.5rem; } } .homeSwiper .home-swiper-button-prev[data-v-74e2abf9]:hover, .homeSwiper .home-swiper-button-next[data-v-74e2abf9]:hover { border: 0.0625rem solid rgb(253, 172, 14); transition: 0.5s; background-color: rgb(255, 249, 238); opacity: 1; } .homeSwiper .home-swiper-button-prev[data-v-74e2abf9]:hover::after, .homeSwiper .home-swiper-button-next[data-v-74e2abf9]:hover::after { color: rgb(253, 172, 14); } .homeSwiper .home-swiper-button-prev[data-v-74e2abf9]::after, .homeSwiper .home-swiper-button-next[data-v-74e2abf9]::after { font-size: 1.25rem; transition: 0.5s; color: rgb(124, 124, 124); font-family: swiper-icons; letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } @media only screen and (max-width: 1600px) { .homeSwiper .home-swiper-button-prev[data-v-74e2abf9]::after, .homeSwiper .home-swiper-button-next[data-v-74e2abf9]::after { font-size: 1.125rem; } } .homeSwiper .home-swiper-button-prev.swiper-button-disabled[data-v-74e2abf9], .homeSwiper .home-swiper-button-next.swiper-button-disabled[data-v-74e2abf9] { filter: grayscale(100%); cursor: auto; opacity: 0.35 !important; } .homeSwiper .home-swiper-button-prev.swiper-button-disabled[data-v-74e2abf9]:hover, .homeSwiper .home-swiper-button-next.swiper-button-disabled[data-v-74e2abf9]:hover { border: 0.0625rem solid rgb(244, 244, 244); } .homeSwiper .home-swiper-button-prev.swiper-button-disabled[data-v-74e2abf9]:hover::after, .homeSwiper .home-swiper-button-next.swiper-button-disabled[data-v-74e2abf9]:hover::after { color: rgb(253, 172, 14); } .homeSwiper .home-swiper-button-prev[data-v-74e2abf9] { left: 0.625rem; } .homeSwiper .home-swiper-button-next[data-v-74e2abf9] { right: 0.625rem; } .label[data-v-74e2abf9] { display: inline-block; color: rgb(230, 77, 67); padding: 0.1875rem 0.9375rem; border-radius: 1.875rem; background: rgb(254, 246, 245); font-size: 0.875rem; } .price-drop-wrap[data-v-74e2abf9] { margin-bottom: 1.25rem; } .price-drop-wrap .coupon-drawer-tips-svg[data-v-74e2abf9] { vertical-align: middle; margin-left: 0.3125rem; cursor: pointer; } .price-drop-wrap .price-drop-con[data-v-74e2abf9] { background: linear-gradient(90.34deg, rgb(226, 64, 53) 0.06%, rgb(239, 73, 50) 100%); border-radius: 0.25rem; color: rgb(255, 255, 255); padding: 0px 1.25rem 0px 0.875rem; line-height: 1.875rem; display: inline-block; } .price-drop-wrap .end-in[data-v-74e2abf9] { font-size: 0.875rem; } .price-drop-wrap .img-decline[data-v-74e2abf9] { margin: 0px 0.9375rem; } .price-drop-wrap .icon-time[data-v-74e2abf9] { margin-right: 0.4375rem; } .price-drop-wrap .end-days[data-v-74e2abf9] { font-size: 0.875rem; } .price-drop-wrap .countdown-time[data-v-74e2abf9] { float: right; } .price-drop-wrap .end-time[data-v-74e2abf9] { margin-left: 0.625rem; } .price-drop-wrap .price-drop-bf[data-v-74e2abf9] { width: 20.5rem; min-width: 22.375rem; padding: 0.125rem 0px; border-radius: 0.25rem; display: inline-block; background: url("https://ca-static.costway.ca/assets/1760598923/images/bf1-3be66a39.png") center center / 100% 100% no-repeat; } .price-drop-wrap .price-drop-bf .end-in[data-v-74e2abf9] { margin-left: 10.9375rem; color: rgb(0, 0, 0); } .price-drop-wrap .coupon-tips-pop-svg[data-v-74e2abf9] { margin-left: 0.25rem; vertical-align: middle; cursor: pointer; } .show-item[data-v-74e2abf9] .ant-dropdown-link.custom-dropdown { margin: auto 0.625rem; } [data-v-74e2abf9] .swiper-pagination-bullet { background: rgb(224, 224, 224); width: 0.75rem; height: 0.75rem; transition: 0.2s; opacity: 1; } [data-v-74e2abf9] .swiper-pagination-bullet-active { width: 2.125rem; background: rgb(255, 255, 255); border-radius: 0.75rem; } .top_content[data-v-74e2abf9] { background: rgb(244, 244, 244); } .home_top_content[data-v-74e2abf9] { background: none; } .home_top_content .community-favorites[data-v-74e2abf9] { padding: 0px; } .home_top_content .review-desc li[data-v-74e2abf9] { -webkit-line-clamp: 2; height: 2.75rem; } .home_top_content .review-card[data-v-74e2abf9] { border-radius: 0.5rem; box-shadow: none; } .home_top_content .review-card .review-content[data-v-74e2abf9] { background: rgb(250, 250, 250); width: 100%; } .home_top_content .card-list[data-v-74e2abf9] { overflow: hidden; } .pagination-cont[data-v-74e2abf9] { display: flex; margin: 3.625rem auto 0px; align-items: center; justify-content: flex-end; position: relative; } .pagination-cont[data-v-74e2abf9] .ant-dropdown-trigger { display: inline-block; height: 2.5rem; line-height: 2.5rem; text-align: center; padding: 0px 0.875rem; border-radius: 1.25rem; background: rgb(255, 255, 255); color: rgb(0, 0, 0); user-select: none; cursor: pointer; border: 0.0625rem solid rgb(204, 204, 204); } .pagination[data-v-74e2abf9] { display: block; text-align: center; margin: 0px auto; position: absolute; left: 50%; transform: translate(-50%); } .pagination[data-v-74e2abf9] .ant-pagination-item, .pagination[data-v-74e2abf9] .ant-pagination-prev, .pagination[data-v-74e2abf9] .ant-pagination-next { width: 2.875rem; height: 2.875rem; font-size: 1.125rem; line-height: 2.75rem; border-radius: 0.25rem; border-color: rgb(204, 204, 204); } .pagination[data-v-74e2abf9] .ant-pagination-item a, .pagination[data-v-74e2abf9] .ant-pagination-prev a, .pagination[data-v-74e2abf9] .ant-pagination-next a { color: rgb(102, 102, 102); } .pagination[data-v-74e2abf9] .ant-pagination-item:hover, .pagination[data-v-74e2abf9] .ant-pagination-prev:hover, .pagination[data-v-74e2abf9] .ant-pagination-next:hover { border-color: rgb(253, 172, 14); } .pagination[data-v-74e2abf9] .ant-pagination-item:hover.ant-pagination-disabled button, .pagination[data-v-74e2abf9] .ant-pagination-prev:hover.ant-pagination-disabled button, .pagination[data-v-74e2abf9] .ant-pagination-next:hover.ant-pagination-disabled button { border-color: rgb(204, 204, 204); } .pagination[data-v-74e2abf9] .ant-pagination-item:hover.ant-pagination-disabled button svg path, .pagination[data-v-74e2abf9] .ant-pagination-prev:hover.ant-pagination-disabled button svg path, .pagination[data-v-74e2abf9] .ant-pagination-next:hover.ant-pagination-disabled button svg path { fill: rgb(102, 102, 102); } .pagination[data-v-74e2abf9] .ant-pagination-item:hover a, .pagination[data-v-74e2abf9] .ant-pagination-prev:hover a, .pagination[data-v-74e2abf9] .ant-pagination-next:hover a { color: rgb(253, 172, 14); } .pagination[data-v-74e2abf9] .ant-pagination-item:hover button, .pagination[data-v-74e2abf9] .ant-pagination-prev:hover button, .pagination[data-v-74e2abf9] .ant-pagination-next:hover button { border-color: rgb(253, 172, 14); } .pagination[data-v-74e2abf9] .ant-pagination-item:hover button svg path, .pagination[data-v-74e2abf9] .ant-pagination-prev:hover button svg path, .pagination[data-v-74e2abf9] .ant-pagination-next:hover button svg path { fill: rgb(253, 172, 14); } .pagination[data-v-74e2abf9] .ant-pagination-item.ant-pagination-item-active, .pagination[data-v-74e2abf9] .ant-pagination-prev.ant-pagination-item-active, .pagination[data-v-74e2abf9] .ant-pagination-next.ant-pagination-item-active { background: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .pagination[data-v-74e2abf9] .ant-pagination-item.ant-pagination-item-active a, .pagination[data-v-74e2abf9] .ant-pagination-prev.ant-pagination-item-active a, .pagination[data-v-74e2abf9] .ant-pagination-next.ant-pagination-item-active a { color: rgb(255, 255, 255); } .pagination[data-v-74e2abf9] .ant-pagination-item svg, .pagination[data-v-74e2abf9] .ant-pagination-prev svg, .pagination[data-v-74e2abf9] .ant-pagination-next svg { width: 1rem; height: 1rem; } .pagination[data-v-74e2abf9] .ant-pagination-item svg path, .pagination[data-v-74e2abf9] .ant-pagination-prev svg path, .pagination[data-v-74e2abf9] .ant-pagination-next svg path { fill: rgb(102, 102, 102); } .pagination[data-v-74e2abf9] .ant-pagination-item button, .pagination[data-v-74e2abf9] .ant-pagination-prev button, .pagination[data-v-74e2abf9] .ant-pagination-next button { display: flex; justify-content: center; align-items: center; border: 0.0625rem solid rgb(204, 204, 204); } .product-items[data-v-74e2abf9] { display: flex; flex-wrap: wrap; place-content: flex-start space-between; } .product-items .product-item[data-v-74e2abf9] { width: 24%; padding: 1.875rem; margin-bottom: 1.25rem; transition: 0.2s linear; box-shadow: rgba(122, 122, 122, 0.15) -0.0625rem 0.3125rem 1rem 0.1875rem; border-radius: 0.5rem; } .product-items .product-item[data-v-74e2abf9]:last-child:nth-child(4n-1) { margin-right: 25.3333%; } .product-items .product-item[data-v-74e2abf9]:last-child:nth-child(4n-2) { margin-right: 50.6667%; } .product-items .product-item p[data-v-74e2abf9] { margin-bottom: 0px; } .product-items .product-item .attrs[data-v-74e2abf9] { display: block; width: 100%; margin-top: 1.125rem; min-height: 1.6875rem; } .product-items .product-item .attrs .color_attrs[data-v-74e2abf9] { display: inline-block; width: 1rem; height: 1rem; overflow: hidden; border-radius: 1.25rem; font-size: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.1875rem; cursor: pointer; margin: 0px 0.9375rem 0px 0px; box-sizing: content-box; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; border: 0.0625rem solid rgb(204, 204, 204); vertical-align: middle; } .product-items .product-item .attrs .color_attrs.current[data-v-74e2abf9] { width: 1rem; height: 1rem; background: 0% 0% / 100% rgb(255, 255, 255); border: 0.125rem solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.1875rem; margin: 0px 0.875rem 0px -0.0625rem; } .product-items .product-item .attrs .color_attrs.gray_border[data-v-74e2abf9] { border: 0.0625rem solid rgb(204, 204, 204); margin: 0px 0.9375rem 0px 0px; } .product-items .product-item .attrs .color_attrs.gray_border.current[data-v-74e2abf9] { width: 1rem; height: 1rem; background: 0% 0% / 100% rgb(255, 255, 255); border: 0.125rem solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.1875rem; margin: 0px 0.875rem 0px -0.0625rem; } .product-items .product-item .attrs .color_more[data-v-74e2abf9] { background-image: url("https://ca-static.costway.ca/assets/1760598923/images/add-2c01a856.jpg"); background-size: 0.75rem; margin-right: 0px !important; } .product-items .product-item .rating-list-box[data-v-74e2abf9] { display: block; min-height: 1.375rem; } .product-items .product-item .product-title[data-v-74e2abf9], .product-items .product-item .price-box[data-v-74e2abf9] { display: block; } .product-items .product-item .product-title[data-v-74e2abf9] { margin: 0px 0px 0.625rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1rem; line-height: 1.5rem; } .product-items .product-item .product-title a[data-v-74e2abf9] { color: rgb(51, 51, 51); } .product-items .product-item .price-box[data-v-74e2abf9] { margin-bottom: 0.625rem; line-height: 1; } .product-items .product-item .price-box > span[data-v-74e2abf9] { font-size: 1.5rem; margin: 0px 0.5rem; } .product-items .product-item .price-box > span[data-v-74e2abf9]:first-child { margin-left: 0px; } .product-items .product-item .price-box > span.special-price[data-v-74e2abf9] { color: rgb(230, 77, 67); } .product-items .product-item .price-box > span.special-price.black[data-v-74e2abf9] { color: rgb(51, 51, 51); } .product-items .product-item .price-box > span.price[data-v-74e2abf9] { font-size: 1rem; color: rgb(153, 153, 153); text-decoration: line-through; } .product-items .product-item .save[data-v-74e2abf9] { margin-bottom: 0.625rem; } .product-items .product-item[data-v-74e2abf9]:hover { border-radius: 0.25rem; transform: translate3d(0px, -0.625rem, 0px); } .product-items .product-item:hover .wish-box[data-v-74e2abf9] { opacity: 1; pointer-events: all; } .product-items .product-item:hover .quick_view[data-v-74e2abf9] { display: inline-block; } .product-items .product-item .sale-description[data-v-74e2abf9] { position: absolute; bottom: -0.5rem; left: 0px; height: 1.5625rem; border-radius: 0.125rem; text-align: center; line-height: 1.5625rem; background-color: rgb(254, 246, 245); padding: 0px 0.8125rem; color: rgb(230, 77, 67); font-size: 0.875rem; } .swiper[data-v-74e2abf9] { position: relative; } .product-main-next[data-v-74e2abf9] { right: 0.625rem; left: auto; } .product-main-next[data-v-74e2abf9]::after { content: "next"; } .product-main-prev[data-v-74e2abf9] { left: 0.625rem !important; } .product-main-prev[data-v-74e2abf9]::after { content: "prev"; } .product-main-next[data-v-74e2abf9], .product-main-prev[data-v-74e2abf9] { position: absolute; width: 3.125rem; height: 3.125rem; border-radius: 1.5625rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(204, 204, 204); transform: translateY(-50%); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0.7; transition: 0.5s; color: rgb(204, 204, 204) !important; top: 50% !important; } @media only screen and (max-width: 1600px) { .product-main-next[data-v-74e2abf9], .product-main-prev[data-v-74e2abf9] { width: 3rem; height: 3rem; border-radius: 1.5rem; } } .product-main-next[data-v-74e2abf9]:hover, .product-main-prev[data-v-74e2abf9]:hover { opacity: 1; } .product-main-next[data-v-74e2abf9]::after, .product-main-prev[data-v-74e2abf9]::after { font-size: 1.25rem; transition: 0.5s; color: rgb(115, 115, 115); font-family: swiper-icons; letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } @media only screen and (max-width: 1600px) { .product-main-next[data-v-74e2abf9]::after, .product-main-prev[data-v-74e2abf9]::after { font-size: 1.125rem; } } .product-main-next.swiper-button-disabled[data-v-74e2abf9], .product-main-prev.swiper-button-disabled[data-v-74e2abf9] { filter: grayscale(100%); cursor: auto; opacity: 0; } .product-main-next.swiper-button-disabled[data-v-74e2abf9]:hover, .product-main-prev.swiper-button-disabled[data-v-74e2abf9]:hover { border: 0.0625rem solid rgb(244, 244, 244); } .product-main-next.swiper-button-disabled[data-v-74e2abf9]:hover::after, .product-main-prev.swiper-button-disabled[data-v-74e2abf9]:hover::after { color: rgb(253, 172, 14); } .customer[data-v-74e2abf9] { background: rgb(247, 247, 247); } .community-favorites[data-v-74e2abf9] { padding: 2.5rem 0px; width: 90rem; margin: 0px auto; } .header[data-v-74e2abf9] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.875rem; padding-right: 1.25rem; } .title[data-v-74e2abf9] { font-size: 1.375rem; color: rgb(34, 34, 34); } .write-btn[data-v-74e2abf9] { background: rgb(255, 179, 0); border: none; color: rgb(255, 255, 255); border-radius: 1.25rem; font-size: 1rem; } .category-list-box[data-v-74e2abf9] { position: relative; margin-bottom: 1.75rem; height: 2.125rem; overflow: hidden; } .category-list-box.has-overflow[data-v-74e2abf9] { margin-right: 0.5625rem; } .category-list-box.has-overflow .category-list[data-v-74e2abf9] { padding-right: 0.5625rem; flex-wrap: wrap; } .category-list-box.expand[data-v-74e2abf9] { height: auto; } .category-list-box.expand .category-list[data-v-74e2abf9] { flex-wrap: wrap; } .category-list-box .arrow-content[data-v-74e2abf9] { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2.125rem; height: 2.125rem; background: rgb(255, 255, 255); border-radius: 50%; border: 0.0625rem solid rgb(204, 204, 204); cursor: pointer; z-index: 10; } .category-list-box .arrow-content.expand[data-v-74e2abf9] { top: auto; bottom: 0px; transform: none; } .category-list-box .arrow-content.expand > img[data-v-74e2abf9] { transform: scaleY(-1); } .category-list-box .arrow-content > img[data-v-74e2abf9] { width: 1rem; height: auto; display: block; margin: 0.6875rem 0.5rem; transition: 0.2s; position: relative; z-index: 15; } .category-list[data-v-74e2abf9] { display: flex; width: fit-content; gap: 0.75rem; } .category[data-v-74e2abf9] { background: none; border: 0.0625rem solid rgb(51, 51, 51); border-radius: 1.25rem; padding: 0px 0.9375rem; color: rgb(34, 34, 34); cursor: pointer; transition: 0.2s; flex-shrink: 0; line-height: 2rem; height: 2.125rem; box-sizing: border-box; } .category.last-row[data-v-74e2abf9] { background: linear-gradient(270deg, rgba(51, 51, 51, 0) 0%, rgb(34, 34, 34) 100%) text; color: transparent; position: relative; border-color: transparent; } .category.last-row[data-v-74e2abf9]::before { content: ""; position: absolute; inset: 0px; border-radius: 1.25rem; padding: 0.0625rem; background: linear-gradient(270deg, rgba(51, 51, 51, 0) 0%, rgb(51, 51, 51) 100%); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); pointer-events: none; z-index: 2; } .category.last-row.last-row-half[data-v-74e2abf9] { background: linear-gradient(270deg, rgba(51, 51, 51, 0) 50%, rgb(51, 51, 51) 100%) text; } .category.last-row.last-row-half[data-v-74e2abf9]::before { background: linear-gradient(270deg, rgba(51, 51, 51, 0) 50%, rgb(51, 51, 51) 100%); } .category[data-v-74e2abf9]:hover { border: 0.0625rem solid rgb(255, 152, 0); background: none; color: rgb(255, 152, 0); } .category.active[data-v-74e2abf9] { background: rgb(255, 247, 230); color: rgb(255, 152, 0); border: 0.0625rem solid rgb(255, 152, 0); } .card-list[data-v-74e2abf9] { display: flex; gap: 1.5rem; flex-wrap: wrap; } .review-card[data-v-74e2abf9] { background: rgb(255, 255, 255); border-radius: 0.25rem; box-shadow: rgba(0, 0, 0, 0.067) 0px 0.125rem 0.5rem; width: 21.0625rem; overflow: hidden; display: flex; flex-direction: column; cursor: pointer; } .img-box[data-v-74e2abf9] { position: relative; width: 100%; height: 21.0625rem; overflow: hidden; } .img-box img[data-v-74e2abf9] { width: 100%; height: 100%; object-fit: cover; } .video-icon[data-v-74e2abf9] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; } .review-content[data-v-74e2abf9] { padding: 1.125rem 1rem 1.25rem; flex: 1 1 0%; display: flex; flex-direction: column; } .review-title[data-v-74e2abf9] { font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .review-desc[data-v-74e2abf9] { font-size: 0.875rem; color: rgb(85, 85, 85); margin-bottom: 0.75rem; } .review-desc li[data-v-74e2abf9] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; height: 4.125rem; line-height: 1.375rem; font-size: 0.875rem; color: rgb(102, 102, 102); } .review-footer[data-v-74e2abf9] { display: flex; justify-content: space-between; align-items: center; color: rgb(51, 51, 51); } .user[data-v-74e2abf9] { width: 70%; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .like[data-v-74e2abf9] { display: flex; align-items: center; gap: 0.25rem; } .like svg[data-v-74e2abf9] { vertical-align: middle; } .popup-mask[data-v-74e2abf9] { position: fixed; z-index: 9999; inset: 0px; background: rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: center; } .popup-content[data-v-74e2abf9] { background: rgb(255, 255, 255); border-radius: 0.625rem; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.2) 0px 0.5rem 2rem; } .popup-left[data-v-74e2abf9] { width: 27.625rem; height: 36.875rem; background: rgb(0, 0, 0); display: flex; align-items: center; justify-content: center; position: relative; border-top-left-radius: 0.625rem; border-bottom-left-radius: 0.625rem; overflow: hidden; } .swiper[data-v-74e2abf9] { width: 100%; height: 100%; position: relative; } .swiper-slide[data-v-74e2abf9] { height: 100%; display: flex; align-items: center; justify-content: center; width: 100% !important; } .media-img[data-v-74e2abf9] { width: 100%; height: auto; } .media-video[data-v-74e2abf9] { width: 100%; height: 100%; } .media-video[data-v-74e2abf9] { background: rgb(0, 0, 0); } .swiper-btn[data-v-74e2abf9] { position: absolute; top: 50%; transform: translateY(-50%); width: 2.25rem; height: 2.25rem; border-radius: 50%; border: none; background: rgba(0, 0, 0, 0.3); color: rgb(255, 255, 255); font-size: 1.375rem; cursor: pointer; z-index: 2; } .swiper-btn.left[data-v-74e2abf9] { left: 0.75rem; } .swiper-btn.right[data-v-74e2abf9] { right: 0.75rem; } .swiper-dots[data-v-74e2abf9] { position: absolute; bottom: 1.125rem; left: 50%; transform: translate(-50%); display: flex; gap: 0.5rem; } .dot[data-v-74e2abf9] { width: 0.625rem; height: 0.625rem; border-radius: 50%; background: rgb(221, 221, 221); cursor: pointer; } .dot.active[data-v-74e2abf9] { background: rgb(255, 179, 0); } .popup-right[data-v-74e2abf9] { width: 32.5rem; height: 36.875rem; padding: 1.875rem; border-top-right-radius: 0.625rem; border-bottom-right-radius: 0.625rem; overflow: hidden; display: flex; flex-direction: column; position: relative; background: rgb(255, 255, 255); } .popup-scroll[data-v-74e2abf9] { flex: 1 1 auto; } .popup-scroll .t[data-v-74e2abf9] { display: flex; justify-content: space-between; margin-bottom: 0.625rem; } .popup-scroll .t img[data-v-74e2abf9] { width: 6.875rem; height: 6.875rem; border-radius: 0.625rem; } .popup-scroll .t .tr[data-v-74e2abf9] { width: 21.375rem; padding: 0.3125rem; } .popup-title[data-v-74e2abf9] { font-size: 1.125rem; font-weight: 700; margin-bottom: 0.75rem; color: rgb(34, 34, 34); height: 3.375rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .popup-price[data-v-74e2abf9] { font-size: 1.25rem; margin-bottom: 0px; } .popup-price .price-new[data-v-74e2abf9] { color: rgb(255, 95, 68); font-weight: 700; font-size: 1.75rem; margin-right: 0.625rem; } .popup-price .price-old[data-v-74e2abf9] { color: rgb(153, 153, 153); text-decoration: line-through; } .popup-desc[data-v-74e2abf9] { font-size: 0.9375rem; color: rgb(68, 68, 68); margin-bottom: 1.125rem; } .popup-desc b[data-v-74e2abf9] { color: rgb(51, 51, 51); font-size: 1.125rem; } .popup-desc ul[data-v-74e2abf9] { margin-top: 1.25rem; } .popup-desc ul li[data-v-74e2abf9] { color: rgb(102, 102, 102); } .popup-user[data-v-74e2abf9] { color: rgb(136, 136, 136); font-size: 0.9375rem; margin-top: 1.125rem; } .popup-bottom[data-v-74e2abf9] { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 7.5rem; background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: space-between; padding: 0px 1.25rem 1.25rem 2rem; z-index: 2; flex-wrap: wrap; } .popup-bottom p[data-v-74e2abf9] { width: 100%; text-align: left; margin-bottom: 1.25rem; } .view-btn[data-v-74e2abf9] { background: rgb(255, 179, 0); color: rgb(255, 255, 255); border: none; border-radius: 1.5rem; font-size: 1.125rem; width: 25rem; height: 2.6875rem; line-height: 2.6875rem; text-align: center; cursor: pointer; transition: 0.2s; } .view-btn[data-v-74e2abf9]:hover { background: rgb(255, 211, 105); } .like-btn[data-v-74e2abf9] { display: flex; align-items: center; flex-wrap: wrap; font-size: 1.125rem; cursor: pointer; user-select: none; text-align: center; } .like-btn svg[data-v-74e2abf9], .like-btn span[data-v-74e2abf9] { display: block; width: 100%; } .popup-close[data-v-74e2abf9] { position: absolute; right: -2.4375rem; top: -0.8125rem; background: none; border: none; font-size: 2rem; color: rgb(136, 136, 136); cursor: pointer; z-index: 10; } .video-wrapper[data-v-74e2abf9] { position: relative; width: 100%; height: 100%; } .video-btn[data-v-74e2abf9] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; transition: opacity 0.2s; z-index: 2; pointer-events: auto; } [data-v-3e05af72]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-3e05af72] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-3e05af72] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-3e05af72] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-3e05af72] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-3e05af72] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-3e05af72] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-3e05af72] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-3e05af72] { padding: 0px 20px; } } .ant-form-item[data-v-3e05af72], .ant-radio-wrapper[data-v-3e05af72], .ant-radio-group[data-v-3e05af72] { font-variant: normal !important; } .ant-message[data-v-3e05af72] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-3e05af72] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-3e05af72] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-3e05af72] { display: none; } .mightlike[data-v-3e05af72] { width: 90rem; margin: 1.25rem auto; } .mightlike .recommend-banner img[data-v-3e05af72] { width: 100%; } .mightlike .recommend[data-v-3e05af72] { margin-top: 1.875rem; } .mightlike .recommend .recommend-title[data-v-3e05af72] { font-size: 1.625rem; font-weight: 500; margin-bottom: 1.25rem; display: flex; justify-content: space-between; align-items: center; line-height: 2.5rem; } .mightlike .recommend .recommend-title h2[data-v-3e05af72] { font-size: 1.625rem; } .mightlike .recommend .recommend-title .more[data-v-3e05af72] { font-size: 1rem; } .mightlike .recommend .recommend-pro[data-v-3e05af72] { width: 100%; display: flex; flex-wrap: wrap; justify-content: left; } .mightlike .recommend .recommend-pro .pro-item[data-v-3e05af72] { width: 21.5625rem; height: 27.5rem; padding: 1.875rem; box-shadow: rgba(122, 122, 122, 0.15) -0.0625rem 0.3125rem 1rem 0.1875rem; margin-bottom: 1.25rem; margin-right: 1.25rem; border-radius: 0.5rem; transition: 0.2s linear; } .mightlike .recommend .recommend-pro .pro-item .wish-box[data-v-3e05af72] { display: none; position: absolute; top: 0.625rem; right: 0.625rem; z-index: 1; transition: 0.3s; } .mightlike .recommend .recommend-pro .pro-item[data-v-3e05af72]:hover { transform: translate3d(0px, -0.625rem, 0px); } .mightlike .recommend .recommend-pro .pro-item:hover .wish-box[data-v-3e05af72] { display: block; } .mightlike .recommend .recommend-pro .pro-item[data-v-3e05af72]:nth-child(4n) { margin-right: 0px; } .mightlike .recommend .recommend-pro .pro-item .pro-img[data-v-3e05af72] { width: 17.8125rem; height: 17.8125rem; } .mightlike .recommend .recommend-pro .pro-item .pro-title[data-v-3e05af72] { font-size: 1rem; height: 2.5rem; line-height: 1.25rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden; color: rgb(0, 0, 0); margin: 1.5625rem 0px 0.625rem; } .mightlike .recommend .recommend-pro .pro-item .pro-nowprice[data-v-3e05af72] { font-size: 1.375rem; } .mightlike .recommend .recommend-pro .pro-item .price-diff[data-v-3e05af72] { color: rgb(230, 77, 67); } .mightlike .recommend .recommend-pro .pro-item .price-same[data-v-3e05af72] { color: rgb(0, 0, 0); } .mightlike .recommend .recommend-pro .pro-item .pro-oldprice[data-v-3e05af72] { color: rgb(153, 153, 153); font-size: 1rem; text-decoration: line-through; margin-left: 0.3125rem; } [data-v-26875102]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-26875102] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-26875102] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-26875102] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-26875102] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-26875102] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-26875102] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-26875102] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-26875102] { padding: 0px 20px; } } .ant-form-item[data-v-26875102], .ant-radio-wrapper[data-v-26875102], .ant-radio-group[data-v-26875102] { font-variant: normal !important; } .ant-message[data-v-26875102] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-26875102] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-26875102] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-26875102] { display: none; } .bundle-products[data-v-26875102] { width: 78.125rem; background: rgb(20, 89, 59); margin-top: 0px; border-radius: 0px; padding: 1.875rem 0px; } .bundle-products-box[data-v-26875102] { border-radius: 0.375rem; display: flex; justify-content: space-between; align-items: center; } .bundle-products-box .swiper-wrapper[data-v-26875102] { margin-bottom: 0px; } .bundle-products-box .bundle-products-box-l[data-v-26875102] { width: 20rem; display: flex; justify-content: flex-start; align-items: center; } .bundle-products-box .bundle-products-box-l ul[data-v-26875102] { width: 10rem; margin: 0px 2.1875rem 0px 0px; } .bundle-products-box .bundle-products-box-l ul li[data-v-26875102] { width: 100%; height: 17.8125rem; } .bundle-products-box .bundle-products-box-l ul li[data-v-26875102]:hover { border: 0.125rem solid rgb(255, 255, 255); } .bundle-products-box .bundleS[data-v-26875102] { width: 17rem; } .bundle-products-box .bundle-products-box-c[data-v-26875102] { width: 54%; position: relative; } .bundle-products-box .bundle-products-box-c .swiper-button-prev[data-v-26875102], .bundle-products-box .bundle-products-box-c .swiper-button-next[data-v-26875102] { position: absolute; color: rgb(102, 102, 102); width: 2.5rem; height: 2.5rem; border-radius: 2.1875rem; top: 48%; transform: translateY(-50%); background: rgb(16, 70, 47); border: 0.0625rem solid rgba(219, 219, 219, 0.31) !important; } .bundle-products-box .bundle-products-box-c .swiper-button-prev[data-v-26875102]::after, .bundle-products-box .bundle-products-box-c .swiper-button-next[data-v-26875102]::after { font-size: 1.125rem; color: rgb(255, 255, 255); } .bundle-products-box .bundle-products-box-c .swiper-button-disabled[data-v-26875102] { background: rgb(20, 89, 59); } .bundle-products-box .bundle-products-box-c .swiper-button-disabled[data-v-26875102]::after { color: rgba(219, 219, 219, 0.31); } .bundle-products-box .bundle-products-box-c .swiper-button-prev[data-v-26875102] { left: -3.3125rem; top: 50%; } .bundle-products-box .bundle-products-box-c .swiper-button-next[data-v-26875102] { right: 0.875rem; } .bundle-products-box .bundle-products-box-r[data-v-26875102] { width: 24%; padding-left: 5.5rem; text-align: center; } .bundle-products-box .bundle-products-box-r p[data-v-26875102] { margin-bottom: 0.625rem; color: rgb(255, 255, 255); } .bundle-products-box .bundle-products-box-r p[data-v-26875102]:nth-of-type(2) { font-size: 1.5rem; color: rgb(255, 255, 255); } .bundle-products-box .bundle-products-box-r .add[data-v-26875102] { display: inline-block; border: 0px; width: 100%; height: 2.8125rem; font-size: 1rem; font-weight: 700; background: rgb(255, 200, 66); border-radius: 1.5625rem; margin: 0px auto; color: rgb(0, 0, 0) !important; } .bundle-products-box .bundle-products-box-r .add[data-v-26875102]:hover { color: rgb(0, 0, 0) !important; } .bundle-products-box ul[data-v-26875102] { width: 100%; } .bundle-products-box ul .swiper-slide[data-v-26875102] { display: flex; align-items: center; position: relative; } .bundle-products-box ul .product-box[data-v-26875102] { position: relative; } .bundle-products-box ul .product-box .oos[data-v-26875102] { width: 100%; height: 19rem; z-index: 1; position: absolute; background: rgba(255, 255, 255, 0.3); cursor: not-allowed; } .bundle-products-box ul .product-box .oos p[data-v-26875102] { width: 80%; height: 2.25rem; line-height: 2.25rem; border-radius: 0.25rem; font-size: 0.875rem; margin: 4.6875rem auto; color: rgb(255, 255, 255); text-align: center; background: rgba(51, 51, 51, 0.7); } .bundle-products-box ul .productBoxOos .dots[data-v-26875102] { background: rgb(247, 247, 247); } .bundle-products-box ul .add-img[data-v-26875102] { width: 1.625rem; margin: 0px 1.25rem; } .bundle-products-box ul li[data-v-26875102] { width: 10rem; height: 17.8125rem; border: 0.125rem solid rgb(255, 255, 255); border-radius: 0.5rem; background: rgb(255, 255, 255); overflow: hidden; padding: 0.625rem; box-sizing: border-box; cursor: pointer; position: relative; } .bundle-products-box ul li.isChecked[data-v-26875102] { border: 0.125rem solid rgb(255, 200, 66); } .bundle-products-box ul li .type-select[data-v-26875102] { width: 100%; display: block; margin: 0.375rem auto 0px; height: 2rem; border-radius: 1.0625rem; padding: 0px 0px 0px 0.9375rem; background-color: rgb(245, 245, 245); border: 0px; font-size: 0.875rem; } .bundle-products-box ul li .type-select[data-v-26875102]:focus { outline-color: rgb(204, 204, 204); } .bundle-products-box ul li .oosSelect[data-v-26875102] { color: rgb(204, 204, 204); } .bundle-products-box ul li .check-box[data-v-26875102] { width: 1.625rem; height: 1.625rem; position: absolute; right: 0.625rem; top: 0.625rem; } .bundle-products-box ul li .check-box .dots[data-v-26875102] { width: 100%; height: 100%; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 1.875rem; } .bundle-products-box ul li .check-box img[data-v-26875102] { width: 100%; } .bundle-products-box ul li a > img[data-v-26875102], .bundle-products-box ul li > img[data-v-26875102] { width: 8.75rem; height: 8.75rem; } .bundle-products-box ul li h2.name[data-v-26875102] { height: 2.5rem; margin: 0.625rem 0px; font-size: 0.8125rem; line-height: 1.25rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: keep-all; white-space: normal; } .bundle-products-box ul li p[data-v-26875102] { margin-bottom: 0px; } .bundle-products-box ul li p > span[data-v-26875102] { font-size: 1.125rem; margin: 0px 0.3125rem 0px 0px; line-height: 1; } .bundle-products-box ul li p > span.price[data-v-26875102] { color: rgb(153, 153, 153); text-decoration: line-through; font-size: 0.875rem; } [data-v-3cc2b125]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-3cc2b125] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-3cc2b125] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-3cc2b125] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-3cc2b125] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-3cc2b125] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-3cc2b125] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-3cc2b125] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-3cc2b125] { padding: 0px 20px; } } .ant-form-item[data-v-3cc2b125], .ant-radio-wrapper[data-v-3cc2b125], .ant-radio-group[data-v-3cc2b125] { font-variant: normal !important; } .ant-message[data-v-3cc2b125] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-3cc2b125] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-3cc2b125] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-3cc2b125] { display: none; } .christmas[data-v-3cc2b125] { width: 90rem; margin: auto; } .christmas-title[data-v-3cc2b125] { text-align: center; } .christmas-title img[data-v-3cc2b125] { width: 22.375rem; } .christmas-title2[data-v-3cc2b125] { text-align: center; } .christmas-title2 img[data-v-3cc2b125] { width: 30.9375rem; } .christmas-trees .banner img[data-v-3cc2b125] { width: 100%; } .christmas-trees .christmas1[data-v-3cc2b125] { background: url("https://ca-static.costway.ca/assets/1760598923/images/christmas-bg2-0338f530.png") center center / 100% 100% repeat; padding-bottom: 4.25rem; width: 120rem; margin: auto; } .christmas-trees .christmas1 .christmas-level img[data-v-3cc2b125] { width: 100%; } .christmas-trees .christmas1 .swiper-main[data-v-3cc2b125] { width: 90rem; height: 37.5rem; background-color: rgb(255, 255, 255); border-radius: 0.9375rem; margin-top: 5.625rem; overflow: hidden; position: relative; } .christmas-trees .christmas1 .swiper-main .swiper-slide[data-v-3cc2b125] { display: flex; align-items: center; } .christmas-trees .christmas1 .swiper-main .swiper-slide .pro-vedio[data-v-3cc2b125] { width: 65.125rem; height: 37.5rem; margin-right: 1.75rem; } .christmas-trees .christmas1 .swiper-main .swiper-slide .pro-vedio .vedio[data-v-3cc2b125] { width: 100%; height: 100%; display: block; vertical-align: top; object-fit: cover; } .christmas-trees .christmas1 .swiper-main .swiper-button-prev[data-v-3cc2b125], .christmas-trees .christmas1 .swiper-main .swiper-button-next[data-v-3cc2b125] { position: absolute; color: rgb(102, 102, 102); width: 2.5rem; height: 2.5rem; border-radius: 2.1875rem; top: 48%; transform: translateY(-50%); border: 0.0625rem solid rgb(204, 204, 204); background: rgb(255, 255, 255); } .christmas-trees .christmas1 .swiper-main .swiper-button-prev[data-v-3cc2b125]::after, .christmas-trees .christmas1 .swiper-main .swiper-button-next[data-v-3cc2b125]::after { font-size: 1.125rem; } .christmas-trees .christmas1 .swiper-main .swiper-button-prev[data-v-3cc2b125] { left: 0.625rem; top: 50%; } .christmas-trees .christmas1 .swiper-main .swiper-button-next[data-v-3cc2b125] { right: 0.875rem; } .christmas-trees .christmas1 .swiper-main .pro-item[data-v-3cc2b125] { width: 21.5625rem; height: 34.5rem; padding: 1.875rem; box-shadow: rgba(122, 122, 122, 0.15) -0.0625rem 0.3125rem 1rem 0.1875rem; border-radius: 0.5rem; } .christmas-trees .christmas1 .swiper-main .pro-item .pro-img[data-v-3cc2b125] { width: 17.8125rem; height: 17.8125rem; margin-bottom: 1.25rem; } .christmas-trees .christmas1 .swiper-main .pro-item .pro-title[data-v-3cc2b125] { font-size: 1rem; height: 2.5rem; line-height: 1.25rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden; color: rgb(0, 0, 0); margin: 1.5625rem 0px 0.625rem; } .christmas-trees .christmas1 .swiper-main .pro-item .pro-nowprice[data-v-3cc2b125] { font-size: 1.375rem; } .christmas-trees .christmas1 .swiper-main .pro-item .price-diff[data-v-3cc2b125] { color: rgb(230, 77, 67); } .christmas-trees .christmas1 .swiper-main .pro-item .price-same[data-v-3cc2b125] { color: rgb(0, 0, 0); } .christmas-trees .christmas1 .swiper-main .pro-item .pro-oldprice[data-v-3cc2b125] { color: rgb(153, 153, 153); font-size: 1rem; text-decoration: line-through; margin-left: 0.3125rem; } .christmas-trees .christmas1 .swiper-main .pro-item .buy[data-v-3cc2b125] { display: flex; justify-content: space-between; margin-top: 1.25rem; } .christmas-trees .christmas1 .swiper-main .pro-item .buy span[data-v-3cc2b125] { background: url("https://www.costway.de/media/wysiwyg/FDS-product/Home/specials_folder/2023activity/baby/ship.png") left center / 1.125rem no-repeat; text-indent: 1.5rem; display: block; font-size: 0.875rem; color: rgb(0, 0, 0); } .christmas-trees .christmas1 .swiper-main .pro-item .buy b[data-v-3cc2b125] { width: 5.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; color: rgb(255, 255, 255); font-size: 0.875rem; background: rgb(31, 115, 78); border-radius: 0.75rem; } .christmas-trees .christmas2[data-v-3cc2b125] { background: url("https://ca-static.costway.ca/assets/1760598923/images/christmas-bg3-745fe8d2.png") center center / 100% 100% no-repeat; height: 199.625rem; width: 120rem; margin: auto; } .christmas-trees .christmas2 .christmas-nav[data-v-3cc2b125] { background: url("https://ca-static.costway.ca/assets/1760598923/images/christmas-nav-3fce3c47.png") center center / 100% 100% no-repeat; width: 120rem; margin: auto; height: 6.0625rem; position: relative; } .christmas-trees .christmas2 .christmas-nav.is-sticky[data-v-3cc2b125] { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; height: 3.75rem; background: rgb(31, 115, 78); } .christmas-trees .christmas2 .christmas-nav.is-sticky ul[data-v-3cc2b125] { bottom: 0px; width: 90rem; } .christmas-trees .christmas2 .christmas-nav.is-sticky ul li[data-v-3cc2b125] { width: 20%; } .christmas-trees .christmas2 .christmas-nav ul[data-v-3cc2b125] { display: flex; margin: auto; position: absolute; bottom: 0.5rem; left: 14.375rem; } .christmas-trees .christmas2 .christmas-nav ul li[data-v-3cc2b125] { width: 14.6875rem; height: 3.75rem; text-align: center; line-height: 3.75rem; cursor: pointer; font-size: 1.25rem; color: rgb(255, 255, 255); } .christmas-trees .christmas2 .christmas-nav ul li.active[data-v-3cc2b125] { color: rgb(0, 0, 0); background: rgb(255, 200, 66); } .christmas-trees .christmas2 .christmas-nav2[data-v-3cc2b125] { height: 6.0625rem; } .christmas-trees .christmas2 .christmas-filter[data-v-3cc2b125] { margin-bottom: 2.5rem; padding-top: 3.75rem; } .christmas-trees .christmas2 .christmas-filter .filter-choose[data-v-3cc2b125] { display: flex; justify-content: space-between; margin-top: 1.25rem; } .christmas-trees .christmas2 .christmas-filter .filter-choose li[data-v-3cc2b125] { width: 14.375rem; height: 3.125rem; line-height: 3.125rem; font-size: 1.125rem; cursor: pointer; background: rgb(243, 243, 243); border-radius: 1.5625rem; padding-left: 4.6875rem; position: relative; } .christmas-trees .christmas2 .christmas-filter .filter-choose li.active[data-v-3cc2b125] { color: rgb(31, 115, 78); border: 0.125rem solid rgb(31, 115, 78); } .christmas-trees .christmas2 .christmas-filter .filter-choose li .christmas-s[data-v-3cc2b125] { position: absolute; bottom: 0px; left: 0px; width: 5rem; height: 5rem; } .christmas-trees .christmas2 .christmas-filter .filter-list[data-v-3cc2b125] { display: flex; flex-wrap: wrap; margin-top: 2.5rem; } .christmas-trees .christmas2 .christmas-filter .pro-item[data-v-3cc2b125] { width: 17rem; height: 26rem; padding: 1.25rem; box-shadow: rgba(122, 122, 122, 0.15) -0.0625rem 0.3125rem 1rem 0.1875rem; border-radius: 0.5rem; transition: 0.2s linear; background-color: rgb(255, 255, 255); margin-right: 1.25rem; margin-bottom: 1.25rem; } .christmas-trees .christmas2 .christmas-filter .pro-item[data-v-3cc2b125]:nth-child(5n) { margin-right: 0px; } .christmas-trees .christmas2 .christmas-filter .pro-item[data-v-3cc2b125]:hover { transform: translate3d(0px, -0.625rem, 0px); } .christmas-trees .christmas2 .christmas-filter .pro-item .pro-img[data-v-3cc2b125] { width: 14.5rem; height: 14.5rem; } .christmas-trees .christmas2 .christmas-filter .pro-item .pro-img img[data-v-3cc2b125] { width: 100%; height: 100%; } .christmas-trees .christmas2 .christmas-filter .pro-item .pro-title[data-v-3cc2b125] { font-size: 1rem; height: 2.5rem; line-height: 1.25rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden; color: rgb(0, 0, 0); margin: 1.5625rem 0px 0.625rem; } .christmas-trees .christmas2 .christmas-filter .pro-item .pro-nowprice[data-v-3cc2b125] { font-size: 1.375rem; } .christmas-trees .christmas2 .christmas-filter .pro-item .price-diff[data-v-3cc2b125] { color: rgb(230, 77, 67); } .christmas-trees .christmas2 .christmas-filter .pro-item .price-same[data-v-3cc2b125] { color: rgb(0, 0, 0); } .christmas-trees .christmas2 .christmas-filter .pro-item .pro-oldprice[data-v-3cc2b125] { color: rgb(153, 153, 153); font-size: 1rem; text-decoration: line-through; margin-left: 0.3125rem; } .christmas-trees .christmas2 .christmas-filter .pro-item .buy[data-v-3cc2b125] { display: flex; justify-content: space-between; } .christmas-trees .christmas2 .christmas-filter .pro-item .buy span[data-v-3cc2b125] { background: url("https://www.costway.de/media/wysiwyg/FDS-product/Home/specials_folder/2023activity/baby/ship.png") left center / 1.125rem no-repeat; text-indent: 1.5rem; display: block; font-size: 0.875rem; color: rgb(0, 0, 0); } .christmas-trees .christmas2 .christmas-filter .pro-item .buy b[data-v-3cc2b125] { width: 5.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; color: rgb(255, 255, 255); font-size: 0.875rem; background: rgb(31, 115, 78); border-radius: 0.75rem; } .christmas-trees .christmas2 .christmas-filter .filter-link[data-v-3cc2b125] { display: block; width: 10.3125rem; height: 2.5rem; line-height: 2.5rem; text-align: center; border: 0.0625rem solid rgb(31, 115, 78); border-radius: 1.25rem; margin: auto; color: rgb(31, 115, 78); } .christmas-trees .christmas2 .christmas-bundle[data-v-3cc2b125] { margin-top: 11.875rem; } .christmas-trees .christmas2 .christmas-bundle .bundle[data-v-3cc2b125] { width: 90rem; padding: 0px 6.25rem; background: rgb(20, 89, 59); } .christmas-trees .christmas2 .christmas-bundle .bundle .bundle-border[data-v-3cc2b125] { border-bottom: 0.125rem solid rgb(21, 104, 68); } .christmas-trees .christmas2 .christmas-bundle .swiper3-button[data-v-3cc2b125] { display: flex; justify-content: center; margin-top: 1.875rem; } .christmas-trees .christmas2 .christmas-bundle .swiper-button-prev3[data-v-3cc2b125] { border: 0.0625rem solid rgb(255, 255, 255); width: 7.75rem; height: 2.5rem; border-radius: 1.25rem; text-align: center; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; margin-right: 0.625rem; cursor: pointer; } .christmas-trees .christmas2 .christmas-bundle .swiper-button-prev3 svg[data-v-3cc2b125] { width: 0.5rem; height: 0.875rem; margin-right: 0.5rem; } .christmas-trees .christmas2 .christmas-bundle .swiper-button-prev3 svg path[data-v-3cc2b125] { fill: rgb(255, 255, 255); } .christmas-trees .christmas2 .christmas-bundle .swiper-button-next3[data-v-3cc2b125] { border: 0.0625rem solid rgb(255, 255, 255); width: 7.75rem; height: 2.5rem; border-radius: 1.25rem; text-align: center; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; cursor: pointer; } .christmas-trees .christmas2 .christmas-bundle .swiper-button-next3 svg[data-v-3cc2b125] { width: 0.5rem; height: 0.875rem; margin-left: 0.5rem; } .christmas-trees .christmas2 .christmas-bundle .swiper-button-next3 svg path[data-v-3cc2b125] { fill: rgb(255, 255, 255); } .christmas-trees .christmas2 .christmas-bundle .swiper-button-disabled[data-v-3cc2b125] { border: 0.0625rem solid rgb(16, 70, 47); color: rgb(16, 70, 47); } .christmas-trees .christmas2 .christmas-bundle .swiper-button-disabled svg path[data-v-3cc2b125] { fill: rgb(16, 70, 47); } .christmas-trees .christmas2 .swiper-main3[data-v-3cc2b125] { width: 90rem; overflow: hidden; margin-top: 2.1875rem; } .christmas-trees .christmas2 .christmas-buyersshow[data-v-3cc2b125] { margin-top: 6.25rem; } .christmas-trees .christmas2 .swiper-main2[data-v-3cc2b125] { width: 90rem; overflow: hidden; margin-top: 2.5rem; position: relative; } .christmas-trees .christmas2 .swiper-main2 .swiper-slide[data-v-3cc2b125] { width: 21.5625rem; height: 33.5625rem; background-color: rgb(255, 255, 255); border-radius: 0.5rem; } .christmas-trees .christmas2 .swiper-main2 .swiper-slide img[data-v-3cc2b125] { width: 21.5625rem; height: 21.5625rem; border-radius: 0.5rem 0.5rem 0px 0px; object-fit: cover; } .christmas-trees .christmas2 .swiper-main2 .swiper-slide p[data-v-3cc2b125] { height: 5.9375rem; font-size: 1rem; color: rgb(0, 0, 0); margin-top: 0.625rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden; line-height: 1.5rem; padding: 0px 0.9375rem; text-align-last: left; } .christmas-trees .christmas2 .swiper-main2 .swiper-slide .star[data-v-3cc2b125] { padding: 0px 0.9375rem; } .christmas-trees .christmas2 .swiper-main2 .swiper-slide .star img[data-v-3cc2b125] { width: 0.875rem; height: 0.875rem; } .christmas-trees .christmas2 .swiper-main2 .swiper-slide .buyers-name[data-v-3cc2b125] { padding: 0px 0.9375rem; display: flex; justify-content: space-between; align-items: center; margin-top: 0.3125rem; } .christmas-trees .christmas2 .swiper-main2 .swiper-slide .buyers-name span[data-v-3cc2b125] { font-size: 1.125rem; color: rgb(0, 0, 0); } .christmas-trees .christmas2 .swiper-main2 .swiper-slide .buyers-name a[data-v-3cc2b125] { font-size: 1rem; color: rgb(23, 106, 70); text-decoration: underline; } .christmas-trees .christmas2 .swiper-main2 .swiper-button-prev[data-v-3cc2b125], .christmas-trees .christmas2 .swiper-main2 .swiper-button-next[data-v-3cc2b125] { position: absolute; color: rgb(102, 102, 102); width: 2.5rem; height: 2.5rem; border-radius: 2.1875rem; top: 58%; transform: translateY(-50%); border: 0.0625rem solid rgb(204, 204, 204); background: rgb(255, 255, 255); } .christmas-trees .christmas2 .swiper-main2 .swiper-button-prev[data-v-3cc2b125]::after, .christmas-trees .christmas2 .swiper-main2 .swiper-button-next[data-v-3cc2b125]::after { font-size: 1.125rem; } .christmas-trees .christmas2 .swiper-main2 .swiper-button-prev[data-v-3cc2b125] { left: 0.625rem; } .christmas-trees .christmas2 .swiper-main2 .swiper-button-next[data-v-3cc2b125] { right: 0.875rem; } .christmas-trees .christmas3[data-v-3cc2b125] { background: url("https://ca-static.costway.ca/assets/1760598923/images/christmas-bg4-ee43ce42.png") center center repeat; padding-bottom: 2.5rem; width: 120rem; margin: auto; } .christmas-trees .christmas3 .christmas-free[data-v-3cc2b125] { margin-top: 5rem; } .christmas-trees .christmas3 .christmas-free img[data-v-3cc2b125] { width: 100%; } .christmas-trees .christmas3 .buyers-img[data-v-3cc2b125] { margin-top: 3.125rem; } .christmas-trees .christmas3 .buyers-img ul[data-v-3cc2b125] { display: flex; flex-wrap: wrap; gap: 1rem; } .christmas-trees .christmas3 .buyers-img li[data-v-3cc2b125] { width: 29.125rem; height: 29.125rem; flex: 0 0 auto; position: relative; border-radius: 0.5rem; } .christmas-trees .christmas3 .buyers-img li img[data-v-3cc2b125] { width: 100%; height: 100%; object-fit: cover; border-radius: 0.5rem; } .christmas-trees .christmas3 .buyers-img li.short[data-v-3cc2b125] { height: 14.375rem; } .christmas-trees .christmas3 .buyers-img li[data-v-3cc2b125]:nth-child(3n+2) { margin-top: -14.75rem; } .christmas-trees .christmas3 .buyers-img li[data-v-3cc2b125]:nth-child(-n+3) { margin-top: 0px; } .christmas-trees .christmas4[data-v-3cc2b125] { background: url("https://ca-static.costway.ca/assets/1760598923/images/christmas-bg5-e64d6eab.png") center center / 100% 100% no-repeat; height: 46.0625rem; width: 120rem; padding-top: 8.75rem; margin: auto; } .christmas-trees .christmas4 h1[data-v-3cc2b125] { color: rgb(255, 255, 255); font-size: 1.25rem; } .christmas-trees .christmas4 ul[data-v-3cc2b125] { display: flex; margin-top: 2.5rem; } .christmas-trees .christmas4 ul li[data-v-3cc2b125] { width: auto; height: 2.8125rem; padding: 0px 2.375rem; line-height: 2.8125rem; text-align: center; background-color: rgb(255, 255, 255); border-radius: 1.375rem; margin-right: 0.9375rem; } .christmas-trees .christmas4 ul li p[data-v-3cc2b125] { font-size: 1rem; } .christmas-trees .christmas4 .christmas-introduce[data-v-3cc2b125] { margin-top: 6.5625rem; } .christmas-trees .christmas4 .christmas-introduce h2[data-v-3cc2b125] { color: rgb(255, 255, 255); font-size: 1.25rem; } .christmas-trees .christmas4 .christmas-introduce p[data-v-3cc2b125] { color: rgb(255, 255, 255); font-size: 1.125rem; margin-top: 1.25rem; overflow-wrap: break-word; } [data-v-5b80c401]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-5b80c401] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-5b80c401] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-5b80c401] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-5b80c401] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-5b80c401] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-5b80c401] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-5b80c401] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-5b80c401] { padding: 0px 20px; } } .ant-form-item[data-v-5b80c401], .ant-radio-wrapper[data-v-5b80c401], .ant-radio-group[data-v-5b80c401] { font-variant: normal !important; } .ant-message[data-v-5b80c401] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-5b80c401] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-5b80c401] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-5b80c401] { display: none; } .loyalty-cashback p[data-v-5b80c401] { margin: 0px; } .loyalty-cashback .cash-title[data-v-5b80c401] { font-size: 1.375rem; color: rgb(0, 0, 0); font-weight: 700; text-align: center; } .loyalty-cashback .cash-subtitle[data-v-5b80c401] { font-size: 1rem; color: rgb(51, 51, 51); text-align: center; margin-top: 0.3125rem; } .loyalty-cashback .sms[data-v-5b80c401] { position: absolute; top: 0px; right: 0px; font-size: 1rem; display: flex; align-items: center; cursor: pointer; } .loyalty-cashback .sms span[data-v-5b80c401] { text-decoration: underline; } .loyalty-cashback .sms img[data-v-5b80c401] { width: 1rem; height: 1rem; margin-left: 0.3125rem; cursor: pointer; } .loyalty-cashback .cash-top[data-v-5b80c401] { width: 100%; background: rgb(249, 249, 249); position: relative; } .loyalty-cashback .cash-top .cash-top-bg[data-v-5b80c401] { margin: 0px auto; } .loyalty-cashback .cash-top .cash-top-bg img[data-v-5b80c401] { width: 100%; height: 100%; } .loyalty-cashback .cash-top .cash-top-box[data-v-5b80c401] { width: 84.375rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: space-between; } .loyalty-cashback .cash-top .cash-top-box .cash-top-content[data-v-5b80c401] { margin-bottom: 1.25rem; } .loyalty-cashback .cash-top .cash-top-box h1[data-v-5b80c401] { color: rgb(255, 255, 255); font-family: Poppins; font-weight: 700; font-size: 2.25rem; text-align: center; position: relative; margin-bottom: 0.625rem; } .loyalty-cashback .cash-top .cash-top-box h1 .star[data-v-5b80c401] { position: absolute; top: 0px; left: 22.1875rem; width: 1.8125rem; height: 1.625rem; } .loyalty-cashback .cash-top .cash-top-box h1 span[data-v-5b80c401] { font-size: 64px; margin: 0px; } .loyalty-cashback .cash-top .cash-top-box p[data-v-5b80c401] { color: rgb(255, 255, 255); font-size: 1.25rem; } .loyalty-cashback .cash-top .cash-top-box .btn[data-v-5b80c401] { display: flex; justify-content: center; margin-top: 1.875rem; } .loyalty-cashback .cash-top .cash-top-box .btn p[data-v-5b80c401] { width: 16.25rem; height: 3.4375rem; font-size: 1.125rem; background: rgba(218, 119, 30, 0.53); border-radius: 1.875rem; margin-right: 0.625rem; cursor: pointer; } .loyalty-cashback .cash-top .cash-top-box .btn p img[data-v-5b80c401] { width: 4.125rem; height: 3.4375rem; margin-right: 0.9375rem; } .loyalty-cashback .cash-top .cash-top-box .cash-top-type[data-v-5b80c401] { margin-right: 3.125rem; margin-top: 1.25rem; } .loyalty-cashback .cash-top .cash-top-box .cash-top-type .cash-top-type-box[data-v-5b80c401] { width: 20.875rem; height: 3.4375rem; background: linear-gradient(270deg, rgb(42, 41, 41) 0%, rgb(27, 27, 27) 100%); border-radius: 1.875rem; text-align: center; line-height: 3.4375rem; box-shadow: rgb(255, 164, 27) 0.4375rem 0.4375rem 1.90625rem 0.75rem; cursor: pointer; position: relative; } .loyalty-cashback .cash-top .cash-top-box .cash-top-type .cash-top-type-box p[data-v-5b80c401] { font-size: 1.375rem; color: rgb(255, 255, 255); margin-right: 0.625rem; } .loyalty-cashback .cash-top .cash-top-box .cash-top-type .cash-top-type-box img[data-v-5b80c401] { width: 3.875rem; height: 3.3125rem; position: absolute; top: 1.875rem; right: -2.5rem; } .loyalty-cashback .cash-top .cash-top-box .cash-top-type h6[data-v-5b80c401] { font-size: 1.25rem; color: rgb(255, 255, 255); text-align: center; margin-top: 1.5625rem; } .loyalty-cashback .cash-top .cash-top-box .already[data-v-5b80c401] { width: 20.875rem; height: 3.4375rem; background: rgb(255, 255, 255); border-radius: 1.875rem; text-align: center; line-height: 3.4375rem; font-size: 1.375rem; color: rgb(156, 156, 156); } .loyalty-cashback .gray[data-v-5b80c401] { width: 100%; background: rgb(249, 249, 249); padding-bottom: 7rem; padding-top: 3.75rem; } .loyalty-cashback .user-cash[data-v-5b80c401] { width: 90rem; margin: 0px auto 3.75rem; position: relative; } .loyalty-cashback .user-cash ul[data-v-5b80c401] { display: flex; justify-content: space-between; margin-top: 2.5rem; margin-bottom: 1.25rem; } .loyalty-cashback .user-cash ul li[data-v-5b80c401] { width: 21.5rem; height: 5.9375rem; border-radius: 0.625rem; background-color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; } .loyalty-cashback .user-cash ul li p[data-v-5b80c401] { display: flex; flex-direction: column; justify-content: center; margin-right: 2.8125rem; font-size: 1.25rem; } .loyalty-cashback .user-cash ul li p span[data-v-5b80c401]:nth-child(1) { font-weight: 700; font-size: 1.5rem; color: rgb(0, 0, 0); } .loyalty-cashback .user-cash ul li svg[data-v-5b80c401] { width: 2.9375rem; height: 2.9375rem; } .loyalty-cashback .user-cash .orderlist[data-v-5b80c401] { margin-top: 2.5rem; background: rgb(255, 255, 255); border-radius: 0.625rem; overflow: hidden; padding: 0px 0.5rem; } .loyalty-cashback .user-cash .orderlist .order-title[data-v-5b80c401] { font-size: 1.25rem; font-weight: 600; color: rgb(51, 51, 51); margin: 0px; padding: 1.875rem 0px 1.875rem 1.5rem; } .loyalty-cashback .user-cash .orderlist .order-table[data-v-5b80c401] { width: 100%; } .loyalty-cashback .user-cash .orderlist .order-table .table-header[data-v-5b80c401] { display: flex; background: rgb(249, 249, 249); } .loyalty-cashback .user-cash .orderlist .order-table .table-header .header-cell[data-v-5b80c401] { flex: 1 1 0%; padding: 0.625rem 0.9375rem; font-weight: 600; font-size: 1rem; color: rgb(51, 51, 51); text-align: left; } .loyalty-cashback .user-cash .orderlist .order-table .table-header .header-cell[data-v-5b80c401]:first-child { flex: 1.2 1 0%; padding-left: 1.875rem; } .loyalty-cashback .user-cash .orderlist .order-table .table-header .header-cell[data-v-5b80c401]:nth-child(2) { flex: 2 1 0%; } .loyalty-cashback .user-cash .orderlist .order-table .table-header .header-cell[data-v-5b80c401]:nth-child(3) { flex: 1.2 1 0%; } .loyalty-cashback .user-cash .orderlist .order-table .table-header .header-cell[data-v-5b80c401]:nth-child(4) { flex: 1.2 1 0%; } .loyalty-cashback .user-cash .orderlist .order-table .table-header .header-cell[data-v-5b80c401]:nth-child(5) { flex: 1.4 1 0%; } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row[data-v-5b80c401] { display: flex; border-bottom: 0.0625rem solid rgb(240, 240, 240); transition: background-color 0.2s; } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row[data-v-5b80c401]:hover { background-color: rgb(250, 250, 250); } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row[data-v-5b80c401]:last-child { border-bottom: none; } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row .table-cell[data-v-5b80c401] { flex: 1 1 0%; padding: 1.25rem 0.9375rem; display: flex; align-items: center; font-size: 0.875rem; color: rgb(51, 51, 51); text-align: left; } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row .table-cell[data-v-5b80c401]:first-child { padding-left: 1.875rem; } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row .table-cell.order-id[data-v-5b80c401] { flex: 1.2 1 0%; font-weight: 500; color: rgb(51, 51, 51); } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row .table-cell.product[data-v-5b80c401] { flex: 2 1 0%; align-items: flex-start; } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row .table-cell.product > div[data-v-5b80c401] { width: 100%; } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row .table-cell.product .product-item[data-v-5b80c401] { margin-bottom: 0px; padding: 0px; background: none; border-radius: 0px; font-size: 0.875rem; color: rgb(51, 51, 51); line-height: 1.4; } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row .table-cell.date[data-v-5b80c401] { flex: 1.2 1 0%; color: rgb(51, 51, 51); } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row .table-cell.cashback[data-v-5b80c401] { flex: 1.2 1 0%; } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row .table-cell.cashback .cashback-info[data-v-5b80c401] { text-align: left; } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row .table-cell.cashback .cashback-info .cashback-price[data-v-5b80c401] { font-weight: 700; color: rgb(51, 51, 51); font-size: 0.875rem; } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row .table-cell.status[data-v-5b80c401] { flex: 1.4 1 0%; } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row .table-cell.status .status-badge[data-v-5b80c401] { padding: 0.25rem 0.75rem; border-radius: 0.25rem; font-size: 1rem; font-weight: 500; text-transform: none; letter-spacing: normal; } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row .table-cell.status .status-badge.claimed[data-v-5b80c401] { background: rgb(226, 249, 227); color: rgb(11, 192, 99); border: none; } .loyalty-cashback .user-cash .orderlist .order-table .table-body .table-row .table-cell.status .status-badge.pending[data-v-5b80c401] { background: rgb(255, 248, 231); color: rgb(253, 172, 14); border: none; } .loyalty-cashback .user-cash .orderlist .no-orders[data-v-5b80c401] { padding: 3.75rem 1.25rem; text-align: center; color: rgb(153, 153, 153); font-size: 1rem; } .loyalty-cashback .user-cash .orderlist .no-orders p[data-v-5b80c401] { margin: 0px; font-style: italic; } .loyalty-cashback .highlight[data-v-5b80c401] { width: 90rem; margin: 1.875rem auto 0px; background: rgb(255, 255, 255); display: flex; align-items: center; height: 16.875rem; } .loyalty-cashback .highlight .high1 img[data-v-5b80c401] { width: 15.5rem; height: 16.875rem; } .loyalty-cashback .highlight .high2[data-v-5b80c401] { margin-left: 5rem; margin-right: 8.75rem; } .loyalty-cashback .highlight .high2 h4[data-v-5b80c401] { font-size: 1.25rem; font-weight: 700; margin-bottom: 1.875rem; } .loyalty-cashback .highlight .high2 h6[data-v-5b80c401] { font-size: 1.125rem; font-weight: 400; margin-bottom: 1.875rem; } .loyalty-cashback .highlight .high2 h6 span[data-v-5b80c401] { font-weight: 700; font-size: 1.5rem; } .loyalty-cashback .highlight .high2 p[data-v-5b80c401] { font-size: 1.125rem; text-decoration: underline; cursor: pointer; } .loyalty-cashback .highlight .high3 p[data-v-5b80c401] { width: 19.75rem; height: 2.8125rem; margin: 0px auto 1.25rem; border-radius: 1.75rem; background: rgb(255, 200, 66); text-align: center; line-height: 2.8125rem; font-size: 1rem; color: rgb(42, 42, 42); cursor: pointer; } .loyalty-cashback .highlight .high3 h4[data-v-5b80c401] { display: flex; align-items: center; justify-content: center; width: 20.625rem; height: 2.8125rem; border-radius: 1.75rem; background: rgb(249, 249, 249); text-align: center; line-height: 2.8125rem; font-size: 1rem; margin-bottom: 0.9375rem; } .loyalty-cashback .highlight .high3 h4 svg[data-v-5b80c401] { width: 1.125rem; height: 0.75rem; margin-right: 0.375rem; } .loyalty-cashback .highlight .high3 h5[data-v-5b80c401] { font-size: 1.125rem; line-height: 2.1875rem; margin-left: 0.5rem; } .loyalty-cashback .highlight .high3 h5 span[data-v-5b80c401] { font-weight: 700; } .loyalty-cashback .highlight .high3 h5 .birthday-date[data-v-5b80c401] { position: relative; font-weight: 700; z-index: 2; display: inline-block; } .loyalty-cashback .highlight .high3 h5 .birthday-date[data-v-5b80c401]::after { content: ""; position: absolute; bottom: 0.375rem; left: 0px; width: 100%; height: 0.375rem; background: rgb(255, 200, 66); border-radius: 0.125rem; z-index: -1; } .loyalty-cashback .highlight .high3 h6[data-v-5b80c401] { font-size: 0.875rem; color: rgb(51, 51, 51); } .loyalty-cashback .highlight .completed[data-v-5b80c401] { margin-left: 9.375rem; } .loyalty-cashback .step[data-v-5b80c401] { width: 90rem; margin: 3.75rem auto 0px; position: relative; } .loyalty-cashback .step ul[data-v-5b80c401] { display: flex; justify-content: space-between; margin-top: 2.5rem; } .loyalty-cashback .step ul li[data-v-5b80c401] { width: 29.1875rem; height: 19.75rem; position: relative; } .loyalty-cashback .step ul li img[data-v-5b80c401] { width: 100%; height: 100%; } .loyalty-cashback .step ul li .cont[data-v-5b80c401] { width: 13.75rem; position: absolute; top: 2.5rem; left: 2.1875rem; height: 100%; } .loyalty-cashback .step ul li .cont h2[data-v-5b80c401] { font-size: 1.25rem; margin-bottom: 1.25rem; color: rgb(51, 51, 51); font-weight: 700; } .loyalty-cashback .step ul li .cont p[data-v-5b80c401] { font-size: 1rem; } .loyalty-cashback .cash-mightlike[data-v-5b80c401] { width: 90rem; margin: 3.75rem auto 0px; } .loyalty-cashback .cash-mightlike .related-products[data-v-5b80c401] { margin-top: 1.875rem; margin-bottom: 0px; } .loyalty-cashback .cash-mightlike .swiper-main .swiper-button-prev[data-v-5b80c401], .loyalty-cashback .cash-mightlike .swiper-main .swiper-button-next[data-v-5b80c401] { width: 3.125rem !important; height: 3.125rem; } .loyalty-cashback .cash-mightlike .swiper-main .swiper-button-prev[data-v-5b80c401] { left: 0.9375rem; } .loyalty-cashback .cash-mightlike .swiper-main .swiper-button-next[data-v-5b80c401] { right: 1.875rem !important; } .loyalty-cashback .active[data-v-5b80c401] { width: 90rem; margin: 1.25rem auto 0px; } .loyalty-cashback .active ul[data-v-5b80c401] { width: 100%; display: flex; justify-content: space-between; margin-top: 1.875rem; } .loyalty-cashback .active ul li[data-v-5b80c401] { width: 29.0625rem; height: 27.5rem; background: rgb(255, 255, 255); border-radius: 0.5rem; box-shadow: rgba(122, 122, 122, 0.15) 0.0625rem 0.3125rem 2.1875rem 0.0625rem; text-align: center; } .loyalty-cashback .active ul li img[data-v-5b80c401] { width: 100%; height: 17.8125rem; border-radius: 0.5rem 0.5rem 0px 0px; } .loyalty-cashback .active ul li h1[data-v-5b80c401] { font-size: 1.625rem; font-weight: 700; color: rgb(0, 0, 0); margin: 2.1875rem 0px 0.9375rem; } .loyalty-cashback .active ul li p[data-v-5b80c401] { font-size: 1.25rem; color: rgb(51, 51, 51); } .calling[data-v-5b80c401] { padding: 1.875rem 0px 0px; } .calling .employee-title[data-v-5b80c401] { font-size: 1.25rem; font-weight: 700; color: rgb(0, 0, 0); } .calling .calling-box[data-v-5b80c401] { width: 90rem; margin: 0px auto; } .calling .calling-select[data-v-5b80c401] { margin: 3.125rem 0px; } .calling .calling-jobheader[data-v-5b80c401], .calling .t-qa-con[data-v-5b80c401] { display: flex; box-sizing: border-box; justify-content: space-between; align-items: center; } .calling .calling-jobheader[data-v-5b80c401] { font-size: 1.125rem; font-weight: 700; } .calling .job-title[data-v-5b80c401] { width: 100%; text-align: left; overflow: hidden; padding-right: 1.25rem; box-sizing: border-box; font-size: 1.125rem; } .calling .job-title[data-v-5b80c401] p { margin-bottom: 0px; } .calling .job-department[data-v-5b80c401], .calling .job-location[data-v-5b80c401] { width: 30%; text-align: left; overflow: hidden; padding-right: 1.25rem; box-sizing: border-box; } .calling .svg-icon[data-v-5b80c401] { width: 3%; } .faq-box[data-v-5b80c401] { border-radius: 0.3125rem; margin: 1.25rem 0px; box-sizing: border-box; } .other-faq[data-v-5b80c401] { display: none; } .see-all[data-v-5b80c401] { border: 0.0625rem solid rgb(204, 204, 204); margin: 1.875rem auto 3.75rem; cursor: pointer; width: 15rem; padding: 0.5rem 0px; border-radius: 1.875rem; text-align: center; display: block; } .qa-con[data-v-5b80c401] { border-bottom: 0.0625rem solid rgb(204, 204, 204); cursor: pointer; } .qa-con .t-qa-con[data-v-5b80c401] { margin: 1.25rem 0px; } .qa-con .b-qa-con[data-v-5b80c401] { padding-bottom: 1.25rem; } .qa-con .b-qa-con p[data-v-5b80c401] { margin-bottom: 0px; } .qa-con .b-qa-con .respon-title[data-v-5b80c401] { font-weight: 700; font-size: 1.125rem; margin: 1.25rem 0px 0.5rem; } .qa-con .t-qa-con svg.isShow[data-v-5b80c401] { display: block; } .calling .apply-now[data-v-5b80c401] { padding: 0.5rem 2.5rem; border-radius: 1.875rem; color: rgb(255, 255, 255); margin-top: 1.25rem; display: inline-block; } .calling .apply-now[data-v-5b80c401]:hover { color: rgb(255, 255, 255) !important; } .seemore-btn[data-v-5b80c401] { padding: 1.25rem; text-align: center; border-top: 0.0625rem solid rgb(240, 240, 240); } .seemore-btn button[data-v-5b80c401] { background: none; border: 0.0625rem solid rgb(221, 221, 221); border-radius: 1.25rem; padding: 0.5rem 1.5rem; font-size: 0.875rem; color: rgb(102, 102, 102); cursor: pointer; transition: 0.2s; } .seemore-btn button[data-v-5b80c401]:hover { background: rgb(245, 245, 245); border-color: rgb(204, 204, 204); } .no-orders[data-v-5b80c401] { padding: 3.75rem 1.25rem; text-align: center; color: rgb(153, 153, 153); font-size: 1rem; } .no-orders p[data-v-5b80c401] { margin: 0px; font-style: italic; } .progress-container[data-v-5b80c401] { width: 100%; padding: 1.25rem; margin: 1.875rem auto 1.25rem; max-width: 23.75rem; } .icons-row[data-v-5b80c401] { display: flex; justify-content: space-between; padding: 0px 2.1875rem; } .icon-item[data-v-5b80c401] { position: relative; display: flex; justify-content: center; } .check-icon[data-v-5b80c401] { width: 1.875rem; height: 1.875rem; background: rgb(46, 204, 113); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); } .money-icon[data-v-5b80c401] { width: 1.875rem; height: 1.875rem; display: flex; align-items: center; justify-content: center; } .percentage[data-v-5b80c401] { position: absolute; top: -1.5625rem; background: rgb(92, 92, 92); color: rgb(255, 255, 255); padding: 0px 0.75rem; border-radius: 0.75rem; font-size: 0.875rem; } .percentage img[data-v-5b80c401] { position: absolute; bottom: -0.25rem; left: 50%; transform: translate(-50%); } .progress-bar[data-v-5b80c401] { height: 2.8125rem; display: flex; align-items: center; text-align: center; margin: 0.1875rem auto 0px; } .progress-bar img[data-v-5b80c401] { width: 100%; height: auto; } .progress-track[data-v-5b80c401] { position: relative; width: 33rem; height: 0.375rem; background: rgb(224, 224, 224); border-radius: 0.25rem; overflow: visible; } .progress-fill[data-v-5b80c401] { height: 100%; background: linear-gradient(90deg, rgb(0, 200, 81) 0%, rgb(0, 217, 96) 100%); border-radius: 0.25rem; transition: width 0.3s; } .progress-icon[data-v-5b80c401] { position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); } .progress-icon[data-v-5b80c401]:nth-child(1) { width: 1.625rem; height: 1.625rem; left: 6%; } .progress-icon:nth-child(1) img[data-v-5b80c401] { width: 100%; height: 100%; } .progress-icon[data-v-5b80c401]:nth-child(2) { width: 2.5rem; height: 2.5rem; left: 47%; } .progress-icon:nth-child(2) img[data-v-5b80c401] { width: 100%; height: 100%; } .progress-icon[data-v-5b80c401]:nth-child(3) { width: 2.8125rem; height: 2.8125rem; left: 93%; } .progress-icon:nth-child(3) img[data-v-5b80c401] { width: 100%; height: 100%; } .cashpopbar[data-v-5b80c401] { width: 18.75rem; } .cashpopbar .progress-icon[data-v-5b80c401]:nth-child(1) { left: 6%; width: 1.5625rem; height: 1.5625rem; } .cashpopbar .progress-icon[data-v-5b80c401]:nth-child(2) { left: 43%; width: 2.1875rem; height: 2.1875rem; } .cashpopbar .progress-icon[data-v-5b80c401]:nth-child(3) { left: 90%; width: 2.5rem; height: 2.5rem; } .text-row[data-v-5b80c401] { display: flex; justify-content: space-between; } .text-item[data-v-5b80c401] { width: 6.25rem; text-align: center; font-size: 0.875rem; color: rgb(51, 51, 51); line-height: 1rem; } .text-item[data-v-5b80c401]:nth-of-type(3) { padding-left: 1.25rem; } .rules[data-v-5b80c401] { padding: 0px 1.75rem; text-align: center; color: rgb(102, 102, 102); font-size: 0.875rem; margin-top: 1.25rem; } .con h1[data-v-5b80c401] { font-size: 1.25rem; font-weight: 700; text-align: center; } .con p[data-v-5b80c401] { font-size: 0.875rem; color: rgb(0, 0, 0); margin-bottom: 0.625rem; } .con .four-p[data-v-5b80c401] { width: 31.9375rem; background: rgb(248, 248, 248); padding: 0.625rem 0.625rem 0.0625rem; border-radius: 0.25rem; margin: -0.3125rem 0px 0.9375rem; } .con .four-p p[data-v-5b80c401] { color: rgb(51, 51, 51); font-size: 0.875rem; } .pagecash[data-v-5b80c401] { max-width: 34rem; } .pagecash .progress-bar[data-v-5b80c401] { width: 34rem; } .pagecash .progress-bar .progress-track[data-v-5b80c401] { width: 100%; } .pagecash .text-row[data-v-5b80c401] { width: 35.3125rem; } .pagecash .icons-row[data-v-5b80c401] { width: 35rem; } .finger-animation[data-v-5b80c401] { animation: 0.8s linear 0s infinite normal none running finger-5b80c401; } @keyframes finger-5b80c401 { 0% { transform: rotate(0deg); } 33% { transform: rotate(8deg); } 66% { transform: rotate(-8deg); } 100% { transform: rotate(0deg); } } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .rule-cash { width: 30rem !important; } .rule-cash .ant-modal-content { border-radius: 0.9375rem; } .rule-cash .rule-cash-content { padding: 1.25rem 1.875rem; height: auto; overflow-y: auto; } .rule-cash .rule-cash-content::-webkit-scrollbar { width: 0.375rem; } .rule-cash .rule-cash-content::-webkit-scrollbar-track { border-radius: 0.1875rem; background: rgb(249, 249, 249); } .rule-cash .rule-cash-content::-webkit-scrollbar-thumb { background: rgb(192, 192, 192); border-radius: 0.1875rem; } .rule-cash .rule-cash-content .rule-cash-header h2 { font-size: 1.25rem; font-weight: 700; text-align: left; margin-bottom: 1.5625rem; } .rule-cash .rule-cash-content .rule-cash-body { margin-bottom: 1.25rem; } .rule-cash .rule-cash-content .rule-cash-body h4 { font-size: 1rem; color: rgb(0, 0, 0); margin-bottom: 0.9375rem; } .rule-cash .rule-cash-content .rule-cash-body p { color: rgb(51, 51, 51); margin-bottom: 0.9375rem; } .rule-cash .rule-cash-content .rule-cash-body span { font-size: 1.25rem; color: rgb(0, 0, 0); font-weight: 700; } .rule-cash .ant-modal-body { padding: 0px; } .cash-rule2 .rule-cash-content { padding: 3.75rem 0px 4.375rem; text-align: center; } .cash-rule2 .rule-cash-content .rule-cash-header h2 { text-align: center; margin-bottom: 0.625rem; } .cash-rule2 .rule-cash-content .rule-cash-header h4 { font-size: 1rem; font-weight: 400; } .cash-rule2 .rule-cash-content button { width: 17.3125rem; height: 2.8125rem; border-radius: 1.375rem; background: rgb(255, 200, 66); font-size: 1rem; text-align: center; line-height: 2.8125rem; border: none; margin-top: 1.875rem; cursor: pointer; } .cash-rule3 .rule-cash-content { padding-top: 1.25rem; } .cash-rule3 .rule-cash-content .rule-cash-header h2 { text-align: center; margin-bottom: 1.875rem; font-size: 1.25rem; } .cash-rule3 .rule-cash-content .rule-cash-header h4 { font-size: 1rem; font-weight: 400; text-align: center; line-height: 2.1875rem; } .cash-rule3 .user-brithday { padding: 1.875rem 1.25rem 1.25rem; text-align: center; } .cash-rule3 .user-brithday .birthday-selectors { display: flex; gap: 0.75rem; margin-bottom: 2.5rem; justify-content: center; } .cash-rule3 .user-brithday .birthday-selectors .ant-select-single .ant-select-selector { border-radius: 1.875rem; border: 0.0625rem solid rgb(204, 204, 204); align-items: center; width: 7.9375rem !important; height: 2.8125rem !important; } .cash-rule3 .user-brithday .birthday-selectors .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { line-height: 2.8125rem !important; height: 2.8125rem !important; } .cash-rule3 .user-brithday .birthday-selectors .ant-select-arrow svg { color: rgb(0, 0, 0); } .cash-rule3 .user-brithday .confirm-birthday-btn { width: 17.3125rem; height: 2.8125rem; background: rgb(34, 34, 34); color: rgb(255, 255, 255); border: none; border-radius: 1.5rem; font-size: 1rem; cursor: pointer; transition: 0.2s; } .cash-rule3 .user-brithday .confirm-birthday-btn:hover { background: rgb(51, 51, 51); } .cash-rule4 { width: 35.1875rem !important; } .cash-rule4 .rule-cash-modal-content { height: auto; } [data-v-5d66da0f]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-5d66da0f] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-5d66da0f] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-5d66da0f] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-5d66da0f] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-5d66da0f] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-5d66da0f] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-5d66da0f] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-5d66da0f] { padding: 0px 20px; } } .ant-form-item[data-v-5d66da0f], .ant-radio-wrapper[data-v-5d66da0f], .ant-radio-group[data-v-5d66da0f] { font-variant: normal !important; } .ant-message[data-v-5d66da0f] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-5d66da0f] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-5d66da0f] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-5d66da0f] { display: none; } .pay-header[data-v-5d66da0f] { margin: 0px auto 3.125rem; padding: 1.5625rem 0px; border-bottom: 0.0625rem solid rgb(244, 244, 244); } .pay-header .svg_pay_hader_logo[data-v-5d66da0f] { cursor: pointer; width: 6.25rem; height: 2.75rem; } .pay-header .svg_left_arrow[data-v-5d66da0f] { width: 0.4375rem; height: 0.75rem; } .pay-header .breadcrumb[data-v-5d66da0f] { display: flex; align-items: center; font-size: 1rem; color: rgb(0, 0, 0); margin-left: 1.25rem; } .pay-header .breadcrumb p[data-v-5d66da0f] { margin: 0px; font-size: 1.25rem; color: rgba(0, 0, 0, 0.45); cursor: pointer; } .pay-header .breadcrumb p.active[data-v-5d66da0f] { color: rgb(0, 0, 0); } .pay-header .breadcrumb span[data-v-5d66da0f] { margin: 0px 0.625rem; font-size: 1.25rem; color: rgba(0, 0, 0, 0.45); } .confirm-box[data-v-5d66da0f] { padding: 1.25rem 2.5rem !important; } .confirm-box p[data-v-5d66da0f] { font-size: 1.25rem; font-weight: 700; margin-bottom: 1.875rem; } .confirm-box[data-v-5d66da0f] .ant-radio { top: 0.125rem; } .confirm-box .btn[data-v-5d66da0f] { display: flex; justify-content: space-between; cursor: pointer; margin-top: 1.25rem; } .confirm-box .btn span[data-v-5d66da0f], .confirm-box .btn a[data-v-5d66da0f] { display: inline-block; width: 48%; height: 3.125rem; line-height: 3.125rem; text-align: center; background: rgb(253, 172, 14); border-radius: 2.5rem; font-size: 1.125rem; cursor: pointer; color: rgb(255, 255, 255); } .confirm-box .btn span[data-v-5d66da0f] { line-height: 3rem; background: rgb(255, 255, 255); color: rgb(253, 172, 14); border: 0.125rem solid rgb(253, 172, 14); } [data-v-ea5a3996]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-ea5a3996] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-ea5a3996] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-ea5a3996] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-ea5a3996] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-ea5a3996] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-ea5a3996] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-ea5a3996] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-ea5a3996] { padding: 0px 20px; } } .ant-form-item[data-v-ea5a3996], .ant-radio-wrapper[data-v-ea5a3996], .ant-radio-group[data-v-ea5a3996] { font-variant: normal !important; } .ant-message[data-v-ea5a3996] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-ea5a3996] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-ea5a3996] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-ea5a3996] { display: none; } .address-form[data-v-ea5a3996] .ant-form-item .ant-input { border: 0.0625rem solid rgb(204, 204, 204); height: 3.125rem; border-radius: 0.125rem; } .tips[data-v-ea5a3996] { color: rgb(153, 153, 153); } .title[data-v-ea5a3996] { font-weight: 500; font-size: 1.625rem; line-height: 2.4375rem; padding-bottom: 1.25rem; border-bottom: 0.0625rem solid rgb(204, 204, 204); margin-bottom: 2.5rem; } .address-form[data-v-ea5a3996] .ant-form-item-has-error .ant-input { border: 0.0625rem solid rgb(230, 77, 67); } .address-form[data-v-ea5a3996] .ant-select { width: 100%; } .address-form[data-v-ea5a3996] .ant-select .ant-select-selector { border: 0.0625rem solid rgb(204, 204, 204); } .address-form[data-v-ea5a3996] .ant-select .ant-select-selector, .address-form[data-v-ea5a3996] .ant-select input { height: 3.125rem !important; } .address-form[data-v-ea5a3996] .ant-select .ant-select-selection-placeholder, .address-form[data-v-ea5a3996] .ant-select .ant-select-selection-item { line-height: 3.125rem !important; font-size: 1.125rem; } .address-form[data-v-ea5a3996] .ant-checkbox-inner { border: 0.0625rem solid rgb(204, 204, 204); border-radius: 0.125rem; } .address-form[data-v-ea5a3996] .ant-form-item-label > label { font-size: 1.125rem; } .save-btn[data-v-ea5a3996] { width: 100%; height: 3.75rem; background: rgb(253, 172, 14); border-radius: 2.1875rem; font-weight: 500; font-size: 1.25rem; line-height: 1.875rem; text-align: center; border-color: rgb(253, 172, 14); color: rgb(255, 255, 255); } .save-btn[data-v-ea5a3996]:hover { background: rgb(253, 189, 62); } [data-v-24d1a790]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-24d1a790] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-24d1a790] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-24d1a790] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-24d1a790] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-24d1a790] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-24d1a790] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-24d1a790] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-24d1a790] { padding: 0px 20px; } } .ant-form-item[data-v-24d1a790], .ant-radio-wrapper[data-v-24d1a790], .ant-radio-group[data-v-24d1a790] { font-variant: normal !important; } .ant-message[data-v-24d1a790] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-24d1a790] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-24d1a790] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-24d1a790] { display: none; } .payment-shiping-address[data-v-24d1a790] { background: rgb(249, 249, 249); border-radius: 0.5rem; padding: 1.375rem 1.625rem; margin-bottom: 3.75rem; } .payment-shiping-address .ant-col[data-v-24d1a790]:first-child { font-size: 1.25rem; line-height: 2.375rem; } .new-address-button[data-v-24d1a790] { margin-top: 1.875rem; margin-bottom: 1.875rem; height: 3.75rem; border-radius: 1.875rem; border: 0.0625rem solid rgb(204, 204, 204); font-size: 1.25rem; padding: 0px 2rem; display: flex; align-items: center; color: rgb(51, 51, 51); } .new-address-button[data-v-24d1a790]:hover { color: rgb(255, 200, 66); } .new-address-button:hover svg path[data-v-24d1a790] { fill: rgb(255, 200, 66); } .new-address-button svg[data-v-24d1a790] { margin-right: 0.625rem; width: 1.125rem; height: 1.125rem; } .add-new-address-radio[data-v-24d1a790] { margin-top: 1.25rem; pointer-events: none; } .addNewaddressradio[data-v-24d1a790] { pointer-events: auto; } .ant-radio-group[data-v-24d1a790] { width: 100%; margin-bottom: 1.875rem; } .ant-radio-group[data-v-24d1a790] .ant-radio-wrapper { width: 100%; font-size: 1.125rem; position: relative; padding: 1.5625rem 1.25rem; border-radius: 0.5rem; } .ant-radio-group[data-v-24d1a790] .ant-radio-wrapper .svg_edit { width: 1.3125rem; height: 1.3125rem; } .ant-radio-group[data-v-24d1a790] .ant-radio-wrapper .svg_add { width: 1.25rem; height: 1.25rem; } .ant-radio-group[data-v-24d1a790] .ant-radio-wrapper .default { position: absolute; right: 0px; bottom: 0px; width: 6.3125rem; height: 2.1875rem; text-align: center; line-height: 2.1875rem; color: rgb(255, 255, 255); background: rgb(102, 102, 102); border-radius: 0.5rem 0px; } @media only screen and (max-width: 1024px) { .ant-radio-group[data-v-24d1a790] .ant-radio-wrapper .default { width: auto; height: auto; padding: 0.625rem; } } .ant-radio-group[data-v-24d1a790] .ant-radio-wrapper span.ant-radio + * { width: 100% !important; } .ant-radio-group[data-v-24d1a790] .ant-radio-wrapper.ant-radio-wrapper-checked { background: rgb(249, 249, 249); } .ant-radio-group[data-v-24d1a790] .ant-radio-wrapper:last-child { margin-bottom: 0px; } .ant-radio-group[data-v-24d1a790] .ant-radio-wrapper .ant-radio { top: 0.3em; } .ant-radio-group[data-v-24d1a790] .ant-radio-wrapper .edit-box { text-align: right; flex: 0 0 5rem; } .ant-radio-group[data-v-24d1a790] .ant-radio-wrapper .edit-box .ant-btn { margin: 0px 1.25rem 0px 0px; padding: 0px; } .ant-radio-group[data-v-24d1a790] .ant-radio-wrapper .edit-box .ant-btn:last-child { margin-right: 0px; } .ant-radio-group[data-v-24d1a790] .ant-radio-wrapper .ant-radio-inner { width: 1.4375rem; height: 1.4375rem; } .ant-radio-group[data-v-24d1a790] .ant-radio-wrapper .ant-radio-inner::after { width: 1.4375rem; height: 1.4375rem; margin-top: -0.71875rem; margin-left: -0.71875rem; } @media only screen and (max-width: 1440px) { .add-address-form-main .ant-modal-body[data-v-24d1a790] { padding: 0.3125rem 1.25rem; } } [data-v-24d1a790] .save-btn { width: 26.25rem; } [data-v-24d1a790] .address-form { margin-top: 0px; } [data-v-24d1a790] .address-form .title { display: none; border: none; margin-bottom: 0px; font-size: 1.4375rem; } [data-v-5091434f]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-5091434f] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-5091434f] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-5091434f] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-5091434f] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-5091434f] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-5091434f] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-5091434f] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-5091434f] { padding: 0px 20px; } } .ant-form-item[data-v-5091434f], .ant-radio-wrapper[data-v-5091434f], .ant-radio-group[data-v-5091434f] { font-variant: normal !important; } .ant-message[data-v-5091434f] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-5091434f] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-5091434f] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-5091434f] { display: none; } .counpon-from-main[data-v-5091434f] .ant-btn-primary[disabled] { border-color: rgb(204, 204, 204); } .counpon-from-main[data-v-5091434f] .ant-input { height: 3.125rem; border: 0.0625rem solid rgb(204, 204, 204); border-radius: 0.125rem; } .counpon-from-main[data-v-5091434f] .ant-btn { width: 100%; height: 3.125rem; } .error[data-v-5091434f] { color: rgb(255, 95, 68); line-height: 1.5; font-size: 0.875rem; } [data-v-c0822124]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-c0822124] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-c0822124] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-c0822124] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-c0822124] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-c0822124] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-c0822124] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-c0822124] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-c0822124] { padding: 0px 20px; } } .ant-form-item[data-v-c0822124], .ant-radio-wrapper[data-v-c0822124], .ant-radio-group[data-v-c0822124] { font-variant: normal !important; } .ant-message[data-v-c0822124] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-c0822124] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-c0822124] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-c0822124] { display: none; } .pay-coupon-drawer .no-data[data-v-c0822124] { text-align: center; } .pay-coupon-drawer .rules-wrap .tips[data-v-c0822124] { position: absolute; display: none; left: -439px; top: 0px; padding: 1.625rem 0.625rem 0.75rem 1.25rem; width: 408px; text-align: left; background: rgb(255, 255, 255); box-shadow: rgba(75, 75, 75, 0.13) 0px 0px 1.125rem; border-radius: 0.625rem; } .pay-coupon-drawer .rules-wrap .tips p[data-v-c0822124] { font-size: 0.75rem; line-height: 18px; margin-bottom: 0.625rem; } .pay-coupon-drawer .rules-wrap .rules-text[data-v-c0822124] { cursor: pointer; font-size: 0.875rem; line-height: 21px; text-decoration-line: underline; color: rgb(51, 51, 51); float: left; position: relative; } .pay-coupon-drawer .rules-wrap .rules-text:hover .tips[data-v-c0822124] { display: block; } .pay-coupon-drawer .rules-wrap .rules-text .icon-question[data-v-c0822124] { margin-right: 0.3125rem; } .pay-coupon-drawer .rules-wrap h3[data-v-c0822124] { margin-bottom: 0px; } .cop-tab .canuse[data-v-c0822124] { margin: 20px auto; } .cop-tab .canuse h2[data-v-c0822124] { width: 380px; margin: 30px auto 22px; font-size: 18px; font-weight: 500; } .cop-tab .canuse h2[data-v-c0822124]:nth-of-type(2) { margin-top: 5px; color: rgb(51, 51, 51); } .cop-tab .canuse .list[data-v-c0822124] { margin-top: 10px; } .cop-tab .line[data-v-c0822124] { display: block; border: 0.0625rem solid rgb(244, 244, 244); margin: 1rem auto; } .cop-tab .login-tips[data-v-c0822124] { margin-top: 0.625rem; } .cop-tab .login-tips p[data-v-c0822124] { font-size: 0.9375rem; line-height: 1.25rem; color: rgb(102, 102, 102); } .cop-tab .login-tips p > span[data-v-c0822124] { text-decoration: underline; color: rgb(17, 17, 17); cursor: pointer; } .cop-tab .counpon-from-main[data-v-c0822124], .cop-tab .login-tips[data-v-c0822124] { padding: 0px 1.25rem; } .cop-tab ul[data-v-c0822124] { overflow: hidden; margin-bottom: 0px; } .cop-tab ul.none[data-v-c0822124] { border-bottom: none; padding-bottom: 0px; } .cop-tab ul li[data-v-c0822124] { margin: 0px auto 20px; width: 380px; height: 100px; background: 0% 0% / 100% 100% rgb(254, 246, 245); position: relative; cursor: pointer; border-radius: 0.625rem; } .cop-tab ul li[data-v-c0822124]::after { content: ""; position: absolute; top: 0px; bottom: 0px; margin: auto; right: 22px; width: 27px; height: 27px; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_noselect_circle-16d06703.svg") 0px 0px / 100% no-repeat; } .cop-tab ul li.bestCoupon[data-v-c0822124] { background: linear-gradient(98.56deg, rgb(255, 115, 71) 2.15%, rgb(255, 152, 78) 96.89%); width: 392px; height: 142px; padding: 36px 6px 0px; } .cop-tab ul li.bestCoupon .coupon-title[data-v-c0822124] { position: absolute; top: 6px; left: 7px; color: rgb(255, 255, 255); } .cop-tab ul li.bestCoupon .coupon-title svg[data-v-c0822124] { vertical-align: middle; } .cop-tab ul li.bestCoupon .couponbox[data-v-c0822124] { width: 380px; height: 100px; background: rgb(254, 246, 245); border-radius: 0.625rem; position: relative; } .cop-tab ul li.bestCoupon[data-v-c0822124]::after { top: 29px; right: 28px; } .cop-tab ul li span[data-v-c0822124] { float: left; width: 132px; height: 100px; line-height: 100px; text-align: center; color: rgb(255, 95, 68); font-size: 30px; font-weight: 700; padding-left: 5px; } .cop-tab ul li span small[data-v-c0822124] { font-size: 20px; padding-left: 5px; } .cop-tab ul li span.t[data-v-c0822124] { line-height: normal; padding-top: 20px; } .cop-tab ul li span.t b[data-v-c0822124] { display: block; font-size: 16px; font-weight: 400; line-height: 1; margin-top: 0px; } .cop-tab ul li .desc[data-v-c0822124] { float: left; width: 65%; padding-left: 0px; padding-top: 18px; } .cop-tab ul li .desc i[data-v-c0822124] { font-size: 0.875rem; color: rgb(51, 51, 51); font-weight: 700; margin-bottom: 3px; line-height: 1.5; display: block; vertical-align: top; font-style: normal; } .cop-tab ul li .desc p[data-v-c0822124] { font-size: 0.875rem; color: rgb(0, 0, 0); font-weight: 700; line-height: 1.5; margin-bottom: 3px; width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cop-tab ul li .desc p[data-v-c0822124]:last-child { font-size: 0.75rem; color: rgb(102, 102, 102); font-weight: 400; } .cop-tab ul li .desc .plustag[data-v-c0822124] { padding: 0px 8px; height: 18px; line-height: 18px; background: rgb(3, 2, 2); border-radius: 9px; text-align: center; color: rgb(255, 200, 66); font-size: 12px; display: inline-block; } .cop-tab ul li .desc .plustag + i[data-v-c0822124] { padding: 0px; margin-bottom: 0px; } .cop-tab ul li .superimposed[data-v-c0822124] { position: absolute; top: 0px; right: 0px; width: 102px; height: 21px; line-height: 21px; background: url("https://ca-static.costway.ca/assets/1760598923/images/combinable_bg_2-7226d105.png") 0px 0px / 100% no-repeat; font-size: 12px; color: rgb(113, 75, 2); text-align: center; } .cop-tab ul li.plus[data-v-c0822124] { background: url("https://ca-static.costway.ca/assets/1760598923/images/plus-2-1-5ea8df9b.png") left top / 100% 100% no-repeat; } .cop-tab ul li.plus span[data-v-c0822124] { color: rgb(3, 2, 2); } .cop-tab ul li.selected[data-v-c0822124]::after { background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_select_circle-5ae6dcbd.svg") 0px 0px / 100% no-repeat; } .cop-tab ul li.has-plus-icon .desc[data-v-c0822124] { padding-top: 16px; } .cop-tab ul li.has-plus-icon .desc .plustag[data-v-c0822124] { margin-bottom: 5px; } .cop-tab .cannotuse[data-v-c0822124] { margin-top: 10px; } .cop-tab .cannotuse ul li[data-v-c0822124] { background: rgb(249, 249, 249); cursor: default; overflow: hidden; min-height: 100px; height: auto; } .cop-tab .cannotuse ul li span[data-v-c0822124], .cop-tab .cannotuse ul li p[data-v-c0822124], .cop-tab .cannotuse ul li i[data-v-c0822124] { color: rgb(102, 102, 102); } .cop-tab .cannotuse ul li .instructions[data-v-c0822124] { width: 100%; float: left; padding-bottom: 0.625rem; } .cop-tab .cannotuse ul li .instructions .t[data-v-c0822124] { display: flex; justify-content: space-between; align-items: center; width: 326px; margin: 0px auto; border-top: 0.0625rem dashed rgb(153, 153, 153); padding: 0.625rem 0px 0.25rem; } .cop-tab .cannotuse ul li .instructions .t p[data-v-c0822124] { margin-bottom: 0px; cursor: pointer; font-size: 0.875rem; } .cop-tab .cannotuse ul li .instructions .t p svg[data-v-c0822124] { vertical-align: middle; } .cop-tab .cannotuse ul li .instructions .t a[data-v-c0822124] { display: inline-block; border: 0.0625rem solid rgb(255, 95, 68); border-radius: 1.25rem; padding: 0.3125rem 0.9375rem; font-size: 0.875rem; color: rgb(255, 95, 68); } .cop-tab .cannotuse ul li .instructions > p[data-v-c0822124] { font-size: 0.75rem; color: rgb(122, 122, 122); width: 326px; margin: 0px auto 0.3125rem; } .cop-tab .cannotuse ul li[data-v-c0822124]::after { content: ""; position: absolute; top: 37px; bottom: auto; margin: auto; right: 22px; width: 27px; height: 27px; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_noselect_circle2-d346fa51.svg") 0px 0px / 100% no-repeat; } .cop-tab .cannotuse ul li .superimposed[data-v-c0822124] { background: url("https://ca-static.costway.ca/assets/1760598923/images/combinable_bg_2s-cc7a2255.png") 0px 0px / 100% no-repeat; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .pay-coupon-drawer .ant-drawer-body, .pay-coupon-drawer .ant-drawer-body .ant-tabs { overflow-x: hidden; } .pay-coupon-drawer .discount-amount .int { font-size: 1.75rem; } .pay-coupon-drawer .discount-amount .ft { font-size: 0.875rem; } .pay-coupon-drawer .ant-tabs-nav { padding-top: 1.75rem; background: rgb(255, 255, 255) !important; } .pay-coupon-drawer .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn { color: rgb(34, 34, 34); } .pay-coupon-drawer .ant-tabs-nav .ant-tabs-ink-bar { background: rgb(34, 34, 34); } .pay-coupon-drawer .conpon-confirm { padding: 0.625rem 0.9375rem; } .pay-coupon-drawer .conpon-confirm .ant-btn { display: block; width: 100%; height: 3.125rem; border-color: rgb(34, 34, 34); background: rgb(34, 34, 34); border-radius: 3.125rem; } .pay-coupon-drawer .ant-drawer-close { position: absolute; right: 0px; } .pay-coupon-drawer .ant-drawer-content { overflow: initial; } .pay-coupon-drawer.not-login .ant-drawer-header { border-bottom: 0px !important; } [data-v-6498162e]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-6498162e] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-6498162e] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-6498162e] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-6498162e] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-6498162e] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-6498162e] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-6498162e] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-6498162e] { padding: 0px 20px; } } .ant-form-item[data-v-6498162e], .ant-radio-wrapper[data-v-6498162e], .ant-radio-group[data-v-6498162e] { font-variant: normal !important; } .ant-message[data-v-6498162e] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-6498162e] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-6498162e] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-6498162e] { display: none; } .free-group[data-v-6498162e] { margin: 1.875rem 0px 0px; } .free-group .ant-radio-group[data-v-6498162e] { width: 100%; } .free-group .ant-radio-wrapper[data-v-6498162e] { display: flex; margin-bottom: 1.5625rem; font-size: 1.125rem; line-height: 1.5; } .free-group .ant-radio-wrapper[data-v-6498162e] span.ant-radio + * { width: 100%; padding-right: 1.25rem; } .free-group .ant-radio-wrapper .label-box[data-v-6498162e] { display: flex; justify-content: space-between; flex-flow: row; align-items: center; } .free-group .ant-radio-wrapper .label-box .label-text[data-v-6498162e] { padding-right: 1.25rem; } .free-group .ant-radio-wrapper .label-t[data-v-6498162e], .free-group .ant-radio-wrapper .label-sub-t[data-v-6498162e], .free-group .ant-radio-wrapper .label-p[data-v-6498162e] { display: block; font-size: 1.125rem; } .free-group .ant-radio-wrapper .label-t[data-v-6498162e] { line-height: 2; font-weight: 600; color: rgb(51, 51, 51); } .free-group .ant-radio-wrapper .label-sub-t[data-v-6498162e] { line-height: 2; font-size: 1.125rem; color: rgb(51, 51, 51); } .free-group .ant-radio-wrapper .label-p[data-v-6498162e] { font-size: 1.125rem; color: rgb(153, 153, 153); } .free-group .ant-radio-wrapper[data-v-6498162e] .ant-radio-inner { width: 1.4375rem; height: 1.4375rem; border-color: rgb(253, 172, 14); } .free-group .ant-radio-wrapper[data-v-6498162e] .ant-radio-inner::after { width: 1.4375rem; height: 1.4375rem; margin-top: -0.71875rem; margin-left: -0.71875rem; } .extend-box[data-v-6498162e] { background: rgb(246, 246, 246); border-radius: 0.5rem; font-size: 1.125rem; margin-bottom: 1.25rem; } .extend-box .tit .question[data-v-6498162e] { cursor: pointer; vertical-align: baseline; } .extend-box .desc[data-v-6498162e] { padding-left: 3.5rem; } .extend-box .desc span[data-v-6498162e] { font-size: 1rem; } .extend-box .desc img[data-v-6498162e] { vertical-align: -0.25rem; } .extend-box .desc p[data-v-6498162e] { color: rgb(102, 102, 102); font-size: 1rem; } .extend-box[data-v-6498162e] .ant-checkbox-wrapper { padding: 1.25rem 0px 0px 1.75rem; } .extend-box[data-v-6498162e] .ant-checkbox { top: 0.125rem; } .extend-box[data-v-6498162e] .ant-checkbox-inner { width: 1.25rem; height: 1.25rem; border: 0.0625rem solid rgb(204, 204, 204); } .extend-box[data-v-6498162e] .ant-checkbox-inner::after { left: 32.5%; } .extend-box[data-v-6498162e] .ant-checkbox + span { font-size: 1.125rem; line-height: 2.125rem; } .save_continue[data-v-6498162e] { width: 26.25rem; height: 3.75rem; border-radius: 2.03125rem; } .payment-box .payment-method-group[data-v-6498162e] { display: block; padding-top: 1.875rem; } .payment-box .payment-method-group .payment-method-box[data-v-6498162e] { margin-bottom: 1.875rem; padding: 0px 1.5625rem; } .payment-box .payment-method-group .payment-method-box.current[data-v-6498162e] { padding: 1.875rem; background: rgb(246, 246, 246); border-radius: 0.5rem; } .payment-box .payment-method-group .credit-card-icon[data-v-6498162e] { display: block; float: right; width: 17.5rem; height: 1.875rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/credit-card-icon-dd2ff4ee.png") left top / 100% 100% no-repeat; } .payment-box .payment-method-group[data-v-6498162e] .ant-radio-group { width: 100%; } .payment-box .payment-method-group[data-v-6498162e] .ant-radio-group .ant-radio-wrapper { display: block; } .payment-box .payment-method-group[data-v-6498162e] .ant-radio-group .ant-radio-wrapper.klarna-pay-radio { margin-bottom: 1.25rem; } .payment-box .payment-method-group[data-v-6498162e] .ant-radio-group .svg { margin-left: 0px; } .payment-box .payment-method-group[data-v-6498162e] .ant-radio-group .label { margin-left: 0.625rem; font-size: 1.125rem; } .payment-box .payment-method-group[data-v-6498162e] .ant-radio-group .label, .payment-box .payment-method-group[data-v-6498162e] .ant-radio-group .credit-card-icon { vertical-align: middle; } .payment-box .payment-method-group[data-v-6498162e] .ant-radio-inner { width: 1.4375rem; height: 1.4375rem; border-color: rgb(204, 204, 204); } .payment-box .payment-method-group[data-v-6498162e] .ant-radio-inner::after { width: 1.4375rem; height: 1.4375rem; margin-top: -0.71875rem; margin-left: -0.71875rem; } .payment-box .payment-method-group[data-v-6498162e] .ant-radio-checked .ant-radio-inner { border-color: rgb(253, 172, 14); background-color: rgb(255, 255, 255); } .payment-box .payment-method-group[data-v-6498162e] .ant-radio-checked .ant-radio-inner::after { background-color: rgb(253, 172, 14); } .credit-card-box[data-v-6498162e] { margin-top: 1.25rem; } .credit-card-box .ant-row[data-v-6498162e] { margin-bottom: 1.25rem; } .credit-card-box .ant-row label[data-v-6498162e] { margin-bottom: 0.625rem; } .credit-card-box .ant-row .ant-form-item-explain-error[data-v-6498162e] { display: none; } .credit-card-box .ant-row .ant-input[data-v-6498162e] { height: 3.125rem; border: 0.0625rem solid rgb(204, 204, 204); } .credit-card-box .ant-row .ant-input.is-invalid[data-v-6498162e] { border: 0.0625rem solid rgb(230, 77, 67); } .credit-card-box .is-invalid ~ .ant-form-item-explain-error[data-v-6498162e] { display: block; color: rgb(230, 77, 67); } .credit-card-box .braintree-hosted-fields-valid ~ .braintree-hosted-fields-valid[data-v-6498162e] { display: none; } .add-tips .add-tip-d[data-v-6498162e] { display: inline-block; vertical-align: middle; } .add-tips svg[data-v-6498162e] { cursor: pointer; } .add-tips .add-tips-detail[data-v-6498162e] { background: rgb(246, 246, 246); border-radius: 0.5rem; font-size: 1.125rem; margin: 1.25rem 0px; padding: 1.5625rem; } .add-tips .add-tips-detail ul[data-v-6498162e] { width: 100%; display: flex; margin: 1.25rem 0px 1.875rem; } .add-tips .add-tips-detail ul li[data-v-6498162e] { cursor: pointer; width: 24%; margin-right: 0.75rem; border: 0.0625rem solid rgb(249, 249, 249); border-radius: 0.3125rem; background: rgb(255, 255, 255); padding: 0.375rem 1.25rem; box-sizing: border-box; position: relative; text-align: center; } .add-tips .add-tips-detail ul li span[data-v-6498162e]:nth-of-type(1) { font-size: 1.125rem; color: rgb(51, 51, 51); margin-right: 0.375rem; } .add-tips .add-tips-detail ul li span[data-v-6498162e]:nth-of-type(2) { font-size: 0.875rem; color: rgb(153, 153, 153); } .add-tips .add-tips-detail ul li[data-v-6498162e]:hover { border: 0.0625rem solid rgb(253, 172, 14); background: rgb(255, 249, 238); } .add-tips .add-tips-detail ul li.checked[data-v-6498162e] { border: 0.0625rem solid rgb(253, 172, 14); background: rgb(255, 249, 238); color: rgb(253, 172, 14); } .add-tips .add-tips-detail ul li.checked[data-v-6498162e]::after { content: ""; display: inline-block; width: 1.375rem; height: 1.375rem; position: absolute; background: url("https://ca-static.costway.ca/assets/1760598923/images/extend2-8623f971.png") right bottom / 100% 100% no-repeat; bottom: 0px; right: 0px; z-index: 0; } .add-tips .add-tips-detail ul li[data-v-6498162e]:last-child { margin-right: 0px; } .add-tips .add-tips-detail .custom-tip[data-v-6498162e] { margin-bottom: 1.25rem; } .add-tips .add-tips-detail .tips-info[data-v-6498162e] { font-size: 0.875rem; color: rgb(102, 102, 102); text-align: left; margin-bottom: 0px; } .add-tips .add-tips-detail[data-v-6498162e] .ant-checkbox { top: 0.125rem; } .add-tips .add-tips-detail[data-v-6498162e] .ant-checkbox-inner { width: 1.25rem; height: 1.25rem; border: 0.0625rem solid rgb(204, 204, 204); } .add-tips .add-tips-detail[data-v-6498162e] .ant-checkbox-inner::after { left: 32.5%; } .add-tips .add-tips-detail[data-v-6498162e] .ant-checkbox + span { font-size: 1.125rem; line-height: 2.125rem; } .add-tips .add-tips-detail .desc[data-v-6498162e] { padding-left: 3.5rem; } .add-tips .add-tips-detail .desc span[data-v-6498162e] { font-size: 1rem; } .add-tips .add-tips-detail .desc img[data-v-6498162e] { vertical-align: -0.25rem; } .add-tips .add-tips-detail .desc p[data-v-6498162e] { color: rgb(102, 102, 102); font-size: 1rem; } .add-tips .add-tips-detail .desc .tips[data-v-6498162e] { color: rgb(102, 102, 102); font-size: 0.875rem; margin-bottom: 1.25rem; } .custom-tip .tip-input-container[data-v-6498162e] { display: flex; gap: 0.75rem; align-items: flex-start; } .custom-tip .tip-input-container .ant-form-item[data-v-6498162e] { flex: 1 1 0%; margin-bottom: 0px; } .custom-tip .tip-input-container .ant-form-item .tip-input[data-v-6498162e] { height: 2.625rem; border-radius: 0.25rem; border: 0.0625rem solid rgb(204, 204, 204); font-size: 1rem; } .custom-tip .tip-input-container .ant-form-item .tip-input[data-v-6498162e]:focus, .custom-tip .tip-input-container .ant-form-item .tip-input[data-v-6498162e]:focus-within { border-color: rgb(24, 144, 255); box-shadow: rgba(24, 144, 255, 0.2) 0px 0px 0px 0.125rem; } .custom-tip .tip-input-container .ant-form-item .tip-input.error[data-v-6498162e] { border-color: rgb(255, 77, 79); } .custom-tip .tip-input-container .ant-form-item .tip-input.error[data-v-6498162e]:focus, .custom-tip .tip-input-container .ant-form-item .tip-input.error[data-v-6498162e]:focus-within { border-color: rgb(255, 77, 79); box-shadow: rgba(255, 77, 79, 0.2) 0px 0px 0px 0.125rem; } .custom-tip .tip-input-container .ant-form-item .tip-input[data-v-6498162e] .ant-input { border: none; box-shadow: none; font-size: 1rem; } .custom-tip .tip-input-container .ant-form-item .tip-input[data-v-6498162e] .ant-input:focus { border: none; box-shadow: none; } .custom-tip .tip-input-container .ant-form-item .tip-input.error[data-v-6498162e] .ant-input { color: rgb(230, 77, 67); } .custom-tip .tip-input-container .ant-form-item .tip-input.error[data-v-6498162e] .ant-input::placeholder { color: rgb(230, 77, 67); } .custom-tip .tip-input-container .ant-form-item .tip-input[data-v-6498162e] .ant-input-prefix { font-size: 1rem; margin-right: 0.25rem; } .custom-tip .tip-input-container .ant-form-item .tip-input.error[data-v-6498162e] .ant-input-prefix { color: rgb(230, 77, 67); } .custom-tip .tip-input-container .tip-button[data-v-6498162e] { height: 2.625rem; border-radius: 3rem; font-size: 1rem; font-weight: 500; min-width: 13.1875rem; border: 0.0625rem solid rgb(217, 217, 217); background: rgb(245, 245, 245); color: rgb(153, 153, 153); } .custom-tip .tip-input-container .tip-button[data-v-6498162e]:disabled { background: rgb(245, 245, 245); color: rgb(153, 153, 153); border-color: rgb(217, 217, 217); cursor: not-allowed; } .custom-tip .tip-input-container .tip-button[data-v-6498162e]:disabled:hover { background: rgb(245, 245, 245); color: rgb(153, 153, 153); border-color: rgb(217, 217, 217); } .custom-tip .tip-input-container .tip-button.active[data-v-6498162e]:not(:disabled) { background: rgb(253, 172, 14); border-color: rgb(253, 172, 14); color: rgb(255, 255, 255); } .custom-tip .tip-input-container .tip-button.ant-btn-loading.active[data-v-6498162e] { background: rgb(253, 172, 14); border-color: rgb(253, 172, 14); } .custom-tip[data-v-6498162e] .ant-form-item-explain-error { color: rgb(255, 77, 79); font-size: 0.875rem; margin-top: 0.25rem; } .klarna-pay-tips[data-v-6498162e] { margin-top: 1.25rem; padding: 1.25rem; background: rgb(246, 246, 246); border-radius: 0.5rem; font-size: 1rem; color: rgb(102, 102, 102); line-height: 1.5; } .payment-method-group .ant-radio-wrapper[data-v-6498162e] { margin-bottom: 0.9375rem; } .payment-method-group .ant-radio-wrapper[data-v-6498162e]:last-child { margin-bottom: 0px; } .payment-box h2[data-v-6498162e] { font-size: 1.5rem; margin: 3.125rem 0px 0.625rem; } .payment-box .row[data-v-6498162e] { margin-bottom: 1.875rem; } .cart-order-review[data-v-6498162e] { padding: 1.25rem 1.5rem; box-shadow: rgba(157, 157, 157, 0.25) 0px 0.125rem 0.5rem; } .cart-order-review .svg_arrow_2[data-v-6498162e] { width: 0.75rem; height: 0.4375rem; } .cart-order-review .svg_coupon_arrow[data-v-6498162e] { width: 0.5625rem; height: 0.875rem; } .cart-order-review .svg_point_arrow[data-v-6498162e] { width: 1.0625rem; height: 1.1875rem; } .cart-order-review .cou-price[data-v-6498162e], .cart-order-review .point-price[data-v-6498162e] { color: rgb(230, 77, 67); } .cart-order-review .svg[data-v-6498162e] { margin-left: 0.625rem; } .cart-order-review h2[data-v-6498162e] { margin-bottom: 0px; } .cart-order-review .min1[data-v-6498162e] { font-size: 1rem; color: rgb(153, 153, 153); } .cart-order-review .prd-img[data-v-6498162e] { position: relative; } .cart-order-review .prd-img .ant-col img[data-v-6498162e] { width: 100%; max-width: 5rem; max-height: 5rem; } .cart-order-review .prd-img .ant-col .extend-icon[data-v-6498162e] { width: 1.625rem; position: absolute; top: 0px; right: 0.3125rem; } .cart-order-review .coupon-row[data-v-6498162e] { cursor: pointer; } .cart-order-review .coupon-row svg[data-v-6498162e] { vertical-align: middle; } .cart-order-review .coupon-row .coupon-tips-svg[data-v-6498162e] { vertical-align: middle; } .cart-order-review .line[data-v-6498162e] { height: 0.0625rem; font-size: 0px; overflow: hidden; border-bottom: 0.0625rem solid rgb(244, 244, 244); } .cart-order-review .ant-col[data-v-6498162e] { font-size: 1.125rem; } .cart-order-review .open-more[data-v-6498162e] { cursor: pointer; } .cart-order-review .opne-cart-list li[data-v-6498162e] { display: block; padding: 0.5rem; width: 100%; margin-top: 1.25rem; } .cart-order-review .opne-cart-list li[data-v-6498162e]::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .cart-order-review .opne-cart-list li[data-v-6498162e]:hover { background: rgb(249, 249, 249); } .cart-order-review .opne-cart-list li .img[data-v-6498162e] { float: left; width: 4.6875rem; height: 4.6875rem; overflow: hidden; } .cart-order-review .opne-cart-list li .cart-title[data-v-6498162e] { margin-left: 5.3125rem; } .cart-order-review .opne-cart-list li .cart-title p[data-v-6498162e] { margin-bottom: 0.625rem; } .cart-order-review .opne-cart-list li .cart-title .title[data-v-6498162e] { width: 100%; line-height: 1.3; font-size: 0.9375rem; color: rgb(51, 51, 51); text-align: left; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .cart-order-review .opne-cart-list li .cart-title .multi-rows span[data-v-6498162e] { font-size: 0.9375rem; background: rgb(249, 249, 249); padding: 0.125rem 0.3125rem; } .cart-order-review .opne-cart-list li .cart-title .num-price .price-box[data-v-6498162e] { text-align: right; } .cart-order-review .opne-cart-list li .cart-title .num-price .price-box .old-row-total[data-v-6498162e] { color: rgb(153, 153, 153); font-size: 0.875rem; text-decoration: line-through; } .cart-order-review .opne-cart-list li .cart-title .num-price .price-box .row-total[data-v-6498162e] { font-size: 1.125rem; color: rgb(230, 77, 67); } .cart-order-review .opne-cart-list li .extend-msg[data-v-6498162e] { overflow: hidden; margin-top: 0.3125rem; height: 2rem; line-height: 2rem; background: rgb(246, 246, 246); border-radius: 0.25rem; font-size: 0.8125rem; padding: 0px 0.5rem; } .cart-order-review .opne-cart-list li .extend-msg .extend-msg-l[data-v-6498162e] { font-size: 0.875rem; float: left; } .cart-order-review .opne-cart-list li .extend-msg .extend-msg-l img[data-v-6498162e] { width: 1.125rem; margin-right: 0.3125rem; } .cart-order-review .opne-cart-list li .extend-msg .extend-msg-r[data-v-6498162e] { font-size: 0.875rem; float: right; } .cart-order-review .grand-total[data-v-6498162e], .cart-order-review .grand-total-price[data-v-6498162e] { font-size: 1.75rem; font-weight: 500; } .cart-order-review .ad-plus[data-v-6498162e] { background: rgb(246, 246, 246); border-radius: 0.5rem; } .cart-order-review .ad-plus .ad-plus-fold[data-v-6498162e] { position: relative; } .cart-order-review .ad-plus .ad-plus-fold .select[data-v-6498162e] { position: absolute; width: 1.4375rem; height: 1.4375rem; border: 0.125rem solid rgb(147, 147, 147); border-radius: 1.15625rem; right: 5.2%; top: 3.4375rem; cursor: pointer; } .cart-order-review .ad-plus .ad-plus-spread[data-v-6498162e] { width: 89.5%; margin-left: 5.1%; margin-top: 0.9375rem; } .cart-order-review .ad-plus .ad-plus-spread img[data-v-6498162e] { width: 100%; } .cart-order-review .ad-plus .plus-con[data-v-6498162e] { position: relative; padding-top: 1.125rem; } .cart-order-review .ad-plus .plus-con .con1[data-v-6498162e] { position: absolute; width: 80%; height: 5.3875rem; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 0.25rem 0.5625rem; border-radius: 1.25rem; left: 5%; bottom: 0.875rem; display: flex; z-index: 1; } .cart-order-review .ad-plus .plus-con .con1 .left[data-v-6498162e] { width: 31.94%; text-align: center; font-weight: 700; font-size: 2.0625rem; line-height: 5.3875rem; color: rgb(0, 0, 0); } .cart-order-review .ad-plus .plus-con .con1 .left span[data-v-6498162e] { font-size: 1.125rem; } .cart-order-review .ad-plus .plus-con .con1 .right[data-v-6498162e] { padding: 0.5rem 1rem 0px 0.5rem; } .cart-order-review .ad-plus .plus-con .con1 .right .label[data-v-6498162e] { height: 1.4375rem; background: rgb(3, 2, 2); border-radius: 0.8125rem; padding: 0px 0.625rem; font-weight: 500; font-size: 0.875rem; color: rgb(255, 200, 66); display: inline; } .cart-order-review .ad-plus .plus-con .con1 .right .tips[data-v-6498162e] { font-size: 0.875rem; line-height: 0.875rem; color: rgb(102, 102, 102); margin-top: 0.75rem; } .cart-order-review .ad-plus .plus-con .con2[data-v-6498162e] { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 0.25rem 0.5625rem; border-radius: 1.25rem; width: 72%; bottom: -0.5625rem; height: 5.375rem; margin: 1rem 0px 0px 9%; } .cart-order-review .ad-plus .plus-con .con2 .left[data-v-6498162e] { width: 26.94%; } .cart-order-review .ad-plus .plus-con .con3[data-v-6498162e] { position: absolute; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 0.25rem 0.5625rem; border-radius: 1.25rem; width: 76%; bottom: 0.4375rem; height: 5.375rem; left: 7.3%; } .cart-order-review .ad-plus .plus-con .con3 .left[data-v-6498162e] { width: 26%; } .cart-order-review .ad-plus .plus-con .left[data-v-6498162e] { height: 5.3875rem; background: linear-gradient(148.64deg, rgb(255, 218, 130) -27.11%, rgb(246, 185, 37) 97.35%); border-radius: 1.25rem 0px 0px 1.25rem; } .cart-order-review .ad-plus .plus-see-more[data-v-6498162e] { text-align: center; font-size: 0.875rem; margin: 0.625rem 0px; text-decoration: underline; } .cart-order-review .ad-plus .plus-see-more span[data-v-6498162e] { cursor: pointer; } .cart-order-review .ad-plus .plus-see-more .less[data-v-6498162e] { transform: rotate(180deg); } .cart-order-review .amount[data-v-6498162e] { display: inline-block; font-size: 0.875rem; margin-right: 0.625rem; } .cart-order-review .amount > span[data-v-6498162e] { display: inline-block; font-size: 1rem; margin-left: 0.625rem; font-weight: 600; } .cart-order-review[data-v-6498162e] .ant-switch { min-width: 3.875rem; height: 2.25rem; line-height: 2.25rem; } .cart-order-review[data-v-6498162e] .ant-switch .ant-switch-handle { width: 1.9375rem !important; height: 1.9375rem !important; } .cart-order-review[data-v-6498162e] .ant-switch .ant-switch-handle::before { border-radius: 1rem; } .cart-order-review[data-v-6498162e] .ant-switch.ant-switch-checked .ant-switch-handle { left: calc(100% - 2.0625rem); } .cart-order-review .klarnc-payment[data-v-6498162e] { font-size: 1.25rem; color: rgb(230, 77, 67); } .cart-order-review .place-order[data-v-6498162e] { display: block; text-align: center; margin-bottom: 1.25rem; width: 100%; height: 3.75rem; background: rgb(255, 95, 68); box-shadow: rgba(255, 95, 68, 0.28) 0px 0.25rem 0.9375rem 0.125rem; border-radius: 1.875rem; font-weight: 500; font-size: 1.25rem; color: rgb(255, 255, 255); } .cart-order-review .place-order[data-v-6498162e]:hover { background: rgb(255, 111, 87); } .cart-order-review .place-order.disabled[data-v-6498162e] { pointer-events: none; cursor: not-allowed; background: rgb(204, 204, 204); box-shadow: none; border: none !important; } .cart-order-review #paypal-button[data-v-6498162e] { width: 100%; text-align: center; } .cart-order-review #paypal-button.disabled[data-v-6498162e] { pointer-events: none; cursor: not-allowed; } .cart-order-review .ant-btn-primary[disabled][data-v-6498162e] { border-color: rgb(255, 95, 68); } .cart-order-review .amount-right[data-v-6498162e] { color: rgb(102, 102, 102); font-size: 0.875rem; text-align: right; } .cart-order-review .ant-input[data-v-6498162e] { border: 0.0625rem solid rgb(204, 204, 204); } .cart-order-review .ant-input[data-v-6498162e]::-webkit-input-placeholder { font-size: 0.875rem; } [data-v-6498162e] .points-tips .ant-tooltip-inner { color: rgb(102, 102, 102); width: 29.375rem; padding: 0.625rem; } [data-v-6498162e] .plus-coupon-tips .ant-tooltip-inner { color: rgb(102, 102, 102); padding: 0.625rem; } .open-more[data-v-6498162e] { cursor: pointer; display: flex; align-items: center; font-size: 1rem; color: rgb(51, 51, 51); } .open-more .svg[data-v-6498162e] { margin-left: 0.3125rem; display: inline-flex; align-items: center; } .open-more .svg .svg_arrow_2[data-v-6498162e] { width: 0.75rem; height: 0.4375rem; transition: transform 0.3s; } .opne-cart-list li[data-v-6498162e] { display: block; padding: 0.5rem; width: 100%; margin-top: 0.625rem; overflow: hidden; } .opne-cart-list li[data-v-6498162e]:hover { background: rgb(249, 249, 249); } .opne-cart-list li .img[data-v-6498162e] { float: left; width: 4.6875rem; height: 4.6875rem; overflow: hidden; } .opne-cart-list li .img img[data-v-6498162e] { width: 100%; height: 100%; object-fit: contain; } .opne-cart-list li .cart-title[data-v-6498162e] { margin-left: 5.3125rem; } .opne-cart-list li .cart-title p[data-v-6498162e] { margin-bottom: 0.625rem; } .opne-cart-list li .cart-title .title[data-v-6498162e] { width: 100%; line-height: 1.3; font-size: 0.9375rem; color: rgb(51, 51, 51); } .opne-cart-list li .cart-title .multi-rows span[data-v-6498162e] { display: inline-block; margin-right: 0.625rem; margin-bottom: 0.3125rem; padding: 0px 0.3125rem; height: 1.25rem; line-height: 1.25rem; font-size: 0.75rem; color: rgb(102, 102, 102); background: rgb(245, 245, 245); border-radius: 0.125rem; } .opne-cart-list li .cart-title .price-box[data-v-6498162e] { text-align: right; } .opne-cart-list li .cart-title .price-box .old-row-total[data-v-6498162e] { color: rgb(153, 153, 153); text-decoration: line-through; font-size: 0.875rem; } .opne-cart-list li .cart-title .price-box .row-total[data-v-6498162e] { color: rgb(230, 77, 67); font-size: 1rem; } .opne-cart-list li .extend-msg[data-v-6498162e] { margin-top: 0.625rem; display: flex; justify-content: space-between; } .opne-cart-list li .extend-msg .extend-msg-l span[data-v-6498162e] { font-size: 0.875rem; color: rgb(102, 102, 102); } .opne-cart-list li .extend-msg .extend-msg-l span img[data-v-6498162e] { width: 1rem; height: 1rem; margin-right: 0.3125rem; vertical-align: middle; } .opne-cart-list li .extend-msg .extend-msg-r strong[data-v-6498162e] { font-size: 0.875rem; font-weight: bolder; } .biling-address-box[data-v-6498162e] { position: relative; } .biling-address-box > label[data-v-6498162e] { position: absolute; top: 0.125rem; left: 0.75rem; z-index: 2; font-size: 0.75rem; color: rgb(153, 153, 153); } [data-v-6498162e] .defaultSelectBillingAddress { width: 100%; } [data-v-6498162e] .defaultSelectBillingAddress .ant-select-selector { height: 3.125rem; border-color: rgb(204, 204, 204); } [data-v-6498162e] .defaultSelectBillingAddress .ant-select-selector .ant-select-selection-placeholder { margin-top: 1.25rem; } [data-v-6498162e] .defaultSelectBillingAddress .ant-select-selection-item { margin-top: 1rem; } .pickup-checkbox .title[data-v-6498162e] { text-decoration: underline; color: rgb(253, 172, 14); } .pickup-checkbox svg[data-v-6498162e] { margin-left: 0.3125rem; } .pickup-checkbox[data-v-6498162e] .ant-checkbox { display: none; } .pickup-checkbox[data-v-6498162e] .ant-checkbox + span { padding: 0px !important; } .billing-address-form-container[data-v-6498162e] { margin-top: 1.25rem; padding: 1.25rem; border: 0.0625rem solid rgb(240, 240, 240); border-radius: 0.25rem; background-color: rgb(250, 250, 250); } .no-login-billing-address[data-v-6498162e] { margin-top: 0.9375rem; } .payment-shiping-address[data-v-6498162e] { background: rgb(246, 246, 246); border-radius: 0.5rem; padding: 1.375rem 1.625rem; margin-bottom: 1.25rem; } .payment-shiping-address .edit-box .ant-btn[data-v-6498162e] { margin: 0px; padding: 0px; } .payment-shiping-address .edit-box .ant-btn svg[data-v-6498162e] { width: 1.3125rem; height: 1.3125rem; } .worryfree[data-v-6498162e] { padding: 0.625rem 0.625rem 0px; } .worryfree .title[data-v-6498162e] { background: url("https://ca-static.costway.ca/assets/1760598923/images/seel_icon-e63e5785.svg") left top / 2.4375rem no-repeat; padding-left: 3.125rem; font-size: 1.375rem; margin-bottom: 1.875rem; } .worryfree section[data-v-6498162e] { margin-bottom: 1.25rem; } .worryfree section p[data-v-6498162e] { font-size: 1rem; font-weight: 700; } .worryfree section p span[data-v-6498162e] { display: block; font-weight: 400; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon_yellow_right-090406b2.svg") left center / 1rem no-repeat; color: rgb(51, 51, 51); text-indent: 1.75rem; margin-top: 0.625rem; } .worryfree section p span.non[data-v-6498162e] { background: none; text-indent: 0px; } .worryfree section p span.d[data-v-6498162e] { background: none; text-indent: 0px; } .worryfree section p span.d[data-v-6498162e]::before { content: ""; width: 0.1875rem; height: 0.1875rem; background: rgb(92, 95, 98); border-radius: 50%; display: inline-block; margin-right: 0.625rem; vertical-align: middle; } .worryfree .btns[data-v-6498162e] { display: flex; padding-top: 0.625rem; align-items: center; justify-content: space-between; height: 2.8125rem; line-height: 2.8125rem; font-size: 1rem; text-align: center; margin-bottom: 2.5rem; } .worryfree .btns .no[data-v-6498162e] { width: 10.125rem; border-radius: 1.375rem; color: rgb(253, 172, 14); border: 0.0625rem solid rgb(253, 172, 14); cursor: pointer; } .worryfree .btns .ok[data-v-6498162e] { width: 19.4375rem; background: rgb(253, 172, 14); color: rgb(255, 255, 255); border-radius: 1.375rem; cursor: pointer; } .worryfree .texts[data-v-6498162e] { height: 2.8125rem; line-height: 2.8125rem; background: rgb(245, 245, 245); font-size: 0.875rem; text-align: center; margin: 0px -2.125rem; } .worryfree .texts u[data-v-6498162e] { margin: 0px 0.625rem; } .equity[data-v-6498162e] { margin-top: 1.875rem; } .equity li[data-v-6498162e] { width: 100%; background: rgb(249, 249, 249); margin-bottom: 0.625rem; padding: 0.625rem 1.25rem; } .equity li h1[data-v-6498162e] { font-weight: 400; font-size: 0.875rem; display: flex; align-items: center; margin-bottom: 0.3125rem; } .equity li h1 span[data-v-6498162e] { color: rgb(51, 51, 51); } .equity li h1 img[data-v-6498162e] { width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; } .equity li .eq-cont[data-v-6498162e] { font-size: 0.75rem; color: rgb(102, 102, 102); margin: 0px; line-height: 1.4; } .equity li .eq-cont .content-text[data-v-6498162e] { line-height: 1.4; } .equity li .content-with-more[data-v-6498162e] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; position: relative; } .equity li .content-with-more .learn-more-overlay[data-v-6498162e] { position: absolute; right: 0px; bottom: 0px; background: rgb(249, 249, 249); font-size: 0.75rem; cursor: pointer; padding-left: 0.1875rem; margin-bottom: 0px; } .equity li .content-with-more .learn-more-overlay span[data-v-6498162e]:nth-child(1) { color: rgb(102, 102, 102); margin-right: 0.1875rem; } .equity li .content-with-more .learn-more-overlay span[data-v-6498162e]:nth-child(2) { color: rgb(253, 172, 14); text-decoration: underline; } .processing-content[data-v-6498162e] { width: 29.625rem; height: 17rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } .processing-content .credit-card-custom[data-v-6498162e] { width: 4.6875rem; height: 3.125rem; background: rgb(244, 244, 244); border-radius: 0.25rem; position: relative; margin-bottom: 1.25rem; overflow: hidden; } .processing-content .credit-card-custom .card-body .progress-section[data-v-6498162e] { margin-top: 0.625rem; margin-bottom: 0.625rem; } .processing-content .credit-card-custom .card-body .progress-section .progress-bar[data-v-6498162e] { width: 100%; height: 0.5rem; background-color: rgb(223, 223, 223); overflow: hidden; } .processing-content .credit-card-custom .card-body .progress-section .progress-bar .progress-fill[data-v-6498162e] { height: 100%; background: rgb(40, 167, 69); border-radius: 0.125rem; animation: 1s ease 0s infinite normal none running progress-animation-6498162e; } .processing-content .credit-card-custom .card-body .card-lines-container[data-v-6498162e] { display: flex; align-items: center; } .processing-content .credit-card-custom .card-body .card-lines[data-v-6498162e] { display: flex; } .processing-content .credit-card-custom .card-body .card-lines .line[data-v-6498162e] { width: 0.4375rem; height: 0.1875rem; background-color: rgb(223, 223, 223); margin-left: 0.1875rem; transition: background-color 0.3s; } .processing-content .credit-card-custom .card-body .card-lines .line-1[data-v-6498162e] { animation: 1.8s ease 0s infinite normal none running line1-animation-6498162e; } .processing-content .credit-card-custom .card-body .card-lines .line-2[data-v-6498162e] { animation: 1.8s ease 0s infinite normal none running line2-animation-6498162e; } .processing-content .credit-card-custom .card-body .card-lines .line-3[data-v-6498162e] { animation: 1.8s ease 0s infinite normal none running line3-animation-6498162e; } .processing-content .credit-card-custom .card-body .card-f[data-v-6498162e] { width: 1.25rem; height: 0.9375rem; border-radius: 0.25rem; background-color: rgb(223, 223, 223); margin-left: 1.25rem; } .processing-content .credit-card-custom .card-footer[data-v-6498162e] { position: absolute; bottom: 1.25rem; right: 1.25rem; } .processing-content .credit-card-custom .card-footer .card-brand[data-v-6498162e] { color: rgb(255, 255, 255); font-size: 1.125rem; font-weight: 700; font-family: Arial, sans-serif; letter-spacing: 0.125rem; } .processing-content .processing-title[data-v-6498162e] { font-size: 1.375rem; font-weight: 600; color: rgb(51, 51, 51); margin-bottom: 0.5rem; } .processing-content .processing-title .loading-dots[data-v-6498162e] { display: inline-block; } .processing-content .processing-title .loading-dots .dot[data-v-6498162e] { display: inline-block; width: 0.375rem; height: 0.375rem; border-radius: 50%; background-color: rgb(223, 223, 223); margin-left: 0.5rem; } .processing-content .processing-title .loading-dots .dot-1[data-v-6498162e] { animation: 1.8s ease 0s infinite normal none running dot1-animation-6498162e; } .processing-content .processing-title .loading-dots .dot-2[data-v-6498162e] { animation: 1.8s ease 0s infinite normal none running dot2-animation-6498162e; } .processing-content .processing-title .loading-dots .dot-3[data-v-6498162e] { animation: 1.8s ease 0s infinite normal none running dot3-animation-6498162e; } .processing-content .processing-subtitle[data-v-6498162e] { font-size: 1rem; color: rgb(51, 51, 51); } @keyframes dot1-animation-6498162e { 0%, 100% { background-color: rgb(52, 199, 89); } } @keyframes dot2-animation-6498162e { 0%, 33.33% { background-color: rgb(223, 223, 223); } 33.34%, 99.99% { background-color: rgb(52, 199, 89); } 100% { background-color: rgb(223, 223, 223); } } @keyframes dot3-animation-6498162e { 0%, 66.66% { background-color: rgb(223, 223, 223); } 66.67%, 99.99% { background-color: rgb(52, 199, 89); } 100% { background-color: rgb(223, 223, 223); } } @keyframes line1-animation-6498162e { 0%, 100% { background-color: rgb(40, 167, 69); } } @keyframes line2-animation-6498162e { 0%, 33.33% { background-color: rgb(233, 236, 239); } 33.34%, 99.99% { background-color: rgb(40, 167, 69); } 100% { background-color: rgb(233, 236, 239); } } @keyframes line3-animation-6498162e { 0%, 66.66% { background-color: rgb(233, 236, 239); } 66.67%, 99.99% { background-color: rgb(40, 167, 69); } 100% { background-color: rgb(233, 236, 239); } } @keyframes progress-animation-6498162e { 0% { width: 0%; } 100% { width: 100%; } } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .wf-modal .ant-modal-content { overflow: hidden; border-radius: 0.9375rem !important; } .wf-modal .ant-modal-body { padding-bottom: 0px; } .equity-modal { height: auto; top: 30%; width: 35.625rem !important; } .equity-modal .ant-modal-content { border-radius: 0.625rem; } .equity-modal .ant-modal-body { padding: 0.625rem 1.875rem 2.5rem; } .equity-modal .ant-modal-close-x { margin-top: 0.3125rem; } .equity-modal .ant-modal-close-x .anticon svg { width: 1.5625rem; height: 1.5625rem; } .equity-modal h1 { margin-bottom: 1.5rem; } .equity-modal h1 img { width: 1.75rem; height: 1.75rem; margin-right: 0.375rem; } .equity-modal h1 span { font-size: 1.25rem; font-weight: 700; } .equity-modal p { font-size: 0.875rem; color: rgb(47, 47, 47); margin-bottom: 1rem; } .equity-modal a { font-size: 0.875rem; color: rgb(0, 0, 0); } .equity-modal a span { font-size: 0.875rem; text-decoration: underline; } .credit-card-processing-modal .ant-modal-content { width: 29.625rem; height: 17rem; border-radius: 0.625rem; } .credit-card-processing-modal .ant-modal-body { padding: 0px; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .review-pop .ant-modal-body { padding: 1.875rem 1.875rem 0.625rem; text-align: center; } .review-pop .ant-modal-body p { text-align: left; } .review-pop .ant-modal-body svg { width: 5.25rem; margin-bottom: 1.25rem; } .review-pop .ant-modal-body ul { width: 80%; margin: 0.625rem auto 1.875rem; } .review-pop .ant-modal-body ul li { border: 0.125rem solid rgb(204, 204, 204); border-radius: 2.5rem; margin-bottom: 0.875rem; padding: 0.4375rem 0px; } .review-pop .ant-modal-body ul li span:nth-of-type(1) { display: inline-block; width: 42%; margin-right: 2%; text-align: right; } .review-pop .ant-modal-body ul li span:nth-of-type(2) { display: inline-block; width: 56%; text-align: left; } .ordertoapp { margin-top: 2.5rem; position: relative; } .ordertoapp img { width: 100%; } .ordertoapp .canvas { position: absolute; top: 50%; transform: translateY(-50%); left: 23.125rem; border-radius: 0.375rem; } .costwayday-ban { margin-top: 2.5rem; } .costwayday-ban img { width: 100%; } .leavepop { width: 40rem !important; height: 18.125rem !important; } .leavepop .ant-modal-content { border-radius: 0.625rem; } .leavepop .ant-modal-body { padding: 0px; } .leavepop .close-btn { position: absolute; top: -0.625rem; right: -2.5rem; width: 1.625rem; height: 1.75rem; font-size: 1.875rem; color: rgb(255, 255, 255); font-weight: 100; cursor: pointer; } .leavepop .leavepop-cont { padding: 3.125rem 4rem; } .leavepop .leavepop-cont h1 { text-align: left; font-size: 1.25rem; font-weight: 600; margin-bottom: 1.875rem; color: rgb(0, 0, 0); } .leavepop .leavepop-cont p { text-align: left; font-size: 1.125rem; color: rgb(0, 0, 0); margin-bottom: 1.25rem; } .leavepop .leavepop-cont .modal-buttons { display: flex; justify-content: center; margin-top: 3.125rem; } .leavepop .leavepop-cont .modal-buttons .giveup { width: 15.625rem; height: 3.4375rem; text-align: center; border-radius: 1.6875rem; color: rgb(255, 200, 66); cursor: pointer; margin-right: 0.625rem; font-size: 1.125rem; border: 0.125rem solid rgb(255, 200, 66); } .leavepop .leavepop-cont .modal-buttons .keep { width: 15.625rem; height: 3.4375rem; text-align: center; border-radius: 1.6875rem; color: rgb(255, 255, 255); cursor: pointer; font-size: 1.125rem; margin-right: 0.625rem; background-color: rgb(255, 200, 66); border: 0px; } [data-v-414c6278]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-414c6278] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-414c6278] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-414c6278] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-414c6278] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-414c6278] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-414c6278] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-414c6278] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-414c6278] { padding: 0px 20px; } } .ant-form-item[data-v-414c6278], .ant-radio-wrapper[data-v-414c6278], .ant-radio-group[data-v-414c6278] { font-variant: normal !important; } .ant-message[data-v-414c6278] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-414c6278] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-414c6278] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-414c6278] { display: none; } .order-main[data-v-414c6278] { margin: 0px auto; } .order-main .order-tips[data-v-414c6278] { clear: both; margin-left: 6.25rem; margin-top: 5rem; margin-bottom: 10rem; } .order-main .order-tips .app-entr[data-v-414c6278] { margin-top: 3.75rem; margin-left: 6.5rem; } .order-main .order-tips .app-entr .app-code[data-v-414c6278] { width: 12.5rem; height: 12.5rem; } .order-main .order-tips .app-entr .app-entr-cen[data-v-414c6278] { display: inline-block; width: 41.8125rem; height: 10.375rem; background: url("https://ca-static.costway.ca/assets/1760598923/images/app-entr-d9355238.png") left top / 100% 100% no-repeat; padding: 1.25rem 2.125rem; } .order-main .order-tips .app-entr .app-entr-cen h3[data-v-414c6278] { font-size: 1.5rem; font-weight: 600; margin-bottom: 0.3125rem; } .order-main .order-tips .app-entr .app-entr-cen p[data-v-414c6278] { font-size: 1.125rem; margin-bottom: 1.25rem; } .order-main .order-tips .app-entr .app-entr-cen p.save-now[data-v-414c6278] { text-align: center; color: rgb(253, 172, 14); font-size: 1.75rem; } .order-main .order-tips .app-entr .app-entr-cen p.save-now a[data-v-414c6278] { display: inline-block; color: rgb(253, 172, 14); font-size: 1.75rem; text-decoration: underline; } .order-main .order-tips .app-entr .app-entr-cen[data-v-414c6278] .ant-tooltip-inner { width: auto !important; } .order-main .app-download[data-v-414c6278] { position: relative; display: inline-block; } .order-main .app-download .app-current[data-v-414c6278] { display: block; width: 100%; } .order-main .app-download .app-hover[data-v-414c6278] { display: none; width: 100%; } .order-main .app-download:hover .app-current[data-v-414c6278] { display: none; } .order-main .app-download:hover .app-hover[data-v-414c6278] { display: block; } .order-main .svg[data-v-414c6278] { font-size: 0px; vertical-align: middle; margin-right: 2.5rem; display: inline-block; } .order-main .text[data-v-414c6278] { display: inline-block; vertical-align: top; } .order-main .text a[data-v-414c6278] { text-decoration: underline; color: rgb(253, 172, 14); } .order-main .text h1[data-v-414c6278] { line-height: 1; font-size: 2rem; } .order-main .text p[data-v-414c6278] { margin-bottom: 0.625rem; line-height: 1.2; } .order-main .text .t1[data-v-414c6278] { font-size: 1.4375rem; margin-top: 0.375rem; } .order-main .text .t2[data-v-414c6278] { font-size: 1.125rem; } .order-main .text .t3[data-v-414c6278] { margin-top: 1.875rem; font-size: 1.125rem; } .order-main .text .normal-p[data-v-414c6278] { font-size: 1.125rem; margin-top: 1.875rem; } .order-main .text .normal-p a[data-v-414c6278] { color: rgb(255, 95, 68); } .order-main .text .button[data-v-414c6278] { margin-top: 3.75rem; } .order-main .text .button .ant-btn[data-v-414c6278] { min-width: 15rem; border-radius: 6.1875rem; height: 3.75rem; padding: 0px 2.25rem; font-size: 1.25rem; } .order-main .text .success-button[data-v-414c6278] { display: flex; } .order-main .ant-row[data-v-414c6278] { margin-bottom: 1.25rem; } [data-v-6232bbd1]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-6232bbd1] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-6232bbd1] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-6232bbd1] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-6232bbd1] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-6232bbd1] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-6232bbd1] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-6232bbd1] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-6232bbd1] { padding: 0px 20px; } } .ant-form-item[data-v-6232bbd1], .ant-radio-wrapper[data-v-6232bbd1], .ant-radio-group[data-v-6232bbd1] { font-variant: normal !important; } .ant-message[data-v-6232bbd1] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-6232bbd1] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-6232bbd1] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-6232bbd1] { display: none; } .shopbyroom[data-v-6232bbd1] { width: 90rem; margin: 0px auto; } .shopbyroom .return-title[data-v-6232bbd1] { font-size: 1rem; margin: 1.25rem 0px 2.5rem; } .shopbyroom .room-box .room[data-v-6232bbd1] { margin: 0px auto 3.75rem; } .shopbyroom .room-box .room .title[data-v-6232bbd1] { font-size: 1.625rem; color: rgb(51, 51, 51); font-weight: 700; text-align: center; margin: 0px auto 0.625rem; } .shopbyroom .room-box .room .desc[data-v-6232bbd1] { font-size: 1rem; color: rgb(102, 102, 102); text-align: center; margin: 0px auto 1.875rem; width: 62.5rem; } .shopbyroom .room-box .room .room-content .swiper-main[data-v-6232bbd1] { position: relative; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room[data-v-6232bbd1] { position: relative; overflow: hidden; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper[data-v-6232bbd1] { height: 21.9375rem; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide[data-v-6232bbd1] { flex-shrink: 0; height: 100%; position: relative; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide img[data-v-6232bbd1] { width: 100%; height: 100%; object-fit: cover; border-radius: 0.5rem; cursor: pointer; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker[data-v-6232bbd1] { position: absolute; cursor: pointer; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .outer-circle[data-v-6232bbd1] { width: 1.875rem; height: 1.875rem; border-radius: 50%; position: relative; background: rgba(0, 0, 0, 0.26); } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .outer-circle[data-v-6232bbd1]::before { content: ""; width: 0.75rem; height: 0.75rem; border-radius: 50%; background-color: rgb(255, 255, 255); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .outer-circle.active[data-v-6232bbd1] { border: 0.0625rem solid rgb(255, 200, 66); } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .outer-circle.active[data-v-6232bbd1]::before { background-color: rgb(255, 200, 66); width: 0.625rem; height: 0.625rem; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info1[data-v-6232bbd1] { max-width: 10.625rem; height: 5rem; position: absolute; top: -1.875rem; left: 2.5rem; background-color: rgb(255, 255, 255); padding: 0.9375rem 0.9375rem 0.3125rem 0.625rem; border-radius: 0.5rem; z-index: 20; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info1 p[data-v-6232bbd1] { margin: 0px; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info1 .marker-name[data-v-6232bbd1] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info1 .marker-line2[data-v-6232bbd1] { font-size: 1.125rem; display: flex; justify-content: space-between; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info1 .marker-line2 .marker-price[data-v-6232bbd1] { font-weight: 700; margin-top: 0.3125rem; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info1 .marker-line2 p[data-v-6232bbd1]:nth-child(2) { margin-top: 0.375rem; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info1 .triangle[data-v-6232bbd1] { position: absolute; top: 1.75rem; left: -0.625rem; width: 0px; height: 0px; border-top: 1.125rem solid transparent; border-bottom: 1.125rem solid transparent; border-right: 1.25rem solid white; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info2[data-v-6232bbd1] { max-width: 10.625rem; height: 5rem; position: absolute; top: -1.875rem; right: 2.5rem; background-color: rgb(255, 255, 255); padding: 0.9375rem 0.9375rem 0.3125rem 0.625rem; border-radius: 0.5rem; z-index: 20; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info2 p[data-v-6232bbd1] { margin: 0px; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info2 .marker-name[data-v-6232bbd1] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info2 .marker-line2[data-v-6232bbd1] { font-size: 1.125rem; display: flex; justify-content: space-between; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info2 .marker-line2 .marker-price[data-v-6232bbd1] { font-weight: 700; margin-top: 0.3125rem; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info2 .marker-line2 p[data-v-6232bbd1]:nth-child(2) { margin-top: 0.375rem; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info2 .triangle[data-v-6232bbd1] { position: absolute; top: 1.75rem; right: -0.625rem; width: 0px; height: 0px; border-top: 1.125rem solid transparent; border-bottom: 1.125rem solid transparent; border-left: 1.25rem solid white; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .room-name[data-v-6232bbd1] { position: absolute; color: rgb(255, 255, 255); left: 1.5rem; bottom: 0.625rem; font-size: 1.25rem; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-button-prev[data-v-6232bbd1], .shopbyroom .room-box .room .room-content .swiper-main .swiper-button-next[data-v-6232bbd1] { color: rgb(124, 124, 124); width: 3.125rem; height: 3.125rem; border-radius: 2.1875rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(222, 222, 222); top: 46%; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-button-prev[data-v-6232bbd1]::after, .shopbyroom .room-box .room .room-content .swiper-main .swiper-button-next[data-v-6232bbd1]::after { font-size: 1.375rem; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-button-prev[data-v-6232bbd1]:hover, .shopbyroom .room-box .room .room-content .swiper-main .swiper-button-next[data-v-6232bbd1]:hover { background-color: rgb(255, 249, 238); color: rgb(255, 200, 66); border: 0.0625rem solid rgb(255, 200, 66); } .shopbyroom .room-box .room .room-content .swiper-main .swiper-button-prev[data-v-6232bbd1] { left: -1.5625rem; } .shopbyroom .room-box .room .room-content .swiper-main .swiper-button-next[data-v-6232bbd1] { right: -1.5625rem; } [data-v-60f124b4]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-60f124b4] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-60f124b4] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-60f124b4] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-60f124b4] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-60f124b4] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-60f124b4] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-60f124b4] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-60f124b4] { padding: 0px 20px; } } .ant-form-item[data-v-60f124b4], .ant-radio-wrapper[data-v-60f124b4], .ant-radio-group[data-v-60f124b4] { font-variant: normal !important; } .ant-message[data-v-60f124b4] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-60f124b4] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-60f124b4] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-60f124b4] { display: none; } .shopbyroomdetail[data-v-60f124b4] { width: 100%; background: rgb(246, 246, 246); padding: 1.25rem 0px 0.9375rem; } .shopbyroomdetail .detail-box[data-v-60f124b4] { width: 90rem; margin: 0px auto; } .shopbyroomdetail .return-title[data-v-60f124b4] { font-size: 1rem; margin: 0px 0px 1.6875rem; } .shopbyroomdetail .room-detail[data-v-60f124b4] { margin: 1.375rem auto 0px; } .shopbyroomdetail .room-detail .roomdetail-introduce[data-v-60f124b4] { display: flex; border-radius: 0.5rem; justify-content: space-between; align-items: flex-start; height: 40.5rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .left[data-v-60f124b4] { width: 59.375rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .right[data-v-60f124b4] { width: 28.75rem; height: 100%; } .shopbyroomdetail .room-detail .roomdetail-introduce .right > p[data-v-60f124b4] { font-size: 1.25rem; color: rgb(0, 0, 0); margin: 0px 0px 0.8125rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-box[data-v-60f124b4] { height: 37.8125rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content[data-v-60f124b4] { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; height: auto; max-height: 100%; padding-right: 1.875rem; overflow-y: auto; box-sizing: border-box; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content > div[data-v-60f124b4] { border-radius: 0.5rem; height: auto; background: rgb(255, 255, 255); overflow: hidden; box-sizing: border-box; cursor: pointer; position: relative; margin-top: 1.25rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content > div[data-v-60f124b4]:nth-child(-n+2) { margin-top: 0px; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content > div[data-v-60f124b4]:nth-child(2n) { margin-left: 1.25rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content > div .skuproduct-content[data-v-60f124b4] { width: 12.5rem; height: auto; padding: 1.25rem; text-align: center; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content > div .skuproduct-content .oos[data-v-60f124b4] { width: 10rem; height: 2.5rem; border-radius: 0.25rem; text-align: center; line-height: 2.5rem; font-size: 1rem; position: absolute; left: 10%; top: 30%; background-color: rgba(51, 51, 51, 0.698); color: rgb(255, 255, 255); } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content > div .skuproduct-content img[data-v-60f124b4] { width: 10rem; height: 10rem; margin-bottom: 0.625rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content > div .skuproduct-content .shopname[data-v-60f124b4] { font-size: 1rem; margin-bottom: 0.3125rem; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: rgb(30, 30, 30); line-height: 0.875rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content > div .skuproduct-content p[data-v-60f124b4] { text-align: center; margin: 0px auto; line-height: 1.75rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content > div .skuproduct-content p .nowprice[data-v-60f124b4] { font-size: 1.25rem; color: rgb(30, 30, 30); margin-right: 0.375rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content > div .skuproduct-content p .preprice[data-v-60f124b4] { font-size: 1rem; color: rgb(153, 153, 153); text-decoration: line-through; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content[data-v-60f124b4]::-webkit-scrollbar { width: 0.625rem; background-color: transparent; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content[data-v-60f124b4]::-webkit-scrollbar-track { background-color: rgb(255, 255, 255); border-radius: 0.4375rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content[data-v-60f124b4]::-webkit-scrollbar-thumb { background-color: rgb(222, 222, 222); border-radius: 0.1875rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content[data-v-60f124b4]::-webkit-scrollbar-thumb:hover { background-color: rgb(168, 168, 168); } .shopbyroomdetail .room-detail .roomdetail-introduce .right .product-content[data-v-60f124b4]::-webkit-scrollbar-button { display: none; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture[data-v-60f124b4] { width: 59.375rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-main[data-v-60f124b4] { margin: auto; overflow: hidden; position: relative; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-button-prev0[data-v-60f124b4], .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-button-next0[data-v-60f124b4] { position: absolute; color: rgb(124, 124, 124); width: 3.125rem; height: 3.125rem; border-radius: 2.1875rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(222, 222, 222); top: 50%; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-button-prev0[data-v-60f124b4]::after, .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-button-next0[data-v-60f124b4]::after { font-size: 1.375rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-button-prev0[data-v-60f124b4]:hover, .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-button-next0[data-v-60f124b4]:hover { background-color: rgb(255, 249, 238); color: rgb(255, 200, 66); border: 0.0625rem solid rgb(255, 200, 66); } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-button-prev0[data-v-60f124b4] { left: 0.9375rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-button-next0[data-v-60f124b4] { right: 0.9375rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide[data-v-60f124b4] { box-shadow: rgba(0, 0, 0, 0.08) 0.0625rem 0.1875rem 0.4375rem; height: auto; background: rgb(255, 255, 255); overflow: hidden; box-sizing: border-box; display: flex; cursor: pointer; border-radius: 0.5rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker[data-v-60f124b4] { position: absolute; cursor: pointer; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .outer-circle[data-v-60f124b4] { width: 1.875rem; height: 1.875rem; border-radius: 50%; position: relative; background: rgba(0, 0, 0, 0.26); } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .outer-circle.active[data-v-60f124b4] { border: 0.0625rem solid rgb(255, 200, 66); } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .outer-circle[data-v-60f124b4]::before { content: ""; width: 0.75rem; height: 0.75rem; border-radius: 50%; background-color: rgb(255, 255, 255); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .outer-circle.active[data-v-60f124b4]::before { background-color: rgb(255, 200, 66); width: 0.625rem; height: 0.625rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .marker-info1[data-v-60f124b4] { max-width: 10.625rem; height: 5rem; position: absolute; top: -1.875rem; left: 2.5rem; background-color: rgb(255, 255, 255); padding: 0.9375rem 0.9375rem 0.3125rem 0.625rem; border-radius: 0.5rem; z-index: 20; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .marker-info1 p[data-v-60f124b4] { margin: 0px; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .marker-info1 .marker-name[data-v-60f124b4] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .marker-info1 .marker-line2[data-v-60f124b4] { font-size: 1.125rem; display: flex; justify-content: space-between; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .marker-info1 .marker-line2 .marker-price[data-v-60f124b4] { font-weight: 700; margin-top: 0.3125rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .marker-info1 .marker-line2 p[data-v-60f124b4]:nth-child(2) { margin-top: 0.375rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .marker-info1 .triangle[data-v-60f124b4] { position: absolute; top: 1.75rem; left: -0.625rem; width: 0px; height: 0px; border-top: 1.125rem solid transparent; border-bottom: 1.125rem solid transparent; border-right: 1.25rem solid white; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .marker-info2[data-v-60f124b4] { max-width: 10.625rem; height: 5rem; position: absolute; top: -1.875rem; right: 2.5rem; background-color: rgb(255, 255, 255); padding: 0.9375rem 0.9375rem 0.3125rem 0.625rem; border-radius: 0.5rem; z-index: 20; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .marker-info2 p[data-v-60f124b4] { margin: 0px; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .marker-info2 .marker-name[data-v-60f124b4] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .marker-info2 .marker-line2[data-v-60f124b4] { font-size: 1.125rem; display: flex; justify-content: space-between; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .marker-info2 .marker-line2 .marker-price[data-v-60f124b4] { font-weight: 700; margin-top: 0.3125rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .marker-info2 .marker-line2 p[data-v-60f124b4]:nth-child(2) { margin-top: 0.375rem; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide .picture-marker .marker-info2 .triangle[data-v-60f124b4] { position: absolute; top: 1.75rem; right: -0.625rem; width: 0px; height: 0px; border-top: 1.125rem solid transparent; border-bottom: 1.125rem solid transparent; border-left: 1.25rem solid white; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide img[data-v-60f124b4], .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide video[data-v-60f124b4] { width: 59.375rem; height: 33.4375rem; border-radius: 0.5rem; object-fit: cover; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide video[data-v-60f124b4]::-webkit-media-controls-panel { width: 100% !important; box-sizing: border-box; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide video[data-v-60f124b4]::-webkit-media-controls { width: 100% !important; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide video[data-v-60f124b4]::-webkit-media-controls-enclosure { width: 100% !important; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide video[data-v-60f124b4]::-webkit-media-controls-timeline-container { padding: 0px; width: 100% !important; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide video[data-v-60f124b4]::-webkit-media-controls-timeline { padding-left: 0px; padding-right: 0px; width: 100% !important; } .shopbyroomdetail .room-detail .roomdetail-introduce .roomdetail-picture .swiper-slide video[data-v-60f124b4]::-webkit-media-controls-panel { background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); width: 100% !important; } .shopbyroomdetail .room-detail .roomdetail-introduce .image-message[data-v-60f124b4] { width: 59.375rem; margin: 0px; } .shopbyroomdetail .room-detail .roomdetail-introduce[data-v-60f124b4] .image-message { color: rgb(0, 0, 0); font-size: 1.25rem; font-weight: 700; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: normal; white-space: normal; overflow: hidden; margin: 0px 0px 0.8125rem; } .shopbyroomdetail .room-detail .roomdetail-introduce[data-v-60f124b4] .image-message h1 { color: rgb(0, 0, 0); font-size: 1.25rem; font-weight: 700; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: normal; white-space: normal; overflow: hidden; margin: 0px; } .shopbyroomdetail .room-detail .roomdetail-introduce[data-v-60f124b4] .image-message h2 { color: rgb(0, 0, 0); font-size: 1rem; margin-top: 1.875rem; display: none; } .shopbyroomdetail .room-detail .roomdetail-introduce[data-v-60f124b4] .image-message p { color: rgb(0, 0, 0); font-size: 1.25rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: normal; white-space: normal; overflow: hidden; margin: 0px; } .shopbyroomdetail .room-detail .roomdetail-allpic[data-v-60f124b4] { display: flex; margin-top: 0.625rem; } .shopbyroomdetail .room-detail .roomdetail-allpic .allpic-item[data-v-60f124b4] { margin-right: 0.625rem; position: relative; } .shopbyroomdetail .room-detail .roomdetail-allpic .allpic-item img[data-v-60f124b4] { width: 6.6875rem; height: 3.75rem; object-fit: cover; border-radius: 0.25rem; border: 0.125rem solid rgb(246, 246, 246); } .shopbyroomdetail .room-detail .roomdetail-allpic .allpic-item img.active[data-v-60f124b4] { border-color: rgb(255, 200, 66); } .shopbyroomdetail .room-detail .roomdetail-allpic .allpic-item img.live[data-v-60f124b4] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.75rem; height: auto; border: none; } .relation[data-v-60f124b4] { width: 90rem; margin: auto; } .relation .relation-title[data-v-60f124b4] { font-size: 1.25rem; margin: 3.75rem 0px 1.875rem; } .relation .swiper-main[data-v-60f124b4] { overflow: hidden; position: relative; } .relation .swiper-main .swiper-button-prev2[data-v-60f124b4], .relation .swiper-main .swiper-button-next2[data-v-60f124b4] { position: absolute; color: rgb(124, 124, 124); width: 3.125rem; height: 3.125rem; border-radius: 2.1875rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(222, 222, 222); top: 40%; } .relation .swiper-main .swiper-button-prev2[data-v-60f124b4]::after, .relation .swiper-main .swiper-button-next2[data-v-60f124b4]::after { font-size: 1.375rem; } .relation .swiper-main .swiper-button-prev2[data-v-60f124b4]:hover, .relation .swiper-main .swiper-button-next2[data-v-60f124b4]:hover { background-color: rgb(255, 249, 238); color: rgb(255, 200, 66); border: 0.0625rem solid rgb(255, 200, 66); } .relation .swiper-main .swiper-button-prev2[data-v-60f124b4] { left: 0.9375rem; } .relation .swiper-main .swiper-button-next2[data-v-60f124b4] { right: 0.9375rem; } .relation .swiper-main .swiper-slide[data-v-60f124b4] { height: auto; background: rgb(255, 255, 255); overflow: hidden; box-sizing: border-box; display: flex; cursor: pointer; } .relation .swiper-main .swiper-slide .relation-content[data-v-60f124b4] { width: 13.125rem; height: auto; padding: 0.625rem 0.625rem 0px; text-align: center; } .relation .swiper-main .swiper-slide .relation-content img[data-v-60f124b4] { width: 11.875rem; height: 11.875rem; } .relation .swiper-main .swiper-slide .relation-content .shopname[data-v-60f124b4] { text-align: left; font-size: 0.875rem; margin: 0.625rem 0px 0.75rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.5rem; } .relation .swiper-main .swiper-slide .relation-content p[data-v-60f124b4] { text-align: left; margin-bottom: 0px; } .relation .swiper-main .swiper-slide .relation-content p .nowprice[data-v-60f124b4] { font-size: 1.25rem; color: rgb(30, 30, 30); margin-right: 0.125rem; } .relation .swiper-main .swiper-slide .relation-content p .preprice[data-v-60f124b4] { font-size: 0.875rem; color: rgb(153, 153, 153); text-decoration: line-through; } .magazine[data-v-60f124b4] { width: 90rem; margin: 3.75rem auto; } .magazine > a[data-v-60f124b4] { display: block; width: 100%; height: auto; } .magazine > a > img[data-v-60f124b4] { width: 100%; height: auto; display: block; } .moreroom[data-v-60f124b4] { width: 90rem; margin: 0px auto; } .moreroom .moreroom-title[data-v-60f124b4] { font-size: 1.25rem; margin: 3.75rem 0px 1.875rem; } .moreroom .select[data-v-60f124b4] { display: flex; margin-bottom: 1.875rem; } .moreroom .select .customer-select[data-v-60f124b4] { position: relative; } .moreroom .select .selected-option[data-v-60f124b4] { display: block; width: 7.5rem; height: 2.5rem; margin-right: 0.625rem; border-radius: 1.25rem; padding: 0.5rem 0px 0.5rem 1.25rem; cursor: pointer; position: relative; background-color: rgb(244, 244, 244); margin-bottom: 0.3125rem; } .moreroom .select .selected-option[data-v-60f124b4]::after { content: ">"; position: absolute; right: 0.9375rem; top: 20%; transform: rotate(90deg); } .moreroom .select .options[data-v-60f124b4] { list-style: none; padding: 0px 0.625rem; margin: 0px; display: none; position: absolute; top: 100%; left: 0px; width: 10.625rem; background-color: rgb(255, 255, 255); box-shadow: rgba(122, 122, 122, 0.15) -0.0625rem 0.375rem 1rem 0.1875rem; } .moreroom .select .options li[data-v-60f124b4] { padding: 0.625rem; cursor: pointer; } .moreroom .select .roomselect:hover .options[data-v-60f124b4], .moreroom .select .styleselect:hover .options[data-v-60f124b4] { display: block; z-index: 10; } .moreroom .selected[data-v-60f124b4] { display: flex; } .moreroom .selected .roomchoose[data-v-60f124b4], .moreroom .selected .stylechoose[data-v-60f124b4] { width: auto; height: 2.5rem; line-height: 2.5rem; padding: 0px 1.25rem; border-radius: 1.25rem; border: 0.0625rem solid rgb(204, 204, 204); background-color: rgb(250, 250, 250); margin-right: 0.625rem; color: rgb(0, 0, 0); } .moreroom .selected .clear[data-v-60f124b4] { font-size: 1rem; color: rgb(255, 200, 66); cursor: pointer; line-height: 2.5rem; } .moreroom .moreroom-picture[data-v-60f124b4] { display: flex; justify-content: space-between; } .moreroom .moreroom-picture .col1[data-v-60f124b4] { display: flex; flex-direction: column; } .moreroom .moreroom-picture .col1 .picture-item[data-v-60f124b4] { width: 29.125rem; height: 29.125rem; position: relative; margin-bottom: 1.25rem; overflow: hidden; cursor: pointer; } .moreroom .moreroom-picture .col1 .picture-item img[data-v-60f124b4] { width: 100%; height: 100%; object-fit: cover; border-radius: 0.5rem; display: block; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker[data-v-60f124b4] { position: absolute; cursor: pointer; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .outer-circle[data-v-60f124b4] { width: 1.875rem; height: 1.875rem; border-radius: 50%; position: relative; background: rgba(0, 0, 0, 0.26); } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .outer-circle.active[data-v-60f124b4] { border: 0.0625rem solid rgb(255, 200, 66); } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .outer-circle[data-v-60f124b4]::before { content: ""; width: 0.75rem; height: 0.75rem; border-radius: 50%; background-color: rgb(255, 255, 255); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .outer-circle.active[data-v-60f124b4]::before { background-color: rgb(255, 200, 66); width: 0.625rem; height: 0.625rem; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .marker-info1[data-v-60f124b4] { max-width: 10.625rem; height: 5rem; position: absolute; top: -1.875rem; left: 2.5rem; background-color: rgb(255, 255, 255); padding: 0.9375rem 0.9375rem 0.3125rem 0.625rem; border-radius: 0.5rem; z-index: 1; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .marker-info1 p[data-v-60f124b4] { margin: 0px; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .marker-info1 .marker-name[data-v-60f124b4] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .marker-info1 .marker-line2[data-v-60f124b4] { font-size: 1.125rem; display: flex; justify-content: space-between; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .marker-info1 .marker-line2 .marker-price[data-v-60f124b4] { font-weight: 700; margin-top: 0.3125rem; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .marker-info1 .marker-line2 p[data-v-60f124b4]:nth-child(2) { margin-top: 0.375rem; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .marker-info1 .triangle[data-v-60f124b4] { position: absolute; top: 1.75rem; left: -0.625rem; width: 0px; height: 0px; border-top: 1.125rem solid transparent; border-bottom: 1.125rem solid transparent; border-right: 1.25rem solid white; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .marker-info2[data-v-60f124b4] { max-width: 10rem; height: 5rem; position: absolute; top: -1.875rem; right: 2.5rem; background-color: rgb(255, 255, 255); padding: 0.9375rem 0.9375rem 0.3125rem 0.625rem; border-radius: 0.5rem; z-index: 1; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .marker-info2 p[data-v-60f124b4] { margin: 0px; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .marker-info2 .marker-name[data-v-60f124b4] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .marker-info2 .marker-line2[data-v-60f124b4] { font-size: 1.125rem; display: flex; justify-content: space-between; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .marker-info2 .marker-line2 .marker-price[data-v-60f124b4] { font-weight: 700; margin-top: 0.3125rem; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .marker-info2 .marker-line2 p[data-v-60f124b4]:nth-child(2) { margin-top: 0.375rem; } .moreroom .moreroom-picture .col1 .picture-item .picture-marker .marker-info2 .triangle[data-v-60f124b4] { position: absolute; top: 1.75rem; right: -0.625rem; width: 0px; height: 0px; border-top: 1.125rem solid transparent; border-bottom: 1.125rem solid transparent; border-left: 1.25rem solid white; } .moreroom .moreroom-picture .cols .picture-item[data-v-60f124b4] { cursor: pointer; } .moreroom .moreroom-picture .cols .picture-item[data-v-60f124b4]:nth-of-type(1) { height: 14.375rem; } .moreroom .moreroom-picture .picture-item[data-v-60f124b4]:first-child { break-before: column; } .moreroom .moreroom-picture .none[data-v-60f124b4] { display: none; } .moreroom .more[data-v-60f124b4] { width: 11.25rem; height: 3.125rem; border-radius: 1.5625rem; border: 0.0625rem solid rgb(204, 204, 204); color: rgb(0, 0, 0); font-size: 1.125rem; text-align: center; line-height: 3.125rem; margin: 1.25rem auto; cursor: pointer; } [data-v-281c9d4e]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-281c9d4e] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-281c9d4e] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-281c9d4e] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-281c9d4e] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-281c9d4e] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-281c9d4e] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-281c9d4e] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-281c9d4e] { padding: 0px 20px; } } .ant-form-item[data-v-281c9d4e], .ant-radio-wrapper[data-v-281c9d4e], .ant-radio-group[data-v-281c9d4e] { font-variant: normal !important; } .ant-message[data-v-281c9d4e] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-281c9d4e] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-281c9d4e] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-281c9d4e] { display: none; } .wishlist-main .subtit[data-v-281c9d4e] { font-size: 1rem; padding: 0.75rem 0px 1.5625rem; color: rgb(51, 51, 51); } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-thead .ant-table-cell { background: transparent; border-bottom: 0.0625rem solid rgb(240, 240, 240); font-size: 1.125rem; } @media only screen and (max-width: 1600px) { .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-thead .ant-table-cell { font-size: 0.875rem; } } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-thead .ant-table-cell::before { display: none; } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-thead .ant-table-cell:first-child { padding-left: 0px; } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-tbody .unavailable { opacity: 1; } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-tbody .unavailable .ant-table-cell:not(:last-child) { opacity: 0.5; } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-tbody .unavailable .ant-table-cell:not(:last-child) .special_price { color: rgb(153, 153, 153); } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-tbody .unavailable .tips span { opacity: 1; } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-tbody .unavailable .ant-btn-link:last-child { opacity: 1; } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-tbody .unavailable .ant-btn-link:last-child .svg__remove path { fill: rgb(51, 51, 51); } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-tbody .unavailable .pro-img { opacity: 0.5; } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-tbody:hover .ant-table-cell { background: transparent; } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-tbody .ant-table-cell:first-child { padding-left: 0px; } .wishlist-main[data-v-281c9d4e] .ant-table .underlined-price { text-decoration: line-through; color: rgb(153, 153, 153); } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-footer { background: transparent; text-align: right; border-bottom: 0.0625rem solid rgb(240, 240, 240); font-size: 1.125rem; } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-footer .row { margin-bottom: 1rem; } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-footer .row > span { display: inline-block; } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-footer .val { min-width: 7.5rem; text-align: left; } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-footer .label { margin-right: 2.5rem; } .wishlist-main[data-v-281c9d4e] .ant-table .ant-table-footer .label.no-right { margin-right: 0px; } .wishlist-main[data-v-281c9d4e] .ant-table .pro-img { width: 9.375rem; height: 9.375rem; } .wishlist-main[data-v-281c9d4e] .ant-table .product-name { display: flex; } .wishlist-main[data-v-281c9d4e] .ant-table .product-name .ant-image { width: 5rem; } .wishlist-main[data-v-281c9d4e] .ant-table .product-name .name { display: inline-block; } .wishlist-main[data-v-281c9d4e] .ant-table .text-label { display: block; width: max-content; background: rgb(249, 249, 249); border-radius: 0.125rem; padding: 0.1875rem 0.3125rem; margin: 0.3125rem 0.625rem 0.3125rem 0px; } .wishlist-main[data-v-281c9d4e] .ant-table .text-label.text-attr { display: inline-block; margin-right: 0.625rem; } .wishlist-main[data-v-281c9d4e] .ant-table .text-label .label { text-transform: capitalize; } .wishlist-main[data-v-281c9d4e] .ant-table .svg .cancel-order, .wishlist-main[data-v-281c9d4e] .ant-table .return-information, .wishlist-main[data-v-281c9d4e] .ant-table .ordered-write-review-detail { display: inline-block; vertical-align: middle; line-height: 1; } .wishlist-main[data-v-281c9d4e] .ant-table .svg { margin-right: 0.5rem; } .wishlist-main[data-v-281c9d4e] .ant-table .svg__to-cart { width: 1.25rem; height: 1.25rem; } .wishlist-main[data-v-281c9d4e] .ant-table .svg__remove { width: 1.5rem; height: 1.5rem; margin-right: 0.25rem; } .wishlist-main[data-v-281c9d4e] .ant-table .svg__disable { width: 1.25rem; height: 1.25rem; } .wishlist-main[data-v-281c9d4e] .ant-table .ant-btn-link:hover .svg path { fill: rgb(253, 172, 14); } .wishlist-main[data-v-281c9d4e] .ant-table .ant-btn-link:hover .svg__disable path { fill: rgb(153, 153, 153); } .wishlist-main[data-v-281c9d4e] .ant-table .add-to-cart { line-height: 1; vertical-align: middle; text-decoration: underline; font-size: 1rem; } .wishlist-main[data-v-281c9d4e] .ant-table .add-to-cart { color: rgb(253, 172, 14); } .wishlist-main[data-v-281c9d4e] .ant-table .cancel-order, .wishlist-main[data-v-281c9d4e] .ant-table .return-information { color: rgb(51, 51, 51); } .wishlist-main[data-v-281c9d4e] .ant-table .old_price { color: rgb(153, 153, 153); text-decoration-line: line-through; } .wishlist-main[data-v-281c9d4e] .ant-table .tips span { display: inline-block; width: auto; height: 1.875rem; line-height: 1.875rem; padding: 0px 0.625rem; background: rgb(254, 246, 245); color: rgb(230, 77, 67); } .wishlist-main[data-v-281c9d4e] .ant-table .tips span.warn { color: rgb(253, 172, 14); } .wishlist-main[data-v-281c9d4e] .ant-table .tips span.pur { background: rgb(254, 246, 245); height: 2.1875rem; line-height: 2.1875rem; padding: 0px 0.625rem; border-radius: 0.25rem; } .wishlist-main[data-v-281c9d4e] .ant-table .tips span img { vertical-align: -0.25rem; margin-right: 0.625rem; } span.oos[data-v-281c9d4e] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 7.625rem; height: 2.1875rem; line-height: 2.1875rem; background: rgba(51, 51, 51, 0.8); border-radius: 0.25rem; color: rgb(255, 255, 255); text-align: center; } :root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap { padding: 0px 20px; } } .ant-form-item, .ant-radio-wrapper, .ant-radio-group { font-variant: normal !important; } .ant-message { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg { display: none; } .wishlistModel .ant-btn { width: 50% !important; } .wishlistModel .ant-modal-body { text-align: center; padding-top: 3.125rem; } .wishlistModel .ant-modal-footer { padding: 0px; } .wishlistModel .ant-modal-footer .ant-btn { border: none; background: rgb(244, 244, 244); padding: 0.625rem 0px; height: auto; border-radius: 0px; margin: 0px !important; } .wishlistModel .ant-modal-footer .ant-btn.ant-btn-primary { background: rgb(255, 200, 66); } .nodata { text-align: center; padding-top: 10vh; } .nodata p { margin-bottom: 0.625rem; } .nodata .tit { font-size: 0.875rem; color: rgb(102, 102, 102); } .nodata .btn { width: 14.8125rem; height: 2.5rem; line-height: 2.5rem; border-radius: 1.5625rem; margin: 1.25rem auto; font-size: 1rem; color: rgb(255, 255, 255); background: rgb(253, 172, 14); cursor: pointer; } .links { cursor: pointer; } [data-v-0e6b25e2]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-0e6b25e2] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-0e6b25e2] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-0e6b25e2] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-0e6b25e2] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-0e6b25e2] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-0e6b25e2] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-0e6b25e2] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-0e6b25e2] { padding: 0px 20px; } } .ant-form-item[data-v-0e6b25e2], .ant-radio-wrapper[data-v-0e6b25e2], .ant-radio-group[data-v-0e6b25e2] { font-variant: normal !important; } .ant-message[data-v-0e6b25e2] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-0e6b25e2] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-0e6b25e2] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-0e6b25e2] { display: none; } h1[data-v-0e6b25e2] { font-size: 1.625rem; color: rgb(51, 51, 51); } .my-wish-list[data-v-0e6b25e2] { float: left; width: 100%; display: block; } [data-v-3380ef8a]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-3380ef8a] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-3380ef8a] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-3380ef8a] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-3380ef8a] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-3380ef8a] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-3380ef8a] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-3380ef8a] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-3380ef8a] { padding: 0px 20px; } } .ant-form-item[data-v-3380ef8a], .ant-radio-wrapper[data-v-3380ef8a], .ant-radio-group[data-v-3380ef8a] { font-variant: normal !important; } .ant-message[data-v-3380ef8a] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-3380ef8a] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-3380ef8a] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-3380ef8a] { display: none; } .my-button-disabled[data-v-3380ef8a] { display: none; } .swiper[data-v-3380ef8a] { --swiper-preloader-color: #666; width: 100%; display: none; } .swiper.swiper-initialized[data-v-3380ef8a] { display: block; } .swiper .swiper-wrapper .swiper-slide[data-v-3380ef8a] { width: 100%; } .swiper .swiper-wrapper .swiper-slide a[data-v-3380ef8a] { display: block; text-align: center; } .swiper .swiper-wrapper .swiper-slide a img[data-v-3380ef8a] { margin: 0px auto; width: 100%; height: auto; } .swiper[data-v-3380ef8a] .swiper-pagination { bottom: 0.625rem; } .swiper[data-v-3380ef8a] .swiper-pagination .swiper-pagination-bullet { width: 0.5625rem; height: 0.5625rem; background: rgb(224, 224, 224); opacity: 0.8; } .swiper[data-v-3380ef8a] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 1.625rem !important; height: 0.5625rem !important; background: rgb(255, 95, 68) !important; border-radius: 0.375rem !important; } .swiper .swiper-button-prev[data-v-3380ef8a], .swiper .swiper-button-next[data-v-3380ef8a] { opacity: 0; transition: 0.5s; } .swiper:hover .swiper-button-prev[data-v-3380ef8a], .swiper:hover .swiper-button-next[data-v-3380ef8a] { opacity: 1; } .swiper-button-prev[data-v-3380ef8a], .swiper-button-next[data-v-3380ef8a] { position: absolute; width: 3.125rem; height: 3.125rem; border-radius: 1.5625rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(244, 244, 244); transform: translateY(-50%); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0.5; transition: 0.5s; color: rgb(122, 122, 122) !important; top: 50% !important; } @media only screen and (max-width: 1600px) { .swiper-button-prev[data-v-3380ef8a], .swiper-button-next[data-v-3380ef8a] { width: 3rem; height: 3rem; border-radius: 1.5rem; } } .swiper-button-prev[data-v-3380ef8a]:hover, .swiper-button-next[data-v-3380ef8a]:hover { border: 0.0625rem solid rgb(253, 172, 14); transition: 0.5s; background-color: rgb(255, 249, 238); opacity: 1; } .swiper-button-prev[data-v-3380ef8a]:hover::after, .swiper-button-next[data-v-3380ef8a]:hover::after { color: rgb(253, 172, 14); } .swiper-button-prev[data-v-3380ef8a]::after, .swiper-button-next[data-v-3380ef8a]::after { font-size: 1.25rem; transition: 0.5s; color: rgb(253, 172, 14); font-family: swiper-icons; letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } @media only screen and (max-width: 1600px) { .swiper-button-prev[data-v-3380ef8a]::after, .swiper-button-next[data-v-3380ef8a]::after { font-size: 1.125rem; } } .swiper-button-prev.swiper-button-disabled[data-v-3380ef8a], .swiper-button-next.swiper-button-disabled[data-v-3380ef8a] { filter: grayscale(100%); cursor: auto; opacity: 0; } .swiper-button-prev.swiper-button-disabled[data-v-3380ef8a]:hover, .swiper-button-next.swiper-button-disabled[data-v-3380ef8a]:hover { border: 0.0625rem solid rgb(244, 244, 244); } .swiper-button-prev.swiper-button-disabled[data-v-3380ef8a]:hover::after, .swiper-button-next.swiper-button-disabled[data-v-3380ef8a]:hover::after { color: rgb(253, 172, 14); } [data-v-9cef8cca]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-9cef8cca] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-9cef8cca] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-9cef8cca] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-9cef8cca] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-9cef8cca] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-9cef8cca] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-9cef8cca] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-9cef8cca] { padding: 0px 20px; } } .ant-form-item[data-v-9cef8cca], .ant-radio-wrapper[data-v-9cef8cca], .ant-radio-group[data-v-9cef8cca] { font-variant: normal !important; } .ant-message[data-v-9cef8cca] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-9cef8cca] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-9cef8cca] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-9cef8cca] { display: none; } .swiper-main[data-v-9cef8cca] { margin-left: auto; margin-right: auto; position: relative; padding: 0px; z-index: 1; } .swiper-main .swiper[data-v-9cef8cca] .swiper-pagination { bottom: 0px; } .swiper-main .swiper[data-v-9cef8cca] .swiper-pagination .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; background: rgb(224, 224, 224); } .swiper-main .swiper[data-v-9cef8cca] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 2.375rem; height: 0.75rem; border-radius: 0.4375rem; background: rgb(255, 95, 68) !important; } .swiper-main .swiper-button-prev[data-v-9cef8cca], .swiper-main .swiper-button-next[data-v-9cef8cca] { display: none; width: 4.375rem; height: 4.375rem; border-radius: 2.1875rem; background: rgba(255, 255, 255, 0.8); color: rgb(102, 102, 102) !important; top: 38% !important; } @media only screen and (max-width: 1600px) { .swiper-main .swiper-button-prev[data-v-9cef8cca], .swiper-main .swiper-button-next[data-v-9cef8cca] { width: 3rem; height: 3rem; border-radius: 1.5rem; } } .swiper-main .swiper-button-prev[data-v-9cef8cca]::after, .swiper-main .swiper-button-next[data-v-9cef8cca]::after { font-size: 1.75rem; } @media only screen and (max-width: 1600px) { .swiper-main .swiper-button-prev[data-v-9cef8cca]::after, .swiper-main .swiper-button-next[data-v-9cef8cca]::after { font-size: 1.5rem; } } .swiper-main .swiper-button-prev[data-v-9cef8cca]:hover::after, .swiper-main .swiper-button-next[data-v-9cef8cca]:hover::after { color: rgb(255, 95, 68); } .swiper-main:hover .swiper-button-prev[data-v-9cef8cca], .swiper-main:hover .swiper-button-next[data-v-9cef8cca] { display: flex; } .img[data-v-9cef8cca] { position: relative; } .img img[data-v-9cef8cca] { width: 100%; height: auto; margin: 0px auto; } .img .wish-box[data-v-9cef8cca] { position: absolute; top: -1.25rem; right: -0.625rem; z-index: 1; } .img .plus-tips[data-v-9cef8cca] { position: absolute; top: -1.25rem; left: -0.9375rem; font-size: 0.875rem; z-index: 2; pointer-events: none; display: inline-block; width: 11.5rem; height: 1.875rem; border-radius: 0px; line-height: 1.875rem; overflow: hidden; padding: 0px; background: url("https://ca-static.costway.ca/assets/1760598923/images/icon-list-plus-5929a2b0.png") left top / 100% 100% no-repeat; white-space: nowrap; } .img .plus-tips .plus-price[data-v-9cef8cca], .img .plus-tips .plus-txt[data-v-9cef8cca] { display: inline-block; vertical-align: top; } .img .plus-tips .plus-price[data-v-9cef8cca] { text-align: center; width: 4.0625rem; } .img .plus-tips .plus-price span[data-v-9cef8cca] { font-size: 0.875rem; font-weight: 500; background: linear-gradient(144.47deg, rgb(255, 232, 201) -24.21%, rgb(223, 184, 129) 80.58%) text; -webkit-text-fill-color: transparent; } .img .plus-tips .plus-txt[data-v-9cef8cca] { text-align: center; color: rgb(0, 0, 0); font-size: 0.875rem; } .img:hover .wish-box[data-v-9cef8cca] { display: block; } a[data-v-9cef8cca] { color: rgb(0, 0, 0); } h2[data-v-9cef8cca] { display: block; text-align: center; } h2.name[data-v-9cef8cca] { min-height: 3rem; margin: 2.5rem 0px 1.125rem; font-size: 1rem; text-align: left; word-break: keep-all; white-space: normal; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } p[data-v-9cef8cca] { display: block; text-align: center; } p > span[data-v-9cef8cca] { font-size: 1.625rem; margin: 1.125rem 0.5rem 0px; line-height: 1.5rem; } p > span.old-price[data-v-9cef8cca] { color: rgb(153, 153, 153); text-decoration: line-through; } p.price-box[data-v-9cef8cca] { margin-bottom: 0px; } p.price-box .price[data-v-9cef8cca] { color: rgb(153, 153, 153); text-decoration: line-through; } .room-box[data-v-9cef8cca] { display: flex; justify-content: space-between; } .room-box .room-l[data-v-9cef8cca] { width: 49.4%; } .room-box a[data-v-9cef8cca] { position: relative; display: inline-block; } .room-box .room-c[data-v-9cef8cca], .room-box .room-r[data-v-9cef8cca] { width: 24%; display: flex; flex-flow: column wrap; justify-content: space-between; } .room-box .room-c a[data-v-9cef8cca], .room-box .room-r a[data-v-9cef8cca] { display: block; width: 100%; } .room-box img[data-v-9cef8cca] { width: 100%; } .room-box .room-lable[data-v-9cef8cca] { position: absolute; bottom: 1rem; left: 1rem; font-size: 1.3rem; color: rgb(255, 255, 255); } @media only screen and (max-width: 980px) { .cms-container .content[data-v-9cef8cca] { padding: 0px 1.25rem !important; } } @media only screen and (max-width: 1150px) { .cms-container .content[data-v-9cef8cca] { padding: 0px 3.4375rem !important; } } @media only screen and (max-width: 1280px) { .cms-container .content[data-v-9cef8cca] { padding: 0px 4.0625rem !important; } } @media only screen and (max-width: 1440px) { .cms-container .content[data-v-9cef8cca] { padding: 0px 7.5rem !important; } } @media only screen and (max-width: 1536px) { .cms-container .content[data-v-9cef8cca] { padding: 0px 8rem !important; } } @media only screen and (max-width: 1600px) { .cms-container .content[data-v-9cef8cca] { padding: 0px 8.28125rem !important; } } @media only screen and (max-width: 1680px) { .cms-container .content[data-v-9cef8cca] { max-width: none; padding: 0px 8.75rem !important; } } @media only screen and (min-width: 1680px) { .cms-container .content[data-v-9cef8cca] { max-width: 90rem !important; } } [data-v-ff7d9a96]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-ff7d9a96] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-ff7d9a96] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-ff7d9a96] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-ff7d9a96] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-ff7d9a96] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-ff7d9a96] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-ff7d9a96] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-ff7d9a96] { padding: 0px 20px; } } .ant-form-item[data-v-ff7d9a96], .ant-radio-wrapper[data-v-ff7d9a96], .ant-radio-group[data-v-ff7d9a96] { font-variant: normal !important; } .ant-message[data-v-ff7d9a96] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-ff7d9a96] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-ff7d9a96] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-ff7d9a96] { display: none; } .swiper[data-v-ff7d9a96] { position: relative; } .swiper .swiper-slide[data-v-ff7d9a96] { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 15.3125rem; margin-right: 1.25rem; } .swiper .swiper-slide[data-v-ff7d9a96]:last-child { margin-right: 0px; } .swiper img[data-v-ff7d9a96] { width: 15.3125rem; height: 15.3125rem; display: block; } .swiper .swiper-button-prev[data-v-ff7d9a96], .swiper .swiper-button-next[data-v-ff7d9a96] { position: absolute; width: 3.125rem; height: 3.125rem; border-radius: 1.5625rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(244, 244, 244); transform: translateY(-50%); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0.5; transition: 0.5s; color: rgb(122, 122, 122) !important; top: 50% !important; } @media only screen and (max-width: 1600px) { .swiper .swiper-button-prev[data-v-ff7d9a96], .swiper .swiper-button-next[data-v-ff7d9a96] { width: 3rem; height: 3rem; border-radius: 1.5rem; } } .swiper .swiper-button-prev[data-v-ff7d9a96]:hover, .swiper .swiper-button-next[data-v-ff7d9a96]:hover { border: 0.0625rem solid rgb(253, 172, 14); transition: 0.5s; background-color: rgb(255, 249, 238); opacity: 1; } .swiper .swiper-button-prev[data-v-ff7d9a96]:hover::after, .swiper .swiper-button-next[data-v-ff7d9a96]:hover::after { color: rgb(253, 172, 14); } .swiper .swiper-button-prev[data-v-ff7d9a96]::after, .swiper .swiper-button-next[data-v-ff7d9a96]::after { font-size: 1.25rem; transition: 0.5s; color: rgb(253, 172, 14); font-family: swiper-icons; letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } @media only screen and (max-width: 1600px) { .swiper .swiper-button-prev[data-v-ff7d9a96]::after, .swiper .swiper-button-next[data-v-ff7d9a96]::after { font-size: 1.125rem; } } .swiper .swiper-button-prev.swiper-button-disabled[data-v-ff7d9a96], .swiper .swiper-button-next.swiper-button-disabled[data-v-ff7d9a96] { filter: grayscale(100%); cursor: auto; opacity: 0 !important; } .swiper .swiper-button-prev.swiper-button-disabled[data-v-ff7d9a96]:hover, .swiper .swiper-button-next.swiper-button-disabled[data-v-ff7d9a96]:hover { border: 0.0625rem solid rgb(244, 244, 244); } .swiper .swiper-button-prev.swiper-button-disabled[data-v-ff7d9a96]:hover::after, .swiper .swiper-button-next.swiper-button-disabled[data-v-ff7d9a96]:hover::after { color: rgb(253, 172, 14); } .swiper:hover .swiper-button-prev[data-v-ff7d9a96], .swiper:hover .swiper-button-next[data-v-ff7d9a96] { border: 0.0625rem solid rgb(253, 172, 14); transition: 0.5s; background-color: rgb(255, 249, 238); opacity: 1; } .swiper:hover .swiper-button-prev[data-v-ff7d9a96]::after, .swiper:hover .swiper-button-next[data-v-ff7d9a96]::after { color: rgb(253, 172, 14); } [data-v-f02d904a]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-f02d904a] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-f02d904a] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-f02d904a] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-f02d904a] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-f02d904a] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-f02d904a] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-f02d904a] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-f02d904a] { padding: 0px 20px; } } .ant-form-item[data-v-f02d904a], .ant-radio-wrapper[data-v-f02d904a], .ant-radio-group[data-v-f02d904a] { font-variant: normal !important; } .ant-message[data-v-f02d904a] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-f02d904a] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-f02d904a] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-f02d904a] { display: none; } .swiper.shopbyroom[data-v-f02d904a] { position: relative; } .swiper.shopbyroom .swiper-wrapper[data-v-f02d904a] { display: flex; } .swiper.shopbyroom .custom-slick-arrow[data-v-f02d904a] { width: 4.375rem; height: 4.375rem; border-radius: 2.1875rem; background: rgba(255, 255, 255, 0.8); transform: scaleX(-1); font-size: 1.5625rem; color: rgb(102, 102, 102); opacity: 0.5; text-align: center; line-height: 4.375rem; position: absolute; top: 50%; z-index: 1; cursor: pointer; } .swiper.shopbyroom .custom-slick-arrow.room-prev[data-v-f02d904a] { left: 26%; transform: translate(-50%, -50%); } .swiper.shopbyroom .custom-slick-arrow.room-next[data-v-f02d904a] { right: 26%; transform: translate(50%, -50%); } .swiper.shopbyroom .swiper-slide[data-v-f02d904a] { flex-shrink: 0; width: 48%; height: 100%; background: rgb(255, 255, 255); position: relative; align-items: center; } .swiper.shopbyroom .swiper-slide.swiper-slide-active[data-v-f02d904a], .swiper.shopbyroom .swiper-slide.swiper-slide-duplicate-active[data-v-f02d904a] { z-index: 2; } .swiper.shopbyroom .swiper-slide.swiper-slide-prev[data-v-f02d904a], .swiper.shopbyroom .swiper-slide.swiper-slide-next[data-v-f02d904a] { filter: brightness(0.3); } .swiper.shopbyroom .swiper-slide a[data-v-f02d904a] { display: block; } .swiper.shopbyroom .swiper-slide img[data-v-f02d904a] { width: 100%; height: 100%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; } .swiper.shopbyroom .swiper-pagination-bullets .swiper-pagination-bullet[data-v-f02d904a] { margin: 0px 0.3125rem; border: 0.1875rem solid rgb(255, 255, 255); background-color: rgb(213, 213, 213); width: 0.625rem; height: 0.625rem; opacity: 1; } [data-v-374b28aa]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-374b28aa] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-374b28aa] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-374b28aa] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-374b28aa] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-374b28aa] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-374b28aa] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-374b28aa] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-374b28aa] { padding: 0px 20px; } } .ant-form-item[data-v-374b28aa], .ant-radio-wrapper[data-v-374b28aa], .ant-radio-group[data-v-374b28aa] { font-variant: normal !important; } .ant-message[data-v-374b28aa] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-374b28aa] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-374b28aa] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-374b28aa] { display: none; } .category[data-v-374b28aa] { margin-bottom: 1.875rem; scrollbar-width: none; overflow: hidden; cursor: grab; width: 100%; white-space: nowrap; } .category > div[data-v-374b28aa] { height: 3.125rem; line-height: 3rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(204, 204, 204); color: rgb(51, 51, 51); font-size: 1rem; text-align: center; margin-right: 0.625rem; padding: 0px 1.25rem; border-radius: 2.25rem; cursor: pointer; display: inline-block; } .category > div[data-v-374b28aa]:hover { border-color: rgb(255, 200, 66); background: rgb(255, 249, 238); color: rgb(253, 172, 14); } .category > div.active[data-v-374b28aa] { background: rgb(255, 200, 66); color: rgb(0, 0, 0); border-color: rgb(255, 200, 66); } .category > div[data-v-374b28aa]:nth-child(1) { padding: 0px 1.875rem; } .room-content .swiper-main[data-v-374b28aa] { position: relative; } .room-content .swiper-main .swiper-room[data-v-374b28aa] { position: relative; overflow: hidden; } .room-content .swiper-main .swiper-room .swiper-wrapper[data-v-374b28aa] { height: 21.9375rem; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide[data-v-374b28aa] { flex-shrink: 0; height: 100%; position: relative; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide img[data-v-374b28aa] { width: 100%; height: 100%; object-fit: cover; border-radius: 0.5rem; cursor: pointer; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker[data-v-374b28aa] { position: absolute; cursor: pointer; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .outer-circle[data-v-374b28aa] { width: 1.875rem; height: 1.875rem; border-radius: 50%; position: relative; background: rgba(0, 0, 0, 0.26); } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .outer-circle[data-v-374b28aa]::before { content: ""; width: 0.75rem; height: 0.75rem; border-radius: 50%; background-color: rgb(255, 255, 255); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .outer-circle.active[data-v-374b28aa] { border: 0.0625rem solid rgb(255, 200, 66); } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .outer-circle.active[data-v-374b28aa]::before { background-color: rgb(255, 200, 66); width: 0.625rem; height: 0.625rem; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info1[data-v-374b28aa] { max-width: 10.625rem; height: 5rem; position: absolute; top: -1.875rem; left: 2.5rem; background-color: rgb(255, 255, 255); padding: 0.9375rem 0.9375rem 0.3125rem 0.625rem; border-radius: 0.5rem; z-index: 20; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info1 p[data-v-374b28aa] { margin: 0px; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info1 .marker-name[data-v-374b28aa] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info1 .marker-line2[data-v-374b28aa] { font-size: 1.125rem; display: flex; justify-content: space-between; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info1 .marker-line2 .marker-price[data-v-374b28aa] { font-weight: 700; margin-top: 0.3125rem; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info1 .marker-line2 p[data-v-374b28aa]:nth-child(2) { margin-top: 0.375rem; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info1 .triangle[data-v-374b28aa] { position: absolute; top: 1.75rem; left: -0.625rem; width: 0px; height: 0px; border-top: 1.125rem solid transparent; border-bottom: 1.125rem solid transparent; border-right: 1.25rem solid white; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info2[data-v-374b28aa] { max-width: 10.625rem; height: 5rem; position: absolute; top: -1.875rem; right: 2.5rem; background-color: rgb(255, 255, 255); padding: 0.9375rem 0.9375rem 0.3125rem 0.625rem; border-radius: 0.5rem; z-index: 20; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info2 p[data-v-374b28aa] { margin: 0px; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info2 .marker-name[data-v-374b28aa] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info2 .marker-line2[data-v-374b28aa] { font-size: 1.125rem; display: flex; justify-content: space-between; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info2 .marker-line2 .marker-price[data-v-374b28aa] { font-weight: 700; margin-top: 0.3125rem; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info2 .marker-line2 p[data-v-374b28aa]:nth-child(2) { margin-top: 0.375rem; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .picture-marker .marker-info2 .triangle[data-v-374b28aa] { position: absolute; top: 1.75rem; right: -0.625rem; width: 0px; height: 0px; border-top: 1.125rem solid transparent; border-bottom: 1.125rem solid transparent; border-left: 1.25rem solid white; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .room-name[data-v-374b28aa] { position: absolute; color: rgb(255, 255, 255); left: 1.5rem; bottom: 0.625rem; font-size: 1.25rem; margin: 0px; z-index: 15; } .room-content .swiper-main .swiper-room .swiper-wrapper .swiper-slide .mask[data-v-374b28aa] { display: block; width: 100%; height: auto; position: absolute; bottom: 0px; left: 0px; } .room-content .swiper-main[data-v-374b28aa] .swiper-button-disabled { pointer-events: auto; } .room-content .swiper-main .swiper-button-prev[data-v-374b28aa], .room-content .swiper-main .swiper-button-next[data-v-374b28aa] { color: rgb(124, 124, 124); width: 3.125rem; height: 3.125rem; border-radius: 2.1875rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(222, 222, 222); top: 46%; } .room-content .swiper-main .swiper-button-prev[data-v-374b28aa]::after, .room-content .swiper-main .swiper-button-next[data-v-374b28aa]::after { font-size: 1.375rem; } .room-content .swiper-main .swiper-button-prev[data-v-374b28aa]:hover, .room-content .swiper-main .swiper-button-next[data-v-374b28aa]:hover { background-color: rgb(255, 249, 238); color: rgb(255, 200, 66); border: 0.0625rem solid rgb(255, 200, 66); } .room-content .swiper-main .swiper-button-prev[data-v-374b28aa] { left: -1.5625rem; } .room-content .swiper-main .swiper-button-next[data-v-374b28aa] { right: -1.5625rem; } [data-v-42aa8027]:root { --swiper-theme-color: $brand-red, --swiper-preloader-color: var(--swiper-theme-color),; } .wrap[data-v-42aa8027] { max-width: 1440px; margin: 0px auto; width: 100%; } @media only screen and (max-width: 1680px) { .wrap[data-v-42aa8027] { max-width: 1400px; } } @media only screen and (max-width: 1600px) { .wrap[data-v-42aa8027] { max-width: 1335px; } } @media only screen and (max-width: 1536px) { .wrap[data-v-42aa8027] { max-width: 1280px; } } @media only screen and (max-width: 1440px) { .wrap[data-v-42aa8027] { max-width: 1200px; } } @media only screen and (max-width: 1280px) { .wrap[data-v-42aa8027] { max-width: 1150px; } } @media only screen and (max-width: 1150px) { .wrap[data-v-42aa8027] { padding: 0px 3.4375rem; } } @media only screen and (max-width: 980px) { .wrap[data-v-42aa8027] { padding: 0px 20px; } } .ant-form-item[data-v-42aa8027], .ant-radio-wrapper[data-v-42aa8027], .ant-radio-group[data-v-42aa8027] { font-variant: normal !important; } .ant-message[data-v-42aa8027] { z-index: 888888; } .ant-message-notice-content .ant-message-custom-content[data-v-42aa8027] { display: flex; align-items: center; } .ant-message-notice-content .ant-message-success .anticon-check-circle[data-v-42aa8027] { width: 1.625rem; height: 1.125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/msg-success-c85b8549.png"); background-size: contain; background-repeat: no-repeat; margin-right: 0.625rem; vertical-align: middle; } .ant-message-notice-content .ant-message-success svg[data-v-42aa8027] { display: none; } .container[data-v-42aa8027] { display: block; width: 100%; } .row[data-v-42aa8027] { margin-top: 1.5625rem; } .main-slide[data-v-42aa8027] { width: 60.0694%; min-height: 33.5rem; height: auto; } .main-slide[data-v-42aa8027] .homeban { height: 100%; } .main-slide[data-v-42aa8027] .homeban .swiper-slide { border-radius: 0.5rem; overflow: hidden; } .main-slide[data-v-42aa8027] .homeban .swiper-button-prev, .main-slide[data-v-42aa8027] .homeban .swiper-button-next { opacity: 0; transition: 0.5s; } .main-slide[data-v-42aa8027] .homeban:hover .swiper-button-prev, .main-slide[data-v-42aa8027] .homeban:hover .swiper-button-next { opacity: 1; } .promo[data-v-42aa8027] { width: 38.8889%; } .promo a[data-v-42aa8027] { display: block; border-radius: 0.5rem; overflow: hidden; } .promo a[data-v-42aa8027]:first-child { margin-bottom: 1rem; } .promo a img[data-v-42aa8027] { width: 100%; height: auto; } .marketing[data-v-42aa8027] { margin-top: 0.625rem; min-height: 12.75rem; } .marketing a[data-v-42aa8027] { display: block; border-radius: 0.5rem; overflow: hidden; } .marketing a img[data-v-42aa8027] { display: block; width: 100%; height: auto; } .costway-guide[data-v-42aa8027] { width: 100%; margin-top: 0.625rem; height: 4.5rem; background: rgb(255, 253, 253); border-radius: 0.5rem; min-height: 4.5rem; } .costway-guide .ant-col[data-v-42aa8027] { text-align: center; width: 25%; position: relative; } .costway-guide .ant-col[data-v-42aa8027]::after { content: ""; display: inline-block; width: 0.125rem; height: 1.5rem; background-color: rgb(217, 217, 217); position: absolute; right: 0px; top: 0px; bottom: 0px; margin: auto; } .costway-guide .ant-col[data-v-42aa8027]:last-child::after { display: none; } .costway-guide span[data-v-42aa8027] { display: inline-block; margin: 0px auto; color: rgb(102, 102, 102); font-size: 1.125rem; white-space: nowrap; line-height: 1.8125rem; } .costway-guide span[data-v-42aa8027]::before { content: ""; display: inline-block; vertical-align: middle; margin-right: 1.0625rem; background-position: center center; background-size: auto 100%; background-repeat: no-repeat; } .costway-guide span.free[data-v-42aa8027]::before { width: 2.125rem; height: 1.8125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/icon-free-2-ec9c7bd4.png"); } .costway-guide span.warranty[data-v-42aa8027]::before { width: 1.5625rem; height: 1.8125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/icon-warranty-f8d93cb2.png"); background-position: left center; } .costway-guide span.return[data-v-42aa8027]::before { width: 1.875rem; height: 1.8125rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/icon-arrive-a594d707.png"); } .costway-guide span.choice[data-v-42aa8027]::before { width: 2.125rem; height: 1.875rem; background-image: url("https://ca-static.costway.ca/assets/1760598923/images/icon-choice-89955d82.png"); } .svg-arrow[data-v-42aa8027] { width: 0.8125rem; height: 1.5rem; } .shop-by-category[data-v-42aa8027] { margin-top: 3.75rem; } .shop-by-category .title[data-v-42aa8027] { position: relative; margin-bottom: 2.9375rem; } .shop-by-category .title h2[data-v-42aa8027] { font-weight: 500; font-size: 1.75rem; line-height: 1.5; } .shop-by-category .list[data-v-42aa8027] { display: block; width: 100%; min-height: 36.625rem; } .shop-by-category .list ul[data-v-42aa8027] { display: flex; justify-content: space-between; flex-wrap: wrap; } .shop-by-category .list ul li[data-v-42aa8027] { width: 15.5%; min-height: 17.0625rem; margin-bottom: 1.25rem; } .shop-by-category .list ul li a[data-v-42aa8027] { display: block; width: 100%; } .shop-by-category .list ul li a p[data-v-42aa8027] { margin-top: 0.625rem; text-align: center; } .shop-by-category .list ul li a span[data-v-42aa8027] { display: block; width: 13.9375rem; height: 13.9375rem; border-radius: 50%; overflow: hidden; position: relative; } .shop-by-category .list ul li a span img[data-v-42aa8027] { position: absolute; inset: 0px; margin: auto; transition: 0.3s; width: 13.9375rem; height: 13.9375rem; } .shop-by-category .list ul li a:hover span[data-v-42aa8027] { background-color: rgb(246, 246, 246); } .shop-by-category .list ul li a:hover span img[data-v-42aa8027] { scale: 1.02; } .shop-by-category .list ul li a.catagory-plus span img[data-v-42aa8027] { width: 11.75rem; height: 11.75rem; transition: 0.3s; } .shop-by-category .list ul li a.catagory-plus:hover span img[data-v-42aa8027] { scale: 1; } .recommend[data-v-42aa8027] { margin-top: 2.5rem; } .recommend .recommend-title[data-v-42aa8027] { font-size: 1.625rem; font-weight: 500; margin-bottom: 0.625rem; display: flex; justify-content: space-between; align-items: center; line-height: 2.5rem; } .recommend .recommend-title h2[data-v-42aa8027] { font-size: 1.75rem; margin: 0px; } .recommend .recommend-title .more[data-v-42aa8027] { font-size: 1rem; } .recommend .swiper2[data-v-42aa8027] { width: 100%; overflow: hidden; position: relative; padding: 1.25rem 0.3125rem; } .recommend .swiper2 .swiper-slide[data-v-42aa8027] { padding: 1.875rem 1.875rem 1.25rem; box-shadow: rgba(122, 122, 122, 0.15) -0.0625rem 0.3125rem 1rem 0.1875rem; border-radius: 0.5rem; text-align: center; position: relative; transition: 0.2s linear; } .recommend .swiper2 .swiper-slide .pro-img[data-v-42aa8027] { width: 17.8125rem; height: 17.8125rem; } .recommend .swiper2 .swiper-slide .pro-cont[data-v-42aa8027] { width: 17.8125rem; margin: 0px auto; } .recommend .swiper2 .swiper-slide .pro-title[data-v-42aa8027] { font-size: 1rem; height: 2.5rem; line-height: 1.25rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden; color: rgb(0, 0, 0); margin: 1.5625rem 0px 0.625rem; text-align: left; } .recommend .swiper2 .swiper-slide .pro-price[data-v-42aa8027] { text-align-last: left; margin-bottom: 0px; } .recommend .swiper2 .swiper-slide .pro-nowprice[data-v-42aa8027] { font-size: 1.375rem; } .recommend .swiper2 .swiper-slide .price-diff[data-v-42aa8027] { color: rgb(230, 77, 67); } .recommend .swiper2 .swiper-slide .price-same[data-v-42aa8027] { color: rgb(0, 0, 0); } .recommend .swiper2 .swiper-slide .pro-oldprice[data-v-42aa8027] { color: rgb(153, 153, 153); font-size: 1rem; text-decoration: line-through; margin-left: 0.3125rem; } .recommend .swiper2 .swiper-slide .wish-box[data-v-42aa8027] { display: none; position: absolute; top: 0.625rem; right: 0.625rem; z-index: 1; transition: 0.3s; } .recommend .swiper2 .swiper-slide[data-v-42aa8027]:hover { transform: translate3d(0px, -0.625rem, 0px); } .recommend .swiper2 .swiper-slide:hover .wish-box[data-v-42aa8027] { display: block; } .recommend .swiper2[data-v-42aa8027] .swiper-button-disabled { pointer-events: auto; } .recommend .swiper2 .swiper-button-prev[data-v-42aa8027], .recommend .swiper2 .swiper-button-next[data-v-42aa8027] { color: rgb(124, 124, 124); width: 3.125rem; height: 3.125rem; border-radius: 2.1875rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(222, 222, 222); top: 45%; } .recommend .swiper2 .swiper-button-prev[data-v-42aa8027]::after, .recommend .swiper2 .swiper-button-next[data-v-42aa8027]::after { font-size: 1.375rem; } .recommend .swiper2 .swiper-button-prev[data-v-42aa8027]:hover, .recommend .swiper2 .swiper-button-next[data-v-42aa8027]:hover { background-color: rgb(255, 249, 238); color: rgb(255, 200, 66); border: 0.0625rem solid rgb(255, 200, 66); } .recommend .swiper2 .swiper-button-prev[data-v-42aa8027] { left: 0.625rem; } .recommend .swiper2 .swiper-button-next[data-v-42aa8027] { right: 0.625rem; } .home-banner[data-v-42aa8027] { width: 100%; height: 100%; margin: 2.5rem auto auto; } .home-banner .swiper-main[data-v-42aa8027], .home-banner .swiper-main .swiper-slide[data-v-42aa8027], .home-banner .swiper-main .swiper-slide img[data-v-42aa8027] { width: 100%; height: 100%; } .shop-by-sets[data-v-42aa8027] { min-height: 38rem; margin-top: 3.125rem; position: relative; } .shop-by-sets h2[data-v-42aa8027] { margin-bottom: 1.875rem; font-size: 1.75rem; font-weight: 500; } .shop-by-sets .img[data-v-42aa8027] { border-radius: 0.5rem; overflow: hidden; } .shop-by-sets .img a[data-v-42aa8027] { display: block; position: relative; } .shop-by-sets .img a span[data-v-42aa8027] { position: absolute; bottom: 1.875rem; left: 0px; right: 0px; margin: auto; width: 75%; height: 3.125rem; border-radius: 1.5625rem; z-index: 2; background: rgb(255, 255, 255); text-align: center; font-size: 1.125rem; line-height: 3.125rem; font-weight: 500; } .shop-by-sets .img a img[data-v-42aa8027] { max-width: 21.5625rem; transition: 0.5s; transform-origin: center center; } .shop-by-sets .img a:hover img[data-v-42aa8027] { scale: 1.02; } .set-con[data-v-42aa8027] .sets-img a { border-radius: 0.5rem; overflow: hidden; display: inline-block; } .set-con[data-v-42aa8027] .sets-img a img { width: auto !important; max-width: 100%; } .sets-box[data-v-42aa8027] { margin-top: 1.875rem; background: rgb(243, 243, 243); } .sets-box .content[data-v-42aa8027] { background: rgb(243, 243, 243); } .sets-box .content .set-con[data-v-42aa8027] { position: relative; } .sets-box .content .set-con .to_top[data-v-42aa8027] { width: 0px; height: 0px; position: absolute; top: -0.9375rem; left: 10%; border-bottom: 1.25rem solid rgb(243, 243, 243); border-left: 1.25rem solid transparent; border-right: 1.25rem solid transparent; } .sets-box .content .set-con .to_top1[data-v-42aa8027] { left: 36%; } .sets-box .content .set-con .to_top2[data-v-42aa8027] { left: 62%; } .sets-box .content .set-con .to_top3[data-v-42aa8027] { left: 87%; } .sets-box .content .set-con .sets-img[data-v-42aa8027] { padding: 1.875rem 0px; } .sets-box .content .set-con .sets-img img[data-v-42aa8027] { width: 100%; border-radius: 0.375rem; } .shop-by-room[data-v-42aa8027] { margin-top: 3.125rem; position: relative; min-height: 18.75rem; } .shop-by-room .title[data-v-42aa8027] { position: relative; display: flex; justify-content: space-between; align-items: center; } .shop-by-room .title > a[data-v-42aa8027] { font-size: 1rem; font-weight: 400; color: rgb(51, 51, 51); } .shop-by-room .title .pagination[data-v-42aa8027] { position: absolute; top: 0px; right: 0px; z-index: 1; } .shop-by-room .title .pagination .button[data-v-42aa8027] { width: 3.75rem; height: 3.75rem; border-radius: 1.875rem; background-color: rgb(246, 246, 246); cursor: pointer; line-height: 3.75rem; text-align: center; user-select: none; } .shop-by-room .title .pagination .button svg[data-v-42aa8027] { display: inline-block; vertical-align: middle; width: 0.8125rem; height: 1.5rem; } .shop-by-room .title .pagination .button svg path[data-v-42aa8027] { fill: rgb(51, 51, 51); } .shop-by-room .title .pagination .button:hover svg path[data-v-42aa8027] { fill: rgb(255, 95, 68); } .shop-by-room .title .pagination .button.swiper-button-disabled[data-v-42aa8027] { opacity: 0.5; } .shop-by-room .title .pagination .button.swiper-button-disabled svg path[data-v-42aa8027] { fill: rgb(51, 51, 51); } .shop-by-room h2[data-v-42aa8027] { min-height: 2.625rem; margin-bottom: 1.875rem; font-size: 1.75rem; font-weight: 500; } .people-saying[data-v-42aa8027] { margin-top: 3.125rem; position: relative; min-height: 19.8125rem; } .people-saying .people-saying-swiper[data-v-42aa8027] { min-height: 15.3125rem; } .people-saying h2[data-v-42aa8027] { margin-bottom: 1.875rem; font-size: 1.75rem; font-weight: 500; } .people-saying .saying-more[data-v-42aa8027] { position: absolute; right: 0px; top: 0.875rem; font-size: 1rem; font-weight: 400; line-height: 1; color: rgb(51, 51, 51); } .people-saying .saying-more[data-v-42aa8027]:hover { color: rgb(255, 95, 68); text-decoration: underline; } .people-saying .img[data-v-42aa8027] { border-radius: 0.25rem; overflow: hidden; } .people-saying .img a[data-v-42aa8027] { font-size: 0px; display: block; } .people-saying p[data-v-42aa8027] { line-height: 1.6875rem; font-size: 1.125rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; margin: 1.25rem 0px 0px; overflow: hidden; text-align: center; } .people-saying p a[data-v-42aa8027] { color: rgb(52, 52, 52); display: block; } .people-saying img[data-v-42aa8027] { width: 100%; height: auto; } .featured-in[data-v-42aa8027] { margin-top: 3.75rem; min-height: 14.625rem; } .featured-in .title[data-v-42aa8027] { min-height: 2.625rem; margin-bottom: 1.875rem; font-size: 1.75rem; line-height: 2.625rem; font-weight: 500; } .featured-in[data-v-42aa8027] .con-box { min-height: 51.375rem; } .featured-in .featuredBox[data-v-42aa8027] { display: flex; justify-content: space-between; flex-wrap: wrap; } .featured-in .featuredBox a[data-v-42aa8027] { display: inline-block; width: 20%; } .featured-in .featuredBox a img[data-v-42aa8027] { max-width: 100%; } .other-costway[data-v-42aa8027] { min-height: 19.125rem; margin-top: 1.875rem; } .other-costway .title[data-v-42aa8027] { margin-bottom: 2.5rem; font-size: 1.75rem; line-height: 2.625rem; font-weight: 500; } .other-costway img[data-v-42aa8027] { width: 100%; height: auto; } .other-costway .item[data-v-42aa8027] { position: absolute; z-index: 2; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .other-costway .item h3[data-v-42aa8027], .other-costway .item p[data-v-42aa8027] { color: rgb(255, 255, 255); text-align: center; } .other-costway .item h3[data-v-42aa8027] { font-size: 1.625rem; font-weight: 600; line-height: 1; margin-bottom: 1.25rem; } .other-costway .item p[data-v-42aa8027] { font-size: 1.125rem; font-weight: 500; margin-bottom: 0px; line-height: 1; } .other-costway a:hover p[data-v-42aa8027] { text-decoration: underline; } .siteselect-wrapper[data-v-42aa8027] { width: 100%; height: 100vh; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.6); z-index: 999999 !important; } .siteselect-wrapper .siteselect_box[data-v-42aa8027] { width: 49.9375rem; height: 31.875rem; margin: 0px auto; background: rgb(255, 255, 255); position: relative; } .siteselect-wrapper .siteselect_box .corner-mark[data-v-42aa8027] { position: absolute; display: inline-block; top: 0px; left: 0px; width: 12.5rem; } .siteselect-wrapper[data-v-42aa8027] { width: 100%; height: 100vh; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.6); z-index: 99; } .siteselect-wrapper .siteselect-inner[data-v-42aa8027] { display: flex; width: 100%; height: 100%; align-items: center; } .siteselect-wrapper .siteselect_box .mark-costway[data-v-42aa8027] { width: 10rem; height: 3.125rem; text-align: center; color: rgb(255, 255, 255); font-size: 1.125rem; font-weight: 700; line-height: 3.125rem; margin: 3.125rem auto 1.25rem; border-radius: 50%; } .siteselect-wrapper .ss_desc[data-v-42aa8027] { margin: 1.25rem auto 3.4375rem; text-align: center; color: rgb(51, 51, 51); } .siteselect-wrapper ._ss[data-v-42aa8027] { color: rgb(40, 40, 38); font-size: 1.25rem; font-weight: 700; margin-bottom: 0px; line-height: 1.75rem; } .siteselect-wrapper ._sd[data-v-42aa8027] { color: rgb(102, 102, 102); margin-top: 0.3125rem; } .siteselect-wrapper .ss_sits[data-v-42aa8027] { margin: 0px 5.3125rem; letter-spacing: -0.25rem; font-size: 0px; text-align: center; } .siteselect-wrapper .ss_sits ul[data-v-42aa8027] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .siteselect-wrapper ul li[data-v-42aa8027] { display: inline-block; white-space: normal; font-size: 0.875rem; letter-spacing: normal; line-height: 1.625rem; width: 9.0625rem; margin-bottom: 1.25rem; } .siteselect-wrapper li div.li_inner[data-v-42aa8027] { background-color: rgb(244, 244, 244); border-radius: 1.875rem; padding: 0.1875rem; margin: 0px; color: rgb(51, 51, 51); text-align: left; transition: all; } .siteselect-wrapper li div.li_inner[data-v-42aa8027]:hover { background-color: rgb(255, 200, 66); box-shadow: rgba(97, 97, 97, 0.25) 0px 0.0625rem 0.4375rem 0.125rem; } .siteselect-wrapper li div.li_inner a[data-v-42aa8027] { transition: all; display: block; } .siteselect-wrapper li div.li_inner:hover a[data-v-42aa8027] { color: rgb(255, 255, 255) !important; } .siteselect-wrapper li i[data-v-42aa8027] { display: block; width: 1.625rem; height: 1.625rem; float: left; margin-right: 2.1875rem; } .siteselect-wrapper li i._usa[data-v-42aa8027] { background: url("https://ca-static.costway.ca/assets/1760598923/images/country-us-08b0f343.png") 0% 0% / 100% 100%; } .siteselect-wrapper li i._gbr[data-v-42aa8027] { background: url("https://ca-static.costway.ca/assets/1760598923/images/country-uk-59febac5.png") 0% 0% / 100% 100%; } .siteselect-wrapper li i._ger[data-v-42aa8027] { background: url("https://ca-static.costway.ca/assets/1760598923/images/country-de-56120a9f.png") 0% 0% / 100% 100%; } .siteselect-wrapper li i._ita[data-v-42aa8027] { background: url("https://ca-static.costway.ca/assets/1760598923/images/country-it-1cec06a0.png") 0% 0% / 100% 100%; } .siteselect-wrapper li i._can[data-v-42aa8027] { background: url("https://ca-static.costway.ca/assets/1760598923/images/country-ca-10ae067c.png") 0% 0% / 100% 100%; } .siteselect-wrapper li i._fra[data-v-42aa8027] { background: url("https://ca-static.costway.ca/assets/1760598923/images/country-fr-a425815c.png") 0% 0% / 100% 100%; } .siteselect-wrapper li i._es[data-v-42aa8027] { background: url("https://ca-static.costway.ca/assets/1760598923/images/country-es-ebbbdef2.png") 0% 0% / 100% 100%; } .siteselect-wrapper li i[data-v-42aa8027] { overflow: hidden; border-radius: 50%; } .siteselect-wrapper li i._pol[data-v-42aa8027] { background: url("https://ca-static.costway.ca/assets/1760598923/images/country-pol-8344a222.png") 0% 0% / 100% 100%; } .siteselect-wrapper li i._aus[data-v-42aa8027] { background: url("https://ca-static.costway.ca/assets/1760598923/images/country-aus-cb4fc1b3.png") 0% 0% / 100% 100%; } .siteselect-wrapper li i._aut[data-v-42aa8027] { background: url("https://ca-static.costway.ca/assets/1760598923/images/country-aut-8ad2e685.png") 0% 0% / 100% 100%; } .siteselect-wrapper li i._bel[data-v-42aa8027] { background: url("https://ca-static.costway.ca/assets/1760598923/images/country-bel-cba87175.png") 0% 0% / 100% 100%; } .siteselect-wrapper li i._nld[data-v-42aa8027] { background: url("https://ca-static.costway.ca/assets/1760598923/images/country-nld-7bb7d618.png") 0% 0% / 100% 100%; } .siteselect-wrapper li i._swe[data-v-42aa8027] { background: url("https://ca-static.costway.ca/assets/1760598923/images/country-swe-578aeb14.png") 0% 0% / 100% 100%; } .siteselect_box[data-v-42aa8027] { position: relative; } .siteselect-inner .popup-close[data-v-42aa8027] { width: 1.875rem; height: 1.875rem; text-align: center; position: absolute; cursor: pointer; top: -0.3125rem; right: -2.625rem; transition: 0.5s; } .siteselect-inner .popup-close svg[data-v-42aa8027] { margin-top: 0.3125rem; }