@layer bricks {.brxe-button{width:auto}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-post-content{width:100%}.brxe-post-content[data-source=bricks]{display:flex;flex-direction:column}body:has(.wp-lightbox-overlay) #brx-content{overflow:clip}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-shortcode{width:100%}}#brxe-kghttl {font-size: var(--text-3xl); font-weight: 800; color: var(--kb-text-on-dark); line-height: var(--kb-lh-heading)}@media (max-width: 767px) {#brxe-kghttl {font-size: var(--text-2xl)}}#brxe-kghled {max-width: 60ch; font-size: var(--text-m); font-weight: 400; color: var(--kb-text-muted-on-dark); line-height: 1.9}#brxe-kghcon {width: 100%; align-items: center; row-gap: var(--space-xs); text-align: center; max-width: 880px}#brxe-kghero {padding-top: var(--space-l); padding-right: 0; padding-bottom: calc(var(--space-l) + 90px); padding-left: 0}.kg-hero .kg-meta { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 8px; width: auto; } .kg-hero .kg-chip { flex-direction: row; align-items: center; gap: 6px; width: auto; padding: 4px 12px; border-radius: var(--kb-radius-pill, 999px); background: var(--kb-on-dark-a12); color: var(--kb-text-on-dark); font-family: var(--kb-font-num); font-size: var(--text-xs); font-weight: 500; line-height: 1.8; } .kg-hero .kg-chip .brxe-text-basic { color: inherit; } .kg-hero .kg-chip .brxe-icon { color: var(--kb-accent-light, #fac392); font-size: 14px; }img.kg-cover { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 16 / 8; margin-block-start: -90px; padding: 4%; object-fit: contain; border-radius: var(--kb-radius-xl); background: radial-gradient(circle at 50% 45%, #fff 40%, var(--kb-surface-sunken, #eef3f1)); box-shadow: var(--kb-shadow-3, 0 20px 50px rgb(4 37 31 / .18)); }@media (max-width: 767px) { img.kg-cover { margin-block-start: -50px; aspect-ratio: 4 / 3; } }.kg-hero nav.kb-crumb { color: var(--kb-text-muted-on-dark); font-size: var(--text-xs); font-weight: 500; line-height: 1.8; } .kg-hero nav.kb-crumb ol { justify-content: center; margin: 0; } .kg-hero nav.kb-crumb a { color: var(--kb-text-on-dark); text-decoration: none; } .kg-hero nav.kb-crumb a:hover { color: var(--kb-text-on-dark); text-decoration: underline; } .kg-hero nav.kb-crumb [aria-current="page"] { color: var(--kb-text-muted-on-dark); white-space: normal; } .kg-hero nav.kb-crumb ol li:not(:last-child)::after { color: var(--kb-text-muted-on-dark); opacity: .6; margin-inline: 6px; }@media (max-width: 767px) {#brxe-kghero {padding-top: var(--space-m); padding-right: 0; padding-bottom: calc(var(--space-m) + 50px); padding-left: 0}}#brxe-kgcovr {width: 100%}#brxe-kgcvcn {width: 100%; max-width: 880px}#brxe-kgcvsc {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; position: relative; z-index: 2}.kw-card { flex: 1 1 auto; position: relative; overflow: hidden; block-size: 100%; gap: 0; border-radius: var(--kb-radius-l); background: var(--kb-surface); box-shadow: inset 0 0 0 var(--kb-bd-hair) var(--kb-border), var(--kb-shadow-1, 0 1px 2px rgb(0 0 0 / .04)); transition: translate var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out), box-shadow var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out); }@media (hover: hover) { .kw-card:hover { translate: 0 -3px; box-shadow: inset 0 0 0 1px var(--kb-primary-soft), var(--kb-shadow-3, 0 16px 34px rgb(4 37 31 / .12)); } } .kw-card:has(a:focus-visible) { outline: 2px solid var(--kb-focus, #0d3a33); outline-offset: 3px; } .kw-card .kw-img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 16 / 10; padding: 6%; object-fit: contain; background: radial-gradient(circle at 50% 45%, #fff 40%, var(--kb-surface-sunken, #eef3f1)); } .kw-card .kw-body { gap: 6px; padding: var(--space-s); } .kw-card .kw-kick { color: var(--kb-text-brand); font-size: var(--text-xs); font-weight: 600; } .kw-card .kw-title { margin: 0; color: var(--kb-text-heading); font-size: var(--text-l); font-weight: 700; line-height: 1.6; } .kw-card .kw-title a { color: inherit; text-decoration: none; outline: none; } .kw-card .kw-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; } .kw-card .kw-ex { margin: 0; color: var(--kb-text-muted); font-size: var(--text-s); line-height: 1.9; }.kw-grid { align-items: stretch; }#brxe-kgbody {padding-top: var(--space-l); padding-right: 0; padding-bottom: var(--space-l); padding-left: 0}.ki-grid { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: var(--space-l); align-items: start; } .ki-aside { align-self: start; align-items: stretch; position: sticky; inset-block-start: calc(var(--wp-admin--admin-bar--height, 0px) + var(--kb-header-h, 80px) + 16px); display: flex; flex-direction: column; gap: var(--space-s); }.ki-aside .kb-toc { padding: var(--space-s); border-radius: var(--kb-radius-l); background: var(--kb-surface); box-shadow: inset 0 0 0 var(--kb-bd-hair) var(--kb-border); } .kb-toc .x-toc_header { gap: 8px; padding: 0 4px 8px; color: var(--kb-text-subtle); font-size: var(--text-xs); font-weight: 600; line-height: 1.6; } .kb-toc .x-toc_header-icon { font-size: 14px; } .kb-toc .x-toc_body > .x-toc_list { display: flex; flex-direction: column; gap: 2px; } .kb-toc a.x-toc_link { display: flex; gap: 10px; padding: 6px 10px; border-radius: var(--kb-radius-s); color: var(--kb-text); font-size: var(--text-s); font-weight: 500; line-height: 1.7; text-decoration: none; transition: background-color var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out), color var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out); }.kb-toc[data-x-toc*=counter] a.x-toc_link::before { content: counter(x_toc_items); flex: none; display: grid; place-items: center; inline-size: 22px; block-size: 22px; margin-block-start: 2px; border-radius: 50%; background: var(--kb-surface-sunken); color: var(--kb-text-muted); font-family: var(--kb-font-num); font-size: 11px; font-weight: 600; } .kb-toc a.x-toc_link:hover, .kb-toc a.x-toc_link.x-toc_active-link { background: var(--kb-primary-tint); color: var(--kb-text-brand); font-weight: 500; } .kb-toc[data-x-toc*=counter] a.x-toc_link.x-toc_active-link::before { background: var(--kb-primary); color: var(--kb-text-on-brand); }.ki-help { gap: 6px; padding: var(--space-s); border-radius: var(--kb-radius-l); background: linear-gradient(160deg, var(--kb-primary-tint), var(--kb-surface)); box-shadow: inset 0 0 0 var(--kb-bd-hair) var(--kb-primary-soft); } .ki-help h2 { margin: 0; color: var(--kb-text-heading); font-size: var(--text-m); font-weight: 700; line-height: 1.6; } .ki-help p { margin: 0; color: var(--kb-text-muted); font-size: var(--text-xs); line-height: 1.8; } .ki-help .ki-help__tel { align-self: stretch; justify-content: center; gap: 8px; margin-block-start: 6px; font-family: var(--kb-font-num); font-size: var(--text-m); font-weight: 600; line-height: 1.4; } .ki-help .ki-help__tel i { font-size: 18px; }.kg-others { gap: var(--space-s); } .kg-others h2 { margin: 0; color: var(--kb-text-heading); font-size: var(--text-xl); font-weight: 700; line-height: 1.5; } .kg-others .kw-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-s); inline-size: 100%; margin: 0; padding: 0; list-style: none; }@media (max-width: 767px) { .kg-others .kw-grid { grid-template-columns: minmax(0, 1fr); } } .ki-main { min-inline-size: 0; display: flex; flex-direction: column; gap: var(--space-m); } .ki-article { padding: var(--space-l); border-radius: var(--kb-radius-xl); background: var(--kb-surface); box-shadow: inset 0 0 0 var(--kb-bd-hair) var(--kb-border), var(--kb-shadow-1, 0 1px 2px rgb(0 0 0 / .04)); }@media (max-width: 991px) { .ki-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-m); } .ki-aside { position: static; order: 2; } .ki-aside .kb-toc { display: none; } .ki-article { padding: var(--space-m); }}@media (max-width: 479px) { .ki-article { padding: var(--space-s); border-radius: var(--kb-radius-l); } }.kb-prose { color: var(--kb-text); font-size: var(--text-m); line-height: 2.05; } .kb-prose > * + * { margin-block-start: 1em; } .kb-prose h2 { scroll-margin-block-start: calc(var(--wp-admin--admin-bar--height, 0px) + var(--kb-header-h, 80px) + 24px); margin-block: 2em .6em; color: var(--kb-text-heading); font-size: var(--text-xl); font-weight: 700; line-height: 1.5; } .kb-prose h2:first-child { margin-block-start: 0; } .kb-prose p { margin-block: 0 .9em; } .kb-prose a { color: var(--kb-text-brand); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } .kb-prose strong { color: var(--kb-text-heading); font-weight: 700; } .kb-prose ul, .kb-prose ol { margin: 0 0 1em; padding-inline-start: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; } .kb-prose ul > li { position: relative; padding-inline-start: 22px; } .kb-prose ul > li::before { content: ""; position: absolute; inset-inline-start: 4px; inset-block-start: .85em; inline-size: 7px; block-size: 7px; border-radius: 50%; background: var(--kb-accent); } .kb-prose ol { counter-reset: step; } .kb-prose ol > li { position: relative; counter-increment: step; min-block-size: 32px; padding-inline-start: 44px; } .kb-prose ol > li::before { content: counter(step); position: absolute; inset-inline-start: 0; inset-block-start: .3em; display: grid; place-items: center; inline-size: 30px; block-size: 30px; border-radius: 50%; background: var(--kb-primary-tint); color: var(--kb-primary); font-family: var(--kb-font-num); font-size: var(--text-s); font-weight: 700; line-height: 1; } .kb-prose .kb-note { margin-block-start: 1.6em; padding: var(--space-s) var(--space-m); border-radius: var(--kb-radius-m); background: var(--kb-accent-tint); color: var(--kb-accent-deep); font-size: var(--text-s); font-weight: 500; box-shadow: inset 4px 0 0 var(--kb-accent); } .kb-prose .kb-note a { color: inherit; } .kb-prose details { margin: 0; border-radius: var(--kb-radius-m); background: var(--kb-surface); box-shadow: inset 0 0 0 var(--kb-bd-hair) var(--kb-border); transition: box-shadow var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out), background-color var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out); } .kb-prose details + details { margin-block-start: 8px; } .kb-prose details[open] { background: var(--kb-primary-tint); box-shadow: inset 0 0 0 var(--kb-bd-hair) var(--kb-primary-soft); } .kb-prose summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-s); padding: 14px var(--space-s); color: var(--kb-text-heading); font-size: var(--text-m); font-weight: 600; line-height: 1.7; cursor: pointer; list-style: none; } .kb-prose summary::-webkit-details-marker { display: none; } .kb-prose summary::after { content: "\f102"; flex: none; display: grid; place-items: center; inline-size: 28px; block-size: 28px; border-radius: 50%; background: var(--kb-surface-sunken); color: var(--kb-text-muted); font-family: Ionicons; font-size: 16px; font-weight: 400; transition: rotate var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out), background-color var(--kb-dur-base, .2s); } .kb-prose details[open] > summary::after { content: "\f1fc"; background: var(--kb-primary); color: var(--kb-text-on-brand); } .kb-prose summary:focus-visible { outline: 2px solid var(--kb-primary); outline-offset: 2px; border-radius: var(--kb-radius-m); } .kb-prose details > :not(summary) { margin: 0; padding: 0 var(--space-s) var(--space-s); color: var(--kb-text); font-size: var(--text-s); line-height: 2; }@media (max-width: 479px) { .kb-prose { font-size: var(--text-s); } .kb-prose h2 { font-size: var(--text-l); } .kb-prose summary { font-size: var(--text-s); } }@media (max-width: 767px) {#brxe-kgbody {padding-top: var(--space-m); padding-right: 0; padding-bottom: var(--space-m); padding-left: 0}}#brxe-kgpttl {font-size: var(--text-2xl); font-weight: 700; color: var(--kb-text-heading); line-height: var(--kb-lh-heading)}.brxe-kbpcim {height: 100%; width: 100%}.brxe-kbpcim:not(.tag), .brxe-kbpcim img {object-fit: contain}.brxe-kbpcwl .x-favorite_icons {font-size: 1em}.brxe-kbpcwl[data-x-spinner] .x-favorite_icons::before {color: var(--kb-primary)}.brxe-kbpcwl[data-x-spinner] .x-favorite_text:only-child::before {color: var(--kb-primary)}.brxe-kbpcwl .x-favorite {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; justify-content: center; background-color: rgb(var(--kb-rgb-white) / .88); color: var(--kb-text-muted); line-height: 1; border-radius: var(--kb-radius-pill); box-shadow: 0 2px 8px 0 var(--kb-ink-a12)}.brxe-kbpcwl .tippy-content {font-size: var(--text-xs); font-weight: 500}.brxe-kbpcwl .x-favorite { inline-size: 32px; block-size: 32px; display: grid; place-items: center; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: var(--kb-bd-hair) solid var(--kb-border); cursor: pointer; transition: color var(--kb-dur-base) var(--kb-ease-out), background-color var(--kb-dur-base) var(--kb-ease-out), scale var(--kb-dur-base) var(--kb-ease-spring);} .brxe-kbpcwl .x-favorite_icons, .brxe-kbpcwl .x-favorite_icon { display: grid; place-items: center; } .brxe-kbpcwl .x-favorite:hover { background: var(--kb-danger-soft); color: var(--kb-wishlist); } .brxe-kbpcwl .x-favorite[aria-pressed="true"] { color: var(--kb-wishlist); } .brxe-kbpcwl .x-favorite:active { scale: .9; }@media (max-width: 767px) { .brxe-kbpcwl .x-favorite { inline-size: 28px; block-size: 28px; }}.brxe-kbpccp .x-favorite_icons {font-size: 1em}.brxe-kbpccp[data-x-spinner] .x-favorite_icons::before {color: var(--kb-primary)}.brxe-kbpccp[data-x-spinner] .x-favorite_text:only-child::before {color: var(--kb-primary)}.brxe-kbpccp .x-favorite {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; justify-content: center; background-color: rgb(var(--kb-rgb-white) / .88); color: var(--kb-text-muted); line-height: 1; border-radius: var(--kb-radius-pill); box-shadow: 0 2px 8px 0 var(--kb-ink-a12)}.brxe-kbpccp .tippy-content {font-size: var(--text-xs); font-weight: 500}.brxe-kbpccp .x-favorite { inline-size: 32px; block-size: 32px; display: grid; place-items: center; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: var(--kb-bd-hair) solid var(--kb-border); cursor: pointer; transition: color var(--kb-dur-base) var(--kb-ease-out), background-color var(--kb-dur-base) var(--kb-ease-out), scale var(--kb-dur-base) var(--kb-ease-spring);} .brxe-kbpccp .x-favorite_icons, .brxe-kbpccp .x-favorite_icon { display: grid; place-items: center; } .brxe-kbpccp .x-favorite:hover { background: var(--kb-primary-tint); color: var(--kb-primary); } .brxe-kbpccp .x-favorite[aria-pressed="true"] { background: var(--kb-primary); color: var(--kb-text-on-brand); border-color: var(--kb-primary); } .brxe-kbpccp .x-favorite:active { scale: .9; }@media (max-width: 767px) { .brxe-kbpccp .x-favorite { inline-size: 28px; block-size: 28px; }}.brxe-kbpcac {flex-direction: row; position: absolute; top: 6px; left: 6px; width: auto; z-index: 3; column-gap: 4px; align-items: center}.brxe-kbpcac { pointer-events: none; } .brxe-kbpcac > * { pointer-events: auto; }.brxe-kbpcmd {aspect-ratio: var(--kb-card-media-ar); background-color: var(--kb-surface-sunken); border-radius: var(--kb-radius-s); overflow: hidden; position: relative}.brxe-kbpcbr {color: var(--kb-text-brand); font-size: var(--text-xs); font-weight: 600; line-height: 1.5; margin-bottom: calc(-1 * var(--space-2xs))}.brxe-kbpctt {color: var(--kb-text); font-size: var(--text-s); font-weight: 500; line-height: 1.8}.brxe-kbpctt a::after, a.brxe-kbpctt::after { content: ""; position: absolute; inset: 0; z-index: var(--kb-z-content, 2);}.brxe-kbpcsp {color: var(--kb-text-muted); font-size: var(--text-xs); font-weight: 400; line-height: 1.5; font-family: "Abar FaNum"; white-space: nowrap; overflow: hidden}.brxe-kbpcsp { text-overflow: ellipsis; }.brxe-kbpcri.brxi-kgpcrd {color: var(--kb-rating-star); fill: var(--kb-rating-star); font-size: 1.15em}.brxe-kbpcrv {font-family: "Abar FaNum"; font-weight: 700; color: var(--kb-text)}.brxe-kbpcrc {font-family: "Abar FaNum"; color: var(--kb-text-subtle)}.brxe-kbpcrt {flex-direction: row; align-items: center; column-gap: 4px; width: auto}.brxe-kbpclw {background-color: var(--kb-warning-soft); border-radius: var(--kb-radius-pill); padding-top: 1px; padding-right: 7px; padding-bottom: 1px; padding-left: 7px; font-family: "Abar FaNum"; font-size: 11px; font-weight: 500; line-height: 1.6; color: var(--kb-warning)}.brxe-kbpclw { display: inline-flex; align-items: center; gap: 5px; } .brxe-kbpclw::before { content: ""; inline-size: 5px; block-size: 5px; border-radius: 50%; background: var(--kb-stock-low); }.brxe-kbpcmt {flex-direction: row; align-items: center; justify-content: space-between; column-gap: var(--space-2xs); row-gap: var(--space-3xs); flex-wrap: wrap; font-size: var(--text-xs); line-height: 1.6}.brxe-kbpcsd { display: inline-flex; align-items: center; gap: 3px; padding: 1px 9px 1px 7px; border-radius: var(--kb-radius-pill, 999px); background: linear-gradient(100deg, var(--kb-accent-light, #f0a24b), var(--kb-accent, #d98324) 55%, var(--kb-accent-deep, #a85c14)); color: var(--kb-cta-text, #fff); font-size: 11px; font-weight: 700; line-height: 1.75; box-shadow: 0 3px 8px rgb(var(--kb-rgb-accent, 217 131 36) / .3); }.brxe-kbpcpc { margin-inline-start: auto; padding: 0 7px; border-radius: var(--kb-radius-pill, 999px); background: var(--kb-accent-tint, #fdf0e1); color: var(--kb-accent-deep, #a85c14); font-family: var(--kb-font-num); font-size: 11px; font-weight: 700; line-height: 1.75; box-shadow: inset 0 0 0 1px rgb(var(--kb-rgb-accent, 217 131 36) / .25); direction: ltr; unicode-bidi: isolate; }.brxe-kbpcdr {flex-direction: row; align-items: center; column-gap: 6px; row-gap: 4px; flex-wrap: wrap; width: 100%; margin-bottom: 4px}.brxe-kbpcdr .kb-ico { inline-size: 12px; block-size: 12px; fill: currentColor; flex: none; }.brxe-930d27 > .brxe-kbpcpw { align-self: stretch; }.brxe-kbpcpw {margin-top: auto; font-size: var(--text-m)}@media (max-width: 767px) {.brxe-kbpcpw {font-size: var(--text-s)}}.brxe-kbpcsv { align-self: stretch; max-inline-size: none; display: flex; align-items: center; justify-content: center; gap: 6px; margin: 2px calc(-1 * var(--space-s)) calc(-1 * var(--space-s)); padding: 9px var(--space-s); border-block-start: 1.5px dashed rgb(var(--kb-rgb-accent, 217 131 36) / .45); border-radius: 0 0 var(--kb-radius-m) var(--kb-radius-m); background: linear-gradient(100deg, var(--kb-accent-tint, #fdf0e1), #fff7ee); color: var(--kb-accent-deep, #a85c14); font-family: var(--kb-font-num); font-size: var(--text-xs); font-weight: 700; line-height: 1.6; text-align: center; } .brxe-kbpcsv .kb-ico { inline-size: 14px; block-size: 14px; fill: currentColor; flex: none; }@media (max-width: 767px) { .brxe-kbpcsv { margin: 2px calc(-1 * var(--space-xs)) calc(-1 * var(--space-xs)); padding: 8px 6px; font-size: 11px; } }.brxe-930d27:hover {border-color: var(--kb-border-brand)}.brxe-930d27 {transition: border-color 600ms cubic-bezier(.22, 1, .36, 1), box-shadow 600ms cubic-bezier(.22, 1, .36, 1), transform 600ms cubic-bezier(.22, 1, .36, 1); height: 100%; padding-top: var(--space-s); padding-right: var(--space-s); padding-bottom: var(--space-s); padding-left: var(--space-s); position: relative; row-gap: var(--space-xs)}.brxe-930d27 .brxe-kbpcim { transition: transform 900ms cubic-bezier(.22, 1, .36, 1);} .brxe-930d27 .brxe-kbpctt,.brxe-930d27 .brxe-kbpctt a { transition: color 450ms cubic-bezier(.22, 1, .36, 1);}@media (hover: hover) and (pointer: fine) { .brxe-930d27:hover { transform: translateY(-4px); box-shadow: var(--kb-shadow-3); } .brxe-930d27:hover .brxe-kbpcim { transform: scale(1.05); } .brxe-930d27:hover .brxe-kbpctt, .brxe-930d27:hover .brxe-kbpctt a { color: var(--kb-text-brand); }}@media (prefers-reduced-motion: reduce) { .brxe-930d27:hover, .brxe-930d27:hover .brxe-kbpcim { transform: none; }}.brxe-930d27:has(.brxe-kbsto2) .brxe-kbpcim { opacity: .55; filter: grayscale(.5); }@media (max-width: 767px) {.brxe-930d27 {padding-top: var(--space-xs); padding-right: var(--space-xs); padding-bottom: var(--space-xs); padding-left: var(--space-xs); row-gap: var(--space-2xs)}}.brxe-kgpl00.brxe-block {height: 100%}#brxe-kgpgrd {display: grid; align-items: initial; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-s); width: 100%}.brxe-kgpgrd { list-style: none; margin: 0; padding: 0; }@media (max-width: 991px) {#brxe-kgpgrd {grid-template-columns: repeat(3, minmax(0, 1fr))}}@media (max-width: 767px) {#brxe-kgpgrd {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xs)}}#brxe-kgpcon {row-gap: var(--space-m)}#brxe-kgprod {padding-top: var(--space-m); padding-right: 0; padding-bottom: var(--space-xl); padding-left: 0}@media (max-width: 767px) {#brxe-kgprod {padding-top: var(--space-s); padding-right: 0; padding-bottom: var(--space-l); padding-left: 0}}.brxe-kbstd2 {background-color: var(--kb-stock-out); border-radius: var(--kb-radius-circle); flex-shrink: 0; height: 5px; width: 5px}.brxe-kbstt2 {color: var(--kb-danger-strong)}.brxe-kbsto2 {flex-direction: row; align-items: center; column-gap: 5px; width: auto; background-color: var(--kb-danger-soft); border-radius: var(--kb-radius-pill); padding-top: 1px; padding-right: 7px; padding-bottom: 1px; padding-left: 7px; color: var(--kb-danger-strong)}.brxe-kbstd3 {background-color: var(--kb-stock-low); border-radius: var(--kb-radius-circle); flex-shrink: 0; height: 5px; width: 5px}.brxe-kbstt3 {color: var(--kb-warning)}.brxe-kbstb3 {flex-direction: row; align-items: center; column-gap: 5px; width: auto; background-color: var(--kb-warning-soft); border-radius: var(--kb-radius-pill); padding-top: 1px; padding-right: 7px; padding-bottom: 1px; padding-left: 7px; color: var(--kb-warning)}.brxe-cf9bd8 {align-items: center; column-gap: var(--space-2xs); flex-direction: row; font-size: 11px; font-weight: 500; line-height: 1.6; width: auto}.brxe-kbprpr {color: var(--kb-price); font-family: "Abar FaNum"; font-weight: 700; line-height: 1.4}.brxe-kbprpr .price del { display: block; font-size: 0.65em; font-weight: 400; color: var(--kb-price-was);}.brxe-kbprpr .price ins { text-decoration: none;}.brxe-kbprcl {color: var(--kb-text-brand); font-weight: 700}.brxe-4fa882 {align-items: baseline; column-gap: var(--space-2xs); flex-direction: row; flex-wrap: wrap; row-gap: var(--space-3xs); width: auto}