@charset "utf-8";

:host { all: initial; }

@media screen and (max-width: 480px) {
  .shoppables-body-no-scroll { overflow: hidden; }
}

#shoppables-root-modal { bottom: 0px; display: block; height: min(600px, 100dvh); overflow: hidden; position: fixed; right: 0px; width: min(340px, 100dvw); z-index: 2147483647; }

@media (max-width: 768px) {
  #shoppables-root-modal { height: 100dvh; width: 100dvw; }
}

#shoppables-root-modal.shoppable-popup-mode { height: 100dvh; width: 100dvw; }

#shoppables-root-modal, .shoppables-root { --arrow-size: 24px; --arrow-size-new: 32px; --slide-gap: 16px; --play-icon-size: var(--space-xl); --cart-title-lines: 2; --font-size-sm: 8px; --font-size-md: 12px; --font-size-lg: 16px; --z-index-0: 0; --z-index-5: 5; --z-index-100: 100; --z-index-200: 200; --z-index-1000: 1000; --z-index-highest: 2147483647; --space-xxs: 4px; --space-xs: 8px; --space-sm: 12px; --space-md: 20px; --space-lg: 32px; --space-xl: 52px; --space-xxl: 84px; box-sizing: border-box; font-weight: 400; max-width: 100vw; overflow: hidden; }

#shoppables-root-modal *, .shoppables-root * { box-sizing: border-box; font-family: var(--font-family); }

.shoppables-visually-hidden { clip: rect(0px, 0px, 0px, 0px); border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px; }

._o7wvu { background-color: rgba(0, 0, 0, 0.17); display: block; height: 100%; min-height: 200px; overflow: hidden; position: relative; width: 100%; }

._o7wvu::after { animation: 1.3s ease 0s infinite normal none running _DoU4Z; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); content: ""; height: 100%; left: 0px; position: absolute; right: 0px; top: 0px; transform: translateX(-100%); z-index: 1; }

@keyframes _DoU4Z { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

._npNeS { align-items: center; color: red; display: flex; font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif; justify-content: center; min-height: 200px; position: relative; text-align: center; }

._npNeS a { color: red; text-decoration: underline; }

._ink3b { color: rgb(51, 51, 51); font-size: 12px; position: absolute; right: 10px; top: 10px; }

._I8rpd { display: none !important; }

._2Tu8w { color: rgb(65, 164, 111); font-size: 16px; }

._2Tu8w, ._zdmAn { font-style: normal; font-weight: 700; line-height: 24px; }

._zdmAn { color: rgb(0, 0, 0); font-size: 20px; }

._Pvt7E { display: flex; position: relative; }

._P1TJ- { display: inline-block; overflow: hidden; }

._P1TJ-._NGHr2 { min-width: 100%; }

._P1TJ-._Y8V-7 { width: 100%; }

._ToW4D { backface-visibility: hidden; display: flex; touch-action: pan-y; }

._ToW4D._Y8V-7 { flex-direction: column; touch-action: pan-x; }

._A1U7V { position: relative; }

._o4sKY { left: 4px; }

._BNA3x, ._o4sKY { position: absolute; top: 50%; transform: translateY(-50%); }

._BNA3x { right: 4px; }

._to3Sf { margin-left: 20px; }

._to3Sf._jy3dU { align-items: center; display: flex; justify-content: center; width: 100%; }

._YJctT { height: 200px; object-fit: cover; width: 200px; }

._x0aX1 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; font-size: 14px; font-weight: 400; letter-spacing: 0px; line-height: 17px; max-width: 100%; overflow: hidden; text-align: left; text-overflow: ellipsis; }

._vCxXA { cursor: pointer; font-family: var(--font-family); text-decoration: none; }

._vCxXA:focus { outline: none; }

._G7B8F { text-decoration: none; }

._CE4di { border-radius: 6px; }

._o3tgA { border-radius: 8px; font-size: 16px; line-height: 24px; padding: 8px 32px; }

._G8ZV- { background: rgb(65, 164, 111); border-color: rgb(65, 164, 111); box-shadow: rgba(0, 0, 0, 0.02) 0px 2px 0px 0px; color: rgb(255, 255, 255); }

._yiJnf { background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(255, 255, 255, 0.04) 0px 2px 0px 0px; }

._yiJnf:hover { background: rgb(245, 245, 245); }

._yiJnf:active { background: rgb(235, 235, 235); }

._LVpPK { display: block; width: 100%; }

._2Ab6m { align-items: center; display: flex; height: 32px; justify-content: center; width: 32px; }

