@charset "utf-8";

:root, .m-color-default { --color-background: 255,255,255; --color-background-secondary: 245,245,245; --gradient-background: #ffffff; --color-foreground: 34,34,34; --color-foreground-secondary: 102,102,102; --color-heading: 34,34,34; --color-button: 0,0,0; --color-button-text: 255,255,255; --color-outline-button: 0,0,0; --color-button-hover: 34, 34, 34; --color-button-text-hover: 255, 255, 255; --color-border: 238,238,238; --color-price-sale: 232,78,78; --color-price-regular: 0,0,0; --color-form-field: 255,255,255; --color-form-field-text: 0,0,0; --color-tooltip: 34,34,34; --color-tooltip-text: 255,255,255; }

.m-color-dark { --color-background: 0,0,0; --color-background-secondary: 245,245,245; --gradient-background: #000000; --color-foreground: 255,255,255; --color-foreground-secondary: 255,255,255; --color-heading: 255,255,255; --color-button: 255,255,255; --color-button-text: 34,34,34; --color-outline-button: 255,255,255; --color-button-hover: 255, 255, 255; --color-button-text-hover: 34, 34, 34; --color-border: 75,75,75; --color-price-sale: 232,78,78; --color-price-regular: 255,255,255; --color-form-field: 255,255,255; --color-form-field-text: 34,34,34; --color-tooltip: 255,255,255; --color-tooltip-text: 34,34,34; }

.m-color-footer { --color-background: 245,245,245; --color-background-secondary: 245,245,245; --gradient-background: #f5f5f5; --color-foreground: 0,0,0; --color-foreground-secondary: 102,102,102; --color-heading: 34,34,34; --color-button: 34,34,34; --color-button-text: 255,255,255; --color-outline-button: 34,34,34; --color-button-hover: 34, 34, 34; --color-button-text-hover: 255, 255, 255; --color-border: 222,222,222; --color-price-sale: 232,78,78; --color-price-regular: 0,0,0; --color-form-field: 255,255,255; --color-form-field-text: 0,0,0; --color-tooltip: 34,34,34; --color-tooltip-text: 255,255,255; }

.m-color-badge-hot { --color-background: 154,132,200; --color-background-secondary: 245,245,245; --gradient-background: #9a84c8; --color-foreground: 255,255,255; --color-foreground-secondary: 255,255,255; --color-heading: 255,255,255; --color-button: 255,255,255; --color-button-text: 34,34,34; --color-outline-button: 255,255,255; --color-button-hover: 255, 255, 255; --color-button-text-hover: 34, 34, 34; --color-border: 222,222,222; --color-price-sale: 255,255,255; --color-price-regular: 255,255,255; --color-form-field: 255,255,255; --color-form-field-text: 0,0,0; --color-tooltip: 255,255,255; --color-tooltip-text: 34,34,34; }

.m-color-badge-new { --color-background: 73,165,148; --color-background-secondary: 245,245,245; --gradient-background: #49a594; --color-foreground: 255,255,255; --color-foreground-secondary: 255,255,255; --color-heading: 255,255,255; --color-button: 255,255,255; --color-button-text: 34,34,34; --color-outline-button: 255,255,255; --color-button-hover: 255, 255, 255; --color-button-text-hover: 34, 34, 34; --color-border: 222,222,222; --color-price-sale: 255,255,255; --color-price-regular: 255,255,255; --color-form-field: 255,255,255; --color-form-field-text: 0,0,0; --color-tooltip: 255,255,255; --color-tooltip-text: 34,34,34; }

.m-color-badge-sale { --color-background: 218,63,63; --color-background-secondary: 245,245,245; --gradient-background: #da3f3f; --color-foreground: 255,255,255; --color-foreground-secondary: 255,255,255; --color-heading: 255,255,255; --color-button: 255,255,255; --color-button-text: 34,34,34; --color-outline-button: 255,255,255; --color-button-hover: 255, 255, 255; --color-button-text-hover: 34, 34, 34; --color-border: 222,222,222; --color-price-sale: 255,255,255; --color-price-regular: 255,255,255; --color-form-field: 255,255,255; --color-form-field-text: 0,0,0; --color-tooltip: 255,255,255; --color-tooltip-text: 34,34,34; }

.m-color-scheme-cee058e4-58e3-46aa-9af9-219dadc79066 { --color-background: 244,244,244; --color-background-secondary: 245,245,245; --gradient-background: #f4f4f4; --color-foreground: 34,34,34; --color-foreground-secondary: 102,102,102; --color-heading: 34,34,34; --color-button: 0,0,0; --color-button-text: 255,255,255; --color-outline-button: 0,0,0; --color-button-hover: 34, 34, 34; --color-button-text-hover: 255, 255, 255; --color-border: 238,238,238; --color-price-sale: 232,78,78; --color-price-regular: 0,0,0; --color-form-field: 242,242,242; --color-form-field-text: 0,0,0; --color-tooltip: 34,34,34; --color-tooltip-text: 255,255,255; }

.m-color-scheme-09e5b5b4-774c-4b6c-8025-416ced49cc74 { --color-background: 223,248,239; --color-background-secondary: 245,245,245; --gradient-background: #dff8ef; --color-foreground: 34,34,34; --color-foreground-secondary: 102,102,102; --color-heading: 34,34,34; --color-button: 0,0,0; --color-button-text: 255,255,255; --color-outline-button: 0,0,0; --color-button-hover: 34, 34, 34; --color-button-text-hover: 255, 255, 255; --color-border: 238,238,238; --color-price-sale: 232,78,78; --color-price-regular: 0,0,0; --color-form-field: 255,255,255; --color-form-field-text: 0,0,0; --color-tooltip: 34,34,34; --color-tooltip-text: 255,255,255; }

.m-color-default, .m-color-dark, .m-color-footer, .m-color-badge-hot, .m-color-badge-new, .m-color-badge-sale, .m-color-scheme-cee058e4-58e3-46aa-9af9-219dadc79066, .m-color-scheme-09e5b5b4-774c-4b6c-8025-416ced49cc74 { color: rgb(var(--color-foreground)); background-color: rgb(var(--color-background)); }

:root { --m-duration-short: .1s; --m-duration-default: .25s; --m-duration-long: .5s; --m-duration-image: .65s; --m-duration-animate: 1s; --m-animation-duration: 600ms; --m-animation-fade-in-up: m-fade-in-up var(--m-animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards; --m-animation-fade-in-left: m-fade-in-left var(--m-animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards; --m-animation-fade-in-right: m-fade-in-right var(--m-animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards; --m-animation-fade-in-left-rtl: m-fade-in-left-rtl var(--m-animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards; --m-animation-fade-in-right-rtl: m-fade-in-right-rtl var(--m-animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards; --m-animation-fade-in: m-fade-in calc(var(--m-animation-duration) * 2) cubic-bezier(0, 0, 0.3, 1); --m-animation-zoom-fade: m-zoom-fade var(--m-animation-duration) ease forwards; --base-line-height: 28; --inputs-border-width: 1px; --inputs-radius: 5px; --btn-letter-spacing: 0px; --btn-border-radius: 50px; --btn-border-width: 1px; --btn-line-height: 23px; --color-cart-wishlist-count: #ffffff; --bg-cart-wishlist-count: #da3f3f; --color-image-overlay: #000000; --opacity-image-overlay: 0.2; --color-success: 58,135,53; --color-warning: 210,134,26; --color-error: 218, 63, 63; --color-error-bg: #fbeaea; --color-warning-bg: #faecd7; --color-success-bg: #d1eccf; --text-black: 0,0,0; --text-white: 255,255,255; --bg-black: 0,0,0; --bg-white: 255,255,255; --rounded-full: 9999px; --bg-card-placeholder: rgba(243,243,243,1); --arrow-select-box: url(//www.spigen.com/cdn/shop/t/366/assets/ar-down.svg?v=92728264558441377851760484523); --font-base-size: 16; --font-btn-size: 20px; --font-btn-weight: 500; --font-h1-desktop: 56; --font-h1-tablet: 39; --font-h1-mobile: 33; --font-h2-desktop: 56; --font-h2-tablet: 44; --font-h2-mobile: 39; --font-h3-desktop: 29; --font-h3-tablet: 23; --font-h3-mobile: 20; --font-h4-desktop: 20; --font-h4-tablet: 16; --font-h4-mobile: 16; --font-h5-desktop: 18; --font-h5-mobile: 16; --font-h6-desktop: 16; --font-h6-mobile: 16; --heading-letter-spacing: 0px; --arrow-down-url: url(//www.spigen.com/cdn/shop/t/366/assets/arrow-down.svg?v=157552497485556416461760484524); --arrow-down-white-url: url(//www.spigen.com/cdn/shop/t/366/assets/arrow-down-white.svg?v=70535736727834135531760484524); --product-title-line-clamp: unset; --spacing-sections-desktop: 0px; --spacing-sections-laptop: 0px; --spacing-sections-tablet: 0px; --spacing-sections-mobile: 0px; --container-width: 1200px; --fluid-container-width: 1420px; --fluid-container-offset: 65px; --blocks-radius: 0px; --medium-blocks-radius: 0px; --pcard-radius: 0px; }