html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

progress {
  vertical-align: baseline
}

[hidden],
template {
  display: none
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline-width: 0
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: inherit;
  font-weight: 500
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

button,
input,
select,
textarea {
  font: inherit
}

optgroup {
  font-weight: 700
}

button,
input,
select {
  overflow: visible
}

button,
input,
select,
textarea {
  margin: 0
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  cursor: pointer
}

[disabled] {
  cursor: default
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

body {
  width: 100%;
  overflow-x: hidden;
  font-family: Whitney, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

#application-mountRoot iframe {
  display: block
}

*,
:after,
:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

ul {
  list-style: none
}

.application-base {
  color: inherit
}

@media (min-width:980px) {
  .application-base {
    margin-top: 50px
  }
}

.eors-pr-timer {
  z-index: 1
}

img {
  user-drag: none;
  -webkit-user-drag: none
}

.FreeShippingBanner-banner-expanded {
  position: fixed;
  bottom: 130px;
  right: 0;
  width: 576px;
  height: 288px;
  background-image: -webkit-gradient(linear, right top, left top, from(#fef9e5), to(#fde3f3));
  background-image: linear-gradient(270deg, #fef9e5, #fde3f3);
  z-index: 6;
  font-family: Whitney;
  color: #3e4152;
  cursor: default
}

.FreeShippingBanner-first-row {
  display: table;
  table-layout: auto;
  height: 52%;
  width: 100%
}

.FreeShippingBanner-second-row {
  display: table;
  table-layout: auto;
  height: 32%;
  width: 100%
}

.FreeShippingBanner-description {
  display: table-cell;
  vertical-align: middle;
  padding: 24px 0 0 40px
}

.FreeShippingBanner-description>.FreeShippingBanner-pre-header {
  font-weight: 500;
  font-size: 12px
}

.FreeShippingBanner-description>.FreeShippingBanner-header {
  font-weight: 700
}

.FreeShippingBanner-description>.FreeShippingBanner-header-primary {
  font-size: 48px
}

.FreeShippingBanner-description>.FreeShippingBanner-header-secondary {
  font-size: 34px
}

.FreeShippingBanner-image {
  display: table-cell;
  vertical-align: middle;
  padding: 24px 40px 0 0
}

.FreeShippingBanner-imageContent {
  width: 150px;
  height: 120px
}

.FreeShippingBanner-coupon {
  display: table-cell;
  vertical-align: middle;
  padding-left: 40px
}

.FreeShippingBanner-coupon .FreeShippingBanner-text {
  font-weight: 500;
  font-size: 15px;
  margin-top: 8px
}

.FreeShippingBanner-coupon .FreeShippingBanner-code {
  margin-left: 12px;
  font-size: 18px;
  font-weight: 700;
  cursor: text;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all
}

.FreeShippingBanner-coupon>.FreeShippingBanner-footer {
  font-size: 12px;
  margin-top: 4px
}

.FreeShippingBanner-signup {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-right: 40px
}

.FreeShippingBanner-signup .FreeShippingBanner-button {
  width: 172px;
  height: 48px;
  border-radius: 4px;
  background-color: #ff3f6c;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer
}

.FreeShippingBanner-signup .FreeShippingBanner-button :hover {
  background-color: #cf3f6c;
  border-radius: 4px
}

.FreeShippingBanner-signup .FreeShippingBanner-button .FreeShippingBanner-text {
  font-size: 16px;
  font-weight: 600;
  height: 100%;
  width: 100%;
  display: inline-block;
  line-height: 48px
}

.FreeShippingBanner-trust-builders {
  display: table;
  table-layout: auto;
  border-top: 1px solid #d3d3d3;
  height: 16%;
  width: 100%
}

.FreeShippingBanner-trust-builders .FreeShippingBanner-item {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.FreeShippingBanner-trust-builders .FreeShippingBanner-icon {
  width: 24px;
  height: 24px;
  text-align: center;
  vertical-align: middle
}

.FreeShippingBanner-trust-builders .FreeShippingBanner-text {
  font-size: 13px;
  font-weight: 500;
  margin-left: 12px
}

.FreeShippingBanner-sidebar {
  position: fixed;
  bottom: 130px;
  width: 44px;
  height: 288px;
  background-color: #535766;
  z-index: 6;
  color: #fff;
  letter-spacing: 1px;
  cursor: pointer
}

.FreeShippingBanner-sidebar-content {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  width: 36px;
  padding: 4px;
  height: 200px;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  color: #fcfcfc;
  display: inline-block
}

.FreeShippingBanner-sidebar-collapsed {
  right: 0
}

.FreeShippingBanner-sidebar-expanded {
  right: 575px
}

.FreeShippingBanner-arrow {
  width: 0;
  height: 0;
  margin: 24px 16px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent
}

.FreeShippingBanner-arrow-expanded {
  border-left: 14px solid #fff
}

.FreeShippingBanner-arrow-collapsed {
  border-right: 14px solid #fff
}

.FreeShippingBanner-spinner {
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -12px;
  margin-top: -12px
}

.loader-container {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 6
}

.loader-container,
.loader-shl-container {
  padding: 5px;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, .09019607843137255);
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, .09019607843137255)
}

.loader-shl-container {
  position: relative;
  top: 352px;
  left: 1131px;
  display: inline-block
}

@media (max-width:1650px) {
  .loader-shl-container {
    left: 75%
  }
}

.spinner-spinner {
  height: 20px;
  width: 20px;
  -webkit-animation: spinner-rotate .8s linear infinite;
  animation: spinner-rotate .8s linear infinite;
  border: 2px solid #f16565;
  border-right-color: transparent;
  border-radius: 20px
}

@-webkit-keyframes spinner-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes spinner-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.routeLoading-container {
  min-height: 500px;
  padding-top: 80px;
  text-align: center
}

.routeLoading-textMsg {
  font-weight: 400;
  color: #ff3e6c;
  margin-top: 100px
}

.routeLoading-retryButton {
  display: inline-block;
  border-radius: 3px;
  background-color: #ff3e6c;
  color: #fff;
  letter-spacing: .3px;
  padding: 13px 36px;
  font-size: 18px;
  font-weight: 500
}

.xztpyrwwkah {
  background: url(https://constant.myntassets.com/web/assets/img/MyntraWebSprite_27_01_2021.png);
  background-size: 1404px 105px;
  display: inline-block
}

.sprites-mfuGoldCoinLarge {
  background-position: -1028px -74px;
  height: 60px;
  width: 60px
}

.sprites-mfuGoldCoinSmall {
  background-position: -1058px -81px;
  height: 60px;
  width: 60px
}

.sprites-mfgLockIcon {
  background-position: -43px -37px;
  height: 22px;
  width: 24px
}

.sprites-mfgUnlockIcon {
  background-position: -43px -14px;
  height: 22px;
  width: 24px
}

.sprites-mfgRightArrow {
  background-position: -46px -58px;
  height: 14px;
  width: 10px
}

.sprites-mfgRightArrowDark {
  background-position: -46px -71px;
  height: 14px;
  width: 10px
}

.sprites-mfgBarTop {
  background-position: 1px -170px;
  height: 15px
}

.sprites-whiteRightArrow {
  background-position: -2284px -21px;
  width: 20px;
  height: 16px
}

.pdtsqvskfwggzwu {
  width: 17px;
  height: 22px;
  background-position: -315px -186px
}

.sprites-wishlisted {
  width: 17px;
  height: 22px;
  background-position: -333px -186px
}

.sprites-whiteBag {
  background-position: -2283px -40px;
  width: 23px;
  height: 22px
}

.sprites-footer-facebook {
  background-position: -2023px 0;
  width: 20px;
  height: 21px
}

.sprites-lightTick {
  background-position: -1097px 0;
  width: 12px;
  height: 10px
}

.sprites-moreColors {
  width: 40px;
  height: 40px;
  background-position: -1337px 0
}

.sprites-footer-twitter {
  background-position: -2045px 0;
  width: 23px;
  height: 21px
}

.sprites-footer-instagram {
  background-position: -1392px 0;
  width: 21px;
  height: 20px
}

.sprites-footer-youtube {
  background-position: -1361px 0;
  width: 31px;
  height: 20px
}

.sprites-three-colview-normal {
  width: 19px;
  height: 13px;
  background-position: 0 0
}

.sprites-three-colview-selected {
  width: 19px;
  height: 13px;
  background-position: -19px 0
}

.sprites-four-colview-selected {
  width: 21px;
  height: 13px;
  background-position: -38px 0
}

.sprites-four-colview {
  width: 21px;
  height: 13px;
  background-position: -59px 0
}

.sprites-addnewbutton {
  width: 24px;
  height: 24px;
  background-position: -80px 0
}

.sprites-bestOfferIcon {
  background-position: -211px -58px;
  width: 18px;
  height: 22px
}

.sprites-productDetailsIcon {
  background-position: -231px -58px;
  width: 21px;
  height: 22px
}

.sprites-productRatingsIcon {
  background-position: -276px -60px;
  width: 21px;
  height: 22px
}

.sprites-productRatingsLowIcon {
  background-position: -240px -28px;
  width: 24px;
  height: 24px
}

.sprites-productRatingsAverageIcon {
  background-position: -216px -28px;
  width: 24px;
  height: 24px
}

.sprites-productRatingsGoodIcon {
  background-position: -194px -28px;
  width: 24px;
  height: 24px
}

.exfzcjdzesiocoj {
  background-position: -171px -28px;
  width: 24px;
  height: 24px
}

.sprites-productRatingsGrayIcon {
  background-position: -265px -28px;
  width: 12px;
  height: 12px
}

.sprites-deliveryOptionsIcon {
  background-position: -252px -58px;
  width: 23px;
  height: 22px
}

.pqdquayooxde {
  background-position: -142px -58px;
  width: 24px;
  height: 20px
}

.sprites-alertbig {
  width: 24px;
  height: 24px;
  background-position: -104px 0
}

.sprites-alertsmall {
  width: 17px;
  height: 17px;
  background-position: -128px 0
}

.gvrckodgdaak {
  width: 22px;
  height: 22px;
  background-position: -341px -56px
}

.sprites-bag {
  width: 18px;
  height: 20px;
  background-position: -145px 0
}

.rsjeplcruspta {
  width: 17px;
  height: 22px;
  background-position: -315px -187px
}

.sprites-checkbignormal {
  width: 24px;
  height: 24px;
  background-position: -163px 0
}

.sprites-checkbigselected {
  width: 24px;
  height: 24px;
  background-position: -187px 0
}

.sprites-checkboxnormal {
  width: 14px;
  height: 14px;
  background-position: -211px 0
}

.sprites-checkboxselected {
  width: 14px;
  height: 14px;
  background-position: -225px 0
}

.sprites-checkpincode {
  width: 23px;
  height: 19px;
  background-position: -239px 0
}

.sprites-chevron-right {
  width: 8px;
  height: 12px;
  background-position: -262px 0
}

.sprites-deptselected-icon {
  width: 16px;
  height: 16px;
  background-position: -270px 0
}

.slwwturxqvvp {
  width: 40px;
  height: 40px;
  background-position: -286px 0
}

.sprites-group {
  width: 22px;
  height: 22px;
  background-position: -326px 0
}

.sprites-hamburger {
  width: 17px;
  height: 12px;
  background-position: -348px 0
}

.sprites-hideshowpanel {
  width: 18px;
  height: 8px;
  background-position: -365px 0
}

.sprites-ic-facebook {
  width: 28px;
  height: 28px;
  background-position: -383px 0
}

.sprites-modalclose {
  width: 25px;
  height: 23px;
  background-position: -412px 0
}

.sprites-modalclosesmall {
  width: 13px;
  height: 12px;
  background-position: -436px 0
}

.sprites-modalnext {
  width: 13px;
  height: 24px;
  background-position: -449px 0
}

.sprites-myntralogo {
  width: 112px;
  height: 36px;
  background-position: -462px 0
}

.sprites-mlogo {
  background-position: -461.5px 0;
  width: 50px;
  height: 37px
}

.sprites-myntraicon {
  width: 68px;
  height: 47px;
  background-position: -574px 0
}

.sprites-offercheck {
  width: 19px;
  height: 19px;
  background-position: -642px 0
}

.sprites-optionsnormal {
  width: 24px;
  height: 24px;
  background-position: -661px 0
}

.sprites-optionsselected {
  width: 24px;
  height: 24px;
  background-position: -685px 0
}

.sprites-radionormal {
  width: 14px;
  height: 14px;
  background-position: -709px 0
}

.sprites-radioselected {
  width: 14px;
  height: 14px;
  background-position: -723px 0
}

.sprites-refresh {
  width: 16px;
  height: 20px;
  background-position: -737px 0
}

.yroldzegorvj {
  width: 21px;
  height: 21px;
  background-position: -754px 0
}

.sprites-triangle-1 {
  width: 6px;
  height: 4px;
  background-position: -772px 0
}

.sprites-updowncursor {
  width: 35px;
  height: 35px;
  background-position: -778px 0
}

.rpkurhlvrc {
  width: 24px;
  height: 24px;
  background-position: -298px -56px
}

.sprites-user {
  width: 17px;
  height: 20px;
  background-position: -813px 0
}

.sprites-whiteTick {
  width: 16px;
  height: 13px;
  background-position: -830px 0
}

.sprites-darkTick {
  width: 16px;
  height: 13px;
  background-position: -830px -12px
}

.sprites-pause-small {
  width: 25px;
  height: 25px;
  background-position: -897px 0
}

.sprites-play-small {
  width: 25px;
  height: 25px;
  background-position: -990px 0
}

.sprites-play-big {
  background-position: -2027px 0;
  width: 142px;
  height: 137px
}

.sprites-preorder-strip {
  width: 60px;
  height: 12px;
  background-position: 313px -41px
}

.sprites-zoomcursor {
  width: 35px;
  height: 35px;
  background-position: -846px 0
}

.sprites-navFwd {
  background-position: -366px 0;
  width: 17px;
  height: 15px
}

.sprites-caret {
  background-position: -780.5px -33.5px;
  width: 12px;
  height: 10px
}

.sprites-headerLogo {
  width: 53px;
  height: 36px;
  background-position: -462px 0
}

.sprites-logo {
  width: 112px;
  height: 40px;
  background-position: -462px 0
}

.sprites-back {
  background-position: -880px 0;
  width: 17px;
  height: 16px
}

.sprites-android {
  background-position: -543px 0;
  width: 21.5px;
  height: 27.5px
}

.sprites-ios {
  background-position: -565px 0;
  width: 22px;
  height: 27.5px
}

.sprites-windows {
  background-position: -589px 0;
  width: 22px;
  height: 27.5px
}

.sprites-appBanners {
  background-position: -2px 0;
  width: 340px;
  height: 49px
}

.sprites-original {
  background-position: -421.5px 0;
  width: 47.5px;
  height: 40px
}

.sprites-return {
  background-position: -469.5px 0;
  width: 34.5px;
  height: 40px
}

.sprites-delivery {
  background-position: -504.5px 0;
  width: 38px;
  height: 40px
}

.sprites-greetings {
  background-position: -343px 0;
  width: 78.5px;
  height: 7px
}

.sprites-downloadAndroidApp {
  background-position: -2.5px -1.5px;
  width: 106px;
  height: 42.5px
}

.sprites-downloadiOSApp {
  background-position: -119px -1.5px;
  width: 106px;
  height: 43px
}

.sprites-downloadWindowsApp {
  background-position: -236px -1.5px;
  width: 106px;
  height: 43px
}

.sprites-star {
  background-position: -270px -1px;
  width: 15px;
  height: 15px
}

.okpggartwxegr {
  background-position: -367px -1px;
  width: 15px;
  height: 10px
}

.sprites-arrowRight {
  width: 8px;
  height: 12px;
  background-position: 1039px 0
}

.sprites-emptyIcon {
  width: 96px;
  height: 105px;
  background-position: -1163px 0
}

.fldiciwpqyu {
  width: 14px;
  height: 14px;
  background-position: -1083px 0
}

.sprites-sort {
  background-position: -2524px 26px;
  width: 18px;
  height: 20px
}

.sprites-sortSelected {
  background-position: -2541px 26px;
  width: 17px;
  height: 20px
}

.sprites-filter {
  background-position: -2491px 26px;
  width: 17px;
  height: 20px
}

.sprites-filterSelected {
  background-position: -2508px 26px;
  width: 17px;
  height: 20px
}

.sprites-tuner {
  background-position: -2666px -40px;
  width: 44px;
  height: 32px
}

.sprites-landscape {
  background-position: -2741px 0;
  width: 67px;
  height: 67px
}

.sprites-greyWishlist {
  background-position: -2531px 0;
  width: 18px;
  height: 25px
}

.sprites-wishlist {
  background-position: -2564px 0;
  width: 19px;
  height: 25px
}

.sprites-isWishlisted {
  background-position: -2549px 0;
  width: 18px;
  height: 25px
}

.sprites-multiColour {
  background-position: -2492px -58px;
  width: 30px;
  height: 20px
}

.sprites-preorder {
  width: 70px;
  height: 14px;
  background-position: -2492px -42px
}

.sprites-close {
  background-position: -2342px 5px;
  width: 16px;
  height: 20px
}

.qffssqdxkylze {
  background-position: -2679px -89px;
  width: 15px;
  height: 15px
}

.sprites-arrowUpBold {
  background-position: -2704px -90px;
  width: 15px;
  height: 15px
}

.sprites-arrowRightBold {
  background-position: -2666px -89px;
  width: 15px;
  height: 15px
}

.sprites-arrowLeftBold {
  background-position: -2694px -89px;
  width: 12px;
  height: 15px
}

.sprites-brightcoveMute {
  background-position: -213px -78px;
  width: 25px;
  height: 25px
}

.sprites-brightcoveUnMute {
  background-position: -190px -78px;
  width: 25px;
  height: 25px
}

.sprites-brightcovePlay {
  background-position: -143px -79px;
  width: 23px;
  height: 23px
}

.sprites-brightcoveReplay {
  background-position: -167px -79.5px;
  width: 23px;
  height: 23px
}

.sprites-brightcoveExpand {
  background-position: -237px -78px;
  width: 25px;
  height: 25px
}

.sprites-brightcoveShrink {
  background-position: -260px -78px;
  width: 25px;
  height: 25px
}

.sprites-reviewPrevious {
  background-position: -906px -119px;
  width: 20px;
  height: 26px
}

.sprites-reviewNext {
  background-position: -813px -80px;
  width: 20px;
  height: 26px
}

.sprites-reviewClose {
  background-position: -908px -90px;
  width: 32px;
  height: 32px
}

.sprites-reviewClose2 {
  background-position: -848px -90px;
  width: 18px;
  height: 18px
}

.sprites-reviewFilterDropdownArrow {
  background-position: -205px -62px;
  width: 6px;
  height: 9px
}

.sprites-reviewStart {
  background-position: -593px -172px;
  width: 8px;
  height: 8px
}

.sprites-startIconDefault {
  background-position: -288px -86px;
  width: 4px;
  height: 4px
}

.sprites-startIconSelected {
  background-position: -288px -95px;
  width: 4px;
  height: 4px
}

small {
  font-size: 100%
}

.desktop-showContent {
  visibility: visible !important;
  opacity: 1 !important
}

.geaxtuzuwzjipr {
  color: #fff;
  top: 0;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 10;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .05);
  background-color: #fff
}

.desktop-days {
  color: #535766;
  font-size: 13px;
  padding-right: 2px
}

.desktop-preHeaderContent {
  display: none;
  text-align: right;
  max-width: 980px;
  margin: auto;
  font-size: 12px
}

.desktop-preHeaderLinks {
  text-decoration: none;
  color: #526cd0;
  display: inline-block;
  padding: 8px 0;
  font-weight: 500;
  font-size: 11px
}

.desktop-preHeaderLinks:after {
  content: "\A0    \A0    | \A0   \A0   \A0";
  color: #e9e9ed;
  padding: 0 10px
}

.desktop-preHeaderLinks:last-child:after {
  content: " "
}

.desktop-superscriptTag {
  width: 25px;
  height: 7px;
  padding: 5px 0 0 5px;
  background: #ff3f6c !important;
  border: 1px solid #ff3f6c !important;
  color: #fff;
  font-weight: 900;
  margin: -6px 0 -10px 10px;
  font-size: 10px;
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  display: inline-block;
  border-radius: 2px
}

.pozoguujkivjuhv {
  margin: auto;
  min-width: 980px;
  line-height: 80px
}

.fqaeqgxxykd {
  float: left;
  height: inherit;
  margin-left: 4%
}

.desktop-logo {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  cursor: pointer
}

.ysxwyzecxoihfp {
  display: block;
  float: left;
  line-height: 80px;
  height: 80px;
  margin: 0 0 0 3.5%
}

.vfwqsfcopjgulcx {
  display: inline-block;
  float: left
}

.hgcsjyxffl {
  float: left;
  border: hidden;
  text-align: center
}

.lvuagxexxfy {
  display: inline;
  width: 23px;
  height: 12px;
  margin: 0 0 34px -15px;
  font-family: Whitney;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ff3f6c;
  content: "new"
}

sup {
  top: -.4rem;
  font-size: 100%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  text-transform: uppercase
}

.hehzcpydxgcrs {
  display: inline
}

.hehzcpydxgcrs:hover .yjigiwkwku {
  border-bottom-style: solid;
  border-bottom-width: 4px;
  -webkit-transition: left .2s ease-out, border-color .5s ease-in;
  transition: left .2s ease-out, border-color .5s ease-in
}

.hehzcpydxgcrs:hover .desktop-categoryContainer,
.hehzcpydxgcrs:hover .desktop-newPaneContent,
.hehzcpydxgcrs:hover .desktop-paneContent {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}

.hehzcpydxgcrs:hover .desktop-backdropStyle {
  visibility: visible
}

.yjigiwkwku {
  padding: 0 17px 28px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: .3px;
  color: #282c3f;
  border-bottom: none;
  -webkit-transition: left .2s ease-out, width .2s ease-out;
  transition: left .2s ease-out, width .2s ease-out;
  font-weight: 500;
  text-transform: uppercase
}

.xzjtsvykhdtdcpa {
  margin: 20px 20px 20px 40px
}

.xzjtsvykhdtdcpa,
.xzjtsvykhdtdcpaPincode {
  width: 400px;
  float: right;
  line-height: 0;
  position: relative
}

.xzjtsvykhdtdcpaPincode {
  margin: 20px 0 20px 20px
}

.xzjtsvykhdtdcpa>input.vsvfzczhijrk {
  width: 95%
}

.xzjtsvykhdtdcpa>input.vsvfzczhijrk,
.xzjtsvykhdtdcpaPincode>input.vsvfzczhijrk {
  display: inline-block;
  float: left;
  font-size: 14px;
  height: 20px;
  line-height: 24px;
  color: #696e79;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 8px 10px 10px;
  margin: 0;
  outline: 0;
  border: 1px solid #f5f5f6;
  border-radius: 0 4px 4px 0;
  border-left: 0;
  background: #f5f5f6
}

.xzjtsvykhdtdcpaPincode>input.vsvfzczhijrk {
  width: 88%
}

input.vsvfzczhijrk:focus,
input.vsvfzczhijrk:focus+a.ctgvaakfuyvj {
  background-color: #fff;
  border-color: #eaeaec
}

a.ctgvaakfuyvj {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
  height: 28px;
  width: 40px;
  text-align: center;
  padding: 8px 0 2px;
  background: #f5f5f6;
  border: 1px solid #f5f5f6;
  border-right: none;
  border-radius: 4px 0 0 4px;
  position: absolute;
  left: -41px
}

.qgdytepagcda {
  display: inline-block
}

.desktop-caret,
.qgdytepagcda {
  -webkit-transform: scale(.7);
  transform: scale(.7)
}

.desktop-caret {
  margin: 15px 0 0;
  display: block
}

.kcdyrqafjkhsf {
  margin: 10px 0 0;
  position: absolute;
  bottom: 13px;
  left: 5px;
  display: block
}

.iswoaiaioh {
  position: relative;
  height: 60px;
  margin: 0 20px 0 15px
}

.upaexhdgucoj {
  display: -webkit-box;
  display: -ms-flexbox;
  padding: 0 12px 0 17px;
  position: relative;
  display: flex;
  height: 40px
}

.dhzuzofkyczfj {
  color: #000;
  position: absolute;
  bottom: 4px;
  left: 1px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  padding-top: 10px;
  line-height: 6px
}

.iswoaiaioh:hover .iswoaiaiohActions {
  visibility: visible;
  opacity: 1
}

.pcuzvusaqt {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0;
  height: 40px;
  margin: 20px 30px 0 10px
}

.ohusposhllld {
  margin: 0 50px 0 15px
}

.ohusposhllld,
.weywlsilyjhh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  position: relative
}

.weywlsilyjhh {
  margin: 0 55px 0 10px
}

.gyahzxjccuovd {
  left: -1px
}

.gyahzxjccuovd,
.axudidgajviedy {
  margin: 8px 0 0;
  position: absolute;
  bottom: 14px
}

.axudidgajviedy {
  left: 13px
}

.ytopviqwkj {
  white-space: nowrap;
  text-align: center;
  line-height: 18px;
  padding: 0 6px;
  height: 18px;
  background: #ff3f6c;
  position: absolute;
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
  left: 13px;
  top: -2px;
  font-weight: 700
}

.xpwjxqoaclflq {
  background-color: #7e818c;
  visibility: hidden
}

.desktop-melon {
  background-color: #f16565
}

.xpwjxqoaclflq:before {
  border-right-color: #7e818c
}

.desktop-title {
  font-weight: 500
}

.desktop-list,
.desktop-title {
  text-decoration: none;
  color: #282c3f
}

.desktop-list {
  line-height: 20px
}

.desktop-listContainer {
  line-height: 25px;
  width: 230px;
  margin: 15px 0 0;
  padding: 0
}

.desktop-backdropStyle {
  visibility: hidden
}

.desktop-backdropStyle,
.desktop-backdropStyle2 {
  position: fixed;
  top: 80px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .3);
  z-index: 0;
  pointer-events: none
}

.desktop-backdropStyle2 {
  visibility: visible
}

.desktop-newPaneContent {
  height: 454px;
  width: 545px;
  margin: 1px 892px 0 354px;
  z-index: 100
}

.desktop-newPaneContent,
.desktop-paneContent {
  visibility: hidden;
  text-align: left;
  opacity: 0;
  position: absolute;
  top: 0;
  background-color: #fff;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .1);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, .1);
  pointer-events: auto
}

.desktop-paneContent {
  left: 50%;
  margin-left: -570px;
  height: 440px;
  width: 1135px;
  z-index: 1
}

.desktop-studioLogNew {
  display: block;
  width: 103.1px;
  height: 29.5px;
  margin: 20px 220.9px 0 221px
}

.desktop-YourDailyInspiration {
  display: block;
  width: 288px;
  height: 22px;
  margin: 9.5px 129px 0 128px;
  font-family: Whitney;
  font-size: 16px;
  line-height: 1.38;
  text-align: center;
  color: #535766
}

.desktop-studioNavBanner {
  display: block;
  width: 514px;
  height: 274px;
  margin: 27px 16px 0 15px
}

.desktop-exploreStudioBtn {
  min-width: 164px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin: 16px 176px 0 174px;
  border-radius: 2px;
  border: 1px solid #d4d5d8;
  background-color: #fff
}

.desktop-exploreStudioLabel {
  min-width: 109px;
  font-family: Whitney;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.43;
  text-align: center;
  color: #282c3f
}

.desktop-chevronRight,
.desktop-exploreStudioLabel {
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

.desktop-chevronRight {
  width: 20px;
  -o-object-fit: contain;
  object-fit: contain
}

.desktop-oddColumnContent {
  float: left;
  display: block;
  position: relative;
  height: 436px;
  padding-top: 4px
}

.desktop-evenColumnContent {
  background-color: rgba(245, 245, 246, .4)
}

.desktop-categoryContainer {
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  width: 1110px;
  left: 0;
  right: 0;
  position: absolute;
  margin: 0 auto;
  padding: 0 10px 10px 15px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.desktop-navBlock {
  display: block;
  position: relative;
  float: left;
  width: 216px;
  margin: 0;
  padding: 0
}

.desktop-navBlock>li {
  padding-left: 25px
}

.desktop-tab {
  margin: 0
}

.desktop-categoryName {
  text-transform: capitalize;
  color: #3e4152;
  padding: 12px 0 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 25px;
  font-weight: 500
}

.desktop-categoryLink,
.desktop-categoryName {
  display: block;
  font-size: 14px;
  text-decoration: none
}

.desktop-categoryLink {
  color: #282c3f;
  line-height: 23px !important;
  font-weight: 400
}

.desktop-categoryLink:hover {
  font-weight: 500;
  color: #282c3f
}

.desktop-tab {
  -webkit-transition: left .2s ease-out, width .2s ease-out;
  transition: left .2s ease-out, width .2s ease-out
}

.iswoaiaiohActions {
  width: 250px;
  left: -137.5px;
  top: 62px;
  position: absolute;
  padding: 25px 20px 15px;
  z-index: 9;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .08);
  box-shadow: 0 1px 10px rgba(0, 0, 0, .08);
  -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
  transition: opacity .2s ease-out, visibility .2s ease-out;
  background-color: #fff;
  color: #3e4152;
  border: 1px solid #f5f5f6;
  visibility: hidden;
  opacity: 0;
  margin: -2px 0
}

.iswoaiaiohActionsArrow {
  display: block;
  top: -5px;
  position: absolute;
  width: 58px;
  border-bottom: 4px solid #f16565;
  left: 124px
}

.iswoaiaiohActionsContent {
  display: block
}

.desktop-contentInfo {
  display: block;
  padding-bottom: 2px
}

.desktop-infoTitle {
  font-weight: 500;
  height: 20px
}

.desktop-infoEmail,
.desktop-infoTitle {
  font-size: 14px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 10px
}

.desktop-infoEmail {
  height: 14px;
  color: #282c3f
}

.desktop-info {
  font-weight: 400;
  font-size: 14px;
  color: #3e4152
}

.desktop-infoSection {
  margin: 0;
  cursor: pointer;
  padding: 15px 0 10px !important
}

.desktop-infoSection:hover {
  font-weight: 500
}

.desktop-getInLinks {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #eaeaec
}

.desktop-getUserInLinks {
  border: none
}

.desktop-linkButton {
  display: inline-block;
  padding: 18px 20px;
  margin: 10px 10px 0 0;
  border: 1px solid #eaeaec;
  border-radius: 2px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  color: #ff3f6c;
  font-weight: 500
}

.desktop-linkButton:hover {
  border: 1px solid #ff3f6c
}

.desktop-linkButton:first-child {
  margin: 0 5px 6px 0
}

.desktop-linkButton:nth-child(2) {
  margin: 0 0 0 13px
}

.desktop-uaProfileLink {
  color: #282c3f
}

.desktop-accActions {
  font-size: 16px;
  padding: 10px 0 0;
  border-top: 1px solid #eaeaec
}

.desktop-accActions>a.desktop-info {
  text-decoration: none;
  color: #333
}

.desktop-accActions>a.desktop-info>.desktop-infoSection {
  padding: 12px 0 !important
}

.desktop-accInfoSection {
  cursor: pointer;
  padding: 10px 0
}

.desktop-accInfoSection:hover {
  font-weight: 500
}

.desktop-autoSuggest {
  width: 502px;
  z-index: 9;
  position: absolute;
  display: block;
  -webkit-box-shadow: 0 1px 6px transparent;
  box-shadow: 0 1px 6px transparent;
  font-size: 13px;
  color: #696e79;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  visibility: hidden;
  opacity: 0;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .05)
}

.desktop-group {
  margin: 0 0 10px;
  padding: 0
}

.desktop-group>li {
  list-style: none;
  padding: 15px 4px 15px 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.desktop-suggestion {
  background-color: #fff
}

.desktop-suggestion:hover {
  background-color: #f5f5f6;
  cursor: pointer
}

.desktop-suggestionTitle {
  font-weight: 700;
  background-color: #eaeaec;
  cursor: pointer
}

.desktop-active {
  background-color: #282c3f;
  color: #fff
}

.desktop-showBanner {
  height: auto
}

.desktop-hideBanner {
  height: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: all .2s ease .1s;
  transition: all .2s ease .1s
}

.efuccujrtyscas {
  max-width: 100%;
  width: 100%;
  margin: auto;
  top: 82px;
  position: relative;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .04);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .04);
  text-align: center
}

.efuccujrtyscas .ozekoiquwe {
  position: relative;
  background-image: -webkit-gradient(linear, left top, right top, from(#f9f9ff), to(#dee8ff));
  background-image: linear-gradient(90deg, #f9f9ff, #dee8ff);
  margin: 0 auto
}

.desktop-TaxBannerContainer {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 9
}

.desktop-sbImageContainer {
  display: inline-block;
  height: 45px;
  margin-right: 12px;
  vertical-align: middle
}

.desktop-sbImage {
  height: 35px;
  padding-top: 5px;
  line-height: 80px
}

.desktop-saleStartsContainer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 55px;
  font-size: 16px;
  line-height: 56px;
  color: #696b79;
  vertical-align: middle;
  color: #535766;
  letter-spacing: .1
}

.desktop-timeContainer {
  top: 20px;
  text-align: left;
  margin-left: 15px;
  letter-spacing: .6;
  font-size: 20px
}

.desktop-saleTimer {
  position: relative;
  left: 0
}

.desktop-inMidSaleTimer {
  left: 25%
}

.desktop-verticlePartition {
  height: 28px;
  border-left: 1px solid #d4d5d9;
  position: absolute;
  left: 56%;
  bottom: 10px
}

.desktop-refBanner {
  width: 50%;
  position: relative;
  display: inline-block
}

.desktop-inMidRefBanner {
  right: 25%
}

.desktop-displaynone {
  display: none
}

.desktop-timer {
  color: #ff3f6c;
  font-size: 20px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 100
}

.desktop-animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

@-webkit-keyframes desktop-pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  50% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes desktop-pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  50% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.desktop-pulse {
  -webkit-animation-name: desktop-pulse;
  animation-name: desktop-pulse
}

.desktop-saleTimer {
  display: inline-block
}

.heuicizdfh {
  margin-left: 45px;
  margin-right: 43px;
  color: #d4d5d9;
  font-size: 24px;
  display: none;
  vertical-align: middle
}

.heuicizdfh:not(:last-child) {
  display: inline-block
}

.heuicizdfh:first-child {
  display: none
}

.desktop-saleMessage {
  padding-top: 2px
}

.desktop-hrLine {
  width: 140px;
  height: 1px;
  margin: 12px 0 0 25px;
  background-color: #eaeaec
}

@media (min-width:1500px) {
  .xzjtsvykhdtdcpa {
    width: 32%
  }

  .xzjtsvykhdtdcpaPincode {
    width: 20%
  }

  .desktop-paneContent {
    left: 9%;
    margin: auto
  }
}

@media (max-width:1366px) {
  .xzjtsvykhdtdcpa {
    width: 320px;
    margin-right: 8px
  }

  .xzjtsvykhdtdcpaPincode {
    width: 200px;
    margin-right: 8px
  }

  .desktop-autoSuggest {
    width: 375px
  }
}

@media (max-width:1400px) {
  .pcuzvusaqt {
    margin-right: 0
  }

  .ysxwyzecxoihfp {
    margin: 0 0 0 1%
  }
}

@media (max-width:1250px) {
  .fqaeqgxxykd {
    margin-left: 2%
  }

  .ysxwyzecxoihfp {
    margin: 0 0 0 1%
  }

  .xzjtsvykhdtdcpa {
    width: 280px
  }

  .xzjtsvykhdtdcpaPincode {
    width: 250px
  }

  .desktop-autoSuggest {
    width: 289px
  }

  .pcuzvusaqt {
    margin-right: 0
  }
}

@media (max-width:1199px) {
  .desktop-paneContent {
    width: 1080px;
    margin-left: -540px
  }

  .desktop-newPaneContent {
    width: 545px
  }

  .desktop-categoryContainer {
    width: auto;
    padding: 0
  }

  .xzjtsvykhdtdcpa {
    width: 200px
  }

  .xzjtsvykhdtdcpaPincode {
    width: 170px
  }

  .pcuzvusaqt {
    margin-right: 0;
    width: 170px
  }
}

@media (max-width:1079px) {
  .desktop-paneContent {
    width: 90%;
    left: 5%;
    margin: auto;
    overflow-x: scroll
  }

  .desktop-categoryContainer {
    width: 1080px;
    padding: 0
  }

  .xzjtsvykhdtdcpa {
    width: 100px
  }

  .xzjtsvykhdtdcpaPincode {
    width: 80px;
    margin-right: 8px
  }

  .desktop-newPaneContent {
    left: -20%
  }
}

@media (max-width:810px) {
  .desktop-newPaneContent {
    left: -20%
  }
}

.notify-container {
  position: fixed;
  top: 122px;
  color: #fff;
  width: 100%;
  padding: 0 52px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  right: 0;
  min-height: 50px;
  z-index: 200;
  text-align: center;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: notify-bounce-in-down;
  animation-name: notify-bounce-in-down
}

.notify-content {
  max-width: 380px;
  width: 80%;
  padding: 10px 20px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 10px rgba(40, 44, 64, .2);
  box-shadow: 0 2px 10px rgba(40, 44, 64, .2);
  margin: 0 auto
}

.notify-default {
  background-color: #696e79
}

.notify-info {
  background-color: #282c3f;
  position: relative;
  text-align: center
}

.notify-success {
  background-color: #20bd99
}

.notify-error {
  background-color: #ff5722
}

.notify-error-message {
  font-size: 16px;
  font-weight: 500;
  position: relative
}

.notify-icon {
  border: 2px solid #fff;
  padding: 0 7px;
  border-radius: 21px;
  position: absolute;
  top: 12px;
  left: 0;
  margin-top: -10px
}

.notify-info-message {
  font-size: 14px;
  font-weight: 500
}

.notify-thumbnail {
  position: absolute;
  width: 28px;
  height: 38px;
  top: 5px;
  left: 4px
}

.notify-text {
  margin-left: 15px
}

.notify-icon-text {
  margin-left: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left
}

.notify-thumbnail-text {
  margin: 6px 0 6px 25px;
  text-align: left;
  display: inline-block
}

.notify-button {
  border-radius: 3px;
  outline: 0;
  padding: 3px 12px;
  min-height: 22px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 30px;
  float: right
}

.notify-text-left {
  text-align: left
}

.notify-action {
  background-color: #20bd99;
  border: 1px solid #20bd99;
  color: #fff
}

@media (min-width:992px) {
  .notify-content {
    width: auto;
    margin: 0 auto
  }

  .notify-error {
    text-align: left
  }

  .notify-container {
    -webkit-animation-name: notify-bounce-in-down-desktop;
    animation-name: notify-bounce-in-down-desktop
  }

  .notify-thumbnail {
    width: 30px;
    height: 39px;
    top: 6px;
    left: 5px
  }

  .notify-info-message {
    font-size: 16px
  }

  .notify-pull-right {
    float: right
  }
}

@-webkit-keyframes notify-bounce-in-down {
  0% {
    opacity: 0;
    top: -1000px
  }

  60% {
    opacity: 1;
    top: 90px
  }

  80% {
    top: 50px
  }

  to {
    top: 70px
  }
}

@keyframes notify-bounce-in-down {
  0% {
    opacity: 0;
    top: -1000px
  }

  60% {
    opacity: 1;
    top: 90px
  }

  80% {
    top: 50px
  }

  to {
    top: 70px
  }
}

@-webkit-keyframes notify-bounce-in-down-desktop {
  0% {
    opacity: 0;
    top: -1000px
  }

  60% {
    opacity: 1;
    top: 130px
  }

  80% {
    top: 90px
  }

  to {
    top: 122px
  }
}

@keyframes notify-bounce-in-down-desktop {
  0% {
    opacity: 0;
    z-index: -1;
    top: -1000px
  }

  60% {
    opacity: 1;
    top: 130px
  }

  80% {
    top: 90px
  }

  to {
    top: 122px
  }
}

.pointsbanner-loyalty-points-block {
  display: inline-block;
  z-index: 5;
  padding: 0 10px;
  line-height: 55px;
  border-radius: 4px
}

.pointsbanner-coinicon {
  max-height: 100%;
  vertical-align: middle;
  height: 30px;
  width: 30px;
  margin-right: 4px
}

.pointsbanner-loyalty-points-msg {
  margin-right: 16px;
  padding-left: 0
}

.pointsbanner-loyalty-points-msg,
.pointsbanner-loyalty-points-nonLoggedIn {
  display: inline-block;
  opacity: .9;
  vertical-align: middle;
  font-size: 14px;
  text-align: left;
  color: #282c3f
}

.pointsbanner-loyalty-points-nonLoggedIn {
  line-height: 15px;
  width: 120px;
  margin-right: 10px;
  padding-left: 10px
}

.pointsbanner-loyalty-points-value {
  display: inline-block;
  font-size: 30px;
  vertical-align: middle;
  padding: 0 8px 0 10px
}

.pointsbanner-exchange-more-btn {
  border-radius: 4px;
  border: 1px solid #bfc0c6;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .3px;
  text-align: center;
  height: 22px;
  line-height: 1.25em;
  padding: 4px 8px 3px;
  background-color: #fff;
  color: #ff3f6c
}

.pointsbanner-exchange-more-btn .pointsbanner-index-arrow {
  width: 5px;
  height: 5px
}

.pointsbanner-extra-button-padding {
  padding-left: 4px;
  padding-right: 4px
}

.pointsbanner-mobile-loyalty-points-block {
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  background-color: #fff5e1
}

.pointsbanner-mobile-coinicon {
  max-height: 100%;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-right: 2px
}

.pointsbanner-mobile-loyalty-points-msg {
  padding-left: 4px
}

.pointsbanner-mobile-loyalty-points-msg,
.pointsbanner-mobile-loyalty-points-nonLoggedIn {
  display: inline-block;
  opacity: .9;
  vertical-align: middle;
  font-size: 12px;
  text-align: left;
  margin-right: 12px;
  color: #282c3f
}

.pointsbanner-mobile-loyalty-points-nonLoggedIn {
  line-height: 15px;
  width: 160px;
  padding-left: 5px
}

.pointsbanner-mobile-loyalty-points-value {
  display: inline-block;
  font-size: 22px;
  vertical-align: middle
}

.pointsbanner-mobile-exchange-more-btn {
  position: absolute;
  right: 15px;
  margin-top: 5px;
  border-radius: 15px;
  border: 1px solid #535766;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .3px;
  text-align: center;
  line-height: 1.25em;
  padding: 4px 8px 3px;
  background-color: #fff5e1;
  color: #282c3f
}

.pointsbanner-mobile-extra-button-padding {
  padding-left: 4px;
  padding-right: 4px
}

.pointsbanner-button-arrow {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-left: 2px;
  border: solid #ff3e6c;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: 1px;
  margin-right: 2px
}

.referrals-banner-loyalty-points-block {
  display: inline-block
}

.referrals-banner-sne-colour-gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#f9f9ff), to(#dee8ff));
  background-image: linear-gradient(90deg, #f9f9ff, #dee8ff)
}

.referrals-banner-coinicon {
  max-height: 100%;
  vertical-align: middle;
  height: 30px;
  width: 30px;
  margin-right: 4px
}

.referrals-banner-loyalty-points-msg {
  opacity: .9;
  text-align: left;
  padding: 0 12px 0 4px;
  color: #3e4152;
  line-height: 1.3;
  font-size: 14px
}

.referrals-banner-bannerImg {
  width: 54px;
  vertical-align: middle;
  margin-right: 8px
}

.referrals-banner-button-arrow {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-left: 2px;
  border: solid #ff3e6c;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: 1px;
  margin-right: 2px
}

.referrals-banner-loyalty-points-nonLoggedIn {
  opacity: .9;
  text-align: left;
  line-height: 1.3;
  padding: 0 8px;
  width: 300px
}

.referrals-banner-loyalty-points-nonLoggedIn,
.referrals-banner-loyalty-points-value {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #3e4152;
  font-weight: 500
}

.referrals-banner-scratch-cards {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-size: 14px;
  color: #3e4152;
  padding: 0 8px;
  margin-right: 16px
}

.referrals-banner-scratch-cards>div+div {
  margin-top: 4px
}

.referrals-banner-bold-text {
  font-weight: 500
}

.referrals-banner-exchange-more-btn {
  border-radius: 4px;
  border: 1px solid #c9dafd;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .3px;
  text-align: center;
  height: 27px;
  line-height: 1.25em;
  color: #ff3f6c;
  background: 0 0;
  padding: 1px 5px 0 8px
}

.referrals-banner-extra-button-padding {
  padding-left: 4px;
  padding-right: 4px
}

.referrals-banner-mobile-loyalty-points-block {
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  background-color: #fff5e1
}

.referrals-banner-mobile-coinicon {
  max-height: 100%;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-right: 2px
}

.referrals-banner-mobile-loyalty-points-msg {
  padding-left: 4px
}

.referrals-banner-mobile-loyalty-points-msg,
.referrals-banner-mobile-loyalty-points-nonLoggedIn {
  display: inline-block;
  opacity: .9;
  vertical-align: middle;
  font-size: 12px;
  text-align: left;
  color: #282c3f
}

.referrals-banner-mobile-loyalty-points-nonLoggedIn {
  line-height: 15px;
  width: 150px;
  margin-right: 18px;
  padding-left: 5px;
  font-weight: 500
}

.referrals-banner-mobile-loyalty-points-value {
  display: inline-block;
  font-size: 22px;
  vertical-align: middle
}

.referrals-banner-mobile-exchange-more-btn {
  position: absolute;
  right: 15px;
  margin-top: 5px;
  border-radius: 15px;
  border: 1px solid #535766;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .3px;
  text-align: center;
  line-height: 1.25em;
  padding: 4px 8px 3px;
  background-color: #fff5e1;
  color: #282c3f
}

.referrals-banner-mobile-extra-button-padding {
  padding-left: 4px;
  padding-right: 4px
}

.referrals-banner-rs {
  font-style: normal;
  font-size: 14px;
  letter-spacing: -3px
}

.referrals-banner-loyalty-points-info {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px
}

.referrals-banner-loyalty-points-description {
  font-size: 12px;
  color: #535766;
  text-align: left
}

.referrals-banner-coin-image {
  padding: 0 1px;
  vertical-align: middle
}

.common-customCheckbox {
  position: relative;
  cursor: pointer
}

.common-customCheckbox input {
  margin: 0 16px 0 0;
  visibility: hidden
}

.common-checkboxIndicator {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #c3c2c9;
  background: #fff;
  border-radius: 2px
}

.common-checkboxIndicator:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  width: 8px;
  height: 5px;
  border-color: #fff;
  border-style: none none solid solid;
  border-width: 2px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.common-customCheckbox input:checked~.common-checkboxIndicator {
  border: none;
  background: #ff3f6c
}

.common-customCheckbox input:checked~.common-checkboxIndicator:after {
  display: block
}

.common-customRadio {
  position: relative;
  cursor: pointer;
  vertical-align: middle
}

.common-customRadio input {
  margin: 0 16px 0 0;
  visibility: hidden
}

.common-customRadioNew {
  height: 10px;
  width: 7px
}

.common-radioIndicator {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0
}

.common-radioIndicator:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 16px;
  height: 16px;
  border: 1px solid #c3c2c9;
  border-radius: 50%;
  visibility: visible;
  display: inline-block;
  vertical-align: middle;
  padding: 2px;
  text-align: center
}

.common-customRadio input:checked~.common-radioIndicator:before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  border-color: #ff3f6c;
  visibility: visible;
  background: #ff3f6c;
  -webkit-box-shadow: inset 0 0 0 3px #fff;
  box-shadow: inset 0 0 0 3px #fff
}

.common-newCustomRadio input:checked~.common-radioIndicatorNew:before {
  border-color: #ff3f6c !important;
  background: #ff3f6c !important
}

.xedvacouhdivuop:after,
.xedvacouhdivuop:before {
  content: " ";
  display: table
}

.xedvacouhdivuop:after {
  clear: both
}

.TaxBanner-taxBanner {
  height: 32px;
  color: #fff;
  text-align: center;
  padding: 7px 0;
  font-size: 14px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.Modal-modalOverlay {
  height: 100%;
  width: 100%;
  z-index: 111;
  opacity: .64;
  background-color: #282c3f
}

.Modal-modalContent,
.Modal-modalOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.Modal-modalContent {
  z-index: 112;
  overflow: auto;
  text-align: center;
  padding: 4px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, .3)
}

.Modal-modalContent:after {
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  content: ""
}

.Modal-modalDialog {
  position: relative;
  outline: 0;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: auto;
  cursor: default;
  border-radius: 4px
}

.Address-address-container {
  background-color: #fff;
  width: 440px;
  height: 500px;
  overflow: hidden;
  padding: 24px;
  color: #282c3f;
  text-align: left
}

p.Address-not-serviceable {
  color: #ff6700;
  font-size: 15px
}

.Address-close-button {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  opacity: .7
}

.Address-address-container header.Address-title {
  font-size: 16px;
  font-weight: 500
}

.Address-address-container header.Address-spaced {
  margin-top: 22px
}

.Address-address-container ul.Address-list {
  list-style: none;
  padding: 0;
  margin-top: 20px;
  overflow: auto
}

.Address-address-container li.Address-address {
  position: relative;
  margin: 6px 0;
  cursor: pointer
}

.Address-address-container li.Address-address+.Address-address-container li.Address-address {
  margin: 12px
}

.Address-address-container h5.Address-address-title {
  font-size: 14px;
  max-width: 300px;
  display: inline-block;
  margin: 0
}

.Address-address-container span.Address-address-type {
  display: inline-block;
  font-size: 10px;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 12px;
  vertical-align: middle;
  color: #535766;
  background-color: #eaeaec
}

.Address-address-container p.Address-address-street {
  margin: 4px 0 0;
  font-size: 12px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block
}

.Address-address-container hr {
  background-color: #eaeaec;
  height: 1px;
  border: 0;
  margin: 12px 0
}

.Address-address-container .Address-tick-icon {
  position: absolute;
  width: 24px;
  bottom: 8px;
  right: 16px
}

.Address-address-container div.Address-or {
  width: 100%;
  height: 8px;
  font-size: 12px;
  margin: 12px 0;
  border-bottom: 1px solid #eaeaec;
  text-align: center
}

.Address-address-container div.Address-or span {
  font-size: 12px;
  background-color: #fff;
  padding: 8px
}

.Address-address-line {
  font-weight: 500;
  margin-bottom: 20px;
  cursor: pointer
}

.Address-pincode-input {
  margin: 12px 0
}

.Address-pincode-input>input {
  border: none;
  width: 100%
}

.Address-address-box {
  font-family: inherit;
  position: relative;
  padding: 10px;
  height: 44px;
  font-size: 15px;
  border: 1px solid #bfc0c6
}

.Address-modal-box {
  width: 100%
}

.Address-pdp-box {
  width: 300px;
  border-radius: 5px
}

.Address-address-button {
  background-color: #fff;
  cursor: pointer;
  border: none;
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 13px;
  font-weight: 500
}

.Address-switcher-container {
  margin-top: 20px
}

.Address-address-box .Address-tick {
  margin-left: 4px;
  width: 18px;
  vertical-align: middle
}

.Address-address-box .Address-text {
  display: inline-block;
  max-width: 220px;
  height: 20px;
  overflow: hidden
}

.Address-address-box .Address-text span {
  vertical-align: middle
}

.Address-header-address-container {
  background-color: #fff;
  width: 672px;
  height: 320px;
  overflow: hidden;
  padding: 24px;
  color: #282c3f;
  text-align: left
}

.Address-not-serviceable {
  color: #ff6700;
  font-size: 15px;
  line-height: 3;
  margin-top: 10
}

.Address-header-close-button {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  opacity: .7
}

button:focus,
input:focus {
  outline: 0
}

.Address-header-address-container header.Address-header-title {
  font-size: 16px;
  font-weight: 500;
  margin-top: -30px
}

.Address-header-address-container header.Address-header-spaced {
  margin-top: 22px
}

.Address-header-address-container ul.Address-header-list {
  list-style: none;
  padding: 0;
  margin-top: 20px;
  overflow: auto
}

.Address-header-address-container li.Address-header-address {
  position: relative;
  margin: 6px 0;
  cursor: pointer
}

.Address-header-address-container li.Address-header-address+.Address-header-address-container li.Address-header-address {
  margin: 12px
}

.Address-header-address-container h5.Address-header-address-title {
  font-size: 14px;
  max-width: 300px;
  display: inline-block;
  margin: 0
}

.Address-header-address-container span.Address-header-address-type {
  display: inline-block;
  font-size: 10px;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 12px;
  vertical-align: middle;
  color: #535766;
  background-color: #eaeaec
}

.Address-header-address-container p.Address-header-address-street {
  margin: 4px 0 0;
  font-size: 12px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block
}

.Address-header-address-container hr {
  background-color: #eaeaec;
  height: 1px;
  border: 0;
  margin: 12px 0
}

.Address-header-address-container .Address-header-tick-icon {
  position: absolute;
  width: 24px;
  bottom: 8px;
  right: 16px
}

.Address-header-address-container div.Address-header-or {
  width: 100%;
  height: 8px;
  font-size: 12px;
  margin: 12px 0;
  text-align: center
}

.Address-header-address-container div.Address-header-or span {
  font-size: 12px;
  background-color: #fff
}

.Address-header-address-line {
  font-family: Whitney;
  font-style: normal;
  font-weight: 325;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 20px;
  cursor: pointer;
  padding-right: 12px;
  padding-left: 12px
}

.Address-header-pincode-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: none;
  margin-top: 10px
}