._dYXFU { background: var(--colorBgContainer,#fff); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 6px; box-shadow: rgba(255, 255, 255, 0.04) 0px 2px 0px 0px; padding: 0px; text-align: center; }

._dYXFU:focus { outline: none; }

._cRo45 { display: flex; gap: 8px; }

._cRo45 input::-webkit-inner-spin-button, ._cRo45 input::-webkit-outer-spin-button { appearance: none; margin: 0px; }

._cRo45 input[type="number"] { }

._LCzkI { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><path d=\"M13.625 7.406H2.375a.125.125 0 0 0-.125.125v.938c0 .069.056.125.125.125h11.25a.125.125 0 0 0 .125-.125V7.53a.125.125 0 0 0-.125-.125Z\" fill=\"%23000\" fill-opacity=\".88\"/></svg>"); }

._LCzkI, ._zNn-8 { height: 16px; width: 16px; }

._zNn-8 { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><path d=\"M7.531 2.375h.938c.083 0 .125.042.125.125v11c0 .083-.042.125-.125.125H7.53c-.083 0-.125-.042-.125-.125v-11c0-.083.042-.125.125-.125Z\" fill=\"%23000\" fill-opacity=\".88\"/><path d=\"M2.75 7.406h10.5c.083 0 .125.042.125.125v.938c0 .083-.042.125-.125.125H2.75c-.083 0-.125-.042-.125-.125V7.53c0-.083.042-.125.125-.125Z\" fill=\"%23000\" fill-opacity=\".88\"/></svg>"); }

._toJTE { color: rgb(65, 164, 111); cursor: pointer; font-family: var(--font-family); font-size: 14px; line-height: 22px; text-decoration: none; }

._toJTE._d2jXh { text-decoration: underline; }

._xfetW { overflow: hidden; width: 100%; }

._6rWU8 { align-items: center; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 6px; display: flex; outline: none; position: relative; width: 100%; }

._6rWU8:focus, ._6rWU8:hover { border-color: rgb(54, 159, 94); }

._6rWU8 ._DldN2, ._6rWU8:active { border-color: rgb(47, 131, 80); }

._LCKxf { cursor: pointer; display: flex; flex: 1 1 0%; justify-content: space-between; overflow: hidden; padding: 6px 8px 4px; }

._LCKxf ._fReLs { align-items: center; display: flex; }

._LCKxf:focus, ._LCKxf:hover { color: rgb(54, 159, 94); }

._LCKxf:focus ._fReLs svg path, ._LCKxf:hover ._fReLs svg path { fill: rgb(54, 159, 94); }

._LCKxf._DldN2, ._LCKxf:active { color: rgb(47, 131, 80); }

._LCKxf._DldN2 ._fReLs svg path, ._LCKxf:active ._fReLs svg path { fill: rgb(47, 131, 80); }

._M4Lwb { display: block; flex-grow: 1; flex-wrap: wrap; gap: 0.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }

._Z3DlS { background: none; border: none; color: rgb(119, 119, 119); cursor: pointer; font-size: 1.25em; outline: none; padding: 0px; }

._Z3DlS:focus, ._Z3DlS:hover { color: rgb(51, 51, 51); }

._k0B54 { align-self: stretch; background-color: rgb(119, 119, 119); width: 0.05em; }

._P6gxK { background: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.05) 0px 9px 28px 8px; display: none; list-style: none; margin: 0px; max-height: 200px; overflow-y: auto; padding: 0px; position: absolute; width: 100%; z-index: var(--z-index-100); }

._vRimL { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

._P6gxK._pe7Q4 { display: block; }

._b1GNe { cursor: pointer; padding: 8px; }

._b1GNe._CrrWf { background: rgb(233, 242, 239); color: rgb(65, 164, 111); }

._b1GNe._nwAAs { background: rgba(0, 0, 0, 0.04); }

._leILP { flex-direction: column; flex-grow: 1; justify-content: space-between; margin-top: 24px; }

._XwgJr, ._leILP { display: flex; width: 100%; }

._XwgJr { align-items: center; gap: 8px; margin-bottom: 24px; margin-top: 16px; overflow: hidden; }

._kyBLg { gap: 12px; margin-bottom: 16px; margin-top: 12px; }

._jFgKN, ._kyBLg { display: flex; flex-direction: column; }

._jFgKN { align-items: center; border-top: 1px solid rgba(0, 0, 0, 0.06); box-shadow: rgba(0, 0, 0, 0.05) 0px 9px 28px 8px, rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.08) 0px 6px 16px 0px; gap: 16px; margin: 24px -16px 0px; padding: 12px 16px 24px; }

