/* 07-01-2026 */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
:root {
  --spin-primary-blue: #0056B6;
  --spin-leaf-blue: #0056B6;
  /*--spin-dark-orange: #C8300E;*/
  --spin-dark-orange: #EF3D15;
  --spin-light-blue: #c6e3ff;
  --spin-beige-bgnd: #fbf4e4;
  --spin-bgnd: #fbf4e4;
  --spin-inner-bgnd: #fbf4e4;
  --spin-wheel-text: #000;
}
.spin-bgnd-d .st0 {
  fill: var(--spin-light-blue);
}
.spin-bgnd-d .st1 {
  fill: var(--spin-bgnd);
}
.spin-bgnd-d .st2 {
  fill: var(--spin-leaf-blue);
}
.spin-bgnd-d .st3 {
  fill: var(--spin-inner-bgnd);
}
.spin-bgnd-m .st0 {
  fill: none;
}
.spin-bgnd-m .st1 {
  fill: var(--spin-light-blue);
}
.spin-bgnd-m .st2 {
  fill: var(--spin-bgnd);
}
.spin-bgnd-m .st3 {
  fill: var(--spin-leaf-blue);;
}
.spin-bgnd-m .st4 {
  fill: var(--spin-inner-bgnd);
}
.bonvoy-site {
  --spin-primary-blue: var(--body-txt-color);
  --spin-leaf-blue: #FBAC81;
  --spin-light-blue: #eee;
  --spin-bgnd: #fff;
  --spin-inner-bgnd: #eee;
  --spin-wheel-text: #000;
}
.swa-site {
  --spin-primary-blue: #304cb2;
  --spin-leaf-blue: #304DB2;
  --spin-light-blue: #eee;
  --spin-bgnd: #f8f9fd;
  --spin-inner-bgnd: #f4f4f4;
  --spin-wheel-text: #000;
}
.wyn-site {
  --home-font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  --spin-primary-blue: var(--body-txt-color)/*#002D72*/;
  --spin-leaf-blue: #0072CE;
  --spin-light-blue: #C6E3FF;
  --spin-bgnd: #F3F4F8;
  --spin-inner-bgnd: #F3F4F8;
  --spin-wheel-text: #000;
}
.top-skinny img {
  display: block;
  width: 100%;
}
.fancybox-wrap.spin-modal .fancybox-inner {
  width: 100% !important;
  max-width: 800px;
}
.fancybox-wrap.spin-modal {
  width: 90% !important;
  max-width: 800px;
}
.fancybox-wrap.spin-modal .fancybox-skin {
  background: transparent;
  padding: 0 !important;
}
.spin-modal .fancybox-close {
  border-radius: 50%;
  border: 2px solid #FFF;
  background: var(--spin-primary-blue) url(/images/x_close_white.png) no-repeat center center / 50% auto;
  top: -17px !important;
  right: -17px !important;
}
.spin-modal .fancybox-close:focus-visible {
  outline-color: #FFF;
}
.need-more-points {
  display: none;
}
.spin-banner * {
  box-sizing: border-box;
}
.spin-banner {
  position: relative;
  box-sizing: border-box;
  border-radius: 10px;
  overflow: hidden;
}
.spin-banner img {
  display: block;
  width: 100%;
}
.spin-banner .mobile {
  display: none;
}
.spin-banner-inner {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 3%;
  width: 22.75%;
}
.spin-banner-inner > a:first-child > img {
  margin-bottom: 4%;
}
@media only screen and (max-width: 800px) {
  .spin-banner-inner {
    transform: translateY(-50%);
    top: 72%;
    right: auto;
    width: 45.75%;
    left: 12.5%;
  }
}
#summer-spin-modal {
  width: 100%;
  max-width: 800px;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  container-type: inline-size;
}
svg.spin-bgnd-d {
  display: block;
  width: 100%;
  max-width: 800px;
  height: auto;
}
svg.spin-bgnd-m {
  width: 100%;
  max-width: 390px;
  display: none;
  height: auto;
}
.bonvoy-site #summer-spin-modal {
}
.summer-spin-content {
  width: 49%;
  margin: 0 0 0 auto;
  padding: 2cqi 4cqi 2cqi 2cqi;
  display: flex;
  flex-flow: column;
  align-items: center;
  height: 100%;
  justify-content: center;
  gap: 2.25cqi;
  font-size: 3.6cqi;
}
.summer-spin-outer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.wheel-spin-ctr {
  --_wheel-width: 51.5cqi;
  --_wheel-border-width: .3cqi;
  width: var(--_wheel-width);
  margin: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.125cqi;
  /* background: transparent url(whole-lemon.svg) center / cover no-repeat; */
}
#spin-winner {
  text-align: center;
  font-size: 1em;
  font-weight: 700;
  font-family: var(--home-font-family);
  color: var(--spin-primary-blue);
  line-height: 1.125;
  /* text-shadow: 0 0 30px rgba(24, 80, 191, .65); */
  margin: 0 auto;
}
#spin-winner.win-notice {
  color: var(--body-txt-color);
}
.win-notice .sp-1 {
  margin-bottom: .125em;
}
.sp-1 {
    font-size: .75em;
    margin-bottom: .5em;
    color: var(--body-txt-color);
    font-weight: 400;
}
.sp-2, .sp-4 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.5em;
}
.sp-4 {
  /* font-size: 1.25em; */
  padding-top: .125em;
  color: var(--body-txt-color);
}
.sp-3 {
  font-size: .58em;
}
.win-notice .sp-2 {
  font-weight: 400;
  text-transform: unset;
  font-size: .75em;
}
.summer-spin-content h2, .wheel-spin-ctr > h2 {
  color: var(--spin-primary-blue);
  font-size: 1.125em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: .25em;
  font-family: var(--home-font-family);
  text-align: center;
  line-height: 1;
}
.summer-spin-content h2 > span {
  font-weight: 400;
  font-size: .88em;
}
.wyn-site .spin-modal .fancybox-close {
  top: 3px !important;
  right: 3px !important;
  background-color: #002D72;
}
.wyn-site h2 {
  font-weight: 400;
  text-transform: unset;
  font-size: 1.2em;
  line-height: 1.25;
}
.wyn-site h2 > span {
  font-size: inherit;
  font-weight: 400;
  text-transform: unset;
}
.wyn-site .sp-1, .wyn-site .sp-2, .wyn-site .sp-3, .wyn-site .sp-4 {
  font-size: .6em;
  font-weight: 300;
  line-height: 1.4;
}
.wyn-site .win-notice .sp-4 {
  font-size: 1.25em;
  text-transform: unset;
}
.bonvoy-site #spin-winner,
.bonvoy-site .summer-spin-content h2,
.bonvoy-site .sp-2 {
  font-weight: 900;
}
.wheel-spin-ctr > h2 {
  position: absolute;
}
.spin-stack {
  font-size: 1.25rem;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1;
  text-align: center;
}
.summer-spin li > span {
  display: block;
  transform: rotate(-90deg);
  text-align: center;
}
.summer-spin li > span > span {
  display: block;
  font-size: 61%;
  text-transform: uppercase;
  font-weight: 400;
}
.spin-btn, .spin-btn-cta, .open-summer-spin {
  appearance: none;
  border: none;
  padding: 0;
  display: grid;
  align-items: center;
  z-index: 1;
  width: 16em;
  border-radius: var(--home-btn-border-radius);
  height: 3em;
  font-size: .625em;
  font-family: var(--home-font-family);
  margin: 0 auto;
  background: var(--btn-primary-bgnd-color);
  color: var(--btn-primary-txt-color);
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  transition: transform .3s ease;
}
.summer-spin .spin-btn {
  position: absolute;
  left: 50%;
  top: calc(var(--_wheel-width) * .5);
  transform: translate(-50%, -50%);
  width: calc(var(--_wheel-width) * .09);
  height: calc(var(--_wheel-width) * .09);
  border-radius: 50%;
  font-size: 1rem;
  font-weight: bold;
  background: #ffffff;
  /* border: 3px solid #FFF; */
  /* box-shadow: 0 0 10px rgba(0, 0, 0, .2); */
}
.wyn-site .summer-spin-content .spin-btn, .wyn-site .spin-btn-cta {
  border-radius: 6px;
  background: #002D72;
}
.swa-site .listingPromo, .swa-nmp {
  display: none
}
.swa-site .spin-btn:not(.summer-spin .spin-btn), .swa-site .spin-btn-cta, .swa-site .open-summer-spin {
  background: var(--btn-primary-bgnd-color);
  color: var(--btn-primary-txt-color);
  border-radius: 0;
  font-weight: bold;
  text-transform: unset;
  box-shadow: 0 1px #8f8f8f;
}
button.spin-btn-cta {
  /* margin-bottom: 1rem; */
}
a.spin-btn-cta {
  background: transparent;
  border: none;
  color: var(--body-txt-color);
  text-decoration: none;
  width: auto;
  height: auto;
  box-shadow: none !important;
  border-radius: 0;
  font-size: .6em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .25em;
}
a.spin-btn-cta > span {
  display: flex;
  align-items: center;
}
a.spin-btn-cta svg {
  width: .875em;
  height: .875em;
  stroke-width: 3px;
}
.spin-btn-cta:hover, .open-summer-spin:hover {
  transform: scale(1.05);
}
.wyn-site a.spin-btn-cta {
  color: #002D72;
  text-transform: unset;
  background: transparent;
}
.wyn-site a.spin-btn-cta svg {
  display: none;
}
.swa-site a.spin-btn-cta {
  background: transparent;
  /* border: 2px solid #1850BF; */
  color: #1850BF;
  border-radius: 0 !important;
}
.summer-spin .spin-wheel {
  --_items: 8;
  aspect-ratio: 1 / 1;
  /*container-type: inline-size;*/
  direction: ltr;
  display: block;
  place-content: center start;
  position: relative;
  border-radius: 50%;
  /* box-shadow: 0 2cqi 0 rgba(0, 0, 0, .38); */
}
.summer-spin::after {
  content: '';
  /* border: var(--_wheel-border-width) solid #FFF; */
  display: block;
  position: absolute;
  left: calc(var(--_wheel-border-width) / -2);
  top: calc(var(--_wheel-border-width) / -2);
  width: calc(var(--_wheel-width) + var(--_wheel-border-width));
  height: calc(var(--_wheel-width) + var(--_wheel-border-width));
  border-radius: 50%;
  box-sizing: border-box;
  /* background: radial-gradient(circle, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0.4) 88%, rgba(0, 0, 0, 0.6) 100%); */
  display: none
}
.summer-spin ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
  font-weight: 500;
  clip-path: inset(0 0 0 0 round 50%);
  display: grid;
  inset: 0;
  place-content: center start;
  width: 100%;
  height: 100%;
  background: transparent url(whole-lemon.svg) center / cover no-repeat;
  text-transform: uppercase;
}
.swa-site #spin-winner, .swa-site .summer-spin-content h2, .swa-site .wheel-spin-ctr > h2, .swa-site .spin-btn, .swa-site .spin-btn-cta {
  font-family: SouthwestSans, Arial, Helvetica, sans-serif
}
.summer-spin li {
  margin: 0;
  padding: 0 0 0 4cqi;
  list-style: none;
  background: transparent;
  font-size: 3cqi;
  color: #FFF;
  display: grid;
  grid-area: 1 / -1;
  transform-origin: center right;
  width: calc(var(--_wheel-width) / 2);
  transform: rotate(calc(360deg / var(--_items) * calc(var(--_idx) - 1)));
  /*height: calc((2 * pi * 50cqi) / var(--_items));*/
  /*aspect-ratio: 1 / calc(2 * tan(180deg / var(--_items)));*/
  height: calc((2 * 3.141592653 * calc(var(--_wheel-width) / 2)) / var(--_items));
  clip-path: polygon(0% -6%, 100% 50%, 0 100%);
  line-height: 1.125;
  position: relative;
  /* border: 2px solid white; */
}
.summer-spin li.up-to-li {
  padding-left: 1cqi;
}
#summer-spin-modal *, #summer-spin-modal {
  box-sizing: border-box;
}
.summer-spin {
  /* box-shadow: -3cqi 3cqi 0 #56b1b157; */
  overflow: hidden;
  border-radius: 100%;
}
.spin-arrow {
  display: block;
  position: absolute;
  width: 5.5cqi;
  left: 49%;
  transform: translateX(-50%);
  top: -6%;
  z-index: 1;
}
/*.summer-spin li > span::after, .summer-spin li > span::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: #FFF;
  z-index: 1;
  border-radius: 50%;
  display: block;
}
.summer-spin li > span::after {
  top: -16%;
  left: 50%;
}
.summer-spin li > span::before {
  top: -16%;
  left: calc(1.75% * 3.14159);
}*/
.summer-spin li:nth-of-type(1) {
  --_idx: 1;
  /* background: var(--spin-yellow); */
  /* text-shadow: 0 0 5px var(--spin-dark-orange); */
  /* color: var(--spin-wheel-text); */
}
.summer-spin li:nth-of-type(2) {
  --_idx: 2;
  /* background: var(--spin-beige); */
  /* color: var(--spin-wheel-text); */
}
.summer-spin li:nth-of-type(3) {
  --_idx: 3;
  /* background: var(--spin-dark-orange); */
  /* text-shadow: 0 0 4px #9F1E00; */
}
.summer-spin li:nth-of-type(4) {
  --_idx: 4;
  /* background: var(--spin-beige); */
  /* color: var(--spin-wheel-text); */
}
.summer-spin li:nth-of-type(5) {
  --_idx: 5;
  /* background: var(--spin-yellow); */
  /* text-shadow: 0 0 5px var(--spin-dark-orange); */
  /* color: var(--spin-wheel-text); */
}
.summer-spin li:nth-of-type(6) {
  --_idx: 6;
  /* background: var(--spin-beige); */
  /* color: var(--spin-wheel-text); */
}
.summer-spin li:nth-of-type(7) {
  --_idx: 7;
  /* background: var(--spin-dark-orange); */
  /* text-shadow: 0 0 4px #9F1E00; */
}
.summer-spin li:nth-of-type(8) {
  --_idx: 8;
  /*background: #BAE8FF;*/
  /* background: var(--spin-beige); */
  /* color: var(--spin-wheel-text); */
}
.summer-spin li:nth-of-type(9) {
  --_idx: 9;
}
.summer-spin li:nth-of-type(10) {
  --_idx: 10;
}
.summer-spin li:nth-of-type(11) {
  --_idx: 11;
}
.summer-spin li:nth-of-type(12) {
  --_idx: 12;
}
.summer-spin-banner {
  background: #e7e7e7;
  border-radius: var(--home-border-radius);
  container-type: inline-size;
  position: relative;
  overflow: hidden;
}
#itemListing .summer-spin-banner {
  border-radius: 10px;
}
.swa-site#itemListing .summer-spin-banner {
  border-radius: 0;
}
.ssb-inner > div {
  position: absolute;
}
.ssb-inner {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ssb-m {
  display: none !important;
}
.ssb-inner > div.ssb-1 {
  left: 3cqi;
  top: 50%;
  transform: translateY(-50%);
  color: #FFF;
  text-transform: uppercase;
  font-size: 1.8cqi;
  font-weight: 600;
  letter-spacing: .17cqi;
}
.ssb-inner > div.ssb-2 {
  left: 26cqi;
  top: 50%;
  transform: translateY(-50%);
  color: var(--spin-primary-blue);
  font-size: 2.25cqi;
  text-align: center;
  padding-top: 0;
}
.ssb-inner > div.ssb-cta {
  right: 3cqi;
  top: 50%;
  transform: translateY(-50%);
  width: 23cqi;
  font-size: 2.5cqi;
  display: flex;
  flex-flow: column;
  gap: 1cqi;
}
button.open-summer-spin {
  width: 100%;
}
.ssb-cta a.spin-btn-cta {
  width: 100%;
  border-radius: 4cqi;
  display: flex;
  justify-content: center;
}
.ssb-2 .sp-1 {
  font-weight: 700;
}
.ssb-2 .sp-3 {
  margin-top: -.2em;
  margin-bottom: -.12em;
}
@media only screen and (max-width : 840px) {
  .wheel-spin-ctr {
    /* --_wheel-width: 47vw; */
    /* --_wheel-border-width: .825vw; */
    /* left: -8%; */
  }
}
@media only screen and (max-width : 800px) {
  .spin-banner .mobile {
    display: block !important;
  }
  .spin-banner .desktop {
    display: none;
  }
}
@media only screen and (max-width : 700px) and (min-height : 400px) {
  svg.spin-bgnd-m {
    display: block;
  }
  svg.spin-bgnd-d {
    display: none;
  }
  .spin-arrow {
    width: 10cqi;
    left: 49%;
    top: -6%;
  }
  .fancybox-wrap.spin-modal {
    max-width: 380px;
    max-height: 760px;
    width: 83% !important;
  }
  .summer-spin {
    /* height: 50cqi; */
    box-shadow: none;
  }
  .wheel-spin-ctr {
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    --_wheel-width: 95cqi;
    --_wheel-border-width: 0;
    /* margin-top: 5cqi; */
    /* overflow-y: clip; */
    /* padding-top: 4%; */
  }
  .summer-spin li {
    font-size: 4.8cqi;
    padding: 0 0 0 6cqi;
  }
  #summer-spin-modal {
    max-width: 393px;
  }
  .bonvoy-site #summer-spin-modal {
  }
  .wyn-site #spin-winner {
    font-size: 1.125em;
  }
  .summer-spin .spin-wheel {
    /* box-shadow: 0 0 3vw rgba(0, 0, 0, .38); */
  }
  .summer-spin-content {
    padding: 3cqi;
    width: 100%;
    margin: 0 auto;
    font-size: 6.5cqi;
    gap: 3cqi;
    /* justify-content: start; */
    height: 54%;
  }
  .summer-spin-content h2 {
    margin-bottom: .125em;
    color: var(--spin-primary-blue);
  }
  .spin-btn-cta {}
  button.spin-btn-cta {
    /* margin-bottom: 4%; */
  }
  .spin-btn, .spin-btn-cta {
    width: 15em;
    height: 2.7em;
    font-size: .75em;
  }
  .spin-btn {
    /* top: calc(var(--_wheel-width) * .5 + 6%) !important; */
  }
  #spin-arrow {
    transform: translateX(-50%);
    top: -2%;
    width: 9cqi;
  }
  .summer-spin::after {
    top: calc((var(--_wheel-border-width) / -2) + 7%);
  }
  .ssb-d {
    display: none !important;
  }
  .ssb-m {
    display: block !important;
  }
  .ssb-inner > div.ssb-1 {
    display: none;
  }
  .ssb-inner > div.ssb-2 {
    left: 2cqi;
    color: #FFF;
    font-size: 3.4cqi;
    /* padding-top: .5em; */
    width: 24cqi;
  }
  .ssb-2 .sp-3 {
    margin-top: 0;
    line-height: 1;
    font-size: 1.5em;
    margin-bottom: .125em;
  }
  .ssb-inner > div.ssb-cta {
    right: 3cqi;
    width: 35cqi;
    font-size: 4.3cqi;
    gap: 1cqi;
  }
  .ssb-cta a.spin-btn-cta {
    border-radius: 6cqi;
    font-size: .6em;
    height: 3.14em;
  }
}
@media only screen and (max-width : 420px) {
  .spin-modal .fancybox-close {
    width: 24px;
    Height: 24px;
    top: -10px !important;
    right: -10px !important;
  }
}
svg#spin-arrow {}
.spin-arrow.sa-shadow {
  top: -5%;
  filter: blur(.15em);
  opacity: .16;
}
@media (orientation: landscape) and (pointer: coarse) and (max-height: 500px) {
  .fancybox-wrap.spin-modal {
    width: 60% !important;
    max-width: 694px;
  }
}
@media (min-aspect-ratio: 3/4) and (pointer: coarse) and (max-width: 540px) {
  .fancybox-wrap.spin-modal {
    width: 54% !important;
  }
}
/* Galaxy Z Fold 5 */
@media (min-aspect-ratio: 5/2) and (pointer: coarse) {
  .fancybox-wrap.spin-modal {
    width: 54% !important;
  }
}