.discord-perk-wrap{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:rgba(0,0,0,.45)}.discord-perk-wrap .ant-modal{max-width:calc(100vw - 24px);padding-bottom:0}.discord-perk-wrap .ant-modal-content{border-radius:10px;overflow:hidden;padding:0}.discord-perk-wrap .ant-modal-body{padding:0}.discord-perk-modal{--perk-ink:var(--discord-perk-ink,#123d63);--perk-white:var(--discord-perk-white,#fff);--perk-card-width:186px;--perk-card-offset:calc(var(--perk-card-width)*43/208);background:var(--discord-perk-background,linear-gradient(180deg,#6cc6f8 0,#f4fbff 55.17%));border-radius:10px;box-sizing:border-box;color:var(--perk-ink);max-height:calc(100dvh - 24px);overflow:auto;padding:32px 30px 24px;position:relative;text-align:center}.discord-perk-modal h2{color:inherit;display:inline-block;font-size:36px;font-weight:500;letter-spacing:3px;line-height:48px;margin:0;position:relative}.discord-perk-modal h2:after{content:"\2728";font-size:.85em;left:calc(100% + 4px);letter-spacing:0;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.discord-perk-modal .perk-subtitle{font-size:16px;font-weight:500;line-height:1;margin:4px 0 32px}.discord-perk-modal .perk-close{background:transparent;border:0;color:var(--perk-white);cursor:pointer;display:grid;height:44px;place-items:center;position:absolute;right:0;top:0;width:44px;z-index:6}.discord-perk-modal .perk-stage{height:calc(var(--perk-card-width)*440/348 - 5px);isolation:isolate;margin:0 auto;max-width:560px;position:relative}.discord-perk-modal .perk-card{aspect-ratio:348/440;background:transparent;border:6px solid transparent;border-radius:20px;box-sizing:border-box;cursor:pointer;left:50%;padding:0;position:absolute;top:0;transform-origin:center center;transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease;width:var(--perk-card-width);will-change:transform}.discord-perk-modal .perk-card img{border-radius:13px;display:block;height:100%;pointer-events:none;width:100%}.discord-perk-modal .perk-card--center{border-color:var(--perk-white);box-shadow:0 8px 24px var(--discord-perk-shadow,#37789a33);transform:translate(-50%);z-index:3}.discord-perk-modal .perk-card--center .perk-check{opacity:1}.discord-perk-modal .perk-card--left{transform:translate(-134%,var(--perk-card-offset)) rotate(-15deg) scale(.84);z-index:1}.discord-perk-modal .perk-card--right{transform:translate(34%,var(--perk-card-offset)) rotate(15deg) scale(.84);z-index:2}.discord-perk-modal .perk-check{background:var(--discord-perk-check,#090909);border-radius:50%;color:var(--perk-white);display:grid;height:22px;opacity:0;place-items:center;position:absolute;right:7px;top:7px;transition:opacity .18s ease;width:22px}.discord-perk-modal .perk-description{align-items:center;background:#f2f2f2;border:1px solid var(--perk-white);border-radius:24px;box-shadow:0 5px 12px var(--discord-perk-shadow,#37789a33);box-sizing:border-box;color:var(--discord-perk-description-ink,#111);display:flex;font-size:16px;height:44px;justify-content:center;line-height:26px;margin:-10px auto 30px;max-width:100%;opacity:.9;padding:8px 16px;pointer-events:none;position:relative;white-space:nowrap;width:-moz-max-content;width:max-content;z-index:4}.discord-perk-modal .perk-description:before{background:#f2f2f2;border-radius:2px;content:"";height:14px;left:calc(50% - 7px);position:absolute;top:-6px;transform:rotate(45deg);width:14px}.discord-perk-modal .perk-description span{position:relative}.discord-perk-modal .perk-join{align-items:center;background:var(--discord-perk-button,linear-gradient(100deg,#342034,#421348));border-radius:90px;color:var(--perk-white);display:inline-flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;min-height:56px;text-decoration:none;transition:filter .16s ease;width:min(380px,100%)}.discord-perk-modal .perk-join:hover{color:var(--perk-white);filter:brightness(1.12)}.discord-perk-modal .perk-join img{-o-object-fit:contain;object-fit:contain;width:32px}.discord-perk-modal a:focus-visible,.discord-perk-modal button:focus-visible{outline:3px solid var(--perk-ink);outline-offset:3px}.discord-perk-modal .perk-copy-enter-active,.discord-perk-modal .perk-copy-leave-active{transition:opacity .1s ease,transform .1s ease}.discord-perk-modal .perk-copy-enter-from{opacity:0;transform:translateY(3px)}.discord-perk-modal .perk-copy-leave-to{opacity:0;transform:translateY(-3px)}@media (max-width:680px){.discord-perk-modal{padding:40px 12px 24px}.discord-perk-modal h2{font-size:clamp(25px,6.8vw,34px);letter-spacing:1px}.discord-perk-modal .perk-subtitle{font-size:14px;margin:8px 0 24px}.discord-perk-modal .perk-stage{--perk-card-width:35vw}.discord-perk-modal .perk-card{--perk-card-width:35vw;border-radius:17px;border-width:4px}.discord-perk-modal .perk-card--left{transform:translate(-116%,32px) rotate(-12deg) scale(.8)}.discord-perk-modal .perk-card--right{transform:translate(16%,32px) rotate(12deg) scale(.8)}.discord-perk-modal .perk-description{font-size:12px;margin-bottom:22px;white-space:normal}.discord-perk-modal .perk-join{font-size:18px;min-height:54px}}@media (prefers-reduced-motion:reduce){.discord-perk-modal .perk-card,.discord-perk-modal .perk-check,.discord-perk-modal .perk-copy-enter-active,.discord-perk-modal .perk-copy-leave-active{transition:none}}