._tp3Ib { background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 12px; display: flex; flex-direction: column; height: 100%; left: 0px; padding-left: 12px; padding-right: 12px; padding-top: 12px; position: absolute; top: 0px; width: 100%; z-index: var(--z-index-1000); }

._MRAD0 { border-radius: 0px; }

._Je4Ob { right: 12px; top: 12px; z-index: 1001; }

._Je4Ob, ._rLYIo { position: absolute; }

._rLYIo { background: rgba(0, 0, 0, 0.85); height: 4px; left: 0px; top: 0px; width: 100%; z-index: var(--z-index-100); }

._YbMtm { background: rgb(255, 255, 255); height: 100%; transition: width 0.3s linear; will-change: width; }

._ZNE99 { transition: none !important; }

._H05T- { bottom: calc(50% - var(--play-icon-size)/2); cursor: pointer; position: absolute; right: calc(50% - var(--play-icon-size)/2); z-index: var(--z-index-5); }

._bVY5H { height: 100%; position: relative; width: 100%; }

._gKUxz { cursor: pointer; height: 100%; }

._b85co { position: relative; }

._2mxjn, ._b85co { height: 100%; width: 100%; }

._2mxjn { object-fit: cover; }

._2mxjn::-webkit-media-controls { display: none; }

._2mxjn::-webkit-media-text-track-display, ._2mxjn::cue { overflow: visible !important; }

._2mxjn::-webkit-media-text-track-container { font-size: 20px !important; overflow: visible !important; transform: translateY(-23%) !important; }

._Kbj2A { height: 100%; left: 0px; right: 0px; width: 100%; z-index: 2; }

._Kbj2A, ._gc4Dc { position: absolute; }

._gc4Dc { bottom: calc(50% - var(--play-icon-size)/2); cursor: pointer; right: calc(50% - var(--play-icon-size)/2); z-index: var(--z-index-5); }

._ClsjU { position: relative; }

._ClsjU, ._HMGg1 { height: 100%; width: 100%; }

._HMGg1 { object-fit: cover; }

._HMGg1::-webkit-media-controls { display: none; }

._HMGg1::-webkit-media-text-track-display, ._HMGg1::cue { overflow: visible !important; }

._HMGg1::-webkit-media-text-track-container { font-size: 20px !important; overflow: visible !important; transform: translateY(-23%) !important; }

._8Vuuf { height: 100%; left: 0px; right: 0px; width: 100%; z-index: 2; }

._8Vuuf, ._kV3w7 { position: absolute; }

._kV3w7 { bottom: calc(50% - var(--play-icon-size)/2); cursor: pointer; right: calc(50% - var(--play-icon-size)/2); z-index: var(--z-index-5); }

._BkxDL { height: 100%; position: relative; width: 100%; }

._BkxDL img, ._BkxDL picture, ._BkxDL video { height: 100%; object-fit: cover; object-position: center center; width: 100%; z-index: -1; }

._bQhBE { border-radius: 50%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px; max-height: 64px; max-width: 64px; object-fit: cover; user-select: none; width: 32px; }

._aTgK4 { --root-width: 24px; --root-height: 24px; --provider-left: 13px; --provider-top: 13px; --provider-width: 12px; --provider-height: 12px; height: var(--root-height); position: relative; width: var(--root-width); }

._ToDgA { --root-width: 32px; --root-height: 32px; --provider-left: 21px; --provider-top: 22px; }

._iSjtD { --root-width: 40px; --root-height: 40px; --provider-left: 25px; --provider-top: 25px; --provider-width: 16px; --provider-height: 16px; }

._RjNh6 { height: 100%; object-fit: cover; width: 100%; }

._720TG { height: var(--provider-height); left: var(--provider-left); position: absolute; top: var(--provider-top); width: var(--provider-width); }

._720TG svg { display: block; height: 100%; width: 100%; }

._kzFbL { --root-height: 48px; --followers-font-size: var(--font-size-sm); --account-name-font-size: 10px; --padding: var(--space-sm); --root-gap: var(--space-sm); --verified-size: var(--font-size-md); --details-margin: 8px; --verified-gap: 4px; --followers-line-height: 12px; --avatar-size: 24px; background: linear-gradient(rgba(0, 0, 0, 0.75), transparent); display: flex; gap: var(--root-gap); height: var(--root-height); padding: var(--padding); pointer-events: auto; text-align: initial; width: 100%; }

