img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:0 0 !important;padding:0 !important} :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} :root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--mu-blue:#0ea5e9;--wp--preset--color--mu-silver:#dae1e5;--wp--preset--color--mu-gray:#b6bcbf;--wp--preset--color--mu-dark:#0f151a;--wp--preset--color--mu-mid-dark:#1a2d3d;--wp--preset--color--mu-extra-dark:#04080a;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:.875rem;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:1.125rem;--wp--preset--font-size--x-large:42px;--wp--preset--font-size--regular:1rem;--wp--preset--font-size--xl:1.25rem;--wp--preset--font-size--xxl:1.5rem;--wp--preset--font-size--xxxl:1.875rem;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:root{--wp--style--global--content-size:960px;--wp--style--global--wide-size:1280px}:where(body){margin:0}.wp-site-blocks>.alignleft{float:left;margin-right:2em}.wp-site-blocks>.alignright{float:right;margin-left:2em}.wp-site-blocks>.aligncenter{justify-content:center;margin-left:auto;margin-right:auto}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}.is-layout-flow>.alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}.is-layout-flow>.alignright{float:right;margin-inline-start:2em;margin-inline-end:0}.is-layout-flow>.aligncenter{margin-left:auto !important;margin-right:auto !important}.is-layout-constrained>.alignleft{float:left;margin-inline-start:0;margin-inline-end:2em}.is-layout-constrained>.alignright{float:right;margin-inline-start:2em;margin-inline-end:0}.is-layout-constrained>.aligncenter{margin-left:auto !important;margin-right:auto !important}.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--wp--style--global--content-size);margin-left:auto !important;margin-right:auto !important}.is-layout-constrained>.alignwide{max-width:var(--wp--style--global--wide-size)}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}body{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}a:where(:not(.wp-element-button)){text-decoration:underline}:root :where(.wp-element-button,.wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-top:calc(.667em + 2px);padding-right:calc(1.333em + 2px);padding-bottom:calc(.667em + 2px);padding-left:calc(1.333em + 2px);text-decoration:none;text-transform:inherit}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-mu-blue-color{color:var(--wp--preset--color--mu-blue) !important}.has-mu-silver-color{color:var(--wp--preset--color--mu-silver) !important}.has-mu-gray-color{color:var(--wp--preset--color--mu-gray) !important}.has-mu-dark-color{color:var(--wp--preset--color--mu-dark) !important}.has-mu-mid-dark-color{color:var(--wp--preset--color--mu-mid-dark) !important}.has-mu-extra-dark-color{color:var(--wp--preset--color--mu-extra-dark) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-mu-blue-background-color{background-color:var(--wp--preset--color--mu-blue) !important}.has-mu-silver-background-color{background-color:var(--wp--preset--color--mu-silver) !important}.has-mu-gray-background-color{background-color:var(--wp--preset--color--mu-gray) !important}.has-mu-dark-background-color{background-color:var(--wp--preset--color--mu-dark) !important}.has-mu-mid-dark-background-color{background-color:var(--wp--preset--color--mu-mid-dark) !important}.has-mu-extra-dark-background-color{background-color:var(--wp--preset--color--mu-extra-dark) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-mu-blue-border-color{border-color:var(--wp--preset--color--mu-blue) !important}.has-mu-silver-border-color{border-color:var(--wp--preset--color--mu-silver) !important}.has-mu-gray-border-color{border-color:var(--wp--preset--color--mu-gray) !important}.has-mu-dark-border-color{border-color:var(--wp--preset--color--mu-dark) !important}.has-mu-mid-dark-border-color{border-color:var(--wp--preset--color--mu-mid-dark) !important}.has-mu-extra-dark-border-color{border-color:var(--wp--preset--color--mu-extra-dark) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important}.has-regular-font-size{font-size:var(--wp--preset--font-size--regular) !important}.has-xl-font-size{font-size:var(--wp--preset--font-size--xl) !important}.has-xxl-font-size{font-size:var(--wp--preset--font-size--xxl) !important}.has-xxxl-font-size{font-size:var(--wp--preset--font-size--xxxl) !important} .cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}} /* ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ 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"; /* 4 */ font-feature-settings: normal; /* 5 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font family by default. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .container{ width: 100%; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 360px){ .container{ max-width: 360px; } } @media (min-width: 480px){ .container{ max-width: 480px; } } @media (min-width: 600px){ .container{ max-width: 600px; padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 782px){ .container{ max-width: 782px; } } @media (min-width: 960px){ .container{ max-width: 960px; padding-right: 0rem; padding-left: 0rem; } } @media (min-width: 1280px){ .container{ max-width: 1280px; } } @media (min-width: 1440px){ .container{ max-width: 1440px; } } @media (min-width: 1680px){ .container{ max-width: 1680px; } } .prose{ color: var(--tw-prose-body); max-width: 65ch; } .prose :where([class~="lead"]):not(:where([class~="not-prose"] *)){ color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } .prose :where(a):not(:where([class~="not-prose"] *)){ color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } .prose :where(strong):not(:where([class~="not-prose"] *)){ color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"] *)){ color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"] *)){ color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"] *)){ color: inherit; } .prose :where(ol):not(:where([class~="not-prose"] *)){ list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)){ list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)){ list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)){ list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)){ list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)){ list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)){ list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)){ list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)){ list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)){ list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"] *)){ list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } .prose :where(ol > li):not(:where([class~="not-prose"] *))::marker{ font-weight: 400; color: var(--tw-prose-counters); } .prose :where(ul > li):not(:where([class~="not-prose"] *))::marker{ color: var(--tw-prose-bullets); } .prose :where(hr):not(:where([class~="not-prose"] *)){ border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~="not-prose"] *)){ font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-left-width: 0.25rem; border-left-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-left: 1em; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before{ content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after{ content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } .prose :where(h1 strong):not(:where([class~="not-prose"] *)){ font-weight: 900; color: inherit; } .prose :where(h2):not(:where([class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } .prose :where(h2 strong):not(:where([class~="not-prose"] *)){ font-weight: 800; color: inherit; } .prose :where(h3):not(:where([class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"] *)){ font-weight: 700; color: inherit; } .prose :where(h4):not(:where([class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"] *)){ font-weight: 700; color: inherit; } .prose :where(img):not(:where([class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(figure > *):not(:where([class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"] *)){ color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } .prose :where(code):not(:where([class~="not-prose"] *)){ color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } .prose :where(code):not(:where([class~="not-prose"] *))::before{ content: "`"; } .prose :where(code):not(:where([class~="not-prose"] *))::after{ content: "`"; } .prose :where(a code):not(:where([class~="not-prose"] *)){ color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"] *)){ color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"] *)){ color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"] *)){ color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"] *)){ color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"] *)){ color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"] *)){ color: inherit; } .prose :where(pre):not(:where([class~="not-prose"] *)){ color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-right: 1.1428571em; padding-bottom: 0.8571429em; padding-left: 1.1428571em; } .prose :where(pre code):not(:where([class~="not-prose"] *)){ background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } .prose :where(pre code):not(:where([class~="not-prose"] *))::before{ content: none; } .prose :where(pre code):not(:where([class~="not-prose"] *))::after{ content: none; } .prose :where(table):not(:where([class~="not-prose"] *)){ width: 100%; table-layout: auto; text-align: left; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } .prose :where(thead):not(:where([class~="not-prose"] *)){ border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } .prose :where(tbody tr):not(:where([class~="not-prose"] *)){ border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)){ border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"] *)){ vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"] *)){ border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"] *)){ vertical-align: top; } .prose{ --tw-prose-body: #374151; --tw-prose-headings: #111827; --tw-prose-lead: #4b5563; --tw-prose-links: #111827; --tw-prose-bold: #111827; --tw-prose-counters: #6b7280; --tw-prose-bullets: #d1d5db; --tw-prose-hr: #e5e7eb; --tw-prose-quotes: #111827; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6b7280; --tw-prose-code: #111827; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1f2937; --tw-prose-th-borders: #d1d5db; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: #d1d5db; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #9ca3af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #9ca3af; --tw-prose-invert-bullets: #4b5563; --tw-prose-invert-hr: #374151; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-captions: #9ca3af; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5db; --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: #4b5563; --tw-prose-invert-td-borders: #374151; font-size: 1rem; line-height: 1.75; } .prose :where(p):not(:where([class~="not-prose"] *)){ margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(video):not(:where([class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(figure):not(:where([class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(li):not(:where([class~="not-prose"] *)){ margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"] *)){ padding-left: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"] *)){ padding-left: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){ margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){ margin-top: 1.25em; } .prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){ margin-bottom: 1.25em; } .prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){ margin-top: 1.25em; } .prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){ margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){ margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(hr + *):not(:where([class~="not-prose"] *)){ margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"] *)){ margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"] *)){ margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"] *)){ margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"] *)){ padding-left: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"] *)){ padding-right: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)){ padding-top: 0.5714286em; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)){ padding-left: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)){ padding-right: 0; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)){ margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)){ margin-bottom: 0; } .prose-sm{ font-size: 0.875rem; line-height: 1.7142857; } .prose-sm :where(p):not(:where([class~="not-prose"] *)){ margin-top: 1.1428571em; margin-bottom: 1.1428571em; } .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"] *)){ font-size: 1.2857143em; line-height: 1.5555556; margin-top: 0.8888889em; margin-bottom: 0.8888889em; } .prose-sm :where(blockquote):not(:where([class~="not-prose"] *)){ margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-left: 1.1111111em; } .prose-sm :where(h1):not(:where([class~="not-prose"] *)){ font-size: 2.1428571em; margin-top: 0; margin-bottom: 0.8em; line-height: 1.2; } .prose-sm :where(h2):not(:where([class~="not-prose"] *)){ font-size: 1.4285714em; margin-top: 1.6em; margin-bottom: 0.8em; line-height: 1.4; } .prose-sm :where(h3):not(:where([class~="not-prose"] *)){ font-size: 1.2857143em; margin-top: 1.5555556em; margin-bottom: 0.4444444em; line-height: 1.5555556; } .prose-sm :where(h4):not(:where([class~="not-prose"] *)){ margin-top: 1.4285714em; margin-bottom: 0.5714286em; line-height: 1.4285714; } .prose-sm :where(img):not(:where([class~="not-prose"] *)){ margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(video):not(:where([class~="not-prose"] *)){ margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(figure):not(:where([class~="not-prose"] *)){ margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(figure > *):not(:where([class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; } .prose-sm :where(figcaption):not(:where([class~="not-prose"] *)){ font-size: 0.8571429em; line-height: 1.3333333; margin-top: 0.6666667em; } .prose-sm :where(code):not(:where([class~="not-prose"] *)){ font-size: 0.8571429em; } .prose-sm :where(h2 code):not(:where([class~="not-prose"] *)){ font-size: 0.9em; } .prose-sm :where(h3 code):not(:where([class~="not-prose"] *)){ font-size: 0.8888889em; } .prose-sm :where(pre):not(:where([class~="not-prose"] *)){ font-size: 0.8571429em; line-height: 1.6666667; margin-top: 1.6666667em; margin-bottom: 1.6666667em; border-radius: 0.25rem; padding-top: 0.6666667em; padding-right: 1em; padding-bottom: 0.6666667em; padding-left: 1em; } .prose-sm :where(ol):not(:where([class~="not-prose"] *)){ margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-left: 1.5714286em; } .prose-sm :where(ul):not(:where([class~="not-prose"] *)){ margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-left: 1.5714286em; } .prose-sm :where(li):not(:where([class~="not-prose"] *)){ margin-top: 0.2857143em; margin-bottom: 0.2857143em; } .prose-sm :where(ol > li):not(:where([class~="not-prose"] *)){ padding-left: 0.4285714em; } .prose-sm :where(ul > li):not(:where([class~="not-prose"] *)){ padding-left: 0.4285714em; } .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"] *)){ margin-top: 0.5714286em; margin-bottom: 0.5714286em; } .prose-sm :where(.prose-sm > ul > li > *:first-child):not(:where([class~="not-prose"] *)){ margin-top: 1.1428571em; } .prose-sm :where(.prose-sm > ul > li > *:last-child):not(:where([class~="not-prose"] *)){ margin-bottom: 1.1428571em; } .prose-sm :where(.prose-sm > ol > li > *:first-child):not(:where([class~="not-prose"] *)){ margin-top: 1.1428571em; } .prose-sm :where(.prose-sm > ol > li > *:last-child):not(:where([class~="not-prose"] *)){ margin-bottom: 1.1428571em; } .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){ margin-top: 0.5714286em; margin-bottom: 0.5714286em; } .prose-sm :where(hr):not(:where([class~="not-prose"] *)){ margin-top: 2.8571429em; margin-bottom: 2.8571429em; } .prose-sm :where(hr + *):not(:where([class~="not-prose"] *)){ margin-top: 0; } .prose-sm :where(h2 + *):not(:where([class~="not-prose"] *)){ margin-top: 0; } .prose-sm :where(h3 + *):not(:where([class~="not-prose"] *)){ margin-top: 0; } .prose-sm :where(h4 + *):not(:where([class~="not-prose"] *)){ margin-top: 0; } .prose-sm :where(table):not(:where([class~="not-prose"] *)){ font-size: 0.8571429em; line-height: 1.5; } .prose-sm :where(thead th):not(:where([class~="not-prose"] *)){ padding-right: 1em; padding-bottom: 0.6666667em; padding-left: 1em; } .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"] *)){ padding-left: 0; } .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"] *)){ padding-right: 0; } .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)){ padding-top: 0.6666667em; padding-right: 1em; padding-bottom: 0.6666667em; padding-left: 1em; } .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)){ padding-left: 0; } .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)){ padding-right: 0; } .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"] *)){ margin-top: 0; } .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"] *)){ margin-bottom: 0; } .pointer-events-none{ pointer-events: none; } .visible{ visibility: visible; } .collapse{ visibility: collapse; } .static{ position: static; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .inset-0{ top: 0px; right: 0px; bottom: 0px; left: 0px; } .-top-1{ top: -0.25rem; } .bottom-0{ bottom: 0px; } .left-0{ left: 0px; } .right-0{ right: 0px; } .top-0{ top: 0px; } .right-full{ right: 100%; } .-top-\[1px\]{ top: -1px; } .right-1\/2{ right: 50%; } .z-50{ z-index: 50; } .z-10{ z-index: 10; } .z-30{ z-index: 30; } .-order-1{ order: -1; } .m-8{ margin: 2rem; } .my-3{ margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-8{ margin-top: 2rem; margin-bottom: 2rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .-mx-5{ margin-left: -1.25rem; margin-right: -1.25rem; } .mb-8{ margin-bottom: 2rem; } .mb-12{ margin-bottom: 3rem; } .mr-2{ margin-right: 0.5rem; } .mr-4{ margin-right: 1rem; } .-mb-\[1px\]{ margin-bottom: -1px; } .mt-auto{ margin-top: auto; } .mb-4{ margin-bottom: 1rem; } .mb-1{ margin-bottom: 0.25rem; } .mb-32{ margin-bottom: 8rem; } .\!mt-0{ margin-top: 0px !important; } .mr-3{ margin-right: 0.75rem; } .mr-auto{ margin-right: auto; } .\!mt-5{ margin-top: 1.25rem !important; } .-mt-8{ margin-top: -2rem; } .mb-10{ margin-bottom: 2.5rem; } .mt-6{ margin-top: 1.5rem; } .block{ display: block; } .inline-block{ display: inline-block; } .inline{ display: inline; } .flex{ display: flex; } .table{ display: table; } .contents{ display: contents; } .hidden{ display: none; } .h-1{ height: 0.25rem; } .h-auto{ height: auto; } .h-6{ height: 1.5rem; } .h-\[52px\]{ height: 52px; } .h-32{ height: 8rem; } .h-28{ height: 7rem; } .h-screen{ height: 100vh; } .h-full{ height: 100%; } .h-10{ height: 2.5rem; } .h-14{ height: 3.5rem; } .h-4{ height: 1rem; } .h-\[100vh\]{ height: 100vh; } .max-h-\[75vh\]{ max-height: 75vh; } .max-h-\[60vh\]{ max-height: 60vh; } .min-h-screen{ min-height: 100vh; } .min-h-full{ min-height: 100%; } .w-full{ width: 100%; } .w-16{ width: 4rem; } .w-8{ width: 2rem; } .w-auto{ width: auto; } .w-6{ width: 1.5rem; } .w-32{ width: 8rem; } .w-28{ width: 7rem; } .w-\[inherit\]{ width: inherit; } .w-10{ width: 2.5rem; } .w-4{ width: 1rem; } .w-\[100vw\]{ width: 100vw; } .max-w-sm{ max-width: 24rem; } .max-w-full{ max-width: 100%; } .max-w-none{ max-width: none; } .max-w-\[1300px\]{ max-width: 1300px; } .flex-1{ flex: 1 1 0%; } .grow{ flex-grow: 1; } .basis-\[170px\]{ flex-basis: 170px; } .translate-y-4{ --tw-translate-y: 1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .cursor-pointer{ cursor: pointer; } .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } .resize{ resize: both; } .list-outside{ list-style-position: outside; } .list-disc{ list-style-type: disc; } .list-decimal{ list-style-type: decimal; } .flex-col{ flex-direction: column; } .flex-wrap{ flex-wrap: wrap; } .items-center{ align-items: center; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .gap-y-16{ row-gap: 4rem; } .gap-x-8{ -moz-column-gap: 2rem; column-gap: 2rem; } .gap-y-1{ row-gap: 0.25rem; } .gap-y-12{ row-gap: 3rem; } .space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-solid > :not([hidden]) ~ :not([hidden]){ border-style: solid; } .divide-blue-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(219 234 254 / var(--tw-divide-opacity)); } .divide-muMidDark > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(26 45 61 / var(--tw-divide-opacity)); } .overflow-hidden{ overflow: hidden; } .overflow-visible{ overflow: visible; } .overflow-y-auto{ overflow-y: auto; } .overflow-x-hidden{ overflow-x: hidden; } .overflow-x-clip{ overflow-x: clip; } .rounded{ border-radius: 0.25rem; } .rounded-full{ border-radius: 9999px; } .border{ border-width: 1px; } .border-b{ border-bottom-width: 1px; } .border-solid{ border-style: solid; } .border-\[\#143750\]{ --tw-border-opacity: 1; border-color: rgb(20 55 80 / var(--tw-border-opacity)); } .border-l-\[\#143750\]{ --tw-border-opacity: 1; border-left-color: rgb(20 55 80 / var(--tw-border-opacity)); } .bg-gray-200{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-transparent{ background-color: transparent; } .bg-muDark{ --tw-bg-opacity: 1; background-color: rgb(15 21 26 / var(--tw-bg-opacity)); } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-muExtraDark\/70{ background-color: rgb(4 8 10 / 0.7); } .bg-\[\#0f151a\]{ --tw-bg-opacity: 1; background-color: rgb(15 21 26 / var(--tw-bg-opacity)); } .bg-gradient-to-tr{ background-image: linear-gradient(to top right, var(--tw-gradient-stops)); } .\!bg-none{ background-image: none !important; } .bg-\[url\(\"\.\.\/img\/blue\.svg\"\)\]{ background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/blue.svg?58297abf1b852ba7e4a7fa52ae5ecc79); } .bg-\[url\(\"\.\.\/img\/green\.svg\"\)\]{ background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/green.svg?7695e67b664dc222043276f0c5b9d25b); } .bg-\[url\(\"\.\.\/img\/red\.svg\"\)\]{ background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/red.svg?773b204ba0874c8fc9585fa8b7dc445a); } .bg-\[url\(\"\.\.\/img\/violet\.svg\"\)\]{ background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/violet.svg?675323c7e0bf22f16f58265d4e45d8d2); } .bg-\[url\(\"\.\.\/img\/white\.svg\"\)\]{ background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/white.svg?c59a204a1b3f99d096d733774eaeaddf); } .bg-\[url\(\"\.\.\/img\/yellow\.svg\"\)\]{ background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/yellow.svg?6187687601296ba061e9170400237631); } .from-\[\#064b79\]{ --tw-gradient-from: #064b79; --tw-gradient-to: rgb(6 75 121 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#016401\]{ --tw-gradient-from: #016401; --tw-gradient-to: rgb(1 100 1 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#8c1919\]{ --tw-gradient-from: #8c1919; --tw-gradient-to: rgb(140 25 25 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#64178a\]{ --tw-gradient-from: #64178a; --tw-gradient-to: rgb(100 23 138 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#a6a6a6\]{ --tw-gradient-from: #a6a6a6; --tw-gradient-to: rgb(166 166 166 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#ccaa00\]{ --tw-gradient-from: #ccaa00; --tw-gradient-to: rgb(204 170 0 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-\[\#0179ca\]{ --tw-gradient-to: #0179ca; } .to-\[\#019f01\]{ --tw-gradient-to: #019f01; } .to-\[\#ff1919\]{ --tw-gradient-to: #ff1919; } .to-\[\#b117fd\]{ --tw-gradient-to: #b117fd; } .to-\[\#dddddd\]{ --tw-gradient-to: #dddddd; } .to-\[\#e5bf00\]{ --tw-gradient-to: #e5bf00; } .bg-\[auto_100\%\]{ background-size: auto 100%; } .bg-right{ background-position: right; } .bg-no-repeat{ background-repeat: no-repeat; } .p-2{ padding: 0.5rem; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .\!py-0{ padding-top: 0px !important; padding-bottom: 0px !important; } .px-0{ padding-left: 0px; padding-right: 0px; } .py-12{ padding-top: 3rem; padding-bottom: 3rem; } .px-8{ padding-left: 2rem; padding-right: 2rem; } .py-\[1\.125rem\]{ padding-top: 1.125rem; padding-bottom: 1.125rem; } .pb-8{ padding-bottom: 2rem; } .pr-4{ padding-right: 1rem; } .pt-8{ padding-top: 2rem; } .\!pb-0{ padding-bottom: 0px !important; } .pb-24{ padding-bottom: 6rem; } .pt-12{ padding-top: 3rem; } .pr-8{ padding-right: 2rem; } .text-left{ text-align: left; } .text-center{ text-align: center; } .align-middle{ vertical-align: middle; } .font-headings{ font-family: 'Bai Jamjuree', sans-serif; } .font-body{ font-family: Manrope, sans-serif; } .text-5xl{ font-size: 3rem; line-height: 1; } .text-2xl{ font-size: 1.5rem; line-height: 2rem; } .text-sm{ font-size: 15px; line-height: 22px; } .text-xs{ font-size: 0.75rem; line-height: 1rem; } .text-\[2rem\]{ font-size: 2rem; } .text-\[0\.8125rem\]{ font-size: 0.8125rem; } .text-\[1\.875rem\]{ font-size: 1.875rem; } .text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .text-\[24px\]{ font-size: 24px; } .font-light{ font-weight: 300; } .font-bold{ font-weight: 700; } .font-semibold{ font-weight: 600; } .font-extrabold{ font-weight: 800; } .uppercase{ text-transform: uppercase; } .not-italic{ font-style: normal; } .leading-relaxed{ line-height: 1.625; } .leading-tight{ line-height: 1.25; } .leading-none{ line-height: 1; } .text-gray-800{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-muGray{ --tw-text-opacity: 1; color: rgb(182 188 191 / var(--tw-text-opacity)); } .text-muBlue{ --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity)); } .text-muDark{ --tw-text-opacity: 1; color: rgb(15 21 26 / var(--tw-text-opacity)); } .text-muSilver{ --tw-text-opacity: 1; color: rgb(218 225 229 / var(--tw-text-opacity)); } .text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } .text-blue-500{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } .text-\[\#0c0\]{ --tw-text-opacity: 1; color: rgb(0 204 0 / var(--tw-text-opacity)); } .text-\[\#ff0000\]{ --tw-text-opacity: 1; color: rgb(255 0 0 / var(--tw-text-opacity)); } .text-\[\#b230f2\]{ --tw-text-opacity: 1; color: rgb(178 48 242 / var(--tw-text-opacity)); } .text-\[\#ffffff\]{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-\[\#ffd400\]{ --tw-text-opacity: 1; color: rgb(255 212 0 / var(--tw-text-opacity)); } .text-\[\#143750\]{ --tw-text-opacity: 1; color: rgb(20 55 80 / var(--tw-text-opacity)); } .underline{ text-decoration-line: underline; } .antialiased{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .opacity-0{ opacity: 0; } .\!opacity-100{ opacity: 1 !important; } .outline{ outline-style: solid; } .blur{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur-lg{ --tw-backdrop-blur: blur(16px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[background-color\2c padding\]{ transition-property: background-color,padding; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[inherit\]{ transition-property: inherit; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-300{ transition-duration: 300ms; } .duration-\[400ms\]{ transition-duration: 400ms; } .duration-500{ transition-duration: 500ms; } .ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .will-change-\[background-color\2c padding\]{ will-change: background-color,padding; } .alignfull{ margin: 2rem calc(50% - 50vw) !important; max-width: 100vw !important; width: 100vw; } .alignwide{ margin: 2rem 0; max-width: 1280px !important; } .alignnone{ margin-left: 0px; margin-right: 0px; height: auto; max-width: 100%; } .aligncenter{ margin: 0.5rem auto; display: block; } @media (min-width: 600px){ .alignleft:not(.wp-block-button){ margin-right: 0.5rem; float: left; } .alignright:not(.wp-block-button){ margin-left: 0.5rem; float: right; } .wp-block-button.alignleft a{ float: left; margin-right: 1rem; } .wp-block-button.alignright a{ float: right; margin-left: 1rem; } } .wp-caption{ display: inline-block; } .wp-caption img{ margin-bottom: 0.5rem; line-height: 1; } .wp-caption-text{ font-size: 15px; color: #4b5563; } article > *:not(.entry-content), .entry-content > *{ margin-left: auto; margin-right: auto; max-width: 960px; } .entry-content h1, .block-editor-block-list__layout h1{ font-size: 1.5rem; line-height: 2rem; } .entry-content h2, .block-editor-block-list__layout h2{ font-size: 1.25rem; line-height: 1.75rem; } .entry-content h3, .block-editor-block-list__layout h3{ font-size: 1.125rem; line-height: 1.75rem; } .entry-content p a, .entry-content ul a, .entry-content ol a, .block-editor-block-list__layout p a, .block-editor-block-list__layout ul a, .block-editor-block-list__layout ol a{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); text-decoration-line: underline; } .entry-content p a:hover, .entry-content ul a:hover, .entry-content ol a:hover, .block-editor-block-list__layout p a:hover, .block-editor-block-list__layout ul a:hover, .block-editor-block-list__layout ol a:hover{ text-decoration-line: none; } .entry-content p, .entry-content ul, .entry-content ol, .block-editor-block-list__layout p, .block-editor-block-list__layout ul, .block-editor-block-list__layout ol{ margin-bottom: 2rem; } .entry-content ul:not(.block-editor-block-variation-picker__variations) li, .block-editor-block-list__layout ul:not(.block-editor-block-variation-picker__variations) li{ list-style-position: inside; list-style-type: disc; } .entry-content ol li, .block-editor-block-list__layout ol li{ list-style-position: inside; list-style-type: decimal; } #home { background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/hero_bg.jpeg?598daecaa7a0a56d75d97d13f4d7afbe); background-position: top center; background-size: cover; } .poster { background: rgb(15,21,26); background: linear-gradient(0deg, rgba(15,21,26,0.2049194677871149) 0%, rgba(15,21,26,0.5018382352941176) 50%, rgba(6,10,13,0.7455357142857143) 100%); } html { scrollbar-color: #1a2d3d #00070d; scrollbar-width: thin; } html ::-webkit-scrollbar { width: 5px; } html ::-webkit-scrollbar-track { background-color: #00070d; background-color: rgb(4 8 10 / 0.8); border-radius: 10rem; } html ::-webkit-scrollbar-thumb, .tab-pane ::-webkit-scrollbar-thumb { background-color: #1a2d3d; border-radius: 10rem; width: 5px; } html ::-webkit-scrollbar-button { display: none; } html ::-webkit-scrollbar-corner { background-color: #00070d; background-color: rgb(4 8 10 / 0.8); } .wrapper{ margin-left: auto; margin-right: auto; width: 100%; max-width: 1300px; padding-left: 1.25rem; padding-right: 1.25rem; } section { padding-bottom: 2rem; padding-top: 2rem; } @media (min-width: 360px) { section { padding-bottom: 3rem; padding-top: 3rem } } @media (min-width: 480px) { section { padding-bottom: 3.5rem; padding-top: 3.5rem } } @media (min-width: 960px) { section { padding-bottom: 4rem; padding-top: 4rem } } @media (min-width: 1440px) { section { padding-bottom: 5rem; padding-top: 5rem } } header.header--sticky{ z-index: 30; background-color: rgb(4 8 10 / 0.7); padding-top: 0.75rem; padding-bottom: 0.75rem; --tw-backdrop-blur: blur(16px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } nav.nav{ display: flex; justify-content: center; padding-top: 1.125rem; padding-bottom: 1.125rem; padding-left: 2rem; padding-right: 2rem; transition-property: background-color,padding; transition-duration: 400ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); will-change: background-color,padding; } @media (min-width: 600px){ nav.nav{ padding-top: 4rem; padding-bottom: 4rem; padding-left: 2rem; padding-right: 2rem; } } @media (min-width: 782px){ nav.nav{ padding-top: 4.375rem; padding-bottom: 4.375rem; padding-left: 2.5rem; padding-right: 2.5rem; } } @media (min-width: 960px){ nav.nav{ align-items: center; justify-content: space-between; padding-top: 4.5rem; padding-bottom: 4.5rem; padding-left: 3rem; padding-right: 3rem; } } @media (min-width: 1280px){ nav.nav{ padding-left: 1.75rem; padding-right: 1.75rem; } } header.header--sticky nav.nav{ padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0px; padding-right: 0px; } .menu-toggler { align-items: flex-start; background-color: transparent; border: none; color: #ffffff; display: flex; flex-direction: column; justify-content: center; margin: 0; padding: 0; position: relative; transition: transform 0.6s ease-in-out; z-index: 9; } .menu-toggler:before { box-shadow: 0px 0px 30px 18px #0ea5e9; border-radius: 50%; content: ""; height: 0; left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); transition: opacity 0.3s ease-in-out; width: 0; will-change: opacity; z-index: -1; } .menu-toggler--active { transform: translateX(-18.75rem); } .menu-toggler--active:before { opacity: 0.75; } .menu-toggler:focus, .menu-toggler:hover { border-width: 0; outline: none; } .menu-toggler:hover .menu-toggler__bar { background-color: #fff; } .menu-toggler:hover .menu-toggler__bar--bottom { width: 28px; } .menu-toggler:hover:before { opacity: 0.75; } .menu-toggler__bar { background-color: #0ea5e9; display: block; height: 2px; margin: 6px auto; transition: all 0.4s ease-in-out; width: 28px; } .menu-toggler__bar--bottom { margin-left: 0; width: 14px; } .menu-toggler__bar--middle { margin: 0 auto; } .menu-toggler.menu-toggler--active .menu-toggler__bar { background-color: #fff; } .menu-toggler.menu-toggler--active .menu-toggler__bar--bottom { transform: translateY(-8px) rotateZ(-45deg); width: 28px; } .menu-toggler.menu-toggler--active .menu-toggler__bar--middle { width: 0; } .menu-toggler.menu-toggler--active .menu-toggler__bar--top { transform: translateY(8px) rotateZ(45deg); } .section-title{ position: relative; margin-bottom: 3rem; display: block; text-align: center; font-family: 'Bai Jamjuree', sans-serif; font-size: 2rem; font-weight: 700; text-transform: uppercase; line-height: 1.25; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .section-title::before{ position: absolute; bottom: 0px; margin-top: 1.25rem; display: block; height: 2rem; width: 100%; background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/accent.svg?15b7b980a8fdd9b8857f2630497ad7e8); background-size: auto 2rem; background-position: center; background-repeat: no-repeat; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; content: var(--tw-content); will-change: opacity; } .section-title::after{ margin-top: 1.25rem; display: block; height: 2rem; background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/accent.svg?15b7b980a8fdd9b8857f2630497ad7e8); background-size: auto 2rem; background-position: center; background-repeat: no-repeat; opacity: 0; --tw-drop-shadow: drop-shadow(0px 0px 8px #0EA5E9); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; content: var(--tw-content); will-change: opacity; } @media (min-width: 360px){ .section-title{ font-size: 2.125rem; } } @media (min-width: 480px){ .section-title{ font-size: 2.25rem; } } @media (min-width: 600px){ .section-title{ font-size: 2.5rem; } } @media (min-width: 782px){ .section-title{ font-size: 2.75rem; } } @media (min-width: 960px){ .section-title{ margin-bottom: 4rem; font-size: 3rem; } } @media (min-width: 1280px){ .section-title{ font-size: 3.25rem; } .section-title::before{ margin-top: 2.25rem; height: 2.5rem; content: var(--tw-content); background-size: auto 2.5rem; } .section-title::after{ margin-top: 2.25rem; height: 2.5rem; content: var(--tw-content); background-size: auto 2.5rem; } } @media (min-width: 1440px){ .section-title{ margin-bottom: 5rem; font-size: 3.5rem; } } @media (min-width: 1680px){ .section-title{ font-size: 3.75rem; } } .section-title:hover::after { opacity: 1; } .section-title span{ position: relative; display: inline-block; line-height: 1; } .section-title span::before{ position: absolute; top: 50%; left: 100%; margin-top: -1px; margin-left: 1rem; height: 1px; width: 50vw; content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(20 55 80 / var(--tw-bg-opacity)); } .section-title span::after{ position: absolute; top: 50%; right: 100%; margin-top: -1px; margin-right: 1rem; height: 1px; width: 50vw; content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(20 55 80 / var(--tw-bg-opacity)); } @media (min-width: 360px){ .section-title span::before{ content: var(--tw-content); margin-left: 1.25rem; } .section-title span::after{ content: var(--tw-content); margin-right: 1.25rem; } } @media (min-width: 480px){ .section-title span::before{ content: var(--tw-content); margin-left: 1.5rem; } .section-title span::after{ content: var(--tw-content); margin-right: 1.5rem; } } @media (min-width: 600px){ .section-title span::before{ content: var(--tw-content); margin-left: 1.75rem; } .section-title span::after{ content: var(--tw-content); margin-right: 1.75rem; } } @media (min-width: 782px){ .section-title span::before{ content: var(--tw-content); margin-left: 2rem; } .section-title span::after{ content: var(--tw-content); margin-right: 2rem; } } @media (min-width: 960px){ .section-title span::before{ content: var(--tw-content); margin-left: 2.25rem; } .section-title span::after{ content: var(--tw-content); margin-right: 2.25rem; } } @media (min-width: 1280px){ .section-title span::before{ content: var(--tw-content); margin-left: 2.5rem; } .section-title span::after{ content: var(--tw-content); margin-right: 2.5rem; } } @media (min-width: 1440px){ .section-title span::before{ content: var(--tw-content); margin-left: 3rem; } .section-title span::after{ content: var(--tw-content); margin-right: 3rem; } } .section-title small{ margin-top: 1.5rem; display: block; font-family: Manrope, sans-serif; font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity)); } @media (min-width: 782px){ .section-title small{ font-size: 0.875rem; } } .offer-title{ position: relative; margin-bottom: 2rem; display: block; font-family: 'Bai Jamjuree', sans-serif; font-size: 1.875rem; font-weight: 700; text-transform: uppercase; line-height: 1.25; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 360px){ .offer-title{ font-size: 2rem; } } @media (min-width: 480px){ .offer-title{ font-size: 2.125rem; } } @media (min-width: 600px){ .offer-title{ font-size: 2.25rem; } } @media (min-width: 782px){ .offer-title{ font-size: 2.5rem; } } @media (min-width: 960px){ .offer-title{ margin-bottom: 2.5rem; font-size: 2.75rem; } } @media (min-width: 1280px){ .offer-title{ margin-bottom: 3rem; font-size: 3rem; } } address.address strong{ font-family: 'Bai Jamjuree', sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(218 225 229 / var(--tw-text-opacity)); } /*************************************************** * Generated by SVG Artista on 6/23/2022, 9:29:21 PM * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/ .logo svg .svg-elem-1 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; } .logo svg.active .svg-elem-1 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-2 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; } .logo svg.active .svg-elem-2 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-3 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; } .logo svg.active .svg-elem-3 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-4 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; } .logo svg.active .svg-elem-4 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-5 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; } .logo svg.active .svg-elem-5 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-6 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; } .logo svg.active .svg-elem-6 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-7 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; } .logo svg.active .svg-elem-7 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-8 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; } .logo svg.active .svg-elem-8 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-9 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s; } .logo svg.active .svg-elem-9 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-10 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s; } .logo svg.active .svg-elem-10 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-11 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s; } .logo svg.active .svg-elem-11 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-12 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s; } .logo svg.active .svg-elem-12 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-13 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s; } .logo svg.active .svg-elem-13 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-14 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s; } .logo svg.active .svg-elem-14 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-15 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s; } .logo svg.active .svg-elem-15 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-16 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s; } .logo svg.active .svg-elem-16 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-17 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s; } .logo svg.active .svg-elem-17 { fill: rgb(255, 255, 255); } .logo svg .svg-elem-18 { fill: transparent; transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s; } .logo svg.active .svg-elem-18 { fill: rgb(26, 159, 255); } .poster:before { border: 1px #143750 solid; border-color: #1f547a; border-radius: 0.25rem; bottom: 1.125rem; content: ""; left: 1.125rem; pointer-events: none; position: absolute; right: 1.125rem; top: 1.125rem; z-index: 9; } @media (min-width: 576px) { .poster:before { bottom: calc(((100% - 91.66667%) / 2) + 1.125rem); content: ""; left: 3rem; left: calc(((100% - 91.66667%) / 2) + 1.125rem); position: absolute; right: calc(((100% - 91.66667%) / 2) + 1.125rem); top: calc(((100% - 91.66667%) / 2) + 1.125rem) } } @media (min-width: 992px) { .poster:before { bottom: 3rem; content: ""; left: 3rem; position: absolute; right: 3rem; top: 3rem } } @media (min-width: 1280px) { .poster:before{ z-index: 20; } } .prose{ line-height: 1.5; --tw-text-opacity: 1; color: rgb(182 188 191 / var(--tw-text-opacity)); } .prose strong, .prose b{ --tw-text-opacity: 1; color: rgb(218 225 229 / var(--tw-text-opacity)); } .prose ul{ list-style-position: outside; list-style-type: disc; } .prose ul > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .prose ul *::marker{ color: rgb(14 165 233 ); } .prose ul::marker{ color: rgb(14 165 233 ); } .prose h4{ font-family: 'Bai Jamjuree', sans-serif; --tw-text-opacity: 1; color: rgb(182 188 191 / var(--tw-text-opacity)); } body p, body ul, body li, .prose p, .prose ul, .prose li, .prose-sm p, .prose-sm ul, .prose-sm li { font-size: 0.9375rem; line-height: 24px; } .prose p:first-of-type{ font-family: 'Bai Jamjuree', sans-serif; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(218 225 229 / var(--tw-text-opacity)); } .offer .prose h2, .fixed-offer .prose h2{ font-family: 'Bai Jamjuree', sans-serif; --tw-text-opacity: 1; color: rgb(218 225 229 / var(--tw-text-opacity)); margin-bottom: 1.1428571em; font-size: 1.125rem; line-height: 1.75rem; } .prose h2{ font-weight: 600; } .prose h3, .fixed-offer .prose h3{ font-family: 'Bai Jamjuree', sans-serif; } .fixed-offer .prose h4{ font-family: 'Bai Jamjuree', sans-serif; --tw-text-opacity: 1; color: rgb(182 188 191 / var(--tw-text-opacity)); } .fixed-offer .prose p:first-of-type{ font-family: 'Bai Jamjuree', sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 600; } .fixed-offer .prose strong, .fixed-offer .prose b{ --tw-text-opacity: 1; color: rgb(218 225 229 / var(--tw-text-opacity)); } .fixed-offer .prose{ --tw-text-opacity: 1; color: rgb(182 188 191 / var(--tw-text-opacity)); } .offer .prose ul{ list-style-position: outside; list-style-type: disc; } .offer .prose ul > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .offer .prose ul *::marker{ color: rgb(14 165 233 ); } .offer .prose ul::marker{ color: rgb(14 165 233 ); } [data-offer="stale-weglowe-body"] .prose h3{ --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity)); } [data-offer="stale-weglowe-body"] .prose ul{ list-style-position: outside; list-style-type: disc; } [data-offer="stale-weglowe-body"] .prose ul > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } [data-offer="stale-weglowe-body"] .prose ul *::marker{ color: rgb(14 165 233 ); } [data-offer="stale-weglowe-body"] .prose ul::marker{ color: rgb(14 165 233 ); } [data-offer="stale-weglowe-body"] .bg::before{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; display: none !important; background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/niebieski.svg?bce3581ec136f23a5f53494421aa7111); background-position: center; content: var(--tw-content); opacity: 0.5; } [data-offer="stale-weglowe-body"]::before{ position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/blue.svg?58297abf1b852ba7e4a7fa52ae5ecc79); background-size: auto 120%; background-position: left; background-repeat: no-repeat; content: var(--tw-content); opacity: 0.5; } /*************************************************** * Generated by SVG Artista on 5/23/2023, 8:35:38 PM * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/ [data-offer="stale-weglowe-body"] svg .svg-elem-1 { stroke-dashoffset: 277.1929931640625px; stroke-dasharray: 277.1929931640625px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-1 { stroke-dashoffset: 0; } [data-offer="stale-weglowe-body"] svg .svg-elem-2 { stroke-dashoffset: 1370.772216796875px; stroke-dasharray: 1370.772216796875px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-2 { stroke-dashoffset: 0; } [data-offer="stale-weglowe-body"] svg .svg-elem-3 { stroke-dashoffset: 1197.035400390625px; stroke-dasharray: 1197.035400390625px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-3 { stroke-dashoffset: 0; } [data-offer="stale-weglowe-body"] svg .svg-elem-4 { stroke-dashoffset: 418.41400146484375px; stroke-dasharray: 418.41400146484375px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-4 { stroke-dashoffset: 0; } [data-offer="stale-weglowe-body"] svg .svg-elem-5 { stroke-dashoffset: 418.41400146484375px; stroke-dasharray: 418.41400146484375px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-5 { stroke-dashoffset: 0; } [data-offer="stale-weglowe-body"] svg .svg-elem-6 { stroke-dashoffset: 987.1270141601562px; stroke-dasharray: 987.1270141601562px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-6 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); } [data-offer="stale-weglowe-body"] svg .svg-elem-7 { stroke-dashoffset: 872.1633911132812px; stroke-dasharray: 872.1633911132812px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-7 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); } [data-offer="stale-weglowe-body"] svg .svg-elem-8 { stroke-dashoffset: 551.1610107421875px; stroke-dasharray: 551.1610107421875px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-8 { stroke-dashoffset: 0; } [data-offer="stale-weglowe-body"] svg .svg-elem-9 { stroke-dashoffset: 551.1610107421875px; stroke-dasharray: 551.1610107421875px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-9 { stroke-dashoffset: 0; } [data-offer="stale-weglowe-body"] svg .svg-elem-10 { stroke-dashoffset: 842.7014770507812px; stroke-dasharray: 842.7014770507812px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-10 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); } [data-offer="stale-weglowe-body"] svg .svg-elem-11 { stroke-dashoffset: 252.0470428466797px; stroke-dasharray: 252.0470428466797px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-11 { stroke-dashoffset: 0; } [data-offer="stale-weglowe-body"] svg .svg-elem-12 { stroke-dashoffset: 282.9646911621094px; stroke-dasharray: 282.9646911621094px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-12 { stroke-dashoffset: 0; fill: rgb(26, 45, 61); } [data-offer="stale-weglowe-body"] svg .svg-elem-13 { stroke-dashoffset: 65.79188537597656px; stroke-dasharray: 65.79188537597656px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-13 { stroke-dashoffset: 0; fill: rgb(26, 45, 61); } [data-offer="stale-weglowe-body"] svg .svg-elem-14 { stroke-dashoffset: 279.6600646972656px; stroke-dasharray: 279.6600646972656px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-14 { stroke-dashoffset: 0; fill: rgb(26, 45, 61); } [data-offer="stale-weglowe-body"] svg .svg-elem-15 { stroke-dashoffset: 230.04115295410156px; stroke-dasharray: 230.04115295410156px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-15 { stroke-dashoffset: 0; fill: rgb(26, 45, 61); } [data-offer="stale-weglowe-body"] svg .svg-elem-16 { stroke-dashoffset: 277.1929931640625px; stroke-dasharray: 277.1929931640625px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s; } [data-offer="stale-weglowe-body"] svg.active .svg-elem-16 { stroke-dashoffset: 0; } [data-offer="stale-nierdzewne-body"] .prose h3{ --tw-text-opacity: 1; color: rgb(0 204 0 / var(--tw-text-opacity)); } [data-offer="stale-nierdzewne-body"] .prose ul{ list-style-position: outside; list-style-type: disc; } [data-offer="stale-nierdzewne-body"] .prose ul > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } [data-offer="stale-nierdzewne-body"] .prose ul *::marker{ color: rgb(0 204 0 ); } [data-offer="stale-nierdzewne-body"] .prose ul::marker{ color: rgb(0 204 0 ); } [data-offer="stale-nierdzewne-body"] .bg::before{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; display: none !important; background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/zielony.svg?f2d2b16db3a0b9775fd794a7f2555f91); background-position: center; content: var(--tw-content); opacity: 0.5; } [data-offer="stale-nierdzewne-body"]::before{ position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/green.svg?7695e67b664dc222043276f0c5b9d25b); background-size: auto 120%; background-position: left; background-repeat: no-repeat; content: var(--tw-content); opacity: 0.5; } /*************************************************** * Generated by SVG Artista on 5/23/2023, 8:57:10 PM * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/ [data-offer="stale-nierdzewne-body"] svg .svg-elem-1 { stroke-dashoffset: 970.0546875px; stroke-dasharray: 970.0546875px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-1 { stroke-dashoffset: 0; } [data-offer="stale-nierdzewne-body"] svg .svg-elem-2 { stroke-dashoffset: 1434.1533203125px; stroke-dasharray: 1434.1533203125px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-2 { stroke-dashoffset: 0; } [data-offer="stale-nierdzewne-body"] svg .svg-elem-3 { stroke-dashoffset: 926.2262573242188px; stroke-dasharray: 926.2262573242188px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-3 { stroke-dashoffset: 0; } [data-offer="stale-nierdzewne-body"] svg .svg-elem-4 { stroke-dashoffset: 519.447998046875px; stroke-dasharray: 519.447998046875px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-4 { stroke-dashoffset: 0; } [data-offer="stale-nierdzewne-body"] svg .svg-elem-5 { stroke-dashoffset: 519.4439697265625px; stroke-dasharray: 519.4439697265625px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-5 { stroke-dashoffset: 0; } [data-offer="stale-nierdzewne-body"] svg .svg-elem-6 { stroke-dashoffset: 461.0069885253906px; stroke-dasharray: 461.0069885253906px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-6 { stroke-dashoffset: 0; } [data-offer="stale-nierdzewne-body"] svg .svg-elem-7 { stroke-dashoffset: 461.0069885253906px; stroke-dasharray: 461.0069885253906px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-7 { stroke-dashoffset: 0; } [data-offer="stale-nierdzewne-body"] svg .svg-elem-8 { stroke-dashoffset: 363.6369934082031px; stroke-dasharray: 363.6369934082031px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-8 { stroke-dashoffset: 0; } [data-offer="stale-nierdzewne-body"] svg .svg-elem-9 { stroke-dashoffset: 363.6369934082031px; stroke-dasharray: 363.6369934082031px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-9 { stroke-dashoffset: 0; } [data-offer="stale-nierdzewne-body"] svg .svg-elem-10 { stroke-dashoffset: 292.4570007324219px; stroke-dasharray: 292.4570007324219px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-10 { stroke-dashoffset: 0; } [data-offer="stale-nierdzewne-body"] svg .svg-elem-11 { stroke-dashoffset: 57.702049255371094px; stroke-dasharray: 57.702049255371094px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-11 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); } [data-offer="stale-nierdzewne-body"] svg .svg-elem-12 { stroke-dashoffset: 57.700164794921875px; stroke-dasharray: 57.700164794921875px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-12 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); } [data-offer="stale-nierdzewne-body"] svg .svg-elem-13 { stroke-dashoffset: 244.8002471923828px; stroke-dasharray: 244.8002471923828px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-13 { stroke-dashoffset: 0; } [data-offer="stale-nierdzewne-body"] svg .svg-elem-14 { stroke-dashoffset: 57.705081939697266px; stroke-dasharray: 57.705081939697266px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-14 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); } [data-offer="stale-nierdzewne-body"] svg .svg-elem-15 { stroke-dashoffset: 57.70697021484375px; stroke-dasharray: 57.70697021484375px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-15 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); } [data-offer="stale-nierdzewne-body"] svg .svg-elem-16 { stroke-dashoffset: 187.7811279296875px; stroke-dasharray: 187.7811279296875px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-16 { stroke-dashoffset: 0; fill: rgb(26, 45, 61); } [data-offer="stale-nierdzewne-body"] svg .svg-elem-17 { stroke-dashoffset: 154.57357788085938px; stroke-dasharray: 154.57357788085938px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s; } [data-offer="stale-nierdzewne-body"] svg.active .svg-elem-17 { stroke-dashoffset: 0; fill: rgb(26, 45, 61); } [data-offer="stale-kwasoodporne-body"] .prose h3{ --tw-text-opacity: 1; color: rgb(255 0 0 / var(--tw-text-opacity)); } [data-offer="stale-kwasoodporne-body"] .prose ul{ list-style-position: outside; list-style-type: disc; } [data-offer="stale-kwasoodporne-body"] .prose ul > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } [data-offer="stale-kwasoodporne-body"] .prose ul *::marker{ color: rgb(255 0 0 ); } [data-offer="stale-kwasoodporne-body"] .prose ul::marker{ color: rgb(255 0 0 ); } [data-offer="stale-kwasoodporne-body"] .bg::before{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; display: none !important; background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/czerwony.svg?b3f134888491f7914718115424269ab4); background-position: center; content: var(--tw-content); opacity: 0.5; } [data-offer="stale-kwasoodporne-body"]::before{ position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/red.svg?773b204ba0874c8fc9585fa8b7dc445a); background-size: auto 120%; background-position: left; background-repeat: no-repeat; content: var(--tw-content); opacity: 0.5; } /*************************************************** * Generated by SVG Artista on 5/23/2023, 9:05:24 PM * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/ [data-offer="stale-kwasoodporne-body"] svg .svg-elem-1 { stroke-dashoffset: 347.97265625px; stroke-dasharray: 347.97265625px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; } [data-offer="stale-kwasoodporne-body"] svg.active .svg-elem-1 { stroke-dashoffset: 0; } [data-offer="stale-kwasoodporne-body"] svg .svg-elem-2 { stroke-dashoffset: 1758.0146484375px; stroke-dasharray: 1758.0146484375px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; } [data-offer="stale-kwasoodporne-body"] svg.active .svg-elem-2 { stroke-dashoffset: 0; } [data-offer="stale-kwasoodporne-body"] svg .svg-elem-3 { stroke-dashoffset: 1757.5457763671875px; stroke-dasharray: 1757.5457763671875px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; } [data-offer="stale-kwasoodporne-body"] svg.active .svg-elem-3 { stroke-dashoffset: 0; } [data-offer="stale-kwasoodporne-body"] svg .svg-elem-4 { stroke-dashoffset: 715.98779296875px; stroke-dasharray: 715.98779296875px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; } [data-offer="stale-kwasoodporne-body"] svg.active .svg-elem-4 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); } [data-offer="stale-kwasoodporne-body"] svg .svg-elem-5 { stroke-dashoffset: 124.62400817871094px; stroke-dasharray: 124.62400817871094px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; } [data-offer="stale-kwasoodporne-body"] svg.active .svg-elem-5 { stroke-dashoffset: 0; } [data-offer="stale-kwasoodporne-body"] svg .svg-elem-6 { stroke-dashoffset: 124.75499725341797px; stroke-dasharray: 124.75499725341797px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; } [data-offer="stale-kwasoodporne-body"] svg.active .svg-elem-6 { stroke-dashoffset: 0; } [data-offer="stale-kwasoodporne-body"] svg .svg-elem-7 { stroke-dashoffset: 1274.33935546875px; stroke-dasharray: 1274.33935546875px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; } [data-offer="stale-kwasoodporne-body"] svg.active .svg-elem-7 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); } [data-offer="stale-kwasoodporne-body"] svg .svg-elem-8 { stroke-dashoffset: 426.2030944824219px; stroke-dasharray: 426.2030944824219px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; } [data-offer="stale-kwasoodporne-body"] svg.active .svg-elem-8 { stroke-dashoffset: 0; fill: rgb(26, 45, 61); } [data-offer="stale-kwasoodporne-body"] svg .svg-elem-9 { stroke-dashoffset: 299.01751708984375px; stroke-dasharray: 299.01751708984375px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s; } [data-offer="stale-kwasoodporne-body"] svg.active .svg-elem-9 { stroke-dashoffset: 0; fill: rgb(26, 45, 61); } [data-offer="stale-kwasoodporne-body"] svg .svg-elem-10 { stroke-dashoffset: 258.5190124511719px; stroke-dasharray: 258.5190124511719px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s; } [data-offer="stale-kwasoodporne-body"] svg.active .svg-elem-10 { stroke-dashoffset: 0; } [data-offer="stale-specjalne-body"] .prose h3{ --tw-text-opacity: 1; color: rgb(178 48 242 / var(--tw-text-opacity)); } [data-offer="stale-specjalne-body"] .prose ul{ list-style-position: outside; list-style-type: disc; } [data-offer="stale-specjalne-body"] .prose ul > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } [data-offer="stale-specjalne-body"] .prose ul *::marker{ color: rgb(178 48 242 ); } [data-offer="stale-specjalne-body"] .prose ul::marker{ color: rgb(178 48 242 ); } [data-offer="stale-specjalne-body"] .bg::before{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; display: none !important; background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/fioletowy.svg?635d9f7c97d23bb9fcbba3afe73ac699); background-position: center; content: var(--tw-content); opacity: 0.5; } [data-offer="stale-specjalne-body"]::before{ position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/violet.svg?675323c7e0bf22f16f58265d4e45d8d2); background-size: auto 120%; background-position: left; background-repeat: no-repeat; content: var(--tw-content); opacity: 0.5; } /*************************************************** * Generated by SVG Artista on 5/23/2023, 9:08:52 PM * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/ [data-offer="stale-specjalne-body"] svg .svg-elem-1 { stroke-dashoffset: 2620.3779296875px; stroke-dasharray: 2620.3779296875px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; } [data-offer="stale-specjalne-body"] svg.active .svg-elem-1 { stroke-dashoffset: 0; } [data-offer="stale-specjalne-body"] svg .svg-elem-2 { stroke-dashoffset: 591.9559936523438px; stroke-dasharray: 591.9559936523438px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; } [data-offer="stale-specjalne-body"] svg.active .svg-elem-2 { stroke-dashoffset: 0; } [data-offer="stale-specjalne-body"] svg .svg-elem-3 { stroke-dashoffset: 1161.42431640625px; stroke-dasharray: 1161.42431640625px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; } [data-offer="stale-specjalne-body"] svg.active .svg-elem-3 { stroke-dashoffset: 0; } [data-offer="stale-specjalne-body"] svg .svg-elem-4 { stroke-dashoffset: 1087.4019775390625px; stroke-dasharray: 1087.4019775390625px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; } [data-offer="stale-specjalne-body"] svg.active .svg-elem-4 { stroke-dashoffset: 0; } [data-offer="stale-specjalne-body"] svg .svg-elem-5 { stroke-dashoffset: 1557.9454345703125px; stroke-dasharray: 1557.9454345703125px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; } [data-offer="stale-specjalne-body"] svg.active .svg-elem-5 { stroke-dashoffset: 0; } [data-offer="stale-specjalne-body"] svg .svg-elem-6 { stroke-dashoffset: 591.9572143554688px; stroke-dasharray: 591.9572143554688px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; } [data-offer="stale-specjalne-body"] svg.active .svg-elem-6 { stroke-dashoffset: 0; } [data-offer="stale-specjalne-body"] svg .svg-elem-7 { stroke-dashoffset: 1161.419921875px; stroke-dasharray: 1161.419921875px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; } [data-offer="stale-specjalne-body"] svg.active .svg-elem-7 { stroke-dashoffset: 0; } [data-offer="stale-specjalne-body"] svg .svg-elem-8 { stroke-dashoffset: 653.350341796875px; stroke-dasharray: 653.350341796875px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; } [data-offer="stale-specjalne-body"] svg.active .svg-elem-8 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); } [data-offer="stale-specjalne-body"] svg .svg-elem-9 { stroke-dashoffset: 180.93417358398438px; stroke-dasharray: 180.93417358398438px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s; } [data-offer="stale-specjalne-body"] svg.active .svg-elem-9 { stroke-dashoffset: 0; fill: rgb(26, 45, 61); } [data-offer="tworzywa-polimerowe-body"] .prose h3{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-offer="tworzywa-polimerowe-body"] .prose ul{ list-style-position: outside; list-style-type: disc; } [data-offer="tworzywa-polimerowe-body"] .prose ul > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } [data-offer="tworzywa-polimerowe-body"] .prose ul *::marker{ color: rgb(255 255 255 ); } [data-offer="tworzywa-polimerowe-body"] .prose ul::marker{ color: rgb(255 255 255 ); } [data-offer="tworzywa-polimerowe-body"] .bg::before{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; display: none !important; background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/bialy.svg?232f21f3cc9be399325e09dd9e6181ff); background-position: center; content: var(--tw-content); opacity: 0.5; } [data-offer="tworzywa-polimerowe-body"]::before{ position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/white.svg?c59a204a1b3f99d096d733774eaeaddf); background-size: auto 120%; background-position: left; background-repeat: no-repeat; content: var(--tw-content); opacity: 0.5; } /*************************************************** * Generated by SVG Artista on 5/23/2023, 9:23:27 PM * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/ [data-offer="tworzywa-polimerowe-body"] svg .svg-elem-1 { stroke-dashoffset: 729.9624633789062px; stroke-dasharray: 729.9624633789062px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; } [data-offer="tworzywa-polimerowe-body"] svg.active .svg-elem-1 { stroke-dashoffset: 0; } [data-offer="tworzywa-polimerowe-body"] svg .svg-elem-2 { stroke-dashoffset: 363.6789855957031px; stroke-dasharray: 363.6789855957031px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; } [data-offer="tworzywa-polimerowe-body"] svg.active .svg-elem-2 { stroke-dashoffset: 0; } [data-offer="tworzywa-polimerowe-body"] svg .svg-elem-3 { stroke-dashoffset: 1801.347900390625px; stroke-dasharray: 1801.347900390625px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; } [data-offer="tworzywa-polimerowe-body"] svg.active .svg-elem-3 { stroke-dashoffset: 0; } [data-offer="tworzywa-polimerowe-body"] svg .svg-elem-4 { stroke-dashoffset: 363.6789855957031px; stroke-dasharray: 363.6789855957031px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; } [data-offer="tworzywa-polimerowe-body"] svg.active .svg-elem-4 { stroke-dashoffset: 0; } [data-offer="tworzywa-polimerowe-body"] svg .svg-elem-5 { stroke-dashoffset: 1182.5416259765625px; stroke-dasharray: 1182.5416259765625px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; } [data-offer="tworzywa-polimerowe-body"] svg.active .svg-elem-5 { stroke-dashoffset: 0; fill: rgb(254, 254, 254); } [data-offer="tworzywa-polimerowe-body"] svg .svg-elem-6 { stroke-dashoffset: 635.8720092773438px; stroke-dasharray: 635.8720092773438px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; } [data-offer="tworzywa-polimerowe-body"] svg.active .svg-elem-6 { stroke-dashoffset: 0; } [data-offer="tworzywa-polimerowe-body"] svg .svg-elem-7 { stroke-dashoffset: 132.8970947265625px; stroke-dasharray: 132.8970947265625px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; } [data-offer="tworzywa-polimerowe-body"] svg.active .svg-elem-7 { stroke-dashoffset: 0; fill: rgb(26, 45, 61); } [data-offer="tworzywa-polimerowe-body"] svg .svg-elem-8 { stroke-dashoffset: 626px; stroke-dasharray: 626px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; } [data-offer="tworzywa-polimerowe-body"] svg.active .svg-elem-8 { stroke-dashoffset: 0; } [data-offer="metale-kolorowe-body"] .prose h3{ --tw-text-opacity: 1; color: rgb(255 212 0 / var(--tw-text-opacity)); } [data-offer="metale-kolorowe-body"] .prose ul{ list-style-position: outside; list-style-type: disc; } [data-offer="metale-kolorowe-body"] .prose ul > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } [data-offer="metale-kolorowe-body"] .prose ul *::marker{ color: rgb(255 212 0 ); } [data-offer="metale-kolorowe-body"] .prose ul::marker{ color: rgb(255 212 0 ); } [data-offer="metale-kolorowe-body"] .bg::before{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; display: none !important; background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/zolty.svg?9f77265ab3d30c22ba65d1b4facc614d); background-position: center; content: var(--tw-content); opacity: 0.5; } [data-offer="metale-kolorowe-body"]::before{ position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: -1; background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/yellow.svg?6187687601296ba061e9170400237631); background-size: auto 120%; background-position: left; background-repeat: no-repeat; content: var(--tw-content); opacity: 0.25; } /*************************************************** * Generated by SVG Artista on 5/23/2023, 9:19:42 PM * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/ [data-offer="metale-kolorowe-body"] svg .svg-elem-1 { stroke-dashoffset: 470.2711181640625px; stroke-dasharray: 470.2711181640625px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; } [data-offer="metale-kolorowe-body"] svg.active .svg-elem-1 { stroke-dashoffset: 0; } [data-offer="metale-kolorowe-body"] svg .svg-elem-2 { stroke-dashoffset: 173.68800354003906px; stroke-dasharray: 173.68800354003906px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; } [data-offer="metale-kolorowe-body"] svg.active .svg-elem-2 { stroke-dashoffset: 0; } [data-offer="metale-kolorowe-body"] svg .svg-elem-3 { stroke-dashoffset: 347.96099853515625px; stroke-dasharray: 347.96099853515625px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; } [data-offer="metale-kolorowe-body"] svg.active .svg-elem-3 { stroke-dashoffset: 0; } [data-offer="metale-kolorowe-body"] svg .svg-elem-4 { stroke-dashoffset: 173.68800354003906px; stroke-dasharray: 173.68800354003906px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; } [data-offer="metale-kolorowe-body"] svg.active .svg-elem-4 { stroke-dashoffset: 0; } [data-offer="metale-kolorowe-body"] svg .svg-elem-5 { stroke-dashoffset: 1800.77587890625px; stroke-dasharray: 1800.77587890625px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; } [data-offer="metale-kolorowe-body"] svg.active .svg-elem-5 { stroke-dashoffset: 0; } [data-offer="metale-kolorowe-body"] svg .svg-elem-6 { stroke-dashoffset: 691.3330078125px; stroke-dasharray: 691.3330078125px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; } [data-offer="metale-kolorowe-body"] svg.active .svg-elem-6 { stroke-dashoffset: 0; } [data-offer="metale-kolorowe-body"] svg .svg-elem-7 { stroke-dashoffset: 1738.4635009765625px; stroke-dasharray: 1738.4635009765625px; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; } [data-offer="metale-kolorowe-body"] svg.active .svg-elem-7 { stroke-dashoffset: 0; } [data-offer="metale-kolorowe-body"] svg .svg-elem-8 { stroke-dashoffset: 256.26556396484375px; stroke-dasharray: 256.26556396484375px; fill: transparent; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; } [data-offer="metale-kolorowe-body"] svg.active .svg-elem-8 { stroke-dashoffset: 0; fill: rgb(26, 45, 61); } .fixed-offer{ position: fixed; left: 0px; top: 0px; z-index: 40; height: 100vh; width: 100vw; overflow-y: auto; overflow-x: hidden; --tw-bg-opacity: 1; background-color: rgb(15 21 26 / var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .fixed-offer:not(.active){ pointer-events: none; opacity: 0; transition-delay: 500ms; } .fixed-offer__item { } [data-accordion="accordion-toggler"]{ width: 100%; padding-top: 0.75rem; padding-bottom: 0.75rem; --tw-text-opacity: 1; color: rgb(20 55 80 / var(--tw-text-opacity)); } [data-accordion="accordion-toggler"]:hover{ --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity)); } [data-accordion="accordion-toggler"].accordion-toggler--active h3{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-accordion="accordion-toggler"].accordion-toggler--active .accordion-toggler__icon{ --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity)); } [data-accordion="accordion-toggler"].accordion-toggler--active .accordion-toggler__chevron{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-accordion="accordion-toggler"] h3{ text-align: left; font-family: 'Bai Jamjuree', sans-serif; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(218 225 229 / var(--tw-text-opacity)); transition-property: inherit; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } [data-accordion="accordion-toggler"]:hover h3{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } /* .offer__text { margin-bottom: 1rem; } .offer__details { font-size: 0.8125rem; margin-bottom: 3.5rem; } .offer__details > p:first-of-type { color: #fff; font-size: 1rem; font-weight: 500; margin-bottom: 2rem; } .offer__details__head { font-family: serif; font-size: 1.25rem; font-weight: 500; margin-bottom: 1.75em; text-transform: none; } .offer__details__lead { color: #ffffff; font-family: serif; font-size: 0.875rem; font-weight: 500; } .offer__details ul { list-style: none; padding: 0; padding-left: 1.75rem; } .offer__details ul li { margin-bottom: 0.75rem; } .offer__details ul li::before { content: "\2015"; color: #1a9fff; font-weight: 600; display: inline-block; width: 0.875rem; margin-right: 0.875rem; margin-left: -1.75rem; } */ .offer__graph__list { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-end; list-style: none; margin-bottom: 0; padding: 0; position: relative; } @media (min-width: 992px) { .offer__graph__list { margin-left: 16.66667%; } } @media (max-width: 767.98px) { .offer__graph__list { justify-content: space-between; margin: 0 -5px; } } .offer__graph__item { /* box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.1); */ box-shadow: inset 0px 0px 0px 2px #143750; border-radius: 0.25rem; display: block; margin-bottom: 10px; position: relative; transition: box-shadow 0.3s ease-in-out; width: 66.666%; width: calc(50% - 5px); } /* .offer__graph__item:not(:last-child) { overflow: hidden; } */ @media (min-width: 768px) { .offer__graph__item { margin-bottom: 0; width: 20%; } } .offer__graph__item img { position: absolute; height: 100%; vertical-align: middle; width: auto; } @media (min-width: 768px) { .offer__graph__item:last-child { order: -1; } } .offer__graph__item--small { width: calc(50% - 5px); } @media (min-width: 768px) { .offer__graph__item--small { width: 10%; } } .offer__graph__item::after { content: ""; display: block; padding-bottom: 100%; } .offer__graph__item:nth-child(1) { /* box-shadow: inset 0px 0px 0px 2px #1a9fff; */ } @media (min-width: 768px) { .offer__graph__item:nth-child(1) { margin-top: 30%; } } .offer__graph__item:nth-child(1):focus, .offer__graph__item:nth-child(1):hover { box-shadow: inset 0px 0px 0px 2px #1a9fff, 0px 0px 30px 0px #1a9fff; } .offer__graph__item:nth-child(2):hover h3 { /*color: #00cc00;*/ /* box-shadow: inset 0px 0px 0px 2px #00cc00; */ } @media (min-width: 768px) { .offer__graph__item:nth-child(2) { margin-top: 40%; margin-right: -10%; } } .offer__graph__item:nth-child(2):focus, .offer__graph__item:nth-child(2):hover { box-shadow: inset 0px 0px 0px 2px #00cc00, 0px 0px 30px 0px #00cc00; } .offer__graph__item:nth-child(3):hover h3 { /*color: #ff0000;*/ /* box-shadow: inset 0px 0px 0px 2px #ff0000; */ } @media (min-width: 768px) { .offer__graph__item:nth-child(3) { margin-top: 10%; } } .offer__graph__item:nth-child(3):focus, .offer__graph__item:nth-child(3):hover { box-shadow: inset 0px 0px 0px 2px #ff0000, 0px 0px 30px 0px #ff0000; } .offer__graph__item:nth-child(4):hover h3 { /* box-shadow: inset 0px 0px 0px 2px #b230f2; */ } @media (min-width: 768px) { .offer__graph__item:nth-child(4) { margin-top: 30%; } } @media (max-width: 767.98px) { .offer__graph__item:nth-child(4) { margin-left: auto; } } .offer__graph__item:nth-child(4):focus, .offer__graph__item:nth-child(4):hover { box-shadow: inset 0px 0px 0px 2px #b230f2, 0px 0px 30px 0px #b230f2; } .offer__graph__item:nth-child(5) { /* box-shadow: inset 0px 0px 0px 2px #ffffff; */ } @media (min-width: 768px) { .offer__graph__item:nth-child(5) { margin-right: 10%; position: absolute; right: 0; } } .offer__graph__item:nth-child(5):focus, .offer__graph__item:nth-child(5):hover { box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 30px 0px white; } .offer__graph__item:nth-child(6):hover h3 { /*color: #ffd400;*/ /* box-shadow: inset 0px 0px 0px 2px #ffd400; */ } @media (min-width: 768px) { .offer__graph__item:nth-child(6) { margin-top: 10%; } } .offer__graph__item:nth-child(6):focus, .offer__graph__item:nth-child(6):hover { box-shadow: inset 0px 0px 0px 2px #ffd400, 0px 0px 30px 0px #ffd400; box-shadow: inset 0px 0px 0px 2px hsl(50deg 78% 50%), 0px 0px 30px 0px hsl(50deg 75% 50%); } .offer__graph__item:nth-child(6):hover @media (min-width: 768px) .offer__graph__item:nth-child(7) { margin-right: 10%; margin-top: 20%; } @media (max-width: 767.98px) { .offer__graph__item:nth-child(7) { margin-left: auto; } } .offer__graph__item__title, .offer__graph__item__details { position: absolute; } .offer__graph__item__title { color: #ffffff; font-size: 1.25rem; bottom: 10%; font-weight: 600; left: 10%; margin-bottom: 0; pointer-events: none; right: 10%; text-transform: uppercase; z-index: 2; font-family: 'Bai Jamjuree', sans-serif; font-size: 24px; line-height: 1.25; } @media (min-width: 960px){ .offer__graph__item__title{ left: -10%; } } @media (max-width: 767.98px) { .offer__graph__item__title { font-size: 1rem; } } .offer__graph__item__title--small { font-size: 1rem; } @media (max-width: 767.98px) { .offer__graph__item__title--small { font-size: 1rem; } } .offer__graph__item__details { color: #ffffff; font-size: 0.75rem; margin-bottom: 0; margin-left: -100%; margin-right: 50%; position: absolute; text-align: right; top: 50%; transform: translateY(-50%); } @media (max-width: 767.98px) { .offer__graph__item__details { margin-left: -75%; margin-right: 25%; } } .offer__graph__item__btn { background-color: rgba(255, 255, 255, 0.1); background-color: transparent; border: none; height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .offer__graph__item__icon { display: none !important; height: auto; position: absolute; width: 100%; z-index: 0; } .menu { /* bottom: 0; */ height: 100vh; padding: 3rem; padding-bottom: calc(3rem + 75.5px); pointer-events: none; position: fixed; right: 0; top: 0; width: 320px; visibility: hidden; z-index: 20; } @media (min-width: 360px) { .menu { width: 360px; } } @media (min-width: 1200px) { .menu { padding: 6.5rem 3rem 3rem 3rem; } } @media (max-width: 1199.98px) { .menu { padding-bottom: calc(3rem + 48px); } } @media (max-width: 358.98px) { .menu { padding-bottom: calc(3rem + 75.5px); } } .menu:before { background-color: #0e1921; background-color: rgba(107, 196, 255, 0.025); background-color: #060a0d; -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); border: 1px rgb(26 45 61) solid; bottom: 0; content: ""; position: absolute; right: 0; top: 0; transition: width 0.6s ease-in-out; width: 0; z-index: -1; } .menu--active { pointer-events: all; visibility: visible; } .menu--active:before { width: 100%; } .menu--active .menu__item, .menu--active .copy { opacity: 1; transform: translate3d(0, 0, 0); transition: all 0.5s ease-in-out; } .menu--active .menu__item:nth-child(1) { transition-delay: 0.3s; } .menu--active .menu__item:nth-child(2) { transition-delay: 0.4s; } .menu--active .menu__item:nth-child(3) { transition-delay: 0.5s; } .menu--active .menu__item:nth-child(4) { transition-delay: 0.6s; } .menu--active .menu__item:nth-child(5) { transition-delay: 0.7s; } .menu--active .copy { transition-delay: 0.3s; } .menu__wrap { display: flex; flex-direction: column; height: 100%; overflow-y: auto; } .menu__list { counter-reset: item; display: flex; flex-direction: column; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; row-gap: 1.5rem; } .menu__item { counter-increment: item; display: flex; opacity: 0; /* padding-left: 3rem; */ position: relative; transform: translate3d(0, 100%, 0); transition: all 0.3s ease-in-out; } /* .menu-item:before { color: #172733; counter-increment: li; content: counter(item, decimal-leading-zero); font-family: "Bai Jamjuree", sans-serif; font-size: 1.5rem; font-weight: 600; left: 0; position: absolute; } */ .menu__link:before { /* color: #172733; */ counter-increment: li; content: counter(item, decimal-leading-zero); /* font-family: "Bai Jamjuree", sans-serif; */ /* font-size: 1.5rem; */ font-weight: 600; left: 0; position: absolute; --tw-text-opacity: 1; color: rgb(20 55 80 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } /* .menu__item:nth-child(1), .menu__item:nth-child(2), .menu__item:nth-child(3), .menu__item:nth-child(4), .menu__item:nth-child(5) { transition-delay: 0.1s; } */ .menu__item:last-child { margin-right: 0; } .menu__link { /* counter-increment: item; */ display: flex; font-family: "Bai Jamjuree", sans-serif; font-size: 1.125rem; padding: 0.125em 0 0.125em 2.5rem; position: relative; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(218 225 229 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .menu__link:focus, .menu__link:hover { /* color: #1a9fff; */ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .menu__link:hover:before{ --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity)); } .copy { opacity: 0; position: relative; transform: translate3d(0, 50%, 0); transition: all 0.3s ease-in-out; /* transition-delay: 0.1s; */ } .about-short { position: relative; } .about-short::after, .about-short::before { background-color: #143750; content: ""; height: 4.75rem; left: 50%; position: absolute; width: 1px; z-index: 1; } .about-short::after { bottom: -4.75rem; } .about-short::before { top: -4.75rem; } .about-short__image { position: relative; left: 1.5rem; top: 1.5rem; } .about-short__image__wrap { position: relative; } @media (max-width: 767.98px) { .about-short__image__wrap { margin-bottom: 4rem; } } .about-short__image__wrap::before { border: 1px #143750 solid; border-radius: 0.25rem; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .about-short__accent { display: block; font-size: 0.75rem; z-index: 2; --tw-text-opacity: 1; color: rgb(218 225 229 / var(--tw-text-opacity)); } .about-short__accent p { font-size: inherit; } @media (min-width: 768px) { .about-short__accent { position: absolute; width: 14.5rem; } } /* @media (min-width: 1200px) { .about-short__accent { font-size: 0.8125rem; } } */ .about-short__accent--left { color: #ffffff; margin-bottom: 2rem; padding-bottom: 3rem; text-align: center; } @media (min-width: 768px) { .about-short__accent--left { bottom: 20%; left: 0; margin-bottom: 0; margin-left: -7.75rem; padding-bottom: 0; text-align: right; } } .about-short__accent--left span { /* color: #dae1e5; */ /* text-transform: uppercase; */ } .about-short__accent--right { font-size: 1rem; margin-bottom: 2rem; text-align: center; font-family: 'Bai Jamjuree', sans-serif; } @media (min-width: 768px) { .about-short__accent--right { left: 100%; margin-bottom: 0; margin-left: -6.75rem; text-align: left; top: 20%; } } .about-short__accent--right em { color: #fff; font-size: 0.75rem; font-style: normal; font-weight: 600; font-family: Manrope, sans-serif; } .about-short__accent > span { display: block; margin-bottom: 0.25rem; } .about__data h1, .about__data p{ --tw-translate-y: 1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; } .css-selector { background: linear-gradient(235deg, #1c3047, #010203); background-size: 400% 400%; animation: AnimationName 29s ease infinite; } @keyframes AnimationName { 0% { background-position: 0% 88%; } 50% { background-position: 100% 13%; } 100% { background-position: 0% 88%; } } [data-element="offer-slider"]{ position: relative; padding-top: 3rem; padding-bottom: 3rem; opacity: 1; } @media (min-width: 480px){ [data-element="offer-slider"]{ padding-top: 3.5rem; padding-bottom: 3.5rem; } } @media (min-width: 960px){ [data-element="offer-slider"]{ padding-top: 4rem; padding-bottom: 4rem; } } @media (min-width: 1440px){ [data-element="offer-slider"]{ padding-top: 5rem; padding-bottom: 5rem; } } [data-element="offer-slider_bg"]{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; right: 50%; background-size: auto 100%; background-position: right; background-repeat: no-repeat; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 700ms; } @media (max-width: 1279.98px) { [data-element="offer-slider_bg"] { background-image: none !important; } } [data-element="offer-slider_bg"].bg_stale-weglowe{ background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/blue.svg?58297abf1b852ba7e4a7fa52ae5ecc79); } [data-element="offer-slider_bg"].bg_stale-nierdzewne{ background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/green.svg?7695e67b664dc222043276f0c5b9d25b); } [data-element="offer-slider_bg"].bg_stale-kwasoodporne{ background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/red.svg?773b204ba0874c8fc9585fa8b7dc445a); } [data-element="offer-slider_bg"].bg_stale-specjalne{ background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/violet.svg?675323c7e0bf22f16f58265d4e45d8d2); } [data-element="offer-slider_bg"].bg_tworzywa-polimerowe{ background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/white.svg?c59a204a1b3f99d096d733774eaeaddf); } [data-element="offer-slider_bg"].bg_metale-kolorowe{ background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/yellow.svg?6187687601296ba061e9170400237631); } @media not all and (min-width: 782px){ [data-offer = "offer-remover"]{ top: 1.75rem !important; } } [data-offer = "offer-remover"] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } [data-offer = "offer-remover"]:not(.active){ pointer-events: none; opacity: 0; transition-delay: 500ms; } @media not all and (min-width: 782px){ [data-offer="offer-remover"] .offer-remover__x{ height: 2rem; width: 2rem; } } [data-offer="offer-remover"].active .offer-remover__x{ --tw-bg-opacity: 1; background-color: rgb(15 21 26 / var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 782px){ [data-offer="offer-remover"].active .offer-remover__x{ background-color: transparent; } } .marker\:text-muBlue *::marker{ color: rgb(14 165 233 ); } .marker\:text-\[\#0c0\] *::marker{ color: rgb(0 204 0 ); } .marker\:text-\[\#ff0000\] *::marker{ color: rgb(255 0 0 ); } .marker\:text-\[\#b230f2\] *::marker{ color: rgb(178 48 242 ); } .marker\:text-\[\#ffffff\] *::marker{ color: rgb(255 255 255 ); } .marker\:text-\[\#ffd400\] *::marker{ color: rgb(255 212 0 ); } .marker\:text-muBlue::marker{ color: rgb(14 165 233 ); } .marker\:text-\[\#0c0\]::marker{ color: rgb(0 204 0 ); } .marker\:text-\[\#ff0000\]::marker{ color: rgb(255 0 0 ); } .marker\:text-\[\#b230f2\]::marker{ color: rgb(178 48 242 ); } .marker\:text-\[\#ffffff\]::marker{ color: rgb(255 255 255 ); } .marker\:text-\[\#ffd400\]::marker{ color: rgb(255 212 0 ); } .before\:fixed::before{ content: var(--tw-content); position: fixed; } .before\:absolute::before{ content: var(--tw-content); position: absolute; } .before\:inset-0::before{ content: var(--tw-content); top: 0px; right: 0px; bottom: 0px; left: 0px; } .before\:left-1\/2::before{ content: var(--tw-content); left: 50%; } .before\:top-0::before{ content: var(--tw-content); top: 0px; } .before\:bottom-0::before{ content: var(--tw-content); bottom: 0px; } .before\:top-1\/2::before{ content: var(--tw-content); top: 50%; } .before\:left-full::before{ content: var(--tw-content); left: 100%; } .before\:-z-\[10\]::before{ content: var(--tw-content); z-index: -10; } .before\:z-\[-1\]::before{ content: var(--tw-content); z-index: -1; } .before\:-mt-5::before{ content: var(--tw-content); margin-top: -1.25rem; } .before\:mt-5::before{ content: var(--tw-content); margin-top: 1.25rem; } .before\:-mt-\[1px\]::before{ content: var(--tw-content); margin-top: -1px; } .before\:block::before{ content: var(--tw-content); display: block; } .before\:\!hidden::before{ content: var(--tw-content); display: none !important; } .before\:h-20::before{ content: var(--tw-content); height: 5rem; } .before\:h-8::before{ content: var(--tw-content); height: 2rem; } .before\:h-\[1px\]::before{ content: var(--tw-content); height: 1px; } .before\:w-px::before{ content: var(--tw-content); width: 1px; } .before\:w-\[50vw\]::before{ content: var(--tw-content); width: 50vw; } .before\:bg-\[\#143750\]::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(20 55 80 / var(--tw-bg-opacity)); } .before\:bg-\[url\(\"\.\.\/img\/accent\.svg\"\)\]::before{ content: var(--tw-content); background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/accent.svg?15b7b980a8fdd9b8857f2630497ad7e8); } .before\:bg-\[url\(\"\.\.\/img\/niebieski\.svg\"\)\]::before{ content: var(--tw-content); background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/niebieski.svg?bce3581ec136f23a5f53494421aa7111); } .before\:bg-\[url\(\"\.\.\/img\/blue\.svg\"\)\]::before{ content: var(--tw-content); background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/blue.svg?58297abf1b852ba7e4a7fa52ae5ecc79); } .before\:bg-\[url\(\"\.\.\/img\/zielony\.svg\"\)\]::before{ content: var(--tw-content); background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/zielony.svg?f2d2b16db3a0b9775fd794a7f2555f91); } .before\:bg-\[url\(\"\.\.\/img\/green\.svg\"\)\]::before{ content: var(--tw-content); background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/green.svg?7695e67b664dc222043276f0c5b9d25b); } .before\:bg-\[url\(\"\.\.\/img\/czerwony\.svg\"\)\]::before{ content: var(--tw-content); background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/czerwony.svg?b3f134888491f7914718115424269ab4); } .before\:bg-\[url\(\"\.\.\/img\/red\.svg\"\)\]::before{ content: var(--tw-content); background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/red.svg?773b204ba0874c8fc9585fa8b7dc445a); } .before\:bg-\[url\(\"\.\.\/img\/fioletowy\.svg\"\)\]::before{ content: var(--tw-content); background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/fioletowy.svg?635d9f7c97d23bb9fcbba3afe73ac699); } .before\:bg-\[url\(\"\.\.\/img\/violet\.svg\"\)\]::before{ content: var(--tw-content); background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/violet.svg?675323c7e0bf22f16f58265d4e45d8d2); } .before\:bg-\[url\(\"\.\.\/img\/bialy\.svg\"\)\]::before{ content: var(--tw-content); background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/bialy.svg?232f21f3cc9be399325e09dd9e6181ff); } .before\:bg-\[url\(\"\.\.\/img\/white\.svg\"\)\]::before{ content: var(--tw-content); background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/white.svg?c59a204a1b3f99d096d733774eaeaddf); } .before\:bg-\[url\(\"\.\.\/img\/zolty\.svg\"\)\]::before{ content: var(--tw-content); background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/zolty.svg?9f77265ab3d30c22ba65d1b4facc614d); } .before\:bg-\[url\(\"\.\.\/img\/yellow\.svg\"\)\]::before{ content: var(--tw-content); background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/yellow.svg?6187687601296ba061e9170400237631); } .before\:bg-\[length\:auto_2rem\]::before{ content: var(--tw-content); background-size: auto 2rem; } .before\:bg-\[auto_120\%\]::before{ content: var(--tw-content); background-size: auto 120%; } .before\:bg-center::before{ content: var(--tw-content); background-position: center; } .before\:bg-left::before{ content: var(--tw-content); background-position: left; } .before\:bg-no-repeat::before{ content: var(--tw-content); background-repeat: no-repeat; } .before\:opacity-50::before{ content: var(--tw-content); opacity: 0.5; } .before\:transition-opacity::before{ content: var(--tw-content); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .before\:duration-300::before{ content: var(--tw-content); transition-duration: 300ms; } .before\:will-change-\[opacity\]::before{ content: var(--tw-content); will-change: opacity; } .after\:absolute::after{ content: var(--tw-content); position: absolute; } .after\:top-1\/2::after{ content: var(--tw-content); top: 50%; } .after\:right-full::after{ content: var(--tw-content); right: 100%; } .after\:mt-5::after{ content: var(--tw-content); margin-top: 1.25rem; } .after\:-mt-\[1px\]::after{ content: var(--tw-content); margin-top: -1px; } .after\:mr-4::after{ content: var(--tw-content); margin-right: 1rem; } .after\:block::after{ content: var(--tw-content); display: block; } .after\:h-8::after{ content: var(--tw-content); height: 2rem; } .after\:h-\[1px\]::after{ content: var(--tw-content); height: 1px; } .after\:w-\[50vw\]::after{ content: var(--tw-content); width: 50vw; } .after\:bg-\[\#143750\]::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(20 55 80 / var(--tw-bg-opacity)); } .after\:bg-\[url\(\"\.\.\/img\/accent\.svg\"\)\]::after{ content: var(--tw-content); background-image: url(//metalunited.com/wp-content/themes/metalunited.com/css/../images/accent.svg?15b7b980a8fdd9b8857f2630497ad7e8); } .after\:bg-\[length\:auto_2rem\]::after{ content: var(--tw-content); background-size: auto 2rem; } .after\:bg-center::after{ content: var(--tw-content); background-position: center; } .after\:bg-no-repeat::after{ content: var(--tw-content); background-repeat: no-repeat; } .after\:opacity-0::after{ content: var(--tw-content); opacity: 0; } .after\:drop-shadow-\[0px_0px_8px_\#0EA5E9\]::after{ content: var(--tw-content); --tw-drop-shadow: drop-shadow(0px 0px 8px #0EA5E9); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .after\:transition-opacity::after{ content: var(--tw-content); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .after\:duration-300::after{ content: var(--tw-content); transition-duration: 300ms; } .after\:will-change-\[opacity\]::after{ content: var(--tw-content); will-change: opacity; } .hover\:text-white:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hover\:text-muBlue:hover{ --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity)); } .group:hover .group-hover\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media not all and (min-width: 782px){ .max-md\:h-8{ height: 2rem; } .max-md\:w-8{ width: 2rem; } .max-md\:pr-28{ padding-right: 7rem; } } @media (min-width: 360px){ .xxs\:mb-14{ margin-bottom: 3.5rem; } .xxs\:mr-3{ margin-right: 0.75rem; } .xxs\:\!mt-8{ margin-top: 2rem !important; } .xxs\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .xxs\:py-14{ padding-top: 3.5rem; padding-bottom: 3.5rem; } .xxs\:pb-28{ padding-bottom: 7rem; } .xxs\:pt-14{ padding-top: 3.5rem; } .xxs\:text-\[2\.125rem\]{ font-size: 2.125rem; } .xxs\:text-\[2rem\]{ font-size: 2rem; } .before\:xxs\:ml-5::before{ content: var(--tw-content); margin-left: 1.25rem; } .after\:xxs\:mr-5::after{ content: var(--tw-content); margin-right: 1.25rem; } } @media (min-width: 480px){ .xs\:mr-4{ margin-right: 1rem; } .xs\:mb-14{ margin-bottom: 3.5rem; } .xs\:w-11\/12{ width: 91.666667%; } .xs\:py-14{ padding-top: 3.5rem; padding-bottom: 3.5rem; } .xs\:text-\[2\.25rem\]{ font-size: 2.25rem; } .xs\:text-\[2\.125rem\]{ font-size: 2.125rem; } .before\:xs\:ml-6::before{ content: var(--tw-content); margin-left: 1.5rem; } .after\:xs\:mr-6::after{ content: var(--tw-content); margin-right: 1.5rem; } } @media (min-width: 600px){ .sm\:w-11\/12{ width: 91.666667%; } .sm\:py-16{ padding-top: 4rem; padding-bottom: 4rem; } .sm\:px-8{ padding-left: 2rem; padding-right: 2rem; } .sm\:pr-16{ padding-right: 4rem; } .sm\:text-\[2\.5rem\]{ font-size: 2.5rem; } .sm\:text-\[2\.25rem\]{ font-size: 2.25rem; } .before\:sm\:ml-7::before{ content: var(--tw-content); margin-left: 1.75rem; } .after\:sm\:mr-7::after{ content: var(--tw-content); margin-right: 1.75rem; } } @media (min-width: 782px){ .md\:my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .md\:mb-16{ margin-bottom: 4rem; } .md\:block{ display: block; } .md\:flex{ display: flex; } .md\:h-12{ height: 3rem; } .md\:h-6{ height: 1.5rem; } .md\:max-h-\[33vh\]{ max-height: 33vh; } .md\:w-1\/2{ width: 50%; } .md\:w-5\/6{ width: 83.333333%; } .md\:w-11\/12{ width: 91.666667%; } .md\:w-12{ width: 3rem; } .md\:w-6{ width: 1.5rem; } .md\:bg-transparent{ background-color: transparent; } .md\:py-\[4\.375rem\]{ padding-top: 4.375rem; padding-bottom: 4.375rem; } .md\:px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .md\:pl-0{ padding-left: 0px; } .md\:pr-12{ padding-right: 3rem; } .md\:text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .md\:text-\[2\.75rem\]{ font-size: 2.75rem; } .md\:text-\[0\.875rem\]{ font-size: 0.875rem; } .md\:text-\[2\.5rem\]{ font-size: 2.5rem; } .before\:md\:ml-8::before{ content: var(--tw-content); margin-left: 2rem; } .after\:md\:mr-8::after{ content: var(--tw-content); margin-right: 2rem; } } @media (min-width: 960px){ .lg\:fixed{ position: fixed; } .lg\:absolute{ position: absolute; } .lg\:relative{ position: relative; } .lg\:-top-\[1px\]{ top: -1px; } .lg\:-top-\[4\.75rem\]{ top: -4.75rem; } .lg\:right-0{ right: 0px; } .lg\:-left-\[10\%\]{ left: -10%; } .lg\:mb-0{ margin-bottom: 0px; } .lg\:mb-16{ margin-bottom: 4rem; } .lg\:\!mt-12{ margin-top: 3rem !important; } .lg\:mb-10{ margin-bottom: 2.5rem; } .lg\:block{ display: block; } .lg\:flex{ display: flex; } .lg\:hidden{ display: none; } .lg\:h-screen{ height: 100vh; } .lg\:min-h-screen{ min-height: 100vh; } .lg\:w-2\/3{ width: 66.666667%; } .lg\:w-1\/3{ width: 33.333333%; } .lg\:w-1\/2{ width: 50%; } .lg\:w-11\/12{ width: 91.666667%; } .lg\:flex-row{ flex-direction: row; } .lg\:items-center{ align-items: center; } .lg\:justify-between{ justify-content: space-between; } .lg\:py-16{ padding-top: 4rem; padding-bottom: 4rem; } .lg\:py-\[4\.5rem\]{ padding-top: 4.5rem; padding-bottom: 4.5rem; } .lg\:px-12{ padding-left: 3rem; padding-right: 3rem; } .lg\:pr-32{ padding-right: 8rem; } .lg\:text-5xl{ font-size: 3rem; line-height: 1; } .lg\:text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .lg\:text-\[3rem\]{ font-size: 3rem; } .lg\:text-\[2\.75rem\]{ font-size: 2.75rem; } .before\:lg\:ml-9::before{ content: var(--tw-content); margin-left: 2.25rem; } .after\:lg\:mr-9::after{ content: var(--tw-content); margin-right: 2.25rem; } } @media (min-width: 1280px){ .xl\:\!mt-\[4\.5rem\]{ margin-top: 4.5rem !important; } .xl\:mb-12{ margin-bottom: 3rem; } .xl\:w-5\/6{ width: 83.333333%; } .xl\:py-0{ padding-top: 0px; padding-bottom: 0px; } .xl\:py-20{ padding-top: 5rem; padding-bottom: 5rem; } .xl\:px-7{ padding-left: 1.75rem; padding-right: 1.75rem; } .xl\:pb-8{ padding-bottom: 2rem; } .xl\:text-\[3\.25rem\]{ font-size: 3.25rem; } .xl\:text-\[3rem\]{ font-size: 3rem; } .xl\:before\:mt-9::before{ content: var(--tw-content); margin-top: 2.25rem; } .before\:xl\:ml-10::before{ content: var(--tw-content); margin-left: 2.5rem; } .xl\:before\:h-10::before{ content: var(--tw-content); height: 2.5rem; } .xl\:before\:bg-\[length\:auto_2\.5rem\]::before{ content: var(--tw-content); background-size: auto 2.5rem; } .xl\:after\:mt-9::after{ content: var(--tw-content); margin-top: 2.25rem; } .after\:xl\:mr-10::after{ content: var(--tw-content); margin-right: 2.5rem; } .xl\:after\:h-10::after{ content: var(--tw-content); height: 2.5rem; } .xl\:after\:bg-\[length\:auto_2\.5rem\]::after{ content: var(--tw-content); background-size: auto 2.5rem; } } @media (min-width: 1440px){ .\32xl\:-top-\[5\.75rem\]{ top: -5.75rem; } .\32xl\:mb-20{ margin-bottom: 5rem; } .\32xl\:w-5\/6{ width: 83.333333%; } .\32xl\:w-4\/5{ width: 80%; } .\32xl\:py-24{ padding-top: 6rem; padding-bottom: 6rem; } .\32xl\:py-20{ padding-top: 5rem; padding-bottom: 5rem; } .\32xl\:text-\[3\.5rem\]{ font-size: 3.5rem; } .before\:2xl\:ml-12::before{ content: var(--tw-content); margin-left: 3rem; } .after\:2xl\:mr-12::after{ content: var(--tw-content); margin-right: 3rem; } } @media (min-width: 1680px){ .\33xl\:w-3\/4{ width: 75%; } .\33xl\:text-\[3\.75rem\]{ font-size: 3.75rem; } } .cmplz-hidden{display:none!important} #home{background-image:url('https://metalunited.com/wp-content/themes/metalunited.com/images/m1.jpg')} .offer-remover{align-items:flex-start;background-color:transparent;border:none;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0;padding:0;position:fixed;right:0;margin-top:4.5rem;top:35px;transition:all .3s ease-in-out;z-index:99}@media (min-width:480px){.offer-remover{right:4.166665%}}.offer-remover:before{box-shadow:0px 0px 30px 18px #0ea5e9;border-radius:50%;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:opacity .3s ease-in-out;width:0;will-change:opacity;z-index:-1}.offer-remover:hover:before{opacity:.75}.offer-remover:hover .offer-remover__x{transform:rotate(135deg)}.offer-remover:hover .offer-remover__bar{background-color:#fff}.offer-remover__x{align-items:center;justify-content:center;display:flex;position:relative;width:23px;height:23px;transform:rotate(45deg);transition:transform .4s ease-in-out}.offer-remover__bar{background-color:#0ea5e9;display:block;height:3px;margin:6px auto;transition:all .4s ease-in-out;width:23px}.offer-remover__bar:nth-child(2){position:absolute;height:23px;width:3px}.offer-remover{margin-right:2rem}@media (min-width:600px){.offer-remover{margin-right:2rem}}@media (min-width:782px){.offer-remover{margin-right:2.5rem}}@media (min-width:1280px){.offer-remover{margin-right:1.75rem}}