.Address-header-pincode-input-box {
  border: 1px solid #d4d5d8;
  border-radius: 4px;
  width: 60%
}

.Address-header-pincode-input-box:disabled {
  border: 1px solid #d4d5d8;
  border-radius: 4px;
  width: 100%;
  text-decoration: none
}

.Address-pincode-input-box-wrapper {
  margin-right: 35%;
  background: 0 0;
  font-weight: 500;
  border: none
}

.Address-header-address-button {
  margin: 4px;
  background: 0 0;
  font-weight: 500
}

.Address-header-pincode-input>input {
  border: 1px solid #d4d5d8;
  border-radius: 4px;
  padding: 12px
}

.Address-header-address-box {
  font-family: inherit;
  line-height: 22px;
  height: 38px;
  font-size: 15px;
  border: 1px solid #bfc0c6;
  overflow-y: hidden;
  overflow-x: hidden
}

.Address-header-pincode-text {
  font-size: 14px;
  color: #000;
  line-height: 16px;
  font-style: normal;
  font-family: Whitney
}

.Address-header-pincode-box {
  width: 190px;
  border-radius: 5px;
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  white-space: nowrap
}

@media (min-width:1800px) {
  .Address-header-pincode-box {
    width: 11%
  }
}

@media (max-width:1700px) {
  .Address-header-pincode-box {
    width: 8%
  }
}