._KpqKI { --root-height: 56px; --avatar-size: 32px; --followers-font-size: 10px; --account-name-font-size: 12px; --root-gap: 12px; --verified-size: var(--font-size-lg); --details-margin: 9px; --followers-line-height: 16px; }

._OZc55 { --root-height: 72px; --avatar-size: 40px; --followers-font-size: 12px; --account-name-font-size: 14px; --padding: 16px; --root-gap: 16px; --verified-size: var(--font-size-lg); --details-margin: 17px; --followers-line-height: 20px; }

._1wkmD { display: flex; flex-direction: column; font-family: var(--font-family); overflow: hidden; }

._micf1 { align-self: center; flex-shrink: 0; }

._CJTCc { font-feature-settings: "tnum", "tnum"; align-items: center; color: rgb(255, 255, 255); display: flex; font-family: var(--font-family); font-size: var(--account-name-font-size); font-weight: 600; line-height: var(--verified-size); list-style: none; overflow: hidden; text-overflow: ellipsis; user-select: none; }

._5in0G { color: rgb(255, 255, 255); font-size: var(--followers-font-size); font-weight: 400; line-height: var(--followers-line-height); transition: color 0.3s ease-in; }

._9KZFy { height: var(--verified-size); width: var(--verified-size); }

._ge4-r { display: flex; gap: var(--verified-gap); }

._sU4AV { align-items: flex-start; overflow: hidden; text-decoration: none; }

._Z9VJz, ._sU4AV { display: flex; width: 100%; }

._Z9VJz { flex-direction: column; height: 100%; padding: 8px; }

._Z9VJz, ._zkEuj { justify-content: space-between; }

._zkEuj { display: flex; flex-direction: row; width: 100%; }

._4P7JZ { -webkit-line-clamp: var(--cart-title-lines); -webkit-box-orient: vertical; align-self: start; display: -webkit-box; font-weight: 500; line-height: 16px; margin-bottom: 12px; text-overflow: ellipsis; visibility: visible; word-break: break-word; }

._4P7JZ, ._S4Fjq { color: rgb(255, 255, 255); font-family: var(--font-family); font-size: 14px; overflow: hidden; width: 100%; }

._S4Fjq { align-items: center; align-self: flex-start; background-color: rgb(65, 164, 111); border-radius: var(--space-xs); box-shadow: rgba(0, 0, 0, 0.02) 0px 2px 0px 0px; cursor: pointer; display: flex; font-weight: 400; height: 32px; justify-content: center; letter-spacing: 0px; line-height: 22px; padding: var(--space-xs) var(--space-sm); text-decoration: none; transition: background-color 0.5s; }

._u4pv- { align-items: flex-start; background: rgba(0, 0, 0, 0.85); border-radius: 8px; justify-content: space-between; overflow: hidden; width: 100%; }

._u4pv-, ._u6FdJ { display: flex; height: 88px; }

._u6FdJ { flex-shrink: 0; padding-left: 12px; text-decoration: none; width: calc(100% - 12px); }

._u6FdJ._sTsPF { padding-right: 12px; }

._u6FdJ._sTsPF._lTeGu { padding-right: 0px; }

._Ly-rx { flex-direction: column; height: 100%; padding: 8px; }

._Ly-rx, ._PJbeB { display: flex; justify-content: space-between; width: 100%; }

._PJbeB { flex-direction: row; }

._517oB { -webkit-line-clamp: var(--cart-title-lines); -webkit-box-orient: vertical; align-self: start; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; visibility: visible; width: 100%; word-break: break-word; }

._517oB, ._X-Zvj { color: rgb(255, 255, 255); font-family: var(--font-family); font-size: 14px; font-weight: 500; line-height: 16px; }

._9iVZB { background: rgb(255, 255, 255); height: 100%; object-fit: contain; width: 64px; }

._GWK1i { align-items: center; align-self: flex-start; background-color: rgb(65, 164, 111); border-radius: var(--space-xs); box-shadow: rgba(0, 0, 0, 0.02) 0px 2px 0px 0px; color: rgb(255, 255, 255); cursor: pointer; display: flex; font-family: var(--font-family); font-size: 14px; font-weight: 400; height: 24px; justify-content: center; letter-spacing: 0px; line-height: 22px; overflow: hidden; padding: var(--space-xs) var(--space-sm); text-decoration: none; transition: background-color 0.5s; }

