*, ::before, ::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; min-height: 100vh; direction: ltr; font-family: 'Roboto'; font-weight: normal; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr[title] { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: 500; } code, kbd, samp, pre { font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } button, :where(input:not([type=range])), optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: inherit; } button, select { text-transform: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } [type='date']::-webkit-datetime-edit-fields-wrapper { padding: 0; } [type='date']::-webkit-date-and-time-value { text-align: left; height: 1.5em; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; border: 0; } legend { padding: 0; } ol, ul { list-style: none; margin: 0; padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { --muted-alpha: 0.4; color: rgba(var(--base-color), var(--muted-alpha, .6)); opacity: 1; } button, [role="button"] { cursor: pointer; } svg, img, video, canvas, audio, iframe, embed, object { display: inline-block; vertical-align: middle; } svg, img, video { max-width: 100%; height: auto; } .responsive > iframe, .responsive > embed, .responsive > object { max-width: 100%; } .aspect-video > iframe, .aspect-video > embed, .aspect-video > object { aspect-ratio: 16/9; height: auto; width: 100%; } [hidden] { display: none; } input, button, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } [type=checkbox], [type=radio] { padding: 0; margin: 0; display: inline-block; vertical-align: middle; background-origin: border-box; flex-shrink: 0; min-width: 0; height: 1rem; width: 1rem; color: rgba(var(--checkbox-color), var(--checkbox-alpha, 1)); } [type=image] { padding: 0; border: 0; width: auto; max-width: 100%; vertical-align: middle; } [type=range] { --brand-alpha: 0.9; margin: 0; padding: 0; width: 100%; height: 1rem; background-color: transparent; appearance: none; } [type=range]::-webkit-slider-runnable-track { width: 100%; height: 0.25rem; color: transparent; cursor: pointer; background-color: rgba(var(--base-color), var(--divider-alpha, .1)); border-color: transparent; border-radius: 9999px; } [type=range]::-moz-range-track { width: 100%; height: 0.25rem; color: transparent; cursor: pointer; background-color: rgba(var(--base-color), var(--divider-alpha, .1)); border-color: transparent; border-radius: 9999px; } [type=range]::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.375rem; background-color: rgba(var(--brand-color), var(--brand-alpha, 1)); border: 0; border-radius: 9999px; -webkit-appearance: none; appearance: none; } [type=range]::-moz-range-thumb { width: 1rem; height: 1rem; margin-top: -0.375rem; background-color: rgba(var(--brand-color), var(--brand-alpha, 1)); border: 0; border-radius: 9999px; appearance: none; } button, input[type='submit'], input[type='reset'], input[type='button'] { --spinner-size: 1.25rem; --spinner-border-color: var(--button-color); } select:not([multiple]) { padding-right: 2.5rem; } select::-ms-expand { display: none; } select[multiple] { overflow-y: auto; } [type=checkbox] { border-radius: 0; } [type=radio] { border-radius: 100%; } [type=checkbox]:focus-visible, [type=radio]:focus-visible { box-shadow: 0 0 0 2px rgb(var(--base-bg)), 0 0 0 4px rgb(var(--checkbox-color)); } [type=file] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } .breeze-carousel .products-grid { position: relative; } .breeze .slick-list.product-items { flex-wrap: nowrap; } .breeze [data-appearance='carousel'], .breeze .products-grid.slick-initialized { position: relative; display: grid; } .breeze [data-appearance='carousel'][data-show-dots="true"], .breeze .products-grid.slick-initialized[data-show-dots="true"] { padding-bottom: 55px; } .breeze [data-appearance='carousel'] .slick-list, .breeze .products-grid.slick-initialized .slick-list, .breeze [data-appearance='carousel'] > .product-items, .breeze .products-grid.slick-initialized > .product-items { margin-top: -15px; padding-top: 15px; margin-bottom: -15px; padding-bottom: 15px; display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: none; -ms-overflow-style: none; scrollbar-width: none; } .breeze [data-appearance='carousel'] .slick-list::-webkit-scrollbar, .breeze .products-grid.slick-initialized .slick-list::-webkit-scrollbar, .breeze [data-appearance='carousel'] > .product-items::-webkit-scrollbar, .breeze .products-grid.slick-initialized > .product-items::-webkit-scrollbar { display: none; } .breeze [data-appearance='carousel'] li.product-item, .breeze .products-grid.slick-initialized li.product-item { flex-shrink: 0; } .breeze [data-content-type='products'][data-appearance='carousel'] li.product-item { display: inline-block; visibility: visible; } .breeze #notice-cookie-block:not([style]) { display: none; } .loading-mask.early-event-spinner { --base-bg-alpha: 0.3; border-radius: 3px; pointer-events: none; position: absolute !important; inset: auto; } .loading-mask.early-event-spinner .loader { max-width: 16px; max-height: 16px; } .breeze-gallery { display: flex; flex-direction: column; } .breeze-gallery .prev, .breeze-gallery .next, .breeze-gallery .controls a, .breeze-gallery .close, .breeze-gallery .slick-arrow { color: rgba(var(--base-color, 119, 119, 119), .6); } .breeze-gallery .prev:hover, .breeze-gallery .next:hover, .breeze-gallery .controls a:hover, .breeze-gallery .close:hover, .breeze-gallery .slick-arrow:hover { color: rgba(var(--base-color, 119, 119, 119), 1); } .breeze-gallery .prev svg, .breeze-gallery .next svg, .breeze-gallery .controls a svg, .breeze-gallery .close svg, .breeze-gallery .slick-arrow svg { width: 24px; height: 24px; vertical-align: top; } .breeze-gallery .prev, .breeze-gallery .next, .breeze-gallery .close, .breeze-gallery .controls { position: absolute; z-index: 20; } .breeze-gallery .controls { visibility: hidden; left: 3px; top: 3px; display: flex; flex-direction: column; gap: 3px; } .breeze-gallery .controls a { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background: rgba(var(--base-bg, 255, 255, 255), .6); } .breeze-gallery .video .controls { display: none; } .breeze-gallery .close { display: none; } .breeze-gallery .prev, .breeze-gallery .next { display: flex; } .breeze-gallery .prev, .breeze-gallery .next, .breeze-gallery .slick-arrow { align-items: center; justify-content: center; left: 0; top: 50%; width: 40px; height: 80px; background: rgba(var(--muted-bg, 255, 255, 255), .6); z-index: 11; transition: all 150ms ease-in; transform: translateY(-50%); } @media (hover: hover) { .breeze-gallery .prev, .breeze-gallery .next, .breeze-gallery .images .slick-arrow { visibility: hidden; opacity: 0; } .breeze-gallery .prev:hover, .breeze-gallery .next:hover, .breeze-gallery .images .slick-arrow:hover { opacity: 1; } } .breeze-gallery .next, .breeze-gallery .slick-next { left: auto; right: 0; } @media (hover: hover) { .breeze-gallery .stage:hover .prev, .breeze-gallery .stage:hover .next, .breeze-gallery .images:hover .slick-arrow { visibility: visible; opacity: 0.8; } } .breeze-gallery img { vertical-align: top; height: auto; max-height: none; } .breeze-gallery .item { position: relative; flex-shrink: 0; } .breeze-gallery .images .item.video::before, .breeze-gallery .stage.video .main-image-wrapper::before, .breeze-gallery .thumbnails:not(.dots) .item.video::before { content: ''; z-index: 10; position: absolute; pointer-events: none; left: 50%; top: 50%; border: 10px solid transparent; border-left: 16px solid #fff; margin-top: -10px; margin-left: -8px; filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2)); transition: transform 100ms ease-in-out; } .breeze-gallery .stage { display: flex; justify-content: center; align-items: center; position: relative; overflow: visible !important; } .breeze-gallery .stage > div:first-child, .breeze-gallery .stage .main-image-wrapper, .breeze-gallery .stage .main-image-wrapper > picture { position: relative; cursor: zoom-in; display: flex; width: 100%; justify-content: center; align-items: flex-start; } .breeze-gallery .video-wrapper { display: flex; cursor: default !important; position: absolute !important; z-index: 10; top: 0; right: 0; left: 0; bottom: 0; align-items: center !important; } .breeze-gallery .video-wrapper + * { opacity: 0; } .breeze-gallery .images .item.video, .breeze-gallery .stage.video .main-image-wrapper { cursor: pointer; } .breeze-gallery .images .item.video::before, .breeze-gallery .stage.video .main-image-wrapper::before { transform: scale(1.3); pointer-events: all; } .breeze-gallery .images .item.video:hover::before, .breeze-gallery .stage.video .main-image-wrapper:hover::before { transform: scale(1.3) translateX(2px); } .breeze-gallery .thumbnails { display: flex; flex-direction: var(--gallery-thumbs-direction, row); flex-grow: 0; flex-shrink: 0; gap: 5px; margin: 5px 0 0; overflow: auto; scroll-behavior: smooth; padding-bottom: 12px; } .breeze-gallery .thumbnails::-webkit-scrollbar { width: 6px; height: 6px; } .breeze-gallery .thumbnails::-webkit-scrollbar-track { background-color: rgb(var(--scrollbar-bg, 230, 230, 230)); border-radius: 10px; } .breeze-gallery .thumbnails::-webkit-scrollbar-thumb { background-color: rgb(var(--scrollbar-color, 200, 200, 200)); border-radius: 10px; } .breeze-gallery .thumbnails.hidden { display: none; } .breeze-gallery .thumbnails img { filter: contrast(95%); } .breeze-gallery .thumbnails .item { background: rgba(var(--muted-bg, 244, 244, 244)); } .breeze-gallery .thumbnails .item:focus { outline: none; } .breeze-gallery .thumbnails .item::after { content: ''; position: absolute; pointer-events: none; inset: 0; } .breeze-gallery .thumbnails .item.active::after { box-shadow: inset 0 0 0 2px rgba(var(--brand-color), var(--brand-alpha, 1)); } .breeze-gallery:not(.opened) .thumbnails.dots { gap: 0; justify-content: center; overflow: visible; z-index: 101; margin: 16px 0 0; } .breeze-gallery:not(.opened) .thumbnails.dots img { display: none; } .breeze-gallery:not(.opened) .thumbnails.dots .item { background: transparent; width: 24px; height: 24px; } .breeze-gallery:not(.opened) .thumbnails.dots .item::after { box-shadow: 0 0 0 1px #fff; background: #e6e6e6; inset: 7px; } .breeze-gallery:not(.opened) .thumbnails.dots .item, .breeze-gallery:not(.opened) .thumbnails.dots .item::after { border-radius: 9999px; } .breeze-gallery:not(.opened) .thumbnails.dots .item.active::after { box-shadow: 0 0 0 1px #fff; background: rgba(var(--brand-color), var(--brand-alpha, 1)); } .breeze-gallery.expanded:not(.opened) .stage, .breeze-gallery.expanded:not(.opened) .thumbnails { display: none; } .breeze-gallery.expanded.opened .images { display: none; } .breeze-gallery .images { --gallery-columns-count: 1; --gallery-columns-gap: 10px; display: flex; position: relative; gap: var(--gallery-columns-gap); overflow: auto; scroll-snap-type: x mandatory; scroll-snap-stop: always; } .breeze-gallery .images .item { max-width: 100%; scroll-snap-align: center; text-align: center; cursor: zoom-in; } .breeze-gallery.slider .action.skip { display: none; } .breeze-gallery.slider .images { flex-wrap: nowrap !important; overflow: auto !important; scrollbar-width: none; } .breeze-gallery.slider .images.slick-initialized:has(:focus-visible) { overflow: visible !important; } .breeze-gallery.slider .images .slick-list { gap: var(--gallery-columns-gap); } .breeze-gallery.slider .images .slick-list:focus-visible { outline-offset: 0; } .breeze-gallery.slider .images .slick-arrow { z-index: 110; } .breeze-gallery.slider .thumbnails:not(.hidden) { display: flex !important; scrollbar-width: none; position: relative; overflow: hidden; } .breeze-gallery.slider .thumbnails .slick-list { gap: 5px; flex-direction: var(--gallery-thumbs-direction, row); } .breeze-gallery.slider .thumbnails .slick-arrow { transition: opacity var(--transition-duration); top: calc(50% - 12px / 2); } lite-youtube { background-color: #000; position: relative; display: block; contain: content; background-position: center center; background-size: cover; cursor: pointer; max-width: 720px; } /* gradient */ lite-youtube::before { content: ''; display: block; position: absolute; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); background-position: top; background-repeat: repeat-x; height: 60px; padding-bottom: 50px; width: 100%; transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); } /* responsive iframe with a 16:9 aspect ratio thanks https://css-tricks.com/responsive-iframes/ */ lite-youtube::after { content: ""; display: block; padding-bottom: calc(100% / (16 / 9)); } lite-youtube > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0; } /* play button */ lite-youtube > .lty-playbtn { display: block; /* Make the button element cover the whole area for a large hover/click target… */ width: 100%; height: 100%; /* …but visually it's still the same size */ background: no-repeat center/68px 48px; /* YT's actual play button svg */ background-image: url('data:image/svg+xml;utf8,'); position: absolute; cursor: pointer; z-index: 1; filter: grayscale(100%); transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1); border: 0; } lite-youtube:hover > .lty-playbtn, lite-youtube .lty-playbtn:focus { filter: none; } /* Post-click styles */ lite-youtube.lyt-activated { cursor: unset; } lite-youtube.lyt-activated::before, lite-youtube.lyt-activated > .lty-playbtn { opacity: 0; pointer-events: none; } .lyt-visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .jarallax-container video, .jarallax-container iframe { opacity: 0; transition: 80ms opacity ease-in; } .jarallax-container video[style*="translate3d"], .jarallax-container iframe[style*="translate3d"] { opacity: 1; } .block.filter range-slider { width: 100%; } range-slider { --thumb-width: 16px; --thumb-height: var(--thumb-width); --thumb-mobile-width: calc(var(--thumb-width) * var(--thumb-mobile-scale)); --thumb-mobile-height: calc(var(--thumb-height) * var(--thumb-mobile-scale)); --thumb-border: 1px solid #fff; --thumb-border-radius: 999px; --thumb-bg: 10 89 254; --thumb-mobile-scale: 1.4; --track-height: 4px; --track-border-radius: var(--thumb-border-radius); --track-bg: 234 234 234; position: relative; display: inline-block; } range-slider input { margin: 0; width: 100%; -webkit-appearance: none; } range-slider input:focus { outline: 0; } range-slider::before, range-slider input::-webkit-slider-runnable-track { background: rgb(var(--track-bg)); height: var(--track-height); border-radius: var(--track-border-radius); } range-slider input::-webkit-slider-thumb { -webkit-appearance: none; cursor: pointer; background: rgba(var(--thumb-bg) / .9); border: var(--thumb-border); border-radius: var(--thumb-border-radius); height: var(--thumb-height); width: var(--thumb-width); margin-top: calc(var(--track-height) / 2 - var(--thumb-height) / 2); transition: box-shadow 200ms ease-out; } @media (pointer: coarse) { range-slider input::-webkit-slider-thumb { --thumb-height: var(--thumb-mobile-height); --thumb-width: var(--thumb-mobile-width); } } range-slider input:focus::-webkit-slider-thumb, range-slider input:active::-webkit-slider-thumb { box-shadow: 0 0 0 3px rgba(var(--thumb-bg) / .2); } range-slider input::-moz-range-thumb { -webkit-appearance: none; cursor: pointer; background: rgba(var(--thumb-bg) / .9); border: var(--thumb-border); border-radius: var(--thumb-border-radius); height: var(--thumb-height); width: var(--thumb-width); margin-top: calc(var(--track-height) / 2 - var(--thumb-height) / 2); transition: box-shadow 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } range-slider input:focus::-moz-range-thumb { box-shadow: 0 0 0 3px rgba(var(--thumb-bg) / .2); } range-slider .filler { opacity: 0; visibility: hidden; pointer-events: none; } range-slider .range { position: absolute; left: 0; top: 50%; height: 0 !important; overflow: visible; } range-slider .range::-webkit-slider-thumb { position: relative; z-index: 2; } range-slider .range:first-child::-webkit-slider-thumb { z-index: 3; } @-moz-document url-prefix() { range-slider .range::-moz-range-track { background: transparent !important; } range-slider::before { content: ''; width: 100%; position: absolute; top: calc(50% - var(--track-height) / 2); } range-slider .range { top: calc(50% + 20px); } range-slider .range::-moz-range-thumb { transform: translateY(-20px); } } :root { --animation-slide-in: slideIn 600ms cubic-bezier(0, 0, 0.3, 1) forwards; } @media (prefers-reduced-motion: no-preference) { .js #html-body.scroll-reveal-enabled .scroll-reveal { opacity: 0.01; visibility: hidden; will-change: opacity, transform, visibility; } .js #html-body.scroll-reveal-enabled .scroll-reveal.reveal-slide-in { transform: translateY(2rem); } .js #html-body.scroll-reveal-enabled .scroll-reveal.reveal-ready { visibility: visible; animation: var(--animation, var(--animation-slide-in)); animation-delay: calc(var(--animation-order) * 75ms); } /* Fixed unclickable elements in Safari 18 */ @supports (font: -apple-system-body) and (-webkit-appearance: none) { .js #html-body.scroll-reveal-enabled .scroll-reveal { visibility: visible; } } .scroll-reveal-container .pagebuilder-slider > [data-content-type="slide"] .pagebuilder-poster-content > div > *, .scroll-reveal-container .pagebuilder-slider > [data-content-type="slide"] .pagebuilder-poster-content > button, .scroll-reveal-container .pagebuilder-slider > [data-content-type="slide"] .pagebuilder-collage-content > div > *, .scroll-reveal-container .pagebuilder-slider > [data-content-type="slide"] .pagebuilder-collage-content > button { animation: none !important; } } .scroll-reveal-finished { opacity: 1 !important; visibility: visible !important; animation: none !important; transform: none !important; will-change: unset !important; } @keyframes slideIn { from { transform: translateY(2rem); opacity: 0.01; } to { transform: translateY(0); opacity: 1; } } .breeze div[data-content-type='slider'] { visibility: visible; } .breeze div[data-content-type='slider'] [data-content-type='slide'] + [data-content-type='slide'] { height: initial; min-height: inherit; } .breeze div[data-content-type='slider'] { display: flex; position: relative; overflow-x: auto; } .breeze div[data-content-type='slider'] [data-content-type='slide'] { width: 100%; flex: none; scroll-snap-align: center; scroll-snap-stop: always; } .breeze .pagebuilder-slider, .breeze .slick-list { -ms-overflow-style: none; scrollbar-width: none; } .breeze .pagebuilder-slider::-webkit-scrollbar, .breeze .slick-list::-webkit-scrollbar { display: none; } .breeze .slick-list { display: flex; width: 100%; overflow-x: auto; scroll-snap-type: x mandatory; } .breeze .slick-list:focus-visible { outline-offset: -4px; } .breeze .slick-list > div { flex-shrink: 0; } .breeze .slick-list [data-page-start]:not([data-content-type='slide']) { scroll-snap-align: start; scroll-snap-stop: always; } .breeze .slick-dots { position: absolute; bottom: 6px; left: 50%; transform: translateX(-50%); } .breeze .slick-dots li { z-index: 5; } .breeze .slick-initialized .slick-list { scroll-behavior: smooth; } .breeze .slick-initialized .action.skip { position: absolute; z-index: 50; top: 4px; left: 4px; padding: 5px; height: auto; background: #fff; } .breeze .slick-initialized .anchor.skip { position: absolute; bottom: 0; } @media (min-width: 1024px) { .breeze div[data-content-type='slider'].containered { opacity: 0; transition: 180ms opacity ease-in-out; } .breeze div[data-content-type='slider'].containered.slick-initialized { opacity: 1; } .breeze div[data-content-type='slider'].containered .slick-list, .breeze div[data-content-type='slider'].containered:not(.slick-initialized):not(:has(.slick-list)) { gap: var(--gap, 5px); scroll-snap-type: x mandatory; } .breeze div[data-content-type='slider'].containered .slick-list:not(:has([data-clone]))::before, .breeze div[data-content-type='slider'].containered:not(.slick-initialized):not(:has(.slick-list))::before, .breeze div[data-content-type='slider'].containered .slick-list:not(:has([data-clone]))::after, .breeze div[data-content-type='slider'].containered:not(.slick-initialized):not(:has(.slick-list))::after { content: ''; width: 1000px; flex-shrink: 0; } .breeze div[data-content-type='slider'].containered [data-content-type='slide'], .breeze div[data-content-type='slider'].containered .slick-dots { max-width: var(--container-max-width, 1240px); } } .am-word-break { word-break: break-word; word-wrap: break-word; } .ie11 .am-word-break { word-break: break-all; } .amsearch-form-block { align-items: center; box-sizing: border-box; display: flex; justify-content: flex-end; position: relative; transition: 0.3s; } .amsearch-form-block.-opened { z-index: 98; } .header.content { flex-wrap: wrap; } .amsearch-loader-block { background: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA) no-repeat center; bottom: 0; height: 11px; margin: auto 5px auto 0; position: absolute; right: 40px; top: 0; width: 16px; z-index: 1000; } .amsearch-message-block { align-items: center; background: #fafafa; display: flex; font-size: 18px; justify-content: center; line-height: 25px; margin: 20px; padding: 20px; text-align: center; width: 100%; } .amsearch-message-block b { padding: 0 0 0 5px; } .amsearch-link { color: #1979c2; text-decoration: none; } .amsearch-link:hover { color: #006bb4; text-decoration: underline; } .amsearch-link:active { color: #004c80; } .amsearch-wrapper-block { box-sizing: border-box; display: inline-block; margin: 10px 0 0 0; order: 1; padding: 20px 0; position: relative; width: 100%; } .nav-sections .navigation { z-index: 2; } .page-header .amsearch-wrapper-block:before { background: #ccc; content: ''; height: 1px; margin: 0 -15px; position: absolute; top: 0; width: calc(100% + 15px * 2); } .amsearch-emptysearch-cms { background: #fbfcfe; color: #1f1b1b; padding: 30px; } .amsearch-emptysearch-cms > .amsearch-content { word-break: break-word; word-wrap: break-word; } .ie11 .amsearch-emptysearch-cms > .amsearch-content { word-break: break-all; } .amsearch-emptysearch-cms .amsearch-content > .amsearch-title { font-size: 38px; font-weight: 800; margin: 0 0 20px; } .amsearch-emptysearch-cms .amsearch-text { font-size: 20px; font-weight: 300; line-height: 28px; } .amsearch-emptysearch-cms .amsearch-contacts-block { font-size: 14px; margin-top: 30px; } .amsearch-emptysearch-cms .amsearch-image-block { margin-top: 30px; } .amsearch-emptysearch-cms .amsearch-contacts-block > .amsearch-title { margin-bottom: 5px; } .amsearch-highlight { color: var(--amsearch-color-highlight, #3ac39c); font-weight: 700; } .amsearch-button { cursor: pointer; display: inline-block; transition: 0.3s; } .amsearch-button.-icon { background-position: center; background-repeat: no-repeat; background-size: 13px; } .amsearch-button.-icon:hover, .amsearch-button.-icon:focus { filter: brightness(0.5); } .amsearch-button.-clear { background-color: transparent; border: none; box-shadow: none; padding: 0; } .amsearch-button.-clear:active, .amsearch-button.-clear:hover, .amsearch-button.-clear:focus { border: none; box-shadow: none; } .amsearch-button.-close { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMWwxMCAxMG0wLTEwTDEgMTEiIHN0cm9rZT0iI0IyQjJCMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==); border: 0; padding: 16px; } .amsearch-button.-loupe { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni45NjYgNTYuOTY2Ij48cGF0aCBkPSJNNTUuMTQ2IDUxLjg4N0w0MS41ODggMzcuNzg2QTIyLjkyNiAyMi45MjYgMCAwIDAgNDYuOTg0IDIzYzAtMTIuNjgyLTEwLjMxOC0yMy0yMy0yM3MtMjMgMTAuMzE4LTIzIDIzIDEwLjMxOCAyMyAyMyAyM2M0Ljc2MSAwIDkuMjk4LTEuNDM2IDEzLjE3Ny00LjE2MmwxMy42NjEgMTQuMjA4Yy41NzEuNTkzIDEuMzM5LjkyIDIuMTYyLjkyLjc3OSAwIDEuNTE4LS4yOTcgMi4wNzktLjgzN2EzLjAwNCAzLjAwNCAwIDAgMCAuMDgzLTQuMjQyek0yMy45ODQgNmM5LjM3NCAwIDE3IDcuNjI2IDE3IDE3cy03LjYyNiAxNy0xNyAxNy0xNy03LjYyNi0xNy0xNyA3LjYyNi0xNyAxNy0xN3oiIGZpbGw9IiNhOWE5YTkiLz48L3N2Zz4=); border: 0; box-shadow: none; height: 20px; padding: 0; width: 20px; } .amsearch-button.-wishlist, .amsearch-button.-compare { background-size: 18px; } .amsearch-button.-wishlist { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyMCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjA2MTIgMC40NzczMUMxNS43NjIgLTAuMTAzNzYzIDE0LjQ0OTcgLTAuMTU0MjkxIDEzLjEyNDUgMC4zMjU3MjZDMTEuNzk5MiAwLjc4MDQ3OSAxMC44Mzc3IDEuNjM5NDYgMTAuMjQwMSAyLjkwMjY2QzEwLjE4ODEgMy4wMDM3MiAxMC4xMzYxIDMuMTA0NzcgMTAuMDg0MiAzLjIwNTgzQzEwLjA1ODIgMy4zMDY4OCAxMC4wMzIyIDMuNDIwNTcgMTAuMDA2MiAzLjU0Njg5QzkuOTgwMjMgMy40MjA1NyA5Ljk0MTI1IDMuMzA2ODggOS44ODkyOCAzLjIwNTgzQzkuODYzMyAzLjEwNDc3IDkuODI0MzIgMy4wMDM3MiA5Ljc3MjM1IDIuOTAyNjZDOS4xNzQ2OCAxLjYzOTQ2IDguMjEzMjMgMC43ODA0NzkgNi44ODc5NyAwLjMyNTcyNkM1LjU2MjcyIC0wLjE1NDI5MSA0LjI1MDQ2IC0wLjEwMzc2MyAyLjk1MTE5IDAuNDc3MzFDMS42Nzc5MSAxLjA4MzY1IDAuNzk0NDA5IDIuMDQzNjggMC4zMDA2ODggMy4zNTc0MUMtMC4xNjcwNDkgNC42NzExNCAtMC4wODkwOTI2IDUuOTU5NjEgMC41MzQ1NTYgNy4yMjI4MUMwLjgyMDM5NSA3Ljg1NDQxIDEuNDcwMDMgOC43MjYwMiAyLjQ4MzQ2IDkuODM3NjRDMy41MjI4NyAxMC45MjQgNC42MDEyNiAxMS45OTc3IDUuNzE4NjMgMTMuMDU4OEM2LjgzNiAxNC4xMTk5IDcuODIzNDUgMTUuMDQyIDguNjgwOTYgMTUuODI1MkM5LjU2NDQ2IDE2LjYwODQgMTAuMDA2MiAxNyAxMC4wMDYyIDE3QzEwLjAwNjIgMTcgMTAuMDA2MiAxNi45ODc0IDEwLjAwNjIgMTYuOTYyMUMxMC4wMDYyIDE2Ljk4NzQgMTAuMDA2MiAxNyAxMC4wMDYyIDE3QzEwLjAwNjIgMTcgMTAuNDM1IDE2LjYwODQgMTEuMjkyNSAxNS44MjUyQzEyLjE3NiAxNS4wNDIgMTMuMTc2NCAxNC4xMTk5IDE0LjI5MzggMTMuMDU4OEMxNS40MTEyIDExLjk5NzcgMTYuNDc2NiAxMC45MjQgMTcuNDkgOS44Mzc2NEMxOC41Mjk0IDguNzI2MDIgMTkuMTkyIDcuODU0NDEgMTkuNDc3OSA3LjIyMjgxQzIwLjEwMTUgNS45NTk2MSAyMC4xNjY1IDQuNjcxMTQgMTkuNjcyOCAzLjM1NzQxQzE5LjIwNSAyLjA0MzY4IDE4LjMzNDUgMS4wODM2NSAxNy4wNjEyIDAuNDc3MzFaIiBmaWxsPSIjNkU3MTZFIi8+Cjwvc3ZnPgo=); height: 20px; width: 20px; } .amsearch-button.-compare { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyMCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTRWOS4zNjk3OUgwVjE0SDVaTTEyLjQ2MDkgMEg3LjVWMTRIMTIuNDYwOVYwWk0yMCA0LjcwMzEySDE1VjE0SDIwVjQuNzAzMTJaIiBmaWxsPSIjNkU3MTZFIi8+Cjwvc3ZnPgo=); height: 20px; width: 20px; } .amsearch-button.-disabled { opacity: 0.7; pointer-events: none; } .amsearch-button.-primary { background: #1979c2; border: 1px solid #1979c2; border-radius: 0; color: #1979c2; letter-spacing: -0.015em; transition: 0.3s; } .amsearch-button.-primary:hover { background: #1979c2; } .amsearch-button.-primary:active { background: #1979c2; } .amsearch-button.-search { background-color: var(--amsearch-color-search_button, #1979c2); border-color: var(--amsearch-color-search_button, #1979c2); color: var(--amsearch-color-search_button_text, #fff); } .amsearch-button.-search:hover { background: var(--amsearch-color-search_button-hover, #166bab); border-color: var(--amsearch-color-search_button-hover, #166bab); } .amsearch-button.-search:active { background: var(--amsearch-color-search_button-focus, #135d95); border-color: var(--amsearch-color-search_button-focus, #135d95); } .amsearch-button.-full-close { align-items: center; background-color: #f5f5f5; border-color: #f5f5f5; border-radius: 50%; display: flex; font-size: 10px; height: 32px; justify-content: center; padding: 0; width: 32px; } .amsearch-button.-full-close:after { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMWwxMCAxMG0wLTEwTDEgMTEiIHN0cm9rZT0iI0IyQjJCMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==); background-repeat: no-repeat; content: ''; display: inline-block; height: 12px; width: 12px; } .amsearch-button.-full-close:hover { background-color: #e8e8e8; } .amsearch-button.-full-close:active { background-color: #dcdcdc; } .page-header .amsearch-input-wrapper { width: 100%; } .amsearch-input-wrapper { max-width: 100%; position: relative; transition: 0.3s; } .amsearch-input-wrapper.-typed .amsearch-button.-loupe { left: 10px; right: auto; } .amsearch-input-wrapper.-typed .amsearch-input { padding-left: 33px; padding-right: 33px; } .amsearch-input-wrapper .amsearch-input { border: 1px solid #ccc; padding: 5px 10px; transition: 0.3s; } .amsearch-input-wrapper .amsearch-input:focus { border: 1px solid #1979c2; box-shadow: none; } .amsearch-input-wrapper .amsearch-input:focus::placeholder, .amsearch-input-wrapper .amsearch-input:focus::-webkit-input-placeholder { color: transparent; } .amsearch-input-wrapper .amsearch-input::placeholder, .amsearch-input-wrapper .amsearch-input::-webkit-input-placeholder { color: #999; } .amsearch-input-wrapper .amsearch-button.-close { bottom: 0; font-size: 1rem; margin: auto; position: absolute; right: 0; top: 0; } .amsearch-input-wrapper .amsearch-button.-loupe { border: 0; bottom: 0; margin: auto; position: absolute; right: 5px; top: 0; } .amsearch-button.-full-close { display: none; } .page-header .amsearch-button.-loupe-trigger { background-size: 20px; filter: brightness(75%); float: right; height: 20px; margin: 14px; width: 20px; } .page-header.amsearch-full-width .header.content { transition: none; } .page-header.amsearch-full-width .amsearch-full_width-title { flex-basis: 100%; font-size: 2.6rem; font-weight: 300; margin: 0; padding: 0 0 20px 0; z-index: 15; } .page-header.amsearch-full-width .amsearch-input-wrapper { flex-grow: 10; width: initial; } .page-header.amsearch-full-width .amsearch-button.-search { flex-grow: 1; } .page-header.amsearch-full-width .amsearch-wrapper-block { display: none; } .page-header.amsearch-full-width .amsearch-form-block { flex-wrap: wrap; height: auto; justify-content: flex-start; min-width: 100%; padding: 20px 15px; transition: none; } .page-header.amsearch-full-width .amsearch-button.-full-close { bottom: 0; margin: 20px; position: absolute; right: 0; top: 0; z-index: 98; } .page-header.amsearch-full-width .amsearch-result-section { border-radius: 0; border-top: 1px solid #ccc; margin: 0; transition: none; width: 100%; } .page-header.amsearch-full-width .amsearch-slider-section { max-width: none; width: 100%; } .page-header.amsearch-full-width .amsearch-wrapper-block { background: #f5f5f5; height: 100%; padding: 0; margin: 0; position: absolute; top: 0; width: 100%; z-index: 14; } .page-header.amsearch-full-width.-opened { height: 134px; transition: 0.1s; } .page-header.amsearch-full-width.-opened .panel.wrapper { display: none; } .page-header.amsearch-full-width.-opened .header.content { align-content: center; align-items: center; display: flex; height: 100%; justify-content: center; max-width: 100%; padding: 0; } .page-header.amsearch-full-width.-opened .minicart-wrapper { display: none; } .page-header.amsearch-full-width.-opened .amsearch-wrapper-block { display: inline-block; } .page-header.amsearch-full-width.-opened .amsearch-button.-full-close { display: inline-flex; } @media only screen and (max-width: 639px) { .catalogsearch-result-index .amsearch-pagebuilder-carousel .product-item-info { margin: 0 auto; width: 240px; } } @media all and (min-width: 768px), print { .action.compare { padding: 0 10px; } .amsearch-wrapper-block { order: initial; width: auto; } .page-header .amsearch-wrapper-block { float: right; margin: 0; padding: 0; width: auto; } .page-header .amsearch-wrapper-block:before { content: none; } .amsearch-loader-block { right: 30px; } .amsearch-emptysearch-cms { padding: 40px; } .amsearch-emptysearch-cms .amsearch-content > .amsearch-title { font-size: 54px; } .amsearch-emptysearch-cms .amsearch-text { font-size: 22px; } .amsearch-button.-close:hover, .amsearch-button.-close:hover { filter: brightness(0%); } .page-header:not(.amsearch-full-width) .amsearch-input-wrapper.-dynamic-width { width: 100%; } .page-header .amsearch-input-wrapper { min-width: 283px; width: auto; } .amsearch-full_width-title { display: none; } .page-header.amsearch-full-width.-opened .ammenu-logo, .page-header.amsearch-full-width.-opened .logo { margin: 0 auto 0 4vw; z-index: 11; } .page-header.amsearch-full-width.-opened .amsearch-wrapper-block { z-index: 10; } .page-header.amsearch-full-width.-opened .amsearch-button.-full-close { right: 4vw; } .page-header.amsearch-full-width .amsearch-input-wrapper { flex-grow: initial; } .page-header.amsearch-full-width .amsearch-button.-search { flex-grow: initial; } .page-header.amsearch-full-width .amsearch-wrapper-block { background: #fff; display: inline-block; } .page-header.amsearch-full-width:not(.-opened) .amsearch-wrapper-block { position: static; width: auto; } .page-header.amsearch-full-width .amsearch-form-block { height: 100%; justify-content: center; padding: 0; } .page-header.amsearch-full-width .amsearch-result-section { padding: 0 calc(4vw - 15px); } .page-header.amsearch-full-width .amsearch-products-section.-grid:not(.-slider) .amsearch-item { max-width: calc(100% / 4); } .page-header.amsearch-full-width .amsearch-products-section.-list .amsearch-item { width: 50%; } .page-header.amsearch-full-width .amsearch-button.-full-close { margin: auto; } .page-header .amsearch-button.-loupe-trigger { display: none; } } @media all and (min-width: 1024px), print { .amsearch-emptysearch-cms { align-items: center; display: flex; justify-content: space-between; padding: 40px 70px; } .amsearch-emptysearch-cms > .amsearch-item { max-width: 50%; } .amsearch-emptysearch-cms > .amsearch-content { padding-right: 10px; } .amsearch-emptysearch-cms .amsearch-content > .amsearch-title { font-size: 72px; margin: 0 0 20px; } .amsearch-emptysearch-cms .amsearch-text { font-size: 28px; line-height: 33px; } .amsearch-emptysearch-cms .amsearch-contacts-block { font-size: 22px; margin-top: 45px; } .amsearch-emptysearch-cms .amsearch-image-block { margin-top: 0; } .amsearch-emptysearch-cms .amsearch-contacts-block > .amsearch-title { margin-bottom: 10px; } .page-header.amsearch-full-width .amsearch-products-section.-grid:not(.-slider) .amsearch-item { max-width: calc(100% / 5); } } .breeze-theme .amsearch-products-section .action.tocart { font-size: 1rem; border-radius: 0; } .breeze-theme .amsearch-item-container .amsearch-item .amsearch-link { font-size: 1rem; } .breeze-theme .amsearch-description { color: rgba(var(--base-color), var(--muted-alpha, .6)); } .breeze-theme .page-header.amsearch-full-width .amsearch-wrapper-block { z-index: 39; margin-left: auto; } .breeze-theme .page-header.amsearch-full-width div + .amsearch-wrapper-block { margin-left: 0; } .breeze-theme .amsearch-block-header { padding-bottom: 0; align-items: center; } .breeze-theme .amsearch-block-header .amsearch-title { border: 0 !important; margin: 0 !important; } .breeze-theme .amsearch-related-terms .amsearch-block-header { padding: 0; } @media (max-width: 767.98px) { .breeze-theme .page-header .amsearch-wrapper-block { margin-top: 0; } .breeze-theme .page-header .amsearch-wrapper-block::before { margin: 0 -8px; width: auto; left: 0; right: 0; } .breeze-theme .page-header:not(.amsearch-full-width) .amsearch-wrapper-block + .switcher { margin-left: auto; } } @media (min-width: 768px) { .breeze-theme .page-header .amsearch-wrapper-block { order: unset; } .breeze-theme .page-header .amsearch-wrapper-block::before { display: none; } .breeze-theme .amsearch-items-section, .breeze-theme .amsearch-products-section { padding-top: 0.5rem; } .breeze-theme .amsearch-item-container { padding: 0 0 0.5rem; } .breeze-theme .amsearch-products-section .amsearch-block-header { padding-bottom: 0.5rem; } } .easyslide-wrapper .swiper-container { text-align: center; } .easyslide-wrapper .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0.4em; } .easyslide-link { display: block; } .columns .column.main { min-width: 0; } .easyslide-description { position: absolute; overflow: hidden; padding: 15px 20px; text-align: left; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .easyslide-description-top, .easyslide-description-bottom { left: 0; width: 100%; } .easyslide-description-left, .easyslide-description-right { top: 0; bottom: 0; } @media (min-width: 640px) { .easyslide-description-left, .easyslide-description-right { width: 45%; } } .easyslide-description-top { top: 0; } .easyslide-description-bottom { bottom: 0; } .easyslide-description-right { right: 0; } .easyslide-description-left { left: 0; } .easyslide-description-center { inset: 0; align-items: center; text-align: center; } .easyslide-description a { text-decoration: none; color: #5a5a5a; } .easyslide-description a:hover { text-decoration: underline; } .easyslide-description p { line-height: 20px; text-align: center; } .easyslide-background-light { background: rgba(255, 255, 255, 0.65); color: #000; } .easyslide-background-dark { background: rgba(0, 0, 0, 0.65); color: #fff; } .easyslide-background-transparent { color: #000; } .easyslide-thumbs.swiper-container { padding: 0.5rem 0; text-align: inherit; } .easyslide-thumbs:not(.swiper-container-initialized) .swiper-slide:not(:first-child) { display: none; } .easyslide-thumbs .swiper-slide { cursor: pointer; margin-right: 0.5rem; width: auto; } .easyslide-thumbs .swiper-slide:not(:has(img)) { width: 10rem; max-width: 100%; background: currentColor; opacity: 0.1; } .easyslide-thumbs .swiper-slide:last-child { margin-right: 0; } .easyslide-thumbs .swiper-slide.swiper-slide-thumb-active:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2px solid #007aff; } .easyslide-thumbs-black.easyslide-thumbs .swiper-slide.swiper-slide-thumb-active:after { border-color: #000; } .easyslide-thumbs-white.easyslide-thumbs .swiper-slide.swiper-slide-thumb-active:after { border-color: #fff; } .easyslide-wrapper-thumbs-above { display: flex; flex-direction: column-reverse; } .easyslide-wrapper-thumbs-above .swiper-container { max-width: 100%; } .easyslide-wrapper-thumbs-above .easyslide-thumbs { margin: 0; } .easyslide-wrapper-thumbs-above .easyslide-thumbs.swiper-container { padding: 0 0 0.5rem; } .easyslide-wrapper-thumbs-right, .easyslide-wrapper-thumbs-left { display: flex; align-items: flex-start; } .easyslide-wrapper-thumbs-right .easyslide-thumbs, .easyslide-wrapper-thumbs-left .easyslide-thumbs { flex-shrink: 0; } .easyslide-wrapper-thumbs-right .easyslide-thumbs.swiper-container, .easyslide-wrapper-thumbs-left .easyslide-thumbs.swiper-container { padding: 0 0 0 0.5rem; } .easyslide-wrapper-thumbs-right .easyslide-thumbs .swiper-slide, .easyslide-wrapper-thumbs-left .easyslide-thumbs .swiper-slide { margin: 0 0 0.5rem; } .easyslide-wrapper-thumbs-right .easyslide-thumbs .swiper-slide:last-child, .easyslide-wrapper-thumbs-left .easyslide-thumbs .swiper-slide:last-child { margin: 0; } .easyslide-wrapper-thumbs-left { flex-direction: row-reverse; } .easyslide-wrapper-thumbs-left .easyslide-thumbs.swiper-container { padding: 0 0.5rem 0 0; } .navpro.navpro .text-left { text-align: left; } .navpro.navpro .text-center { text-align: center; } .navpro.navpro .text-right { text-align: right; } .navpro.navpro .text-justify { text-align: justify; } .navpro.navpro .nowrap { white-space: nowrap; } .navpro.navpro .break-word { word-wrap: break-word; } .navpro.navpro .va-middle { vertical-align: middle; } .navpro.navpro .va-top { vertical-align: top; } .navpro.navpro .va-bottom { vertical-align: bottom; } .navpro.navpro .va-baseline { vertical-align: baseline; } .navpro.navpro .inline { display: inline; } .navpro.navpro .block { display: block; } .navpro.navpro .inline-block { display: inline-block; } .navpro.navpro .float-left { float: left; } .navpro.navpro .float-right { float: right; } .navpro.navpro .m0 { margin: 0; } .navpro.navpro .mt0 { margin-top: 0; } .navpro.navpro .mr0 { margin-right: 0; } .navpro.navpro .mb0 { margin-bottom: 0; } .navpro.navpro .ml0 { margin-left: 0; } .navpro.navpro .m1 { margin: 0.5rem; } .navpro.navpro .mt1 { margin-top: 0.5rem; } .navpro.navpro .mr1 { margin-right: 0.5rem; } .navpro.navpro .mb1 { margin-bottom: 0.5rem; } .navpro.navpro .ml1 { margin-left: 0.5rem; } .navpro.navpro .m2 { margin: 1rem; } .navpro.navpro .mt2 { margin-top: 1rem; } .navpro.navpro .mr2 { margin-right: 1rem; } .navpro.navpro .mb2 { margin-bottom: 1rem; } .navpro.navpro .ml2 { margin-left: 1rem; } .navpro.navpro .m3 { margin: 2rem; } .navpro.navpro .mt3 { margin-top: 2rem; } .navpro.navpro .mr3 { margin-right: 2rem; } .navpro.navpro .mb3 { margin-bottom: 2rem; } .navpro.navpro .ml3 { margin-left: 2rem; } .navpro.navpro .m4 { margin: 4rem; } .navpro.navpro .mt4 { margin-top: 4rem; } .navpro.navpro .mr4 { margin-right: 4rem; } .navpro.navpro .mb4 { margin-bottom: 4rem; } .navpro.navpro .ml4 { margin-left: 4rem; } .navpro.navpro .ml-auto { margin-left: auto; } .navpro.navpro .mr-auto { margin-right: auto; } @media (max-width: 639.98px) { .navpro.navpro .xs-m0 { margin: 0; } .navpro.navpro .xs-mt0 { margin-top: 0; } .navpro.navpro .xs-mr0 { margin-right: 0; } .navpro.navpro .xs-mb0 { margin-bottom: 0; } .navpro.navpro .xs-ml0 { margin-left: 0; } .navpro.navpro .xs-m1 { margin: 0.5rem; } .navpro.navpro .xs-mt1 { margin-top: 0.5rem; } .navpro.navpro .xs-mr1 { margin-right: 0.5rem; } .navpro.navpro .xs-mb1 { margin-bottom: 0.5rem; } .navpro.navpro .xs-ml1 { margin-left: 0.5rem; } .navpro.navpro .xs-m2 { margin: 1rem; } .navpro.navpro .xs-mt2 { margin-top: 1rem; } .navpro.navpro .xs-mr2 { margin-right: 1rem; } .navpro.navpro .xs-mb2 { margin-bottom: 1rem; } .navpro.navpro .xs-ml2 { margin-left: 1rem; } .navpro.navpro .xs-m3 { margin: 2rem; } .navpro.navpro .xs-mt3 { margin-top: 2rem; } .navpro.navpro .xs-mr3 { margin-right: 2rem; } .navpro.navpro .xs-mb3 { margin-bottom: 2rem; } .navpro.navpro .xs-ml3 { margin-left: 2rem; } .navpro.navpro .xs-m4 { margin: 4rem; } .navpro.navpro .xs-mt4 { margin-top: 4rem; } .navpro.navpro .xs-mr4 { margin-right: 4rem; } .navpro.navpro .xs-mb4 { margin-bottom: 4rem; } .navpro.navpro .xs-ml4 { margin-left: 4rem; } .navpro.navpro .xs-ml-auto { margin-left: auto; } .navpro.navpro .xs-mr-auto { margin-right: auto; } } .navpro.navpro .p0 { padding: 0; } .navpro.navpro .pt0 { padding-top: 0; } .navpro.navpro .pr0 { padding-right: 0; } .navpro.navpro .pb0 { padding-bottom: 0; } .navpro.navpro .pl0 { padding-left: 0; } .navpro.navpro .p1 { padding: 0.5rem; } .navpro.navpro .pt1 { padding-top: 0.5rem; } .navpro.navpro .pr1 { padding-right: 0.5rem; } .navpro.navpro .pb1 { padding-bottom: 0.5rem; } .navpro.navpro .pl1 { padding-left: 0.5rem; } .navpro.navpro .p2 { padding: 1rem; } .navpro.navpro .pt2 { padding-top: 1rem; } .navpro.navpro .pr2 { padding-right: 1rem; } .navpro.navpro .pb2 { padding-bottom: 1rem; } .navpro.navpro .pl2 { padding-left: 1rem; } .navpro.navpro .p3 { padding: 4rem; } .navpro.navpro .pt3 { padding-top: 4rem; } .navpro.navpro .pr3 { padding-right: 4rem; } .navpro.navpro .pb3 { padding-bottom: 4rem; } .navpro.navpro .pl3 { padding-left: 4rem; } .navpro.navpro .p4 { padding: 4rem; } .navpro.navpro .pt4 { padding-top: 4rem; } .navpro.navpro .pr4 { padding-right: 4rem; } .navpro.navpro .pb4 { padding-bottom: 4rem; } .navpro.navpro .pl4 { padding-left: 4rem; } @media (max-width: 639.98px) { .navpro.navpro .xs-p0 { padding: 0; } .navpro.navpro .xs-pt0 { padding-top: 0; } .navpro.navpro .xs-pr0 { padding-right: 0; } .navpro.navpro .xs-pb0 { padding-bottom: 0; } .navpro.navpro .xs-pl0 { padding-left: 0; } .navpro.navpro .xs-p1 { padding: 0.5rem; } .navpro.navpro .xs-pt1 { padding-top: 0.5rem; } .navpro.navpro .xs-pr1 { padding-right: 0.5rem; } .navpro.navpro .xs-pb1 { padding-bottom: 0.5rem; } .navpro.navpro .xs-pl1 { padding-left: 0.5rem; } .navpro.navpro .xs-p2 { padding: 1rem; } .navpro.navpro .xs-pt2 { padding-top: 1rem; } .navpro.navpro .xs-pr2 { padding-right: 1rem; } .navpro.navpro .xs-pb2 { padding-bottom: 1rem; } .navpro.navpro .xs-pl2 { padding-left: 1rem; } .navpro.navpro .xs-p3 { padding: 2rem; } .navpro.navpro .xs-pt3 { padding-top: 2rem; } .navpro.navpro .xs-pr3 { padding-right: 2rem; } .navpro.navpro .xs-pb3 { padding-bottom: 2rem; } .navpro.navpro .xs-pl3 { padding-left: 2rem; } .navpro.navpro .xs-p4 { padding: 4rem; } .navpro.navpro .xs-pt4 { padding-top: 4rem; } .navpro.navpro .xs-pr4 { padding-right: 4rem; } .navpro.navpro .xs-pb4 { padding-bottom: 4rem; } .navpro.navpro .xs-pl4 { padding-left: 4rem; } } .navpro.navpro .flex { display: flex !important; } .navpro.navpro .flex-column { flex-direction: column; } .navpro.navpro .flex-wrap { flex-wrap: wrap; } .navpro.navpro .flex-nowrap { flex-wrap: nowrap; } .navpro.navpro .items-start { align-items: flex-start; } .navpro.navpro .items-end { align-items: flex-end; } .navpro.navpro .items-center { align-items: center; } .navpro.navpro .items-baseline { align-items: baseline; } .navpro.navpro .items-stretch { align-items: stretch; } .navpro.navpro .self-start { align-self: flex-start; } .navpro.navpro .self-end { align-self: flex-end; } .navpro.navpro .self-center { align-self: center; } .navpro.navpro .self-baseline { align-self: baseline; } .navpro.navpro .self-stretch { align-self: stretch; } .navpro.navpro .justify-start { justify-content: flex-start; } .navpro.navpro .justify-end { justify-content: flex-end; } .navpro.navpro .justify-center { justify-content: center; } .navpro.navpro .justify-between { justify-content: space-between; } .navpro.navpro .justify-around { justify-content: space-around; } .navpro.navpro .justify-evenly { justify-content: space-evenly; } .navpro.navpro .content-start { align-content: flex-start; } .navpro.navpro .content-end { align-content: flex-end; } .navpro.navpro .content-center { align-content: center; } .navpro.navpro .content-between { align-content: space-between; } .navpro.navpro .content-around { align-content: space-around; } .navpro.navpro .content-stretch { align-content: stretch; } .navpro.navpro .order-0 { order: 0; } .navpro.navpro .order-1 { order: 1; } .navpro.navpro .order-2 { order: 2; } .navpro.navpro .order-3 { order: 3; } .navpro.navpro .order-last { order: 99999; } :root { --navpro-accordion-max-width: 639.98px; --navpro-initially-expanded-min-width: 1280px; } .navpro-menu a:hover > .tip { text-decoration: none; } .navpro-menu .tip { display: inline-block; top: -3px; position: relative; padding: 2px 3px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 0.7em; line-height: normal; color: #fff; background: #1979c3; } .navpro-menu .tip.text-small { font-size: 0.65em; } .navpro-menu .tip.text-big { font-size: 0.8em; } .navpro-menu .tip.text-big.top { top: -8px; } .navpro-menu .tip.top { position: absolute; top: -6px; right: 21px; } .rtl .navpro-menu .tip.top { right: auto; left: 21px; } .navpro-menu .tip.top::before { content: ''; position: absolute; right: 6px; top: 100%; width: 0; height: 0; border: 4px solid transparent; border-top-color: #1979c3; } .rtl .navpro-menu .tip.top::before { right: auto; left: 6px; } .navpro-menu .tip.inverted { color: #1979c3; background: #fff; } .navpro-menu .tip.inverted::before { border-top-color: #fff; } .navpro-menu .tip.accent { background: #ff7103; } .navpro-menu .tip.accent::before { border-top-color: #ff7103; } .navpro-menu .tip.accent.inverted { color: #ff7103; background: #fff; } .navpro-menu .tip.accent.inverted::before { border-top-color: #fff; } .navpro-menu .tip.muted { background: #555; } .navpro-menu .tip.muted::before { border-top-color: #555; } .navpro-menu .tip.muted.inverted { color: #555; background: #fff; } .navpro-menu .tip.muted.inverted::before { border-top-color: #fff; } .navpro-menu .tip.black { color: #fff; background: #000; } .navpro-menu .tip.black::before { border-top-color: #000; } .navpro-menu .tip.black.inverted { color: #000; background: #fff; } .navpro-menu .tip.black.inverted::before { border-top-color: #fff; } .navpro .navpro-search .block-search { float: none; align-self: center; margin: 0; padding: 0; left: auto; top: auto; right: auto; bottom: auto; transform: none; position: static; width: auto; } .navpro .navpro-search .block-search .block-title { margin: 0 0 15px; } .navpro .navpro-search .block-search .form.minisearch { position: relative; } .navpro .li-item > .navpro-search .block-search .block-title { display: none; } .navpro .li-item > .navpro-search .block-search .field label { display: none; } @media (min-width: 640px) { .navpro.orientation-horizontal > ul { display: flex; flex-wrap: wrap; align-items: stretch; } .navpro.orientation-horizontal > ul > li { display: flex; align-items: flex-end; } } .navpro.orientation-vertical .level0 { margin: 0; } .navpro.orientation-vertical .children > li > a, .navpro.orientation-vertical .level0 > .level-top, .navpro.orientation-vertical .level0.active > .level-top, .navpro.orientation-vertical .level0.has-active > .level-top { display: block; } .navpro.orientation-vertical .parent-expanded > a { font-weight: bold; } .navpro.orientation-vertical .parent-expanded .parent-expanded > a { font-weight: normal; } .navpro.orientation-vertical > ul { display: flex; flex-wrap: wrap; align-items: stretch; flex-direction: column; } .navpro.orientation-vertical .navpro-dropdown .children > li > a, .navpro.orientation-vertical .navpro-dropdown .children .parent > a { padding: 8px 12px; } .navpro.orientation-vertical .level0 > .level-top { padding: 8px 12px; } @media (min-width: 1280px) { .cms-index-index .navpro li.home-expanded { position: relative; } } .navpro-pills li.level0 { background: #f4f4f4; border-radius: 10px; margin: 0 5px 5px 0; } .navpro-shevron { display: none; } .navpro-dropdown { position: absolute; opacity: 0; display: none; } .navpro-dropdown-inner { box-sizing: border-box; padding: 12px; } .navpro-dropdown-expanded > .navpro-dropdown-inner { padding-top: 0; } .navpro-dropdown .navpro-dropdown-expanded > .navpro-dropdown-inner { padding-left: 0; padding-right: 0; } .navpro-dropdown .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded > .navpro-dropdown-expanded > .navpro-dropdown-inner { padding: 12px; padding-top: 0; padding-bottom: 0; } .dropdown-left .ui-menu-item { text-align: right; } .rtl .dropdown-left .ui-menu-item { text-align: left; } .navpro .li-item.navpro-shop-all { font-weight: bold; } .navpro .navpro-a-with-thumbnail { max-height: 130px; overflow: hidden; } @media (min-width: 640px) { .navpro .navpro-a-with-thumbnail { margin-bottom: 8px; } } .navpro .navpro-a-with-thumbnail img { margin-top: 5px; filter: contrast(95%); } .navpro .level0 .children > li > a, .navpro .level0 .children .parent > a { text-decoration: none; } .navpro-dropdown .children > li > a, .navpro-dropdown .children .parent > a { display: block; line-height: inherit; padding: 7px 12px 7px 12px; text-decoration: none; } .navpro-dropdown .children .parent > a { padding-right: 20px; } .rtl .navpro-dropdown .children .parent > a { padding: 7px 12px 7px 12px; padding-left: 20px; } .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded > a { font-weight: bold; padding-bottom: 5px; } .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > li > a { padding-top: 3px; padding-bottom: 3px; } .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > li.navpro-shop-all > a { padding-top: 6px; padding-bottom: 6px; } .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > li.navpro-shop-all > a span { line-height: normal; } .navpro-dropdown .multicolumn { display: flex; align-content: flex-start; flex-wrap: wrap; flex-direction: row; } .navpro-dropdown .multicolumn > li { width: 100%; } .navpro-dropdown .vertical.multicolumn { flex-direction: column; display: block; } @media (min-width: 640px) { .navpro-dropdown .vertical.multicolumn-8 { column-count: 8; } .navpro-dropdown .vertical.multicolumn-7 { column-count: 7; } .navpro-dropdown .vertical.multicolumn-6 { column-count: 6; } .navpro-dropdown .vertical.multicolumn-5 { column-count: 5; } .navpro-dropdown .vertical.multicolumn-4 { column-count: 4; } .navpro-dropdown .vertical.multicolumn-3 { column-count: 3; } .navpro-dropdown .vertical.multicolumn-2 { column-count: 2; } .navpro-dropdown .vertical.multicolumn-1 { column-count: 1; } } .navpro-dropdown .vertical.multicolumn > li { display: block; width: 100%; break-inside: avoid-column; } .navpro-icon-caret, .navpro.navigation .level0.parent > .level-top > .ui-menu-icon { position: static; display: block; } .navpro-icon-caret::after { display: none !important; } .navpro .caret-hidden > a.level-top::before, .navpro .caret-hidden > a.level-top > .navpro-icon-caret::before { display: none !important; } .navpro-icon-caret::before, .navpro .parent > a::before { content: ''; position: absolute; right: 1px; top: calc(50% - 10px); transform: rotate(-90deg); opacity: 0.8; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%; -webkit-mask-size: 12px 12px; width: 20px; height: 20px; } .rtl .navpro-icon-caret::before, .rtl .navpro .parent > a::before { left: 1px; right: auto; transform: rotate(90deg); } .navpro.navpro .parent > a:has(.navpro-icon-caret)::before { display: none !important; } .navpro.navpro .parent.ui-menu-item > a::before { display: none !important; } .orientation-horizontal a.level-top > .navpro-icon-caret::before, .orientation-horizontal .parent > a.level-top::before { transform: rotate(0); } .caret-bottom a.level-top > .navpro-icon-caret::before, .caret-bottom .parent > a.level-top::before { top: auto; right: auto; left: calc(50% - 8px); bottom: 5px; } .navpro.navpro .caret-hidden .level0 > .level-top { padding: false !important; } .navpro.navpro .caret-hidden .level0 > .level-top::before, .navpro.navpro .caret-hidden .level0 > .level-top > .navpro-icon-caret, .navpro.navpro .caret-hidden .level0 > .level-top > .navpro-icon-caret::before { display: none !important; } .navpro.orientation-horizontal .caret-bottom .level0 > .level-top, .rtl .navpro.orientation-horizontal .caret-bottom .level0 > .level-top { padding: false; padding-bottom: false; } @media (min-width: 640px) { .navpro-icon-caret { opacity: 1 !important; } a.level-top > .navpro-icon-caret::before, .navpro .parent > a.level-top::before { opacity: 0.8; -webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%; -webkit-mask-size: 12px 12px; } } .navpro-overlay-element { display: none; } @media (min-width: 640px) { .navpro-nowrap { flex-wrap: nowrap !important; } .navpro-nowrap:not(.navpro-nowrap-ready) { overflow: hidden !important; opacity: 0; } .navpro-nowrap-justify-start { justify-content: start !important; } .navpro-nowrap > li { flex-shrink: 0; } .navpro-nowrap .navpro-item-more { align-self: center; } .navpro-nowrap .navpro-item-more > .nav-a-icon-more { display: flex !important; align-items: center; } .navpro-nowrap .navpro-item-more > .nav-a-icon-more svg { width: 20px; height: 20px; fill: currentColor; } .navpro-nowrap .navpro-item-more > .nav-a-icon-more::after { display: none !important; } .header .nav-sections:has(.navpro-nowrap:not(.navpro-nowrap-ready)) { width: 0; } } .navpro.navpro-accordion.navpro .level0 > .level-top { display: block; } .navpro.navpro-accordion.navpro .level0.active > .level-top, .navpro.navpro-accordion.navpro .level0.has-active > .level-top { display: block; } .navpro.navpro-accordion .navpro-icon-caret::before { transition: transform 200ms ease-in-out; } .navpro.navpro-accordion .navpro-icon-caret::before { transform: rotate(-90deg); } .navpro.navpro-accordion li.opened > a > .navpro-icon-caret::before { transform: rotate(0deg); } .navpro.navpro-accordion .navpro-dropdown { background: transparent; border: 0; box-shadow: none; min-width: 0; position: static; box-shadow: none !important; width: auto !important; min-height: 0 !important; max-height: 0; max-width: 100%; overflow: hidden; } .navpro.navpro-accordion .navpro-dropdown .multicolumn.vertical { height: auto !important; } .navpro.navpro-accordion .navpro-dropdown.shown { max-height: 1000em; } .navpro.navpro-accordion .navpro-dropdown-inner { padding-top: 3px; padding-bottom: 5px; } .navpro.navpro-accordion .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > li .navpro-dropdown > .navpro-dropdown-inner { padding-left: 10px; } .navpro.navpro-accordion .navpro-dropdown .children { display: block; /* reset ribbon style */ } .navpro.navpro-accordion .navpro-dropdown .children.multicolumn > li { width: 100%; } @media (min-width: 640px) { .navpro-with-slideout .page-header .nav-toggle { display: block; } .navpro-with-slideout .page-header .header.content .nav-toggle + .logo { margin-left: 10px; } .navpro-with-slideout .nav-sections { margin: 0; } .navpro.navpro.navpro-slideout { position: fixed !important; opacity: 0; } } .navpro.navpro .navpro-iconic .navpro-wrapped-items .level1 > a, .navpro.navpro .navpro-iconic .level0 > .level-top { display: flex; align-items: center; } .navpro.navpro .navpro-iconic .navpro-wrapped-items .level1 > a img, .navpro.navpro .navpro-iconic .level0 > .level-top img { margin: 3px; } .navpro.navpro .navpro-iconic.iconic-vertical .navpro-wrapped-items .level1 > a, .navpro.navpro .navpro-iconic.iconic-vertical .level0 > .level-top { flex-direction: column; } .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back > .level-top, .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current > .level-top { padding-left: 20px; } .rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back > .level-top, .rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current > .level-top { padding-left: 0; padding-right: 20px; } .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back ~ .level-top:not(.navpro-current):not(.navpro-back), .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current ~ .level-top:not(.navpro-current):not(.navpro-back) { padding-left: 30px; } .rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back ~ .level-top:not(.navpro-current):not(.navpro-back), .rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current ~ .level-top:not(.navpro-current):not(.navpro-back) { padding-left: 0; padding-right: 30px; } .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back > a { position: relative; } .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back > a::before { content: ''; position: absolute; left: 6px; top: calc(50% - 6px); transform: rotate(90deg); opacity: 0.8; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%; -webkit-mask-size: 12px 12px; width: 12px; height: 12px; } .rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back > a::before { left: auto; right: 6px; transform: rotate(-90deg); } .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current a { font-weight: bold; } .navpro-linkbar { display: flex; flex-wrap: wrap; } .navpro.navpro-theme-dark, .navpro.navpro-theme-dark-bar { background: #0f172a; } .navpro.navpro-theme-dark .level0 > .level-top, .navpro.navpro-theme-dark-bar .level0 > .level-top { color: #eaeaea !important; } @media (max-width: 1224px) { .navpro.navpro-theme-dark-bar .navpro-dropdown { background: #0f172a; border-color: #0f172a; color: #eaeaea; } .navpro.navpro-theme-dark-bar .navpro-dropdown h3, .navpro.navpro-theme-dark-bar .navpro-dropdown .children a, .navpro.navpro-theme-dark-bar .navpro-dropdown .children .parent > a { color: #eaeaea; } } .navpro-theme-flat { border: 1px solid #e0e0e0; border-radius: 2px; background: #fafafa; } .navpro-theme-flat.navpro .children > li > a, .navpro-theme-flat.navpro .level0 > .level-top { color: #666; } .navpro-theme-flat.navpro .level0 > .level-top, .navpro-theme-flat.navpro .level0.active > .level-top, .navpro-theme-flat.navpro .level0.has-active > .level-top { border-top: 1px solid #e0e0e0; } .navpro-theme-flat.navpro .level0:first-child > .level-top { border: none; } .navpro-theme-flat.navpro.orientation-horizontal .level0 { border: 1px solid #e0e0e0; border-width: 0 0 0 1px; margin: 0 0 0 -1px; } .navpro-theme-flat.navpro.orientation-horizontal .level0:first-child { border-width: 0; } .navpro-theme-flat.navpro.orientation-horizontal .level0 > .level-top { border: 0; } .navpro.navpro-theme-compact { font-size: 0.9em; } .navpro.navpro-theme-compact.navpro .caret-hidden > a.level-top { padding: 4px 5px !important; } .navpro.navpro-theme-compact.navpro .level0 > .level-top { padding: 4px 5px; color: #333; } .navpro.navpro-theme-compact.navpro .level0.parent > .level-top { padding-right: 20px; } .rtl .navpro.navpro-theme-compact.navpro .level0.parent > .level-top { padding: 4px 5px; padding-left: 20px; } .navpro.navpro-theme-air .navpro-dropdown { border-radius: 4px; box-shadow: 0 0 28px rgba(0, 0, 0, 0.2); border: 0; } .navpro.navpro-theme-air .navpro-dropdown > .navpro-shevron { border: 0 !important; } .navpro.navpro-theme-air.orientation-vertical, .navpro.navpro-theme-air.navpro-slideout { box-shadow: 0 0 28px rgba(0, 0, 0, 0.2); } .navpro.navpro-theme-air.orientation-vertical:not(.navpro-slideout) { padding: 10px; border-radius: 4px; } .navpro.navpro .li-item { position: static; } .navpro.navpro .li-item > a { position: relative; } .navpro.navpro > ul.navpro-stacked { margin: 0; } .navpro.navpro .parent > a::after { display: none; } .navpro.navpro .parent > a .ui-icon { display: block; background: transparent; -webkit-mask: none; margin: 0; width: auto; height: auto; transform: none !important; } .navpro-icon-caret::before, .navpro .parent > a::before { right: 4px; top: calc(50% - 9px); } .swiper-container { margin-left: auto; margin-right: auto; overflow: hidden; position: relative; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; box-sizing: content-box; } .swiper-button-prev, .swiper-button-next { position: absolute; background-position: center; background-repeat: no-repeat; } .swiper-button-prev::after, .swiper-button-next::after { content: ''; } .swiper-button-prev { left: 10px; } .swiper-button-next { right: 10px; } .pagebuilder-overlay { transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), display var(--transition-duration), visibility var(--transition-duration) 0s;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-behavior: allow-discrete; } .breeze-inactive .pagebuilder-overlay { transition: none !important; } .block > .title, .block .block-title { line-height: 1.75rem;font-size: 1.125rem;font-weight: 500;padding: 0.5rem 0; } .block > .title strong, .block .block-title strong { font-weight: 500; } .block .block-content { display: flow-root; } .block .block-content.no-display { display: none; } .breeze-theme .amsearch-block-header .amsearch-title, .paypal-review .paypal-review-title { line-height: 1.75rem;font-size: 1.125rem;font-weight: 500;padding: 0.5rem 0; } .breeze-theme .amsearch-block-header .amsearch-title strong, .paypal-review .paypal-review-title strong { font-weight: 500; } :where(body:not(.narrow-page-reset)) .checkout-success, :where(body:not(.narrow-page-reset)) #registration, .form.form-orders-search, .form.search.advanced, .form.password.forget, .form.password.reset, .form.send.confirmation, .form-create-account, .login-container, .column.main .form.contact, .page-layout-1column.cms-no-route .columns, .paypal-review { max-width: 620px;margin: 0 auto;padding: 2.5rem 3rem;box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.05);background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));border-radius: 0; } @media (max-width: 639.98px) { :where(body:not(.narrow-page-reset)) .checkout-success, :where(body:not(.narrow-page-reset)) #registration, .form.form-orders-search, .form.search.advanced, .form.password.forget, .form.password.reset, .form.send.confirmation, .form-create-account, .login-container, .column.main .form.contact, .page-layout-1column.cms-no-route .columns, .paypal-review { padding: 1rem 1.5rem; } }.account .main .block .block-title, .order-details-items .block-title { line-height: 1.75rem;font-size: 1.125rem;font-weight: 500;text-transform: none;margin: 0;padding: 0.5rem 1rem;background: rgb(var(--muted-bg)); } .account .main .block .block-title strong, .order-details-items .block-title strong { font-weight: 500; } .account .main .block .block-title + .block-content, .order-details-items .block-title + .block-content { padding: 1rem; } .breadcrumbs ul { display: flex;flex-wrap: wrap;gap: 0.5rem; } .breadcrumbs li { display: flex;align-items: center;gap: 0.25rem; } .breadcrumbs li::after { content: '';width: 0.75rem;height: 0.75rem; } .breadcrumbs li:last-child::after { display: none; } .swatch-option-tooltip { display: none;position: absolute;pointer-events: none;right: 0; } .field-tooltip-content, .dropdown.options .dropdown, .tooltip.wrapper .tooltip.content, .minicart-wrapper .mage-dropdown-dialog, .minisearch .search-autocomplete, .map-popup, .navigation .submenu { display: none;position: absolute;pointer-events: none;right: 0; } .dropdown.options .dropdown > li > a, .dropdown.options .dropdown > ul > li > a, .minisearch .search-autocomplete [role="listbox"] li, .navigation :where(li[class*=level]) > a { display: block;padding: 0.25rem 0.5rem; } [data-collapsible] > [data-role="title"], [data-role="collapsible"] > [data-role="title"], [data-mage-init*='"collapsible":'] > [data-role="title"], .block-collapsible-nav > .title, .dropdown.options .toggle, .minicart-wrapper .action.showcart { display: flex;align-items: center;justify-content: space-between;gap: 0.125rem; } [data-collapsible] > [data-role="title"]::after, [data-role="collapsible"] > [data-role="title"]::after, [data-mage-init*='"collapsible":'] > [data-role="title"]::after, .block-collapsible-nav > .title::after, .dropdown.options:not(.no-chevron) .toggle::after { flex-shrink: 0;content: '';height: 1.25rem;width: 1.25rem;transform: rotate(90deg); } ._active[data-collapsible] > [data-role="title"]::after, ._active[data-role="collapsible"] > [data-role="title"]::after, ._active[data-mage-init*='"collapsible":'] > [data-role="title"]::after, [data-collapsible] > [data-role="title"][aria-expanded="true"]::after, [data-role="collapsible"] > [data-role="title"][aria-expanded="true"]::after, [data-mage-init*='"collapsible":'] > [data-role="title"][aria-expanded="true"]::after, [data-mage-init*='"collapsible":'][data-mage-init*='"active":true'] > [data-role="title"]:not([aria-expanded])::after, .block-collapsible-nav > .title.active::after, .dropdown.options:not(.no-chevron) .toggle.active::after { transform: rotate(-90deg); } :where(input:not([type=range])), textarea, select { outline: none;position: relative;padding: 0.5rem 0.75rem;width: 100%;color: rgba(var(--input-color), var(--input-alpha));background: rgba(var(--input-bg), var(--input-bg-alpha));border: 1px solid rgba(var(--input-border-color), var(--input-border-alpha));border-radius: 0;box-shadow: 0 0 0 var(--input-shadow-spread, 0) rgba(var(--input-border-color), var(--input-border-alpha)); } :where(input:not([type=range])):disabled, textarea:disabled, select:disabled { opacity: 0.5;cursor: not-allowed; } button, .action.primary, input[type='submit'], input[type='reset'], input[type='button'], .pagebuilder-button-primary, .pagebuilder-button-secondary, .pagebuilder-button-link { outline: none;position: relative;display: inline-flex;justify-content: center;align-items: center;gap: 0.25rem;font-weight: 400;padding: 0.5rem 1.25rem;color: rgba(var(--button-color), var(--button-alpha, 1));background: rgba(var(--button-bg), var(--button-bg-alpha));border: 1px solid rgba(var(--button-border-color), var(--button-border-alpha));border-radius: 0;text-decoration: none !important;white-space: nowrap; } button:disabled, button.disabled, .action.primary:disabled, .action.primary.disabled, input[type='submit']:disabled, input[type='submit'].disabled, input[type='reset']:disabled, input[type='reset'].disabled, input[type='button']:disabled, input[type='button'].disabled, .pagebuilder-button-primary:disabled, .pagebuilder-button-primary.disabled, .pagebuilder-button-secondary:disabled, .pagebuilder-button-secondary.disabled, .pagebuilder-button-link:disabled, .pagebuilder-button-link.disabled { opacity: 0.5;cursor: not-allowed; } .action.primary, .action-primary, [type='submit'], .pagebuilder-button-primary { --link-color: var(--button-color);--link-alpha: 1;--button-bg: var(--button-primary-bg);--button-color: var(--button-primary-color);--button-border-color: var(--button-primary-border-color); } :where(button:not([type='submit']):not(.action-primary):not(.primary):not(.pagebuilder-button-link):not(.pagebuilder-button-primary):not(.select)), input[type='reset'], input[type='button'], .pagebuilder-button-secondary { --link-color: var(--button-color);--link-alpha: 1;--button-bg: var(--button-secondary-bg);--button-color: var(--button-secondary-color);--button-border-color: var(--button-secondary-border-color); } .pagebuilder-button-link { --button-bg: transparent;--button-border-color: transparent;--button-color: var(--link-color);text-decoration: none !important; } .button-ghost button, .button-ghost .pagebuilder-button-primary, .button-ghost .pagebuilder-button-secondary { --button-bg: var(--base-color);--button-bg-alpha: 0;--button-color: var(--base-color);--button-border-color: var(--base-color);--button-border-alpha: var(--base-alpha);text-shadow: none; } label button, .ui-datepicker-trigger, .minisearch .action.search, .block.related .action.select, .cart.table-wrapper .action-gift { --button-bg: var(--base-bg);--button-border-color: var(--base-bg);padding: 0 !important;background: transparent !important;color: inherit !important;font-family: inherit !important;font-weight: inherit !important;font-size: inherit !important;text-transform: inherit !important;border: 0 !important;border-radius: 0 !important;text-align: left; } label button:focus-visible, .minisearch .action.search:focus-visible, .block.related .action.select:focus-visible, .cart.table-wrapper .action-gift:focus-visible { outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));outline-offset: 1px; } .button-xs button, .button-xs .pagebuilder-button-primary, .button-xs .pagebuilder-button-secondary, .button-xs .pagebuilder-button-link { font-size: 0.75rem;line-height: 1rem;padding: 0.25rem 0.5rem; } .button-lg button, .button-lg .pagebuilder-button-primary, .button-lg .pagebuilder-button-secondary, .button-lg .pagebuilder-button-link, .form.form-orders-search .action.primary, .form.search.advanced .action.primary, .form.password.forget .action.primary, .form.password.reset .action.primary, .form.send.confirmation .action.primary, .form-create-account .action.primary, .column.main .form.contact .action.primary { font-size: 1.125rem;line-height: 1.75rem;font-weight: 500; } .button-xl button, .button-xl .pagebuilder-button-primary, .button-xl .pagebuilder-button-secondary, .button-xl .pagebuilder-button-link { font-size: 1.25rem;line-height: 1.75rem;font-weight: 500;padding: 0.75rem 2.5rem; } .cart.table-wrapper .control.qty input.qty { font-size: 0.75rem;line-height: 1rem;padding: 0.25rem;width: auto;flex-grow: 0; } #recipients-options .fields + .fields { margin-top: 1rem; } #recipients-options .fields .actions-toolbar { width: 20%;align-items: flex-start;margin-top: 1.625rem;margin-bottom: 0;order: 999; } #recipients-options .fields .fieldset { width: 65%;display: grid;gap: 0.5rem;row-gap: 0.25rem; } @media (min-width: 640px) { #recipients-options .fields .fieldset { width: 80%;grid-template-columns: 1fr 1fr; } }#recipients-options .fields .fieldset > .field { padding: 0;width: 100%; } @media (min-width: 640px) { .narrow-page:not(.narrow-page-reset).page-layout-1column .breadcrumbs { display: none; } .narrow-page:not(.narrow-page-reset).page-layout-1column .page-title-wrapper { margin: 4rem 0;text-align: center; } .narrow-page:not(.narrow-page-reset).page-layout-1column .page-main { padding-bottom: 3rem; } .narrow-page:not(.narrow-page-reset).page-layout-1column .page-main .columns { max-width: 640px;margin: 0 auto; } }@media (min-width: 768px) { .narrow-page:not(.narrow-page-reset).page-layout-1column .page-main .columns { max-width: 768px; } }@media (min-width: 768px) { [data-mage-init*='"tabs":'] { display: flex;align-items: center;flex-wrap: wrap; } }[data-mage-init*='"tabs":'] > [data-role="collapsible"] { order: -1;display: flex;align-items: center;padding: 0.625rem 1rem;color: rgba(var(--base-color), var(--muted-alpha, .6)); } @media (max-width: 767.98px) { [data-mage-init*='"tabs":'] > [data-role="collapsible"] { --muted-bg-alpha: 0.5;justify-content: space-between;border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));border-width: 0 0 1px; } [data-mage-init*='"tabs":'] > [data-role="collapsible"]::after { flex-shrink: 0;content: '';height: 1.25rem;width: 1.25rem;transform: rotate(90deg); } [data-mage-init*='"tabs":'] > [data-role="collapsible"]:has(+ .content + script:last-child), [data-mage-init*='"tabs":'] > [data-role="collapsible"]:has(+ .content:last-child) { border-bottom-color: transparent; } [data-mage-init*='"tabs":'] > [data-role="collapsible"]:nth-last-child(2) { border-bottom-color: transparent; } }@media (min-width: 768px) { [data-mage-init*='"tabs":'] > [data-role="collapsible"] { margin: 0 0.75rem 0 0;white-space: nowrap; } }[data-mage-init*='"tabs":'] > [data-role="collapsible"] .counter { opacity: 0.8;padding: 0.125rem 0.5rem;background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); } [data-mage-init*='"tabs":'] > [data-role="collapsible"][aria-expanded="true"], [data-mage-init*='"tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]) { z-index: 2; } [data-mage-init*='"tabs":'] > [data-role="collapsible"][aria-expanded="true"]::after, [data-mage-init*='"tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded])::after { transform: rotate(-90deg); } @media (max-width: 767.98px) { [data-mage-init*='"tabs":'] > [data-role="collapsible"][aria-expanded="true"], [data-mage-init*='"tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]) { border-bottom-color: transparent; } }[data-content-type="tabs"] .tab-header { order: -1;display: flex;align-items: center;padding: 0.625rem 1rem;color: rgba(var(--base-color), var(--muted-alpha, .6)); } [data-content-type="tabs"] .tab-header { margin: 0 0.75rem 0 0;white-space: nowrap; } [data-content-type="tabs"] .tab-header.active { z-index: 2; } [data-content-type="tabs"] .tab-header.active::after { transform: rotate(-90deg); } [data-mage-init*='"tabs":'] > [data-role="content"] { display: none;visibility: hidden;opacity: 0;padding: 0.75rem 1rem; } @media (min-width: 768px) { [data-mage-init*='"tabs":'] > [data-role="content"] { width: 100%; } }[data-mage-init*='"tabs":'] > [data-role="content"][aria-hidden="false"], [data-mage-init*='"tabs":'] > [data-role="content"]:nth-child(2):not([aria-hidden]) { visibility: visible;opacity: 1;display: block; } [data-content-type="tabs"] .tabs-content > div { display: none;visibility: hidden;opacity: 0;padding: 0.75rem 1rem; } [data-content-type="tabs"] .tabs-content > div { width: 100%; } [data-content-type="tabs"] .tabs-content > div[aria-hidden=false] { visibility: visible;opacity: 1;display: block; } .field.street .control label, .field-tooltip .label, .field-tooltip-action span, .ui-datepicker-trigger span, .required-captcha.checkbox, table caption, .abs-visually-hidden, .action.skip:not(:focus-within), .block-compare .action.delete span, .filter .action.remove span, .sidebar .action.delete span, .sidebar .action.remove span, .table-comparison th.remove, .table-comparison .towishlist span, .discount label, .page-footer .switcher .label, .page-footer .block.newsletter .title, .page-footer .block.newsletter .control > label .label, .page-header .switcher .label, .block.filter .filter-content-close span, .block.filter .filter-options .filter-count-label, .product-items .towishlist span, .product-items .tocompare span, .product-items.product-items-names .choice .label, .toolbar .sorter-action span, .toolbar .modes-label, .toolbar .mode-grid span, .toolbar .mode-list span, .pages .label, .pages .action.previous span, .pages .action.next span, .minicart-wrapper .action.showcart .text, .header .block-search .label span, .minisearch .action.search span, .nav-toggle span, .special-price .price-label, .product-options-wrapper legend.links-title, .rating-summary .label, .rating-result > span span, .review-control-vote input, .review-list .review-date .review-details-label, .form.form-orders-search legend, .form.search.advanced legend, .cart-container .shipping legend, .cart.table-wrapper .control.qty span, .cart.table-wrapper .action-edit span, .cart.table-wrapper .action-delete span, .cart.table-wrapper .action-towishlist span, .form-wishlist-items .qty > label, .form-wishlist-items .comment-box > label, .special-price .msrp-message { position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0; } .line-clamp-1, .line-clamp-2, .line-clamp-3, .line-clamp-4, .line-clamp-5, .line-clamp-6 { position: relative;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: var(--line-clamp, 1);max-height: calc(var(--line-clamp, 1) * var(--line-height, 1.5rem)); } .line-clamp-1.expanded, .line-clamp-2.expanded, .line-clamp-3.expanded, .line-clamp-4.expanded, .line-clamp-5.expanded, .line-clamp-6.expanded { display: block;-webkit-line-clamp: initial !important;overflow: visible;max-height: none; } .line-clamp-1 .clamp-toggle, .line-clamp-2 .clamp-toggle, .line-clamp-3 .clamp-toggle, .line-clamp-4 .clamp-toggle, .line-clamp-5 .clamp-toggle, .line-clamp-6 .clamp-toggle { font-weight: 600;font-size: 1rem;font-family: ui-sans-serif, system-ui, -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";color: rgba(var(--base-color), var(--base-alpha, 1));text-decoration: underline;position: absolute;bottom: 0;right: 0;padding-left: 0.75rem;background: linear-gradient(to right, transparent 0, rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1)) 0.5rem); } .line-clamp-1 .clamp-toggle + *, .line-clamp-2 .clamp-toggle + *, .line-clamp-3 .clamp-toggle + *, .line-clamp-4 .clamp-toggle + *, .line-clamp-5 .clamp-toggle + *, .line-clamp-6 .clamp-toggle + * { margin-top: 0; } label button, label a, table .id a, table .actions a, a[href^="tel:"], a[href^="mailto:"], a.alert, address a, .block .block-title a, .actions-toolbar a, .box-actions a, .product-item-details dl a, .map.help, .map-show-info, .minimal-price-link, .prices-tier a, .block.related .action.select, .samples a, .downloads-all .label, .reviews-actions a, .search-suggestions a, :where(.table-totals, .table.totals) a, .cart.table-wrapper .action-gift, .checkout-onepage-success .column.main a, .paypal-review .discount .title, .paypal-review .paypal-review-title a { color: rgba(var(--link-color), var(--link-alpha));text-decoration: none; } label button:hover, label a:hover, table .id a:hover, table .actions a:hover, a[href^="tel:"]:hover, a[href^="mailto:"]:hover, a.alert:hover, address a:hover, .block .block-title a:hover, .actions-toolbar a:hover, .box-actions a:hover, .product-item-details dl a:hover, .map.help:hover, .map-show-info:hover, .minimal-price-link:hover, .prices-tier a:hover, .block.related .action.select:hover, .samples a:hover, .downloads-all .label:hover, .reviews-actions a:hover, .search-suggestions a:hover, :where(.table-totals, .table.totals) a:hover, .cart.table-wrapper .action-gift:hover, .checkout-onepage-success .column.main a:hover, .paypal-review .discount .title:hover, .paypal-review .paypal-review-title a:hover { --link-alpha: 1;text-decoration: underline; } .prose :where(a:not(.product-item-link):not(.action)), .cms-no-route .main :where(a:not(.product-item-link):not(.action)), .cms-page-view .main :where(a:not(.product-item-link):not(.action)), .product-item-description :where(a:not(.product-item-link):not(.action)), [data-content-type="row"] :where(a:not(.product-item-link):not(.action)), .product.attribute :where(a:not(.product-item-link):not(.action)) { color: rgba(var(--link-color), var(--link-alpha));text-decoration: none; } .prose :where(a:not(.product-item-link):not(.action)):hover, .cms-no-route .main :where(a:not(.product-item-link):not(.action)):hover, .cms-page-view .main :where(a:not(.product-item-link):not(.action)):hover, .product-item-description :where(a:not(.product-item-link):not(.action)):hover, [data-content-type="row"] :where(a:not(.product-item-link):not(.action)):hover, .product.attribute :where(a:not(.product-item-link):not(.action)):hover { --link-alpha: 1;text-decoration: underline; } .prose :where(a div), .cms-no-route .main :where(a div), .cms-page-view .main :where(a div), .product-item-description :where(a div), [data-content-type="row"] :where(a div), .product.attribute :where(a div) { color: rgba(var(--base-color), var(--base-alpha, 1)); } .prose p, .prose table, .prose figure, .cms-no-route .main p, .cms-no-route .main table, .cms-no-route .main figure, .cms-page-view .main p, .cms-page-view .main table, .cms-page-view .main figure, .product-item-description p, .product-item-description table, .product-item-description figure, [data-content-type="row"] p, [data-content-type="row"] table, [data-content-type="row"] figure, .product.attribute p, .product.attribute table, .product.attribute figure, .cart-empty p, .checkout-onepage-success .column.main p { margin-bottom: 0.75rem; } ul.disc, .prose :where(ul:not(.unstyled):not(.items)), .prose :where(ol:not(.unstyled):not(.product-items)), .cms-no-route .main :where(ul:not(.unstyled):not(.items)), .cms-no-route .main :where(ol:not(.unstyled):not(.product-items)), .cms-page-view .main :where(ul:not(.unstyled):not(.items)), .cms-page-view .main :where(ol:not(.unstyled):not(.product-items)), .product-item-description :where(ul:not(.unstyled):not(.items)), .product-item-description :where(ol:not(.unstyled):not(.product-items)), [data-content-type="row"] :where(ul:not(.unstyled):not(.items)), [data-content-type="row"] :where(ol:not(.unstyled):not(.product-items)), .product.attribute :where(ul:not(.unstyled):not(.items)), .product.attribute :where(ol:not(.unstyled):not(.product-items)) { margin-top: 0.75rem;margin-bottom: 0.75rem; } .prose :where(ul:not(.unstyled):not([role=tablist]):not(.items) li), .prose :where(ol:not(.unstyled):not(.product-items) li), .cms-no-route .main :where(ul:not(.unstyled):not([role=tablist]):not(.items) li), .cms-no-route .main :where(ol:not(.unstyled):not(.product-items) li), .cms-page-view .main :where(ul:not(.unstyled):not([role=tablist]):not(.items) li), .cms-page-view .main :where(ol:not(.unstyled):not(.product-items) li), .product-item-description :where(ul:not(.unstyled):not([role=tablist]):not(.items) li), .product-item-description :where(ol:not(.unstyled):not(.product-items) li), [data-content-type="row"] :where(ul:not(.unstyled):not([role=tablist]):not(.items) li), [data-content-type="row"] :where(ol:not(.unstyled):not(.product-items) li), .product.attribute :where(ul:not(.unstyled):not([role=tablist]):not(.items) li), .product.attribute :where(ol:not(.unstyled):not(.product-items) li) { margin-top: 0.25rem;margin-bottom: 0.25rem; } .prose section, .cms-no-route .main section, .cms-page-view .main section, .product-item-description section, [data-content-type="row"] section, .product.attribute section { margin-bottom: 1rem; } ul.disc, .prose :where(ul:not(.unstyled):not(.items)), .prose :where(ol:not(.unstyled):not(.product-items)), .cms-no-route .main :where(ul:not(.unstyled):not(.items)), .cms-no-route .main :where(ol:not(.unstyled):not(.product-items)), .cms-page-view .main :where(ul:not(.unstyled):not(.items)), .cms-page-view .main :where(ol:not(.unstyled):not(.product-items)), .product-item-description :where(ul:not(.unstyled):not(.items)), .product-item-description :where(ol:not(.unstyled):not(.product-items)), [data-content-type="row"] :where(ul:not(.unstyled):not(.items)), [data-content-type="row"] :where(ol:not(.unstyled):not(.product-items)), .product.attribute :where(ul:not(.unstyled):not(.items)), .product.attribute :where(ol:not(.unstyled):not(.product-items)) { padding-left: 1.25rem; } ul.disc, .prose :where(ul:not(.unstyled):not(.items)), .cms-no-route .main :where(ul:not(.unstyled):not(.items)), .cms-page-view .main :where(ul:not(.unstyled):not(.items)), .product-item-description :where(ul:not(.unstyled):not(.items)), [data-content-type="row"] :where(ul:not(.unstyled):not(.items)), .product.attribute :where(ul:not(.unstyled):not(.items)) { list-style: disc; } .prose :where(ol:not(.unstyled):not(.product-items)), .cms-no-route .main :where(ol:not(.unstyled):not(.product-items)), .cms-page-view .main :where(ol:not(.unstyled):not(.product-items)), .product-item-description :where(ol:not(.unstyled):not(.product-items)), [data-content-type="row"] :where(ol:not(.unstyled):not(.product-items)), .product.attribute :where(ol:not(.unstyled):not(.product-items)) { list-style: auto; } .prose ol.nested-counter, .cms-no-route .main ol.nested-counter, .cms-page-view .main ol.nested-counter, .product-item-description ol.nested-counter, [data-content-type="row"] ol.nested-counter, .product.attribute ol.nested-counter { counter-reset: item; } .prose ol.nested-counter li, .cms-no-route .main ol.nested-counter li, .cms-page-view .main ol.nested-counter li, .product-item-description ol.nested-counter li, [data-content-type="row"] ol.nested-counter li, .product.attribute ol.nested-counter li { counter-increment: item; } .prose ol.nested-counter ol > li::marker, .cms-no-route .main ol.nested-counter ol > li::marker, .cms-page-view .main ol.nested-counter ol > li::marker, .product-item-description ol.nested-counter ol > li::marker, [data-content-type="row"] ol.nested-counter ol > li::marker, .product.attribute ol.nested-counter ol > li::marker { content: counters(item, '.') ' '; } .prose li::marker, .cms-no-route .main li::marker, .cms-page-view .main li::marker, .product-item-description li::marker, [data-content-type="row"] li::marker, .product.attribute li::marker { --muted-alpha: 0.4;color: rgba(var(--base-color), var(--muted-alpha, .6)); } .prose blockquote, .cms-no-route .main blockquote, .cms-page-view .main blockquote, .product-item-description blockquote, [data-content-type="row"] blockquote, .product.attribute blockquote { margin: 1.5rem 0;padding-left: 1rem;border-left: 4px solid rgba(var(--base-color), var(--divider-alpha, .1));font-style: italic;font-weight: 500; } .prose code, .cms-no-route .main code, .cms-page-view .main code, .product-item-description code, [data-content-type="row"] code, .product.attribute code { font-weight: 600; } .prose code::before, .prose code::after, .cms-no-route .main code::before, .cms-no-route .main code::after, .cms-page-view .main code::before, .cms-page-view .main code::after, .product-item-description code::before, .product-item-description code::after, [data-content-type="row"] code::before, [data-content-type="row"] code::after, .product.attribute code::before, .product.attribute code::after { content: "`"; } .prose pre, .cms-no-route .main pre, .cms-page-view .main pre, .product-item-description pre, [data-content-type="row"] pre, .product.attribute pre { margin: 1rem 0;padding: 1rem;overflow-x: auto;background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); } .prose pre code, .cms-no-route .main pre code, .cms-page-view .main pre code, .product-item-description pre code, [data-content-type="row"] pre code, .product.attribute pre code { font-weight: 400; } .prose pre code:before, .prose pre code:after, .cms-no-route .main pre code:before, .cms-no-route .main pre code:after, .cms-page-view .main pre code:before, .cms-page-view .main pre code:after, .product-item-description pre code:before, .product-item-description pre code:after, [data-content-type="row"] pre code:before, [data-content-type="row"] pre code:after, .product.attribute pre code:before, .product.attribute pre code:after { content: ''; } .prose hr, .cms-no-route .main hr, .cms-page-view .main hr, .product-item-description hr, [data-content-type="row"] hr, .product.attribute hr { margin: 2rem 0; } .prose figcaption, .cms-no-route .main figcaption, .cms-page-view .main figcaption, .product-item-description figcaption, [data-content-type="row"] figcaption, .product.attribute figcaption { margin-top: 0.5rem;color: rgba(var(--base-color), var(--muted-alpha, .6)); } .prose .lead, .cms-no-route .main .lead, .cms-page-view .main .lead, .product-item-description .lead, [data-content-type="row"] .lead, .product.attribute .lead { font-size: 1.25rem;line-height: 1.75rem;color: rgba(var(--base-color), var(--muted-alpha, .6)); } .prose [data-role="collapsible"] > [data-role=title], .prose [data-mage-init*='"collapsible":'] > [data-role=title], .cms-no-route .main [data-role="collapsible"] > [data-role=title], .cms-no-route .main [data-mage-init*='"collapsible":'] > [data-role=title], .cms-page-view .main [data-role="collapsible"] > [data-role=title], .cms-page-view .main [data-mage-init*='"collapsible":'] > [data-role=title], .product-item-description [data-role="collapsible"] > [data-role=title], .product-item-description [data-mage-init*='"collapsible":'] > [data-role=title], [data-content-type="row"] [data-role="collapsible"] > [data-role=title], [data-content-type="row"] [data-mage-init*='"collapsible":'] > [data-role=title], .product.attribute [data-role="collapsible"] > [data-role=title], .product.attribute [data-mage-init*='"collapsible":'] > [data-role=title] { margin: 0; } .prose [data-role="collapsible"] > [data-role=content][aria-hidden=false], .prose [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false], .cms-no-route .main [data-role="collapsible"] > [data-role=content][aria-hidden=false], .cms-no-route .main [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false], .cms-page-view .main [data-role="collapsible"] > [data-role=content][aria-hidden=false], .cms-page-view .main [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false], .product-item-description [data-role="collapsible"] > [data-role=content][aria-hidden=false], .product-item-description [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false], [data-content-type="row"] [data-role="collapsible"] > [data-role=content][aria-hidden=false], [data-content-type="row"] [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false], .product.attribute [data-role="collapsible"] > [data-role=content][aria-hidden=false], .product.attribute [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false] { margin: 0.5rem 0; } .prose [data-role="collapsible"] + div, .prose [data-mage-init*='"collapsible":'] + div, .cms-no-route .main [data-role="collapsible"] + div, .cms-no-route .main [data-mage-init*='"collapsible":'] + div, .cms-page-view .main [data-role="collapsible"] + div, .cms-page-view .main [data-mage-init*='"collapsible":'] + div, .product-item-description [data-role="collapsible"] + div, .product-item-description [data-mage-init*='"collapsible":'] + div, [data-content-type="row"] [data-role="collapsible"] + div, [data-content-type="row"] [data-mage-init*='"collapsible":'] + div, .product.attribute [data-role="collapsible"] + div, .product.attribute [data-mage-init*='"collapsible":'] + div { margin-top: 0.75rem; } [data-content-type="tabs"] .tabs-navigation { margin-top: 0 !important;margin-bottom: 0 !important; } [data-content-type="tabs"] .tabs-navigation { padding-left: 0 !important; } [data-content-type="tabs"] .tabs-navigation { list-style: none !important; } .color-invert { color: rgba(var(--base-color), var(--base-alpha, 1));--base-color: 255, 255, 255;--base-alpha: 0.85;--headings-color: 255, 255, 255;--headings-alpha: 0.9;--block-title-color: 0.9;--link-color: 147, 197, 253;--link-alpha: 0.9;--muted-bg: 31, 41, 55;--muted-bg-alpha: 1;--ring-color: 255, 255, 255;--ring-alpha: 0.7;--input-color: 255, 255, 255;--input-alpha: 0.85;--input-bg-alpha: 0;--input-border-alpha: 0.5; } :root { --black: 0, 0, 0; --white: 255, 255, 255; --gray-50: 249, 250, 251; --gray-100: 243, 244, 246; --gray-200: 229, 231, 235; --gray-300: 209, 213, 219; --gray-400: 156, 163, 175; --gray-500: 107, 114, 128; --gray-600: 75, 85, 99; --gray-700: 55, 65, 81; --gray-800: 31, 41, 55; --gray-900: 17, 24, 39; --red: 185, 28, 28; --red-muted: 254, 242, 242; --green: 21, 128, 61; --green-muted: 240, 253, 244; --blue: 29, 78, 216; --blue-muted: 239, 246, 255; --yellow: 251, 191, 36; --yellow-muted: 255, 251, 235; --brand-color: 37, 99, 235; --danger-color: var(--red); --info-color: var(--blue); --success-color: var(--green); --success-bg: var(--green-muted); --base-alpha: 1; --base-color: 17, 24, 39; --base-bg: 255, 255, 255; --muted-bg: 243, 244, 246; --z-layer-color: var(--base-color); --z-layer-bg: var(--base-bg); --z-overlay-bg: 0, 0, 0; --ring-color: var(--brand-color); --link-alpha: 0.85; --link-color: var(--blue); --headings-alpha: 1; --headings-color: var(--base-color); --block-title-color: var(--base-color); --input-alpha: 1; --input-color: var(--base-color); --input-bg: var(--base-bg); --input-bg-alpha: 1; --input-border-alpha: 1; --input-border-color: 156, 163, 175; --input-outline-color: var(--input-border-color); --input-outline-alpha: 0; --checkbox-color: var(--brand-color); --button-color: 255, 255, 255; --button-bg: var(--brand-color); --button-bg-alpha: 1; --button-hover-bg-alpha: 0.9; --button-border-alpha: 0; --button-border-color: var(--button-bg); --button-primary-color: 255, 255, 255; --button-primary-bg: var(--brand-color); --button-primary-border-color: var(--button-bg); --button-secondary-color: var(--gray-600); --button-secondary-bg: var(--gray-200); --button-secondary-border-color: var(--button-secondary-bg); --transition-duration: 200ms; --spinner-size: 1.5rem; --spinner-border-width: 2px; --spinner-border-color: var(--brand-color); --spinner-duration: 0.6s; --scrollbar-bg: var(--gray-100); --scrollbar-color: var(--gray-300); } @media (prefers-reduced-motion) { :root { --transition-duration: 20ms; --spinner-duration: 5s; } } fieldset, .fieldset { margin-bottom: 2rem; } fieldset:last-child, .fieldset:last-child { margin-bottom: 0; } fieldset.field, .fieldset.field { margin-bottom: 0; } fieldset:not(:has(*)), .fieldset:not(:has(*)) { display: none; } form:has(.fieldset + .loading-mask:last-child) .fieldset:nth-last-child(2) { margin-bottom: 0; } form + form, form + .fieldset { margin-top: 1.25rem; } form .legend { font-size: 1.25rem; line-height: 1.75rem; width: 100%; margin: 0 0 1.25rem; padding: 0 0 0.125rem; border-bottom: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } form .legend + br { display: none; } form .label + br { display: none; } form .actions-toolbar { margin-top: 1.25rem; margin-bottom: 1.25rem; } form .actions-toolbar:empty { display: none; } .fields { display: flex; gap: 0.5rem; } .fields .field + .field { margin-top: 0; } :where(.field ~ div:not(.actions):not(.product-item-actions)), .nested > .field, button + .field, .field + button, :where(.field:not([style*="display: none"])) + .fieldset, .field + .field-recaptcha, .field ~ .field { margin-top: 0.75rem; } .field .choice + .choice { margin-top: 0.125rem; } .field .addon { display: flex; align-items: center; gap: 0.5rem; } .field .range > .field:first-child .control { display: flex; gap: 0.5rem; align-items: center; } .field .range > .field:first-child .control::after { content: '—'; } .field .range .field + .field { margin-top: 0; } .field.required > .label, .field._required > .label { display: flex; gap: 0.25rem; } .field.required > .label::after, .field._required > .label::after { content: '*'; color: rgba(var(--danger-color), var(--danger-alpha, 1)); } .field.choice, .field .admin__field-option { display: flex; gap: 0.375rem; align-items: flex-start; line-height: 1.5rem; clear: left; position: relative; } .field.choice > [type="radio"], .field .admin__field-option > [type="radio"], .field.choice > [type="checkbox"], .field .admin__field-option > [type="checkbox"] { margin-top: calc(1.5rem / 2 - 1rem / 2); } .field.choice .field-tooltip, .field .admin__field-option .field-tooltip { margin-top: calc(1.5rem / 2 - 1.125rem / 2); } .field.choice div.mage-error, .field .admin__field-option div.mage-error { right: 0; padding-left: 0.5rem; margin-top: 0; position: absolute; background: rgba(var(--base-bg), var(--base-bg-alpha, 1)); z-index: 11; } .field .admin__field-option + .admin__field-option { margin-top: 0.375rem; } .field .control { position: relative; } .field .label + .control { margin-top: 0.125rem; } .field .label + .control:has(.admin__field-option) { margin-top: 0.375rem; } .field ._with-tooltip input, .field ._with-tooltip select, .field ._with-tooltip textarea { width: calc(100% - 1.75rem); } .field ._with-tooltip .field-tooltip { position: absolute; right: 0.25rem; top: calc(1.5rem / 2 - 0.25rem / 2); z-index: 11; } .control .note { font-size: 0.875rem; line-height: 1.25rem; display: block; margin-top: 0.25rem; } .field-tooltip { display: inline-block; position: relative; } .field-tooltip-action { color: rgba(var(--base-color), var(--muted-alpha, .6)); } .field-tooltip-action, .field-tooltip-action::before { display: block; width: 1.25rem; height: 1.25rem; } .field-tooltip-action::before { content: ''; } .ui-datepicker-trigger { position: absolute !important; right: 0.5rem; top: calc(50% - 1.5rem / 2); color: rgba(var(--base-color), var(--muted-alpha, .6)); } .ui-datepicker-trigger::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; } .control.captcha-image { margin-top: 0.5rem; display: flex; align-items: center; gap: 0.5rem; } html { color: rgba(var(--base-color), var(--base-alpha, 1)); background: rgba(var(--base-bg), var(--base-bg-alpha, 1)); font-family: ui-sans-serif, system-ui, -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-size: 1rem; line-height: 1.5rem; } code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .heading { color: rgba(var(--headings-color), var(--headings-alpha, 1)); } h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong { font-weight: 700; } h4 strong, .h4 strong, h5 strong, .h5 strong, h6 strong, .h6 strong, .heading strong { font-weight: 600; } h1, .h1 { font-size: 2.25rem; font-weight: bold; line-height: 2.5rem; margin-bottom: 1rem; } * + h1, * + .h1 { margin-top: 2rem; } h2, .h2 { font-size: 1.875rem; font-weight: 600; line-height: 2.25rem; margin-bottom: 1rem; } * + h2, * + .h2 { margin-top: 2rem; } h3, .h3 { font-size: 1.5rem; font-weight: 600; line-height: 2rem; margin-bottom: 0.5rem; } * + h3, * + .h3 { margin-top: 1rem; } h4, .h4 { font-size: 1.25rem; font-weight: 600; line-height: 1.75rem; margin-bottom: 0.25rem; } h5, .h5 { margin-bottom: 0.25rem; } h6, .h6 { margin-bottom: 0.25rem; } dl dt { font-weight: 500; } dl dd + dt { margin-top: 0.25rem; } .icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; line-height: 0; gap: 0.25rem; } svg.icon, .icon > svg { fill: currentColor; width: 1.5rem; height: 1.5rem; } svg.icon.small, .icon.small > svg { width: 1rem; height: 1rem; } svg.icon.big, .icon.big > svg { width: 1.75rem; height: 1.75rem; } .icon.rounded { background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); padding: 0.75rem; } .icon.rounded.small { padding: 0.5rem; } .icon.rounded { border-radius: 0.25rem; } .icon.rounded-sm { border-radius: 0.125rem; } .icon.rounded-lg { border-radius: 0.5rem; } .icon.rounded-full { border-radius: 9999px; } .table-wrapper:not(.grouped) { overflow-x: auto; position: relative; } table { border-color: rgba(var(--base-color), var(--divider-alpha, .1)); text-align: left; width: 100%; } table .id a, table .actions a { margin: 0 0.25rem 0.25rem 0; } table .id a:last-child, table .actions a:last-child { margin: 0; } table tr { --divider-alpha: 0.07; border-bottom: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } table th { font-weight: 500; } table td, table th { border-color: rgba(var(--base-color), var(--divider-alpha, .1)); vertical-align: top; padding: 0.75rem 0.5rem; } table td:first-child, table th:first-child { padding-left: 0; } table td:last-child, table th:last-child { padding-right: 0; } table thead tr { --divider-alpha: 0.15; } table thead th { color: rgba(var(--headings-color), var(--headings-alpha, 1)); } table tbody:last-child tr:last-child { border-bottom: 0; } table tfoot tr { border: 0; } table tfoot th, table tfoot td { padding-top: 0.5rem; padding-bottom: 0.5rem; } table tfoot .mark { text-align: right; } table[border] { border-style: solid; } table[border] tr { --divider-alpha: 0.07; } table[border] td:first-child, table[border] th:first-child { padding-left: 0.5rem; } table[border][style*="border-color"] tr, table[border][style*="border-color"] th, table[border][style*="border-color"] td { border-color: inherit; } @media (max-width: 639.98px) and screen { .mobile-table, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) { display: block; } .mobile-table thead, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) thead { display: none; } .mobile-table tbody, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tbody, .mobile-table tfoot, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tfoot, .mobile-table th, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) th, .mobile-table tr, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tr, .mobile-table td, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) td { display: block; } .mobile-table tr, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tr { margin-bottom: 0.75rem; padding-bottom: 0.75rem; } .mobile-table td, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) td, .mobile-table th, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) th { padding: 0.25rem 0; } .mobile-table td[data-th]::before, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) td[data-th]::before, .mobile-table th[data-th]::before, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) th[data-th]::before { padding-right: 10px; content: attr(data-th) ': '; display: inline-block; color: rgba(var(--base-color), var(--muted-alpha, .6)); font-weight: 500; } .mobile-table tfoot, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tfoot { text-align: right; } } hr { margin: 0.75rem 0; border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); border-right: 0; border-left: 0; border-bottom: 0; } p.required { color: rgba(var(--danger-color), var(--danger-alpha, 1)); } .note { color: rgba(var(--base-color), var(--muted-alpha, .6)); } .prose, .cms-no-route .main, .cms-page-view .main { font-size: 1.125rem; line-height: 1.75rem; } .text-reset { font-size: 1rem; line-height: 1.5rem; } .filter-invert { filter: invert(1); } .font-sans { font-family: ui-sans-serif, system-ui, -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" !important; } .font-serif { font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .font-thin { font-weight: 100 !important; } .font-extralight { font-weight: 200 !important; } .font-light { font-weight: 300 !important; } .font-normal { font-weight: 400 !important; } .font-medium { font-weight: 500 !important; } .font-semibold { font-weight: 600 !important; } .font-bold { font-weight: 700 !important; } .font-extrabold { font-weight: 800 !important; } .font-black { font-weight: 900 !important; } .text-xs { font-size: 0.75rem !important; line-height: 1rem !important; } .text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } .text-base { font-size: 1rem !important; line-height: 1.5rem !important; } .text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; } .text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; } .text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; } .text-3xl { font-size: 1.875rem !important; line-height: 2.25rem !important; } .text-4xl { font-size: 2.25rem !important; line-height: 2.5rem !important; } .text-5xl { font-size: 3rem !important; line-height: 1 !important; } .leading-tight { line-height: 1.25 !important; } .leading-snug { line-height: 1.375 !important; } .leading-normal { line-height: 1.5 !important; } .leading-relaxed { line-height: 1.625 !important; } .leading-loose { line-height: 2 !important; } .line-clamp-2 { --line-clamp: 2; } .line-clamp-3 { --line-clamp: 3; } .line-clamp-4 { --line-clamp: 4; } .line-clamp-5 { --line-clamp: 5; } .line-clamp-6 { --line-clamp: 6; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center, .a-center { text-align: center; } .nowrap { white-space: nowrap; } .underline { text-decoration: underline; } .select-none { user-select: none; } .rounded { border-radius: 0.25rem; } .rounded-sm { border-radius: 0.125rem; } .rounded-md { border-radius: 0.375rem; } .rounded-lg { border-radius: 0.5rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-2xl { border-radius: 1rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-full { border-radius: 9999px; } .relative { position: relative; } .absolute { position: absolute; } .top-0 { top: 0; } .bottom-0 { bottom: 0; } .left-0 { left: 0; } .right-0 { right: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .gap-1 { gap: 0.25rem; } .gap, .gap-2 { gap: 0.5rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-7 { gap: 1.75rem; } .gap-8 { gap: 2rem; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .justify-center { justify-content: center; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-evenly { justify-content: space-evenly; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .shrink-0 { flex-shrink: 0; } .grow-0 { flex-grow: 0; } .no-display, .abs-no-display { display: none; } .hide { display: none !important; } .show { display: revert !important; } .flex { display: flex !important; } .inline-flex { display: inline-flex !important; } .flex-col { flex-direction: column; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .mx-auto { margin-left: auto; margin-right: auto; } .max-w-xs { max-width: 480px; } .max-w-sm { max-width: 640px; } .max-w-md { max-width: 768px; } .max-w-lg { max-width: 1024px; } .max-w-xl { max-width: 1280px; } .max-w-xxl { max-width: 1536px; } .max-w-40 { max-width: 10rem; } .max-w-80 { max-width: 20rem; } .grid { display: grid !important; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @media (min-width: 480px) { .xs\:hide, .xs-hide { display: none !important; } .xs\:show, .xs-show { display: revert !important; } .xs\:flex, .xs-flex { display: flex !important; } .xs\:grid { display: grid !important; } } @media (min-width: 640px) { .sm\:hide, .sm-hide { display: none !important; } .sm\:show, .sm-show { display: revert !important; } .sm\:flex, .sm-flex { display: flex !important; } .sm\:grid { display: grid !important; } } @media (min-width: 768px) { .md\:hide, .md-hide { display: none !important; } .md\:show, .md-show { display: revert !important; } .md\:flex, .md-flex { display: flex !important; } .md\:a-right, .md-a-right { text-align: right; } .md\:grid { display: grid !important; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 1024px) { .lg\:hide, .lg-hide { display: none !important; } .lg\:show, .lg-show { display: revert !important; } .lg\:flex, .lg-flex { display: flex !important; } .lg\:grid { display: grid !important; } } @media (min-width: 1280px) { .xl\:hide, .xl-hide { display: none !important; } .xl\:show, .xl-show { display: revert !important; } .xl\:flex, .xl-flex { display: flex !important; } .xl\:grid { display: grid !important; } } @media (min-width: 1536px) { .xxl\:hide, .xxl-hide { display: none !important; } .xxl\:show, .xxl-show { display: revert !important; } .xxl\:flex, .xxl-flex { display: flex !important; } .xxl\:grid { display: grid !important; } } @media (max-width: 767.98px) { .md-down\:justify-center { justify-content: center; } .md-down\:a-center, .md-down-a-center { text-align: center; } } [data-mage-init*='"collapsible":']:not([data-mage-init*='"active":true']) > [data-role=content] { display: block !important; height: 0; opacity: 0; overflow: hidden; visibility: hidden; position: absolute; } .block-collapsible-nav { font-size: 1rem; line-height: 1.5rem; } @media (max-width: 767.98px) { .sidebar .block-collapsible-nav { background: rgba(var(--base-bg), var(--base-bg-alpha, 1)); position: absolute; margin: 0 !important; top: 0; width: 100%; } } @media (min-width: 768px) { .block-collapsible-nav > .title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } } .block-collapsible-nav .content ul { list-style: none; padding: 0; margin: 0; } .block-collapsible-nav .content .item > a, .block-collapsible-nav .content .item > strong { display: block; padding: 0.25rem 0; color: inherit; } .block-collapsible-nav .content .delimiter { display: block; border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); margin-top: 0.75rem; margin-bottom: 0.75rem; } @media (max-width: 767.98px) { .block-collapsible-nav .content { display: none; } .block-collapsible-nav .content::after { content: ''; display: block; width: 100%; height: 10px; margin-top: -10px; box-shadow: 0 10px 10px rgba(var(--base-bg), var(--base-bg-alpha, 1)); } .block-collapsible-nav .content.active { display: block; } } @media (min-width: 768px) { .block-collapsible-nav .content { padding: 0.75rem 0; background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); } .block-collapsible-nav .content .item > a, .block-collapsible-nav .content .item > strong { padding: 0.375rem 0.75rem; border-left: 3px solid transparent; } .block-collapsible-nav .content .current > a, .block-collapsible-nav .content .current > strong { border-color: rgba(var(--brand-color), var(--brand-alpha, 1)); } .block-collapsible-nav .content .delimiter { margin-left: 0.75rem; margin-right: 0.75rem; } } .dropdown.options { position: relative; } .modal-slide, .modal-popup, .modal-custom { visibility: hidden; pointer-events: none; } :root { --container-margin: 0 auto; --container-max-width: 1260px; --container-padding: 0.375rem 0.5rem; } .container, .top-container, .breadcrumbs ul, .page-main, .footer.content, .message.global .content, .header.panel, .header.content, .page-wrapper > .navigation-wrapper .navigation, .page-header > .navigation-wrapper .navigation, .page-layout-cms-full-width main .page-title-wrapper .page-title, [data-content-type="row"] [data-element="inner"] { width: 100%; max-width: var(--container-max-width); margin: var(--container-margin); padding: var(--container-padding); } .scroller { width: 100%; overflow: auto; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; } .scroller::-webkit-scrollbar { display: none; } .loading-mask, .load.indicator { display: none; } .switcher { display: inline-block; } .tooltip.wrapper { position: relative; } .tooltip.wrapper .tooltip.content { top: 100%; } @media (min-width: 480px) { .tooltip.wrapper .tooltip.content { right: auto; left: 0; } } .towishlist, .tocompare, .action.split, .action.print, .action.mailto { display: inline-flex; align-items: center; } .towishlist::before, .tocompare::before, .action.split::before, .action.print::before, .action.mailto::before { flex-shrink: 0; content: ''; width: 2rem; height: 2rem; } :where(.page-main, .page-bottom) .block ~ div { margin-top: 1.5rem; } .sidebar-main .block:last-child { margin-bottom: 1.5rem; } .block .block-title a { font-size: 1rem; line-height: 1.5rem; font-weight: 400; } .block .block-title .counter { font-size: 0.875rem; line-height: 1.25rem; white-space: nowrap; } .block .subtitle { display: none; } .block .box { margin-bottom: 0.75rem; } @media (min-width: 768px), print { .block .box { width: 50%; float: left; max-width: 400px; } .block .box:last-child { margin: 0; } .block .box:nth-child(2n+1) { clear: left; } } .block .box-title { display: block; margin-bottom: 0.5rem; } .sidebar .block .box { width: auto; } .block-actions { margin-bottom: 0.5rem; } .actions-toolbar, .box-actions, .cart-container .cart.actions { clear: both; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-top: 0.5rem; } .actions-toolbar > .actions, .actions-toolbar > div.primary, .actions-toolbar > div.secondary { display: contents; } .page-title-wrapper .actions-toolbar { margin: 0.75rem 0; } .actions-toolbar .action.back { display: none; } .block-compare .action.delete, .filter .action.remove, .sidebar .action.delete, .sidebar .action.remove { display: inline-flex; align-items: center; margin-left: auto; } .block-compare .action.delete::before, .filter .action.remove::before, .sidebar .action.delete::before, .sidebar .action.remove::before { content: ''; width: 1.25rem; height: 1.25rem; } .breadcrumbs { min-height: 2.25rem; } .category-image { margin: 0 0 0.5rem; } .category-image + .category-description { margin-top: 0; } .category-description { margin: 0 0 0.5rem; } .category-description [data-content-type="row"] [data-element="inner"] { max-width: none; padding: 0; margin: 0; } .table-comparison { width: auto; } .table-comparison th.label { width: 10rem; } .table-comparison td.product { width: 15rem; } .table-comparison .product-item-photo { display: inline-block; } .table-comparison .product-item-name { display: block; } .table-comparison .price-box { margin: 0.5rem 0; } :root { --sidebar-width: 180px; --sidebar-gap: 1rem; } @media (min-width: 1024px) { :root { --sidebar-width: 220px; --sidebar-gap: 2rem; } } .column.main { min-height: clamp(100px, 25vh, 300px); } .page-title-wrapper ~ .columns { margin-top: 1rem; } .page-main > .columns { position: relative; display: grid; grid-template-rows: auto 1fr; grid-template-columns: 1fr; grid-template-areas: "main" "sidebar" "additional"; gap: var(--sidebar-gap); row-gap: 0; } @media (min-width: 768px) { .page-layout-3columns .page-main > .columns, .page-layout-2columns-left .page-main > .columns { grid-template-columns: var(--sidebar-width) 1fr; grid-template-areas: "sidebar main" "additional main"; } .page-layout-2columns-right .page-main > .columns { grid-template-columns: 1fr var(--sidebar-width); grid-template-areas: "main sidebar" "main additional"; } } @media (min-width: 1024px) { .page-layout-3columns .page-main > .columns { grid-template-columns: var(--sidebar-width) 1fr var(--sidebar-width); grid-template-areas: "sidebar main additional"; } } .page-main > .columns > .main { grid-area: main; min-width: 0; } .page-main > .columns > .sidebar-main { grid-area: sidebar; } .page-main > .columns > .sidebar-additional { grid-area: additional; } .page-footer .switcher { margin-bottom: 0.5rem; } .page-footer .pagebuilder-column-group + .pagebuilder-column-group { margin-top: 2.5rem; } .page-footer .block .title, .page-footer .block .block-title { border: 0; padding: 0; font-size: 1rem; } .page-footer .block.newsletter { margin: 0 0 1rem; } .page-footer .block.newsletter .form { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; max-width: 420px; margin: 0 auto; text-align: left; } .page-footer .block.newsletter .form > :not(.newsletter):not(.actions) { order: 10; } .page-footer .block.newsletter .control input { min-width: 250px; } .footer.content { padding-top: 2rem; text-align: center; } .footer.links { display: flex; flex-wrap: wrap; column-gap: 0.5rem; justify-content: center; } .footer.links a:hover { text-decoration: underline; } .copyright { color: rgba(var(--base-color), var(--muted-alpha, .6)); } .message.global { color: #222; background: rgb(var(--yellow)); margin: 0; border-radius: 0; } .message.global .content { padding: 0.5rem; } .message.global .actions { margin-top: 0.75rem; } .message.global.cookie { position: fixed; z-index: 40; bottom: 0; left: 0; right: 0; } .message.global.noscript { text-align: center; } :root { --header-panel-slideout: true; } .header.panel, .header.links, .header.content { display: flex; gap: 2.25rem; } .header.links a .counter { font-size: 0.875rem; line-height: 1.25rem; opacity: 0.6; white-space: nowrap; } .header.links a .counter::before { content: '('; } .header.links a .counter::after { content: ')'; } .header.panel { justify-content: flex-end; align-items: flex-start; } .header.panel .switcher { flex-shrink: 0; } @media (max-width: 479.98px) { .header.panel { flex-wrap: wrap; justify-content: center; } .header.panel .header-panel-info { width: 100%; margin: 0; justify-content: center; } .header.panel > .switcher { max-width: 50%; } } .header.content { position: relative; align-items: center; } .page-header { position: relative; } .page-header .logo img:not([width]) { width: 100%; min-width: 80px; max-width: 170px; } .page-header .logo + *, .page-header .logo + .navigation-wrapper + *, .page-header .logo + .navigation-wrapper + script + * { margin-left: auto; } .page-header .block .block-title { font-size: 1rem; margin: 0; } .header-panel-info { margin: 0 auto 0 0; display: flex; flex-wrap: wrap; flex-grow: 1; align-items: center; column-gap: 0.75rem; } .header-panel-info .heading, .header-panel-info .switcher-label { display: none; } .header-panel-info .icon { width: 1.25rem; height: 1.25rem; } .header-panel-info a { color: currentColor; display: flex; align-items: center; gap: 0.25rem; } .header-panel-info a:hover { text-decoration: underline; } @media (max-width: 1224px) { .page-header .panel.wrapper { display: none; } } @media (min-width: 640px) { .navigation-wrapper .mobile-header-panel { display: none; } } @media (max-width: 767.98px) { .header.content > .switcher > .actions > .action span { display: none; } } .switcher .account-dropdown > .action::before, .switcher .wishlist-dropdown > .action::before { flex-shrink: 0; } .switcher .account-dropdown > .action::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%; -webkit-mask-size: 1.5rem 1.5rem; } .switcher .wishlist-dropdown > .action::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%; -webkit-mask-size: 1.5rem 1.5rem; } @media (max-width: 767.98px) { .block.filter .filter-content { position: fixed; visibility: hidden; } } @media (min-width: 768px) { .column.main .block.filter .filter-options-content { display: none; position: absolute; pointer-events: none; right: 0; } .column.main .block.filter .filter-options-content .item { display: block; padding: 0.25rem 0.5rem; } } .block.filter .filter-current li { display: flex; align-items: center; column-gap: 0.25rem; } .block.filter .filter-current li span { white-space: nowrap; } .block.filter .filter-current li span.filter-value { text-overflow: ellipsis; overflow: hidden; } .block.filter .filter-current li .filter-label::after { content: ':'; } .block.filter .filter-current li .action.remove { opacity: 0.3; } .block.filter .filter-value { opacity: 0.6; } .block.filter .filter-actions { margin: 0.375rem 0 0.75rem; opacity: 0.6; text-align: right; font-size: 0.875rem; line-height: 1.25rem; } .block.filter .filter-title::after { transform: none; display: none; } .block.filter .filter-title label { display: flex; align-items: center; gap: 0.25rem; } .block.filter .filter-content-close { display: none; } .block.filter .filter-current ~ .filter-options { margin-top: 0.75rem; } .block.filter .filter-subtitle { display: none; } .block.filter .filter-options-item { margin-bottom: 0.25rem; } .block.filter .filter-options-item:last-child { margin-bottom: 0; border: 0; } .block.filter .filter-options-title { font-weight: 500; padding: 0.25rem 0; } .block.filter .filter-options-title :first-child { margin-right: auto; } .block.filter .filter-options-title::after { opacity: 0.3; } .block.filter .filter-options-content > :first-child { margin: 0.5rem 0 0.75rem; } .block.filter dt { padding: 0.25rem 0; } .block.filter .content .count, .block.filter .filter-options .count { font-size: 0.875rem; line-height: 1.25rem; display: inline-flex; white-space: nowrap; font-weight: 300; color: rgba(var(--base-color), var(--muted-alpha, .6)); margin-left: 0.25rem; } .block.filter .content .count::before, .block.filter .filter-options .count::before { content: '('; } .block.filter .content .count::after, .block.filter .filter-options .count::after { content: ')'; } .block.filter .initially-active.active .filter-options-title::after { opacity: 0; } @media (min-width: 768px) { .column.main .block.filter { margin-bottom: 1rem; } .column.main .block.filter .filter-title { display: none; } .column.main .block.filter .filter-current { display: inline-flex; align-items: flex-start; gap: 0.75rem; margin-right: 0.5rem; } .column.main .block.filter .filter-current-subtitle { padding: 0.25rem 0; flex-shrink: 0; } .column.main .block.filter .filter-current-subtitle::after { content: ':'; } .column.main .block.filter .filter-current .items { display: flex; flex-wrap: wrap; gap: 0.5rem; } .column.main .block.filter .filter-current li { padding: 0.25rem 0.75rem; background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); border-radius: 24rem; } .column.main .block.filter .filter-current ~ .filter-options { margin-top: 0.25rem; } .column.main .block.filter .filter-actions { display: inline-flex; } .column.main .block.filter .filter-options { display: flex; flex-wrap: wrap; column-gap: 0.75rem; } .column.main .block.filter .filter-options-item { margin: 0; border: 0; position: relative; } .column.main .block.filter .filter-options a { display: block; } .column.main .block.filter .filter-options .item > a { flex-grow: 1; } .column.main .block.filter .filter-options-title::after { opacity: 0.3; } .column.main .block.filter .filter-options-content { display: block !important; height: auto; width: 13rem; right: auto; left: -9999px; margin-left: -6rem; } .column.main .block.filter .filter-options-content[aria-hidden=false] { left: 50%; } .column.main .block.filter .filter-options-content > :first-child { margin: 0; } } @media (max-width: 767.98px) { .block.filter .filter-title { border: 0; padding: 0.5rem 0.25rem 0.5rem 0; display: flex; align-items: center; gap: 0.25rem; } .block.filter .filter-title::before { content: ''; width: 1.5rem; height: 1.5rem; flex-shrink: 0; } .block.filter .filter-title[data-count]::after { font-size: 0.875rem; line-height: 1.25rem; margin-left: 0.125rem; content: attr(data-count); display: flex; align-items: center; justify-content: center; min-width: 1.25rem; min-height: 1.25rem; background: rgba(var(--danger-color), var(--danger-alpha, 1)); color: #fff; border-radius: 1.25rem; padding: 0 0.25rem; } .block.filter .filter-title[data-count="0"]::after { display: none; } .page-layout-1column .block.filter .filter-title, .sidebar .block.filter .filter-title { position: absolute; z-index: 10; top: 0; margin: 0; max-width: 9rem; white-space: nowrap; overflow: hidden; } .block.filter .filter-current-subtitle { display: block; padding: 0.25rem 0; } .block.filter .filter-content .item { padding: 0.125rem 0; } } @media (max-width: 767.98px) { .page-with-filter.page-title-in-content .columns { padding-top: 3.25rem; } .page-with-filter.page-title-in-content .toolbar:not(.toolbar ~ .toolbar) { position: absolute; top: 0; width: 100%; flex-wrap: nowrap; margin: 0; } } @media (max-width: 639.98px) { .page-with-filter.page-title-in-content .toolbar-amount { display: none; } } @media (max-width: 767.98px) { .page-with-filter .toolbar .modes { margin-left: 9rem; } } @media (max-width: 639.98px) { .page-with-filter .toolbar .sorter > label { display: none; } } @media (max-width: 479.98px) { .page-with-filter .toolbar .sorter { width: calc(100% - 9rem); } .page-with-filter .toolbar .modes { display: none; } } :root { --listing-grid-gap: 1rem; --listing-grid-row-gap: 1rem; --listing-grid-columns: 2; --listing-grid-item-padding: 0px; --listing-grid-item-margin: 0px; } @media (min-width: 640px) { :root { --listing-grid-columns: 3; } } @media (min-width: 1024px) { :root { --listing-grid-columns: 4; } } @media (min-width: 768px) { .page-layout-1column { --listing-grid-columns: 4; } } @media (min-width: 1024px) { .page-layout-1column { --listing-grid-columns: 5; } } @media (min-width: 1024px) { .page-layout-3columns { --listing-grid-columns: 3; } } .product-image-container { display: flex; align-items: center; justify-content: center; max-width: 100%; aspect-ratio: var(--image-container-aspect-ratio, none); width: var(--image-container-width, auto); overflow: hidden; } .product-image-container .product-image-wrapper { padding: 0 !important; width: 100%; } .product-item-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; } .actions-primary .stock { color: rgba(var(--base-color), var(--muted-alpha, .6)); white-space: nowrap; } .actions-secondary { display: flex; gap: 0.125rem; } .actions-secondary .action { padding: 0px; color: rgba(var(--base-color), var(--muted-alpha, .6)); background: transparent; border-radius: 0; } .actions-secondary .action::before { width: 2rem; height: 2rem; } .actions-secondary .action:focus-visible { z-index: 2; } .actions-secondary .action .loading-mask { border-radius: 0; } .product-items .product-item-photo { position: relative; } .product-items .product-item-info { position: relative; display: flex; gap: 0.5rem; } .product-items .product-item-details { flex: 1 1; display: flex; flex-direction: column; width: 100%; } .product-items .product-item-details .product-item-name, .product-items .product-item-details .price-box, .product-items .product-item-details .product-reviews-summary { margin-bottom: 0.25rem; } .sidebar .product-items .product-item-info .action.delete { position: absolute; right: 0.125rem; top: 0.125rem; } .sidebar .products-list .product-items .product-item + .product-item { margin-top: 0.75rem; } .sidebar .products-grid .product-items, .sidebar [data-appearance="carousel"] .product-items { --listing-grid-columns: 2; --listing-grid-gap: 0.5rem; --listing-grid-row-gap: 0.5rem; } .product-items.product-items-names .product-item { display: flex; align-items: center; gap: 0.5rem; } .product-items.product-items-names .product-item + .product-item { margin-top: 0.125rem; } .product-items.product-items-names strong { font-weight: normal; } .product-items.product-items-names .choice .control { display: flex; } .products-grid .product-items, [data-appearance="carousel"] .product-items { display: flex; flex-wrap: wrap; gap: var(--listing-grid-gap); row-gap: var(--listing-grid-row-gap); } .products-grid .product-items .product-item, [data-appearance="carousel"] .product-items .product-item { position: relative; margin: var(--listing-grid-item-margin); max-width: var(--listing-grid-item-max-width, 400px); width: calc((100% - var(--listing-grid-item-margin) * var(--listing-grid-columns) * 2 - var(--listing-grid-gap) * (var(--listing-grid-columns) - 1)) / var(--listing-grid-columns)); } @media (hover: hover) { .products-grid .product-items .product-item:hover, .products-grid .product-items .product-item:has(:focus-visible), [data-appearance="carousel"] .product-items .product-item:hover, [data-appearance="carousel"] .product-items .product-item:has(:focus-visible) { z-index: 10; overflow: visible; --listing-grid-item-margin: 0px; --listing-grid-item-padding: 0px; } } .products-grid .product-items .product-item-info, [data-appearance="carousel"] .product-items .product-item-info { height: 100%; width: 100%; flex-direction: column; padding: var(--listing-grid-item-padding); } @media (hover: hover) { .products-grid .product-items .product-item:hover .product-item-info, [data-appearance="carousel"] .product-items .product-item:hover .product-item-info { z-index: 10; background: rgba(var(--base-bg), var(--base-bg-alpha, 1)); } .products-grid .product-items .product-item:has(:focus-visible) .product-item-info, [data-appearance="carousel"] .product-items .product-item:has(:focus-visible) .product-item-info { z-index: 10; background: rgba(var(--base-bg), var(--base-bg-alpha, 1)); } } .products-grid .product-items .product-image-container, [data-appearance="carousel"] .product-items .product-image-container { width: 100%; } .products-grid .product-items .product-item-photo img, [data-appearance="carousel"] .product-items .product-item-photo img { width: 100%; } .products-grid .product-items .product-item-inner, [data-appearance="carousel"] .product-items .product-item-inner { padding-top: 0.25rem; display: flex; flex-direction: column; gap: 0.25rem; } @media (max-width: 479.98px) { .products-grid .product-items .product-reviews-summary:not(.no-rating) .action, [data-appearance="carousel"] .product-items .product-reviews-summary:not(.no-rating) .action { text-decoration: none; } .products-grid .product-items .product-reviews-summary:not(.no-rating) .action span, [data-appearance="carousel"] .product-items .product-reviews-summary:not(.no-rating) .action span { display: none; } } .products-list .product-items .product-item + .product-item { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } .sidebar .products-list .product-items .product-item + .product-item { border: 0; margin-top: 0.375rem; padding-top: 0.375rem; } .products-list .product-items .product-item-info { gap: 0.75rem; } .sidebar .products-list .product-items .product-item-info { gap: 0.5rem; } .products-list .product-items .product-item-info > :first-child { max-width: 28%; } .sidebar .products-list .product-items .product-item-info > :first-child { max-width: 35%; } .products-list .product-items .product-item-actions { margin: 0.25rem 0; } .products-list .product-items .product-item-description { margin-top: 0.5rem; } .dropdown .product-items .product-item-info { gap: 0.75rem; } .toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin: 0 0 1.25rem; } .toolbar.bottom { margin-top: 1.25rem; } .toolbar ~ .products { margin: 1.25rem 0; } .toolbar > .pager { display: contents; } .toolbar label, .toolbar .limiter-text { white-space: nowrap; } .toolbar select { max-width: 130px; } @media (min-width: 768px) { .toolbar select { max-width: 170px; } } .toolbar .sorter, .toolbar .limiter { display: flex; align-items: center; justify-content: flex-end; gap: 0.5rem; margin-left: auto; } .toolbar .sorter-action { color: rgba(var(--base-color), var(--muted-alpha, .6)); } .toolbar .sorter-action::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; } .toolbar .modes { display: flex; align-items: center; border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } .toolbar .modes a { color: rgba(var(--base-color), var(--muted-alpha, .6)); } .toolbar .mode-grid { border-right: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } .toolbar .mode-grid, .toolbar .mode-list { padding: 0.5rem; } .toolbar .mode-grid::before, .toolbar .mode-list::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; } @media (max-width: 639.98px) { .toolbar .modes ~ .toolbar-amount { order: 100; width: 100%; } } .toolbar .toolbar-amount + .pages { margin-left: auto; } .products-grid + .pager { margin: 1.25rem 0; } .pages { display: flex; align-items: center; } .pages .items { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; } .pages .items a, .pages .items .page { display: flex; align-items: center; justify-content: center; color: inherit; padding: 0.25rem 0.5rem; } .pages .items a:hover, .pages .items .page:hover { text-decoration: none; } .pages .items .current .page { background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); } .pages .action.previous, .pages .action.next { display: flex; align-items: center; color: rgba(var(--base-color), var(--muted-alpha, .6)); } .pages .action.previous::before, .pages .action.next::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; } .minicart-wrapper .action.showcart::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%; -webkit-mask-size: 1.5rem 1.5rem; } .minicart-wrapper { position: relative; } .minicart-wrapper .action.showcart { position: relative; } .minicart-wrapper .action.showcart::before { content: ''; flex-shrink: 0; display: block; width: 1.5rem; height: 1.5rem; } .minicart-wrapper .action.showcart .counter.qty.empty { opacity: 0; } .minicart-wrapper .action.showcart .counter.qty { position: absolute; top: 5px; right: 0; height: 0.625rem; width: 0.625rem; border-radius: 999px; background: rgba(var(--brand-color), var(--brand-alpha, 1)); } .minicart-wrapper .action.showcart .counter.qty span { display: none; } .minisearch .label::before, .minisearch .action.search::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%; -webkit-mask-size: 1.5rem 1.5rem; } @media (min-width: 640px) { .block-search { position: relative; } } .header .block-search .block-title { display: none; } .header .block-search .label::before { display: none; } @media (max-width: 639.98px) { .header .block-search .label::before { display: block; } } .minisearch { display: flex; align-items: center; justify-content: flex-end; } .minisearch .control { padding: 1rem; background: rgba(var(--base-bg), var(--base-bg-alpha, 1)); position: absolute; top: 100%; margin: 0 !important; left: -9999px; } @media (min-width: 640px) { .minisearch .control { background: transparent; position: static; display: block; padding: 0; } } .minisearch .control .input-text { padding-right: 2.25rem; text-overflow: ellipsis; min-width: 240px; } .minisearch .control .nested { display: none; position: absolute; top: 100%; font-size: 0.875rem; line-height: 1.25rem; } .minisearch .actions { display: none; position: absolute; top: calc(100% + 1.5rem); right: 1rem; } @media (min-width: 640px) { .minisearch .actions { display: flex; position: static; } } .minisearch .action.search { margin-left: -2rem; } @media (max-width: 639.98px) { .minisearch .action.search { display: none; } } .message:where(.warning, .success, .notice, .error, .info) { display: flex; align-items: flex-start; gap: 0.25rem; padding: 0.75rem 1rem; margin-bottom: 0.75rem; border: 1px solid transparent; } .message:where(.warning, .success, .notice, .error, .info)::before { flex-shrink: 0; content: ''; width: 1.5rem; height: 1.5rem; } .message > div, .message > span { margin-right: auto; } .message > div + .button-close, .message > span + .button-close { margin-left: 0; } div + .message, .control .message { margin-top: 0.5rem; } .message a { text-decoration: underline !important; } .old-price.map-old-price { text-decoration: none; } .product-info-price .old-price.map-old-price { display: inline-block; } .map-fallback-price { display: none; } .map-show-info { margin-right: 0.25rem; } @media (max-width: 1224px) { .navigation-wrapper { display: none; position: fixed; visibility: hidden; } .nav-open .navigation-wrapper, .nav-before-open .navigation-wrapper { display: block; } } :root { --navigation-media-mobile: (max-width: 1224px); } .nav-toggle { flex-shrink: 0; flex-grow: 0; display: flex; align-items: center; margin-right: -0.5rem; } .page-wrapper > .navigation-wrapper .navigation > ul, .page-header > .navigation-wrapper .navigation > ul { margin-left: -0.5rem; } @media (min-width: 640px) and (max-width: 1023.98px) { .header.content { flex-wrap: wrap; } .header.content > .navigation-wrapper { order: 9999; width: 100%; margin-bottom: -0.5rem; } .header.content > .navigation-wrapper .navigation > ul { margin-left: -0.5rem; } } .navigation { color: rgba(var(--base-color), var(--base-alpha, 1)); } @media (min-width: 640px) { .navigation .active > a.level-top, .navigation .has-active > a.level-top { --divider-alpha: 0.05; background: rgba(var(--base-color), var(--divider-alpha, .1)); } } .navigation li { position: relative; } .navigation .parent > a { padding-right: 1.5rem; } @media (min-width: 640px) { [data-action="toggle-nav"] { display: none; } .navigation > ul { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; gap: 0.5rem; } } .nav-toggle::after { content: ''; display: block; width: 1.5rem; height: 1.5rem; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%; -webkit-mask-size: 1.5rem 1.5rem; z-index: 39; width: 3rem; height: 3rem; } a[href*="&content=/bmlweb/ppwpsiw.html"] { display: none; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .payment-icon[src*="paypalobjects.com"] { width: 39px; } } .box-tocart .fieldset .actions > div.paypal-logo:not(.braintree-paypal-logo) { width: auto; } .page-wrapper { display: flex; flex-direction: column; min-height: 100vh; margin: 0 auto; } [data-content-type="tabs"] .tab-header { padding: 0.625rem 1rem; } [data-content-type="tabs"] .tabs-content > div { padding: 0.75rem 1rem; } .page-layout-cms-full-width .page-main { max-width: none; margin: 0; padding: 0; } body:not(.page-layout-cms-full-width) .main > [data-content-type="row"] [data-element="inner"], .modal-content [data-content-type="row"] [data-element="inner"] { padding: 0; margin: 0; max-width: none; } @media (max-width: 767.98px) { .pagebuilder-mobile-hidden { display: none; } } @media (min-width: 768px) { .pagebuilder-mobile-only { display: none; } } .highlight { font-weight: 500; } @media (min-width: 1280px) { .xl-bg-clamp [data-background-images] { background-size: clamp(0px, 1400px, 100%) !important; } .xl-bg-center [data-background-images] { background-position: center !important; } } [data-content-type="row"] [data-element="inner"] { padding-top: 0; padding-bottom: 0; } [data-content-type="row"] [data-element="inner"].narrow { --container-max-width: 768px; } form, button, [data-content-type="buttons"] { line-height: 1.5rem; } [data-content-type="buttons"] { display: flex; flex-wrap: wrap; gap: 1rem; } [data-content-type="buttons"][data-appearance="stacked"] { flex-direction: column; } [data-content-type="tabs"] .tabs-navigation { display: flex; } [data-content-type="tabs"] .tab-header > a { color: inherit; } [data-content-type="tabs"] .tab-header > a:hover { text-decoration: none; } [data-content-type="banner"] > a, [data-content-type="slider"] > a, [data-content-type="slide"] > a { outline-offset: -4px; } [data-content-type="banner"] a, [data-content-type="slider"] a { display: block; } [data-content-type="banner"] a:hover, [data-content-type="slider"] a:hover { text-decoration: none !important; } .v-middle .pagebuilder-banner-wrapper, .v-middle .pagebuilder-slide-wrapper { display: flex; align-items: center; } .pagebuilder-overlay { padding: 30px; position: relative; } .pagebuilder-overlay.pagebuilder-poster-overlay { align-items: center; display: flex; justify-content: center; text-align: center; } .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: 540px; width: 100%; } [data-appearance='collage-centered'] .pagebuilder-overlay { margin-left: auto; margin-right: auto; } [data-appearance='collage-right'] .pagebuilder-overlay { margin-left: auto; } .pagebuilder-poster-content { width: 100%; } .pagebuilder-banner-button { margin: 20px 0 0 0; } [data-enable-parallax="1"] { opacity: 0; transition: opacity linear 50ms 100ms; } [data-enable-parallax="1"].jarallax-ready { opacity: 1; } [data-enable-parallax="0"][data-video-src] .jarallax-container:not(:has(video[style*="translate3d"], iframe[style*="translate3d"])) { opacity: 0; } .pagebuilder-slide-wrapper, [data-content-type="slider"] a { height: 100%; } .slick-dots { list-style: none; margin: 0; width: 100%; display: flex; padding: 0.625rem 0; justify-content: center; gap: 0; } .slick-dots button { display: block; background: transparent; border: 0; padding: 0.25rem; border-radius: 50%; } .slick-dots button > span { text-indent: -9999px; display: block; border-radius: 50%; border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); background: #000; color: #fff; width: 1rem; height: 1rem; box-shadow: 0 0 0 1px #fff; } .slick-dots .slick-active button > span { background: #fff; color: #000; } .slick-arrow { position: absolute; z-index: 11; top: 50%; width: 35px; height: 60px; transform: translateY(-50%); --base-bg-alpha: 0.7; background-color: rgba(var(--base-bg), var(--base-bg-alpha, 1)); color: rgba(var(--base-color), var(--base-alpha, 1)); display: none; gap: 0; align-items: center; justify-content: center; font-size: 0 !important; line-height: 0 !important; padding: 0; border-radius: 0; } .slick-arrow .slick-initialized { display: flex; } .slick-arrow::before { content: ''; display: block; width: 35px; height: 60px; } .slick-arrow.slick-disabled { opacity: 0; pointer-events: none; } .slick-prev { left: 0; } .slick-next { right: 0; } @media (max-width: 767.98px) { [data-appearance="carousel"] .product-items .product-item-inner { margin-top: 0; } } .pagebuilder-column-group { display: flex; } .gap-0 > .pagebuilder-column-group, .gap-0 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-0 > .pagebuilder-column-line { gap: 0; } .gap-1 > .pagebuilder-column-group, .gap-1 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-1 > .pagebuilder-column-line { gap: 0.25rem; } .gap-2 > .pagebuilder-column-group, .gap-2 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-2 > .pagebuilder-column-line { gap: 0.5rem; } .gap > .pagebuilder-column-group, .gap > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap > .pagebuilder-column-line { gap: 0.5rem; } .gap-3 > .pagebuilder-column-group, .gap-3 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-3 > .pagebuilder-column-line { gap: 0.75rem; } .gap-4 > .pagebuilder-column-group, .gap-4 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-4 > .pagebuilder-column-line { gap: 1rem; } .gap-5 > .pagebuilder-column-group, .gap-5 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-5 > .pagebuilder-column-line { gap: 1.25rem; } .gap-6 > .pagebuilder-column-group, .gap-6 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-6 > .pagebuilder-column-line { gap: 1.5rem; } .gap-7 > .pagebuilder-column-group, .gap-7 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-7 > .pagebuilder-column-line { gap: 1.75rem; } .gap-8 > .pagebuilder-column-group, .gap-8 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-8 > .pagebuilder-column-line { gap: 2rem; } @media (max-width: 767.98px) { .pagebuilder-column-group, .pagebuilder-column-line { row-gap: 1rem; flex-wrap: wrap; } .pagebuilder-column { flex-basis: 100%; max-width: 100%; } } .price-box p { margin: 0; } .price-label, .price-box .label, .msrp-message { color: rgba(var(--base-color), var(--muted-alpha, .6)); font-size: 1rem; line-height: 1.5rem; } .price-box a { line-height: 1.5rem; font-size: 1rem; } .special-price { color: rgba(var(--danger-color), var(--danger-alpha, 1)); } .old-price { color: rgba(var(--base-color), var(--muted-alpha, .6)); display: inline-block; } .weee[data-label], .minimal-price-link, .price-excluding-tax, .price-including-tax { display: block; } .weee[data-label], .price-including-tax + .price-excluding-tax { font-size: 0.875rem; line-height: 1.5rem; } .weee[data-label]::before, .price-including-tax + .price-excluding-tax::before { content: attr(data-label) ': '; } .prices-tier .weee[data-label], .prices-tier .price-excluding-tax, .prices-tier .price-including-tax { display: inline-block; } .prices-tier .price-including-tax + .price-excluding-tax:before { content: '(' attr(data-label) ': '; } .prices-tier .weee[data-label]:before { content: '+' attr(data-label) ': '; } .prices-tier .weee[data-label]:last-child:after { content: ')'; } .product-info-wrapper { display: grid; grid-template-rows: auto 1fr; grid-template-columns: 1fr; grid-template-areas: "title" "media" "main"; gap: 1rem; margin-bottom: 1rem; } .product-info-wrapper .page-title-wrapper { grid-area: title; margin-bottom: 0; } @media (max-width: 767.98px) { .product-info-wrapper .page-title-wrapper { --animation-order: 0 !important; } } @media (min-width: 768px) { .product-info-wrapper .page-title-wrapper { margin-bottom: 0.125rem; } } .product-info-wrapper .page-title-wrapper h1 { margin: 0; } .product-info-wrapper .product-info-main { grid-area: main; } @media (max-width: 767.98px) { .product-info-wrapper .product-info-main { display: contents; } } .product-info-wrapper .product.media { grid-area: media; } @media (min-width: 768px) { .product-info-wrapper { row-gap: 0; grid-template-columns: 1fr 1fr; grid-template-areas: "media main" "media main"; } } .product-info-main { display: flex; flex-direction: column; gap: 0.5rem; } .product-info-price { display: flex; flex-direction: column; gap: 0.5rem; } .product-info-price .price-box { font-size: 1.5rem; line-height: 2rem; } .prices-tier { margin: 0.5rem 0; max-width: 400px; } .prices-tier li + li { margin-top: 0.5rem; } .product-info-stock-sku { display: flex; align-items: center; gap: 0.5rem; } .product-info-stock-sku .stock { --stock-bg: var(--blue-muted); --stock-color: var(--blue); background: rgb(var(--stock-bg)); color: rgb(var(--stock-color)); padding: 0.125rem 0.5rem; } .product-info-stock-sku .stock.available { --stock-bg: var(--green-muted); --stock-color: var(--green); } .product-info-stock-sku .stock.unavailable { --stock-bg: var(--red-muted); --stock-color: var(--red); } .product-info-stock-sku .sku { display: flex; align-items: center; gap: 0.25rem; } .product-info-main .configurable-variation-qty { display: none; } .product-info-wrapper .product-add-form { margin: 0.5rem 0; } .product-info-wrapper .product-add-form form > div + div { margin-top: 0.5rem; } .product-info-wrapper .product-add-form .product-options-wrapper { margin: 0 0 0.5rem; } .product-info-wrapper .product-add-form .product-options-wrapper .label { font-weight: 500; } .product-info-wrapper .product-add-form .product-options-wrapper .label ~ .control { margin-top: 0.25rem; } .product-info-wrapper .product-add-form .product-options-wrapper .field { margin-top: 0; margin-bottom: 0.375rem; } .product-info-wrapper .product-add-form .product-options-wrapper .field:last-child { margin-bottom: 0; } .product-info-wrapper .product-add-form .product-options-wrapper .field .field { margin-bottom: 0.25rem; } .product-info-wrapper .product-add-form .product-options-wrapper .field .field:last-child { margin-bottom: 0; } .product-info-wrapper .product-add-form .product-options-wrapper .swatch-opt + .field { margin-top: 0.375rem; } .product-info-wrapper .product-add-form .product-options-bottom { margin: 1.25rem 0 0; } .box-tocart .fieldset { display: flex; align-items: flex-start; gap: 0.5rem; } .box-tocart .fieldset .field.qty { margin: 0; flex-shrink: 0; display: flex; align-items: center; gap: 0.5rem; } .box-tocart .fieldset .field.qty .control { margin: 0; } .box-tocart .fieldset .actions { display: flex; flex-wrap: wrap; flex-grow: 1; align-items: center; gap: 0.5rem; } .box-tocart .fieldset .actions > div { width: 100%; max-width: 400px; z-index: 10; } .field.qty > .control, .input-text.qty { max-width: 4rem; } .product-addto-links, .product-social-links { display: flex; align-items: center; flex-wrap: wrap; column-gap: 0.75rem; row-gap: 0.5rem; margin: 0.5rem 0; } .product-addto-links button, .product-social-links button { gap: 0; padding: 0; background: transparent; } .product-addto-links a.action, .product-social-links a.action, .product-addto-links button.action, .product-social-links button.action { color: rgba(var(--base-color), var(--muted-alpha, .6)); border-radius: 0; } .product-addto-links a.action:hover, .product-social-links a.action:hover, .product-addto-links button.action:hover, .product-social-links button.action:hover { text-decoration: underline; } .product-social-links .product-addto-links { margin: 0; } .product.info.detailed { clear: both; } @media (min-width: 768px) { .product.info.detailed { margin: 1rem 0; } } @media (min-width: 768px) { .product.info #reviews::after { content: ''; display: table; clear: both; } .product.info .review-add + .review-list, .product.info #product-review-container { float: right; width: 55%; } .product.info .review-add { float: left; width: 42%; } } .block.related .product-item:first-child { display: block !important; } .field.downloads .price-container:before { content: ' + '; display: inline; } .downloads-all [type="checkbox"] { display: none; } .downloads-all .label { cursor: pointer; } @media (min-width: 768px) { .bundle-options-container { margin: 1rem 0; } } .bundle-options-container .product-options-wrapper { border: 0; padding: 0; } .bundle-options-container .product-add-form { display: none; } @media (min-width: 768px) { .page-bottom .widget-recent { --listing-grid-columns: 4; } } @media (min-width: 1024px) { .page-bottom .widget-recent { --listing-grid-columns: 5; } } .product-reviews-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; text-align: left; } .rating-result { position: relative; width: 6.25rem; height: 1.5rem; } .rating-result::before { opacity: 0.2; } .rating-result > span { position: relative; display: block; } .rating-result::before, .rating-result > span::before { position: absolute; content: ''; width: 100%; height: 1.5rem; } .reviews-actions { display: flex; align-items: center; gap: 0.5rem; } .reviews-actions a { font-size: 0.875rem; line-height: 1.25rem; } .review-add .review-legend { display: none; } .review-field-ratings { margin: 0; } .review-field-ratings legend { display: none !important; } .review-field-rating > .label { min-width: 80px; } .review-control-vote { color: rgba(var(--base-color), var(--divider-alpha, .1)); height: 1.5rem; width: 7.5rem; } .review-control-vote::before { content: ''; position: absolute; inset: 0; } .review-control-vote label { position: absolute; opacity: 0; } .review-list .limiter, .review-list .toolbar:first-child { display: none; } .review-list .review-items { display: flex; flex-direction: column; gap: 2rem; } .review-list .review-item { display: flex; flex-direction: column; gap: 0.5rem; } .review-list .review-title { font-weight: 500; } .review-list .review-ratings { order: -1; } .review-list .review-content { margin: 0 0 0.25rem; } .review-list .review-details { display: flex; align-items: baseline; gap: 0.25rem; opacity: 0.6; } .review-list .review-date { font-size: 0.875rem; line-height: 1.25rem; } .search-suggestions { display: flex; gap: 1rem; margin-bottom: 1rem; } @media (max-width: 639.98px) { .search-suggestions { flex-direction: column; } } .search-suggestions .block { min-width: 180px; } .search-suggestions .block + .block { margin: 0; } .search-terms { display: flex; flex-wrap: wrap; gap: 1rem; } .search.found { margin-bottom: 0.25rem; } .search.summary { margin-bottom: 0.5rem; } [class*="swatch-opt"]:has(.swatch-attribute:not(.breeze-placeholder)) .swatch-attribute.breeze-placeholder { display: none; } .swatch-attribute { margin-bottom: 0.375rem; min-height: 4rem; } .swatch-attribute:last-child { margin: 0; } .product-item .swatch-attribute { margin-bottom: 0.25rem; min-height: 2rem; } .product-item .swatch-attribute:last-child { margin: 0; } .swatch-attribute-label { font-weight: 500; margin-right: 0.25rem; } .swatch-attribute-label ~ .swatch-attribute-options { margin-top: 0.25rem; } .swatch-attribute-options { display: flex; flex-wrap: wrap; gap: 0.375rem; } .product-item .swatch-attribute-options { gap: 0.25rem; } .swatch-option { font-size: 0.75rem; color: rgba(var(--base-color), var(--muted-alpha, .6)); background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); display: flex; align-items: center; justify-content: center; cursor: pointer; min-width: 2rem; height: 2rem; padding: 0 0.25rem; position: relative; margin: 0; } .swatch-option::before { content: ''; position: absolute; box-shadow: 0 0 0 1px inset rgba(var(--base-color), var(--divider-alpha, .1)); top: 0; bottom: 0; left: 0; right: 0; } .product-item .swatch-option { font-size: 0.75rem; font-weight: 400; min-width: 2rem; height: 2rem; } input.swatch-input { position: absolute; visibility: hidden; top: -9999px; left: -9999px; } .actions-primary input.swatch-input { display: none; } .product-item [class^="swatch-opt-"] { margin: 0 0 0.125rem; } .form.form-orders-search .action.primary, .form.search.advanced .action.primary, .form.password.forget .action.primary, .form.password.reset .action.primary, .form.send.confirmation .action.primary, .form-create-account .action.primary { width: 100%; } .login-container { max-width: none; } .login-container .block > .block-title { padding: 0.5rem 0; } .column.main .form.contact .action.primary { width: 100%; } :where(body:not(.narrow-page-reset)) .checkout-success .actions-toolbar, .form.form-orders-search .actions-toolbar, .form-create-account .actions-toolbar { justify-content: center; } .catalogsearch-advanced-index .page.messages, .customer-account-forgotpassword .page.messages, .customer-account-create .page.messages { max-width: 620px; margin: 0 auto; } :where(body:not(.narrow-page-reset)) .checkout-success, :where(body:not(.narrow-page-reset)) .checkout-success + #registration { text-align: center; } .checkout-cart-index .column.main .block .title { padding: 1rem; background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); } .checkout-cart-index .column.main .block:not(.crosssell) .content { padding: 1rem; } .checkout-cart-index .column.main .block .products-grid { margin-top: max(2 * var(--listing-grid-item-margin), -2 * var(--listing-grid-item-margin)); } :where(.table-totals, .table.totals) a { display: inline-block; } :where(.table-totals, .table.totals) button { padding: 0 0.375rem; border: 0; } :where(.table-totals, .table.totals) .amount { text-align: right; } :where(.table-totals, .table.totals) [class^="totals-tax"], :where(.table-totals, .table.totals) .totals:not(.grand) { color: rgba(var(--base-color), var(--muted-alpha, .6)); border: 0; } :where(.table-totals, .table.totals) [class^="totals-tax"] th, :where(.table-totals, .table.totals) .totals:not(.grand) th, :where(.table-totals, .table.totals) [class^="totals-tax"] td, :where(.table-totals, .table.totals) .totals:not(.grand) td { font-weight: 400; padding-top: 0.25rem; padding-bottom: 0.25rem; } :where(.table-totals, .table.totals) .totals-tax-details { display: none; } :where(.table-totals, .table.totals) .totals-tax-details.shown { display: table-row; } :where(.table-totals, .table.totals) .totals-tax-summary .amount .price { display: inline-flex; } :where(.table-totals, .table.totals) .totals-tax-summary .amount .price::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; } :where(.table-totals, .table.totals) .grand.totals { font-size: 1.25rem; line-height: 1.75rem; } .cart-container { display: flex; flex-direction: column; margin-bottom: 1rem; row-gap: 2rem; } @media (max-width: 767.98px) { .cart-container { row-gap: 1rem; } } @media (min-width: 768px) { .cart-container { --sidebar-width: 220px; flex-wrap: wrap; flex-direction: row; align-items: flex-start; } .checkout-cart-index .cart-container > * { width: calc(100% - var(--sidebar-width)); padding-right: 2%; } } @media (min-width: 1024px) { .cart-container { --sidebar-width: 420px; } } .cart-container .form-cart { order: -2; } @media (max-width: 767.98px) { .cart-container #gift-options-cart { order: -1; } } .cart-container .gift-wrapping .gift-options-content { margin: 0.5rem 0 0.75rem; } .cart-container .gift-wrapping .gift-printed-card { margin-top: 0.25rem; } .cart-container .gift-summary .price-box, .cart-container .gift-options .price-box { margin-left: 1.25rem; } .cart-container .cart.actions { padding-top: 0.75rem; justify-content: flex-end; border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } .cart-container .cart.actions .continue { display: none; } .cart-container .cart-summary { padding: 0; display: flex; flex-direction: column; gap: 1rem; } @media (min-width: 768px) { .cart-container .cart-summary { position: sticky; top: 1rem; width: var(--sidebar-width); } } .cart-container .cart-summary > .block ~ div { margin: 0; } .cart-container .discount .content, .cart-container .shipping .content { display: none; } .cart-container .cart-totals { padding: 0 1rem; } .cart-container .col.subtotal { text-align: right; padding-right: 0.25rem; } .cart-container .checkout-methods-items { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem; } .cart-container .checkout-methods-items li { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; } .cart-container .checkout-methods-items li > div { width: 100%; } .cart-container .checkout-methods-items li:first-child { width: 100%; } .cart-container .checkout-methods-items .primary { font-size: 1.25rem; line-height: 1.75rem; font-weight: 500; padding: 0.75rem 2.5rem; width: 100%; } .cart-container .checkout-methods-items .multicheckout { display: none; } .cart.table-wrapper .item-info { border: 0; } .cart.table-wrapper .item-actions td { padding-top: 0; } .cart.table-wrapper .product-item-photo { float: left; max-width: 40%; } .cart.table-wrapper .product-item-details { float: left; max-width: calc(60% - 0.75rem); margin-left: 0.75rem; } .cart.table-wrapper .product-item-name { font-size: 1.125rem; line-height: 1.75rem; display: block; margin-bottom: 0.5rem; } .cart.table-wrapper .control.qty input.qty { padding: 0 0 0 0.25rem; border: 0; font-size: 1rem; line-height: 1.5rem; width: 2.5rem; border-color: transparent; } .cart.table-wrapper .actions-toolbar { margin: 0 0.25rem; align-items: flex-start; justify-content: flex-end; } .cart.table-wrapper .action::before { width: 1.5rem; height: 1.5rem; } .cart.table-wrapper .action-edit, .cart.table-wrapper .action-delete, .cart.table-wrapper .action-towishlist { color: rgba(var(--base-color), var(--muted-alpha, .6)); } .cart.table-wrapper .action-edit::before, .cart.table-wrapper .action-delete::before, .cart.table-wrapper .action-towishlist::before { content: ''; display: block; } .cart.table-wrapper .action-gift { gap: 0; } .cart.table-wrapper .action-gift::after { content: ''; display: block; width: 1.5rem; height: 1.5rem; } .cart.table-wrapper .gift-options-cart-item { margin-right: auto; } .cart.table-wrapper .gift-content { display: none; max-width: 100%; margin: 0.5rem 0 0; } @media (min-width: 768px) { .cart.table-wrapper .gift-content { width: 420px; } } .cart.table-wrapper .gift-content._active { display: block; } .cart.table-wrapper .gift-content .actions-toolbar { margin: 0.5rem 0; justify-content: flex-start; } .cart.table-wrapper .gift-options-title { margin: 0.5rem 0; } .cart.table-wrapper .item-options, .cart.table-wrapper .message { margin: 0.5rem 0; } .cart-tax-total { display: inline-flex; gap: 0.125rem; align-items: center; } .cart-tax-total::after { content: ''; display: block; width: 0.75rem; height: 0.75rem; transform: rotate(90deg); } .checkout-onepage-success #registration br { display: none; } .checkout-success { margin-bottom: 15px; } .page-narrow .checkout-success { text-align: center; } .page-narrow .checkout-success .actions-toolbar { margin-top: 2.5rem; justify-content: center; } @media (max-width: 767.98px) { .account .page-main .columns { padding-top: 3.5rem; } } .customer-account-logoutsuccess.narrow-page .column.main { text-align: center; } .login-container .actions-toolbar { margin: 1.25rem 0; } .login-container > .block { padding: 0; } @media (min-width: 768px) { .login-container { display: flex; gap: 3rem; flex-direction: row; } .login-container > .block { flex-grow: 1; flex-basis: 0; margin: 0 !important; } } @media (min-width: 1024px) { .customer-account-login.narrow-page.page-layout-1column .page-main .columns { max-width: 1024px; } } @media (min-width: 768px) { .form-edit-account > .fieldset, .form-address-edit > .fieldset { float: left; width: 48%; max-width: 420px; margin-right: 2%; } } .form-address-edit .region_id { display: none; } .form-address-edit .field ~ .message .button-close { display: none; } .form-edit-account .fieldset.password:not([style]) { display: none; } .form-edit-account .fieldset.info { display: block; } .form-edit-account .fieldset.additional_info { display: block; clear: both; } [data-role="password-strength-meter"] { display: none; } .form-wishlist-items div:empty, .form-wishlist-items .product-reviews-summary { display: none; } .form-wishlist-items .box-tocart { border: 0; padding: 0; } .page-title-wrapper .order-status { display: inline-block; border: 2px solid rgba(var(--base-color), var(--divider-alpha, .1)); padding: 0.375rem 0.75rem; } .page-title-wrapper .order-status + .order-date { margin-left: 0.5rem; } .page-title-wrapper .order-date { display: inline-block; margin: 0; } .order-links { display: flex; margin-bottom: 0.5rem; gap: 0.25rem; } .order-links > .item { padding: 0.5rem 0.75rem; background-color: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); } .order-links > .item.current { --divider-alpha: 0.2; } .order-details-items { margin: 0.5rem 0; } .order-links ~ .order-details-items .order-title { display: none; } @media (min-width: 768px) { .order-details-items .order-title { display: none; } } .order-details-items dl.item-options { margin-top: 0.5rem; } .order-details-items tbody tr:not(:last-child) { border-bottom: 0; } .order-details-items tbody tr + tr td:first-child { padding-left: 1rem; } .order-details-items tbody tr + tr:not(:last-child) td { padding-top: 0.25rem; padding-bottom: 0.25rem; } @media (max-width: 767.98px) { .order-details-items .table-wrapper { padding: false; } .order-links ~ .order-details-items .table-wrapper { padding: 0; } } .paypal-review { max-width: none; } .paypal-review .block-order-details-view .block-content { display: flex; justify-content: space-between; flex-direction: column; gap: 1.5rem; } .paypal-review .block-order-details-view .block-content .box { margin: 0; } @media (min-width: 640px) { .paypal-review .block-order-details-view .block-content { flex-direction: row; } } .paypal-review .box-order-billing-address img[src*="paypalobjects.com"] { width: 39px; } .paypal-review-discount, .paypal-review-items { margin: 1rem 0; } .paypal-review .discount .title { font-size: 1rem; line-height: 1.5rem; border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); border-width: 1px 0; margin-bottom: 1rem; } .paypal-review .discount .title strong { font-weight: 400; } .paypal-review .paypal-review-title a { font-size: 0.875rem; line-height: 1.25rem; margin-left: 0.5rem; } .paypal-review .cart.items tfoot .mark ~ td { text-align: right; } .paypal-review .actions-toolbar { justify-content: flex-end; } .privacy-policy { --sidebar-width: 250px; display: grid; grid-template-rows: auto 1fr; grid-template-columns: 1fr; grid-template-areas: "sidebar" "main"; gap: 1rem; row-gap: 1rem; } @media (min-width: 768px) { .privacy-policy { grid-template-columns: var(--sidebar-width) 1fr; grid-template-areas: "sidebar main"; } } .privacy-policy > .privacy-policy-content { grid-area: main; } .privacy-policy > .block-collapsible-nav { grid-area: sidebar; } .page-print .logo { display: inline-block; margin-bottom: 0.5cm; } @media print { @page { size: auto; margin: 0; } body { margin: 1cm; min-height: auto; } a { --link-color: 0, 0, 0; } .page-header, .page-footer { display: none; } .page-wrapper { min-height: 0; } .page-main { padding: 0; margin: 0; } [data-action="toggle-nav"] { display: none; } .hidden-print { display: none !important; } } @media all and (min-width: 768px), print { .breeze-gallery .images { overflow: visible; flex-wrap: wrap; } .breeze-gallery .images .item { width: calc((100% - (var(--gallery-columns-gap) * var(--gallery-columns-count) - var(--gallery-columns-gap))) / var(--gallery-columns-count)); } } @media all and (min-width: 1024px), print { .breeze-gallery.vertical:not(.opened) { flex-direction: row; align-items: flex-start; justify-content: flex-end; --gallery-thumbs-direction: column; } .breeze-gallery.vertical:not(.opened) .thumbnails { flex-wrap: nowrap; order: -1; max-height: 550px; margin: 0 5px 0 0; padding-right: 5px; padding-bottom: 0; overflow-y: overlay; } .breeze-gallery.vertical:not(.opened) .thumbnails .slick-arrow { transform: translateX(calc(-50% - 5px / 2)); height: 40px; width: 80px; } .breeze-gallery.vertical:not(.opened) .thumbnails .slick-prev { top: 0; left: 50%; } .breeze-gallery.vertical:not(.opened) .thumbnails .slick-prev::before { transform: rotate(-90deg); } .breeze-gallery.vertical:not(.opened) .thumbnails .slick-next { bottom: 0; top: auto; left: 50%; right: auto; } .breeze-gallery.vertical:not(.opened) .thumbnails .slick-next::before { transform: rotate(90deg); } } :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: #6ea8fe; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6ea8fe; --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110, 168, 254; --bs-link-hover-color-rgb: 139, 185, 254; --bs-code-color: #e685b5; --bs-highlight-color: #dee2e6; --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: #75b798; --bs-form-valid-border-color: #75b798; --bs-form-invalid-color: #ea868f; --bs-form-invalid-border-color: #ea868f; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { width: 100%; margin: 19px 0 25px!important; color: inherit; border: 0; border-top: #d3d3d3 solid 2px; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { font-size: 20px; margin-top: 0; margin-bottom: 20px; } .sage-wrapper ul { font-size: 20px; line-height: 28px; padding-left: 20px; } .sage-wrapper ul li { margin-bottom: 30px; padding-left: 5px; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } .rendered-form label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { appearance: button; -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; line-height: 1.6; } textarea { line-height: 1.4; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { appearance: textfield; -webkit-appearance: textfield; outline-offset: -2px; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-file-upload-button { font: inherit; appearance: button; -webkit-appearance: button; } ::file-selector-button { font: inherit; appearance: button; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--bs-secondary-color); } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .breadcrumbs ul, .page-main, .footer.content, .message.global .content, .header.panel, .header.content, .page-wrapper > .navigation-wrapper .navigation, .page-header > .navigation-wrapper .navigation, .page-layout-cms-full-width main .page-title-wrapper .page-title, [data-content-type="row"] [data-element="inner"] { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container, .breadcrumbs ul, .page-main, .footer.content, .message.global .content, .header.panel, .header.content, .page-wrapper > .navigation-wrapper .navigation, .page-header > .navigation-wrapper .navigation, .page-layout-cms-full-width main .page-title-wrapper .page-title, [data-content-type="row"] [data-element="inner"] { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container, .breadcrumbs ul, .page-main, .footer.content, .message.global .content, .header.panel, .header.content, .page-wrapper > .navigation-wrapper .navigation, .page-header > .navigation-wrapper .navigation, .page-layout-cms-full-width main .page-title-wrapper .page-title, [data-content-type="row"] [data-element="inner"] { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container, .breadcrumbs ul, .page-main, .footer.content, .message.global .content, .header.panel, .header.content, .page-wrapper > .navigation-wrapper .navigation, .page-header > .navigation-wrapper .navigation, .page-layout-cms-full-width main .page-title-wrapper .page-title, [data-content-type="row"] [data-element="inner"] { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container, .breadcrumbs ul, .page-main, .footer.content, .message.global .content, .header.panel, .header.content, .page-wrapper > .navigation-wrapper .navigation, .page-header > .navigation-wrapper .navigation, .page-layout-cms-full-width main .page-title-wrapper .page-title, [data-content-type="row"] [data-element="inner"] { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .breadcrumbs ul, .page-main, .footer.content, .message.global .content, .header.panel, .header.content, .page-wrapper > .navigation-wrapper .navigation, .page-header > .navigation-wrapper .navigation, .page-layout-cms-full-width main .page-title-wrapper .page-title, [data-content-type="row"] [data-element="inner"] { max-width: 1320px; } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .homepage-cards .row > * { padding: calc(var(--bs-gutter-x) * 0.5) !important; } .homepage-cards .card.card-full { padding-top: calc(var(--bs-gutter-x) * 0.5) !important; padding-bottom: calc(var(--bs-gutter-x) * 0.5) !important; } .homepage-cards .card { margin-top: 0; } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid currentcolor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; } .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg); } .table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); } .table-primary { --bs-table-color: #000; --bs-table-bg: #cfe2ff; --bs-table-border-color: #a6b5cc; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { --bs-table-color: #000; --bs-table-bg: #e2e3e5; --bs-table-border-color: #b5b6b7; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { --bs-table-color: #000; --bs-table-bg: #d1e7dd; --bs-table-border-color: #a7b9b1; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #a6c3ca; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { --bs-table-color: #000; --bs-table-bg: #fff3cd; --bs-table-border-color: #ccc2a4; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { --bs-table-color: #000; --bs-table-bg: #f8d7da; --bs-table-border-color: #c6acae; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: #c6c7c8; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; --bs-table-border-color: #4d5154; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } label { padding-top: calc(0.375rem + var(--bs-border-width)); padding-bottom: calc(0.375rem + var(--bs-border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .rendered-form label, .form.search.advanced label { margin-bottom: 0; font-weight: bold; font-size: 18px; color: #434343; padding-top: calc(0.375rem + var(--bs-border-width)); padding-bottom: calc(0.375rem + var(--bs-border-width)); } .form.search.advanced { box-shadow: none; border: none; padding: calc(var(--bs-gutter-x) * 0.5); } .catalogsearch-advanced-index .page-title { text-transform: uppercase; font-size: 40px; font-weight: bold; margin-bottom: 50px; text-align: center; } .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); } .rendered-form input.form-control, .rendered-form .form-control, .form.search.advanced input { display: block; width: 100%; font-size: 16px; font-weight: normal; line-height: 1; color: #4B4B4B; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin: 11px 0 19px; border-radius: 29px; border: solid 2px #eeeff3; background-color: #f9f8fd; padding: 21px 32px 18px 32px; line-height: 1!important; } .form.search.advanced fieldset { margin-bottom: 0; } @media (prefers-reduced-motion: reduce) { .rendered-form .form-control { transition: none; } } .rendered-form .form-control[type=file] { overflow: hidden; } .rendered-form .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .rendered-form .form-control:focus, .form.search.advanced input:focus, .form.search.advanced select:focus { color: #4B4B4B; background-color: #DFEEFC; border-color: #A4A3A8; outline: 0; box-shadow: none; } .rendered-form .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0; } .rendered-form .form-control::-webkit-datetime-edit { display: block; padding: 0; } .rendered-form .form-control::-moz-placeholder { color: #a4a3a8; opacity: 1; } .rendered-formv .form-control::placeholder { color: #a4a3a8; opacity: 1; } .rendered-form .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .rendered-form .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .rendered-form .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .rendered-form .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } .rendered-form .form-control::file-selector-button { transition: none; } } .rendered-form .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--bs-secondary-bg); } .rendered-form .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } .rendered-form .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: var(--bs-body-color); background-color: transparent; border: solid transparent; border-width: var(--bs-border-width) 0; } .rendered-form .form-control-plaintext:focus { outline: 0; } .rendered-form .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .rendered-form .form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .rendered-form .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .rendered-form .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .rendered-form textarea.form-control { min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); height: 220px; } .rendered-form textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); } .rendered-form textarea.form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); } .rendered-form .form-control-color { width: 3rem; height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color.form-control-sm { height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); } .rendered-form select.form-control, .form.search.advanced select { cursor: pointer; display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 16px; font-weight: normal; line-height: 1.5; color: #4B4B4B; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: right 20px center; background-size: 16px 12px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin: 11px 0 19px 0; padding: 20px 31.2px 19px 32px; border-radius: 29px; border: solid 2px #eeeff3; background-color: #f9f8fd; } .rendered-form .form-select option:first-of-type { color: #a4a3a8; } @media (prefers-reduced-motion: reduce) { .rendered-form .form-select { transition: none; } } .rendered-form .form-select:focus { outline: 0; border: solid 2px #A4A3A8; background-color: #DFEEFC; } .rendered-form .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: var(--bs-secondary-bg); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } [data-bs-theme=dark] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .rendered-form .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .rendered-form .form-check .form-check-input { float: left; margin-left: -1.5em; } .rendered-form .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .rendered-form [type=radio], .rendered-form .form-check-input { --bs-form-check-bg: var(--bs-body-bg); flex-shrink: 0; width: 20px; height: 20px; margin-top: 2px; margin-right: 10px; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #f9f8fd; background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: 2px solid #dddddd; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-check-input[type=checkbox], .amform-checkbox[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input_checkbox:checked, .amform-checkbox:checked, .form-check-input:checked, [type=checkbox]:checked:focus-visible, [type=checkbox]:checked:hover { background-color: #4781e5; border-color: #4781e5; } .form-check-inline { margin-left: calc(var(--bs-gutter-x)*0.5); } .form-check-input:checked[type=radio], [type=radio]:checked, .form-check-input:checked, [type=checkbox]:checked:focus-visible, [type=checkbox]:checked:hover { background-color: white; border-color: #4781e5; --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%234781e5'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate, [type=checkbox]:indeterminate { background-color: #4781e5; border-color: #4781e5; --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5; } .rendered-form .form-switch { padding-left: 2.5em; } .rendered-form .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; } [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .form-range { width: 100%; height: 1.5rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; -webkit-appearance: none; appearance: none; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; -moz-appearance: none; appearance: none; background-color: #0d6efd; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color); } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 1rem 0.75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } .form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { color: transparent; } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } .form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; } .form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { color: #6c757d; } .form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after { background-color: var(--bs-secondary-bg); } .rendered-form .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .rendered-form .input-group > .form-control, .rendered-form .input-group > .form-select, .rendered-form .input-group > .form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .rendered-form .input-group > .form-control:focus, .rendered-form .input-group > .form-select:focus, .rendered-form .input-group > .form-floating:focus-within { z-index: 5; } .rendered-form .input-group .btn { position: relative; z-index: 2; } .rendered-form .input-group .btn:focus { z-index: 5; } .rendered-form .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(var(--bs-border-width) * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rendered-form .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); } .rendered-form .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: var(--bs-form-valid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--bs-form-valid-color); } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--bs-form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .rendered-form .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .rendered-form .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: var(--bs-form-invalid-color); } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--bs-form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px ~"rgba(0, 0, 0, 0.075)"; --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked:focus-visible + .btn { box-shadow: var(--bs-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d; } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #157347; --bs-btn-hover-border-color: #146c43; --bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-active-color: #fff; --bs-btn-active-bg: #146c43; --bs-btn-active-border-color: #13653f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #198754; --bs-btn-disabled-border-color: #198754; } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0; } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545; } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529; } .btn-outline-primary { --bs-btn-color: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0d6efd; --bs-btn-hover-border-color: #0d6efd; --bs-btn-focus-shadow-rgb: 13, 110, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0d6efd; --bs-btn-active-border-color: #0d6efd; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0d6efd; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0d6efd; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108, 117, 125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #198754; --bs-btn-hover-border-color: #198754; --bs-btn-focus-shadow-rgb: 25, 135, 84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #198754; --bs-btn-active-border-color: #198754; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #198754; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #198754; --bs-gradient: none; } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13, 202, 240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none; } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none; } .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none; } .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248, 249, 250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none; } .btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33, 37, 41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --bs-gradient: none; } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 49, 132, 253; text-decoration: underline; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: var(--bs-border-radius-lg); } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:hover, .dropdown-item:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: var(--bs-border-radius); } .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-left: calc(var(--bs-border-width) * -1); } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: calc(var(--bs-border-width) * -1); } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: none; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #0d6efd; } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--bs-nav-underline-border-width) solid transparent; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--bs-navbar-active-color); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark, .navbar[data-bs-theme=dark] { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme=dark] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); color: var(--bs-body-color); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-body picture { display: flex; height: 100%; } .card-body picture img, .card-body picture img { object-fit: cover; } .card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color); } .card-subtitle { margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; color: var(--bs-card-subtitle-color); } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); } .card-header-pills { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush > .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush > .accordion-item:first-child { border-top: 0; } .accordion-flush > .accordion-item:last-child { border-bottom: 0; } .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0; } .accordion-flush > .accordion-item > .accordion-collapse { border-radius: 0; } [data-bs-theme=dark] .accordion-button::after { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); } .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd; --bs-pagination-active-border-color: #0d6efd; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); } .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0; box-shadow: var(--bs-pagination-focus-box-shadow); } .page-link.active, .active > .page-link { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); } .page-link.disabled, .disabled > .page-link { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { margin-left: calc(var(--bs-border-width) * -1); } .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); } .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); } .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.25rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: var(--bs-border-radius); display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--bs-alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis); } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis); } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis); } .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis); } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis); } .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis); } .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis); } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress, .progress-stacked { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #0d6efd; --bs-progress-bar-transition: width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height); } .progress-stacked > .progress { overflow: visible; } .progress-stacked > .progress > .progress-bar { width: 100%; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0d6efd; --bs-list-group-active-border-color: #0d6efd; display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius); } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); } .list-group-item-action:active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); } .list-group-item, .category-item, .navpro.navpro .li-item { position: relative; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); flex-grow: 1; text-align: center; display: block; } .list-group-item:first-child, .category-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child, .category-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled, .category-item.disabled, .category-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 var(--bs-list-group-border-width); } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); } .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); } .list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis); } .list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis); } .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); } .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); } .list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis); } .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat; border: 0; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { filter: var(--bs-btn-close-white-filter); } [data-bs-theme=dark] .btn-close { filter: var(--bs-btn-close-white-filter); } .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } .toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close { margin-right: calc(-0.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word; } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-top-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-right-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); } .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); word-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } /* rtl:begin:ignore */ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } /* rtl:begin:ignore */ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev { width: 16px!important; height: 16px!important; border-radius: 100%; border: none; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; opacity: 1!important; } .carousel-control-next { width: 16px!important; height: 16px!important; border-radius: 100%; border: none; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; opacity: 1!important; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: none; } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 20px; margin-left: 15%; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon { filter: invert(1) grayscale(100); } [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { background-color: #000; } [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption { color: #000; } .spinner-grow, .spinner-border { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s; } } .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none; } .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none; } .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none; } .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none; } .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none; } .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding) { transform: none; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto; } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #fff !important; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .link-primary { color: rgba(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary:hover, .link-primary:focus { color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary { color: rgba(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary:hover, .link-secondary:focus { color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; } .link-success { color: rgba(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus { color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; } .link-info { color: rgba(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus { color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; } .link-warning { color: rgba(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus { color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; } .link-danger { color: rgba(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; } .link-light { color: rgba(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus { color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: rgba(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; } .link-dark { color: rgba(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-dark:hover, .link-dark:focus { color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); } .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-underline-offset: 0.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: 75%; } .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ratio-21x9 { --bs-aspect-ratio: 42.85714286%; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-none { -o-object-fit: none !important; object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-25 { --bs-border-opacity: 0.25; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-75 { --bs-border-opacity: 0.75; } .border-opacity-100 { --bs-border-opacity: 1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 10px 0 0 !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity: 0.1; } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; } .link-opacity-25 { --bs-link-opacity: 0.25; } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; } .link-opacity-50 { --bs-link-opacity: 0.5; } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; } .link-opacity-75 { --bs-link-opacity: 0.75; } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; } .link-opacity-100 { --bs-link-opacity: 1; } .link-opacity-100-hover:hover { --bs-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-light { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-dark { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; } .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-sm-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-sm-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-sm-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-sm-none { -o-object-fit: none !important; object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-sm-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-sm-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-sm-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-sm-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-sm-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-md-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-md-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-md-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-md-none { -o-object-fit: none !important; object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-md-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-md-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-md-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-md-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-md-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-lg-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-lg-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-lg-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-lg-none { -o-object-fit: none !important; object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-lg-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-lg-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-lg-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-lg-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-lg-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xxl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xxl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xxl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xxl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xxl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xxl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xxl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xxl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xxl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } body, a, p { font-family: Roboto; font-weight: normal; } .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .breadcrumbs ul, .page-main, .footer.content, .message.global .content, .header.panel, .header.content, .page-wrapper > .navigation-wrapper .navigation, .page-header > .navigation-wrapper .navigation, .page-layout-cms-full-width main .page-title-wrapper .page-title, [data-content-type="row"] [data-element="inner"] { max-width: 1560px; } .header-primary { background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(../img/1920X79NavigatorbarBP2.jpg); } .header-primary li { background-color: transparent; } a:not(.button, .btn, .btn-custom, .next, .previous), .header-primary .btn { text-decoration: none; text-transform: uppercase; color: #343434; font-size: 18px; position: relative; } a:not(.button, .btn, .btn-custom, .next, .previous), .header-primary .btn { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } a:not(.button, .btn, .btn-custom, .next, .previous):before, .header-primary .btn:before { content: ""; position: absolute; z-index: -1; height: 3px; left: 0; right: 0; bottom: -3px; background: #181818; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } a:not(.button, .btn, .btn-custom, .next, .previous):hover:before, a:not(.button, .btn, .btn-custom, .next, .previous):focus:before, a:not(.button, .btn, .btn-custom, .next, .previous):active:before, .header-primary .btn:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .header-primary ul li a, .header-primary .btn, .header-primary .btn { color: #ffffff; } .header-primary ul li a:before, .header-primary .btn:before { background-color: #ffffff; } .header-primary .btn { background-color: transparent; font-weight: bold; border: none; text-transform: uppercase; font-size: 18px; } .menu-icon { height: 14px; width: 19px; background-size: contain; background-position: center; background-repeat: no-repeat; display: inline-block; margin-right: 10px; } .navpro-menu { max-width: 1640px; margin: 0 auto; width: 100%; justify-content: space-between; } .navpro.navpro .li-item { padding: 0 40px 0 0; border-right: 2px solid white; } .navpro-icon-caret::before, .navpro .parent > a::before { vertical-align: middle; right: -5px; top: calc(50% - 10px); } a.level-top > .navpro-icon-caret::before, .navpro .parent > a.level-top::before { -webkit-mask-size: 30px 30px; } .navpro.navpro .li-item:last-of-type { border-right: none; padding: 0; } .header-top { background-color: #f5f5f5; } .offcanvas.offcanvas-end { width: 400px!important; transition: transform 0.3s ease-in-out; z-index: 1075; border-left: 1px solid rgba(0, 0, 0, 0.175); } .header-top .col { text-align: center; flex-basis: fit-content; flex-grow: 0; align-self: center; } .header-top .row { justify-content: right; } .header-top .col-md-5 { padding: 0; } .header-top .category-item { background-color: transparent; } .header-top > .row { max-width: 1640px; margin: 0 auto; padding: 5px 10px; } .header-bottom > .navbar { max-width: 1640px; margin: 0 auto; padding: 18px 20px; justify-content: space-between; align-items: center; } .header-badges li { text-align: right; } .header-bottom ul { list-style: none; display: flex; gap: 55px; margin-bottom: 0; } .header-bottom ul li { display: inline-block; } input[type=search] { border-radius: 24px; padding: 14px 31.5px 14px 36.2px; border-radius: 24.5px; background-color: #f5f5f5; border: none; width: 600px; } input[type=search]::placeholder { text-transform: uppercase; color: #343434; font-size: 18px; } input[type=search]:focus, input[type=search]:active { outline: none; border: none; background-color: #f5f5f5; } .header-primary .list-group { max-width: 1640px; margin: 0 auto; padding: 10px 20px; justify-content: space-between; align-items: center; } .header-primary .category-item, .navpro.navpro .li-item { padding: 0; } .category-item, .navpro.navpro .li-item { border-top: none; border-bottom: none; flex-grow: 1; text-align: center; display: block; } .category-item:first-of-type { border-left: none; } .category-item:last-of-type { border-right: none; } .card { margin-top: 23px; } .catalog-category-view .products-wrapper .card { margin-top: 0px; } .hero-silder { padding-bottom: 14px; } .homepage-cards .card-body { padding: 0; } .homepage-cards .card .card-body > a { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: block; padding: 20px; border-radius: 40px; background-color: #181818; text-align: center; font-size: 22px; text-transform: uppercase; color: white; font-weight: bold; width: max-content; } .products-section a.btn-custom.button, .search.results a.btn-custom.button { border-radius: 40px; text-align: center; font-size: 20px; font-weight: bold; width: max-content; max-width: 100%; padding: 16px; border-radius: 29px; background-color: #181818; color: white; text-transform: uppercase; border: none; transition: all 0.3s ease-in-out; display: block; line-height: 1; font-size: 18px; max-width: unset !important; min-width: 143px; } .homepage-cards .card.card-center_null .card-body > a { position: absolute; top: 50%; left: 50%; bottom: unset; transform: translate(-50%, -50%); display: block; border-radius: 40px; background-color: #181818; text-align: center; font-size: 22px; text-transform: uppercase; color: white; font-weight: bold; width: max-content; } .button, .action.primary { text-decoration: none; outline: none; color: #fff; cursor: pointer; position: relative; z-index: 0; line-height: 1.1; margin: 30px auto 28px; padding: 16px; border-radius: 29px; background: #181818; color: white; text-transform: uppercase; border: none; transition: all 0.3s ease-in-out; display: block; line-height: 1; font-size: 18px; max-width: unset !important; min-width: 143px; } .button:before, .action.primary:before, .btn-custom:before, .btn-submit:before { content: ''; background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); position: absolute; top: -2px; left: -2px; background-size: 400%; z-index: -1; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); filter: blur(5px); width: calc(100% + 4px); height: calc(100% + 4px); animation: glowing 20s linear infinite; opacity: 1; transition: opacity 0.3s ease-in-out; border-radius: 40px; } .button:active, .action.primary:active, .btn-custom:active { color: #181818 !important; } .button:active:after, .action.primary:active:after, .btn-custom:active:after, .btn-submit:active:after { background: transparent; } .button, .action.primary, .btn-custom, .btn-submit { transition: all 0.6s ease-in-out; } .sub-category-item:hover a.button, .submit:hover, .action.search.primary:hover, .action.search.primary:focus, .card:hover a.button.btn-custom, .product-card:hover a.button.btn-custom, .product-card:hover .button.btn-custom, .card-body:hover .button, .button:hover, .button:hover:before, .action.primary:hover:before, .btn-custom:active:before, .btn-submit:hover:before { opacity: 1; letter-spacing: 3px; } button.submit { font-weight: bold!important; } .card-body { cursor: pointer; } .btn-submit, .action.primary { position: relative; } .button:after, .btn-custom:after, .btn-submit:after, .action.primary:after { z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; background: #181818; left: 0; top: 0; border-radius: 40px; } @keyframes glowing { 0% { background-position: 0 0; } 50% { background-position: 400% 0; } 100% { background-position: 0 0; } } a.btn-custom.button { color: #343434; } a.btn-custom:after { background: #181818; } .products-section_old a.btn-custom.button { padding: 14px 27px 14px 27px; border-radius: 24px; text-align: center; max-width: 160px; text-decoration: none; outline: none; color: #fff; cursor: pointer; position: relative; z-index: 0; margin: 30px auto 28px; padding: 16px 37.9px 16.9px 41px; border-radius: 29px; background-color: #181818; color: white; text-transform: uppercase; border: none; transition: all 0.3s ease-in-out; display: block; line-height: 1; font-size: 18px; min-width: 51px; max-width: unset!important; } .header-top .col-md-5 { flex-grow: 0; width: auto; } .products-section a.btn-custom:before, .search.results a.btn-custom.button:before { border-radius: 40px; } .container-badges, .header-badges { margin: 0 auto; } .container.container-badges .list-group, .header-badges ul { margin: 40px auto; justify-content: center; align-items: center; max-width: 360px; gap: 12px; } .cms-home .container.container-badges .list-group { max-width: 360px; } .container.container-badges .list-group a::before { display: none; } .header-badges ul { margin: 0px 0px 0px auto; max-width: 360px; gap: 11px; } .container.container-badges .list-group a { padding: 0; display: inline-block; border: none; } .header-badges li { padding: 0; display: inline-block; } .header-badges li img { transform: scale(1); max-width: 30px; width: 100%; transition: all 0.3s ease-in-out; } .container.container-badges a img { transform: scale(1); width: 100%; transition: all 0.3s ease-in-out; } .header-badges .list-group-item:nth-of-type(5) img { max-width: 50px; } .header-badges .list-group-item:nth-of-type(1) img, .header-badges .list-group-item:nth-of-type(3) img { max-width: 70px; } footer .footer-top { background-color: #f5f5f5; padding: 70px; max-width: 100%; } footer .footer-top .row { max-width: 1371px; margin: auto; } footer .list-group-item { background-color: transparent; border: none; } footer .list-group-item { text-align: left; padding: 14px 0; } footer .list-group-item a { font-size: 20px; } footer .list-group-item.list-title { color: #343434; font-size: 30px; text-transform: uppercase; margin-bottom: 15px; padding: 0; } .footer-bottom { padding: 20px; } .footer-bottom p { font-size: 20px; text-transform: uppercase; margin-bottom: 0; line-height: 1; } .list-payments { padding-left: 40px; } .list-payments img { max-width: 50px; } .list-payments li { padding: 0 0 17px 0; } .offcanvas.offcanvas-start { width: 50vw; max-width: 1213px; } .offcanvas.offcanvas-start ul, .offcanvas.offcanvas-start li { text-align: left; border: none; font-weight: bold; padding: 0; } .offcanvas.offcanvas-start li a { font-weight: bold; font-weight: 18px; padding: 10px 0; } .offcanvas-header { padding: 28px; text-transform: uppercase; font-weight: bold; } .navbar form .mb-3 { margin-bottom: 0!important; } .products-section .card-title a, .search.results .card-title a { font-size: 16px; font-weight: bold; color: #343434; text-transform: none; } .products-section .card-text p, .search.results .card-text p { color: #666; font-size: 14px; display: block; margin: 5px 0; } .products-section .card-text p span, .search.results .card-text p span { font-size: 16px; font-weight: bold; color: #343434; display: inline-block; } .products-section a.btn-custom, .search.results a.btn-custom.button { margin: 30px auto 10px; } .products-section .card { border: 0; } .products-section .card-img, .products-section .card-img-top { border-radius: 0; } .breadcrumb { margin-top: 60px; margin-bottom: 16px; } .breadcrumb-item a, .breadcrumb-item.active { color: #006bb4; font-size: 16px; text-transform: none; line-height: 1; vertical-align: super; } .breadcrumb-item.active { color: #707070; } .breadcrumb-item a:after, .breadcrumb-item a:before { display: none; } .category-container { max-width: 1420px; } .products-section .card { max-width: 300px; } .breadcrumb-item + .breadcrumb-item::before { content: url('data:image/svg+xml,'); } .page-title { font-size: 51px; color: #333333; } .only-mobile, .search-mobile { display: none; } .only-mobile, .search-mobile { background-color: transparent; color: black; text-transform: uppercase; outline: none; border: none; padding: 0; } .products-section_side-nav .container { display: flex; gap: 44px; } .products-section_side-nav .side-nav { flex-basis: 20%; justify-content: flex-start; flex-direction: column; } .products-section_side-nav .products-wrapper { flex-basis: 80%; } .products-section_side-nav { margin-top: 40px; } .products-section_side-nav .container > .row { margin-left: 0; margin-right: 0; } .side-nav-title { padding: 0; color: #7d7d7d; text-transform: uppercase; font-size: 20px; padding-bottom: 20px; position: relative; margin-bottom: 20px; } .side-nav-title:after { height: 1px; width: 100%; content: ""; bottom: 0; left: 0; background-color: #cccccc; display: block; position: absolute; } .side-nav-list { list-style: none; padding: 0; } .side-nav-list li a { color: #707070; font-size: 16px; text-transform: none; margin-bottom: 15px; padding: 10px 20px; border: 1px solid #343434; border-radius: 30px; transition: all 0.3s ease-in-out; } .side-nav-list li a:hover { background-color: #343434; color: white; } .side-nav-list li a:before { height: 1px; color: #707070; display: none; } .contact-page-wrapper.container { max-width: 700px; margin-top: 80px; margin-bottom: 70px; } .contact-page-wrapper.container .page-title-wrapper { text-align: center; } .contact-page-wrapper h1 { text-transform: uppercase; font-size: 40px; font-weight: bold; margin-bottom: 50px; } span.tooltip-icon { display: inline-block; line-height: 0; font-size: 0; font-weight: bold; position: relative; vertical-align: top; margin-left: 22px; margin-top: 2px; } span.tooltip-icon:after { background-image: url('data:image/svg+xml,%3F'); height: 21px; width: 21px; display: inline-block; content: ""; cursor: pointer; } span.required { color: #d90d0d; } .logo-link:before, .logo-link:after { display: none; } .btn-submit, .action.primary, span.button.btn-custom, .action.search.primary { margin: 30px 0 28px; padding: 16px; border-radius: 29px; background-color: #181818; color: white; text-transform: uppercase; border: none; transition: all 0.3s ease-in-out; display: block; line-height: 1!important; font-size: 18px; max-width: unset!important; min-width: 143px; width: fit-content !important; } .btn-submit img, .action.primary img { margin-left: 10px; width: 25px; height: auto; } .btn-submit:hover, .action.primary:hover, .btn-submit:focus, .action.primary:focus, .btn-submit:active, .action.primary:active, .action.search.primary:hover, .action.search.primary:active { background-color: #434343; } .radio-wrapper, .radio-group { margin-bottom: 25px; display: flex; } .radio-wrapper .form-check, .radio-group .amform-groupv2 { margin-left: 32px; } .radio-wrapper h5, .radio-group label { font-size: 18px; margin-bottom: 13px; font-weight: bold; line-height: 1; } .header-wrapper, .page-header { position: sticky; top: 0; overflow: visible; background-color: white; z-index: 100; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .header-top .header-badges { padding: 0; } html { scroll-behavior: smooth; } button.back-to-top { margin: 0 !important; padding: 0 !important; background: #fff; height: 0px; width: 0px; overflow: hidden; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; color: transparent; clear: both; visibility: hidden; position: fixed; cursor: pointer; display: block; border: none; right: 50px; bottom: 75px; font-size: 0px; outline: 0 !important; z-index: 99; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } button.back-to-top:hover, button.back-to-top:active, button.back-to-top:focus { outline: 0 !important; } button.back-to-top::before, button.back-to-top::after { content: ""; display: block; border-bottom: solid 10px #fff; border-left: solid 10px transparent; line-height: 0; border-right: solid 10px transparent; height: 0; margin: 18px auto 0; width: 0; border-radius: 20px; visibility: hidden; } button.back-to-top.show::after, button.back-to-top.show::before { visibility: visible; } button.back-to-top::after { border-bottom-color: #4781E5; position: relative; top: -24px; } button.back-to-top.show { display: block; background: #4781E5; color: #fff; font-size: 25px; right: 25px; bottom: 50px; height: 50px; width: 50px; visibility: visible; box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25); } button.back-to-top.show:active { box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25); } .sage-wrapper { max-width: 1012px; } .sage-wrapper hr { margin: 50px auto; } .sage-wrapper h1 { font-weight: bold; font-size: 40px; margin-bottom: 32px; } .sage-logo { width: 406px; max-width: 50vw; height: auto; display: block; margin: 50px auto; } .rateus-section { margin: 50px 0; } .rateus-section a:after, .rateus-section a:before { display: none; } .rateus-section a { text-decoration: underline; } .header-wrapper.active .header-badges li img { transform: scale(0.8); } .header-badges li { border: none; } .header-wrapper.active .header-bottom a { font-size: 16px; } .header-wrapper .header-bottom a, input[type=search], input[type=search]::placeholder, .header-primary ul li a, .header-primary .btn, .header-top, .header-primary .list-group, input[type=search], .header-bottom > .navbar, .header-top > .row { transition: all 0.3s ease-in-out; } .header-wrapper.active .header-bottom > .navbar { padding: 10px 20px; } .header-wrapper.active input[type=search] { margin: 0px auto; max-width: 90vw; font-size: 16px; } .header-wrapper.active input[type=search]::placeholder { font-size: 16px; } .header-wrapper.active .header-primary ul li a, .header-wrapper.active .header-primary .btn { font-size: 14px; } .header-wrapper input[type=search] { max-width: 90vw; margin: 0 auto; padding: 10px 30px 10px 35px; } .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded > a { border-bottom: 1px solid #dddbdb; } ul.children { border-bottom: 1px solid #dddbdb; } .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded > a:after, .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded > a:before { display: none; } .header-wrapper.active .header-primary .navpro-menu { padding: 10px 20px; border: none; } .navpro-dropdown .children > li.level2 > a { font-size: 16px; border: none; transform: none!important; -webkit-transform: none!important; background-color: transparent!important; } .level2 { border: none!important; } .navpro-dropdown-level1 > .navpro-dropdown-inner { padding: 15px 25px!important; } ul.children.multicolumn { border-bottom: none!important; } .navpro-dropdown-level2 > .navpro-dropdown-inner { padding: 0!important; } .navpro-dropdown .vertical.multicolumn > li, .navpro-dropdown-inner .last { border-right: none; padding-right: 15px!important; padding-left: 15px!important; } li.parent-expanded { border-bottom: 1px solid #fafafa; } .navpro-dropdown .children > li.level2 > a:hover { background-color: transparent!important; text-decoration: underline; transform: none!important; -webkit-transform: none!important; border-bottom: none!important; } .navigation-wrapper .navpro-dropdown li > a:hover, .navigation-wrapper .navpro-dropdown .opened > a { background: none; text-decoration: underline!important; } .navpro-dropdown .children > li.level1 > a { border-bottom: 1px solid #dddbdb; } .breadcrumbs .item a { text-transform: none; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: italic; line-height: 1.63; letter-spacing: normal; text-align: left; color: #989898; } .breadcrumbs .item strong { font-size: 16px; font-style: italic; line-height: 1.63; letter-spacing: normal; text-align: left; color: #989898; } .navpro-menu { padding: 20px; } .product .page-title-wrapper .page-title span { font-size: 40px; font-weight: bold; text-align: left; color: #343434; text-transform: uppercase; margin-top: 40px; margin-bottom: 18px; } .category-container .page-title { margin-bottom: 30px; } .category-container .products-section a.btn-custom.button { margin-top: 20px; } .custom-options-box table tr { border-bottom: none; } table.options-table tr.header td:last-child { padding-right: 0; text-align: right; } table.options-table tr.header td { padding-bottom: 20px; } table.options-table td, table.options-table th { padding: 0; } .logo-wrapper img { max-width: 250px; } .carousel-indicators { align-items: center; } .card { border: none; } .contact-page-wrapper form .col-12 { margin-top: 0; } .btn.btn-request { margin-left: 0; } [data-content-type="row"] [data-element="inner"] { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } #all-items .menu-icon { background-image: url('../img/menu.svg'); } .navpro-dropdown .children > li.level1 > a { color: #343434; } .navpro-dropdown .children > li.level2 > a { color: #707070; } .navpro-dropdown .children > li.level2 > a:hover { outline: none; border: none; background: transparent; transform: none; --divider-alpha: 0; box-shadow: none; } .navpro-dropdown { transition: all 0.3s ease-in-out; } .fields { flex-wrap: wrap; } .default.amform-form .fields .amform-layout-two, .default.amform-form .fields .amform-layout-one { margin-right: 0px; } .amform-form .fieldset .fields .amform-layout-two { width: 50%; max-width: calc(50% - 6px); } .default.amform-form .fields .amform-layout-one { width: 100%; max-width: 100%; } .amform-form .fieldset .fields .amform-layout-three { width: 40%; max-width: calc(40% - 15px); } .amform-form .fieldset .fields .amform-layout-three.fb-select { width: 20%; max-width: calc(20% - 15px); } .rendered-form .fieldset .fields .field.form-group { margin-bottom: 0; } .fields { justify-content: space-between; } :where(.field ~ div:not(.actions):not(.product-item-actions)), .nested > .field, button + .field, .field + button, :where(.field:not([style*="display: none"])) + .fieldset, .field + .field-recaptcha, .field ~ .field { margin-top: 0; } .rendered-form label.amform-versiontwo-label { font-family: Roboto; font-size: 18px; font-weight: normal; color: #343434; padding-left: 10px; } .header-primary .category-item.active { background-color: transparent; } .limiter .limiter-options, .sorter .sorter-options { border-radius: 18.5px; border: solid 1px #ccc; background-color: #f5f5f5; } p.toolbar-amount { margin-bottom: 0; } .navigation-wrapper li > a.level-top:hover, .navigation-wrapper .opened > a.level-top { background: transparent!important; } .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > li > a { text-align: left; } .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded > a { text-align: left; } .navpro.orientation-horizontal .navpro-dropdown-level1.size-boxed, .navpro.orientation-horizontal .navpro-dropdown-level1.size-fullwidth { width: 1213px; max-width: 80vw; background-color: #fafafa; } .navpro .gutters > .navpro-col-9 { width: 100%; } .navpro-dropdown .li-item { font-size: 16px; } .navpro-dropdown > .li-item { margin-bottom: 10px; font-size: 18px; } .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > li > a { text-transform: none; } .cms-2016-supplier-of-the-year footer { margin-top: 66px; } a.product-item-photo:after, a.product-item-photo:before { display: none; } .product-card span.product-title { margin-top: 25px; display: block; } .image-zoom-animation a:hover span { text-decoration: none; } .image-zoom-animation .button.btn-custom { margin: 10px auto; text-decoration: none!important; } .image-zoom-animation:hover span, a.product-card:hover span, a.product-card:active span { text-decoration: none!important; } span.product-title { text-decoration: none!important; } .product-card:hover { text-decoration: none!important; } .product-card { border-radius: 8px; } .product-card:before { display: none; } .products ul li.image-zoom-animation { transition: all 0.3 ease-in-out; box-shadow: none; } .products ul li img { border-radius: 8px!important; } .cms-catalog-and-sales-sheets .page-main, .cms-2016-supplier-of-the-year .page-main, .catalog-product-view .page-main { max-width: 1380px; } .cms-about-us .page-main, .cms-shippings .page-main, .cms-returns .page-main, .cms-privacy-policy .page-main, .cms-terms-and-conditions .page-main { max-width: 1020px; } .cms-shippings h1, .cms-about-us h1, .cms-returns h1, .cms-privacy-policy h1 { display: block; margin-bottom: 24px; } .cms-shippings footer, .cms-about-us footer, .cms-returns footer, .cms-privacy-policy footer, .cms-terms-and-conditions footer { margin-top: 66px; } .products ul { justify-content: left!important; padding-left: 0!important; } .sub-category-item a:nth-of-type(1)::before { display: none; } .sub-category-item a:nth-of-type(1) { display: block; } .sub-category-item img { transition: all 0.3s ease-in-out; width: 100%; } .sub-category-item:hover img { transform: scale(1.05); } .sub-category-item a:first-of-type { overflow: hidden; } @media (max-width: 1200px) { .only-mobile { display: block; } .header-primary { display: none; } .header-wrapper.active .header-top { position: absolute; transform: translateY(-100px); width: 100%; z-index: 100; opacity: 0; } } @media (max-width: 1200px) { .cms-2016-supplier-of-the-year footer { margin-top: 40px; } .cms-shippings .page-main, .cms-about-us .page-main, .cms-returns .page-main, .cms-privacy-policy .page-main, .cms-terms-and-conditions .page-main { padding: 40px 40px 28px 40px!important; } .cms-shippings footer, .cms-about-us footer, .cms-returns footer, .cms-privacy-policy footer, .cms-terms-and-conditions footer { margin-top: 0!important; } .navpro-shevron { display: none!important; } .cms-shippings .breadcrumb, .cms-about-us .breadcrumb, .cms-returns .breadcrumb, .cms-privacy-policy .breadcrumb, .cms-terms-and-conditions .breadcrumb { margin-top: 0!important; } .navpro-dropdown .vertical.multicolumn-3 { column-count: 1; } .navpro-dropdown-expanded.navpro-dropdown-level2 { display: none; } .navpro-transformable .navpro-dropdown { display: block; background: transparent; border: 0; box-shadow: none; min-width: 0; position: static; box-shadow: none !important; width: auto !important; min-height: 0 !important; max-width: 100%; overflow: hidden; max-height: 1000em; } .header-wrapper.active .header-primary .navpro-menu { padding: 0!important; } .nav-2, .nav-3, .nav-4, .nav-5, .nav-6 { display: none!important; } .navpro-dropdown.navpro-dropdown-level1 { opacity: 1; } .navpro-menu { padding: 0; } .nav-open .navigation-wrapper { padding: 0; } .navigation-wrapper .navigation { padding: 0; } .category-item, .navpro.navpro .li-item { border: none; } .header-primary .btn { width: 100%; display: block; text-align: left; background-image: url(../img/getty-images-1193095726-copy.webp); background-size: cover; background-position: left; background-repeat: no-repeat; border-radius: 0; padding: 26px 43px; line-height: 0; font-size: 20px; } .header-primary { background-color: #fafafa; background-image: none; } .navpro.navpro .li-item.level1 > a { position: relative; text-align: left; color: #343434; font-size: 18px; font-weight: bold; border-bottom: 1px solid #dddbdb; padding: 14px 43px 12px; line-height: 1; display: block; } .navigation-wrapper li.active > a.level-top, .navigation-wrapper li.has-active > a.level-top, .navigation-wrapper li.active > a.level-top:hover, .navigation-wrapper li.has-active > a.level-top:hover { background-color: transparent; } .navpro-transformable .navpro-dropdown .children { display: block; align-content: flex-start; } .navpro-transformable .navpro-dropdown .children.multicolumn > li { width: 100%; } .navpro-row { flex-direction: column; flex-wrap: nowrap; } .navpro-transformable .navpro-dropdown-inner { padding: 0!important; } .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded > a { position: relative; text-align: left; color: #343434; font-size: 18px; font-weight: bold; border-bottom: 1px solid #dddbdb; padding: 14px 43px 12px; line-height: 1; display: block; } .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded.category-item.last > a { border-bottom: 1px solid #dddbdb !important; padding-bottom: 13px!important; } .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded.category-item.first > a { padding-top: 13px!important; } #all-items .menu-icon { vertical-align: baseline; margin-right: 12px; height: 14px; width: 19px; } .navpro-icon-caret::before, .navpro .parent > a::before { right: 30px; -webkit-mask-size: 14px 14px; left: auto; } a.level-top > .navpro-icon-caret::before, .navpro .parent > a.level-top::before { -webkit-mask-size: 14px 14px; } .side-nav-list li a { margin-bottom: 0px; } .contact-page-wrapper h1 { text-transform: uppercase; font-size: 35px; font-weight: bold; margin-bottom: 50px; } .products-section_side-nav .products-wrapper { flex-basis: 100%; } .products-section_side-nav .container { flex-wrap: wrap; gap: 0px; } .products-section_side-nav .side-nav { flex-basis: 100%; } .products-section_side-nav .side-nav-list { display: flex; justify-content: flex-start; gap: 10px; } .products-section_side-nav .side-nav-list li { display: inline-block; } .products-section a.btn-custom.button, .search.results a.btn-custom.button { padding: 14px 20px; font-size: 14px; } .header-bottom > .navbar { flex-wrap: wrap; } .navbar form { flex-basis: 100%; max-width: 100%; order: 10; margin: 0 auto; padding: 0 5px; } .navbar .only-mobile, .navbar .logo-wrapper, .navbar ul { flex-basis: 33%; } .navbar .logo-wrapper img { max-width: 185px; } .navbar .only-mobile { text-align: left; } .navbar ul { justify-content: flex-end; } .navbar form input[type=search] { width: 100%; margin-top: 20px; } .header-wrapper.active input[type=search] { margin-top: 20px; } .header-top { --bs-gutter-x: 0; justify-content: space-between; } .header-bottom ul { padding: 0; gap: 20px; } .header-bottom ul a { font-size: 16px; } .homepage-cards .card .card-body > a { font-size: 20px; } .homepage-cards .card.card-center_null .card-body > a { font-size: 20px; min-width: fit-content; max-width: 80%; } .list-payments { flex-direction: row; margin-top: 40px; padding: 0; justify-content: space-between; max-width: 500px; margin: 40px auto 0; } .list-payments .list-group-item { text-align: center; } footer .footer-top { padding: 60px 60px 0px; } .footer-top .col { margin-bottom: 60px; } .footer-top .col:last-of-type { margin-bottom: 40px; } .list-payments li { padding-bottom: 0; } .footer-bottom { padding: 40px; } footer .list-group-item.list-title { font-size: 25px; } .row { --bs-gutter-x: 15px; } .page-title { font-size: 35px!important; } .products-section > .container { padding: 0; } .breadcrumb { margin-top: 30px; } .contact-page-wrapper.container { margin-top: 40px; margin-bottom: 40px; } } .homepage-cards .card { height: 100%; } @media (max-width: 1000px) { .header-badges ul li { text-align: center; } .header-badges ul { margin: 0 auto; } } @media (max-width: 770px) { .radio-wrapper > .col-md-6, .radio-group .amform-groupv2 { margin-bottom: 25px; } .radio-wrapper, .radio-group { margin-bottom: 0; } .radio-wrapper .form-check, .radio-group .form-check { margin-left: 25px; } .amform-form .fieldset .fields .amform-layout-two, .amform-form .fieldset .fields .amform-layout-three { width: 100%; max-width: 100%; } } .page-bottom .toolbar { max-width: 1420px; margin-right: auto; margin-left: auto; padding-right: 60px; padding-left: 60px; } @media (max-width: 600px) { .range.price .fields { gap: 20px; } .range.price .field { max-width: 47%; } .search.results .col { flex-basis: 50%; width: 50%; } .amsearch-related-terms, .search-suggestions { margin-bottom: 0; } .page-bottom .toolbar { padding-right: 20px; padding-left: 20px; } .sub-category-item .p-4 { line-height: 1.2; } .catalog-category-view .grid-cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .catalog-category-view .card-title { font-size: 16px; } .cms-2016-supplier-of-the-year footer { margin-top: 20px; } .products ul { justify-content: center; } .cms-shippings .page-main, .cms-about-us .page-main, .cms-returns .page-main, .cms-privacy-policy .page-main, .cms-terms-and-conditions .page-main { padding: 20px 20px 8px 20px!important; } .products-section_side-nav { margin-top: 20px; } .side-nav-title { padding-bottom: 10px; } .navbar .logo-wrapper img { max-width: 160px; } .contact-page-wrapper.container { margin-top: 40px; margin-bottom: 40px; } .contact-page-wrapper h1 { text-transform: uppercase; font-size: 30px; font-weight: bold; margin-bottom: 50px; } .products-section_side-nav .products-wrapper .col { flex-basis: 50%; flex-grow: 0; } .footer-top .col { margin-bottom: 40px; } .list-payments .list-group-item { text-align: left; margin-bottom: 0; } .container-badges, .header-badges { padding: 0; } .header-top .row { padding: 15px 0; } .homepage-cards .card .card-body > a, .homepage-cards .card.card-center_null .card-body > a { font-size: 16px; line-height: 1; } .homepage-cards .card, .homepage-cards .three-cards .card, .homepage-cards .two-cards .card { max-height: unset; padding-bottom: 0; } .homepage-cards .card .card-body > a { padding: 10px 20px; font-size: 12px; } .products-section a.btn-custom.button, .search.results a.btn-custom.button { font-size: 12px; padding: 10px 20px; } .card-body { position: relative; } .menu-icon { height: 25px; width: 25px; } .search-mobile { display: block; } .header-bottom ul { display: none; } .products-section a.btn-custom.button, .search.results a.btn-custom.button { font-size: 14px; padding: 14px 20px 14px 20px; } .navbar .logo-wrapper { max-width: 100%; width: auto; margin: 10px auto; flex-basis: auto; text-align: center; } .navbar .only-mobile { font-size: 0; line-height: 0; flex-basis: auto; } .header-top .row { justify-content: space-between; } .header-top .col { flex-basis: 10%; } .navbar form .mb-3 { justify-content: flex-end; } .navbar form { display: none; } .header-bottom ul { flex-basis: 100%; gap: 10px; justify-content: center; } .header-bottom ul a { font-size: 16px; } footer .list-group-item a { font-size: 16px; } .list-payments { margin-top: 0px; flex-wrap: wrap; } .footer-top .col:last-of-type { margin-bottom: 0; } .list-payments li { margin-top: 0; margin-bottom: 10px; flex-basis: 33%; text-align: left; } .footer-bottom .text-center { font-size: 18px; line-height: 1.4; } footer .footer-top { padding: 40px; } footer .list-group-item { padding: 10px 0; } footer .list-group-item.list-title { margin-bottom: 10px; } .hero-silder { padding-bottom: 5px; } .contact-page-wrapper form > * { margin-top: 0; } .products-section_side-nav .side-nav-list { flex-wrap: wrap; } } .catalog.products li { padding: 35px; } .catalog.products li a { color: black; } @media (max-width: 579px) { .products-section .card { max-width: 42vw; } } .product.info.detailed { border: solid 1px #d3d3d3; padding: 42px 28px; margin: 0; } .product.info.detailed .data.item.content, .product.attribute.overview { padding: 0; font-size: 20px; line-height: 28px; color: #343434; } .product_detail_table { border: solid 1px #d3d3d3; } .product_detail_table td { padding: 20px 28px!important; border-right: 1px solid #d3d3d3; font-size: 20px; } .product_detail_table td p { margin-bottom: 0; } .product_detail_table td:first-child p { font-weight: bold!important; } .product-info-main .breadcrumbs .items a:before { display: none; } .product-info-main .page-title { font-weight: bold; margin-top: 40px; } .product-info-main .breadcrumbs .items { padding: 0; } .breadcrumbs { min-height: unset; } .product_detail_table { margin: 32px 0px; } .catalog-product-view .page-main { padding-top: 48px; } .breeze-gallery .main-image { width: 100%; } .product-info-wrapper { gap: 120px; } .amsearch-related-terms > .amsearch-item:before { display: none; } .amsearch-related-terms > .amsearch-item { background: white; border: 1px solid black; transition: all 0.3s ease-in-out; } .amsearch-related-terms > .amsearch-item:hover { background-color: black; color: white; } .search.results a.btn-custom.button { color: white; text-align: center; } a.sorter-action:before { display: none!important; } .search-suggestions .item a:before { display: none; } .filter-options-content .item a:before { display: none; } .navbar form.mobileVisible { display: block; } /*# sourceMappingURL=pub/static/frontend/Magebrains/brither/en_US/css/default.css.map */