@media (max-width:1550px) {
  .Address-header-pincode-box {
    width: 30px
  }
}

@media (max-width:1350px) {
  .Address-header-pincode-box {
    width: 30px
  }
}

@media (max-width:1100px) {
  .Address-header-pincode-box {
    width: 30px;
    margin-left: 8px
  }
}

@media (max-width:900px) {
  .Address-header-pincode-box {
    width: 30px;
    margin-left: 8px
  }
}

.Address-header-addressSelection-box {
  font-family: inherit;
  line-height: 22px;
  height: 38px;
  font-size: 15px;
  border: none;
  margin-left: 20%
}

.Address-header-modal-box {
  width: 100%
}

.Address-header-address-button {
  cursor: pointer;
  border: none
}

.Address-header-address-box .Address-header-tick {
  margin-left: 4px;
  width: 18px;
  vertical-align: middle
}

.Address-header-address-box .Address-header-text {
  max-width: 220px;
  height: 22px;
  overflow: hidden;
  color: #000
}

.Address-header-address-box .Address-header-text span {
  vertical-align: middle
}

.Address-header-userActionsContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.Address-header-contentInfo {
  display: block;
  padding-bottom: 2px
}

.Address-header-infoEmail {
  height: 14px;
  font-size: 16px;
  color: #282c3f;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 10px;
  margin-top: 30px
}