._GGQkU { --border-radius: 0; background-color: rgb(0, 0, 0); border-radius: var(--border-radius); flex-shrink: 0; height: 100%; margin: 0px auto; overflow: hidden; position: relative; width: 100%; }

@media (min-width: 480px) {
  ._GGQkU { --border-radius: 16px; aspect-ratio: 9 / 16; height: auto; max-width: 360px; }
}

._09sSd { --border-radius: 0; }

._V0HYy { overflow: hidden; z-index: var(--z-index-100); }

._QlOY3, ._V0HYy { position: absolute; width: 100%; }

._QlOY3 { bottom: 12px; z-index: var(--z-index-200); }

._kPBn- { flex-direction: column; height: 100%; justify-content: space-between; min-width: 45px; padding-bottom: 12px; padding-right: 12px; padding-top: 16px; right: 0px; top: 0px; z-index: var(--z-index-100); }

._NFM9k, ._kPBn- { position: absolute; }

._NFM9k { bottom: 36px; }

._NFM9k._PeXSZ { bottom: 112px; }

._LOX-I { height: 100%; overflow-y: hidden; width: 100%; }

._s45To { display: contents; }

@media (min-width: 480px) {
  ._s45To._eHvkQ { background-color: rgba(0, 0, 0, 0.65); display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: var(--z-index-highest) !important; }
}

._qs69u { height: 100%; position: absolute; right: 0px; top: 0px; width: 100%; }

@media (min-width: 480px) {
  ._qs69u { bottom: 16px; height: auto; right: 16px; top: auto; width: 320px; }
  ._qs69u._d6N2e { left: 16px; right: auto; }
  ._qs69u._eHvkQ { bottom: 50%; left: 50%; transform: translate(-50%, 50%); }
  ._qs69u._eHvkQ._d6N2e { left: 50%; }
}

._qs69u:focus-visible { border: none; outline: none; }

._jMaio { --slide-height: 100dvh; height: var(--slide-height); }

@media (min-width: 480px) {
  ._jMaio { --slide-height: 570px; }
}

._-eK6M { bottom: auto; position: relative; right: auto; top: auto; }

._I37hs { position: absolute; }

._I37hs:focus, ._I37hs:hover { color: rgb(0, 0, 0); cursor: pointer; text-decoration: none; }

._GfJVq { display: flex; flex-direction: column; gap: 4px; position: absolute; top: 50%; transform: translateY(-50%); z-index: var(--z-index-100); }

._BsDdS { cursor: pointer; }

._vEz-K { bottom: 32px; display: flex; justify-content: center; left: 50%; padding: 4px; position: absolute; transform: translate(-50%); width: 120px; z-index: var(--z-index-100); }

._ugylU { background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: rgba(255, 255, 255, 0.04) 0px 2px 0px 0px; cursor: pointer; font-size: var(--font-size-lg); line-height: 1.375em; padding: 0 var(--space-xs); }

._ugylU:focus, ._ugylU:hover { border-color: rgb(159, 205, 183); color: rgb(159, 205, 183); }

._ugylU:active { border-color: rgb(47, 131, 80); color: rgb(47, 131, 80); }

._2Va5Z { position: relative; }

._2Va5Z, ._5o8vi { height: 100%; width: 100%; }

._5o8vi { object-fit: cover; }

._5o8vi::-webkit-media-controls { display: none; }

._bXTOI { height: 100%; left: 0px; right: 0px; width: 100%; z-index: 2; }

._ZvwCg, ._bXTOI { position: absolute; }

._ZvwCg { align-items: center; backdrop-filter: blur(var(--space-xss)); background: rgba(0, 0, 0, 0.6); border-radius: 50%; bottom: var(--space-xs); cursor: pointer; display: flex; height: var(--space-lg); justify-content: center; padding: var(--space-xs); right: var(--space-xs); width: var(--space-lg); z-index: var(--z-index-200); }

@container (min-width: 240px) {
  ._ZvwCg { bottom: var(--space-sm); height: 40px; right: var(--space-sm); width: 40px; }
}

._MMRtZ { height: 100%; width: 100%; }

._MMRtZ img, ._MMRtZ picture, ._MMRtZ video { height: 100%; object-fit: cover; object-position: center center; z-index: -1; }

._OMEEc { --slide-size: 168px; cursor: pointer; display: block; flex-shrink: 0; height: 100%; overflow: hidden; padding: calc(var(--slide-gap)/2); position: relative; user-select: none; width: calc(var(--slide-size) + var(--slide-gap)); }

