@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}.ys-datepicker{border-radius:var(--radius-radius-l,16px);background-color:var(--color-bg-contextMenu,var(--bg-contextMenu));width:280px;padding:var(--spacing-space-l,16px)}.ys-datepicker *{box-sizing:border-box}.ys-datepicker .react-calendar__navigation{align-items:center;height:24px;display:flex}.ys-datepicker .react-calendar__navigation button{cursor:pointer;background:0 0;border:none}.ys-datepicker .react-calendar__navigation__next2-button,.ys-datepicker .react-calendar__navigation__prev2-button{display:none}.ys-datepicker .react-calendar__month-view__weekdays{margin-top:var(--spacing-space-s,8px);height:20px;color:var(--color-content-tertiary,var(--content-tertiary));text-align:center;flex-wrap:wrap;display:flex}.ys-datepicker .react-calendar__month-view__weekdays__weekday{flex-basis:14.2857%;max-width:14.2857%}.ys-datepicker .react-calendar__month-view__weekdays__weekday>abbr{--tw-border-style:none;border-style:none;text-decoration-line:none}.ys-datepicker .react-calendar__month-view__days,.ys-datepicker .react-calendar__year-view__months,.ys-datepicker .react-calendar__decade-view__years{margin-top:var(--spacing-space-s,8px);flex-wrap:wrap;display:flex}.ys-datepicker .react-calendar__year-view .react-calendar__tile,.ys-datepicker .react-calendar__decade-view .react-calendar__tile,.ys-datepicker .react-calendar__century-view .react-calendar__tile{flex-basis:50%;max-width:50%}.ys-datepicker .react-calendar__navigation button:disabled{cursor:default;opacity:1;background:0 0}.ys-datepicker .custom-calendar-label{font-size:var(--text-body-size-l,16px);line-height:var(--tw-leading,var(--text-body-size-l--line-height,24px));letter-spacing:var(--tw-tracking,var(--text-body-size-l--letter-spacing,.01em));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-content-primary,var(--content-primary))}.ys-datepicker .react-calendar__navigation__label{order:0}.ys-datepicker .react-calendar__navigation__prev-button{order:1}.ys-datepicker .react-calendar__navigation__next-button{order:2}.ys-datepicker .react-calendar__century-view__decades__decade{font-size:var(--text-body-size-s,12px);line-height:var(--tw-leading,var(--text-body-size-s--line-height,16px));letter-spacing:var(--tw-tracking,var(--text-body-size-s--letter-spacing,.01em))}.ys-datepicker .react-calendar__tile{margin-top:var(--spacing-space-s,8px);color:var(--color-content-primary,var(--content-primary));text-align:center;cursor:pointer;background:0 0;border:none;flex-basis:14.2857%;justify-content:center;align-items:center;max-width:14.2857%;display:flex}.ys-datepicker .react-calendar__tile>abbr{display:none}.ys-datepicker .react-calendar__month-view__days__day--neighboringMonth{color:var(--color-content-disabled,var(--content-disabled))}.ys-datepicker .react-calendar__tile--now{position:relative}.ys-datepicker .react-calendar__tile--now:not(.react-calendar__tile--range):before,.ys-datepicker .react-calendar__tile--now:after{content:"";top:calc(var(--spacing,.25rem)*0);border-radius:var(--radius-radius-pill,9999px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-stroke-brand-primary,var(--stroke-brand-primary));width:100%;height:39px;position:absolute}.ys-datepicker .react-calendar__tile--rangeBothEnds{z-index:1;position:relative}.ys-datepicker .react-calendar__tile--rangeBothEnds:before{content:"";top:calc(var(--spacing,.25rem)*0);border-radius:var(--radius-radius-pill,9999px);background-color:var(--color-bg-brand-primary,var(--bg-brand-primary));z-index:-1;width:100%;height:39px;position:absolute}.ys-datepicker .react-calendar__tile--rangeStart{z-index:1;position:relative}.ys-datepicker .react-calendar__tile--rangeStart:before{content:"";top:calc(var(--spacing,.25rem)*0);background-color:var(--color-bg-brand-secondary,var(--bg-brand-secondary));z-index:-1;border-start-start-radius:var(--radius-radius-pill,9999px);border-end-start-radius:var(--radius-radius-pill,9999px);width:100%;height:39px;position:absolute}.ys-datepicker .react-calendar__tile--rangeEnd{z-index:1;position:relative}.ys-datepicker .react-calendar__tile--rangeEnd:before{content:"";top:calc(var(--spacing,.25rem)*0);background-color:var(--color-bg-brand-secondary,var(--bg-brand-secondary));z-index:-1;border-start-end-radius:var(--radius-radius-pill,9999px);border-end-end-radius:var(--radius-radius-pill,9999px);width:100%;height:39px;position:absolute}.ys-datepicker .react-calendar__tile--range{z-index:1;position:relative}.ys-datepicker .react-calendar__tile--range:before{content:"";top:calc(var(--spacing,.25rem)*0);background-color:var(--color-bg-brand-secondary,var(--bg-brand-secondary));z-index:-1;width:100%;height:39px;position:absolute}.ys-datepicker .react-calendar__tile:disabled{opacity:.4;pointer-events:none;color:#d1d5db!important;cursor:not-allowed!important;background-color:#0000!important}.ys-datepicker .react-calendar__tile:disabled:hover{background-color:#0000!important}.ys-datepicker .react-calendar__tile,.ys-datepicker .react-calendar__tile:hover{cursor:pointer!important}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}.ys-pagination{gap:var(--spacing-space-s,8px);display:flex}.ys-pagination>li{cursor:pointer;border-radius:var(--radius-radius-s,4px);background-color:var(--color-bg-input,var(--bg-input));min-width:32px;height:32px;padding-inline:calc(var(--spacing,.25rem)*1);font-size:var(--text-body-size-m,14px);line-height:var(--tw-leading,var(--text-body-size-m--line-height,20px));letter-spacing:var(--tw-tracking,var(--text-body-size-m--letter-spacing,.01em));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-content-primary,var(--content-primary))}@media (hover:hover){.ys-pagination>li:hover{background-color:var(--color-bg-input-hover,var(--bg-input-hover))}}.ys-pagination>li>a{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ys-pagination>li.selected{background-color:var(--color-bg-brand-primary,var(--bg-brand-primary));color:var(--color-content-light-primary,var(--content-light-primary))}.ys-pagination>li.break{background-color:var(--color-bg-input-disabled,var(--bg-input-disabled));color:var(--color-content-disabled,var(--content-disabled))}.ys-pagination>.ys-pagination__previous,.ys-pagination>.ys-pagination__next{display:none}@property --tw-font-weight{syntax:"*";inherits:false}
.index-info-module__mx27dW__card{box-sizing:border-box;border-radius:var(--radius-radius-s);background:var(--bg-surface);width:100%;color:var(--content-primary);font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;display:flex;overflow:clip}.index-info-module__mx27dW__errorCard{justify-content:center;min-height:180px;}.index-info-module__mx27dW__header{justify-content:space-between;align-items:center;gap:8px;width:100%;height:40px;display:flex}.index-info-module__mx27dW__logo{background-image:url(/images/ysvn-logo-light.svg);background-position:0;background-repeat:no-repeat;background-size:contain;flex:0 125px;width:125px;min-width:72px;height:20px;display:block}[data-theme=dark] .index-info-module__mx27dW__logo{background-image:url(/images/ysvn-logo-dark.svg)}html:not([lang=vi]) .index-info-module__mx27dW__logo{background-image:url(/images/ysvn-en-logo-light.svg)}html:not([lang=vi])[data-theme=dark] .index-info-module__mx27dW__logo{background-image:url(/images/ysvn-en-logo-dark.svg)}.index-info-module__mx27dW__tagline{-o-object-fit:contain;object-fit:contain;flex:none;width:114px;height:40px;display:block}.index-info-module__mx27dW__tabsNav{--color-stroke-brand-primary:var(--content-blue-primary);width:100%}.index-info-module__mx27dW__priceBoardButton{--color-stroke-brand-primary:var(--content-blue-primary);--color-content-brand-primary:var(--content-blue-primary)}.index-info-module__mx27dW__errorMessage{color:var(--content-tertiary);font-size:var(--text-body-size-m);line-height:var(--text-body-size-m--line-height);text-align:center;margin:0}.index-info-module__mx27dW__loading,.index-info-module__mx27dW__foreignLoading{width:100%;color:var(--content-tertiary);font-size:var(--text-body-size-s);justify-content:center;align-items:center;display:flex}.index-info-module__mx27dW__loading{height:292px}.index-info-module__mx27dW__foreignLoading{height:112px}.index-info-module__mx27dW__indexBody{flex-direction:column;gap:8px;width:100%;display:flex}.index-info-module__mx27dW__chart{width:100%;height:200px}.index-info-module__mx27dW__footer{justify-content:space-between;align-items:center;width:100%;height:32px;display:flex}.index-info-module__mx27dW__indexIdentity{white-space:nowrap;align-items:baseline;gap:4px;display:flex}.index-info-module__mx27dW__indexName{color:var(--content-primary);font-size:var(--text-body-size-l);font-weight:500;line-height:var(--text-body-size-l--line-height);margin:0}.index-info-module__mx27dW__closingLabel{color:var(--content-tertiary);font-size:var(--text-body-size-m);font-weight:400;line-height:var(--text-body-size-m--line-height);margin:0}.index-info-module__mx27dW__indexValue{flex:1 0 0;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.index-info-module__mx27dW__indexValueNumber{font-family:var(--font-roboto),sans-serif;font-size:var(--text-body-size-l);font-weight:500;line-height:var(--text-body-size-l--line-height);letter-spacing:.01em}.index-info-module__mx27dW__trendAndVolume{white-space:nowrap;width:100%;min-height:20px;font-family:var(--font-roboto),sans-serif;font-size:var(--text-body-size-m);line-height:var(--text-body-size-m--line-height);letter-spacing:.01em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 8px;display:flex}.index-info-module__mx27dW__trendInfo{align-items:center;gap:6px;display:flex}.index-info-module__mx27dW__trendGroup{align-items:center;gap:4px;font-weight:500;display:flex}.index-info-module__mx27dW__trendGroup svg{flex-shrink:0;width:12px;height:12px}.index-info-module__mx27dW__volumeInfo{align-items:center;gap:10px;font-weight:400;display:flex}.index-info-module__mx27dW__volumeItem{align-items:center;gap:3px;display:flex}.index-info-module__mx27dW__volumeUnit{color:var(--content-tertiary)}.index-info-module__mx27dW__foreignBody{flex-direction:column;gap:8px;width:100%;display:flex}.index-info-module__mx27dW__exchangeFilter{width:100%;height:32px;color:var(--content-primary);font-size:var(--text-body-size-m);line-height:var(--text-body-size-m--line-height);justify-content:space-between;align-items:center;display:flex}.index-info-module__mx27dW__exchangeTrigger{width:44%;min-width:120px;max-width:240px}.index-info-module__mx27dW__summaryTable{table-layout:fixed;font-family:var(--font-roboto),sans-serif;letter-spacing:.01em}.index-info-module__mx27dW__summaryTable col:first-child{width:27%}.index-info-module__mx27dW__summaryTable :is(th,td){text-align:right;white-space:nowrap}.index-info-module__mx27dW__summaryTable thead th{text-align:center}.index-info-module__mx27dW__summaryTable .index-info-module__mx27dW__summaryLabel{text-align:left;white-space:normal;font-weight:500}.index-info-module__mx27dW__stockContainer{flex-direction:column;gap:4px;width:100%;padding:8px 0;display:flex}.index-info-module__mx27dW__foreignTitle{color:var(--content-primary);font-size:var(--text-body-size-m);font-weight:500;line-height:var(--text-body-size-m--line-height);margin:0}.index-info-module__mx27dW__stockList{flex-direction:column;gap:8px;display:flex}.index-info-module__mx27dW__stockItem{grid-template-columns:1fr 1fr;align-items:center;gap:16px;height:16px;display:grid}.index-info-module__mx27dW__buySide,.index-info-module__mx27dW__sellSide{align-items:center;gap:4px;height:16px;display:flex}.index-info-module__mx27dW__buySide{justify-content:flex-end}.index-info-module__mx27dW__stockValue{min-width:39px;font-family:var(--font-roboto),sans-serif;font-size:var(--text-body-size-xs);line-height:var(--text-body-size-xs--line-height);letter-spacing:.01em;flex:none}.index-info-module__mx27dW__buySide .index-info-module__mx27dW__stockValue{text-align:right}.index-info-module__mx27dW__barTrack{flex:101px;align-items:stretch;min-width:24px;height:16px;display:flex}.index-info-module__mx27dW__buySide .index-info-module__mx27dW__barTrack{justify-content:flex-end}.index-info-module__mx27dW__buyBar{background:var(--bg-chart-green-primary,var(--content-price-up));min-width:1px}.index-info-module__mx27dW__sellBar{background:var(--bg-chart-red-primary,var(--content-price-down));min-width:1px}.index-info-module__mx27dW__stockName{color:var(--content-primary);font-size:var(--text-body-size-s);font-weight:500;line-height:var(--text-body-size-s--line-height);flex:0 0 32px;text-decoration:none}.index-info-module__mx27dW__buySide .index-info-module__mx27dW__stockName{text-align:right}.index-info-module__mx27dW__stockName:hover,.index-info-module__mx27dW__stockName:focus-visible{text-decoration:underline}.index-info-module__mx27dW__footnote{color:var(--content-tertiary);font-size:var(--text-body-size-xs);line-height:var(--text-body-size-xs--line-height);text-align:left;margin:0}