.Address-header-getUserInLinks {
  border: none;
  height: auto
}

.Address-header-getUserInLinks,
.Address-header-linkButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.Address-header-linkButton {
  padding: 18px 20px;
  margin: 10px 10px 0 0;
  border: 1px solid #eaeaec;
  border-radius: 2px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  color: #ff3f6c;
  font-weight: 500;
  width: 70%;
  height: 40px
}

.Address-header-linkButton:hover {
  border: 1px solid #ff3f6c
}

.Address-header-AddressSelection_bottom {
  position: absolute;
  width: 90%
}

.Address-header-or {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: 20px;
  line-height: 16px;
  border: none
}

.pincode-button {
  outline: 0;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  background-color: #fff;
  border: 0;
  color: #ff3e6c;
  text-transform: capitalize
}

.pincode-check {
  position: relative;
  left: -60px;
  background-color: transparent
}

.pincode-heading {
  font-size: 14px;
  margin-bottom: 15px;
  color: #696b79;
  font-weight: 500
}

.pincode-tooltipWrapper {
  width: 221px;
  height: 48px;
  margin-left: 75%;
  line-height: 14px;
  position: absolute;
  margin-top: 62px
}

.pincode-arrowUp {
  width: 0;
  height: 0;
  margin-bottom: -12px;
  margin-left: 200px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #282c3f
}