._OMEEc:focus ._sqJl6, ._OMEEc:hover ._sqJl6 { filter: contrast(110%); }

._OMEEc > img, ._OMEEc > picture, ._OMEEc > video { aspect-ratio: inherit; }

._pz2N5 { --slide-size: 240px; }

._bogei { --slide-size: 320px; }

._sqJl6 { border-radius: inherit; height: 100%; margin: 0px; mask-image: -webkit-radial-gradient(center, rgb(255, 255, 255), rgb(0, 0, 0)); overflow: hidden; transition: filter 0.3s; width: 100%; }

@media (min-width: 480px) {
  ._sqJl6 { filter: contrast(90%); }
}

._Q474G { margin: 0px; overflow: hidden; position: absolute; transition: opacity 0.3s ease-in; width: 100%; z-index: var(--z-index-100); }

._4Pch0 { aspect-ratio: 1 / 1; }

._OZn1c { aspect-ratio: 9 / 16; }

._SFquV { border-radius: 50%; height: var(--space-lg); object-fit: cover; width: var(--space-lg); }

@container (min-width: 240px) {
  ._SFquV { height: 40px; width: 40px; }
}

._iFjDp { background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4) 70%, transparent); display: flex; gap: var(--space-xs); padding: var(--space-xs); pointer-events: auto; text-decoration: none; width: 100%; z-index: var(--z-index-100); }

@container (min-width: 240px) {
  ._iFjDp { gap: var(--space-sm); padding: var(--space-sm); }
}

._I3aVG { height: 12px; left: 30px; position: absolute; top: 30px; width: 12px; }

._I3aVG svg { display: block; height: 100%; width: 100%; }

@container (min-width: 240px) {
  ._I3aVG { height: 16px; left: 36px; top: 38px; width: 16px; }
}

._VKERp { flex-direction: column; font-family: var(--font-family); }

._VKERp, ._mRiqC { display: flex; overflow: hidden; }

._mRiqC { font-feature-settings: "tnum", "tnum"; align-items: center; color: rgb(255, 255, 255); font-size: var(--font-size-sm); font-variant: tabular-nums; font-weight: 500; gap: 4px; line-height: 1.5em; list-style: none; max-width: 100%; text-overflow: ellipsis; transition: text-decoration-color 0.3s ease-in, color, -webkit-text-decoration-color; }

@container (min-width: 168px) {
  ._mRiqC { font-size: var(--font-size-md); }
}

@container (min-width: 240px) {
  ._mRiqC { font-size: var(--font-size-lg); }
}

._6B2MV { font-feature-settings: "tnum", "tnum"; color: rgba(255, 255, 255, 0.8); font-size: var(--font-size-sm); font-variant: tabular-nums; line-height: 1.5715; transition: color 0.3s ease-in; }

@container (min-width: 168px) {
  ._6B2MV { font-size: var(--font-size-md); }
}

@container (min-width: 240px) {
  ._6B2MV { font-size: var(--font-size-lg); }
}

._l-GPE { height: var(--font-size-md); width: var(--font-size-md); }

@container (min-width: 240px) {
  ._l-GPE { height: var(--font-size-lg); width: var(--font-size-lg); }
}

._Gezky { align-items: flex-start; background: rgb(255, 255, 255); border: 1px solid rgb(217, 217, 217); border-radius: inherit; display: flex; flex-direction: column; gap: var(--space-sm); justify-content: space-between; max-height: 100%; opacity: 1; overflow: hidden; padding: var(--space-xs) var(--space-sm); text-decoration: none; width: 100%; }

@container (min-width: 240px) {
  ._Gezky { gap: var(--space-sm); padding: var(--space-sm); }
}

@container (min-width: 320px) {
  ._Gezky { gap: var(--space-md); padding: var(--space-sm) var(--space-md); }
}

._hVm8W { color: rgb(0, 0, 0); display: flex; flex: 1 1 0%; flex-direction: column; gap: var(--space-xs); height: 100%; justify-content: flex-start; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }

@container (min-width: 240px) {
  ._hVm8W { flex-direction: row; }
}

@container (min-width: 320px) {
  ._hVm8W { gap: var(--space-sm); }
}

._eu32R { align-items: center; display: flex; flex-direction: column; gap: var(--space-xxs); overflow: hidden; text-align: center; width: 100%; }

@container (min-width: 240px) {
  ._eu32R { align-items: flex-start; gap: var(--space-xs); text-align: initial; }
}

