:root,[data-theme=light]{--dialog-overlay-bg: rgba(0, 0, 0, .5);--dialog-content-bg: var(--color-bg-primary);--dialog-content-radius: var(--radius-lg);--dialog-content-shadow: var(--shadow-lg);--dialog-content-padding: var(--space-inset-lg);--dialog-content-minWidth: 320px;--dialog-content-maxWidth: 480px;--dialog-header-gap: var(--space-gap-sm);--toast-container-bg: var(--color-bg-primary);--toast-container-radius: var(--radius-md);--toast-container-shadow: var(--shadow-md);--toast-container-padding: var(--space-inset-md);--toast-container-minWidth: 280px;--toast-gap: var(--space-gap-sm);--toast-offset: var(--space-4);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px;--breakpoint-desktop: 1200px;--color-white: #ffffff;--color-black: #000000;--color-gray-8: #F6F7F9;--color-gray-9: #F5F5F5;--color-gray-10: #F0F1F4;--color-gray-15: #E5E7EA;--color-gray-20: #DADDE0;--color-gray-25: #D9D9D9;--color-gray-30: #C9CDD2;--color-gray-35: #C6C6C6;--color-gray-40: #B2B8BE;--color-gray-50: #99A1A8;--color-gray-60: #757D86;--color-gray-70: #50585F;--color-gray-80: #3A3E45;--color-gray-85: #393939;--color-gray-90: #21242A;--color-gray-100: #131518;--color-green-10: #F3FCE3;--color-green-20: #DCF4B8;--color-green-30: #BEE689;--color-green-40: #A3E25A;--color-green-45: #9BCE26;--color-green-50: #82DC28;--color-green-60: #5FBE00;--color-green-70: #538C19;--color-green-80: #3C6612;--color-green-90: #2D4D0E;--color-green-100: #192B08;--color-green-starRating: #217E00;--color-coral-10: #FFEAE5;--color-coral-20: #FFC8BD;--color-coral-30: #FFA894;--color-coral-40: #FF7878;--color-coral-50: #FF514D;--color-coral-60: #FB2723;--color-coral-70: #D8150E;--color-coral-80: #B10B02;--color-coral-90: #8A0700;--color-coral-100: #610B00;--color-yellow-10: #FEFFE6;--color-yellow-20: #FFFFB2;--color-yellow-30: #FFFA80;--color-yellow-40: #FFF34D;--color-yellow-50: #FFE51F;--color-yellow-60: #FAD105;--color-yellow-70: #DAAC06;--color-yellow-80: #AD7F00;--color-yellow-90: #7A5A00;--color-yellow-100: #573E00;--color-orange-10: #FFF6E0;--color-orange-20: #FFDDC2;--color-orange-30: #FFC399;--color-orange-40: #FFA770;--color-orange-50: #FF9447;--color-orange-60: #FD7E14;--color-orange-70: #DB5406;--color-orange-80: #B23C00;--color-orange-90: #802600;--color-orange-100: #611A00;--color-pink-10: #FFF0F6;--color-pink-20: #FFD6E7;--color-pink-30: #FFADD2;--color-pink-40: #FF85C0;--color-pink-50: #F759AB;--color-pink-60: #EB2F96;--color-pink-70: #C41D7F;--color-pink-80: #9E1068;--color-pink-90: #780650;--color-pink-100: #520339;--color-violet-10: #F9F0FF;--color-violet-20: #EFDBFF;--color-violet-30: #D3ADF7;--color-violet-40: #B37FEB;--color-violet-50: #9254DE;--color-violet-60: #722ED1;--color-violet-70: #531DAB;--color-violet-80: #391085;--color-violet-90: #22075E;--color-violet-100: #120338;--color-cyan-10: #E6FFFB;--color-cyan-20: #B5F5EC;--color-cyan-30: #87E8DE;--color-cyan-40: #5CDBCE;--color-cyan-50: #31CEC8;--color-cyan-60: #12BABA;--color-cyan-70: #08979C;--color-cyan-80: #006D75;--color-cyan-90: #00474F;--color-cyan-100: #002329;--color-blue-10: #E6F7FF;--color-blue-20: #BAE7FF;--color-blue-30: #91D5FF;--color-blue-40: #69C0FF;--color-blue-50: #40A9FF;--color-blue-60: #1890FF;--color-blue-70: #136BEA;--color-blue-80: #0050B3;--color-blue-90: #002F7A;--color-blue-100: #001B47;--color-indigo-10: #F0F5FF;--color-indigo-20: #D6E4FF;--color-indigo-30: #ADC6FF;--color-indigo-40: #85A5FF;--color-indigo-50: #597EF7;--color-indigo-60: #2F54EB;--color-indigo-70: #1D39C4;--color-indigo-80: #10239E;--color-indigo-90: #061178;--color-indigo-100: #030852;--color-blackAlpha-3: #00000008;--color-blackAlpha-5: #0000000D;--color-blackAlpha-16: #00000029;--color-blackAlpha-60: #00000099;--color-blackAlpha-70: #000000B3;--color-blackAlpha-80: #000000CC;--color-whiteAlpha-16: #FFFFFF29;--color-whiteAlpha-32: #FFFFFF52;--color-whiteAlpha-50: #FFFFFF80;--color-whiteAlpha-70: #FFFFFFB3;--color-whiteAlpha-80: #FFFFFFCC;--color-greenAlpha-15: #9BCE2626;--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--easing-default: cubic-bezier(.4, 0, .2, 1);--easing-easeIn: cubic-bezier(.4, 0, 1, 1);--easing-easeOut: cubic-bezier(0, 0, .2, 1);--easing-easeInOut: cubic-bezier(.4, 0, .2, 1);--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--fontFamily-sans: var(--oy-typography-font-family-default);--fontFamily-display: var(--fontFamily-sans);--fontFamily-mono: "SF Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--fontSize-10px: 10px;--fontSize-11px: 11px;--fontSize-12px: 12px;--fontSize-13px: 13px;--fontSize-14px: 14px;--fontSize-16px: 16px;--fontSize-18px: 18px;--fontSize-20px: 20px;--fontSize-22px: 22px;--fontSize-24px: 24px;--fontSize-28px: 28px;--fontSize-32px: 32px;--fontSize-36px: 36px;--fontSize-48px: 48px;--fontSize-xs: 12px;--fontSize-sm: 14px;--fontSize-base: 16px;--fontSize-lg: 18px;--fontSize-xl: 20px;--fontSize-2xl: 24px;--fontSize-3xl: 32px;--fontSize-4xl: 36px;--fontSize-5xl: 48px;--lineHeight-10px: 14px;--lineHeight-11px: 14px;--lineHeight-12px: 16px;--lineHeight-13px: 18px;--lineHeight-14px: 20px;--lineHeight-16px: 22px;--lineHeight-18px: 24px;--lineHeight-20px: 26px;--lineHeight-22px: 30px;--lineHeight-24px: 32px;--lineHeight-28px: 36px;--lineHeight-32px: 40px;--lineHeight-36px: 46px;--lineHeight-48px: 52px;--lineHeight-tight: 1.25;--lineHeight-snug: 1.375;--lineHeight-normal: 1.5;--lineHeight-relaxed: 1.625;--lineHeight-loose: 2;--fontWeight-normal: 700;--fontWeight-regular: 700;--fontWeight-medium: 800;--fontWeight-semibold: 800;--fontWeight-bold: 900;--letterSpacing-tighter: -.05em;--letterSpacing-tight: -.025em;--letterSpacing-normal: 0em;--letterSpacing-wide: .025em;--letterSpacing-wider: .05em;--letterSpacing-widest: .1em;--fontFeatureSettings-default: "kern" 1, "liga" 1, "calt" 1;--fontFeatureSettings-tabular: "tnum" 1;--fontFeatureSettings-ordinal: "ordn" 1;--zIndex-base: 0;--zIndex-siteLayout: 100;--zIndex-safeAreaOverlay: 110;--zIndex-popup: 200;--zIndex-dropdownMenu: 300;--zIndex-contextMenu: 500;--zIndex-modal: 200;--zIndex-toast: 600;--zIndex-overlay: 150;--color-point-brandColor: var(--color-green-50);--color-point-textColor: var(--color-green-60);--color-point-accentLight: #D2F096;--color-point-accentMedium: #FF5753;--color-point-accentDark: #E95294;--color-system-primary: var(--color-blue-70);--color-system-error: var(--color-coral-60);--color-system-warning: var(--color-yellow-60);--color-membership-gold: #C5AB4E;--color-membership-black: #333333;--color-membership-green: #01BB56;--color-membership-pink: #EB6D9A;--color-membership-baby: #CFD31A;--color-outline-black: var(--color-black);--color-outline-coralOrange: #FF5753;--color-outline-gray10: var(--color-gray-10);--color-outline-gray15: var(--color-gray-15);--color-outline-gray20: var(--color-gray-20);--color-outline-gray30: var(--color-gray-30);--color-outline-gray40: var(--color-gray-60);--color-outline-gray60: var(--color-gray-60);--color-outline-gray100: var(--color-gray-100);--color-outline-oliveGreen50: #9AC75B;--color-outline-red: #F81542;--color-text-primary: var(--color-gray-100);--color-text-secondary: var(--color-gray-60);--color-text-tertiary: var(--color-gray-50);--color-text-inverse: var(--color-white);--color-text-disabled: var(--color-gray-40);--color-text-brand: var(--color-green-60);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-gray-8);--color-bg-tertiary: var(--color-gray-10);--color-bg-inverse: var(--color-gray-100);--color-bg-disabled: var(--color-gray-10);--color-bg-hover: var(--color-gray-9);--color-bg-danger-subtle: var(--color-coral-10);--color-border-default: var(--color-gray-15);--color-border-subtle: var(--color-gray-10);--color-border-strong: var(--color-gray-100);--color-border-hover: var(--color-gray-30);--color-border-primary: var(--color-gray-20);--color-interactive-primary: var(--color-gray-100);--color-interactive-primary-hover: var(--color-gray-80);--color-interactive-primary-active: var(--color-black);--color-interactive-primary-disabled: var(--color-gray-30);--color-interactive-brand: var(--color-green-50);--color-interactive-brand-hover: var(--color-green-60);--color-interactive-brand-active: var(--color-green-70);--color-interactive-danger: var(--color-coral-60);--color-interactive-danger-hover: var(--color-coral-70);--color-interactive-danger-active: var(--color-coral-80);--color-interactive-success: var(--color-green-50);--color-interactive-success-hover: var(--color-green-60);--color-interactive-success-active: var(--color-green-70);--color-interactive-warning: var(--color-yellow-60);--color-interactive-warning-hover: var(--color-yellow-70);--color-interactive-warning-active: var(--color-yellow-80);--color-status-info: var(--color-blue-70);--color-status-info-bg: var(--color-blue-10);--color-status-success: var(--color-green-50);--color-status-success-bg: var(--color-green-10);--color-status-warning: var(--color-yellow-60);--color-status-warning-bg: var(--color-yellow-10);--color-status-error: var(--color-coral-60);--color-status-error-bg: var(--color-coral-10);--color-price-sale: var(--color-coral-50);--color-price-original: var(--color-gray-50);--color-badge-best: var(--color-blue-70);--color-badge-new: var(--color-coral-50);--color-badge-hotDeal: var(--color-coral-50);--color-badge-sale: var(--color-coral-50);--color-badge-vegan: var(--color-green-50);--color-badge-promo: var(--color-violet-60);--color-badge-slowAging: var(--color-yellow-50);--color-badge-pick: var(--color-yellow-50);--color-badge-exclusive: var(--color-gray-60);--color-badge-earlyAccess: var(--color-yellow-50);--color-promo-coupon: var(--color-coral-50);--color-promo-gift: var(--color-green-50);--color-promo-deal: var(--color-green-50);--color-promoText-buyOneGetOne: var(--color-blue-60);--color-promoText-coupon: var(--color-coral-60);--color-promoText-gift: var(--color-green-60);--color-rating-filled: var(--color-green-starRating);--color-rating-empty: var(--color-gray-30);--color-skeleton-base: var(--color-gray-15);--space-inset-xs: var(--space-1);--space-inset-sm: var(--space-2);--space-inset-md: var(--space-4);--space-inset-lg: var(--space-6);--space-gap-xs: var(--space-1);--space-gap-sm: var(--space-2);--space-gap-md: var(--space-4);--space-gap-lg: var(--space-6);--space-stack-sm: var(--space-4);--space-stack-md: var(--space-6);--space-stack-lg: var(--space-8);--typography-display-sm-fontSize: var(--fontSize-2xl);--typography-display-sm-fontWeight: var(--fontWeight-bold);--typography-display-sm-lineHeight: var(--lineHeight-tight);--typography-display-sm-fontFamily: var(--fontFamily-display);--typography-display-fontSize: var(--fontSize-2-5xl);--typography-display-fontWeight: var(--fontWeight-bold);--typography-display-lineHeight: var(--lineHeight-tight);--typography-display-fontFamily: var(--fontFamily-display);--typography-display-md-fontSize: var(--fontSize-3-5xl);--typography-display-md-fontWeight: var(--fontWeight-bold);--typography-display-md-lineHeight: var(--lineHeight-tight);--typography-display-md-fontFamily: var(--fontFamily-display);--typography-display-lg-fontSize: var(--fontSize-4xl);--typography-display-lg-fontWeight: var(--fontWeight-bold);--typography-display-lg-lineHeight: var(--lineHeight-tight);--typography-display-lg-fontFamily: var(--fontFamily-display);--typography-heading-1-fontSize: var(--fontSize-2xl);--typography-heading-1-fontWeight: var(--fontWeight-bold);--typography-heading-1-lineHeight: var(--lineHeight-tight);--typography-heading-1-fontFamily: var(--fontFamily-sans);--typography-heading-2-fontSize: var(--fontSize-xl);--typography-heading-2-fontWeight: var(--fontWeight-semibold);--typography-heading-2-lineHeight: var(--lineHeight-tight);--typography-heading-2-fontFamily: var(--fontFamily-sans);--typography-heading-3-fontSize: var(--fontSize-lg);--typography-heading-3-fontWeight: var(--fontWeight-semibold);--typography-heading-3-lineHeight: var(--lineHeight-tight);--typography-heading-3-fontFamily: var(--fontFamily-sans);--typography-body-lg-fontSize: var(--fontSize-lg);--typography-body-lg-fontWeight: var(--fontWeight-normal);--typography-body-lg-lineHeight: var(--lineHeight-normal);--typography-body-lg-fontFamily: var(--fontFamily-sans);--typography-body-md-fontSize: var(--fontSize-base);--typography-body-md-fontWeight: var(--fontWeight-normal);--typography-body-md-lineHeight: var(--lineHeight-normal);--typography-body-md-fontFamily: var(--fontFamily-sans);--typography-body-sm-fontSize: var(--fontSize-sm);--typography-body-sm-fontWeight: var(--fontWeight-normal);--typography-body-sm-lineHeight: var(--lineHeight-normal);--typography-body-sm-fontFamily: var(--fontFamily-sans);--typography-label-fontSize: var(--fontSize-sm);--typography-label-fontWeight: var(--fontWeight-medium);--typography-label-lineHeight: var(--lineHeight-tight);--typography-label-fontFamily: var(--fontFamily-sans);--typography-caption-fontSize: var(--fontSize-xs);--typography-caption-fontWeight: var(--fontWeight-normal);--typography-caption-lineHeight: var(--lineHeight-normal);--typography-caption-fontFamily: var(--fontFamily-sans);--typography-overline-fontSize: var(--fontSize-xs);--typography-overline-fontWeight: var(--fontWeight-semibold);--typography-overline-lineHeight: var(--lineHeight-tight);--typography-overline-fontFamily: var(--fontFamily-sans)}[data-theme=dark]{--color-point-brandColor: var(--color-green-50);--color-point-textColor: var(--color-green-60);--color-point-accentLight: #D2F096;--color-point-accentMedium: #FF5753;--color-point-accentDark: #E95294;--color-system-primary: var(--color-blue-70);--color-system-error: var(--color-coral-60);--color-system-warning: var(--color-yellow-60);--color-membership-gold: #C5AB4E;--color-membership-black: #333333;--color-membership-green: #01BB56;--color-membership-pink: #EB6D9A;--color-membership-baby: #CFD31A;--color-outline-black: var(--color-black);--color-outline-coralOrange: #FF5753;--color-outline-gray10: var(--color-gray-10);--color-outline-gray15: var(--color-gray-15);--color-outline-gray20: var(--color-gray-20);--color-outline-gray30: var(--color-gray-30);--color-outline-gray40: var(--color-gray-60);--color-outline-gray60: var(--color-gray-60);--color-outline-gray100: var(--color-gray-100);--color-outline-oliveGreen50: #9AC75B;--color-outline-red: #F81542;--color-text-primary: var(--color-gray-100);--color-text-secondary: var(--color-gray-400);--color-text-tertiary: var(--color-gray-500);--color-text-inverse: var(--color-gray-900);--color-text-disabled: var(--color-gray-500);--color-text-brand: var(--color-green-60);--color-bg-primary: var(--color-gray-900);--color-bg-secondary: var(--color-gray-700);--color-bg-tertiary: var(--color-gray-500);--color-bg-inverse: var(--color-white);--color-bg-disabled: var(--color-gray-700);--color-bg-hover: var(--color-gray-9);--color-bg-danger-subtle: #451a1a;--color-border-default: var(--color-gray-700);--color-border-subtle: var(--color-gray-10);--color-border-strong: var(--color-gray-100);--color-border-hover: var(--color-gray-30);--color-border-primary: var(--color-gray-20);--color-interactive-primary: var(--color-gray-100);--color-interactive-primary-hover: var(--color-white);--color-interactive-primary-active: var(--color-white);--color-interactive-primary-disabled: var(--color-gray-500);--color-interactive-brand: var(--color-green-50);--color-interactive-brand-hover: var(--color-green-60);--color-interactive-brand-active: var(--color-green-70);--color-interactive-danger: #f87171;--color-interactive-danger-hover: #fca5a5;--color-interactive-danger-active: #fca5a5;--color-interactive-success: #4ade80;--color-interactive-success-hover: #86efac;--color-interactive-success-active: #86efac;--color-interactive-warning: #fbbf24;--color-interactive-warning-hover: #fcd34d;--color-interactive-warning-active: #fcd34d;--color-status-info: var(--color-gray-400);--color-status-info-bg: var(--color-gray-700);--color-status-success: #4ade80;--color-status-success-bg: #14532d;--color-status-warning: #fbbf24;--color-status-warning-bg: #451a03;--color-status-error: #f87171;--color-status-error-bg: #450a0a;--color-price-sale: #f87171;--color-price-original: var(--color-gray-400);--color-badge-best: var(--color-blue-70);--color-badge-new: var(--color-coral-50);--color-badge-hotDeal: var(--color-coral-50);--color-badge-sale: var(--color-coral-50);--color-badge-vegan: var(--color-green-50);--color-badge-promo: var(--color-violet-60);--color-badge-slowAging: var(--color-yellow-50);--color-badge-pick: var(--color-yellow-50);--color-badge-exclusive: var(--color-gray-60);--color-badge-earlyAccess: var(--color-yellow-50);--color-promo-coupon: #f87171;--color-promo-gift: #4ade80;--color-promo-deal: #4ade80;--color-promoText-buyOneGetOne: var(--color-blue-60);--color-promoText-coupon: var(--color-coral-60);--color-promoText-gift: var(--color-green-60);--color-rating-filled: #4ade80;--color-rating-empty: var(--color-gray-500);--color-skeleton-base: var(--color-gray-700)}:root{--space-page-padding: var(--space-inset-md);--space-section-gap: var(--space-stack-sm);--space-card-padding: var(--space-inset-sm);--space-content-max: 100%}@media(min-width:640px){:root{--space-page-padding: var(--space-inset-lg);--space-section-gap: var(--space-stack-md);--space-card-padding: var(--space-inset-md)}}@media(min-width:768px){:root{--space-section-gap: var(--space-stack-lg);--space-content-max: 720px}}@media(min-width:1024px){:root{--space-card-padding: var(--space-inset-lg);--space-content-max: 960px}}@media(min-width:1280px){:root{--space-content-max: 1200px}}:root{--oy-color-palette-alpha-gray-10: #00294b00;--oy-color-palette-alpha-gray-100: #202833cc;--oy-color-palette-alpha-gray-20: #2028330a;--oy-color-palette-alpha-gray-30: #20283314;--oy-color-palette-alpha-gray-40: #20283329;--oy-color-palette-alpha-gray-50: #2028333d;--oy-color-palette-alpha-gray-60: #20283366;--oy-color-palette-alpha-gray-70: #20283380;--oy-color-palette-alpha-gray-80: #20283399;--oy-color-palette-alpha-gray-90: #202833b2;--oy-color-palette-alpha-white-10: #ffffff08;--oy-color-palette-alpha-white-100: #ffffffcc;--oy-color-palette-alpha-white-20: #ffffff14;--oy-color-palette-alpha-white-30: #ffffff29;--oy-color-palette-alpha-white-40: #ffffff33;--oy-color-palette-alpha-white-50: #ffffff4d;--oy-color-palette-alpha-white-60: #ffffff66;--oy-color-palette-alpha-white-70: #ffffff80;--oy-color-palette-alpha-white-80: #ffffff99;--oy-color-palette-alpha-white-90: #ffffffb2;--oy-color-palette-blue-80: #005eb2;--oy-color-palette-common-black: #000000;--oy-color-palette-common-white: #ffffff;--oy-color-palette-coral-20: #fdecec;--oy-color-palette-coral-40: #ffbfbf;--oy-color-palette-coral-50: #ff7878;--oy-color-palette-coral-70: #e50000;--oy-color-palette-coral-90: #a30000;--oy-color-palette-cream-20: #fff0e6;--oy-color-palette-cream-60: #ab8a6a;--oy-color-palette-cream-90: #75412d;--oy-color-palette-gray-10: #f5f6f8;--oy-color-palette-gray-100: #131518;--oy-color-palette-gray-15: #f0f1f4;--oy-color-palette-gray-20: #e1e3e6;--oy-color-palette-gray-30: #d8dadd;--oy-color-palette-gray-40: #c9cdd2;--oy-color-palette-gray-5: #fcfcfd;--oy-color-palette-gray-50: #a9afb5;--oy-color-palette-gray-60: #929aa0;--oy-color-palette-gray-70: #757d86;--oy-color-palette-gray-75: #616970;--oy-color-palette-gray-80: #50585f;--oy-color-palette-gray-85: #41454c;--oy-color-palette-gray-90: #2d3037;--oy-color-palette-gray-95: #21242a;--oy-color-palette-green-20: #d8f4af;--oy-color-palette-green-40: #50df00;--oy-color-palette-green-60: #40b118;--oy-color-palette-green-70: #217e00;--oy-color-palette-green-80: #317b6a;--oy-color-palette-orange-20: #fff4ce;--oy-color-palette-orange-40: #ffc908;--oy-color-palette-orange-80: #8a6a1a;--oy-color-palette-pink-30: #ffdef6;--oy-color-palette-pink-40: #ffaae9;--oy-color-palette-pink-50: #f272d2;--oy-font-font-family-area-normal: "area-normal";--oy-font-font-style-black: 900;--oy-font-font-style-bold: 700;--oy-font-font-style-extrabold: 800;--oy-font-letter-spacing-0-5: .5px;--oy-font-letter-spacing-negative-0-5: -.5px;--oy-font-letter-spacing-negative-1: -1px;--oy-font-letter-spacing-negative-1-5: -1.5px;--oy-font-letter-spacing-negative-3: -3px;--oy-font-line-height-13: 13px;--oy-font-line-height-14: 14px;--oy-font-line-height-17: 17px;--oy-font-line-height-18: 18px;--oy-font-line-height-20: 20px;--oy-font-line-height-22: 22px;--oy-font-line-height-23: 23px;--oy-font-line-height-24: 24px;--oy-font-line-height-25: 25px;--oy-font-line-height-28: 28px;--oy-font-line-height-29: 29px;--oy-font-line-height-31: 31px;--oy-font-line-height-34: 34px;--oy-font-line-height-35: 35px;--oy-font-line-height-36: 36px;--oy-font-line-height-39: 39px;--oy-font-line-height-41: 41px;--oy-font-line-height-44: 44px;--oy-font-line-height-53: 53px;--oy-font-line-height-62: 62px;--oy-font-line-height-80: 80px;--oy-font-line-height-88: 88px;--oy-font-size-10: 10px;--oy-font-size-12: 12px;--oy-font-size-13: 13px;--oy-font-size-14: 14px;--oy-font-size-16: 16px;--oy-font-size-18: 18px;--oy-font-size-20: 20px;--oy-font-size-24: 24px;--oy-font-size-26: 26px;--oy-font-size-28: 28px;--oy-font-size-32: 32px;--oy-font-size-34: 34px;--oy-font-size-36: 36px;--oy-font-size-38: 38px;--oy-font-size-40: 40px;--oy-font-size-48: 48px;--oy-font-size-56: 56px;--oy-font-size-72: 72px;--oy-font-size-80: 80px;--oy-motion-duration-d1: 50ms;--oy-motion-duration-d10: .5s;--oy-motion-duration-d11: .55s;--oy-motion-duration-d12: .6s;--oy-motion-duration-d13: .7s;--oy-motion-duration-d14: .8s;--oy-motion-duration-d15: .9s;--oy-motion-duration-d16: 1s;--oy-motion-duration-d17: 2s;--oy-motion-duration-d18: 3s;--oy-motion-duration-d19: 4s;--oy-motion-duration-d2: .1s;--oy-motion-duration-d20: 5s;--oy-motion-duration-d3: .15s;--oy-motion-duration-d4: .2s;--oy-motion-duration-d5: .25s;--oy-motion-duration-d6: .3s;--oy-motion-duration-d7: .35s;--oy-motion-duration-d8: .4s;--oy-motion-duration-d9: .45s;--oy-motion-timing-function-easing: cubic-bezier(.4, 0, .4, 1);--oy-motion-timing-function-enter: cubic-bezier(0, 0, .15, 1);--oy-motion-timing-function-enter-expressive: cubic-bezier(.03, .4, .1, 1);--oy-motion-timing-function-exit: cubic-bezier(.4, 0, 1, 1);--oy-motion-timing-function-exit-expressive: cubic-bezier(.35, 0, .95, .55);--oy-motion-timing-function-linear: cubic-bezier(0, 0, 1, 1);--oy-motion-timing-function-pressed-scale: cubic-bezier(0, 0, .15, 1);--oy-motion-timing-function-screen-transition: cubic-bezier(.2, 0, 0, 1);--oy-unit-x10: 10px;--oy-unit-x100: 100px;--oy-unit-x11: 11px;--oy-unit-x12: 12px;--oy-unit-x120: 120px;--oy-unit-x14: 14px;--oy-unit-x16: 16px;--oy-unit-x18: 18px;--oy-unit-x2: 2px;--oy-unit-x20: 20px;--oy-unit-x22: 22px;--oy-unit-x24: 24px;--oy-unit-x28: 28px;--oy-unit-x32: 32px;--oy-unit-x36: 36px;--oy-unit-x4: 4px;--oy-unit-x40: 40px;--oy-unit-x48: 48px;--oy-unit-x6: 6px;--oy-unit-x64: 64px;--oy-unit-x8: 8px;--oy-unit-x80: 80px;--oy-unit-x999: 999px;--oy-viewport-sheet-size-full: 100%;--oy-viewport-sheet-size-large: 80%;--oy-viewport-sheet-size-max: 90%;--oy-viewport-sheet-size-medium: 50%}:root{--oy-color-accent-coral-default: var(--oy-color-palette-coral-50);--oy-color-accent-coral-strong: var(--oy-color-palette-coral-90);--oy-color-accent-coral-subtle: var(--oy-color-palette-coral-40);--oy-color-accent-cream-default: var(--oy-color-palette-cream-60);--oy-color-accent-cream-strong: var(--oy-color-palette-cream-90);--oy-color-accent-cream-subtle: var(--oy-color-palette-cream-20);--oy-color-accent-green-default: var(--oy-color-palette-green-40);--oy-color-accent-green-strong: var(--oy-color-palette-green-60);--oy-color-accent-green-stronger: var(--oy-color-palette-green-70);--oy-color-accent-green-strongest: var(--oy-color-palette-green-80);--oy-color-accent-green-subtle: var(--oy-color-palette-green-20);--oy-color-accent-pink-default: var(--oy-color-palette-pink-40);--oy-color-accent-pink-strong: var(--oy-color-palette-pink-50);--oy-color-accent-pink-subtle: var(--oy-color-palette-pink-30);--oy-color-border-default: var(--oy-color-palette-gray-30);--oy-color-border-state-default: var(--oy-color-palette-gray-30);--oy-color-border-state-disabled: var(--oy-color-palette-gray-15);--oy-color-border-state-focus: var(--oy-color-palette-gray-100);--oy-color-border-state-hover: var(--oy-color-palette-gray-100);--oy-color-border-subtle: var(--oy-color-palette-gray-15);--oy-color-component-noti-bar-content-cream: var(--oy-color-content-neutral-default);--oy-color-component-noti-bar-content-green: var(--oy-color-content-neutral-default);--oy-color-component-noti-bar-content-notice: var(--oy-color-content-neutral-subtle);--oy-color-component-noti-bar-content-pink: var(--oy-color-content-neutral-default);--oy-color-component-noti-bar-content-yellow: var(--oy-color-content-neutral-default);--oy-color-component-noti-bar-surface-cream: var(--oy-color-accent-cream-subtle);--oy-color-component-noti-bar-surface-green: var(--oy-color-accent-green-subtle);--oy-color-component-noti-bar-surface-notice: var(--oy-color-surface-strong);--oy-color-component-noti-bar-surface-pink: var(--oy-color-accent-pink-subtle);--oy-color-component-noti-bar-surface-yellow: var(--oy-color-functional-warning-subtle);--oy-color-content-inverse-default: var(--oy-color-palette-common-white);--oy-color-content-inverse-subtle: var(--oy-color-palette-alpha-white-90);--oy-color-content-inverse-subtler: var(--oy-color-palette-alpha-white-70);--oy-color-content-inverse-subtlest: var(--oy-color-palette-alpha-white-20);--oy-color-content-neutral-default: var(--oy-color-palette-gray-100);--oy-color-content-neutral-muted: var(--oy-color-palette-gray-70);--oy-color-content-neutral-subtle: var(--oy-color-palette-gray-75);--oy-color-content-neutral-subtler: var(--oy-color-palette-gray-30);--oy-color-content-state-default: var(--oy-color-palette-gray-100);--oy-color-content-state-disabled: var(--oy-color-palette-gray-60);--oy-color-content-state-focus: var(--oy-color-palette-gray-100);--oy-color-content-state-hover: var(--oy-color-palette-gray-100);--oy-color-content-state-inverse-default: var(--oy-color-palette-common-white);--oy-color-content-state-inverse-disabled: var(--oy-color-palette-gray-60);--oy-color-content-state-inverse-focus: var(--oy-color-palette-alpha-white-100);--oy-color-content-state-inverse-hover: var(--oy-color-palette-common-white);--oy-color-functional-error-default: var(--oy-color-palette-coral-70);--oy-color-functional-error-strong: var(--oy-color-palette-coral-90);--oy-color-functional-error-subtle: var(--oy-color-palette-coral-20);--oy-color-functional-link-default: var(--oy-color-palette-blue-80);--oy-color-functional-success-default: var(--oy-color-palette-green-70);--oy-color-functional-success-strong: var(--oy-color-palette-green-80);--oy-color-functional-success-subtle: var(--oy-color-palette-green-20);--oy-color-functional-warning-default: var(--oy-color-palette-orange-40);--oy-color-functional-warning-strong: var(--oy-color-palette-orange-80);--oy-color-functional-warning-subtle: var(--oy-color-palette-orange-20);--oy-color-membership-friend: #ff7878;--oy-color-membership-gold: #bd9a5f;--oy-color-membership-green: #30b700;--oy-color-surface-default: var(--oy-color-palette-common-white);--oy-color-surface-dim: var(--oy-color-palette-alpha-gray-20);--oy-color-surface-dimmer: var(--oy-color-palette-alpha-gray-90);--oy-color-surface-dimmest: var(--oy-color-palette-alpha-gray-100);--oy-color-surface-scrim: var(--oy-color-palette-alpha-gray-60);--oy-color-surface-state-default: var(--oy-color-palette-gray-100);--oy-color-surface-state-disabled: var(--oy-color-palette-gray-15);--oy-color-surface-state-focus: var(--oy-color-palette-gray-10);--oy-color-surface-state-hover: var(--oy-color-palette-gray-75);--oy-color-surface-state-inverse-default: var(--oy-color-palette-gray-15);--oy-color-surface-state-inverse-disabled: var(--oy-color-palette-gray-15);--oy-color-surface-state-inverse-hover: var(--oy-color-palette-gray-40);--oy-color-surface-strong: var(--oy-color-palette-gray-10);--oy-color-surface-stronger: var(--oy-color-palette-gray-15);--oy-color-surface-strongest: var(--oy-color-palette-gray-30);--oy-radius-2xsmall: var(--oy-unit-x4);--oy-radius-full: var(--oy-unit-x999);--oy-radius-large: var(--oy-unit-x12);--oy-radius-medium: var(--oy-unit-x10);--oy-radius-small: var(--oy-unit-x8);--oy-radius-xlarge: var(--oy-unit-x24);--oy-radius-xsmall: var(--oy-unit-x6);--oy-spacing-x10: var(--oy-unit-x10);--oy-spacing-x100: var(--oy-unit-x100);--oy-spacing-x11: var(--oy-unit-x11);--oy-spacing-x12: var(--oy-unit-x12);--oy-spacing-x120: var(--oy-unit-x120);--oy-spacing-x14: var(--oy-unit-x14);--oy-spacing-x16: var(--oy-unit-x16);--oy-spacing-x18: var(--oy-unit-x18);--oy-spacing-x2: var(--oy-unit-x2);--oy-spacing-x20: var(--oy-unit-x20);--oy-spacing-x24: var(--oy-unit-x24);--oy-spacing-x28: var(--oy-unit-x28);--oy-spacing-x32: var(--oy-unit-x32);--oy-spacing-x36: var(--oy-unit-x36);--oy-spacing-x4: var(--oy-unit-x4);--oy-spacing-x40: var(--oy-unit-x40);--oy-spacing-x48: var(--oy-unit-x48);--oy-spacing-x6: var(--oy-unit-x6);--oy-spacing-x64: var(--oy-unit-x64);--oy-spacing-x8: var(--oy-unit-x8);--oy-spacing-x80: var(--oy-unit-x80);--oy-typography-body-2xlarge-font-size: var(--oy-font-size-18);--oy-typography-body-2xlarge-letter-spacing: var(--oy-font-letter-spacing-negative-0-5);--oy-typography-body-2xlarge-line-height: var(--oy-font-line-height-25);--oy-typography-body-3xlarge-font-size: var(--oy-font-size-20);--oy-typography-body-3xlarge-letter-spacing: var(--oy-font-letter-spacing-negative-0-5);--oy-typography-body-3xlarge-line-height: var(--oy-font-line-height-28);--oy-typography-body-all-caps-font-size: var(--oy-font-size-12);--oy-typography-body-all-caps-letter-spacing: var(--oy-font-letter-spacing-0-5);--oy-typography-body-all-caps-line-height: var(--oy-font-line-height-14);--oy-typography-body-large-font-size: var(--oy-font-size-14);--oy-typography-body-large-letter-spacing: var(--oy-font-letter-spacing-negative-0-5);--oy-typography-body-large-line-height: var(--oy-font-line-height-20);--oy-typography-body-medium-font-size: var(--oy-font-size-13);--oy-typography-body-medium-letter-spacing: var(--oy-font-letter-spacing-negative-0-5);--oy-typography-body-medium-line-height: var(--oy-font-line-height-18);--oy-typography-body-small-font-size: var(--oy-font-size-12);--oy-typography-body-small-letter-spacing: var(--oy-font-letter-spacing-negative-0-5);--oy-typography-body-small-line-height: var(--oy-font-line-height-17);--oy-typography-body-xlarge-font-size: var(--oy-font-size-16);--oy-typography-body-xlarge-letter-spacing: var(--oy-font-letter-spacing-negative-0-5);--oy-typography-body-xlarge-line-height: var(--oy-font-line-height-22);--oy-typography-body-xsmall-font-size: var(--oy-font-size-10);--oy-typography-body-xsmall-letter-spacing: var(--oy-font-letter-spacing-negative-0-5);--oy-typography-body-xsmall-line-height: var(--oy-font-line-height-13);--oy-typography-font-family-default: var(--oy-font-font-family-area-normal);--oy-typography-font-weight-400: var(--oy-font-font-style-bold);--oy-typography-font-weight-600: var(--oy-font-font-style-extrabold);--oy-typography-font-weight-700: var(--oy-font-font-style-black);--oy-typography-heading-2xlarge-font-size: var(--oy-font-size-28);--oy-typography-heading-2xlarge-letter-spacing: var(--oy-font-letter-spacing-negative-0-5);--oy-typography-heading-2xlarge-line-height: var(--oy-font-line-height-36);--oy-typography-heading-large-font-size: var(--oy-font-size-24);--oy-typography-heading-large-letter-spacing: var(--oy-font-letter-spacing-negative-0-5);--oy-typography-heading-large-line-height: var(--oy-font-line-height-31);--oy-typography-heading-small-font-size: var(--oy-font-size-18);--oy-typography-heading-small-letter-spacing: var(--oy-font-letter-spacing-negative-0-5);--oy-typography-heading-small-line-height: var(--oy-font-line-height-23);--oy-typography-heading-xlarge-font-size: var(--oy-font-size-26);--oy-typography-heading-xlarge-letter-spacing: var(--oy-font-letter-spacing-negative-0-5);--oy-typography-heading-xlarge-line-height: var(--oy-font-line-height-34);--oy-typography-mo-display-2xlarge-font-size: var(--oy-font-size-38);--oy-typography-mo-display-2xlarge-letter-spacing: var(--oy-font-letter-spacing-negative-1);--oy-typography-mo-display-2xlarge-line-height: var(--oy-font-line-height-44);--oy-typography-mo-display-large-font-size: var(--oy-font-size-34);--oy-typography-mo-display-large-letter-spacing: var(--oy-font-letter-spacing-negative-1);--oy-typography-mo-display-large-line-height: var(--oy-font-line-height-39);--oy-typography-mo-display-medium-font-size: var(--oy-font-size-24);--oy-typography-mo-display-medium-letter-spacing: var(--oy-font-letter-spacing-negative-0-5);--oy-typography-mo-display-medium-line-height: var(--oy-font-line-height-29);--oy-typography-mo-display-small-font-size: var(--oy-font-size-20);--oy-typography-mo-display-small-letter-spacing: var(--oy-font-letter-spacing-negative-0-5);--oy-typography-mo-display-small-line-height: var(--oy-font-line-height-24);--oy-typography-mo-display-xlarge-font-size: var(--oy-font-size-36);--oy-typography-mo-display-xlarge-letter-spacing: var(--oy-font-letter-spacing-negative-1);--oy-typography-mo-display-xlarge-line-height: var(--oy-font-line-height-41);--oy-typography-mo-display-xsmall-font-size: var(--oy-font-size-18);--oy-typography-mo-display-xsmall-letter-spacing: var(--oy-font-letter-spacing-negative-0-5);--oy-typography-mo-display-xsmall-line-height: var(--oy-font-line-height-22);--oy-typography-pc-display-2xlarge-font-size: var(--oy-font-size-80);--oy-typography-pc-display-2xlarge-letter-spacing: var(--oy-font-letter-spacing-negative-3);--oy-typography-pc-display-2xlarge-line-height: var(--oy-font-line-height-88);--oy-typography-pc-display-large-font-size: var(--oy-font-size-56);--oy-typography-pc-display-large-letter-spacing: var(--oy-font-letter-spacing-negative-1-5);--oy-typography-pc-display-large-line-height: var(--oy-font-line-height-62);--oy-typography-pc-display-medium-font-size: var(--oy-font-size-48);--oy-typography-pc-display-medium-letter-spacing: var(--oy-font-letter-spacing-negative-1-5);--oy-typography-pc-display-medium-line-height: var(--oy-font-line-height-53);--oy-typography-pc-display-small-font-size: var(--oy-font-size-40);--oy-typography-pc-display-small-letter-spacing: var(--oy-font-letter-spacing-negative-1);--oy-typography-pc-display-small-line-height: var(--oy-font-line-height-44);--oy-typography-pc-display-xlarge-font-size: var(--oy-font-size-72);--oy-typography-pc-display-xlarge-letter-spacing: var(--oy-font-letter-spacing-negative-3);--oy-typography-pc-display-xlarge-line-height: var(--oy-font-line-height-80);--oy-typography-pc-display-xsmall-font-size: var(--oy-font-size-32);--oy-typography-pc-display-xsmall-letter-spacing: var(--oy-font-letter-spacing-negative-1);--oy-typography-pc-display-xsmall-line-height: var(--oy-font-line-height-35)}._1lx1l3x0{height:100%}._1lx1l3x1{height:100%;display:flex;flex-direction:column;color:var(--oy-color-content-neutral-default);background-color:var(--oy-color-surface-default)}._1lx1l3x2{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}._1lx1l3x2:focus{position:fixed;top:0;left:0;width:auto;height:auto;padding:12px 24px;background-color:var(--oy-color-surface-state-default);color:var(--oy-color-content-inverse-default);z-index:9999;font-size:14px;font-weight:var(--oy-typography-font-weight-600)}._1lx1l3x3{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}._1lx1l3x3:focus{position:fixed;top:0;left:0;width:auto;height:auto;padding:12px 24px;background-color:var(--oy-color-surface-state-default);color:var(--oy-color-content-inverse-default);z-index:9999;font-size:14px;font-weight:var(--oy-typography-font-weight-600)}@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://us-dist.oliveyoung.com/asset/font/roboto.1404ca348bd7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{-webkit-tap-highlight-color:transparent}.popup-active{position:fixed;overflow:hidden;touch-action:none;width:100%;left:0;right:0}@keyframes ltbv5y0{0%{transform:scaleX(0)}40%{transform:scaleX(.6)}70%{transform:scaleX(.8)}90%{transform:scaleX(.9)}to{transform:scaleX(.92)}}@keyframes ltbv5y1{0%{transform:scaleX(.92);opacity:1}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}.ltbv5y2{position:fixed;top:0;left:0;right:0;height:3px;z-index:700;pointer-events:none}.ltbv5y3{height:100%;width:100%;background-color:var(--oy-color-surface-state-default);transform-origin:left;will-change:transform,opacity}.ltbv5y4{animation:ltbv5y0 8s cubic-bezier(.4,0,.2,1) forwards}.ltbv5y5{animation:ltbv5y1 .3s ease-out forwards}@media(prefers-reduced-motion:reduce){.ltbv5y2{display:none}}