.pincode-pincodeToolTipText {
  color: #fff;
  background-color: #282c3f;
  border-radius: 2px;
  overflow: hidden;
  font-size: 12px;
  padding: 10px
}

.pincode-enterPincode {
  font-size: 13px;
  color: #282c3f;
  margin: 8px 0 0
}

.pincode-check-another-pincode {
  position: relative;
  left: -60px;
  background-color: transparent
}

.pincode-serviceabilityForm {
  padding-bottom: 10px
}

.pincode-code {
  border-radius: 5px;
  border: 1px solid #d4d5d9;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  padding: 10px;
  font-size: 16px;
  min-width: 160px;
  outline: 0;
  width: 250px
}

.pincode-code:focus {
  outline: 0
}

.pincode-code::-moz-focus-inner {
  border: 0
}

.pincode-code:disabled {
  background-color: #f4f4f5;
  border: 1px solid #d4d5d9
}

.pincode-checkServiceAbilityhalfCard {
  position: fixed;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .2);
  width: 100%;
  height: 100%;
  z-index: 10
}

.pincode-picodeCheckContainer {
  position: fixed;
  padding: 0 20px 20px;
  bottom: 0;
  left: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #fff
}

.pincode-tick {
  margin: 0 5px 0 0
}

.pincode-serviceability-list {
  margin: 16px 0 0;
  padding: 0;
  line-height: 20px
}