._UWj-E { -webkit-line-clamp: var(--cart-title-lines); -webkit-box-orient: vertical; align-self: start; color: inherit; display: -webkit-box; font-family: var(--font-family); font-size: var(--font-size-md); font-weight: 600; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; visibility: visible; white-space: break-spaces; width: 100%; word-break: break-word; }

@container (min-width: 320px) {
  ._UWj-E { font-size: var(--font-size-lg); line-height: 1.5em; }
}

._A8srQ { color: inherit; font-family: var(--font-family); font-size: var(--font-size-md); font-weight: 400; line-height: 1.5em; }

@container (min-width: 320px) {
  ._A8srQ { font-size: var(--font-size-lg); line-height: 1.5em; }
}

._6hwpq { align-self: center; height: 48px; margin-top: auto; object-fit: contain; width: 100%; }

@container (min-width: 240px) {
  ._6hwpq { height: 36px; }
}

@container (min-width: 320px) {
  ._6hwpq { height: 36px; }
}

._D8n-6._gB3oj ._hVm8W { flex-direction: column; }

._pJe-B { align-self: flex-start; background-color: rgb(255, 255, 255); background-image: linear-gradient(rgb(248, 248, 248), rgba(255, 255, 255, 0) 90%); border: 1px solid rgb(217, 217, 217); border-radius: var(--space-xs); color: rgb(0, 0, 0); cursor: pointer; display: flex; font-family: var(--font-family); font-size: var(--font-size-md); font-weight: 700; justify-content: center; overflow: hidden; padding: var(--space-xs) var(--space-sm); text-decoration: none; transition: background-color 0.5s; width: 100%; }

._pJe-B:hover { background-color: rgb(227, 227, 227); }

._pJe-B:active, ._pJe-B:focus { background-color: rgb(204, 204, 204); }

@container (min-width: 320px) {
  ._pJe-B { font-size: var(--font-size-lg); line-height: 1.5em; padding: var(--space-xs) var(--space-md); }
}

._3oUNS ._pJe-B { width: calc(100% - var(--space-lg)); }

@container (min-width: 240px) {
  ._3oUNS ._pJe-B { width: calc(100% - var(--space-xl)); }
}

._-1Y6q { height: 100%; }

._7u3cI { height: var(--play-icon-size); }

._qISIH { height: 100%; }

._ZLuPP { position: relative; }

._4mEIX, ._ZLuPP { height: 100%; width: 100%; }

._4mEIX { object-fit: cover; }

._4mEIX::-webkit-media-controls { display: none; }

._KVWAi { height: 100%; left: 0px; position: absolute; right: 0px; width: 100%; z-index: 2; }

._V4fMO { bottom: calc(50% - var(--play-icon-size)/2); right: calc(50% - var(--play-icon-size)/2); z-index: var(--z-index-5); }

._PwmUu, ._V4fMO { cursor: pointer; position: absolute; }

._PwmUu { align-items: center; backdrop-filter: blur(var(--space-xss)); background: rgba(0, 0, 0, 0.6); border-radius: 50%; bottom: var(--space-xs); display: flex; height: var(--space-lg); justify-content: center; padding: var(--space-xs); right: var(--space-xs); width: var(--space-lg); z-index: var(--z-index-200); }

@container (min-width: 240px) {
  ._PwmUu { bottom: var(--space-sm); height: 40px; right: var(--space-sm); width: 40px; }
}

._-SGJn { --slide-size: 168px; container-type: inline-size; contain: inline-size layout; display: block; flex-shrink: 0; margin: 0px auto; max-width: 240px; overflow: hidden; padding: calc(var(--slide-gap)/2); position: relative; width: calc(var(--slide-size) + var(--slide-gap)); }

._-SGJn:hover ._CtJTX { filter: contrast(110%); }

._-SGJn:hover ._2EMnx, ._-SGJn:hover ._y-5aJ { opacity: 1; }

._tGo-I { --slide-size: 240px; }

._K4z9V { --slide-size: 320px; }

._JBvJ- ._CtJTX { filter: contrast(115%); }

._CtJTX { border-radius: inherit; filter: contrast(90%); height: 100%; margin: 0px; mask-image: -webkit-radial-gradient(center, rgb(255, 255, 255), rgb(0, 0, 0)); overflow: hidden; transition: filter 0.3s; width: 100%; }

._CtJTX > img, ._CtJTX > picture, ._CtJTX > video { height: 100%; object-fit: cover; object-position: center center; z-index: -1; }

._P1Ft- { cursor: pointer; }

