.prd-Charms{block-size:100%}.prd-Charms_Inner{flex-direction:column;display:flex;block-size:100%;padding-inline-start:20px;padding-inline-end:20px;overflow-x:hidden}@media only screen and (min-width: 768px){.prd-Charms_Inner{padding-inline-start:30px;padding-inline-end:30px}}.prd-Charms_Header{align-items:center;justify-content:space-between;display:flex;margin-block-end:10px;padding-block-start:15px}@media only screen and (min-width: 768px){.prd-Charms_Header{padding-block-start:20px}}.prd-Charms_Close{--Close_Size: 30px;--Close_IconSize: 15px;align-items:center;justify-content:center;display:flex;inline-size:var(--Close_Size);block-size:var(--Close_Size);margin-inline-end:calc((var(--Close_Size) - var(--Close_IconSize)) * -.5)}.prd-Charms_CloseIcon{inline-size:15px}.prd-Charms_Text{margin-block-start:10px}@media only screen and (min-width: 768px){.prd-Charms_Text{margin-block-start:20px}}.prd-Charms_Compatibility{margin-block-end:20px;margin-inline:-30px;overflow:visible}.prd-Charms_CompatibilitySlider{display:flex;gap:10px;padding-inline:30px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.prd-Charms_CompatibilityItem{position:relative;flex:140px 0 0}.prd-Charms_CompatibilityItem[aria-hidden=true]{order:2;opacity:.5}.prd-Charms_CompatibilityItem[aria-selected=true]{border:1px solid var(--Color_Border)}.prd-Charms_CompatibilityItem:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-color:#0003}.prd-Charms_CompatibilityTitle{position:absolute;right:20px;bottom:10px;left:20px;z-index:2;text-align:center;color:var(--Color_White)}.prd-Charms_CompatibilityIcon{position:absolute;top:10px;right:10px;z-index:2;text-align:center;border-radius:50%;inline-size:20px;block-size:20px}.prd-Charms_CompatibilityIcon svg{width:10px;margin:0 auto}.prd-Charms_CompatibilityIcon-check{background-color:var(--Color_Success)}.prd-Charms_CompatibilityIcon-cross{background-color:var(--Color_Error)}.prd-Charms_CompatibilityIcon-cross svg{width:8px}.prd-Charms_Subtitle{margin-block-end:20px}.prd-Charms_Body{flex:1}.prd-Charms_Preview{margin-block-start:20px}@media only screen and (min-width: 768px){.prd-Charms_Preview{display:none}}.prd-Charms_Footer{position:sticky;z-index:3;inset-block-end:0;padding-block-start:20px;padding-block-end:20px;background-color:var(--Color_White)}@media only screen and (min-width: 768px){.prd-Charms_Footer{padding-block-start:30px;padding-block-end:30px}}
/*# sourceMappingURL=/cdn/shop/t/483/assets/product-charms.css.map */