.pincode-serviceability-list li {
  list-style-type: none;
  font-size: 13px;
  color: #696e79;
  margin-bottom: 10px
}

.pincode-serviceability-list li h4 {
  font-weight: 500;
  margin: 0;
  color: #282c3f;
  font-size: 16px;
  padding: 0;
  line-height: 1.25
}

.pincode-serviceability-list li p {
  font-weight: 400;
  margin: 0;
  line-height: 1.43;
  color: #7e808c;
  font-size: 14px
}

.pincode-tickcontainer {
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background-color: #23c5a0;
  position: absolute;
  display: inline-block;
  left: 78px;
  top: 2px;
  margin: 10px 0;
  vertical-align: top
}

.pincode-tick {
  position: absolute;
  top: 3px;
  left: 6px;
  height: 8px;
  width: 4px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.pincode-tickSmallContainer {
  height: 8px;
  width: 8px;
  border-radius: 8px;
  background-color: #7e808c;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 6px 10px 0 0
}

.pincode-tickSmall {
  top: 2px;
  left: 3px;
  height: 4px;
  width: 2px
}

.pincode-serviceabilityContainer {
  display: inline-block;
  vertical-align: top;
  width: 90%
}

.pincode-serviceabilityTitle {
  color: #535766;
  display: inline-block;
  overflow-wrap: break-word;
  vertical-align: middle
}

.pincode-serviceabilityItem {
  max-width: 500px
}

.pincode-serviceabilityIcon {
  width: 40px;
  height: 40px;
  margin-right: 20px;
  vertical-align: middle
}

.pincode-serviceabilityViewMore {
  vertical-align: middle;
  cursor: pointer;
  font-weight: 500;
  color: #ff3e6c;
  float: right;
  margin: 10px 16px 0 0;
  font-size: 13px
}

.pincode-rightArrow {
  width: 16px;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  vertical-align: text-top
}

.pincode-error {
  color: #ff5722;
  font-size: 15px
}

@media only screen and (min-width:600px) {
  .pincode-checkServiceAbilityhalfCard {
    position: static;
    background-color: #fff;
    height: auto
  }

  .pincode-picodeCheckContainer {
    position: static;
    margin: 0;
    padding: 0
  }
}

.pincode-deliveryOptionsIcon {
  vertical-align: middle
}

@-moz-document url-prefix() {
  .mobile-mLogo {
    margin: 5px 0 !important
  }
}

a {
  text-decoration: none;
  color: #282c3f
}

small {
  color: #696b79;
  font-size: 10px
}

.mobile-active {
  color: #3e4152 !important;
  font-weight: 500 !important
}

.mobile-container,
.mobile-header {
  width: 100%;
  height: 50px
}

.mobile-header {
  -webkit-box-shadow: 0 1px 4px 0 #d4d5d9;
  box-shadow: 0 1px 4px 0 #d4d5d9;
  z-index: 9;
  background: #fff;
  position: fixed
}

.mobile-left {
  left: 0;
  z-index: 1
}

.mobile-left,
.mobile-right {
  height: inherit;
  position: absolute
}

.mobile-right {
  right: 0
}

.mobile-leftNavBar {
  display: inline-block;
  float: left;
  margin: 17px
}

.mobile-mLogo {
  -webkit-transform: scale(.7);
  transform: scale(.7);
  margin: 5px 0;
  display: inline-block;
  float: left
}

.mobile-mSearch {
  background-position: -754px 0;
  display: inline-block;
  margin: 14px 0;
  float: right;
  width: 21px;
  height: 21px
}

.mobile-searchContainer {
  width: 100%;
  z-index: 9;
  position: fixed;
  background: #fff
}

.mobile-searchBarContainer {
  display: inline-block;
  position: relative;
  width: 100%;
  left: 0;
  height: 50px;
  position: fixed;
  top: 50px;
  padding-top: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px 0 #d4d5d9;
  box-shadow: 0 1px 4px 0 #d4d5d9
}

.mobile-searchInput {
  position: absolute;
  width: 80%;
  left: 0;
  display: inline-block;
  margin: 0 20px 0 15px;
  height: 18px;
  padding: 10px;
  border: 1px solid #d4d5d9;
  border-right: none
}

.mobile-searchInput:focus {
  outline: 0
}

.mobile-searchBtn {
  text-align: center;
  display: inline-block;
  width: 11%;
  right: 0;
  position: absolute;
  padding: 8px 10px;
  font-weight: 500;
  color: #282c3f;
  border: 1px solid #d4d5d9;
  height: 22px;
  margin: 0 13px 0 0;
  background-color: #fff
}

.mobile-searchListContainer {
  width: 100%;
  top: 95px;
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 #d4d5d9;
  box-shadow: 0 2px 4px 0 #d4d5d9
}

.mobile-mUser {
  margin: 14px 20px
}

.mobile-mBag,
.mobile-mUser {
  display: inline-block;
  float: right
}

.mobile-mBag {
  margin: 14px 20px 14px 0
}

.mobile-itemCount {
  position: absolute;
  margin: 0 0 0 9%;
  padding: 0 5px;
  color: #fff;
  font-weight: 500;
  top: 9px;
  height: 18px;
  border-radius: 3px;
  font-size: 13px
}

.mobile-grey {
  background-color: #696b79
}

.mobile-melon {
  background-color: #ff3f6c
}

.mobile-subHeader {
  top: 50px;
  height: 50px;
  position: absolute
}

.mobile-sideNav {
  display: none;
  width: 0;
  opacity: 0
}

@-webkit-keyframes mobile-slide {
  0% {
    width: 0
  }

  to {
    width: 75%
  }
}

@keyframes mobile-slide {
  0% {
    width: 0
  }

  to {
    width: 75%
  }
}

.mobile-sideNavClicked {
  overflow: scroll;
  width: 75%;
  -webkit-animation: mobile-slide .2s ease-out;
  animation: mobile-slide .2s ease-out;
  height: 100%;
  position: fixed;
  top: 0;
  background: #fff;
  z-index: 99;
  display: block
}

.mobile-sideNavClicked ul {
  margin: 0;
  padding: 0;
  background-color: #fff
}

.mobile-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: rgba(0, 0, 0, .5)
}