._y-5aJ { container-type: inline-size; contain: inline-size layout; margin: 0px; overflow: hidden; position: absolute; transition: opacity 0.3s ease-in; width: 100%; z-index: 5; }

._0og46 { aspect-ratio: 1 / 1; }

._0og46 > img, ._0og46 > picture, ._0og46 > video { aspect-ratio: inherit; }

._zOTUo { aspect-ratio: 9 / 16; }

._zOTUo > img, ._zOTUo > picture, ._zOTUo > video { aspect-ratio: inherit; }

._2EMnx { container-type: inline-size; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0px; contain: inline-size layout; display: flex; opacity: 0; position: absolute; transition: opacity 0.7s; width: 100%; will-change: opacity; }

@container (max-width: 240px) {
  ._0og46 ._2EMnx { border-radius: inherit; height: 100%; }
}

._NWqIh { display: inline-block; padding-left: 8px; padding-right: 8px; width: fit-content; }

._NWqIh._VwhY9 { padding-left: 10px; padding-right: 10px; }

._uXEyZ { align-items: center; border-radius: 100%; cursor: pointer; display: flex; height: 64px; justify-content: center; padding: 4px; position: relative; transition: filter 0.3s; width: 64px; }

._uXEyZ._VwhY9 { height: 96px; width: 96px; }

._uXEyZ ._bM-2E { left: 0px; position: absolute; top: 0px; z-index: -1; }

._uXEyZ:active, ._uXEyZ:focus, ._uXEyZ:hover { filter: contrast(150%); }

._uXEyZ:active ._S3NGZ, ._uXEyZ:focus ._S3NGZ, ._uXEyZ:hover ._S3NGZ { opacity: 1; }

._oBo84 { height: 100%; position: relative; width: 100%; }

._JkgLS, ._JkgLS img { border-radius: 50%; height: 100%; object-fit: cover; width: 100%; z-index: var(--z-index-0); }

._yHsyC { background: rgba(0, 0, 0, 0.65); border-radius: 100%; display: flex; left: 0px; opacity: 0; transition: opacity 0.4s ease-in-out; width: 100%; z-index: 1; }

._vh4Gj, ._yHsyC { align-items: center; height: 100%; justify-content: center; position: absolute; top: 0px; }

._vh4Gj { cursor: pointer; display: none; right: 0px; transition: background-color 0.3s ease-in; width: calc(var(--arrow-size-new)*1.5); }

._vh4Gj svg { height: var(--arrow-size-new); width: var(--arrow-size-new); }

@media (min-width: 480px) {
  ._vh4Gj { display: flex; }
}

._S1OLC { cursor: not-allowed; opacity: 0.2; }

._7SR5l { align-items: center; cursor: pointer; display: none; height: 100%; justify-content: center; left: 0px; position: absolute; top: 0px; transition: background-color 0.3s ease-in; width: calc(var(--arrow-size-new)*1.5); }

._7SR5l svg { height: var(--arrow-size-new); width: var(--arrow-size-new); }

@media (min-width: 480px) {
  ._7SR5l { display: flex; }
}

._91mD5 { cursor: not-allowed; opacity: 0.2; }

._cqdKs { align-items: center; border-radius: 6px; display: flex; font-family: "Open Sans", sans-serif; font-size: var(--font-size-md); font-weight: 500; gap: 6px; justify-content: center; margin: var(--space-xs) auto 0 auto; padding: var(--space-xxs) var(--space-xs); text-align: center; text-decoration: underline transparent; transition: text-decoration-color 0.3s ease-in, -webkit-text-decoration-color 0.3s ease-in; user-select: none; width: max-content; }

._cqdKs > span { color: inherit; }

._cqdKs:hover { text-decoration-color: rgb(137, 137, 137); }

._j8Bb- { background: rgb(255, 255, 255); color: rgb(158, 158, 158); }

._f7Oc6 { background: rgb(42, 42, 42); color: rgb(223, 223, 223); }

._f7Oc6 svg { filter: invert(1) grayscale(0.9); }

@media screen and (min-width: 480px) {
  ._TU97I { padding-left: calc(var(--arrow-size-new)*1.5); padding-right: calc(var(--arrow-size-new)*1.5); }
  ._dMAkB { max-width: calc(100vw - var(--arrow-size-new)*3); }
}

._36aLi { height: 100%; left: 50%; max-width: 360px; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); z-index: var(--z-index-1000); }

._36aLi, ._BdySg { margin: 0px auto; width: 100%; }

._BdySg { overflow: hidden; position: relative; }