.mobile-show {
  display: block;
  -webkit-animation: mobile-fadeIn .2s;
  animation: mobile-fadeIn .8s
}

.mobile-hide {
  display: none
}

.mobile-navHeading {
  border: none;
  padding-left: 30px
}

.mobile-navSubHeading {
  background: #fff;
  width: 100%;
  height: 50px;
  float: left;
  border-bottom: 1px solid #d4d5d9;
  z-index: 1
}

.mobile-backBtn {
  padding: 10px 0;
  float: left;
  margin: 19px 10px 0 20px
}

.mobile-navBackContainer {
  float: left;
  width: 20%;
  height: 35px;
  padding: 10px 0;
  font-size: 15px
}

.mobile-navHeadingText {
  padding: 25px 0 10px;
  font-size: 12px;
  width: 80%;
  float: right;
  height: 35px;
  float: left;
  color: #696b79;
  position: absolute;
  left: 20px
}

.mobile-navSubHeadingText {
  padding: 18px 0 10px 10px;
  font-size: 15px;
  font-weight: 500;
  width: 60%
}

.mobile-navMenuContainer {
  display: inline-block;
  padding: 13px 0;
  width: 100%;
  font-weight: 500;
  border-bottom: 1px solid #eaeaec
}

.mobile-navMenuContainer:nth-child(5) {
  border: none
}

.mobile-navMenuItems {
  font-size: 16px;
  width: 220px;
  font-weight: 500;
  float: left
}

.mobile-navFwd {
  padding: 10px 0;
  right: 10px;
  position: absolute;
  margin: -8px 0 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.mobile-navAccTitle {
  display: none;
  height: 20px;
  font-size: 11px;
  text-transform: uppercase;
  color: #696b79;
  padding: 25px 20px 0;
  border-top: 1px solid #eaeaec
}

.mobile-navAccItems {
  width: 90%;
  padding: 15px 0 10px 20px;
  font-size: 15px;
  float: left;
  color: #3e4152
}

.mobile-navAccItemsHidden {
  display: none
}

.mobile-catValue {
  text-decoration: none;
  color: #696b79
}

.mobile-catContainer {
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #eaeaec
}

.mobile-catExpansion {
  display: inline-block;
  float: right;
  font-size: 20px;
  margin: auto;
  padding-right: 8px;
  color: #696b79
}

.mobile-minus {
  -webkit-transform: scaleX(2);
  transform: scaleX(2)
}

@-webkit-keyframes mobile-fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes mobile-fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.mobile-catList {
  padding: 10px
}

.mobile-catSubValue {
  display: block;
  width: 95%;
  color: #696b79 !important
}

.mobile-catSubValue,
.mobile-sugContainer {
  padding: 10px 0;
  margin-left: 15px;
  border-bottom: 1px solid #eaeaec
}

.mobile-sugContainer {
  display: inline-block;
  width: 92%;
  color: #282c3f
}

.mobile-sugContainer:last-child {
  border-bottom: none
}

.mobile-sugIcon {
  width: 20px;
  margin-left: 5px;
  float: left;
  display: inline-block
}

.mobile-footerLinks {
  height: 20px;
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  padding: 30px 0;
  z-index: -1
}

.mobile-fLinks>span {
  padding: 0 15px;
  font-size: 12px;
  text-transform: uppercase;
  color: #94969f
}

.mobile-fLinks:first-child:after {
  content: "";
  color: #a9abb3
}

.mobile-fLinks:nth-child(2) {
  display: none
}

.mobile-sugLabel {
  width: 60%;
  display: inline-block;
  padding: 0 0 0 15px
}

.mobile-sugCount {
  width: 13%;
  float: right;
  color: #7e818c;
  text-align: right;
  margin-right: 5px
}

.mobile-subCatContainer {
  background-color: #fff;
  padding: 55px 15px 0 20px
}

.mobile-sbContainer {
  background: #fff;
  padding: 10px;
  border-bottom: 1px solid #eaeaec
}

.mobile-sbInfo {
  width: 25%;
  display: inline-block
}

.mobile-sbTimer {
  width: auto;
  display: inline-block;
  vertical-align: top;
  float: right
}

.mobile-slotTimer {
  padding-left: 5px;
  width: 100% !important
}

.mobile-sbContent {
  margin: 5px auto;
  font-size: 12px;
  color: #696b79
}

.mobile-sbInfo .mobile-sbContent:last-child {
  padding-top: 3px
}

.mobile-sbInfo .mobile-sbContent:first-child {
  font-weight: 600
}

.mobile-clearfix {
  clear: both
}

.mobile-timer {
  color: #ff517b;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  text-align: left;
  min-width: 19px;
  font-weight: 600
}

.mobile-days {
  padding-right: 5px
}

@media (min-width:320px) and (max-width:568px) {
  .mobile-searchBtn {
    font-size: 13px;
    padding: 11px 9px 5px 10px
  }
}

@media (min-width:768px) and (max-width:1024px) {
  .mobile-searchInput {
    width: 90%
  }

  .mobile-sbTimer {
    text-align: right
  }
}

.desktop-footerContainer {
  max-width: 1080px;
  margin: auto;
  min-width: 980px
}

strong {
  color: #282c3f;
  font-weight: 500
}

.desktop-shopLinks {
  float: left;
  width: 155px;
  display: inline-block;
  vertical-align: top;
  padding-right: 20px
}

.desktop-shopLinks>p {
  font-weight: 500
}

.desktop-customerPolicies {
  width: 15%;
  float: left
}

.desktop-customerPolicies>p {
  font-weight: 500
}

.desktop-customerPolicies>a,
.desktop-shopLinks>a {
  color: #696b79;
  display: block;
  font-size: 15px;
  text-decoration: none;
  padding-bottom: 5px;
  cursor: pointer;
  line-height: normal
}

.desktop-customerPolicies>a:nth-child(2),
.desktop-shopLinks>a:nth-child(10),
.desktop-shopLinks>a:nth-child(2) {
  padding-top: 14px
}

.desktop-shopLinks>p:nth-child(9) {
  margin-top: 19px
}

.desktop-shopLinks>a:hover>.desktop-superscript {
  text-decoration: none
}

.desktop-superscript {
  padding: 0 5px;
  background: red;
  border-radius: 90px;
  color: #fff;
  font-weight: 900;
  margin: 0 0 0 5px;
  font-size: 12px
}

.desktop-appExperience {
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
  width: 360px;
  font-size: 15px;
  line-height: 19px;
  float: left;
  padding-top: 13px
}

.desktop-genericInfo {
  overflow: hidden;
  margin-bottom: 24px
}

.desktop-appExperience>p:first-child {
  font-weight: 500;
  color: #282c3f;
  margin: -3px 0 0;
  padding: 0 0 25px
}

.desktop-appExperience>p {
  color: #696b79
}

.desktop-downLinkContainer {
  display: inline-block
}

.desktop-androidDownLink,
.desktop-iOSDownLink {
  margin-right: 10px;
  height: 42px
}

.desktop-navigation {
  font-weight: 500
}

.desktop-promises {
  width: 250px;
  float: left
}

.desktop-section {
  margin: 15px 0 30px;
  color: #696b79
}

.desktop-delivery,
.desktop-original,
.desktop-return {
  display: inline-block;
  float: left;
  margin-left: -10px;
  margin-right: 10px;
  width: 47.5px;
  height: 40px
}

.desktop-popularSearch hr {
  border: 1px;
  height: 1px;
  background-color: #eaeaec
}

.desktop-pSearchTitle {
  position: absolute;
  margin-top: -15px;
  background: #fafbfc;
  padding-right: 10px;
  color: #282c3f;
  font-size: 12px;
  font-weight: 500
}

.desktop-pSearchlinks {
  margin-top: 30px
}

.desktop-pSearchlinks>a {
  text-decoration: none;
  color: #696b79;
  font-size: 15px;
  line-height: 25px
}

.desktop-pSearchlinks>a:after {
  content: "|";
  margin-left: 3px
}

.desktop-pSearchlinks>a:last-child:after {
  content: ""
}

.desktop-gInfoTitle,
.desktop-or {
  font-size: 12px
}

.desktop-fInfoSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 40px
}

.desktop-contact {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #696b79
}

.desktop-contact>a {
  text-decoration: none;
  font-weight: 500;
  color: #526cd0
}

.desktop-greetings {
  float: left;
  left: 0;
  right: 0;
  position: absolute;
  margin: 8px auto auto
}

.desktop-copywrite {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #94969f;
  text-align: end
}

.desktop-horizontalLine {
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #d4d5d9
}

.desktop-keepInTouch {
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: 500;
  margin-top: 20px
}

.desktop-facebook {
  width: 20px;
  height: 21px
}

.desktop-facebook,
.desktop-instagram,
.desktop-twitter,
.desktop-youtube {
  margin: 0 15px 0 0;
  display: inline-block
}

.desktop-flipkartCompany {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: end
}

.desktop-flipkartCompany>a {
  color: #94969f
}

.desktop-gyanContainer {
  line-height: 18px;
  color: #94969f;
  font-size: 14px;
  border-top: 1px solid #eaeaec;
  margin: 15px 0 0
}

.desktop-gyanContainer h1,
.desktop-gyanContainer h2,
.desktop-gyanContainer h3 {
  font-size: 14px
}

.desktop-gyanContainer li {
  list-style-type: decimal;
  margin: 1em 0
}

.desktop-myntraFashionSuperstarContainer {
  border-top: none
}

.desktop-gyanContainer strong {
  color: #535766 !important
}

.desktop-gyanContainer a {
  color: #696b79
}

.desktop-gyanContainer a:hover {
  text-decoration: underline
}

.desktop-gyanContainer h1,
h2,
h3 {
  margin-top: 30px
}

@media (max-width:700px) {
  .desktop-gyanContainer {
    padding: 0 0 30px
  }
}

.index-seoContainer {
  padding: 20px 0 60px;
  color: #535766;
  width: 100%;
  text-align: justify
}

.index-title {
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  color: #696b79;
  font-size: 16px
}

.index-descContainer {
  font-size: 14px;
  line-height: 1.5;
  margin: 20px 0;
  color: #7e818c;
  width: 61%
}

.index-descContainer p:first-child {
  margin-top: 0
}

.index-descContainer strong {
  color: #696b79;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500
}

.index-descContainer a {
  font-weight: 500;
  color: #7e818c
}

.index-priceContainer {
  font-size: 12px;
  float: right;
  padding-left: 30px;
  max-width: 380px
}

.index-priceContainer td:last-child {
  white-space: nowrap
}

.index-priceContainer table {
  border-collapse: collapse
}

.index-priceContainer td,
th {
  text-align: left;
  padding: 8px
}

.index-dateTitle {
  font-style: italic;
  padding: 10px 0 0 6px;
  font-weight: 700
}

.index-toggleRead {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: #118beb
}

.index-lcContainer {
  margin: 30px 0;
  padding: 20px 0 0;
  border-top: 1px solid #eaeaec;
  font-size: 15px;
  font-style: normal;
  line-height: 20px
}

.index-lcHeader {
  font-weight: 500;
  color: #282c3f
}

.index-lcAddress {
  color: #94969f
}

.index-lcInfoContainer {
  margin-top: 10px;
  display: inline-block;
  width: 100%
}

.index-lcAddress {
  width: 70%;
  display: inline-block
}

.index-lcLegalInfo {
  width: 30%;
  display: inline-block;
  color: #94969f
}

.index-lcLegalInfo p {
  margin: 0
}

.index-highlightText {
  color: #526cd0;
  font-weight: 500
}

@media (max-width:600px) {
  .index-lcContainer {
    margin: 20px 0;
    padding: 0
  }

  .index-lcInfoContainer {
    margin: 0;
    display: block
  }

  .index-lcAddress,
  .index-lcLegalInfo {
    width: 100%;
    display: block
  }

  .index-lcLegalInfo {
    margin-top: 20px
  }
}

.mobile-base {
  padding: 0 20px
}

.mobile-oShopping {
  display: block;
  font-size: 14px !important;
  color: #282c3f !important;
  padding: 10px 0;
  font-weight: 500
}

.mobile-oShopping:after {
  content: " " !important
}

.mobile-appLink {
  background-color: #526cd0;
  font-weight: 500;
  text-align: center;
  border-radius: 3px;
  margin: 15px 0;
  height: 45px
}

.mobile-myntExp {
  font-weight: 500;
  clear: both;
  font-size: 14px
}

.mobile-android,
.mobile-ios,
.mobile-windows {
  display: inline-block;
  margin: 10px 10px 10px 0
}

.mobile-btnText {
  top: -18px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #fff
}

.mobile-popularLinks,
.mobile-usefulLinks {
  color: #696b79;
  font-size: 15px;
  line-height: 23px
}

.mobile-popularLinks>p,
.mobile-usefulLinks>p {
  font-size: 14px;
  color: #282c3f;
  padding: 10px 0;
  font-weight: 500
}

.mobile-popularLinks>a,
.mobile-usefulLinks>a {
  text-decoration: none;
  color: #696b79;
  font-size: 15px
}

.mobile-popularLinks>a:after,
.mobile-usefulLinks>a:after {
  content: "|";
  margin-left: 3px;
  color: #eaeaec
}

.mobile-socialLinks {
  color: #696b79;
  font-size: 15px;
  line-height: 23px
}

.mobile-socialLinks>p {
  margin-top: 25px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #282c3f;
  padding: 10px 0;
  font-weight: 500
}

.mobile-popularLinks>a:last-child:after,
.mobile-usefulLinks>a:last-child:after {
  content: ""
}

.mobile-contact {
  color: #696b79
}

.mobile-copyright {
  color: #94969f;
  font-size: 15px
}

.mobile-hideFooterData {
  display: none
}

.mobile-flipkartCompany {
  color: #94969f
}

.mobile-facebook,
.mobile-instagram,
.mobile-twitter,
.mobile-youtube {
  margin: 0 25px 0 0
}

.mobile-gyanContainer {
  color: #94969f;
  font-size: 14px;
  border-top: 1px solid #eaeaec;
  margin: 15px 0 0
}

.mobile-gyanContainer h1,
.mobile-gyanContainer h3 {
  font-size: 14px
}

.mobile-gyanContainer li {
  list-style-type: decimal;
  margin: 1em 0
}

.mobile-gyanContainer strong {
  color: #535766 !important
}

.mobile-gyanContainer a {
  color: #696b79
}

.mobile-gyanContainer a:hover {
  text-decoration: underline
}

.PostLoginAction-amnContainer {
  width: 360px;
  padding: 36px;
  background-color: #fff;
  color: #525669;
  text-align: left
}

.PostLoginAction-amnHeading {
  font-weight: 500;
  font-size: 18px;
  margin-top: 32px
}

.PostLoginAction-amnDescription {
  font-size: 14px;
  margin: 16px 0 20px
}

.PostLoginAction-amnButton {
  font-size: 14px;
  background-color: #ff3f6c;
  padding: 12px 0;
  color: #fff;
  text-align: center;
  font-weight: 500;
  border-radius: 2px;
  cursor: pointer
}

@font-face {
  font-family: 'Whitney';
  src: url('https://constant.myntassets.com/www/fonts/WhitneyHTF-Book.eot');
  src: url('https://constant.myntassets.com/www/fonts/WhitneyHTF-Book.eot?#iefix') format('embedded-opentype'),
    url('https://constant.myntassets.com/www/fonts/WhitneyHTF-Book.woff') format('woff'),
    url('https://constant.myntassets.com/www/fonts/WhitneyHTF-Book.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Whitney';
  src: url('https://constant.myntassets.com/www/fonts/WhitneyHTF-SemiBold.eot');
  src: url('https://constant.myntassets.com/www/fonts/WhitneyHTF-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('https://constant.myntassets.com/www/fonts/WhitneyHTF-SemiBold.woff') format('woff'),
    url('https://constant.myntassets.com/www/fonts/WhitneyHTF-SemiBold.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}